| | |
| | | time.value = dayjs().format('HH:mm:ss') |
| | | |
| | | }, 1000) |
| | | // |
| | | // |
| | | const mapList = ref([]) |
| | | const mapEchart = ref() |
| | | const initMap = () => { |
| | |
| | | { value: [103.9526, 30.7617, 1901], itemStyle: { color: '#fff' }, name: '四川', total: 18, bj: 0, yj: 0, yx: 18, tj: 0, dw: 0 } |
| | | ] |
| | | const mapData = [ |
| | | { name: '北京市', value: 0 }, |
| | | { name: '天津市', value: 0 }, |
| | | { name: '上海市', value: 0 }, |
| | | { name: '重庆市', value: 0 }, |
| | | { name: '河北省', value: 0 }, |
| | | { name: '河南省', value: 0 }, |
| | | { name: '云南省', value: 0 }, |
| | | { name: '辽宁省', value: 0 }, |
| | | { name: '黑龙江省', value: 0 }, |
| | | { name: '湖南省', value: 0 }, |
| | | { name: '安徽省', value: 0 }, |
| | | { name: '山东省', value: 0 }, |
| | | { name: '新疆维吾尔自治区', value: 0 }, |
| | | { name: '江苏省', value: 0 }, |
| | | { name: '浙江省', value: 0 }, |
| | | { name: '江西省', value: 0 }, |
| | | { name: '湖北省', value: 0 }, |
| | | { name: '广西壮族自治区', value: 0 }, |
| | | { name: '甘肃省', value: 0 }, |
| | | { name: '山西省', value: 0 }, |
| | | { name: '内蒙古自治区', value: 0 }, |
| | | { name: '陕西省', value: 0 }, |
| | | { name: '吉林省', value: 0 }, |
| | | { name: '福建省', value: 0 }, |
| | | { name: '贵州省', value: 0 }, |
| | | { name: '广东省', value: 0 }, |
| | | { name: '青海省', value: 0 }, |
| | | { name: '西藏自治区', value: 0 }, |
| | | { name: '宁夏回族自治区', value: 0 }, |
| | | { name: '四川省', value: 0 }, |
| | | { name: '宁夏省', value: 0 }, |
| | | { name: '海南省', value: 0 }, |
| | | { name: '台湾省', value: 0 }, |
| | | { name: '香港特别行政区', value: 0 }, |
| | | { name: '澳门特别行政区', value: 0 }, |
| | | { name: '南海诸岛', value: 0 }, |
| | | { name: '北京市',code:'110000', value: 0 }, |
| | | { name: '天津市',code:'120000', value: 0 }, |
| | | { name: '上海市', code:'310000',value: 0 }, |
| | | { name: '重庆市', code:'500000',value: 0 }, |
| | | { name: '河北省',code:'130000', value: 0 }, |
| | | { name: '河南省',code:'410000', value: 0 }, |
| | | { name: '云南省',code:'530000', value: 0 }, |
| | | { name: '辽宁省',code:'210000', value: 0 }, |
| | | { name: '黑龙江省', code:'230000',value: 0 }, |
| | | { name: '湖南省',code:'430000', value: 0 }, |
| | | { name: '安徽省', code:'340000',value: 0 }, |
| | | { name: '山东省',code:'370000', value: 0 }, |
| | | { name: '新疆维吾尔自治区', code:'650000',value: 0 }, |
| | | { name: '江苏省',code:'320000', value: 0 }, |
| | | { name: '浙江省', code:'330000', value: 0 }, |
| | | { name: '江西省', code:'360000', value: 0 }, |
| | | { name: '湖北省', code:'420000', value: 0 }, |
| | | { name: '广西壮族自治区',code:'450000', value: 0 }, |
| | | { name: '甘肃省', code:'620000', value: 0 }, |
| | | { name: '山西省', code:'140000', value: 0 }, |
| | | { name: '内蒙古自治区', code:'150000', value: 0 }, |
| | | { name: '陕西省', code:'610000', value: 0 }, |
| | | { name: '吉林省',code:'220000', value: 0 }, |
| | | { name: '福建省', code:'350000', value: 0 }, |
| | | { name: '贵州省', code:'520000', value: 0 }, |
| | | { name: '广东省', code:'440000', value: 0 }, |
| | | { name: '青海省', code:'630000', value: 0 }, |
| | | { name: '西藏自治区',code:'540000', value: 0 }, |
| | | { name: '宁夏回族自治区',code:'640000', value: 0 }, |
| | | { name: '四川省',code:'510000', value: 0 }, |
| | | { name: '宁夏省', code:'640000',value: 0 }, |
| | | { name: '海南省', code:'460000',value: 0 }, |
| | | { name: '台湾省', code:'710000',value: 0 }, |
| | | { name: '香港特别行政区', code:'810000',value: 0 }, |
| | | { name: '澳门特别行政区', code:'820003',value: 0 }, |
| | | { name: '南海诸岛', code:'',value: 0 }, |
| | | ] |
| | | mapData.forEach(item => { |
| | | item.monthNum = 0 |
| | | item.yearNum = 0 |
| | | mapList.value.forEach(ite => { |
| | | if (item.name == ite.name) { |
| | | if (item.code == ite.code) { |
| | | item.value = ite.yearNum |
| | | item.monthNum = ite.monthNum |
| | | item.yearNum = ite.yearNum |
| | |
| | | return `<div class="map-tip-box"> |
| | | <div class="item-state-con title"> |
| | | <div class="icon"></div> |
| | | <span>${params.data.name}</span> |
| | | <span>${params.data.name}</span> |
| | | </div> |
| | | <div class="item-state-con"> |
| | | <span class="dot bj"></span> |
| | |
| | | mapList.value = temp.map(item => { |
| | | item.value = item.monthNum |
| | | item.name = item.provinceName |
| | | item.code=item.provinceCode |
| | | return item |
| | | }) |
| | | initMap() |
| | |
| | | object-fit: cover; |
| | | z-index: -1; |
| | | } |
| | | </style> |
| | | </style> |