114 lines
3.6 KiB
TypeScript
114 lines
3.6 KiB
TypeScript
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')
|