Browse Source

统计页面

maxiaoxiao 2 months ago
parent
commit
55a60d610b
1 changed files with 1137 additions and 0 deletions
  1. 1137 0
      src/views/pageCode/statistic/progress/index.vue

+ 1137 - 0
src/views/pageCode/statistic/progress/index.vue

@@ -0,0 +1,1137 @@
+<template>
+  <div class="app-container box">
+    <customForm ref="formRef" :model="queryParams" :config="FormConfig">
+      <template #action>
+        <el-button type="primary" icon="Search" @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </template>
+    </customForm>
+    <div class="content gdzlc">
+      <div class="item" v-for="zl in zllist[route.query.type]" :key="zl.name">
+        <div
+          class="icon"
+          :class="(zl.name.match(/\n/g) || []).length == 2 ? 'tree' : ''"
+        >
+          <div v-html="zl.name.replace(/\n/g, '<br>')"></div>
+        </div>
+        <div class="text">
+          <div class="ibolk">
+            <div>{{ zldata[zl.prop] || 0 }}个</div>
+            <div>{{ (zldata[zl.prop1] || 0).toFixed(2) }}亩</div>
+          </div>
+          <div class="ibolk progrestext" v-if="zl.prop3">
+            <div class="radio">{{ zldata[zl.prop3] || 0 }}%</div>
+            <div class="protitle">完成进度</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="box-content">
+      <div class="num">
+        <div class="num-item">
+          <div class="num-left"></div>
+          <div class="num-right">
+            <div class="num-item-title">总数</div>
+            <div class="num-item-text">{{ numParam.total || 0 }}</div>
+            <img src="" />
+          </div>
+        </div>
+        <div class="num-item">
+          <div class="num-item-title">待办数</div>
+          <div class="num-item-text">
+            {{ numParam.toDoQuantity || 0 }}
+          </div>
+        </div>
+        <div class="num-item">
+          <div class="num-item-title">办结数</div>
+          <div class="num-item-text">
+            {{ numParam.completedQuantity || 0 }}
+          </div>
+        </div>
+        <div class="num-item">
+          <div class="num-item-title">重复反映事项数</div>
+          <div class="num-item-text color1">
+            {{ numParam.repeatReactionNum || 0 }}
+          </div>
+        </div>
+        <div class="num-item">
+          <div class="num-item-title">逾期事项数</div>
+          <div class="num-item-text color2">
+            {{ numParam.overdueNum || 0 }}
+          </div>
+        </div>
+        <div class="num-item">
+          <div class="num-item-title">满意率</div>
+          <div class="num-item-text color3">
+            {{ numParam.satisfactionRate || 0 }}%
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="box-left">
+      <div class="box-left-content" style="position: relative; z-index: 99998">
+        <echarts-map
+          ref="echartsMap"
+          :mapData="mapGeoJson"
+          :regionLevel="regionLevel"
+          @mapClick="mapClick"
+          @mapClicker="mapClicker"
+        ></echarts-map>
+      </div>
+
+      <div class="box-left-content" style="position: relative; z-index: 9999">
+        <el-table :data="tableData" style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="行政区"
+            width="150"
+            align="center"
+          />
+          <el-table-column label="图斑数" header-align="center" />
+          <el-table-column label="图斑面积" />
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="Role">
+import customForm from "@/components/custom-form.vue";
+import EchartsMap from "@/components/echarts/EchartsMap.vue";
+const route = useRoute();
+const router = useRouter();
+const { proxy } = getCurrentInstance();
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+const numParam = ref({});
+const mapGeoJson = ref({
+  type: "FeatureCollection",
+  features: [
+    {
+      type: "Feature",
+      properties: {
+        adcode: 110108,
+        name: "海淀区",
+        center: [116.310316, 39.956074],
+        centroid: [116.23328, 40.026927],
+        childrenNum: 0,
+        level: "district",
+        acroutes: [100000, 110000],
+        parent: { adcode: 110000 },
+      },
+      geometry: {
+        type: "MultiPolygon",
+        coordinates: [
+          [
+            [
+              [116.32581, 39.896792],
+              [116.32581, 39.89707],
+              [116.32982, 39.897064],
+              [116.333005, 39.897141],
+              [116.337303, 39.897383],
+              [116.337223, 39.898424],
+              [116.336631, 39.898731],
+              [116.336371, 39.898432],
+              [116.335353, 39.898443],
+              [116.335474, 39.902058],
+              [116.335969, 39.903428],
+              [116.335208, 39.90412],
+              [116.334858, 39.904823],
+              [116.334851, 39.90741],
+              [116.335346, 39.907773],
+              [116.335346, 39.909113],
+              [116.335076, 39.91025],
+              [116.334449, 39.911958],
+              [116.334519, 39.91296],
+              [116.33464, 39.922656],
+              [116.334522, 39.924163],
+              [116.333106, 39.937681],
+              [116.333061, 39.938557],
+              [116.330904, 39.938694],
+              [116.330737, 39.939981],
+              [116.329079, 39.940174],
+              [116.328556, 39.941848],
+              [116.327954, 39.942372],
+              [116.329782, 39.943187],
+              [116.331312, 39.943525],
+              [116.33214, 39.944058],
+              [116.332898, 39.944093],
+              [116.333906, 39.94352],
+              [116.334872, 39.943541],
+              [116.335845, 39.943174],
+              [116.336804, 39.943182],
+              [116.338005, 39.942907],
+              [116.338341, 39.942249],
+              [116.338899, 39.941949],
+              [116.339325, 39.942251],
+              [116.339325, 39.942984],
+              [116.339903, 39.943036],
+              [116.3409, 39.942024],
+              [116.341451, 39.941974],
+              [116.343224, 39.942693],
+              [116.343649, 39.943278],
+              [116.346627, 39.943618],
+              [116.347313, 39.943607],
+              [116.350249, 39.942866],
+              [116.351658, 39.943146],
+              [116.35242, 39.943832],
+              [116.351894, 39.94523],
+              [116.351655, 39.945188],
+              [116.351198, 39.946135],
+              [116.351153, 39.947541],
+              [116.351752, 39.950291],
+              [116.352029, 39.950856],
+              [116.353189, 39.948839],
+              [116.353733, 39.947118],
+              [116.354003, 39.94554],
+              [116.354685, 39.944733],
+              [116.354723, 39.945542],
+              [116.356274, 39.945537],
+              [116.356198, 39.94409],
+              [116.358677, 39.944486],
+              [116.360606, 39.945076],
+              [116.365353, 39.946413],
+              [116.368608, 39.947763],
+              [116.370571, 39.948378],
+              [116.371963, 39.948595],
+              [116.371513, 39.953071],
+              [116.370696, 39.962102],
+              [116.370163, 39.967365],
+              [116.370381, 39.967908],
+              [116.374626, 39.968046],
+              [116.380408, 39.968174],
+              [116.380633, 39.969837],
+              [116.380914, 39.972718],
+              [116.38126, 39.975305],
+              [116.381305, 39.977349],
+              [116.380758, 39.979624],
+              [116.378594, 39.98706],
+              [116.377794, 39.989908],
+              [116.376987, 39.992256],
+              [116.376561, 39.992971],
+              [116.37198, 39.998953],
+              [116.368269, 40.003871],
+              [116.364321, 40.009232],
+              [116.362102, 40.012196],
+              [116.358241, 40.017214],
+              [116.350883, 40.026708],
+              [116.352309, 40.026974],
+              [116.357808, 40.02778],
+              [116.36428, 40.028567],
+              [116.370464, 40.029746],
+              [116.371897, 40.029946],
+              [116.377233, 40.03099],
+              [116.378705, 40.031188],
+              [116.381745, 40.031325],
+              [116.391094, 40.031903],
+              [116.393677, 40.032364],
+              [116.395093, 40.03286],
+              [116.394034, 40.034683],
+              [116.392635, 40.035299],
+              [116.392025, 40.035371],
+              [116.390786, 40.035946],
+              [116.390183, 40.036774],
+              [116.390367, 40.038611],
+              [116.389917, 40.038808],
+              [116.389986, 40.039438],
+              [116.390498, 40.039822],
+              [116.390699, 40.040425],
+              [116.390647, 40.041272],
+              [116.389273, 40.041047],
+              [116.38671, 40.042004],
+              [116.38519, 40.042854],
+              [116.382836, 40.042897],
+              [116.380218, 40.042629],
+              [116.379792, 40.043308],
+              [116.379442, 40.043404],
+              [116.377036, 40.042736],
+              [116.376776, 40.04296],
+              [116.376385, 40.04532],
+              [116.375575, 40.045424],
+              [116.372029, 40.044997],
+              [116.371499, 40.047129],
+              [116.369595, 40.046962],
+              [116.367386, 40.053443],
+              [116.372995, 40.054339],
+              [116.371977, 40.056778],
+              [116.372759, 40.056937],
+              [116.372257, 40.057855],
+              [116.373455, 40.058074],
+              [116.3735, 40.058247],
+              [116.374761, 40.058631],
+              [116.375107, 40.058055],
+              [116.375831, 40.058269],
+              [116.37562, 40.058888],
+              [116.376388, 40.059066],
+              [116.376776, 40.058321],
+              [116.379273, 40.058998],
+              [116.378771, 40.060299],
+              [116.380228, 40.060551],
+              [116.380239, 40.061234],
+              [116.382846, 40.061584],
+              [116.381932, 40.066401],
+              [116.38108, 40.066423],
+              [116.381097, 40.065336],
+              [116.378379, 40.066278],
+              [116.3751, 40.065936],
+              [116.373362, 40.06562],
+              [116.372642, 40.067262],
+              [116.371745, 40.067229],
+              [116.371894, 40.06787],
+              [116.372534, 40.068434],
+              [116.370363, 40.069317],
+              [116.370294, 40.068826],
+              [116.363144, 40.068966],
+              [116.363033, 40.065936],
+              [116.357292, 40.066007],
+              [116.35142, 40.064807],
+              [116.3516, 40.062856],
+              [116.349737, 40.062472],
+              [116.349183, 40.06422],
+              [116.346676, 40.063664],
+              [116.346963, 40.060431],
+              [116.342683, 40.059634],
+              [116.343362, 40.055455],
+              [116.34027, 40.055085],
+              [116.33883, 40.058927],
+              [116.335384, 40.058266],
+              [116.334913, 40.061513],
+              [116.333116, 40.061472],
+              [116.33304, 40.063113],
+              [116.332666, 40.063629],
+              [116.330758, 40.063382],
+              [116.330897, 40.061242],
+              [116.33028, 40.061141],
+              [116.330457, 40.059455],
+              [116.330007, 40.059384],
+              [116.330114, 40.058299],
+              [116.330322, 40.058137],
+              [116.331575, 40.058209],
+              [116.331811, 40.05717],
+              [116.328864, 40.054945],
+              [116.328085, 40.055756],
+              [116.325952, 40.054797],
+              [116.320315, 40.060206],
+              [116.318296, 40.061669],
+              [116.313321, 40.060425],
+              [116.313262, 40.062294],
+              [116.309449, 40.060612],
+              [116.30599, 40.06305],
+              [116.303615, 40.061223],
+              [116.302943, 40.060812],
+              [116.295592, 40.073462],
+              [116.293767, 40.076757],
+              [116.29035, 40.083143],
+              [116.279886, 40.079754],
+              [116.277524, 40.084082],
+              [116.275554, 40.088068],
+              [116.273096, 40.092702],
+              [116.274328, 40.093072],
+              [116.273452, 40.0946],
+              [116.273321, 40.095564],
+              [116.265236, 40.094696],
+              [116.264803, 40.096427],
+              [116.264934, 40.096862],
+              [116.264169, 40.097073],
+              [116.262718, 40.096629],
+              [116.262476, 40.09847],
+              [116.25938, 40.100841],
+              [116.258276, 40.10152],
+              [116.258532, 40.101882],
+              [116.263892, 40.104023],
+              [116.26392, 40.104448],
+              [116.264612, 40.105412],
+              [116.264519, 40.105929],
+              [116.263286, 40.107326],
+              [116.263397, 40.107972],
+              [116.26384, 40.108741],
+              [116.263092, 40.109568],
+              [116.263345, 40.110469],
+              [116.263172, 40.110685],
+              [116.261863, 40.111049],
+              [116.26088, 40.111726],
+              [116.258016, 40.111942],
+              [116.257393, 40.110874],
+              [116.257348, 40.110302],
+              [116.258494, 40.109204],
+              [116.259197, 40.10812],
+              [116.259571, 40.106898],
+              [116.259231, 40.105869],
+              [116.25839, 40.105116],
+              [116.256922, 40.104645],
+              [116.255873, 40.10448],
+              [116.253442, 40.106143],
+              [116.252722, 40.106521],
+              [116.250842, 40.106655],
+              [116.249055, 40.106006],
+              [116.245956, 40.105351],
+              [116.244602, 40.105603],
+              [116.240502, 40.10801],
+              [116.240537, 40.109795],
+              [116.243355, 40.113281],
+              [116.243172, 40.113725],
+              [116.241828, 40.118401],
+              [116.245038, 40.118825],
+              [116.244831, 40.121234],
+              [116.245627, 40.121267],
+              [116.246029, 40.126395],
+              [116.246513, 40.131609],
+              [116.246794, 40.13312],
+              [116.247054, 40.136208],
+              [116.242725, 40.136298],
+              [116.241995, 40.136175],
+              [116.238484, 40.136312],
+              [116.237376, 40.136238],
+              [116.233795, 40.13658],
+              [116.231565, 40.137407],
+              [116.230205, 40.137795],
+              [116.228878, 40.138378],
+              [116.226967, 40.13877],
+              [116.222822, 40.140302],
+              [116.218975, 40.142243],
+              [116.217192, 40.142973],
+              [116.21545, 40.143173],
+              [116.214886, 40.143004],
+              [116.213927, 40.142276],
+              [116.213016, 40.141101],
+              [116.21223, 40.140554],
+              [116.210541, 40.140365],
+              [116.209543, 40.140633],
+              [116.207005, 40.142382],
+              [116.206278, 40.143086],
+              [116.205873, 40.143937],
+              [116.205724, 40.144906],
+              [116.205579, 40.148179],
+              [116.205665, 40.150176],
+              [116.204903, 40.151857],
+              [116.203214, 40.153764],
+              [116.202888, 40.156388],
+              [116.202583, 40.157491],
+              [116.202514, 40.158654],
+              [116.202161, 40.160985],
+              [116.198255, 40.160853],
+              [116.198297, 40.160257],
+              [116.19428, 40.160082],
+              [116.192054, 40.155668],
+              [116.190662, 40.155345],
+              [116.189543, 40.155285],
+              [116.189162, 40.155622],
+              [116.186271, 40.15711],
+              [116.183667, 40.157767],
+              [116.182691, 40.158095],
+              [116.182864, 40.157392],
+              [116.183494, 40.156924],
+              [116.183432, 40.155329],
+              [116.183103, 40.153337],
+              [116.180489, 40.150464],
+              [116.180419, 40.147289],
+              [116.174128, 40.143589],
+              [116.167687, 40.141838],
+              [116.167705, 40.139465],
+              [116.168629, 40.135444],
+              [116.170361, 40.132786],
+              [116.170655, 40.132789],
+              [116.17178, 40.127941],
+              [116.1674, 40.128448],
+              [116.1674, 40.127706],
+              [116.16856, 40.126641],
+              [116.169363, 40.126091],
+              [116.169762, 40.125051],
+              [116.169571, 40.124561],
+              [116.167147, 40.124544],
+              [116.162958, 40.123627],
+              [116.162829, 40.123709],
+              [116.152698, 40.121774],
+              [116.142608, 40.12147],
+              [116.142549, 40.121571],
+              [116.132916, 40.121363],
+              [116.132282, 40.119589],
+              [116.132203, 40.115085],
+              [116.130645, 40.115006],
+              [116.129242, 40.114735],
+              [116.128003, 40.116263],
+              [116.127681, 40.116394],
+              [116.123938, 40.115855],
+              [116.119377, 40.11597],
+              [116.11792, 40.115696],
+              [116.113318, 40.115603],
+              [116.113335, 40.115143],
+              [116.111843, 40.11551],
+              [116.111278, 40.115438],
+              [116.108505, 40.116257],
+              [116.105856, 40.118015],
+              [116.105406, 40.117629],
+              [116.103228, 40.116591],
+              [116.10231, 40.116539],
+              [116.102248, 40.115992],
+              [116.100226, 40.116284],
+              [116.100129, 40.117073],
+              [116.099738, 40.117555],
+              [116.099218, 40.118825],
+              [116.09837, 40.118765],
+              [116.097518, 40.119389],
+              [116.096528, 40.120629],
+              [116.096285, 40.121155],
+              [116.095018, 40.121133],
+              [116.094765, 40.120903],
+              [116.092986, 40.120137],
+              [116.091954, 40.12029],
+              [116.091587, 40.119956],
+              [116.090745, 40.120098],
+              [116.089696, 40.119972],
+              [116.089783, 40.119323],
+              [116.088591, 40.119154],
+              [116.087854, 40.119466],
+              [116.087054, 40.119466],
+              [116.0857, 40.119734],
+              [116.084883, 40.11972],
+              [116.08444, 40.120254],
+              [116.083851, 40.119365],
+              [116.082328, 40.11891],
+              [116.082425, 40.118412],
+              [116.081285, 40.117089],
+              [116.081078, 40.116684],
+              [116.079246, 40.11606],
+              [116.078505, 40.115359],
+              [116.077889, 40.11505],
+              [116.076774, 40.114918],
+              [116.07595, 40.115392],
+              [116.074308, 40.115551],
+              [116.073855, 40.115436],
+              [116.07329, 40.114598],
+              [116.07329, 40.113774],
+              [116.07364, 40.112454],
+              [116.072785, 40.111304],
+              [116.072525, 40.110411],
+              [116.072944, 40.110223],
+              [116.072674, 40.109259],
+              [116.071718, 40.108232],
+              [116.07077, 40.107753],
+              [116.070264, 40.106803],
+              [116.069464, 40.104916],
+              [116.067664, 40.103894],
+              [116.06695, 40.103763],
+              [116.065171, 40.103763],
+              [116.064457, 40.10335],
+              [116.062934, 40.102818],
+              [116.062352, 40.101939],
+              [116.062265, 40.100556],
+              [116.061957, 40.099557],
+              [116.060725, 40.098708],
+              [116.060108, 40.098716],
+              [116.059125, 40.098434],
+              [116.058252, 40.097612],
+              [116.056888, 40.097111],
+              [116.055894, 40.096432],
+              [116.054426, 40.09472],
+              [116.054409, 40.094145],
+              [116.053834, 40.092412],
+              [116.052442, 40.09176],
+              [116.05185, 40.091667],
+              [116.051448, 40.091182],
+              [116.050728, 40.08959],
+              [116.050309, 40.089122],
+              [116.050292, 40.088506],
+              [116.049187, 40.087553],
+              [116.048837, 40.085342],
+              [116.049291, 40.084893],
+              [116.051317, 40.084337],
+              [116.051926, 40.083376],
+              [116.052006, 40.082743],
+              [116.052553, 40.082304],
+              [116.052761, 40.080751],
+              [116.053294, 40.080439],
+              [116.054146, 40.079127],
+              [116.054589, 40.078228],
+              [116.055562, 40.077565],
+              [116.056015, 40.076864],
+              [116.057466, 40.076234],
+              [116.05792, 40.075609],
+              [116.057999, 40.074916],
+              [116.059554, 40.075401],
+              [116.060797, 40.074881],
+              [116.061234, 40.074259],
+              [116.064017, 40.073026],
+              [116.064772, 40.071708],
+              [116.06533, 40.071264],
+              [116.065527, 40.0697],
+              [116.065337, 40.069338],
+              [116.06499, 40.067464],
+              [116.065589, 40.066834],
+              [116.066119, 40.065653],
+              [116.066867, 40.065494],
+              [116.067643, 40.064919],
+              [116.068598, 40.063889],
+              [116.069197, 40.06282],
+              [116.069997, 40.062376],
+              [116.071137, 40.062034],
+              [116.071493, 40.061261],
+              [116.071299, 40.059031],
+              [116.070413, 40.057228],
+              [116.070119, 40.055833],
+              [116.069353, 40.054849],
+              [116.069066, 40.053895],
+              [116.068335, 40.053383],
+              [116.068353, 40.052594],
+              [116.068048, 40.051933],
+              [116.069606, 40.050659],
+              [116.069797, 40.049848],
+              [116.069526, 40.04822],
+              [116.070839, 40.046715],
+              [116.071064, 40.045635],
+              [116.071701, 40.045043],
+              [116.072542, 40.043289],
+              [116.072992, 40.042881],
+              [116.073526, 40.041889],
+              [116.073453, 40.041256],
+              [116.074218, 40.041138],
+              [116.075132, 40.039915],
+              [116.074949, 40.039044],
+              [116.075139, 40.038452],
+              [116.074852, 40.037106],
+              [116.075634, 40.036259],
+              [116.075686, 40.03588],
+              [116.076663, 40.035143],
+              [116.07721, 40.033981],
+              [116.078173, 40.03275],
+              [116.078938, 40.033161],
+              [116.080537, 40.033148],
+              [116.081545, 40.032542],
+              [116.082743, 40.032259],
+              [116.083134, 40.031747],
+              [116.084236, 40.030908],
+              [116.086043, 40.031451],
+              [116.087432, 40.031478],
+              [116.088772, 40.031725],
+              [116.090236, 40.031848],
+              [116.09122, 40.031429],
+              [116.092757, 40.031777],
+              [116.095067, 40.031782],
+              [116.095465, 40.032229],
+              [116.096888, 40.03323],
+              [116.098401, 40.033819],
+              [116.100814, 40.033797],
+              [116.102227, 40.033559],
+              [116.104641, 40.032498],
+              [116.105489, 40.032205],
+              [116.107546, 40.032202],
+              [116.108467, 40.032468],
+              [116.1098, 40.032605],
+              [116.110894, 40.032235],
+              [116.112532, 40.032849],
+              [116.114519, 40.033],
+              [116.116382, 40.032654],
+              [116.117864, 40.031914],
+              [116.119322, 40.03175],
+              [116.120018, 40.031388],
+              [116.121119, 40.031133],
+              [116.121438, 40.029907],
+              [116.122736, 40.02991],
+              [116.123605, 40.029655],
+              [116.124782, 40.029896],
+              [116.12551, 40.030417],
+              [116.126909, 40.030708],
+              [116.12792, 40.030475],
+              [116.129568, 40.031108],
+              [116.131122, 40.031007],
+              [116.132227, 40.030661],
+              [116.133294, 40.030565],
+              [116.134003, 40.030711],
+              [116.135271, 40.030423],
+              [116.135859, 40.030006],
+              [116.137182, 40.02988],
+              [116.140094, 40.028729],
+              [116.140769, 40.027903],
+              [116.141548, 40.027234],
+              [116.143325, 40.026829],
+              [116.144301, 40.025716],
+              [116.144814, 40.024712],
+              [116.14696, 40.023191],
+              [116.148477, 40.022396],
+              [116.149284, 40.022163],
+              [116.150198, 40.022599],
+              [116.151403, 40.02287],
+              [116.152996, 40.021995],
+              [116.154253, 40.022015],
+              [116.15472, 40.021499],
+              [116.15587, 40.020989],
+              [116.155974, 40.020723],
+              [116.15731, 40.02103],
+              [116.159003, 40.019361],
+              [116.160011, 40.019314],
+              [116.162701, 40.017496],
+              [116.163937, 40.016794],
+              [116.164578, 40.015791],
+              [116.164751, 40.015116],
+              [116.164571, 40.014535],
+              [116.166015, 40.013361],
+              [116.166309, 40.012698],
+              [116.16748, 40.012651],
+              [116.167816, 40.011914],
+              [116.168709, 40.011261],
+              [116.170073, 40.010833],
+              [116.171088, 40.009078],
+              [116.171354, 40.008807],
+              [116.172611, 40.009064],
+              [116.173401, 40.008426],
+              [116.173408, 40.007564],
+              [116.174429, 40.007057],
+              [116.175423, 40.006309],
+              [116.174516, 40.005028],
+              [116.173789, 40.004526],
+              [116.17383, 40.003988],
+              [116.173321, 40.003402],
+              [116.172895, 40.002524],
+              [116.172781, 40.000996],
+              [116.172109, 40.00064],
+              [116.161669, 39.999987],
+              [116.155963, 39.99796],
+              [116.154533, 39.997269],
+              [116.154076, 39.996233],
+              [116.154256, 39.995525],
+              [116.153955, 39.994944],
+              [116.152449, 39.993866],
+              [116.151573, 39.993438],
+              [116.153408, 39.99219],
+              [116.156115, 39.989142],
+              [116.157435, 39.986835],
+              [116.157078, 39.985209],
+              [116.158117, 39.984139],
+              [116.161569, 39.984539],
+              [116.16499, 39.987033],
+              [116.166853, 39.987568],
+              [116.16784, 39.986756],
+              [116.168557, 39.984575],
+              [116.169232, 39.979366],
+              [116.17061, 39.977259],
+              [116.171482, 39.977004],
+              [116.173657, 39.978329],
+              [116.178009, 39.982208],
+              [116.178875, 39.983684],
+              [116.17891, 39.988292],
+              [116.180859, 39.987118],
+              [116.18239, 39.986893],
+              [116.184474, 39.986103],
+              [116.18508, 39.985612],
+              [116.18588, 39.984518],
+              [116.186579, 39.983909],
+              [116.186683, 39.983025],
+              [116.186406, 39.982301],
+              [116.186915, 39.980361],
+              [116.186725, 39.979289],
+              [116.185305, 39.97798],
+              [116.185437, 39.976496],
+              [116.186067, 39.974982],
+              [116.186084, 39.97327],
+              [116.185277, 39.972304],
+              [116.185807, 39.970276],
+              [116.187701, 39.968389],
+              [116.190679, 39.968251],
+              [116.191192, 39.967231],
+              [116.190741, 39.965362],
+              [116.196451, 39.962179],
+              [116.19972, 39.96157],
+              [116.201119, 39.961112],
+              [116.201891, 39.959954],
+              [116.201967, 39.957742],
+              [116.205856, 39.955774],
+              [116.209249, 39.951073],
+              [116.212833, 39.948943],
+              [116.213352, 39.94636],
+              [116.214533, 39.945899],
+              [116.215547, 39.945765],
+              [116.215918, 39.944469],
+              [116.215468, 39.943745],
+              [116.218664, 39.943599],
+              [116.218543, 39.941346],
+              [116.215693, 39.941271],
+              [116.215717, 39.940555],
+              [116.216326, 39.940163],
+              [116.216288, 39.936388],
+              [116.215347, 39.936374],
+              [116.215388, 39.935394],
+              [116.215953, 39.935315],
+              [116.215987, 39.934241],
+              [116.215516, 39.934261],
+              [116.215492, 39.933854],
+              [116.214131, 39.933928],
+              [116.214142, 39.934472],
+              [116.213092, 39.934538],
+              [116.213196, 39.933231],
+              [116.214055, 39.932405],
+              [116.216191, 39.931238],
+              [116.214488, 39.931208],
+              [116.214159, 39.931084],
+              [116.213768, 39.92933],
+              [116.213075, 39.929347],
+              [116.213058, 39.928896],
+              [116.215908, 39.928674],
+              [116.215689, 39.927104],
+              [116.21518, 39.926747],
+              [116.212511, 39.926162],
+              [116.207705, 39.925904],
+              [116.207532, 39.924273],
+              [116.206829, 39.924287],
+              [116.206915, 39.919539],
+              [116.206794, 39.916667],
+              [116.211472, 39.916648],
+              [116.213342, 39.917126],
+              [116.213781, 39.916626],
+              [116.215686, 39.917615],
+              [116.217459, 39.918024],
+              [116.228501, 39.9189],
+              [116.230901, 39.919531],
+              [116.230502, 39.918523],
+              [116.23063, 39.917755],
+              [116.232019, 39.917269],
+              [116.232424, 39.916942],
+              [116.233466, 39.917057],
+              [116.237054, 39.916862],
+              [116.236846, 39.918004],
+              [116.237438, 39.918081],
+              [116.237698, 39.91846],
+              [116.23947, 39.918463],
+              [116.241486, 39.918114],
+              [116.24277, 39.918125],
+              [116.242791, 39.91865],
+              [116.244817, 39.918694],
+              [116.245319, 39.918869],
+              [116.246122, 39.918751],
+              [116.246101, 39.91916],
+              [116.246728, 39.920794],
+              [116.249702, 39.920742],
+              [116.249772, 39.920495],
+              [116.25196, 39.920964],
+              [116.252919, 39.920297],
+              [116.252718, 39.920067],
+              [116.250984, 39.919841],
+              [116.251323, 39.918663],
+              [116.251725, 39.918307],
+              [116.253058, 39.918331],
+              [116.25277, 39.91756],
+              [116.250423, 39.917579],
+              [116.250007, 39.916881],
+              [116.249685, 39.91689],
+              [116.249252, 39.916269],
+              [116.249741, 39.91547],
+              [116.252985, 39.915552],
+              [116.253037, 39.912886],
+              [116.252975, 39.90744],
+              [116.252999, 39.904496],
+              [116.252985, 39.896952],
+              [116.259914, 39.896952],
+              [116.259889, 39.896732],
+              [116.258743, 39.896658],
+              [116.261756, 39.896523],
+              [116.264124, 39.896586],
+              [116.266209, 39.896257],
+              [116.271513, 39.896268],
+              [116.272053, 39.896435],
+              [116.277995, 39.896523],
+              [116.281842, 39.896534],
+              [116.282531, 39.896663],
+              [116.287711, 39.896685],
+              [116.29375, 39.896666],
+              [116.294976, 39.89649],
+              [116.29501, 39.893139],
+              [116.294661, 39.892691],
+              [116.294633, 39.889744],
+              [116.294183, 39.889403],
+              [116.2942, 39.88881],
+              [116.294993, 39.888373],
+              [116.295014, 39.886829],
+              [116.296607, 39.886865],
+              [116.299172, 39.888695],
+              [116.299183, 39.889598],
+              [116.301714, 39.889664],
+              [116.302749, 39.889543],
+              [116.302753, 39.889093],
+              [116.303508, 39.889098],
+              [116.303521, 39.889818],
+              [116.30277, 39.889769],
+              [116.302787, 39.891925],
+              [116.304027, 39.892441],
+              [116.304041, 39.890969],
+              [116.306527, 39.890977],
+              [116.306565, 39.891708],
+              [116.305845, 39.891738],
+              [116.305841, 39.892461],
+              [116.307427, 39.892441],
+              [116.307417, 39.893782],
+              [116.310343, 39.894241],
+              [116.311233, 39.893988],
+              [116.311894, 39.89448],
+              [116.3109, 39.895562],
+              [116.312774, 39.895562],
+              [116.312763, 39.896364],
+              [116.31402, 39.896779],
+              [116.32581, 39.896792],
+            ],
+          ],
+        ],
+      },
+    },
+  ],
+});
+const FormConfig = ref([
+  [
+    {
+      label: "行政区",
+      prop: "state",
+      span: 5,
+    },
+    {
+      label: "监测时相",
+      prop: "time",
+      span: 5,
+    },
+    {
+      prop: "action",
+      span: 5,
+    },
+  ],
+]);
+const tableData = ref([
+  {
+    date: "2016-05-03",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+  {
+    date: "2016-05-02",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+  {
+    date: "2016-05-04",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+  {
+    date: "2016-05-01",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+  {
+    date: "2016-05-08",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+  {
+    date: "2016-05-06",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+  {
+    date: "2016-05-07",
+    name: "Tom",
+    state: "California",
+    city: "Los Angeles",
+
+    zip: "CA 90036",
+  },
+]);
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    roleName: undefined,
+    roleKey: undefined,
+    status: undefined,
+  },
+  rules: {
+    roleName: [
+      { required: true, message: "角色名称不能为空", trigger: "blur" },
+    ],
+    roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+    roleSort: [
+      { required: true, message: "角色顺序不能为空", trigger: "blur" },
+    ],
+  },
+});
+const zllist = ref({
+  all: [
+    { name: "监测\n图斑" },
+    { name: "已举证\n图斑", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "县级\n已审核", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "市级\n已审核", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "省级\n已审核", prop: "zb", prop1: "zb", prop3: "%" },
+  ],
+  judge: [
+    { name: "监测\n图斑" },
+    { name: "未判定\n图斑", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "已判定\n图斑\n(拆分前)", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "已判定\n图斑\n(拆分后)", prop: "zb", prop1: "zb", prop3: "%" },
+  ],
+  result: [
+    { name: "已判定\n图斑" },
+    { name: "判定为\n合法用地", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "判定为\n违法用地", prop: "zb", prop1: "zb", prop3: "%" },
+    { name: "判定为\n其它用地", prop: "zb", prop1: "zb", prop3: "%" },
+  ],
+});
+const zldata = ref({});
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询角色列表 */
+function getList() {
+  // loading.value = true;
+  // listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(
+  //   (response) => {
+  //     roleList.value = response.rows;
+  //     total.value = response.total;
+  //     loading.value = false;
+  //   }
+  // );
+}
+
+getList();
+</script>
+<style scoped lang="scss">
+.box {
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  &-left {
+    height: 70vh;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-right: 22px;
+    margin-left: 22px;
+    &-content {
+      width: 50%;
+      height: 100%;
+      z-index: 3;
+    }
+  }
+}
+.gdzlc {
+  height: 80px;
+  display: flex;
+  justify-content: space-between;
+
+  .item {
+    // width: 48%;
+    height: 75px;
+    background: #f2f2f2;
+    border-radius: 5px;
+
+    .icon {
+      width: 85px;
+      height: 100%;
+      display: inline-block;
+
+      background: #0297d7;
+      text-align: center;
+      padding: 15px 10px;
+      .title {
+        // display: flex;
+        // align-items: center; /* 垂直居中 */
+        // justify-content: center;
+      }
+    }
+    .tree {
+      padding: 5px 10px;
+    }
+
+    .text {
+      display: inline-block;
+      width: calc(100% - 85px);
+      text-align: center;
+      font-weight: bold;
+      padding: 5px 20px;
+      .ibolk {
+        display: inline-block;
+        padding-right: 10px;
+      }
+      .progrestext {
+        padding-left: 10px;
+        border-left: 1px solid #d7d7d7;
+        .radio {
+          color: #f59a23;
+        }
+        .protitle {
+          font-weight: normal;
+        }
+      }
+    }
+    .higtext {
+      background: #81d3f8;
+      border: 2px solid #00ffff;
+      border-left: 0px;
+    }
+  }
+}
+.box-content {
+  width: 100%;
+  height: 100%;
+
+  .num {
+    width: 80%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    .num-left {
+      height: 100%;
+      display: inline-block;
+      width: 65px;
+    }
+    .num-right {
+      height: 100%;
+      display: inline-block;
+      width: 65px;
+    }
+    &-item {
+      text-align: center;
+      &-title {
+        font-size: 14px;
+        font-weight: 400;
+        color: red;
+        line-height: 20px;
+        padding-bottom: 5px;
+      }
+      &-text {
+        font-size: 30px;
+        font-weight: 700;
+        color: #000;
+        line-height: 30px;
+      }
+      img {
+        margin-top: -29px;
+      }
+      .color1 {
+        color: #ff4141;
+      }
+      .color2 {
+        color: #fbca38;
+      }
+      .color3 {
+        color: #8cf347;
+      }
+    }
+  }
+}
+</style>
+