基础设置

package-lock.json

@@ -1762,37 +1762,6 @@
         "webpack-merge": "^4.2.2"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
         "debug": {
           "version": "4.2.0",
           "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.2.0.tgz?cache=0&sync_timestamp=1600502871403&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.2.0.tgz",
@@ -1802,35 +1771,11 @@
             "ms": "2.1.2"
           }
         },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
         "ms": {
           "version": "2.1.2",
           "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz",
           "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
           "dev": true
-        },
-        "vue-loader-v16": {
-          "version": "npm:vue-loader@16.2.0",
-          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz",
-          "integrity": "sha512-TitGhqSQ61RJljMmhIGvfWzJ2zk9m1Qug049Ugml6QP3t0e95o0XJjk29roNEiPKJQBEi8Ord5hFuSuELzSp8Q==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chalk": "^4.1.0",
-            "hash-sum": "^2.0.0",
-            "loader-utils": "^2.0.0"
-          }
         }
       }
     },
@@ -11864,6 +11809,63 @@
         }
       }
     },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.3.0",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.3.0.tgz",
+      "integrity": "sha512-UDgni/tUVSdwHuQo+vuBmEgamWx88SuSlEb5fgdvHrlJSPB9qMBRF6W7bfPWSqDns425Gt1wxAUif+f+h/rWjg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
+          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        }
+      }
+    },
     "vue-router": {
       "version": "3.4.6",
       "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-3.4.6.tgz?cache=0&sync_timestamp=1602077426782&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.4.6.tgz",

src/assets/fonts/iconfont.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="daohangzhankai" unicode="&#58974;" d="M117.333333 625.066667h782.933334a38.4 38.4 0 0 1 36.266666 32 104.533333 104.533333 0 0 1 0 36.266666 36.266667 36.266667 0 0 1-29.866666 29.866667H123.733333a40.533333 40.533333 0 0 1-36.266666-29.866667 91.733333 91.733333 0 0 1 0-34.133333 36.266667 36.266667 0 0 1 29.866666-34.133333zM934.4 115.2a36.266667 36.266667 0 0 1-23.466667 25.6H125.866667a38.4 38.4 0 0 1-38.4-32 81.066667 81.066667 0 0 1 0-32A36.266667 36.266667 0 0 1 117.333333 42.666667H896a44.8 44.8 0 0 1 38.4 23.466666 64 64 0 0 1 0 49.066667zM629.333333 424.533333H132.266667a38.4 38.4 0 0 1-38.4-36.266666 91.733333 91.733333 0 0 1 0-34.133334 36.266667 36.266667 0 0 1 29.866666-27.733333h499.2a38.4 38.4 0 0 1 36.266667 32 91.733333 91.733333 0 0 1 0 34.133333c-4.266667 19.2-12.8 29.866667-29.866667 32zM925.866667 373.333333l-113.066667-104.533333-49.066667-46.933333c-4.266667-2.133333-6.4-4.266667-10.666666-2.133334a10.666667 10.666667 0 0 0-6.4 10.666667V535.466667a12.8 12.8 0 0 0 6.4 12.8c4.266667 2.133333 8.533333 0 12.8-4.266667l157.866666-149.333333c10.666667-8.533333 10.666667-12.8 2.133334-21.333334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xitonggongju" unicode="&#58975;" d="M832 678.4h-160V731.733333A53.333333 53.333333 0 0 1 618.666667 785.066667H405.333333a53.333333 53.333333 0 0 1-53.333333-53.333334v-53.333333H192a106.666667 106.666667 0 0 1-106.666667-106.666667v-134.4h853.333334v134.4a106.666667 106.666667 0 0 1-106.666667 106.666667z m-213.333333 0H405.333333V704a27.733333 27.733333 0 0 0 25.6 27.733333h162.133334A27.733333 27.733333 0 0 0 618.666667 704zM512 305.066667a53.333333 53.333333 0 0 1 53.333333 53.333333 57.6 57.6 0 0 1-6.4 25.6h-93.866666a57.6 57.6 0 0 1-6.4-25.6 55.466667 55.466667 0 0 1 53.333333-55.466667zM618.666667 358.4a106.666667 106.666667 0 1 0-213.333334 0 106.666667 106.666667 0 0 0 4.266667 25.6H85.333333v-292.266667a106.666667 106.666667 0 0 1 106.666667-108.8h640a106.666667 106.666667 0 0 1 106.666667 108.8V384H614.4a106.666667 106.666667 0 0 0 4.266667-25.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="daohangshouqi" unicode="&#58976;" d="M117.333333 625.066667h782.933334a38.4 38.4 0 0 1 36.266666 32 104.533333 104.533333 0 0 1 0 36.266666 36.266667 36.266667 0 0 1-29.866666 29.866667H123.733333a40.533333 40.533333 0 0 1-36.266666-29.866667 91.733333 91.733333 0 0 1 0-34.133333 36.266667 36.266667 0 0 1 29.866666-34.133333zM934.4 115.2a36.266667 36.266667 0 0 1-23.466667 25.6H125.866667a38.4 38.4 0 0 1-38.4-32 81.066667 81.066667 0 0 1 0-32A36.266667 36.266667 0 0 1 117.333333 42.666667H896a44.8 44.8 0 0 1 38.4 23.466666 64 64 0 0 1 0 49.066667zM906.666667 433.066667H409.6a38.4 38.4 0 0 1-38.4-34.133334 91.733333 91.733333 0 0 1 0-34.133333 38.4 38.4 0 0 1 29.866667-29.866667h499.2a38.4 38.4 0 0 1 36.266666 32 91.733333 91.733333 0 0 1 0 34.133334 38.4 38.4 0 0 1-29.866666 32zM91.733333 373.333333l113.066667-104.533333 46.933333-46.933333a14.933333 14.933333 0 0 1 12.8-2.133334 10.666667 10.666667 0 0 1 6.4 10.666667c-2.133333 2.133333 0 4.266667 0 6.4v298.666667a19.2 19.2 0 0 1-6.4 12.8c-6.4 2.133333-8.533333 0-12.8-4.266667l-160-149.333333c-8.533333-8.533333-8.533333-12.8 0-21.333334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zhankaishouqijiantou" unicode="&#58971;" d="M881.066667 597.333333A426.666667 426.666667 0 1 1 512-42.666667a416 416 0 0 1 213.333333 57.6A424.533333 424.533333 0 0 1 881.066667 597.333333zM512 34.133333A349.866667 349.866667 0 1 0 861.866667 384 352 352 0 0 0 512 34.133333zM539.733333 514.133333a34.133333 34.133333 0 0 1-55.466666 0L320 349.866667a36.266667 36.266667 0 0 1 0-55.466667 36.266667 36.266667 0 0 1 55.466667 0l136.533333 136.533333 136.533333-136.533333a36.266667 36.266667 0 0 1 55.466667 0 34.133333 34.133333 0 0 1 0 55.466667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bianjiluru" unicode="&#58894;" d="M125.207 20.713h5.12l232.728 40.029a30.72 30.72 0 0 1 18.85 9.076L727.04 418.91l11.636 11.636-237.381 229.47-11.637-11.637-340.247-343.97a31.65 31.65 0 0 1-9.542-17.455L95.185 58.182a30.72 30.72 0 0 1 30.022-36.771z m424.728 689.105L733.324 531.55l53.294-51.898 4.655 4.654 97.745 98.444a32.815 32.815 0 0 1 9.542 23.273 32.116 32.116 0 0 1-9.542 23.273L702.836 817.338a33.047 33.047 0 0 1-23.272 9.775 33.513 33.513 0 0 1-23.273-9.775L549.7 709.818z m345.367-739.374H131.49a37.236 37.236 0 0 1 0-74.473H895.3a37.236 37.236 0 0 1 0 74.473z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="daoyinyiwen" unicode="&#58969;" d="M512 778.666667A394.666667 394.666667 0 1 1 906.666667 384 394.666667 394.666667 0 0 1 512 778.666667z m-68.266667-614.4a66.133333 66.133333 0 0 0 132.266667 0 66.133333 66.133333 0 0 0-132.266667 0zM672 426.666667a339.2 339.2 0 0 0-74.666667-74.666667 117.333333 117.333333 0 0 1-32-36.266667 100.266667 100.266667 0 0 1-6.4-49.066666v-8.533334h-98.133333v29.866667a172.8 172.8 0 0 0 14.933333 70.4 196.266667 196.266667 0 0 0 55.466667 59.733333c25.6 23.466667 42.666667 36.266667 46.933333 42.666667a51.2 51.2 0 0 1 10.666667 29.866667 49.066667 49.066667 0 0 1-19.2 38.4 70.4 70.4 0 0 1-53.333333 17.066666 70.4 70.4 0 0 1-51.2-17.066666 96 96 0 0 1-29.866667-55.466667c-4.266667-17.066667-36.266667-23.466667-59.733333-19.2s-40.533333 12.8-40.533334 32a155.733333 155.733333 0 0 0 53.333334 104.533333 183.466667 183.466667 0 0 0 125.866666 42.666667 185.6 185.6 0 0 0 130.133334-44.8 130.133333 130.133333 0 0 0 49.066666-100.266667 110.933333 110.933333 0 0 0-21.333333-61.866666z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="lianjie" unicode="&#58965;" d="M266.666667 652.8a106.666667 106.666667 0 0 0 89.6 23.466667 110.933333 110.933333 0 0 0 78.933333-46.933334l72.533333-70.4 8.533334-6.4a125.866667 125.866667 0 0 0 6.4-174.933333 53.333333 53.333333 0 0 1-2.133334-81.066667 51.2 51.2 0 0 1 38.4-14.933333 51.2 51.2 0 0 1 38.4 14.933333l4.266667 4.266667 10.666667 10.666667a234.666667 234.666667 0 0 1-23.466667 324.266666l-72.533333 74.666667-23.466667 21.333333A232.533333 232.533333 0 0 1 324.266667 789.333333a226.133333 226.133333 0 0 1-160-81.066666 232.533333 232.533333 0 0 1 21.333333-328.533334l70.4-70.4h6.4a53.333333 53.333333 0 0 1 70.4 2.133334 55.466667 55.466667 0 0 1 6.4 74.666666l-72.533333 74.666667a121.6 121.6 0 0 0-23.466667 23.466667 119.466667 119.466667 0 0 0 23.466667 168.533333zM836.266667 388.266667l-70.4 70.4-4.266667 4.266666a46.933333 46.933333 0 0 1-34.133333 10.666667 51.2 51.2 0 0 1-38.4-14.933333 53.333333 53.333333 0 0 1-17.066667-38.4 49.066667 49.066667 0 0 1 12.8-34.133334l72.533333-74.666666 23.466667-23.466667a121.6 121.6 0 0 0-113.066667-194.133333 128 128 0 0 0-81.066666 46.933333L516.266667 213.333333l-8.533334 6.4a123.733333 123.733333 0 0 0-6.4 174.933334c0 2.133333 2.133333 2.133333 4.266667 4.266666a55.466667 55.466667 0 0 1-2.133333 76.8 49.066667 49.066667 0 0 1-40.533334 14.933334 53.333333 53.333333 0 0 1-38.4-17.066667l-12.8-12.8a232.533333 232.533333 0 0 1 21.333334-324.266667l74.666666-74.666666a234.666667 234.666667 0 0 1 177.066667-83.2A232.533333 232.533333 0 0 1 917.333333 213.333333a230.4 230.4 0 0 1-81.066666 174.933334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dapingzhongduan" unicode="&#58966;" d="M812.8 768H211.2A102.4 102.4 0 0 1 106.666667 669.866667v-384a102.4 102.4 0 0 1 104.533333-100.266667h200.533333v-98.133333H204.8a44.8 44.8 0 1 1 0-87.466667h608a44.8 44.8 0 0 1 46.933333 44.8 44.8 44.8 0 0 1-46.933333 42.666667h-200.533333v98.133333h200.533333a110.933333 110.933333 0 0 1 104.533333 100.266667v384A102.4 102.4 0 0 1 812.8 768z m0-147.2v-292.266667a49.066667 49.066667 0 0 0-51.2-49.066666H256a49.066667 49.066667 0 0 0-51.2 49.066666V620.8a51.2 51.2 0 0 0 51.2 49.066667h505.6a49.066667 49.066667 0 0 0 51.2-49.066667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tuichuzhuxiao" unicode="&#58967;" d="M896 473.6a411.733333 411.733333 0 0 1-32 85.333333 347.733333 347.733333 0 0 1-49.066667 74.666667 484.266667 484.266667 0 0 1-68.266666 64 55.466667 55.466667 0 0 1-40.533334 10.666667 68.266667 68.266667 0 0 1-38.4-21.333334 61.866667 61.866667 0 0 1-10.666666-42.666666 59.733333 59.733333 0 0 1 23.466666-36.266667 311.466667 311.466667 0 0 0 85.333334-98.133333 296.533333 296.533333 0 0 0 29.866666-128 268.8 268.8 0 0 0-23.466666-108.8 275.2 275.2 0 0 0-149.333334-149.333334 279.466667 279.466667 0 0 0-110.933333-23.466666 268.8 268.8 0 0 0-108.8 23.466666 285.866667 285.866667 0 0 0-89.6 59.733334 292.266667 292.266667 0 0 0-61.866667 89.6 268.8 268.8 0 0 0-23.466666 108.8 273.066667 273.066667 0 0 0 32 130.133333 270.933333 270.933333 0 0 0 89.6 100.266667 53.333333 53.333333 0 0 1 23.466666 36.266666 59.733333 59.733333 0 0 1-8.533333 42.666667 49.066667 49.066667 0 0 1-36.266667 21.333333 51.2 51.2 0 0 1-42.666666-8.533333 501.333333 501.333333 0 0 1-70.4-64 379.733333 379.733333 0 0 1-53.333334-76.8A437.333333 437.333333 0 0 1 128 475.733333a452.266667 452.266667 0 0 1-10.666667-93.866666A364.8 364.8 0 0 1 149.333333 230.4a392.533333 392.533333 0 0 1 83.2-125.866667 381.866667 381.866667 0 0 1 125.866667-83.2 381.866667 381.866667 0 0 1 153.6-32 373.333333 373.333333 0 0 1 153.6 32 418.133333 418.133333 0 0 1 125.866667 83.2 384 384 0 0 1 115.2 277.333334 430.933333 430.933333 0 0 1-10.666667 91.733333z m-379.733333-115.2a46.933333 46.933333 0 0 1 36.266666 14.933333 49.066667 49.066667 0 0 1 14.933334 36.266667V725.333333a51.2 51.2 0 0 1-14.933334 38.4 46.933333 46.933333 0 0 1-36.266666 14.933334A51.2 51.2 0 0 1 462.933333 725.333333v-315.733333a49.066667 49.066667 0 0 1 14.933334-36.266667 51.2 51.2 0 0 1 38.4-14.933333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiaoxitongzhi" unicode="&#58968;" d="M810.666667 266.666667v189.866666A294.4 294.4 0 0 1 576 740.266667V746.666667a64 64 0 0 1-64 64 61.866667 61.866667 0 0 1-64-64v-6.4a294.4 294.4 0 0 1-234.666667-283.733334v-189.866666A98.133333 98.133333 0 0 0 177.066667 192l-10.666667-8.533333A38.4 38.4 0 0 1 149.333333 149.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h640a42.666667 42.666667 0 0 1 42.666667 42.666666 42.666667 42.666667 0 0 1-19.2 36.266667h-4.266667a93.866667 93.866667 0 0 0-40.533333 81.066667zM618.666667 64H405.333333a106.666667 106.666667 0 0 1 213.333334 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="rizhi" unicode="&#58962;" d="M512 810.666667A426.666667 426.666667 0 1 0 85.333333 384 428.8 428.8 0 0 0 512 810.666667z m40.533333-221.866667h-81.066666v-228.266667a44.8 44.8 0 0 1 8.533333-23.466666l142.933333-142.933334 59.733334 57.6-130.133334 130.133334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fangwen" unicode="&#58963;" d="M849.066667 797.866667L138.666667 578.133333a59.733333 59.733333 0 0 1-40.533334-74.666666A59.733333 59.733333 0 0 1 123.733333 469.333333l211.2-134.4a61.866667 61.866667 0 0 1 70.4 4.266667l262.4 221.866667a14.933333 14.933333 0 0 0 21.333334-21.333334L467.2 277.333333a61.866667 61.866667 0 0 1-4.266667-70.4l134.4-211.2a59.733333 59.733333 0 0 1 83.2-17.066666 55.466667 55.466667 0 0 1 25.6 32L925.866667 721.066667a64 64 0 0 1-40.533334 76.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="gonggongyunkong" unicode="&#58964;" d="M898.133333 93.866667H123.733333a38.4 38.4 0 1 1 0-76.8h774.4a38.4 38.4 0 1 1 0 76.8zM904.533333 750.933333H117.333333A32 32 0 0 1 85.333333 718.933333v-499.2a34.133333 34.133333 0 0 1 32-34.133333h789.333334a34.133333 34.133333 0 0 1 32 34.133333V718.933333a34.133333 34.133333 0 0 1-34.133334 32zM358.4 328.533333a38.4 38.4 0 1 0-76.8 0v179.2a38.4 38.4 0 1 0 76.8 0z m192 0a38.4 38.4 0 1 0-76.8 0v136.533334a38.4 38.4 0 1 0 76.8 0z m192 0a38.4 38.4 0 1 0-76.8 0V593.066667a38.4 38.4 0 1 0 76.8 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tongji_2" unicode="&#58958;" d="M514.133333 384V810.666667A473.6 473.6 0 0 0 938.666667 384z m356.266667-68.266667H477.866667a36.266667 36.266667 0 0 0-34.133334 36.266667V742.4a392.533333 392.533333 0 1 1 426.666667-426.666667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="ziyuan" unicode="&#58959;" d="M866.133333 520.533333l-281.6-151.466666a83.2 83.2 0 0 1-40.533333-72.533334V0a40.533333 40.533333 0 0 1 57.6-38.4l279.466667 153.6a83.2 83.2 0 0 1 42.666666 72.533333V482.133333a40.533333 40.533333 0 0 1-57.6 38.4z m-426.666666-151.466666L157.866667 520.533333a40.533333 40.533333 0 0 1-57.6-38.4v-296.533333a81.066667 81.066667 0 0 1 42.666666-72.533333l279.466667-151.466667a40.533333 40.533333 0 0 1 57.6 38.4V296.533333a83.2 83.2 0 0 1-40.533333 72.533334z m401.066666 221.866666a34.133333 34.133333 0 0 1 19.2 29.866667 32 32 0 0 1-19.2 29.866667L554.666667 800a74.666667 74.666667 0 0 1-42.666667 10.666667 70.4 70.4 0 0 1-42.666667-10.666667l-288-149.333333a27.733333 27.733333 0 0 1-17.066666-29.866667 29.866667 29.866667 0 0 1 17.066666-29.866667l288-149.333333a89.6 89.6 0 0 1 42.666667-10.666667 98.133333 98.133333 0 0 1 42.666667 10.666667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tongji_1" unicode="&#58960;" d="M258.133333 332.8H157.866667A51.2 51.2 0 0 1 106.666667 281.6v-251.733333A51.2 51.2 0 0 1 157.866667-21.333333h100.266666a51.2 51.2 0 0 1 51.2 51.2V281.6a51.2 51.2 0 0 1-51.2 51.2zM563.2 789.333333h-102.4a49.066667 49.066667 0 0 1-49.066667-51.2v-708.266666a49.066667 49.066667 0 0 1 49.066667-51.2h102.4a49.066667 49.066667 0 0 1 49.066667 51.2V738.133333A49.066667 49.066667 0 0 1 563.2 789.333333z m302.933333-253.866666h-100.266666a49.066667 49.066667 0 0 1-51.2-49.066667v-456.533333a51.2 51.2 0 0 1 51.2-51.2h100.266666a51.2 51.2 0 0 1 51.2 51.2V486.4a49.066667 49.066667 0 0 1-51.2 49.066667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zhongduan" unicode="&#58961;" d="M761.6 810.666667H262.4a91.733333 91.733333 0 0 1-64-25.6A83.2 83.2 0 0 1 170.666667 723.2v-678.4a89.6 89.6 0 0 1 91.733333-87.466667h499.2a89.6 89.6 0 0 1 91.733333 87.466667V723.2A89.6 89.6 0 0 1 761.6 810.666667z m-85.333333-725.333334a40.533333 40.533333 0 0 0-27.733334-10.666666H375.466667a40.533333 40.533333 0 0 0-27.733334 10.666666 44.8 44.8 0 0 0-14.933333 32 42.666667 42.666667 0 0 0 42.666667 42.666667h273.066666a42.666667 42.666667 0 0 0 42.666667-42.666667 44.8 44.8 0 0 0-14.933333-32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yunkongfuwu" unicode="&#58951;" d="M898.133333 102.4H123.733333a38.4 38.4 0 0 1 0-76.8h774.4a38.4 38.4 0 1 1 0 76.8zM904.533333 759.466667H119.466667A32 32 0 0 1 85.333333 727.466667v-499.2a34.133333 34.133333 0 0 1 34.133334-34.133334h785.066666a34.133333 34.133333 0 0 1 34.133334 34.133334V725.333333a34.133333 34.133333 0 0 1-34.133334 34.133334zM768 369.066667h-200.533333a132.266667 132.266667 0 0 0-123.733334 83.2l-49.066666 117.333333-57.6-179.2a32 32 0 0 0-29.866667-21.333333h-10.666667a38.4 38.4 0 0 0-17.066666 14.933333 29.866667 29.866667 0 0 0-2.133334 23.466667l64 200.533333a53.333333 53.333333 0 0 0 49.066667 38.4 53.333333 53.333333 0 0 0 51.2-32l59.733333-140.8a72.533333 72.533333 0 0 1 66.133334-42.666667H768a32 32 0 0 0 0-64z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bianji_11" unicode="&#58942;" d="M237.653333 109.653333V658.346667H512A54.826667 54.826667 0 0 1 512 768H182.826667A54.826667 54.826667 0 0 1 128 713.173333v-658.346666A54.826667 54.826667 0 0 1 182.826667 0h658.346666A54.826667 54.826667 0 0 1 896 54.826667v384a54.826667 54.826667 0 0 1-109.653333 0v-329.173334zM535.04 329.386667l329.173333 328.96a54.826667 54.826667 0 1 1-76.373333 78.933333l-1.28-1.28-329.173333-329.173333a54.826667 54.826667 0 0 1 77.653333-77.44z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="naotu1" unicode="&#58943;" d="M643.84 745.173333v-67.2h-101.333333a56.32 56.32 0 0 1-60.586667-50.773333v-218.24h-101.333333v94.293333a37.546667 37.546667 0 0 1-40.533334 33.493334H157.866667a37.12 37.12 0 0 1-40.533334-33.493334v-238.506666a37.546667 37.546667 0 0 1 40.533334-33.493334h181.76a37.12 37.12 0 0 1 40.533333 33.493334V341.333333h101.76v-217.813333a56.32 56.32 0 0 1 60.586667-50.56h101.333333v-50.133333a37.546667 37.546667 0 0 1 40.533333-33.493334h181.76a37.12 37.12 0 0 1 40.533334 33.493334v151.04a37.973333 37.973333 0 0 1-40.533334 33.92h-181.76a37.333333 37.333333 0 0 1-40.533333-33.92v-50.346667h-101.333333V341.333333h101.333333v-33.493333a37.546667 37.546667 0 0 1 40.533333-33.493333h181.76a37.12 37.12 0 0 1 40.533334 33.493333v151.68a37.546667 37.546667 0 0 1-40.533334 33.493333h-181.76a37.12 37.12 0 0 1-40.533333-33.493333v-50.133333h-101.333333V627.626667h101.333333v-33.493334a37.546667 37.546667 0 0 1 40.533333-33.493333h181.76a37.333333 37.333333 0 0 1 40.533334 33.493333V745.173333a37.546667 37.546667 0 0 1-40.533334 33.493334h-181.76a36.906667 36.906667 0 0 1-40.533333-33.493334"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shenhe1" unicode="&#58944;" d="M938.666667 394.666667a426.666667 426.666667 0 0 1-853.333334 0v-10.666667a426.666667 426.666667 0 0 1 853.333334 0v10.666667z m-721.066667 208.64H469.333333c-4.693333 9.813333-10.666667 21.333333-17.92 33.706666l75.52 11.093334q8.106667-20.266667 16.64-44.8H802.133333l1.28-116.053334H733.866667v59.306667H287.146667v-62.293333H217.6z m130.133333-398.506667v-31.146667h-69.12V474.88h200.106667v48.64h70.826667v-48.64h202.24v-298.666667H682.666667V204.8h-133.12v-117.76h-70.826667V204.8zM347.733333 417.28h130.56v-51.2H347.733333zM549.546667 311.466667h132.693333v-50.346667h-132.693333zM347.733333 311.466667h130.56v-50.346667H347.733333zM549.546667 417.28h132.693333v-51.2h-132.693333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="naotu" unicode="&#58939;" d="M643.84 745.173333v-67.2h-101.333333a56.32 56.32 0 0 1-60.586667-50.773333v-218.24h-101.333333v94.293333a37.546667 37.546667 0 0 1-40.533334 33.493334H157.866667a37.12 37.12 0 0 1-40.533334-33.493334v-238.506666a37.546667 37.546667 0 0 1 40.533334-33.493334h181.76a37.12 37.12 0 0 1 40.533333 33.493334V341.333333h101.76v-217.813333a56.32 56.32 0 0 1 60.586667-50.56h101.333333v-50.133333a37.546667 37.546667 0 0 1 40.533333-33.493334h181.76a37.12 37.12 0 0 1 40.533334 33.493334v151.04a37.973333 37.973333 0 0 1-40.533334 33.92h-181.76a37.333333 37.333333 0 0 1-40.533333-33.92v-50.346667h-101.333333V341.333333h101.333333v-33.493333a37.546667 37.546667 0 0 1 40.533333-33.493333h181.76a37.12 37.12 0 0 1 40.533334 33.493333v151.68a37.546667 37.546667 0 0 1-40.533334 33.493333h-181.76a37.12 37.12 0 0 1-40.533333-33.493333v-50.133333h-101.333333V627.626667h101.333333v-33.493334a37.546667 37.546667 0 0 1 40.533333-33.493333h181.76a37.333333 37.333333 0 0 1 40.533334 33.493333V745.173333a37.546667 37.546667 0 0 1-40.533334 33.493334h-181.76a36.906667 36.906667 0 0 1-40.533333-33.493334"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shenhe" unicode="&#58940;" d="M938.666667 394.666667a426.666667 426.666667 0 0 1-853.333334 0v-10.666667a426.666667 426.666667 0 0 1 853.333334 0v10.666667z m-721.066667 208.64H469.333333c-4.693333 9.813333-10.666667 21.333333-17.92 33.706666l75.52 11.093334q8.106667-20.266667 16.64-44.8H802.133333l1.28-116.053334H733.866667v59.306667H287.146667v-62.293333H217.6z m130.133333-398.506667v-31.146667h-69.12V474.88h200.106667v48.64h70.826667v-48.64h202.24v-298.666667H682.666667V204.8h-133.12v-117.76h-70.826667V204.8zM347.733333 417.28h130.56v-51.2H347.733333zM549.546667 311.466667h132.693333v-50.346667h-132.693333zM347.733333 311.466667h130.56v-50.346667H347.733333zM549.546667 417.28h132.693333v-51.2h-132.693333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bianji_1" unicode="&#58941;" d="M237.653333 109.653333V658.346667H512A54.826667 54.826667 0 0 1 512 768H182.826667A54.826667 54.826667 0 0 1 128 713.173333v-658.346666A54.826667 54.826667 0 0 1 182.826667 0h658.346666A54.826667 54.826667 0 0 1 896 54.826667v384a54.826667 54.826667 0 0 1-109.653333 0v-329.173334zM535.04 329.386667l329.173333 328.96a54.826667 54.826667 0 1 1-76.373333 78.933333l-1.28-1.28-329.173333-329.173333a54.826667 54.826667 0 0 1 77.653333-77.44z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jingzongxinxi" unicode="&#58937;" d="M512 691.626667h308.48a270.933333 270.933333 0 0 0 34.773333-1.493334C910.72 682.666667 938.666667 652.586667 938.666667 597.333333v-417.706666a96.426667 96.426667 0 0 0-100.693334-102.186667H185.173333A92.586667 92.586667 0 0 0 85.333333 175.573333V591.36c0 67.2 33.706667 99.84 101.12 100.266667h324.48z m-93.866667-473.386667c0 27.52 1.28 52.906667 0 77.866667a65.493333 65.493333 0 0 1-57.173333 62.08 829.013333 829.013333 0 0 1-121.813333 0 57.813333 57.813333 0 0 1-54.186667-48.64 725.333333 725.333333 0 0 1-5.12-91.733334z m-46.506666 263.04a72.533333 72.533333 0 0 1-144.853334 0 72.533333 72.533333 0 1 1 144.853334 0z m317.013333-142.933333h112.64c21.333333 0 32 8.533333 32.853333 24.96s-8.746667 28.586667-31.146666 28.8q-113.493333 1.28-227.2 0c-21.333333 0-31.573333-11.093333-30.72-29.226667s10.666667-24.32 32.853333-24.533333z m0-97.493334h112.426667c21.333333 0 32.213333 8.96 32.64 24.96s-10.88 27.306667-30.933334 27.52H573.866667a29.013333 29.013333 0 0 1-21.333334-8.32c-4.693333-7.253333-9.173333-21.333333-5.76-25.813333a38.826667 38.826667 0 0 1 26.453334-17.28c38.186667-1.92 76.373333 0 114.56 0z m40.96 194.133334h71.466667c21.333333 0 32.853333 10.24 32.426666 25.386666 0 20.053333-15.573333 24.746667-30.72 24.96q-74.453333 1.28-149.333333 0c-19.2 0-31.573333-12.373333-29.44-26.24 2.346667-17.92 14.933333-24.32 31.786667-24.106666z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="chaxun" unicode="&#58936;" d="M485.52335 832.8l379.464-171.638c35.093-15.873 50.672-57.184 34.796-92.272a69.735 69.735 0 0 0-34.796-34.79L485.52335 362.46a69.748 69.748 0 0 0-57.49 0L48.56735 534.1c-35.093 15.873-50.672 57.185-34.796 92.274a69.735 69.735 0 0 0 34.796 34.79L428.03235 832.803a69.752 69.752 0 0 0 57.491-0.001z m192.555-814.212L491.50835-65.8a69.748 69.748 0 0 0-57.492 0L54.55235 105.837C19.46035 121.71 3.88035 163.022 19.75635 198.111a69.735 69.735 0 0 0 34.796 34.79l13.704 6.199 365.76-165.44a69.748 69.748 0 0 1 57.491 0l110.943 50.182c11.7-48.192 38.82-84.809 75.628-105.254z m-80.58 188.747l-119.53-54.066a69.748 69.748 0 0 0-57.49 0L41.01235 324.908C5.92035 340.78-9.65965 382.093 6.21735 417.18a69.735 69.735 0 0 0 34.796 34.79l17.482 7.908 369.537-167.147a69.748 69.748 0 0 1 57.491 0l178.446 80.714c-36.088-48.426-60.504-107.004-66.47-166.111z m276.445-33.279c27.256 27.256 27.256 71.448 0 98.706-27.258 27.256-71.449 27.256-98.706 0-27.257-27.258-27.257-71.448 0-98.706 27.256-27.257 71.448-27.257 98.706 0z m21.566-70.918c-53.53-31.615-123.63-24.426-169.624 21.566-54.513 54.514-54.513 142.897 0 197.41 54.514 54.514 142.896 54.514 197.41 0 45.992-45.992 53.181-116.094 21.566-169.623l77.14-77.139L972.64635 26l-77.138 77.138z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zonghedangan" unicode="&#58934;" d="M507.932 702.542c108.357 0.008 216.696 0.057 325.054-0.064 12.237-0.01 24.603-0.107 36.707-1.693 58.394-7.66 87.22-39.503 87.392-98.416 0.449-146.507 0.49-293.021 0.006-439.525-0.21-63.805-42.503-107.407-106.152-107.593-228.96-0.67-457.929-0.733-686.886 0.05-63.461 0.215-103.67 40.856-104.026 104.085a38482.685 38482.685 0 0 0-0.02 437.474c0.397 70.855 35.476 105.127 106.531 105.515 113.797 0.615 227.6 0.162 341.394 0.167zM409.13 204.298c0 28.98 1.344 55.543-0.342 81.91-2.105 32.913-27.509 62.817-60.2 65.366-42.536 3.312-85.672 3.356-128.242 0.382-29.44-2.056-51.807-22.17-56.943-51.081-5.596-31.45-3.895-64.201-5.381-96.577H409.13zM360.67 481.084c-0.126 41.991-33.044 74.489-75.677 74.704-43.2 0.22-76.882-33.069-76.804-75.923 0.079-42.583 34.279-76.41 76.828-76.004 42.823 0.406 75.782 34.046 75.653 77.223z m296.9-179.025c39.533 0 79.053-0.215 118.583 0.088 22.771 0.167 33.585 8.801 34.427 26.186 0.919 18.962-9.2 30.121-32.603 30.336-79.722 0.753-159.473 0.762-239.19-0.094-23.163-0.245-33.182-11.672-32.306-30.745 0.798-17.573 11.119-25.565 34.558-25.707 38.837-0.24 77.686-0.064 116.53-0.064z m0.382-102.638v-0.147c39.475 0 78.95-0.274 118.426 0.103 22.68 0.221 33.942 9.402 34.223 26.329 0.272 16.764-11.374 28.768-32.448 28.93-80.293 0.622-160.598 0.396-240.894-0.249-7.426-0.064-17.825-3.306-21.489-8.702-5.102-7.511-9.863-21.374-6.237-27.239 5.415-8.75 18.02-17.678 27.996-18.184 40.054-2.024 80.268-0.84 120.423-0.84z m43.043 204.287c25.122 0 50.245-0.294 75.362 0.089 21.212 0.326 34.503 10.731 34.11 26.787-0.52 20.914-16.412 25.882-32.437 26.158a4467.327 4467.327 0 0 1-156.805-0.024c-20.174-0.363-33.188-12.916-31.12-27.547 2.666-18.825 15.735-25.54 33.488-25.487 25.802 0.077 51.604 0.02 77.402 0.024z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dengjixinxi" unicode="&#58935;" d="M512 832c51.61 0 94.669-36.66 104.55-85.35h236.8c23.552 0 42.65-19.098 42.65-42.65v-725.35c0-23.552-19.098-42.65-42.65-42.65h-682.7A42.65 42.65 0 0 0 128-21.35V704c0 23.552 19.098 42.65 42.65 42.65h236.8A106.7 106.7 0 0 0 512 832z m42.65-640h-256v-85.35h256V192z m170.7 170.65h-426.7v-85.3h426.7v85.3z m0 170.7h-426.7V448h426.7v85.35zM512 768a42.65 42.65 0 1 1 0-85.35 42.65 42.65 0 0 1 0 85.35z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jibenxinxi" unicode="&#58924;" d="M772.266667 810.666667H226.133333l-17.066666-8.533334-6.4-4.266666-4.266667-8.533334-6.4-6.4a42.666667 42.666667 0 0 1-12.8-19.2 8.533333 8.533333 0 0 1-2.133333-6.4l-4.266667-6.4v-17.066666A17.066667 17.066667 0 0 1 170.666667 725.333333v-682.666666a83.2 83.2 0 0 1 81.066666-85.333334h320v179.2a117.333333 117.333333 0 0 0 113.066667 119.466667H853.333333V725.333333a83.2 83.2 0 0 1-81.066666 85.333334z m-256-492.8h-160a32 32 0 0 0-32 32 29.866667 29.866667 0 0 0 32 32h160a32 32 0 0 0 32-32 32 32 0 0 0-32-32z m119.466666 192H356.266667a32 32 0 0 0-32 32 29.866667 29.866667 0 0 0 32 32h279.466666a29.866667 29.866667 0 0 0 32-32 32 32 0 0 0-32-32zM612.266667 136.53333299999997V-42.66666699999996L853.333333 213.33333300000004h-168.533333a76.8 76.8 0 0 1-72.533333-76.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="liandong" unicode="&#58922;" d="M876.8 279.46666700000003h-106.666667l-128 224a59.733333 59.733333 0 0 1 21.333334 44.8V729.6A59.733333 59.733333 0 0 1 603.733333 789.333333h-183.466666a59.733333 59.733333 0 0 1-59.733334-59.733333v-181.333333a59.733333 59.733333 0 0 1 21.333334-44.8l-128-224h-106.666667A61.866667 61.866667 0 0 1 85.333333 219.73333300000002v-181.333333A61.866667 61.866667 0 0 1 147.2-21.33333300000004h181.333333a61.866667 61.866667 0 0 1 61.866667 59.733333v59.733333h243.2v-59.733333a61.866667 61.866667 0 0 1 61.866667-59.733333h181.333333a61.866667 61.866667 0 0 1 61.866667 59.733333v181.333333a61.866667 61.866667 0 0 1-61.866667 59.733334z m-243.2-59.733334v-61.866666H390.4v61.866666a61.866667 61.866667 0 0 1-61.866667 59.733334h-12.8l117.333334 209.066666h157.866666l117.333334-209.066666h-12.8a61.866667 61.866667 0 0 1-61.866667-59.733334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="gongnengfuwu" unicode="&#58923;" d="M896 59.733333000000016z m-768 0z m708.266667 57.6H187.733333a59.733333 59.733333 0 1 1 0-117.333333h648.533334a59.733333 59.733333 0 1 1 0 117.333333z m0 650.666667H187.733333A57.6 57.6 0 0 1 128 708.266667v-145.066667a59.733333 59.733333 0 0 1 59.733333-59.733333h648.533334a59.733333 59.733333 0 0 1 59.733333 59.733333V708.266667A57.6 57.6 0 0 1 836.266667 768z m-503.466667-157.866667a19.2 19.2 0 0 0-19.2-19.2h-81.066667a19.2 19.2 0 0 0-17.066666 19.2V661.333333a19.2 19.2 0 0 0 17.066666 19.2h81.066667a19.2 19.2 0 0 0 19.2-19.2z m503.466667-166.4H187.733333A59.733333 59.733333 0 0 1 128 384v-147.2a57.6 57.6 0 0 1 59.733333-57.6h648.533334a57.6 57.6 0 0 1 59.733333 57.6V384a59.733333 59.733333 0 0 1-59.733333 59.733333z m-503.466667-157.866666a19.2 19.2 0 0 0-19.2-19.2h-81.066667a19.2 19.2 0 0 0-17.066666 19.2v51.2a19.2 19.2 0 0 0 17.066666 19.2h81.066667a19.2 19.2 0 0 0 19.2-19.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xinzengbuchong" unicode="&#58889;" d="M512 810.667A426.667 426.667 0 1 1 938.667 384 426.667 426.667 0 0 1 512 810.667zM715.947 344.32H551.68v-164.267a39.68 39.68 0 0 0-79.36 0V344.32H308.053a39.68 39.68 0 1 0 0 79.36H472.32V587.947a39.68 39.68 0 1 0 79.36 0V423.68h164.267a39.68 39.68 0 0 0 0-79.36z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="hecha-xiangxixuanzhong" unicode="&#58890;" d="M814.545 849.455h-605.09a93.09 93.09 0 0 1-93.091-93.091v-744.728a93.09 93.09 0 0 1 93.09-93.09h197.819a34.91 34.91 0 0 1 0 69.818H209.455a23.273 23.273 0 0 0-23.273 23.272V756.364a23.273 23.273 0 0 0 23.273 23.272h605.09a23.273 23.273 0 0 0 23.273-23.272v-384a34.91 34.91 0 0 1 34.91-34.91h3.257a93.09 93.09 0 0 1 31.651 69.819v349.09a93.09 93.09 0 0 1-93.09 93.092zM899.956-24.902a16.058 16.058 0 0 1-2.56 3.026l-56.552 56.785a160.815 160.815 0 0 1 32.349 97.28 162.91 162.91 0 1 1-85.178-143.825l59.81-59.811a16.058 16.058 0 0 1 3.026-2.56 34.21 34.21 0 0 1 21.644-7.68 35.142 35.142 0 0 1 24.669 10.24 34.444 34.444 0 0 1 2.792 46.545zM814.545 849.455h-605.09a93.09 93.09 0 0 1-93.091-93.091v-744.728a93.09 93.09 0 0 1 93.09-93.09h232.728a93.09 93.09 0 0 1 93.09 93.09 25.6 25.6 0 0 1 0 6.051l-5.817 9.542a194.327 194.327 0 0 0-20.713 49.571 206.196 206.196 0 0 0-7.447 55.156 209.455 209.455 0 0 0 252.974 205.499 200.61 200.61 0 0 0 58.88-23.273h1.396a93.09 93.09 0 0 1 93.091 93.09V756.365a93.09 93.09 0 0 1-93.09 93.09zM523.636 314.182H337.455a34.91 34.91 0 0 0 0 69.818h186.181a34.91 34.91 0 0 0 0-69.818z m139.637 209.454H337.455a34.91 34.91 0 0 0 0 69.819h325.818a34.91 34.91 0 0 0 0-69.819z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="cengjixuanzhong" unicode="&#58891;" d="M945.105 185.018l-116.363 51.898-24.67 10.939-36.537-16.291-209.455-93.091a111.942 111.942 0 0 0-46.545-9.542 113.804 113.804 0 0 0-45.382 9.309l-209.455 93.09-36.538 16.06-24.67-10.94-116.363-51.897a42.356 42.356 0 0 1 0-80.99L483.84-76.101a72.145 72.145 0 0 1 56.785 0l404.48 180.83a42.356 42.356 0 0 1 0 80.29zM947.433 439.156l-109.615 48.408L768 455.447 638.604 398.43l-80.059-35.607-8.61-3.724h-1.164a114.735 114.735 0 0 0-72.146 0h-1.396l-9.774 3.724-79.36 35.374-129.63 57.484-70.283 31.65-109.615-48.174a42.59 42.59 0 0 1 0-81.454l117.76-52.131 77.731-34.676h2.095l209.454-93.091a72.145 72.145 0 0 1 56.786 0l209.454 93.09h2.095l77.73 34.677 117.76 52.13a42.59 42.59 0 0 1 0 81.455zM76.567 581.585l109.615-48.407 8.61-3.723 17.223-7.68 25.6-11.404 37.003-16.524 129.63-57.25 79.592-35.608a72.145 72.145 0 0 1 56.785 0l79.593 35.607 129.63 57.251 37.003 16.524 25.6 11.404 17.222 7.68 8.843 3.956 108.917 48.174a42.59 42.59 0 0 1 0 81.455L540.393 843.636a72.145 72.145 0 0 1-56.786 0L76.567 663.273a42.59 42.59 0 0 1 0-81.688z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="riliriqixuanze" unicode="&#58887;" d="M867.84 774.982H736.116V791.97a36.538 36.538 0 0 1-73.076 0v-16.99H342.575v16.99a36.538 36.538 0 0 1-73.077 0v-16.99H156.16A106.59 106.59 0 0 1 46.545 672.35v-102.167h930.91V672.349A106.59 106.59 0 0 1 867.84 774.982zM46.545 44.45a97.978 97.978 0 0 1 23.273-63.07 112.64 112.64 0 0 1 86.342-39.563h711.68a106.59 106.59 0 0 1 109.615 102.633V500.364H46.545z m667.23 338.153a15.593 15.593 0 0 0 16.756 16.523h67.258a15.593 15.593 0 0 0 16.756-16.523v-66.328a15.825 15.825 0 0 0-16.756-16.523h-67.258a15.593 15.593 0 0 0-16.756 16.523z m0-209.455a15.593 15.593 0 0 0 16.756 16.524h67.258a15.593 15.593 0 0 0 16.756-16.524v-66.327a15.593 15.593 0 0 0-16.756-16.524h-67.258a15.593 15.593 0 0 0-16.756 16.524z m-168.03 209.455a15.593 15.593 0 0 0 16.757 16.523h67.258a15.593 15.593 0 0 0 16.756-16.523v-66.328a15.825 15.825 0 0 0-16.756-16.523h-67.258a15.593 15.593 0 0 0-16.757 16.523z m0-209.455a15.593 15.593 0 0 0 16.757 16.524h67.258a15.593 15.593 0 0 0 16.756-16.524v-66.327a15.593 15.593 0 0 0-16.756-16.524h-67.258a15.593 15.593 0 0 0-16.757 16.524zM377.484 382.604a15.593 15.593 0 0 0 16.756 16.523h67.258a15.593 15.593 0 0 0 16.757-16.523v-66.328a15.593 15.593 0 0 0-16.757-16.523H394.24a15.825 15.825 0 0 0-16.756 16.523z m0-209.455a15.593 15.593 0 0 0 16.756 16.524h67.258a15.593 15.593 0 0 0 16.757-16.524v-66.327a15.593 15.593 0 0 0-16.757-16.524H394.24a15.593 15.593 0 0 0-16.756 16.524z m-168.03 209.455a15.593 15.593 0 0 0 16.757 16.523h67.258a15.593 15.593 0 0 0 16.756-16.523v-66.328a15.593 15.593 0 0 0-16.756-16.523h-67.258a15.825 15.825 0 0 0-16.756 16.523z m0-209.455a15.593 15.593 0 0 0 16.757 16.524h67.258a15.593 15.593 0 0 0 16.756-16.524v-66.327a15.593 15.593 0 0 0-16.756-16.524h-67.258a15.593 15.593 0 0 0-16.756 15.826z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zidianmaxuanze" unicode="&#58888;" d="M116.364 802.91H256q23.273 0 23.273-23.274V640q0-23.273-23.273-23.273H116.364q-23.273 0-23.273 23.273V779.636q0 23.273 23.273 23.273zM907.636 802.91h-512a23.273 23.273 0 0 1-23.272-23.274V640a23.273 23.273 0 0 1 23.272-23.273h512A23.273 23.273 0 0 1 930.91 640V779.636a23.273 23.273 0 0 1-23.273 23.273zM116.364 151.273H256q23.273 0 23.273-23.273v-139.636q0-23.273-23.273-23.273H116.364q-23.273 0-23.273 23.273V128q0 23.273 23.273 23.273zM907.636 151.273h-512A23.273 23.273 0 0 1 372.364 128v-139.636a23.273 23.273 0 0 1 23.272-23.273h512a23.273 23.273 0 0 1 23.273 23.273V128a23.273 23.273 0 0 1-23.273 23.273zM116.364 477.09H256q23.273 0 23.273-23.272v-139.636q0-23.273-23.273-23.273H116.364q-23.273 0-23.273 23.273V453.818q0 23.273 23.273 23.273zM907.636 477.09h-512a23.273 23.273 0 0 1-23.272-23.272v-139.636a23.273 23.273 0 0 1 23.272-23.273h512a23.273 23.273 0 0 1 23.273 23.273V453.818a23.273 23.273 0 0 1-23.273 23.273z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="duoxuan" unicode="&#58912;" d="M792.32 704A39.893333 39.893333 0 0 0 832 664.32v-560.64A39.893333 39.893333 0 0 0 792.32 64H231.68A39.893333 39.893333 0 0 0 192 103.68V664.32A39.893333 39.893333 0 0 0 231.68 704h560.64m0 64H231.68A103.893333 103.893333 0 0 1 128 664.32v-560.64A103.893333 103.893333 0 0 1 231.68 0h560.64A103.893333 103.893333 0 0 1 896 103.68V664.32A103.893333 103.893333 0 0 1 792.32 768z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yongcai" unicode="&#58913;" d="M128 384V678.826667a87.68 87.68 0 0 0 16.64 53.546666A82.346667 82.346667 0 0 0 213.333333 768h293.12c5.12 0 6.613333-1.706667 6.613334-6.613333v-115.84c0-6.613333-3.2-6.826667-8.106667-6.826667H260.906667a3.413333 3.413333 0 0 1-3.84-3.84v-501.973333a3.626667 3.626667 0 0 1 4.053333-3.84H757.333333a31.36 31.36 0 0 0 4.48 0c3.84 0 5.12 1.706667 4.906667 5.12V375.466667c0 9.173333 0 9.173333 9.173333 9.173333h112.426667c7.466667 0 7.68 0 7.68-7.68v-290.346667a85.333333 85.333333 0 0 0-79.573333-85.333333H220.16A88.96 88.96 0 0 0 149.333333 30.293333a87.04 87.04 0 0 0-21.333333 60.373334zM760.106667 551.893333a10.88 10.88 0 0 1-6.186667-4.48L469.333333 262.4c-6.613333-6.4-6.613333-6.613333-13.226666 0-27.306667 28.373333-54.613333 56.96-82.346667 85.333333-2.986667 2.986667-2.773333 4.906667 0 7.893334L493.653333 469.333333l79.146667 74.666667 94.933333 89.6c1.706667 1.493333 4.906667 2.773333 3.84 5.12s-4.266667 0-6.4 0H597.333333c-7.68 0-7.893333 0-7.893333 7.466667V759.466667c0 7.253333 0 7.466667 7.893333 7.466666h283.946667c7.466667 0 7.68 0 7.68-7.68v-282.88c0-7.253333 0-7.466667-7.253333-7.466666H768c-7.253333 0-7.466667 0-7.466667 7.893333v75.093333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="daochu" unicode="&#58914;" d="M298.666667 512h132.906666a17.28 17.28 0 0 0 17.28-17.28v-285.44a17.28 17.28 0 0 1 17.28-17.28h93.44a17.28 17.28 0 0 1 17.28 17.28V494.72a17.28 17.28 0 0 0 17.28 17.28H725.333333a17.28 17.28 0 0 1 12.16 29.653333l-213.333333 213.333334a17.28 17.28 0 0 1-24.32 0l-213.333333-213.333334A17.28 17.28 0 0 1 298.666667 512zM864 341.333333a32 32 0 0 1-32-32V64H192V309.333333a32 32 0 0 1-64 0v-277.333333A32 32 0 0 1 160 0h704a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-32 32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiangqing" unicode="&#58915;" d="M789.333333 810.666667H224.853333l-9.6-1.706667-7.04-1.92a72.32 72.32 0 0 1-19.2-9.173333 47.36 47.36 0 0 1-5.76-4.053334 36.48 36.48 0 0 1-5.546666-4.48 50.986667 50.986667 0 0 1-4.906667-4.693333 79.573333 79.573333 0 0 1-13.866667-19.626667 50.986667 50.986667 0 0 1-2.773333-5.973333 72.96 72.96 0 0 1-2.773333-7.253333 48.853333 48.853333 0 0 1-1.493334-5.973334v-5.973333a21.333333 21.333333 0 0 1 0-5.333333A14.933333 14.933333 0 0 1 149.333333 725.333333v-682.666666a85.333333 85.333333 0 0 1 85.333334-85.333334h341.333333v178.986667A119.893333 119.893333 0 0 0 695.68 256H874.666667V725.333333a85.333333 85.333333 0 0 1-85.333334 85.333334zM516.053333 320h-170.666666a32 32 0 0 0 0 64h170.666666a32 32 0 0 0 0-64z m128 192h-298.666666a32 32 0 1 0 0 64h298.666666a32 32 0 1 0 0-64zM618.666667 136.32V-42.666667l256 256h-178.986667A77.013333 77.013333 0 0 1 618.666667 136.32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shanchu_1" unicode="&#58916;" d="M829.013333 64a55.893333 55.893333 0 0 0-77.226666 0L504.96 311.893333 258.133333 64a55.893333 55.893333 0 0 0-77.226666 0 56.746667 56.746667 0 0 0 0 77.653333l246.826666 247.68L180.906667 637.653333a56.746667 56.746667 0 0 0 0 77.653334 55.893333 55.893333 0 0 0 77.226666 0l246.826667-248.32L751.786667 715.306667a55.893333 55.893333 0 0 0 77.226666 0 56.746667 56.746667 0 0 0 0-77.653334L582.186667 389.333333l246.826666-248.106666a48.853333 48.853333 0 0 0 0-77.653334"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yixuan" unicode="&#58917;" d="M792.32 768H231.68A103.893333 103.893333 0 0 1 128 664.32v-560.64A103.893333 103.893333 0 0 1 231.68 0h560.64A103.893333 103.893333 0 0 1 896 103.68V664.32A103.893333 103.893333 0 0 1 792.32 768zM462.933333 204.16l-196.266666 196.266667 65.493333 65.28 130.773333-130.773334 228.906667 228.906667 65.493333-65.28z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tiaojie" unicode="&#58918;" d="M465.28 215.04a109.44 109.44 0 0 0 98.56-61.44h337.92a15.573333 15.573333 0 0 0 15.573333-15.36v-61.44a15.573333 15.573333 0 0 0-15.573333-15.36H563.84a109.653333 109.653333 0 0 0-145.28-50.986667 107.946667 107.946667 0 0 0-52.053333 50.986667H122.24A15.573333 15.573333 0 0 0 106.666667 76.8v61.44a15.573333 15.573333 0 0 0 15.573333 15.36h244.266667a109.44 109.44 0 0 0 98.773333 61.44zM746.666667 490.666667a109.013333 109.013333 0 0 0 98.56-61.44h57.386666a15.573333 15.573333 0 0 0 15.573334-15.36v-61.44a15.573333 15.573333 0 0 0-15.573334-15.36h-58.24a109.866667 109.866667 0 0 0-145.28-51.2 107.946667 107.946667 0 0 0-51.84 51.2H122.24a15.573333 15.573333 0 0 0-15.573333 16.213333v61.44a15.573333 15.573333 0 0 0 15.573333 15.36h525.013333A109.44 109.44 0 0 0 746.666667 490.666667zM341.333333 768a109.013333 109.013333 0 0 0 98.56-61.44h461.866667a15.573333 15.573333 0 0 0 15.573333-15.36v-61.44a15.573333 15.573333 0 0 0-15.573333-15.36H439.04a109.866667 109.866667 0 0 0-145.28-51.2 107.946667 107.946667 0 0 0-51.84 51.2H122.24a15.573333 15.573333 0 0 0-15.573333 15.36V691.2a15.573333 15.573333 0 0 0 15.573333 15.36h119.68A109.44 109.44 0 0 0 341.333333 768z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/img/sjl.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="143" viewBox="0 0 1440 143">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #d9e4ff;
+      }
+
+      .cls-2 {
+        fill: #898b9e;
+        font-size: 10px;
+      }
+
+      .cls-2, .cls-6 {
+        font-family: MicrosoftYaHei, Microsoft YaHei;
+      }
+
+      .cls-3 {
+        fill: #cfcfcf;
+      }
+
+      .cls-4 {
+        fill: #3c74fd;
+      }
+
+      .cls-5, .cls-6 {
+        fill: #333;
+      }
+
+      .cls-5, .cls-7 {
+        font-size: 13px;
+        font-family: MicrosoftYaHei-Bold, Microsoft YaHei;
+        font-weight: 700;
+      }
+
+      .cls-6 {
+        font-size: 12px;
+      }
+
+      .cls-7 {
+        fill: #0ebb15;
+      }
+    </style>
+  </defs>
+  <g id="组_1042" data-name="组 1042" transform="translate(-20 -309)">
+    <rect id="矩形_1462" data-name="矩形 1462" class="cls-1" width="1440" height="3" transform="translate(20 339)"/>
+    <text id="李警官丨20104110" class="cls-2" transform="translate(32 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所" class="cls-2" transform="translate(32 407)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_104" data-name="椭圆 104" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(32 336)"/>
+    <text id="数据采集" class="cls-5" transform="translate(32 367)"><tspan x="0" y="0">数据采集</tspan></text>
+    <text id="_2021.3.15_" data-name="2021.3.15 " class="cls-6" transform="translate(32 322)"><tspan x="0" y="0">2021.3.15 </tspan></text>
+    <text id="李警官丨20104110-2" data-name="李警官丨20104110" class="cls-2" transform="translate(169 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-2" data-name="厂桥派出所" class="cls-2" transform="translate(169 407)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_106" data-name="椭圆 106" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(169 336)"/>
+    <text id="数据上报" class="cls-5" transform="translate(169 367)"><tspan x="0" y="0">数据上报</tspan></text>
+    <text id="_2021.3.15" data-name="2021.3.15" class="cls-6" transform="translate(169 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="李警官丨20104110-3" data-name="李警官丨20104110" class="cls-2" transform="translate(306 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-3" data-name="厂桥派出所" class="cls-2" transform="translate(306 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_106-2" data-name="椭圆 106" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(306 336)"/>
+    <text id="标记命案" class="cls-5" transform="translate(306 367)"><tspan x="0" y="0">标记命案</tspan></text>
+    <text id="_2021.3.15-2" data-name="2021.3.15" class="cls-6" transform="translate(306 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="李警官丨20104110-4" data-name="李警官丨20104110" class="cls-2" transform="translate(580 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-4" data-name="厂桥派出所" class="cls-2" transform="translate(580 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_106-3" data-name="椭圆 106" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(580 336)"/>
+    <text id="立案提请审批" class="cls-5" transform="translate(580 367)"><tspan x="0" y="0">立案提请审批</tspan></text>
+    <text id="_2021.3.15-3" data-name="2021.3.15" class="cls-6" transform="translate(580 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="李警官丨20104110-5" data-name="李警官丨20104110" class="cls-2" transform="translate(717 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-5" data-name="厂桥派出所" class="cls-2" transform="translate(717 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_106-4" data-name="椭圆 106" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(717 336)"/>
+    <text id="立案审批通过" class="cls-7" transform="translate(717 367)"><tspan x="0" y="0">立案审批通过</tspan></text>
+    <text id="_2021.3.15-4" data-name="2021.3.15" class="cls-6" transform="translate(717 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="立案审批初审意见为通过_审批意见是..." data-name="立案审批初审意见为通过，审批意见是..." class="cls-6" transform="translate(717 414)"><tspan x="0" y="13">立案审批初审意见为通</tspan><tspan x="0" y="31">过，审批意见是...</tspan></text>
+    <text id="李警官丨20104110-6" data-name="李警官丨20104110" class="cls-2" transform="translate(903 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-6" data-name="厂桥派出所" class="cls-2" transform="translate(903 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_107" data-name="椭圆 107" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(903 336)"/>
+    <text id="侦查终结采集" class="cls-5" transform="translate(903 367)"><tspan x="0" y="0">侦查终结采集</tspan></text>
+    <text id="_2021.3.15-5" data-name="2021.3.15" class="cls-6" transform="translate(903 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="李警官丨20104110-7" data-name="李警官丨20104110" class="cls-2" transform="translate(443 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-7" data-name="厂桥派出所" class="cls-2" transform="translate(443 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_108" data-name="椭圆 108" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(443 336)"/>
+    <text id="立案修改" class="cls-5" transform="translate(443 367)"><tspan x="0" y="0">立案修改</tspan></text>
+    <text id="_2021.3.16" data-name="2021.3.16" class="cls-6" transform="translate(443 322)"><tspan x="0" y="0">2021.3.16</tspan></text>
+    <text id="李警官丨20104110-8" data-name="李警官丨20104110" class="cls-2" transform="translate(1040 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-8" data-name="厂桥派出所" class="cls-2" transform="translate(1040 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_109" data-name="椭圆 109" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(1040 336)"/>
+    <text id="侦查终结提请审批" class="cls-5" transform="translate(1040 367)"><tspan x="0" y="0">侦查终结提请审批</tspan></text>
+    <text id="_2021.3.15-6" data-name="2021.3.15" class="cls-6" transform="translate(1040 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="李警官丨20104110-9" data-name="李警官丨20104110" class="cls-2" transform="translate(1177 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-9" data-name="厂桥派出所" class="cls-2" transform="translate(1177 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_110" data-name="椭圆 110" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(1177 336)"/>
+    <text id="侦查终结审批" class="cls-5" transform="translate(1177 367)"><tspan x="0" y="0">侦查终结审批</tspan></text>
+    <text id="_2021.3.15-7" data-name="2021.3.15" class="cls-6" transform="translate(1177 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+    <text id="李警官丨20104110-10" data-name="李警官丨20104110" class="cls-2" transform="translate(1314 387)"><tspan x="0" y="0">李警官</tspan><tspan class="cls-3" y="0">丨</tspan><tspan y="0">20104110</tspan></text>
+    <text id="厂桥派出所-10" data-name="厂桥派出所" class="cls-2" transform="translate(1314 405)"><tspan x="0" y="0">厂桥派出所</tspan></text>
+    <circle id="椭圆_111" data-name="椭圆 111" class="cls-4" cx="4.5" cy="4.5" r="4.5" transform="translate(1314 336)"/>
+    <text id="侦查终结受限修改" class="cls-5" transform="translate(1314 367)"><tspan x="0" y="0">侦查终结受限修改</tspan></text>
+    <text id="_2021.3.15-8" data-name="2021.3.15" class="cls-6" transform="translate(1314 322)"><tspan x="0" y="0">2021.3.15</tspan></text>
+  </g>
+</svg>

src/assets/styles/iconfont copy.css

+@font-face {
+  font-family: "iconfont";
+  src: url('//at.alicdn.com/t/font_2231335_8ogj75cboau.eot?t=1619366817955');
+  /* IE9 */
+  src: url('//at.alicdn.com/t/font_2231335_8ogj75cboau.eot?t=1619366817955#iefix') format('embedded-opentype'),
+    /* IE6-IE8 */
+    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+    url('//at.alicdn.com/t/font_2231335_8ogj75cboau.woff?t=1619366817955') format('woff'),
+    url('//at.alicdn.com/t/font_2231335_8ogj75cboau.ttf?t=1619366817955') format('truetype'),
+    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    url('//at.alicdn.com/t/font_2231335_8ogj75cboau.svg?t=1619366817955#iconfont') format('svg');
+  /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconquanxianjiesuo:before {
+  content: "\e686";
+}
+
+.iconbukongjianshi:before {
+  content: "\e663";
+}
+
+.iconxialaxuanze:before {
+  content: "\e661";
+}
+
+.icontiqu:before {
+  content: "\e662";
+}
+
+.icondaohangzhankai:before {
+  content: "\e65e";
+}
+
+.iconxitonggongju:before {
+  content: "\e65f";
+}
+
+.icondaohangshouqi:before {
+  content: "\e660";
+}
+
+.iconzhankaishouqijiantou:before {
+  content: "\e65b";
+}
+
+.iconbianjiluru:before {
+  content: "\e60e";
+}
+
+.icondaoyinyiwen:before {
+  content: "\e659";
+}
+
+.iconlianjie:before {
+  content: "\e655";
+}
+
+.icondapingzhongduan:before {
+  content: "\e656";
+}
+
+.icontuichuzhuxiao:before {
+  content: "\e657";
+}
+
+.iconxiaoxitongzhi:before {
+  content: "\e658";
+}
+
+.iconrizhi:before {
+  content: "\e652";
+}
+
+.iconfangwen:before {
+  content: "\e653";
+}
+
+.icongonggongyunkong:before {
+  content: "\e654";
+}
+
+.icontongji_2:before {
+  content: "\e64e";
+}
+
+.iconziyuan:before {
+  content: "\e64f";
+}
+
+.icontongji_1:before {
+  content: "\e650";
+}
+
+.iconzhongduan:before {
+  content: "\e651";
+}
+
+.iconyunkongfuwu:before {
+  content: "\e647";
+}
+
+.iconbianji_11:before {
+  content: "\e63e";
+}
+
+.iconnaotu1:before {
+  content: "\e63f";
+}
+
+.iconshenhe1:before {
+  content: "\e640";
+}
+
+.iconnaotu:before {
+  content: "\e63b";
+}
+
+.iconshenhe:before {
+  content: "\e63c";
+}
+
+.iconbianji_1:before {
+  content: "\e63d";
+}
+
+.iconjingzongxinxi:before {
+  content: "\e639";
+}
+
+.iconchaxun:before {
+  content: "\e638";
+}
+
+.iconzonghedangan:before {
+  content: "\e636";
+}
+
+.icondengjixinxi:before {
+  content: "\e637";
+}
+
+.iconjibenxinxi:before {
+  content: "\e62c";
+}
+
+.iconliandong:before {
+  content: "\e62a";
+}
+
+.icongongnengfuwu:before {
+  content: "\e62b";
+}
+
+.iconxinzengbuchong:before {
+  content: "\e609";
+}
+
+.iconhecha-xiangxixuanzhong:before {
+  content: "\e60a";
+}
+
+.iconcengjixuanzhong:before {
+  content: "\e60b";
+}
+
+.iconriliriqixuanze:before {
+  content: "\e607";
+}
+
+.iconzidianmaxuanze:before {
+  content: "\e608";
+}
+
+.iconduoxuan:before {
+  content: "\e620";
+}
+
+.iconyongcai:before {
+  content: "\e621";
+}
+
+.icondaochu:before {
+  content: "\e622";
+}
+
+.iconxiangqing:before {
+  content: "\e623";
+}
+
+.iconshanchu_1:before {
+  content: "\e624";
+}
+
+.iconyixuan:before {
+  content: "\e625";
+}
+
+.icontiaojie:before {
+  content: "\e626";
+}
+
+@font-face {
+  font-family: "iconfont";
+  src: url('//at.alicdn.com/t/font_2231335_8ogj75cboau.eot?t=1619366817955');
+  /* IE9 */
+  src: url('//at.alicdn.com/t/font_2231335_8ogj75cboau.eot?t=1619366817955#iefix') format('embedded-opentype'),
+    /* IE6-IE8 */
+    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+    url('//at.alicdn.com/t/font_2231335_8ogj75cboau.woff?t=1619366817955') format('woff'),
+    url('//at.alicdn.com/t/font_2231335_8ogj75cboau.ttf?t=1619366817955') format('truetype'),
+    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    url('//at.alicdn.com/t/font_2231335_8ogj75cboau.svg?t=1619366817955#iconfont') format('svg');
+  /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconquanxianjiesuo:before {
+  content: "\e686";
+}
+
+.iconbukongjianshi:before {
+  content: "\e663";
+}
+
+.iconxialaxuanze:before {
+  content: "\e661";
+}
+
+.icontiqu:before {
+  content: "\e662";
+}
+
+.icondaohangzhankai:before {
+  content: "\e65e";
+}
+
+.iconxitonggongju:before {
+  content: "\e65f";
+}
+
+.icondaohangshouqi:before {
+  content: "\e660";
+}
+
+.iconzhankaishouqijiantou:before {
+  content: "\e65b";
+}
+
+.iconbianjiluru:before {
+  content: "\e60e";
+}
+
+.icondaoyinyiwen:before {
+  content: "\e659";
+}
+
+.iconlianjie:before {
+  content: "\e655";
+}
+
+.icondapingzhongduan:before {
+  content: "\e656";
+}
+
+.icontuichuzhuxiao:before {
+  content: "\e657";
+}
+
+.iconxiaoxitongzhi:before {
+  content: "\e658";
+}
+
+.iconrizhi:before {
+  content: "\e652";
+}
+
+.iconfangwen:before {
+  content: "\e653";
+}
+
+.icongonggongyunkong:before {
+  content: "\e654";
+}
+
+.icontongji_2:before {
+  content: "\e64e";
+}
+
+.iconziyuan:before {
+  content: "\e64f";
+}
+
+.icontongji_1:before {
+  content: "\e650";
+}
+
+.iconzhongduan:before {
+  content: "\e651";
+}
+
+.iconyunkongfuwu:before {
+  content: "\e647";
+}
+
+.iconbianji_11:before {
+  content: "\e63e";
+}
+
+.iconnaotu1:before {
+  content: "\e63f";
+}
+
+.iconshenhe1:before {
+  content: "\e640";
+}
+
+.iconnaotu:before {
+  content: "\e63b";
+}
+
+.iconshenhe:before {
+  content: "\e63c";
+}
+
+.iconbianji_1:before {
+  content: "\e63d";
+}
+
+.iconjingzongxinxi:before {
+  content: "\e639";
+}
+
+.iconchaxun:before {
+  content: "\e638";
+}
+
+.iconzonghedangan:before {
+  content: "\e636";
+}
+
+.icondengjixinxi:before {
+  content: "\e637";
+}
+
+.iconjibenxinxi:before {
+  content: "\e62c";
+}
+
+.iconliandong:before {
+  content: "\e62a";
+}
+
+.icongongnengfuwu:before {
+  content: "\e62b";
+}
+
+.iconxinzengbuchong:before {
+  content: "\e609";
+}
+
+.iconhecha-xiangxixuanzhong:before {
+  content: "\e60a";
+}
+
+.iconcengjixuanzhong:before {
+  content: "\e60b";
+}
+
+.iconriliriqixuanze:before {
+  content: "\e607";
+}
+
+.iconzidianmaxuanze:before {
+  content: "\e608";
+}
+
+.iconduoxuan:before {
+  content: "\e620";
+}
+
+.iconyongcai:before {
+  content: "\e621";
+}
+
+.icondaochu:before {
+  content: "\e622";
+}
+
+.iconxiangqing:before {
+  content: "\e623";
+}
+
+.iconshanchu_1:before {
+  content: "\e624";
+}
+
+.iconyixuan:before {
+  content: "\e625";
+}
+
+.icontiaojie:before {
+  content: "\e626";
+}
\ No newline at end of file

src/assets/styles/iconfont.css

+@font-face {
+  font-family: "iconfont";
+  /* Project id 2135421 */
+  src: url('//at.alicdn.com/t/font_2135421_0ct886pk3zvd.woff2?t=1620564749792') format('woff2'),
+    url('//at.alicdn.com/t/font_2135421_0ct886pk3zvd.woff?t=1620564749792') format('woff'),
+    url('//at.alicdn.com/t/font_2135421_0ct886pk3zvd.ttf?t=1620564749792') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconzhongdianchangsuo:before {
+  content: "\e693";
+}
+
+.iconwodebaogao:before {
+  content: "\e68c";
+}
+
+.icontaoludai:before {
+  content: "\e68d";
+}
+
+.iconmobanweihu:before {
+  content: "\e68e";
+}
+
+.iconbaogaoshenpi:before {
+  content: "\e68f";
+}
+
+.iconbaogaodengji:before {
+  content: "\e690";
+}
+
+.iconmobandengji:before {
+  content: "\e691";
+}
+
+.iconwanghei:before {
+  content: "\e692";
+}
+
+.iconlianshenpi:before {
+  content: "\e68b";
+}
+
+.iconzhankaishouqijiantou:before {
+  content: "\e68a";
+}
+
+.iconzhankaishouqijiantou-copy:before {
+  content: "\e6d7";
+}
+
+.iconxiansuo:before {
+  content: "\e687";
+}
+
+.iconanjian:before {
+  content: "\e688";
+}
+
+.iconrenyuan:before {
+  content: "\e689";
+}
+
+.iconquanxianjiesuo:before {
+  content: "\e686";
+}
+
+.iconxinzengtupian:before {
+  content: "\e685";
+}
+
+.iconmorentupian:before {
+  content: "\e6d6";
+}
+
+.iconyongcai:before {
+  content: "\e684";
+}
+
+.iconzhuanhuanzhuanbian:before {
+  content: "\e681";
+}
+
+.iconyibantuanhuo:before {
+  content: "\e682";
+}
+
+.iconxiaqu:before {
+  content: "\e683";
+}
+
+.iconfangwen:before {
+  content: "\e67a";
+}
+
+.iconzonghedangan:before {
+  content: "\e679";
+}
+
+.icontuanhuo:before {
+  content: "\e673";
+}
+
+.iconzuzhi:before {
+  content: "\e674";
+}
+
+.icontongji_2:before {
+  content: "\e66c";
+}
+
+.icontongji_3:before {
+  content: "\e672";
+}
+
+.iconyibanshigu_3:before {
+  content: "\e67d";
+}
+
+.icontezhongdashigu_3:before {
+  content: "\e67e";
+}
+
+.icontedashigu_3:before {
+  content: "\e67f";
+}
+
+.iconzhongdashigu_3:before {
+  content: "\e680";
+}
+
+.iconzhongdashigu_2:before {
+  content: "\e67b";
+}
+
+.iconzhongdashigu_1:before {
+  content: "\e67c";
+}
+
+.icondianwei_1:before {
+  content: "\e667";
+}
+
+.icontezhongdashigu:before {
+  content: "\e66b";
+}
+
+.icondianwei:before {
+  content: "\e66d";
+}
+
+.icontedashigu_1:before {
+  content: "\e66e";
+}
+
+.iconyibanshigu_2:before {
+  content: "\e66f";
+}
+
+.icontezhongdashigu_2:before {
+  content: "\e670";
+}
+
+.icontezhongdashigu_1:before {
+  content: "\e671";
+}
+
+.icontedashigu_2:before {
+  content: "\e678";
+}
+
+.icongongnengfuwu:before {
+  content: "\e60d";
+}
+
+.iconliandong:before {
+  content: "\e61c";
+}
+
+.icontongbaozhuanjiao1:before {
+  content: "\e668";
+}
+
+.iconxinxixuanzhong1:before {
+  content: "\e669";
+}
+
+.iconzhiling-minglingxuanzhong1:before {
+  content: "\e66a";
+}
+
+.iconfankuishenhe:before {
+  content: "\e677";
+}
+
+.iconbuchong1:before {
+  content: "\e643";
+}
+
+.iconbubanjie1:before {
+  content: "\e644";
+}
+
+.iconfankuishenhe1:before {
+  content: "\e645";
+}
+
+.icontongbaozhuanjiao_11:before {
+  content: "\e646";
+}
+
+.iconjieduanfankui:before {
+  content: "\e647";
+}
+
+.iconxiadazhiling_1:before {
+  content: "\e648";
+}
+
+.iconbanjie_11:before {
+  content: "\e649";
+}
+
+.icontongbaofankui2:before {
+  content: "\e64a";
+}
+
+.iconbanjiefankui1:before {
+  content: "\e64b";
+}
+
+.iconhecha1:before {
+  content: "\e64c";
+}
+
+.iconhechafankuishenhe_12:before {
+  content: "\e64d";
+}
+
+.iconxiansuoruku1:before {
+  content: "\e64e";
+}
+
+.iconzhilingqianshou1:before {
+  content: "\e666";
+}
+
+.iconbiaoqian:before {
+  content: "\e676";
+}
+
+.iconsousuochaxun:before {
+  content: "\e675";
+}
+
+.icondaohangmoren1:before {
+  content: "\e664";
+}
+
+.icondaohangshousuo:before {
+  content: "\e665";
+}
+
+.icontuichu2:before {
+  content: "\e663";
+}
+
+.iconyanpan:before {
+  content: "\e65f";
+}
+
+.iconxiaoxizhongxin:before {
+  content: "\e660";
+}
+
+.iconyonghu:before {
+  content: "\e661";
+}
+
+.icontongji:before {
+  content: "\e662";
+}
+
+.iconjia:before {
+  content: "\e65e";
+}
+
+.iconyisong:before {
+  content: "\e658";
+}
+
+.iconjibenxinxi:before {
+  content: "\e659";
+}
+
+.iconlianxinxi:before {
+  content: "\e65a";
+}
+
+.icongongsu:before {
+  content: "\e65b";
+}
+
+.iconpanjueshengxiao:before {
+  content: "\e65c";
+}
+
+.iconpanjue:before {
+  content: "\e65d";
+}
+
+.iconhebing:before {
+  content: "\e652";
+}
+
+.iconshanchu_2:before {
+  content: "\e653";
+}
+
+.iconshouqixiansuozu:before {
+  content: "\e654";
+}
+
+.icontishi:before {
+  content: "\e655";
+}
+
+.iconyichu:before {
+  content: "\e656";
+}
+
+.iconxiansuozu:before {
+  content: "\e657";
+}
+
+.iconshezhi1:before {
+  content: "\e64f";
+}
+
+.icondaochu:before {
+  content: "\e650";
+}
+
+.iconjianhao:before {
+  content: "\e651";
+}
+
+.iconhechafankuiduihuaxiaoxi:before {
+  content: "\e641";
+}
+
+.iconqianshou1:before {
+  content: "\e637";
+}
+
+.iconbanjie1:before {
+  content: "\e640";
+}
+
+.iconxinzengbuchong:before {
+  content: "\e642";
+}
+
+.iconxiadazhiling1:before {
+  content: "\e63e";
+}
+
+.icondanwei:before {
+  content: "\e63f";
+}
+
+.iconbanjie:before {
+  content: "\e636";
+}
+
+.icontongbaozhuanjiao:before {
+  content: "\e638";
+}
+
+.iconqianshou:before {
+  content: "\e639";
+}
+
+.iconxiansuohecha:before {
+  content: "\e63a";
+}
+
+.iconzhuanjiaofankui:before {
+  content: "\e63b";
+}
+
+.iconhechafankuishenhe:before {
+  content: "\e63c";
+}
+
+.iconxiansuobuchong:before {
+  content: "\e63d";
+}
+
+.iconriliriqixuanze:before {
+  content: "\e634";
+}
+
+.iconzidianmaxuanze:before {
+  content: "\e635";
+}
+
+.iconqingchuguanbi:before {
+  content: "\e632";
+}
+
+.iconxialakuanganniu:before {
+  content: "\e633";
+}
+
+.icontongzhi:before {
+  content: "\e630";
+}
+
+.iconzhiwen:before {
+  content: "\e631";
+}
+
+.iconbianjiluru:before {
+  content: "\e61d";
+}
+
+.iconfankuixuanzhong:before {
+  content: "\e61e";
+}
+
+.iconfujian-wenjian:before {
+  content: "\e61f";
+}
+
+.iconcengjixuanzhong:before {
+  content: "\e620";
+}
+
+.iconhecha-xiangxixuanzhong:before {
+  content: "\e621";
+}
+
+.icontuxiangxuanzhong:before {
+  content: "\e622";
+}
+
+.icontongzhixuanzhong:before {
+  content: "\e623";
+}
+
+.iconguochengxuanzhong:before {
+  content: "\e624";
+}
+
+.icontuxiang:before {
+  content: "\e625";
+}
+
+.iconxiansuo-daoyin:before {
+  content: "\e626";
+}
+
+.iconzhiling-minglingxuanzhong:before {
+  content: "\e627";
+}
+
+.iconxinzeng-tianjia:before {
+  content: "\e628";
+}
+
+.iconxinxixuanzhong:before {
+  content: "\e629";
+}
+
+.iconxiansuo-daoyinxuanzhong:before {
+  content: "\e62a";
+}
+
+.iconwanchengchenggong_1:before {
+  content: "\e62b";
+}
+
+.iconshikong-kongjian:before {
+  content: "\e62c";
+}
+
+.iconshikong-kongjianxuanzhong:before {
+  content: "\e62d";
+}
+
+.iconxinzengtianjia:before {
+  content: "\e62e";
+}
+
+.iconzhiwenxuanzhong:before {
+  content: "\e62f";
+}
+
+.iconguocheng:before {
+  content: "\e615";
+}
+
+.icondaohangcaozuo:before {
+  content: "\e617";
+}
+
+.iconfankui:before {
+  content: "\e618";
+}
+
+.iconcengji:before {
+  content: "\e619";
+}
+
+.iconxinxi:before {
+  content: "\e61a";
+}
+
+.iconhechaxiangxi:before {
+  content: "\e61b";
+}
+
+.iconfuzhicaiji:before {
+  content: "\e610";
+}
+
+.iconbianji:before {
+  content: "\e616";
+}
+
+.iconshangchuan:before {
+  content: "\e605";
+}
+
+.iconsousuo:before {
+  content: "\e606";
+}
+
+.iconwanchengchenggong:before {
+  content: "\e607";
+}
+
+.iconshanchu:before {
+  content: "\e608";
+}
+
+.iconshezhi:before {
+  content: "\e609";
+}
+
+.iconbaocun:before {
+  content: "\e60a";
+}
+
+.icondaohangshouqi:before {
+  content: "\e60b";
+}
+
+.icongengduo-xiala:before {
+  content: "\e60c";
+}
+
+.icondaohangmoren:before {
+  content: "\e60e";
+}
+
+.iconguanbi:before {
+  content: "\e60f";
+}
+
+.icontianjia:before {
+  content: "\e611";
+}
+
+.iconrili:before {
+  content: "\e612";
+}
+
+.iconshanchucuowu:before {
+  content: "\e613";
+}
+
+.iconxiazai:before {
+  content: "\e614";
+}
\ No newline at end of file

src/assets/styles/leftMenu.scss

+@import './main.scss';
+.el-submenu .el-menu-item {
+  padding: 0 !important;
+}
+.headerTitle {
+  height: 60px;
+  width: 240px;
+  background: #252733;
+  font-size: 18px;
+  color: #fff;
+  font-weight: 600;
+  line-height: 60px;
+
+  img {
+    width: 36px;
+    margin-right: 16px;
+    margin-left: 20px;
+  }
+}
+.rightContent{
+  flex: 1;
+  height: 100%;
+  overflow-y: auto;
+}
+.leftMenu{
+  width: 220px;
+  height: 100vh;
+  // background: #fff;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
+  opacity: 1;
+  font-size: $ns-font-size-sm;
+  .iconfont{margin-right:18px;margin-left:7px;}
+  /deep/ .el-submenu ul>li{background-color: #1C1D27 !important;}
+  /deep/  .el-menu  /deep/ .el-submenu__title:hover{background-color: #2F313D !important;}
+  /deep/ .el-menu-item.is-active{
+    background-color: #2F313D !important;border-left:3px solid #3670FF;color:#fff;
+    i{
+      color:#2962FF;
+    }
+  }
+  /deep/ .el-menu-item,/deep/ .el-submenu{border-left:3px solid transparent;}
+  /deep/ .el-menu-item,/deep/  .el-submenu__title{height:52px;line-height: 52px;}
+  /deep/ .el-divider--horizontal{
+    width: 70%;
+    margin: 10px 0 10px 30px;
+    background-color: #12131B;
+  }
+  /deep/ .el-scrollbar {
+    .el-scrollbar__wrap {
+      overflow-x: hidden;
+      .el-scrollbar__view{
+        height: 100%;
+      }
+      .el-menu{
+        /*margin-top:10px;*/
+        width:100%;
+        height:100%;
+        .el-submenu:not(.is-opened){
+          .el-submenu__icon-arrow{
+            transform: rotateZ(-90deg);
+          }
+        }
+        .el-submenu.is-opened{
+          .el-submenu__icon-arrow{
+            transform: rotateZ(180deg);
+          }
+        }
+        .el-menu-item.is-active{
+          color:$base-color;
+          /*background:$-left-active-background !important;*/
+          font-weight:bold;
+          /*border-right:$-left-active-background-border;*/
+        }
+        .el-menu-item,.el-submenu__title{font-size: $ns-font-size-sm;}
+        /*/deep/ .el-submenu__title:hover{
+          background-color:#ecf5ff !important;
+        }*/
+        .el-menu.el-menu--inline li{padding-left:59px !important;}
+        .el-submenu__icon-arrow{font-size:15px;}
+    
+      }
+    }
+  }
+
+}

src/assets/styles/login.scss

+#home{
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  background-image: url(../../assets/img/login/bg1.png);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  z-index: 100;
+}
+.common-lay .el-main{
+  line-height: 0px;
+}
+.el-input-div /deep/ .el-input__inner{
+  padding: 0 33px;
+}
+.loginBtn /deep/ .el-button{
+  border: none;
+}
+.inputs /deep/ input{
+  height: 44px;
+  background: rgba(255,255,255,1) !important;
+}
+.el-input input:-webkit-autofill {
+  //-webkit-text-fill-color: #01cfff !important;
+  //background-color: #fff;
+
+}

src/assets/styles/main.scss

-// 参考文档：https://element.faas.ele.me/#/zh-CN/component/color#fu-zhu-se
+/*参考文档：https://element.faas.ele.me/#/zh-CN/component/color#fu-zhu-se*/
 
-//主色调，红色：#FF0036，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B,element UI：#409eff
-$base-color: #ff547b;
-$base-color-success: #4caf50;
-$base-color-warning: #e6a23c;
-$base-color-danger: #f56c6c;
-$base-color-info: #909399;
+/*
+主色调，蓝色：#1AB1E1，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B,element UI：#409eff
+*/
 
+$base-color: #126CE4;
+$base-black-color:#252733;
+$base-color-success: #0BD9B6;
+$base-color-warning: #F56C6C;
+$base-color-info: #FE9200;
+$body-bg: #EFEFEF;
+$delete-color:#F56C6C;
 /* 文字基本颜色 */
-$ns-text-color-black: #303133; //基本色
-
+$ns-text-color: #333333;
+/*基本色*/
+$ns-text-color2:#8C97A0;
+$ns-text-color3:#999;
 /* 文字尺寸 */
 $ns-font-size-sm: 12px;
 $ns-font-size-base: 14px;
 $ns-font-size-lg: 16px;
+$ns-font-size-tab-title: 24px;
+$ns-font-size-title: 30px;
+/*头部*/
+$header-height:52px;
+$header-fontSize:18px;
+/*区域宽度*/
+$wrap-width:1400px;
+$title-color:#69ABE9;
+$border-bg:#409EFF;
+$-left-active-background:rgba(64, 158, 255, 0.08); //左侧选中及hover背景色
+$-left-active-background-border:6px solid #409EFF; //左侧选中及hover背景右侧边框
+$-btn-blue:#0070F4;
 
-$width: 1210px;
+body {
+  line-height: 1.8;
+  font-family: 'Microsoft YaHei';
+  background-color: $body-bg;
+  font-size: $ns-font-size-sm;
+  color: $ns-text-color;
+}
 
-// 小
-.ns-font-size-sm {
-	font-size: $ns-font-size-sm;
+#nprogress .bar {
+  background: $base-color !important;
+  /*自定义颜色*/
 }
 
-// 标准
-.ns-font-size-base {
-	font-size: $ns-font-size-base;
+/*input框  字典图标hover   删除图标hover start  已选条件得标签删除图标大小*/
+.iconzidianmaxuanze:hover {
+  color: #70747c;
 }
 
-// 标准
-.ns-font-size-lg {
-	font-size: $ns-font-size-lg;
+.el-input .el-input__clear {
+  font-size: 16px;
 }
 
-//文字颜色
-.ns-text-color {
-	color: $base-color !important;
+.el-input .el-input__clear:hover {
+  color: red;
 }
 
-.ns-text-color-black {
-	color: $ns-text-color-black !important;
+.el-tag .el-icon-close {
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
 }
 
-//边框
-.ns-border-color {
-	border-color: $base-color !important;
+.el-tag .el-tag__close {
+  font-size: 18px;
 }
 
-//背景色
-.ns-bg-color {
-	background-color: $base-color !important;
+/*input框  字典图标hover   删除图标hover end*/
+/*分页显示多少条自定义位置 formWrap必须是父级容器 start*/
+.formWrap {
+  position: relative;
 }
 
-body {
-	line-height: 1.8;
-	font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
-	background-color: #f7f7f7;
-	font-size: $ns-font-size-base;
-	color: $ns-text-color-black;
+.el-input {
+  .el-icon-arrow-up {
+    font-family: "iconfont" !important;
+    font-size: 14px;
+    font-style: normal;
+    line-height: 36px;
+    color: #79838b;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .el-icon-arrow-up::before {
+    content: "\e635";
+  }
+
 }
-#nprogress .bar {
-	background: $base-color !important; //自定义颜色
+
+/*/deep/ .el-pagination__sizes{
+  position:absolute;
+  top:20px;
+  right:251px;
+}*/
+/deep/ .el-pagination__sizes /deep/ .el-input__inner {
+  height: 28px;
+  line-height: 28px;
+  border: 1px solid #CFCFCF;
+}
+
+/deep/ .el-date-editor /deep/ .el-range__icon {
+  position: absolute;
+  right: 0px;
+  top: 2px;
+  line-height: 32px;
+}
+
+/deep/ .el-icon-date:before {
+  content: "\e607";
+}
+
+/deep/ .el-date-editor /deep/ .el-range__close-icon {
+  margin-top: -3px !important;
+  margin-right: 8px !important;
+  line-height: 36px !important;
+}
+
+/deep/ .el-form /deep/ .el-select {
+  width: 100%;
+}
+
+/deep/ .el-dialog__header {
+  padding-left: 24px !important;
+}
+
+/deep/ .el-dialog__footer {
+  padding: 0px 10px 10px !important;
+}
+
+/deep/ .el-dialog__body {
+  padding: 0 10px !important;
+}
+
+/deep/ .el-input__suffix {
+  right: 1px !important;
+}
+
+/*.el-table td.is-hidden>*{
+	visibility: inherit;
+}*/
+/deep/ .el-date-editor /deep/ .el-range-input {
+  text-align: left;
+}
+
+.leftMenu /deep/.el-menu-item:hover {
+  background: rgba(64, 158, 255, 0.08) !important;
+}
+
+/*分页显示多少条自定义位置 formWrap必须是父级容器 end*/
+.content {
+  width: 100%;
+  height: calc(100vh - 60px);
+  overflow: hidden;
+  display: flex;
+}
+
+.color1 {
+  color: $base-color;
+}
+
+.pointer {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.inherit {
+  color: #606266;
+  cursor: inherit;
+}
+
+.back {
+  line-height: 17px;
+  margin-left: 13px;
+  font-size: 15px;
+  font-weight: 600;
+  position: relative;
+  top: -6px;
+}
+
+.back span {
+  cursor: pointer;
+}
+
+.color2,
+.zdyLxTag:hover {
+  color: #333;
 }
 
+.zdy_back_btn {
+  width: 120px;
+  height: 36px;
+  font-size: 14px;
+}
+
+.zdyLxTag {
+  display: inline-block;
+  padding: 0 6px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  background: #ebebeb;
+  border-radius: 2px;
+  margin: 2px 0;
+}
+
+/*svg图标通用样式 start*/
+.alSvgIcon {
+  width: 1em;
+  height: 1em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.menuIcon {
+  font-size: 19px;
+  vertical-align: middle;
+  position: relative;
+  top: -2px;
+  cursor: pointer;
+}
+
+.menuIcon29 {
+  font-size: 29px;
+  margin-right: 12px;
+}
+
+/*svg图标通用样式 end*/
 html,
 body,
 dl,
@@ -76,9 +244,10 @@ h4,
 h5,
 h6,
 p {
-	margin: 0;
-	padding: 0;
+  margin: 0;
+  padding: 0;
 }
+
 article,
 aside,
 details,
@@ -90,42 +259,354 @@ hgroup,
 menu,
 nav,
 section {
-	display: block;
+  display: block;
 }
+
 ol,
 ul,
 li {
-	list-style: none;
+  list-style: none;
 }
+
 i,
 em {
-	font-style: normal;
+  font-style: normal;
+}
+
+body {
+  background: $body-bg;
 }
 
-// 去掉a标签的默认样式
+/*去掉a标签的默认样式*/
 a {
-	text-decoration: none;
-	color: $ns-text-color-black;
-	&:hover {
-		color: $base-color;
-	}
+  text-decoration: none;
+  color: $ns-text-color;
+
+  &:hover {
+    color: $base-color;
+  }
+}
+
+.ar {
+  text-align: right;
+}
+
+.ac {
+  text-align: center;
+}
+
+.al {
+  text-align: left;
 }
 
 .el-main {
-	border-top: solid 1px #f2f2f2;
-	overflow: initial;
-	width: $width;
-	margin: 0 auto;
-	padding: 0;
+  border-top: solid 1px #f2f2f2;
+  overflow: initial;
+  background-color: #fff;
+  padding: 0;
 }
 
 img {
-	border-style: none;
-	max-width: 100%;
-	vertical-align: middle;
+  border-style: none;
+  max-width: 100%;
+  vertical-align: middle;
 }
 
-// 居中
+.overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.width120 {
+  max-width: 120px;
+}
+
+.inline {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+/* 居中*/
 .ns-text-align {
-	text-align: center;
+  text-align: center;
+}
+
+/*表头配置面板样式*/
+/* line 99, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag {
+  width: 100%;
+  height: auto;
+}
+
+/* line 103, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag .selected-header {
+  padding: 10px;
 }
+
+/* line 105, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag .selected-header>div {
+  padding-bottom: 5px;
+  border-bottom: 1px dashed #ccc;
+}
+
+/* line 110, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag .selected-header ul div {
+  background-color: #ed4848;
+}
+
+/* line 115, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag .waiting-header {
+  padding: 10px;
+}
+
+/* line 117, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag .waiting-header>div {
+  padding-bottom: 5px;
+  border-bottom: 1px dashed #ccc;
+}
+
+/* line 122, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag ul {
+  *zoom: 1;
+  width: 100%;
+  list-style-type: none;
+  margin: 5px 0;
+  padding: 0;
+}
+
+/* line 18, ../sass/sass/mixins/_clearfix.scss */
+#set_table_panel .table-header-drag ul:before,
+#set_table_panel .table-header-drag ul:after {
+  content: " ";
+  display: table;
+}
+
+/* line 23, ../sass/sass/mixins/_clearfix.scss */
+#set_table_panel .table-header-drag ul:after {
+  clear: both;
+  overflow: hidden;
+}
+
+/* line 128, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag ul li {
+  float: left;
+  margin: 2px;
+  cursor: pointer;
+}
+
+/* line 132, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag ul li div {
+  text-align: center;
+  padding: 0 20px;
+  background-color: #39980f;
+  color: #fff;
+  height: 28px;
+  line-height: 28px;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -o-border-radius: 3px;
+  -ms-border-radius: 3px;
+}
+
+/* line 147, ../sass/sass/_queryList.scss */
+#set_table_panel .table-header-drag .tips {
+  width: auto;
+  padding: 0 10px;
+  color: #999;
+  font-size: 12px;
+}
+
+.el-dialog__header {
+  padding: 10px;
+  text-align: left;
+  border-bottom: 1px solid #ccc;
+}
+
+.el-dialog__body {
+  padding: 0 10px !important;
+}
+
+.el-button+.el-button {
+  margin: 0px;
+}
+
+/deep/ .el-pagination {
+  text-align: center;
+  margin: 4px 0;
+}
+
+.el-button {
+  margin-right: 10px !important;
+}
+
+.zdyInputCol2 {
+  .el-input {
+    width: calc((100% - 24px)/2) !important;
+  }
+}
+
+/*头部*/
+.headerT {
+  height: $header-height;
+  background: $base-black-color;
+  line-height: $header-height;
+  box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.5);
+  color: #fff;
+  font-size: $header-fontSize;
+  font-weight: 600;
+  text-indent: 60px;
+  position: fixed;
+  top: 0px;
+  width: 100%;
+  left: 0px;
+  z-index: 10;
+
+  .iconfont {
+    font-size: 25px;
+    margin-right: 12px;
+  }
+}
+
+/*头部、已选条件fixed 防止文字上浮*/
+.coverText {
+  height: 16px;
+  position: fixed;
+  top: 60px;
+  width: 100%;
+  z-index: 10;
+  background: #F1F3F6;
+}
+
+.none {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.ajxq_s,
+.ajxq_n {
+  line-height: 26px;
+  color: #999999;
+  /*overflow:hidden;
+    text-overflow:ellipsis;
+    display:-webkit-box;
+    -webkit-box-orient:vertical;
+    -webkit-line-clamp:2;*/
+}
+
+.paneDiv .el-input,
+.paneDiv .el-date-editor--daterange.el-input__inner {
+  width: calc(100% - 36px)
+}
+
+.el-table th>.cell {
+  color: #333333;
+  font-size: 14px;
+}
+
+/*用采合一*/
+.popUl {
+  width: 208px;
+  background-color: #f3f7f8;
+  border: 1px solid #bbb;
+  padding: 0 1px;
+  margin-bottom: -10px;
+  position: relative;
+  border-radius: 4px;
+  box-shadow: 3px 3px 5px #999;
+}
+
+.popUl li {
+  clear: both;
+  display: block;
+  height: 30px;
+  line-height: 30px;
+  border-top: 1px #dedede dashed;
+  padding-left: 10px;
+  margin: 2px 1px 0 1px;
+  cursor: pointer;
+  color: #444;
+}
+
+.popUl li i {
+  color: #51b1df;
+  position: relative;
+  top: 1px;
+  margin-right: 2px;
+}
+
+.popUl li a {
+  display: block;
+  color: #444;
+  margin-left: 25px;
+}
+
+.popUl li:hover {
+  background-color: #ededed;
+  font-weight: bold;
+}
+
+.popUl li:hover i {
+  font-weight: 100;
+}
+
+.popUl li:hover a {
+  color: #FF6600;
+}
+
+.popUl li .icon,
+.search_icon,
+.note_icon,
+.peer_icon,
+.associate_icon {
+  width: 16px;
+  height: 16px;
+  float: left;
+  margin-top: 6px;
+}
+
+.popUl h4 {
+  height: 26px;
+  line-height: 26px;
+  background-color: #efefef;
+  text-align: center;
+  font-size: 12px;
+  color: #333;
+}
+
+.popUl .el-radio {
+  line-height: 30px;
+}
+
+.popUl .el-radio__label {
+  padding-left: 0px;
+}
+
+/*导引*/
+div#driver-popover-item .driver-popover-footer button {
+  padding: 6px 12px !important;
+  background-color: #fff !important;
+}
+
+.driver-popover-description {
+  line-height: 28px !important;
+  margin: 4px 0 !important;
+}
+
+div#driver-popover-item {
+  min-width: 300px !important;
+}
+
+div#driver-page-overlay {
+  background: #2f2f2f !important;
+}
+
+.el-upload-list__item {
+  width: 400px;
+}
\ No newline at end of file

src/assets/styles/rightContent.scss

+@import './main.scss';
+.right-icon{
+  position: absolute;
+  right: 37px;
+  top: 13px;
+  font-size: 15px;display: inline-block;
+  color: #fff;cursor: pointer;
+  i{margin-right:5px;font-size: 20px;display: inline-block;vertical-align: middle;}
+  span{display: inline-block;vertical-align: middle;}
+}
+.rightContent{
+  flex: 1;height:100%;overflow-y: auto;
+  .green{display: inline-block;width:20px;height:20px;border-radius:50%;background: green;vertical-align: middle;}
+  .red{display: inline-block;width:20px;height:20px;border-radius:50%;background: red;vertical-align: middle;}
+  .yellow{display: inline-block;width:20px;height:20px;border-radius:50%;background: yellow;vertical-align: middle;}
+  .greenY{color:green;}
+  .blackY{color:#333;}
+  .redY{color:red;}
+  .yellowY{color:#f90;}
+  .inlineBtn{
+    display: inline-block;width:66% !important;
+    .zdycol3{width:50% !important;}
+  }
+  .inlineCxBtn{display: inline-block;width:calc(32% - 23px);}
+
+  .paneDiv {
+    background: #FFFFFF;
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
+    opacity: 1;
+    border-radius: 4px;
+    margin: 15px;
+    padding: 0 20px;
+    padding-bottom:14px;
+    position: relative;
+    .border{
+      display: inline-block;margin-right:8px;vertical-align: middle;
+      width: 6px;
+      position: relative;
+      top:-2px;
+      height: 20px;
+      background: #3670FF;
+      opacity: 1;
+    }
+    /deep/ .el-pagination__sizes{top:12px;right:152px;    width: 110px;}
+    .el-form{width: 98%;}
+    .total{
+      color:#999;
+      margin-left: 28px;
+      margin-right: 22px;
+      float: left;
+    }
+    .export{border: none;position: relative;top: -1px;border-radius: 4px;color:#fff;}
+    .export:nth-child(1){background: #6491FF;}
+    .export:nth-child(2){background: #F7B85B;}
+    .export:nth-child(3){background: #FF6F65;}
+    .export:nth-child(1):hover{background: #648cff;}
+    .export:nth-child(2):hover{background: #f7b658;}
+    .export:nth-child(3):hover{background: #ff6b64;}
+    .export:last-child{margin-right:-16px !important;}
+    .cx-btn{
+      width:98%;margin:10px 0 12px 0;
+
+      /* margin-right:25px;*/
+      .el-button{
+        width: 138px;
+        height: 40px;
+        padding: 0;
+        line-height: 40px;
+        font-size:14px;
+      }
+    }
+    .flTtitle{
+      font-size:16px;
+      font-weight: bold;
+      line-height: 21px;
+      color: #333333;
+      margin:16px 12px 14px 0;
+      display: inline-block;
+    }
+    .zdyInputW{
+      position: relative;
+      .absolute{position: absolute;    left: calc(100% + 10px);top: 9px;}
+    }
+    /deep/ .el-button--primary{background: #3670FF;box-shadow: 0px 4px 6px rgba(26, 129, 225, 0.12);}
+    /deep/ .el-form-item__content,/deep/ .el-form-item__label{line-height: 32px;}
+    .el-select,.el-input,.el-range-editor.el-input__inner,.zdyInputW,.el-textarea,.el-input.el-date-editor--datetime{display: inline-block;width:100%;text-align: left;line-height:32px;height:32px;vertical-align: middle;}
+    .zdycol3{display: inline-block;width:33%;}
+    .zdycol2{display: inline-block;width:33%;margin-right: 33% !important;}
+    .zdycol4{
+      display: inline-block;width:100%;margin-right: 33% !important;
+      .el-input{width:33%;}
+    }
+    .zdycol5{display: inline-block;width:33%;margin-right: 33% !important;}
+    .zdycol1{display: inline-block;width:100%;}
+    .zdycol22{display: inline-block;width:50%;}
+    .zdName{display: inline-block;width:120px;text-align: right;color:#333;}
+    .el-input.el-input--suffix.el-popover__reference,.el-input.el-input--suffix{width:100%;}
+    .input-new-tag.el-input{width:100px;}
+    .zdyInputCol2{
+      .el-input{width:calc((100% - 28px)/2);}
+    }
+    [class*="zdycol"]{margin:4px 0;}
+    .el-range-editor.el-input__inner{vertical-align: bottom;}
+    .zdyInputW2{
+      width:calc(100% + 130px);margin-left: -130px;
+      .zdyInputW{width:calc(100% - 130px) !important;}
+      .el-button {padding: 6px 14px;}
+    }
+    .el-tag {background-color: #5faeff;color:#fff;height:28px;line-height: 26px;    margin: 4px 6px;}
+    .zdyInputW>span{width:100%;display: inline-block;}
+  }
+  .paneDiv2{
+    background: #FFFFFF;
+    border: 1px solid #EAEAEA;
+    box-shadow: none;
+    opacity: 1;
+    border-radius: 8px;
+  }
+}

src/components/lazy_treeCode_components.vue

+<template>
+  <div>
+    <!--字典框  @emitValue="getLbValue"-->
+    <el-select :placeholder="curItem.placeholder"
+               v-model="curFormData[curItem.id]"
+               :class="curItem.code"
+               popper-class="zdyCodeDialog"
+               style="width:100%"
+               @clear="clearSeleted"
+               @remove-tag="removeTag"
+               :popper-append-to-body="false"
+               :multiple="curItem.multiple"
+               :disabled="curItem.disabled"
+               empty-text="请从弹框中选择数据"
+               @focus="(val, $event) => showCodeTreeDialog(val, curItem, curFormData,curItem.id)"
+               clearable>
+      <el-option v-for="item2 in codeTreeConfig.fieldItem"
+                 :key="item2.id"
+                 :label="item2.label"
+                 :value="item2.id">
+      </el-option>
+    </el-select>
+    <!--多级或多数据下拉框弹框样式-->
+    <el-dialog v-if="dialogCodeVisible"
+               custom-class="treeDialog"
+               :visible.sync="dialogCodeVisible"
+               style="z-index: 2020 !important;"
+               :close-on-click-modal="false"
+               center>
+      <div slot="title"
+           class="header-title"
+           style="text-align: left;height: 30px;font-size: 16px;font-family: Microsoft YaHei;font-weight: bold;line-height: 30px;opacity: 1;">
+        <div>{{ codeTreeConfig.title }}</div>
+      </div>
+      <el-input placeholder="输入关键字进行过滤"
+                v-model="filterText"
+                style="margin-bottom:4px;width:calc(100% - 26px) !important;    margin-left: 15px;    margin-top: 2px;">
+      </el-input>
+      <div style="width: calc(100% - 18px);height:calc(100% - 42px);overflow-y:auto;border-bottom:1px solid #F2F2F2;margin-left: 7px;">
+        <el-tree :props="defaultProps"
+                 node-key="id"
+                 :filter-node-method="filterNode"
+                 ref="codeTreeDialog"
+                 :default-expanded-keys="defaultExpandedKeys"
+                 :default-checked-keys="Array.isArray(curFormData[curItem.id])?curFormData[curItem.id]:[...curFormData[curItem.id]]"
+                 @check="codeTreeNodeCheck"
+                 @check-change="handleNodeClick"
+                 :check-on-click-node="true"
+                 lazy
+                 :load="loadNode"
+                 check-strictly
+                 show-checkbox
+                 style="height: 288px;">
+        </el-tree>
+      </div>
+      <div slot="footer"
+           class="dialog-footer ar"
+           style="margin-top: 11px;">
+        <el-button @click="dialogCodeVisible = false;"
+                   style="width:120px;height:36px">取 消</el-button>
+        <el-button type="primary"
+                   @click="forSureSelectCode"
+                   style="width:120px;height:36px">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Http from "@/utils/http.js";
+import url from "@/api/base";
+export default {
+  name: "treeCode_components",
+  props: {
+    formData: Object,
+    currentItem: Object,
+    sendId: String,
+  },
+  data () {
+    return {
+      curFormData: this.formData,
+      curItem: this.currentItem,
+      defaultProps: {
+        parent: 'parentId', // 父级唯一标识
+        value: 'id', // 唯一标识
+        label: 'label', // 标签显示
+        isLeaf: 'leaf'
+        // children: 'children', // 子级
+      },
+      id: this.sendId,
+      filterText: '',
+      //多级或多数据下拉框弹框样式（数据量太多时使用这种风格 普通字典还用原来的下拉框）
+      dialogCodeVisible: false,
+      //树型字典配置
+      codeTreeConfig: {
+        //弹框标题
+        title: "案发地区划",
+        //值字段
+        nodeKey: "value",
+        //字典类型
+        codeType: "CODE_XZQH",
+        //绑定的model
+        realValue: null,
+        //当前要展示的字段
+        fieldItem: null,
+        //codeTree预设
+        props: []
+      },
+      //默认展开的节点
+      defaultExpandedKeys: [],
+    }
+
+  },
+  computed: {
+    newValue () {
+      this.getcode()
+      return this.curFormData[this.curItem.id]
+    },
+  },
+  watch: {
+    formData (val) {
+      this.curFormData = val;
+    },
+    filterText (val) {
+      this.$refs.codeTreeDialog.filter(val);
+    },
+    newValue (val) {
+      // if (val != '' && this.codeTreeConfig.fieldItem == null) {
+      if (val != '') {
+        var self = this;
+        //判断是否要回显
+        if (self.curFormData[self.curItem.id]) {
+          let parm = {
+            type: self.currentItem.codeTree,
+            id: self.curFormData[self.curItem.id],
+            grade: "prev"
+          }
+          self.doQueryRequest(parm, "/queryCodeByType").then(codeResult => {
+            var thisCodeOptions = [];
+            if (codeResult.data.success) {
+              var codRes = codeResult.data.data.data;
+              var codeArry = [];
+              var realCodeResult = [];
+              for (var j = 0; j < codRes.length; j++) {
+                var singleRow = codRes[j];
+                if (singleRow.id == val) {
+                  thisCodeOptions.push({
+                    id: singleRow.id,
+                    label: singleRow.label
+                  });
+                } else {
+                  if (singleRow.children && singleRow.children.length > 0) {
+                    var thisItem = self.getChildrenItem(val, singleRow);
+                    if (thisItem) {
+                      thisCodeOptions.push({
+                        id: thisItem.id,
+                        label: thisItem.label
+                      });
+                    }
+                  }
+                }
+              }
+              if (thisCodeOptions.length < 0) {
+                self.$emit('clearId')
+              }
+              self.codeTreeConfig.fieldItem = thisCodeOptions;
+            }
+          })
+        }
+      }
+
+    }
+  },
+  methods: {
+    getcode () {
+      var self = this
+      if (self.curFormData[self.curItem.id]) {
+        let parm = {
+          type: self.currentItem.codeTree,
+          id: self.curFormData[self.curItem.id],
+          grade: "prev"
+        }
+        self.doQueryRequest(parm, "/queryCodeByType").then(codeResult => {
+          var thisCodeOptions = [];
+          if (codeResult.data.success) {
+            var codRes = codeResult.data.data.data;
+            var codeArry = [];
+            var realCodeResult = [];
+            for (var j = 0; j < codRes.length; j++) {
+              var singleRow = codRes[j];
+              if (singleRow.id == self.curFormData[self.curItem.id]) {
+                thisCodeOptions.push({
+                  id: singleRow.id,
+                  label: singleRow.label
+                });
+              } else {
+                if (singleRow.children && singleRow.children.length > 0) {
+                  var thisItem = self.getChildrenItem(self.curFormData[self.curItem.id], singleRow);
+                  if (thisItem) {
+                    thisCodeOptions.push({
+                      id: thisItem.id,
+                      label: thisItem.label
+                    });
+                  }
+                }
+              }
+            }
+            if (thisCodeOptions.length == 0) {
+
+              self.$emit('clearId')
+            }
+            self.codeTreeConfig.fieldItem = thisCodeOptions;
+          }
+        })
+      }
+    },
+    // 搜索树状数据中的 ID
+    queryTree (tree, id) {
+      let stark = []
+      stark = stark.concat(tree)
+      while (stark.length) {
+        const temp = stark.shift()
+        if (temp[this.defaultProps.children]) {
+          stark = stark.concat(temp[this.defaultProps.children])
+        }
+        if (temp[this.defaultProps.value] === id) {
+          return temp[this.defaultProps.label]
+        }
+      }
+
+      return ''
+    },
+    //多选模式下移除tag时触发
+    removeTag (val) {
+      let self = this, label = "";
+      self.codeTreeConfig.fieldItem.splice(self.codeTreeConfig.fieldItem.findIndex(item => item.id === val), 1)
+      if (self.codeTreeConfig.fieldItem.length != 0) {
+        self.codeTreeConfig.fieldItem.forEach((item, index) => {
+          label += index == 0 ? '' + item.label : ',' + item.label;
+        })
+      } else {
+        label = "";
+      }
+      this.$emit("getDialogSeleted", label);
+    },
+    //可清空的单选模式下用户点击清空按钮时触发
+    clearSeleted () {
+      this.$emit("getDialogSeleted", "");
+    },
+    //确定选择当前用户
+    forSureSelectCode () {
+      var self = this;
+      var thisCodeOptions = [];
+      if (self.$refs.codeTreeDialog.getCheckedNodes().length != 0) {
+        if (self.curItem.multiple) {
+          self.$set(
+            self.codeTreeConfig.realFatherValue,
+            self.codeTreeConfig.realrValueKey,
+            self.$refs.codeTreeDialog.getCheckedKeys()
+          );
+          var selectedNodes = self.$refs.codeTreeDialog.getCheckedNodes();
+          for (var i = 0; i < selectedNodes.length; i++) {
+            thisCodeOptions.push({
+              id: self.$refs.codeTreeDialog.getCheckedNodes()[i].id,
+              label: self.$refs.codeTreeDialog.getCheckedNodes()[i].label
+            });
+          }
+        } else {
+          self.$set(
+            self.codeTreeConfig.realFatherValue,
+            self.codeTreeConfig.realrValueKey,
+            self.$refs.codeTreeDialog.getCheckedNodes()[0].id
+          );
+          thisCodeOptions.push({
+            id: self.$refs.codeTreeDialog.getCheckedNodes()[0].id,
+            label: self.$refs.codeTreeDialog.getCheckedNodes()[0].label
+          });
+        }
+        self.codeTreeConfig.fieldItem = thisCodeOptions;
+        if (self.codeTreeConfig.fieldItem.type == "codeTag") {
+          self.changeTags(
+            self.$refs.codeTreeDialog.getCheckedKeys(),
+            self.codeTreeConfig.fieldItem
+          );
+        }
+        self.$forceUpdate();
+        if (self.curItem.multiple) {
+          let label = '';
+          thisCodeOptions.forEach((item, index) => {
+            label += index == 0 ? '' + item.label : ',' + item.label;
+          })
+          self.$emit("getDialogSeleted", label);
+        } else {
+          self.$emit("getDialogSeleted", thisCodeOptions[0].label);
+        }
+      } else {//没有选值得情况
+        self.$set(
+          self.codeTreeConfig.realFatherValue,
+          self.codeTreeConfig.realrValueKey,
+          ""
+        );
+        self.$forceUpdate();
+        self.$emit("getDialogSeleted", "");
+      }
+
+      self.dialogCodeVisible = false;
+    },
+    //对树节点进行筛选
+    filterNode (value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1 || data.id.indexOf(value) !== -1;
+    },
+    //树节点点击事件（改为点选）
+    handleNodeClick (data, checked) {
+      var self = this;
+      if (!self.curItem.multiple) {
+        if (checked === true) {
+          self.codeTreeConfig.codeId = data.id;
+          self.$refs.codeTreeDialog.setCheckedKeys([data.id])
+        } else {
+          if (self.codeTreeConfig.codeId === data.id) {
+            self.$refs.codeTreeDialog.setCheckedKeys([])
+          }
+        }
+      }
+    },
+    //树形字典节点点击事件（用来拦截并控制单选）
+    codeTreeNodeCheck (data, checked, node) {
+      console.log(data, checked, node)
+    },
+    /**
+     * 展示字典树弹出框
+     */
+    showCodeTreeDialog (value, item, realFormLableAlign, realValueKey) {
+      var self = this;
+      //判断是否要回显
+      if (realFormLableAlign[realValueKey]) {
+        let parm = {
+          type: self.currentItem.codeTree,
+          id: realFormLableAlign[realValueKey],
+          grade: "prev"
+        }
+        self.doQueryRequest(parm, "/queryCodeByType").then(codeResult => {
+          if (codeResult.data.success) {
+            var codRes = codeResult.data.data.data;
+            var codeArry = [];
+            var realCodeResult = [];
+            for (var j = 0; j < codRes.length; j++) {
+              var singleRow = codRes[j];
+              if (singleRow.children && singleRow.children.length > 0) {
+                codeArry.push(singleRow.id);
+                self.getChildrenCode(codeArry, singleRow);
+              }
+            }
+            self.defaultExpandedKeys = codeArry;
+          }
+        })
+      }
+      if (value) {
+        self.filterText = "";
+        self.codeTreeConfig.nodeKey = "value";
+        self.codeTreeConfig.codeType = item.codeTree;
+        self.codeTreeConfig.codeId = "";
+        if (this.curFormData[this.curItem.id] == "") {
+          self.codeTreeConfig.fieldItem = item;
+        } else {
+          if (self.codeTreeConfig.fieldItem == null || self.codeTreeConfig.fieldItem.length == 0 || self.codeTreeConfig.fieldItem == '') {
+            self.codeTreeConfig.fieldItem = item;
+          }
+        }
+        self.codeTreeConfig.realFatherValue = realFormLableAlign;
+        self.codeTreeConfig.realrValueKey = realValueKey;
+        //先设置一个默认空值
+        self.codeTreeConfig.realValue = realFormLableAlign[realValueKey];
+        self.codeTreeConfig.title = item.name;
+        //延迟加载使弹框的z-index值在el-select之上
+        setTimeout(() => {
+          self.dialogCodeVisible = true;
+        }, 10);
+        if (item.codeTree == 'CODE_AJXZ_MA') {
+          if (realFormLableAlign["ajlbdm"]) {
+            self.codeTreeConfig.props = item.codeOptions.slice(0);
+            self.codeTreeConfig.props.forEach(item => {
+              if (item.id == realFormLableAlign["ajlbdm"]) {
+                self.codeTreeConfig.props = item.children;
+                return false;
+              }
+            })
+          } else {
+            self.codeTreeConfig.props = [];
+            return;
+          }
+
+        } else {
+          self.codeTreeConfig.props = item.codeOptions;
+        }
+
+      }
+    },
+    /**
+     * 懒加载节点
+     */
+    loadNode (currentNode, resolve) {
+      var self = this;
+      var cc = arguments;
+      let parm = {
+        type: self.currentItem.codeTree,
+      }
+      if (currentNode.level != 0) {
+        parm.id = currentNode.data.id;
+        parm.grade = "next"
+      }
+      self.doQueryRequest(parm, "/queryCodeByType").then(codeResult => {
+        if (codeResult.data.success) {
+          //判断是否有下级
+          codeResult.data.data.rows.forEach(realCodeItem => {
+            realCodeItem.label = realCodeItem.label + '[' + realCodeItem.id + ']'
+            if (realCodeItem.parentFlag == "true") {
+              realCodeItem.leaf = false
+            } else {
+              realCodeItem.leaf = true
+            }
+          });
+          resolve(codeResult.data.data.rows);
+        }
+      })
+    },
+    doQueryRequest (form, relurl) {/*post方法*/
+      var currentUrl = relurl ? relurl : this.cxUrl;
+      return Http({
+        url: url.BaseURL + currentUrl,
+        data: form,
+        params: form,
+        method: "get",
+        headers: {
+          'blade-auth': sessionStorage.getItem("token")
+        }
+      });
+    },
+
+    /**
+    * 获取子字典数据
+    */
+    getChildrenCode (codeArry, singleRo) {
+      var self = this;
+      singleRo.children.forEach((childrenItem) => {
+        if (childrenItem.children && childrenItem.children.length > 0) {
+          codeArry.push(childrenItem.id);
+          self.getChildrenCode(codeArry, childrenItem);
+        }
+      });
+    },
+    /**
+* 获取子字典数据item
+*/
+    getChildrenItem (orgId, singleRo) {
+      var self = this;
+      var readyToReturn;
+      singleRo.children.forEach((childrenItem) => {
+        if (childrenItem.id == orgId) {
+          readyToReturn = childrenItem;
+        } else {
+          if (childrenItem.children.length > 0) {
+            readyToReturn = self.getChildrenItem(orgId, childrenItem);
+          }
+        }
+      });
+      return readyToReturn;
+    },
+
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+/deep/ .zdyCodeDialog {
+  opacity: 0;
+}
+/deep/ .treeDialog {
+  width: 680px;
+  height: 606px;
+  background: #ffffff;
+  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
+  opacity: 1;
+  border-radius: 8px;
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  margin-top: -223px !important;
+  margin-left: -340px;
+  z-index: 100;
+
+  .el-dialog__body {
+    height: 500px;
+  }
+}
+</style>

src/components/ptCxForm_components.vue

+<template>
+  <div class="Content paneDiv paneDiv2">
+    <div class="cxtjWrap "
+         style="border-bottom: 1px solid #DDDDDD;">
+      <el-row>
+        <el-col :span="24">
+          <span class="flTtitle"><span class="border"></span>查询条件</span>
+        </el-col>
+      </el-row>
+      <el-form label-position="right"
+               label-width="140px"
+               ref="queryForm"
+               :model="formData"
+               :class="propQueryField.length < 3 ? 'inlineBtn' : ''">
+        <div class="zdyLine">
+          <el-form-item :label="item.name + ':'"
+                        v-for="item in propQueryField"
+                        :key="item.id"
+                        :prop="item.id"
+                        v-show="!item.hidden"
+                        :class="'demo-input-suffix zdycol' + item.col">
+            <!--输入框-->
+            <el-input clearable
+                      :placeholder="item.placeholder"
+                      v-model="formData[item.id]"
+                      v-if="item.type == 'text'">
+            </el-input>
+            <!--输入框-最大值与最小值-->
+            <div class="zdyInputW zdyInputCol2"
+                 v-else-if="item.type == 'zdyText'">
+              <el-input :placeholder="item.placeholder"
+                        v-model="formData[item.id]">
+              </el-input>
+              —
+              <el-input :placeholder="item.placeholder2"
+                        v-model="formData[item.id2]"
+                        style="width:calc((100% - 150)/2)">
+              </el-input>
+            </div>
+            <div class="zdyInputW zdyInputCol2"
+                 v-else-if="item.type == 'zdyDate'">
+              <el-date-picker v-model="formData[item.id]"
+                              type="date"
+                              align="right"
+                              :picker-options="item.pickerOptions"
+                              unlink-panels
+                              value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+              至
+              <el-date-picker v-model="formData[item.id2]"
+                              type="date"
+                              align="right"
+                              :picker-options="item.pickerOptions2"
+                              unlink-panels
+                              value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </div>
+            <!--下拉框-->
+            <el-select v-model="formData[item.id]"
+                       clearable
+                       :placeholder="item.placeholder"
+                       v-else-if="item.type == 'select'">
+              <el-option v-for="item3 in item.selectData"
+                         :key="item3.value"
+                         :label="item3.name"
+                         :value="item3.value">
+              </el-option>
+            </el-select>
+            <!--文本域-->
+            <el-input type="textarea"
+                      autosize
+                      resize="none"
+                      :placeholder="item.placeholder"
+                      v-model="formData[item.id]"
+                      v-else-if="item.type == 'textarea'">
+            </el-input>
+            <!--日期框 日期时间-->
+            <el-date-picker v-model="formData[item.id]"
+                            type="datetime"
+                            align="right"
+                            :picker-options="item.pickerOptions"
+                            unlink-panels
+                            suffix-icon="el-icon-date"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            v-else-if="item.type == 'datetime'">
+            </el-date-picker>
+            <!--日期框-->
+            <el-date-picker v-model="formData[item.id]"
+                            type="daterange"
+                            align="right"
+                            :picker-options="item.pickerOptions"
+                            unlink-panels
+                            range-separator="至"
+                            start-placeholder="开始日期"
+                            value-format="yyyy-MM-dd"
+                            end-placeholder="结束日期"
+                            suffix-icon="el-icon-date"
+                            v-else-if="item.type == 'date'">
+            </el-date-picker>
+            <el-date-picker v-model="formData[item.id]"
+                            type="datetimerange"
+                            align="right"
+                            :picker-options="item.pickerOptions"
+                            unlink-panels
+                            range-separator="至"
+                            start-placeholder="开始日期"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            end-placeholder="结束日期"
+                            prefix-icon="el-icon-date"
+                            v-else-if="item.type == 'datetimerange'">
+            </el-date-picker>
+            <!--多选框-->
+            <div class="zdyInputW"
+                 v-else-if="item.type == 'checkbox'">
+              <el-checkbox-group v-model="formData[item.id]"
+                                 size="small">
+                <el-checkbox v-for="item2 in item.checkboxData"
+                             :label="item2"
+                             :key="item2">{{ item2 }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </div>
+            <!--单选框-->
+            <div class="zdyInputW"
+                 v-else-if="item.type == 'radio'">
+              <el-radio-group v-model="formData[item.id]"
+                              size="small">
+                <el-radio :label="item2.val"
+                          v-for="item2 in item.radioData"
+                          :key="item2.val">{{ item2.label }}
+                </el-radio>
+              </el-radio-group>
+            </div>
+            <!--字典框  @emitValue="getLbValue"-->
+            <div class="zdyInputW"
+                 v-else-if="item.type == 'code' || item.type == 'jlCode'">
+              <select-tree v-model="formData[item.id]"
+                           :placeholder="'请选择' + item.name"
+                           :options="item.codeOptions"
+                           :sendId="item.id" />
+            </div>
+            <!--字典弹框  @emitValue="getLbValue"-->
+            <div class="zdyInputW"
+                 v-else-if="item.type == 'codeTreeDialog'">
+              <select-tree-dialog :placeholder="'请选择' + item.name"
+                                  :sendId="item.id"
+                                  :formData="formData"
+                                  :currentItem="item" />
+            </div>
+            <!--字典弹框懒加载  @emitValue="getLbValue"-->
+            <div class="zdyInputW"
+                 v-else-if="item.type == 'lazyCodeTreeDialog'">
+              <lazy-select-tree-dialog :placeholder="'请选择' + item.name"
+                                       :sendId="item.id"
+                                       :formData="formData"
+                                       :currentItem="item" />
+            </div>
+          </el-form-item>
+        </div>
+      </el-form>
+
+      <!--按钮-->
+      <div :class="
+          propQueryField.length < 3 ? 'inlineCxBtn ar cx-btn' : 'ar cx-btn'
+        ">
+        <!--
+                              <span @click="switchingConditions" class="color1 mg10"><i :class="toggleZd ? 'fa fa-angle-up fa-zdy20':'fa fa-angle-down fa-zdy20'"></i>{{toggleZd ? '收起条件':'更多条件'}}</span>
+                -->
+        <el-button type="text"
+                   size="small"
+                   @click="clearData"
+                   class="zdybtn"
+                   style="width:100px;">清空条件
+        </el-button>
+        <el-button type="primary"
+                   icon="el-icon-search"
+                   size="small"
+                   @click="doQueryBtn(true)"
+                   class="zdybtn">查询
+        </el-button>
+      </div>
+    </div>
+    <div class="">
+      <el-row style="width:98%;">
+        <el-col :span="24">
+          <span class="flTtitle"><span class="border"></span>查询结果</span>
+          <!--可配置化图标-->
+          <div style="vertical-align: middle;height:30px;line-height: 30px;text-align: right;font-size:12px;display: inline-block;width: calc(100% - 115px);">
+            <span class="total"
+                  style="vertical-align: middle">
+              共有 <span style="color: #f22;">{{ tableDataLength }}</span>
+              条查询结果，共 <span style="color: #f22;">{{tPage}}</span> 页
+            </span>
+            <div class="inline"
+                 v-if="
+                pageBszfc == 'laxxgl' ||
+                  pageBszfc == 'zczjxxgl' ||
+                  pageBszfc == 'jaxxgl' ||
+                  pageBszfc == 'jazczjxxgl' ||
+                  pageBszfc == 'cxxxgl' ||
+                  pageBszfc == 'sqmaxxgl' ||
+                  pageBszfc == 'sjjc'
+              ">
+            </div>
+            <div class="inline"
+                 v-if="pageBszfc == 'sjbc'">
+              <el-button plain
+                         class="zdybtn export"
+                         size="small"
+                         @click="export2Excel"><i class="fa fa-external-link"
+                   aria-hidden="true"
+                   style="margin-right:5px;"></i>导出案件
+              </el-button>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+
+      <!--表格-->
+      <el-table id="ajzbQuery"
+                v-loading="tableLoading"
+                element-loading-text="拼命加载中"
+                :key="key"
+                ref="itsmDataTable"
+                :data="tableData"
+                tooltip-effect="dark"
+                max-height="600"
+                style="width: 99%;margin:0 auto"
+                width="100%"
+                size="small"
+                border
+                :row-class-name="tableRowClassName">
+        <el-table-column align="center"
+                         label="操作"
+                         v-if="ifShowOperation"
+                         width="200">
+          <template slot-scope="scope">
+            <!--立案信息管理-->
+            <div v-if="pageBszfc == 'laxxgl'">
+              <div v-show="
+                  scope.row['laywsjzt'] == null ||
+                    scope.row['laywsjzt'] == '' ||
+                    scope.row['laywsjzt'] == '00' ||
+                    scope.row['laywsjzt'] == '03'
+                ">
+                <el-button type="text"
+                           size="small"
+                           @click="toXg(scope.row, 'lasxxg')">立案补充采集
+                </el-button>
+                <el-button type="text"
+                           size="small"
+                           v-show="scope.row['timeSpace'] > 10"><span style="display: inline-block;width:20px;height:20px;line-height: 20px;text-align: center;background: red;color:#fff;">{{ scope.row['timeSpace'] }}</span>
+                </el-button>
+              </div>
+              <el-button type="text"
+                         size="small"
+                         v-show="scope.row['laywsjzt'] == '01' && pageBszfc != 'laxxgl'"
+                         @click="toXg(scope.row, 'lasxxg')">立案补充采集
+              </el-button>
+              <el-button type="text"
+                         size="small"
+                         v-show="scope.row['laywsjzt'] == '02'"
+                         @click="toLasxxg(scope.row['asjbh'], 'lasxxg', 'bj')">立案受限修改
+              </el-button>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column align="center"
+                         :min-width="
+            columnTitle.width
+              ? columnTitle.width
+              : columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
+              ? '360'
+              : '160'
+          "
+                         v-for="columnTitle in propdefaultFormThead"
+                         :prop="columnTitle.prop"
+                         :key="columnTitle.label"
+                         :label="columnTitle.label">
+          <template slot-scope="scope">
+            <div v-if="
+                columnTitle.prop == 'czxxJyqk' ||
+                  columnTitle.prop == 'service_info' ||
+                  columnTitle.prop == 'bz' ||
+                  columnTitle.prop == 'function_info' ||
+                  columnTitle.prop == 'error'
+              ">
+              <div class="ajxq_s">
+                <span class="none"
+                      v-html="scope.row[columnTitle.prop]"></span><a href="javascript:void(0);"
+                   onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
+                   style="display: inline-block;width: 100%;text-align: right;color: #3692c6;font-weight:600;"
+                   id="open"
+                   v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                      scope.row[columnTitle.prop] != null
+                  ">展开</a>
+              </div>
+              <div class="ajxq_n"
+                   style="display:none;">
+                <span style="display: block;"
+                      v-html="scope.row[columnTitle.prop]"></span><a href="javascript:void(0);"
+                   onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
+                   style="float:right;color: #3692c6;font-weight:600;"
+                   id="stop"
+                   v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                      scope.row[columnTitle.prop] != null
+                  ">收起</a>
+              </div>
+            </div>
+            <div v-else-if="columnTitle.prop == 'jyaq'">
+              <div class="ajxq_s">
+                <span class="none"
+                      v-html="scope.row[columnTitle.prop]"></span><a href="javascript:void(0);"
+                   onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
+                   style="display: inline-block;width: 100%;text-align: right;color: #3692c6;font-weight:600;"
+                   id="open"
+                   v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                      scope.row[columnTitle.prop] != null
+                  ">展开</a>
+              </div>
+              <div class="ajxq_n"
+                   style="display:none;">
+                <span style="display: block;"
+                      v-html="scope.row[columnTitle.prop]"></span><a href="javascript:void(0);"
+                   onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
+                   style="float:right;color: #3692c6;font-weight:600;"
+                   id="stop"
+                   v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                      scope.row[columnTitle.prop] != null
+                  ">收起</a>
+              </div>
+            </div>
+            <div v-else
+                 v-html="scope.row[columnTitle.prop]"></div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <el-pagination background
+                     @size-change="handleSizeChange"
+                     @current-change="handleCurrentChange"
+                     :current-page.sync="currentPage1"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="page_size"
+                     layout="sizes,prev, pager, next"
+                     :total="tableDataLength"
+                     v-if="pageShow">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import SelectTree from '@c/tree_components.vue'
+import SelectTreeDialog from '@c/treeCode_components.vue'
+import LazySelectTreeDialog from '@c/lazy_treeCode_components.vue'
+import Http from '@/utils/http.js'
+import axios from 'axios'
+import url from '@/api/base'
+
+export default {
+  name: 'ptCxForm',
+  components: {
+    SelectTree,
+    SelectTreeDialog,
+    LazySelectTreeDialog
+  },
+  props: {
+    pageBs: String,
+    cxQueryField: {
+      type: Array,
+      default: () => []
+    },
+    cxDefaultFormThead: {
+      type: Array,
+      default: () => []
+    },
+    cxFormData: Object,
+    cxUrl: String,
+    header: String,
+    pageFlag: String
+  },
+  data () {
+    return {
+      tPage: null,
+      checkResult: true,
+      asjbh: '',
+      spType: '',
+      pageBszfc: this.pageBs,
+      tableLoading: true, //loading
+      currentPage1: 1, //表格页码
+      page_size: 10, //每页显示多少条
+      pageShow: true, //是否显示分页
+      formData: this.cxFormData, //查询条件form
+      propQueryField: this.cxQueryField, //查询条件
+      key: 1, //table得key
+      tableDataLength: 0, //表格总数
+      talbeBhgCount: '', // 不合格
+      talbehgCount: '', // 合格
+      tableData: [], //表格数据
+      propdefaultFormThead: this.cxDefaultFormThead, //表格表头
+      excelHeader: this.header,
+      cz: this.pageFlag
+    }
+  },
+  methods: {
+    delectByAjbh (asjbh) {
+      var self = this
+      this.$confirm('删除后不可恢复，是否删除？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+         
+           
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+    },
+    toXg (item, type) {
+      let routeData = this.$router.resolve({
+        path: '/malamodify',
+        query: { asjbh: item.asjbh, type: type}
+      })
+      window.open(routeData.href, '_blank')
+    },
+    toLasxxg (asjbh, type, type2) {
+      let routeData = this.$router.resolve({
+        path: '/malasxmodify',
+        query: { asjbh: asjbh, type: type, type2 }
+      })
+      window.open(routeData.href, '_blank')
+    },
+    closeLoading () {
+      this.tableLoading = false
+    },
+    showLoading () {
+      this.tableLoading = true
+    },
+    handleSizeChange (val) {
+      this.page_size = val
+      this.formData.rows = val
+      this.doQuery('yes')
+    },
+    clearData () {
+      let self = this
+      for (let i in self.formData) {
+        if (
+          i != 'rows' &&
+          i != 'page' &&
+          i != 'typeFlag' &&
+          i != 'unitcode' &&
+          i != 'grade' &&
+          i != 'flwssfhgpdbz'
+        ) {
+          self.formData[i] = ''
+        }
+      }
+      self.formData['rows'] = 10
+      self.formData['page'] = 1
+    },
+    formatJson (filterVal, jsonData) {
+      let arr = []
+      jsonData.map(v => {
+        let arr1 = []
+        filterVal.map(j => {
+          if (j.indexOf(',') != -1) {
+            let arr = j.split(',')
+            let data = ''
+            for (let i = 0; i <= arr.length - 1; i++) {
+              data += arr[i].split(':')[0] + ':' + v[arr[i].split(':')[1]]
+            }
+            arr1.push(data)
+          } else {
+            arr1.push(v[j])
+          }
+        })
+        arr.push(arr1)
+      })
+      return arr
+    },
+    toQueryRequest (form, cxUrl) {
+      /*post方法*/
+      return Http({
+        url: url.BaseURL + cxUrl,
+        data: JSON.parse(form),
+        method: 'post',
+        headers: {
+          'blade-auth': sessionStorage.getItem('token')
+        }
+      })
+    },
+    handleCurrentChange (val) {
+      this.currentPage1 = val
+      this.formData.page = val
+      this.doQuery('yes')
+    },
+    doQueryRequest (form, relurl) {
+      /*post方法*/
+      var currentUrl = relurl ? relurl : this.cxUrl
+      return Http({
+        url: url.BaseURL + currentUrl,
+        data: JSON.parse(form),
+        method: 'post',
+        headers: {
+          'blade-auth': sessionStorage.getItem('token')
+        }
+      })
+    },
+    tableRowClassName ({ rowIndex }) {
+      if (rowIndex % 2 == 0) {
+        return ''
+      } else {
+        return 'success-row'
+      }
+    },
+    doQueryBtn (val) {
+      if (val) {
+        this.formData.sfhgpdbz = ''
+      }
+      this.formData.page = 1
+      this.doQuery('yes')
+    },
+    doQuery (flag) {
+      this.showLoading()
+      let self = this,
+        json = {}
+      for (let i in self.formData) {
+        if (i != 'cxSj') {
+          json[i] = self.formData[i]
+        } else {
+          json[i] =
+            self.formData[i] != '' && self.formData[i] != null
+              ? self.formData[i].join(' - ')
+              : ''
+        }
+      }
+      if (flag) {
+        self.doQueryRequest(JSON.stringify(json)).then(response => {
+          if (response.data.success === true) {
+            self.tableData = response.data.data.rows
+            self.tableDataLength = response.data.data.total
+            self.tPage = Math.ceil(response.data.data.total / self.page_size)
+            self.talbeBhgCount = response.data.data.bhgCount
+            self.talbehgCount = response.data.data.hgCount
+            self.closeLoading()
+          } else {
+            /*self.$message({
+              type: "error",
+              message: response.data.message
+            });*/
+            self.closeLoading()
+          }
+        })
+      }
+    }
+  },
+  mounted () {
+    let self = this
+    /*获取字典*/
+    self.propQueryField.forEach(val => {
+      if (val.type == 'code' || val.type == 'codeTreeDialog') {
+        if (val.codeOptions.length == 0) {
+          axios
+            .get(`JsonData/${val.codeTree}.json`)
+            .then(res => {
+              self.$set(val, 'codeOptions', res.data.data.rows)
+            })
+            .catch(err => {
+              console.log(err)
+            })
+        }
+      }
+    })
+    self.doQuery('yes')
+  },
+  computed: {
+    //过滤掉重大伤亡重复人员等的操作列
+    ifShowOperation () {
+      return (
+        this.pageBszfc != 'zczjcfry' &&
+        this.pageBszfc != 'zdswxxgl' &&
+        this.pageBszfc != 'cfryIndex' &&
+        this.pageBszfc != 'jsbhgl'
+      )
+    }
+  }
+}
+</script>
+<style>
+@import url("../assets/styles/iconfont.css");
+
+.el-dialog__body {
+  padding: 10px 15px !important;
+}
+
+.rightContent .el-input__inner,
+#formCommonPage .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+  font-family: inherit;
+}
+
+.el-table__header-wrapper th,
+.el-table__header-wrapper tr {
+  background: #f4f6f7;
+}
+
+.rightContent .el-input__icon,
+#formCommonPage .el-input__icon,
+.el-input__suffix-inner {
+  line-height: 32px;
+}
+
+.rightContent .el-range-separator {
+  position: relative;
+  top: -4px;
+}
+
+.rightContent .el-textarea__inner,
+#formCommonPage .el-textarea__inner {
+  width: 100%;
+  font-family: inherit;
+}
+
+.rightContent .el-range-input,
+#formCommonPage .el-range-input {
+  vertical-align: top;
+}
+
+.rightContent .el-date-editor .el-range__close-icon {
+  margin-top: -4px;
+}
+
+.rightContent .el-form-item__error {
+  left: calc(66% - 27px);
+  top: 12px;
+}
+
+.success-row {
+  background-color: #fbf9f4 !important;
+}
+
+.Content .el-input,
+.Content .el-date-editor--daterange.el-input__inner {
+  width: 100% !important;
+}
+</style>
+<style scoped lang="scss">
+@import "../assets/styles/rightContent.scss";
+//数据质量检测弹框
+/deep/ .dataCheckDialogClass {
+  //弹框头部关闭按钮
+  .el-dialog__header {
+    height: 80px;
+    color: #fff;
+    background: url("../assets/img/bg.jpg");
+
+    .headerContend {
+      height: 100%;
+      align-items: center;
+      display: flex;
+      position: relative;
+      line-height: 82px;
+      text-align: left;
+
+      .text-ing {
+        display: inline-block;
+        margin-left: 2px;
+        width: 390px;
+      }
+
+      .btn-group {
+        position: relative;
+      }
+    }
+
+    .el-dialog__headerbtn {
+      top: 12px !important;
+      width: 18px;
+      height: 21px;
+      border: 1px solid #1899ca;
+      background: gradient(
+        linear,
+        left top,
+        left bottom,
+        from(#65a9d7),
+        to(#3e779d)
+      );
+      box-shadow: #000 0 1px 0;
+      border-top: 1px solid #96d1f8;
+      border-radius: 4px;
+
+      .el-dialog__close {
+        color: #fff !important;
+      }
+    }
+  }
+
+  //滚动条
+  .el-scrollbar {
+    .el-scrollbar__wrap {
+      overflow-x: hidden;
+    }
+
+    //折叠框
+    .el-collapse {
+      //折叠框标题
+      .collapseRowTag {
+        background: #ffb122;
+        border-radius: 10px;
+        width: 22px;
+        height: 22px;
+        color: #fff;
+        display: block;
+        float: left;
+        margin-right: 8px;
+        text-align: center;
+        font-size: 14px;
+        line-height: 22px;
+      }
+
+      //折叠框内容
+      .el-collapse-item__content {
+        .el-collapse-item__arrow {
+          transform: rotate(90deg);
+        }
+
+        .el-collapse-item__arrow.is-active {
+          transform: rotate(-90deg);
+        }
+
+        //步骤条
+        .el-steps {
+          flex-wrap: wrap;
+
+          .el-step__line {
+            opacity: 0.2;
+          }
+
+          .el-step {
+            padding-bottom: 50px;
+            //等待状态的步骤样式
+            .el-step__head.is-wait:after {
+              content: "等待扫描";
+              position: absolute;
+              top: 65px;
+              left: 0;
+              z-index: 10000;
+              width: 100px;
+              height: 25px;
+            }
+
+            //执行中状态的步骤样式
+            .el-step__head.is-process {
+              color: #449dff;
+              border-color: #449dff;
+            }
+
+            .el-step__head.is-process:before {
+              content: "";
+              position: absolute;
+              top: 0;
+              left: 0;
+              z-index: 10000;
+              width: 16px;
+              height: 44px;
+              background: url("../assets/img/scan.png");
+              animation: rotate 1.5s linear infinite;
+            }
+
+            .el-step__head.is-process:after {
+              content: "正在扫描";
+              position: absolute;
+              top: 65px;
+              left: 0;
+              z-index: 10000;
+              width: 100px;
+              height: 25px;
+            }
+
+            .el-step__main {
+              .el-step__title.is-process {
+                color: #449dff;
+              }
+            }
+
+            //结束/成功状态的步骤样式
+            .el-step__head.is-finish {
+              color: #67c23a;
+              border-color: #67c23a;
+            }
+
+            .el-step__head.is-success:after {
+              content: "合格";
+              position: absolute;
+              top: 65px;
+              left: 0;
+              z-index: 10000;
+              background: #67c23a;
+              color: #fff;
+              border-radius: 12px;
+              text-align: center;
+              width: 70px;
+              height: 25px;
+            }
+
+            .el-step__main {
+              .el-step__title.is-finish {
+                color: #67c23a;
+              }
+            }
+
+            //结束/成功状态的步骤样式
+            .el-step__head.is-error:after {
+              content: "缺失";
+              position: absolute;
+              top: 65px;
+              left: 0;
+              z-index: 10000;
+              background: #ff754f;
+              color: #fff;
+              border-radius: 12px;
+              text-align: center;
+              width: 70px;
+              height: 25px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/components/treeCode_components.vue

+<template>
+  <div style="width:100%">
+    <!--字典框  @emitValue="getLbValue"-->
+    <el-select :placeholder="curItem.placeholder"
+               v-model="curFormData[curItem.id]"
+               :class="curItem.code"
+               style="width:100%"
+               collapse-tags
+               popper-class="zdyCodeDialog"
+               @clear="clearSeleted"
+               @remove-tag="removeTag"
+               :popper-append-to-body="false"
+               :multiple="curItem.multiple"
+               :disabled="curItem.disabled"
+               empty-text="请从弹框中选择数据"
+               @visible-change="
+                (val, $event) => showCodeTreeDialog(val, curItem, curFormData,curItem.id)
+              "
+               clearable>
+      <el-option v-for="item2 in codeTreeConfig.fieldItem"
+                 :key="item2.id"
+                 :label="item2.label"
+                 :value="item2.id">
+      </el-option>
+    </el-select>
+    <!--多级或多数据下拉框弹框样式-->
+    <el-dialog v-if="dialogCodeVisible"
+               custom-class="treeDialog"
+               :visible.sync="dialogCodeVisible"
+               style="z-index: 2020 !important;"
+               :close-on-click-modal="false"
+               center>
+      <div slot="title"
+           class="header-title"
+           style="text-align: left;height: 30px;font-size: 16px;font-family: Microsoft YaHei;font-weight: bold;line-height: 30px;opacity: 1;">
+        <div>{{ codeTreeConfig.title }}</div>
+      </div>
+      <el-input placeholder="输入关键字进行过滤"
+                v-model="filterText"
+                style="margin-bottom:4px;width:calc(100% - 26px) !important;    margin-left: 15px;    margin-top: 2px;">
+      </el-input>
+      <div style="width: calc(100% - 18px);height:calc(100% - 42px);overflow-y:auto;border-bottom:1px solid #F2F2F2;margin-left: 7px;">
+        <el-tree :props="defaultProps"
+                 node-key="id"
+                 :filter-node-method="filterNode"
+                 ref="codeTreeDialog"
+                 :default-expanded-keys="[]"
+                 :default-checked-keys="Array.isArray(curFormData[curItem.id])?curFormData[curItem.id]:[...curFormData[curItem.id]]"
+                 @check="codeTreeNodeCheck"
+                 @check-change="handleNodeClick"
+                 :data="codeTreeConfig.props"
+                 :check-on-click-node="true"
+                 check-strictly
+                 show-checkbox
+                 style="height: 288px;">
+          <span class="custom-tree-node"
+                slot-scope="{ node, data }">
+            <span>{{ node.label }}[{{data.id}}]</span>
+          </span>
+        </el-tree>
+      </div>
+      <div slot="footer"
+           class="dialog-footer ar"
+           style="margin-top: 11px;">
+        <el-button @click="dialogCodeVisible = false;"
+                   style="width:120px;height:36px">取 消</el-button>
+        <el-button type="primary"
+                   @click="forSureSelectCode"
+                   style="width:120px;height:36px">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "treeCode_components",
+  props: {
+    formData: Object,
+    currentItem: Object,
+    sendId: String,
+  },
+  data() {
+    return {
+      curFormData: this.formData,
+      curItem: this.currentItem,
+      defaultProps: {
+        parent: 'parentId', // 父级唯一标识
+        value: 'id', // 唯一标识
+        label: 'label', // 标签显示
+        children: 'children' // 子级
+      },
+      id: this.sendId,
+      filterText: '',
+      //多级或多数据下拉框弹框样式（数据量太多时使用这种风格 普通字典还用原来的下拉框）
+      dialogCodeVisible: false,
+      //树型字典配置
+      codeTreeConfig: {
+        //弹框标题
+        title: "案发地区划",
+        //值字段
+        nodeKey: "value",
+        //字典类型
+        codeType: "CODE_XZQH",
+        //绑定的model
+        realValue: null,
+        //当前要展示的字段
+        fieldItem: null,
+        //codeTree预设
+        props: []
+      },
+      fdId: "",
+    }
+
+  },
+  computed: {
+    newValue() {
+      var self = this;
+      if (this.curItem.id != 'zcjddm' && this.curItem.codeOptions.length != 0) {
+        if (this.curFormData[this.curItem.id] != '') {
+          let value = this.queryTree(this.curItem.codeOptions, this.curFormData[this.curItem.id]);
+          this.codeTreeConfig.fieldItem = [];
+          this.$set(
+            this.curFormData,
+            this.curItem.id,
+            value[0] == undefined ? '' : this.curFormData[this.curItem.id]
+          );
+          if (value && value.length > 1) {
+            var label = '';
+            value.forEach((singleValue, valueIndex) => {
+              self.codeTreeConfig.fieldItem.push({
+                id: self.curFormData[this.curItem.id][valueIndex],
+                label: singleValue == undefined ? '' : singleValue
+              })
+              label += valueIndex == 0 ? '' + (singleValue == undefined ? '' : singleValue) : ',' + (singleValue == undefined ? '' : singleValue);
+            })
+            debugger
+            self.$emit("getDialogSeleted", label);
+          } else if (value && value.length == 1) {
+            var label = '';
+            value.forEach((singleValue, valueIndex) => {
+              if (Array.isArray(self.curFormData[this.curItem.id])) {
+                self.codeTreeConfig.fieldItem.push({
+                  id: self.curFormData[this.curItem.id][valueIndex],
+                  label: singleValue == undefined ? '' : singleValue
+                })
+              } else {
+                self.codeTreeConfig.fieldItem.push({
+                  id: self.curFormData[this.curItem.id],
+                  label: singleValue == undefined ? '' : singleValue
+                })
+              }
+              label += valueIndex == 0 ? '' + (singleValue == undefined ? '' : singleValue) : ',' + (singleValue == undefined ? '' : singleValue);
+            })
+            self.$emit("getDialogSeleted", label);
+          }
+        }
+      }
+
+      /*return this.curFormData[this.curItem.id]*/
+    },
+    newArr() {
+      return JSON.parse(JSON.stringify(this.curItem.codeOptions));
+    }
+  },
+  watch: {
+    newArr: {
+      handler(newValue, oldValue) {
+        var self = this
+        if (oldValue.length == 0 && this.curFormData[this.curItem.id] != "") {
+          let value = this.queryTree(newValue, this.curFormData[this.curItem.id]);
+          this.codeTreeConfig.fieldItem = [];
+          this.$set(
+            this.curFormData,
+            this.curItem.id,
+            value[0] == undefined ? '' : this.curFormData[this.curItem.id]
+          );
+          if (value && value.length > 1) {
+            value.forEach((singleValue, valueIndex) => {
+              self.codeTreeConfig.fieldItem.push({
+                id: self.curFormData[this.curItem.id][valueIndex],
+                label: singleValue == undefined ? '' : singleValue
+              })
+            })
+          } else if (value && value.length == 1) {
+            value.forEach((singleValue, valueIndex) => {
+              self.codeTreeConfig.fieldItem.push({
+                id: self.curFormData[this.curItem.id],
+                label: singleValue == undefined ? '' : singleValue
+              })
+            })
+          }
+        }
+      }
+    },
+    formData(val) {
+      this.curFormData = val;
+    },
+    filterText(val) {
+      clearTimeout(this.fdId);
+      this.fdId = setTimeout(() => {
+        this.$refs.codeTreeDialog.filter(val);
+      }, 500);
+
+    },
+    newValue(val) {
+      if (val != '') {
+        let value = this.queryTree(this.curItem.codeOptions, val)[0];
+        this.codeTreeConfig.fieldItem = [];
+        this.$set(
+          this.curFormData,
+          this.curItem.id,
+          value == undefined ? '' : val
+        );
+        this.codeTreeConfig.fieldItem.push({
+          id: val,
+          label: value == undefined ? '' : value
+        })
+      }
+
+    }
+    /*curFormData(val){
+        if(val[this.id]!=''){
+            this.codeTreeConfig.fieldItem=[];
+            var data=JSON.parse(JSON.stringify(this.curItem.codeOptions));
+            let value=this.queryTree(data, val[this.id]);
+            this.codeTreeConfig.fieldItem.push({
+                id: val[this.id],
+                label: value
+            })
+        }
+    }*/
+  },
+  methods: {
+    // 搜索树状数据中的 ID
+    queryTree(tree, id) {
+      const tmp = []; // 路径数组
+      const FindPos = (sourceTree, sourceId) => {
+        if (sourceTree.id == sourceId) {
+          tmp.push(sourceTree.label);
+          return;
+        } else {
+          if (sourceTree.children && sourceTree.children.length != 0) {
+            sourceTree.children.forEach(item => {
+              if (item.id === sourceId) {
+                // 寻找到指定的元素节点
+                tmp.push(item.label);
+                FindPos(tree, sourceTree.id); // 继续寻找上层元素的位置
+              } else {
+                // 当前继续寻找别的子项
+                FindPos(item, sourceId);
+              }
+            });
+          }
+        }
+      };
+      if (Array.isArray(id)) {
+        id.forEach(singleId => {
+          tree.forEach(item2 => {
+            FindPos(item2, singleId);
+          });
+        })
+      } else {
+        tree.forEach(item2 => {
+          FindPos(item2, id);
+        });
+      }
+      return tmp.reverse();
+    },
+    removeTag(val) {
+      let self = this, label = "";
+      self.codeTreeConfig.fieldItem.splice(self.codeTreeConfig.fieldItem.findIndex(item => item.id === val), 1)
+      if (self.codeTreeConfig.fieldItem.length != 0) {
+        self.codeTreeConfig.fieldItem.forEach((item, index) => {
+          label += index == 0 ? '' + item.label : ',' + item.label;
+        })
+      } else {
+        label = "";
+      }
+      this.$emit("getDialogSeleted", label);
+    },
+    clearSeleted() {
+      this.$emit("getDialogSeleted", "");
+    },
+    //确定选择当前用户
+    forSureSelectCode() {
+      var self = this;
+      var thisCodeOptions = [];
+      if (self.$refs.codeTreeDialog.getCheckedNodes().length != 0) {
+        if (self.curItem.multiple) {
+          self.$set(
+            self.codeTreeConfig.realFatherValue,
+            self.codeTreeConfig.realrValueKey,
+            self.$refs.codeTreeDialog.getCheckedKeys()
+          );
+          var selectedNodes = self.$refs.codeTreeDialog.getCheckedNodes();
+          for (var i = 0; i < selectedNodes.length; i++) {
+            thisCodeOptions.push({
+              id: selectedNodes[i].id,
+              label: selectedNodes[i].label
+            });
+          }
+        } else {
+          self.$set(
+            self.codeTreeConfig.realFatherValue,
+            self.codeTreeConfig.realrValueKey,
+            self.$refs.codeTreeDialog.getCheckedNodes()[0].id
+          );
+          thisCodeOptions.push({
+            id: self.$refs.codeTreeDialog.getCheckedNodes()[0].id,
+            label: self.$refs.codeTreeDialog.getCheckedNodes()[0].label
+          });
+        }
+        self.codeTreeConfig.fieldItem = thisCodeOptions;
+        if (self.codeTreeConfig.fieldItem.type == "codeTag") {
+          self.changeTags(
+            self.$refs.codeTreeDialog.getCheckedKeys(),
+            self.codeTreeConfig.fieldItem
+          );
+        }
+        self.$forceUpdate();
+        if (self.curItem.multiple) {
+          let label = '';
+          thisCodeOptions.forEach((item, index) => {
+            label += index == 0 ? '' + item.label : ',' + item.label;
+          })
+          self.$emit("getDialogSeleted", label);
+        } else {
+          self.$emit("getDialogSeleted", thisCodeOptions[0].label);
+        }
+      } else {//没有选值得情况
+        self.$set(
+          self.codeTreeConfig.realFatherValue,
+          self.codeTreeConfig.realrValueKey,
+          ""
+        );
+        self.$forceUpdate();
+        self.$emit("getDialogSeleted", "");
+      }
+
+      self.dialogCodeVisible = false;
+    },
+    filterNode(value, data) {
+      debugger
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1 || data.id.indexOf(value) !== -1;
+    },
+    handleNodeClick(data, checked) {
+      var self = this;
+      if (!self.curItem.multiple) {
+        if (checked === true) {
+          self.codeTreeConfig.codeId = data.id;
+          self.$refs.codeTreeDialog.setCheckedKeys([data.id])
+        } else {
+          if (self.codeTreeConfig.codeId === data.id) {
+            self.$refs.codeTreeDialog.setCheckedKeys([])
+          }
+        }
+      }
+    },
+    //树形字典节点点击事件（用来拦截并控制单选）
+    codeTreeNodeCheck(data, checked, node) {
+      console.log(data, checked, node)
+    },
+    /**
+     * 展示字典树弹出框
+     */
+    showCodeTreeDialog(value, item, realFormLableAlign, realValueKey) {
+      var self = this;
+      if (value) {
+        self.filterText = "";
+        self.codeTreeConfig.nodeKey = "value";
+        self.codeTreeConfig.codeType = item.codeTree;
+        self.codeTreeConfig.codeId = "";
+        if (this.curFormData[this.curItem.id] == "") {
+          self.codeTreeConfig.fieldItem = item;
+        } else {
+          if (self.codeTreeConfig.fieldItem == null || self.codeTreeConfig.fieldItem.length == 0 || self.codeTreeConfig.fieldItem == '') {
+            self.codeTreeConfig.fieldItem = item;
+          }
+        }
+
+
+        self.codeTreeConfig.realFatherValue = realFormLableAlign;
+        self.codeTreeConfig.realrValueKey = realValueKey;
+        //先设置一个默认空值
+        self.codeTreeConfig.realValue = realFormLableAlign[realValueKey];
+        self.codeTreeConfig.title = item.name;
+        //延迟加载使弹框的z-index值在el-select之上
+        setTimeout(() => {
+          self.dialogCodeVisible = true;
+        }, 10);
+        self.codeTreeConfig.props = item.codeOptions;
+
+
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+/deep/ .zdyCodeDialog {
+  opacity: 0;
+}
+/deep/ .treeDialog {
+  width: 680px;
+  height: 446px;
+  background: #ffffff;
+  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
+  opacity: 1;
+  border-radius: 8px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -223px !important;
+  margin-left: -340px;
+  z-index: 100;
+}
+</style>

src/components/tree_components.vue

+<template>
+  <el-popover
+    ref="popover"
+    placement="bottom-start"
+    trigger="click"
+    @show="onShowPopover"
+    @hide="onHidePopover"
+  >
+    <el-tree
+      ref="tree"
+      class="select-tree"
+      :style="{ 'min-width': treeWidth }"
+      highlight-current
+      :data="data"
+      :props="props"
+      :expand-on-click-node="false"
+      :filter-node-method="filterNode"
+      :default-expand-all="false"
+      @node-click="onClickNode"
+    />
+    <el-input
+      slot="reference"
+      ref="input"
+      v-model="labelModel"
+      clearable
+      @clear="clearSeleted"
+      :class="{ rotate: showStatus }"
+      :placeholder="placeholder"
+      suffix-icon="el-icon-arrow-down"
+    >
+      <!--<i slot="suffix" class="iconfont iconzidianmaxuanze"></i>-->
+    </el-input>
+  </el-popover>
+</template>
+
+<script>
+export default {
+  name: "ElSelectTree",
+  // 设置绑定参数
+  model: {
+    prop: "value",
+    event: "selected"
+  },
+  props: {
+    sendId: String,
+    // 接收绑定参数
+    value: String,
+    // 输入框宽度
+    width: String,
+    // 选项数据
+    options: {
+      type: Array,
+      required: true
+    },
+    // 输入框占位符
+    placeholder: {
+      type: String,
+      required: false,
+      default: "请选择"
+    },
+    // 树节点配置选项
+    props: {
+      type: Object,
+      required: false,
+      default: () => ({
+        parent: "parentId",
+        value: "id",
+        label: "label",
+        children: "children"
+      })
+    }
+  },
+  data() {
+    return {
+      // 树状菜单显示状态
+      showStatus: false,
+      // 菜单宽度
+      treeWidth: "auto",
+      // 输入框显示值
+      labelModel: "",
+      // 实际请求传值
+      valueModel: ""
+    };
+  },
+  computed: {
+    // 是否为树状结构数据
+    dataType() {
+      const jsonStr = JSON.stringify(this.options);
+      /*if (process.client) {*/
+      return jsonStr.indexOf(this.props.children) !== -1;
+      /* }*/
+    },
+    // 若非树状结构，则转化为树状结构数据
+    data() {
+      return this.dataType ? this.options : this.switchTree();
+    }
+  },
+  watch: {
+    labelModel(val) {
+      if (!val) {
+        this.valueModel = "";
+      }
+      /*  if (process.client) {*/
+      this.$refs.tree.filter(val);
+      this.$emit("getSeleted", this.labelModel);
+      /* }*/
+    },
+    value(val) {
+      if (this.sendId && val == "") {
+        this.$emit("emitQkValue", this.sendId, val);
+      }
+      this.labelModel = this.queryTree(this.data, val);
+      this.$emit("getSeleted", this.labelModel);
+    }
+  },
+  created() {
+    // 检测输入框原有值并显示对应 label
+    if (this.value) {
+      this.labelModel = this.queryTree(this.data, this.value);
+    }
+    // 获取输入框宽度同步至树状菜单宽度
+    this.$nextTick(() => {
+      /* if (process.client) {*/
+      this.treeWidth = `${(this.width ||
+        this.$refs.input.$refs.input.clientWidth) - 24}px`;
+      /* }*/
+    });
+  },
+  methods: {
+    clearSearchValue(){
+      this.labelModel='';
+    },
+    clearSeleted() {
+      this.$emit("getSeleted", this.labelModel);
+    },
+    // 单击节点
+    onClickNode(node) {
+      this.labelModel = node[this.props.label];
+      this.valueModel = node[this.props.value];
+      if (this.sendId) {
+        this.$emit("emitValue", this.sendId, node.id, node.parentId);
+      }
+      this.onCloseTree();
+      this.$emit("getSeleted", this.labelModel);
+    },
+    // 偏平数组转化为树状层级结构
+    switchTree() {
+      return this.cleanChildren(this.buildTree(this.options, "0"));
+    },
+    // 隐藏树状菜单
+    onCloseTree() {
+      /*if (process.client) {
+        this.$refs.popover.showPopper = false;
+      }*/
+      this.$refs.popover.showPopper = false;
+    },
+    // 显示时触发
+    onShowPopover() {
+      this.showStatus = true;
+      /*  if (process.client) {
+        this.$refs.tree.filter(false);
+      }*/
+      this.$refs.tree.filter(false);
+    },
+    // 隐藏时触发
+    onHidePopover() {
+      this.showStatus = false;
+      this.$emit("selected", this.valueModel);
+    },
+    // 树节点过滤方法
+    filterNode(query, data) {
+      if (!query) return true;
+      /*if (process.client) {*/
+      return data[this.props.label].indexOf(query) !== -1;
+      /* }*/
+    },
+    // 搜索树状数据中的 ID
+    queryTree(tree, id) {
+      let stark = [];
+      stark = stark.concat(tree);
+      /*  if (process.client) {*/
+      while (stark.length) {
+        const temp = stark.shift();
+        if (temp[this.props.children]) {
+          stark = stark.concat(temp[this.props.children]);
+        }
+        if (temp[this.props.value] === id) {
+          return temp[this.props.label];
+        }
+      }
+      /*  }*/
+
+      return "";
+    },
+    // 将一维的扁平数组转换为多层级对象
+    buildTree(data, id = "0") {
+      const fa = parentId => {
+        const temp = [];
+        /*if (process.client) {*/
+        for (let i = 0; i < data.length; i++) {
+          const n = data[i];
+          if (n[this.props.parent] === parentId) {
+            n.children = fa(n.rowGuid);
+            temp.push(n);
+          }
+        }
+        /* }*/
+
+        return temp;
+      };
+      return fa(id);
+    },
+    // 清除空 children项
+    cleanChildren(data) {
+      const fa = list => {
+        list.map(e => {
+          /*if (process.client) {*/
+          if (e.children.length) {
+            fa(e.children);
+          } else {
+            delete e.children;
+          }
+          /* }*/
+          return e;
+        });
+        return list;
+      };
+      return fa(data);
+    }
+  }
+};
+</script>
+
+<style>
+.el-input.el-input--suffix {
+  cursor: pointer;
+  overflow: hidden;
+}
+.el-input.el-input--suffix.rotate .el-input__suffix {
+  transform: rotate(180deg);
+}
+.select-tree {
+  max-height: 350px;
+  overflow-y: scroll;
+}
+/* 菜单滚动条 */
+.select-tree::-webkit-scrollbar {
+  z-index: 11;
+  width: 6px;
+}
+.select-tree::-webkit-scrollbar-track,
+.select-tree::-webkit-scrollbar-corner {
+  background: #fff;
+}
+.select-tree::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  width: 6px;
+  background: #b4bccc;
+}
+.select-tree::-webkit-scrollbar-track-piece {
+  background: #fff;
+  width: 6px;
+}
+</style>

src/router/index.js

@@ -3,6 +3,7 @@ import VueRouter from "vue-router";
 import store from "../store";
 import { getToken } from "../utils/auth";
 import { Message } from "element-ui";
+import indexRoutes from "./modules/index";
 
 const originalPush = VueRouter.prototype.push;
 VueRouter.prototype.push = function push(location) {
@@ -22,68 +23,38 @@ VueRouter.prototype.pushToTab = function pushToTab(location) {
 
 Vue.use(VueRouter);
 
-const routes = [
-  {
-    path: "/",
-    redirect: "/home"
-  },
-  {
-    path: "/home",
-    name: "Home",
-    meta: {
-      title: "test",
-      auth: 5
-    },
-    component: () => import("@/views/Home.vue")
-  },
-  {
-    path: "/asdw",
-    name: "asdw",
-    meta: {
-      title: "时空大数据分析作战平台",
-      auth: 1
-    },
-    component: () => import("@/views/asdw.vue")
-  },
+const mainRouters = [
+  ...indexRoutes,
   {
     path: "*",
     name: "error",
-    meta: {
-      module: "index"
-    },
     component: () => import("@/views/index/error.vue")
   },
-  {
-    path: "/login",
-    name: "Login",
-    meta: {
-      auth: "5"
-    },
-    component: () => import("@/views/login.vue")
-  }
 ];
 
 const router = new VueRouter({
-  mode: "history",
-  base: process.env.BASE_URL,
-  routes
+  // mode: "history",
+  // base: process.env.BASE_URL,
+  routes: mainRouters
 });
 
-router.beforeEach((to, from, next) => {
-  const token = getToken();
-  console.log(token);
-  if (!token) {
-    return next({
-      path: "/login",
-      query: { redirect: to.fullPath }
-    });
-  }
-  debugger;
-  if (to.meta.auth < store.state.user.userAuth) {
-    Message.error("暂无权限");
-    return;
-  }
-  next();
-});
+// router.beforeEach((to, from, next) => {
+//   const token = getToken();
+//   if (!token) {
+//     if (to.path === '/login') {
+//       next();
+//     } else {
+//       next({
+//         path: "/login",
+//         query: { redirect: to.fullPath }
+//       });
+//     }
+//   }
+//   if (to.meta.auth < store.state.user.userAuth) {
+//     Message.error("暂无权限");
+//     return;
+//   }
+//   next();
+// });
 
 export default router;

src/router/modules/index.js

+export default [
+  {
+    path: "/queryAj",
+    name: "queryAj",
+    meta: {
+      title: "案件标注",
+      auth: 5
+    },
+    component: () => import("@/views/queryAj.vue")
+  }
+]
\ No newline at end of file

src/views/Home.vue

-<template>
-  <div class="home">
-    <img :src="captcha.img ? 'captcha.img' : defaultGoodsImage" />
-    <div class="demo" @click="toBar">跳转</div>
-    <el-select v-model="value" placeholder="请选择">
-      <el-option
-        v-for="item in options"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"
-      >
-      </el-option>
-    </el-select>
-    <div class="demo" @click="toLogin">跳转</div>
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="用户管理" name="first" v-if="userAuth < 2"
-        >用户管理</el-tab-pane
-      >
-      <el-tab-pane label="配置管理" name="second" v-if="userAuth < 1"
-        >配置管理</el-tab-pane
-      >
-      <el-tab-pane label="角色管理" name="third" v-if="userAuth < 5"
-        >角色管理</el-tab-pane
-      >
-      <el-tab-pane label="定时任务补偿" name="fourth" v-if="userAuth < 6"
-        >定时任务补偿</el-tab-pane
-      >
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import { Home, test, test1 } from "@/api/home.js";
-import { mapGetters } from "vuex";
-export default {
-  name: "Home",
-  data() {
-    return {
-      tokeb: "",
-      captcha: {
-        id: "",
-        img: ""
-      },
-      options: [
-        {
-          value: "选项1",
-          label: "黄金糕"
-        },
-        {
-          value: "选项2",
-          label: "双皮奶"
-        },
-        {
-          value: "选项3",
-          label: "蚵仔煎"
-        },
-        {
-          value: "选项4",
-          label: "龙须面"
-        },
-        {
-          value: "选项5",
-          label: "北京烤鸭"
-        }
-      ],
-      value: "",
-      activeName: ""
-    };
-  },
-  created() {
-    this.getHome();
-    this.getH();
-    this.getT();
-  },
-  computed: {
-    ...mapGetters(["defaultGoodsImage", "userAuth"])
-  },
-  methods: {
-    getHome() {
-      Home({
-        objectValue: "粤sty989"
-      }).then(res => {
-        console.log(res);
-      });
-    },
-    getH() {
-      test({
-        objectValue: "粤sty989"
-      }).then(res => {
-        console.log(res);
-      });
-    },
-    getT() {
-      test1({
-        zjhm: 412721197608203413
-      }).then(res => {
-        console.log(res);
-      });
-    },
-    toBar() {
-      this.$router.push("/asdw");
-    },
-    toLogin() {
-      this.$router.push("/Login");
-    },
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  }
-};
-</script>
-<style lang="scss">
-.demo {
-  width: 100px;
-  height: 100px;
-  background: $base-color;
-}
-</style>

src/views/asdw.vue

-<template>
-  <div class="asdw">
-    <img alt="Vue logo" src="@/assets/logo.png" />
-  </div>
-</template>
-<script>
-export default {
-  name: "asdw"
-};
-</script>

src/views/queryAj.vue

+<template>
+  <div class="Content">
+    <right-content
+      :pageBs="pageBs"
+      :header="header"
+      :cxFormData="cxFormData"
+      :cxQueryField="cxQueryField"
+      :cxDefaultFormThead="cxDefaultFormThead"
+      :cxUrl="cxUrl"
+    ></right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/ptCxForm_components.vue";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      header: "立案信息管理",
+      pageBs: "laxxgl",
+      cxFormData: {
+        asjbh: "",
+        ajlbdm: "",
+        zatzJyqk: "",
+        ladwGajgjgdm: "",
+        larqQssj: util.timeStampTurnTime(
+          new Date(new Date().getFullYear() + "-01-01 00:00:00")
+        ),
+        larqJssj: util.timeStampTurnTime(new Date()),
+        xxdjdwGajgjgdm: "",
+        xxdjryXm: "",
+        djsjQssj: "",
+        djsjJssj: "",
+        ajywztdm: "",
+        spsjQssj: "",
+        spsjJssj: "",
+        sflsjaPdbz: "",
+        typeFlag: "all",
+        unitcode: sessionStorage.getItem("unitcode"),
+        grade: sessionStorage.getItem("grade"),
+        rows: 10,
+        page: 1,
+      },
+      cxQueryField: [
+        /*立案信息  侦查终结信息   立案信息审批  侦查终结审批通用开始*/
+        {
+          name: "案件编号",
+          id: "asjbh",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        {
+          name: "立案单位",
+          id: "ladwGajgjgdm",
+          type: "lazyCodeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_QGUNIT",
+        },
+        {
+          name: "立案日期",
+          id: "larqQssj",
+          id2: "larqJssj",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+        {
+          name: "案件类别",
+          id: "ajlbdm",
+          type: "codeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_AJLB",
+        },
+        {
+          name: "登记人姓名",
+          id: "xxdjryXm",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        {
+          name: "登记时间",
+          id: "djsjQssj",
+          id2: "djsjJssj",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+        {
+          name: "案件性质",
+          id: "zatzJyqk",
+          type: "codeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_AJXZ",
+        },
+        {
+          name: "登记单位",
+          id: "xxdjdwGajgjgdm",
+          type: "lazyCodeTreeDialog",
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+          codeOptions: [],
+          codeTree: "CODE_QGUNIT",
+        },
+
+        {
+          name: "审核时间",
+          id: "spsjQssj",
+          id2: "spsjJssj",
+          type: "zdyDate",
+          value: "",
+          col: "3",
+        },
+        /*立案信息  侦查终结信息   立案信息审批  侦查终结审批通用结束*/
+        {
+          name: "业务状态",
+          id: "ajywztdm",
+          type: "select",
+          selectData: [
+            { value: "", name: "全部" },
+            { value: "00", name: "草稿" },
+            { value: "01", name: "等待立案审批" },
+            { value: "02", name: "通过立案审批" },
+            { value: "03", name: "立案审批不通过" },
+            { value: "05", name: "已撤销" },
+          ],
+          value: "",
+          col: "3",
+        },
+      ],
+      cxDefaultFormThead: [
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+          width: "220",
+        },
+        {
+          /*table默认得表头*/
+          label: "立案单位",
+          prop: "ladwGajgmc",
+          width: "200",
+        },
+        {
+          label: "案件时间",
+          prop: "发案时间:asjfssjAsjfskssj,立案时间:larq,侦查终结时间:zczjZxsj01",
+          width: "220",
+        },
+        {
+          label: "案件类别",
+          prop: "ajlbdmStr",
+          width: "120",
+        },
+        {
+          label: "死亡人数",
+          prop: "swrs",
+          width: "80",
+        },
+        {
+          label: "受伤人数",
+          prop: "ssrs",
+          width: "80",
+        },
+        {
+          label: "业务状态",
+          prop: "ywzt",
+          width: "140",
+        },
+        {
+          label: "案件名称",
+          prop: "ajmc",
+          width: "180",
+        },
+        {
+          label: "简要案情",
+          prop: "jyaq",
+          width: "220",
+        },
+      ],
+      cxUrl: "/tbstAsj/stasj/queryAllMaAsjxx",
+    };
+  },
+};
+</script>
+<style>
+.el-dialog__body {
+  padding: 10px 15px !important;
+}
+.rightContent .el-input__inner,
+#formCommonPage .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+  font-family: inherit;
+}
+.el-table__header-wrapper th,
+.el-table__header-wrapper tr {
+  background: #f4f6f7;
+}
+.rightContent .el-input__icon,
+#formCommonPage .el-input__icon,
+.el-input__suffix-inner {
+  line-height: 36px;
+}
+.rightContent .el-range-separator {
+  position: relative;
+  top: -4px;
+}
+.rightContent .el-textarea__inner,
+#formCommonPage .el-textarea__inner {
+  width: 100%;
+  font-family: inherit;
+}
+.rightContent .el-range-input,
+#formCommonPage .el-range-input {
+  vertical-align: top;
+}
+.rightContent .el-date-editor .el-range__close-icon {
+  margin-top: -4px;
+}
+.rightContent .el-form-item__error {
+  left: calc(66% - 27px);
+  top: 12px;
+}
+.success-row {
+  background-color: #fbf9f4 !important;
+}
+.Content .el-input,
+.Content .el-date-editor--daterange.el-input__inner {
+  width: 100% !important;
+}
+</style>
+<style scoped lang="scss">
+@import "../assets/styles/rightContent.scss";
+</style>

src/views/test.vue

-<template>
-  <div></div>
-</template>
-
-<script>
-export default {
-  components: {},
-  data() {
-    return {};
-  },
-  created() {},
-  methods: {}
-};
-</script>
-
-<style lang="scss" scoped></style>