From 05cccb157fa461c1ce17cbeb9b00ed5396491ca8 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Mon, 21 Apr 2025 09:42:41 +0800
Subject: [PATCH] 修改大屏
---
src/assets/bigScreen/topTitleBg.png | 0
src/layout/components/Sidebar/menu.js | 17
src/views/hazardousChemicals/bigScreen/components/midTop.vue | 316 ++
src/assets/bigScreen/frameRT.png | 0
src/views/hazardousChemicals/bigScreen/components/rightBottom.vue | 148 +
src/assets/bigScreen/frameLT.png | 0
src/assets/bigScreen/numberBg.png | 0
src/assets/bigScreen/rightArrow.png | 0
src/views/hazardousChemicals/bigScreen/components/rightTop.vue | 77
src/router/index.js | 31
src/views/hazardousChemicals/bigScreen/components/leftTop.vue | 134 +
src/views/hazardousChemicals/bigScreen/index.vue | 258 ++
src/assets/bigScreen/frameRB.png | 0
src/assets/styles/LKJH.ttf | 0
src/views/hazardousChemicals/bigScreen/components/leftBottom.vue | 158 +
src/assets/bigScreen/frameLB.png | 0
src/main.js | 1
index.html | 2
package.json | 2
vite.config.js | 34
src/views/hazardousChemicals/bigScreen/components/midBottom.vue | 97
src/assets/bigScreen/leftArrow.png | 0
src/views/hazardousChemicals/bigScreen/components/map.json | 5244 ++++++++++++++++++++++++++++++++++++++++++++++++
23 files changed, 6,491 insertions(+), 28 deletions(-)
diff --git a/index.html b/index.html
index baba1fe..08775e0 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link rel="icon" href="/favicon.ico">
<title>危化品智慧管控平台</title>
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
diff --git a/package.json b/package.json
index dfdd5f0..d551c1a 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,9 @@
"devDependencies": {
"@vitejs/plugin-vue": "3.1.0",
"@vue/compiler-sfc": "3.2.45",
+ "amfe-flexible": "^2.2.1",
"p-limit": "^6.1.0",
+ "postcss-pxtorem": "^6.1.0",
"sass": "1.56.1",
"unplugin-auto-import": "0.11.4",
"unplugin-vue-setup-extend-plus": "0.4.9",
diff --git a/src/assets/bigScreen/frameLB.png b/src/assets/bigScreen/frameLB.png
new file mode 100644
index 0000000..14d0182
--- /dev/null
+++ b/src/assets/bigScreen/frameLB.png
Binary files differ
diff --git a/src/assets/bigScreen/frameLT.png b/src/assets/bigScreen/frameLT.png
new file mode 100644
index 0000000..2dc2b49
--- /dev/null
+++ b/src/assets/bigScreen/frameLT.png
Binary files differ
diff --git a/src/assets/bigScreen/frameRB.png b/src/assets/bigScreen/frameRB.png
new file mode 100644
index 0000000..9c704b6
--- /dev/null
+++ b/src/assets/bigScreen/frameRB.png
Binary files differ
diff --git a/src/assets/bigScreen/frameRT.png b/src/assets/bigScreen/frameRT.png
new file mode 100644
index 0000000..39df1f0
--- /dev/null
+++ b/src/assets/bigScreen/frameRT.png
Binary files differ
diff --git a/src/assets/bigScreen/leftArrow.png b/src/assets/bigScreen/leftArrow.png
new file mode 100644
index 0000000..25853f5
--- /dev/null
+++ b/src/assets/bigScreen/leftArrow.png
Binary files differ
diff --git a/src/assets/bigScreen/numberBg.png b/src/assets/bigScreen/numberBg.png
new file mode 100644
index 0000000..ca4bdb1
--- /dev/null
+++ b/src/assets/bigScreen/numberBg.png
Binary files differ
diff --git a/src/assets/bigScreen/rightArrow.png b/src/assets/bigScreen/rightArrow.png
new file mode 100644
index 0000000..f84f56c
--- /dev/null
+++ b/src/assets/bigScreen/rightArrow.png
Binary files differ
diff --git a/src/assets/bigScreen/topTitleBg.png b/src/assets/bigScreen/topTitleBg.png
new file mode 100644
index 0000000..ba77aa8
--- /dev/null
+++ b/src/assets/bigScreen/topTitleBg.png
Binary files differ
diff --git a/src/assets/styles/LKJH.ttf b/src/assets/styles/LKJH.ttf
new file mode 100644
index 0000000..3643a5f
--- /dev/null
+++ b/src/assets/styles/LKJH.ttf
Binary files differ
diff --git a/src/layout/components/Sidebar/menu.js b/src/layout/components/Sidebar/menu.js
index 439cd80..24d9414 100644
--- a/src/layout/components/Sidebar/menu.js
+++ b/src/layout/components/Sidebar/menu.js
@@ -2,17 +2,14 @@
const menu = {
commonMenu: [
{
+ path: '/bigScreen',
+ redirect: '/bigScreen',
+ meta: { title: '监管大屏',icon: 'server',affix: true}
+ },
+ {
path: '/homePageIndex',
- redirect: '/homePageIndex',
- meta: { title: '首页',icon: 'server'},
- children: [
-
- {
- path: 'homePageIndex',
- name: 'homePageIndex',
- meta: { title: '工作台',icon: 'server'}
- } ,
- ]
+ name: 'homePageIndex',
+ meta: { title: '工作台',icon: 'caution',affix: true }
},
{
path: '/warehouseManage',
diff --git a/src/main.js b/src/main.js
index d0d0667..1555200 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,7 +11,6 @@
import store from './store'
import router from './router'
import directive from './directive' // directive
-
// 注册指令
import plugins from './plugins' // plugins
import { download } from '@/utils/request'
diff --git a/src/router/index.js b/src/router/index.js
index 9a9c99a..f088d84 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -52,18 +52,6 @@
component: () => import('@/views/error/401'),
hidden: true
},
- // {
- // path: '/newPage',
- // component: Layout,
- // redirect: '/newPage',
- // children: [
- // {
- // path: '/newPage',
- // component: () => import('@/views/onlineEducation/systemManage/banner/components/newPage.vue'),
- // name: 'NewPage',
- // }
- // ]
- // },
{
path: '/warehouseManage',
component: Layout,
@@ -77,7 +65,20 @@
}
]
},
-
+ {
+ path: '/bigScreen',
+ component: Layout,
+ redirect: '/bigScreen',
+ meta: { title: '监管大屏'},
+ children: [
+ {
+ path: '/bigScreen',
+ component: () => import('@/views/hazardousChemicals/bigScreen/index.vue'),
+ name: 'bigScreen',
+ meta: { title: '监管大屏',icon: 'form', affix: true }
+ }
+ ]
+ },
{
path: '/electronicWarehouse',
component: Layout,
@@ -238,10 +239,10 @@
path: '/homePageIndex',
component: Layout,
redirect: '/homePageIndex',
- meta: { title: '首页'},
+ meta: { title: '工作台'},
children: [
{
- path: 'homePageIndex',
+ path: '/homePageIndex',
component: () => import('@/views/hazardousChemicals/homePage/index.vue'),
name: 'homePageIndex',
meta: { title: '工作台',icon: 'form'}
diff --git a/src/views/hazardousChemicals/bigScreen/components/leftBottom.vue b/src/views/hazardousChemicals/bigScreen/components/leftBottom.vue
new file mode 100644
index 0000000..de6ee03
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/leftBottom.vue
@@ -0,0 +1,158 @@
+<template>
+ <div class="charts-container">
+ <div id="dangerPie"></div>
+ <div id="dangerBar"></div>
+ </div>
+</template>
+<script setup>
+import * as echarts from 'echarts';
+import {onMounted} from "vue";
+
+onMounted(()=>{
+ initDangerPie()
+ initDangerBar()
+})
+
+const initDangerPie =()=>{
+ var chartDom = document.getElementById('dangerPie');
+ var myChart = echarts.init(chartDom);
+ var option;
+
+ option = {
+ legend: {
+ show: false
+ },
+ tooltip: {
+ trigger: 'item'
+ },
+ series: [
+ {
+ type: 'pie',
+ radius: ['40%', '70%'],
+ padAngle: 2,
+ itemStyle: {
+ borderRadius: 1,
+ },
+ label: {
+ color: '#fff',
+ textBorderWidth: 0,
+ formatter: '{b}\n{d}%'
+ },
+ labelLine: {
+ show: true
+ },
+ color: ['#1890FF','#FACC14'],
+ data: [
+ { value: 1048, name: '未整改' },
+ { value: 735, name: '已整改' }
+ ],
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ }
+ }
+ ]
+ };
+
+ option && myChart.setOption(option);
+}
+const initDangerBar =()=>{
+ var chartDom = document.getElementById('dangerBar');
+ var myChart = echarts.init(chartDom);
+ var option;
+
+ option = {
+ grid: {
+ top: '10%',
+ left: '3%',
+ right: '2%',
+ bottom: '3%',
+ containLabel: true
+ },
+ color: ['#02CDE6'],
+ title: [
+ {
+ text: '隐患统计（top5）',
+ left: '2%',
+ top: '0%',
+ textStyle: {
+ fontSize: 12,
+ color: 'rgba(255,255,255,.6)',
+ fontWeight: 'normal'
+ }
+ },
+ {
+ text: '已整改/未整改',
+ right: '0',
+ top: '0%',
+ textStyle: {
+ fontSize: 12,
+ color: 'rgba(255,255,255,.6)',
+ fontWeight: 'normal'
+ }
+ }
+ ],
+ xAxis: {
+ type: 'value',
+ splitLine: {
+ show: false
+ },
+ axisLine: {
+ show: true
+ },
+ axisLabel:{
+ color: '#fff'
+ }
+ },
+ yAxis: {
+ data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World'],
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+ },
+ axisLabel:{
+ color: 'rgba(255,255,255,.6)'
+ }
+ },
+ series: [
+ {
+ name: '2011',
+ type: 'bar',
+ barWidth: '15',
+ data: [203, 489, 134, 970, 744, 230]
+ }
+ ]
+ };
+
+ option && myChart.setOption(option);
+}
+</script>
+
+<style lang="postcss" scoped>
+@font-face {
+ font-family: "LKJH";
+ src: url("@/assets/styles/LKJH.ttf");
+ font-style: normal;
+ font-weight: normal;
+}
+.charts-container{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+ #dangerPie{
+ width: 100%;
+ flex: 1;
+ }
+
+ #dangerBar{
+ width: 100%;
+ flex: 2;
+ }
+</style>
diff --git a/src/views/hazardousChemicals/bigScreen/components/leftTop.vue b/src/views/hazardousChemicals/bigScreen/components/leftTop.vue
new file mode 100644
index 0000000..cd5a7da
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/leftTop.vue
@@ -0,0 +1,134 @@
+<template>
+ <div class="charts-container">
+ <div class="top">
+ 共计<span>41515152</span>人/次
+ </div>
+ <div id="main"></div>
+ </div>
+</template>
+<script setup>
+import * as echarts from 'echarts';
+import {onMounted} from "vue";
+
+onMounted(()=>{
+ initChart()
+})
+
+const initChart =()=>{
+ var chartDom = document.getElementById('main');
+ var myChart = echarts.init(chartDom);
+ var option;
+
+ option = {
+ title: [
+ {
+ text: '领用统计（人/次）',
+ left: '0',
+ top: '2%',
+ textStyle: {
+ fontSize: 12,
+ color: 'rgba(255,255,255,.6)',
+ fontWeight: 'normal'
+ }
+ }
+ ],
+ xAxis: {
+ type: 'category',
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ axisLabel:{
+ color: '#fff'
+ },
+ axisTick: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ splitLine: {
+ lineStyle:{
+ color: 'rgba(255,255,255,.1)',
+ type: 'dashed'
+ }
+ },
+ axisLabel:{
+ color: 'rgba(255,255,255,.6)'
+ }
+ },
+ grid: [
+ {
+ top: '15%',
+ right: '2%',
+ bottom: '10%'
+ }
+ ],
+ series: [
+ {
+ data: [150, 230, 224, 218, 135, 147, 260],
+ type: 'line',
+ label:{
+ show: true,
+ color: '#fff',
+ textBorderColor: 'transparent',
+ fontSize: 8
+ },
+ // showSymbol: false,
+ lineStyle:{
+ color: '#54d5ff'
+ },
+ itemStyle:{
+ color: '#54d5ff',
+ }
+ }
+ ]
+ };
+
+ option && myChart.setOption(option);
+}
+
+</script>
+
+<style lang="postcss" scoped>
+@font-face {
+ font-family: "LKJH";
+ src: url("@/assets/styles/LKJH.ttf");
+ font-style: normal;
+ font-weight: normal;
+}
+.charts-container{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+ .top{
+ width: 100%;
+ font-size: 14px;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ margin: 10px 0 20px;
+
+ span{
+ display: inline-block;
+ font-family: "LKJH";
+ vertical-align: middle;
+ font-size: 28px;
+ color: yellow;
+ margin: 0 5px;
+ padding: 5px 10px;
+ letter-spacing: 4px;
+ border-top: 1px solid #155285;
+ border-bottom: 1px solid #155285;
+ background:
+ url('../../../../assets/bigScreen/numberBg.png') left center no-repeat,
+ url('../../../../assets/bigScreen/numberBg.png') right center no-repeat;
+ background-size: 1px 100%;
+ }
+ }
+
+ #main{
+ flex: 1;
+ width: 100%;
+
+ }
+</style>
diff --git a/src/views/hazardousChemicals/bigScreen/components/map.json b/src/views/hazardousChemicals/bigScreen/components/map.json
new file mode 100644
index 0000000..142b01d
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/map.json
@@ -0,0 +1,5244 @@
+{
+ "type": "FeatureCollection",
+ "features": [
+ {
+ "type": "Feature",
+ "properties": {
+ "adcode": 320505,
+ "name": "虎丘区",
+ "center": [
+ 120.566833,
+ 31.294845
+ ],
+ "centroid": [
+ 120.41453,
+ 31.342948
+ ],
+ "childrenNum": 0,
+ "level": "district",
+ "parent": {
+ "adcode": 320500
+ },
+ "subFeatureIndex": 0,
+ "acroutes": [
+ 100000,
+ 320000,
+ 320500
+ ]
+ },
+ "geometry": {
+ "type": "MultiPolygon",
+ "coordinates": [
+ [
+ [
+ [
+ 120.610033,
+ 31.259539
+ ],
+ [
+ 120.593419,
+ 31.259849
+ ],
+ [
+ 120.59143,
+ 31.260261
+ ],
+ [
+ 120.588467,
+ 31.262816
+ ],
+ [
+ 120.586231,
+ 31.273264
+ ],
+ [
+ 120.580582,
+ 31.281789
+ ],
+ [
+ 120.575789,
+ 31.292712
+ ],
+ [
+ 120.56953,
+ 31.305503
+ ],
+ [
+ 120.56664,
+ 31.308881
+ ],
+ [
+ 120.565508,
+ 31.315934
+ ],
+ [
+ 120.563184,
+ 31.321503
+ ],
+ [
+ 120.560498,
+ 31.324494
+ ],
+ [
+ 120.534634,
+ 31.349886
+ ],
+ [
+ 120.528636,
+ 31.35553
+ ],
+ [
+ 120.529043,
+ 31.356793
+ ],
+ [
+ 120.540152,
+ 31.361974
+ ],
+ [
+ 120.539905,
+ 31.37004
+ ],
+ [
+ 120.540864,
+ 31.372707
+ ],
+ [
+ 120.547355,
+ 31.375696
+ ],
+ [
+ 120.550419,
+ 31.378505
+ ],
+ [
+ 120.554122,
+ 31.379136
+ ],
+ [
+ 120.552452,
+ 31.381326
+ ],
+ [
+ 120.551102,
+ 31.386235
+ ],
+ [
+ 120.547529,
+ 31.389623
+ ],
+ [
+ 120.550376,
+ 31.390305
+ ],
+ [
+ 120.552888,
+ 31.393642
+ ],
+ [
+ 120.550928,
+ 31.39542
+ ],
+ [
+ 120.549606,
+ 31.39949
+ ],
+ [
+ 120.555008,
+ 31.400868
+ ],
+ [
+ 120.557201,
+ 31.402388
+ ],
+ [
+ 120.558131,
+ 31.404681
+ ],
+ [
+ 120.560251,
+ 31.405402
+ ],
+ [
+ 120.5624,
+ 31.407669
+ ],
+ [
+ 120.563475,
+ 31.411056
+ ],
+ [
+ 120.562865,
+ 31.413181
+ ],
+ [
+ 120.556373,
+ 31.41434
+ ],
+ [
+ 120.55299,
+ 31.420612
+ ],
+ [
+ 120.547733,
+ 31.41917
+ ],
+ [
+ 120.546629,
+ 31.416478
+ ],
+ [
+ 120.543637,
+ 31.414289
+ ],
+ [
+ 120.535549,
+ 31.413426
+ ],
+ [
+ 120.530321,
+ 31.410412
+ ],
+ [
+ 120.525456,
+ 31.406329
+ ],
+ [
+ 120.519821,
+ 31.404848
+ ],
+ [
+ 120.516684,
+ 31.403045
+ ],
+ [
+ 120.513489,
+ 31.403367
+ ],
+ [
+ 120.510527,
+ 31.401164
+ ],
+ [
+ 120.508988,
+ 31.401705
+ ],
+ [
+ 120.504413,
+ 31.407141
+ ],
+ [
+ 120.500347,
+ 31.410077
+ ],
+ [
+ 120.49644,
+ 31.411211
+ ],
+ [
+ 120.491082,
+ 31.411108
+ ],
+ [
+ 120.488134,
+ 31.408983
+ ],
+ [
+ 120.486333,
+ 31.409382
+ ],
+ [
+ 120.47836,
+ 31.41698
+ ],
+ [
+ 120.470882,
+ 31.411455
+ ],
+ [
+ 120.476327,
+ 31.406304
+ ],
+ [
+ 120.475209,
+ 31.405029
+ ],
+ [
+ 120.471448,
+ 31.404462
+ ],
+ [
+ 120.469865,
+ 31.402427
+ ],
+ [
+ 120.465349,
+ 31.402311
+ ],
+ [
+ 120.465552,
+ 31.395935
+ ],
+ [
+ 120.463083,
+ 31.394904
+ ],
+ [
+ 120.459845,
+ 31.397184
+ ],
+ [
+ 120.453629,
+ 31.394556
+ ],
+ [
+ 120.452555,
+ 31.39636
+ ],
+ [
+ 120.44843,
+ 31.396862
+ ],
+ [
+ 120.445991,
+ 31.39189
+ ],
+ [
+ 120.440951,
+ 31.389417
+ ],
+ [
+ 120.437016,
+ 31.390447
+ ],
+ [
+ 120.433385,
+ 31.393243
+ ],
+ [
+ 120.429159,
+ 31.394028
+ ],
+ [
+ 120.420896,
+ 31.390267
+ ],
+ [
+ 120.418892,
+ 31.393165
+ ],
+ [
+ 120.411893,
+ 31.396514
+ ],
+ [
+ 120.40832,
+ 31.396849
+ ],
+ [
+ 120.405387,
+ 31.398666
+ ],
+ [
+ 120.392157,
+ 31.399915
+ ],
+ [
+ 120.317586,
+ 31.398125
+ ],
+ [
+ 120.308146,
+ 31.393268
+ ],
+ [
+ 120.253122,
+ 31.366097
+ ],
+ [
+ 120.209614,
+ 31.345659
+ ],
+ [
+ 120.206593,
+ 31.342565
+ ],
+ [
+ 120.255693,
+ 31.300449
+ ],
+ [
+ 120.263099,
+ 31.295239
+ ],
+ [
+ 120.27142,
+ 31.291732
+ ],
+ [
+ 120.283662,
+ 31.28963
+ ],
+ [
+ 120.295469,
+ 31.289037
+ ],
+ [
+ 120.306259,
+ 31.289449
+ ],
+ [
+ 120.317876,
+ 31.291809
+ ],
+ [
+ 120.334591,
+ 31.299946
+ ],
+ [
+ 120.344626,
+ 31.305632
+ ],
+ [
+ 120.348431,
+ 31.308585
+ ],
+ [
+ 120.354312,
+ 31.311963
+ ],
+ [
+ 120.355663,
+ 31.313317
+ ],
+ [
+ 120.354327,
+ 31.315998
+ ],
+ [
+ 120.354777,
+ 31.318461
+ ],
+ [
+ 120.372073,
+ 31.318834
+ ],
+ [
+ 120.374179,
+ 31.319943
+ ],
+ [
+ 120.372552,
+ 31.322625
+ ],
+ [
+ 120.37871,
+ 31.325938
+ ],
+ [
+ 120.383647,
+ 31.325989
+ ],
+ [
+ 120.385332,
+ 31.325306
+ ],
+ [
+ 120.395802,
+ 31.324558
+ ],
+ [
+ 120.39965,
+ 31.324752
+ ],
+ [
+ 120.401989,
+ 31.323269
+ ],
+ [
+ 120.404341,
+ 31.32479
+ ],
+ [
+ 120.412561,
+ 31.324997
+ ],
+ [
+ 120.415117,
+ 31.324197
+ ],
+ [
+ 120.415741,
+ 31.322715
+ ],
+ [
+ 120.413461,
+ 31.321374
+ ],
+ [
+ 120.415073,
+ 31.319904
+ ],
+ [
+ 120.416903,
+ 31.321426
+ ],
+ [
+ 120.41882,
+ 31.319956
+ ],
+ [
+ 120.417789,
+ 31.318357
+ ],
+ [
+ 120.419938,
+ 31.317365
+ ],
+ [
+ 120.421201,
+ 31.314748
+ ],
+ [
+ 120.420156,
+ 31.308675
+ ],
+ [
+ 120.421739,
+ 31.308778
+ ],
+ [
+ 120.429798,
+ 31.304962
+ ],
+ [
+ 120.428433,
+ 31.301906
+ ],
+ [
+ 120.430713,
+ 31.300139
+ ],
+ [
+ 120.435564,
+ 31.300101
+ ],
+ [
+ 120.443406,
+ 31.298437
+ ],
+ [
+ 120.446644,
+ 31.299998
+ ],
+ [
+ 120.446775,
+ 31.303415
+ ],
+ [
+ 120.444887,
+ 31.308391
+ ],
+ [
+ 120.445729,
+ 31.311524
+ ],
+ [
+ 120.450725,
+ 31.315482
+ ],
+ [
+ 120.455648,
+ 31.318486
+ ],
+ [
+ 120.459482,
+ 31.318035
+ ],
+ [
+ 120.462691,
+ 31.314348
+ ],
+ [
+ 120.472276,
+ 31.313755
+ ],
+ [
+ 120.4738,
+ 31.312143
+ ],
+ [
+ 120.481062,
+ 31.309835
+ ],
+ [
+ 120.483559,
+ 31.302525
+ ],
+ [
+ 120.483632,
+ 31.299907
+ ],
+ [
+ 120.482078,
+ 31.296619
+ ],
+ [
+ 120.483763,
+ 31.295175
+ ],
+ [
+ 120.490951,
+ 31.295188
+ ],
+ [
+ 120.492113,
+ 31.293911
+ ],
+ [
+ 120.490704,
+ 31.288985
+ ],
+ [
+ 120.492069,
+ 31.2854
+ ],
+ [
+ 120.494233,
+ 31.284794
+ ],
+ [
+ 120.497384,
+ 31.288482
+ ],
+ [
+ 120.504849,
+ 31.288005
+ ],
+ [
+ 120.51028,
+ 31.291048
+ ],
+ [
+ 120.513489,
+ 31.29217
+ ],
+ [
+ 120.522159,
+ 31.292776
+ ],
+ [
+ 120.525122,
+ 31.289527
+ ],
+ [
+ 120.526167,
+ 31.287167
+ ],
+ [
+ 120.529144,
+ 31.285219
+ ],
+ [
+ 120.530379,
+ 31.279364
+ ],
+ [
+ 120.53215,
+ 31.277056
+ ],
+ [
+ 120.532949,
+ 31.272567
+ ],
+ [
+ 120.538787,
+ 31.271613
+ ],
+ [
+ 120.541808,
+ 31.268388
+ ],
+ [
+ 120.545903,
+ 31.267021
+ ],
+ [
+ 120.546266,
+ 31.269149
+ ],
+ [
+ 120.550753,
+ 31.2704
+ ],
+ [
+ 120.550623,
+ 31.271767
+ ],
+ [
+ 120.553324,
+ 31.270658
+ ],
+ [
+ 120.558871,
+ 31.270903
+ ],
+ [
+ 120.560933,
+ 31.271832
+ ],
+ [
+ 120.562298,
+ 31.26257
+ ],
+ [
+ 120.563751,
+ 31.26079
+ ],
+ [
+ 120.566568,
+ 31.260894
+ ],
+ [
+ 120.564099,
+ 31.257772
+ ],
+ [
+ 120.56163,
+ 31.257191
+ ],
+ [
+ 120.564607,
+ 31.254198
+ ],
+ [
+ 120.566553,
+ 31.251128
+ ],
+ [
+ 120.569313,
+ 31.249167
+ ],
+ [
+ 120.567802,
+ 31.246238
+ ],
+ [
+ 120.568949,
+ 31.245206
+ ],
+ [
+ 120.567686,
+ 31.2366
+ ],
+ [
+ 120.572914,
+ 31.233116
+ ],
+ [
+ 120.576269,
+ 31.22851
+ ],
+ [
+ 120.576748,
+ 31.220947
+ ],
+ [
+ 120.579928,
+ 31.219915
+ ],
+ [
+ 120.582078,
+ 31.226716
+ ],
+ [
+ 120.580466,
+ 31.232148
+ ],
+ [
+ 120.587814,
+ 31.233968
+ ],
+ [
+ 120.588249,
+ 31.233129
+ ],
+ [
+ 120.592606,
+ 31.23331
+ ],
+ [
+ 120.592403,
+ 31.235271
+ ],
+ [
+ 120.593608,
+ 31.240716
+ ],
+ [
+ 120.593347,
+ 31.249593
+ ],
+ [
+ 120.596745,
+ 31.249515
+ ],
+ [
+ 120.599272,
+ 31.252728
+ ],
+ [
+ 120.602655,
+ 31.253037
+ ],
+ [
+ 120.602713,
+ 31.256533
+ ],
+ [
+ 120.609466,
+ 31.257165
+ ],
+ [
+ 120.610033,
+ 31.259539
+ ]
+ ]
+ ]
+ ]
+ }
+ },
+ {
+ "type": "Feature",
+ "properties": {
+ "adcode": 320506,
+ "name": "吴中区",
+ "center": [
+ 120.624621,
+ 31.270839
+ ],
+ "centroid": [
+ 120.369662,
+ 31.164625
+ ],
+ "childrenNum": 0,
+ "level": "district",
+ "parent": {
+ "adcode": 320500
+ },
+ "subFeatureIndex": 1,
+ "acroutes": [
+ 100000,
+ 320000,
+ 320500
+ ]
+ },
+ "geometry": {
+ "type": "MultiPolygon",
+ "coordinates": [
+ [
+ [
+ [
+ 120.206593,
+ 31.342565
+ ],
+ [
+ 120.173715,
+ 31.308817
+ ],
+ [
+ 120.110224,
+ 31.264002
+ ],
+ [
+ 119.920013,
+ 31.170913
+ ],
+ [
+ 119.920957,
+ 31.170384
+ ],
+ [
+ 119.920275,
+ 31.164406
+ ],
+ [
+ 119.921074,
+ 31.161216
+ ],
+ [
+ 119.927928,
+ 31.152951
+ ],
+ [
+ 119.936757,
+ 31.146558
+ ],
+ [
+ 119.939822,
+ 31.142955
+ ],
+ [
+ 119.940475,
+ 31.139584
+ ],
+ [
+ 119.93988,
+ 31.134598
+ ],
+ [
+ 119.940199,
+ 31.12863
+ ],
+ [
+ 119.946589,
+ 31.112016
+ ],
+ [
+ 119.947025,
+ 31.108941
+ ],
+ [
+ 119.94624,
+ 31.106228
+ ],
+ [
+ 119.953022,
+ 31.096782
+ ],
+ [
+ 119.961431,
+ 31.087387
+ ],
+ [
+ 119.969766,
+ 31.074282
+ ],
+ [
+ 119.97209,
+ 31.07202
+ ],
+ [
+ 119.982778,
+ 31.064924
+ ],
+ [
+ 119.988514,
+ 31.059223
+ ],
+ [
+ 119.99245,
+ 31.048299
+ ],
+ [
+ 119.995572,
+ 31.043166
+ ],
+ [
+ 119.998433,
+ 31.036184
+ ],
+ [
+ 119.997605,
+ 31.034606
+ ],
+ [
+ 120.001729,
+ 31.027119
+ ],
+ [
+ 120.004692,
+ 31.024908
+ ],
+ [
+ 120.017021,
+ 31.017795
+ ],
+ [
+ 120.032531,
+ 31.011781
+ ],
+ [
+ 120.045702,
+ 31.008185
+ ],
+ [
+ 120.052441,
+ 31.005741
+ ],
+ [
+ 120.056914,
+ 31.002649
+ ],
+ [
+ 120.061328,
+ 30.99798
+ ],
+ [
+ 120.072888,
+ 30.989041
+ ],
+ [
+ 120.081238,
+ 30.983944
+ ],
+ [
+ 120.086974,
+ 30.979674
+ ],
+ [
+ 120.09441,
+ 30.973231
+ ],
+ [
+ 120.099129,
+ 30.966347
+ ],
+ [
+ 120.101642,
+ 30.964173
+ ],
+ [
+ 120.103762,
+ 30.965105
+ ],
+ [
+ 120.104357,
+ 30.963448
+ ],
+ [
+ 120.107451,
+ 30.960627
+ ],
+ [
+ 120.107088,
+ 30.959709
+ ],
+ [
+ 120.111023,
+ 30.955917
+ ],
+ [
+ 120.115118,
+ 30.954649
+ ],
+ [
+ 120.129945,
+ 30.944981
+ ],
+ [
+ 120.135144,
+ 30.941901
+ ],
+ [
+ 120.140358,
+ 30.943337
+ ],
+ [
+ 120.145615,
+ 30.941357
+ ],
+ [
+ 120.145891,
+ 30.939726
+ ],
+ [
+ 120.149652,
+ 30.937474
+ ],
+ [
+ 120.167369,
+ 30.935014
+ ],
+ [
+ 120.178522,
+ 30.933862
+ ],
+ [
+ 120.188586,
+ 30.93227
+ ],
+ [
+ 120.195469,
+ 30.9306
+ ],
+ [
+ 120.198795,
+ 30.928309
+ ],
+ [
+ 120.206114,
+ 30.929759
+ ],
+ [
+ 120.212315,
+ 30.929021
+ ],
+ [
+ 120.223686,
+ 30.926691
+ ],
+ [
+ 120.236581,
+ 30.926134
+ ],
+ [
+ 120.241316,
+ 30.926497
+ ],
+ [
+ 120.250755,
+ 30.926225
+ ],
+ [
+ 120.266148,
+ 30.928244
+ ],
+ [
+ 120.271376,
+ 30.928659
+ ],
+ [
+ 120.274644,
+ 30.928193
+ ],
+ [
+ 120.282515,
+ 30.929863
+ ],
+ [
+ 120.299854,
+ 30.931649
+ ],
+ [
+ 120.308074,
+ 30.93227
+ ],
+ [
+ 120.322247,
+ 30.935209
+ ],
+ [
+ 120.330975,
+ 30.937772
+ ],
+ [
+ 120.340894,
+ 30.939959
+ ],
+ [
+ 120.343334,
+ 30.939985
+ ],
+ [
+ 120.351147,
+ 30.942561
+ ],
+ [
+ 120.359264,
+ 30.944593
+ ],
+ [
+ 120.364507,
+ 30.947129
+ ],
+ [
+ 120.3711,
+ 30.94876
+ ],
+ [
+ 120.372857,
+ 30.952345
+ ],
+ [
+ 120.375471,
+ 30.955593
+ ],
+ [
+ 120.386508,
+ 30.961352
+ ],
+ [
+ 120.394466,
+ 30.962905
+ ],
+ [
+ 120.399709,
+ 30.966011
+ ],
+ [
+ 120.405256,
+ 30.967965
+ ],
+ [
+ 120.418471,
+ 30.971458
+ ],
+ [
+ 120.423205,
+ 30.973632
+ ],
+ [
+ 120.428913,
+ 30.979027
+ ],
+ [
+ 120.432993,
+ 30.984616
+ ],
+ [
+ 120.437335,
+ 30.991369
+ ],
+ [
+ 120.442694,
+ 30.998588
+ ],
+ [
+ 120.447356,
+ 31.003723
+ ],
+ [
+ 120.457942,
+ 31.014484
+ ],
+ [
+ 120.462008,
+ 31.020291
+ ],
+ [
+ 120.465247,
+ 31.027352
+ ],
+ [
+ 120.48491,
+ 31.051492
+ ],
+ [
+ 120.486667,
+ 31.053961
+ ],
+ [
+ 120.491619,
+ 31.057685
+ ],
+ [
+ 120.499926,
+ 31.062093
+ ],
+ [
+ 120.540849,
+ 31.085836
+ ],
+ [
+ 120.555415,
+ 31.09465
+ ],
+ [
+ 120.557651,
+ 31.097932
+ ],
+ [
+ 120.558726,
+ 31.101835
+ ],
+ [
+ 120.561354,
+ 31.103592
+ ],
+ [
+ 120.569095,
+ 31.116318
+ ],
+ [
+ 120.590079,
+ 31.152357
+ ],
+ [
+ 120.593971,
+ 31.156993
+ ],
+ [
+ 120.595598,
+ 31.157497
+ ],
+ [
+ 120.599548,
+ 31.160816
+ ],
+ [
+ 120.608479,
+ 31.160041
+ ],
+ [
+ 120.614375,
+ 31.168396
+ ],
+ [
+ 120.623742,
+ 31.176879
+ ],
+ [
+ 120.624192,
+ 31.184715
+ ],
+ [
+ 120.622914,
+ 31.194643
+ ],
+ [
+ 120.622696,
+ 31.201304
+ ],
+ [
+ 120.62441,
+ 31.206273
+ ],
+ [
+ 120.626051,
+ 31.208222
+ ],
+ [
+ 120.634488,
+ 31.210919
+ ],
+ [
+ 120.631249,
+ 31.224793
+ ],
+ [
+ 120.634996,
+ 31.225503
+ ],
+ [
+ 120.63639,
+ 31.228109
+ ],
+ [
+ 120.639324,
+ 31.229826
+ ],
+ [
+ 120.641415,
+ 31.229335
+ ],
+ [
+ 120.641604,
+ 31.224599
+ ],
+ [
+ 120.643332,
+ 31.220909
+ ],
+ [
+ 120.650114,
+ 31.221476
+ ],
+ [
+ 120.65158,
+ 31.219166
+ ],
+ [
+ 120.65418,
+ 31.219037
+ ],
+ [
+ 120.655981,
+ 31.220289
+ ],
+ [
+ 120.65935,
+ 31.220238
+ ],
+ [
+ 120.66041,
+ 31.219231
+ ],
+ [
+ 120.661267,
+ 31.208971
+ ],
+ [
+ 120.663503,
+ 31.205731
+ ],
+ [
+ 120.664679,
+ 31.200632
+ ],
+ [
+ 120.664607,
+ 31.195443
+ ],
+ [
+ 120.670401,
+ 31.194849
+ ],
+ [
+ 120.671795,
+ 31.193055
+ ],
+ [
+ 120.673698,
+ 31.187995
+ ],
+ [
+ 120.675992,
+ 31.187143
+ ],
+ [
+ 120.677473,
+ 31.188743
+ ],
+ [
+ 120.677401,
+ 31.192435
+ ],
+ [
+ 120.68167,
+ 31.196515
+ ],
+ [
+ 120.685301,
+ 31.196876
+ ],
+ [
+ 120.690311,
+ 31.198774
+ ],
+ [
+ 120.695466,
+ 31.201562
+ ],
+ [
+ 120.697921,
+ 31.201872
+ ],
+ [
+ 120.717337,
+ 31.199961
+ ],
+ [
+ 120.717569,
+ 31.192255
+ ],
+ [
+ 120.721388,
+ 31.185245
+ ],
+ [
+ 120.724162,
+ 31.183334
+ ],
+ [
+ 120.734008,
+ 31.191958
+ ],
+ [
+ 120.738568,
+ 31.198115
+ ],
+ [
+ 120.744101,
+ 31.204337
+ ],
+ [
+ 120.747485,
+ 31.209629
+ ],
+ [
+ 120.749024,
+ 31.213139
+ ],
+ [
+ 120.751667,
+ 31.215901
+ ],
+ [
+ 120.754746,
+ 31.223167
+ ],
+ [
+ 120.760395,
+ 31.222548
+ ],
+ [
+ 120.765318,
+ 31.219657
+ ],
+ [
+ 120.770502,
+ 31.217631
+ ],
+ [
+ 120.775904,
+ 31.214417
+ ],
+ [
+ 120.779913,
+ 31.211152
+ ],
+ [
+ 120.780014,
+ 31.209874
+ ],
+ [
+ 120.777574,
+ 31.204414
+ ],
+ [
+ 120.775193,
+ 31.202581
+ ],
+ [
+ 120.773712,
+ 31.199535
+ ],
+ [
+ 120.774685,
+ 31.195095
+ ],
+ [
+ 120.776965,
+ 31.193416
+ ],
+ [
+ 120.788974,
+ 31.189582
+ ],
+ [
+ 120.793709,
+ 31.187375
+ ],
+ [
+ 120.793346,
+ 31.184018
+ ],
+ [
+ 120.794464,
+ 31.182224
+ ],
+ [
+ 120.815913,
+ 31.173573
+ ],
+ [
+ 120.816334,
+ 31.180881
+ ],
+ [
+ 120.81844,
+ 31.185929
+ ],
+ [
+ 120.821272,
+ 31.187917
+ ],
+ [
+ 120.827458,
+ 31.190099
+ ],
+ [
+ 120.831466,
+ 31.190396
+ ],
+ [
+ 120.839628,
+ 31.189234
+ ],
+ [
+ 120.842082,
+ 31.192164
+ ],
+ [
+ 120.842721,
+ 31.197212
+ ],
+ [
+ 120.844013,
+ 31.1996
+ ],
+ [
+ 120.848239,
+ 31.204311
+ ],
+ [
+ 120.855718,
+ 31.207293
+ ],
+ [
+ 120.861411,
+ 31.211836
+ ],
+ [
+ 120.871881,
+ 31.21172
+ ],
+ [
+ 120.879186,
+ 31.209255
+ ],
+ [
+ 120.881872,
+ 31.209809
+ ],
+ [
+ 120.891689,
+ 31.213669
+ ],
+ [
+ 120.896032,
+ 31.214482
+ ],
+ [
+ 120.898326,
+ 31.217476
+ ],
+ [
+ 120.901289,
+ 31.218908
+ ],
+ [
+ 120.900955,
+ 31.221425
+ ],
+ [
+ 120.898863,
+ 31.224445
+ ],
+ [
+ 120.901376,
+ 31.226509
+ ],
+ [
+ 120.901187,
+ 31.230394
+ ],
+ [
+ 120.898558,
+ 31.232703
+ ],
+ [
+ 120.897034,
+ 31.236484
+ ],
+ [
+ 120.892546,
+ 31.239374
+ ],
+ [
+ 120.888538,
+ 31.238355
+ ],
+ [
+ 120.887652,
+ 31.245038
+ ],
+ [
+ 120.888524,
+ 31.24709
+ ],
+ [
+ 120.891413,
+ 31.248212
+ ],
+ [
+ 120.891704,
+ 31.249838
+ ],
+ [
+ 120.890063,
+ 31.251863
+ ],
+ [
+ 120.887347,
+ 31.252173
+ ],
+ [
+ 120.885459,
+ 31.255114
+ ],
+ [
+ 120.881931,
+ 31.26386
+ ],
+ [
+ 120.88119,
+ 31.268414
+ ],
+ [
+ 120.884515,
+ 31.271213
+ ],
+ [
+ 120.880769,
+ 31.271432
+ ],
+ [
+ 120.880725,
+ 31.275779
+ ],
+ [
+ 120.882758,
+ 31.275843
+ ],
+ [
+ 120.883833,
+ 31.278332
+ ],
+ [
+ 120.880696,
+ 31.278268
+ ],
+ [
+ 120.880624,
+ 31.280267
+ ],
+ [
+ 120.884327,
+ 31.280099
+ ],
+ [
+ 120.884109,
+ 31.282601
+ ],
+ [
+ 120.881016,
+ 31.282343
+ ],
+ [
+ 120.881306,
+ 31.284136
+ ],
+ [
+ 120.879229,
+ 31.284072
+ ],
+ [
+ 120.877647,
+ 31.290816
+ ],
+ [
+ 120.872114,
+ 31.291616
+ ],
+ [
+ 120.871024,
+ 31.292544
+ ],
+ [
+ 120.870995,
+ 31.299108
+ ],
+ [
+ 120.869514,
+ 31.30081
+ ],
+ [
+ 120.868076,
+ 31.304872
+ ],
+ [
+ 120.862689,
+ 31.313291
+ ],
+ [
+ 120.861643,
+ 31.317313
+ ],
+ [
+ 120.857809,
+ 31.326543
+ ],
+ [
+ 120.85428,
+ 31.33362
+ ],
+ [
+ 120.853772,
+ 31.33768
+ ],
+ [
+ 120.851783,
+ 31.344048
+ ],
+ [
+ 120.846409,
+ 31.364319
+ ],
+ [
+ 120.844623,
+ 31.363971
+ ],
+ [
+ 120.843418,
+ 31.366638
+ ],
+ [
+ 120.840208,
+ 31.366007
+ ],
+ [
+ 120.838059,
+ 31.368081
+ ],
+ [
+ 120.841225,
+ 31.368661
+ ],
+ [
+ 120.840325,
+ 31.370942
+ ],
+ [
+ 120.832831,
+ 31.369834
+ ],
+ [
+ 120.830638,
+ 31.369022
+ ],
+ [
+ 120.829956,
+ 31.370607
+ ],
+ [
+ 120.827182,
+ 31.371676
+ ],
+ [
+ 120.819427,
+ 31.36964
+ ],
+ [
+ 120.82027,
+ 31.373454
+ ],
+ [
+ 120.822869,
+ 31.375039
+ ],
+ [
+ 120.821257,
+ 31.384727
+ ],
+ [
+ 120.825802,
+ 31.417611
+ ],
+ [
+ 120.830333,
+ 31.434905
+ ],
+ [
+ 120.824118,
+ 31.435871
+ ],
+ [
+ 120.783804,
+ 31.429613
+ ],
+ [
+ 120.773,
+ 31.427283
+ ],
+ [
+ 120.762791,
+ 31.417946
+ ],
+ [
+ 120.749387,
+ 31.412151
+ ],
+ [
+ 120.737537,
+ 31.404101
+ ],
+ [
+ 120.730784,
+ 31.395883
+ ],
+ [
+ 120.728533,
+ 31.389661
+ ],
+ [
+ 120.723029,
+ 31.384856
+ ],
+ [
+ 120.718891,
+ 31.384405
+ ],
+ [
+ 120.707897,
+ 31.388785
+ ],
+ [
+ 120.701842,
+ 31.383761
+ ],
+ [
+ 120.701842,
+ 31.388747
+ ],
+ [
+ 120.700912,
+ 31.391066
+ ],
+ [
+ 120.695031,
+ 31.391143
+ ],
+ [
+ 120.695263,
+ 31.383143
+ ],
+ [
+ 120.671098,
+ 31.363043
+ ],
+ [
+ 120.664258,
+ 31.358121
+ ],
+ [
+ 120.655589,
+ 31.350775
+ ],
+ [
+ 120.648197,
+ 31.344086
+ ],
+ [
+ 120.649707,
+ 31.336147
+ ],
+ [
+ 120.644871,
+ 31.335927
+ ],
+ [
+ 120.640878,
+ 31.335347
+ ],
+ [
+ 120.642417,
+ 31.330217
+ ],
+ [
+ 120.645917,
+ 31.325989
+ ],
+ [
+ 120.654572,
+ 31.295562
+ ],
+ [
+ 120.655138,
+ 31.289656
+ ],
+ [
+ 120.652582,
+ 31.278074
+ ],
+ [
+ 120.649257,
+ 31.277339
+ ],
+ [
+ 120.648763,
+ 31.276101
+ ],
+ [
+ 120.650114,
+ 31.271032
+ ],
+ [
+ 120.646846,
+ 31.270465
+ ],
+ [
+ 120.644741,
+ 31.271587
+ ],
+ [
+ 120.644755,
+ 31.273896
+ ],
+ [
+ 120.641531,
+ 31.273251
+ ],
+ [
+ 120.634793,
+ 31.273496
+ ],
+ [
+ 120.635156,
+ 31.275727
+ ],
+ [
+ 120.632716,
+ 31.277881
+ ],
+ [
+ 120.621491,
+ 31.276901
+ ],
+ [
+ 120.612748,
+ 31.275766
+ ],
+ [
+ 120.612313,
+ 31.27387
+ ],
+ [
+ 120.614418,
+ 31.272735
+ ],
+ [
+ 120.61481,
+ 31.268465
+ ],
+ [
+ 120.609655,
+ 31.266582
+ ],
+ [
+ 120.608392,
+ 31.264002
+ ],
+ [
+ 120.610033,
+ 31.259539
+ ],
+ [
+ 120.609466,
+ 31.257165
+ ],
+ [
+ 120.602713,
+ 31.256533
+ ],
+ [
+ 120.602655,
+ 31.253037
+ ],
+ [
+ 120.599272,
+ 31.252728
+ ],
+ [
+ 120.596745,
+ 31.249515
+ ],
+ [
+ 120.593347,
+ 31.249593
+ ],
+ [
+ 120.593608,
+ 31.240716
+ ],
+ [
+ 120.592403,
+ 31.235271
+ ],
+ [
+ 120.592606,
+ 31.23331
+ ],
+ [
+ 120.588249,
+ 31.233129
+ ],
+ [
+ 120.587814,
+ 31.233968
+ ],
+ [
+ 120.580466,
+ 31.232148
+ ],
+ [
+ 120.582078,
+ 31.226716
+ ],
+ [
+ 120.579928,
+ 31.219915
+ ],
+ [
+ 120.576748,
+ 31.220947
+ ],
+ [
+ 120.576269,
+ 31.22851
+ ],
+ [
+ 120.572914,
+ 31.233116
+ ],
+ [
+ 120.567686,
+ 31.2366
+ ],
+ [
+ 120.568949,
+ 31.245206
+ ],
+ [
+ 120.567802,
+ 31.246238
+ ],
+ [
+ 120.569313,
+ 31.249167
+ ],
+ [
+ 120.566553,
+ 31.251128
+ ],
+ [
+ 120.564607,
+ 31.254198
+ ],
+ [
+ 120.56163,
+ 31.257191
+ ],
+ [
+ 120.564099,
+ 31.257772
+ ],
+ [
+ 120.566568,
+ 31.260894
+ ],
+ [
+ 120.563751,
+ 31.26079
+ ],
+ [
+ 120.562298,
+ 31.26257
+ ],
+ [
+ 120.560933,
+ 31.271832
+ ],
+ [
+ 120.558871,
+ 31.270903
+ ],
+ [
+ 120.553324,
+ 31.270658
+ ],
+ [
+ 120.550623,
+ 31.271767
+ ],
+ [
+ 120.550753,
+ 31.2704
+ ],
+ [
+ 120.546266,
+ 31.269149
+ ],
+ [
+ 120.545903,
+ 31.267021
+ ],
+ [
+ 120.541808,
+ 31.268388
+ ],
+ [
+ 120.538787,
+ 31.271613
+ ],
+ [
+ 120.532949,
+ 31.272567
+ ],
+ [
+ 120.53215,
+ 31.277056
+ ],
+ [
+ 120.530379,
+ 31.279364
+ ],
+ [
+ 120.529144,
+ 31.285219
+ ],
+ [
+ 120.526167,
+ 31.287167
+ ],
+ [
+ 120.525122,
+ 31.289527
+ ],
+ [
+ 120.522159,
+ 31.292776
+ ],
+ [
+ 120.513489,
+ 31.29217
+ ],
+ [
+ 120.51028,
+ 31.291048
+ ],
+ [
+ 120.504849,
+ 31.288005
+ ],
+ [
+ 120.497384,
+ 31.288482
+ ],
+ [
+ 120.494233,
+ 31.284794
+ ],
+ [
+ 120.492069,
+ 31.2854
+ ],
+ [
+ 120.490704,
+ 31.288985
+ ],
+ [
+ 120.492113,
+ 31.293911
+ ],
+ [
+ 120.490951,
+ 31.295188
+ ],
+ [
+ 120.483763,
+ 31.295175
+ ],
+ [
+ 120.482078,
+ 31.296619
+ ],
+ [
+ 120.483632,
+ 31.299907
+ ],
+ [
+ 120.483559,
+ 31.302525
+ ],
+ [
+ 120.481062,
+ 31.309835
+ ],
+ [
+ 120.4738,
+ 31.312143
+ ],
+ [
+ 120.472276,
+ 31.313755
+ ],
+ [
+ 120.462691,
+ 31.314348
+ ],
+ [
+ 120.459482,
+ 31.318035
+ ],
+ [
+ 120.455648,
+ 31.318486
+ ],
+ [
+ 120.450725,
+ 31.315482
+ ],
+ [
+ 120.445729,
+ 31.311524
+ ],
+ [
+ 120.444887,
+ 31.308391
+ ],
+ [
+ 120.446775,
+ 31.303415
+ ],
+ [
+ 120.446644,
+ 31.299998
+ ],
+ [
+ 120.443406,
+ 31.298437
+ ],
+ [
+ 120.435564,
+ 31.300101
+ ],
+ [
+ 120.430713,
+ 31.300139
+ ],
+ [
+ 120.428433,
+ 31.301906
+ ],
+ [
+ 120.429798,
+ 31.304962
+ ],
+ [
+ 120.421739,
+ 31.308778
+ ],
+ [
+ 120.420156,
+ 31.308675
+ ],
+ [
+ 120.421201,
+ 31.314748
+ ],
+ [
+ 120.419938,
+ 31.317365
+ ],
+ [
+ 120.417789,
+ 31.318357
+ ],
+ [
+ 120.41882,
+ 31.319956
+ ],
+ [
+ 120.416903,
+ 31.321426
+ ],
+ [
+ 120.415073,
+ 31.319904
+ ],
+ [
+ 120.413461,
+ 31.321374
+ ],
+ [
+ 120.415741,
+ 31.322715
+ ],
+ [
+ 120.415117,
+ 31.324197
+ ],
+ [
+ 120.412561,
+ 31.324997
+ ],
+ [
+ 120.404341,
+ 31.32479
+ ],
+ [
+ 120.401989,
+ 31.323269
+ ],
+ [
+ 120.39965,
+ 31.324752
+ ],
+ [
+ 120.395802,
+ 31.324558
+ ],
+ [
+ 120.385332,
+ 31.325306
+ ],
+ [
+ 120.383647,
+ 31.325989
+ ],
+ [
+ 120.37871,
+ 31.325938
+ ],
+ [
+ 120.372552,
+ 31.322625
+ ],
+ [
+ 120.374179,
+ 31.319943
+ ],
+ [
+ 120.372073,
+ 31.318834
+ ],
+ [
+ 120.354777,
+ 31.318461
+ ],
+ [
+ 120.354327,
+ 31.315998
+ ],
+ [
+ 120.355663,
+ 31.313317
+ ],
+ [
+ 120.354312,
+ 31.311963
+ ],
+ [
+ 120.348431,
+ 31.308585
+ ],
+ [
+ 120.344626,
+ 31.305632
+ ],
+ [
+ 120.334591,
+ 31.299946
+ ],
+ [
+ 120.317876,
+ 31.291809
+ ],
+ [
+ 120.306259,
+ 31.289449
+ ],
+ [
+ 120.295469,
+ 31.289037
+ ],
+ [
+ 120.283662,
+ 31.28963
+ ],
+ [
+ 120.27142,
+ 31.291732
+ ],
+ [
+ 120.263099,
+ 31.295239
+ ],
+ [
+ 120.255693,
+ 31.300449
+ ],
+ [
+ 120.206593,
+ 31.342565
+ ]
+ ]
+ ]
+ ]
+ }
+ },
+ {
+ "type": "Feature",
+ "properties": {
+ "adcode": 320507,
+ "name": "相城区",
+ "center": [
+ 120.618956,
+ 31.396684
+ ],
+ "centroid": [
+ 120.631082,
+ 31.44481
+ ],
+ "childrenNum": 0,
+ "level": "district",
+ "parent": {
+ "adcode": 320500
+ },
+ "subFeatureIndex": 2,
+ "acroutes": [
+ 100000,
+ 320000,
+ 320500
+ ]
+ },
+ "geometry": {
+ "type": "MultiPolygon",
+ "coordinates": [
+ [
+ [
+ [
+ 120.644871,
+ 31.335927
+ ],
+ [
+ 120.649707,
+ 31.336147
+ ],
+ [
+ 120.648197,
+ 31.344086
+ ],
+ [
+ 120.655589,
+ 31.350775
+ ],
+ [
+ 120.664258,
+ 31.358121
+ ],
+ [
+ 120.671098,
+ 31.363043
+ ],
+ [
+ 120.695263,
+ 31.383143
+ ],
+ [
+ 120.695031,
+ 31.391143
+ ],
+ [
+ 120.700912,
+ 31.391066
+ ],
+ [
+ 120.701842,
+ 31.388747
+ ],
+ [
+ 120.701842,
+ 31.383761
+ ],
+ [
+ 120.707897,
+ 31.388785
+ ],
+ [
+ 120.718891,
+ 31.384405
+ ],
+ [
+ 120.723029,
+ 31.384856
+ ],
+ [
+ 120.728533,
+ 31.389661
+ ],
+ [
+ 120.730784,
+ 31.395883
+ ],
+ [
+ 120.737537,
+ 31.404101
+ ],
+ [
+ 120.749387,
+ 31.412151
+ ],
+ [
+ 120.762791,
+ 31.417946
+ ],
+ [
+ 120.773,
+ 31.427283
+ ],
+ [
+ 120.783804,
+ 31.429613
+ ],
+ [
+ 120.824118,
+ 31.435871
+ ],
+ [
+ 120.830333,
+ 31.434905
+ ],
+ [
+ 120.827487,
+ 31.444266
+ ],
+ [
+ 120.825396,
+ 31.46467
+ ],
+ [
+ 120.824103,
+ 31.468815
+ ],
+ [
+ 120.824263,
+ 31.475816
+ ],
+ [
+ 120.822245,
+ 31.48359
+ ],
+ [
+ 120.818396,
+ 31.489033
+ ],
+ [
+ 120.814664,
+ 31.491208
+ ],
+ [
+ 120.814272,
+ 31.492791
+ ],
+ [
+ 120.81767,
+ 31.503831
+ ],
+ [
+ 120.808318,
+ 31.502879
+ ],
+ [
+ 120.807868,
+ 31.503458
+ ],
+ [
+ 120.807664,
+ 31.513724
+ ],
+ [
+ 120.815347,
+ 31.519655
+ ],
+ [
+ 120.829375,
+ 31.519951
+ ],
+ [
+ 120.828562,
+ 31.525958
+ ],
+ [
+ 120.825962,
+ 31.534628
+ ],
+ [
+ 120.821649,
+ 31.534782
+ ],
+ [
+ 120.820879,
+ 31.533393
+ ],
+ [
+ 120.81404,
+ 31.53302
+ ],
+ [
+ 120.810699,
+ 31.535811
+ ],
+ [
+ 120.808681,
+ 31.536171
+ ],
+ [
+ 120.808652,
+ 31.530975
+ ],
+ [
+ 120.805355,
+ 31.525624
+ ],
+ [
+ 120.804615,
+ 31.52161
+ ],
+ [
+ 120.799503,
+ 31.521585
+ ],
+ [
+ 120.797165,
+ 31.523926
+ ],
+ [
+ 120.790368,
+ 31.52435
+ ],
+ [
+ 120.788132,
+ 31.525855
+ ],
+ [
+ 120.789483,
+ 31.529586
+ ],
+ [
+ 120.787987,
+ 31.529933
+ ],
+ [
+ 120.783645,
+ 31.528441
+ ],
+ [
+ 120.781539,
+ 31.529033
+ ],
+ [
+ 120.780668,
+ 31.531862
+ ],
+ [
+ 120.776834,
+ 31.533766
+ ],
+ [
+ 120.774757,
+ 31.535644
+ ],
+ [
+ 120.767917,
+ 31.539863
+ ],
+ [
+ 120.764621,
+ 31.539747
+ ],
+ [
+ 120.762922,
+ 31.534384
+ ],
+ [
+ 120.762471,
+ 31.53001
+ ],
+ [
+ 120.757723,
+ 31.52902
+ ],
+ [
+ 120.753671,
+ 31.529329
+ ],
+ [
+ 120.747441,
+ 31.531348
+ ],
+ [
+ 120.739759,
+ 31.535618
+ ],
+ [
+ 120.735417,
+ 31.536236
+ ],
+ [
+ 120.735649,
+ 31.527605
+ ],
+ [
+ 120.729114,
+ 31.527052
+ ],
+ [
+ 120.728417,
+ 31.521919
+ ],
+ [
+ 120.724206,
+ 31.519424
+ ],
+ [
+ 120.709437,
+ 31.519784
+ ],
+ [
+ 120.707157,
+ 31.518343
+ ],
+ [
+ 120.70659,
+ 31.513274
+ ],
+ [
+ 120.702756,
+ 31.509903
+ ],
+ [
+ 120.697122,
+ 31.499495
+ ],
+ [
+ 120.697964,
+ 31.498401
+ ],
+ [
+ 120.694261,
+ 31.495351
+ ],
+ [
+ 120.69124,
+ 31.496574
+ ],
+ [
+ 120.685214,
+ 31.497217
+ ],
+ [
+ 120.68472,
+ 31.499443
+ ],
+ [
+ 120.680552,
+ 31.499675
+ ],
+ [
+ 120.679129,
+ 31.497835
+ ],
+ [
+ 120.663372,
+ 31.498632
+ ],
+ [
+ 120.66086,
+ 31.495866
+ ],
+ [
+ 120.656532,
+ 31.496419
+ ],
+ [
+ 120.655022,
+ 31.49961
+ ],
+ [
+ 120.655603,
+ 31.503509
+ ],
+ [
+ 120.647863,
+ 31.506726
+ ],
+ [
+ 120.646962,
+ 31.510418
+ ],
+ [
+ 120.643187,
+ 31.512567
+ ],
+ [
+ 120.643361,
+ 31.516516
+ ],
+ [
+ 120.638685,
+ 31.516773
+ ],
+ [
+ 120.636085,
+ 31.517764
+ ],
+ [
+ 120.637668,
+ 31.524235
+ ],
+ [
+ 120.635853,
+ 31.525251
+ ],
+ [
+ 120.627198,
+ 31.525405
+ ],
+ [
+ 120.62653,
+ 31.525791
+ ],
+ [
+ 120.628708,
+ 31.532287
+ ],
+ [
+ 120.628969,
+ 31.538615
+ ],
+ [
+ 120.62698,
+ 31.541959
+ ],
+ [
+ 120.62698,
+ 31.545354
+ ],
+ [
+ 120.621984,
+ 31.547091
+ ],
+ [
+ 120.619966,
+ 31.550846
+ ],
+ [
+ 120.616713,
+ 31.54965
+ ],
+ [
+ 120.613126,
+ 31.550036
+ ],
+ [
+ 120.613402,
+ 31.545869
+ ],
+ [
+ 120.605022,
+ 31.546075
+ ],
+ [
+ 120.602815,
+ 31.541175
+ ],
+ [
+ 120.602917,
+ 31.538268
+ ],
+ [
+ 120.605124,
+ 31.535683
+ ],
+ [
+ 120.604195,
+ 31.532094
+ ],
+ [
+ 120.605763,
+ 31.525238
+ ],
+ [
+ 120.60235,
+ 31.518986
+ ],
+ [
+ 120.600027,
+ 31.518613
+ ],
+ [
+ 120.598575,
+ 31.516169
+ ],
+ [
+ 120.595641,
+ 31.517147
+ ],
+ [
+ 120.593986,
+ 31.525495
+ ],
+ [
+ 120.592766,
+ 31.527553
+ ],
+ [
+ 120.589832,
+ 31.526962
+ ],
+ [
+ 120.585781,
+ 31.524531
+ ],
+ [
+ 120.576922,
+ 31.517507
+ ],
+ [
+ 120.568543,
+ 31.512374
+ ],
+ [
+ 120.559859,
+ 31.508964
+ ],
+ [
+ 120.555197,
+ 31.507575
+ ],
+ [
+ 120.551625,
+ 31.50064
+ ],
+ [
+ 120.548502,
+ 31.497397
+ ],
+ [
+ 120.548038,
+ 31.495081
+ ],
+ [
+ 120.549083,
+ 31.489175
+ ],
+ [
+ 120.553004,
+ 31.48673
+ ],
+ [
+ 120.555241,
+ 31.480295
+ ],
+ [
+ 120.554108,
+ 31.476241
+ ],
+ [
+ 120.550724,
+ 31.475906
+ ],
+ [
+ 120.546368,
+ 31.473126
+ ],
+ [
+ 120.543565,
+ 31.470269
+ ],
+ [
+ 120.537306,
+ 31.468364
+ ],
+ [
+ 120.536159,
+ 31.467103
+ ],
+ [
+ 120.531105,
+ 31.466613
+ ],
+ [
+ 120.526022,
+ 31.468338
+ ],
+ [
+ 120.523844,
+ 31.468364
+ ],
+ [
+ 120.516002,
+ 31.464425
+ ],
+ [
+ 120.515973,
+ 31.460229
+ ],
+ [
+ 120.517367,
+ 31.457822
+ ],
+ [
+ 120.513853,
+ 31.456187
+ ],
+ [
+ 120.512357,
+ 31.457088
+ ],
+ [
+ 120.508537,
+ 31.455646
+ ],
+ [
+ 120.505038,
+ 31.457963
+ ],
+ [
+ 120.501407,
+ 31.457551
+ ],
+ [
+ 120.495424,
+ 31.451089
+ ],
+ [
+ 120.495758,
+ 31.447935
+ ],
+ [
+ 120.48703,
+ 31.448617
+ ],
+ [
+ 120.484794,
+ 31.447484
+ ],
+ [
+ 120.485418,
+ 31.449905
+ ],
+ [
+ 120.480553,
+ 31.449132
+ ],
+ [
+ 120.474439,
+ 31.44657
+ ],
+ [
+ 120.460179,
+ 31.445489
+ ],
+ [
+ 120.438178,
+ 31.448772
+ ],
+ [
+ 120.43173,
+ 31.448643
+ ],
+ [
+ 120.437481,
+ 31.443043
+ ],
+ [
+ 120.434997,
+ 31.442605
+ ],
+ [
+ 120.430539,
+ 31.44639
+ ],
+ [
+ 120.426589,
+ 31.445437
+ ],
+ [
+ 120.422639,
+ 31.448991
+ ],
+ [
+ 120.41882,
+ 31.448386
+ ],
+ [
+ 120.355823,
+ 31.416452
+ ],
+ [
+ 120.33555,
+ 31.40736
+ ],
+ [
+ 120.317586,
+ 31.398125
+ ],
+ [
+ 120.392157,
+ 31.399915
+ ],
+ [
+ 120.405387,
+ 31.398666
+ ],
+ [
+ 120.40832,
+ 31.396849
+ ],
+ [
+ 120.411893,
+ 31.396514
+ ],
+ [
+ 120.418892,
+ 31.393165
+ ],
+ [
+ 120.420896,
+ 31.390267
+ ],
+ [
+ 120.429159,
+ 31.394028
+ ],
+ [
+ 120.433385,
+ 31.393243
+ ],
+ [
+ 120.437016,
+ 31.390447
+ ],
+ [
+ 120.440951,
+ 31.389417
+ ],
+ [
+ 120.445991,
+ 31.39189
+ ],
+ [
+ 120.44843,
+ 31.396862
+ ],
+ [
+ 120.452555,
+ 31.39636
+ ],
+ [
+ 120.453629,
+ 31.394556
+ ],
+ [
+ 120.459845,
+ 31.397184
+ ],
+ [
+ 120.463083,
+ 31.394904
+ ],
+ [
+ 120.465552,
+ 31.395935
+ ],
+ [
+ 120.465349,
+ 31.402311
+ ],
+ [
+ 120.469865,
+ 31.402427
+ ],
+ [
+ 120.471448,
+ 31.404462
+ ],
+ [
+ 120.475209,
+ 31.405029
+ ],
+ [
+ 120.476327,
+ 31.406304
+ ],
+ [
+ 120.470882,
+ 31.411455
+ ],
+ [
+ 120.47836,
+ 31.41698
+ ],
+ [
+ 120.486333,
+ 31.409382
+ ],
+ [
+ 120.488134,
+ 31.408983
+ ],
+ [
+ 120.491082,
+ 31.411108
+ ],
+ [
+ 120.49644,
+ 31.411211
+ ],
+ [
+ 120.500347,
+ 31.410077
+ ],
+ [
+ 120.504413,
+ 31.407141
+ ],
+ [
+ 120.508988,
+ 31.401705
+ ],
+ [
+ 120.510527,
+ 31.401164
+ ],
+ [
+ 120.513489,
+ 31.403367
+ ],
+ [
+ 120.516684,
+ 31.403045
+ ],
+ [
+ 120.519821,
+ 31.404848
+ ],
+ [
+ 120.525456,
+ 31.406329
+ ],
+ [
+ 120.530321,
+ 31.410412
+ ],
+ [
+ 120.535549,
+ 31.413426
+ ],
+ [
+ 120.543637,
+ 31.414289
+ ],
+ [
+ 120.546629,
+ 31.416478
+ ],
+ [
+ 120.547733,
+ 31.41917
+ ],
+ [
+ 120.55299,
+ 31.420612
+ ],
+ [
+ 120.556373,
+ 31.41434
+ ],
+ [
+ 120.562865,
+ 31.413181
+ ],
+ [
+ 120.563475,
+ 31.411056
+ ],
+ [
+ 120.5624,
+ 31.407669
+ ],
+ [
+ 120.560251,
+ 31.405402
+ ],
+ [
+ 120.558131,
+ 31.404681
+ ],
+ [
+ 120.557201,
+ 31.402388
+ ],
+ [
+ 120.555008,
+ 31.400868
+ ],
+ [
+ 120.549606,
+ 31.39949
+ ],
+ [
+ 120.550928,
+ 31.39542
+ ],
+ [
+ 120.552888,
+ 31.393642
+ ],
+ [
+ 120.550376,
+ 31.390305
+ ],
+ [
+ 120.547529,
+ 31.389623
+ ],
+ [
+ 120.551102,
+ 31.386235
+ ],
+ [
+ 120.552452,
+ 31.381326
+ ],
+ [
+ 120.554122,
+ 31.379136
+ ],
+ [
+ 120.556635,
+ 31.376765
+ ],
+ [
+ 120.562298,
+ 31.374292
+ ],
+ [
+ 120.571897,
+ 31.371805
+ ],
+ [
+ 120.57258,
+ 31.370645
+ ],
+ [
+ 120.570503,
+ 31.368094
+ ],
+ [
+ 120.57059,
+ 31.366574
+ ],
+ [
+ 120.574962,
+ 31.36218
+ ],
+ [
+ 120.577648,
+ 31.357012
+ ],
+ [
+ 120.584779,
+ 31.357347
+ ],
+ [
+ 120.586681,
+ 31.359512
+ ],
+ [
+ 120.590747,
+ 31.359409
+ ],
+ [
+ 120.590587,
+ 31.357386
+ ],
+ [
+ 120.597413,
+ 31.356871
+ ],
+ [
+ 120.60874,
+ 31.356561
+ ],
+ [
+ 120.610091,
+ 31.353907
+ ],
+ [
+ 120.611645,
+ 31.345955
+ ],
+ [
+ 120.615798,
+ 31.34629
+ ],
+ [
+ 120.616539,
+ 31.349615
+ ],
+ [
+ 120.619341,
+ 31.34986
+ ],
+ [
+ 120.620982,
+ 31.348378
+ ],
+ [
+ 120.626138,
+ 31.348223
+ ],
+ [
+ 120.627677,
+ 31.346586
+ ],
+ [
+ 120.631772,
+ 31.347179
+ ],
+ [
+ 120.634793,
+ 31.341135
+ ],
+ [
+ 120.634967,
+ 31.337513
+ ],
+ [
+ 120.636303,
+ 31.335554
+ ],
+ [
+ 120.643753,
+ 31.336946
+ ],
+ [
+ 120.644871,
+ 31.335927
+ ]
+ ]
+ ]
+ ]
+ }
+ },
+ {
+ "type": "Feature",
+ "properties": {
+ "adcode": 320508,
+ "name": "姑苏区",
+ "center": [
+ 120.622249,
+ 31.311414
+ ],
+ "centroid": [
+ 120.597994,
+ 31.318955
+ ],
+ "childrenNum": 0,
+ "level": "district",
+ "parent": {
+ "adcode": 320500
+ },
+ "subFeatureIndex": 3,
+ "acroutes": [
+ 100000,
+ 320000,
+ 320500
+ ]
+ },
+ "geometry": {
+ "type": "MultiPolygon",
+ "coordinates": [
+ [
+ [
+ [
+ 120.554122,
+ 31.379136
+ ],
+ [
+ 120.550419,
+ 31.378505
+ ],
+ [
+ 120.547355,
+ 31.375696
+ ],
+ [
+ 120.540864,
+ 31.372707
+ ],
+ [
+ 120.539905,
+ 31.37004
+ ],
+ [
+ 120.540152,
+ 31.361974
+ ],
+ [
+ 120.529043,
+ 31.356793
+ ],
+ [
+ 120.528636,
+ 31.35553
+ ],
+ [
+ 120.534634,
+ 31.349886
+ ],
+ [
+ 120.560498,
+ 31.324494
+ ],
+ [
+ 120.563184,
+ 31.321503
+ ],
+ [
+ 120.565508,
+ 31.315934
+ ],
+ [
+ 120.56664,
+ 31.308881
+ ],
+ [
+ 120.56953,
+ 31.305503
+ ],
+ [
+ 120.575789,
+ 31.292712
+ ],
+ [
+ 120.580582,
+ 31.281789
+ ],
+ [
+ 120.586231,
+ 31.273264
+ ],
+ [
+ 120.588467,
+ 31.262816
+ ],
+ [
+ 120.59143,
+ 31.260261
+ ],
+ [
+ 120.593419,
+ 31.259849
+ ],
+ [
+ 120.610033,
+ 31.259539
+ ],
+ [
+ 120.608392,
+ 31.264002
+ ],
+ [
+ 120.609655,
+ 31.266582
+ ],
+ [
+ 120.61481,
+ 31.268465
+ ],
+ [
+ 120.614418,
+ 31.272735
+ ],
+ [
+ 120.612313,
+ 31.27387
+ ],
+ [
+ 120.612748,
+ 31.275766
+ ],
+ [
+ 120.621491,
+ 31.276901
+ ],
+ [
+ 120.632716,
+ 31.277881
+ ],
+ [
+ 120.635156,
+ 31.275727
+ ],
+ [
+ 120.634793,
+ 31.273496
+ ],
+ [
+ 120.641531,
+ 31.273251
+ ],
+ [
+ 120.644755,
+ 31.273896
+ ],
+ [
+ 120.644741,
+ 31.271587
+ ],
+ [
+ 120.646846,
+ 31.270465
+ ],
+ [
+ 120.650114,
+ 31.271032
+ ],
+ [
+ 120.648763,
+ 31.276101
+ ],
+ [
+ 120.649257,
+ 31.277339
+ ],
+ [
+ 120.652582,
+ 31.278074
+ ],
+ [
+ 120.655138,
+ 31.289656
+ ],
+ [
+ 120.654572,
+ 31.295562
+ ],
+ [
+ 120.645917,
+ 31.325989
+ ],
+ [
+ 120.642417,
+ 31.330217
+ ],
+ [
+ 120.640878,
+ 31.335347
+ ],
+ [
+ 120.644871,
+ 31.335927
+ ],
+ [
+ 120.643753,
+ 31.336946
+ ],
+ [
+ 120.636303,
+ 31.335554
+ ],
+ [
+ 120.634967,
+ 31.337513
+ ],
+ [
+ 120.634793,
+ 31.341135
+ ],
+ [
+ 120.631772,
+ 31.347179
+ ],
+ [
+ 120.627677,
+ 31.346586
+ ],
+ [
+ 120.626138,
+ 31.348223
+ ],
+ [
+ 120.620982,
+ 31.348378
+ ],
+ [
+ 120.619341,
+ 31.34986
+ ],
+ [
+ 120.616539,
+ 31.349615
+ ],
+ [
+ 120.615798,
+ 31.34629
+ ],
+ [
+ 120.611645,
+ 31.345955
+ ],
+ [
+ 120.610091,
+ 31.353907
+ ],
+ [
+ 120.60874,
+ 31.356561
+ ],
+ [
+ 120.597413,
+ 31.356871
+ ],
+ [
+ 120.590587,
+ 31.357386
+ ],
+ [
+ 120.590747,
+ 31.359409
+ ],
+ [
+ 120.586681,
+ 31.359512
+ ],
+ [
+ 120.584779,
+ 31.357347
+ ],
+ [
+ 120.577648,
+ 31.357012
+ ],
+ [
+ 120.574962,
+ 31.36218
+ ],
+ [
+ 120.57059,
+ 31.366574
+ ],
+ [
+ 120.570503,
+ 31.368094
+ ],
+ [
+ 120.57258,
+ 31.370645
+ ],
+ [
+ 120.571897,
+ 31.371805
+ ],
+ [
+ 120.562298,
+ 31.374292
+ ],
+ [
+ 120.556635,
+ 31.376765
+ ],
+ [
+ 120.554122,
+ 31.379136
+ ]
+ ]
+ ]
+ ]
+ }
+ },
+ {
+ "type": "Feature",
+ "properties": {
+ "adcode": 320509,
+ "name": "吴江区",
+ "center": [
+ 120.641601,
+ 31.160404
+ ],
+ "centroid": [
+ 120.63197,
+ 31.008452
+ ],
+ "childrenNum": 0,
+ "level": "district",
+ "parent": {
+ "adcode": 320500
+ },
+ "subFeatureIndex": 4,
+ "acroutes": [
+ 100000,
+ 320000,
+ 320500
+ ]
+ },
+ "geometry": {
+ "type": "MultiPolygon",
+ "coordinates": [
+ [
+ [
+ [
+ 120.3711,
+ 30.94876
+ ],
+ [
+ 120.371652,
+ 30.946469
+ ],
+ [
+ 120.370214,
+ 30.943441
+ ],
+ [
+ 120.359453,
+ 30.931908
+ ],
+ [
+ 120.360542,
+ 30.928232
+ ],
+ [
+ 120.362677,
+ 30.924594
+ ],
+ [
+ 120.362706,
+ 30.921668
+ ],
+ [
+ 120.35941,
+ 30.920322
+ ],
+ [
+ 120.357783,
+ 30.918108
+ ],
+ [
+ 120.356926,
+ 30.90889
+ ],
+ [
+ 120.359366,
+ 30.90305
+ ],
+ [
+ 120.359003,
+ 30.899671
+ ],
+ [
+ 120.360121,
+ 30.892794
+ ],
+ [
+ 120.358393,
+ 30.891733
+ ],
+ [
+ 120.359018,
+ 30.889544
+ ],
+ [
+ 120.358015,
+ 30.887096
+ ],
+ [
+ 120.364667,
+ 30.880465
+ ],
+ [
+ 120.372436,
+ 30.882162
+ ],
+ [
+ 120.372349,
+ 30.885011
+ ],
+ [
+ 120.377257,
+ 30.885633
+ ],
+ [
+ 120.379407,
+ 30.890774
+ ],
+ [
+ 120.384693,
+ 30.891564
+ ],
+ [
+ 120.394698,
+ 30.890774
+ ],
+ [
+ 120.405793,
+ 30.893792
+ ],
+ [
+ 120.405241,
+ 30.895889
+ ],
+ [
+ 120.40665,
+ 30.897379
+ ],
+ [
+ 120.409656,
+ 30.898
+ ],
+ [
+ 120.415683,
+ 30.900719
+ ],
+ [
+ 120.417208,
+ 30.902144
+ ],
+ [
+ 120.423496,
+ 30.903076
+ ],
+ [
+ 120.418718,
+ 30.92005
+ ],
+ [
+ 120.418021,
+ 30.925552
+ ],
+ [
+ 120.420098,
+ 30.927714
+ ],
+ [
+ 120.423423,
+ 30.927442
+ ],
+ [
+ 120.434997,
+ 30.920814
+ ],
+ [
+ 120.43764,
+ 30.915001
+ ],
+ [
+ 120.437321,
+ 30.909822
+ ],
+ [
+ 120.434794,
+ 30.909149
+ ],
+ [
+ 120.435912,
+ 30.906067
+ ],
+ [
+ 120.438352,
+ 30.90665
+ ],
+ [
+ 120.441605,
+ 30.903296
+ ],
+ [
+ 120.442273,
+ 30.900603
+ ],
+ [
+ 120.440487,
+ 30.898751
+ ],
+ [
+ 120.436348,
+ 30.896925
+ ],
+ [
+ 120.434838,
+ 30.89238
+ ],
+ [
+ 120.434489,
+ 30.887977
+ ],
+ [
+ 120.435259,
+ 30.886475
+ ],
+ [
+ 120.439557,
+ 30.885206
+ ],
+ [
+ 120.442854,
+ 30.880077
+ ],
+ [
+ 120.447094,
+ 30.874792
+ ],
+ [
+ 120.452482,
+ 30.871567
+ ],
+ [
+ 120.452366,
+ 30.867902
+ ],
+ [
+ 120.447951,
+ 30.865492
+ ],
+ [
+ 120.441968,
+ 30.860868
+ ],
+ [
+ 120.4413,
+ 30.856295
+ ],
+ [
+ 120.444045,
+ 30.853328
+ ],
+ [
+ 120.448576,
+ 30.850815
+ ],
+ [
+ 120.452613,
+ 30.850685
+ ],
+ [
+ 120.454457,
+ 30.849636
+ ],
+ [
+ 120.455822,
+ 30.84457
+ ],
+ [
+ 120.460397,
+ 30.839854
+ ],
+ [
+ 120.461006,
+ 30.82827
+ ],
+ [
+ 120.459961,
+ 30.825691
+ ],
+ [
+ 120.455459,
+ 30.823604
+ ],
+ [
+ 120.454747,
+ 30.821375
+ ],
+ [
+ 120.455285,
+ 30.816853
+ ],
+ [
+ 120.456679,
+ 30.81461
+ ],
+ [
+ 120.460977,
+ 30.813794
+ ],
+ [
+ 120.464724,
+ 30.807987
+ ],
+ [
+ 120.469676,
+ 30.806251
+ ],
+ [
+ 120.473699,
+ 30.805965
+ ],
+ [
+ 120.475529,
+ 30.803866
+ ],
+ [
+ 120.477228,
+ 30.800016
+ ],
+ [
+ 120.475674,
+ 30.792355
+ ],
+ [
+ 120.476995,
+ 30.785588
+ ],
+ [
+ 120.480684,
+ 30.778392
+ ],
+ [
+ 120.486754,
+ 30.76977
+ ],
+ [
+ 120.489426,
+ 30.763416
+ ],
+ [
+ 120.504428,
+ 30.75797
+ ],
+ [
+ 120.509205,
+ 30.76282
+ ],
+ [
+ 120.518224,
+ 30.773232
+ ],
+ [
+ 120.526138,
+ 30.784875
+ ],
+ [
+ 120.530088,
+ 30.789736
+ ],
+ [
+ 120.539092,
+ 30.802479
+ ],
+ [
+ 120.543289,
+ 30.807884
+ ],
+ [
+ 120.547631,
+ 30.815142
+ ],
+ [
+ 120.554587,
+ 30.824175
+ ],
+ [
+ 120.558639,
+ 30.828347
+ ],
+ [
+ 120.559481,
+ 30.831522
+ ],
+ [
+ 120.563794,
+ 30.835513
+ ],
+ [
+ 120.572202,
+ 30.840877
+ ],
+ [
+ 120.57425,
+ 30.841577
+ ],
+ [
+ 120.580901,
+ 30.845671
+ ],
+ [
+ 120.583588,
+ 30.84983
+ ],
+ [
+ 120.588961,
+ 30.854429
+ ],
+ [
+ 120.590747,
+ 30.852758
+ ],
+ [
+ 120.602989,
+ 30.84891
+ ],
+ [
+ 120.608624,
+ 30.84825
+ ],
+ [
+ 120.616887,
+ 30.849999
+ ],
+ [
+ 120.622013,
+ 30.852706
+ ],
+ [
+ 120.62621,
+ 30.856075
+ ],
+ [
+ 120.636202,
+ 30.853885
+ ],
+ [
+ 120.641371,
+ 30.855323
+ ],
+ [
+ 120.644697,
+ 30.854857
+ ],
+ [
+ 120.645379,
+ 30.851489
+ ],
+ [
+ 120.651609,
+ 30.847783
+ ],
+ [
+ 120.655385,
+ 30.847498
+ ],
+ [
+ 120.654775,
+ 30.855155
+ ],
+ [
+ 120.657825,
+ 30.856891
+ ],
+ [
+ 120.657709,
+ 30.862552
+ ],
+ [
+ 120.658682,
+ 30.865272
+ ],
+ [
+ 120.661964,
+ 30.863821
+ ],
+ [
+ 120.663009,
+ 30.861412
+ ],
+ [
+ 120.667802,
+ 30.865674
+ ],
+ [
+ 120.670329,
+ 30.869145
+ ],
+ [
+ 120.67364,
+ 30.875712
+ ],
+ [
+ 120.67987,
+ 30.87759
+ ],
+ [
+ 120.682818,
+ 30.882538
+ ],
+ [
+ 120.685998,
+ 30.881696
+ ],
+ [
+ 120.686143,
+ 30.878484
+ ],
+ [
+ 120.694,
+ 30.874728
+ ],
+ [
+ 120.692635,
+ 30.87307
+ ],
+ [
+ 120.693128,
+ 30.870661
+ ],
+ [
+ 120.696904,
+ 30.869754
+ ],
+ [
+ 120.699939,
+ 30.867824
+ ],
+ [
+ 120.703918,
+ 30.870946
+ ],
+ [
+ 120.70341,
+ 30.875751
+ ],
+ [
+ 120.700636,
+ 30.88066
+ ],
+ [
+ 120.702568,
+ 30.884027
+ ],
+ [
+ 120.713256,
+ 30.88505
+ ],
+ [
+ 120.712617,
+ 30.891344
+ ],
+ [
+ 120.7107,
+ 30.898932
+ ],
+ [
+ 120.709814,
+ 30.907543
+ ],
+ [
+ 120.711383,
+ 30.910741
+ ],
+ [
+ 120.71269,
+ 30.9197
+ ],
+ [
+ 120.709451,
+ 30.933176
+ ],
+ [
+ 120.705501,
+ 30.940593
+ ],
+ [
+ 120.70036,
+ 30.946198
+ ],
+ [
+ 120.697558,
+ 30.950339
+ ],
+ [
+ 120.68806,
+ 30.953445
+ ],
+ [
+ 120.684444,
+ 30.955179
+ ],
+ [
+ 120.688075,
+ 30.960343
+ ],
+ [
+ 120.69079,
+ 30.962556
+ ],
+ [
+ 120.694058,
+ 30.966813
+ ],
+ [
+ 120.698196,
+ 30.970785
+ ],
+ [
+ 120.702727,
+ 30.966942
+ ],
+ [
+ 120.70553,
+ 30.966451
+ ],
+ [
+ 120.707418,
+ 30.967913
+ ],
+ [
+ 120.708609,
+ 30.97129
+ ],
+ [
+ 120.710076,
+ 30.971898
+ ],
+ [
+ 120.714243,
+ 30.970307
+ ],
+ [
+ 120.7256,
+ 30.971536
+ ],
+ [
+ 120.727589,
+ 30.971173
+ ],
+ [
+ 120.731946,
+ 30.968702
+ ],
+ [
+ 120.736114,
+ 30.96372
+ ],
+ [
+ 120.740282,
+ 30.962297
+ ],
+ [
+ 120.745945,
+ 30.962504
+ ],
+ [
+ 120.748022,
+ 30.963668
+ ],
+ [
+ 120.753715,
+ 30.96909
+ ],
+ [
+ 120.755559,
+ 30.972053
+ ],
+ [
+ 120.758463,
+ 30.974538
+ ],
+ [
+ 120.763285,
+ 30.975961
+ ],
+ [
+ 120.766625,
+ 30.976142
+ ],
+ [
+ 120.769703,
+ 30.977294
+ ],
+ [
+ 120.770197,
+ 30.979234
+ ],
+ [
+ 120.768861,
+ 30.982132
+ ],
+ [
+ 120.76783,
+ 30.98754
+ ],
+ [
+ 120.76966,
+ 30.99353
+ ],
+ [
+ 120.769921,
+ 30.996622
+ ],
+ [
+ 120.775077,
+ 30.995056
+ ],
+ [
+ 120.780987,
+ 31.000942
+ ],
+ [
+ 120.802916,
+ 31.005404
+ ],
+ [
+ 120.81433,
+ 31.005754
+ ],
+ [
+ 120.820894,
+ 31.006362
+ ],
+ [
+ 120.830842,
+ 31.002197
+ ],
+ [
+ 120.840063,
+ 30.997825
+ ],
+ [
+ 120.842547,
+ 30.993064
+ ],
+ [
+ 120.845829,
+ 30.992482
+ ],
+ [
+ 120.847397,
+ 30.989597
+ ],
+ [
+ 120.849982,
+ 30.990309
+ ],
+ [
+ 120.854368,
+ 30.993219
+ ],
+ [
+ 120.858652,
+ 30.98983
+ ],
+ [
+ 120.861251,
+ 30.990774
+ ],
+ [
+ 120.865666,
+ 30.989882
+ ],
+ [
+ 120.867336,
+ 30.990981
+ ],
+ [
+ 120.868033,
+ 30.995367
+ ],
+ [
+ 120.873072,
+ 30.99525
+ ],
+ [
+ 120.875584,
+ 30.996958
+ ],
+ [
+ 120.879941,
+ 30.997527
+ ],
+ [
+ 120.880173,
+ 30.998898
+ ],
+ [
+ 120.889438,
+ 31.002442
+ ],
+ [
+ 120.891355,
+ 31.003736
+ ],
+ [
+ 120.891617,
+ 31.010087
+ ],
+ [
+ 120.894637,
+ 31.011716
+ ],
+ [
+ 120.895146,
+ 31.017355
+ ],
+ [
+ 120.900272,
+ 31.016928
+ ],
+ [
+ 120.901361,
+ 31.017498
+ ],
+ [
+ 120.900562,
+ 31.020433
+ ],
+ [
+ 120.901347,
+ 31.025503
+ ],
+ [
+ 120.901971,
+ 31.037645
+ ],
+ [
+ 120.899735,
+ 31.039597
+ ],
+ [
+ 120.897019,
+ 31.045584
+ ],
+ [
+ 120.897208,
+ 31.048221
+ ],
+ [
+ 120.895436,
+ 31.050329
+ ],
+ [
+ 120.894565,
+ 31.053897
+ ],
+ [
+ 120.894623,
+ 31.058654
+ ],
+ [
+ 120.895915,
+ 31.063075
+ ],
+ [
+ 120.898863,
+ 31.070508
+ ],
+ [
+ 120.899618,
+ 31.078366
+ ],
+ [
+ 120.904614,
+ 31.078521
+ ],
+ [
+ 120.90473,
+ 31.080499
+ ],
+ [
+ 120.901681,
+ 31.084092
+ ],
+ [
+ 120.902116,
+ 31.085656
+ ],
+ [
+ 120.899299,
+ 31.086935
+ ],
+ [
+ 120.8967,
+ 31.086651
+ ],
+ [
+ 120.895422,
+ 31.090709
+ ],
+ [
+ 120.892169,
+ 31.094185
+ ],
+ [
+ 120.892837,
+ 31.096537
+ ],
+ [
+ 120.891225,
+ 31.09717
+ ],
+ [
+ 120.891021,
+ 31.094301
+ ],
+ [
+ 120.887478,
+ 31.094068
+ ],
+ [
+ 120.878082,
+ 31.095761
+ ],
+ [
+ 120.878968,
+ 31.098385
+ ],
+ [
+ 120.876006,
+ 31.097868
+ ],
+ [
+ 120.87663,
+ 31.099948
+ ],
+ [
+ 120.873174,
+ 31.100323
+ ],
+ [
+ 120.872549,
+ 31.098888
+ ],
+ [
+ 120.869805,
+ 31.09894
+ ],
+ [
+ 120.869572,
+ 31.097222
+ ],
+ [
+ 120.865753,
+ 31.097622
+ ],
+ [
+ 120.863996,
+ 31.100297
+ ],
+ [
+ 120.85977,
+ 31.100284
+ ],
+ [
+ 120.856807,
+ 31.10283
+ ],
+ [
+ 120.856851,
+ 31.103889
+ ],
+ [
+ 120.849227,
+ 31.110853
+ ],
+ [
+ 120.841791,
+ 31.116486
+ ],
+ [
+ 120.837899,
+ 31.118424
+ ],
+ [
+ 120.822825,
+ 31.122791
+ ],
+ [
+ 120.819848,
+ 31.124612
+ ],
+ [
+ 120.815448,
+ 31.131627
+ ],
+ [
+ 120.813212,
+ 31.142606
+ ],
+ [
+ 120.813212,
+ 31.147798
+ ],
+ [
+ 120.814737,
+ 31.150678
+ ],
+ [
+ 120.823261,
+ 31.151143
+ ],
+ [
+ 120.822622,
+ 31.159666
+ ],
+ [
+ 120.821954,
+ 31.160041
+ ],
+ [
+ 120.823116,
+ 31.165335
+ ],
+ [
+ 120.822186,
+ 31.168434
+ ],
+ [
+ 120.815913,
+ 31.173573
+ ],
+ [
+ 120.794464,
+ 31.182224
+ ],
+ [
+ 120.793346,
+ 31.184018
+ ],
+ [
+ 120.793709,
+ 31.187375
+ ],
+ [
+ 120.788974,
+ 31.189582
+ ],
+ [
+ 120.776965,
+ 31.193416
+ ],
+ [
+ 120.774685,
+ 31.195095
+ ],
+ [
+ 120.773712,
+ 31.199535
+ ],
+ [
+ 120.775193,
+ 31.202581
+ ],
+ [
+ 120.777574,
+ 31.204414
+ ],
+ [
+ 120.780014,
+ 31.209874
+ ],
+ [
+ 120.779913,
+ 31.211152
+ ],
+ [
+ 120.775904,
+ 31.214417
+ ],
+ [
+ 120.770502,
+ 31.217631
+ ],
+ [
+ 120.765318,
+ 31.219657
+ ],
+ [
+ 120.760395,
+ 31.222548
+ ],
+ [
+ 120.754746,
+ 31.223167
+ ],
+ [
+ 120.751667,
+ 31.215901
+ ],
+ [
+ 120.749024,
+ 31.213139
+ ],
+ [
+ 120.747485,
+ 31.209629
+ ],
+ [
+ 120.744101,
+ 31.204337
+ ],
+ [
+ 120.738568,
+ 31.198115
+ ],
+ [
+ 120.734008,
+ 31.191958
+ ],
+ [
+ 120.724162,
+ 31.183334
+ ],
+ [
+ 120.721388,
+ 31.185245
+ ],
+ [
+ 120.717569,
+ 31.192255
+ ],
+ [
+ 120.717337,
+ 31.199961
+ ],
+ [
+ 120.697921,
+ 31.201872
+ ],
+ [
+ 120.695466,
+ 31.201562
+ ],
+ [
+ 120.690311,
+ 31.198774
+ ],
+ [
+ 120.685301,
+ 31.196876
+ ],
+ [
+ 120.68167,
+ 31.196515
+ ],
+ [
+ 120.677401,
+ 31.192435
+ ],
+ [
+ 120.677473,
+ 31.188743
+ ],
+ [
+ 120.675992,
+ 31.187143
+ ],
+ [
+ 120.673698,
+ 31.187995
+ ],
+ [
+ 120.671795,
+ 31.193055
+ ],
+ [
+ 120.670401,
+ 31.194849
+ ],
+ [
+ 120.664607,
+ 31.195443
+ ],
+ [
+ 120.664679,
+ 31.200632
+ ],
+ [
+ 120.663503,
+ 31.205731
+ ],
+ [
+ 120.661267,
+ 31.208971
+ ],
+ [
+ 120.66041,
+ 31.219231
+ ],
+ [
+ 120.65935,
+ 31.220238
+ ],
+ [
+ 120.655981,
+ 31.220289
+ ],
+ [
+ 120.65418,
+ 31.219037
+ ],
+ [
+ 120.65158,
+ 31.219166
+ ],
+ [
+ 120.650114,
+ 31.221476
+ ],
+ [
+ 120.643332,
+ 31.220909
+ ],
+ [
+ 120.641604,
+ 31.224599
+ ],
+ [
+ 120.641415,
+ 31.229335
+ ],
+ [
+ 120.639324,
+ 31.229826
+ ],
+ [
+ 120.63639,
+ 31.228109
+ ],
+ [
+ 120.634996,
+ 31.225503
+ ],
+ [
+ 120.631249,
+ 31.224793
+ ],
+ [
+ 120.634488,
+ 31.210919
+ ],
+ [
+ 120.626051,
+ 31.208222
+ ],
+ [
+ 120.62441,
+ 31.206273
+ ],
+ [
+ 120.622696,
+ 31.201304
+ ],
+ [
+ 120.622914,
+ 31.194643
+ ],
+ [
+ 120.624192,
+ 31.184715
+ ],
+ [
+ 120.623742,
+ 31.176879
+ ],
+ [
+ 120.614375,
+ 31.168396
+ ],
+ [
+ 120.608479,
+ 31.160041
+ ],
+ [
+ 120.599548,
+ 31.160816
+ ],
+ [
+ 120.595598,
+ 31.157497
+ ],
+ [
+ 120.593971,
+ 31.156993
+ ],
+ [
+ 120.590079,
+ 31.152357
+ ],
+ [
+ 120.569095,
+ 31.116318
+ ],
+ [
+ 120.561354,
+ 31.103592
+ ],
+ [
+ 120.558726,
+ 31.101835
+ ],
+ [
+ 120.557651,
+ 31.097932
+ ],
+ [
+ 120.555415,
+ 31.09465
+ ],
+ [
+ 120.540849,
+ 31.085836
+ ],
+ [
+ 120.499926,
+ 31.062093
+ ],
+ [
+ 120.491619,
+ 31.057685
+ ],
+ [
+ 120.486667,
+ 31.053961
+ ],
+ [
+ 120.48491,
+ 31.051492
+ ],
+ [
+ 120.465247,
+ 31.027352
+ ],
+ [
+ 120.462008,
+ 31.020291
+ ],
+ [
+ 120.457942,
+ 31.014484
+ ],
+ [
+ 120.447356,
+ 31.003723
+ ],
+ [
+ 120.442694,
+ 30.998588
+ ],
+ [
+ 120.437335,
+ 30.991369
+ ],
+ [
+ 120.432993,
+ 30.984616
+ ],
+ [
+ 120.428913,
+ 30.979027
+ ],
+ [
+ 120.423205,
+ 30.973632
+ ],
+ [
+ 120.418471,
+ 30.971458
+ ],
+ [
+ 120.405256,
+ 30.967965
+ ],
+ [
+ 120.399709,
+ 30.966011
+ ],
+ [
+ 120.394466,
+ 30.962905
+ ],
+ [
+ 120.386508,
+ 30.961352
+ ],
+ [
+ 120.375471,
+ 30.955593
+ ],
+ [
+ 120.372857,
+ 30.952345
+ ],
+ [
+ 120.3711,
+ 30.94876
+ ]
+ ]
+ ]
+ ]
+ }
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/views/hazardousChemicals/bigScreen/components/midBottom.vue b/src/views/hazardousChemicals/bigScreen/components/midBottom.vue
new file mode 100644
index 0000000..43ffc1f
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/midBottom.vue
@@ -0,0 +1,97 @@
+<template>
+ <div class="charts-container">
+ <div id="preWarning"></div>
+ </div>
+</template>
+<script setup>
+import * as echarts from 'echarts';
+import {onMounted} from "vue";
+
+onMounted(()=>{
+ initChart()
+})
+
+const initChart =()=>{
+ var chartDom = document.getElementById('preWarning');
+ var myChart = echarts.init(chartDom);
+ var option;
+
+ option = {
+ title: [
+ {
+ text: '近30天预警信息趋势',
+ left: '0',
+ top: '2%',
+ textStyle: {
+ fontSize: 12,
+ color: 'rgba(255,255,255,.6)',
+ fontWeight: 'normal'
+ }
+ }
+ ],
+ xAxis: {
+ type: 'category',
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ axisLabel:{
+ color: '#fff'
+ },
+ axisTick: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ splitLine: {
+ lineStyle:{
+ color: 'rgba(255,255,255,.1)',
+ type: 'dashed'
+ }
+ },
+ axisLabel:{
+ color: 'rgba(255,255,255,.6)'
+ }
+ },
+ grid: [
+ {
+ top: '15%',
+ right: '2%',
+ bottom: '10%'
+ }
+ ],
+ series: [
+ {
+ data: [150, 230, 224, 218, 135, 147, 260],
+ type: 'line',
+ label:{
+ show: true,
+ color: '#fff',
+ textBorderColor: 'transparent',
+ fontSize: 8
+ },
+ // showSymbol: false,
+ lineStyle:{
+ color: '#54d5ff'
+ },
+ itemStyle:{
+ color: '#54d5ff',
+ }
+ }
+ ]
+ };
+
+ option && myChart.setOption(option);
+}
+
+</script>
+
+<style lang="postcss" scoped>
+.charts-container{
+ width: 100%;
+ height: 100%;
+}
+
+#preWarning{
+ width: 100%;
+ height: 100%;
+}
+</style>
diff --git a/src/views/hazardousChemicals/bigScreen/components/midTop.vue b/src/views/hazardousChemicals/bigScreen/components/midTop.vue
new file mode 100644
index 0000000..d9a5dd8
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/midTop.vue
@@ -0,0 +1,316 @@
+<template>
+ <div class="charts-container">
+ <div class="table-wrapper">
+ <table class="scrollable-table">
+ <thead>
+ <tr>
+ <th>排名</th>
+ <th>企业名称</th>
+ <th>危化品仓库</th>
+ <th>预警信息</th>
+ </tr>
+ </thead>
+ </table>
+ <div class="scroll-viewport" ref="viewport">
+ <div class="scroll-content" :style="contentStyle">
+ <table class="scrollable-table">
+ <tbody>
+ <tr v-for="item in companyData" :key="item.id">
+ <td>{{ item.rank }}</td>
+ <td>{{ item.company }}</td>
+ <td>{{ item.warehouse }}</td>
+ <td :class="{'warning': item.warning}">{{ item.warning || '无' }}</td>
+ </tr>
+ <tr v-for="item in loopData" :key="`loop-${item.id}`">
+ <td>{{ item.rank }}</td>
+ <td>{{ item.company }}</td>
+ <td>{{ item.warehouse }}</td>
+ <td :class="{'warning': item.warning}">{{ item.warning || '无' }}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ <div id="areaMap"></div>
+ </div>
+</template>
+<script setup>
+import * as echarts from 'echarts';
+import {onMounted,onBeforeUnmount,ref,computed} from "vue";
+import SUZHOU from './map.json'
+// 表格数据
+const companyData = [
+ { id: 1, rank: 1, company: '化工企业A', warehouse: '仓库1', warning: '相忌预警' },
+ { id: 2, rank: 2, company: '化工企业B', warehouse: '仓库2', warning: '' },
+ { id: 3, rank: 3, company: '化工企业C', warehouse: '仓库3', warning: '超期预警' },
+ { id: 4, rank: 4, company: '化工企业D', warehouse: '仓库4', warning: '' },
+ { id: 5, rank: 5, company: '化工企业E', warehouse: '仓库5', warning: '' },
+ { id: 6, rank: 6, company: '化工企业F', warehouse: '仓库6', warning: '超期预警' },
+ { id: 7, rank: 7, company: '化工企业G', warehouse: '仓库7', warning: '' },
+ { id: 8, rank: 8, company: '化工企业H', warehouse: '仓库8', warning: '' },
+ { id: 9, rank: 9, company: '化工企业I', warehouse: '仓库9', warning: '' },
+ { id: 10, rank: 10, company: '化工企业J', warehouse: '仓库10', warning: '' },
+ { id: 11, rank: 11, company: '化工企业K', warehouse: '仓库11', warning: '' },
+ { id: 12, rank: 12, company: '化工企业L', warehouse: '仓库12', warning: '' },
+]
+
+// 配置参数
+const visibleRows = 8 // 显示的行数
+const scrollSpeed = 1 // 每次滚动的像素数
+const rowHeight = 40 // 行高，与CSS一致
+const viewport = ref(null)
+const scrollPosition = ref(0)
+let animationFrame = null
+
+onMounted(()=>{
+ initChart()
+ // 设置视口高度
+ if (viewport.value) {
+ viewport.value.style.height = `${visibleRows * rowHeight}px`
+ }
+ // 延迟启动滚动，确保初始渲染完成
+ setTimeout(() => {
+ scrollAnimation()
+ }, 100)
+})
+
+onBeforeUnmount(() => {
+ if (animationFrame) {
+ cancelAnimationFrame(animationFrame)
+ }
+})
+
+// 复制前几行数据用于循环
+const loopData = computed(() => {
+ return companyData.slice(0, visibleRows)
+})
+
+// 内容区域样式
+const contentStyle = computed(() => {
+ return {
+ transform: `translateY(-${scrollPosition.value}px)`
+ }
+})
+
+// 滚动动画
+const scrollAnimation = () => {
+ const totalHeight = companyData.length * rowHeight
+ const loopHeight = loopData.value.length * rowHeight
+ // 更新滚动位置
+ scrollPosition.value += scrollSpeed
+ // 当滚动到循环数据部分时，重置位置实现无缝衔接
+ if (scrollPosition.value >= totalHeight) {
+ scrollPosition.value -= totalHeight
+ }
+ animationFrame = requestAnimationFrame(scrollAnimation)
+}
+
+const initChart =()=>{
+ //获取echart对象
+ let dom = document.getElementById('areaMap')
+ if (dom) {
+ let data = [
+ {
+ name: "姑苏区",
+ value: Math.round(Math.random() * 100)
+ },
+ {
+ name: "虎丘区",
+ value: Math.round(Math.random() * 100)
+ },
+ {
+ name: "吴中区",
+ value: Math.round(Math.random() * 100)
+ },
+ ]
+ //初始化
+ let myEchart = echarts.init(dom)
+ //注册地图
+ echarts.registerMap('苏州市', SUZHOU)
+ let option = {
+ geo: {
+ map: '苏州市',
+ aspectScale: 0.8,
+ layoutCenter: ['50%', '50%'], //地图位置
+ layoutSize: '75%',
+ itemStyle: {
+ normal: {
+ shadowColor: '#000',
+ shadowOffsetX: 0,
+ shadowOffsetY: 40,
+ opacity: 0.1
+ },
+ emphasis: {
+ areaColor: '#fff'
+ }
+ }
+ },
+ tooltip: {
+ trigger: 'item',
+ backgroundColor: 'rgba(166, 200, 76, 0.82)',
+ borderColor: '#FFFFCC',
+ showDelay: 0,
+ hideDelay: 0,
+ enterable: true,
+ transitionDuration: 0,
+ extraCssText: 'z-index:100',
+ formatter: function (params, ticket, callback) {
+ console.log('params', params.value);
+ //根据业务自己拓展要显示的内容
+ var res = ''
+ var name = params.name
+ var value = params.value[params.seriesIndex + 1] || params.value
+ res = "<span style='color:#fff;'>" + name + '</span><br/>数据：' + value
+ return res
+ }
+ },
+
+ series: [
+ {
+ tooltip: {
+ trigger: 'item',
+ },
+ name: '苏州市数据',
+ type: 'map',
+ map: '苏州市', // 自定义扩展图表类型
+ label: { // 文字
+ show: true,
+ color: '#fff',
+ fontSize: 10
+ },
+ itemStyle: { // 地图样式
+ shadowBlur: 10,
+ shadowColor: '#000',
+ areaColor: 'rgb(1,95,176)', //区域颜色
+ normal: {
+ areaColor: 'rgb(1,95,176)',
+ borderColor: '#02CDE6',
+ borderWidth: 1
+ },
+ emphasis: {
+ areaColor: 'rgb(3,26,65)',
+ label: {
+ color: '#fff'
+ }
+ }
+ },
+ data: data
+ },
+ // 区域散点图
+ {
+ type: 'effectScatter',
+ coordinateSystem: 'geo',
+ symbolSize: 10,
+ rippleEffect: {
+ period: 3,
+ scale: 10,
+ brushType: 'fill'
+ },
+ label: {
+ normal: {
+ show: true,
+ position: 'right',
+ formatter: '{b}',
+ color: 'yellow',
+ fontSize: 12
+ }
+ },
+ data: [
+ { name: '斜塘街道 11', value: [120.697614, 31.288664] },
+ { name: '桑田岛 12', value: [120.807510, 31.350300] },
+ { name: '车坊 2', value: [120.627614, 31.338664] }
+ ],
+ itemStyle: {
+ //坐标点颜色
+ normal: {
+ show: true,
+ color: 'skyblue',
+ shadowBlur: 20,
+ shadowColor: '#fff'
+ },
+ emphasis: {
+ areaColor: '#fff'
+ }
+ }
+ }
+ ],
+ }
+ myEchart.setOption(option);
+ window.addEventListener('resize', function () {
+ myEchart.resize();
+ });
+ }
+}
+
+</script>
+
+<style lang="postcss" scoped>
+.charts-container{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: flex-start;
+}
+.table-wrapper {
+ position: relative;
+ width: 300px;
+ margin-top: 30px;
+ border: 1px solid rgba(255,255,255,.1);
+ border-radius: 2px;
+ overflow: hidden;
+
+ .scrollable-table {
+ width: 100%;
+ border-collapse: collapse;
+
+ th,td {
+ padding: 12px 15px;
+ color: #fff;
+ text-align: left;
+ border-bottom: 1px solid rgba(255,255,255,.1);
+ height: 40px; /* 与rowHeight一致 */
+ box-sizing: border-box;
+ font-size: 12px;
+ font-weight: normal;
+ }
+ th {
+ position: sticky;
+ top: 0;
+ z-index: 10; /* 确保表头在内容之上 */
+ }
+ tr{
+ background: rgb(6,38,87);
+
+ &:nth-of-type(2n){
+ background: rgb(19,72,127);
+ }
+ }
+ thead tr{
+ background: rgba(0,0,0,0);
+ }
+ }
+ .scroll-viewport {
+ position: relative;
+ overflow: hidden;
+ .scroll-content {
+ will-change: transform; /* 优化性能 */
+ }
+ .warning {
+ color: #ff0000;
+ animation: blink 1s infinite;
+ }
+ }
+}
+
+@keyframes blink {
+ 0% { opacity: 1; }
+ 50% { opacity: 0.7; }
+ 100% { opacity: 1; }
+}
+
+ #areaMap{
+ flex: 1;
+ height: 500px;
+ }
+</style>
diff --git a/src/views/hazardousChemicals/bigScreen/components/rightBottom.vue b/src/views/hazardousChemicals/bigScreen/components/rightBottom.vue
new file mode 100644
index 0000000..9b90629
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/rightBottom.vue
@@ -0,0 +1,148 @@
+<template>
+ <div class="charts-container">
+ <div class="filter">
+ <el-input
+ v-model="queryParams.code"
+ placeholder="请输入流向码"
+ clearable
+ />
+ <div class="search-btn">
+ 查询
+ </div>
+ </div>
+ <div class="table-wrapper">
+ <table class="data-table">
+ <thead>
+ <tr>
+ <th>企业名称</th>
+ <th>流向类型</th>
+ <th>取/还人员</th>
+ <th>时间</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="(item, index) in dataList" :key="index">
+ <td>{{ item.company }}</td>
+ <td>{{ item.flowType }}</td>
+ <td>{{ item.person }}</td>
+ <td>{{ item.time }}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</template>
+<script setup>
+import {onMounted, reactive} from "vue";
+
+onMounted(()=>{
+ getList()
+})
+
+const queryParams = reactive({
+ code: ''
+})
+const dataList = [
+ { company: '化工企业A', flowType: '出库', person: '张三', time: '2023-05-10 09:30' },
+ { company: '化工企业B', flowType: '入库', person: '李四', time: '2023-05-10 10:15' },
+ { company: '化工企业C', flowType: '出库', person: '王五', time: '2023-05-10 11:20' },
+ { company: '化工企业D', flowType: '入库', person: '赵六', time: '2023-05-10 13:45' },
+ { company: '化工企业E', flowType: '出库', person: '钱七', time: '2023-05-10 14:30' },
+ { company: '化工企业F', flowType: '入库', person: '孙八', time: '2023-05-10 15:10' },
+ { company: '化工企业G', flowType: '出库', person: '周九', time: '2023-05-10 16:20' },
+ { company: '化工企业H', flowType: '入库', person: '吴十', time: '2023-05-10 17:05' },
+ { company: '化工企业I', flowType: '出库', person: '郑十一', time: '2023-05-11 08:30' }
+]
+const getList = ()=>{
+
+}
+const reset=()=>{
+
+}
+const search=()=>{
+
+}
+</script>
+
+<style lang="postcss" scoped>
+.charts-container{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .filter{
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 20px;
+ .el-input{
+ flex: 3;
+ border: 1px solid blue !important;
+ border-color: blue !important;
+ }
+ :deep(.el-input__wrapper){
+ background-color: rgba(0,0,0,0);
+ border-color: blue !important;
+ }
+ .search-btn{
+ flex: 1;
+ margin-left: 10px;
+ height: 30px;
+ text-align: center;
+ font-size: 12px;
+ line-height: 30px;
+ background: #015fb0;
+ border-radius: 2px;
+ cursor: pointer;
+ color: #fff
+ }
+ }
+ .table-wrapper {
+ width: 100%;
+ height: 320px;
+ overflow: hidden;
+ overflow-y: auto; /* 垂直滚动 */
+ border: 1px solid rgba(0,0,0,.5);
+ }
+
+ .data-table {
+ width: 100%;
+ height: 100%;
+ border-collapse: collapse;
+ font-size: 14px;
+ }
+
+ .data-table th,
+ .data-table td {
+ padding: 10px;
+ font-size: 12px;
+ color: #fff;
+ text-align: left;
+ border-bottom: 1px solid rgba(255,255,255,.1);
+ }
+
+ .data-table th {
+ position: sticky;
+ top: 0;
+ background-color: rgb(6,38,87); /* 无背景色 */
+ font-weight: normal;
+ color: #fff;
+ }
+
+ /* 精简滚动条样式 */
+ .table-wrapper::-webkit-scrollbar {
+ width: 0;
+ }
+
+ .table-wrapper::-webkit-scrollbar-thumb {
+ background-color: #c1c1c1;
+ border-radius: 3px;
+ }
+
+ .table-wrapper::-webkit-scrollbar-track {
+ background-color: #f1f1f1;
+ }
+
+}
+</style>
diff --git a/src/views/hazardousChemicals/bigScreen/components/rightTop.vue b/src/views/hazardousChemicals/bigScreen/components/rightTop.vue
new file mode 100644
index 0000000..6b5a76f
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/components/rightTop.vue
@@ -0,0 +1,77 @@
+<template>
+ <div class="charts-container">
+ <div id="typePie"></div>
+ </div>
+</template>
+<script setup>
+import * as echarts from 'echarts';
+import {onMounted} from "vue";
+
+onMounted(()=>{
+ initChart()
+})
+
+const initChart =()=>{
+ var chartDom = document.getElementById('typePie');
+ var myChart = echarts.init(chartDom);
+ var option;
+
+ option = {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a} <br/>{b} : {c} ({d}%)'
+ },
+ legend: {
+ left: 'center',
+ bottom: '0',
+ textStyle: {
+ color: 'rgba(255,255,255,.6)'
+ }
+ },
+ textStyle:{
+ textBorderWidth: 0,
+ },
+ series: [
+ {
+ type: 'pie',
+ radius: [20, 100],
+ center: ['50%', '45%'],
+ roseType: 'area',
+ itemStyle: {
+ borderRadius: 5
+ },
+ label: {
+ color: '#fff',
+ textBorderWidth: 0,
+ formatter: '{d}%'
+ },
+ data: [
+ { value: 30, name: 'rose 1' },
+ { value: 28, name: 'rose 2' },
+ { value: 26, name: 'rose 3' },
+ { value: 24, name: 'rose 4' },
+ { value: 22, name: 'rose 5' },
+ { value: 20, name: 'rose 6' },
+ { value: 18, name: 'rose 7' },
+ { value: 16, name: 'rose 8' }
+ ]
+ }
+ ]
+ };
+
+ option && myChart.setOption(option);
+}
+
+</script>
+
+<style lang="postcss" scoped>
+.charts-container{
+ width: 100%;
+ height: 100%;
+}
+
+#typePie{
+ width: 100%;
+ height: 100%;
+}
+</style>
diff --git a/src/views/hazardousChemicals/bigScreen/index.vue b/src/views/hazardousChemicals/bigScreen/index.vue
new file mode 100644
index 0000000..afd4769
--- /dev/null
+++ b/src/views/hazardousChemicals/bigScreen/index.vue
@@ -0,0 +1,258 @@
+<template>
+ <div class="data-dashboard">
+ <header class="dashboard-header">
+ <div class="header-left">
+ <div class="current-time">{{ currentTime }}</div>
+ <div class="current-date">{{ currentDate }}</div>
+ </div>
+ <div class="header-center">
+ <h1 class="dashboard-title">独墅湖高教创新区危化品智慧管控平台</h1>
+ </div>
+ <div class="header-right">
+ <div class="weather-info">
+ <span class="weather-icon">☀</span>
+ <span class="weather-text">晴 26°C</span>
+ </div>
+ </div>
+ </header>
+
+ <main class="dashboard-content">
+ <div class="chart-column">
+ <div class="chart-container chart-1">
+ <div class="chart-title">
+ <img :src="leftArrow"><span>全辖区危化品领用</span><img :src="rightArrow">
+ </div>
+ <div class="chart-placeholder">
+ <left-top></left-top>
+ </div>
+ </div>
+ <div class="chart-container chart-2">
+ <div class="chart-title">
+ <img :src="leftArrow"><span>隐患统计</span><img :src="rightArrow">
+ </div>
+ <div class="chart-placeholder">
+ <left-bottom></left-bottom>
+ </div>
+ </div>
+ </div>
+ <div class="chart-column middle-column">
+ <div class="chart-container chart-3">
+ <div class="chart-title">
+ <img :src="leftArrow"><span>辖区企业分布</span><img :src="rightArrow">
+ </div>
+ <div class="chart-placeholder">
+ <mid-top></mid-top>
+ </div>
+ </div>
+ <div class="chart-container chart-4">
+ <div class="chart-title">
+ <img :src="leftArrow"><span>实时预警信息</span><img :src="rightArrow">
+ </div>
+ <div class="chart-placeholder">
+ <mid-bottom></mid-bottom>
+ </div>
+ </div>
+ </div>
+ <div class="chart-column">
+ <div class="chart-container chart-5">
+ <div class="chart-title">
+ <img :src="leftArrow"><span>危化品类别分布</span><img :src="rightArrow">
+ </div>
+ <div class="chart-placeholder">
+ <right-top></right-top>
+ </div>
+ </div>
+ <div class="chart-container chart-6">
+ <div class="chart-title">
+ <img :src="leftArrow"><span>在库危化品流向实时查询</span><img :src="rightArrow">
+ </div>
+ <div class="chart-placeholder">
+ <right-bottom></right-bottom>
+ </div>
+ </div>
+ </div>
+ </main>
+ </div>
+</template>
+
+<script setup>
+import {ref, onMounted, onBeforeUnmount} from 'vue';
+import 'amfe-flexible';
+import leftArrow from '../../../assets/bigScreen/leftArrow.png'
+import rightArrow from '../../../assets/bigScreen/rightArrow.png'
+import LeftTop from "@/views/hazardousChemicals/bigScreen/components/leftTop";
+import LeftBottom from "@/views/hazardousChemicals/bigScreen/components/leftBottom";
+import MidBottom from "@/views/hazardousChemicals/bigScreen/components/midBottom";
+import RightTop from "@/views/hazardousChemicals/bigScreen/components/rightTop";
+import MidTop from "@/views/hazardousChemicals/bigScreen/components/midTop";
+import RightBottom from "@/views/hazardousChemicals/bigScreen/components/rightBottom";
+const currentTime = ref('');
+const currentDate = ref('');
+let timer = ref(null);
+
+const updateTime = () => {
+ const now = new Date();
+ currentTime.value = now.toLocaleTimeString();
+ currentDate.value = now.toLocaleDateString();
+};
+
+onMounted(() => {
+ const baseSize = 16;
+ function setRem() {
+ const scale = document.documentElement.clientWidth / 1920;/* 当前页面宽度缩放比例，可根据自己需要修改 */
+ document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + "px";/* 设置页面根节点字体大小 */
+ }
+ setRem();
+ window.onresize = () => {
+ setRem();/* 改变窗口大小时重新设置 rem */
+ }
+ updateTime();
+ timer.value = setInterval(updateTime, 1000);
+});
+
+onBeforeUnmount(() => {
+ if (timer.value) clearInterval(timer.value);
+});
+</script>
+
+<style lang="postcss">
+.data-dashboard {
+ width: 100%;
+ height: calc(100vh - 70px);
+ display: flex;
+ flex-direction: column;
+ background-color: #031A41;
+ color: #fff;
+ overflow: hidden;
+
+ .dashboard-header {
+ width: 100%;
+ height: 100px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 40px;
+ z-index: 10;
+
+ .header-left {
+ width: 200px;
+
+ .current-time {
+ font-size: 16px;
+ margin-bottom: 10px;
+ }
+
+ .current-date {
+ font-size: 16px;
+ opacity: 0.8;
+ }
+ }
+
+ .header-center {
+ flex: 1;
+ height: 100%;
+ text-align: center;
+ background: url("../../../assets/bigScreen/topTitleBg.png") no-repeat center;
+ background-size: 100% auto;
+
+ .dashboard-title {
+ font-size: 24px;
+ margin: 0;
+ letter-spacing: 2px;
+ line-height: 100px;
+ color: #fff;
+ text-shadow: 0 2px 10px rgba(0, 242, 254, 0.3);
+ }
+ }
+
+ .header-right {
+ width: 200px;
+ text-align: right;
+
+ .weather-info {
+ display: inline-flex;
+ align-items: center;
+ background: rgba(255, 255, 255, 0.1);
+ padding: 10px 20px;
+ border-radius: 30px;
+
+ .weather-icon {
+ font-size: 16px;
+ margin-right: 10px;
+ }
+
+ .weather-text {
+ font-size: 16px;
+ }
+ }
+ }
+ }
+
+ .dashboard-content {
+ flex: 1;
+ display: flex;
+ padding: 0 15px 15px;
+ gap: 10px;
+ overflow: hidden;
+
+ .chart-column {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ flex: 1;
+
+ .chart-container {
+ flex: 1;
+ border: 1px solid #155285;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ background:
+ url('../../../assets/bigScreen/frameLT.png') left top no-repeat,
+ url('../../../assets/bigScreen/frameRT.png') right top no-repeat,
+ rgba(26, 42, 82, 0.7);
+ background-size: 12px 12px;
+
+ .chart-title {
+ height: 36px;
+ line-height: 34px;
+ text-align: center;
+
+ span{
+ font-size: 16px;
+ color: #02CDE6;
+ margin: 0 15px;
+ }
+ img{
+ object-fit: cover;
+ }
+ }
+
+ .chart-placeholder {
+ flex: 1;
+ padding: 10px;
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 16px;
+ background:
+ url('../../../assets/bigScreen/frameLB.png') left bottom no-repeat,
+ url('../../../assets/bigScreen/frameRB.png') right bottom no-repeat,
+ #082C61;
+ background-size: 12px 12px;
+ }
+ }
+ }
+
+ .middle-column {
+ flex: 2;
+
+ .chart-3 {
+ flex: 2;
+ }
+
+ .chart-4 {
+ flex: 1;
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 094861a..de63218 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,8 @@
import { defineConfig, loadEnv } from 'vite'
import path from 'path'
import createVitePlugins from './vite/plugins'
+import vue from '@vitejs/plugin-vue';
+import postcssPxtorem from 'postcss-pxtorem'; // 使用 import 导入
// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
@@ -50,7 +52,37 @@
}
}
}
- }
+ },
+ // postcssPxtorem({
+ // rootValue: 19.2,
+ // propList: ['*'],
+ // // 只转换带有特定类名的样式
+ // include: (filePath, content) => {
+ // return (
+ // filePath.includes('hazardousChemicals/bigScreen/index.vue') &&
+ // content.includes('data-dashboard')
+ // );
+ // }
+ // })
+ postcssPxtorem({
+ rootValue: 37.5,
+ propList: ['*'],
+ selectorBlackList: [/^html$/],
+ // 精确匹配大屏组件路径
+ include: (filePath, content = '') => {
+ return (
+ content.includes('postcss-pxtorem-enabled')
+ );
+ },
+ // 排除其他所有文件
+ exclude: (filePath, content = '') => {
+ return !(
+ content.includes('postcss-pxtorem-enabled')
+ );
+ },
+ mediaQuery: false,
+ minPixelValue: 3
+ })
]
}
}
--
Gitblit v1.9.2