From efa0fcab52840f25966d0dd6fc3f1fb3bfc2ce17 Mon Sep 17 00:00:00 2001
From: zouzhibing <zouzhibing@anthead.cn>
Date: Fri, 5 Aug 2022 16:04:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0eslint+prettier=20?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=A0=A1=E9=AA=8C=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintignore                                 |   15 +
 .eslintrc.cjs                                 |   25 +
 .prettierignore                               |    9 +
 package.json                                  |    8 +-
 prettier.config.cjs                           |   14 +
 src/App.vue                                   |   46 +-
 src/components/Charts/Keyboard.vue            |  297 +-
 src/components/Charts/LineMarker.vue          |  459 +--
 src/components/Charts/MixChart.vue            |  473 ++-
 src/components/Charts/mixins/resize.js        |   12 +-
 src/components/HelloWorld.vue                 |   17 +-
 src/components/SvgIcon/index.vue              |   51 +-
 src/components/pipeline/index.vue             |    4 +-
 src/components/pipeline/zb-pipeline-start.vue |  167 +-
 src/components/u-Hamburger/index.vue          |   42 +-
 src/components/u-container-layout/index.vue   |    8 +-
 src/components/u-count-to/index.js            |    6 +-
 .../u-count-to/requestAnimationFrame.js       |   19 +-
 src/components/u-count-to/vue-countTo.vue     |  359 +-
 src/components/u-info/index.vue               |   89 +-
 src/components/u-mavonEditor/index.vue        |    8 +-
 src/components/u-rightClickMenu/index.vue     |  161 +-
 src/components/u-screenfull/index.js          |  265 +-
 src/components/u-screenfull/index.vue         |   35 +-
 src/components/u-setting/index.vue            |  208 +-
 src/components/u-upload/index.vue             |  152 +-
 src/components/u-wangEdior/index.vue          |   69 +-
 src/icons/index.js                            |    6 +-
 src/layout/components/AppMain.vue             |   42 +-
 src/layout/components/Sidebar/Link.vue        |   68 +-
 src/layout/components/Sidebar/Logo.vue        |  103 +-
 src/layout/components/Sidebar/SidebarItem.vue |   38 +-
 src/layout/components/Sidebar/index.vue       |   26 +-
 src/layout/components/Sidebar/menuSlide.vue   |   87 +-
 .../components/TagsView/betterScroll.vue      |   86 +-
 src/layout/components/TagsView/index.vue      |  216 +-
 src/layout/components/UHeader/Personal.vue    |   38 +-
 src/layout/components/UHeader/index.vue       |  122 +-
 src/layout/index.vue                          |   63 +-
 src/styles/index.scss                         |    2 +-
 src/styles/sidebar.scss                       |   28 +-
 src/styles/transition.scss                    |    3 -
 src/styles/variables.scss                     |   30 +-
 src/utils/auth.js                             |    5 +-
 src/utils/downloadzip.ts                      |    4 +-
 src/utils/emojis.js                           |   43 +-
 src/utils/exprotExcel.ts                      |   32 +-
 src/utils/index.js                            |  132 +-
 src/utils/validate.js                         |    6 +-
 src/views/Home.vue                            |   20 +-
 src/views/charts/animation.vue                |  350 +-
 src/views/charts/complex.vue                  |   12 +-
 .../charts/components/complex/Histogram.vue   |  179 +-
 .../components/complex/bar/components/bar.vue |  142 +-
 .../charts/components/complex/bar/index.vue   |  167 +-
 .../charts/components/complex/bullish.vue     |  354 +-
 src/views/charts/components/complex/line.vue  |  142 +-
 .../complex/line/components/line.vue          |  142 +-
 .../charts/components/complex/line/index.vue  |  165 +-
 .../charts/components/complex/liquidFill.vue  |  197 +-
 .../charts/components/complex/painting.vue    |  516 ++-
 src/views/charts/components/complex/pie.vue   |  377 +-
 .../charts/components/complex/progress.vue    |  272 +-
 .../charts/components/complex/rotate.vue      |  788 ++---
 .../charts/components/complex/sankey.vue      |  649 ++--
 src/views/charts/components/js/data.js        |   74 +-
 src/views/charts/components/map/bmap.min.js   |  232 +-
 src/views/charts/components/map/china.js      |  783 ++++-
 src/views/charts/components/map/index.vue     |  555 +--
 src/views/charts/components/migration/get.js  | 3044 ++++++++++++++++-
 .../charts/components/migration/index.vue     |  588 ++--
 .../components/otherDiscard/Histogram.vue     |  179 +-
 .../components/otherDiscard/bullish.vue       |  354 +-
 .../charts/components/otherDiscard/line.vue   |  616 ++--
 .../components/otherDiscard/liquidFill.vue    |  197 +-
 .../components/otherDiscard/painting.vue      |  516 ++-
 .../charts/components/otherDiscard/pie.vue    |  377 +-
 .../components/otherDiscard/progress.vue      |  272 +-
 .../charts/components/otherDiscard/rotate.vue |  788 ++---
 .../charts/components/otherDiscard/sankey.vue |  649 ++--
 src/views/charts/components/simple/bar.vue    |  119 +-
 .../charts/components/simple/candlestick.vue  |  123 +-
 src/views/charts/components/simple/funnel.vue |  209 +-
 src/views/charts/components/simple/gauge.vue  |  116 +-
 src/views/charts/components/simple/graph.vue  |  169 +-
 src/views/charts/components/simple/line.vue   |  142 +-
 .../charts/components/simple/pictorialBar.vue |  273 +-
 src/views/charts/components/simple/pie.vue    |  165 +-
 src/views/charts/components/simple/radar.vue  |  471 ++-
 .../charts/components/simple/scatter.vue      |  157 +-
 src/views/charts/line.vue                     |   22 +-
 src/views/charts/map.vue                      |   12 +-
 src/views/charts/migration.vue                |   35 +-
 src/views/charts/simple.vue                   |  101 +-
 src/views/chat/components/u-chartBox/chat.js  |   26 +-
 .../chat/components/u-chartBox/index.vue      |  530 +--
 src/views/chat/components/u-toolbar/index.vue |  199 +-
 src/views/chat/index.vue                      |   10 +-
 src/views/clipboard/index.vue                 |   40 +-
 src/views/components-demo/button.vue          |  138 +-
 src/views/components-demo/checkbox.vue        |  262 +-
 src/views/components-demo/datetimepicker.vue  |  299 +-
 src/views/components-demo/flow-chart.vue      |    8 +-
 src/views/components-demo/input.vue           |  218 +-
 src/views/components-demo/inputnumber.vue     |  205 +-
 src/views/components-demo/link.vue            |   59 +-
 src/views/components-demo/radio.vue           |   80 +-
 src/views/components-demo/scroll.vue          |   51 +-
 src/views/components-demo/slider.vue          |  264 +-
 src/views/components-demo/split-pane.vue      |   70 +-
 src/views/components-demo/timepicker.vue      |  191 +-
 src/views/dashboard/index.vue                 |   41 +-
 src/views/error/401.vue                       |  117 +-
 src/views/error/404.vue                       |  121 +-
 src/views/excel/export-excel.vue              |  118 +-
 src/views/excel/export-merge-header.vue       |  109 +-
 src/views/excel/export-selected-excel.vue     |    1 -
 src/views/excel/export-style-excel.vue        |   99 +-
 src/views/excel/upload-excel.vue              |   69 +-
 src/views/home/index.vue                      |  124 +-
 src/views/login/index.vue                     |  126 +-
 src/views/nested/menu1/index.vue              |    4 +-
 src/views/nested/menu1/menu1-1/index.vue      |    4 +-
 src/views/nested/menu1/menu1-2/index.vue      |    2 +-
 .../nested/menu1/menu1-2/menu1-2-1/index.vue  |    2 +-
 .../nested/menu1/menu1-2/menu1-2-2/index.vue  |    2 +-
 src/views/nested/menu1/menu1-3/index.vue      |    2 +-
 src/views/nested/menu2/index.vue              |    2 +-
 src/views/other/count.vue                     |  297 +-
 src/views/other/cropper/cropper.vue           |  467 +--
 src/views/other/cropper/cropper1.vue          |  131 +-
 src/views/other/cropper/cropper2.vue          |  189 +-
 src/views/other/cropper/index.vue             |  147 +-
 src/views/other/editor.vue                    |   89 +-
 src/views/other/form.vue                      |  195 +-
 src/views/other/form/u-upload.vue             |  103 +-
 src/views/other/grid-sorter.vue               |  248 +-
 src/views/other/mark-down.vue                 |   64 +-
 src/views/other/print.vue                     |   22 +-
 src/views/other/qrcode.vue                    |   54 +-
 src/views/other/right-menu.vue                |   54 +-
 src/views/other/share.vue                     |    1 -
 src/views/other/splitpane.vue                 |   70 +-
 src/views/other/upload.vue                    |  172 +-
 src/views/other/water-marker.vue              |   97 +-
 src/views/permission/page.vue                 |   22 +-
 src/views/system/menu.vue                     |  244 +-
 src/views/system/role.vue                     |  255 +-
 src/views/system/user.vue                     |  300 +-
 src/views/table/complex.vue                   |  131 +-
 src/views/table/components/comprehensive.vue  |  285 +-
 src/views/table/components/edit.vue           |  303 +-
 src/views/table/comprehensive.vue             |  321 +-
 src/views/table/dynamic.vue                   |    1 -
 src/views/table/edit.vue                      |   86 +-
 src/views/table/inline-edit-table.vue         |  174 +-
 src/views/table/multi-table.vue               |  308 +-
 src/views/zip/download.vue                    |  171 +-
 vite.config.ts                                |    3 +
 yarn.lock                                     |   48 +-
 160 files changed, 16291 insertions(+), 12362 deletions(-)
 create mode 100644 .eslintignore
 create mode 100644 .eslintrc.cjs
 create mode 100644 .prettierignore
 create mode 100644 prettier.config.cjs
 delete mode 100644 src/views/table/dynamic.vue

diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..348631b
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,15 @@
+
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.husky
+.local
+/bin
+Dockerfile
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
new file mode 100644
index 0000000..8d35a77
--- /dev/null
+++ b/.eslintrc.cjs
@@ -0,0 +1,25 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node":true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:vue/vue3-essential",
+        "plugin:@typescript-eslint/recommended",
+        'plugin:prettier/recommended'
+    ],
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "parser": "@typescript-eslint/parser",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "vue",
+        "@typescript-eslint"
+    ],
+    "rules": {
+    }
+}
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..f7e39e6
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,9 @@
+/dist/*
+.local
+.output.js
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*
diff --git a/package.json b/package.json
index 51da438..13668f0 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix"
+    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""
   },
   "dependencies": {
     "@better-scroll/core": "^2.4.2",
@@ -47,14 +48,19 @@
     "@vitejs/plugin-vue": "^3.0.0",
     "dart-sass": "^1.25.0",
     "eslint": "^8.21.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.3.0",
     "fast-glob": "^3.2.11",
+    "prettier": "^2.7.1",
     "typescript": "^4.6.4",
     "unplugin-auto-import": "^0.10.3",
     "unplugin-vue-components": "^0.21.2",
+    "unplugin-vue-define-options": "^0.7.3",
     "vite": "^3.0.0",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^0.38.4"
   }
 }
diff --git a/prettier.config.cjs b/prettier.config.cjs
new file mode 100644
index 0000000..46a977e
--- /dev/null
+++ b/prettier.config.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+  // 一行的字符数，如果超过会进行换行，默认为80
+  printWidth: 100,
+  // 行位是否使用分号，默认为true
+  semi: false,
+  vueIndentScriptAndStyle: true,
+  // 字符串是否使用单引号，默认为false，使用双引号
+  singleQuote: true,
+  // 是否使用尾逗号，有三个可选值"<none|es5|all>"
+  trailingComma: 'all',
+  proseWrap: 'never',
+  htmlWhitespaceSensitivity: 'strict',
+  endOfLine: 'auto',
+};
diff --git a/src/App.vue b/src/App.vue
index 9cc4c1b..798b064 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,27 +3,27 @@
 </template>
 
 <style lang="scss">
-#app {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  /*background: #f6f8f9;*/
-  /*background: goldenrod;*/
-  font-family: Avenir,  sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: #2c3e50;
-}
-html,body{
-  height: 100%;
-  background: #f6f8f9;
-
-}
-.el-pager li:focus{
-  border: none;
-}
-*{
-  margin: 0;
-  padding: 0;
-}
+  #app {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    /*background: #f6f8f9;*/
+    /*background: goldenrod;*/
+    font-family: Avenir, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: #2c3e50;
+  }
+  html,
+  body {
+    height: 100%;
+    background: #f6f8f9;
+  }
+  .el-pager li:focus {
+    border: none;
+  }
+  * {
+    margin: 0;
+    padding: 0;
+  }
 </style>
diff --git a/src/components/Charts/Keyboard.vue b/src/components/Charts/Keyboard.vue
index 41a1ea3..88e2547 100644
--- a/src/components/Charts/Keyboard.vue
+++ b/src/components/Charts/Keyboard.vue
@@ -1,155 +1,162 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 
 <script lang="ts">
-import echarts from 'echarts'
-import resize from './mixins/resize'
+  import echarts from 'echarts'
+  import resize from './mixins/resize'
 
-export default {
-  mixins: [resize],
-  props: {
-    className: {
-      type: String,
-      default: 'chart'
+  export default {
+    mixins: [resize],
+    props: {
+      className: {
+        type: String,
+        default: 'chart',
+      },
+      id: {
+        type: String,
+        default: 'chart',
+      },
+      width: {
+        type: String,
+        default: '200px',
+      },
+      height: {
+        type: String,
+        default: '200px',
+      },
     },
-    id: {
-      type: String,
-      default: 'chart'
-    },
-    width: {
-      type: String,
-      default: '200px'
-    },
-    height: {
-      type: String,
-      default: '200px'
-    }
-  },
-  data() {
-    return {
-      chart: null
-    }
-  },
-  mounted() {
-    this.initChart()
-  },
-  beforeDestroy() {
-    if (!this.chart) {
-      return
-    }
-    this.chart.dispose()
-    this.chart = null
-  },
-  methods: {
-    initChart() {
-      this.chart = echarts.init(document.getElementById(this.id))
-
-      const xAxisData = []
-      const data = []
-      const data2 = []
-      for (let i = 0; i < 50; i++) {
-        xAxisData.push(i)
-        data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5)
-        data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3)
+    data() {
+      return {
+        chart: null,
       }
-      this.chart.setOption({
-        backgroundColor: '#08263a',
-        grid: {
-          left: '5%',
-          right: '5%'
-        },
-        xAxis: [{
-          show: false,
-          data: xAxisData
-        }, {
-          show: false,
-          data: xAxisData
-        }],
-        visualMap: {
-          show: false,
-          min: 0,
-          max: 50,
-          dimension: 0,
-          inRange: {
-            color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055']
-          }
-        },
-        yAxis: {
-          axisLine: {
-            show: false
-          },
-          axisLabel: {
-            textStyle: {
-              color: '#4a657a'
-            }
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              color: '#08263f'
-            }
-          },
-          axisTick: {
-            show: false
-          }
-        },
-        series: [{
-          name: 'back',
-          type: 'bar',
-          data: data2,
-          z: 1,
-          itemStyle: {
-            normal: {
-              opacity: 0.4,
-              barBorderRadius: 5,
-              shadowBlur: 3,
-              shadowColor: '#111'
-            }
-          }
-        }, {
-          name: 'Simulate Shadow',
-          type: 'line',
-          data,
-          z: 2,
-          showSymbol: false,
-          animationDelay: 0,
-          animationEasing: 'linear',
-          animationDuration: 1200,
-          lineStyle: {
-            normal: {
-              color: 'transparent'
-            }
-          },
-          areaStyle: {
-            normal: {
-              color: '#08263a',
-              shadowBlur: 50,
-              shadowColor: '#000'
-            }
-          }
-        }, {
-          name: 'front',
-          type: 'bar',
-          data,
-          xAxisIndex: 1,
-          z: 3,
-          itemStyle: {
-            normal: {
-              barBorderRadius: 5
-            }
-          }
-        }],
-        animationEasing: 'elasticOut',
-        animationEasingUpdate: 'elasticOut',
-        animationDelay(idx) {
-          return idx * 20
-        },
-        animationDelayUpdate(idx) {
-          return idx * 20
+    },
+    mounted() {
+      this.initChart()
+    },
+    beforeDestroy() {
+      if (!this.chart) {
+        return
+      }
+      this.chart.dispose()
+      this.chart = null
+    },
+    methods: {
+      initChart() {
+        this.chart = echarts.init(document.getElementById(this.id))
+
+        const xAxisData = []
+        const data = []
+        const data2 = []
+        for (let i = 0; i < 50; i++) {
+          xAxisData.push(i)
+          data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5)
+          data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3)
         }
-      })
-    }
+        this.chart.setOption({
+          backgroundColor: '#08263a',
+          grid: {
+            left: '5%',
+            right: '5%',
+          },
+          xAxis: [
+            {
+              show: false,
+              data: xAxisData,
+            },
+            {
+              show: false,
+              data: xAxisData,
+            },
+          ],
+          visualMap: {
+            show: false,
+            min: 0,
+            max: 50,
+            dimension: 0,
+            inRange: {
+              color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055'],
+            },
+          },
+          yAxis: {
+            axisLine: {
+              show: false,
+            },
+            axisLabel: {
+              textStyle: {
+                color: '#4a657a',
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#08263f',
+              },
+            },
+            axisTick: {
+              show: false,
+            },
+          },
+          series: [
+            {
+              name: 'back',
+              type: 'bar',
+              data: data2,
+              z: 1,
+              itemStyle: {
+                normal: {
+                  opacity: 0.4,
+                  barBorderRadius: 5,
+                  shadowBlur: 3,
+                  shadowColor: '#111',
+                },
+              },
+            },
+            {
+              name: 'Simulate Shadow',
+              type: 'line',
+              data,
+              z: 2,
+              showSymbol: false,
+              animationDelay: 0,
+              animationEasing: 'linear',
+              animationDuration: 1200,
+              lineStyle: {
+                normal: {
+                  color: 'transparent',
+                },
+              },
+              areaStyle: {
+                normal: {
+                  color: '#08263a',
+                  shadowBlur: 50,
+                  shadowColor: '#000',
+                },
+              },
+            },
+            {
+              name: 'front',
+              type: 'bar',
+              data,
+              xAxisIndex: 1,
+              z: 3,
+              itemStyle: {
+                normal: {
+                  barBorderRadius: 5,
+                },
+              },
+            },
+          ],
+          animationEasing: 'elasticOut',
+          animationEasingUpdate: 'elasticOut',
+          animationDelay(idx) {
+            return idx * 20
+          },
+          animationDelayUpdate(idx) {
+            return idx * 20
+          },
+        })
+      },
+    },
   }
-}
 </script>
diff --git a/src/components/Charts/LineMarker.vue b/src/components/Charts/LineMarker.vue
index 580176d..83dbd7c 100644
--- a/src/components/Charts/LineMarker.vue
+++ b/src/components/Charts/LineMarker.vue
@@ -1,230 +1,277 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from 'echarts'
-import {computed, nextTick, onMounted, ref, watch} from "vue";
-import {EChartsType} from "echarts/core";
-import {useStore} from "vuex";
-// 在setup中获取store
-const store = useStore()
-let props = defineProps({
+  import * as echarts from 'echarts'
+  import { computed, nextTick, onMounted, ref, watch } from 'vue'
+  import { EChartsType } from 'echarts/core'
+  import { useStore } from 'vuex'
+  // 在setup中获取store
+  const store = useStore()
+  let props = defineProps({
     className: {
       type: String,
-      default: 'chart'
+      default: 'chart',
     },
     id: {
       type: String,
-      default: 'chart'
+      default: 'chart',
     },
     width: {
       type: String,
-      default: '200px'
+      default: '200px',
     },
     height: {
       type: String,
-      default: '200px'
-    }
-})
-const isCollapse = computed(()=>{
-  return store.state.app.isCollapse
-})
+      default: '200px',
+    },
+  })
+  const isCollapse = computed(() => {
+    return store.state.app.isCollapse
+  })
 
-let chart:EChartsType;
+  let chart: EChartsType
 
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption({
-    backgroundColor: '#394056',
-    title: {
-      top: 20,
-      text: 'Requests',
-      textStyle: {
-        fontWeight: 'normal',
-        fontSize: 16,
-        color: '#F1F1F3'
-      },
-      left: '1%'
-    },
-    tooltip: {
-      trigger: 'axis',
-      axisPointer: {
-        lineStyle: {
-          color: '#57617B'
-        }
-      }
-    },
-    legend: {
-      top: 20,
-      icon: 'rect',
-      itemWidth: 14,
-      itemHeight: 5,
-      itemGap: 13,
-      data: ['CMCC', 'CTCC', 'CUCC'],
-      right: '4%',
-      textStyle: {
-        fontSize: 12,
-        color: '#F1F1F3'
-      }
-    },
-    grid: {
-      top: 100,
-      left: '2%',
-      right: '2%',
-      bottom: '2%',
-      containLabel: true
-    },
-    xAxis: [{
-      type: 'category',
-      boundaryGap: false,
-      axisLine: {
-        lineStyle: {
-          color: '#57617B'
-        }
-      },
-      data: ['13:00', '13:05', '13:10', '13:15', '13:20', '13:25', '13:30', '13:35', '13:40', '13:45', '13:50', '13:55']
-    }],
-    yAxis: [{
-      type: 'value',
-      name: '(%)',
-      axisTick: {
-        show: false
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#57617B'
-        }
-      },
-      axisLabel: {
-        margin: 10,
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption({
+      backgroundColor: '#394056',
+      title: {
+        top: 20,
+        text: 'Requests',
         textStyle: {
-          fontSize: 14
-        }
+          fontWeight: 'normal',
+          fontSize: 16,
+          color: '#F1F1F3',
+        },
+        left: '1%',
       },
-      splitLine: {
-        lineStyle: {
-          color: '#57617B'
-        }
-      }
-    }],
-    series: [{
-      name: 'CMCC',
-      type: 'line',
-      smooth: true,
-      symbol: 'circle',
-      symbolSize: 5,
-      showSymbol: false,
-      lineStyle: {
-        normal: {
-          width: 1
-        }
+      tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          lineStyle: {
+            color: '#57617B',
+          },
+        },
       },
-      areaStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-            offset: 0,
-            color: 'rgba(137, 189, 27, 0.3)'
-          }, {
-            offset: 0.8,
-            color: 'rgba(137, 189, 27, 0)'
-          }], false),
-          shadowColor: 'rgba(0, 0, 0, 0.1)',
-          shadowBlur: 10
-        }
+      legend: {
+        top: 20,
+        icon: 'rect',
+        itemWidth: 14,
+        itemHeight: 5,
+        itemGap: 13,
+        data: ['CMCC', 'CTCC', 'CUCC'],
+        right: '4%',
+        textStyle: {
+          fontSize: 12,
+          color: '#F1F1F3',
+        },
       },
-      itemStyle: {
-        normal: {
-          color: 'rgb(137,189,27)',
-          borderColor: 'rgba(137,189,2,0.27)',
-          borderWidth: 12
+      grid: {
+        top: 100,
+        left: '2%',
+        right: '2%',
+        bottom: '2%',
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: 'category',
+          boundaryGap: false,
+          axisLine: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+          data: [
+            '13:00',
+            '13:05',
+            '13:10',
+            '13:15',
+            '13:20',
+            '13:25',
+            '13:30',
+            '13:35',
+            '13:40',
+            '13:45',
+            '13:50',
+            '13:55',
+          ],
+        },
+      ],
+      yAxis: [
+        {
+          type: 'value',
+          name: '(%)',
+          axisTick: {
+            show: false,
+          },
+          axisLine: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+          axisLabel: {
+            margin: 10,
+            textStyle: {
+              fontSize: 14,
+            },
+          },
+          splitLine: {
+            lineStyle: {
+              color: '#57617B',
+            },
+          },
+        },
+      ],
+      series: [
+        {
+          name: 'CMCC',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1,
+            },
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(137, 189, 27, 0.3)',
+                  },
+                  {
+                    offset: 0.8,
+                    color: 'rgba(137, 189, 27, 0)',
+                  },
+                ],
+                false,
+              ),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10,
+            },
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(137,189,27)',
+              borderColor: 'rgba(137,189,2,0.27)',
+              borderWidth: 12,
+            },
+          },
+          data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122],
+        },
+        {
+          name: 'CTCC',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1,
+            },
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(0, 136, 212, 0.3)',
+                  },
+                  {
+                    offset: 0.8,
+                    color: 'rgba(0, 136, 212, 0)',
+                  },
+                ],
+                false,
+              ),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10,
+            },
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(0,136,212)',
+              borderColor: 'rgba(0,136,212,0.2)',
+              borderWidth: 12,
+            },
+          },
+          data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150],
+        },
+        {
+          name: 'CUCC',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1,
+            },
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(219, 50, 51, 0.3)',
+                  },
+                  {
+                    offset: 0.8,
+                    color: 'rgba(219, 50, 51, 0)',
+                  },
+                ],
+                false,
+              ),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10,
+            },
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(219,50,51)',
+              borderColor: 'rgba(219,50,51,0.2)',
+              borderWidth: 12,
+            },
+          },
+          data: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122],
+        },
+      ],
+    })
+    return chart
+  }
 
-        }
-      },
-      data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122]
-    }, {
-      name: 'CTCC',
-      type: 'line',
-      smooth: true,
-      symbol: 'circle',
-      symbolSize: 5,
-      showSymbol: false,
-      lineStyle: {
-        normal: {
-          width: 1
-        }
-      },
-      areaStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-            offset: 0,
-            color: 'rgba(0, 136, 212, 0.3)'
-          }, {
-            offset: 0.8,
-            color: 'rgba(0, 136, 212, 0)'
-          }], false),
-          shadowColor: 'rgba(0, 0, 0, 0.1)',
-          shadowBlur: 10
-        }
-      },
-      itemStyle: {
-        normal: {
-          color: 'rgb(0,136,212)',
-          borderColor: 'rgba(0,136,212,0.2)',
-          borderWidth: 12
-
-        }
-      },
-      data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150]
-    }, {
-      name: 'CUCC',
-      type: 'line',
-      smooth: true,
-      symbol: 'circle',
-      symbolSize: 5,
-      showSymbol: false,
-      lineStyle: {
-        normal: {
-          width: 1
-        }
-      },
-      areaStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-            offset: 0,
-            color: 'rgba(219, 50, 51, 0.3)'
-          }, {
-            offset: 0.8,
-            color: 'rgba(219, 50, 51, 0)'
-          }], false),
-          shadowColor: 'rgba(0, 0, 0, 0.1)',
-          shadowBlur: 10
-        }
-      },
-      itemStyle: {
-        normal: {
-          color: 'rgb(219,50,51)',
-          borderColor: 'rgba(219,50,51,0.2)',
-          borderWidth: 12
-        }
-      },
-      data: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122]
-    }]
-  })
-  return chart
-}
-
-watch(isCollapse,()=>{
-  setTimeout(()=>{
-    chart&&chart.resize()
-  },300)
-})
-
-
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  watch(isCollapse, () => {
+    setTimeout(() => {
+      chart && chart.resize()
+    }, 300)
   })
 
-})
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/components/Charts/MixChart.vue b/src/components/Charts/MixChart.vue
index 60a38e1..a366720 100644
--- a/src/components/Charts/MixChart.vue
+++ b/src/components/Charts/MixChart.vue
@@ -1,271 +1,238 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 
 <script lang="ts">
-import echarts from 'echarts'
-import resize from './mixins/resize'
+  import echarts from 'echarts'
+  import resize from './mixins/resize'
 
-export default {
-  mixins: [resize],
-  props: {
-    className: {
-      type: String,
-      default: 'chart'
+  export default {
+    mixins: [resize],
+    props: {
+      className: {
+        type: String,
+        default: 'chart',
+      },
+      id: {
+        type: String,
+        default: 'chart',
+      },
+      width: {
+        type: String,
+        default: '200px',
+      },
+      height: {
+        type: String,
+        default: '200px',
+      },
     },
-    id: {
-      type: String,
-      default: 'chart'
+    data() {
+      return {
+        chart: null,
+      }
     },
-    width: {
-      type: String,
-      default: '200px'
+    mounted() {
+      this.initChart()
     },
-    height: {
-      type: String,
-      default: '200px'
-    }
-  },
-  data() {
-    return {
-      chart: null
-    }
-  },
-  mounted() {
-    this.initChart()
-  },
-  beforeDestroy() {
-    if (!this.chart) {
-      return
-    }
-    this.chart.dispose()
-    this.chart = null
-  },
-  methods: {
-    initChart() {
-      this.chart = echarts.init(document.getElementById(this.id))
-      const xData = (function() {
-        const data = []
-        for (let i = 1; i < 13; i++) {
-          data.push(i + 'month')
-        }
-        return data
-      }())
-      this.chart.setOption({
-        backgroundColor: '#344b58',
-        title: {
-          text: 'statistics',
-          x: '20',
-          top: '20',
-          textStyle: {
-            color: '#fff',
-            fontSize: '22'
-          },
-          subtextStyle: {
-            color: '#90979c',
-            fontSize: '16'
+    beforeDestroy() {
+      if (!this.chart) {
+        return
+      }
+      this.chart.dispose()
+      this.chart = null
+    },
+    methods: {
+      initChart() {
+        this.chart = echarts.init(document.getElementById(this.id))
+        const xData = (function () {
+          const data = []
+          for (let i = 1; i < 13; i++) {
+            data.push(i + 'month')
           }
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
+          return data
+        })()
+        this.chart.setOption({
+          backgroundColor: '#344b58',
+          title: {
+            text: 'statistics',
+            x: '20',
+            top: '20',
             textStyle: {
-              color: '#fff'
-            }
-          }
-        },
-        grid: {
-          left: '5%',
-          right: '5%',
-          borderWidth: 0,
-          top: 150,
-          bottom: 95,
-          textStyle: {
-            color: '#fff'
-          }
-        },
-        legend: {
-          x: '5%',
-          top: '10%',
-          textStyle: {
-            color: '#90979c'
+              color: '#fff',
+              fontSize: '22',
+            },
+            subtextStyle: {
+              color: '#90979c',
+              fontSize: '16',
+            },
           },
-          data: ['female', 'male', 'average']
-        },
-        calculable: true,
-        xAxis: [{
-          type: 'category',
-          axisLine: {
-            lineStyle: {
-              color: '#90979c'
-            }
+          tooltip: {
+            trigger: 'axis',
+            axisPointer: {
+              textStyle: {
+                color: '#fff',
+              },
+            },
           },
-          splitLine: {
-            show: false
+          grid: {
+            left: '5%',
+            right: '5%',
+            borderWidth: 0,
+            top: 150,
+            bottom: 95,
+            textStyle: {
+              color: '#fff',
+            },
           },
-          axisTick: {
-            show: false
+          legend: {
+            x: '5%',
+            top: '10%',
+            textStyle: {
+              color: '#90979c',
+            },
+            data: ['female', 'male', 'average'],
           },
-          splitArea: {
-            show: false
-          },
-          axisLabel: {
-            interval: 0
-
-          },
-          data: xData
-        }],
-        yAxis: [{
-          type: 'value',
-          splitLine: {
-            show: false
-          },
-          axisLine: {
-            lineStyle: {
-              color: '#90979c'
-            }
-          },
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            interval: 0
-          },
-          splitArea: {
-            show: false
-          }
-        }],
-        dataZoom: [{
-          show: true,
-          height: 30,
-          xAxisIndex: [
-            0
-          ],
-          bottom: 30,
-          start: 10,
-          end: 80,
-          handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
-          handleSize: '110%',
-          handleStyle: {
-            color: '#d3dee5'
-
-          },
-          textStyle: {
-            color: '#fff' },
-          borderColor: '#90979c'
-
-        }, {
-          type: 'inside',
-          show: true,
-          height: 15,
-          start: 1,
-          end: 35
-        }],
-        series: [{
-          name: 'female',
-          type: 'bar',
-          stack: 'total',
-          barMaxWidth: 35,
-          barGap: '10%',
-          itemStyle: {
-            normal: {
-              color: 'rgba(255,144,128,1)',
-              label: {
-                show: true,
-                textStyle: {
-                  color: '#fff'
+          calculable: true,
+          xAxis: [
+            {
+              type: 'category',
+              axisLine: {
+                lineStyle: {
+                  color: '#90979c',
                 },
-                position: 'insideTop',
-                formatter(p) {
-                  return p.value > 0 ? p.value : ''
-                }
-              }
-            }
-          },
-          data: [
-            709,
-            1917,
-            2455,
-            2610,
-            1719,
-            1433,
-            1544,
-            3285,
-            5208,
-            3372,
-            2484,
-            4078
-          ]
-        },
+              },
+              splitLine: {
+                show: false,
+              },
+              axisTick: {
+                show: false,
+              },
+              splitArea: {
+                show: false,
+              },
+              axisLabel: {
+                interval: 0,
+              },
+              data: xData,
+            },
+          ],
+          yAxis: [
+            {
+              type: 'value',
+              splitLine: {
+                show: false,
+              },
+              axisLine: {
+                lineStyle: {
+                  color: '#90979c',
+                },
+              },
+              axisTick: {
+                show: false,
+              },
+              axisLabel: {
+                interval: 0,
+              },
+              splitArea: {
+                show: false,
+              },
+            },
+          ],
+          dataZoom: [
+            {
+              show: true,
+              height: 30,
+              xAxisIndex: [0],
+              bottom: 30,
+              start: 10,
+              end: 80,
+              handleIcon:
+                'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
+              handleSize: '110%',
+              handleStyle: {
+                color: '#d3dee5',
+              },
+              textStyle: {
+                color: '#fff',
+              },
+              borderColor: '#90979c',
+            },
+            {
+              type: 'inside',
+              show: true,
+              height: 15,
+              start: 1,
+              end: 35,
+            },
+          ],
+          series: [
+            {
+              name: 'female',
+              type: 'bar',
+              stack: 'total',
+              barMaxWidth: 35,
+              barGap: '10%',
+              itemStyle: {
+                normal: {
+                  color: 'rgba(255,144,128,1)',
+                  label: {
+                    show: true,
+                    textStyle: {
+                      color: '#fff',
+                    },
+                    position: 'insideTop',
+                    formatter(p) {
+                      return p.value > 0 ? p.value : ''
+                    },
+                  },
+                },
+              },
+              data: [709, 1917, 2455, 2610, 1719, 1433, 1544, 3285, 5208, 3372, 2484, 4078],
+            },
 
-        {
-          name: 'male',
-          type: 'bar',
-          stack: 'total',
-          itemStyle: {
-            normal: {
-              color: 'rgba(0,191,183,1)',
-              barBorderRadius: 0,
-              label: {
-                show: true,
-                position: 'top',
-                formatter(p) {
-                  return p.value > 0 ? p.value : ''
-                }
-              }
-            }
-          },
-          data: [
-            327,
-            1776,
-            507,
-            1200,
-            800,
-            482,
-            204,
-            1390,
-            1001,
-            951,
-            381,
-            220
-          ]
-        }, {
-          name: 'average',
-          type: 'line',
-          stack: 'total',
-          symbolSize: 10,
-          symbol: 'circle',
-          itemStyle: {
-            normal: {
-              color: 'rgba(252,230,48,1)',
-              barBorderRadius: 0,
-              label: {
-                show: true,
-                position: 'top',
-                formatter(p) {
-                  return p.value > 0 ? p.value : ''
-                }
-              }
-            }
-          },
-          data: [
-            1036,
-            3693,
-            2962,
-            3810,
-            2519,
-            1915,
-            1748,
-            4675,
-            6209,
-            4323,
-            2865,
-            4298
-          ]
-        }
-        ]
-      })
-    }
+            {
+              name: 'male',
+              type: 'bar',
+              stack: 'total',
+              itemStyle: {
+                normal: {
+                  color: 'rgba(0,191,183,1)',
+                  barBorderRadius: 0,
+                  label: {
+                    show: true,
+                    position: 'top',
+                    formatter(p) {
+                      return p.value > 0 ? p.value : ''
+                    },
+                  },
+                },
+              },
+              data: [327, 1776, 507, 1200, 800, 482, 204, 1390, 1001, 951, 381, 220],
+            },
+            {
+              name: 'average',
+              type: 'line',
+              stack: 'total',
+              symbolSize: 10,
+              symbol: 'circle',
+              itemStyle: {
+                normal: {
+                  color: 'rgba(252,230,48,1)',
+                  barBorderRadius: 0,
+                  label: {
+                    show: true,
+                    position: 'top',
+                    formatter(p) {
+                      return p.value > 0 ? p.value : ''
+                    },
+                  },
+                },
+              },
+              data: [1036, 3693, 2962, 3810, 2519, 1915, 1748, 4675, 6209, 4323, 2865, 4298],
+            },
+          ],
+        })
+      },
+    },
   }
-}
 </script>
diff --git a/src/components/Charts/mixins/resize.js b/src/components/Charts/mixins/resize.js
index 20cf1e6..0fb20a9 100644
--- a/src/components/Charts/mixins/resize.js
+++ b/src/components/Charts/mixins/resize.js
@@ -4,7 +4,7 @@ export default {
   data() {
     return {
       $_sidebarElm: null,
-      $_resizeHandler: null
+      $_resizeHandler: null,
     }
   },
   mounted() {
@@ -40,17 +40,19 @@ export default {
       window.addEventListener('resize', this.$_resizeHandler)
 
       this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+      this.$_sidebarElm &&
+        this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
     },
     destroyListener() {
       window.removeEventListener('resize', this.$_resizeHandler)
       this.$_resizeHandler = null
 
-      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+      this.$_sidebarElm &&
+        this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
     },
     resize() {
       const { chart } = this
       chart && chart.resize()
-    }
-  }
+    },
+  },
 }
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 5230910..e15f749 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+  import { ref } from 'vue'
 
-defineProps<{ msg: string }>()
+  defineProps<{ msg: string }>()
 
-const count = ref(0)
+  const count = ref(0)
 </script>
 
 <template>
@@ -19,9 +19,8 @@ const count = ref(0)
 
   <p>
     Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the
+    official Vue + Vite starter
   </p>
   <p>
     Install
@@ -32,7 +31,7 @@ const count = ref(0)
 </template>
 
 <style scoped>
-.read-the-docs {
-  color: #888;
-}
+  .read-the-docs {
+    color: #888;
+  }
 </style>
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index a404dbd..1d07333 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -5,33 +5,32 @@
 </template>
 
 <script lang="ts">
-import { computed } from "@vue/reactivity";
-export default {
-  name: "baseSvgIcon",
-  props: {
-    iconClass: { type: String },
-    className: { type: String },
-  },
-  setup(props) {
-    console.log(11111111)
-    const iconName = computed(() => {
-      return props.iconClass ? `#icon-${props.iconClass}` : "#icon";
-    });
-    const svgClass = computed(() => {
-      return props.className ? "svg-icon " + props.className : "svg-icon";
-    });
-    return { iconName, svgClass };
-  },
-};
+  import { computed } from 'vue'
+  export default {
+    name: 'baseSvgIcon',
+    props: {
+      iconClass: { type: String },
+      className: { type: String },
+    },
+    setup(props) {
+      console.log(11111111)
+      const iconName = computed(() => {
+        return props.iconClass ? `#icon-${props.iconClass}` : '#icon'
+      })
+      const svgClass = computed(() => {
+        return props.className ? 'svg-icon ' + props.className : 'svg-icon'
+      })
+      return { iconName, svgClass }
+    },
+  }
 </script>
 
 <style scoped lang="scss">
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
+  .svg-icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+  }
 </style>
-
diff --git a/src/components/pipeline/index.vue b/src/components/pipeline/index.vue
index 1130301..9717e6a 100644
--- a/src/components/pipeline/index.vue
+++ b/src/components/pipeline/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="zb-pipeline">
-    <zb-pipeline-start/>
+    <zb-pipeline-start />
   </div>
 </template>
 <script lang="ts" setup>
-import ZbPipelineStart from './zb-pipeline-start'
+  import ZbPipelineStart from './zb-pipeline-start'
 </script>
diff --git a/src/components/pipeline/zb-pipeline-start.vue b/src/components/pipeline/zb-pipeline-start.vue
index 0300e82..e24493a 100644
--- a/src/components/pipeline/zb-pipeline-start.vue
+++ b/src/components/pipeline/zb-pipeline-start.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="zb-pipeline-start-wrapper">
-    <div class="zb-pipeline-start" v-bind:class="control === value ? 'active' : ''" v-on:click="handleClick">
+    <div
+      class="zb-pipeline-start"
+      v-bind:class="control === value ? 'active' : ''"
+      v-on:click="handleClick"
+    >
       <div class="zb-pipeline-start-header">
         <zb-icon type="play-filled" />
       </div>
@@ -8,14 +12,14 @@
         <div class="zb-pipeline-start-title">开始</div>
         <div class="zb-pipeline-start-tooltip">
           <el-tooltip placement="top-start" content="点击进行构建基础设置">
-            <el-icon >
+            <el-icon>
               <Help />
             </el-icon>
           </el-tooltip>
-<!--          <zb-tooltip placement="right">-->
-<!--            <zb-icon type="help" />-->
-<!--            <div slot="content">点击进行构建基础设置</div>-->
-<!--          </zb-tooltip>-->
+          <!--          <zb-tooltip placement="right">-->
+          <!--            <zb-icon type="help" />-->
+          <!--            <div slot="content">点击进行构建基础设置</div>-->
+          <!--          </zb-tooltip>-->
         </div>
       </div>
     </div>
@@ -23,41 +27,128 @@
   </div>
 </template>
 <script lang="ts" setup>
-import {
-  Help
-} from '@element-plus/icons-vue'
+  import { Help } from '@element-plus/icons-vue'
 </script>
 <style>
-/* zb-pipeline-start-wrapper */
-.zb-pipeline-start-wrapper { position:relative; padding:0 40px; }
+  /* zb-pipeline-start-wrapper */
+  .zb-pipeline-start-wrapper {
+    position: relative;
+    padding: 0 40px;
+  }
 
-/* zb-pipeline-start */
-.zb-pipeline-start { cursor:pointer; user-select:none; position:relative; display:flex; justify-content:flex-start; align-items:stretch; width:200px; height:40px; border-radius:2px; background-color:#fff; }
-.zb-pipeline-start:after { content:""; position:absolute; top:20px; right:-40px; display:block; width:40px; height:1px; background-color:#2d8cf0; }
-.zb-pipeline-start .zb-pipeline-start-header { display:flex; justify-content:center; align-items:center; width:40px; border-width:1px 0 1px 1px; border-style:solid; border-color:#2d8cf0; border-radius:2px 0 0 2px; background-color:#2d8cf0; color:#fff; font-size:14px; font-weight:600; transition:all 0.2s cubic-bezier(0.23,1,0.32,1); }
-.zb-pipeline-start .zb-pipeline-start-body { flex:1; display:flex; border-width:1px 1px 1px 0; border-style:solid; border-color:#e3e8f0; border-radius:0 2px 2px 0; padding:0 8px; overflow:hidden; transition:all 0.2s cubic-bezier(0.23,1,0.32,1); }
-.zb-pipeline-start .zb-pipeline-start-title { flex:1; display:block; overflow:hidden; color:#262626; font-size:14px; font-weight:600; line-height:38px; white-space:nowrap; text-overflow:ellipsis; }
-.zb-pipeline-start .zb-pipeline-start-tooltip { cursor:pointer; display:flex; justify-content:center; align-items:center; margin-left:8px; }
-.zb-pipeline-start .zb-pipeline-start-tooltip .zb-tooltip { display:block; }
-.zb-pipeline-start .zb-pipeline-start-tooltip .zb-icon { display:block; color:#595959; font-size:14px; }
+  /* zb-pipeline-start */
+  .zb-pipeline-start {
+    cursor: pointer;
+    user-select: none;
+    position: relative;
+    display: flex;
+    justify-content: flex-start;
+    align-items: stretch;
+    width: 200px;
+    height: 40px;
+    border-radius: 2px;
+    background-color: #fff;
+  }
+  .zb-pipeline-start:after {
+    content: '';
+    position: absolute;
+    top: 20px;
+    right: -40px;
+    display: block;
+    width: 40px;
+    height: 1px;
+    background-color: #2d8cf0;
+  }
+  .zb-pipeline-start .zb-pipeline-start-header {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    border-width: 1px 0 1px 1px;
+    border-style: solid;
+    border-color: #2d8cf0;
+    border-radius: 2px 0 0 2px;
+    background-color: #2d8cf0;
+    color: #fff;
+    font-size: 14px;
+    font-weight: 600;
+    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
+  }
+  .zb-pipeline-start .zb-pipeline-start-body {
+    flex: 1;
+    display: flex;
+    border-width: 1px 1px 1px 0;
+    border-style: solid;
+    border-color: #e3e8f0;
+    border-radius: 0 2px 2px 0;
+    padding: 0 8px;
+    overflow: hidden;
+    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
+  }
+  .zb-pipeline-start .zb-pipeline-start-title {
+    flex: 1;
+    display: block;
+    overflow: hidden;
+    color: #262626;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 38px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .zb-pipeline-start .zb-pipeline-start-tooltip {
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 8px;
+  }
+  .zb-pipeline-start .zb-pipeline-start-tooltip .zb-tooltip {
+    display: block;
+  }
+  .zb-pipeline-start .zb-pipeline-start-tooltip .zb-icon {
+    display: block;
+    color: #595959;
+    font-size: 14px;
+  }
 
-/* zb-pipeline-start hover */
-.zb-pipeline-start:hover {  }
-.zb-pipeline-start:hover:after {  }
-.zb-pipeline-start:hover .zb-pipeline-start-header { border-color:#2d8cf0; }
-.zb-pipeline-start:hover .zb-pipeline-start-body { border-color:#2d8cf0; }
-.zb-pipeline-start:hover .zb-pipeline-start-title {  }
-.zb-pipeline-start:hover .zb-pipeline-start-tooltip {  }
-.zb-pipeline-start:hover .zb-pipeline-start-tooltip .zb-tooltip {  }
-.zb-pipeline-start:hover .zb-pipeline-start-tooltip .zb-icon {  }
+  /* zb-pipeline-start hover */
+  .zb-pipeline-start:hover {
+  }
+  .zb-pipeline-start:hover:after {
+  }
+  .zb-pipeline-start:hover .zb-pipeline-start-header {
+    border-color: #2d8cf0;
+  }
+  .zb-pipeline-start:hover .zb-pipeline-start-body {
+    border-color: #2d8cf0;
+  }
+  .zb-pipeline-start:hover .zb-pipeline-start-title {
+  }
+  .zb-pipeline-start:hover .zb-pipeline-start-tooltip {
+  }
+  .zb-pipeline-start:hover .zb-pipeline-start-tooltip .zb-tooltip {
+  }
+  .zb-pipeline-start:hover .zb-pipeline-start-tooltip .zb-icon {
+  }
 
-/* zb-pipeline-start active */
-.zb-pipeline-start.active {  }
-.zb-pipeline-start.active:after {  }
-.zb-pipeline-start.active .zb-pipeline-start-header { border-color:#2d8cf0; }
-.zb-pipeline-start.active .zb-pipeline-start-body { border-color:#2d8cf0; }
-.zb-pipeline-start.active .zb-pipeline-start-title {  }
-.zb-pipeline-start.active .zb-pipeline-start-tooltip {  }
-.zb-pipeline-start.active .zb-pipeline-start-tooltip .zb-tooltip {  }
-.zb-pipeline-start.active .zb-pipeline-start-tooltip .zb-icon {  }
+  /* zb-pipeline-start active */
+  .zb-pipeline-start.active {
+  }
+  .zb-pipeline-start.active:after {
+  }
+  .zb-pipeline-start.active .zb-pipeline-start-header {
+    border-color: #2d8cf0;
+  }
+  .zb-pipeline-start.active .zb-pipeline-start-body {
+    border-color: #2d8cf0;
+  }
+  .zb-pipeline-start.active .zb-pipeline-start-title {
+  }
+  .zb-pipeline-start.active .zb-pipeline-start-tooltip {
+  }
+  .zb-pipeline-start.active .zb-pipeline-start-tooltip .zb-tooltip {
+  }
+  .zb-pipeline-start.active .zb-pipeline-start-tooltip .zb-icon {
+  }
 </style>
diff --git a/src/components/u-Hamburger/index.vue b/src/components/u-Hamburger/index.vue
index 806125a..9a89e3a 100644
--- a/src/components/u-Hamburger/index.vue
+++ b/src/components/u-Hamburger/index.vue
@@ -1,8 +1,12 @@
 <template>
   <el-breadcrumb class="app-breadcrumb" separator="/">
     <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item,index) in obj.levelList" :key="item.path">
-        <span v-if="item.redirect==='noRedirect'||index==obj.levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
+      <el-breadcrumb-item v-for="(item, index) in obj.levelList" :key="item.path">
+        <span
+          v-if="item.redirect === 'noRedirect' || index == obj.levelList.length - 1"
+          class="no-redirect"
+          >{{ item.meta.title }}</span
+        >
         <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
       </el-breadcrumb-item>
     </transition-group>
@@ -11,21 +15,23 @@
 
 <script lang="ts" setup>
   import pathToRegexp from 'path-to-regexp'
-  import {onMounted, reactive, watch} from "vue";
-  import {useRoute} from 'vue-router'
+  import { onMounted, reactive, watch } from 'vue'
+  import { useRoute } from 'vue-router'
 
-  const obj = reactive({levelList:{}})
+  const obj = reactive({ levelList: {} })
   const route = useRoute()
 
   // 获取面包屑
-  const getBreadcrumb = ()=>{
-    let matched = route.matched.filter(item => item.meta && item.meta.title)
+  const getBreadcrumb = () => {
+    let matched = route.matched.filter((item) => item.meta && item.meta.title)
     const first = matched[0]
-    obj.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    obj.levelList = matched.filter(
+      (item) => item.meta && item.meta.title && item.meta.breadcrumb !== false,
+    )
   }
-  onMounted(()=>{
+  onMounted(() => {
     getBreadcrumb()
-    watch(route,()=>{
+    watch(route, () => {
       if (route.path.startsWith('/redirect/')) {
         return
       }
@@ -35,13 +41,13 @@
 </script>
 
 <style lang="scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-  margin-left: 10px;
-  display: inline-block;
-  font-size: 14px;
-  margin-bottom: 4px;
-  .no-redirect {
-    cursor: text;
+  .app-breadcrumb.el-breadcrumb {
+    margin-left: 10px;
+    display: inline-block;
+    font-size: 14px;
+    margin-bottom: 4px;
+    .no-redirect {
+      cursor: text;
+    }
   }
-}
 </style>
diff --git a/src/components/u-container-layout/index.vue b/src/components/u-container-layout/index.vue
index 10b1496..e9a2970 100644
--- a/src/components/u-container-layout/index.vue
+++ b/src/components/u-container-layout/index.vue
@@ -6,18 +6,16 @@
   </div>
 </template>
 
-<script lang="ts" setup>
-
-</script>
+<script lang="ts" setup></script>
 
 <style lang="scss" scoped>
-  .m-container-layout{
+  .m-container-layout {
     //margin: 20px;
     padding: 20px;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
-    .m-container-layout-inner{
+    .m-container-layout-inner {
       background: white;
       padding: 20px;
       width: 100%;
diff --git a/src/components/u-count-to/index.js b/src/components/u-count-to/index.js
index 9e3fc6f..688ff87 100644
--- a/src/components/u-count-to/index.js
+++ b/src/components/u-count-to/index.js
@@ -1,5 +1,5 @@
-import CountTo from './vue-countTo.vue';
-export default CountTo;
+import CountTo from './vue-countTo.vue'
+export default CountTo
 if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.component('count-to', CountTo);
+  window.Vue.component('count-to', CountTo)
 }
diff --git a/src/components/u-count-to/requestAnimationFrame.js b/src/components/u-count-to/requestAnimationFrame.js
index 90d0954..6b7b5c9 100644
--- a/src/components/u-count-to/requestAnimationFrame.js
+++ b/src/components/u-count-to/requestAnimationFrame.js
@@ -6,27 +6,32 @@ let cancelAnimationFrame
 
 const isServer = typeof window === 'undefined'
 if (isServer) {
-  requestAnimationFrame = function() {
+  requestAnimationFrame = function () {
     return
   }
-  cancelAnimationFrame = function() {
+  cancelAnimationFrame = function () {
     return
   }
 } else {
   requestAnimationFrame = window.requestAnimationFrame
   cancelAnimationFrame = window.cancelAnimationFrame
   let prefix
-    // 通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
+  // 通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
   for (let i = 0; i < prefixes.length; i++) {
-    if (requestAnimationFrame && cancelAnimationFrame) { break }
+    if (requestAnimationFrame && cancelAnimationFrame) {
+      break
+    }
     prefix = prefixes[i]
     requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame']
-    cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] || window[prefix + 'CancelRequestAnimationFrame']
+    cancelAnimationFrame =
+      cancelAnimationFrame ||
+      window[prefix + 'CancelAnimationFrame'] ||
+      window[prefix + 'CancelRequestAnimationFrame']
   }
 
   // 如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
   if (!requestAnimationFrame || !cancelAnimationFrame) {
-    requestAnimationFrame = function(callback) {
+    requestAnimationFrame = function (callback) {
       const currTime = new Date().getTime()
       // 为了使setTimteout的尽可能的接近每秒60帧的效果
       const timeToCall = Math.max(0, 16 - (currTime - lastTime))
@@ -37,7 +42,7 @@ if (isServer) {
       return id
     }
 
-    cancelAnimationFrame = function(id) {
+    cancelAnimationFrame = function (id) {
       window.clearTimeout(id)
     }
   }
diff --git a/src/components/u-count-to/vue-countTo.vue b/src/components/u-count-to/vue-countTo.vue
index 898d444..8045a4f 100644
--- a/src/components/u-count-to/vue-countTo.vue
+++ b/src/components/u-count-to/vue-countTo.vue
@@ -1,191 +1,202 @@
 <template>
-    <span>
-      {{displayValue}}
-    </span>
+  <span>
+    {{ displayValue }}
+  </span>
 </template>
 <script lang="ts">
-import { requestAnimationFrame, cancelAnimationFrame } from './requestAnimationFrame.js'
-export default {
-  props: {
-    startVal: {
-      type: Number,
-      required: false,
-      default: 0
+  import { requestAnimationFrame, cancelAnimationFrame } from './requestAnimationFrame.js'
+  export default {
+    props: {
+      startVal: {
+        type: Number,
+        required: false,
+        default: 0,
+      },
+      endVal: {
+        type: Number,
+        required: false,
+        default: 2017,
+      },
+      duration: {
+        type: Number,
+        required: false,
+        default: 3000,
+      },
+      autoplay: {
+        type: Boolean,
+        required: false,
+        default: true,
+      },
+      decimals: {
+        type: Number,
+        required: false,
+        default: 0,
+        validator(value) {
+          return value >= 0
+        },
+      },
+      decimal: {
+        type: String,
+        required: false,
+        default: '.',
+      },
+      separator: {
+        type: String,
+        required: false,
+        default: ',',
+      },
+      prefix: {
+        type: String,
+        required: false,
+        default: '',
+      },
+      suffix: {
+        type: String,
+        required: false,
+        default: '',
+      },
+      useEasing: {
+        type: Boolean,
+        required: false,
+        default: true,
+      },
+      easingFn: {
+        type: Function,
+        default(t, b, c, d) {
+          return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b
+        },
+      },
     },
-    endVal: {
-      type: Number,
-      required: false,
-      default: 2017
-    },
-    duration: {
-      type: Number,
-      required: false,
-      default: 3000
-    },
-    autoplay: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    decimals: {
-      type: Number,
-      required: false,
-      default: 0,
-      validator(value) {
-        return value >= 0
+    data() {
+      return {
+        localStartVal: this.startVal,
+        displayValue: this.formatNumber(this.startVal),
+        printVal: null,
+        paused: false,
+        localDuration: this.duration,
+        startTime: null,
+        timestamp: null,
+        remaining: null,
+        rAF: null,
       }
     },
-    decimal: {
-      type: String,
-      required: false,
-      default: '.'
+    computed: {
+      countDown() {
+        return this.startVal > this.endVal
+      },
     },
-    separator: {
-      type: String,
-      required: false,
-      default: ','
+    watch: {
+      startVal() {
+        if (this.autoplay) {
+          this.start()
+        }
+      },
+      endVal() {
+        if (this.autoplay) {
+          this.start()
+        }
+      },
     },
-    prefix: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    suffix: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    useEasing: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    easingFn: {
-      type: Function,
-      default(t, b, c, d) {
-        return c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
-      }
-    }
-  },
-  data() {
-    return {
-      localStartVal: this.startVal,
-      displayValue: this.formatNumber(this.startVal),
-      printVal: null,
-      paused: false,
-      localDuration: this.duration,
-      startTime: null,
-      timestamp: null,
-      remaining: null,
-      rAF: null
-    };
-  },
-  computed: {
-    countDown() {
-      return this.startVal > this.endVal
-    }
-  },
-  watch: {
-    startVal() {
+    mounted() {
       if (this.autoplay) {
-        this.start();
+        this.start()
       }
+      this.$emit('mountedCallback')
     },
-    endVal() {
-      if (this.autoplay) {
-        this.start();
-      }
-    }
-  },
-  mounted() {
-    if (this.autoplay) {
-      this.start();
-    }
-    this.$emit('mountedCallback')
-  },
-  methods: {
-    start() {
-      this.localStartVal = this.startVal;
-      this.startTime = null;
-      this.localDuration = this.duration;
-      this.paused = false;
-      this.rAF = requestAnimationFrame(this.count);
-    },
-    pauseResume() {
-      if (this.paused) {
-        this.resume();
-        this.paused = false;
-      } else {
-        this.pause();
-        this.paused = true;
-      }
-    },
-    pause() {
-      cancelAnimationFrame(this.rAF);
-    },
-    resume() {
-      this.startTime = null;
-      this.localDuration = +this.remaining;
-      this.localStartVal = +this.printVal;
-      requestAnimationFrame(this.count);
-    },
-    reset() {
-      this.startTime = null;
-      cancelAnimationFrame(this.rAF);
-      this.displayValue = this.formatNumber(this.startVal);
-    },
-    count(timestamp) {
-      if (!this.startTime) this.startTime = timestamp;
-      this.timestamp = timestamp;
-      const progress = timestamp - this.startTime;
-      this.remaining = this.localDuration - progress;
-
-      if (this.useEasing) {
-        if (this.countDown) {
-          this.printVal = this.localStartVal - this.easingFn(progress, 0, this.localStartVal - this.endVal, this.localDuration)
+    methods: {
+      start() {
+        this.localStartVal = this.startVal
+        this.startTime = null
+        this.localDuration = this.duration
+        this.paused = false
+        this.rAF = requestAnimationFrame(this.count)
+      },
+      pauseResume() {
+        if (this.paused) {
+          this.resume()
+          this.paused = false
         } else {
-          this.printVal = this.easingFn(progress, this.localStartVal, this.endVal - this.localStartVal, this.localDuration);
+          this.pause()
+          this.paused = true
         }
-      } else {
-        if (this.countDown) {
-          this.printVal = this.localStartVal - ((this.localStartVal - this.endVal) * (progress / this.localDuration));
-        } else {
-          this.printVal = this.localStartVal + (this.endVal - this.localStartVal) * (progress / this.localDuration);
-        }
-      }
-      if (this.countDown) {
-        this.printVal = this.printVal < this.endVal ? this.endVal : this.printVal;
-      } else {
-        this.printVal = this.printVal > this.endVal ? this.endVal : this.printVal;
-      }
+      },
+      pause() {
+        cancelAnimationFrame(this.rAF)
+      },
+      resume() {
+        this.startTime = null
+        this.localDuration = +this.remaining
+        this.localStartVal = +this.printVal
+        requestAnimationFrame(this.count)
+      },
+      reset() {
+        this.startTime = null
+        cancelAnimationFrame(this.rAF)
+        this.displayValue = this.formatNumber(this.startVal)
+      },
+      count(timestamp) {
+        if (!this.startTime) this.startTime = timestamp
+        this.timestamp = timestamp
+        const progress = timestamp - this.startTime
+        this.remaining = this.localDuration - progress
 
-      this.displayValue = this.formatNumber(this.printVal)
-      if (progress < this.localDuration) {
-        this.rAF = requestAnimationFrame(this.count);
-      } else {
-        this.$emit('callback');
-      }
-    },
-    isNumber(val) {
-      return !isNaN(parseFloat(val))
-    },
-    formatNumber(num) {
-      num = num.toFixed(this.decimals);
-      num += '';
-      const x = num.split('.');
-      let x1 = x[0];
-      const x2 = x.length > 1 ? this.decimal + x[1] : '';
-      const rgx = /(\d+)(\d{3})/;
-      if (this.separator && !this.isNumber(this.separator)) {
-        while (rgx.test(x1)) {
-          x1 = x1.replace(rgx, '$1' + this.separator + '$2');
+        if (this.useEasing) {
+          if (this.countDown) {
+            this.printVal =
+              this.localStartVal -
+              this.easingFn(progress, 0, this.localStartVal - this.endVal, this.localDuration)
+          } else {
+            this.printVal = this.easingFn(
+              progress,
+              this.localStartVal,
+              this.endVal - this.localStartVal,
+              this.localDuration,
+            )
+          }
+        } else {
+          if (this.countDown) {
+            this.printVal =
+              this.localStartVal -
+              (this.localStartVal - this.endVal) * (progress / this.localDuration)
+          } else {
+            this.printVal =
+              this.localStartVal +
+              (this.endVal - this.localStartVal) * (progress / this.localDuration)
+          }
         }
-      }
-      return this.prefix + x1 + x2 + this.suffix;
-    }
-  },
-  destroyed() {
-    cancelAnimationFrame(this.rAF)
+        if (this.countDown) {
+          this.printVal = this.printVal < this.endVal ? this.endVal : this.printVal
+        } else {
+          this.printVal = this.printVal > this.endVal ? this.endVal : this.printVal
+        }
+
+        this.displayValue = this.formatNumber(this.printVal)
+        if (progress < this.localDuration) {
+          this.rAF = requestAnimationFrame(this.count)
+        } else {
+          this.$emit('callback')
+        }
+      },
+      isNumber(val) {
+        return !isNaN(parseFloat(val))
+      },
+      formatNumber(num) {
+        num = num.toFixed(this.decimals)
+        num += ''
+        const x = num.split('.')
+        let x1 = x[0]
+        const x2 = x.length > 1 ? this.decimal + x[1] : ''
+        const rgx = /(\d+)(\d{3})/
+        if (this.separator && !this.isNumber(this.separator)) {
+          while (rgx.test(x1)) {
+            x1 = x1.replace(rgx, '$1' + this.separator + '$2')
+          }
+        }
+        return this.prefix + x1 + x2 + this.suffix
+      },
+    },
+    destroyed() {
+      cancelAnimationFrame(this.rAF)
+    },
   }
-};
 </script>
diff --git a/src/components/u-info/index.vue b/src/components/u-info/index.vue
index 00a37f4..bfa0395 100644
--- a/src/components/u-info/index.vue
+++ b/src/components/u-info/index.vue
@@ -1,65 +1,66 @@
 <template>
-    <div class="m-info">
-        <el-popover
-                width="200px"
-                placement="bottom"
-        >
-            <template #reference>
-                <el-badge :value="3"  class="item-info-pop">
-                    <el-icon class="bell"><Bell /></el-icon>
-                </el-badge>
-            </template>
-            <div>
-                <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-                    <el-tab-pane label="通知" name="first">
-                       <div class="item-child"> github开源地址：<el-button type="primary" link @click="toGitHub">点我</el-button></div>
-                        <div class="item-child"> github开源地址：<el-button type="primary" link @click="toGitHub">点我</el-button></div>
-                        <div class="item-child"> github开源地址：<el-button type="primary" link @click="toGitHub">点我</el-button></div>
-                    </el-tab-pane>
-                </el-tabs>
-            </div>
-        </el-popover>
-
-    </div>
-
+  <div class="m-info">
+    <el-popover width="200px" placement="bottom">
+      <template #reference>
+        <el-badge :value="3" class="item-info-pop">
+          <el-icon class="bell"><Bell /></el-icon>
+        </el-badge>
+      </template>
+      <div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+          <el-tab-pane label="通知" name="first">
+            <div class="item-child">
+              github开源地址：<el-button type="primary" link @click="toGitHub">点我</el-button></div
+            >
+            <div class="item-child">
+              github开源地址：<el-button type="primary" link @click="toGitHub">点我</el-button></div
+            >
+            <div class="item-child">
+              github开源地址：<el-button type="primary" link @click="toGitHub">点我</el-button></div
+            >
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-popover>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
-import type { TabsPaneContext } from 'element-plus'
+  import { ref } from 'vue'
+  import type { TabsPaneContext } from 'element-plus'
 
-const activeName = ref('first')
-const toGitHub = () => {
-  window.open('https://github.com/zouzhibin/vue-admin-perfect')
-}
-const handleClick = (tab: TabsPaneContext, event: Event) => {
-  console.log(tab, event)
-}
+  const activeName = ref('first')
+  const toGitHub = () => {
+    window.open('https://github.com/zouzhibin/vue-admin-perfect')
+  }
+  const handleClick = (tab: TabsPaneContext, event: Event) => {
+    console.log(tab, event)
+  }
 </script>
 
 <style lang="scss" scoped>
-.m-info{
+  .m-info {
     width: 40px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    transition: all .3s;
-    .item-info-pop{
+    transition: all 0.3s;
+    .item-info-pop {
       //  width:100% ;
       //height: 100%;
       display: flex;
       align-items: center;
     }
-    .item-child{
-        display: flex;
-        align-items: center;
-        font-size: 13px;
+    .item-child {
+      display: flex;
+      align-items: center;
+      font-size: 13px;
+    }
+  }
+  .transverseMenu {
+    .bell {
+      color: white;
     }
-}
-.transverseMenu{
-  .bell{
-    color: white;
   }
-}
 </style>
diff --git a/src/components/u-mavonEditor/index.vue b/src/components/u-mavonEditor/index.vue
index 08a64de..306ab30 100644
--- a/src/components/u-mavonEditor/index.vue
+++ b/src/components/u-mavonEditor/index.vue
@@ -1,7 +1,3 @@
-<template>
+<template> </template>
 
-</template>
-
-<script lang="ts">
-
-</script>
+<script lang="ts"></script>
diff --git a/src/components/u-rightClickMenu/index.vue b/src/components/u-rightClickMenu/index.vue
index 5897298..7aa4a16 100644
--- a/src/components/u-rightClickMenu/index.vue
+++ b/src/components/u-rightClickMenu/index.vue
@@ -1,91 +1,94 @@
 <template>
   <div class="g-right-click-menu" :style="style" v-if="isShow" ref="rightMenu">
     <div
-        v-for="item,index in data"
-        :key="index"
-        class="operating" @click.stop="operatingRightAction($event,item)">{{item.label}}</div>
+      v-for="(item, index) in data"
+      :key="index"
+      class="operating"
+      @click.stop="operatingRightAction($event, item)"
+      >{{ item.label }}</div
+    >
   </div>
 </template>
 <script lang="ts">
-export default {
-  props: {
-    data:{
-      type:Array,
-      default:()=>[]
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: () => [],
+      },
+      left: {
+        type: Number,
+        default: 0,
+      },
+      type: {
+        type: Number,
+        default: 1,
+      },
+      dataInfo: {
+        type: Object,
+        default: () => {},
+      },
+      top: {
+        type: Number,
+        default: 0,
+      },
+      isViewInfo: {
+        type: Boolean,
+        default: true,
+      },
     },
-    left: {
-      type: Number,
-      default: 0
+    watch: {
+      left: {
+        handler(newName, oldName) {
+          if (newName) {
+            this.isShow = true
+          }
+        },
+        // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
+        // immediate: true
+      },
     },
-    type: {
-      type: Number,
-      default: 1
-    },
-    dataInfo: {
-      type: Object,
-      default: () => {}
-    },
-    top: {
-      type: Number,
-      default: 0
-    },
-    isViewInfo: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    left: {
-      handler (newName, oldName) {
-        if (newName) {
-          this.isShow = true
+    computed: {
+      style() {
+        let clientHeight = document.body.clientHeight
+        let y = this.top
+        if (clientHeight - y < 100) {
+          return `left:${this.left}px;bottom:${clientHeight - y}px`
+        } else {
+          return `left:${this.left}px;top:${this.top}px`
         }
+      },
+    },
+    data() {
+      return {
+        isShow: false,
       }
-      // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
-      // immediate: true
-    }
-  },
-  computed: {
-    style () {
-      let clientHeight = document.body.clientHeight
-      let y = this.top
-      if (clientHeight - y < 100) {
-        return `left:${this.left}px;bottom:${clientHeight - y}px`
-      } else {
-        return `left:${this.left}px;top:${this.top}px`
-      }
-    }
-  },
-  data () {
-    return {
-      isShow: false
-    }
-  },
-  methods: {
-    /**
+    },
+    methods: {
+      /**
        * @func 点击操作
        * @param val 1、置顶/取消置顶 2、开启/关闭免打扰 3、开启/关闭星标 4、删除会话
        */
-    operatingRightAction ($event, val) {
-      this.$emit('ok', $event, val)
-      this.isShow = false
-    }
-  },
-  mounted () {
-    let _self = this
-    window.addEventListener('click', function () {
-      _self.isShow = false
-    })
-    window.addEventListener('mousedown', function (e) {
-      if (e.which === 3) {
+      operatingRightAction($event, val) {
+        this.$emit('ok', $event, val)
+        this.isShow = false
+      },
+    },
+    mounted() {
+      let _self = this
+      window.addEventListener('click', function () {
         _self.isShow = false
-      }
-    })
+      })
+      window.addEventListener('mousedown', function (e) {
+        if (e.which === 3) {
+          _self.isShow = false
+        }
+      })
+    },
   }
-}
 </script>
 <style lang="scss" scoped>
-.g-right-click-menu {
+  .g-right-click-menu {
     left: 0;
     background: white;
     width: 148px;
@@ -94,19 +97,19 @@ export default {
     //border: 1px solid #c4c4c4;
     z-index: 9;
     //box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
-  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
     .operating {
-        font-size: 12px;
-        padding-left: 23px;
-        cursor: pointer;
-        line-height: 27px;
+      font-size: 12px;
+      padding-left: 23px;
+      cursor: pointer;
+      line-height: 27px;
     }
     .operating:hover {
-        background: #e2e2e2;
+      background: #e2e2e2;
     }
 
     .last-delete {
-        border-top: 1px solid #ededed;
+      border-top: 1px solid #ededed;
     }
-}
+  }
 </style>
diff --git a/src/components/u-screenfull/index.js b/src/components/u-screenfull/index.js
index e1ae5b6..a9e3d14 100644
--- a/src/components/u-screenfull/index.js
+++ b/src/components/u-screenfull/index.js
@@ -1,157 +1,154 @@
 /* eslint-disable promise/prefer-await-to-then */
 
 const methodMap = [
-	[
-		'requestFullscreen',
-		'exitFullscreen',
-		'fullscreenElement',
-		'fullscreenEnabled',
-		'fullscreenchange',
-		'fullscreenerror',
-	],
-	// New WebKit
-	[
-		'webkitRequestFullscreen',
-		'webkitExitFullscreen',
-		'webkitFullscreenElement',
-		'webkitFullscreenEnabled',
-		'webkitfullscreenchange',
-		'webkitfullscreenerror',
-
-	],
-	// Old WebKit
-	[
-		'webkitRequestFullScreen',
-		'webkitCancelFullScreen',
-		'webkitCurrentFullScreenElement',
-		'webkitCancelFullScreen',
-		'webkitfullscreenchange',
-		'webkitfullscreenerror',
-
-	],
-	[
-		'mozRequestFullScreen',
-		'mozCancelFullScreen',
-		'mozFullScreenElement',
-		'mozFullScreenEnabled',
-		'mozfullscreenchange',
-		'mozfullscreenerror',
-	],
-	[
-		'msRequestFullscreen',
-		'msExitFullscreen',
-		'msFullscreenElement',
-		'msFullscreenEnabled',
-		'MSFullscreenChange',
-		'MSFullscreenError',
-	],
-];
+  [
+    'requestFullscreen',
+    'exitFullscreen',
+    'fullscreenElement',
+    'fullscreenEnabled',
+    'fullscreenchange',
+    'fullscreenerror',
+  ],
+  // New WebKit
+  [
+    'webkitRequestFullscreen',
+    'webkitExitFullscreen',
+    'webkitFullscreenElement',
+    'webkitFullscreenEnabled',
+    'webkitfullscreenchange',
+    'webkitfullscreenerror',
+  ],
+  // Old WebKit
+  [
+    'webkitRequestFullScreen',
+    'webkitCancelFullScreen',
+    'webkitCurrentFullScreenElement',
+    'webkitCancelFullScreen',
+    'webkitfullscreenchange',
+    'webkitfullscreenerror',
+  ],
+  [
+    'mozRequestFullScreen',
+    'mozCancelFullScreen',
+    'mozFullScreenElement',
+    'mozFullScreenEnabled',
+    'mozfullscreenchange',
+    'mozfullscreenerror',
+  ],
+  [
+    'msRequestFullscreen',
+    'msExitFullscreen',
+    'msFullscreenElement',
+    'msFullscreenEnabled',
+    'MSFullscreenChange',
+    'MSFullscreenError',
+  ],
+]
 
 const nativeAPI = (() => {
-	const unprefixedMethods = methodMap[0];
-	const returnValue = {};
+  const unprefixedMethods = methodMap[0]
+  const returnValue = {}
 
-	for (const methodList of methodMap) {
-		const exitFullscreenMethod = methodList?.[1];
-		if (exitFullscreenMethod in document) {
-			for (const [index, method] of methodList.entries()) {
-				returnValue[unprefixedMethods[index]] = method;
-			}
+  for (const methodList of methodMap) {
+    const exitFullscreenMethod = methodList?.[1]
+    if (exitFullscreenMethod in document) {
+      for (const [index, method] of methodList.entries()) {
+        returnValue[unprefixedMethods[index]] = method
+      }
 
-			return returnValue;
-		}
-	}
+      return returnValue
+    }
+  }
 
-	return false;
-})();
+  return false
+})()
 
 const eventNameMap = {
-	change: nativeAPI.fullscreenchange,
-	error: nativeAPI.fullscreenerror,
-};
+  change: nativeAPI.fullscreenchange,
+  error: nativeAPI.fullscreenerror,
+}
 
 // eslint-disable-next-line import/no-mutable-exports
 let screenfull = {
-	// eslint-disable-next-line default-param-last
-	request(element = document.documentElement, options) {
-		return new Promise((resolve, reject) => {
-			const onFullScreenEntered = () => {
-				screenfull.off('change', onFullScreenEntered);
-				resolve();
-			};
+  // eslint-disable-next-line default-param-last
+  request(element = document.documentElement, options) {
+    return new Promise((resolve, reject) => {
+      const onFullScreenEntered = () => {
+        screenfull.off('change', onFullScreenEntered)
+        resolve()
+      }
 
-			screenfull.on('change', onFullScreenEntered);
+      screenfull.on('change', onFullScreenEntered)
 
-			const returnPromise = element[nativeAPI.requestFullscreen](options);
+      const returnPromise = element[nativeAPI.requestFullscreen](options)
 
-			if (returnPromise instanceof Promise) {
-				returnPromise.then(onFullScreenEntered).catch(reject);
-			}
-		});
-	},
-	exit() {
-		return new Promise((resolve, reject) => {
-			if (!screenfull.isFullscreen) {
-				resolve();
-				return;
-			}
+      if (returnPromise instanceof Promise) {
+        returnPromise.then(onFullScreenEntered).catch(reject)
+      }
+    })
+  },
+  exit() {
+    return new Promise((resolve, reject) => {
+      if (!screenfull.isFullscreen) {
+        resolve()
+        return
+      }
 
-			const onFullScreenExit = () => {
-				screenfull.off('change', onFullScreenExit);
-				resolve();
-			};
+      const onFullScreenExit = () => {
+        screenfull.off('change', onFullScreenExit)
+        resolve()
+      }
 
-			screenfull.on('change', onFullScreenExit);
+      screenfull.on('change', onFullScreenExit)
 
-			const returnPromise = document[nativeAPI.exitFullscreen]();
+      const returnPromise = document[nativeAPI.exitFullscreen]()
 
-			if (returnPromise instanceof Promise) {
-				returnPromise.then(onFullScreenExit).catch(reject);
-			}
-		});
-	},
-	toggle(element, options) {
-		return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options);
-	},
-	onchange(callback) {
-		screenfull.on('change', callback);
-	},
-	onerror(callback) {
-		screenfull.on('error', callback);
-	},
-	on(event, callback) {
-		const eventName = eventNameMap[event];
-		if (eventName) {
-			document.addEventListener(eventName, callback, false);
-		}
-	},
-	off(event, callback) {
-		const eventName = eventNameMap[event];
-		if (eventName) {
-			document.removeEventListener(eventName, callback, false);
-		}
-	},
-	raw: nativeAPI,
-};
-
-Object.defineProperties(screenfull, {
-	isFullscreen: {
-		get: () => Boolean(document[nativeAPI.fullscreenElement]),
-	},
-	element: {
-		enumerable: true,
-		get: () => document[nativeAPI.fullscreenElement] ?? undefined,
-	},
-	isEnabled: {
-		enumerable: true,
-		// Coerce to boolean in case of old WebKit.
-		get: () => Boolean(document[nativeAPI.fullscreenEnabled]),
-	},
-});
-
-if (!nativeAPI) {
-	screenfull = {isEnabled: false};
+      if (returnPromise instanceof Promise) {
+        returnPromise.then(onFullScreenExit).catch(reject)
+      }
+    })
+  },
+  toggle(element, options) {
+    return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options)
+  },
+  onchange(callback) {
+    screenfull.on('change', callback)
+  },
+  onerror(callback) {
+    screenfull.on('error', callback)
+  },
+  on(event, callback) {
+    const eventName = eventNameMap[event]
+    if (eventName) {
+      document.addEventListener(eventName, callback, false)
+    }
+  },
+  off(event, callback) {
+    const eventName = eventNameMap[event]
+    if (eventName) {
+      document.removeEventListener(eventName, callback, false)
+    }
+  },
+  raw: nativeAPI,
 }
 
+Object.defineProperties(screenfull, {
+  isFullscreen: {
+    get: () => Boolean(document[nativeAPI.fullscreenElement]),
+  },
+  element: {
+    enumerable: true,
+    get: () => document[nativeAPI.fullscreenElement] ?? undefined,
+  },
+  isEnabled: {
+    enumerable: true,
+    // Coerce to boolean in case of old WebKit.
+    get: () => Boolean(document[nativeAPI.fullscreenEnabled]),
+  },
+})
 
-export default screenfull;
+if (!nativeAPI) {
+  screenfull = { isEnabled: false }
+}
+
+export default screenfull
diff --git a/src/components/u-screenfull/index.vue b/src/components/u-screenfull/index.vue
index eb345c4..727e647 100644
--- a/src/components/u-screenfull/index.vue
+++ b/src/components/u-screenfull/index.vue
@@ -1,66 +1,67 @@
 <template>
   <div class="m-screenful">
     <el-icon
-        class="full-screen"
-            title="全屏"
-            @click.stop="click"
-            style="margin-right: 10px;cursor: pointer" ><full-screen /></el-icon>
+      class="full-screen"
+      title="全屏"
+      @click.stop="click"
+      style="margin-right: 10px; cursor: pointer"
+      ><full-screen
+    /></el-icon>
   </div>
 </template>
 
 <script lang="ts" setup>
   import screenfull from './index'
   import { ElMessage } from 'element-plus'
-  import {onBeforeUnmount, onMounted, ref} from "vue";
-
+  import { onBeforeUnmount, onMounted, ref } from 'vue'
 
   let isFullscreen = ref(false)
-  const click = ()=>{
+  const click = () => {
     if (!screenfull.isEnabled) {
       ElMessage({
         message: '你的浏览器不支持',
-        type: 'warning'
+        type: 'warning',
       })
       return false
     }
     screenfull.toggle()
   }
-  const change = ()=>{
+  const change = () => {
     isFullscreen.value = screenfull.isFullscreen
   }
 
-  const init = ()=>{
+  const init = () => {
     if (screenfull.isEnabled) {
       screenfull.on('change', change)
     }
   }
 
-  const destroy = ()=>{
+  const destroy = () => {
     if (screenfull.isEnabled) {
       screenfull.off('change', change)
     }
   }
 
-  onMounted(()=>{
+  onMounted(() => {
     init()
   })
 
-  onBeforeUnmount(()=>{
+  onBeforeUnmount(() => {
     destroy()
   })
 </script>
 
 <style lang="scss" scoped>
-  .m-screenful{
+  .m-screenful {
     width: 40px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    transition: all .3s;
+    transition: all 0.3s;
   }
-  .transverseMenu{
-    .full-screen{
+  .transverseMenu {
+    .full-screen {
       color: white;
     }
   }
diff --git a/src/components/u-setting/index.vue b/src/components/u-setting/index.vue
index f15b243..e967a6f 100644
--- a/src/components/u-setting/index.vue
+++ b/src/components/u-setting/index.vue
@@ -1,126 +1,126 @@
 <template>
-    <div>
-        <div class="m-setting-fix">
-            <div class="item">
-                <div class="item-child" @click="operator(1)">
-                    <el-icon size="30" color="#3698fd" style="margin-bottom: 8px"><brush /></el-icon>
-                    主题配置
-                </div>
-                <div class="item-child item-child2" @click="operator(2)">
-                    <el-icon size="30"
-                             color="#3698fd"
-                             style="margin-bottom: 8px"><Link /></el-icon>
-                    源码拷贝
-                </div>
-            </div>
+  <div>
+    <div class="m-setting-fix">
+      <div class="item">
+        <div class="item-child" @click="operator(1)">
+          <el-icon size="30" color="#3698fd" style="margin-bottom: 8px"><brush /></el-icon>
+          主题配置
         </div>
-        <el-drawer v-model="drawer" title="主题配置" size="300px">
-            <div class="drawer-item">
-                <label>布局</label>
-                <el-select v-model="layout"  placeholder="请选择" style="width: 150px" @change="(val)=>changeSwitch(val,2)">
-                    <el-option label="纵向" value="vertical"></el-option>
-                    <el-option label="横向" value="horizontal"></el-option>
-                </el-select>
-            </div>
-            <div class="drawer-item">
-                <label>标签</label>
-                <el-switch v-model="tag" @change="(val)=>changeSwitch(val,1)"/>
-            </div>
-        </el-drawer>
+        <div class="item-child item-child2" @click="operator(2)">
+          <el-icon size="30" color="#3698fd" style="margin-bottom: 8px"><Link /></el-icon>
+          源码拷贝
+        </div>
+      </div>
     </div>
+    <el-drawer v-model="drawer" title="主题配置" size="300px">
+      <div class="drawer-item">
+        <label>布局</label>
+        <el-select
+          v-model="layout"
+          placeholder="请选择"
+          style="width: 150px"
+          @change="(val) => changeSwitch(val, 2)"
+        >
+          <el-option label="纵向" value="vertical"></el-option>
+          <el-option label="横向" value="horizontal"></el-option>
+        </el-select>
+      </div>
+      <div class="drawer-item">
+        <label>标签</label>
+        <el-switch v-model="tag" @change="(val) => changeSwitch(val, 1)" />
+      </div>
+    </el-drawer>
+  </div>
 </template>
 
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    const drawer = ref(false)
-    const tag = ref(true)
-    const layout = ref('vertical')
-    import {useStore} from "vuex";
+  import { ref } from 'vue'
+  const drawer = ref(false)
+  const tag = ref(true)
+  const layout = ref('vertical')
+  import { useStore } from 'vuex'
 
-    const store = useStore()
-    const operator = (type)=>{
-        switch (type) {
-            case 1:
-                drawer.value = true
-                return
-            case 2:
-                window.open('https://github.com/zouzhibin/vue-admin-perfect')
-                return
-        }
+  const store = useStore()
+  const operator = (type) => {
+    switch (type) {
+      case 1:
+        drawer.value = true
+        return
+      case 2:
+        window.open('https://github.com/zouzhibin/vue-admin-perfect')
+        return
     }
+  }
 
-
-    const changeSwitch =(val,type)=>{
-        switch (type) {
-            // 是否显示tag
-            case 1:
-                store.dispatch('setting/setTag',val)
-                return
-            case 2:
-                store.dispatch('setting/setMode',val)
-                return
-        }
+  const changeSwitch = (val, type) => {
+    switch (type) {
+      // 是否显示tag
+      case 1:
+        store.dispatch('setting/setTag', val)
+        return
+      case 2:
+        store.dispatch('setting/setMode', val)
+        return
     }
-
+  }
 </script>
 
-
 <style lang="scss" scoped>
-.m-setting-fix{
+  .m-setting-fix {
     position: fixed;
-        top: 50%;
-        right: 0;
-        z-index: 1997;
-        padding: 10px 0 0 0;
-        margin: 0;
-        text-align: center;
-        cursor: pointer;
-        background: #fff;
-        border: 1px solid #dcdfe6;
-        border-top-left-radius: 5.5px;
-        border-bottom-left-radius: 5.5px;
-        box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
-        transform: translateY(-50%);
-        .item{
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            justify-content: center;
-            padding: 0 8px 10px 10px;
-            margin: 0;
-            list-style: none;
-        }
-    .item-child{
-        color: #3698fd;
-        width: 60px;
-        height: 60px;
-        /*padding-top: 10px;*/
-        text-align: center;
-        display: flex;
-        flex-direction: column;
-        background: #f6f8f9;
-        align-items: center;
-        justify-content: center;
-        border-radius: 5.5px;
-        font-size: 12px;
-        background: #ebf5ff;
-        transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
+    top: 50%;
+    right: 0;
+    z-index: 1997;
+    padding: 10px 0 0 0;
+    margin: 0;
+    text-align: center;
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid #dcdfe6;
+    border-top-left-radius: 5.5px;
+    border-bottom-left-radius: 5.5px;
+    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
+    transform: translateY(-50%);
+    .item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
 
+      justify-content: center;
+      padding: 0 8px 10px 10px;
+      margin: 0;
+      list-style: none;
     }
-    .item-child2{
-        margin-top: 10px;
-        color: #b37feb;
-        background: #f7f2fd;
-        transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
+    .item-child {
+      color: #3698fd;
+      width: 60px;
+      height: 60px;
+      /*padding-top: 10px;*/
+      text-align: center;
+      display: flex;
+      flex-direction: column;
+      background: #f6f8f9;
+      align-items: center;
+      justify-content: center;
+      border-radius: 5.5px;
+      font-size: 12px;
+      background: #ebf5ff;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease,
+        box-shadow 0.15s ease;
     }
-
-}
-.drawer-item{
+    .item-child2 {
+      margin-top: 10px;
+      color: #b37feb;
+      background: #f7f2fd;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease,
+        box-shadow 0.15s ease;
+    }
+  }
+  .drawer-item {
     width: 100%;
     display: flex;
     margin-bottom: 15px;
     align-items: center;
     justify-content: space-between;
-}
-</style>
\ No newline at end of file
+  }
+</style>
diff --git a/src/components/u-upload/index.vue b/src/components/u-upload/index.vue
index f654d6b..13435d5 100644
--- a/src/components/u-upload/index.vue
+++ b/src/components/u-upload/index.vue
@@ -1,86 +1,88 @@
 <template>
-    <el-upload
-            action=""
-            :before-upload="beforeUploadAction"
-            :list-type="listType"
-            :multiple="multiple"
-            :on-preview="handlePictureCardPreview"
-            :on-remove="handleRemove"
-            :file-list="fileList"
-    >
-        <el-icon><Plus /></el-icon>
-    </el-upload>
+  <el-upload
+    action=""
+    :before-upload="beforeUploadAction"
+    :list-type="listType"
+    :multiple="multiple"
+    :on-preview="handlePictureCardPreview"
+    :on-remove="handleRemove"
+    :file-list="fileList"
+  >
+    <el-icon><Plus /></el-icon>
+  </el-upload>
 
-    <el-dialog v-model="dialogVisible" width="50%" top="80px">
-        <img w-full :src="dialogImageUrl" alt="预览图片" style="width: 100%"/>
-    </el-dialog>
+  <el-dialog v-model="dialogVisible" width="50%" top="80px">
+    <img w-full :src="dialogImageUrl" alt="预览图片" style="width: 100%" />
+  </el-dialog>
 </template>
 
 <script lang="ts" setup>
-    import {onMounted, ref, watch} from 'vue'
-    import { Plus } from '@element-plus/icons-vue'
+  import { onMounted, ref, watch } from 'vue'
+  import { Plus } from '@element-plus/icons-vue'
 
-    import type { UploadProps, UploadUserFile } from 'element-plus'
-    import {ElMessage} from "element-plus";
-    let emit = defineEmits(['update'])
-    let props = defineProps({
-        modelValue:Array,
-        multiple:{
-            type:Boolean,
-            default:true
-        },
-        listType:{
-            type:String,
-            default:'picture-card'
-        },
-        showFileList:{
-            type:Boolean,
-            default:true
+  import type { UploadProps, UploadUserFile } from 'element-plus'
+  import { ElMessage } from 'element-plus'
+  let emit = defineEmits(['update'])
+  let props = defineProps({
+    modelValue: Array,
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    listType: {
+      type: String,
+      default: 'picture-card',
+    },
+    showFileList: {
+      type: Boolean,
+      default: true,
+    },
+  })
+  let fileList = ref([])
+
+  const dialogImageUrl = ref('')
+  const dialogVisible = ref(false)
+
+  const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
+    console.log(uploadFile, uploadFiles)
+  }
+
+  const beforeUploadAction = (file, fileLi) => {
+    return new Promise((resolve, reject) => {
+      var reader = new FileReader()
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
+      reader.readAsDataURL(file)
+      let name = file.name
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
+          fileList.value.push({
+            name: name,
+            url: e.target.result,
+          })
+          emit('update', fileList.value)
+          resolve(e.target.result)
         }
+      } else {
+        ElMessage.error('请上传图片')
+        reject()
+      }
     })
-    let fileList = ref([
+  }
 
-    ])
+  const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => {
+    dialogImageUrl.value = uploadFile.url!
+    dialogVisible.value = true
+  }
 
-    const dialogImageUrl = ref('')
-    const dialogVisible = ref(false)
-
-    const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
-        console.log(uploadFile, uploadFiles)
-    }
-
-    const beforeUploadAction = (file, fileLi)=>{
-        return new Promise((resolve, reject) => {
-            var reader = new FileReader()
-            let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
-            reader.readAsDataURL(file)
-            let name = file.name
-            if(reg.test(name)){
-                reader.onload = (e:FileReader)=>{
-                    fileList.value.push({
-                        name:name,
-                        url:e.target.result
-                    })
-                    emit('update',fileList.value)
-                    resolve(e.target.result)
-                }
-            }else{
-                ElMessage.error('请上传图片')
-                reject()
-            }
-        })
-    }
-
-    const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => {
-        dialogImageUrl.value = uploadFile.url!
-        dialogVisible.value = true
-    }
-
-    onMounted(()=>{
-        watch(()=>props.modelValue,(value)=>{
-            fileList.value = value
-        },{
-            immediate:true
-        })
-    })
+  onMounted(() => {
+    watch(
+      () => props.modelValue,
+      (value) => {
+        fileList.value = value
+      },
+      {
+        immediate: true,
+      },
+    )
+  })
 </script>
diff --git a/src/components/u-wangEdior/index.vue b/src/components/u-wangEdior/index.vue
index af8df04..30689ae 100644
--- a/src/components/u-wangEdior/index.vue
+++ b/src/components/u-wangEdior/index.vue
@@ -4,45 +4,44 @@
   </div>
 </template>
 <script lang="ts" setup>
-// 引入 wangEditor
-import wangEditor from 'wangeditor'
-import {onBeforeUnmount, onMounted, watch} from "vue";
-let editors = null
+  // 引入 wangEditor
+  import wangEditor from 'wangeditor'
+  import { onBeforeUnmount, onMounted, watch } from 'vue'
+  let editors = null
 
-let emit = defineEmits(['update:modelValue'])
-let props = defineProps({
-  modelValue:String
-})
-
-
-const getEditorData = () =>{
-  // 通过代码获取编辑器内容
-  let data = editors.txt.html()
-  alert(data)
-}
-
-onMounted(()=>{
-  watch(()=>props.modelValue,(value)=>{
-    editors.txt.html(value)
+  let emit = defineEmits(['update:modelValue'])
+  let props = defineProps({
+    modelValue: String,
   })
-  const editor = new wangEditor(`#wangEditor`)
-  // 配置 onchange 回调函数，将数据同步到 vue 中
-  editor.config.onchange = (newHtml) => {
-    emit('update:modelValue',newHtml)
+
+  const getEditorData = () => {
+    // 通过代码获取编辑器内容
+    let data = editors.txt.html()
+    alert(data)
   }
-  // 创建编辑器
-  editor.create()
 
-  editors = editor
-})
+  onMounted(() => {
+    watch(
+      () => props.modelValue,
+      (value) => {
+        editors.txt.html(value)
+      },
+    )
+    const editor = new wangEditor(`#wangEditor`)
+    // 配置 onchange 回调函数，将数据同步到 vue 中
+    editor.config.onchange = (newHtml) => {
+      emit('update:modelValue', newHtml)
+    }
+    // 创建编辑器
+    editor.create()
 
-onBeforeUnmount(()=>{
-  // 调用销毁 API 对当前编辑器实例进行销毁
-  editors.destroy()
-  editors = null
-})
+    editors = editor
+  })
 
+  onBeforeUnmount(() => {
+    // 调用销毁 API 对当前编辑器实例进行销毁
+    editors.destroy()
+    editors = null
+  })
 </script>
-<style>
-
-</style>
+<style></style>
diff --git a/src/icons/index.js b/src/icons/index.js
index 25991d0..75fce51 100644
--- a/src/icons/index.js
+++ b/src/icons/index.js
@@ -1,11 +1,11 @@
 import Vue from 'vue'
-import SvgIcon from '@/components/SvgIcon'// svg component
+import SvgIcon from '@/components/SvgIcon' // svg component
 console.log(11111111)
 
 // const req = require.context('./svg', false, /\.svg$/)
 const req = import.meta.globEager('./svg/*.svg')
-consoole.log('req',req)
-const requireAll = requireContext => requireContext.keys().map(requireContext)
+consoole.log('req', req)
+const requireAll = (requireContext) => requireContext.keys().map(requireContext)
 requireAll(req)
 
 export default SvgIcon
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 6d7e2d4..8982cb3 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,34 +1,34 @@
 <template>
-  <section class="app-main"  v-if="isReload">
-        <router-view v-slot="{ Component,route }">
-          <transition name="fade-slide" mode="out-in" appear>
-            <keep-alive v-if="route.meta&&route.meta.keepAlive">
-              <component :is="Component" :key="route.path" />
-            </keep-alive>
-            <component :is="Component" :key="route.path" v-else/>
-          </transition>
-        </router-view>
-      <u-setting/>
+  <section class="app-main" v-if="isReload">
+    <router-view v-slot="{ Component, route }">
+      <transition name="fade-slide" mode="out-in" appear>
+        <keep-alive v-if="route.meta && route.meta.keepAlive">
+          <component :is="Component" :key="route.path" />
+        </keep-alive>
+        <component :is="Component" :key="route.path" v-else />
+      </transition>
+    </router-view>
+    <u-setting />
   </section>
 </template>
 
 <script lang="ts" setup>
-import USetting from '@/components/u-setting/index.vue'
-import { useStore } from 'vuex'
-import { computed, ref } from 'vue'
-const store = useStore()
+  import USetting from '@/components/u-setting/index.vue'
+  import { useStore } from 'vuex'
+  import { computed, ref } from 'vue'
+  const store = useStore()
 
-const cachedViews = computed(() => {
-  return store.state.tagsView.cachedViews
-})
+  const cachedViews = computed(() => {
+    return store.state.tagsView.cachedViews
+  })
 
-const isReload = computed(() => {
-  return store.state.app.isReload
-})
+  const isReload = computed(() => {
+    return store.state.app.isReload
+  })
 </script>
 
 <style lang="scss" scoped>
-  .app-main{
+  .app-main {
     //padding: 20px;
     /*padding-top: 110px;*/
     //min-height: 100%;
diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
index 69f1f56..7673683 100644
--- a/src/layout/components/Sidebar/Link.vue
+++ b/src/layout/components/Sidebar/Link.vue
@@ -5,45 +5,45 @@
 </template>
 
 <script lang="ts">
-import { isExternal } from '@/utils/validate.js'
+  import { isExternal } from '@/utils/validate.js'
 
-export default {
-  props: {
-    to: {
-      type: String,
-      required: true
-    }
-  },
-  computed: {
-    isExternal() {
-      return isExternal(this.to)
+  export default {
+    props: {
+      to: {
+        type: String,
+        required: true,
+      },
     },
-    type() {
-      if (this.isExternal) {
-        return 'a'
-      }
-      return 'router-link'
-    }
-  },
-  methods: {
-    linkProps(to) {
-      if (this.isExternal) {
-        return {
-          href: to,
-          target: '_blank',
-          rel: 'noopener'
+    computed: {
+      isExternal() {
+        return isExternal(this.to)
+      },
+      type() {
+        if (this.isExternal) {
+          return 'a'
         }
-      }
-      return {
-        to: to
-      }
-    }
+        return 'router-link'
+      },
+    },
+    methods: {
+      linkProps(to) {
+        if (this.isExternal) {
+          return {
+            href: to,
+            target: '_blank',
+            rel: 'noopener',
+          }
+        }
+        return {
+          to: to,
+        }
+      },
+    },
   }
-}
 </script>
 
 <style lang="scss" scoped>
-a{
-  text-decoration: none;
-}
+  a {
+    text-decoration: none;
+  }
 </style>
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 591b168..45361a7 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -1,78 +1,77 @@
 <template>
-  <div class="sidebar-logo-container" :class="{'collapse':isCollapse}">
+  <div class="sidebar-logo-container" :class="{ collapse: isCollapse }">
     <transition name="sidebarLogoFade">
       <router-link v-if="isCollapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <img v-if="logo" :src="logo" class="sidebar-logo" />
         <h1 v-else class="sidebar-title">Perfect </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo">
-        <h1 class="sidebar-title"> {{title}}</h1>
+        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <h1 class="sidebar-title"> {{ title }}</h1>
       </router-link>
     </transition>
   </div>
 </template>
 
 <script lang="ts" setup>
-import {computed, reactive, ref} from "vue";
-import { useStore } from 'vuex' // useStore ===vue2.0中的this.$store
-import logo from '@/assets/logo.png'
+  import { computed, reactive, ref } from 'vue'
+  import { useStore } from 'vuex' // useStore ===vue2.0中的this.$store
+  import logo from '@/assets/logo.png'
 
-const store = useStore()
-const title = ref<string>('Vue Admin Perfect')
-
-const isCollapse = computed(()=>{
-  return !store.state.app.isCollapse
-})
+  const store = useStore()
+  const title = ref<string>('Vue Admin Perfect')
 
+  const isCollapse = computed(() => {
+    return !store.state.app.isCollapse
+  })
 </script>
 
 <style lang="scss" scoped>
-.sidebarLogoFade-enter-active {
-  transition: opacity 1.5s;
-}
+  .sidebarLogoFade-enter-active {
+    transition: opacity 1.5s;
+  }
 
-.sidebarLogoFade-enter,
-.sidebarLogoFade-leave-to {
-  opacity: 0;
-}
+  .sidebarLogoFade-enter,
+  .sidebarLogoFade-leave-to {
+    opacity: 0;
+  }
 
-.sidebar-logo-container {
-  position: relative;
-  width: 100%;
-  height: 60px;
-  line-height: 60px;
-  background: #2b2f3a;
-  text-align: center;
-  overflow: hidden;
-
-  & .sidebar-logo-link {
-    height: 100%;
+  .sidebar-logo-container {
+    position: relative;
     width: 100%;
+    height: 60px;
+    line-height: 60px;
+    background: #2b2f3a;
+    text-align: center;
+    overflow: hidden;
 
-    & .sidebar-logo {
-      width: 32px;
-      height: 32px;
-      vertical-align: middle;
-      margin-right: 12px;
+    & .sidebar-logo-link {
+      height: 100%;
+      width: 100%;
+
+      & .sidebar-logo {
+        width: 32px;
+        height: 32px;
+        vertical-align: middle;
+        margin-right: 12px;
+      }
+
+      & .sidebar-title {
+        display: inline-block;
+        margin: 0;
+        color: #fff;
+        font-weight: 600;
+        line-height: 50px;
+        font-size: 14px;
+        font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+        vertical-align: middle;
+      }
     }
 
-    & .sidebar-title {
-      display: inline-block;
-      margin: 0;
-      color: #fff;
-      font-weight: 600;
-      line-height: 50px;
-      font-size: 14px;
-      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
-      vertical-align: middle;
+    &.collapse {
+      .sidebar-logo {
+        margin-right: 0px;
+      }
     }
   }
-
-  &.collapse {
-    .sidebar-logo {
-      margin-right: 0px;
-    }
-  }
-}
 </style>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index ea64b8f..979e1aa 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -1,49 +1,49 @@
 <template>
   <template v-if="!item.hidden">
-    <template v-if="!item.alwaysShow&&hasOneShowingChild(item.children,item)">
+    <template v-if="!item.alwaysShow && hasOneShowingChild(item.children, item)">
       <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
         <el-menu-item :index="resolvePath(onlyOneChild.path)">
           <el-icon :size="20">
             <component :is="onlyOneChild?.meta.icon"></component>
           </el-icon>
-          <template #title>{{ onlyOneChild.meta&&onlyOneChild.meta.title }}</template>
+          <template #title>{{ onlyOneChild.meta && onlyOneChild.meta.title }}</template>
         </el-menu-item>
       </app-link>
     </template>
     <el-sub-menu :index="resolvePath(item.path)" v-else popper-append-to-body>
       <template #title>
         <el-icon :size="20"> <component :is="item.meta?.icon"></component></el-icon>
-        <span>{{ item.meta&&item.meta.title }}</span>
+        <span>{{ item.meta && item.meta.title }}</span>
       </template>
       <sidebar-item
-          v-for="child in item.children"
-          :key="child.path"
-          :item="child"
-          :base-path="resolvePath(child.path)"
+        v-for="child in item.children"
+        :key="child.path"
+        :item="child"
+        :base-path="resolvePath(child.path)"
       />
     </el-sub-menu>
   </template>
 </template>
 
-<script lang="ts" setup >
+<script lang="ts" setup>
   import { isExternal } from '@/utils/validate.js'
   import AppLink from './Link.vue'
   import path from 'path-browserify'
-  import { ref,computed} from 'vue'
+  import { ref, computed } from 'vue'
   const props = defineProps({
-    item:{
-      type:Object,
-      required: true
+    item: {
+      type: Object,
+      required: true,
     },
     basePath: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   })
 
   const onlyOneChild = ref(null)
-  const hasOneShowingChild = (children = [], parent)=>{
-    const showingChildren = children.filter(item => {
+  const hasOneShowingChild = (children = [], parent) => {
+    const showingChildren = children.filter((item) => {
       // 过滤掉需要隐藏的菜单
       if (item.hidden) {
         return false
@@ -60,15 +60,14 @@
     }
     // 如果没有要显示的子路由器，则显示父路由器
     if (showingChildren.length === 0) {
-      onlyOneChild.value = { ... parent, path: '', noShowingChildren: true }
+      onlyOneChild.value = { ...parent, path: '', noShowingChildren: true }
       return true
     }
 
     return false
   }
 
-
-  const resolvePath = (routePath)=>{
+  const resolvePath = (routePath) => {
     if (isExternal(routePath)) {
       return routePath
     }
@@ -77,5 +76,4 @@
     }
     return path.resolve(props.basePath, routePath)
   }
-
 </script>
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index cfa481a..b022865 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <div :class="{'has-logo':isCollapse}">
+  <div :class="{ 'has-logo': isCollapse }">
     <logo :collapse="isCollapse" />
     <el-scrollbar wrap-class="scrollbar-wrapper">
-      <menu-slide/>
+      <menu-slide />
     </el-scrollbar>
   </div>
 </template>
@@ -10,27 +10,27 @@
 <script lang="ts" setup>
   import MenuSlide from './menuSlide.vue'
   import logo from './Logo.vue'
-  import { useStore,mapGetters } from 'vuex' // useStore ===vue2.0中的this.$store
-  import { ref,computed } from 'vue'
+  import { useStore, mapGetters } from 'vuex' // useStore ===vue2.0中的this.$store
+  import { ref, computed } from 'vue'
 
   // 在setup中获取store
   const store = useStore()
 
   // 是否折叠
-  const isCollapse = computed(()=>{
+  const isCollapse = computed(() => {
     return !store.state.app.isCollapse
   })
 </script>
 
 <style lang="scss">
-.el-menu-vertical-demo:not(.el-menu--collapse) {
-  //width: 200px;
-  height: 100%;
-}
-.crollbar-wrapper{
-  height: 100%;
-  .el-scrollbar__view{
+  .el-menu-vertical-demo:not(.el-menu--collapse) {
+    //width: 200px;
     height: 100%;
   }
-}
+  .crollbar-wrapper {
+    height: 100%;
+    .el-scrollbar__view {
+      height: 100%;
+    }
+  }
 </style>
diff --git a/src/layout/components/Sidebar/menuSlide.vue b/src/layout/components/Sidebar/menuSlide.vue
index a0f5195..388659c 100644
--- a/src/layout/components/Sidebar/menuSlide.vue
+++ b/src/layout/components/Sidebar/menuSlide.vue
@@ -1,51 +1,56 @@
 <template>
-       <el-menu
-               :default-active="activeMenu"
-               active-text-color="#ffd04b"
-               background-color="#304156"
-               text-color="#fff"
-               :mode="mode"
-               :collapse-transition="false"
-               class="el-menu-vertical-demo"
-               :collapse="isCollapse"
-       >
-           <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path"/>
-       </el-menu>
+  <el-menu
+    :default-active="activeMenu"
+    active-text-color="#ffd04b"
+    background-color="#304156"
+    text-color="#fff"
+    :mode="mode"
+    :collapse-transition="false"
+    class="el-menu-vertical-demo"
+    :collapse="isCollapse"
+  >
+    <sidebar-item
+      v-for="route in permission_routes"
+      :key="route.path"
+      :item="route"
+      :base-path="route.path"
+    />
+  </el-menu>
 </template>
 
 <script lang="ts" setup>
-    import SidebarItem from './SidebarItem.vue'
-    import logo from './Logo.vue'
-    import {useRoute} from 'vue-router'
-    import { useStore,mapGetters } from 'vuex' // useStore ===vue2.0中的this.$store
-    import { ref,computed } from 'vue'
+  import SidebarItem from './SidebarItem.vue'
+  import logo from './Logo.vue'
+  import { useRoute } from 'vue-router'
+  import { useStore, mapGetters } from 'vuex' // useStore ===vue2.0中的this.$store
+  import { ref, computed } from 'vue'
 
-    // 在setup中获取store
-    const store = useStore()
-    const route = useRoute()
+  // 在setup中获取store
+  const store = useStore()
+  const route = useRoute()
 
-    // 获取路由
-    const permission_routes = computed(()=>{
-      console.log('permission_routes',store.state.permission.routes)
-        return store.state.permission.routes
-    })
+  // 获取路由
+  const permission_routes = computed(() => {
+    console.log('permission_routes', store.state.permission.routes)
+    return store.state.permission.routes
+  })
 
-    const activeMenu = computed(()=>{
-        const { meta, path } = route
-        // if set path, the sidebar will highlight the path you set
-        if (meta.activeMenu) {
-            return meta.activeMenu
-        }
-        return path
-    })
+  const activeMenu = computed(() => {
+    const { meta, path } = route
+    // if set path, the sidebar will highlight the path you set
+    if (meta.activeMenu) {
+      return meta.activeMenu
+    }
+    return path
+  })
 
-    // 是否折叠
-    const isCollapse = computed(()=>{
-        return !store.state.app.isCollapse
-    })
+  // 是否折叠
+  const isCollapse = computed(() => {
+    return !store.state.app.isCollapse
+  })
 
-    // 横向
-    const mode = computed(()=>{
-        return store.state.setting.mode
-    })
+  // 横向
+  const mode = computed(() => {
+    return store.state.setting.mode
+  })
 </script>
diff --git a/src/layout/components/TagsView/betterScroll.vue b/src/layout/components/TagsView/betterScroll.vue
index 7790bab..bbc1d50 100644
--- a/src/layout/components/TagsView/betterScroll.vue
+++ b/src/layout/components/TagsView/betterScroll.vue
@@ -1,58 +1,58 @@
 <template>
   <div ref="bsWrap" class="tags-scroll-wrap">
-    <div ref="bsContent" class="tags-scroll" >
+    <div ref="bsContent" class="tags-scroll">
       <slot></slot>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted,nextTick } from 'vue';
-import { useElementSize } from '@vueuse/core';
-import BScroll from '@better-scroll/core';
-import type { Options } from '@better-scroll/core';
+  import { ref, computed, watch, onMounted, nextTick } from 'vue'
+  import { useElementSize } from '@vueuse/core'
+  import BScroll from '@better-scroll/core'
+  import type { Options } from '@better-scroll/core'
 
-interface Props {
-  /** better-scroll的配置: https://better-scroll.github.io/docs/zh-CN/guide/base-scroll-options.html */
-  options: Options;
-}
-
-const props = defineProps<Props>();
-
-const bsWrap = ref<HTMLElement>();
-const instance = ref<BScroll>();
-const bsContent = ref<HTMLElement>();
-
-function initBetterScroll() {
-  nextTick(()=>{
-    instance.value = new BScroll(bsWrap.value, props.options);
-  })
-}
-
-// 滚动元素发生变化，刷新BS
-const { width: wrapWidth } = useElementSize(bsWrap);
-
-const { width, height } = useElementSize(bsContent);
-watch([() => wrapWidth.value, () => width.value, () => height.value], () => {
-  if (instance.value) {
-    instance.value.refresh();
+  interface Props {
+    /** better-scroll的配置: https://better-scroll.github.io/docs/zh-CN/guide/base-scroll-options.html */
+    options: Options
   }
-});
 
-onMounted(() => {
-  initBetterScroll();
-});
+  const props = defineProps<Props>()
 
-defineExpose({ instance });
+  const bsWrap = ref<HTMLElement>()
+  const instance = ref<BScroll>()
+  const bsContent = ref<HTMLElement>()
+
+  function initBetterScroll() {
+    nextTick(() => {
+      instance.value = new BScroll(bsWrap.value, props.options)
+    })
+  }
+
+  // 滚动元素发生变化，刷新BS
+  const { width: wrapWidth } = useElementSize(bsWrap)
+
+  const { width, height } = useElementSize(bsContent)
+  watch([() => wrapWidth.value, () => width.value, () => height.value], () => {
+    if (instance.value) {
+      instance.value.refresh()
+    }
+  })
+
+  onMounted(() => {
+    initBetterScroll()
+  })
+
+  defineExpose({ instance })
 </script>
 <style scoped>
-.tags-scroll-wrap{
-  width: 100%;
-}
-.tags-scroll-inner{
-  /*display: flex;*/
-}
-.tags-scroll{
-  display: inline-block;
-}
+  .tags-scroll-wrap {
+    width: 100%;
+  }
+  .tags-scroll-inner {
+    /*display: flex;*/
+  }
+  .tags-scroll {
+    display: inline-block;
+  }
 </style>
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 71afbaf..10df6f0 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -1,76 +1,72 @@
 <template>
   <div class="tags-wrap-container">
     <div class="tags-view" ref="scrollContainer">
-      <better-scroll  :options="{ scrollX: true, scrollY: false, }" ref="bsScroll">
+      <better-scroll :options="{ scrollX: true, scrollY: false }" ref="bsScroll">
         <div class="tags-scroll-inner">
-          <div v-for="tag in visitedViews"
-               :ref="setTagRef"
-               :path= "tag.path"
-               :data-id="tag.path"
-               :fullPath="tag.fullPath"
-               :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
-               :key="tag.path"
-               class="item-tag-wrap"
-               :class="isActive(tag)?'active':''"
-               @click="routerGo(tag)">
-            <div class="tags-view-item" >{{ tag.title }}</div>
-            <el-icon @click.prevent.stop="(e)=>closeSelectedTag(e,tag)"  class="tag-icon">
-              <circle-close-filled /></el-icon>
+          <div
+            v-for="tag in visitedViews"
+            :ref="setTagRef"
+            :path="tag.path"
+            :data-id="tag.path"
+            :fullPath="tag.fullPath"
+            :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
+            :key="tag.path"
+            class="item-tag-wrap"
+            :class="isActive(tag) ? 'active' : ''"
+            @click="routerGo(tag)"
+          >
+            <div class="tags-view-item">{{ tag.title }}</div>
+            <el-icon @click.prevent.stop="(e) => closeSelectedTag(e, tag)" class="tag-icon">
+              <circle-close-filled
+            /></el-icon>
           </div>
         </div>
       </better-scroll>
     </div>
-    <el-tooltip
-        class="box-item"
-        effect="dark"
-        content="点击刷新"
-        placement="bottom-end"
-    >
+    <el-tooltip class="box-item" effect="dark" content="点击刷新" placement="bottom-end">
       <div class="refresh" @click="refresh">
         <div class="refresh-inner">
-         <el-icon><Refresh />
-        </el-icon>
-      </div></div>
+          <el-icon><Refresh /> </el-icon> </div
+      ></div>
     </el-tooltip>
-
   </div>
 </template>
 
 <script lang="ts" setup>
-  import {computed, nextTick, onMounted, reactive, ref, watch} from "vue";
-  import betterScroll from "./betterScroll.vue";
+  import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
+  import betterScroll from './betterScroll.vue'
   import { useStore } from 'vuex'
-  import {useRoute,useRouter} from 'vue-router'
+  import { useRoute, useRouter } from 'vue-router'
 
   import path from 'path-browserify'
   const store = useStore()
   const route = useRoute()
   const router = useRouter()
 
-  const refresh = ()=>{
+  const refresh = () => {
     store.dispatch('app/setReload')
   }
 
-  const routes = computed(()=>{
+  const routes = computed(() => {
     return store.state.permission.routes
   })
 
-  const visitedViews = computed(()=>{
+  const visitedViews = computed(() => {
     return store.state.tagsView.visitedViews
   })
 
-  const bsScroll = ref<Expose.BetterScroll>();
+  const bsScroll = ref<Expose.BetterScroll>()
   let obj = new WeakMap()
 
   let affixTags = ref([])
   const tags = ref(new Map())
   // 多个ref 添加tag
-  const setTagRef = (el)=>{
-    if(el){
-      if(!obj.get(el)){
-        tags.value.set(el.dataset['id'],el)
+  const setTagRef = (el) => {
+    if (el) {
+      if (!obj.get(el)) {
+        tags.value.set(el.dataset['id'], el)
       }
-      obj.set(el,el)
+      obj.set(el, el)
     }
   }
 
@@ -79,14 +75,14 @@
 
   function filterAffixTags(routes, basePath = '/') {
     let tags = []
-    routes.forEach(route => {
+    routes.forEach((route) => {
       if (route.meta && route.meta.affix) {
         const tagPath = path.resolve(basePath, route.path)
         tags.push({
           fullPath: tagPath,
           path: tagPath,
           name: route.name,
-          meta: { ...route.meta }
+          meta: { ...route.meta },
         })
       }
       if (route.children) {
@@ -99,9 +95,9 @@
     return tags
   }
 
-  const initTags = ()=>{
+  const initTags = () => {
     let routesNew = routes.value
-    let affixTag = affixTags.value = filterAffixTags(routesNew)
+    let affixTag = (affixTags.value = filterAffixTags(routesNew))
     for (const tag of affixTag) {
       if (tag.name) {
         store.dispatch('tagsView/addVisitedView', tag)
@@ -109,15 +105,15 @@
     }
   }
 
-  const isActive = (rou)=> {
+  const isActive = (rou) => {
     return rou.path === route.path
   }
-  const isAffix = (tag)=>{
-      return tag.meta && tag.meta.affix
+  const isAffix = (tag) => {
+    return tag.meta && tag.meta.affix
   }
-  const addTags = ()=> {
+  const addTags = () => {
     const { name } = route
-    if(name==='Login'){
+    if (name === 'Login') {
       return
     }
     if (name) {
@@ -139,19 +135,18 @@
     }
   }
 
-  const closeSelectedTag = (event,view)=>{
-    if(tags.value.get(view.path)){
+  const closeSelectedTag = (event, view) => {
+    if (tags.value.get(view.path)) {
       tags.value.delete(view.path)
     }
     store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
       if (isActive(view)) {
         toLastView(visitedViews, view)
-
       }
     })
   }
 
-  const routerGo = (tag)=>{
+  const routerGo = (tag) => {
     router.push({
       path: tag.path,
       query: tag.query,
@@ -160,99 +155,98 @@
 
   function handleScrollAction(currentTag) {
     const scrollContainerRect = scrollContainer.value.getBoundingClientRect()
-    let  { left:currx, width:currentWidth } = currentTag.getBoundingClientRect()
-    const clientX = currx + currentWidth / 2;
-    const currentX = clientX - scrollContainerRect.left;
-    const deltaX = currentX - scrollContainerRect.width / 2;
+    let { left: currx, width: currentWidth } = currentTag.getBoundingClientRect()
+    const clientX = currx + currentWidth / 2
+    const currentX = clientX - scrollContainerRect.left
+    const deltaX = currentX - scrollContainerRect.width / 2
     if (bsScroll.value) {
-      const { maxScrollX, x: leftX } = bsScroll.value.instance;
-      const rightX = maxScrollX - leftX;
-      const update = deltaX > 0 ? Math.max(-deltaX, rightX) : Math.min(-deltaX, -leftX);
-      bsScroll.value?.instance.scrollBy(update, 0, 300);
+      const { maxScrollX, x: leftX } = bsScroll.value.instance
+      const rightX = maxScrollX - leftX
+      const update = deltaX > 0 ? Math.max(-deltaX, rightX) : Math.min(-deltaX, -leftX)
+      bsScroll.value?.instance.scrollBy(update, 0, 300)
     }
   }
 
-  function moveToCurrentTag(){
+  function moveToCurrentTag() {
     nextTick(() => {
       for (const [key, tag] of tags.value) {
-          let path = tag.attributes.path.value
-          if (path === route.path) {
-            let fullPath = tag.attributes.fullPath.value
-            // 移动
-            handleScrollAction(tag,tags.value)
-            if (fullPath !== route.fullPath) {
-              store.dispatch('tagsView/updateVisitedView', route)
-            }
-            break
+        let path = tag.attributes.path.value
+        if (path === route.path) {
+          let fullPath = tag.attributes.fullPath.value
+          // 移动
+          handleScrollAction(tag, tags.value)
+          if (fullPath !== route.fullPath) {
+            store.dispatch('tagsView/updateVisitedView', route)
           }
+          break
+        }
       }
     })
   }
 
-
-  onMounted(()=>{
+  onMounted(() => {
     initTags()
     addTags()
-    nextTick(()=>{
-      setTimeout(()=>{
+    nextTick(() => {
+      setTimeout(() => {
         moveToCurrentTag()
-      },50)
+      }, 50)
     })
 
-
-    watch(route,()=>{
+    watch(route, () => {
       addTags()
-      nextTick(()=>{
-        setTimeout(()=>{
+      nextTick(() => {
+        setTimeout(() => {
           moveToCurrentTag()
-        },100)
+        }, 100)
       })
     })
 
-    router.beforeEach(async (to, from, next)=>{
-      if((from.fullPath==='/error/404'||from.fullPath==='/error/401')&&to.fullPath==="/home") {
-        let whiteList = ['/error/404','/error/401']
+    router.beforeEach(async (to, from, next) => {
+      if (
+        (from.fullPath === '/error/404' || from.fullPath === '/error/401') &&
+        to.fullPath === '/home'
+      ) {
+        let whiteList = ['/error/404', '/error/401']
         await store.dispatch('tagsView/removeView', whiteList)
       }
       next()
     })
   })
-
-
 </script>
 
 <style lang="scss" scoped>
-.tags-wrap-container{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: 10px;
-  .tags-view{
-    background: white;
-    flex: 1;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-  .refresh{
-    //margin-left: 20px;
-    cursor: pointer;
-    font-size: 22px;
-    flex-shrink: 0;
+  .tags-wrap-container {
     display: flex;
+    justify-content: space-between;
     align-items: center;
-    justify-content: center;
-    .refresh-inner{
+    padding-left: 10px;
+    .tags-view {
+      background: white;
+      flex: 1;
+      box-sizing: border-box;
+      overflow: hidden;
+    }
+    .refresh {
+      //margin-left: 20px;
+      cursor: pointer;
+      font-size: 22px;
+      flex-shrink: 0;
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 50px;
-      height: 100%;
+      .refresh-inner {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 50px;
+        height: 100%;
+      }
+      //box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
     }
-    //box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
+    //padding-right: 10px;
   }
-  //padding-right: 10px;
-}
-  .item-tag-wrap{
+  .item-tag-wrap {
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -261,7 +255,7 @@
     cursor: pointer;
     margin-right: 10px;
     border: 1px solid #d8dce5;
-    &.active .tag-icon{
+    &.active .tag-icon {
       display: block;
     }
     &.active {
@@ -270,22 +264,22 @@
       border-color: #42b983;
     }
   }
-  .item-tag-wrap:hover{
+  .item-tag-wrap:hover {
     border-color: #42b983;
     //color: #42b983;
   }
-  .tags-scroll-inner{
+  .tags-scroll-inner {
     display: flex;
     flex-wrap: nowrap;
   }
-  .tag-icon{
+  .tag-icon {
     margin-left: 6px;
   }
   .tags-view-item {
     position: relative;
     z-index: 2;
     white-space: nowrap;
-    .tags-inner{
+    .tags-inner {
       display: flex;
       align-items: center;
       white-space: nowrap;
diff --git a/src/layout/components/UHeader/Personal.vue b/src/layout/components/UHeader/Personal.vue
index eb8657f..252abbc 100644
--- a/src/layout/components/UHeader/Personal.vue
+++ b/src/layout/components/UHeader/Personal.vue
@@ -1,21 +1,17 @@
 <template>
-  <el-dialog
-      v-model="dialogVisible"
-      title="修改密码"
-      width="60%"
-  >
+  <el-dialog v-model="dialogVisible" title="修改密码" width="60%">
     <el-form
-        ref="ruleFormRef"
-        :model="ruleForm"
-        :rules="rules"
-        label-width="120px"
-        class="demo-ruleForm"
-        :size="formSize"
+      ref="ruleFormRef"
+      :model="ruleForm"
+      :rules="rules"
+      label-width="120px"
+      class="demo-ruleForm"
+      :size="formSize"
     >
-      <el-form-item label="姓名" >
+      <el-form-item label="姓名">
         <el-input v-model="ruleForm.name" disabled></el-input>
       </el-form-item>
-      <el-form-item label="手机号码" >
+      <el-form-item label="手机号码">
         <el-input v-model="ruleForm.mobile" disabled></el-input>
       </el-form-item>
       <el-form-item label="修改密码" prop="password">
@@ -25,23 +21,21 @@
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="submitForm(ruleFormRef)"
-        >确定</el-button
-        >
+        <el-button type="primary" @click="submitForm(ruleFormRef)">确定</el-button>
       </span>
     </template>
   </el-dialog>
 </template>
 
 <script lang="ts" setup>
-  import { ref,defineExpose,reactive, } from 'vue'
+  import { ref, defineExpose, reactive } from 'vue'
   import { ElMessageBox } from 'element-plus'
   import type { ElForm } from 'element-plus'
   const dialogVisible = ref(false)
-  const show = ()=>{
+  const show = () => {
     dialogVisible.value = true
   }
-  const hide = ()=>{
+  const hide = () => {
     dialogVisible.value = false
   }
   type FormInstance = InstanceType<typeof ElForm>
@@ -85,7 +79,7 @@
 </script>
 
 <style scoped>
-.dialog-footer button:first-child {
-  margin-right: 10px;
-}
+  .dialog-footer button:first-child {
+    margin-right: 10px;
+  }
 </style>
diff --git a/src/layout/components/UHeader/index.vue b/src/layout/components/UHeader/index.vue
index 5761617..88c2d52 100644
--- a/src/layout/components/UHeader/index.vue
+++ b/src/layout/components/UHeader/index.vue
@@ -1,24 +1,30 @@
 <template>
   <div
-          class="m-layout-header"
-          :style="{left:`${mode==='horizontal'?0:isCollapse?'56':'210'}px`}">
-        <div class="header" :class="{
-            transverseMenu:mode==='horizontal'
-          }">
-      <menu-slide v-if="mode==='horizontal'"/>
-      <div class="left" v-if="mode==='vertical'">
+    class="m-layout-header"
+    :style="{ left: `${mode === 'horizontal' ? 0 : isCollapse ? '56' : '210'}px` }"
+  >
+    <div
+      class="header"
+      :class="{
+        transverseMenu: mode === 'horizontal',
+      }"
+    >
+      <menu-slide v-if="mode === 'horizontal'" />
+      <div class="left" v-if="mode === 'vertical'">
         <div>
           <el-icon class="icon" v-if="isCollapse" @click="handleCollapse"><expand /></el-icon>
-          <el-icon class="icon" v-else @click="handleCollapse"><fold/></el-icon>
+          <el-icon class="icon" v-else @click="handleCollapse"><fold /></el-icon>
         </div>
-        <u-hamburger/>
+        <u-hamburger />
       </div>
       <div class="right">
-        <u-info/>
-        <u-screen-full/>
+        <u-info />
+        <u-screen-full />
         <el-dropdown @command="commandAction">
           <span class="el-dropdown-link">
-             <el-avatar :icon="UserFilled" :size="30" style="margin-right: 6px"/>{{ userInfo.username }}
+            <el-avatar :icon="UserFilled" :size="30" style="margin-right: 6px" />{{
+              userInfo.username
+            }}
             <el-icon class="el-icon--right">
               <arrow-down />
             </el-icon>
@@ -32,8 +38,8 @@
         </el-dropdown>
       </div>
     </div>
-    <tag-views v-if="isShowTag"/>
-    <personal ref="person"/>
+    <tag-views v-if="isShowTag" />
+    <personal ref="person" />
   </div>
 </template>
 
@@ -41,68 +47,59 @@
   import { UserFilled } from '@element-plus/icons-vue'
   import Personal from './Personal.vue'
   import TagViews from '../TagsView/index.vue'
-  import UHamburger from "@/components/u-Hamburger/index.vue"
+  import UHamburger from '@/components/u-Hamburger/index.vue'
   import UScreenFull from '@/components/u-screenfull/index.vue'
   import UInfo from '@/components/u-info/index.vue'
   import MenuSlide from '../Sidebar/menuSlide.vue'
-  import {computed, ref,} from 'vue'
-  import {useRouter} from 'vue-router'
+  import { computed, ref } from 'vue'
+  import { useRouter } from 'vue-router'
   import { ElMessageBox, ElMessage } from 'element-plus'
-  import {useStore} from "vuex";
+  import { useStore } from 'vuex'
 
   const store = useStore()
   const person = ref()
   const router = useRouter()
 
-  const isCollapse = computed(()=>{
+  const isCollapse = computed(() => {
     return !store.state.app.isCollapse
   })
-  const mode = computed(()=>{
+  const mode = computed(() => {
     return store.state.setting.mode
   })
 
-  const isShowTag = computed(()=>{
+  const isShowTag = computed(() => {
     return store.state.setting.isShowTag
   })
 
-  const userInfo = computed(()=>{
+  const userInfo = computed(() => {
     return store.state.user.userInfo
   })
 
-
-  const logOut = async ()=>{
-    ElMessageBox.confirm(
-        '确定退出登录吗？',
-        '退出登录',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        }
-    )
-        .then(async () => {
-          try {
-            await store.dispatch('user/logout')
-            router.push({path:'/login'})
-            store.dispatch('permission/clearRoutes')
-            store.dispatch('tagsView/clearVisitedView')
-          }catch (e) {
-
-          }
-        })
-        .catch(() => {
-
-        })
+  const logOut = async () => {
+    ElMessageBox.confirm('确定退出登录吗？', '退出登录', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+      .then(async () => {
+        try {
+          await store.dispatch('user/logout')
+          router.push({ path: '/login' })
+          store.dispatch('permission/clearRoutes')
+          store.dispatch('tagsView/clearVisitedView')
+        } catch (e) {}
+      })
+      .catch(() => {})
   }
 
-  const commandAction = (key:number)=>{
-    switch (key){
+  const commandAction = (key: number) => {
+    switch (key) {
       case 1:
         logOut()
-        break;
+        break
       case 2:
         person.value.show()
-        break;
+        break
     }
   }
   const handleCollapse = () => {
@@ -111,16 +108,16 @@
 </script>
 
 <style lang="scss" scoped>
-.mobile{
-  .m-layout-header{
-    left: 0!important;
+  .mobile {
+    .m-layout-header {
+      left: 0 !important;
+    }
   }
-}
-  .icon{
-    font-size:24px;
+  .icon {
+    font-size: 24px;
     cursor: pointer;
   }
-  .header{
+  .header {
     height: 60px;
     width: 100%;
     display: flex;
@@ -128,21 +125,21 @@
     padding: 0 10px;
     box-sizing: border-box;
     justify-content: space-between;
-    .left{
+    .left {
       display: flex;
       align-items: center;
     }
-    .right{
+    .right {
       display: flex;
       align-items: center;
     }
   }
-  .m-layout-header{
+  .m-layout-header {
     position: fixed;
     top: 0;
     background: white;
     left: 0;
-    z-index:99;
+    z-index: 99;
     right: 0;
     transition: left 0.28s;
     flex-shrink: 0;
@@ -150,7 +147,7 @@
 
     box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
   }
-  .el-dropdown{
+  .el-dropdown {
     display: flex;
     height: 100%;
     align-items: center;
@@ -161,5 +158,4 @@
     display: flex;
     align-items: center;
   }
-
 </style>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index da2d311..c09f242 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,26 +1,29 @@
 <template>
-  <div class="g-container-layout" :class="classObj" >
-    <div v-if="device==='mobile'&&!isCollapse" class="drawer-bg" @click="handleClickOutside" />
-    <sidebar class="sidebar-container" v-if="mode==='vertical'"/>
-    <div class="main-container" :class="{
-      hideSliderLayout:mode==='horizontal'
-    }">
+  <div class="g-container-layout" :class="classObj">
+    <div v-if="device === 'mobile' && !isCollapse" class="drawer-bg" @click="handleClickOutside" />
+    <sidebar class="sidebar-container" v-if="mode === 'vertical'" />
+    <div
+      class="main-container"
+      :class="{
+        hideSliderLayout: mode === 'horizontal',
+      }"
+    >
       <u-header />
-      <div class="m-container-content" :class="{'app-main-hide-tag':!isShowTag}">
-        <app-main/>
+      <div class="m-container-content" :class="{ 'app-main-hide-tag': !isShowTag }">
+        <app-main />
       </div>
     </div>
   </div>
 </template>
 
 <script lang="ts">
-  import {computed, defineComponent, ref} from 'vue';
+  import { computed, defineComponent, ref } from 'vue'
   import Sidebar from './components/Sidebar/index.vue'
   import UHeader from './components/UHeader/index.vue'
   import AppMain from './components/AppMain.vue'
-  import {useResizeHandler} from './hooks/useResizeHandler'
+  import { useResizeHandler } from './hooks/useResizeHandler'
 
-  import {useStore} from "vuex";
+  import { useStore } from 'vuex'
 
   export default defineComponent({
     name: 'layout',
@@ -29,62 +32,62 @@
       UHeader,
       AppMain,
     },
-    setup(){
+    setup() {
       const store = useStore()
       // 是否折叠
-      const isCollapse = computed(()=>{
+      const isCollapse = computed(() => {
         return !store.state.app.isCollapse
       })
-      let {device} = useResizeHandler()
+      let { device } = useResizeHandler()
 
-      const classObj = computed(()=>{
+      const classObj = computed(() => {
         return {
-          hideSidebar:!store.state.app.isCollapse,
+          hideSidebar: !store.state.app.isCollapse,
           openSidebar: store.state.app.isCollapse,
           withoutAnimation: store.state.app.withoutAnimation,
-          mobile: device.value === 'mobile'
+          mobile: device.value === 'mobile',
         }
       })
-      const handleClickOutside = ()=> {
+      const handleClickOutside = () => {
         store.dispatch('app/closeSideBar', { withoutAnimation: false })
       }
-      const isShowTag = computed(()=>{
+      const isShowTag = computed(() => {
         return store.state.setting.isShowTag
       })
 
-      const mode = computed(()=>{
+      const mode = computed(() => {
         return store.state.setting.mode
       })
-      return{
+      return {
         isCollapse,
         device,
         classObj,
         isShowTag,
         mode,
-        handleClickOutside
+        handleClickOutside,
       }
-    }
-  });
+    },
+  })
 </script>
 
 <style lang="scss" scoped>
-  .g-container-layout{
+  .g-container-layout {
     //display: flex;
     height: 100%;
     width: 100%;
-    .main-container{
+    .main-container {
       //overflow: auto;
       display: flex;
       flex: 1;
       box-sizing: border-box;
-      flex-direction: column
+      flex-direction: column;
     }
     &.mobile.openSidebar {
       position: fixed;
       top: 0;
     }
   }
-  .sidebar-container{
+  .sidebar-container {
     display: flex;
     flex-direction: column;
   }
@@ -97,7 +100,7 @@
     position: absolute;
     z-index: 999;
   }
-  .m-container-content{
+  .m-container-content {
     //padding: 20px;
     /*background: #f6f8f9;*/
     padding-top: 93px;
@@ -105,7 +108,7 @@
     height: 100vh;
     position: relative;
   }
-  .app-main-hide-tag{
+  .app-main-hide-tag {
     padding-top: 80px;
   }
 </style>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 106046f..4e46d6b 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,3 +1,3 @@
 @import './variables.scss';
 @import './sidebar.scss';
-@import "./transition.scss";
+@import './transition.scss';
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index 0309bc6..0277840 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -1,19 +1,18 @@
 #app {
-
   .main-container {
     min-height: 100%;
-    transition: margin-left .28s;
+    transition: margin-left 0.28s;
     margin-left: $sideBarWidth;
     position: relative;
   }
 
-  .hideSliderLayout{
+  .hideSliderLayout {
     margin-left: 0;
-    .el-menu--horizontal{
+    .el-menu--horizontal {
       border-bottom: none;
     }
   }
-  .transverseMenu{
+  .transverseMenu {
     background-color: $menuBg;
   }
 
@@ -86,11 +85,11 @@
       }
     }
 
-    .is-active>.el-sub-menu__title {
+    .is-active > .el-sub-menu__title {
       color: $subMenuActiveText !important;
     }
 
-    & .nest-menu .el-sub-menu>.el-sub-menu__title,
+    & .nest-menu .el-sub-menu > .el-sub-menu__title,
     & .el-sub-menu .el-menu-item {
       min-width: $sideBarWidth !important;
       background-color: $subMenuBg !important;
@@ -130,7 +129,7 @@
     .el-submenu {
       overflow: hidden;
 
-      &>.el-submenu__title {
+      & > .el-submenu__title {
         padding: 0 !important;
 
         .svg-icon {
@@ -149,8 +148,8 @@
 
     .el-menu--collapse {
       .el-sub-menu {
-        &>.el-sub-menu__title {
-          &>span {
+        & > .el-sub-menu__title {
+          & > span {
             height: 0;
             width: 0;
             overflow: hidden;
@@ -173,7 +172,7 @@
     }
 
     .sidebar-container {
-      transition: transform .28s;
+      transition: transform 0.28s;
       width: $sideBarWidth !important;
     }
 
@@ -187,7 +186,6 @@
   }
 
   .withoutAnimation {
-
     .main-container,
     .sidebar-container {
       transition: none;
@@ -197,7 +195,7 @@
 
 // when menu collapsed
 .el-menu--vertical {
-  &>.el-menu {
+  & > .el-menu {
     .svg-icon {
       margin-right: 16px;
     }
@@ -207,7 +205,7 @@
     }
   }
 
-  .nest-menu .el-sub-menu>.el-sub-menu__title,
+  .nest-menu .el-sub-menu > .el-sub-menu__title,
   .el-menu-item {
     &:hover {
       // you can use $subMenuHover
@@ -216,7 +214,7 @@
   }
 
   // the scroll bar appears when the subMenu is too long
-  >.el-menu--popup {
+  > .el-menu--popup {
     max-height: 100vh;
     overflow-y: auto;
 
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
index 83f62b3..99dadfb 100644
--- a/src/styles/transition.scss
+++ b/src/styles/transition.scss
@@ -27,7 +27,6 @@
   transform: translateX(20px);
 }
 
-
 // 面包屑动画
 .breadcrumb-enter-active {
   transition: all 0.25s;
@@ -38,8 +37,6 @@
   transform: translateX(30px) skewX(-50deg);
 }
 
-
-
 .fade-transform-leave-active,
 .fade-transform-enter-active {
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index a19c27c..555f030 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,23 +1,23 @@
 // base color
-$blue:#324157;
-$light-blue:#3A71A8;
-$red:#C03639;
-$pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
-$yellow:#FEC171;
-$panGreen: #30B08F;
+$blue: #324157;
+$light-blue: #3a71a8;
+$red: #c03639;
+$pink: #e65d6e;
+$green: #30b08f;
+$tiffany: #4ab7bd;
+$yellow: #fec171;
+$panGreen: #30b08f;
 
 // sidebar
-$menuText:#bfcbd9;
-$menuActiveText:#409EFF;
-$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
+$menuText: #bfcbd9;
+$menuActiveText: #409eff;
+$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#304156;
-$menuHover:#263445;
+$menuBg: #304156;
+$menuHover: #263445;
 
-$subMenuBg:#1f2d3d;
-$subMenuHover:#001528;
+$subMenuBg: #1f2d3d;
+$subMenuHover: #001528;
 
 $sideBarWidth: 210px;
 
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 3d5b86e..6d91684 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -1,4 +1,3 @@
-
 const TokenKey = 'zb-token'
 
 export function getToken() {
@@ -6,9 +5,9 @@ export function getToken() {
 }
 
 export function setToken(token) {
-  return localStorage.TokenKey = token
+  return (localStorage.TokenKey = token)
 }
 
 export function removeToken() {
-  return localStorage.TokenKey =''
+  return (localStorage.TokenKey = '')
 }
diff --git a/src/utils/downloadzip.ts b/src/utils/downloadzip.ts
index f0cc486..bd2b9a3 100644
--- a/src/utils/downloadzip.ts
+++ b/src/utils/downloadzip.ts
@@ -88,7 +88,7 @@ export async function downloadFiles2ZipWithFolder(params: IDownloadFiles2ZipWith
 
 async function handleFolder(zip: JsZip, folder: IFolder) {
     console.log({folder})
-    let folderPromises: Promise<any>[] = [];
+    const folderPromises: Promise<any>[] = [];
     const promises = folder?.files?.map(async param => await handleEachFile(param, zip, folder.folderName));
     await Promise.all([...promises, ...folderPromises]);
 }
@@ -169,7 +169,7 @@ function handleDataWithRender(worksheet: Worksheet, sheet: ISheet) {
 // @ts-ignore
 function getValueFromRender(renderResult: any) {
     if (renderResult?.type) {
-        let children = renderResult?.props?.children;
+        const children = renderResult?.props?.children;
         if (children?.type) {
             return getValueFromRender(children);
         } else {
diff --git a/src/utils/emojis.js b/src/utils/emojis.js
index 3fafa63..d1da910 100644
--- a/src/utils/emojis.js
+++ b/src/utils/emojis.js
@@ -1,12 +1,35 @@
 export default {
-  imgs: ['爱你',
-    '爱情', '爱心', '傲慢',
-    '白眼', '抱拳', '鄙视',
-    '闭嘴', '便便', '擦汗',
-    '菜刀', '差劲', '呲牙',
-    '大哭', '蛋糕', '刀',
-    '得意', '凋谢', '发呆', 'NO', 'OK',
-    '发抖', '发怒', '饭', '飞吻', '奋斗',
-    '疯了', '尴尬', '勾引', '鼓掌', '哈欠',
-  ]
+  imgs: [
+    '爱你',
+    '爱情',
+    '爱心',
+    '傲慢',
+    '白眼',
+    '抱拳',
+    '鄙视',
+    '闭嘴',
+    '便便',
+    '擦汗',
+    '菜刀',
+    '差劲',
+    '呲牙',
+    '大哭',
+    '蛋糕',
+    '刀',
+    '得意',
+    '凋谢',
+    '发呆',
+    'NO',
+    'OK',
+    '发抖',
+    '发怒',
+    '饭',
+    '飞吻',
+    '奋斗',
+    '疯了',
+    '尴尬',
+    '勾引',
+    '鼓掌',
+    '哈欠',
+  ],
 }
diff --git a/src/utils/exprotExcel.ts b/src/utils/exprotExcel.ts
index 86fa9dc..b8df32b 100644
--- a/src/utils/exprotExcel.ts
+++ b/src/utils/exprotExcel.ts
@@ -21,15 +21,15 @@ export const exportExcel = async ({column,data,filename,autoWidth,format})=>{
     // 创建工作表
     const worksheet = workbook.addWorksheet(filename);
     // 设置列名
-    let columnsName = [];
+    const columnsName = [];
     column.forEach((item,index)=>{
-        let obj = {
+        const obj = {
             header: item.label, key:item.name, width: null
         }
         if(autoWidth){
-            let maxArr = [autoWidthAction(item.label)]
+            const maxArr = [autoWidthAction(item.label)]
             data.forEach(ite=>{
-                let str = ite[item.name] ||''
+                const str = ite[item.name] ||''
                 if(str){
                     maxArr.push(autoWidthAction(str))
                 }
@@ -93,15 +93,15 @@ export const exportStyleExcel =async ({column,data,filename,autoWidth,format})=>
     // 创建工作表
     const worksheet = workbook.addWorksheet(filename);
     // 设置列名
-    let columnsName = [];
+    const columnsName = [];
     column.forEach((item,index)=>{
-        let obj = {
+        const obj = {
             header: item.label, key:item.name, width: null
         }
         if(autoWidth){
-            let maxArr = [autoWidthAction(item.label)]
+            const maxArr = [autoWidthAction(item.label)]
             data.forEach(ite=>{
-                let str = ite[item.name] ||''
+                const str = ite[item.name] ||''
                 if(str){
                     maxArr.push(autoWidthAction(str))
                 }
@@ -161,7 +161,7 @@ export const exportMultiHeaderExcel = ({column,data,filename,autoWidth})=>{
     // 创建excel
     const workbook = new ExcelJS.Workbook();
     // 创建工作表
-    let sheet = workbook.addWorksheet("sheet1");
+    const sheet = workbook.addWorksheet("sheet1");
 
     // 添加表头
     sheet.getRow(1).values = ["序号", "日期","地址" ,"配送消息"  ,,, ];
@@ -173,16 +173,16 @@ export const exportMultiHeaderExcel = ({column,data,filename,autoWidth})=>{
         "城市",
         "邮编"
     ];
-    let headers = [];
+    const headers = [];
     column.forEach((item,index)=>{
         if(item.children){
             item.children.forEach(itemChild=>{
-                let obj = {
+                const obj = {
                     key:itemChild.name, width: null
                 }
-                let maxArr = [autoWidthAction(itemChild.label)]
+                const maxArr = [autoWidthAction(itemChild.label)]
                 data.forEach(ite=>{
-                    let str = ite[itemChild.name] ||''
+                    const str = ite[itemChild.name] ||''
                     if(str){
                         maxArr.push(autoWidthAction(str))
                     }
@@ -193,12 +193,12 @@ export const exportMultiHeaderExcel = ({column,data,filename,autoWidth})=>{
             })
 
         }else {
-            let obj = {
+            const obj = {
                 key:item.name, width: null
             }
-            let maxArr = [autoWidthAction(item.label)]
+            const maxArr = [autoWidthAction(item.label)]
             data.forEach(ite=>{
-                let str = ite[item.name] ||''
+                const str = ite[item.name] ||''
                 if(str){
                     maxArr.push(autoWidthAction(str))
                 }
diff --git a/src/utils/index.js b/src/utils/index.js
index 632a4b2..ce6e739 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -17,8 +17,8 @@ export function parseTime(time, cFormat) {
   if (typeof time === 'object') {
     date = time
   } else {
-    if ((typeof time === 'string')) {
-      if ((/^[0-9]+$/.test(time))) {
+    if (typeof time === 'string') {
+      if (/^[0-9]+$/.test(time)) {
         // support "1548221490638"
         time = parseInt(time)
       } else {
@@ -28,7 +28,7 @@ export function parseTime(time, cFormat) {
       }
     }
 
-    if ((typeof time === 'number') && (time.toString().length === 10)) {
+    if (typeof time === 'number' && time.toString().length === 10) {
       time = time * 1000
     }
     date = new Date(time)
@@ -40,12 +40,14 @@ export function parseTime(time, cFormat) {
     h: date.getHours(),
     i: date.getMinutes(),
     s: date.getSeconds(),
-    a: date.getDay()
+    a: date.getDay(),
   }
   const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
     const value = formatObj[key]
     // Note: getDay() returns 0 on Sunday
-    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
     return value.toString().padStart(2, '0')
   })
   return time_str
@@ -81,15 +83,7 @@ export function formatTime(time, option) {
     return parseTime(time, option)
   } else {
     return (
-      d.getMonth() +
-      1 +
-      '月' +
-      d.getDate() +
-      '日' +
-      d.getHours() +
-      '时' +
-      d.getMinutes() +
-      '分'
+      d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
     )
   }
 }
@@ -124,7 +118,7 @@ export function byteLength(str) {
     const code = str.charCodeAt(i)
     if (code > 0x7f && code <= 0x7ff) s++
     else if (code > 0x7ff && code <= 0xffff) s += 2
-    if (code >= 0xDC00 && code <= 0xDFFF) i--
+    if (code >= 0xdc00 && code <= 0xdfff) i--
   }
   return s
 }
@@ -150,10 +144,10 @@ export function cleanArray(actual) {
 export function param(json) {
   if (!json) return ''
   return cleanArray(
-    Object.keys(json).map(key => {
+    Object.keys(json).map((key) => {
       if (json[key] === undefined) return ''
       return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
-    })
+    }),
   ).join('&')
 }
 
@@ -168,7 +162,7 @@ export function param2Obj(url) {
   }
   const obj = {}
   const searchArr = search.split('&')
-  searchArr.forEach(v => {
+  searchArr.forEach((v) => {
     const index = v.indexOf('=')
     if (index !== -1) {
       const name = v.substring(0, index)
@@ -202,7 +196,7 @@ export function objectMerge(target, source) {
   if (Array.isArray(source)) {
     return source.slice()
   }
-  Object.keys(source).forEach(property => {
+  Object.keys(source).forEach((property) => {
     const sourceProperty = source[property]
     if (typeof sourceProperty === 'object') {
       target[property] = objectMerge(target[property], sourceProperty)
@@ -227,8 +221,7 @@ export function toggleClass(element, className) {
     classString += '' + className
   } else {
     classString =
-      classString.substr(0, nameIndex) +
-      classString.substr(nameIndex + className.length)
+      classString.substr(0, nameIndex) + classString.substr(nameIndex + className.length)
   }
   element.className = classString
 }
@@ -254,7 +247,7 @@ export function getTime(type) {
 export function debounce(func, wait, immediate) {
   let timeout, args, context, timestamp, result
 
-  const later = function() {
+  const later = function () {
     // 据上一次触发时间间隔
     const last = +new Date() - timestamp
 
@@ -271,7 +264,7 @@ export function debounce(func, wait, immediate) {
     }
   }
 
-  return function(...args) {
+  return function (...args) {
     context = this
     timestamp = +new Date()
     const callNow = immediate && !timeout
@@ -298,7 +291,7 @@ export function deepClone(source) {
     throw new Error('error arguments', 'deepClone')
   }
   const targetObj = source.constructor === Array ? [] : {}
-  Object.keys(source).forEach(keys => {
+  Object.keys(source).forEach((keys) => {
     if (source[keys] && typeof source[keys] === 'object') {
       targetObj[keys] = deepClone(source[keys])
     } else {
@@ -356,70 +349,77 @@ export function removeClass(ele, cls) {
   }
 }
 
-
 export function getColor() {
-  var str = '#';
-  var arr = ['1', '2', '3', '4', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
+  var str = '#'
+  var arr = ['1', '2', '3', '4', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']
   for (var i = 0; i < 6; i++) {
-    var num = parseInt(Math.random() * 16);
-    str += arr[num];
+    var num = parseInt(Math.random() * 16)
+    str += arr[num]
   }
-  return str;
+  return str
 }
 // 检查给定的值是否是数组
-export const isArray = function(value) {
-  return objToString.call(value) === "[object Array]";
-};
-var funProto = Function.prototype;
-var objProto = Object.prototype;
+export const isArray = function (value) {
+  return objToString.call(value) === '[object Array]'
+}
+var funProto = Function.prototype
+var objProto = Object.prototype
 
-var getPrototypeOf = Object.getPrototypeOf;
+var getPrototypeOf = Object.getPrototypeOf
 
-var objToString = objProto.toString;
-var hasOwnProperty = objProto.hasOwnProperty;
-var funToString = funProto.toString;
+var objToString = objProto.toString
+var hasOwnProperty = objProto.hasOwnProperty
+var funToString = funProto.toString
 // 检查给定的值是否是字符串
-export const isString = function(value) {
-  return objToString.call(value) === "[object String]";
-};
+export const isString = function (value) {
+  return objToString.call(value) === '[object String]'
+}
 // 检查给定的值是否是纯对象，纯对象是指通过 {} 或 new Object() 声明的对象
-export const isPlainObject = function(value) {
-  if (!value || objToString.call(value) !== "[object Object]") {
-    return false;
+export const isPlainObject = function (value) {
+  if (!value || objToString.call(value) !== '[object Object]') {
+    return false
   }
 
-  var prototype = getPrototypeOf(value);
+  var prototype = getPrototypeOf(value)
 
   if (prototype === null) {
-    return true;
+    return true
   }
 
-  var constructor = hasOwnProperty.call(prototype, "constructor") && prototype.constructor;
+  var constructor = hasOwnProperty.call(prototype, 'constructor') && prototype.constructor
 
-  return typeof constructor === "function" && funToString.call(constructor) === funToString.call(Object);
-};
+  return (
+    typeof constructor === 'function' && funToString.call(constructor) === funToString.call(Object)
+  )
+}
 
 // // 深度克隆 array 数组或 json 对象，返回克隆后的副本
-export const deepObjClone = function(obj){
+export const deepObjClone = function (obj) {
   let weakMap = new WeakMap()
-  function clone (obj){
-    if(obj==null){return obj}
-    if(obj instanceof Date){ return new Date(obj) }
-    if(obj instanceof RegExp){ return new RegExp(obj)}
-    if(typeof obj !== 'object') return obj
+  function clone(obj) {
+    if (obj == null) {
+      return obj
+    }
+    if (obj instanceof Date) {
+      return new Date(obj)
+    }
+    if (obj instanceof RegExp) {
+      return new RegExp(obj)
+    }
+    if (typeof obj !== 'object') return obj
 
-    if(weakMap.get(obj)){
+    if (weakMap.get(obj)) {
       return weakMap.get(obj)
     }
-    var copy =  new obj.constructor
-    weakMap.set(obj,copy)
-    for(var key in obj){
-      if(Object.prototype.hasOwnProperty.call(obj, key)){
-        var value = obj[key];
-        copy[key] = clone(value);
+    var copy = new obj.constructor()
+    weakMap.set(obj, copy)
+    for (var key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        var value = obj[key]
+        copy[key] = clone(value)
       }
     }
-    return copy;
+    return copy
   }
-  return clone (obj)
-};
+  return clone(obj)
+}
diff --git a/src/utils/validate.js b/src/utils/validate.js
index 6b3ac41..2ab4cc9 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -24,7 +24,8 @@ export function validUsername(str) {
  * @returns {Boolean}
  */
 export function validURL(url) {
-  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  const reg =
+    /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
   return reg.test(url)
 }
 
@@ -60,7 +61,8 @@ export function validAlphabets(str) {
  * @returns {Boolean}
  */
 export function validEmail(email) {
-  const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+  const reg =
+    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
   return reg.test(email)
 }
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 50d8a19..898a700 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
+    <img alt="Vue logo" src="../assets/logo.png" />
+    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
+  import { defineComponent } from 'vue'
+  import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src
 
-export default defineComponent({
-  name: 'Home',
-  components: {
-    HelloWorld,
-  },
-});
+  export default defineComponent({
+    name: 'Home',
+    components: {
+      HelloWorld,
+    },
+  })
 </script>
diff --git a/src/views/charts/animation.vue b/src/views/charts/animation.vue
index 1c9bd98..734a6bc 100644
--- a/src/views/charts/animation.vue
+++ b/src/views/charts/animation.vue
@@ -1,198 +1,208 @@
 <template>
   <div class="m-animation" ref="mAnimation">
-      <div class="item-animation">
-        <div class="item">
-          <div class="item-icon item-icon1">
-            <img src="@/assets/image/circle-bg.png" class="circle-bg"/>
-          </div>
-          <div class="item-right">
-            <div class="item-right-inner">
-              <div class="text-title">带动就业人数</div>
-              <div class="text-number"><count-to :startVal="0" :endVal="6285" :duration="4000" separator=""></count-to></div>
-              <div class="text-der text-decenter-wrapr">
-                <span class="left">同比去年</span>
-                <img src="@/assets/image/allow.png"/>
-                <span class="right">+78%</span>
-              </div>
+    <div class="item-animation">
+      <div class="item">
+        <div class="item-icon item-icon1">
+          <img src="@/assets/image/circle-bg.png" class="circle-bg" />
+        </div>
+        <div class="item-right">
+          <div class="item-right-inner">
+            <div class="text-title">带动就业人数</div>
+            <div class="text-number"
+              ><count-to :startVal="0" :endVal="6285" :duration="4000" separator=""></count-to
+            ></div>
+            <div class="text-der text-decenter-wrapr">
+              <span class="left">同比去年</span>
+              <img src="@/assets/image/allow.png" />
+              <span class="right">+78%</span>
             </div>
           </div>
         </div>
       </div>
-      <div>
-        <div class="circle-dot" v-for="item,index in pointStyle" :key="index" :style="{
-          left:`${item.left}px`,
-          top:`${item.top}px`
-        }"></div>
-      </div>
+    </div>
+    <div>
+      <div
+        class="circle-dot"
+        v-for="(item, index) in pointStyle"
+        :key="index"
+        :style="{
+          left: `${item.left}px`,
+          top: `${item.top}px`,
+        }"
+      ></div>
+    </div>
   </div>
 </template>
 <script setup lang="ts">
-import CountTo from '@/components/u-count-to/vue-countTo.vue'
-import { nextTick, onMounted, ref } from 'vue'
+  import CountTo from '@/components/u-count-to/vue-countTo.vue'
+  import { nextTick, onMounted, ref } from 'vue'
 
-const mAnimation = ref<HTMLElement|null>()
-const pointStyle = ref([])
+  const mAnimation = ref<HTMLElement | null>()
+  const pointStyle = ref([])
 
-function randomNum (minNum, maxNum) {
-  switch (arguments.length) {
-    case 1:
-      return parseInt(Math.random() * minNum + 1)
-    case 2:
-      return parseInt(Math.random() * (maxNum - minNum + 1) + minNum)
-    default:
-      return 0
+  function randomNum(minNum, maxNum) {
+    switch (arguments.length) {
+      case 1:
+        return parseInt(Math.random() * minNum + 1)
+      case 2:
+        return parseInt(Math.random() * (maxNum - minNum + 1) + minNum)
+      default:
+        return 0
+    }
   }
-}
-const getAttribute = () => {
-  const mAnimationInfo = mAnimation.value.getBoundingClientRect()
-  const obj = []
-  for (let i = 0; i < 30; i++) {
-    if (!obj[i]) { obj[i] = {} }
-    obj[i].left = randomNum(0, mAnimationInfo.width)
+  const getAttribute = () => {
+    const mAnimationInfo = mAnimation.value.getBoundingClientRect()
+    const obj = []
+    for (let i = 0; i < 30; i++) {
+      if (!obj[i]) {
+        obj[i] = {}
+      }
+      obj[i].left = randomNum(0, mAnimationInfo.width)
+    }
+    for (let i = 0; i < 30; i++) {
+      if (!obj[i]) {
+        obj[i] = {}
+      }
+      obj[i].top = randomNum(0, mAnimationInfo.height)
+    }
+    return obj
   }
-  for (let i = 0; i < 30; i++) {
-    if (!obj[i]) { obj[i] = {} }
-    obj[i].top = randomNum(0, mAnimationInfo.height)
-  }
-  return obj
-}
 
-onMounted(() => {
-  nextTick(() => {
-    pointStyle.value = getAttribute()
-    console.log('pointStyle',pointStyle)
+  onMounted(() => {
+    nextTick(() => {
+      pointStyle.value = getAttribute()
+      console.log('pointStyle', pointStyle)
+    })
   })
-})
 </script>
 <style lang="scss" scoped>
-.m-animation{
-  height: 100%;
-  width: 100%;
-  background-color: #030409;
-  box-sizing: border-box;
-  position: relative;
-  .circle-bg{
-    animation:rotate 5s infinite linear;
-  }
-  @keyframes rotate{
-    0%{transform:rotate(0deg);}
-    100%{transform:rotate(360deg);}
-  }
-  .item {
+  .m-animation {
+    height: 100%;
+    width: 100%;
+    background-color: #030409;
+    box-sizing: border-box;
+    position: relative;
+    .circle-bg {
+      animation: rotate 5s infinite linear;
+    }
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    .item {
+      display: flex;
+      /*align-items: center;*/
+      .item-icon {
+        width: 117px;
+        height: 109px;
+      }
+      .item-icon1 {
+        background: url('../../assets/image/center-inner1.png') no-repeat center 43%;
+      }
+      .item-right {
+        margin-left: 20px;
+        .item-right-inner {
+          height: 100%;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+        }
+        .text-title {
+          font-size: 20px;
+          letter-spacing: 1px;
+          color: #ffffff;
+          /*margin-bottom: 6px;*/
+          /*height: 20px;*/
+        }
+        .text-number {
+          font-size: 44px;
+          letter-spacing: 2px;
+          color: #00e4ff;
+        }
+        .text-der {
+          overflow: hidden;
+          box-sizing: border-box;
+          display: flex;
+          font-size: 16px;
+          color: #ffffff;
+          letter-spacing: 1px;
+          .left {
+            margin-right: 10px;
+          }
+          img {
+            margin-right: 4px;
+            margin-top: 4px;
+            width: 11px;
+            height: 15px;
+          }
+          .right {
+            color: #ff0000;
+          }
+        }
+      }
+    }
 
-    display: flex;
-    /*align-items: center;*/
-    .item-icon {
-      width: 117px;
-      height: 109px;
-    }
-    .item-icon1{
-      background: url("../../assets/image/center-inner1.png") no-repeat center 43%;
-    }
-    .item-right{
-      margin-left: 20px;
-      .item-right-inner{
+    .circle-dot {
+      width: 5px;
+      height: 5px;
+      border-radius: 50%;
+      background: yellow;
+      text-align: center;
+      font-weight: bold;
+      position: absolute;
+      /*line-height: 100px;*/
+      z-index: 1;
+      &::before {
+        background: inherit;
+        content: '';
+        position: absolute;
+        width: 100%;
         height: 100%;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
+        left: 0;
+        top: 0;
+        z-index: -2;
+        border-radius: 50%;
+        animation: twinkling 2.2s ease-in-out infinite;
       }
-      .text-title{
-        font-size: 20px;
-        letter-spacing: 1px;
-        color: #ffffff;
-        /*margin-bottom: 6px;*/
-        /*height: 20px;*/
-      }
-      .text-number{
-        font-size: 44px;
-        letter-spacing: 2px;
-        color: #00e4ff;
-      }
-      .text-der{
-        overflow: hidden;
-        box-sizing: border-box;
-        display: flex;
-        font-size: 16px;
-        color: #ffffff;
-        letter-spacing: 1px;
-        .left{
-          margin-right: 10px;
-        }
-        img{
-          margin-right: 4px;
-          margin-top: 4px;
-          width: 11px;
-          height: 15px;
-        }
-        .right{
-          color: #ff0000;
-
-        }
+      &::after {
+        background: inherit;
+        content: '';
+        position: absolute;
+        width: 130%;
+        height: 130%;
+        left: -15%;
+        top: -15%;
+        z-index: -1;
+        border-radius: 50%;
+        animation: twinkling 2.2s ease-in-out infinite;
       }
     }
-  }
+    @keyframes twinkling {
+      0% {
+        opacity: 0.2;
+        filter: alpha(opacity=20);
+        transform: scale(1);
+      }
 
+      50% {
+        opacity: 0.5;
+        filter: alpha(opacity=50);
+        transform: scale(1.4);
+      }
 
-
-  .circle-dot {
-    width: 5px;
-    height: 5px;
-    border-radius: 50%;
-    background: yellow;
-    text-align: center;
-    font-weight: bold;
-    position: absolute;
-    /*line-height: 100px;*/
-    z-index: 1;
-    &::before {
-      background: inherit;
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      left: 0;
-      top: 0;
-      z-index: -2;
-      border-radius: 50%;
-      animation: twinkling 2.2s ease-in-out infinite;
+      100% {
+        opacity: 0.2;
+        filter: alpha(opacity=20);
+        transform: scale(0.7);
+      }
     }
-    &::after {
-      background: inherit;
-      content: '';
-      position: absolute;
-      width: 130%;
-      height: 130%;
-      left: -15%;
-      top: -15%;
-      z-index: -1;
-      border-radius: 50%;
-      animation: twinkling 2.2s ease-in-out infinite;
+
+    .item-animation {
+      padding: 20px;
     }
   }
-  @keyframes twinkling {
-    0% {
-      opacity: 0.2;
-      filter: alpha(opacity=20);
-      transform: scale(1);
-    }
-
-    50% {
-      opacity: 0.5;
-      filter: alpha(opacity=50);
-      transform: scale(1.4);
-    }
-
-    100% {
-      opacity: 0.2;
-      filter: alpha(opacity=20);
-      transform: scale(0.7);
-    }
-  }
-
-
-  .item-animation{
-    padding: 20px;
-  }
-}
 </style>
diff --git a/src/views/charts/complex.vue b/src/views/charts/complex.vue
index 95e38eb..8dccb77 100644
--- a/src/views/charts/complex.vue
+++ b/src/views/charts/complex.vue
@@ -12,22 +12,21 @@
   </div>
 </template>
 <script setup lang="ts">
-import LineCharts from './components/complex/line/index.vue'
-import BarCharts from './components/complex/bar/index.vue'
-
+  import LineCharts from './components/complex/line/index.vue'
+  import BarCharts from './components/complex/bar/index.vue'
 </script>
 <style lang="scss" scoped>
-  .m-complex{
+  .m-complex {
     height: 100%;
     width: 100%;
     background-color: #030409;
-    .m-complex-inner{
+    .m-complex-inner {
       padding: 20px;
       display: flex;
       flex-wrap: wrap;
     }
   }
-  .item-complex{
+  .item-complex {
     width: 454px;
     height: 292px;
     background-image: url('../../assets/image/charts/1-1-bg.png');
@@ -35,5 +34,4 @@ import BarCharts from './components/complex/bar/index.vue'
     background-size: contain;
     background-repeat: no-repeat;
   }
-
 </style>
diff --git a/src/views/charts/components/complex/Histogram.vue b/src/views/charts/components/complex/Histogram.vue
index 56b6af5..37b1720 100644
--- a/src/views/charts/components/complex/Histogram.vue
+++ b/src/views/charts/components/complex/Histogram.vue
@@ -1,35 +1,35 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import 'echarts-liquidfill/src/liquidFill.js'
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import 'echarts-liquidfill/src/liquidFill.js'
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
     legend: {
       data: [
         '3-11岁任务数',
@@ -38,12 +38,12 @@ const options = {
         '60岁全程接种量',
         '80岁任务数',
         '80岁全程接种量',
-        '完成率'
-      ]
+        '完成率',
+      ],
     },
     xAxis: {
       type: 'category',
-      data: ['街道1', '街道2', '街道3', '街道4', '街道5', '街道6', '街道7']
+      data: ['街道1', '街道2', '街道3', '街道4', '街道5', '街道6', '街道7'],
     },
     yAxis: [
       { type: 'value' },
@@ -54,7 +54,7 @@ const options = {
         // max: 100,
         nameTextStyle: {
           color: '#ccc',
-          padding: [0, 0, 10, -30]
+          padding: [0, 0, 10, -30],
         },
         splitNumber: 5,
         splitLine: {
@@ -63,16 +63,16 @@ const options = {
             type: 'dashed',
             width: 1,
             // 使用深浅的间隔色
-            color: ['#566471', '#566471']
-          }
+            color: ['#566471', '#566471'],
+          },
         },
         axisLabel: {
           show: true,
           textStyle: {
-            fontSize: 12
-          }
-        }
-      }
+            fontSize: 12,
+          },
+        },
+      },
     ],
     // tooltip: {
     //   trigger: 'axis',
@@ -81,56 +81,60 @@ const options = {
     tooltip: {
       trigger: 'axis',
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       textStyle: {
         color: '#fff',
         align: 'left',
-        fontSize: 14
+        fontSize: 14,
       },
-      axisLine: {//x坐标轴轴线
+      axisLine: {
+        //x坐标轴轴线
         show: true,
-        lineStyle: {//x坐标轴轴线样式
-          color: '#000',//'#ccc' | 'rgb(128, 128, 128)' | 'rgba(128, 128, 128, 0.5)'，设置标签颜色
-        }
+        lineStyle: {
+          //x坐标轴轴线样式
+          color: '#000', //'#ccc' | 'rgb(128, 128, 128)' | 'rgba(128, 128, 128, 0.5)'，设置标签颜色
+        },
       },
 
       backgroundColor: 'rgba(0,0,0,0.8)',
       formatter: function (params) {
-        console.log(params);
-        let str = params[0].name + '<br />';
-        console.log(str);
+        console.log(params)
+        let str = params[0].name + '<br />'
+        console.log(str)
         params.forEach((item) => {
-          console.log(item.seriesName);
+          console.log(item.seriesName)
           if (item.value) {
             if (item.seriesName.indexOf('岁全程接种量') != -1) {
-              str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${item.color}
+              str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${
+                item.color
+              }
                                     "></span>
                                          ${item.seriesName}
                                          :
                                        ${item.value}人  <br/>
                                          &nbsp; &nbsp;  全程完成率
-                                       : ${item.value/100}%
-                                        <br/><br/>`;
-            }else if (item.seriesName.indexOf('岁任务数') != -1) {
+                                       : ${item.value / 100}%
+                                        <br/><br/>`
+            } else if (item.seriesName.indexOf('岁任务数') != -1) {
               str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${item.color}
                                     "></span>
                                          ${item.seriesName}
                                          :
                                        ${item.value}人
-                                        <br/>`;
-            }else{
+                                        <br/>`
+            } else {
               str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${item.color}
                                     "></span>
                                         ${item.seriesName}
                                         :
                                       ${item.value}%
-                                        <br/>`;
+                                        <br/>`
             }
           }
-        });
-        return str;
-      }
+        })
+        return str
+      },
     },
 
     series: [
@@ -138,77 +142,76 @@ const options = {
         name: '3-11岁任务数',
         data: [150, 230, 224, 218, 135, 147, 260],
         stack: 'BB',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '3-11岁全程接种量',
         data: [150, 230, 224, 218, 135, 147, 260],
         stack: 'BB',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '60岁任务数',
         data: [150, 230, 224, 218, 135, 147, 260],
         stack: 'AA',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '60岁全程接种量',
         data: [880, 30, 124, 118, 35, 47, 160],
         stack: 'AA',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '80岁任务数',
         data: [660, 30, 124, 118, 35, 47, 160],
         stack: 'Ad',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '80岁全程接种量',
         data: [880, 30, 124, 118, 35, 47, 160],
         stack: 'Ad',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '完成率',
         data: [50, 130, 124, 18, 35, 47, 160],
-        yAxisIndex:1,
+        yAxisIndex: 1,
         type: 'line',
         markLine: {
           symbol: 'none',
           itemStyle: {
             normal: {
               lineStyle: {
-                type: 'dotted'
-              }
-            }
+                type: 'dotted',
+              },
+            },
           },
-          data: [{ type: 'average', name: 'Avg' + '%' }]
+          data: [{ type: 'average', name: 'Avg' + '%' }],
         },
         //   symbol: 'none',
         itemStyle: {
           normal: {
             lineStyle: {
               width: 2,
-              type: 'solid' //'dotted'虚线 'solid'实线
-            }
-          }
-        }
-      }
-    ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+              type: 'solid', //'dotted'虚线 'solid'实线
+            },
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/complex/bar/components/bar.vue b/src/views/charts/components/complex/bar/components/bar.vue
index 38a7a2a..999e55e 100644
--- a/src/views/charts/components/complex/bar/components/bar.vue
+++ b/src/views/charts/components/complex/bar/components/bar.vue
@@ -1,79 +1,77 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" ref="chartsRef"/>
+  <div :id="id" :class="className" :style="{ height: height, width: width }" ref="chartsRef" />
 </template>
 <script lang="ts" setup>
-import * as echarts from 'echarts'
-import { EChartsType } from 'echarts/core'
-import { onMounted, ref } from 'vue'
-const chartsRef = ref<HTMLElement|null>()
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted, ref } from 'vue'
+  const chartsRef = ref<HTMLElement | null>()
 
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  xAxisData: {
-    type: Array,
-    default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-  },
-  config: {
-    type: Object,
-    default: () => {}
-  },
-  seriesData: {
-    type: Array,
-    default: () => [150, 230, 224, 218, 135, 147, 260]
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true,
-  },
-  xAxis: {
-    type: 'category',
-    data: props.xAxisData
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [
-    {
-      data: props.seriesData,
-      type: 'bar'
-    }
-  ],
-  ...props.config
-}
-let chart:EChartsType
-const initChart = () => {
-  const chart = echarts.init(chartsRef.value)
-  chart.setOption(options)
-  return chart
-}
-onMounted(() => {
-  chart = initChart()
-  window.addEventListener('resize', function () {
-    chart && chart.resize()
+  const props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    xAxisData: {
+      type: Array,
+      default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    seriesData: {
+      type: Array,
+      default: () => [150, 230, 224, 218, 135, 147, 260],
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {
+      type: 'category',
+      data: props.xAxisData,
+    },
+    yAxis: {
+      type: 'value',
+    },
+    series: [
+      {
+        data: props.seriesData,
+        type: 'bar',
+      },
+    ],
+    ...props.config,
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    const chart = echarts.init(chartsRef.value)
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-})
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/charts/components/complex/bar/index.vue b/src/views/charts/components/complex/bar/index.vue
index 2c920e6..913e4f4 100644
--- a/src/views/charts/components/complex/bar/index.vue
+++ b/src/views/charts/components/complex/bar/index.vue
@@ -1,102 +1,103 @@
 <template>
   <div class="item-charts">
-    <bar-charts width="100%" height="100%" :config="lineConfig"/>
+    <bar-charts width="100%" height="100%" :config="lineConfig" />
   </div>
 </template>
 <script setup lang="ts">
-import BarCharts from './components/bar.vue'
-import { reactive } from 'vue'
-const data = [154, 230, 224, 218, 135, 147, 260]
-const color = ['#fa796f','#54c1fb','#ca6cd4','#59dcc1','#09a4ea','#e98f4d','#ea8e49']
-const dataOptions = []
+  import BarCharts from './components/bar.vue'
+  import { reactive } from 'vue'
+  const data = [154, 230, 224, 218, 135, 147, 260]
+  const color = ['#fa796f', '#54c1fb', '#ca6cd4', '#59dcc1', '#09a4ea', '#e98f4d', '#ea8e49']
+  const dataOptions = []
 
-data.forEach((item,index) => {
-  let obj = {
-    value: data[index],
-    itemStyle: {
-      color: color[index]
+  data.forEach((item, index) => {
+    let obj = {
+      value: data[index],
+      itemStyle: {
+        color: color[index],
+      },
     }
-  }
-  dataOptions.push(obj)
-})
+    dataOptions.push(obj)
+  })
 
-const lineConfig = reactive({
-  color,
-  grid: {
-    top: '10%',
-    left: '3%',
-    right: '4%',
-    bottom: '10%',
-    containLabel: true
-  },
-  tooltip: {
-    trigger: 'axis',
-    backgroundColor: 'rgba(0,0,0,0.7)',
-    borderWidth: 0,
-    borderColor: 'rgba(0,0,0,0.7)',
-    formatter: (name, val) => {
-      const tipHtml = `
+  const lineConfig = reactive({
+    color,
+    grid: {
+      top: '10%',
+      left: '3%',
+      right: '4%',
+      bottom: '10%',
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: 'axis',
+      backgroundColor: 'rgba(0,0,0,0.7)',
+      borderWidth: 0,
+      borderColor: 'rgba(0,0,0,0.7)',
+      formatter: (name, val) => {
+        const tipHtml = `
                      <div class="m-info" style=" opacity: 0.95;font-size: 12px; color: white;" >
                          <div class="title" ></div>
                          <div class="title" >完成占比${name[0].value}</div>
                  </div>`
-      return tipHtml
-    }
-  },
-  yAxis: {
-    // 设置坐标轴的 文字样式
-    axisLabel: {
-      color: '#bbdaff',
-      margin: 20 // 刻度标签与轴线之间的距离。
+        return tipHtml
+      },
     },
-    axisTick: { // 取消坐标轴刻度线
-      show: false
+    yAxis: {
+      // 设置坐标轴的 文字样式
+      axisLabel: {
+        color: '#bbdaff',
+        margin: 20, // 刻度标签与轴线之间的距离。
+      },
+      axisTick: {
+        // 取消坐标轴刻度线
+        show: false,
+      },
+      // 坐标轴轴线相关设置。
+      splitLine: {
+        lineStyle: {
+          color: '#2d5baf',
+        },
+      },
     },
-    // 坐标轴轴线相关设置。
-    splitLine: {
-      lineStyle: {
-        color: '#2d5baf'
-      }
-    }
-  },
-  xAxis: {
-    splitLine: {
-      show: false
-    },
-    // 坐标轴轴线相关设置。
-    axisLine: {
-      lineStyle: {
-        color: '#2d5baf'
-      }
-    },
-    type: 'category',
-    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    axisLabel: { // 设置坐标轴的 文字样式
-      color: '#bbdaff',
-      margin: 20 // 刻度标签与轴线之间的距离。
-    },
-
-    axisTick: { // 取消坐标轴刻度线
-      show: false
-    }
-  },
-  series: [
-    {
-      data: dataOptions,
-      type: 'bar',
-      barMaxWidth: 18,
-      markLine: {
-        silent: true
+    xAxis: {
+      splitLine: {
+        show: false,
+      },
+      // 坐标轴轴线相关设置。
+      axisLine: {
+        lineStyle: {
+          color: '#2d5baf',
+        },
+      },
+      type: 'category',
+      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+      axisLabel: {
+        // 设置坐标轴的 文字样式
+        color: '#bbdaff',
+        margin: 20, // 刻度标签与轴线之间的距离。
       },
 
-
-    }]
-})
-
+      axisTick: {
+        // 取消坐标轴刻度线
+        show: false,
+      },
+    },
+    series: [
+      {
+        data: dataOptions,
+        type: 'bar',
+        barMaxWidth: 18,
+        markLine: {
+          silent: true,
+        },
+      },
+    ],
+  })
 </script>
 <style lang="scss" scoped>
-.item-charts{
-  height: 100%;
-  width: 100%;
-}
+  .item-charts {
+    height: 100%;
+    width: 100%;
+  }
 </style>
diff --git a/src/views/charts/components/complex/bullish.vue b/src/views/charts/components/complex/bullish.vue
index ea6fd75..61487f8 100644
--- a/src/views/charts/components/complex/bullish.vue
+++ b/src/views/charts/components/complex/bullish.vue
@@ -1,186 +1,204 @@
-
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-var path = 'path://M1472.28,127.91v1C1551,161.7,1579,253.05,1566,330.91a302.16,302.16,0,0,1-10.75,45c-1.53,4.64-2.58,11.74-5.84,15.49-4.58,5.24-17.68,7.14-24.16,9.56-16.89,6.31-33.09,14.32-49,22.73a288.45,288.45,0,0,0-41,26.87c-5.65,4.35-12.1,13-19,15-5,1.48-13-2.41-18-3.47-13-2.75-26.75-4.88-40-5.2-34.31-.84-68.14-.13-101-12.07-87.12-31.65-121-121.33-121-207.95-8.6,6.19-14.51,17.69-19.24,27-12.29,24.17-18.25,50.2-20.93,77-9.21,92.11,29.78,183.68,110.17,232,17.52,10.54,39.51,23,60,26-27.07,22.42-61.21,39.27-91,58l-24,15.1c-3.06,1.92-8.39,4-10.25,7.28-3.37,5.86,12.26,15.67,16.25,18.32,19,12.57,45.11,21.88,68,22.35-14.3,12.93-35.35,20.72-51,32.66-34,26-63.52,56.3-91.71,88.34a787.23,787.23,0,0,0-57.4,73c-12.44,18.05-23,37.85-38,54-13.26,14.26-28.7,25.07-44.92,35.66-56.3,36.75-122.64,58.87-187,76.76-91.95,25.57-185.55,44.87-277,72.31-41.2,12.35-81.72,26.39-117,51.7-11.09,8-22.6,17.26-31.57,27.57-4.78,5.49-11.54,16.79-18.44,19.4-6.5,2.45-17.27-.17-24-1.13-21.36-3-50.8-8.45-64.21-27.27-9.24-13-3-28.7,5.88-40,17.49-22.23,44.8-39.36,71.33-48.66,53.62-18.78,111-24.35,165-42.34,25.32-8.44,54.45-19.34,71.49-41,21.79-27.7,14.86-74.74,5.94-106-26.46-92.7-114.26-157-210.43-159,14.47,18,33.35,30.17,41.31,53,2.84,8.16,2.07,15.62,2.86,24,1.79,18.79,6.07,37.51,19,52,28.13,31.53,70.68,26.37,102.82,49.93,17.21,12.61,32.57,33.58,27.1,56.07-10.26,42.27-68.2,52.95-104.1,59.42-57.71,10.42-118.24,18.08-173,40-30.44,12.18-59.21,31.26-72.13,62.6-19.22,46.59,5,87.25,44.13,113.33a263.25,263.25,0,0,0,41,22.09c4.22,1.84,12.58,3.76,11.82,9.6-1.91,14.69-8.09,29.16-10.39,44-4.36,28.12-5.11,57.57-4.41,86,1.54,62.75,7,125,7,188,0,39-.72,79-10.73,117-12.41,47.06-52.6,77.71-69.21,123a177.6,177.6,0,0,0-11,53c-.64,14.62,1.52,29.6-1.7,44-3.28,14.63-19.08,24.93-20.24,39-1.48,18,10.2,33.95,7.6,52-3.72,25.85-33.15,41.75-27,70,3.33,15.35,18.49,24.8,32.33,29.66,28.41,10,63.53,12.06,93,5.68,19.29-4.18,41.85-16,32-39.34-16.25,4.65-30.79,10.21-48,11-16.31.71-31.87-3.27-48-4v-1c29.51-5.48,58.33-7.43,85-23-14.07-44.48-78.23-59.81-76-110,.64-13.92,8.93-27.24,17.09-38,18.37-24.2,43.35-42.89,67.87-60.42,58.41-41.76,121.88-75.85,180-118,37.2-27,70.16-60.68,106-89.57,16.43,79.56,64.1,157.63,124,211.83,20.94,19,44.5,33.9,67,50.8,11.75,8.82,25.72,18.68,33.54,31.37,8.65,14.06-8.82,18.72-8.4,32,.46,14.58,16.09,26.43,19.35,41,2.91,13-1.16,25.79-5.54,38-3.51,9.81-6.76,21.2,1.52,29.67,6.93,7.08,18.29,9.25,27.53,11.45,25.93,6.14,53.84,6.41,80,2,8.67-1.47,40.39-11.88,28.83-26.48-3.37-4.25-19.71-.6-24.83-.6-23,0-42.29-5.75-64-12v-1c25.71,0,58.05-.69,82-11-7.68-18.45-19.4-37.15-34-50.91-11.59-10.93-25.16-18.77-35.56-31.09-37.67-44.64-65-113-62.4-172,1.41-32.05,18.57-53.87,35.62-80,19.45-29.79,38.76-59.78,57.54-90,8.14-13.11,16.85-25.89,25-39,2.87-4.62,6.56-13.55,11.85-15.69,6.63-2.68,18,1,24.95,1.6,22.7,1.83,45.45,4.82,68,8,73.16,10.17,145.12,22.29,216,43.41,15.49,4.61,31.33,8.38,47,12.35,7.83,2,17.29,3,24,7.75,28.88,20.47,61.08,50.49,76.74,82.62,10.42,21.38,9.22,47.09,24.72,66,30,36.62,76.59,55.44,109.5,89,22.06,22.51,25,52.87,38.3,80,5.78,11.84,18.15,18.21,23.39,30,9.57,21.55-5.94,45.37-13,65-5.93,16.62-2.68,37.29,8.63,51,28.34,34.37,85.85,32.9,125.68,25.39,21.63-4.08,45-13.08,45-38.39-33.33.09-65,2.77-98-5.48-14.23-3.55-26.6-9.94-40-15.52v-1c45.78,5.91,88.63,10.78,134-2-13.48-32.38-41.31-63.58-67-86.83-22.22-20.11-45.87-38.14-63-63.17-19-27.75-26.23-61.69-23.94-95,1.07-15.61,8.5-30.09,5.24-46-5.58-27.3-24.69-47.5-36-72-11.87-25.65-13.5-55.3-15.4-83-.84-12.21-3.08-26.88-.63-39,1.37-6.77,7.76-13.69,11.93-19,11-14,23.22-26.45,35.79-39,20.79-20.76,45.55-37.78,69-55.37,32.27-24.21,65.23-49,101-67.85,24-12.65,58.09-21.5,79.91.31,19,19,18.11,52.46,3.73,73.91-6.5,9.7-18.93,17-21.17,29-3.86,20.58,15.81,43.32-7.47,58.9-30.6,20.47-81.21,5.06-100.63,43.1a53.83,53.83,0,0,0-5.07,16c-5.36,34.59,6.69,80.69,32.7,104.91,11.92,11.1,29.9,18.48,46,12.16,3.89-1.53,11.44-4.6,12.65-9.1,1-3.68-4.44-6.88-6.65-9a102.67,102.67,0,0,1-18.69-24c-14-25.5-15.53-49.67-14.31-78h1c.75,36.25,22.54,76.42,57,90,42.58-109.73,89.4-217.41,110.42-334,8.3-46,17.54-102.62,1.36-148-5.89-16.53-21.23-23.44-35.78-31.31-29.79-16.11-59.59-31.3-91-44.09-8.3-3.37-16.6-6.81-25-9.92-3.63-1.34-9.71-2.44-12.38-5.38-3.17-3.49-.62-16.55-.62-21.3,0-20,.28-40.07-1.09-60a870.11,870.11,0,0,0-11.33-95c-8.14-45.1-19.57-89.75-17.54-136,1.44-32.95,3.38-70.71,22.48-99,8.7-12.88,22.25-21.62,33.48-32.08,17.49-16.29,33.42-34.41,45.8-54.92,16.85-27.91,27.29-59.34,34.55-91,5.5-24,8.46-48.26,18.51-71,17.57-39.74,54.62-67.63,70.08-108,11.51-30.07,9.57-65.44.92-96-3.24-11.42-6.37-24.73-15.86-32.67-26.77-22.36-65.92,2.83-61.81,35.67,2.31,18.57,25.16,26.94,39.81,16.37,9.18-6.63,10-16,10-26.37h1c1,7.24,2.88,13.66,1.1,21-5.85,24.08-34.91,38.31-56.1,23.22-23.42-16.69-27.41-51.5-10.84-74.22a58.1,58.1,0,0,1,21.84-18.51c11.76-5.52,22.5-5,35-4.49v-1c-5.86-3.08-11.5-6.23-18-7.76-33.08-7.79-45,24.6-68,38.95-52,32.51-108.58,62.8-167,81.81,0-81.44-16.39-176.06-91-223.56a189.17,189.17,0,0,0-48-21.71c-21.73-6.48-44.43-8.73-67-8.73m133,55c0,6.85.56,13.72-2.67,20-8.44,16.45-28,18.37-42.33,9v-1c14,.61,27.06-.94,36.47-13,3.6-4.61,5.06-10.41,8.53-15m28,41c9.74,33-39.31,61.09-61,33,19.8,3.85,38.15.49,51.53-16,4.25-5.23,6-11.45,9.47-17m25,56c-2,15.68-10.38,29.06-25,35.88-18.57,8.67-48.86,2.65-56-18.88,20.19,10.63,41.93,14.1,62,.65,7.47-5,12.19-12.14,19-17.65m186,36-23.14,54-29.86,67h-1v-66h-1c-5,28.89-23.6,57.21-33,85h-1l-4-59h-1l-14,39-9,22-10-51h-1c-1.56,11.56-4.92,29.05-11,39l-18-34c-.82,10.06-4.13,27.77-10,36l-20-44,44-14.34,67-27.91,76-45.75m-182,19c-1,46.3-68.69,59.78-89,19,7.24,2.29,13.51,6.61,21,8.53a61.2,61.2,0,0,0,51-10.29c6.62-4.92,11-11.78,17-17.24m-510,23c4.91,26.55-30.79,50.19-50,27,15.91,3.09,30.78.15,41.67-13,3.55-4.28,5-9.65,8.33-14m17,38c2.32,8.49,5.16,16,3.54,25-5,27.78-32.38,37.31-56.54,28v-1a51.93,51.93,0,0,0,47.69-31c3-6.73,2.48-14.42,5.31-21m28,32c24.78,24.8,25.68,67.05-9,84.63-8.79,4.46-18.31,5.37-28,5.37v-1c24.42-11.62,42.28-34,42-62-.09-8.54-6.36-19.21-5-27m57,27c29,22.14,29.88,67.72,3,91.83-13.69,12.28-29.28,15.17-47,15.17v-1c33.84-11.52,51.46-46,50-80-.39-8.8-6.23-17.58-6-26m76,15c32.9,23.18,31.66,75.17,3,100.83-14.75,13.21-32,16.17-51,16.17v-1c33.86-13.15,55.87-46.86,55-83-.27-10.86-7.83-22.88-7-33m367,0c-1.53,11.34-6.74,22.81-11.76,33-5.79,11.79-12.83,23.62-22.33,32.83-32.55,31.58-79.5,22.37-113.91-.83,3.4-14.17,15-26.81,26-35.73,34.26-27.82,80.08-29.27,122-29.27m83,153v1c-32.1,9-68.74,12.91-102,13v1l70,1,37-3v1c-32.09,13.35-65.32,29.91-101,30v1c39.41,0,72.72-12.82,110-23-6,8.07-16.41,13.4-25,18.29-26,14.78-55.32,20.71-85,20.71-14.48,0-32.39-1.69-42.81-13-13.24-14.41-3.73-39.46,11.81-48.05,15-8.3,34.65-6.49,51-4.74,25.45,2.73,50.37,4.83,76,4.83m46,40v1c-72.51,34.36-150.45,63-232,63v1c50.37,0,102.12-5,151-17.88,20.48-5.4,39.55-16.27,60-21.12v1c-67.17,35.76-136.49,64-214,64v1c49.63,0,98.61-6.95,146-22,18.9-6,36.58-14.83,55-22-13.6,14-39.3,21.26-57,28.85-54.69,23.48-109.23,39.15-169,39.15-29.63,0-87.91-8.9-72.45-52,10.38-28.94,53.16-25,77.45-25,26.34,0,52.55,3.12,79,2s54.08-6.6,80-12c32.94-6.82,63.51-21.3,96-29m-490,95c-9,12.82-22,23.86-33,35-13.57,13.74-26.34,28.34-40,42-9.52,9.52-21.78,19.12-33.47,5.82-6.26-7.12-8.17-19.63-.42-26.43,10.95-9.61,28-15.38,40.89-22.17,20.8-11,43.44-27.7,66-34.22m110,7c13.35,13.32,27.65,25.68,41,39,8.43,8.42,17.17,16.84,26,24.83,7,6.32,19.4,14.49,21.61,24.17,3.34,14.66-14,28.53-27.61,22.35-8.07-3.66-11.35-15.11-15.42-22.35-11.5-20.39-22.56-41.2-33.32-62-3.38-6.52-13.32-18.7-12.26-26m-58,3c0,37.17-1.35,76,2.17,113,1.3,13.63,5.23,34.75-9.17,42.59-13.67,7.44-36.07-1.26-34.9-18.59.71-10.58,6.13-21.87,9.18-32l19-63c3.75-12.51,5.9-31.54,13.72-42m-21,9c-6,19-20.18,37.46-29.69,55-9.86,18.19-18.64,41-31.7,57-7.09,8.69-20.53,7.56-28.42.5-12.18-10.9-6.4-24.08,3.81-33.32,20.52-18.57,40.48-37.76,61-56.34,8.27-7.48,15.88-16.4,25-22.83m41,0c18.35,30,36.3,60.21,55,90,6.77,10.82,18.18,24.73,7.71,37-7.85,9.17-26.4,12-33.24,0-4.52-7.89-5.11-19.19-7.29-28-5.31-21.25-9.84-42.7-15-64-2.29-9.44-9.28-25.59-7.13-35m-889,172c-21.37-15-38.7-38.46-57-57-22.46-22.73-50.59-44.87-69-71,14.95,2.24,29.74,12,42,20.35,36.79,25,67,66.75,84,107.65m-130-95c15.29,21.27,35.84,39.06,56,55.58,9.21,7.56,21.44,14.27,29,23.42-32-1.37-58.8-24.18-74.13-51-3.78-6.61-13.15-20.27-10.87-28m1243,10c5.1,17.26,2.45,39.26,2,57-1,41.87-6.18,83.51-17.43,124-5.68,20.43-14.79,39.76-20.58,60h1c5.34-16.88,17.8-33.09,25.75-49,18.06-36.11,35.72-73.55,48.25-112h1c-1.71,21.7-7.08,43.65-11.2,65a1364.13,1364.13,0,0,1-42.8,164h1l48.58-77,41.42-81h1l-34.33,130-24.87,70-16.8,40h1l35-49,47-79h1c-11.54,44.6-23.55,88.39-41.42,131-10.72,25.55-24.91,49-36.58,74l46.37-61,30.63-44h1c-2.82,19.19-11.82,38.78-18.31,57a892.42,892.42,0,0,1-60.69,135,595.42,595.42,0,0,0,63-75h1c-2.34,15.9-9.21,31.82-14.33,47-11.65,34.49-27.12,68.68-47.34,99-9.95,14.93-21.5,30.6-36.33,41,0-23.32,3.72-46.66,4-70,.93-78.47-3.47-156.65-17.42-234a892.72,892.72,0,0,0-29.25-118c-4.27-13.12-8.85-26.18-13.93-39-2.51-6.32-7.29-14.22-7.84-21-.44-5.6,2.71-12.57,4.07-18,3.14-12.59,6.07-25.27,8.57-38,7.43-37.9,12.8-76.37,12.8-115h2c1.2,58.05,17.25,118.15,3,176h1c16.24-39.6,34-77.54,45.58-119a454.82,454.82,0,0,0,10.34-46c1.31-7.76,1.07-17.84,4.08-25m-413,70c5.41-1.52,11.34-3.23,17-2.55,45.43,5.41,38.79,62.68,22,91.55h-1l-1-27h-1l-5,28h-1l-5-39h-1l-2,40h-1l-12-50h-1l2,49h-1l-14-47h-1l4,47h-1c-6.44-15-14.6-34.95-17-51h-1l10,55h-1c-9.22-20.8-21.68-47.51-25-70h-1l15,74h-1c-8.36-15.68-17-34.66-21-52h-1l11,53h-1l-20-43h-1l12,50h-1l-22-41h-1l16,48c-10.14-7.77-19.56-23.5-25-35h-1l15,37c-7.66-3.57-14.41-12.46-18-20h-1l13,25c-28.92-15.39-67.06-61.19-30-89.46,4.72-3.6,10.4-5,16-6.54-8-27.15,18.21-52,44-52,17.77,0,33.13,12,40,28m-39,23,1,1-1-1m157,165v-1l26-9v-1l-29,4v-1l35-17v-1l-39,11v-1l44-27v-1l-48,17v-1l42-29-45,18v-1l44-31v-1l-50,26v-1l59-46c-21.47,11.31-43.75,30.16-67,37v-1l44-37-48,27,35-34-45,27,32-35-41,29,25-34-31,25,13-23-19,19c7.13-27.47,25.41-68.94,61-62.53,6.42,1.15,13,3.62,18,7.86,3,2.52,6,8.94,10.1,9.46,5.24.67,12.45-3.1,17.91-3.62,14.25-1.35,28.44,5.57,37,16.83,9.21,12.19,12.1,28.87,5.73,43-2.64,5.85-8.72,11.12-10.59,17-1.24,3.88,3.09,8.47,4.35,12,2.22,6.23,2.34,14.57.87,21-8.36,36.41-53.28,33.2-81.32,32m-316-149c-9.77,26.84-33.09,53-51.84,74-62,69.42-148.28,112.34-240.16,124.72-28.53,3.84-56.39,3.28-85,3.28v-2c32.11-4.32,65.57-17.48,96-28.31,76.94-27.38,152-62.23,217-112.34,23.38-18,42-40.27,64-59.35m191.33,2.67.34.67-.34-.67m-40,3,.34.67-.34-.67m-23.33,19.33,1,1-1-1m305,6c47.91,32.33,77.54,87.44,68.41,146-4.37,28-17.32,68.7-53.41,62.67-39.88-6.66-32.15-69.51,8-66.34,7.87.62,14.47,3.37,21,7.67,8.36-40.54,6.18-75.37-14.85-112a159.52,159.52,0,0,0-18.44-26c-3.15-3.59-9.46-7.43-10.71-12m-143,3,1,1-1-1m-18,2,1,1-1-1m34,3,1,1-1-1m26,15,1,1-1-1m23,1,1,1-1-1m-238,40-27-7v1c8.65,2,20.27,7.08,26,14l-39-6v1c12,1,26.62,7,37,13v1l-52-4v1l47,13v1l-51-1v1l48,11v1h-56v1l57,7v1l-77,3v1c24.17,0,53.5,2.4,77,8v1l-59,4v1l57,5v1l-49,6v1l51,4v1l-46,8v1h50v1l-39,11v1l38-2v1l-23,9v1l26-5c-3.72,6.43-11.75,10.68-18,14.4-19.67,11.7-47.78,20.06-67,2.41a35,35,0,0,1-10.53-17.81c-.8-3.77.68-9.29-1.54-12.57s-8.52-3.8-12-5.31a42.36,42.36,0,0,1-17.08-13.12c-20.88-28.29-1-67.22,33.08-70,0-5.45.48-10.86,2.47-16,16.06-41.47,75.51-20,94.53,7m138,22h-1c-4.91-26.06-35.82-46.31-56-20-4.56-12.85,14.79-25.15,25-27.19,28.54-5.71,40.67,24.69,32,47.19m91-41,1,1-1-1m-154,4-2,13-8-11c3.64-3.31,5.3-3.42,10-2m-5,20c-29.83-6.15-51.37,18.89-37,47-4.81-1.64-8.47-5-11.61-9-10.65-13.57-8.63-34.2,5.61-44.36,12-8.53,35-7.37,43,6.36m160-9,1,1-1-1M1097,1069.23l.66.34-.66-.34m194.33,12.67,3-1,1,7-12,3c.57-3.17,3.82-12.42,8-9m-65,33c-5.93-4.35-9.93-17-12-24-.82-2.83-1.91-8.2,2.09-9.25,3.68-1,5.61,3.48,6.35,6.25a112.35,112.35,0,0,1,3.52,27m7-8c.68-3.53,2.4-21.07,7.79-20.08,6.55,1.2-5.14,18.35-7.79,20.08m137-12,1,1-1-1m-135,24c5-7,12.85-13.76,20-18.53,2.36-1.58,7.77-4.78,9.86-1,1.86,3.35-2.55,6.85-4.88,8.45-6.81,4.68-16.85,9.65-25,11.1m-21-5c-3.62-1.56-19.7-8.26-17.65-13.59,1.12-2.93,5.28-.19,6.65.87,4.32,3.36,8.69,7.77,11,12.72m65,46c3.6-5.28,11.31-7.72,15.67-13,8.57-10.39,8.57-26.61,0-37-3.9-4.73-10.23-7.27-13.67-12,10.34,0,20.07,2,27.91,9.3,13,12.06,11.9,34.24-1.92,45.17-8.33,6.59-17.81,7.53-28,7.53m316-55-1,3,1-3m-376,18c-6.47,3.88-19.5,4.25-27,4-2.73-.11-8.66-.88-8.08-4.91.52-3.54,5.3-4,8.08-4a102.69,102.69,0,0,1,27,4.9m-55,1v2l-12,4-3-4c3.47-7.92,8.72-5.29,15-2m63.13-3.25c4.09-1.1,6,5.2,1.77,6.28-4,1-5.85-5.18-1.77-6.28m18.87,4.25v-2c3.26,0,21.77-3.61,21.65,1.87s-18.45.54-21.65.13m-10,4a109.5,109.5,0,0,1,12,6.28c2.7,1.54,5.39,3.1,8,4.77,3,1.91,13,12.66,3,11.66-6.45-.64-23.11-16.37-23-22.71m-66,1c-2.24,6.14-5.66,11.24-6,18-1,23.73,19.44,33.62,40,32-11.45,13.82-36.37,12.67-47.47-1-9.27-11.45-8.17-27.5.4-38.95a31.67,31.67,0,0,1,13.07-10m55,2c.71,8-2.25,19.48-5.09,27-1,2.62-3.14,7-6.7,6.17-4-1-2.74-6.51-1.74-9.17,2.92-7.8,7.6-18.14,13.53-24m-11,2c-4.65,5.77-12,14-20,13,2.12-7.39,12.9-11.73,20-13m136,143c-9.89,22.12-39.74,19.35-56,7.24s-24.49-37.81-27-57.24h1l17,21-12-26,27,26-20-32,40,32-30-39,41,30-31-37,44,30-40-39,64,42-40-36-16-16,50,30-41-37,43,22-38-32v-1l41,18-39-29,41,14v-1l-33-20v-1l25,5v-1l-24-10c7-3.14,14.66-1.63,22-1.09,23.3,1.71,50.28,10.14,56,36.09a35.71,35.71,0,0,1-1.46,21c-1.49,3.71-6.09,7.91-5.94,12,.34,9.16,10.9,17.45,11.38,28,1.11,24.47-16.4,46.95-42,47.54-9.75.23-17.92-3.94-27-6.54m-116-137,7,22c-7.65-1.25-9.62-15.74-7-22m127,11,1,1-1-1m-68,18v7c-7.6.51-10.64-2.39-12-10l12,3m-20-2c2.48,8.81,4,17.11.9,26-6.8,19.17-30.6,26-46.9,14.36-8.19-5.87-12-14.8-14-24.36,16.33,13.11,35.34,21.78,51.67,2,4.52-5.48,4.51-12.5,8.33-18m94,16v1l3,1-3-2m-159,5v13l-7,1-3-4,10-10m-63,6-14,22,20-18-18,36h1c5.28-11.12,15.22-24.52,25-32l-19,49h1l27-41h1l-16,48h1c4.46-14.08,15.76-28.77,24-41h1l-16,52h1l23-50h1l-20,72h1l30-68h1l-13,56h1l21-50h1l-8,48h1l18-47h1l-5,46h1l14-47h1l-1,43h1l10-39h1l2,26h1l3-26h1c6.57,17,12.39,37.56,8.48,56-5.16,24.33-31.08,41.28-54.48,29-10.63,28-49.21,32.56-70,13.82-11.91-10.75-15.64-28.55-12-43.82-22.18-3.33-31.83-27.15-26.25-47,5.65-20.14,28.24-41.12,48.25-47m219,4,1,1-1-1m-1165,9c11.79,43.13,63.28,76.37,105,85v1c-35.68-.74-79-19.55-96.22-52-4.37-8.25-12.45-24.61-8.78-34m1163,6,1,1-1-1m-232,3,1,1-1-1m-536,47c-15.95-5.39-31.12-10.22-48-11.83-45.95-4.38-87.44,11.77-127,32.83,7-12.12,20.55-21.05,32-28.67,39.85-26.52,91.69-32.75,137-17.66,22.11,7.36,52,20.84,54.82,47.33,3.26,30.35-41.74,49.71-55.75,19-5.87-12.88.9-29.5,6.93-41m188-32,76,15v1l-42,22v1l47,10v1l-44,24v1l65-3-26,19-42,28v1l75-14v1l-93,67,80-19c-12,15.65-34.36,27.6-50,39.65-30.72,23.67-61.34,53.17-95,72.35,5.57-19.33,17.38-38.12,24.79-57a458.62,458.62,0,0,0,26.93-102,331.28,331.28,0,0,0,2.19-74c-.76-9.5-7.57-25.25-4.91-34m562,1,2,2-2-2m24,3,1,1-1-1m-37,4,1,1-1-1m-46,9,1,1-1-1m15,0,3,3-3-3m20,0,1,1-1-1m313,7,1,1-1-1m-592,129-74,3v-1l28-21c-26.61.55-58.13,3.82-84,10l20-15,49-33-61-5,15-10.15,34-18.85v-1l-59-15v-2l58-12.42,22.57-3.94,3.8,8.36,6.63,24,22.25,58,18.75,35m111-126,1,1-1-1m10,11,1,1-1-1m359,5c-3.64,7.95-11,14.48-16.72,21a376.36,376.36,0,0,1-48.28,45.4c-81,64.74-191,95.89-292,63.6v-1c93.66-7.39,189-40.62,273-81.26,29.13-14.09,55.56-32.6,84-47.74m-335,5,1,1-1-1m-18.67,12.67.34.66-.34-.66m746.67,3.33c-4,10.82-11.47,20.72-16.74,31-11.54,22.51-22,47.75-25.26,73h-1c-25.77-42.14.69-86.29,43-104m-69,5c-6.38,9.06-15.37,16.66-22.71,25-23.71,26.94-49.14,56.12-62.29,90-5.31-10-1.62-26.62,1.16-37,9.65-36.18,47.59-69.39,83.84-78m-1350,74c-5.76-7.72-10.07-16.77-19-21.58-7.09-3.82-14.48.3-14.65,8.58-.19,10.13,7.28,18.1,10.65,27-9.55-2.21-17.11-7.11-24-14-16.27-16.26-26.69-45.3,0-57.68a31.9,31.9,0,0,1,12-3.06c26-.78,41.69,39.59,35,60.74m29,18c5.18-8.3,13.44-15.74,14.63-26,1-8.18-6.44-12.49-13.63-9.87-9.58,3.5-13.89,13-22,17.87a56.19,56.19,0,0,1,5.76-26c5.62-11.42,14.81-25.06,28.24-27.69,28.06-5.48,42.54,25.25,27.78,46.69-4.66,6.77-11,12.13-17.78,16.64a49,49,0,0,1-23,8.36m1115-60-2,4,2-4m-992,21.39c24.32-1.72,28.64,37.5,4,39.52-27.06,2.22-30.95-37.61-4-39.52m-154,27.94c27.49-4.82,35.84,37.46,8,42.34-27.08,4.75-35.1-37.59-8-42.34m-24,13.67c-9.38,5.65-21.43,4.64-28.28,15-3.9,5.89.36,11.42,6.28,13.53,9.5,3.38,19.82.42,29-2.52-9.88,19.83-47.72,36.81-66.83,20.32-18.74-16.17-8-43,12.83-49.8,6.92-2.26,13.8-2.52,21-2.52,9.4,0,17.71,1.29,26,6m47,30c9.11,2.49,20.28,9,30,5.26,7.07-2.72,8.31-9.74,3.77-15.26-6.34-7.71-15-11.08-23.77-15,17-12.62,57.8.34,64.21,20,7.8,23.92-15.09,42.14-37.21,36.08a62,62,0,0,1-19-9.29c-7.59-5.34-15.32-12.7-18-21.79m970-27,11,96-44-41,5,60c-17-11.28-32.55-28.55-47-43l29,78-32-24.12-51-39.88c11.93,28.5,35.45,54.33,44,84l-39-28.63-77-57.37c15.81,29.7,41.11,57.58,53,89-22.38-9.41-44.15-29.53-64-43.58q-61.1-43.21-123-85.42c4.26-1.53,9.57.39,14,1,10.31,1.42,20.65,2.8,31,3.83a694.58,694.58,0,0,0,99,3.13c45.84-2,92.82-10.18,136-26,18.85-6.91,36.29-20,55-25.95m-1140,4.46c25.56-.81,26.56,39.2,1,39.2-24.83,0-25.94-38.41-1-39.2M797,1405.23l.66.34-.66-.34m841.33,13.67-1,2,1-2m-1156,8c-.44,10.17-3.59,28.15,8,34,14.89,7.46,18-24,18-32,17.73,13.7,18.84,56.69-1,69-21.27,13.2-43-5-43-27,0-7.36.64-14,3-21,3-9,7.1-17.39,15-23m588,12c1.81,42,10.69,83.63,28.31,122,7.81,17,18.66,31.77,27.69,48-18.64-1.48-37.52-6.86-56-9.92-37.14-6.15-74.55-11.29-112-14.91-33.14-3.21-67.66-6.36-101-4.08-20.42,1.4-40.6,5.39-61,6.82-22.36,1.57-47.11,3.25-69-2.39-10.33-2.66-21.8-8.89-23-20.52,13.73,4.35,23,10,38,10-5.17-13.8-3.92-31.05,0-45h1c6.38,14.77,21.44,28.52,37,33,0-16.18-2.43-36.79,7-51,7.41,15.63,19.47,32.84,37,38-.14-17.15-2-32.81,8-48,3.36,4.69,4.52,10.92,7.43,16,7.29,12.74,19,24.15,32.57,30,0-16.21-.22-35.54,8-50h1c8.11,18.3,14.61,37.08,32,49-4.83-20.29.31-47.81,10-66,4.24,6.74,5.81,15.62,8.86,23,6.89,16.68,15.59,32.88,28.14,46,0-19.12-.59-38,2.13-57,.89-6.21,1.57-17,6.87-21,1.35,31.27,22.24,61.38,42,84-1.09-25.29-2.9-49.67,0-75,1.16-10.35,2.42-24.05,8-33,12.83,37.82,18.07,80.41,45,112a499.31,499.31,0,0,1,.83-88c1-9.94.8-22.92,5.17-32m214,42,1,1-1-1m-635,3c-1.72,11.45-8,23.06-13.72,33-22.54,39.4-64.15,66.87-109.28,71.95-24.81,2.8-67.3,2.25-72.67-29.95-7.37-44.11,58.5-56.52,65.91-12,1.12,6.72-.2,12.59-2.24,19,40.85,0,77.9-15.94,105.91-46,10.34-11.1,16.65-24.61,26.09-36m-300,23.3c55.12-7.94,82.86,65.83,36,96a51,51,0,0,1-21,7.41c-54,7-80.66-66.35-35-95.84a51.36,51.36,0,0,1,20-7.57m-3,29.7c-3.64,7.79-16.4,22.36-15.75,30.9.27,3.49,5.17,5,7.75,6.41,7.92,4.3,15.67,9.22,24,12.69l17-33-33-17m1132,41,20,59,11,35-45-37,15,57-44-41,2,55-46-52v58h-1l-37.42-62-21.58-37c12.07,1.62,23.69,5.68,36,6,44.13,1.08,76-16.59,111-41m-1109,204v-1c53-12.15,110.13-43.3,150-80-14.43,8.22-27.55,18.83-42,27.13-39.89,22.9-86.13,41-132,46.87v-1c58.55-19.05,116.35-52.27,161-95-14.74,9.18-28.22,20.37-43,29.57-35.05,21.83-72.47,39.29-112,51.15-12,3.6-24.57,8.61-37,10.28,21.82-14.49,50.72-20.72,74-33.31,48-25.94,88.27-58.6,127-96.69,15.34-15.09,43.34-40.45,67-28.62,39.51,19.75,0,63.81-19,81.53-37,34.43-82.1,54-129,70.78-20.52,7.33-43.1,16.57-65,18.31m468-153v1c-56.73,26.52-100,91.38-100,154-28.71-14.54-35.34-59.06-19.3-84,18.72-29.13,54.16-46.72,85.3-59.4,10.77-4.38,22.44-9.89,34-11.6m45,3c-8.66,11.77-20.89,20.85-29.57,33-21,29.33-32.33,67-32.43,103-6.52-4.69-11.48-11.94-15.22-19-28.43-53.65,32.72-99.73,77.22-117m-581,4c42.61,13.62,88.26,20,133,16.91,20.57-1.41,40.61-7.29,61-8.91v1c-14.54,9-27.7,19-44,24.95-55.81,20.46-105.49.78-151-32.95l1-1m1532,8c-16.45,31.23-22,62.25-9,96-40.31-18.8-28.28-81.58,9-96m-1125,7c-5.59,9.72-13.3,18-18.69,28-15.09,27.84-26.05,63.11-26.31,95,18.47-1.46,37.55-3.83,51.91,11,27.62,28.62-9.23,63.21-40.91,57.5-28.41-5.13-39-37.23-39-62.54,0-49.78,24.67-108.17,73-129m-196,22-6,6,6-6m-234,5c33.75,19.62,76.22,22.1,114,22v1c-28.48,16.62-65,19.94-93,.65-6.34-4.37-21.71-15-21-23.65m252,13-1,2,1-2m-3,2-8,8,8-8m996,47c-2.89,22.83-.92,41.85,5,64l-22-19,5,56h-1l-30-54h-1l-4,34h-1l-22-40-2,29h-1l-25-63c22.71,11.62,49.89,13.22,74,4.92,8.84-3,16.39-8.66,25-11.92m-1176,102v2l-38,30,8-26-34,28,12-35-37,32,8-34-38,37c4.62-16,13.74-31.83,20.69-47,2.35-5.14,4.42-14.67,9.52-17.69,7.43-4.38,19-2,26.79-.18,23.32,5.59,41.5,19.46,62,30.87m447,60-14-19h-1l10,24h-1l-15-19,13,28-36-41,24,47-40-43,17,40h-1l-34-40,19,44-37-41,12,29c-8.25-5.81-27.23-20.9-29.53-31-1.74-7.63,4.91-16.47,10.57-20.7,13.44-10,36.41-9.18,52-5.4,13.58,3.3,31.36,9.74,40.21,21.19,5.76,7.45,7.92,18.09,10.79,26.91m-45-28,1,1-1-1m-34,4,1,1-1-1m18,0,1,1-1-1m44,2,1,3h1l-2-3m-80,1,1,1-1-1m74,4,1,3h1l-2-3m-589,187c-2.56,11.16-11,30-4.06,40.9,3.39,5.37,10.43,5.65,16.06,6.38,14.54,1.89,29.49-2.14,44-3.28v1c-21,6-51.89,20.17-74,13.2-8.63-2.73-8.12-10.89-6.24-18.2,3.55-13.8,12.82-31.26,24.24-40Zm1484-1557c0,21.15-18,38.3-40.22,38.3s-40.22-17.15-40.22-38.3,18-38.3,40.22-38.3S1666.24,493.75,1666.24,514.9Z';
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  var path =
+    'path://M1472.28,127.91v1C1551,161.7,1579,253.05,1566,330.91a302.16,302.16,0,0,1-10.75,45c-1.53,4.64-2.58,11.74-5.84,15.49-4.58,5.24-17.68,7.14-24.16,9.56-16.89,6.31-33.09,14.32-49,22.73a288.45,288.45,0,0,0-41,26.87c-5.65,4.35-12.1,13-19,15-5,1.48-13-2.41-18-3.47-13-2.75-26.75-4.88-40-5.2-34.31-.84-68.14-.13-101-12.07-87.12-31.65-121-121.33-121-207.95-8.6,6.19-14.51,17.69-19.24,27-12.29,24.17-18.25,50.2-20.93,77-9.21,92.11,29.78,183.68,110.17,232,17.52,10.54,39.51,23,60,26-27.07,22.42-61.21,39.27-91,58l-24,15.1c-3.06,1.92-8.39,4-10.25,7.28-3.37,5.86,12.26,15.67,16.25,18.32,19,12.57,45.11,21.88,68,22.35-14.3,12.93-35.35,20.72-51,32.66-34,26-63.52,56.3-91.71,88.34a787.23,787.23,0,0,0-57.4,73c-12.44,18.05-23,37.85-38,54-13.26,14.26-28.7,25.07-44.92,35.66-56.3,36.75-122.64,58.87-187,76.76-91.95,25.57-185.55,44.87-277,72.31-41.2,12.35-81.72,26.39-117,51.7-11.09,8-22.6,17.26-31.57,27.57-4.78,5.49-11.54,16.79-18.44,19.4-6.5,2.45-17.27-.17-24-1.13-21.36-3-50.8-8.45-64.21-27.27-9.24-13-3-28.7,5.88-40,17.49-22.23,44.8-39.36,71.33-48.66,53.62-18.78,111-24.35,165-42.34,25.32-8.44,54.45-19.34,71.49-41,21.79-27.7,14.86-74.74,5.94-106-26.46-92.7-114.26-157-210.43-159,14.47,18,33.35,30.17,41.31,53,2.84,8.16,2.07,15.62,2.86,24,1.79,18.79,6.07,37.51,19,52,28.13,31.53,70.68,26.37,102.82,49.93,17.21,12.61,32.57,33.58,27.1,56.07-10.26,42.27-68.2,52.95-104.1,59.42-57.71,10.42-118.24,18.08-173,40-30.44,12.18-59.21,31.26-72.13,62.6-19.22,46.59,5,87.25,44.13,113.33a263.25,263.25,0,0,0,41,22.09c4.22,1.84,12.58,3.76,11.82,9.6-1.91,14.69-8.09,29.16-10.39,44-4.36,28.12-5.11,57.57-4.41,86,1.54,62.75,7,125,7,188,0,39-.72,79-10.73,117-12.41,47.06-52.6,77.71-69.21,123a177.6,177.6,0,0,0-11,53c-.64,14.62,1.52,29.6-1.7,44-3.28,14.63-19.08,24.93-20.24,39-1.48,18,10.2,33.95,7.6,52-3.72,25.85-33.15,41.75-27,70,3.33,15.35,18.49,24.8,32.33,29.66,28.41,10,63.53,12.06,93,5.68,19.29-4.18,41.85-16,32-39.34-16.25,4.65-30.79,10.21-48,11-16.31.71-31.87-3.27-48-4v-1c29.51-5.48,58.33-7.43,85-23-14.07-44.48-78.23-59.81-76-110,.64-13.92,8.93-27.24,17.09-38,18.37-24.2,43.35-42.89,67.87-60.42,58.41-41.76,121.88-75.85,180-118,37.2-27,70.16-60.68,106-89.57,16.43,79.56,64.1,157.63,124,211.83,20.94,19,44.5,33.9,67,50.8,11.75,8.82,25.72,18.68,33.54,31.37,8.65,14.06-8.82,18.72-8.4,32,.46,14.58,16.09,26.43,19.35,41,2.91,13-1.16,25.79-5.54,38-3.51,9.81-6.76,21.2,1.52,29.67,6.93,7.08,18.29,9.25,27.53,11.45,25.93,6.14,53.84,6.41,80,2,8.67-1.47,40.39-11.88,28.83-26.48-3.37-4.25-19.71-.6-24.83-.6-23,0-42.29-5.75-64-12v-1c25.71,0,58.05-.69,82-11-7.68-18.45-19.4-37.15-34-50.91-11.59-10.93-25.16-18.77-35.56-31.09-37.67-44.64-65-113-62.4-172,1.41-32.05,18.57-53.87,35.62-80,19.45-29.79,38.76-59.78,57.54-90,8.14-13.11,16.85-25.89,25-39,2.87-4.62,6.56-13.55,11.85-15.69,6.63-2.68,18,1,24.95,1.6,22.7,1.83,45.45,4.82,68,8,73.16,10.17,145.12,22.29,216,43.41,15.49,4.61,31.33,8.38,47,12.35,7.83,2,17.29,3,24,7.75,28.88,20.47,61.08,50.49,76.74,82.62,10.42,21.38,9.22,47.09,24.72,66,30,36.62,76.59,55.44,109.5,89,22.06,22.51,25,52.87,38.3,80,5.78,11.84,18.15,18.21,23.39,30,9.57,21.55-5.94,45.37-13,65-5.93,16.62-2.68,37.29,8.63,51,28.34,34.37,85.85,32.9,125.68,25.39,21.63-4.08,45-13.08,45-38.39-33.33.09-65,2.77-98-5.48-14.23-3.55-26.6-9.94-40-15.52v-1c45.78,5.91,88.63,10.78,134-2-13.48-32.38-41.31-63.58-67-86.83-22.22-20.11-45.87-38.14-63-63.17-19-27.75-26.23-61.69-23.94-95,1.07-15.61,8.5-30.09,5.24-46-5.58-27.3-24.69-47.5-36-72-11.87-25.65-13.5-55.3-15.4-83-.84-12.21-3.08-26.88-.63-39,1.37-6.77,7.76-13.69,11.93-19,11-14,23.22-26.45,35.79-39,20.79-20.76,45.55-37.78,69-55.37,32.27-24.21,65.23-49,101-67.85,24-12.65,58.09-21.5,79.91.31,19,19,18.11,52.46,3.73,73.91-6.5,9.7-18.93,17-21.17,29-3.86,20.58,15.81,43.32-7.47,58.9-30.6,20.47-81.21,5.06-100.63,43.1a53.83,53.83,0,0,0-5.07,16c-5.36,34.59,6.69,80.69,32.7,104.91,11.92,11.1,29.9,18.48,46,12.16,3.89-1.53,11.44-4.6,12.65-9.1,1-3.68-4.44-6.88-6.65-9a102.67,102.67,0,0,1-18.69-24c-14-25.5-15.53-49.67-14.31-78h1c.75,36.25,22.54,76.42,57,90,42.58-109.73,89.4-217.41,110.42-334,8.3-46,17.54-102.62,1.36-148-5.89-16.53-21.23-23.44-35.78-31.31-29.79-16.11-59.59-31.3-91-44.09-8.3-3.37-16.6-6.81-25-9.92-3.63-1.34-9.71-2.44-12.38-5.38-3.17-3.49-.62-16.55-.62-21.3,0-20,.28-40.07-1.09-60a870.11,870.11,0,0,0-11.33-95c-8.14-45.1-19.57-89.75-17.54-136,1.44-32.95,3.38-70.71,22.48-99,8.7-12.88,22.25-21.62,33.48-32.08,17.49-16.29,33.42-34.41,45.8-54.92,16.85-27.91,27.29-59.34,34.55-91,5.5-24,8.46-48.26,18.51-71,17.57-39.74,54.62-67.63,70.08-108,11.51-30.07,9.57-65.44.92-96-3.24-11.42-6.37-24.73-15.86-32.67-26.77-22.36-65.92,2.83-61.81,35.67,2.31,18.57,25.16,26.94,39.81,16.37,9.18-6.63,10-16,10-26.37h1c1,7.24,2.88,13.66,1.1,21-5.85,24.08-34.91,38.31-56.1,23.22-23.42-16.69-27.41-51.5-10.84-74.22a58.1,58.1,0,0,1,21.84-18.51c11.76-5.52,22.5-5,35-4.49v-1c-5.86-3.08-11.5-6.23-18-7.76-33.08-7.79-45,24.6-68,38.95-52,32.51-108.58,62.8-167,81.81,0-81.44-16.39-176.06-91-223.56a189.17,189.17,0,0,0-48-21.71c-21.73-6.48-44.43-8.73-67-8.73m133,55c0,6.85.56,13.72-2.67,20-8.44,16.45-28,18.37-42.33,9v-1c14,.61,27.06-.94,36.47-13,3.6-4.61,5.06-10.41,8.53-15m28,41c9.74,33-39.31,61.09-61,33,19.8,3.85,38.15.49,51.53-16,4.25-5.23,6-11.45,9.47-17m25,56c-2,15.68-10.38,29.06-25,35.88-18.57,8.67-48.86,2.65-56-18.88,20.19,10.63,41.93,14.1,62,.65,7.47-5,12.19-12.14,19-17.65m186,36-23.14,54-29.86,67h-1v-66h-1c-5,28.89-23.6,57.21-33,85h-1l-4-59h-1l-14,39-9,22-10-51h-1c-1.56,11.56-4.92,29.05-11,39l-18-34c-.82,10.06-4.13,27.77-10,36l-20-44,44-14.34,67-27.91,76-45.75m-182,19c-1,46.3-68.69,59.78-89,19,7.24,2.29,13.51,6.61,21,8.53a61.2,61.2,0,0,0,51-10.29c6.62-4.92,11-11.78,17-17.24m-510,23c4.91,26.55-30.79,50.19-50,27,15.91,3.09,30.78.15,41.67-13,3.55-4.28,5-9.65,8.33-14m17,38c2.32,8.49,5.16,16,3.54,25-5,27.78-32.38,37.31-56.54,28v-1a51.93,51.93,0,0,0,47.69-31c3-6.73,2.48-14.42,5.31-21m28,32c24.78,24.8,25.68,67.05-9,84.63-8.79,4.46-18.31,5.37-28,5.37v-1c24.42-11.62,42.28-34,42-62-.09-8.54-6.36-19.21-5-27m57,27c29,22.14,29.88,67.72,3,91.83-13.69,12.28-29.28,15.17-47,15.17v-1c33.84-11.52,51.46-46,50-80-.39-8.8-6.23-17.58-6-26m76,15c32.9,23.18,31.66,75.17,3,100.83-14.75,13.21-32,16.17-51,16.17v-1c33.86-13.15,55.87-46.86,55-83-.27-10.86-7.83-22.88-7-33m367,0c-1.53,11.34-6.74,22.81-11.76,33-5.79,11.79-12.83,23.62-22.33,32.83-32.55,31.58-79.5,22.37-113.91-.83,3.4-14.17,15-26.81,26-35.73,34.26-27.82,80.08-29.27,122-29.27m83,153v1c-32.1,9-68.74,12.91-102,13v1l70,1,37-3v1c-32.09,13.35-65.32,29.91-101,30v1c39.41,0,72.72-12.82,110-23-6,8.07-16.41,13.4-25,18.29-26,14.78-55.32,20.71-85,20.71-14.48,0-32.39-1.69-42.81-13-13.24-14.41-3.73-39.46,11.81-48.05,15-8.3,34.65-6.49,51-4.74,25.45,2.73,50.37,4.83,76,4.83m46,40v1c-72.51,34.36-150.45,63-232,63v1c50.37,0,102.12-5,151-17.88,20.48-5.4,39.55-16.27,60-21.12v1c-67.17,35.76-136.49,64-214,64v1c49.63,0,98.61-6.95,146-22,18.9-6,36.58-14.83,55-22-13.6,14-39.3,21.26-57,28.85-54.69,23.48-109.23,39.15-169,39.15-29.63,0-87.91-8.9-72.45-52,10.38-28.94,53.16-25,77.45-25,26.34,0,52.55,3.12,79,2s54.08-6.6,80-12c32.94-6.82,63.51-21.3,96-29m-490,95c-9,12.82-22,23.86-33,35-13.57,13.74-26.34,28.34-40,42-9.52,9.52-21.78,19.12-33.47,5.82-6.26-7.12-8.17-19.63-.42-26.43,10.95-9.61,28-15.38,40.89-22.17,20.8-11,43.44-27.7,66-34.22m110,7c13.35,13.32,27.65,25.68,41,39,8.43,8.42,17.17,16.84,26,24.83,7,6.32,19.4,14.49,21.61,24.17,3.34,14.66-14,28.53-27.61,22.35-8.07-3.66-11.35-15.11-15.42-22.35-11.5-20.39-22.56-41.2-33.32-62-3.38-6.52-13.32-18.7-12.26-26m-58,3c0,37.17-1.35,76,2.17,113,1.3,13.63,5.23,34.75-9.17,42.59-13.67,7.44-36.07-1.26-34.9-18.59.71-10.58,6.13-21.87,9.18-32l19-63c3.75-12.51,5.9-31.54,13.72-42m-21,9c-6,19-20.18,37.46-29.69,55-9.86,18.19-18.64,41-31.7,57-7.09,8.69-20.53,7.56-28.42.5-12.18-10.9-6.4-24.08,3.81-33.32,20.52-18.57,40.48-37.76,61-56.34,8.27-7.48,15.88-16.4,25-22.83m41,0c18.35,30,36.3,60.21,55,90,6.77,10.82,18.18,24.73,7.71,37-7.85,9.17-26.4,12-33.24,0-4.52-7.89-5.11-19.19-7.29-28-5.31-21.25-9.84-42.7-15-64-2.29-9.44-9.28-25.59-7.13-35m-889,172c-21.37-15-38.7-38.46-57-57-22.46-22.73-50.59-44.87-69-71,14.95,2.24,29.74,12,42,20.35,36.79,25,67,66.75,84,107.65m-130-95c15.29,21.27,35.84,39.06,56,55.58,9.21,7.56,21.44,14.27,29,23.42-32-1.37-58.8-24.18-74.13-51-3.78-6.61-13.15-20.27-10.87-28m1243,10c5.1,17.26,2.45,39.26,2,57-1,41.87-6.18,83.51-17.43,124-5.68,20.43-14.79,39.76-20.58,60h1c5.34-16.88,17.8-33.09,25.75-49,18.06-36.11,35.72-73.55,48.25-112h1c-1.71,21.7-7.08,43.65-11.2,65a1364.13,1364.13,0,0,1-42.8,164h1l48.58-77,41.42-81h1l-34.33,130-24.87,70-16.8,40h1l35-49,47-79h1c-11.54,44.6-23.55,88.39-41.42,131-10.72,25.55-24.91,49-36.58,74l46.37-61,30.63-44h1c-2.82,19.19-11.82,38.78-18.31,57a892.42,892.42,0,0,1-60.69,135,595.42,595.42,0,0,0,63-75h1c-2.34,15.9-9.21,31.82-14.33,47-11.65,34.49-27.12,68.68-47.34,99-9.95,14.93-21.5,30.6-36.33,41,0-23.32,3.72-46.66,4-70,.93-78.47-3.47-156.65-17.42-234a892.72,892.72,0,0,0-29.25-118c-4.27-13.12-8.85-26.18-13.93-39-2.51-6.32-7.29-14.22-7.84-21-.44-5.6,2.71-12.57,4.07-18,3.14-12.59,6.07-25.27,8.57-38,7.43-37.9,12.8-76.37,12.8-115h2c1.2,58.05,17.25,118.15,3,176h1c16.24-39.6,34-77.54,45.58-119a454.82,454.82,0,0,0,10.34-46c1.31-7.76,1.07-17.84,4.08-25m-413,70c5.41-1.52,11.34-3.23,17-2.55,45.43,5.41,38.79,62.68,22,91.55h-1l-1-27h-1l-5,28h-1l-5-39h-1l-2,40h-1l-12-50h-1l2,49h-1l-14-47h-1l4,47h-1c-6.44-15-14.6-34.95-17-51h-1l10,55h-1c-9.22-20.8-21.68-47.51-25-70h-1l15,74h-1c-8.36-15.68-17-34.66-21-52h-1l11,53h-1l-20-43h-1l12,50h-1l-22-41h-1l16,48c-10.14-7.77-19.56-23.5-25-35h-1l15,37c-7.66-3.57-14.41-12.46-18-20h-1l13,25c-28.92-15.39-67.06-61.19-30-89.46,4.72-3.6,10.4-5,16-6.54-8-27.15,18.21-52,44-52,17.77,0,33.13,12,40,28m-39,23,1,1-1-1m157,165v-1l26-9v-1l-29,4v-1l35-17v-1l-39,11v-1l44-27v-1l-48,17v-1l42-29-45,18v-1l44-31v-1l-50,26v-1l59-46c-21.47,11.31-43.75,30.16-67,37v-1l44-37-48,27,35-34-45,27,32-35-41,29,25-34-31,25,13-23-19,19c7.13-27.47,25.41-68.94,61-62.53,6.42,1.15,13,3.62,18,7.86,3,2.52,6,8.94,10.1,9.46,5.24.67,12.45-3.1,17.91-3.62,14.25-1.35,28.44,5.57,37,16.83,9.21,12.19,12.1,28.87,5.73,43-2.64,5.85-8.72,11.12-10.59,17-1.24,3.88,3.09,8.47,4.35,12,2.22,6.23,2.34,14.57.87,21-8.36,36.41-53.28,33.2-81.32,32m-316-149c-9.77,26.84-33.09,53-51.84,74-62,69.42-148.28,112.34-240.16,124.72-28.53,3.84-56.39,3.28-85,3.28v-2c32.11-4.32,65.57-17.48,96-28.31,76.94-27.38,152-62.23,217-112.34,23.38-18,42-40.27,64-59.35m191.33,2.67.34.67-.34-.67m-40,3,.34.67-.34-.67m-23.33,19.33,1,1-1-1m305,6c47.91,32.33,77.54,87.44,68.41,146-4.37,28-17.32,68.7-53.41,62.67-39.88-6.66-32.15-69.51,8-66.34,7.87.62,14.47,3.37,21,7.67,8.36-40.54,6.18-75.37-14.85-112a159.52,159.52,0,0,0-18.44-26c-3.15-3.59-9.46-7.43-10.71-12m-143,3,1,1-1-1m-18,2,1,1-1-1m34,3,1,1-1-1m26,15,1,1-1-1m23,1,1,1-1-1m-238,40-27-7v1c8.65,2,20.27,7.08,26,14l-39-6v1c12,1,26.62,7,37,13v1l-52-4v1l47,13v1l-51-1v1l48,11v1h-56v1l57,7v1l-77,3v1c24.17,0,53.5,2.4,77,8v1l-59,4v1l57,5v1l-49,6v1l51,4v1l-46,8v1h50v1l-39,11v1l38-2v1l-23,9v1l26-5c-3.72,6.43-11.75,10.68-18,14.4-19.67,11.7-47.78,20.06-67,2.41a35,35,0,0,1-10.53-17.81c-.8-3.77.68-9.29-1.54-12.57s-8.52-3.8-12-5.31a42.36,42.36,0,0,1-17.08-13.12c-20.88-28.29-1-67.22,33.08-70,0-5.45.48-10.86,2.47-16,16.06-41.47,75.51-20,94.53,7m138,22h-1c-4.91-26.06-35.82-46.31-56-20-4.56-12.85,14.79-25.15,25-27.19,28.54-5.71,40.67,24.69,32,47.19m91-41,1,1-1-1m-154,4-2,13-8-11c3.64-3.31,5.3-3.42,10-2m-5,20c-29.83-6.15-51.37,18.89-37,47-4.81-1.64-8.47-5-11.61-9-10.65-13.57-8.63-34.2,5.61-44.36,12-8.53,35-7.37,43,6.36m160-9,1,1-1-1M1097,1069.23l.66.34-.66-.34m194.33,12.67,3-1,1,7-12,3c.57-3.17,3.82-12.42,8-9m-65,33c-5.93-4.35-9.93-17-12-24-.82-2.83-1.91-8.2,2.09-9.25,3.68-1,5.61,3.48,6.35,6.25a112.35,112.35,0,0,1,3.52,27m7-8c.68-3.53,2.4-21.07,7.79-20.08,6.55,1.2-5.14,18.35-7.79,20.08m137-12,1,1-1-1m-135,24c5-7,12.85-13.76,20-18.53,2.36-1.58,7.77-4.78,9.86-1,1.86,3.35-2.55,6.85-4.88,8.45-6.81,4.68-16.85,9.65-25,11.1m-21-5c-3.62-1.56-19.7-8.26-17.65-13.59,1.12-2.93,5.28-.19,6.65.87,4.32,3.36,8.69,7.77,11,12.72m65,46c3.6-5.28,11.31-7.72,15.67-13,8.57-10.39,8.57-26.61,0-37-3.9-4.73-10.23-7.27-13.67-12,10.34,0,20.07,2,27.91,9.3,13,12.06,11.9,34.24-1.92,45.17-8.33,6.59-17.81,7.53-28,7.53m316-55-1,3,1-3m-376,18c-6.47,3.88-19.5,4.25-27,4-2.73-.11-8.66-.88-8.08-4.91.52-3.54,5.3-4,8.08-4a102.69,102.69,0,0,1,27,4.9m-55,1v2l-12,4-3-4c3.47-7.92,8.72-5.29,15-2m63.13-3.25c4.09-1.1,6,5.2,1.77,6.28-4,1-5.85-5.18-1.77-6.28m18.87,4.25v-2c3.26,0,21.77-3.61,21.65,1.87s-18.45.54-21.65.13m-10,4a109.5,109.5,0,0,1,12,6.28c2.7,1.54,5.39,3.1,8,4.77,3,1.91,13,12.66,3,11.66-6.45-.64-23.11-16.37-23-22.71m-66,1c-2.24,6.14-5.66,11.24-6,18-1,23.73,19.44,33.62,40,32-11.45,13.82-36.37,12.67-47.47-1-9.27-11.45-8.17-27.5.4-38.95a31.67,31.67,0,0,1,13.07-10m55,2c.71,8-2.25,19.48-5.09,27-1,2.62-3.14,7-6.7,6.17-4-1-2.74-6.51-1.74-9.17,2.92-7.8,7.6-18.14,13.53-24m-11,2c-4.65,5.77-12,14-20,13,2.12-7.39,12.9-11.73,20-13m136,143c-9.89,22.12-39.74,19.35-56,7.24s-24.49-37.81-27-57.24h1l17,21-12-26,27,26-20-32,40,32-30-39,41,30-31-37,44,30-40-39,64,42-40-36-16-16,50,30-41-37,43,22-38-32v-1l41,18-39-29,41,14v-1l-33-20v-1l25,5v-1l-24-10c7-3.14,14.66-1.63,22-1.09,23.3,1.71,50.28,10.14,56,36.09a35.71,35.71,0,0,1-1.46,21c-1.49,3.71-6.09,7.91-5.94,12,.34,9.16,10.9,17.45,11.38,28,1.11,24.47-16.4,46.95-42,47.54-9.75.23-17.92-3.94-27-6.54m-116-137,7,22c-7.65-1.25-9.62-15.74-7-22m127,11,1,1-1-1m-68,18v7c-7.6.51-10.64-2.39-12-10l12,3m-20-2c2.48,8.81,4,17.11.9,26-6.8,19.17-30.6,26-46.9,14.36-8.19-5.87-12-14.8-14-24.36,16.33,13.11,35.34,21.78,51.67,2,4.52-5.48,4.51-12.5,8.33-18m94,16v1l3,1-3-2m-159,5v13l-7,1-3-4,10-10m-63,6-14,22,20-18-18,36h1c5.28-11.12,15.22-24.52,25-32l-19,49h1l27-41h1l-16,48h1c4.46-14.08,15.76-28.77,24-41h1l-16,52h1l23-50h1l-20,72h1l30-68h1l-13,56h1l21-50h1l-8,48h1l18-47h1l-5,46h1l14-47h1l-1,43h1l10-39h1l2,26h1l3-26h1c6.57,17,12.39,37.56,8.48,56-5.16,24.33-31.08,41.28-54.48,29-10.63,28-49.21,32.56-70,13.82-11.91-10.75-15.64-28.55-12-43.82-22.18-3.33-31.83-27.15-26.25-47,5.65-20.14,28.24-41.12,48.25-47m219,4,1,1-1-1m-1165,9c11.79,43.13,63.28,76.37,105,85v1c-35.68-.74-79-19.55-96.22-52-4.37-8.25-12.45-24.61-8.78-34m1163,6,1,1-1-1m-232,3,1,1-1-1m-536,47c-15.95-5.39-31.12-10.22-48-11.83-45.95-4.38-87.44,11.77-127,32.83,7-12.12,20.55-21.05,32-28.67,39.85-26.52,91.69-32.75,137-17.66,22.11,7.36,52,20.84,54.82,47.33,3.26,30.35-41.74,49.71-55.75,19-5.87-12.88.9-29.5,6.93-41m188-32,76,15v1l-42,22v1l47,10v1l-44,24v1l65-3-26,19-42,28v1l75-14v1l-93,67,80-19c-12,15.65-34.36,27.6-50,39.65-30.72,23.67-61.34,53.17-95,72.35,5.57-19.33,17.38-38.12,24.79-57a458.62,458.62,0,0,0,26.93-102,331.28,331.28,0,0,0,2.19-74c-.76-9.5-7.57-25.25-4.91-34m562,1,2,2-2-2m24,3,1,1-1-1m-37,4,1,1-1-1m-46,9,1,1-1-1m15,0,3,3-3-3m20,0,1,1-1-1m313,7,1,1-1-1m-592,129-74,3v-1l28-21c-26.61.55-58.13,3.82-84,10l20-15,49-33-61-5,15-10.15,34-18.85v-1l-59-15v-2l58-12.42,22.57-3.94,3.8,8.36,6.63,24,22.25,58,18.75,35m111-126,1,1-1-1m10,11,1,1-1-1m359,5c-3.64,7.95-11,14.48-16.72,21a376.36,376.36,0,0,1-48.28,45.4c-81,64.74-191,95.89-292,63.6v-1c93.66-7.39,189-40.62,273-81.26,29.13-14.09,55.56-32.6,84-47.74m-335,5,1,1-1-1m-18.67,12.67.34.66-.34-.66m746.67,3.33c-4,10.82-11.47,20.72-16.74,31-11.54,22.51-22,47.75-25.26,73h-1c-25.77-42.14.69-86.29,43-104m-69,5c-6.38,9.06-15.37,16.66-22.71,25-23.71,26.94-49.14,56.12-62.29,90-5.31-10-1.62-26.62,1.16-37,9.65-36.18,47.59-69.39,83.84-78m-1350,74c-5.76-7.72-10.07-16.77-19-21.58-7.09-3.82-14.48.3-14.65,8.58-.19,10.13,7.28,18.1,10.65,27-9.55-2.21-17.11-7.11-24-14-16.27-16.26-26.69-45.3,0-57.68a31.9,31.9,0,0,1,12-3.06c26-.78,41.69,39.59,35,60.74m29,18c5.18-8.3,13.44-15.74,14.63-26,1-8.18-6.44-12.49-13.63-9.87-9.58,3.5-13.89,13-22,17.87a56.19,56.19,0,0,1,5.76-26c5.62-11.42,14.81-25.06,28.24-27.69,28.06-5.48,42.54,25.25,27.78,46.69-4.66,6.77-11,12.13-17.78,16.64a49,49,0,0,1-23,8.36m1115-60-2,4,2-4m-992,21.39c24.32-1.72,28.64,37.5,4,39.52-27.06,2.22-30.95-37.61-4-39.52m-154,27.94c27.49-4.82,35.84,37.46,8,42.34-27.08,4.75-35.1-37.59-8-42.34m-24,13.67c-9.38,5.65-21.43,4.64-28.28,15-3.9,5.89.36,11.42,6.28,13.53,9.5,3.38,19.82.42,29-2.52-9.88,19.83-47.72,36.81-66.83,20.32-18.74-16.17-8-43,12.83-49.8,6.92-2.26,13.8-2.52,21-2.52,9.4,0,17.71,1.29,26,6m47,30c9.11,2.49,20.28,9,30,5.26,7.07-2.72,8.31-9.74,3.77-15.26-6.34-7.71-15-11.08-23.77-15,17-12.62,57.8.34,64.21,20,7.8,23.92-15.09,42.14-37.21,36.08a62,62,0,0,1-19-9.29c-7.59-5.34-15.32-12.7-18-21.79m970-27,11,96-44-41,5,60c-17-11.28-32.55-28.55-47-43l29,78-32-24.12-51-39.88c11.93,28.5,35.45,54.33,44,84l-39-28.63-77-57.37c15.81,29.7,41.11,57.58,53,89-22.38-9.41-44.15-29.53-64-43.58q-61.1-43.21-123-85.42c4.26-1.53,9.57.39,14,1,10.31,1.42,20.65,2.8,31,3.83a694.58,694.58,0,0,0,99,3.13c45.84-2,92.82-10.18,136-26,18.85-6.91,36.29-20,55-25.95m-1140,4.46c25.56-.81,26.56,39.2,1,39.2-24.83,0-25.94-38.41-1-39.2M797,1405.23l.66.34-.66-.34m841.33,13.67-1,2,1-2m-1156,8c-.44,10.17-3.59,28.15,8,34,14.89,7.46,18-24,18-32,17.73,13.7,18.84,56.69-1,69-21.27,13.2-43-5-43-27,0-7.36.64-14,3-21,3-9,7.1-17.39,15-23m588,12c1.81,42,10.69,83.63,28.31,122,7.81,17,18.66,31.77,27.69,48-18.64-1.48-37.52-6.86-56-9.92-37.14-6.15-74.55-11.29-112-14.91-33.14-3.21-67.66-6.36-101-4.08-20.42,1.4-40.6,5.39-61,6.82-22.36,1.57-47.11,3.25-69-2.39-10.33-2.66-21.8-8.89-23-20.52,13.73,4.35,23,10,38,10-5.17-13.8-3.92-31.05,0-45h1c6.38,14.77,21.44,28.52,37,33,0-16.18-2.43-36.79,7-51,7.41,15.63,19.47,32.84,37,38-.14-17.15-2-32.81,8-48,3.36,4.69,4.52,10.92,7.43,16,7.29,12.74,19,24.15,32.57,30,0-16.21-.22-35.54,8-50h1c8.11,18.3,14.61,37.08,32,49-4.83-20.29.31-47.81,10-66,4.24,6.74,5.81,15.62,8.86,23,6.89,16.68,15.59,32.88,28.14,46,0-19.12-.59-38,2.13-57,.89-6.21,1.57-17,6.87-21,1.35,31.27,22.24,61.38,42,84-1.09-25.29-2.9-49.67,0-75,1.16-10.35,2.42-24.05,8-33,12.83,37.82,18.07,80.41,45,112a499.31,499.31,0,0,1,.83-88c1-9.94.8-22.92,5.17-32m214,42,1,1-1-1m-635,3c-1.72,11.45-8,23.06-13.72,33-22.54,39.4-64.15,66.87-109.28,71.95-24.81,2.8-67.3,2.25-72.67-29.95-7.37-44.11,58.5-56.52,65.91-12,1.12,6.72-.2,12.59-2.24,19,40.85,0,77.9-15.94,105.91-46,10.34-11.1,16.65-24.61,26.09-36m-300,23.3c55.12-7.94,82.86,65.83,36,96a51,51,0,0,1-21,7.41c-54,7-80.66-66.35-35-95.84a51.36,51.36,0,0,1,20-7.57m-3,29.7c-3.64,7.79-16.4,22.36-15.75,30.9.27,3.49,5.17,5,7.75,6.41,7.92,4.3,15.67,9.22,24,12.69l17-33-33-17m1132,41,20,59,11,35-45-37,15,57-44-41,2,55-46-52v58h-1l-37.42-62-21.58-37c12.07,1.62,23.69,5.68,36,6,44.13,1.08,76-16.59,111-41m-1109,204v-1c53-12.15,110.13-43.3,150-80-14.43,8.22-27.55,18.83-42,27.13-39.89,22.9-86.13,41-132,46.87v-1c58.55-19.05,116.35-52.27,161-95-14.74,9.18-28.22,20.37-43,29.57-35.05,21.83-72.47,39.29-112,51.15-12,3.6-24.57,8.61-37,10.28,21.82-14.49,50.72-20.72,74-33.31,48-25.94,88.27-58.6,127-96.69,15.34-15.09,43.34-40.45,67-28.62,39.51,19.75,0,63.81-19,81.53-37,34.43-82.1,54-129,70.78-20.52,7.33-43.1,16.57-65,18.31m468-153v1c-56.73,26.52-100,91.38-100,154-28.71-14.54-35.34-59.06-19.3-84,18.72-29.13,54.16-46.72,85.3-59.4,10.77-4.38,22.44-9.89,34-11.6m45,3c-8.66,11.77-20.89,20.85-29.57,33-21,29.33-32.33,67-32.43,103-6.52-4.69-11.48-11.94-15.22-19-28.43-53.65,32.72-99.73,77.22-117m-581,4c42.61,13.62,88.26,20,133,16.91,20.57-1.41,40.61-7.29,61-8.91v1c-14.54,9-27.7,19-44,24.95-55.81,20.46-105.49.78-151-32.95l1-1m1532,8c-16.45,31.23-22,62.25-9,96-40.31-18.8-28.28-81.58,9-96m-1125,7c-5.59,9.72-13.3,18-18.69,28-15.09,27.84-26.05,63.11-26.31,95,18.47-1.46,37.55-3.83,51.91,11,27.62,28.62-9.23,63.21-40.91,57.5-28.41-5.13-39-37.23-39-62.54,0-49.78,24.67-108.17,73-129m-196,22-6,6,6-6m-234,5c33.75,19.62,76.22,22.1,114,22v1c-28.48,16.62-65,19.94-93,.65-6.34-4.37-21.71-15-21-23.65m252,13-1,2,1-2m-3,2-8,8,8-8m996,47c-2.89,22.83-.92,41.85,5,64l-22-19,5,56h-1l-30-54h-1l-4,34h-1l-22-40-2,29h-1l-25-63c22.71,11.62,49.89,13.22,74,4.92,8.84-3,16.39-8.66,25-11.92m-1176,102v2l-38,30,8-26-34,28,12-35-37,32,8-34-38,37c4.62-16,13.74-31.83,20.69-47,2.35-5.14,4.42-14.67,9.52-17.69,7.43-4.38,19-2,26.79-.18,23.32,5.59,41.5,19.46,62,30.87m447,60-14-19h-1l10,24h-1l-15-19,13,28-36-41,24,47-40-43,17,40h-1l-34-40,19,44-37-41,12,29c-8.25-5.81-27.23-20.9-29.53-31-1.74-7.63,4.91-16.47,10.57-20.7,13.44-10,36.41-9.18,52-5.4,13.58,3.3,31.36,9.74,40.21,21.19,5.76,7.45,7.92,18.09,10.79,26.91m-45-28,1,1-1-1m-34,4,1,1-1-1m18,0,1,1-1-1m44,2,1,3h1l-2-3m-80,1,1,1-1-1m74,4,1,3h1l-2-3m-589,187c-2.56,11.16-11,30-4.06,40.9,3.39,5.37,10.43,5.65,16.06,6.38,14.54,1.89,29.49-2.14,44-3.28v1c-21,6-51.89,20.17-74,13.2-8.63-2.73-8.12-10.89-6.24-18.2,3.55-13.8,12.82-31.26,24.24-40Zm1484-1557c0,21.15-18,38.3-40.22,38.3s-40.22-17.15-40.22-38.3,18-38.3,40.22-38.3S1666.24,493.75,1666.24,514.9Z'
 
-const options = {
-  backgroundColor: new echarts.graphic.RadialGradient(0, 0, 1, [{
-    offset: 0,
-    color: '#06798c'
-  }, {
-    offset: 1,
-    color: '#07162b'
-  }]),
-  title: {
-    text: '牛气冲天',
-    top: 100,
-    left: 100,
-    textStyle: {
-      fontWeight: 'normal',
-      fontSize: 40,
-      color: '#fff',
-      fontFamily: 'STXinwei',
-      textShadowColor: '#c30d23',
-      textShadowBlur: '2',
-      textShadowOffsetX: 1,
-      textShadowOffsetY: 3,
-    }
-  },
-  grid: {
-    left: '80%',
-    top: '42%',
-    bottom: 100
-  },
-  xAxis: {
-    show: false,
-    data: ['2017']
-  },
-  yAxis: {
-    show: false,
-  },
-  series: [
-    {
-      type: 'liquidFill',
-      data: [0.7, 0.8, 0.75, 0.21, 0.2, 0.13, 0.1, ],
-      radius: '90%',
-      waveLength: '90%',
-      waveHeight: '10',
-      amplitude: 10,
-      z:2,
-      outline: {
-        show: false
+  const options = {
+    backgroundColor: new echarts.graphic.RadialGradient(0, 0, 1, [
+      {
+        offset: 0,
+        color: '#06798c',
       },
-      backgroundStyle: {
-        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-          offset: 0,
-          color: "#1afae8"
+      {
+        offset: 1,
+        color: '#07162b',
+      },
+    ]),
+    title: {
+      text: '牛气冲天',
+      top: 100,
+      left: 100,
+      textStyle: {
+        fontWeight: 'normal',
+        fontSize: 40,
+        color: '#fff',
+        fontFamily: 'STXinwei',
+        textShadowColor: '#c30d23',
+        textShadowBlur: '2',
+        textShadowOffsetX: 1,
+        textShadowOffsetY: 3,
+      },
+    },
+    grid: {
+      left: '80%',
+      top: '42%',
+      bottom: 100,
+    },
+    xAxis: {
+      show: false,
+      data: ['2017'],
+    },
+    yAxis: {
+      show: false,
+    },
+    series: [
+      {
+        type: 'liquidFill',
+        data: [0.7, 0.8, 0.75, 0.21, 0.2, 0.13, 0.1],
+        radius: '90%',
+        waveLength: '90%',
+        waveHeight: '10',
+        amplitude: 10,
+        z: 2,
+        outline: {
+          show: false,
         },
+        backgroundStyle: {
+          color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+            {
+              offset: 0,
+              color: '#1afae8',
+            },
+            {
+              offset: 0.3,
+              color: '#007771',
+            },
+            {
+              offset: 0.6,
+              color: '#27AEFA',
+            },
+            {
+              offset: 1,
+              color: '#4D8AFF',
+            },
+          ]),
+          borderColor: new echarts.graphic.LinearGradient(1, 0, 0.3, 1, [
+            {
+              offset: 0,
+              color: '#5dfff8',
+            },
+            {
+              offset: 0.3,
+              color: '#33ffe6',
+            },
+            {
+              offset: 0.5,
+              color: '#049a8c',
+            },
+            {
+              offset: 1,
+              color: '#f63469',
+            },
+          ]),
+          borderWidth: 1,
+          shadowColor: '#040b17',
+          shadowOffsetX: -5,
+          shadowOffsetY: 5,
+          shadowBlur: 5,
+        },
+        shape: path,
+        color: new echarts.graphic.LinearGradient(1, 0, 0.23, 1, [
           {
-            offset: 0.3,
-            color: "#007771"
+            offset: 0,
+            color: '#FDD43F',
           },
           {
-            offset: 0.6,
-            color: "#27AEFA"
+            offset: 0.3,
+            color: '#33ffe6',
+          },
+          {
+            offset: 0.5,
+            color: '#049a8c',
           },
           {
             offset: 1,
-            color: "#4D8AFF"
-          }
+            color: '#f63469',
+          },
         ]),
-        borderColor: new echarts.graphic.LinearGradient(1, 0, .3, 1, [{
-          offset: 0,
-          color: '#5dfff8'
-        }, {
-          offset: 0.3,
-          color: '#33ffe6'
-        }, {
-          offset: 0.5,
-          color: '#049a8c'
-        }, {
-          offset: 1,
-          color: '#f63469'
-        }]),
-        borderWidth: 1,
-        shadowColor: '#040b17',
-        shadowOffsetX: -5,
-        shadowOffsetY: 5,
-        shadowBlur: 5
+        label: {
+          normal: {
+            formatter: '',
+          },
+        },
       },
-      shape: path,
-      color: new echarts.graphic.LinearGradient(1, 0, .23, 1, [{
-        offset: 0,
-        color: '#FDD43F'
-      }, {
-        offset: 0.3,
-        color: '#33ffe6'
-      }, {
-        offset: 0.5,
-        color: '#049a8c'
-      }, {
-        offset: 1,
-        color: '#f63469'
-      }]),
-      label: {
-        normal: {
-          formatter: '',
-        }
-      }
-    },
-    {
-      name: '',
-      type: "effectScatter",
-      rippleEffect: {
-        period: 10,
-        scale: 12,
-        brushType: 'stroke',
-        color: new echarts.graphic.LinearGradient(1, 0, .3, 1, [{
-          offset: 0,
-          color: 'rgba(93, 255, 248, .3)',
-        }, {
-          offset: 0.3,
-          color: 'rgba(51, 255, 230, .3)',
-        }, {
-          offset: 0.5,
-          color: 'rgba(4, 154, 140, .3)',
-        }, {
-          offset: 1,
-          color: 'rgba(246, 52, 105, .3)',
-        }]),
+      {
+        name: '',
+        type: 'effectScatter',
+        rippleEffect: {
+          period: 10,
+          scale: 12,
+          brushType: 'stroke',
+          color: new echarts.graphic.LinearGradient(1, 0, 0.3, 1, [
+            {
+              offset: 0,
+              color: 'rgba(93, 255, 248, .3)',
+            },
+            {
+              offset: 0.3,
+              color: 'rgba(51, 255, 230, .3)',
+            },
+            {
+              offset: 0.5,
+              color: 'rgba(4, 154, 140, .3)',
+            },
+            {
+              offset: 1,
+              color: 'rgba(246, 52, 105, .3)',
+            },
+          ]),
+        },
+        z: 0,
+        symbolPosition: 'end',
+        symbol: path,
+        symbolSize: [80, 100],
+        symbolOffset: [0, -9],
+        itemStyle: {
+          normal: {
+            color: 'rgba(0, 0, 0, 0)',
+          },
+        },
+        data: [0],
       },
-      z: 0,
-      symbolPosition: 'end',
-      symbol: path,
-      "symbolSize": [80, 100],
-      "symbolOffset": [0, -9],
-      itemStyle: {
-        normal: {
-          color: 'rgba(0, 0, 0, 0)',
-        }
-      },
-      data: [0]
-    },
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/complex/line.vue b/src/views/charts/components/complex/line.vue
index f58fef4..0a4fbc4 100644
--- a/src/views/charts/components/complex/line.vue
+++ b/src/views/charts/components/complex/line.vue
@@ -1,79 +1,77 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" ref="chartsRef"/>
+  <div :id="id" :class="className" :style="{ height: height, width: width }" ref="chartsRef" />
 </template>
 <script lang="ts" setup>
-import * as echarts from 'echarts'
-import { EChartsType } from 'echarts/core'
-import { onMounted, ref } from 'vue'
-const chartsRef = ref<HTMLElement|null>()
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted, ref } from 'vue'
+  const chartsRef = ref<HTMLElement | null>()
 
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  xAxisData: {
-    type: Array,
-    default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-  },
-  config: {
-    type: Object,
-    default: () => {}
-  },
-  seriesData: {
-    type: Array,
-    default: () => [150, 230, 224, 218, 135, 147, 260]
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true,
-  },
-  xAxis: {
-    type: 'category',
-    data: props.xAxisData
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [
-    {
-      data: props.seriesData,
-      type: 'line'
-    }
-  ],
-  ...props.config
-}
-let chart:EChartsType
-const initChart = () => {
-  const chart = echarts.init(chartsRef.value)
-  chart.setOption(options)
-  return chart
-}
-onMounted(() => {
-  chart = initChart()
-  window.addEventListener('resize', function () {
-    chart && chart.resize()
+  const props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    xAxisData: {
+      type: Array,
+      default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    seriesData: {
+      type: Array,
+      default: () => [150, 230, 224, 218, 135, 147, 260],
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {
+      type: 'category',
+      data: props.xAxisData,
+    },
+    yAxis: {
+      type: 'value',
+    },
+    series: [
+      {
+        data: props.seriesData,
+        type: 'line',
+      },
+    ],
+    ...props.config,
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    const chart = echarts.init(chartsRef.value)
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-})
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/charts/components/complex/line/components/line.vue b/src/views/charts/components/complex/line/components/line.vue
index f58fef4..0a4fbc4 100644
--- a/src/views/charts/components/complex/line/components/line.vue
+++ b/src/views/charts/components/complex/line/components/line.vue
@@ -1,79 +1,77 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" ref="chartsRef"/>
+  <div :id="id" :class="className" :style="{ height: height, width: width }" ref="chartsRef" />
 </template>
 <script lang="ts" setup>
-import * as echarts from 'echarts'
-import { EChartsType } from 'echarts/core'
-import { onMounted, ref } from 'vue'
-const chartsRef = ref<HTMLElement|null>()
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted, ref } from 'vue'
+  const chartsRef = ref<HTMLElement | null>()
 
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  xAxisData: {
-    type: Array,
-    default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-  },
-  config: {
-    type: Object,
-    default: () => {}
-  },
-  seriesData: {
-    type: Array,
-    default: () => [150, 230, 224, 218, 135, 147, 260]
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true,
-  },
-  xAxis: {
-    type: 'category',
-    data: props.xAxisData
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [
-    {
-      data: props.seriesData,
-      type: 'line'
-    }
-  ],
-  ...props.config
-}
-let chart:EChartsType
-const initChart = () => {
-  const chart = echarts.init(chartsRef.value)
-  chart.setOption(options)
-  return chart
-}
-onMounted(() => {
-  chart = initChart()
-  window.addEventListener('resize', function () {
-    chart && chart.resize()
+  const props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    xAxisData: {
+      type: Array,
+      default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    seriesData: {
+      type: Array,
+      default: () => [150, 230, 224, 218, 135, 147, 260],
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {
+      type: 'category',
+      data: props.xAxisData,
+    },
+    yAxis: {
+      type: 'value',
+    },
+    series: [
+      {
+        data: props.seriesData,
+        type: 'line',
+      },
+    ],
+    ...props.config,
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    const chart = echarts.init(chartsRef.value)
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-})
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/charts/components/complex/line/index.vue b/src/views/charts/components/complex/line/index.vue
index 628a160..3560338 100644
--- a/src/views/charts/components/complex/line/index.vue
+++ b/src/views/charts/components/complex/line/index.vue
@@ -1,96 +1,97 @@
 <template>
   <div class="item-charts">
-    <line-charts width="100%" height="100%" :config="lineConfig"/>
+    <line-charts width="100%" height="100%" :config="lineConfig" />
   </div>
 </template>
 <script setup lang="ts">
-import LineCharts from './components/line.vue'
-import { reactive } from 'vue'
+  import LineCharts from './components/line.vue'
+  import { reactive } from 'vue'
 
-const lineConfig = reactive({
-  grid: {
-    top: '10%',
-    left: '3%',
-    right: '4%',
-    bottom: '10%',
-    containLabel: true
-  },
-  tooltip: {
-    trigger: 'axis',
-    backgroundColor: 'rgba(0,0,0,0.7)',
-    borderWidth: 0,
-    borderColor: 'rgba(0,0,0,0.7)',
-    formatter: (name, val) => {
-      const tipHtml = `
+  const lineConfig = reactive({
+    grid: {
+      top: '10%',
+      left: '3%',
+      right: '4%',
+      bottom: '10%',
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: 'axis',
+      backgroundColor: 'rgba(0,0,0,0.7)',
+      borderWidth: 0,
+      borderColor: 'rgba(0,0,0,0.7)',
+      formatter: (name, val) => {
+        const tipHtml = `
                      <div class="m-info" style=" opacity: 0.95;font-size: 12px; color: white;" >
                          <div class="title" ></div>
                          <div class="title" >完成占比${name[0].data}</div>
                  </div>`
-      return tipHtml
-    }
-  },
-  yAxis: {
-    // 设置坐标轴的 文字样式
-    axisLabel: {
-      color: '#bbdaff',
-      margin: 20 // 刻度标签与轴线之间的距离。
-    },
-    // 坐标轴轴线相关设置。
-    splitLine: {
-      lineStyle: {
-        color: '#2d5baf'
-      }
-    }
-  },
-  xAxis: {
-    splitLine: {
-      show: false
-    },
-    // 坐标轴轴线相关设置。
-    axisLine: {
-      lineStyle: {
-        color: '#2d5baf'
-      }
-    },
-    type: 'category',
-    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    axisLabel: { // 设置坐标轴的 文字样式
-      color: '#bbdaff',
-      margin: 20 // 刻度标签与轴线之间的距离。
-    },
-    boundaryGap: false, // 设置坐标轴两边的留白 ，从刻度原点开始，
-    axisTick: { // 取消坐标轴刻度线
-      show: false
-    }
-  },
-  series: [
-    {
-      data: [154, 230, 224, 218, 135, 147, 260],
-      type: 'line',
-      // smooth:false,   //关键点，为true是不支持虚线的，实线就用true
-      symbolSize: 12, // 拐点圆的大小
-      symbol: 'circle',
-      markLine: {
-        silent: true
+        return tipHtml
       },
-      itemStyle: {
-        normal: {
-          color: '#920783', // 设置 symbol的颜色
-          lineStyle: {
-            width: 3,
-            color: '#920783',
-            type: 'solid' // 'dotted'虚线 'solid'实线
-          }
-        }
-      }
-
-    }]
-})
-
+    },
+    yAxis: {
+      // 设置坐标轴的 文字样式
+      axisLabel: {
+        color: '#bbdaff',
+        margin: 20, // 刻度标签与轴线之间的距离。
+      },
+      // 坐标轴轴线相关设置。
+      splitLine: {
+        lineStyle: {
+          color: '#2d5baf',
+        },
+      },
+    },
+    xAxis: {
+      splitLine: {
+        show: false,
+      },
+      // 坐标轴轴线相关设置。
+      axisLine: {
+        lineStyle: {
+          color: '#2d5baf',
+        },
+      },
+      type: 'category',
+      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+      axisLabel: {
+        // 设置坐标轴的 文字样式
+        color: '#bbdaff',
+        margin: 20, // 刻度标签与轴线之间的距离。
+      },
+      boundaryGap: false, // 设置坐标轴两边的留白 ，从刻度原点开始，
+      axisTick: {
+        // 取消坐标轴刻度线
+        show: false,
+      },
+    },
+    series: [
+      {
+        data: [154, 230, 224, 218, 135, 147, 260],
+        type: 'line',
+        // smooth:false,   //关键点，为true是不支持虚线的，实线就用true
+        symbolSize: 12, // 拐点圆的大小
+        symbol: 'circle',
+        markLine: {
+          silent: true,
+        },
+        itemStyle: {
+          normal: {
+            color: '#920783', // 设置 symbol的颜色
+            lineStyle: {
+              width: 3,
+              color: '#920783',
+              type: 'solid', // 'dotted'虚线 'solid'实线
+            },
+          },
+        },
+      },
+    ],
+  })
 </script>
 <style lang="scss" scoped>
-.item-charts{
-  height: 100%;
-  width: 100%;
-}
+  .item-charts {
+    height: 100%;
+    width: 100%;
+  }
 </style>
diff --git a/src/views/charts/components/complex/liquidFill.vue b/src/views/charts/components/complex/liquidFill.vue
index 679f123..45efa00 100644
--- a/src/views/charts/components/complex/liquidFill.vue
+++ b/src/views/charts/components/complex/liquidFill.vue
@@ -1,106 +1,105 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import 'echarts-liquidfill/src/liquidFill.js'
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import 'echarts-liquidfill/src/liquidFill.js'
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  backgroundColor: '#0F224C', //背景色
-  series: [
-    {
-      type: 'liquidFill', //水位图
-      radius: '80%', //显示比例
-      center: ['50%', '50%'], //中心点
-      amplitude: 20, //水波振幅
-      data: [0.5,.5,.5], // data个数代表波浪数
-      color: [
-        {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 0,
-          y2: 1,
-          colorStops: [
-            {
-              offset: 0,
-              color: '#446bf5',
-            },
-            {
-              offset: 1,
-              color: '#2ca3e2',
-            },
-          ],
-          globalCoord: false,
-        },
-      ], //波浪颜色
-      backgroundStyle: {
-        borderWidth: 1, //外边框
-        // borderColor: '#23cc72', //边框颜色
-        color: 'RGBA(51, 66, 127, 0.7)', //边框内部填充部分颜色
-      },
-      label: {
-        //标签设置
-        position: ['50%', '45%'],
-        formatter: '50%', //显示文本,
-        textStyle: {
-          fontSize: '52px', //文本字号,
-          color: '#fff',
-        },
-      },
-      outline: {
-        // show: false
-        borderDistance: 0,
-        itemStyle: {
-          borderWidth: 2,
-          borderColor: '#112165',
-        },
-      },
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
     },
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
-
-})
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    backgroundColor: '#0F224C', //背景色
+    series: [
+      {
+        type: 'liquidFill', //水位图
+        radius: '80%', //显示比例
+        center: ['50%', '50%'], //中心点
+        amplitude: 20, //水波振幅
+        data: [0.5, 0.5, 0.5], // data个数代表波浪数
+        color: [
+          {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              {
+                offset: 0,
+                color: '#446bf5',
+              },
+              {
+                offset: 1,
+                color: '#2ca3e2',
+              },
+            ],
+            globalCoord: false,
+          },
+        ], //波浪颜色
+        backgroundStyle: {
+          borderWidth: 1, //外边框
+          // borderColor: '#23cc72', //边框颜色
+          color: 'RGBA(51, 66, 127, 0.7)', //边框内部填充部分颜色
+        },
+        label: {
+          //标签设置
+          position: ['50%', '45%'],
+          formatter: '50%', //显示文本,
+          textStyle: {
+            fontSize: '52px', //文本字号,
+            color: '#fff',
+          },
+        },
+        outline: {
+          // show: false
+          borderDistance: 0,
+          itemStyle: {
+            borderWidth: 2,
+            borderColor: '#112165',
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/complex/painting.vue b/src/views/charts/components/complex/painting.vue
index 741878f..80d88a9 100644
--- a/src/views/charts/components/complex/painting.vue
+++ b/src/views/charts/components/complex/painting.vue
@@ -1,271 +1,269 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const color = ['#3c90ff', '#fff225', '#24ffdf', '#ff9c3c', '#7536ff']
-const indicator = [
-  {
-    text: '文明村',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '卫生村',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '森林村庄',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '全面小康',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '景区村庄',
-    min: 0,
-    max: 100
-  }
-]
-const Data = [80,61,70,86,77]
-function setData() {
-  return [
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const color = ['#3c90ff', '#fff225', '#24ffdf', '#ff9c3c', '#7536ff']
+  const indicator = [
     {
-      value: Data,
-      itemStyle: {
-        normal: {
-          lineStyle: {
-            color: '#4BFFFC',
-            shadowColor: '#4BFFFC',
-            shadowBlur: 5
-          },
-          shadowColor: '#4BFFFC',
-          shadowBlur: 5
-        }
-      },
-      areaStyle: {
-        normal: {
-          // 单项区域填充样式
-          color: {
-            type: 'radial',
-            x: 0.5, //右
-            y: 0.5, //下
-            r: 1,
-            colorStops: [
-              {
-                offset: 1,
-                color: '#4BFFFC'
-              },
-              {
-                offset: 0,
-                color: 'rgba(0,0,0,0)'
-              }
-            ],
-            globalCoord: false
-          },
-          opacity: 0.8 // 区域透明度
-        }
-      }
-    }
+      text: '文明村',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '卫生村',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '森林村庄',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '全面小康',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '景区村庄',
+      min: 0,
+      max: 100,
+    },
   ]
-}
-
-function setgauge(i) {
-  return {
-    type: 'gauge',
-    detail: false,
-    splitNumber: 10, //刻度数量
-    radius: '80%', //图表尺寸
-    center: ['50%', '50%'],
-    startAngle: 90 + 72 * i + 18, //开始刻度的角度
-    endAngle: 90 + 72 * (i + 1) - 18, //结束刻度的角度
-    axisLine: {
-      show: false
-    },
-    axisTick: {
-      show: true,
-      lineStyle: {
-        color: '#66ccff',
-        width: 1
+  const Data = [80, 61, 70, 86, 77]
+  function setData() {
+    return [
+      {
+        value: Data,
+        itemStyle: {
+          normal: {
+            lineStyle: {
+              color: '#4BFFFC',
+              shadowColor: '#4BFFFC',
+              shadowBlur: 5,
+            },
+            shadowColor: '#4BFFFC',
+            shadowBlur: 5,
+          },
+        },
+        areaStyle: {
+          normal: {
+            // 单项区域填充样式
+            color: {
+              type: 'radial',
+              x: 0.5, //右
+              y: 0.5, //下
+              r: 1,
+              colorStops: [
+                {
+                  offset: 1,
+                  color: '#4BFFFC',
+                },
+                {
+                  offset: 0,
+                  color: 'rgba(0,0,0,0)',
+                },
+              ],
+              globalCoord: false,
+            },
+            opacity: 0.8, // 区域透明度
+          },
+        },
+      },
+    ]
+  }
+
+  function setgauge(i) {
+    return {
+      type: 'gauge',
+      detail: false,
+      splitNumber: 10, //刻度数量
+      radius: '80%', //图表尺寸
+      center: ['50%', '50%'],
+      startAngle: 90 + 72 * i + 18, //开始刻度的角度
+      endAngle: 90 + 72 * (i + 1) - 18, //结束刻度的角度
+      axisLine: {
+        show: false,
+      },
+      axisTick: {
+        show: true,
+        lineStyle: {
+          color: '#66ccff',
+          width: 1,
+        },
+        length: 6,
+        splitNumber: 1,
+      },
+      splitLine: {
+        show: false,
+      },
+      axisLabel: {
+        show: false,
       },
-      length: 6,
-      splitNumber: 1
-    },
-    splitLine: {
-      show: false
-    },
-    axisLabel: {
-      show: false
     }
   }
-}
-function setSpot() {
-  var scatterData = []
-  Data.map((o, i) => {
-    scatterData.push({
-      value: [o, i],
-      itemStyle: {
-        normal: {
-          color: color[i],
-          borderColor: '#fff',
-          borderWidth: 1,
-          shadowColor: color[i],
-          shadowBlur: 8
-        }
-      }
+  function setSpot() {
+    var scatterData = []
+    Data.map((o, i) => {
+      scatterData.push({
+        value: [o, i],
+        itemStyle: {
+          normal: {
+            color: color[i],
+            borderColor: '#fff',
+            borderWidth: 1,
+            shadowColor: color[i],
+            shadowBlur: 8,
+          },
+        },
+      })
+    })
+    return scatterData
+  }
+
+  const options = {
+    backgroundColor: '#0E1327',
+    polar: {
+      center: ['50%', '50%'],
+      radius: '60%',
+    },
+    radar: {
+      shape: 'circle',
+      center: ['50%', '50%'],
+      radius: '60%',
+      indicator: indicator,
+      axisName: {
+        color: '#b7e9fd',
+        fontSize: 13,
+        padding: -20,
+      },
+      nameGap: 45,
+      splitNumber: 4,
+      splitArea: {
+        // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+        show: true,
+        areaStyle: {
+          // 分隔区域的样式设置。
+          color: ['rgba(27, 50, 66, 0.4)'],
+        },
+      },
+      axisLine: {
+        //指向外圈文本的分隔线样式
+        lineStyle: {
+          color: '#5aa3d0',
+        },
+      },
+      splitLine: {
+        lineStyle: {
+          color: 'rgba(99,192,251,0.2)', // 分隔线颜色
+          width: 2, // 分隔线线宽
+        },
+      },
+    },
+    angleAxis: {
+      type: 'category',
+      data: name,
+      minInterval: 1,
+      boundaryGap: false,
+      clockwise: false,
+      axisTick: {
+        show: false,
+      },
+      axisLabel: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      splitLine: {
+        show: false,
+      },
+    },
+    radiusAxis: {
+      min: 0,
+      max: 100,
+      interval: 25,
+      splitLine: {
+        show: false,
+      },
+      axisTick: {
+        show: false,
+      },
+      axisLine: {
+        //指向外圈文本的分隔线样式
+        lineStyle: {
+          color: '#5aa3d0',
+        },
+      },
+      axisLabel: {
+        fontSize: 12,
+        color: '#5aa3d0',
+        align: 'left',
+        margin: -5,
+      },
+    },
+    series: [
+      setgauge(0),
+      setgauge(1),
+      setgauge(2),
+      setgauge(3),
+      setgauge(4),
+      {
+        type: 'radar',
+        silent: true,
+        lineStyle: {
+          color: '#66ffff',
+        },
+        areaStyle: {
+          color: 'rgba(102, 255, 255, 0.31)',
+        },
+        data: setData(),
+      },
+      {
+        type: 'scatter',
+        coordinateSystem: 'polar',
+        symbolSize: 20,
+        data: setSpot(),
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
     })
   })
-  return scatterData
-}
-
-const options = {
-  backgroundColor: '#0E1327',
-  polar: {
-    center: ['50%', '50%'],
-    radius: '60%'
-  },
-  radar: {
-    shape: 'circle',
-    center: ['50%', '50%'],
-    radius: '60%',
-    indicator: indicator,
-    axisName: {
-      color: '#b7e9fd',
-      fontSize: 13,
-      padding: -20
-    },
-    nameGap: 45,
-    splitNumber: 4,
-    splitArea: {
-      // 坐标轴在 grid 区域中的分隔区域，默认不显示。
-      show: true,
-      areaStyle: {
-        // 分隔区域的样式设置。
-        color: ['rgba(27, 50, 66, 0.4)']
-      }
-    },
-    axisLine: {
-      //指向外圈文本的分隔线样式
-      lineStyle: {
-        color: '#5aa3d0'
-      }
-    },
-    splitLine: {
-      lineStyle: {
-        color: 'rgba(99,192,251,0.2)', // 分隔线颜色
-        width: 2 // 分隔线线宽
-      }
-    }
-  },
-  angleAxis: {
-    type: 'category',
-    data: name,
-    minInterval: 1,
-    boundaryGap: false,
-    clockwise: false,
-    axisTick: {
-      show: false
-    },
-    axisLabel: {
-      show: false
-    },
-    axisLine: {
-      show: false
-    },
-    splitLine: {
-      show: false
-    }
-  },
-  radiusAxis: {
-    min: 0,
-    max: 100,
-    interval: 25,
-    splitLine: {
-      show: false
-    },
-    axisTick: {
-      show: false
-    },
-    axisLine: {
-      //指向外圈文本的分隔线样式
-      lineStyle: {
-        color: '#5aa3d0'
-      }
-    },
-    axisLabel: {
-      fontSize: 12,
-      color: '#5aa3d0',
-      align: 'left',
-      margin: -5
-    }
-  },
-  series: [
-    setgauge(0),
-    setgauge(1),
-    setgauge(2),
-    setgauge(3),
-    setgauge(4),
-    {
-      type: 'radar',
-      silent: true,
-      lineStyle: {
-        color: '#66ffff'
-      },
-      areaStyle: {
-        color: 'rgba(102, 255, 255, 0.31)'
-      },
-      data: setData()
-    },
-    {
-      type: 'scatter',
-      coordinateSystem: 'polar',
-      symbolSize: 20,
-      data: setSpot()
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-
-
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
-  })
-
-})
 </script>
diff --git a/src/views/charts/components/complex/pie.vue b/src/views/charts/components/complex/pie.vue
index 351c8b6..edf5ac1 100644
--- a/src/views/charts/components/complex/pie.vue
+++ b/src/views/charts/components/complex/pie.vue
@@ -1,200 +1,201 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-let color = ['#0E7CE2', '#FF8352', '#E271DE', '#F8456B', '#00FFFF', '#4AEAB0'];
-let echartData = [
-  {
-    name: '设备1',
-    value: '3720',
-  },
-  {
-    name: '设备2',
-    value: '2920',
-  },
-  {
-    name: '设备3',
-    value: '2200',
-  },
-  {
-    name: '设备4',
-    value: '1420',
-  },
-];
-let formatNumber = function (num) {
-  let reg = /(?=(\B)(\d{3})+$)/g;
-  return num.toString().replace(reg, ',');
-};
-
-const options = {
-  backgroundColor: '#364686',
-  color: color,
-  title: [
-    {
-      text: '设备数',
-      x: 'center',
-      top: '40%',
-      textStyle: {
-        color: '#fff',
-        fontSize: 18,
-        fontWeight: '100',
-      },
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    {
-      text: '60%',
-      x: 'center',
-      top: '50%',
-      textStyle: {
-        fontSize: 30,
-        color: '#00f0ff',
-        foontWeight: '500',
-      },
+    config: {
+      type: Object,
+      default: () => {},
     },
-  ],
-  polar: {
-    radius: ['44%', '50%'],
-    center: ['50%', '50%'],
-  },
-  angleAxis: {
-    max: 100,
-    show: false,
-  },
-  radiusAxis: {
-    type: 'category',
-    show: true,
-    axisLabel: {
-      show: false,
+    id: {
+      type: String,
+      default: 'chart',
     },
-    axisLine: {
-      show: false,
+    width: {
+      type: String,
+      default: '200px',
     },
-    axisTick: {
-      show: false,
+    height: {
+      type: String,
+      default: '200px',
     },
-  },
-  series: [
-    {
-      type: 'pie',
-      radius: ['55%', '67%'],
-      center: ['50%', '50%'],
-      data: echartData,
-      hoverAnimation: false,
-      itemStyle: {
-        normal: {
-          borderColor: '#364684',
-          borderWidth: 2,
-        },
-      },
-      labelLine: {
-        normal: {
-          length: 60,
-          length2: 60,
-          lineStyle: {
-            color: '#e6e6e6',
-          },
-        },
-      },
-      label: {
-        normal: {
-          formatter: (params) => {
-            return '{icon|●}{name|' + params.name + '}\n{value|' + formatNumber(params.value) + '}';
-          },
-          padding: [0, -70, 30, -70],
-          rich: {
-            icon: {
-              fontSize: 14,
-              align: 'left',
-              padding: [4, 0, 0, 0],
-            },
-            name: {
-              fontSize: 14,
-              align: 'left',
-              padding: [4, 0, 0, 0],
-              color: '#fff',
-            },
-            value: {
-              fontSize: 18,
-              fontWeight: 'bold',
-              color: '#fff',
-              align: 'left',
-            },
-          },
-        },
-      },
-    },
-    {
-      name: '',
-      type: 'pie',
-      startAngle: 90,
-      radius: '50%',
-      hoverAnimation: false,
-      center: ['50%', '50%'],
-      itemStyle: {
-        normal: {
-          labelLine: {
-            show: false,
-          },
-          color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
-            {
-              offset: 1,
-              color: 'rgba(50,171,241, 1)',
-            },
-            {
-              offset: 0,
-              color: 'rgba(55,70,130, 0)',
-            },
-          ]),
-          // borderWidth: 1,
-          // borderColor: '',
-          shadowBlur: 10,
-          // shadowColor: 'rgba(55,70,130, 1)'
-        },
-      },
-      data: [
-        {
-          value: 100,
-        },
-      ],
-    },
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
+  let color = ['#0E7CE2', '#FF8352', '#E271DE', '#F8456B', '#00FFFF', '#4AEAB0']
+  let echartData = [
+    {
+      name: '设备1',
+      value: '3720',
+    },
+    {
+      name: '设备2',
+      value: '2920',
+    },
+    {
+      name: '设备3',
+      value: '2200',
+    },
+    {
+      name: '设备4',
+      value: '1420',
+    },
+  ]
+  let formatNumber = function (num) {
+    let reg = /(?=(\B)(\d{3})+$)/g
+    return num.toString().replace(reg, ',')
+  }
 
-})
+  const options = {
+    backgroundColor: '#364686',
+    color: color,
+    title: [
+      {
+        text: '设备数',
+        x: 'center',
+        top: '40%',
+        textStyle: {
+          color: '#fff',
+          fontSize: 18,
+          fontWeight: '100',
+        },
+      },
+      {
+        text: '60%',
+        x: 'center',
+        top: '50%',
+        textStyle: {
+          fontSize: 30,
+          color: '#00f0ff',
+          foontWeight: '500',
+        },
+      },
+    ],
+    polar: {
+      radius: ['44%', '50%'],
+      center: ['50%', '50%'],
+    },
+    angleAxis: {
+      max: 100,
+      show: false,
+    },
+    radiusAxis: {
+      type: 'category',
+      show: true,
+      axisLabel: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      axisTick: {
+        show: false,
+      },
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['55%', '67%'],
+        center: ['50%', '50%'],
+        data: echartData,
+        hoverAnimation: false,
+        itemStyle: {
+          normal: {
+            borderColor: '#364684',
+            borderWidth: 2,
+          },
+        },
+        labelLine: {
+          normal: {
+            length: 60,
+            length2: 60,
+            lineStyle: {
+              color: '#e6e6e6',
+            },
+          },
+        },
+        label: {
+          normal: {
+            formatter: (params) => {
+              return (
+                '{icon|●}{name|' + params.name + '}\n{value|' + formatNumber(params.value) + '}'
+              )
+            },
+            padding: [0, -70, 30, -70],
+            rich: {
+              icon: {
+                fontSize: 14,
+                align: 'left',
+                padding: [4, 0, 0, 0],
+              },
+              name: {
+                fontSize: 14,
+                align: 'left',
+                padding: [4, 0, 0, 0],
+                color: '#fff',
+              },
+              value: {
+                fontSize: 18,
+                fontWeight: 'bold',
+                color: '#fff',
+                align: 'left',
+              },
+            },
+          },
+        },
+      },
+      {
+        name: '',
+        type: 'pie',
+        startAngle: 90,
+        radius: '50%',
+        hoverAnimation: false,
+        center: ['50%', '50%'],
+        itemStyle: {
+          normal: {
+            labelLine: {
+              show: false,
+            },
+            color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
+              {
+                offset: 1,
+                color: 'rgba(50,171,241, 1)',
+              },
+              {
+                offset: 0,
+                color: 'rgba(55,70,130, 0)',
+              },
+            ]),
+            // borderWidth: 1,
+            // borderColor: '',
+            shadowBlur: 10,
+            // shadowColor: 'rgba(55,70,130, 1)'
+          },
+        },
+        data: [
+          {
+            value: 100,
+          },
+        ],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/complex/progress.vue b/src/views/charts/components/complex/progress.vue
index 8a09784..dab3e33 100644
--- a/src/views/charts/components/complex/progress.vue
+++ b/src/views/charts/components/complex/progress.vue
@@ -1,149 +1,147 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-
-
-const options = {
-  title: [
-    {
-      text: '已完成',
-      x: 'center',
-      top: '52%',
-      textStyle: {
-        color: '#FFFFFF',
-        fontSize: 16,
-        fontWeight: '100',
-      },
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    {
-      text: '75%',
-      x: 'center',
-      y: 'center',
-      textStyle: {
-        fontSize: '12',
-        color: '#FFFFFF',
-        fontFamily: 'DINAlternate-Bold, DINAlternate',
-        foontWeight: '600',
-      },
+    config: {
+      type: Object,
+      default: () => {},
     },
-  ],
-  backgroundColor: '#111',
-  polar: {
-    radius: ['42%', '52%'],
-    center: ['50%', '50%'],
-  },
-  angleAxis: {
-    max: 100,
-    show: false,
-  },
-  radiusAxis: {
-    type: 'category',
-    show: true,
-    axisLabel: {
-      show: false,
+    id: {
+      type: String,
+      default: 'chart',
     },
-    axisLine: {
-      show: false,
+    width: {
+      type: String,
+      default: '200px',
     },
-    axisTick: {
-      show: false,
+    height: {
+      type: String,
+      default: '200px',
     },
-  },
-  series: [
-    {
-      name: '',
-      type: 'bar',
-      roundCap: true,
-      barWidth: 30,
-      showBackground: true,
-      backgroundStyle: {
-        color: 'rgba(66, 66, 66, .3)',
-      },
-      data: [60],
-      coordinateSystem: 'polar',
-      itemStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-            {
-              offset: 0,
-              color: '#16CEB9',
-            },
-            {
-              offset: 1,
-              color: '#6648FF',
-            },
-          ]),
-        },
-      },
-    },
-    {
-      name: '',
-      type: 'pie',
-      startAngle: 80,
-      radius: ['56%'],
-      hoverAnimation: false,
-      center: ['50%', '50%'],
-      itemStyle: {
-        color: 'rgba(66, 66, 66, .1)',
-        borderWidth: 1,
-        borderColor: '#5269EE',
-      },
-      data: [100],
-    },
-    {
-      name: '',
-      type: 'pie',
-      startAngle: 80,
-      radius: ['38%'],
-      hoverAnimation: false,
-      center: ['50%', '50%'],
-      itemStyle: {
-        color: 'rgba(66, 66, 66, .1)',
-        borderWidth: 1,
-        borderColor: '#5269EE',
-      },
-      data: [100],
-    },
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
 
-})
+  const options = {
+    title: [
+      {
+        text: '已完成',
+        x: 'center',
+        top: '52%',
+        textStyle: {
+          color: '#FFFFFF',
+          fontSize: 16,
+          fontWeight: '100',
+        },
+      },
+      {
+        text: '75%',
+        x: 'center',
+        y: 'center',
+        textStyle: {
+          fontSize: '12',
+          color: '#FFFFFF',
+          fontFamily: 'DINAlternate-Bold, DINAlternate',
+          foontWeight: '600',
+        },
+      },
+    ],
+    backgroundColor: '#111',
+    polar: {
+      radius: ['42%', '52%'],
+      center: ['50%', '50%'],
+    },
+    angleAxis: {
+      max: 100,
+      show: false,
+    },
+    radiusAxis: {
+      type: 'category',
+      show: true,
+      axisLabel: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      axisTick: {
+        show: false,
+      },
+    },
+    series: [
+      {
+        name: '',
+        type: 'bar',
+        roundCap: true,
+        barWidth: 30,
+        showBackground: true,
+        backgroundStyle: {
+          color: 'rgba(66, 66, 66, .3)',
+        },
+        data: [60],
+        coordinateSystem: 'polar',
+        itemStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+              {
+                offset: 0,
+                color: '#16CEB9',
+              },
+              {
+                offset: 1,
+                color: '#6648FF',
+              },
+            ]),
+          },
+        },
+      },
+      {
+        name: '',
+        type: 'pie',
+        startAngle: 80,
+        radius: ['56%'],
+        hoverAnimation: false,
+        center: ['50%', '50%'],
+        itemStyle: {
+          color: 'rgba(66, 66, 66, .1)',
+          borderWidth: 1,
+          borderColor: '#5269EE',
+        },
+        data: [100],
+      },
+      {
+        name: '',
+        type: 'pie',
+        startAngle: 80,
+        radius: ['38%'],
+        hoverAnimation: false,
+        center: ['50%', '50%'],
+        itemStyle: {
+          color: 'rgba(66, 66, 66, .1)',
+          borderWidth: 1,
+          borderColor: '#5269EE',
+        },
+        data: [100],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/complex/rotate.vue b/src/views/charts/components/complex/rotate.vue
index 7161149..f4628ac 100644
--- a/src/views/charts/components/complex/rotate.vue
+++ b/src/views/charts/components/complex/rotate.vue
@@ -1,85 +1,104 @@
-
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-var data = [],data2=[];
-var trafficWay = [
-  {
-    name: '病假',
-    value: 20
-  },{
-    name: '事假',
-    value: 1
-  },{
-    name: '婚假',
-    value: 30
-  },{
-    name: '丧假',
-    value: 40
-  },{
-    name: '年休假',
-    value: 40
-  }];
-var color=['#2A8BFD','#BAFF7F','#00FAC1','#00CAFF','#FDE056','#4ED33C','#FF8A26','#FF5252','#9689FF','#CB00FF']
-for (var i = 0; i < trafficWay.length; i++) {
-  data.push({
-    value: trafficWay[i].value,
-    name: trafficWay[i].name,
-    itemStyle: {
-      normal: {
-        borderWidth: 8,
-        shadowBlur: 20,
-        borderRadius:20,
-        borderColor:color[i],
-        shadowColor: color[i]
-      }
-    }
-  }, {
-    value: 5,
-    name: '',
-    itemStyle: {
-      normal: {
-        label: {
-          show: false
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  var data = [],
+    data2 = []
+  var trafficWay = [
+    {
+      name: '病假',
+      value: 20,
+    },
+    {
+      name: '事假',
+      value: 1,
+    },
+    {
+      name: '婚假',
+      value: 30,
+    },
+    {
+      name: '丧假',
+      value: 40,
+    },
+    {
+      name: '年休假',
+      value: 40,
+    },
+  ]
+  var color = [
+    '#2A8BFD',
+    '#BAFF7F',
+    '#00FAC1',
+    '#00CAFF',
+    '#FDE056',
+    '#4ED33C',
+    '#FF8A26',
+    '#FF5252',
+    '#9689FF',
+    '#CB00FF',
+  ]
+  for (var i = 0; i < trafficWay.length; i++) {
+    data.push(
+      {
+        value: trafficWay[i].value,
+        name: trafficWay[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 8,
+            shadowBlur: 20,
+            borderRadius: 20,
+            borderColor: color[i],
+            shadowColor: color[i],
+          },
         },
-        labelLine: {
-          show: false
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false,
+            },
+            labelLine: {
+              show: false,
+            },
+            color: 'rgba(0, 0, 0, 0)',
+            borderColor: 'rgba(0, 0, 0, 0)',
+            borderWidth: 0,
+          },
         },
-        color: 'rgba(0, 0, 0, 0)',
-        borderColor: 'rgba(0, 0, 0, 0)',
-        borderWidth: 0
-
-      }
-    }
-  });
-  data2.push({
+      },
+    )
+    data2.push(
+      {
         value: trafficWay[i].value,
         name: trafficWay[i].name,
       },
@@ -89,325 +108,330 @@ for (var i = 0; i < trafficWay.length; i++) {
         itemStyle: {
           normal: {
             label: {
-              show: false
+              show: false,
             },
             labelLine: {
-              show: false
+              show: false,
             },
             color: 'rgba(0, 0, 0, 0)',
             borderColor: 'rgba(0, 0, 0, 0)',
             borderWidth: 0,
-            opacity:0.2
-
-          }
-        }
-      }
-  )
-}
-
-let angle = 0;//角度，用来做简单的动画效果的
-
-const option = {
-  backgroundColor:"#061740",
-  color : color,
-  legend:{
-    right:'10%',
-    top:'10%',
-    icon:'rect',
-    itemWidth:15,
-    itemHeight:15,
-    textStyle:{
-      color:'#ffffff',
-    }
-  },
-  series: [
-    {//外线1
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
-            startAngle: (0+angle) * Math.PI / 180,
-            endAngle: (90+angle) * Math.PI / 180
+            opacity: 0.2,
           },
-          style: {
-            stroke: '#4EE9E6',
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
+        },
       },
-      data: [0]
-    },
-    {//内线1
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
-            startAngle: (180+angle) * Math.PI / 180,
-            endAngle: (270+angle) * Math.PI / 180
-          },
-          style: {
-            stroke: "#4EE9E6",
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//外线2
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
-            startAngle: (270+-angle) * Math.PI / 180,
-            endAngle: (40+-angle) * Math.PI / 180
-          },
-          style: {
-            stroke: "#4EE9E6",
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//外线2
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
-            startAngle: (90+-angle) * Math.PI / 180,
-            endAngle: (220+-angle) * Math.PI / 180
-          },
-          style: {
-            stroke: "#4EE9E6",
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点1
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
-        let point = getCirlPoint(x0, y0, r, (90+-angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点2
-      name: "ring5",  //绿点
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
-        let point = getCirlPoint(x0, y0, r, (270+-angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点3
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
-        let point = getCirlPoint(x0, y0, r, (90+angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点4
-      name: "ring5",  //绿点
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
-        let point = getCirlPoint(x0, y0, r, (270+angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {
-      name: '',
-      type: 'pie',
-      clockWise: false,
-      radius: ['98%', '95%'],
-      hoverAnimation: false,
-      center:['33.33%','50%'],
-      top:"center",
-      itemStyle: {
-        normal:{
-          label: {
-            show:false
-          }
-        }
-      },
-      data:data
-    },
-    {
-      type: 'pie',
-      top:"center",
-      startAngle:90,
-      clockwise:false,
-      center:['33.33%','50%'],
-      legendHoverLink:false,
-      hoverAnimation: false,
-      radius: ['94%', '55%'],
-      itemStyle: {
-        opacity:0.15
-      },
-      label: {
-        show: false,
-        position: 'center'
-      },
-      labelLine: {
-        show: false
-      },
-      data:data2
-    },
-    {
-      name: '',
-      type: 'pie',
-      clockWise: false,
-      center:['33.33%','50%'],
-      radius: ['39%', '38%'],
-      hoverAnimation: false,
-      top:"center",
-      itemStyle: {
-        normal:{
-          label: {
-            show:false
-          }
-        }
-      },
-      data:data
-    },
-  ]
-};
-//获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
-function getCirlPoint(x0, y0, r, angle) {
-  let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
-  let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
-  return {
-    x: x1,
-    y: y1
+    )
   }
-}
 
+  let angle = 0 //角度，用来做简单的动画效果的
 
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  draw(chart)
-  return chart
-}
-function draw(chart){
-  angle = angle+3
-  chart.setOption(option, true)
-  //window.requestAnimationFrame(draw);
-}
+  const option = {
+    backgroundColor: '#061740',
+    color: color,
+    legend: {
+      right: '10%',
+      top: '10%',
+      icon: 'rect',
+      itemWidth: 15,
+      itemHeight: 15,
+      textStyle: {
+        color: '#ffffff',
+      },
+    },
+    series: [
+      {
+        //外线1
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6,
+              startAngle: ((0 + angle) * Math.PI) / 180,
+              endAngle: ((90 + angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //内线1
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6,
+              startAngle: ((180 + angle) * Math.PI) / 180,
+              endAngle: ((270 + angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //外线2
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65,
+              startAngle: ((270 + -angle) * Math.PI) / 180,
+              endAngle: ((40 + -angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //外线2
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65,
+              startAngle: ((90 + -angle) * Math.PI) / 180,
+              endAngle: ((220 + -angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点1
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65
+          let point = getCirlPoint(x0, y0, r, 90 + -angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点2
+        name: 'ring5', //绿点
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65
+          let point = getCirlPoint(x0, y0, r, 270 + -angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点3
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6
+          let point = getCirlPoint(x0, y0, r, 90 + angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点4
+        name: 'ring5', //绿点
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6
+          let point = getCirlPoint(x0, y0, r, 270 + angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        name: '',
+        type: 'pie',
+        clockWise: false,
+        radius: ['98%', '95%'],
+        hoverAnimation: false,
+        center: ['33.33%', '50%'],
+        top: 'center',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false,
+            },
+          },
+        },
+        data: data,
+      },
+      {
+        type: 'pie',
+        top: 'center',
+        startAngle: 90,
+        clockwise: false,
+        center: ['33.33%', '50%'],
+        legendHoverLink: false,
+        hoverAnimation: false,
+        radius: ['94%', '55%'],
+        itemStyle: {
+          opacity: 0.15,
+        },
+        label: {
+          show: false,
+          position: 'center',
+        },
+        labelLine: {
+          show: false,
+        },
+        data: data2,
+      },
+      {
+        name: '',
+        type: 'pie',
+        clockWise: false,
+        center: ['33.33%', '50%'],
+        radius: ['39%', '38%'],
+        hoverAnimation: false,
+        top: 'center',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false,
+            },
+          },
+        },
+        data: data,
+      },
+    ],
+  }
+  //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
+  function getCirlPoint(x0, y0, r, angle) {
+    let x1 = x0 + r * Math.cos((angle * Math.PI) / 180)
+    let y1 = y0 + r * Math.sin((angle * Math.PI) / 180)
+    return {
+      x: x1,
+      y: y1,
+    }
+  }
 
-onMounted(()=>{
-  chart = initChart()
-
-  setInterval(function() {
-    //用setInterval做动画感觉有问题
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
     draw(chart)
-  }, 100);
+    return chart
+  }
+  function draw(chart) {
+    angle = angle + 3
+    chart.setOption(option, true)
+    //window.requestAnimationFrame(draw);
+  }
 
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  onMounted(() => {
+    chart = initChart()
+
+    setInterval(function () {
+      //用setInterval做动画感觉有问题
+      draw(chart)
+    }, 100)
+
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/complex/sankey.vue b/src/views/charts/components/complex/sankey.vue
index 29eaf50..d27be89 100644
--- a/src/views/charts/components/complex/sankey.vue
+++ b/src/views/charts/components/complex/sankey.vue
@@ -1,337 +1,338 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-let datalist = [
-  {
-    name: "公共平台"
-  },
-  {
-    name: "系统0000"
-  },
-  {
-    name: "系统0011"
-  },
-  {
-    name: "系统0022"
-  },
-  {
-    name: "系统0033"
-  },
-  {
-    name: "系统0044"
-  },
-  {
-    name: "系统0055"
-  },{
-    name: "系统11"
-  },
-  {
-    name: "系统22"
-  },
-  {
-    name: "系统33"
-  },
-  {
-    name: "系统44"
-  },
-  {
-    name: "系统55"
-  },
-  {
-    name: "系统66"
-  },
-  {
-    name: "系统77"
-  },
-  {
-    name: "系统88"
-  },
-  {
-    name: "系统99"
-  }
-];
-let linksData = [
-  {
-    source: "公共平台",
-    target: "系统0000",
-    value: 1044305
-  },
-  {
-    source: "公共平台",
-    target: "系统0011",
-    value: 651527
-  },
-  {
-    source: "公共平台",
-    target: "系统0022",
-    value: 651527
-  },
-  {
-    source: "公共平台",
-    target: "系统0033",
-    value: 486710
-  },
-  {
-    source: "公共平台",
-    target: "系统0044",
-    value: 212670
-  },
-  {
-    source: "公共平台",
-    target: "系统0055",
-    value: 210400
-  },{
-    source: "系统0011",
-    target: "系统11",
-    value: 645246
-  },
-  {
-    source: "系统0022",
-    target: "系统22",
-    value: 513275
-  },
-  {
-    source: "系统0011",
-    target: "系统33",
-    value: 282986
-  },
-  {
-    source: "系统0011",
-    target: "系统44",
-    value: 118655
-  },
-  {
-    source: "系统0022",
-    target: "系统55",
-    value: 105989
-  },
-  {
-    source: "系统0022",
-    target: "系统66",
-    value: 95100
-  },
-  {
-    source: "系统0033",
-    target: "系统77",
-    value: 87796
-  },
-  {
-    source: "系统0044",
-    target: "系统88",
-    value: 47658
-  },
-  {
-    source: "系统0055",
-    target: "系统99",
-    value: 243660
-  },
-
-
-];
-let Color = [
-  "#61FEFF",
-  "#937FE6",
-  "#2B56D3",
-  "#87E7AA",
-  "#937FE6",
-  "#FF9B97",
-  "#8f23f5",
-  "#0576ea",
-  "#2cb8cf",
-  "#8A7EE0",
-  "#2cb8cf",
-  "#4e70f0",
-  "#1fa3de",
-  "#bbc951",
-  "#FFC14B",
-  "#b785a6",
-
-];  let Color1 = [
-  "#04E0F3",
-  "#682EFC",
-  "#35A7FE",
-  "#0DC09F",
-  "#682EFC",
-  "#ED6663",
-  "#8f23f5",
-  "#0576ea",
-  "#2cb8cf",
-  "#8A7EE0",
-  "#2cb8cf",
-  "#4e70f0",
-  "#1fa3de",
-  "#bbc951",
-  "#FFC14B",
-  "#b785a6",
-
-];
-let sourceLabel = [
-  "right",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left"
-];
-let itemStyleColor = [];
-let labelSource = [];
-for (let i = 0; i < datalist.length; i++) {
-  datalist[i].label = {
-    normal: {
-      position: sourceLabel[i]
-    }
-  };
-  labelSource.push(sourceLabel[i]);
-}
-for (let d = 0; d < datalist.length; d++) {
-  datalist[d].itemStyle = {
-    normal: {
-      // color: Color[d]
-      color: {
-        type: "linear",
-        x: 0,
-        y: 1,
-        x2: 0,
-        y2: 0,
-        colorStops: [
-          {
-            offset: 1,
-            color: Color[d], // 0% 处的颜色
-          },
-          {
-            offset: 0,
-            color: Color1[d], // 100% 处的颜色
-          },
-        ],
-        global: false, // 缺省为 false
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  let datalist = [
+    {
+      name: '公共平台',
+    },
+    {
+      name: '系统0000',
+    },
+    {
+      name: '系统0011',
+    },
+    {
+      name: '系统0022',
+    },
+    {
+      name: '系统0033',
+    },
+    {
+      name: '系统0044',
+    },
+    {
+      name: '系统0055',
+    },
+    {
+      name: '系统11',
+    },
+    {
+      name: '系统22',
+    },
+    {
+      name: '系统33',
+    },
+    {
+      name: '系统44',
+    },
+    {
+      name: '系统55',
+    },
+    {
+      name: '系统66',
+    },
+    {
+      name: '系统77',
+    },
+    {
+      name: '系统88',
+    },
+    {
+      name: '系统99',
+    },
+  ]
+  let linksData = [
+    {
+      source: '公共平台',
+      target: '系统0000',
+      value: 1044305,
+    },
+    {
+      source: '公共平台',
+      target: '系统0011',
+      value: 651527,
+    },
+    {
+      source: '公共平台',
+      target: '系统0022',
+      value: 651527,
+    },
+    {
+      source: '公共平台',
+      target: '系统0033',
+      value: 486710,
+    },
+    {
+      source: '公共平台',
+      target: '系统0044',
+      value: 212670,
+    },
+    {
+      source: '公共平台',
+      target: '系统0055',
+      value: 210400,
+    },
+    {
+      source: '系统0011',
+      target: '系统11',
+      value: 645246,
+    },
+    {
+      source: '系统0022',
+      target: '系统22',
+      value: 513275,
+    },
+    {
+      source: '系统0011',
+      target: '系统33',
+      value: 282986,
+    },
+    {
+      source: '系统0011',
+      target: '系统44',
+      value: 118655,
+    },
+    {
+      source: '系统0022',
+      target: '系统55',
+      value: 105989,
+    },
+    {
+      source: '系统0022',
+      target: '系统66',
+      value: 95100,
+    },
+    {
+      source: '系统0033',
+      target: '系统77',
+      value: 87796,
+    },
+    {
+      source: '系统0044',
+      target: '系统88',
+      value: 47658,
+    },
+    {
+      source: '系统0055',
+      target: '系统99',
+      value: 243660,
+    },
+  ]
+  let Color = [
+    '#61FEFF',
+    '#937FE6',
+    '#2B56D3',
+    '#87E7AA',
+    '#937FE6',
+    '#FF9B97',
+    '#8f23f5',
+    '#0576ea',
+    '#2cb8cf',
+    '#8A7EE0',
+    '#2cb8cf',
+    '#4e70f0',
+    '#1fa3de',
+    '#bbc951',
+    '#FFC14B',
+    '#b785a6',
+  ]
+  let Color1 = [
+    '#04E0F3',
+    '#682EFC',
+    '#35A7FE',
+    '#0DC09F',
+    '#682EFC',
+    '#ED6663',
+    '#8f23f5',
+    '#0576ea',
+    '#2cb8cf',
+    '#8A7EE0',
+    '#2cb8cf',
+    '#4e70f0',
+    '#1fa3de',
+    '#bbc951',
+    '#FFC14B',
+    '#b785a6',
+  ]
+  let sourceLabel = [
+    'right',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+  ]
+  let itemStyleColor = []
+  let labelSource = []
+  for (let i = 0; i < datalist.length; i++) {
+    datalist[i].label = {
+      normal: {
+        position: sourceLabel[i],
       },
     }
-  };
-  itemStyleColor.push(datalist[d]);
-}
-
-const options = {
-  backgroundColor: "#031d7a",
-  tooltip: {
-    trigger: "item",
-    triggerOn: "mousemove",
-    formatter: function(params) {
-      if (params.name == "公共平台") {
-        return " 公共平台 "
-      } else {
-        let value = params.data.value;
-        if (!value && value !== 0) return 0;
-        let str = value.toString();
-        let reg = str.indexOf(".") > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g;
-        if (params.data.source == "公共平台") {
-          return params.data.target + " : " + str.replace(reg, "$1,");
-        } else {
-          return params.data.source + " : " + str.replace(reg, "$1,");
-        }
-      }
-    }
-  },
-  series: [{
-    type: "sankey",
-    layout: "none",
-    top: "4%",
-    bottom: "12%",
-    left: "20",
-    right: "20",
-    nodeGap: 15,
-    nodeWidth: 25,
-    focusNodeAdjacency: "allEdges",
-    data: itemStyleColor,
-    links: linksData,
-    label: {
+    labelSource.push(sourceLabel[i])
+  }
+  for (let d = 0; d < datalist.length; d++) {
+    datalist[d].itemStyle = {
       normal: {
-        color: "#fff",
-        fontSize: 14,
-        formatter: function(params) {
-          if (params.data.name == '公共平台') {
-            let strs = params.data.name.split(''); //字符串数组
-            let str = ''
-            for (let i = 0, s; s = strs[i++];) { //遍历字符串数组
-              str += s;
-              if (!(i % 1)) str += '\n'; //按需要求余
-            }
-            return "{white|" + str + "}"
-          } else {
-            return params.data.name
-          }
+        // color: Color[d]
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 1,
+          x2: 0,
+          y2: 0,
+          colorStops: [
+            {
+              offset: 1,
+              color: Color[d], // 0% 处的颜色
+            },
+            {
+              offset: 0,
+              color: Color1[d], // 100% 处的颜色
+            },
+          ],
+          global: false, // 缺省为 false
         },
-        rich: {
-          white: {
-            fontSize: 16,
-            lineHeight: 30,
-            padding: [0, 0, 0, -26]
+      },
+    }
+    itemStyleColor.push(datalist[d])
+  }
+
+  const options = {
+    backgroundColor: '#031d7a',
+    tooltip: {
+      trigger: 'item',
+      triggerOn: 'mousemove',
+      formatter: function (params) {
+        if (params.name == '公共平台') {
+          return ' 公共平台 '
+        } else {
+          let value = params.data.value
+          if (!value && value !== 0) return 0
+          let str = value.toString()
+          let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+          if (params.data.source == '公共平台') {
+            return params.data.target + ' : ' + str.replace(reg, '$1,')
+          } else {
+            return params.data.source + ' : ' + str.replace(reg, '$1,')
           }
         }
-      }
+      },
     },
-    lineStyle: {
-      normal: {
-        opacity: 0.4,
-        color: "source",
-        curveness: 0.5
-      }
-    },
-    itemStyle: {
-      normal: {
-        borderWidth: 1,
-        borderColor: "transparent"
-      }
-    }
-  }]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+    series: [
+      {
+        type: 'sankey',
+        layout: 'none',
+        top: '4%',
+        bottom: '12%',
+        left: '20',
+        right: '20',
+        nodeGap: 15,
+        nodeWidth: 25,
+        focusNodeAdjacency: 'allEdges',
+        data: itemStyleColor,
+        links: linksData,
+        label: {
+          normal: {
+            color: '#fff',
+            fontSize: 14,
+            formatter: function (params) {
+              if (params.data.name == '公共平台') {
+                let strs = params.data.name.split('') //字符串数组
+                let str = ''
+                for (let i = 0, s; (s = strs[i++]); ) {
+                  //遍历字符串数组
+                  str += s
+                  if (!(i % 1)) str += '\n' //按需要求余
+                }
+                return '{white|' + str + '}'
+              } else {
+                return params.data.name
+              }
+            },
+            rich: {
+              white: {
+                fontSize: 16,
+                lineHeight: 30,
+                padding: [0, 0, 0, -26],
+              },
+            },
+          },
+        },
+        lineStyle: {
+          normal: {
+            opacity: 0.4,
+            color: 'source',
+            curveness: 0.5,
+          },
+        },
+        itemStyle: {
+          normal: {
+            borderWidth: 1,
+            borderColor: 'transparent',
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/js/data.js b/src/views/charts/components/js/data.js
index b1a5eaf..ceb644a 100644
--- a/src/views/charts/components/js/data.js
+++ b/src/views/charts/components/js/data.js
@@ -1,40 +1,38 @@
 export const cityIconData = [
-    {
-        adcode: 650000,
-        name: "新疆维吾尔自治区",
-        value:[88.999903,43.607078]
-    },{
-        adcode: 150000,
-        name: "内蒙古自治区",
-        value:[119.24787,42.205741]
-    },
-    ,{
-        adcode: 150000,
-        name: "内蒙古自治区",
-        value:[110.627161,41.16628]
-    },
-    {
-        adcode: 540000,
-        name: "西藏自治区",
-        value:[89.483714,30.251951]
-    },
-    {
-        adcode: 630000,
-        name: "青海省",
-        value:[102.064693,37.084008]
-    },
-    {
-        adcode: 530000,
-        name: "云南省",
-        value:[102.187665,25.083688]
-    },
-    {
-        adcode: 610000,
-        name: "陕西省",
-        value:[109.20663,35.018625]
-    },
-
+  {
+    adcode: 650000,
+    name: '新疆维吾尔自治区',
+    value: [88.999903, 43.607078],
+  },
+  {
+    adcode: 150000,
+    name: '内蒙古自治区',
+    value: [119.24787, 42.205741],
+  },
+  ,
+  {
+    adcode: 150000,
+    name: '内蒙古自治区',
+    value: [110.627161, 41.16628],
+  },
+  {
+    adcode: 540000,
+    name: '西藏自治区',
+    value: [89.483714, 30.251951],
+  },
+  {
+    adcode: 630000,
+    name: '青海省',
+    value: [102.064693, 37.084008],
+  },
+  {
+    adcode: 530000,
+    name: '云南省',
+    value: [102.187665, 25.083688],
+  },
+  {
+    adcode: 610000,
+    name: '陕西省',
+    value: [109.20663, 35.018625],
+  },
 ]
-
-
-
diff --git a/src/views/charts/components/map/bmap.min.js b/src/views/charts/components/map/bmap.min.js
index e5d49d1..bbf7882 100644
--- a/src/views/charts/components/map/bmap.min.js
+++ b/src/views/charts/components/map/bmap.min.js
@@ -1,22 +1,214 @@
-
 /*
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*   http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing,
-* software distributed under the License is distributed on an
-* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-* KIND, either express or implied.  See the License for the
-* specific language governing permissions and limitations
-* under the License.
-*/
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
 
-
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("echarts")):"function"==typeof define&&define.amd?define(["exports","echarts"],e):e(t.bmap={},t.echarts)}(this,function(t,e){"use strict";function o(t,e){this._bmap=t,this.dimensions=["lng","lat"],this._mapOffset=[0,0],this._api=e,this._projection=new BMap.MercatorProjection}function n(t,o){return o=o||[0,0],e.util.map([0,1],function(e){var n=o[e],i=t[e]/2,a=[],r=[];return a[e]=n-i,r[e]=n+i,a[1-e]=r[1-e]=o[1-e],Math.abs(this.dataToPoint(a)[e]-this.dataToPoint(r)[e])},this)}function i(){function t(t){this._root=t}return t.prototype=new BMap.Overlay,t.prototype.initialize=function(t){return t.getPanes().labelPane.appendChild(this._root),this._root},t.prototype.draw=function(){},t}function a(t,e){return t&&e&&t[0]===e[0]&&t[1]===e[1]}o.prototype.dimensions=["lng","lat"],o.prototype.setZoom=function(t){this._zoom=t},o.prototype.setCenter=function(t){this._center=this._projection.lngLatToPoint(new BMap.Point(t[0],t[1]))},o.prototype.setMapOffset=function(t){this._mapOffset=t},o.prototype.getBMap=function(){return this._bmap},o.prototype.dataToPoint=function(t){var e=new BMap.Point(t[0],t[1]),o=this._bmap.pointToOverlayPixel(e),n=this._mapOffset;return[o.x-n[0],o.y-n[1]]},o.prototype.pointToData=function(t){var e=this._mapOffset;return[(t=this._bmap.overlayPixelToPoint({x:t[0]+e[0],y:t[1]+e[1]})).lng,t.lat]},o.prototype.getViewRect=function(){var t=this._api;return new e.graphic.BoundingRect(0,0,t.getWidth(),t.getHeight())},o.prototype.getRoamTransform=function(){return e.matrix.create()},o.prototype.prepareCustoms=function(t){var o=this.getViewRect();return{coordSys:{type:"bmap",x:o.x,y:o.y,width:o.width,height:o.height},api:{coord:e.util.bind(this.dataToPoint,this),size:e.util.bind(n,this)}}};var r;o.dimensions=o.prototype.dimensions,o.create=function(t,e){var n,a=e.getDom();t.eachComponent("bmap",function(t){var p=e.getZr().painter,s=p.getViewportRoot();if("undefined"==typeof BMap)throw new Error("BMap api is not loaded");if(r=r||i(),n)throw new Error("Only one bmap component can exist");if(!t.__bmap){var m=a.querySelector(".ec-extension-bmap");m&&(s.style.left="0px",s.style.top="0px",a.removeChild(m)),(m=document.createElement("div")).style.cssText="width:100%;height:100%",m.classList.add("ec-extension-bmap"),a.appendChild(m);var c=t.__bmap=new BMap.Map(m),d=new r(s);c.addOverlay(d),p.getViewportRootOffset=function(){return{offsetLeft:0,offsetTop:0}}}var c=t.__bmap,f=t.get("center"),l=t.get("zoom");if(f&&l){var h=new BMap.Point(f[0],f[1]);c.centerAndZoom(h,l)}(n=new o(c,e)).setMapOffset(t.__mapOffset||[0,0]),n.setZoom(l),n.setCenter(f),t.coordinateSystem=n}),t.eachSeries(function(t){"bmap"===t.get("coordinateSystem")&&(t.coordinateSystem=n)})},e.extendComponentModel({type:"bmap",getBMap:function(){return this.__bmap},setCenterAndZoom:function(t,e){this.option.center=t,this.option.zoom=e},centerOrZoomChanged:function(t,e){var o=this.option;return!(a(t,o.center)&&e===o.zoom)},defaultOption:{center:[104.114129,37.550339],zoom:5,mapStyle:{},roam:!1}}),e.extendComponentView({type:"bmap",render:function(t,e,o){function n(){i||o.dispatchAction({type:"bmapRoam"})}var i=!0,a=t.getBMap(),r=o.getZr().painter.getViewportRoot(),p=t.coordinateSystem,s=function(e,n){if(!i){var a=r.parentNode.parentNode.parentNode,s=[-parseInt(a.style.left,10)||0,-parseInt(a.style.top,10)||0];r.style.left=s[0]+"px",r.style.top=s[1]+"px",p.setMapOffset(s),t.__mapOffset=s,o.dispatchAction({type:"bmapRoam"})}};a.removeEventListener("moving",this._oldMoveHandler),a.removeEventListener("zoomend",this._oldZoomEndHandler),a.addEventListener("moving",s),a.addEventListener("zoomend",n),this._oldMoveHandler=s,this._oldZoomEndHandler=n;var m=t.get("roam");m&&"scale"!==m?a.enableDragging():a.disableDragging(),m&&"move"!==m?(a.enableScrollWheelZoom(),a.enableDoubleClickZoom(),a.enablePinchToZoom()):(a.disableScrollWheelZoom(),a.disableDoubleClickZoom(),a.disablePinchToZoom());var c=t.__mapStyle,d=t.get("mapStyle")||{},f=JSON.stringify(d);JSON.stringify(c)!==f&&(Object.keys(d).length&&a.setMapStyle(d),t.__mapStyle=JSON.parse(f)),i=!1}}),e.registerCoordinateSystem("bmap",o),e.registerAction({type:"bmapRoam",event:"bmapRoam",update:"updateLayout"},function(t,e){e.eachComponent("bmap",function(t){var e=t.getBMap(),o=e.getCenter();t.setCenterAndZoom([o.lng,o.lat],e.getZoom())})});t.version="1.0.0"});
+!(function (t, e) {
+  'object' == typeof exports && 'undefined' != typeof module
+    ? e(exports, require('echarts'))
+    : 'function' == typeof define && define.amd
+    ? define(['exports', 'echarts'], e)
+    : e((t.bmap = {}), t.echarts)
+})(this, function (t, e) {
+  'use strict'
+  function o(t, e) {
+    ;(this._bmap = t),
+      (this.dimensions = ['lng', 'lat']),
+      (this._mapOffset = [0, 0]),
+      (this._api = e),
+      (this._projection = new BMap.MercatorProjection())
+  }
+  function n(t, o) {
+    return (
+      (o = o || [0, 0]),
+      e.util.map(
+        [0, 1],
+        function (e) {
+          var n = o[e],
+            i = t[e] / 2,
+            a = [],
+            r = []
+          return (
+            (a[e] = n - i),
+            (r[e] = n + i),
+            (a[1 - e] = r[1 - e] = o[1 - e]),
+            Math.abs(this.dataToPoint(a)[e] - this.dataToPoint(r)[e])
+          )
+        },
+        this,
+      )
+    )
+  }
+  function i() {
+    function t(t) {
+      this._root = t
+    }
+    return (
+      (t.prototype = new BMap.Overlay()),
+      (t.prototype.initialize = function (t) {
+        return t.getPanes().labelPane.appendChild(this._root), this._root
+      }),
+      (t.prototype.draw = function () {}),
+      t
+    )
+  }
+  function a(t, e) {
+    return t && e && t[0] === e[0] && t[1] === e[1]
+  }
+  ;(o.prototype.dimensions = ['lng', 'lat']),
+    (o.prototype.setZoom = function (t) {
+      this._zoom = t
+    }),
+    (o.prototype.setCenter = function (t) {
+      this._center = this._projection.lngLatToPoint(new BMap.Point(t[0], t[1]))
+    }),
+    (o.prototype.setMapOffset = function (t) {
+      this._mapOffset = t
+    }),
+    (o.prototype.getBMap = function () {
+      return this._bmap
+    }),
+    (o.prototype.dataToPoint = function (t) {
+      var e = new BMap.Point(t[0], t[1]),
+        o = this._bmap.pointToOverlayPixel(e),
+        n = this._mapOffset
+      return [o.x - n[0], o.y - n[1]]
+    }),
+    (o.prototype.pointToData = function (t) {
+      var e = this._mapOffset
+      return [(t = this._bmap.overlayPixelToPoint({ x: t[0] + e[0], y: t[1] + e[1] })).lng, t.lat]
+    }),
+    (o.prototype.getViewRect = function () {
+      var t = this._api
+      return new e.graphic.BoundingRect(0, 0, t.getWidth(), t.getHeight())
+    }),
+    (o.prototype.getRoamTransform = function () {
+      return e.matrix.create()
+    }),
+    (o.prototype.prepareCustoms = function (t) {
+      var o = this.getViewRect()
+      return {
+        coordSys: { type: 'bmap', x: o.x, y: o.y, width: o.width, height: o.height },
+        api: { coord: e.util.bind(this.dataToPoint, this), size: e.util.bind(n, this) },
+      }
+    })
+  var r
+  ;(o.dimensions = o.prototype.dimensions),
+    (o.create = function (t, e) {
+      var n,
+        a = e.getDom()
+      t.eachComponent('bmap', function (t) {
+        var p = e.getZr().painter,
+          s = p.getViewportRoot()
+        if ('undefined' == typeof BMap) throw new Error('BMap api is not loaded')
+        if (((r = r || i()), n)) throw new Error('Only one bmap component can exist')
+        if (!t.__bmap) {
+          var m = a.querySelector('.ec-extension-bmap')
+          m && ((s.style.left = '0px'), (s.style.top = '0px'), a.removeChild(m)),
+            ((m = document.createElement('div')).style.cssText = 'width:100%;height:100%'),
+            m.classList.add('ec-extension-bmap'),
+            a.appendChild(m)
+          var c = (t.__bmap = new BMap.Map(m)),
+            d = new r(s)
+          c.addOverlay(d),
+            (p.getViewportRootOffset = function () {
+              return { offsetLeft: 0, offsetTop: 0 }
+            })
+        }
+        var c = t.__bmap,
+          f = t.get('center'),
+          l = t.get('zoom')
+        if (f && l) {
+          var h = new BMap.Point(f[0], f[1])
+          c.centerAndZoom(h, l)
+        }
+        ;(n = new o(c, e)).setMapOffset(t.__mapOffset || [0, 0]),
+          n.setZoom(l),
+          n.setCenter(f),
+          (t.coordinateSystem = n)
+      }),
+        t.eachSeries(function (t) {
+          'bmap' === t.get('coordinateSystem') && (t.coordinateSystem = n)
+        })
+    }),
+    e.extendComponentModel({
+      type: 'bmap',
+      getBMap: function () {
+        return this.__bmap
+      },
+      setCenterAndZoom: function (t, e) {
+        ;(this.option.center = t), (this.option.zoom = e)
+      },
+      centerOrZoomChanged: function (t, e) {
+        var o = this.option
+        return !(a(t, o.center) && e === o.zoom)
+      },
+      defaultOption: { center: [104.114129, 37.550339], zoom: 5, mapStyle: {}, roam: !1 },
+    }),
+    e.extendComponentView({
+      type: 'bmap',
+      render: function (t, e, o) {
+        function n() {
+          i || o.dispatchAction({ type: 'bmapRoam' })
+        }
+        var i = !0,
+          a = t.getBMap(),
+          r = o.getZr().painter.getViewportRoot(),
+          p = t.coordinateSystem,
+          s = function (e, n) {
+            if (!i) {
+              var a = r.parentNode.parentNode.parentNode,
+                s = [-parseInt(a.style.left, 10) || 0, -parseInt(a.style.top, 10) || 0]
+              ;(r.style.left = s[0] + 'px'),
+                (r.style.top = s[1] + 'px'),
+                p.setMapOffset(s),
+                (t.__mapOffset = s),
+                o.dispatchAction({ type: 'bmapRoam' })
+            }
+          }
+        a.removeEventListener('moving', this._oldMoveHandler),
+          a.removeEventListener('zoomend', this._oldZoomEndHandler),
+          a.addEventListener('moving', s),
+          a.addEventListener('zoomend', n),
+          (this._oldMoveHandler = s),
+          (this._oldZoomEndHandler = n)
+        var m = t.get('roam')
+        m && 'scale' !== m ? a.enableDragging() : a.disableDragging(),
+          m && 'move' !== m
+            ? (a.enableScrollWheelZoom(), a.enableDoubleClickZoom(), a.enablePinchToZoom())
+            : (a.disableScrollWheelZoom(), a.disableDoubleClickZoom(), a.disablePinchToZoom())
+        var c = t.__mapStyle,
+          d = t.get('mapStyle') || {},
+          f = JSON.stringify(d)
+        JSON.stringify(c) !== f &&
+          (Object.keys(d).length && a.setMapStyle(d), (t.__mapStyle = JSON.parse(f))),
+          (i = !1)
+      },
+    }),
+    e.registerCoordinateSystem('bmap', o),
+    e.registerAction(
+      { type: 'bmapRoam', event: 'bmapRoam', update: 'updateLayout' },
+      function (t, e) {
+        e.eachComponent('bmap', function (t) {
+          var e = t.getBMap(),
+            o = e.getCenter()
+          t.setCenterAndZoom([o.lng, o.lat], e.getZoom())
+        })
+      },
+    )
+  t.version = '1.0.0'
+})
diff --git a/src/views/charts/components/map/china.js b/src/views/charts/components/map/china.js
index 917887e..b556ddf 100644
--- a/src/views/charts/components/map/china.js
+++ b/src/views/charts/components/map/china.js
@@ -1,27 +1,758 @@
-(function (root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        // AMD. Register as an anonymous module.
-        define(['exports', 'echarts'], factory);
-    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
-        // CommonJS
-        factory(exports, require('echarts'));
-    } else {
-        // Browser globals
-        factory({}, root.echarts);
+;(function (root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['exports', 'echarts'], factory)
+  } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
+    // CommonJS
+    factory(exports, require('echarts'))
+  } else {
+    // Browser globals
+    factory({}, root.echarts)
+  }
+})(this, function (exports, echarts) {
+  var log = function (msg) {
+    if (typeof console !== 'undefined') {
+      console && console.error && console.error(msg)
     }
-}(this, function (exports, echarts) {
-    var log = function (msg) {
-        if (typeof console !== 'undefined') {
-            console && console.error && console.error(msg);
-        }
-    }
-    if (!echarts) {
-        log('ECharts is not Loaded');
-        return;
-    }
-    if (!echarts.registerMap) {
-        log('ECharts Map is not loaded')
-        return;
-    }
-    echarts.registerMap('china', {"type":"FeatureCollection","features":[{"id":"710000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@°Ü¯Û"],["@@ƛĴÕƊÉɼģºðʀ\\ƎsÆNŌÔĚäœnÜƤɊĂǀĆĴžĤNJŨxĚĮǂƺòƌ‚–âÔ®ĮXŦţƸZûЋƕƑGđ¨ĭMó·ęcëƝɉlÝƯֹÅŃ^Ó·śŃNjƏďíåɛGɉ™¿@ăƑŽ¥ĘWǬÏĶŁâ"],["@@\\p|WoYG¿¥I†j@¢"],["@@…¡‰@ˆV^RqˆBbAŒnTXeRz¤Lž«³I"],["@@ÆEE—„kWqë @œ"],["@@fced"]],"encodeOffsets":[[[122886,24033]],[[123335,22980]],[[122375,24193]],[[122518,24117]],[[124427,22618]],[[124862,26043]]]},"properties":{"cp":[121.509062,25.044332],"name":"台湾","childNum":6}},{"id":"130000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@o~†Z]‚ªr‰ºc_ħ²G¼s`jΟnüsœłNX_“M`ǽÓnUK…Ĝēs¤­©yrý§uģŒc†JŠ›e"],["@@U`Ts¿m‚"],["@@oºƋÄd–eVŽDJj£€J|Ådz•Ft~žKŨ¸IÆv|”‡¢r}膎onb˜}`RÎÄn°ÒdÞ²„^®’lnÐèĄlðӜ×]ªÆ}LiĂ±Ö`^°Ç¶p®đDcœŋ`–ZÔ’¶êqvFƚ†N®ĆTH®¦O’¾ŠIbÐã´BĐɢŴÆíȦp–ĐÞXR€·nndOž¤’OÀĈƒ­Qg˜µFo|gȒęSWb©osx|hYh•gŃfmÖĩnº€T̒Sp›¢dYĤ¶UĈjl’ǐpäìë|³kÛfw²Xjz~ÂqbTŠÑ„ěŨ@|oM‡’zv¢ZrÃVw¬ŧĖ¸fŒ°ÐT€ªqŽs{Sž¯r æÝlNd®²Ğ džiGʂJ™¼lr}~K¨ŸƐÌWö€™ÆŠzRš¤lêmĞL΄’@¡|q]SvK€ÑcwpÏρ†ĿćènĪWlĄkT}ˆJ”¤~ƒÈT„d„™pddʾĬŠ”ŽBVt„EÀ¢ôPĎƗè@~‚k–ü\\rÊĔÖæW_§¼F˜†´©òDòj’ˆYÈrbĞāøŀG{ƀ|¦ðrb|ÀH`pʞkv‚GpuARhÞÆǶgʊTǼƹS£¨¡ù³ŘÍ]¿Ây™ôEP xX¶¹܇O¡“gÚ¡IwÃ鑦ÅB‡Ï|Ç°…N«úmH¯‹âŸDùŽyŜžŲIÄuШDž•¸dɂ‡‚FŸƒ•›Oh‡đ©OŸ›iÃ`ww^ƒÌkŸ‘ÑH«ƇǤŗĺtFu…{Z}Ö@U‡´…ʚLg®¯Oı°ÃwŸ ^˜—€VbÉs‡ˆmA…ê]]w„§›RRl£‡ȭµu¯b{ÍDěïÿȧŽuT£ġƒěŗƃĝ“Q¨fV†Ƌ•ƅn­a@‘³@šď„yýIĹÊKšŭfċŰóŒxV@tˆƯŒJ”]eƒR¾fe|rHA˜|h~Ėƍl§ÏŠlTíb ØoˆÅbbx³^zÃĶš¶Sj®A”yÂhðk`š«P€”ˈµEF†Û¬Y¨Ļrõqi¼‰Wi°§’б´°^[ˆÀ|ĠO@ÆxO\\tŽa\\tĕtû{ġŒȧXýĪÓjùÎRb›š^ΛfK[ݏděYfíÙTyŽuUSyŌŏů@Oi½’éŅ­aVcř§ax¹XŻác‡žWU£ôãºQ¨÷Ñws¥qEH‰Ù|‰›šYQoŕÇyáĂ£MðoťÊ‰P¡mšWO¡€v†{ôvîēÜISpÌhp¨ ‘j†deŔQÖj˜X³à™Ĉ[n`Yp@Už–cM`’RKhŒEbœ”pŞlNut®Etq‚nsÁŠgA‹iú‹oH‡qCX‡”hfgu“~ϋWP½¢G^}¯ÅīGCŸÑ^ãziMáļMTÃƘrMc|O_ž¯Ŏ´|‡morDkO\\mĆJfl@cĢ¬¢aĦtRıҙ¾ùƀ^juųœK­ƒUFy™—Ɲ…›īÛ÷ąV×qƥV¿aȉd³B›qPBm›aËđŻģm“Å®VŠ¹d^K‡KoŸnYg“¯Xhqa”Ldu¥•ÍpDž¡KąÅƒkĝęěhq‡}HyÓ]¹ǧ£…Í÷¿qᵧš™g‘¤o^á¾ZE‡¤i`ij{n•ƒOl»ŸWÝĔįhg›F[¿¡—ßkOüš_‰€ū‹i„DZàUtėGylƒ}ŒÓM}€jpEC~¡FtoQi‘šHkk{Ãmï‚"]],"encodeOffsets":[[[119712,40641]],[[121616,39981]],[[116462,37237]]]},"properties":{"cp":[114.502461,38.045474],"name":"河北","childNum":3}},{"id":"140000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@Þĩ҃S‰ra}Á€yWix±Üe´lè“ßÓǏok‘ćiµVZģ¡coœ‘TS˹ĪmnÕńe–hZg{gtwªpXaĚThȑp{¶Eh—®RćƑP¿£‘Pmc¸mQÝW•ďȥoÅîɡųAďä³aωJ‘½¥PG­ąSM­™…EÅruµé€‘Yӎ•Ō_d›ĒCo­Èµ]¯_²ÕjāŽK~©ÅØ^ԛkïçămϑk]­±ƒcݯÑÃmQÍ~_a—pm…~ç¡q“ˆu{JÅŧ·Ls}–EyÁÆcI{¤IiCfUc•ƌÃp§]웫vD@¡SÀ‘µM‚ÅwuŽYY‡¡DbÑc¡hƒ×]nkoQdaMç~eD•ÛtT‰©±@¥ù@É¡‰ZcW|WqOJmĩl«ħşvOÓ«IqăV—¥ŸD[mI~Ó¢cehiÍ]Ɠ~ĥqXŠ·eƷœn±“}v•[ěďŽŕ]_‘œ•`‰¹ƒ§ÕōI™o©b­s^}Ét±ū«³p£ÿ·Wµ|¡¥ăFÏs׌¥ŅxŸÊdÒ{ºvĴÎêÌɊ²¶€ü¨|ÞƸµȲ‘LLúÉƎ¤ϊęĔV`„_bª‹S^|ŸdŠzY|dz¥p†ZbÆ£¶ÒK}tĦÔņƠ‚PYzn€ÍvX¶Ěn ĠÔ„zý¦ª˜÷žÑĸَUȌ¸‚dòÜJð´’ìúNM¬ŒXZ´‘¤ŊǸ_tldIš{¦ƀðĠȤ¥NehXnYG‚‡R° ƬDj¬¸|CĞ„Kq‚ºfƐiĺ©ª~ĆOQª ¤@ìǦɌ²æBŒÊ”TœŸ˜ʂōĖ’šĴŞ–ȀœÆÿȄlŤĒö„t”νî¼ĨXhŒ‘˜|ªM¤Ðz"],"encodeOffsets":[[116874,41716]]},"properties":{"cp":[112.549248,37.857014],"name":"山西","childNum":1}},{"id":"150000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@Č^â£Ăh–šĖMÈÄw‚\\fŦ°W ¢¾luŸD„wŠ\\̀ʉÌÛM…Ā[bӞEn}¶Vc…ê“sƒ–›¯PqƒFB…‰|S•³C|kñ•H‹d‘iÄ¥sˆʼnő…PóÑÑE^‘ÅPpy_YtS™hQ·aHwsOnʼnÚs©iqj›‰€USiº]ïWš‰«gW¡A–R붛ijʕ…Œů`çõh]y»ǃŸǛҤxÒm~zf}pf|ÜroÈzrKÈĵSƧ„ż؜Ġu¦ö"],["@@sKCš…GS|úþX”gp›{ÁX¿Ÿć{ƱȏñZáĔyoÁhA™}ŅĆfdʼn„_¹„Y°ėǩÑ¡H¯¶oMQqð¡Ë™|‘Ñ`ƭŁX½·óۓxğįÅcQ‡ˆ“ƒs«tȋDžF“Ÿù^i‘t«Č¯[›hAi©á¥ÇĚ×l|¹y¯YȵƓ‹ñǙµï‚ċ™Ļ|Dœ™üȭ¶¡˜›oŽäÕG\\ďT¿Òõr¯œŸLguÏYęRƩšɷŌO\\İТæ^Ŋ IJȶȆbÜGŽĝ¬¿ĚVĎgª^íu½jÿĕęjık@Ľƒ]ėl¥Ë‡ĭûÁ„ƒėéV©±ćn©­ȇžÍq¯½•YÃÔʼn“ÉNѝÅÝy¹NqáʅDǡËñ­ƁYÅy̱os§ȋµʽǘǏƬɱà‘ưN¢ƔÊuľýľώȪƺɂļžxœZĈ}ÌʼnŪ˜ĺœŽĭFЛĽ̅ȣͽÒŵìƩÇϋÿȮǡŏçƑůĕ~Ǎ›¼ȳÐUf†dIxÿ\\G ˆzâɏÙOº·pqy£†@ŒŠqþ@Ǟ˽IBäƣzsÂZ†ÁàĻdñ°ŕzéØűzșCìDȐĴĺf®ŽÀľưø@ɜÖÞKĊŇƄ§‚͑těï͡VAġÑÑ»d³öǍÝXĉĕÖ{þĉu¸ËʅğU̎éhɹƆ̗̮ȘNJ֥ड़ࡰţાíϲäʮW¬®ҌeרūȠkɬɻ̼ãüfƠSצɩςåȈHϚÎKdzͲOðÏȆƘ¼CϚǚ࢚˼ФԂ¤ƌžĞ̪Qʤ´¼mȠJˀŸƲÀɠmǐnǔĎȆÞǠN~€ʢĜ‚¶ƌĆĘźʆȬ˪ĚĒ¸ĞGȖƴƀj`ĢçĶāàŃºēĢƒĖćšYŒÀŎüôQÐÂŎŞdžŞêƖš˜oˆDĤÕºÑǘÛˤ³̀gńƘĔÀ^žªƂ`ªt¾äƚêĦĀ¼Ð€Ĕǎ¨Ȕ»͠^ˮÊȦƤøxRrŜH¤¸ÂxDĝŒ|ø˂˜ƮÐ¬ɚwɲFjĔ²Äw°dždÀɞ_ĸdîàŎjʜêTЪŌ‡ŜWÈ|tqĢUB~´°ÎFC•ŽU¼pĀēƄN¦¾O¶ŠłKĊOj“Ě”j´ĜYp˜{¦„ˆSĚÍ\\Tš×ªV–÷Ší¨ÅDK°ßtŇĔKš¨ǵÂcḷ̌ĚǣȄĽF‡lġUĵœŇ‹ȣFʉɁƒMğįʏƶɷØŭOǽ«ƽū¹Ʊő̝Ȩ§ȞʘĖiɜɶʦ}¨֪ࠜ̀ƇǬ¹ǨE˦ĥªÔêFŽxúQ„Er´W„rh¤Ɛ \\talĈDJ˜Ü|[Pll̚¸ƎGú´Pž¬W¦†^¦–H]prR“n|or¾wLVnÇIujkmon£cX^Bh`¥V”„¦U¤¸}€xRj–[^xN[~ªŠxQ„‚[`ªHÆÂExx^wšN¶Ê˜|¨ì†˜€MrœdYp‚oRzNy˜ÀDs~€bcfÌ`L–¾n‹|¾T‚°c¨È¢a‚r¤–`[|òDŞĔöxElÖdH„ÀI`„Ď\\Àì~ƎR¼tf•¦^¢ķ¶e”ÐÚMŒptgj–„ɡČÅyġLû™ŇV®ŠÄÈƀ†Ď°P|ªVV†ªj–¬ĚÒêp¬–E|ŬÂc|ÀtƐK fˆ{ĘFĒœƌXƲąo½Ę‘\\¥–o}›Ûu£ç­kX‘{uĩ«āíÓUŅßŢq€Ť¥lyň[€oi{¦‹L‡ń‡ðFȪȖ”ĒL„¿Ì‹ˆfŒ£K£ʺ™oqNŸƒwğc`ue—tOj×°KJ±qƒÆġm‰Ěŗos¬…qehqsuœƒH{¸kH¡Š…ÊRǪÇƌbȆ¢´ä܍¢NìÉʖ¦â©Ż؛Ç@Vu»A—ylßí¹ĵê…ÝlISò³C¹Ìâ„²i¶’Ìoú^H“²CǜңDŽ z¼g^èöŰ_‹‚–†IJĕꄜ}gÁnUI«m‰…„‹]j‡vV¼euhwqA„aW˜ƒ_µj…»çjioQR¹ēÃßt@r³[ÛlćË^ÍÉáG“›OUۗOB±•XŸkŇ¹£k|e]ol™ŸkVͼÕqtaÏõjgÁ£§U^Œ”RLˆËnX°Ç’Bz†^~wfvˆypV ¯„ƫĉ˭ȫƗŷɿÿĿƑ˃ĝÿÃǃßËőó©ǐȍŒĖM×ÍEyx‹þp]Évïè‘vƀnÂĴÖ@‚‰†V~Ĉ™Š³MEˆĸÅĖt—ējyÄDXÄxGQuv_›i¦aBçw‘˛wD™©{ŸtāmQ€{EJ§KPśƘƿ¥@‰sCT•É}ɃwˆƇy±ŸgÑ“}T[÷kÐ禫…SÒ¥¸ëBX½‰HáŵÀğtSÝÂa[ƣ°¯¦P]£ġ“–“Òk®G²„èQ°óMq}EŠóƐÇ\\ƒ‡@áügQ͋u¥Fƒ“T՛¿Jû‡]|mvāÎYua^WoÀa·­ząÒot׶CLƗi¯¤mƎHNJ¤îìɾŊìTdåwsRÖgĒųúÍġäÕ}Q¶—ˆ¿A•†‹[¡Œ{d×uQAƒ›M•xV‹vMOmăl«ct[wº_šÇʊŽŸjb£ĦS_é“QZ“_lwgOiýe`YYLq§IÁˆdz£ÙË[ÕªuƏ³ÍT—s·bÁĽäė[›b[ˆŗfãcn¥îC¿÷µ[ŏÀQ­ōšĉm¿Á^£mJVm‡—L[{Ï_£›F¥Ö{ŹA}…×Wu©ÅaųijƳhB{·TQqÙIķˑZđ©Yc|M¡…L•eVUóK_QWk’_ĥ‘¿ãZ•»X\\ĴuUƒè‡lG®ěłTĠğDєOrÍd‚ÆÍz]‹±…ŭ©ŸÅ’]ŒÅÐ}UË¥©Tċ™ïxgckfWgi\\ÏĒ¥HkµE˜ë{»ÏetcG±ahUiñiWsɁˆ·c–C‚Õk]wȑ|ća}w…VaĚ᠞ŒG°ùnM¬¯†{ȈÐÆA’¥ÄêJxÙ¢”hP¢Ûˆº€µwWOŸóFŽšÁz^ÀŗÎú´§¢T¤ǻƺSė‰ǵhÝÅQgvBHouʝl_o¿Ga{ïq{¥|ſĿHĂ÷aĝÇq‡Z‘ñiñC³ª—…»E`¨åXēÕqÉû[l•}ç@čƘóO¿¡ƒFUsA‰“ʽīccšocƒ‚ƒÇS}„“£‡IS~ălkĩXçmĈ…ŀЂoÐdxÒuL^T{r@¢‘žÍƒĝKén£kQ™‰yšÅõËXŷƏL§~}kqš»IHėDžjĝŸ»ÑÞoŸå°qTt|r©ÏS‹¯·eŨĕx«È[eMˆ¿yuˆ‘pN~¹ÏyN£{©’—g‹ħWí»Í¾s“əšDž_ÃĀɗ±ą™ijĉʍŌŷ—S›É“A‹±åǥɋ@럣R©ąP©}ĹªƏj¹erƒLDĝ·{i«ƫC£µ"]],"encodeOffsets":[[[127444,52594]],[[113793,40312]]]},"properties":{"cp":[111.670801,40.818311],"name":"内蒙古","childNum":2}},{"id":"210000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@L–Ž@@s™a"],["@@MnNm"],["@@d‚c"],["@@eÀ‚C@b‚“‰"],["@@f‡…Xwkbr–Ä`qg"],["@@^jtW‘Q"],["@@~ Y]c"],["@@G`ĔN^_¿Z‚ÃM"],["@@iX¶B‹Y"],["@@„YƒZ"],["@@L_{Epf"],["@@^WqCT\\"],["@@\\[“‹§t|”¤_"],["@@m`n_"],["@@Ïxnj{q_×^Giip"],["@@@œé^B†‡ntˆaÊU—˜Ÿ]x ¯ÄPIJ­°h€ʙK³†VˆÕ@Y~†|EvĹsDŽ¦­L^p²ŸÒG ’Ël]„xxÄ_˜fT¤Ď¤cŽœP„–C¨¸TVjbgH²sdÎdHt`Bˆ—²¬GJję¶[ÐhjeXdlwhšðSȦªVÊπ‹Æ‘Z˜ÆŶ®²†^ŒÎyÅÎcPqń“ĚDMħĜŁH­ˆk„çvV[ij¼W–‚YÀäĦ’‘`XlžR`žôLUVžfK–¢†{NZdĒª’YĸÌÚJRr¸SA|ƴgŴĴÆbvªØX~†źBŽ|¦ÕœEž¤Ð`\\|Kˆ˜UnnI]¤ÀÂĊnŎ™R®Ő¿¶\\ÀøíDm¦ÎbŨab‰œaĘ\\ľã‚¸a˜tÎSƐ´©v\\ÖÚÌǴ¤Â‡¨JKr€Z_Z€fjþhPkx€`Y”’RIŒjJcVf~sCN¤ ˆE‚œhæm‰–sHy¨SðÑÌ\\\\ŸĐRZk°IS§fqŒßýáЍÙÉÖ[^¯ǤŲ„ê´\\¦¬ĆPM¯£Ÿˆ»uïpùzEx€žanµyoluqe¦W^£ÊL}ñrkqWňûP™‰UP¡ôJŠoo·ŒU}£Œ„[·¨@XŒĸŸ“‹‹DXm­Ûݏº‡›GU‹CÁª½{íĂ^cj‡k“¶Ã[q¤“LÉö³cux«zZfƒ²BWÇ®Yß½ve±ÃC•ý£W{Ú^’q^sÑ·¨‹ÍOt“¹·C¥‡GD›rí@wÕKţ݋˜Ÿ«V·i}xËÍ÷‘i©ĝ‡ɝǡ]ƒˆ{c™±OW‹³Ya±Ÿ‰_穂Hžĕoƫ€Ňqƒr³‰Lys[„ñ³¯OS–ďOMisZ†±ÅFC¥Pq{‚Ã[Pg}\\—¿ghćO…•k^ģÁFıĉĥM­oEqqZûěʼn³F‘¦oĵ—hŸÕP{¯~TÍlª‰N‰ßY“Ð{Ps{ÃVU™™eĎwk±ʼnVÓ½ŽJãÇÇ»Jm°dhcÀff‘dF~ˆ€ĀeĖ€d`sx² šƒ®EżĀdQ‹Âd^~ăÔHˆ¦\\›LKpĄVez¤NP ǹӗR™ÆąJSh­a[¦´Âghwm€BÐ¨źhI|žVVŽ—Ž|p] Â¼èNä¶ÜBÖ¼“L`‚¼bØæŒKV”ŸpoœúNZÞÒKxpw|ÊEMnzEQšŽIZ”ŽZ‡NBˆčÚFÜçmĩ‚WĪñt‘ÞĵÇñZ«uD‚±|Əlij¥ãn·±PmÍa‰–da‡ CL‡Ǒkùó¡³Ï«QaċϑOÃ¥ÕđQȥċƭy‹³ÃA"]],"encodeOffsets":[[[123686,41445]],[[126019,40435]],[[124393,40128]],[[126117,39963]],[[125322,40140]],[[126686,40700]],[[126041,40374]],[[125584,40168]],[[125453,40165]],[[125362,40214]],[[125280,40291]],[[125774,39997]],[[125976,40496]],[[125822,39993]],[[125509,40217]],[[122731,40949]]]},"properties":{"cp":[123.429096,41.796767],"name":"辽宁","childNum":16}},{"id":"220000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@‘p䔳PClƒFbbÍzš€wBG’ĭ€Z„Åi“»ƒlY­ċ²SgŽkÇ£—^S‰“qd¯•‹R…©éŽ£¯S†\\cZ¹iűƏCuƍÓX‡oR}“M^o•£…R}oªU­F…uuXHlEŕ‡€Ï©¤ÛmTŽþ¤D–²ÄufàÀ­XXȱAe„yYw¬dvõ´KÊ£”\\rµÄl”iˆdā]|DÂVŒœH¹ˆÞ®ÜWnŒC”Œķ W‹§@\\¸‹ƒ~¤‹Vp¸‰póIO¢ŠVOšŇürXql~òÉK]¤¥Xrfkvzpm¶bwyFoúvð‡¼¤ N°ąO¥«³[ƒéǡű_°Õ\\ÚÊĝŽþâőàerR¨­JYlďQ[ ÏYëЧTGz•tnŠß¡gFkMŸāGÁ¤ia É‰™È¹`\\xs€¬dĆkNnuNUŠ–užP@‚vRY¾•–\\¢…ŒGªóĄ~RãÖÎĢù‚đŴÕhQŽxtcæëSɽʼníëlj£ƍG£nj°KƘµDsØÑpyƸ®¿bXp‚]vbÍZuĂ{nˆ^IüœÀSք”¦EŒvRÎûh@℈[‚Əȉô~FNr¯ôçR±ƒ­HÑl•’Ģ–^¤¢‚OðŸŒævxsŒ]ÞÁTĠs¶¿âƊGW¾ìA¦·TѬ†è¥€ÏÐJ¨¼ÒÖ¼ƒƦɄxÊ~S–tD@ŠĂ¼Ŵ¡jlºWžvЉˆzƦZЎ²CH— „Axiukd‹ŒGgetqmcžÛ£Ozy¥cE}|…¾cZ…k‚‰¿uŐã[oxGikfeäT@…šSUwpiÚFM©’£è^ڟ‚`@v¶eň†f h˜eP¶žt“äOlÔUgƒÞzŸU`lœ}ÔÆUvØ_Ō¬Öi^ĉi§²ÃŠB~¡Ĉ™ÚEgc|DC_Ȧm²rBx¼MÔ¦ŮdĨÃâYx‘ƘDVÇĺĿg¿cwÅ\\¹˜¥Yĭlœ¤žOv†šLjM_a W`zļMž·\\swqÝSA‡š—q‰Śij¯Š‘°kŠRē°wx^Đkǂғ„œž“œŽ„‹\\]˜nrĂ}²ĊŲÒøãh·M{yMzysěnĒġV·°“G³¼XÀ““™¤¹i´o¤ŃšŸÈ`̃DzÄUĞd\\i֚ŒˆmÈBĤÜɲDEh LG¾ƀľ{WaŒYÍȏĢĘÔRîĐj‹}Ǟ“ccj‡oUb½š{“h§Ǿ{K‹ƖµÎ÷žGĀÖŠåưÎs­l›•yiē«‹`姝H¥Ae^§„GK}iã\\c]v©ģZ“mÃ|“[M}ģTɟĵ‘Â`À–çm‰‘FK¥ÚíÁbXš³ÌQґHof{‰]e€pt·GŋĜYünĎųVY^’˜ydõkÅZW„«WUa~U·Sb•wGçǑ‚“iW^q‹F‚“›uNĝ—·Ew„‹UtW·Ýďæ©PuqEzwAV•—XR‰ãQ`­©GŒM‡ehc›c”ďϝd‡©ÑW_ϗYƅŒ»…é\\ƒɹ~ǙG³mØ©BšuT§Ĥ½¢Ã_ý‘L¡‘ýŸqT^rme™\\Pp•ZZbƒyŸ’uybQ—efµ]UhĿDCmûvašÙNSkCwn‰cćfv~…Y‹„ÇG"],"encodeOffsets":[[130196,42528]]},"properties":{"cp":[125.3245,43.886841],"name":"吉林","childNum":1}},{"id":"230000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@ƨƒĶTLÇyqpÇÛqe{~oyen}s‰`q‡iXG”ù]Ëp½“©lɇÁp]Þñ´FÔ^f‘äîºkà˜z¼BUvÈ@"],["@@UƒµNÿ¥īè灋•HÍøƕ¶LŒǽ|g¨|”™Ža¾pViˆdd”~ÈiŒíďÓQġėǐZ΋ŽXb½|ſÃH½ŸKFgɱCģÛÇA‡n™‹jÕc[VĝDZÃ˄Ç_™ £ń³pŽj£º”š¿”»WH´¯”U¸đĢmžtĜyzzNN|g¸÷äűѱĉā~mq^—Œ[ƒ”››”ƒǁÑďlw]¯xQĔ‰¯l‰’€°řĴrŠ™˜BˆÞTxr[tŽ¸ĻN_yŸX`biN™Ku…P›£k‚ZĮ—¦[ºxÆÀdhŽĹŀUÈƗCw’áZħÄŭcÓ¥»NAw±qȥnD`{ChdÙFćš}¢‰A±Äj¨]ĊÕjŋ«×`VuÓś~_kŷVÝyh„“VkÄãPs”Oµ—fŸge‚Ň…µf@u_Ù ÙcŸªNªÙEojVx™T@†ãSefjlwH\\pŏäÀvŠŽlY†½d{†F~¦dyz¤PÜndsrhf‹HcŒvlwjFœ£G˜±DύƥY‡yϊu¹XikĿ¦ÏqƗǀOŜ¨LI|FRĂn sª|Cš˜zxAè¥bœfudTrFWÁ¹Am|˜ĔĕsķÆF‡´Nš‰}ć…UŠÕ@Áijſmužç’uð^ÊýowŒFzØÎĕNőžǏȎôªÌŒDŽàĀÄ˄ĞŀƒʀĀƘŸˮȬƬĊ°ƒUŸzou‡xe]}Ž…AyȑW¯ÌmK‡“Q]‹Īºif¸ÄX|sZt|½ÚUΠlkš^p{f¤lˆºlÆW –€A²˜PVܜPH”Êâ]ÎĈÌÜk´\\@qàsĔÄQºpRij¼èi†`¶—„bXƒrBgxfv»ŽuUiˆŒ^v~”J¬mVp´£Œ´VWrnP½ì¢BX‚¬h™ŠðX¹^TjVœŠriªj™tŊÄm€tPGx¸bgRšŽsT`ZozÆO]’ÒFô҆Oƒ‡ŊŒvŞ”p’cGŒêŠsx´DR–Œ{A†„EOr°Œ•žx|íœbˆ³Wm~DVjºéNN†Ëܲɶ­GƒxŷCStŸ}]ûō•SmtuÇÃĕN•™āg»šíT«u}ç½BĵÞʣ¥ëÊ¡Mێ³ãȅ¡ƋaǩÈÉQ‰†G¢·lG|›„tvgrrf«†ptęŘnŠÅĢr„I²¯LiØsPf˜_vĠd„xM prʹšL¤‹¤‡eˌƒÀđK“žïÙVY§]I‡óáĥ]ķ†Kˆ¥Œj|pŇ\\kzţ¦šnņäÔVĂîĪ¬|vW’®l¤èØr‚˜•xm¶ă~lÄƯĄ̈́öȄEÔ¤ØQĄ–Ą»ƢjȦOǺ¨ìSŖÆƬy”Qœv`–cwƒZSÌ®ü±DŽ]ŀç¬B¬©ńzƺŷɄeeOĨS’Œfm Ċ‚ƀP̎ēz©Ċ‚ÄÕÊmgŸÇsJ¥ƔˆŊśæ’΁Ñqv¿íUOµª‰ÂnĦÁ_½ä@ê텣P}Ġ[@gġ}g“ɊדûÏWXá¢užƻÌsNͽƎÁ§č՛AēeL³àydl›¦ĘVçŁpśdžĽĺſʃQíÜçÛġԏsĕ¬—Ǹ¯YßċġHµ ¡eå`ļƒrĉŘóƢFì“ĎWøxÊk†”ƈdƬv|–I|·©NqńRŀƒ¤é”eŊœŀ›ˆàŀU²ŕƀB‚Q£Ď}L¹Îk@©ĈuǰųǨ”Ú§ƈnTËÇéƟÊcfčŤ^Xm‡—HĊĕË«W·ċëx³ǔķÐċJā‚wİ_ĸ˜Ȁ^ôWr­°oú¬Ħ…ŨK~”ȰCĐ´Ƕ£’fNÎèâw¢XnŮeÂÆĶŽ¾¾xäLĴĘlļO¤ÒĨA¢Êɚ¨®‚ØCÔ ŬGƠ”ƦYĜ‡ĘÜƬDJ—g_ͥœ@čŅĻA“¶¯@wÎqC½Ĉ»NŸăëK™ďÍQ“Ùƫ[«Ãí•gßÔÇOÝáW‘ñuZ“¯ĥ€Ÿŕā¡ÑķJu¤E Ÿå¯°WKɱ_d_}}vyŸõu¬ï¹ÓU±½@gÏ¿rýD‰†g…Cd‰µ—°MFYxw¿CG£‹Rƛ½Õ{]L§{qqąš¿BÇƻğëšܭNJË|c²}Fµ}›ÙRsÓpg±ŠQNqǫŋRwŕnéÑÉKŸ†«SeYR…ŋ‹@{¤SJ}šD Ûǖ֍Ÿ]gr¡µŷjqWÛham³~S«“„›Þ]"]],"encodeOffsets":[[[127123,51780]],[[134456,44547]]]},"properties":{"cp":[126.642464,45.756967],"name":"黑龙江","childNum":2}},{"id":"320000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@cþÅPiŠ`ZŸRu¥É\\]~°ŽY`µ†Óƒ^phÁbnÀşúŽòa–ĬºTÖŒb‚˜e¦¦€{¸ZâćNpŒ©žHr|^ˆmjhŠSEb\\afv`sz^lkŽlj‹Ätg‹¤D˜­¾Xš¿À’|ДiZ„ȀåB·î}GL¢õcßjaŸyBFµÏC^ĭ•cÙt¿sğH]j{s©HM¢ƒQnDÀ©DaÜތ·jgàiDbPufjDk`dPOîƒhw¡ĥ‡¥šG˜ŸP²ĐobºrY†„î¶aHŢ´ ]´‚rılw³r_{£DB_Ûdåuk|ˆŨ¯F Cºyr{XFy™e³Þċ‡¿Â™kĭB¿„MvÛpm`rÚã”@Ę¹hågËÖƿxnlč¶Åì½Ot¾dJlŠVJʜǀœŞqvnOŠ^ŸJ”Z‘ż·Q}ê͎ÅmµÒ]Žƍ¦Dq}¬R^èĂ´ŀĻĊIԒtžIJyQŐĠMNtœR®òLh‰›Ěs©»œ}OӌGZz¶A\\jĨFˆäOĤ˜HYš†JvÞHNiÜaϚɖnFQlšNM¤ˆB´ĄNöɂtp–Ŭdf先‹qm¿QûŠùއÚb¤uŃJŴu»¹Ą•lȖħŴw̌ŵ²ǹǠ͛hĭłƕrçü±Y™xci‡tğ®jű¢KOķ•Coy`å®VTa­_Ā]ŐÝɞï²ʯÊ^]afYǸÃĆēĪȣJđ͍ôƋĝÄ͎ī‰çÛɈǥ£­ÛmY`ó£Z«§°Ó³QafusNıDž_k}¢m[ÝóDµ—¡RLčiXy‡ÅNïă¡¸iĔϑNÌŕoēdōîåŤûHcs}~Ûwbù¹£¦ÓCt‹OPrƒE^ÒoŠg™ĉIµžÛÅʹK…¤½phMŠü`o怆ŀ"],"encodeOffsets":[[121740,32276]]},"properties":{"cp":[118.767413,32.041544],"name":"江苏","childNum":1}},{"id":"330000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@E^dQ]K"],["@@jX^j‡"],["@@sfŠbU‡"],["@@qP\\xz[ck"],["@@‘Rƒ¢‚FX}°[s_"],["@@Cbœ\\—}"],["@@e|v\\la{u"],["@@v~u}"],["@@QxÂF¯}"],["@@¹nŒvÞs¯o"],["@@rSkUEj"],["@@bi­ZŒP"],["@@p[}INf"],["@@À¿€"],["@@¹dnbŒ…"],["@@rSŸBnR"],["@@g~h}"],["@@FlEk"],["@@OdPc"],["@@v[u\\"],["@@FjâL~wyoo~›sµL–\\"],["@@¬e¹aNˆ"],["@@\\nÔ¡q]L³ë\\ÿ®ŒQ֎"],["@@ÊA­©[¬"],["@@KxŒv­"],["@@@hlIk]"],["@@pW{o||j"],["@@Md|_mC"],["@@¢…X£ÏylD¼XˆtH"],["@@hlÜ[LykAvyfw^Ež›¤"],["@@fp¤Mus“R"],["@@®_ma~•LÁ¬šZ"],["@@iM„xZ"],["@@ZcYd"],["@@Z~dOSo|A¿qZv"],["@@@`”EN¡v"],["@@|–TY{"],["@@@n@m"],["@@XWkCT\\"],["@@ºwšZRkĕWO¢"],["@@™X®±Grƪ\\ÔáXq{‹"],["@@ůTG°ĄLHm°UC‹"],["@@¤Ž€aÜx~}dtüGæţŎíĔcŖpMËВjē¢·ðĄÆMzˆjWKĎ¢Q¶˜À_꒔_Bı€i«pZ€gf€¤Nrq]§ĂN®«H±‡yƳí¾×ŸīàLłčŴǝĂíÀBŖÕªˆŠÁŖHŗʼnåqûõi¨hÜ·ƒñt»¹ýv_[«¸m‰YL¯‰Qª…mĉÅdMˆ•gÇjcº«•ęœ¬­K­´ƒB«Âącoċ\\xKd¡gěŧ«®á’[~ıxu·Å”KsËɏc¢Ù\\ĭƛëbf¹­ģSƒĜkáƉÔ­ĈZB{ŠaM‘µ‰fzʼnfåÂŧįƋǝÊĕġć£g³ne­ą»@­¦S®‚\\ßðCšh™iqªĭiAu‡A­µ”_W¥ƣO\\lċĢttC¨£t`ˆ™PZäuXßBs‡Ļyek€OđġĵHuXBšµ]׌‡­­\\›°®¬F¢¾pµ¼kŘó¬Wät’¸|@ž•L¨¸µr“ºù³Ù~§WI‹ŸZWŽ®’±Ð¨ÒÉx€`‰²pĜ•rOògtÁZ}þÙ]„’¡ŒŸFK‚wsPlU[}¦Rvn`hq¬\\”nQ´ĘRWb”‚_ rtČFI֊kŠŠĦPJ¶ÖÀÖJĈĄTĚòžC ²@Pú…Øzœ©PœCÈڜĒ±„hŖ‡l¬â~nm¨f©–iļ«m‡nt–u†ÖZÜÄj“ŠLŽ®E̜Fª²iÊxبžIÈhhst"],["@@o\\V’zRZ}y"],["@@†@°¡mۛGĕ¨§Ianá[ýƤjfæ‡ØL–•äGr™"]],"encodeOffsets":[[[125592,31553]],[[125785,31436]],[[125729,31431]],[[125513,31380]],[[125223,30438]],[[125115,30114]],[[124815,29155]],[[124419,28746]],[[124095,28635]],[[124005,28609]],[[125000,30713]],[[125111,30698]],[[125078,30682]],[[125150,30684]],[[124014,28103]],[[125008,31331]],[[125411,31468]],[[125329,31479]],[[125626,30916]],[[125417,30956]],[[125254,30976]],[[125199,30997]],[[125095,31058]],[[125083,30915]],[[124885,31015]],[[125218,30798]],[[124867,30838]],[[124755,30788]],[[124802,30809]],[[125267,30657]],[[125218,30578]],[[125200,30562]],[[124968,30474]],[[125167,30396]],[[124955,29879]],[[124714,29781]],[[124762,29462]],[[124325,28754]],[[123990,28459]],[[125366,31477]],[[125115,30363]],[[125369,31139]],[[122495,31878]],[[125329,30690]],[[125192,30787]]]},"properties":{"cp":[120.153576,30.287459],"name":"浙江","childNum":45}},{"id":"340000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@^iuLX^"],["@@‚e©Ehl"],["@@°ZÆëϵmkǀwÌÕæhºgBĝâqÙĊz›ÖgņtÀÁÊÆá’hEz|WzqD¹€Ÿ°E‡ŧl{ævÜcA`¤C`|´qžxIJkq^³³ŸGšµbƒíZ…¹qpa±ď OH—¦™Ħˆx¢„gPícOl_iCveaOjCh߸i݋bÛªCC¿€m„RV§¢A|t^iĠGÀtÚs–d]ĮÐDE¶zAb àiödK¡~H¸íæAžǿYƒ“j{ď¿‘™À½W—®£ChŒÃsiŒkkly]_teu[bFa‰Tig‡n{]Gqªo‹ĈMYá|·¥f¥—őaSÕė™NµñĞ«ImŒ_m¿Âa]uĜp …Z_§{Cƒäg¤°r[_Yj‰ÆOdý“[ŽI[á·¥“Q_n‡ùgL¾mv™ˊBÜƶĊJhšp“c¹˜O]iŠ]œ¥ jtsggJǧw×jÉ©±›EFˍ­‰Ki”ÛÃÕYv…s•ˆm¬njĻª•§emná}k«ŕˆƒgđ²Ù›DǤ›í¡ªOy›†×Où±@DŸñSęćăÕIÕ¿IµĥO‰‰jNÕËT¡¿tNæŇàåyķrĕq§ÄĩsWÆߎF¶žX®¿‰mŒ™w…RIޓfßoG‘³¾©uyH‘į{Ɓħ¯AFnuP…ÍÔzšŒV—dàôº^Ðæd´€‡oG¤{S‰¬ćxã}›ŧ×Kǥĩ«žÕOEзÖdÖsƘѨ[’Û^Xr¢¼˜§xvěƵ`K”§ tÒ´Cvlo¸fzŨð¾NY´ı~ÉĔē…ßúLÃϖ_ÈÏ|]ÂÏFl”g`bšežž€n¾¢pU‚h~ƴĖ¶_‚r sĄ~cž”ƈ]|r c~`¼{À{ȒiJjz`îÀT¥Û³…]’u}›f…ïQl{skl“oNdŸjŸäËzDvčoQŠďHI¦rb“tHĔ~BmlRš—V_„ħTLnñH±’DžœL‘¼L˜ªl§Ťa¸ŒĚlK²€\\RòvDcÎJbt[¤€D@®hh~kt°ǾzÖ@¾ªdb„YhüóZ ň¶vHrľ\\ʗJuxAT|dmÀO„‹[ÃԋG·ĚąĐlŪÚpSJ¨ĸˆLvÞcPæķŨŽ®mАˆálŸwKhïgA¢ųƩޖ¤OȜm’°ŒK´"]],"encodeOffsets":[[[121722,32278]],[[119475,30423]],[[119168,35472]]]},"properties":{"cp":[117.283042,31.86119],"name":"安徽","childNum":3}},{"id":"350000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@“zht´‡]"],["@@aj^~ĆG—©O"],["@@ed¨„C}}i"],["@@@vˆPGsQ"],["@@‰sBz‚ddW]Q"],["@@SŽ¨Q“{"],["@@NŽVucW"],["@@qptBAq"],["@@‰’¸[mu"],["@@Q\\pD]_"],["@@jSwUadpF"],["@@eXª~ƒ•"],["@@AjvFso"],["@@fT–›_Çí\\Ÿ™—v|ba¦jZÆy€°"],["@@IjJi"],["@@wJI€ˆxš«¼AoNe{M­"],["@@K‰±¡Óˆ”ČäeZ"],["@@k¡¹Eh~c®wBk‹UplÀ¡I•~Māe£bN¨gZý¡a±Öcp©PhžI”Ÿ¢Qq…ÇGj‹|¥U™ g[Ky¬ŏ–v@OpˆtÉEŸF„\\@ åA¬ˆV{Xģ‰ĐBy…cpě…¼³Ăp·¤ƒ¥o“hqqÚ¡ŅLsƒ^ᗞ§qlŸÀhH¨MCe»åÇGD¥zPO£čÙkJA¼ß–ėu›ĕeûҍiÁŧSW¥˜QŠûŗ½ùěcݧSùĩąSWó«íęACµ›eR—åǃRCÒÇZÍ¢‹ź±^dlsŒtjD¸•‚ZpužÔâÒH¾oLUêÃÔjjēò´ĄW‚ƛ…^Ñ¥‹ĦŸ@Çò–ŠmŒƒOw¡õyJ†yD}¢ďÑÈġfŠZd–a©º²z£šN–ƒjD°Ötj¶¬ZSÎ~¾c°¶Ðm˜x‚O¸¢Pl´žSL|¥žA†ȪĖM’ņIJg®áIJČĒü` ŽQF‡¬h|ÓJ@zµ |ê³È ¸UÖŬŬÀEttĸr‚]€˜ðŽM¤ĶIJHtÏ A’†žĬkvsq‡^aÎbvŒd–™fÊòSD€´Z^’xPsÞrv‹ƞŀ˜jJd×ŘÉ ®A–ΦĤd€xĆqAŒ†ZR”ÀMźŒnĊ»ŒİÐZ— YX–æJŠyĊ²ˆ·¶q§·–K@·{s‘Xãô«lŗ¶»o½E¡­«¢±¨Yˆ®Ø‹¶^A™vWĶGĒĢžPlzfˆļŽtàAvWYãšO_‡¤sD§ssČġ[kƤPX¦Ž`¶“ž®ˆBBvĪjv©šjx[L¥àï[F…¼ÍË»ğV`«•Ip™}ccÅĥZE‹ãoP…´B@ŠD—¸m±“z«Ƴ—¿å³BRضˆœWlâþäą`“]Z£Tc— ĹGµ¶H™m@_©—kŒ‰¾xĨ‡ôȉðX«½đCIbćqK³Á‹Äš¬OAwã»aLʼn‡ËĥW[“ÂGI—ÂNxij¤D¢ŽîĎÎB§°_JœGsƒ¥E@…¤uć…P‘å†cuMuw¢BI¿‡]zG¹guĮck\\_"]],"encodeOffsets":[[[123250,27563]],[[122541,27268]],[[123020,27189]],[[122916,27125]],[[122887,26845]],[[122808,26762]],[[122568,25912]],[[122778,26197]],[[122515,26757]],[[122816,26587]],[[123388,27005]],[[122450,26243]],[[122578,25962]],[[121255,25103]],[[120987,24903]],[[122339,25802]],[[121042,25093]],[[122439,26024]]]},"properties":{"cp":[119.306239,26.075302],"name":"福建","childNum":18}},{"id":"360000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@ĢĨƐgļˆ¼ÂMD~ņªe^\\^§„ý©j׍cZ†Ø¨zdÒa¶ˆlҍJŒìõ`oz÷@¤u޸´†ôęöY¼‰HČƶajlÞƩ¥éZ[”|h}^U Œ ¥p„ĄžƦO lt¸Æ €Q\\€ŠaÆ|CnÂOjt­ĚĤd’ÈŒF`’¶„@Ð딠¦ōҞ¨Sêv†HĢûXD®…QgėWiØPÞìºr¤dž€NĠ¢l–•ĄtZoœCƞÔºCxrpĠV®Ê{f_Y`_ƒeq’’®Aot`@o‚DXfkp¨|Šs¬\\D‘ÄSfè©Hn¬…^DhÆyøJh“ØxĢĀLʈ„ƠPżċĄwȠ̦G®ǒĤäTŠÆ~ĦwŠ«|TF¡Šn€c³Ïå¹]ĉđxe{ÎӐ†vOEm°BƂĨİ|G’vz½ª´€H’àp”eJ݆Qšxn‹ÀŠW­žEµàXÅĪt¨ÃĖrÄwÀFÎ|ňÓMå¼ibµ¯»åDT±m[“r«_gŽmQu~¥V\\OkxtL E¢‹ƒ‘Ú^~ýê‹Pó–qo슱_Êw§ÑªåƗā¼‹mĉŹ‹¿NQ“…YB‹ąrwģcÍ¥B•Ÿ­ŗÊcØiI—žƝĿuŒqtāwO]‘³YCñTeɕš‹caub͈]trlu€ī…B‘ПGsĵıN£ï—^ķqss¿FūūV՟·´Ç{éĈý‰ÿ›OEˆR_ŸđûIċâJh­ŅıN‘ȩĕB…¦K{Tk³¡OP·wn—µÏd¯}½TÍ«YiµÕsC¯„iM•¤™­•¦¯P|ÿUHv“he¥oFTu‰õ\\ŽOSs‹MòđƇiaºćXŸĊĵà·çhƃ÷ǜ{‘ígu^›đg’m[×zkKN‘¶Õ»lčÓ{XSƉv©_ÈëJbVk„ĔVÀ¤P¾ºÈMÖxlò~ªÚàGĂ¢B„±’ÌŒK˜y’áV‡¼Ã~­…`g›ŸsÙfI›Ƌlę¹e|–~udjˆuTlXµf`¿JdŠ[\\˜„L‚‘²"],"encodeOffsets":[[116689,26234]]},"properties":{"cp":[115.892151,28.676493],"name":"江西","childNum":1}},{"id":"370000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@Xjd]{K"],["@@itbFHy"],["@@HlGk"],["@@T‚ŒGŸy"],["@@K¬˜•‹U"],["@@WdXc"],["@@PtOs"],["@@•LnXhc"],["@@ppVƒu]Or"],["@@cdzAUa"],["@@udRhnCI‡"],["@@ˆoIƒpR„"],["@@Ľč{fzƤî’Kš–ÎMĮ]†—ZFˆ½Y]â£ph’™š¶¨râøÀ†ÎǨ¤^ºÄ”Gzˆ~grĚĜlĞƄLĆdž¢Îo¦–cv“Kb€gr°Wh”mZp ˆL]LºcU‰Æ­n”żĤÌĒœbAnrOAœ´žȊcÀbƦUØrĆUÜøœĬƞ†š˜Ez„VL®öØBkŖÝĐĖ¹ŧ̄±ÀbÎɜnb²ĦhņBĖ›žįĦåXćì@L¯´ywƕCéõė ƿ¸‘lµ¾Z|†ZWyFYŸ¨Mf~C¿`€à_RÇzwƌfQnny´INoƬˆèôº|sT„JUš›‚L„îVj„ǎ¾Ē؍‚Dz²XPn±ŴPè¸ŔLƔÜƺ_T‘üÃĤBBċȉöA´fa„˜M¨{«M`‡¶d¡ô‰Ö°šmȰBÔjjŒ´PM|”c^d¤u•ƒ¤Û´Œä«ƢfPk¶Môlˆ]Lb„}su^ke{lC‘…M•rDŠÇ­]NÑFsmoõľH‰yGă{{çrnÓE‰‹ƕZGª¹Fj¢ïW…uøCǷ돡ąuhÛ¡^Kx•C`C\\bÅxì²ĝÝ¿_N‰īCȽĿåB¥¢·IŖÕy\\‡¹kx‡Ã£Č×GDyÕ¤ÁçFQ¡„KtŵƋ]CgÏAùSed‡cÚź—ŠuYfƒyMmhUWpSyGwMPqŀ—›Á¼zK›¶†G•­Y§Ëƒ@–´śÇµƕBmœ@Io‚g——Z¯u‹TMx}C‘‰VK‚ï{éƵP—™_K«™pÛÙqċtkkù]gŽ‹Tğwo•ɁsMõ³ă‡AN£™MRkmEʕč™ÛbMjÝGu…IZ™—GPģ‡ãħE[iµBEuŸDPԛ~ª¼ętŠœ]ŒûG§€¡QMsğNPŏįzs£Ug{đJĿļā³]ç«Qr~¥CƎÑ^n¶ÆéÎR~Ż¸Y’I“] P‰umŝrƿ›‰›Iā‹[x‰edz‹L‘¯v¯s¬ÁY…~}…ťuŁŒg›ƋpÝĄ_ņī¶ÏSR´ÁP~ž¿Cyžċßdwk´Ss•X|t‰`Ä Èð€AªìÎT°¦Dd–€a^lĎDĶÚY°Ž`ĪŴǒˆ”àŠv\\ebŒZH„ŖR¬ŢƱùęO•ÑM­³FۃWp[ƒ"]],"encodeOffsets":[[[123806,39303]],[[123821,39266]],[[123742,39256]],[[123702,39203]],[[123649,39066]],[[123847,38933]],[[123580,38839]],[[123894,37288]],[[123043,36624]],[[123344,38676]],[[123522,38857]],[[123628,38858]],[[118260,36742]]]},"properties":{"cp":[117.000923,36.675807],"name":"山东","childNum":13}},{"id":"410000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@•ýL™ùµP³swIÓxcŢĞð†´E®žÚPt†ĴXØx¶˜@«ŕŕQGƒ‹Yfa[şu“ßǩ™đš_X³ijÕčC]kbc•¥CS¯ëÍB©÷‹–³­Siˆ_}m˜YTtž³xlàcȂzÀD}ÂOQ³ÐTĨ¯†ƗòËŖ[hœł‹Ŧv~††}ÂZž«¤lPǕ£ªÝŴÅR§ØnhcŒtâk‡nύ­ľŹUÓÝdKuķ‡I§oTũÙďkęĆH¸ÓŒ\\ăŒ¿PcnS{wBIvɘĽ[GqµuŸŇôYgûƒZcaŽ©@½Õǽys¯}lgg@­C\\£as€IdÍuCQñ[L±ęk·‹ţb¨©kK—’»›KC²‘òGKmĨS`ƒ˜UQ™nk}AGē”sqaJ¥ĐGR‰ĎpCuÌy ã iMc”plk|tRk†ðœev~^‘´†¦ÜŽSí¿_iyjI|ȑ|¿_»d}qŸ^{“Ƈdă}Ÿtqµ`Ƴĕg}V¡om½fa™Ço³TTj¥„tĠ—Ry”K{ùÓjuµ{t}uËR‘iŸvGŠçJFjµŠÍyqΘàQÂFewixGw½Yŷpµú³XU›½ġy™łå‰kÚwZXˆ·l„¢Á¢K”zO„Λ΀jc¼htoDHr…|­J“½}JZ_¯iPq{tę½ĕ¦Zpĵø«kQ…Ťƒ]MÛfaQpě±ǽ¾]u­Fu‹÷nƒ™čįADp}AjmcEǒaª³o³ÆÍSƇĈÙDIzˑ赟^ˆKLœ—i—Þñ€[œƒaA²zz‰Ì÷Dœ|[šíijgf‚ÕÞd®|`ƒĆ~„oĠƑô³Ŋ‘D×°¯CsŠøÀ«ì‰UMhTº¨¸ǡîS–Ô„DruÂÇZ•ÖEŽ’vPZ„žW”~؋ÐtĄE¢¦Ðy¸bŠô´oŬ¬Ž²Ês~€€]®tªašpŎJ¨Öº„_ŠŔ–`’Ŗ^Ѝ\\Ĝu–”~m²Ƹ›¸fW‰ĦrƔ}Î^gjdfÔ¡J}\\n C˜¦þWxªJRÔŠu¬ĨĨmF†dM{\\d\\ŠYÊ¢ú@@¦ª²SŠÜsC–}fNècbpRmlØ^g„d¢aÒ¢CZˆZxvÆ¶N¿’¢T@€uCœ¬^ĊðÄn|žlGl’™Rjsp¢ED}€Fio~ÔNŽ‹„~zkĘHVsDzßjƒŬŒŠŢ`Pûàl¢˜\\ÀœEhŽİgÞē X¼Pk–„|m"],"encodeOffsets":[[118256,37017]]},"properties":{"cp":[113.665412,34.757975],"name":"河南","childNum":1}},{"id":"420000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@AB‚"],["@@lskt"],["@@¾«}{ra®pîÃ\\™›{øCŠËyyB±„b\\›ò˜Ý˜jK›‡L ]ĎĽÌ’JyÚCƈćÎT´Å´pb©È‘dFin~BCo°BĎĚømvŒ®E^vǾ½Ĝ²Ro‚bÜeNŽ„^ĺ£R†¬lĶ÷YoĖ¥Ě¾|sOr°jY`~I”¾®I†{GqpCgyl{‡£œÍƒÍyPL“¡ƒ¡¸kW‡xYlÙ抚ŁĢzœ¾žV´W¶ùŸo¾ZHxjwfx„GNÁ•³Xéæl¶‰EièIH‰ u’jÌQ~v|sv¶Ôi|ú¢Fh˜Qsğ¦ƒSiŠBg™ÐE^ÁÐ{–čnOÂȞUÎóĔ†ÊēIJ}Z³½Mŧïeyp·uk³DsѨŸL“¶_œÅuèw»—€¡WqÜ]\\‘Ò§tƗcÕ¸ÕFÏǝĉăxŻČƟO‡ƒKÉġÿ×wg”÷IÅzCg†]m«ªGeçÃTC’«[‰t§{loWeC@ps_Bp‘­r‘„f_``Z|ei¡—oċMqow€¹DƝӛDYpûs•–‹Ykıǃ}s¥ç³[§ŸcYŠ§HK„«Qy‰]¢“wwö€¸ïx¼ņ¾Xv®ÇÀµRĠЋžHMž±cÏd„ƒǍũȅȷ±DSyúĝ£ŤĀàtÖÿï[îb\\}pĭÉI±Ñy…¿³x¯N‰o‰|¹H™ÏÛm‹júË~Tš•u˜ęjCöAwě¬R’đl¯ Ñb­‰ŇT†Ŀ_[Œ‘IčĄʿnM¦ğ\\É[T·™k¹œ©oĕ@A¾w•ya¥Y\\¥Âaz¯ãÁ¡k¥ne£Ûw†E©Êō¶˓uoj_Uƒ¡cF¹­[Wv“P©w—huÕyBF“ƒ`R‹qJUw\\i¡{jŸŸEPïÿ½fć…QÑÀQ{ž‚°‡fLԁ~wXg—ītêݾ–ĺ‘Hdˆ³fJd]‹HJ²…E€ƒoU¥†HhwQsƐ»Xmg±çve›]Dm͂PˆoCc¾‹_h”–høYrŊU¶eD°Č_N~øĹĚ·`z’]Äþp¼…äÌQŒv\\rCŒé¾TnkžŐڀÜa‡“¼ÝƆĢ¶Ûo…d…ĔňТJq’Pb ¾|JŒ¾fXŠƐîĨ_Z¯À}úƲ‹N_ĒĊ^„‘ĈaŐyp»CÇĕKŠšñL³ŠġMŒ²wrIÒŭxjb[œžn«øœ˜—æˆàƒ ^²­h¯Ú€ŐªÞ¸€Y²ĒVø}Ā^İ™´‚LŠÚm„¥ÀJÞ{JVŒųÞŃx×sxxƈē ģMř–ÚðòIf–Ċ“Œ\\Ʈ±ŒdʧĘD†vČ_Àæ~DŒċ´A®µ†¨ØLV¦êHÒ¤"]],"encodeOffsets":[[[113712,34000]],[[115612,30507]],[[113649,34054]]]},"properties":{"cp":[114.298572,30.584355],"name":"湖北","childNum":3}},{"id":"430000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@—n„FTs"],["@@ßÅÆችÔXr—†CO™“…ËR‘ïÿĩ­TooQyšÓ[‹ŅBE¬–ÎÓXa„į§Ã¸G °ITxp‰úxÚij¥Ïš–Ģ¾ŠedžÄ©ĸG…œàGh‚€M¤–Â_U}Ċ}¢pczfŠþg¤€”ÇòAV‘‹M"],["@@©K—ƒA·³CQ±Á«³BUŠƑ¹AŠtćOw™D]ŒJiØSm¯b£‘ylƒ›X…HËѱH•«–‘C^õľA–Å§¤É¥„ïyuǙuA¢^{ÌC´­¦ŷJ£^[†“ª¿‡ĕ~•Ƈ…•N… skóā‡¹¿€ï]ă~÷O§­@—Vm¡‹Qđ¦¢Ĥ{ºjԏŽŒª¥nf´•~ÕoŸž×Ûą‹MąıuZœmZcÒ IJĪ²SÊDŽŶ¨ƚƒ’CÖŎªQؼrŭŽ­«}NÏürʬŒmjr€@ĘrTW ­SsdHzƓ^ÇÂyUi¯DÅYlŹu{hTœ}mĉ–¹¥ě‰Dÿë©ıÓ[Oº£ž“¥ót€ł¹MՄžƪƒ`Pš…Di–ÛUŠ¾Å‌ìˆU’ñB“È£ýhe‰dy¡oċ€`pfmjP~‚kZa…ZsÐd°wj§ƒ@€Ĵ®w~^‚kÀÅKvNmX\\¨a“”сqvíó¿F„¤¡@ũÑVw}S@j}¾«pĂr–ªg àÀ²NJ¶¶Dô…K‚|^ª†Ž°LX¾ŴäPĪ±œ£EXd›”^¶›IJÞܓ~‘u¸ǔ˜Ž›MRhsR…e†`ÄofIÔ\\Ø  i”ćymnú¨cj ¢»–GČìƊÿШXeĈĀ¾Oð Fi ¢|[jVxrIQŒ„_E”zAN¦zLU`œcªx”OTu RLÄ¢dV„i`p˔vŎµªÉžF~ƒØ€d¢ºgİàw¸Áb[¦Zb¦–z½xBĖ@ªpº›šlS¸Ö\\Ĕ[N¥ˀmĎă’J\\‹ŀ`€…ňSڊĖÁĐiO“Ĝ«BxDõĚiv—ž–S™Ì}iùŒžÜnšÐºGŠ{Šp°M´w†ÀÒzJ²ò¨ oTçüöoÛÿñŽőФ‚ùTz²CȆȸǎŪƒƑÐc°dPÎŸğ˶[Ƚu¯½WM¡­Éž“’B·rížnZŸÒ `‡¨GA¾\\pē˜XhÆRC­üWGġu…T靧Ŏѝ©ò³I±³}_‘‹EÃħg®ęisÁPDmÅ{‰b[Rşs·€kPŸŽƥƒóRo”O‹ŸVŸ~]{g\\“êYƪ¦kÝbiċƵŠGZ»Ěõ…ó·³vŝž£ø@pyö_‹ëŽIkѵ‡bcѧy…×dY؎ªiþž¨ƒ[]f]Ņ©C}ÁN‡»hĻħƏ’ĩ"]],"encodeOffsets":[[[115640,30489]],[[112543,27312]],[[116690,26230]]]},"properties":{"cp":[112.982279,28.19409],"name":"湖南","childNum":3}},{"id":"440000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@QdˆAua"],["@@ƒlxDLo"],["@@sbhNLo"],["@@Ă āŸ"],["@@WltO[["],["@@Krœ]S"],["@@e„„I]y"],["@@I|„Mym"],["@@ƒÛ³LSŒž¼Y"],["@@nvºB–ëui©`¾"],["@@zdšÛ›Jw®"],["@@†°…¯"],["@@a yAª¸ËJIx،@€ĀHAmßV¡o•fu•o"],["@@šs‰ŗÃÔėAƁ›ZšÄ ~°ČP‚‹äh"],["@@‹¶Ý’Ì‚vmĞh­ı‡Q"],["@@HœŠdSjĒ¢D}war…“u«ZqadYM"],["@@elŒ\\LqqU"],["@@~rMo\\"],["@@f„^ƒC"],["@@øPªoj÷ÍÝħXČx”°Q¨ıXNv"],["@@gÇƳˆŽˆ”oˆŠˆ[~tly"],["@@E–ÆC¿‘"],["@@OŽP"],["@@w‹†đóg‰™ĝ—[³‹¡VÙæÅöM̳¹pÁaËýý©D©Ü“JŹƕģGą¤{Ùū…ǘO²«BƱéA—Ò‰ĥ‡¡«BhlmtÃPµyU¯uc“d·w_bŝcīímGOŽ|KP’ȏ‡ŹãŝIŕŭŕ@Óoo¿ē‹±ß}Ž…ŭ‚ŸIJWÈCőâUâǙI›ğʼn©I›ijEׅÁ”³Aó›wXJþ±ÌŒÜӔĨ£L]ĈÙƺZǾĆĖMĸĤfŒÎĵl•ŨnȈ‘ĐtF”Š–FĤ–‚êk¶œ^k°f¶gŠŽœ}®Fa˜f`vXŲxl˜„¦–ÔÁ²¬ÐŸ¦pqÊ̲ˆi€XŸØRDÎ}†Ä@ZĠ’s„x®AR~®ETtĄZ†–ƈfŠŠHâÒÐA†µ\\S¸„^wĖkRzŠalŽŜ|E¨ÈNĀňZTŒ’pBh£\\ŒĎƀuXĖtKL–¶G|Ž»ĺEļĞ~ÜĢÛĊrˆO˜Ùîvd]nˆ¬VœÊĜ°R֟pM††–‚ƂªFbwžEÀˆ˜©Œž\\…¤]ŸI®¥D³|ˎ]CöAŤ¦…æ’´¥¸Lv¼€•¢ĽBaô–F~—š®²GÌҐEY„„œzk¤’°ahlV՞I^‹šCxĈPŽsB‰ƒºV‰¸@¾ªR²ĨN]´_eavSi‡vc•}p}Đ¼ƌkJœÚe thœ†_¸ ºx±ò_xN›Ë‹²‘@ƒă¡ßH©Ùñ}wkNÕ¹ÇO½¿£ĕ]ly_WìIžÇª`ŠuTÅxYĒÖ¼k֞’µ‚MžjJÚwn\\h‘œĒv]îh|’È›Ƅøègž¸Ķß ĉĈWb¹ƀdéʌNTtP[ŠöSvrCZžžaGuœbo´ŖÒÇА~¡zCI…özx¢„Pn‹•‰Èñ @ŒĥÒ¦†]ƞŠV}³ăĔñiiÄÓVépKG½Ä‘ÓávYo–C·sit‹iaÀy„ŧΡÈYDÑům}‰ý|m[węõĉZÅxUO}÷N¹³ĉo_qtă“qwµŁYلǝŕ¹tïÛUïmRCº…ˆĭ|µ›ÕÊK™½R‘ē ó]‘–GªęAx–»HO£|ām‡¡diď×YïYWªʼnOeÚtĐ«zđ¹T…ā‡úE™á²\\‹ķÍ}jYàÙÆſ¿Çdğ·ùTßÇţʄ¡XgWÀLJğ·¿ÃˆOj YÇ÷Qě‹i"]],"encodeOffsets":[[[117381,22988]],[[116552,22934]],[[116790,22617]],[[116973,22545]],[[116444,22536]],[[116931,22515]],[[116496,22490]],[[116453,22449]],[[113301,21439]],[[118726,21604]],[[118709,21486]],[[113210,20816]],[[115482,22082]],[[113171,21585]],[[113199,21590]],[[115232,22102]],[[115739,22373]],[[115134,22184]],[[113056,21175]],[[119573,21271]],[[119957,24020]],[[115859,22356]],[[116561,22649]],[[116285,22746]]]},"properties":{"cp":[113.280637,23.125178],"name":"广东","childNum":24}},{"id":"450000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@H– TQ§•A"],["@@ĨʪƒLƒƊDÎĹĐCǦė¸zÚGn£¾›rªŀÜt¬@֛ڈSx~øOŒ˜ŶÐÂæȠ\\„ÈÜObĖw^oބLf¬°bI lTØB̈F£Ć¹gñĤaY“t¿¤VSñœK¸¤nM†¼‚JE±„½¸šŠño‹ÜCƆæĪ^ŠĚQÖ¦^‡ˆˆf´Q†üÜʝz¯šlzUĺš@쇀p¶n]sxtx¶@„~ÒĂJb©gk‚{°‚~c°`ԙ¬rV\\“la¼¤ôá`¯¹LC†ÆbŒxEræO‚v[H­˜„[~|aB£ÖsºdAĐzNÂðsŽÞƔ…Ĥªbƒ–ab`ho¡³F«èVloŽ¤™ÔRzpp®SŽĪº¨ÖƒºN…ij„d`’a”¦¤F³ºDÎńĀìŠCžĜº¦Ċ•~nS›|gźvZkCÆj°zVÈÁƔ]LÊFZg…čP­kini«‹qǀcz͔Y®¬Ů»qR×ō©DՄ‘§ƙǃŵTÉĩ±ŸıdÑnYY›IJvNĆƌØÜ Öp–}e³¦m‹©iÓ|¹Ÿħņ›|ª¦QF¢Â¬ʖovg¿em‡^ucà÷gՎuŒíÙćĝ}FĻ¼Ĺ{µHK•sLSđƃr‹č¤[Ag‘oS‹ŇYMÿ§Ç{Fśbky‰lQxĕƒ]T·¶[B…ÑÏGáşşƇe€…•ăYSs­FQ}­Bƒw‘tYğÃ@~…C̀Q ×W‡j˱rÉ¥oÏ ±«ÓÂ¥•ƒ€k—ŽwWűŒmcih³K›~‰µh¯e]lµ›él•Eģ‰•E“ďs‡’mǖŧē`ãògK_ÛsUʝ“ćğ¶hŒöŒO¤Ǜn³Žc‘`¡y‹¦C‘ez€YŠwa™–‘[ďĵűMę§]X˜Î_‚훘Û]é’ÛUćİÕBƣ±…dƒy¹T^džûÅÑŦ·‡PĻþÙ`K€¦˜…¢ÍeœĥR¿Œ³£[~Œäu¼dl‰t‚†W¸oRM¢ď\\zœ}Æzdvň–{ÎXF¶°Â_„ÒÂÏL©Ö•TmuŸ¼ãl‰›īkiqéfA„·Êµ\\őDc¥ÝF“y›Ôć˜c€űH_hL܋êĺШc}rn`½„Ì@¸¶ªVLŒŠhŒ‹\\•Ţĺk~ŽĠið°|gŒtTĭĸ^x‘vK˜VGréAé‘bUu›MJ‰VÃO¡…qĂXËS‰ģãlýàŸ_ju‡YÛÒB†œG^˜é֊¶§ŽƒEG”ÅzěƒƯ¤Ek‡N[kdåucé¬dnYpAyČ{`]þ¯T’bÜÈk‚¡Ġ•vŒàh„ÂƄ¢J"]],"encodeOffsets":[[[111707,21520]],[[107619,25527]]]},"properties":{"cp":[108.320004,22.82402],"name":"广西","childNum":2}},{"id":"460000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@š¦Ŝil¢”XƦ‘ƞò–ïè§ŞCêɕrŧůÇąĻõ™·ĉ³œ̅kÇm@ċȧƒŧĥ‰Ľʉ­ƅſ“ȓÒ˦ŝE}ºƑ[ÍĜȋ gÎfǐÏĤ¨êƺ\\Ɔ¸ĠĎvʄȀœÐ¾jNðĀÒRŒšZdž™zÐŘΰH¨Ƣb²_Ġ "],"encodeOffsets":[[112750,20508]]},"properties":{"cp":[110.33119,20.031971],"name":"海南","childNum":1}},{"id":"510000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@LqKr"],["@@Š[ĻéV£ž_ţġñpG •réÏ·~ąSfy×͂·ºſƽiÍıƣıĻmHH}siaX@iÇ°ÁÃ×t«ƒ­Tƒ¤J–JJŒyJ•ÈŠ`Ohߦ¡uËhIyCjmÿw…ZG……Ti‹SˆsO‰žB²ŸfNmsPaˆ{M{ŠõE‘^Hj}gYpaeuž¯‘oáwHjÁ½M¡pM“–uå‡mni{fk”\\oƒÎqCw†EZ¼K›ĝŠƒAy{m÷L‡wO×SimRI¯rK™õBS«sFe‡]fµ¢óY_ÆPRcue°Cbo׌bd£ŌIHgtrnyPt¦foaXďx›lBowz‹_{ÊéWiêE„GhܸºuFĈIxf®Ž•Y½ĀǙ]¤EyŸF²ċ’w¸¿@g¢§RGv»–áŸW`ÃĵJwi]t¥wO­½a[׈]`Ãi­üL€¦LabbTÀå’c}Íh™Æhˆ‹®BH€î|Ék­¤S†y£„ia©taį·Ɖ`ō¥Uh“O…ƒĝLk}©Fos‰´›Jm„µlŁu—…ø–nÑJWΪ–YÀïAetTžŅ‚ӍG™Ë«bo‰{ıwodƟ½ƒžOġܑµxàNÖ¾P²§HKv¾–]|•B‡ÆåoZ`¡Ø`ÀmºĠ~ÌЧnDž¿¤]wğ@sƒ‰rğu‰~‘Io”[é±¹ ¿žſđӉ@q‹gˆ¹zƱřaí°KtǤV»Ã[ĩǭƑ^ÇÓ@ỗs›Zϕ‹œÅĭ€Ƌ•ěpwDóÖሯneQˌq·•GCœýS]xŸ·ý‹q³•O՜Œ¶Qzßti{ř‰áÍÇWŝŭñzÇW‹pç¿JŒ™‚Xœĩè½cŒF–ÂLiVjx}\\N†ŇĖ¥Ge–“JA¼ÄHfÈu~¸Æ«dE³ÉMA|b˜Ò…˜ćhG¬CM‚õŠ„ƤąAvƒüV€éŀ‰_V̳ĐwQj´·ZeÈÁ¨X´Æ¡Qu·»Ÿ“˜ÕZ³ġqDo‰y`L¬gdp°şŠp¦ėìÅĮZŽ°Iä”h‚‘ˆzŠĵœf²å ›ĚрKp‹IN|‹„Ñz]ń……·FU×é»R³™MƒÉ»GM«€ki€™ér™}Ã`¹ăÞmȝnÁîRǀ³ĜoİzŔwǶVÚ£À]ɜ»ĆlƂ²Ġ…þTº·àUȞÏʦ¶†I’«dĽĢdĬ¿–»Ĕ׊h\\c¬†ä²GêëĤł¥ÀǿżÃÆMº}BÕĢyFVvw–ˆxBèĻĒ©Ĉ“tCĢɽŠȣ¦āæ·HĽî“ôNԓ~^¤Ɗœu„œ^s¼{TA¼ø°¢İªDè¾Ň¶ÝJ‘®Z´ğ~Sn|ªWÚ©òzPOȸ‚bð¢|‹øĞŠŒœŒQìÛÐ@Ğ™ǎRS¤Á§d…i“´ezÝúØã]Hq„kIŸþËQǦÃsǤ[E¬ÉŪÍxXƒ·ÖƁİlƞ¹ª¹|XÊwn‘ÆƄmÀêErĒtD®ċæcQƒ”E®³^ĭ¥©l}äQto˜ŖÜqƎkµ–„ªÔĻĴ¡@Ċ°B²Èw^^RsºTĀ£ŚæœQP‘JvÄz„^Đ¹Æ¯fLà´GC²‘dt˜­ĀRt¼¤ĦOðğfÔðDŨŁĞƘïžPȆ®âbMüÀXZ ¸£@Ś›»»QÉ­™]d“sÖ×_͖_ÌêŮPrĔĐÕGĂeZÜîĘqBhtO ¤tE[h|Y‹Ô‚ZśÎs´xº±UŒ’ñˆt|O’ĩĠºNbgþŠJy^dÂY Į„]Řz¦gC‚³€R`ĀŠz’¢AjŒ¸CL„¤RÆ»@­Ŏk\\Ç´£YW}z@Z}‰Ã¶“oû¶]´^N‡Ò}èN‚ª–P˜Íy¹`S°´†ATe€VamdUĐwʄvĮÕ\\ƒu‹Æŗ¨Yp¹àZÂm™Wh{á„}WØǍ•Éüw™ga§áCNęÎ[ĀÕĪgÖɪX˜øx¬½Ů¦¦[€—„NΆL€ÜUÖ´òrÙŠxR^–†J˜k„ijnDX{Uƒ~ET{ļº¦PZc”jF²Ė@Žp˜g€ˆ¨“B{ƒu¨ŦyhoÚD®¯¢˜ WòàFΤ¨GDäz¦kŮPœġq˚¥À]€Ÿ˜eŽâÚ´ªKxī„Pˆ—Ö|æ[xäJÞĥ‚s’NÖ½ž€I†¬nĨY´®Ð—ƐŠ€mD™ŝuäđđEb…e’e_™v¡}ìęNJē}q”É埁T¯µRs¡M@}ůa†a­¯wvƉåZwž\\Z{åû^›"]],"encodeOffsets":[[[108815,30935]],[[110617,31811]]]},"properties":{"cp":[104.065735,30.659462],"name":"四川","childNum":2}},{"id":"520000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@†G\\†lY£‘in"],["@@q‚|ˆ‚mc¯tχVSÎ"],["@@hÑ£Is‡NgßH†›HªķÃh_¹ƒ¡ĝħń¦uيùŽgS¯JHŸ|sÝÅtÁïyMDč»eÕtA¤{b\\}—ƒG®u\\åPFq‹wÅaD…žK°ºâ_£ùbµ”mÁ‹ÛœĹM[q|hlaªāI}тƒµ@swtwm^oµˆD鼊yV™ky°ÉžûÛR…³‚‡eˆ‡¥]RՋěħ[ƅåÛDpŒ”J„iV™™‰ÂF²I…»mN·£›LbÒYb—WsÀbŽ™pki™TZĄă¶HŒq`……ĥ_JŸ¯ae«ƒKpÝx]aĕÛPƒÇȟ[ÁåŵÏő—÷Pw}‡TœÙ@Õs«ĿÛq©½œm¤ÙH·yǥĘĉBµĨÕnđ]K„©„œá‹ŸG纍§Õßg‡ǗĦTèƤƺ{¶ÉHÎd¾ŚÊ·OÐjXWrãLyzÉAL¾ę¢bĶėy_qMĔąro¼hĊžw¶øV¤w”²Ĉ]ʚKx|`ź¦ÂÈdr„cȁbe¸›`I¼čTF´¼Óýȃr¹ÍJ©k_șl³´_pН`oÒhŽ¶pa‚^ÓĔ}D»^Xyœ`d˜[Kv…JPhèhCrĂĚÂ^Êƌ wˆZL­Ġ£šÁbrzOIl’MM”ĪŐžËr×ÎeŦŽtw|Œ¢mKjSǘňĂStÎŦEtqFT†¾†E쬬ôxÌO¢Ÿ KŠ³ŀºäY†„”PVgŎ¦Ŋm޼VZwVlŒ„z¤…ž£Tl®ctĽÚó{G­A‡ŒÇgeš~Αd¿æaSba¥KKûj®_ć^\\ؾbP®¦x^sxjĶI_Ä X‚⼕Hu¨Qh¡À@Ëô}Ž±žGNìĎlT¸ˆ…`V~R°tbÕĊ`¸úÛtπFDu€[ƒMfqGH·¥yA‰ztMFe|R‚_Gk†ChZeÚ°to˜v`x‹b„ŒDnÐ{E}šZ˜è€x—†NEފREn˜[Pv@{~rĆAB§‚EO¿|UZ~ì„Uf¨J²ĂÝƀ‚sª–B`„s¶œfvö¦ŠÕ~dÔq¨¸º»uù[[§´sb¤¢zþFœ¢Æ…Àhˆ™ÂˆW\\ıŽËI݊o±ĭŠ£þˆÊs}¡R]ŒěƒD‚g´VG¢‚j±®è†ºÃmpU[Á›‘Œëº°r›ÜbNu¸}Žº¼‡`ni”ºÔXĄ¤¼Ôdaµ€Á_À…†ftQQgœR—‘·Ǔ’v”}Ýלĵ]µœ“Wc¤F²›OĩųãW½¯K‚©…]€{†LóµCIµ±Mß¿hŸ•©āq¬o‚½ž~@i~TUxŪÒ¢@ƒ£ÀEîôruń‚”“‚b[§nWuMÆLl¿]x}ij­€½"]],"encodeOffsets":[[[112158,27383]],[[112105,27474]],[[112095,27476]]]},"properties":{"cp":[106.713478,26.578343],"name":"贵州","childNum":3}},{"id":"530000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@[„ùx½}ÑRH‘YīĺûsÍn‘iEoã½Ya²ė{c¬ĝg•ĂsA•ØÅwď‚õzFjw}—«Dx¿}UũlŸê™@•HÅ­F‰¨ÇoJ´Ónũuą¡Ã¢pÒŌ“Ø TF²‚xa²ËX€‚cʋlHîAßËŁkŻƑŷÉ©h™W­æßU‡“Ës¡¦}•teèƶStǀÇ}Fd£j‹ĈZĆÆ‹¤T‚č\\Dƒ}O÷š£Uˆ§~ŃG™‚åŃDĝ¸œTsd¶¶Bªš¤u¢ŌĎo~t¾ÍŶÒtD¦Ú„iôö‰€z›ØX²ghįh½Û±¯€ÿm·zR¦Ɵ`ªŊÃh¢rOԍ´£Ym¼èêf¯ŪĽn„†cÚbŒw\\zlvWžªâˆ ¦g–mĿBş£¢ƹřbĥkǫßeeZkÙIKueT»sVesb‘aĕ  ¶®dNœĄÄpªyŽ¼—„³BE˜®l‡ŽGœŭCœǶwêżĔÂe„pÍÀQƞpC„–¼ŲÈ­AÎô¶R„ä’Q^Øu¬°š_Èôc´¹ò¨P΢hlϦ´Ħ“Æ´sâDŽŲPnÊD^¯°’Upv†}®BP̪–jǬx–Söwlfòªv€qĸ|`H€­viļ€ndĜ­Ćhň•‚em·FyށqóžSį¯‘³X_ĞçêtryvL¤§z„¦c¦¥jnŞk˜ˆlD¤øz½ĜàžĂŧMÅ|áƆàÊcðÂF܎‚áŢ¥\\\\º™İøÒÐJĴ‡„îD¦zK²ǏÎEh~’CD­hMn^ÌöÄ©ČZÀžaü„fɭyœpį´ěFűk]Ôě¢qlÅĆÙa¶~Äqššê€ljN¬¼H„ÊšNQ´ê¼VظE††^ŃÒyŒƒM{ŒJLoÒœęæŸe±Ķ›y‰’‡gã“¯JYÆĭĘëo¥Š‰o¯hcK«z_pŠrC´ĢÖY”—¼ v¸¢RŽÅW³Â§fǸYi³xR´ďUˊ`êĿU„û€uĆBƒƣö‰N€DH«Ĉg†——Ñ‚aB{ÊNF´¬c·Åv}eÇÃGB»”If•¦HňĕM…~[iwjUÁKE•Ž‹¾dĪçW›šI‹èÀŒoÈXòyŞŮÈXâÎŚŠj|àsRy‹µÖ›–Pr´þŒ ¸^wþTDŔ–Hr¸‹žRÌmf‡żÕâCôox–ĜƌÆĮŒ›Ð–œY˜tâŦÔ@]ÈǮƒ\\Ī¼Ä£UsȯLbîƲŚºyh‡rŒŠ@ĒԝƀŸÀ²º\\êp“’JŠ}ĠvŠqt„Ġ@^xÀ£È†¨mËÏğ}n¹_¿¢×Y_æpˆÅ–A^{½•Lu¨GO±Õ½ßM¶w’ÁĢۂP‚›Ƣ¼pcIJxŠ|ap̬HšÐŒŊSfsðBZ¿©“XÏÒK•k†÷Eû¿‰S…rEFsÕūk”óVǥʼniTL‚¡n{‹uxţÏh™ôŝ¬ğōN“‘NJkyPaq™Âğ¤K®‡YŸxÉƋÁ]āęDqçgOg†ILu—\\_gz—]W¼ž~CÔē]bµogpў_oď`´³Țkl`IªºÎȄqÔþž»E³ĎSJ»œ_f·‚adÇqƒÇc¥Á_Źw{™L^ɱćx“U£µ÷xgĉp»ĆqNē`rĘzaĵĚ¡K½ÊBzyäKXqiWPÏɸ½řÍcÊG|µƕƣG˛÷Ÿk°_^ý|_zċBZocmø¯hhcæ\\lˆMFlư£Ĝ„ÆyH“„F¨‰µêÕ]—›HA…àӄ^it `þßäkŠĤÎT~Wlÿ¨„ÔPzUC–NVv [jâôDôď[}ž‰z¿–msSh‹¯{jïğl}šĹ[–őŒ‰gK‹©U·µË@¾ƒm_~q¡f¹…ÅË^»‘f³ø}Q•„¡Ö˳gͱ^ǁ…\\ëÃA_—¿bW›Ï[¶ƛ鏝£F{īZgm@|kHǭƁć¦UĔťƒ×ë}ǝƒeďºȡȘÏíBə£āĘPªij¶“ʼnÿ‡y©n‰ď£G¹¡I›Š±LÉĺÑdĉ܇W¥˜‰}g˜Á†{aqÃ¥aŠıęÏZ—ï`"],"encodeOffsets":[[104636,22969]]},"properties":{"cp":[102.712251,25.040609],"name":"云南","childNum":1}},{"id":"540000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@hžľxŽŖ‰xƒÒVŽ†ºÅâAĪÝȆµę¯Ňa±r_w~uSÕň‘qOj]ɄQ…£Z……UDûoY’»©M[‹L¼qãË{V͕çWViŽ]ë©Ä÷àyƛh›ÚU°ŒŒa”d„cQƒ~Mx¥™cc¡ÙaSyF—ցk­ŒuRýq¿Ôµ•QĽ³aG{¿FµëªéĜÿª@¬·–K‰·àariĕĀ«V»Ŷ™Ĵū˜gèLǴŇƶaf‹tŒèBŚ£^Šâ†ǐÝ®–šM¦ÁǞÿ¬LhŸŽJ¾óƾƺcxw‹f]Y…´ƒ¦|œQLn°aœdĊ…œ\\¨o’œǀÍŎœ´ĩĀd`tÊQŞŕ|‚¨C^©œĈ¦„¦ÎJĊ{ŽëĎjª²rЉšl`¼Ą[t|¦St辉PŒÜK¸€d˜Ƅı]s¤—î_v¹ÎVòŦj˜£Əsc—¬_Ğ´|Ł˜¦AvŽ¦w`ăaÝaa­¢e¤ı²©ªSªšÈMĄwžÉØŔì@T‘¤—Ę™\\õª@”þo´­xA s”ÂtŎKzó´ÇĊµ¢rž^nĊ­Æ¬×üGž¢‚³ {âĊ]š™G‚~bÀgVjzlhǶf€žOšfdŠ‰ªB]pj„•TO–tĊ‚n¤}®¦ƒČ¥d¢¼»ddš”Y¼Žt—¢eȤJ¤}Ǿ¡°§¤AГlc@ĝ”sªćļđAç‡wx•UuzEÖġ~AN¹ÄÅȀŻ¦¿ģŁéì±H…ãd«g[؉¼ēÀ•cīľġ¬cJ‘µ…ÐʥVȝ¸ßS¹†ý±ğkƁ¼ą^ɛ¤Ûÿ‰b[}¬ōõÃ]ËNm®g@•Bg}ÍF±ǐyL¥íCˆƒIij€Ï÷њį[¹¦[⚍EÛïÁÉdƅß{âNÆāŨߝ¾ě÷yC£‡k­´ÓH@¹†TZ¥¢įƒ·ÌAЧ®—Zc…v½ŸZ­¹|ŕWZqgW“|ieZÅYVӁqdq•bc²R@†c‡¥Rã»Ge†ŸeƃīQ•}J[ғK…¬Ə|o’ėjġĠÑN¡ð¯EBčnwôɍėªƒ²•CλŹġǝʅįĭạ̃ūȹ]ΓͧgšsgȽóϧµǛ†ęgſ¶ҍć`ĘąŌJޚä¤rÅň¥ÖÁUětęuůÞiĊÄÀ\\Æs¦ÓRb|Â^řÌkÄŷ¶½÷‡f±iMݑ›‰@ĥ°G¬ÃM¥n£Øą‚ğ¯ß”§aëbéüÑOčœk£{\\‘eµª×M‘šÉfm«Ƒ{Å׃Gŏǩãy³©WÑăû‚··‘Q—òı}¯ã‰I•éÕÂZ¨īès¶ZÈsŽæĔTŘvŽgÌsN@îá¾ó@‰˜ÙwU±ÉT廣TđŸWxq¹Zo‘b‹s[׌¯cĩv‡Œėŧ³BM|¹k‰ªħ—¥TzNYnݍßpęrñĠĉRS~½ŠěVVŠµ‚õ‡«ŒM££µB•ĉ¥áºae~³AuĐh`Ü³ç@BۘïĿa©|z²Ý¼D”£àč²‹ŸƒIƒû›I ā€óK¥}rÝ_Á´éMaň¨€~ªSĈ½Ž½KÙóĿeƃÆBŽ·¬ën×W|Uº}LJrƳ˜lŒµ`bÔ`QˆˆÐÓ@s¬ñIŒÍ@ûws¡åQÑßÁ`ŋĴ{Ī“T•ÚÅTSij‚‹Yo|Ç[ǾµMW¢ĭiÕØ¿@˜šMh…pÕ]j†éò¿OƇĆƇp€êĉâlØw–ěsˆǩ‚ĵ¸c…bU¹ř¨WavquSMzeo_^gsÏ·¥Ó@~¯¿RiīB™Š\\”qTGªÇĜçPoŠÿfñòą¦óQīÈáP•œābß{ƒZŗĸIæńhnszÁCËìñšÏ·ąĚÝUm®ó­L·ăU›Èíoù´Êj°ŁŤ_uµ^‘°Œìǖ@tĶĒ¡Æ‡M³Ģ«˜İĨÅ®ğ†RŽāð“ggheÆ¢z‚Ê©Ô\\°ÝĎz~ź¤Pn–MĪÖB£Ÿk™n鄧żćŠ˜ĆK„Ē°¼L¶è‰âz¨u¦¥LDĘz¬ýÎmĘd¾ß”Fz“hg²™Fy¦ĝ¤ċņbΛ@y‚Ąæm°NĮZRÖíŽJ²öLĸÒ¨Y®ƌÐV‰à˜tt_ڀÂyĠzž]Ţh€zĎ{†ĢX”ˆc|šÐqŽšfO¢¤ög‚ÌHNŽ„PKŖœŽ˜Uú´xx[xˆvĐCûĀŠìÖT¬¸^}Ìsòd´_Ž‡KgžLĴ…ÀBon|H@–Êx˜—¦BpŰˆŌ¿fµƌA¾zLjRxŠ¶F”œkĄźRzŀˆ~¶[”´Hnª–VƞuĒ­È¨ƎcƽÌm¸ÁÈM¦x͊ëÀxdžB’šú^´W†£–d„kɾĬpœw‚˂ØɦļĬIŚœÊ•n›Ŕa¸™~J°î”lɌxĤÊÈðhÌ®‚g˜T´øŽàCˆŽÀ^ªerrƘdž¢İP|Ė ŸWœªĦ^¶´ÂL„aT±üWƜ˜ǀRšŶUńšĖ[QhlLüA†‹Ü\\†qR›Ą©"],"encodeOffsets":[[90849,37210]]},"properties":{"cp":[91.132212,29.660361],"name":"西藏","childNum":1}},{"id":"610000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@˜p¢—ȮµšûG™Ħ}Ħšðǚ¶òƄ€jɂz°{ºØkÈęâ¦jª‚Bg‚\\œċ°s¬Ž’]jžú ‚E”Ȍdž¬s„t‡”RˆÆdĠݎwܔ¸ôW¾ƮłÒ_{’Ìšû¼„jº¹¢GǪÒ¯ĘƒZ`ºŊƒecņąš~BÂgzpâēòYǠȰÌTΨÂWœ|fcŸă§uF—Œ@NŸ¢XLƒŠRMº[ğȣſï|¥J™kc`sʼnǷ’Y¹‹W@µ÷K…ãï³ÛIcñ·VȋڍÒķø©—þ¥ƒy‚ÓŸğęmWµÎumZyOŅƟĥÓ~sÑL¤µaŅY¦ocyZ{‰y c]{ŒTa©ƒ`U_Ěē£ωÊƍKù’K¶ȱÝƷ§{û»ÅÁȹÍéuij|¹cÑd‘ŠìUYƒŽO‘uF–ÕÈYvÁCqӃT•Ǣí§·S¹NgŠV¬ë÷Át‡°Dد’C´ʼnƒópģ}„ċcE˅FŸŸéGU¥×K…§­¶³B‹Č}C¿åċ`wġB·¤őcƭ²ő[Å^axwQO…ÿEËߌ•ĤNĔŸwƇˆÄŠńwĪ­Šo[„_KÓª³“ÙnK‰Çƒěœÿ]ď€ă_d©·©Ýŏ°Ù®g]±„Ÿ‡ß˜å›—¬÷m\\›iaǑkěX{¢|ZKlçhLt€Ňîŵ€œè[€É@ƉĄEœ‡tƇÏ˜³­ħZ«mJ…›×¾‘MtÝĦ£IwÄå\\Õ{‡˜ƒOwĬ©LÙ³ÙgBƕŀr̛ĢŭO¥lãyC§HÍ£ßEñŸX¡—­°ÙCgpťz‘ˆb`wI„vA|§”‡—hoĕ@E±“iYd¥OĻ¹S|}F@¾oAO²{tfžÜ—¢Fǂ҈W²°BĤh^Wx{@„¬‚­F¸¡„ķn£P|ŸªĴ@^ĠĈæb–Ôc¶l˜Yi…–^Mi˜cĎ°Â[ä€vï¶gv@À“Ĭ·lJ¸sn|¼u~a]’ÆÈtŌºJp’ƒþ£KKf~Š¦UbyäIšĺãn‡Ô¿^­žŵMT–hĠܤko¼Ŏìąǜh`[tŒRd²IJ_œXPrɲ‰l‘‚XžiL§àƒ–¹ŽH˜°Ȧqº®QC—bA†„ŌJ¸ĕÚ³ĺ§ `d¨YjžiZvRĺ±öVKkjGȊĐePОZmļKÀ€‚[ŠŽ`ösìh†ïÎoĬdtKÞ{¬èÒÒBŒÔpIJÇĬJŊ¦±J«ˆY§‹@·pH€µàåVKe›pW†ftsAÅqC·¬ko«pHÆuK@oŸHĆۄķhx“e‘n›S³àǍrqƶRbzy€¸ËАl›¼EºpĤ¼Œx¼½~Ğ’”à@†ÚüdK^ˆmÌSj"],"encodeOffsets":[[110234,38774]]},"properties":{"cp":[108.948024,34.263161],"name":"陕西","childNum":1}},{"id":"620000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@VuUv"],["@@ũ‹EĠtt~nkh`Q‰¦ÅÄÜdw˜Ab×ĠąJˆ¤DüègĺqBqœj°lI¡ĨÒ¤úSHbš‡ŠjΑBŠ°aZˆ¢KJŽ’O[|A£žDx}Nì•HUnrk„ kp€¼Y kMJn[aG‚áÚÏ[½rc†}aQxOgsPMnUs‡nc‹Z…ž–sKúvA›t„Þġ’£®ĀYKdnFwš¢JE°”Latf`¼h¬we|€Æ‡šbj}GA€·~WŽ”—`†¢MC¤tL©IJ°qdf”O‚“bÞĬ¹ttu`^ZúE`Œ[@„Æsîz®¡’C„ƳƜG²“R‘¢R’m”fŽwĸg܃‚ą G@pzJM½mŠhVy¸uÈÔO±¨{LfæU¶ßGĂq\\ª¬‡²I‚¥IʼnÈīoı‹ÓÑAçÑ|«LÝcspīðÍg…të_õ‰\\ĉñLYnĝg’ŸRǡÁiHLlõUĹ²uQjYi§Z_c¨Ÿ´ĹĖÙ·ŋI…ƒaBD˜­R¹ȥr—¯G•ºß„K¨jWk’ɱŠOq›Wij\\a­‹Q\\sg_ĆǛōëp»£lğۀgS•ŶN®À]ˆÓäm™ĹãJaz¥V}‰Le¤L„ýo‘¹IsŋÅÇ^‘Žbz…³tmEÁ´aŠ¹cčecÇN•ĊãÁ\\č¯—dNj•]j†—ZµkÓda•ćå]ğij@ ©O{¤ĸm¢ƒE·®ƒ«|@Xwg]Aģ±¯‡XǁÑdzªc›wQÚŝñsÕ³ÛV_ýƒ˜¥\\ů¥©¾÷w—Ž©WÕÊĩhÿÖÁRo¸V¬âDb¨šhûx–Ê×nj~Zâƒg|šXÁnßYoº§ZÅŘvŒ[„ĭÖʃuďxcVbnUSf…B¯³_Tzº—ΕO©çMÑ~Mˆ³]µ^püµ”ŠÄY~y@X~¤Z³€[Èōl@®Å¼£QKƒ·Di‹¡By‘ÿ‰Q_´D¥hŗyƒ^ŸĭÁZ]cIzý‰ah¹MĪğP‘s{ò‡‹‘²Vw¹t³Ŝˁ[ŽÑ}X\\gsFŸ£sPAgěp×ëfYHāďÖqēŭOÏë“dLü•\\iŒ”t^c®šRʺ¶—¢H°mˆ‘rYŸ£BŸ¹čIoľu¶uI]vģSQ{ƒUŻ”Å}QÂ|̋°ƅ¤ĩŪU ęĄžÌZҞ\\v˜²PĔ»ƢNHƒĂyAmƂwVmž`”]ȏb•”H`‰Ì¢²ILvĜ—H®¤Dlt_„¢JJÄämèÔDëþgºƫ™”aʎÌrêYi~ ÎݤNpÀA¾Ĕ¼b…ð÷’Žˆ‡®‚”üs”zMzÖĖQdȨý†v§Tè|ªH’þa¸|šÐ ƒwKĢx¦ivr^ÿ ¸l öæfƟĴ·PJv}n\\h¹¶v†·À|\\ƁĚN´Ĝ€çèÁz]ġ¤²¨QÒŨTIl‡ªťØ}¼˗ƦvÄùØE‹’«Fï˛Iq”ōŒTvāÜŏ‚íÛߜÛV—j³âwGăÂíNOŠˆŠPìyV³ʼnĖýZso§HіiYw[߆\\X¦¥c]ÔƩÜ·«j‡ÐqvÁ¦m^ċ±R™¦΋ƈťĚgÀ»IïĨʗƮŽ°Ɲ˜ĻþÍAƉſ±tÍEÕÞāNU͗¡\\ſčåÒʻĘm ƭÌŹöʥ’ëQ¤µ­ÇcƕªoIýˆ‰Iɐ_mkl³ă‰Ɠ¦j—¡Yz•Ňi–}Msßõ–īʋ —}ƒÁVmŸ_[n}eı­Uĥ¼‘ª•I{ΧDӜƻėoj‘qYhĹT©oūĶ£]ďxĩ‹ǑMĝ‰q`B´ƃ˺Ч—ç~™²ņj@”¥@đ´ί}ĥtPńǾV¬ufӃÉC‹tÓ̻‰…¹£G³€]ƖƾŎĪŪĘ̖¨ʈĢƂlɘ۪üºňUðǜȢƢż̌ȦǼ‚ĤŊɲĖ­Kq´ï¦—ºĒDzņɾªǀÞĈĂD†½ĄĎÌŗĞrôñnŽœN¼â¾ʄľԆ|DŽŽ֦ज़ȗlj̘̭ɺƅêgV̍ʆĠ·ÌĊv|ýĖÕWĊǎÞ´õ¼cÒÒBĢ͢UĜð͒s¨ňƃLĉÕÝ@ɛƯ÷¿Ľ­ĹeȏijëCȚDŲyê×Ŗyò¯ļcÂßY…tÁƤyAã˾J@ǝrý‹‰@¤…rz¸oP¹ɐÚyᐇHŸĀ[Jw…cVeȴϜ»ÈŽĖ}ƒŰŐèȭǢόĀƪÈŶë;Ñ̆ȤМľĮEŔ—ĹŊũ~ËUă{ŸĻƹɁύȩþĽvĽƓÉ@ē„ĽɲßǐƫʾǗĒpäWÐxnsÀ^ƆwW©¦cÅ¡Ji§vúF¶Ž¨c~c¼īŒeXǚ‹\\đ¾JŽwÀďksãA‹fÕ¦L}wa‚o”Z’‹D½†Ml«]eÒÅaɲáo½FõÛ]ĻÒ¡wYR£¢rvÓ®y®LF‹LzĈ„ôe]gx}•|KK}xklL]c¦£fRtív¦†PĤoH{tK"]],"encodeOffsets":[[[108619,36299]],[[108589,36341]]]},"properties":{"cp":[103.823557,36.058039],"name":"甘肃","childNum":2}},{"id":"630000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@InJm"],["@@CƒÆ½OŃĦsΰ~Ē³¦@@“Ņiš±è}ؘƄ˹A³r_ĞŠǒNĪŒĐw¤^ŬĵªpĺSZg’rpiƼĘԛ¨C|͖J’©Ħ»®VIJ~f\\m `Un„˜~ʌŸ•ĬàöNt•~ňjy–¢Zi˜Ɣ¥ĄŠk´nl`JʇŠJþ©pdƖ®È£¶ìRʦ‘źõƮËnŸʼėæÑƀĎ[‚˜¢VÎĂMÖÝÎF²sƊƀÎBļýƞ—¯ʘƭðħ¼Jh¿ŦęΌƇš¥²Q]Č¥nuÂÏriˆ¸¬ƪÛ^Ó¦d€¥[Wà…x\\ZŽjҕ¨GtpþYŊĕ´€zUO뇉P‰îMĄÁxH´á˜iÜUà›îÜՁĂÛSuŎ‹r“œJð̬EŒ‘FÁú×uÃÎkr“Ē{V}İ«O_ÌËĬ©ŽÓŧSRѱ§Ģ£^ÂyèçěM³Ƃę{[¸¿u…ºµ[gt£¸OƤĿéYŸõ·kĀŸq]juw¥Dĩƍ€õÇPéĽG‘ž©ã‡¤G…uȧþRcÕĕNy“yût“ˆ­‡ø‘†ï»a½ē¿BMoį£ŸÍj}éZËqbʍš“Ƭh¹ìÿÓAçãnIáI`ƒks£CG­ě˜Uy×Cy•…’Ÿ@¶ʡÊBnāzG„ơMē¼±O÷õJËĚăVŸĪũƆ£Œ¯{ËL½Ìzż“„VR|ĠTbuvJvµhĻĖH”Aëáa…­OÇðñęNw‡…œľ·L›mI±íĠĩPÉ×®ÿs—’cB³±JKßĊ«`…ađ»·QAmO’‘Vţéÿ¤¹SQt]]Çx€±¯A@ĉij¢Óļ©•ƒl¶ÅÛr—ŕspãRk~¦ª]Į­´“FR„åd­ČsCqđéFn¿Åƃm’Éx{W©ºƝºįkÕƂƑ¸wWūЩÈFž£\\tÈ¥ÄRÈýÌJ ƒlGr^×äùyÞ³fj”c†€¨£ÂZ|ǓMĝšÏ@ëÜőR‹›ĝ‰Œ÷¡{aïȷPu°ËXÙ{©TmĠ}Y³’­ÞIňµç½©C¡į÷¯B»|St»›]vƒųƒs»”}MÓ ÿʪƟǭA¡fs˜»PY¼c¡»¦c„ċ­¥£~msĉP•–Siƒ^o©A‰Šec‚™PeǵŽkg‚yUi¿h}aH™šĉ^|ᴟ¡HØûÅ«ĉ®]m€¡qĉ¶³ÈyôōLÁst“BŸ®wn±ă¥HSòėš£˜S’ë@לÊăxÇN©™©T±ª£IJ¡fb®ÞbŽb_Ą¥xu¥B—ž{łĝ³«`d˜Ɛt—¤ťiñžÍUuºí`£˜^tƃIJc—·ÛLO‹½Šsç¥Ts{ă\\_»™kϊ±q©čiìĉ|ÍIƒ¥ć¥›€]ª§D{ŝŖÉR_sÿc³Īō›ƿΑ›§p›[ĉ†›c¯bKm›R¥{³„Z†e^ŽŒwx¹dƽŽôIg §Mĕ ƹĴ¿—ǣÜ̓]‹Ý–]snåA{‹eŒƭ`ǻŊĿ\\ijŬű”YÂÿ¬jĖqŽßbŠ¸•L«¸©@ěĀ©ê¶ìÀEH|´bRľž–Ó¶rÀQþ‹vl®Õ‚E˜TzÜdb ˜hw¤{LR„ƒd“c‹b¯‹ÙVgœ‚ƜßzÃô쮍^jUèXΖ|UäÌ»rKŽ\\ŒªN‘¼pZCü†VY††¤ɃRi^rPҒTÖ}|br°qňbĚ°ªiƶGQ¾²„x¦PœmlŜ‘[Ĥ¡ΞsĦŸÔÏâ\\ªÚŒU\\f…¢N²§x|¤§„xĔsZPòʛ²SÐqF`ª„VƒÞŜĶƨVZŒÌL`ˆ¢dŐIqr\\oäõ–F礻Ŷ×h¹]Clـ\\¦ďÌį¬řtTӺƙgQÇÓHţĒ”´ÃbEÄlbʔC”|CˆŮˆk„Ʈ[ʼ¬ňœ´KŮÈΰÌĪ¶ƶlð”ļA†TUvdTŠG†º̼ŠÔ€ŒsÊDԄveOg"]],"encodeOffsets":[[[105308,37219]],[[95370,40081]]]},"properties":{"cp":[101.778916,36.623178],"name":"青海","childNum":2}},{"id":"640000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@KëÀęĞ«OęȿȕŸı]ʼn¡åįÕÔ«Ǵõƪ™ĚQÐZhv K°›öqÀѐS[ÃÖHƖčË‡nL]ûc…Ùß@‚“ĝ‘¾}w»»‹oģF¹œ»kÌÏ·{zPƒ§B­¢íyÅt@ƒ@áš]Yv_ssģ¼i߁”ĻL¾ġsKD£¡N_…“˜X¸}B~Haiˆ™Åf{«x»ge_bs“KF¯¡Ix™mELcÿZ¤­Ģ‘ƒÝœsuBLù•t†ŒYdˆmVtNmtOPhRw~bd…¾qÐ\\âÙH\\bImlNZŸ»loƒŸqlVm–Gā§~QCw¤™{A\\‘PKŸNY‡¯bF‡kC¥’sk‹Šs_Ã\\ă«¢ħkJi¯r›rAhĹûç£CU‡ĕĊ_ԗBixÅُĄnªÑaM~ħpOu¥sîeQ¥¤^dkKwlL~{L~–hw^‚ófćƒKyEŒ­K­zuÔ¡qQ¤xZÑ¢^ļöܾEpž±âbÊÑÆ^fk¬…NC¾‘Œ“YpxbK~¥Že֎ŒäBlt¿Đx½I[ĒǙŒWž‹f»Ĭ}d§dµùEuj¨‚IÆ¢¥dXªƅx¿]mtÏwßRĶŒX¢͎vÆzƂZò®ǢÌʆCrâºMÞzžÆMҔÊÓŊZľ–r°Î®Ȉmª²ĈUªĚøºˆĮ¦ÌĘk„^FłĬhĚiĀĖ¾iİbjÕ"],["@@mfwěwMrŢªv@G‰"]],"encodeOffsets":[[[109366,40242]],[[108600,36303]]]},"properties":{"cp":[106.278179,38.46637],"name":"宁夏","childNum":2}},{"id":"650000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@QØĔ²X¨”~ǘBºjʐßØvK”ƔX¨vĊOžÃƒ·¢i@~c—‡ĝe_«”Eš“}QxgɪëÏÃ@sÅyXoŖ{ô«ŸuX…ê•Îf`œC‚¹ÂÿÐGĮÕĞXŪōŸMźÈƺQèĽôe|¿ƸJR¤ĘEjcUóº¯Ĩ_ŘÁMª÷Ð¥Oéȇ¿ÖğǤǷÂF҇zÉx[]­Ĥĝ‰œ¦EP}ûƥé¿İƷTėƫœŕƅ™ƱB»Đ±’ēO…¦E–•}‘`cȺrĦáŖuҞª«IJ‡πdƺÏØZƴwʄ¤ĖGЙǂZĶƒèH¶}ÚZצʥĪï|ÇĦMŔ»İĝLj‹ì¥Βœba­¯¥ǕǚkĆŵĦɑĺƯxūД̵nơʃĽá½M»›òmqóŘĝč˾ăC…ćāƿÝɽ©DZŅ¹đ¥˜³ðLrÁ®ɱĕģʼnǻ̋ȥơŻǛȡVï¹Ň۩ûkɗġƁ§ʇė̕ĩũƽō^ƕŠUv£ƁQï“Ƶkŏ½ΉÃŭdzLқʻ«ƭ\\lƒ‡ŭD‡“{ʓDkaFÃÄa“³ŤđÔGRÈƚhSӹŚsİ«ĐË[¥ÚDkº^Øg¼ŵ¸£EÍö•€ůʼnT¡c_‡ËKY‹ƧUśĵ„݃U_©rETÏʜ±OñtYwē¨ƒ{£¨uM³x½şL©Ùá[ÓÐĥ Νtģ¢\\‚ś’nkO›w¥±ƒT»ƷFɯàĩÞáB¹Æ…ÑUw„੍žĽw[“mG½Èå~‡Æ÷QyŠěCFmĭZī—ŵVÁ™ƿQƛ—ûXS²‰b½KϽĉS›©ŷXĕŸ{ŽĕK·¥Ɨcqq©f¿]‡ßDõU³h—­gËÇïģÉɋw“k¯í}I·šœbmœÉ–ř›īJɥĻˁ×xo›ɹī‡l•c…¤³Xù]‘™DžA¿w͉ì¥wÇN·ÂËnƾƍdǧđ®Ɲv•Um©³G\\“}µĿ‡QyŹl㓛µEw‰LJQ½yƋBe¶ŋÀů‡ož¥A—˜Éw@•{Gpm¿Aij†ŽKLhˆ³`ñcËtW‚±»ÕS‰ëüÿďD‡u\\wwwù³—V›LŕƒOMËGh£õP¡™er™Ïd{“‡ġWÁ…č|yšg^ğyÁzÙs`—s|ÉåªÇ}m¢Ń¨`x¥’ù^•}ƒÌ¥H«‰Yªƅ”Aйn~ź¯šf¤áÀz„gŠÇDIԝ´AňĀ҄¶ûEYospõD[{ù°]u›Jq•U•|Soċxţ[õÔĥkŋÞŭZ˺óYËüċrw €ÞkrťË¿XGÉbřaDü·Ē÷Aê[Ää€I®BÕИÞ_¢āĠpŠÛÄȉĖġDKwbm‡ÄNô‡ŠfœƫVÉvi†dz—H‘‹QµâFšù­Âœ³¦{YGžƒd¢ĚÜO „€{Ö¦ÞÍÀPŒ^b–ƾŠlŽ[„vt×ĈÍE˨¡Đ~´î¸ùÎh€uè`¸ŸHÕŔVºwĠââWò‡@{œÙNÝ´ə²ȕn{¿¥{l—÷eé^e’ďˆXj©î\\ªÑò˜Üìc\\üqˆÕ[Č¡xoÂċªbØ­Œø|€¶ȴZdÆšońéŒGš\\”¼C°ÌƁn´nxšÊOĨ’Ūƴĸ¢¸òTxÊǪMīИÖŲÃɎOvˆʦƢ~FŽ‡Rěò—¿ġ~åŊœú‰Nšžš¸qŽ’Ę[Ĕ¶ÂćnÒPĒÜvúĀÊbÖ{Äî¸~Ŕünp¤ÂH¾œĄYÒ©ÊfºmԈĘcDoĬMŬ’˜S¤„s²‚”ʘچžȂVŦ –ŽèW°ªB|IJXŔþÈJĦÆæFĚêŠYĂªĂ]øªŖNÞüA€’fɨJ€˜¯ÎrDDšĤ€`€mz\\„§~D¬{vJÂ˜«lµĂb–¤p€ŌŰNĄ¨ĊXW|ų ¿¾ɄĦƐMT”‡òP˜÷fØĶK¢ȝ˔Sô¹òEð­”`Ɩ½ǒÂň×äı–§ĤƝ§C~¡‚hlå‚ǺŦŞkâ’~}ŽFøàIJaĞ‚fƠ¥Ž„Ŕdž˜®U¸ˆźXœv¢aƆúŪtŠųƠjd•ƺŠƺÅìnrh\\ĺ¯äɝĦ]èpĄ¦´LƞĬŠ´ƤǬ˼Ēɸ¤rºǼ²¨zÌPðŀbþ¹ļD¢¹œ\\ĜÑŚŸ¶ZƄ³àjĨoâŠȴLʉȮŒĐ­ĚăŽÀêZǚŐ¤qȂ\\L¢ŌİfÆs|zºeªÙæ§΢{Ā´ƐÚ¬¨Ĵà²łhʺKÞºÖTŠiƢ¾ªì°`öøu®Ê¾ãØ"],"encodeOffsets":[[88824,50096]]},"properties":{"cp":[87.617733,43.792818],"name":"新疆","childNum":1}},{"id":"110000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@ĽOÁ›ûtŷmiÍt_H»Ĩ±d`Š¹­{bw…Yr“³S]§§o¹€qGtm_Sŧ€“oa›‹FLg‘QN_•dV€@Zom_ć\\ߚc±x¯oœRcfe…£’o§ËgToÛJíĔóu…|wP¤™XnO¢ÉˆŦ¯rNÄā¤zâŖÈRpŢZŠœÚ{GŠrFt¦Òx§ø¹RóäV¤XdˆżâºWbwŚ¨Ud®bêņ¾‘jnŎGŃŶŠnzÚSeîĜZczî¾i]͜™QaúÍÔiþĩȨWĢ‹ü|Ėu[qb[swP@ÅğP¿{\\‡¥A¨Ï‘Ѩj¯ŠX\\¯œMK‘pA³[H…īu}}"],"encodeOffsets":[[120023,41045]]},"properties":{"cp":[116.405285,39.904989],"name":"北京","childNum":1}},{"id":"120000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@ŬgX§Ü«E…¶Ḟ“¬O_™ïlÁg“z±AXe™µÄĵ{¶]gitgšIj·›¥îakS€‰¨ÐƎk}ĕ{gB—qGf{¿a†U^fI“ư‹³õ{YƒıëNĿžk©ïËZŏ‘R§òoY×Ógc…ĥs¡bġ«@dekąI[nlPqCnp{ˆō³°`{PNdƗqSÄĻNNâyj]äžÒD ĬH°Æ]~¡HO¾ŒX}ÐxŒgp“gWˆrDGˆŒpù‚Š^L‚ˆrzWxˆZ^¨´T\\|~@I‰zƒ–bĤ‹œjeĊªz£®Ĕvě€L†mV¾Ô_ȔNW~zbĬvG†²ZmDM~”~"],"encodeOffsets":[[120237,41215]]},"properties":{"cp":[117.190182,39.125596],"name":"天津","childNum":1}},{"id":"310000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@ɧư¬EpƸÁxc‡"],["@@©„ªƒ"],["@@”MA‹‘š"],["@@Qp݁E§ÉC¾"],["@@bŝՕÕEȣÚƥêImɇǦèÜĠŒÚžÃƌÃ͎ó"],["@@ǜûȬɋŠŭ™×^‰sYŒɍDŋ‘ŽąñCG²«ªč@h–_p¯A{‡oloY€¬j@IJ`•gQڛhr|ǀ^MIJvtbe´R¯Ô¬¨YŽô¤r]ì†Ƭį"]],"encodeOffsets":[[[124702,32062]],[[124547,32200]],[[124808,31991]],[[124726,32110]],[[124903,32376]],[[124438,32149]]]},"properties":{"cp":[121.472644,31.231706],"name":"上海","childNum":6}},{"id":"500000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@vjG~nGŘŬĶȂƀƾ¹¸ØÎezĆT¸}êЖqHŸðqĖ䒊¥^CƒIj–²p…\\_ æüY|[YxƊæuž°xb®…Űb@~¢NQt°¶‚S栓Ê~rljĔëĚ¢~šuf`‘‚†fa‚ĔJåĊ„nÖ]„jƎćÊ@Š£¾a®£Ű{ŶĕF‹ègLk{Y|¡ĜWƔtƬJÑxq‹±ĢN´‰òK‰™–LÈüD|s`ŋ’ć]ƒÃ‰`đŒMûƱ½~Y°ħ`ƏíW‰½eI‹½{aŸ‘OIrÏ¡ĕŇa†p†µÜƅġ‘œ^ÖÛbÙŽŏml½S‹êqDu[R‹ãË»†ÿw`»y‘¸_ĺę}÷`M¯ċfCVµqʼn÷Z•gg“Œ`d½pDO‡ÎCnœ^uf²ènh¼WtƏxRGg¦…pV„†FI±ŽG^ŒIc´ec‡’G•ĹÞ½sëĬ„h˜xW‚}Kӈe­Xsbk”F¦›L‘ØgTkïƵNï¶}Gy“w\\oñ¡nmĈzjŸ•@™Óc£»Wă¹Ój“_m»ˆ¹·~MvÛaqœ»­‰êœ’\\ÂoVnŽÓØ͙²«‹bq¿efE „€‹Ĝ^Qž~ Évý‡ş¤²Į‰pEİ}zcĺƒL‹½‡š¿gņ›¡ýE¡ya£³t\\¨\\vú»¼§·Ñr_oÒý¥u‚•_n»_ƒ•At©Þűā§IVeëƒY}{VPÀFA¨ąB}q@|Ou—\\Fm‰QF݅Mw˜å}]•€|FmϋCaƒwŒu_p—¯sfÙgY…DHl`{QEfNysBŠ¦zG¸rHe‚„N\\CvEsÐùÜ_·ÖĉsaQ¯€}_U‡†xÃđŠq›NH¬•Äd^ÝŰR¬ã°wećJEž·vÝ·Hgƒ‚éFXjÉê`|yŒpxkAwœWĐpb¥eOsmzwqChóUQl¥F^laf‹anòsr›EvfQdÁUVf—ÎvÜ^efˆtET¬ôA\\œ¢sJŽnQTjP؈xøK|nBz‰„œĞ»LY‚…FDxӄvr“[ehľš•vN”¢o¾NiÂxGp⬐z›bfZo~hGi’]öF|‰|Nb‡tOMn eA±ŠtPT‡LjpYQ|†SH††YĀxinzDJ€Ìg¢và¥Pg‰_–ÇzII‹€II•„£®S¬„Øs쐣ŒN"],["@@ifjN@s"]],"encodeOffsets":[[[109628,30765]],[[111725,31320]]]},"properties":{"cp":[106.504962,29.533155],"name":"重庆","childNum":2}},{"id":"810000","type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[["@@AlBk"],["@@mŽn"],["@@EpFo"],["@@ea¢pl¸Eõ¹‡hj[ƒ]ÔCΖ@lj˜¡uBXŸ…•´‹AI¹…[‹yDUˆ]W`çwZkmc–…M›žp€Åv›}I‹oJlcaƒfёKŽ°ä¬XJmРđhI®æÔtSHn€Eˆ„ÒrÈc"],["@@rMUw‡AS®€e"]],"encodeOffsets":[[[117111,23002]],[[117072,22876]],[[117045,22887]],[[116975,23082]],[[116882,22747]]]},"properties":{"cp":[114.173355,22.320048],"name":"香港","childNum":5}},{"id":"820000","type":"Feature","geometry":{"type":"Polygon","coordinates":["@@kÊd°å§s"],"encodeOffsets":[[116279,22639]]},"properties":{"cp":[113.54909,22.198951],"name":"澳门","childNum":1}}],"UTF8Encoding":true});
-}));
\ No newline at end of file
+  }
+  if (!echarts) {
+    log('ECharts is not Loaded')
+    return
+  }
+  if (!echarts.registerMap) {
+    log('ECharts Map is not loaded')
+    return
+  }
+  echarts.registerMap('china', {
+    type: 'FeatureCollection',
+    features: [
+      {
+        id: '710000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@°Ü¯Û'],
+            [
+              '@@ƛĴÕƊÉɼģºðʀ\\ƎsÆNŌÔĚäœnÜƤɊĂǀĆĴžĤNJŨxĚĮǂƺòƌ‚–âÔ®ĮXŦţƸZûЋƕƑGđ¨ĭMó·ęcëƝɉlÝƯֹÅŃ^Ó·śŃNjƏďíåɛGɉ™¿@ăƑŽ¥ĘWǬÏĶŁâ',
+            ],
+            ['@@\\p|WoYG¿¥I†j@¢'],
+            ['@@…¡‰@ˆV^RqˆBbAŒnTXeRz¤Lž«³I'],
+            ['@@ÆEE—„kWqë @œ'],
+            ['@@fced'],
+          ],
+          encodeOffsets: [
+            [[122886, 24033]],
+            [[123335, 22980]],
+            [[122375, 24193]],
+            [[122518, 24117]],
+            [[124427, 22618]],
+            [[124862, 26043]],
+          ],
+        },
+        properties: { cp: [121.509062, 25.044332], name: '台湾', childNum: 6 },
+      },
+      {
+        id: '130000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@o~†Z]‚ªr‰ºc_ħ²G¼s`jΟnüsœłNX_“M`ǽÓnUK…Ĝēs¤­©yrý§uģŒc†JŠ›e'],
+            ['@@U`Ts¿m‚'],
+            [
+              '@@oºƋÄd–eVŽDJj£€J|Ådz•Ft~žKŨ¸IÆv|”‡¢r}膎onb˜}`RÎÄn°ÒdÞ²„^®’lnÐèĄlðӜ×]ªÆ}LiĂ±Ö`^°Ç¶p®đDcœŋ`–ZÔ’¶êqvFƚ†N®ĆTH®¦O’¾ŠIbÐã´BĐɢŴÆíȦp–ĐÞXR€·nndOž¤’OÀĈƒ­Qg˜µFo|gȒęSWb©osx|hYh•gŃfmÖĩnº€T̒Sp›¢dYĤ¶UĈjl’ǐpäìë|³kÛfw²Xjz~ÂqbTŠÑ„ěŨ@|oM‡’zv¢ZrÃVw¬ŧĖ¸fŒ°ÐT€ªqŽs{Sž¯r æÝlNd®²Ğ džiGʂJ™¼lr}~K¨ŸƐÌWö€™ÆŠzRš¤lêmĞL΄’@¡|q]SvK€ÑcwpÏρ†ĿćènĪWlĄkT}ˆJ”¤~ƒÈT„d„™pddʾĬŠ”ŽBVt„EÀ¢ôPĎƗè@~‚k–ü\\rÊĔÖæW_§¼F˜†´©òDòj’ˆYÈrbĞāøŀG{ƀ|¦ðrb|ÀH`pʞkv‚GpuARhÞÆǶgʊTǼƹS£¨¡ù³ŘÍ]¿Ây™ôEP xX¶¹܇O¡“gÚ¡IwÃ鑦ÅB‡Ï|Ç°…N«úmH¯‹âŸDùŽyŜžŲIÄuШDž•¸dɂ‡‚FŸƒ•›Oh‡đ©OŸ›iÃ`ww^ƒÌkŸ‘ÑH«ƇǤŗĺtFu…{Z}Ö@U‡´…ʚLg®¯Oı°ÃwŸ ^˜—€VbÉs‡ˆmA…ê]]w„§›RRl£‡ȭµu¯b{ÍDěïÿȧŽuT£ġƒěŗƃĝ“Q¨fV†Ƌ•ƅn­a@‘³@šď„yýIĹÊKšŭfċŰóŒxV@tˆƯŒJ”]eƒR¾fe|rHA˜|h~Ėƍl§ÏŠlTíb ØoˆÅbbx³^zÃĶš¶Sj®A”yÂhðk`š«P€”ˈµEF†Û¬Y¨Ļrõqi¼‰Wi°§’б´°^[ˆÀ|ĠO@ÆxO\\tŽa\\tĕtû{ġŒȧXýĪÓjùÎRb›š^ΛfK[ݏděYfíÙTyŽuUSyŌŏů@Oi½’éŅ­aVcř§ax¹XŻác‡žWU£ôãºQ¨÷Ñws¥qEH‰Ù|‰›šYQoŕÇyáĂ£MðoťÊ‰P¡mšWO¡€v†{ôvîēÜISpÌhp¨ ‘j†deŔQÖj˜X³à™Ĉ[n`Yp@Už–cM`’RKhŒEbœ”pŞlNut®Etq‚nsÁŠgA‹iú‹oH‡qCX‡”hfgu“~ϋWP½¢G^}¯ÅīGCŸÑ^ãziMáļMTÃƘrMc|O_ž¯Ŏ´|‡morDkO\\mĆJfl@cĢ¬¢aĦtRıҙ¾ùƀ^juųœK­ƒUFy™—Ɲ…›īÛ÷ąV×qƥV¿aȉd³B›qPBm›aËđŻģm“Å®VŠ¹d^K‡KoŸnYg“¯Xhqa”Ldu¥•ÍpDž¡KąÅƒkĝęěhq‡}HyÓ]¹ǧ£…Í÷¿qᵧš™g‘¤o^á¾ZE‡¤i`ij{n•ƒOl»ŸWÝĔįhg›F[¿¡—ßkOüš_‰€ū‹i„DZàUtėGylƒ}ŒÓM}€jpEC~¡FtoQi‘šHkk{Ãmï‚',
+            ],
+          ],
+          encodeOffsets: [[[119712, 40641]], [[121616, 39981]], [[116462, 37237]]],
+        },
+        properties: { cp: [114.502461, 38.045474], name: '河北', childNum: 3 },
+      },
+      {
+        id: '140000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@Þĩ҃S‰ra}Á€yWix±Üe´lè“ßÓǏok‘ćiµVZģ¡coœ‘TS˹ĪmnÕńe–hZg{gtwªpXaĚThȑp{¶Eh—®RćƑP¿£‘Pmc¸mQÝW•ďȥoÅîɡųAďä³aωJ‘½¥PG­ąSM­™…EÅruµé€‘Yӎ•Ō_d›ĒCo­Èµ]¯_²ÕjāŽK~©ÅØ^ԛkïçămϑk]­±ƒcݯÑÃmQÍ~_a—pm…~ç¡q“ˆu{JÅŧ·Ls}–EyÁÆcI{¤IiCfUc•ƌÃp§]웫vD@¡SÀ‘µM‚ÅwuŽYY‡¡DbÑc¡hƒ×]nkoQdaMç~eD•ÛtT‰©±@¥ù@É¡‰ZcW|WqOJmĩl«ħşvOÓ«IqăV—¥ŸD[mI~Ó¢cehiÍ]Ɠ~ĥqXŠ·eƷœn±“}v•[ěďŽŕ]_‘œ•`‰¹ƒ§ÕōI™o©b­s^}Ét±ū«³p£ÿ·Wµ|¡¥ăFÏs׌¥ŅxŸÊdÒ{ºvĴÎêÌɊ²¶€ü¨|ÞƸµȲ‘LLúÉƎ¤ϊęĔV`„_bª‹S^|ŸdŠzY|dz¥p†ZbÆ£¶ÒK}tĦÔņƠ‚PYzn€ÍvX¶Ěn ĠÔ„zý¦ª˜÷žÑĸَUȌ¸‚dòÜJð´’ìúNM¬ŒXZ´‘¤ŊǸ_tldIš{¦ƀðĠȤ¥NehXnYG‚‡R° ƬDj¬¸|CĞ„Kq‚ºfƐiĺ©ª~ĆOQª ¤@ìǦɌ²æBŒÊ”TœŸ˜ʂōĖ’šĴŞ–ȀœÆÿȄlŤĒö„t”νî¼ĨXhŒ‘˜|ªM¤Ðz',
+          ],
+          encodeOffsets: [[116874, 41716]],
+        },
+        properties: { cp: [112.549248, 37.857014], name: '山西', childNum: 1 },
+      },
+      {
+        id: '150000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            [
+              '@@Č^â£Ăh–šĖMÈÄw‚\\fŦ°W ¢¾luŸD„wŠ\\̀ʉÌÛM…Ā[bӞEn}¶Vc…ê“sƒ–›¯PqƒFB…‰|S•³C|kñ•H‹d‘iÄ¥sˆʼnő…PóÑÑE^‘ÅPpy_YtS™hQ·aHwsOnʼnÚs©iqj›‰€USiº]ïWš‰«gW¡A–R붛ijʕ…Œů`çõh]y»ǃŸǛҤxÒm~zf}pf|ÜroÈzrKÈĵSƧ„ż؜Ġu¦ö',
+            ],
+            [
+              '@@sKCš…GS|úþX”gp›{ÁX¿Ÿć{ƱȏñZáĔyoÁhA™}ŅĆfdʼn„_¹„Y°ėǩÑ¡H¯¶oMQqð¡Ë™|‘Ñ`ƭŁX½·óۓxğįÅcQ‡ˆ“ƒs«tȋDžF“Ÿù^i‘t«Č¯[›hAi©á¥ÇĚ×l|¹y¯YȵƓ‹ñǙµï‚ċ™Ļ|Dœ™üȭ¶¡˜›oŽäÕG\\ďT¿Òõr¯œŸLguÏYęRƩšɷŌO\\İТæ^Ŋ IJȶȆbÜGŽĝ¬¿ĚVĎgª^íu½jÿĕęjık@Ľƒ]ėl¥Ë‡ĭûÁ„ƒėéV©±ćn©­ȇžÍq¯½•YÃÔʼn“ÉNѝÅÝy¹NqáʅDǡËñ­ƁYÅy̱os§ȋµʽǘǏƬɱà‘ưN¢ƔÊuľýľώȪƺɂļžxœZĈ}ÌʼnŪ˜ĺœŽĭFЛĽ̅ȣͽÒŵìƩÇϋÿȮǡŏçƑůĕ~Ǎ›¼ȳÐUf†dIxÿ\\G ˆzâɏÙOº·pqy£†@ŒŠqþ@Ǟ˽IBäƣzsÂZ†ÁàĻdñ°ŕzéØűzșCìDȐĴĺf®ŽÀľưø@ɜÖÞKĊŇƄ§‚͑těï͡VAġÑÑ»d³öǍÝXĉĕÖ{þĉu¸ËʅğU̎éhɹƆ̗̮ȘNJ֥ड़ࡰţાíϲäʮW¬®ҌeרūȠkɬɻ̼ãüfƠSצɩςåȈHϚÎKdzͲOðÏȆƘ¼CϚǚ࢚˼ФԂ¤ƌžĞ̪Qʤ´¼mȠJˀŸƲÀɠmǐnǔĎȆÞǠN~€ʢĜ‚¶ƌĆĘźʆȬ˪ĚĒ¸ĞGȖƴƀj`ĢçĶāàŃºēĢƒĖćšYŒÀŎüôQÐÂŎŞdžŞêƖš˜oˆDĤÕºÑǘÛˤ³̀gńƘĔÀ^žªƂ`ªt¾äƚêĦĀ¼Ð€Ĕǎ¨Ȕ»͠^ˮÊȦƤøxRrŜH¤¸ÂxDĝŒ|ø˂˜ƮÐ¬ɚwɲFjĔ²Äw°dždÀɞ_ĸdîàŎjʜêTЪŌ‡ŜWÈ|tqĢUB~´°ÎFC•ŽU¼pĀēƄN¦¾O¶ŠłKĊOj“Ě”j´ĜYp˜{¦„ˆSĚÍ\\Tš×ªV–÷Ší¨ÅDK°ßtŇĔKš¨ǵÂcḷ̌ĚǣȄĽF‡lġUĵœŇ‹ȣFʉɁƒMğįʏƶɷØŭOǽ«ƽū¹Ʊő̝Ȩ§ȞʘĖiɜɶʦ}¨֪ࠜ̀ƇǬ¹ǨE˦ĥªÔêFŽxúQ„Er´W„rh¤Ɛ \\talĈDJ˜Ü|[Pll̚¸ƎGú´Pž¬W¦†^¦–H]prR“n|or¾wLVnÇIujkmon£cX^Bh`¥V”„¦U¤¸}€xRj–[^xN[~ªŠxQ„‚[`ªHÆÂExx^wšN¶Ê˜|¨ì†˜€MrœdYp‚oRzNy˜ÀDs~€bcfÌ`L–¾n‹|¾T‚°c¨È¢a‚r¤–`[|òDŞĔöxElÖdH„ÀI`„Ď\\Àì~ƎR¼tf•¦^¢ķ¶e”ÐÚMŒptgj–„ɡČÅyġLû™ŇV®ŠÄÈƀ†Ď°P|ªVV†ªj–¬ĚÒêp¬–E|ŬÂc|ÀtƐK fˆ{ĘFĒœƌXƲąo½Ę‘\\¥–o}›Ûu£ç­kX‘{uĩ«āíÓUŅßŢq€Ť¥lyň[€oi{¦‹L‡ń‡ðFȪȖ”ĒL„¿Ì‹ˆfŒ£K£ʺ™oqNŸƒwğc`ue—tOj×°KJ±qƒÆġm‰Ěŗos¬…qehqsuœƒH{¸kH¡Š…ÊRǪÇƌbȆ¢´ä܍¢NìÉʖ¦â©Ż؛Ç@Vu»A—ylßí¹ĵê…ÝlISò³C¹Ìâ„²i¶’Ìoú^H“²CǜңDŽ z¼g^èöŰ_‹‚–†IJĕꄜ}gÁnUI«m‰…„‹]j‡vV¼euhwqA„aW˜ƒ_µj…»çjioQR¹ēÃßt@r³[ÛlćË^ÍÉáG“›OUۗOB±•XŸkŇ¹£k|e]ol™ŸkVͼÕqtaÏõjgÁ£§U^Œ”RLˆËnX°Ç’Bz†^~wfvˆypV ¯„ƫĉ˭ȫƗŷɿÿĿƑ˃ĝÿÃǃßËőó©ǐȍŒĖM×ÍEyx‹þp]Évïè‘vƀnÂĴÖ@‚‰†V~Ĉ™Š³MEˆĸÅĖt—ējyÄDXÄxGQuv_›i¦aBçw‘˛wD™©{ŸtāmQ€{EJ§KPśƘƿ¥@‰sCT•É}ɃwˆƇy±ŸgÑ“}T[÷kÐ禫…SÒ¥¸ëBX½‰HáŵÀğtSÝÂa[ƣ°¯¦P]£ġ“–“Òk®G²„èQ°óMq}EŠóƐÇ\\ƒ‡@áügQ͋u¥Fƒ“T՛¿Jû‡]|mvāÎYua^WoÀa·­ząÒot׶CLƗi¯¤mƎHNJ¤îìɾŊìTdåwsRÖgĒųúÍġäÕ}Q¶—ˆ¿A•†‹[¡Œ{d×uQAƒ›M•xV‹vMOmăl«ct[wº_šÇʊŽŸjb£ĦS_é“QZ“_lwgOiýe`YYLq§IÁˆdz£ÙË[ÕªuƏ³ÍT—s·bÁĽäė[›b[ˆŗfãcn¥îC¿÷µ[ŏÀQ­ōšĉm¿Á^£mJVm‡—L[{Ï_£›F¥Ö{ŹA}…×Wu©ÅaųijƳhB{·TQqÙIķˑZđ©Yc|M¡…L•eVUóK_QWk’_ĥ‘¿ãZ•»X\\ĴuUƒè‡lG®ěłTĠğDєOrÍd‚ÆÍz]‹±…ŭ©ŸÅ’]ŒÅÐ}UË¥©Tċ™ïxgckfWgi\\ÏĒ¥HkµE˜ë{»ÏetcG±ahUiñiWsɁˆ·c–C‚Õk]wȑ|ća}w…VaĚ᠞ŒG°ùnM¬¯†{ȈÐÆA’¥ÄêJxÙ¢”hP¢Ûˆº€µwWOŸóFŽšÁz^ÀŗÎú´§¢T¤ǻƺSė‰ǵhÝÅQgvBHouʝl_o¿Ga{ïq{¥|ſĿHĂ÷aĝÇq‡Z‘ñiñC³ª—…»E`¨åXēÕqÉû[l•}ç@čƘóO¿¡ƒFUsA‰“ʽīccšocƒ‚ƒÇS}„“£‡IS~ălkĩXçmĈ…ŀЂoÐdxÒuL^T{r@¢‘žÍƒĝKén£kQ™‰yšÅõËXŷƏL§~}kqš»IHėDžjĝŸ»ÑÞoŸå°qTt|r©ÏS‹¯·eŨĕx«È[eMˆ¿yuˆ‘pN~¹ÏyN£{©’—g‹ħWí»Í¾s“əšDž_ÃĀɗ±ą™ijĉʍŌŷ—S›É“A‹±åǥɋ@럣R©ąP©}ĹªƏj¹erƒLDĝ·{i«ƫC£µ',
+            ],
+          ],
+          encodeOffsets: [[[127444, 52594]], [[113793, 40312]]],
+        },
+        properties: { cp: [111.670801, 40.818311], name: '内蒙古', childNum: 2 },
+      },
+      {
+        id: '210000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@L–Ž@@s™a'],
+            ['@@MnNm'],
+            ['@@d‚c'],
+            ['@@eÀ‚C@b‚“‰'],
+            ['@@f‡…Xwkbr–Ä`qg'],
+            ['@@^jtW‘Q'],
+            ['@@~ Y]c'],
+            ['@@G`ĔN^_¿Z‚ÃM'],
+            ['@@iX¶B‹Y'],
+            ['@@„YƒZ'],
+            ['@@L_{Epf'],
+            ['@@^WqCT\\'],
+            ['@@\\[“‹§t|”¤_'],
+            ['@@m`n_'],
+            ['@@Ïxnj{q_×^Giip'],
+            [
+              '@@@œé^B†‡ntˆaÊU—˜Ÿ]x ¯ÄPIJ­°h€ʙK³†VˆÕ@Y~†|EvĹsDŽ¦­L^p²ŸÒG ’Ël]„xxÄ_˜fT¤Ď¤cŽœP„–C¨¸TVjbgH²sdÎdHt`Bˆ—²¬GJję¶[ÐhjeXdlwhšðSȦªVÊπ‹Æ‘Z˜ÆŶ®²†^ŒÎyÅÎcPqń“ĚDMħĜŁH­ˆk„çvV[ij¼W–‚YÀäĦ’‘`XlžR`žôLUVžfK–¢†{NZdĒª’YĸÌÚJRr¸SA|ƴgŴĴÆbvªØX~†źBŽ|¦ÕœEž¤Ð`\\|Kˆ˜UnnI]¤ÀÂĊnŎ™R®Ő¿¶\\ÀøíDm¦ÎbŨab‰œaĘ\\ľã‚¸a˜tÎSƐ´©v\\ÖÚÌǴ¤Â‡¨JKr€Z_Z€fjþhPkx€`Y”’RIŒjJcVf~sCN¤ ˆE‚œhæm‰–sHy¨SðÑÌ\\\\ŸĐRZk°IS§fqŒßýáЍÙÉÖ[^¯ǤŲ„ê´\\¦¬ĆPM¯£Ÿˆ»uïpùzEx€žanµyoluqe¦W^£ÊL}ñrkqWňûP™‰UP¡ôJŠoo·ŒU}£Œ„[·¨@XŒĸŸ“‹‹DXm­Ûݏº‡›GU‹CÁª½{íĂ^cj‡k“¶Ã[q¤“LÉö³cux«zZfƒ²BWÇ®Yß½ve±ÃC•ý£W{Ú^’q^sÑ·¨‹ÍOt“¹·C¥‡GD›rí@wÕKţ݋˜Ÿ«V·i}xËÍ÷‘i©ĝ‡ɝǡ]ƒˆ{c™±OW‹³Ya±Ÿ‰_穂Hžĕoƫ€Ňqƒr³‰Lys[„ñ³¯OS–ďOMisZ†±ÅFC¥Pq{‚Ã[Pg}\\—¿ghćO…•k^ģÁFıĉĥM­oEqqZûěʼn³F‘¦oĵ—hŸÕP{¯~TÍlª‰N‰ßY“Ð{Ps{ÃVU™™eĎwk±ʼnVÓ½ŽJãÇÇ»Jm°dhcÀff‘dF~ˆ€ĀeĖ€d`sx² šƒ®EżĀdQ‹Âd^~ăÔHˆ¦\\›LKpĄVez¤NP ǹӗR™ÆąJSh­a[¦´Âghwm€BÐ¨źhI|žVVŽ—Ž|p] Â¼èNä¶ÜBÖ¼“L`‚¼bØæŒKV”ŸpoœúNZÞÒKxpw|ÊEMnzEQšŽIZ”ŽZ‡NBˆčÚFÜçmĩ‚WĪñt‘ÞĵÇñZ«uD‚±|Əlij¥ãn·±PmÍa‰–da‡ CL‡Ǒkùó¡³Ï«QaċϑOÃ¥ÕđQȥċƭy‹³ÃA',
+            ],
+          ],
+          encodeOffsets: [
+            [[123686, 41445]],
+            [[126019, 40435]],
+            [[124393, 40128]],
+            [[126117, 39963]],
+            [[125322, 40140]],
+            [[126686, 40700]],
+            [[126041, 40374]],
+            [[125584, 40168]],
+            [[125453, 40165]],
+            [[125362, 40214]],
+            [[125280, 40291]],
+            [[125774, 39997]],
+            [[125976, 40496]],
+            [[125822, 39993]],
+            [[125509, 40217]],
+            [[122731, 40949]],
+          ],
+        },
+        properties: { cp: [123.429096, 41.796767], name: '辽宁', childNum: 16 },
+      },
+      {
+        id: '220000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@‘p䔳PClƒFbbÍzš€wBG’ĭ€Z„Åi“»ƒlY­ċ²SgŽkÇ£—^S‰“qd¯•‹R…©éŽ£¯S†\\cZ¹iűƏCuƍÓX‡oR}“M^o•£…R}oªU­F…uuXHlEŕ‡€Ï©¤ÛmTŽþ¤D–²ÄufàÀ­XXȱAe„yYw¬dvõ´KÊ£”\\rµÄl”iˆdā]|DÂVŒœH¹ˆÞ®ÜWnŒC”Œķ W‹§@\\¸‹ƒ~¤‹Vp¸‰póIO¢ŠVOšŇürXql~òÉK]¤¥Xrfkvzpm¶bwyFoúvð‡¼¤ N°ąO¥«³[ƒéǡű_°Õ\\ÚÊĝŽþâőàerR¨­JYlďQ[ ÏYëЧTGz•tnŠß¡gFkMŸāGÁ¤ia É‰™È¹`\\xs€¬dĆkNnuNUŠ–užP@‚vRY¾•–\\¢…ŒGªóĄ~RãÖÎĢù‚đŴÕhQŽxtcæëSɽʼníëlj£ƍG£nj°KƘµDsØÑpyƸ®¿bXp‚]vbÍZuĂ{nˆ^IüœÀSք”¦EŒvRÎûh@℈[‚Əȉô~FNr¯ôçR±ƒ­HÑl•’Ģ–^¤¢‚OðŸŒævxsŒ]ÞÁTĠs¶¿âƊGW¾ìA¦·TѬ†è¥€ÏÐJ¨¼ÒÖ¼ƒƦɄxÊ~S–tD@ŠĂ¼Ŵ¡jlºWžvЉˆzƦZЎ²CH— „Axiukd‹ŒGgetqmcžÛ£Ozy¥cE}|…¾cZ…k‚‰¿uŐã[oxGikfeäT@…šSUwpiÚFM©’£è^ڟ‚`@v¶eň†f h˜eP¶žt“äOlÔUgƒÞzŸU`lœ}ÔÆUvØ_Ō¬Öi^ĉi§²ÃŠB~¡Ĉ™ÚEgc|DC_Ȧm²rBx¼MÔ¦ŮdĨÃâYx‘ƘDVÇĺĿg¿cwÅ\\¹˜¥Yĭlœ¤žOv†šLjM_a W`zļMž·\\swqÝSA‡š—q‰Śij¯Š‘°kŠRē°wx^Đkǂғ„œž“œŽ„‹\\]˜nrĂ}²ĊŲÒøãh·M{yMzysěnĒġV·°“G³¼XÀ““™¤¹i´o¤ŃšŸÈ`̃DzÄUĞd\\i֚ŒˆmÈBĤÜɲDEh LG¾ƀľ{WaŒYÍȏĢĘÔRîĐj‹}Ǟ“ccj‡oUb½š{“h§Ǿ{K‹ƖµÎ÷žGĀÖŠåưÎs­l›•yiē«‹`姝H¥Ae^§„GK}iã\\c]v©ģZ“mÃ|“[M}ģTɟĵ‘Â`À–çm‰‘FK¥ÚíÁbXš³ÌQґHof{‰]e€pt·GŋĜYünĎųVY^’˜ydõkÅZW„«WUa~U·Sb•wGçǑ‚“iW^q‹F‚“›uNĝ—·Ew„‹UtW·Ýďæ©PuqEzwAV•—XR‰ãQ`­©GŒM‡ehc›c”ďϝd‡©ÑW_ϗYƅŒ»…é\\ƒɹ~ǙG³mØ©BšuT§Ĥ½¢Ã_ý‘L¡‘ýŸqT^rme™\\Pp•ZZbƒyŸ’uybQ—efµ]UhĿDCmûvašÙNSkCwn‰cćfv~…Y‹„ÇG',
+          ],
+          encodeOffsets: [[130196, 42528]],
+        },
+        properties: { cp: [125.3245, 43.886841], name: '吉林', childNum: 1 },
+      },
+      {
+        id: '230000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@ƨƒĶTLÇyqpÇÛqe{~oyen}s‰`q‡iXG”ù]Ëp½“©lɇÁp]Þñ´FÔ^f‘äîºkà˜z¼BUvÈ@'],
+            [
+              '@@UƒµNÿ¥īè灋•HÍøƕ¶LŒǽ|g¨|”™Ža¾pViˆdd”~ÈiŒíďÓQġėǐZ΋ŽXb½|ſÃH½ŸKFgɱCģÛÇA‡n™‹jÕc[VĝDZÃ˄Ç_™ £ń³pŽj£º”š¿”»WH´¯”U¸đĢmžtĜyzzNN|g¸÷äűѱĉā~mq^—Œ[ƒ”››”ƒǁÑďlw]¯xQĔ‰¯l‰’€°řĴrŠ™˜BˆÞTxr[tŽ¸ĻN_yŸX`biN™Ku…P›£k‚ZĮ—¦[ºxÆÀdhŽĹŀUÈƗCw’áZħÄŭcÓ¥»NAw±qȥnD`{ChdÙFćš}¢‰A±Äj¨]ĊÕjŋ«×`VuÓś~_kŷVÝyh„“VkÄãPs”Oµ—fŸge‚Ň…µf@u_Ù ÙcŸªNªÙEojVx™T@†ãSefjlwH\\pŏäÀvŠŽlY†½d{†F~¦dyz¤PÜndsrhf‹HcŒvlwjFœ£G˜±DύƥY‡yϊu¹XikĿ¦ÏqƗǀOŜ¨LI|FRĂn sª|Cš˜zxAè¥bœfudTrFWÁ¹Am|˜ĔĕsķÆF‡´Nš‰}ć…UŠÕ@Áijſmužç’uð^ÊýowŒFzØÎĕNőžǏȎôªÌŒDŽàĀÄ˄ĞŀƒʀĀƘŸˮȬƬĊ°ƒUŸzou‡xe]}Ž…AyȑW¯ÌmK‡“Q]‹Īºif¸ÄX|sZt|½ÚUΠlkš^p{f¤lˆºlÆW –€A²˜PVܜPH”Êâ]ÎĈÌÜk´\\@qàsĔÄQºpRij¼èi†`¶—„bXƒrBgxfv»ŽuUiˆŒ^v~”J¬mVp´£Œ´VWrnP½ì¢BX‚¬h™ŠðX¹^TjVœŠriªj™tŊÄm€tPGx¸bgRšŽsT`ZozÆO]’ÒFô҆Oƒ‡ŊŒvŞ”p’cGŒêŠsx´DR–Œ{A†„EOr°Œ•žx|íœbˆ³Wm~DVjºéNN†Ëܲɶ­GƒxŷCStŸ}]ûō•SmtuÇÃĕN•™āg»šíT«u}ç½BĵÞʣ¥ëÊ¡Mێ³ãȅ¡ƋaǩÈÉQ‰†G¢·lG|›„tvgrrf«†ptęŘnŠÅĢr„I²¯LiØsPf˜_vĠd„xM prʹšL¤‹¤‡eˌƒÀđK“žïÙVY§]I‡óáĥ]ķ†Kˆ¥Œj|pŇ\\kzţ¦šnņäÔVĂîĪ¬|vW’®l¤èØr‚˜•xm¶ă~lÄƯĄ̈́öȄEÔ¤ØQĄ–Ą»ƢjȦOǺ¨ìSŖÆƬy”Qœv`–cwƒZSÌ®ü±DŽ]ŀç¬B¬©ńzƺŷɄeeOĨS’Œfm Ċ‚ƀP̎ēz©Ċ‚ÄÕÊmgŸÇsJ¥ƔˆŊśæ’΁Ñqv¿íUOµª‰ÂnĦÁ_½ä@ê텣P}Ġ[@gġ}g“ɊדûÏWXá¢užƻÌsNͽƎÁ§č՛AēeL³àydl›¦ĘVçŁpśdžĽĺſʃQíÜçÛġԏsĕ¬—Ǹ¯YßċġHµ ¡eå`ļƒrĉŘóƢFì“ĎWøxÊk†”ƈdƬv|–I|·©NqńRŀƒ¤é”eŊœŀ›ˆàŀU²ŕƀB‚Q£Ď}L¹Îk@©ĈuǰųǨ”Ú§ƈnTËÇéƟÊcfčŤ^Xm‡—HĊĕË«W·ċëx³ǔķÐċJā‚wİ_ĸ˜Ȁ^ôWr­°oú¬Ħ…ŨK~”ȰCĐ´Ƕ£’fNÎèâw¢XnŮeÂÆĶŽ¾¾xäLĴĘlļO¤ÒĨA¢Êɚ¨®‚ØCÔ ŬGƠ”ƦYĜ‡ĘÜƬDJ—g_ͥœ@čŅĻA“¶¯@wÎqC½Ĉ»NŸăëK™ďÍQ“Ùƫ[«Ãí•gßÔÇOÝáW‘ñuZ“¯ĥ€Ÿŕā¡ÑķJu¤E Ÿå¯°WKɱ_d_}}vyŸõu¬ï¹ÓU±½@gÏ¿rýD‰†g…Cd‰µ—°MFYxw¿CG£‹Rƛ½Õ{]L§{qqąš¿BÇƻğëšܭNJË|c²}Fµ}›ÙRsÓpg±ŠQNqǫŋRwŕnéÑÉKŸ†«SeYR…ŋ‹@{¤SJ}šD Ûǖ֍Ÿ]gr¡µŷjqWÛham³~S«“„›Þ]',
+            ],
+          ],
+          encodeOffsets: [[[127123, 51780]], [[134456, 44547]]],
+        },
+        properties: { cp: [126.642464, 45.756967], name: '黑龙江', childNum: 2 },
+      },
+      {
+        id: '320000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@cþÅPiŠ`ZŸRu¥É\\]~°ŽY`µ†Óƒ^phÁbnÀşúŽòa–ĬºTÖŒb‚˜e¦¦€{¸ZâćNpŒ©žHr|^ˆmjhŠSEb\\afv`sz^lkŽlj‹Ätg‹¤D˜­¾Xš¿À’|ДiZ„ȀåB·î}GL¢õcßjaŸyBFµÏC^ĭ•cÙt¿sğH]j{s©HM¢ƒQnDÀ©DaÜތ·jgàiDbPufjDk`dPOîƒhw¡ĥ‡¥šG˜ŸP²ĐobºrY†„î¶aHŢ´ ]´‚rılw³r_{£DB_Ûdåuk|ˆŨ¯F Cºyr{XFy™e³Þċ‡¿Â™kĭB¿„MvÛpm`rÚã”@Ę¹hågËÖƿxnlč¶Åì½Ot¾dJlŠVJʜǀœŞqvnOŠ^ŸJ”Z‘ż·Q}ê͎ÅmµÒ]Žƍ¦Dq}¬R^èĂ´ŀĻĊIԒtžIJyQŐĠMNtœR®òLh‰›Ěs©»œ}OӌGZz¶A\\jĨFˆäOĤ˜HYš†JvÞHNiÜaϚɖnFQlšNM¤ˆB´ĄNöɂtp–Ŭdf先‹qm¿QûŠùއÚb¤uŃJŴu»¹Ą•lȖħŴw̌ŵ²ǹǠ͛hĭłƕrçü±Y™xci‡tğ®jű¢KOķ•Coy`å®VTa­_Ā]ŐÝɞï²ʯÊ^]afYǸÃĆēĪȣJđ͍ôƋĝÄ͎ī‰çÛɈǥ£­ÛmY`ó£Z«§°Ó³QafusNıDž_k}¢m[ÝóDµ—¡RLčiXy‡ÅNïă¡¸iĔϑNÌŕoēdōîåŤûHcs}~Ûwbù¹£¦ÓCt‹OPrƒE^ÒoŠg™ĉIµžÛÅʹK…¤½phMŠü`o怆ŀ',
+          ],
+          encodeOffsets: [[121740, 32276]],
+        },
+        properties: { cp: [118.767413, 32.041544], name: '江苏', childNum: 1 },
+      },
+      {
+        id: '330000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@E^dQ]K'],
+            ['@@jX^j‡'],
+            ['@@sfŠbU‡'],
+            ['@@qP\\xz[ck'],
+            ['@@‘Rƒ¢‚FX}°[s_'],
+            ['@@Cbœ\\—}'],
+            ['@@e|v\\la{u'],
+            ['@@v~u}'],
+            ['@@QxÂF¯}'],
+            ['@@¹nŒvÞs¯o'],
+            ['@@rSkUEj'],
+            ['@@bi­ZŒP'],
+            ['@@p[}INf'],
+            ['@@À¿€'],
+            ['@@¹dnbŒ…'],
+            ['@@rSŸBnR'],
+            ['@@g~h}'],
+            ['@@FlEk'],
+            ['@@OdPc'],
+            ['@@v[u\\'],
+            ['@@FjâL~wyoo~›sµL–\\'],
+            ['@@¬e¹aNˆ'],
+            ['@@\\nÔ¡q]L³ë\\ÿ®ŒQ֎'],
+            ['@@ÊA­©[¬'],
+            ['@@KxŒv­'],
+            ['@@@hlIk]'],
+            ['@@pW{o||j'],
+            ['@@Md|_mC'],
+            ['@@¢…X£ÏylD¼XˆtH'],
+            ['@@hlÜ[LykAvyfw^Ež›¤'],
+            ['@@fp¤Mus“R'],
+            ['@@®_ma~•LÁ¬šZ'],
+            ['@@iM„xZ'],
+            ['@@ZcYd'],
+            ['@@Z~dOSo|A¿qZv'],
+            ['@@@`”EN¡v'],
+            ['@@|–TY{'],
+            ['@@@n@m'],
+            ['@@XWkCT\\'],
+            ['@@ºwšZRkĕWO¢'],
+            ['@@™X®±Grƪ\\ÔáXq{‹'],
+            ['@@ůTG°ĄLHm°UC‹'],
+            [
+              '@@¤Ž€aÜx~}dtüGæţŎíĔcŖpMËВjē¢·ðĄÆMzˆjWKĎ¢Q¶˜À_꒔_Bı€i«pZ€gf€¤Nrq]§ĂN®«H±‡yƳí¾×ŸīàLłčŴǝĂíÀBŖÕªˆŠÁŖHŗʼnåqûõi¨hÜ·ƒñt»¹ýv_[«¸m‰YL¯‰Qª…mĉÅdMˆ•gÇjcº«•ęœ¬­K­´ƒB«Âącoċ\\xKd¡gěŧ«®á’[~ıxu·Å”KsËɏc¢Ù\\ĭƛëbf¹­ģSƒĜkáƉÔ­ĈZB{ŠaM‘µ‰fzʼnfåÂŧįƋǝÊĕġć£g³ne­ą»@­¦S®‚\\ßðCšh™iqªĭiAu‡A­µ”_W¥ƣO\\lċĢttC¨£t`ˆ™PZäuXßBs‡Ļyek€OđġĵHuXBšµ]׌‡­­\\›°®¬F¢¾pµ¼kŘó¬Wät’¸|@ž•L¨¸µr“ºù³Ù~§WI‹ŸZWŽ®’±Ð¨ÒÉx€`‰²pĜ•rOògtÁZ}þÙ]„’¡ŒŸFK‚wsPlU[}¦Rvn`hq¬\\”nQ´ĘRWb”‚_ rtČFI֊kŠŠĦPJ¶ÖÀÖJĈĄTĚòžC ²@Pú…Øzœ©PœCÈڜĒ±„hŖ‡l¬â~nm¨f©–iļ«m‡nt–u†ÖZÜÄj“ŠLŽ®E̜Fª²iÊxبžIÈhhst',
+            ],
+            ['@@o\\V’zRZ}y'],
+            ['@@†@°¡mۛGĕ¨§Ianá[ýƤjfæ‡ØL–•äGr™'],
+          ],
+          encodeOffsets: [
+            [[125592, 31553]],
+            [[125785, 31436]],
+            [[125729, 31431]],
+            [[125513, 31380]],
+            [[125223, 30438]],
+            [[125115, 30114]],
+            [[124815, 29155]],
+            [[124419, 28746]],
+            [[124095, 28635]],
+            [[124005, 28609]],
+            [[125000, 30713]],
+            [[125111, 30698]],
+            [[125078, 30682]],
+            [[125150, 30684]],
+            [[124014, 28103]],
+            [[125008, 31331]],
+            [[125411, 31468]],
+            [[125329, 31479]],
+            [[125626, 30916]],
+            [[125417, 30956]],
+            [[125254, 30976]],
+            [[125199, 30997]],
+            [[125095, 31058]],
+            [[125083, 30915]],
+            [[124885, 31015]],
+            [[125218, 30798]],
+            [[124867, 30838]],
+            [[124755, 30788]],
+            [[124802, 30809]],
+            [[125267, 30657]],
+            [[125218, 30578]],
+            [[125200, 30562]],
+            [[124968, 30474]],
+            [[125167, 30396]],
+            [[124955, 29879]],
+            [[124714, 29781]],
+            [[124762, 29462]],
+            [[124325, 28754]],
+            [[123990, 28459]],
+            [[125366, 31477]],
+            [[125115, 30363]],
+            [[125369, 31139]],
+            [[122495, 31878]],
+            [[125329, 30690]],
+            [[125192, 30787]],
+          ],
+        },
+        properties: { cp: [120.153576, 30.287459], name: '浙江', childNum: 45 },
+      },
+      {
+        id: '340000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@^iuLX^'],
+            ['@@‚e©Ehl'],
+            [
+              '@@°ZÆëϵmkǀwÌÕæhºgBĝâqÙĊz›ÖgņtÀÁÊÆá’hEz|WzqD¹€Ÿ°E‡ŧl{ævÜcA`¤C`|´qžxIJkq^³³ŸGšµbƒíZ…¹qpa±ď OH—¦™Ħˆx¢„gPícOl_iCveaOjCh߸i݋bÛªCC¿€m„RV§¢A|t^iĠGÀtÚs–d]ĮÐDE¶zAb àiödK¡~H¸íæAžǿYƒ“j{ď¿‘™À½W—®£ChŒÃsiŒkkly]_teu[bFa‰Tig‡n{]Gqªo‹ĈMYá|·¥f¥—őaSÕė™NµñĞ«ImŒ_m¿Âa]uĜp …Z_§{Cƒäg¤°r[_Yj‰ÆOdý“[ŽI[á·¥“Q_n‡ùgL¾mv™ˊBÜƶĊJhšp“c¹˜O]iŠ]œ¥ jtsggJǧw×jÉ©±›EFˍ­‰Ki”ÛÃÕYv…s•ˆm¬njĻª•§emná}k«ŕˆƒgđ²Ù›DǤ›í¡ªOy›†×Où±@DŸñSęćăÕIÕ¿IµĥO‰‰jNÕËT¡¿tNæŇàåyķrĕq§ÄĩsWÆߎF¶žX®¿‰mŒ™w…RIޓfßoG‘³¾©uyH‘į{Ɓħ¯AFnuP…ÍÔzšŒV—dàôº^Ðæd´€‡oG¤{S‰¬ćxã}›ŧ×Kǥĩ«žÕOEзÖdÖsƘѨ[’Û^Xr¢¼˜§xvěƵ`K”§ tÒ´Cvlo¸fzŨð¾NY´ı~ÉĔē…ßúLÃϖ_ÈÏ|]ÂÏFl”g`bšežž€n¾¢pU‚h~ƴĖ¶_‚r sĄ~cž”ƈ]|r c~`¼{À{ȒiJjz`îÀT¥Û³…]’u}›f…ïQl{skl“oNdŸjŸäËzDvčoQŠďHI¦rb“tHĔ~BmlRš—V_„ħTLnñH±’DžœL‘¼L˜ªl§Ťa¸ŒĚlK²€\\RòvDcÎJbt[¤€D@®hh~kt°ǾzÖ@¾ªdb„YhüóZ ň¶vHrľ\\ʗJuxAT|dmÀO„‹[ÃԋG·ĚąĐlŪÚpSJ¨ĸˆLvÞcPæķŨŽ®mАˆálŸwKhïgA¢ųƩޖ¤OȜm’°ŒK´',
+            ],
+          ],
+          encodeOffsets: [[[121722, 32278]], [[119475, 30423]], [[119168, 35472]]],
+        },
+        properties: { cp: [117.283042, 31.86119], name: '安徽', childNum: 3 },
+      },
+      {
+        id: '350000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@“zht´‡]'],
+            ['@@aj^~ĆG—©O'],
+            ['@@ed¨„C}}i'],
+            ['@@@vˆPGsQ'],
+            ['@@‰sBz‚ddW]Q'],
+            ['@@SŽ¨Q“{'],
+            ['@@NŽVucW'],
+            ['@@qptBAq'],
+            ['@@‰’¸[mu'],
+            ['@@Q\\pD]_'],
+            ['@@jSwUadpF'],
+            ['@@eXª~ƒ•'],
+            ['@@AjvFso'],
+            ['@@fT–›_Çí\\Ÿ™—v|ba¦jZÆy€°'],
+            ['@@IjJi'],
+            ['@@wJI€ˆxš«¼AoNe{M­'],
+            ['@@K‰±¡Óˆ”ČäeZ'],
+            [
+              '@@k¡¹Eh~c®wBk‹UplÀ¡I•~Māe£bN¨gZý¡a±Öcp©PhžI”Ÿ¢Qq…ÇGj‹|¥U™ g[Ky¬ŏ–v@OpˆtÉEŸF„\\@ åA¬ˆV{Xģ‰ĐBy…cpě…¼³Ăp·¤ƒ¥o“hqqÚ¡ŅLsƒ^ᗞ§qlŸÀhH¨MCe»åÇGD¥zPO£čÙkJA¼ß–ėu›ĕeûҍiÁŧSW¥˜QŠûŗ½ùěcݧSùĩąSWó«íęACµ›eR—åǃRCÒÇZÍ¢‹ź±^dlsŒtjD¸•‚ZpužÔâÒH¾oLUêÃÔjjēò´ĄW‚ƛ…^Ñ¥‹ĦŸ@Çò–ŠmŒƒOw¡õyJ†yD}¢ďÑÈġfŠZd–a©º²z£šN–ƒjD°Ötj¶¬ZSÎ~¾c°¶Ðm˜x‚O¸¢Pl´žSL|¥žA†ȪĖM’ņIJg®áIJČĒü` ŽQF‡¬h|ÓJ@zµ |ê³È ¸UÖŬŬÀEttĸr‚]€˜ðŽM¤ĶIJHtÏ A’†žĬkvsq‡^aÎbvŒd–™fÊòSD€´Z^’xPsÞrv‹ƞŀ˜jJd×ŘÉ ®A–ΦĤd€xĆqAŒ†ZR”ÀMźŒnĊ»ŒİÐZ— YX–æJŠyĊ²ˆ·¶q§·–K@·{s‘Xãô«lŗ¶»o½E¡­«¢±¨Yˆ®Ø‹¶^A™vWĶGĒĢžPlzfˆļŽtàAvWYãšO_‡¤sD§ssČġ[kƤPX¦Ž`¶“ž®ˆBBvĪjv©šjx[L¥àï[F…¼ÍË»ğV`«•Ip™}ccÅĥZE‹ãoP…´B@ŠD—¸m±“z«Ƴ—¿å³BRضˆœWlâþäą`“]Z£Tc— ĹGµ¶H™m@_©—kŒ‰¾xĨ‡ôȉðX«½đCIbćqK³Á‹Äš¬OAwã»aLʼn‡ËĥW[“ÂGI—ÂNxij¤D¢ŽîĎÎB§°_JœGsƒ¥E@…¤uć…P‘å†cuMuw¢BI¿‡]zG¹guĮck\\_',
+            ],
+          ],
+          encodeOffsets: [
+            [[123250, 27563]],
+            [[122541, 27268]],
+            [[123020, 27189]],
+            [[122916, 27125]],
+            [[122887, 26845]],
+            [[122808, 26762]],
+            [[122568, 25912]],
+            [[122778, 26197]],
+            [[122515, 26757]],
+            [[122816, 26587]],
+            [[123388, 27005]],
+            [[122450, 26243]],
+            [[122578, 25962]],
+            [[121255, 25103]],
+            [[120987, 24903]],
+            [[122339, 25802]],
+            [[121042, 25093]],
+            [[122439, 26024]],
+          ],
+        },
+        properties: { cp: [119.306239, 26.075302], name: '福建', childNum: 18 },
+      },
+      {
+        id: '360000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@ĢĨƐgļˆ¼ÂMD~ņªe^\\^§„ý©j׍cZ†Ø¨zdÒa¶ˆlҍJŒìõ`oz÷@¤u޸´†ôęöY¼‰HČƶajlÞƩ¥éZ[”|h}^U Œ ¥p„ĄžƦO lt¸Æ €Q\\€ŠaÆ|CnÂOjt­ĚĤd’ÈŒF`’¶„@Ð딠¦ōҞ¨Sêv†HĢûXD®…QgėWiØPÞìºr¤dž€NĠ¢l–•ĄtZoœCƞÔºCxrpĠV®Ê{f_Y`_ƒeq’’®Aot`@o‚DXfkp¨|Šs¬\\D‘ÄSfè©Hn¬…^DhÆyøJh“ØxĢĀLʈ„ƠPżċĄwȠ̦G®ǒĤäTŠÆ~ĦwŠ«|TF¡Šn€c³Ïå¹]ĉđxe{ÎӐ†vOEm°BƂĨİ|G’vz½ª´€H’àp”eJ݆Qšxn‹ÀŠW­žEµàXÅĪt¨ÃĖrÄwÀFÎ|ňÓMå¼ibµ¯»åDT±m[“r«_gŽmQu~¥V\\OkxtL E¢‹ƒ‘Ú^~ýê‹Pó–qo슱_Êw§ÑªåƗā¼‹mĉŹ‹¿NQ“…YB‹ąrwģcÍ¥B•Ÿ­ŗÊcØiI—žƝĿuŒqtāwO]‘³YCñTeɕš‹caub͈]trlu€ī…B‘ПGsĵıN£ï—^ķqss¿FūūV՟·´Ç{éĈý‰ÿ›OEˆR_ŸđûIċâJh­ŅıN‘ȩĕB…¦K{Tk³¡OP·wn—µÏd¯}½TÍ«YiµÕsC¯„iM•¤™­•¦¯P|ÿUHv“he¥oFTu‰õ\\ŽOSs‹MòđƇiaºćXŸĊĵà·çhƃ÷ǜ{‘ígu^›đg’m[×zkKN‘¶Õ»lčÓ{XSƉv©_ÈëJbVk„ĔVÀ¤P¾ºÈMÖxlò~ªÚàGĂ¢B„±’ÌŒK˜y’áV‡¼Ã~­…`g›ŸsÙfI›Ƌlę¹e|–~udjˆuTlXµf`¿JdŠ[\\˜„L‚‘²',
+          ],
+          encodeOffsets: [[116689, 26234]],
+        },
+        properties: { cp: [115.892151, 28.676493], name: '江西', childNum: 1 },
+      },
+      {
+        id: '370000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@Xjd]{K'],
+            ['@@itbFHy'],
+            ['@@HlGk'],
+            ['@@T‚ŒGŸy'],
+            ['@@K¬˜•‹U'],
+            ['@@WdXc'],
+            ['@@PtOs'],
+            ['@@•LnXhc'],
+            ['@@ppVƒu]Or'],
+            ['@@cdzAUa'],
+            ['@@udRhnCI‡'],
+            ['@@ˆoIƒpR„'],
+            [
+              '@@Ľč{fzƤî’Kš–ÎMĮ]†—ZFˆ½Y]â£ph’™š¶¨râøÀ†ÎǨ¤^ºÄ”Gzˆ~grĚĜlĞƄLĆdž¢Îo¦–cv“Kb€gr°Wh”mZp ˆL]LºcU‰Æ­n”żĤÌĒœbAnrOAœ´žȊcÀbƦUØrĆUÜøœĬƞ†š˜Ez„VL®öØBkŖÝĐĖ¹ŧ̄±ÀbÎɜnb²ĦhņBĖ›žįĦåXćì@L¯´ywƕCéõė ƿ¸‘lµ¾Z|†ZWyFYŸ¨Mf~C¿`€à_RÇzwƌfQnny´INoƬˆèôº|sT„JUš›‚L„îVj„ǎ¾Ē؍‚Dz²XPn±ŴPè¸ŔLƔÜƺ_T‘üÃĤBBċȉöA´fa„˜M¨{«M`‡¶d¡ô‰Ö°šmȰBÔjjŒ´PM|”c^d¤u•ƒ¤Û´Œä«ƢfPk¶Môlˆ]Lb„}su^ke{lC‘…M•rDŠÇ­]NÑFsmoõľH‰yGă{{çrnÓE‰‹ƕZGª¹Fj¢ïW…uøCǷ돡ąuhÛ¡^Kx•C`C\\bÅxì²ĝÝ¿_N‰īCȽĿåB¥¢·IŖÕy\\‡¹kx‡Ã£Č×GDyÕ¤ÁçFQ¡„KtŵƋ]CgÏAùSed‡cÚź—ŠuYfƒyMmhUWpSyGwMPqŀ—›Á¼zK›¶†G•­Y§Ëƒ@–´śÇµƕBmœ@Io‚g——Z¯u‹TMx}C‘‰VK‚ï{éƵP—™_K«™pÛÙqċtkkù]gŽ‹Tğwo•ɁsMõ³ă‡AN£™MRkmEʕč™ÛbMjÝGu…IZ™—GPģ‡ãħE[iµBEuŸDPԛ~ª¼ętŠœ]ŒûG§€¡QMsğNPŏįzs£Ug{đJĿļā³]ç«Qr~¥CƎÑ^n¶ÆéÎR~Ż¸Y’I“] P‰umŝrƿ›‰›Iā‹[x‰edz‹L‘¯v¯s¬ÁY…~}…ťuŁŒg›ƋpÝĄ_ņī¶ÏSR´ÁP~ž¿Cyžċßdwk´Ss•X|t‰`Ä Èð€AªìÎT°¦Dd–€a^lĎDĶÚY°Ž`ĪŴǒˆ”àŠv\\ebŒZH„ŖR¬ŢƱùęO•ÑM­³FۃWp[ƒ',
+            ],
+          ],
+          encodeOffsets: [
+            [[123806, 39303]],
+            [[123821, 39266]],
+            [[123742, 39256]],
+            [[123702, 39203]],
+            [[123649, 39066]],
+            [[123847, 38933]],
+            [[123580, 38839]],
+            [[123894, 37288]],
+            [[123043, 36624]],
+            [[123344, 38676]],
+            [[123522, 38857]],
+            [[123628, 38858]],
+            [[118260, 36742]],
+          ],
+        },
+        properties: { cp: [117.000923, 36.675807], name: '山东', childNum: 13 },
+      },
+      {
+        id: '410000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@•ýL™ùµP³swIÓxcŢĞð†´E®žÚPt†ĴXØx¶˜@«ŕŕQGƒ‹Yfa[şu“ßǩ™đš_X³ijÕčC]kbc•¥CS¯ëÍB©÷‹–³­Siˆ_}m˜YTtž³xlàcȂzÀD}ÂOQ³ÐTĨ¯†ƗòËŖ[hœł‹Ŧv~††}ÂZž«¤lPǕ£ªÝŴÅR§ØnhcŒtâk‡nύ­ľŹUÓÝdKuķ‡I§oTũÙďkęĆH¸ÓŒ\\ăŒ¿PcnS{wBIvɘĽ[GqµuŸŇôYgûƒZcaŽ©@½Õǽys¯}lgg@­C\\£as€IdÍuCQñ[L±ęk·‹ţb¨©kK—’»›KC²‘òGKmĨS`ƒ˜UQ™nk}AGē”sqaJ¥ĐGR‰ĎpCuÌy ã iMc”plk|tRk†ðœev~^‘´†¦ÜŽSí¿_iyjI|ȑ|¿_»d}qŸ^{“Ƈdă}Ÿtqµ`Ƴĕg}V¡om½fa™Ço³TTj¥„tĠ—Ry”K{ùÓjuµ{t}uËR‘iŸvGŠçJFjµŠÍyqΘàQÂFewixGw½Yŷpµú³XU›½ġy™łå‰kÚwZXˆ·l„¢Á¢K”zO„Λ΀jc¼htoDHr…|­J“½}JZ_¯iPq{tę½ĕ¦Zpĵø«kQ…Ťƒ]MÛfaQpě±ǽ¾]u­Fu‹÷nƒ™čįADp}AjmcEǒaª³o³ÆÍSƇĈÙDIzˑ赟^ˆKLœ—i—Þñ€[œƒaA²zz‰Ì÷Dœ|[šíijgf‚ÕÞd®|`ƒĆ~„oĠƑô³Ŋ‘D×°¯CsŠøÀ«ì‰UMhTº¨¸ǡîS–Ô„DruÂÇZ•ÖEŽ’vPZ„žW”~؋ÐtĄE¢¦Ðy¸bŠô´oŬ¬Ž²Ês~€€]®tªašpŎJ¨Öº„_ŠŔ–`’Ŗ^Ѝ\\Ĝu–”~m²Ƹ›¸fW‰ĦrƔ}Î^gjdfÔ¡J}\\n C˜¦þWxªJRÔŠu¬ĨĨmF†dM{\\d\\ŠYÊ¢ú@@¦ª²SŠÜsC–}fNècbpRmlØ^g„d¢aÒ¢CZˆZxvÆ¶N¿’¢T@€uCœ¬^ĊðÄn|žlGl’™Rjsp¢ED}€Fio~ÔNŽ‹„~zkĘHVsDzßjƒŬŒŠŢ`Pûàl¢˜\\ÀœEhŽİgÞē X¼Pk–„|m',
+          ],
+          encodeOffsets: [[118256, 37017]],
+        },
+        properties: { cp: [113.665412, 34.757975], name: '河南', childNum: 1 },
+      },
+      {
+        id: '420000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@AB‚'],
+            ['@@lskt'],
+            [
+              '@@¾«}{ra®pîÃ\\™›{øCŠËyyB±„b\\›ò˜Ý˜jK›‡L ]ĎĽÌ’JyÚCƈćÎT´Å´pb©È‘dFin~BCo°BĎĚømvŒ®E^vǾ½Ĝ²Ro‚bÜeNŽ„^ĺ£R†¬lĶ÷YoĖ¥Ě¾|sOr°jY`~I”¾®I†{GqpCgyl{‡£œÍƒÍyPL“¡ƒ¡¸kW‡xYlÙ抚ŁĢzœ¾žV´W¶ùŸo¾ZHxjwfx„GNÁ•³Xéæl¶‰EièIH‰ u’jÌQ~v|sv¶Ôi|ú¢Fh˜Qsğ¦ƒSiŠBg™ÐE^ÁÐ{–čnOÂȞUÎóĔ†ÊēIJ}Z³½Mŧïeyp·uk³DsѨŸL“¶_œÅuèw»—€¡WqÜ]\\‘Ò§tƗcÕ¸ÕFÏǝĉăxŻČƟO‡ƒKÉġÿ×wg”÷IÅzCg†]m«ªGeçÃTC’«[‰t§{loWeC@ps_Bp‘­r‘„f_``Z|ei¡—oċMqow€¹DƝӛDYpûs•–‹Ykıǃ}s¥ç³[§ŸcYŠ§HK„«Qy‰]¢“wwö€¸ïx¼ņ¾Xv®ÇÀµRĠЋžHMž±cÏd„ƒǍũȅȷ±DSyúĝ£ŤĀàtÖÿï[îb\\}pĭÉI±Ñy…¿³x¯N‰o‰|¹H™ÏÛm‹júË~Tš•u˜ęjCöAwě¬R’đl¯ Ñb­‰ŇT†Ŀ_[Œ‘IčĄʿnM¦ğ\\É[T·™k¹œ©oĕ@A¾w•ya¥Y\\¥Âaz¯ãÁ¡k¥ne£Ûw†E©Êō¶˓uoj_Uƒ¡cF¹­[Wv“P©w—huÕyBF“ƒ`R‹qJUw\\i¡{jŸŸEPïÿ½fć…QÑÀQ{ž‚°‡fLԁ~wXg—ītêݾ–ĺ‘Hdˆ³fJd]‹HJ²…E€ƒoU¥†HhwQsƐ»Xmg±çve›]Dm͂PˆoCc¾‹_h”–høYrŊU¶eD°Č_N~øĹĚ·`z’]Äþp¼…äÌQŒv\\rCŒé¾TnkžŐڀÜa‡“¼ÝƆĢ¶Ûo…d…ĔňТJq’Pb ¾|JŒ¾fXŠƐîĨ_Z¯À}úƲ‹N_ĒĊ^„‘ĈaŐyp»CÇĕKŠšñL³ŠġMŒ²wrIÒŭxjb[œžn«øœ˜—æˆàƒ ^²­h¯Ú€ŐªÞ¸€Y²ĒVø}Ā^İ™´‚LŠÚm„¥ÀJÞ{JVŒųÞŃx×sxxƈē ģMř–ÚðòIf–Ċ“Œ\\Ʈ±ŒdʧĘD†vČ_Àæ~DŒċ´A®µ†¨ØLV¦êHÒ¤',
+            ],
+          ],
+          encodeOffsets: [[[113712, 34000]], [[115612, 30507]], [[113649, 34054]]],
+        },
+        properties: { cp: [114.298572, 30.584355], name: '湖北', childNum: 3 },
+      },
+      {
+        id: '430000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@—n„FTs'],
+            ['@@ßÅÆችÔXr—†CO™“…ËR‘ïÿĩ­TooQyšÓ[‹ŅBE¬–ÎÓXa„į§Ã¸G °ITxp‰úxÚij¥Ïš–Ģ¾ŠedžÄ©ĸG…œàGh‚€M¤–Â_U}Ċ}¢pczfŠþg¤€”ÇòAV‘‹M'],
+            [
+              '@@©K—ƒA·³CQ±Á«³BUŠƑ¹AŠtćOw™D]ŒJiØSm¯b£‘ylƒ›X…HËѱH•«–‘C^õľA–Å§¤É¥„ïyuǙuA¢^{ÌC´­¦ŷJ£^[†“ª¿‡ĕ~•Ƈ…•N… skóā‡¹¿€ï]ă~÷O§­@—Vm¡‹Qđ¦¢Ĥ{ºjԏŽŒª¥nf´•~ÕoŸž×Ûą‹MąıuZœmZcÒ IJĪ²SÊDŽŶ¨ƚƒ’CÖŎªQؼrŭŽ­«}NÏürʬŒmjr€@ĘrTW ­SsdHzƓ^ÇÂyUi¯DÅYlŹu{hTœ}mĉ–¹¥ě‰Dÿë©ıÓ[Oº£ž“¥ót€ł¹MՄžƪƒ`Pš…Di–ÛUŠ¾Å‌ìˆU’ñB“È£ýhe‰dy¡oċ€`pfmjP~‚kZa…ZsÐd°wj§ƒ@€Ĵ®w~^‚kÀÅKvNmX\\¨a“”сqvíó¿F„¤¡@ũÑVw}S@j}¾«pĂr–ªg àÀ²NJ¶¶Dô…K‚|^ª†Ž°LX¾ŴäPĪ±œ£EXd›”^¶›IJÞܓ~‘u¸ǔ˜Ž›MRhsR…e†`ÄofIÔ\\Ø  i”ćymnú¨cj ¢»–GČìƊÿШXeĈĀ¾Oð Fi ¢|[jVxrIQŒ„_E”zAN¦zLU`œcªx”OTu RLÄ¢dV„i`p˔vŎµªÉžF~ƒØ€d¢ºgİàw¸Áb[¦Zb¦–z½xBĖ@ªpº›šlS¸Ö\\Ĕ[N¥ˀmĎă’J\\‹ŀ`€…ňSڊĖÁĐiO“Ĝ«BxDõĚiv—ž–S™Ì}iùŒžÜnšÐºGŠ{Šp°M´w†ÀÒzJ²ò¨ oTçüöoÛÿñŽőФ‚ùTz²CȆȸǎŪƒƑÐc°dPÎŸğ˶[Ƚu¯½WM¡­Éž“’B·rížnZŸÒ `‡¨GA¾\\pē˜XhÆRC­üWGġu…T靧Ŏѝ©ò³I±³}_‘‹EÃħg®ęisÁPDmÅ{‰b[Rşs·€kPŸŽƥƒóRo”O‹ŸVŸ~]{g\\“êYƪ¦kÝbiċƵŠGZ»Ěõ…ó·³vŝž£ø@pyö_‹ëŽIkѵ‡bcѧy…×dY؎ªiþž¨ƒ[]f]Ņ©C}ÁN‡»hĻħƏ’ĩ',
+            ],
+          ],
+          encodeOffsets: [[[115640, 30489]], [[112543, 27312]], [[116690, 26230]]],
+        },
+        properties: { cp: [112.982279, 28.19409], name: '湖南', childNum: 3 },
+      },
+      {
+        id: '440000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@QdˆAua'],
+            ['@@ƒlxDLo'],
+            ['@@sbhNLo'],
+            ['@@Ă āŸ'],
+            ['@@WltO[['],
+            ['@@Krœ]S'],
+            ['@@e„„I]y'],
+            ['@@I|„Mym'],
+            ['@@ƒÛ³LSŒž¼Y'],
+            ['@@nvºB–ëui©`¾'],
+            ['@@zdšÛ›Jw®'],
+            ['@@†°…¯'],
+            ['@@a yAª¸ËJIx،@€ĀHAmßV¡o•fu•o'],
+            ['@@šs‰ŗÃÔėAƁ›ZšÄ ~°ČP‚‹äh'],
+            ['@@‹¶Ý’Ì‚vmĞh­ı‡Q'],
+            ['@@HœŠdSjĒ¢D}war…“u«ZqadYM'],
+            ['@@elŒ\\LqqU'],
+            ['@@~rMo\\'],
+            ['@@f„^ƒC'],
+            ['@@øPªoj÷ÍÝħXČx”°Q¨ıXNv'],
+            ['@@gÇƳˆŽˆ”oˆŠˆ[~tly'],
+            ['@@E–ÆC¿‘'],
+            ['@@OŽP'],
+            [
+              '@@w‹†đóg‰™ĝ—[³‹¡VÙæÅöM̳¹pÁaËýý©D©Ü“JŹƕģGą¤{Ùū…ǘO²«BƱéA—Ò‰ĥ‡¡«BhlmtÃPµyU¯uc“d·w_bŝcīímGOŽ|KP’ȏ‡ŹãŝIŕŭŕ@Óoo¿ē‹±ß}Ž…ŭ‚ŸIJWÈCőâUâǙI›ğʼn©I›ijEׅÁ”³Aó›wXJþ±ÌŒÜӔĨ£L]ĈÙƺZǾĆĖMĸĤfŒÎĵl•ŨnȈ‘ĐtF”Š–FĤ–‚êk¶œ^k°f¶gŠŽœ}®Fa˜f`vXŲxl˜„¦–ÔÁ²¬ÐŸ¦pqÊ̲ˆi€XŸØRDÎ}†Ä@ZĠ’s„x®AR~®ETtĄZ†–ƈfŠŠHâÒÐA†µ\\S¸„^wĖkRzŠalŽŜ|E¨ÈNĀňZTŒ’pBh£\\ŒĎƀuXĖtKL–¶G|Ž»ĺEļĞ~ÜĢÛĊrˆO˜Ùîvd]nˆ¬VœÊĜ°R֟pM††–‚ƂªFbwžEÀˆ˜©Œž\\…¤]ŸI®¥D³|ˎ]CöAŤ¦…æ’´¥¸Lv¼€•¢ĽBaô–F~—š®²GÌҐEY„„œzk¤’°ahlV՞I^‹šCxĈPŽsB‰ƒºV‰¸@¾ªR²ĨN]´_eavSi‡vc•}p}Đ¼ƌkJœÚe thœ†_¸ ºx±ò_xN›Ë‹²‘@ƒă¡ßH©Ùñ}wkNÕ¹ÇO½¿£ĕ]ly_WìIžÇª`ŠuTÅxYĒÖ¼k֞’µ‚MžjJÚwn\\h‘œĒv]îh|’È›Ƅøègž¸Ķß ĉĈWb¹ƀdéʌNTtP[ŠöSvrCZžžaGuœbo´ŖÒÇА~¡zCI…özx¢„Pn‹•‰Èñ @ŒĥÒ¦†]ƞŠV}³ăĔñiiÄÓVépKG½Ä‘ÓávYo–C·sit‹iaÀy„ŧΡÈYDÑům}‰ý|m[węõĉZÅxUO}÷N¹³ĉo_qtă“qwµŁYلǝŕ¹tïÛUïmRCº…ˆĭ|µ›ÕÊK™½R‘ē ó]‘–GªęAx–»HO£|ām‡¡diď×YïYWªʼnOeÚtĐ«zđ¹T…ā‡úE™á²\\‹ķÍ}jYàÙÆſ¿Çdğ·ùTßÇţʄ¡XgWÀLJğ·¿ÃˆOj YÇ÷Qě‹i',
+            ],
+          ],
+          encodeOffsets: [
+            [[117381, 22988]],
+            [[116552, 22934]],
+            [[116790, 22617]],
+            [[116973, 22545]],
+            [[116444, 22536]],
+            [[116931, 22515]],
+            [[116496, 22490]],
+            [[116453, 22449]],
+            [[113301, 21439]],
+            [[118726, 21604]],
+            [[118709, 21486]],
+            [[113210, 20816]],
+            [[115482, 22082]],
+            [[113171, 21585]],
+            [[113199, 21590]],
+            [[115232, 22102]],
+            [[115739, 22373]],
+            [[115134, 22184]],
+            [[113056, 21175]],
+            [[119573, 21271]],
+            [[119957, 24020]],
+            [[115859, 22356]],
+            [[116561, 22649]],
+            [[116285, 22746]],
+          ],
+        },
+        properties: { cp: [113.280637, 23.125178], name: '广东', childNum: 24 },
+      },
+      {
+        id: '450000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@H– TQ§•A'],
+            [
+              '@@ĨʪƒLƒƊDÎĹĐCǦė¸zÚGn£¾›rªŀÜt¬@֛ڈSx~øOŒ˜ŶÐÂæȠ\\„ÈÜObĖw^oބLf¬°bI lTØB̈F£Ć¹gñĤaY“t¿¤VSñœK¸¤nM†¼‚JE±„½¸šŠño‹ÜCƆæĪ^ŠĚQÖ¦^‡ˆˆf´Q†üÜʝz¯šlzUĺš@쇀p¶n]sxtx¶@„~ÒĂJb©gk‚{°‚~c°`ԙ¬rV\\“la¼¤ôá`¯¹LC†ÆbŒxEræO‚v[H­˜„[~|aB£ÖsºdAĐzNÂðsŽÞƔ…Ĥªbƒ–ab`ho¡³F«èVloŽ¤™ÔRzpp®SŽĪº¨ÖƒºN…ij„d`’a”¦¤F³ºDÎńĀìŠCžĜº¦Ċ•~nS›|gźvZkCÆj°zVÈÁƔ]LÊFZg…čP­kini«‹qǀcz͔Y®¬Ů»qR×ō©DՄ‘§ƙǃŵTÉĩ±ŸıdÑnYY›IJvNĆƌØÜ Öp–}e³¦m‹©iÓ|¹Ÿħņ›|ª¦QF¢Â¬ʖovg¿em‡^ucà÷gՎuŒíÙćĝ}FĻ¼Ĺ{µHK•sLSđƃr‹č¤[Ag‘oS‹ŇYMÿ§Ç{Fśbky‰lQxĕƒ]T·¶[B…ÑÏGáşşƇe€…•ăYSs­FQ}­Bƒw‘tYğÃ@~…C̀Q ×W‡j˱rÉ¥oÏ ±«ÓÂ¥•ƒ€k—ŽwWűŒmcih³K›~‰µh¯e]lµ›él•Eģ‰•E“ďs‡’mǖŧē`ãògK_ÛsUʝ“ćğ¶hŒöŒO¤Ǜn³Žc‘`¡y‹¦C‘ez€YŠwa™–‘[ďĵűMę§]X˜Î_‚훘Û]é’ÛUćİÕBƣ±…dƒy¹T^džûÅÑŦ·‡PĻþÙ`K€¦˜…¢ÍeœĥR¿Œ³£[~Œäu¼dl‰t‚†W¸oRM¢ď\\zœ}Æzdvň–{ÎXF¶°Â_„ÒÂÏL©Ö•TmuŸ¼ãl‰›īkiqéfA„·Êµ\\őDc¥ÝF“y›Ôć˜c€űH_hL܋êĺШc}rn`½„Ì@¸¶ªVLŒŠhŒ‹\\•Ţĺk~ŽĠið°|gŒtTĭĸ^x‘vK˜VGréAé‘bUu›MJ‰VÃO¡…qĂXËS‰ģãlýàŸ_ju‡YÛÒB†œG^˜é֊¶§ŽƒEG”ÅzěƒƯ¤Ek‡N[kdåucé¬dnYpAyČ{`]þ¯T’bÜÈk‚¡Ġ•vŒàh„ÂƄ¢J',
+            ],
+          ],
+          encodeOffsets: [[[111707, 21520]], [[107619, 25527]]],
+        },
+        properties: { cp: [108.320004, 22.82402], name: '广西', childNum: 2 },
+      },
+      {
+        id: '460000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@š¦Ŝil¢”XƦ‘ƞò–ïè§ŞCêɕrŧůÇąĻõ™·ĉ³œ̅kÇm@ċȧƒŧĥ‰Ľʉ­ƅſ“ȓÒ˦ŝE}ºƑ[ÍĜȋ gÎfǐÏĤ¨êƺ\\Ɔ¸ĠĎvʄȀœÐ¾jNðĀÒRŒšZdž™zÐŘΰH¨Ƣb²_Ġ ',
+          ],
+          encodeOffsets: [[112750, 20508]],
+        },
+        properties: { cp: [110.33119, 20.031971], name: '海南', childNum: 1 },
+      },
+      {
+        id: '510000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@LqKr'],
+            [
+              '@@Š[ĻéV£ž_ţġñpG •réÏ·~ąSfy×͂·ºſƽiÍıƣıĻmHH}siaX@iÇ°ÁÃ×t«ƒ­Tƒ¤J–JJŒyJ•ÈŠ`Ohߦ¡uËhIyCjmÿw…ZG……Ti‹SˆsO‰žB²ŸfNmsPaˆ{M{ŠõE‘^Hj}gYpaeuž¯‘oáwHjÁ½M¡pM“–uå‡mni{fk”\\oƒÎqCw†EZ¼K›ĝŠƒAy{m÷L‡wO×SimRI¯rK™õBS«sFe‡]fµ¢óY_ÆPRcue°Cbo׌bd£ŌIHgtrnyPt¦foaXďx›lBowz‹_{ÊéWiêE„GhܸºuFĈIxf®Ž•Y½ĀǙ]¤EyŸF²ċ’w¸¿@g¢§RGv»–áŸW`ÃĵJwi]t¥wO­½a[׈]`Ãi­üL€¦LabbTÀå’c}Íh™Æhˆ‹®BH€î|Ék­¤S†y£„ia©taį·Ɖ`ō¥Uh“O…ƒĝLk}©Fos‰´›Jm„µlŁu—…ø–nÑJWΪ–YÀïAetTžŅ‚ӍG™Ë«bo‰{ıwodƟ½ƒžOġܑµxàNÖ¾P²§HKv¾–]|•B‡ÆåoZ`¡Ø`ÀmºĠ~ÌЧnDž¿¤]wğ@sƒ‰rğu‰~‘Io”[é±¹ ¿žſđӉ@q‹gˆ¹zƱřaí°KtǤV»Ã[ĩǭƑ^ÇÓ@ỗs›Zϕ‹œÅĭ€Ƌ•ěpwDóÖሯneQˌq·•GCœýS]xŸ·ý‹q³•O՜Œ¶Qzßti{ř‰áÍÇWŝŭñzÇW‹pç¿JŒ™‚Xœĩè½cŒF–ÂLiVjx}\\N†ŇĖ¥Ge–“JA¼ÄHfÈu~¸Æ«dE³ÉMA|b˜Ò…˜ćhG¬CM‚õŠ„ƤąAvƒüV€éŀ‰_V̳ĐwQj´·ZeÈÁ¨X´Æ¡Qu·»Ÿ“˜ÕZ³ġqDo‰y`L¬gdp°şŠp¦ėìÅĮZŽ°Iä”h‚‘ˆzŠĵœf²å ›ĚрKp‹IN|‹„Ñz]ń……·FU×é»R³™MƒÉ»GM«€ki€™ér™}Ã`¹ăÞmȝnÁîRǀ³ĜoİzŔwǶVÚ£À]ɜ»ĆlƂ²Ġ…þTº·àUȞÏʦ¶†I’«dĽĢdĬ¿–»Ĕ׊h\\c¬†ä²GêëĤł¥ÀǿżÃÆMº}BÕĢyFVvw–ˆxBèĻĒ©Ĉ“tCĢɽŠȣ¦āæ·HĽî“ôNԓ~^¤Ɗœu„œ^s¼{TA¼ø°¢İªDè¾Ň¶ÝJ‘®Z´ğ~Sn|ªWÚ©òzPOȸ‚bð¢|‹øĞŠŒœŒQìÛÐ@Ğ™ǎRS¤Á§d…i“´ezÝúØã]Hq„kIŸþËQǦÃsǤ[E¬ÉŪÍxXƒ·ÖƁİlƞ¹ª¹|XÊwn‘ÆƄmÀêErĒtD®ċæcQƒ”E®³^ĭ¥©l}äQto˜ŖÜqƎkµ–„ªÔĻĴ¡@Ċ°B²Èw^^RsºTĀ£ŚæœQP‘JvÄz„^Đ¹Æ¯fLà´GC²‘dt˜­ĀRt¼¤ĦOðğfÔðDŨŁĞƘïžPȆ®âbMüÀXZ ¸£@Ś›»»QÉ­™]d“sÖ×_͖_ÌêŮPrĔĐÕGĂeZÜîĘqBhtO ¤tE[h|Y‹Ô‚ZśÎs´xº±UŒ’ñˆt|O’ĩĠºNbgþŠJy^dÂY Į„]Řz¦gC‚³€R`ĀŠz’¢AjŒ¸CL„¤RÆ»@­Ŏk\\Ç´£YW}z@Z}‰Ã¶“oû¶]´^N‡Ò}èN‚ª–P˜Íy¹`S°´†ATe€VamdUĐwʄvĮÕ\\ƒu‹Æŗ¨Yp¹àZÂm™Wh{á„}WØǍ•Éüw™ga§áCNęÎ[ĀÕĪgÖɪX˜øx¬½Ů¦¦[€—„NΆL€ÜUÖ´òrÙŠxR^–†J˜k„ijnDX{Uƒ~ET{ļº¦PZc”jF²Ė@Žp˜g€ˆ¨“B{ƒu¨ŦyhoÚD®¯¢˜ WòàFΤ¨GDäz¦kŮPœġq˚¥À]€Ÿ˜eŽâÚ´ªKxī„Pˆ—Ö|æ[xäJÞĥ‚s’NÖ½ž€I†¬nĨY´®Ð—ƐŠ€mD™ŝuäđđEb…e’e_™v¡}ìęNJē}q”É埁T¯µRs¡M@}ůa†a­¯wvƉåZwž\\Z{åû^›',
+            ],
+          ],
+          encodeOffsets: [[[108815, 30935]], [[110617, 31811]]],
+        },
+        properties: { cp: [104.065735, 30.659462], name: '四川', childNum: 2 },
+      },
+      {
+        id: '520000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@†G\\†lY£‘in'],
+            ['@@q‚|ˆ‚mc¯tχVSÎ'],
+            [
+              '@@hÑ£Is‡NgßH†›HªķÃh_¹ƒ¡ĝħń¦uيùŽgS¯JHŸ|sÝÅtÁïyMDč»eÕtA¤{b\\}—ƒG®u\\åPFq‹wÅaD…žK°ºâ_£ùbµ”mÁ‹ÛœĹM[q|hlaªāI}тƒµ@swtwm^oµˆD鼊yV™ky°ÉžûÛR…³‚‡eˆ‡¥]RՋěħ[ƅåÛDpŒ”J„iV™™‰ÂF²I…»mN·£›LbÒYb—WsÀbŽ™pki™TZĄă¶HŒq`……ĥ_JŸ¯ae«ƒKpÝx]aĕÛPƒÇȟ[ÁåŵÏő—÷Pw}‡TœÙ@Õs«ĿÛq©½œm¤ÙH·yǥĘĉBµĨÕnđ]K„©„œá‹ŸG纍§Õßg‡ǗĦTèƤƺ{¶ÉHÎd¾ŚÊ·OÐjXWrãLyzÉAL¾ę¢bĶėy_qMĔąro¼hĊžw¶øV¤w”²Ĉ]ʚKx|`ź¦ÂÈdr„cȁbe¸›`I¼čTF´¼Óýȃr¹ÍJ©k_șl³´_pН`oÒhŽ¶pa‚^ÓĔ}D»^Xyœ`d˜[Kv…JPhèhCrĂĚÂ^Êƌ wˆZL­Ġ£šÁbrzOIl’MM”ĪŐžËr×ÎeŦŽtw|Œ¢mKjSǘňĂStÎŦEtqFT†¾†E쬬ôxÌO¢Ÿ KŠ³ŀºäY†„”PVgŎ¦Ŋm޼VZwVlŒ„z¤…ž£Tl®ctĽÚó{G­A‡ŒÇgeš~Αd¿æaSba¥KKûj®_ć^\\ؾbP®¦x^sxjĶI_Ä X‚⼕Hu¨Qh¡À@Ëô}Ž±žGNìĎlT¸ˆ…`V~R°tbÕĊ`¸úÛtπFDu€[ƒMfqGH·¥yA‰ztMFe|R‚_Gk†ChZeÚ°to˜v`x‹b„ŒDnÐ{E}šZ˜è€x—†NEފREn˜[Pv@{~rĆAB§‚EO¿|UZ~ì„Uf¨J²ĂÝƀ‚sª–B`„s¶œfvö¦ŠÕ~dÔq¨¸º»uù[[§´sb¤¢zþFœ¢Æ…Àhˆ™ÂˆW\\ıŽËI݊o±ĭŠ£þˆÊs}¡R]ŒěƒD‚g´VG¢‚j±®è†ºÃmpU[Á›‘Œëº°r›ÜbNu¸}Žº¼‡`ni”ºÔXĄ¤¼Ôdaµ€Á_À…†ftQQgœR—‘·Ǔ’v”}Ýלĵ]µœ“Wc¤F²›OĩųãW½¯K‚©…]€{†LóµCIµ±Mß¿hŸ•©āq¬o‚½ž~@i~TUxŪÒ¢@ƒ£ÀEîôruń‚”“‚b[§nWuMÆLl¿]x}ij­€½',
+            ],
+          ],
+          encodeOffsets: [[[112158, 27383]], [[112105, 27474]], [[112095, 27476]]],
+        },
+        properties: { cp: [106.713478, 26.578343], name: '贵州', childNum: 3 },
+      },
+      {
+        id: '530000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@[„ùx½}ÑRH‘YīĺûsÍn‘iEoã½Ya²ė{c¬ĝg•ĂsA•ØÅwď‚õzFjw}—«Dx¿}UũlŸê™@•HÅ­F‰¨ÇoJ´Ónũuą¡Ã¢pÒŌ“Ø TF²‚xa²ËX€‚cʋlHîAßËŁkŻƑŷÉ©h™W­æßU‡“Ës¡¦}•teèƶStǀÇ}Fd£j‹ĈZĆÆ‹¤T‚č\\Dƒ}O÷š£Uˆ§~ŃG™‚åŃDĝ¸œTsd¶¶Bªš¤u¢ŌĎo~t¾ÍŶÒtD¦Ú„iôö‰€z›ØX²ghįh½Û±¯€ÿm·zR¦Ɵ`ªŊÃh¢rOԍ´£Ym¼èêf¯ŪĽn„†cÚbŒw\\zlvWžªâˆ ¦g–mĿBş£¢ƹřbĥkǫßeeZkÙIKueT»sVesb‘aĕ  ¶®dNœĄÄpªyŽ¼—„³BE˜®l‡ŽGœŭCœǶwêżĔÂe„pÍÀQƞpC„–¼ŲÈ­AÎô¶R„ä’Q^Øu¬°š_Èôc´¹ò¨P΢hlϦ´Ħ“Æ´sâDŽŲPnÊD^¯°’Upv†}®BP̪–jǬx–Söwlfòªv€qĸ|`H€­viļ€ndĜ­Ćhň•‚em·FyށqóžSį¯‘³X_ĞçêtryvL¤§z„¦c¦¥jnŞk˜ˆlD¤øz½ĜàžĂŧMÅ|áƆàÊcðÂF܎‚áŢ¥\\\\º™İøÒÐJĴ‡„îD¦zK²ǏÎEh~’CD­hMn^ÌöÄ©ČZÀžaü„fɭyœpį´ěFűk]Ôě¢qlÅĆÙa¶~Äqššê€ljN¬¼H„ÊšNQ´ê¼VظE††^ŃÒyŒƒM{ŒJLoÒœęæŸe±Ķ›y‰’‡gã“¯JYÆĭĘëo¥Š‰o¯hcK«z_pŠrC´ĢÖY”—¼ v¸¢RŽÅW³Â§fǸYi³xR´ďUˊ`êĿU„û€uĆBƒƣö‰N€DH«Ĉg†——Ñ‚aB{ÊNF´¬c·Åv}eÇÃGB»”If•¦HňĕM…~[iwjUÁKE•Ž‹¾dĪçW›šI‹èÀŒoÈXòyŞŮÈXâÎŚŠj|àsRy‹µÖ›–Pr´þŒ ¸^wþTDŔ–Hr¸‹žRÌmf‡żÕâCôox–ĜƌÆĮŒ›Ð–œY˜tâŦÔ@]ÈǮƒ\\Ī¼Ä£UsȯLbîƲŚºyh‡rŒŠ@ĒԝƀŸÀ²º\\êp“’JŠ}ĠvŠqt„Ġ@^xÀ£È†¨mËÏğ}n¹_¿¢×Y_æpˆÅ–A^{½•Lu¨GO±Õ½ßM¶w’ÁĢۂP‚›Ƣ¼pcIJxŠ|ap̬HšÐŒŊSfsðBZ¿©“XÏÒK•k†÷Eû¿‰S…rEFsÕūk”óVǥʼniTL‚¡n{‹uxţÏh™ôŝ¬ğōN“‘NJkyPaq™Âğ¤K®‡YŸxÉƋÁ]āęDqçgOg†ILu—\\_gz—]W¼ž~CÔē]bµogpў_oď`´³Țkl`IªºÎȄqÔþž»E³ĎSJ»œ_f·‚adÇqƒÇc¥Á_Źw{™L^ɱćx“U£µ÷xgĉp»ĆqNē`rĘzaĵĚ¡K½ÊBzyäKXqiWPÏɸ½řÍcÊG|µƕƣG˛÷Ÿk°_^ý|_zċBZocmø¯hhcæ\\lˆMFlư£Ĝ„ÆyH“„F¨‰µêÕ]—›HA…àӄ^it `þßäkŠĤÎT~Wlÿ¨„ÔPzUC–NVv [jâôDôď[}ž‰z¿–msSh‹¯{jïğl}šĹ[–őŒ‰gK‹©U·µË@¾ƒm_~q¡f¹…ÅË^»‘f³ø}Q•„¡Ö˳gͱ^ǁ…\\ëÃA_—¿bW›Ï[¶ƛ鏝£F{īZgm@|kHǭƁć¦UĔťƒ×ë}ǝƒeďºȡȘÏíBə£āĘPªij¶“ʼnÿ‡y©n‰ď£G¹¡I›Š±LÉĺÑdĉ܇W¥˜‰}g˜Á†{aqÃ¥aŠıęÏZ—ï`',
+          ],
+          encodeOffsets: [[104636, 22969]],
+        },
+        properties: { cp: [102.712251, 25.040609], name: '云南', childNum: 1 },
+      },
+      {
+        id: '540000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@hžľxŽŖ‰xƒÒVŽ†ºÅâAĪÝȆµę¯Ňa±r_w~uSÕň‘qOj]ɄQ…£Z……UDûoY’»©M[‹L¼qãË{V͕çWViŽ]ë©Ä÷àyƛh›ÚU°ŒŒa”d„cQƒ~Mx¥™cc¡ÙaSyF—ցk­ŒuRýq¿Ôµ•QĽ³aG{¿FµëªéĜÿª@¬·–K‰·àariĕĀ«V»Ŷ™Ĵū˜gèLǴŇƶaf‹tŒèBŚ£^Šâ†ǐÝ®–šM¦ÁǞÿ¬LhŸŽJ¾óƾƺcxw‹f]Y…´ƒ¦|œQLn°aœdĊ…œ\\¨o’œǀÍŎœ´ĩĀd`tÊQŞŕ|‚¨C^©œĈ¦„¦ÎJĊ{ŽëĎjª²rЉšl`¼Ą[t|¦St辉PŒÜK¸€d˜Ƅı]s¤—î_v¹ÎVòŦj˜£Əsc—¬_Ğ´|Ł˜¦AvŽ¦w`ăaÝaa­¢e¤ı²©ªSªšÈMĄwžÉØŔì@T‘¤—Ę™\\õª@”þo´­xA s”ÂtŎKzó´ÇĊµ¢rž^nĊ­Æ¬×üGž¢‚³ {âĊ]š™G‚~bÀgVjzlhǶf€žOšfdŠ‰ªB]pj„•TO–tĊ‚n¤}®¦ƒČ¥d¢¼»ddš”Y¼Žt—¢eȤJ¤}Ǿ¡°§¤AГlc@ĝ”sªćļđAç‡wx•UuzEÖġ~AN¹ÄÅȀŻ¦¿ģŁéì±H…ãd«g[؉¼ēÀ•cīľġ¬cJ‘µ…ÐʥVȝ¸ßS¹†ý±ğkƁ¼ą^ɛ¤Ûÿ‰b[}¬ōõÃ]ËNm®g@•Bg}ÍF±ǐyL¥íCˆƒIij€Ï÷њį[¹¦[⚍EÛïÁÉdƅß{âNÆāŨߝ¾ě÷yC£‡k­´ÓH@¹†TZ¥¢įƒ·ÌAЧ®—Zc…v½ŸZ­¹|ŕWZqgW“|ieZÅYVӁqdq•bc²R@†c‡¥Rã»Ge†ŸeƃīQ•}J[ғK…¬Ə|o’ėjġĠÑN¡ð¯EBčnwôɍėªƒ²•CλŹġǝʅįĭạ̃ūȹ]ΓͧgšsgȽóϧµǛ†ęgſ¶ҍć`ĘąŌJޚä¤rÅň¥ÖÁUětęuůÞiĊÄÀ\\Æs¦ÓRb|Â^řÌkÄŷ¶½÷‡f±iMݑ›‰@ĥ°G¬ÃM¥n£Øą‚ğ¯ß”§aëbéüÑOčœk£{\\‘eµª×M‘šÉfm«Ƒ{Å׃Gŏǩãy³©WÑăû‚··‘Q—òı}¯ã‰I•éÕÂZ¨īès¶ZÈsŽæĔTŘvŽgÌsN@îá¾ó@‰˜ÙwU±ÉT廣TđŸWxq¹Zo‘b‹s[׌¯cĩv‡Œėŧ³BM|¹k‰ªħ—¥TzNYnݍßpęrñĠĉRS~½ŠěVVŠµ‚õ‡«ŒM££µB•ĉ¥áºae~³AuĐh`Ü³ç@BۘïĿa©|z²Ý¼D”£àč²‹ŸƒIƒû›I ā€óK¥}rÝ_Á´éMaň¨€~ªSĈ½Ž½KÙóĿeƃÆBŽ·¬ën×W|Uº}LJrƳ˜lŒµ`bÔ`QˆˆÐÓ@s¬ñIŒÍ@ûws¡åQÑßÁ`ŋĴ{Ī“T•ÚÅTSij‚‹Yo|Ç[ǾµMW¢ĭiÕØ¿@˜šMh…pÕ]j†éò¿OƇĆƇp€êĉâlØw–ěsˆǩ‚ĵ¸c…bU¹ř¨WavquSMzeo_^gsÏ·¥Ó@~¯¿RiīB™Š\\”qTGªÇĜçPoŠÿfñòą¦óQīÈáP•œābß{ƒZŗĸIæńhnszÁCËìñšÏ·ąĚÝUm®ó­L·ăU›Èíoù´Êj°ŁŤ_uµ^‘°Œìǖ@tĶĒ¡Æ‡M³Ģ«˜İĨÅ®ğ†RŽāð“ggheÆ¢z‚Ê©Ô\\°ÝĎz~ź¤Pn–MĪÖB£Ÿk™n鄧żćŠ˜ĆK„Ē°¼L¶è‰âz¨u¦¥LDĘz¬ýÎmĘd¾ß”Fz“hg²™Fy¦ĝ¤ċņbΛ@y‚Ąæm°NĮZRÖíŽJ²öLĸÒ¨Y®ƌÐV‰à˜tt_ڀÂyĠzž]Ţh€zĎ{†ĢX”ˆc|šÐqŽšfO¢¤ög‚ÌHNŽ„PKŖœŽ˜Uú´xx[xˆvĐCûĀŠìÖT¬¸^}Ìsòd´_Ž‡KgžLĴ…ÀBon|H@–Êx˜—¦BpŰˆŌ¿fµƌA¾zLjRxŠ¶F”œkĄźRzŀˆ~¶[”´Hnª–VƞuĒ­È¨ƎcƽÌm¸ÁÈM¦x͊ëÀxdžB’šú^´W†£–d„kɾĬpœw‚˂ØɦļĬIŚœÊ•n›Ŕa¸™~J°î”lɌxĤÊÈðhÌ®‚g˜T´øŽàCˆŽÀ^ªerrƘdž¢İP|Ė ŸWœªĦ^¶´ÂL„aT±üWƜ˜ǀRšŶUńšĖ[QhlLüA†‹Ü\\†qR›Ą©',
+          ],
+          encodeOffsets: [[90849, 37210]],
+        },
+        properties: { cp: [91.132212, 29.660361], name: '西藏', childNum: 1 },
+      },
+      {
+        id: '610000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@˜p¢—ȮµšûG™Ħ}Ħšðǚ¶òƄ€jɂz°{ºØkÈęâ¦jª‚Bg‚\\œċ°s¬Ž’]jžú ‚E”Ȍdž¬s„t‡”RˆÆdĠݎwܔ¸ôW¾ƮłÒ_{’Ìšû¼„jº¹¢GǪÒ¯ĘƒZ`ºŊƒecņąš~BÂgzpâēòYǠȰÌTΨÂWœ|fcŸă§uF—Œ@NŸ¢XLƒŠRMº[ğȣſï|¥J™kc`sʼnǷ’Y¹‹W@µ÷K…ãï³ÛIcñ·VȋڍÒķø©—þ¥ƒy‚ÓŸğęmWµÎumZyOŅƟĥÓ~sÑL¤µaŅY¦ocyZ{‰y c]{ŒTa©ƒ`U_Ěē£ωÊƍKù’K¶ȱÝƷ§{û»ÅÁȹÍéuij|¹cÑd‘ŠìUYƒŽO‘uF–ÕÈYvÁCqӃT•Ǣí§·S¹NgŠV¬ë÷Át‡°Dد’C´ʼnƒópģ}„ċcE˅FŸŸéGU¥×K…§­¶³B‹Č}C¿åċ`wġB·¤őcƭ²ő[Å^axwQO…ÿEËߌ•ĤNĔŸwƇˆÄŠńwĪ­Šo[„_KÓª³“ÙnK‰Çƒěœÿ]ď€ă_d©·©Ýŏ°Ù®g]±„Ÿ‡ß˜å›—¬÷m\\›iaǑkěX{¢|ZKlçhLt€Ňîŵ€œè[€É@ƉĄEœ‡tƇÏ˜³­ħZ«mJ…›×¾‘MtÝĦ£IwÄå\\Õ{‡˜ƒOwĬ©LÙ³ÙgBƕŀr̛ĢŭO¥lãyC§HÍ£ßEñŸX¡—­°ÙCgpťz‘ˆb`wI„vA|§”‡—hoĕ@E±“iYd¥OĻ¹S|}F@¾oAO²{tfžÜ—¢Fǂ҈W²°BĤh^Wx{@„¬‚­F¸¡„ķn£P|ŸªĴ@^ĠĈæb–Ôc¶l˜Yi…–^Mi˜cĎ°Â[ä€vï¶gv@À“Ĭ·lJ¸sn|¼u~a]’ÆÈtŌºJp’ƒþ£KKf~Š¦UbyäIšĺãn‡Ô¿^­žŵMT–hĠܤko¼Ŏìąǜh`[tŒRd²IJ_œXPrɲ‰l‘‚XžiL§àƒ–¹ŽH˜°Ȧqº®QC—bA†„ŌJ¸ĕÚ³ĺ§ `d¨YjžiZvRĺ±öVKkjGȊĐePОZmļKÀ€‚[ŠŽ`ösìh†ïÎoĬdtKÞ{¬èÒÒBŒÔpIJÇĬJŊ¦±J«ˆY§‹@·pH€µàåVKe›pW†ftsAÅqC·¬ko«pHÆuK@oŸHĆۄķhx“e‘n›S³àǍrqƶRbzy€¸ËАl›¼EºpĤ¼Œx¼½~Ğ’”à@†ÚüdK^ˆmÌSj',
+          ],
+          encodeOffsets: [[110234, 38774]],
+        },
+        properties: { cp: [108.948024, 34.263161], name: '陕西', childNum: 1 },
+      },
+      {
+        id: '620000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@VuUv'],
+            [
+              '@@ũ‹EĠtt~nkh`Q‰¦ÅÄÜdw˜Ab×ĠąJˆ¤DüègĺqBqœj°lI¡ĨÒ¤úSHbš‡ŠjΑBŠ°aZˆ¢KJŽ’O[|A£žDx}Nì•HUnrk„ kp€¼Y kMJn[aG‚áÚÏ[½rc†}aQxOgsPMnUs‡nc‹Z…ž–sKúvA›t„Þġ’£®ĀYKdnFwš¢JE°”Latf`¼h¬we|€Æ‡šbj}GA€·~WŽ”—`†¢MC¤tL©IJ°qdf”O‚“bÞĬ¹ttu`^ZúE`Œ[@„Æsîz®¡’C„ƳƜG²“R‘¢R’m”fŽwĸg܃‚ą G@pzJM½mŠhVy¸uÈÔO±¨{LfæU¶ßGĂq\\ª¬‡²I‚¥IʼnÈīoı‹ÓÑAçÑ|«LÝcspīðÍg…të_õ‰\\ĉñLYnĝg’ŸRǡÁiHLlõUĹ²uQjYi§Z_c¨Ÿ´ĹĖÙ·ŋI…ƒaBD˜­R¹ȥr—¯G•ºß„K¨jWk’ɱŠOq›Wij\\a­‹Q\\sg_ĆǛōëp»£lğۀgS•ŶN®À]ˆÓäm™ĹãJaz¥V}‰Le¤L„ýo‘¹IsŋÅÇ^‘Žbz…³tmEÁ´aŠ¹cčecÇN•ĊãÁ\\č¯—dNj•]j†—ZµkÓda•ćå]ğij@ ©O{¤ĸm¢ƒE·®ƒ«|@Xwg]Aģ±¯‡XǁÑdzªc›wQÚŝñsÕ³ÛV_ýƒ˜¥\\ů¥©¾÷w—Ž©WÕÊĩhÿÖÁRo¸V¬âDb¨šhûx–Ê×nj~Zâƒg|šXÁnßYoº§ZÅŘvŒ[„ĭÖʃuďxcVbnUSf…B¯³_Tzº—ΕO©çMÑ~Mˆ³]µ^püµ”ŠÄY~y@X~¤Z³€[Èōl@®Å¼£QKƒ·Di‹¡By‘ÿ‰Q_´D¥hŗyƒ^ŸĭÁZ]cIzý‰ah¹MĪğP‘s{ò‡‹‘²Vw¹t³Ŝˁ[ŽÑ}X\\gsFŸ£sPAgěp×ëfYHāďÖqēŭOÏë“dLü•\\iŒ”t^c®šRʺ¶—¢H°mˆ‘rYŸ£BŸ¹čIoľu¶uI]vģSQ{ƒUŻ”Å}QÂ|̋°ƅ¤ĩŪU ęĄžÌZҞ\\v˜²PĔ»ƢNHƒĂyAmƂwVmž`”]ȏb•”H`‰Ì¢²ILvĜ—H®¤Dlt_„¢JJÄämèÔDëþgºƫ™”aʎÌrêYi~ ÎݤNpÀA¾Ĕ¼b…ð÷’Žˆ‡®‚”üs”zMzÖĖQdȨý†v§Tè|ªH’þa¸|šÐ ƒwKĢx¦ivr^ÿ ¸l öæfƟĴ·PJv}n\\h¹¶v†·À|\\ƁĚN´Ĝ€çèÁz]ġ¤²¨QÒŨTIl‡ªťØ}¼˗ƦvÄùØE‹’«Fï˛Iq”ōŒTvāÜŏ‚íÛߜÛV—j³âwGăÂíNOŠˆŠPìyV³ʼnĖýZso§HіiYw[߆\\X¦¥c]ÔƩÜ·«j‡ÐqvÁ¦m^ċ±R™¦΋ƈťĚgÀ»IïĨʗƮŽ°Ɲ˜ĻþÍAƉſ±tÍEÕÞāNU͗¡\\ſčåÒʻĘm ƭÌŹöʥ’ëQ¤µ­ÇcƕªoIýˆ‰Iɐ_mkl³ă‰Ɠ¦j—¡Yz•Ňi–}Msßõ–īʋ —}ƒÁVmŸ_[n}eı­Uĥ¼‘ª•I{ΧDӜƻėoj‘qYhĹT©oūĶ£]ďxĩ‹ǑMĝ‰q`B´ƃ˺Ч—ç~™²ņj@”¥@đ´ί}ĥtPńǾV¬ufӃÉC‹tÓ̻‰…¹£G³€]ƖƾŎĪŪĘ̖¨ʈĢƂlɘ۪üºňUðǜȢƢż̌ȦǼ‚ĤŊɲĖ­Kq´ï¦—ºĒDzņɾªǀÞĈĂD†½ĄĎÌŗĞrôñnŽœN¼â¾ʄľԆ|DŽŽ֦ज़ȗlj̘̭ɺƅêgV̍ʆĠ·ÌĊv|ýĖÕWĊǎÞ´õ¼cÒÒBĢ͢UĜð͒s¨ňƃLĉÕÝ@ɛƯ÷¿Ľ­ĹeȏijëCȚDŲyê×Ŗyò¯ļcÂßY…tÁƤyAã˾J@ǝrý‹‰@¤…rz¸oP¹ɐÚyᐇHŸĀ[Jw…cVeȴϜ»ÈŽĖ}ƒŰŐèȭǢόĀƪÈŶë;Ñ̆ȤМľĮEŔ—ĹŊũ~ËUă{ŸĻƹɁύȩþĽvĽƓÉ@ē„ĽɲßǐƫʾǗĒpäWÐxnsÀ^ƆwW©¦cÅ¡Ji§vúF¶Ž¨c~c¼īŒeXǚ‹\\đ¾JŽwÀďksãA‹fÕ¦L}wa‚o”Z’‹D½†Ml«]eÒÅaɲáo½FõÛ]ĻÒ¡wYR£¢rvÓ®y®LF‹LzĈ„ôe]gx}•|KK}xklL]c¦£fRtív¦†PĤoH{tK',
+            ],
+          ],
+          encodeOffsets: [[[108619, 36299]], [[108589, 36341]]],
+        },
+        properties: { cp: [103.823557, 36.058039], name: '甘肃', childNum: 2 },
+      },
+      {
+        id: '630000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@InJm'],
+            [
+              '@@CƒÆ½OŃĦsΰ~Ē³¦@@“Ņiš±è}ؘƄ˹A³r_ĞŠǒNĪŒĐw¤^ŬĵªpĺSZg’rpiƼĘԛ¨C|͖J’©Ħ»®VIJ~f\\m `Un„˜~ʌŸ•ĬàöNt•~ňjy–¢Zi˜Ɣ¥ĄŠk´nl`JʇŠJþ©pdƖ®È£¶ìRʦ‘źõƮËnŸʼėæÑƀĎ[‚˜¢VÎĂMÖÝÎF²sƊƀÎBļýƞ—¯ʘƭðħ¼Jh¿ŦęΌƇš¥²Q]Č¥nuÂÏriˆ¸¬ƪÛ^Ó¦d€¥[Wà…x\\ZŽjҕ¨GtpþYŊĕ´€zUO뇉P‰îMĄÁxH´á˜iÜUà›îÜՁĂÛSuŎ‹r“œJð̬EŒ‘FÁú×uÃÎkr“Ē{V}İ«O_ÌËĬ©ŽÓŧSRѱ§Ģ£^ÂyèçěM³Ƃę{[¸¿u…ºµ[gt£¸OƤĿéYŸõ·kĀŸq]juw¥Dĩƍ€õÇPéĽG‘ž©ã‡¤G…uȧþRcÕĕNy“yût“ˆ­‡ø‘†ï»a½ē¿BMoį£ŸÍj}éZËqbʍš“Ƭh¹ìÿÓAçãnIáI`ƒks£CG­ě˜Uy×Cy•…’Ÿ@¶ʡÊBnāzG„ơMē¼±O÷õJËĚăVŸĪũƆ£Œ¯{ËL½Ìzż“„VR|ĠTbuvJvµhĻĖH”Aëáa…­OÇðñęNw‡…œľ·L›mI±íĠĩPÉ×®ÿs—’cB³±JKßĊ«`…ađ»·QAmO’‘Vţéÿ¤¹SQt]]Çx€±¯A@ĉij¢Óļ©•ƒl¶ÅÛr—ŕspãRk~¦ª]Į­´“FR„åd­ČsCqđéFn¿Åƃm’Éx{W©ºƝºįkÕƂƑ¸wWūЩÈFž£\\tÈ¥ÄRÈýÌJ ƒlGr^×äùyÞ³fj”c†€¨£ÂZ|ǓMĝšÏ@ëÜőR‹›ĝ‰Œ÷¡{aïȷPu°ËXÙ{©TmĠ}Y³’­ÞIňµç½©C¡į÷¯B»|St»›]vƒųƒs»”}MÓ ÿʪƟǭA¡fs˜»PY¼c¡»¦c„ċ­¥£~msĉP•–Siƒ^o©A‰Šec‚™PeǵŽkg‚yUi¿h}aH™šĉ^|ᴟ¡HØûÅ«ĉ®]m€¡qĉ¶³ÈyôōLÁst“BŸ®wn±ă¥HSòėš£˜S’ë@לÊăxÇN©™©T±ª£IJ¡fb®ÞbŽb_Ą¥xu¥B—ž{łĝ³«`d˜Ɛt—¤ťiñžÍUuºí`£˜^tƃIJc—·ÛLO‹½Šsç¥Ts{ă\\_»™kϊ±q©čiìĉ|ÍIƒ¥ć¥›€]ª§D{ŝŖÉR_sÿc³Īō›ƿΑ›§p›[ĉ†›c¯bKm›R¥{³„Z†e^ŽŒwx¹dƽŽôIg §Mĕ ƹĴ¿—ǣÜ̓]‹Ý–]snåA{‹eŒƭ`ǻŊĿ\\ijŬű”YÂÿ¬jĖqŽßbŠ¸•L«¸©@ěĀ©ê¶ìÀEH|´bRľž–Ó¶rÀQþ‹vl®Õ‚E˜TzÜdb ˜hw¤{LR„ƒd“c‹b¯‹ÙVgœ‚ƜßzÃô쮍^jUèXΖ|UäÌ»rKŽ\\ŒªN‘¼pZCü†VY††¤ɃRi^rPҒTÖ}|br°qňbĚ°ªiƶGQ¾²„x¦PœmlŜ‘[Ĥ¡ΞsĦŸÔÏâ\\ªÚŒU\\f…¢N²§x|¤§„xĔsZPòʛ²SÐqF`ª„VƒÞŜĶƨVZŒÌL`ˆ¢dŐIqr\\oäõ–F礻Ŷ×h¹]Clـ\\¦ďÌį¬řtTӺƙgQÇÓHţĒ”´ÃbEÄlbʔC”|CˆŮˆk„Ʈ[ʼ¬ňœ´KŮÈΰÌĪ¶ƶlð”ļA†TUvdTŠG†º̼ŠÔ€ŒsÊDԄveOg',
+            ],
+          ],
+          encodeOffsets: [[[105308, 37219]], [[95370, 40081]]],
+        },
+        properties: { cp: [101.778916, 36.623178], name: '青海', childNum: 2 },
+      },
+      {
+        id: '640000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            [
+              '@@KëÀęĞ«OęȿȕŸı]ʼn¡åįÕÔ«Ǵõƪ™ĚQÐZhv K°›öqÀѐS[ÃÖHƖčË‡nL]ûc…Ùß@‚“ĝ‘¾}w»»‹oģF¹œ»kÌÏ·{zPƒ§B­¢íyÅt@ƒ@áš]Yv_ssģ¼i߁”ĻL¾ġsKD£¡N_…“˜X¸}B~Haiˆ™Åf{«x»ge_bs“KF¯¡Ix™mELcÿZ¤­Ģ‘ƒÝœsuBLù•t†ŒYdˆmVtNmtOPhRw~bd…¾qÐ\\âÙH\\bImlNZŸ»loƒŸqlVm–Gā§~QCw¤™{A\\‘PKŸNY‡¯bF‡kC¥’sk‹Šs_Ã\\ă«¢ħkJi¯r›rAhĹûç£CU‡ĕĊ_ԗBixÅُĄnªÑaM~ħpOu¥sîeQ¥¤^dkKwlL~{L~–hw^‚ófćƒKyEŒ­K­zuÔ¡qQ¤xZÑ¢^ļöܾEpž±âbÊÑÆ^fk¬…NC¾‘Œ“YpxbK~¥Že֎ŒäBlt¿Đx½I[ĒǙŒWž‹f»Ĭ}d§dµùEuj¨‚IÆ¢¥dXªƅx¿]mtÏwßRĶŒX¢͎vÆzƂZò®ǢÌʆCrâºMÞzžÆMҔÊÓŊZľ–r°Î®Ȉmª²ĈUªĚøºˆĮ¦ÌĘk„^FłĬhĚiĀĖ¾iİbjÕ',
+            ],
+            ['@@mfwěwMrŢªv@G‰'],
+          ],
+          encodeOffsets: [[[109366, 40242]], [[108600, 36303]]],
+        },
+        properties: { cp: [106.278179, 38.46637], name: '宁夏', childNum: 2 },
+      },
+      {
+        id: '650000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@QØĔ²X¨”~ǘBºjʐßØvK”ƔX¨vĊOžÃƒ·¢i@~c—‡ĝe_«”Eš“}QxgɪëÏÃ@sÅyXoŖ{ô«ŸuX…ê•Îf`œC‚¹ÂÿÐGĮÕĞXŪōŸMźÈƺQèĽôe|¿ƸJR¤ĘEjcUóº¯Ĩ_ŘÁMª÷Ð¥Oéȇ¿ÖğǤǷÂF҇zÉx[]­Ĥĝ‰œ¦EP}ûƥé¿İƷTėƫœŕƅ™ƱB»Đ±’ēO…¦E–•}‘`cȺrĦáŖuҞª«IJ‡πdƺÏØZƴwʄ¤ĖGЙǂZĶƒèH¶}ÚZצʥĪï|ÇĦMŔ»İĝLj‹ì¥Βœba­¯¥ǕǚkĆŵĦɑĺƯxūД̵nơʃĽá½M»›òmqóŘĝč˾ăC…ćāƿÝɽ©DZŅ¹đ¥˜³ðLrÁ®ɱĕģʼnǻ̋ȥơŻǛȡVï¹Ň۩ûkɗġƁ§ʇė̕ĩũƽō^ƕŠUv£ƁQï“Ƶkŏ½ΉÃŭdzLқʻ«ƭ\\lƒ‡ŭD‡“{ʓDkaFÃÄa“³ŤđÔGRÈƚhSӹŚsİ«ĐË[¥ÚDkº^Øg¼ŵ¸£EÍö•€ůʼnT¡c_‡ËKY‹ƧUśĵ„݃U_©rETÏʜ±OñtYwē¨ƒ{£¨uM³x½şL©Ùá[ÓÐĥ Νtģ¢\\‚ś’nkO›w¥±ƒT»ƷFɯàĩÞáB¹Æ…ÑUw„੍žĽw[“mG½Èå~‡Æ÷QyŠěCFmĭZī—ŵVÁ™ƿQƛ—ûXS²‰b½KϽĉS›©ŷXĕŸ{ŽĕK·¥Ɨcqq©f¿]‡ßDõU³h—­gËÇïģÉɋw“k¯í}I·šœbmœÉ–ř›īJɥĻˁ×xo›ɹī‡l•c…¤³Xù]‘™DžA¿w͉ì¥wÇN·ÂËnƾƍdǧđ®Ɲv•Um©³G\\“}µĿ‡QyŹl㓛µEw‰LJQ½yƋBe¶ŋÀů‡ož¥A—˜Éw@•{Gpm¿Aij†ŽKLhˆ³`ñcËtW‚±»ÕS‰ëüÿďD‡u\\wwwù³—V›LŕƒOMËGh£õP¡™er™Ïd{“‡ġWÁ…č|yšg^ğyÁzÙs`—s|ÉåªÇ}m¢Ń¨`x¥’ù^•}ƒÌ¥H«‰Yªƅ”Aйn~ź¯šf¤áÀz„gŠÇDIԝ´AňĀ҄¶ûEYospõD[{ù°]u›Jq•U•|Soċxţ[õÔĥkŋÞŭZ˺óYËüċrw €ÞkrťË¿XGÉbřaDü·Ē÷Aê[Ää€I®BÕИÞ_¢āĠpŠÛÄȉĖġDKwbm‡ÄNô‡ŠfœƫVÉvi†dz—H‘‹QµâFšù­Âœ³¦{YGžƒd¢ĚÜO „€{Ö¦ÞÍÀPŒ^b–ƾŠlŽ[„vt×ĈÍE˨¡Đ~´î¸ùÎh€uè`¸ŸHÕŔVºwĠââWò‡@{œÙNÝ´ə²ȕn{¿¥{l—÷eé^e’ďˆXj©î\\ªÑò˜Üìc\\üqˆÕ[Č¡xoÂċªbØ­Œø|€¶ȴZdÆšońéŒGš\\”¼C°ÌƁn´nxšÊOĨ’Ūƴĸ¢¸òTxÊǪMīИÖŲÃɎOvˆʦƢ~FŽ‡Rěò—¿ġ~åŊœú‰Nšžš¸qŽ’Ę[Ĕ¶ÂćnÒPĒÜvúĀÊbÖ{Äî¸~Ŕünp¤ÂH¾œĄYÒ©ÊfºmԈĘcDoĬMŬ’˜S¤„s²‚”ʘچžȂVŦ –ŽèW°ªB|IJXŔþÈJĦÆæFĚêŠYĂªĂ]øªŖNÞüA€’fɨJ€˜¯ÎrDDšĤ€`€mz\\„§~D¬{vJÂ˜«lµĂb–¤p€ŌŰNĄ¨ĊXW|ų ¿¾ɄĦƐMT”‡òP˜÷fØĶK¢ȝ˔Sô¹òEð­”`Ɩ½ǒÂň×äı–§ĤƝ§C~¡‚hlå‚ǺŦŞkâ’~}ŽFøàIJaĞ‚fƠ¥Ž„Ŕdž˜®U¸ˆźXœv¢aƆúŪtŠųƠjd•ƺŠƺÅìnrh\\ĺ¯äɝĦ]èpĄ¦´LƞĬŠ´ƤǬ˼Ēɸ¤rºǼ²¨zÌPðŀbþ¹ļD¢¹œ\\ĜÑŚŸ¶ZƄ³àjĨoâŠȴLʉȮŒĐ­ĚăŽÀêZǚŐ¤qȂ\\L¢ŌİfÆs|zºeªÙæ§΢{Ā´ƐÚ¬¨Ĵà²łhʺKÞºÖTŠiƢ¾ªì°`öøu®Ê¾ãØ',
+          ],
+          encodeOffsets: [[88824, 50096]],
+        },
+        properties: { cp: [87.617733, 43.792818], name: '新疆', childNum: 1 },
+      },
+      {
+        id: '110000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@ĽOÁ›ûtŷmiÍt_H»Ĩ±d`Š¹­{bw…Yr“³S]§§o¹€qGtm_Sŧ€“oa›‹FLg‘QN_•dV€@Zom_ć\\ߚc±x¯oœRcfe…£’o§ËgToÛJíĔóu…|wP¤™XnO¢ÉˆŦ¯rNÄā¤zâŖÈRpŢZŠœÚ{GŠrFt¦Òx§ø¹RóäV¤XdˆżâºWbwŚ¨Ud®bêņ¾‘jnŎGŃŶŠnzÚSeîĜZczî¾i]͜™QaúÍÔiþĩȨWĢ‹ü|Ėu[qb[swP@ÅğP¿{\\‡¥A¨Ï‘Ѩj¯ŠX\\¯œMK‘pA³[H…īu}}',
+          ],
+          encodeOffsets: [[120023, 41045]],
+        },
+        properties: { cp: [116.405285, 39.904989], name: '北京', childNum: 1 },
+      },
+      {
+        id: '120000',
+        type: 'Feature',
+        geometry: {
+          type: 'Polygon',
+          coordinates: [
+            '@@ŬgX§Ü«E…¶Ḟ“¬O_™ïlÁg“z±AXe™µÄĵ{¶]gitgšIj·›¥îakS€‰¨ÐƎk}ĕ{gB—qGf{¿a†U^fI“ư‹³õ{YƒıëNĿžk©ïËZŏ‘R§òoY×Ógc…ĥs¡bġ«@dekąI[nlPqCnp{ˆō³°`{PNdƗqSÄĻNNâyj]äžÒD ĬH°Æ]~¡HO¾ŒX}ÐxŒgp“gWˆrDGˆŒpù‚Š^L‚ˆrzWxˆZ^¨´T\\|~@I‰zƒ–bĤ‹œjeĊªz£®Ĕvě€L†mV¾Ô_ȔNW~zbĬvG†²ZmDM~”~',
+          ],
+          encodeOffsets: [[120237, 41215]],
+        },
+        properties: { cp: [117.190182, 39.125596], name: '天津', childNum: 1 },
+      },
+      {
+        id: '310000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@ɧư¬EpƸÁxc‡'],
+            ['@@©„ªƒ'],
+            ['@@”MA‹‘š'],
+            ['@@Qp݁E§ÉC¾'],
+            ['@@bŝՕÕEȣÚƥêImɇǦèÜĠŒÚžÃƌÃ͎ó'],
+            ['@@ǜûȬɋŠŭ™×^‰sYŒɍDŋ‘ŽąñCG²«ªč@h–_p¯A{‡oloY€¬j@IJ`•gQڛhr|ǀ^MIJvtbe´R¯Ô¬¨YŽô¤r]ì†Ƭį'],
+          ],
+          encodeOffsets: [
+            [[124702, 32062]],
+            [[124547, 32200]],
+            [[124808, 31991]],
+            [[124726, 32110]],
+            [[124903, 32376]],
+            [[124438, 32149]],
+          ],
+        },
+        properties: { cp: [121.472644, 31.231706], name: '上海', childNum: 6 },
+      },
+      {
+        id: '500000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            [
+              '@@vjG~nGŘŬĶȂƀƾ¹¸ØÎezĆT¸}êЖqHŸðqĖ䒊¥^CƒIj–²p…\\_ æüY|[YxƊæuž°xb®…Űb@~¢NQt°¶‚S栓Ê~rljĔëĚ¢~šuf`‘‚†fa‚ĔJåĊ„nÖ]„jƎćÊ@Š£¾a®£Ű{ŶĕF‹ègLk{Y|¡ĜWƔtƬJÑxq‹±ĢN´‰òK‰™–LÈüD|s`ŋ’ć]ƒÃ‰`đŒMûƱ½~Y°ħ`ƏíW‰½eI‹½{aŸ‘OIrÏ¡ĕŇa†p†µÜƅġ‘œ^ÖÛbÙŽŏml½S‹êqDu[R‹ãË»†ÿw`»y‘¸_ĺę}÷`M¯ċfCVµqʼn÷Z•gg“Œ`d½pDO‡ÎCnœ^uf²ènh¼WtƏxRGg¦…pV„†FI±ŽG^ŒIc´ec‡’G•ĹÞ½sëĬ„h˜xW‚}Kӈe­Xsbk”F¦›L‘ØgTkïƵNï¶}Gy“w\\oñ¡nmĈzjŸ•@™Óc£»Wă¹Ój“_m»ˆ¹·~MvÛaqœ»­‰êœ’\\ÂoVnŽÓØ͙²«‹bq¿efE „€‹Ĝ^Qž~ Évý‡ş¤²Į‰pEİ}zcĺƒL‹½‡š¿gņ›¡ýE¡ya£³t\\¨\\vú»¼§·Ñr_oÒý¥u‚•_n»_ƒ•At©Þűā§IVeëƒY}{VPÀFA¨ąB}q@|Ou—\\Fm‰QF݅Mw˜å}]•€|FmϋCaƒwŒu_p—¯sfÙgY…DHl`{QEfNysBŠ¦zG¸rHe‚„N\\CvEsÐùÜ_·ÖĉsaQ¯€}_U‡†xÃđŠq›NH¬•Äd^ÝŰR¬ã°wećJEž·vÝ·Hgƒ‚éFXjÉê`|yŒpxkAwœWĐpb¥eOsmzwqChóUQl¥F^laf‹anòsr›EvfQdÁUVf—ÎvÜ^efˆtET¬ôA\\œ¢sJŽnQTjP؈xøK|nBz‰„œĞ»LY‚…FDxӄvr“[ehľš•vN”¢o¾NiÂxGp⬐z›bfZo~hGi’]öF|‰|Nb‡tOMn eA±ŠtPT‡LjpYQ|†SH††YĀxinzDJ€Ìg¢và¥Pg‰_–ÇzII‹€II•„£®S¬„Øs쐣ŒN',
+            ],
+            ['@@ifjN@s'],
+          ],
+          encodeOffsets: [[[109628, 30765]], [[111725, 31320]]],
+        },
+        properties: { cp: [106.504962, 29.533155], name: '重庆', childNum: 2 },
+      },
+      {
+        id: '810000',
+        type: 'Feature',
+        geometry: {
+          type: 'MultiPolygon',
+          coordinates: [
+            ['@@AlBk'],
+            ['@@mŽn'],
+            ['@@EpFo'],
+            ['@@ea¢pl¸Eõ¹‡hj[ƒ]ÔCΖ@lj˜¡uBXŸ…•´‹AI¹…[‹yDUˆ]W`çwZkmc–…M›žp€Åv›}I‹oJlcaƒfёKŽ°ä¬XJmРđhI®æÔtSHn€Eˆ„ÒrÈc'],
+            ['@@rMUw‡AS®€e'],
+          ],
+          encodeOffsets: [
+            [[117111, 23002]],
+            [[117072, 22876]],
+            [[117045, 22887]],
+            [[116975, 23082]],
+            [[116882, 22747]],
+          ],
+        },
+        properties: { cp: [114.173355, 22.320048], name: '香港', childNum: 5 },
+      },
+      {
+        id: '820000',
+        type: 'Feature',
+        geometry: { type: 'Polygon', coordinates: ['@@kÊd°å§s'], encodeOffsets: [[116279, 22639]] },
+        properties: { cp: [113.54909, 22.198951], name: '澳门', childNum: 1 },
+      },
+    ],
+    UTF8Encoding: true,
+  })
+})
diff --git a/src/views/charts/components/map/index.vue b/src/views/charts/components/map/index.vue
index a093182..81102de 100644
--- a/src/views/charts/components/map/index.vue
+++ b/src/views/charts/components/map/index.vue
@@ -1,289 +1,290 @@
-
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import 'echarts-liquidfill/src/liquidFill.js'
-import './china.js'
-import './bmap.min.js'
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import 'echarts-liquidfill/src/liquidFill.js'
+  import './china.js'
+  import './bmap.min.js'
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-
-    //城市经纬度
-var geoCoordMap = {
-  "北京": [116.46, 39.92],
-  "成都": [104.06, 30.67],
-  "杭州": [120.19, 30.26],
-  "济南": [117, 36.65],
-  "福州": [119.3, 26.08],
-  "上海": [121.48, 31.22],
-  "重庆": [106.54, 29.59],
-  "深圳": [114.07, 22.62],
-  "宁波": [121.56, 29.86],
-  "南昌": [115.89, 28.68],
-  "广州": [113.23, 23.16],
-  "厦门": [118.1, 24.46],
-  "太原": [112.53, 37.87],
-  "哈尔滨": [126.63, 45.75],
-  "西安": [108.95, 34.27],
-  "沈阳": [123.38, 41.8],
-  "大连": [121.62, 38.92],
-  "海口": [110.35, 20.02],
-  "长沙": [113, 28.21],
-  "银川": [106.27, 38.47],
-  "石家庄": [114.48, 38.03],
-  "昆明": [102.73, 25.04],
-  "武汉": [114.31, 30.52],
-  "呼和浩特": [111.65, 40.82],
-  "天津": [117.2, 39.13],
-  "贵阳": [106.71, 26.57],
-  "兰州": [103.73, 36.03],
-  "青岛": [120.33, 36.07],
-  "南京": [118.78, 32.04],
-  "长春": [125.35, 43.88],
-  "郑州": [113.65, 34.76],
-  "西宁": [101.74, 36.56],
-  "合肥": [117.27, 31.86],
-  "南宁": [108.33, 22.84],
-  "拉萨": [91.11, 29.97],
-  "乌鲁木齐": [87.68, 43.77]
-};
-
-
-//数据部分
-var data = [
-  {name:"北京",value:88.8},
-  {name:"成都",value:88.7},
-  {name:"厦门",value:88.01},
-  {name:"杭州",value:87.9},
-  {name:"济南",value:87.48},
-  {name:"福州",value:87.47},
-  {name:"上海",value:87.43},
-  {name:"重庆",value:87.38},
-  {name:"深圳",value:87.37},
-  {name:"昆明",value:87.26},
-  {name:"宁波",value:87.1},
-  {name:"南昌",value:86.06},
-  {name:"广州",value:85.89},
-  {name:"太原",value:84.45},
-  {name:"哈尔滨",value:83.96},
-  {name:"西安",value:83.24},
-  {name:"沈阳",value:82.96},
-  {name:"大连",value:82.94},
-  {name:"海口",value:82.88},
-  {name:"长沙",value:82.85},
-  {name:"银川",value:82.49},
-  {name:"石家庄",value:82.24},
-  {name:"武汉",value:81.68},
-  {name:"呼和浩特",value:81.61},
-  {name:"天津",value:80.99},
-  {name:"贵阳",value:80.71},
-  {name:"兰州",value:80.69},
-  {name:"南京",value:80.65},
-  {name:"青岛",value:80.61},
-  {name:"长春",value:80.1},
-  {name:"郑州",value:79.56},
-  {name:"西宁",value:79.07},
-  {name:"南宁",value:78.2},
-  {name:"合肥",value:77.29},
-  {name:"乌鲁木齐",value:76.91},
-  {name:"拉萨",value:76.01}
-];
-var convertData = function(data) {
-  var res = [];
-  for (var i = 0; i < data.length; i++) {
-    var geoCoord = geoCoordMap[data[i].name];
-    if (geoCoord) {
-      res.push({
-        name: data[i].name,
-        value: geoCoord.concat(data[i].value)
-      });
-    }
-  }
-  return res;
-};
-
-
-const options = {
-  toolbox: {
-    show: true,
-    feature: {
-      dataView: {
-        show: true,
-        readOnly: true
-      },
-      restore: {
-        show: true
-      },
-      saveAsImage: {
-        show: true
-      }
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    top:40,
-    right:40
-  },
-  title: {
-    //text: '2020年全国大厅监测得分',
-    top:40,
-    //subtext: 'from 零点有数',
-    left: 'center',
-    textStyle: {
-      color: '#ffffff',
-      fontSize: 30
+    config: {
+      type: Object,
+      default: () => {},
     },
-    subtextStyle: {
-      fontSize: 20
-    }
-  },
-  legend: {
-    left: 'left',
-    data: ['强', '中', '弱'],
-    textStyle: {
-      color: '#ccc'
-    }
-  },
-  backgroundColor: {
-    type: 'linear',
-    x: 0,
-    y: 0,
-    x2: 1,
-    y2: 1,
-    colorStops: [{
-      offset: 0, color: '#0f2c70' // 0% 处的颜色
-    }, {
-      offset: 1, color: '#091732' // 100% 处的颜色
-    }],
-    globalCoord: false // 缺省为 false
-  },
-  visualMap: {
-    min: 75,
-    max: 90,
-    left: 40,
-    bottom: 40,
-    calculable: false,
-    text: ['高', '低'],
-    inRange: {
-      color: ['rgb(4, 1, 255)', 'rgb(225, 1, 255)']
+    id: {
+      type: String,
+      default: 'chart',
     },
-    textStyle: {
-      color: '#ffffff',
-      fontSize: 10
-    }
-  },
-  geo: {
-    map: 'china',
-    show: true,
-    roam: true,
-    label: {
-      emphasis: {
-        show: true
-      }
+    width: {
+      type: String,
+      default: '200px',
     },
-    itemStyle: {
-      normal: {
-        areaColor: '#091632',
-        borderColor: '#1773c3',
-        shadowColor: '#1773c3',
-        shadowBlur: 20
-      }
-    }
-  },
-  series: [
-    {
-      type: 'map',
-      map: 'china',
-      geoIndex: 1,
-      aspectScale: 0.75, //长宽比
-      showLegendSymbol: true, // 存在legend时显示
-      label: {
-        normal: {
-          show: false,
-        },
-        emphasis: {
-          show: false,
-          textStyle: {
-            color: '#fff'
-          }
-        }
-      },
-      roam: true,
-      itemStyle: {
-        normal: {
-          areaColor: '#031525',
-          borderColor: '#3B5077',
-          borderWidth: 1.5
-        },
-        emphasis: {
-          areaColor: '#0f2c70'
-        }
-      },
+    height: {
+      type: String,
+      default: '200px',
     },
-    {
-      name: '城市',
-      type: 'scatter',
-      coordinateSystem: 'geo',
-      data: convertData(data),
-      symbolSize: function (val) {
-        return val[2]/8;
-      },
-      label: {
-        normal: {
-          formatter: '{b}',
-          position: 'bottom',
-          textStyle:{
-            fontSize:10,
-            fontWeight:'bolder',
-            color:'#ffffff'
-          },
-          show: true
-        },
-        emphasis: {
-          show: true
-        }
-      },
-      itemStyle: {
-        normal: {
-          color: '#ddb926'
-        }
-      }
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
 
-})
+  //城市经纬度
+  var geoCoordMap = {
+    北京: [116.46, 39.92],
+    成都: [104.06, 30.67],
+    杭州: [120.19, 30.26],
+    济南: [117, 36.65],
+    福州: [119.3, 26.08],
+    上海: [121.48, 31.22],
+    重庆: [106.54, 29.59],
+    深圳: [114.07, 22.62],
+    宁波: [121.56, 29.86],
+    南昌: [115.89, 28.68],
+    广州: [113.23, 23.16],
+    厦门: [118.1, 24.46],
+    太原: [112.53, 37.87],
+    哈尔滨: [126.63, 45.75],
+    西安: [108.95, 34.27],
+    沈阳: [123.38, 41.8],
+    大连: [121.62, 38.92],
+    海口: [110.35, 20.02],
+    长沙: [113, 28.21],
+    银川: [106.27, 38.47],
+    石家庄: [114.48, 38.03],
+    昆明: [102.73, 25.04],
+    武汉: [114.31, 30.52],
+    呼和浩特: [111.65, 40.82],
+    天津: [117.2, 39.13],
+    贵阳: [106.71, 26.57],
+    兰州: [103.73, 36.03],
+    青岛: [120.33, 36.07],
+    南京: [118.78, 32.04],
+    长春: [125.35, 43.88],
+    郑州: [113.65, 34.76],
+    西宁: [101.74, 36.56],
+    合肥: [117.27, 31.86],
+    南宁: [108.33, 22.84],
+    拉萨: [91.11, 29.97],
+    乌鲁木齐: [87.68, 43.77],
+  }
+
+  //数据部分
+  var data = [
+    { name: '北京', value: 88.8 },
+    { name: '成都', value: 88.7 },
+    { name: '厦门', value: 88.01 },
+    { name: '杭州', value: 87.9 },
+    { name: '济南', value: 87.48 },
+    { name: '福州', value: 87.47 },
+    { name: '上海', value: 87.43 },
+    { name: '重庆', value: 87.38 },
+    { name: '深圳', value: 87.37 },
+    { name: '昆明', value: 87.26 },
+    { name: '宁波', value: 87.1 },
+    { name: '南昌', value: 86.06 },
+    { name: '广州', value: 85.89 },
+    { name: '太原', value: 84.45 },
+    { name: '哈尔滨', value: 83.96 },
+    { name: '西安', value: 83.24 },
+    { name: '沈阳', value: 82.96 },
+    { name: '大连', value: 82.94 },
+    { name: '海口', value: 82.88 },
+    { name: '长沙', value: 82.85 },
+    { name: '银川', value: 82.49 },
+    { name: '石家庄', value: 82.24 },
+    { name: '武汉', value: 81.68 },
+    { name: '呼和浩特', value: 81.61 },
+    { name: '天津', value: 80.99 },
+    { name: '贵阳', value: 80.71 },
+    { name: '兰州', value: 80.69 },
+    { name: '南京', value: 80.65 },
+    { name: '青岛', value: 80.61 },
+    { name: '长春', value: 80.1 },
+    { name: '郑州', value: 79.56 },
+    { name: '西宁', value: 79.07 },
+    { name: '南宁', value: 78.2 },
+    { name: '合肥', value: 77.29 },
+    { name: '乌鲁木齐', value: 76.91 },
+    { name: '拉萨', value: 76.01 },
+  ]
+  var convertData = function (data) {
+    var res = []
+    for (var i = 0; i < data.length; i++) {
+      var geoCoord = geoCoordMap[data[i].name]
+      if (geoCoord) {
+        res.push({
+          name: data[i].name,
+          value: geoCoord.concat(data[i].value),
+        })
+      }
+    }
+    return res
+  }
+
+  const options = {
+    toolbox: {
+      show: true,
+      feature: {
+        dataView: {
+          show: true,
+          readOnly: true,
+        },
+        restore: {
+          show: true,
+        },
+        saveAsImage: {
+          show: true,
+        },
+      },
+      top: 40,
+      right: 40,
+    },
+    title: {
+      //text: '2020年全国大厅监测得分',
+      top: 40,
+      //subtext: 'from 零点有数',
+      left: 'center',
+      textStyle: {
+        color: '#ffffff',
+        fontSize: 30,
+      },
+      subtextStyle: {
+        fontSize: 20,
+      },
+    },
+    legend: {
+      left: 'left',
+      data: ['强', '中', '弱'],
+      textStyle: {
+        color: '#ccc',
+      },
+    },
+    backgroundColor: {
+      type: 'linear',
+      x: 0,
+      y: 0,
+      x2: 1,
+      y2: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: '#0f2c70', // 0% 处的颜色
+        },
+        {
+          offset: 1,
+          color: '#091732', // 100% 处的颜色
+        },
+      ],
+      globalCoord: false, // 缺省为 false
+    },
+    visualMap: {
+      min: 75,
+      max: 90,
+      left: 40,
+      bottom: 40,
+      calculable: false,
+      text: ['高', '低'],
+      inRange: {
+        color: ['rgb(4, 1, 255)', 'rgb(225, 1, 255)'],
+      },
+      textStyle: {
+        color: '#ffffff',
+        fontSize: 10,
+      },
+    },
+    geo: {
+      map: 'china',
+      show: true,
+      roam: true,
+      label: {
+        emphasis: {
+          show: true,
+        },
+      },
+      itemStyle: {
+        normal: {
+          areaColor: '#091632',
+          borderColor: '#1773c3',
+          shadowColor: '#1773c3',
+          shadowBlur: 20,
+        },
+      },
+    },
+    series: [
+      {
+        type: 'map',
+        map: 'china',
+        geoIndex: 1,
+        aspectScale: 0.75, //长宽比
+        showLegendSymbol: true, // 存在legend时显示
+        label: {
+          normal: {
+            show: false,
+          },
+          emphasis: {
+            show: false,
+            textStyle: {
+              color: '#fff',
+            },
+          },
+        },
+        roam: true,
+        itemStyle: {
+          normal: {
+            areaColor: '#031525',
+            borderColor: '#3B5077',
+            borderWidth: 1.5,
+          },
+          emphasis: {
+            areaColor: '#0f2c70',
+          },
+        },
+      },
+      {
+        name: '城市',
+        type: 'scatter',
+        coordinateSystem: 'geo',
+        data: convertData(data),
+        symbolSize: function (val) {
+          return val[2] / 8
+        },
+        label: {
+          normal: {
+            formatter: '{b}',
+            position: 'bottom',
+            textStyle: {
+              fontSize: 10,
+              fontWeight: 'bolder',
+              color: '#ffffff',
+            },
+            show: true,
+          },
+          emphasis: {
+            show: true,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: '#ddb926',
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/migration/get.js b/src/views/charts/components/migration/get.js
index 80a5ac0..b044e20 100644
--- a/src/views/charts/components/migration/get.js
+++ b/src/views/charts/components/migration/get.js
@@ -1 +1,3043 @@
-export const geoJson = {"type":"FeatureCollection","features":[{"type":"Feature","id":"xin_jiang","properties":{"name":"新疆","cp":[84.9023,41.748],"childNum":18},"geometry":{"type":"Polygon","coordinates":[[[96.416,42.7588],[96.416,42.7148],[95.9766,42.4951],[96.0645,42.3193],[96.2402,42.2314],[95.9766,41.9238],[95.2734,41.6162],[95.1855,41.792],[94.5703,41.4844],[94.043,41.0889],[93.8672,40.6934],[93.0762,40.6494],[92.6367,39.6387],[92.373,39.3311],[92.373,39.1113],[92.373,39.0234],[90.1758,38.4961],[90.3516,38.2324],[90.6152,38.3203],[90.5273,37.8369],[91.0547,37.4414],[91.3184,37.0898],[90.7031,36.7822],[90.791,36.6064],[91.0547,36.5186],[91.0547,36.0791],[90.8789,36.0352],[90,36.2549],[89.9121,36.0791],[89.7363,36.0791],[89.209,36.2988],[88.7695,36.3428],[88.5938,36.4746],[87.3633,36.4307],[86.2207,36.167],[86.1328,35.8594],[85.6055,35.6836],[85.0781,35.7275],[84.1992,35.376],[83.1445,35.4199],[82.8809,35.6836],[82.4414,35.7275],[82.002,35.332],[81.6504,35.2441],[80.4199,35.4199],[80.2441,35.2881],[80.332,35.1563],[80.2441,35.2002],[79.8926,34.8047],[79.8047,34.4971],[79.1016,34.4531],[79.0137,34.3213],[78.2227,34.7168],[78.0469,35.2441],[78.0469,35.5078],[77.4316,35.4639],[76.8164,35.6396],[76.5527,35.8594],[76.2012,35.8154],[75.9375,36.0352],[76.0254,36.4746],[75.8496,36.6943],[75.498,36.7383],[75.4102,36.958],[75.0586,37.002],[74.8828,36.9141],[74.7949,37.0459],[74.5313,37.0898],[74.5313,37.2217],[74.8828,37.2217],[75.1465,37.4414],[74.8828,37.5732],[74.9707,37.749],[74.8828,38.4521],[74.3555,38.6719],[74.1797,38.6719],[74.0918,38.54],[73.8281,38.584],[73.7402,38.8477],[73.8281,38.9795],[73.4766,39.375],[73.916,39.5068],[73.916,39.6826],[73.8281,39.7705],[74.0039,40.0342],[74.8828,40.3418],[74.7949,40.5176],[75.2344,40.4297],[75.5859,40.6494],[75.7617,40.2979],[76.377,40.3857],[76.9043,41.001],[77.6074,41.001],[78.1348,41.2207],[78.1348,41.3965],[80.1563,42.0557],[80.2441,42.2754],[80.1563,42.627],[80.2441,42.8467],[80.5078,42.8906],[80.4199,43.0664],[80.7715,43.1982],[80.4199,44.165],[80.4199,44.6045],[79.9805,44.8242],[79.9805,44.9561],[81.7383,45.3955],[82.0898,45.2197],[82.5293,45.2197],[82.2656,45.6592],[83.0566,47.2412],[83.6719,47.0215],[84.7266,47.0215],[84.9023,46.8896],[85.5176,47.0654],[85.6934,47.2852],[85.5176,48.1201],[85.7813,48.4277],[86.5723,48.5596],[86.8359,48.8232],[86.748,48.9551],[86.8359,49.1309],[87.8027,49.1748],[87.8906,48.999],[87.7148,48.9111],[88.0664,48.7354],[87.9785,48.6035],[88.5059,48.3838],[88.6816,48.1641],[89.1211,47.9883],[89.5605,48.0322],[89.7363,47.8564],[90.0879,47.8564],[90.3516,47.6807],[90.5273,47.2412],[90.8789,46.9775],[91.0547,46.582],[90.8789,46.3184],[91.0547,46.0107],[90.7031,45.7471],[90.7031,45.5273],[90.8789,45.2197],[91.582,45.0879],[93.5156,44.9561],[94.7461,44.3408],[95.3613,44.2969],[95.3613,44.0332],[95.5371,43.9014],[95.8887,43.2422],[96.3281,42.9346],[96.416,42.7588]]]}},{"type":"Feature","id":"xi_zang","properties":{"name":"西藏","cp":[88.7695,31.6846],"childNum":7},"geometry":{"type":"Polygon","coordinates":[[[79.0137,34.3213],[79.1016,34.4531],[79.8047,34.4971],[79.8926,34.8047],[80.2441,35.2002],[80.332,35.1563],[80.2441,35.2881],[80.4199,35.4199],[81.6504,35.2441],[82.002,35.332],[82.4414,35.7275],[82.8809,35.6836],[83.1445,35.4199],[84.1992,35.376],[85.0781,35.7275],[85.6055,35.6836],[86.1328,35.8594],[86.2207,36.167],[87.3633,36.4307],[88.5938,36.4746],[88.7695,36.3428],[89.209,36.2988],[89.7363,36.0791],[89.3848,36.0352],[89.4727,35.9033],[89.7363,35.7715],[89.7363,35.4199],[89.4727,35.376],[89.4727,35.2441],[89.5605,34.8926],[89.8242,34.8486],[89.7363,34.6729],[89.8242,34.3652],[89.6484,34.0137],[90.0879,33.4863],[90.7031,33.1348],[91.4063,33.1348],[91.9336,32.8271],[92.1973,32.8271],[92.2852,32.7393],[92.9883,32.7393],[93.5156,32.4756],[93.7793,32.5635],[94.1309,32.4316],[94.6582,32.6074],[95.1855,32.4316],[95.0098,32.2998],[95.1855,32.3438],[95.2734,32.2119],[95.3613,32.168],[95.3613,31.9922],[95.4492,31.8164],[95.8008,31.6846],[95.9766,31.8164],[96.1523,31.5967],[96.2402,31.9482],[96.5039,31.7285],[96.8555,31.6846],[96.7676,31.9922],[97.2949,32.0801],[97.3828,32.5635],[97.7344,32.5195],[98.1738,32.3438],[98.4375,31.8604],[98.877,31.4209],[98.6133,31.2012],[98.9648,30.7617],[99.1406,29.2676],[98.9648,29.1357],[98.9648,28.8281],[98.7891,28.8721],[98.7891,29.0039],[98.7012,28.916],[98.6133,28.5205],[98.7891,28.3447],[98.7012,28.2129],[98.3496,28.125],[98.2617,28.3887],[98.1738,28.125],[97.5586,28.5205],[97.2949,28.0811],[97.3828,27.9053],[97.0313,27.7295],[96.5039,28.125],[95.7129,28.2568],[95.3613,28.125],[95.2734,27.9492],[94.2188,27.5537],[93.8672,27.0264],[93.6035,26.9385],[92.1094,26.8506],[92.0215,27.4658],[91.582,27.5537],[91.582,27.9053],[91.4063,28.0371],[91.0547,27.8613],[90.7031,28.0811],[89.8242,28.2129],[89.6484,28.1689],[89.1211,27.5977],[89.1211,27.334],[89.0332,27.2021],[88.7695,27.4219],[88.8574,27.9932],[88.6816,28.125],[88.1543,27.9053],[87.8906,27.9492],[87.7148,27.8174],[87.0996,27.8174],[86.748,28.125],[86.5723,28.125],[86.4844,27.9053],[86.1328,28.125],[86.0449,27.9053],[85.6934,28.3447],[85.6055,28.2568],[85.166,28.3447],[85.166,28.6523],[84.9023,28.5645],[84.4629,28.7402],[84.2871,28.8721],[84.1992,29.2236],[84.1113,29.2676],[83.584,29.1797],[83.2324,29.5752],[82.1777,30.0586],[82.0898,30.3223],[81.3867,30.3662],[81.2109,30.0146],[81.0352,30.2344],[80.0684,30.5859],[79.7168,30.9375],[79.0137,31.0693],[78.75,31.333],[78.8379,31.5967],[78.6621,31.8164],[78.75,31.9043],[78.4863,32.124],[78.3984,32.5195],[78.75,32.6953],[78.9258,32.3438],[79.2773,32.5635],[79.1016,33.1787],[78.6621,33.6621],[78.6621,34.1016],[78.9258,34.1455],[79.0137,34.3213]]]}},{"type":"Feature","id":"nei_meng_gu","properties":{"name":"内蒙古","cp":[117.5977,44.3408],"childNum":12},"geometry":{"type":"Polygon","coordinates":[[[97.207,42.8027],[99.4922,42.583],[100.8105,42.6709],[101.7773,42.4951],[102.041,42.2314],[102.7441,42.1436],[103.3594,41.8799],[103.8867,41.792],[104.502,41.8799],[104.502,41.6602],[105.0293,41.5723],[105.7324,41.9238],[107.4023,42.4512],[109.4238,42.4512],[110.3906,42.7588],[111.0059,43.3301],[111.9727,43.6816],[111.9727,43.8135],[111.4453,44.3848],[111.7969,45],[111.9727,45.0879],[113.6426,44.7363],[114.1699,44.9561],[114.5215,45.3955],[115.6641,45.4395],[116.1914,45.7031],[116.2793,45.9668],[116.543,46.2744],[117.334,46.3623],[117.4219,46.582],[117.7734,46.5381],[118.3008,46.7578],[118.7402,46.7139],[118.916,46.7578],[119.0918,46.6699],[119.707,46.626],[119.9707,46.7139],[119.707,47.1973],[118.4766,47.9883],[117.8613,48.0322],[117.334,47.6807],[116.8066,47.9004],[116.1914,47.8564],[115.9277,47.6807],[115.5762,47.9004],[115.4883,48.1641],[115.8398,48.252],[115.8398,48.5596],[116.7188,49.834],[117.7734,49.5264],[118.5645,49.9219],[119.2676,50.0977],[119.3555,50.3174],[119.1797,50.3613],[119.5313,50.7568],[119.5313,50.8887],[119.707,51.0645],[120.1465,51.6797],[120.6738,51.9434],[120.7617,52.1191],[120.7617,52.251],[120.5859,52.3389],[120.6738,52.5146],[120.4102,52.6465],[120.0586,52.6025],[120.0586,52.7344],[120.8496,53.2617],[121.4648,53.3496],[121.8164,53.042],[121.2012,52.5586],[121.6406,52.4268],[121.7285,52.2949],[121.9922,52.2949],[122.168,52.5146],[122.6953,52.251],[122.6074,52.0752],[122.959,51.3281],[123.3105,51.2402],[123.6621,51.3721],[124.3652,51.2842],[124.541,51.3721],[124.8926,51.3721],[125.0684,51.6357],[125.332,51.6357],[126.0352,51.0205],[125.7715,50.7568],[125.7715,50.5371],[125.332,50.1416],[125.1563,49.834],[125.2441,49.1748],[124.8047,49.1309],[124.4531,48.1201],[124.2773,48.5156],[122.4316,47.373],[123.0469,46.7139],[123.3984,46.8896],[123.3984,46.9775],[123.4863,46.9775],[123.5742,46.8457],[123.5742,46.8896],[123.5742,46.6699],[123.0469,46.582],[123.2227,46.2305],[122.7832,46.0107],[122.6953,45.7031],[122.4316,45.8789],[122.2559,45.791],[121.8164,46.0107],[121.7285,45.7471],[121.9043,45.7031],[122.2559,45.2637],[122.0801,44.8682],[122.3438,44.2529],[123.1348,44.4727],[123.4863,43.7256],[123.3105,43.5059],[123.6621,43.374],[123.5742,43.0225],[123.3105,42.9785],[123.1348,42.8027],[122.7832,42.7148],[122.3438,42.8467],[122.3438,42.6709],[121.9922,42.7148],[121.7285,42.4512],[121.4648,42.4951],[120.498,42.0996],[120.1465,41.7041],[119.8828,42.1875],[119.5313,42.3633],[119.3555,42.2754],[119.2676,41.7041],[119.4434,41.6162],[119.2676,41.3086],[118.3887,41.3086],[118.125,41.748],[118.3008,41.792],[118.3008,42.0996],[118.125,42.0557],[117.9492,42.2314],[118.0371,42.4072],[117.7734,42.627],[117.5098,42.583],[117.334,42.4512],[116.8945,42.4072],[116.8066,42.0117],[116.2793,42.0117],[116.0156,41.792],[115.9277,41.9238],[115.2246,41.5723],[114.9609,41.6162],[114.873,42.0996],[114.5215,42.1436],[114.1699,41.792],[114.2578,41.5723],[113.9063,41.4404],[113.9941,41.2207],[113.9063,41.1328],[114.082,40.7373],[114.082,40.5176],[113.8184,40.5176],[113.5547,40.3418],[113.2031,40.3857],[112.7637,40.166],[112.3242,40.2539],[111.9727,39.5947],[111.4453,39.6387],[111.3574,39.4189],[111.0938,39.375],[111.0938,39.5947],[110.6543,39.2871],[110.127,39.4629],[110.2148,39.2871],[109.8633,39.2432],[109.9512,39.1553],[108.9844,38.3203],[109.0723,38.0127],[108.8965,37.9688],[108.8086,38.0127],[108.7207,37.7051],[108.1934,37.6172],[107.666,37.8809],[107.3145,38.1006],[106.7871,38.1885],[106.5234,38.3203],[106.9629,38.9795],[106.7871,39.375],[106.3477,39.2871],[105.9082,38.7158],[105.8203,37.793],[104.3262,37.4414],[103.4473,37.8369],[103.3594,38.0127],[103.5352,38.1445],[103.4473,38.3643],[104.2383,38.9795],[104.0625,39.4189],[103.3594,39.3311],[103.0078,39.1113],[102.4805,39.2432],[101.8652,39.1113],[102.041,38.8916],[101.7773,38.6719],[101.3379,38.7598],[101.25,39.0234],[100.9863,38.9355],[100.8105,39.4189],[100.5469,39.4189],[100.0195,39.7705],[99.4922,39.8584],[100.1074,40.2539],[100.1953,40.6494],[99.9316,41.001],[99.2285,40.8691],[99.0527,40.6934],[98.9648,40.7813],[98.7891,40.6055],[98.5254,40.7373],[98.6133,40.6494],[98.3496,40.5615],[98.3496,40.9131],[97.4707,41.4844],[97.8223,41.6162],[97.8223,41.748],[97.207,42.8027]]]}},{"type":"Feature","id":"qing_hai","properties":{"name":"青海","cp":[96.2402,35.4199],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[89.7363,36.0791],[89.9121,36.0791],[90,36.2549],[90.8789,36.0352],[91.0547,36.0791],[91.0547,36.5186],[90.791,36.6064],[90.7031,36.7822],[91.3184,37.0898],[91.0547,37.4414],[90.5273,37.8369],[90.6152,38.3203],[90.3516,38.2324],[90.1758,38.4961],[92.373,39.0234],[92.373,39.1113],[93.1641,39.1992],[93.1641,38.9795],[93.6914,38.9355],[93.8672,38.7158],[94.3066,38.7598],[94.5703,38.3643],[95.0098,38.4082],[95.4492,38.2764],[95.7129,38.3643],[96.2402,38.1006],[96.416,38.2324],[96.6797,38.1885],[96.6797,38.4521],[97.1191,38.584],[97.0313,39.1992],[98.1738,38.8037],[98.3496,39.0234],[98.6133,38.9355],[98.7891,39.0674],[99.1406,38.9355],[99.8438,38.3643],[100.1953,38.2764],[100.0195,38.4521],[100.1074,38.4961],[100.459,38.2764],[100.7227,38.2324],[101.1621,37.8369],[101.5137,37.8809],[101.7773,37.6172],[101.9531,37.7051],[102.1289,37.4414],[102.5684,37.1777],[102.4805,36.958],[102.6563,36.8262],[102.5684,36.7383],[102.832,36.3428],[103.0078,36.2549],[102.9199,36.0791],[102.9199,35.9033],[102.6563,35.7715],[102.832,35.5957],[102.4805,35.5957],[102.3047,35.4199],[102.3926,35.2002],[101.9531,34.8486],[101.9531,34.6289],[102.2168,34.4092],[102.1289,34.2773],[101.6895,34.1016],[100.9863,34.3652],[100.8105,34.2773],[101.25,33.6621],[101.5137,33.7061],[101.6016,33.5303],[101.7773,33.5303],[101.6895,33.3105],[101.7773,33.2227],[101.6016,33.1348],[101.1621,33.2227],[101.25,32.6953],[100.7227,32.6514],[100.7227,32.5195],[100.3711,32.7393],[100.1074,32.6514],[100.1074,32.8711],[99.8438,33.0029],[99.7559,32.7393],[99.2285,32.915],[99.2285,33.0469],[98.877,33.1787],[98.4375,34.0576],[97.8223,34.1895],[97.6465,34.1016],[97.7344,33.9258],[97.3828,33.8818],[97.4707,33.5742],[97.7344,33.3984],[97.3828,32.8711],[97.4707,32.6953],[97.7344,32.5195],[97.3828,32.5635],[97.2949,32.0801],[96.7676,31.9922],[96.8555,31.6846],[96.5039,31.7285],[96.2402,31.9482],[96.1523,31.5967],[95.9766,31.8164],[95.8008,31.6846],[95.4492,31.8164],[95.3613,31.9922],[95.3613,32.168],[95.2734,32.2119],[95.1855,32.3438],[95.0098,32.2998],[95.1855,32.4316],[94.6582,32.6074],[94.1309,32.4316],[93.7793,32.5635],[93.5156,32.4756],[92.9883,32.7393],[92.2852,32.7393],[92.1973,32.8271],[91.9336,32.8271],[91.4063,33.1348],[90.7031,33.1348],[90.0879,33.4863],[89.6484,34.0137],[89.8242,34.3652],[89.7363,34.6729],[89.8242,34.8486],[89.5605,34.8926],[89.4727,35.2441],[89.4727,35.376],[89.7363,35.4199],[89.7363,35.7715],[89.4727,35.9033],[89.3848,36.0352],[89.7363,36.0791]]]}},{"type":"Feature","id":"si_chuan","properties":{"name":"四川","cp":[102.9199,30.1904],"childNum":21},"geometry":{"type":"Polygon","coordinates":[[[101.7773,33.5303],[101.8652,33.5742],[101.9531,33.4424],[101.8652,33.0908],[102.4805,33.4424],[102.2168,33.9258],[102.9199,34.3213],[103.0957,34.1895],[103.1836,33.7939],[104.1504,33.6182],[104.2383,33.3984],[104.4141,33.3105],[104.3262,33.2227],[104.4141,33.0469],[104.3262,32.8711],[104.4141,32.7393],[105.2051,32.6074],[105.3809,32.7393],[105.3809,32.8711],[105.4688,32.915],[105.5566,32.7393],[106.084,32.8711],[106.084,32.7393],[106.3477,32.6514],[107.0508,32.6953],[107.1387,32.4756],[107.2266,32.4316],[107.4023,32.5195],[108.0176,32.168],[108.2813,32.2559],[108.5449,32.2119],[108.3691,32.168],[108.2813,31.9043],[108.5449,31.6846],[108.1934,31.5088],[107.9297,30.8496],[107.4902,30.8496],[107.4023,30.7617],[107.4902,30.6299],[107.0508,30.0146],[106.7871,30.0146],[106.6113,30.3223],[106.2598,30.1904],[105.8203,30.4541],[105.6445,30.2783],[105.5566,30.1025],[105.7324,29.8828],[105.293,29.5313],[105.4688,29.3115],[105.7324,29.2676],[105.8203,28.96],[106.2598,28.8721],[106.3477,28.5205],[105.9961,28.7402],[105.6445,28.4326],[105.9082,28.125],[106.1719,28.125],[106.3477,27.8174],[105.6445,27.6416],[105.5566,27.7734],[105.293,27.7295],[105.2051,27.9932],[105.0293,28.0811],[104.8535,27.9053],[104.4141,27.9492],[104.3262,28.0371],[104.4141,28.125],[104.4141,28.2568],[104.2383,28.4326],[104.4141,28.6084],[103.8867,28.6523],[103.7988,28.3008],[103.4473,28.125],[103.4473,27.7734],[102.9199,27.29],[103.0078,26.3672],[102.6563,26.1914],[102.5684,26.3672],[102.1289,26.1035],[101.8652,26.0596],[101.6016,26.2354],[101.6895,26.3672],[101.4258,26.5869],[101.4258,26.8066],[101.4258,26.7188],[101.1621,27.0264],[101.1621,27.1582],[100.7227,27.8613],[100.3711,27.8174],[100.2832,27.7295],[100.0195,28.125],[100.1953,28.3447],[99.668,28.8281],[99.4043,28.5205],[99.4043,28.1689],[99.2285,28.3008],[99.1406,29.2676],[98.9648,30.7617],[98.6133,31.2012],[98.877,31.4209],[98.4375,31.8604],[98.1738,32.3438],[97.7344,32.5195],[97.4707,32.6953],[97.3828,32.8711],[97.7344,33.3984],[97.4707,33.5742],[97.3828,33.8818],[97.7344,33.9258],[97.6465,34.1016],[97.8223,34.1895],[98.4375,34.0576],[98.877,33.1787],[99.2285,33.0469],[99.2285,32.915],[99.7559,32.7393],[99.8438,33.0029],[100.1074,32.8711],[100.1074,32.6514],[100.3711,32.7393],[100.7227,32.5195],[100.7227,32.6514],[101.25,32.6953],[101.1621,33.2227],[101.6016,33.1348],[101.7773,33.2227],[101.6895,33.3105],[101.7773,33.5303]]]}},{"type":"Feature","id":"hei_long_jiang","properties":{"name":"黑龙江","cp":[128.1445,48.5156],"childNum":13},"geometry":{"type":"Polygon","coordinates":[[[121.4648,53.3496],[123.6621,53.5693],[124.8926,53.0859],[125.0684,53.2178],[125.5957,53.0859],[125.6836,52.9102],[126.123,52.7783],[126.0352,52.6025],[126.2109,52.5146],[126.3867,52.2949],[126.3867,52.207],[126.5625,52.1631],[126.4746,51.9434],[126.9141,51.3721],[126.8262,51.2842],[127.002,51.3281],[126.9141,51.1084],[127.2656,50.7568],[127.3535,50.2734],[127.6172,50.2295],[127.5293,49.8779],[127.793,49.6143],[128.7598,49.5703],[129.1113,49.3506],[129.4629,49.4385],[130.2539,48.8672],[130.6934,48.8672],[130.5176,48.6475],[130.8691,48.2959],[130.6934,48.1201],[131.0449,47.6807],[132.5391,47.7246],[132.627,47.9443],[133.0664,48.1201],[133.5059,48.1201],[134.209,48.3838],[135.0879,48.4277],[134.7363,48.252],[134.5605,47.9883],[134.7363,47.6807],[134.5605,47.4609],[134.3848,47.4609],[134.209,47.2852],[134.209,47.1533],[133.8574,46.5381],[133.9453,46.2744],[133.5059,45.835],[133.418,45.5713],[133.2422,45.5273],[133.0664,45.1318],[132.8906,45.0439],[131.9238,45.3516],[131.5723,45.0439],[131.0449,44.8682],[131.3086,44.0771],[131.2207,43.7256],[131.3086,43.4619],[130.8691,43.418],[130.5176,43.6377],[130.3418,43.9893],[129.9902,43.8574],[129.9023,44.0332],[129.8145,43.9014],[129.2871,43.8135],[129.1992,43.5938],[128.8477,43.5498],[128.4961,44.165],[128.4082,44.4727],[128.0566,44.3408],[128.0566,44.1211],[127.7051,44.1211],[127.5293,44.6045],[127.0898,44.6045],[127.002,44.7803],[127.0898,45],[126.9141,45.1318],[126.5625,45.2637],[126.0352,45.1758],[125.7715,45.3076],[125.6836,45.5273],[125.0684,45.3955],[124.8926,45.5273],[124.3652,45.4395],[124.0137,45.7471],[123.9258,46.2305],[123.2227,46.2305],[123.0469,46.582],[123.5742,46.6699],[123.5742,46.8896],[123.5742,46.8457],[123.4863,46.9775],[123.3984,46.9775],[123.3984,46.8896],[123.0469,46.7139],[122.4316,47.373],[124.2773,48.5156],[124.4531,48.1201],[124.8047,49.1309],[125.2441,49.1748],[125.1563,49.834],[125.332,50.1416],[125.7715,50.5371],[125.7715,50.7568],[126.0352,51.0205],[125.332,51.6357],[125.0684,51.6357],[124.8926,51.3721],[124.541,51.3721],[124.3652,51.2842],[123.6621,51.3721],[123.3105,51.2402],[122.959,51.3281],[122.6074,52.0752],[122.6953,52.251],[122.168,52.5146],[121.9922,52.2949],[121.7285,52.2949],[121.6406,52.4268],[121.2012,52.5586],[121.8164,53.042],[121.4648,53.3496]]]}},{"type":"Feature","id":"gan_su","properties":{"name":"甘肃","cp":[95.7129,40.166],"childNum":14},"geometry":{"type":"Polygon","coordinates":[[[96.416,42.7148],[97.207,42.8027],[97.8223,41.748],[97.8223,41.6162],[97.4707,41.4844],[98.3496,40.9131],[98.3496,40.5615],[98.6133,40.6494],[98.5254,40.7373],[98.7891,40.6055],[98.9648,40.7813],[99.0527,40.6934],[99.2285,40.8691],[99.9316,41.001],[100.1953,40.6494],[100.1074,40.2539],[99.4922,39.8584],[100.0195,39.7705],[100.5469,39.4189],[100.8105,39.4189],[100.9863,38.9355],[101.25,39.0234],[101.3379,38.7598],[101.7773,38.6719],[102.041,38.8916],[101.8652,39.1113],[102.4805,39.2432],[103.0078,39.1113],[103.3594,39.3311],[104.0625,39.4189],[104.2383,38.9795],[103.4473,38.3643],[103.5352,38.1445],[103.3594,38.0127],[103.4473,37.8369],[104.3262,37.4414],[104.5898,37.4414],[104.5898,37.2217],[104.8535,37.2217],[105.293,36.8262],[105.2051,36.6943],[105.4688,36.123],[105.293,35.9912],[105.3809,35.7715],[105.7324,35.7275],[105.8203,35.5518],[105.9961,35.4639],[105.9082,35.4199],[105.9961,35.4199],[106.084,35.376],[106.2598,35.4199],[106.3477,35.2441],[106.5234,35.332],[106.4355,35.6836],[106.6992,35.6836],[106.9629,35.8154],[106.875,36.123],[106.5234,36.2549],[106.5234,36.4746],[106.4355,36.5625],[106.6113,36.7822],[106.6113,37.0898],[107.3145,37.0898],[107.3145,36.9141],[108.7207,36.3428],[108.6328,35.9912],[108.5449,35.8594],[108.6328,35.5518],[108.5449,35.2881],[107.7539,35.2881],[107.7539,35.1123],[107.8418,35.0244],[107.666,34.9365],[107.2266,34.8926],[106.9629,35.0684],[106.6113,35.0684],[106.5234,34.7607],[106.3477,34.585],[106.6992,34.3213],[106.5234,34.2773],[106.6113,34.1455],[106.4355,33.9258],[106.5234,33.5303],[105.9961,33.6182],[105.7324,33.3984],[105.9961,33.1787],[105.9082,33.0029],[105.4688,32.915],[105.3809,32.8711],[105.3809,32.7393],[105.2051,32.6074],[104.4141,32.7393],[104.3262,32.8711],[104.4141,33.0469],[104.3262,33.2227],[104.4141,33.3105],[104.2383,33.3984],[104.1504,33.6182],[103.1836,33.7939],[103.0957,34.1895],[102.9199,34.3213],[102.2168,33.9258],[102.4805,33.4424],[101.8652,33.0908],[101.9531,33.4424],[101.8652,33.5742],[101.7773,33.5303],[101.6016,33.5303],[101.5137,33.7061],[101.25,33.6621],[100.8105,34.2773],[100.9863,34.3652],[101.6895,34.1016],[102.1289,34.2773],[102.2168,34.4092],[101.9531,34.6289],[101.9531,34.8486],[102.3926,35.2002],[102.3047,35.4199],[102.4805,35.5957],[102.832,35.5957],[102.6563,35.7715],[102.9199,35.9033],[102.9199,36.0791],[103.0078,36.2549],[102.832,36.3428],[102.5684,36.7383],[102.6563,36.8262],[102.4805,36.958],[102.5684,37.1777],[102.1289,37.4414],[101.9531,37.7051],[101.7773,37.6172],[101.5137,37.8809],[101.1621,37.8369],[100.7227,38.2324],[100.459,38.2764],[100.1074,38.4961],[100.0195,38.4521],[100.1953,38.2764],[99.8438,38.3643],[99.1406,38.9355],[98.7891,39.0674],[98.6133,38.9355],[98.3496,39.0234],[98.1738,38.8037],[97.0313,39.1992],[97.1191,38.584],[96.6797,38.4521],[96.6797,38.1885],[96.416,38.2324],[96.2402,38.1006],[95.7129,38.3643],[95.4492,38.2764],[95.0098,38.4082],[94.5703,38.3643],[94.3066,38.7598],[93.8672,38.7158],[93.6914,38.9355],[93.1641,38.9795],[93.1641,39.1992],[92.373,39.1113],[92.373,39.3311],[92.6367,39.6387],[93.0762,40.6494],[93.8672,40.6934],[94.043,41.0889],[94.5703,41.4844],[95.1855,41.792],[95.2734,41.6162],[95.9766,41.9238],[96.2402,42.2314],[96.0645,42.3193],[95.9766,42.4951],[96.416,42.7148]]]}},{"type":"Feature","id":"yun_nan","properties":{"name":"云南","cp":[101.8652,25.1807],"childNum":16},"geometry":{"type":"Polygon","coordinates":[[[98.1738,28.125],[98.2617,28.3887],[98.3496,28.125],[98.7012,28.2129],[98.7891,28.3447],[98.6133,28.5205],[98.7012,28.916],[98.7891,29.0039],[98.7891,28.8721],[98.9648,28.8281],[98.9648,29.1357],[99.1406,29.2676],[99.2285,28.3008],[99.4043,28.1689],[99.4043,28.5205],[99.668,28.8281],[100.1953,28.3447],[100.0195,28.125],[100.2832,27.7295],[100.3711,27.8174],[100.7227,27.8613],[101.1621,27.1582],[101.1621,27.0264],[101.4258,26.7188],[101.4258,26.8066],[101.4258,26.5869],[101.6895,26.3672],[101.6016,26.2354],[101.8652,26.0596],[102.1289,26.1035],[102.5684,26.3672],[102.6563,26.1914],[103.0078,26.3672],[102.9199,27.29],[103.4473,27.7734],[103.4473,28.125],[103.7988,28.3008],[103.8867,28.6523],[104.4141,28.6084],[104.2383,28.4326],[104.4141,28.2568],[104.4141,28.125],[104.3262,28.0371],[104.4141,27.9492],[104.8535,27.9053],[105.0293,28.0811],[105.2051,27.9932],[105.293,27.7295],[105.2051,27.3779],[104.5898,27.334],[104.4141,27.4658],[104.1504,27.2461],[103.8867,27.4219],[103.623,27.0264],[103.7109,26.9824],[103.7109,26.7627],[103.8867,26.543],[104.4141,26.6748],[104.6777,26.4111],[104.3262,25.708],[104.8535,25.2246],[104.5898,25.0488],[104.6777,24.9609],[104.502,24.7412],[104.6777,24.3457],[104.7656,24.4775],[105.0293,24.4336],[105.2051,24.082],[105.4688,24.0381],[105.5566,24.126],[105.9961,24.126],[106.1719,23.8184],[106.1719,23.5547],[105.6445,23.4229],[105.5566,23.2031],[105.293,23.3789],[104.8535,23.1592],[104.7656,22.8516],[104.3262,22.6758],[104.1504,22.8076],[103.9746,22.5439],[103.623,22.7637],[103.5352,22.5879],[103.3594,22.8076],[103.0957,22.4561],[102.4805,22.7637],[102.3047,22.4121],[101.8652,22.3682],[101.7773,22.5],[101.6016,22.1924],[101.8652,21.6211],[101.7773,21.1377],[101.6016,21.2256],[101.25,21.1816],[101.1621,21.7529],[100.6348,21.4453],[100.1074,21.4893],[99.9316,22.0605],[99.2285,22.1484],[99.4043,22.5879],[99.3164,22.7197],[99.4922,23.0713],[98.877,23.2031],[98.7012,23.9502],[98.877,24.126],[98.1738,24.082],[97.7344,23.8623],[97.5586,23.9063],[97.7344,24.126],[97.6465,24.4336],[97.5586,24.4336],[97.5586,24.7412],[97.7344,24.8291],[97.8223,25.2686],[98.1738,25.4004],[98.1738,25.6201],[98.3496,25.5762],[98.5254,25.8398],[98.7012,25.8838],[98.6133,26.0596],[98.7012,26.1475],[98.7891,26.5869],[98.7012,27.5098],[98.5254,27.6416],[98.3496,27.5098],[98.1738,28.125]]]}},{"type":"Feature","id":"guang_xi","properties":{"name":"广西","cp":[108.2813,23.6426],"childNum":14},"geometry":{"type":"Polygon","coordinates":[[[104.502,24.7412],[104.6777,24.6094],[105.2051,24.9609],[105.9961,24.6533],[106.1719,24.7852],[106.1719,24.9609],[106.875,25.1807],[107.0508,25.2686],[106.9629,25.4883],[107.2266,25.6201],[107.4902,25.2246],[107.7539,25.2246],[107.8418,25.1367],[108.1055,25.2246],[108.1934,25.4443],[108.3691,25.5322],[108.6328,25.3125],[108.6328,25.5762],[109.0723,25.5322],[108.9844,25.752],[109.3359,25.708],[109.5117,26.0156],[109.7754,25.8838],[109.9512,26.1914],[110.2148,25.9717],[110.5664,26.3232],[111.1816,26.3232],[111.2695,26.2354],[111.2695,25.8838],[111.4453,25.8398],[111.0059,25.0049],[111.0938,24.9609],[111.3574,25.1367],[111.5332,24.6533],[111.709,24.7852],[112.0605,24.7412],[111.8848,24.6533],[112.0605,24.3457],[111.8848,24.2139],[111.8848,23.9941],[111.7969,23.8184],[111.6211,23.8184],[111.6211,23.6865],[111.3574,23.4668],[111.4453,23.0273],[111.2695,22.8076],[110.7422,22.5439],[110.7422,22.2803],[110.6543,22.1484],[110.3027,22.1484],[110.3027,21.8848],[109.9512,21.8408],[109.8633,21.665],[109.7754,21.6211],[109.7754,21.4014],[109.5996,21.4453],[109.1602,21.3574],[109.248,20.874],[109.0723,20.9619],[109.0723,21.5332],[108.7207,21.5332],[108.6328,21.665],[108.2813,21.4893],[107.8418,21.6211],[107.4023,21.6211],[107.0508,21.7969],[107.0508,21.9287],[106.6992,22.0166],[106.6113,22.4121],[106.7871,22.7637],[106.6992,22.8955],[105.9082,22.9395],[105.5566,23.0713],[105.5566,23.2031],[105.6445,23.4229],[106.1719,23.5547],[106.1719,23.8184],[105.9961,24.126],[105.5566,24.126],[105.4688,24.0381],[105.2051,24.082],[105.0293,24.4336],[104.7656,24.4775],[104.6777,24.3457],[104.502,24.7412]]]}},{"type":"Feature","id":"hu_nan","properties":{"name":"湖南","cp":[111.5332,27.3779],"childNum":14},"geometry":{"type":"Polygon","coordinates":[[[109.248,28.4766],[109.248,29.1357],[109.5117,29.6191],[109.6875,29.6191],[109.7754,29.751],[110.4785,29.6631],[110.6543,29.751],[110.4785,30.0146],[110.8301,30.1465],[111.7969,29.9268],[112.2363,29.5313],[112.5,29.6191],[112.6758,29.5752],[112.9395,29.7949],[113.0273,29.751],[112.9395,29.4873],[113.0273,29.4434],[113.5547,29.8389],[113.5547,29.707],[113.7305,29.5752],[113.6426,29.3115],[113.7305,29.0918],[113.9063,29.0479],[114.1699,28.8281],[114.082,28.5645],[114.2578,28.3447],[113.7305,27.9492],[113.6426,27.5977],[113.6426,27.3779],[113.8184,27.29],[113.7305,27.1143],[113.9063,26.9385],[113.9063,26.6309],[114.082,26.5869],[113.9941,26.1914],[114.2578,26.1475],[113.9941,26.0596],[113.9063,25.4443],[113.6426,25.3125],[113.2031,25.5322],[112.8516,25.3564],[113.0273,25.2246],[113.0273,24.9609],[112.8516,24.917],[112.5879,25.1367],[112.2363,25.1807],[112.1484,24.873],[112.0605,24.7412],[111.709,24.7852],[111.5332,24.6533],[111.3574,25.1367],[111.0938,24.9609],[111.0059,25.0049],[111.4453,25.8398],[111.2695,25.8838],[111.2695,26.2354],[111.1816,26.3232],[110.5664,26.3232],[110.2148,25.9717],[109.9512,26.1914],[109.7754,25.8838],[109.5117,26.0156],[109.4238,26.2793],[109.248,26.3232],[109.4238,26.5869],[109.3359,26.7188],[109.5117,26.8066],[109.5117,27.0264],[109.3359,27.1582],[108.8965,27.0264],[108.8086,27.1143],[109.4238,27.5977],[109.3359,27.9053],[109.3359,28.2568],[109.248,28.4766]]]}},{"type":"Feature","id":"shan_xi_1","properties":{"name":"陕西","cp":[109.5996,35.6396],"childNum":10},"geometry":{"type":"Polygon","coordinates":[[[105.4688,32.915],[105.9082,33.0029],[105.9961,33.1787],[105.7324,33.3984],[105.9961,33.6182],[106.5234,33.5303],[106.4355,33.9258],[106.6113,34.1455],[106.5234,34.2773],[106.6992,34.3213],[106.3477,34.585],[106.5234,34.7607],[106.6113,35.0684],[106.9629,35.0684],[107.2266,34.8926],[107.666,34.9365],[107.8418,35.0244],[107.7539,35.1123],[107.7539,35.2881],[108.5449,35.2881],[108.6328,35.5518],[108.5449,35.8594],[108.6328,35.9912],[108.7207,36.3428],[107.3145,36.9141],[107.3145,37.0898],[107.3145,37.6172],[107.666,37.8809],[108.1934,37.6172],[108.7207,37.7051],[108.8086,38.0127],[108.8965,37.9688],[109.0723,38.0127],[108.9844,38.3203],[109.9512,39.1553],[109.8633,39.2432],[110.2148,39.2871],[110.127,39.4629],[110.6543,39.2871],[111.0938,39.5947],[111.0938,39.375],[111.1816,39.2432],[110.918,38.7158],[110.8301,38.4961],[110.4785,38.1885],[110.4785,37.9688],[110.8301,37.6611],[110.3906,37.002],[110.4785,36.123],[110.5664,35.6396],[110.2148,34.8926],[110.2148,34.6729],[110.3906,34.585],[110.4785,34.2334],[110.6543,34.1455],[110.6543,33.8379],[111.0059,33.5303],[111.0059,33.2666],[110.7422,33.1348],[110.5664,33.2666],[110.3027,33.1787],[109.5996,33.2666],[109.4238,33.1348],[109.7754,33.0469],[109.7754,32.915],[110.127,32.7393],[110.127,32.6074],[109.6875,32.6074],[109.5117,32.4316],[109.5996,31.7285],[109.248,31.7285],[109.0723,31.9482],[108.5449,32.2119],[108.2813,32.2559],[108.0176,32.168],[107.4023,32.5195],[107.2266,32.4316],[107.1387,32.4756],[107.0508,32.6953],[106.3477,32.6514],[106.084,32.7393],[106.084,32.8711],[105.5566,32.7393],[105.4688,32.915]]]}},{"type":"Feature","id":"guang_dong","properties":{"name":"广东","cp":[113.4668,22.8076],"childNum":21},"geometry":{"type":"Polygon","coordinates":[[[109.7754,21.4014],[109.7754,21.6211],[109.8633,21.665],[109.9512,21.8408],[110.3027,21.8848],[110.3027,22.1484],[110.6543,22.1484],[110.7422,22.2803],[110.7422,22.5439],[111.2695,22.8076],[111.4453,23.0273],[111.3574,23.4668],[111.6211,23.6865],[111.6211,23.8184],[111.7969,23.8184],[111.8848,23.9941],[111.8848,24.2139],[112.0605,24.3457],[111.8848,24.6533],[112.0605,24.7412],[112.1484,24.873],[112.2363,25.1807],[112.5879,25.1367],[112.8516,24.917],[113.0273,24.9609],[113.0273,25.2246],[112.8516,25.3564],[113.2031,25.5322],[113.6426,25.3125],[113.9063,25.4443],[113.9941,25.2686],[114.6094,25.4004],[114.7852,25.2686],[114.6973,25.1367],[114.4336,24.9609],[114.1699,24.6973],[114.4336,24.5215],[115.4004,24.7852],[115.8398,24.5654],[115.752,24.7852],[115.9277,24.917],[116.2793,24.7852],[116.3672,24.873],[116.543,24.6094],[116.7188,24.6533],[116.9824,24.1699],[116.9824,23.9063],[117.1582,23.5547],[117.334,23.2471],[116.8945,23.3789],[116.6309,23.1152],[116.543,22.8516],[115.9277,22.7197],[115.6641,22.7637],[115.5762,22.6318],[115.0488,22.6758],[114.6094,22.3682],[114.3457,22.5439],[113.9941,22.5],[113.8184,22.1924],[114.3457,22.1484],[114.4336,22.0166],[114.082,21.9287],[113.9941,21.7969],[113.5547,22.0166],[113.1152,21.8408],[112.9395,21.5771],[112.4121,21.4453],[112.2363,21.5332],[111.5332,21.4893],[111.2695,21.3574],[110.7422,21.3574],[110.6543,21.2256],[110.7422,20.918],[110.4785,20.874],[110.6543,20.2588],[110.5664,20.2588],[110.3906,20.127],[110.0391,20.127],[109.8633,20.127],[109.8633,20.3027],[109.5996,20.918],[109.7754,21.4014],[109.7754,21.4014]],[[113.5986,22.1649],[113.6096,22.1265],[113.5547,22.11],[113.5437,22.2034],[113.5767,22.2034],[113.5986,22.1649]]]}},{"type":"Feature","id":"ji_lin","properties":{"name":"吉林","cp":[126.4746,43.5938],"childNum":9},"geometry":{"type":"Polygon","coordinates":[[[123.2227,46.2305],[123.9258,46.2305],[124.0137,45.7471],[124.3652,45.4395],[124.8926,45.5273],[125.0684,45.3955],[125.6836,45.5273],[125.7715,45.3076],[126.0352,45.1758],[126.5625,45.2637],[126.9141,45.1318],[127.0898,45],[127.002,44.7803],[127.0898,44.6045],[127.5293,44.6045],[127.7051,44.1211],[128.0566,44.1211],[128.0566,44.3408],[128.4082,44.4727],[128.4961,44.165],[128.8477,43.5498],[129.1992,43.5938],[129.2871,43.8135],[129.8145,43.9014],[129.9023,44.0332],[129.9902,43.8574],[130.3418,43.9893],[130.5176,43.6377],[130.8691,43.418],[131.3086,43.4619],[131.3086,43.3301],[131.1328,42.9346],[130.4297,42.7148],[130.6055,42.6709],[130.6055,42.4512],[130.2539,42.7588],[130.2539,42.8906],[130.166,42.9785],[129.9023,43.0225],[129.7266,42.4951],[129.375,42.4512],[128.9355,42.0117],[128.0566,42.0117],[128.3203,41.5723],[128.1445,41.3525],[127.0898,41.5283],[127.1777,41.5723],[126.9141,41.792],[126.6504,41.6602],[126.4746,41.3965],[126.123,40.957],[125.6836,40.8691],[125.5957,40.9131],[125.7715,41.2207],[125.332,41.6602],[125.332,41.9678],[125.4199,42.0996],[125.332,42.1436],[124.8926,42.8027],[124.8926,43.0664],[124.7168,43.0664],[124.4531,42.8467],[124.2773,43.2422],[123.8379,43.4619],[123.6621,43.374],[123.3105,43.5059],[123.4863,43.7256],[123.1348,44.4727],[122.3438,44.2529],[122.0801,44.8682],[122.2559,45.2637],[121.9043,45.7031],[121.7285,45.7471],[121.8164,46.0107],[122.2559,45.791],[122.4316,45.8789],[122.6953,45.7031],[122.7832,46.0107],[123.2227,46.2305]]]}},{"type":"Feature","id":"he_bei","properties":{"name":"河北","cp":[115.4004,37.9688],"childNum":11},"geometry":{"type":"MultiPolygon","coordinates":[[[[114.5215,39.5068],[114.3457,39.8584],[113.9941,39.9902],[114.5215,40.3418],[114.3457,40.3857],[114.2578,40.6055],[114.082,40.7373],[113.9063,41.1328],[113.9941,41.2207],[113.9063,41.4404],[114.2578,41.5723],[114.1699,41.792],[114.5215,42.1436],[114.873,42.0996],[114.9609,41.6162],[115.2246,41.5723],[115.9277,41.9238],[116.0156,41.792],[116.2793,42.0117],[116.8066,42.0117],[116.8945,42.4072],[117.334,42.4512],[117.5098,42.583],[117.7734,42.627],[118.0371,42.4072],[117.9492,42.2314],[118.125,42.0557],[118.3008,42.0996],[118.3008,41.792],[118.125,41.748],[118.3887,41.3086],[119.2676,41.3086],[118.8281,40.8252],[119.2676,40.5176],[119.5313,40.5615],[119.707,40.1221],[119.8828,39.9463],[119.5313,39.6826],[119.4434,39.4189],[118.916,39.0674],[118.4766,38.9355],[118.125,39.0234],[118.0371,39.1992],[118.0371,39.2432],[117.8613,39.4189],[117.9492,39.5947],[117.6855,39.5947],[117.5098,39.7705],[117.5098,39.9902],[117.6855,39.9902],[117.6855,40.0781],[117.4219,40.21],[117.2461,40.5176],[117.4219,40.6494],[116.9824,40.6934],[116.6309,41.0449],[116.3672,40.9131],[116.4551,40.7813],[116.1914,40.7813],[116.1035,40.6055],[115.752,40.5615],[115.9277,40.2539],[115.4004,39.9463],[115.4883,39.6387],[115.752,39.5068],[116.1914,39.5947],[116.3672,39.4629],[116.543,39.5947],[116.8066,39.5947],[116.8945,39.1113],[116.7188,38.9355],[116.7188,38.8037],[117.2461,38.54],[117.5977,38.6279],[117.9492,38.3203],[117.4219,37.8369],[116.8066,37.8369],[116.4551,37.4854],[116.2793,37.5732],[116.2793,37.3535],[116.0156,37.3535],[115.752,36.9141],[115.3125,36.5186],[115.4883,36.167],[115.3125,36.0791],[115.1367,36.2109],[114.9609,36.0791],[114.873,36.123],[113.7305,36.3428],[113.4668,36.6504],[113.7305,36.8701],[113.7305,37.1338],[114.1699,37.6611],[113.9941,37.7051],[113.8184,38.1445],[113.5547,38.2764],[113.5547,38.54],[113.8184,38.8037],[113.8184,38.9355],[113.9063,39.0234],[114.3457,39.0674],[114.5215,39.5068]]],[[[117.2461,40.0781],[117.1582,39.8145],[117.1582,39.6387],[116.8945,39.6826],[116.8945,39.8145],[116.8066,39.9902],[117.2461,40.0781]]]]}},{"type":"Feature","id":"hu_bei","properties":{"name":"湖北","cp":[112.2363,31.1572],"childNum":17},"geometry":{"type":"Polygon","coordinates":[[[110.2148,31.1572],[110.127,31.377],[109.6875,31.5527],[109.7754,31.6846],[109.5996,31.7285],[109.5117,32.4316],[109.6875,32.6074],[110.127,32.6074],[110.127,32.7393],[109.7754,32.915],[109.7754,33.0469],[109.4238,33.1348],[109.5996,33.2666],[110.3027,33.1787],[110.5664,33.2666],[110.7422,33.1348],[111.0059,33.2666],[111.5332,32.6074],[112.3242,32.3438],[113.2031,32.4316],[113.4668,32.2998],[113.7305,32.4316],[113.8184,31.8604],[113.9941,31.7725],[114.1699,31.8604],[114.5215,31.7725],[114.6094,31.5527],[114.7852,31.4648],[115.1367,31.5967],[115.2246,31.4209],[115.4004,31.4209],[115.5762,31.2012],[116.0156,31.0254],[115.752,30.6738],[116.1035,30.1904],[116.1035,29.8389],[115.9277,29.707],[115.4883,29.7949],[114.873,29.3994],[114.2578,29.3555],[113.9063,29.0479],[113.7305,29.0918],[113.6426,29.3115],[113.7305,29.5752],[113.5547,29.707],[113.5547,29.8389],[113.0273,29.4434],[112.9395,29.4873],[113.0273,29.751],[112.9395,29.7949],[112.6758,29.5752],[112.5,29.6191],[112.2363,29.5313],[111.7969,29.9268],[110.8301,30.1465],[110.4785,30.0146],[110.6543,29.751],[110.4785,29.6631],[109.7754,29.751],[109.6875,29.6191],[109.5117,29.6191],[109.248,29.1357],[109.0723,29.3555],[108.9844,29.3115],[108.6328,29.8389],[108.457,29.7949],[108.5449,30.2344],[108.457,30.4102],[108.6328,30.5859],[108.8086,30.498],[109.0723,30.6299],[109.1602,30.542],[109.248,30.6299],[109.4238,30.542],[109.8633,30.8936],[110.0391,30.8057],[110.2148,31.1572]]]}},{"type":"Feature","id":"gui_zhou","properties":{"name":"贵州","cp":[106.6113,26.9385],"childNum":9},"geometry":{"type":"Polygon","coordinates":[[[104.1504,27.2461],[104.4141,27.4658],[104.5898,27.334],[105.2051,27.3779],[105.293,27.7295],[105.5566,27.7734],[105.6445,27.6416],[106.3477,27.8174],[106.1719,28.125],[105.9082,28.125],[105.6445,28.4326],[105.9961,28.7402],[106.3477,28.5205],[106.5234,28.5645],[106.4355,28.7842],[106.5234,28.7842],[106.6113,28.6523],[106.6113,28.5205],[106.6992,28.4766],[106.875,28.7842],[107.4023,28.8721],[107.4023,29.1797],[107.5781,29.2236],[107.8418,29.1357],[107.8418,29.0039],[108.2813,29.0918],[108.3691,28.6523],[108.5449,28.6523],[108.5449,28.3887],[108.7207,28.4766],[108.7207,28.2129],[109.0723,28.2129],[109.248,28.4766],[109.3359,28.2568],[109.3359,27.9053],[109.4238,27.5977],[108.8086,27.1143],[108.8965,27.0264],[109.3359,27.1582],[109.5117,27.0264],[109.5117,26.8066],[109.3359,26.7188],[109.4238,26.5869],[109.248,26.3232],[109.4238,26.2793],[109.5117,26.0156],[109.3359,25.708],[108.9844,25.752],[109.0723,25.5322],[108.6328,25.5762],[108.6328,25.3125],[108.3691,25.5322],[108.1934,25.4443],[108.1055,25.2246],[107.8418,25.1367],[107.7539,25.2246],[107.4902,25.2246],[107.2266,25.6201],[106.9629,25.4883],[107.0508,25.2686],[106.875,25.1807],[106.1719,24.9609],[106.1719,24.7852],[105.9961,24.6533],[105.2051,24.9609],[104.6777,24.6094],[104.502,24.7412],[104.6777,24.9609],[104.5898,25.0488],[104.8535,25.2246],[104.3262,25.708],[104.6777,26.4111],[104.4141,26.6748],[103.8867,26.543],[103.7109,26.7627],[103.7109,26.9824],[103.623,27.0264],[103.8867,27.4219],[104.1504,27.2461]]]}},{"type":"Feature","id":"shan_dong","properties":{"name":"山东","cp":[118.7402,36.4307],"childNum":17},"geometry":{"type":"Polygon","coordinates":[[[115.4883,36.167],[115.3125,36.5186],[115.752,36.9141],[116.0156,37.3535],[116.2793,37.3535],[116.2793,37.5732],[116.4551,37.4854],[116.8066,37.8369],[117.4219,37.8369],[117.9492,38.3203],[118.125,38.1445],[118.916,38.1445],[119.3555,37.6611],[119.0039,37.5293],[119.0039,37.3535],[119.3555,37.1338],[119.707,37.1338],[119.8828,37.3975],[120.498,37.8369],[120.5859,38.1445],[120.9375,38.4521],[121.0254,37.8369],[121.2012,37.6611],[121.9043,37.4854],[122.168,37.6172],[122.2559,37.4854],[122.6074,37.4854],[122.6953,37.3535],[122.6074,36.9141],[122.4316,36.7822],[121.8164,36.8701],[121.7285,36.6943],[121.1133,36.6064],[121.1133,36.4307],[121.377,36.2549],[120.7617,36.167],[120.9375,35.8594],[120.6738,36.0352],[119.707,35.4639],[119.9707,34.9805],[119.3555,35.0244],[119.2676,35.1123],[118.916,35.0244],[118.7402,34.7168],[118.4766,34.6729],[118.3887,34.4092],[118.2129,34.4092],[118.125,34.6289],[117.9492,34.6729],[117.5977,34.4531],[117.334,34.585],[117.2461,34.4531],[116.8066,34.9365],[116.4551,34.8926],[116.3672,34.6289],[116.1914,34.585],[115.5762,34.585],[115.4004,34.8486],[114.7852,35.0684],[115.0488,35.376],[115.2246,35.4199],[115.4883,35.7275],[116.1035,36.0791],[115.3125,35.8154],[115.4883,36.167]]]}},{"type":"Feature","id":"jiang_xi","properties":{"name":"江西","cp":[116.0156,27.29],"childNum":11},"geometry":{"type":"Polygon","coordinates":[[[114.2578,28.3447],[114.082,28.5645],[114.1699,28.8281],[113.9063,29.0479],[114.2578,29.3555],[114.873,29.3994],[115.4883,29.7949],[115.9277,29.707],[116.1035,29.8389],[116.2793,29.7949],[116.7188,30.0586],[116.8945,29.9268],[116.7188,29.751],[116.7188,29.6191],[117.1582,29.707],[117.0703,29.8389],[117.1582,29.9268],[117.5098,29.6191],[118.0371,29.5752],[118.2129,29.3994],[118.0371,29.1797],[118.0371,29.0479],[118.3887,28.7842],[118.4766,28.3447],[118.4766,28.3008],[118.3008,28.0811],[117.7734,27.8174],[117.5098,27.9932],[116.9824,27.6416],[117.1582,27.29],[117.0703,27.1143],[116.543,26.8066],[116.6309,26.4551],[116.3672,26.2354],[116.4551,26.1035],[116.1914,25.8838],[116.0156,25.2686],[115.8398,25.2246],[115.9277,24.917],[115.752,24.7852],[115.8398,24.5654],[115.4004,24.7852],[114.4336,24.5215],[114.1699,24.6973],[114.4336,24.9609],[114.6973,25.1367],[114.7852,25.2686],[114.6094,25.4004],[113.9941,25.2686],[113.9063,25.4443],[113.9941,26.0596],[114.2578,26.1475],[113.9941,26.1914],[114.082,26.5869],[113.9063,26.6309],[113.9063,26.9385],[113.7305,27.1143],[113.8184,27.29],[113.6426,27.3779],[113.6426,27.5977],[113.7305,27.9492],[114.2578,28.3447]]]}},{"type":"Feature","id":"he_nan","properties":{"name":"河南","cp":[113.4668,33.8818],"childNum":17},"geometry":{"type":"Polygon","coordinates":[[[110.3906,34.585],[110.8301,34.6289],[111.1816,34.8047],[111.5332,34.8486],[111.7969,35.0684],[112.0605,35.0684],[112.0605,35.2881],[112.7637,35.2002],[113.1152,35.332],[113.6426,35.6836],[113.7305,36.3428],[114.873,36.123],[114.9609,36.0791],[115.1367,36.2109],[115.3125,36.0791],[115.4883,36.167],[115.3125,35.8154],[116.1035,36.0791],[115.4883,35.7275],[115.2246,35.4199],[115.0488,35.376],[114.7852,35.0684],[115.4004,34.8486],[115.5762,34.585],[116.1914,34.585],[116.1914,34.4092],[116.543,34.2773],[116.6309,33.9258],[116.1914,33.7061],[116.0156,33.9697],[115.6641,34.0576],[115.5762,33.9258],[115.5762,33.6621],[115.4004,33.5303],[115.3125,33.1787],[114.873,33.1348],[114.873,33.0029],[115.1367,32.8711],[115.2246,32.6074],[115.5762,32.4316],[115.8398,32.5195],[115.9277,31.7725],[115.4883,31.6846],[115.4004,31.4209],[115.2246,31.4209],[115.1367,31.5967],[114.7852,31.4648],[114.6094,31.5527],[114.5215,31.7725],[114.1699,31.8604],[113.9941,31.7725],[113.8184,31.8604],[113.7305,32.4316],[113.4668,32.2998],[113.2031,32.4316],[112.3242,32.3438],[111.5332,32.6074],[111.0059,33.2666],[111.0059,33.5303],[110.6543,33.8379],[110.6543,34.1455],[110.4785,34.2334],[110.3906,34.585]]]}},{"type":"Feature","id":"liao_ning","properties":{"name":"辽宁","cp":[122.3438,41.0889],"childNum":14},"geometry":{"type":"Polygon","coordinates":[[[119.2676,41.3086],[119.4434,41.6162],[119.2676,41.7041],[119.3555,42.2754],[119.5313,42.3633],[119.8828,42.1875],[120.1465,41.7041],[120.498,42.0996],[121.4648,42.4951],[121.7285,42.4512],[121.9922,42.7148],[122.3438,42.6709],[122.3438,42.8467],[122.7832,42.7148],[123.1348,42.8027],[123.3105,42.9785],[123.5742,43.0225],[123.6621,43.374],[123.8379,43.4619],[124.2773,43.2422],[124.4531,42.8467],[124.7168,43.0664],[124.8926,43.0664],[124.8926,42.8027],[125.332,42.1436],[125.4199,42.0996],[125.332,41.9678],[125.332,41.6602],[125.7715,41.2207],[125.5957,40.9131],[125.6836,40.8691],[124.541,40.21],[124.1016,39.6826],[123.3984,39.6826],[123.1348,39.4189],[123.1348,39.0234],[122.0801,39.0234],[121.5527,38.7158],[121.1133,38.6719],[120.9375,38.9795],[121.377,39.1992],[121.2012,39.5508],[122.0801,40.3857],[121.9922,40.6934],[121.7285,40.8252],[121.2012,40.8252],[120.5859,40.21],[119.8828,39.9463],[119.707,40.1221],[119.5313,40.5615],[119.2676,40.5176],[118.8281,40.8252],[119.2676,41.3086]]]}},{"type":"Feature","id":"shan_xi_2","properties":{"name":"山西","cp":[112.4121,37.6611],"childNum":11},"geometry":{"type":"Polygon","coordinates":[[[110.918,38.7158],[111.1816,39.2432],[111.0938,39.375],[111.3574,39.4189],[111.4453,39.6387],[111.9727,39.5947],[112.3242,40.2539],[112.7637,40.166],[113.2031,40.3857],[113.5547,40.3418],[113.8184,40.5176],[114.082,40.5176],[114.082,40.7373],[114.2578,40.6055],[114.3457,40.3857],[114.5215,40.3418],[113.9941,39.9902],[114.3457,39.8584],[114.5215,39.5068],[114.3457,39.0674],[113.9063,39.0234],[113.8184,38.9355],[113.8184,38.8037],[113.5547,38.54],[113.5547,38.2764],[113.8184,38.1445],[113.9941,37.7051],[114.1699,37.6611],[113.7305,37.1338],[113.7305,36.8701],[113.4668,36.6504],[113.7305,36.3428],[113.6426,35.6836],[113.1152,35.332],[112.7637,35.2002],[112.0605,35.2881],[112.0605,35.0684],[111.7969,35.0684],[111.5332,34.8486],[111.1816,34.8047],[110.8301,34.6289],[110.3906,34.585],[110.2148,34.6729],[110.2148,34.8926],[110.5664,35.6396],[110.4785,36.123],[110.3906,37.002],[110.8301,37.6611],[110.4785,37.9688],[110.4785,38.1885],[110.8301,38.4961],[110.918,38.7158]]]}},{"type":"Feature","id":"an_hui","properties":{"name":"安徽","cp":[117.2461,32.0361],"childNum":17},"geometry":{"type":"Polygon","coordinates":[[[116.6309,33.9258],[116.543,34.2773],[116.1914,34.4092],[116.1914,34.585],[116.3672,34.6289],[116.8945,34.4092],[117.1582,34.0576],[117.5977,34.0137],[117.7734,33.7061],[118.125,33.75],[117.9492,33.2227],[118.0371,33.1348],[118.2129,33.2227],[118.3008,32.7832],[118.7402,32.7393],[118.916,32.959],[119.1797,32.8271],[119.1797,32.4756],[118.5645,32.5635],[118.6523,32.2119],[118.4766,32.168],[118.3887,31.9482],[118.916,31.5527],[118.7402,31.377],[118.8281,31.2451],[119.3555,31.2891],[119.4434,31.1572],[119.6191,31.1133],[119.6191,31.0693],[119.4434,30.6738],[119.2676,30.6299],[119.3555,30.4102],[118.916,30.3223],[118.916,29.9707],[118.7402,29.707],[118.2129,29.3994],[118.0371,29.5752],[117.5098,29.6191],[117.1582,29.9268],[117.0703,29.8389],[117.1582,29.707],[116.7188,29.6191],[116.7188,29.751],[116.8945,29.9268],[116.7188,30.0586],[116.2793,29.7949],[116.1035,29.8389],[116.1035,30.1904],[115.752,30.6738],[116.0156,31.0254],[115.5762,31.2012],[115.4004,31.4209],[115.4883,31.6846],[115.9277,31.7725],[115.8398,32.5195],[115.5762,32.4316],[115.2246,32.6074],[115.1367,32.8711],[114.873,33.0029],[114.873,33.1348],[115.3125,33.1787],[115.4004,33.5303],[115.5762,33.6621],[115.5762,33.9258],[115.6641,34.0576],[116.0156,33.9697],[116.1914,33.7061],[116.6309,33.9258]]]}},{"type":"Feature","id":"fu_jian","properties":{"name":"福建","cp":[118.3008,25.9277],"childNum":9},"geometry":{"type":"Polygon","coordinates":[[[118.4766,28.3008],[118.8281,28.2568],[118.7402,28.0371],[118.916,27.4658],[119.2676,27.4219],[119.6191,27.6855],[119.7949,27.29],[120.2344,27.4219],[120.4102,27.1582],[120.7617,27.0264],[120.6738,26.8945],[120.2344,26.8506],[120.2344,26.7188],[120.4102,26.6748],[120.498,26.3672],[120.2344,26.2793],[120.4102,26.1475],[120.0586,26.1914],[119.9707,25.9277],[119.7949,25.9277],[119.9707,25.4004],[119.7949,25.2686],[119.5313,25.1367],[119.4434,25.0049],[119.2676,25.0928],[118.916,24.8291],[118.6523,24.5215],[118.4766,24.5215],[118.4766,24.4336],[118.2129,24.3457],[118.2129,24.1699],[117.8613,23.9941],[117.7734,23.7744],[117.5098,23.5986],[117.1582,23.5547],[116.9824,23.9063],[116.9824,24.1699],[116.7188,24.6533],[116.543,24.6094],[116.3672,24.873],[116.2793,24.7852],[115.9277,24.917],[115.8398,25.2246],[116.0156,25.2686],[116.1914,25.8838],[116.4551,26.1035],[116.3672,26.2354],[116.6309,26.4551],[116.543,26.8066],[117.0703,27.1143],[117.1582,27.29],[116.9824,27.6416],[117.5098,27.9932],[117.7734,27.8174],[118.3008,28.0811],[118.4766,28.3008]]]}},{"type":"Feature","id":"zhe_jiang","properties":{"name":"浙江","cp":[120.498,29.0918],"childNum":11},"geometry":{"type":"Polygon","coordinates":[[[118.2129,29.3994],[118.7402,29.707],[118.916,29.9707],[118.916,30.3223],[119.3555,30.4102],[119.2676,30.6299],[119.4434,30.6738],[119.6191,31.0693],[119.6191,31.1133],[119.9707,31.1572],[120.498,30.8057],[120.9375,31.0254],[121.2891,30.6738],[121.9922,30.8057],[122.6953,30.8936],[122.8711,30.7178],[122.959,30.1465],[122.6074,30.1025],[122.6074,29.9268],[122.168,29.5313],[122.3438,28.8721],[121.9922,28.8721],[121.9922,28.4326],[121.7285,28.3447],[121.7285,28.2129],[121.4648,28.2129],[121.5527,28.0371],[121.2891,27.9492],[121.1133,27.4219],[120.6738,27.334],[120.6738,27.1582],[120.9375,27.0264],[120.7617,27.0264],[120.4102,27.1582],[120.2344,27.4219],[119.7949,27.29],[119.6191,27.6855],[119.2676,27.4219],[118.916,27.4658],[118.7402,28.0371],[118.8281,28.2568],[118.4766,28.3008],[118.4766,28.3447],[118.3887,28.7842],[118.0371,29.0479],[118.0371,29.1797],[118.2129,29.3994]]]}},{"type":"Feature","id":"jiang_su","properties":{"name":"江苏","cp":[120.0586,32.915],"childNum":13},"geometry":{"type":"Polygon","coordinates":[[[116.3672,34.6289],[116.4551,34.8926],[116.8066,34.9365],[117.2461,34.4531],[117.334,34.585],[117.5977,34.4531],[117.9492,34.6729],[118.125,34.6289],[118.2129,34.4092],[118.3887,34.4092],[118.4766,34.6729],[118.7402,34.7168],[118.916,35.0244],[119.2676,35.1123],[119.3555,35.0244],[119.3555,34.8486],[119.707,34.585],[120.3223,34.3652],[120.9375,33.0469],[121.0254,32.6514],[121.377,32.4756],[121.4648,32.168],[121.9043,31.9922],[121.9922,31.6846],[121.9922,31.5967],[121.2012,31.8604],[121.1133,31.7285],[121.377,31.5088],[121.2012,31.4648],[120.9375,31.0254],[120.498,30.8057],[119.9707,31.1572],[119.6191,31.1133],[119.4434,31.1572],[119.3555,31.2891],[118.8281,31.2451],[118.7402,31.377],[118.916,31.5527],[118.3887,31.9482],[118.4766,32.168],[118.6523,32.2119],[118.5645,32.5635],[119.1797,32.4756],[119.1797,32.8271],[118.916,32.959],[118.7402,32.7393],[118.3008,32.7832],[118.2129,33.2227],[118.0371,33.1348],[117.9492,33.2227],[118.125,33.75],[117.7734,33.7061],[117.5977,34.0137],[117.1582,34.0576],[116.8945,34.4092],[116.3672,34.6289]]]}},{"type":"Feature","id":"chong_qing","properties":{"name":"重庆","cp":[107.7539,30.1904],"childNum":40},"geometry":{"type":"Polygon","coordinates":[[[108.5449,31.6846],[108.2813,31.9043],[108.3691,32.168],[108.5449,32.2119],[109.0723,31.9482],[109.248,31.7285],[109.5996,31.7285],[109.7754,31.6846],[109.6875,31.5527],[110.127,31.377],[110.2148,31.1572],[110.0391,30.8057],[109.8633,30.8936],[109.4238,30.542],[109.248,30.6299],[109.1602,30.542],[109.0723,30.6299],[108.8086,30.498],[108.6328,30.5859],[108.457,30.4102],[108.5449,30.2344],[108.457,29.7949],[108.6328,29.8389],[108.9844,29.3115],[109.0723,29.3555],[109.248,29.1357],[109.248,28.4766],[109.0723,28.2129],[108.7207,28.2129],[108.7207,28.4766],[108.5449,28.3887],[108.5449,28.6523],[108.3691,28.6523],[108.2813,29.0918],[107.8418,29.0039],[107.8418,29.1357],[107.5781,29.2236],[107.4023,29.1797],[107.4023,28.8721],[106.875,28.7842],[106.6992,28.4766],[106.6113,28.5205],[106.6113,28.6523],[106.5234,28.7842],[106.4355,28.7842],[106.5234,28.5645],[106.3477,28.5205],[106.2598,28.8721],[105.8203,28.96],[105.7324,29.2676],[105.4688,29.3115],[105.293,29.5313],[105.7324,29.8828],[105.5566,30.1025],[105.6445,30.2783],[105.8203,30.4541],[106.2598,30.1904],[106.6113,30.3223],[106.7871,30.0146],[107.0508,30.0146],[107.4902,30.6299],[107.4023,30.7617],[107.4902,30.8496],[107.9297,30.8496],[108.1934,31.5088],[108.5449,31.6846]]]}},{"type":"Feature","id":"ning_xia","properties":{"name":"宁夏","cp":[105.9961,37.3096],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[104.3262,37.4414],[105.8203,37.793],[105.9082,38.7158],[106.3477,39.2871],[106.7871,39.375],[106.9629,38.9795],[106.5234,38.3203],[106.7871,38.1885],[107.3145,38.1006],[107.666,37.8809],[107.3145,37.6172],[107.3145,37.0898],[106.6113,37.0898],[106.6113,36.7822],[106.4355,36.5625],[106.5234,36.4746],[106.5234,36.2549],[106.875,36.123],[106.9629,35.8154],[106.6992,35.6836],[106.4355,35.6836],[106.5234,35.332],[106.3477,35.2441],[106.2598,35.4199],[106.084,35.376],[105.9961,35.4199],[106.084,35.4639],[105.9961,35.4639],[105.8203,35.5518],[105.7324,35.7275],[105.3809,35.7715],[105.293,35.9912],[105.4688,36.123],[105.2051,36.6943],[105.293,36.8262],[104.8535,37.2217],[104.5898,37.2217],[104.5898,37.4414],[104.3262,37.4414]]]}},{"type":"Feature","id":"hai_nan","properties":{"name":"海南","cp":[109.9512,19.2041],"childNum":18},"geometry":{"type":"Polygon","coordinates":[[[108.6328,19.3799],[109.0723,19.6436],[109.248,19.9512],[109.5996,20.0391],[110.0391,20.127],[110.3906,20.127],[110.5664,20.2588],[110.6543,20.2588],[111.0938,19.9512],[111.2695,19.9951],[110.6543,19.1602],[110.5664,18.6768],[110.2148,18.5889],[110.0391,18.3691],[109.8633,18.3691],[109.6875,18.1055],[108.9844,18.2813],[108.6328,18.457],[108.6328,19.3799]]]}},{"type":"Feature","id":"tai_wan","properties":{"name":"台湾","cp":[121.0254,23.5986],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[121.9043,25.0488],[121.9922,25.0049],[121.8164,24.7412],[121.9043,24.5654],[121.6406,24.0381],[121.377,23.1152],[121.0254,22.6758],[120.8496,22.0605],[120.7617,21.9287],[120.6738,22.3242],[120.2344,22.5879],[120.0586,23.0713],[120.1465,23.6865],[121.0254,25.0488],[121.5527,25.3125],[121.9043,25.0488]]]}},{"type":"Feature","id":"bei_jing","properties":{"name":"北京","cp":[116.4551,40.2539],"childNum":19},"geometry":{"type":"Polygon","coordinates":[[[117.4219,40.21],[117.334,40.1221],[117.2461,40.0781],[116.8066,39.9902],[116.8945,39.8145],[116.8945,39.6826],[116.8066,39.5947],[116.543,39.5947],[116.3672,39.4629],[116.1914,39.5947],[115.752,39.5068],[115.4883,39.6387],[115.4004,39.9463],[115.9277,40.2539],[115.752,40.5615],[116.1035,40.6055],[116.1914,40.7813],[116.4551,40.7813],[116.3672,40.9131],[116.6309,41.0449],[116.9824,40.6934],[117.4219,40.6494],[117.2461,40.5176],[117.4219,40.21]]]}},{"type":"Feature","id":"tian_jin","properties":{"name":"天津","cp":[117.4219,39.4189],"childNum":18},"geometry":{"type":"Polygon","coordinates":[[[116.8066,39.5947],[116.8945,39.6826],[117.1582,39.6387],[117.1582,39.8145],[117.2461,40.0781],[117.334,40.1221],[117.4219,40.21],[117.6855,40.0781],[117.6855,39.9902],[117.5098,39.9902],[117.5098,39.7705],[117.6855,39.5947],[117.9492,39.5947],[117.8613,39.4189],[118.0371,39.2432],[118.0371,39.1992],[117.8613,39.1113],[117.5977,38.6279],[117.2461,38.54],[116.7188,38.8037],[116.7188,38.9355],[116.8945,39.1113],[116.8066,39.5947]]]}},{"type":"Feature","id":"shang_hai","properties":{"name":"上海","cp":[121.4648,31.2891],"childNum":19},"geometry":{"type":"Polygon","coordinates":[[[120.9375,31.0254],[121.2012,31.4648],[121.377,31.5088],[121.1133,31.7285],[121.2012,31.8604],[121.9922,31.5967],[121.9043,31.1572],[121.9922,30.8057],[121.2891,30.6738],[120.9375,31.0254]]]}},{"type":"Feature","id":"xiang_gang","properties":{"name":"香港","cp":[114.2578,22.3242],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[114.6094,22.4121],[114.5215,22.1484],[114.3457,22.1484],[113.9063,22.1484],[113.8184,22.1924],[113.9063,22.4121],[114.1699,22.5439],[114.3457,22.5439],[114.4336,22.5439],[114.4336,22.4121],[114.6094,22.4121]]]}},{"type":"Feature","id":"ao_men","properties":{"name":"澳门","cp":[113.5547,22.1484],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.5986,22.1649],[113.6096,22.1265],[113.5547,22.11],[113.5437,22.2034],[113.5767,22.2034],[113.5986,22.1649]]]}}]}
+export const geoJson = {
+  type: 'FeatureCollection',
+  features: [
+    {
+      type: 'Feature',
+      id: 'xin_jiang',
+      properties: { name: '新疆', cp: [84.9023, 41.748], childNum: 18 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [96.416, 42.7588],
+            [96.416, 42.7148],
+            [95.9766, 42.4951],
+            [96.0645, 42.3193],
+            [96.2402, 42.2314],
+            [95.9766, 41.9238],
+            [95.2734, 41.6162],
+            [95.1855, 41.792],
+            [94.5703, 41.4844],
+            [94.043, 41.0889],
+            [93.8672, 40.6934],
+            [93.0762, 40.6494],
+            [92.6367, 39.6387],
+            [92.373, 39.3311],
+            [92.373, 39.1113],
+            [92.373, 39.0234],
+            [90.1758, 38.4961],
+            [90.3516, 38.2324],
+            [90.6152, 38.3203],
+            [90.5273, 37.8369],
+            [91.0547, 37.4414],
+            [91.3184, 37.0898],
+            [90.7031, 36.7822],
+            [90.791, 36.6064],
+            [91.0547, 36.5186],
+            [91.0547, 36.0791],
+            [90.8789, 36.0352],
+            [90, 36.2549],
+            [89.9121, 36.0791],
+            [89.7363, 36.0791],
+            [89.209, 36.2988],
+            [88.7695, 36.3428],
+            [88.5938, 36.4746],
+            [87.3633, 36.4307],
+            [86.2207, 36.167],
+            [86.1328, 35.8594],
+            [85.6055, 35.6836],
+            [85.0781, 35.7275],
+            [84.1992, 35.376],
+            [83.1445, 35.4199],
+            [82.8809, 35.6836],
+            [82.4414, 35.7275],
+            [82.002, 35.332],
+            [81.6504, 35.2441],
+            [80.4199, 35.4199],
+            [80.2441, 35.2881],
+            [80.332, 35.1563],
+            [80.2441, 35.2002],
+            [79.8926, 34.8047],
+            [79.8047, 34.4971],
+            [79.1016, 34.4531],
+            [79.0137, 34.3213],
+            [78.2227, 34.7168],
+            [78.0469, 35.2441],
+            [78.0469, 35.5078],
+            [77.4316, 35.4639],
+            [76.8164, 35.6396],
+            [76.5527, 35.8594],
+            [76.2012, 35.8154],
+            [75.9375, 36.0352],
+            [76.0254, 36.4746],
+            [75.8496, 36.6943],
+            [75.498, 36.7383],
+            [75.4102, 36.958],
+            [75.0586, 37.002],
+            [74.8828, 36.9141],
+            [74.7949, 37.0459],
+            [74.5313, 37.0898],
+            [74.5313, 37.2217],
+            [74.8828, 37.2217],
+            [75.1465, 37.4414],
+            [74.8828, 37.5732],
+            [74.9707, 37.749],
+            [74.8828, 38.4521],
+            [74.3555, 38.6719],
+            [74.1797, 38.6719],
+            [74.0918, 38.54],
+            [73.8281, 38.584],
+            [73.7402, 38.8477],
+            [73.8281, 38.9795],
+            [73.4766, 39.375],
+            [73.916, 39.5068],
+            [73.916, 39.6826],
+            [73.8281, 39.7705],
+            [74.0039, 40.0342],
+            [74.8828, 40.3418],
+            [74.7949, 40.5176],
+            [75.2344, 40.4297],
+            [75.5859, 40.6494],
+            [75.7617, 40.2979],
+            [76.377, 40.3857],
+            [76.9043, 41.001],
+            [77.6074, 41.001],
+            [78.1348, 41.2207],
+            [78.1348, 41.3965],
+            [80.1563, 42.0557],
+            [80.2441, 42.2754],
+            [80.1563, 42.627],
+            [80.2441, 42.8467],
+            [80.5078, 42.8906],
+            [80.4199, 43.0664],
+            [80.7715, 43.1982],
+            [80.4199, 44.165],
+            [80.4199, 44.6045],
+            [79.9805, 44.8242],
+            [79.9805, 44.9561],
+            [81.7383, 45.3955],
+            [82.0898, 45.2197],
+            [82.5293, 45.2197],
+            [82.2656, 45.6592],
+            [83.0566, 47.2412],
+            [83.6719, 47.0215],
+            [84.7266, 47.0215],
+            [84.9023, 46.8896],
+            [85.5176, 47.0654],
+            [85.6934, 47.2852],
+            [85.5176, 48.1201],
+            [85.7813, 48.4277],
+            [86.5723, 48.5596],
+            [86.8359, 48.8232],
+            [86.748, 48.9551],
+            [86.8359, 49.1309],
+            [87.8027, 49.1748],
+            [87.8906, 48.999],
+            [87.7148, 48.9111],
+            [88.0664, 48.7354],
+            [87.9785, 48.6035],
+            [88.5059, 48.3838],
+            [88.6816, 48.1641],
+            [89.1211, 47.9883],
+            [89.5605, 48.0322],
+            [89.7363, 47.8564],
+            [90.0879, 47.8564],
+            [90.3516, 47.6807],
+            [90.5273, 47.2412],
+            [90.8789, 46.9775],
+            [91.0547, 46.582],
+            [90.8789, 46.3184],
+            [91.0547, 46.0107],
+            [90.7031, 45.7471],
+            [90.7031, 45.5273],
+            [90.8789, 45.2197],
+            [91.582, 45.0879],
+            [93.5156, 44.9561],
+            [94.7461, 44.3408],
+            [95.3613, 44.2969],
+            [95.3613, 44.0332],
+            [95.5371, 43.9014],
+            [95.8887, 43.2422],
+            [96.3281, 42.9346],
+            [96.416, 42.7588],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'xi_zang',
+      properties: { name: '西藏', cp: [88.7695, 31.6846], childNum: 7 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [79.0137, 34.3213],
+            [79.1016, 34.4531],
+            [79.8047, 34.4971],
+            [79.8926, 34.8047],
+            [80.2441, 35.2002],
+            [80.332, 35.1563],
+            [80.2441, 35.2881],
+            [80.4199, 35.4199],
+            [81.6504, 35.2441],
+            [82.002, 35.332],
+            [82.4414, 35.7275],
+            [82.8809, 35.6836],
+            [83.1445, 35.4199],
+            [84.1992, 35.376],
+            [85.0781, 35.7275],
+            [85.6055, 35.6836],
+            [86.1328, 35.8594],
+            [86.2207, 36.167],
+            [87.3633, 36.4307],
+            [88.5938, 36.4746],
+            [88.7695, 36.3428],
+            [89.209, 36.2988],
+            [89.7363, 36.0791],
+            [89.3848, 36.0352],
+            [89.4727, 35.9033],
+            [89.7363, 35.7715],
+            [89.7363, 35.4199],
+            [89.4727, 35.376],
+            [89.4727, 35.2441],
+            [89.5605, 34.8926],
+            [89.8242, 34.8486],
+            [89.7363, 34.6729],
+            [89.8242, 34.3652],
+            [89.6484, 34.0137],
+            [90.0879, 33.4863],
+            [90.7031, 33.1348],
+            [91.4063, 33.1348],
+            [91.9336, 32.8271],
+            [92.1973, 32.8271],
+            [92.2852, 32.7393],
+            [92.9883, 32.7393],
+            [93.5156, 32.4756],
+            [93.7793, 32.5635],
+            [94.1309, 32.4316],
+            [94.6582, 32.6074],
+            [95.1855, 32.4316],
+            [95.0098, 32.2998],
+            [95.1855, 32.3438],
+            [95.2734, 32.2119],
+            [95.3613, 32.168],
+            [95.3613, 31.9922],
+            [95.4492, 31.8164],
+            [95.8008, 31.6846],
+            [95.9766, 31.8164],
+            [96.1523, 31.5967],
+            [96.2402, 31.9482],
+            [96.5039, 31.7285],
+            [96.8555, 31.6846],
+            [96.7676, 31.9922],
+            [97.2949, 32.0801],
+            [97.3828, 32.5635],
+            [97.7344, 32.5195],
+            [98.1738, 32.3438],
+            [98.4375, 31.8604],
+            [98.877, 31.4209],
+            [98.6133, 31.2012],
+            [98.9648, 30.7617],
+            [99.1406, 29.2676],
+            [98.9648, 29.1357],
+            [98.9648, 28.8281],
+            [98.7891, 28.8721],
+            [98.7891, 29.0039],
+            [98.7012, 28.916],
+            [98.6133, 28.5205],
+            [98.7891, 28.3447],
+            [98.7012, 28.2129],
+            [98.3496, 28.125],
+            [98.2617, 28.3887],
+            [98.1738, 28.125],
+            [97.5586, 28.5205],
+            [97.2949, 28.0811],
+            [97.3828, 27.9053],
+            [97.0313, 27.7295],
+            [96.5039, 28.125],
+            [95.7129, 28.2568],
+            [95.3613, 28.125],
+            [95.2734, 27.9492],
+            [94.2188, 27.5537],
+            [93.8672, 27.0264],
+            [93.6035, 26.9385],
+            [92.1094, 26.8506],
+            [92.0215, 27.4658],
+            [91.582, 27.5537],
+            [91.582, 27.9053],
+            [91.4063, 28.0371],
+            [91.0547, 27.8613],
+            [90.7031, 28.0811],
+            [89.8242, 28.2129],
+            [89.6484, 28.1689],
+            [89.1211, 27.5977],
+            [89.1211, 27.334],
+            [89.0332, 27.2021],
+            [88.7695, 27.4219],
+            [88.8574, 27.9932],
+            [88.6816, 28.125],
+            [88.1543, 27.9053],
+            [87.8906, 27.9492],
+            [87.7148, 27.8174],
+            [87.0996, 27.8174],
+            [86.748, 28.125],
+            [86.5723, 28.125],
+            [86.4844, 27.9053],
+            [86.1328, 28.125],
+            [86.0449, 27.9053],
+            [85.6934, 28.3447],
+            [85.6055, 28.2568],
+            [85.166, 28.3447],
+            [85.166, 28.6523],
+            [84.9023, 28.5645],
+            [84.4629, 28.7402],
+            [84.2871, 28.8721],
+            [84.1992, 29.2236],
+            [84.1113, 29.2676],
+            [83.584, 29.1797],
+            [83.2324, 29.5752],
+            [82.1777, 30.0586],
+            [82.0898, 30.3223],
+            [81.3867, 30.3662],
+            [81.2109, 30.0146],
+            [81.0352, 30.2344],
+            [80.0684, 30.5859],
+            [79.7168, 30.9375],
+            [79.0137, 31.0693],
+            [78.75, 31.333],
+            [78.8379, 31.5967],
+            [78.6621, 31.8164],
+            [78.75, 31.9043],
+            [78.4863, 32.124],
+            [78.3984, 32.5195],
+            [78.75, 32.6953],
+            [78.9258, 32.3438],
+            [79.2773, 32.5635],
+            [79.1016, 33.1787],
+            [78.6621, 33.6621],
+            [78.6621, 34.1016],
+            [78.9258, 34.1455],
+            [79.0137, 34.3213],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'nei_meng_gu',
+      properties: { name: '内蒙古', cp: [117.5977, 44.3408], childNum: 12 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [97.207, 42.8027],
+            [99.4922, 42.583],
+            [100.8105, 42.6709],
+            [101.7773, 42.4951],
+            [102.041, 42.2314],
+            [102.7441, 42.1436],
+            [103.3594, 41.8799],
+            [103.8867, 41.792],
+            [104.502, 41.8799],
+            [104.502, 41.6602],
+            [105.0293, 41.5723],
+            [105.7324, 41.9238],
+            [107.4023, 42.4512],
+            [109.4238, 42.4512],
+            [110.3906, 42.7588],
+            [111.0059, 43.3301],
+            [111.9727, 43.6816],
+            [111.9727, 43.8135],
+            [111.4453, 44.3848],
+            [111.7969, 45],
+            [111.9727, 45.0879],
+            [113.6426, 44.7363],
+            [114.1699, 44.9561],
+            [114.5215, 45.3955],
+            [115.6641, 45.4395],
+            [116.1914, 45.7031],
+            [116.2793, 45.9668],
+            [116.543, 46.2744],
+            [117.334, 46.3623],
+            [117.4219, 46.582],
+            [117.7734, 46.5381],
+            [118.3008, 46.7578],
+            [118.7402, 46.7139],
+            [118.916, 46.7578],
+            [119.0918, 46.6699],
+            [119.707, 46.626],
+            [119.9707, 46.7139],
+            [119.707, 47.1973],
+            [118.4766, 47.9883],
+            [117.8613, 48.0322],
+            [117.334, 47.6807],
+            [116.8066, 47.9004],
+            [116.1914, 47.8564],
+            [115.9277, 47.6807],
+            [115.5762, 47.9004],
+            [115.4883, 48.1641],
+            [115.8398, 48.252],
+            [115.8398, 48.5596],
+            [116.7188, 49.834],
+            [117.7734, 49.5264],
+            [118.5645, 49.9219],
+            [119.2676, 50.0977],
+            [119.3555, 50.3174],
+            [119.1797, 50.3613],
+            [119.5313, 50.7568],
+            [119.5313, 50.8887],
+            [119.707, 51.0645],
+            [120.1465, 51.6797],
+            [120.6738, 51.9434],
+            [120.7617, 52.1191],
+            [120.7617, 52.251],
+            [120.5859, 52.3389],
+            [120.6738, 52.5146],
+            [120.4102, 52.6465],
+            [120.0586, 52.6025],
+            [120.0586, 52.7344],
+            [120.8496, 53.2617],
+            [121.4648, 53.3496],
+            [121.8164, 53.042],
+            [121.2012, 52.5586],
+            [121.6406, 52.4268],
+            [121.7285, 52.2949],
+            [121.9922, 52.2949],
+            [122.168, 52.5146],
+            [122.6953, 52.251],
+            [122.6074, 52.0752],
+            [122.959, 51.3281],
+            [123.3105, 51.2402],
+            [123.6621, 51.3721],
+            [124.3652, 51.2842],
+            [124.541, 51.3721],
+            [124.8926, 51.3721],
+            [125.0684, 51.6357],
+            [125.332, 51.6357],
+            [126.0352, 51.0205],
+            [125.7715, 50.7568],
+            [125.7715, 50.5371],
+            [125.332, 50.1416],
+            [125.1563, 49.834],
+            [125.2441, 49.1748],
+            [124.8047, 49.1309],
+            [124.4531, 48.1201],
+            [124.2773, 48.5156],
+            [122.4316, 47.373],
+            [123.0469, 46.7139],
+            [123.3984, 46.8896],
+            [123.3984, 46.9775],
+            [123.4863, 46.9775],
+            [123.5742, 46.8457],
+            [123.5742, 46.8896],
+            [123.5742, 46.6699],
+            [123.0469, 46.582],
+            [123.2227, 46.2305],
+            [122.7832, 46.0107],
+            [122.6953, 45.7031],
+            [122.4316, 45.8789],
+            [122.2559, 45.791],
+            [121.8164, 46.0107],
+            [121.7285, 45.7471],
+            [121.9043, 45.7031],
+            [122.2559, 45.2637],
+            [122.0801, 44.8682],
+            [122.3438, 44.2529],
+            [123.1348, 44.4727],
+            [123.4863, 43.7256],
+            [123.3105, 43.5059],
+            [123.6621, 43.374],
+            [123.5742, 43.0225],
+            [123.3105, 42.9785],
+            [123.1348, 42.8027],
+            [122.7832, 42.7148],
+            [122.3438, 42.8467],
+            [122.3438, 42.6709],
+            [121.9922, 42.7148],
+            [121.7285, 42.4512],
+            [121.4648, 42.4951],
+            [120.498, 42.0996],
+            [120.1465, 41.7041],
+            [119.8828, 42.1875],
+            [119.5313, 42.3633],
+            [119.3555, 42.2754],
+            [119.2676, 41.7041],
+            [119.4434, 41.6162],
+            [119.2676, 41.3086],
+            [118.3887, 41.3086],
+            [118.125, 41.748],
+            [118.3008, 41.792],
+            [118.3008, 42.0996],
+            [118.125, 42.0557],
+            [117.9492, 42.2314],
+            [118.0371, 42.4072],
+            [117.7734, 42.627],
+            [117.5098, 42.583],
+            [117.334, 42.4512],
+            [116.8945, 42.4072],
+            [116.8066, 42.0117],
+            [116.2793, 42.0117],
+            [116.0156, 41.792],
+            [115.9277, 41.9238],
+            [115.2246, 41.5723],
+            [114.9609, 41.6162],
+            [114.873, 42.0996],
+            [114.5215, 42.1436],
+            [114.1699, 41.792],
+            [114.2578, 41.5723],
+            [113.9063, 41.4404],
+            [113.9941, 41.2207],
+            [113.9063, 41.1328],
+            [114.082, 40.7373],
+            [114.082, 40.5176],
+            [113.8184, 40.5176],
+            [113.5547, 40.3418],
+            [113.2031, 40.3857],
+            [112.7637, 40.166],
+            [112.3242, 40.2539],
+            [111.9727, 39.5947],
+            [111.4453, 39.6387],
+            [111.3574, 39.4189],
+            [111.0938, 39.375],
+            [111.0938, 39.5947],
+            [110.6543, 39.2871],
+            [110.127, 39.4629],
+            [110.2148, 39.2871],
+            [109.8633, 39.2432],
+            [109.9512, 39.1553],
+            [108.9844, 38.3203],
+            [109.0723, 38.0127],
+            [108.8965, 37.9688],
+            [108.8086, 38.0127],
+            [108.7207, 37.7051],
+            [108.1934, 37.6172],
+            [107.666, 37.8809],
+            [107.3145, 38.1006],
+            [106.7871, 38.1885],
+            [106.5234, 38.3203],
+            [106.9629, 38.9795],
+            [106.7871, 39.375],
+            [106.3477, 39.2871],
+            [105.9082, 38.7158],
+            [105.8203, 37.793],
+            [104.3262, 37.4414],
+            [103.4473, 37.8369],
+            [103.3594, 38.0127],
+            [103.5352, 38.1445],
+            [103.4473, 38.3643],
+            [104.2383, 38.9795],
+            [104.0625, 39.4189],
+            [103.3594, 39.3311],
+            [103.0078, 39.1113],
+            [102.4805, 39.2432],
+            [101.8652, 39.1113],
+            [102.041, 38.8916],
+            [101.7773, 38.6719],
+            [101.3379, 38.7598],
+            [101.25, 39.0234],
+            [100.9863, 38.9355],
+            [100.8105, 39.4189],
+            [100.5469, 39.4189],
+            [100.0195, 39.7705],
+            [99.4922, 39.8584],
+            [100.1074, 40.2539],
+            [100.1953, 40.6494],
+            [99.9316, 41.001],
+            [99.2285, 40.8691],
+            [99.0527, 40.6934],
+            [98.9648, 40.7813],
+            [98.7891, 40.6055],
+            [98.5254, 40.7373],
+            [98.6133, 40.6494],
+            [98.3496, 40.5615],
+            [98.3496, 40.9131],
+            [97.4707, 41.4844],
+            [97.8223, 41.6162],
+            [97.8223, 41.748],
+            [97.207, 42.8027],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'qing_hai',
+      properties: { name: '青海', cp: [96.2402, 35.4199], childNum: 8 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [89.7363, 36.0791],
+            [89.9121, 36.0791],
+            [90, 36.2549],
+            [90.8789, 36.0352],
+            [91.0547, 36.0791],
+            [91.0547, 36.5186],
+            [90.791, 36.6064],
+            [90.7031, 36.7822],
+            [91.3184, 37.0898],
+            [91.0547, 37.4414],
+            [90.5273, 37.8369],
+            [90.6152, 38.3203],
+            [90.3516, 38.2324],
+            [90.1758, 38.4961],
+            [92.373, 39.0234],
+            [92.373, 39.1113],
+            [93.1641, 39.1992],
+            [93.1641, 38.9795],
+            [93.6914, 38.9355],
+            [93.8672, 38.7158],
+            [94.3066, 38.7598],
+            [94.5703, 38.3643],
+            [95.0098, 38.4082],
+            [95.4492, 38.2764],
+            [95.7129, 38.3643],
+            [96.2402, 38.1006],
+            [96.416, 38.2324],
+            [96.6797, 38.1885],
+            [96.6797, 38.4521],
+            [97.1191, 38.584],
+            [97.0313, 39.1992],
+            [98.1738, 38.8037],
+            [98.3496, 39.0234],
+            [98.6133, 38.9355],
+            [98.7891, 39.0674],
+            [99.1406, 38.9355],
+            [99.8438, 38.3643],
+            [100.1953, 38.2764],
+            [100.0195, 38.4521],
+            [100.1074, 38.4961],
+            [100.459, 38.2764],
+            [100.7227, 38.2324],
+            [101.1621, 37.8369],
+            [101.5137, 37.8809],
+            [101.7773, 37.6172],
+            [101.9531, 37.7051],
+            [102.1289, 37.4414],
+            [102.5684, 37.1777],
+            [102.4805, 36.958],
+            [102.6563, 36.8262],
+            [102.5684, 36.7383],
+            [102.832, 36.3428],
+            [103.0078, 36.2549],
+            [102.9199, 36.0791],
+            [102.9199, 35.9033],
+            [102.6563, 35.7715],
+            [102.832, 35.5957],
+            [102.4805, 35.5957],
+            [102.3047, 35.4199],
+            [102.3926, 35.2002],
+            [101.9531, 34.8486],
+            [101.9531, 34.6289],
+            [102.2168, 34.4092],
+            [102.1289, 34.2773],
+            [101.6895, 34.1016],
+            [100.9863, 34.3652],
+            [100.8105, 34.2773],
+            [101.25, 33.6621],
+            [101.5137, 33.7061],
+            [101.6016, 33.5303],
+            [101.7773, 33.5303],
+            [101.6895, 33.3105],
+            [101.7773, 33.2227],
+            [101.6016, 33.1348],
+            [101.1621, 33.2227],
+            [101.25, 32.6953],
+            [100.7227, 32.6514],
+            [100.7227, 32.5195],
+            [100.3711, 32.7393],
+            [100.1074, 32.6514],
+            [100.1074, 32.8711],
+            [99.8438, 33.0029],
+            [99.7559, 32.7393],
+            [99.2285, 32.915],
+            [99.2285, 33.0469],
+            [98.877, 33.1787],
+            [98.4375, 34.0576],
+            [97.8223, 34.1895],
+            [97.6465, 34.1016],
+            [97.7344, 33.9258],
+            [97.3828, 33.8818],
+            [97.4707, 33.5742],
+            [97.7344, 33.3984],
+            [97.3828, 32.8711],
+            [97.4707, 32.6953],
+            [97.7344, 32.5195],
+            [97.3828, 32.5635],
+            [97.2949, 32.0801],
+            [96.7676, 31.9922],
+            [96.8555, 31.6846],
+            [96.5039, 31.7285],
+            [96.2402, 31.9482],
+            [96.1523, 31.5967],
+            [95.9766, 31.8164],
+            [95.8008, 31.6846],
+            [95.4492, 31.8164],
+            [95.3613, 31.9922],
+            [95.3613, 32.168],
+            [95.2734, 32.2119],
+            [95.1855, 32.3438],
+            [95.0098, 32.2998],
+            [95.1855, 32.4316],
+            [94.6582, 32.6074],
+            [94.1309, 32.4316],
+            [93.7793, 32.5635],
+            [93.5156, 32.4756],
+            [92.9883, 32.7393],
+            [92.2852, 32.7393],
+            [92.1973, 32.8271],
+            [91.9336, 32.8271],
+            [91.4063, 33.1348],
+            [90.7031, 33.1348],
+            [90.0879, 33.4863],
+            [89.6484, 34.0137],
+            [89.8242, 34.3652],
+            [89.7363, 34.6729],
+            [89.8242, 34.8486],
+            [89.5605, 34.8926],
+            [89.4727, 35.2441],
+            [89.4727, 35.376],
+            [89.7363, 35.4199],
+            [89.7363, 35.7715],
+            [89.4727, 35.9033],
+            [89.3848, 36.0352],
+            [89.7363, 36.0791],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'si_chuan',
+      properties: { name: '四川', cp: [102.9199, 30.1904], childNum: 21 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [101.7773, 33.5303],
+            [101.8652, 33.5742],
+            [101.9531, 33.4424],
+            [101.8652, 33.0908],
+            [102.4805, 33.4424],
+            [102.2168, 33.9258],
+            [102.9199, 34.3213],
+            [103.0957, 34.1895],
+            [103.1836, 33.7939],
+            [104.1504, 33.6182],
+            [104.2383, 33.3984],
+            [104.4141, 33.3105],
+            [104.3262, 33.2227],
+            [104.4141, 33.0469],
+            [104.3262, 32.8711],
+            [104.4141, 32.7393],
+            [105.2051, 32.6074],
+            [105.3809, 32.7393],
+            [105.3809, 32.8711],
+            [105.4688, 32.915],
+            [105.5566, 32.7393],
+            [106.084, 32.8711],
+            [106.084, 32.7393],
+            [106.3477, 32.6514],
+            [107.0508, 32.6953],
+            [107.1387, 32.4756],
+            [107.2266, 32.4316],
+            [107.4023, 32.5195],
+            [108.0176, 32.168],
+            [108.2813, 32.2559],
+            [108.5449, 32.2119],
+            [108.3691, 32.168],
+            [108.2813, 31.9043],
+            [108.5449, 31.6846],
+            [108.1934, 31.5088],
+            [107.9297, 30.8496],
+            [107.4902, 30.8496],
+            [107.4023, 30.7617],
+            [107.4902, 30.6299],
+            [107.0508, 30.0146],
+            [106.7871, 30.0146],
+            [106.6113, 30.3223],
+            [106.2598, 30.1904],
+            [105.8203, 30.4541],
+            [105.6445, 30.2783],
+            [105.5566, 30.1025],
+            [105.7324, 29.8828],
+            [105.293, 29.5313],
+            [105.4688, 29.3115],
+            [105.7324, 29.2676],
+            [105.8203, 28.96],
+            [106.2598, 28.8721],
+            [106.3477, 28.5205],
+            [105.9961, 28.7402],
+            [105.6445, 28.4326],
+            [105.9082, 28.125],
+            [106.1719, 28.125],
+            [106.3477, 27.8174],
+            [105.6445, 27.6416],
+            [105.5566, 27.7734],
+            [105.293, 27.7295],
+            [105.2051, 27.9932],
+            [105.0293, 28.0811],
+            [104.8535, 27.9053],
+            [104.4141, 27.9492],
+            [104.3262, 28.0371],
+            [104.4141, 28.125],
+            [104.4141, 28.2568],
+            [104.2383, 28.4326],
+            [104.4141, 28.6084],
+            [103.8867, 28.6523],
+            [103.7988, 28.3008],
+            [103.4473, 28.125],
+            [103.4473, 27.7734],
+            [102.9199, 27.29],
+            [103.0078, 26.3672],
+            [102.6563, 26.1914],
+            [102.5684, 26.3672],
+            [102.1289, 26.1035],
+            [101.8652, 26.0596],
+            [101.6016, 26.2354],
+            [101.6895, 26.3672],
+            [101.4258, 26.5869],
+            [101.4258, 26.8066],
+            [101.4258, 26.7188],
+            [101.1621, 27.0264],
+            [101.1621, 27.1582],
+            [100.7227, 27.8613],
+            [100.3711, 27.8174],
+            [100.2832, 27.7295],
+            [100.0195, 28.125],
+            [100.1953, 28.3447],
+            [99.668, 28.8281],
+            [99.4043, 28.5205],
+            [99.4043, 28.1689],
+            [99.2285, 28.3008],
+            [99.1406, 29.2676],
+            [98.9648, 30.7617],
+            [98.6133, 31.2012],
+            [98.877, 31.4209],
+            [98.4375, 31.8604],
+            [98.1738, 32.3438],
+            [97.7344, 32.5195],
+            [97.4707, 32.6953],
+            [97.3828, 32.8711],
+            [97.7344, 33.3984],
+            [97.4707, 33.5742],
+            [97.3828, 33.8818],
+            [97.7344, 33.9258],
+            [97.6465, 34.1016],
+            [97.8223, 34.1895],
+            [98.4375, 34.0576],
+            [98.877, 33.1787],
+            [99.2285, 33.0469],
+            [99.2285, 32.915],
+            [99.7559, 32.7393],
+            [99.8438, 33.0029],
+            [100.1074, 32.8711],
+            [100.1074, 32.6514],
+            [100.3711, 32.7393],
+            [100.7227, 32.5195],
+            [100.7227, 32.6514],
+            [101.25, 32.6953],
+            [101.1621, 33.2227],
+            [101.6016, 33.1348],
+            [101.7773, 33.2227],
+            [101.6895, 33.3105],
+            [101.7773, 33.5303],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'hei_long_jiang',
+      properties: { name: '黑龙江', cp: [128.1445, 48.5156], childNum: 13 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [121.4648, 53.3496],
+            [123.6621, 53.5693],
+            [124.8926, 53.0859],
+            [125.0684, 53.2178],
+            [125.5957, 53.0859],
+            [125.6836, 52.9102],
+            [126.123, 52.7783],
+            [126.0352, 52.6025],
+            [126.2109, 52.5146],
+            [126.3867, 52.2949],
+            [126.3867, 52.207],
+            [126.5625, 52.1631],
+            [126.4746, 51.9434],
+            [126.9141, 51.3721],
+            [126.8262, 51.2842],
+            [127.002, 51.3281],
+            [126.9141, 51.1084],
+            [127.2656, 50.7568],
+            [127.3535, 50.2734],
+            [127.6172, 50.2295],
+            [127.5293, 49.8779],
+            [127.793, 49.6143],
+            [128.7598, 49.5703],
+            [129.1113, 49.3506],
+            [129.4629, 49.4385],
+            [130.2539, 48.8672],
+            [130.6934, 48.8672],
+            [130.5176, 48.6475],
+            [130.8691, 48.2959],
+            [130.6934, 48.1201],
+            [131.0449, 47.6807],
+            [132.5391, 47.7246],
+            [132.627, 47.9443],
+            [133.0664, 48.1201],
+            [133.5059, 48.1201],
+            [134.209, 48.3838],
+            [135.0879, 48.4277],
+            [134.7363, 48.252],
+            [134.5605, 47.9883],
+            [134.7363, 47.6807],
+            [134.5605, 47.4609],
+            [134.3848, 47.4609],
+            [134.209, 47.2852],
+            [134.209, 47.1533],
+            [133.8574, 46.5381],
+            [133.9453, 46.2744],
+            [133.5059, 45.835],
+            [133.418, 45.5713],
+            [133.2422, 45.5273],
+            [133.0664, 45.1318],
+            [132.8906, 45.0439],
+            [131.9238, 45.3516],
+            [131.5723, 45.0439],
+            [131.0449, 44.8682],
+            [131.3086, 44.0771],
+            [131.2207, 43.7256],
+            [131.3086, 43.4619],
+            [130.8691, 43.418],
+            [130.5176, 43.6377],
+            [130.3418, 43.9893],
+            [129.9902, 43.8574],
+            [129.9023, 44.0332],
+            [129.8145, 43.9014],
+            [129.2871, 43.8135],
+            [129.1992, 43.5938],
+            [128.8477, 43.5498],
+            [128.4961, 44.165],
+            [128.4082, 44.4727],
+            [128.0566, 44.3408],
+            [128.0566, 44.1211],
+            [127.7051, 44.1211],
+            [127.5293, 44.6045],
+            [127.0898, 44.6045],
+            [127.002, 44.7803],
+            [127.0898, 45],
+            [126.9141, 45.1318],
+            [126.5625, 45.2637],
+            [126.0352, 45.1758],
+            [125.7715, 45.3076],
+            [125.6836, 45.5273],
+            [125.0684, 45.3955],
+            [124.8926, 45.5273],
+            [124.3652, 45.4395],
+            [124.0137, 45.7471],
+            [123.9258, 46.2305],
+            [123.2227, 46.2305],
+            [123.0469, 46.582],
+            [123.5742, 46.6699],
+            [123.5742, 46.8896],
+            [123.5742, 46.8457],
+            [123.4863, 46.9775],
+            [123.3984, 46.9775],
+            [123.3984, 46.8896],
+            [123.0469, 46.7139],
+            [122.4316, 47.373],
+            [124.2773, 48.5156],
+            [124.4531, 48.1201],
+            [124.8047, 49.1309],
+            [125.2441, 49.1748],
+            [125.1563, 49.834],
+            [125.332, 50.1416],
+            [125.7715, 50.5371],
+            [125.7715, 50.7568],
+            [126.0352, 51.0205],
+            [125.332, 51.6357],
+            [125.0684, 51.6357],
+            [124.8926, 51.3721],
+            [124.541, 51.3721],
+            [124.3652, 51.2842],
+            [123.6621, 51.3721],
+            [123.3105, 51.2402],
+            [122.959, 51.3281],
+            [122.6074, 52.0752],
+            [122.6953, 52.251],
+            [122.168, 52.5146],
+            [121.9922, 52.2949],
+            [121.7285, 52.2949],
+            [121.6406, 52.4268],
+            [121.2012, 52.5586],
+            [121.8164, 53.042],
+            [121.4648, 53.3496],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'gan_su',
+      properties: { name: '甘肃', cp: [95.7129, 40.166], childNum: 14 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [96.416, 42.7148],
+            [97.207, 42.8027],
+            [97.8223, 41.748],
+            [97.8223, 41.6162],
+            [97.4707, 41.4844],
+            [98.3496, 40.9131],
+            [98.3496, 40.5615],
+            [98.6133, 40.6494],
+            [98.5254, 40.7373],
+            [98.7891, 40.6055],
+            [98.9648, 40.7813],
+            [99.0527, 40.6934],
+            [99.2285, 40.8691],
+            [99.9316, 41.001],
+            [100.1953, 40.6494],
+            [100.1074, 40.2539],
+            [99.4922, 39.8584],
+            [100.0195, 39.7705],
+            [100.5469, 39.4189],
+            [100.8105, 39.4189],
+            [100.9863, 38.9355],
+            [101.25, 39.0234],
+            [101.3379, 38.7598],
+            [101.7773, 38.6719],
+            [102.041, 38.8916],
+            [101.8652, 39.1113],
+            [102.4805, 39.2432],
+            [103.0078, 39.1113],
+            [103.3594, 39.3311],
+            [104.0625, 39.4189],
+            [104.2383, 38.9795],
+            [103.4473, 38.3643],
+            [103.5352, 38.1445],
+            [103.3594, 38.0127],
+            [103.4473, 37.8369],
+            [104.3262, 37.4414],
+            [104.5898, 37.4414],
+            [104.5898, 37.2217],
+            [104.8535, 37.2217],
+            [105.293, 36.8262],
+            [105.2051, 36.6943],
+            [105.4688, 36.123],
+            [105.293, 35.9912],
+            [105.3809, 35.7715],
+            [105.7324, 35.7275],
+            [105.8203, 35.5518],
+            [105.9961, 35.4639],
+            [105.9082, 35.4199],
+            [105.9961, 35.4199],
+            [106.084, 35.376],
+            [106.2598, 35.4199],
+            [106.3477, 35.2441],
+            [106.5234, 35.332],
+            [106.4355, 35.6836],
+            [106.6992, 35.6836],
+            [106.9629, 35.8154],
+            [106.875, 36.123],
+            [106.5234, 36.2549],
+            [106.5234, 36.4746],
+            [106.4355, 36.5625],
+            [106.6113, 36.7822],
+            [106.6113, 37.0898],
+            [107.3145, 37.0898],
+            [107.3145, 36.9141],
+            [108.7207, 36.3428],
+            [108.6328, 35.9912],
+            [108.5449, 35.8594],
+            [108.6328, 35.5518],
+            [108.5449, 35.2881],
+            [107.7539, 35.2881],
+            [107.7539, 35.1123],
+            [107.8418, 35.0244],
+            [107.666, 34.9365],
+            [107.2266, 34.8926],
+            [106.9629, 35.0684],
+            [106.6113, 35.0684],
+            [106.5234, 34.7607],
+            [106.3477, 34.585],
+            [106.6992, 34.3213],
+            [106.5234, 34.2773],
+            [106.6113, 34.1455],
+            [106.4355, 33.9258],
+            [106.5234, 33.5303],
+            [105.9961, 33.6182],
+            [105.7324, 33.3984],
+            [105.9961, 33.1787],
+            [105.9082, 33.0029],
+            [105.4688, 32.915],
+            [105.3809, 32.8711],
+            [105.3809, 32.7393],
+            [105.2051, 32.6074],
+            [104.4141, 32.7393],
+            [104.3262, 32.8711],
+            [104.4141, 33.0469],
+            [104.3262, 33.2227],
+            [104.4141, 33.3105],
+            [104.2383, 33.3984],
+            [104.1504, 33.6182],
+            [103.1836, 33.7939],
+            [103.0957, 34.1895],
+            [102.9199, 34.3213],
+            [102.2168, 33.9258],
+            [102.4805, 33.4424],
+            [101.8652, 33.0908],
+            [101.9531, 33.4424],
+            [101.8652, 33.5742],
+            [101.7773, 33.5303],
+            [101.6016, 33.5303],
+            [101.5137, 33.7061],
+            [101.25, 33.6621],
+            [100.8105, 34.2773],
+            [100.9863, 34.3652],
+            [101.6895, 34.1016],
+            [102.1289, 34.2773],
+            [102.2168, 34.4092],
+            [101.9531, 34.6289],
+            [101.9531, 34.8486],
+            [102.3926, 35.2002],
+            [102.3047, 35.4199],
+            [102.4805, 35.5957],
+            [102.832, 35.5957],
+            [102.6563, 35.7715],
+            [102.9199, 35.9033],
+            [102.9199, 36.0791],
+            [103.0078, 36.2549],
+            [102.832, 36.3428],
+            [102.5684, 36.7383],
+            [102.6563, 36.8262],
+            [102.4805, 36.958],
+            [102.5684, 37.1777],
+            [102.1289, 37.4414],
+            [101.9531, 37.7051],
+            [101.7773, 37.6172],
+            [101.5137, 37.8809],
+            [101.1621, 37.8369],
+            [100.7227, 38.2324],
+            [100.459, 38.2764],
+            [100.1074, 38.4961],
+            [100.0195, 38.4521],
+            [100.1953, 38.2764],
+            [99.8438, 38.3643],
+            [99.1406, 38.9355],
+            [98.7891, 39.0674],
+            [98.6133, 38.9355],
+            [98.3496, 39.0234],
+            [98.1738, 38.8037],
+            [97.0313, 39.1992],
+            [97.1191, 38.584],
+            [96.6797, 38.4521],
+            [96.6797, 38.1885],
+            [96.416, 38.2324],
+            [96.2402, 38.1006],
+            [95.7129, 38.3643],
+            [95.4492, 38.2764],
+            [95.0098, 38.4082],
+            [94.5703, 38.3643],
+            [94.3066, 38.7598],
+            [93.8672, 38.7158],
+            [93.6914, 38.9355],
+            [93.1641, 38.9795],
+            [93.1641, 39.1992],
+            [92.373, 39.1113],
+            [92.373, 39.3311],
+            [92.6367, 39.6387],
+            [93.0762, 40.6494],
+            [93.8672, 40.6934],
+            [94.043, 41.0889],
+            [94.5703, 41.4844],
+            [95.1855, 41.792],
+            [95.2734, 41.6162],
+            [95.9766, 41.9238],
+            [96.2402, 42.2314],
+            [96.0645, 42.3193],
+            [95.9766, 42.4951],
+            [96.416, 42.7148],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'yun_nan',
+      properties: { name: '云南', cp: [101.8652, 25.1807], childNum: 16 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [98.1738, 28.125],
+            [98.2617, 28.3887],
+            [98.3496, 28.125],
+            [98.7012, 28.2129],
+            [98.7891, 28.3447],
+            [98.6133, 28.5205],
+            [98.7012, 28.916],
+            [98.7891, 29.0039],
+            [98.7891, 28.8721],
+            [98.9648, 28.8281],
+            [98.9648, 29.1357],
+            [99.1406, 29.2676],
+            [99.2285, 28.3008],
+            [99.4043, 28.1689],
+            [99.4043, 28.5205],
+            [99.668, 28.8281],
+            [100.1953, 28.3447],
+            [100.0195, 28.125],
+            [100.2832, 27.7295],
+            [100.3711, 27.8174],
+            [100.7227, 27.8613],
+            [101.1621, 27.1582],
+            [101.1621, 27.0264],
+            [101.4258, 26.7188],
+            [101.4258, 26.8066],
+            [101.4258, 26.5869],
+            [101.6895, 26.3672],
+            [101.6016, 26.2354],
+            [101.8652, 26.0596],
+            [102.1289, 26.1035],
+            [102.5684, 26.3672],
+            [102.6563, 26.1914],
+            [103.0078, 26.3672],
+            [102.9199, 27.29],
+            [103.4473, 27.7734],
+            [103.4473, 28.125],
+            [103.7988, 28.3008],
+            [103.8867, 28.6523],
+            [104.4141, 28.6084],
+            [104.2383, 28.4326],
+            [104.4141, 28.2568],
+            [104.4141, 28.125],
+            [104.3262, 28.0371],
+            [104.4141, 27.9492],
+            [104.8535, 27.9053],
+            [105.0293, 28.0811],
+            [105.2051, 27.9932],
+            [105.293, 27.7295],
+            [105.2051, 27.3779],
+            [104.5898, 27.334],
+            [104.4141, 27.4658],
+            [104.1504, 27.2461],
+            [103.8867, 27.4219],
+            [103.623, 27.0264],
+            [103.7109, 26.9824],
+            [103.7109, 26.7627],
+            [103.8867, 26.543],
+            [104.4141, 26.6748],
+            [104.6777, 26.4111],
+            [104.3262, 25.708],
+            [104.8535, 25.2246],
+            [104.5898, 25.0488],
+            [104.6777, 24.9609],
+            [104.502, 24.7412],
+            [104.6777, 24.3457],
+            [104.7656, 24.4775],
+            [105.0293, 24.4336],
+            [105.2051, 24.082],
+            [105.4688, 24.0381],
+            [105.5566, 24.126],
+            [105.9961, 24.126],
+            [106.1719, 23.8184],
+            [106.1719, 23.5547],
+            [105.6445, 23.4229],
+            [105.5566, 23.2031],
+            [105.293, 23.3789],
+            [104.8535, 23.1592],
+            [104.7656, 22.8516],
+            [104.3262, 22.6758],
+            [104.1504, 22.8076],
+            [103.9746, 22.5439],
+            [103.623, 22.7637],
+            [103.5352, 22.5879],
+            [103.3594, 22.8076],
+            [103.0957, 22.4561],
+            [102.4805, 22.7637],
+            [102.3047, 22.4121],
+            [101.8652, 22.3682],
+            [101.7773, 22.5],
+            [101.6016, 22.1924],
+            [101.8652, 21.6211],
+            [101.7773, 21.1377],
+            [101.6016, 21.2256],
+            [101.25, 21.1816],
+            [101.1621, 21.7529],
+            [100.6348, 21.4453],
+            [100.1074, 21.4893],
+            [99.9316, 22.0605],
+            [99.2285, 22.1484],
+            [99.4043, 22.5879],
+            [99.3164, 22.7197],
+            [99.4922, 23.0713],
+            [98.877, 23.2031],
+            [98.7012, 23.9502],
+            [98.877, 24.126],
+            [98.1738, 24.082],
+            [97.7344, 23.8623],
+            [97.5586, 23.9063],
+            [97.7344, 24.126],
+            [97.6465, 24.4336],
+            [97.5586, 24.4336],
+            [97.5586, 24.7412],
+            [97.7344, 24.8291],
+            [97.8223, 25.2686],
+            [98.1738, 25.4004],
+            [98.1738, 25.6201],
+            [98.3496, 25.5762],
+            [98.5254, 25.8398],
+            [98.7012, 25.8838],
+            [98.6133, 26.0596],
+            [98.7012, 26.1475],
+            [98.7891, 26.5869],
+            [98.7012, 27.5098],
+            [98.5254, 27.6416],
+            [98.3496, 27.5098],
+            [98.1738, 28.125],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'guang_xi',
+      properties: { name: '广西', cp: [108.2813, 23.6426], childNum: 14 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [104.502, 24.7412],
+            [104.6777, 24.6094],
+            [105.2051, 24.9609],
+            [105.9961, 24.6533],
+            [106.1719, 24.7852],
+            [106.1719, 24.9609],
+            [106.875, 25.1807],
+            [107.0508, 25.2686],
+            [106.9629, 25.4883],
+            [107.2266, 25.6201],
+            [107.4902, 25.2246],
+            [107.7539, 25.2246],
+            [107.8418, 25.1367],
+            [108.1055, 25.2246],
+            [108.1934, 25.4443],
+            [108.3691, 25.5322],
+            [108.6328, 25.3125],
+            [108.6328, 25.5762],
+            [109.0723, 25.5322],
+            [108.9844, 25.752],
+            [109.3359, 25.708],
+            [109.5117, 26.0156],
+            [109.7754, 25.8838],
+            [109.9512, 26.1914],
+            [110.2148, 25.9717],
+            [110.5664, 26.3232],
+            [111.1816, 26.3232],
+            [111.2695, 26.2354],
+            [111.2695, 25.8838],
+            [111.4453, 25.8398],
+            [111.0059, 25.0049],
+            [111.0938, 24.9609],
+            [111.3574, 25.1367],
+            [111.5332, 24.6533],
+            [111.709, 24.7852],
+            [112.0605, 24.7412],
+            [111.8848, 24.6533],
+            [112.0605, 24.3457],
+            [111.8848, 24.2139],
+            [111.8848, 23.9941],
+            [111.7969, 23.8184],
+            [111.6211, 23.8184],
+            [111.6211, 23.6865],
+            [111.3574, 23.4668],
+            [111.4453, 23.0273],
+            [111.2695, 22.8076],
+            [110.7422, 22.5439],
+            [110.7422, 22.2803],
+            [110.6543, 22.1484],
+            [110.3027, 22.1484],
+            [110.3027, 21.8848],
+            [109.9512, 21.8408],
+            [109.8633, 21.665],
+            [109.7754, 21.6211],
+            [109.7754, 21.4014],
+            [109.5996, 21.4453],
+            [109.1602, 21.3574],
+            [109.248, 20.874],
+            [109.0723, 20.9619],
+            [109.0723, 21.5332],
+            [108.7207, 21.5332],
+            [108.6328, 21.665],
+            [108.2813, 21.4893],
+            [107.8418, 21.6211],
+            [107.4023, 21.6211],
+            [107.0508, 21.7969],
+            [107.0508, 21.9287],
+            [106.6992, 22.0166],
+            [106.6113, 22.4121],
+            [106.7871, 22.7637],
+            [106.6992, 22.8955],
+            [105.9082, 22.9395],
+            [105.5566, 23.0713],
+            [105.5566, 23.2031],
+            [105.6445, 23.4229],
+            [106.1719, 23.5547],
+            [106.1719, 23.8184],
+            [105.9961, 24.126],
+            [105.5566, 24.126],
+            [105.4688, 24.0381],
+            [105.2051, 24.082],
+            [105.0293, 24.4336],
+            [104.7656, 24.4775],
+            [104.6777, 24.3457],
+            [104.502, 24.7412],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'hu_nan',
+      properties: { name: '湖南', cp: [111.5332, 27.3779], childNum: 14 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [109.248, 28.4766],
+            [109.248, 29.1357],
+            [109.5117, 29.6191],
+            [109.6875, 29.6191],
+            [109.7754, 29.751],
+            [110.4785, 29.6631],
+            [110.6543, 29.751],
+            [110.4785, 30.0146],
+            [110.8301, 30.1465],
+            [111.7969, 29.9268],
+            [112.2363, 29.5313],
+            [112.5, 29.6191],
+            [112.6758, 29.5752],
+            [112.9395, 29.7949],
+            [113.0273, 29.751],
+            [112.9395, 29.4873],
+            [113.0273, 29.4434],
+            [113.5547, 29.8389],
+            [113.5547, 29.707],
+            [113.7305, 29.5752],
+            [113.6426, 29.3115],
+            [113.7305, 29.0918],
+            [113.9063, 29.0479],
+            [114.1699, 28.8281],
+            [114.082, 28.5645],
+            [114.2578, 28.3447],
+            [113.7305, 27.9492],
+            [113.6426, 27.5977],
+            [113.6426, 27.3779],
+            [113.8184, 27.29],
+            [113.7305, 27.1143],
+            [113.9063, 26.9385],
+            [113.9063, 26.6309],
+            [114.082, 26.5869],
+            [113.9941, 26.1914],
+            [114.2578, 26.1475],
+            [113.9941, 26.0596],
+            [113.9063, 25.4443],
+            [113.6426, 25.3125],
+            [113.2031, 25.5322],
+            [112.8516, 25.3564],
+            [113.0273, 25.2246],
+            [113.0273, 24.9609],
+            [112.8516, 24.917],
+            [112.5879, 25.1367],
+            [112.2363, 25.1807],
+            [112.1484, 24.873],
+            [112.0605, 24.7412],
+            [111.709, 24.7852],
+            [111.5332, 24.6533],
+            [111.3574, 25.1367],
+            [111.0938, 24.9609],
+            [111.0059, 25.0049],
+            [111.4453, 25.8398],
+            [111.2695, 25.8838],
+            [111.2695, 26.2354],
+            [111.1816, 26.3232],
+            [110.5664, 26.3232],
+            [110.2148, 25.9717],
+            [109.9512, 26.1914],
+            [109.7754, 25.8838],
+            [109.5117, 26.0156],
+            [109.4238, 26.2793],
+            [109.248, 26.3232],
+            [109.4238, 26.5869],
+            [109.3359, 26.7188],
+            [109.5117, 26.8066],
+            [109.5117, 27.0264],
+            [109.3359, 27.1582],
+            [108.8965, 27.0264],
+            [108.8086, 27.1143],
+            [109.4238, 27.5977],
+            [109.3359, 27.9053],
+            [109.3359, 28.2568],
+            [109.248, 28.4766],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'shan_xi_1',
+      properties: { name: '陕西', cp: [109.5996, 35.6396], childNum: 10 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [105.4688, 32.915],
+            [105.9082, 33.0029],
+            [105.9961, 33.1787],
+            [105.7324, 33.3984],
+            [105.9961, 33.6182],
+            [106.5234, 33.5303],
+            [106.4355, 33.9258],
+            [106.6113, 34.1455],
+            [106.5234, 34.2773],
+            [106.6992, 34.3213],
+            [106.3477, 34.585],
+            [106.5234, 34.7607],
+            [106.6113, 35.0684],
+            [106.9629, 35.0684],
+            [107.2266, 34.8926],
+            [107.666, 34.9365],
+            [107.8418, 35.0244],
+            [107.7539, 35.1123],
+            [107.7539, 35.2881],
+            [108.5449, 35.2881],
+            [108.6328, 35.5518],
+            [108.5449, 35.8594],
+            [108.6328, 35.9912],
+            [108.7207, 36.3428],
+            [107.3145, 36.9141],
+            [107.3145, 37.0898],
+            [107.3145, 37.6172],
+            [107.666, 37.8809],
+            [108.1934, 37.6172],
+            [108.7207, 37.7051],
+            [108.8086, 38.0127],
+            [108.8965, 37.9688],
+            [109.0723, 38.0127],
+            [108.9844, 38.3203],
+            [109.9512, 39.1553],
+            [109.8633, 39.2432],
+            [110.2148, 39.2871],
+            [110.127, 39.4629],
+            [110.6543, 39.2871],
+            [111.0938, 39.5947],
+            [111.0938, 39.375],
+            [111.1816, 39.2432],
+            [110.918, 38.7158],
+            [110.8301, 38.4961],
+            [110.4785, 38.1885],
+            [110.4785, 37.9688],
+            [110.8301, 37.6611],
+            [110.3906, 37.002],
+            [110.4785, 36.123],
+            [110.5664, 35.6396],
+            [110.2148, 34.8926],
+            [110.2148, 34.6729],
+            [110.3906, 34.585],
+            [110.4785, 34.2334],
+            [110.6543, 34.1455],
+            [110.6543, 33.8379],
+            [111.0059, 33.5303],
+            [111.0059, 33.2666],
+            [110.7422, 33.1348],
+            [110.5664, 33.2666],
+            [110.3027, 33.1787],
+            [109.5996, 33.2666],
+            [109.4238, 33.1348],
+            [109.7754, 33.0469],
+            [109.7754, 32.915],
+            [110.127, 32.7393],
+            [110.127, 32.6074],
+            [109.6875, 32.6074],
+            [109.5117, 32.4316],
+            [109.5996, 31.7285],
+            [109.248, 31.7285],
+            [109.0723, 31.9482],
+            [108.5449, 32.2119],
+            [108.2813, 32.2559],
+            [108.0176, 32.168],
+            [107.4023, 32.5195],
+            [107.2266, 32.4316],
+            [107.1387, 32.4756],
+            [107.0508, 32.6953],
+            [106.3477, 32.6514],
+            [106.084, 32.7393],
+            [106.084, 32.8711],
+            [105.5566, 32.7393],
+            [105.4688, 32.915],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'guang_dong',
+      properties: { name: '广东', cp: [113.4668, 22.8076], childNum: 21 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [109.7754, 21.4014],
+            [109.7754, 21.6211],
+            [109.8633, 21.665],
+            [109.9512, 21.8408],
+            [110.3027, 21.8848],
+            [110.3027, 22.1484],
+            [110.6543, 22.1484],
+            [110.7422, 22.2803],
+            [110.7422, 22.5439],
+            [111.2695, 22.8076],
+            [111.4453, 23.0273],
+            [111.3574, 23.4668],
+            [111.6211, 23.6865],
+            [111.6211, 23.8184],
+            [111.7969, 23.8184],
+            [111.8848, 23.9941],
+            [111.8848, 24.2139],
+            [112.0605, 24.3457],
+            [111.8848, 24.6533],
+            [112.0605, 24.7412],
+            [112.1484, 24.873],
+            [112.2363, 25.1807],
+            [112.5879, 25.1367],
+            [112.8516, 24.917],
+            [113.0273, 24.9609],
+            [113.0273, 25.2246],
+            [112.8516, 25.3564],
+            [113.2031, 25.5322],
+            [113.6426, 25.3125],
+            [113.9063, 25.4443],
+            [113.9941, 25.2686],
+            [114.6094, 25.4004],
+            [114.7852, 25.2686],
+            [114.6973, 25.1367],
+            [114.4336, 24.9609],
+            [114.1699, 24.6973],
+            [114.4336, 24.5215],
+            [115.4004, 24.7852],
+            [115.8398, 24.5654],
+            [115.752, 24.7852],
+            [115.9277, 24.917],
+            [116.2793, 24.7852],
+            [116.3672, 24.873],
+            [116.543, 24.6094],
+            [116.7188, 24.6533],
+            [116.9824, 24.1699],
+            [116.9824, 23.9063],
+            [117.1582, 23.5547],
+            [117.334, 23.2471],
+            [116.8945, 23.3789],
+            [116.6309, 23.1152],
+            [116.543, 22.8516],
+            [115.9277, 22.7197],
+            [115.6641, 22.7637],
+            [115.5762, 22.6318],
+            [115.0488, 22.6758],
+            [114.6094, 22.3682],
+            [114.3457, 22.5439],
+            [113.9941, 22.5],
+            [113.8184, 22.1924],
+            [114.3457, 22.1484],
+            [114.4336, 22.0166],
+            [114.082, 21.9287],
+            [113.9941, 21.7969],
+            [113.5547, 22.0166],
+            [113.1152, 21.8408],
+            [112.9395, 21.5771],
+            [112.4121, 21.4453],
+            [112.2363, 21.5332],
+            [111.5332, 21.4893],
+            [111.2695, 21.3574],
+            [110.7422, 21.3574],
+            [110.6543, 21.2256],
+            [110.7422, 20.918],
+            [110.4785, 20.874],
+            [110.6543, 20.2588],
+            [110.5664, 20.2588],
+            [110.3906, 20.127],
+            [110.0391, 20.127],
+            [109.8633, 20.127],
+            [109.8633, 20.3027],
+            [109.5996, 20.918],
+            [109.7754, 21.4014],
+            [109.7754, 21.4014],
+          ],
+          [
+            [113.5986, 22.1649],
+            [113.6096, 22.1265],
+            [113.5547, 22.11],
+            [113.5437, 22.2034],
+            [113.5767, 22.2034],
+            [113.5986, 22.1649],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'ji_lin',
+      properties: { name: '吉林', cp: [126.4746, 43.5938], childNum: 9 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [123.2227, 46.2305],
+            [123.9258, 46.2305],
+            [124.0137, 45.7471],
+            [124.3652, 45.4395],
+            [124.8926, 45.5273],
+            [125.0684, 45.3955],
+            [125.6836, 45.5273],
+            [125.7715, 45.3076],
+            [126.0352, 45.1758],
+            [126.5625, 45.2637],
+            [126.9141, 45.1318],
+            [127.0898, 45],
+            [127.002, 44.7803],
+            [127.0898, 44.6045],
+            [127.5293, 44.6045],
+            [127.7051, 44.1211],
+            [128.0566, 44.1211],
+            [128.0566, 44.3408],
+            [128.4082, 44.4727],
+            [128.4961, 44.165],
+            [128.8477, 43.5498],
+            [129.1992, 43.5938],
+            [129.2871, 43.8135],
+            [129.8145, 43.9014],
+            [129.9023, 44.0332],
+            [129.9902, 43.8574],
+            [130.3418, 43.9893],
+            [130.5176, 43.6377],
+            [130.8691, 43.418],
+            [131.3086, 43.4619],
+            [131.3086, 43.3301],
+            [131.1328, 42.9346],
+            [130.4297, 42.7148],
+            [130.6055, 42.6709],
+            [130.6055, 42.4512],
+            [130.2539, 42.7588],
+            [130.2539, 42.8906],
+            [130.166, 42.9785],
+            [129.9023, 43.0225],
+            [129.7266, 42.4951],
+            [129.375, 42.4512],
+            [128.9355, 42.0117],
+            [128.0566, 42.0117],
+            [128.3203, 41.5723],
+            [128.1445, 41.3525],
+            [127.0898, 41.5283],
+            [127.1777, 41.5723],
+            [126.9141, 41.792],
+            [126.6504, 41.6602],
+            [126.4746, 41.3965],
+            [126.123, 40.957],
+            [125.6836, 40.8691],
+            [125.5957, 40.9131],
+            [125.7715, 41.2207],
+            [125.332, 41.6602],
+            [125.332, 41.9678],
+            [125.4199, 42.0996],
+            [125.332, 42.1436],
+            [124.8926, 42.8027],
+            [124.8926, 43.0664],
+            [124.7168, 43.0664],
+            [124.4531, 42.8467],
+            [124.2773, 43.2422],
+            [123.8379, 43.4619],
+            [123.6621, 43.374],
+            [123.3105, 43.5059],
+            [123.4863, 43.7256],
+            [123.1348, 44.4727],
+            [122.3438, 44.2529],
+            [122.0801, 44.8682],
+            [122.2559, 45.2637],
+            [121.9043, 45.7031],
+            [121.7285, 45.7471],
+            [121.8164, 46.0107],
+            [122.2559, 45.791],
+            [122.4316, 45.8789],
+            [122.6953, 45.7031],
+            [122.7832, 46.0107],
+            [123.2227, 46.2305],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'he_bei',
+      properties: { name: '河北', cp: [115.4004, 37.9688], childNum: 11 },
+      geometry: {
+        type: 'MultiPolygon',
+        coordinates: [
+          [
+            [
+              [114.5215, 39.5068],
+              [114.3457, 39.8584],
+              [113.9941, 39.9902],
+              [114.5215, 40.3418],
+              [114.3457, 40.3857],
+              [114.2578, 40.6055],
+              [114.082, 40.7373],
+              [113.9063, 41.1328],
+              [113.9941, 41.2207],
+              [113.9063, 41.4404],
+              [114.2578, 41.5723],
+              [114.1699, 41.792],
+              [114.5215, 42.1436],
+              [114.873, 42.0996],
+              [114.9609, 41.6162],
+              [115.2246, 41.5723],
+              [115.9277, 41.9238],
+              [116.0156, 41.792],
+              [116.2793, 42.0117],
+              [116.8066, 42.0117],
+              [116.8945, 42.4072],
+              [117.334, 42.4512],
+              [117.5098, 42.583],
+              [117.7734, 42.627],
+              [118.0371, 42.4072],
+              [117.9492, 42.2314],
+              [118.125, 42.0557],
+              [118.3008, 42.0996],
+              [118.3008, 41.792],
+              [118.125, 41.748],
+              [118.3887, 41.3086],
+              [119.2676, 41.3086],
+              [118.8281, 40.8252],
+              [119.2676, 40.5176],
+              [119.5313, 40.5615],
+              [119.707, 40.1221],
+              [119.8828, 39.9463],
+              [119.5313, 39.6826],
+              [119.4434, 39.4189],
+              [118.916, 39.0674],
+              [118.4766, 38.9355],
+              [118.125, 39.0234],
+              [118.0371, 39.1992],
+              [118.0371, 39.2432],
+              [117.8613, 39.4189],
+              [117.9492, 39.5947],
+              [117.6855, 39.5947],
+              [117.5098, 39.7705],
+              [117.5098, 39.9902],
+              [117.6855, 39.9902],
+              [117.6855, 40.0781],
+              [117.4219, 40.21],
+              [117.2461, 40.5176],
+              [117.4219, 40.6494],
+              [116.9824, 40.6934],
+              [116.6309, 41.0449],
+              [116.3672, 40.9131],
+              [116.4551, 40.7813],
+              [116.1914, 40.7813],
+              [116.1035, 40.6055],
+              [115.752, 40.5615],
+              [115.9277, 40.2539],
+              [115.4004, 39.9463],
+              [115.4883, 39.6387],
+              [115.752, 39.5068],
+              [116.1914, 39.5947],
+              [116.3672, 39.4629],
+              [116.543, 39.5947],
+              [116.8066, 39.5947],
+              [116.8945, 39.1113],
+              [116.7188, 38.9355],
+              [116.7188, 38.8037],
+              [117.2461, 38.54],
+              [117.5977, 38.6279],
+              [117.9492, 38.3203],
+              [117.4219, 37.8369],
+              [116.8066, 37.8369],
+              [116.4551, 37.4854],
+              [116.2793, 37.5732],
+              [116.2793, 37.3535],
+              [116.0156, 37.3535],
+              [115.752, 36.9141],
+              [115.3125, 36.5186],
+              [115.4883, 36.167],
+              [115.3125, 36.0791],
+              [115.1367, 36.2109],
+              [114.9609, 36.0791],
+              [114.873, 36.123],
+              [113.7305, 36.3428],
+              [113.4668, 36.6504],
+              [113.7305, 36.8701],
+              [113.7305, 37.1338],
+              [114.1699, 37.6611],
+              [113.9941, 37.7051],
+              [113.8184, 38.1445],
+              [113.5547, 38.2764],
+              [113.5547, 38.54],
+              [113.8184, 38.8037],
+              [113.8184, 38.9355],
+              [113.9063, 39.0234],
+              [114.3457, 39.0674],
+              [114.5215, 39.5068],
+            ],
+          ],
+          [
+            [
+              [117.2461, 40.0781],
+              [117.1582, 39.8145],
+              [117.1582, 39.6387],
+              [116.8945, 39.6826],
+              [116.8945, 39.8145],
+              [116.8066, 39.9902],
+              [117.2461, 40.0781],
+            ],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'hu_bei',
+      properties: { name: '湖北', cp: [112.2363, 31.1572], childNum: 17 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [110.2148, 31.1572],
+            [110.127, 31.377],
+            [109.6875, 31.5527],
+            [109.7754, 31.6846],
+            [109.5996, 31.7285],
+            [109.5117, 32.4316],
+            [109.6875, 32.6074],
+            [110.127, 32.6074],
+            [110.127, 32.7393],
+            [109.7754, 32.915],
+            [109.7754, 33.0469],
+            [109.4238, 33.1348],
+            [109.5996, 33.2666],
+            [110.3027, 33.1787],
+            [110.5664, 33.2666],
+            [110.7422, 33.1348],
+            [111.0059, 33.2666],
+            [111.5332, 32.6074],
+            [112.3242, 32.3438],
+            [113.2031, 32.4316],
+            [113.4668, 32.2998],
+            [113.7305, 32.4316],
+            [113.8184, 31.8604],
+            [113.9941, 31.7725],
+            [114.1699, 31.8604],
+            [114.5215, 31.7725],
+            [114.6094, 31.5527],
+            [114.7852, 31.4648],
+            [115.1367, 31.5967],
+            [115.2246, 31.4209],
+            [115.4004, 31.4209],
+            [115.5762, 31.2012],
+            [116.0156, 31.0254],
+            [115.752, 30.6738],
+            [116.1035, 30.1904],
+            [116.1035, 29.8389],
+            [115.9277, 29.707],
+            [115.4883, 29.7949],
+            [114.873, 29.3994],
+            [114.2578, 29.3555],
+            [113.9063, 29.0479],
+            [113.7305, 29.0918],
+            [113.6426, 29.3115],
+            [113.7305, 29.5752],
+            [113.5547, 29.707],
+            [113.5547, 29.8389],
+            [113.0273, 29.4434],
+            [112.9395, 29.4873],
+            [113.0273, 29.751],
+            [112.9395, 29.7949],
+            [112.6758, 29.5752],
+            [112.5, 29.6191],
+            [112.2363, 29.5313],
+            [111.7969, 29.9268],
+            [110.8301, 30.1465],
+            [110.4785, 30.0146],
+            [110.6543, 29.751],
+            [110.4785, 29.6631],
+            [109.7754, 29.751],
+            [109.6875, 29.6191],
+            [109.5117, 29.6191],
+            [109.248, 29.1357],
+            [109.0723, 29.3555],
+            [108.9844, 29.3115],
+            [108.6328, 29.8389],
+            [108.457, 29.7949],
+            [108.5449, 30.2344],
+            [108.457, 30.4102],
+            [108.6328, 30.5859],
+            [108.8086, 30.498],
+            [109.0723, 30.6299],
+            [109.1602, 30.542],
+            [109.248, 30.6299],
+            [109.4238, 30.542],
+            [109.8633, 30.8936],
+            [110.0391, 30.8057],
+            [110.2148, 31.1572],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'gui_zhou',
+      properties: { name: '贵州', cp: [106.6113, 26.9385], childNum: 9 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [104.1504, 27.2461],
+            [104.4141, 27.4658],
+            [104.5898, 27.334],
+            [105.2051, 27.3779],
+            [105.293, 27.7295],
+            [105.5566, 27.7734],
+            [105.6445, 27.6416],
+            [106.3477, 27.8174],
+            [106.1719, 28.125],
+            [105.9082, 28.125],
+            [105.6445, 28.4326],
+            [105.9961, 28.7402],
+            [106.3477, 28.5205],
+            [106.5234, 28.5645],
+            [106.4355, 28.7842],
+            [106.5234, 28.7842],
+            [106.6113, 28.6523],
+            [106.6113, 28.5205],
+            [106.6992, 28.4766],
+            [106.875, 28.7842],
+            [107.4023, 28.8721],
+            [107.4023, 29.1797],
+            [107.5781, 29.2236],
+            [107.8418, 29.1357],
+            [107.8418, 29.0039],
+            [108.2813, 29.0918],
+            [108.3691, 28.6523],
+            [108.5449, 28.6523],
+            [108.5449, 28.3887],
+            [108.7207, 28.4766],
+            [108.7207, 28.2129],
+            [109.0723, 28.2129],
+            [109.248, 28.4766],
+            [109.3359, 28.2568],
+            [109.3359, 27.9053],
+            [109.4238, 27.5977],
+            [108.8086, 27.1143],
+            [108.8965, 27.0264],
+            [109.3359, 27.1582],
+            [109.5117, 27.0264],
+            [109.5117, 26.8066],
+            [109.3359, 26.7188],
+            [109.4238, 26.5869],
+            [109.248, 26.3232],
+            [109.4238, 26.2793],
+            [109.5117, 26.0156],
+            [109.3359, 25.708],
+            [108.9844, 25.752],
+            [109.0723, 25.5322],
+            [108.6328, 25.5762],
+            [108.6328, 25.3125],
+            [108.3691, 25.5322],
+            [108.1934, 25.4443],
+            [108.1055, 25.2246],
+            [107.8418, 25.1367],
+            [107.7539, 25.2246],
+            [107.4902, 25.2246],
+            [107.2266, 25.6201],
+            [106.9629, 25.4883],
+            [107.0508, 25.2686],
+            [106.875, 25.1807],
+            [106.1719, 24.9609],
+            [106.1719, 24.7852],
+            [105.9961, 24.6533],
+            [105.2051, 24.9609],
+            [104.6777, 24.6094],
+            [104.502, 24.7412],
+            [104.6777, 24.9609],
+            [104.5898, 25.0488],
+            [104.8535, 25.2246],
+            [104.3262, 25.708],
+            [104.6777, 26.4111],
+            [104.4141, 26.6748],
+            [103.8867, 26.543],
+            [103.7109, 26.7627],
+            [103.7109, 26.9824],
+            [103.623, 27.0264],
+            [103.8867, 27.4219],
+            [104.1504, 27.2461],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'shan_dong',
+      properties: { name: '山东', cp: [118.7402, 36.4307], childNum: 17 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [115.4883, 36.167],
+            [115.3125, 36.5186],
+            [115.752, 36.9141],
+            [116.0156, 37.3535],
+            [116.2793, 37.3535],
+            [116.2793, 37.5732],
+            [116.4551, 37.4854],
+            [116.8066, 37.8369],
+            [117.4219, 37.8369],
+            [117.9492, 38.3203],
+            [118.125, 38.1445],
+            [118.916, 38.1445],
+            [119.3555, 37.6611],
+            [119.0039, 37.5293],
+            [119.0039, 37.3535],
+            [119.3555, 37.1338],
+            [119.707, 37.1338],
+            [119.8828, 37.3975],
+            [120.498, 37.8369],
+            [120.5859, 38.1445],
+            [120.9375, 38.4521],
+            [121.0254, 37.8369],
+            [121.2012, 37.6611],
+            [121.9043, 37.4854],
+            [122.168, 37.6172],
+            [122.2559, 37.4854],
+            [122.6074, 37.4854],
+            [122.6953, 37.3535],
+            [122.6074, 36.9141],
+            [122.4316, 36.7822],
+            [121.8164, 36.8701],
+            [121.7285, 36.6943],
+            [121.1133, 36.6064],
+            [121.1133, 36.4307],
+            [121.377, 36.2549],
+            [120.7617, 36.167],
+            [120.9375, 35.8594],
+            [120.6738, 36.0352],
+            [119.707, 35.4639],
+            [119.9707, 34.9805],
+            [119.3555, 35.0244],
+            [119.2676, 35.1123],
+            [118.916, 35.0244],
+            [118.7402, 34.7168],
+            [118.4766, 34.6729],
+            [118.3887, 34.4092],
+            [118.2129, 34.4092],
+            [118.125, 34.6289],
+            [117.9492, 34.6729],
+            [117.5977, 34.4531],
+            [117.334, 34.585],
+            [117.2461, 34.4531],
+            [116.8066, 34.9365],
+            [116.4551, 34.8926],
+            [116.3672, 34.6289],
+            [116.1914, 34.585],
+            [115.5762, 34.585],
+            [115.4004, 34.8486],
+            [114.7852, 35.0684],
+            [115.0488, 35.376],
+            [115.2246, 35.4199],
+            [115.4883, 35.7275],
+            [116.1035, 36.0791],
+            [115.3125, 35.8154],
+            [115.4883, 36.167],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'jiang_xi',
+      properties: { name: '江西', cp: [116.0156, 27.29], childNum: 11 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [114.2578, 28.3447],
+            [114.082, 28.5645],
+            [114.1699, 28.8281],
+            [113.9063, 29.0479],
+            [114.2578, 29.3555],
+            [114.873, 29.3994],
+            [115.4883, 29.7949],
+            [115.9277, 29.707],
+            [116.1035, 29.8389],
+            [116.2793, 29.7949],
+            [116.7188, 30.0586],
+            [116.8945, 29.9268],
+            [116.7188, 29.751],
+            [116.7188, 29.6191],
+            [117.1582, 29.707],
+            [117.0703, 29.8389],
+            [117.1582, 29.9268],
+            [117.5098, 29.6191],
+            [118.0371, 29.5752],
+            [118.2129, 29.3994],
+            [118.0371, 29.1797],
+            [118.0371, 29.0479],
+            [118.3887, 28.7842],
+            [118.4766, 28.3447],
+            [118.4766, 28.3008],
+            [118.3008, 28.0811],
+            [117.7734, 27.8174],
+            [117.5098, 27.9932],
+            [116.9824, 27.6416],
+            [117.1582, 27.29],
+            [117.0703, 27.1143],
+            [116.543, 26.8066],
+            [116.6309, 26.4551],
+            [116.3672, 26.2354],
+            [116.4551, 26.1035],
+            [116.1914, 25.8838],
+            [116.0156, 25.2686],
+            [115.8398, 25.2246],
+            [115.9277, 24.917],
+            [115.752, 24.7852],
+            [115.8398, 24.5654],
+            [115.4004, 24.7852],
+            [114.4336, 24.5215],
+            [114.1699, 24.6973],
+            [114.4336, 24.9609],
+            [114.6973, 25.1367],
+            [114.7852, 25.2686],
+            [114.6094, 25.4004],
+            [113.9941, 25.2686],
+            [113.9063, 25.4443],
+            [113.9941, 26.0596],
+            [114.2578, 26.1475],
+            [113.9941, 26.1914],
+            [114.082, 26.5869],
+            [113.9063, 26.6309],
+            [113.9063, 26.9385],
+            [113.7305, 27.1143],
+            [113.8184, 27.29],
+            [113.6426, 27.3779],
+            [113.6426, 27.5977],
+            [113.7305, 27.9492],
+            [114.2578, 28.3447],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'he_nan',
+      properties: { name: '河南', cp: [113.4668, 33.8818], childNum: 17 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [110.3906, 34.585],
+            [110.8301, 34.6289],
+            [111.1816, 34.8047],
+            [111.5332, 34.8486],
+            [111.7969, 35.0684],
+            [112.0605, 35.0684],
+            [112.0605, 35.2881],
+            [112.7637, 35.2002],
+            [113.1152, 35.332],
+            [113.6426, 35.6836],
+            [113.7305, 36.3428],
+            [114.873, 36.123],
+            [114.9609, 36.0791],
+            [115.1367, 36.2109],
+            [115.3125, 36.0791],
+            [115.4883, 36.167],
+            [115.3125, 35.8154],
+            [116.1035, 36.0791],
+            [115.4883, 35.7275],
+            [115.2246, 35.4199],
+            [115.0488, 35.376],
+            [114.7852, 35.0684],
+            [115.4004, 34.8486],
+            [115.5762, 34.585],
+            [116.1914, 34.585],
+            [116.1914, 34.4092],
+            [116.543, 34.2773],
+            [116.6309, 33.9258],
+            [116.1914, 33.7061],
+            [116.0156, 33.9697],
+            [115.6641, 34.0576],
+            [115.5762, 33.9258],
+            [115.5762, 33.6621],
+            [115.4004, 33.5303],
+            [115.3125, 33.1787],
+            [114.873, 33.1348],
+            [114.873, 33.0029],
+            [115.1367, 32.8711],
+            [115.2246, 32.6074],
+            [115.5762, 32.4316],
+            [115.8398, 32.5195],
+            [115.9277, 31.7725],
+            [115.4883, 31.6846],
+            [115.4004, 31.4209],
+            [115.2246, 31.4209],
+            [115.1367, 31.5967],
+            [114.7852, 31.4648],
+            [114.6094, 31.5527],
+            [114.5215, 31.7725],
+            [114.1699, 31.8604],
+            [113.9941, 31.7725],
+            [113.8184, 31.8604],
+            [113.7305, 32.4316],
+            [113.4668, 32.2998],
+            [113.2031, 32.4316],
+            [112.3242, 32.3438],
+            [111.5332, 32.6074],
+            [111.0059, 33.2666],
+            [111.0059, 33.5303],
+            [110.6543, 33.8379],
+            [110.6543, 34.1455],
+            [110.4785, 34.2334],
+            [110.3906, 34.585],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'liao_ning',
+      properties: { name: '辽宁', cp: [122.3438, 41.0889], childNum: 14 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [119.2676, 41.3086],
+            [119.4434, 41.6162],
+            [119.2676, 41.7041],
+            [119.3555, 42.2754],
+            [119.5313, 42.3633],
+            [119.8828, 42.1875],
+            [120.1465, 41.7041],
+            [120.498, 42.0996],
+            [121.4648, 42.4951],
+            [121.7285, 42.4512],
+            [121.9922, 42.7148],
+            [122.3438, 42.6709],
+            [122.3438, 42.8467],
+            [122.7832, 42.7148],
+            [123.1348, 42.8027],
+            [123.3105, 42.9785],
+            [123.5742, 43.0225],
+            [123.6621, 43.374],
+            [123.8379, 43.4619],
+            [124.2773, 43.2422],
+            [124.4531, 42.8467],
+            [124.7168, 43.0664],
+            [124.8926, 43.0664],
+            [124.8926, 42.8027],
+            [125.332, 42.1436],
+            [125.4199, 42.0996],
+            [125.332, 41.9678],
+            [125.332, 41.6602],
+            [125.7715, 41.2207],
+            [125.5957, 40.9131],
+            [125.6836, 40.8691],
+            [124.541, 40.21],
+            [124.1016, 39.6826],
+            [123.3984, 39.6826],
+            [123.1348, 39.4189],
+            [123.1348, 39.0234],
+            [122.0801, 39.0234],
+            [121.5527, 38.7158],
+            [121.1133, 38.6719],
+            [120.9375, 38.9795],
+            [121.377, 39.1992],
+            [121.2012, 39.5508],
+            [122.0801, 40.3857],
+            [121.9922, 40.6934],
+            [121.7285, 40.8252],
+            [121.2012, 40.8252],
+            [120.5859, 40.21],
+            [119.8828, 39.9463],
+            [119.707, 40.1221],
+            [119.5313, 40.5615],
+            [119.2676, 40.5176],
+            [118.8281, 40.8252],
+            [119.2676, 41.3086],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'shan_xi_2',
+      properties: { name: '山西', cp: [112.4121, 37.6611], childNum: 11 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [110.918, 38.7158],
+            [111.1816, 39.2432],
+            [111.0938, 39.375],
+            [111.3574, 39.4189],
+            [111.4453, 39.6387],
+            [111.9727, 39.5947],
+            [112.3242, 40.2539],
+            [112.7637, 40.166],
+            [113.2031, 40.3857],
+            [113.5547, 40.3418],
+            [113.8184, 40.5176],
+            [114.082, 40.5176],
+            [114.082, 40.7373],
+            [114.2578, 40.6055],
+            [114.3457, 40.3857],
+            [114.5215, 40.3418],
+            [113.9941, 39.9902],
+            [114.3457, 39.8584],
+            [114.5215, 39.5068],
+            [114.3457, 39.0674],
+            [113.9063, 39.0234],
+            [113.8184, 38.9355],
+            [113.8184, 38.8037],
+            [113.5547, 38.54],
+            [113.5547, 38.2764],
+            [113.8184, 38.1445],
+            [113.9941, 37.7051],
+            [114.1699, 37.6611],
+            [113.7305, 37.1338],
+            [113.7305, 36.8701],
+            [113.4668, 36.6504],
+            [113.7305, 36.3428],
+            [113.6426, 35.6836],
+            [113.1152, 35.332],
+            [112.7637, 35.2002],
+            [112.0605, 35.2881],
+            [112.0605, 35.0684],
+            [111.7969, 35.0684],
+            [111.5332, 34.8486],
+            [111.1816, 34.8047],
+            [110.8301, 34.6289],
+            [110.3906, 34.585],
+            [110.2148, 34.6729],
+            [110.2148, 34.8926],
+            [110.5664, 35.6396],
+            [110.4785, 36.123],
+            [110.3906, 37.002],
+            [110.8301, 37.6611],
+            [110.4785, 37.9688],
+            [110.4785, 38.1885],
+            [110.8301, 38.4961],
+            [110.918, 38.7158],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'an_hui',
+      properties: { name: '安徽', cp: [117.2461, 32.0361], childNum: 17 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [116.6309, 33.9258],
+            [116.543, 34.2773],
+            [116.1914, 34.4092],
+            [116.1914, 34.585],
+            [116.3672, 34.6289],
+            [116.8945, 34.4092],
+            [117.1582, 34.0576],
+            [117.5977, 34.0137],
+            [117.7734, 33.7061],
+            [118.125, 33.75],
+            [117.9492, 33.2227],
+            [118.0371, 33.1348],
+            [118.2129, 33.2227],
+            [118.3008, 32.7832],
+            [118.7402, 32.7393],
+            [118.916, 32.959],
+            [119.1797, 32.8271],
+            [119.1797, 32.4756],
+            [118.5645, 32.5635],
+            [118.6523, 32.2119],
+            [118.4766, 32.168],
+            [118.3887, 31.9482],
+            [118.916, 31.5527],
+            [118.7402, 31.377],
+            [118.8281, 31.2451],
+            [119.3555, 31.2891],
+            [119.4434, 31.1572],
+            [119.6191, 31.1133],
+            [119.6191, 31.0693],
+            [119.4434, 30.6738],
+            [119.2676, 30.6299],
+            [119.3555, 30.4102],
+            [118.916, 30.3223],
+            [118.916, 29.9707],
+            [118.7402, 29.707],
+            [118.2129, 29.3994],
+            [118.0371, 29.5752],
+            [117.5098, 29.6191],
+            [117.1582, 29.9268],
+            [117.0703, 29.8389],
+            [117.1582, 29.707],
+            [116.7188, 29.6191],
+            [116.7188, 29.751],
+            [116.8945, 29.9268],
+            [116.7188, 30.0586],
+            [116.2793, 29.7949],
+            [116.1035, 29.8389],
+            [116.1035, 30.1904],
+            [115.752, 30.6738],
+            [116.0156, 31.0254],
+            [115.5762, 31.2012],
+            [115.4004, 31.4209],
+            [115.4883, 31.6846],
+            [115.9277, 31.7725],
+            [115.8398, 32.5195],
+            [115.5762, 32.4316],
+            [115.2246, 32.6074],
+            [115.1367, 32.8711],
+            [114.873, 33.0029],
+            [114.873, 33.1348],
+            [115.3125, 33.1787],
+            [115.4004, 33.5303],
+            [115.5762, 33.6621],
+            [115.5762, 33.9258],
+            [115.6641, 34.0576],
+            [116.0156, 33.9697],
+            [116.1914, 33.7061],
+            [116.6309, 33.9258],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'fu_jian',
+      properties: { name: '福建', cp: [118.3008, 25.9277], childNum: 9 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [118.4766, 28.3008],
+            [118.8281, 28.2568],
+            [118.7402, 28.0371],
+            [118.916, 27.4658],
+            [119.2676, 27.4219],
+            [119.6191, 27.6855],
+            [119.7949, 27.29],
+            [120.2344, 27.4219],
+            [120.4102, 27.1582],
+            [120.7617, 27.0264],
+            [120.6738, 26.8945],
+            [120.2344, 26.8506],
+            [120.2344, 26.7188],
+            [120.4102, 26.6748],
+            [120.498, 26.3672],
+            [120.2344, 26.2793],
+            [120.4102, 26.1475],
+            [120.0586, 26.1914],
+            [119.9707, 25.9277],
+            [119.7949, 25.9277],
+            [119.9707, 25.4004],
+            [119.7949, 25.2686],
+            [119.5313, 25.1367],
+            [119.4434, 25.0049],
+            [119.2676, 25.0928],
+            [118.916, 24.8291],
+            [118.6523, 24.5215],
+            [118.4766, 24.5215],
+            [118.4766, 24.4336],
+            [118.2129, 24.3457],
+            [118.2129, 24.1699],
+            [117.8613, 23.9941],
+            [117.7734, 23.7744],
+            [117.5098, 23.5986],
+            [117.1582, 23.5547],
+            [116.9824, 23.9063],
+            [116.9824, 24.1699],
+            [116.7188, 24.6533],
+            [116.543, 24.6094],
+            [116.3672, 24.873],
+            [116.2793, 24.7852],
+            [115.9277, 24.917],
+            [115.8398, 25.2246],
+            [116.0156, 25.2686],
+            [116.1914, 25.8838],
+            [116.4551, 26.1035],
+            [116.3672, 26.2354],
+            [116.6309, 26.4551],
+            [116.543, 26.8066],
+            [117.0703, 27.1143],
+            [117.1582, 27.29],
+            [116.9824, 27.6416],
+            [117.5098, 27.9932],
+            [117.7734, 27.8174],
+            [118.3008, 28.0811],
+            [118.4766, 28.3008],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'zhe_jiang',
+      properties: { name: '浙江', cp: [120.498, 29.0918], childNum: 11 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [118.2129, 29.3994],
+            [118.7402, 29.707],
+            [118.916, 29.9707],
+            [118.916, 30.3223],
+            [119.3555, 30.4102],
+            [119.2676, 30.6299],
+            [119.4434, 30.6738],
+            [119.6191, 31.0693],
+            [119.6191, 31.1133],
+            [119.9707, 31.1572],
+            [120.498, 30.8057],
+            [120.9375, 31.0254],
+            [121.2891, 30.6738],
+            [121.9922, 30.8057],
+            [122.6953, 30.8936],
+            [122.8711, 30.7178],
+            [122.959, 30.1465],
+            [122.6074, 30.1025],
+            [122.6074, 29.9268],
+            [122.168, 29.5313],
+            [122.3438, 28.8721],
+            [121.9922, 28.8721],
+            [121.9922, 28.4326],
+            [121.7285, 28.3447],
+            [121.7285, 28.2129],
+            [121.4648, 28.2129],
+            [121.5527, 28.0371],
+            [121.2891, 27.9492],
+            [121.1133, 27.4219],
+            [120.6738, 27.334],
+            [120.6738, 27.1582],
+            [120.9375, 27.0264],
+            [120.7617, 27.0264],
+            [120.4102, 27.1582],
+            [120.2344, 27.4219],
+            [119.7949, 27.29],
+            [119.6191, 27.6855],
+            [119.2676, 27.4219],
+            [118.916, 27.4658],
+            [118.7402, 28.0371],
+            [118.8281, 28.2568],
+            [118.4766, 28.3008],
+            [118.4766, 28.3447],
+            [118.3887, 28.7842],
+            [118.0371, 29.0479],
+            [118.0371, 29.1797],
+            [118.2129, 29.3994],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'jiang_su',
+      properties: { name: '江苏', cp: [120.0586, 32.915], childNum: 13 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [116.3672, 34.6289],
+            [116.4551, 34.8926],
+            [116.8066, 34.9365],
+            [117.2461, 34.4531],
+            [117.334, 34.585],
+            [117.5977, 34.4531],
+            [117.9492, 34.6729],
+            [118.125, 34.6289],
+            [118.2129, 34.4092],
+            [118.3887, 34.4092],
+            [118.4766, 34.6729],
+            [118.7402, 34.7168],
+            [118.916, 35.0244],
+            [119.2676, 35.1123],
+            [119.3555, 35.0244],
+            [119.3555, 34.8486],
+            [119.707, 34.585],
+            [120.3223, 34.3652],
+            [120.9375, 33.0469],
+            [121.0254, 32.6514],
+            [121.377, 32.4756],
+            [121.4648, 32.168],
+            [121.9043, 31.9922],
+            [121.9922, 31.6846],
+            [121.9922, 31.5967],
+            [121.2012, 31.8604],
+            [121.1133, 31.7285],
+            [121.377, 31.5088],
+            [121.2012, 31.4648],
+            [120.9375, 31.0254],
+            [120.498, 30.8057],
+            [119.9707, 31.1572],
+            [119.6191, 31.1133],
+            [119.4434, 31.1572],
+            [119.3555, 31.2891],
+            [118.8281, 31.2451],
+            [118.7402, 31.377],
+            [118.916, 31.5527],
+            [118.3887, 31.9482],
+            [118.4766, 32.168],
+            [118.6523, 32.2119],
+            [118.5645, 32.5635],
+            [119.1797, 32.4756],
+            [119.1797, 32.8271],
+            [118.916, 32.959],
+            [118.7402, 32.7393],
+            [118.3008, 32.7832],
+            [118.2129, 33.2227],
+            [118.0371, 33.1348],
+            [117.9492, 33.2227],
+            [118.125, 33.75],
+            [117.7734, 33.7061],
+            [117.5977, 34.0137],
+            [117.1582, 34.0576],
+            [116.8945, 34.4092],
+            [116.3672, 34.6289],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'chong_qing',
+      properties: { name: '重庆', cp: [107.7539, 30.1904], childNum: 40 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [108.5449, 31.6846],
+            [108.2813, 31.9043],
+            [108.3691, 32.168],
+            [108.5449, 32.2119],
+            [109.0723, 31.9482],
+            [109.248, 31.7285],
+            [109.5996, 31.7285],
+            [109.7754, 31.6846],
+            [109.6875, 31.5527],
+            [110.127, 31.377],
+            [110.2148, 31.1572],
+            [110.0391, 30.8057],
+            [109.8633, 30.8936],
+            [109.4238, 30.542],
+            [109.248, 30.6299],
+            [109.1602, 30.542],
+            [109.0723, 30.6299],
+            [108.8086, 30.498],
+            [108.6328, 30.5859],
+            [108.457, 30.4102],
+            [108.5449, 30.2344],
+            [108.457, 29.7949],
+            [108.6328, 29.8389],
+            [108.9844, 29.3115],
+            [109.0723, 29.3555],
+            [109.248, 29.1357],
+            [109.248, 28.4766],
+            [109.0723, 28.2129],
+            [108.7207, 28.2129],
+            [108.7207, 28.4766],
+            [108.5449, 28.3887],
+            [108.5449, 28.6523],
+            [108.3691, 28.6523],
+            [108.2813, 29.0918],
+            [107.8418, 29.0039],
+            [107.8418, 29.1357],
+            [107.5781, 29.2236],
+            [107.4023, 29.1797],
+            [107.4023, 28.8721],
+            [106.875, 28.7842],
+            [106.6992, 28.4766],
+            [106.6113, 28.5205],
+            [106.6113, 28.6523],
+            [106.5234, 28.7842],
+            [106.4355, 28.7842],
+            [106.5234, 28.5645],
+            [106.3477, 28.5205],
+            [106.2598, 28.8721],
+            [105.8203, 28.96],
+            [105.7324, 29.2676],
+            [105.4688, 29.3115],
+            [105.293, 29.5313],
+            [105.7324, 29.8828],
+            [105.5566, 30.1025],
+            [105.6445, 30.2783],
+            [105.8203, 30.4541],
+            [106.2598, 30.1904],
+            [106.6113, 30.3223],
+            [106.7871, 30.0146],
+            [107.0508, 30.0146],
+            [107.4902, 30.6299],
+            [107.4023, 30.7617],
+            [107.4902, 30.8496],
+            [107.9297, 30.8496],
+            [108.1934, 31.5088],
+            [108.5449, 31.6846],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'ning_xia',
+      properties: { name: '宁夏', cp: [105.9961, 37.3096], childNum: 5 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [104.3262, 37.4414],
+            [105.8203, 37.793],
+            [105.9082, 38.7158],
+            [106.3477, 39.2871],
+            [106.7871, 39.375],
+            [106.9629, 38.9795],
+            [106.5234, 38.3203],
+            [106.7871, 38.1885],
+            [107.3145, 38.1006],
+            [107.666, 37.8809],
+            [107.3145, 37.6172],
+            [107.3145, 37.0898],
+            [106.6113, 37.0898],
+            [106.6113, 36.7822],
+            [106.4355, 36.5625],
+            [106.5234, 36.4746],
+            [106.5234, 36.2549],
+            [106.875, 36.123],
+            [106.9629, 35.8154],
+            [106.6992, 35.6836],
+            [106.4355, 35.6836],
+            [106.5234, 35.332],
+            [106.3477, 35.2441],
+            [106.2598, 35.4199],
+            [106.084, 35.376],
+            [105.9961, 35.4199],
+            [106.084, 35.4639],
+            [105.9961, 35.4639],
+            [105.8203, 35.5518],
+            [105.7324, 35.7275],
+            [105.3809, 35.7715],
+            [105.293, 35.9912],
+            [105.4688, 36.123],
+            [105.2051, 36.6943],
+            [105.293, 36.8262],
+            [104.8535, 37.2217],
+            [104.5898, 37.2217],
+            [104.5898, 37.4414],
+            [104.3262, 37.4414],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'hai_nan',
+      properties: { name: '海南', cp: [109.9512, 19.2041], childNum: 18 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [108.6328, 19.3799],
+            [109.0723, 19.6436],
+            [109.248, 19.9512],
+            [109.5996, 20.0391],
+            [110.0391, 20.127],
+            [110.3906, 20.127],
+            [110.5664, 20.2588],
+            [110.6543, 20.2588],
+            [111.0938, 19.9512],
+            [111.2695, 19.9951],
+            [110.6543, 19.1602],
+            [110.5664, 18.6768],
+            [110.2148, 18.5889],
+            [110.0391, 18.3691],
+            [109.8633, 18.3691],
+            [109.6875, 18.1055],
+            [108.9844, 18.2813],
+            [108.6328, 18.457],
+            [108.6328, 19.3799],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'tai_wan',
+      properties: { name: '台湾', cp: [121.0254, 23.5986], childNum: 1 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [121.9043, 25.0488],
+            [121.9922, 25.0049],
+            [121.8164, 24.7412],
+            [121.9043, 24.5654],
+            [121.6406, 24.0381],
+            [121.377, 23.1152],
+            [121.0254, 22.6758],
+            [120.8496, 22.0605],
+            [120.7617, 21.9287],
+            [120.6738, 22.3242],
+            [120.2344, 22.5879],
+            [120.0586, 23.0713],
+            [120.1465, 23.6865],
+            [121.0254, 25.0488],
+            [121.5527, 25.3125],
+            [121.9043, 25.0488],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'bei_jing',
+      properties: { name: '北京', cp: [116.4551, 40.2539], childNum: 19 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [117.4219, 40.21],
+            [117.334, 40.1221],
+            [117.2461, 40.0781],
+            [116.8066, 39.9902],
+            [116.8945, 39.8145],
+            [116.8945, 39.6826],
+            [116.8066, 39.5947],
+            [116.543, 39.5947],
+            [116.3672, 39.4629],
+            [116.1914, 39.5947],
+            [115.752, 39.5068],
+            [115.4883, 39.6387],
+            [115.4004, 39.9463],
+            [115.9277, 40.2539],
+            [115.752, 40.5615],
+            [116.1035, 40.6055],
+            [116.1914, 40.7813],
+            [116.4551, 40.7813],
+            [116.3672, 40.9131],
+            [116.6309, 41.0449],
+            [116.9824, 40.6934],
+            [117.4219, 40.6494],
+            [117.2461, 40.5176],
+            [117.4219, 40.21],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'tian_jin',
+      properties: { name: '天津', cp: [117.4219, 39.4189], childNum: 18 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [116.8066, 39.5947],
+            [116.8945, 39.6826],
+            [117.1582, 39.6387],
+            [117.1582, 39.8145],
+            [117.2461, 40.0781],
+            [117.334, 40.1221],
+            [117.4219, 40.21],
+            [117.6855, 40.0781],
+            [117.6855, 39.9902],
+            [117.5098, 39.9902],
+            [117.5098, 39.7705],
+            [117.6855, 39.5947],
+            [117.9492, 39.5947],
+            [117.8613, 39.4189],
+            [118.0371, 39.2432],
+            [118.0371, 39.1992],
+            [117.8613, 39.1113],
+            [117.5977, 38.6279],
+            [117.2461, 38.54],
+            [116.7188, 38.8037],
+            [116.7188, 38.9355],
+            [116.8945, 39.1113],
+            [116.8066, 39.5947],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'shang_hai',
+      properties: { name: '上海', cp: [121.4648, 31.2891], childNum: 19 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [120.9375, 31.0254],
+            [121.2012, 31.4648],
+            [121.377, 31.5088],
+            [121.1133, 31.7285],
+            [121.2012, 31.8604],
+            [121.9922, 31.5967],
+            [121.9043, 31.1572],
+            [121.9922, 30.8057],
+            [121.2891, 30.6738],
+            [120.9375, 31.0254],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'xiang_gang',
+      properties: { name: '香港', cp: [114.2578, 22.3242], childNum: 1 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [114.6094, 22.4121],
+            [114.5215, 22.1484],
+            [114.3457, 22.1484],
+            [113.9063, 22.1484],
+            [113.8184, 22.1924],
+            [113.9063, 22.4121],
+            [114.1699, 22.5439],
+            [114.3457, 22.5439],
+            [114.4336, 22.5439],
+            [114.4336, 22.4121],
+            [114.6094, 22.4121],
+          ],
+        ],
+      },
+    },
+    {
+      type: 'Feature',
+      id: 'ao_men',
+      properties: { name: '澳门', cp: [113.5547, 22.1484], childNum: 1 },
+      geometry: {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [113.5986, 22.1649],
+            [113.6096, 22.1265],
+            [113.5547, 22.11],
+            [113.5437, 22.2034],
+            [113.5767, 22.2034],
+            [113.5986, 22.1649],
+          ],
+        ],
+      },
+    },
+  ],
+}
diff --git a/src/views/charts/components/migration/index.vue b/src/views/charts/components/migration/index.vue
index 9b5b765..49628f9 100644
--- a/src/views/charts/components/migration/index.vue
+++ b/src/views/charts/components/migration/index.vue
@@ -1,292 +1,302 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import { geoJson } from './get.js'
-import * as echarts from 'echarts'
-import { EChartsType } from 'echarts/core'
-import { onMounted } from 'vue'
-import {cityIconData} from '../js/data.js'
-import logo from '@/assets/logo.png'
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config: {
-    type: Object,
-    default: () => {}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-
-var geoGpsMap = [109.1162, 34.2004]
-var geoCoordMap = {
-  江苏: [118.8062, 31.9208],
-  内蒙古: [110.3467, 41.4899],
-  辽宁: [123.1238, 42.1216],
-  陕西: [109.1162, 34.2004],
-  甘肃: [103.5901, 36.3043],
-  青海: [101.4038, 36.8207],
-  新疆: [87.9236, 43.5883],
-
-  河南: [113.4668, 34.6234],
-  西藏: [116.3896, 39.91],
-  浙江: [119.5313, 29.8773],
-  福建: [119.4543, 25.9222],
-  湖南: [113.0823, 28.2568],
-  四川: [113.0823, 28.2568],
-  云南: [102.9199, 25.4663],
-  广东: [113.12244, 23.009505],
-  海南: [110.3893, 19.8516]
-}
-
-var value = {
-  江苏: 10000,
-  内蒙古: 10000,
-  辽宁: 10000,
-  陕西: 10000,
-  福建: 10000,
-  甘肃: 10000,
-  青海: 10000,
-  新疆: 10000,
-  湖北: 10000,
-  浙江: 10000,
-  河南: 10000,
-  湖南: 10000,
-  云南: 10000,
-  广东: 10000,
-  海南: 10000,
-  西藏: 10000
-
-}
-var colors = '#f9b207'
-
-var year = ['长春', '长春', '青岛', '青岛', '成都', '成都']
-var mapData = []
-
-/* 柱子Y名称 */
-var categoryData = []
-var barData = []
-
-for (var key in geoCoordMap) {
-  mapData.push({
-    year: '陕西',
-    name: key,
-    value: value[key] / 100,
-    value1: value[key] / 100
-  })
-}
-
-mapData.sort(function sortNumber (a, b) {
-  return a.value - b.value
-})
-for (var j = 0; j < mapData.length; j++) {
-  barData.push(mapData[j].value1)
-  categoryData.push(mapData[j].name)
-}
-
-echarts.registerMap('china', geoJson)
-var convertData = function (data) {
-  var res = []
-  for (var i = 0; i < data.length; i++) {
-    var geoCoord = geoCoordMap[data[i].name]
-    if (geoCoord) {
-      res.push({
-        name: data[i].name,
-        value: geoCoord.concat(data[i].value)
-      })
-    }
-  }
-  return res
-}
-var convertToLineData = function (data, gps) {
-  var res = []
-  for (var i = 0; i < data.length; i++) {
-    var dataItem = data[i]
-    var toCoord = geoCoordMap[dataItem.name]
-    // debugger;
-    var fromCoord = gps // 郑州
-    //  var toCoord = geoGps[Math.random()*3];
-    if (fromCoord && toCoord) {
-      res.push([{
-        coord: fromCoord,
-        value: dataItem.value
-      }, {
-        coord: toCoord
-      }])
-    }
-  }
-  return res
-}
-
-const options = {
-  tooltip:{
-    trigger: 'item',
-    formatter(val){
-      // console.log('val==========',val)
-    }
-  },
-  backgroundColor: '#001540',
-  geo: {
-    show: true,
-    map: 'china',
-    roam: true,
-    zoom: 1,
-    center: [101.4038, 36.8207],
-    label: {
-      emphasis: {
-        show: false
-      }
+  import { geoJson } from './get.js'
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
+  import { cityIconData } from '../js/data.js'
+  import logo from '@/assets/logo.png'
+  const props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    itemStyle: {
-      normal: {
-        borderColor: 'rgba(147, 235, 248, 1)',
-        borderWidth: 1,
-        areaColor: {
-          type: 'radial',
-          x: 0.5,
-          y: 0.5,
-          r: 0.8,
-          colorStops: [{
-            offset: 0,
-            color: 'rgba(147, 235, 248, 0)' // 0% 处的颜色
-          }, {
-            offset: 1,
-            color: 'rgba(147, 235, 248, .2)' // 100% 处的颜色
-          }],
-          globalCoord: false // 缺省为 false
-        },
-        shadowColor: 'rgba(128, 217, 248, 1)',
-        // shadowColor: 'rgba(255, 255, 255, 1)',
-        shadowOffsetX: -2,
-        shadowOffsetY: 2,
-        shadowBlur: 10
-      },
-      emphasis: {
-        areaColor: '#389BB7',
-        borderWidth: 0
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+
+  var geoGpsMap = [109.1162, 34.2004]
+  var geoCoordMap = {
+    江苏: [118.8062, 31.9208],
+    内蒙古: [110.3467, 41.4899],
+    辽宁: [123.1238, 42.1216],
+    陕西: [109.1162, 34.2004],
+    甘肃: [103.5901, 36.3043],
+    青海: [101.4038, 36.8207],
+    新疆: [87.9236, 43.5883],
+
+    河南: [113.4668, 34.6234],
+    西藏: [116.3896, 39.91],
+    浙江: [119.5313, 29.8773],
+    福建: [119.4543, 25.9222],
+    湖南: [113.0823, 28.2568],
+    四川: [113.0823, 28.2568],
+    云南: [102.9199, 25.4663],
+    广东: [113.12244, 23.009505],
+    海南: [110.3893, 19.8516],
+  }
+
+  var value = {
+    江苏: 10000,
+    内蒙古: 10000,
+    辽宁: 10000,
+    陕西: 10000,
+    福建: 10000,
+    甘肃: 10000,
+    青海: 10000,
+    新疆: 10000,
+    湖北: 10000,
+    浙江: 10000,
+    河南: 10000,
+    湖南: 10000,
+    云南: 10000,
+    广东: 10000,
+    海南: 10000,
+    西藏: 10000,
+  }
+  var colors = '#f9b207'
+
+  var year = ['长春', '长春', '青岛', '青岛', '成都', '成都']
+  var mapData = []
+
+  /* 柱子Y名称 */
+  var categoryData = []
+  var barData = []
+
+  for (var key in geoCoordMap) {
+    mapData.push({
+      year: '陕西',
+      name: key,
+      value: value[key] / 100,
+      value1: value[key] / 100,
+    })
+  }
+
+  mapData.sort(function sortNumber(a, b) {
+    return a.value - b.value
+  })
+  for (var j = 0; j < mapData.length; j++) {
+    barData.push(mapData[j].value1)
+    categoryData.push(mapData[j].name)
+  }
+
+  echarts.registerMap('china', geoJson)
+  var convertData = function (data) {
+    var res = []
+    for (var i = 0; i < data.length; i++) {
+      var geoCoord = geoCoordMap[data[i].name]
+      if (geoCoord) {
+        res.push({
+          name: data[i].name,
+          value: geoCoord.concat(data[i].value),
+        })
       }
     }
-  },
-  series: [
+    return res
+  }
+  var convertToLineData = function (data, gps) {
+    var res = []
+    for (var i = 0; i < data.length; i++) {
+      var dataItem = data[i]
+      var toCoord = geoCoordMap[dataItem.name]
+      // debugger;
+      var fromCoord = gps // 郑州
+      //  var toCoord = geoGps[Math.random()*3];
+      if (fromCoord && toCoord) {
+        res.push([
+          {
+            coord: fromCoord,
+            value: dataItem.value,
+          },
+          {
+            coord: toCoord,
+          },
+        ])
+      }
+    }
+    return res
+  }
 
-    // 地图？
-    {
-      type: 'map',
+  const options = {
+    tooltip: {
+      trigger: 'item',
+      formatter(val) {
+        // console.log('val==========',val)
+      },
+    },
+    backgroundColor: '#001540',
+    geo: {
+      show: true,
       map: 'china',
-      geoIndex: 0,
-      aspectScale: 0.75, // 长宽比
-      showLegendSymbol: false, // 存在legend时显示
+      roam: true,
+      zoom: 1,
+      center: [101.4038, 36.8207],
       label: {
-        normal: {
-          show: false
-        },
         emphasis: {
           show: false,
-          textStyle: {
-            color: '#fff'
-          }
-        }
+        },
       },
-
-      roam: true,
       itemStyle: {
         normal: {
-          areaColor: '#031525',
-          borderColor: '#FFFFFF'
+          borderColor: 'rgba(147, 235, 248, 1)',
+          borderWidth: 1,
+          areaColor: {
+            type: 'radial',
+            x: 0.5,
+            y: 0.5,
+            r: 0.8,
+            colorStops: [
+              {
+                offset: 0,
+                color: 'rgba(147, 235, 248, 0)', // 0% 处的颜色
+              },
+              {
+                offset: 1,
+                color: 'rgba(147, 235, 248, .2)', // 100% 处的颜色
+              },
+            ],
+            globalCoord: false, // 缺省为 false
+          },
+          shadowColor: 'rgba(128, 217, 248, 1)',
+          // shadowColor: 'rgba(255, 255, 255, 1)',
+          shadowOffsetX: -2,
+          shadowOffsetY: 2,
+          shadowBlur: 10,
         },
         emphasis: {
-          areaColor: '#2B91B7'
-        }
-      },
-      animation: false
-    },
-    // 地图点的动画效果
-    {
-      //  name: 'Top 5',
-      type: 'effectScatter',
-      coordinateSystem: 'geo',
-      data: convertData(mapData.sort(function (a, b) {
-        return b.value - a.value
-      }).slice(0, 20)),
-      symbolSize: function (val) {
-        return val[2] / 10
-      },
-      showEffectOn: 'render',
-      rippleEffect: {
-        brushType: 'stroke'
-      },
-      hoverAnimation: true,
-      label: {
-        normal: {
-          formatter: '{b}',
-          position: 'right',
-          show: true
-        }
-      },
-      itemStyle: {
-        normal: {
-          color: colors,
-          shadowBlur: 10,
-          shadowColor: colors
-        }
-      },
-      zlevel: 1
-    },
-    // 地图线的动画效果
-    {
-      type: 'lines',
-      zlevel: 2,
-      effect: {
-        show: true,
-        period: 4, // 箭头指向速度，值越小速度越快
-        trailLength: 0.02, // 特效尾迹长度[0,1]值越大，尾迹越长重
-        symbol: 'arrow', // 箭头图标
-        symbolSize: 3 // 图标大小
-      },
-      lineStyle: {
-        normal: {
-          color: colors,
-          width: 0.1, // 尾迹线条宽度
-          opacity: 0.5, // 尾迹线条透明度
-          curveness: 0.3 // 尾迹线条曲直度
-        }
-      },
-      data: convertToLineData(mapData, geoGpsMap)
-    },
-    {
-      type:'scatter',
-      zlevel: 16,
-      coordinateSystem: 'geo',
-      symbolSize:30,
-      symbol:`image://${logo}`,
-      data:cityIconData,
-      rippleEffect: {
-        period: 4, brushType: 'stroke', scale: 4
-      },
-      tooltip:{
-        trigger:'item',
-        padding:0,
-        borderColor:'black',
-        background:'rgba(0,0,0,0.7)',
-        textStyle: {
-          fontSize:20
+          areaColor: '#389BB7',
+          borderWidth: 0,
         },
-        formatter(val){
-          console.log('val=======',val)
-          let tipHtml = `
+      },
+    },
+    series: [
+      // 地图？
+      {
+        type: 'map',
+        map: 'china',
+        geoIndex: 0,
+        aspectScale: 0.75, // 长宽比
+        showLegendSymbol: false, // 存在legend时显示
+        label: {
+          normal: {
+            show: false,
+          },
+          emphasis: {
+            show: false,
+            textStyle: {
+              color: '#fff',
+            },
+          },
+        },
+
+        roam: true,
+        itemStyle: {
+          normal: {
+            areaColor: '#031525',
+            borderColor: '#FFFFFF',
+          },
+          emphasis: {
+            areaColor: '#2B91B7',
+          },
+        },
+        animation: false,
+      },
+      // 地图点的动画效果
+      {
+        //  name: 'Top 5',
+        type: 'effectScatter',
+        coordinateSystem: 'geo',
+        data: convertData(
+          mapData
+            .sort(function (a, b) {
+              return b.value - a.value
+            })
+            .slice(0, 20),
+        ),
+        symbolSize: function (val) {
+          return val[2] / 10
+        },
+        showEffectOn: 'render',
+        rippleEffect: {
+          brushType: 'stroke',
+        },
+        hoverAnimation: true,
+        label: {
+          normal: {
+            formatter: '{b}',
+            position: 'right',
+            show: true,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: colors,
+            shadowBlur: 10,
+            shadowColor: colors,
+          },
+        },
+        zlevel: 1,
+      },
+      // 地图线的动画效果
+      {
+        type: 'lines',
+        zlevel: 2,
+        effect: {
+          show: true,
+          period: 4, // 箭头指向速度，值越小速度越快
+          trailLength: 0.02, // 特效尾迹长度[0,1]值越大，尾迹越长重
+          symbol: 'arrow', // 箭头图标
+          symbolSize: 3, // 图标大小
+        },
+        lineStyle: {
+          normal: {
+            color: colors,
+            width: 0.1, // 尾迹线条宽度
+            opacity: 0.5, // 尾迹线条透明度
+            curveness: 0.3, // 尾迹线条曲直度
+          },
+        },
+        data: convertToLineData(mapData, geoGpsMap),
+      },
+      {
+        type: 'scatter',
+        zlevel: 16,
+        coordinateSystem: 'geo',
+        symbolSize: 30,
+        symbol: `image://${logo}`,
+        data: cityIconData,
+        rippleEffect: {
+          period: 4,
+          brushType: 'stroke',
+          scale: 4,
+        },
+        tooltip: {
+          trigger: 'item',
+          padding: 0,
+          borderColor: 'black',
+          background: 'rgba(0,0,0,0.7)',
+          textStyle: {
+            fontSize: 20,
+          },
+          formatter(val) {
+            console.log('val=======', val)
+            let tipHtml = `
                      <div class="m-info" style=" opacity: 0.95;background: rgba(25,27,29,1);" >
                          <div class="title" style="padding-left: 12px;
                          padding-top: 10px;
@@ -296,22 +306,22 @@ const options = {
           <!--                               <div style=" font-size: 22px; color: #ff0000;">258944</div>-->
           <!--                        </div>-->
           </div>`
-          return tipHtml
-          }
-      }
-    },
-  ]
-}
-let chart:EChartsType
-const initChart = () => {
-  const chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(() => {
-  chart = initChart()
-  window.addEventListener('resize', function () {
-    chart && chart.resize()
+            return tipHtml
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    const chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-})
 </script>
diff --git a/src/views/charts/components/otherDiscard/Histogram.vue b/src/views/charts/components/otherDiscard/Histogram.vue
index 56b6af5..37b1720 100644
--- a/src/views/charts/components/otherDiscard/Histogram.vue
+++ b/src/views/charts/components/otherDiscard/Histogram.vue
@@ -1,35 +1,35 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import 'echarts-liquidfill/src/liquidFill.js'
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import 'echarts-liquidfill/src/liquidFill.js'
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
     legend: {
       data: [
         '3-11岁任务数',
@@ -38,12 +38,12 @@ const options = {
         '60岁全程接种量',
         '80岁任务数',
         '80岁全程接种量',
-        '完成率'
-      ]
+        '完成率',
+      ],
     },
     xAxis: {
       type: 'category',
-      data: ['街道1', '街道2', '街道3', '街道4', '街道5', '街道6', '街道7']
+      data: ['街道1', '街道2', '街道3', '街道4', '街道5', '街道6', '街道7'],
     },
     yAxis: [
       { type: 'value' },
@@ -54,7 +54,7 @@ const options = {
         // max: 100,
         nameTextStyle: {
           color: '#ccc',
-          padding: [0, 0, 10, -30]
+          padding: [0, 0, 10, -30],
         },
         splitNumber: 5,
         splitLine: {
@@ -63,16 +63,16 @@ const options = {
             type: 'dashed',
             width: 1,
             // 使用深浅的间隔色
-            color: ['#566471', '#566471']
-          }
+            color: ['#566471', '#566471'],
+          },
         },
         axisLabel: {
           show: true,
           textStyle: {
-            fontSize: 12
-          }
-        }
-      }
+            fontSize: 12,
+          },
+        },
+      },
     ],
     // tooltip: {
     //   trigger: 'axis',
@@ -81,56 +81,60 @@ const options = {
     tooltip: {
       trigger: 'axis',
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       textStyle: {
         color: '#fff',
         align: 'left',
-        fontSize: 14
+        fontSize: 14,
       },
-      axisLine: {//x坐标轴轴线
+      axisLine: {
+        //x坐标轴轴线
         show: true,
-        lineStyle: {//x坐标轴轴线样式
-          color: '#000',//'#ccc' | 'rgb(128, 128, 128)' | 'rgba(128, 128, 128, 0.5)'，设置标签颜色
-        }
+        lineStyle: {
+          //x坐标轴轴线样式
+          color: '#000', //'#ccc' | 'rgb(128, 128, 128)' | 'rgba(128, 128, 128, 0.5)'，设置标签颜色
+        },
       },
 
       backgroundColor: 'rgba(0,0,0,0.8)',
       formatter: function (params) {
-        console.log(params);
-        let str = params[0].name + '<br />';
-        console.log(str);
+        console.log(params)
+        let str = params[0].name + '<br />'
+        console.log(str)
         params.forEach((item) => {
-          console.log(item.seriesName);
+          console.log(item.seriesName)
           if (item.value) {
             if (item.seriesName.indexOf('岁全程接种量') != -1) {
-              str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${item.color}
+              str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${
+                item.color
+              }
                                     "></span>
                                          ${item.seriesName}
                                          :
                                        ${item.value}人  <br/>
                                          &nbsp; &nbsp;  全程完成率
-                                       : ${item.value/100}%
-                                        <br/><br/>`;
-            }else if (item.seriesName.indexOf('岁任务数') != -1) {
+                                       : ${item.value / 100}%
+                                        <br/><br/>`
+            } else if (item.seriesName.indexOf('岁任务数') != -1) {
               str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${item.color}
                                     "></span>
                                          ${item.seriesName}
                                          :
                                        ${item.value}人
-                                        <br/>`;
-            }else{
+                                        <br/>`
+            } else {
               str += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color: ${item.color}
                                     "></span>
                                         ${item.seriesName}
                                         :
                                       ${item.value}%
-                                        <br/>`;
+                                        <br/>`
             }
           }
-        });
-        return str;
-      }
+        })
+        return str
+      },
     },
 
     series: [
@@ -138,77 +142,76 @@ const options = {
         name: '3-11岁任务数',
         data: [150, 230, 224, 218, 135, 147, 260],
         stack: 'BB',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '3-11岁全程接种量',
         data: [150, 230, 224, 218, 135, 147, 260],
         stack: 'BB',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '60岁任务数',
         data: [150, 230, 224, 218, 135, 147, 260],
         stack: 'AA',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '60岁全程接种量',
         data: [880, 30, 124, 118, 35, 47, 160],
         stack: 'AA',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '80岁任务数',
         data: [660, 30, 124, 118, 35, 47, 160],
         stack: 'Ad',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '80岁全程接种量',
         data: [880, 30, 124, 118, 35, 47, 160],
         stack: 'Ad',
-        type: 'bar'
+        type: 'bar',
       },
       {
         name: '完成率',
         data: [50, 130, 124, 18, 35, 47, 160],
-        yAxisIndex:1,
+        yAxisIndex: 1,
         type: 'line',
         markLine: {
           symbol: 'none',
           itemStyle: {
             normal: {
               lineStyle: {
-                type: 'dotted'
-              }
-            }
+                type: 'dotted',
+              },
+            },
           },
-          data: [{ type: 'average', name: 'Avg' + '%' }]
+          data: [{ type: 'average', name: 'Avg' + '%' }],
         },
         //   symbol: 'none',
         itemStyle: {
           normal: {
             lineStyle: {
               width: 2,
-              type: 'solid' //'dotted'虚线 'solid'实线
-            }
-          }
-        }
-      }
-    ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+              type: 'solid', //'dotted'虚线 'solid'实线
+            },
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/otherDiscard/bullish.vue b/src/views/charts/components/otherDiscard/bullish.vue
index ea6fd75..61487f8 100644
--- a/src/views/charts/components/otherDiscard/bullish.vue
+++ b/src/views/charts/components/otherDiscard/bullish.vue
@@ -1,186 +1,204 @@
-
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-var path = 'path://M1472.28,127.91v1C1551,161.7,1579,253.05,1566,330.91a302.16,302.16,0,0,1-10.75,45c-1.53,4.64-2.58,11.74-5.84,15.49-4.58,5.24-17.68,7.14-24.16,9.56-16.89,6.31-33.09,14.32-49,22.73a288.45,288.45,0,0,0-41,26.87c-5.65,4.35-12.1,13-19,15-5,1.48-13-2.41-18-3.47-13-2.75-26.75-4.88-40-5.2-34.31-.84-68.14-.13-101-12.07-87.12-31.65-121-121.33-121-207.95-8.6,6.19-14.51,17.69-19.24,27-12.29,24.17-18.25,50.2-20.93,77-9.21,92.11,29.78,183.68,110.17,232,17.52,10.54,39.51,23,60,26-27.07,22.42-61.21,39.27-91,58l-24,15.1c-3.06,1.92-8.39,4-10.25,7.28-3.37,5.86,12.26,15.67,16.25,18.32,19,12.57,45.11,21.88,68,22.35-14.3,12.93-35.35,20.72-51,32.66-34,26-63.52,56.3-91.71,88.34a787.23,787.23,0,0,0-57.4,73c-12.44,18.05-23,37.85-38,54-13.26,14.26-28.7,25.07-44.92,35.66-56.3,36.75-122.64,58.87-187,76.76-91.95,25.57-185.55,44.87-277,72.31-41.2,12.35-81.72,26.39-117,51.7-11.09,8-22.6,17.26-31.57,27.57-4.78,5.49-11.54,16.79-18.44,19.4-6.5,2.45-17.27-.17-24-1.13-21.36-3-50.8-8.45-64.21-27.27-9.24-13-3-28.7,5.88-40,17.49-22.23,44.8-39.36,71.33-48.66,53.62-18.78,111-24.35,165-42.34,25.32-8.44,54.45-19.34,71.49-41,21.79-27.7,14.86-74.74,5.94-106-26.46-92.7-114.26-157-210.43-159,14.47,18,33.35,30.17,41.31,53,2.84,8.16,2.07,15.62,2.86,24,1.79,18.79,6.07,37.51,19,52,28.13,31.53,70.68,26.37,102.82,49.93,17.21,12.61,32.57,33.58,27.1,56.07-10.26,42.27-68.2,52.95-104.1,59.42-57.71,10.42-118.24,18.08-173,40-30.44,12.18-59.21,31.26-72.13,62.6-19.22,46.59,5,87.25,44.13,113.33a263.25,263.25,0,0,0,41,22.09c4.22,1.84,12.58,3.76,11.82,9.6-1.91,14.69-8.09,29.16-10.39,44-4.36,28.12-5.11,57.57-4.41,86,1.54,62.75,7,125,7,188,0,39-.72,79-10.73,117-12.41,47.06-52.6,77.71-69.21,123a177.6,177.6,0,0,0-11,53c-.64,14.62,1.52,29.6-1.7,44-3.28,14.63-19.08,24.93-20.24,39-1.48,18,10.2,33.95,7.6,52-3.72,25.85-33.15,41.75-27,70,3.33,15.35,18.49,24.8,32.33,29.66,28.41,10,63.53,12.06,93,5.68,19.29-4.18,41.85-16,32-39.34-16.25,4.65-30.79,10.21-48,11-16.31.71-31.87-3.27-48-4v-1c29.51-5.48,58.33-7.43,85-23-14.07-44.48-78.23-59.81-76-110,.64-13.92,8.93-27.24,17.09-38,18.37-24.2,43.35-42.89,67.87-60.42,58.41-41.76,121.88-75.85,180-118,37.2-27,70.16-60.68,106-89.57,16.43,79.56,64.1,157.63,124,211.83,20.94,19,44.5,33.9,67,50.8,11.75,8.82,25.72,18.68,33.54,31.37,8.65,14.06-8.82,18.72-8.4,32,.46,14.58,16.09,26.43,19.35,41,2.91,13-1.16,25.79-5.54,38-3.51,9.81-6.76,21.2,1.52,29.67,6.93,7.08,18.29,9.25,27.53,11.45,25.93,6.14,53.84,6.41,80,2,8.67-1.47,40.39-11.88,28.83-26.48-3.37-4.25-19.71-.6-24.83-.6-23,0-42.29-5.75-64-12v-1c25.71,0,58.05-.69,82-11-7.68-18.45-19.4-37.15-34-50.91-11.59-10.93-25.16-18.77-35.56-31.09-37.67-44.64-65-113-62.4-172,1.41-32.05,18.57-53.87,35.62-80,19.45-29.79,38.76-59.78,57.54-90,8.14-13.11,16.85-25.89,25-39,2.87-4.62,6.56-13.55,11.85-15.69,6.63-2.68,18,1,24.95,1.6,22.7,1.83,45.45,4.82,68,8,73.16,10.17,145.12,22.29,216,43.41,15.49,4.61,31.33,8.38,47,12.35,7.83,2,17.29,3,24,7.75,28.88,20.47,61.08,50.49,76.74,82.62,10.42,21.38,9.22,47.09,24.72,66,30,36.62,76.59,55.44,109.5,89,22.06,22.51,25,52.87,38.3,80,5.78,11.84,18.15,18.21,23.39,30,9.57,21.55-5.94,45.37-13,65-5.93,16.62-2.68,37.29,8.63,51,28.34,34.37,85.85,32.9,125.68,25.39,21.63-4.08,45-13.08,45-38.39-33.33.09-65,2.77-98-5.48-14.23-3.55-26.6-9.94-40-15.52v-1c45.78,5.91,88.63,10.78,134-2-13.48-32.38-41.31-63.58-67-86.83-22.22-20.11-45.87-38.14-63-63.17-19-27.75-26.23-61.69-23.94-95,1.07-15.61,8.5-30.09,5.24-46-5.58-27.3-24.69-47.5-36-72-11.87-25.65-13.5-55.3-15.4-83-.84-12.21-3.08-26.88-.63-39,1.37-6.77,7.76-13.69,11.93-19,11-14,23.22-26.45,35.79-39,20.79-20.76,45.55-37.78,69-55.37,32.27-24.21,65.23-49,101-67.85,24-12.65,58.09-21.5,79.91.31,19,19,18.11,52.46,3.73,73.91-6.5,9.7-18.93,17-21.17,29-3.86,20.58,15.81,43.32-7.47,58.9-30.6,20.47-81.21,5.06-100.63,43.1a53.83,53.83,0,0,0-5.07,16c-5.36,34.59,6.69,80.69,32.7,104.91,11.92,11.1,29.9,18.48,46,12.16,3.89-1.53,11.44-4.6,12.65-9.1,1-3.68-4.44-6.88-6.65-9a102.67,102.67,0,0,1-18.69-24c-14-25.5-15.53-49.67-14.31-78h1c.75,36.25,22.54,76.42,57,90,42.58-109.73,89.4-217.41,110.42-334,8.3-46,17.54-102.62,1.36-148-5.89-16.53-21.23-23.44-35.78-31.31-29.79-16.11-59.59-31.3-91-44.09-8.3-3.37-16.6-6.81-25-9.92-3.63-1.34-9.71-2.44-12.38-5.38-3.17-3.49-.62-16.55-.62-21.3,0-20,.28-40.07-1.09-60a870.11,870.11,0,0,0-11.33-95c-8.14-45.1-19.57-89.75-17.54-136,1.44-32.95,3.38-70.71,22.48-99,8.7-12.88,22.25-21.62,33.48-32.08,17.49-16.29,33.42-34.41,45.8-54.92,16.85-27.91,27.29-59.34,34.55-91,5.5-24,8.46-48.26,18.51-71,17.57-39.74,54.62-67.63,70.08-108,11.51-30.07,9.57-65.44.92-96-3.24-11.42-6.37-24.73-15.86-32.67-26.77-22.36-65.92,2.83-61.81,35.67,2.31,18.57,25.16,26.94,39.81,16.37,9.18-6.63,10-16,10-26.37h1c1,7.24,2.88,13.66,1.1,21-5.85,24.08-34.91,38.31-56.1,23.22-23.42-16.69-27.41-51.5-10.84-74.22a58.1,58.1,0,0,1,21.84-18.51c11.76-5.52,22.5-5,35-4.49v-1c-5.86-3.08-11.5-6.23-18-7.76-33.08-7.79-45,24.6-68,38.95-52,32.51-108.58,62.8-167,81.81,0-81.44-16.39-176.06-91-223.56a189.17,189.17,0,0,0-48-21.71c-21.73-6.48-44.43-8.73-67-8.73m133,55c0,6.85.56,13.72-2.67,20-8.44,16.45-28,18.37-42.33,9v-1c14,.61,27.06-.94,36.47-13,3.6-4.61,5.06-10.41,8.53-15m28,41c9.74,33-39.31,61.09-61,33,19.8,3.85,38.15.49,51.53-16,4.25-5.23,6-11.45,9.47-17m25,56c-2,15.68-10.38,29.06-25,35.88-18.57,8.67-48.86,2.65-56-18.88,20.19,10.63,41.93,14.1,62,.65,7.47-5,12.19-12.14,19-17.65m186,36-23.14,54-29.86,67h-1v-66h-1c-5,28.89-23.6,57.21-33,85h-1l-4-59h-1l-14,39-9,22-10-51h-1c-1.56,11.56-4.92,29.05-11,39l-18-34c-.82,10.06-4.13,27.77-10,36l-20-44,44-14.34,67-27.91,76-45.75m-182,19c-1,46.3-68.69,59.78-89,19,7.24,2.29,13.51,6.61,21,8.53a61.2,61.2,0,0,0,51-10.29c6.62-4.92,11-11.78,17-17.24m-510,23c4.91,26.55-30.79,50.19-50,27,15.91,3.09,30.78.15,41.67-13,3.55-4.28,5-9.65,8.33-14m17,38c2.32,8.49,5.16,16,3.54,25-5,27.78-32.38,37.31-56.54,28v-1a51.93,51.93,0,0,0,47.69-31c3-6.73,2.48-14.42,5.31-21m28,32c24.78,24.8,25.68,67.05-9,84.63-8.79,4.46-18.31,5.37-28,5.37v-1c24.42-11.62,42.28-34,42-62-.09-8.54-6.36-19.21-5-27m57,27c29,22.14,29.88,67.72,3,91.83-13.69,12.28-29.28,15.17-47,15.17v-1c33.84-11.52,51.46-46,50-80-.39-8.8-6.23-17.58-6-26m76,15c32.9,23.18,31.66,75.17,3,100.83-14.75,13.21-32,16.17-51,16.17v-1c33.86-13.15,55.87-46.86,55-83-.27-10.86-7.83-22.88-7-33m367,0c-1.53,11.34-6.74,22.81-11.76,33-5.79,11.79-12.83,23.62-22.33,32.83-32.55,31.58-79.5,22.37-113.91-.83,3.4-14.17,15-26.81,26-35.73,34.26-27.82,80.08-29.27,122-29.27m83,153v1c-32.1,9-68.74,12.91-102,13v1l70,1,37-3v1c-32.09,13.35-65.32,29.91-101,30v1c39.41,0,72.72-12.82,110-23-6,8.07-16.41,13.4-25,18.29-26,14.78-55.32,20.71-85,20.71-14.48,0-32.39-1.69-42.81-13-13.24-14.41-3.73-39.46,11.81-48.05,15-8.3,34.65-6.49,51-4.74,25.45,2.73,50.37,4.83,76,4.83m46,40v1c-72.51,34.36-150.45,63-232,63v1c50.37,0,102.12-5,151-17.88,20.48-5.4,39.55-16.27,60-21.12v1c-67.17,35.76-136.49,64-214,64v1c49.63,0,98.61-6.95,146-22,18.9-6,36.58-14.83,55-22-13.6,14-39.3,21.26-57,28.85-54.69,23.48-109.23,39.15-169,39.15-29.63,0-87.91-8.9-72.45-52,10.38-28.94,53.16-25,77.45-25,26.34,0,52.55,3.12,79,2s54.08-6.6,80-12c32.94-6.82,63.51-21.3,96-29m-490,95c-9,12.82-22,23.86-33,35-13.57,13.74-26.34,28.34-40,42-9.52,9.52-21.78,19.12-33.47,5.82-6.26-7.12-8.17-19.63-.42-26.43,10.95-9.61,28-15.38,40.89-22.17,20.8-11,43.44-27.7,66-34.22m110,7c13.35,13.32,27.65,25.68,41,39,8.43,8.42,17.17,16.84,26,24.83,7,6.32,19.4,14.49,21.61,24.17,3.34,14.66-14,28.53-27.61,22.35-8.07-3.66-11.35-15.11-15.42-22.35-11.5-20.39-22.56-41.2-33.32-62-3.38-6.52-13.32-18.7-12.26-26m-58,3c0,37.17-1.35,76,2.17,113,1.3,13.63,5.23,34.75-9.17,42.59-13.67,7.44-36.07-1.26-34.9-18.59.71-10.58,6.13-21.87,9.18-32l19-63c3.75-12.51,5.9-31.54,13.72-42m-21,9c-6,19-20.18,37.46-29.69,55-9.86,18.19-18.64,41-31.7,57-7.09,8.69-20.53,7.56-28.42.5-12.18-10.9-6.4-24.08,3.81-33.32,20.52-18.57,40.48-37.76,61-56.34,8.27-7.48,15.88-16.4,25-22.83m41,0c18.35,30,36.3,60.21,55,90,6.77,10.82,18.18,24.73,7.71,37-7.85,9.17-26.4,12-33.24,0-4.52-7.89-5.11-19.19-7.29-28-5.31-21.25-9.84-42.7-15-64-2.29-9.44-9.28-25.59-7.13-35m-889,172c-21.37-15-38.7-38.46-57-57-22.46-22.73-50.59-44.87-69-71,14.95,2.24,29.74,12,42,20.35,36.79,25,67,66.75,84,107.65m-130-95c15.29,21.27,35.84,39.06,56,55.58,9.21,7.56,21.44,14.27,29,23.42-32-1.37-58.8-24.18-74.13-51-3.78-6.61-13.15-20.27-10.87-28m1243,10c5.1,17.26,2.45,39.26,2,57-1,41.87-6.18,83.51-17.43,124-5.68,20.43-14.79,39.76-20.58,60h1c5.34-16.88,17.8-33.09,25.75-49,18.06-36.11,35.72-73.55,48.25-112h1c-1.71,21.7-7.08,43.65-11.2,65a1364.13,1364.13,0,0,1-42.8,164h1l48.58-77,41.42-81h1l-34.33,130-24.87,70-16.8,40h1l35-49,47-79h1c-11.54,44.6-23.55,88.39-41.42,131-10.72,25.55-24.91,49-36.58,74l46.37-61,30.63-44h1c-2.82,19.19-11.82,38.78-18.31,57a892.42,892.42,0,0,1-60.69,135,595.42,595.42,0,0,0,63-75h1c-2.34,15.9-9.21,31.82-14.33,47-11.65,34.49-27.12,68.68-47.34,99-9.95,14.93-21.5,30.6-36.33,41,0-23.32,3.72-46.66,4-70,.93-78.47-3.47-156.65-17.42-234a892.72,892.72,0,0,0-29.25-118c-4.27-13.12-8.85-26.18-13.93-39-2.51-6.32-7.29-14.22-7.84-21-.44-5.6,2.71-12.57,4.07-18,3.14-12.59,6.07-25.27,8.57-38,7.43-37.9,12.8-76.37,12.8-115h2c1.2,58.05,17.25,118.15,3,176h1c16.24-39.6,34-77.54,45.58-119a454.82,454.82,0,0,0,10.34-46c1.31-7.76,1.07-17.84,4.08-25m-413,70c5.41-1.52,11.34-3.23,17-2.55,45.43,5.41,38.79,62.68,22,91.55h-1l-1-27h-1l-5,28h-1l-5-39h-1l-2,40h-1l-12-50h-1l2,49h-1l-14-47h-1l4,47h-1c-6.44-15-14.6-34.95-17-51h-1l10,55h-1c-9.22-20.8-21.68-47.51-25-70h-1l15,74h-1c-8.36-15.68-17-34.66-21-52h-1l11,53h-1l-20-43h-1l12,50h-1l-22-41h-1l16,48c-10.14-7.77-19.56-23.5-25-35h-1l15,37c-7.66-3.57-14.41-12.46-18-20h-1l13,25c-28.92-15.39-67.06-61.19-30-89.46,4.72-3.6,10.4-5,16-6.54-8-27.15,18.21-52,44-52,17.77,0,33.13,12,40,28m-39,23,1,1-1-1m157,165v-1l26-9v-1l-29,4v-1l35-17v-1l-39,11v-1l44-27v-1l-48,17v-1l42-29-45,18v-1l44-31v-1l-50,26v-1l59-46c-21.47,11.31-43.75,30.16-67,37v-1l44-37-48,27,35-34-45,27,32-35-41,29,25-34-31,25,13-23-19,19c7.13-27.47,25.41-68.94,61-62.53,6.42,1.15,13,3.62,18,7.86,3,2.52,6,8.94,10.1,9.46,5.24.67,12.45-3.1,17.91-3.62,14.25-1.35,28.44,5.57,37,16.83,9.21,12.19,12.1,28.87,5.73,43-2.64,5.85-8.72,11.12-10.59,17-1.24,3.88,3.09,8.47,4.35,12,2.22,6.23,2.34,14.57.87,21-8.36,36.41-53.28,33.2-81.32,32m-316-149c-9.77,26.84-33.09,53-51.84,74-62,69.42-148.28,112.34-240.16,124.72-28.53,3.84-56.39,3.28-85,3.28v-2c32.11-4.32,65.57-17.48,96-28.31,76.94-27.38,152-62.23,217-112.34,23.38-18,42-40.27,64-59.35m191.33,2.67.34.67-.34-.67m-40,3,.34.67-.34-.67m-23.33,19.33,1,1-1-1m305,6c47.91,32.33,77.54,87.44,68.41,146-4.37,28-17.32,68.7-53.41,62.67-39.88-6.66-32.15-69.51,8-66.34,7.87.62,14.47,3.37,21,7.67,8.36-40.54,6.18-75.37-14.85-112a159.52,159.52,0,0,0-18.44-26c-3.15-3.59-9.46-7.43-10.71-12m-143,3,1,1-1-1m-18,2,1,1-1-1m34,3,1,1-1-1m26,15,1,1-1-1m23,1,1,1-1-1m-238,40-27-7v1c8.65,2,20.27,7.08,26,14l-39-6v1c12,1,26.62,7,37,13v1l-52-4v1l47,13v1l-51-1v1l48,11v1h-56v1l57,7v1l-77,3v1c24.17,0,53.5,2.4,77,8v1l-59,4v1l57,5v1l-49,6v1l51,4v1l-46,8v1h50v1l-39,11v1l38-2v1l-23,9v1l26-5c-3.72,6.43-11.75,10.68-18,14.4-19.67,11.7-47.78,20.06-67,2.41a35,35,0,0,1-10.53-17.81c-.8-3.77.68-9.29-1.54-12.57s-8.52-3.8-12-5.31a42.36,42.36,0,0,1-17.08-13.12c-20.88-28.29-1-67.22,33.08-70,0-5.45.48-10.86,2.47-16,16.06-41.47,75.51-20,94.53,7m138,22h-1c-4.91-26.06-35.82-46.31-56-20-4.56-12.85,14.79-25.15,25-27.19,28.54-5.71,40.67,24.69,32,47.19m91-41,1,1-1-1m-154,4-2,13-8-11c3.64-3.31,5.3-3.42,10-2m-5,20c-29.83-6.15-51.37,18.89-37,47-4.81-1.64-8.47-5-11.61-9-10.65-13.57-8.63-34.2,5.61-44.36,12-8.53,35-7.37,43,6.36m160-9,1,1-1-1M1097,1069.23l.66.34-.66-.34m194.33,12.67,3-1,1,7-12,3c.57-3.17,3.82-12.42,8-9m-65,33c-5.93-4.35-9.93-17-12-24-.82-2.83-1.91-8.2,2.09-9.25,3.68-1,5.61,3.48,6.35,6.25a112.35,112.35,0,0,1,3.52,27m7-8c.68-3.53,2.4-21.07,7.79-20.08,6.55,1.2-5.14,18.35-7.79,20.08m137-12,1,1-1-1m-135,24c5-7,12.85-13.76,20-18.53,2.36-1.58,7.77-4.78,9.86-1,1.86,3.35-2.55,6.85-4.88,8.45-6.81,4.68-16.85,9.65-25,11.1m-21-5c-3.62-1.56-19.7-8.26-17.65-13.59,1.12-2.93,5.28-.19,6.65.87,4.32,3.36,8.69,7.77,11,12.72m65,46c3.6-5.28,11.31-7.72,15.67-13,8.57-10.39,8.57-26.61,0-37-3.9-4.73-10.23-7.27-13.67-12,10.34,0,20.07,2,27.91,9.3,13,12.06,11.9,34.24-1.92,45.17-8.33,6.59-17.81,7.53-28,7.53m316-55-1,3,1-3m-376,18c-6.47,3.88-19.5,4.25-27,4-2.73-.11-8.66-.88-8.08-4.91.52-3.54,5.3-4,8.08-4a102.69,102.69,0,0,1,27,4.9m-55,1v2l-12,4-3-4c3.47-7.92,8.72-5.29,15-2m63.13-3.25c4.09-1.1,6,5.2,1.77,6.28-4,1-5.85-5.18-1.77-6.28m18.87,4.25v-2c3.26,0,21.77-3.61,21.65,1.87s-18.45.54-21.65.13m-10,4a109.5,109.5,0,0,1,12,6.28c2.7,1.54,5.39,3.1,8,4.77,3,1.91,13,12.66,3,11.66-6.45-.64-23.11-16.37-23-22.71m-66,1c-2.24,6.14-5.66,11.24-6,18-1,23.73,19.44,33.62,40,32-11.45,13.82-36.37,12.67-47.47-1-9.27-11.45-8.17-27.5.4-38.95a31.67,31.67,0,0,1,13.07-10m55,2c.71,8-2.25,19.48-5.09,27-1,2.62-3.14,7-6.7,6.17-4-1-2.74-6.51-1.74-9.17,2.92-7.8,7.6-18.14,13.53-24m-11,2c-4.65,5.77-12,14-20,13,2.12-7.39,12.9-11.73,20-13m136,143c-9.89,22.12-39.74,19.35-56,7.24s-24.49-37.81-27-57.24h1l17,21-12-26,27,26-20-32,40,32-30-39,41,30-31-37,44,30-40-39,64,42-40-36-16-16,50,30-41-37,43,22-38-32v-1l41,18-39-29,41,14v-1l-33-20v-1l25,5v-1l-24-10c7-3.14,14.66-1.63,22-1.09,23.3,1.71,50.28,10.14,56,36.09a35.71,35.71,0,0,1-1.46,21c-1.49,3.71-6.09,7.91-5.94,12,.34,9.16,10.9,17.45,11.38,28,1.11,24.47-16.4,46.95-42,47.54-9.75.23-17.92-3.94-27-6.54m-116-137,7,22c-7.65-1.25-9.62-15.74-7-22m127,11,1,1-1-1m-68,18v7c-7.6.51-10.64-2.39-12-10l12,3m-20-2c2.48,8.81,4,17.11.9,26-6.8,19.17-30.6,26-46.9,14.36-8.19-5.87-12-14.8-14-24.36,16.33,13.11,35.34,21.78,51.67,2,4.52-5.48,4.51-12.5,8.33-18m94,16v1l3,1-3-2m-159,5v13l-7,1-3-4,10-10m-63,6-14,22,20-18-18,36h1c5.28-11.12,15.22-24.52,25-32l-19,49h1l27-41h1l-16,48h1c4.46-14.08,15.76-28.77,24-41h1l-16,52h1l23-50h1l-20,72h1l30-68h1l-13,56h1l21-50h1l-8,48h1l18-47h1l-5,46h1l14-47h1l-1,43h1l10-39h1l2,26h1l3-26h1c6.57,17,12.39,37.56,8.48,56-5.16,24.33-31.08,41.28-54.48,29-10.63,28-49.21,32.56-70,13.82-11.91-10.75-15.64-28.55-12-43.82-22.18-3.33-31.83-27.15-26.25-47,5.65-20.14,28.24-41.12,48.25-47m219,4,1,1-1-1m-1165,9c11.79,43.13,63.28,76.37,105,85v1c-35.68-.74-79-19.55-96.22-52-4.37-8.25-12.45-24.61-8.78-34m1163,6,1,1-1-1m-232,3,1,1-1-1m-536,47c-15.95-5.39-31.12-10.22-48-11.83-45.95-4.38-87.44,11.77-127,32.83,7-12.12,20.55-21.05,32-28.67,39.85-26.52,91.69-32.75,137-17.66,22.11,7.36,52,20.84,54.82,47.33,3.26,30.35-41.74,49.71-55.75,19-5.87-12.88.9-29.5,6.93-41m188-32,76,15v1l-42,22v1l47,10v1l-44,24v1l65-3-26,19-42,28v1l75-14v1l-93,67,80-19c-12,15.65-34.36,27.6-50,39.65-30.72,23.67-61.34,53.17-95,72.35,5.57-19.33,17.38-38.12,24.79-57a458.62,458.62,0,0,0,26.93-102,331.28,331.28,0,0,0,2.19-74c-.76-9.5-7.57-25.25-4.91-34m562,1,2,2-2-2m24,3,1,1-1-1m-37,4,1,1-1-1m-46,9,1,1-1-1m15,0,3,3-3-3m20,0,1,1-1-1m313,7,1,1-1-1m-592,129-74,3v-1l28-21c-26.61.55-58.13,3.82-84,10l20-15,49-33-61-5,15-10.15,34-18.85v-1l-59-15v-2l58-12.42,22.57-3.94,3.8,8.36,6.63,24,22.25,58,18.75,35m111-126,1,1-1-1m10,11,1,1-1-1m359,5c-3.64,7.95-11,14.48-16.72,21a376.36,376.36,0,0,1-48.28,45.4c-81,64.74-191,95.89-292,63.6v-1c93.66-7.39,189-40.62,273-81.26,29.13-14.09,55.56-32.6,84-47.74m-335,5,1,1-1-1m-18.67,12.67.34.66-.34-.66m746.67,3.33c-4,10.82-11.47,20.72-16.74,31-11.54,22.51-22,47.75-25.26,73h-1c-25.77-42.14.69-86.29,43-104m-69,5c-6.38,9.06-15.37,16.66-22.71,25-23.71,26.94-49.14,56.12-62.29,90-5.31-10-1.62-26.62,1.16-37,9.65-36.18,47.59-69.39,83.84-78m-1350,74c-5.76-7.72-10.07-16.77-19-21.58-7.09-3.82-14.48.3-14.65,8.58-.19,10.13,7.28,18.1,10.65,27-9.55-2.21-17.11-7.11-24-14-16.27-16.26-26.69-45.3,0-57.68a31.9,31.9,0,0,1,12-3.06c26-.78,41.69,39.59,35,60.74m29,18c5.18-8.3,13.44-15.74,14.63-26,1-8.18-6.44-12.49-13.63-9.87-9.58,3.5-13.89,13-22,17.87a56.19,56.19,0,0,1,5.76-26c5.62-11.42,14.81-25.06,28.24-27.69,28.06-5.48,42.54,25.25,27.78,46.69-4.66,6.77-11,12.13-17.78,16.64a49,49,0,0,1-23,8.36m1115-60-2,4,2-4m-992,21.39c24.32-1.72,28.64,37.5,4,39.52-27.06,2.22-30.95-37.61-4-39.52m-154,27.94c27.49-4.82,35.84,37.46,8,42.34-27.08,4.75-35.1-37.59-8-42.34m-24,13.67c-9.38,5.65-21.43,4.64-28.28,15-3.9,5.89.36,11.42,6.28,13.53,9.5,3.38,19.82.42,29-2.52-9.88,19.83-47.72,36.81-66.83,20.32-18.74-16.17-8-43,12.83-49.8,6.92-2.26,13.8-2.52,21-2.52,9.4,0,17.71,1.29,26,6m47,30c9.11,2.49,20.28,9,30,5.26,7.07-2.72,8.31-9.74,3.77-15.26-6.34-7.71-15-11.08-23.77-15,17-12.62,57.8.34,64.21,20,7.8,23.92-15.09,42.14-37.21,36.08a62,62,0,0,1-19-9.29c-7.59-5.34-15.32-12.7-18-21.79m970-27,11,96-44-41,5,60c-17-11.28-32.55-28.55-47-43l29,78-32-24.12-51-39.88c11.93,28.5,35.45,54.33,44,84l-39-28.63-77-57.37c15.81,29.7,41.11,57.58,53,89-22.38-9.41-44.15-29.53-64-43.58q-61.1-43.21-123-85.42c4.26-1.53,9.57.39,14,1,10.31,1.42,20.65,2.8,31,3.83a694.58,694.58,0,0,0,99,3.13c45.84-2,92.82-10.18,136-26,18.85-6.91,36.29-20,55-25.95m-1140,4.46c25.56-.81,26.56,39.2,1,39.2-24.83,0-25.94-38.41-1-39.2M797,1405.23l.66.34-.66-.34m841.33,13.67-1,2,1-2m-1156,8c-.44,10.17-3.59,28.15,8,34,14.89,7.46,18-24,18-32,17.73,13.7,18.84,56.69-1,69-21.27,13.2-43-5-43-27,0-7.36.64-14,3-21,3-9,7.1-17.39,15-23m588,12c1.81,42,10.69,83.63,28.31,122,7.81,17,18.66,31.77,27.69,48-18.64-1.48-37.52-6.86-56-9.92-37.14-6.15-74.55-11.29-112-14.91-33.14-3.21-67.66-6.36-101-4.08-20.42,1.4-40.6,5.39-61,6.82-22.36,1.57-47.11,3.25-69-2.39-10.33-2.66-21.8-8.89-23-20.52,13.73,4.35,23,10,38,10-5.17-13.8-3.92-31.05,0-45h1c6.38,14.77,21.44,28.52,37,33,0-16.18-2.43-36.79,7-51,7.41,15.63,19.47,32.84,37,38-.14-17.15-2-32.81,8-48,3.36,4.69,4.52,10.92,7.43,16,7.29,12.74,19,24.15,32.57,30,0-16.21-.22-35.54,8-50h1c8.11,18.3,14.61,37.08,32,49-4.83-20.29.31-47.81,10-66,4.24,6.74,5.81,15.62,8.86,23,6.89,16.68,15.59,32.88,28.14,46,0-19.12-.59-38,2.13-57,.89-6.21,1.57-17,6.87-21,1.35,31.27,22.24,61.38,42,84-1.09-25.29-2.9-49.67,0-75,1.16-10.35,2.42-24.05,8-33,12.83,37.82,18.07,80.41,45,112a499.31,499.31,0,0,1,.83-88c1-9.94.8-22.92,5.17-32m214,42,1,1-1-1m-635,3c-1.72,11.45-8,23.06-13.72,33-22.54,39.4-64.15,66.87-109.28,71.95-24.81,2.8-67.3,2.25-72.67-29.95-7.37-44.11,58.5-56.52,65.91-12,1.12,6.72-.2,12.59-2.24,19,40.85,0,77.9-15.94,105.91-46,10.34-11.1,16.65-24.61,26.09-36m-300,23.3c55.12-7.94,82.86,65.83,36,96a51,51,0,0,1-21,7.41c-54,7-80.66-66.35-35-95.84a51.36,51.36,0,0,1,20-7.57m-3,29.7c-3.64,7.79-16.4,22.36-15.75,30.9.27,3.49,5.17,5,7.75,6.41,7.92,4.3,15.67,9.22,24,12.69l17-33-33-17m1132,41,20,59,11,35-45-37,15,57-44-41,2,55-46-52v58h-1l-37.42-62-21.58-37c12.07,1.62,23.69,5.68,36,6,44.13,1.08,76-16.59,111-41m-1109,204v-1c53-12.15,110.13-43.3,150-80-14.43,8.22-27.55,18.83-42,27.13-39.89,22.9-86.13,41-132,46.87v-1c58.55-19.05,116.35-52.27,161-95-14.74,9.18-28.22,20.37-43,29.57-35.05,21.83-72.47,39.29-112,51.15-12,3.6-24.57,8.61-37,10.28,21.82-14.49,50.72-20.72,74-33.31,48-25.94,88.27-58.6,127-96.69,15.34-15.09,43.34-40.45,67-28.62,39.51,19.75,0,63.81-19,81.53-37,34.43-82.1,54-129,70.78-20.52,7.33-43.1,16.57-65,18.31m468-153v1c-56.73,26.52-100,91.38-100,154-28.71-14.54-35.34-59.06-19.3-84,18.72-29.13,54.16-46.72,85.3-59.4,10.77-4.38,22.44-9.89,34-11.6m45,3c-8.66,11.77-20.89,20.85-29.57,33-21,29.33-32.33,67-32.43,103-6.52-4.69-11.48-11.94-15.22-19-28.43-53.65,32.72-99.73,77.22-117m-581,4c42.61,13.62,88.26,20,133,16.91,20.57-1.41,40.61-7.29,61-8.91v1c-14.54,9-27.7,19-44,24.95-55.81,20.46-105.49.78-151-32.95l1-1m1532,8c-16.45,31.23-22,62.25-9,96-40.31-18.8-28.28-81.58,9-96m-1125,7c-5.59,9.72-13.3,18-18.69,28-15.09,27.84-26.05,63.11-26.31,95,18.47-1.46,37.55-3.83,51.91,11,27.62,28.62-9.23,63.21-40.91,57.5-28.41-5.13-39-37.23-39-62.54,0-49.78,24.67-108.17,73-129m-196,22-6,6,6-6m-234,5c33.75,19.62,76.22,22.1,114,22v1c-28.48,16.62-65,19.94-93,.65-6.34-4.37-21.71-15-21-23.65m252,13-1,2,1-2m-3,2-8,8,8-8m996,47c-2.89,22.83-.92,41.85,5,64l-22-19,5,56h-1l-30-54h-1l-4,34h-1l-22-40-2,29h-1l-25-63c22.71,11.62,49.89,13.22,74,4.92,8.84-3,16.39-8.66,25-11.92m-1176,102v2l-38,30,8-26-34,28,12-35-37,32,8-34-38,37c4.62-16,13.74-31.83,20.69-47,2.35-5.14,4.42-14.67,9.52-17.69,7.43-4.38,19-2,26.79-.18,23.32,5.59,41.5,19.46,62,30.87m447,60-14-19h-1l10,24h-1l-15-19,13,28-36-41,24,47-40-43,17,40h-1l-34-40,19,44-37-41,12,29c-8.25-5.81-27.23-20.9-29.53-31-1.74-7.63,4.91-16.47,10.57-20.7,13.44-10,36.41-9.18,52-5.4,13.58,3.3,31.36,9.74,40.21,21.19,5.76,7.45,7.92,18.09,10.79,26.91m-45-28,1,1-1-1m-34,4,1,1-1-1m18,0,1,1-1-1m44,2,1,3h1l-2-3m-80,1,1,1-1-1m74,4,1,3h1l-2-3m-589,187c-2.56,11.16-11,30-4.06,40.9,3.39,5.37,10.43,5.65,16.06,6.38,14.54,1.89,29.49-2.14,44-3.28v1c-21,6-51.89,20.17-74,13.2-8.63-2.73-8.12-10.89-6.24-18.2,3.55-13.8,12.82-31.26,24.24-40Zm1484-1557c0,21.15-18,38.3-40.22,38.3s-40.22-17.15-40.22-38.3,18-38.3,40.22-38.3S1666.24,493.75,1666.24,514.9Z';
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  var path =
+    'path://M1472.28,127.91v1C1551,161.7,1579,253.05,1566,330.91a302.16,302.16,0,0,1-10.75,45c-1.53,4.64-2.58,11.74-5.84,15.49-4.58,5.24-17.68,7.14-24.16,9.56-16.89,6.31-33.09,14.32-49,22.73a288.45,288.45,0,0,0-41,26.87c-5.65,4.35-12.1,13-19,15-5,1.48-13-2.41-18-3.47-13-2.75-26.75-4.88-40-5.2-34.31-.84-68.14-.13-101-12.07-87.12-31.65-121-121.33-121-207.95-8.6,6.19-14.51,17.69-19.24,27-12.29,24.17-18.25,50.2-20.93,77-9.21,92.11,29.78,183.68,110.17,232,17.52,10.54,39.51,23,60,26-27.07,22.42-61.21,39.27-91,58l-24,15.1c-3.06,1.92-8.39,4-10.25,7.28-3.37,5.86,12.26,15.67,16.25,18.32,19,12.57,45.11,21.88,68,22.35-14.3,12.93-35.35,20.72-51,32.66-34,26-63.52,56.3-91.71,88.34a787.23,787.23,0,0,0-57.4,73c-12.44,18.05-23,37.85-38,54-13.26,14.26-28.7,25.07-44.92,35.66-56.3,36.75-122.64,58.87-187,76.76-91.95,25.57-185.55,44.87-277,72.31-41.2,12.35-81.72,26.39-117,51.7-11.09,8-22.6,17.26-31.57,27.57-4.78,5.49-11.54,16.79-18.44,19.4-6.5,2.45-17.27-.17-24-1.13-21.36-3-50.8-8.45-64.21-27.27-9.24-13-3-28.7,5.88-40,17.49-22.23,44.8-39.36,71.33-48.66,53.62-18.78,111-24.35,165-42.34,25.32-8.44,54.45-19.34,71.49-41,21.79-27.7,14.86-74.74,5.94-106-26.46-92.7-114.26-157-210.43-159,14.47,18,33.35,30.17,41.31,53,2.84,8.16,2.07,15.62,2.86,24,1.79,18.79,6.07,37.51,19,52,28.13,31.53,70.68,26.37,102.82,49.93,17.21,12.61,32.57,33.58,27.1,56.07-10.26,42.27-68.2,52.95-104.1,59.42-57.71,10.42-118.24,18.08-173,40-30.44,12.18-59.21,31.26-72.13,62.6-19.22,46.59,5,87.25,44.13,113.33a263.25,263.25,0,0,0,41,22.09c4.22,1.84,12.58,3.76,11.82,9.6-1.91,14.69-8.09,29.16-10.39,44-4.36,28.12-5.11,57.57-4.41,86,1.54,62.75,7,125,7,188,0,39-.72,79-10.73,117-12.41,47.06-52.6,77.71-69.21,123a177.6,177.6,0,0,0-11,53c-.64,14.62,1.52,29.6-1.7,44-3.28,14.63-19.08,24.93-20.24,39-1.48,18,10.2,33.95,7.6,52-3.72,25.85-33.15,41.75-27,70,3.33,15.35,18.49,24.8,32.33,29.66,28.41,10,63.53,12.06,93,5.68,19.29-4.18,41.85-16,32-39.34-16.25,4.65-30.79,10.21-48,11-16.31.71-31.87-3.27-48-4v-1c29.51-5.48,58.33-7.43,85-23-14.07-44.48-78.23-59.81-76-110,.64-13.92,8.93-27.24,17.09-38,18.37-24.2,43.35-42.89,67.87-60.42,58.41-41.76,121.88-75.85,180-118,37.2-27,70.16-60.68,106-89.57,16.43,79.56,64.1,157.63,124,211.83,20.94,19,44.5,33.9,67,50.8,11.75,8.82,25.72,18.68,33.54,31.37,8.65,14.06-8.82,18.72-8.4,32,.46,14.58,16.09,26.43,19.35,41,2.91,13-1.16,25.79-5.54,38-3.51,9.81-6.76,21.2,1.52,29.67,6.93,7.08,18.29,9.25,27.53,11.45,25.93,6.14,53.84,6.41,80,2,8.67-1.47,40.39-11.88,28.83-26.48-3.37-4.25-19.71-.6-24.83-.6-23,0-42.29-5.75-64-12v-1c25.71,0,58.05-.69,82-11-7.68-18.45-19.4-37.15-34-50.91-11.59-10.93-25.16-18.77-35.56-31.09-37.67-44.64-65-113-62.4-172,1.41-32.05,18.57-53.87,35.62-80,19.45-29.79,38.76-59.78,57.54-90,8.14-13.11,16.85-25.89,25-39,2.87-4.62,6.56-13.55,11.85-15.69,6.63-2.68,18,1,24.95,1.6,22.7,1.83,45.45,4.82,68,8,73.16,10.17,145.12,22.29,216,43.41,15.49,4.61,31.33,8.38,47,12.35,7.83,2,17.29,3,24,7.75,28.88,20.47,61.08,50.49,76.74,82.62,10.42,21.38,9.22,47.09,24.72,66,30,36.62,76.59,55.44,109.5,89,22.06,22.51,25,52.87,38.3,80,5.78,11.84,18.15,18.21,23.39,30,9.57,21.55-5.94,45.37-13,65-5.93,16.62-2.68,37.29,8.63,51,28.34,34.37,85.85,32.9,125.68,25.39,21.63-4.08,45-13.08,45-38.39-33.33.09-65,2.77-98-5.48-14.23-3.55-26.6-9.94-40-15.52v-1c45.78,5.91,88.63,10.78,134-2-13.48-32.38-41.31-63.58-67-86.83-22.22-20.11-45.87-38.14-63-63.17-19-27.75-26.23-61.69-23.94-95,1.07-15.61,8.5-30.09,5.24-46-5.58-27.3-24.69-47.5-36-72-11.87-25.65-13.5-55.3-15.4-83-.84-12.21-3.08-26.88-.63-39,1.37-6.77,7.76-13.69,11.93-19,11-14,23.22-26.45,35.79-39,20.79-20.76,45.55-37.78,69-55.37,32.27-24.21,65.23-49,101-67.85,24-12.65,58.09-21.5,79.91.31,19,19,18.11,52.46,3.73,73.91-6.5,9.7-18.93,17-21.17,29-3.86,20.58,15.81,43.32-7.47,58.9-30.6,20.47-81.21,5.06-100.63,43.1a53.83,53.83,0,0,0-5.07,16c-5.36,34.59,6.69,80.69,32.7,104.91,11.92,11.1,29.9,18.48,46,12.16,3.89-1.53,11.44-4.6,12.65-9.1,1-3.68-4.44-6.88-6.65-9a102.67,102.67,0,0,1-18.69-24c-14-25.5-15.53-49.67-14.31-78h1c.75,36.25,22.54,76.42,57,90,42.58-109.73,89.4-217.41,110.42-334,8.3-46,17.54-102.62,1.36-148-5.89-16.53-21.23-23.44-35.78-31.31-29.79-16.11-59.59-31.3-91-44.09-8.3-3.37-16.6-6.81-25-9.92-3.63-1.34-9.71-2.44-12.38-5.38-3.17-3.49-.62-16.55-.62-21.3,0-20,.28-40.07-1.09-60a870.11,870.11,0,0,0-11.33-95c-8.14-45.1-19.57-89.75-17.54-136,1.44-32.95,3.38-70.71,22.48-99,8.7-12.88,22.25-21.62,33.48-32.08,17.49-16.29,33.42-34.41,45.8-54.92,16.85-27.91,27.29-59.34,34.55-91,5.5-24,8.46-48.26,18.51-71,17.57-39.74,54.62-67.63,70.08-108,11.51-30.07,9.57-65.44.92-96-3.24-11.42-6.37-24.73-15.86-32.67-26.77-22.36-65.92,2.83-61.81,35.67,2.31,18.57,25.16,26.94,39.81,16.37,9.18-6.63,10-16,10-26.37h1c1,7.24,2.88,13.66,1.1,21-5.85,24.08-34.91,38.31-56.1,23.22-23.42-16.69-27.41-51.5-10.84-74.22a58.1,58.1,0,0,1,21.84-18.51c11.76-5.52,22.5-5,35-4.49v-1c-5.86-3.08-11.5-6.23-18-7.76-33.08-7.79-45,24.6-68,38.95-52,32.51-108.58,62.8-167,81.81,0-81.44-16.39-176.06-91-223.56a189.17,189.17,0,0,0-48-21.71c-21.73-6.48-44.43-8.73-67-8.73m133,55c0,6.85.56,13.72-2.67,20-8.44,16.45-28,18.37-42.33,9v-1c14,.61,27.06-.94,36.47-13,3.6-4.61,5.06-10.41,8.53-15m28,41c9.74,33-39.31,61.09-61,33,19.8,3.85,38.15.49,51.53-16,4.25-5.23,6-11.45,9.47-17m25,56c-2,15.68-10.38,29.06-25,35.88-18.57,8.67-48.86,2.65-56-18.88,20.19,10.63,41.93,14.1,62,.65,7.47-5,12.19-12.14,19-17.65m186,36-23.14,54-29.86,67h-1v-66h-1c-5,28.89-23.6,57.21-33,85h-1l-4-59h-1l-14,39-9,22-10-51h-1c-1.56,11.56-4.92,29.05-11,39l-18-34c-.82,10.06-4.13,27.77-10,36l-20-44,44-14.34,67-27.91,76-45.75m-182,19c-1,46.3-68.69,59.78-89,19,7.24,2.29,13.51,6.61,21,8.53a61.2,61.2,0,0,0,51-10.29c6.62-4.92,11-11.78,17-17.24m-510,23c4.91,26.55-30.79,50.19-50,27,15.91,3.09,30.78.15,41.67-13,3.55-4.28,5-9.65,8.33-14m17,38c2.32,8.49,5.16,16,3.54,25-5,27.78-32.38,37.31-56.54,28v-1a51.93,51.93,0,0,0,47.69-31c3-6.73,2.48-14.42,5.31-21m28,32c24.78,24.8,25.68,67.05-9,84.63-8.79,4.46-18.31,5.37-28,5.37v-1c24.42-11.62,42.28-34,42-62-.09-8.54-6.36-19.21-5-27m57,27c29,22.14,29.88,67.72,3,91.83-13.69,12.28-29.28,15.17-47,15.17v-1c33.84-11.52,51.46-46,50-80-.39-8.8-6.23-17.58-6-26m76,15c32.9,23.18,31.66,75.17,3,100.83-14.75,13.21-32,16.17-51,16.17v-1c33.86-13.15,55.87-46.86,55-83-.27-10.86-7.83-22.88-7-33m367,0c-1.53,11.34-6.74,22.81-11.76,33-5.79,11.79-12.83,23.62-22.33,32.83-32.55,31.58-79.5,22.37-113.91-.83,3.4-14.17,15-26.81,26-35.73,34.26-27.82,80.08-29.27,122-29.27m83,153v1c-32.1,9-68.74,12.91-102,13v1l70,1,37-3v1c-32.09,13.35-65.32,29.91-101,30v1c39.41,0,72.72-12.82,110-23-6,8.07-16.41,13.4-25,18.29-26,14.78-55.32,20.71-85,20.71-14.48,0-32.39-1.69-42.81-13-13.24-14.41-3.73-39.46,11.81-48.05,15-8.3,34.65-6.49,51-4.74,25.45,2.73,50.37,4.83,76,4.83m46,40v1c-72.51,34.36-150.45,63-232,63v1c50.37,0,102.12-5,151-17.88,20.48-5.4,39.55-16.27,60-21.12v1c-67.17,35.76-136.49,64-214,64v1c49.63,0,98.61-6.95,146-22,18.9-6,36.58-14.83,55-22-13.6,14-39.3,21.26-57,28.85-54.69,23.48-109.23,39.15-169,39.15-29.63,0-87.91-8.9-72.45-52,10.38-28.94,53.16-25,77.45-25,26.34,0,52.55,3.12,79,2s54.08-6.6,80-12c32.94-6.82,63.51-21.3,96-29m-490,95c-9,12.82-22,23.86-33,35-13.57,13.74-26.34,28.34-40,42-9.52,9.52-21.78,19.12-33.47,5.82-6.26-7.12-8.17-19.63-.42-26.43,10.95-9.61,28-15.38,40.89-22.17,20.8-11,43.44-27.7,66-34.22m110,7c13.35,13.32,27.65,25.68,41,39,8.43,8.42,17.17,16.84,26,24.83,7,6.32,19.4,14.49,21.61,24.17,3.34,14.66-14,28.53-27.61,22.35-8.07-3.66-11.35-15.11-15.42-22.35-11.5-20.39-22.56-41.2-33.32-62-3.38-6.52-13.32-18.7-12.26-26m-58,3c0,37.17-1.35,76,2.17,113,1.3,13.63,5.23,34.75-9.17,42.59-13.67,7.44-36.07-1.26-34.9-18.59.71-10.58,6.13-21.87,9.18-32l19-63c3.75-12.51,5.9-31.54,13.72-42m-21,9c-6,19-20.18,37.46-29.69,55-9.86,18.19-18.64,41-31.7,57-7.09,8.69-20.53,7.56-28.42.5-12.18-10.9-6.4-24.08,3.81-33.32,20.52-18.57,40.48-37.76,61-56.34,8.27-7.48,15.88-16.4,25-22.83m41,0c18.35,30,36.3,60.21,55,90,6.77,10.82,18.18,24.73,7.71,37-7.85,9.17-26.4,12-33.24,0-4.52-7.89-5.11-19.19-7.29-28-5.31-21.25-9.84-42.7-15-64-2.29-9.44-9.28-25.59-7.13-35m-889,172c-21.37-15-38.7-38.46-57-57-22.46-22.73-50.59-44.87-69-71,14.95,2.24,29.74,12,42,20.35,36.79,25,67,66.75,84,107.65m-130-95c15.29,21.27,35.84,39.06,56,55.58,9.21,7.56,21.44,14.27,29,23.42-32-1.37-58.8-24.18-74.13-51-3.78-6.61-13.15-20.27-10.87-28m1243,10c5.1,17.26,2.45,39.26,2,57-1,41.87-6.18,83.51-17.43,124-5.68,20.43-14.79,39.76-20.58,60h1c5.34-16.88,17.8-33.09,25.75-49,18.06-36.11,35.72-73.55,48.25-112h1c-1.71,21.7-7.08,43.65-11.2,65a1364.13,1364.13,0,0,1-42.8,164h1l48.58-77,41.42-81h1l-34.33,130-24.87,70-16.8,40h1l35-49,47-79h1c-11.54,44.6-23.55,88.39-41.42,131-10.72,25.55-24.91,49-36.58,74l46.37-61,30.63-44h1c-2.82,19.19-11.82,38.78-18.31,57a892.42,892.42,0,0,1-60.69,135,595.42,595.42,0,0,0,63-75h1c-2.34,15.9-9.21,31.82-14.33,47-11.65,34.49-27.12,68.68-47.34,99-9.95,14.93-21.5,30.6-36.33,41,0-23.32,3.72-46.66,4-70,.93-78.47-3.47-156.65-17.42-234a892.72,892.72,0,0,0-29.25-118c-4.27-13.12-8.85-26.18-13.93-39-2.51-6.32-7.29-14.22-7.84-21-.44-5.6,2.71-12.57,4.07-18,3.14-12.59,6.07-25.27,8.57-38,7.43-37.9,12.8-76.37,12.8-115h2c1.2,58.05,17.25,118.15,3,176h1c16.24-39.6,34-77.54,45.58-119a454.82,454.82,0,0,0,10.34-46c1.31-7.76,1.07-17.84,4.08-25m-413,70c5.41-1.52,11.34-3.23,17-2.55,45.43,5.41,38.79,62.68,22,91.55h-1l-1-27h-1l-5,28h-1l-5-39h-1l-2,40h-1l-12-50h-1l2,49h-1l-14-47h-1l4,47h-1c-6.44-15-14.6-34.95-17-51h-1l10,55h-1c-9.22-20.8-21.68-47.51-25-70h-1l15,74h-1c-8.36-15.68-17-34.66-21-52h-1l11,53h-1l-20-43h-1l12,50h-1l-22-41h-1l16,48c-10.14-7.77-19.56-23.5-25-35h-1l15,37c-7.66-3.57-14.41-12.46-18-20h-1l13,25c-28.92-15.39-67.06-61.19-30-89.46,4.72-3.6,10.4-5,16-6.54-8-27.15,18.21-52,44-52,17.77,0,33.13,12,40,28m-39,23,1,1-1-1m157,165v-1l26-9v-1l-29,4v-1l35-17v-1l-39,11v-1l44-27v-1l-48,17v-1l42-29-45,18v-1l44-31v-1l-50,26v-1l59-46c-21.47,11.31-43.75,30.16-67,37v-1l44-37-48,27,35-34-45,27,32-35-41,29,25-34-31,25,13-23-19,19c7.13-27.47,25.41-68.94,61-62.53,6.42,1.15,13,3.62,18,7.86,3,2.52,6,8.94,10.1,9.46,5.24.67,12.45-3.1,17.91-3.62,14.25-1.35,28.44,5.57,37,16.83,9.21,12.19,12.1,28.87,5.73,43-2.64,5.85-8.72,11.12-10.59,17-1.24,3.88,3.09,8.47,4.35,12,2.22,6.23,2.34,14.57.87,21-8.36,36.41-53.28,33.2-81.32,32m-316-149c-9.77,26.84-33.09,53-51.84,74-62,69.42-148.28,112.34-240.16,124.72-28.53,3.84-56.39,3.28-85,3.28v-2c32.11-4.32,65.57-17.48,96-28.31,76.94-27.38,152-62.23,217-112.34,23.38-18,42-40.27,64-59.35m191.33,2.67.34.67-.34-.67m-40,3,.34.67-.34-.67m-23.33,19.33,1,1-1-1m305,6c47.91,32.33,77.54,87.44,68.41,146-4.37,28-17.32,68.7-53.41,62.67-39.88-6.66-32.15-69.51,8-66.34,7.87.62,14.47,3.37,21,7.67,8.36-40.54,6.18-75.37-14.85-112a159.52,159.52,0,0,0-18.44-26c-3.15-3.59-9.46-7.43-10.71-12m-143,3,1,1-1-1m-18,2,1,1-1-1m34,3,1,1-1-1m26,15,1,1-1-1m23,1,1,1-1-1m-238,40-27-7v1c8.65,2,20.27,7.08,26,14l-39-6v1c12,1,26.62,7,37,13v1l-52-4v1l47,13v1l-51-1v1l48,11v1h-56v1l57,7v1l-77,3v1c24.17,0,53.5,2.4,77,8v1l-59,4v1l57,5v1l-49,6v1l51,4v1l-46,8v1h50v1l-39,11v1l38-2v1l-23,9v1l26-5c-3.72,6.43-11.75,10.68-18,14.4-19.67,11.7-47.78,20.06-67,2.41a35,35,0,0,1-10.53-17.81c-.8-3.77.68-9.29-1.54-12.57s-8.52-3.8-12-5.31a42.36,42.36,0,0,1-17.08-13.12c-20.88-28.29-1-67.22,33.08-70,0-5.45.48-10.86,2.47-16,16.06-41.47,75.51-20,94.53,7m138,22h-1c-4.91-26.06-35.82-46.31-56-20-4.56-12.85,14.79-25.15,25-27.19,28.54-5.71,40.67,24.69,32,47.19m91-41,1,1-1-1m-154,4-2,13-8-11c3.64-3.31,5.3-3.42,10-2m-5,20c-29.83-6.15-51.37,18.89-37,47-4.81-1.64-8.47-5-11.61-9-10.65-13.57-8.63-34.2,5.61-44.36,12-8.53,35-7.37,43,6.36m160-9,1,1-1-1M1097,1069.23l.66.34-.66-.34m194.33,12.67,3-1,1,7-12,3c.57-3.17,3.82-12.42,8-9m-65,33c-5.93-4.35-9.93-17-12-24-.82-2.83-1.91-8.2,2.09-9.25,3.68-1,5.61,3.48,6.35,6.25a112.35,112.35,0,0,1,3.52,27m7-8c.68-3.53,2.4-21.07,7.79-20.08,6.55,1.2-5.14,18.35-7.79,20.08m137-12,1,1-1-1m-135,24c5-7,12.85-13.76,20-18.53,2.36-1.58,7.77-4.78,9.86-1,1.86,3.35-2.55,6.85-4.88,8.45-6.81,4.68-16.85,9.65-25,11.1m-21-5c-3.62-1.56-19.7-8.26-17.65-13.59,1.12-2.93,5.28-.19,6.65.87,4.32,3.36,8.69,7.77,11,12.72m65,46c3.6-5.28,11.31-7.72,15.67-13,8.57-10.39,8.57-26.61,0-37-3.9-4.73-10.23-7.27-13.67-12,10.34,0,20.07,2,27.91,9.3,13,12.06,11.9,34.24-1.92,45.17-8.33,6.59-17.81,7.53-28,7.53m316-55-1,3,1-3m-376,18c-6.47,3.88-19.5,4.25-27,4-2.73-.11-8.66-.88-8.08-4.91.52-3.54,5.3-4,8.08-4a102.69,102.69,0,0,1,27,4.9m-55,1v2l-12,4-3-4c3.47-7.92,8.72-5.29,15-2m63.13-3.25c4.09-1.1,6,5.2,1.77,6.28-4,1-5.85-5.18-1.77-6.28m18.87,4.25v-2c3.26,0,21.77-3.61,21.65,1.87s-18.45.54-21.65.13m-10,4a109.5,109.5,0,0,1,12,6.28c2.7,1.54,5.39,3.1,8,4.77,3,1.91,13,12.66,3,11.66-6.45-.64-23.11-16.37-23-22.71m-66,1c-2.24,6.14-5.66,11.24-6,18-1,23.73,19.44,33.62,40,32-11.45,13.82-36.37,12.67-47.47-1-9.27-11.45-8.17-27.5.4-38.95a31.67,31.67,0,0,1,13.07-10m55,2c.71,8-2.25,19.48-5.09,27-1,2.62-3.14,7-6.7,6.17-4-1-2.74-6.51-1.74-9.17,2.92-7.8,7.6-18.14,13.53-24m-11,2c-4.65,5.77-12,14-20,13,2.12-7.39,12.9-11.73,20-13m136,143c-9.89,22.12-39.74,19.35-56,7.24s-24.49-37.81-27-57.24h1l17,21-12-26,27,26-20-32,40,32-30-39,41,30-31-37,44,30-40-39,64,42-40-36-16-16,50,30-41-37,43,22-38-32v-1l41,18-39-29,41,14v-1l-33-20v-1l25,5v-1l-24-10c7-3.14,14.66-1.63,22-1.09,23.3,1.71,50.28,10.14,56,36.09a35.71,35.71,0,0,1-1.46,21c-1.49,3.71-6.09,7.91-5.94,12,.34,9.16,10.9,17.45,11.38,28,1.11,24.47-16.4,46.95-42,47.54-9.75.23-17.92-3.94-27-6.54m-116-137,7,22c-7.65-1.25-9.62-15.74-7-22m127,11,1,1-1-1m-68,18v7c-7.6.51-10.64-2.39-12-10l12,3m-20-2c2.48,8.81,4,17.11.9,26-6.8,19.17-30.6,26-46.9,14.36-8.19-5.87-12-14.8-14-24.36,16.33,13.11,35.34,21.78,51.67,2,4.52-5.48,4.51-12.5,8.33-18m94,16v1l3,1-3-2m-159,5v13l-7,1-3-4,10-10m-63,6-14,22,20-18-18,36h1c5.28-11.12,15.22-24.52,25-32l-19,49h1l27-41h1l-16,48h1c4.46-14.08,15.76-28.77,24-41h1l-16,52h1l23-50h1l-20,72h1l30-68h1l-13,56h1l21-50h1l-8,48h1l18-47h1l-5,46h1l14-47h1l-1,43h1l10-39h1l2,26h1l3-26h1c6.57,17,12.39,37.56,8.48,56-5.16,24.33-31.08,41.28-54.48,29-10.63,28-49.21,32.56-70,13.82-11.91-10.75-15.64-28.55-12-43.82-22.18-3.33-31.83-27.15-26.25-47,5.65-20.14,28.24-41.12,48.25-47m219,4,1,1-1-1m-1165,9c11.79,43.13,63.28,76.37,105,85v1c-35.68-.74-79-19.55-96.22-52-4.37-8.25-12.45-24.61-8.78-34m1163,6,1,1-1-1m-232,3,1,1-1-1m-536,47c-15.95-5.39-31.12-10.22-48-11.83-45.95-4.38-87.44,11.77-127,32.83,7-12.12,20.55-21.05,32-28.67,39.85-26.52,91.69-32.75,137-17.66,22.11,7.36,52,20.84,54.82,47.33,3.26,30.35-41.74,49.71-55.75,19-5.87-12.88.9-29.5,6.93-41m188-32,76,15v1l-42,22v1l47,10v1l-44,24v1l65-3-26,19-42,28v1l75-14v1l-93,67,80-19c-12,15.65-34.36,27.6-50,39.65-30.72,23.67-61.34,53.17-95,72.35,5.57-19.33,17.38-38.12,24.79-57a458.62,458.62,0,0,0,26.93-102,331.28,331.28,0,0,0,2.19-74c-.76-9.5-7.57-25.25-4.91-34m562,1,2,2-2-2m24,3,1,1-1-1m-37,4,1,1-1-1m-46,9,1,1-1-1m15,0,3,3-3-3m20,0,1,1-1-1m313,7,1,1-1-1m-592,129-74,3v-1l28-21c-26.61.55-58.13,3.82-84,10l20-15,49-33-61-5,15-10.15,34-18.85v-1l-59-15v-2l58-12.42,22.57-3.94,3.8,8.36,6.63,24,22.25,58,18.75,35m111-126,1,1-1-1m10,11,1,1-1-1m359,5c-3.64,7.95-11,14.48-16.72,21a376.36,376.36,0,0,1-48.28,45.4c-81,64.74-191,95.89-292,63.6v-1c93.66-7.39,189-40.62,273-81.26,29.13-14.09,55.56-32.6,84-47.74m-335,5,1,1-1-1m-18.67,12.67.34.66-.34-.66m746.67,3.33c-4,10.82-11.47,20.72-16.74,31-11.54,22.51-22,47.75-25.26,73h-1c-25.77-42.14.69-86.29,43-104m-69,5c-6.38,9.06-15.37,16.66-22.71,25-23.71,26.94-49.14,56.12-62.29,90-5.31-10-1.62-26.62,1.16-37,9.65-36.18,47.59-69.39,83.84-78m-1350,74c-5.76-7.72-10.07-16.77-19-21.58-7.09-3.82-14.48.3-14.65,8.58-.19,10.13,7.28,18.1,10.65,27-9.55-2.21-17.11-7.11-24-14-16.27-16.26-26.69-45.3,0-57.68a31.9,31.9,0,0,1,12-3.06c26-.78,41.69,39.59,35,60.74m29,18c5.18-8.3,13.44-15.74,14.63-26,1-8.18-6.44-12.49-13.63-9.87-9.58,3.5-13.89,13-22,17.87a56.19,56.19,0,0,1,5.76-26c5.62-11.42,14.81-25.06,28.24-27.69,28.06-5.48,42.54,25.25,27.78,46.69-4.66,6.77-11,12.13-17.78,16.64a49,49,0,0,1-23,8.36m1115-60-2,4,2-4m-992,21.39c24.32-1.72,28.64,37.5,4,39.52-27.06,2.22-30.95-37.61-4-39.52m-154,27.94c27.49-4.82,35.84,37.46,8,42.34-27.08,4.75-35.1-37.59-8-42.34m-24,13.67c-9.38,5.65-21.43,4.64-28.28,15-3.9,5.89.36,11.42,6.28,13.53,9.5,3.38,19.82.42,29-2.52-9.88,19.83-47.72,36.81-66.83,20.32-18.74-16.17-8-43,12.83-49.8,6.92-2.26,13.8-2.52,21-2.52,9.4,0,17.71,1.29,26,6m47,30c9.11,2.49,20.28,9,30,5.26,7.07-2.72,8.31-9.74,3.77-15.26-6.34-7.71-15-11.08-23.77-15,17-12.62,57.8.34,64.21,20,7.8,23.92-15.09,42.14-37.21,36.08a62,62,0,0,1-19-9.29c-7.59-5.34-15.32-12.7-18-21.79m970-27,11,96-44-41,5,60c-17-11.28-32.55-28.55-47-43l29,78-32-24.12-51-39.88c11.93,28.5,35.45,54.33,44,84l-39-28.63-77-57.37c15.81,29.7,41.11,57.58,53,89-22.38-9.41-44.15-29.53-64-43.58q-61.1-43.21-123-85.42c4.26-1.53,9.57.39,14,1,10.31,1.42,20.65,2.8,31,3.83a694.58,694.58,0,0,0,99,3.13c45.84-2,92.82-10.18,136-26,18.85-6.91,36.29-20,55-25.95m-1140,4.46c25.56-.81,26.56,39.2,1,39.2-24.83,0-25.94-38.41-1-39.2M797,1405.23l.66.34-.66-.34m841.33,13.67-1,2,1-2m-1156,8c-.44,10.17-3.59,28.15,8,34,14.89,7.46,18-24,18-32,17.73,13.7,18.84,56.69-1,69-21.27,13.2-43-5-43-27,0-7.36.64-14,3-21,3-9,7.1-17.39,15-23m588,12c1.81,42,10.69,83.63,28.31,122,7.81,17,18.66,31.77,27.69,48-18.64-1.48-37.52-6.86-56-9.92-37.14-6.15-74.55-11.29-112-14.91-33.14-3.21-67.66-6.36-101-4.08-20.42,1.4-40.6,5.39-61,6.82-22.36,1.57-47.11,3.25-69-2.39-10.33-2.66-21.8-8.89-23-20.52,13.73,4.35,23,10,38,10-5.17-13.8-3.92-31.05,0-45h1c6.38,14.77,21.44,28.52,37,33,0-16.18-2.43-36.79,7-51,7.41,15.63,19.47,32.84,37,38-.14-17.15-2-32.81,8-48,3.36,4.69,4.52,10.92,7.43,16,7.29,12.74,19,24.15,32.57,30,0-16.21-.22-35.54,8-50h1c8.11,18.3,14.61,37.08,32,49-4.83-20.29.31-47.81,10-66,4.24,6.74,5.81,15.62,8.86,23,6.89,16.68,15.59,32.88,28.14,46,0-19.12-.59-38,2.13-57,.89-6.21,1.57-17,6.87-21,1.35,31.27,22.24,61.38,42,84-1.09-25.29-2.9-49.67,0-75,1.16-10.35,2.42-24.05,8-33,12.83,37.82,18.07,80.41,45,112a499.31,499.31,0,0,1,.83-88c1-9.94.8-22.92,5.17-32m214,42,1,1-1-1m-635,3c-1.72,11.45-8,23.06-13.72,33-22.54,39.4-64.15,66.87-109.28,71.95-24.81,2.8-67.3,2.25-72.67-29.95-7.37-44.11,58.5-56.52,65.91-12,1.12,6.72-.2,12.59-2.24,19,40.85,0,77.9-15.94,105.91-46,10.34-11.1,16.65-24.61,26.09-36m-300,23.3c55.12-7.94,82.86,65.83,36,96a51,51,0,0,1-21,7.41c-54,7-80.66-66.35-35-95.84a51.36,51.36,0,0,1,20-7.57m-3,29.7c-3.64,7.79-16.4,22.36-15.75,30.9.27,3.49,5.17,5,7.75,6.41,7.92,4.3,15.67,9.22,24,12.69l17-33-33-17m1132,41,20,59,11,35-45-37,15,57-44-41,2,55-46-52v58h-1l-37.42-62-21.58-37c12.07,1.62,23.69,5.68,36,6,44.13,1.08,76-16.59,111-41m-1109,204v-1c53-12.15,110.13-43.3,150-80-14.43,8.22-27.55,18.83-42,27.13-39.89,22.9-86.13,41-132,46.87v-1c58.55-19.05,116.35-52.27,161-95-14.74,9.18-28.22,20.37-43,29.57-35.05,21.83-72.47,39.29-112,51.15-12,3.6-24.57,8.61-37,10.28,21.82-14.49,50.72-20.72,74-33.31,48-25.94,88.27-58.6,127-96.69,15.34-15.09,43.34-40.45,67-28.62,39.51,19.75,0,63.81-19,81.53-37,34.43-82.1,54-129,70.78-20.52,7.33-43.1,16.57-65,18.31m468-153v1c-56.73,26.52-100,91.38-100,154-28.71-14.54-35.34-59.06-19.3-84,18.72-29.13,54.16-46.72,85.3-59.4,10.77-4.38,22.44-9.89,34-11.6m45,3c-8.66,11.77-20.89,20.85-29.57,33-21,29.33-32.33,67-32.43,103-6.52-4.69-11.48-11.94-15.22-19-28.43-53.65,32.72-99.73,77.22-117m-581,4c42.61,13.62,88.26,20,133,16.91,20.57-1.41,40.61-7.29,61-8.91v1c-14.54,9-27.7,19-44,24.95-55.81,20.46-105.49.78-151-32.95l1-1m1532,8c-16.45,31.23-22,62.25-9,96-40.31-18.8-28.28-81.58,9-96m-1125,7c-5.59,9.72-13.3,18-18.69,28-15.09,27.84-26.05,63.11-26.31,95,18.47-1.46,37.55-3.83,51.91,11,27.62,28.62-9.23,63.21-40.91,57.5-28.41-5.13-39-37.23-39-62.54,0-49.78,24.67-108.17,73-129m-196,22-6,6,6-6m-234,5c33.75,19.62,76.22,22.1,114,22v1c-28.48,16.62-65,19.94-93,.65-6.34-4.37-21.71-15-21-23.65m252,13-1,2,1-2m-3,2-8,8,8-8m996,47c-2.89,22.83-.92,41.85,5,64l-22-19,5,56h-1l-30-54h-1l-4,34h-1l-22-40-2,29h-1l-25-63c22.71,11.62,49.89,13.22,74,4.92,8.84-3,16.39-8.66,25-11.92m-1176,102v2l-38,30,8-26-34,28,12-35-37,32,8-34-38,37c4.62-16,13.74-31.83,20.69-47,2.35-5.14,4.42-14.67,9.52-17.69,7.43-4.38,19-2,26.79-.18,23.32,5.59,41.5,19.46,62,30.87m447,60-14-19h-1l10,24h-1l-15-19,13,28-36-41,24,47-40-43,17,40h-1l-34-40,19,44-37-41,12,29c-8.25-5.81-27.23-20.9-29.53-31-1.74-7.63,4.91-16.47,10.57-20.7,13.44-10,36.41-9.18,52-5.4,13.58,3.3,31.36,9.74,40.21,21.19,5.76,7.45,7.92,18.09,10.79,26.91m-45-28,1,1-1-1m-34,4,1,1-1-1m18,0,1,1-1-1m44,2,1,3h1l-2-3m-80,1,1,1-1-1m74,4,1,3h1l-2-3m-589,187c-2.56,11.16-11,30-4.06,40.9,3.39,5.37,10.43,5.65,16.06,6.38,14.54,1.89,29.49-2.14,44-3.28v1c-21,6-51.89,20.17-74,13.2-8.63-2.73-8.12-10.89-6.24-18.2,3.55-13.8,12.82-31.26,24.24-40Zm1484-1557c0,21.15-18,38.3-40.22,38.3s-40.22-17.15-40.22-38.3,18-38.3,40.22-38.3S1666.24,493.75,1666.24,514.9Z'
 
-const options = {
-  backgroundColor: new echarts.graphic.RadialGradient(0, 0, 1, [{
-    offset: 0,
-    color: '#06798c'
-  }, {
-    offset: 1,
-    color: '#07162b'
-  }]),
-  title: {
-    text: '牛气冲天',
-    top: 100,
-    left: 100,
-    textStyle: {
-      fontWeight: 'normal',
-      fontSize: 40,
-      color: '#fff',
-      fontFamily: 'STXinwei',
-      textShadowColor: '#c30d23',
-      textShadowBlur: '2',
-      textShadowOffsetX: 1,
-      textShadowOffsetY: 3,
-    }
-  },
-  grid: {
-    left: '80%',
-    top: '42%',
-    bottom: 100
-  },
-  xAxis: {
-    show: false,
-    data: ['2017']
-  },
-  yAxis: {
-    show: false,
-  },
-  series: [
-    {
-      type: 'liquidFill',
-      data: [0.7, 0.8, 0.75, 0.21, 0.2, 0.13, 0.1, ],
-      radius: '90%',
-      waveLength: '90%',
-      waveHeight: '10',
-      amplitude: 10,
-      z:2,
-      outline: {
-        show: false
+  const options = {
+    backgroundColor: new echarts.graphic.RadialGradient(0, 0, 1, [
+      {
+        offset: 0,
+        color: '#06798c',
       },
-      backgroundStyle: {
-        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-          offset: 0,
-          color: "#1afae8"
+      {
+        offset: 1,
+        color: '#07162b',
+      },
+    ]),
+    title: {
+      text: '牛气冲天',
+      top: 100,
+      left: 100,
+      textStyle: {
+        fontWeight: 'normal',
+        fontSize: 40,
+        color: '#fff',
+        fontFamily: 'STXinwei',
+        textShadowColor: '#c30d23',
+        textShadowBlur: '2',
+        textShadowOffsetX: 1,
+        textShadowOffsetY: 3,
+      },
+    },
+    grid: {
+      left: '80%',
+      top: '42%',
+      bottom: 100,
+    },
+    xAxis: {
+      show: false,
+      data: ['2017'],
+    },
+    yAxis: {
+      show: false,
+    },
+    series: [
+      {
+        type: 'liquidFill',
+        data: [0.7, 0.8, 0.75, 0.21, 0.2, 0.13, 0.1],
+        radius: '90%',
+        waveLength: '90%',
+        waveHeight: '10',
+        amplitude: 10,
+        z: 2,
+        outline: {
+          show: false,
         },
+        backgroundStyle: {
+          color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+            {
+              offset: 0,
+              color: '#1afae8',
+            },
+            {
+              offset: 0.3,
+              color: '#007771',
+            },
+            {
+              offset: 0.6,
+              color: '#27AEFA',
+            },
+            {
+              offset: 1,
+              color: '#4D8AFF',
+            },
+          ]),
+          borderColor: new echarts.graphic.LinearGradient(1, 0, 0.3, 1, [
+            {
+              offset: 0,
+              color: '#5dfff8',
+            },
+            {
+              offset: 0.3,
+              color: '#33ffe6',
+            },
+            {
+              offset: 0.5,
+              color: '#049a8c',
+            },
+            {
+              offset: 1,
+              color: '#f63469',
+            },
+          ]),
+          borderWidth: 1,
+          shadowColor: '#040b17',
+          shadowOffsetX: -5,
+          shadowOffsetY: 5,
+          shadowBlur: 5,
+        },
+        shape: path,
+        color: new echarts.graphic.LinearGradient(1, 0, 0.23, 1, [
           {
-            offset: 0.3,
-            color: "#007771"
+            offset: 0,
+            color: '#FDD43F',
           },
           {
-            offset: 0.6,
-            color: "#27AEFA"
+            offset: 0.3,
+            color: '#33ffe6',
+          },
+          {
+            offset: 0.5,
+            color: '#049a8c',
           },
           {
             offset: 1,
-            color: "#4D8AFF"
-          }
+            color: '#f63469',
+          },
         ]),
-        borderColor: new echarts.graphic.LinearGradient(1, 0, .3, 1, [{
-          offset: 0,
-          color: '#5dfff8'
-        }, {
-          offset: 0.3,
-          color: '#33ffe6'
-        }, {
-          offset: 0.5,
-          color: '#049a8c'
-        }, {
-          offset: 1,
-          color: '#f63469'
-        }]),
-        borderWidth: 1,
-        shadowColor: '#040b17',
-        shadowOffsetX: -5,
-        shadowOffsetY: 5,
-        shadowBlur: 5
+        label: {
+          normal: {
+            formatter: '',
+          },
+        },
       },
-      shape: path,
-      color: new echarts.graphic.LinearGradient(1, 0, .23, 1, [{
-        offset: 0,
-        color: '#FDD43F'
-      }, {
-        offset: 0.3,
-        color: '#33ffe6'
-      }, {
-        offset: 0.5,
-        color: '#049a8c'
-      }, {
-        offset: 1,
-        color: '#f63469'
-      }]),
-      label: {
-        normal: {
-          formatter: '',
-        }
-      }
-    },
-    {
-      name: '',
-      type: "effectScatter",
-      rippleEffect: {
-        period: 10,
-        scale: 12,
-        brushType: 'stroke',
-        color: new echarts.graphic.LinearGradient(1, 0, .3, 1, [{
-          offset: 0,
-          color: 'rgba(93, 255, 248, .3)',
-        }, {
-          offset: 0.3,
-          color: 'rgba(51, 255, 230, .3)',
-        }, {
-          offset: 0.5,
-          color: 'rgba(4, 154, 140, .3)',
-        }, {
-          offset: 1,
-          color: 'rgba(246, 52, 105, .3)',
-        }]),
+      {
+        name: '',
+        type: 'effectScatter',
+        rippleEffect: {
+          period: 10,
+          scale: 12,
+          brushType: 'stroke',
+          color: new echarts.graphic.LinearGradient(1, 0, 0.3, 1, [
+            {
+              offset: 0,
+              color: 'rgba(93, 255, 248, .3)',
+            },
+            {
+              offset: 0.3,
+              color: 'rgba(51, 255, 230, .3)',
+            },
+            {
+              offset: 0.5,
+              color: 'rgba(4, 154, 140, .3)',
+            },
+            {
+              offset: 1,
+              color: 'rgba(246, 52, 105, .3)',
+            },
+          ]),
+        },
+        z: 0,
+        symbolPosition: 'end',
+        symbol: path,
+        symbolSize: [80, 100],
+        symbolOffset: [0, -9],
+        itemStyle: {
+          normal: {
+            color: 'rgba(0, 0, 0, 0)',
+          },
+        },
+        data: [0],
       },
-      z: 0,
-      symbolPosition: 'end',
-      symbol: path,
-      "symbolSize": [80, 100],
-      "symbolOffset": [0, -9],
-      itemStyle: {
-        normal: {
-          color: 'rgba(0, 0, 0, 0)',
-        }
-      },
-      data: [0]
-    },
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/otherDiscard/line.vue b/src/views/charts/components/otherDiscard/line.vue
index 824fbec..e1423cb 100644
--- a/src/views/charts/components/otherDiscard/line.vue
+++ b/src/views/charts/components/otherDiscard/line.vue
@@ -1,362 +1,364 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  backgroundColor: '#031d33',
-  legend: {
-    top: '20',
-    x: 'center',
-    textStyle: {
-      fontSize: 16,
-      color: 'rgba(101, 213, 255, 1)',
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    icon:
-        'path://M512 881.777778 512 881.777778C716.222629 881.777778 881.777778 716.222629 881.777778 512 881.777778 307.777371 716.222629 142.222222 512 142.222222 307.777373 142.222222 142.222222 307.777371 142.222222 512 142.222222 716.222629 307.777373 881.777778 512 881.777778L512 881.777778ZM512 1024 512 1024C229.230208 1024 0 794.769789 0 512 0 229.230211 229.230208 0 512 0 794.769789 0 1024 229.230211 1024 512 1024 794.769789 794.769789 1024 512 1024L512 1024Z',
-    itemWidth: 8, // 设置宽度
-    itemHeight: 8, // 设置高度、
-    itemGap: 12, // 设置间距
-  },
-  tooltip: {
-    show: true,
-    trigger: 'axis', //axis , item
-    backgroundColor: 'RGBA(0, 49, 85, 1)',
-    borderColor: 'rgba(0, 151, 251, 1)',
-    borderWidth: 1,
-    borderRadius: 0,
-    textStyle: {
-      color: '#BCE9FC',
-      fontSize: 16,
-      align: 'left',
+    config: {
+      type: Object,
+      default: () => {},
     },
-  },
-  grid: {
-    right: '5%',
-    top: '10%',
-    left: '5%',
-    bottom: '5%',
-    containLabel: true,
-  },
-  xAxis: {
-    name: '部门',
-    nameTextStyle: {
-      color: '#65d5ff',
+    id: {
+      type: String,
+      default: 'chart',
     },
-    type: 'category',
-    boundaryGap: true,
-    data: ['HWS', 'SE', 'V&V', 'HQ', 'RPA', 'SC', 'RPA', 'PM', 'CCB', 'RSW'],
-    axisLabel: {
-      //坐标轴刻度标签的相关设置。
-      interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
-      //	margin:15,
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    backgroundColor: '#031d33',
+    legend: {
+      top: '20',
+      x: 'center',
       textStyle: {
-        color: '#65D5FF',
-        fontStyle: 'normal',
         fontSize: 16,
+        color: 'rgba(101, 213, 255, 1)',
       },
+      icon: 'path://M512 881.777778 512 881.777778C716.222629 881.777778 881.777778 716.222629 881.777778 512 881.777778 307.777371 716.222629 142.222222 512 142.222222 307.777373 142.222222 142.222222 307.777371 142.222222 512 142.222222 716.222629 307.777373 881.777778 512 881.777778L512 881.777778ZM512 1024 512 1024C229.230208 1024 0 794.769789 0 512 0 229.230211 229.230208 0 512 0 794.769789 0 1024 229.230211 1024 512 1024 794.769789 794.769789 1024 512 1024L512 1024Z',
+      itemWidth: 8, // 设置宽度
+      itemHeight: 8, // 设置高度、
+      itemGap: 12, // 设置间距
     },
-    axisTick: {
-      //坐标轴刻度相关设置。
-      show: false,
-    },
-    axisLine: {
-      //坐标轴轴线相关设置
-      lineStyle: {
-        color: 'rgba(77, 128, 254, 0.2)',
-      },
-    },
-    splitLine: {
-      //坐标轴在 grid 区域中的分隔线。
+    tooltip: {
       show: true,
-      lineStyle: {
-        color: 'rgba(77, 128, 254, 0.2)',
-      },
-    },
-  },
-  dataZoom: [
-    {
-      type: 'slider',
-      show: true,
-      bottom: '20px',
-      borderColor: '#07417a',
-      backgroundColor: 'transparent',
-      dataBackground: {
-        lineStyle: {
-          color: 'transparent',
-          shadowOffsetY: 0,
-        },
-        areaStyle: {
-          color: 'transparent',
-          shadowOffsetY: 0,
-        },
-      },
-      // 拖拽手柄样式 svg 路径
-      handleIcon:
-          'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
-      handleColor: '#aab6c6',
-      height: 6,
-      handleSize: 12,
-      showDataShadow: false,
-      filterMode: 'filter',
+      trigger: 'axis', //axis , item
+      backgroundColor: 'RGBA(0, 49, 85, 1)',
+      borderColor: 'rgba(0, 151, 251, 1)',
+      borderWidth: 1,
+      borderRadius: 0,
       textStyle: {
-        color: '#ccc',
+        color: '#BCE9FC',
+        fontSize: 16,
+        align: 'left',
       },
-      start: 0,
-      end: 100,
     },
-  ],
-  yAxis: [
-    {
-      name: '个',
+    grid: {
+      right: '5%',
+      top: '10%',
+      left: '5%',
+      bottom: '5%',
+      containLabel: true,
+    },
+    xAxis: {
+      name: '部门',
       nameTextStyle: {
         color: '#65d5ff',
       },
-      type: 'value',
-      splitNumber: 3,
+      type: 'category',
+      boundaryGap: true,
+      data: ['HWS', 'SE', 'V&V', 'HQ', 'RPA', 'SC', 'RPA', 'PM', 'CCB', 'RSW'],
       axisLabel: {
+        //坐标轴刻度标签的相关设置。
+        interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
+        //	margin:15,
         textStyle: {
           color: '#65D5FF',
           fontStyle: 'normal',
           fontSize: 16,
         },
       },
-      axisLine: {
+      axisTick: {
+        //坐标轴刻度相关设置。
         show: false,
       },
-      axisTick: {
-        show: false,
+      axisLine: {
+        //坐标轴轴线相关设置
+        lineStyle: {
+          color: 'rgba(77, 128, 254, 0.2)',
+        },
       },
       splitLine: {
+        //坐标轴在 grid 区域中的分隔线。
         show: true,
         lineStyle: {
           color: 'rgba(77, 128, 254, 0.2)',
         },
       },
     },
-    {
-      name: '',
-      nameTextStyle: {
-        color: '#65d5ff'
-      },
-      min: 0,
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: '#233653'
-        }
-      },
-      axisLine: {
-        show: true,
-        lineStyle: {
-          color: '#233653'
-        }
-      },
-      axisLabel: {
+    dataZoom: [
+      {
+        type: 'slider',
         show: true,
+        bottom: '20px',
+        borderColor: '#07417a',
+        backgroundColor: 'transparent',
+        dataBackground: {
+          lineStyle: {
+            color: 'transparent',
+            shadowOffsetY: 0,
+          },
+          areaStyle: {
+            color: 'transparent',
+            shadowOffsetY: 0,
+          },
+        },
+        // 拖拽手柄样式 svg 路径
+        handleIcon:
+          'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
+        handleColor: '#aab6c6',
+        height: 6,
+        handleSize: 12,
+        showDataShadow: false,
+        filterMode: 'filter',
         textStyle: {
-          color: '#78bdf5'
+          color: '#ccc',
         },
-        formatter: function(value) {
-          return value * 100 + '%'
-        }
+        start: 0,
+        end: 100,
       },
-      axisTick: {
-        show: false
-      }
-    }
-  ],
-  series: [
-    {
-      name: '变更',
-      type: 'pictorialBar',
-      barWidth: '50%',
-      label: {
-        normal: {
+    ],
+    yAxis: [
+      {
+        name: '个',
+        nameTextStyle: {
+          color: '#65d5ff',
+        },
+        type: 'value',
+        splitNumber: 3,
+        axisLabel: {
+          textStyle: {
+            color: '#65D5FF',
+            fontStyle: 'normal',
+            fontSize: 16,
+          },
+        },
+        axisLine: {
+          show: false,
+        },
+        axisTick: {
+          show: false,
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: 'rgba(77, 128, 254, 0.2)',
+          },
+        },
+      },
+      {
+        name: '',
+        nameTextStyle: {
+          color: '#65d5ff',
+        },
+        min: 0,
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#233653',
+          },
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: '#233653',
+          },
+        },
+        axisLabel: {
+          show: true,
+          textStyle: {
+            color: '#78bdf5',
+          },
+          formatter: function (value) {
+            return value * 100 + '%'
+          },
+        },
+        axisTick: {
           show: false,
         },
       },
-      itemStyle: {
-        normal: {
-          color: {
-            type: 'linear',
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
+    ],
+    series: [
+      {
+        name: '变更',
+        type: 'pictorialBar',
+        barWidth: '50%',
+        label: {
+          normal: {
+            show: false,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: 'linear',
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: 'rgba(255, 64, 0, 0.8)', // 0% 处的颜色
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(0, 34, 66, 0.2)', // 100% 处的颜色
+                },
+              ],
+              globalCoord: false, // 缺省为 false
+            }, //渐变颜色
+          },
+        },
+        symbol:
+          'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
+
+        data: [23, 44, 22, 27, 12, 2, 3, 23, 12, 32],
+      },
+      {
+        name: '新增',
+        type: 'pictorialBar',
+        barWidth: '50%',
+        label: {
+          normal: {
+            show: false,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: 'linear',
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: 'rgba(48, 236, 166,0.8)', // 0% 处的颜色
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(0, 34, 66, 0.2)', // 100% 处的颜色
+                },
+              ],
+              globalCoord: false, // 缺省为 false
+            }, //渐变颜色
+          },
+        },
+        symbol:
+          'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
+
+        data: [13, 24, 31, 12, 7, 3, 1, 23, 2, 42],
+      },
+      {
+        name: '废弃',
+        type: 'pictorialBar',
+        barWidth: '50%',
+        label: {
+          normal: {
+            show: false,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: 'linear',
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: 'rgba(161, 159, 158, 0.8)', // 处的颜色
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(133, 133, 196, 0.2)', // 100% 处的颜色
+                },
+              ],
+              globalCoord: false, // 缺省为 false
+            }, //渐变颜色
+          },
+        },
+        symbol:
+          'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
+
+        data: [4, 3, 12, 4, 15, 2, 3, 12, 34, 23],
+      },
+      {
+        name: '变化占比',
+        type: 'line',
+        data: [0.3, 0.5, 0.3, 0.35, 0.15, 0.05, 0.05, 0.3, 0.35, 0.4, 0.5],
+        smooth: true,
+        symbol: 'none',
+        lineStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               {
                 offset: 0,
-                color: 'rgba(255, 64, 0, 0.8)', // 0% 处的颜色
+                color: 'rgba(255, 227, 168, 0.3)',
+              },
+              {
+                offset: 0.5,
+                color: 'rgba(255, 227, 168, 1)',
               },
               {
                 offset: 1,
-                color: 'rgba(0, 34, 66, 0.2)', // 100% 处的颜色
+                color: 'rgba(255, 227, 168, 0.3)',
               },
-            ],
-            globalCoord: false, // 缺省为 false
-          }, //渐变颜色
+            ]),
+            shadowColor: 'rgba(255, 120, 0,1)',
+            shadowBlur: 10,
+          },
         },
+        yAxisIndex: 1,
       },
-      symbol:
-          'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
-
-      data: [23, 44, 22, 27, 12, 2, 3, 23, 12, 32],
-    },
-    {
-      name: '新增',
-      type: 'pictorialBar',
-      barWidth: '50%',
-      label: {
-        normal: {
-          show: false,
+      {
+        name: '变化占比',
+        yAxisIndex: 1,
+        type: 'effectScatter',
+        showEffectOn: 'render',
+        rippleEffect: {
+          period: 5,
+          scale: 3,
+          brushType: 'stroke',
         },
-      },
-      itemStyle: {
-        normal: {
-          color: {
-            type: 'linear',
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
-              {
-                offset: 0,
-                color: 'rgba(48, 236, 166,0.8)', // 0% 处的颜色
-              },
-              {
-                offset: 1,
-                color: 'rgba(0, 34, 66, 0.2)', // 100% 处的颜色
-              },
-            ],
-            globalCoord: false, // 缺省为 false
-          }, //渐变颜色
+        hoverAnimation: true,
+        itemStyle: {
+          normal: {
+            color: 'rgba(217,247,249,1)',
+            shadowBlur: 10,
+            shadowColor: '#333',
+          },
         },
+        data: [],
       },
-      symbol:
-          'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
-
-      data: [13, 24, 31, 12, 7, 3, 1, 23, 2, 42],
-    },
-    {
-      name: '废弃',
-      type: 'pictorialBar',
-      barWidth: '50%',
-      label: {
-        normal: {
-          show: false,
-        },
-      },
-      itemStyle: {
-        normal: {
-          color: {
-            type: 'linear',
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
-              {
-                offset: 0,
-                color: 'rgba(161, 159, 158, 0.8)', // 处的颜色
-              },
-              {
-                offset: 1,
-                color: 'rgba(133, 133, 196, 0.2)', // 100% 处的颜色
-              },
-            ],
-            globalCoord: false, // 缺省为 false
-          }, //渐变颜色
-        },
-      },
-      symbol:
-          'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
-
-      data: [4, 3, 12, 4, 15, 2, 3, 12, 34, 23],
-    },
-    {
-      name: '变化占比',
-      type: 'line',
-      data: [0.3,0.5,0.3,0.35,0.15,0.05,0.05,0.3,0.35,0.4,0.5],
-      smooth: true,
-      symbol: 'none',
-      lineStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-            offset: 0,
-            color: 'rgba(255, 227, 168, 0.3)'
-          }, {
-            offset: 0.5,
-            color: 'rgba(255, 227, 168, 1)'
-          }, {
-            offset: 1,
-            color: 'rgba(255, 227, 168, 0.3)'
-          }]),
-          shadowColor: 'rgba(255, 120, 0,1)',
-          shadowBlur: 10
-        }
-      },
-      yAxisIndex: 1
-    },
-    {
-      name: '变化占比',
-      yAxisIndex: 1,
-      type: 'effectScatter',
-      showEffectOn: 'render',
-      rippleEffect: {
-        period: 5,
-        scale: 3,
-        brushType: 'stroke'
-      },
-      hoverAnimation: true,
-      itemStyle: {
-        normal: {
-          color: 'rgba(217,247,249,1)',
-          shadowBlur: 10,
-          shadowColor: '#333'
-        }
-      },
-      data: []
-    }
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/otherDiscard/liquidFill.vue b/src/views/charts/components/otherDiscard/liquidFill.vue
index 679f123..45efa00 100644
--- a/src/views/charts/components/otherDiscard/liquidFill.vue
+++ b/src/views/charts/components/otherDiscard/liquidFill.vue
@@ -1,106 +1,105 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import 'echarts-liquidfill/src/liquidFill.js'
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import 'echarts-liquidfill/src/liquidFill.js'
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  backgroundColor: '#0F224C', //背景色
-  series: [
-    {
-      type: 'liquidFill', //水位图
-      radius: '80%', //显示比例
-      center: ['50%', '50%'], //中心点
-      amplitude: 20, //水波振幅
-      data: [0.5,.5,.5], // data个数代表波浪数
-      color: [
-        {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 0,
-          y2: 1,
-          colorStops: [
-            {
-              offset: 0,
-              color: '#446bf5',
-            },
-            {
-              offset: 1,
-              color: '#2ca3e2',
-            },
-          ],
-          globalCoord: false,
-        },
-      ], //波浪颜色
-      backgroundStyle: {
-        borderWidth: 1, //外边框
-        // borderColor: '#23cc72', //边框颜色
-        color: 'RGBA(51, 66, 127, 0.7)', //边框内部填充部分颜色
-      },
-      label: {
-        //标签设置
-        position: ['50%', '45%'],
-        formatter: '50%', //显示文本,
-        textStyle: {
-          fontSize: '52px', //文本字号,
-          color: '#fff',
-        },
-      },
-      outline: {
-        // show: false
-        borderDistance: 0,
-        itemStyle: {
-          borderWidth: 2,
-          borderColor: '#112165',
-        },
-      },
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
     },
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
-
-})
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    backgroundColor: '#0F224C', //背景色
+    series: [
+      {
+        type: 'liquidFill', //水位图
+        radius: '80%', //显示比例
+        center: ['50%', '50%'], //中心点
+        amplitude: 20, //水波振幅
+        data: [0.5, 0.5, 0.5], // data个数代表波浪数
+        color: [
+          {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              {
+                offset: 0,
+                color: '#446bf5',
+              },
+              {
+                offset: 1,
+                color: '#2ca3e2',
+              },
+            ],
+            globalCoord: false,
+          },
+        ], //波浪颜色
+        backgroundStyle: {
+          borderWidth: 1, //外边框
+          // borderColor: '#23cc72', //边框颜色
+          color: 'RGBA(51, 66, 127, 0.7)', //边框内部填充部分颜色
+        },
+        label: {
+          //标签设置
+          position: ['50%', '45%'],
+          formatter: '50%', //显示文本,
+          textStyle: {
+            fontSize: '52px', //文本字号,
+            color: '#fff',
+          },
+        },
+        outline: {
+          // show: false
+          borderDistance: 0,
+          itemStyle: {
+            borderWidth: 2,
+            borderColor: '#112165',
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/otherDiscard/painting.vue b/src/views/charts/components/otherDiscard/painting.vue
index 741878f..80d88a9 100644
--- a/src/views/charts/components/otherDiscard/painting.vue
+++ b/src/views/charts/components/otherDiscard/painting.vue
@@ -1,271 +1,269 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const color = ['#3c90ff', '#fff225', '#24ffdf', '#ff9c3c', '#7536ff']
-const indicator = [
-  {
-    text: '文明村',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '卫生村',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '森林村庄',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '全面小康',
-    min: 0,
-    max: 100
-  },
-  {
-    text: '景区村庄',
-    min: 0,
-    max: 100
-  }
-]
-const Data = [80,61,70,86,77]
-function setData() {
-  return [
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const color = ['#3c90ff', '#fff225', '#24ffdf', '#ff9c3c', '#7536ff']
+  const indicator = [
     {
-      value: Data,
-      itemStyle: {
-        normal: {
-          lineStyle: {
-            color: '#4BFFFC',
-            shadowColor: '#4BFFFC',
-            shadowBlur: 5
-          },
-          shadowColor: '#4BFFFC',
-          shadowBlur: 5
-        }
-      },
-      areaStyle: {
-        normal: {
-          // 单项区域填充样式
-          color: {
-            type: 'radial',
-            x: 0.5, //右
-            y: 0.5, //下
-            r: 1,
-            colorStops: [
-              {
-                offset: 1,
-                color: '#4BFFFC'
-              },
-              {
-                offset: 0,
-                color: 'rgba(0,0,0,0)'
-              }
-            ],
-            globalCoord: false
-          },
-          opacity: 0.8 // 区域透明度
-        }
-      }
-    }
+      text: '文明村',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '卫生村',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '森林村庄',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '全面小康',
+      min: 0,
+      max: 100,
+    },
+    {
+      text: '景区村庄',
+      min: 0,
+      max: 100,
+    },
   ]
-}
-
-function setgauge(i) {
-  return {
-    type: 'gauge',
-    detail: false,
-    splitNumber: 10, //刻度数量
-    radius: '80%', //图表尺寸
-    center: ['50%', '50%'],
-    startAngle: 90 + 72 * i + 18, //开始刻度的角度
-    endAngle: 90 + 72 * (i + 1) - 18, //结束刻度的角度
-    axisLine: {
-      show: false
-    },
-    axisTick: {
-      show: true,
-      lineStyle: {
-        color: '#66ccff',
-        width: 1
+  const Data = [80, 61, 70, 86, 77]
+  function setData() {
+    return [
+      {
+        value: Data,
+        itemStyle: {
+          normal: {
+            lineStyle: {
+              color: '#4BFFFC',
+              shadowColor: '#4BFFFC',
+              shadowBlur: 5,
+            },
+            shadowColor: '#4BFFFC',
+            shadowBlur: 5,
+          },
+        },
+        areaStyle: {
+          normal: {
+            // 单项区域填充样式
+            color: {
+              type: 'radial',
+              x: 0.5, //右
+              y: 0.5, //下
+              r: 1,
+              colorStops: [
+                {
+                  offset: 1,
+                  color: '#4BFFFC',
+                },
+                {
+                  offset: 0,
+                  color: 'rgba(0,0,0,0)',
+                },
+              ],
+              globalCoord: false,
+            },
+            opacity: 0.8, // 区域透明度
+          },
+        },
+      },
+    ]
+  }
+
+  function setgauge(i) {
+    return {
+      type: 'gauge',
+      detail: false,
+      splitNumber: 10, //刻度数量
+      radius: '80%', //图表尺寸
+      center: ['50%', '50%'],
+      startAngle: 90 + 72 * i + 18, //开始刻度的角度
+      endAngle: 90 + 72 * (i + 1) - 18, //结束刻度的角度
+      axisLine: {
+        show: false,
+      },
+      axisTick: {
+        show: true,
+        lineStyle: {
+          color: '#66ccff',
+          width: 1,
+        },
+        length: 6,
+        splitNumber: 1,
+      },
+      splitLine: {
+        show: false,
+      },
+      axisLabel: {
+        show: false,
       },
-      length: 6,
-      splitNumber: 1
-    },
-    splitLine: {
-      show: false
-    },
-    axisLabel: {
-      show: false
     }
   }
-}
-function setSpot() {
-  var scatterData = []
-  Data.map((o, i) => {
-    scatterData.push({
-      value: [o, i],
-      itemStyle: {
-        normal: {
-          color: color[i],
-          borderColor: '#fff',
-          borderWidth: 1,
-          shadowColor: color[i],
-          shadowBlur: 8
-        }
-      }
+  function setSpot() {
+    var scatterData = []
+    Data.map((o, i) => {
+      scatterData.push({
+        value: [o, i],
+        itemStyle: {
+          normal: {
+            color: color[i],
+            borderColor: '#fff',
+            borderWidth: 1,
+            shadowColor: color[i],
+            shadowBlur: 8,
+          },
+        },
+      })
+    })
+    return scatterData
+  }
+
+  const options = {
+    backgroundColor: '#0E1327',
+    polar: {
+      center: ['50%', '50%'],
+      radius: '60%',
+    },
+    radar: {
+      shape: 'circle',
+      center: ['50%', '50%'],
+      radius: '60%',
+      indicator: indicator,
+      axisName: {
+        color: '#b7e9fd',
+        fontSize: 13,
+        padding: -20,
+      },
+      nameGap: 45,
+      splitNumber: 4,
+      splitArea: {
+        // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+        show: true,
+        areaStyle: {
+          // 分隔区域的样式设置。
+          color: ['rgba(27, 50, 66, 0.4)'],
+        },
+      },
+      axisLine: {
+        //指向外圈文本的分隔线样式
+        lineStyle: {
+          color: '#5aa3d0',
+        },
+      },
+      splitLine: {
+        lineStyle: {
+          color: 'rgba(99,192,251,0.2)', // 分隔线颜色
+          width: 2, // 分隔线线宽
+        },
+      },
+    },
+    angleAxis: {
+      type: 'category',
+      data: name,
+      minInterval: 1,
+      boundaryGap: false,
+      clockwise: false,
+      axisTick: {
+        show: false,
+      },
+      axisLabel: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      splitLine: {
+        show: false,
+      },
+    },
+    radiusAxis: {
+      min: 0,
+      max: 100,
+      interval: 25,
+      splitLine: {
+        show: false,
+      },
+      axisTick: {
+        show: false,
+      },
+      axisLine: {
+        //指向外圈文本的分隔线样式
+        lineStyle: {
+          color: '#5aa3d0',
+        },
+      },
+      axisLabel: {
+        fontSize: 12,
+        color: '#5aa3d0',
+        align: 'left',
+        margin: -5,
+      },
+    },
+    series: [
+      setgauge(0),
+      setgauge(1),
+      setgauge(2),
+      setgauge(3),
+      setgauge(4),
+      {
+        type: 'radar',
+        silent: true,
+        lineStyle: {
+          color: '#66ffff',
+        },
+        areaStyle: {
+          color: 'rgba(102, 255, 255, 0.31)',
+        },
+        data: setData(),
+      },
+      {
+        type: 'scatter',
+        coordinateSystem: 'polar',
+        symbolSize: 20,
+        data: setSpot(),
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
     })
   })
-  return scatterData
-}
-
-const options = {
-  backgroundColor: '#0E1327',
-  polar: {
-    center: ['50%', '50%'],
-    radius: '60%'
-  },
-  radar: {
-    shape: 'circle',
-    center: ['50%', '50%'],
-    radius: '60%',
-    indicator: indicator,
-    axisName: {
-      color: '#b7e9fd',
-      fontSize: 13,
-      padding: -20
-    },
-    nameGap: 45,
-    splitNumber: 4,
-    splitArea: {
-      // 坐标轴在 grid 区域中的分隔区域，默认不显示。
-      show: true,
-      areaStyle: {
-        // 分隔区域的样式设置。
-        color: ['rgba(27, 50, 66, 0.4)']
-      }
-    },
-    axisLine: {
-      //指向外圈文本的分隔线样式
-      lineStyle: {
-        color: '#5aa3d0'
-      }
-    },
-    splitLine: {
-      lineStyle: {
-        color: 'rgba(99,192,251,0.2)', // 分隔线颜色
-        width: 2 // 分隔线线宽
-      }
-    }
-  },
-  angleAxis: {
-    type: 'category',
-    data: name,
-    minInterval: 1,
-    boundaryGap: false,
-    clockwise: false,
-    axisTick: {
-      show: false
-    },
-    axisLabel: {
-      show: false
-    },
-    axisLine: {
-      show: false
-    },
-    splitLine: {
-      show: false
-    }
-  },
-  radiusAxis: {
-    min: 0,
-    max: 100,
-    interval: 25,
-    splitLine: {
-      show: false
-    },
-    axisTick: {
-      show: false
-    },
-    axisLine: {
-      //指向外圈文本的分隔线样式
-      lineStyle: {
-        color: '#5aa3d0'
-      }
-    },
-    axisLabel: {
-      fontSize: 12,
-      color: '#5aa3d0',
-      align: 'left',
-      margin: -5
-    }
-  },
-  series: [
-    setgauge(0),
-    setgauge(1),
-    setgauge(2),
-    setgauge(3),
-    setgauge(4),
-    {
-      type: 'radar',
-      silent: true,
-      lineStyle: {
-        color: '#66ffff'
-      },
-      areaStyle: {
-        color: 'rgba(102, 255, 255, 0.31)'
-      },
-      data: setData()
-    },
-    {
-      type: 'scatter',
-      coordinateSystem: 'polar',
-      symbolSize: 20,
-      data: setSpot()
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-
-
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
-  })
-
-})
 </script>
diff --git a/src/views/charts/components/otherDiscard/pie.vue b/src/views/charts/components/otherDiscard/pie.vue
index 351c8b6..edf5ac1 100644
--- a/src/views/charts/components/otherDiscard/pie.vue
+++ b/src/views/charts/components/otherDiscard/pie.vue
@@ -1,200 +1,201 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-let color = ['#0E7CE2', '#FF8352', '#E271DE', '#F8456B', '#00FFFF', '#4AEAB0'];
-let echartData = [
-  {
-    name: '设备1',
-    value: '3720',
-  },
-  {
-    name: '设备2',
-    value: '2920',
-  },
-  {
-    name: '设备3',
-    value: '2200',
-  },
-  {
-    name: '设备4',
-    value: '1420',
-  },
-];
-let formatNumber = function (num) {
-  let reg = /(?=(\B)(\d{3})+$)/g;
-  return num.toString().replace(reg, ',');
-};
-
-const options = {
-  backgroundColor: '#364686',
-  color: color,
-  title: [
-    {
-      text: '设备数',
-      x: 'center',
-      top: '40%',
-      textStyle: {
-        color: '#fff',
-        fontSize: 18,
-        fontWeight: '100',
-      },
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    {
-      text: '60%',
-      x: 'center',
-      top: '50%',
-      textStyle: {
-        fontSize: 30,
-        color: '#00f0ff',
-        foontWeight: '500',
-      },
+    config: {
+      type: Object,
+      default: () => {},
     },
-  ],
-  polar: {
-    radius: ['44%', '50%'],
-    center: ['50%', '50%'],
-  },
-  angleAxis: {
-    max: 100,
-    show: false,
-  },
-  radiusAxis: {
-    type: 'category',
-    show: true,
-    axisLabel: {
-      show: false,
+    id: {
+      type: String,
+      default: 'chart',
     },
-    axisLine: {
-      show: false,
+    width: {
+      type: String,
+      default: '200px',
     },
-    axisTick: {
-      show: false,
+    height: {
+      type: String,
+      default: '200px',
     },
-  },
-  series: [
-    {
-      type: 'pie',
-      radius: ['55%', '67%'],
-      center: ['50%', '50%'],
-      data: echartData,
-      hoverAnimation: false,
-      itemStyle: {
-        normal: {
-          borderColor: '#364684',
-          borderWidth: 2,
-        },
-      },
-      labelLine: {
-        normal: {
-          length: 60,
-          length2: 60,
-          lineStyle: {
-            color: '#e6e6e6',
-          },
-        },
-      },
-      label: {
-        normal: {
-          formatter: (params) => {
-            return '{icon|●}{name|' + params.name + '}\n{value|' + formatNumber(params.value) + '}';
-          },
-          padding: [0, -70, 30, -70],
-          rich: {
-            icon: {
-              fontSize: 14,
-              align: 'left',
-              padding: [4, 0, 0, 0],
-            },
-            name: {
-              fontSize: 14,
-              align: 'left',
-              padding: [4, 0, 0, 0],
-              color: '#fff',
-            },
-            value: {
-              fontSize: 18,
-              fontWeight: 'bold',
-              color: '#fff',
-              align: 'left',
-            },
-          },
-        },
-      },
-    },
-    {
-      name: '',
-      type: 'pie',
-      startAngle: 90,
-      radius: '50%',
-      hoverAnimation: false,
-      center: ['50%', '50%'],
-      itemStyle: {
-        normal: {
-          labelLine: {
-            show: false,
-          },
-          color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
-            {
-              offset: 1,
-              color: 'rgba(50,171,241, 1)',
-            },
-            {
-              offset: 0,
-              color: 'rgba(55,70,130, 0)',
-            },
-          ]),
-          // borderWidth: 1,
-          // borderColor: '',
-          shadowBlur: 10,
-          // shadowColor: 'rgba(55,70,130, 1)'
-        },
-      },
-      data: [
-        {
-          value: 100,
-        },
-      ],
-    },
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
+  let color = ['#0E7CE2', '#FF8352', '#E271DE', '#F8456B', '#00FFFF', '#4AEAB0']
+  let echartData = [
+    {
+      name: '设备1',
+      value: '3720',
+    },
+    {
+      name: '设备2',
+      value: '2920',
+    },
+    {
+      name: '设备3',
+      value: '2200',
+    },
+    {
+      name: '设备4',
+      value: '1420',
+    },
+  ]
+  let formatNumber = function (num) {
+    let reg = /(?=(\B)(\d{3})+$)/g
+    return num.toString().replace(reg, ',')
+  }
 
-})
+  const options = {
+    backgroundColor: '#364686',
+    color: color,
+    title: [
+      {
+        text: '设备数',
+        x: 'center',
+        top: '40%',
+        textStyle: {
+          color: '#fff',
+          fontSize: 18,
+          fontWeight: '100',
+        },
+      },
+      {
+        text: '60%',
+        x: 'center',
+        top: '50%',
+        textStyle: {
+          fontSize: 30,
+          color: '#00f0ff',
+          foontWeight: '500',
+        },
+      },
+    ],
+    polar: {
+      radius: ['44%', '50%'],
+      center: ['50%', '50%'],
+    },
+    angleAxis: {
+      max: 100,
+      show: false,
+    },
+    radiusAxis: {
+      type: 'category',
+      show: true,
+      axisLabel: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      axisTick: {
+        show: false,
+      },
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['55%', '67%'],
+        center: ['50%', '50%'],
+        data: echartData,
+        hoverAnimation: false,
+        itemStyle: {
+          normal: {
+            borderColor: '#364684',
+            borderWidth: 2,
+          },
+        },
+        labelLine: {
+          normal: {
+            length: 60,
+            length2: 60,
+            lineStyle: {
+              color: '#e6e6e6',
+            },
+          },
+        },
+        label: {
+          normal: {
+            formatter: (params) => {
+              return (
+                '{icon|●}{name|' + params.name + '}\n{value|' + formatNumber(params.value) + '}'
+              )
+            },
+            padding: [0, -70, 30, -70],
+            rich: {
+              icon: {
+                fontSize: 14,
+                align: 'left',
+                padding: [4, 0, 0, 0],
+              },
+              name: {
+                fontSize: 14,
+                align: 'left',
+                padding: [4, 0, 0, 0],
+                color: '#fff',
+              },
+              value: {
+                fontSize: 18,
+                fontWeight: 'bold',
+                color: '#fff',
+                align: 'left',
+              },
+            },
+          },
+        },
+      },
+      {
+        name: '',
+        type: 'pie',
+        startAngle: 90,
+        radius: '50%',
+        hoverAnimation: false,
+        center: ['50%', '50%'],
+        itemStyle: {
+          normal: {
+            labelLine: {
+              show: false,
+            },
+            color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
+              {
+                offset: 1,
+                color: 'rgba(50,171,241, 1)',
+              },
+              {
+                offset: 0,
+                color: 'rgba(55,70,130, 0)',
+              },
+            ]),
+            // borderWidth: 1,
+            // borderColor: '',
+            shadowBlur: 10,
+            // shadowColor: 'rgba(55,70,130, 1)'
+          },
+        },
+        data: [
+          {
+            value: 100,
+          },
+        ],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/otherDiscard/progress.vue b/src/views/charts/components/otherDiscard/progress.vue
index 8a09784..dab3e33 100644
--- a/src/views/charts/components/otherDiscard/progress.vue
+++ b/src/views/charts/components/otherDiscard/progress.vue
@@ -1,149 +1,147 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-
-
-const options = {
-  title: [
-    {
-      text: '已完成',
-      x: 'center',
-      top: '52%',
-      textStyle: {
-        color: '#FFFFFF',
-        fontSize: 16,
-        fontWeight: '100',
-      },
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    {
-      text: '75%',
-      x: 'center',
-      y: 'center',
-      textStyle: {
-        fontSize: '12',
-        color: '#FFFFFF',
-        fontFamily: 'DINAlternate-Bold, DINAlternate',
-        foontWeight: '600',
-      },
+    config: {
+      type: Object,
+      default: () => {},
     },
-  ],
-  backgroundColor: '#111',
-  polar: {
-    radius: ['42%', '52%'],
-    center: ['50%', '50%'],
-  },
-  angleAxis: {
-    max: 100,
-    show: false,
-  },
-  radiusAxis: {
-    type: 'category',
-    show: true,
-    axisLabel: {
-      show: false,
+    id: {
+      type: String,
+      default: 'chart',
     },
-    axisLine: {
-      show: false,
+    width: {
+      type: String,
+      default: '200px',
     },
-    axisTick: {
-      show: false,
+    height: {
+      type: String,
+      default: '200px',
     },
-  },
-  series: [
-    {
-      name: '',
-      type: 'bar',
-      roundCap: true,
-      barWidth: 30,
-      showBackground: true,
-      backgroundStyle: {
-        color: 'rgba(66, 66, 66, .3)',
-      },
-      data: [60],
-      coordinateSystem: 'polar',
-      itemStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-            {
-              offset: 0,
-              color: '#16CEB9',
-            },
-            {
-              offset: 1,
-              color: '#6648FF',
-            },
-          ]),
-        },
-      },
-    },
-    {
-      name: '',
-      type: 'pie',
-      startAngle: 80,
-      radius: ['56%'],
-      hoverAnimation: false,
-      center: ['50%', '50%'],
-      itemStyle: {
-        color: 'rgba(66, 66, 66, .1)',
-        borderWidth: 1,
-        borderColor: '#5269EE',
-      },
-      data: [100],
-    },
-    {
-      name: '',
-      type: 'pie',
-      startAngle: 80,
-      radius: ['38%'],
-      hoverAnimation: false,
-      center: ['50%', '50%'],
-      itemStyle: {
-        color: 'rgba(66, 66, 66, .1)',
-        borderWidth: 1,
-        borderColor: '#5269EE',
-      },
-      data: [100],
-    },
-  ],
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
 
-})
+  const options = {
+    title: [
+      {
+        text: '已完成',
+        x: 'center',
+        top: '52%',
+        textStyle: {
+          color: '#FFFFFF',
+          fontSize: 16,
+          fontWeight: '100',
+        },
+      },
+      {
+        text: '75%',
+        x: 'center',
+        y: 'center',
+        textStyle: {
+          fontSize: '12',
+          color: '#FFFFFF',
+          fontFamily: 'DINAlternate-Bold, DINAlternate',
+          foontWeight: '600',
+        },
+      },
+    ],
+    backgroundColor: '#111',
+    polar: {
+      radius: ['42%', '52%'],
+      center: ['50%', '50%'],
+    },
+    angleAxis: {
+      max: 100,
+      show: false,
+    },
+    radiusAxis: {
+      type: 'category',
+      show: true,
+      axisLabel: {
+        show: false,
+      },
+      axisLine: {
+        show: false,
+      },
+      axisTick: {
+        show: false,
+      },
+    },
+    series: [
+      {
+        name: '',
+        type: 'bar',
+        roundCap: true,
+        barWidth: 30,
+        showBackground: true,
+        backgroundStyle: {
+          color: 'rgba(66, 66, 66, .3)',
+        },
+        data: [60],
+        coordinateSystem: 'polar',
+        itemStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+              {
+                offset: 0,
+                color: '#16CEB9',
+              },
+              {
+                offset: 1,
+                color: '#6648FF',
+              },
+            ]),
+          },
+        },
+      },
+      {
+        name: '',
+        type: 'pie',
+        startAngle: 80,
+        radius: ['56%'],
+        hoverAnimation: false,
+        center: ['50%', '50%'],
+        itemStyle: {
+          color: 'rgba(66, 66, 66, .1)',
+          borderWidth: 1,
+          borderColor: '#5269EE',
+        },
+        data: [100],
+      },
+      {
+        name: '',
+        type: 'pie',
+        startAngle: 80,
+        radius: ['38%'],
+        hoverAnimation: false,
+        center: ['50%', '50%'],
+        itemStyle: {
+          color: 'rgba(66, 66, 66, .1)',
+          borderWidth: 1,
+          borderColor: '#5269EE',
+        },
+        data: [100],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/otherDiscard/rotate.vue b/src/views/charts/components/otherDiscard/rotate.vue
index 7161149..f4628ac 100644
--- a/src/views/charts/components/otherDiscard/rotate.vue
+++ b/src/views/charts/components/otherDiscard/rotate.vue
@@ -1,85 +1,104 @@
-
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-var data = [],data2=[];
-var trafficWay = [
-  {
-    name: '病假',
-    value: 20
-  },{
-    name: '事假',
-    value: 1
-  },{
-    name: '婚假',
-    value: 30
-  },{
-    name: '丧假',
-    value: 40
-  },{
-    name: '年休假',
-    value: 40
-  }];
-var color=['#2A8BFD','#BAFF7F','#00FAC1','#00CAFF','#FDE056','#4ED33C','#FF8A26','#FF5252','#9689FF','#CB00FF']
-for (var i = 0; i < trafficWay.length; i++) {
-  data.push({
-    value: trafficWay[i].value,
-    name: trafficWay[i].name,
-    itemStyle: {
-      normal: {
-        borderWidth: 8,
-        shadowBlur: 20,
-        borderRadius:20,
-        borderColor:color[i],
-        shadowColor: color[i]
-      }
-    }
-  }, {
-    value: 5,
-    name: '',
-    itemStyle: {
-      normal: {
-        label: {
-          show: false
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  var data = [],
+    data2 = []
+  var trafficWay = [
+    {
+      name: '病假',
+      value: 20,
+    },
+    {
+      name: '事假',
+      value: 1,
+    },
+    {
+      name: '婚假',
+      value: 30,
+    },
+    {
+      name: '丧假',
+      value: 40,
+    },
+    {
+      name: '年休假',
+      value: 40,
+    },
+  ]
+  var color = [
+    '#2A8BFD',
+    '#BAFF7F',
+    '#00FAC1',
+    '#00CAFF',
+    '#FDE056',
+    '#4ED33C',
+    '#FF8A26',
+    '#FF5252',
+    '#9689FF',
+    '#CB00FF',
+  ]
+  for (var i = 0; i < trafficWay.length; i++) {
+    data.push(
+      {
+        value: trafficWay[i].value,
+        name: trafficWay[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 8,
+            shadowBlur: 20,
+            borderRadius: 20,
+            borderColor: color[i],
+            shadowColor: color[i],
+          },
         },
-        labelLine: {
-          show: false
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false,
+            },
+            labelLine: {
+              show: false,
+            },
+            color: 'rgba(0, 0, 0, 0)',
+            borderColor: 'rgba(0, 0, 0, 0)',
+            borderWidth: 0,
+          },
         },
-        color: 'rgba(0, 0, 0, 0)',
-        borderColor: 'rgba(0, 0, 0, 0)',
-        borderWidth: 0
-
-      }
-    }
-  });
-  data2.push({
+      },
+    )
+    data2.push(
+      {
         value: trafficWay[i].value,
         name: trafficWay[i].name,
       },
@@ -89,325 +108,330 @@ for (var i = 0; i < trafficWay.length; i++) {
         itemStyle: {
           normal: {
             label: {
-              show: false
+              show: false,
             },
             labelLine: {
-              show: false
+              show: false,
             },
             color: 'rgba(0, 0, 0, 0)',
             borderColor: 'rgba(0, 0, 0, 0)',
             borderWidth: 0,
-            opacity:0.2
-
-          }
-        }
-      }
-  )
-}
-
-let angle = 0;//角度，用来做简单的动画效果的
-
-const option = {
-  backgroundColor:"#061740",
-  color : color,
-  legend:{
-    right:'10%',
-    top:'10%',
-    icon:'rect',
-    itemWidth:15,
-    itemHeight:15,
-    textStyle:{
-      color:'#ffffff',
-    }
-  },
-  series: [
-    {//外线1
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
-            startAngle: (0+angle) * Math.PI / 180,
-            endAngle: (90+angle) * Math.PI / 180
+            opacity: 0.2,
           },
-          style: {
-            stroke: '#4EE9E6',
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
+        },
       },
-      data: [0]
-    },
-    {//内线1
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
-            startAngle: (180+angle) * Math.PI / 180,
-            endAngle: (270+angle) * Math.PI / 180
-          },
-          style: {
-            stroke: "#4EE9E6",
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//外线2
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
-            startAngle: (270+-angle) * Math.PI / 180,
-            endAngle: (40+-angle) * Math.PI / 180
-          },
-          style: {
-            stroke: "#4EE9E6",
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//外线2
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        return {
-          type: 'arc',
-          shape: {
-            cx: api.getWidth() / 3,
-            cy: api.getHeight() / 2,
-            r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
-            startAngle: (90+-angle) * Math.PI / 180,
-            endAngle: (220+-angle) * Math.PI / 180
-          },
-          style: {
-            stroke: "#4EE9E6",
-            fill: "transparent",
-            lineWidth: 1.5
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点1
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
-        let point = getCirlPoint(x0, y0, r, (90+-angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点2
-      name: "ring5",  //绿点
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
-        let point = getCirlPoint(x0, y0, r, (270+-angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点3
-      name: "ring5",
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
-        let point = getCirlPoint(x0, y0, r, (90+angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {//绿点4
-      name: "ring5",  //绿点
-      type: 'custom',
-      coordinateSystem: "none",
-      renderItem: function(params, api) {
-        let x0 = api.getWidth() / 3;
-        let y0 = api.getHeight() / 2;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6;
-        let point = getCirlPoint(x0, y0, r, (270+angle))
-        return {
-          type: 'circle',
-          shape: {
-            cx: point.x,
-            cy: point.y,
-            r: 4
-          },
-          style: {
-            stroke: "#66FFFF",//粉
-            fill: "#66FFFF"
-          },
-          silent: true
-        };
-      },
-      data: [0]
-    },
-    {
-      name: '',
-      type: 'pie',
-      clockWise: false,
-      radius: ['98%', '95%'],
-      hoverAnimation: false,
-      center:['33.33%','50%'],
-      top:"center",
-      itemStyle: {
-        normal:{
-          label: {
-            show:false
-          }
-        }
-      },
-      data:data
-    },
-    {
-      type: 'pie',
-      top:"center",
-      startAngle:90,
-      clockwise:false,
-      center:['33.33%','50%'],
-      legendHoverLink:false,
-      hoverAnimation: false,
-      radius: ['94%', '55%'],
-      itemStyle: {
-        opacity:0.15
-      },
-      label: {
-        show: false,
-        position: 'center'
-      },
-      labelLine: {
-        show: false
-      },
-      data:data2
-    },
-    {
-      name: '',
-      type: 'pie',
-      clockWise: false,
-      center:['33.33%','50%'],
-      radius: ['39%', '38%'],
-      hoverAnimation: false,
-      top:"center",
-      itemStyle: {
-        normal:{
-          label: {
-            show:false
-          }
-        }
-      },
-      data:data
-    },
-  ]
-};
-//获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
-function getCirlPoint(x0, y0, r, angle) {
-  let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
-  let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
-  return {
-    x: x1,
-    y: y1
+    )
   }
-}
 
+  let angle = 0 //角度，用来做简单的动画效果的
 
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  draw(chart)
-  return chart
-}
-function draw(chart){
-  angle = angle+3
-  chart.setOption(option, true)
-  //window.requestAnimationFrame(draw);
-}
+  const option = {
+    backgroundColor: '#061740',
+    color: color,
+    legend: {
+      right: '10%',
+      top: '10%',
+      icon: 'rect',
+      itemWidth: 15,
+      itemHeight: 15,
+      textStyle: {
+        color: '#ffffff',
+      },
+    },
+    series: [
+      {
+        //外线1
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6,
+              startAngle: ((0 + angle) * Math.PI) / 180,
+              endAngle: ((90 + angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //内线1
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6,
+              startAngle: ((180 + angle) * Math.PI) / 180,
+              endAngle: ((270 + angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //外线2
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65,
+              startAngle: ((270 + -angle) * Math.PI) / 180,
+              endAngle: ((40 + -angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //外线2
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          return {
+            type: 'arc',
+            shape: {
+              cx: api.getWidth() / 3,
+              cy: api.getHeight() / 2,
+              r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65,
+              startAngle: ((90 + -angle) * Math.PI) / 180,
+              endAngle: ((220 + -angle) * Math.PI) / 180,
+            },
+            style: {
+              stroke: '#4EE9E6',
+              fill: 'transparent',
+              lineWidth: 1.5,
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点1
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65
+          let point = getCirlPoint(x0, y0, r, 90 + -angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点2
+        name: 'ring5', //绿点
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.65
+          let point = getCirlPoint(x0, y0, r, 270 + -angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点3
+        name: 'ring5',
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6
+          let point = getCirlPoint(x0, y0, r, 90 + angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        //绿点4
+        name: 'ring5', //绿点
+        type: 'custom',
+        coordinateSystem: 'none',
+        renderItem: function (params, api) {
+          let x0 = api.getWidth() / 3
+          let y0 = api.getHeight() / 2
+          let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.6
+          let point = getCirlPoint(x0, y0, r, 270 + angle)
+          return {
+            type: 'circle',
+            shape: {
+              cx: point.x,
+              cy: point.y,
+              r: 4,
+            },
+            style: {
+              stroke: '#66FFFF', //粉
+              fill: '#66FFFF',
+            },
+            silent: true,
+          }
+        },
+        data: [0],
+      },
+      {
+        name: '',
+        type: 'pie',
+        clockWise: false,
+        radius: ['98%', '95%'],
+        hoverAnimation: false,
+        center: ['33.33%', '50%'],
+        top: 'center',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false,
+            },
+          },
+        },
+        data: data,
+      },
+      {
+        type: 'pie',
+        top: 'center',
+        startAngle: 90,
+        clockwise: false,
+        center: ['33.33%', '50%'],
+        legendHoverLink: false,
+        hoverAnimation: false,
+        radius: ['94%', '55%'],
+        itemStyle: {
+          opacity: 0.15,
+        },
+        label: {
+          show: false,
+          position: 'center',
+        },
+        labelLine: {
+          show: false,
+        },
+        data: data2,
+      },
+      {
+        name: '',
+        type: 'pie',
+        clockWise: false,
+        center: ['33.33%', '50%'],
+        radius: ['39%', '38%'],
+        hoverAnimation: false,
+        top: 'center',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false,
+            },
+          },
+        },
+        data: data,
+      },
+    ],
+  }
+  //获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
+  function getCirlPoint(x0, y0, r, angle) {
+    let x1 = x0 + r * Math.cos((angle * Math.PI) / 180)
+    let y1 = y0 + r * Math.sin((angle * Math.PI) / 180)
+    return {
+      x: x1,
+      y: y1,
+    }
+  }
 
-onMounted(()=>{
-  chart = initChart()
-
-  setInterval(function() {
-    //用setInterval做动画感觉有问题
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
     draw(chart)
-  }, 100);
+    return chart
+  }
+  function draw(chart) {
+    angle = angle + 3
+    chart.setOption(option, true)
+    //window.requestAnimationFrame(draw);
+  }
 
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  onMounted(() => {
+    chart = initChart()
+
+    setInterval(function () {
+      //用setInterval做动画感觉有问题
+      draw(chart)
+    }, 100)
+
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/otherDiscard/sankey.vue b/src/views/charts/components/otherDiscard/sankey.vue
index 29eaf50..d27be89 100644
--- a/src/views/charts/components/otherDiscard/sankey.vue
+++ b/src/views/charts/components/otherDiscard/sankey.vue
@@ -1,337 +1,338 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-let datalist = [
-  {
-    name: "公共平台"
-  },
-  {
-    name: "系统0000"
-  },
-  {
-    name: "系统0011"
-  },
-  {
-    name: "系统0022"
-  },
-  {
-    name: "系统0033"
-  },
-  {
-    name: "系统0044"
-  },
-  {
-    name: "系统0055"
-  },{
-    name: "系统11"
-  },
-  {
-    name: "系统22"
-  },
-  {
-    name: "系统33"
-  },
-  {
-    name: "系统44"
-  },
-  {
-    name: "系统55"
-  },
-  {
-    name: "系统66"
-  },
-  {
-    name: "系统77"
-  },
-  {
-    name: "系统88"
-  },
-  {
-    name: "系统99"
-  }
-];
-let linksData = [
-  {
-    source: "公共平台",
-    target: "系统0000",
-    value: 1044305
-  },
-  {
-    source: "公共平台",
-    target: "系统0011",
-    value: 651527
-  },
-  {
-    source: "公共平台",
-    target: "系统0022",
-    value: 651527
-  },
-  {
-    source: "公共平台",
-    target: "系统0033",
-    value: 486710
-  },
-  {
-    source: "公共平台",
-    target: "系统0044",
-    value: 212670
-  },
-  {
-    source: "公共平台",
-    target: "系统0055",
-    value: 210400
-  },{
-    source: "系统0011",
-    target: "系统11",
-    value: 645246
-  },
-  {
-    source: "系统0022",
-    target: "系统22",
-    value: 513275
-  },
-  {
-    source: "系统0011",
-    target: "系统33",
-    value: 282986
-  },
-  {
-    source: "系统0011",
-    target: "系统44",
-    value: 118655
-  },
-  {
-    source: "系统0022",
-    target: "系统55",
-    value: 105989
-  },
-  {
-    source: "系统0022",
-    target: "系统66",
-    value: 95100
-  },
-  {
-    source: "系统0033",
-    target: "系统77",
-    value: 87796
-  },
-  {
-    source: "系统0044",
-    target: "系统88",
-    value: 47658
-  },
-  {
-    source: "系统0055",
-    target: "系统99",
-    value: 243660
-  },
-
-
-];
-let Color = [
-  "#61FEFF",
-  "#937FE6",
-  "#2B56D3",
-  "#87E7AA",
-  "#937FE6",
-  "#FF9B97",
-  "#8f23f5",
-  "#0576ea",
-  "#2cb8cf",
-  "#8A7EE0",
-  "#2cb8cf",
-  "#4e70f0",
-  "#1fa3de",
-  "#bbc951",
-  "#FFC14B",
-  "#b785a6",
-
-];  let Color1 = [
-  "#04E0F3",
-  "#682EFC",
-  "#35A7FE",
-  "#0DC09F",
-  "#682EFC",
-  "#ED6663",
-  "#8f23f5",
-  "#0576ea",
-  "#2cb8cf",
-  "#8A7EE0",
-  "#2cb8cf",
-  "#4e70f0",
-  "#1fa3de",
-  "#bbc951",
-  "#FFC14B",
-  "#b785a6",
-
-];
-let sourceLabel = [
-  "right",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left",
-  "left"
-];
-let itemStyleColor = [];
-let labelSource = [];
-for (let i = 0; i < datalist.length; i++) {
-  datalist[i].label = {
-    normal: {
-      position: sourceLabel[i]
-    }
-  };
-  labelSource.push(sourceLabel[i]);
-}
-for (let d = 0; d < datalist.length; d++) {
-  datalist[d].itemStyle = {
-    normal: {
-      // color: Color[d]
-      color: {
-        type: "linear",
-        x: 0,
-        y: 1,
-        x2: 0,
-        y2: 0,
-        colorStops: [
-          {
-            offset: 1,
-            color: Color[d], // 0% 处的颜色
-          },
-          {
-            offset: 0,
-            color: Color1[d], // 100% 处的颜色
-          },
-        ],
-        global: false, // 缺省为 false
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  let datalist = [
+    {
+      name: '公共平台',
+    },
+    {
+      name: '系统0000',
+    },
+    {
+      name: '系统0011',
+    },
+    {
+      name: '系统0022',
+    },
+    {
+      name: '系统0033',
+    },
+    {
+      name: '系统0044',
+    },
+    {
+      name: '系统0055',
+    },
+    {
+      name: '系统11',
+    },
+    {
+      name: '系统22',
+    },
+    {
+      name: '系统33',
+    },
+    {
+      name: '系统44',
+    },
+    {
+      name: '系统55',
+    },
+    {
+      name: '系统66',
+    },
+    {
+      name: '系统77',
+    },
+    {
+      name: '系统88',
+    },
+    {
+      name: '系统99',
+    },
+  ]
+  let linksData = [
+    {
+      source: '公共平台',
+      target: '系统0000',
+      value: 1044305,
+    },
+    {
+      source: '公共平台',
+      target: '系统0011',
+      value: 651527,
+    },
+    {
+      source: '公共平台',
+      target: '系统0022',
+      value: 651527,
+    },
+    {
+      source: '公共平台',
+      target: '系统0033',
+      value: 486710,
+    },
+    {
+      source: '公共平台',
+      target: '系统0044',
+      value: 212670,
+    },
+    {
+      source: '公共平台',
+      target: '系统0055',
+      value: 210400,
+    },
+    {
+      source: '系统0011',
+      target: '系统11',
+      value: 645246,
+    },
+    {
+      source: '系统0022',
+      target: '系统22',
+      value: 513275,
+    },
+    {
+      source: '系统0011',
+      target: '系统33',
+      value: 282986,
+    },
+    {
+      source: '系统0011',
+      target: '系统44',
+      value: 118655,
+    },
+    {
+      source: '系统0022',
+      target: '系统55',
+      value: 105989,
+    },
+    {
+      source: '系统0022',
+      target: '系统66',
+      value: 95100,
+    },
+    {
+      source: '系统0033',
+      target: '系统77',
+      value: 87796,
+    },
+    {
+      source: '系统0044',
+      target: '系统88',
+      value: 47658,
+    },
+    {
+      source: '系统0055',
+      target: '系统99',
+      value: 243660,
+    },
+  ]
+  let Color = [
+    '#61FEFF',
+    '#937FE6',
+    '#2B56D3',
+    '#87E7AA',
+    '#937FE6',
+    '#FF9B97',
+    '#8f23f5',
+    '#0576ea',
+    '#2cb8cf',
+    '#8A7EE0',
+    '#2cb8cf',
+    '#4e70f0',
+    '#1fa3de',
+    '#bbc951',
+    '#FFC14B',
+    '#b785a6',
+  ]
+  let Color1 = [
+    '#04E0F3',
+    '#682EFC',
+    '#35A7FE',
+    '#0DC09F',
+    '#682EFC',
+    '#ED6663',
+    '#8f23f5',
+    '#0576ea',
+    '#2cb8cf',
+    '#8A7EE0',
+    '#2cb8cf',
+    '#4e70f0',
+    '#1fa3de',
+    '#bbc951',
+    '#FFC14B',
+    '#b785a6',
+  ]
+  let sourceLabel = [
+    'right',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+    'left',
+  ]
+  let itemStyleColor = []
+  let labelSource = []
+  for (let i = 0; i < datalist.length; i++) {
+    datalist[i].label = {
+      normal: {
+        position: sourceLabel[i],
       },
     }
-  };
-  itemStyleColor.push(datalist[d]);
-}
-
-const options = {
-  backgroundColor: "#031d7a",
-  tooltip: {
-    trigger: "item",
-    triggerOn: "mousemove",
-    formatter: function(params) {
-      if (params.name == "公共平台") {
-        return " 公共平台 "
-      } else {
-        let value = params.data.value;
-        if (!value && value !== 0) return 0;
-        let str = value.toString();
-        let reg = str.indexOf(".") > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g;
-        if (params.data.source == "公共平台") {
-          return params.data.target + " : " + str.replace(reg, "$1,");
-        } else {
-          return params.data.source + " : " + str.replace(reg, "$1,");
-        }
-      }
-    }
-  },
-  series: [{
-    type: "sankey",
-    layout: "none",
-    top: "4%",
-    bottom: "12%",
-    left: "20",
-    right: "20",
-    nodeGap: 15,
-    nodeWidth: 25,
-    focusNodeAdjacency: "allEdges",
-    data: itemStyleColor,
-    links: linksData,
-    label: {
+    labelSource.push(sourceLabel[i])
+  }
+  for (let d = 0; d < datalist.length; d++) {
+    datalist[d].itemStyle = {
       normal: {
-        color: "#fff",
-        fontSize: 14,
-        formatter: function(params) {
-          if (params.data.name == '公共平台') {
-            let strs = params.data.name.split(''); //字符串数组
-            let str = ''
-            for (let i = 0, s; s = strs[i++];) { //遍历字符串数组
-              str += s;
-              if (!(i % 1)) str += '\n'; //按需要求余
-            }
-            return "{white|" + str + "}"
-          } else {
-            return params.data.name
-          }
+        // color: Color[d]
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 1,
+          x2: 0,
+          y2: 0,
+          colorStops: [
+            {
+              offset: 1,
+              color: Color[d], // 0% 处的颜色
+            },
+            {
+              offset: 0,
+              color: Color1[d], // 100% 处的颜色
+            },
+          ],
+          global: false, // 缺省为 false
         },
-        rich: {
-          white: {
-            fontSize: 16,
-            lineHeight: 30,
-            padding: [0, 0, 0, -26]
+      },
+    }
+    itemStyleColor.push(datalist[d])
+  }
+
+  const options = {
+    backgroundColor: '#031d7a',
+    tooltip: {
+      trigger: 'item',
+      triggerOn: 'mousemove',
+      formatter: function (params) {
+        if (params.name == '公共平台') {
+          return ' 公共平台 '
+        } else {
+          let value = params.data.value
+          if (!value && value !== 0) return 0
+          let str = value.toString()
+          let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+          if (params.data.source == '公共平台') {
+            return params.data.target + ' : ' + str.replace(reg, '$1,')
+          } else {
+            return params.data.source + ' : ' + str.replace(reg, '$1,')
           }
         }
-      }
+      },
     },
-    lineStyle: {
-      normal: {
-        opacity: 0.4,
-        color: "source",
-        curveness: 0.5
-      }
-    },
-    itemStyle: {
-      normal: {
-        borderWidth: 1,
-        borderColor: "transparent"
-      }
-    }
-  }]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+    series: [
+      {
+        type: 'sankey',
+        layout: 'none',
+        top: '4%',
+        bottom: '12%',
+        left: '20',
+        right: '20',
+        nodeGap: 15,
+        nodeWidth: 25,
+        focusNodeAdjacency: 'allEdges',
+        data: itemStyleColor,
+        links: linksData,
+        label: {
+          normal: {
+            color: '#fff',
+            fontSize: 14,
+            formatter: function (params) {
+              if (params.data.name == '公共平台') {
+                let strs = params.data.name.split('') //字符串数组
+                let str = ''
+                for (let i = 0, s; (s = strs[i++]); ) {
+                  //遍历字符串数组
+                  str += s
+                  if (!(i % 1)) str += '\n' //按需要求余
+                }
+                return '{white|' + str + '}'
+              } else {
+                return params.data.name
+              }
+            },
+            rich: {
+              white: {
+                fontSize: 16,
+                lineHeight: 30,
+                padding: [0, 0, 0, -26],
+              },
+            },
+          },
+        },
+        lineStyle: {
+          normal: {
+            opacity: 0.4,
+            color: 'source',
+            curveness: 0.5,
+          },
+        },
+        itemStyle: {
+          normal: {
+            borderWidth: 1,
+            borderColor: 'transparent',
+          },
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/bar.vue b/src/views/charts/components/simple/bar.vue
index b5d39f9..e07b25a 100644
--- a/src/views/charts/components/simple/bar.vue
+++ b/src/views/charts/components/simple/bar.vue
@@ -1,66 +1,65 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  xAxis: {
-    type: 'category',
-    data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [
-    {
-      data: [150, 230, 150, 80, 70, 110, 130],
-      type: 'bar'
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {
+      type: 'category',
+      data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
+    },
+    yAxis: {
+      type: 'value',
+    },
+    series: [
+      {
+        data: [150, 230, 150, 80, 70, 110, 130],
+        type: 'bar',
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/candlestick.vue b/src/views/charts/components/simple/candlestick.vue
index fb30d1e..4ae0385 100644
--- a/src/views/charts/components/simple/candlestick.vue
+++ b/src/views/charts/components/simple/candlestick.vue
@@ -1,68 +1,67 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  xAxis: {
-    data: ['2017-10-24', '2017-10-25', '2017-10-26', '2017-10-27']
-  },
-  yAxis: {},
-  series: [
-    {
-      type: 'candlestick',
-      data: [
-        [20, 34, 10, 38],
-        [40, 35, 30, 50],
-        [31, 38, 33, 44],
-        [38, 15, 5, 42]
-      ]
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {
+      data: ['2017-10-24', '2017-10-25', '2017-10-26', '2017-10-27'],
+    },
+    yAxis: {},
+    series: [
+      {
+        type: 'candlestick',
+        data: [
+          [20, 34, 10, 38],
+          [40, 35, 30, 50],
+          [31, 38, 33, 44],
+          [38, 15, 5, 42],
+        ],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/funnel.vue b/src/views/charts/components/simple/funnel.vue
index f93c206..24a5b9a 100644
--- a/src/views/charts/components/simple/funnel.vue
+++ b/src/views/charts/components/simple/funnel.vue
@@ -1,111 +1,110 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 0,
-    left: '2%',
-    right: '2%',
-    bottom: '0%',
-    containLabel: true
-  },
-  tooltip: {
-    trigger: 'item',
-    formatter: '{a} <br/>{b} : {c}%'
-  },
-  toolbox: {
-    feature: {
-      dataView: { readOnly: false },
-      restore: {},
-      saveAsImage: {}
-    }
-  },
-  legend: {
-    show:false,
-    data: ['Show', 'Click', 'Visit', 'Inquiry', 'Order']
-  },
-  series: [
-    {
-      name: 'Funnel',
-      type: 'funnel',
-      left: '10%',
-      top: 30,
-      bottom: 10,
-      width: '80%',
-      min: 0,
-      max: 100,
-      minSize: '0%',
-      maxSize: '100%',
-      sort: 'descending',
-      gap: 2,
-      label: {
-        show: true,
-        position: 'inside'
-      },
-      labelLine: {
-        length: 10,
-        lineStyle: {
-          width: 1,
-          type: 'solid'
-        }
-      },
-      itemStyle: {
-        borderColor: '#fff',
-        borderWidth: 1
-      },
-      emphasis: {
-        label: {
-          fontSize: 20
-        }
-      },
-      data: [
-        { value: 60, name: 'Visit' },
-        { value: 40, name: 'Inquiry' },
-        { value: 20, name: 'Order' },
-        { value: 80, name: 'Click' },
-        { value: 100, name: 'Show' }
-      ]
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 0,
+      left: '2%',
+      right: '2%',
+      bottom: '0%',
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: 'item',
+      formatter: '{a} <br/>{b} : {c}%',
+    },
+    toolbox: {
+      feature: {
+        dataView: { readOnly: false },
+        restore: {},
+        saveAsImage: {},
+      },
+    },
+    legend: {
+      show: false,
+      data: ['Show', 'Click', 'Visit', 'Inquiry', 'Order'],
+    },
+    series: [
+      {
+        name: 'Funnel',
+        type: 'funnel',
+        left: '10%',
+        top: 30,
+        bottom: 10,
+        width: '80%',
+        min: 0,
+        max: 100,
+        minSize: '0%',
+        maxSize: '100%',
+        sort: 'descending',
+        gap: 2,
+        label: {
+          show: true,
+          position: 'inside',
+        },
+        labelLine: {
+          length: 10,
+          lineStyle: {
+            width: 1,
+            type: 'solid',
+          },
+        },
+        itemStyle: {
+          borderColor: '#fff',
+          borderWidth: 1,
+        },
+        emphasis: {
+          label: {
+            fontSize: 20,
+          },
+        },
+        data: [
+          { value: 60, name: 'Visit' },
+          { value: 40, name: 'Inquiry' },
+          { value: 20, name: 'Order' },
+          { value: 80, name: 'Click' },
+          { value: 100, name: 'Show' },
+        ],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/gauge.vue b/src/views/charts/components/simple/gauge.vue
index 50214fa..4278974 100644
--- a/src/views/charts/components/simple/gauge.vue
+++ b/src/views/charts/components/simple/gauge.vue
@@ -1,65 +1,63 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-
-  tooltip: {
-    formatter: '{a} <br/>{b} : {c}%'
-  },
-  series: [
-    {
-      name: 'Pressure',
-      type: 'gauge',
-      detail: {
-        formatter: '{value}'
-      },
-      data: [
-        {
-          value: 50,
-          name: 'SCORE'
-        }
-      ]
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    tooltip: {
+      formatter: '{a} <br/>{b} : {c}%',
+    },
+    series: [
+      {
+        name: 'Pressure',
+        type: 'gauge',
+        detail: {
+          formatter: '{value}',
+        },
+        data: [
+          {
+            value: 50,
+            name: 'SCORE',
+          },
+        ],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/graph.vue b/src/views/charts/components/simple/graph.vue
index 62d9319..7f5c887 100644
--- a/src/views/charts/components/simple/graph.vue
+++ b/src/views/charts/components/simple/graph.vue
@@ -1,91 +1,90 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const axisData = ['Mon', 'Tue', 'Wed', 'Very Loooong Thu', 'Fri', 'Sat', 'Sun'];
-const data = axisData.map(function (item, i) {
-  return Math.round(Math.random() * 1000 * (i + 1));
-});
-const links = data.map(function (item, i) {
-  return {
-    source: i,
-    target: i + 1
-  };
-});
-links.pop();
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  tooltip: {},
-  xAxis: {
-    type: 'category',
-    boundaryGap: false,
-    data: axisData
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [
-    {
-      type: 'graph',
-      layout: 'none',
-      coordinateSystem: 'cartesian2d',
-      symbolSize: 40,
-      label: {
-        show: true
-      },
-      edgeSymbol: ['circle', 'arrow'],
-      edgeSymbolSize: [4, 10],
-      data: data,
-      links: links,
-      lineStyle: {
-        color: '#2f4554'
-      }
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const axisData = ['Mon', 'Tue', 'Wed', 'Very Loooong Thu', 'Fri', 'Sat', 'Sun']
+  const data = axisData.map(function (item, i) {
+    return Math.round(Math.random() * 1000 * (i + 1))
+  })
+  const links = data.map(function (item, i) {
+    return {
+      source: i,
+      target: i + 1,
+    }
+  })
+  links.pop()
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    tooltip: {},
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: axisData,
+    },
+    yAxis: {
+      type: 'value',
+    },
+    series: [
+      {
+        type: 'graph',
+        layout: 'none',
+        coordinateSystem: 'cartesian2d',
+        symbolSize: 40,
+        label: {
+          show: true,
+        },
+        edgeSymbol: ['circle', 'arrow'],
+        edgeSymbolSize: [4, 10],
+        data: data,
+        links: links,
+        lineStyle: {
+          color: '#2f4554',
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/line.vue b/src/views/charts/components/simple/line.vue
index f58fef4..0a4fbc4 100644
--- a/src/views/charts/components/simple/line.vue
+++ b/src/views/charts/components/simple/line.vue
@@ -1,79 +1,77 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" ref="chartsRef"/>
+  <div :id="id" :class="className" :style="{ height: height, width: width }" ref="chartsRef" />
 </template>
 <script lang="ts" setup>
-import * as echarts from 'echarts'
-import { EChartsType } from 'echarts/core'
-import { onMounted, ref } from 'vue'
-const chartsRef = ref<HTMLElement|null>()
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted, ref } from 'vue'
+  const chartsRef = ref<HTMLElement | null>()
 
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  xAxisData: {
-    type: Array,
-    default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-  },
-  config: {
-    type: Object,
-    default: () => {}
-  },
-  seriesData: {
-    type: Array,
-    default: () => [150, 230, 224, 218, 135, 147, 260]
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true,
-  },
-  xAxis: {
-    type: 'category',
-    data: props.xAxisData
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [
-    {
-      data: props.seriesData,
-      type: 'line'
-    }
-  ],
-  ...props.config
-}
-let chart:EChartsType
-const initChart = () => {
-  const chart = echarts.init(chartsRef.value)
-  chart.setOption(options)
-  return chart
-}
-onMounted(() => {
-  chart = initChart()
-  window.addEventListener('resize', function () {
-    chart && chart.resize()
+  const props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    xAxisData: {
+      type: Array,
+      default: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    seriesData: {
+      type: Array,
+      default: () => [150, 230, 224, 218, 135, 147, 260],
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {
+      type: 'category',
+      data: props.xAxisData,
+    },
+    yAxis: {
+      type: 'value',
+    },
+    series: [
+      {
+        data: props.seriesData,
+        type: 'line',
+      },
+    ],
+    ...props.config,
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    const chart = echarts.init(chartsRef.value)
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-})
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/charts/components/simple/pictorialBar.vue b/src/views/charts/components/simple/pictorialBar.vue
index 16fd913..6706930 100644
--- a/src/views/charts/components/simple/pictorialBar.vue
+++ b/src/views/charts/components/simple/pictorialBar.vue
@@ -1,148 +1,145 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
-let category = [];
-let dottedBase = +new Date();
-let lineData = [];
-let barData = [];
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
+  let category = []
+  let dottedBase = +new Date()
+  let lineData = []
+  let barData = []
 
-for (let i = 0; i < 20; i++) {
-  let date = new Date((dottedBase += 3600 * 24 * 1000));
-  category.push(
-      [date.getFullYear(), date.getMonth() + 1, date.getDate()].join('-')
-  );
-  let b = Math.random() * 200;
-  let d = Math.random() * 200;
-  barData.push(b);
-  lineData.push(d + b);
-}
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
+  for (let i = 0; i < 20; i++) {
+    let date = new Date((dottedBase += 3600 * 24 * 1000))
+    category.push([date.getFullYear(), date.getMonth() + 1, date.getDate()].join('-'))
+    let b = Math.random() * 200
+    let d = Math.random() * 200
+    barData.push(b)
+    lineData.push(d + b)
   }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  backgroundColor: '#0f375f',
-  tooltip: {
-    trigger: 'axis',
-    axisPointer: {
-      type: 'shadow'
-    }
-  },
-  legend: {
-    data: ['line', 'bar'],
-    textStyle: {
-      color: '#ccc'
-    }
-  },
-  xAxis: {
-    data: category,
-    axisLine: {
-      lineStyle: {
-        color: '#ccc'
-      }
-    }
-  },
-  yAxis: {
-    splitLine: { show: false },
-    axisLine: {
-      lineStyle: {
-        color: '#ccc'
-      }
-    }
-  },
-  series: [
-    {
-      name: 'line',
-      type: 'line',
-      smooth: true,
-      showAllSymbol: true,
-      symbol: 'emptyCircle',
-      symbolSize: 15,
-      data: lineData
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    {
-      name: 'bar',
-      type: 'bar',
-      barWidth: 10,
-      itemStyle: {
-        borderRadius: 5,
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: '#14c8d4' },
-          { offset: 1, color: '#43eec6' }
-        ])
-      },
-      data: barData
+    config: {
+      type: Object,
+      default: () => {},
     },
-    {
-      name: 'line',
-      type: 'bar',
-      barGap: '-100%',
-      barWidth: 10,
-      itemStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: 'rgba(20,200,212,0.5)' },
-          { offset: 0.2, color: 'rgba(20,200,212,0.2)' },
-          { offset: 1, color: 'rgba(20,200,212,0)' }
-        ])
-      },
-      z: -12,
-      data: lineData
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
     },
-    {
-      name: 'dotted',
-      type: 'pictorialBar',
-      symbol: 'rect',
-      itemStyle: {
-        color: '#0f375f'
-      },
-      symbolRepeat: true,
-      symbolSize: [12, 4],
-      symbolMargin: 1,
-      z: -10,
-      data: lineData
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
-
-})
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    backgroundColor: '#0f375f',
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'shadow',
+      },
+    },
+    legend: {
+      data: ['line', 'bar'],
+      textStyle: {
+        color: '#ccc',
+      },
+    },
+    xAxis: {
+      data: category,
+      axisLine: {
+        lineStyle: {
+          color: '#ccc',
+        },
+      },
+    },
+    yAxis: {
+      splitLine: { show: false },
+      axisLine: {
+        lineStyle: {
+          color: '#ccc',
+        },
+      },
+    },
+    series: [
+      {
+        name: 'line',
+        type: 'line',
+        smooth: true,
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 15,
+        data: lineData,
+      },
+      {
+        name: 'bar',
+        type: 'bar',
+        barWidth: 10,
+        itemStyle: {
+          borderRadius: 5,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: '#14c8d4' },
+            { offset: 1, color: '#43eec6' },
+          ]),
+        },
+        data: barData,
+      },
+      {
+        name: 'line',
+        type: 'bar',
+        barGap: '-100%',
+        barWidth: 10,
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: 'rgba(20,200,212,0.5)' },
+            { offset: 0.2, color: 'rgba(20,200,212,0.2)' },
+            { offset: 1, color: 'rgba(20,200,212,0)' },
+          ]),
+        },
+        z: -12,
+        data: lineData,
+      },
+      {
+        name: 'dotted',
+        type: 'pictorialBar',
+        symbol: 'rect',
+        itemStyle: {
+          color: '#0f375f',
+        },
+        symbolRepeat: true,
+        symbolSize: [12, 4],
+        symbolMargin: 1,
+        z: -10,
+        data: lineData,
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/simple/pie.vue b/src/views/charts/components/simple/pie.vue
index 6fbe3b4..2064bcf 100644
--- a/src/views/charts/components/simple/pie.vue
+++ b/src/views/charts/components/simple/pie.vue
@@ -1,89 +1,88 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  tooltip: {
-    trigger: 'item'
-  },
-  legend: {
-    top: '0%',
-    left: 'center'
-  },
-  series: [
-    {
-      name: 'Access From',
-      type: 'pie',
-      radius: ['40%', '70%'],
-      avoidLabelOverlap: false,
-      label: {
-        show: false,
-        position: 'center'
-      },
-      emphasis: {
-        label: {
-          show: true,
-          fontSize: '40',
-          fontWeight: 'bold'
-        }
-      },
-      labelLine: {
-        show: false
-      },
-      data: [
-        { value: 1048, name: 'Search Engine' },
-        { value: 735, name: 'Direct' },
-        { value: 580, name: 'Email' },
-        { value: 484, name: 'Union Ads' },
-        { value: 300, name: 'Video Ads' }
-      ]
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: 'item',
+    },
+    legend: {
+      top: '0%',
+      left: 'center',
+    },
+    series: [
+      {
+        name: 'Access From',
+        type: 'pie',
+        radius: ['40%', '70%'],
+        avoidLabelOverlap: false,
+        label: {
+          show: false,
+          position: 'center',
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: '40',
+            fontWeight: 'bold',
+          },
+        },
+        labelLine: {
+          show: false,
+        },
+        data: [
+          { value: 1048, name: 'Search Engine' },
+          { value: 735, name: 'Direct' },
+          { value: 580, name: 'Email' },
+          { value: 484, name: 'Union Ads' },
+          { value: 300, name: 'Video Ads' },
+        ],
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/components/simple/radar.vue b/src/views/charts/components/simple/radar.vue
index a9a946a..0eac7a4 100644
--- a/src/views/charts/components/simple/radar.vue
+++ b/src/views/charts/components/simple/radar.vue
@@ -1,248 +1,247 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const dataBJ = [
-  [55, 9, 56, 0.46, 18, 6, 1],
-  [25, 11, 21, 0.65, 34, 9, 2],
-  [56, 7, 63, 0.3, 14, 5, 3],
-  [33, 7, 29, 0.33, 16, 6, 4],
-  [42, 24, 44, 0.76, 40, 16, 5],
-  [82, 58, 90, 1.77, 68, 33, 6],
-  [74, 49, 77, 1.46, 48, 27, 7],
-  [78, 55, 80, 1.29, 59, 29, 8],
-  [267, 216, 280, 4.8, 108, 64, 9],
-  [185, 127, 216, 2.52, 61, 27, 10],
-  [39, 19, 38, 0.57, 31, 15, 11],
-  [41, 11, 40, 0.43, 21, 7, 12],
-  [64, 38, 74, 1.04, 46, 22, 13],
-  [108, 79, 120, 1.7, 75, 41, 14],
-  [108, 63, 116, 1.48, 44, 26, 15],
-  [33, 6, 29, 0.34, 13, 5, 16],
-  [94, 66, 110, 1.54, 62, 31, 17],
-  [186, 142, 192, 3.88, 93, 79, 18],
-  [57, 31, 54, 0.96, 32, 14, 19],
-  [22, 8, 17, 0.48, 23, 10, 20],
-  [39, 15, 36, 0.61, 29, 13, 21],
-  [94, 69, 114, 2.08, 73, 39, 22],
-  [99, 73, 110, 2.43, 76, 48, 23],
-  [31, 12, 30, 0.5, 32, 16, 24],
-  [42, 27, 43, 1, 53, 22, 25],
-  [154, 117, 157, 3.05, 92, 58, 26],
-  [234, 185, 230, 4.09, 123, 69, 27],
-  [160, 120, 186, 2.77, 91, 50, 28],
-  [134, 96, 165, 2.76, 83, 41, 29],
-  [52, 24, 60, 1.03, 50, 21, 30],
-  [46, 5, 49, 0.28, 10, 6, 31]
-];
-
-const dataGZ = [
-  [26, 37, 27, 1.163, 27, 13, 1],
-  [85, 62, 71, 1.195, 60, 8, 2],
-  [78, 38, 74, 1.363, 37, 7, 3],
-  [21, 21, 36, 0.634, 40, 9, 4],
-  [41, 42, 46, 0.915, 81, 13, 5],
-  [56, 52, 69, 1.067, 92, 16, 6],
-  [64, 30, 28, 0.924, 51, 2, 7],
-  [55, 48, 74, 1.236, 75, 26, 8],
-  [76, 85, 113, 1.237, 114, 27, 9],
-  [91, 81, 104, 1.041, 56, 40, 10],
-  [84, 39, 60, 0.964, 25, 11, 11],
-  [64, 51, 101, 0.862, 58, 23, 12],
-  [70, 69, 120, 1.198, 65, 36, 13],
-  [77, 105, 178, 2.549, 64, 16, 14],
-  [109, 68, 87, 0.996, 74, 29, 15],
-  [73, 68, 97, 0.905, 51, 34, 16],
-  [54, 27, 47, 0.592, 53, 12, 17],
-  [51, 61, 97, 0.811, 65, 19, 18],
-  [91, 71, 121, 1.374, 43, 18, 19],
-  [73, 102, 182, 2.787, 44, 19, 20],
-  [73, 50, 76, 0.717, 31, 20, 21],
-  [84, 94, 140, 2.238, 68, 18, 22],
-  [93, 77, 104, 1.165, 53, 7, 23],
-  [99, 130, 227, 3.97, 55, 15, 24],
-  [146, 84, 139, 1.094, 40, 17, 25],
-  [113, 108, 137, 1.481, 48, 15, 26],
-  [81, 48, 62, 1.619, 26, 3, 27],
-  [56, 48, 68, 1.336, 37, 9, 28],
-  [82, 92, 174, 3.29, 0, 13, 29],
-  [106, 116, 188, 3.628, 101, 16, 30],
-  [118, 50, 0, 1.383, 76, 11, 31]
-];
-
-const dataSH = [
-  [91, 45, 125, 0.82, 34, 23, 1],
-  [65, 27, 78, 0.86, 45, 29, 2],
-  [83, 60, 84, 1.09, 73, 27, 3],
-  [109, 81, 121, 1.28, 68, 51, 4],
-  [106, 77, 114, 1.07, 55, 51, 5],
-  [109, 81, 121, 1.28, 68, 51, 6],
-  [106, 77, 114, 1.07, 55, 51, 7],
-  [89, 65, 78, 0.86, 51, 26, 8],
-  [53, 33, 47, 0.64, 50, 17, 9],
-  [80, 55, 80, 1.01, 75, 24, 10],
-  [117, 81, 124, 1.03, 45, 24, 11],
-  [99, 71, 142, 1.1, 62, 42, 12],
-  [95, 69, 130, 1.28, 74, 50, 13],
-  [116, 87, 131, 1.47, 84, 40, 14],
-  [108, 80, 121, 1.3, 85, 37, 15],
-  [134, 83, 167, 1.16, 57, 43, 16],
-  [79, 43, 107, 1.05, 59, 37, 17],
-  [71, 46, 89, 0.86, 64, 25, 18],
-  [97, 71, 113, 1.17, 88, 31, 19],
-  [84, 57, 91, 0.85, 55, 31, 20],
-  [87, 63, 101, 0.9, 56, 41, 21],
-  [104, 77, 119, 1.09, 73, 48, 22],
-  [87, 62, 100, 1, 72, 28, 23],
-  [168, 128, 172, 1.49, 97, 56, 24],
-  [65, 45, 51, 0.74, 39, 17, 25],
-  [39, 24, 38, 0.61, 47, 17, 26],
-  [39, 24, 39, 0.59, 50, 19, 27],
-  [93, 68, 96, 1.05, 79, 29, 28],
-  [188, 143, 197, 1.66, 99, 51, 29],
-  [174, 131, 174, 1.55, 108, 50, 30],
-  [187, 143, 201, 1.39, 89, 53, 31]
-];
-
-const lineStyle = {
-  width: 1,
-  opacity: 0.5
-};
-
-const options = {
-  backgroundColor: '#161627',
-  title: {
-    text: 'AQI - Radar',
-    left: 'center',
-    textStyle: {
-      color: '#eee'
-    }
-  },
-  legend: {
-    show:false,
-    bottom: 5,
-    data: ['Beijing', 'Shanghai', 'Guangzhou'],
-    itemGap: 20,
-    textStyle: {
-      color: '#fff',
-      fontSize: 14
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
     },
-    selectedMode: 'single'
-  },
-  radar: {
-    indicator: [
-      { name: 'AQI', max: 300,min:1 },
-      { name: 'PM2.5', max: 250,min:1 },
-      { name: 'PM10', max: 300,min:1 },
-      { name: 'CO', max: 5,min:1 },
-      { name: 'NO2', max: 200,min:1 },
-      { name: 'SO2', max: 100,min:1 }
-    ],
-    shape: 'circle',
-    splitNumber: 5,
-    axisName: {
-      color: 'rgb(238, 197, 102)'
+    config: {
+      type: Object,
+      default: () => {},
     },
-    splitLine: {
-      lineStyle: {
-        color: [
-          'rgba(238, 197, 102, 0.1)',
-          'rgba(238, 197, 102, 0.2)',
-          'rgba(238, 197, 102, 0.4)',
-          'rgba(238, 197, 102, 0.6)',
-          'rgba(238, 197, 102, 0.8)',
-          'rgba(238, 197, 102, 1)'
-        ].reverse()
-      }
+    id: {
+      type: String,
+      default: 'chart',
     },
-    splitArea: {
-      show: false
+    width: {
+      type: String,
+      default: '200px',
     },
-    axisLine: {
-      lineStyle: {
-        color: 'rgba(238, 197, 102, 0.5)'
-      }
-    }
-  },
-  series: [
-    {
-      name: 'Beijing',
-      type: 'radar',
-      lineStyle: lineStyle,
-      data: dataBJ,
-      symbol: 'none',
-      itemStyle: {
-        color: '#F9713C'
-      },
-      areaStyle: {
-        opacity: 0.1
-      }
+    height: {
+      type: String,
+      default: '200px',
     },
-    {
-      name: 'Shanghai',
-      type: 'radar',
-      lineStyle: lineStyle,
-      data: dataSH,
-      symbol: 'none',
-      itemStyle: {
-        color: '#B3E4A1'
-      },
-      areaStyle: {
-        opacity: 0.05
-      }
-    },
-    {
-      name: 'Guangzhou',
-      type: 'radar',
-      lineStyle: lineStyle,
-      data: dataGZ,
-      symbol: 'none',
-      itemStyle: {
-        color: 'rgb(238, 197, 102)'
-      },
-      areaStyle: {
-        opacity: 0.05
-      }
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
   })
+  const dataBJ = [
+    [55, 9, 56, 0.46, 18, 6, 1],
+    [25, 11, 21, 0.65, 34, 9, 2],
+    [56, 7, 63, 0.3, 14, 5, 3],
+    [33, 7, 29, 0.33, 16, 6, 4],
+    [42, 24, 44, 0.76, 40, 16, 5],
+    [82, 58, 90, 1.77, 68, 33, 6],
+    [74, 49, 77, 1.46, 48, 27, 7],
+    [78, 55, 80, 1.29, 59, 29, 8],
+    [267, 216, 280, 4.8, 108, 64, 9],
+    [185, 127, 216, 2.52, 61, 27, 10],
+    [39, 19, 38, 0.57, 31, 15, 11],
+    [41, 11, 40, 0.43, 21, 7, 12],
+    [64, 38, 74, 1.04, 46, 22, 13],
+    [108, 79, 120, 1.7, 75, 41, 14],
+    [108, 63, 116, 1.48, 44, 26, 15],
+    [33, 6, 29, 0.34, 13, 5, 16],
+    [94, 66, 110, 1.54, 62, 31, 17],
+    [186, 142, 192, 3.88, 93, 79, 18],
+    [57, 31, 54, 0.96, 32, 14, 19],
+    [22, 8, 17, 0.48, 23, 10, 20],
+    [39, 15, 36, 0.61, 29, 13, 21],
+    [94, 69, 114, 2.08, 73, 39, 22],
+    [99, 73, 110, 2.43, 76, 48, 23],
+    [31, 12, 30, 0.5, 32, 16, 24],
+    [42, 27, 43, 1, 53, 22, 25],
+    [154, 117, 157, 3.05, 92, 58, 26],
+    [234, 185, 230, 4.09, 123, 69, 27],
+    [160, 120, 186, 2.77, 91, 50, 28],
+    [134, 96, 165, 2.76, 83, 41, 29],
+    [52, 24, 60, 1.03, 50, 21, 30],
+    [46, 5, 49, 0.28, 10, 6, 31],
+  ]
 
-})
+  const dataGZ = [
+    [26, 37, 27, 1.163, 27, 13, 1],
+    [85, 62, 71, 1.195, 60, 8, 2],
+    [78, 38, 74, 1.363, 37, 7, 3],
+    [21, 21, 36, 0.634, 40, 9, 4],
+    [41, 42, 46, 0.915, 81, 13, 5],
+    [56, 52, 69, 1.067, 92, 16, 6],
+    [64, 30, 28, 0.924, 51, 2, 7],
+    [55, 48, 74, 1.236, 75, 26, 8],
+    [76, 85, 113, 1.237, 114, 27, 9],
+    [91, 81, 104, 1.041, 56, 40, 10],
+    [84, 39, 60, 0.964, 25, 11, 11],
+    [64, 51, 101, 0.862, 58, 23, 12],
+    [70, 69, 120, 1.198, 65, 36, 13],
+    [77, 105, 178, 2.549, 64, 16, 14],
+    [109, 68, 87, 0.996, 74, 29, 15],
+    [73, 68, 97, 0.905, 51, 34, 16],
+    [54, 27, 47, 0.592, 53, 12, 17],
+    [51, 61, 97, 0.811, 65, 19, 18],
+    [91, 71, 121, 1.374, 43, 18, 19],
+    [73, 102, 182, 2.787, 44, 19, 20],
+    [73, 50, 76, 0.717, 31, 20, 21],
+    [84, 94, 140, 2.238, 68, 18, 22],
+    [93, 77, 104, 1.165, 53, 7, 23],
+    [99, 130, 227, 3.97, 55, 15, 24],
+    [146, 84, 139, 1.094, 40, 17, 25],
+    [113, 108, 137, 1.481, 48, 15, 26],
+    [81, 48, 62, 1.619, 26, 3, 27],
+    [56, 48, 68, 1.336, 37, 9, 28],
+    [82, 92, 174, 3.29, 0, 13, 29],
+    [106, 116, 188, 3.628, 101, 16, 30],
+    [118, 50, 0, 1.383, 76, 11, 31],
+  ]
+
+  const dataSH = [
+    [91, 45, 125, 0.82, 34, 23, 1],
+    [65, 27, 78, 0.86, 45, 29, 2],
+    [83, 60, 84, 1.09, 73, 27, 3],
+    [109, 81, 121, 1.28, 68, 51, 4],
+    [106, 77, 114, 1.07, 55, 51, 5],
+    [109, 81, 121, 1.28, 68, 51, 6],
+    [106, 77, 114, 1.07, 55, 51, 7],
+    [89, 65, 78, 0.86, 51, 26, 8],
+    [53, 33, 47, 0.64, 50, 17, 9],
+    [80, 55, 80, 1.01, 75, 24, 10],
+    [117, 81, 124, 1.03, 45, 24, 11],
+    [99, 71, 142, 1.1, 62, 42, 12],
+    [95, 69, 130, 1.28, 74, 50, 13],
+    [116, 87, 131, 1.47, 84, 40, 14],
+    [108, 80, 121, 1.3, 85, 37, 15],
+    [134, 83, 167, 1.16, 57, 43, 16],
+    [79, 43, 107, 1.05, 59, 37, 17],
+    [71, 46, 89, 0.86, 64, 25, 18],
+    [97, 71, 113, 1.17, 88, 31, 19],
+    [84, 57, 91, 0.85, 55, 31, 20],
+    [87, 63, 101, 0.9, 56, 41, 21],
+    [104, 77, 119, 1.09, 73, 48, 22],
+    [87, 62, 100, 1, 72, 28, 23],
+    [168, 128, 172, 1.49, 97, 56, 24],
+    [65, 45, 51, 0.74, 39, 17, 25],
+    [39, 24, 38, 0.61, 47, 17, 26],
+    [39, 24, 39, 0.59, 50, 19, 27],
+    [93, 68, 96, 1.05, 79, 29, 28],
+    [188, 143, 197, 1.66, 99, 51, 29],
+    [174, 131, 174, 1.55, 108, 50, 30],
+    [187, 143, 201, 1.39, 89, 53, 31],
+  ]
+
+  const lineStyle = {
+    width: 1,
+    opacity: 0.5,
+  }
+
+  const options = {
+    backgroundColor: '#161627',
+    title: {
+      text: 'AQI - Radar',
+      left: 'center',
+      textStyle: {
+        color: '#eee',
+      },
+    },
+    legend: {
+      show: false,
+      bottom: 5,
+      data: ['Beijing', 'Shanghai', 'Guangzhou'],
+      itemGap: 20,
+      textStyle: {
+        color: '#fff',
+        fontSize: 14,
+      },
+      selectedMode: 'single',
+    },
+    radar: {
+      indicator: [
+        { name: 'AQI', max: 300, min: 1 },
+        { name: 'PM2.5', max: 250, min: 1 },
+        { name: 'PM10', max: 300, min: 1 },
+        { name: 'CO', max: 5, min: 1 },
+        { name: 'NO2', max: 200, min: 1 },
+        { name: 'SO2', max: 100, min: 1 },
+      ],
+      shape: 'circle',
+      splitNumber: 5,
+      axisName: {
+        color: 'rgb(238, 197, 102)',
+      },
+      splitLine: {
+        lineStyle: {
+          color: [
+            'rgba(238, 197, 102, 0.1)',
+            'rgba(238, 197, 102, 0.2)',
+            'rgba(238, 197, 102, 0.4)',
+            'rgba(238, 197, 102, 0.6)',
+            'rgba(238, 197, 102, 0.8)',
+            'rgba(238, 197, 102, 1)',
+          ].reverse(),
+        },
+      },
+      splitArea: {
+        show: false,
+      },
+      axisLine: {
+        lineStyle: {
+          color: 'rgba(238, 197, 102, 0.5)',
+        },
+      },
+    },
+    series: [
+      {
+        name: 'Beijing',
+        type: 'radar',
+        lineStyle: lineStyle,
+        data: dataBJ,
+        symbol: 'none',
+        itemStyle: {
+          color: '#F9713C',
+        },
+        areaStyle: {
+          opacity: 0.1,
+        },
+      },
+      {
+        name: 'Shanghai',
+        type: 'radar',
+        lineStyle: lineStyle,
+        data: dataSH,
+        symbol: 'none',
+        itemStyle: {
+          color: '#B3E4A1',
+        },
+        areaStyle: {
+          opacity: 0.05,
+        },
+      },
+      {
+        name: 'Guangzhou',
+        type: 'radar',
+        lineStyle: lineStyle,
+        data: dataGZ,
+        symbol: 'none',
+        itemStyle: {
+          color: 'rgb(238, 197, 102)',
+        },
+        areaStyle: {
+          opacity: 0.05,
+        },
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
+  })
 </script>
diff --git a/src/views/charts/components/simple/scatter.vue b/src/views/charts/components/simple/scatter.vue
index 7aad988..6c8a84b 100644
--- a/src/views/charts/components/simple/scatter.vue
+++ b/src/views/charts/components/simple/scatter.vue
@@ -1,85 +1,84 @@
 <template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
 </template>
 <script lang="ts" setup>
-import * as echarts from "echarts";
-import {EChartsType} from "echarts/core";
-import {onMounted} from "vue";
+  import * as echarts from 'echarts'
+  import { EChartsType } from 'echarts/core'
+  import { onMounted } from 'vue'
 
-let props = defineProps({
-  className: {
-    type: String,
-    default: 'chart'
-  },
-  config:{
-    type: Object,
-    default: ()=>{}
-  },
-  id: {
-    type: String,
-    default: 'chart'
-  },
-  width: {
-    type: String,
-    default: '200px'
-  },
-  height: {
-    type: String,
-    default: '200px'
-  }
-})
-const options = {
-  grid: {
-    top: 10,
-    left: '2%',
-    right: '2%',
-    bottom: '2%',
-    containLabel: true
-  },
-  xAxis: {},
-  yAxis: {},
-  series: [
-    {
-      symbolSize: 20,
-      data: [
-        [10.0, 8.04],
-        [8.07, 6.95],
-        [13.0, 7.58],
-        [9.05, 8.81],
-        [11.0, 8.33],
-        [14.0, 7.66],
-        [13.4, 6.81],
-        [10.0, 6.33],
-        [14.0, 8.96],
-        [12.5, 6.82],
-        [9.15, 7.2],
-        [11.5, 7.2],
-        [3.03, 4.23],
-        [12.2, 7.83],
-        [2.02, 4.47],
-        [1.05, 3.33],
-        [4.05, 4.96],
-        [6.03, 7.24],
-        [12.0, 6.26],
-        [12.0, 8.84],
-        [7.08, 5.82],
-        [5.02, 5.68]
-      ],
-      type: 'scatter'
-    }
-  ]
-};
-let chart:EChartsType;
-const initChart =()=> {
-  let chart = echarts.init(document.getElementById(props.id))
-  chart.setOption(options)
-  return chart
-}
-onMounted(()=>{
-  chart = initChart()
-  window.addEventListener('resize',function (){
-    chart&&chart.resize()
+  let props = defineProps({
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    config: {
+      type: Object,
+      default: () => {},
+    },
+    id: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '200px',
+    },
+    height: {
+      type: String,
+      default: '200px',
+    },
+  })
+  const options = {
+    grid: {
+      top: 10,
+      left: '2%',
+      right: '2%',
+      bottom: '2%',
+      containLabel: true,
+    },
+    xAxis: {},
+    yAxis: {},
+    series: [
+      {
+        symbolSize: 20,
+        data: [
+          [10.0, 8.04],
+          [8.07, 6.95],
+          [13.0, 7.58],
+          [9.05, 8.81],
+          [11.0, 8.33],
+          [14.0, 7.66],
+          [13.4, 6.81],
+          [10.0, 6.33],
+          [14.0, 8.96],
+          [12.5, 6.82],
+          [9.15, 7.2],
+          [11.5, 7.2],
+          [3.03, 4.23],
+          [12.2, 7.83],
+          [2.02, 4.47],
+          [1.05, 3.33],
+          [4.05, 4.96],
+          [6.03, 7.24],
+          [12.0, 6.26],
+          [12.0, 8.84],
+          [7.08, 5.82],
+          [5.02, 5.68],
+        ],
+        type: 'scatter',
+      },
+    ],
+  }
+  let chart: EChartsType
+  const initChart = () => {
+    let chart = echarts.init(document.getElementById(props.id))
+    chart.setOption(options)
+    return chart
+  }
+  onMounted(() => {
+    chart = initChart()
+    window.addEventListener('resize', function () {
+      chart && chart.resize()
+    })
   })
-
-})
 </script>
diff --git a/src/views/charts/line.vue b/src/views/charts/line.vue
index 04241c0..cfd0a18 100644
--- a/src/views/charts/line.vue
+++ b/src/views/charts/line.vue
@@ -5,20 +5,18 @@
 </template>
 
 <script lang="ts" setup>
+  import Chart from '@/components/Charts/LineMarker.vue'
 
-import Chart from '@/components/Charts/LineMarker.vue'
-
-// export default {
-//   // name: 'LineChart',
-//   // components: { Chart }
-// }
+  // export default {
+  //   // name: 'LineChart',
+  //   // components: { Chart }
+  // }
 </script>
 
 <style scoped>
-.chart-container{
-  position: relative;
-  width: 100%;
-  height: calc(100vh - 130px);
-}
+  .chart-container {
+    position: relative;
+    width: 100%;
+    height: calc(100vh - 130px);
+  }
 </style>
-
diff --git a/src/views/charts/map.vue b/src/views/charts/map.vue
index d4c178c..71e2621 100644
--- a/src/views/charts/map.vue
+++ b/src/views/charts/map.vue
@@ -1,17 +1,15 @@
 <template>
   <div class="echarts-map">
-    <map-charts height="100%" width="100%" id="sankey"/>
+    <map-charts height="100%" width="100%" id="sankey" />
   </div>
 </template>
 
-
 <script setup lang="ts">
-import MapCharts from './components/map/index.vue'
-
+  import MapCharts from './components/map/index.vue'
 </script>
 
 <style>
-.echarts-map{
-  height: calc(100vh - 150px);
-}
+  .echarts-map {
+    height: calc(100vh - 150px);
+  }
 </style>
diff --git a/src/views/charts/migration.vue b/src/views/charts/migration.vue
index dc1d68c..3b99df4 100644
--- a/src/views/charts/migration.vue
+++ b/src/views/charts/migration.vue
@@ -1,31 +1,30 @@
 <template>
   <div class="echarts-map">
     <el-card class="info">Echarts 实现飞线图、地图增加图标、高亮</el-card>
-    <migration-charts height="100%" width="100%" id="migration"/>
+    <migration-charts height="100%" width="100%" id="migration" />
   </div>
 </template>
 
 <script setup lang="ts">
-import MigrationCharts from './components/migration/index.vue'
-
+  import MigrationCharts from './components/migration/index.vue'
 </script>
 
 <style lang="scss" scoped>
-.echarts-map{
-  box-sizing: border-box;
-  width: 100%;
-  overflow: hidden;
-  height: calc(100vh - 93px);
-  position: relative;
-  .info{
-    position: absolute;
-    left: 0;
+  .echarts-map {
+    box-sizing: border-box;
     width: 100%;
-    font-weight: bold;
-    z-index: 999;
+    overflow: hidden;
+    height: calc(100vh - 93px);
+    position: relative;
+    .info {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      font-weight: bold;
+      z-index: 999;
+    }
+    ::v-deep(.el-card) {
+      border-radius: 0;
+    }
   }
-  ::v-deep(.el-card){
-    border-radius: 0;
-  }
-}
 </style>
diff --git a/src/views/charts/simple.vue b/src/views/charts/simple.vue
index 7473d84..56ddff4 100644
--- a/src/views/charts/simple.vue
+++ b/src/views/charts/simple.vue
@@ -1,25 +1,25 @@
 <template>
-  <u-container-layout style="width: 100%;">
+  <u-container-layout style="width: 100%">
     <el-row class="row-bg" :gutter="10">
       <el-col :xs="24" :sm="12" :lg="8">
         <el-card class="box-card">
-        <template #header>
-          <div class="card-header">
-            <span>折线图</span>
-          </div>
-        </template>
-        <line-charts height="200px" width="100%"/>
-      </el-card>
+          <template #header>
+            <div class="card-header">
+              <span>折线图</span>
+            </div>
+          </template>
+          <line-charts height="200px" width="100%" />
+        </el-card>
       </el-col>
       <el-col :xs="24" :sm="12" :lg="8">
         <el-card class="box-card">
-        <template #header>
-          <div class="card-header">
-            <span>柱状图</span>
-          </div>
-        </template>
-        <bar-charts height="200px" width="100%" id="bar"/>
-      </el-card></el-col>
+          <template #header>
+            <div class="card-header">
+              <span>柱状图</span>
+            </div>
+          </template>
+          <bar-charts height="200px" width="100%" id="bar" /> </el-card
+      ></el-col>
       <el-col :xs="24" :sm="12" :lg="8">
         <el-card class="box-card">
           <template #header>
@@ -27,7 +27,7 @@
               <span>饼图</span>
             </div>
           </template>
-          <pie-charts height="200px" width="100%" id="pie"/>
+          <pie-charts height="200px" width="100%" id="pie" />
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="12" :lg="8">
@@ -37,7 +37,7 @@
               <span>散点图</span>
             </div>
           </template>
-          <scatter-charts height="200px" width="100%" id="scatter"/>
+          <scatter-charts height="200px" width="100%" id="scatter" />
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="12" :lg="8">
@@ -47,7 +47,7 @@
               <span>仪表盘</span>
             </div>
           </template>
-          <gauge-charts height="200px" width="100%" id="gauge"/>
+          <gauge-charts height="200px" width="100%" id="gauge" />
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="12" :lg="8">
@@ -57,7 +57,7 @@
               <span>漏斗图</span>
             </div>
           </template>
-          <funnel-charts height="200px" width="100%" id="funnel"/>
+          <funnel-charts height="200px" width="100%" id="funnel" />
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="12" :lg="8">
@@ -67,19 +67,19 @@
               <span>K 线图</span>
             </div>
           </template>
-          <candlestick-charts height="200px" width="100%" id="candlestick"/>
+          <candlestick-charts height="200px" width="100%" id="candlestick" />
         </el-card>
       </el-col>
-<!--      <el-col :xs="24" :sm="12" :lg="8">-->
-<!--        <el-card class="box-card">-->
-<!--          <template #header>-->
-<!--            <div class="card-header">-->
-<!--              <span>雷达图</span>-->
-<!--            </div>-->
-<!--          </template>-->
-<!--          <radar-charts height="200px" width="100%" id="radar"/>-->
-<!--        </el-card>-->
-<!--      </el-col>-->
+      <!--      <el-col :xs="24" :sm="12" :lg="8">-->
+      <!--        <el-card class="box-card">-->
+      <!--          <template #header>-->
+      <!--            <div class="card-header">-->
+      <!--              <span>雷达图</span>-->
+      <!--            </div>-->
+      <!--          </template>-->
+      <!--          <radar-charts height="200px" width="100%" id="radar"/>-->
+      <!--        </el-card>-->
+      <!--      </el-col>-->
       <el-col :xs="24" :sm="12" :lg="8">
         <el-card class="box-card">
           <template #header>
@@ -87,7 +87,7 @@
               <span>雷达图</span>
             </div>
           </template>
-          <graph-charts height="200px" width="100%" id="graph"/>
+          <graph-charts height="200px" width="100%" id="graph" />
         </el-card>
       </el-col>
 
@@ -98,13 +98,10 @@
               <span>虚线柱状图效果</span>
             </div>
           </template>
-          <pictorial-bar height="200px" width="100%" id="pictorial"/>
+          <pictorial-bar height="200px" width="100%" id="pictorial" />
         </el-card>
       </el-col>
     </el-row>
-
-
-
   </u-container-layout>
 </template>
 <script setup lang="ts">
@@ -118,28 +115,26 @@
   import RadarCharts from './components/simple/radar.vue'
   import GraphCharts from './components/simple/graph.vue'
   import PictorialBarCharts from './components/simple/pictorialBar.vue'
-  import PictorialBar from "@/views/charts/components/simple/pictorialBar.vue";
-
-
+  import PictorialBar from '@/views/charts/components/simple/pictorialBar.vue'
 </script>
 
 <style>
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
 
-.text {
-  font-size: 14px;
-}
+  .text {
+    font-size: 14px;
+  }
 
-.item {
-  margin-bottom: 18px;
-}
+  .item {
+    margin-bottom: 18px;
+  }
 
-.box-card {
-  margin-bottom: 10px;
-  width: 100%;
-}
+  .box-card {
+    margin-bottom: 10px;
+    width: 100%;
+  }
 </style>
diff --git a/src/views/chat/components/u-chartBox/chat.js b/src/views/chat/components/u-chartBox/chat.js
index 4c9404d..a765297 100644
--- a/src/views/chat/components/u-chartBox/chat.js
+++ b/src/views/chat/components/u-chartBox/chat.js
@@ -1,15 +1,15 @@
 export const chatData = [
-    {
-        is_self:0,
-        created_at:'2022-03-11',
-        content:'hello 你好呀!',
-        id:1
-    },
-    {
-        is_self:1,
-        created_at:'2022-03-11',
-        content:'hello 你好呀!',
-        id:2,
-        type:1, // 文字
-    }
+  {
+    is_self: 0,
+    created_at: '2022-03-11',
+    content: 'hello 你好呀!',
+    id: 1,
+  },
+  {
+    is_self: 1,
+    created_at: '2022-03-11',
+    content: 'hello 你好呀!',
+    id: 2,
+    type: 1, // 文字
+  },
 ]
diff --git a/src/views/chat/components/u-chartBox/index.vue b/src/views/chat/components/u-chartBox/index.vue
index 55db3ad..0a703de 100644
--- a/src/views/chat/components/u-chartBox/index.vue
+++ b/src/views/chat/components/u-chartBox/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="g-container-chat">
-    <div class="g-layout-content-center" style="width:100%;" ref="chatContentBoxs">
-      <div v-for="item,index in chatDatas" :key="item.id" style="padding-top: 15px;">
-        <div class="from_user_info" v-if="item.is_self===0">
+    <div class="g-layout-content-center" style="width: 100%" ref="chatContentBoxs">
+      <div v-for="(item, index) in chatDatas" :key="item.id" style="padding-top: 15px">
+        <div class="from_user_info" v-if="item.is_self === 0">
           <div class="contact-nickname">{{ item.created_at }} 林峰</div>
           <div class="receive-message-wrap">
             <div class="avatar-show">
-              <img src="@/assets/image/avator.png"/>
+              <img src="@/assets/image/avator.png" />
             </div>
             <div style="position: relative; display: flex">
               <div class="receive-message-info" v-html="item.content"></div>
@@ -17,53 +17,56 @@
           <div class="contact-nickname">{{ item.created_at }} 林峰</div>
           <div class="receive-message-wrap public-show-pic">
             <div style="position: relative; display: flex">
-              <div class="receive-message-info" v-if="item.type==1">
+              <div class="receive-message-info" v-if="item.type == 1">
                 <div class="text-content" v-html="item.content"></div>
               </div>
-              <div class="public-show-pic" v-else-if="item.type===2">
-                <el-image :src="item.content" :preview-src-list="[item.content]" style="max-width:200px;" :data-resid="Date.now()"/>
+              <div class="public-show-pic" v-else-if="item.type === 2">
+                <el-image
+                  :src="item.content"
+                  :preview-src-list="[item.content]"
+                  style="max-width: 200px"
+                  :data-resid="Date.now()"
+                />
               </div>
             </div>
             <div class="avatar-show">
-              <img src="@/assets/image/avator.png"/>
+              <img src="@/assets/image/avator.png" />
             </div>
           </div>
         </div>
       </div>
     </div>
-    <u-toolbar @insert="insertInput" @upload="upload"/>
+    <u-toolbar @insert="insertInput" @upload="upload" />
     <div
-        @blur="contentBlur"
-        ref="contenteditableInputs"
-        class="g-chat-container-footer-input"
-        contenteditable=true></div>
+      @blur="contentBlur"
+      ref="contenteditableInputs"
+      class="g-chat-container-footer-input"
+      contenteditable="true"
+    ></div>
     <div class="g-chat-container-footer-btn">
-      <div class="" style="margin-right:10px">
-        Ctrl+V粘贴,  Ctrl+Enter换行
-      </div>
+      <div class="" style="margin-right: 10px"> Ctrl+V粘贴, Ctrl+Enter换行 </div>
       <el-button @click="sendInfoAction">发送</el-button>
     </div>
-
   </div>
 </template>
 
 <script lang="ts" setup>
-  import {onMounted,ref,nextTick} from 'vue'
+  import { onMounted, ref, nextTick } from 'vue'
   import UToolbar from '../u-toolbar/index.vue'
   import defalutAvator from '@/assets/image/avator.png'
-  import {chatData} from './chat.js'
-  import {ElMessage} from "element-plus";
-  import dayjs from "dayjs";
+  import { chatData } from './chat.js'
+  import { ElMessage } from 'element-plus'
+  import dayjs from 'dayjs'
 
-  const range = ref<HTMLElement|null>(null)
+  const range = ref<HTMLElement | null>(null)
   const selection = ref<any>(null)
   const chatDatas = ref<any>(chatData)
   const defalutAvatorImg = ref<any>(defalutAvator)
-  const contenteditableInputs = ref<HTMLElement|null>(null)
-  const chatContentBoxs = ref<HTMLElement|null>(null)
+  const contenteditableInputs = ref<HTMLElement | null>(null)
+  const chatContentBoxs = ref<HTMLElement | null>(null)
   const preview_src_data = ref<string[]>([])
 
-  const focusContentEditable = ()=>{
+  const focusContentEditable = () => {
     const editor = contenteditableInputs.value
     editor?.focus()
     // 获取选中的元素
@@ -71,13 +74,15 @@
     range.value = selection.value.getRangeAt(0)
   }
 
-  const keepLastIndex = (obj)=> {
-    if (window.getSelection) { // ie11 10 9 ff safari
+  const keepLastIndex = (obj) => {
+    if (window.getSelection) {
+      // ie11 10 9 ff safari
       obj.focus() // 解决ff不获取焦点无法定位问题
       let range = window.getSelection() // 创建range
       range.selectAllChildren(obj) // range 选择obj下所有子内容
       range.collapseToEnd() // 光标移至最后
-    } else if (document.selection) { // ie10 9 8 7 6 5
+    } else if (document.selection) {
+      // ie10 9 8 7 6 5
       let range = document.selection.createRange() // 创建选择对象
       // var range = document.body.createTextRange();
       range.moveToElementText(obj) // range定位到obj
@@ -86,7 +91,7 @@
     }
   }
 
-  const setCursor =(node?:any, before?:boolean)=> {
+  const setCursor = (node?: any, before?: boolean) => {
     /**
      * node 为传入的节点，不传则foucs到之前保存的位置
      * before 控制折叠方向
@@ -106,7 +111,7 @@
       selection.value.addRange(range.value)
     }
   }
-  const contentBlur = ()=>{
+  const contentBlur = () => {
     /**
      * 每次焦点移出都要保存一次当前 range ，后面好放回来
      * 由于输入框以外的点击都会使输入框失去焦点，不知道会有什么操作，故勤保存
@@ -118,7 +123,7 @@
    * @func 聊天框聚焦
    * @param e
    */
-  const contentFoucs = (e)=> {
+  const contentFoucs = (e) => {
     /**
      * range更新到点击的位置
      * 点到图片就根据点击位置和图片大小设置一个合理的位置(前或后)
@@ -131,30 +136,30 @@
     }
   }
 
-  const insertInput = (node?:any,type?:string)=>{
-    if(type==='IMG'){
+  const insertInput = (node?: any, type?: string) => {
+    if (type === 'IMG') {
       range.value.insertNode(node)
       setCursor(node, false)
-    }else {
+    } else {
       setCursor()
     }
   }
 
-  const sendMessageData = (content:string,type:number=1)=>{
-    const day = dayjs().format('YYYY-MM-DD');
-    return{
-      is_self:1,
-      created_at:day,
+  const sendMessageData = (content: string, type = 1) => {
+    const day = dayjs().format('YYYY-MM-DD')
+    return {
+      is_self: 1,
+      created_at: day,
       content,
       type,
-      id:Date.now()+Math.random()
+      id: Date.now() + Math.random(),
     }
   }
 
-  const getPreviewList = ()=>{
+  const getPreviewList = () => {
     preview_src_data.value = []
-    nextTick(()=>{
-      chatDatas.value.forEach(item=>{
+    nextTick(() => {
+      chatDatas.value.forEach((item) => {
         if (item.type === 2) {
           preview_src_data.value.push(item.content)
         }
@@ -162,7 +167,7 @@
     })
   }
 
-  const upload = (newBase64:string)=>{
+  const upload = (newBase64: string) => {
     const value = contenteditableInputs.value
     let image = new Image()
     image.onload = function () {
@@ -174,7 +179,7 @@
     image.width = 100
   }
 
-  const scrollHeight = ()=>{
+  const scrollHeight = () => {
     nextTick(() => {
       setTimeout(() => {
         chatContentBoxs.value.scrollTop = chatContentBoxs.value.scrollHeight
@@ -182,33 +187,33 @@
     })
   }
 
-  const sendInfoAction = ()=>{
+  const sendInfoAction = () => {
     const value = contenteditableInputs.value.innerHTML
-    console.log('value===',value)
-    if(!value){
+    console.log('value===', value)
+    if (!value) {
       setCursor()
       return ElMessage.error('请填写发送内容')
     }
-    let reg = /<img.*?src="(.*?)".*?title="(.*?)".*?>/ig
-    let reg1 = /<img.*?src="(.*?)".*?insert="(.*?)">/ig
+    let reg = /<img.*?src="(.*?)".*?title="(.*?)".*?>/gi
+    let reg1 = /<img.*?src="(.*?)".*?insert="(.*?)">/gi
     let content = value.replace(reg, '[$2]')
 
     let data = []
 
     let flag = content.match(reg1)
-    console.log('content',flag)
-    if(flag){
+    console.log('content', flag)
+    if (flag) {
       // 过滤图片进行分割
       let content2 = content.replace(reg1, (item, $1) => {
         return `/b/~${$1}/b/~`
       })
       let splitImg = content2.split('/b/~')
-      for(let item of splitImg){
-        if(item){
-          chatDatas.value.push(sendMessageData(item,2))
+      for (let item of splitImg) {
+        if (item) {
+          chatDatas.value.push(sendMessageData(item, 2))
         }
       }
-    }else {
+    } else {
       data = sendMessageData(value)
       chatDatas.value.push(data)
     }
@@ -216,248 +221,247 @@
     getPreviewList()
 
     contenteditableInputs.value.innerHTML = ''
-    console.log('content--',chatDatas.value)
+    console.log('content--', chatDatas.value)
 
     scrollHeight()
   }
 
-  onMounted(()=>{
-    nextTick(()=>{
+  onMounted(() => {
+    nextTick(() => {
       focusContentEditable()
     })
   })
-
 </script>
 
 <style lang="scss" scoped>
-.g-layout-content-center{
-  min-height: 300px;
-  padding:0 15px 15px;
-  flex: auto;
-  overflow: auto;
-  max-height: 400px;
+  .g-layout-content-center {
+    min-height: 300px;
+    padding: 0 15px 15px;
+    flex: auto;
+    overflow: auto;
+    max-height: 400px;
 
-  background: #f7f6f4;
-  border-right: 1px solid #ededed;
-  border-bottom: 1px solid #ededed;
-  box-sizing: border-box;
-}
-[contenteditable]:focus{outline: none;}
-.g-chat-container-footer-input{
-  word-break: break-all;
-  padding: 8px;
-  white-space: pre-wrap;
-  overflow: auto;
-  min-height: 120px;
-  flex: 1;
-  background: #f7f6f4;
-  ::v-deep(.at-logo){
-    padding-right: 5px;
-    vertical-align: text-bottom;
+    background: #f7f6f4;
+    border-right: 1px solid #ededed;
+    border-bottom: 1px solid #ededed;
+    box-sizing: border-box;
   }
-
-}
-.g-chat-container-footer-btn{
-  height: 50px;
-  background: #f7f6f4;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  flex-shrink: 0;
-  ::v-deep(.el-button){
-    padding: 8px 20px;
-    margin-right: 15px;
+  [contenteditable]:focus {
+    outline: none;
   }
-}
-.g-layout-content-chat-util{
-  height: 46px;
-  display: flex;
-  flex-shrink: 0;
-  justify-content: space-between;
-  position: relative;
-  border-bottom: 1px solid #ebebeb;
-  background: white;
-  .item-left{
+  .g-chat-container-footer-input {
+    word-break: break-all;
+    padding: 8px;
+    white-space: pre-wrap;
+    overflow: auto;
+    min-height: 120px;
+    flex: 1;
+    background: #f7f6f4;
+    ::v-deep(.at-logo) {
+      padding-right: 5px;
+      vertical-align: text-bottom;
+    }
+  }
+  .g-chat-container-footer-btn {
+    height: 50px;
+    background: #f7f6f4;
     display: flex;
     align-items: center;
+    justify-content: flex-end;
+    flex-shrink: 0;
+    ::v-deep(.el-button) {
+      padding: 8px 20px;
+      margin-right: 15px;
+    }
   }
-  .upload-picture{
-    cursor: pointer;
+  .g-layout-content-chat-util {
+    height: 46px;
     display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    width: 40px;
-  }
-  .screenshot-upload{
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    width: 40px;
-  }
-  .recoding-chatbox{
+    flex-shrink: 0;
+    justify-content: space-between;
     position: relative;
-  }
-  .emoje{
-    display: flex;
-    align-items: center;
-    height: 100%;
-    justify-content: center;
-    width: 40px;
-    font-size: 25px;
-    cursor: pointer;
-    color: grey;
-  }
-  .upload-picture{
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    height: 100%;
-    width: 40px;
-    justify-content: center;
-  }
-
-  .emoje-border-wrap{
-    top: -364px;
-    left: 0;
-    position: absolute;
-    width: 372px;
-    padding: 10px;
-    z-index: 9;
-    border: 1px solid #D9D9D9;
-    background-color: #fff;
-    overflow: hidden;
-    box-shadow: 0 0 20px rgba(0,0,0,.2);
-    .title-emoje{
+    border-bottom: 1px solid #ebebeb;
+    background: white;
+    .item-left {
+      display: flex;
+      align-items: center;
+    }
+    .upload-picture {
       cursor: pointer;
-      float: left;
-      border: 1px solid #e8e8e8;
-      height: 32px;
-      width: 32px;
-      overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: center;
-      margin: -1px 0 0 -1px;
-      //padding: 4px 2px;
-      text-align: center;
-      /*img{*/
-      /*    width: 100%;*/
-      /*    height: 100%;*/
-      /*}*/
+      height: 100%;
+      width: 40px;
     }
-  }
-}
-
-
-.from_user_info{
-  width: 100%;
-  // overflow: hidden;
-  float: left;
-  font-size: 12px;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-  ::v-deep .share-link {
-    color: #000;
-    text-decoration: none;
-    section {
+    .screenshot-upload {
+      cursor: pointer;
       display: flex;
       align-items: center;
+      justify-content: center;
+      height: 100%;
+      width: 40px;
     }
-    .clamp {
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 2;
+    .recoding-chatbox {
+      position: relative;
+    }
+    .emoje {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      justify-content: center;
+      width: 40px;
+      font-size: 25px;
+      cursor: pointer;
+      color: grey;
+    }
+    .upload-picture {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      height: 100%;
+      width: 40px;
+      justify-content: center;
+    }
+
+    .emoje-border-wrap {
+      top: -364px;
+      left: 0;
+      position: absolute;
+      width: 372px;
+      padding: 10px;
+      z-index: 9;
+      border: 1px solid #d9d9d9;
+      background-color: #fff;
       overflow: hidden;
-    }
-    .left-side {
-      flex: 1;
-    }
-    .right-side {
-      width: 60px;
-      margin-left: 20px;
-      img {
-        width: 100%;
+      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+      .title-emoje {
+        cursor: pointer;
+        float: left;
+        border: 1px solid #e8e8e8;
+        height: 32px;
+        width: 32px;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: -1px 0 0 -1px;
+        //padding: 4px 2px;
+        text-align: center;
+        /*img{*/
+        /*    width: 100%;*/
+        /*    height: 100%;*/
+        /*}*/
       }
     }
   }
-  .receive-message-wrap{
+
+  .from_user_info {
+    width: 100%;
+    // overflow: hidden;
+    float: left;
+    font-size: 12px;
     display: flex;
-  }
-  .text-content{
-    background: #fff;
-    word-break: break-all;
-    padding: 5px 10px;
-    max-width: 300px;
-    white-space: pre-wrap;
-  }
-  .receive-message-info{
-    background: white;
-    display: flex;
-    align-items: center;
-    padding: 0 5px;
-    border-radius: 4px;
-  }
-  .contact-nickname{
-    margin-bottom: 5px;
-    color: #b4b4b4;
-  }
-  .avatar-show{
-    flex-shrink:0 ;
-    width: 35px;
-    height: 35px;
-    margin-right: 10px;
-    border: 1px solid #e9e9e9;
-    img{
-      width: 100%;
-      height: 100%;
+    flex-direction: column;
+    margin-bottom: 10px;
+    ::v-deep .share-link {
+      color: #000;
+      text-decoration: none;
+      section {
+        display: flex;
+        align-items: center;
+      }
+      .clamp {
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+      }
+      .left-side {
+        flex: 1;
+      }
+      .right-side {
+        width: 60px;
+        margin-left: 20px;
+        img {
+          width: 100%;
+        }
+      }
+    }
+    .receive-message-wrap {
+      display: flex;
+    }
+    .text-content {
+      background: #fff;
+      word-break: break-all;
+      padding: 5px 10px;
+      max-width: 300px;
+      white-space: pre-wrap;
+    }
+    .receive-message-info {
+      background: white;
+      display: flex;
+      align-items: center;
+      padding: 0 5px;
+      border-radius: 4px;
+    }
+    .contact-nickname {
+      margin-bottom: 5px;
+      color: #b4b4b4;
+    }
+    .avatar-show {
+      flex-shrink: 0;
+      width: 35px;
+      height: 35px;
+      margin-right: 10px;
+      border: 1px solid #e9e9e9;
+      img {
+        width: 100%;
+        height: 100%;
+      }
     }
   }
-}
-.ower-user_info{
-  font-size: 12px;
-  display: flex;
-  width: 100%;
-  float: right;
-  justify-content: flex-end;
-  flex-direction: column;
-  margin-top: 10px;
-  .text-content{
-    word-break: break-all;
-    padding: 5px;
-    white-space:pre-wrap;
-    max-width: 300px;
-  }
-  .receive-message-wrap{
+  .ower-user_info {
+    font-size: 12px;
     display: flex;
+    width: 100%;
+    float: right;
     justify-content: flex-end;
-    align-items: center
-  }
-  .receive-message-info{
-    background: #9eea6a;
-    display: flex;
-    align-items: center;
-    padding: 0 5px;
-    border-radius: 4px;
-  }
-  .contact-nickname{
-    text-align: right;
-    margin-bottom: 5px;
-    color: #b4b4b4;
-  }
-  .avatar-show{
-    flex-shrink:0 ;
-    width: 35px;
-    height: 35px;
-    margin-left: 10px;
-    border: 1px solid #e9e9e9;
-    img{
-      width: 100%;
-      height: 100%;
+    flex-direction: column;
+    margin-top: 10px;
+    .text-content {
+      word-break: break-all;
+      padding: 5px;
+      white-space: pre-wrap;
+      max-width: 300px;
+    }
+    .receive-message-wrap {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+    .receive-message-info {
+      background: #9eea6a;
+      display: flex;
+      align-items: center;
+      padding: 0 5px;
+      border-radius: 4px;
+    }
+    .contact-nickname {
+      text-align: right;
+      margin-bottom: 5px;
+      color: #b4b4b4;
+    }
+    .avatar-show {
+      flex-shrink: 0;
+      width: 35px;
+      height: 35px;
+      margin-left: 10px;
+      border: 1px solid #e9e9e9;
+      img {
+        width: 100%;
+        height: 100%;
+      }
     }
   }
-}
 </style>
diff --git a/src/views/chat/components/u-toolbar/index.vue b/src/views/chat/components/u-toolbar/index.vue
index 95c471f..d592368 100644
--- a/src/views/chat/components/u-toolbar/index.vue
+++ b/src/views/chat/components/u-toolbar/index.vue
@@ -1,22 +1,22 @@
 <template>
   <div class="g-layout-content-chat-util">
-
     <div class="item-left">
       <div class="emoje" title="选择表情" @click.stop="selectEmojiAction">
-        <img src="static/face/emoji-after.png" alt="" style="width:20px">
+        <img src="static/face/emoji-after.png" alt="" style="width: 20px" />
       </div>
       <div class="upload-picture" title="上传图片">
         <el-upload action multiple :show-file-list="false" :before-upload="beforeUploadAction">
-          <el-icon style="font-size:20px"><FolderOpened/></el-icon>
+          <el-icon style="font-size: 20px"><FolderOpened /></el-icon>
         </el-upload>
       </div>
       <div class="emoje-border-wrap" v-show="isShowEmoji">
-
-        <div class="title-emoje"
-             v-for="(item,index) in emojis"
-             @click.stop="selectSigleEmojeAction($event,item)"
-             :key="index">
-          <img :src="`static/face/${item}.png`" :title="item"/>
+        <div
+          class="title-emoje"
+          v-for="(item, index) in emojis"
+          @click.stop="selectSigleEmojeAction($event, item)"
+          :key="index"
+        >
+          <img :src="`static/face/${item}.png`" :title="item" />
         </div>
       </div>
     </div>
@@ -24,138 +24,135 @@
 </template>
 
 <script setup lang="ts">
-  import { ref,defineEmits,onMounted } from 'vue'
-  import {
-    FolderOpened
-  } from '@element-plus/icons-vue'
-  import {ElMessage} from "element-plus";
+  import { ref, defineEmits, onMounted } from 'vue'
+  import { FolderOpened } from '@element-plus/icons-vue'
+  import { ElMessage } from 'element-plus'
 
   import emoji from '@/utils/emojis'
   const emojis = ref<string[]>(emoji.imgs)
   const isShowEmoji = ref<boolean>(false)
-  const emit = defineEmits(['insert','upload'])
+  const emit = defineEmits(['insert', 'upload'])
 
-  const selectSigleEmojeAction  = (e, item) =>{
+  const selectSigleEmojeAction = (e, item) => {
     if (e.target.tagName === 'IMG') {
       let node = e.target.cloneNode(true)
       node.title = item
-      emit('insert',node,'IMG')
+      emit('insert', node, 'IMG')
     } else {
-      emit('insert',node)
+      emit('insert', node)
     }
   }
 
-  const selectEmojiAction =()=> {
+  const selectEmojiAction = () => {
     isShowEmoji.value = true
-    emit('insert',null,null)
+    emit('insert', null, null)
   }
 
-  const beforeUploadAction = (file, fileList)=>{
+  const beforeUploadAction = (file, fileList) => {
     return new Promise((resolve, reject) => {
       var reader = new FileReader()
-      let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
       reader.readAsDataURL(file)
       let name = file.name
-      if(reg.test(name)){
-        reader.onload = (e:FileReader)=>{
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
           resolve(e.target.result)
-          emit('upload',e.target.result)
+          emit('upload', e.target.result)
         }
-      }else{
+      } else {
         ElMessage.error('请上传图片')
         reject()
       }
     })
   }
 
-  onMounted(()=>{
+  onMounted(() => {
     window.onclick = function (event) {
       isShowEmoji.value = false
     }
   })
-
 </script>
 
 <style lang="scss" scoped>
-.g-layout-content-chat-util{
-  height: 46px;
-  display: flex;
-  flex-shrink: 0;
-  justify-content: space-between;
-  position: relative;
-  border-bottom: 1px solid #ebebeb;
-  background: white;
-  .item-left{
+  .g-layout-content-chat-util {
+    height: 46px;
     display: flex;
-    align-items: center;
-  }
-  .upload-picture{
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    width: 40px;
-  }
-  .screenshot-upload{
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    width: 40px;
-  }
-  .recoding-chatbox{
+    flex-shrink: 0;
+    justify-content: space-between;
     position: relative;
-  }
-  .emoje{
-    display: flex;
-    align-items: center;
-    height: 100%;
-    justify-content: center;
-    width: 40px;
-    font-size: 25px;
-    cursor: pointer;
-    color: grey;
-  }
-  .upload-picture{
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    height: 100%;
-    width: 40px;
-    justify-content: center;
-  }
-
-  .emoje-border-wrap{
-    top: -121px;
-    left: 0;
-    position: absolute;
-    width: 372px;
-    padding: 10px;
-    z-index: 9;
-    border: 1px solid #D9D9D9;
-    background-color: #fff;
-    overflow: hidden;
-    box-shadow: 0 0 20px rgba(0,0,0,.2);
-    .title-emoje{
+    border-bottom: 1px solid #ebebeb;
+    background: white;
+    .item-left {
+      display: flex;
+      align-items: center;
+    }
+    .upload-picture {
       cursor: pointer;
-      float: left;
-      border: 1px solid #e8e8e8;
-      height: 32px;
-      width: 32px;
-      overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: center;
-      margin: -1px 0 0 -1px;
-      //padding: 4px 2px;
-      text-align: center;
-      /*img{*/
-      /*    width: 100%;*/
-      /*    height: 100%;*/
-      /*}*/
+      height: 100%;
+      width: 40px;
+    }
+    .screenshot-upload {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      width: 40px;
+    }
+    .recoding-chatbox {
+      position: relative;
+    }
+    .emoje {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      justify-content: center;
+      width: 40px;
+      font-size: 25px;
+      cursor: pointer;
+      color: grey;
+    }
+    .upload-picture {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      height: 100%;
+      width: 40px;
+      justify-content: center;
+    }
+
+    .emoje-border-wrap {
+      top: -121px;
+      left: 0;
+      position: absolute;
+      width: 372px;
+      padding: 10px;
+      z-index: 9;
+      border: 1px solid #d9d9d9;
+      background-color: #fff;
+      overflow: hidden;
+      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+      .title-emoje {
+        cursor: pointer;
+        float: left;
+        border: 1px solid #e8e8e8;
+        height: 32px;
+        width: 32px;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: -1px 0 0 -1px;
+        //padding: 4px 2px;
+        text-align: center;
+        /*img{*/
+        /*    width: 100%;*/
+        /*    height: 100%;*/
+        /*}*/
+      }
     }
   }
-}
 </style>
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index c58f244..3538244 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -1,8 +1,10 @@
 <template>
   <u-container-layout>
     <div>
-      <div style="margin-bottom: 15px">聊天内容框，功能有发送emoji表情，上传图片，发送图片，内容滚动，发送文字</div>
-      <u-chat-box/>
+      <div style="margin-bottom: 15px"
+        >聊天内容框，功能有发送emoji表情，上传图片，发送图片，内容滚动，发送文字</div
+      >
+      <u-chat-box />
     </div>
   </u-container-layout>
 </template>
@@ -11,6 +13,4 @@
   import UChatBox from './components/u-chartBox/index.vue'
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/clipboard/index.vue b/src/views/clipboard/index.vue
index 2d0b288..0e244a1 100644
--- a/src/views/clipboard/index.vue
+++ b/src/views/clipboard/index.vue
@@ -1,25 +1,25 @@
 <template>
-    <u-container-layout>
-        <el-card style="margin-bottom: 20px">
-            <div style="margin-bottom: 10px">输入内容，并点击复制按钮</div>
-            <el-input v-model="inputData" placeholder="请输入" style="width:400px;max-width:100%;" />
-            <el-button type="primary" @click="handleCopy(inputData,$event)">
-                <el-icon style="margin-right: 6px"><document-copy /></el-icon> 复制
-            </el-button>
-        </el-card>
-        <el-card>
-            <div style="margin-bottom: 10px">复制成功后可在这粘贴测试</div>
-            <el-input v-model="testValue" placeholder="请输入" style="width:400px;max-width:100%;" />
-        </el-card>
-    </u-container-layout>
+  <u-container-layout>
+    <el-card style="margin-bottom: 20px">
+      <div style="margin-bottom: 10px">输入内容，并点击复制按钮</div>
+      <el-input v-model="inputData" placeholder="请输入" style="width: 400px; max-width: 100%" />
+      <el-button type="primary" @click="handleCopy(inputData, $event)">
+        <el-icon style="margin-right: 6px"><document-copy /></el-icon> 复制
+      </el-button>
+    </el-card>
+    <el-card>
+      <div style="margin-bottom: 10px">复制成功后可在这粘贴测试</div>
+      <el-input v-model="testValue" placeholder="请输入" style="width: 400px; max-width: 100%" />
+    </el-card>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import {ref} from 'vue'
-    import clip from '@/utils/clipboard'
-    const inputData = ref('https://github.com/zouzhibin/vue-admin-perfect')
-    const testValue = ref('')
+  import { ref } from 'vue'
+  import clip from '@/utils/clipboard'
+  const inputData = ref('https://github.com/zouzhibin/vue-admin-perfect')
+  const testValue = ref('')
 
-    const handleCopy = (text, event)=> {
-        clip(text, event)
-    }
+  const handleCopy = (text, event) => {
+    clip(text, event)
+  }
 </script>
diff --git a/src/views/components-demo/button.vue b/src/views/components-demo/button.vue
index 8b3facf..2a4eb3f 100644
--- a/src/views/components-demo/button.vue
+++ b/src/views/components-demo/button.vue
@@ -4,44 +4,42 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>基础用法
-      </span>
+            <span>基础用法 </span>
           </div>
         </template>
         <div>
           <el-button class="item">Default</el-button>
-          <el-button type="primary"  class="item">Primary</el-button>
-          <el-button type="success"  class="item">Success</el-button>
-          <el-button type="info"  class="item">Info</el-button>
-          <el-button type="warning"  class="item">Warning</el-button>
-          <el-button type="danger"  class="item">Danger</el-button>
-          <el-button  class="item">中文</el-button>
-          <el-button plain  class="item">Plain</el-button>
-          <el-button type="primary" plain  class="item">Primary</el-button>
-          <el-button type="success" plain  class="item">Success</el-button>
-          <el-button type="info" plain  class="item">Info</el-button>
-          <el-button type="warning" plain  class="item">Warning</el-button>
-          <el-button type="danger" plain  class="item">Danger</el-button>
-          <el-button round  class="item">Round</el-button>
-          <el-button type="primary" round  class="item">Primary</el-button>
-          <el-button type="success" round  class="item">Success</el-button>
-          <el-button type="info" round  class="item">Info</el-button>
-          <el-button type="warning" round  class="item">Warning</el-button>
-          <el-button type="danger" round  class="item">Danger</el-button>
-          <el-button :icon="Search" circle  class="item"/>
-          <el-button type="primary" :icon="Edit" circle  class="item"/>
-          <el-button type="success" :icon="Check" circle  class="item"/>
-          <el-button type="info" :icon="Message" circle  class="item"/>
-          <el-button type="warning" :icon="Star" circle  class="item"/>
-          <el-button type="danger" :icon="Delete" circle  class="item"/>
+          <el-button type="primary" class="item">Primary</el-button>
+          <el-button type="success" class="item">Success</el-button>
+          <el-button type="info" class="item">Info</el-button>
+          <el-button type="warning" class="item">Warning</el-button>
+          <el-button type="danger" class="item">Danger</el-button>
+          <el-button class="item">中文</el-button>
+          <el-button plain class="item">Plain</el-button>
+          <el-button type="primary" plain class="item">Primary</el-button>
+          <el-button type="success" plain class="item">Success</el-button>
+          <el-button type="info" plain class="item">Info</el-button>
+          <el-button type="warning" plain class="item">Warning</el-button>
+          <el-button type="danger" plain class="item">Danger</el-button>
+          <el-button round class="item">Round</el-button>
+          <el-button type="primary" round class="item">Primary</el-button>
+          <el-button type="success" round class="item">Success</el-button>
+          <el-button type="info" round class="item">Info</el-button>
+          <el-button type="warning" round class="item">Warning</el-button>
+          <el-button type="danger" round class="item">Danger</el-button>
+          <el-button :icon="Search" circle class="item" />
+          <el-button type="primary" :icon="Edit" circle class="item" />
+          <el-button type="success" :icon="Check" circle class="item" />
+          <el-button type="info" :icon="Message" circle class="item" />
+          <el-button type="warning" :icon="Star" circle class="item" />
+          <el-button type="danger" :icon="Delete" circle class="item" />
         </div>
       </el-card>
 
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>禁用状态
-      </span>
+            <span>禁用状态 </span>
           </div>
         </template>
         <div>
@@ -63,8 +61,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>文字按钮
-      </span>
+            <span>文字按钮 </span>
           </div>
         </template>
         <div>
@@ -76,14 +73,13 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>图标按钮
-      </span>
+            <span>图标按钮 </span>
           </div>
         </template>
         <div>
-          <el-button type="primary" :icon="Edit" class="item"/>
-          <el-button type="primary" :icon="Share" class="item"/>
-          <el-button type="primary" :icon="Delete" class="item"/>
+          <el-button type="primary" :icon="Edit" class="item" />
+          <el-button type="primary" :icon="Share" class="item" />
+          <el-button type="primary" :icon="Delete" class="item" />
           <el-button type="primary" :icon="Search" class="item">Search</el-button>
           <el-button type="primary" class="item">
             Upload<el-icon class="el-icon--right"><Upload /></el-icon>
@@ -94,8 +90,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>按钮组
-      </span>
+            <span>按钮组 </span>
           </div>
         </template>
         <div>
@@ -103,17 +98,16 @@
           <el-button type="primary" class="item">
             下一页<el-icon class="el-icon--right"><ArrowRight /></el-icon>
           </el-button>
-          <el-button type="primary" :icon="Edit" class="item"/>
-          <el-button type="primary" :icon="Share" class="item"/>
-          <el-button type="primary" :icon="Delete" class="item"/>
+          <el-button type="primary" :icon="Edit" class="item" />
+          <el-button type="primary" :icon="Share" class="item" />
+          <el-button type="primary" :icon="Delete" class="item" />
         </div>
       </el-card>
 
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>加载中
-      </span>
+            <span>加载中 </span>
           </div>
         </template>
         <div>
@@ -124,8 +118,8 @@
               <div class="custom-loading">
                 <svg class="circular" viewBox="-10, -10, 50, 50">
                   <path
-                      class="path"
-                      d="
+                    class="path"
+                    d="
             M 30 15
             L 28 17
             M 25.61 25.61
@@ -133,7 +127,7 @@
             A 15 15, 0, 1, 1, 27.99 7.5
             L 15 15
           "
-                      style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"
+                    style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"
                   />
                 </svg>
               </div>
@@ -146,52 +140,40 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>自定义颜色
-      </span>
+            <span>自定义颜色 </span>
           </div>
         </template>
         <div>
-          <el-button color="#626aef"  class="item">Default</el-button>
-          <el-button color="#626aef"  plain class="item">Plain</el-button>
+          <el-button color="#626aef" class="item">Default</el-button>
+          <el-button color="#626aef" plain class="item">Plain</el-button>
 
-          <el-button color="#626aef"  disabled class="item">Disabled</el-button>
-          <el-button color="#626aef" disabled plain class="item"
-          >Disabled Plain</el-button
-          >
+          <el-button color="#626aef" disabled class="item">Disabled</el-button>
+          <el-button color="#626aef" disabled plain class="item">Disabled Plain</el-button>
         </div>
       </el-card>
     </div>
   </u-container-layout>
-
 </template>
 <script lang="ts" setup>
-import {
-  Check,
-  Delete,
-  Edit,
-  Message,
-  Search,
-  Share,
-  Star
-} from '@element-plus/icons-vue'
+  import { Check, Delete, Edit, Message, Search, Share, Star } from '@element-plus/icons-vue'
 </script>
 <style>
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
 
-.text {
-  font-size: 14px;
-}
+  .text {
+    font-size: 14px;
+  }
 
-.item {
-  margin-bottom: 18px;
-}
+  .item {
+    margin-bottom: 18px;
+  }
 
-.box-card {
-  width: 100%;
-  margin-bottom:20px;
-}
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/checkbox.vue b/src/views/components-demo/checkbox.vue
index a35755a..6047a59 100644
--- a/src/views/components-demo/checkbox.vue
+++ b/src/views/components-demo/checkbox.vue
@@ -1,149 +1,137 @@
-   <template>
-     <u-container-layout>
-       <div>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>基础用法
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox v-model="checked1" label="备选项1" />
-             <el-checkbox v-model="checked2" label="备选项1" />
-           </div>
-         </el-card>
+<template>
+  <u-container-layout>
+    <div>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>基础用法 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox v-model="checked1" label="备选项1" />
+          <el-checkbox v-model="checked2" label="备选项1" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                <span>禁用状态
-              </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox v-model="checked1" disabled>备选项11</el-checkbox>
-             <el-checkbox v-model="checked2">备选项2</el-checkbox>
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>禁用状态 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox v-model="checked1" disabled>备选项11</el-checkbox>
+          <el-checkbox v-model="checked2">备选项2</el-checkbox>
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>多选框组
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox-group v-model="checkList">
-               <el-checkbox label="备选项 A" />
-               <el-checkbox label="备选项 B" />
-               <el-checkbox label="备选项 C" />
-               <el-checkbox label="禁用" disabled />
-               <el-checkbox label="选中且禁用" disabled />
-             </el-checkbox-group>
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>多选框组 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox-group v-model="checkList">
+            <el-checkbox label="备选项 A" />
+            <el-checkbox label="备选项 B" />
+            <el-checkbox label="备选项 C" />
+            <el-checkbox label="禁用" disabled />
+            <el-checkbox label="选中且禁用" disabled />
+          </el-checkbox-group>
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>中间状态
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox
-                 v-model="checkAll"
-                 :indeterminate="isIndeterminate"
-                 @change="handleCheckAllChange"
-             >全选</el-checkbox
-             >
-             <el-checkbox-group
-                 v-model="checkedCities"
-                 @change="handleCheckedCitiesChange"
-             >
-               <el-checkbox v-for="city in cities" :key="city" :label="city">{{
-                   city
-                 }}</el-checkbox>
-             </el-checkbox-group>
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>中间状态 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox
+            v-model="checkAll"
+            :indeterminate="isIndeterminate"
+            @change="handleCheckAllChange"
+            >全选</el-checkbox
+          >
+          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
+            <el-checkbox v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox>
+          </el-checkbox-group>
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>按钮样式
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox-group v-model="checkboxGroup1" >
-               <el-checkbox-button v-for="city in cities" :key="city" :label="city">
-                 {{ city }}
-               </el-checkbox-button>
-             </el-checkbox-group>
-           </div>
-         </el-card>
-
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>带有边框
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox v-model="checked1" label="备选项1" border />
-             <el-checkbox v-model="checked2" label="备选项2" border />
-           </div>
-         </el-card>
-       </div>
-     </u-container-layout>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>按钮样式 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox-group v-model="checkboxGroup1">
+            <el-checkbox-button v-for="city in cities" :key="city" :label="city">
+              {{ city }}
+            </el-checkbox-button>
+          </el-checkbox-group>
+        </div>
+      </el-card>
 
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>带有边框 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox v-model="checked1" label="备选项1" border />
+          <el-checkbox v-model="checked2" label="备选项2" border />
+        </div>
+      </el-card>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    const checked1 = ref(false)
-    const checked2 = ref(true)
-    const checkList = ref(['选中且禁用', '备选项 A'])
-    const cities = ['上海', '北京', '广州', '深圳']
-    const checkAll = ref(false)
-    const isIndeterminate = ref(true)
-    const checkedCities = ref(['上海', '北京'])
-    const checkboxGroup1 = ref(['上海'])
-    const handleCheckAllChange = (val: boolean) => {
-        checkedCities.value = val ? cities : []
-        isIndeterminate.value = false
-    }
-    const handleCheckedCitiesChange = (value: string[]) => {
-        const checkedCount = value.length
-        checkAll.value = checkedCount === cities.length
-        isIndeterminate.value = checkedCount > 0 && checkedCount < cities.length
-    }
+  import { ref } from 'vue'
+  const checked1 = ref(false)
+  const checked2 = ref(true)
+  const checkList = ref(['选中且禁用', '备选项 A'])
+  const cities = ['上海', '北京', '广州', '深圳']
+  const checkAll = ref(false)
+  const isIndeterminate = ref(true)
+  const checkedCities = ref(['上海', '北京'])
+  const checkboxGroup1 = ref(['上海'])
+  const handleCheckAllChange = (val: boolean) => {
+    checkedCities.value = val ? cities : []
+    isIndeterminate.value = false
+  }
+  const handleCheckedCitiesChange = (value: string[]) => {
+    const checkedCount = value.length
+    checkAll.value = checkedCount === cities.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < cities.length
+  }
 </script>
 <style>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/datetimepicker.vue b/src/views/components-demo/datetimepicker.vue
index 014d5e0..f2dbecc 100644
--- a/src/views/components-demo/datetimepicker.vue
+++ b/src/views/components-demo/datetimepicker.vue
@@ -1,169 +1,152 @@
-   <template>
-     <u-container-layout>
-       <div>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>日期和时间点
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-date-picker
-                 v-model="value1"
-                 type="datetime"
-                 placeholder="选择日期时间点"
-             />
-           </div>
-         </el-card>
+<template>
+  <u-container-layout>
+    <div>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>日期和时间点 </span>
+          </div>
+        </template>
+        <div>
+          <el-date-picker v-model="value1" type="datetime" placeholder="选择日期时间点" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                <span>日期时间格式
-              </span>
-             </div>
-           </template>
-           <div>
-             <el-date-picker
-                 v-model="value4"
-                 type="datetime"
-                 placeholder="选择时间"
-                 format="YYYY/MM/DD hh:mm:ss"
-             />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>日期时间格式 </span>
+          </div>
+        </template>
+        <div>
+          <el-date-picker
+            v-model="value4"
+            type="datetime"
+            placeholder="选择时间"
+            format="YYYY/MM/DD hh:mm:ss"
+          />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>日期和时间范围
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-date-picker
-                 :shortcuts="shortcuts1"
-                 v-model="value3"
-                 type="datetimerange"
-                 range-separator="-"
-                 start-placeholder="开始日期"
-                 end-placeholder="结束日期"
-             />
-           </div>
-         </el-card>
-
-
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>默认的起始与结束时刻
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-date-picker
-                 v-model="value5"
-                 type="datetimerange"
-                 start-placeholder="开始日期"
-                 end-placeholder="结束日期"
-                 :default-time="defaultTime1"
-             />
-           </div>
-         </el-card>
-
-
-
-
-       </div>
-     </u-container-layout>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>日期和时间范围 </span>
+          </div>
+        </template>
+        <div>
+          <el-date-picker
+            :shortcuts="shortcuts1"
+            v-model="value3"
+            type="datetimerange"
+            range-separator="-"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          />
+        </div>
+      </el-card>
 
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>默认的起始与结束时刻 </span>
+          </div>
+        </template>
+        <div>
+          <el-date-picker
+            v-model="value5"
+            type="datetimerange"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :default-time="defaultTime1"
+          />
+        </div>
+      </el-card>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    const value1 = ref('')
-    const value4 = ref('')
-    const value5 = ref('')
-    const defaultTime1 = [new Date(2000, 1, 1, 12, 0, 0)]
-    const value3 = ref([
-        new Date(2000, 10, 10, 10, 10),
-        new Date(2000, 10, 11, 10, 10),
-    ])
-    const shortcuts = [
-        {
-            text: 'Today',
-            value: new Date(),
-        },
-        {
-            text: 'Yesterday',
-            value: () => {
-                const date = new Date()
-                date.setTime(date.getTime() - 3600 * 1000 * 24)
-                return date
-            },
-        },
-        {
-            text: 'A week ago',
-            value: () => {
-                const date = new Date()
-                date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-                return date
-            },
-        },
-    ]
+  import { ref } from 'vue'
+  const value1 = ref('')
+  const value4 = ref('')
+  const value5 = ref('')
+  const defaultTime1 = [new Date(2000, 1, 1, 12, 0, 0)]
+  const value3 = ref([new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)])
+  const shortcuts = [
+    {
+      text: 'Today',
+      value: new Date(),
+    },
+    {
+      text: 'Yesterday',
+      value: () => {
+        const date = new Date()
+        date.setTime(date.getTime() - 3600 * 1000 * 24)
+        return date
+      },
+    },
+    {
+      text: 'A week ago',
+      value: () => {
+        const date = new Date()
+        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+        return date
+      },
+    },
+  ]
 
-    const shortcuts1 = [
-        {
-            text: 'Last week',
-            value: () => {
-                const end = new Date()
-                const start = new Date()
-                start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
-                return [start, end]
-            },
-        },
-        {
-            text: 'Last month',
-            value: () => {
-                const end = new Date()
-                const start = new Date()
-                start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
-                return [start, end]
-            },
-        },
-        {
-            text: 'Last 3 months',
-            value: () => {
-                const end = new Date()
-                const start = new Date()
-                start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
-                return [start, end]
-            },
-        },
-    ]
+  const shortcuts1 = [
+    {
+      text: 'Last week',
+      value: () => {
+        const end = new Date()
+        const start = new Date()
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+        return [start, end]
+      },
+    },
+    {
+      text: 'Last month',
+      value: () => {
+        const end = new Date()
+        const start = new Date()
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+        return [start, end]
+      },
+    },
+    {
+      text: 'Last 3 months',
+      value: () => {
+        const end = new Date()
+        const start = new Date()
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+        return [start, end]
+      },
+    },
+  ]
 </script>
 <style>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/flow-chart.vue b/src/views/components-demo/flow-chart.vue
index a40202b..971c0a3 100644
--- a/src/views/components-demo/flow-chart.vue
+++ b/src/views/components-demo/flow-chart.vue
@@ -1,13 +1,11 @@
 <template>
   <u-container-layout>
-    <zb-pipeline/>
+    <zb-pipeline />
   </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-import ZbPipeline from "@/components/pipeline/index.vue";
+  import ZbPipeline from '@/components/pipeline/index.vue'
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/components-demo/input.vue b/src/views/components-demo/input.vue
index 167011c..aa51f60 100644
--- a/src/views/components-demo/input.vue
+++ b/src/views/components-demo/input.vue
@@ -1,133 +1,105 @@
-   <template>
-     <u-container-layout>
-       <div>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>基础用法
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input v-model="input" placeholder="请输入内容" />
-           </div>
-         </el-card>
+<template>
+  <u-container-layout>
+    <div>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>基础用法 </span>
+          </div>
+        </template>
+        <div>
+          <el-input v-model="input" placeholder="请输入内容" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                <span>禁用状态
-              </span>
-             </div>
-           </template>
-           <div>
-             <el-input v-model="input" disabled placeholder="请输入内容" />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>禁用状态 </span>
+          </div>
+        </template>
+        <div>
+          <el-input v-model="input" disabled placeholder="请输入内容" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>一键清空
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input v-model="input" placeholder="请输入内容" clearable />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>一键清空 </span>
+          </div>
+        </template>
+        <div>
+          <el-input v-model="input" placeholder="请输入内容" clearable />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>格式化
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input
-                 v-model="input"
-                 placeholder="请输入内容"
-                 :formatter="(value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
-                 :parser="(value) => value.replace(/\$\s?|(,*)/g, '')"
-             />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>格式化 </span>
+          </div>
+        </template>
+        <div>
+          <el-input
+            v-model="input"
+            placeholder="请输入内容"
+            :formatter="(value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
+            :parser="(value) => value.replace(/\$\s?|(,*)/g, '')"
+          />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>密码框
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input
-                 v-model="input"
-                 type="password"
-                 placeholder="请输入密码"
-                 show-password
-             />
-           </div>
-         </el-card>
-
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>带 icon 的输入框
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input
-                 v-model="input"
-                 placeholder="请输入内容"
-                 :suffix-icon="Calendar"
-             />
-             <el-input
-                 v-model="input2"
-                 placeholder="请输入内容"
-                 :prefix-icon="Search"
-             />
-           </div>
-         </el-card>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>文本域
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input
-                 v-model="textarea"
-                 :rows="2"
-                 type="textarea"
-                 placeholder="请输入内容"
-             />
-           </div>
-         </el-card>
-
-       </div>
-     </u-container-layout>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>密码框 </span>
+          </div>
+        </template>
+        <div>
+          <el-input v-model="input" type="password" placeholder="请输入密码" show-password />
+        </div>
+      </el-card>
 
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>带 icon 的输入框 </span>
+          </div>
+        </template>
+        <div>
+          <el-input v-model="input" placeholder="请输入内容" :suffix-icon="Calendar" />
+          <el-input v-model="input2" placeholder="请输入内容" :prefix-icon="Search" />
+        </div>
+      </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>文本域 </span>
+          </div>
+        </template>
+        <div>
+          <el-input v-model="textarea" :rows="2" type="textarea" placeholder="请输入内容" />
+        </div>
+      </el-card>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    import { Calendar, Search } from '@element-plus/icons-vue'
-    const input = ref('')
-    const input2 = ref('')
-    const textarea = ref('')
-
+  import { ref } from 'vue'
+  import { Calendar, Search } from '@element-plus/icons-vue'
+  const input = ref('')
+  const input2 = ref('')
+  const textarea = ref('')
 </script>
 <style>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/inputnumber.vue b/src/views/components-demo/inputnumber.vue
index e5cd26b..ac124e9 100644
--- a/src/views/components-demo/inputnumber.vue
+++ b/src/views/components-demo/inputnumber.vue
@@ -1,119 +1,110 @@
-   <template>
-     <u-container-layout>
-       <div>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>基础用法
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
-           </div>
-         </el-card>
+<template>
+  <u-container-layout>
+    <div>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>基础用法 </span>
+          </div>
+        </template>
+        <div>
+          <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                <span>禁用状态
-              </span>
-             </div>
-           </template>
-           <div>
-             <el-input-number v-model="num" :disabled="true" />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>禁用状态 </span>
+          </div>
+        </template>
+        <div>
+          <el-input-number v-model="num" :disabled="true" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>步进
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input-number v-model="num" :step="2" />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>步进 </span>
+          </div>
+        </template>
+        <div>
+          <el-input-number v-model="num" :step="2" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>严格步进
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input-number v-model="num" :step="2" step-strictly />
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>严格步进 </span>
+          </div>
+        </template>
+        <div>
+          <el-input-number v-model="num" :step="2" step-strictly />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>精度
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input-number v-model="num" :precision="2" :step="0.1" :max="10" />
-           </div>
-         </el-card>
-
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>按钮位置
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-input-number
-                 v-model="num"
-                 class="mx-4"
-                 :min="1"
-                 :max="10"
-                 controls-position="right"
-                 @change="handleChange"
-             />
-           </div>
-         </el-card>
-
-
-       </div>
-     </u-container-layout>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>精度 </span>
+          </div>
+        </template>
+        <div>
+          <el-input-number v-model="num" :precision="2" :step="0.1" :max="10" />
+        </div>
+      </el-card>
 
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>按钮位置 </span>
+          </div>
+        </template>
+        <div>
+          <el-input-number
+            v-model="num"
+            class="mx-4"
+            :min="1"
+            :max="10"
+            controls-position="right"
+            @change="handleChange"
+          />
+        </div>
+      </el-card>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    const num = ref(1)
-    const handleChange = (value: number) => {
-        console.log(value)
-    }
+  import { ref } from 'vue'
+  const num = ref(1)
+  const handleChange = (value: number) => {
+    console.log(value)
+  }
 </script>
 <style>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/link.vue b/src/views/components-demo/link.vue
index 36a71b4..4005950 100644
--- a/src/views/components-demo/link.vue
+++ b/src/views/components-demo/link.vue
@@ -4,8 +4,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>基础用法
-      </span>
+            <span>基础用法 </span>
           </div>
         </template>
         <div>
@@ -21,8 +20,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-        <span>禁用状态
-      </span>
+            <span>禁用状态 </span>
           </div>
         </template>
         <div>
@@ -38,8 +36,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                    <span>下划线
-                  </span>
+            <span>下划线 </span>
           </div>
         </template>
         <div>
@@ -51,8 +48,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                    <span>图标
-                  </span>
+            <span>图标 </span>
           </div>
         </template>
         <div>
@@ -62,37 +58,34 @@
           </el-link>
         </div>
       </el-card>
-
-
     </div>
   </u-container-layout>
-
 </template>
 <script lang="ts" setup>
-    import { Edit, View as IconView } from '@element-plus/icons-vue'
+  import { Edit, View as IconView } from '@element-plus/icons-vue'
 </script>
 <style lang="scss" scoped>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/radio.vue b/src/views/components-demo/radio.vue
index ecea46f..154e59c 100644
--- a/src/views/components-demo/radio.vue
+++ b/src/views/components-demo/radio.vue
@@ -4,12 +4,11 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                    <span>基础用法
-                  </span>
+            <span>基础用法 </span>
           </div>
         </template>
         <div>
-          <el-radio v-model="radio4" label="1" >备选项</el-radio>
+          <el-radio v-model="radio4" label="1">备选项</el-radio>
           <el-radio v-model="radio4" label="2">备选项1</el-radio>
         </div>
       </el-card>
@@ -17,23 +16,19 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                <span>禁用状态
-              </span>
+            <span>禁用状态 </span>
           </div>
         </template>
         <div>
           <el-radio v-model="radio1" disabled label="disabled">备选项 1</el-radio>
-          <el-radio v-model="radio1" disabled label="selected and disabled"
-          >备选项 2</el-radio
-          >
+          <el-radio v-model="radio1" disabled label="selected and disabled">备选项 2</el-radio>
         </div>
       </el-card>
 
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                    <span>单选框组
-                  </span>
+            <span>单选框组 </span>
           </div>
         </template>
         <div>
@@ -48,8 +43,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                    <span>按钮样式
-                  </span>
+            <span>按钮样式 </span>
           </div>
         </template>
         <div>
@@ -65,8 +59,7 @@
       <el-card class="box-card">
         <template #header>
           <div class="card-header">
-                    <span>带有边框
-                  </span>
+            <span>带有边框 </span>
           </div>
         </template>
         <div>
@@ -74,44 +67,41 @@
           <el-radio v-model="radio3" label="2" border>备选项2</el-radio>
         </div>
       </el-card>
-
-
     </div>
   </u-container-layout>
-
 </template>
 <script lang="ts" setup>
-    import { Edit, View as IconView } from '@element-plus/icons-vue'
-    import { ref } from 'vue'
+  import { Edit, View as IconView } from '@element-plus/icons-vue'
+  import { ref } from 'vue'
 
-    const radio = ref(3)
-    const radio1 = ref('selected and disabled')
-    const radio2 = ref('上海')
-    const radio3 = ref('1')
-    const radio4 = ref('1')
+  const radio = ref(3)
+  const radio1 = ref('selected and disabled')
+  const radio2 = ref('上海')
+  const radio3 = ref('1')
+  const radio4 = ref('1')
 </script>
 <style scoped>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/scroll.vue b/src/views/components-demo/scroll.vue
index 9b39b7e..5406564 100644
--- a/src/views/components-demo/scroll.vue
+++ b/src/views/components-demo/scroll.vue
@@ -2,12 +2,19 @@
   <u-container-layout>
     <ul v-infinite-scroll="load" class="infinite-list" style="overflow: auto">
       <li v-for="i in count" :key="i" class="infinite-list-item">{{ i }}</li>
-      <div v-if="isLoading"
-           style="height: 50px;width: 100%;display: flex;align-items: center;justify-content: center"
-      >正在加载中...</div>
+      <div
+        v-if="isLoading"
+        style="
+          height: 50px;
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        "
+        >正在加载中...</div
+      >
     </ul>
   </u-container-layout>
-
 </template>
 
 <script lang="ts" setup>
@@ -20,22 +27,22 @@
 </script>
 
 <style>
-.infinite-list {
-  height: 300px;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-.infinite-list .infinite-list-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 50px;
-  background: var(--el-color-primary-light-9);
-  margin: 10px;
-  color: var(--el-color-primary);
-}
-.infinite-list .infinite-list-item + .list-item {
-  margin-top: 10px;
-}
+  .infinite-list {
+    height: 300px;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+  .infinite-list .infinite-list-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 50px;
+    background: var(--el-color-primary-light-9);
+    margin: 10px;
+    color: var(--el-color-primary);
+  }
+  .infinite-list .infinite-list-item + .list-item {
+    margin-top: 10px;
+  }
 </style>
diff --git a/src/views/components-demo/slider.vue b/src/views/components-demo/slider.vue
index f4baa5d..6047a59 100644
--- a/src/views/components-demo/slider.vue
+++ b/src/views/components-demo/slider.vue
@@ -1,151 +1,137 @@
-   <template>
-     <u-container-layout>
-       <div>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>基础用法
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox v-model="checked1" label="备选项1" />
-             <el-checkbox v-model="checked2" label="备选项1" />
-           </div>
-         </el-card>
+<template>
+  <u-container-layout>
+    <div>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>基础用法 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox v-model="checked1" label="备选项1" />
+          <el-checkbox v-model="checked2" label="备选项1" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                <span>禁用状态
-              </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox v-model="checked1" disabled>备选项11</el-checkbox>
-             <el-checkbox v-model="checked2">备选项2</el-checkbox>
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>禁用状态 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox v-model="checked1" disabled>备选项11</el-checkbox>
+          <el-checkbox v-model="checked2">备选项2</el-checkbox>
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>多选框组
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox-group v-model="checkList">
-               <el-checkbox label="备选项 A" />
-               <el-checkbox label="备选项 B" />
-               <el-checkbox label="备选项 C" />
-               <el-checkbox label="禁用" disabled />
-               <el-checkbox label="选中且禁用" disabled />
-             </el-checkbox-group>
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>多选框组 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox-group v-model="checkList">
+            <el-checkbox label="备选项 A" />
+            <el-checkbox label="备选项 B" />
+            <el-checkbox label="备选项 C" />
+            <el-checkbox label="禁用" disabled />
+            <el-checkbox label="选中且禁用" disabled />
+          </el-checkbox-group>
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>中间状态
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox
-                 v-model="checkAll"
-                 :indeterminate="isIndeterminate"
-                 @change="handleCheckAllChange"
-             >全选</el-checkbox
-             >
-             <el-checkbox-group
-                 v-model="checkedCities"
-                 @change="handleCheckedCitiesChange"
-             >
-               <el-checkbox v-for="city in cities" :key="city" :label="city">{{
-                   city
-                 }}</el-checkbox>
-             </el-checkbox-group>
-           </div>
-         </el-card>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>中间状态 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox
+            v-model="checkAll"
+            :indeterminate="isIndeterminate"
+            @change="handleCheckAllChange"
+            >全选</el-checkbox
+          >
+          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
+            <el-checkbox v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox>
+          </el-checkbox-group>
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>按钮样式
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox-group v-model="checkboxGroup1" >
-               <el-checkbox-button v-for="city in cities" :key="city" :label="city">
-                 {{ city }}
-               </el-checkbox-button>
-             </el-checkbox-group>
-           </div>
-         </el-card>
-
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>带有边框
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-checkbox v-model="checked1" label="备选项1" border />
-             <el-checkbox v-model="checked2" label="备选项2" border />
-           </div>
-         </el-card>
-
-
-       </div>
-     </u-container-layout>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>按钮样式 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox-group v-model="checkboxGroup1">
+            <el-checkbox-button v-for="city in cities" :key="city" :label="city">
+              {{ city }}
+            </el-checkbox-button>
+          </el-checkbox-group>
+        </div>
+      </el-card>
 
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>带有边框 </span>
+          </div>
+        </template>
+        <div>
+          <el-checkbox v-model="checked1" label="备选项1" border />
+          <el-checkbox v-model="checked2" label="备选项2" border />
+        </div>
+      </el-card>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    const checked1 = ref(false)
-    const checked2 = ref(true)
-    const checkList = ref(['选中且禁用', '备选项 A'])
-    const cities = ['上海', '北京', '广州', '深圳']
-    const checkAll = ref(false)
-    const isIndeterminate = ref(true)
-    const checkedCities = ref(['上海', '北京'])
-    const checkboxGroup1 = ref(['上海'])
-    const handleCheckAllChange = (val: boolean) => {
-        checkedCities.value = val ? cities : []
-        isIndeterminate.value = false
-    }
-    const handleCheckedCitiesChange = (value: string[]) => {
-        const checkedCount = value.length
-        checkAll.value = checkedCount === cities.length
-        isIndeterminate.value = checkedCount > 0 && checkedCount < cities.length
-    }
+  import { ref } from 'vue'
+  const checked1 = ref(false)
+  const checked2 = ref(true)
+  const checkList = ref(['选中且禁用', '备选项 A'])
+  const cities = ['上海', '北京', '广州', '深圳']
+  const checkAll = ref(false)
+  const isIndeterminate = ref(true)
+  const checkedCities = ref(['上海', '北京'])
+  const checkboxGroup1 = ref(['上海'])
+  const handleCheckAllChange = (val: boolean) => {
+    checkedCities.value = val ? cities : []
+    isIndeterminate.value = false
+  }
+  const handleCheckedCitiesChange = (value: string[]) => {
+    const checkedCount = value.length
+    checkAll.value = checkedCount === cities.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < cities.length
+  }
 </script>
 <style>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/components-demo/split-pane.vue b/src/views/components-demo/split-pane.vue
index 2ac6cce..b8799d8 100644
--- a/src/views/components-demo/split-pane.vue
+++ b/src/views/components-demo/split-pane.vue
@@ -1,67 +1,67 @@
 <template>
   <div class="components-container">
-<!--    <aside><strong>SplitPane</strong> If you've used-->
-<!--      <a href="https://codepen.io/" target="_blank"> codepen</a>,-->
-<!--      <a href="https://jsfiddle.net/" target="_blank"> jsfiddle </a>will not be unfamiliar.-->
-<!--      <a href="https://github.com/PanJiaChen/vue-split-pane" target="_blank"> Github repository</a>-->
-<!--    </aside>-->
-<!--    <split-pane split="vertical">-->
-<!--      <template slot="paneL">-->
-<!--        <div class="left-container" />-->
-<!--      </template>-->
-<!--      <template slot="paneR">-->
-<!--        <split-pane split="horizontal">-->
-<!--          <template slot="paneL">-->
-<!--            <div class="top-container" />-->
-<!--          </template>-->
-<!--          <template slot="paneR">-->
-<!--            <div class="bottom-container" />-->
-<!--          </template>-->
-<!--        </split-pane>-->
-<!--      </template>-->
-<!--    </split-pane>-->
+    <!--    <aside><strong>SplitPane</strong> If you've used-->
+    <!--      <a href="https://codepen.io/" target="_blank"> codepen</a>,-->
+    <!--      <a href="https://jsfiddle.net/" target="_blank"> jsfiddle </a>will not be unfamiliar.-->
+    <!--      <a href="https://github.com/PanJiaChen/vue-split-pane" target="_blank"> Github repository</a>-->
+    <!--    </aside>-->
+    <!--    <split-pane split="vertical">-->
+    <!--      <template slot="paneL">-->
+    <!--        <div class="left-container" />-->
+    <!--      </template>-->
+    <!--      <template slot="paneR">-->
+    <!--        <split-pane split="horizontal">-->
+    <!--          <template slot="paneL">-->
+    <!--            <div class="top-container" />-->
+    <!--          </template>-->
+    <!--          <template slot="paneR">-->
+    <!--            <div class="bottom-container" />-->
+    <!--          </template>-->
+    <!--        </split-pane>-->
+    <!--      </template>-->
+    <!--    </split-pane>-->
   </div>
 </template>
 
 <script lang="ts" setup>
-import SplitPane from 'vue-splitpane'
+  import SplitPane from 'vue-splitpane'
 
-// export default {
-//   name: 'SplitpaneDemo',
-//   components: { splitPane },
-//   methods: {
-//     resize() {
-//       console.log('resize')
-//     }
-//   }
-// }
+  // export default {
+  //   name: 'SplitpaneDemo',
+  //   components: { splitPane },
+  //   methods: {
+  //     resize() {
+  //       console.log('resize')
+  //     }
+  //   }
+  // }
 </script>
 
-<style  scoped>
+<style scoped>
   .components-container {
     position: relative;
     height: 100vh;
   }
 
   .left-container {
-    background-color: #F38181;
+    background-color: #f38181;
     height: 100%;
   }
 
   .right-container {
-    background-color: #FCE38A;
+    background-color: #fce38a;
     height: 200px;
   }
 
   .top-container {
-    background-color: #FCE38A;
+    background-color: #fce38a;
     width: 100%;
     height: 100%;
   }
 
   .bottom-container {
     width: 100%;
-    background-color: #95E1D3;
+    background-color: #95e1d3;
     height: 100%;
   }
 </style>
diff --git a/src/views/components-demo/timepicker.vue b/src/views/components-demo/timepicker.vue
index 31d995d..075ad0d 100644
--- a/src/views/components-demo/timepicker.vue
+++ b/src/views/components-demo/timepicker.vue
@@ -1,112 +1,105 @@
-   <template>
-     <u-container-layout>
-       <div>
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>任意时间点
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-time-picker v-model="value4" placeholder="选择时间" />
-           </div>
-         </el-card>
+<template>
+  <u-container-layout>
+    <div>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>任意时间点 </span>
+          </div>
+        </template>
+        <div>
+          <el-time-picker v-model="value4" placeholder="选择时间" />
+        </div>
+      </el-card>
 
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                <span>限制时间选择范围
-              </span>
-             </div>
-           </template>
-           <div>
-             <el-time-picker
-                 v-model="value1"
-                 :disabled-hours="disabledHours"
-                 :disabled-minutes="disabledMinutes"
-                 :disabled-seconds="disabledSeconds"
-                 placeholder="选择时间"
-             />
-           </div>
-         </el-card>
-
-         <el-card class="box-card">
-           <template #header>
-             <div class="card-header">
-                    <span>任意时间范围
-                  </span>
-             </div>
-           </template>
-           <div>
-             <el-time-picker
-                 v-model="value3"
-                 is-range
-                 range-separator="-"
-                 start-placeholder="开始时间"
-                 end-placeholder="结束时间"
-             />
-           </div>
-         </el-card>
-
-
-
-       </div>
-     </u-container-layout>
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>限制时间选择范围 </span>
+          </div>
+        </template>
+        <div>
+          <el-time-picker
+            v-model="value1"
+            :disabled-hours="disabledHours"
+            :disabled-minutes="disabledMinutes"
+            :disabled-seconds="disabledSeconds"
+            placeholder="选择时间"
+          />
+        </div>
+      </el-card>
 
+      <el-card class="box-card">
+        <template #header>
+          <div class="card-header">
+            <span>任意时间范围 </span>
+          </div>
+        </template>
+        <div>
+          <el-time-picker
+            v-model="value3"
+            is-range
+            range-separator="-"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          />
+        </div>
+      </el-card>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import { ref } from 'vue'
-    const value4 = ref()
-    const value1 = ref(new Date(2016, 9, 10, 18, 30))
-    const value3 = ref([new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)])
-    const value2 = ref([new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)])
-    const makeRange = (start: number, end: number) => {
-        const result: number[] = []
-        for (let i = start; i <= end; i++) {
-            result.push(i)
-        }
-        return result
+  import { ref } from 'vue'
+  const value4 = ref()
+  const value1 = ref(new Date(2016, 9, 10, 18, 30))
+  const value3 = ref([new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)])
+  const value2 = ref([new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)])
+  const makeRange = (start: number, end: number) => {
+    const result: number[] = []
+    for (let i = start; i <= end; i++) {
+      result.push(i)
     }
-    const disabledHours = () => {
-        return makeRange(0, 16).concat(makeRange(19, 23))
+    return result
+  }
+  const disabledHours = () => {
+    return makeRange(0, 16).concat(makeRange(19, 23))
+  }
+  const disabledMinutes = (hour: number) => {
+    if (hour === 17) {
+      return makeRange(0, 29)
     }
-    const disabledMinutes = (hour: number) => {
-        if (hour === 17) {
-            return makeRange(0, 29)
-        }
-        if (hour === 18) {
-            return makeRange(31, 59)
-        }
+    if (hour === 18) {
+      return makeRange(31, 59)
     }
-    const disabledSeconds = (hour: number, minute: number) => {
-        if (hour === 18 && minute === 30) {
-            return makeRange(1, 59)
-        }
+  }
+  const disabledSeconds = (hour: number, minute: number) => {
+    if (hour === 18 && minute === 30) {
+      return makeRange(1, 59)
     }
+  }
 </script>
 <style>
-    .card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .el-link {
-        margin-right: 8px;
-    }
-    .el-link .el-icon--right.el-icon {
-        vertical-align: text-bottom;
-    }
-    .text {
-        font-size: 14px;
-    }
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .el-link {
+    margin-right: 8px;
+  }
+  .el-link .el-icon--right.el-icon {
+    vertical-align: text-bottom;
+  }
+  .text {
+    font-size: 14px;
+  }
 
-    .item {
-        margin-bottom: 18px;
-    }
+  .item {
+    margin-bottom: 18px;
+  }
 
-    .box-card {
-        width: 100%;
-        margin-bottom:20px;
-    }
+  .box-card {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 </style>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3d43e2c..02491b8 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -4,11 +4,11 @@
     <el-radio-button :label="true">collapse</el-radio-button>
   </el-radio-group>
   <el-menu
-      default-active="2"
-      class="el-menu-vertical-demo"
-      :collapse="isCollapse"
-      @open="handleOpen"
-      @close="handleClose"
+    default-active="2"
+    class="el-menu-vertical-demo"
+    :collapse="isCollapse"
+    @open="handleOpen"
+    @close="handleClose"
   >
     <el-sub-menu index="1">
       <template #title>
@@ -44,26 +44,21 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
-import {
-  Location,
-  Document,
-  Menu as IconMenu,
-  Setting,
-} from '@element-plus/icons-vue'
+  import { ref } from 'vue'
+  import { Location, Document, Menu as IconMenu, Setting } from '@element-plus/icons-vue'
 
-const isCollapse = ref(true)
-const handleOpen = (key: string, keyPath: string[]) => {
-  console.log(key, keyPath)
-}
-const handleClose = (key: string, keyPath: string[]) => {
-  console.log(key, keyPath)
-}
+  const isCollapse = ref(true)
+  const handleOpen = (key: string, keyPath: string[]) => {
+    console.log(key, keyPath)
+  }
+  const handleClose = (key: string, keyPath: string[]) => {
+    console.log(key, keyPath)
+  }
 </script>
 
 <style>
-.el-menu-vertical-demo:not(.el-menu--collapse) {
-  width: 200px;
-  min-height: 400px;
-}
+  .el-menu-vertical-demo:not(.el-menu--collapse) {
+    width: 200px;
+    min-height: 400px;
+  }
 </style>
diff --git a/src/views/error/401.vue b/src/views/error/401.vue
index 012a214..295f68e 100644
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@@ -1,70 +1,69 @@
-
 <template>
-    <u-container-layout class="m-error-page">
-        <div class="error-page">
-            <div class="img">
-                <img :src="fourPng" style="width: 100%">
-            </div>
-            <div>
-                <div class="oops">抱歉!</div>
-                <div class="text" style="margin-bottom: 20px">你没有权限去该页面...</div>
-                <el-button type="primary" @click="goBackHome">返回首页</el-button></div>
-
-        </div>
-    </u-container-layout>
+  <u-container-layout class="m-error-page">
+    <div class="error-page">
+      <div class="img">
+        <img :src="fourPng" style="width: 100%" />
+      </div>
+      <div>
+        <div class="oops">抱歉!</div>
+        <div class="text" style="margin-bottom: 20px">你没有权限去该页面...</div>
+        <el-button type="primary" @click="goBackHome">返回首页</el-button></div
+      >
+    </div>
+  </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-    import fourPng from '@/assets/image/error/401.gif'
-    import {useRouter} from 'vue-router'
-    const router = useRouter()
+  import fourPng from '@/assets/image/error/401.gif'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
 
-    const goBackHome = ()=>{
-        router.push({
-            path:'/'
-        })
-    }
+  const goBackHome = () => {
+    router.push({
+      path: '/',
+    })
+  }
 </script>
 
 <style lang="scss" scoped>
-    .m-error-page{
-        width:100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        min-height: calc(100vh - 205px);
-        justify-content: center;
+  .m-error-page {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    min-height: calc(100vh - 205px);
+    justify-content: center;
+  }
+  .error-page {
+    /*position: absolute;*/
+    /*top: 0;*/
+    padding-top: 20px;
+    /*left: 0;*/
+    /*right: 0;*/
+    /*background: white;*/
+    /*bottom: 0;*/
+    display: flex;
+    align-items: center;
+    .img {
+      width: 500px;
     }
-    .error-page{
-        /*position: absolute;*/
-        /*top: 0;*/
-        padding-top: 20px;
-        /*left: 0;*/
-        /*right: 0;*/
-        /*background: white;*/
-        /*bottom: 0;*/
-        display: flex;
-        align-items: center;
-        .img{
-            width: 500px;
-        }
-        .oops{
-            font-size: 32px;
-            line-height: 40px;
-            color: #1482f0;
-            margin-bottom: 20px;
-            -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-        }
-        .text{
-            font-size: 20px;
-            line-height: 24px;
-            color: #222;
-            margin-bottom: 10px;
-            -webkit-animation-delay: .1s;
-            animation-delay: .1s;
-            -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-        }
+    .oops {
+      font-size: 32px;
+      line-height: 40px;
+      color: #1482f0;
+      margin-bottom: 20px;
+      -webkit-animation-fill-mode: forwards;
+      animation-fill-mode: forwards;
     }
+    .text {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      margin-bottom: 10px;
+      -webkit-animation-delay: 0.1s;
+      animation-delay: 0.1s;
+      -webkit-animation-fill-mode: forwards;
+      animation-fill-mode: forwards;
+    }
+  }
 </style>
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index a3b8bf1..2cbd008 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -1,71 +1,72 @@
-
 <template>
-    <u-container-layout class="m-error-page">
-        <div class="error-page">
-            <div class="img">
-                <img :src="fourPng" style="width: 100%">
-            </div>
-            <div>
-                <div class="oops">抱歉!</div>
-                <div class="text">当前页面不存在...</div>
-                <div style="margin-bottom: 20px;font-size: 13px;color: grey;">请检查您输入的URL是否正确，或单击下面的按钮返回主页。</div>
-                <el-button type="primary" @click="goBackHome">返回首页</el-button></div>
-
-        </div>
-    </u-container-layout>
+  <u-container-layout class="m-error-page">
+    <div class="error-page">
+      <div class="img">
+        <img :src="fourPng" style="width: 100%" />
+      </div>
+      <div>
+        <div class="oops">抱歉!</div>
+        <div class="text">当前页面不存在...</div>
+        <div style="margin-bottom: 20px; font-size: 13px; color: grey"
+          >请检查您输入的URL是否正确，或单击下面的按钮返回主页。</div
+        >
+        <el-button type="primary" @click="goBackHome">返回首页</el-button></div
+      >
+    </div>
+  </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-    import fourPng from '@/assets/image/error/404s.png'
-    import {useRouter} from 'vue-router'
-    const router = useRouter()
+  import fourPng from '@/assets/image/error/404s.png'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
 
-    const goBackHome = ()=>{
-        router.push({
-            path:'/'
-        })
-    }
+  const goBackHome = () => {
+    router.push({
+      path: '/',
+    })
+  }
 </script>
 
 <style lang="scss" scoped>
-    .m-error-page{
-        width:100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        min-height: calc(100vh - 205px);
-        justify-content: center;
+  .m-error-page {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    min-height: calc(100vh - 205px);
+    justify-content: center;
+  }
+  .error-page {
+    /*position: absolute;*/
+    /*top: 0;*/
+    padding-top: 20px;
+    /*left: 0;*/
+    /*right: 0;*/
+    /*background: white;*/
+    /*bottom: 0;*/
+    display: flex;
+    align-items: center;
+    .img {
+      width: 500px;
     }
-    .error-page{
-        /*position: absolute;*/
-        /*top: 0;*/
-        padding-top: 20px;
-        /*left: 0;*/
-        /*right: 0;*/
-        /*background: white;*/
-        /*bottom: 0;*/
-        display: flex;
-        align-items: center;
-        .img{
-            width: 500px;
-        }
-        .oops{
-            font-size: 32px;
-            line-height: 40px;
-            color: #1482f0;
-            margin-bottom: 20px;
-            -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-        }
-        .text{
-            font-size: 20px;
-            line-height: 24px;
-            color: #222;
-            margin-bottom: 10px;
-            -webkit-animation-delay: .1s;
-            animation-delay: .1s;
-            -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-        }
+    .oops {
+      font-size: 32px;
+      line-height: 40px;
+      color: #1482f0;
+      margin-bottom: 20px;
+      -webkit-animation-fill-mode: forwards;
+      animation-fill-mode: forwards;
     }
+    .text {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      margin-bottom: 10px;
+      -webkit-animation-delay: 0.1s;
+      animation-delay: 0.1s;
+      -webkit-animation-fill-mode: forwards;
+      animation-fill-mode: forwards;
+    }
+  }
 </style>
diff --git a/src/views/excel/export-excel.vue b/src/views/excel/export-excel.vue
index 4d6ba39..3029a5e 100644
--- a/src/views/excel/export-excel.vue
+++ b/src/views/excel/export-excel.vue
@@ -1,20 +1,29 @@
 <template>
   <u-container-layout>
-    <div style="margin-bottom: 15px;display: flex;align-items: center">
-      <el-input v-model="input" placeholder="请输入文件名"  style="width: 200px;margin-right: 10px"/>
-     <div>
-       <label style="margin-right: 10px">导出格式</label>
-       <el-select v-model="format" class="m-2" placeholder="导出格式"  style="width: 200px;margin-right: 10px">
-         <el-option label="xlsx" value="xlsx"/>
-         <el-option label="csv" value="csv"/>
-       </el-select>
-     </div>
+    <div style="margin-bottom: 15px; display: flex; align-items: center">
+      <el-input
+        v-model="input"
+        placeholder="请输入文件名"
+        style="width: 200px; margin-right: 10px"
+      />
+      <div>
+        <label style="margin-right: 10px">导出格式</label>
+        <el-select
+          v-model="format"
+          class="m-2"
+          placeholder="导出格式"
+          style="width: 200px; margin-right: 10px"
+        >
+          <el-option label="xlsx" value="xlsx" />
+          <el-option label="csv" value="csv" />
+        </el-select>
+      </div>
       <el-button @click="exportExcelAction" type="primary">
         <el-icon style="margin-right: 10px"><document-remove /></el-icon>导出 Excel
       </el-button>
     </div>
     <el-table :data="list" style="width: 100%" border>
-      <template v-for="item,index in column" :key="index">
+      <template v-for="(item, index) in column" :key="index">
         <el-table-column :prop="item.name" :label="item.label" :width="item.width" />
       </template>
     </el-table>
@@ -22,63 +31,57 @@
 </template>
 
 <script lang="ts" setup>
-  import {ref,reactive} from "vue";
+  import { ref, reactive } from 'vue'
   import * as dayjs from 'dayjs'
-  import { ElMessage,ElMessageBox } from 'element-plus'
-  import {exportExcel} from '@/utils/exprotExcel'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { exportExcel } from '@/utils/exprotExcel'
   const data = []
-  for(let i=0;i<100;i++){
+  for (let i = 0; i < 100; i++) {
     data.push({
       date: '2016-05-02',
-      name: '王五'+i,
-      price: 1+i,
+      name: '王五' + i,
+      price: 1 + i,
       province: '上海',
-      admin:"admin",
-      sex:i%2?1:0,
-      checked:true,
-      id:i+1,
-      age:0,
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      age: 0,
       city: '普陀区',
       address: '上海市普上海',
-      zip: 200333
+      zip: 200333,
     })
   }
   const column = [
-    { name: 'id', label: 'id', },
-    { name: 'name',
-      label: '姓名',
-      inSearch:true,
-      valueType:'input',
-    },
-    { name: 'age',
-      label: '年龄',
-      align:'right',
-    },
-    { name: 'sex',
+    { name: 'id', label: 'id' },
+    { name: 'name', label: '姓名', inSearch: true, valueType: 'input' },
+    { name: 'age', label: '年龄', align: 'right' },
+    {
+      name: 'sex',
       label: '性别',
-      slot:true,
-      inSearch:true,
-      options:[{
-        value:1,
-        label:'男'
-      },{
-        value:0,
-        label:'女'
-      }],
-      valueType:'select',
+      slot: true,
+      inSearch: true,
+      options: [
+        {
+          value: 1,
+          label: '男',
+        },
+        {
+          value: 0,
+          label: '女',
+        },
+      ],
+      valueType: 'select',
     },
     {
       name: 'price',
       label: '价格',
-      inSearch:true,
-      valueType:'input',
+      inSearch: true,
+      valueType: 'input',
     },
-    { name: 'admin', label: '账号', inSearch:true,
-      valueType:'input',},
-    { name: 'address', label: '地址', inSearch:true,
-      valueType:'input', },
-    { name: 'date', label: '日期',sorter:true, inSearch:true,
-      valueType:'input', },
+    { name: 'admin', label: '账号', inSearch: true, valueType: 'input' },
+    { name: 'address', label: '地址', inSearch: true, valueType: 'input' },
+    { name: 'date', label: '日期', sorter: true, inSearch: true, valueType: 'input' },
     { name: 'province', label: '省份' },
     { name: 'city', label: '城市' },
     { name: 'zip', label: '邮编' },
@@ -86,18 +89,15 @@
   const list = ref(data)
   const input = ref('')
   const format = ref('xlsx')
-  const exportExcelAction = ()=>{
+  const exportExcelAction = () => {
     exportExcel({
       column,
       data,
-      filename:input.value||'导出 excel',
-      format:format.value,
-      autoWidth:true
+      filename: input.value || '导出 excel',
+      format: format.value,
+      autoWidth: true,
     })
   }
-
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/excel/export-merge-header.vue b/src/views/excel/export-merge-header.vue
index df876bb..8d5413a 100644
--- a/src/views/excel/export-merge-header.vue
+++ b/src/views/excel/export-merge-header.vue
@@ -1,77 +1,76 @@
-
 <template>
   <u-container-layout>
     <div style="margin-bottom: 15px">
-      <el-input v-model="input" placeholder="请输入文件名"  style="width: 200px;margin-right: 10px"/>
+      <el-input
+        v-model="input"
+        placeholder="请输入文件名"
+        style="width: 200px; margin-right: 10px"
+      />
       <el-button @click="exportExcelAction" type="primary">
         <el-icon style="margin-right: 10px"><document-remove /></el-icon>导出 Excel
       </el-button>
     </div>
     <el-table :data="list" style="width: 100%" border>
-      <template v-for="item,index in column" :key="index">
+      <template v-for="(item, index) in column" :key="index">
         <template v-if="item.children">
-          <el-table-column :prop="item.name" :label="item.label" :width="item.width" >
-
-            <template v-for="ite,i in item.children" :key="i">
+          <el-table-column :prop="item.name" :label="item.label" :width="item.width">
+            <template v-for="(ite, i) in item.children" :key="i">
               <el-table-column :prop="ite.name" :label="ite.label" :width="ite.width" />
             </template>
           </el-table-column>
         </template>
-        <el-table-column :prop="item.name" :label="item.label" :width="item.width"  v-else/>
+        <el-table-column :prop="item.name" :label="item.label" :width="item.width" v-else />
       </template>
     </el-table>
   </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-import {ref,reactive} from "vue";
-import * as dayjs from 'dayjs'
-import { ElMessage,ElMessageBox } from 'element-plus'
-import { exportMultiHeaderExcel} from '@/utils/exprotExcel'
-const data = []
-for(let i=0;i<100;i++){
-  data.push({
-    date: '2016-05-02',
-    name: '王五'+i,
-    price: 1+i,
-    province: '上海',
-    admin:"admin",
-    sex:i%2?1:0,
-    checked:true,
-    id:i+1,
-    age:0,
-    city: '普陀区',
-    address: '上海市普上海',
-    zip: 200333
-  })
-}
-const column = [
-  { name:'id', width:60,label: '序号',},
-  { name: 'date', label: '日期'},
-  { name: 'address', label: '地址' },
-  {
-    label: '配送信息',
-    children:[
-      { name: 'province', label: '省份',width:130 },
-      { name: 'city', label: '城市' },
-      { name: 'zip', label: '邮编' },
-    ]
-  },
-]
-const input = ref('')
-
-const list = ref(data)
-const exportExcelAction = ()=>{
-  exportMultiHeaderExcel({
-    column,
-    data,
-    filename:input.value||'导出 excel',
-    autoWidth:true
-  })
-}
+  import { ref, reactive } from 'vue'
+  import * as dayjs from 'dayjs'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { exportMultiHeaderExcel } from '@/utils/exprotExcel'
+  const data = []
+  for (let i = 0; i < 100; i++) {
+    data.push({
+      date: '2016-05-02',
+      name: '王五' + i,
+      price: 1 + i,
+      province: '上海',
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      age: 0,
+      city: '普陀区',
+      address: '上海市普上海',
+      zip: 200333,
+    })
+  }
+  const column = [
+    { name: 'id', width: 60, label: '序号' },
+    { name: 'date', label: '日期' },
+    { name: 'address', label: '地址' },
+    {
+      label: '配送信息',
+      children: [
+        { name: 'province', label: '省份', width: 130 },
+        { name: 'city', label: '城市' },
+        { name: 'zip', label: '邮编' },
+      ],
+    },
+  ]
+  const input = ref('')
 
+  const list = ref(data)
+  const exportExcelAction = () => {
+    exportMultiHeaderExcel({
+      column,
+      data,
+      filename: input.value || '导出 excel',
+      autoWidth: true,
+    })
+  }
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/excel/export-selected-excel.vue b/src/views/excel/export-selected-excel.vue
index 8b13789..e69de29 100644
--- a/src/views/excel/export-selected-excel.vue
+++ b/src/views/excel/export-selected-excel.vue
@@ -1 +0,0 @@
-
diff --git a/src/views/excel/export-style-excel.vue b/src/views/excel/export-style-excel.vue
index 854e2b2..b026ad9 100644
--- a/src/views/excel/export-style-excel.vue
+++ b/src/views/excel/export-style-excel.vue
@@ -1,13 +1,17 @@
 <template>
   <u-container-layout>
-    <div style="margin-bottom: 15px;display: flex;align-items: center">
-      <el-input v-model="input" placeholder="请输入文件名"  style="width: 200px;margin-right: 10px"/>
+    <div style="margin-bottom: 15px; display: flex; align-items: center">
+      <el-input
+        v-model="input"
+        placeholder="请输入文件名"
+        style="width: 200px; margin-right: 10px"
+      />
       <el-button @click="exportExcelAction" type="primary">
         <el-icon style="margin-right: 10px"><document-remove /></el-icon>导出样式 Excel
       </el-button>
     </div>
     <el-table :data="list" style="width: 100%" border>
-      <template v-for="item,index in column" :key="index">
+      <template v-for="(item, index) in column" :key="index">
         <el-table-column :prop="item.name" :label="item.label" :width="item.width" />
       </template>
     </el-table>
@@ -15,63 +19,57 @@
 </template>
 
 <script lang="ts" setup>
-  import {ref,reactive} from "vue";
+  import { ref, reactive } from 'vue'
   import * as dayjs from 'dayjs'
-  import { ElMessage,ElMessageBox } from 'element-plus'
-  import {exportStyleExcel} from '@/utils/exprotExcel'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { exportStyleExcel } from '@/utils/exprotExcel'
   const data = []
-  for(let i=0;i<10;i++){
+  for (let i = 0; i < 10; i++) {
     data.push({
       date: '2016-05-02',
-      name: '王五'+i,
-      price: 1+i,
+      name: '王五' + i,
+      price: 1 + i,
       province: '上海',
-      admin:"admin",
-      sex:i%2?1:0,
-      checked:true,
-      id:i+1,
-      age:0,
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      age: 0,
       city: '普陀区',
       address: '上海市普上海',
-      zip: 200333
+      zip: 200333,
     })
   }
   const column = [
-    { name: 'id', label: 'id', },
-    { name: 'name',
-      label: '姓名',
-      inSearch:true,
-      valueType:'input',
-    },
-    { name: 'age',
-      label: '年龄',
-      align:'right',
-    },
-    { name: 'sex',
+    { name: 'id', label: 'id' },
+    { name: 'name', label: '姓名', inSearch: true, valueType: 'input' },
+    { name: 'age', label: '年龄', align: 'right' },
+    {
+      name: 'sex',
       label: '性别',
-      slot:true,
-      inSearch:true,
-      options:[{
-        value:1,
-        label:'男'
-      },{
-        value:0,
-        label:'女'
-      }],
-      valueType:'select',
+      slot: true,
+      inSearch: true,
+      options: [
+        {
+          value: 1,
+          label: '男',
+        },
+        {
+          value: 0,
+          label: '女',
+        },
+      ],
+      valueType: 'select',
     },
     {
       name: 'price',
       label: '价格',
-      inSearch:true,
-      valueType:'input',
+      inSearch: true,
+      valueType: 'input',
     },
-    { name: 'admin', label: '账号', inSearch:true,
-      valueType:'input',},
-    { name: 'address', label: '地址', inSearch:true,
-      valueType:'input', },
-    { name: 'date', label: '日期',sorter:true, inSearch:true,
-      valueType:'input', },
+    { name: 'admin', label: '账号', inSearch: true, valueType: 'input' },
+    { name: 'address', label: '地址', inSearch: true, valueType: 'input' },
+    { name: 'date', label: '日期', sorter: true, inSearch: true, valueType: 'input' },
     { name: 'province', label: '省份' },
     { name: 'city', label: '城市' },
     { name: 'zip', label: '邮编' },
@@ -79,18 +77,15 @@
   const list = ref(data)
   const input = ref('')
   const format = ref('xlsx')
-  const exportExcelAction = ()=>{
+  const exportExcelAction = () => {
     exportStyleExcel({
       column,
       data,
-      filename:input.value||'导出 excel',
-      format:format.value,
-      autoWidth:true
+      filename: input.value || '导出 excel',
+      format: format.value,
+      autoWidth: true,
     })
   }
-
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/excel/upload-excel.vue b/src/views/excel/upload-excel.vue
index c45f337..aae5921 100644
--- a/src/views/excel/upload-excel.vue
+++ b/src/views/excel/upload-excel.vue
@@ -1,21 +1,25 @@
 <template>
   <u-container-layout class="m-upload-excel">
     <el-upload
-        style="width: 100%"
-        class="upload-demo"
-        drag
-        action="/"
-        :before-upload="beforeUploadAction"
-        type="file" accept=".xlsx, .xls"
+      style="width: 100%"
+      class="upload-demo"
+      drag
+      action="/"
+      :before-upload="beforeUploadAction"
+      type="file"
+      accept=".xlsx, .xls"
     >
       <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-      <div class="el-upload__text">
-        拖拽上传 <em>或者点击上传 Excel</em>
-      </div>
+      <div class="el-upload__text"> 拖拽上传 <em>或者点击上传 Excel</em> </div>
     </el-upload>
     <div>
-      <el-table :data="tableData" border highlight-current-row style="width: 100%;margin-top:20px;">
-        <el-table-column v-for='item of tableHeader' :prop="item" :label="item" :key='item'>
+      <el-table
+        :data="tableData"
+        border
+        highlight-current-row
+        style="width: 100%; margin-top: 20px"
+      >
+        <el-table-column v-for="item of tableHeader" :prop="item" :label="item" :key="item">
         </el-table-column>
       </el-table>
     </div>
@@ -23,42 +27,41 @@
 </template>
 
 <script setup lang="ts">
-  import {ref} from "vue";
+  import { ref } from 'vue'
 
-  import ExcelJS from "exceljs";
+  import ExcelJS from 'exceljs'
   import { UploadFilled } from '@element-plus/icons-vue'
-  import {ElMessage} from "element-plus";
+  import { ElMessage } from 'element-plus'
   const tableData = ref([])
   const tableHeader = ref([])
-  const beforeUploadAction = (file, fileLi)=>{
+  const beforeUploadAction = (file, fileLi) => {
     return new Promise((resolve, reject) => {
       const reader = new FileReader()
-      reader.onload = async e => {
+      reader.onload = async (e) => {
         const data = e.target.result
-        const workbook = new ExcelJS.Workbook();
+        const workbook = new ExcelJS.Workbook()
         try {
           let res = await workbook.xlsx.load(data)
           const sheets =
-              res._worksheets &&
-              res._worksheets.filter((item) => typeof item !== "undefined");
-          const table = [];
+            res._worksheets && res._worksheets.filter((item) => typeof item !== 'undefined')
+          const table = []
           let headers = []
           sheets.forEach((sheet) => {
-            sheet._rows.forEach((row,index) => {
-              if(index===0){
-                row.values.forEach(it=>{
+            sheet._rows.forEach((row, index) => {
+              if (index === 0) {
+                row.values.forEach((it) => {
                   headers.push(it)
                 })
-              }else {
+              } else {
                 let obj = {}
                 let arr = []
-                row.values.forEach(it=>{
+                row.values.forEach((it) => {
                   arr.push(it)
                 })
-                headers.forEach((ite,i)=>{
+                headers.forEach((ite, i) => {
                   obj[ite] = arr[i]
                 })
-                table.push(obj);
+                table.push(obj)
               }
               // const tableRow = {
               //   position: "",
@@ -68,11 +71,11 @@
               //   tableRow.position = cell._address;
               //   tableRow.val = cell._value.model.value || "";
               // });
-            });
-          });
+            })
+          })
           tableData.value = table
           tableHeader.value = headers
-        }catch (e){
+        } catch (e) {
           ElMessage.error('解析失败')
         }
       }
@@ -82,11 +85,11 @@
 </script>
 
 <style lang="scss">
-  .m-upload-excel{
-    .el-upload{
+  .m-upload-excel {
+    .el-upload {
       width: 100%;
     }
-    .el-upload-dragger{
+    .el-upload-dragger {
       width: 100%;
     }
   }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 55f16f1..7d8d407 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,4 +1,3 @@
-
 <template>
   <u-container-layout>
     <div>
@@ -35,47 +34,70 @@
               <div style="margin-bottom: 15px"><h5>最喜欢的一句话</h5></div>
               <div>---------- 开心最重要</div>
               <el-divider></el-divider>
-              <div style="margin-bottom: 15px"><h5>如果对你有帮助的话，可以麻烦点一颗 star! 你的鼓励是我继续优化的动力~~</h5></div>
+              <div style="margin-bottom: 15px"
+                ><h5>如果对你有帮助的话，可以麻烦点一颗 star! 你的鼓励是我继续优化的动力~~</h5></div
+              >
             </div>
           </el-card>
         </el-col>
         <el-col :xs="24" :sm="12" :lg="16">
-          <el-row class="custom" :gutter="10" >
+          <el-row class="custom" :gutter="10">
             <el-col :xs="24" :sm="12" :lg="8">
               <el-card style="margin-bottom: 10px">
                 <div class="grid-content">
-                  <div class="left"><el-icon style="font-size: 24px;color: white"><user /></el-icon></div>
+                  <div class="left"
+                    ><el-icon style="font-size: 24px; color: white"><user /></el-icon
+                  ></div>
                   <div class="right">
-                    <h2 style="color: #2d8cf0"><count-to :start-val="0" :end-val="5268" :duration="2000"
-                                                         :autoplay="true" ></count-to></h2>
-                    <div>用户访问量
-                    </div>
+                    <h2 style="color: #2d8cf0"
+                      ><count-to
+                        :start-val="0"
+                        :end-val="5268"
+                        :duration="2000"
+                        :autoplay="true"
+                      ></count-to
+                    ></h2>
+                    <div>用户访问量 </div>
                   </div>
                 </div>
               </el-card>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="8">
               <el-card style="margin-bottom: 10px">
-                <div class="grid-content" >
-                  <div class="left"  style="background: #64d572"><el-icon style="font-size: 24px;color: white"><user /></el-icon></div>
+                <div class="grid-content">
+                  <div class="left" style="background: #64d572"
+                    ><el-icon style="font-size: 24px; color: white"><user /></el-icon
+                  ></div>
                   <div class="right">
-                    <h2 style="color: #64d572"><count-to :start-val="0" :end-val="9599" :duration="2000"
-                                                         :autoplay="true" ></count-to></h2>
-                    <div>系统消息
-                    </div>
+                    <h2 style="color: #64d572"
+                      ><count-to
+                        :start-val="0"
+                        :end-val="9599"
+                        :duration="2000"
+                        :autoplay="true"
+                      ></count-to
+                    ></h2>
+                    <div>系统消息 </div>
                   </div>
                 </div>
               </el-card>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="8">
               <el-card style="margin-bottom: 10px">
-                <div class="grid-content" >
-                  <div class="left" style="background: #f25e43"><el-icon style="font-size: 24px;color: white"><user /></el-icon></div>
+                <div class="grid-content">
+                  <div class="left" style="background: #f25e43"
+                    ><el-icon style="font-size: 24px; color: white"><user /></el-icon
+                  ></div>
                   <div class="right">
-                    <h2 style="color: #f25e43"><count-to :start-val="0" :end-val="595453" :duration="2000"
-                                                         :autoplay="true" ></count-to></h2>
-                    <div>数量
-                    </div>
+                    <h2 style="color: #f25e43"
+                      ><count-to
+                        :start-val="0"
+                        :end-val="595453"
+                        :duration="2000"
+                        :autoplay="true"
+                      ></count-to
+                    ></h2>
+                    <div>数量 </div>
                   </div>
                 </div>
               </el-card>
@@ -88,13 +110,26 @@
               </div>
             </template>
             <div style="display: flex">
-              <el-card style="flex: 1;margin-right: 20px;cursor: pointer" class="card-item" @click="goTo('https://ext.dcloud.net.cn/plugin?id=7511')">
-                <div style="color: white;margin-bottom: 10px"><h3>zb-table</h3></div>
-                <div style="font-size: 12px;color: white">uniapp 表格组件 支持固定表头和首列、上拉加载更多、及固定多列，表格自适应内容，排序，多选checkbox、可点击删除，编辑、合计功能，兼容多端</div>
+              <el-card
+                style="flex: 1; margin-right: 20px; cursor: pointer"
+                class="card-item"
+                @click="goTo('https://ext.dcloud.net.cn/plugin?id=7511')"
+              >
+                <div style="color: white; margin-bottom: 10px"><h3>zb-table</h3></div>
+                <div style="font-size: 12px; color: white"
+                  >uniapp 表格组件
+                  支持固定表头和首列、上拉加载更多、及固定多列，表格自适应内容，排序，多选checkbox、可点击删除，编辑、合计功能，兼容多端</div
+                >
               </el-card>
-              <el-card style="flex: 1;cursor: pointer" class="card-item" @click="goTo('https://github.com/zouzhibin/vue-admin-perfect')">
-                <div style="color: white;margin-bottom: 10px"><h3>vue-admin-perfect</h3></div>
-                <div style="font-size: 12px;color: white">系统基于vue3+vuex+ element-plus+ts后台管理系统</div>
+              <el-card
+                style="flex: 1; cursor: pointer"
+                class="card-item"
+                @click="goTo('https://github.com/zouzhibin/vue-admin-perfect')"
+              >
+                <div style="color: white; margin-bottom: 10px"><h3>vue-admin-perfect</h3></div>
+                <div style="font-size: 12px; color: white"
+                  >系统基于vue3+vuex+ element-plus+ts后台管理系统</div
+                >
               </el-card>
             </div>
           </el-card>
@@ -108,39 +143,35 @@
               <bar-charts height="300px" width="100%" id="bar1"></bar-charts>
             </div>
           </el-card>
-
         </el-col>
       </el-row>
     </div>
   </u-container-layout>
-
 </template>
 <script setup lang="ts">
-  import {
-    User,
-  } from '@element-plus/icons-vue'
-  import {ref} from "vue";
+  import { User } from '@element-plus/icons-vue'
+  import { ref } from 'vue'
   import CountTo from '@/components/u-count-to/vue-countTo.vue'
-  import BarCharts from "@/views/charts/components/simple/bar.vue"
+  import BarCharts from '@/views/charts/components/simple/bar.vue'
   const circleUrl = ref('https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png')
 
-  const goTo = (url)=>{
-    window.open(url,'_blank')
+  const goTo = (url) => {
+    window.open(url, '_blank')
   }
 </script>
 
 <style scoped lang="scss">
-  .personal{
-    .name{
+  .personal {
+    .name {
       margin-top: 15px;
       font-size: 24px;
       font-weight: 500;
       color: rgb(38, 38, 38);
     }
-    .description{
+    .description {
       margin-top: 8px;
     }
-    .list{
+    .list {
       margin-top: 18px;
       line-height: 30px;
       text-align: left;
@@ -155,9 +186,9 @@
   .text {
     font-size: 14px;
   }
-  .grid-content{
+  .grid-content {
     display: flex;
-    .left{
+    .left {
       width: 40%;
       height: 100px;
       display: flex;
@@ -165,16 +196,16 @@
       justify-content: center;
       background: #2d8cf0;
     }
-    .right{
+    .right {
       display: flex;
       flex-direction: column;
       padding-left: 20px;
       justify-content: center;
     }
   }
-  .custom{
-    ::v-deep(.el-card__body){
-        padding: 0;
+  .custom {
+    ::v-deep(.el-card__body) {
+      padding: 0;
     }
   }
   .item {
@@ -186,8 +217,7 @@
     margin-bottom: 10px;
     width: 100%;
   }
-  .card-item{
-
+  .card-item {
     background: linear-gradient(50deg, #1890ff, #77e19d);
   }
 </style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 6aee0a3..4fb26b3 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -2,53 +2,59 @@
   <div class="login-container">
     <div class="login-box">
       <!--登录功能-->
-      <div style="color: white;text-align: center;margin-bottom: 15px">登录系统-密码账号随便填 admin admin</div>
+      <div style="color: white; text-align: center; margin-bottom: 15px"
+        >登录系统-密码账号随便填 admin admin</div
+      >
       <div class="login-box-content-right">
-          <!--login-Form-->
-          <el-form
-              ref="ruleFormRef"
-              :model="ruleForm"
-
-              :rules="rules"
-              label-width="0"
-              class="demo-ruleForm"
-          >
-            <el-form-item label="" prop="username">
-              <el-input
-                  placeholder="请输入用户名"
-                  autoComplete="on"
-                  style="position: relative"
-                  v-model="ruleForm.username" type="text" @keyup.enter.native="submitForm(ruleFormRef)">
-                <template #prefix>
-                 <el-icon class="el-input__icon"><UserFilled /></el-icon>
-                </template>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="" prop="password">
-              <el-input
-                  placeholder="请输入密码"
-                  autoComplete="on"
-                  @keyup.enter.native="submitForm(ruleFormRef)"
-                  v-model="ruleForm.password"
-                  :type="passwordType"
-              >
-                <template #prefix>
-                  <el-icon class="el-input__icon"><GoodsFilled/></el-icon>
-                </template>
-                <template #suffix>
-                  <div class="show-pwd" @click="showPwd"><svg-icon :icon-class="passwordType==='password'?'eye':'eye-open'" /></div>
-
-                </template>
-              </el-input>
-            </el-form-item>
-            <el-form-item style="width: 100%">
-              <el-button type="primary"
-                         @click="submitForm(ruleFormRef)"
-                         style="width: 100%;height: 47px"
+        <!--login-Form-->
+        <el-form
+          ref="ruleFormRef"
+          :model="ruleForm"
+          :rules="rules"
+          label-width="0"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="" prop="username">
+            <el-input
+              placeholder="请输入用户名"
+              autoComplete="on"
+              style="position: relative"
+              v-model="ruleForm.username"
+              type="text"
+              @keyup.enter.native="submitForm(ruleFormRef)"
+            >
+              <template #prefix>
+                <el-icon class="el-input__icon"><UserFilled /></el-icon>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="" prop="password">
+            <el-input
+              placeholder="请输入密码"
+              autoComplete="on"
+              @keyup.enter.native="submitForm(ruleFormRef)"
+              v-model="ruleForm.password"
+              :type="passwordType"
+            >
+              <template #prefix>
+                <el-icon class="el-input__icon"><GoodsFilled /></el-icon>
+              </template>
+              <template #suffix>
+                <div class="show-pwd" @click="showPwd"
+                  ><svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
+                /></div>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item style="width: 100%">
+            <el-button
+              type="primary"
+              @click="submitForm(ruleFormRef)"
+              style="width: 100%; height: 47px"
               >登录</el-button
-              >
-            </el-form-item>
-          </el-form>
+            >
+          </el-form-item>
+        </el-form>
       </div>
     </div>
   </div>
@@ -57,9 +63,9 @@
 <script lang="ts" setup>
   import { ref, reactive } from 'vue'
   import type { FormInstance } from 'element-plus'
-  import {useRouter} from 'vue-router'
-  import {useStore} from "vuex";
-  import {ElMessage} from "element-plus";
+  import { useRouter } from 'vue-router'
+  import { useStore } from 'vuex'
+  import { ElMessage } from 'element-plus'
   const ruleFormRef = ref<FormInstance>()
   const router = useRouter()
   const store = useStore()
@@ -87,7 +93,7 @@
     username: [{ validator: validateUsername, trigger: 'blur' }],
   })
   const passwordType = ref('password')
-  const showPwd = ()=> {
+  const showPwd = () => {
     if (passwordType.value === 'password') {
       passwordType.value = ''
     } else {
@@ -97,13 +103,13 @@
   const submitForm = (formEl: FormInstance | undefined) => {
     if (!formEl) return
     formEl.validate(async (valid) => {
-      console.log('valid==',valid)
+      console.log('valid==', valid)
       if (valid) {
         // 登录
-        await store.dispatch('user/login',ruleForm)
+        await store.dispatch('user/login', ruleForm)
         ElMessage.success('登录成功')
         router.push({
-          path:'/'
+          path: '/',
         })
       } else {
         console.log('error submit!')
@@ -113,8 +119,8 @@
   }
 </script>
 <style lang="scss" scoped>
-$dark_gray:#889aa4;
-  ::v-deep(input){
+  $dark_gray: #889aa4;
+  ::v-deep(input) {
     background: transparent;
     border: 0;
     -webkit-appearance: none;
@@ -124,7 +130,7 @@ $dark_gray:#889aa4;
     height: 47px;
     //caret-color: #fff;
   }
-  .login-box{
+  .login-box {
     width: 80%;
     max-width: 500px;
   }
@@ -137,9 +143,9 @@ $dark_gray:#889aa4;
     cursor: pointer;
     user-select: none;
   }
-  .login-container{
+  .login-container {
     background-color: #2d3a4b;
-    video{
+    video {
       position: absolute;
       top: 0;
       left: 0;
@@ -151,7 +157,7 @@ $dark_gray:#889aa4;
       object-fit: cover;
       z-index: -1;
     }
-    .bg{
+    .bg {
       position: absolute;
       top: 0;
       left: 0;
@@ -166,11 +172,11 @@ $dark_gray:#889aa4;
     min-height: 100%;
     width: 100%;
     overflow: hidden;
-    background-size:cover;
+    background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
-    .login-box-content-right{
+    .login-box-content-right {
       position: relative;
       display: inline-block;
       margin-left: 10px;
diff --git a/src/views/nested/menu1/index.vue b/src/views/nested/menu1/index.vue
index bdd5fc8..75c1b08 100644
--- a/src/views/nested/menu1/index.vue
+++ b/src/views/nested/menu1/index.vue
@@ -1,5 +1,5 @@
-<template >
-  <div style="padding:30px;">
+<template>
+  <div style="padding: 30px">
     <el-alert title="menu 1" :closable="false">
       <router-view />
     </el-alert>
diff --git a/src/views/nested/menu1/menu1-1/index.vue b/src/views/nested/menu1/menu1-1/index.vue
index 44da904..227901f 100644
--- a/src/views/nested/menu1/menu1-1/index.vue
+++ b/src/views/nested/menu1/menu1-1/index.vue
@@ -1,5 +1,5 @@
-<template >
-  <div style="padding:30px;">
+<template>
+  <div style="padding: 30px">
     <el-alert title="menu 1-1" type="success" :closable="false">
       <router-view />
     </el-alert>
diff --git a/src/views/nested/menu1/menu1-2/index.vue b/src/views/nested/menu1/menu1-2/index.vue
index 19ba25d..552fa7e 100644
--- a/src/views/nested/menu1/menu1-2/index.vue
+++ b/src/views/nested/menu1/menu1-2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="padding:30px;">
+  <div style="padding: 30px">
     <el-alert title="menu 1-2" type="success" :closable="false">
       <router-view />
     </el-alert>
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
index 12d0450..c949ae8 100644
--- a/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
+++ b/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="padding:30px;">
+  <div style="padding: 30px">
     <el-alert title="menu 1-2-1" type="warning" :closable="false" />
   </div>
 </template>
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
index f6a8bbf..c51fc45 100644
--- a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
+++ b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="padding:30px;">
+  <div style="padding: 30px">
     <el-alert title="menu 1-2-2" type="warning" :closable="false" />
   </div>
 </template>
diff --git a/src/views/nested/menu1/menu1-3/index.vue b/src/views/nested/menu1/menu1-3/index.vue
index bf54875..cc22333 100644
--- a/src/views/nested/menu1/menu1-3/index.vue
+++ b/src/views/nested/menu1/menu1-3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="padding:30px;">
+  <div style="padding: 30px">
     <el-alert title="menu 1-3" type="success" :closable="false" />
   </div>
 </template>
diff --git a/src/views/nested/menu2/index.vue b/src/views/nested/menu2/index.vue
index 6d54e47..90936e5 100644
--- a/src/views/nested/menu2/index.vue
+++ b/src/views/nested/menu2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="padding:30px;">
+  <div style="padding: 30px">
     <el-alert title="menu 2" :closable="false" />
   </div>
 </template>
diff --git a/src/views/other/count.vue b/src/views/other/count.vue
index 760b7a5..96c8f87 100644
--- a/src/views/other/count.vue
+++ b/src/views/other/count.vue
@@ -1,29 +1,76 @@
 <template>
   <u-container-layout class="components-container">
-    <count-to ref="example" class="example" :start-val="options.startValInput" :end-val="options.endValInput" :duration="options.durationInput" :decimals="options.decimals"
-               :prefix="options.prefix" :suffix="options.suffix" :autoplay="true" :separator="options.separator"></count-to>
-    <div style="margin-top: 40px;">
-      <label class="label" >起始值:
-        <el-input-number v-model="options.startValInput" @change="(val)=>handleChange(val,'startValInput')" :min="0"  label="描述文字"></el-input-number>
+    <count-to
+      ref="example"
+      class="example"
+      :start-val="options.startValInput"
+      :end-val="options.endValInput"
+      :duration="options.durationInput"
+      :decimals="options.decimals"
+      :prefix="options.prefix"
+      :suffix="options.suffix"
+      :autoplay="true"
+      :separator="options.separator"
+    ></count-to>
+    <div style="margin-top: 40px">
+      <label class="label"
+        >起始值:
+        <el-input-number
+          v-model="options.startValInput"
+          @change="(val) => handleChange(val, 'startValInput')"
+          :min="0"
+          label="描述文字"
+        ></el-input-number>
       </label>
-      <label class="label" >最终值:
-        <el-input-number v-model="options.endValInput" @change="(val)=>handleChange(val,'endValInput')" :min="1"  label="描述文字"></el-input-number>
+      <label class="label"
+        >最终值:
+        <el-input-number
+          v-model="options.endValInput"
+          @change="(val) => handleChange(val, 'endValInput')"
+          :min="1"
+          label="描述文字"
+        ></el-input-number>
       </label>
-      <label class="label" >持续时间:
-        <el-input-number v-model="options.durationInput" @change="(val)=>handleChange(val,'durationInput')" :min="1"  label="描述文字"></el-input-number>
+      <label class="label"
+        >持续时间:
+        <el-input-number
+          v-model="options.durationInput"
+          @change="(val) => handleChange(val, 'durationInput')"
+          :min="1"
+          label="描述文字"
+        ></el-input-number>
       </label>
-      <br/>
-      <label class="label" >小数位数:
-        <el-input-number v-model="options.decimals" @change="(val)=>handleChange(val,'decimals')" :min="0"  label="描述文字"></el-input-number>
+      <br />
+      <label class="label"
+        >小数位数:
+        <el-input-number
+          v-model="options.decimals"
+          @change="(val) => handleChange(val, 'decimals')"
+          :min="0"
+          label="描述文字"
+        ></el-input-number>
       </label>
-      <label class="label" >
-        分隔符:<el-input v-model="options.separator" @change="(val)=>handleChange(val,'prefix')"  style="width: 100px;margin-left: 10px"></el-input>
+      <label class="label">
+        分隔符:<el-input
+          v-model="options.separator"
+          @change="(val) => handleChange(val, 'prefix')"
+          style="width: 100px; margin-left: 10px"
+        ></el-input>
       </label>
-      <label class="label" >
-        前缀:<el-input v-model="options.prefix" @change="(val)=>handleChange(val,'prefix')"  style="width: 100px;margin-left: 10px"></el-input>
+      <label class="label">
+        前缀:<el-input
+          v-model="options.prefix"
+          @change="(val) => handleChange(val, 'prefix')"
+          style="width: 100px; margin-left: 10px"
+        ></el-input>
       </label>
-      <label class="label" >后缀:
-        <el-input v-model="options.suffix" @change="(val)=>handleChange(val,'suffix')"    style="width: 100px;margin-left: 10px"></el-input>
+      <label class="label"
+        >后缀:
+        <el-input
+          v-model="options.suffix"
+          @change="(val) => handleChange(val, 'suffix')"
+          style="width: 100px; margin-left: 10px"
+        ></el-input>
       </label>
 
       <el-button type="primary" @click="start">开始</el-button>
@@ -35,122 +82,120 @@
 <script lang="ts" setup>
   import CountTo from '@/components/u-count-to/vue-countTo.vue'
   const example = ref()
-  import {reactive, ref} from "vue";
-    let options = reactive({
-      startValInput:0,
-      endValInput:9888,
-      durationInput:2000,
-      decimals:1,
-      prefix:'价钱：',
-      suffix:'元',
-      separator:','
-    })
-   const handleChange = (val,type)=>{
-      // switch (type) {
-      //   case 'startValInput':
-      //     break;
-      // }
-   }
-    const start = ()=>{
-      example.value.start()
-    }
-    const pauseResume = ()=>{
-      example.value.pauseResume()
-    }
-
+  import { reactive, ref } from 'vue'
+  let options = reactive({
+    startValInput: 0,
+    endValInput: 9888,
+    durationInput: 2000,
+    decimals: 1,
+    prefix: '价钱：',
+    suffix: '元',
+    separator: ',',
+  })
+  const handleChange = (val, type) => {
+    // switch (type) {
+    //   case 'startValInput':
+    //     break;
+    // }
+  }
+  const start = () => {
+    example.value.start()
+  }
+  const pauseResume = () => {
+    example.value.pauseResume()
+  }
 </script>
 
 <style scoped>
-.example-btn {
-  display: inline-block;
-  margin-bottom: 0;
-  font-weight: 500;
-  text-align: center;
-  -ms-touch-action: manipulation;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  white-space: nowrap;
-  line-height: 1.5;
-  padding: 4px 15px;
-  font-size: 12px;
-  border-radius: 4px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
-  transition: all .3s cubic-bezier(.645, .045, .355, 1);
-  position: relative;
-  color: rgba(0, 0, 0, .65);
-  background-color: #fff;
-  border-color: #d9d9d9;
-}
+  .example-btn {
+    display: inline-block;
+    margin-bottom: 0;
+    font-weight: 500;
+    text-align: center;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    white-space: nowrap;
+    line-height: 1.5;
+    padding: 4px 15px;
+    font-size: 12px;
+    border-radius: 4px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    position: relative;
+    color: rgba(0, 0, 0, 0.65);
+    background-color: #fff;
+    border-color: #d9d9d9;
+  }
 
-.example-btn:hover {
-  color: #4AB7BD;
-  background-color: #fff;
-  border-color: #4AB7BD;
-}
-.example {
-  font-size: 50px;
-  color: #F6416C;
-  display: block;
-  margin: 10px 0;
-  text-align: center;
-  font-size: 80px;
-  font-weight: 500;
-}
+  .example-btn:hover {
+    color: #4ab7bd;
+    background-color: #fff;
+    border-color: #4ab7bd;
+  }
+  .example {
+    font-size: 50px;
+    color: #f6416c;
+    display: block;
+    margin: 10px 0;
+    text-align: center;
+    font-size: 80px;
+    font-weight: 500;
+  }
 
-.label {
-  color: #2f4f4f;
-  font-size: 16px;
-  display: inline-block;
-  margin: 15px 30px 15px 0;
-}
+  .label {
+    color: #2f4f4f;
+    font-size: 16px;
+    display: inline-block;
+    margin: 15px 30px 15px 0;
+  }
 
-input {
-  position: relative;
-  display: inline-block;
-  padding: 4px 7px;
-  width: 70px;
-  height: 28px;
-  cursor: text;
-  font-size: 12px;
-  line-height: 1.5;
-  color: rgba(0, 0, 0, .65);
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  -webkit-transition: all .3s;
-  transition: all .3s;
-}
+  input {
+    position: relative;
+    display: inline-block;
+    padding: 4px 7px;
+    width: 70px;
+    height: 28px;
+    cursor: text;
+    font-size: 12px;
+    line-height: 1.5;
+    color: rgba(0, 0, 0, 0.65);
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #d9d9d9;
+    border-radius: 4px;
+    -webkit-transition: all 0.3s;
+    transition: all 0.3s;
+  }
 
-.startBtn {
-  margin-left: 20px;
-  font-size: 20px;
-  color: #30B08F;
-  background-color: #fff;
-}
+  .startBtn {
+    margin-left: 20px;
+    font-size: 20px;
+    color: #30b08f;
+    background-color: #fff;
+  }
 
-.startBtn:hover {
-  background-color: #30B08F;
-  color: #fff;
-  border-color: #30B08F;
-}
+  .startBtn:hover {
+    background-color: #30b08f;
+    color: #fff;
+    border-color: #30b08f;
+  }
 
-.pause-resume-btn {
-  font-size: 20px;
-  color: #E65D6E;
-  background-color: #fff;
-}
+  .pause-resume-btn {
+    font-size: 20px;
+    color: #e65d6e;
+    background-color: #fff;
+  }
 
-.pause-resume-btn:hover {
-  background-color: #E65D6E;
-  color: #fff;
-  border-color: #E65D6E;
-}
+  .pause-resume-btn:hover {
+    background-color: #e65d6e;
+    color: #fff;
+    border-color: #e65d6e;
+  }
 </style>
-
diff --git a/src/views/other/cropper/cropper.vue b/src/views/other/cropper/cropper.vue
index cda3cae..cea55cf 100644
--- a/src/views/other/cropper/cropper.vue
+++ b/src/views/other/cropper/cropper.vue
@@ -1,145 +1,30 @@
 <template>
   <div>
-    <input
-        ref="input"
-        type="file"
-        name="image"
-        accept="image/*"
-        @change="setImage"
-    />
+    <input ref="input" type="file" name="image" accept="image/*" @change="setImage" />
 
     <div class="content">
       <section class="cropper-area">
         <div class="img-cropper">
-          <vue-cropper
-              ref="cropper"
-              :aspect-ratio="16 / 9"
-              :src="imgSrc"
-              preview=".preview"
-          />
+          <vue-cropper ref="cropper" :aspect-ratio="16 / 9" :src="imgSrc" preview=".preview" />
         </div>
         <div class="actions">
-          <a
-              href="#"
-              role="button"
-              @click.prevent="zoom(0.2)"
-          >
-            Zoom In
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="zoom(-0.2)"
-          >
-            Zoom Out
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="move(-10, 0)"
-          >
-            Move Left
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="move(10, 0)"
-          >
-            Move Right
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="move(0, -10)"
-          >
-            Move Up
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="move(0, 10)"
-          >
-            Move Down
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="rotate(90)"
-          >
-            Rotate +90deg
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="rotate(-90)"
-          >
-            Rotate -90deg
-          </a>
-          <a
-              ref="flipX"
-              href="#"
-              role="button"
-              @click.prevent="flipX"
-          >
-            Flip X
-          </a>
-          <a
-              ref="flipY"
-              href="#"
-              role="button"
-              @click.prevent="flipY"
-          >
-            Flip Y
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="cropImage"
-          >
-            Crop
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="reset"
-          >
-            Reset
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="getData"
-          >
-            Get Data
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="setData"
-          >
-            Set Data
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="getCropBoxData"
-          >
-            Get CropBox Data
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="setCropBoxData"
-          >
-            Set CropBox Data
-          </a>
-          <a
-              href="#"
-              role="button"
-              @click.prevent="showFileChooser"
-          >
-            Upload Image
-          </a>
+          <a href="#" role="button" @click.prevent="zoom(0.2)"> Zoom In </a>
+          <a href="#" role="button" @click.prevent="zoom(-0.2)"> Zoom Out </a>
+          <a href="#" role="button" @click.prevent="move(-10, 0)"> Move Left </a>
+          <a href="#" role="button" @click.prevent="move(10, 0)"> Move Right </a>
+          <a href="#" role="button" @click.prevent="move(0, -10)"> Move Up </a>
+          <a href="#" role="button" @click.prevent="move(0, 10)"> Move Down </a>
+          <a href="#" role="button" @click.prevent="rotate(90)"> Rotate +90deg </a>
+          <a href="#" role="button" @click.prevent="rotate(-90)"> Rotate -90deg </a>
+          <a ref="flipX" href="#" role="button" @click.prevent="flipX"> Flip X </a>
+          <a ref="flipY" href="#" role="button" @click.prevent="flipY"> Flip Y </a>
+          <a href="#" role="button" @click.prevent="cropImage"> Crop </a>
+          <a href="#" role="button" @click.prevent="reset"> Reset </a>
+          <a href="#" role="button" @click.prevent="getData"> Get Data </a>
+          <a href="#" role="button" @click.prevent="setData"> Set Data </a>
+          <a href="#" role="button" @click.prevent="getCropBoxData"> Get CropBox Data </a>
+          <a href="#" role="button" @click.prevent="setCropBoxData"> Set CropBox Data </a>
+          <a href="#" role="button" @click.prevent="showFileChooser"> Upload Image </a>
         </div>
 
         <textarea v-model="data" />
@@ -149,11 +34,7 @@
         <div class="preview" />
         <p>Cropped Image</p>
         <div class="cropped-image">
-          <img
-              v-if="cropImg"
-              :src="cropImg"
-              alt="Cropped Image"
-          />
+          <img v-if="cropImg" :src="cropImg" alt="Cropped Image" />
           <div v-else class="crop-placeholder" />
         </div>
       </section>
@@ -162,181 +43,181 @@
 </template>
 
 <script lang="ts">
-import VueCropper from 'vue-cropperjs';
-import 'cropperjs/dist/cropper.css';
-// import imgSrc from "@/assets/image/berserk.jpg"
-import imgSrc from '@/assets/image/im1.jpeg'
-export default {
-  components: {
-    VueCropper,
-  },
-  data() {
-    return {
-      imgSrc: imgSrc,
-      cropImg: '',
-      data: null,
-    };
-  },
-  methods: {
-    cropImage() {
-      // get image data for post processing, e.g. upload or setting image src
-      this.cropImg = this.$refs.cropper.getCroppedCanvas().toDataURL();
+  import VueCropper from 'vue-cropperjs'
+  import 'cropperjs/dist/cropper.css'
+  // import imgSrc from "@/assets/image/berserk.jpg"
+  import imgSrc from '@/assets/image/im1.jpeg'
+  export default {
+    components: {
+      VueCropper,
     },
-    flipX() {
-      const dom = this.$refs.flipX;
-      let scale = dom.getAttribute('data-scale');
-      scale = scale ? -scale : -1;
-      this.$refs.cropper.scaleX(scale);
-      dom.setAttribute('data-scale', scale);
-    },
-    flipY() {
-      const dom = this.$refs.flipY;
-      let scale = dom.getAttribute('data-scale');
-      scale = scale ? -scale : -1;
-      this.$refs.cropper.scaleY(scale);
-      dom.setAttribute('data-scale', scale);
-    },
-    getCropBoxData() {
-      this.data = JSON.stringify(this.$refs.cropper.getCropBoxData(), null, 4);
-    },
-    getData() {
-      this.data = JSON.stringify(this.$refs.cropper.getData(), null, 4);
-    },
-    move(offsetX, offsetY) {
-      this.$refs.cropper.move(offsetX, offsetY);
-    },
-    reset() {
-      this.$refs.cropper.reset();
-    },
-    rotate(deg) {
-      this.$refs.cropper.rotate(deg);
-    },
-    setCropBoxData() {
-      if (!this.data) return;
-
-      this.$refs.cropper.setCropBoxData(JSON.parse(this.data));
-    },
-    setData() {
-      if (!this.data) return;
-
-      this.$refs.cropper.setData(JSON.parse(this.data));
-    },
-    setImage(e) {
-      const file = e.target.files[0];
-
-      if (file.type.indexOf('image/') === -1) {
-        alert('Please select an image file');
-        return;
-      }
-
-      if (typeof FileReader === 'function') {
-        const reader = new FileReader();
-
-        reader.onload = (event) => {
-          this.imgSrc = event.target.result;
-          // rebuild cropperjs with the updated source
-          this.$refs.cropper.replace(event.target.result);
-        };
-
-        reader.readAsDataURL(file);
-      } else {
-        alert('Sorry, FileReader API not supported');
+    data() {
+      return {
+        imgSrc: imgSrc,
+        cropImg: '',
+        data: null,
       }
     },
-    showFileChooser() {
-      this.$refs.input.click();
+    methods: {
+      cropImage() {
+        // get image data for post processing, e.g. upload or setting image src
+        this.cropImg = this.$refs.cropper.getCroppedCanvas().toDataURL()
+      },
+      flipX() {
+        const dom = this.$refs.flipX
+        let scale = dom.getAttribute('data-scale')
+        scale = scale ? -scale : -1
+        this.$refs.cropper.scaleX(scale)
+        dom.setAttribute('data-scale', scale)
+      },
+      flipY() {
+        const dom = this.$refs.flipY
+        let scale = dom.getAttribute('data-scale')
+        scale = scale ? -scale : -1
+        this.$refs.cropper.scaleY(scale)
+        dom.setAttribute('data-scale', scale)
+      },
+      getCropBoxData() {
+        this.data = JSON.stringify(this.$refs.cropper.getCropBoxData(), null, 4)
+      },
+      getData() {
+        this.data = JSON.stringify(this.$refs.cropper.getData(), null, 4)
+      },
+      move(offsetX, offsetY) {
+        this.$refs.cropper.move(offsetX, offsetY)
+      },
+      reset() {
+        this.$refs.cropper.reset()
+      },
+      rotate(deg) {
+        this.$refs.cropper.rotate(deg)
+      },
+      setCropBoxData() {
+        if (!this.data) return
+
+        this.$refs.cropper.setCropBoxData(JSON.parse(this.data))
+      },
+      setData() {
+        if (!this.data) return
+
+        this.$refs.cropper.setData(JSON.parse(this.data))
+      },
+      setImage(e) {
+        const file = e.target.files[0]
+
+        if (file.type.indexOf('image/') === -1) {
+          alert('Please select an image file')
+          return
+        }
+
+        if (typeof FileReader === 'function') {
+          const reader = new FileReader()
+
+          reader.onload = (event) => {
+            this.imgSrc = event.target.result
+            // rebuild cropperjs with the updated source
+            this.$refs.cropper.replace(event.target.result)
+          }
+
+          reader.readAsDataURL(file)
+        } else {
+          alert('Sorry, FileReader API not supported')
+        }
+      },
+      showFileChooser() {
+        this.$refs.input.click()
+      },
+      zoom(percent) {
+        this.$refs.cropper.relativeZoom(percent)
+      },
     },
-    zoom(percent) {
-      this.$refs.cropper.relativeZoom(percent);
-    },
-  },
-};
+  }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-body {
-  font-family: Arial, Helvetica, sans-serif;
-  width: 1024px;
-  margin: 0 auto;
-}
+  body {
+    font-family: Arial, Helvetica, sans-serif;
+    width: 1024px;
+    margin: 0 auto;
+  }
 
-input[type="file"] {
-  display: none;
-}
+  input[type='file'] {
+    display: none;
+  }
 
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 0 5px 0;
-}
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 0 5px 0;
+  }
 
-.header h2 {
-  margin: 0;
-}
+  .header h2 {
+    margin: 0;
+  }
 
-.header a {
-  text-decoration: none;
-  color: black;
-}
+  .header a {
+    text-decoration: none;
+    color: black;
+  }
 
-.content {
-  display: flex;
-  justify-content: space-between;
-}
+  .content {
+    display: flex;
+    justify-content: space-between;
+  }
 
-.cropper-area {
-  width: 614px;
-}
+  .cropper-area {
+    width: 614px;
+  }
 
-.actions {
-  margin-top: 1rem;
-}
+  .actions {
+    margin-top: 1rem;
+  }
 
-.actions a {
-  display: inline-block;
-  padding: 5px 15px;
-  background: #0062CC;
-  color: white;
-  text-decoration: none;
-  border-radius: 3px;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
+  .actions a {
+    display: inline-block;
+    padding: 5px 15px;
+    background: #0062cc;
+    color: white;
+    text-decoration: none;
+    border-radius: 3px;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+  }
 
-textarea {
-  width: 100%;
-  height: 100px;
-}
+  textarea {
+    width: 100%;
+    height: 100px;
+  }
 
-.preview-area {
-  width: 307px;
-}
+  .preview-area {
+    width: 307px;
+  }
 
-.preview-area p {
-  font-size: 1.25rem;
-  margin: 0;
-  margin-bottom: 1rem;
-}
+  .preview-area p {
+    font-size: 1.25rem;
+    margin: 0;
+    margin-bottom: 1rem;
+  }
 
-.preview-area p:last-of-type {
-  margin-top: 1rem;
-}
+  .preview-area p:last-of-type {
+    margin-top: 1rem;
+  }
 
-.preview {
-  width: 100%;
-  height: calc(372px * (9 / 16));
-  overflow: hidden;
-}
+  .preview {
+    width: 100%;
+    height: calc(372px * (9 / 16));
+    overflow: hidden;
+  }
 
-.crop-placeholder {
-  width: 100%;
-  height: 200px;
-  background: #ccc;
-}
+  .crop-placeholder {
+    width: 100%;
+    height: 200px;
+    background: #ccc;
+  }
 
-.cropped-image img {
-  max-width: 100%;
-}
+  .cropped-image img {
+    max-width: 100%;
+  }
 </style>
diff --git a/src/views/other/cropper/cropper1.vue b/src/views/other/cropper/cropper1.vue
index 28c5d7e..6e46997 100644
--- a/src/views/other/cropper/cropper1.vue
+++ b/src/views/other/cropper/cropper1.vue
@@ -3,11 +3,11 @@
     <div class="left">
       <div class="cropper-content">
         <vue-cropper
-            ref="cropper"
-            :src="options.imgSrc"
-            @crop="cropmove"
-            :minCropBoxWidth="options.minCropBoxWidth"
-            preview=".preview"
+          ref="cropper"
+          :src="options.imgSrc"
+          @crop="cropmove"
+          :minCropBoxWidth="options.minCropBoxWidth"
+          preview=".preview"
         />
       </div>
       <div>
@@ -19,33 +19,21 @@
         <el-button type="primary" @click.prevent="move(0, 10)">向下移动</el-button>
         <el-button type="primary" @click.prevent="rotate(90)">旋转90度</el-button>
         <el-button type="primary" @click.prevent="rotate(-90)">旋转-90度</el-button>
-        <el-button type="primary"
-                   ref="flipX"
-                   @click.prevent="flipXAction">翻转 X</el-button>
-        <el-button type="primary"
-                   ref="flipY"
-                   @click.prevent="flipYAction">翻转 Y</el-button>
+        <el-button type="primary" ref="flipX" @click.prevent="flipXAction">翻转 X</el-button>
+        <el-button type="primary" ref="flipY" @click.prevent="flipYAction">翻转 Y</el-button>
         <el-button type="primary" @click.prevent="reset">重置</el-button>
         <el-button type="primary" @click.prevent="cropImage">获取结果</el-button>
-        <el-upload
-            class="upload-demo"
-            :show-file-list="false"
-            action
-
-           :before-upload="beforeUpload"
-
-        >
+        <el-upload class="upload-demo" :show-file-list="false" action :before-upload="beforeUpload">
           <el-button type="primary">选择上传图片</el-button>
         </el-upload>
       </div>
     </div>
 
     <div>
-      <div class="preview" >
-      </div>
+      <div class="preview"> </div>
       <h4 style="margin-top: 10px">得到结果</h4>
-      <div style="background: #ccc;width: 100px;height: 100px">
-        <img :src="options.cropImg" style="width: 100%;height: 100%" v-if="options.cropImg"/>
+      <div style="background: #ccc; width: 100px; height: 100px">
+        <img :src="options.cropImg" style="width: 100%; height: 100%" v-if="options.cropImg" />
       </div>
     </div>
   </div>
@@ -54,10 +42,10 @@
 <script lang="ts" setup>
   // http://github.xyxiao.cn/vue-cropper/example/
   // https://codepen.io/xyxiao001/pen/yLooYKg
-  import VueCropper from 'vue-cropperjs';
+  import VueCropper from 'vue-cropperjs'
   import imgSrc from '@/assets/image/cro.jpg'
-  import 'cropperjs/dist/cropper.css';
-  import {reactive, ref} from 'vue'
+  import 'cropperjs/dist/cropper.css'
+  import { reactive, ref } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   import type { UploadProps, UploadUserFile } from 'element-plus'
 
@@ -66,10 +54,9 @@
   const flipY = ref()
 
   const options = reactive({
-    cropImg:null,
-    imgSrc:imgSrc,
-    minCropBoxWidth:200,
-
+    cropImg: null,
+    imgSrc: imgSrc,
+    minCropBoxWidth: 200,
   })
 
   const handleRemove: UploadProps['onRemove'] = (file, uploadFiles) => {
@@ -82,74 +69,72 @@
 
   const handleExceed: UploadProps['onExceed'] = (files, uploadFiles) => {
     ElMessage.warning(
-        `The limit is 3, you selected ${files.length} files this time, add up to ${
-            files.length + uploadFiles.length
-        } totally`
+      `The limit is 3, you selected ${files.length} files this time, add up to ${
+        files.length + uploadFiles.length
+      } totally`,
     )
   }
 
   const beforeRemove: UploadProps['beforeRemove'] = (uploadFile, uploadFiles) => {
-    return ElMessageBox.confirm(
-        `Cancel the transfert of ${uploadFile.name} ?`
-    ).then(
-        () => true,
-        () => false
+    return ElMessageBox.confirm(`Cancel the transfert of ${uploadFile.name} ?`).then(
+      () => true,
+      () => false,
     )
   }
 
-  const cropmove = (e)=>{
+  const cropmove = (e) => {
     // console.log('eeeeee',e)
   }
 
-  const zoom = (percent)=> {
-    cropper.value.relativeZoom(percent);
+  const zoom = (percent) => {
+    cropper.value.relativeZoom(percent)
   }
 
-  const move = (offsetX, offsetY)=>{
-    cropper.value.move(offsetX, offsetY);
+  const move = (offsetX, offsetY) => {
+    cropper.value.move(offsetX, offsetY)
   }
 
-  const rotate = (deg)=> {
-    cropper.value.rotate(deg);
+  const rotate = (deg) => {
+    cropper.value.rotate(deg)
   }
 
-  const flipXAction=()=> {
-    const dom = flipX.value;
-    let scale = dom.getAttribute('data-scale');
-    scale = scale ? -scale : -1;
-    cropper.value.scaleX(scale);
-    dom.setAttribute('data-scale', scale);
+  const flipXAction = () => {
+    const dom = flipX.value
+    let scale = dom.getAttribute('data-scale')
+    scale = scale ? -scale : -1
+    cropper.value.scaleX(scale)
+    dom.setAttribute('data-scale', scale)
   }
-  const flipYAction=()=> {
-    const dom = flipY.value;
-    let scale = dom.getAttribute('data-scale');
-    scale = scale ? -scale : -1;
-    cropper.value.scaleY(scale);
-    dom.setAttribute('data-scale', scale);
+  const flipYAction = () => {
+    const dom = flipY.value
+    let scale = dom.getAttribute('data-scale')
+    scale = scale ? -scale : -1
+    cropper.value.scaleY(scale)
+    dom.setAttribute('data-scale', scale)
   }
 
-  const cropImage=()=>{
-    options.cropImg = cropper.value.getCroppedCanvas().toDataURL();
+  const cropImage = () => {
+    options.cropImg = cropper.value.getCroppedCanvas().toDataURL()
   }
 
-  const reset = ()=> {
-    cropper.value.reset();
+  const reset = () => {
+    cropper.value.reset()
   }
 
-  const beforeUpload = (file, fileList)=>{
+  const beforeUpload = (file, fileList) => {
     return new Promise((resolve, reject) => {
       var reader = new FileReader()
       // let res = !/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/
-      let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
       reader.readAsDataURL(file)
       let name = file.name
-      if(reg.test(name)){
-        reader.onload = (e:FileReader)=>{
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
           resolve(e.target.result)
           options.imgSrc = e.target.result
-          cropper.value.replace(e.target.result);
+          cropper.value.replace(e.target.result)
         }
-      }else{
+      } else {
         ElMessage.error('请上传图片')
         reject()
       }
@@ -158,23 +143,21 @@
 </script>
 
 <style lang="scss" scoped>
-  .cropper-content{
+  .cropper-content {
     display: flex;
     width: 400px;
     text-align: center;
-
   }
-  ::v-deep(.el-button){
+  ::v-deep(.el-button) {
     margin-top: 15px;
   }
-  .m-cropper{
+  .m-cropper {
     display: flex;
-    .left{
+    .left {
       width: 400px;
       margin-right: 30px;
-
     }
-    .preview{
+    .preview {
       width: 200px;
       height: 200px;
       margin-top: 20px;
diff --git a/src/views/other/cropper/cropper2.vue b/src/views/other/cropper/cropper2.vue
index 885dd48..1d06e6a 100644
--- a/src/views/other/cropper/cropper2.vue
+++ b/src/views/other/cropper/cropper2.vue
@@ -3,65 +3,67 @@
     <div class="left">
       <div class="cropper-content">
         <vue-cropper
-            ref="cropper"
-            :img="option.img"
-            :output-size="option.size"
-            :output-type="option.outputType"
-            :info="true" :full="option.full"
-            :fixed="fixed"
-            :fixed-number="fixedNumber"
-            :can-move="option.canMove"
-            :can-move-box="option.canMoveBox"
-            :autoCropWidth="option.autoCropWidth"
-            :autoCropHeight="option.autoCropHeight"
-            :fixed-box="option.fixedBox"
-            :auto-crop="option.autoCrop"
-            :auto-crop-height="option.autoCropHeight"
-            :center-box="option.centerBox"
-            @real-time="realTime"
+          ref="cropper"
+          :img="option.img"
+          :output-size="option.size"
+          :output-type="option.outputType"
+          :info="true"
+          :full="option.full"
+          :fixed="fixed"
+          :fixed-number="fixedNumber"
+          :can-move="option.canMove"
+          :can-move-box="option.canMoveBox"
+          :autoCropWidth="option.autoCropWidth"
+          :autoCropHeight="option.autoCropHeight"
+          :fixed-box="option.fixedBox"
+          :auto-crop="option.autoCrop"
+          :auto-crop-height="option.autoCropHeight"
+          :center-box="option.centerBox"
+          @real-time="realTime"
         />
       </div>
-<!--      <div>-->
-        <el-button type="primary" @click.prevent="zoom(1)">放大</el-button>
-        <el-button type="primary" @click.prevent="zoom(-1)">缩小</el-button>
-        <el-button type="primary" @click.prevent="rotateLeft">向左旋转</el-button>
-        <el-button type="primary" @click.prevent="rotateRight">向右旋转</el-button>
-<!--        <el-button type="primary" @click.prevent="move(0, -10)">向上移动</el-button>-->
-<!--        <el-button type="primary" @click.prevent="move(0, 10)">向下移动</el-button>-->
-<!--        <el-button type="primary" @click.prevent="rotate(90)">旋转90度</el-button>-->
-<!--        <el-button type="primary" @click.prevent="rotate(-90)">旋转-90度</el-button>-->
-<!--        <el-button type="primary"-->
-<!--                   ref="flipX"-->
-<!--                   @click.prevent="flipXAction">翻转 X</el-button>-->
-<!--        <el-button type="primary"-->
-<!--                   ref="flipY"-->
-<!--                   @click.prevent="flipYAction">翻转 Y</el-button>-->
-        <el-button type="primary" @click.prevent="reset">重置</el-button>
-        <el-button type="primary" @click.prevent="cropImage">获取结果</el-button>
-        <el-button type="primary" @click.prevent="down('base64')">下载图片</el-button>
-        <el-upload
-            class="upload-demo"
-            :show-file-list="false"
-            action
-
-           :before-upload="beforeUpload"
-
-        >
-          <el-button type="primary">选择上传图片</el-button>
-        </el-upload>
-<!--      </div>-->
+      <!--      <div>-->
+      <el-button type="primary" @click.prevent="zoom(1)">放大</el-button>
+      <el-button type="primary" @click.prevent="zoom(-1)">缩小</el-button>
+      <el-button type="primary" @click.prevent="rotateLeft">向左旋转</el-button>
+      <el-button type="primary" @click.prevent="rotateRight">向右旋转</el-button>
+      <!--        <el-button type="primary" @click.prevent="move(0, -10)">向上移动</el-button>-->
+      <!--        <el-button type="primary" @click.prevent="move(0, 10)">向下移动</el-button>-->
+      <!--        <el-button type="primary" @click.prevent="rotate(90)">旋转90度</el-button>-->
+      <!--        <el-button type="primary" @click.prevent="rotate(-90)">旋转-90度</el-button>-->
+      <!--        <el-button type="primary"-->
+      <!--                   ref="flipX"-->
+      <!--                   @click.prevent="flipXAction">翻转 X</el-button>-->
+      <!--        <el-button type="primary"-->
+      <!--                   ref="flipY"-->
+      <!--                   @click.prevent="flipYAction">翻转 Y</el-button>-->
+      <el-button type="primary" @click.prevent="reset">重置</el-button>
+      <el-button type="primary" @click.prevent="cropImage">获取结果</el-button>
+      <el-button type="primary" @click.prevent="down('base64')">下载图片</el-button>
+      <el-upload class="upload-demo" :show-file-list="false" action :before-upload="beforeUpload">
+        <el-button type="primary">选择上传图片</el-button>
+      </el-upload>
+      <!--      </div>-->
     </div>
 
     <div>
       <h4 style="margin-top: 10px">实时预览</h4>
-      <div class="show-preview" :style="{'width': option.previews.w + 'px', 'height': option.previews.h + 'px',  'overflow': 'hidden', 'margin': '5px'}">
+      <div
+        class="show-preview"
+        :style="{
+          width: option.previews.w + 'px',
+          height: option.previews.h + 'px',
+          overflow: 'hidden',
+          margin: '5px',
+        }"
+      >
         <div :style="option.previews.div">
-          <img :src="option.previews.url" :style="option.previews.img">
+          <img :src="option.previews.url" :style="option.previews.img" />
         </div>
       </div>
       <h4 style="margin-top: 10px">获取结果</h4>
-      <div style="background: #ccc;width: 100px;height: 100px">
-        <img :src="option.cropImg" style="width: 100%;height: 100%" v-if="option.cropImg"/>
+      <div style="background: #ccc; width: 100px; height: 100px">
+        <img :src="option.cropImg" style="width: 100%; height: 100%" v-if="option.cropImg" />
       </div>
     </div>
   </div>
@@ -71,9 +73,9 @@
   // http://github.xyxiao.cn/vue-cropper/example/
   // https://codepen.io/xyxiao001/pen/yLooYKg
   import 'vue-cropper/dist/index.css'
-  import { VueCropper }  from "vue-cropper";
+  import { VueCropper } from 'vue-cropper'
   import imgSrc from '@/assets/image/cro.jpg'
-  import {reactive, ref} from 'vue'
+  import { reactive, ref } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   import type { UploadProps, UploadUserFile } from 'element-plus'
 
@@ -99,91 +101,90 @@
     centerBox: false, // 截图框是否被限制在图片里面
     high: true,
     max: 99999,
-    previews:{
-      url:''
+    previews: {
+      url: '',
     },
-    cropImg:''
-
+    cropImg: '',
   })
 
-  const realTime = (data)=>{
+  const realTime = (data) => {
     option.previews = data
   }
 
-  const cropmove = (e)=>{
+  const cropmove = (e) => {
     // console.log('eeeeee',e)
   }
 
-  const zoom = (percent)=> {
-    cropper.value.changeScale(percent);
+  const zoom = (percent) => {
+    cropper.value.changeScale(percent)
   }
-  const rotateLeft = ()=> {
-    cropper.value.rotateLeft();
+  const rotateLeft = () => {
+    cropper.value.rotateLeft()
   }
-  const rotateRight = ()=> {
-    cropper.value.rotateRight();
+  const rotateRight = () => {
+    cropper.value.rotateRight()
   }
 
-  const move = (offsetX, offsetY)=>{
-    cropper.value.move(offsetX, offsetY);
+  const move = (offsetX, offsetY) => {
+    cropper.value.move(offsetX, offsetY)
   }
 
-  const down = (type)=>{
+  const down = (type) => {
     // event.preventDefault()
-    var aLink = document.createElement('a');
-    aLink.download = 'demo';
+    var aLink = document.createElement('a')
+    aLink.download = 'demo'
     // 输出
     if (type === 'blob') {
       this.$refs.cropper.getCropBlob((data) => {
         // this.downImg = window.URL.createObjectURL(data);
-        aLink.href = window.URL.createObjectURL(data);
-        aLink.click();
-      });
+        aLink.href = window.URL.createObjectURL(data)
+        aLink.click()
+      })
     } else {
       cropper.value.getCropData((data) => {
         // this.downImg = data;
-        aLink.href = data;
-        aLink.click();
-      });
+        aLink.href = data
+        aLink.click()
+      })
     }
   }
 
-  const rotate = (deg)=> {
-    cropper.value.rotate(deg);
+  const rotate = (deg) => {
+    cropper.value.rotate(deg)
   }
 
-  const cropImage=()=>{
-    cropper.value.getCropData(data=>{
+  const cropImage = () => {
+    cropper.value.getCropData((data) => {
       option.cropImg = data
     })
   }
 
-  const reset = ()=> {
+  const reset = () => {
     option.img = ''
-    option.cropImg=''
+    option.cropImg = ''
   }
 
-  const beforeUpload = (file, fileList)=>{
+  const beforeUpload = (file, fileList) => {
     return new Promise((resolve, reject) => {
       var reader = new FileReader()
       // let res = !/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/
-      let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
       reader.readAsDataURL(file)
       let name = file.name
-      if(reg.test(name)){
-        reader.onload = (e:FileReader)=>{
-          let data;
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
+          let data
           if (typeof e.target.result === 'object') {
             // 把Array Buffer转化为blob 如果是base64不需要
-            data = window.URL.createObjectURL(new Blob([e.target.result]));
+            data = window.URL.createObjectURL(new Blob([e.target.result]))
           } else {
-            data = e.target.result;
+            data = e.target.result
           }
           resolve(e.target.result)
           option.imgSrc = data
           option.img = data
         }
-      }else{
+      } else {
         ElMessage.error('请上传图片')
         reject()
       }
@@ -192,26 +193,24 @@
 </script>
 
 <style lang="scss" scoped>
-  .cropper-content{
+  .cropper-content {
     display: flex;
     width: 400px;
     height: 400px;
     text-align: center;
-
   }
-  ::v-deep(.el-button){
+  ::v-deep(.el-button) {
     margin-top: 15px;
   }
-  .m-cropper{
+  .m-cropper {
     width: 100%;
     height: 500px;
     display: flex;
-    .left{
+    .left {
       width: 400px;
       margin-right: 30px;
-
     }
-    .preview{
+    .preview {
       width: 200px;
       height: 200px;
       margin-top: 20px;
diff --git a/src/views/other/cropper/index.vue b/src/views/other/cropper/index.vue
index db531c6..41423a1 100644
--- a/src/views/other/cropper/index.vue
+++ b/src/views/other/cropper/index.vue
@@ -8,7 +8,8 @@
             :img="option.img"
             :output-size="option.size"
             :output-type="option.outputType"
-            :info="true" :full="option.full"
+            :info="true"
+            :full="option.full"
             :fixed="option.fixed"
             :fixed-number="option.fixedNumber"
             :can-move="option.canMove"
@@ -29,26 +30,29 @@
         <el-button type="primary" @click.prevent="reset">清除</el-button>
         <el-button type="primary" @click.prevent="cropImage">获取结果</el-button>
         <el-button type="primary" @click.prevent="down('base64')">下载图片</el-button>
-        <el-upload
-          class="upload-demo"
-          :show-file-list="false"
-          action
-          :before-upload="beforeUpload"
-        >
+        <el-upload class="upload-demo" :show-file-list="false" action :before-upload="beforeUpload">
           <el-button type="primary">选择上传图片</el-button>
         </el-upload>
       </div>
 
       <div>
         <h4 style="margin-top: 10px">实时预览</h4>
-        <div class="show-preview" :style="{'width': option.previews.w + 'px', 'height': option.previews.h + 'px',  'overflow': 'hidden', 'margin': '5px'}">
+        <div
+          class="show-preview"
+          :style="{
+            width: option.previews.w + 'px',
+            height: option.previews.h + 'px',
+            overflow: 'hidden',
+            margin: '5px',
+          }"
+        >
           <div :style="option.previews.div">
-            <img :src="option.previews.url" :style="option.previews.img">
+            <img :src="option.previews.url" :style="option.previews.img" />
           </div>
         </div>
         <h4 style="margin-top: 10px">获取结果</h4>
-        <div style="background: #ccc;width: 100px;height: 100px">
-          <img :src="option.cropImg" style="width: 100%;height: 100%" v-if="option.cropImg"/>
+        <div style="background: #ccc; width: 100px; height: 100px">
+          <img :src="option.cropImg" style="width: 100%; height: 100%" v-if="option.cropImg" />
         </div>
       </div>
     </div>
@@ -59,9 +63,9 @@
   // http://github.xyxiao.cn/vue-cropper/example/
   // https://codepen.io/xyxiao001/pen/yLooYKg
   import 'vue-cropper/dist/index.css'
-  import { VueCropper }  from "vue-cropper";
+  import { VueCropper } from 'vue-cropper'
   import imgSrc from '@/assets/image/cro.jpg'
-  import {reactive, ref} from 'vue'
+  import { reactive, ref } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   import type { UploadProps, UploadUserFile } from 'element-plus'
   const cropper = ref()
@@ -84,91 +88,90 @@
     centerBox: false, // 截图框是否被限制在图片里面
     high: true,
     max: 99999,
-    previews:{
-      url:''
+    previews: {
+      url: '',
     },
-    cropImg:''
-
+    cropImg: '',
   })
 
-  const realTime = (data)=>{
+  const realTime = (data) => {
     option.previews = data
   }
 
-  const cropmove = (e)=>{
+  const cropmove = (e) => {
     // console.log('eeeeee',e)
   }
 
-  const zoom = (percent)=> {
-    cropper.value.changeScale(percent);
+  const zoom = (percent) => {
+    cropper.value.changeScale(percent)
   }
-  const rotateLeft = ()=> {
-    cropper.value.rotateLeft();
+  const rotateLeft = () => {
+    cropper.value.rotateLeft()
   }
-  const rotateRight = ()=> {
-    cropper.value.rotateRight();
+  const rotateRight = () => {
+    cropper.value.rotateRight()
   }
 
-  const move = (offsetX, offsetY)=>{
-    cropper.value.move(offsetX, offsetY);
+  const move = (offsetX, offsetY) => {
+    cropper.value.move(offsetX, offsetY)
   }
 
-  const down = (type)=>{
+  const down = (type) => {
     // event.preventDefault()
-    var aLink = document.createElement('a');
-    aLink.download = 'demo';
+    var aLink = document.createElement('a')
+    aLink.download = 'demo'
     // 输出
     if (type === 'blob') {
       this.$refs.cropper.getCropBlob((data) => {
         // this.downImg = window.URL.createObjectURL(data);
-        aLink.href = window.URL.createObjectURL(data);
-        aLink.click();
-      });
+        aLink.href = window.URL.createObjectURL(data)
+        aLink.click()
+      })
     } else {
       cropper.value.getCropData((data) => {
         // this.downImg = data;
-        aLink.href = data;
-        aLink.click();
-      });
+        aLink.href = data
+        aLink.click()
+      })
     }
   }
 
-  const rotate = (deg)=> {
-    cropper.value.rotate(deg);
+  const rotate = (deg) => {
+    cropper.value.rotate(deg)
   }
 
-  const cropImage=()=>{
-    cropper.value.getCropData(data=>{
+  const cropImage = () => {
+    cropper.value.getCropData((data) => {
       option.cropImg = data
     })
   }
 
-  const reset = ()=> {
+  const reset = () => {
     option.img = ''
-    option.cropImg=''
+    option.cropImg = ''
   }
 
-  const beforeUpload = (file, fileList)=>{
+  const beforeUpload = (file, fileList) => {
     return new Promise((resolve, reject) => {
       var reader = new FileReader()
       // let res = !/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/
-      let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
       reader.readAsDataURL(file)
       let name = file.name
-      if(reg.test(name)){
-        reader.onload = (e:FileReader)=>{
-          let data;
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
+          let data
           if (typeof e.target.result === 'object') {
             // 把Array Buffer转化为blob 如果是base64不需要
-            data = window.URL.createObjectURL(new Blob([e.target.result]));
+            data = window.URL.createObjectURL(new Blob([e.target.result]))
           } else {
-            data = e.target.result;
+            data = e.target.result
           }
           resolve(e.target.result)
           option.imgSrc = data
           option.img = data
         }
-      }else{
+      } else {
         ElMessage.error('请上传图片')
         reject()
       }
@@ -177,30 +180,28 @@
 </script>
 
 <style lang="scss" scoped>
-.cropper-content{
-  display: flex;
-  width: 400px;
-  height: 400px;
-  text-align: center;
-
-}
-::v-deep(.el-button){
-  margin-top: 15px;
-}
-.m-cropper{
-  width: 100%;
-  /*height: 500px;*/
-  display: flex;
-  .left{
+  .cropper-content {
+    display: flex;
     width: 400px;
-    margin-right: 30px;
-
+    height: 400px;
+    text-align: center;
   }
-  .preview{
-    width: 200px;
-    height: 200px;
-    margin-top: 20px;
-    overflow: hidden;
+  ::v-deep(.el-button) {
+    margin-top: 15px;
+  }
+  .m-cropper {
+    width: 100%;
+    /*height: 500px;*/
+    display: flex;
+    .left {
+      width: 400px;
+      margin-right: 30px;
+    }
+    .preview {
+      width: 200px;
+      height: 200px;
+      margin-top: 20px;
+      overflow: hidden;
+    }
   }
-}
 </style>
diff --git a/src/views/other/editor.vue b/src/views/other/editor.vue
index 4c168c2..4184c44 100644
--- a/src/views/other/editor.vue
+++ b/src/views/other/editor.vue
@@ -1,30 +1,19 @@
 <template>
   <u-container-layout>
-    <el-form
-        ref="formRef"
-        :model="dynamicValidateForm"
-        label-width="80px"
-        class="demo-dynamic"
-    >
+    <el-form ref="formRef" :model="dynamicValidateForm" label-width="80px" class="demo-dynamic">
       <el-form-item
-          prop="title"
-          label="标题"
-          :rules="[
-        {  required: true,  message: '请输入标题', trigger: 'blur',  },
-
-      ]"
+        prop="title"
+        label="标题"
+        :rules="[{ required: true, message: '请输入标题', trigger: 'blur' }]"
       >
         <el-input v-model="dynamicValidateForm.title" />
       </el-form-item>
       <el-form-item
-          prop="content"
-          label="标题"
-          :rules="[
-        {  required: true,  message: '请输入内容', trigger: 'blur',  },
-
-      ]"
+        prop="content"
+        label="标题"
+        :rules="[{ required: true, message: '请输入内容', trigger: 'blur' }]"
       >
-        <u-wang-edior v-model="dynamicValidateForm.content"/>
+        <u-wang-edior v-model="dynamicValidateForm.content" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm(formRef)">保存</el-button>
@@ -33,46 +22,40 @@
       </el-form-item>
     </el-form>
   </u-container-layout>
-
 </template>
 
 <script lang="ts" setup>
-import UWangEdior from '@/components/u-wangEdior/index.vue'
-import { reactive, ref } from 'vue'
-import type { FormInstance } from 'element-plus'
-import { ElMessage } from 'element-plus'
+  import UWangEdior from '@/components/u-wangEdior/index.vue'
+  import { reactive, ref } from 'vue'
+  import type { FormInstance } from 'element-plus'
+  import { ElMessage } from 'element-plus'
 
-const formRef = ref<FormInstance>()
-const dynamicValidateForm = reactive<{
-  title: string,
-  content:string
-}>({
-  title: '',
-  content:''
-})
-
-
-
-
-const submitForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.validate((valid) => {
-    console.log('valid',valid)
-    if (valid) {
-      ElMessage.success('保存成功')
-    } else {
-      console.log('error submit!')
-      return false
-    }
+  const formRef = ref<FormInstance>()
+  const dynamicValidateForm = reactive<{
+    title: string
+    content: string
+  }>({
+    title: '',
+    content: '',
   })
-}
 
-const preview = ()=>{
+  const submitForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.validate((valid) => {
+      console.log('valid', valid)
+      if (valid) {
+        ElMessage.success('保存成功')
+      } else {
+        console.log('error submit!')
+        return false
+      }
+    })
+  }
 
-}
+  const preview = () => {}
 
-const resetForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.resetFields()
-}
+  const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+  }
 </script>
diff --git a/src/views/other/form.vue b/src/views/other/form.vue
index 07c19b5..ba32f33 100644
--- a/src/views/other/form.vue
+++ b/src/views/other/form.vue
@@ -2,12 +2,12 @@
   <u-container-layout>
     <div style="max-width: 800px">
       <el-form
-          ref="ruleFormRef"
-          :model="ruleForm"
-          :rules="rules"
-          label-width="120px"
-          class="demo-ruleForm"
-          :size="formSize"
+        ref="ruleFormRef"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="120px"
+        class="demo-ruleForm"
+        :size="formSize"
       >
         <el-form-item label="活动名称" prop="name">
           <el-input v-model="ruleForm.name" />
@@ -22,23 +22,19 @@
           <el-col :span="11">
             <el-form-item prop="date1">
               <el-date-picker
-                  v-model="ruleForm.date1"
-                  type="date"
-                  placeholder="选择时间"
-                  style="width: 100%"
+                v-model="ruleForm.date1"
+                type="date"
+                placeholder="选择时间"
+                style="width: 100%"
               />
             </el-form-item>
           </el-col>
           <el-col class="text-center" :span="2" style="text-align: center">
-            <span class="text-gray-500" >-</span>
+            <span class="text-gray-500">-</span>
           </el-col>
           <el-col :span="11">
             <el-form-item prop="date2">
-              <el-time-picker
-                  v-model="ruleForm.date2"
-                  placeholder="选择时间"
-                  style="width: 100%"
-              />
+              <el-time-picker v-model="ruleForm.date2" placeholder="选择时间" style="width: 100%" />
             </el-form-item>
           </el-col>
         </el-form-item>
@@ -60,107 +56,100 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="上传图片" prop="img">
-          <u-upload v-model="ruleForm.img"/>
+          <u-upload v-model="ruleForm.img" />
         </el-form-item>
         <el-form-item label="备注" prop="desc">
           <el-input v-model="ruleForm.desc" type="textarea" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="submitForm(ruleFormRef)"
-          >立即创建</el-button
-          >
+          <el-button type="primary" @click="submitForm(ruleFormRef)">立即创建</el-button>
           <el-button @click="resetForm(ruleFormRef)">重置</el-button>
         </el-form-item>
       </el-form>
     </div>
   </u-container-layout>
-
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref } from 'vue'
-import type { FormInstance } from 'element-plus'
-import UUpload from './form/u-upload.vue'
+  import { reactive, ref } from 'vue'
+  import type { FormInstance } from 'element-plus'
+  import UUpload from './form/u-upload.vue'
 
-const formSize = ref('default')
-const ruleFormRef = ref<FormInstance>()
-const ruleForm = reactive({
-  name: '跑步',
-  region: '',
-  date1: '',
-  date2: '',
-  delivery: false,
-  type: [],
-  resource: '',
-  desc: '',
-  img:[]
-})
-
-const rules = reactive({
-  name: [
-    { required: true, message: '请输入活动名称活动区域', trigger: 'blur' },
-    { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
-  ],
-  img:[
-    { required: true, message: '请上传图片', trigger: 'blur' },
-  ],
-  region: [
-    {
-      required: true,
-      message: '请选择活动区域',
-      trigger: 'change',
-    },
-  ],
-  date1: [
-    {
-      type: 'date',
-      required: true,
-      message: '请选择时间',
-      trigger: 'change',
-    },
-  ],
-  date2: [
-    {
-      type: 'date',
-      required: true,
-      message: '请选择时间',
-      trigger: 'change',
-    },
-  ],
-  type: [
-    {
-      type: 'array',
-      required: true,
-      message: '请至少选择一个活动性质',
-      trigger: 'change',
-    },
-  ],
-  resource: [
-    {
-      required: true,
-      message: '请选择活动资源\n',
-      trigger: 'change',
-    },
-  ],
-  desc: [
-    { required: true, message: '请填写活动形式', trigger: 'blur' },
-  ],
-})
-
-const submitForm = async (formEl: FormInstance | undefined) => {
-  console.log('--FORM---',ruleForm)
-  if (!formEl) return
-  await formEl.validate((valid, fields) => {
-    if (valid) {
-      console.log('submit!')
-    } else {
-      console.log('error submit!', fields)
-    }
+  const formSize = ref('default')
+  const ruleFormRef = ref<FormInstance>()
+  const ruleForm = reactive({
+    name: '跑步',
+    region: '',
+    date1: '',
+    date2: '',
+    delivery: false,
+    type: [],
+    resource: '',
+    desc: '',
+    img: [],
   })
-}
 
-const resetForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.resetFields()
-}
+  const rules = reactive({
+    name: [
+      { required: true, message: '请输入活动名称活动区域', trigger: 'blur' },
+      { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
+    ],
+    img: [{ required: true, message: '请上传图片', trigger: 'blur' }],
+    region: [
+      {
+        required: true,
+        message: '请选择活动区域',
+        trigger: 'change',
+      },
+    ],
+    date1: [
+      {
+        type: 'date',
+        required: true,
+        message: '请选择时间',
+        trigger: 'change',
+      },
+    ],
+    date2: [
+      {
+        type: 'date',
+        required: true,
+        message: '请选择时间',
+        trigger: 'change',
+      },
+    ],
+    type: [
+      {
+        type: 'array',
+        required: true,
+        message: '请至少选择一个活动性质',
+        trigger: 'change',
+      },
+    ],
+    resource: [
+      {
+        required: true,
+        message: '请选择活动资源\n',
+        trigger: 'change',
+      },
+    ],
+    desc: [{ required: true, message: '请填写活动形式', trigger: 'blur' }],
+  })
+
+  const submitForm = async (formEl: FormInstance | undefined) => {
+    console.log('--FORM---', ruleForm)
+    if (!formEl) return
+    await formEl.validate((valid, fields) => {
+      if (valid) {
+        console.log('submit!')
+      } else {
+        console.log('error submit!', fields)
+      }
+    })
+  }
+
+  const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+  }
 </script>
diff --git a/src/views/other/form/u-upload.vue b/src/views/other/form/u-upload.vue
index c26446f..1bccb2c 100644
--- a/src/views/other/form/u-upload.vue
+++ b/src/views/other/form/u-upload.vue
@@ -1,71 +1,72 @@
 <template>
   <el-upload
-      action=""
-      :before-upload="beforeUploadAction"
-      list-type="picture-card"
-      :on-preview="handlePictureCardPreview"
-      :on-remove="handleRemove"
-      :file-list="fileList"
+    action=""
+    :before-upload="beforeUploadAction"
+    list-type="picture-card"
+    :on-preview="handlePictureCardPreview"
+    :on-remove="handleRemove"
+    :file-list="fileList"
   >
     <el-icon><Plus /></el-icon>
   </el-upload>
 
   <el-dialog v-model="dialogVisible" width="80%" top="80px">
-    <img w-full :src="dialogImageUrl" alt="预览图片" style="width: 100%"/>
+    <img w-full :src="dialogImageUrl" alt="预览图片" style="width: 100%" />
   </el-dialog>
 </template>
 
 <script lang="ts" setup>
-import {onMounted, ref, watch} from 'vue'
-import { Plus } from '@element-plus/icons-vue'
+  import { onMounted, ref, watch } from 'vue'
+  import { Plus } from '@element-plus/icons-vue'
 
-import type { UploadProps, UploadUserFile } from 'element-plus'
-import {ElMessage} from "element-plus";
-let emit = defineEmits(['update:modelValue'])
-let props = defineProps({
-  modelValue:Array
-})
-let fileList = ref([
+  import type { UploadProps, UploadUserFile } from 'element-plus'
+  import { ElMessage } from 'element-plus'
+  let emit = defineEmits(['update:modelValue'])
+  let props = defineProps({
+    modelValue: Array,
+  })
+  let fileList = ref([])
 
-])
+  const dialogImageUrl = ref('')
+  const dialogVisible = ref(false)
 
-const dialogImageUrl = ref('')
-const dialogVisible = ref(false)
+  const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
+    console.log(uploadFile, uploadFiles)
+  }
 
-const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
-  console.log(uploadFile, uploadFiles)
-}
-
-const beforeUploadAction = (file, fileLi)=>{
-  return new Promise((resolve, reject) => {
-    var reader = new FileReader()
-    let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
-    reader.readAsDataURL(file)
-    let name = file.name
-    if(reg.test(name)){
-      reader.onload = (e:FileReader)=>{
-        fileList.value.push({
-          name:name,
-          url:e.target.result
-        })
-        emit('update:modelValue',fileList.value)
-        resolve(e.target.result)
+  const beforeUploadAction = (file, fileLi) => {
+    return new Promise((resolve, reject) => {
+      var reader = new FileReader()
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
+      reader.readAsDataURL(file)
+      let name = file.name
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
+          fileList.value.push({
+            name: name,
+            url: e.target.result,
+          })
+          emit('update:modelValue', fileList.value)
+          resolve(e.target.result)
+        }
+      } else {
+        ElMessage.error('请上传图片')
+        reject()
       }
-    }else{
-      ElMessage.error('请上传图片')
-      reject()
-    }
-  })
-}
+    })
+  }
 
-const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => {
-  dialogImageUrl.value = uploadFile.url!
-  dialogVisible.value = true
-}
+  const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => {
+    dialogImageUrl.value = uploadFile.url!
+    dialogVisible.value = true
+  }
 
-onMounted(()=>{
-  watch(()=>props.modelValue,(value)=>{
-    fileList.value = value
+  onMounted(() => {
+    watch(
+      () => props.modelValue,
+      (value) => {
+        fileList.value = value
+      },
+    )
   })
-})
 </script>
diff --git a/src/views/other/grid-sorter.vue b/src/views/other/grid-sorter.vue
index 5d295fb..428ad2f 100644
--- a/src/views/other/grid-sorter.vue
+++ b/src/views/other/grid-sorter.vue
@@ -1,9 +1,16 @@
-
 <template>
   <u-container-layout class="row">
     <div style="margin-bottom: 10px">卡片拖拽排序</div>
-    <el-button class="btn " @click="sorter" type="primary" style="margin-bottom: 20px">还原</el-button>
-    <el-button class="btn " @click="getDataAction" type="primary" style="margin-bottom: 20px;margin-left: 20px">获取数据</el-button>
+    <el-button class="btn" @click="sorter" type="primary" style="margin-bottom: 20px"
+      >还原</el-button
+    >
+    <el-button
+      class="btn"
+      @click="getDataAction"
+      type="primary"
+      style="margin-bottom: 20px; margin-left: 20px"
+      >获取数据</el-button
+    >
     <div class="col-6" style="">
       <el-row :gutter="10">
         <draggable
@@ -19,12 +26,13 @@
           :move="getdata"
         >
           <template #item="{ element }">
-            <el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4"
-            >
-              <el-card shadow="hover"  class="list-group-item">
-                <el-icon :size="30"
-                         :color="element.color"
-                         style="width: 100%;display: flex;justify-content: center">
+            <el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
+              <el-card shadow="hover" class="list-group-item">
+                <el-icon
+                  :size="30"
+                  :color="element.color"
+                  style="width: 100%; display: flex; justify-content: center"
+                >
                   <component :is="element.icon"></component>
                 </el-icon>
                 <div style="margin-top: 10px">按住拖拽排序</div>
@@ -37,116 +45,136 @@
   </u-container-layout>
 </template>
 <script lang="ts" setup>
-// 参考文档 https://sortablejs.github.io/vue.draggable.next/#/transition-example-2
-// https://github.com/SortableJS/vue.draggable.next/blob/master/package.json
-import draggable from 'vuedraggable'
-import { computed, ref, reactive } from 'vue'
-import { getColor } from '@/utils/index'
+  // 参考文档 https://sortablejs.github.io/vue.draggable.next/#/transition-example-2
+  // https://github.com/SortableJS/vue.draggable.next/blob/master/package.json
+  import draggable from 'vuedraggable'
+  import { computed, ref, reactive } from 'vue'
+  import { getColor } from '@/utils/index'
 
-const message = ref([])
-const tags = ref([])
+  const message = ref([])
+  const tags = ref([])
 
-const icon = ['management', 'baseball', 'Basketball', 'BellFilled', 'Bell',
-  'AddLocation', 'Aim', 'AlarmClock', 'Apple', 'ArrowDownBold', 'Burger',
-  'Brush', 'BrushFilled', 'RemoveFilled', 'QuestionFilled', 'Promotion', 'Printer',
-  'School', 'Setting', 'WarningFilled', 'ZoomOut', 'WalletFilled', 'User',
-  // 'ToiletPaper', 'Sunrise', 'Sunny', 'SwitchButton', 'TakeawayBox', 'Ticket',
-  // 'StarFilled', 'Stamp', 'Stopwatch', 'SortDown', 'SemiSelect', 'Search'
-]
+  const icon = [
+    'management',
+    'baseball',
+    'Basketball',
+    'BellFilled',
+    'Bell',
+    'AddLocation',
+    'Aim',
+    'AlarmClock',
+    'Apple',
+    'ArrowDownBold',
+    'Burger',
+    'Brush',
+    'BrushFilled',
+    'RemoveFilled',
+    'QuestionFilled',
+    'Promotion',
+    'Printer',
+    'School',
+    'Setting',
+    'WarningFilled',
+    'ZoomOut',
+    'WalletFilled',
+    'User',
+    // 'ToiletPaper', 'Sunrise', 'Sunny', 'SwitchButton', 'TakeawayBox', 'Ticket',
+    // 'StarFilled', 'Stamp', 'Stopwatch', 'SortDown', 'SemiSelect', 'Search'
+  ]
 
-// 随机生成颜色
-for (let i = 0; i < 30; i++) {
-  message.value.push({
-    name: i,
-    order: i + 1,
-    icon: icon[i],
-    color: getColor()
-  })
-}
-
-const drag = ref(false)
-
-// 设置排序参数
-const dragOptions = computed(() => {
-  return {
-    animation: 200,
-    group: 'description',
-    disabled: false,
-    ghostClass: 'ghost' // 滑动颜色
+  // 随机生成颜色
+  for (let i = 0; i < 30; i++) {
+    message.value.push({
+      name: i,
+      order: i + 1,
+      icon: icon[i],
+      color: getColor(),
+    })
   }
-})
 
-const sorter = () => {
-  message.value = message.value.sort((a, b) => a.name - b.name)
-}
+  const drag = ref(false)
 
-const onMoveCallback = (val) => {
-  console.log('拖动前的索引 :' + val.moved.newIndex)
-  console.log('拖动后的索引 :' + val.moved.oldIndex)
-}
-// 查看最新的数据
-const getdata = () => {
-  console.log(11111111)
-}
-// 查看最新的数据
-const getDataAction = () => {
-  console.log(message.value)
-}
+  // 设置排序参数
+  const dragOptions = computed(() => {
+    return {
+      animation: 200,
+      group: 'description',
+      disabled: false,
+      ghostClass: 'ghost', // 滑动颜色
+    }
+  })
+
+  const sorter = () => {
+    message.value = message.value.sort((a, b) => a.name - b.name)
+  }
+
+  const onMoveCallback = (val) => {
+    console.log('拖动前的索引 :' + val.moved.newIndex)
+    console.log('拖动后的索引 :' + val.moved.oldIndex)
+  }
+  // 查看最新的数据
+  const getdata = () => {
+    console.log(11111111)
+  }
+  // 查看最新的数据
+  const getDataAction = () => {
+    console.log(message.value)
+  }
 </script>
 
 <style lang="scss" scoped>
-.list-group-item {
-  position: relative;
-  /*width: 100px;*/
-  min-width: 160px;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100px;
+  .list-group-item {
+    position: relative;
+    /*width: 100px;*/
+    min-width: 160px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 100px;
 
-  /*padding: 0.75rem 1.25rem;*/
-  background-color: #fff;
-  font-weight: 500;
-  /*font-size: 24px;*/
-  border: 1px solid rgba(0,0,0,.125);
-}
-.button {
-  margin-top: 35px;
-}
-.flip-list-move {
-  transition: transform 0.5s;
-}
-.no-move {
-  transition: transform 0s;
-}
-.ghost {
-  opacity: 0.5;
-  background: #c8ebfb;
-}
-.list-group{
-  display: flex;
-  flex-wrap: wrap;
-}
-/*.list-group {*/
-/*  display: flex;*/
-/*  display: -webkit-box;*/
-/*  display: flex;*/
-/*  -ms-flex-direction: column;*/
-/*  -webkit-box-orient: vertical;*/
-/*  -webkit-box-direction: normal;*/
-/*  //flex-direction: column;*/
-/*  padding-left: 0;*/
-/*  flex-wrap: wrap;*/
-/*  margin-bottom: 0;*/
-/*  border-radius: 0.25rem;*/
+    /*padding: 0.75rem 1.25rem;*/
+    background-color: #fff;
+    font-weight: 500;
+    /*font-size: 24px;*/
+    border: 1px solid rgba(0, 0, 0, 0.125);
+  }
+  .button {
+    margin-top: 35px;
+  }
+  .flip-list-move {
+    transition: transform 0.5s;
+  }
+  .no-move {
+    transition: transform 0s;
+  }
+  .ghost {
+    opacity: 0.5;
+    background: #c8ebfb;
+  }
+  .list-group {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  /*.list-group {*/
+  /*  display: flex;*/
+  /*  display: -webkit-box;*/
+  /*  display: flex;*/
+  /*  -ms-flex-direction: column;*/
+  /*  -webkit-box-orient: vertical;*/
+  /*  -webkit-box-direction: normal;*/
+  /*  //flex-direction: column;*/
+  /*  padding-left: 0;*/
+  /*  flex-wrap: wrap;*/
+  /*  margin-bottom: 0;*/
+  /*  border-radius: 0.25rem;*/
 
-/*}*/
-.list-group-item {
-  cursor: move;
-}
-.list-group-item i {
-  cursor: pointer;
-}
+  /*}*/
+  .list-group-item {
+    cursor: move;
+  }
+  .list-group-item i {
+    cursor: pointer;
+  }
 </style>
diff --git a/src/views/other/mark-down.vue b/src/views/other/mark-down.vue
index d6fbbff..f613a36 100644
--- a/src/views/other/mark-down.vue
+++ b/src/views/other/mark-down.vue
@@ -1,46 +1,48 @@
 <template>
-    <u-container-layout class="mark-down">
-      <el-alert
-          title="Markdown 是基于 md-editor-v3"
-          type="success"
-          style="margin-bottom: 20px"
-          :closable="false" effect="dark"/>
-      <div class="" style="flex: 1">
-        <md-editor v-model="text" />
-      </div>
-      <div style="margin-top: 20px;flex-shrink: 0">
-        <el-button type="primary" @click="submit">提交</el-button>
-      </div>
-    </u-container-layout>
+  <u-container-layout class="mark-down">
+    <el-alert
+      title="Markdown 是基于 md-editor-v3"
+      type="success"
+      style="margin-bottom: 20px"
+      :closable="false"
+      effect="dark"
+    />
+    <div class="" style="flex: 1">
+      <md-editor v-model="text" />
+    </div>
+    <div style="margin-top: 20px; flex-shrink: 0">
+      <el-button type="primary" @click="submit">提交</el-button>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts">
   // https://imzbf.github.io/md-editor-v3/index
   // https://www.jianshu.com/p/0b06128a6117
-  import { defineComponent } from 'vue';
-  import MdEditor from 'md-editor-v3';
-  import 'md-editor-v3/lib/style.css';
+  import { defineComponent } from 'vue'
+  import MdEditor from 'md-editor-v3'
+  import 'md-editor-v3/lib/style.css'
 
   export default defineComponent({
     components: { MdEditor },
     data() {
-      return { text: '## 你好呀,欢迎！' };
+      return { text: '## 你好呀,欢迎！' }
     },
-    methods:{
-      submit(){
-        console.log('this.text',this.text)
-      }
-    }
-  });
+    methods: {
+      submit() {
+        console.log('this.text', this.text)
+      },
+    },
+  })
 </script>
 
 <style lang="scss">
-.mark-down{
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  .md{
-    height: 600px;
+  .mark-down {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .md {
+      height: 600px;
+    }
   }
-}
 </style>
diff --git a/src/views/other/print.vue b/src/views/other/print.vue
index 4b0d77d..f0eae16 100644
--- a/src/views/other/print.vue
+++ b/src/views/other/print.vue
@@ -5,7 +5,7 @@
       <el-button type="primary" @click="print(2)">打印表格</el-button>
     </div>
     <div style="margin-top: 20px">
-      <img :src="im1" style="width: 50%;"/>
+      <img :src="im1" style="width: 50%" />
     </div>
     <div>
       <el-table :data="tableData" style="width: 100%">
@@ -44,18 +44,18 @@
     },
   ]
 
-  const print = (type)=>{
+  const print = (type) => {
     switch (type) {
       case 1:
         printJS({
-          type:'image',
-          printable:im1,
-          documentTitle: '打印图片'
+          type: 'image',
+          printable: im1,
+          documentTitle: '打印图片',
         })
-        break;
+        break
       case 2:
         printJS({
-          type:'json',
+          type: 'json',
           documentTitle: '打印表格',
           printable: tableData,
           gridStyle: 'text-align: center;border: 1px solid lightgray;font-size: 12px;',
@@ -65,13 +65,11 @@
             { field: 'address', displayName: '地址' },
           ],
         })
-        break;
+        break
       case 3:
-        break;
+        break
     }
   }
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/other/qrcode.vue b/src/views/other/qrcode.vue
index ef39f7f..14407cc 100644
--- a/src/views/other/qrcode.vue
+++ b/src/views/other/qrcode.vue
@@ -1,34 +1,32 @@
-
 <template>
-    <u-container-layout>
-        <el-input v-model="inputData" placeholder="请输入" style="width:400px;max-width:100%;" />
-        <el-button type="primary" @click="handleQrcode(1)">
-            <el-icon style="margin-right: 6px"><collection /></el-icon> 生成二维码
-        </el-button>
-        <el-button type="primary" @click="handleQrcode(2)">生成带logo</el-button>
-        <div>
-            <vue-qr  :logoSrc="src" :text="inputData" :size="200"></vue-qr>
-        </div>
-    </u-container-layout>
+  <u-container-layout>
+    <el-input v-model="inputData" placeholder="请输入" style="width: 400px; max-width: 100%" />
+    <el-button type="primary" @click="handleQrcode(1)">
+      <el-icon style="margin-right: 6px"><collection /></el-icon> 生成二维码
+    </el-button>
+    <el-button type="primary" @click="handleQrcode(2)">生成带logo</el-button>
+    <div>
+      <vue-qr :logoSrc="src" :text="inputData" :size="200"></vue-qr>
+    </div>
+  </u-container-layout>
 </template>
 <script lang="ts" setup>
-    import {ref} from 'vue'
-    import vueQr from 'vue-qr/src/packages/vue-qr.vue'
-    import three from '@/assets/logo.png'
-    const src = ref(null)
-    const src2 = ref()
-    import clip from '@/utils/clipboard'
-    const inputData = ref('https://github.com/zouzhibin/vue-admin-perfect')
+  import { ref } from 'vue'
+  import vueQr from 'vue-qr/src/packages/vue-qr.vue'
+  import three from '@/assets/logo.png'
+  const src = ref(null)
+  const src2 = ref()
+  import clip from '@/utils/clipboard'
+  const inputData = ref('https://github.com/zouzhibin/vue-admin-perfect')
 
-    const handleQrcode = (type)=> {
-        switch (type) {
-            case 1:
-                src.value=null
-                return
-            case 2:
-                src.value=three
-                return;
-        }
+  const handleQrcode = (type) => {
+    switch (type) {
+      case 1:
+        src.value = null
+        return
+      case 2:
+        src.value = three
+        return
     }
-
+  }
 </script>
diff --git a/src/views/other/right-menu.vue b/src/views/other/right-menu.vue
index 9a1c4ca..1aea1fa 100644
--- a/src/views/other/right-menu.vue
+++ b/src/views/other/right-menu.vue
@@ -1,58 +1,56 @@
 <template>
   <u-container-layout style="min-height: 300px">
     <el-button @contextmenu.prevent="rightClick">右键菜单</el-button>
-    <u-right-click-menu :left="clientX" :top="clientY" @ok="operatingRightAction" :data="data"/>
+    <u-right-click-menu :left="clientX" :top="clientY" @ok="operatingRightAction" :data="data" />
   </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-  import {ref} from 'vue'
+  import { ref } from 'vue'
   import URightClickMenu from '@/components/u-rightClickMenu/index.vue'
   const clientX = ref(0)
   const clientY = ref(0)
-  import {useRouter} from 'vue-router'
+  import { useRouter } from 'vue-router'
   const data = [
     {
-      label:'打印',
-      value:1,
-      path:'/other/print'
-    },{
-      label:'头像裁剪',
-      value:2,
-      path:'/other/cropper'
+      label: '打印',
+      value: 1,
+      path: '/other/print',
     },
     {
-      label:'卡片拖拽',
-      value:3,
-      path:'/other/grid-sorter'
+      label: '头像裁剪',
+      value: 2,
+      path: '/other/cropper',
     },
     {
-      label:'分割模块',
-      value:4,
-      path:'/other/splitpane'
+      label: '卡片拖拽',
+      value: 3,
+      path: '/other/grid-sorter',
     },
     {
-      label:'生成二维码',
-      value:5,
-      path:'/other/qrcode'
-    }
+      label: '分割模块',
+      value: 4,
+      path: '/other/splitpane',
+    },
+    {
+      label: '生成二维码',
+      value: 5,
+      path: '/other/qrcode',
+    },
   ]
 
-  const rightClick = (event)=>{
-
+  const rightClick = (event) => {
     clientX.value = event.clientX
     clientY.value = event.clientY
   }
   const router = useRouter()
 
-  const operatingRightAction = ($event, val)=>{
-    console.log('获取数据',val)
+  const operatingRightAction = ($event, val) => {
+    console.log('获取数据', val)
     router.push({
-      path:val.path
+      path: val.path,
     })
   }
 </script>
 
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>
diff --git a/src/views/other/share.vue b/src/views/other/share.vue
index 8b13789..e69de29 100644
--- a/src/views/other/share.vue
+++ b/src/views/other/share.vue
@@ -1 +0,0 @@
-
diff --git a/src/views/other/splitpane.vue b/src/views/other/splitpane.vue
index 31f22a8..72bdb81 100644
--- a/src/views/other/splitpane.vue
+++ b/src/views/other/splitpane.vue
@@ -21,39 +21,39 @@
 </script>
 
 <style scoped lang="scss">
-.splitpanes__pane {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: red;
-  font-family: Helvetica, Arial, sans-serif;
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 5em;
-}
-.left{
-  background:#f38181 ;
-}
-.item1{
-  background:#fce38a ;
-}
-.item2{
-  background:#95e1d3 ;
-}
-.item3{
-  background: rgb(72, 239, 205);
-}
-.item4{
-  background: rgb(106, 170, 20);;
-}
-.item5{
-  background: rgb(72, 239, 205);
-}
-::v-deep(.splitpanes__splitter){
-  min-width: 6px;
-}
-::v-deep(.splitpanes__splitter) {
-  min-height: 6px;
-  cursor: row-resize;
-  background: white;
-}
+  .splitpanes__pane {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: red;
+    font-family: Helvetica, Arial, sans-serif;
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 5em;
+  }
+  .left {
+    background: #f38181;
+  }
+  .item1 {
+    background: #fce38a;
+  }
+  .item2 {
+    background: #95e1d3;
+  }
+  .item3 {
+    background: rgb(72, 239, 205);
+  }
+  .item4 {
+    background: rgb(106, 170, 20);
+  }
+  .item5 {
+    background: rgb(72, 239, 205);
+  }
+  ::v-deep(.splitpanes__splitter) {
+    min-width: 6px;
+  }
+  ::v-deep(.splitpanes__splitter) {
+    min-height: 6px;
+    cursor: row-resize;
+    background: white;
+  }
 </style>
diff --git a/src/views/other/upload.vue b/src/views/other/upload.vue
index 623ebfa..471d61e 100644
--- a/src/views/other/upload.vue
+++ b/src/views/other/upload.vue
@@ -6,16 +6,14 @@
           <span>按钮上传</span>
         </template>
         <div class="demo-image__preview">
-          <div
-              class="upload-list"
-              v-for="item,index in fileList">
+          <div class="upload-list" v-for="(item, index) in fileList">
             <el-image
-                @click.stop="privew(index)"
-                style="width: 100%; height: 100%"
-                :src="item"
-                :preview-src-list="fileList"
-                :initial-index="initialIndex"
-                fit="cover"
+              @click.stop="privew(index)"
+              style="width: 100%; height: 100%"
+              :src="item"
+              :preview-src-list="fileList"
+              :initial-index="initialIndex"
+              fit="cover"
             />
           </div>
         </div>
@@ -27,107 +25,103 @@
         <template #header>
           <span>多图片上传</span>
         </template>
-        <u-upload @update="update" v-model="imgs"/>
+        <u-upload @update="update" v-model="imgs" />
       </el-card>
 
       <el-card>
         <template #header>
           <span>拖拽上传</span>
         </template>
-        <div
-            class="upload-list"
-            v-for="item,index in fileList1">
+        <div class="upload-list" v-for="(item, index) in fileList1">
           <el-image
-              @click.stop="privew1(index)"
-              style="width: 100%; height: 100%"
-              :src="item"
-              :preview-src-list="fileList1"
-              :initial-index="initialIndex1"
-              fit="cover"
+            @click.stop="privew1(index)"
+            style="width: 100%; height: 100%"
+            :src="item"
+            :preview-src-list="fileList1"
+            :initial-index="initialIndex1"
+            fit="cover"
           />
         </div>
         <el-upload
-            class="upload-demo"
-            drag
-            :before-upload="beforeUploadAction1"
-            action="/"
-            multiple
+          class="upload-demo"
+          drag
+          :before-upload="beforeUploadAction1"
+          action="/"
+          multiple
         >
           <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-          <div class="el-upload__text">
-            拖拽上传 <em>或者点击上传</em>
-          </div>
+          <div class="el-upload__text"> 拖拽上传 <em>或者点击上传</em> </div>
         </el-upload>
       </el-card>
-
     </div>
   </u-container-layout>
-
 </template>
 
 <script setup lang="ts">
-    import UUpload from '@/components/u-upload/index.vue'
-    import {ElMessage} from "element-plus";
-    import TwoPng from '@/assets/image/im1.jpeg'
-    import {reactive, ref} from 'vue'
-    const imgs  = ref([{
-        url:TwoPng,
-        name:'female.png',
-        uid:'1651408956803',
-        status:'success'
-    }])
-    const singleimg = ref([])
-    const initialIndex = ref(0)
-    const initialIndex1 = ref(0)
-    const fileList = ref([])
-    const fileList1 = ref([])
-    const update = (val)=>{
-        console.log('valll======',val)
-    }
-    const privew = (index)=>{
-        initialIndex.value = index
-    }
-    const privew1 = (index)=>{
-        initialIndex.value = index
-    }
-    const beforeUploadAction = (file, fileLi)=>{
-        return new Promise((resolve, reject) => {
-            var reader = new FileReader()
-            let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
-            reader.readAsDataURL(file)
-            let name = file.name
-            if(reg.test(name)){
-                reader.onload = (e:FileReader)=>{
-                    fileList.value.push(e.target.result)
-                    resolve(e.target.result)
-                }
-            }else{
-                ElMessage.error('请上传图片')
-                reject()
-            }
-        })
-    }
-    const beforeUploadAction1 = (file, fileLi)=>{
-        return new Promise((resolve, reject) => {
-            var reader = new FileReader()
-            let reg = (/\.jpg$|\.jpeg$|\.gif$|\.png$/i)
-            reader.readAsDataURL(file)
-            let name = file.name
-            if(reg.test(name)){
-                reader.onload = (e:FileReader)=>{
-                    fileList1.value.push(e.target.result)
-                    resolve(e.target.result)
-                }
-            }else{
-                ElMessage.error('请上传图片')
-                reject()
-            }
-        })
-    }
+  import UUpload from '@/components/u-upload/index.vue'
+  import { ElMessage } from 'element-plus'
+  import TwoPng from '@/assets/image/im1.jpeg'
+  import { reactive, ref } from 'vue'
+  const imgs = ref([
+    {
+      url: TwoPng,
+      name: 'female.png',
+      uid: '1651408956803',
+      status: 'success',
+    },
+  ])
+  const singleimg = ref([])
+  const initialIndex = ref(0)
+  const initialIndex1 = ref(0)
+  const fileList = ref([])
+  const fileList1 = ref([])
+  const update = (val) => {
+    console.log('valll======', val)
+  }
+  const privew = (index) => {
+    initialIndex.value = index
+  }
+  const privew1 = (index) => {
+    initialIndex.value = index
+  }
+  const beforeUploadAction = (file, fileLi) => {
+    return new Promise((resolve, reject) => {
+      var reader = new FileReader()
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
+      reader.readAsDataURL(file)
+      let name = file.name
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
+          fileList.value.push(e.target.result)
+          resolve(e.target.result)
+        }
+      } else {
+        ElMessage.error('请上传图片')
+        reject()
+      }
+    })
+  }
+  const beforeUploadAction1 = (file, fileLi) => {
+    return new Promise((resolve, reject) => {
+      var reader = new FileReader()
+      let reg = /\.jpg$|\.jpeg$|\.gif$|\.png$/i
+      reader.readAsDataURL(file)
+      let name = file.name
+      if (reg.test(name)) {
+        reader.onload = (e: FileReader) => {
+          fileList1.value.push(e.target.result)
+          resolve(e.target.result)
+        }
+      } else {
+        ElMessage.error('请上传图片')
+        reject()
+      }
+    })
+  }
 </script>
 
 <style scoped>
-.upload-list{
+  .upload-list {
     overflow: hidden;
     background-color: #fff;
     border: 1px solid #c0ccda;
@@ -138,5 +132,5 @@
     width: 146px;
     height: 146px;
     display: inline-flex;
-}
+  }
 </style>
diff --git a/src/views/other/water-marker.vue b/src/views/other/water-marker.vue
index 13524b5..75f1066 100644
--- a/src/views/other/water-marker.vue
+++ b/src/views/other/water-marker.vue
@@ -1,64 +1,63 @@
 <template>
   <div class="m-water-marker">
     <el-button @click="addWaterMarker(1)" type="primary">生成默认颜色水印</el-button>
-    <el-button @click="addWaterMarker(2)" type="primary" >生成随机颜色水印</el-button>
-    <el-input v-model="opacity" style="width: 100px;margin-left: 20px"></el-input>
-    <el-button @click="addWaterMarker(3)" type="primary" >设置透明度</el-button>
-    <el-button @click="addWaterMarker(4)" type="primary" >取消水印</el-button>
+    <el-button @click="addWaterMarker(2)" type="primary">生成随机颜色水印</el-button>
+    <el-input v-model="opacity" style="width: 100px; margin-left: 20px"></el-input>
+    <el-button @click="addWaterMarker(3)" type="primary">设置透明度</el-button>
+    <el-button @click="addWaterMarker(4)" type="primary">取消水印</el-button>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { nextTick, onMounted, ref } from 'vue'
-import watermark from '@/utils/waterMarker'
-import { getColor } from '@/utils/index'
+  import { nextTick, onMounted, ref } from 'vue'
+  import watermark from '@/utils/waterMarker'
+  import { getColor } from '@/utils/index'
 
-const opacity = ref(0.2)
-const options = {
-  rotate: -10,
-  globalAlpha: opacity.value
-}
-function getRandom (start, end) {
-  const differ = end - start
-  const random = Math.random()
-  return (start + differ * random).toFixed(0)
-}
-const message = ['red']
-// 随机生成颜色
-for (let i = 0; i < 30; i++) {
-  message.push(getColor())
-}
-const addWaterMarker = (type) => {
-  if (type === 1) {
-    options.fillStyle = '#000'
-    watermark(options)
-  } else if (type === 2) {
-    options.fillStyle = message[getRandom(0, 30)]
-    watermark(options)
-  } else if (type === 3) {
-    options.globalAlpha = opacity.value
-    watermark(options)
-  } else if (type === 4) {
-    nextTick(() => {
-      const wm = document.getElementsByClassName('__wm')[0]
-      if (wm) {
-        document.body.removeChild(wm)
-      }
-    })
+  const opacity = ref(0.2)
+  const options = {
+    rotate: -10,
+    globalAlpha: opacity.value,
+  }
+  function getRandom(start, end) {
+    const differ = end - start
+    const random = Math.random()
+    return (start + differ * random).toFixed(0)
+  }
+  const message = ['red']
+  // 随机生成颜色
+  for (let i = 0; i < 30; i++) {
+    message.push(getColor())
+  }
+  const addWaterMarker = (type) => {
+    if (type === 1) {
+      options.fillStyle = '#000'
+      watermark(options)
+    } else if (type === 2) {
+      options.fillStyle = message[getRandom(0, 30)]
+      watermark(options)
+    } else if (type === 3) {
+      options.globalAlpha = opacity.value
+      watermark(options)
+    } else if (type === 4) {
+      nextTick(() => {
+        const wm = document.getElementsByClassName('__wm')[0]
+        if (wm) {
+          document.body.removeChild(wm)
+        }
+      })
+    }
   }
-}
 
-onMounted(() => {
-  nextTick(() => {
+  onMounted(() => {
+    nextTick(() => {})
   })
-})
 </script>
 
 <style>
-.m-water-marker{
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  padding: 20px;
-}
+  .m-water-marker {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding: 20px;
+  }
 </style>
diff --git a/src/views/permission/page.vue b/src/views/permission/page.vue
index 4a164ab..930ad43 100644
--- a/src/views/permission/page.vue
+++ b/src/views/permission/page.vue
@@ -1,8 +1,6 @@
 <template>
   <u-container-layout class="m-permission-page">
-    <div style="margin-bottom: 20px">
-      权限列表{{store.getters.roles}}
-    </div>
+    <div style="margin-bottom: 20px"> 权限列表{{ store.getters.roles }} </div>
     <el-radio-group v-model="switchRoles">
       <el-radio-button label="other" />
       <el-radio-button label="admin" />
@@ -11,23 +9,21 @@
 </template>
 
 <script lang="ts" setup>
-  import {computed, ref} from "vue";
-  import {useStore} from "vuex"
+  import { computed, ref } from 'vue'
+  import { useStore } from 'vuex'
   const store = useStore()
 
   const switchRoles = computed({
-    get(){
+    get() {
       return store.getters.roles[0]
     },
-    set(val){
-      (async ()=>{
-        await store.dispatch("user/getInfo",[val])
+    set(val) {
+      ;(async () => {
+        await store.dispatch('user/getInfo', [val])
         location.reload()
       })()
-    }
+    },
   })
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue
index fa135c8..d7d956a 100644
--- a/src/views/system/menu.vue
+++ b/src/views/system/menu.vue
@@ -1,55 +1,41 @@
 <template>
   <u-container-layout class="components-container">
-    <el-form :inline="true" :model="formInline" class="demo-form-inline"  ref="ruleFormRef1">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" ref="ruleFormRef1">
       <el-form-item label="用户名" prop="username">
         <el-input v-model="formInline.username" />
       </el-form-item>
       <el-form-item>
-        <el-button  @click="reset(ruleFormRef1)">重置</el-button>
+        <el-button @click="reset(ruleFormRef1)">重置</el-button>
         <el-button type="primary" @click="onSubmit">查询</el-button>
       </el-form-item>
     </el-form>
-    <div style="margin-bottom: 15px;display: flex;justify-content: flex-end">
+    <div style="margin-bottom: 15px; display: flex; justify-content: flex-end">
       <el-button type="primary" @click="add">新增</el-button>
     </div>
     <el-table :data="tableData" style="width: 100%" border default-expand-all row-key="id">
-      <el-table-column prop="menuName" label="权限名称"  />
-      <el-table-column prop="menuType" label="权限类型"  />
+      <el-table-column prop="menuName" label="权限名称" />
+      <el-table-column prop="menuType" label="权限类型" />
       <el-table-column prop="menuRouter" label="权限路由" />
       <el-table-column prop="identification" label="权限标识" />
-      <el-table-column prop="status" label="操作" >
+      <el-table-column prop="status" label="操作">
         <template #default="scope">
-          <el-button
-              type="primary"
-              size="small"
-              icon="Edit"
-              @click="edit(scope.row)"
-          >
+          <el-button type="primary" size="small" icon="Edit" @click="edit(scope.row)">
             编辑
           </el-button>
-          <el-button
-              @click="del(scope.row)"
-              type="danger"
-              size="small"
-              icon="Delete"
-          >
+          <el-button @click="del(scope.row)" type="danger" size="small" icon="Delete">
             删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <el-drawer
-        v-model="dialogVisible"
-        :title="title"
-        width="50%"
-    >
+    <el-drawer v-model="dialogVisible" :title="title" width="50%">
       <el-form
-          ref="ruleFormRef"
-          :model="ruleForm"
-          :rules="rules"
-          label-width="120px"
-          class="demo-ruleForm"
-          :size="formSize"
+        ref="ruleFormRef"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="120px"
+        class="demo-ruleForm"
+        :size="formSize"
       >
         <el-form-item label="权限类型" prop="menuType">
           <el-radio-group v-model="ruleForm.menuType">
@@ -67,136 +53,110 @@
         <el-form-item label="权限标识" prop="identification">
           <el-input v-model="ruleForm.identification" />
         </el-form-item>
-
       </el-form>
       <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleClose(ruleFormRef)"
-        >确定</el-button
-        >
-      </span>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handleClose(ruleFormRef)">确定</el-button>
+        </span>
       </template>
     </el-drawer>
-
-
   </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-import {ElMessageBox, ElMessage, FormInstance} from 'element-plus'
-import {reactive, ref} from "vue";
-import {menuData} from './data/user'
-import * as dayjs from "dayjs";
-const tableData = ref(menuData)
-const dialogVisible = ref(false)
-const title = ref('新增')
-const formSize = ref('default')
-const ruleFormRef = ref<FormInstance>()
-const ruleFormRef1 = ref<FormInstance>()
-const formInline = reactive({})
-const props1 = {
-  value:'menuName',
-  label:'menuName',
-  checkStrictly: true,
-}
-const rules = reactive({
-  nickname: [
-    { required: true, message: '请输入昵称', trigger: 'blur' },
-    { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
-  ],
-  username:[
-    { required: true, message: '请输入', trigger: 'blur' },
-  ],
-  role: [
-    {
-      required: true,
-      message: '请选择角色',
-      trigger: 'change',
-    },
-  ],
-  sex: [
-    {
-      required: true,
-      message: '请选择性别',
-      trigger: 'change',
-    },
-  ],
-})
-const onSubmit = () => {
-  console.log('submit!',formInline)
-
-}
-const reset = (formEl: FormInstance | undefined)=>{
-
-}
-const add = ()=>{
-  title.value='新增'
-  dialogVisible.value = true
-}
-const ruleForm = reactive({
-  name: '',
-  sex: null,
-  price:null,
-})
-const edit = (row)=>{
-  title.value='编辑'
-  // rowObj.value = row
-  dialogVisible.value = true
-}
-
-const del = (row)=>{
-  ElMessageBox.confirm(
-      '你确定要删除当前项吗?',
-      '温馨提示',
+  import { ElMessageBox, ElMessage, FormInstance } from 'element-plus'
+  import { reactive, ref } from 'vue'
+  import { menuData } from './data/user'
+  import * as dayjs from 'dayjs'
+  const tableData = ref(menuData)
+  const dialogVisible = ref(false)
+  const title = ref('新增')
+  const formSize = ref('default')
+  const ruleFormRef = ref<FormInstance>()
+  const ruleFormRef1 = ref<FormInstance>()
+  const formInline = reactive({})
+  const props1 = {
+    value: 'menuName',
+    label: 'menuName',
+    checkStrictly: true,
+  }
+  const rules = reactive({
+    nickname: [
+      { required: true, message: '请输入昵称', trigger: 'blur' },
+      { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
+    ],
+    username: [{ required: true, message: '请输入', trigger: 'blur' }],
+    role: [
       {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        draggable: true,
-      }
-  )
-      .then(() => {
+        required: true,
+        message: '请选择角色',
+        trigger: 'change',
+      },
+    ],
+    sex: [
+      {
+        required: true,
+        message: '请选择性别',
+        trigger: 'change',
+      },
+    ],
+  })
+  const onSubmit = () => {
+    console.log('submit!', formInline)
+  }
+  const reset = (formEl: FormInstance | undefined) => {}
+  const add = () => {
+    title.value = '新增'
+    dialogVisible.value = true
+  }
+  const ruleForm = reactive({
+    name: '',
+    sex: null,
+    price: null,
+  })
+  const edit = (row) => {
+    title.value = '编辑'
+    // rowObj.value = row
+    dialogVisible.value = true
+  }
 
-      })
-      .catch(() => {
-
-      })
-}
-const changeStatus = (row )=>{
-  ElMessageBox.confirm(
-      `确定要${!row.status?'禁用':'启用'} ${row.username} 账户吗？`,
+  const del = (row) => {
+    ElMessageBox.confirm('你确定要删除当前项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
+    })
+      .then(() => {})
+      .catch(() => {})
+  }
+  const changeStatus = (row) => {
+    ElMessageBox.confirm(
+      `确定要${!row.status ? '禁用' : '启用'} ${row.username} 账户吗？`,
       '提示',
       {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning',
-      }
-  )
-      .then(async () => {
-      })
+      },
+    )
+      .then(async () => {})
       .catch(() => {
-        row.status=!row.status
+        row.status = !row.status
       })
-}
-
-const handleClose = async (done:  () => void) => {
-  await ruleFormRef.value.validate((valid, fields) => {
-    if (valid) {
-
-      dialogVisible.value = false
-      console.log('submit!',obj)
-    } else {
-      console.log('error submit!', fields)
-    }
-  })
-}
-
-
+  }
 
+  const handleClose = async (done: () => void) => {
+    await ruleFormRef.value.validate((valid, fields) => {
+      if (valid) {
+        dialogVisible.value = false
+        console.log('submit!', obj)
+      } else {
+        console.log('error submit!', fields)
+      }
+    })
+  }
 </script>
 
-<style scoped>
-
-</style>
-
+<style scoped></style>
diff --git a/src/views/system/role.vue b/src/views/system/role.vue
index f680d7d..381e14e 100644
--- a/src/views/system/role.vue
+++ b/src/views/system/role.vue
@@ -1,197 +1,158 @@
 <template>
   <u-container-layout class="components-container">
-    <el-form :inline="true" :model="formInline" class="demo-form-inline"  ref="ruleFormRef1">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" ref="ruleFormRef1">
       <el-form-item label="角色名称" prop="roleName">
         <el-input v-model="formInline.roleName" />
       </el-form-item>
       <el-form-item>
-        <el-button  @click="reset(ruleFormRef1)">重置</el-button>
+        <el-button @click="reset(ruleFormRef1)">重置</el-button>
         <el-button type="primary" @click="onSubmit">查询</el-button>
       </el-form-item>
     </el-form>
-    <div style="margin-bottom: 15px;display: flex;justify-content: flex-end">
+    <div style="margin-bottom: 15px; display: flex; justify-content: flex-end">
       <el-button type="primary" @click="add">新增</el-button>
     </div>
-    <el-table :data="tableData" style="width: 100%" border >
-      <el-table-column prop="roleName" label="角色名称"  />
+    <el-table :data="tableData" style="width: 100%" border>
+      <el-table-column prop="roleName" label="角色名称" />
       <el-table-column prop="createTime" label="创建时间" />
-      <el-table-column prop="status" label="操作" >
+      <el-table-column prop="status" label="操作">
         <template #default="scope">
-          <el-button
-              type="primary"
-              size="small"
-              icon="Edit"
-              @click="edit(scope.row)"
-          >
+          <el-button type="primary" size="small" icon="Edit" @click="edit(scope.row)">
             编辑
           </el-button>
-          <el-button
-              @click="del(scope.row)"
-              type="danger"
-              size="small"
-              icon="Delete"
-          >
+          <el-button @click="del(scope.row)" type="danger" size="small" icon="Delete">
             删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <el-drawer
-        v-model="dialogVisible"
-        :title="title"
-        width="50%"
-    >
+    <el-drawer v-model="dialogVisible" :title="title" width="50%">
       <el-form
-          ref="ruleFormRef"
-          :model="ruleForm"
-          :rules="rules"
-          label-width="120px"
-          class="demo-ruleForm"
-          :size="formSize"
+        ref="ruleFormRef"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="120px"
+        class="demo-ruleForm"
+        :size="formSize"
       >
         <el-form-item label="角色名称" prop="roleName">
           <el-input v-model="ruleForm.roleName" />
         </el-form-item>
-        <div style="padding-left: 50px;">
+        <div style="padding-left: 50px">
           <div>权限菜单分配</div>
-          <div style="padding-top: 20px;padding-left: 20px;">
+          <div style="padding-top: 20px; padding-left: 20px">
             <el-tree
-                :default-expand-all="true"
-                :data="menuData"
-                show-checkbox
-                node-key="id"
-                :props="defaultProps"
+              :default-expand-all="true"
+              :data="menuData"
+              show-checkbox
+              node-key="id"
+              :props="defaultProps"
             />
           </div>
         </div>
       </el-form>
       <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleClose(ruleFormRef)"
-        >确定</el-button
-        >
-      </span>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handleClose(ruleFormRef)">确定</el-button>
+        </span>
       </template>
     </el-drawer>
-
-
   </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-import {ElMessageBox, ElMessage, FormInstance} from 'element-plus'
-import {reactive, ref} from "vue";
-import {roleData,menuData} from './data/user'
-import * as dayjs from "dayjs";
-const tableData = ref(roleData)
-const dialogVisible = ref(false)
-const title = ref('新增')
-const formSize = ref('default')
-const ruleFormRef = ref<FormInstance>()
-const ruleFormRef1 = ref<FormInstance>()
-const formInline = reactive({})
-const defaultProps = {
-  children: 'children',
-  label: 'menuName',
-}
-const rules = reactive({
-  nickname: [
-    { required: true, message: '请输入昵称', trigger: 'blur' },
-    { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
-  ],
-  username:[
-    { required: true, message: '请输入', trigger: 'blur' },
-  ],
-  role: [
-    {
-      required: true,
-      message: '请选择角色',
-      trigger: 'change',
-    },
-  ],
-  sex: [
-    {
-      required: true,
-      message: '请选择性别',
-      trigger: 'change',
-    },
-  ],
-})
-const onSubmit = () => {
-  console.log('submit!',formInline)
-
-}
-const reset = (formEl: FormInstance | undefined)=>{
-
-}
-const add = ()=>{
-  title.value='新增'
-  dialogVisible.value = true
-}
-const ruleForm = reactive({
-  name: '',
-  sex: null,
-  price:null,
-})
-const edit = (row)=>{
-  title.value='编辑'
-  // rowObj.value = row
-  dialogVisible.value = true
-}
-
-const del = (row)=>{
-  ElMessageBox.confirm(
-      '你确定要删除当前项吗?',
-      '温馨提示',
+  import { ElMessageBox, ElMessage, FormInstance } from 'element-plus'
+  import { reactive, ref } from 'vue'
+  import { roleData, menuData } from './data/user'
+  import * as dayjs from 'dayjs'
+  const tableData = ref(roleData)
+  const dialogVisible = ref(false)
+  const title = ref('新增')
+  const formSize = ref('default')
+  const ruleFormRef = ref<FormInstance>()
+  const ruleFormRef1 = ref<FormInstance>()
+  const formInline = reactive({})
+  const defaultProps = {
+    children: 'children',
+    label: 'menuName',
+  }
+  const rules = reactive({
+    nickname: [
+      { required: true, message: '请输入昵称', trigger: 'blur' },
+      { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
+    ],
+    username: [{ required: true, message: '请输入', trigger: 'blur' }],
+    role: [
       {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        draggable: true,
-      }
-  )
-      .then(() => {
+        required: true,
+        message: '请选择角色',
+        trigger: 'change',
+      },
+    ],
+    sex: [
+      {
+        required: true,
+        message: '请选择性别',
+        trigger: 'change',
+      },
+    ],
+  })
+  const onSubmit = () => {
+    console.log('submit!', formInline)
+  }
+  const reset = (formEl: FormInstance | undefined) => {}
+  const add = () => {
+    title.value = '新增'
+    dialogVisible.value = true
+  }
+  const ruleForm = reactive({
+    name: '',
+    sex: null,
+    price: null,
+  })
+  const edit = (row) => {
+    title.value = '编辑'
+    // rowObj.value = row
+    dialogVisible.value = true
+  }
 
-      })
-      .catch(() => {
-
-      })
-}
-const changeStatus = (row )=>{
-  ElMessageBox.confirm(
-      `确定要${!row.status?'禁用':'启用'} ${row.username} 账户吗？`,
+  const del = (row) => {
+    ElMessageBox.confirm('你确定要删除当前项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
+    })
+      .then(() => {})
+      .catch(() => {})
+  }
+  const changeStatus = (row) => {
+    ElMessageBox.confirm(
+      `确定要${!row.status ? '禁用' : '启用'} ${row.username} 账户吗？`,
       '提示',
       {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning',
-      }
-  )
-      .then(async () => {
-      })
+      },
+    )
+      .then(async () => {})
       .catch(() => {
-        row.status=!row.status
+        row.status = !row.status
       })
-}
-
-const handleClose = async (done:  () => void) => {
-  await ruleFormRef.value.validate((valid, fields) => {
-    if (valid) {
-
-      dialogVisible.value = false
-      console.log('submit!',obj)
-    } else {
-      console.log('error submit!', fields)
-    }
-  })
-}
-
-
+  }
 
+  const handleClose = async (done: () => void) => {
+    await ruleFormRef.value.validate((valid, fields) => {
+      if (valid) {
+        dialogVisible.value = false
+        console.log('submit!', obj)
+      } else {
+        console.log('error submit!', fields)
+      }
+    })
+  }
 </script>
 
-<style scoped>
-
-</style>
-
+<style scoped></style>
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index 12e80f4..c1cb1da 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -1,209 +1,171 @@
 <template>
   <u-container-layout class="components-container">
-    <el-form :inline="true" :model="formInline" class="demo-form-inline"  ref="ruleFormRef1">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" ref="ruleFormRef1">
       <el-form-item label="用户名" prop="username">
         <el-input v-model="formInline.username" />
       </el-form-item>
       <el-form-item>
-        <el-button  @click="reset(ruleFormRef1)">重置</el-button>
+        <el-button @click="reset(ruleFormRef1)">重置</el-button>
         <el-button type="primary" @click="onSubmit">查询</el-button>
       </el-form-item>
     </el-form>
-    <div style="margin-bottom: 15px;display: flex;justify-content: flex-end">
+    <div style="margin-bottom: 15px; display: flex; justify-content: flex-end">
       <el-button type="primary" @click="add">新增</el-button>
     </div>
-    <el-table :data="tableData" style="width: 100%" border >
-      <el-table-column prop="username" label="用户名"  />
-      <el-table-column prop="nickname" label="昵称"  />
+    <el-table :data="tableData" style="width: 100%" border>
+      <el-table-column prop="username" label="用户名" />
+      <el-table-column prop="nickname" label="昵称" />
       <el-table-column prop="sex" label="性别" />
       <el-table-column prop="role" label="角色" />
-      <el-table-column prop="status" label="状态" >
+      <el-table-column prop="status" label="状态">
         <template #default="scope">
-          <el-switch v-model="scope.row.status"  @change="changeStatus(scope.row)"/>
+          <el-switch v-model="scope.row.status" @change="changeStatus(scope.row)" />
         </template>
       </el-table-column>
-      <el-table-column prop="status" label="操作" >
+      <el-table-column prop="status" label="操作">
         <template #default="scope">
-          <el-button
-              type="primary"
-              size="small"
-              icon="Edit"
-              @click="edit(scope.row)"
-          >
+          <el-button type="primary" size="small" icon="Edit" @click="edit(scope.row)">
             编辑
           </el-button>
-          <el-button
-              @click="del(scope.row)"
-              type="danger"
-              size="small"
-              icon="Delete"
-          >
+          <el-button @click="del(scope.row)" type="danger" size="small" icon="Delete">
             删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <el-dialog
-        @close="close"
-        v-model="dialogVisible"
-        :title="title"
-        width="50%"
-    >
-    <el-form
+    <el-dialog @close="close" v-model="dialogVisible" :title="title" width="50%">
+      <el-form
         ref="ruleFormRef"
         :model="ruleForm"
         :rules="rules"
         label-width="120px"
         class="demo-ruleForm"
         :size="formSize"
-    >
-      <el-form-item label="用户名" prop="username">
-        <el-input v-model="ruleForm.username" />
-      </el-form-item>
-      <el-form-item label="昵称" prop="nickname">
-        <el-input v-model="ruleForm.nickname" />
-      </el-form-item>
-      <el-form-item label="性别" prop="sex">
-        <el-radio-group v-model="ruleForm.sex">
-          <el-radio label="男" >男</el-radio>
-          <el-radio label="女" >女</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="角色" prop="role">
-        <el-select v-model="ruleForm.role"  placeholder="请选择" >
-          <el-option label="超级管理员" value="超级管理员" :key="0"></el-option>
-          <el-option label="管理员" value="管理员" :key="1"></el-option>
-          <el-option label="普通用户" value="普通用户" :key="2"></el-option>
-        </el-select>
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleClose(ruleFormRef)"
-        >确定</el-button
-        >
-      </span>
-    </template>
+      >
+        <el-form-item label="用户名" prop="username">
+          <el-input v-model="ruleForm.username" />
+        </el-form-item>
+        <el-form-item label="昵称" prop="nickname">
+          <el-input v-model="ruleForm.nickname" />
+        </el-form-item>
+        <el-form-item label="性别" prop="sex">
+          <el-radio-group v-model="ruleForm.sex">
+            <el-radio label="男">男</el-radio>
+            <el-radio label="女">女</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="角色" prop="role">
+          <el-select v-model="ruleForm.role" placeholder="请选择">
+            <el-option label="超级管理员" value="超级管理员" :key="0"></el-option>
+            <el-option label="管理员" value="管理员" :key="1"></el-option>
+            <el-option label="普通用户" value="普通用户" :key="2"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handleClose(ruleFormRef)">确定</el-button>
+        </span>
+      </template>
     </el-dialog>
   </u-container-layout>
 </template>
 
 <script lang="ts" setup>
-    import {ElMessageBox, ElMessage, FormInstance} from 'element-plus'
-    import {reactive, ref} from "vue";
-    import {userData} from './data/user'
-    import * as dayjs from "dayjs";
-    const tableData = ref(userData)
-    const dialogVisible = ref(false)
-    const title = ref('新增')
-    const formSize = ref('default')
-    const ruleFormRef = ref<FormInstance>()
-    const ruleFormRef1 = ref<FormInstance>()
-    const formInline = reactive({})
-    const rules = reactive({
-      nickname: [
-        { required: true, message: '请输入昵称', trigger: 'blur' },
-        { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
-      ],
-      username:[
-        { required: true, message: '请输入', trigger: 'blur' },
-      ],
-      role: [
-        {
-          required: true,
-          message: '请选择角色',
-          trigger: 'change',
-        },
-      ],
-      sex: [
-        {
-          required: true,
-          message: '请选择性别',
-          trigger: 'change',
-        },
-      ],
+  import { ElMessageBox, ElMessage, FormInstance } from 'element-plus'
+  import { reactive, ref } from 'vue'
+  import { userData } from './data/user'
+  import * as dayjs from 'dayjs'
+  const tableData = ref(userData)
+  const dialogVisible = ref(false)
+  const title = ref('新增')
+  const formSize = ref('default')
+  const ruleFormRef = ref<FormInstance>()
+  const ruleFormRef1 = ref<FormInstance>()
+  const formInline = reactive({})
+  const rules = reactive({
+    nickname: [
+      { required: true, message: '请输入昵称', trigger: 'blur' },
+      { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
+    ],
+    username: [{ required: true, message: '请输入', trigger: 'blur' }],
+    role: [
+      {
+        required: true,
+        message: '请选择角色',
+        trigger: 'change',
+      },
+    ],
+    sex: [
+      {
+        required: true,
+        message: '请选择性别',
+        trigger: 'change',
+      },
+    ],
+  })
+  const onSubmit = () => {
+    console.log('submit!', formInline)
+  }
+  const reset = (formEl: FormInstance | undefined) => {}
+  const add = () => {
+    title.value = '新增'
+    dialogVisible.value = true
+  }
+  const ruleForm = reactive({
+    username: '',
+    nickname: null,
+    sex: null,
+    role: null,
+  })
+  const edit = (row) => {
+    title.value = '编辑'
+    dialogVisible.value = true
+    ruleForm.nickname = row.nickname
+    ruleForm.username = row.username
+    ruleForm.sex = row.sex
+    ruleForm.role = row.role
+  }
+  function close() {
+    ruleFormRef.value.resetFields()
+  }
+  const del = (row) => {
+    ElMessageBox.confirm('你确定要删除当前项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
     })
-    const onSubmit = () => {
-      console.log('submit!',formInline)
-
-    }
-    const reset = (formEl: FormInstance | undefined)=>{
-
-    }
-    const add = ()=>{
-      title.value='新增'
-      dialogVisible.value = true
-    }
-    const ruleForm = reactive({
-      username: '',
-      nickname: null,
-      sex:null,
-      role:null,
-    })
-    const edit = (row)=>{
-      title.value='编辑'
-      dialogVisible.value = true
-      ruleForm.nickname = row.nickname
-      ruleForm.username = row.username
-      ruleForm.sex = row.sex
-      ruleForm.role = row.role
-    }
-    function close(){
-      ruleFormRef.value.resetFields()
-    }
-    const del = (row)=>{
-      ElMessageBox.confirm(
-          '你确定要删除当前项吗?',
-          '温馨提示',
-          {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning',
-            draggable: true,
-          }
-      )
-          .then(() => {
-
-          })
-          .catch(() => {
-
-          })
-    }
-    const changeStatus = (row )=>{
-      ElMessageBox.confirm(
-          `确定要${!row.status?'禁用':'启用'} ${row.username} 账户吗？`,
-          '提示',
-          {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning',
-          }
-      )
-          .then(async () => {
-          })
-          .catch(() => {
-            row.status=!row.status
-          })
-    }
-
-    const handleClose = async (done:  () => void) => {
-      await ruleFormRef.value.validate((valid, fields) => {
-        if (valid) {
-
-          dialogVisible.value = false
-          console.log('submit!',obj)
-        } else {
-          console.log('error submit!', fields)
-        }
+      .then(() => {})
+      .catch(() => {})
+  }
+  const changeStatus = (row) => {
+    ElMessageBox.confirm(
+      `确定要${!row.status ? '禁用' : '启用'} ${row.username} 账户吗？`,
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(async () => {})
+      .catch(() => {
+        row.status = !row.status
       })
-    }
-
-
+  }
 
+  const handleClose = async (done: () => void) => {
+    await ruleFormRef.value.validate((valid, fields) => {
+      if (valid) {
+        dialogVisible.value = false
+        console.log('submit!', obj)
+      } else {
+        console.log('error submit!', fields)
+      }
+    })
+  }
 </script>
 
-<style scoped>
-
-</style>
-
+<style scoped></style>
diff --git a/src/views/table/complex.vue b/src/views/table/complex.vue
index 7cb6ba6..78e546c 100644
--- a/src/views/table/complex.vue
+++ b/src/views/table/complex.vue
@@ -2,113 +2,96 @@
   <div class="app-container">
     <comprehensive :columns="column" :data="data" @reset="reset" @onSubmit="onSubmit">
       <template v-slot:btn>
-       <div style="display: flex;justify-content: flex-end">
-         <el-button type="primary"><el-icon><plus /></el-icon> 添加</el-button>
-         <el-button type="danger"><el-icon><delete /></el-icon>删除</el-button>
-       </div>
+        <div style="display: flex; justify-content: flex-end">
+          <el-button type="primary"
+            ><el-icon><plus /></el-icon> 添加</el-button
+          >
+          <el-button type="danger"
+            ><el-icon><delete /></el-icon>删除</el-button
+          >
+        </div>
       </template>
-      <template v-slot:sex="scope">{{scope.row.sex?'男':'女'}}</template>
+      <template v-slot:sex="scope">{{ scope.row.sex ? '男' : '女' }}</template>
       <template v-slot:operation="scope">
-        <el-button
-            type="primary"
-            size="small"
-            icon="Edit"
-        >
-          编辑
-        </el-button>
-        <el-button
-            type="danger"
-            size="small"
-            icon="Delete"
-        >
-          删除
-        </el-button>
-
+        <el-button type="primary" size="small" icon="Edit"> 编辑 </el-button>
+        <el-button type="danger" size="small" icon="Delete"> 删除 </el-button>
       </template>
     </comprehensive>
   </div>
 </template>
 <script lang="ts" setup>
-  import {ref} from "vue";
+  import { ref } from 'vue'
   import { ElMessage } from 'element-plus'
   import Comprehensive from './components/comprehensive.vue'
   const data = []
-  for(let i=0;i<100;i++){
+  for (let i = 0; i < 100; i++) {
     data.push({
       date: '2016-05-02',
-      name: '王五'+i,
-      price: 1+i,
+      name: '王五' + i,
+      price: 1 + i,
       province: '上海',
-      admin:"admin",
-      sex:i%2?1:0,
-      checked:true,
-      id:i+1,
-      age:0,
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      age: 0,
       city: '普陀区',
       address: '上海市普上海',
-      zip: 200333
+      zip: 200333,
     })
   }
   const column = [
-    { type:'selection', width:60 },
-    { name: 'id', label: 'id',width:80, },
-    { name: 'name',
-      label: '姓名',
-      inSearch:true,
-      valueType:'input',
-      width:80
-    },
-    { name: 'age',
-      label: '年龄',
-      align:'right',
-    },
-    { name: 'sex',
+    { type: 'selection', width: 60 },
+    { name: 'id', label: 'id', width: 80 },
+    { name: 'name', label: '姓名', inSearch: true, valueType: 'input', width: 80 },
+    { name: 'age', label: '年龄', align: 'right' },
+    {
+      name: 'sex',
       label: '性别',
-      slot:true,
-      inSearch:true,
-      options:[{
-        value:1,
-        label:'男'
-      },{
-        value:0,
-        label:'女'
-      }],
-      valueType:'select',
+      slot: true,
+      inSearch: true,
+      options: [
+        {
+          value: 1,
+          label: '男',
+        },
+        {
+          value: 0,
+          label: '女',
+        },
+      ],
+      valueType: 'select',
     },
     {
       name: 'price',
       label: '价格',
-      inSearch:true,
-      valueType:'input',
+      inSearch: true,
+      valueType: 'input',
     },
-    { name: 'admin', label: '账号', inSearch:true,
-      valueType:'input',},
-    { name: 'address', label: '地址', inSearch:true,
-      valueType:'input', },
-    { name: 'date', label: '日期',sorter:true, inSearch:true,
-      valueType:'input', },
+    { name: 'admin', label: '账号', inSearch: true, valueType: 'input' },
+    { name: 'address', label: '地址', inSearch: true, valueType: 'input' },
+    { name: 'date', label: '日期', sorter: true, inSearch: true, valueType: 'input' },
     { name: 'province', label: '省份' },
     { name: 'city', label: '城市' },
     { name: 'zip', label: '邮编' },
-    { name: 'operation',slot:true,fixed:'right',width:200 }
+    { name: 'operation', slot: true, fixed: 'right', width: 200 },
   ]
 
-  const reset = ()=>{
+  const reset = () => {
     ElMessage.success('触发重置方法')
   }
-  const onSubmit = (val)=>{
-    console.log('val===',val)
+  const onSubmit = (val) => {
+    console.log('val===', val)
     ElMessage.success('触发查询方法')
   }
-
 </script>
 <style scoped>
-.edit-input {
-  padding-right: 100px;
-}
-.cancel-btn {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-}
+  .edit-input {
+    padding-right: 100px;
+  }
+  .cancel-btn {
+    position: absolute;
+    right: 15px;
+    top: 10px;
+  }
 </style>
diff --git a/src/views/table/components/comprehensive.vue b/src/views/table/components/comprehensive.vue
index 9406e19..73bf7e8 100644
--- a/src/views/table/components/comprehensive.vue
+++ b/src/views/table/components/comprehensive.vue
@@ -1,47 +1,61 @@
 <template>
   <div class="inline-edit-table">
-    <el-form :inline="true" :model="formInline" class="demo-form-inline"  ref="ruleFormRef">
-      <template v-for="item,index in formSearchData" :key="index">
-          <el-form-item :label="item.label" v-show="isExpand?isExpand:index<2">
-            <template v-if="item.valueType==='input'">
-              <el-input v-model="formInline[item.name]" :placeholder="`请输入${item.label}`" />
-            </template>
-            <template v-if="item.valueType==='select'">
-              <el-select v-model="formInline[item.name]" :placeholder="`请选择${item.label}`" >
-                <el-option
-                    v-for="ite in item.options"
-                    :key="ite.value"
-                    :label="ite.label"
-                    :value="ite.value"
-                />
-              </el-select>
-            </template>
-
-          </el-form-item>
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" ref="ruleFormRef">
+      <template v-for="(item, index) in formSearchData" :key="index">
+        <el-form-item :label="item.label" v-show="isExpand ? isExpand : index < 2">
+          <template v-if="item.valueType === 'input'">
+            <el-input v-model="formInline[item.name]" :placeholder="`请输入${item.label}`" />
+          </template>
+          <template v-if="item.valueType === 'select'">
+            <el-select v-model="formInline[item.name]" :placeholder="`请选择${item.label}`">
+              <el-option
+                v-for="ite in item.options"
+                :key="ite.value"
+                :label="ite.label"
+                :value="ite.value"
+              />
+            </el-select>
+          </template>
+        </el-form-item>
       </template>
       <el-form-item>
-        <el-button  @click="reset(ruleFormRef)">重置</el-button>
+        <el-button @click="reset(ruleFormRef)">重置</el-button>
         <el-button type="primary" @click="onSubmit">查询</el-button>
-        <el-button type="text" @click="isExpand=!isExpand">{{ isExpand?'合并':'展开' }}<el-icon>
-          <arrow-down v-if="!isExpand"/>
-          <arrow-up  v-else/>
-        </el-icon></el-button>
+        <el-button type="text" @click="isExpand = !isExpand"
+          >{{ isExpand ? '合并' : '展开'
+          }}<el-icon>
+            <arrow-down v-if="!isExpand" />
+            <arrow-up v-else /> </el-icon
+        ></el-button>
       </el-form-item>
     </el-form>
     <div style="margin-bottom: 15px">
       <slot name="btn"></slot>
     </div>
     <el-table
-        v-loading="loading"
-        @selection-change="(val)=>emit('selection-change',val)"
-        :data="list"
-        style="width: 100%"
-        :border="true">
-      <template v-for="item in columns" >
-        <el-table-column v-if="item.type" :type="item.type"  :width="item.width" :align="item.align" :fixed="item.fixed" :label="item.label"/>
+      v-loading="loading"
+      @selection-change="(val) => emit('selection-change', val)"
+      :data="list"
+      style="width: 100%"
+      :border="true"
+    >
+      <template v-for="item in columns">
         <el-table-column
-            v-else
-            :prop="item.name" :width="item.width" :align="item.align" :fixed="item.fixed" :label="item.label">
+          v-if="item.type"
+          :type="item.type"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :label="item.label"
+        />
+        <el-table-column
+          v-else
+          :prop="item.name"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :label="item.label"
+        >
           <template #default="scope">
             <span v-if="!item.slot">{{ scope.row[item.name] }}</span>
             <slot v-else :name="item.name" :item="item" :row="scope.row"></slot>
@@ -49,126 +63,113 @@
         </el-table-column>
       </template>
     </el-table>
-    <div style="width: 100%;display: flex;justify-content: center;padding-top: 20px">
+    <div style="width: 100%; display: flex; justify-content: center; padding-top: 20px">
       <el-pagination
-          v-model:currentPage="currentPage1"
-          :page-size="10"
-          background
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="data.length"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
+        v-model:currentPage="currentPage1"
+        :page-size="10"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="data.length"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
       />
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-import {computed, ref} from "vue";
-import { ElMessage,ElMessageBox  } from 'element-plus'
-import type { FormInstance } from 'element-plus'
-const ruleFormRef = ref<FormInstance>()
-const emit = defineEmits(['reset','onSubmit','selection-change'])
-let props = defineProps({
-  columns:{
-    type:Array,
-    default:()=>[]
-  },
-  data:{
-    type:Array,
-    default:()=>[]
-  },
-  loading:{
-    type:Boolean,
-    default:false
-  }
-})
-
-
-
-const currentPage1 = ref(1)
-const isExpand = ref(true)
-const handleSizeChange = (val: number) => {
-  console.log(`${val} items per page`)
-}
-const handleCurrentChange = (val: number) => {
-  console.log(`current page: ${val}`)
-  currentPage1.value = val
-}
-
-const list = computed(()=>{
-  let arr = JSON.parse(JSON.stringify(props.data))
-  return arr.splice((currentPage1.value-1)*10,10)
-})
-
-
-const listLoading = ref(false)
-const confirmEdit = (row)=>{
-  row.edit = false
-}
-const cancelEdit = (row)=>{
-  row.edit = false
-}
-
-import { reactive } from 'vue'
-
-let obj = {}
-let search = []
-for(let item of props.columns){
-  if(item.inSearch){
-    obj[item.name] = null
-  }
-  if(item.inSearch){
-    search.push(item)
-  }
-}
-const formSearchData = ref(search)
-const formInline = reactive(obj)
-
-const onSubmit = () => {
-  console.log('submit!',formInline)
-  emit('onSubmit',formInline)
-}
-
-const reset = (formEl: FormInstance | undefined)=>{
-  formSearchData.value.forEach(item=>{
-    formInline[item.name] = null
+  import { computed, ref } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import type { FormInstance } from 'element-plus'
+  const ruleFormRef = ref<FormInstance>()
+  const emit = defineEmits(['reset', 'onSubmit', 'selection-change'])
+  let props = defineProps({
+    columns: {
+      type: Array,
+      default: () => [],
+    },
+    data: {
+      type: Array,
+      default: () => [],
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
   })
-  emit('reset')
-}
-const deleteAction = (row)=>{
-  ElMessageBox.confirm(
-      '你确定要删除当前项吗?',
-      '温馨提示',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        draggable: true,
-      }
-  )
+
+  const currentPage1 = ref(1)
+  const isExpand = ref(true)
+  const handleSizeChange = (val: number) => {
+    console.log(`${val} items per page`)
+  }
+  const handleCurrentChange = (val: number) => {
+    console.log(`current page: ${val}`)
+    currentPage1.value = val
+  }
+
+  const list = computed(() => {
+    let arr = JSON.parse(JSON.stringify(props.data))
+    return arr.splice((currentPage1.value - 1) * 10, 10)
+  })
+
+  const listLoading = ref(false)
+  const confirmEdit = (row) => {
+    row.edit = false
+  }
+  const cancelEdit = (row) => {
+    row.edit = false
+  }
+
+  import { reactive } from 'vue'
+
+  let obj = {}
+  let search = []
+  for (let item of props.columns) {
+    if (item.inSearch) {
+      obj[item.name] = null
+    }
+    if (item.inSearch) {
+      search.push(item)
+    }
+  }
+  const formSearchData = ref(search)
+  const formInline = reactive(obj)
+
+  const onSubmit = () => {
+    console.log('submit!', formInline)
+    emit('onSubmit', formInline)
+  }
+
+  const reset = (formEl: FormInstance | undefined) => {
+    formSearchData.value.forEach((item) => {
+      formInline[item.name] = null
+    })
+    emit('reset')
+  }
+  const deleteAction = (row) => {
+    ElMessageBox.confirm('你确定要删除当前项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
+    })
       .then(() => {
-        list.value = list.value.filter(item=>item.id!==row.id)
+        list.value = list.value.filter((item) => item.id !== row.id)
         ElMessage.success('删除成功')
-
       })
-      .catch(() => {
-
-      })
-
-}
-
-
+      .catch(() => {})
+  }
 </script>
 <style scoped>
-.edit-input {
-  padding-right: 100px;
-}
-.cancel-btn {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-}
-.inline-edit-table{
-  width: 100%;
-}
+  .edit-input {
+    padding-right: 100px;
+  }
+  .cancel-btn {
+    position: absolute;
+    right: 15px;
+    top: 10px;
+  }
+  .inline-edit-table {
+    width: 100%;
+  }
 </style>
diff --git a/src/views/table/components/edit.vue b/src/views/table/components/edit.vue
index 92911fc..05046e9 100644
--- a/src/views/table/components/edit.vue
+++ b/src/views/table/components/edit.vue
@@ -1,51 +1,69 @@
 <template>
   <div class="m-edit-table">
-    <div style="margin-top: 15px;margin-bottom: 15px" v-if="mode!=='hide'&&mode!=='bottom'">
+    <div style="margin-top: 15px; margin-bottom: 15px" v-if="mode !== 'hide' && mode !== 'bottom'">
       <el-button style="width: 100%" @click="add">
-        <el-icon style="margin-right: 4px"><plus /></el-icon> 添加一行数据</el-button>
+        <el-icon style="margin-right: 4px"><plus /></el-icon> 添加一行数据</el-button
+      >
     </div>
     <el-table :data="transData" style="width: 100%" row-key="id" border>
-      <template v-for="item in columns" >
-        <el-table-column v-if="item.type" :type="item.type"  :width="item.width" :align="item.align" :fixed="item.fixed" :label="item.label"/>
+      <template v-for="item in columns">
         <el-table-column
-            v-else
-            :prop="item.name" :width="item.width" :align="item.align" :fixed="item.fixed" :label="item.label">
+          v-if="item.type"
+          :type="item.type"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :label="item.label"
+        />
+        <el-table-column
+          v-else
+          :prop="item.name"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :label="item.label"
+        >
           <template #default="scope">
             <template v-if="!item.slot">
               <template v-if="item.readonly">
                 {{ scope.row[item.name] }}
               </template>
-              <template v-else-if="item.valueType==='select'">
+              <template v-else-if="item.valueType === 'select'">
                 <el-select
-                    clearable
-                    :placeholder="`请选择`" v-model="scope.row[item.name]" v-if="scope.row.edit">
+                  clearable
+                  :placeholder="`请选择`"
+                  v-model="scope.row[item.name]"
+                  v-if="scope.row.edit"
+                >
                   <el-option
-
-                      v-for="ite in item.options"
-                      :key="ite.value"
-                      :label="ite.label"
-                      :value="ite.value"
+                    v-for="ite in item.options"
+                    :key="ite.value"
+                    :label="ite.label"
+                    :value="ite.value"
                   />
                 </el-select>
 
-                <span v-else>{{filterOption(item,scope)}}</span>
-
+                <span v-else>{{ filterOption(item, scope) }}</span>
               </template>
 
-              <template v-else-if="item.valueType==='date'">
+              <template v-else-if="item.valueType === 'date'">
                 <el-date-picker
-                    v-model="scope.row[item.name]"
-                    type="date"
-                    clearable
-                    placeholder="请选择"
-                    v-if="scope.row.edit"
+                  v-model="scope.row[item.name]"
+                  type="date"
+                  clearable
+                  placeholder="请选择"
+                  v-if="scope.row.edit"
                 />
-                <span v-else>{{scope.row[item.name]||'--'}}</span>
+                <span v-else>{{ scope.row[item.name] || '--' }}</span>
               </template>
               <template v-else>
-                <el-input clearable
-                          placeholder="请输入" v-model="scope.row[item.name]" v-if="scope.row.edit"></el-input>
-                <span v-else>{{scope.row[item.name]||'--'}}</span>
+                <el-input
+                  clearable
+                  placeholder="请输入"
+                  v-model="scope.row[item.name]"
+                  v-if="scope.row.edit"
+                ></el-input>
+                <span v-else>{{ scope.row[item.name] || '--' }}</span>
               </template>
             </template>
             <slot v-else :name="item.name" :item="item" :row="scope.row"></slot>
@@ -55,139 +73,142 @@
       <el-table-column prop="operator" label="操作" width="250px" fixed="right">
         <template #default="scope">
           <el-button
-              v-if="scope.row.edit"
-              type="success"
-              size="small"
-              icon="CircleCheckFilled"
-              @click="confirmEdit(scope.row)"
+            v-if="scope.row.edit"
+            type="success"
+            size="small"
+            icon="CircleCheckFilled"
+            @click="confirmEdit(scope.row)"
           >
             保存
           </el-button>
           <el-button
-              v-else
-              type="primary"
-              size="small"
-              icon="Edit"
-              @click="scope.row.edit=!scope.row.edit"
+            v-else
+            type="primary"
+            size="small"
+            icon="Edit"
+            @click="scope.row.edit = !scope.row.edit"
           >
             编辑
           </el-button>
           <el-popover
-              trigger="click"
-              v-model:visible="scope.row.visible" placement="top" :width="160">
-            <p style="display: flex;align-items: center;margin-bottom: 10px">
-              <el-icon color="#faad14" style="margin-right: 10px"><warning-filled /></el-icon> 删除此行？</p>
+            trigger="click"
+            v-model:visible="scope.row.visible"
+            placement="top"
+            :width="160"
+          >
+            <p style="display: flex; align-items: center; margin-bottom: 10px">
+              <el-icon color="#faad14" style="margin-right: 10px"><warning-filled /></el-icon>
+              删除此行？</p
+            >
             <div style="text-align: right; margin: 0">
-              <el-button size="small"  @click="scope.row.visible = false"
-              >取消</el-button
-              >
+              <el-button size="small" @click="scope.row.visible = false">取消</el-button>
               <el-button size="small" type="primary" @click="deleteAction(scope.row)"
-              >确定</el-button
+                >确定</el-button
               >
             </div>
             <template #reference>
-              <el-button
-                  icon="Delete"
-                  @click="scope.row.visible = true" type="danger" size="small">删除</el-button>
+              <el-button icon="Delete" @click="scope.row.visible = true" type="danger" size="small"
+                >删除</el-button
+              >
             </template>
           </el-popover>
           <el-button
-              v-if="scope.row.edit"
-              type="primary"
-              size="small"
-              icon="Edit"
-              @click="cancelEdit(scope.row)"
+            v-if="scope.row.edit"
+            type="primary"
+            size="small"
+            icon="Edit"
+            @click="cancelEdit(scope.row)"
           >
             取消
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <div style="margin-top: 15px" v-if="mode!=='hide'&&mode!=='top'">
+    <div style="margin-top: 15px" v-if="mode !== 'hide' && mode !== 'top'">
       <el-button style="width: 100%" @click="add">
-        <el-icon style="margin-right: 4px"><plus /></el-icon> 添加一行数据</el-button>
+        <el-icon style="margin-right: 4px"><plus /></el-icon> 添加一行数据</el-button
+      >
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import {computed, onMounted, ref, watch} from "vue";
-  import {deepObjClone} from '@/utils/index'
-  import { ElMessage,ElMessageBox  } from 'element-plus'
+  import { computed, onMounted, ref, watch } from 'vue'
+  import { deepObjClone } from '@/utils/index'
+  import { ElMessage, ElMessageBox } from 'element-plus'
   import { reactive } from 'vue'
-  const emit = defineEmits(['del','add','onChange'])
+  const emit = defineEmits(['del', 'add', 'onChange'])
   let transData = ref([])
 
   let props = defineProps({
-    columns:{
-      type:Array,
-      default:()=>[]
+    columns: {
+      type: Array,
+      default: () => [],
     },
-    data:{
-      type:Array,
-      default:()=>[]
+    data: {
+      type: Array,
+      default: () => [],
     },
-    editableKeys:{
-      type:Array,
-      default:()=>[]
+    editableKeys: {
+      type: Array,
+      default: () => [],
+    },
+    mode: {
+      type: String,
+      default: 'bottom',
     },
-    mode:{
-      type:String,
-      default:'bottom'
-    }
   })
-  const getData = ()=>{
+  const getData = () => {
     let arr = deepObjClone(transData.value)
-    for(let item of arr){
-      for(let attr in item){
-        if(attr.includes('te__mp')){
+    for (let item of arr) {
+      for (let attr in item) {
+        if (attr.includes('te__mp')) {
           delete item[attr]
         }
       }
     }
-    emit('onChange',arr)
+    emit('onChange', arr)
   }
 
-  let obj={}
-  for(let item of props.columns){
-    props.data.forEach(it=>{
-      if(!obj[item.name]){
+  let obj = {}
+  for (let item of props.columns) {
+    props.data.forEach((it) => {
+      if (!obj[item.name]) {
         obj[item.name] = null
       }
     })
   }
 
-  const reset = ()=>{
+  const reset = () => {
     transData.value = props.data
     getData()
   }
 
-  onMounted(()=>{
-    watch(()=>props.data,(val)=>{
-      // // 转换数据
-      transData.value = deepObjClone(val)
-      // 存储一个临时变量
-      for(let item of transData.value){
-          if(props.editableKeys.includes(item.id)){
+  onMounted(() => {
+    watch(
+      () => props.data,
+      (val) => {
+        // // 转换数据
+        transData.value = deepObjClone(val)
+        // 存储一个临时变量
+        for (let item of transData.value) {
+          if (props.editableKeys.includes(item.id)) {
             item.edit = true
           }
 
-         for(let attr in item){
-           let temp  = `${attr}te__mp`
-           item[temp] = item[attr]
-         }
-
-      }
-      // console.log('transData',transData)
-    },{
-      immediate:true,
-      deep:true
-    })
-
+          for (let attr in item) {
+            let temp = `${attr}te__mp`
+            item[temp] = item[attr]
+          }
+        }
+        // console.log('transData',transData)
+      },
+      {
+        immediate: true,
+        deep: true,
+      },
+    )
   })
 
-
-
-
   const visible = ref(false)
 
   const handleSizeChange = (val: number) => {
@@ -197,78 +218,76 @@
   const listLoading = ref(false)
 
   // 保存
-  const confirmEdit = (row)=>{
+  const confirmEdit = (row) => {
     row.edit = false
-    for(let attr in row){
-      if(attr.includes('te__mp')){
-        row[(attr)] = row[(attr.replace('te__mp',''))]
+    for (let attr in row) {
+      if (attr.includes('te__mp')) {
+        row[attr] = row[attr.replace('te__mp', '')]
       }
     }
     getData()
   }
   // 取消
-  const cancelEdit = (row)=>{
-    row.edit=!row.edit
-    for(let attr in row){
-      if(attr!=='edit'){
-        if(!attr.includes('te__mp')){
-          row[attr] = row[(attr+'te__mp')]
+  const cancelEdit = (row) => {
+    row.edit = !row.edit
+    for (let attr in row) {
+      if (attr !== 'edit') {
+        if (!attr.includes('te__mp')) {
+          row[attr] = row[attr + 'te__mp']
         }
       }
-
     }
   }
 
-
-  const deleteAction = (row)=>{
+  const deleteAction = (row) => {
     row.visible = false
-    transData.value = transData.value.filter((item)=>item.id!==row.id)
-    emit('del',row)
+    transData.value = transData.value.filter((item) => item.id !== row.id)
+    emit('del', row)
   }
 
-  const add = ()=>{
+  const add = () => {
     let id = ~~(Math.random() * 1000000).toFixed(0)
-    let obj1 = Object.assign({},obj,{
-      id:id,
-      edit:true,
-      visible:false,
+    let obj1 = Object.assign({}, obj, {
+      id: id,
+      edit: true,
+      visible: false,
     })
 
-    for(let attr in obj1){
-      let temp  = `${attr}te__mp`
+    for (let attr in obj1) {
+      let temp = `${attr}te__mp`
       obj1[temp] = obj1[attr]
     }
 
-    if(props.mode==='bottom'){
+    if (props.mode === 'bottom') {
       transData.value.push(obj1)
     }
-    if(props.mode==='top'){
+    if (props.mode === 'top') {
       transData.value.unshift(obj1)
     }
   }
 
-  const filterOption = (item,scope)=>{
-    let obj = item.options.find(ite=>ite.value===scope.row[item.name])
-    if(obj){
+  const filterOption = (item, scope) => {
+    let obj = item.options.find((ite) => ite.value === scope.row[item.name])
+    if (obj) {
       return obj.label
     }
     return '--'
   }
 
   defineExpose({
-    reset
+    reset,
   })
 </script>
 <style scoped>
-.edit-input {
-  padding-right: 100px;
-}
-.cancel-btn {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-}
-.inline-edit-table{
-  width: 100%;
-}
+  .edit-input {
+    padding-right: 100px;
+  }
+  .cancel-btn {
+    position: absolute;
+    right: 15px;
+    top: 10px;
+  }
+  .inline-edit-table {
+    width: 100%;
+  }
 </style>
diff --git a/src/views/table/comprehensive.vue b/src/views/table/comprehensive.vue
index fb38d0f..03f0ee7 100644
--- a/src/views/table/comprehensive.vue
+++ b/src/views/table/comprehensive.vue
@@ -2,56 +2,50 @@
   <u-container-layout>
     <div class="app-container">
       <comprehensive-table
-          :loading="loading"
-          @selection-change="selectionChange"
-          :columns="column" :data="list" @reset="reset" @onSubmit="onSubmit">
+        :loading="loading"
+        @selection-change="selectionChange"
+        :columns="column"
+        :data="list"
+        @reset="reset"
+        @onSubmit="onSubmit"
+      >
         <template v-slot:btn>
-          <div style="display: flex;justify-content: flex-end">
-            <el-button type="primary" @click="add"><el-icon><plus /></el-icon> 添加</el-button>
-            <el-button type="danger" @click="batchDelete"><el-icon><delete /></el-icon>删除</el-button>
+          <div style="display: flex; justify-content: flex-end">
+            <el-button type="primary" @click="add"
+              ><el-icon><plus /></el-icon> 添加</el-button
+            >
+            <el-button type="danger" @click="batchDelete"
+              ><el-icon><delete /></el-icon>删除</el-button
+            >
           </div>
         </template>
-        <template v-slot:sex="scope">{{scope.row.sex?'男':'女'}}</template>
+        <template v-slot:sex="scope">{{ scope.row.sex ? '男' : '女' }}</template>
         <template v-slot:operation="scope">
-          <el-button
-              type="primary"
-              size="small"
-              icon="Edit"
-              @click="edit(scope.row)"
-          >
+          <el-button type="primary" size="small" icon="Edit" @click="edit(scope.row)">
             编辑
           </el-button>
-          <el-button
-              @click="del(scope.row)"
-              type="danger"
-              size="small"
-              icon="Delete"
-          >
+          <el-button @click="del(scope.row)" type="danger" size="small" icon="Delete">
             删除
           </el-button>
         </template>
       </comprehensive-table>
 
-      <el-dialog
-          v-model="dialogVisible"
-          :title="title"
-          width="50%"
-      >
+      <el-dialog v-model="dialogVisible" :title="title" width="50%">
         <el-form
-            ref="ruleFormRef"
-            :model="ruleForm"
-            :rules="rules"
-            label-width="120px"
-            class="demo-ruleForm"
-            :size="formSize"
+          ref="ruleFormRef"
+          :model="ruleForm"
+          :rules="rules"
+          label-width="120px"
+          class="demo-ruleForm"
+          :size="formSize"
         >
           <el-form-item label="活动名称" prop="name">
             <el-input v-model="ruleForm.name" />
           </el-form-item>
           <el-form-item label="性别" prop="sex">
             <el-radio-group v-model="ruleForm.sex">
-              <el-radio :label="1" >男</el-radio>
-              <el-radio :label="0" >女</el-radio>
+              <el-radio :label="1">男</el-radio>
+              <el-radio :label="0">女</el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item label="价格" prop="price">
@@ -59,88 +53,74 @@
           </el-form-item>
         </el-form>
         <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleClose(ruleFormRef)"
-        >确定</el-button
-        >
-      </span>
+          <span class="dialog-footer">
+            <el-button @click="dialogVisible = false">取消</el-button>
+            <el-button type="primary" @click="handleClose(ruleFormRef)">确定</el-button>
+          </span>
         </template>
       </el-dialog>
-
     </div>
   </u-container-layout>
-
 </template>
-<script lang="ts">
-export default { name: 'comprehensive' };
-</script>
-<script lang="ts" setup>
-  import {ref, reactive, onMounted} from "vue";
+<script lang="ts" setup name="comprehensive">
+  import { ref, reactive, onMounted } from 'vue'
   import * as dayjs from 'dayjs'
-  import { ElMessage,ElMessageBox } from 'element-plus'
+  import { ElMessage, ElMessageBox } from 'element-plus'
   import type { FormInstance } from 'element-plus'
   const loading = ref(true)
   import ComprehensiveTable from './components/comprehensive.vue'
   const data = []
-  for(let i=0;i<100;i++){
+  for (let i = 0; i < 100; i++) {
     data.push({
       date: '2016-05-02',
-      name: '王五'+i,
-      price: 1+i,
+      name: '王五' + i,
+      price: 1 + i,
       province: '上海',
-      admin:"admin",
-      sex:i%2?1:0,
-      checked:true,
-      id:i+1,
-      age:0,
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      age: 0,
       city: '普陀区',
       address: '上海市普上海',
-      zip: 200333
+      zip: 200333,
     })
   }
   const column = [
-    { type:'selection', width:60 },
-    { name: 'id', label: 'id',width:80, },
-    { name: 'name',
-      label: '姓名',
-      inSearch:true,
-      valueType:'input',
-      width:80
-    },
-    { name: 'age',
-      label: '年龄',
-      align:'right',
-    },
-    { name: 'sex',
+    { type: 'selection', width: 60 },
+    { name: 'id', label: 'id', width: 80 },
+    { name: 'name', label: '姓名', inSearch: true, valueType: 'input', width: 80 },
+    { name: 'age', label: '年龄', align: 'right' },
+    {
+      name: 'sex',
       label: '性别',
-      slot:true,
-      inSearch:true,
-      options:[{
-        value:1,
-        label:'男'
-      },{
-        value:0,
-        label:'女'
-      }],
-      valueType:'select',
+      slot: true,
+      inSearch: true,
+      options: [
+        {
+          value: 1,
+          label: '男',
+        },
+        {
+          value: 0,
+          label: '女',
+        },
+      ],
+      valueType: 'select',
     },
     {
       name: 'price',
       label: '价格',
-      inSearch:true,
-      valueType:'input',
+      inSearch: true,
+      valueType: 'input',
     },
-    { name: 'admin', label: '账号', inSearch:true,
-      valueType:'input',},
-    { name: 'address', label: '地址', inSearch:true,
-      valueType:'input', },
-    { name: 'date', label: '日期',sorter:true, inSearch:true,
-      valueType:'input', },
+    { name: 'admin', label: '账号', inSearch: true, valueType: 'input' },
+    { name: 'address', label: '地址', inSearch: true, valueType: 'input' },
+    { name: 'date', label: '日期', sorter: true, inSearch: true, valueType: 'input' },
     { name: 'province', label: '省份' },
     { name: 'city', label: '城市' },
     { name: 'zip', label: '邮编' },
-    { name: 'operation',slot:true,fixed:'right',width:200 }
+    { name: 'operation', slot: true, fixed: 'right', width: 200 },
   ]
   const list = ref(data)
 
@@ -149,7 +129,7 @@ export default { name: 'comprehensive' };
   const ruleForm = reactive({
     name: '',
     sex: null,
-    price:null,
+    price: null,
   })
 
   const rules = reactive({
@@ -157,9 +137,7 @@ export default { name: 'comprehensive' };
       { required: true, message: '请输入活动名称活动区域', trigger: 'blur' },
       { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
     ],
-    price:[
-      { required: true, message: '请输入价格', trigger: 'blur' },
-    ],
+    price: [{ required: true, message: '请输入价格', trigger: 'blur' }],
     sex: [
       {
         required: true,
@@ -174,74 +152,67 @@ export default { name: 'comprehensive' };
   const rowObj = ref({})
   const selectObj = ref([])
 
-  const handleClose = async (done:  () => void) => {
+  const handleClose = async (done: () => void) => {
     await ruleFormRef.value.validate((valid, fields) => {
       if (valid) {
         let obj = {
-          id:Date.now(),
+          id: Date.now(),
           ...ruleForm,
-          age:0,
+          age: 0,
           city: '普陀区',
           address: '上海市普上海',
           zip: 200333,
           province: '上海',
-          admin:"admin",
-          date: dayjs().format('YYYY-MM-DD')
-      }
-      if(title.value==='新增'){
-        list.value = [obj,...list.value]
-        ElMessage.success('添加成功')
-      }else {
-        list.value.forEach(item=>{
-          if(item.id===rowObj.value.id){
-            item.name=obj.name
-            item.sex=obj.sex
-            item.price=obj.price
-          }
-        })
-      }
+          admin: 'admin',
+          date: dayjs().format('YYYY-MM-DD'),
+        }
+        if (title.value === '新增') {
+          list.value = [obj, ...list.value]
+          ElMessage.success('添加成功')
+        } else {
+          list.value.forEach((item) => {
+            if (item.id === rowObj.value.id) {
+              item.name = obj.name
+              item.sex = obj.sex
+              item.price = obj.price
+            }
+          })
+        }
         dialogVisible.value = false
-        console.log('submit!',obj)
+        console.log('submit!', obj)
       } else {
         console.log('error submit!', fields)
       }
     })
   }
 
-  const add = ()=>{
-    title.value='新增'
+  const add = () => {
+    title.value = '新增'
     dialogVisible.value = true
   }
 
-  const batchDelete = ()=>{
-      if(!selectObj.value.length){
-        return ElMessage.error('未选中任何行')
-      }
-    ElMessageBox.confirm(
-            '你确定要删除选中项吗?',
-            '温馨提示',
-            {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning',
-              draggable: true,
-            }
-    )
-            .then(() => {
-
-              ElMessage.success('模拟删除成功')
-              list.value = list.value.concat([])
-            })
-            .catch(() => {
-
-            })
+  const batchDelete = () => {
+    if (!selectObj.value.length) {
+      return ElMessage.error('未选中任何行')
+    }
+    ElMessageBox.confirm('你确定要删除选中项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
+    })
+      .then(() => {
+        ElMessage.success('模拟删除成功')
+        list.value = list.value.concat([])
+      })
+      .catch(() => {})
   }
-  const selectionChange = (val)=>{
+  const selectionChange = (val) => {
     selectObj.value = val
   }
 
-  const edit = (row)=>{
-    title.value='编辑'
+  const edit = (row) => {
+    title.value = '编辑'
     rowObj.value = row
     dialogVisible.value = true
     ruleForm.name = row.name
@@ -249,62 +220,56 @@ export default { name: 'comprehensive' };
     ruleForm.price = row.price
   }
 
-  const del = (row)=>{
-    console.log('row==',row)
-    ElMessageBox.confirm(
-            '你确定要删除当前项吗?',
-            '温馨提示',
-            {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning',
-              draggable: true,
-            }
-    )
-            .then(() => {
-              list.value = list.value.filter(item=>item.id!==row.id)
-              ElMessage.success('删除成功')
-              loading.value = true
-              setTimeout(()=>{
-                loading.value = false
-              },500)
-            })
-            .catch(() => {
-
-            })
+  const del = (row) => {
+    console.log('row==', row)
+    ElMessageBox.confirm('你确定要删除当前项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
+    })
+      .then(() => {
+        list.value = list.value.filter((item) => item.id !== row.id)
+        ElMessage.success('删除成功')
+        loading.value = true
+        setTimeout(() => {
+          loading.value = false
+        }, 500)
+      })
+      .catch(() => {})
   }
 
-  const reset = ()=>{
+  const reset = () => {
     loading.value = true
-    setTimeout(()=>{
+    setTimeout(() => {
       loading.value = false
-    },500)
+    }, 500)
     ElMessage.success('触发重置方法')
   }
 
-  const onSubmit = (val)=>{
-    console.log('val===',val)
+  const onSubmit = (val) => {
+    console.log('val===', val)
     ElMessage.success('触发查询方法')
     loading.value = true
-    setTimeout(()=>{
+    setTimeout(() => {
       loading.value = false
-    },500)
+    }, 500)
   }
 
-  onMounted(()=>{
-    setTimeout(()=>{
+  onMounted(() => {
+    setTimeout(() => {
       loading.value = false
-    },500)
+    }, 500)
   })
 </script>
 
 <style scoped>
-.edit-input {
-  padding-right: 100px;
-}
-.cancel-btn {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-}
+  .edit-input {
+    padding-right: 100px;
+  }
+  .cancel-btn {
+    position: absolute;
+    right: 15px;
+    top: 10px;
+  }
 </style>
diff --git a/src/views/table/dynamic.vue b/src/views/table/dynamic.vue
deleted file mode 100644
index 8b13789..0000000
--- a/src/views/table/dynamic.vue
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/src/views/table/edit.vue b/src/views/table/edit.vue
index cadd6d7..068b90a 100644
--- a/src/views/table/edit.vue
+++ b/src/views/table/edit.vue
@@ -1,7 +1,7 @@
 <template>
   <u-container-layout>
     <div>
-      <div style="display: flex;justify-content: flex-end">
+      <div style="display: flex; justify-content: flex-end">
         <el-radio-group v-model="radio">
           <el-radio label="top">添加到顶部</el-radio>
           <el-radio label="bottom">添加到底部</el-radio>
@@ -10,60 +10,58 @@
       </div>
       <el-divider />
       <edit-table
-          :mode="radio"
-          :columns="column"
-          :data="list"
-          @add="add"
-          ref="table"
-          :editableKeys="editableKeys"
-          @onChange="onChange"
-          @del="deleteAction"
+        :mode="radio"
+        :columns="column"
+        :data="list"
+        @add="add"
+        ref="table"
+        :editableKeys="editableKeys"
+        @onChange="onChange"
+        @del="deleteAction"
       />
       <div style="margin-top: 20px">
-        <el-button
-            @click="reset">重置</el-button>
+        <el-button @click="reset">重置</el-button>
         <el-button type="primary" @click="config">提交</el-button>
       </div>
     </div>
   </u-container-layout>
-
 </template>
 
 <script lang="ts" setup>
   import EditTable from './components/edit.vue'
-  import { ElMessage,ElMessageBox  } from 'element-plus'
-  import {ref} from "vue";
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { ref } from 'vue'
   const table = ref()
   const column = [
-    { name: 'title',
-      label: '活动名称',
-      width:160,
-    },
-    { name: 'state',
+    { name: 'title', label: '活动名称', width: 160 },
+    {
+      name: 'state',
       label: '状态',
-      options:[
+      options: [
         {
-          value:-1,
-          label:'全部'
+          value: -1,
+          label: '全部',
         },
         {
-          value:1,
-          label:'未解决'
-        },{
-          value:0,
-          label:'已解决'
-        }],
-      valueType:'select',
+          value: 1,
+          label: '未解决',
+        },
+        {
+          value: 0,
+          label: '已解决',
+        },
+      ],
+      valueType: 'select',
     },
     {
       name: 'decs',
       label: '描述',
-      valueType:'input',
+      valueType: 'input',
     },
     {
       name: 'created_at',
       label: '活动时间',
-      valueType:'date',
+      valueType: 'date',
     },
   ]
 
@@ -142,35 +140,35 @@
     },
   ]
 
- let arrKeys =data.map(item=>item.id).filter(item=>![6247418504,6246921229].includes(item))
+  let arrKeys = data
+    .map((item) => item.id)
+    .filter((item) => ![6247418504, 6246921229].includes(item))
   const radio = ref('bottom')
   const list = ref(data)
   let editableKeys = ref(arrKeys)
   const dataSource = ref(data)
-  const deleteAction = (row)=>{
-    console.log('删除',row)
+  const deleteAction = (row) => {
+    console.log('删除', row)
     ElMessage.success('点击删除')
   }
-  const onChange = (val)=>{
+  const onChange = (val) => {
     dataSource.value = val
   }
-  const add = (row)=>{
-
-  }
-  const reset = (val)=>{
+  const add = (row) => {}
+  const reset = (val) => {
     ElMessage.success('重置成功')
     table.value.reset()
   }
 
-  const config = ()=>{
+  const config = () => {
     list.value = dataSource.value
-    console.log('点击提交=========',dataSource.value)
+    console.log('点击提交=========', dataSource.value)
     ElMessage.success('点击提交数据')
   }
 </script>
 
 <style lang="scss" scoped>
-::v-deep(.el-divider--horizontal){
-  margin: 10px 0;
-}
+  ::v-deep(.el-divider--horizontal) {
+    margin: 10px 0;
+  }
 </style>
diff --git a/src/views/table/inline-edit-table.vue b/src/views/table/inline-edit-table.vue
index b4e81a0..4c400f4 100644
--- a/src/views/table/inline-edit-table.vue
+++ b/src/views/table/inline-edit-table.vue
@@ -10,108 +10,97 @@
         </el-form-item>
       </el-form>
       <el-table :data="list" style="width: 100%" :border="true" v-loading="loading">
-        <el-table-column prop="id" width="60" label="id"/>
+        <el-table-column prop="id" width="60" label="id" />
         <el-table-column prop="name" label="姓名" min-width="200px">
           <template #default="scope">
             <template v-if="scope.row.edit">
-              <div style="display: flex;align-items: center;">
-                <el-input v-model="scope.row.name"  size="small" />
+              <div style="display: flex; align-items: center">
+                <el-input v-model="scope.row.name" size="small" />
                 <el-button
-                    size="small"
-                    icon="Refresh"
-                    type="warning"
-                    @click="cancelEdit(scope.row)"
+                  size="small"
+                  icon="Refresh"
+                  type="warning"
+                  @click="cancelEdit(scope.row)"
                 >
                   取消
                 </el-button>
               </div>
             </template>
-            <template v-else>{{scope.row.name}}</template>
+            <template v-else>{{ scope.row.name }}</template>
           </template>
         </el-table-column>
         <el-table-column prop="age" label="年龄" />
-        <el-table-column prop="sex" label="性别" >
+        <el-table-column prop="sex" label="性别">
           <template #default="scope">
-            {{scope.row.sex?'男':'女'}}
+            {{ scope.row.sex ? '男' : '女' }}
           </template>
         </el-table-column>
         <el-table-column prop="price" label="价格" />
-        <el-table-column prop="admin" label="账号"  />
-        <el-table-column prop="address" label="地址"  />
-        <el-table-column prop="date" label="日期"  />
-        <el-table-column prop="province" label="省份"  />
-        <el-table-column prop="city" label="城市"  />
+        <el-table-column prop="admin" label="账号" />
+        <el-table-column prop="address" label="地址" />
+        <el-table-column prop="date" label="日期" />
+        <el-table-column prop="province" label="省份" />
+        <el-table-column prop="city" label="城市" />
         <el-table-column prop="operator" label="操作" width="180px" fixed="right">
           <template #default="scope">
             <el-button
-                v-if="scope.row.edit"
-                type="success"
-                size="small"
-                icon="CircleCheckFilled"
-                @click="confirmEdit(scope.row)"
+              v-if="scope.row.edit"
+              type="success"
+              size="small"
+              icon="CircleCheckFilled"
+              @click="confirmEdit(scope.row)"
             >
               保存
             </el-button>
             <el-button
-                v-else
-                type="primary"
-                size="small"
-                icon="Edit"
-                @click="scope.row.edit=!scope.row.edit"
+              v-else
+              type="primary"
+              size="small"
+              icon="Edit"
+              @click="scope.row.edit = !scope.row.edit"
             >
               编辑
             </el-button>
 
-            <el-button
-                type="danger"
-                size="small"
-                icon="Delete"
-                @click="deleteAction(scope.row)"
-            >
+            <el-button type="danger" size="small" icon="Delete" @click="deleteAction(scope.row)">
               删除
             </el-button>
-
           </template>
         </el-table-column>
       </el-table>
-      <div style="width: 100%;display: flex;justify-content: center;padding-top: 20px">
+      <div style="width: 100%; display: flex; justify-content: center; padding-top: 20px">
         <el-pagination
-            v-model:currentPage="currentPage1"
-            :page-size="10"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="transData.length"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
+          v-model:currentPage="currentPage1"
+          :page-size="10"
+          background
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="transData.length"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
         />
       </div>
     </div>
   </u-container-layout>
-
 </template>
-<script lang="ts">
-export default { name: 'inline-table' };
-</script>
-<script lang="ts" setup >
-  import {computed, ref} from "vue";
-  import { ElMessage,ElMessageBox  } from 'element-plus'
-  const data = [
-  ]
-  for(let i=0;i<100;i++){
+<script lang="ts" setup name="inline-table">
+  import { computed, ref } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  const data = []
+  for (let i = 0; i < 100; i++) {
     data.push({
       date: '2016-05-02',
-      name: '王五'+i,
-      price: 1+i,
+      name: '王五' + i,
+      price: 1 + i,
       province: '上海',
-      admin:"admin",
-      sex:i%2?1:0,
-      checked:true,
-      id:i+1,
-      img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-      age:0,
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      age: 0,
       city: '普陀区',
       address: '上海市普上海',
-      zip: 200333
+      zip: 200333,
     })
   }
 
@@ -127,19 +116,18 @@ export default { name: 'inline-table' };
   const transData = ref(data)
   const loading = ref(false)
 
-  const list = computed(()=>{
+  const list = computed(() => {
     let arr = JSON.parse(JSON.stringify(transData.value))
-    return arr.splice((currentPage1.value-1)*10,10)
+    return arr.splice((currentPage1.value - 1) * 10, 10)
   })
 
-
   const listLoading = ref(false)
 
-  const confirmEdit = (row)=>{
+  const confirmEdit = (row) => {
     row.edit = false
   }
 
-  const cancelEdit = (row)=>{
+  const cancelEdit = (row) => {
     row.edit = false
   }
 
@@ -152,44 +140,36 @@ export default { name: 'inline-table' };
   const onSubmit = () => {
     console.log('submit!')
     loading.value = true
-    setTimeout(()=>{
+    setTimeout(() => {
       loading.value = false
-    },500)
+    }, 500)
   }
 
-  const deleteAction = (row)=>{
-    ElMessageBox.confirm(
-        '你确定要删除当前项吗?',
-        '温馨提示',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-          draggable: true,
-        }
-    )
-        .then(() => {
-          transData.value = transData.value.filter(item=>item.id!==row.id)
-          ElMessage.success('删除成功')
-        })
-        .catch(() => {
-
-        })
-
+  const deleteAction = (row) => {
+    ElMessageBox.confirm('你确定要删除当前项吗?', '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+      draggable: true,
+    })
+      .then(() => {
+        transData.value = transData.value.filter((item) => item.id !== row.id)
+        ElMessage.success('删除成功')
+      })
+      .catch(() => {})
   }
-
 </script>
 
 <style scoped>
-.edit-input {
-  padding-right: 100px;
-}
-.cancel-btn {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-}
-.inline-edit-table{
-  width: 100%;
-}
+  .edit-input {
+    padding-right: 100px;
+  }
+  .cancel-btn {
+    position: absolute;
+    right: 15px;
+    top: 10px;
+  }
+  .inline-edit-table {
+    width: 100%;
+  }
 </style>
diff --git a/src/views/table/multi-table.vue b/src/views/table/multi-table.vue
index a9ee9d0..d575517 100644
--- a/src/views/table/multi-table.vue
+++ b/src/views/table/multi-table.vue
@@ -13,164 +13,168 @@
           </el-table-column>
         </el-table-column>
       </el-table>
-
     </div>
   </u-container-layout>
-
 </template>
 <script lang="ts" setup>
-import {ref} from "vue";
+  import { ref } from 'vue'
 
-const data = [
-  {
-    date: '2016-05-02',
-    name: '',
-    price: 0,
-    province: '上海',
-    admin:"admin",
-    sex:'1',
-    checked:true,
-    id:"20",
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    age:0,
-    city: '普陀区',
-    address: '上海市普上海市普上海市普上海市普',
-    zip: 200333
-  },
-  {
-    date: '2016-05-01',
-    name: '王小虎2',
-    province: '上海',
-    sex:'0',
-    price: 0,
-    id:"2",
-    age:12,
-    city: '普陀区',
-    img:"https://img.pddpic.com/mms-material-img/2020-11-27/84c7fad3-d945-4e71-ab09-7a1ed80f6055.jpeg.a.jpeg",
-    address: '上海市普',
-    zip: 200333
-  },
-  {
-    date: '2022-03-25T09:27:42',
-    name: '王小虎3',
-    province: '上海',
-    sex:1,
-    price: 33,
-    id:"3",
-    age:'15',
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    city: '普陀区',
-    address: '上海市普',
-    zip: 200333555
-  },
-  {
-    date: '2016-04-02',
-    name: '王小虎4',
-    province: '上海',
-    sex:1,
-    age:'11',
-    price: 33,
-    id:"4",
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    city: '普陀区',
-    address: '上海市普',
-    zip: 200333
-  },
-  {
-    date: '2016-03-02',
-    name: '王小虎5',
-    province: '上海',
-    price: 0,
-    sex:1,
-    age:'14',
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    id:"5",
-    city: '普陀区',
-    address: '上海市普',
-    zip: 200333
-  },{
-    date: '2014-05-02',
-    name: '王小虎6',
-    province: '上海',
-    price: 33,
-    sex:1,
-    id:"6",
-    age:'12',
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    city: '普陀区',
-    address: '上海市普',
-    zip: 0
-  },{
-    date: '2019-05-02',
-    name: '王小虎7',
-    price: 33,
-    province: '上海',
-    sex:1,
-    age:0,
-    id:"7",
-    city: '普陀区',
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    address: '上海市普',
-    zip: 200333
-  },{
-    date: '2012-05-02',
-    name: '王小虎8',
-    province: '上海',
-    price: 0,
-    sex:1,
-    age:'29',
-    id:"8",
-    city: '普陀区',
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    address: '上海市普',
-    zip: 200333
-  },{
-    date: '2011-05-02',
-    name: '王小虎91',
-    price: 33,
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    province: '上海',
-    sex:1,
-    id:"9",
-    age:'30',
-    city: '普陀区',
-    address: '上海市普',
-    zip: 200333
-  },{
-    date: '2011-05-02',
-    name: '王小虎10',
-    province: '上海',
-    sex:1,
-    id:"10",
-    age:'30',
-    img:"https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
-    city: '普陀区',
-    address: '上海市普',
-    zip: 200333
-  },{
-    date: '2011-05-02',
-    name: '王小虎20',
-    province: '上海',
-    sex:1,
-    price: 33,
-    id:"11",
-    age:'30',
-    city: '普陀区',
-    address: '上海市普',
-    zip: 200333
-  }
-]
+  const data = [
+    {
+      date: '2016-05-02',
+      name: '',
+      price: 0,
+      province: '上海',
+      admin: 'admin',
+      sex: '1',
+      checked: true,
+      id: '20',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      age: 0,
+      city: '普陀区',
+      address: '上海市普上海市普上海市普上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2016-05-01',
+      name: '王小虎2',
+      province: '上海',
+      sex: '0',
+      price: 0,
+      id: '2',
+      age: 12,
+      city: '普陀区',
+      img: 'https://img.pddpic.com/mms-material-img/2020-11-27/84c7fad3-d945-4e71-ab09-7a1ed80f6055.jpeg.a.jpeg',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2022-03-25T09:27:42',
+      name: '王小虎3',
+      province: '上海',
+      sex: 1,
+      price: 33,
+      id: '3',
+      age: '15',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 200333555,
+    },
+    {
+      date: '2016-04-02',
+      name: '王小虎4',
+      province: '上海',
+      sex: 1,
+      age: '11',
+      price: 33,
+      id: '4',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2016-03-02',
+      name: '王小虎5',
+      province: '上海',
+      price: 0,
+      sex: 1,
+      age: '14',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      id: '5',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2014-05-02',
+      name: '王小虎6',
+      province: '上海',
+      price: 33,
+      sex: 1,
+      id: '6',
+      age: '12',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 0,
+    },
+    {
+      date: '2019-05-02',
+      name: '王小虎7',
+      price: 33,
+      province: '上海',
+      sex: 1,
+      age: 0,
+      id: '7',
+      city: '普陀区',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2012-05-02',
+      name: '王小虎8',
+      province: '上海',
+      price: 0,
+      sex: 1,
+      age: '29',
+      id: '8',
+      city: '普陀区',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2011-05-02',
+      name: '王小虎91',
+      price: 33,
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      province: '上海',
+      sex: 1,
+      id: '9',
+      age: '30',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2011-05-02',
+      name: '王小虎10',
+      province: '上海',
+      sex: 1,
+      id: '10',
+      age: '30',
+      img: 'https://img1.baidu.com/it/u=300787145,1214060415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 200333,
+    },
+    {
+      date: '2011-05-02',
+      name: '王小虎20',
+      province: '上海',
+      sex: 1,
+      price: 33,
+      id: '11',
+      age: '30',
+      city: '普陀区',
+      address: '上海市普',
+      zip: 200333,
+    },
+  ]
 
-const list = ref(data)
-const listLoading = ref(false)
+  const list = ref(data)
+  const listLoading = ref(false)
 </script>
 <style scoped>
-.edit-input {
-  padding-right: 100px;
-}
-.cancel-btn {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-}
+  .edit-input {
+    padding-right: 100px;
+  }
+  .cancel-btn {
+    position: absolute;
+    right: 15px;
+    top: 10px;
+  }
 </style>
diff --git a/src/views/zip/download.vue b/src/views/zip/download.vue
index 703f262..0711f6b 100644
--- a/src/views/zip/download.vue
+++ b/src/views/zip/download.vue
@@ -1,13 +1,17 @@
 <template>
   <u-container-layout>
-    <div style="margin-bottom: 15px;display: flex;align-items: center">
-      <el-input v-model="input" placeholder="请输入文件名"  style="width: 200px;margin-right: 10px"/>
+    <div style="margin-bottom: 15px; display: flex; align-items: center">
+      <el-input
+        v-model="input"
+        placeholder="请输入文件名"
+        style="width: 200px; margin-right: 10px"
+      />
       <el-button @click="exportExcelAction" type="primary">
         <el-icon style="margin-right: 10px"><document-remove /></el-icon>导出 zip
       </el-button>
     </div>
     <el-table :data="list" style="width: 100%" border>
-      <template v-for="item,index in column" :key="index">
+      <template v-for="(item, index) in column" :key="index">
         <el-table-column :prop="item.name" :label="item.label" :width="item.width" />
       </template>
     </el-table>
@@ -15,90 +19,81 @@
 </template>
 
 <script lang="ts" setup>
-import {ref,reactive} from "vue";
-import * as dayjs from 'dayjs'
-import { ElMessage,ElMessageBox } from 'element-plus'
-import {downloadFiles2Zip} from '@/utils/downloadzip'
-const data = []
-for(let i=0;i<100;i++){
-  data.push({
-    date: '2016-05-02',
-    name: '王五'+i,
-    price: 1+i,
-    province: '上海',
-    admin:"admin",
-    sex:i%2?1:0,
-    checked:true,
-    id:i+1,
-    age:0,
-    city: '普陀区',
-    address: '上海市普上海',
-    zip: 200333
-  })
-}
-const column = [
-  { name: 'id', label: 'id', },
-  { name: 'name',
-    label: '姓名',
-    inSearch:true,
-    valueType:'input',
-  },
-  { name: 'age',
-    label: '年龄',
-    align:'right',
-  },
-  { name: 'sex',
-    label: '性别',
-    slot:true,
-    inSearch:true,
-    options:[{
-      value:1,
-      label:'男'
-    },{
-      value:0,
-      label:'女'
-    }],
-    valueType:'select',
-  },
-  {
-    name: 'price',
-    label: '价格',
-    inSearch:true,
-    valueType:'input',
-  },
-  { name: 'admin', label: '账号', inSearch:true,
-    valueType:'input',},
-  { name: 'address', label: '地址', inSearch:true,
-    valueType:'input', },
-  { name: 'date', label: '日期',sorter:true, inSearch:true,
-    valueType:'input', },
-  { name: 'province', label: '省份' },
-  { name: 'city', label: '城市' },
-  { name: 'zip', label: '邮编' },
-]
-const list = ref(data)
-const input = ref('')
-const format = ref('xlsx')
-const exportExcelAction = ()=>{
-  downloadFiles2Zip({
-    zipName: '压缩包',
-    files: [
-      {
-        filename: 'test',
-        sheets: [
-          {
-            sheetName: 'test',
-            columns: column,
-            dataSource: data
-          },
-        ]
-      },
-    ]
-  })
-}
-
+  import { ref, reactive } from 'vue'
+  import * as dayjs from 'dayjs'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { downloadFiles2Zip } from '@/utils/downloadzip'
+  const data = []
+  for (let i = 0; i < 100; i++) {
+    data.push({
+      date: '2016-05-02',
+      name: '王五' + i,
+      price: 1 + i,
+      province: '上海',
+      admin: 'admin',
+      sex: i % 2 ? 1 : 0,
+      checked: true,
+      id: i + 1,
+      age: 0,
+      city: '普陀区',
+      address: '上海市普上海',
+      zip: 200333,
+    })
+  }
+  const column = [
+    { name: 'id', label: 'id' },
+    { name: 'name', label: '姓名', inSearch: true, valueType: 'input' },
+    { name: 'age', label: '年龄', align: 'right' },
+    {
+      name: 'sex',
+      label: '性别',
+      slot: true,
+      inSearch: true,
+      options: [
+        {
+          value: 1,
+          label: '男',
+        },
+        {
+          value: 0,
+          label: '女',
+        },
+      ],
+      valueType: 'select',
+    },
+    {
+      name: 'price',
+      label: '价格',
+      inSearch: true,
+      valueType: 'input',
+    },
+    { name: 'admin', label: '账号', inSearch: true, valueType: 'input' },
+    { name: 'address', label: '地址', inSearch: true, valueType: 'input' },
+    { name: 'date', label: '日期', sorter: true, inSearch: true, valueType: 'input' },
+    { name: 'province', label: '省份' },
+    { name: 'city', label: '城市' },
+    { name: 'zip', label: '邮编' },
+  ]
+  const list = ref(data)
+  const input = ref('')
+  const format = ref('xlsx')
+  const exportExcelAction = () => {
+    downloadFiles2Zip({
+      zipName: '压缩包',
+      files: [
+        {
+          filename: 'test',
+          sheets: [
+            {
+              sheetName: 'test',
+              columns: column,
+              dataSource: data,
+            },
+          ],
+        },
+      ],
+    })
+  }
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/vite.config.ts b/vite.config.ts
index 139743e..cf93607 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,8 @@ import vue from '@vitejs/plugin-vue'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import path from 'path'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+// 增加 vue文件 script name值
+import vueSetupExtend from 'vite-plugin-vue-setup-extend'
 // import viteCompression from 'vite-plugin-compression'
 function resolve (dir) {
   return path.join(__dirname, '.', dir)
@@ -13,6 +15,7 @@ function resolve (dir) {
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue(),
+    vueSetupExtend(),
     // AutoImport({
     //   resolvers: [ElementPlusResolver()],
     // }),
diff --git a/yarn.lock b/yarn.lock
index 08d3cbb..bf68a7d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -340,7 +340,7 @@
     "@vue/compiler-core" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.37":
+"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.29", "@vue/compiler-sfc@^3.2.37":
   version "3.2.37"
   resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
   integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
@@ -1320,6 +1320,18 @@ escape-string-regexp@^5.0.0:
   resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
   integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
 
+eslint-config-prettier@^8.5.0:
+  version "8.5.0"
+  resolved "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
+  integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
+
+eslint-plugin-prettier@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.npmmirror.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
+  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
 eslint-plugin-vue@^9.3.0:
   version "9.3.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.3.0.tgz#c3f5ce515dae387e062428725c5cf96098d9da0b"
@@ -1529,6 +1541,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-diff@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+
 fast-glob@^3.2.11, fast-glob@^3.2.9:
   version "3.2.11"
   resolved "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
@@ -2656,6 +2673,18 @@ prelude-ls@^1.2.1:
   resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
+prettier@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.npmmirror.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
+  integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
+
 print-js@^1.6.0:
   version "1.6.0"
   resolved "https://registry.npmmirror.com/print-js/-/print-js-1.6.0.tgz#692b046cf31992b46afa6c6d8a9db1c69d431d1f"
@@ -3313,6 +3342,15 @@ unplugin-vue-components@^0.21.2:
     resolve "^1.22.1"
     unplugin "^0.7.2"
 
+unplugin-vue-define-options@^0.7.3:
+  version "0.7.3"
+  resolved "https://registry.npmmirror.com/unplugin-vue-define-options/-/unplugin-vue-define-options-0.7.3.tgz#5b932eb93b4467117d14f5daa4d1983bea5d8cd2"
+  integrity sha512-VbexYR8m2v/TLi49+F7Yf3rO2EyS0EkrXjJxqym6W0NxOzom9zdmRUR+av4UAu4GruhMumJc/9ITS1Wj+rozjg==
+  dependencies:
+    "@rollup/pluginutils" "^4.2.1"
+    "@vue/compiler-sfc" "^3.2.37"
+    unplugin "^0.8.0"
+
 unplugin@^0.7.2:
   version "0.7.2"
   resolved "https://registry.npmmirror.com/unplugin/-/unplugin-0.7.2.tgz#4127012fdc2c84ea4ce03ce75e3d4f54ea47bba1"
@@ -3424,6 +3462,14 @@ vite-plugin-svg-icons@^2.0.1:
     svg-baker "1.7.0"
     svgo "^2.8.0"
 
+vite-plugin-vue-setup-extend@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz#ebbbe265320039b8c6a3b9fcae3b8d152ecf4a13"
+  integrity sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ==
+  dependencies:
+    "@vue/compiler-sfc" "^3.2.29"
+    magic-string "^0.25.7"
+
 vite@^3.0.0:
   version "3.0.4"
   resolved "https://registry.npmmirror.com/vite/-/vite-3.0.4.tgz#c61688d6b97573e96cf5ac25f2d68597b5ce68e8"