|
|
@@ -22,76 +22,57 @@ import bxgs from '@/assets/images/home/bxgs.png'
|
|
|
import bxgszh from '@/assets/images/home/bxgszh.png'
|
|
|
import ywygl from '@/assets/images/home/ywygl.png'
|
|
|
|
|
|
-import chinaMap from '@/assets/json/china.Json';
|
|
|
-import anhui from '@/assets/json/anhui.json'
|
|
|
-import aomen from '@/assets/json/aomen.json'
|
|
|
-import beijing from '@/assets/json/beijing.json'
|
|
|
-import chongqing from '@/assets/json/chongqing.json'
|
|
|
-import fujian from '@/assets/json/fujian.json'
|
|
|
-import gansu from '@/assets/json/gansu.json'
|
|
|
-import guangdong from '@/assets/json/guangdong.json'
|
|
|
-import guangxi from '@/assets/json/guangxi.json'
|
|
|
-import guizhou from '@/assets/json/guizhou.json'
|
|
|
-import hainan from '@/assets/json/hainan.json'
|
|
|
-import hebei from '@/assets/json/hebei.json'
|
|
|
-import heilongjiang from '@/assets/json/heilongjiang.json'
|
|
|
-import henan from '@/assets/json/henan.json'
|
|
|
-import hubei from '@/assets/json/hubei.json'
|
|
|
-import hunan from '@/assets/json/hunan.json'
|
|
|
-import jiangsu from '@/assets/json/jiangsu.json'
|
|
|
-import jiangxi from '@/assets/json/jiangxi.json'
|
|
|
-import jilin from '@/assets/json/jilin.json'
|
|
|
-import liaoning from '@/assets/json/liaoning.json'
|
|
|
-import neimenggu from '@/assets/json/neimenggu.json'
|
|
|
-import ningxia from '@/assets/json/ningxia.json'
|
|
|
-import qinghai from '@/assets/json/qinghai.json'
|
|
|
-import shandong from '@/assets/json/shandong.json'
|
|
|
-import shanghai from '@/assets/json/shanghai.json'
|
|
|
-import shanxi from '@/assets/json/shanxi.json'
|
|
|
-import shanxi1 from '@/assets/json/shanxi1.json'
|
|
|
-import sichuan from '@/assets/json/sichuan.json'
|
|
|
-import tianjin from '@/assets/json/tianjin.json'
|
|
|
-import xianggang from '@/assets/json/xianggang.json'
|
|
|
-import xinjiang from '@/assets/json/xinjiang.json'
|
|
|
-import xizang from '@/assets/json/xizang.json'
|
|
|
-import yunnan from '@/assets/json/yunnan.json'
|
|
|
-import zhejiang from '@/assets/json/zhejiang.json'
|
|
|
-import QRCode from 'qrcode'
|
|
|
+import chinaMap from '@/assets/json/china.json'
|
|
|
|
|
|
echarts.registerMap('china', chinaMap)
|
|
|
-echarts.registerMap('安徽', anhui)
|
|
|
-echarts.registerMap('澳门', aomen)
|
|
|
-echarts.registerMap('北京', beijing)
|
|
|
-echarts.registerMap('重庆', chongqing)
|
|
|
-echarts.registerMap('福建', fujian)
|
|
|
-echarts.registerMap('甘肃', gansu)
|
|
|
-echarts.registerMap('广东', guangdong)
|
|
|
-echarts.registerMap('广西', guangxi)
|
|
|
-echarts.registerMap('贵州', guizhou)
|
|
|
-echarts.registerMap('海南', hainan)
|
|
|
-echarts.registerMap('河北', hebei)
|
|
|
-echarts.registerMap('黑龙江', heilongjiang)
|
|
|
-echarts.registerMap('河南', henan)
|
|
|
-echarts.registerMap('湖北', hubei)
|
|
|
-echarts.registerMap('湖南', hunan)
|
|
|
-echarts.registerMap('江苏', jiangsu)
|
|
|
-echarts.registerMap('江西', jiangxi)
|
|
|
-echarts.registerMap('吉林', jilin)
|
|
|
-echarts.registerMap('辽宁', liaoning)
|
|
|
-echarts.registerMap('内蒙', neimenggu)
|
|
|
-echarts.registerMap('宁夏', ningxia)
|
|
|
-echarts.registerMap('青海', qinghai)
|
|
|
-echarts.registerMap('山东', shandong)
|
|
|
-echarts.registerMap('上海', shanghai)
|
|
|
-echarts.registerMap('山西', shanxi)
|
|
|
-echarts.registerMap('陕西', shanxi1)
|
|
|
-echarts.registerMap('四川', sichuan)
|
|
|
-echarts.registerMap('天津', tianjin)
|
|
|
-echarts.registerMap('香港', xianggang)
|
|
|
-echarts.registerMap('新疆', xinjiang)
|
|
|
-echarts.registerMap('西藏', xizang)
|
|
|
-echarts.registerMap('云南', yunnan)
|
|
|
-echarts.registerMap('浙江', zhejiang)
|
|
|
+
|
|
|
+const provinceMapLoaders: Record<string, () => Promise<any>> = {
|
|
|
+ '安徽': () => import('@/assets/json/anhui.json'),
|
|
|
+ '澳门': () => import('@/assets/json/aomen.json'),
|
|
|
+ '北京': () => import('@/assets/json/beijing.json'),
|
|
|
+ '重庆': () => import('@/assets/json/chongqing.json'),
|
|
|
+ '福建': () => import('@/assets/json/fujian.json'),
|
|
|
+ '甘肃': () => import('@/assets/json/gansu.json'),
|
|
|
+ '广东': () => import('@/assets/json/guangdong.json'),
|
|
|
+ '广西': () => import('@/assets/json/guangxi.json'),
|
|
|
+ '贵州': () => import('@/assets/json/guizhou.json'),
|
|
|
+ '海南': () => import('@/assets/json/hainan.json'),
|
|
|
+ '河北': () => import('@/assets/json/hebei.json'),
|
|
|
+ '黑龙江': () => import('@/assets/json/heilongjiang.json'),
|
|
|
+ '河南': () => import('@/assets/json/henan.json'),
|
|
|
+ '湖北': () => import('@/assets/json/hubei.json'),
|
|
|
+ '湖南': () => import('@/assets/json/hunan.json'),
|
|
|
+ '江苏': () => import('@/assets/json/jiangsu.json'),
|
|
|
+ '江西': () => import('@/assets/json/jiangxi.json'),
|
|
|
+ '吉林': () => import('@/assets/json/jilin.json'),
|
|
|
+ '辽宁': () => import('@/assets/json/liaoning.json'),
|
|
|
+ '内蒙': () => import('@/assets/json/neimenggu.json'),
|
|
|
+ '宁夏': () => import('@/assets/json/ningxia.json'),
|
|
|
+ '青海': () => import('@/assets/json/qinghai.json'),
|
|
|
+ '山东': () => import('@/assets/json/shandong.json'),
|
|
|
+ '上海': () => import('@/assets/json/shanghai.json'),
|
|
|
+ '山西': () => import('@/assets/json/shanxi.json'),
|
|
|
+ '陕西': () => import('@/assets/json/shanxi1.json'),
|
|
|
+ '四川': () => import('@/assets/json/sichuan.json'),
|
|
|
+ '天津': () => import('@/assets/json/tianjin.json'),
|
|
|
+ '香港': () => import('@/assets/json/xianggang.json'),
|
|
|
+ '新疆': () => import('@/assets/json/xinjiang.json'),
|
|
|
+ '西藏': () => import('@/assets/json/xizang.json'),
|
|
|
+ '云南': () => import('@/assets/json/yunnan.json'),
|
|
|
+ '浙江': () => import('@/assets/json/zhejiang.json'),
|
|
|
+}
|
|
|
+
|
|
|
+const loadedProvinceMaps = new Set<string>()
|
|
|
+
|
|
|
+async function loadProvinceMap(name: string): Promise<boolean> {
|
|
|
+ if (loadedProvinceMaps.has(name)) return true
|
|
|
+ const loader = provinceMapLoaders[name]
|
|
|
+ if (!loader) return false
|
|
|
+ const module = await loader()
|
|
|
+ echarts.registerMap(name, module.default)
|
|
|
+ loadedProvinceMaps.add(name)
|
|
|
+ return true
|
|
|
+}
|
|
|
|
|
|
let myRouter = useRouter()
|
|
|
|
|
|
@@ -194,23 +175,25 @@ const initChinaMap = () => {
|
|
|
|
|
|
// 市级地图
|
|
|
let CityMap = ref()
|
|
|
-const initCityMap = (name) => {
|
|
|
+const initCityMap = async (name) => {
|
|
|
console.log(name)
|
|
|
let str = ''
|
|
|
if (name.length == 3) {
|
|
|
str = name.substring(0, 2)
|
|
|
- initMap(str)
|
|
|
+ await initMap(str)
|
|
|
} else if (name.length == 4) {
|
|
|
str = name.substring(0, 3)
|
|
|
- initMap(str)
|
|
|
+ await initMap(str)
|
|
|
} else if (name.length > 4) {
|
|
|
str = name.substring(0, 2)
|
|
|
- initMap(str)
|
|
|
+ await initMap(str)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-const initMap = (str) => {
|
|
|
+const initMap = async (str) => {
|
|
|
console.log(str)
|
|
|
+ const loaded = await loadProvinceMap(str)
|
|
|
+ if (!loaded) return
|
|
|
const myChart = echarts.init(CityMap.value)
|
|
|
let option = {
|
|
|
tooltip: {
|
|
|
@@ -690,9 +673,9 @@ let chinaMapData = ref([])
|
|
|
let subMapData = ref([])
|
|
|
let provinceStr = ref('')
|
|
|
let provinceName = ref('')
|
|
|
-const initBusinessDistribution = () => {
|
|
|
+const initBusinessDistribution = async () => {
|
|
|
console.log(provinceStr.value)
|
|
|
- api.homeApi.businessDistribution(provinceStr.value).then((res: any) => {
|
|
|
+ api.homeApi.businessDistribution(provinceStr.value).then(async (res: any) => {
|
|
|
if (!provinceStr.value) {
|
|
|
if (res.code == 200) {
|
|
|
chinaMapData.value = res.data?.map(item => {
|
|
|
@@ -722,7 +705,7 @@ const initBusinessDistribution = () => {
|
|
|
} else {
|
|
|
subMapData.value = []
|
|
|
}
|
|
|
- initCityMap(provinceName.value)
|
|
|
+ await initCityMap(provinceName.value)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
@@ -780,7 +763,7 @@ const initAppLatestVersion = () => {
|
|
|
onMounted(async () => {
|
|
|
let userInfo = JSON.parse(localStorage.getItem('userInfo'))
|
|
|
if (userInfo?.province) {
|
|
|
- initCityMap(userInfo?.province);
|
|
|
+ await initCityMap(userInfo?.province);
|
|
|
}
|
|
|
initDailyData();
|
|
|
getNewList();
|
|
|
@@ -794,6 +777,7 @@ onMounted(async () => {
|
|
|
// initTrend();
|
|
|
// initFunnel();
|
|
|
// initPie();
|
|
|
+ const QRCode = (await import('qrcode')).default
|
|
|
await QRCode.toDataURL(appPath.value, {
|
|
|
width: 116,
|
|
|
height: 116,
|
祁鹏飞