From 05cccb157fa461c1ce17cbeb9b00ed5396491ca8 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期一, 21 四月 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