import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import SvgComponent from "hbt-common/components/common/svg.component.vue"
import EchartsComponent from "hbt-common/components/common/echarts.component.vue"
import "@/assets/common/icons";
import 'animate.css';
import Mock from "mockjs"
import { MockData } from './mock';
import 'echarts-wordcloud';

Vue.config.productionTip = false;
document.title = process.env.VUE_APP_TITLE || '汉邦唐全真数字服务平台';

if(process.env.NODE_ENV==="development"){
  Mock.mock(/getPeopleList/, "get", MockData.getPeopleList());
  Mock.mock(/getExpertList/, "get", MockData.getPeopleList());
  Mock.mock(/getCarList/, "get", MockData.getCarList());
  Mock.mock(/getStopCarList/, "get", MockData.getStopCarList());
  Mock.mock(/getBlackCarList/, "get", MockData.getBlackCarList());
  Mock.mock(/getCameraList/, "get", MockData.getCameraList());
  Mock.mock(/getCompanyList/, "get", MockData.getCompanyList());
  Mock.mock(/getBounds/, "get", MockData.getBounds());
  Mock.mock(/getRealBounds/, "get", MockData.getRealBounds());
  Mock.mock(/getSafeBounds/, "get", MockData.getSafeBounds());
  Mock.mock(/getPlanBounds/, "get", MockData.getPlanBounds());
  Mock.mock(/getSafeLine/, "get", MockData.getSafeLine());
  Mock.mock(/getGasData/, "get", MockData.getRandomData());
  Mock.mock(/getRoilData/, "get", MockData.getRandomData());
  Mock.mock(/getBadGasData/, "get", MockData.getRandomData());
  Mock.mock(/getCleanWaterData/, "get", MockData.getRandomData());
  Mock.mock(/getWaterEnvData/, "get", MockData.getRandomData());
  Mock.mock(/getTzWrwData/, "get", MockData.getRandomData());
  Mock.mock(/getBadWaterData/, "get", MockData.getRandomData());
  Mock.mock(/getDangrousWorkData/, "get", MockData.getDangrousWork());
  Mock.mock(/getFourList/, "get", MockData.getFourList());
  Mock.mock(/getParkFourList/, "get", MockData.getFourList2());
  Mock.mock(/getCheckPoint/, "get", MockData.getCheckPoint());
  Mock.mock(/getStoreList/, "get", MockData.getStoreList());
  Mock.mock(/getBuildingList/, "get", MockData.getBuildingList());
  Mock.mock(/getDangrous/, "get", MockData.getDangrous());
  Mock.mock(/getWaringList/, "get", MockData.getWaringList());
}

// 批量引入本地svg
const svgs = require.context("./assets/icons/svg",false,/\.svg$/);
const requireAll = (requireContext:any) => {
    requireContext.keys().map(requireContext);
}
requireAll(svgs)

// 全局注册组件
Vue.component("hbt-svg",SvgComponent)
Vue.component("hbt-echarts",EchartsComponent)
Vue.directive("runNumber",{
  bind:(el,binding)=>{
    const num = binding.value;
    // 2s 加载完
    let step = 0;
    const add = ()=>{
      el.innerText ="" + Math.round(Math.random() * num);
      step++;
      if(step<10){
        setTimeout(()=>{
          add();
        },50)
      }else{
        el.innerText ="" + num;
        step=0;
      }
    }
    add();
  },
  update:(el,binding)=>{
    const num = binding.value;
    // 2s 加载完
    let step = 0;
    const add = ()=>{
      el.innerText ="" + Math.round(Math.random() * num);
      step++;
      if(step<10){
        setTimeout(()=>{
          add();
        },50)
      }else{
        el.innerText ="" + num;
        step=0;
      }
    }
    add();
  },
  unbind:(el,binding)=>{
    //
  }
})
Vue.directive("list",{
  bind:(el,binding)=>{
    const timer = (binding.value+1)*100
    setTimeout(()=>{
      el.classList.add("animate__fadeInRight")
    },timer)
  },
})

Vue.use(ElementUI);
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')