diff --git a/.gitignore b/.gitignore
index 5b70a77b..f1193cd0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,4 @@ yarn-error.log*
 /oms/dist/
 /project/*/index.js
 /project/*/dist
+/ui/package-lock.json
diff --git a/.npmignore b/.npmignore
index 43798247..5066b6c6 100644
--- a/.npmignore
+++ b/.npmignore
@@ -6,6 +6,7 @@ core/
 public/
 project/
 .idea/
+ui/lib/
 
 # 忽略指定文件
 vue.config.js
diff --git a/.npmrc b/.npmrc
index 81dffa18..d8bc5fe4 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,4 +1,4 @@
-registry=http://192.168.1.87:4873/
+registry=http://cli.sinoecare.net/
 email=aixianling@sinoecare.com
 always-auth=true
 _auth="YWRtaW46YWRtaW4xMjM="
diff --git a/components/AiAddressBookMenu.vue b/components/AiAddressBookMenu.vue
index 4688ca48..7ee7af26 100644
--- a/components/AiAddressBookMenu.vue
+++ b/components/AiAddressBookMenu.vue
@@ -109,7 +109,7 @@ export default {
         if (res?.data) {
           this.list = res.data?.filter(e => !e.parentid)
           this.list.map(p => this.addChild(p, res.data, {parent: 'parentid'}))
-          
+
           this.$nextTick(() => {
             this.$refs.tree.setCurrentKey(res.data[0].id)
             this.$emit('select', res.data[0])
@@ -209,7 +209,7 @@ export default {
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: 100%;
       margin-top: 4px;
       background: transparent;
diff --git a/components/AiDrag.vue b/components/AiDrag.vue
index e563a288..78941b00 100644
--- a/components/AiDrag.vue
+++ b/components/AiDrag.vue
@@ -28,7 +28,7 @@ export default {
   right: 0;
   pointer-events: none;
 
-  ::v-deep.vdr {
+  :deep(.vdr ){
     pointer-events: auto;
   }
 }
diff --git a/components/AiDvPartyOrg.vue b/components/AiDvPartyOrg.vue
index a2494f02..3b547140 100644
--- a/components/AiDvPartyOrg.vue
+++ b/components/AiDvPartyOrg.vue
@@ -132,7 +132,7 @@ export default {
     height: 300%;
   }
 
-  ::v-deep .org-chart-container {
+  :deep( .org-chart-container ){
     color: #FFFFFF;
     font-size: 16px;
 
diff --git a/components/AiDvRender.vue b/components/AiDvRender.vue
index 672a2dfa..7cb62c9a 100644
--- a/components/AiDvRender.vue
+++ b/components/AiDvRender.vue
@@ -178,7 +178,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiDvRender {
-  ::v-deep .dvScrollBoard1 {
+  :deep( .dvScrollBoard1 ){
 
     .header {
       background: rgba(0, 0, 0, 0.1) !important;
@@ -220,7 +220,7 @@ export default {
   }
 
 
-  ::v-deep .marker {
+  :deep( .marker ){
     position: relative;
 
     & > img {
diff --git a/components/AiLocateDialog.vue b/components/AiLocateDialog.vue
index 3fb3bd61..738a350b 100644
--- a/components/AiLocateDialog.vue
+++ b/components/AiLocateDialog.vue
@@ -114,7 +114,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiLocateDialog {
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 0;
     height: 480px;
     position: relative;
diff --git a/components/AiMonitor/dhVideo.vue b/components/AiMonitor/dhVideo.vue
index fe17500b..1e1647a0 100644
--- a/components/AiMonitor/dhVideo.vue
+++ b/components/AiMonitor/dhVideo.vue
@@ -61,7 +61,7 @@ export default {
     height: 100% !important;
   }
 
-  ::v-deep .video-js {
+  :deep( .video-js ){
     width: 100% !important;
     height: 100% !important;
 
diff --git a/components/AiSwiper.vue b/components/AiSwiper.vue
index b0d209fb..970c4404 100644
--- a/components/AiSwiper.vue
+++ b/components/AiSwiper.vue
@@ -54,7 +54,7 @@
     height: 100%;
     padding: 20px 0 0;
 
-    ::v-deep .el-carousel {
+    :deep( .el-carousel ){
       height: 100%;
     }
 
diff --git a/components/layout/AiDvWrapper/AiDvWrapper.vue b/components/layout/AiDvWrapper/AiDvWrapper.vue
index e62727c7..da659b97 100644
--- a/components/layout/AiDvWrapper/AiDvWrapper.vue
+++ b/components/layout/AiDvWrapper/AiDvWrapper.vue
@@ -212,7 +212,7 @@ export default {
     }
   }
 
-  ::v-deep.headerPane {
+  :deep(.headerPane ){
     display: flex;
     align-items: center;
     height: 120px;
@@ -453,7 +453,7 @@ export default {
     }
   }
 
-  ::v-deep.settingDialog {
+  :deep(.settingDialog ){
     .ai-dialog {
       background: #1D2127;
       box-shadow: 0 0 4px 0 #206EFF;
@@ -575,7 +575,7 @@ export default {
       background: none;
       box-shadow: none;
 
-      ::v-deep .corner {
+      :deep( .corner ){
         display: none !important;
       }
     }
diff --git a/components/model/PartyOrg.js b/components/model/PartyOrg.js
index 7b3ee15f..3cd91e3c 100644
--- a/components/model/PartyOrg.js
+++ b/components/model/PartyOrg.js
@@ -1,4 +1,4 @@
-import http from "dvcp-ui/lib/js/request";
+import http from "dui/lib/js/request";
 import Vue from "vue"
 
 export default class PartyOrg {
diff --git a/examples/components/headerNav.vue b/examples/components/headerNav.vue
index 3ab7400f..64408706 100644
--- a/examples/components/headerNav.vue
+++ b/examples/components/headerNav.vue
@@ -13,7 +13,7 @@
         <el-avatar :src="user.info.avatar">
           {{ defaultAvatar }}
         </el-avatar>
-        <span>{{ [user.info.name, user.info.roleName].join(" - ") }}</span>
+        <span v-text="defaultName"/>
         <i :class="dropdownIcon"/>
       </el-row>
       <el-dropdown-menu>
@@ -45,12 +45,9 @@ export default {
   },
   computed: {
     ...mapState(['user']),
-    dropdownIcon() {
-      return this.isClick ? 'el-icon-caret-top' : 'el-icon-caret-bottom'
-    },
-    defaultAvatar() {
-      return this.user.info.name?.slice(-2) || "无名"
-    }
+    dropdownIcon: v => v.isClick ? 'el-icon-caret-top' : 'el-icon-caret-bottom',
+    defaultAvatar: v => v.user.info.name?.slice(-2) || "无名",
+    defaultName: v => [v.user.info.name, v.user.info.roleName].filter(Boolean)?.join(" - ") || "请先登录"
   },
   methods: {
     // 获取最新的安卓、ios下载二维码
@@ -124,11 +121,11 @@ export default {
     z-index: -1;
   }
 
-  ::v-deep.toolbar {
+  :deep(.toolbar) {
     gap: 12px;
     margin-right: 32px;
 
-    & > div,.toolbarBtn {
+    & > div, .toolbarBtn {
       color: #fff;
       padding: 0 12px;
 
@@ -168,7 +165,7 @@ export default {
   }
 }
 
-::v-deep .downLoad_main {
+:deep( .downLoad_main ) {
   width: 100%;
   height: 100%;
   padding: 16px;
diff --git a/examples/components/mainContent.vue b/examples/components/mainContent.vue
index a98d457a..7702a937 100644
--- a/examples/components/mainContent.vue
+++ b/examples/components/mainContent.vue
@@ -80,7 +80,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep.layout {
+  :deep(.layout ){
     background: #F5F6F9;
     display: flex;
     flex-direction: column;
diff --git a/examples/components/sliderNav.vue b/examples/components/sliderNav.vue
index 574265b7..92d3052a 100644
--- a/examples/components/sliderNav.vue
+++ b/examples/components/sliderNav.vue
@@ -200,7 +200,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-menu {
+  :deep( .ai-menu ){
     padding-left: 0;
     flex: 1;
     min-height: 0;
@@ -214,7 +214,7 @@ export default {
     }
   }
 
-  ::v-deep .searchApp {
+  :deep( .searchApp ){
     display: flex;
     align-items: center;
     height: 44px;
diff --git a/examples/main.js b/examples/main.js
index 881a3e1d..5266f8e9 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -4,16 +4,14 @@ import ui from 'element-ui';
 import router from './router/router';
 import axios from './router/axios';
 import utils from './utils';
-import vcUI from 'dvcp-ui';
-import 'dvcp-ui/lib/styles/common.scss';
-import 'dvcp-ui/lib/dvcp-ui.css';
+import dui from 'dui';
 import store from './store';
 import dataV from '@jiaminghi/data-view';
 import appComps from '../components'
 
 Vue.use(dataV);
 Vue.use(ui);
-Vue.use(vcUI);
+Vue.use(dui);
 Vue.use(appComps);
 //富文本编辑器配置
 Vue.config.productionTip = false;
@@ -28,9 +26,9 @@ let theme = null
 store.dispatch('getSystem').then(({colorScheme}) => {
   theme = JSON.parse(colorScheme || null)
   Vue.prototype.$theme = theme?.web || "blue"
-  return import(`dvcp-ui/lib/styles/theme.${theme?.web}.scss`).catch(() => 0)
+  return import(`dui/lib/styles/theme.${theme?.web}.scss`).catch(() => 0)
 }).finally(() => {
   Vue.prototype.$vm = app
-  !theme ? app.$mount('#app') : import(`dvcp-ui/lib/styles/common.scss`).finally(() => app.$mount('#app'))
+  import(`dui/lib/styles/common.scss`).finally(() => app.$mount('#app'))
 })
 
diff --git a/examples/router/axios.js b/examples/router/axios.js
index 50c5699a..bfdd48e5 100644
--- a/examples/router/axios.js
+++ b/examples/router/axios.js
@@ -1,4 +1,4 @@
-import instance from 'dvcp-ui/lib/js/request'
+import instance from 'dui/lib/js/request'
 import {Message} from 'element-ui'
 
 let baseURLs = {
diff --git a/examples/store/index.js b/examples/store/index.js
index eeb9a702..4a00b8e4 100644
--- a/examples/store/index.js
+++ b/examples/store/index.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import preState from 'vuex-persistedstate'
-import * as modules from "dvcp-ui/lib/js/modules"
+import * as modules from "dui/lib/js/modules"
 import xsActions from "../../project/xiushan/actions"
 
 Vue.use(Vuex)
diff --git a/examples/utils/index.js b/examples/utils/index.js
index cdd00bc4..9d119ef7 100644
--- a/examples/utils/index.js
+++ b/examples/utils/index.js
@@ -1,6 +1,6 @@
 import {MessageBox} from 'element-ui'
 import store from '../store'
-import tools from 'dvcp-ui/lib/js/utils'
+import tools from 'dui/lib/js/utils'
 
 const addChildParty = (parent, pending) => {
   let doBeforeCount = pending.length
diff --git a/package.json b/package.json
index 90772330..f2d16680 100644
--- a/package.json
+++ b/package.json
@@ -6,9 +6,12 @@
   "scripts": {
     "dev": "vue-cli-service serve",
     "lib": "npm unpublish --force&&npm publish",
-    "ui": "npm i dvcp-ui@latest",
+    "ui": "npm run lib -w ui&&npm i dui@latest",
     "sync": "node bin/appsSync.js"
   },
+  "workspaces": [
+    "ui"
+  ],
   "files": [
     "packages",
     "project",
@@ -21,7 +24,7 @@
     "@jiaminghi/data-view": "^2.10.0",
     "bin-code-editor": "^0.9.0",
     "dayjs": "^1.8.35",
-    "dvcp-ui": "^1.42.2",
+    "dui": "file:ui",
     "echarts": "^5.1.2",
     "hash.js": "^1.1.7",
     "mp4box": "^0.4.1",
diff --git a/packages/bigscreen/designer/components/Layout.vue b/packages/bigscreen/designer/components/Layout.vue
index 56e2c233..bd913c20 100644
--- a/packages/bigscreen/designer/components/Layout.vue
+++ b/packages/bigscreen/designer/components/Layout.vue
@@ -483,7 +483,7 @@ export default {
   color: #fff;
   background: #1d1e1f;
 
-  ::v-deep .dv-scroll-board {
+  :deep( .dv-scroll-board ){
     height: calc(100%) !important;
 
     .header-item {
@@ -567,17 +567,17 @@ export default {
         opacity: 0.8;
       }
 
-      ::v-deep .el-upload-list--picture-card, ::v-deep.el-upload-list__item-thumbnail, ::v-deep .uploader {
+      :deep( .el-upload-list--picture-card), :deep(.el-upload-list__item-thumbnail), :deep( .uploader ){
         width: 232px;
         height: 120px;
       }
 
-      ::v-deep .el-upload-list--picture-card .el-upload-list__item {
+      :deep( .el-upload-list--picture-card .el-upload-list__item ){
         width: 232px;
         height: 120px;
       }
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         background-color: transparent;
       }
 
@@ -604,7 +604,7 @@ export default {
     }
   }
 
-  ::v-deep #dv-full-screen-container {
+  :deep( #dv-full-screen-container ){
     width: 100% !important;
     height: 100% !important;
   }
@@ -872,11 +872,11 @@ export default {
         width: 100%;
         padding: 18px 0 0 18px;
 
-        ::v-deep .vue-ruler-ref-line-v, ::v-deep .vue-ruler-ref-line-h {
+        :deep( .vue-ruler-ref-line-v), :deep( .vue-ruler-ref-line-h ){
           display: none;
         }
 
-        ::v-deep .vue-ruler-v {
+        :deep( .vue-ruler-v ){
           .n {
             transform: rotate(180deg);
           }
@@ -896,7 +896,7 @@ export default {
       }
     }
 
-    ::v-deep .handle {
+    :deep( .handle ){
       border-radius: 100%;
       border: none;
       background-color: #09f;
@@ -945,7 +945,7 @@ export default {
     border-left: 1px solid #000000;
     background: #1D2127;
 
-    ::v-deep.el-input-number {
+    :deep(.el-input-number ){
       width: 106px;
       margin-right: 20px;
 
@@ -967,7 +967,7 @@ export default {
       }
     }
 
-    ::v-deep.layout-right__content {
+    :deep(.layout-right__content ){
       height: calc(100% - 40px);
       overflow-y: overlay;
       overflow-x: hidden;
diff --git a/packages/bigscreen/dv/AppCentralTaskDV.vue b/packages/bigscreen/dv/AppCentralTaskDV.vue
index 5a607ed8..30df16df 100644
--- a/packages/bigscreen/dv/AppCentralTaskDV.vue
+++ b/packages/bigscreen/dv/AppCentralTaskDV.vue
@@ -97,7 +97,7 @@ export default {
     line-height: 68px;
   }
 
-  ::v-deep .dv-scroll-board {
+  :deep( .dv-scroll-board ){
     width: 100%;
     flex: 1;
     min-height: 0;
diff --git a/packages/bigscreen/dv/AppGovInteractionDV.vue b/packages/bigscreen/dv/AppGovInteractionDV.vue
index 688e82df..53a4eccc 100644
--- a/packages/bigscreen/dv/AppGovInteractionDV.vue
+++ b/packages/bigscreen/dv/AppGovInteractionDV.vue
@@ -298,7 +298,7 @@ export default {
   flex-direction: column;
 
 
-  ::v-deep .eventItem {
+  :deep( .eventItem ){
     width: 100%;
     color: #82C5FF;
 
@@ -309,7 +309,7 @@ export default {
     }
   }
 
-  ::v-deep .communityEvent {
+  :deep( .communityEvent ){
     list-style-type: circle;
     white-space: nowrap;
     overflow: hidden;
@@ -320,7 +320,7 @@ export default {
     color: #82C5FF;
   }
 
-  ::v-deep .tag {
+  :deep( .tag ){
     padding: 0 10px;
     border-radius: 4px;
     margin-right: 10px;
@@ -361,7 +361,7 @@ export default {
       transform: translate(-50%, -50%);
     }
 
-    ::v-deep .gradientFont {
+    :deep( .gradientFont ){
       background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 18%, #6BC7FF 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
@@ -373,7 +373,7 @@ export default {
       }
     }
 
-    ::v-deep .dataPane {
+    :deep( .dataPane ){
       width: 122px;
       height: 114px;
       background-image: url("./assets/govInteraction/kuaikuai.png");
diff --git a/packages/bigscreen/dv/AppGridDV.vue b/packages/bigscreen/dv/AppGridDV.vue
index 7974efe8..ec9fb6c7 100644
--- a/packages/bigscreen/dv/AppGridDV.vue
+++ b/packages/bigscreen/dv/AppGridDV.vue
@@ -508,7 +508,7 @@ export default {
     }
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 10px 40px 30px;
 
     .el-table {
@@ -538,7 +538,7 @@ export default {
     }
   }
 
-  ::v-deep .el-dialog {
+  :deep( .el-dialog ){
     position: absolute;
     top: 50%;
     left: 50%;
@@ -576,7 +576,7 @@ export default {
     }
   }
 
-  ::v-deep .userlist-container {
+  :deep( .userlist-container ){
     .userlist {
       display: flex;
       align-items: center;
@@ -772,7 +772,7 @@ export default {
       height: 300%;
     }
 
-    ::v-deep .org-chart-container {
+    :deep( .org-chart-container ){
       display: flex;
       justify-content: center;
 
@@ -801,7 +801,7 @@ export default {
       }
     }
 
-    ::v-deep .org-chart-node-children {
+    :deep( .org-chart-node-children ){
       display: flex;
       justify-content: center;
     }
@@ -819,7 +819,7 @@ export default {
       padding-bottom: 8px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon {
diff --git a/packages/bigscreen/dv/AppHouseMapDv.vue b/packages/bigscreen/dv/AppHouseMapDv.vue
index 4f322048..edf3f02e 100644
--- a/packages/bigscreen/dv/AppHouseMapDv.vue
+++ b/packages/bigscreen/dv/AppHouseMapDv.vue
@@ -356,11 +356,11 @@ export default {
 
 <style lang="scss" scoped>
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -469,7 +469,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -544,7 +544,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -610,7 +610,7 @@ export default {
   }
 }
 
-::v-deep .mark {
+:deep( .mark ){
   user-select: none;
   cursor: pointer;
   height: 32px;
diff --git a/packages/bigscreen/dv/AppMonitorMapDv.vue b/packages/bigscreen/dv/AppMonitorMapDv.vue
index 91da5db5..144d0b0c 100644
--- a/packages/bigscreen/dv/AppMonitorMapDv.vue
+++ b/packages/bigscreen/dv/AppMonitorMapDv.vue
@@ -613,7 +613,7 @@ export default {
       }
     }
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -628,11 +628,11 @@ export default {
       height: 100%;
     }
 
-    ::v-deep .amap-logo, ::v-deep .amap-copyright {
+    :deep( .amap-logo), :deep( .amap-copyright ){
       display: none !important;
     }
 
-    ::v-deep .amap-icon {
+    :deep( .amap-icon ){
       width: 40px !important;
       height: 40px !important;
 
@@ -713,7 +713,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -779,7 +779,7 @@ export default {
     }
   }
 
-  ::v-deep .mark{
+  :deep( .mark){
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/packages/bigscreen/dv/AppResourceMapDv.vue b/packages/bigscreen/dv/AppResourceMapDv.vue
index 90450f21..2023fbbf 100644
--- a/packages/bigscreen/dv/AppResourceMapDv.vue
+++ b/packages/bigscreen/dv/AppResourceMapDv.vue
@@ -282,7 +282,7 @@ export default {
       }
     }
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -297,11 +297,11 @@ export default {
       height: 100%;
     }
 
-    ::v-deep .amap-logo, ::v-deep .amap-copyright {
+    :deep( .amap-logo), :deep( .amap-copyright ){
       display: none !important;
     }
 
-    ::v-deep .amap-icon {
+    :deep( .amap-icon ){
       width: 40px !important;
       height: 40px !important;
 
@@ -382,7 +382,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -448,7 +448,7 @@ export default {
     }
   }
 
-  ::v-deep .mark{
+  :deep( .mark){
     position: relative;
     user-select: none;
     width: 50px;
diff --git a/packages/bigscreen/dv/AppSpecialPeopleDV.vue b/packages/bigscreen/dv/AppSpecialPeopleDV.vue
index 2ea04f01..da8ee334 100644
--- a/packages/bigscreen/dv/AppSpecialPeopleDV.vue
+++ b/packages/bigscreen/dv/AppSpecialPeopleDV.vue
@@ -949,7 +949,7 @@ export default {
   }
 
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -958,11 +958,11 @@ export default {
 
 
   .map {
-    ::v-deep .amap-logo, ::v-deep .amap-copyright {
+    :deep( .amap-logo), :deep( .amap-copyright ){
       display: none !important;
     }
 
-    ::v-deep .amap-icon {
+    :deep( .amap-icon ){
       width: 40px !important;
       height: 40px !important;
 
@@ -1079,7 +1079,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -1095,7 +1095,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -1161,7 +1161,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     width: 56px;
     height: 56px;
     text-align: center;
@@ -1172,25 +1172,25 @@ export default {
     color: #fff;
   }
 
-  ::v-deep .online-status0 {
+  :deep( .online-status0 ){
     background: rgba(8, 73, 35, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #15BE55;
     border: 1px solid #22FF81;
   }
 
-  ::v-deep .online-status1 {
+  :deep( .online-status1 ){
     background: rgba(79, 14, 7, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #C60E0E;
     border: 1px solid #FF6969;
   }
 
-  ::v-deep .online-status2 {
+  :deep( .online-status2 ){
     background: rgba(96, 8, 102, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #C312CA;
     border: 1px solid #FF69DD;
   }
 
-  ::v-deep .online-status3 {
+  :deep( .online-status3 ){
     background: rgba(108, 94, 14, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #D1A818;
     border: 1px solid #FFDF54;
diff --git a/packages/bigscreen/dv/AppVideoMonitoringDV.vue b/packages/bigscreen/dv/AppVideoMonitoringDV.vue
index 0d5a9b3a..1b2fac8b 100644
--- a/packages/bigscreen/dv/AppVideoMonitoringDV.vue
+++ b/packages/bigscreen/dv/AppVideoMonitoringDV.vue
@@ -457,7 +457,7 @@ export default {
           }
         }
 
-        ::v-deep .AiEchart {
+        :deep( .AiEchart ){
           width: 251px;
           height: 175px;
           margin: 11px auto 0;
@@ -506,15 +506,15 @@ export default {
     color: #FFFFFF;
   }
 
-  ::v-deep .index {
+  :deep( .index ){
     background-color: transparent !important;
   }
 
-  ::v-deep .header {
+  :deep( .header ){
     background: url("./assets/videoMonitor/titlebox.png");
   }
 
-  ::v-deep .row-item div:nth-child(3) {
+  :deep( .row-item div:nth-child(3) ){
     font-size: 13px;
     color: #00CDFF;
   }
diff --git a/packages/bigscreen/dv/components/AiGrid.vue b/packages/bigscreen/dv/components/AiGrid.vue
index 1c774a6a..d6ca5359 100644
--- a/packages/bigscreen/dv/components/AiGrid.vue
+++ b/packages/bigscreen/dv/components/AiGrid.vue
@@ -162,7 +162,7 @@ export default {
     background: linear-gradient(180deg, #42C6CE 0%, #307598 100%);
   }
 
-  ::v-deep .org-chart-container {
+  :deep( .org-chart-container ){
     color: #FFFFFF;
     font-size: 16px;
 
diff --git a/packages/conv/AppConvenienceAddressBook/components/List.vue b/packages/conv/AppConvenienceAddressBook/components/List.vue
index d5f0dfc4..23288938 100644
--- a/packages/conv/AppConvenienceAddressBook/components/List.vue
+++ b/packages/conv/AppConvenienceAddressBook/components/List.vue
@@ -307,7 +307,7 @@ export default {
       .addressBook-left__list--search {
         flex: 1;
 
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -324,7 +324,7 @@ export default {
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -369,7 +369,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
@@ -421,7 +421,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;
diff --git a/packages/conv/AppHealthReport/components/List.vue b/packages/conv/AppHealthReport/components/List.vue
index 72254f56..36c24345 100644
--- a/packages/conv/AppHealthReport/components/List.vue
+++ b/packages/conv/AppHealthReport/components/List.vue
@@ -119,7 +119,7 @@
           { prop: 'name', label: '姓名' },
           { prop: 'phone', align: 'center', label: '手机号码' },
           { prop: 'areaName', align: 'center', label: '所属地区', width: '200px' },
-          { prop: 'reportTime', align: 'center', label: '上报时间', width: '200px' }, 
+          { prop: 'reportTime', align: 'center', label: '上报时间', width: '200px' },
           {
             prop: 'vaccine',
             align: 'center',
@@ -130,10 +130,10 @@
                 }
               }, row.today === '0' ? '-' : (row.vaccine || 0 + '次'))
             }
-          }, 
-          { prop: 'healthCode', align: 'center', label: '健康码', formart: v => v ? this.dict.getLabel('epidemicHealthCode', v) : '-' }, 
-          { prop: 'checkTime', align: 'center', label: '核酸日期', formart: v => v ? v.split(' ')[0] : '-' }, 
-          { prop: 'checkResult', align: 'center', label: '检测结果', formart: v => v ? this.dict.getLabel('epidemicRecentTestResult', v) : '-' }, 
+          },
+          { prop: 'healthCode', align: 'center', label: '健康码', formart: v => v ? this.dict.getLabel('epidemicHealthCode', v) : '-' },
+          { prop: 'checkTime', align: 'center', label: '核酸日期', formart: v => v ? v.split(' ')[0] : '-' },
+          { prop: 'checkResult', align: 'center', label: '检测结果', formart: v => v ? this.dict.getLabel('epidemicRecentTestResult', v) : '-' },
           {
             prop: 'status',
             align: 'center',
@@ -191,7 +191,7 @@
         }).catch(() => {
           this.loading = false
         })
-        
+
         this.getTotalInfo()
       },
 
@@ -242,7 +242,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/packages/conv/AppReportAiWill/components/Detail.vue b/packages/conv/AppReportAiWill/components/Detail.vue
index ff3e3171..aff0996c 100644
--- a/packages/conv/AppReportAiWill/components/Detail.vue
+++ b/packages/conv/AppReportAiWill/components/Detail.vue
@@ -402,7 +402,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -447,13 +447,13 @@ export default {
   }
 
   .el-steps {
-    ::v-deep .el-step__icon {
+    :deep( .el-step__icon ){
       font-size: 12px;
       color: #555555;
       border-color: #d0d4dc;
     }
 
-    ::v-deep .el-step__head.is-finish {
+    :deep( .el-step__head.is-finish ){
       .el-step__icon.is-text {
         border: none;
         color: #fff;
@@ -462,7 +462,7 @@ export default {
       }
     }
 
-    ::v-deep .el-step__line {
+    :deep( .el-step__line ){
       background-color: #d0d4dc;
     }
   }
@@ -488,18 +488,18 @@ export default {
     }
   }
 
-  ::v-deep .report-dialog {
+  :deep( .report-dialog ){
     .el-select {
       width: 100%;
     }
   }
 
-  ::v-deep .el-step__head.is-process {
+  :deep( .el-step__head.is-process ){
     color: #555;
     border-color: #555;
   }
 
-  ::v-deep .is-finish h2 {
+  :deep( .is-finish h2 ){
     color: #2266ff;
   }
 
@@ -518,7 +518,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #f3f6f9;
 
     .ai-detail__content--wrapper {
@@ -544,7 +544,7 @@ export default {
     }
   }
 
-  ::v-deep .el-card {
+  :deep( .el-card ){
     .el-card__header {
       padding: 12px 16px;
       font-weight: bold;
diff --git a/packages/conv/AppReturnHomeRegister/components/List.vue b/packages/conv/AppReturnHomeRegister/components/List.vue
index 111d3f33..68858757 100644
--- a/packages/conv/AppReturnHomeRegister/components/List.vue
+++ b/packages/conv/AppReturnHomeRegister/components/List.vue
@@ -108,7 +108,7 @@
             align: 'center',
             label: '出发地区'
           },
-          { prop: 'arriveTime', align: 'center', label: '到达时间', formart: v => v.substr(0, v.length - 3) }, 
+          { prop: 'arriveTime', align: 'center', label: '到达时间', formart: v => v.substr(0, v.length - 3) },
           {
             prop: 'arriveAreaName',
             align: 'center',
@@ -170,7 +170,7 @@
         }).catch(() => {
           this.loading = false
         })
-        
+
         this.getTotalInfo()
       },
 
@@ -222,7 +222,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/packages/conv/AppVaccination/AppVaccination.vue b/packages/conv/AppVaccination/AppVaccination.vue
index a98c02b0..f59b8adc 100644
--- a/packages/conv/AppVaccination/AppVaccination.vue
+++ b/packages/conv/AppVaccination/AppVaccination.vue
@@ -62,7 +62,7 @@
 <script>
 import {mapState} from "vuex";
 import AddVaccination from "./addVaccination";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "AppVaccination",
@@ -171,7 +171,7 @@ export default {
 .AppVaccination {
   height: 100%;
 
-  ::v-deep .dataPane {
+  :deep( .dataPane ){
     flex: 1;
     min-width: 0;
     background: #FFFFFF;
@@ -189,7 +189,7 @@ export default {
     }
   }
 
-  ::v-deep .mainPane {
+  :deep( .mainPane ){
     background: #fff;
     padding: 12px 16px;
     box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
diff --git a/packages/conv/AppVaccination/addVaccination.vue b/packages/conv/AppVaccination/addVaccination.vue
index 3c4cfa2d..828ae357 100644
--- a/packages/conv/AppVaccination/addVaccination.vue
+++ b/packages/conv/AppVaccination/addVaccination.vue
@@ -82,7 +82,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "addVaccination",
@@ -206,7 +206,7 @@ export default {
 .addVaccination {
   height: 100%;
 
-  ::v-deep .ai-card__body, .el-form {
+  :deep( .ai-card__body), .el-form {
     display: flex;
     flex-wrap: wrap;
   }
@@ -227,7 +227,7 @@ export default {
     }
   }
 
-  ::v-deep .el-button {
+  :deep( .el-button ){
     .iconfont {
       color: inherit
     }
diff --git a/packages/conv/AppVillageActivity/components/Dynamic.vue b/packages/conv/AppVillageActivity/components/Dynamic.vue
index e65a518c..a421e328 100644
--- a/packages/conv/AppVillageActivity/components/Dynamic.vue
+++ b/packages/conv/AppVillageActivity/components/Dynamic.vue
@@ -78,11 +78,11 @@
   .bbs {
     padding-top: 16px;
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       background: #F3F6F9;
     }
 
-    ::v-deep .ai-empty__bg {
+    :deep( .ai-empty__bg ){
       margin-top: 0;
     }
 
diff --git a/packages/conv/AppVillageActivity/components/Statistics.vue b/packages/conv/AppVillageActivity/components/Statistics.vue
index 2a35b4f1..c41ce667 100644
--- a/packages/conv/AppVillageActivity/components/Statistics.vue
+++ b/packages/conv/AppVillageActivity/components/Statistics.vue
@@ -296,13 +296,13 @@
                   shadowOffsetX: 0,
                   shadowColor: 'rgba(0, 0, 0, 0.5)'
                 },
-                normal:{ 
-                  label:{ 
-                    show: true, 
-                    formatter: '{b} : {c} ({d}%)' 
-                  }, 
-                  labelLine :{show:true} 
-                } 
+                normal:{
+                  label:{
+                    show: true,
+                    formatter: '{b} : {c} ({d}%)'
+                  },
+                  labelLine :{show:true}
+                }
               },
               labelLine: {
                 show: false
@@ -396,13 +396,13 @@
 <style scoped lang="scss">
   .statistics {
     padding: 0!important;
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent!important;
       box-shadow: none!important;
       padding: 0 0 0!important;
     }
 
-    ::v-deep .ai-list {
+    :deep( .ai-list ){
       padding: 0!important;
     }
 
@@ -505,7 +505,7 @@
 
         .addressBook-left__list--search {
           flex: 1;
-          ::v-deep input {
+          :deep( input ){
             width: 100%;
           }
         }
@@ -522,7 +522,7 @@
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -559,7 +559,7 @@
           }
 
           background: #2266FF;
-          
+
           span {
             color: #fff;
           }
@@ -567,7 +567,7 @@
       }
     }
 
-    ::v-deep .ai-list__content--left {
+    :deep( .ai-list__content--left ){
       margin-right: 10px;
     }
 
@@ -619,7 +619,7 @@
       }
     }
 
-    ::v-deep .ai-list__content--right {
+    :deep( .ai-list__content--right ){
 
       .ai-list__content--right-wrapper {
         min-height: 100%;
diff --git a/packages/conv/AppVillageAlbum/components/List.vue b/packages/conv/AppVillageAlbum/components/List.vue
index f5037638..a089b42e 100644
--- a/packages/conv/AppVillageAlbum/components/List.vue
+++ b/packages/conv/AppVillageAlbum/components/List.vue
@@ -229,7 +229,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       width: 100%;
       .ai-list__content--right {
         width: 100%!important;
@@ -241,7 +241,7 @@
         }
       }
     }
-    ::v-deep.el-pager {
+    :deep(.el-pager ){
       li.active + li {
         border-left: 1px solid #D0D4DC;
       }
@@ -258,13 +258,13 @@
         width: 100%;
         padding: 0;
       }
-      ::v-deep .el-pager li.active {
+      :deep( .el-pager li.active ){
         background-color: #fff !important;
         color: #2266FF !important;
         border-color: #2266FF;
       }
 
-      ::v-deep .el-pager li {
+      :deep( .el-pager li ){
         background-color: #fff;
         border: solid 1px #d0d4dc;
         margin-left: 8px;
@@ -286,7 +286,7 @@
           gap: 8px;
           color: #2266FF !important;
 
-          ::v-deep span, ::v-deep div {
+          :deep( span), :deep( div ){
             font-size: 12px;
             cursor: pointer;
             color: #2266FF !important;
@@ -311,11 +311,11 @@
           margin-left: 24px;
         }
 
-        ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+        :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
           line-height: 1 !important;
         }
 
-        ::v-deep.el-checkbox {
+        :deep(.el-checkbox ){
           padding-left: 14px;
           display: flex;
           align-items: center;
@@ -385,7 +385,7 @@
             flex: 1;
           }
 
-          ::v-deep .el-button {
+          :deep( .el-button ){
             margin-left: 0;
             padding: 0;
             i {
@@ -422,7 +422,7 @@
             flex: 1;
 
             &:hover {
-              ::v-deep i, ::v-deep span {
+              :deep( i), :deep( span ){
                 color: #2266FF;
               }
             }
diff --git a/packages/conv/AppVillagerDiscussion/components/Add.vue b/packages/conv/AppVillagerDiscussion/components/Add.vue
index eff53a3c..618fcdea 100644
--- a/packages/conv/AppVillagerDiscussion/components/Add.vue
+++ b/packages/conv/AppVillagerDiscussion/components/Add.vue
@@ -227,7 +227,7 @@
 
 <style scoped lang="scss">
   .move-item {
-    ::v-deep .el-form-item__label {
+    :deep( .el-form-item__label ){
       cursor: move;
     }
   }
@@ -240,7 +240,7 @@
           margin-left: 20px;
         }
 
-        ::v-deep .el-form-item__content {
+        :deep( .el-form-item__content ){
           margin-left: 0!important;
         }
       }
diff --git a/packages/conv/AppWeddingsFunerals/components/List.vue b/packages/conv/AppWeddingsFunerals/components/List.vue
index 74cdf457..05d2f8c2 100644
--- a/packages/conv/AppWeddingsFunerals/components/List.vue
+++ b/packages/conv/AppWeddingsFunerals/components/List.vue
@@ -120,7 +120,7 @@
         }).catch(() => {
           this.loading = false
         })
-        
+
         this.getTotalInfo()
       },
 
@@ -159,7 +159,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/packages/conv/creditScore/AppGridMemberScore/components/gridScoreManage.vue b/packages/conv/creditScore/AppGridMemberScore/components/gridScoreManage.vue
index 3fd6fcf1..9dce2017 100644
--- a/packages/conv/creditScore/AppGridMemberScore/components/gridScoreManage.vue
+++ b/packages/conv/creditScore/AppGridMemberScore/components/gridScoreManage.vue
@@ -298,7 +298,7 @@ export default {
 .gridScoreManage {
   height: 100%;
 
-  ::v-deep .ai-dialog .ai-dialog__content {
+  :deep( .ai-dialog .ai-dialog__content ){
     max-height: 600px!important;
   }
 
@@ -357,7 +357,7 @@ export default {
     }
   }
 
-  ::v-deep .selectCont .pagination {
+  :deep( .selectCont .pagination ){
     width: 100%!important;
     background: pink;
   }
diff --git a/packages/conv/creditScore/AppGridMemberScore/components/gridScoreRules.vue b/packages/conv/creditScore/AppGridMemberScore/components/gridScoreRules.vue
index 749badb2..dca27608 100644
--- a/packages/conv/creditScore/AppGridMemberScore/components/gridScoreRules.vue
+++ b/packages/conv/creditScore/AppGridMemberScore/components/gridScoreRules.vue
@@ -467,15 +467,15 @@ export default {
   height: 100%;
   background: #f3f6f9;
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
-  // ::v-deep .searchRightZone {
+  // :deep( .searchRightZone ){
   //   display: flex;
   // }
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .el-cascader {
       width: 100%;
     }
diff --git a/packages/conv/creditScore/AppGridMemberScore/components/gridScoreStatistics.vue b/packages/conv/creditScore/AppGridMemberScore/components/gridScoreStatistics.vue
index f91e2b2f..882f1141 100644
--- a/packages/conv/creditScore/AppGridMemberScore/components/gridScoreStatistics.vue
+++ b/packages/conv/creditScore/AppGridMemberScore/components/gridScoreStatistics.vue
@@ -8,7 +8,7 @@
             <span v-for="(item,index) in timeCheck" :key="index" :class="type == index? 'active':''"
              @click="timeChange(index)">{{ item }}</span>
           </div>
-            <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small" 
+            <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small"
               :props="defaultProps" :show-all-levels="false" @change="gridChange" clearable></el-cascader>
         </div>
       </div>
@@ -56,11 +56,11 @@
       <template #content>
         <ai-search-bar>
           <template #left>
-            <el-cascader ref="cascader2" v-model="girdIdArr" :options="girdOptions" placeholder="所属网格" size="small" 
+            <el-cascader ref="cascader2" v-model="girdIdArr" :options="girdOptions" placeholder="所属网格" size="small"
               :props="defaultProps" :show-all-levels="false" clearable @change="gridChangeOpt"></el-cascader>
-            <ai-select v-model="search.integralType" placeholder="请选择类型" @change="current=1, getTableData()" 
+            <ai-select v-model="search.integralType" placeholder="请选择类型" @change="current=1, getTableData()"
             :selectList="dict.getDict('integralType')"/>
-            <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd" 
+            <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd"
               range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="onChange">
             </el-date-picker>
           </template>
@@ -231,7 +231,7 @@ export default {
         }
       })
     },
-    
+
     // 人员、网格排行
     getRanking() {
       this.instance.post('/app/appintegraluser/userAndGirdIntegralSort',null,{
@@ -450,7 +450,7 @@ export default {
     timeChange(index) {
       if(index == 3) {
         this.dialogDate = true
-      } 
+      }
       this.type = index
       this.getStatistics()
       this.getRanking()
@@ -473,7 +473,7 @@ export default {
           this.details = res.data
           if(res.data.enclosure) {
             let str = res.data.enclosure.split('/')
-            this.fileDownLoad = [{ 
+            this.fileDownLoad = [{
               url:res.data.enclosure,
               name: str?.[str.length - 1]
             }]
@@ -640,14 +640,14 @@ export default {
   //   display: inline;
   // }
 
-  ::v-deep .el-dialog__footer {
+  :deep( .el-dialog__footer ){
     text-align: center;
   }
-  ::v-deep .el-dialog__header {
+  :deep( .el-dialog__header ){
     border-bottom: 1px solid #DDD;
   }
-  ::v-deep .ai-detail {
+  :deep( .ai-detail ){
     background: #FFF;
   }
  }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue b/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue
index b3e465c2..950a4c0c 100644
--- a/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue
+++ b/packages/conv/creditScore/AppIntegralAudit/components/Detail.vue
@@ -218,15 +218,15 @@ export default {
     display: flex;
     align-items: center;
 
-    ::v-deep .el-form-item .el-form-item__content {
+    :deep( .el-form-item .el-form-item__content ){
       margin-left: 0 !important;
     }
 
-    ::v-deep .ai-select {
+    :deep( .ai-select ){
       margin: 0 !important;
     }
 
-    ::v-deep .el-form-item {
+    :deep( .el-form-item ){
       width: auto;
       margin-bottom: 0;
 
diff --git a/packages/conv/creditScore/AppIntegralAudit/components/List.vue b/packages/conv/creditScore/AppIntegralAudit/components/List.vue
index c20e9e4e..f4c3ba54 100644
--- a/packages/conv/creditScore/AppIntegralAudit/components/List.vue
+++ b/packages/conv/creditScore/AppIntegralAudit/components/List.vue
@@ -114,9 +114,9 @@
           { prop: 'residentName', label: '申请人' },
           { prop: 'residentPhone', align: 'center', label: '联系电话' },
           { prop: 'createTime', align: 'center', label: '申请时间' },
-          { prop: 'applyIntegralType', align: 'center', label: '积分类型', formart: v => this.dict.getLabel('atWillReportType', v) }, 
-          { prop: 'auditStatus', align: 'center', label: '状态', formart: v => v ? this.dict.getLabel('auditStatus', v) : '-' }, 
-          { prop: 'auditUserName', align: 'center', label: '审批人' }, 
+          { prop: 'applyIntegralType', align: 'center', label: '积分类型', formart: v => this.dict.getLabel('atWillReportType', v) },
+          { prop: 'auditStatus', align: 'center', label: '状态', formart: v => v ? this.dict.getLabel('auditStatus', v) : '-' },
+          { prop: 'auditUserName', align: 'center', label: '审批人' },
           { prop: 'auditTime', align: 'center', label: '审批时间' }
         ],
         tableData: [],
@@ -186,7 +186,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue b/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue
index 7eb42614..583ca78e 100644
--- a/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue
+++ b/packages/conv/creditScore/scoreFamily/AppScoreFamily.vue
@@ -320,7 +320,7 @@ export default {
     padding: 0 8px;
   }
   .family-list{
-    ::v-deep .el-table--small{
+    :deep( .el-table--small){
       font-size: 14px!important;
     }
   }
diff --git a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
index dc07190d..90f3e7c1 100644
--- a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
+++ b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
@@ -97,7 +97,7 @@
 <script>
 import {mapState} from 'vuex';
 import detail from './detail'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'AppScorePersonal',
@@ -400,7 +400,7 @@ export default {
     padding: 0 8px;
   }
   .family-list{
-    ::v-deep .el-table--small{
+    :deep( .el-table--small){
       font-size: 14px!important;
     }
   }
diff --git a/packages/conv/creditScore/scorePersonal/detail.vue b/packages/conv/creditScore/scorePersonal/detail.vue
index 584c780a..4d24a08a 100644
--- a/packages/conv/creditScore/scorePersonal/detail.vue
+++ b/packages/conv/creditScore/scorePersonal/detail.vue
@@ -160,7 +160,7 @@ export default {
   }
 
   .fs-14 {
-    ::v-deep .el-table--small {
+    :deep( .el-table--small ){
       font-size: 14px !important;
     }
   }
diff --git a/packages/conv/creditScore/scoreRules/AppScoreRules.vue b/packages/conv/creditScore/scoreRules/AppScoreRules.vue
index 75237fb9..ae106f01 100644
--- a/packages/conv/creditScore/scoreRules/AppScoreRules.vue
+++ b/packages/conv/creditScore/scoreRules/AppScoreRules.vue
@@ -282,11 +282,11 @@ export default {
   height: 100%;
   background: #f3f6f9;
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .el-cascader {
       width: 100%;
     }
diff --git a/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue b/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue
index 80d63c6c..8e61e8ee 100644
--- a/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue
+++ b/packages/conv/creditScore/scoreSupermarket/components/addOrder.vue
@@ -556,12 +556,12 @@ export default {
   }
 
   .goods {
-    ::v-deep .el-table td {
+    :deep( .el-table td ){
       border-bottom: none;
       padding: 2px 0;
     }
 
-    ::v-deep .el-table th {
+    :deep( .el-table th ){
       padding: 2px 0;
     }
   }
diff --git a/packages/conv/creditScore/scoreSysUser/ssuDetail.vue b/packages/conv/creditScore/scoreSysUser/ssuDetail.vue
index edc5b894..a8cb802c 100644
--- a/packages/conv/creditScore/scoreSysUser/ssuDetail.vue
+++ b/packages/conv/creditScore/scoreSysUser/ssuDetail.vue
@@ -103,7 +103,7 @@ export default {
       return [
         {prop: 'doTime', label: '时间', width: 200},
         {prop: "type", label: "类型", dict: "integralDetailType", align: 'center'},
-        {prop: 'changeIntegral', align: 'center', label: '变动积分',render: 
+        {prop: 'changeIntegral', align: 'center', label: '变动积分',render:
          (h, {row}) => h('p', `${row.integralCalcType == 1 ? '+' : '-'}${row.changeIntegral}`)},
         {prop: 'nowIntegral', align: 'center', label: '剩余积分'},
         {prop: 'eventDesc', label: '事件', width: 500}
@@ -192,7 +192,7 @@ export default {
     }
   }
 
-  ::v-deep.color-26f {
+  :deep(.color-26f ){
     color: #26f !important;
   }
 }
diff --git a/packages/conv/creditScore/scoreSysUser/ssuList.vue b/packages/conv/creditScore/scoreSysUser/ssuList.vue
index 561848a5..ca416efd 100644
--- a/packages/conv/creditScore/scoreSysUser/ssuList.vue
+++ b/packages/conv/creditScore/scoreSysUser/ssuList.vue
@@ -104,7 +104,7 @@ export default {
   }
 
   .family-list {
-    ::v-deep .el-table--small {
+    :deep( .el-table--small ){
       font-size: 14px !important;
     }
   }
diff --git a/packages/core/AppAccount/AppAccount.vue b/packages/core/AppAccount/AppAccount.vue
index a595f76f..556fa736 100644
--- a/packages/core/AppAccount/AppAccount.vue
+++ b/packages/core/AppAccount/AppAccount.vue
@@ -267,17 +267,17 @@ export default {
 .AppAccount {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
-  ::v-deep .el-form {
+  :deep( .el-form ){
     .el-cascader {
       width: 100%;
     }
diff --git a/packages/core/AppAccountRole/accountRoleList.vue b/packages/core/AppAccountRole/accountRoleList.vue
index 3ddbaeea..f5ae94f8 100644
--- a/packages/core/AppAccountRole/accountRoleList.vue
+++ b/packages/core/AppAccountRole/accountRoleList.vue
@@ -345,7 +345,7 @@ export default {
 .accountRoleList {
   height: 100%;
 
-  ::v-deep.ai-card {
+  :deep(.ai-card ){
     box-shadow: none;
     border: 1px solid #eee;
 
diff --git a/packages/core/AppDictionary/dictDetail.vue b/packages/core/AppDictionary/dictDetail.vue
index bdd75e6c..b62819ad 100644
--- a/packages/core/AppDictionary/dictDetail.vue
+++ b/packages/core/AppDictionary/dictDetail.vue
@@ -187,7 +187,7 @@ export default {
 .dictDetail {
   height: 100%;
 
-  ::v-deep .el-table__row {
+  :deep( .el-table__row ){
 
     .el-input__inner {
       padding: 0 30px;
diff --git a/packages/core/AppMenuManager/introPage.vue b/packages/core/AppMenuManager/introPage.vue
index 85468134..7e76bdc8 100644
--- a/packages/core/AppMenuManager/introPage.vue
+++ b/packages/core/AppMenuManager/introPage.vue
@@ -82,7 +82,7 @@ export default {
 .introPage {
   height: 100%;
 
-  ::v-deep.ai-detail__content--wrapper {
+  :deep(.ai-detail__content--wrapper ){
     min-height: 100%;
 
     &.list {
diff --git a/packages/core/AppMenuManager/list.vue b/packages/core/AppMenuManager/list.vue
index 49744388..6a0f1ca0 100644
--- a/packages/core/AppMenuManager/list.vue
+++ b/packages/core/AppMenuManager/list.vue
@@ -186,7 +186,7 @@ export default {
 .list {
   height: 100%;
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: calc(100% - 10px);
     display: flex;
     flex-direction: column;
diff --git a/packages/core/AppQyWxConfig/list.vue b/packages/core/AppQyWxConfig/list.vue
index 361255d2..5308a745 100644
--- a/packages/core/AppQyWxConfig/list.vue
+++ b/packages/core/AppQyWxConfig/list.vue
@@ -456,7 +456,7 @@ export default {
   height: 100%;
 
 
-  ::v-deep .mapDialog {
+  :deep( .mapDialog ){
     .el-dialog__body {
       padding: 0;
 
diff --git a/packages/core/AppRightsManager/AppRightsManager.vue b/packages/core/AppRightsManager/AppRightsManager.vue
index 515d8549..98119a4d 100644
--- a/packages/core/AppRightsManager/AppRightsManager.vue
+++ b/packages/core/AppRightsManager/AppRightsManager.vue
@@ -373,7 +373,7 @@ export default {
   height: 100%;
 
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .ai-card {
       box-shadow: none;
       border: 1px solid #eee;
@@ -389,7 +389,7 @@ export default {
     }
   }
 
-  ::v-deep .rightsGraphDialog {
+  :deep( .rightsGraphDialog ){
     .el-dialog__body {
       padding: 0;
     }
@@ -399,7 +399,7 @@ export default {
     }
   }
 
-  ::v-deep .datail-table-body {
+  :deep( .datail-table-body ){
     width: 100%;
     height: auto;
     margin-bottom: 16px;
diff --git a/packages/core/AppRightsManager/rightsGraph.vue b/packages/core/AppRightsManager/rightsGraph.vue
index 8fa99478..7987400e 100644
--- a/packages/core/AppRightsManager/rightsGraph.vue
+++ b/packages/core/AppRightsManager/rightsGraph.vue
@@ -183,7 +183,7 @@ export default {
 .rightsGraph {
   height: 100%;
 
-  ::v-deep #RightGraph {
+  :deep( #RightGraph ){
     width: 100%;
     height: 100%;
     min-height: 500px;
diff --git a/packages/core/AppSystemAccount/AppSystemAccount.vue b/packages/core/AppSystemAccount/AppSystemAccount.vue
index 8e0ac079..65e51ab0 100644
--- a/packages/core/AppSystemAccount/AppSystemAccount.vue
+++ b/packages/core/AppSystemAccount/AppSystemAccount.vue
@@ -196,13 +196,13 @@ export default {
 .AppSystemAccount {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
   }
 
-  ::v-deep .el-form {
+  :deep( .el-form ){
     .el-cascader, .el-select {
       width: 100%;
     }
diff --git a/packages/core/AppUserInfo/AppUserInfo.vue b/packages/core/AppUserInfo/AppUserInfo.vue
index f5db1a79..16bb7705 100644
--- a/packages/core/AppUserInfo/AppUserInfo.vue
+++ b/packages/core/AppUserInfo/AppUserInfo.vue
@@ -180,11 +180,11 @@ export default {
 .AppUserInfo {
   height: 100%;
 
-  ::v-deep .ai-list__content--wrapper {
+  :deep( .ai-list__content--wrapper ){
     flex-direction: column;
   }
 
-  ::v-deep .el-input__inner {
+  :deep( .el-input__inner ){
 
     -webkit-text-security: disc !important;
 
diff --git a/packages/device/AppBroadcast/components/Add.vue b/packages/device/AppBroadcast/components/Add.vue
index d6dcfdba..2428c57e 100644
--- a/packages/device/AppBroadcast/components/Add.vue
+++ b/packages/device/AppBroadcast/components/Add.vue
@@ -246,7 +246,7 @@ export default {
       var second =  time.split(":")[2];
       s = Number(hour * 3600) + Number(min * 60) + Number(second)
       return s;
-    }, 
+    },
     // 返回按钮
     cancel(isRefresh) {
       this.$emit('change', {
@@ -285,7 +285,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 
diff --git a/packages/device/AppMediaManage/components/Add.vue b/packages/device/AppMediaManage/components/Add.vue
index 3350d301..842d0078 100644
--- a/packages/device/AppMediaManage/components/Add.vue
+++ b/packages/device/AppMediaManage/components/Add.vue
@@ -141,7 +141,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 
diff --git a/packages/device/AppMediaManage/components/List.vue b/packages/device/AppMediaManage/components/List.vue
index 80c06e86..913f8714 100644
--- a/packages/device/AppMediaManage/components/List.vue
+++ b/packages/device/AppMediaManage/components/List.vue
@@ -41,7 +41,7 @@
       </template>
     </ai-list>
 
-    <ai-dialog 
+    <ai-dialog
       title="广播播发"
       :visible.sync="detailDialog"
       :customFooter="true"
@@ -232,7 +232,7 @@ export default {
     padding-left: 40px;
   }
 
-  ::v-deep .ai-info-item__right {
+  :deep( .ai-info-item__right ){
     width: 100%;
   }
 
diff --git a/packages/device/AppMonitor/AppMonitorDevice.vue b/packages/device/AppMonitor/AppMonitorDevice.vue
index ca1c834c..3f7f3d2f 100644
--- a/packages/device/AppMonitor/AppMonitorDevice.vue
+++ b/packages/device/AppMonitor/AppMonitorDevice.vue
@@ -123,7 +123,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppMonitorDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
     margin-bottom: 10px;
   }
 }
diff --git a/packages/device/AppMonitor/AppMonitorManage.vue b/packages/device/AppMonitor/AppMonitorManage.vue
index ecec91ab..aa28dcf5 100644
--- a/packages/device/AppMonitor/AppMonitorManage.vue
+++ b/packages/device/AppMonitor/AppMonitorManage.vue
@@ -202,7 +202,7 @@ export default {
     display: flex;
     flex-direction: column;
 
-    ::v-deep .headerBar {
+    :deep( .headerBar ){
       display: flex;
       align-items: center;
       justify-content: flex-end;
@@ -255,13 +255,13 @@ export default {
     }
   }
 
-  ::v-deep.el-tree-node__content:hover {
+  :deep(.el-tree-node__content:hover ){
     .menuBtn {
       display: block;
     }
   }
 
-  ::v-deep .flexRow {
+  :deep( .flexRow ){
     flex: 1;
     min-width: 0;
     display: flex;
diff --git a/packages/device/AppMonitor/AppMonitorMap.vue b/packages/device/AppMonitor/AppMonitorMap.vue
index 9de98c5c..193df708 100644
--- a/packages/device/AppMonitor/AppMonitorMap.vue
+++ b/packages/device/AppMonitor/AppMonitorMap.vue
@@ -162,7 +162,7 @@ export default {
 
   }
 
-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){
 
     .el-dialog__header {
       font-size: 14px;
@@ -199,11 +199,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
     border-color: transparent;
     box-shadow: 1px 1px 0 0 rgba(#999, .2);
   }
diff --git a/packages/device/AppMonitor/components/deviceSlider.vue b/packages/device/AppMonitor/components/deviceSlider.vue
index bc8173bc..76718923 100644
--- a/packages/device/AppMonitor/components/deviceSlider.vue
+++ b/packages/device/AppMonitor/components/deviceSlider.vue
@@ -178,7 +178,7 @@ export default {
       gap: 4px;
       margin-bottom: 16px;
 
-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
         color: #fff;
       }
     }
@@ -192,18 +192,18 @@ export default {
       justify-content: space-between;
       align-items: center;
 
-      ::v-deep .el-button {
+      :deep( .el-button ){
         padding: 0 4px;
         height: 28px;
         background: #3E4A69;
       }
 
-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
         border: none;
       }
     }
 
-    ::v-deep.deviceList {
+    :deep(.deviceList ){
       .el-scrollbar {
         height: 100%;
 
@@ -214,16 +214,16 @@ export default {
       }
     }
 
-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
       color: #19D286;
     }
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       background: #282F45;
       border: none;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
       color: #fff;
 
@@ -232,7 +232,7 @@ export default {
       }
     }
 
-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
       color: #89b;
     }
   }
diff --git a/packages/device/AppMonitor/components/settingDialog.vue b/packages/device/AppMonitor/components/settingDialog.vue
index 138776e1..34257659 100644
--- a/packages/device/AppMonitor/components/settingDialog.vue
+++ b/packages/device/AppMonitor/components/settingDialog.vue
@@ -76,7 +76,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     width: 50%;
 
     .el-form-item__label {
diff --git a/packages/device/IntelligentSecurity/AppISDevice.vue b/packages/device/IntelligentSecurity/AppISDevice.vue
index 3d7368d4..ef52de58 100644
--- a/packages/device/IntelligentSecurity/AppISDevice.vue
+++ b/packages/device/IntelligentSecurity/AppISDevice.vue
@@ -126,7 +126,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppISDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
     margin-bottom: 10px;
   }
 }
diff --git a/packages/device/IntelligentSecurity/AppISManage.vue b/packages/device/IntelligentSecurity/AppISManage.vue
index af20d2f4..47081ef5 100644
--- a/packages/device/IntelligentSecurity/AppISManage.vue
+++ b/packages/device/IntelligentSecurity/AppISManage.vue
@@ -309,7 +309,7 @@
       display: flex;
       flex-direction: column;
 
-      ::v-deep .headerBar {
+      :deep( .headerBar ){
         display: flex;
         align-items: center;
         justify-content: flex-end;
@@ -465,13 +465,13 @@
       }
     }
 
-    ::v-deep.el-tree-node__content:hover {
+    :deep(.el-tree-node__content:hover ){
       .menuBtn {
         display: block;
       }
     }
 
-    ::v-deep .flexRow {
+    :deep( .flexRow ){
       flex: 1;
       min-width: 0;
       display: flex;
diff --git a/packages/device/IntelligentSecurity/AppISMap.vue b/packages/device/IntelligentSecurity/AppISMap.vue
index 7bda837e..388b0d88 100644
--- a/packages/device/IntelligentSecurity/AppISMap.vue
+++ b/packages/device/IntelligentSecurity/AppISMap.vue
@@ -162,7 +162,7 @@ export default {
 
   }
 
-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){
 
     .el-dialog__header {
       font-size: 14px;
@@ -199,11 +199,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
     border-color: transparent;
     box-shadow: 1px 1px 0 0 rgba(#999, .2);
   }
diff --git a/packages/device/IntelligentSecurity/components/deviceSlider.vue b/packages/device/IntelligentSecurity/components/deviceSlider.vue
index d6406a8d..65d9d28e 100644
--- a/packages/device/IntelligentSecurity/components/deviceSlider.vue
+++ b/packages/device/IntelligentSecurity/components/deviceSlider.vue
@@ -178,7 +178,7 @@ export default {
     onChange() {
       this.$refs.deviceTree?.filter(this.search.name)
     },
-    
+
   },
 
   created() {
@@ -209,7 +209,7 @@ export default {
   .deviceList {
     overflow: auto;
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: -webkit-fit-content;
       width: -moz-fit-content;
       width: fit-content;
@@ -260,7 +260,7 @@ export default {
       gap: 4px;
       margin-bottom: 16px;
 
-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
         color: #fff;
       }
     }
@@ -274,17 +274,17 @@ export default {
       justify-content: space-between;
       align-items: center;
 
-      ::v-deep .el-button {
+      :deep( .el-button ){
         padding: 0 4px;
         height: 28px;
         background: #3E4A69;
       }
-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
         border: none;
       }
     }
 
-    ::v-deep.deviceList {
+    :deep(.deviceList ){
       padding: 0 8px;
 
       .el-scrollbar {
@@ -297,16 +297,16 @@ export default {
       }
     }
 
-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
       color: #19D286;
     }
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       background: #282F45;
       border: none;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
       color: #fff;
 
@@ -327,7 +327,7 @@ export default {
       }
     }
 
-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
       color: #89b;
     }
   }
diff --git a/packages/device/IntelligentSecurity/components/locateDialog.vue b/packages/device/IntelligentSecurity/components/locateDialog.vue
index 60544596..49487b75 100644
--- a/packages/device/IntelligentSecurity/components/locateDialog.vue
+++ b/packages/device/IntelligentSecurity/components/locateDialog.vue
@@ -120,7 +120,7 @@ export default {
     color: #999;
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 0;
     height: 480px;
     position: relative;
diff --git a/packages/device/IntelligentSecurity/components/settingDialog.vue b/packages/device/IntelligentSecurity/components/settingDialog.vue
index 138776e1..34257659 100644
--- a/packages/device/IntelligentSecurity/components/settingDialog.vue
+++ b/packages/device/IntelligentSecurity/components/settingDialog.vue
@@ -76,7 +76,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     width: 50%;
 
     .el-form-item__label {
diff --git a/packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue b/packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue
index 50bffa14..7a66b52b 100644
--- a/packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue
+++ b/packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue
@@ -151,7 +151,7 @@
 import AMapLoader from '@amap/amap-jsapi-loader'
 import {mapState} from 'vuex'
 
-export default {  
+export default {
   name: 'AppTutlageMap',
   label: '监护地图',
   provide() {
@@ -395,7 +395,7 @@ export default {
                 this.defaultExpanded.push(item.parentId)
                 return true
               }
-              
+
               return false
             })
           }
@@ -955,7 +955,7 @@ export default {
             font-size: 15px;
           }
         }
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           .el-tree-node__content {
             height: 32px;
           }
@@ -971,7 +971,7 @@ export default {
             }
 
             background: #2266FF;
-            
+
             span {
               color: #fff;
               font-weight: normal;
@@ -979,7 +979,7 @@ export default {
           }
         }
 
-        ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+        :deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
           .tree-user {
             color: #fff;
           }
@@ -991,7 +991,7 @@ export default {
           font-size: 14px;
         }
 
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           background: transparent;
         }
       }
@@ -1006,7 +1006,7 @@ export default {
           width: 80px;
           margin-right: 4px;
 
-          ::v-deep i {
+          :deep( i ){
             color: #8899bb;
           }
         }
@@ -1014,7 +1014,7 @@ export default {
         .el-input {
           width: 164px;
 
-          ::v-deep i {
+          :deep( i ){
             color: #8899bb;
           }
         }
@@ -1022,7 +1022,7 @@ export default {
     }
   }
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -1037,11 +1037,11 @@ export default {
     height: 100%;
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -1247,7 +1247,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -1313,7 +1313,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+:deep( .mark){
   position: relative;
   user-select: none;
   cursor: pointer;
@@ -1519,11 +1519,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;
diff --git a/packages/device/tutelage/AppWristband/components/Add.vue b/packages/device/tutelage/AppWristband/components/Add.vue
index 1685bd01..f174c369 100644
--- a/packages/device/tutelage/AppWristband/components/Add.vue
+++ b/packages/device/tutelage/AppWristband/components/Add.vue
@@ -119,7 +119,7 @@
 
 <script>
   import { mapState } from 'vuex'
-  import {ID} from "dvcp-ui/lib/js/utils";
+  import {ID} from "dui/lib/js/utils";
   export default {
     name: 'Add',
 
diff --git a/packages/extra/AppAddressBook/components/List.vue b/packages/extra/AppAddressBook/components/List.vue
index 96116c98..52277932 100644
--- a/packages/extra/AppAddressBook/components/List.vue
+++ b/packages/extra/AppAddressBook/components/List.vue
@@ -816,7 +816,7 @@ export default {
     padding: 0;
     font-size: 12px;
 
-    ::v-deep span {
+    :deep( span ){
       margin-left: 0;
     }
   }
@@ -829,7 +829,7 @@ export default {
     .addressBook-left__list--search {
       flex: 1;
 
-      ::v-deep input {
+      :deep( input ){
         width: 100%;
       }
     }
@@ -884,12 +884,12 @@ export default {
       height: 100%;
       overflow: auto;
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         width: fit-content;
         min-width: 100%;
       }
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
 
@@ -933,7 +933,7 @@ export default {
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -979,7 +979,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
diff --git a/packages/extra/AppCodeGeneration/components/Add.vue b/packages/extra/AppCodeGeneration/components/Add.vue
index 22ad8df4..0e82e4e0 100644
--- a/packages/extra/AppCodeGeneration/components/Add.vue
+++ b/packages/extra/AppCodeGeneration/components/Add.vue
@@ -163,7 +163,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -469,7 +469,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card {
+:deep( .ai-card ){
   width: 100%;
 }
 
@@ -479,7 +479,7 @@ export default {
 }
 
 .add-form {
-  ::v-deep .AiPersonSelect {
+  :deep( .AiPersonSelect ){
     .el-button {
       border-color: transparent;
       background-color: transparent;
diff --git a/packages/extra/AppConsole/AppConsole.vue b/packages/extra/AppConsole/AppConsole.vue
index 8934cdb2..f1d5d478 100644
--- a/packages/extra/AppConsole/AppConsole.vue
+++ b/packages/extra/AppConsole/AppConsole.vue
@@ -317,7 +317,7 @@ export default {
         background-size: 100%;
         background-repeat: no-repeat;
 
-        ::v-deep .avatar {
+        :deep( .avatar ){
           padding: 8px;
           width: initial;
           height: initial;
diff --git a/packages/extra/AppLicence/AppLicence.vue b/packages/extra/AppLicence/AppLicence.vue
index d02b87d6..20ba9195 100644
--- a/packages/extra/AppLicence/AppLicence.vue
+++ b/packages/extra/AppLicence/AppLicence.vue
@@ -88,16 +88,16 @@ export default {
 .AppLicence {
   width: 100%;
   height: 100%;
-  ::v-deep .ai-list{
+  :deep( .ai-list){
     background-color: #F5F6F9;
   }
-  ::v-deep .ai-list .ai-list__content--right .ai-list__content--right-wrapper{
+  :deep( .ai-list .ai-list__content--right .ai-list__content--right-wrapper){
     background-color: #F5F6F9;
     box-shadow: 0 0 0 0;
     margin: 0!important;
     padding: 0!important;
   }
-  ::v-deep .el-upload-list{
+  :deep( .el-upload-list){
     display: none;
   }
   .licence-content{
diff --git a/packages/extra/AppModConfig/AppModConfig.vue b/packages/extra/AppModConfig/AppModConfig.vue
new file mode 100644
index 00000000..665b630b
--- /dev/null
+++ b/packages/extra/AppModConfig/AppModConfig.vue
@@ -0,0 +1,156 @@
+<template>
+  <section class="AppModConfig">
+    <ai-list>
+      <ai-title slot="title" :title="menuName" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="drawer=true">新增</el-button>
+          </template>
+          <template #right>
+            <el-input size="small" v-model="search.name" clearable placeholder="应用名称" @change="page.current=1,getTableData()"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" @getList="getTableData" :total="page.total" :current.sync="search.current" :size.sync="search.size"
+                  :colConfigs="colConfigs" :dict="dict" class="w100">
+          <el-table-column label="操作" slot="options" align="center" width="140px">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+              <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <el-drawer title="定制配置" :visible.sync="drawer" @close="form={config:''}" custom-class="drawer">
+      <div flex class="column h100 pad-b8 w100">
+        <el-form size="small" ref="DrawerForm" :model="form" :rules="rules" class="fill w100 pad-r16 pad-l16" label-position="top">
+          <el-form-item label="应用名称" prop="name">
+            <el-input v-model="form.name" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item label="应用类型" prop="app">
+            <ai-select v-model="form.app" :selectList="dict.getDict('systemType')"/>
+          </el-form-item>
+          <el-form-item label="配置" prop="config">
+            <el-alert title="使用F7可以格式化json" center show-icon/>
+            <code-editor v-model="form.config" auto-format :lint="false"/>
+          </el-form-item>
+        </el-form>
+
+        <el-row type="flex" justify="center" class="footer">
+          <el-button @click="drawer=false">取消</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+        </el-row>
+      </div>
+    </el-drawer>
+  </section>
+</template>
+
+<script>
+import {CodeEditor} from 'bin-code-editor'
+import 'bin-code-editor/lib/styles/index.css'
+
+const label = "应用定制配置";
+export default {
+  name: "AppModConfig",
+  label,
+  components: {CodeEditor},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    menuName: {default: label}
+  },
+  data() {
+    return {
+      page: {current: 1, size: 10, total: 0},
+      search: {con: ""},
+      tableData: [],
+      colConfigs: [
+        {label: "应用名称", prop: "name"},
+        {label: "应用类型", prop: "app", dict: "systemType"},
+      ],
+      form: {config: ""},
+      drawer: false,
+      rules: {
+        name: [{required: true, message: "请设置应用名称"}],
+        app: [{required: true, message: "请设置应用模块名"}],
+        config: [{required: true, message: "请设置定制配置"}],
+      }
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/app/appmodconfig/list", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleEdit(row) {
+      this.form = this.$copy(row)
+      this.drawer = true
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要进行删除?").then(() => {
+        this.instance.post("/app/appmodconfig/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.getTableData()
+          }
+        })
+      }).catch(() => 0)
+    },
+    submit() {
+      this.$refs.DrawerForm.validate(v => {
+        if (v) {
+          this.instance.post("/app/appmodconfig/addOrUpdate", this.form).then(res => {
+            if (res?.code == 0) {
+              this.$message.success("提交成功!")
+              this.drawer = false
+              this.getTableData()
+            }
+          })
+        }
+      })
+    }
+  },
+  created() {
+    this.dict.load('systemType')
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppModConfig {
+  height: 100%;
+
+  .h100 {
+    height: 100%;
+  }
+
+  .w100 {
+    width: 100%;
+  }
+
+  :deep(.drawer) {
+    width: 1000px !important;
+
+    .el-alert__content {
+      line-height: normal;
+    }
+
+    .footer {
+      .el-button {
+        min-width: 90px;
+      }
+    }
+  }
+}
+</style>
diff --git a/packages/extra/AppNavConfig/components/List.vue b/packages/extra/AppNavConfig/components/List.vue
index 461cdc12..28f1b133 100644
--- a/packages/extra/AppNavConfig/components/List.vue
+++ b/packages/extra/AppNavConfig/components/List.vue
@@ -123,7 +123,7 @@
           node-key="id"
           check-strictly
           ref="tree"
-          show-checkbox 
+          show-checkbox
           :default-checked-keys="defaultChecked"
           :default-expanded-keys="defaultExpanded"
           default-expand-all>
@@ -254,7 +254,7 @@
 
           return false
         }
-        
+
 
         this.info = e
         this.isLoading = true
@@ -402,7 +402,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/packages/grid/AppBuildManage/components/Add.vue b/packages/grid/AppBuildManage/components/Add.vue
index 5f1ec682..cb1b1060 100644
--- a/packages/grid/AppBuildManage/components/Add.vue
+++ b/packages/grid/AppBuildManage/components/Add.vue
@@ -321,10 +321,10 @@ export default {
 
 <style lang="scss" scoped>
 .AppBuildManage {
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none!important;
   }
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none!important;
   }
 }
@@ -354,7 +354,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 
diff --git a/packages/grid/AppBuildManage/components/BuildMsg.vue b/packages/grid/AppBuildManage/components/BuildMsg.vue
index 1bf7a318..4f90b723 100644
--- a/packages/grid/AppBuildManage/components/BuildMsg.vue
+++ b/packages/grid/AppBuildManage/components/BuildMsg.vue
@@ -555,13 +555,13 @@ export default {
 
 <style lang="scss" scoped>
 .BuildMsg {
-  ::v-deep .ai-list__title {
+  :deep( .ai-list__title ){
     background-color: #fff;
     margin: 0 !important;
     padding-left: 20px;
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     .ai-list__content--right {
       .ai-list__content--right-wrapper {
         .search-select {
diff --git a/packages/grid/AppBuildManage/components/List.vue b/packages/grid/AppBuildManage/components/List.vue
index b712a6b8..da0fb147 100644
--- a/packages/grid/AppBuildManage/components/List.vue
+++ b/packages/grid/AppBuildManage/components/List.vue
@@ -261,7 +261,7 @@ export default {
   height: 100%;
 
   .ai-detail {
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       .ai-detail__content--wrapper {
         display: flex;
         justify-content: space-between;
@@ -291,7 +291,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     .el-tree-node__content {
       display: inline-flex;
       min-width: 100%;
@@ -319,7 +319,7 @@ export default {
     }
   }
 
-  ::v-deep .is-current > .el-tree-node__content {
+  :deep( .is-current > .el-tree-node__content ){
     width: 100% !important;
     padding-right: 16px !important;
   }
diff --git a/packages/grid/AppBuildMap/AppBuildMap.vue b/packages/grid/AppBuildMap/AppBuildMap.vue
index 6cf826f7..5ccd664a 100644
--- a/packages/grid/AppBuildMap/AppBuildMap.vue
+++ b/packages/grid/AppBuildMap/AppBuildMap.vue
@@ -421,7 +421,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper {
+:deep( .ai-list__content--right-wrapper ){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -430,11 +430,11 @@ export default {
 
 
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -674,7 +674,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -749,7 +749,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -815,7 +815,7 @@ export default {
   }
 }
 
-::v-deep .mark {
+:deep( .mark ){
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -1212,11 +1212,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;
diff --git a/packages/grid/AppBuildMap/buildingStatistics.vue b/packages/grid/AppBuildMap/buildingStatistics.vue
index 7096a132..685b7f22 100644
--- a/packages/grid/AppBuildMap/buildingStatistics.vue
+++ b/packages/grid/AppBuildMap/buildingStatistics.vue
@@ -200,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title {
+  :deep( .ailist-title ){
     margin: 0 20px;
   }
 
@@ -338,7 +338,7 @@ export default {
       }
     }
 
-    ::v-deep .floors {
+    :deep( .floors ){
       max-height: 520px;
       max-width: 60vw;
       margin: 0 20px;
diff --git a/packages/grid/AppBuildMap/toolBar/buildingInfo.vue b/packages/grid/AppBuildMap/toolBar/buildingInfo.vue
index 887b8712..fd0a5997 100644
--- a/packages/grid/AppBuildMap/toolBar/buildingInfo.vue
+++ b/packages/grid/AppBuildMap/toolBar/buildingInfo.vue
@@ -143,7 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 .buildingInfo {
-  ::v-deep .infoPane {
+  :deep( .infoPane ){
     box-sizing: border-box;
     padding: 10px 20px;
 
diff --git a/packages/grid/AppCommunityManage/components/Add.vue b/packages/grid/AppCommunityManage/components/Add.vue
index d6996755..a22e73a3 100644
--- a/packages/grid/AppCommunityManage/components/Add.vue
+++ b/packages/grid/AppCommunityManage/components/Add.vue
@@ -241,15 +241,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -269,7 +269,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/packages/grid/AppCommunityManage/components/List.vue b/packages/grid/AppCommunityManage/components/List.vue
index b0399ef3..c748904a 100644
--- a/packages/grid/AppCommunityManage/components/List.vue
+++ b/packages/grid/AppCommunityManage/components/List.vue
@@ -168,7 +168,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppPetitionManage {
-  ::v-deep th {
+  :deep( th ){
     font-weight: bold !important;
   }
 
diff --git a/packages/grid/AppGridBlock/components/list.vue b/packages/grid/AppGridBlock/components/list.vue
index 5cf35949..423c4e42 100644
--- a/packages/grid/AppGridBlock/components/list.vue
+++ b/packages/grid/AppGridBlock/components/list.vue
@@ -350,7 +350,7 @@ export default {
   width: 100%;
   height: 100%;
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -415,7 +415,7 @@ export default {
     padding: 8px 0;
   }
 
-  ::v-deep.fullscreenMap {
+  :deep(.fullscreenMap ){
     .el-dialog {
       display: flex;
       flex-direction: column;
@@ -438,7 +438,7 @@ export default {
     }
   }
 
-  ::v-deep .treePanel {
+  :deep( .treePanel ){
     display: flex;
     flex-direction: column;
 
diff --git a/packages/grid/AppGridBlock/components/mapPlotting.vue b/packages/grid/AppGridBlock/components/mapPlotting.vue
index 9369bb88..51793762 100644
--- a/packages/grid/AppGridBlock/components/mapPlotting.vue
+++ b/packages/grid/AppGridBlock/components/mapPlotting.vue
@@ -199,7 +199,7 @@ export default {
     }
   }
 
-  ::v-deep.fullscreenMap {
+  :deep(.fullscreenMap ){
     .el-dialog {
       display: flex;
       flex-direction: column;
@@ -222,11 +222,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none !important;
   }
 }
diff --git a/packages/grid/AppGridMap/components/list.vue b/packages/grid/AppGridMap/components/list.vue
index a22f1b33..df6ea79d 100644
--- a/packages/grid/AppGridMap/components/list.vue
+++ b/packages/grid/AppGridMap/components/list.vue
@@ -442,7 +442,7 @@ export default {
           padding: 8px 0;
           justify-content: space-between;
 
-          ::v-deep .el-input__inner {
+          :deep( .el-input__inner ){
             color: #fff;
           }
         }
@@ -517,12 +517,12 @@ export default {
           width: 100%;
           padding: 8px 0;
 
-          ::v-deep .el-input__inner {
+          :deep( .el-input__inner ){
             color: #fff;
           }
         }
 
-        ::v-deep .el-input__inner {
+        :deep( .el-input__inner ){
           background-color: #282f45;
           border: 1px solid #282f45;
         }
@@ -567,7 +567,7 @@ export default {
           }
         }
 
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           width: 100%;
 
           .el-tree__empty-block {
diff --git a/packages/grid/AppGridMember/components/MonitorUser.vue b/packages/grid/AppGridMember/components/MonitorUser.vue
index 35caae18..b0f52af6 100644
--- a/packages/grid/AppGridMember/components/MonitorUser.vue
+++ b/packages/grid/AppGridMember/components/MonitorUser.vue
@@ -227,7 +227,7 @@ export default {
     height: 380px;
     margin-top: 20px;
 
-    ::v-deep {
+    :deep( ){
       .el-icon-circle-close {
         display: inline-block !important;
       }
@@ -256,7 +256,7 @@ export default {
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node {
@@ -300,7 +300,7 @@ export default {
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -331,12 +331,12 @@ export default {
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
       }
 
-      ::v-deep .el-checkbox-group {
+      :deep( .el-checkbox-group ){
         padding: 0 8px;
 
         .el-checkbox {
diff --git a/packages/grid/AppGridMember/components/add.vue b/packages/grid/AppGridMember/components/add.vue
index 8c9c8e7b..3e7a8ae2 100644
--- a/packages/grid/AppGridMember/components/add.vue
+++ b/packages/grid/AppGridMember/components/add.vue
@@ -498,7 +498,7 @@ export default {
       margin-left: 20px;
     }
 
-    ::v-deep .el-form-item__content {
+    :deep( .el-form-item__content ){
       margin-left: 0 !important;
     }
   }
@@ -529,7 +529,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tag {
+  :deep( .el-tag ){
     margin-right: 8px;
     color: #333333;
   }
diff --git a/packages/grid/AppHomesteadManagement/components/Add.vue b/packages/grid/AppHomesteadManagement/components/Add.vue
index 016be73b..6827200f 100644
--- a/packages/grid/AppHomesteadManagement/components/Add.vue
+++ b/packages/grid/AppHomesteadManagement/components/Add.vue
@@ -377,10 +377,10 @@ export default {
 
 <style lang="scss" scoped>
   .AppHomesteadManagement {
-    ::v-deep .amap-logo {
+    :deep( .amap-logo ){
       display: none!important;
     }
-    ::v-deep .amap-copyright {
+    :deep( .amap-copyright ){
       display: none!important;
     }
   }
@@ -411,12 +411,12 @@ export default {
   }
 
   .user-selecter {
-    ::v-deep .el-input-group__append {
+    :deep( .el-input-group__append ){
       width: 68px;
       background: transparent;
     }
 
-    ::v-deep .el-button {
+    :deep( .el-button ){
       color: #fff;
 
       &:hover {
@@ -427,7 +427,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 
diff --git a/packages/grid/AppHouseMap/AppHomesteadDV.vue b/packages/grid/AppHouseMap/AppHomesteadDV.vue
index d2df8e23..9fb1629b 100644
--- a/packages/grid/AppHouseMap/AppHomesteadDV.vue
+++ b/packages/grid/AppHouseMap/AppHomesteadDV.vue
@@ -593,7 +593,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -843,7 +843,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -918,7 +918,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -984,7 +984,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     user-select: none;
     cursor: pointer;
     height: 32px;
@@ -1427,11 +1427,11 @@ export default {
           }
         }
 
-        ::v-deep .el-input, ::v-deep input {
+        :deep( .el-input), :deep( input ){
           border: none;
         }
 
-        ::v-deep input {
+        :deep( input ){
           position: relative;
           flex: 1;
           height: 36px;
diff --git a/packages/grid/AppHouseMap/AppHouseMap.vue b/packages/grid/AppHouseMap/AppHouseMap.vue
index 8770ec28..46084ba8 100644
--- a/packages/grid/AppHouseMap/AppHouseMap.vue
+++ b/packages/grid/AppHouseMap/AppHouseMap.vue
@@ -511,7 +511,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper {
+:deep( .ai-list__content--right-wrapper ){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -520,11 +520,11 @@ export default {
 
 
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -764,7 +764,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -839,7 +839,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -905,7 +905,7 @@ export default {
   }
 }
 
-::v-deep .mark {
+:deep( .mark ){
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -1306,11 +1306,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;
diff --git a/packages/grid/AppHouseMap/AppPopulationDV.vue b/packages/grid/AppHouseMap/AppPopulationDV.vue
index 3b5283f0..b6afcfa0 100644
--- a/packages/grid/AppHouseMap/AppPopulationDV.vue
+++ b/packages/grid/AppHouseMap/AppPopulationDV.vue
@@ -555,7 +555,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -805,7 +805,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -880,7 +880,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -946,7 +946,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     user-select: none;
     cursor: pointer;
     height: 32px;
@@ -1389,11 +1389,11 @@ export default {
           }
         }
 
-        ::v-deep .el-input, ::v-deep input {
+        :deep( .el-input), :deep( input ){
           border: none;
         }
 
-        ::v-deep input {
+        :deep( input ){
           position: relative;
           flex: 1;
           height: 36px;
diff --git a/packages/grid/AppHouseMap/buildingStatistics.vue b/packages/grid/AppHouseMap/buildingStatistics.vue
index 99d28db5..2163a08e 100644
--- a/packages/grid/AppHouseMap/buildingStatistics.vue
+++ b/packages/grid/AppHouseMap/buildingStatistics.vue
@@ -200,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title {
+  :deep( .ailist-title ){
     margin: 0 20px;
   }
 
@@ -338,7 +338,7 @@ export default {
       }
     }
 
-    ::v-deep .floors {
+    :deep( .floors ){
       max-height: 520px;
       max-width: 60vw;
       margin: 0 20px;
diff --git a/packages/grid/AppHouseMap/toolBar/buildingInfo.vue b/packages/grid/AppHouseMap/toolBar/buildingInfo.vue
index 887b8712..fd0a5997 100644
--- a/packages/grid/AppHouseMap/toolBar/buildingInfo.vue
+++ b/packages/grid/AppHouseMap/toolBar/buildingInfo.vue
@@ -143,7 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 .buildingInfo {
-  ::v-deep .infoPane {
+  :deep( .infoPane ){
     box-sizing: border-box;
     padding: 10px 20px;
 
diff --git a/packages/meta/AppPartyMember/components/Add.vue b/packages/meta/AppPartyMember/components/Add.vue
index 9b85855e..c2670744 100644
--- a/packages/meta/AppPartyMember/components/Add.vue
+++ b/packages/meta/AppPartyMember/components/Add.vue
@@ -765,7 +765,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "Add",
@@ -1059,7 +1059,7 @@ export default {
 
 <style scoped lang="scss">
 .party {
-  ::v-deep .el-input-group__append {
+  :deep( .el-input-group__append ){
     height: 32px;
     margin: 0;
     padding: 0;
@@ -1078,7 +1078,7 @@ export default {
     }
   }
 
-  ::v-deep.cardTabs {
+  :deep(.cardTabs ){
     .el-tabs__header {
       padding: 0;
     }
diff --git a/packages/meta/AppPartyMember/components/Detail.vue b/packages/meta/AppPartyMember/components/Detail.vue
index 7ade57a4..2d9600fa 100644
--- a/packages/meta/AppPartyMember/components/Detail.vue
+++ b/packages/meta/AppPartyMember/components/Detail.vue
@@ -456,7 +456,7 @@ export default {
 
 <style scoped lang="scss">
 .party-detail {
-  ::v-deep .AiID {
+  :deep( .AiID ){
     line-height: 1.4;
     color: #222;
 
diff --git a/packages/meta/AppPartyMember/components/List.vue b/packages/meta/AppPartyMember/components/List.vue
index 80ba8ba4..166474fe 100644
--- a/packages/meta/AppPartyMember/components/List.vue
+++ b/packages/meta/AppPartyMember/components/List.vue
@@ -277,15 +277,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .audit-0 {
+  :deep( .audit-0 ){
     color: #FF8822 !important;
   }
 
-  ::v-deep .audit-1 {
+  :deep( .audit-1 ){
     color: #2EA222 !important;
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
@@ -295,7 +295,7 @@ export default {
       width: 100%;
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }
diff --git a/packages/meta/AppPartyMember/components/neighbourSetting.vue b/packages/meta/AppPartyMember/components/neighbourSetting.vue
index c3e1bce7..f9c89169 100644
--- a/packages/meta/AppPartyMember/components/neighbourSetting.vue
+++ b/packages/meta/AppPartyMember/components/neighbourSetting.vue
@@ -70,7 +70,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "neighbourSetting",
@@ -187,7 +187,7 @@ export default {
     margin-top: 16px;
   }
 
-  ::v-deep.ai-dialog__content {
+  :deep(.ai-dialog__content ){
     .ai-dialog__content--wrapper {
       padding-right: 0;
       display: flex;
@@ -223,7 +223,7 @@ export default {
     }
   }
 
-  ::v-deep.searchbar {
+  :deep(.searchbar ){
     padding-right: 0;
   }
 }
diff --git a/packages/meta/AppResident/auditDetail.vue b/packages/meta/AppResident/auditDetail.vue
index a139303f..c1b245c9 100644
--- a/packages/meta/AppResident/auditDetail.vue
+++ b/packages/meta/AppResident/auditDetail.vue
@@ -498,11 +498,11 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__error {
+  :deep( .el-form-item__error ){
     position: static;
   }
 
-  ::v-deep .content-right {
+  :deep( .content-right ){
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -629,7 +629,7 @@ export default {
       display: flex;
       align-items: center;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         font-size: 14px;
       }
     }
diff --git a/packages/meta/AppResident/residentDetail.vue b/packages/meta/AppResident/residentDetail.vue
index 08c77c8e..9d8671b2 100644
--- a/packages/meta/AppResident/residentDetail.vue
+++ b/packages/meta/AppResident/residentDetail.vue
@@ -434,7 +434,7 @@ import {mapState} from "vuex";
 import AiEditCard from "./components/AiEditCard";
 import PersonalAssets from "./components/personalAssets";
 import TagsManage from "./components/tagsManage";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "residentDetail",
@@ -710,13 +710,13 @@ export default {
   height: 100%;
   font-size: 14px;
 
-  ::v-deep.el-tabs__content {
+  :deep(.el-tabs__content ){
     max-height: calc(100vh - 176px);
     overflow-y: auto;
 
   }
 
-  ::v-deep .AiID {
+  :deep( .AiID ){
     line-height: unset;
 
     .el-button--text {
@@ -725,7 +725,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     margin-bottom: 10px;
 
     .el-form-item {
@@ -737,7 +737,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__error {
+  :deep( .el-form-item__error ){
     position: static;
   }
 }
diff --git a/packages/meta/AppResident/residentList.vue b/packages/meta/AppResident/residentList.vue
index 34fb4c03..a59406fe 100644
--- a/packages/meta/AppResident/residentList.vue
+++ b/packages/meta/AppResident/residentList.vue
@@ -257,7 +257,7 @@ export default {
 .ResidentList {
   height: 100%;
 
-  ::v-deep.AiSearch {
+  :deep(.AiSearch ){
     .el-input + .el-input > .el-input__inner {
       border-left-color: transparent;
 
diff --git a/packages/party/AppMeetingChinaunion/AppMeetingChinaunion.vue b/packages/party/AppMeetingChinaunion/AppMeetingChinaunion.vue
index 8a5dea4e..2279c6a1 100644
--- a/packages/party/AppMeetingChinaunion/AppMeetingChinaunion.vue
+++ b/packages/party/AppMeetingChinaunion/AppMeetingChinaunion.vue
@@ -428,7 +428,7 @@ export default {
 .AppMeetingChinaunion {
   height: 100%;
 
-  ::v-deep .ai-partyorg {
+  :deep( .ai-partyorg ){
     .el-dialog__header, .el-dialog__footer {
       line-height: 1 !important;
     }
@@ -492,7 +492,7 @@ export default {
   }
 
   .btn {
-    ::v-deep .el-button [class*=iconfont] + span {
+    :deep( .el-button [class*=iconfont] + span ){
       margin-left: 0;
     }
   }
diff --git a/packages/party/AppMeetingChinaunion/components/add.vue b/packages/party/AppMeetingChinaunion/components/add.vue
index 7f2fa34d..03afaedf 100644
--- a/packages/party/AppMeetingChinaunion/components/add.vue
+++ b/packages/party/AppMeetingChinaunion/components/add.vue
@@ -716,7 +716,7 @@ export default {
 .addThreeMeeting {
   height: 100%;
 
-  ::v-deep .el-form {
+  :deep( .el-form ){
     .ailist-title {
       padding-left: 0;
       margin-bottom: 8px;
@@ -729,7 +729,7 @@ export default {
     }
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding-top: 16px !important;
   }
 
@@ -752,7 +752,7 @@ export default {
     }
   }
 
-  ::v-deep .el-upload--picture-card {
+  :deep( .el-upload--picture-card ){
     width: 84px !important;
     height: 84px !important;
     line-height: 30px !important;
@@ -840,7 +840,7 @@ export default {
 
     }
 
-    ::v-deep .el-form-item__content {
+    :deep( .el-form-item__content ){
       display: flex;
       flex-wrap: wrap;
     }
@@ -877,7 +877,7 @@ export default {
     }
   }
 
-  ::v-deep p.add_top {
+  :deep( p.add_top ){
     margin: 0;
   }
 
@@ -886,14 +886,14 @@ export default {
     height: 32px;
     margin: 0 8px;
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       line-height: 32px;
       height: 32px;
       padding: 0 10px;
     }
   }
 
-  ::v-deep .select-party {
+  :deep( .select-party ){
     .el-dialog__header {
       padding: 13px 16px;
       border-bottom: 1px solid #eee;
@@ -975,7 +975,7 @@ export default {
           width: 100%;
         }
 
-        ::v-deep .el-tag .el-icon-close {
+        :deep( .el-tag .el-icon-close ){
           color: #666;
         }
       }
diff --git a/packages/party/AppMeetingChinaunion/components/appThreeMeetingUser.vue b/packages/party/AppMeetingChinaunion/components/appThreeMeetingUser.vue
index 5a85cc48..74f9d390 100644
--- a/packages/party/AppMeetingChinaunion/components/appThreeMeetingUser.vue
+++ b/packages/party/AppMeetingChinaunion/components/appThreeMeetingUser.vue
@@ -425,10 +425,10 @@
 </script>
 <style scoped lang="scss">
 .appThreeMeetingUser{
-    ::v-deep .el-radio{
+    :deep( .el-radio){
         margin-right: 16px!important;
     }
-    ::v-deep .el-radio__label{
+    :deep( .el-radio__label){
         padding-left: 4px!important;
     }
     .operation {
@@ -445,7 +445,7 @@
         background-color: #f3f6f9;
         box-shadow: inset 0 1px 0 0 #eeeeee;
     }
-    ::v-deep .el-textarea{
+    :deep( .el-textarea){
         width: 362px;
     }
 }
diff --git a/packages/party/AppMeetingChinaunion/components/meetingDetail.vue b/packages/party/AppMeetingChinaunion/components/meetingDetail.vue
index 28ae9ab9..7d4523b1 100644
--- a/packages/party/AppMeetingChinaunion/components/meetingDetail.vue
+++ b/packages/party/AppMeetingChinaunion/components/meetingDetail.vue
@@ -564,7 +564,7 @@ export default {
 .addThreeMeeting {
   height: 100%;
 
-  ::v-deep .el-form {
+  :deep( .el-form ){
     .ailist-title {
       padding: 0;
       margin-bottom: 8px;
@@ -579,7 +579,7 @@ export default {
     }
   }
 
-  ::v-deep.ai-detail__content--wrapper {
+  :deep(.ai-detail__content--wrapper ){
     .el-form {
       width: 1000px;
       margin: 0 auto;
@@ -591,11 +591,11 @@ export default {
     margin-bottom: 8px;
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding-top: 16px !important;
   }
 
-  ::v-deep .iconfont {
+  :deep( .iconfont ){
     color: #2266FF;
     cursor: pointer;
   }
@@ -680,7 +680,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     color: #999;
   }
 
@@ -711,7 +711,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .AiEchart {
+  :deep( .AiEchart ){
     height: 160px;
   }
 }
diff --git a/packages/party/AppMeetingChinaunion/components/meetingSet.vue b/packages/party/AppMeetingChinaunion/components/meetingSet.vue
index f65f075b..5964fa30 100644
--- a/packages/party/AppMeetingChinaunion/components/meetingSet.vue
+++ b/packages/party/AppMeetingChinaunion/components/meetingSet.vue
@@ -170,7 +170,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-::v-deep .right_title .iconfont {
+:deep( .right_title .iconfont ){
   margin-right: 0 !important;
 }
 
@@ -221,7 +221,7 @@ export default {
         vertical-align: top;
       }
 
-      ::v-deep .el-input__inner {
+      :deep( .el-input__inner ){
         height: 28px !important;
       }
     }
diff --git a/packages/party/AppMeetingChinaunion/components/supplement.vue b/packages/party/AppMeetingChinaunion/components/supplement.vue
index 85084136..b91fe38f 100644
--- a/packages/party/AppMeetingChinaunion/components/supplement.vue
+++ b/packages/party/AppMeetingChinaunion/components/supplement.vue
@@ -762,7 +762,7 @@ export default {
 <style scoped lang="scss">
 .addThreeMeeting {
 
-  ::v-deep .el-upload-list--picture-card {
+  :deep( .el-upload-list--picture-card ){
     .el-upload-list__item-actions {
       width: 84px !important;
       height: 84px !important;
@@ -788,19 +788,19 @@ export default {
     }
   }
 
-  ::v-deep .el-upload-list__item {
+  :deep( .el-upload-list__item ){
     margin-right: 16px;
   }
 
-  ::v-deep .el-date-editor--datetime {
+  :deep( .el-date-editor--datetime ){
     width: 100% !important;
   }
 
-  ::v-deep .el-upload-list__item:nth-of-type(7) {
+  :deep( .el-upload-list__item:nth-of-type(7) ){
     margin-right: 0;
   }
 
-  ::v-deep .el-upload-list__item,
+  :deep( .el-upload-list__item),
   .el-upload-list__item {
     img {
       width: 84px !important;
@@ -812,7 +812,7 @@ export default {
   .upload-list {
     //   padding-bottom: 100px;
 
-    ::v-deep .el-upload-list__item {
+    :deep( .el-upload-list__item ){
       width: 84px !important;
       height: 84px !important;
       border-radius: 2px !important;
@@ -844,7 +844,7 @@ export default {
     line-height: 16px;
   }
 
-  ::v-deep .el-upload--picture-card {
+  :deep( .el-upload--picture-card ){
     width: 84px !important;
     height: 84px !important;
     line-height: 30px !important;
@@ -993,7 +993,7 @@ export default {
       }
     }
 
-    ::v-deep .el-form-item__content {
+    :deep( .el-form-item__content ){
       display: flex;
       flex-wrap: wrap;
     }
@@ -1034,7 +1034,7 @@ export default {
     height: 32px;
     margin: 0 8px;
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       line-height: 32px;
       height: 32px;
       padding: 0 10px;
@@ -1042,16 +1042,16 @@ export default {
   }
 
   .select-party {
-    ::v-deep .el-dialog__header {
+    :deep( .el-dialog__header ){
       padding: 13px 16px;
       border-bottom: 1px solid #eee;
     }
 
-    ::v-deep .el-dialog__body {
+    :deep( .el-dialog__body ){
       padding: 24px 40px 48px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background-color: #fcfcfc;
       height: calc(100% - 40px);
       width: 350px;
@@ -1120,7 +1120,7 @@ export default {
           width: 100%;
         }
 
-        ::v-deep .el-tag .el-icon-close {
+        :deep( .el-tag .el-icon-close ){
           color: #666;
         }
       }
diff --git a/packages/party/AppPartyHistoryClass/components/partyClassAdd.vue b/packages/party/AppPartyHistoryClass/components/partyClassAdd.vue
index c95ffc48..794aa9d4 100644
--- a/packages/party/AppPartyHistoryClass/components/partyClassAdd.vue
+++ b/packages/party/AppPartyHistoryClass/components/partyClassAdd.vue
@@ -248,7 +248,7 @@
     }
 
     &.isDetail {
-      ::v-deep .ai-detail__content {
+      :deep( .ai-detail__content ){
         background: #f3f6f9;
       }
     }
diff --git a/packages/party/AppPartyHistoryClass/components/seriesAdd.vue b/packages/party/AppPartyHistoryClass/components/seriesAdd.vue
index 098295c6..0ad73957 100644
--- a/packages/party/AppPartyHistoryClass/components/seriesAdd.vue
+++ b/packages/party/AppPartyHistoryClass/components/seriesAdd.vue
@@ -167,7 +167,7 @@
             this.instance.post(`/admin/file/add-unlimited`, formData).then(res => {
               if (res && res.data) {
                 let videoList = res.data[0].split(";");
-   
+
                 this.form.videoUrl = [{
                   id: videoList[1],
                   url: videoList[0]
@@ -294,7 +294,7 @@
     margin-top: -40px;
   }
 
-  ::v-deep .AiIcon {
+  :deep( .AiIcon ){
     width: 38px;
     height: 38px;
   }
@@ -378,7 +378,7 @@
     }
 
     &.isDetail {
-      ::v-deep .ai-detail__content {
+      :deep( .ai-detail__content ){
         background: #f3f6f9;
       }
     }
diff --git a/packages/party/AppPartyOrg/AppPartyOrganization.vue b/packages/party/AppPartyOrg/AppPartyOrganization.vue
index 266ebd1d..c91b2472 100644
--- a/packages/party/AppPartyOrg/AppPartyOrganization.vue
+++ b/packages/party/AppPartyOrg/AppPartyOrganization.vue
@@ -471,7 +471,7 @@ export default {
     margin-right: 8px;
   }
 
-  ::v-deep .AiTreeMenu {
+  :deep( .AiTreeMenu ){
     .bottomBar {
       width: 100%;
       display: flex;
@@ -540,7 +540,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     .AiTitle {
       width: 100%;
       margin-bottom: 10px;
@@ -579,7 +579,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     margin-left: 1px;
 
     .ai-list__content--right-wrapper {
@@ -599,7 +599,7 @@ export default {
       }
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }
diff --git a/packages/party/AppPartyScore/psDetail.vue b/packages/party/AppPartyScore/psDetail.vue
index 4c662b8e..b6e72613 100644
--- a/packages/party/AppPartyScore/psDetail.vue
+++ b/packages/party/AppPartyScore/psDetail.vue
@@ -127,7 +127,7 @@ export default {
     color: #26f;
   }
 
-  ::v-deep.staCard {
+  :deep(.staCard ){
     font-size: 14px;
 
     b {
diff --git a/packages/party/AppPartyScore/psList.vue b/packages/party/AppPartyScore/psList.vue
index a181b82e..ae5c93ac 100644
--- a/packages/party/AppPartyScore/psList.vue
+++ b/packages/party/AppPartyScore/psList.vue
@@ -34,7 +34,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "psList",
diff --git a/packages/party/AppQuestionBank/components/questionBankAdd.vue b/packages/party/AppQuestionBank/components/questionBankAdd.vue
index d993cd09..8e153f15 100644
--- a/packages/party/AppQuestionBank/components/questionBankAdd.vue
+++ b/packages/party/AppQuestionBank/components/questionBankAdd.vue
@@ -249,7 +249,7 @@
     }
 
     &.isDetail {
-      ::v-deep .ai-detail__content {
+      :deep( .ai-detail__content ){
         background: #f3f6f9;
       }
     }
diff --git a/packages/publicity/AppContentManage/components/AiEditInput.vue b/packages/publicity/AppContentManage/components/AiEditInput.vue
index 645f375d..822d4830 100644
--- a/packages/publicity/AppContentManage/components/AiEditInput.vue
+++ b/packages/publicity/AppContentManage/components/AiEditInput.vue
@@ -42,7 +42,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep.AiEditInput {
+:deep(.AiEditInput ){
   &.error {
     background: rgba(#f46, .2);
   }
diff --git a/packages/publicity/AppHotTopic/components/addHot.vue b/packages/publicity/AppHotTopic/components/addHot.vue
index a9f1285b..c870761e 100644
--- a/packages/publicity/AppHotTopic/components/addHot.vue
+++ b/packages/publicity/AppHotTopic/components/addHot.vue
@@ -270,7 +270,7 @@
       margin-left: 10px;
     }
 
-    ::v-deep .el-tag {
+    :deep( .el-tag ){
       color: #222222;
       border-color: #D0D4DC;
 
@@ -304,7 +304,7 @@
       display: flex;
       flex-direction: column;
 
-      ::v-deep .el-button--danger {
+      :deep( .el-button--danger ){
         margin-left: 0;
         margin-top: 4px;
       }
diff --git a/packages/publicity/AppHotTopic/components/hotDetail.vue b/packages/publicity/AppHotTopic/components/hotDetail.vue
index b7bc42ea..f148302e 100644
--- a/packages/publicity/AppHotTopic/components/hotDetail.vue
+++ b/packages/publicity/AppHotTopic/components/hotDetail.vue
@@ -89,7 +89,7 @@
     overflow: hidden;
 
     .card {
-      ::v-deep .aibar {
+      :deep( .aibar ){
         height: 94px !important;
         flex-direction: column;
         align-items: flex-start;
@@ -107,7 +107,7 @@
 
       }
 
-      ::v-deep .ai-card__body {
+      :deep( .ai-card__body ){
         padding: 12px 20px 22px !important;
       }
 
@@ -140,7 +140,7 @@
       }
     }
 
-    ::v-deep .el-tag{
+    :deep( .el-tag){
       background: #F3F4F7;
       border-radius: 2px;
       color: #222222;
diff --git a/packages/publicity/AppJob/components/Add.vue b/packages/publicity/AppJob/components/Add.vue
index ca23e444..2fc41167 100644
--- a/packages/publicity/AppJob/components/Add.vue
+++ b/packages/publicity/AppJob/components/Add.vue
@@ -193,7 +193,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep.ai-form {
+:deep(.ai-form ){
   display: flex;
   flex-direction: column;
   .ai-card {
diff --git a/packages/publicity/AppJob/components/AddJob.vue b/packages/publicity/AppJob/components/AddJob.vue
index 8aa0b789..7b0e5f36 100644
--- a/packages/publicity/AppJob/components/AddJob.vue
+++ b/packages/publicity/AppJob/components/AddJob.vue
@@ -102,7 +102,7 @@
 </script>
 
 <style scoped lang="scss">
-::v-deep.ai-form {
+:deep(.ai-form ){
   display: flex;
   flex-direction: column;
   .ai-card {
diff --git a/packages/publicity/AppJob/components/List.vue b/packages/publicity/AppJob/components/List.vue
index 59701896..31f9c264 100644
--- a/packages/publicity/AppJob/components/List.vue
+++ b/packages/publicity/AppJob/components/List.vue
@@ -213,7 +213,7 @@ export default {
       this.instance.post('/app/appjob/statistic').then((res) => {
         if (res?.data) {
           this.staData = res.data
-          
+
         }
       })
     },
@@ -223,7 +223,7 @@ export default {
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/packages/publicity/AppPressCenter/components/addVideo.vue b/packages/publicity/AppPressCenter/components/addVideo.vue
index fc8bbe8e..ffe1476c 100644
--- a/packages/publicity/AppPressCenter/components/addVideo.vue
+++ b/packages/publicity/AppPressCenter/components/addVideo.vue
@@ -249,7 +249,7 @@ export default {
     margin-top: -40px;
   }
 
-  ::v-deep .AiIcon {
+  :deep( .AiIcon ){
     width: 38px;
     height: 38px;
   }
diff --git a/packages/publicity/AppPressCenter/components/newsDetail.vue b/packages/publicity/AppPressCenter/components/newsDetail.vue
index 19acaed4..17d4e4c2 100644
--- a/packages/publicity/AppPressCenter/components/newsDetail.vue
+++ b/packages/publicity/AppPressCenter/components/newsDetail.vue
@@ -78,7 +78,7 @@ export default {
   height: 100%;
   overflow: auto;
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #F3F6F9 !important;
   }
 
diff --git a/packages/publicity/AppPressCenter/components/newsList.vue b/packages/publicity/AppPressCenter/components/newsList.vue
index a64b19f4..4c6f5e4e 100644
--- a/packages/publicity/AppPressCenter/components/newsList.vue
+++ b/packages/publicity/AppPressCenter/components/newsList.vue
@@ -270,7 +270,7 @@ export default {
   overflow: auto;
   background: #f3f6f9;
 
-  ::v-deep.has-gutter th:nth-child(1) div {
+  :deep(.has-gutter th:nth-child(1) div ){
     margin-left: 40px;
   }
 }
diff --git a/packages/publicity/AppPublicizeInformation/List.vue b/packages/publicity/AppPublicizeInformation/List.vue
index ee97c6d3..4d78f5c1 100644
--- a/packages/publicity/AppPublicizeInformation/List.vue
+++ b/packages/publicity/AppPublicizeInformation/List.vue
@@ -351,7 +351,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     min-height: calc(100% - 6px) !important;
     display: flex;
   }
diff --git a/packages/publicity/AppRuralTourism/components/addRural.vue b/packages/publicity/AppRuralTourism/components/addRural.vue
index 4dda0f55..57a0fba5 100644
--- a/packages/publicity/AppRuralTourism/components/addRural.vue
+++ b/packages/publicity/AppRuralTourism/components/addRural.vue
@@ -308,18 +308,18 @@ export default {
 }
 
 .addRural {
-  ::v-deep .upload-list .el-upload-list--picture-card {
+  :deep( .upload-list .el-upload-list--picture-card ){
     .el-upload-list__item-actions {
       width: 84px !important;
       height: 84px !important;
     }
   }
 
-  ::v-deep .upload-list .el-upload-list__item {
+  :deep( .upload-list .el-upload-list__item ){
     margin-right: 16px;
   }
 
-  ::v-deep .upload-list .el-upload-list__item, .el-upload-list__item {
+  :deep( .upload-list .el-upload-list__item), .el-upload-list__item {
     img {
       width: 84px !important;
       height: 84px !important;
@@ -330,7 +330,7 @@ export default {
   .upload-list {
     padding-bottom: 100px;
 
-    ::v-deep .el-upload-list__item {
+    :deep( .el-upload-list__item ){
       width: 84px !important;
       height: 84px !important;
       border-radius: 2px !important;
@@ -362,7 +362,7 @@ export default {
     line-height: 16px;
   }
 
-  ::v-deep .upload-list .el-upload--picture-card {
+  :deep( .upload-list .el-upload--picture-card ){
     width: 84px !important;
     height: 84px !important;
     line-height: 30px !important;
diff --git a/packages/publicity/AppVillageAuxiliarPolice/components/List.vue b/packages/publicity/AppVillageAuxiliarPolice/components/List.vue
index eab6d800..14dedd08 100644
--- a/packages/publicity/AppVillageAuxiliarPolice/components/List.vue
+++ b/packages/publicity/AppVillageAuxiliarPolice/components/List.vue
@@ -294,7 +294,7 @@
 
       .addressBook-left__list--search {
         flex: 1;
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -311,7 +311,7 @@
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -348,7 +348,7 @@
         }
 
         background: #2266FF;
-        
+
         span {
           color: #fff;
         }
@@ -356,7 +356,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
@@ -408,7 +408,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;
diff --git a/packages/publicity/AppVillageInfo/components/Add.vue b/packages/publicity/AppVillageInfo/components/Add.vue
index d89acf2b..68608227 100644
--- a/packages/publicity/AppVillageInfo/components/Add.vue
+++ b/packages/publicity/AppVillageInfo/components/Add.vue
@@ -187,7 +187,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__content {
+  :deep( .el-form-item__content ){
     margin-left: 140px !important;
   }
 
@@ -212,17 +212,17 @@ export default {
     padding: 0 90px 0 50px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail {
+  :deep( .ai-detail ){
     div {
       box-sizing: border-box;
     }
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
     box-sizing: border-box;
 
@@ -239,7 +239,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/packages/publicity/AppVillageInfo/components/Comments.vue b/packages/publicity/AppVillageInfo/components/Comments.vue
index e27d1335..06f3f3f5 100644
--- a/packages/publicity/AppVillageInfo/components/Comments.vue
+++ b/packages/publicity/AppVillageInfo/components/Comments.vue
@@ -103,7 +103,7 @@
 
 <style lang="scss" scoped>
   .join-event {
-    ::v-deep th {
+    :deep( th ){
       font-weight: bold!important;
     }
   }
diff --git a/packages/publicity/AppVillageInfo/components/Event.vue b/packages/publicity/AppVillageInfo/components/Event.vue
index 29cb34a9..c35d8233 100644
--- a/packages/publicity/AppVillageInfo/components/Event.vue
+++ b/packages/publicity/AppVillageInfo/components/Event.vue
@@ -195,10 +195,10 @@
 
 <style lang="scss" scoped>
   .join-event {
-    ::v-deep th {
+    :deep( th ){
       font-weight: bold!important;
     }
-    ::v-deep .table-options{
+    :deep( .table-options){
       span{
         font-size: 14px!important;
       }
diff --git a/packages/work/AppAskForm/components/Add.vue b/packages/work/AppAskForm/components/Add.vue
index efd172c5..330d8f75 100644
--- a/packages/work/AppAskForm/components/Add.vue
+++ b/packages/work/AppAskForm/components/Add.vue
@@ -902,13 +902,13 @@
     }
 
     .right-item__content--select-answer {
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-right: 0;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         flex: 1;
         color: #222;
         overflow: hidden;
@@ -966,14 +966,14 @@
       word-break: break-all;
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       height: calc(100% - 52px)!important;
       padding: 0!important;
       overflow: hidden!important;
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -1170,7 +1170,7 @@
               border: 1px solid #E4E8EF;
             }
 
-            ::v-deep .el-input {
+            :deep( .el-input ){
               width: 418px;
               margin-top: 20px;
               margin-left: 12px;
@@ -1269,14 +1269,14 @@
       }
     }
 
-    ::v-deep .ai-detail__title {
+    :deep( .ai-detail__title ){
       margin: 0!important;
       margin-bottom: 4px!important;
       padding: 0 20px;
       box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     }
 
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       display: flex;
       max-width: 100%!important;
       height: 100%!important;
@@ -1288,7 +1288,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -1302,14 +1302,14 @@
 
     .right-item__select--wrapper {
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         // display: none;
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         background: #FFFFFF;
         border-radius: 4px;
         margin: 0 10px;
@@ -1364,7 +1364,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
@@ -1394,13 +1394,13 @@
       background: #F3F6F9;
       border-radius: 4px;
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         width: 260px;
         height: 163px;
         overflow: hidden;
@@ -1491,13 +1491,13 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-bottom: 0!important;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         max-width: 140px;
         color: #222;
         overflow: hidden;
@@ -1505,7 +1505,7 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-input {
+      :deep( .el-input ){
         width: 100px;
 
         .el-input__suffix {
diff --git a/packages/work/AppAskForm/components/FormList.vue b/packages/work/AppAskForm/components/FormList.vue
index 14c4342b..10f41d7a 100644
--- a/packages/work/AppAskForm/components/FormList.vue
+++ b/packages/work/AppAskForm/components/FormList.vue
@@ -532,13 +532,13 @@ export default {
 
 <style scoped lang="scss">
 .form-list {
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     background: transparent !important;
     box-shadow: none !important;
     padding: 12px 0 12px !important;
   }
 
-  ::v-deep.el-pager {
+  :deep(.el-pager ){
     li.active + li {
       border-left: 1px solid #D0D4DC;
     }
@@ -657,13 +657,13 @@ export default {
       padding: 0;
     }
 
-    ::v-deep .el-pager li.active {
+    :deep( .el-pager li.active ){
       background-color: #fff !important;
       color: #2266FF !important;
       border-color: #2266FF;
     }
 
-    ::v-deep .el-pager li {
+    :deep( .el-pager li ){
       background-color: #fff;
       border: solid 1px #d0d4dc;
       margin-left: 8px;
@@ -685,7 +685,7 @@ export default {
         gap: 8px;
         color: #2266FF !important;
 
-        ::v-deep span, ::v-deep div {
+        :deep( span), :deep( div ){
           font-size: 12px;
           cursor: pointer;
           color: #2266FF !important;
@@ -710,11 +710,11 @@ export default {
         margin-left: 24px;
       }
 
-      ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+      :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
         line-height: 1 !important;
       }
 
-      ::v-deep.el-checkbox {
+      :deep(.el-checkbox ){
         padding-left: 14px;
         display: flex;
         align-items: center;
@@ -745,7 +745,7 @@ export default {
   }
 
   .ai-dialog__success {
-    ::v-deep .ai-dialog__content {
+    :deep( .ai-dialog__content ){
       max-height: initial !important;
     }
   }
@@ -818,7 +818,7 @@ export default {
             border: 1px solid #E4E8EF;
           }
 
-          ::v-deep .el-input {
+          :deep( .el-input ){
             width: 418px;
             margin-top: 20px;
             margin-left: 12px;
@@ -950,7 +950,7 @@ export default {
           flex: 1;
         }
 
-        ::v-deep .el-button {
+        :deep( .el-button ){
           margin-left: 0;
           padding: 0;
 
@@ -988,7 +988,7 @@ export default {
           flex: 1;
 
           &:hover {
-            ::v-deep i, ::v-deep span {
+            :deep( i), :deep( span ){
               color: #2266FF;
             }
           }
diff --git a/packages/work/AppAskForm/components/Statistics.vue b/packages/work/AppAskForm/components/Statistics.vue
index 9c729746..e8817cf7 100644
--- a/packages/work/AppAskForm/components/Statistics.vue
+++ b/packages/work/AppAskForm/components/Statistics.vue
@@ -375,7 +375,7 @@ export default {
   }
 
   .preview {
-    ::v-deep .el-textarea.is-disabled, ::v-deep .el-textarea__inner {
+    :deep( .el-textarea.is-disabled), :deep( .el-textarea__inner ){
       color: #666 !important;
     }
   }
diff --git a/packages/work/AppAssessment/components/Statistics.vue b/packages/work/AppAssessment/components/Statistics.vue
index 0b98551c..6c3ecb97 100644
--- a/packages/work/AppAssessment/components/Statistics.vue
+++ b/packages/work/AppAssessment/components/Statistics.vue
@@ -50,7 +50,7 @@
           <template #content>
             <div class="progress-wrapper">
               <!--  -->
-              <div class="progress" v-if="logList.length"> 
+              <div class="progress" v-if="logList.length">
                 <div class="item" v-for="(item, index) in logList" :key="index">
                   <h2>{{ item.createUserName }}</h2>
                   <el-progress :percentage="item.finishRate"></el-progress>
@@ -59,7 +59,7 @@
               <AiEmpty v-else></AiEmpty>
             </div>
           </template>
-          
+
         </ai-card>
       </div>
       <ai-card title="帮扶走访情况">
@@ -294,7 +294,7 @@
 
 <style lang="scss" scoped>
   .AppAssessment {
-    ::v-deep .ai-empty {
+    :deep( .ai-empty ){
       margin-bottom: 0;
       font-size: 12px;
     }
@@ -368,7 +368,7 @@
       }
     }
 
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       width: 100%;
       .ai-list__content--right {
         width: 100%!important;
diff --git a/packages/work/AppConference/AppConference.vue b/packages/work/AppConference/AppConference.vue
index ea72a9fc..bdc902c8 100644
--- a/packages/work/AppConference/AppConference.vue
+++ b/packages/work/AppConference/AppConference.vue
@@ -61,7 +61,7 @@ export default {
     goPage(params) {
       this.detailRow = params.row
       this.currentComp = params.comp
-      
+
       if(params.comp == 'detail' || params.comp == 'addMeeting') {
         this.showDetail = true
       }
@@ -93,7 +93,7 @@ export default {
   .conference {
     height: 100%;
 
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background-color: transparent !important;
       box-shadow: none !important;
     }
diff --git a/packages/work/AppConference/addMeeting.vue b/packages/work/AppConference/addMeeting.vue
index 00b76f9a..6cd424f3 100644
--- a/packages/work/AppConference/addMeeting.vue
+++ b/packages/work/AppConference/addMeeting.vue
@@ -235,7 +235,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .addMeeting {
-  ::v-deep .el-button--text {
+  :deep( .el-button--text ){
     .iconfont {
       color: inherit;
     }
diff --git a/packages/work/AppDispatchManagement/components/List.vue b/packages/work/AppDispatchManagement/components/List.vue
index 540a25e2..1095cc48 100644
--- a/packages/work/AppDispatchManagement/components/List.vue
+++ b/packages/work/AppDispatchManagement/components/List.vue
@@ -275,11 +275,11 @@ export default {
   overflow: auto;
   background: #f3f6f9;
 
-  ::v-deep .el-range-editor--small.el-input__inner {
+  :deep( .el-range-editor--small.el-input__inner ){
     width: 258px;
   }
 
-  ::v-deep .dateRange {
+  :deep( .dateRange ){
     .dateLabel {
       height: 32px;
       border: 1px solid #D0D4DC;
diff --git a/packages/work/AppHelpDeclaration/components/List.vue b/packages/work/AppHelpDeclaration/components/List.vue
index b9cdc2d1..c08562cc 100644
--- a/packages/work/AppHelpDeclaration/components/List.vue
+++ b/packages/work/AppHelpDeclaration/components/List.vue
@@ -93,7 +93,7 @@ export default {
     colConfigs() {
       return [
         {
-          prop: "reason", 
+          prop: "reason",
           label: "申请帮扶原因"
         },
         {
@@ -204,11 +204,11 @@ export default {
   overflow: auto;
   background: #f3f6f9;
 
-  ::v-deep .el-range-editor--small.el-input__inner {
+  :deep( .el-range-editor--small.el-input__inner ){
     width: 258px;
   }
 
-  ::v-deep .dateRange {
+  :deep( .dateRange ){
     .dateLabel {
       height: 32px;
       border: 1px solid #D0D4DC;
diff --git a/packages/work/AppHelpedResident/hrAdd.vue b/packages/work/AppHelpedResident/hrAdd.vue
index a80775d5..f47c6dde 100644
--- a/packages/work/AppHelpedResident/hrAdd.vue
+++ b/packages/work/AppHelpedResident/hrAdd.vue
@@ -328,7 +328,7 @@
 <script>
 
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "hrAdd",
@@ -555,7 +555,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .AiPersonSelect .el-button {
+  :deep( .AiPersonSelect .el-button ){
     color: #fff;
   }
 }
diff --git a/packages/work/AppHelpedResident/hrDetail.vue b/packages/work/AppHelpedResident/hrDetail.vue
index e9243de8..fd79d389 100644
--- a/packages/work/AppHelpedResident/hrDetail.vue
+++ b/packages/work/AppHelpedResident/hrDetail.vue
@@ -497,7 +497,7 @@
 import {mapState} from "vuex";
 import HrMeasure from "./detail/hrMeasure";
 import HrLog from "./detail/hrLog";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "hrDetail",
@@ -918,37 +918,37 @@ export default {
     }
   }
 
-  ::v-deep .ai-dialog__content--wrapper {
+  :deep( .ai-dialog__content--wrapper ){
     overflow-y: hidden !important;
   }
 
-  ::v-deep .AiPersonSelect .el-button {
+  :deep( .AiPersonSelect .el-button ){
     color: #fff;
   }
 
-  ::v-deep.el-tabs__content {
+  :deep(.el-tabs__content ){
     max-height: calc(100vh - 136px);
     overflow-y: auto;
   }
 
-  ::v-deep .el-step__icon {
+  :deep( .el-step__icon ){
     border-color: #ccc !important;
   }
 
-  ::v-deep .el-step__line {
+  :deep( .el-step__line ){
     background-color: #ccc !important;
   }
 
-  ::v-deep .el-step__title,
-  ::v-deep .is-wait {
+  :deep( .el-step__title),
+  :deep( .is-wait ){
     color: #666 !important;
   }
 
-  ::v-deep .is-finish {
+  :deep( .is-finish ){
     color: #26f !important;
   }
 
-  ::v-deep .is-finish .el-step__icon {
+  :deep( .is-finish .el-step__icon ){
     border-color: #26f !important;
   }
 }
diff --git a/packages/work/AppHelpedResident/hrList.vue b/packages/work/AppHelpedResident/hrList.vue
index 2e111a94..b66c6948 100644
--- a/packages/work/AppHelpedResident/hrList.vue
+++ b/packages/work/AppHelpedResident/hrList.vue
@@ -77,7 +77,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "hrList",
diff --git a/packages/work/AppRiskWarning/components/Add.vue b/packages/work/AppRiskWarning/components/Add.vue
index 0a6c4ed9..f06b9c44 100644
--- a/packages/work/AppRiskWarning/components/Add.vue
+++ b/packages/work/AppRiskWarning/components/Add.vue
@@ -57,7 +57,7 @@
 
 <script>
   import { mapState } from 'vuex'
-  import {ID} from "dvcp-ui/lib/js/utils";
+  import {ID} from "dui/lib/js/utils";
   export default {
     name: 'Add',
 
diff --git a/packages/work/processManagement/approvalManage/components/approvalDetail.vue b/packages/work/processManagement/approvalManage/components/approvalDetail.vue
index bc9ec36e..cd2f7d13 100644
--- a/packages/work/processManagement/approvalManage/components/approvalDetail.vue
+++ b/packages/work/processManagement/approvalManage/components/approvalDetail.vue
@@ -671,7 +671,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .el-scrollbar {
+  :deep( .el-scrollbar ){
     min-height: 0;
     flex: 1;
     margin-bottom: 16px;
@@ -716,7 +716,7 @@ export default {
     }
   }
 
-  ::v-deep .dynamicFormItem {
+  :deep( .dynamicFormItem ){
     .el-form-item__label {
       line-height: normal;
       display: flex;
@@ -769,10 +769,10 @@ export default {
       margin: 0 8px;
     }
 
-    ::v-deep .family-info {
+    :deep( .family-info ){
       margin-left: 24px;
 
-      ::v-deep .el-form-item__content {
+      :deep( .el-form-item__content ){
         margin-left: 24px !important;
       }
     }
@@ -952,7 +952,7 @@ export default {
     position: relative;
   }
 
-  ::v-deep .ailist-title__right {
+  :deep( .ailist-title__right ){
     font-size: 14px;
     color: #5088FF;
     user-select: none;
@@ -1148,17 +1148,17 @@ export default {
   }
 
   .upload-demo {
-    ::v-deep .el-icon-close {
+    :deep( .el-icon-close ){
       transform: translateX(-50px);
     }
   }
 
-  ::v-deep .el-radio {
+  :deep( .el-radio ){
     margin-bottom: 10px;
   }
 
   .dialog-form {
-    ::v-deep .el-form-item__label {
+    :deep( .el-form-item__label ){
       justify-content: flex-end;
     }
   }
diff --git a/packages/work/processManagement/approvalManage/components/forMyApproval.vue b/packages/work/processManagement/approvalManage/components/forMyApproval.vue
index cd1c2942..6c0b0194 100644
--- a/packages/work/processManagement/approvalManage/components/forMyApproval.vue
+++ b/packages/work/processManagement/approvalManage/components/forMyApproval.vue
@@ -211,7 +211,7 @@
       cursor: pointer;
     }
 
-    ::v-deep .AiSearchBar {
+    :deep( .AiSearchBar ){
       margin-bottom: 16px;
     }
   }
diff --git a/packages/work/processManagement/corporateSeal/AppCorporateSeal.vue b/packages/work/processManagement/corporateSeal/AppCorporateSeal.vue
index a4e82bf6..f1ecd72d 100644
--- a/packages/work/processManagement/corporateSeal/AppCorporateSeal.vue
+++ b/packages/work/processManagement/corporateSeal/AppCorporateSeal.vue
@@ -97,7 +97,7 @@
     height: 100%;
     background: #f3f6f9;
 
-    ::v-deep .signaturePane {
+    :deep( .signaturePane ){
       display: flex;
       gap: 16px;
       flex-wrap: wrap;
diff --git a/packages/work/processManagement/corporateSeal/sealDetail.vue b/packages/work/processManagement/corporateSeal/sealDetail.vue
index b6c19574..1d559609 100644
--- a/packages/work/processManagement/corporateSeal/sealDetail.vue
+++ b/packages/work/processManagement/corporateSeal/sealDetail.vue
@@ -95,7 +95,7 @@
 </template>
 
 <script>
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "sealDetail",
@@ -182,7 +182,7 @@ export default {
 .sealDetail {
   height: inherit;
 
-  ::v-deep .ai-detail__content--wrapper {
+  :deep( .ai-detail__content--wrapper ){
     .el-form {
       display: flex;
       flex-direction: column;
@@ -227,7 +227,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__footer > .el-button {
+  :deep( .ai-detail__footer > .el-button ){
     width: 92px;
     height: 32px;
   }
diff --git a/packages/work/processManagement/examinationApproval/AppExaminationApproval.vue b/packages/work/processManagement/examinationApproval/AppExaminationApproval.vue
index 457c4574..613909a0 100644
--- a/packages/work/processManagement/examinationApproval/AppExaminationApproval.vue
+++ b/packages/work/processManagement/examinationApproval/AppExaminationApproval.vue
@@ -39,7 +39,7 @@
               </el-switch>
             </template>
           </el-table-column>
-          
+
           <el-table-column label="操作" slot="options" align="center" width="150">
             <template v-slot="{row}">
               <el-button type="text" title="修改" @click="editInfo(row)">修改</el-button>
@@ -196,7 +196,7 @@
       cursor: pointer;
     }
 
-    ::v-deep .ai-table {
+    :deep( .ai-table ){
       margin-top: 16px;
     }
 
diff --git a/packages/work/processManagement/examinationApproval/components/addClassification.vue b/packages/work/processManagement/examinationApproval/components/addClassification.vue
index e55b863e..80ff0e93 100644
--- a/packages/work/processManagement/examinationApproval/components/addClassification.vue
+++ b/packages/work/processManagement/examinationApproval/components/addClassification.vue
@@ -147,7 +147,7 @@
     }
 
     .icon-form {
-      ::v-deep .el-form-item__content {
+      :deep( .el-form-item__content ){
         display: flex;
       }
     }
diff --git a/packages/work/processManagement/mattersConfig/components/addConfig.vue b/packages/work/processManagement/mattersConfig/components/addConfig.vue
index 0a565652..e425167b 100644
--- a/packages/work/processManagement/mattersConfig/components/addConfig.vue
+++ b/packages/work/processManagement/mattersConfig/components/addConfig.vue
@@ -178,7 +178,7 @@ export default {
   height: 100%;
 
   &.formLayout {
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       max-width: 100%;
       height: calc(100%)!important;
       padding: 0!important;
@@ -198,10 +198,10 @@ export default {
       padding: 0 calc(50% - 380px);
 
 
-      ::v-deep .el-step {
+      :deep( .el-step ){
         font-weight: bold;
 
-        ::v-deep .el-step__icon {
+        :deep( .el-step__icon ){
           width: 24px;
           height: 24px;
           background: #fff;
@@ -211,7 +211,7 @@ export default {
           }
         }
 
-        ::v-deep .el-step__main {
+        :deep( .el-step__main ){
           display: flex;
           align-items: center;
 
diff --git a/packages/work/processManagement/mattersConfig/components/applyForm.vue b/packages/work/processManagement/mattersConfig/components/applyForm.vue
index 2ecf7166..28c34a19 100644
--- a/packages/work/processManagement/mattersConfig/components/applyForm.vue
+++ b/packages/work/processManagement/mattersConfig/components/applyForm.vue
@@ -229,7 +229,7 @@
         if (this.groupIndex > -1 && this.isGroup) {
           this.currTarget = this.targetList[this.groupIndex].column[this.activeIndex]
 
-          return 
+          return
         }
 
         this.currTarget = {}
@@ -245,7 +245,7 @@
 
         if (this.groupIndex > -1 && this.isGroup) {
           this.currTarget = this.targetList[this.groupIndex]
-          return 
+          return
         }
 
         this.currTarget = {}
@@ -467,7 +467,7 @@
       }
     }
 
-    ::v-deep .ai-card {
+    :deep( .ai-card ){
       cursor: move;
 
       &.active {
@@ -475,14 +475,14 @@
       }
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       height: calc(100% - 52px)!important;
       padding: 0!important;
       overflow: hidden!important;
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -692,14 +692,14 @@
       }
     }
 
-    ::v-deep .ai-detail__title {
+    :deep( .ai-detail__title ){
       margin: 0!important;
       margin-bottom: 4px!important;
       padding: 0 20px;
       box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
     }
 
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       display: flex;
       max-width: 100%!important;
       height: 100%!important;
@@ -711,7 +711,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -746,7 +746,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
diff --git a/packages/work/processManagement/mattersConfig/components/attachmentMaterial.vue b/packages/work/processManagement/mattersConfig/components/attachmentMaterial.vue
index d527bed4..ccc34328 100644
--- a/packages/work/processManagement/mattersConfig/components/attachmentMaterial.vue
+++ b/packages/work/processManagement/mattersConfig/components/attachmentMaterial.vue
@@ -184,7 +184,7 @@ export default {
     white-space: nowrap;
   }
 
-  ::v-deep .el-upload-list {
+  :deep( .el-upload-list ){
     display: none;
   }
 
diff --git a/packages/work/processManagement/mattersConfig/components/guidance.vue b/packages/work/processManagement/mattersConfig/components/guidance.vue
index 8f38b8a1..9fe6e0f2 100644
--- a/packages/work/processManagement/mattersConfig/components/guidance.vue
+++ b/packages/work/processManagement/mattersConfig/components/guidance.vue
@@ -165,10 +165,10 @@
         padding: 0 calc(50% - 380px);
 
 
-        ::v-deep .el-step {
+        :deep( .el-step ){
           font-weight: bold;
 
-          ::v-deep .el-step__icon {
+          :deep( .el-step__icon ){
             width: 24px;
             height: 24px;
             background: #fff;
@@ -178,7 +178,7 @@
             }
           }
 
-          ::v-deep .el-step__main {
+          :deep( .el-step__main ){
             display: flex;
             align-items: center;
 
diff --git a/packages/work/processManagement/mattersConfig/components/processApproval.vue b/packages/work/processManagement/mattersConfig/components/processApproval.vue
index 65e5ab67..ea8f13c9 100644
--- a/packages/work/processManagement/mattersConfig/components/processApproval.vue
+++ b/packages/work/processManagement/mattersConfig/components/processApproval.vue
@@ -454,13 +454,13 @@ export default {
     }
   }
 
-  ::v-deep .el-step__icon.is-text {
+  :deep( .el-step__icon.is-text ){
     border: 2px solid #2266FF;
     background: #2266FF;
     color: #FFFFFF;
   }
 
-  ::v-deep .el-step__line {
+  :deep( .el-step__line ){
     background-color: #D0D4DC;
   }
 }
diff --git a/packages/work/processManagement/personalSignature/AppPersonalSignature.vue b/packages/work/processManagement/personalSignature/AppPersonalSignature.vue
index e84f74b7..af514a97 100644
--- a/packages/work/processManagement/personalSignature/AppPersonalSignature.vue
+++ b/packages/work/processManagement/personalSignature/AppPersonalSignature.vue
@@ -221,7 +221,7 @@ export default {
   background: #f3f6f9;
   overflow: auto;
 
-  ::v-deep .signaturePane {
+  :deep( .signaturePane ){
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
@@ -309,7 +309,7 @@ export default {
       }
     }
   }
-  ::v-deep .writeInPhone {
+  :deep( .writeInPhone ){
     position: absolute;
     width: 100px;
     height: 32px;
@@ -333,7 +333,7 @@ export default {
       color: #fff;
     }
   }
-  ::v-deep .ai-dialog__wrapper {
+  :deep( .ai-dialog__wrapper ){
     .ai-dialog__content--wrapper {
       padding-right: 0 !important;
     }
diff --git a/packages/wxwork/Announce/AppAnnounce/components/Detail.vue b/packages/wxwork/Announce/AppAnnounce/components/Detail.vue
index 30a180f0..083bf14e 100644
--- a/packages/wxwork/Announce/AppAnnounce/components/Detail.vue
+++ b/packages/wxwork/Announce/AppAnnounce/components/Detail.vue
@@ -506,7 +506,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -667,7 +667,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -758,7 +758,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/packages/wxwork/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue b/packages/wxwork/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
index 604814d4..97ce8db3 100644
--- a/packages/wxwork/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
+++ b/packages/wxwork/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
@@ -50,7 +50,7 @@
                   </el-card>
                 </el-timeline-item>
               </el-timeline>
-              
+
             </div>
             <ai-empty v-if="!taskList.length" />
           </div>
@@ -613,7 +613,7 @@
             height: 22px;
             overflow:hidden;
             white-space: nowrap;
-            text-overflow: ellipsis; 
+            text-overflow: ellipsis;
             vertical-align: bottom;
           }
           .el-icon-arrow-down{
@@ -680,11 +680,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -694,48 +694,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -746,7 +746,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/packages/wxwork/AnnounceResident/AppAnnounceResident/components/Detail.vue b/packages/wxwork/AnnounceResident/AppAnnounceResident/components/Detail.vue
index f3ba08ca..c9bae1cb 100644
--- a/packages/wxwork/AnnounceResident/AppAnnounceResident/components/Detail.vue
+++ b/packages/wxwork/AnnounceResident/AppAnnounceResident/components/Detail.vue
@@ -421,7 +421,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -582,7 +582,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -673,7 +673,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/packages/wxwork/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue b/packages/wxwork/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue
index 72b71145..c8f14898 100644
--- a/packages/wxwork/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue
+++ b/packages/wxwork/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue
@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/packages/wxwork/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue b/packages/wxwork/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue
index b5fa2d6d..d321395f 100644
--- a/packages/wxwork/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue
+++ b/packages/wxwork/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue
@@ -386,7 +386,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -547,7 +547,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -638,7 +638,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/packages/wxwork/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue b/packages/wxwork/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue
index e8efd4ae..9e110f07 100644
--- a/packages/wxwork/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue
+++ b/packages/wxwork/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue
@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/packages/wxwork/AppBuddyMessage/components/Add.vue b/packages/wxwork/AppBuddyMessage/components/Add.vue
index 5602e357..8caa1d23 100644
--- a/packages/wxwork/AppBuddyMessage/components/Add.vue
+++ b/packages/wxwork/AppBuddyMessage/components/Add.vue
@@ -324,7 +324,7 @@
         border-color: #2266FF;
       }
 
-      ::v-deep {
+      :deep( ){
         .el-radio__label {
           display: none;
         }
diff --git a/packages/wxwork/AppClientMassTextin/components/NewClientMass.vue b/packages/wxwork/AppClientMassTextin/components/NewClientMass.vue
index 6bb262d5..87e07b88 100644
--- a/packages/wxwork/AppClientMassTextin/components/NewClientMass.vue
+++ b/packages/wxwork/AppClientMassTextin/components/NewClientMass.vue
@@ -311,7 +311,7 @@
       }
     }
 
-    ::v-deep .AiPersonSelect {
+    :deep( .AiPersonSelect ){
       & > button {
         background: #F5F5F5;
         border-radius: 0px 2px 2px 0px;
@@ -327,7 +327,7 @@
       color: #222222;
     }
 
-    ::v-deep .msg-title {
+    :deep( .msg-title ){
       & > .aibar {
         justify-content: flex-start;
 
diff --git a/packages/wxwork/AppMassNotification/components/Add.vue b/packages/wxwork/AppMassNotification/components/Add.vue
index d63b2251..67f148bc 100644
--- a/packages/wxwork/AppMassNotification/components/Add.vue
+++ b/packages/wxwork/AppMassNotification/components/Add.vue
@@ -20,7 +20,7 @@
                   <el-radio label="2">居民群</el-radio>
                   <el-radio label="1">居民</el-radio>
                 </el-radio-group>
-                
+
               </el-form-item>
               <el-form-item label="地区选择" style="width: 100%">
                 <ai-area-get v-model="areaId" :root="areaRootId" :instance="instance" @select="handleAreaSelect" multiple size="small" placeholder="请选择"/>
@@ -254,7 +254,7 @@ export default {
                 accessUrl: item.url,
               }
             })
-          } 
+          }
 
           this.form.fileList = [...contentList, ...this.imgs, ...this.videos, ...this.files]
 
@@ -328,7 +328,7 @@ export default {
       border-color: #2266FF;
     }
 
-    ::v-deep {
+    :deep( ){
       .el-radio__label {
         display: none;
       }
diff --git a/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue b/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue
index 48a1aaa4..ae8bd3cc 100644
--- a/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue
+++ b/packages/wxwork/AppMassNotification/components/SelectDeptUser.vue
@@ -180,7 +180,7 @@ export default {
 
 <style lang="scss" scoped>
 .SelectDeptUser {
-  ::v-deep.optionsItem {
+  :deep(.optionsItem ){
     border: 1px solid #eee;
     margin-bottom: 8px;
     padding: 8px;
diff --git a/packages/wxwork/AppMsgTemplate/components/Detail.vue b/packages/wxwork/AppMsgTemplate/components/Detail.vue
index e4e0df8f..917dfbd7 100644
--- a/packages/wxwork/AppMsgTemplate/components/Detail.vue
+++ b/packages/wxwork/AppMsgTemplate/components/Detail.vue
@@ -171,7 +171,7 @@ export default {
 <style scoped lang="scss">
 .detail {
   .AiTitle {
-    ::v-deep.ai-detail__title {
+    :deep(.ai-detail__title ){
       // padding: 10px 0 0 10px;
       background-color: #fff;
     }
diff --git a/packages/wxwork/AppMsgTemplate/components/commonList.vue b/packages/wxwork/AppMsgTemplate/components/commonList.vue
index 6a449685..2222abbc 100644
--- a/packages/wxwork/AppMsgTemplate/components/commonList.vue
+++ b/packages/wxwork/AppMsgTemplate/components/commonList.vue
@@ -491,14 +491,14 @@ export default {
   // text-overflow: ellipsis;
   height: 100%;
   background: #f3f6f9;
-  ::v-deep.btn {
+  :deep(.btn ){
     margin-bottom: 10px;
   }
-  ::v-deep.cell {
+  :deep(.cell ){
     width: 40px;
     height: 40px;
-    ::v-deep.table-left__wrapper {
-      ::v-deep .img {
+    :deep(.table-left__wrapper ){
+      :deep( .img ){
         // object-fit: fill;
         width: 40px;
         height: 40px;
diff --git a/packages/wxwork/AppMsgTemplate/components/detailSystem.vue b/packages/wxwork/AppMsgTemplate/components/detailSystem.vue
index 7c2b8edb..21a6fe92 100644
--- a/packages/wxwork/AppMsgTemplate/components/detailSystem.vue
+++ b/packages/wxwork/AppMsgTemplate/components/detailSystem.vue
@@ -170,7 +170,7 @@ export default {
 <style scoped lang="scss">
 .detail {
   .AiTitle {
-    ::v-deep.ai-detail__title {
+    :deep(.ai-detail__title ){
       // padding: 10px 0 0 10px;
       background-color: #fff;
     }
diff --git a/packages/wxwork/AppMsgTemplate/components/systemList.vue b/packages/wxwork/AppMsgTemplate/components/systemList.vue
index ba759a5a..a8786c11 100644
--- a/packages/wxwork/AppMsgTemplate/components/systemList.vue
+++ b/packages/wxwork/AppMsgTemplate/components/systemList.vue
@@ -719,10 +719,10 @@ export default {
   height: 100%;
   .el-alert {
     margin-bottom: 10px;
-    // ::v-deep.el-alert__content {
+    // :deep(.el-alert__content ){
     //   color: red;
     // }
-    ::v-deep.el-alert__closebtn {
+    :deep(.el-alert__closebtn ){
       color: #8d96a9;
     }
   }
diff --git a/packages/wxwork/AppNotification/AppNotification.vue b/packages/wxwork/AppNotification/AppNotification.vue
index f520059f..165feee8 100644
--- a/packages/wxwork/AppNotification/AppNotification.vue
+++ b/packages/wxwork/AppNotification/AppNotification.vue
@@ -74,7 +74,7 @@
   }
 </script>
 <style lang="scss" scoped>
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     background-color: transparent !important;
     box-shadow: none !important;
   }
diff --git a/packages/wxwork/AppNotification/components/add.vue b/packages/wxwork/AppNotification/components/add.vue
index 71b13b62..48857ab7 100644
--- a/packages/wxwork/AppNotification/components/add.vue
+++ b/packages/wxwork/AppNotification/components/add.vue
@@ -148,7 +148,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .picker {
+:deep( .picker ){
   width: 300px;
 
   .el-form-item__content {
@@ -172,7 +172,7 @@ export default {
   white-space: nowrap;
 }
 
-::v-deep .AiOpenData {
+:deep( .AiOpenData ){
   height: auto !important;
 
   &:after {
diff --git a/packages/wxwork/AppNotification/components/detail.vue b/packages/wxwork/AppNotification/components/detail.vue
index 43e3b92a..30fcba72 100644
--- a/packages/wxwork/AppNotification/components/detail.vue
+++ b/packages/wxwork/AppNotification/components/detail.vue
@@ -65,7 +65,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .title {
+:deep( .title ){
   .aibar-left {
     width: 100%;
     text-align: center;
diff --git a/packages/wxwork/AppNotification/components/manageDetail.vue b/packages/wxwork/AppNotification/components/manageDetail.vue
index 7ec50211..dd3b0eb0 100644
--- a/packages/wxwork/AppNotification/components/manageDetail.vue
+++ b/packages/wxwork/AppNotification/components/manageDetail.vue
@@ -175,7 +175,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .title {
+:deep( .title ){
   .aibar-left {
     width: 100%;
     text-align: center;
diff --git a/packages/wxwork/AppNotification/components/noticeManage.vue b/packages/wxwork/AppNotification/components/noticeManage.vue
index 0d1b978c..3baefabb 100644
--- a/packages/wxwork/AppNotification/components/noticeManage.vue
+++ b/packages/wxwork/AppNotification/components/noticeManage.vue
@@ -227,7 +227,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .status {
+:deep( .status ){
   color: rgba(41, 107, 251, 100);
   cursor: pointer;
 }
@@ -238,7 +238,7 @@ header {
   margin-bottom: 10px;
 }
 
-::v-deep .wrap {
+:deep( .wrap ){
   display: flex;
   align-items: center;
   flex-wrap: wrap;
diff --git a/packages/wxwork/AppNotification/components/recentNotice.vue b/packages/wxwork/AppNotification/components/recentNotice.vue
index 70aca7ac..294b65f8 100644
--- a/packages/wxwork/AppNotification/components/recentNotice.vue
+++ b/packages/wxwork/AppNotification/components/recentNotice.vue
@@ -189,7 +189,7 @@ export default {
       }
     }
 
-    ::v-deep .row {
+    :deep( .row ){
       margin-top: 10px;
 
       span {
@@ -205,7 +205,7 @@ export default {
   }
 }
 
-::v-deep .page {
+:deep( .page ){
   font-size: 12px;
   color: #555555;
 
diff --git a/packages/wxwork/AppResidentGroupManage/components/Detail.vue b/packages/wxwork/AppResidentGroupManage/components/Detail.vue
index 9f148d17..73da2287 100644
--- a/packages/wxwork/AppResidentGroupManage/components/Detail.vue
+++ b/packages/wxwork/AppResidentGroupManage/components/Detail.vue
@@ -268,7 +268,7 @@
 
 <style scoped lang="scss">
   .AppResidentManage {
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       max-width: 100% !important;
       padding: 20px;
     }
@@ -366,7 +366,7 @@
       }
     }
 
-    ::v-deep .avatar {
+    :deep( .avatar ){
       width: 40px;
       height: 40px;
       vertical-align: middle;
diff --git a/packages/wxwork/AppResidentGroupManage/components/Statistics.vue b/packages/wxwork/AppResidentGroupManage/components/Statistics.vue
index 880f8100..23476279 100644
--- a/packages/wxwork/AppResidentGroupManage/components/Statistics.vue
+++ b/packages/wxwork/AppResidentGroupManage/components/Statistics.vue
@@ -166,7 +166,7 @@
 
 <style scoped lang="scss">
   .statistics {
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent !important;
       box-shadow: none !important;
       padding: 12px 0 12px !important;
diff --git a/packages/wxwork/AppResidentManage/components/Detail.vue b/packages/wxwork/AppResidentManage/components/Detail.vue
index 5ddd0f57..b1078e8d 100644
--- a/packages/wxwork/AppResidentManage/components/Detail.vue
+++ b/packages/wxwork/AppResidentManage/components/Detail.vue
@@ -231,7 +231,7 @@
 
 <style scoped lang="scss">
   .AppResidentManage {
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       max-width: 100% !important;
       padding: 20px;
     }
@@ -295,7 +295,7 @@
               font-weight: normal;
             }
 
-            ::v-deep i {
+            :deep( i ){
               font-style: normal;
               color: #2266FF;
             }
diff --git a/packages/wxwork/AppResidentManage/components/Statistics.vue b/packages/wxwork/AppResidentManage/components/Statistics.vue
index 1fb31af9..afd5b8dc 100644
--- a/packages/wxwork/AppResidentManage/components/Statistics.vue
+++ b/packages/wxwork/AppResidentManage/components/Statistics.vue
@@ -160,7 +160,7 @@
 
 <style scoped lang="scss">
   .statistics {
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent!important;
       box-shadow: none!important;
       padding: 12px 0 12px!important;
diff --git a/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue b/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue
index 5edcf8e4..7cbbca70 100644
--- a/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue
+++ b/packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue
@@ -489,27 +489,27 @@ export default {
     }
   }
 
-  ::v-deep .el-scrollbar__wrap {
+  :deep( .el-scrollbar__wrap ){
     overflow-x: hidden;
   }
 }
 
-::v-deep .ai-list__content--right {
+:deep( .ai-list__content--right ){
 
   .ai-list__content--right-wrapper {
     min-height: 100%;
   }
 }
 
-::v-deep .has-gutter tr {
+:deep( .has-gutter tr ){
   height: 40px;
 }
 
-::v-deep .el-table__row td {
+:deep( .el-table__row td ){
   height: 68px;
 }
 
-// ::v-deep .el-table__row td .cell {
+// :deep( .el-table__row td .cell ){
 //   width: 240px;
 //   height: 44px;
 // }
@@ -542,7 +542,7 @@ export default {
   }
 }
 
-::v-deep .media {
+:deep( .media ){
   object-fit: fill;
   width: 40px;
   height: 40px;
@@ -550,7 +550,7 @@ export default {
   box-sizing: content-box;
 }
 
-::v-deep .AiPersonSelect {
+:deep( .AiPersonSelect ){
   & > button {
     background: #f5f5f5;
     border-radius: 0px 2px 2px 0px;
@@ -559,7 +559,7 @@ export default {
   }
 }
 
-::v-deep .is-active {
+:deep( .is-active ){
   border-right: 2px solid #2266ff;
 }
 </style>
diff --git a/packages/wxwork/AppVillageCode/components/List.vue b/packages/wxwork/AppVillageCode/components/List.vue
index 9f0aa0cc..b2e37657 100644
--- a/packages/wxwork/AppVillageCode/components/List.vue
+++ b/packages/wxwork/AppVillageCode/components/List.vue
@@ -286,7 +286,7 @@
 
       .addressBook-left__list--search {
         flex: 1;
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -303,7 +303,7 @@
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -340,7 +340,7 @@
         }
 
         background: #2266FF;
-        
+
         span {
           color: #fff;
         }
@@ -396,7 +396,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;
diff --git a/project/hlj/app/AppRatingTask/components/FormDetail.vue b/project/hlj/app/AppRatingTask/components/FormDetail.vue
index 2508e92b..1a196508 100644
--- a/project/hlj/app/AppRatingTask/components/FormDetail.vue
+++ b/project/hlj/app/AppRatingTask/components/FormDetail.vue
@@ -366,7 +366,7 @@
     }
   }
 
-  ::v-deep .AppAnnounceDetail-title {
+  :deep( .AppAnnounceDetail-title ){
     display: flex;
     align-items: center;
 
diff --git a/project/hlj/app/AppScoringTemplate/components/Add.vue b/project/hlj/app/AppScoringTemplate/components/Add.vue
index 3eb7f1f6..ea2887e5 100644
--- a/project/hlj/app/AppScoringTemplate/components/Add.vue
+++ b/project/hlj/app/AppScoringTemplate/components/Add.vue
@@ -641,13 +641,13 @@
     }
 
     .right-item__content--select-answer {
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-right: 0;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         flex: 1;
         color: #222;
         overflow: hidden;
@@ -704,14 +704,14 @@
       word-break: break-all;
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       height: calc(100% - 52px)!important;
       padding: 0!important;
       overflow: hidden!important;
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -905,14 +905,14 @@
       }
     }
 
-    ::v-deep .ai-detail__title {
+    :deep( .ai-detail__title ){
       margin: 0!important;
       margin-bottom: 4px!important;
       padding: 0 20px;
       box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     }
 
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       display: flex;
       max-width: 100%!important;
       height: 100%!important;
@@ -924,7 +924,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -938,14 +938,14 @@
 
     .right-item__select--wrapper {
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         // display: none;
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         background: #FFFFFF;
         border-radius: 4px;
         margin: 0 10px;
@@ -996,7 +996,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
@@ -1026,13 +1026,13 @@
       background: #F3F6F9;
       border-radius: 4px;
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         width: 260px;
         height: 163px;
         overflow: hidden;
@@ -1123,13 +1123,13 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-bottom: 0!important;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         max-width: 140px;
         color: #222;
         overflow: hidden;
@@ -1137,7 +1137,7 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-input {
+      :deep( .el-input ){
         width: 100px;
 
         .el-input__suffix {
diff --git a/project/huizhili/apps/AnnounceBeta/AppAnnounce/components/Detail.vue b/project/huizhili/apps/AnnounceBeta/AppAnnounce/components/Detail.vue
index dfe924fd..80e3f416 100644
--- a/project/huizhili/apps/AnnounceBeta/AppAnnounce/components/Detail.vue
+++ b/project/huizhili/apps/AnnounceBeta/AppAnnounce/components/Detail.vue
@@ -502,7 +502,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -663,7 +663,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -754,7 +754,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/project/huizhili/apps/AnnounceBeta/AppAnnounceStatistics/AppAnnounceStatisticsBeta.vue b/project/huizhili/apps/AnnounceBeta/AppAnnounceStatistics/AppAnnounceStatisticsBeta.vue
index 98c87c82..572c4724 100644
--- a/project/huizhili/apps/AnnounceBeta/AppAnnounceStatistics/AppAnnounceStatisticsBeta.vue
+++ b/project/huizhili/apps/AnnounceBeta/AppAnnounceStatistics/AppAnnounceStatisticsBeta.vue
@@ -680,11 +680,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -694,48 +694,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -746,7 +746,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/project/oms/apps/AppArticles/components/Add.vue b/project/oms/apps/AppArticles/components/Add.vue
index d9f9c3bc..f1016172 100644
--- a/project/oms/apps/AppArticles/components/Add.vue
+++ b/project/oms/apps/AppArticles/components/Add.vue
@@ -160,7 +160,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__content {
+  :deep( .el-form-item__content ){
     margin-left: 140px !important;
   }
 
@@ -185,17 +185,17 @@ export default {
     padding: 0 90px 0 50px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail {
+  :deep( .ai-detail ){
     div {
       box-sizing: border-box;
     }
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
     box-sizing: border-box;
 
@@ -212,7 +212,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/project/oms/apps/AppArticles/components/Event.vue b/project/oms/apps/AppArticles/components/Event.vue
index 70f8006a..0e8bdfab 100644
--- a/project/oms/apps/AppArticles/components/Event.vue
+++ b/project/oms/apps/AppArticles/components/Event.vue
@@ -236,11 +236,11 @@ export default {
 .event {
   height: 100%;
 
-  ::v-deep th {
+  :deep( th ){
     font-weight: bold !important;
   }
 
-  ::v-deep .table-options {
+  :deep( .table-options ){
     span {
       font-size: 14px !important;
     }
diff --git a/project/oms/apps/AppCompany/components/Statistics.vue b/project/oms/apps/AppCompany/components/Statistics.vue
index b10e11d0..37b42a61 100644
--- a/project/oms/apps/AppCompany/components/Statistics.vue
+++ b/project/oms/apps/AppCompany/components/Statistics.vue
@@ -358,7 +358,7 @@ export default {
 .chart-content {
   height: calc(100% - 240px);
 
-  ::v-deep .ai-card__body {
+  :deep( .ai-card__body ){
     height: calc(100% - 70px);
   }
 
@@ -374,7 +374,7 @@ export default {
   }
 }
 
-::v-deep .ai-detail__content--wrapper {
+:deep( .ai-detail__content--wrapper ){
   height: 100%;
 }
 </style>
diff --git a/project/oms/apps/AppRoleRightsManager/AppRoleRightsManager.vue b/project/oms/apps/AppRoleRightsManager/AppRoleRightsManager.vue
index 87b68366..0dc9a94e 100644
--- a/project/oms/apps/AppRoleRightsManager/AppRoleRightsManager.vue
+++ b/project/oms/apps/AppRoleRightsManager/AppRoleRightsManager.vue
@@ -346,7 +346,7 @@ export default {
   height: 100%;
 
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .ai-card {
       box-shadow: none;
       border: 1px solid #eee;
@@ -362,7 +362,7 @@ export default {
     }
   }
 
-  ::v-deep .rightsGraphDialog {
+  :deep( .rightsGraphDialog ){
     .el-dialog__body {
       padding: 0;
     }
@@ -372,7 +372,7 @@ export default {
     }
   }
 
-  ::v-deep .datail-table-body {
+  :deep( .datail-table-body ){
     width: 100%;
     height: auto;
     margin-bottom: 16px;
diff --git a/project/oms/apps/AppRoleRightsManager/rightsGraph.vue b/project/oms/apps/AppRoleRightsManager/rightsGraph.vue
index f25b62c2..a9379619 100644
--- a/project/oms/apps/AppRoleRightsManager/rightsGraph.vue
+++ b/project/oms/apps/AppRoleRightsManager/rightsGraph.vue
@@ -183,7 +183,7 @@ export default {
 .rightsGraph {
   height: 100%;
 
-  ::v-deep #RightGraph {
+  :deep( #RightGraph ){
     width: 100%;
     height: 100%;
     min-height: 500px;
diff --git a/project/oms/apps/develop/AppAiCode/detailLayout.vue b/project/oms/apps/develop/AppAiCode/detailLayout.vue
index fab9c438..51623e3b 100644
--- a/project/oms/apps/develop/AppAiCode/detailLayout.vue
+++ b/project/oms/apps/develop/AppAiCode/detailLayout.vue
@@ -623,7 +623,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-card {
+  :deep( .ai-card ){
     cursor: move;
 
     &.active {
@@ -631,14 +631,14 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     height: calc(100% - 52px) !important;
     padding: 0 !important;
     overflow: hidden !important;
   }
 
   .ai-dialog__success {
-    ::v-deep .ai-dialog__content {
+    :deep( .ai-dialog__content ){
       max-height: initial !important;
     }
   }
@@ -848,14 +848,14 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__title {
+  :deep( .ai-detail__title ){
     margin: 0 !important;
     margin-bottom: 4px !important;
     padding: 0 20px;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
   }
 
-  ::v-deep .ai-detail__content--wrapper {
+  :deep( .ai-detail__content--wrapper ){
     display: flex;
     max-width: 100% !important;
     height: 100% !important;
@@ -867,7 +867,7 @@ export default {
     flex: 1;
     height: 100%;
 
-    ::v-deep .el-scrollbar__view {
+    :deep( .el-scrollbar__view ){
       height: 100%;
     }
   }
@@ -902,7 +902,7 @@ export default {
       }
     }
 
-    ::v-deep .el-upload-list__item {
+    :deep( .el-upload-list__item ){
       width: 40px !important;
       height: 40px !important;
       object-fit: cover;
diff --git a/project/oms/apps/develop/AppDeploy/AppDeploy.vue b/project/oms/apps/develop/AppDeploy/AppDeploy.vue
index fbaa6cb2..35f1b1f0 100644
--- a/project/oms/apps/develop/AppDeploy/AppDeploy.vue
+++ b/project/oms/apps/develop/AppDeploy/AppDeploy.vue
@@ -252,7 +252,7 @@ export default {
 .AppDeploy {
   height: 100%;
 
-  ::v-deep.textRight {
+  :deep(.textRight ){
     direction: rtl;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/project/oms/apps/develop/AppForm/components/Add.vue b/project/oms/apps/develop/AppForm/components/Add.vue
index 466e4248..20747d1c 100644
--- a/project/oms/apps/develop/AppForm/components/Add.vue
+++ b/project/oms/apps/develop/AppForm/components/Add.vue
@@ -183,7 +183,7 @@
 <style lang="scss" scoped>
   .form-add {
     &.form-add__active {
-      ::v-deep .ai-detail__content--wrapper {
+      :deep( .ai-detail__content--wrapper ){
         max-width: 100%!important;
         height: 100%!important;
         background: #F5F6F9;
@@ -194,7 +194,7 @@
         overflow-y: hidden;
       }
 
-      ::v-deep .ai-detail__content {
+      :deep( .ai-detail__content ){
         height: calc(100% - 114px)!important;
         padding: 0!important;
         overflow: hidden!important;
diff --git a/project/oms/apps/develop/AppForm/components/FormConfig.vue b/project/oms/apps/develop/AppForm/components/FormConfig.vue
index eaade007..ba76efb3 100644
--- a/project/oms/apps/develop/AppForm/components/FormConfig.vue
+++ b/project/oms/apps/develop/AppForm/components/FormConfig.vue
@@ -20,12 +20,12 @@
               <table cellspacing="0" cellpadding="0" border="0" class="el-table__body">
                 <draggable element="thead" animation="500" class="el-table__header is-leaf ai-table__header" :sort="true" v-model="showFields">
                   <th v-for="(item, index) in showFields" style="background: #f3f4f5; text-align: center;" class="ai-table__header" :key="index">{{ item.fieldName }}</th>
-                </draggable> 
+                </draggable>
                 <tbody element="tbody">
                   <tr>
                     <td @click="handleShow(index, item.isShow)" v-for="(item, index) in showFields" :key="index">{{ item.isShow ? '已显示' : '已隐藏' }}</td>
                   </tr>
-                </tbody> 
+                </tbody>
               </table>
             </el-scrollbar>
           </div>
@@ -160,7 +160,7 @@
 
         const btns = {}
         this.btnKeys.forEach(item => {
-          btns[item] = this.form.btns.indexOf(item) > -1 ? 1 : 0 
+          btns[item] = this.form.btns.indexOf(item) > -1 ? 1 : 0
         })
 
         return {
@@ -201,7 +201,7 @@
 <style scoped lang="scss">
   .basicInfo {
     .search-wrapper {
-      ::v-deep .el-checkbox-group {
+      :deep( .el-checkbox-group ){
         display: flex;
         flex-wrap: wrap;
 
diff --git a/project/oms/apps/develop/AppForm/components/FormLayout.vue b/project/oms/apps/develop/AppForm/components/FormLayout.vue
index 35cb0c98..846d2e52 100644
--- a/project/oms/apps/develop/AppForm/components/FormLayout.vue
+++ b/project/oms/apps/develop/AppForm/components/FormLayout.vue
@@ -463,7 +463,7 @@
 
         if (this.groupIndex > -1 && this.isGroup) {
           this.currTarget = this.targetList[this.groupIndex]
-          return 
+          return
         }
 
         this.currTarget = {}
@@ -490,7 +490,7 @@
 
         if (this.groupIndex > -1 && this.isGroup) {
           this.currTarget = this.targetList[this.groupIndex]
-          return 
+          return
         }
 
         this.currTarget = {}
@@ -695,7 +695,7 @@
         })
 
         if (list.indexOf(el.type) > -1 && ['name', 'idNumber', 'phone', 'area'].includes(el.type)) {
-          
+
           return false
         }
 
@@ -770,7 +770,7 @@
       }
     }
 
-    ::v-deep .ai-card {
+    :deep( .ai-card ){
       cursor: move;
 
       &.active {
@@ -778,14 +778,14 @@
       }
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       height: calc(100% - 52px)!important;
       padding: 0!important;
       overflow: hidden!important;
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -995,14 +995,14 @@
       }
     }
 
-    ::v-deep .ai-detail__title {
+    :deep( .ai-detail__title ){
       margin: 0!important;
       margin-bottom: 4px!important;
       padding: 0 20px;
       box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
     }
 
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       display: flex;
       max-width: 100%!important;
       height: 100%!important;
@@ -1014,7 +1014,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -1049,7 +1049,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
diff --git a/project/oms/apps/statistics/AppCorpStatistics/AppCorpStatistics.vue b/project/oms/apps/statistics/AppCorpStatistics/AppCorpStatistics.vue
index 2b236b3b..04553791 100644
--- a/project/oms/apps/statistics/AppCorpStatistics/AppCorpStatistics.vue
+++ b/project/oms/apps/statistics/AppCorpStatistics/AppCorpStatistics.vue
@@ -194,7 +194,7 @@ export default {
   height: 100%;
 
   .ai-detail {
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       .ai-detail__content--wrapper {
         display: flex;
         justify-content: space-between;
@@ -225,7 +225,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     .el-tree-node__content {
       display: inline-flex;
       min-width: 100%;
diff --git a/project/pengliuyang/apps/AppCommunityResource/components/addResource.vue b/project/pengliuyang/apps/AppCommunityResource/components/addResource.vue
index d6b17a35..25778e58 100644
--- a/project/pengliuyang/apps/AppCommunityResource/components/addResource.vue
+++ b/project/pengliuyang/apps/AppCommunityResource/components/addResource.vue
@@ -255,14 +255,14 @@ export default {
 <style lang="scss" scoped>
 .addResource {
 
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none!important;
   }
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none!important;
   }
 
-  ::v-deep .mapDialog {
+  :deep( .mapDialog ){
     .el-dialog__body {
       padding: 0;
 
@@ -308,4 +308,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
index c49b305d..d5caad97 100644
--- a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
+++ b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
@@ -117,7 +117,7 @@ export default {
 
     renderMarker(context) {
       const resourceId = context.data[0].id
-      
+
       let el = `<img src="${context.data[0].icon}" style="${resourceId === this.chooseResourceId ? 'width:50px;height:50px;' : 'width:38px;height:38px;'}" id="resourceId-${resourceId}" class="mark-icon" />`
 
       context.marker.setContent(el);
@@ -234,7 +234,7 @@ export default {
 
 <style lang="scss" scoped>
 
-::v-deep .ai-list__content--right-wrapper {
+:deep( .ai-list__content--right-wrapper ){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -242,11 +242,11 @@ export default {
 }
 
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -263,7 +263,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -433,15 +433,15 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep .el-select {
+      :deep( .el-select ){
         padding-right: 28px;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;
@@ -472,13 +472,13 @@ export default {
       }
     }
   }
-  ::v-deep .AiAreaGet {
+  :deep( .AiAreaGet ){
     display: inline-block;
     width: 150px;
     margin-right: 8px;
   }
 }
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
diff --git a/project/pidu/app/AppGridMemberScore/components/gridScoreManage.vue b/project/pidu/app/AppGridMemberScore/components/gridScoreManage.vue
index 80ac43f7..d6fff158 100644
--- a/project/pidu/app/AppGridMemberScore/components/gridScoreManage.vue
+++ b/project/pidu/app/AppGridMemberScore/components/gridScoreManage.vue
@@ -298,7 +298,7 @@ export default {
 .gridScoreManage {
   height: 100%;
 
-  ::v-deep .ai-dialog .ai-dialog__content {
+  :deep( .ai-dialog .ai-dialog__content ){
     max-height: 600px!important;
   }
 
@@ -357,7 +357,7 @@ export default {
     }
   }
 
-  ::v-deep .selectCont .pagination {
+  :deep( .selectCont .pagination ){
     width: 100%!important;
     background: pink;
   }
diff --git a/project/pidu/app/AppGridMemberScore/components/gridScoreRules.vue b/project/pidu/app/AppGridMemberScore/components/gridScoreRules.vue
index 42c2faee..4af6abb4 100644
--- a/project/pidu/app/AppGridMemberScore/components/gridScoreRules.vue
+++ b/project/pidu/app/AppGridMemberScore/components/gridScoreRules.vue
@@ -467,15 +467,15 @@ export default {
   height: 100%;
   background: #f3f6f9;
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
-  // ::v-deep .searchRightZone {
+  // :deep( .searchRightZone ){
   //   display: flex;
   // }
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .el-cascader {
       width: 100%;
     }
diff --git a/project/pidu/app/AppGridMemberScore/components/gridScoreStatistics.vue b/project/pidu/app/AppGridMemberScore/components/gridScoreStatistics.vue
index f91e2b2f..882f1141 100644
--- a/project/pidu/app/AppGridMemberScore/components/gridScoreStatistics.vue
+++ b/project/pidu/app/AppGridMemberScore/components/gridScoreStatistics.vue
@@ -8,7 +8,7 @@
             <span v-for="(item,index) in timeCheck" :key="index" :class="type == index? 'active':''"
              @click="timeChange(index)">{{ item }}</span>
           </div>
-            <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small" 
+            <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small"
               :props="defaultProps" :show-all-levels="false" @change="gridChange" clearable></el-cascader>
         </div>
       </div>
@@ -56,11 +56,11 @@
       <template #content>
         <ai-search-bar>
           <template #left>
-            <el-cascader ref="cascader2" v-model="girdIdArr" :options="girdOptions" placeholder="所属网格" size="small" 
+            <el-cascader ref="cascader2" v-model="girdIdArr" :options="girdOptions" placeholder="所属网格" size="small"
               :props="defaultProps" :show-all-levels="false" clearable @change="gridChangeOpt"></el-cascader>
-            <ai-select v-model="search.integralType" placeholder="请选择类型" @change="current=1, getTableData()" 
+            <ai-select v-model="search.integralType" placeholder="请选择类型" @change="current=1, getTableData()"
             :selectList="dict.getDict('integralType')"/>
-            <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd" 
+            <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd"
               range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="onChange">
             </el-date-picker>
           </template>
@@ -231,7 +231,7 @@ export default {
         }
       })
     },
-    
+
     // 人员、网格排行
     getRanking() {
       this.instance.post('/app/appintegraluser/userAndGirdIntegralSort',null,{
@@ -450,7 +450,7 @@ export default {
     timeChange(index) {
       if(index == 3) {
         this.dialogDate = true
-      } 
+      }
       this.type = index
       this.getStatistics()
       this.getRanking()
@@ -473,7 +473,7 @@ export default {
           this.details = res.data
           if(res.data.enclosure) {
             let str = res.data.enclosure.split('/')
-            this.fileDownLoad = [{ 
+            this.fileDownLoad = [{
               url:res.data.enclosure,
               name: str?.[str.length - 1]
             }]
@@ -640,14 +640,14 @@ export default {
   //   display: inline;
   // }
 
-  ::v-deep .el-dialog__footer {
+  :deep( .el-dialog__footer ){
     text-align: center;
   }
-  ::v-deep .el-dialog__header {
+  :deep( .el-dialog__header ){
     border-bottom: 1px solid #DDD;
   }
-  ::v-deep .ai-detail {
+  :deep( .ai-detail ){
     background: #FFF;
   }
  }
-</style>
\ No newline at end of file
+</style>
diff --git a/project/pingchang/apps/AppBayonetRegistration/components/List.vue b/project/pingchang/apps/AppBayonetRegistration/components/List.vue
index d6e3c5b0..fc88509b 100644
--- a/project/pingchang/apps/AppBayonetRegistration/components/List.vue
+++ b/project/pingchang/apps/AppBayonetRegistration/components/List.vue
@@ -251,7 +251,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       .ai-list__content--right-wrapper {
         background: transparent!important;
         box-shadow: none!important;
diff --git a/project/pingchang/apps/AppCommunityManagement/components/Statistics.vue b/project/pingchang/apps/AppCommunityManagement/components/Statistics.vue
index 6ef6c32e..1fc2ba74 100644
--- a/project/pingchang/apps/AppCommunityManagement/components/Statistics.vue
+++ b/project/pingchang/apps/AppCommunityManagement/components/Statistics.vue
@@ -369,13 +369,13 @@
 <style scoped lang="scss">
   .statistics {
     padding: 0!important;
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent!important;
       box-shadow: none!important;
       padding: 0 0 0!important;
     }
 
-    ::v-deep .ai-list {
+    :deep( .ai-list ){
       padding: 0!important;
     }
 
@@ -425,7 +425,7 @@
 
         .addressBook-left__list--search {
           flex: 1;
-          ::v-deep input {
+          :deep( input ){
             width: 100%;
           }
         }
@@ -442,7 +442,7 @@
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -487,7 +487,7 @@
       }
     }
 
-    ::v-deep .ai-list__content--left {
+    :deep( .ai-list__content--left ){
       margin-right: 10px;
     }
 
@@ -539,7 +539,7 @@
       }
     }
 
-    ::v-deep .ai-list__content--right {
+    :deep( .ai-list__content--right ){
 
       .ai-list__content--right-wrapper {
         min-height: 100%;
diff --git a/project/pingchang/apps/AppCommunityMember/Add.vue b/project/pingchang/apps/AppCommunityMember/Add.vue
index 21c2e2bb..fd1523cf 100644
--- a/project/pingchang/apps/AppCommunityMember/Add.vue
+++ b/project/pingchang/apps/AppCommunityMember/Add.vue
@@ -185,11 +185,11 @@ export default {
       padding-left: 8px;
       color: #999;
     }
-    ::v-deep .el-range-separator {
+    :deep( .el-range-separator ){
       width: 28px!important;
     }
-    ::v-deep .el-date-editor {
+    :deep( .el-date-editor ){
       width: 100%;
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/project/pingchang/apps/AppCommunityMember/List.vue b/project/pingchang/apps/AppCommunityMember/List.vue
index d98ec551..03bd6559 100644
--- a/project/pingchang/apps/AppCommunityMember/List.vue
+++ b/project/pingchang/apps/AppCommunityMember/List.vue
@@ -91,7 +91,7 @@ export default {
     this.dict.load('partyReportActionStatus', 'partyReportSignupStatus').then(() => {
       this.getList()
     })
-    
+
   },
   methods: {
     getListInit() {
@@ -111,7 +111,7 @@ export default {
         this.loading = false
       })
     },
-    
+
     toDetail(id) {
       this.$emit("showDetail", id)
     },
@@ -129,15 +129,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .audit-0 {
+  :deep( .audit-0 ){
     color: #FF8822 !important;
   }
 
-  ::v-deep .audit-1 {
+  :deep( .audit-1 ){
     color: #2EA222 !important;
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
@@ -147,7 +147,7 @@ export default {
       width: 100%;
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }
diff --git a/project/pingchang/apps/AppCommunityMember/Organization.vue b/project/pingchang/apps/AppCommunityMember/Organization.vue
index bdc88ca6..316450e5 100644
--- a/project/pingchang/apps/AppCommunityMember/Organization.vue
+++ b/project/pingchang/apps/AppCommunityMember/Organization.vue
@@ -294,20 +294,20 @@ export default {
           font-weight: bold;
         }
 
-        ::v-deep .el-button--text [class*="iconfont"] {
+        :deep( .el-button--text [class*="iconfont"] ){
           color: #5088ff;
         }
       }
     }
   }
 
-  ::v-deep .el-dialog {
+  :deep( .el-dialog ){
     .el-dialog__body {
       padding: 16px;
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     margin-top: 16px;
     min-height: 300px;
     max-height: 600px;
@@ -321,7 +321,7 @@ export default {
     }
   }
 
-  ::v-deep .organizations_tree .el-tree .is-current>.el-tree-node__content {
+  :deep( .organizations_tree .el-tree .is-current>.el-tree-node__content ){
     background-color: #26f;
     color: #fff;
   }
diff --git a/project/pingchang/apps/AppCommunityMember/Statistics.vue b/project/pingchang/apps/AppCommunityMember/Statistics.vue
index b18516c8..84804d09 100644
--- a/project/pingchang/apps/AppCommunityMember/Statistics.vue
+++ b/project/pingchang/apps/AppCommunityMember/Statistics.vue
@@ -646,15 +646,15 @@ export default {
     }
   }
 
-  ::v-deep .el-col-24 {
+  :deep( .el-col-24 ){
     width: auto;
   }
-  ::v-deep  .ai-list__content--right-wrapper {
+  :deep(  .ai-list__content--right-wrapper ){
     background-color: none!important;
     padding: 0!important;
   }
-  ::v-deep .el-tree .is-current>.el-tree-node__content {
+  :deep( .el-tree .is-current>.el-tree-node__content ){
     min-width: 100%!important;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/project/pingchang/apps/AppDataPermissionConfig/components/List.vue b/project/pingchang/apps/AppDataPermissionConfig/components/List.vue
index e416a6b3..fa9c69b6 100644
--- a/project/pingchang/apps/AppDataPermissionConfig/components/List.vue
+++ b/project/pingchang/apps/AppDataPermissionConfig/components/List.vue
@@ -585,7 +585,7 @@ export default {
     padding: 0;
     font-size: 12px;
 
-    ::v-deep span {
+    :deep( span ){
       margin-left: 0;
     }
   }
@@ -598,7 +598,7 @@ export default {
     .addressBook-left__list--search {
       flex: 1;
 
-      ::v-deep input {
+      :deep( input ){
         width: 100%;
       }
     }
@@ -653,12 +653,12 @@ export default {
       height: 100%;
       overflow: auto;
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         width: fit-content;
         min-width: 100%;
       }
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
 
@@ -702,7 +702,7 @@ export default {
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -748,7 +748,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
diff --git a/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue b/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue
index 1f3fd70b..2225f7c8 100644
--- a/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue
+++ b/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue
@@ -75,11 +75,11 @@
                    等额选举：候选人数与应选人数相等的选举方式。" placement="top">
                     <i class="el-icon-info" style="margin-right: 8px"></i>
                   </el-tooltip>
-                  
+
                   <el-radio v-model="form.electionMethod" label="0">等额</el-radio>
                   <el-radio v-model="form.electionMethod" label="1">差额</el-radio>
                 </el-form-item>
-                
+
                 <el-row type="flex">
                   <el-col :span="20">
                     <el-form-item label="应选人数" prop="chooseNumber">
@@ -265,7 +265,7 @@ export default {
 .electionAdd {
   height: 100%;
 
-  ::v-deep .el-date-editor .el-input {
+  :deep( .el-date-editor .el-input ){
     width: 100%;
   }
 
@@ -281,4 +281,4 @@ export default {
     font-size: 13px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/project/pingchang/apps/AppHealthReport/components/List.vue b/project/pingchang/apps/AppHealthReport/components/List.vue
index d4cf90a3..4b9954ab 100644
--- a/project/pingchang/apps/AppHealthReport/components/List.vue
+++ b/project/pingchang/apps/AppHealthReport/components/List.vue
@@ -252,7 +252,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       .ai-list__content--right-wrapper {
         background: transparent!important;
         box-shadow: none!important;
diff --git a/project/pingchang/apps/AppHomeReport/components/List.vue b/project/pingchang/apps/AppHomeReport/components/List.vue
index c0787e93..3ccae61b 100644
--- a/project/pingchang/apps/AppHomeReport/components/List.vue
+++ b/project/pingchang/apps/AppHomeReport/components/List.vue
@@ -246,7 +246,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       .ai-list__content--right-wrapper {
         background: transparent!important;
         box-shadow: none!important;
diff --git a/project/pingchang/apps/AppNewEconomics/components/Add.vue b/project/pingchang/apps/AppNewEconomics/components/Add.vue
index 14526e97..0dd99d7c 100644
--- a/project/pingchang/apps/AppNewEconomics/components/Add.vue
+++ b/project/pingchang/apps/AppNewEconomics/components/Add.vue
@@ -5,7 +5,7 @@
 
     <!-- 内容 -->
     <template slot="content">
-      <el-form 
+      <el-form
         :model="formData"
         ref="ruleForm"
         :rules="formRules"
@@ -620,7 +620,7 @@ export default {
 
 <style scoped lang="scss">
 .Add {
-  ::v-deep.ai-form {
+  :deep(.ai-form ){
     .ai-card {
       .ai-card-body {
         display: flex;
@@ -644,7 +644,7 @@ export default {
     }
   }
 }
-::v-deep .ai-form .el-form-item .el-form-item__content {
+:deep( .ai-form .el-form-item .el-form-item__content ){
   margin-left: 174px!important;
 }
 </style>
diff --git a/project/pingchang/apps/AppNewSociety/components/Add.vue b/project/pingchang/apps/AppNewSociety/components/Add.vue
index f688bb7f..7326650d 100644
--- a/project/pingchang/apps/AppNewSociety/components/Add.vue
+++ b/project/pingchang/apps/AppNewSociety/components/Add.vue
@@ -620,7 +620,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep.ai-form {
+:deep(.ai-form ){
   .ai-card {
     .ai-card-body {
       display: flex;
@@ -647,7 +647,7 @@ export default {
     }
   }
 }
-::v-deep .ai-form .el-form-item .el-form-item__content {
+:deep( .ai-form .el-form-item .el-form-item__content ){
   margin-left: 164px!important;
 }
 </style>
diff --git a/project/pingchang/apps/AppOrganizationChange/components/List.vue b/project/pingchang/apps/AppOrganizationChange/components/List.vue
index 0c1d2e81..d24043da 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/List.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/List.vue
@@ -82,7 +82,7 @@ export default {
 .List {
   position: relative;
 
-  ::v-deep.ai-detail__content--wrapper {
+  :deep(.ai-detail__content--wrapper ){
     height: 100%;
 
     & > * {
@@ -101,7 +101,7 @@ export default {
     }
   }
 
-  ::v-deep .is-current > .el-tree-node__content {
+  :deep( .is-current > .el-tree-node__content ){
     width: 100% !important;
     padding-right: 16px !important;
   }
diff --git a/project/pingchang/apps/AppOrganizationChange/components/detailPanel.vue b/project/pingchang/apps/AppOrganizationChange/components/detailPanel.vue
index 966d51b5..1b1d895f 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/detailPanel.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/detailPanel.vue
@@ -128,7 +128,7 @@ export default {
     margin-top: 24px;
   }
 
-  ::v-deep .table-header {
+  :deep( .table-header ){
     box-sizing: border-box;
     border-right: 1px solid #d0d4dc !important;
 
@@ -141,7 +141,7 @@ export default {
     }
   }
 
-  ::v-deep .table-cell {
+  :deep( .table-cell ){
     height: 44px;
     color: #333;
 
diff --git a/project/pingchang/apps/AppPartyMember/components/Add.vue b/project/pingchang/apps/AppPartyMember/components/Add.vue
index 9b85855e..c2670744 100644
--- a/project/pingchang/apps/AppPartyMember/components/Add.vue
+++ b/project/pingchang/apps/AppPartyMember/components/Add.vue
@@ -765,7 +765,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "Add",
@@ -1059,7 +1059,7 @@ export default {
 
 <style scoped lang="scss">
 .party {
-  ::v-deep .el-input-group__append {
+  :deep( .el-input-group__append ){
     height: 32px;
     margin: 0;
     padding: 0;
@@ -1078,7 +1078,7 @@ export default {
     }
   }
 
-  ::v-deep.cardTabs {
+  :deep(.cardTabs ){
     .el-tabs__header {
       padding: 0;
     }
diff --git a/project/pingchang/apps/AppPartyMember/components/Detail.vue b/project/pingchang/apps/AppPartyMember/components/Detail.vue
index 7ade57a4..2d9600fa 100644
--- a/project/pingchang/apps/AppPartyMember/components/Detail.vue
+++ b/project/pingchang/apps/AppPartyMember/components/Detail.vue
@@ -456,7 +456,7 @@ export default {
 
 <style scoped lang="scss">
 .party-detail {
-  ::v-deep .AiID {
+  :deep( .AiID ){
     line-height: 1.4;
     color: #222;
 
diff --git a/project/pingchang/apps/AppPartyMember/components/List.vue b/project/pingchang/apps/AppPartyMember/components/List.vue
index d3ddba7b..99cfa91d 100644
--- a/project/pingchang/apps/AppPartyMember/components/List.vue
+++ b/project/pingchang/apps/AppPartyMember/components/List.vue
@@ -347,15 +347,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .audit-0 {
+  :deep( .audit-0 ){
     color: #FF8822 !important;
   }
 
-  ::v-deep .audit-1 {
+  :deep( .audit-1 ){
     color: #2EA222 !important;
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
@@ -365,7 +365,7 @@ export default {
       width: 100%;
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }
diff --git a/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue b/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
index c3e1bce7..f9c89169 100644
--- a/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
+++ b/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
@@ -70,7 +70,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "neighbourSetting",
@@ -187,7 +187,7 @@ export default {
     margin-top: 16px;
   }
 
-  ::v-deep.ai-dialog__content {
+  :deep(.ai-dialog__content ){
     .ai-dialog__content--wrapper {
       padding-right: 0;
       display: flex;
@@ -223,7 +223,7 @@ export default {
     }
   }
 
-  ::v-deep.searchbar {
+  :deep(.searchbar ){
     padding-right: 0;
   }
 }
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
index 2faf2186..8a972538 100644
--- a/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
@@ -18,7 +18,7 @@
                 <el-form-item
                   label="姓名"
                   style="width: 100%"
-                  prop="name" 
+                  prop="name"
                 >
                   <el-input
                     size="small"
@@ -595,7 +595,7 @@ export default {
           }
           if (this.form.fileList.length > 0) {
             this.form.files = JSON.stringify(this.form.fileList)
-          } 
+          }
           this.instance.post(`/app/apppartydevelop/addOrUpdate`, {...this.form}).then((res) => {
             if (res.code == 0) {
               this.$message.success(this.isEdit ? "编辑成功" : "添加成功");
@@ -665,7 +665,7 @@ export default {
 
 <style scoped lang="scss">
 .party {
-  ::v-deep .el-input-group__append {
+  :deep( .el-input-group__append ){
     height: 32px;
     margin: 0;
     padding: 0;
@@ -684,7 +684,7 @@ export default {
     }
   }
 
-  ::v-deep.cardTabs {
+  :deep(.cardTabs ){
     .el-tabs__header {
       padding: 0;
     }
@@ -697,7 +697,7 @@ export default {
   .audit-1 {
     color: #2ea222 !important;
   }
-  ::v-deep .ai-form .el-form-item .el-form-item__content {
+  :deep( .ai-form .el-form-item .el-form-item__content ){
     margin-left: 174px!important;
   }
 }
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue
index b0ab342b..44ff7822 100644
--- a/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue
@@ -212,7 +212,7 @@ export default {
 
 <style scoped lang="scss">
 .party-detail {
-  ::v-deep .AiID {
+  :deep( .AiID ){
     line-height: 1.4;
     color: #222;
 
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue
index 2d473184..64de8c72 100644
--- a/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue
@@ -160,7 +160,7 @@ export default {
     this.dict.load('sex', 'developStatus').then(() => {
       this.getList()
     })
-    
+
   },
   methods: {
     showNeighbourSetting(id) {
@@ -237,15 +237,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .audit-0 {
+  :deep( .audit-0 ){
     color: #FF8822 !important;
   }
 
-  ::v-deep .audit-1 {
+  :deep( .audit-1 ){
     color: #2EA222 !important;
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
@@ -255,7 +255,7 @@ export default {
       width: 100%;
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }
diff --git a/project/pingchang/apps/AppTwoNewOrganizationSta/staPane.vue b/project/pingchang/apps/AppTwoNewOrganizationSta/staPane.vue
index b7589af2..493c55b2 100644
--- a/project/pingchang/apps/AppTwoNewOrganizationSta/staPane.vue
+++ b/project/pingchang/apps/AppTwoNewOrganizationSta/staPane.vue
@@ -335,7 +335,7 @@ export default {
 .staPane {
   height: 100%;
 
-  ::v-deep .ai-list__blank {
+  :deep( .ai-list__blank ){
     display: flex;
     height: 100% !important;
     gap: 16px;
@@ -406,7 +406,7 @@ export default {
   .pad-l32 {
     padding-left: 32px;
   }
-  ::v-deep .el-tree .is-current>.el-tree-node__content {
+  :deep( .el-tree .is-current>.el-tree-node__content ){
     background-color: #26f;
     color: #fff;
   }
diff --git a/project/pingchang/apps/AppVillageAuxiliarPolice/components/List.vue b/project/pingchang/apps/AppVillageAuxiliarPolice/components/List.vue
index ecee71c3..b7aa0253 100644
--- a/project/pingchang/apps/AppVillageAuxiliarPolice/components/List.vue
+++ b/project/pingchang/apps/AppVillageAuxiliarPolice/components/List.vue
@@ -294,7 +294,7 @@
 
       .addressBook-left__list--search {
         flex: 1;
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -311,7 +311,7 @@
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -356,7 +356,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
@@ -408,7 +408,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;
diff --git a/project/pingchang/apps/AppWishfulThinking/components/Add.vue b/project/pingchang/apps/AppWishfulThinking/components/Add.vue
index 11b233ba..35787e24 100644
--- a/project/pingchang/apps/AppWishfulThinking/components/Add.vue
+++ b/project/pingchang/apps/AppWishfulThinking/components/Add.vue
@@ -230,7 +230,7 @@ export default {
       this.$refs.form.validate((valid) => {
         if (valid) {
           this.instance.post(`/app/appclapeventinfopingchang/addOrUpdate`, {
-            ...this.form, 
+            ...this.form,
             groupName: this.dictList.filter(v => v.dictValue === this.form.groupId)[0].dictName,
           }).then((res) => {
             if (res.code == 0) {
@@ -262,13 +262,13 @@ export default {
       padding-left: 8px;
       color: #999;
     }
-    ::v-deep .el-range-separator {
+    :deep( .el-range-separator ){
       width: 28px!important;
     }
-    ::v-deep .el-date-editor {
+    :deep( .el-date-editor ){
       width: 100%;
     }
-    ::v-deep .mapDialog {
+    :deep( .mapDialog ){
       .el-dialog__body {
         padding: 0;
 
@@ -314,4 +314,4 @@ export default {
       }
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/project/pingchang/apps/AppWishfulThinking/components/Detail.vue b/project/pingchang/apps/AppWishfulThinking/components/Detail.vue
index 07c9181a..5b11db90 100644
--- a/project/pingchang/apps/AppWishfulThinking/components/Detail.vue
+++ b/project/pingchang/apps/AppWishfulThinking/components/Detail.vue
@@ -325,7 +325,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -370,13 +370,13 @@ export default {
   }
 
   .el-steps {
-    ::v-deep .el-step__icon {
+    :deep( .el-step__icon ){
       font-size: 12px;
       color: #555555;
       border-color: #d0d4dc;
     }
 
-    ::v-deep .el-step__head.is-finish {
+    :deep( .el-step__head.is-finish ){
       .el-step__icon.is-text {
         border: none;
         color: #fff;
@@ -385,7 +385,7 @@ export default {
       }
     }
 
-    ::v-deep .el-step__line {
+    :deep( .el-step__line ){
       background-color: #d0d4dc;
     }
   }
@@ -411,18 +411,18 @@ export default {
     }
   }
 
-  ::v-deep .report-dialog {
+  :deep( .report-dialog ){
     .el-select {
       width: 100%;
     }
   }
 
-  ::v-deep .el-step__head.is-process {
+  :deep( .el-step__head.is-process ){
     color: #555;
     border-color: #555;
   }
 
-  ::v-deep .is-finish h2 {
+  :deep( .is-finish h2 ){
     color: #2266ff;
   }
 
@@ -441,7 +441,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #f3f6f9;
 
     .ai-detail__content--wrapper {
@@ -467,7 +467,7 @@ export default {
     }
   }
 
-  ::v-deep .el-card {
+  :deep( .el-card ){
     .el-card__header {
       padding: 12px 16px;
       font-weight: bold;
diff --git a/project/pingchang/apps/AppWishfulThinking/components/List.vue b/project/pingchang/apps/AppWishfulThinking/components/List.vue
index 7949e448..1cfdbe09 100644
--- a/project/pingchang/apps/AppWishfulThinking/components/List.vue
+++ b/project/pingchang/apps/AppWishfulThinking/components/List.vue
@@ -11,10 +11,10 @@
           <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd()">
             添加
           </el-button>
-          <!-- <ai-import :instance="instance" :dict="dict" type="appcommunitybuildinginfo" name="微心愿"
-                      @success="getList()">
+          <ai-import :instance="instance" :dict="dict" type="appclapeventinfopingchang" name="微心愿"
+                      @success="search.current = 1, getList()">
             <el-button icon="iconfont iconImport">导入</el-button>
-          </ai-import> -->
+          </ai-import>
           <ai-select
               v-model="search.eventStatus"
               clearable
diff --git a/project/pingchang/apps/AppWorkTask/components/ExecuteList.vue b/project/pingchang/apps/AppWorkTask/components/ExecuteList.vue
index 8d1c8c76..c1a3346f 100644
--- a/project/pingchang/apps/AppWorkTask/components/ExecuteList.vue
+++ b/project/pingchang/apps/AppWorkTask/components/ExecuteList.vue
@@ -152,7 +152,7 @@ export default {
 
 <style scoped lang="scss">
 .ai-search {
-  ::v-deep .dateRange {
+  :deep( .dateRange ){
     display: flex;
 
     .dateLabel {
diff --git a/project/pingchang/apps/AppWorkTask/components/InitiatorList.vue b/project/pingchang/apps/AppWorkTask/components/InitiatorList.vue
index 561e3224..5ab2d6fb 100644
--- a/project/pingchang/apps/AppWorkTask/components/InitiatorList.vue
+++ b/project/pingchang/apps/AppWorkTask/components/InitiatorList.vue
@@ -15,7 +15,7 @@
         </template>
       </ai-search-bar>
       <el-button style="margin-bottom: 10px;" class="el-button" type="primary" icon="iconfont iconAdd" size="small" @click="toAdd('', 'Add')">创建任务</el-button>
-      
+
       <ai-table class="ai-table" :tableData="tableData" :col-configs="colConfigs" :total="page.total" :current.sync="page.current" :size.sync="page.size" @getList="getList" :dict="dict">
         <el-table-column slot="taskTitle" label="任务标题">
           <template slot-scope="{ row }">
@@ -156,7 +156,7 @@ export default {
 
 <style scoped lang="scss">
 .ai-search {
-  ::v-deep .dateRange {
+  :deep( .dateRange ){
     display: flex;
     .dateLabel {
       height: 32px;
diff --git a/project/sanjianxi/apps/AppHelpByNeighbours/AppHelpByNeighbours.vue b/project/sanjianxi/apps/AppHelpByNeighbours/AppHelpByNeighbours.vue
index 2419b482..f9cab6bb 100644
--- a/project/sanjianxi/apps/AppHelpByNeighbours/AppHelpByNeighbours.vue
+++ b/project/sanjianxi/apps/AppHelpByNeighbours/AppHelpByNeighbours.vue
@@ -40,11 +40,11 @@ export default {
 .AppHelpByNeighbours {
   height: 100%;
 
-  ::v-deep.mar-t16 {
+  :deep(.mar-t16 ){
     margin-top: 16px;
   }
 
-  ::v-deep.mar-t8 {
+  :deep(.mar-t8 ){
     margin-top: 8px;
   }
 }
diff --git a/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue b/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue
index 6290c820..84a25790 100644
--- a/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue
+++ b/project/sanjianxi/apps/AppPartyIntegralAudit/components/Detail.vue
@@ -34,7 +34,7 @@
             <ai-info-item label="审核人" :value="info.auditUserName"></ai-info-item>
             <ai-info-item label="审核时间" :value="info.auditTime"></ai-info-item>
             <ai-info-item label="驳回理由" v-if="info.auditStatus == '2'" isLine :value="info.auditOpinion"></ai-info-item>
-            
+
           </ai-wrapper>
         </div>
       </ai-card>
@@ -233,15 +233,15 @@ export default {
     display: flex;
     align-items: center;
 
-    ::v-deep .el-form-item .el-form-item__content {
+    :deep( .el-form-item .el-form-item__content ){
       margin-left: 0 !important;
     }
 
-    ::v-deep .ai-select {
+    :deep( .ai-select ){
       margin: 0 !important;
     }
 
-    ::v-deep .el-form-item {
+    :deep( .el-form-item ){
       width: auto;
       margin-bottom: 0;
 
diff --git a/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue b/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue
index 21c6bb0d..e4a7962c 100644
--- a/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue
+++ b/project/sanjianxi/apps/AppPartyIntegralAudit/components/List.vue
@@ -88,9 +88,9 @@
           { prop: 'partyName', label: '申请人' },
           { prop: 'partyPhone', align: 'center', label: '联系电话' },
           { prop: 'createTime', align: 'center', label: '申请时间' },
-          { prop: 'integralRuleName', align: 'center', label: '事件名称'}, 
-          { prop: 'auditStatus', align: 'center', label: '状态', formart: v => v ? this.dict.getLabel('integralDeclareStatus', v) : '-' }, 
-          { prop: 'auditUserName', align: 'center', label: '审批人' }, 
+          { prop: 'integralRuleName', align: 'center', label: '事件名称'},
+          { prop: 'auditStatus', align: 'center', label: '状态', formart: v => v ? this.dict.getLabel('integralDeclareStatus', v) : '-' },
+          { prop: 'auditUserName', align: 'center', label: '审批人' },
           { prop: 'auditTime', align: 'center', label: '审批时间' }
         ],
         tableData: [],
@@ -164,7 +164,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue b/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue
index cd016fb2..5965e982 100644
--- a/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue
+++ b/project/sanjianxi/apps/AppPartyMemberScore/psDetail.vue
@@ -113,7 +113,7 @@ export default {
     color: #26f;
   }
 
-  ::v-deep .staCard {
+  :deep( .staCard ){
     font-size: 14px;
     width: 25%;
 
diff --git a/project/sanjianxi/apps/AppPartyMemberScore/psList.vue b/project/sanjianxi/apps/AppPartyMemberScore/psList.vue
index f8ed93df..716f9c4d 100644
--- a/project/sanjianxi/apps/AppPartyMemberScore/psList.vue
+++ b/project/sanjianxi/apps/AppPartyMemberScore/psList.vue
@@ -116,7 +116,7 @@ export default {
       this.search.current = 1
       this.getTableData()
     },
-    
+
     onSearch(v) {
       this.orgTree.filter(v)
     },
@@ -151,7 +151,7 @@ export default {
 .psList {
   height: 100%;
 
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }
diff --git a/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue b/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue
index 40318107..8b9aca72 100644
--- a/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue
+++ b/project/sanjianxi/apps/AppTvMsg/AppTvMsg.vue
@@ -12,7 +12,7 @@
             <ai-select v-model="search.type" :selectList="typeList" placeholder="请选择推送分类" @change="page.current=1,getTableData()"/>
           </template>
         </ai-search-bar>
-        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size" @getList="getTableData" 
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size" @getList="getTableData"
           :col-configs="colConfigs" :dict="dict" @selection-change="v=>search.ids=v.map(e=>e.id).toString()">
           <el-table-column slot="type" label="推送分类"  align="center" width="200">
             <template slot-scope="{row}">
@@ -27,7 +27,7 @@
           </el-table-column>
         </ai-table>
       </template>
-      
+
     </ai-list>
     <ai-dialog title="推送信息" :visible.sync="dialog" @closed="formInit" @onConfirm="submit" width="600px">
         <el-form :model="form" size="small" ref="DialogForm" :rules="rules" label-width="80px">
@@ -141,7 +141,7 @@ export default {
     formInit() {
       for(let key in this.form) {
         this.form[key] = ''
-      } 
+      }
     }
   },
   created() {
@@ -154,11 +154,11 @@ export default {
 .AppTvMsg {
   height: 100%;
 
-  ::v-deep.mar-t16 {
+  :deep(.mar-t16 ){
     margin-top: 16px;
   }
 
-  ::v-deep.mar-t8 {
+  :deep(.mar-t8 ){
     margin-top: 8px;
   }
 }
diff --git a/project/sass/apps/Announce/AppAnnounce/components/Detail.vue b/project/sass/apps/Announce/AppAnnounce/components/Detail.vue
index 7396255c..ca7c4e1b 100644
--- a/project/sass/apps/Announce/AppAnnounce/components/Detail.vue
+++ b/project/sass/apps/Announce/AppAnnounce/components/Detail.vue
@@ -506,7 +506,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -667,7 +667,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -758,7 +758,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue b/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
index 5da4f42e..ac19b9b6 100644
--- a/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
+++ b/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
@@ -52,7 +52,7 @@
                   </el-card>
                 </el-timeline-item>
               </el-timeline>
-              
+
             </div>
             <ai-empty v-if="!taskList.length" />
           </div>
@@ -620,7 +620,7 @@
             height: 22px;
             overflow:hidden;
             white-space: nowrap;
-            text-overflow: ellipsis; 
+            text-overflow: ellipsis;
             vertical-align: bottom;
           }
           .el-icon-arrow-down{
@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/project/sass/apps/AnnounceResident/AppAnnounceResident/components/Detail.vue b/project/sass/apps/AnnounceResident/AppAnnounceResident/components/Detail.vue
index 61176b59..61aceaa8 100644
--- a/project/sass/apps/AnnounceResident/AppAnnounceResident/components/Detail.vue
+++ b/project/sass/apps/AnnounceResident/AppAnnounceResident/components/Detail.vue
@@ -426,7 +426,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -587,7 +587,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -678,7 +678,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/project/sass/apps/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue b/project/sass/apps/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue
index 72b71145..c8f14898 100644
--- a/project/sass/apps/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue
+++ b/project/sass/apps/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue
@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/project/sass/apps/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue b/project/sass/apps/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue
index 61176b59..61aceaa8 100644
--- a/project/sass/apps/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue
+++ b/project/sass/apps/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue
@@ -426,7 +426,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -587,7 +587,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -678,7 +678,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 
diff --git a/project/sass/apps/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue b/project/sass/apps/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue
index e8efd4ae..9e110f07 100644
--- a/project/sass/apps/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue
+++ b/project/sass/apps/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue
@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>
diff --git a/project/sass/apps/AppAddressBook/components/List.vue b/project/sass/apps/AppAddressBook/components/List.vue
index d0d23b93..39ce1562 100644
--- a/project/sass/apps/AppAddressBook/components/List.vue
+++ b/project/sass/apps/AppAddressBook/components/List.vue
@@ -810,7 +810,7 @@ export default {
     padding: 0;
     font-size: 12px;
 
-    ::v-deep span {
+    :deep( span ){
       margin-left: 0;
     }
   }
@@ -823,7 +823,7 @@ export default {
     .addressBook-left__list--search {
       flex: 1;
 
-      ::v-deep input {
+      :deep( input ){
         width: 100%;
       }
     }
@@ -878,12 +878,12 @@ export default {
       height: 100%;
       overflow: auto;
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         width: fit-content;
         min-width: 100%;
       }
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
 
@@ -927,7 +927,7 @@ export default {
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -973,7 +973,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
@@ -984,7 +984,7 @@ export default {
     }
   }
 
-  ::v-deep ai-open-data {
+  :deep( ai-open-data ){
   }
 
 }
diff --git a/project/sass/apps/AppAskForm/components/Add.vue b/project/sass/apps/AppAskForm/components/Add.vue
index f392e4a3..c76a034f 100644
--- a/project/sass/apps/AppAskForm/components/Add.vue
+++ b/project/sass/apps/AppAskForm/components/Add.vue
@@ -906,13 +906,13 @@
     }
 
     .right-item__content--select-answer {
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-right: 0;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         flex: 1;
         color: #222;
         overflow: hidden;
@@ -970,14 +970,14 @@
       word-break: break-all;
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       height: calc(100% - 52px)!important;
       padding: 0!important;
       overflow: hidden!important;
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -1172,7 +1172,7 @@
               border: 1px solid #E4E8EF;
             }
 
-            ::v-deep .el-input {
+            :deep( .el-input ){
               width: 418px;
               margin-top: 20px;
               margin-left: 12px;
@@ -1271,14 +1271,14 @@
       }
     }
 
-    ::v-deep .ai-detail__title {
+    :deep( .ai-detail__title ){
       margin: 0!important;
       margin-bottom: 4px!important;
       padding: 0 20px;
       box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     }
 
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       display: flex;
       max-width: 100%!important;
       height: 100%!important;
@@ -1290,7 +1290,7 @@
       flex: 1;
       height: 100%;
 
-      ::v-deep .el-scrollbar__view {
+      :deep( .el-scrollbar__view ){
         height: 100%;
       }
     }
@@ -1304,14 +1304,14 @@
 
     .right-item__select--wrapper {
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         // display: none;
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         background: #FFFFFF;
         border-radius: 4px;
         margin: 0 10px;
@@ -1366,7 +1366,7 @@
         }
       }
 
-      ::v-deep .el-upload-list__item {
+      :deep( .el-upload-list__item ){
         width: 40px!important;
         height: 40px!important;
         object-fit: cover;
@@ -1396,13 +1396,13 @@
       background: #F3F6F9;
       border-radius: 4px;
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         width: 100%;
         height: 100%;
         line-height: 1;
       }
 
-      ::v-deep .uploader {
+      :deep( .uploader ){
         width: 260px;
         height: 163px;
         overflow: hidden;
@@ -1493,13 +1493,13 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-checkbox {
+      :deep( .el-checkbox ){
         display: flex!important;
         align-items: center;
         margin-bottom: 0!important;
       }
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         max-width: 140px;
         color: #222;
         overflow: hidden;
@@ -1507,7 +1507,7 @@
         white-space: nowrap;
       }
 
-      ::v-deep .el-input {
+      :deep( .el-input ){
         width: 100px;
 
         .el-input__suffix {
diff --git a/project/sass/apps/AppAskForm/components/FormList.vue b/project/sass/apps/AppAskForm/components/FormList.vue
index a10ec6b0..dd472eeb 100644
--- a/project/sass/apps/AppAskForm/components/FormList.vue
+++ b/project/sass/apps/AppAskForm/components/FormList.vue
@@ -528,13 +528,13 @@
 
 <style scoped lang="scss">
   .form-list {
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent!important;
       box-shadow: none!important;
       padding: 12px 0 12px!important;
     }
 
-    ::v-deep.el-pager {
+    :deep(.el-pager ){
       li.active + li {
         border-left: 1px solid #D0D4DC;
       }
@@ -651,13 +651,13 @@
         width: 100%;
         padding: 0;
       }
-      ::v-deep .el-pager li.active {
+      :deep( .el-pager li.active ){
         background-color: #fff !important;
         color: #2266FF !important;
         border-color: #2266FF;
       }
 
-      ::v-deep .el-pager li {
+      :deep( .el-pager li ){
         background-color: #fff;
         border: solid 1px #d0d4dc;
         margin-left: 8px;
@@ -679,7 +679,7 @@
           gap: 8px;
           color: #2266FF !important;
 
-          ::v-deep span, ::v-deep div {
+          :deep( span), :deep( div ){
             font-size: 12px;
             cursor: pointer;
             color: #2266FF !important;
@@ -704,11 +704,11 @@
           margin-left: 24px;
         }
 
-        ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+        :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
           line-height: 1 !important;
         }
 
-        ::v-deep.el-checkbox {
+        :deep(.el-checkbox ){
           padding-left: 14px;
           display: flex;
           align-items: center;
@@ -739,7 +739,7 @@
     }
 
     .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
+      :deep( .ai-dialog__content ){
         max-height: initial!important;
       }
     }
@@ -811,7 +811,7 @@
               border: 1px solid #E4E8EF;
             }
 
-            ::v-deep .el-input {
+            :deep( .el-input ){
               width: 418px;
               margin-top: 20px;
               margin-left: 12px;
@@ -943,7 +943,7 @@
             flex: 1;
           }
 
-          ::v-deep .el-button {
+          :deep( .el-button ){
             margin-left: 0;
             padding: 0;
             i {
@@ -980,7 +980,7 @@
             flex: 1;
 
             &:hover {
-              ::v-deep i, ::v-deep span {
+              :deep( i), :deep( span ){
                 color: #2266FF;
               }
             }
diff --git a/project/sass/apps/AppAskForm/components/Statistics.vue b/project/sass/apps/AppAskForm/components/Statistics.vue
index d77519ee..470d7214 100644
--- a/project/sass/apps/AppAskForm/components/Statistics.vue
+++ b/project/sass/apps/AppAskForm/components/Statistics.vue
@@ -346,7 +346,7 @@
     }
 
     .preview {
-      ::v-deep .el-textarea.is-disabled, ::v-deep .el-textarea__inner {
+      :deep( .el-textarea.is-disabled), :deep( .el-textarea__inner ){
         color: #666!important;
       }
     }
diff --git a/project/sass/apps/AppBuildManage/components/Add.vue b/project/sass/apps/AppBuildManage/components/Add.vue
index a341196c..8d63d4e6 100644
--- a/project/sass/apps/AppBuildManage/components/Add.vue
+++ b/project/sass/apps/AppBuildManage/components/Add.vue
@@ -311,11 +311,11 @@ export default {
 
 <style lang="scss" scoped>
 .AppBuildManage {
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none !important;
   }
 
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none !important;
   }
 }
@@ -351,7 +351,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog {
     display: flex;
     flex-direction: column;
diff --git a/project/sass/apps/AppBuildManage/components/BuildMsg.vue b/project/sass/apps/AppBuildManage/components/BuildMsg.vue
index 1bf7a318..4f90b723 100644
--- a/project/sass/apps/AppBuildManage/components/BuildMsg.vue
+++ b/project/sass/apps/AppBuildManage/components/BuildMsg.vue
@@ -555,13 +555,13 @@ export default {
 
 <style lang="scss" scoped>
 .BuildMsg {
-  ::v-deep .ai-list__title {
+  :deep( .ai-list__title ){
     background-color: #fff;
     margin: 0 !important;
     padding-left: 20px;
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     .ai-list__content--right {
       .ai-list__content--right-wrapper {
         .search-select {
diff --git a/project/sass/apps/AppBuildManage/components/List.vue b/project/sass/apps/AppBuildManage/components/List.vue
index e0467d73..eb2bf981 100644
--- a/project/sass/apps/AppBuildManage/components/List.vue
+++ b/project/sass/apps/AppBuildManage/components/List.vue
@@ -255,7 +255,7 @@ export default {
   height: 100%;
 
   .ai-detail {
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       .ai-detail__content--wrapper {
         display: flex;
         justify-content: space-between;
@@ -286,7 +286,7 @@ export default {
   }
 
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
diff --git a/project/sass/apps/AppCommunityManage/components/List.vue b/project/sass/apps/AppCommunityManage/components/List.vue
index b8e0a6fa..a70e92fe 100644
--- a/project/sass/apps/AppCommunityManage/components/List.vue
+++ b/project/sass/apps/AppCommunityManage/components/List.vue
@@ -168,7 +168,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppPetitionManage {
-  ::v-deep th {
+  :deep( th ){
     font-weight: bold !important;
   }
 
diff --git a/project/sass/apps/AppConference/AppConference.vue b/project/sass/apps/AppConference/AppConference.vue
index ea72a9fc..bdc902c8 100644
--- a/project/sass/apps/AppConference/AppConference.vue
+++ b/project/sass/apps/AppConference/AppConference.vue
@@ -61,7 +61,7 @@ export default {
     goPage(params) {
       this.detailRow = params.row
       this.currentComp = params.comp
-      
+
       if(params.comp == 'detail' || params.comp == 'addMeeting') {
         this.showDetail = true
       }
@@ -93,7 +93,7 @@ export default {
   .conference {
     height: 100%;
 
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background-color: transparent !important;
       box-shadow: none !important;
     }
diff --git a/project/sass/apps/AppConference/addMeeting.vue b/project/sass/apps/AppConference/addMeeting.vue
index 55ef653f..01265b02 100644
--- a/project/sass/apps/AppConference/addMeeting.vue
+++ b/project/sass/apps/AppConference/addMeeting.vue
@@ -235,7 +235,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .addMeeting {
-  ::v-deep .el-button--text {
+  :deep( .el-button--text ){
     .iconfont {
       color: inherit;
     }
diff --git a/project/sass/apps/AppConvenienceAddressBook/components/List.vue b/project/sass/apps/AppConvenienceAddressBook/components/List.vue
index 135d3038..96fd7928 100644
--- a/project/sass/apps/AppConvenienceAddressBook/components/List.vue
+++ b/project/sass/apps/AppConvenienceAddressBook/components/List.vue
@@ -237,7 +237,7 @@
 
       .addressBook-left__list--search {
         flex: 1;
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -254,7 +254,7 @@
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -291,7 +291,7 @@
         }
 
         background: #2266FF;
-        
+
         span {
           color: #fff;
         }
@@ -299,7 +299,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
@@ -351,7 +351,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;
diff --git a/project/sass/apps/AppHomesteadManagement/components/Add.vue b/project/sass/apps/AppHomesteadManagement/components/Add.vue
index 016be73b..6827200f 100644
--- a/project/sass/apps/AppHomesteadManagement/components/Add.vue
+++ b/project/sass/apps/AppHomesteadManagement/components/Add.vue
@@ -377,10 +377,10 @@ export default {
 
 <style lang="scss" scoped>
   .AppHomesteadManagement {
-    ::v-deep .amap-logo {
+    :deep( .amap-logo ){
       display: none!important;
     }
-    ::v-deep .amap-copyright {
+    :deep( .amap-copyright ){
       display: none!important;
     }
   }
@@ -411,12 +411,12 @@ export default {
   }
 
   .user-selecter {
-    ::v-deep .el-input-group__append {
+    :deep( .el-input-group__append ){
       width: 68px;
       background: transparent;
     }
 
-    ::v-deep .el-button {
+    :deep( .el-button ){
       color: #fff;
 
       &:hover {
@@ -427,7 +427,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 
diff --git a/project/sass/apps/AppHouseMap/AppHouseMap.vue b/project/sass/apps/AppHouseMap/AppHouseMap.vue
index 04b751c0..629105d3 100644
--- a/project/sass/apps/AppHouseMap/AppHouseMap.vue
+++ b/project/sass/apps/AppHouseMap/AppHouseMap.vue
@@ -99,7 +99,7 @@
           </el-button>
         </div>
       </div>
-      
+
       <div class="map-menu">
         <div class="map-menu__item">
           <div class="map-layers__wrapper">
@@ -292,7 +292,7 @@ export default {
             this.isShowInfo = true
           })
         }
-        
+
       }else { //楼栋
         this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`,null,{
         params:{
@@ -474,7 +474,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper{
+:deep( .ai-list__content--right-wrapper){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -483,11 +483,11 @@ export default {
 
 
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -727,7 +727,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -802,7 +802,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -868,7 +868,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+:deep( .mark){
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -1269,11 +1269,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;
diff --git a/project/sass/apps/AppHouseMap/AppPopulationDV.vue b/project/sass/apps/AppHouseMap/AppPopulationDV.vue
index 3b5283f0..b6afcfa0 100644
--- a/project/sass/apps/AppHouseMap/AppPopulationDV.vue
+++ b/project/sass/apps/AppHouseMap/AppPopulationDV.vue
@@ -555,7 +555,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -805,7 +805,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -880,7 +880,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -946,7 +946,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     user-select: none;
     cursor: pointer;
     height: 32px;
@@ -1389,11 +1389,11 @@ export default {
           }
         }
 
-        ::v-deep .el-input, ::v-deep input {
+        :deep( .el-input), :deep( input ){
           border: none;
         }
 
-        ::v-deep input {
+        :deep( input ){
           position: relative;
           flex: 1;
           height: 36px;
diff --git a/project/sass/apps/AppHouseMap/buildingStatistics.vue b/project/sass/apps/AppHouseMap/buildingStatistics.vue
index 99d28db5..2163a08e 100644
--- a/project/sass/apps/AppHouseMap/buildingStatistics.vue
+++ b/project/sass/apps/AppHouseMap/buildingStatistics.vue
@@ -200,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title {
+  :deep( .ailist-title ){
     margin: 0 20px;
   }
 
@@ -338,7 +338,7 @@ export default {
       }
     }
 
-    ::v-deep .floors {
+    :deep( .floors ){
       max-height: 520px;
       max-width: 60vw;
       margin: 0 20px;
diff --git a/project/sass/apps/AppHouseMap/toolBar/buildingInfo.vue b/project/sass/apps/AppHouseMap/toolBar/buildingInfo.vue
index 887b8712..fd0a5997 100644
--- a/project/sass/apps/AppHouseMap/toolBar/buildingInfo.vue
+++ b/project/sass/apps/AppHouseMap/toolBar/buildingInfo.vue
@@ -143,7 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 .buildingInfo {
-  ::v-deep .infoPane {
+  :deep( .infoPane ){
     box-sizing: border-box;
     padding: 10px 20px;
 
diff --git a/project/sass/apps/AppInterview/AppInterview.vue b/project/sass/apps/AppInterview/AppInterview.vue
index 7654a186..883e5db6 100644
--- a/project/sass/apps/AppInterview/AppInterview.vue
+++ b/project/sass/apps/AppInterview/AppInterview.vue
@@ -139,7 +139,7 @@ export default {
 .AppInterview {
   height: 100%;
 
-  ::v-deep .dateRange {
+  :deep( .dateRange ){
     .dateLabel {
       height: 32px;
       border: 1px solid #D0D4DC;
@@ -154,7 +154,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     display: flex;
     flex-direction: column;
     gap: 10px;
diff --git a/project/sass/apps/AppInterview/interviewDetail.vue b/project/sass/apps/AppInterview/interviewDetail.vue
index 1803bacc..8de394d3 100644
--- a/project/sass/apps/AppInterview/interviewDetail.vue
+++ b/project/sass/apps/AppInterview/interviewDetail.vue
@@ -78,7 +78,7 @@ export default {
 .interviewDetail {
   height: 100%;
 
-  ::v-deep .images {
+  :deep( .images ){
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
diff --git a/project/sass/apps/AppMaterialLibrary/components/List.vue b/project/sass/apps/AppMaterialLibrary/components/List.vue
index 0cacd316..eaf0186f 100644
--- a/project/sass/apps/AppMaterialLibrary/components/List.vue
+++ b/project/sass/apps/AppMaterialLibrary/components/List.vue
@@ -194,7 +194,7 @@
   .AppMaterialLibrary {
     height: 100%;
 
-    ::v-deep .ai-list__content--left {
+    :deep( .ai-list__content--left ){
       margin-right: 0;
     }
 
diff --git a/project/sass/apps/AppNotification/AppNotification.vue b/project/sass/apps/AppNotification/AppNotification.vue
index f520059f..165feee8 100644
--- a/project/sass/apps/AppNotification/AppNotification.vue
+++ b/project/sass/apps/AppNotification/AppNotification.vue
@@ -74,7 +74,7 @@
   }
 </script>
 <style lang="scss" scoped>
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     background-color: transparent !important;
     box-shadow: none !important;
   }
diff --git a/project/sass/apps/AppNotification/components/add.vue b/project/sass/apps/AppNotification/components/add.vue
index f18db0e8..6ccac76d 100644
--- a/project/sass/apps/AppNotification/components/add.vue
+++ b/project/sass/apps/AppNotification/components/add.vue
@@ -152,7 +152,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .picker {
+  :deep( .picker ){
     width: 300px;
 
     .el-form-item__content {
@@ -176,7 +176,7 @@
     white-space: nowrap;
   }
 
-  ::v-deep .AiOpenData{
+  :deep( .AiOpenData){
     height:auto !important;
     &:after{
       content:"、";
@@ -186,7 +186,7 @@
     }
   }
 
-  ::v-deep .point{
+  :deep( .point){
     &:after{
       content:"" !important;
     }
diff --git a/project/sass/apps/AppNotification/components/detail.vue b/project/sass/apps/AppNotification/components/detail.vue
index a833167d..e1e53a6c 100644
--- a/project/sass/apps/AppNotification/components/detail.vue
+++ b/project/sass/apps/AppNotification/components/detail.vue
@@ -64,7 +64,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .title {
+  :deep( .title ){
     .aibar-left {
       width: 100%;
       text-align: center;
diff --git a/project/sass/apps/AppNotification/components/manageDetail.vue b/project/sass/apps/AppNotification/components/manageDetail.vue
index 32c6bdcd..6f7b09f8 100644
--- a/project/sass/apps/AppNotification/components/manageDetail.vue
+++ b/project/sass/apps/AppNotification/components/manageDetail.vue
@@ -182,7 +182,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .title {
+  :deep( .title ){
     .aibar-left {
       width: 100%;
       text-align: center;
diff --git a/project/sass/apps/AppNotification/components/noticeManage.vue b/project/sass/apps/AppNotification/components/noticeManage.vue
index 95b322c0..f3c335a0 100644
--- a/project/sass/apps/AppNotification/components/noticeManage.vue
+++ b/project/sass/apps/AppNotification/components/noticeManage.vue
@@ -225,7 +225,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .status {
+  :deep( .status ){
     color: rgba(41, 107, 251, 100);
     cursor: pointer;
   }
@@ -236,7 +236,7 @@
     margin-bottom: 10px;
   }
 
-  ::v-deep .wrap {
+  :deep( .wrap ){
     display: flex;
     align-items: center;
     flex-wrap: wrap;
diff --git a/project/sass/apps/AppNotification/components/recentNotice.vue b/project/sass/apps/AppNotification/components/recentNotice.vue
index 34c851c7..78f81d2a 100644
--- a/project/sass/apps/AppNotification/components/recentNotice.vue
+++ b/project/sass/apps/AppNotification/components/recentNotice.vue
@@ -189,7 +189,7 @@
         }
       }
 
-      ::v-deep .row {
+      :deep( .row ){
         margin-top: 10px;
 
         span {
@@ -205,7 +205,7 @@
     }
   }
 
-  ::v-deep .page {
+  :deep( .page ){
     font-size: 12px;
     color: #555555;
 
diff --git a/project/sass/apps/AppReportAiWill/components/Detail.vue b/project/sass/apps/AppReportAiWill/components/Detail.vue
index 35c529e7..f2ffb5a8 100644
--- a/project/sass/apps/AppReportAiWill/components/Detail.vue
+++ b/project/sass/apps/AppReportAiWill/components/Detail.vue
@@ -148,13 +148,13 @@
     height: 100%;
 
     .el-steps {
-      ::v-deep .el-step__icon {
+      :deep( .el-step__icon ){
         font-size: 12px;
         color: #555555;
         border-color: #d0d4dc;
       }
 
-      ::v-deep .el-step__head.is-finish {
+      :deep( .el-step__head.is-finish ){
         .el-step__icon.is-text {
           border: none;
           color: #fff;
@@ -163,7 +163,7 @@
         }
       }
 
-      ::v-deep .el-step__line {
+      :deep( .el-step__line ){
         background-color: #d0d4dc;
       }
     }
@@ -189,12 +189,12 @@
       }
     }
 
-    ::v-deep .el-step__head.is-process {
+    :deep( .el-step__head.is-process ){
       color: #555;
       border-color: #555;
     }
 
-    ::v-deep .is-finish h2 {
+    :deep( .is-finish h2 ){
       color: #2266ff;
     }
 
@@ -212,7 +212,7 @@
       }
     }
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       background: #f3f6f9;
 
       .ai-detail__content--wrapper {
@@ -238,7 +238,7 @@
       }
     }
 
-    ::v-deep .el-card {
+    :deep( .el-card ){
       .el-card__header {
         padding: 12px 16px;
         font-weight: bold;
diff --git a/project/sass/apps/AppReturnHomeRegister/components/List.vue b/project/sass/apps/AppReturnHomeRegister/components/List.vue
index cdf6cd37..56ae328d 100644
--- a/project/sass/apps/AppReturnHomeRegister/components/List.vue
+++ b/project/sass/apps/AppReturnHomeRegister/components/List.vue
@@ -120,7 +120,7 @@
             align: 'center',
             label: '出发地区'
           },
-          { prop: 'arriveTime', align: 'center', label: '到达时间', formart: v => v.substr(0, v.length - 3) }, 
+          { prop: 'arriveTime', align: 'center', label: '到达时间', formart: v => v.substr(0, v.length - 3) },
           {
             prop: 'arriveAreaName',
             align: 'center',
@@ -182,7 +182,7 @@
         }).catch(() => {
           this.loading = false
         })
-        
+
         this.getTotalInfo()
       },
 
@@ -234,7 +234,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {
diff --git a/project/sass/apps/AppSpecialAdjustment/components/Add.vue b/project/sass/apps/AppSpecialAdjustment/components/Add.vue
index 316d91de..95bdced4 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/Add.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/Add.vue
@@ -113,7 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -396,7 +396,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card{
+:deep( .ai-card){
   width: 100%;
 }
 .form-div {
diff --git a/project/sass/apps/AppSpecialAdjustment/components/Detail.vue b/project/sass/apps/AppSpecialAdjustment/components/Detail.vue
index 8fc37e71..f01a0429 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/Detail.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/Detail.vue
@@ -52,7 +52,7 @@
 </template>
 
 <script>
-  import {ID} from "dvcp-ui/lib/js/utils";
+  import {ID} from "dui/lib/js/utils";
 
   export default {
     name: 'Detail',
diff --git a/project/sass/apps/AppSpecialAdjustment/components/List.vue b/project/sass/apps/AppSpecialAdjustment/components/List.vue
index 028eca46..b12e90e1 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/List.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/List.vue
@@ -46,7 +46,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'List',
diff --git a/project/sass/apps/AppSpecialDisabled/components/Add.vue b/project/sass/apps/AppSpecialDisabled/components/Add.vue
index 51d4f614..f4ec01e3 100644
--- a/project/sass/apps/AppSpecialDisabled/components/Add.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/Add.vue
@@ -113,7 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -406,7 +406,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card{
+:deep( .ai-card){
   width: 100%;
 }
 .form-div {
diff --git a/project/sass/apps/AppSpecialDisabled/components/Detail.vue b/project/sass/apps/AppSpecialDisabled/components/Detail.vue
index e9db12db..8518f5a9 100644
--- a/project/sass/apps/AppSpecialDisabled/components/Detail.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/Detail.vue
@@ -51,7 +51,7 @@
 </template>
 
 <script>
-  import {ID} from "dvcp-ui/lib/js/utils";
+  import {ID} from "dui/lib/js/utils";
 
   export default {
     name: 'Detail',
diff --git a/project/sass/apps/AppSpecialDisabled/components/List.vue b/project/sass/apps/AppSpecialDisabled/components/List.vue
index b47392cd..660b21b8 100644
--- a/project/sass/apps/AppSpecialDisabled/components/List.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/List.vue
@@ -46,7 +46,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'List',
diff --git a/project/sass/apps/AppSpecialDrug/components/Add.vue b/project/sass/apps/AppSpecialDrug/components/Add.vue
index 87c6e995..e95dada8 100644
--- a/project/sass/apps/AppSpecialDrug/components/Add.vue
+++ b/project/sass/apps/AppSpecialDrug/components/Add.vue
@@ -113,7 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -418,7 +418,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card{
+:deep( .ai-card){
   width: 100%;
 }
 .form-div {
diff --git a/project/sass/apps/AppSpecialDrug/components/Detail.vue b/project/sass/apps/AppSpecialDrug/components/Detail.vue
index 152e147b..f3ab8ce1 100644
--- a/project/sass/apps/AppSpecialDrug/components/Detail.vue
+++ b/project/sass/apps/AppSpecialDrug/components/Detail.vue
@@ -53,7 +53,7 @@
 </template>
 
 <script>
-  import {ID} from "dvcp-ui/lib/js/utils";
+  import {ID} from "dui/lib/js/utils";
 
   export default {
     name: 'Detail',
diff --git a/project/sass/apps/AppSpecialDrug/components/List.vue b/project/sass/apps/AppSpecialDrug/components/List.vue
index 6ba3681f..c1710685 100644
--- a/project/sass/apps/AppSpecialDrug/components/List.vue
+++ b/project/sass/apps/AppSpecialDrug/components/List.vue
@@ -46,7 +46,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'List',
diff --git a/project/sass/apps/AppSpecialMental/components/Add.vue b/project/sass/apps/AppSpecialMental/components/Add.vue
index 6499d273..0f631081 100644
--- a/project/sass/apps/AppSpecialMental/components/Add.vue
+++ b/project/sass/apps/AppSpecialMental/components/Add.vue
@@ -113,7 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -410,7 +410,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card{
+:deep( .ai-card){
   width: 100%;
 }
 .form-div {
diff --git a/project/sass/apps/AppSpecialMental/components/Detail.vue b/project/sass/apps/AppSpecialMental/components/Detail.vue
index 46fdcf67..4acff96f 100644
--- a/project/sass/apps/AppSpecialMental/components/Detail.vue
+++ b/project/sass/apps/AppSpecialMental/components/Detail.vue
@@ -52,7 +52,7 @@
 </template>
 
 <script>
-  import {ID} from "dvcp-ui/lib/js/utils";
+  import {ID} from "dui/lib/js/utils";
 
   export default {
     name: 'Detail',
diff --git a/project/sass/apps/AppSpecialMental/components/List.vue b/project/sass/apps/AppSpecialMental/components/List.vue
index 6f72d05c..6103804d 100644
--- a/project/sass/apps/AppSpecialMental/components/List.vue
+++ b/project/sass/apps/AppSpecialMental/components/List.vue
@@ -46,7 +46,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils"
+import {ID} from "dui/lib/js/utils"
 
 export default {
   name: 'List',
diff --git a/project/sass/apps/AppSpecialPrison/components/Add.vue b/project/sass/apps/AppSpecialPrison/components/Add.vue
index a373e15c..2e702044 100644
--- a/project/sass/apps/AppSpecialPrison/components/Add.vue
+++ b/project/sass/apps/AppSpecialPrison/components/Add.vue
@@ -113,7 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -416,7 +416,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card{
+:deep( .ai-card){
   width: 100%;
 }
 .form-div {
diff --git a/project/sass/apps/AppSpecialPrison/components/Detail.vue b/project/sass/apps/AppSpecialPrison/components/Detail.vue
index b36648ec..95431b57 100644
--- a/project/sass/apps/AppSpecialPrison/components/Detail.vue
+++ b/project/sass/apps/AppSpecialPrison/components/Detail.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'Detail',
diff --git a/project/sass/apps/AppSpecialPrison/components/List.vue b/project/sass/apps/AppSpecialPrison/components/List.vue
index 3d09fd30..af178eaf 100644
--- a/project/sass/apps/AppSpecialPrison/components/List.vue
+++ b/project/sass/apps/AppSpecialPrison/components/List.vue
@@ -46,7 +46,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: 'List',
diff --git a/project/sass/apps/grid/AppGridBlock/components/list.vue b/project/sass/apps/grid/AppGridBlock/components/list.vue
index 4d9896a2..a2c16654 100644
--- a/project/sass/apps/grid/AppGridBlock/components/list.vue
+++ b/project/sass/apps/grid/AppGridBlock/components/list.vue
@@ -362,7 +362,7 @@ export default {
   width: 100%;
   height: 100%;
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -427,7 +427,7 @@ export default {
     padding: 8px 0;
   }
 
-  ::v-deep.fullscreenMap {
+  :deep(.fullscreenMap ){
     .el-dialog {
       display: flex;
       flex-direction: column;
@@ -450,7 +450,7 @@ export default {
     }
   }
 
-  ::v-deep .treePanel {
+  :deep( .treePanel ){
     display: flex;
     flex-direction: column;
 
diff --git a/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue b/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue
index 9369bb88..51793762 100644
--- a/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue
+++ b/project/sass/apps/grid/AppGridBlock/components/mapPlotting.vue
@@ -199,7 +199,7 @@ export default {
     }
   }
 
-  ::v-deep.fullscreenMap {
+  :deep(.fullscreenMap ){
     .el-dialog {
       display: flex;
       flex-direction: column;
@@ -222,11 +222,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none !important;
   }
 }
diff --git a/project/sass/apps/grid/AppGridMap/components/list.vue b/project/sass/apps/grid/AppGridMap/components/list.vue
index 2d5984d4..ad6bedde 100644
--- a/project/sass/apps/grid/AppGridMap/components/list.vue
+++ b/project/sass/apps/grid/AppGridMap/components/list.vue
@@ -375,7 +375,7 @@ export default {
     font-size: 14px;
   }
 
-  ::v-deep .is-current {
+  :deep( .is-current ){
     & > .el-tree-node__content > .el-tooltip {
       color: #5088ff;
     }
@@ -446,7 +446,7 @@ export default {
           padding: 8px 0;
           justify-content: space-between;
 
-          ::v-deep .el-input__inner {
+          :deep( .el-input__inner ){
             color: #fff;
           }
         }
@@ -521,12 +521,12 @@ export default {
           width: 100%;
           padding: 8px 0;
 
-          ::v-deep .el-input__inner {
+          :deep( .el-input__inner ){
             color: #fff;
           }
         }
 
-        ::v-deep .el-input__inner {
+        :deep( .el-input__inner ){
           background-color: #282f45;
           border: 1px solid #282f45;
         }
@@ -571,7 +571,7 @@ export default {
           }
         }
 
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           width: 100%;
 
           .el-tree__empty-block {
diff --git a/project/sass/apps/grid/AppGridMember/components/add.vue b/project/sass/apps/grid/AppGridMember/components/add.vue
index 0e68c9d4..2f73f425 100644
--- a/project/sass/apps/grid/AppGridMember/components/add.vue
+++ b/project/sass/apps/grid/AppGridMember/components/add.vue
@@ -500,7 +500,7 @@ export default {
         margin-left: 20px;
       }
 
-      ::v-deep .el-form-item__content {
+      :deep( .el-form-item__content ){
         margin-left: 0!important;
       }
     }
@@ -526,7 +526,7 @@ export default {
       }
     }
   }
-  ::v-deep .el-tag {
+  :deep( .el-tag ){
     margin-right: 8px;
     color: #333333;
   }
diff --git a/project/shandong10086/apps/shandong/AppDispatchManagement/components/List.vue b/project/shandong10086/apps/shandong/AppDispatchManagement/components/List.vue
index 6c35c76f..6e534fe8 100644
--- a/project/shandong10086/apps/shandong/AppDispatchManagement/components/List.vue
+++ b/project/shandong10086/apps/shandong/AppDispatchManagement/components/List.vue
@@ -273,11 +273,11 @@ export default {
   overflow: auto;
   background: #f3f6f9;
 
-  ::v-deep .el-range-editor--small.el-input__inner {
+  :deep( .el-range-editor--small.el-input__inner ){
     width: 258px;
   }
 
-  ::v-deep .dateRange {
+  :deep( .dateRange ){
     .dateLabel {
       height: 32px;
       border: 1px solid #D0D4DC;
diff --git a/project/shandong10086/apps/shandong/AppVillageCode/components/List.vue b/project/shandong10086/apps/shandong/AppVillageCode/components/List.vue
index 35b9060b..9cfebec0 100644
--- a/project/shandong10086/apps/shandong/AppVillageCode/components/List.vue
+++ b/project/shandong10086/apps/shandong/AppVillageCode/components/List.vue
@@ -286,7 +286,7 @@
 
       .addressBook-left__list--search {
         flex: 1;
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -303,7 +303,7 @@
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -340,7 +340,7 @@
         }
 
         background: #2266FF;
-        
+
         span {
           color: #fff;
         }
@@ -396,7 +396,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;
diff --git a/project/tianfuxing/AppActivitiesManagement/components/activitiesAdd.vue b/project/tianfuxing/AppActivitiesManagement/components/activitiesAdd.vue
index cff1d766..cffe0fd1 100644
--- a/project/tianfuxing/AppActivitiesManagement/components/activitiesAdd.vue
+++ b/project/tianfuxing/AppActivitiesManagement/components/activitiesAdd.vue
@@ -349,14 +349,14 @@ export default {
 .activitiesAdd {
   height: 100%;
 
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none!important;
   }
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none!important;
   }
 
-  ::v-deep .el-date-editor .el-input {
+  :deep( .el-date-editor .el-input ){
     width: 100%;
   }
 
diff --git a/project/tianfuxing/AppLevelList/AppLevelList.vue b/project/tianfuxing/AppLevelList/AppLevelList.vue
index 465c9353..5a1c605b 100644
--- a/project/tianfuxing/AppLevelList/AppLevelList.vue
+++ b/project/tianfuxing/AppLevelList/AppLevelList.vue
@@ -123,10 +123,10 @@ export default {
 <style lang="scss" scoped>
 .AppLevelList {
   height: 100%;
-  ::v-deep .endIntegral .el-form-item__content {
+  :deep( .endIntegral .el-form-item__content ){
     margin-left: 0!important;
   }
-  ::v-deep .endIntegral .el-form-item__error{
+  :deep( .endIntegral .el-form-item__error){
     left: 40px !important;
     top: 50px !important;
   }
diff --git a/project/tianfuxing/AppMerchantList/AppMerchantList.vue b/project/tianfuxing/AppMerchantList/AppMerchantList.vue
index e9dcbbea..50de7a20 100644
--- a/project/tianfuxing/AppMerchantList/AppMerchantList.vue
+++ b/project/tianfuxing/AppMerchantList/AppMerchantList.vue
@@ -253,7 +253,7 @@ export default {
 <style lang="scss" scoped>
 .AppMerchantList {
   height: 100%;
-  ::v-deep .endIntegral .el-form-item__content {
+  :deep( .endIntegral .el-form-item__content ){
     margin-left: 0!important;
   }
   .row-img {
diff --git a/project/xiushan/actions.js b/project/xiushan/actions.js
index 0f2c5648..9476aadb 100644
--- a/project/xiushan/actions.js
+++ b/project/xiushan/actions.js
@@ -1,4 +1,4 @@
-import axios from "dvcp-ui/lib/js/request";
+import axios from "dui/lib/js/request";
 
 export default {
   getFinanceUser({commit}) {
diff --git a/project/xiushan/apps/AppAccountXiushan/AppAccountXiushan.vue b/project/xiushan/apps/AppAccountXiushan/AppAccountXiushan.vue
index ffb0ebfe..3e05cfdd 100644
--- a/project/xiushan/apps/AppAccountXiushan/AppAccountXiushan.vue
+++ b/project/xiushan/apps/AppAccountXiushan/AppAccountXiushan.vue
@@ -257,7 +257,7 @@ export default {
 .AppAccountXiushan {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
diff --git a/project/xiushan/apps/AppAdministrativeLicense/components/Add.vue b/project/xiushan/apps/AppAdministrativeLicense/components/Add.vue
index 51658cbf..446d0e78 100644
--- a/project/xiushan/apps/AppAdministrativeLicense/components/Add.vue
+++ b/project/xiushan/apps/AppAdministrativeLicense/components/Add.vue
@@ -200,15 +200,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -228,7 +228,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/project/xiushan/apps/AppAdministrativePenalty/components/Add.vue b/project/xiushan/apps/AppAdministrativePenalty/components/Add.vue
index b135cb3a..4ccdad6a 100644
--- a/project/xiushan/apps/AppAdministrativePenalty/components/Add.vue
+++ b/project/xiushan/apps/AppAdministrativePenalty/components/Add.vue
@@ -206,15 +206,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -234,7 +234,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/project/xiushan/apps/AppDishonestExecutee/components/Add.vue b/project/xiushan/apps/AppDishonestExecutee/components/Add.vue
index 61a0abd8..2eea1026 100644
--- a/project/xiushan/apps/AppDishonestExecutee/components/Add.vue
+++ b/project/xiushan/apps/AppDishonestExecutee/components/Add.vue
@@ -185,19 +185,19 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-info-item label {
+  :deep( .ai-info-item label ){
     width: 100px;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -217,7 +217,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/project/xiushan/apps/AppGroupShareholders/components/Add.vue b/project/xiushan/apps/AppGroupShareholders/components/Add.vue
index 1771782b..97c4198c 100644
--- a/project/xiushan/apps/AppGroupShareholders/components/Add.vue
+++ b/project/xiushan/apps/AppGroupShareholders/components/Add.vue
@@ -302,7 +302,7 @@ export default {
   height: 100%;
   background: #f3f4f5;
 
-  ::v-deep .ai-detail .ai-detail__footer {
+  :deep( .ai-detail .ai-detail__footer ){
     background: #FFF;
   }
 }
diff --git a/project/xiushan/apps/AppHouseManagement/components/Add.vue b/project/xiushan/apps/AppHouseManagement/components/Add.vue
index 627df761..2ac9e777 100644
--- a/project/xiushan/apps/AppHouseManagement/components/Add.vue
+++ b/project/xiushan/apps/AppHouseManagement/components/Add.vue
@@ -207,15 +207,15 @@ export default {
   height: 100%;
   background: #f3f4f5;
 
-  ::v-deep .ai-detail .ai-detail__footer {
+  :deep( .ai-detail .ai-detail__footer ){
     background: #FFF;
   }
 
-  ::v-deep input::-webkit-outer-spin-button,
-  ::v-deep input::-webkit-inner-spin-button {
+  :deep( input::-webkit-outer-spin-button),
+  :deep( input::-webkit-inner-spin-button ){
     -webkit-appearance: none !important;
   }
-  ::v-deep input[type='number'] {
+  :deep( input[type='number'] ){
     -moz-appearance: textfield !important;
   }
 }
diff --git a/project/xiushan/apps/AppLandTransfer/components/Add.vue b/project/xiushan/apps/AppLandTransfer/components/Add.vue
index a03d471c..fb13c23d 100644
--- a/project/xiushan/apps/AppLandTransfer/components/Add.vue
+++ b/project/xiushan/apps/AppLandTransfer/components/Add.vue
@@ -253,11 +253,11 @@ export default {
   height: 100%;
   background: #f3f4f5;
 
-  ::v-deep .footer {
+  :deep( .footer ){
     background: #FFF !important;
   }
 
-  // ::v-deep .ai-info-item label {
+  // :deep( .ai-info-item label ){
   //   width: 130px;
   // }
 }
diff --git a/project/xiushan/apps/AppMassMessage/mmDetail.vue b/project/xiushan/apps/AppMassMessage/mmDetail.vue
index 79596f92..5302d137 100644
--- a/project/xiushan/apps/AppMassMessage/mmDetail.vue
+++ b/project/xiushan/apps/AppMassMessage/mmDetail.vue
@@ -139,7 +139,7 @@ export default {
 .mmDetail {
   height: 100%;
 
-  ::v-deep.header {
+  :deep(.header ){
     position: relative;
 
     .el-form-item {
diff --git a/project/xiushan/apps/AppNewsCenter/components/addVideo.vue b/project/xiushan/apps/AppNewsCenter/components/addVideo.vue
index 663b5f84..d8d8ee72 100644
--- a/project/xiushan/apps/AppNewsCenter/components/addVideo.vue
+++ b/project/xiushan/apps/AppNewsCenter/components/addVideo.vue
@@ -238,7 +238,7 @@ export default {
     margin-top: -40px;
   }
 
-  ::v-deep .AiIcon {
+  :deep( .AiIcon ){
     width: 38px;
     height: 38px;
   }
diff --git a/project/xiushan/apps/AppNewsCenter/components/newsDetail.vue b/project/xiushan/apps/AppNewsCenter/components/newsDetail.vue
index e35d7eca..48e79125 100644
--- a/project/xiushan/apps/AppNewsCenter/components/newsDetail.vue
+++ b/project/xiushan/apps/AppNewsCenter/components/newsDetail.vue
@@ -78,7 +78,7 @@ export default {
   height: 100%;
   overflow: auto;
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #F3F6F9 !important;
   }
 
diff --git a/project/xiushan/apps/AppNewsCenter/components/newsList.vue b/project/xiushan/apps/AppNewsCenter/components/newsList.vue
index fb8f8ff9..77de2077 100644
--- a/project/xiushan/apps/AppNewsCenter/components/newsList.vue
+++ b/project/xiushan/apps/AppNewsCenter/components/newsList.vue
@@ -156,7 +156,7 @@ export default {
       } else if(row.type == 1) {
         this.$emit("goPage", {key: "videoDetail", row});
       }
-      
+
     },
 
     /**
@@ -239,7 +239,7 @@ export default {
   overflow: auto;
   background: #f3f6f9;
 
-  ::v-deep.has-gutter th:nth-child(1) div {
+  :deep(.has-gutter th:nth-child(1) div ){
     margin-left: 40px;
   }
 }
diff --git a/project/xiushan/apps/AppPublicArrearage/components/Add.vue b/project/xiushan/apps/AppPublicArrearage/components/Add.vue
index d51e3d3c..fb00b0c9 100644
--- a/project/xiushan/apps/AppPublicArrearage/components/Add.vue
+++ b/project/xiushan/apps/AppPublicArrearage/components/Add.vue
@@ -183,19 +183,19 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-info-item label {
+  :deep( .ai-info-item label ){
     width: 100px;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -215,7 +215,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
@@ -238,7 +238,7 @@ export default {
   .el-form {
     padding-bottom: 80px;
   }
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     width: 50%;
     float: left;
   }
diff --git a/project/xiushan/apps/AppRatepayingInfo/components/Add.vue b/project/xiushan/apps/AppRatepayingInfo/components/Add.vue
index 2592b0d4..e9b2e065 100644
--- a/project/xiushan/apps/AppRatepayingInfo/components/Add.vue
+++ b/project/xiushan/apps/AppRatepayingInfo/components/Add.vue
@@ -186,15 +186,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -214,7 +214,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 
diff --git a/project/xiushan/apps/AppUserInfo/AppUserInfo.vue b/project/xiushan/apps/AppUserInfo/AppUserInfo.vue
index 40e00038..7ec3dce2 100644
--- a/project/xiushan/apps/AppUserInfo/AppUserInfo.vue
+++ b/project/xiushan/apps/AppUserInfo/AppUserInfo.vue
@@ -182,11 +182,11 @@ export default {
 .AppUserInfo {
   height: 100%;
 
-  ::v-deep .ai-list__content--wrapper {
+  :deep( .ai-list__content--wrapper ){
     flex-direction: column;
   }
 
-  ::v-deep .el-input__inner {
+  :deep( .el-input__inner ){
 
     -webkit-text-security: disc !important;
 
diff --git a/project/xiushan/apps/AppVideoPublic/vpAdd.vue b/project/xiushan/apps/AppVideoPublic/vpAdd.vue
index 0ffa7ebc..7bc0273f 100644
--- a/project/xiushan/apps/AppVideoPublic/vpAdd.vue
+++ b/project/xiushan/apps/AppVideoPublic/vpAdd.vue
@@ -163,7 +163,7 @@ export default {
     object-fit: fill;
   }
 
-  ::v-deep input[type="number"] {
+  :deep( input[type="number"] ){
     line-height: 1px !important;
 
     &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
diff --git a/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue b/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue
index 2728d6c9..b5f4620f 100644
--- a/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue
+++ b/project/xiushan/apps/creditReport/AppCreditReport/AppCreditReport.vue
@@ -31,7 +31,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep.AppCreditReport {
+:deep(.AppCreditReport ){
   height: 100%;
 
   .mar-t16 {
diff --git a/project/xiushan/apps/creditReport/AppCreditReport/home.vue b/project/xiushan/apps/creditReport/AppCreditReport/home.vue
index 569678af..e3984ed2 100644
--- a/project/xiushan/apps/creditReport/AppCreditReport/home.vue
+++ b/project/xiushan/apps/creditReport/AppCreditReport/home.vue
@@ -109,11 +109,11 @@ export default {
 <style lang="scss" scoped>
 .home {
   height: 100%;
-  ::v-deep .el-input-group__prepend {
+  :deep( .el-input-group__prepend ){
     width: 100px;
   }
 
-  ::v-deep .el-input-group__append {
+  :deep( .el-input-group__append ){
     width: 100px;
     padding: 0;
     background: #26f;
diff --git a/project/xiushan/apps/creditScore/scorePersonal/detail.vue b/project/xiushan/apps/creditScore/scorePersonal/detail.vue
index 4bce9b67..419e3978 100644
--- a/project/xiushan/apps/creditScore/scorePersonal/detail.vue
+++ b/project/xiushan/apps/creditScore/scorePersonal/detail.vue
@@ -108,7 +108,7 @@ export default {
   height: 100%;
   background-color: #fff;
 
-  ::v-deep .ai-card__body {
+  :deep( .ai-card__body ){
     padding: 12px 16px 20px !important;
   }
 
@@ -162,7 +162,7 @@ export default {
   }
 
   .fs-14 {
-    ::v-deep .el-table--small {
+    :deep( .el-table--small ){
       font-size: 14px !important;
     }
   }
diff --git a/project/xiushan/apps/creditScore/scorePersonal/spList.vue b/project/xiushan/apps/creditScore/scorePersonal/spList.vue
index fb8a1362..9ecadb69 100644
--- a/project/xiushan/apps/creditScore/scorePersonal/spList.vue
+++ b/project/xiushan/apps/creditScore/scorePersonal/spList.vue
@@ -166,7 +166,7 @@ export default {
   }
 
   .family-list {
-    ::v-deep .el-table--small {
+    :deep( .el-table--small ){
       font-size: 14px !important;
     }
   }
diff --git a/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue b/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue
index e293a3a3..e30980dd 100644
--- a/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue
+++ b/project/xiushan/apps/creditScore/scoreRules/AppScoreRules.vue
@@ -386,7 +386,7 @@ export default {
     cursor: pointer;
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
diff --git a/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue b/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue
index 9ea1e6cf..4d4e5e06 100644
--- a/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue
+++ b/project/xiushan/apps/creditScore/scoreSupermarket/components/addOrder.vue
@@ -549,12 +549,12 @@ export default {
   }
 
   .goods {
-    ::v-deep .el-table td {
+    :deep( .el-table td ){
       border-bottom: none;
       padding: 2px 0;
     }
 
-    ::v-deep .el-table th {
+    :deep( .el-table th ){
       padding: 2px 0;
     }
   }
diff --git a/project/xiushan/apps/finance/AppFinanceOrg/AppFinanceOrg.vue b/project/xiushan/apps/finance/AppFinanceOrg/AppFinanceOrg.vue
index ed6c50aa..a7251a79 100644
--- a/project/xiushan/apps/finance/AppFinanceOrg/AppFinanceOrg.vue
+++ b/project/xiushan/apps/finance/AppFinanceOrg/AppFinanceOrg.vue
@@ -139,7 +139,7 @@ export default {
 .AppFinanceOrg {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
diff --git a/project/xiushan/apps/finance/AppFinanceOrgMember/AppFinanceOrgMember.vue b/project/xiushan/apps/finance/AppFinanceOrgMember/AppFinanceOrgMember.vue
index 55d6efe0..ce1e4e41 100644
--- a/project/xiushan/apps/finance/AppFinanceOrgMember/AppFinanceOrgMember.vue
+++ b/project/xiushan/apps/finance/AppFinanceOrgMember/AppFinanceOrgMember.vue
@@ -135,7 +135,7 @@ export default {
 .AppFinanceOrgMember {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
diff --git a/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue b/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue
index e7cf3bef..2c02d46a 100644
--- a/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue
+++ b/project/xiushan/apps/finance/AppFinanceProduct/productAdd.vue
@@ -202,11 +202,11 @@ export default {
     }
   }
 
-  ::v-deep.half {
+  :deep(.half ){
     width: 50%;
   }
 
-  ::v-deep input[type="number"] {
+  :deep( input[type="number"] ){
     line-height: 1px !important;
 
     &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
diff --git a/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue b/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue
index eee1b03c..c04b2a7a 100644
--- a/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue
+++ b/project/xiushan/apps/finance/AppFinanceProduct/productDetail.vue
@@ -172,7 +172,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep.half {
+  :deep(.half ){
     width: 50%;
   }
 
diff --git a/project/xiushan/apps/finance/AppFinanceProduct/productRecommend.vue b/project/xiushan/apps/finance/AppFinanceProduct/productRecommend.vue
index 72ebae44..e0bdd7e5 100644
--- a/project/xiushan/apps/finance/AppFinanceProduct/productRecommend.vue
+++ b/project/xiushan/apps/finance/AppFinanceProduct/productRecommend.vue
@@ -152,7 +152,7 @@ export default {
 .productRecommend {
   height: 100%;
 
-  ::v-deep input[type="number"] {
+  :deep( input[type="number"] ){
     line-height: 1px !important;
 
     &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
diff --git a/project/xiushan/apps/finance/AppGuaranteeProduct/productAdd.vue b/project/xiushan/apps/finance/AppGuaranteeProduct/productAdd.vue
index 468da554..a4188e8a 100644
--- a/project/xiushan/apps/finance/AppGuaranteeProduct/productAdd.vue
+++ b/project/xiushan/apps/finance/AppGuaranteeProduct/productAdd.vue
@@ -169,11 +169,11 @@ export default {
     }
   }
 
-  ::v-deep.half {
+  :deep(.half ){
     width: 50%;
   }
 
-  ::v-deep input[type="number"] {
+  :deep( input[type="number"] ){
     line-height: 1px !important;
 
     &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
diff --git a/project/xiushan/apps/finance/AppGuaranteeProduct/productDetail.vue b/project/xiushan/apps/finance/AppGuaranteeProduct/productDetail.vue
index c349132d..eac54d5b 100644
--- a/project/xiushan/apps/finance/AppGuaranteeProduct/productDetail.vue
+++ b/project/xiushan/apps/finance/AppGuaranteeProduct/productDetail.vue
@@ -156,7 +156,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep.half {
+  :deep(.half ){
     width: 50%;
   }
 
diff --git a/project/xiushan/apps/finance/AppGuaranteeProduct/productRecommend.vue b/project/xiushan/apps/finance/AppGuaranteeProduct/productRecommend.vue
index f74e31f0..cecc467a 100644
--- a/project/xiushan/apps/finance/AppGuaranteeProduct/productRecommend.vue
+++ b/project/xiushan/apps/finance/AppGuaranteeProduct/productRecommend.vue
@@ -152,7 +152,7 @@ export default {
 .productRecommend {
   height: 100%;
 
-  ::v-deep input[type="number"] {
+  :deep( input[type="number"] ){
     line-height: 1px !important;
 
     &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
diff --git a/project/xiushan/apps/finance/AppLoanAudit/loanList.vue b/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
index bef1ae24..3554f237 100644
--- a/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
+++ b/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
@@ -58,7 +58,7 @@
 <script>
 import {mapState} from "vuex";
 import LoanSta from "./loanSta";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "loanList",
diff --git a/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue b/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue
index 05eca0df..f8592b7f 100644
--- a/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue
+++ b/project/xiushan/apps/finance/AppLoanAudit/loanSta.vue
@@ -277,11 +277,11 @@ export default {
     }
   }
 
-  ::v-deep.ai-card__body {
+  :deep(.ai-card__body ){
     height: max-content;
   }
 
-  ::v-deep .AiAreaGet {
+  :deep( .AiAreaGet ){
     width: 300px;
   }
 
diff --git a/project/xiushan/apps/financing/AppGrabLog/needsStatistics.vue b/project/xiushan/apps/financing/AppGrabLog/needsStatistics.vue
index 1a4e20f6..455941a9 100644
--- a/project/xiushan/apps/financing/AppGrabLog/needsStatistics.vue
+++ b/project/xiushan/apps/financing/AppGrabLog/needsStatistics.vue
@@ -321,7 +321,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .ai-list .ai-list__content--right-wrapper {
+:deep( .ai-list .ai-list__content--right-wrapper ){
   background: none !important;
   box-shadow: none !important;
 }
diff --git a/project/xiushan/apps/loanStatement/AppLoanSta.vue b/project/xiushan/apps/loanStatement/AppLoanSta.vue
index 0b4792c1..4d92adf8 100644
--- a/project/xiushan/apps/loanStatement/AppLoanSta.vue
+++ b/project/xiushan/apps/loanStatement/AppLoanSta.vue
@@ -34,7 +34,7 @@
 
 <script>
 import {mapState} from "vuex";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "AppLoanSta",
diff --git a/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue b/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue
index 3cece814..b9bacc2f 100644
--- a/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue
+++ b/project/xiushan/apps/processManagement/approvalManage/components/approvalDetail.vue
@@ -644,12 +644,12 @@ export default {
   flex-direction: column;
   overflow: auto;
 
-  ::v-deep.ai-detail__content--wrapper {
+  :deep(.ai-detail__content--wrapper ){
     min-width: 720px;
     padding-left: 100px;
   }
 
-  ::v-deep .el-scrollbar {
+  :deep( .el-scrollbar ){
     min-height: 0;
     flex: 1;
     margin-bottom: 16px;
@@ -664,7 +664,7 @@ export default {
 
   }
 
-  ::v-deep .dynamicFormItem {
+  :deep( .dynamicFormItem ){
     .el-form-item__label {
       line-height: normal;
       display: flex;
@@ -695,10 +695,10 @@ export default {
       margin: 0 8px;
     }
 
-    ::v-deep .family-info {
+    :deep( .family-info ){
       margin-left: 24px;
 
-      ::v-deep .el-form-item__content {
+      :deep( .el-form-item__content ){
         margin-left: 24px !important;
       }
     }
@@ -764,7 +764,7 @@ export default {
     }
   }
 
-  ::v-deep.add_record {
+  :deep(.add_record ){
     .el-step.is-vertical .el-step__line {
       width: 1px;
       left: 20px;
@@ -852,7 +852,7 @@ export default {
 
 
     .upload-demo {
-      ::v-deep .el-icon-close {
+      :deep( .el-icon-close ){
         transform: translateX(-50px);
       }
     }
@@ -972,19 +972,19 @@ export default {
     position: relative;
   }
 
-  ::v-deep .ailist-title__right {
+  :deep( .ailist-title__right ){
     font-size: 14px;
     color: #5088FF;
     user-select: none;
     cursor: pointer;
   }
 
-  ::v-deep .el-radio {
+  :deep( .el-radio ){
     margin-bottom: 10px;
   }
 
   .dialog-form {
-    ::v-deep .el-form-item__label {
+    :deep( .el-form-item__label ){
       justify-content: flex-end;
     }
   }
diff --git a/project/xiushan/apps/processManagement/approvalManage/components/forMyApproval.vue b/project/xiushan/apps/processManagement/approvalManage/components/forMyApproval.vue
index bdb36158..447a916c 100644
--- a/project/xiushan/apps/processManagement/approvalManage/components/forMyApproval.vue
+++ b/project/xiushan/apps/processManagement/approvalManage/components/forMyApproval.vue
@@ -211,7 +211,7 @@
       cursor: pointer;
     }
 
-    ::v-deep .AiSearchBar {
+    :deep( .AiSearchBar ){
       margin-bottom: 16px;
     }
   }
diff --git a/project/xiushan/apps/processManagement/corporateSeal/AppCorporateSeal.vue b/project/xiushan/apps/processManagement/corporateSeal/AppCorporateSeal.vue
index a4e82bf6..f1ecd72d 100644
--- a/project/xiushan/apps/processManagement/corporateSeal/AppCorporateSeal.vue
+++ b/project/xiushan/apps/processManagement/corporateSeal/AppCorporateSeal.vue
@@ -97,7 +97,7 @@
     height: 100%;
     background: #f3f6f9;
 
-    ::v-deep .signaturePane {
+    :deep( .signaturePane ){
       display: flex;
       gap: 16px;
       flex-wrap: wrap;
diff --git a/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue b/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
index b6c19574..1d559609 100644
--- a/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
+++ b/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
@@ -95,7 +95,7 @@
 </template>
 
 <script>
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "sealDetail",
@@ -182,7 +182,7 @@ export default {
 .sealDetail {
   height: inherit;
 
-  ::v-deep .ai-detail__content--wrapper {
+  :deep( .ai-detail__content--wrapper ){
     .el-form {
       display: flex;
       flex-direction: column;
@@ -227,7 +227,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__footer > .el-button {
+  :deep( .ai-detail__footer > .el-button ){
     width: 92px;
     height: 32px;
   }
diff --git a/project/xiushan/apps/processManagement/examinationApproval/AppExaminationApproval.vue b/project/xiushan/apps/processManagement/examinationApproval/AppExaminationApproval.vue
index 8693882b..da18cb61 100644
--- a/project/xiushan/apps/processManagement/examinationApproval/AppExaminationApproval.vue
+++ b/project/xiushan/apps/processManagement/examinationApproval/AppExaminationApproval.vue
@@ -39,7 +39,7 @@
               </el-switch>
             </template>
           </el-table-column>
-          
+
           <el-table-column label="操作" slot="options" align="center" width="150">
             <template v-slot="{row}">
               <el-button type="text" title="修改" @click="editInfo(row)">修改</el-button>
@@ -196,7 +196,7 @@
       cursor: pointer;
     }
 
-    ::v-deep .ai-table {
+    :deep( .ai-table ){
       margin-top: 16px;
     }
 
diff --git a/project/xiushan/apps/processManagement/examinationApproval/components/addClassification.vue b/project/xiushan/apps/processManagement/examinationApproval/components/addClassification.vue
index e55b863e..80ff0e93 100644
--- a/project/xiushan/apps/processManagement/examinationApproval/components/addClassification.vue
+++ b/project/xiushan/apps/processManagement/examinationApproval/components/addClassification.vue
@@ -147,7 +147,7 @@
     }
 
     .icon-form {
-      ::v-deep .el-form-item__content {
+      :deep( .el-form-item__content ){
         display: flex;
       }
     }
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue b/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue
index 4f031ffd..fd6aa776 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/addConfig.vue
@@ -161,7 +161,7 @@ export default {
 .add-config {
   height: 100%;
 
-  ::v-deep .step .el-steps {
+  :deep( .step .el-steps ){
     height: 72px;
   }
 
@@ -177,10 +177,10 @@ export default {
       padding: 0 calc(50% - 380px);
 
 
-      ::v-deep .el-step {
+      :deep( .el-step ){
         font-weight: bold;
 
-        ::v-deep .el-step__icon {
+        :deep( .el-step__icon ){
           width: 24px;
           height: 24px;
           background: #fff;
@@ -190,7 +190,7 @@ export default {
           }
         }
 
-        ::v-deep .el-step__main {
+        :deep( .el-step__main ){
           display: flex;
           align-items: center;
 
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue b/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue
index 8e85d25f..cfde09aa 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/applyForm.vue
@@ -176,15 +176,15 @@ export default {
       margin: 0 8px;
     }
 
-    ::v-deep .family-info {
+    :deep( .family-info ){
       margin-left: 24px;
 
-      ::v-deep .el-form-item__content {
+      :deep( .el-form-item__content ){
         margin-left: 24px !important;
       }
     }
 
-    ::v-deep .el-radio {
+    :deep( .el-radio ){
       margin-bottom: 6px;
     }
   }
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/attachmentMaterial.vue b/project/xiushan/apps/processManagement/mattersConfig/components/attachmentMaterial.vue
index 880f99f0..ee25cee3 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/attachmentMaterial.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/attachmentMaterial.vue
@@ -179,7 +179,7 @@ export default {
     white-space: nowrap;
   }
 
-  ::v-deep .el-upload-list {
+  :deep( .el-upload-list ){
     display: none;
   }
 
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/guidance.vue b/project/xiushan/apps/processManagement/mattersConfig/components/guidance.vue
index 7696eb46..d7038672 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/guidance.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/guidance.vue
@@ -160,10 +160,10 @@
         padding: 0 calc(50% - 380px);
 
 
-        ::v-deep .el-step {
+        :deep( .el-step ){
           font-weight: bold;
 
-          ::v-deep .el-step__icon {
+          :deep( .el-step__icon ){
             width: 24px;
             height: 24px;
             background: #fff;
@@ -173,7 +173,7 @@
             }
           }
 
-          ::v-deep .el-step__main {
+          :deep( .el-step__main ){
             display: flex;
             align-items: center;
 
diff --git a/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue b/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue
index ac74e1f4..dd6bff39 100644
--- a/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue
+++ b/project/xiushan/apps/processManagement/mattersConfig/components/processApproval.vue
@@ -467,13 +467,13 @@ export default {
     }
   }
 
-  ::v-deep .el-step__icon.is-text {
+  :deep( .el-step__icon.is-text ){
     border: 2px solid #2266FF;
     background: #2266FF;
     color: #FFFFFF;
   }
 
-  ::v-deep .el-step__line {
+  :deep( .el-step__line ){
     background-color: #D0D4DC;
   }
 }
diff --git a/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue b/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
index b6a7dfaf..20a66d59 100644
--- a/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
+++ b/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
@@ -57,7 +57,7 @@
 <script>
 import {mapState} from "vuex";
 import DrawInPhone from "./drawInPhone";
-import {ID} from "dvcp-ui/lib/js/utils";
+import {ID} from "dui/lib/js/utils";
 
 export default {
   name: "AppPersonalSignature",
@@ -222,7 +222,7 @@ export default {
   background: #f3f6f9;
   overflow: auto;
 
-  ::v-deep .signaturePane {
+  :deep( .signaturePane ){
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
@@ -310,7 +310,7 @@ export default {
       }
     }
   }
-  ::v-deep .writeInPhone {
+  :deep( .writeInPhone ){
     position: absolute;
     width: 100px;
     height: 32px;
@@ -334,7 +334,7 @@ export default {
       color: #fff;
     }
   }
-  ::v-deep .ai-dialog__wrapper {
+  :deep( .ai-dialog__wrapper ){
     .ai-dialog__content--wrapper {
       padding-right: 0 !important;
     }
diff --git a/project/xiushan/components/enterpriseDialog.vue b/project/xiushan/components/enterpriseDialog.vue
index c54655bb..7b52dab1 100644
--- a/project/xiushan/components/enterpriseDialog.vue
+++ b/project/xiushan/components/enterpriseDialog.vue
@@ -202,7 +202,7 @@ export default {
     }
   }
 
-  ::v-deep.el-tabs {
+  :deep(.el-tabs ){
     .el-tabs__header {
       padding: unset;
 
diff --git a/project/xiushan/components/personCreditReport.vue b/project/xiushan/components/personCreditReport.vue
index 36852eac..c481b79f 100644
--- a/project/xiushan/components/personCreditReport.vue
+++ b/project/xiushan/components/personCreditReport.vue
@@ -184,7 +184,7 @@ export default {
 
   }
 
-  ::v-deep.el-tabs {
+  :deep(.el-tabs ){
     .el-tabs__header {
       padding: unset;
 
diff --git a/ui/.npmrc b/ui/.npmrc
new file mode 100644
index 00000000..ec1def8c
--- /dev/null
+++ b/ui/.npmrc
@@ -0,0 +1,5 @@
+registry=http://cli.sinoecare.net/
+always-auth=true
+_auth="YWRtaW46YWRtaW4xMjM="
+email=aixianling@sinoecare.com
+package-lock=false
diff --git a/ui/lib/js/area.js b/ui/lib/js/area.js
new file mode 100644
index 00000000..7c910efc
--- /dev/null
+++ b/ui/lib/js/area.js
@@ -0,0 +1,88 @@
+import request from "./request";
+
+
+export default class Area {
+  constructor(code, hash = {}) {
+    this.id = code
+    this.level = Area.getLevelByAreaId(code)
+    this.areaMap = Object.values(this.getAreaInfo(code))
+    if (Object.keys(hash).length > 0) {
+      this.getName(this.areaMap.map(id => hash[id]))
+    }
+  }
+
+  /**
+   * 获取地区的行政等级
+   * @param code 地区编码
+   * @returns {number}
+   */
+  static getLevelByAreaId(code) {
+    if (code) {
+      if (code.length === 2 || /0{10}$/.test(code)) return 0;
+      else if (/0{8}$/.test(code)) return 1;
+      else if (/0{6}$/.test(code)) return 2;
+      else if (/0{3}$/.test(code)) return 3;
+      else return 4
+    } else return -1
+  }
+
+  /**
+   * 根据地区编码获取指定等级的地区编码
+   * @param value 地区编码
+   * @param level 指定等级
+   * @returns {string|null|*}
+   */
+  static getAreaCodeByLevel(value, level) {
+    if (value) {
+      const areaNumber = value.toString();
+      switch (level) {
+        case 0:
+          return areaNumber.substring(0, 2) + '0000000000';
+        case 1:
+          return areaNumber.substring(0, 4) + '00000000';
+        case 2:
+          return areaNumber.substring(0, 6) + '000000';
+        case 3:
+          return areaNumber.substring(0, 9) + '000';
+        case 4:
+          return areaNumber
+      }
+    } else return null
+  }
+
+  static createByAction(areaId, ins = request, action = "/admin/area/getAllParentAreaId") {
+    return ins.post(action, null, {params: {areaId}, withoutToken: 1}).then(res => res?.data?.reverse() || [])
+  }
+
+  getAreaInfo(id) {
+    let info = {}
+    const currentLevel = Area.getLevelByAreaId(id);
+    for (let i = 0; i <= currentLevel; i++) {
+      info[i] = Area.getAreaCodeByLevel(id, i);
+    }
+    return info
+  }
+
+  async getAreaName() {
+    const names = await Area.createByAction(this.id);
+    this.getName(names)
+  }
+
+  getName(names) {
+    this.meta = names
+    this.nameMap = names?.map(e => e.name) || []
+    this.name = names?.slice(-1)?.[0]?.name
+    this.fullname = this.nameMap.join('')
+  }
+
+  /**
+   * 异步从数据库中获取地区信息
+   * @returns {Promise<void>}
+   */
+  static async init(code) {
+    const names = await Area.createByAction(code),
+        area = new Area(code)
+    area.getName(names)
+    return area
+  }
+}
diff --git a/ui/lib/js/coin.js b/ui/lib/js/coin.js
new file mode 100644
index 00000000..6d96ae11
--- /dev/null
+++ b/ui/lib/js/coin.js
@@ -0,0 +1,20 @@
+export default {
+  cny(money) {
+    if (money) {
+      money.toLocaleString('zh-Hans-CN', {style: 'currency', currency: "CNY"})
+    }
+    return money
+  },
+  cn(money) {
+    let num = parseFloat(money), cnMoney = '',
+        units = '仟佰拾亿仟佰拾万仟佰拾元角分',
+        cnNum = '零壹贰叁肆伍陆柒捌玖'
+    num = num.toFixed(2).replace(/\./g,'')
+    units = units.substring(units.length - num.length)
+    console.log(num, units.length, num.length)
+    Array.from(num).map((e, i) => {
+      cnMoney += cnNum.charAt(e) + units.charAt(i)
+    })
+    return cnMoney.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元")
+  }
+}
diff --git a/ui/lib/js/dict.js b/ui/lib/js/dict.js
new file mode 100644
index 00000000..fa406df6
--- /dev/null
+++ b/ui/lib/js/dict.js
@@ -0,0 +1,77 @@
+import request from "./request";
+
+/**
+ * 封装字典工具类
+ */
+const $dict = {
+  url: "/admin/dictionary/queryValsByCodeList",
+  loading: [],
+  resolves: [],
+  getStorage() {
+    const dicts = JSON.parse(localStorage.getItem('dicts') || null)
+    return dicts?.data || dicts || [];
+  },
+  setUrl(v) {
+    this.url = v
+  },
+  getData(codeList) {
+    codeList = [codeList].flat().filter(Boolean).toString()
+    return request.post(this.url, null, {
+      withoutToken: true, params: {codeList}
+    }).then(res => res?.data && this.setStorage(res.data))
+  },
+  load(...code) {
+    return new Promise(resolve => {
+      this.resolves.push(resolve)
+      if (this.loading.length == 2) {
+        const [timer, codes] = this.loading;
+        clearTimeout(timer)
+        code = Array.from(new Set([codes, code].flat()))
+      }
+      const timer = setTimeout(() => {
+        this.getData(code).then(() => Promise.all(this.resolves.map(e => e())).then(() => this.resolves = []))
+      }, 500)
+      this.loading = [timer, code]
+    })
+  },
+  setStorage(data) {
+    let ds = this.getStorage()
+    data.map(p => {
+      if (ds.some(d => d.key == p.key)) {
+        const index = ds.findIndex(d => d.key == p.key)
+        ds.splice(index, 1, p)
+      } else {
+        ds.push(p)
+      }
+    })
+    localStorage.setItem("dicts", JSON.stringify([ds].flat()))
+  },
+  getDict(key) {
+    let dict = this.getStorage().find(e => e.key == key)
+    !dict && console.warn("字典%s缺少加载...", key)
+    return dict ? dict.values : []
+  },
+  getValue(key, label) {
+    let dict = this.getDict(key)
+    if (dict) {
+      let item = dict.find(v => v.dictName == label)
+      return item ? item.dictValue : label
+    } else return label
+  },
+  getLabel(key, value) {
+    let dict = this.getDict(key)
+    if (dict) {
+      let item = dict.find(v => v.dictValue == value)
+      return item ? item.dictName : value
+    } else return value
+  },
+  getColor(key, value) {
+    let dict = this.getDict(key)
+    if (dict) {
+      let item = dict.find(v => v.dictValue == value)
+      return item ? item.dictColor : value
+    } else return value
+  },
+}
+
+export default $dict
diff --git a/ui/lib/js/encryption.js b/ui/lib/js/encryption.js
new file mode 100644
index 00000000..3f5d1064
--- /dev/null
+++ b/ui/lib/js/encryption.js
@@ -0,0 +1,23 @@
+import CryptoJs from  "crypto-js";
+
+/**
+ * 密码加密工具
+ * @param params
+ * @param c 加载尝试计数器
+ * @returns {string}
+ */
+export const $encryption = (params, c = 0) => {
+  if (CryptoJs) {
+    const key = "thanks,villcloud"
+    let iv = CryptoJs.enc.Latin1.parse(key)
+    let encrypted = CryptoJs.AES.encrypt(params.password, iv, {
+      iv,
+      mode: CryptoJs.mode.CBC,
+      padding: CryptoJs.pad.ZeroPadding
+    })
+    return encrypted.toString()
+  } else if (c < 10) {
+    setTimeout(() => $encryption(params, ++c), 200)
+  } else console.error("无法加载CryptoJs")
+}
+export default $encryption
diff --git a/ui/lib/js/identity.js b/ui/lib/js/identity.js
new file mode 100644
index 00000000..22751688
--- /dev/null
+++ b/ui/lib/js/identity.js
@@ -0,0 +1,238 @@
+import dayjs from "./moment";
+
+
+const PARAMS = {
+  /* 省,直辖市代码表 */
+  provinceAndCitys: {
+    11: '北京',
+    12: '天津',
+    13: '河北',
+    14: '山西',
+    15: '内蒙古',
+    21: '辽宁',
+    22: '吉林',
+    23: '黑龙江',
+    31: '上海',
+    32: '江苏',
+    33: '浙江',
+    34: '安徽',
+    35: '福建',
+    36: '江西',
+    37: '山东',
+    41: '河南',
+    42: '湖北',
+    43: '湖南',
+    44: '广东',
+    45: '广西',
+    46: '海南',
+    50: '重庆',
+    51: '四川',
+    52: '贵州',
+    53: '云南',
+    54: '西藏',
+    61: '陕西',
+    62: '甘肃',
+    63: '青海',
+    64: '宁夏',
+    65: '新疆',
+    71: '台湾',
+    81: '香港',
+    82: '澳门',
+    91: '国外'
+  },
+
+  /* 每位加权因子 */
+  powers: [
+    '7',
+    '9',
+    '10',
+    '5',
+    '8',
+    '4',
+    '2',
+    '1',
+    '6',
+    '3',
+    '7',
+    '9',
+    '10',
+    '5',
+    '8',
+    '4',
+    '2'
+  ],
+
+  /* 第18位校检码 */
+  parityBit: ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'],
+
+  /* 性别 */
+  genders: {1: '男', 0: '女'},
+}
+
+const Check = {
+  /* 校验地址码 */
+  checkAddressCode(addressCode) {
+    const check = /^[1-9]\d{5}$/.test(addressCode)
+    if (!check) return false
+    return !!PARAMS.provinceAndCitys[parseInt(addressCode.substring(0, 2))]
+  },
+  /* 校验日期码 */
+  checkBirthDayCode(birDayCode) {
+    const check = /^[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))$/.test(
+        birDayCode
+    )
+    if (!check) return false
+    const yyyy = parseInt(birDayCode.substring(0, 4), 10)
+    const mm = parseInt(birDayCode.substring(4, 6), 10)
+    const dd = parseInt(birDayCode.substring(6), 10)
+    const xdata = new Date(yyyy, mm - 1, dd)
+    if (xdata > new Date()) {
+      return false // 生日不能大于当前日期
+    } else {
+      return (
+          xdata.getFullYear() == yyyy &&
+          xdata.getMonth() == mm - 1 &&
+          xdata.getDate() == dd
+      )
+    }
+  },
+  /* 验证校检码 */
+  checkParityBit(idCardNo) {
+    const parityBit = idCardNo.charAt(17).toUpperCase()
+    return this.getParityBit(idCardNo) == parityBit
+  },
+// 校验15位的身份证号码
+  check15IdCardNo(idCardNo) {
+    // 15位身份证号码的基本校验
+    let check = /^[1-9]\d{7}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}$/.test(
+        idCardNo
+    )
+    if (!check) return false
+    // 校验地址码
+    const addressCode = idCardNo.substring(0, 6)
+    check = this.checkAddressCode(addressCode)
+    if (!check) return false
+    const birDayCode = '19' + idCardNo.substring(6, 12)
+    // 校验日期码
+    return this.checkBirthDayCode(birDayCode)
+  },
+
+// 校验18位的身份证号码
+  check18IdCardNo(idCardNo) {
+    // 18位身份证号码的基本格式校验
+    let check = /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/.test(
+        idCardNo
+    )
+    if (!check) return false
+    // 校验地址码
+    const addressCode = idCardNo.substring(0, 6)
+    check = this.checkAddressCode(addressCode)
+    if (!check) return false
+    // 校验日期码
+    const birDayCode = idCardNo.substring(6, 14)
+    check = this.checkBirthDayCode(birDayCode)
+    if (!check) return false
+    // 验证校检码
+    return this.checkParityBit(idCardNo)
+  },
+  /* 计算校检码 */
+  getParityBit(idCardNo) {
+    const id17 = idCardNo.substring(0, 17)
+    /* 加权 */
+    let power = 0
+    for (let i = 0; i < 17; i++) {
+      power += parseInt(id17.charAt(i), 10) * parseInt(PARAMS.powers[i])
+    }
+    /* 取模 */
+    const mod = power % 11
+    return PARAMS.parityBit[mod]
+  }
+}
+
+export default class Identity {
+  constructor(code) {
+    this.code = this.getId18(code)
+    this.init()
+  }
+
+  init() {
+    const {code} = this
+    if (!!code) {
+      this.hideCode = Identity.hideId(code)
+      this.getIdCardInfo(code)
+    }
+  }
+
+  static hideId(code) {
+    return code?.replace(/^(\d{10})\d{4}(.{4}$)/g, `$1${Array(5).join('*')}$2`)
+  }
+
+  getId18(code) {
+    if (code.length == 15) {
+      const id17 = code.substring(0, 6) + '19' + code.substring(6)
+      const parityBit = Check.getParityBit(id17)
+      return id17 + parityBit
+    } else if (code.length == 18) {
+      return code
+    } else {
+      return null
+    }
+  }
+
+  getIdCardInfo(idCardNo) {
+    this.birthday = Identity.getBirthday(idCardNo)
+    this.sex = Identity.getSex(idCardNo)
+    this.gender = PARAMS.genders[this.sex]
+    this.age = Identity.getAge(idCardNo)
+    this.areaId = Identity.getArea(idCardNo)
+  }
+
+  /**
+   * 获取性别
+   * @param code
+   * @returns {string}
+   */
+  static getSex(code) {
+    return (Number(code.substring(16, 17)) % 2).toString()
+  }
+
+  /**
+   * 获取年龄
+   * @param code
+   * @returns {number}
+   */
+  static getAge(code) {
+    const birthday = dayjs(code.substring(6, 14), 'YYYYMMDD')
+    return Math.ceil(dayjs.duration(dayjs().unix() - dayjs(birthday).unix(), 's').asYears())
+  }
+
+  /**
+   * 获取地区编码
+   * @param code
+   */
+  static getArea(code) {
+    return code.substring(0, 6) + new Array(7).join(0)
+  }
+
+  /**
+   * 获取生日
+   */
+  static getBirthday(code) {
+    return dayjs(code.substring(6, 14), 'YYYYMMDD').format("YYYY-MM-DD").replace('Invalid Date', '')
+  }
+
+  /* 校验15位或18位的身份证号码 */
+  static check(idCardNo) {
+    // 15位和18位身份证号码的基本校验
+    const check = /^\d{15}|(\d{17}(\d|x|X))$/.test(idCardNo)
+    if (!check) return false
+    // 判断长度为15位或18位
+    if (idCardNo.length == 15) {
+      return Check.check15IdCardNo(idCardNo)
+    } else if (idCardNo.length == 18) {
+      return Check.check18IdCardNo(idCardNo)
+    } else {
+      return false
+    }
+  }
+}
diff --git a/ui/lib/js/modules.js b/ui/lib/js/modules.js
new file mode 100644
index 00000000..8c854ddf
--- /dev/null
+++ b/ui/lib/js/modules.js
@@ -0,0 +1,305 @@
+import http from "./request";
+import utils from "./utils";
+import Vue from "vue"
+
+export const sys = {
+  state: () => ({
+    info: {},
+    theme: {}
+  }),
+  mutations: {
+    setSysInfo(state, info) {
+      state.info = info
+    },
+    setTheme(state, theme) {
+      state.theme = theme
+    }
+  },
+  actions: {
+    getSystem({commit}, info) {
+      return http.post("/app/appdvcpconfig/getSystemInfo", null, {withoutToken: true}).then(res => {
+        if (res?.data) {
+          let {systemInfo, colorScheme, enableGreyFilter} = res.data
+          systemInfo = JSON.parse(systemInfo || null) || {}
+          colorScheme = JSON.parse(colorScheme || null) || {}
+          commit("setSysInfo", {...info, ...systemInfo})
+          commit("setTheme", {colorScheme, enableGreyFilter})
+          return res.data
+        } else return Promise.reject()
+      }).catch(() => commit("setSysInfo", info))
+    }
+  }
+}
+/**
+ * 用户信息
+ */
+export const user = {
+  state: () => ({
+    token: "",
+    info: {},
+    routes: []
+  }),
+  mutations: {
+    setToken(state, token) {
+      state.token = token;
+    },
+    setUserInfo(state, info) {
+      state.info = info
+    },
+    cleanUserInfo(state) {
+      state.info = {}
+      state.token = ""
+    },
+    setUserExtra(state, extra = {}) {
+      Object.keys(extra).map(e => Vue.set(state, e, extra[e]))
+    },
+    setRoutes(state,routes){
+      state.routes = routes
+    }
+  },
+  actions: {
+    getToken({commit}, params) {
+      let action = "/auth/oauth/token"
+      if (params?.action) {
+        action = params?.action
+        delete params?.action
+      }
+      const password = utils.$encryption(params)
+      return http.post(action, null, {
+        auth: {
+          username: 'villcloud',
+          password: "villcloud"
+        },
+        params: {grant_type: 'password', scope: 'server', ...params, password}
+      }).then(res => {
+        if (res?.access_token) {
+          const {token_type, access_token} = res, token = [token_type, access_token].join(" ")
+          return commit('setToken', token)
+        }
+      })
+    },
+    getUserInfo({commit, dispatch}) {
+      return http.post("/admin/user/detail-phone").then(res => {
+        if (res?.data) {
+          commit("setUserInfo", res.data)
+          return Promise.all([dispatch('getWorkflowConfigs')]).then(() => res.data)
+        }
+      })
+    },
+    getRouteName({state}, appName) {
+      return state.routes.find(e => e.component == appName)?.route || appName
+    }
+  }
+}
+/**
+ * 企微jssdk功能
+ */
+let timer = {injectJWeixin: null, initOpenData: null}
+export const wxwork = {
+  state: () => ({
+    agentSignURL: "",
+    apiList: [],
+    config: {}
+  }),
+  mutations: {
+    setConfig(state, config) {
+      state.config = config
+    },
+    setAgentSignURL(state, url) {
+      state.agentSignURL = url
+    },
+    setApiList(state, list) {
+      state.apiList = list
+    },
+  },
+  actions: {
+    agentSign({state, commit, rootState}, params) {
+      //授权jssdk在url上使用,并获取corpId
+      let url = window.location.href
+      if (state.agentSignURL == url && state.config.corpId) {
+        return Promise.resolve()
+      } else {
+        commit("setAgentSignURL", url)
+        commit("setApiList", [])
+        let action = "/app/wxcptp/portal/agentSign"
+        if (!!params?.action) {
+          action = params.action
+          delete params.action
+        }
+        const {corpId} = rootState.user.info
+        return http.post(action, null, {
+          withoutToken: true,
+          params: {corpId, ...params, url}
+        }).then(res => {
+          if (res?.data) {
+            let config = {
+              ...params,
+              debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+              beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
+              corpid: res.data.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
+              agentid: res.data.agentId, // 必填，企业微信的应用id （e.g. 1000247）
+              timestamp: Number(res.data.timestamp), // 必填，生成签名的时间戳
+              nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
+              signature: res.data.signature,// 必填，签名，见 附录-JS-SDK使用权限签名算法
+              ...res.data
+            }
+            commit("setConfig", config)
+            return config
+          }
+        }).catch(err => {
+          commit("setAgentSignURL", "")
+          console.error(err)
+        })
+      }
+    },
+    injectJWeixin({state, commit}, apis) {
+      const inject = (jsApiList) => new Promise((resolve, reject) => {
+        jsApiList = jsApiList || []
+        if (timer.injectJWeixin) {//节流设置,50ms内的多次请求合并到一处
+          clearTimeout(timer.injectJWeixin)
+          jsApiList = [...new Set([...state.apiList, ...jsApiList])]
+          commit("setApiList", jsApiList)
+        }
+        timer.injectJWeixin = setTimeout(() => {
+          const sdk = wx?.agentConfig ? wx : jWeixin
+          sdk?.agentConfig({
+            ...state.config, jsApiList,
+            success: res => resolve(res),
+            fail: err => {
+              console.error(err)
+              reject(err)
+            }
+          })
+        }, 50)
+      })
+      return inject(apis)
+    },
+    initOpenData({dispatch, commit}, params = {}) {
+      const initWOD = (count = 0) => {
+        if (!!window?.WWOpenData) {
+          const canvas = params?.canvas
+          if (canvas) delete params.canvas
+          if (timer.initOpenData) {
+            clearTimeout(timer.initOpenData)
+          }
+          const init = () => canvas ? dispatch('initCanvas') : dispatch('bindElements')
+          timer.initOpenData = setTimeout(() => {
+            window?.WWOpenData?.checkSession({
+              success: () => init(),
+              fail: () => {
+                dispatch('agentSign', params).then(() => dispatch("injectJWeixin")).then(() => init())
+              }
+            })
+          }, 50)
+        } else if (count > 10) {
+          console.log("无法获取WWOpenData")
+        } else {
+          setTimeout(() => {
+            initWOD(++count)
+          }, 200)
+        }
+      }
+      dispatch('agentSign', params).then(() => dispatch("injectJWeixin")).then(() => initWOD())
+    },
+    bindElements() {
+      const nodes = document.querySelectorAll('.AiOpenData')
+      window.WWOpenData?.bindAll(nodes)
+    },
+    initCanvas() {
+      window.WWOpenData?.initCanvas()
+    },
+    transCanvas(store, items) {
+      return new Promise((resolve, reject) => {
+        window.WWOpenData?.prefetch({items}, (err, data) => {
+          err ? reject(err) : resolve(data)
+        })
+      })
+    }
+  }
+}
+/**
+ * 各种前端方案记录选择
+ */
+export const logs = {
+  state: () => ({
+    closeIntro: []
+  }),
+  mutations: {
+    addCloseIntro(state, app) {
+      state.closeIntro.push(app)
+    }
+  },
+}
+/**
+ * 流程信息
+ */
+const startProcess = (form) => {
+  const {bid, app, flows = {}} = form
+  const process = flows[app]
+  if (!!process) {
+    const {id: pid, config} = process
+    let workflowConfig = JSON.parse(config || null), nowNodeId = [], startId
+    workflowConfig?.nodes?.map(e => {
+      if (e.type == "start") {
+        e.properties.isStart = true
+        e.properties.updateTime = utils.$moment().format("YYYY-MM-DD HH:mm:ss")
+        startId = e.id
+      }
+    })
+    workflowConfig?.edges?.map(e => {
+      if (e.sourceNodeId == startId) {
+        nowNodeId.push(e.targetNodeId)
+      }
+    })
+    nowNodeId = nowNodeId?.toString()
+    return !!nowNodeId && http.post("/app/appworkflowlog/addOrUpdate", {bid, pid, nowNodeId, workflowConfig: JSON.stringify(workflowConfig)})
+  }
+}
+export const workflow = {
+  state: () => ({}),
+  mutations: {
+    setWfConfigs(state, configs) {
+      configs.map(e => {
+        Vue.set(state, e.app, e)
+      })
+    }
+  },
+  actions: {
+    getWorkflowConfigs({commit}) {
+      return http.post("/app/appworkflowmanage/list", null, {
+        params: {size: 999}
+      }).then(res => {
+        if (res?.data) {
+          return commit("setWfConfigs", res.data.records)
+        }
+      }).catch(() => 0)
+    },
+    startFlow(context, form) {
+      startProcess(form)
+    },
+    endFlow(context, form) {
+      let {workflowConfig = {}, nowNodeId} = form
+      workflowConfig?.nodes?.map(e => {
+        if (e.type == "end") {
+          e.properties.isFinished = true
+          e.properties.updateTime = utils.$moment().format("YYYY-MM-DD HH:mm:ss")
+          nowNodeId = "nowNodeId"
+        }
+      })
+      return http.post("/app/appworkflowlog/addOrUpdate", {...form, nowNodeId, workflowConfig: JSON.stringify(workflowConfig)})
+    }
+  },
+  processAdapter(config) {//流程业务拦截器
+    if (/addOrUpdate/.test(config.url)) {
+      let app = config.url.replace(/.+(app[^\\\/]+).+/g, '$1')
+      if (/appapplicationinfo/.test(app)) {//动态台账表单
+        app = config.params?.appId
+      } else if (/appcontentinfo/.test(app)) {//内容发布
+        app = config.data?.moduleId
+      }
+      config.workflow = app
+    }
+    return config
+  },
+  startProcess
+}
diff --git a/ui/lib/js/moment.js b/ui/lib/js/moment.js
new file mode 100644
index 00000000..a157d573
--- /dev/null
+++ b/ui/lib/js/moment.js
@@ -0,0 +1,35 @@
+import moment from 'dayjs'
+import duration from 'dayjs/plugin/duration'
+import updateLocale from 'dayjs/plugin/updateLocale'
+import customParseFormat from 'dayjs/plugin/customParseFormat'
+import 'dayjs/locale/zh-cn'
+
+moment.locale('zh-cn')
+moment.extend(updateLocale)
+moment.extend(customParseFormat)
+moment.extend(duration)
+moment.updateLocale('zh-cn', {
+  weekdays: "星期日|星期一|星期二|星期三|星期四|星期五|星期六".split("|"),
+  meridiem(hour) {
+    let word = ""
+    if (hour < 6) {
+      word = "凌晨"
+    } else if (hour < 9) {
+      word = "早上"
+    } else if (hour < 12) {
+      word = "上午"
+    } else if (hour < 14) {
+      word = "中午"
+    } else if (hour < 17) {
+      word = "下午"
+    } else if (hour < 19) {
+      word = "傍晚"
+    } else if (hour < 22) {
+      word = "晚上"
+    } else {
+      word = "夜里"
+    }
+    return word;
+  }
+})
+export default moment
diff --git a/ui/lib/js/regular.js b/ui/lib/js/regular.js
new file mode 100644
index 00000000..b85a6935
--- /dev/null
+++ b/ui/lib/js/regular.js
@@ -0,0 +1,15 @@
+export default {
+  phone: /^((0\d{2,3}-\d{7,8})|((13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}))$/,
+  password: /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*,.?_-])[\da-zA-Z~!@#$%^&*,.?_-]{8,16}$/,
+  money: /^([1-9]\d*|0)(\.\d{1,2})?$/,
+  area: {
+    village: /^\d{9}[^0]0{0,2}$/,
+    town: /^\d{6}[^0]0{0,2}000$/,
+    country: /^\d{4}[^0]0?0{6}$/,
+    city: /^\d{2}[^0]0?0{8}$/,
+    province: /^[^0]0?0{10}$/,
+  },
+  zh: /^[\u4e00-\u9fa5]+$/,
+  email: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
+  ip: /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/
+}
diff --git a/ui/lib/js/request.js b/ui/lib/js/request.js
new file mode 100644
index 00000000..393ead94
--- /dev/null
+++ b/ui/lib/js/request.js
@@ -0,0 +1,83 @@
+/* eslint-disable */
+import axios from 'axios'
+import {Message} from "element-ui";
+import {workflow} from "./modules";
+
+const instance = axios.create({
+  baseURL: process.env.NODE_ENV === "production" ? "/" : "/lan",
+  timeout: 600000,
+  withCredentials: true,
+})
+
+const getStore = () => JSON.parse(localStorage.getItem("vuex") || null) || {}
+
+const getToken = () => getStore().user?.token
+/**
+ * 节流工具
+ */
+let throttleMap = {}
+const source = axios.CancelToken.source();
+instance.interceptors.request.use(config => {
+  if (config.throttle) {// 节流处理
+    let timer = throttleMap[config.url]
+    if (!!timer) {
+      config.cancelToken = source.token
+      source.cancel("节流控制,取消请求:" + config.url)
+    }
+    throttleMap[config.url] = setTimeout(() => {
+      throttleMap[config.url] = null
+    }, config.throttle)
+  }
+  if (!config.withoutToken && getToken()) {
+    config.headers["Authorization"] = getToken()
+  }
+  //BUG 9456 去除传参空格
+  if (config.params) {
+    Object.keys(config.params).map(e => {
+      if (typeof config.params[e] == "string") config.params[e] = config.params[e].trim()
+    })
+  }
+  config = workflow.processAdapter(config)
+  return config
+}, err => {
+  console.error(err)
+})
+instance.interceptors.response.use(res => {
+  if (res && !!res.config.workflow) {
+    const {config: {workflow: app}, data: {data: bid}} = res
+    bid && workflow.startProcess({app, bid, flows: getStore().workflow})
+  }
+  if (res && res.data) {
+    if (!!res.data.code?.toString()) {
+      if (res.data.code == 0) {
+        return res.data
+      } else if (!!res.config.pureBack) {
+        return res.data
+      } else if (res.data.code == 401) {
+        console.error("安全令牌验证无法通过!")
+        return Promise.reject(res.data)
+      } else {
+        Message.error(res.data.msg || "请求失败!")
+        return !!res.config.returnError ? res.data : Promise.reject(res.data.msg)
+      }
+    } else return res.data
+  } else {
+    Message.error("服务器异常,请联系管理员!")
+  }
+}, err => {
+  if (err) {
+    if (err.response) {
+      if (err.response.status == 401) {
+        console.error("安全令牌验证无法通过!")
+      } else {
+        console.error(err.response.statusText)
+      }
+    } else {
+      console.error(err)
+    }
+  } else {
+    console.error("通信异常,请联系管理员!")
+  }
+})
+
+export default instance
diff --git a/ui/lib/js/utils.js b/ui/lib/js/utils.js
new file mode 100644
index 00000000..5a02df04
--- /dev/null
+++ b/ui/lib/js/utils.js
@@ -0,0 +1,215 @@
+import {MessageBox} from 'element-ui'
+import $moment from './moment'
+import $dict from './dict'
+import $encryption from './encryption'
+import $coin from './coin'
+import Area from "./area"
+import ID from "./identity"
+import $reg from "./regular"
+
+/**
+ * 生成子节点的递归方法
+ * @param parent 父元素
+ * @param pending 待递归的数组
+ * @param config 配置
+ */
+const addChild = (parent, pending, config) => {
+  let conf = {
+        key: 'id',
+        parent: 'parentId',
+        children: 'children',
+        ...config
+      },
+      doBeforeCount = pending.length
+  for (let i = pending.length - 1; i >= 0; i--) {
+    let e = pending[i]
+    if (e[conf.parent] == parent[conf.key]) {
+      parent[conf.children] = [...(parent[conf.children] || []), e]
+      pending.splice(i, 1)
+    }
+  }
+  parent[conf.children] &&
+  (parent[conf.children] = parent[conf.children].reverse())
+  if (pending.length > 0 && doBeforeCount > pending.length) {
+    parent[conf.children].map(c => addChild(c, pending, conf))
+  }
+}
+/**
+ * 数组转tree
+ * @param list 待转化的数组
+ * @param config 配置
+ */
+const $arr2tree = (list, config = {}) => {
+  const {key = 'id', parent = 'parentId', children = 'children'} = config, result = [], itemMap = {}, ids = list?.map(e => `${e[key]}`)?.toString()
+  for (const e of list) {
+    const id = e[key], pid = e[parent]
+    itemMap[id] = {...e, [children]: [itemMap[id]?.[children]].flat().filter(Boolean)}
+    const treeItem = itemMap[id]
+    if (!!pid && ids.indexOf(pid) > -1) {
+      if (!itemMap[pid]) {
+        itemMap[pid] = {
+          children: [],
+        }
+      }
+      itemMap[pid].children.push(treeItem)
+    } else result.push(treeItem)
+  }
+  return result
+}
+
+/**
+ * 封装提示框
+ */
+const $confirm = (content, options) => {
+  return MessageBox.confirm(content, {
+    type: 'warning',
+    confirmButtonText: '确认',
+    center: true,
+    title: '提示',
+    dangerouslyUseHTMLString: true,
+    customClass: "AiConfirm",
+    ...options
+  }).catch(() => 0)
+}
+
+
+const $decimalCalc = (...arr) => {
+  // 确认提升精度
+  let decimalLengthes = arr.map(e => {
+    let index = ('' + e).indexOf('.')
+    return ('' + e).length - index
+  })
+  let maxDecimal = Math.max(...decimalLengthes),
+      precision = Math.pow(10, maxDecimal)
+  // 计算
+  let intArr = arr.map(e => (Number(e) || 0) * precision)
+  // 返回计算值
+  return intArr.reduce((t, a) => t + a) / precision
+}
+
+/**
+ * 封装权限判断方法
+ */
+const $permissions = flag => {
+  let buttons = []
+  if (localStorage.getItem('vuex')) {
+    const vuex = JSON.parse(localStorage.getItem('vuex'))
+    buttons = vuex.user.info.buttons
+  }
+  if (buttons && buttons.length > 0) {
+    return buttons.some(b => b.id == flag || b.permission == flag)
+  } else return false
+}
+
+const $colorUtils = {
+  Hex2RGBA(color, alpha = 1) {
+    let hex = 0
+    if (color.charAt(0) == '#') {
+      if (color.length == 4) {
+        // 检测诸如#FFF简写格式
+        color =
+            '#' +
+            color.charAt(1).repeat(2) +
+            color.charAt(2).repeat(2) +
+            color.charAt(3).repeat(2)
+      }
+      hex = parseInt(color.slice(1), 16)
+    }
+    let r = (hex >> 16) & 0xff
+    let g = (hex >> 8) & 0xff
+    let b = hex & 0xff
+    return `rgba(${r},${g},${b},${alpha})`
+  },
+  RGBtoHex(r, g, b) {
+    let hex = (r << 16) | (g << 8) | b
+    return '#' + hex.toString(16)
+  }
+}
+export const $copy = any => {
+  if (any) {
+    return JSON.parse(JSON.stringify(any))
+  } else return any
+}
+let debounceWait = null
+export const $debounce = (fn, wait) => {
+  if (debounceWait !== null) clearTimeout(debounceWait);
+  debounceWait = setTimeout(function () {
+    typeof fn === 'function' && fn();
+  }, wait);
+}
+export const $checkJson = str => {
+  if (typeof str == 'string') {
+    try {
+      let obj = JSON.parse(str);
+      return !!(typeof obj == 'object' && obj);
+    } catch (e) {
+      return false;
+    }
+  }
+  return false;
+}
+const $load = (sdk, interval = 200, name = "", c = 0) => {
+  if (!!sdk) {
+    return Promise.resolve()
+  } else if (c < 10) {
+    return new Promise(resolve => setTimeout(() => resolve($load(sdk, interval, name, ++c)), interval))
+  } else return Promise.reject("无法加载" + name)
+}
+
+export {Area, ID}
+
+export default {
+  addChild,
+  $confirm,
+  $decimalCalc,
+  $dict,
+  $permissions,
+  $colorUtils,
+  $moment,
+  $encryption,
+  $coin,
+  $injectLib: (url, cb = () => 0) => {
+    const scriptList = document.body.querySelectorAll('script')
+    if (Object.values(scriptList || {}).findIndex(e => e.src == url) == -1) {
+      const script = document.createElement('script')
+      script.type = 'text/javascript'
+      script.src = url
+      script.addEventListener('load', () => cb())
+      document.body.appendChild(script)
+    } else cb()
+  },
+  $injectCss: (url, cb = () => 0) => {
+    const linkList = document.body.querySelectorAll('link')
+    if (Object.values(linkList || {}).findIndex(e => e.href == url) == -1) {
+      const link = document.createElement('link')
+      link.rel = "stylesheet"
+      link.type = "text/css"
+      link.href = url
+      link.addEventListener('load', () => cb())
+      document.head.appendChild(link)
+    } else cb()
+  },
+  $dateFormat: (time, format) => {
+    return $moment(time)
+    .format(format || 'YYYY-MM-DD')
+    .replace('Invalid Date', '')
+  },
+  $copy,
+  $download: url => {
+    fetch(url).then(res => res.blob()).then(blob => {
+      const link = document.createElement('a')
+      link.style.display = 'none'
+      link.href = URL.createObjectURL(blob)
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+    })
+  },
+  $debounce,
+  $checkJson,
+  $arr2tree,
+  $load,
+  $reg,
+  Area,
+  ID
+}
diff --git a/ui/lib/styles/ckeditor.scss b/ui/lib/styles/ckeditor.scss
new file mode 100644
index 00000000..ca0f4bbd
--- /dev/null
+++ b/ui/lib/styles/ckeditor.scss
@@ -0,0 +1,522 @@
+/*
+ * CKEditor 5 (v34.2.0) content styles.
+ * Generated on Fri, 29 Jul 2022 13:03:52 GMT.
+ * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
+ */
+
+:root {
+  --ck-color-base-active: hsl(208, 88%, 52%);
+  --ck-color-image-caption-background: hsl(0, 0%, 97%);
+  --ck-color-image-caption-text: hsl(0, 0%, 20%);
+  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
+  --ck-color-mention-text: hsl(341, 100%, 30%);
+  --ck-color-table-caption-background: hsl(0, 0%, 97%);
+  --ck-color-table-caption-text: hsl(0, 0%, 20%);
+  --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
+  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
+  --ck-highlight-marker-green: hsl(120, 93%, 68%);
+  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
+  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
+  --ck-highlight-pen-green: hsl(112, 100%, 27%);
+  --ck-highlight-pen-red: hsl(0, 85%, 49%);
+  --ck-image-style-spacing: 1.5em;
+  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
+  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
+  --ck-table-column-resizer-width: 7px;
+  --ck-todo-list-checkmark-size: 16px;
+  --ck-z-default: 1;
+}
+
+/* ckeditor5-block-quote/theme/blockquote.css */
+.ck-content blockquote {
+  overflow: hidden;
+  padding-right: 1.5em;
+  padding-left: 1.5em;
+  margin-left: 0;
+  margin-right: 0;
+  font-style: italic;
+  border-left: solid 5px hsl(0, 0%, 80%);
+}
+
+/* ckeditor5-block-quote/theme/blockquote.css */
+.ck-content[dir="rtl"] blockquote {
+  border-left: 0;
+  border-right: solid 5px hsl(0, 0%, 80%);
+}
+
+/* ckeditor5-basic-styles/theme/code.css */
+.ck-content code {
+  background-color: hsla(0, 0%, 78%, 0.3);
+  padding: .15em;
+  border-radius: 2px;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-tiny {
+  font-size: .7em;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-small {
+  font-size: .85em;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-big {
+  font-size: 1.4em;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-huge {
+  font-size: 1.8em;
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-yellow {
+  background-color: var(--ck-highlight-marker-yellow);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-green {
+  background-color: var(--ck-highlight-marker-green);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-pink {
+  background-color: var(--ck-highlight-marker-pink);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-blue {
+  background-color: var(--ck-highlight-marker-blue);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .pen-red {
+  color: var(--ck-highlight-pen-red);
+  background-color: transparent;
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .pen-green {
+  color: var(--ck-highlight-pen-green);
+  background-color: transparent;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image {
+  display: table;
+  clear: both;
+  text-align: center;
+  margin: 0.9em auto;
+  min-width: 50px;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image img {
+  display: block;
+  margin: 0 auto;
+  max-width: 100%;
+  min-width: 100%;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image-inline {
+  /*
+   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
+   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
+   * This strange behavior does not happen with inline-flex.
+   */
+  display: inline-flex;
+  max-width: 100%;
+  align-items: flex-start;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image-inline picture {
+  display: flex;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image-inline picture,
+.ck-content .image-inline img {
+  flex-grow: 1;
+  flex-shrink: 1;
+  max-width: 100%;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-block-align-left,
+.ck-content .image-style-block-align-right {
+  max-width: calc(100% - var(--ck-image-style-spacing));
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-left,
+.ck-content .image-style-align-right {
+  clear: none;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-side {
+  float: right;
+  margin-left: var(--ck-image-style-spacing);
+  max-width: 50%;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-left {
+  float: left;
+  margin-right: var(--ck-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-right {
+  float: right;
+  margin-left: var(--ck-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-block-align-right {
+  margin-right: 0;
+  margin-left: auto;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-block-align-left {
+  margin-left: 0;
+  margin-right: auto;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content p + .image-style-align-left,
+.ck-content p + .image-style-align-right,
+.ck-content p + .image-style-side {
+  margin-top: 0;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-inline.image-style-align-left,
+.ck-content .image-inline.image-style-align-right {
+  margin-top: var(--ck-inline-image-style-spacing);
+  margin-bottom: var(--ck-inline-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-inline.image-style-align-left {
+  margin-right: var(--ck-inline-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-inline.image-style-align-right {
+  margin-left: var(--ck-inline-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagecaption.css */
+.ck-content .image > figcaption {
+  display: table-caption;
+  caption-side: bottom;
+  word-break: break-word;
+  color: var(--ck-color-image-caption-text);
+  background-color: var(--ck-color-image-caption-background);
+  padding: .6em;
+  font-size: .75em;
+  outline-offset: -1px;
+}
+
+/* ckeditor5-image/theme/imageresize.css */
+.ck-content .image.image_resized {
+  max-width: 100%;
+  display: block;
+  box-sizing: border-box;
+}
+
+/* ckeditor5-image/theme/imageresize.css */
+.ck-content .image.image_resized img {
+  width: 100%;
+}
+
+/* ckeditor5-image/theme/imageresize.css */
+.ck-content .image.image_resized > figcaption {
+  display: block;
+}
+
+/* ckeditor5-language/theme/language.css */
+.ck-content span[lang] {
+  font-style: italic;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list {
+  list-style: none;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list li {
+  margin-bottom: 5px;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list li .todo-list {
+  margin-top: 5px;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input {
+  -webkit-appearance: none;
+  display: inline-block;
+  position: relative;
+  width: var(--ck-todo-list-checkmark-size);
+  height: var(--ck-todo-list-checkmark-size);
+  vertical-align: middle;
+  border: 0;
+  left: -25px;
+  margin-right: -15px;
+  right: 0;
+  margin-left: 0;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input::before {
+  display: block;
+  position: absolute;
+  box-sizing: border-box;
+  content: '';
+  width: 100%;
+  height: 100%;
+  border: 1px solid hsl(0, 0%, 20%);
+  border-radius: 2px;
+  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input::after {
+  display: block;
+  position: absolute;
+  box-sizing: content-box;
+  pointer-events: none;
+  content: '';
+  left: calc(var(--ck-todo-list-checkmark-size) / 3);
+  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
+  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
+  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
+  border-style: solid;
+  border-color: transparent;
+  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
+  transform: rotate(45deg);
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input[checked]::before {
+  background: hsl(126, 64%, 41%);
+  border-color: hsl(126, 64%, 41%);
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input[checked]::after {
+  border-color: hsl(0, 0%, 100%);
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label .todo-list__label__description {
+  vertical-align: middle;
+}
+
+/* ckeditor5-media-embed/theme/mediaembed.css */
+.ck-content .media {
+  clear: both;
+  margin: 0.9em 0;
+  display: block;
+  min-width: 15em;
+}
+
+/* ckeditor5-page-break/theme/pagebreak.css */
+.ck-content .page-break {
+  position: relative;
+  clear: both;
+  padding: 5px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* ckeditor5-page-break/theme/pagebreak.css */
+.ck-content .page-break::after {
+  content: '';
+  position: absolute;
+  border-bottom: 2px dashed hsl(0, 0%, 77%);
+  width: 100%;
+}
+
+/* ckeditor5-page-break/theme/pagebreak.css */
+.ck-content .page-break__label {
+  position: relative;
+  z-index: 1;
+  padding: .3em .6em;
+  display: block;
+  text-transform: uppercase;
+  border: 1px solid hsl(0, 0%, 77%);
+  border-radius: 2px;
+  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
+  font-size: 0.75em;
+  font-weight: bold;
+  color: hsl(0, 0%, 20%);
+  background: hsl(0, 0%, 100%);
+  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/* ckeditor5-table/theme/tablecaption.css */
+.ck-content .table > figcaption {
+  display: table-caption;
+  caption-side: top;
+  word-break: break-word;
+  text-align: center;
+  color: var(--ck-color-table-caption-text);
+  background-color: var(--ck-color-table-caption-background);
+  padding: .6em;
+  font-size: .75em;
+  outline-offset: -1px;
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table {
+  margin: 0.9em auto;
+  display: table;
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px double hsl(0, 0%, 70%);
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table table td,
+.ck-content .table table th {
+  min-width: 2em;
+  padding: .4em;
+  border: 1px solid hsl(0, 0%, 75%);
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table table th {
+  font-weight: bold;
+  background: hsla(0, 0%, 0%, 5%);
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content[dir="rtl"] .table th {
+  text-align: right;
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content[dir="ltr"] .table th {
+  text-align: left;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table table {
+  overflow: hidden;
+  table-layout: fixed;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table td,
+.ck-content .table th {
+  position: relative;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table .table-column-resizer {
+  position: absolute;
+  top: -999999px;
+  bottom: -999999px;
+  right: var(--ck-table-column-resizer-position-offset);
+  width: var(--ck-table-column-resizer-width);
+  cursor: col-resize;
+  user-select: none;
+  z-index: var(--ck-z-default);
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table[draggable] .table-column-resizer {
+  display: none;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table .table-column-resizer:hover,
+.ck-content .table .table-column-resizer__active {
+  background-color: var(--ck-color-table-column-resizer-hover);
+  opacity: 0.25;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content[dir=rtl] .table .table-column-resizer {
+  left: var(--ck-table-column-resizer-position-offset);
+  right: unset;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content.ck-read-only .table .table-column-resizer {
+  display: none;
+}
+
+/* ckeditor5-code-block/theme/codeblock.css */
+.ck-content pre {
+  padding: 1em;
+  color: hsl(0, 0%, 20.8%);
+  background: hsla(0, 0%, 78%, 0.3);
+  border: 1px solid hsl(0, 0%, 77%);
+  border-radius: 2px;
+  text-align: left;
+  direction: ltr;
+  tab-size: 4;
+  white-space: pre-wrap;
+  font-style: normal;
+  min-width: 200px;
+}
+
+/* ckeditor5-code-block/theme/codeblock.css */
+.ck-content pre code {
+  background: unset;
+  padding: 0;
+  border-radius: 0;
+}
+
+/* ckeditor5-horizontal-line/theme/horizontalline.css */
+.ck-content hr {
+  margin: 15px 0;
+  height: 4px;
+  background: hsl(0, 0%, 87%);
+  border: 0;
+}
+
+/* ckeditor5-mention/theme/mention.css */
+.ck-content .mention {
+  background: var(--ck-color-mention-background);
+  color: var(--ck-color-mention-text);
+}
+
+@media print {
+  /* ckeditor5-page-break/theme/pagebreak.css */
+  .ck-content .page-break {
+    padding: 0;
+  }
+  /* ckeditor5-page-break/theme/pagebreak.css */
+  .ck-content .page-break::after {
+    display: none;
+  }
+}
diff --git a/ui/lib/styles/common.scss b/ui/lib/styles/common.scss
new file mode 100644
index 00000000..b1de97e4
--- /dev/null
+++ b/ui/lib/styles/common.scss
@@ -0,0 +1,673 @@
+@import "iconfont/iconfont";
+@import 'iconfont/logofont';
+@import "ckeditor";
+@import "vars";
+
+$cdn: "https://cdn.cunwuyun.cn/";
+$--color-primary: $primaryColor;
+$--color-text-placeholder: $placeholderColor;
+$--border-color-base: $borderColor;
+$--color-success: $successColor;
+$--color-warning: $warnColor;
+$--color-danger: $errorColor;
+$--color-info: $infoColor;
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+@import "~element-ui/packages/theme-chalk/src/index";
+
+/**
+常用内外边距样式
+ */
+@each $padMar, $pm in (mar:margin, pad:padding) {
+  @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
+    @each $v in (8, 10, 16, 20, 32, 48, 60) {
+      .#{$padMar}-#{$pos+$v} {
+        #{$pm}-#{$p}: #{$v}px
+      }
+    }
+  }
+}
+
+/**
+  不换行文本
+ */
+.nowarp-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/**
+  表头式样
+ */
+.table-header {
+  background-color: rgba(243, 246, 249, 1) !important;
+  color: #333;
+  line-height: 44px;
+  font-size: 14px;
+  font-weight: bold;
+  padding: 0 !important;
+  border-bottom: none !important;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+/**
+  表行样式
+ */
+.table-row {
+  height: 44px;
+
+  &:hover, &:hover td.table-cell {
+    background-color: #EFF6FF !important;
+  }
+}
+
+/**
+  表格样式
+ */
+.table-cell {
+  font-size: 14px;
+  padding: 0 !important;
+
+  .cell {
+    line-height: 15px;
+  }
+}
+
+/**
+  图标统一样式
+ */
+.iconfont {
+  font-size: 14px;
+}
+
+.iconShow:hover, .iconEdit:hover, .iconParent:hover, .iconChange:hover {
+  color: $primaryColor;
+}
+
+.iconDelete:hover {
+  color: $errorColor;
+}
+
+.iconBack_Large {
+  width: 16px;
+  height: 16px;
+  color: $primaryColor;
+  cursor: pointer;
+}
+
+/**
+  缺省页相关样式
+ */
+.no-data {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/NoData.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin: 48px auto 10px;
+}
+
+/**
+  缺省页相关样式
+ */
+.ai-empty__bg {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/empty.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin: 48px auto 0;
+}
+
+.no-permission {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/NoAuthority.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin-top: 48px;
+}
+
+.no-message {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/NoMessage.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin-top: 48px;
+}
+
+.done-success {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/Success.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+}
+
+.no-div-text {
+  text-align: center;
+  font-size: 14px;
+  color: #666
+}
+
+.developing {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/developing.svg") no-repeat center;
+  background-size: 400px 320px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:after {
+    margin-top: 270px;
+    font-size: 14px;
+    color: $primaryColor;
+    display: block;
+    content: "功能正在开发中..."
+  }
+}
+
+/**
+  placeholder 样式
+ */
+input::-webkit-input-placeholder {
+  color: #ccc;
+}
+
+input::-moz-placeholder {
+  color: #ccc;
+}
+
+input::-ms-input-placeholder {
+  color: #ccc;
+}
+
+//切换地区Tab 样式
+.area-popover {
+  right: 0;
+}
+
+//弹窗树菜单的样式
+.dialog-tree {
+  &.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+    background: rgba(239, 246, 255, 1);
+    border-radius: 2px;
+    font-weight: normal;
+    color: rgba(80, 136, 255, 1);
+  }
+}
+
+//发起群聊的按钮样式
+.openIM {
+  width: 26px;
+  height: 20px;
+  background: rgba(255, 255, 255, 1);
+  border-radius: 12px;
+  border: 1px solid rgba(208, 212, 220, 1);
+  box-sizing: border-box;
+  text-align: center;
+  cursor: pointer;
+
+  &.iconGroup_IM {
+    color: #89B;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &:hover {
+    background: $primaryColor;
+    border-color: $primaryColor;
+
+    &.iconGroup_IM {
+      color: #fff;
+    }
+  }
+}
+
+.fuzzy {
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  color: transparent !important;
+}
+
+/**
+  马赛克样式
+ */
+.mosaic {
+  position: relative;
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    background-position: 0 0, 10px 10px;
+    background-size: 20px 20px;
+    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
+    z-index: 202011051009;
+  }
+}
+
+/**
+自定义弹性盒子快速用
+ */
+div[flex] {
+  display: flex;
+  align-items: center;
+
+  &.column {
+    flex-direction: column;
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  &.gap {
+    gap: 20px;
+  }
+}
+
+.fill {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+}
+
+.el-input {
+  input[type="number"] {
+    -moz-appearance: textfield;
+
+    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+    }
+  }
+}
+
+// 2.0公共样式
+
+.ai-form {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  width: 100%;
+
+  .el-form-item {
+    width: 50%;
+    margin-bottom: 24px;
+
+    .el-form-item__content {
+      margin-left: 134px !important;
+    }
+
+    ::v-deep.el-form-item__content {
+      & .el-input--small, & > .el-range-editor--small, & > .el-cascader, & > .el-select {
+        width: 325px;
+      }
+    }
+  }
+}
+
+.el-message-box {
+  width: 520px;
+  padding-bottom: 0;
+
+  .el-message-box__header {
+    padding-left: 40px;
+  }
+
+  .el-message-box__content {
+    padding-left: 77px;
+    padding-top: 4px;
+  }
+
+  .el-message-box__title {
+    justify-content: start;
+    font-size: 14px;
+
+    .el-icon-error:before {
+      content: "\e7a3";
+    }
+  }
+
+  .el-message-box__status {
+    padding-right: 12px;
+  }
+
+  .el-message-box__message {
+    text-align: start;
+    font-size: 16px;
+    color: #333;
+    font-weight: bold;
+    min-height: 60px;
+  }
+
+  .el-message-box__btns {
+    box-sizing: border-box;
+    text-align: center;
+    background-color: #F3F6F9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 64px;
+
+    .el-button {
+      padding: 0 32px;
+    }
+  }
+}
+
+.table-options {
+  .el-button--text {
+    height: auto;
+    margin-right: 8px !important;
+    margin-left: 0 !important;
+    padding: 0;
+    border-radius: unset;
+
+    &:last-child {
+      margin-right: 0 !important;
+    }
+  }
+
+  span {
+    margin-right: 8px;
+    color: $primaryColor;
+    font-size: 14px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  .is-disabled span {
+    color: #999 !important;
+  }
+}
+
+textarea {
+  font-family: inherit;
+}
+
+.el-button--primary {
+  border: none;
+  background: $primaryBtnColor;
+
+  &:hover {
+    opacity: 0.6;
+    background: $primaryBtnColor;
+  }
+}
+
+.el-button {
+  font-size: 14px;
+  border-radius: 2px;
+  height: 32px;
+  padding: 8px;
+  box-sizing: border-box;
+
+  [class*=iconfont] {
+    font-size: 14px;
+
+    & + span {
+      margin-left: 5px;
+    }
+  }
+}
+
+.el-button--text [class*=iconfont] {
+  color: inherit;
+  font-size: inherit;
+}
+
+.wechat-message__container {
+  padding: 8px !important;
+  background: #F6F9FF !important;
+  border-radius: 2px !important;
+  color: #222222 !important;
+  font-size: 14px !important;
+  border: 1px solid $primaryColor !important;
+
+  h2 {
+    color: #222222;
+    font-weight: 500;
+    font-size: 14px;
+  }
+}
+
+h1, h2, h3, p {
+  margin: 0;
+}
+
+.el-tooltip__popper {
+  max-width: 600px;
+  word-break: break-all;
+}
+
+
+.ai-personselect .el-input__suffix .el-input__validateIcon {
+  display: none;
+}
+
+.AiWechatSelecter-container .el-input__suffix .el-input__validateIcon {
+  display: none;
+}
+
+.AiWechatSelecter-container .el-input__suffix .el-input__validateIcon {
+  display: none;
+}
+
+.icon-color89B {
+  color: #89B;
+}
+
+// flex 布局
+.flex-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.flex-start {
+  display: flex;
+  align-items: center;
+}
+
+.ailist-wrapper {
+  div, p, h2, h1, h3, h5, span {
+    box-sizing: border-box;
+  }
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+
+.ai-scan {
+  display: flex;
+  position: absolute;
+  top: -10px;
+  right: -14px;
+  cursor: pointer;
+
+  .poptip-arrow {
+    position: relative;
+    height: 24px;
+    line-height: 24px;
+    margin-right: 8px;
+    margin-top: 4px;
+    padding: 0 10px;
+    color: $primaryColor;
+    font-size: 12px;
+    text-align: center;
+    background: $primaryLightColor;
+    border: 1px solid $primaryColor;
+
+    em {
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: hsla(0, 0%, 100%, 0);
+      border-style: solid;
+      overflow: hidden;
+      top: 50%;
+      right: -6px;
+      transform: translateY(-50%);
+      border-left-color: $primaryLightColor;
+      border-width: 6px 0 6px 6px;
+    }
+
+    a {
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: hsla(0, 0%, 100%, 0);
+      border-style: solid;
+      overflow: hidden;
+      top: 50%;
+      right: -7px;
+      transform: translateY(-50%);
+      border-left-color: $primaryColor;
+      border-width: 6px 0 6px 6px;
+    }
+  }
+
+  & > i {
+    padding: 0;
+    color: $primaryColor;
+    font-size: 48px;
+  }
+}
+
+/**
+背景图设置
+ */
+
+.signLeftBg {
+  background-image: url('#{$cdn}/ui/background/#{$theme}/loginLeft.png');
+}
+
+.navBg {
+  background-image: url('#{$cdn}/ui/background/#{$theme}/nav_bg.png');
+}
+
+/**
+特殊样式字体
+ */
+.projectName {
+  font-family: "Microsoft YaHei UI", "Microsoft YaHei", serif;
+  height: 56px;
+  line-height: 56px;
+  font-size: 42px;
+  font-weight: 800;
+  white-space: nowrap;
+  position: relative;
+  text-shadow: 0 6px 3px rgba(#222, .1);
+  color: transparent;
+
+  &:after {
+    position: absolute;
+    left: 0;
+    content: attr(title);
+    background: $projectName;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    z-index: 99;
+  }
+
+  &:before {
+    position: absolute;
+    left: 0;
+    content: attr(title);
+    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff;
+    z-index: 66;
+  }
+}
+
+.textShadow {
+  position: absolute;
+  top: 0;
+  text-shadow: 0 2px 0 $textShadow;
+  color: transparent;
+  z-index: -1;
+}
+
+#ai-waiting {
+  color: $primaryColor
+}
+
+.color-primary {
+  color: $primaryColor
+}
+
+.hoverActive {
+  &:hover, &.current, &.isActive {
+    color: $primaryColor !important;
+  }
+}
+
+/** 登录页左侧标题样式 **/
+.signLeftContent {
+  .titlePane {
+    margin-top: 124px;
+    font-size: 20px;
+    margin-bottom: 64px;
+
+    & > b {
+      display: block;
+      font-size: 40px;
+      margin-bottom: 16px;
+    }
+  }
+
+  .subTitle {
+    margin-bottom: 16px;
+    opacity: 0.8;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+
+    &:before {
+      content: " ";
+      background: transparent;
+      border-radius: 50%;
+      border: 1px solid #fff;
+      width: 8px;
+      height: 8px;
+    }
+
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.AiConfirm {
+  position: fixed;
+  z-index: 202210261023;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/**
+节流器
+ */
+.throttle {
+  animation: throttle 0.5s step-end forwards;
+}
+
+.throttle:active {
+  animation: none;
+}
+
+@keyframes throttle {
+  from {
+    pointer-events: none;
+  }
+  to {
+    pointer-events: all;
+  }
+}
diff --git a/ui/lib/styles/iconfont/iconfont.css b/ui/lib/styles/iconfont/iconfont.css
new file mode 100644
index 00000000..435a1349
--- /dev/null
+++ b/ui/lib/styles/iconfont/iconfont.css
@@ -0,0 +1,958 @@
+@font-face {
+    font-family: "iconfont"; /* Project id 1309749 */
+    src: url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.woff2?t=1666749875458') format('woff2'),
+    url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.woff?t=1666749875458') format('woff'),
+    url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.ttf?t=1666749875458') format('truetype');
+}
+
+.iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.iconpingfenkaohe:before {
+    content: "\e736";
+}
+
+.iconcloss:before {
+    content: "\e735";
+}
+
+.iconzhengcefuwu:before {
+    content: "\e731";
+}
+
+.iconpeixunguanli:before {
+    content: "\e730";
+}
+
+.iconxiaoxizhongxin:before {
+    content: "\e72f";
+}
+
+.iconzhaopinhuiguanli:before {
+    content: "\e72e";
+}
+
+.iconshuzixiangcun:before {
+    content: "\e72d";
+}
+
+.iconteshurenqun:before {
+    content: "\e72c";
+}
+
+.iconzhengminhudong:before {
+    content: "\e72b";
+}
+
+.iconjicengzhili:before {
+    content: "\e72a";
+}
+
+.iconxiaochengxuguanli:before {
+    content: "\e729";
+}
+
+.iconyingjizhihui:before {
+    content: "\e728";
+}
+
+.iconjicengdangjian:before {
+    content: "\e727";
+}
+
+.iconxiangcunchanye:before {
+    content: "\e726";
+}
+
+.iconfangfanpin:before {
+    content: "\e725";
+}
+
+.iconnumber:before {
+    content: "\e724";
+}
+
+.iconattachments:before {
+    content: "\e719";
+}
+
+.icondate:before {
+    content: "\e71a";
+}
+
+.iconcard:before {
+    content: "\e71b";
+}
+
+.iconid:before {
+    content: "\e71c";
+}
+
+.iconcascade:before {
+    content: "\e71d";
+}
+
+.iconlocation:before {
+    content: "\e71e";
+}
+
+.iconname:before {
+    content: "\e71f";
+}
+
+.iconrich_text:before {
+    content: "\e720";
+}
+
+.iconphone_number:before {
+    content: "\e721";
+}
+
+.iconswitch:before {
+    content: "\e722";
+}
+
+.icontime:before {
+    content: "\e723";
+}
+
+.icondianliang:before {
+    content: "\e711";
+}
+
+.iconxueya:before {
+    content: "\e714";
+}
+
+.iconzhuangtai:before {
+    content: "\e715";
+}
+
+.iconxinlv:before {
+    content: "\e716";
+}
+
+.icontiwen:before {
+    content: "\e717";
+}
+
+.iconxueyang:before {
+    content: "\e718";
+}
+
+.iconzongzhizuzhi:before {
+    content: "\e710";
+}
+
+.iconvideolink:before {
+    content: "\e70f";
+}
+
+.iconfacial_recognition:before {
+    content: "\e70e";
+}
+
+.iconunpublish:before {
+    content: "\e70c";
+}
+
+.iconpreview:before {
+    content: "\e708";
+}
+
+.iconpublish:before {
+    content: "\e709";
+}
+
+.iconmore:before {
+    content: "\e70a";
+}
+
+.iconshare:before {
+    content: "\e70b";
+}
+
+.iconcheck_box:before {
+    content: "\e700";
+}
+
+.iconline:before {
+    content: "\e701";
+}
+
+.iconradio:before {
+    content: "\e702";
+}
+
+.icontext_box:before {
+    content: "\e703";
+}
+
+.icontext_area:before {
+    content: "\e704";
+}
+
+.iconpage:before {
+    content: "\e705";
+}
+
+.iconpic:before {
+    content: "\e706";
+}
+
+.iconSelect:before {
+    content: "\e707";
+}
+
+.iconhuluhuxian:before {
+    content: "\e6f6";
+}
+
+.iconkaoheguanli:before {
+    content: "\e6f9";
+}
+
+.iconhujiaozhongxin:before {
+    content: "\e6fa";
+}
+
+.iconliangxinzuzhi:before {
+    content: "\e6fb";
+}
+
+.iconxiaoyuananfang:before {
+    content: "\e6fc";
+}
+
+.iconzhongdianqingshaonian:before {
+    content: "\e6fd";
+}
+
+.iconanquanshengchan:before {
+    content: "\e6fe";
+}
+
+.iconshehuizhian:before {
+    content: "\e6ff";
+}
+
+.iconguangbofabu:before {
+    content: "\e6f4";
+}
+
+.iconwangshangbanshi:before {
+    content: "\e6f3";
+}
+
+.iconyunyingzhongxin:before {
+    content: "\e6f1";
+}
+
+.iconzhengwuweixin:before {
+    content: "\e6f2";
+}
+
+.iconkaoqinguanli:before {
+    content: "\e6eb";
+}
+
+.iconshijianguanli:before {
+    content: "\e6ec";
+}
+
+.iconyifangzhaoren:before {
+    content: "\e6ed";
+}
+
+.iconwanggeguanli:before {
+    content: "\e6ee";
+}
+
+.iconxinfangguanli:before {
+    content: "\e6ef";
+}
+
+.iconshipinjiankong:before {
+    content: "\e6f0";
+}
+
+.iconloudongmoxing:before {
+    content: "\e6ea";
+}
+
+.iconwanggeyuan:before {
+    content: "\e6e8";
+}
+
+.iconjinqishijian:before {
+    content: "\e6e6";
+}
+
+.iconxiaoquzonglan:before {
+    content: "\e6e7";
+}
+
+.iconloudongxinxi:before {
+    content: "\e6e9";
+}
+
+.iconchuangyebutie:before {
+    content: "\e6db";
+}
+
+.icondanweiguanli:before {
+    content: "\e6dc";
+}
+
+.iconjiuyefuwu:before {
+    content: "\e6e2";
+}
+
+.iconchuangyejiuyeguanli:before {
+    content: "\e6e3";
+}
+
+.iconchuangyedanbaodaikuan:before {
+    content: "\e6e4";
+}
+
+.icondaxueshengshixishixun:before {
+    content: "\e6e5";
+}
+
+.iconsearch:before {
+    content: "\e732";
+}
+
+.iconxqhd:before {
+    content: "\e733";
+}
+
+.iconwdhd:before {
+    content: "\e734";
+}
+
+.iconrobot:before {
+    content: "\e6da";
+}
+
+.iconfangda:before {
+    content: "\e6d7";
+}
+
+.iconsuoxiao:before {
+    content: "\e6d8";
+}
+
+.iconEarth:before {
+    content: "\e6d9";
+}
+
+.iconxianfengyeweihui:before {
+    content: "\e6d6";
+}
+
+.iconhuiyuanguanli:before {
+    content: "\e6d1";
+}
+
+.iconcunganbuguanli:before {
+    content: "\e6d2";
+}
+
+.iconzhaopinguanli:before {
+    content: "\e6d3";
+}
+
+.iconqiyeguanli:before {
+    content: "\e6d5";
+}
+
+.iconxingfujifen:before {
+    content: "\e6ce";
+}
+
+.iconxinxizhongxin:before {
+    content: "\e6cf";
+}
+
+.iconpinyipin:before {
+    content: "\e6d0";
+}
+
+.iconUnpublish:before {
+    content: "\e6cc";
+}
+
+.iconPublish:before {
+    content: "\e6cd";
+}
+
+.iconDelay:before {
+    content: "\e6cb";
+}
+
+.iconwarning:before {
+    content: "\e6f5";
+}
+
+.iconzpg:before {
+    content: "\e6f7";
+}
+
+.iconsqy:before {
+    content: "\e6f8";
+}
+
+.iconzxjyzdls:before {
+    content: "\e6dd";
+}
+
+.iconzxjygwgl:before {
+    content: "\e6de";
+}
+
+.iconzxjywdzy:before {
+    content: "\e6df";
+}
+
+.iconzxjycydb:before {
+    content: "\e6e0";
+}
+
+.iconzxjyckmb:before {
+    content: "\e6e1";
+}
+
+.iconarea:before {
+    content: "\e6d4";
+}
+
+.iconyiqingfangkong:before {
+    content: "\e6ca";
+}
+
+.iconPostil:before {
+    content: "\e6c9";
+}
+
+.iconjiaonadangfei:before {
+    content: "\e6c8";
+}
+
+.iconSuccess:before {
+    content: "\e6c7";
+}
+
+.iconAccount_Login:before {
+    content: "\e6c5";
+}
+
+.iconQR_code:before {
+    content: "\e6c6";
+}
+
+.iconMediaPlayer_Play:before {
+    content: "\e6c3";
+}
+
+.iconMediaPlayer_Stop:before {
+    content: "\e6c4";
+}
+
+.icondangyuan:before {
+    content: "\e6b0";
+}
+
+.iconEnvironment:before {
+    content: "\e6bc";
+}
+
+.iconLaw:before {
+    content: "\e6bd";
+}
+
+.iconjicengbangong:before {
+    content: "\e6be";
+}
+
+.iconjicengzhuzhi:before {
+    content: "\e6bf";
+}
+
+.iconwenmingxiangfeng:before {
+    content: "\e6c0";
+}
+
+.iconyangguangcunwu:before {
+    content: "\e6c1";
+}
+
+.iconminzhuyishi:before {
+    content: "\e6c2";
+}
+
+.iconshehuijiuzhu:before {
+    content: "\e6b8";
+}
+
+.iconshujugongxiang:before {
+    content: "\e6b9";
+}
+
+.iconjuminxinxi:before {
+    content: "\e6ba";
+}
+
+.iconxinxiguanli:before {
+    content: "\e6bb";
+}
+
+.iconRecommend:before {
+    content: "\e6af";
+}
+
+.iconqiandao:before {
+    content: "\e6ad";
+}
+
+.iconqingjia:before {
+    content: "\e6ae";
+}
+
+.iconhistogram:before {
+    content: "\e6ac";
+}
+
+.iconAudit:before {
+    content: "\e6a9";
+}
+
+.iconVerify:before {
+    content: "\e6aa";
+}
+
+.iconTransaction:before {
+    content: "\e6ab";
+}
+
+.iconEwm:before {
+    content: "\e6a6";
+}
+
+.iconIOS:before {
+    content: "\e6a7";
+}
+
+.iconAndroid:before {
+    content: "\e6a8";
+}
+
+.iconjdq_led_clean:before {
+    content: "\e67a";
+}
+
+.iconjdq_led_edit:before {
+    content: "\e67b";
+}
+
+.iconjdq_led_Led:before {
+    content: "\e680";
+}
+
+.iconjdq_led_Led1:before {
+    content: "\e681";
+}
+
+.iconjdq_led_Right:before {
+    content: "\e688";
+}
+
+.iconjdq_led_Ledjiesu:before {
+    content: "\e689";
+}
+
+.iconjdq_led_show:before {
+    content: "\e68a";
+}
+
+.iconjdq_led_Ledwx:before {
+    content: "\e68b";
+}
+
+.iconjdq_led_Lednrhg:before {
+    content: "\e68c";
+}
+
+.iconClean1:before {
+    content: "\e6a4";
+}
+
+.iconLoading:before {
+    content: "\e6a5";
+}
+
+.iconSubordinates:before {
+    content: "\e6a1";
+}
+
+.iconDownload:before {
+    content: "\e6a2";
+}
+
+.iconNext_Mission:before {
+    content: "\e6a3";
+}
+
+.iconAdmitted:before {
+    content: "\e69c";
+}
+
+.iconEmployment_Confirmation:before {
+    content: "\e69d";
+}
+
+.iconRepulsebeifen:before {
+    content: "\e69e";
+}
+
+.iconUpdate_Files:before {
+    content: "\e69f";
+}
+
+.iconRepulse:before {
+    content: "\e6a0";
+}
+
+.iconOverrule:before {
+    content: "\e69a";
+}
+
+.iconWithdrawn:before {
+    content: "\e69b";
+}
+
+.iconDetails:before {
+    content: "\e699";
+}
+
+.iconSpecial_Populations:before {
+    content: "\e698";
+}
+
+.iconPerson_Transfer:before {
+    content: "\e693";
+}
+
+.iconCreate_Files:before {
+    content: "\e694";
+}
+
+.iconPrint:before {
+    content: "\e695";
+}
+
+.iconPerson_Transfered:before {
+    content: "\e696";
+}
+
+.iconReject:before {
+    content: "\e697";
+}
+
+.iconGroup_IM:before {
+    content: "\e692";
+}
+
+.iconData_Screen:before {
+    content: "\e68f";
+}
+
+.iconCustomer_Service:before {
+    content: "\e690";
+}
+
+.iconDocumentation:before {
+    content: "\e691";
+}
+
+.iconTriangle_Up:before {
+    content: "\e68d";
+}
+
+.iconTriangle_Left:before {
+    content: "\e68e";
+}
+
+.iconDouble_Up:before {
+    content: "\e686";
+}
+
+.iconDouble_Down:before {
+    content: "\e687";
+}
+
+.iconServer:before {
+    content: "\e685";
+}
+
+.iconIM:before {
+    content: "\e682";
+}
+
+.iconStatistics:before {
+    content: "\e683";
+}
+
+.iconData_Reporting:before {
+    content: "\e684";
+}
+
+.iconMoveUp:before {
+    content: "\e67c";
+}
+
+.iconRevoke:before {
+    content: "\e67d";
+}
+
+.iconMoveDown:before {
+    content: "\e67e";
+}
+
+.iconAll_Profile:before {
+    content: "\e67f";
+}
+
+.iconzu:before {
+    content: "\e712";
+}
+
+.iconzu1:before {
+    content: "\e713";
+}
+
+.iconShow_Content:before {
+    content: "\e66e";
+}
+
+.iconShow:before {
+    content: "\e66f";
+}
+
+.iconCCP:before {
+    content: "\e70d";
+}
+
+.iconAlready_Read:before {
+    content: "\e669";
+}
+
+.iconRegister:before {
+    content: "\e66a";
+}
+
+.iconNotice:before {
+    content: "\e66b";
+}
+
+.iconUnfinished:before {
+    content: "\e66c";
+}
+
+.iconDate1:before {
+    content: "\e664";
+}
+
+.iconLogout:before {
+    content: "\e665";
+}
+
+.iconPhoto:before {
+    content: "\e666";
+}
+
+.iconResetting:before {
+    content: "\e667";
+}
+
+.iconProfile_Picture:before {
+    content: "\e668";
+}
+
+.iconModal_Success:before {
+    content: "\e662";
+}
+
+.iconModal_Warning:before {
+    content: "\e663";
+}
+
+.iconSteps_Finished:before {
+    content: "\e660";
+}
+
+.iconSteps_In_Progress:before {
+    content: "\e661";
+}
+
+.iconAdd_Subordinates:before {
+    content: "\e65d";
+}
+
+.iconAdd_Peers:before {
+    content: "\e65e";
+}
+
+.iconHide_Content:before {
+    content: "\e65f";
+}
+
+.iconLogo:before {
+    content: "\e65c";
+}
+
+.iconAdd:before {
+    content: "\e657";
+}
+
+.iconFunction_Management:before {
+    content: "\e658";
+}
+
+.iconDelete:before {
+    content: "\e659";
+}
+
+.iconExported:before {
+    content: "\e65a";
+}
+
+.iconImport:before {
+    content: "\e65b";
+}
+
+.iconTriangle_Down:before {
+    content: "\e655";
+}
+
+.iconTriangle_Right:before {
+    content: "\e656";
+}
+
+.iconNav_DataCenter:before {
+    content: "\e650";
+}
+
+.iconNav_Dashborad:before {
+    content: "\e651";
+}
+
+.iconNav_Pack_Up:before {
+    content: "\e652";
+}
+
+.iconNav_Setting:before {
+    content: "\e653";
+}
+
+.iconNav_Application:before {
+    content: "\e654";
+}
+
+.iconSkip:before {
+    content: "\e64a";
+}
+
+.iconSearch:before {
+    content: "\e64b";
+}
+
+.iconWeChat:before {
+    content: "\e64c";
+}
+
+.iconParent:before {
+    content: "\e64e";
+}
+
+.iconSetting:before {
+    content: "\e64f";
+}
+
+.iconChange:before {
+    content: "\e63c";
+}
+
+.iconBack_Large:before {
+    content: "\e63d";
+}
+
+.iconCorrect:before {
+    content: "\e63e";
+}
+
+.iconMessage:before {
+    content: "\e63f";
+}
+
+.iconDate:before {
+    content: "\e640";
+}
+
+.iconMore:before {
+    content: "\e641";
+}
+
+.iconEdit:before {
+    content: "\e642";
+}
+
+.iconPhone:before {
+    content: "\e643";
+}
+
+.iconClean:before {
+    content: "\e644";
+}
+
+.iconProlife:before {
+    content: "\e645";
+}
+
+.iconClock:before {
+    content: "\e646";
+}
+
+.iconLocation:before {
+    content: "\e647";
+}
+
+.iconPassword:before {
+    content: "\e648";
+}
+
+.iconCopy:before {
+    content: "\e649";
+}
+
+.iconArrow_Up:before {
+    content: "\e638";
+}
+
+.iconArrow_Left:before {
+    content: "\e639";
+}
+
+.iconArrow_Down:before {
+    content: "\e63a";
+}
+
+.iconArrow_Right:before {
+    content: "\e63b";
+}
diff --git a/ui/lib/styles/iconfont/iconfont.js b/ui/lib/styles/iconfont/iconfont.js
new file mode 100644
index 00000000..26748d07
--- /dev/null
+++ b/ui/lib/styles/iconfont/iconfont.js
@@ -0,0 +1 @@
+!function(l){var a,c,z,h,m,i='<svg><symbol id="icondaiding" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#5A98F2" ></path><path d="M354.194286 571.757714c7.021714-19.833905 11.385905-42.374095 13.116952-67.608381H353.645714c-0.121905 22.00381-3.888762 42.264381-11.288381 60.781715a146.285714 146.285714 0 0 1 11.824762 6.826666z m142.043428-67.961904l-5.827047-10.105905-42.873905 24.746666-11.995429-20.772571 37.095619-21.418667-5.753904-9.959619-37.095619 21.418667-11.666286-20.21181-11.544381 6.668191 11.666286 20.211809-36.815238 21.248 5.753904 9.959619 36.815238-21.248 11.995429 20.784762-43.154286 24.905143 5.827048 10.118095 97.572571-56.34438zM433.127619 648.789333l-45.251048-78.384762c0.694857-8.996571 1.121524-18.480762 1.28-28.440381l-13.104761 0.633905c0.414476 26.063238-2.218667 48.615619-7.887239 67.681524 4.205714 2.82819 8.106667 5.705143 11.715048 8.630857 2.304-8.582095 4.169143-17.773714 5.632-27.599238l36.790857 63.73181 10.825143-6.253715z m69.388191-43.154285c12.032-6.936381 14.762667-16.091429 8.20419-27.428572l-19.504762-33.779809 22.528-13.007238-5.839238-10.105905-22.51581 13.007238-7.923809-13.714286-11.532191 6.668191 7.91162 13.714285-64.365715 37.156572 5.827048 10.118095 64.365714-37.180952 17.176381 29.744762c3.779048 6.534095 2.681905 11.53219-3.291428 14.969904-6.631619 3.84-14.336 7.838476-23.100953 11.995429 3.632762 4.059429 6.741333 7.655619 9.313524 10.788571a2732.860952 2732.860952 0 0 0 22.747429-12.934095z m-40.350477-0.560762l5.144381-12.397715a449.718857 449.718857 0 0 0-30.573714-10.642285l-4.632381 11.337143c10.361905 3.510857 20.394667 7.41181 30.049524 11.702857z m166.64381-199.363048l-15.847619-27.428571-58.453334 33.767619 4.510477-7.228953a838.790095 838.790095 0 0 0-20.699429-7.484952l-7.558095 12.251429c5.461333 2.108952 10.800762 4.412952 16.030476 6.912l-61.561905 35.547428 15.750096 27.270095 11.398095-6.582857-9.496381-16.457143 104.935619-60.586666 9.581714 16.603428 11.398095-6.582857z m-71.948191 172.397714c4.303238-14.214095 5.510095-29.281524 3.632762-45.202285 20.370286 11.727238 41.398857 11.312762 63.097905-1.219048a1609.874286 1609.874286 0 0 0 62.025143-35.230476 101.241905 101.241905 0 0 1-2.730667-14.384762 1180.562286 1180.562286 0 0 1-62.195809 36.571429l-17.468953-30.232381 50.224762-28.988953-6.15619-10.691047-50.224762 29.013333-13.507048-23.393524 59.184762-34.169905-6.253714-10.825143-137.118476 79.177143 6.241523 10.825143 65.962667-38.083047 36.668953 63.512381c-17.042286 6.692571-33.889524 4.254476-50.505143-7.314286a175.030857 175.030857 0 0 0-9.106286-27.940572l-13.202286 5.12c12.885333 28.099048 15.311238 53.638095 7.289905 76.617143 5.046857 2.084571 9.764571 4.36419 14.140952 6.838857z" fill="#5A98F2" ></path></symbol><symbol id="iconqiwei" viewBox="0 0 1024 1024"><path d="M582.336 754.912c-56.64 22.656-117.088 26.432-177.504 22.656-26.432-3.776-52.864-7.552-79.296-15.104-3.776 0-7.552 0-11.328 3.776-33.984 15.104-68 33.984-98.208 49.088-11.328 7.552-22.656 7.552-33.984 0-11.328-7.552-11.328-18.88-11.328-33.984 7.552-26.432 7.552-52.864 11.328-79.296 0-3.776-3.776-7.552-3.776-11.328-37.76-37.76-67.968-75.52-90.624-124.64-37.76-90.624-30.24-181.28 22.656-264.352 52.864-90.656 135.936-139.744 234.144-162.4 98.176-22.656 192.608-11.328 283.232 33.984 83.104 41.536 143.52 105.76 169.952 196.384 11.328 33.984 15.104 68 11.328 101.984-18.88-18.88-41.536-22.656-64.192-11.328 0-22.656 0-45.344-7.552-68-15.104-52.864-45.312-94.4-83.104-128.384-64.192-52.896-143.488-75.52-226.56-75.52-86.88 7.52-162.4 37.76-222.848 98.176-49.088 49.088-75.52 109.504-71.744 181.28 3.776 60.416 30.208 109.504 67.968 151.04l30.208 30.24c15.104 11.328 18.88 22.656 11.328 37.76-3.776 15.104-7.552 33.984-11.328 49.088 0 3.776-3.776 7.552 0 7.552 3.776 3.776 7.552 0 7.552 0 18.88-11.328 41.568-22.656 60.448-37.76 11.328-7.552 22.656-7.552 37.76-3.776 64.192 18.88 132.16 18.88 196.384 0 3.776 0 7.552-3.776 7.552 3.776 7.552 22.656 18.88 37.76 41.536 49.088z" fill="#0082EF" ></path><path d="M960 679.36c0 26.464-18.88 45.344-41.536 49.12-37.76 7.552-68 22.656-94.4 49.088-7.584 7.552-11.36 7.552-18.88 3.776-3.808-3.776-3.808-11.328 0-18.88 26.4-26.432 41.504-60.416 49.056-94.4 3.776-26.432 30.24-41.536 56.64-41.536 30.24 3.776 49.12 26.432 49.12 52.864z" fill="#0081EE" ></path><path d="M767.392 883.328c-26.432 0-49.088-18.88-52.864-41.536-3.776-37.76-22.656-68-49.088-90.656-3.808-3.776-7.552-7.552-3.808-15.104 3.808-11.328 11.36-11.328 18.88-7.552 7.584 3.776 11.36 11.328 15.136 15.104a152 152 0 0 0 75.52 33.984c26.432 3.776 45.312 30.208 41.536 56.64 3.776 26.464-18.88 49.12-45.312 49.12z" fill="#FA6202" ></path><path d="M567.232 686.944c0-26.432 15.104-45.312 41.536-52.864 37.76-7.552 67.968-22.688 94.4-49.12 7.584-7.552 15.136-7.552 18.88 0 3.808 3.776 3.808 11.328-3.744 18.88a163.2 163.2 0 0 0-45.312 83.104c0 3.776 0 11.328-3.808 15.104-7.552 26.432-30.208 41.536-56.64 37.76a52.96 52.96 0 0 1-45.312-52.864z" fill="#FECD00" ></path><path d="M827.84 554.752c11.296 22.656 22.624 41.536 37.76 56.64 7.52 7.552 7.52 15.136 3.776 18.88-3.808 7.584-11.36 7.584-18.88 0-18.88-22.656-45.344-37.76-71.776-45.312-7.552-3.776-15.104-3.776-22.656-3.776-15.104-3.776-30.208-11.328-33.984-30.208-7.552-18.88-7.552-37.76 7.552-52.864 15.104-18.88 33.984-22.656 52.864-18.88 18.88 7.552 33.984 18.88 37.76 41.536 0 11.328 3.776 22.656 7.552 33.984z" fill="#2CBD00" ></path></symbol><symbol id="iconlaojiuxiaoqu" viewBox="0 0 1024 1024"><path d="M764.245333 237.269333c21.76 6.272 42.282667 8.789333 61.184 8.789334a220.586667 220.586667 0 0 0 54.357334-6.954667V120.021333c-15.189333 7.68-47.36 19.626667-87.637334 7.978667-34.218667-9.813333-61.994667-14.805333-84.608-16.213333v-10.368a20.053333 20.053333 0 0 0-20.522666-19.626667 20.053333 20.053333 0 0 0-20.565334 19.626667V256l41.088 39.125333V225.237333c13.013333 1.450667 31.232 4.693333 56.704 12.032z" fill="#F3635A" ></path><path d="M981.205333 832.085333l-54.442666 4.736L926.506667 512 981.333333 508.8 736.469333 256l-479.018666 6.485333L42.666667 519.424l29.994666 26.624 21.76-24.832-0.042666 283.861333-50.517334-10.453333 0.341334 51.754667L461.909333 938.666667h0.042667l0.256 0.042666v-0.042666l518.485333-48.896 0.469334-57.642667z" fill="#3D94FB" ></path><path d="M865.109333 518.442667l0.213334 323.584-374.186667 35.84V540.16l373.973333-21.674667zM137.514667 482.218667l123.648-142.933334 167.637333 195.712v342.912l-291.285333-63.488z" fill="#EFF9FF" ></path><path d="M195.242667 555.52v134.954667l131.029333 27.733333v-147.498667l-130.986667-15.274666zM656.256 582.4l-119.552 9.088v228.394667l119.552-15.36V582.4z" fill="#3D94FB" ></path></symbol><symbol id="iconzhongguoyidong" viewBox="0 0 1024 1024"><path d="M38.554951 348.909613s103.663773 136.995663 218.09263 228.140043a67.062487 67.062487 0 0 0 89.629293-5.023706c46.329732-41.784475 237.788747-216.099096 237.788747-216.099097s71.767227-71.767227 152.624971-0.478448c0 0 169.290915 150.551695 261.95038 277.021498a9.568964 9.568964 0 0 1 1.036638 12.599136c-4.545258 7.974136-13.635773 30.221977-13.635773 30.221977S884.291856 543.797507 766.912569 446.592784c0 0-45.851284-34.767235-85.084036 1.993534s-225.66806 207.327546-255.172364 228.698232-78.624985 44.176716-148.159454-17.622842c-54.144386-47.844818-196.004272-182.288758-251.823227-266.974086a11.562498 11.562498 0 0 1-1.036638-13.556032c4.624999-11.004308 12.918101-30.221977 12.918101-30.221977z" fill="#9DC814" ></path><path d="M59.766154 307.444104l59.08835 65.308177s7.495688 9.489222 21.370686-2.551723 196.402979-189.226256 266.01719-239.224092a251.185296 251.185296 0 0 1 130.37713-50.237059 233.961162 233.961162 0 0 1 114.987046 19.775858c44.575422 20.015082 112.435323 74.956882 176.228415 140.982731a1636.611752 1636.611752 0 0 1 127.586182 148.318937c25.517236 33.810338 49.918094 67.859901 68.497831 97.683171a178.780138 178.780138 0 0 0-18.101289-76.073261A1138.9459 1138.9459 0 0 0 785.811272 134.804051C771.617309 121.726468 647.539747-2.590318 526.970805 0.041147a338.50209 338.50209 0 0 0-214.663752 77.907312C295.082919 91.823456 115.824333 246.681185 59.766154 307.444104z" fill="#0081CC" ></path><path d="M187.272595 444.997957l67.301711 65.387918s15.469825 11.881463 33.172407-5.023706c0 0 64.590505-63.15516 119.612046-113.870667 52.150852-47.844818 104.700411-96.806016 124.316786-110.760755 0 0 84.605587-87.7155 192.415911-2.312499 0 0 146.405144 115.066788 291.055978 312.267181l4.784482-23.204737a46.489215 46.489215 0 0 0-7.495688-37.159476s-112.993513-166.818933-252.221934-287.06891c0 0-69.374987-73.282313-158.047383-91.622827a179.816776 179.816776 0 0 0-142.737041 37.159476c-34.129304 26.793098-108.209031 95.689637-170.008588 154.618504-57.015075 54.463352-102.148687 101.590498-102.148687 101.590498zM964.112961 716.597042l-59.08835-65.308177s-7.495688-9.489222-21.370686 2.471983-196.402979 189.305998-266.01719 239.224091a251.902968 251.902968 0 0 1-130.297388 50.237059 234.200386 234.200386 0 0 1-115.066788-19.775858c-44.575422-20.015082-112.435323-74.956882-176.228414-140.982731a1637.488907 1637.488907 0 0 1-127.586183-148.398678C43.020467 600.174651 18.61961 566.20483 0.039872 536.38156a178.30169 178.30169 0 0 0 18.10129 75.99352 1140.301503 1140.301503 0 0 0 219.926681 276.862015c14.193963 13.077584 138.271525 137.39437 258.840468 134.603422a338.103383 338.103383 0 0 0 214.663751-77.74783c16.905169-13.874997 196.482721-168.732726 252.540899-229.495645z" fill="#0081CC" ></path><path d="M836.606521 579.04319l-67.301711-65.068953s-15.469825-11.801722-33.172408 5.023706c0 0-64.590505 63.234902-119.612046 113.870667-52.150852 47.844818-104.700411 96.806016-124.316786 110.840496 0 0-84.605587 87.7155-192.415911 2.232758 0 0-146.405144-115.066788-291.055978-312.187439L3.628234 456.959162a46.489215 46.489215 0 0 0 7.495688 37.478441S124.117434 660.93757 263.186373 780.78884c0 0 69.374987 73.362055 158.127125 91.702569a180.056 180.056 0 0 0 142.6573-37.159476c34.129304-26.793098 108.209031-95.689637 170.008587-154.618504 57.493523-54.622834 102.627135-101.670239 102.627136-101.670239z" fill="#0081CC" ></path></symbol><symbol id="iconyiqingjia" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF4466" ></path><path d="M441.685333 636.074667c12.336762-7.119238 16.920381-16.505905 13.775238-28.16-1.767619-6.351238-4.717714-14.543238-8.825904-24.56381-4.87619 1.26781-9.48419 2.145524-13.848381 2.633143 4.461714 9.581714 7.460571 17.554286 8.996571 23.942095 1.584762 6.460952-1.462857 11.922286-9.142857 16.359619l-66.072381 38.156191c-7.777524 4.473905-14.031238 2.608762-18.773333-5.607619l-22.528-39.009524 80.152381-46.262857 4.717714 8.167619 11.251809-6.497524-36.059428-62.45181-107.885714 62.293334 5.729523 9.910857 96.633905-55.79581 19.882667 34.450286-80.152381 46.275048-10.605714-18.358857-11.52 6.643809 40.228571 69.705143c8.167619 14.116571 19.078095 17.225143 32.743619 9.337905l71.314286-41.167238z m123.843048-166.217143l-4.876191-8.448-43.556571 25.148952-5.339429-9.240381 37.388191-21.589333-4.876191-8.448-37.38819 21.589333-5.180952-8.984381 40.874666-23.600762-4.87619-8.435809-40.874667 23.600762-6.960762-12.068572-10.861714 6.265905 6.960762 12.068572-39.009524 22.515809 4.876191 8.448 39.009523-22.515809 5.180953 8.97219-34.304 19.809524 4.87619 8.448 34.304-19.809524 5.339429 9.240381-43.276191 24.990476 4.864 8.448 97.706667-56.405333z m-120.807619 39.009524l4.900571-13.190096a555.971048 555.971048 0 0 0-31.122285-9.020952l-4.096 11.471238c9.45981 2.767238 19.565714 6.339048 30.329904 10.727619z m47.713524 99.34019c3.705905-9.057524 8.533333-19.590095 14.470095-31.585524a287.512381 287.512381 0 0 1-7.68-11.117714c-2.889143 6.546286-5.851429 12.970667-8.899048 19.248762l-36.059428-62.45181-26.526476 15.311238 5.64419 9.788953 16.347429-9.435429 29.257142 50.663619c2.82819 4.912762 3.559619 9.667048 2.169905 14.287238l11.276191 5.290667z m41.593904-18.651428l-14.019047-24.259048 53.613714-30.96381 3.876572 6.704762c2.681905 4.644571 1.475048 8.43581-3.620572 11.385905-4.912762 2.82819-11.410286 6.217143-19.504762 10.179048 3.230476 3.510857 5.888 6.558476 7.984762 9.155047 8.216381-4.742095 14.933333-8.679619 20.150857-11.812571 9.874286-5.814857 12.01981-13.543619 6.448762-23.198476l-30.110476-52.138667-74.50819 43.032381 39.228952 67.949714 10.459428-6.046476z m24.661334-81.078858l-53.601524 30.951619-5.339429-9.252571 53.601524-30.96381 5.339429 9.264762z m10.142476 17.554286l-53.613714 30.951619-5.339429-9.252571 53.613714-30.951619 5.339429 9.252571z m70.460952 4.717714l-58.709333-101.668571a325.351619 325.351619 0 0 0-8.496762-33.596952l-10.995809 3.85219a247.247238 247.247238 0 0 1 14.140952 79.579429c3.85219 2.767238 7.375238 5.558857 10.544762 8.374857a275.431619 275.431619 0 0 0-1.024-29.330286l45.141333 78.201905 9.386667-5.412572z m54.418286-136.326095l-26.624-46.104381-40.874667 23.600762 4.949334 8.569905 31.50019-18.176 13.775238 23.856762-32.304762 18.651428 4.949334 8.569905 32.304762-18.651428 2.937904 5.095619 9.386667-5.412572z m-31.804952 122.904381l-18.492953-32.036571 29.756953-17.188572-4.949334-8.569905-29.744762 17.188572-9.910857-17.164191 28.001524-16.176761-4.949333-8.569905-28.013714 16.164571-9.752381-16.883809 21.577142-12.458667 2.401524 4.144762 9.386667-5.412572-26.148572-45.299809-40.886857 23.600762 71.801905 124.379428 9.923048-5.729523z m-31.427048-104.277333l-21.577143 12.458666-13.848381-23.990857 21.577143-12.458666 13.848381 23.990857z m56.003048 90.806857c9.472-11.971048 16.006095-24.380952 19.602285-37.241905 10.715429 3.291429 22.393905 4.644571 35.047619 4.071619 0.24381-3.108571 0.926476-7.68 2.096762-13.714286-12.519619 2.048-24.112762 1.621333-34.779428-1.28 2.194286-15.079619 0.475429-30.793143-5.156572-47.152761l-4.632381-8.045715-47.323428 27.331048 4.803047 8.301714 3.949715-2.279619c10.264381 13.129143 22.186667 22.79619 35.742476 28.952381-3.620571 12.27581-10.48381 24.32-20.601905 36.108191 4.169143 1.645714 7.92381 3.291429 11.25181 4.949333z m11.654095-51.772952c-10.800762-4.900571-20.565333-12.665905-29.257143-23.308191l24.917333-14.384762c4.608 12.824381 6.058667 25.392762 4.33981 37.692953z" fill="#FF4466" ></path></symbol><symbol id="iconbaomingdengji" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#795EFF" ></path><path d="M213.333333 384m85.333334 0l426.666666 0q85.333333 0 85.333334 85.333333l0 213.333334q0 85.333333-85.333334 85.333333l-426.666666 0q-85.333333 0-85.333334-85.333333l0-213.333334q0-85.333333 85.333334-85.333333Z" fill="#D7CEFF" ></path><path d="M341.333333 213.333333m85.333334 0l170.666666 0q85.333333 0 85.333334 85.333334l0 213.333333q0 85.333333-85.333334 85.333333l-170.666666 0q-85.333333 0-85.333334-85.333333l0-213.333333q0-85.333333 85.333334-85.333334Z" fill="#FFFFFF" ></path><path d="M603.562667 326.229333l30.208 30.208-143.104 143.061334-79.104-79.061334 30.208-30.208 48.896 48.938667z" fill="#795EFF" ></path></symbol><symbol id="iconkaoshiceping" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FF6349" ></path><path d="M512 512m-341.333333 0a341.333333 341.333333 0 1 0 682.666666 0 341.333333 341.333333 0 1 0-682.666666 0Z" fill="#FFAAA2" ></path><path d="M341.333333 682.666667h341.333334v42.666666H341.333333zM531.413333 298.666667L640 407.253333 449.92 597.333333H341.333333v-108.586666z" fill="#FFFFFF" ></path></symbol><symbol id="iconmanyidiaocha" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#00C367" ></path><path d="M512 512m-341.333333 0a341.333333 341.333333 0 1 0 682.666666 0 341.333333 341.333333 0 1 0-682.666666 0Z" fill="#80E1B3" ></path><path d="M481.834667 644.565333L370.602667 533.333333l-4.010667-4.266666A99.968 99.968 0 0 1 512 391.936a99.968 99.968 0 0 1 145.92 136.618667l-4.522667 4.778666-111.232 111.232a42.666667 42.666667 0 0 1-60.330666 0z" fill="#FFFFFF" ></path></symbol><symbol id="icontoupiaopingxuan" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFBD00" ></path><path d="M512 512m-256 0a256 256 0 1 0 512 0 256 256 0 1 0-512 0Z" fill="#FFDE80" ></path><path d="M512 170.666667a341.333333 341.333333 0 0 1 341.333333 341.333333h-341.333333V170.666667z" fill="#FFFFFF" ></path></symbol><symbol id="iconwenjuandiaocha" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#0072FF" ></path><path d="M512 512m-341.333333 0a341.333333 341.333333 0 1 0 682.666666 0 341.333333 341.333333 0 1 0-682.666666 0Z" fill="#8CBAFF" ></path><path d="M649.898667 356.693333l65.536 54.613334-243.2 291.882666-161.066667-161.024 60.330667-60.330666 94.933333 94.890666z" fill="#FFFFFF" ></path></symbol><symbol id="iconback" viewBox="0 0 1024 1024"><path d="M510.944 0a510.912 510.912 0 1 0 0 1021.888A510.912 510.912 0 0 0 510.944 0z" fill="#2266FF" ></path><path d="M594.592 337.28H468.192V232.32L192.032 373.376l276.224 141.056v-104.96h136.384c107.84 0 161.728 46.464 161.728 139.392 0 96.384-55.616 142.784-168.448 142.784H281.248v73.984h321.728c151.552 0 229.056-70.528 229.056-209.92C832.032 409.6 752.864 337.28 594.592 337.28z" fill="#FFFFFF" ></path></symbol><symbol id="iconhomepage" viewBox="0 0 1024 1024"><path d="M512.64 0.384a510.912 510.912 0 1 0 0 1021.888 510.912 510.912 0 0 0 0-1021.888z" fill="#2266FF" ></path><path d="M832 509.568c0 16.384-5.12 31.552-29.12 31.552h-58.176v261.76c0 23.616-14.272 29.12-29.056 29.12H570.176V628.352c0-9.344-16.704-29.056-29.056-29.056h-58.24c-11.648 0-29.056 18.56-29.056 29.056V832H308.352a28.352 28.352 0 0 1-29.056-29.056V541.12h-58.24C203.2 541.12 192 535.488 192 508.16v-5.76L493.312 197.12A20.416 20.416 0 0 1 508.16 192c7.104 0 12.544 1.792 16.128 5.248A30346.816 30346.816 0 0 1 832 503.744v5.824z" fill="#FFFFFF" ></path></symbol><symbol id="iconuser" viewBox="0 0 1024 1024"><path d="M511.808 0C231.04 0 0 231.104 0 511.808c0 280.704 231.104 511.04 511.808 511.04 280.704 0 511.04-231.04 511.04-511.04C1022.848 231.872 791.808 0 511.808 0z" fill="#2266FF" ></path><path d="M514.88 512c146.624 0 332.096 108.416 274.304 217.664-25.856 51.2-152.704 96.256-274.304 102.336-127.68-6.08-254.464-51.2-280.32-102.336C176.768 620.416 368.256 512 514.88 512zM512 128c89.088 0 160 70.08 160 160S601.92 448 512 448a158.528 158.528 0 0 1-160-160C352 198.912 422.08 128 512 128z" fill="#FFFFFF" ></path></symbol><symbol id="iconzhiding" viewBox="0 0 1820 1024"><path d="M1706.666667 0a113.777778 113.777778 0 0 1 113.777777 113.777778v796.444444a113.777778 113.777778 0 0 1-113.777777 113.777778H113.777778a113.777778 113.777778 0 0 1-113.777778-113.777778V113.777778a113.777778 113.777778 0 0 1 113.777778-113.777778h1592.888889z" fill="#EB0C24" ></path><path d="M1706.666667 56.888889H113.777778a56.888889 56.888889 0 0 0-56.490667 50.232889L56.888889 113.777778v796.444444a56.888889 56.888889 0 0 0 50.232889 56.490667L113.777778 967.111111h1592.888889a56.888889 56.888889 0 0 0 56.490666-50.232889L1763.555556 910.222222V113.777778a56.888889 56.888889 0 0 0-50.232889-56.490667L1706.666667 56.888889z" fill="#F97997" ></path><path d="M1536 796.444444v56.888889h-56.888889v-56.888889h56.888889z m-284.444444 0v56.888889h-113.777778v-56.888889h113.777778zM284.444444 398.222222V227.555556h512v170.666666h-227.555555v56.888889h284.444444v56.888889h-113.777777v284.444444h113.777777v56.888889H227.555556v-56.888889h113.777777V512H227.555556V455.111111h284.444444V398.222222H284.444444z m1024 341.333334v56.888888h-56.888888v-56.888888h56.888888z m170.666667 0v56.888888h-56.888889v-56.888888h56.888889z m-284.444444-398.222223h-113.777778v455.111111h-113.777778v-56.888888h56.888889V341.333333h-113.777778V284.444444h284.444445V227.555556h341.333333v56.888888h-170.666667v56.888889h170.666667v341.333334h-56.888889V398.222222h-227.555555v284.444445h-56.888889V341.333333h113.777777V284.444444h-113.777777v56.888889z m-512 398.222223H398.222222v56.888888h284.444445v-56.888888z m284.444444-56.888889v56.888889h-56.888889v-56.888889h56.888889z m398.222222-227.555556v227.555556h56.888889v56.888889h-113.777778V455.111111h56.888889z m-682.666666 170.666667H398.222222v56.888889h284.444445v-56.888889z m0-113.777778H398.222222v56.888889h284.444445V512zM455.111111 284.444444H341.333333v56.888889h113.777778V284.444444z m284.444445 0h-113.777778v56.888889h113.777778V284.444444z m-170.666667 0H512v56.888889h56.888889V284.444444z" fill="#FFFFFF" ></path></symbol><symbol id="iconhushu" viewBox="0 0 1024 1024"><path d="M600.51456 349.354667a355.925333 355.925333 0 0 1 83.413333-23.978667L463.383893 139.093333a37.930667 37.930667 0 0 0-53.674666 0L57.879893 437.333333c-19.413333 14.848-19.413333 43.392-4.565333 58.24 14.848 19.413333 43.392 23.978667 58.282667 4.565334l4.565333-4.565334v341.589334c0 14.848 10.24 29.696 23.978667 29.696h439.808c-19.413333-10.24-38.826667-23.978667-58.24-38.826667-23.978667-23.978667-43.434667-49.109333-64-83.413333-14.848-34.261333-23.978667-77.653333-23.978667-137.088 0-175.914667 151.936-249.045333 166.826667-258.176z m-327.850667 283.306666h83.370667V549.290667H272.663893v83.370666z" fill="#8DC790" ></path><path d="M722.797227 363.093333c-141.653333 0-258.218667 117.632-258.218667 258.133334 0 141.653333 117.674667 258.218667 258.176 258.218666 141.653333 0 258.218667-117.674667 258.218667-258.176-4.608-141.653333-116.565333-258.218667-258.218667-258.218666z" fill="#D2E5FF" ></path><path d="M722.797227 475.008c38.826667 0 73.088 43.434667 68.522666 87.978667-4.565333 38.826667-38.826667 68.522667-68.565333 68.522666-34.261333 0-64-29.696-68.522667-68.522666-4.565333-43.434667 23.978667-87.978667 68.522667-87.978667zM810.733227 743.509333c-23.978667 4.565333-58.282667 4.565333-87.978667 4.565334-34.261333 0-64 0-87.936-4.565334-38.826667-4.608-49.152-10.325333-49.152-19.456 0-38.826667 58.282667-68.522667 131.413333-68.522666 77.653333 0 137.045333 29.696 137.045334 68.522666 0 10.282667-9.130667 14.848-43.392 19.456z" fill="#3D94FB" ></path></symbol><symbol id="iconzongmianji" viewBox="0 0 1024 1024"><path d="M511.701333 384l426.666667 298.666667-426.666667 298.666666-426.666666-298.666666z" fill="#D2E5FF" ></path><path d="M723.968 427.733333l23.978667-35.328 228.437333 154.922667-464.64 315.178667-464.682667-315.136 228.394667-154.965334 23.978667 35.328-176.384 119.594667 388.650666 263.594667 388.650667-263.594667z" fill="#3D94FB" ></path><path d="M764.16 285.738667v-32.256h-58.453333v-0.981334l34.986666-31.232c14.634667-13.184 21.973333-29.013333 21.973334-47.530666 0-14.506667-4.736-25.728-14.250667-33.706667-9.514667-8.021333-22.485333-12.032-38.997333-12.032-14.677333 0-29.482667 4.821333-44.501334 14.506667v38.229333c13.994667-11.818667 26.453333-17.749333 37.248-17.749333 5.674667 0 10.154667 1.450667 13.482667 4.266666a14.293333 14.293333 0 0 1 5.034667 11.52c0 5.973333-1.28 11.392-3.754667 16.213334-2.688 4.992-7.253333 10.666667-13.781333 17.024l-47.488 44.970666v28.757334h108.501333z m-385.493333 286.762666v-142.250666c0-18.816 3.754667-33.621333 11.264-44.373334a36.010667 36.010667 0 0 1 31.232-16.128c12.672 0 22.016 4.565333 27.989333 13.738667 5.546667 8.661333 8.277333 22.186667 8.277333 40.533333v148.48h80V427.52c0-17.493333 3.754667-31.530667 11.221334-42.026667a35.797333 35.797333 0 0 1 30.762666-15.744c13.482667 0 23.082667 4.181333 28.757334 12.501334 5.333333 8.149333 7.978667 21.76 7.978666 40.746666v149.504H695.466667V412.757333c0-68.352-26.752-102.528-80.256-102.528-18.005333 0-34.090667 4.352-48.213334 13.013334a94.72 94.72 0 0 0-34.304 36.266666c-7.296-16.512-16.725333-28.757333-28.245333-36.778666-12.16-8.32-27.136-12.501333-44.970667-12.501334-17.365333 0-33.450667 4.778667-48.256 14.250667-13.653333 8.704-24.192 19.669333-31.530666 33.024h-0.981334v-41.002667H298.666667v256h80z" fill="#333333" ></path></symbol><symbol id="iconyeweihuishuliang" viewBox="0 0 1024 1024"><path d="M902.229333 574.08c14.506667 4.352 28.16 6.101333 40.746667 6.101333 13.397333 0 25.514667-2.005333 36.181333-4.821333V492.373333a76.373333 76.373333 0 0 1-58.325333 5.546667c-22.826667-6.826667-41.301333-10.282667-56.32-11.306667v-7.210666a13.653333 13.653333 0 1 0-27.392 0v107.648l-73.258667-73.386667a28.672 28.672 0 0 0-40.277333-0.085333l-211.370667 211.584a13.354667 13.354667 0 0 0 0 18.858666l3.882667 3.925334a13.312 13.312 0 0 0 18.858667 0l33.109333-33.109334v180.778667h-7.850667a18.218667 18.218667 0 1 0 0 36.48h367.146667c10.112 0 18.261333-8.149333 18.261333-18.261333a18.176 18.176 0 0 0-18.261333-18.218667h-7.808v-180.693333l32.981333 33.024a13.482667 13.482667 0 0 0 9.386667 3.925333 12.928 12.928 0 0 0 9.386667-3.925333l3.925333-3.925334a13.354667 13.354667 0 0 0 0-18.858666l-110.762667-110.848v-48.64c8.661333 0.981333 20.778667 3.242667 37.76 8.362666z m-207.36 321.664h97.792V791.893333h-97.792v103.850667z" fill="#8DC790" ></path><path d="M902.229333 574.08c14.506667 4.352 28.16 6.101333 40.746667 6.101333 13.397333 0 25.514667-2.005333 36.181333-4.821333V492.373333a76.373333 76.373333 0 0 1-58.325333 5.546667c-22.826667-6.826667-41.301333-10.282667-56.32-11.306667v-7.210666a13.653333 13.653333 0 1 0-27.392 0v107.648l27.349333 27.264v-48.64c8.661333 0.981333 20.778667 3.242667 37.76 8.362666z" fill="#F3635A" ></path><path d="M44.245333 842.922667c9.045333 19.626667 29.738667 34.218667 51.882667 34.218666h392.96v0.128h33.706667v-95.829333c-33.621333-3.413333-50.389333-18.005333-50.389334-43.733333-1.194667-33.28 89.514667-121.386667 89.514667-121.386667l11.861333-42.752a1098.666667 1098.666667 0 0 1-30.677333-14.976l-0.512-55.210667c10.368-9.813333 26.282667-31.573333 34.218667-76.544 15.146667-5.845333 24.704-25.173333 26.282666-54.016 0.128-2.346667 0.512-5.546667 0.810667-9.130666 2.901333-27.306667 4.266667-51.2-7.168-64.768a22.272 22.272 0 0 0-3.072-3.029334c3.968-32.768 5.973333-56.533333 4.522667-71.765333-2.645333-30.933333-22.016-132.693333-155.733334-138.794667-92.757333 5.034667-149.034667 75.221333-154.88 138.794667-1.28 13.781333 0 35.669333 4.266667 71.765333a33.28 33.28 0 0 0-3.072 3.029334c-11.392 13.397333-9.941333 37.162667-7.168 64.512 0.426667 3.712 0.853333 6.869333 0.853333 9.258666 1.706667 28.928 11.349333 48.298667 26.24 54.186667 7.808 44.8 23.594667 66.688 34.090667 76.629333l-0.554667 55.466667c-10.88 5.845333-34.858667 17.792-81.450666 38.357333-34.602667 15.104-46.293333 17.237333-56.533334 18.986667-12.202667 2.133333-22.784 3.968-55.978666 21.461333-81.706667 43.136-99.626667 130.816-103.594667 168.533334h-0.170667a169.472 169.472 0 0 0-1.834666 17.066666v10.794667c0.426667 3.413333 0.810667 6.357333 1.578666 8.746667z" fill="#7EB9FF" ></path></symbol><symbol id="iconxiaoqushuliang" viewBox="0 0 1024 1024"><path d="M170.538667 130.688h340.906666v806.741333H170.624V130.688z" fill="#BBD6FB" ></path><path d="M255.829333 309.973333h42.581334v-89.6h-42.581334v89.6z m0 134.442667h42.581334v-89.6h-42.581334v89.6z m0 134.485333h42.581334v-89.6h-42.581334v89.6z m0 134.4h42.581334v-89.6h-42.581334v89.6z m0 134.485334h42.581334v-89.6h-42.581334v89.6zM383.658667 309.973333h42.581333v-89.6h-42.581333v89.6z m0 134.442667h42.581333v-89.6h-42.581333v89.6z m0 134.485333h42.581333v-89.6h-42.581333v89.6z m0 134.4h42.581333v-89.6h-42.581333v89.6z m0 134.485334h42.581333v-89.6h-42.581333v89.6z" fill="#3D94FB" ></path><path d="M127.872 130.688h426.154667v-44.8H127.872v44.8z m468.821333 268.928h340.992v537.813333h-341.034666V399.616h0.042666z" fill="#BBD6FB" ></path><path d="M681.898667 578.901333h42.624v-89.6h-42.666667v89.6z m0 134.4h42.624v-89.6h-42.666667v89.6z m0 134.485334h42.624v-89.642667h-42.666667v89.6z m127.872-268.885334h42.624v-89.6h-42.624v89.6z m0 134.4h42.624v-89.6h-42.624v89.6z m0 134.485334h42.624v-89.642667h-42.624v89.6z" fill="#3D94FB" ></path><path d="M554.026667 399.616h426.154666v-44.8h-426.154666z" fill="#BBD6FB" ></path><path d="M148.266667 776.789333v154.282667a5.632 5.632 0 0 1-3.2 4.394667 16.469333 16.469333 0 0 1-15.530667 0 5.717333 5.717333 0 0 1-3.242667-4.437334v-154.282666h21.973334z" fill="#8E5F4A" ></path><path d="M43.52 824.149333l87.808-220.458666h12.16l87.765333 220.458666a11.946667 11.946667 0 0 1-3.968 13.952 11.008 11.008 0 0 1-4.565333 1.962667l-1.408 0.256a11.178667 11.178667 0 0 0-6.954667 4.693333 12.032 12.032 0 0 0-2.005333 8.234667 11.861333 11.861333 0 0 1-3.925333 10.325333 10.88 10.88 0 0 1-10.453334 2.261334l-4.309333-1.408a11.093333 11.093333 0 0 0-13.482667 6.314666l-4.394666 10.154667a11.264 11.264 0 0 1-6.826667 6.314667 10.794667 10.794667 0 0 1-9.045333-1.066667l-17.109334-10.581333a10.794667 10.794667 0 0 0-11.434666 0l-17.066667 10.581333a10.837333 10.837333 0 0 1-8.96 0.938667 11.52 11.52 0 0 1-6.741333-6.186667l-4.266667-9.984a10.922667 10.922667 0 0 0-13.525333-6.314667l-4.266667 1.365334a11.178667 11.178667 0 0 1-13.696-6.912 12.032 12.032 0 0 1-0.725333-5.717334 11.52 11.52 0 0 0-8.874667-12.885333l-1.493333-0.298667a11.306667 11.306667 0 0 1-7.765334-5.973333 12.16 12.16 0 0 1-0.426666-10.026667H43.52z" fill="#8DC790" ></path><path d="M172.544 676.693333l-29.141333-68.778666h-12.16l-48.213334 116.650666-21.333333 53.290667a7.296 7.296 0 0 0 1.28 5.205333 6.656 6.656 0 0 0 4.394667 2.730667 8.704 8.704 0 0 1 7.04 9.728v1.706667a9.002667 9.002667 0 0 0 3.242666 7.936 8.234667 8.234667 0 0 0 8.234667 1.28l4.266667-1.706667a8.448 8.448 0 0 1 10.709333 4.437333l5.418667 12.544a8.576 8.576 0 0 0 5.162666 4.778667 8.149333 8.149333 0 0 0 6.869334-0.768l14.549333-10.112a8.234667 8.234667 0 0 1 8.533333 0l16.213334 10.112c2.133333 1.28 4.608 1.578667 6.912 0.810667a8.704 8.704 0 0 0 5.162666-4.821334l5.461334-12.544a8.448 8.448 0 0 1 10.709333-4.437333l4.266667 1.706667a8.277333 8.277333 0 0 0 8.192-1.28 9.088 9.088 0 0 0 3.242666-7.978667v-1.706667a9.173333 9.173333 0 0 1 1.706667-6.314666 8.490667 8.490667 0 0 1 5.376-3.370667 6.528 6.528 0 0 0 5.290667-4.437333l-41.386667-104.618667z" fill="#095F00" ></path><path d="M62.976 760.021333l68.266667-165.12h12.16L213.333333 759.978667c2.474667 5.333333 1.024 11.648-4.565333 12.629333a8.490667 8.490667 0 0 0-5.376 3.413333 9.130667 9.130667 0 0 0-1.706667 6.314667v1.706667a8.96 8.96 0 0 1-3.2 7.936 8.234667 8.234667 0 0 1-8.234666 1.28l-4.266667-1.706667a8.448 8.448 0 0 0-10.752 4.693333l-5.376 12.544a8.576 8.576 0 0 1-5.205333 4.778667 8.277333 8.277333 0 0 1-6.912-0.810667l-16.213334-10.154666a8.234667 8.234667 0 0 0-8.533333 0l-14.506667 10.154666a8.32 8.32 0 0 1-10.026666-1.024 8.96 8.96 0 0 1-2.090667-2.944l-5.376-12.544a8.448 8.448 0 0 0-10.709333-4.693333l-4.266667 1.706667a8.32 8.32 0 0 1-8.234667-1.28 9.088 9.088 0 0 1-3.2-7.978667v-1.706667a8.704 8.704 0 0 0-7.082666-9.685333c-5.632-0.981333-6.826667-7.168-4.522667-12.586667v-0.042666z" fill="#8DC790" ></path><path d="M193.706667 714.496l-50.56-119.637333h-12.202667l-49.792 120.576c0.426667 0.426667 0.853333 0.682667 1.365333 0.981333l0.341334 0.213333a8.021333 8.021333 0 0 1 3.84 7.594667 8.106667 8.106667 0 0 0 2.773333 6.784 7.424 7.424 0 0 0 6.826667 1.621333l2.986666-0.853333a7.594667 7.594667 0 0 1 8.533334 3.925333l4.266666 7.893334c2.048 3.84 6.570667 5.290667 10.282667 3.285333l11.221333-6.101333a7.424 7.424 0 0 1 7.082667 0l11.221333 6.101333a7.509333 7.509333 0 0 0 10.24-3.285333l4.266667-7.850667a7.509333 7.509333 0 0 1 8.533333-3.968l2.986667 0.853333a7.381333 7.381333 0 0 0 6.826667-1.621333 8.277333 8.277333 0 0 0 2.730666-6.784 7.936 7.936 0 0 1 3.84-7.594667l0.384-0.213333a7.125333 7.125333 0 0 0 2.005334-1.92z" fill="#095F00" ></path><path d="M80.085333 695.04l51.2-112 0.384-0.725333a6.485333 6.485333 0 0 1 5.632-3.413334c2.346667 0 4.522667 1.28 5.717334 3.413334l0.426666 0.725333 51.157334 112.042667a8.234667 8.234667 0 0 1 0.853333 6.186666 7.808 7.808 0 0 1-3.669333 4.906667l-0.384 0.256a8.064 8.064 0 0 0-3.84 7.637333 7.808 7.808 0 0 1-5.930667 8.362667 7.338667 7.338667 0 0 1-3.626667-0.085333l-2.986666-0.768a7.594667 7.594667 0 0 0-8.533334 3.925333l-4.266666 7.850667a7.552 7.552 0 0 1-4.437334 3.84 7.253333 7.253333 0 0 1-5.76-0.512l-11.264-6.101334a7.381333 7.381333 0 0 0-7.082666 0l-11.221334 6.101334a7.552 7.552 0 0 1-10.282666-3.328l-4.266667-7.850667a7.509333 7.509333 0 0 0-8.533333-3.925333l-2.986667 0.768a7.594667 7.594667 0 0 1-8.96-4.608 8.192 8.192 0 0 1-0.597333-3.712 7.893333 7.893333 0 0 0-3.84-7.637334l-0.341334-0.213333a7.936 7.936 0 0 1-3.541333-4.992 8.277333 8.277333 0 0 1 0.938667-6.101333h0.042666z" fill="#8DC790" ></path><path d="M574.421333 776.789333v154.282667a5.632 5.632 0 0 1-3.2 4.394667 16.469333 16.469333 0 0 1-15.530666 0 5.717333 5.717333 0 0 1-3.242667-4.437334v-154.282666h21.973333z" fill="#8E5F4A" ></path><path d="M469.674667 824.149333l87.765333-220.458666h12.16l87.765333 220.458666a11.946667 11.946667 0 0 1-3.882666 13.952 10.965333 10.965333 0 0 1-4.650667 1.962667l-1.365333 0.256a11.52 11.52 0 0 0-8.96 12.928 11.861333 11.861333 0 0 1-3.968 10.325333 10.794667 10.794667 0 0 1-10.453334 2.261334l-4.266666-1.408a11.093333 11.093333 0 0 0-13.482667 6.314666l-4.437333 10.154667a11.050667 11.050667 0 0 1-15.872 5.248l-17.066667-10.581333a10.88 10.88 0 0 0-11.434667 0l-17.066666 10.581333a10.794667 10.794667 0 0 1-8.96 0.981333 11.52 11.52 0 0 1-6.826667-6.229333l-4.224-9.984a10.922667 10.922667 0 0 0-13.482667-6.314667l-4.266666 1.365334a11.178667 11.178667 0 0 1-13.738667-6.912 12.16 12.16 0 0 1-0.682667-5.717334 11.52 11.52 0 0 0-8.917333-12.885333l-1.450667-0.298667a11.306667 11.306667 0 0 1-7.808-5.973333 12.117333 12.117333 0 0 1-0.384-10.026667z" fill="#8DC790" ></path><path d="M598.741333 676.693333l-29.184-68.778666h-12.16l-48.170666 116.650666-21.333334 53.290667a7.253333 7.253333 0 0 0 1.28 5.205333 6.656 6.656 0 0 0 4.394667 2.730667 8.874667 8.874667 0 0 1 7.04 9.728v1.706667a8.96 8.96 0 0 0 3.2 7.936 8.234667 8.234667 0 0 0 8.234667 1.28l4.266666-1.706667a8.448 8.448 0 0 1 10.752 4.437333l5.376 12.544a8.576 8.576 0 0 0 5.162667 4.778667 8.149333 8.149333 0 0 0 6.869333-0.768l14.592-10.112a8.234667 8.234667 0 0 1 8.533334 0l16.213333 10.112c2.090667 1.28 4.608 1.578667 6.869333 0.810667a8.746667 8.746667 0 0 0 5.248-4.821334l5.376-12.544a8.448 8.448 0 0 1 10.709334-4.437333l4.266666 1.706667a8.533333 8.533333 0 0 0 10.837334-4.821334 9.173333 9.173333 0 0 0 0.64-4.437333v-1.706667a9.130667 9.130667 0 0 1 1.621333-6.314666 8.490667 8.490667 0 0 1 5.461333-3.370667 6.528 6.528 0 0 0 5.248-4.437333l-41.386666-104.618667z" fill="#095F00" ></path><path d="M489.130667 760.021333l68.266666-165.12h12.16l69.930667 165.12c2.474667 5.333333 1.024 11.648-4.565333 12.629334a8.789333 8.789333 0 0 0-7.04 9.728v1.706666a8.96 8.96 0 0 1-3.242667 7.936 8.234667 8.234667 0 0 1-8.234667 1.28l-4.266666-1.706666a8.490667 8.490667 0 0 0-10.709334 4.693333l-5.418666 12.544a8.618667 8.618667 0 0 1-5.205334 4.778667 8.277333 8.277333 0 0 1-6.869333-0.810667l-16.213333-10.154667a8.234667 8.234667 0 0 0-8.533334 0l-14.506666 10.154667a8.32 8.32 0 0 1-9.984-1.024 8.96 8.96 0 0 1-2.133334-2.944l-5.376-12.544a8.490667 8.490667 0 0 0-10.709333-4.693333l-4.309333 1.706666a8.32 8.32 0 0 1-8.192-1.28 9.088 9.088 0 0 1-3.242667-7.978666v-1.706667a8.789333 8.789333 0 0 0-6.997333-9.685333c-5.717333-0.981333-6.954667-7.168-4.608-12.586667v-0.042667z" fill="#8DC790" ></path><path d="M619.946667 714.496l-50.645334-119.637333h-12.202666l-49.792 120.576a8.106667 8.106667 0 0 0 1.365333 0.981333l0.341333 0.213333a7.978667 7.978667 0 0 1 3.925334 7.594667c-0.213333 2.56 0.768 5.12 2.688 6.784a7.381333 7.381333 0 0 0 6.826666 1.621333l2.986667-0.853333c3.370667-0.853333 6.869333 0.725333 8.533333 3.925333l4.266667 7.893334c2.048 3.84 6.613333 5.290667 10.325333 3.285333l11.221334-6.101333a7.381333 7.381333 0 0 1 7.04 0l11.221333 6.101333a7.509333 7.509333 0 0 0 10.24-3.285333l4.266667-7.850667a7.509333 7.509333 0 0 1 8.533333-3.968l2.986667 0.853333a7.381333 7.381333 0 0 0 6.826666-1.621333 8.277333 8.277333 0 0 0 2.730667-6.784 7.936 7.936 0 0 1 3.84-7.594667l0.384-0.213333a7.210667 7.210667 0 0 0 2.048-1.92z" fill="#095F00" ></path><path d="M506.24 695.04l51.157333-112 0.426667-0.725333a6.4 6.4 0 0 1 11.306667 0l0.426666 0.725333 51.114667 112.042667a8.234667 8.234667 0 0 1 0.896 6.144 7.893333 7.893333 0 0 1-3.626667 4.949333l-0.426666 0.256a8.064 8.064 0 0 0-3.84 7.637333 8.106667 8.106667 0 0 1-2.688 6.784 7.253333 7.253333 0 0 1-6.826667 1.536l-3.029333-0.853333a7.552 7.552 0 0 0-8.533334 3.968l-4.266666 7.850667a7.381333 7.381333 0 0 1-10.197334 3.328l-11.264-6.101334a7.424 7.424 0 0 0-7.082666 0l-11.178667 6.101334a7.509333 7.509333 0 0 1-10.325333-3.328l-4.266667-7.850667a7.509333 7.509333 0 0 0-8.533333-3.925333l-2.944 0.768a7.594667 7.594667 0 0 1-9.002667-4.608 8.277333 8.277333 0 0 1-0.554667-3.712 7.893333 7.893333 0 0 0-3.925333-7.637334l-0.298667-0.213333a8.106667 8.106667 0 0 1-2.56-11.093333z" fill="#8DC790" ></path></symbol><symbol id="iconVideo" viewBox="0 0 1024 1024"><path d="M626.304 256C669.184 256 704 291.392 704 337.728v351.296c-2.688 43.52-37.504 78.976-80.384 78.976h-481.92C98.816 768 64 732.608 64 686.272V337.728C64 294.144 98.816 256 141.696 256h484.608zM320 403.776a32 32 0 0 0-31.488 26.24l-0.512 5.76v152.448a32 32 0 0 0 40.96 30.72l5.376-2.112 152.448-76.16a32 32 0 0 0 4.864-54.272l-4.864-3.008-152.448-76.224A32 32 0 0 0 320 403.776z" fill="#2266FF" ></path><path d="M768 384l149.888-49.92a32 32 0 0 1 42.112 30.336v295.168a32 32 0 0 1-42.112 30.4L768 640V384z" fill="#5088FF" ></path></symbol><symbol id="iconcy2x" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M359.887238 593.761524l47.786667 82.773333 10.642285-6.144-57.088-98.876952a204.592762 204.592762 0 0 0-4.193523-40.728381l-12.78781 1.072762a191.390476 191.390476 0 0 1 0.548572 80.481524l9.971809 9.411047c2.352762-9.240381 3.998476-18.663619 5.12-27.989333z m7.338667-49.749334l5.973333 10.337524 26.307048-15.189333c1.767619 6.473143 3.474286 13.177905 5.022476 19.968l-27.928381 16.128 5.888 10.191238 24.685714-14.250667c2.31619 11.873524 4.169143 23.612952 5.607619 34.986667l63.268572-36.510476c-1.682286 12.78781-5.973333 26.502095-12.970667 41.374476-10.959238 0.804571-22.040381 2.084571-33.255619 3.82781l-0.841143 11.52a297.472 297.472 0 0 1 72.472381-2.816l0.768-12.665905a286.866286 286.866286 0 0 0-27.014095-0.365714c7.631238-18.200381 11.556571-34.255238 11.78819-48.188953l-5.290666-9.167238-60.745143 35.072a417.889524 417.889524 0 0 0-3.596191-22.954667l61.781334-35.669333-5.888-10.191238-58.380191 33.706667a460.873143 460.873143 0 0 0-4.87619-20.053334l47.299047-27.306666-5.973333-10.337524-44.641524 25.770666-4.144762-13.446095c-0.707048-2.29181-1.426286-4.632381-2.121143-6.972952l-10.947047 4.937143 6.582857 21.625904-28.830476 16.64z m285.586285-10.581333c8.874667-5.12 10.752-12.117333 5.802667-20.687238l-66.218667-114.70019-68.583619 39.594666 5.632 9.752381 58.233905-33.609143 58.794667 101.827048c2.56 4.437333 2.072381 7.68-1.340953 9.630476l-10.215619 5.522286 8.143239 8.289524 9.75238-5.61981z m-125.354666-70.704762l-6.534095 9.508572a146.773333 146.773333 0 0 1 22.698666 11.324952l6.095238-9.240381a167.033905 167.033905 0 0 0-22.259809-11.580952z m30.841905-19.968c1.950476 10.898286 3.120762 21.455238 3.59619 31.817143l-34.438095 19.894857 22.954666 39.753143 14.921143-8.618667c6.144 14.384762 2.755048 29.354667-10.24 44.739048l10.508191 5.558857c14.019048-18.736762 17.103238-37.266286 8.899047-55.588571l11.227429-6.485334 13.738667 23.79581c4.266667 7.387429 9.74019 9.350095 16.39619 5.510095l10.642286-6.144c4.425143-2.56 7.082667-5.461333 8.131047-8.435809 1.219048-3.657143-0.731429-10.812952-5.729523-21.528381l-10.873905 2.340571c3.657143 7.350857 5.327238 12.30019 5.083428 14.604191-0.353524 1.77981-1.633524 3.31581-3.85219 4.595809l-5.912381 3.413333c-2.364952 1.365333-4.315429 0.707048-5.766095-1.80419l-12.544-21.723429 15.664762-9.045333-22.954667-39.753143-15.664762 9.045334c0.24381-8.813714-0.24381-18.18819-1.779809-28.342858l-12.007619 2.401524z m37.546666 53.418667l-40.96 23.637333-12.702476-22.02819 40.935619-23.637334 12.714667 22.028191z m-114.273524-11.885714l64.512 111.737904 10.349715-5.973333-64.512-111.737905-10.349715 5.973334z m7.484953-37.217524a152.502857 152.502857 0 0 1 29.184 13.689905l-6.497524 10.25219a165.64419 165.64419 0 0 0-29.976381-14.019048l7.289905-9.923047z" fill="#2EA222" ></path></symbol><symbol id="iconcjdyxxrc" viewBox="0 0 1024 1024"><path d="M256 384m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z" fill="#F44336" ></path><path d="M768 384m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z" fill="#FACA28" ></path><path d="M170.666667 554.666667h170.666666a128 128 0 0 1 128 128v85.333333H42.666667v-85.333333a128 128 0 0 1 128-128z" fill="#F44336" ></path><path d="M682.666667 554.666667h170.666666a128 128 0 0 1 128 128v85.333333H554.666667v-85.333333a128 128 0 0 1 128-128z" fill="#FACA28" ></path></symbol><symbol id="iconkzxxhdzb" viewBox="0 0 1024 1024"><path d="M341.333333 512h341.333334a85.333333 85.333333 0 0 1 85.333333 85.333333v85.333334h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H341.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H256v-85.333334a85.333333 85.333333 0 0 1 85.333333-85.333333z" fill="#FACA28" ></path><path d="M170.666667 682.666667m42.666666 0l128 0q42.666667 0 42.666667 42.666666l0 128q0 42.666667-42.666667 42.666667l-128 0q-42.666667 0-42.666666-42.666667l0-128q0-42.666667 42.666666-42.666666Z" fill="#F44336" ></path><path d="M640 682.666667m42.666667 0l128 0q42.666667 0 42.666666 42.666666l0 128q0 42.666667-42.666666 42.666667l-128 0q-42.666667 0-42.666667-42.666667l0-128q0-42.666667 42.666667-42.666666Z" fill="#F44336" ></path><path d="M512.128 128.042667c88.064 33.024 141.525333 138.624 95.744 224.128l-111.786667-112.213334 42.666667-42.837333-26.666667-26.538667a52.906667 52.906667 0 0 1-53.888 11.136L373.333333 266.709333l48.085334 47.914667 32.085333-31.957333 111.658667 112.085333c-54.613333 29.994667-130.389333 20.565333-186.325334-37.546667l-27.093333 27.008c8.106667 11.221333 14.933333 21.418667 23.381333 29.952-0.725333 0.896-3.072 2.816-3.114666 2.858667-1.408-0.213333-3.114667-0.768-4.608-0.768-14.378667 0-26.026667 12.544-26.026667 26.922667 0 14.421333 11.733333 26.154667 26.154667 26.154666a26.794667 26.794667 0 0 0 26.752-26.24c0-1.706667-0.426667-3.242667-0.682667-4.821333l4.181333-4.096c64.256 43.392 134.741333 48.768 210.517334 3.413333l31.317333 31.402667 42.837333-42.24-31.488-31.829333c90.453333-136.277333-30.122667-270.122667-138.794666-266.88z" fill="#F44336" ></path></symbol><symbol id="iconkzdyhdcs" viewBox="0 0 1024 1024"><path d="M777.898667 139.093333h-412.16c-17.664 0-33.664 7.253333-45.141334 18.816-26.496-9.557333-53.674667-13.056-76.8-9.898666-37.717333 5.248-50.304 25.472-54.528 37.077333a19.072 19.072 0 0 0-0.597333 2.346667 20.352 20.352 0 0 0-2.005333 8.661333l-0.682667 151.424c-0.298667 100.992-0.896 252.501333-1.664 454.485333 0 2.816 0.597333 5.504 1.493333 7.893334 0.938667 14.336 5.973333 27.093333 15.274667 37.845333 8.32 9.6 20.010667 17.408 34.730667 23.168 21.333333 8.32 49.493333 12.586667 83.498666 12.586667 27.178667 0 90.752-15.658667 110.592-24.405334h1.408v-89.514666h-41.301333v59.264c-23.466667 6.4-56.021333 13.312-70.698667 13.312-28.501333 0-52.138667-3.328-68.48-9.642667-21.077333-8.277333-23.893333-18.688-23.893333-26.88 0-6.826667 2.645333-12.714667 8.405333-18.474667 16.085333-16.170667 53.973333-27.477333 92.074667-27.477333v-3.114667c10.666667 8.106667 23.893333 12.928 38.229333 12.928h412.117334c35.072 0 63.744-28.672 63.744-63.744V202.837333a63.658667 63.658667 0 0 0-63.573334-63.744zM225.92 742.741333l2.090667-543.317333c3.413333-9.514667 34.005333-17.408 74.496-4.096a72.277333 72.277333 0 0 0-0.512 7.424v502.826667c0 4.736 0.597333 9.386667 1.578666 13.909333a232.192 232.192 0 0 0-40.490666 7.68 157.269333 157.269333 0 0 0-37.162667 15.573333z" fill="#F44336" ></path><path d="M747.434667 426.666667h-300.202667a20.949333 20.949333 0 0 0-20.565333 21.333333c0 11.776 9.216 21.333333 20.565333 21.333333h300.202667a20.949333 20.949333 0 0 0 20.565333-21.333333c0-11.776-9.216-21.333333-20.565333-21.333333zM449.578667 341.333333h124.842666c12.629333 0 22.912-9.557333 22.912-21.333333s-10.24-21.333333-22.912-21.333333h-124.842666c-12.629333 0-22.912 9.557333-22.912 21.333333s10.24 21.333333 22.912 21.333333zM747.392 554.666667h-300.117333a20.992 20.992 0 0 0-20.608 21.333333c0 11.776 9.216 21.333333 20.608 21.333333h300.117333a20.992 20.992 0 0 0 20.608-21.333333c0-11.776-9.216-21.333333-20.608-21.333333z" fill="#FACA28" ></path></symbol><symbol id="iconyitongyi3x" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M425.99619 568.953905l-31.695238-54.905905-101.571047 58.63619 5.546666 9.606096 91.550477-52.845715 20.675047 35.815619-76.166095 43.983239-11.727238-20.309334-9.874286 5.705143 41.593905 72.045714c6.497524 11.25181 15.311238 13.848381 26.428952 7.436191l74.386286-42.947048c5.607619-3.608381 9.264762-7.728762 10.617905-12.361143 1.231238-5.461333-2.29181-16.969143-10.752-34.779428l-11.337143 2.523428c7.887238 15.579429 11.166476 25.392762 9.849905 29.44-1.097143 2.840381-3.376762 5.241905-6.668191 7.15581l-68.900571 39.777524c-6.314667 3.644952-11.288381 2.31619-14.774857-3.730286l-23.381334-40.484571 86.186667-49.761524z m172.458667-15.396572c7.960381-4.59581 9.325714-11.422476 4.169143-20.345904l-61.488762-106.496-110.08 63.548952 69.497905 120.356571 9.886476-5.705142-63.951238-110.750477 90.307048-52.138666 54.674285 94.695619c2.377143 4.120381 1.792 7.204571-1.645714 9.191619l-18.078476 9.874285 8.448 8.301715 18.261333-10.532572z m-132.827428-49.395809l5.302857 9.191619 70.41219-40.643048-5.315047-9.203809-70.4 40.655238z m21.552761 19.577905l25.514667 44.190476 55.02781-31.768381-25.514667-44.190476-55.02781 31.768381z m65.865143 9.179428l-35.815619 20.687238-15.299047-26.489905 35.827809-20.687238 15.286857 26.489905z m47.579429-125.19619l10.654476 8.313904-32.938667 19.017143 4.998096 8.655238 119.125333-68.778666-4.998095-8.655238-34.169905 19.736381-0.902095-13.933715 22.369524-12.921904-4.912762-8.508953-48.310857 27.89181c-3.437714-2.767238-6.765714-5.059048-9.801143-7.143619l-9.618286 7.740952c2.718476 1.54819 5.607619 3.364571 8.582095 5.668571l-47.079619 27.184762 4.912762 8.496762 22.089143-12.751238z m20.955428 2.377143l-10.654476-8.313905 41.167238-23.771429 0.914286 13.933714-31.427048 18.15162z m-17.92 32.670476l23.454477 40.618666 87.832381-50.712381-23.454477-40.618666-87.832381 50.712381z m97.243429-12.227048l-68.632381 39.619048-5.217524-9.057524 68.620191-39.619048 5.229714 9.057524z m-78.055619 23.28381l-5.071238-8.777143 68.632381-39.619048 5.059047 8.777143-68.62019 39.619048z m2.499048 39.18019c2.620952 10.569143 3.34019 21.321143 2.072381 32.109714l11.593142 0.438858c1.170286-11.288381 0.097524-23.28381-2.950095-36.169143l-10.727619 3.620571z m86.747428-7.265524c5.217524-3.011048 8.374857-6.107429 9.886476-9.179428 1.475048-3.779048 0.073143-10.654476-4.437333-20.675048l-11.068952 2.364952c3.413333 7.18019 4.766476 12.068571 3.913143 14.384762-0.463238 1.743238-2.194286 3.474286-5.229715 5.217524l-28.818285 16.64c-4.388571 2.535619-7.777524 1.743238-9.996191-2.096762l-9.264762-16.054857-10.154667 5.851429 10.459429 18.127238c4.912762 8.508952 11.897905 10.142476 21.223619 4.754286l33.487238-19.334096z m-38.046476-25.965714l-5.36381 10.044952c9.094095 2.438095 16.579048 5.241905 22.723048 8.289524l4.900572-10.520381c-5.632-2.779429-13.165714-5.38819-22.25981-7.814095z m39.497143-12.739048l5.095619-9.532952 8.313905 3.132952c9.289143 3.608381 17.115429 7.094857 23.405714 10.581334l-4.912762 10.520381c-8.752762-5.022476-19.260952-9.923048-31.914667-14.701715z" fill="#2EA222" ></path></symbol><symbol id="iconyijujue3x" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF4466" ></path><path d="M425.99619 568.953905l-31.695238-54.905905-101.571047 58.63619 5.546666 9.606096 91.550477-52.845715 20.675047 35.815619-76.166095 43.983239-11.727238-20.309334-9.874286 5.705143 41.593905 72.045714c6.497524 11.25181 15.311238 13.848381 26.428952 7.436191l74.386286-42.947048c5.607619-3.608381 9.264762-7.728762 10.617905-12.361143 1.231238-5.461333-2.29181-16.969143-10.752-34.779428l-11.337143 2.523428c7.887238 15.579429 11.166476 25.392762 9.849905 29.44-1.097143 2.840381-3.376762 5.241905-6.668191 7.15581l-68.900571 39.777524c-6.314667 3.644952-11.288381 2.31619-14.774857-3.730286l-23.381334-40.484571 86.186667-49.761524z m160.158477-61.732572l-27.343238-47.347809-53.248 30.744381-13.153524-22.784 59.014095-34.072381-5.461333-9.472-69.034667 39.862857 66.950095 115.968 71.509334-41.289143-5.473524-9.459809-61.476572 35.498666-15.530666-26.904381 53.248-30.744381zM510.878476 499.809524l43.776-25.270857 16.64 28.818285-43.776 25.270858L510.878476 499.809524z m-11.605333 17.310476c-3.82781 6.058667-7.94819 11.910095-12.288 17.712762l-16.323048-28.281905 16.749715-9.667047-5.461334-9.45981-16.749714 9.667048-14.348191-24.844191-9.459809 5.461333 14.336 24.844191-19.212191 11.093333 5.461334 9.472 19.224381-11.093333 18.383238 31.841524a220.550095 220.550095 0 0 1-17.846857 18.529524l8.252952 8.594285a441.904762 441.904762 0 0 0 15.299048-17.249524l20.284952 35.145143c1.743238 3.011048 1.243429 5.315048-1.231238 6.741334-4.120381 2.377143-8.533333 4.559238-13.165714 6.680381l7.448381 8.143238 14.006857-8.082286c6.582857-3.803429 7.875048-9.48419 3.754666-16.62781l-23.771428-41.167238c4.33981-5.802667 8.533333-11.52 12.434286-17.432381l-5.778286-10.020571z m160.914286-36.352c-9.167238 12.970667-21.089524 25.904762-35.596191 38.838857l6.704762 8.764953c13.726476-12.678095 25.246476-25.380571 34.352762-38.13181l-5.461333-9.472z m-78.872381-84.943238c4.412952 19.053714 6.887619 36.656762 7.314285 53.235809a10.215619 10.215619 0 0 1-1.974857 6.095239l7.692191 7.619047c6.229333-5.059048 12.312381-10.032762 18.200381-15.079619l0.329142 7.558095c0.451048 13.275429 0.085333 23.344762-1.182476 30.268953a17.066667 17.066667 0 0 1-2.950095 5.363809l7.899429 7.338667c11.324952-8.923429 22.381714-19.870476 32.975238-32.585143l-5.071238-8.777143a206.006857 206.006857 0 0 1-23.100953 24.30781c1.706667-14.153143 1.499429-36.36419-0.816762-66.681905l-10.471619 1.828571 1.706667 20.065524c-4.656762 3.974095-9.532952 7.887238-14.360381 11.580953 0.487619-14.372571-1.084952-32.304762-4.803048-53.955048l-11.385904 1.828571z m86.02819 16.213333l13.872762 24.015238-18.261333 10.544762-13.860572-24.015238 18.249143-10.544762z m22.649905 18.944l-13.860572-24.015238 18.651429-10.776381 13.872762 24.015238-18.651429 10.776381z m-13.324191-36.400762c1.097143-7.594667 1.633524-16.505905 1.389715-26.428952l-4.193524-7.277714-32.121905 18.541714c-0.280381-4.59581-0.768-9.252571-1.340952-14.043429l-10.654476 3.413334c2.840381 21.406476 1.657905 40.582095-3.413334 57.782857l10.020572 3.730286 1.499428-5.632 38.034286 65.877333c4.437333 7.68 10.496 9.313524 18.456381 4.717714l42.544762-24.563809c7.119238-4.473905 10.179048-10.264381 9.191619-17.383619-0.853333-4.632381-3.34019-11.800381-7.448381-21.138286l-10.849524 2.438095 2.072381 4.608c3.169524 7.228952 4.754286 12.080762 4.961524 14.555429-0.060952 3.693714-2.072381 6.875429-6.034286 9.520762l-36.083809 20.845714c-4.205714 2.230857-7.241143 1.426286-9.386667-2.279619l-15.201524-26.35581 55.02781-31.768381-24.246858-41.99619-22.223238 12.836571z m-37.059047 21.394286a152.380952 152.380952 0 0 0 2.401524-24.990476l25.807238-14.908953a162.889143 162.889143 0 0 1-2.267429 24.917334l-25.941333 14.982095z" fill="#FF4466" ></path></symbol><symbol id="iconxinxigongshi" viewBox="0 0 1024 1024"><path d="M298.666667 298.666667m42.666666 0l469.333334 0q42.666667 0 42.666666 42.666666l0 469.333334q0 42.666667-42.666666 42.666666l-469.333334 0q-42.666667 0-42.666666-42.666666l0-469.333334q0-42.666667 42.666666-42.666666Z" fill="#CAE0FE" ></path><path d="M213.333333 192m42.666667 0l469.333333 0q42.666667 0 42.666667 42.666667l0 576q0 42.666667-42.666667 42.666666l-469.333333 0q-42.666667 0-42.666667-42.666666l0-576q0-42.666667 42.666667-42.666667Z" fill="#3D94FB" ></path><path d="M298.666667 277.333333m21.333333 0l341.333333 0q21.333333 0 21.333334 21.333334l0 21.333333q0 21.333333-21.333334 21.333333l-341.333333 0q-21.333333 0-21.333333-21.333333l0-21.333333q0-21.333333 21.333333-21.333334Z" fill="#FFFFFF" ></path><path d="M533.333333 405.333333m21.333334 0l106.666666 0q21.333333 0 21.333334 21.333334l0 0q0 21.333333-21.333334 21.333333l-106.666666 0q-21.333333 0-21.333334-21.333333l0 0q0-21.333333 21.333334-21.333334Z" fill="#FFFFFF" ></path><path d="M533.333333 512m21.333334 0l106.666666 0q21.333333 0 21.333334 21.333333l0 0q0 21.333333-21.333334 21.333334l-106.666666 0q-21.333333 0-21.333334-21.333334l0 0q0-21.333333 21.333334-21.333333Z" fill="#FFFFFF" ></path><path d="M298.666667 618.666667m21.333333 0l341.333333 0q21.333333 0 21.333334 21.333333l0 0q0 21.333333-21.333334 21.333333l-341.333333 0q-21.333333 0-21.333333-21.333333l0 0q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M298.666667 725.333333m21.333333 0l341.333333 0q21.333333 0 21.333334 21.333334l0 0q0 21.333333-21.333334 21.333333l-341.333333 0q-21.333333 0-21.333333-21.333333l0 0q0-21.333333 21.333333-21.333334Z" fill="#FFFFFF" ></path><path d="M298.666667 405.333333m21.333333 0l128 0q21.333333 0 21.333333 21.333334l0 106.666666q0 21.333333-21.333333 21.333334l-128 0q-21.333333 0-21.333333-21.333334l0-106.666666q0-21.333333 21.333333-21.333334Z" fill="#FFFFFF" ></path></symbol><symbol id="icongzrw" viewBox="0 0 1024 1024"><path d="M754.666667 317.290667c0-34.645333-34.666667-34.645333-34.666667-34.645334H303.893333s-34.666667 0-34.666666 34.645334v34.645333H754.56v-34.645333h0.085333zM650.602667 213.333333h-277.333334s-34.645333 0-34.645333 34.645334h346.709333C685.333333 213.333333 650.602667 213.333333 650.602667 213.333333z" fill="#CAE0FE" ></path><path d="M803.434667 331.477333l20.48 20.544c20.629333 20.458667 35.349333 25.962667 27.093333 69.376-8.213333 43.178667-48.021333 279.936-53.952 311.957334-6.037333 32.576-37.248 34.517333-41.813333 34.645333H268.714667c-4.586667-0.128-35.797333-2.069333-41.834667-34.645333-5.845333-32-45.653333-268.842667-53.866667-311.957334-8.32-43.413333 6.4-48.917333 26.944-69.376l20.48-20.544v55.125334H803.413333v-55.125334z m-381.610667 138.389334h-48.533333v69.312s0 34.645333 34.666666 34.645333h207.978667c34.666667 0 34.666667-34.645333 34.666667-34.645333v-69.312h-48.64v55.488h-180.138667v-55.488z" fill="#3D94FB" ></path></symbol><symbol id="iconbbrw" viewBox="0 0 1024 1024"><path d="M592.149333 170.666667a64 64 0 0 1 45.269334 18.752L770.56 322.56A64 64 0 0 1 789.333333 367.850667V704a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64V234.666667a64 64 0 0 1 64-64z m0 42.666666H384a21.333333 21.333333 0 0 0-21.333333 21.333334v469.333333a21.333333 21.333333 0 0 0 21.333333 21.333333h341.333333a21.333333 21.333333 0 0 0 21.333334-21.333333V367.850667a21.333333 21.333333 0 0 0-6.250667-15.082667l-133.184-133.184A21.333333 21.333333 0 0 0 592.149333 213.333333z" fill="#3D94FB" ></path><path d="M298.666667 234.666667h208.149333a64 64 0 0 1 45.269333 18.752l133.162667 133.162666A64 64 0 0 1 704 431.850667V768a64 64 0 0 1-64 64H298.666667a64 64 0 0 1-64-64V298.666667a64 64 0 0 1 64-64z" fill="#3D94FB" ></path><path d="M362.666667 426.666667m21.333333 0l170.666667 0q21.333333 0 21.333333 21.333333l0 0q0 21.333333-21.333333 21.333333l-170.666667 0q-21.333333 0-21.333333-21.333333l0 0q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M362.666667 533.333333m21.333333 0l170.666667 0q21.333333 0 21.333333 21.333334l0 0q0 21.333333-21.333333 21.333333l-170.666667 0q-21.333333 0-21.333333-21.333333l0 0q0-21.333333 21.333333-21.333334Z" fill="#CAE0FE" ></path><path d="M362.666667 640m21.333333 0l170.666667 0q21.333333 0 21.333333 21.333333l0 0q0 21.333333-21.333333 21.333334l-170.666667 0q-21.333333 0-21.333333-21.333334l0 0q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path></symbol><symbol id="iconExcel" viewBox="0 0 1024 1024"><path d="M341.333333 128h359.338667a85.333333 85.333333 0 0 1 60.330667 25.002667l109.994666 109.994666A85.333333 85.333333 0 0 1 896 323.328V810.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H341.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333z" fill="#C0DFBB" ></path><path d="M640 384m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M640 512m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M640 640m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M85.333333 298.666667m85.333334 0l298.666666 0q85.333333 0 85.333334 85.333333l0 298.666667q0 85.333333-85.333334 85.333333l-298.666666 0q-85.333333 0-85.333334-85.333333l0-298.666667q0-85.333333 85.333334-85.333333Z" fill="#22A366" ></path><path d="M237.056 384L320 490.666667 402.944 384H469.333333L353.194667 533.333333 469.333333 682.666667H402.944L320 576 237.056 682.666667H170.666667l116.138666-149.333334L170.666667 384h66.389333z" fill="#FFFFFF" ></path></symbol><symbol id="iconTxt" viewBox="0 0 1024 1024"><path d="M661.333333 128v128A106.666667 106.666667 0 0 0 768 362.666667h128V810.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H341.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h320z m42.666667 0.128L700.672 128a85.333333 85.333333 0 0 1 60.330667 25.002667l109.994666 109.994666a85.333333 85.333333 0 0 1 24.917334 57.002667H768A64 64 0 0 1 704 256V128.128z" fill="#CAD4DC" ></path><path d="M341.333333 640m21.333334 0l426.666666 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-426.666666 0q-21.333333 0-21.333334-21.333333l0-21.333334q0-21.333333 21.333334-21.333333Z" fill="#FFFFFF" ></path><path d="M341.333333 768m21.333334 0l426.666666 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-426.666666 0q-21.333333 0-21.333334-21.333333l0-21.333334q0-21.333333 21.333334-21.333333Z" fill="#FFFFFF" ></path><path d="M170.666667 170.666667m85.333333 0l213.333333 0q85.333333 0 85.333334 85.333333l0 213.333333q0 85.333333-85.333334 85.333334l-213.333333 0q-85.333333 0-85.333333-85.333334l0-213.333333q0-85.333333 85.333333-85.333333Z" fill="#313A57" ></path><path d="M256 298.666667V256h213.333333v42.666667H384v170.666666H341.333333V298.666667H256z" fill="#FFFFFF" ></path></symbol><symbol id="iconPPT" viewBox="0 0 1024 1024"><path d="M341.333333 128h359.338667a85.333333 85.333333 0 0 1 60.330667 25.002667l109.994666 109.994666A85.333333 85.333333 0 0 1 896 323.328V810.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H341.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333z" fill="#EED9CF" ></path><path d="M640 384m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M640 512m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M640 640m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M85.333333 298.666667m85.333334 0l298.666666 0q85.333333 0 85.333334 85.333333l0 298.666667q0 85.333333-85.333334 85.333333l-298.666666 0q-85.333333 0-85.333334-85.333333l0-298.666667q0-85.333333 85.333334-85.333333Z" fill="#D34233" ></path><path d="M213.333333 384v298.666667h44.970667v-114.602667H326.4C393.216 568.064 426.666667 537.088 426.666667 475.605333 426.666667 414.549333 393.216 384 327.125333 384H213.333333z m44.970667 41.813333h65.365333c19.584 0 34.176 3.797333 43.434667 11.733334 9.216 7.509333 14.208 20.053333 14.208 38.058666 0 18.005333-4.608 30.976-13.824 38.912-9.258667 7.509333-23.850667 11.690667-43.818667 11.690667H258.304V425.813333z" fill="#FFFFFF" ></path></symbol><symbol id="iconPng" viewBox="0 0 1024 1024"><path d="M661.333333 128v128A106.666667 106.666667 0 0 0 768 362.666667h128V810.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H341.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h320z m42.666667 0.128L700.672 128a85.333333 85.333333 0 0 1 60.330667 25.002667l109.994666 109.994666a85.333333 85.333333 0 0 1 24.917334 57.002667H768A64 64 0 0 1 704 256V128.128z" fill="#CFE0EE" ></path><path d="M85.333333 426.666667m85.333334 0l554.666666 0q85.333333 0 85.333334 85.333333l0 213.333333q0 85.333333-85.333334 85.333334l-554.666666 0q-85.333333 0-85.333334-85.333334l0-213.333333q0-85.333333 85.333334-85.333333Z" fill="#2993EB" ></path><path d="M204.501333 647.04v74.837333H170.666667V515.456h62.08c23.466667 0 41.728 5.546667 54.613333 16.554667 12.970667 11.050667 19.456 26.581333 19.456 46.634666s-6.784 36.48-20.266667 49.237334c-13.525333 12.8-31.786667 19.157333-54.826666 19.157333h-27.221334z m0-103.381333v75.434666h21.973334c14.506667 0 25.6-3.413333 33.237333-10.24 7.594667-6.826667 11.434667-16.384 11.434667-28.757333 0-24.32-13.994667-36.437333-41.984-36.437333h-24.661334z m310.485334 178.218666H477.866667l-97.706667-151.722666a67.498667 67.498667 0 0 1-6.144-11.946667h-0.853333l0.64 6.101333c0.341333 5.162667 0.512 12.586667 0.512 22.272v135.296h-32.853334V515.456h39.552l99.413334 155.904c1.28 2.133333 2.176 3.754667 2.730666 4.906667h0.597334a185.002667 185.002667 0 0 1-1.450667-27.818667V515.456h32.682667v206.421333z m210.346666-14.08c-21.333333 11.690667-45.056 17.536-71.210666 17.536-30.250667 0-54.741333-9.514667-73.472-28.501333-18.773333-18.986667-28.16-44.16-28.16-75.434667 0-31.957333 10.282667-58.154667 30.805333-78.677333 20.48-20.48 46.506667-30.72 78.08-30.72 22.784 0 41.898667 3.370667 57.386667 10.069333v35.285334c-15.701333-10.581333-34.389333-15.829333-56.064-15.829334-21.76 0-39.68 7.253333-53.589334 21.76-13.952 14.464-20.906667 33.194667-20.906666 56.234667 0 23.722667 5.973333 42.368 17.962666 55.936 11.989333 13.568 28.288 20.352 48.810667 20.352 14.08 0 26.282667-2.730667 36.522667-8.192v-49.066667h-43.093334v-28.8H725.333333v98.005334z" fill="#FFFFFF" ></path></symbol><symbol id="iconZip" viewBox="0 0 1024 1024"><path d="M170.666667 128m85.333333 0l512 0q85.333333 0 85.333333 85.333333l0 597.333334q0 85.333333-85.333333 85.333333l-512 0q-85.333333 0-85.333333-85.333333l0-597.333334q0-85.333333 85.333333-85.333333Z" fill="#EEEFF1" ></path><path d="M469.333333 170.666667h85.333334v42.666666h-85.333334zM469.333333 256h85.333334v42.666667h-85.333334zM469.333333 341.333333h85.333334v42.666667h-85.333334zM469.333333 426.666667h85.333334v42.666666h-85.333334zM170.666667 512h682.666666v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667z" fill="#5E6C84" ></path><path d="M469.333333 597.333333v36.437334L365.226667 768H469.333333v42.666667H298.666667v-36.437334L402.773333 640H298.666667v-42.666667h170.666666z m85.333334 0v213.333334h-42.666667v-213.333334h42.666667z m138.666666 0a74.666667 74.666667 0 0 1 0 149.333334H640V810.666667h-42.666667v-213.333334h96z m0 42.666667H640v64h53.333333a32 32 0 1 0 0-64z" fill="#FFFFFF" ></path></symbol><symbol id="iconWord" viewBox="0 0 1024 1024"><path d="M341.333333 128h359.338667a85.333333 85.333333 0 0 1 60.330667 25.002667l109.994666 109.994666A85.333333 85.333333 0 0 1 896 323.328V810.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H341.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333z" fill="#BAD2E4" ></path><path d="M640 384m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M640 512m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M640 640m21.333333 0l128 0q21.333333 0 21.333334 21.333333l0 21.333334q0 21.333333-21.333334 21.333333l-128 0q-21.333333 0-21.333333-21.333333l0-21.333334q0-21.333333 21.333333-21.333333Z" fill="#FFFFFF" ></path><path d="M85.333333 298.666667m85.333334 0l298.666666 0q85.333333 0 85.333334 85.333333l0 298.666667q0 85.333333-85.333334 85.333333l-298.666666 0q-85.333333 0-85.333334-85.333333l0-298.666667q0-85.333333 85.333334-85.333333Z" fill="#245DD3" ></path><path d="M195.029333 384l39.978667 171.008 8.618667 47.616 8.832-46.592L286.464 384h66.645333l35.84 171.008 9.258667 47.616 9.216-45.781333L447.829333 384H512l-85.077333 298.666667H366.634667l-36.48-174.677334-10.666667-57.728-10.666667 57.728L272.341333 682.666667H213.717333L128 384z" fill="#FFFFFF" ></path></symbol><symbol id="iconRar" viewBox="0 0 1024 1024"><path d="M170.666667 128m85.333333 0l512 0q85.333333 0 85.333333 85.333333l0 597.333334q0 85.333333-85.333333 85.333333l-512 0q-85.333333 0-85.333333-85.333333l0-597.333334q0-85.333333 85.333333-85.333333Z" fill="#F0EEF1" ></path><path d="M469.333333 170.666667h85.333334v42.666666h-85.333334zM469.333333 256h85.333334v42.666667h-85.333334zM469.333333 341.333333h85.333334v42.666667h-85.333334zM469.333333 426.666667h85.333334v42.666666h-85.333334zM170.666667 512h682.666666v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667z" fill="#773C89" ></path><path d="M436.565333 810.666667H380.885333l-33.493333-54.912a185.642667 185.642667 0 0 0-7.210667-11.136 62.122667 62.122667 0 0 0-6.954666-8.405334 27.733333 27.733333 0 0 0-7.381334-5.376 18.773333 18.773333 0 0 0-8.32-1.834666h-13.056V810.666667H256v-213.333334h76.842667c52.224 0 78.336 19.328 78.336 58.026667a57.130667 57.130667 0 0 1-13.226667 37.632c-4.181333 5.077333-9.258667 9.386667-15.189333 13.098667a78.933333 78.933333 0 0 1-19.882667 8.618666v0.597334a30.933333 30.933333 0 0 1 9.301333 4.821333c2.986667 2.261333 5.888 4.864 8.704 7.808 2.773333 2.986667 5.461333 6.186667 8.021334 9.6 2.56 3.413333 4.864 6.784 6.954666 10.069333L436.565333 810.666667z m-132.096-177.322667v59.349333h21.034667c10.410667 0 18.773333-2.986667 25.045333-8.96a29.653333 29.653333 0 0 0 9.6-22.442666c0-18.645333-11.264-27.946667-33.749333-27.946667h-21.930667z" fill="#FFFFFF" ></path><path d="M563.114667 597.333333L640 810.666667h-53.077333l-15.36-47.445334h-76.885334L479.445333 810.666667H426.666667l78.72-213.333334h57.728z m-29.568 38.101334h-1.194667a80.426667 80.426667 0 0 1-3.754667 18.56l-23.552 72.32h55.338667l-23.210667-71.68a92.330667 92.330667 0 0 1-3.626666-19.2z" fill="#FFFFFF" ></path><path d="M716.842667 597.333333c52.224 0 78.336 19.328 78.336 58.026667a57.130667 57.130667 0 0 1-13.226667 37.632c-4.181333 5.077333-9.258667 9.386667-15.189333 13.098667a78.933333 78.933333 0 0 1-19.882667 8.618666v0.597334a30.933333 30.933333 0 0 1 9.301333 4.821333c2.986667 2.261333 5.888 4.864 8.704 7.808 2.773333 2.986667 5.461333 6.186667 8.021334 9.6 2.56 3.413333 4.864 6.784 6.954666 10.069333L820.565333 810.666667h-55.68l-33.493333-54.912a185.642667 185.642667 0 0 0-7.210667-11.136 62.122667 62.122667 0 0 0-6.954666-8.405334 27.733333 27.733333 0 0 0-7.381334-5.376 18.773333 18.773333 0 0 0-8.32-1.834666h-13.056V810.666667H640v-213.333334h76.842667z m-6.442667 36.010667h-21.930667v59.349333h21.034667c10.410667 0 18.773333-2.986667 25.045333-8.96a29.653333 29.653333 0 0 0 9.6-22.442666c0-18.645333-11.264-27.946667-33.749333-27.946667z" fill="#FFFFFF" ></path></symbol><symbol id="iconyuqiwancheng" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF8822" ></path><path d="M224.609524 605.257143l-2.998857 10.325333c14.457905 1.901714 26.477714 4.656762 36.205714 8.192l3.047619-10.898286c-10.581333-3.413333-22.662095-5.961143-36.254476-7.631238z m145.444571 77.58019l35.961905-20.74819-3.364571-11.215238c-2.925714 1.987048-7.119238 4.59581-12.348953 7.777524l-2.706286 1.633523c-4.437333 2.681905-8.801524 5.327238-13.129142 7.899429l-6.473143 3.779048c-10.703238 6.192762-19.712 11.203048-26.928762 15.189333-8.252952 4.388571-15.067429 6.863238-20.431238 7.399619-4.729905 0.365714-9.959619-0.463238-15.555048-2.54781a26.953143 26.953143 0 0 0-5.12-1.255619l-29.622857-51.321904-29.379048 16.944762 5.241905 9.069714 20.163048-11.654095 24.088381 41.728c-4.36419 5.436952-6.89981 16.249905-7.643429 32.402285l11.300572 2.450286 0.243809-5.729524c0.731429-13.531429 2.523429-21.126095 5.424762-22.79619 1.377524-0.792381 3.291429-0.877714 5.766095-0.182857l1.572572 0.52419c6.960762 2.56 13.750857 3.218286 20.187428 1.706667 5.571048-1.462857 12.092952-4.169143 19.577905-8.131048l13.568-7.509333c3.31581-1.852952 6.521905-3.657143 9.606095-5.412572z m-26.087619-6.509714c6.314667-3.657143 7.41181-9.033143 3.376762-16.042667l-30.744381-53.248-32.804571 18.944 36.608 63.402667 8.374857-4.827429-12.604953-21.820952 16.054858-9.276952 5.705142 9.874285c1.743238 3.023238 1.328762 5.461333-1.28 6.972953l-6.692571 3.315809 7.009524 6.741334 6.997333-4.035048z m-31.914666-20.736l-5.546667-9.606095 16.054857-9.264762 5.546667 9.606095-16.054857 9.264762z m-9.667048-16.737524l-5.461333-9.472 16.054857-9.264762 5.461333 9.45981-16.054857 9.264762z m-15.811048-34.06019l3.242667 5.632 43.922286-25.356191-4.510477-7.826285c8.131048 0.792381 16.384 1.145905 24.905143 0.987428l0.694857-10.837333c-17.65181 0.487619-36.59581-1.560381-56.539428-6.339048l-7.277714 4.205714a226.620952 226.620952 0 0 1-24.429715 53.089524l9.667048 5.022476c3.608381-6.095238 7.009524-12.27581 10.325333-18.578285z m41.642667-27.708953l-39.253333 22.674286c4.010667-8.899048 7.728762-18.005333 10.983619-27.574857 9.020952 2.304 18.553905 3.925333 28.269714 4.900571z m-0.853333 27.392l24.892952 43.093334 7.960381-4.59581-24.880762-43.093333-7.960381 4.595809z m51.772952 50.992762c6.729143-3.876571 8.021333-9.569524 3.900952-16.700952l-31.219809-54.076952-8.655238 4.998095 29.96419 51.870476c2.06019 3.57181 1.584762 6.217143-1.438476 7.972571-3.57181 2.06019-7.570286 3.998476-11.78819 5.888l6.753523 7.265524 12.483048-7.216762z m-16.798476-132.120381l8.874666 15.372191-8.508952 4.912762 5.302857 9.203809 8.508953-4.912762 33.523809 58.051048-10.020571 5.778286 5.38819 9.337904 64.914286-37.485714-5.388191-9.325714-8.923428 5.144381-33.52381-58.051048 8.240762-4.754286-5.302857-9.191619-8.240762 4.754286-8.71619-15.104-9.606096 5.546667 8.716191 15.104-26.758095 15.445333-8.874667-15.36-9.606095 5.534476z m57.295238 77.080381l-7.753143-13.446095 26.758095-15.457524 7.765334 13.446095-26.758096 15.457524z m-6.741333-73.508571l7.923809 13.726476-26.770286 15.445333-7.923809-13.714285 26.770286-15.457524z m-6.009905 51.407238l-7.838476-13.580191 26.758095-15.457523 7.850667 13.592381-26.770286 15.445333z m44.495238 20.967619l-4.900572 9.252571c10.922667 4.668952 20.309333 9.508571 27.916191 14.433524l4.266667-9.411047c0.01219 0.353524 0.036571 0.707048-0.073143 1.145904l11.580952 2.633143c2.084571-17.310476-1.060571-35.437714-9.593905-54.662095l26.624-15.36 16.237715 28.123429c2.377143 4.120381 1.77981 7.204571-1.77981 9.264761-4.388571 2.535619-9.216 4.961524-14.457905 7.619048l8.374858 8.167619 14.543238-8.411428c7.960381-4.59581 9.776762-10.947048 5.266285-18.773334l-62.122666-107.605333-45.568 26.307048 37.083428 64.243809c10.825143 19.358476 15.567238 38.034286 13.872762 56.027429-6.912-4.059429-16.054857-8.472381-27.257905-12.982858z m-26.831238 15.323429a116.406857 116.406857 0 0 1-4.120381 34.401523l11.081143 1.097143c2.657524-11.227429 3.705905-23.356952 3.218285-36.254476l-10.179047 0.75581z m37.376-85.820953l25.941333-14.969905 14.104381 24.429715-26.087619 15.055238-1.828571-3.510857-12.129524-20.992z m20.711619-24.015238l-25.941333 14.969905-13.860572-24.015238 25.929143-14.982095 13.872762 24.015238z m136.350476-110.567619l-52.565333 30.342095a187.855238 187.855238 0 0 0-13.689905-11.678476l-9.996191 8.338286c4.132571 2.730667 8.228571 6.034286 12.580572 9.752381l-52.711619 30.427428 17.749333 30.744381 10.020572-5.778285-12.190477-21.138286L614.521905 409.6l12.190476 21.138286 10.020571-5.790476-17.749333-30.744381z m-82.017524 81.383619l5.546667 9.606095 76.860952-44.373333-5.546666-9.606095-76.860953 44.373333z m-6.095238 37.912381l5.461333 9.484191 38.022096-21.942858 0.548571 0.950858c5.778286 10.947048 7.887238 21.248 6.192762 31.012571-2.31619 9.935238-9.813333 21.028571-22.552381 33.523809l10.703238 5.522286c12.921905-13.129143 20.626286-25.441524 23.210667-36.815238 2.096762-12.190476-0.451048-25.185524-7.801905-38.875428l-0.560762-0.950858 23.064381-13.312 19.968 34.584381c5.229714 9.057524 12.032 11.337143 20.540953 6.436572l23.198476-13.397334c4.668952-2.681905 7.168-5.973333 7.936-9.703619 0.889905-4.169143-2.145524-13.226667-8.923429-26.867809l-11.081143 2.364952 2.340572 4.668953c3.913143 8.033524 5.888 13.141333 5.973333 15.420952 0.060952 2.340571-1.024 4.254476-3.498667 5.680762l-18.249142 10.532571c-3.986286 2.304-7.168 1.219048-9.545143-2.901333l-18.773334-32.52419 38.826667-22.430477-5.461333-9.472-119.53981 69.022477z m193.731048-200.411429a142.750476 142.750476 0 0 1 25.6 5.36381l-2.681905 9.947429 16.749714-9.667048 5.473524 9.472-42.276571 24.405333c10.788571 16.457143 20.333714 28.891429 28.513523 37.339429 2.80381 2.950095 5.583238 5.558857 8.289524 8.021333 0.52419-14.945524-1.438476-31.012571-5.656381-48.152381l11.142096-1.304381c4.961524 21.284571 6.704762 40.777143 5.046857 58.197334 4.461714 3.291429 8.740571 5.936762 12.751238 7.826285 8.338286 3.974095 13.945905 5.12 16.688762 3.535238 2.389333-1.560381 0.609524-10.044952-5.497905-25.35619l11.776-0.219429c7.241143 20.150857 7.887238 32.048762 1.706667 35.608381-5.766095 3.328-14.311619 2.779429-25.660953-1.657904a80.323048 80.323048 0 0 1-13.433905-7.436191 109.238857 109.238857 0 0 1-19.102476 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.163429-47.299048 179.163429 179.163429 0 0 1-14.726095-13.458286c-9.667048-9.788952-19.919238-23.088762-30.915048-39.619047l-47.079619 27.184762 13.165714 22.79619 33.621334-19.419428 3.949714 7.119238c10.691048 19.431619 16.920381 32.646095 18.797714 39.582476 1.621333 6.92419-0.889905 12.409905-7.594667 16.64-3.291429 1.901714-7.43619 3.925333-11.983238 6.192762l-8.167619-7.192381c5.510095-2.80381 10.118095-5.278476 13.824-7.424 2.937905-1.877333 3.681524-5.046857 2.279619-9.362286-1.865143-5.144381-7.168-15.262476-15.603809-30.524952L688.761905 417.77981l2.377143 4.12038c13.641143 24.868571 19.553524 47.811048 17.956571 68.498286l-11.422476-2.364952c1.487238-17.700571-4.047238-37.741714-16.554667-60.342857l-26.38019-45.714286 56.685714-32.719238a611.108571 611.108571 0 0 1-12.702476-21.040762l10.154666-5.851429c4.437333 7.68 8.618667 14.592 12.702477 21.028572l25.660952-14.823619c-6.972952-2.56-15.396571-4.473905-25.478095-5.778286l2.82819-9.691429z" fill="#FF8822" ></path></symbol><symbol id="iconanshiwancheng" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M342.040381 555.385905l-32.121905 18.541714a206.689524 206.689524 0 0 0-15.567238-13.336381l-9.069714 7.436191c4.888381 3.388952 9.801143 7.143619 14.750476 11.605333l-31.561143 18.224762 15.932953 27.587047 9.325714-5.38819-10.776381-18.663619 54.759619-31.622095 10.459428 18.115047 9.472-5.461333-15.603809-27.038476z m-37.900191 45.299809c2.523429 8.801524 4.656762 17.261714 6.448762 25.746286l-22.515809 12.995048 5.473524 9.472 19.21219-11.093334c1.414095 9.423238 2.31619 18.602667 2.584381 27.599238l13.897143-0.426666a1060.352 1060.352 0 0 1 19.712-0.316953c-5.36381 12.251429-15.786667 25.6-31.524571 40.167619l9.362285 7.033905c18.480762-17.432381 29.96419-33.03619 34.657524-47.091809l10.678857 0.170666c12.01981 0.292571 22.576762 0.902095 31.695238 1.901715l2.206476-11.702858-7.021714-0.487619a458.898286 458.898286 0 0 0-35.145143-0.609523c2.048-13.251048 0.195048-27.550476-5.534476-42.544762l16.457143-9.508572-5.461333-9.472-48.713143 28.123429a463.762286 463.762286 0 0 0-6.38781-24.673524l-10.081524 4.717714z m44.714667 16.274286c4.632381 13.421714 5.729524 25.782857 3.449905 37.351619-8.43581 0.292571-17.493333 0.768-27.12381 1.206857-0.121905-6.887619-1.024-14.787048-2.401523-23.503238l26.075428-15.055238z m-49.030095 108.092952c7.814095-4.510476 9.508571-10.788571 4.900571-18.748952l-22.893714-39.66781c3.145143-4.388571 6.290286-8.752762 9.350095-13.275428l-5.778285-10.008381c-2.986667 4.644571-6.058667 9.167238-9.20381 13.531429l-15.847619-27.440762 12.909714-7.448381-5.473524-9.472-12.897523 7.448381-14.982096-25.941334-10.154666 5.863619 14.982095 25.941334-16.054857 9.264762 5.461333 9.472 16.054857-9.264762 18.151619 31.427047c-4.778667 5.680762-9.97181 11.25181-15.555047 16.481524l8.167619 8.460191c4.412952-4.742095 8.789333-9.825524 13.092571-15.055239l19.090286 33.072762c2.072381 3.57181 1.304381 6.38781-1.987048 8.289524-3.291429 1.901714-6.875429 3.608381-10.605714 5.388191l7.606857 8.411428 11.666286-6.729143z m101.839238-211.236571l-39.521524 22.820571 60.294095 104.448 9.606096-5.546666-7.204572-12.483048 20.309334-11.727238 5.315047 9.191619 9.606095-5.546667-58.392381-101.156571z m17.859048 100.035048l-19.090286-33.072762 20.309333-11.727238 19.102476 33.072761-20.321523 11.727239z m-24.405334-42.264381l-18.139428-31.439238 20.309333-11.727239 18.151619 31.439239-20.321524 11.727238z m49.92-28.281905l-5.156571 9.752381c15.518476 7.875048 28.623238 15.676952 39.375238 23.198476l4.900571-10.520381c-10.069333-6.985143-23.161905-14.433524-39.119238-22.430476z m73.606096 55.222857c8.508952-4.912762 10.24-11.751619 5.241904-20.406857l-44.30019-76.714667 16.883809-9.752381-5.461333-9.459809-16.88381 9.752381-13.945904-24.161524-10.020572 5.778286 13.945905 24.161523-47.481905 27.416381 5.461334 9.45981 47.481904-27.416381 42.873905 74.25219c2.450286 4.266667 1.670095 7.643429-2.31619 9.935238-7.277714 4.205714-14.982095 8.289524-23.100953 12.604953l7.606857 8.411428 24.015239-13.860571z m100.339809-204.312381l-52.565333 30.342095a187.855238 187.855238 0 0 0-13.689905-11.678476l-9.996191 8.338286c4.132571 2.730667 8.228571 6.034286 12.580572 9.752381l-52.711619 30.427428 17.749333 30.744381 10.020572-5.778285-12.190477-21.138286L614.521905 409.6l12.190476 21.138286 10.020571-5.790476-17.749333-30.744381z m-82.017524 81.383619l5.546667 9.606095 76.860952-44.373333-5.546666-9.606095-76.860953 44.373333z m-6.095238 37.912381l5.461333 9.484191 38.022096-21.942858 0.548571 0.950858c5.778286 10.947048 7.887238 21.248 6.192762 31.012571-2.31619 9.935238-9.813333 21.028571-22.552381 33.523809l10.703238 5.522286c12.921905-13.129143 20.626286-25.441524 23.210667-36.815238 2.096762-12.190476-0.451048-25.185524-7.801905-38.875428l-0.560762-0.950858 23.064381-13.312 19.968 34.584381c5.229714 9.057524 12.032 11.337143 20.540953 6.436572l23.198476-13.397334c4.668952-2.681905 7.168-5.973333 7.936-9.703619 0.889905-4.169143-2.145524-13.226667-8.923429-26.867809l-11.081143 2.364952 2.340572 4.668953c3.913143 8.033524 5.888 13.141333 5.973333 15.420952 0.060952 2.340571-1.024 4.254476-3.498667 5.680762l-18.249142 10.532571c-3.986286 2.304-7.168 1.219048-9.545143-2.901333l-18.773334-32.52419 38.826667-22.430477-5.461333-9.472-119.53981 69.022477z m193.731048-200.411429a142.750476 142.750476 0 0 1 25.6 5.36381l-2.681905 9.947429 16.749714-9.667048 5.473524 9.472-42.276571 24.405333c10.788571 16.457143 20.333714 28.891429 28.513523 37.339429 2.80381 2.950095 5.583238 5.558857 8.289524 8.021333 0.52419-14.945524-1.438476-31.012571-5.656381-48.152381l11.142096-1.304381c4.961524 21.284571 6.704762 40.777143 5.046857 58.197334 4.461714 3.291429 8.740571 5.936762 12.751238 7.826285 8.338286 3.974095 13.945905 5.12 16.688762 3.535238 2.389333-1.560381 0.609524-10.044952-5.497905-25.35619l11.776-0.219429c7.241143 20.150857 7.887238 32.048762 1.706667 35.608381-5.766095 3.328-14.311619 2.779429-25.660953-1.657904a80.323048 80.323048 0 0 1-13.433905-7.436191 109.238857 109.238857 0 0 1-19.102476 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.163429-47.299048 179.163429 179.163429 0 0 1-14.726095-13.458286c-9.667048-9.788952-19.919238-23.088762-30.915048-39.619047l-47.079619 27.184762 13.165714 22.79619 33.621334-19.419428 3.949714 7.119238c10.691048 19.431619 16.920381 32.646095 18.797714 39.582476 1.621333 6.92419-0.889905 12.409905-7.594667 16.64-3.291429 1.901714-7.43619 3.925333-11.983238 6.192762l-8.167619-7.192381c5.510095-2.80381 10.118095-5.278476 13.824-7.424 2.937905-1.877333 3.681524-5.046857 2.279619-9.362286-1.865143-5.144381-7.168-15.262476-15.603809-30.524952L688.761905 417.77981l2.377143 4.12038c13.641143 24.868571 19.553524 47.811048 17.956571 68.498286l-11.422476-2.364952c1.487238-17.700571-4.047238-37.741714-16.554667-60.342857l-26.38019-45.714286 56.685714-32.719238a611.108571 611.108571 0 0 1-12.702476-21.040762l10.154666-5.851429c4.437333 7.68 8.618667 14.592 12.702477 21.028572l25.660952-14.823619c-6.972952-2.56-15.396571-4.473905-25.478095-5.778286l2.82819-9.691429z" fill="#2EA222" ></path></symbol><symbol id="icontc1" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M431.238095 523.824762l4.668953 8.106667 15.786666-9.118477 7.436191 12.909715-17.968762 10.374095 4.754286 8.240762 45.568-26.307048-4.754286-8.240762-18.249143 10.544762-7.448381-12.909714 15.908571-9.191619-4.668952-8.094476-15.920762 9.191619-6.253714-10.849524-9.337905 5.400381 6.253714 10.849524-15.774476 9.106285z m24.697905 37.717333l20.199619 34.986667 36.510476-21.065143-20.199619-34.998857-36.510476 21.077333z m43.52 10.727619l-19.480381 11.264-10.776381-18.663619 19.492572-11.251809 10.77638 18.651428z m-24.941714-106.910476l-74.24 42.861714 43.727238 75.76381c8.533333 15.396571 12.519619 29.915429 11.715047 43.739428l11.154286 2.523429c1.304381-16.11581-3.425524-33.52381-13.848381-52.199619l-38.278095-66.29181 55.588571-32.085333 54.979048 95.244191c2.620952 4.534857 1.913905 8.045714-1.926095 10.264381-3.84 2.218667-8.167619 4.547048-12.860953 6.887619l7.558096 7.704381 13.165714-7.606858c8.240762-4.754286 9.984-11.25181 5.302857-19.346285l-62.037333-107.459048z m-106.118096 56.137143l-2.974476 10.691048c13.397333 1.962667 24.624762 4.632381 33.926096 8.045714l2.767238-10.752c-9.874286-3.449905-21.101714-6.107429-33.718858-7.984762z m6.558477 50.017524l5.461333 9.472 19.078095-11.020191 29.952 51.882667c1.26781 2.194286 1.206857 4.62019 0.24381 7.375238l8.899047 6.558476c4.510476-9.923048 8.094476-20.224 10.849524-30.963809l-8.094476-8.313905c-1.499429 5.61981-3.108571 10.76419-4.668952 15.676952l-33.036191-57.222095-28.68419 16.554667z m210.748952-178.224762a142.750476 142.750476 0 0 1 25.6 5.363809l-2.669714 9.947429 16.749714-9.667048 5.461333 9.472-42.264381 24.405334c10.776381 16.457143 20.333714 28.891429 28.501334 37.339428 2.80381 2.950095 5.595429 5.558857 8.289524 8.021334 0.52419-14.945524-1.426286-31.012571-5.656381-48.152381l11.142095-1.304381c4.973714 21.284571 6.704762 40.777143 5.059047 58.197333 4.449524 3.291429 8.728381 5.936762 12.751239 7.826286 8.326095 3.974095 13.933714 5.12 16.688761 3.535238 2.389333-1.560381 0.609524-10.044952-5.510095-25.356191l11.776-0.219428c7.253333 20.150857 7.887238 32.048762 1.706667 35.608381-5.753905 3.328-14.311619 2.779429-25.648762-1.657905a80.323048 80.323048 0 0 1-13.446095-7.436191 109.238857 109.238857 0 0 1-19.102476 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.175619-47.299047 179.163429 179.163429 0 0 1-14.726096-13.458286c-9.679238-9.788952-19.919238-23.088762-30.927238-39.619048l-47.067428 27.184762 13.153524 22.796191 33.621333-19.419429 3.961905 7.119238c10.678857 19.431619 16.920381 32.646095 18.797714 39.582476 1.621333 6.92419-0.889905 12.409905-7.594667 16.64-3.291429 1.901714-7.43619 3.925333-11.983238 6.192762l-8.167619-7.192381c5.510095-2.80381 10.118095-5.278476 13.824-7.424 2.937905-1.877333 3.669333-5.046857 2.279619-9.362285-1.877333-5.144381-7.168-15.262476-15.603809-30.524953l-23.747048 13.714286 2.377143 4.120381c13.628952 24.868571 19.553524 47.811048 17.956571 68.498286l-11.434666-2.364953c1.499429-17.700571-4.035048-37.741714-16.542477-60.342857l-26.392381-45.714286 56.685715-32.719238a611.108571 611.108571 0 0 1-12.690286-21.040762l10.154667-5.851428c4.437333 7.68 8.618667 14.592 12.690285 21.028571l25.673143-14.823619c-6.972952-2.56-15.396571-4.473905-25.478095-5.778286l2.816-9.691428z" fill="#2EA222" ></path></symbol><symbol id="icontcz1" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF8822" ></path><path d="M361.788952 563.931429l4.681143 8.094476 15.774476-9.118476 7.448381 12.909714-17.980952 10.374095 4.754286 8.240762 45.568-26.307048-4.754286-8.240762-18.249143 10.544762-7.448381-12.909714 15.920762-9.191619-4.681143-8.094476-15.920762 9.191619-6.253714-10.849524-9.337905 5.400381 6.265905 10.849524-15.786667 9.106286z m24.697905 37.705142l20.21181 34.986667 36.498285-21.065143-20.199619-34.998857-36.510476 21.077333z m43.52 10.727619l-19.480381 11.264-10.776381-18.663619 19.492572-11.251809 10.776381 18.651428z m-24.941714-106.910476l-74.24 42.861715 43.739428 75.763809c8.521143 15.396571 12.507429 29.915429 11.702858 43.739429l11.166476 2.523428c1.304381-16.11581-3.437714-33.52381-13.860572-52.199619l-38.278095-66.291809 55.588572-32.085334 54.991238 95.244191c2.620952 4.534857 1.901714 8.045714-1.938286 10.264381-3.84 2.218667-8.167619 4.547048-12.860952 6.887619l7.558095 7.704381 13.177905-7.606857c8.240762-4.754286 9.97181-11.25181 5.302857-19.346286l-62.049524-107.459048z m-106.105905 56.137143l-2.986667 10.691048c13.409524 1.962667 24.624762 4.632381 33.926096 8.045714l2.767238-10.752c-9.874286-3.449905-21.101714-6.107429-33.706667-7.984762z m6.546286 50.017524l5.473524 9.472 19.078095-11.020191 29.952 51.882667c1.26781 2.194286 1.194667 4.62019 0.219428 7.375238l8.923429 6.558476c4.510476-9.923048 8.082286-20.224 10.849524-30.963809l-8.094476-8.313905c-1.511619 5.61981-3.120762 10.76419-4.668953 15.676953l-33.03619-57.222096-28.696381 16.554667zM447.390476 473.514667c11.25181 30.281143 15.152762 57.319619 11.398095 81.249523l11.568762 4.498286c1.182476-7.460571 1.828571-15.518476 1.682286-24.027428 10.642286 10.50819 20.72381 18.773333 30.232381 24.807619a109.372952 109.372952 0 0 1-14.128762 43.654095l10.73981 6.241524a126.439619 126.439619 0 0 0 14.701714-43.617524c5.692952 2.56 11.264 4.291048 16.774095 4.949333 18.017524 2.048 41.240381-4.949333 69.510095-21.272381l15.09181-8.71619-4.022857-11.410286c-7.168 4.693333-14.140952 9.081905-21.284572 13.202286-23.344762 13.116952-42.593524 19.102476-57.660952 17.737143-5.412571-0.52419-11.068952-2.389333-17.298286-5.558857 1.097143-22.223238-3.559619-46.445714-13.726476-72.594286l-5.071238-8.777143-30.744381 17.737143a299.27619 299.27619 0 0 0-7.070476-22.076953l-10.691048 3.974096z m23.515429 46.445714a243.772952 243.772952 0 0 0-3.023238-17.286095l23.734857-13.702096c7.643429 20.845714 11.385905 40.630857 11.300571 59.172572-9.703619-6.656-20.284952-16.103619-32.01219-28.184381z m31.573333-77.165714l59.038476 102.253714 10.020572-5.778286-32.963048-57.10019c11.459048 1.80419 26.087619 5.254095 43.702857 10.093714l0.828953-12.190476a456.350476 456.350476 0 0 0-50.468572-8.192l-20.138666-34.864762-10.020572 5.790476z m114.029714-67.462096l14.262858 24.697905-49.12762 28.367238 37.229715 64.49981 9.874285-5.705143-4.985904-8.643048 39.253333-22.662095 27.026286 46.811429 10.154666-5.87581-27.026285-46.799238 39.399619-22.735238 4.998095 8.643048 9.874286-5.705143-37.241905-64.49981-49.273905 28.440381-14.262857-24.697905-10.154667 5.851429z m1.706667 93.622858l-21.150476-36.656762 39.253333-22.662096 21.150476 36.644572-39.253333 22.674286z m49.408-28.525715l-21.150476-36.656762 39.387428-22.735238 21.162667 36.644572-39.399619 22.735238z" fill="#FF8822" ></path></symbol><symbol id="iconyishencha" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M425.99619 568.953905l-31.695238-54.905905-101.571047 58.63619 5.546666 9.606096 91.550477-52.845715 20.675047 35.815619-76.166095 43.983239-11.727238-20.309334-9.874286 5.705143 41.593905 72.045714c6.497524 11.25181 15.311238 13.848381 26.428952 7.436191l74.386286-42.947048c5.607619-3.608381 9.264762-7.728762 10.617905-12.361143 1.231238-5.461333-2.29181-16.969143-10.752-34.779428l-11.337143 2.523428c7.887238 15.579429 11.166476 25.392762 9.849905 29.44-1.097143 2.840381-3.376762 5.241905-6.668191 7.15581l-68.900571 39.777524c-6.314667 3.644952-11.288381 2.31619-14.774857-3.730286l-23.381334-40.484571 86.186667-49.761524z m64.48762-22.052572l30.47619-17.590857 9.106286 15.786667-30.476191 17.590857-9.106285-15.786667z m44.81219 7.253334l16.091429 27.855238 9.874285-5.705143-16.091428-27.855238 30.890666-17.834667 4.437334 7.68 9.606095-5.534476-38.192762-66.157714-40.484571 23.381333-7.92381-13.726476-9.886476 5.705143 7.923809 13.726476-40.082285 23.137524 38.436571 66.56 9.606095-5.546667-4.668952-8.094476 30.464-17.590857z m4.656762-14.762667l-9.118476-15.786667 30.878476-17.822476 9.118476 15.774476-30.878476 17.834667z m16.700952-42.398476l-30.890666 17.834666-9.106286-15.786666 30.878476-17.834667 9.106286 15.786667z m-49.883428 7.753143l9.106285 15.786666-30.464 17.590857-9.106285-15.786666 30.464-17.590857z m39.216762-74.069334l-52.016762 30.037334-5.558857-5.046857a120.283429 120.283429 0 0 0-5.156572-4.32762l-9.386667 7.801905c3.242667 2.157714 6.521905 4.656762 9.947429 7.436191l-52.297143 30.183619 14.262857 24.710095 9.618286-5.546667-9.118476-15.786666 95.256381-54.991238 8.71619 15.091809 9.606096-5.546667-13.872762-24.015238z m64.865523 17.261715l29.159619 50.517333 82.078477-47.384381-29.159619-50.517333-82.078477 47.384381z m96.548572-0.109715l-62.854095 36.291048-6.972953-12.068571 62.866286-36.303239 6.972952 12.080762z m-74.654476 15.847619l-7.216762-12.495238 62.866285-36.291047 7.204572 12.483047-62.854095 36.291048z m-59.855238-45.970285l5.241904 9.057523 42.410667-24.490666c-5.168762 15.786667-16.822857 33.316571-35.132952 52.309333l10.288762 5.778286c19.017143-22.51581 30.110476-43.556571 33.206857-62.915048l0.828952-0.487619 14.811429 25.673143 9.606095-5.546667-14.811429-25.660952 0.816762-0.487619c17.92 7.594667 41.618286 8.374857 71.15581 2.486857l-0.902096-11.373714c-25.002667 6.753524-45.519238 7.984762-61.598476 3.900952l42.130286-24.32-5.229714-9.057524-51.602286 29.793524-7.289905-12.629333-9.606095 5.546667 7.289905 12.629333-51.602286 29.793524z m55.186285 101.912381l117.894096-68.071619 5.302857 9.191619-117.881905 68.071619-5.315048-9.191619z" fill="#2EA222" ></path></symbol><symbol id="iconyizhongzhi" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#999999" ></path><path d="M425.99619 568.953905l-31.695238-54.905905-101.571047 58.63619 5.546666 9.606096 91.550477-52.845715 20.675047 35.815619-76.166095 43.983239-11.727238-20.309334-9.874286 5.705143 41.593905 72.045714c6.497524 11.25181 15.311238 13.848381 26.428952 7.436191l74.386286-42.947048c5.607619-3.608381 9.264762-7.728762 10.617905-12.361143 1.231238-5.461333-2.29181-16.969143-10.752-34.779428l-11.337143 2.523428c7.887238 15.579429 11.166476 25.392762 9.849905 29.44-1.097143 2.840381-3.376762 5.241905-6.668191 7.15581l-68.900571 39.777524c-6.314667 3.644952-11.288381 2.31619-14.774857-3.730286l-23.381334-40.484571 86.186667-49.761524z m51.614477-113.432381l14.262857 24.697905-49.127619 28.367238 37.241905 64.499809 9.874285-5.705143-4.985905-8.643047 39.253334-22.662096 27.014095 46.811429 10.166857-5.875809-27.026286-46.799239 39.387429-22.735238 4.998095 8.643048 9.874286-5.705143-37.241905-64.499809-49.261714 28.440381-14.262857-24.697905-10.166857 5.851428z m1.718857 93.622857l-21.150476-36.656762 39.253333-22.662095 21.150476 36.644571-39.253333 22.674286z m49.408-28.525714L507.587048 483.961905l39.375238-22.735238 21.162666 36.644571-39.387428 22.735238z m94.524952-147.541334l10.154667-5.863619 25.746286 44.604953 42.276571-24.405334 5.546667 9.606096-42.276572 24.405333 32.012191 55.442286 49.822476-28.769524 5.546667 9.618286-121.868191 70.363428-5.546667-9.606095 23.332572-13.470476L598.552381 419.352381l9.874286-5.705143 49.444571 85.638095 28.684191-16.566857-63.305143-109.653333z" fill="#999999" ></path></symbol><symbol id="iconyililiudan" viewBox="0 0 1024 1024"><path d="M292.949333 192.682667h437.44a33.642667 33.642667 0 0 1 33.642667 33.642666v269.184l-252.373333 113.642667-252.373334-113.642667V226.346667a33.664 33.664 0 0 1 33.664-33.642667z" fill="#CAE0FE" ></path><path d="M360.234667 327.253333h302.848v-33.621333H360.234667zM360.234667 428.224h302.848v-33.642667H360.234667z" fill="#FFFFFF" ></path><path d="M192 529.152c16.682667-44.864 26.858667-66.56 30.506667-65.002667 3.626667 1.514667 3.626667 27.498667 0 77.845334l289.152 121.770666 254.656-107.242666 31.36-13.184c-2.410667-51.754667-2.410667-78.165333 0-79.189334 2.453333-1.002667 13.653333 20.629333 33.642666 65.002667v269.205333A33.664 33.664 0 0 1 797.674667 832H225.642667A33.642667 33.642667 0 0 1 192 798.357333V529.152z" fill="#3D94FB" ></path></symbol><symbol id="icontc" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M431.238095 523.824762l4.668953 8.106667 15.786666-9.118477 7.436191 12.909715-17.968762 10.374095 4.754286 8.240762 45.568-26.307048-4.754286-8.240762-18.249143 10.544762-7.448381-12.909714 15.908571-9.191619-4.668952-8.094476-15.920762 9.191619-6.253714-10.849524-9.337905 5.400381 6.253714 10.849524-15.774476 9.106285z m24.697905 37.717333l20.199619 34.986667 36.510476-21.065143-20.199619-34.998857-36.510476 21.077333z m43.52 10.727619l-19.480381 11.264-10.776381-18.663619 19.492572-11.251809 10.77638 18.651428z m-24.941714-106.910476l-74.24 42.861714 43.727238 75.76381c8.533333 15.396571 12.519619 29.915429 11.715047 43.739428l11.154286 2.523429c1.304381-16.11581-3.425524-33.52381-13.848381-52.199619l-38.278095-66.29181 55.588571-32.085333 54.979048 95.244191c2.620952 4.534857 1.913905 8.045714-1.926095 10.264381-3.84 2.218667-8.167619 4.547048-12.860953 6.887619l7.558096 7.704381 13.165714-7.606858c8.240762-4.754286 9.984-11.25181 5.302857-19.346285l-62.037333-107.459048z m-106.118096 56.137143l-2.974476 10.691048c13.397333 1.962667 24.624762 4.632381 33.926096 8.045714l2.767238-10.752c-9.874286-3.449905-21.101714-6.107429-33.718858-7.984762z m6.558477 50.017524l5.461333 9.472 19.078095-11.020191 29.952 51.882667c1.26781 2.194286 1.206857 4.62019 0.24381 7.375238l8.899047 6.558476c4.510476-9.923048 8.094476-20.224 10.849524-30.963809l-8.094476-8.313905c-1.499429 5.61981-3.108571 10.76419-4.668952 15.676952l-33.036191-57.222095-28.68419 16.554667z m210.748952-178.224762a142.750476 142.750476 0 0 1 25.6 5.363809l-2.669714 9.947429 16.749714-9.667048 5.461333 9.472-42.264381 24.405334c10.776381 16.457143 20.333714 28.891429 28.501334 37.339428 2.80381 2.950095 5.595429 5.558857 8.289524 8.021334 0.52419-14.945524-1.426286-31.012571-5.656381-48.152381l11.142095-1.304381c4.973714 21.284571 6.704762 40.777143 5.059047 58.197333 4.449524 3.291429 8.728381 5.936762 12.751239 7.826286 8.326095 3.974095 13.933714 5.12 16.688761 3.535238 2.389333-1.560381 0.609524-10.044952-5.510095-25.356191l11.776-0.219428c7.253333 20.150857 7.887238 32.048762 1.706667 35.608381-5.753905 3.328-14.311619 2.779429-25.648762-1.657905a80.323048 80.323048 0 0 1-13.446095-7.436191 109.238857 109.238857 0 0 1-19.102476 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.175619-47.299047 179.163429 179.163429 0 0 1-14.726096-13.458286c-9.679238-9.788952-19.919238-23.088762-30.927238-39.619048l-47.067428 27.184762 13.153524 22.796191 33.621333-19.419429 3.961905 7.119238c10.678857 19.431619 16.920381 32.646095 18.797714 39.582476 1.621333 6.92419-0.889905 12.409905-7.594667 16.64-3.291429 1.901714-7.43619 3.925333-11.983238 6.192762l-8.167619-7.192381c5.510095-2.80381 10.118095-5.278476 13.824-7.424 2.937905-1.877333 3.669333-5.046857 2.279619-9.362285-1.877333-5.144381-7.168-15.262476-15.603809-30.524953l-23.747048 13.714286 2.377143 4.120381c13.628952 24.868571 19.553524 47.811048 17.956571 68.498286l-11.434666-2.364953c1.499429-17.700571-4.035048-37.741714-16.542477-60.342857l-26.392381-45.714286 56.685715-32.719238a611.108571 611.108571 0 0 1-12.690286-21.040762l10.154667-5.851428c4.437333 7.68 8.618667 14.592 12.690285 21.028571l25.673143-14.823619c-6.972952-2.56-15.396571-4.473905-25.478095-5.778286l2.816-9.691428z" fill="#2EA222" ></path></symbol><symbol id="icontcz" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF8822" ></path><path d="M361.788952 563.931429l4.681143 8.094476 15.774476-9.118476 7.448381 12.909714-17.980952 10.374095 4.754286 8.240762 45.568-26.307048-4.754286-8.240762-18.249143 10.544762-7.448381-12.909714 15.920762-9.191619-4.681143-8.094476-15.920762 9.191619-6.253714-10.849524-9.337905 5.400381 6.265905 10.849524-15.786667 9.106286z m24.697905 37.705142l20.21181 34.986667 36.498285-21.065143-20.199619-34.998857-36.510476 21.077333z m43.52 10.727619l-19.480381 11.264-10.776381-18.663619 19.492572-11.251809 10.776381 18.651428z m-24.941714-106.910476l-74.24 42.861715 43.739428 75.763809c8.521143 15.396571 12.507429 29.915429 11.702858 43.739429l11.166476 2.523428c1.304381-16.11581-3.437714-33.52381-13.860572-52.199619l-38.278095-66.291809 55.588572-32.085334 54.991238 95.244191c2.620952 4.534857 1.901714 8.045714-1.938286 10.264381-3.84 2.218667-8.167619 4.547048-12.860952 6.887619l7.558095 7.704381 13.177905-7.606857c8.240762-4.754286 9.97181-11.25181 5.302857-19.346286l-62.049524-107.459048z m-106.105905 56.137143l-2.986667 10.691048c13.409524 1.962667 24.624762 4.632381 33.926096 8.045714l2.767238-10.752c-9.874286-3.449905-21.101714-6.107429-33.706667-7.984762z m6.546286 50.017524l5.473524 9.472 19.078095-11.020191 29.952 51.882667c1.26781 2.194286 1.194667 4.62019 0.219428 7.375238l8.923429 6.558476c4.510476-9.923048 8.082286-20.224 10.849524-30.963809l-8.094476-8.313905c-1.511619 5.61981-3.120762 10.76419-4.668953 15.676953l-33.03619-57.222096-28.696381 16.554667zM447.390476 473.514667c11.25181 30.281143 15.152762 57.319619 11.398095 81.249523l11.568762 4.498286c1.182476-7.460571 1.828571-15.518476 1.682286-24.027428 10.642286 10.50819 20.72381 18.773333 30.232381 24.807619a109.372952 109.372952 0 0 1-14.128762 43.654095l10.73981 6.241524a126.439619 126.439619 0 0 0 14.701714-43.617524c5.692952 2.56 11.264 4.291048 16.774095 4.949333 18.017524 2.048 41.240381-4.949333 69.510095-21.272381l15.09181-8.71619-4.022857-11.410286c-7.168 4.693333-14.140952 9.081905-21.284572 13.202286-23.344762 13.116952-42.593524 19.102476-57.660952 17.737143-5.412571-0.52419-11.068952-2.389333-17.298286-5.558857 1.097143-22.223238-3.559619-46.445714-13.726476-72.594286l-5.071238-8.777143-30.744381 17.737143a299.27619 299.27619 0 0 0-7.070476-22.076953l-10.691048 3.974096z m23.515429 46.445714a243.772952 243.772952 0 0 0-3.023238-17.286095l23.734857-13.702096c7.643429 20.845714 11.385905 40.630857 11.300571 59.172572-9.703619-6.656-20.284952-16.103619-32.01219-28.184381z m31.573333-77.165714l59.038476 102.253714 10.020572-5.778286-32.963048-57.10019c11.459048 1.80419 26.087619 5.254095 43.702857 10.093714l0.828953-12.190476a456.350476 456.350476 0 0 0-50.468572-8.192l-20.138666-34.864762-10.020572 5.790476z m114.029714-67.462096l14.262858 24.697905-49.12762 28.367238 37.229715 64.49981 9.874285-5.705143-4.985904-8.643048 39.253333-22.662095 27.026286 46.811429 10.154666-5.87581-27.026285-46.799238 39.399619-22.735238 4.998095 8.643048 9.874286-5.705143-37.241905-64.49981-49.273905 28.440381-14.262857-24.697905-10.154667 5.851429z m1.706667 93.622858l-21.150476-36.656762 39.253333-22.662096 21.150476 36.644572-39.253333 22.674286z m49.408-28.525715l-21.150476-36.656762 39.387428-22.735238 21.162667 36.644572-39.399619 22.735238z" fill="#FF8822" ></path></symbol><symbol id="iconwtc" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF4466" ></path><path d="M339.358476 536.807619l10.849524 18.797714-46.104381 26.624 5.546667 9.606096 46.104381-26.624 14.031238 24.295619-54.345143 31.378285 5.546667 9.606096 45.421714-26.233905c0.975238 24.502857-6.070857 49.078857-21.052953 73.825524l10.934858 5.948952c14.933333-28.013714 20.918857-55.990857 17.798095-84.21181l1.243428-0.707047 36.132572 62.585905 10.154667-5.863619-36.132572-62.585905 1.097143-0.633905c20.784762 15.079619 47.664762 23.905524 80.493714 26.904381l1.792-12.751238c-30.354286-0.585143-55.149714-6.765714-74.325333-18.748952l45.287619-26.148572-5.546667-9.606095-54.345143 31.378286-14.019047-24.295619 47.067428-27.184762-5.546666-9.606096-47.067429 27.184762-10.849524-18.797714-10.166857 5.851429z m161.316572-53.065143l4.681142 8.094476 15.786667-9.118476 7.436191 12.909714-17.968762 10.374096 4.754285 8.240762 45.568-26.307048-4.754285-8.240762-18.261334 10.544762-7.43619-12.909714 15.908571-9.191619-4.668952-8.094477-15.920762 9.19162-6.265905-10.849524-9.325714 5.400381 6.253714 10.849523-15.786666 9.106286z m24.710095 37.705143l20.199619 34.986667 36.510476-21.065143-20.211809-34.998857-36.498286 21.077333z m43.52 10.727619l-19.480381 11.264-10.776381-18.663619 19.480381-11.251809 10.776381 18.651428z m-24.941714-106.910476L469.699048 468.114286l43.739428 75.763809c8.521143 15.396571 12.519619 29.915429 11.702857 43.739429l11.166477 2.523428c1.304381-16.11581-3.425524-33.52381-13.848381-52.199619l-38.278096-66.291809 55.588572-32.085334 54.979047 95.244191c2.620952 4.534857 1.913905 8.045714-1.926095 10.264381-3.85219 2.218667-8.17981 4.547048-12.873143 6.887619l7.558096 7.704381 13.177904-7.606857c8.240762-4.754286 9.984-11.25181 5.302857-19.346286l-62.049523-107.459048z m-106.118096 56.137143l-2.974476 10.691047c13.397333 1.962667 24.624762 4.632381 33.926095 8.045715l2.755048-10.752c-9.862095-3.449905-21.089524-6.107429-33.706667-7.984762z m6.558477 50.017524l5.461333 9.472 19.078095-11.020191 29.952 51.882667c1.26781 2.194286 1.194667 4.62019 0.231619 7.375238l8.911238 6.558476c4.510476-9.923048 8.082286-20.224 10.849524-30.963809l-8.094476-8.313905c-1.511619 5.61981-3.120762 10.76419-4.668953 15.676952l-33.03619-57.222095-28.68419 16.554667z m210.748952-178.224762a142.750476 142.750476 0 0 1 25.6 5.363809l-2.681905 9.947429 16.749714-9.667048 5.473524 9.472-42.276571 24.405333c10.788571 16.457143 20.333714 28.891429 28.525714 37.339429 2.80381 2.950095 5.571048 5.558857 8.289524 8.021333 0.512-14.945524-1.450667-31.012571-5.668572-48.152381l11.142096-1.304381c4.961524 21.284571 6.704762 40.777143 5.046857 58.197334 4.461714 3.291429 8.740571 5.936762 12.763428 7.826286 8.326095 3.974095 13.933714 5.12 16.676572 3.535238 2.389333-1.560381 0.609524-10.044952-5.485714-25.356191l11.763809-0.219428c7.241143 20.150857 7.887238 32.048762 1.706667 35.608381-5.753905 3.328-14.311619 2.779429-25.648762-1.657905a80.323048 80.323048 0 0 1-13.446095-7.436191 109.238857 109.238857 0 0 1-19.102477 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.163429-47.299048 179.163429 179.163429 0 0 1-14.713905-13.458285c-9.679238-9.788952-19.919238-23.088762-30.927238-39.619048l-47.067428 27.184762 13.153523 22.79619 33.621334-19.419428 3.949714 7.119238c10.691048 19.431619 16.920381 32.646095 18.797714 39.582476 1.633524 6.92419-0.877714 12.409905-7.582476 16.64-3.291429 1.901714-7.43619 3.925333-11.983238 6.192762l-8.167619-7.192381c5.510095-2.80381 10.118095-5.278476 13.824-7.424 2.925714-1.877333 3.657143-5.046857 2.267429-9.362286-1.865143-5.144381-7.15581-15.262476-15.60381-30.524952l-23.734857 13.714286 2.377143 4.120381c13.628952 24.868571 19.553524 47.811048 17.956571 68.498285l-11.434667-2.364952c1.487238-17.700571-4.047238-37.741714-16.542476-60.342857l-26.392381-45.714286 56.685715-32.719238a611.108571 611.108571 0 0 1-12.690286-21.040762l10.154667-5.851428c4.437333 7.68 8.606476 14.592 12.690285 21.028571l25.660953-14.823619c-6.960762-2.56-15.384381-4.473905-25.478096-5.778286l2.828191-9.691428z" fill="#FF4466" ></path></symbol><symbol id="iconweitianbao" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF8822" ></path><path d="M339.358476 536.807619l10.849524 18.797714-46.104381 26.624 5.546667 9.606096 46.104381-26.624 14.031238 24.295619-54.345143 31.378285 5.546667 9.606096 45.421714-26.233905c0.975238 24.502857-6.070857 49.078857-21.052953 73.825524l10.934858 5.948952c14.933333-28.013714 20.918857-55.990857 17.798095-84.21181l1.243428-0.707047 36.132572 62.585905 10.154667-5.863619-36.132572-62.585905 1.097143-0.633905c20.784762 15.079619 47.664762 23.905524 80.493714 26.904381l1.792-12.751238c-30.354286-0.585143-55.149714-6.765714-74.325333-18.748952l45.287619-26.148572-5.546667-9.606095-54.345143 31.378286-14.019047-24.295619 47.067428-27.184762-5.546666-9.606096-47.067429 27.184762-10.849524-18.797714-10.166857 5.851429z m130.986667-62.817524l4.998095 8.643048 33.889524-19.577905 2.56 6.412191c0.414476 1.097143 0.828952 2.194286 1.219048 3.303619l-24.56381 14.189714 36.608 63.402667-12.763429 7.375238 5.071239 8.777143 86.881523-50.15162-5.071238-8.777142-12.629333 7.277714-36.608-63.402667-27.452952 15.847619-2.54781-6.41219c-0.414476-1.097143-0.828952-2.194286-1.219048-3.303619l33.889524-19.577905-4.998095-8.643048-32.792381 18.944-4.425143-9.886476-10.410667 4.169143 5.229715 11.264-34.864762 20.114286z m64.048762 70.985143l-5.156572-8.923428 42.825143-24.722286 5.144381 8.923428-42.812952 24.722286z m-9.264762-16.054857l-4.839619-8.374857 42.812952-24.722286 4.839619 8.374857-42.825143 24.722286z m-8.96-15.506286l-4.839619-8.374857 42.825143-24.722286 4.827428 8.374858-42.812952 24.722285z m-8.874667-15.37219l-4.998095-8.655238 42.825143-24.722286 4.998095 8.655238-42.825143 24.722286z m69.924572 36.486095l-2.925715 9.191619c12.55619-0.121905 25.112381 1.048381 37.546667 3.559619l2.084571-10.337524c-12.190476-2.108952-24.380952-2.937905-36.705523-2.413714z m-30.415238 17.371429c-4.022857 11.093333-10.300952 22.418286-18.968381 34.011428l10.179047 3.998476c8.704-12.166095 14.945524-24.173714 18.773334-35.913143l-9.984-2.096761z m-106.142477-29.488762l5.388191 9.337904 15.37219-8.874666 26.392381 45.702095c-4.705524 4.547048-9.48419 8.94781-14.336 13.214476l7.936 8.045714a298.642286 298.642286 0 0 0 30.598095-33.219047l-5.619809-9.752381c-3.425524 4.547048-7.070476 9.020952-10.776381 13.360762l-24.722286-42.825143 14.140953-8.167619-5.388191-9.325714-14.140952 8.167619-19.102476-33.072762-9.45981 5.461333 19.090286 33.072762-15.36 8.874667z m197.583238-85.333334c-3.632762 5.753905-7.41181 11.227429-11.422476 16.652191l-16.164571-28.001524 15.36-8.874667-5.461334-9.459809-15.36 8.874666-14.34819-24.84419-9.752381 5.61981 14.348191 24.84419-19.894858 11.495619 5.461334 9.45981 19.907047-11.483429 18.383238 31.841524c-5.717333 6.582857-11.715048 12.982857-18.236952 19.126857l8.094476 8.313905c5.400381-5.851429 10.727619-11.861333 15.689143-17.834667l19.968 34.584381c2.218667 3.84 1.487238 7.009524-2.218667 9.142857-3.705905 2.145524-7.716571 4.096-11.934476 5.973333l7.66781 8.204191 12.763428-7.363048c7.960381-4.59581 9.557333-11.02019 4.803048-19.260952l-23.612952-40.886857c4.096-5.290667 7.875048-10.76419 11.580952-16.384l-5.607619-9.752381z m21.869715-1.097143l7.960381-4.608c9.813333 11.910095 22.625524 20.796952 38.595047 26.575239a83.44381 83.44381 0 0 1-12.495238 29.720381l9.801143 5.875809a89.84381 89.84381 0 0 0 13.409524-32.256c9.947429 2.669714 21.174857 4.059429 33.560381 4.583619l2.230857-11.337143c-12.690286 0.182857-24.124952-0.902095-34.352762-3.413333 1.194667-14.409143-1.219048-29.671619-6.863238-45.81181L707.047619 396.8l-52.163048 30.110476-23.137523-40.070095 41.447619-23.929905 2.56 4.876191c3.072 6.058667 4.888381 10.361905 5.327238 12.897523 0 2.194286-0.694857 3.876571-1.877334 5.290667-1.487238 1.219048-3.937524 3.011048-7.241142 4.912762l-3.657143 2.048c-1.706667 0.926476-3.193905 1.731048-4.510476 2.486857l7.728761 7.070476 9.886477-5.717333c8.777143-5.071238 12.495238-10.691048 11.288381-16.579048-1.426286-5.948952-6.460952-16.579048-15.262477-31.817142l-60.245333 34.791619 69.412571 120.222476 9.325715-5.388191-35.815619-62.037333z m16.883809-9.75238l25.807238-14.896762c4.022857 12.678095 5.753905 24.856381 5.095619 36.400762a72.655238 72.655238 0 0 1-30.902857-21.504z" fill="#FF8822" ></path></symbol><symbol id="iconyitianbao" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#2EA222" ></path><path d="M425.99619 568.953905l-31.695238-54.905905-101.571047 58.63619 5.546666 9.606096 91.550477-52.845715 20.675047 35.815619-76.166095 43.983239-11.727238-20.309334-9.874286 5.705143 41.593905 72.045714c6.497524 11.25181 15.311238 13.848381 26.428952 7.436191l74.386286-42.947048c5.607619-3.608381 9.264762-7.728762 10.617905-12.361143 1.231238-5.461333-2.29181-16.969143-10.752-34.779428l-11.337143 2.523428c7.887238 15.579429 11.166476 25.392762 9.849905 29.44-1.097143 2.840381-3.376762 5.241905-6.668191 7.15581l-68.900571 39.777524c-6.314667 3.644952-11.288381 2.31619-14.774857-3.730286l-23.381334-40.484571 86.186667-49.761524z m44.348953-94.96381l4.998095 8.643048 33.889524-19.577905 2.56 6.412191c0.414476 1.097143 0.828952 2.194286 1.219048 3.303619l-24.56381 14.189714 36.608 63.402667-12.763429 7.375238 5.071239 8.777143 86.881523-50.15162-5.071238-8.777142-12.629333 7.277714-36.608-63.402667-27.452952 15.847619-2.54781-6.41219c-0.414476-1.097143-0.828952-2.194286-1.219048-3.303619l33.889524-19.577905-4.998095-8.643048-32.792381 18.944-4.425143-9.886476-10.410667 4.169143 5.229715 11.264-34.864762 20.114286z m64.048762 70.985143l-5.156572-8.923428 42.825143-24.722286 5.144381 8.923428-42.812952 24.722286z m-9.264762-16.054857l-4.839619-8.374857 42.812952-24.722286 4.839619 8.374857-42.825143 24.722286z m-8.96-15.506286l-4.839619-8.374857 42.825143-24.722286 4.827428 8.374858-42.812952 24.722285z m-8.874667-15.37219l-4.998095-8.655238 42.825143-24.722286 4.998095 8.655238-42.825143 24.722286z m69.924572 36.486095l-2.925715 9.191619c12.55619-0.121905 25.112381 1.048381 37.546667 3.559619l2.084571-10.337524c-12.190476-2.108952-24.380952-2.937905-36.705523-2.413714z m-30.415238 17.371429c-4.022857 11.093333-10.300952 22.418286-18.968381 34.011428l10.179047 3.998476c8.704-12.166095 14.945524-24.173714 18.773334-35.913143l-9.984-2.096761z m-106.142477-29.488762l5.388191 9.337904 15.37219-8.874666 26.392381 45.702095c-4.705524 4.547048-9.48419 8.94781-14.336 13.214476l7.936 8.045714a298.642286 298.642286 0 0 0 30.598095-33.219047l-5.619809-9.752381c-3.425524 4.547048-7.070476 9.020952-10.776381 13.360762l-24.722286-42.825143 14.140953-8.167619-5.388191-9.325714-14.140952 8.167619-19.102476-33.072762-9.45981 5.461333 19.090286 33.072762-15.36 8.874667z m197.583238-85.333334c-3.632762 5.753905-7.41181 11.227429-11.422476 16.652191l-16.164571-28.001524 15.36-8.874667-5.461334-9.459809-15.36 8.874666-14.34819-24.84419-9.752381 5.61981 14.348191 24.84419-19.894858 11.495619 5.461334 9.45981 19.907047-11.483429 18.383238 31.841524c-5.717333 6.582857-11.715048 12.982857-18.236952 19.126857l8.094476 8.313905c5.400381-5.851429 10.727619-11.861333 15.689143-17.834667l19.968 34.584381c2.218667 3.84 1.487238 7.009524-2.218667 9.142857-3.705905 2.145524-7.716571 4.096-11.934476 5.973333l7.66781 8.204191 12.763428-7.363048c7.960381-4.59581 9.557333-11.02019 4.803048-19.260952l-23.612952-40.886857c4.096-5.290667 7.875048-10.76419 11.580952-16.384l-5.607619-9.752381z m21.869715-1.097143l7.960381-4.608c9.813333 11.910095 22.625524 20.796952 38.595047 26.575239a83.44381 83.44381 0 0 1-12.495238 29.720381l9.801143 5.875809a89.84381 89.84381 0 0 0 13.409524-32.256c9.947429 2.669714 21.174857 4.059429 33.560381 4.583619l2.230857-11.337143c-12.690286 0.182857-24.124952-0.902095-34.352762-3.413333 1.194667-14.409143-1.219048-29.671619-6.863238-45.81181L707.047619 396.8l-52.163048 30.110476-23.137523-40.070095 41.447619-23.929905 2.56 4.876191c3.072 6.058667 4.888381 10.361905 5.327238 12.897523 0 2.194286-0.694857 3.876571-1.877334 5.290667-1.487238 1.219048-3.937524 3.011048-7.241142 4.912762l-3.657143 2.048c-1.706667 0.926476-3.193905 1.731048-4.510476 2.486857l7.728761 7.070476 9.886477-5.717333c8.777143-5.071238 12.495238-10.691048 11.288381-16.579048-1.426286-5.948952-6.460952-16.579048-15.262477-31.817142l-60.245333 34.791619 69.412571 120.222476 9.325715-5.388191-35.815619-62.037333z m16.883809-9.75238l25.807238-14.896762c4.022857 12.678095 5.753905 24.856381 5.095619 36.400762a72.655238 72.655238 0 0 1-30.902857-21.504z" fill="#2EA222" ></path></symbol><symbol id="iconweishangbao" viewBox="0 0 1024 1024"><path d="M313.904762 174.982095c141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.646095 0.487619 1.158095 1.097143 1.536 1.767619l103.728762-59.904 146.285714 253.366857-103.740953 59.891809a6.083048 6.083048 0 0 1 0.768 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.523809-1.755429l-103.740953 59.891809-146.285714-253.366857 103.740953-59.879619a6.083048 6.083048 0 0 1-0.768-2.218666c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953z m578.803809 292.230095l-82.809904 47.811048a6.070857 6.070857 0 0 1 0.816762 3.047619c0 8.289524-0.365714 16.591238-1.060572 24.868572a6.095238 6.095238 0 0 1-12.141714-1.036191c0.560762-6.741333 0.902095-13.507048 0.975238-20.284952l-426.666667 246.332952 5.400381 2.986667c4.693333 2.486857 9.447619 4.85181 14.262857 7.070476a6.095238 6.095238 0 0 1-5.12 11.068952 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718095l-83.797334 48.371809 2.243048 1.706667c122.026667 92.550095 289.03619 104.618667 424.192 26.575238 135.984762-78.506667 209.103238-230.546286 188.708571-383.427048zM666.209524 759.527619a6.095238 6.095238 0 1 1 6.558476 10.276571 303.676952 303.676952 0 0 1-21.601524 12.556191 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.056381z m-87.686095 37.290667c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905a6.095238 6.095238 0 0 1 3.827809 11.580952c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861333z m150.930285-82.773334a6.095238 6.095238 0 0 1 0.268191 8.618667c-5.680762 6.034286-11.617524 11.836952-17.798095 17.39581a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700953a6.095238 6.095238 0 0 1 8.618666-0.256zM507.343238 804.571429c7.972571 0.121905 15.932952-0.060952 23.881143-0.597334a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476z m264.204191-151.247239a6.095238 6.095238 0 0 1 2.425904 8.277334c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619a6.095238 6.095238 0 0 1 8.265143-2.425905zM435.870476 794.270476c7.68 2.121143 15.433143 3.913143 23.259429 5.388191a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.76381z m361.081905-209.554286a6.095238 6.095238 0 0 1 4.388571 7.436191c-2.06019 8.033524-4.449524 15.969524-7.155809 23.82019a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143a6.095238 6.095238 0 0 1 7.424-4.388571z m59.733333-420.461714l-823.466666 475.428572 134.095238 232.252952 823.466666-475.428571-134.095238-232.252953zM320 185.539048C184.015238 264.045714 110.896762 416.097524 131.291429 568.990476l82.809904-47.811047a6.070857 6.070857 0 0 1-0.816762-3.05981c0-8.289524 0.365714-16.591238 1.060572-24.868571a6.095238 6.095238 0 1 1 12.141714 1.03619c-0.572952 6.753524-0.902095 13.519238-0.975238 20.297143l426.666667-246.345143-5.400381-2.986667a286.96381 286.96381 0 0 0-14.262857-7.070476 6.095238 6.095238 0 0 1 5.12-11.068952c7.533714 3.486476 14.921143 7.277714 22.137904 11.373714 1.462857 0.853333 2.462476 2.206476 2.876953 3.730286l83.772952-48.384-2.230857-1.706667c-122.026667-92.550095-289.03619-104.618667-424.192-26.575238z m-82.41981 230.912a6.095238 6.095238 0 0 1 3.754667 7.765333 288.26819 288.26819 0 0 0-6.863238 22.857143 6.095238 6.095238 0 1 1-11.824762-3.023238c2.072381-8.045714 4.461714-15.993905 7.168-23.832381a6.095238 6.095238 0 0 1 7.765333-3.766857zM567.125333 224.548571c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.76381c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819a6.095238 6.095238 0 0 1 2.255238-11.983239zM271.311238 351.536762a6.095238 6.095238 0 0 1 1.718857 8.435809c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619a6.095238 6.095238 0 1 1-10.691047-5.851428c3.986286-7.277714 8.265143-14.384762 12.836571-21.321143a6.095238 6.095238 0 0 1 8.448-1.718857zM491.971048 220.038095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190477 285.830095 285.830095 0 0 0-23.868952 0.585142 6.095238 6.095238 0 0 1-0.804571-12.166095z m-171.276191 76.556191a6.095238 6.095238 0 0 1-0.463238 8.594285c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700953a6.095238 6.095238 0 0 1-8.886857-8.362667c5.680762-6.034286 11.617524-11.836952 17.798095-17.395809a6.095238 6.095238 0 0 1 8.606477 0.451047z m97.987048-62.281143c7.899429-2.596571 15.896381-4.87619 23.954285-6.802286a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905a6.095238 6.095238 0 1 1-3.827809-11.580952z m-56.112762 25.185524c3.449905-1.987048 6.826667-3.864381 10.264381-5.668572a6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381 6.095238 6.095238 0 1 1-6.558476-10.276571c3.718095-2.377143 7.497143-4.668952 11.337143-6.887619z" fill="#FF8822" ></path><path d="M339.358476 536.807619l10.849524 18.797714-46.104381 26.624 5.546667 9.606096 46.104381-26.624 14.031238 24.295619-54.345143 31.378285 5.546667 9.606096 45.421714-26.233905c0.975238 24.502857-6.070857 49.078857-21.052953 73.825524l10.934858 5.948952c14.933333-28.013714 20.918857-55.990857 17.798095-84.21181l1.243428-0.707047 36.132572 62.585905 10.154667-5.863619-36.132572-62.585905 1.097143-0.633905c20.784762 15.079619 47.664762 23.905524 80.493714 26.904381l1.792-12.751238c-30.354286-0.585143-55.149714-6.765714-74.325333-18.748952l45.287619-26.148572-5.546667-9.606095-54.345143 31.378286-14.019047-24.295619 47.067428-27.184762-5.546666-9.606096-47.067429 27.184762-10.849524-18.797714-10.166857 5.851429z m132.120381-77.019429l63.951238 110.762667-49.408 28.525714 5.546667 9.606096 122.148571-70.521905-5.546666-9.606095-62.585905 36.132571-33.913905-58.745905 50.919619-29.403428-5.546666-9.606095-50.91962 29.403428-24.490666-42.410667-10.154667 5.863619z m166.765714-22.723047c-3.632762 5.766095-7.41181 11.239619-11.422476 16.664381l-16.164571-28.001524 15.36-8.874667-5.461334-9.459809-15.36 8.874666-14.34819-24.84419-9.752381 5.61981 14.348191 24.84419-19.894858 11.495619 5.461334 9.45981 19.907047-11.483429 18.383238 31.841524c-5.717333 6.582857-11.715048 12.982857-18.236952 19.126857l8.094476 8.313905c5.400381-5.851429 10.727619-11.861333 15.689143-17.834667l19.968 34.584381c2.218667 3.84 1.487238 7.009524-2.218667 9.142857-3.705905 2.145524-7.716571 4.096-11.934476 5.973333l7.66781 8.204191 12.763428-7.363048c7.960381-4.59581 9.557333-11.02019 4.803048-19.260952l-23.612952-40.886857c4.096-5.290667 7.875048-10.76419 11.580952-16.384l-5.607619-9.752381z m21.869715-1.097143l7.960381-4.59581c9.813333 11.910095 22.625524 20.796952 38.595047 26.575239a83.44381 83.44381 0 0 1-12.495238 29.720381l9.801143 5.875809a89.84381 89.84381 0 0 0 13.409524-32.256c9.947429 2.669714 21.174857 4.059429 33.560381 4.583619l2.230857-11.337143c-12.690286 0.182857-24.124952-0.902095-34.352762-3.413333 1.194667-14.409143-1.219048-29.671619-6.863238-45.81181L707.047619 396.8l-52.163048 30.110476-23.137523-40.070095 41.447619-23.929905 2.56 4.876191c3.072 6.058667 4.888381 10.361905 5.327238 12.897523 0 2.194286-0.694857 3.876571-1.877334 5.290667-1.487238 1.219048-3.937524 3.011048-7.241142 4.912762l-3.657143 2.048c-1.706667 0.926476-3.193905 1.731048-4.510476 2.486857l7.728761 7.070476 9.886477-5.717333c8.777143-5.071238 12.495238-10.691048 11.288381-16.579048-1.426286-5.948952-6.460952-16.579048-15.262477-31.817142l-60.245333 34.791619 69.412571 120.222476 9.325715-5.388191-35.815619-62.037333z m16.883809-9.752381l25.807238-14.884571c4.022857 12.678095 5.753905 24.856381 5.095619 36.400762a72.655238 72.655238 0 0 1-30.902857-21.504z" fill="#FF8822" ></path></symbol><symbol id="iconBe_Reported" viewBox="0 0 1024 1024"><path d="M810.069333 512.896a234.666667 234.666667 0 0 0-225.322666 348.8l-115.498667 71.125333a7.04 7.04 0 0 0-1.92 0.768 44.117333 44.117333 0 0 1-9.770667 3.84 39.594667 39.594667 0 0 1-9.088 1.109334l0.170667 0.128h-1.877333 0.128a41.173333 41.173333 0 0 1-8.832-1.408 41.984 41.984 0 0 1-12.330667-5.290667l-322.688-198.784a34.730667 34.730667 0 0 1-17.28-29.525333L85.333333 403.2a25.344 25.344 0 0 1 0.384-3.541333l0.170667-2.56c0-0.64-0.170667-1.408-0.298667-2.133334 0-12.202667 6.570667-23.466667 17.237334-29.824a1353.301333 1353.301333 0 0 1 164.48-100.266666 30.293333 30.293333 0 0 1 14.08-3.541334 39.338667 39.338667 0 0 1 35.029333 29.013334 32 32 0 0 1-14.250667 38.186666 2576.597333 2576.597333 0 0 1-97.28 59.434667l-11.52 6.613333 254.634667 157.44 254.72-157.44-11.733333-6.613333a2038.442667 2038.442667 0 0 1-97.792-59.562667 22.186667 22.186667 0 0 1-8.917334-27.264c5.717333-18.048 22.016-30.976 41.258667-32.682666a31.146667 31.146667 0 0 1 16.213333 4.565333c78.464 47.146667 151.381333 92.16 151.381334 92.16 10.666667 6.272 17.194667 17.493333 17.322666 29.653333a32.554667 32.554667 0 0 1-0.981333 6.954667l-0.256 1.28 0.554667 4.693333 0.298666 105.173334zM447.573333 411.648a38.826667 38.826667 0 0 1-39.253333-38.4v-199.68l-39.253333 38.4a39.893333 39.893333 0 0 1-55.509334 0 37.76 37.76 0 0 1 0-54.186667L419.84 53.76a40.106667 40.106667 0 0 1 55.466667 0l106.24 103.936c7.424 7.168 11.562667 16.938667 11.52 27.136a38.314667 38.314667 0 0 1-24.192 35.498667 39.850667 39.850667 0 0 1-42.752-8.362667l-39.338667-38.4v199.637333a38.826667 38.826667 0 0 1-39.253333 38.4z" fill="#3D94FB" ></path><path d="M789.333333 938.666667a192 192 0 1 1 0-384 192 192 0 0 1 0 384z" fill="#94C1FF" ></path><path d="M810.666667 653.354667a21.333333 21.333333 0 1 0-42.666667 0v109.781333a21.333333 21.333333 0 0 0 8.106667 16.768l60.970666 48.042667a21.333333 21.333333 0 0 0 26.410667-33.493334L810.666667 752.810667v-99.413334z" fill="#FFFFFF" ></path></symbol><symbol id="iconyishangbao" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#2EA222" ></path><path d="M425.99619 568.953905l-86.186666 49.761524 23.369143 40.472381c3.486476 6.046476 8.46019 7.387429 14.774857 3.742476l68.900571-39.777524c3.291429-1.901714 5.558857-4.315429 6.668191-7.15581 1.316571-4.047238-1.962667-13.860571-9.862096-29.44l11.349334-2.523428c8.46019 17.810286 11.983238 29.318095 10.752 34.779428-1.353143 4.632381-5.010286 8.752762-10.617905 12.361143l-74.386286 42.947048c-11.117714 6.41219-19.931429 3.815619-26.428952-7.436191l-41.606095-72.045714 9.874285-5.705143 11.739429 20.309334 76.166095-43.983239-20.675047-35.815619-91.550477 52.845715-5.546666-9.606096 101.571047-58.63619 31.695238 54.905905z m45.482667-109.165715l10.154667-5.851428 24.490666 42.398476 50.91962-29.403428 5.546666 9.606095-50.919619 29.403428 33.913905 58.745905 62.585905-36.132571 5.546666 9.606095-122.148571 70.521905-5.546667-9.606096 49.408-28.525714-63.951238-110.762667z m166.765714-22.723047l5.632 9.752381c-3.718095 5.607619-7.497143 11.093333-11.580952 16.384l23.600762 40.899047c4.754286 8.228571 3.157333 14.652952-4.803048 19.248762l-12.763428 7.363048-7.66781-8.204191c4.217905-1.877333 8.228571-3.82781 11.934476-5.973333 3.705905-2.133333 4.437333-5.302857 2.218667-9.142857l-19.968-34.584381c-4.973714 5.973333-10.288762 11.971048-15.689143 17.834667l-8.094476-8.313905a260.486095 260.486095 0 0 0 18.236952-19.139048l-18.383238-31.829333-19.907047 11.483429-5.461334-9.45981 19.894858-11.495619-14.336-24.84419 9.74019-5.61981 14.336 24.84419 15.37219-8.874666 5.473524 9.459809-15.37219 8.874667 16.164571 28.001524c4.010667-5.424762 7.801905-10.898286 11.422476-16.664381z m21.869715-1.097143l35.815619 62.037333-9.325715 5.388191-69.412571-120.222476 60.245333-34.791619c8.801524 15.238095 13.83619 25.86819 15.262477 31.817142 1.206857 5.888-2.511238 11.50781-11.288381 16.579048l-9.874286 5.705143-7.740952-7.070476c2.194286-1.255619 4.87619-2.620952 8.167619-4.522667s5.753905-3.681524 7.241142-4.912762a7.899429 7.899429 0 0 0 1.877334-5.290667c-0.548571-3.169524-3.242667-9.106286-7.887238-17.773714l-41.447619 23.929905 23.137523 40.070095L707.047619 396.8l4.912762 8.508952c5.64419 16.14019 8.045714 31.402667 6.863238 45.81181 10.24 2.511238 21.662476 3.59619 34.352762 3.413333l-2.230857 11.337143c-12.385524-0.52419-23.612952-1.913905-33.572572-4.583619a89.84381 89.84381 0 0 1-13.409523 32.256l-9.788953-5.875809a83.44381 83.44381 0 0 0 12.495238-29.708191c-15.969524-5.790476-28.781714-14.677333-38.595047-26.575238l-7.960381 4.583619z m16.883809-9.752381a72.655238 72.655238 0 0 0 30.902857 21.516191c0.658286-11.544381-1.072762-23.722667-5.095619-36.400762l-25.807238 14.896762z" fill="#2EA222" ></path></symbol><symbol id="iconTotal_Submissions" viewBox="0 0 1024 1024"><path d="M469.333333 128v384h384a384 384 0 1 1-384-384z" fill="#3D94FB" ></path><path d="M554.666667 42.666667a384 384 0 0 1 384 384h-384V42.666667z" fill="#94C1FF" ></path></symbol><symbol id="iconStatement" viewBox="0 0 1024 1024"><path d="M810.666667 256a85.333333 85.333333 0 0 1 85.333333 85.333333v512a85.333333 85.333333 0 0 1-85.333333 85.333334H384a85.333333 85.333333 0 0 1-85.333333-85.333334h426.666666a85.333333 85.333333 0 0 0 85.333334-85.333333V256z" fill="#94C1FF" ></path><path d="M170.666667 128m85.333333 0l426.666667 0q85.333333 0 85.333333 85.333333l0 512q0 85.333333-85.333333 85.333334l-426.666667 0q-85.333333 0-85.333333-85.333334l0-512q0-85.333333 85.333333-85.333333Z" fill="#3D94FB" ></path><path d="M256 256m21.333333 0l42.666667 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-42.666667 0q-21.333333 0-21.333333-21.333333l0-42.666667q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M256 426.666667m21.333333 0l42.666667 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-42.666667 0q-21.333333 0-21.333333-21.333333l0-42.666667q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M256 597.333333m21.333333 0l42.666667 0q21.333333 0 21.333333 21.333334l0 42.666666q0 21.333333-21.333333 21.333334l-42.666667 0q-21.333333 0-21.333333-21.333334l0-42.666666q0-21.333333 21.333333-21.333334Z" fill="#CAE0FE" ></path><path d="M426.666667 256m21.333333 0l213.333333 0q21.333333 0 21.333334 21.333333l0 42.666667q0 21.333333-21.333334 21.333333l-213.333333 0q-21.333333 0-21.333333-21.333333l0-42.666667q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M426.666667 426.666667m21.333333 0l213.333333 0q21.333333 0 21.333334 21.333333l0 42.666667q0 21.333333-21.333334 21.333333l-213.333333 0q-21.333333 0-21.333333-21.333333l0-42.666667q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M426.666667 597.333333m21.333333 0l213.333333 0q21.333333 0 21.333334 21.333334l0 42.666666q0 21.333333-21.333334 21.333334l-213.333333 0q-21.333333 0-21.333333-21.333334l0-42.666666q0-21.333333 21.333333-21.333334Z" fill="#CAE0FE" ></path></symbol><symbol id="iconSpecial" viewBox="0 0 1024 1024"><path d="M159.445333 204.757333l384-104.746666A42.666667 42.666667 0 0 1 597.333333 141.226667V938.666667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V245.930667a42.666667 42.666667 0 0 1 31.445333-41.173334z" fill="#3D94FB" ></path><path d="M213.333333 341.333333m42.666667 0l213.333333 0q42.666667 0 42.666667 42.666667l0 42.666667q0 42.666667-42.666667 42.666666l-213.333333 0q-42.666667 0-42.666667-42.666666l0-42.666667q0-42.666667 42.666667-42.666667Z" fill="#CAE0FE" ></path><path d="M213.333333 640m42.666667 0l213.333333 0q42.666667 0 42.666667 42.666667l0 42.666666q0 42.666667-42.666667 42.666667l-213.333333 0q-42.666667 0-42.666667-42.666667l0-42.666666q0-42.666667 42.666667-42.666667Z" fill="#CAE0FE" ></path><path d="M910.976 373.632L597.333333 256v682.666667h298.666667a42.666667 42.666667 0 0 0 42.666667-42.666667V413.568a42.666667 42.666667 0 0 0-27.690667-39.936z" fill="#94C1FF" ></path><path d="M682.666667 512m42.666666 0l85.333334 0q42.666667 0 42.666666 42.666667l0 42.666666q0 42.666667-42.666666 42.666667l-85.333334 0q-42.666667 0-42.666666-42.666667l0-42.666666q0-42.666667 42.666666-42.666667Z" fill="#CAE0FE" ></path></symbol><symbol id="iconliudongdangyuan" viewBox="0 0 1024 1024"><path d="M85.333333 597.333333l257.237334 298.666667h144.341333l-148.906667-184.448H938.666667V597.333333zM524.970667 128l158.976 180.693333H85.333333V426.666667h853.333334l-261.248-298.666667z" fill="#FF190A" ></path></symbol><symbol id="iconyubeidangyuan" viewBox="0 0 1024 1024"><path d="M85.333333 170.666667h853.333334v128H85.333333zM85.333333 426.666667h853.333334v128H85.333333zM85.333333 725.333333h853.333334v128H85.333333z" fill="#FF190A" ></path></symbol><symbol id="iconjijifenzi" viewBox="0 0 1024 1024"><path d="M813.653333 210.346667A423.722667 423.722667 0 0 0 512 85.333333a423.765333 423.765333 0 0 0-301.653333 125.013334A423.765333 423.765333 0 0 0 85.333333 512a423.765333 423.765333 0 0 0 125.013334 301.653333A423.765333 423.765333 0 0 0 512 938.666667a423.722667 423.722667 0 0 0 301.653333-125.013334A423.765333 423.765333 0 0 0 938.666667 512a423.765333 423.765333 0 0 0-125.013334-301.653333" fill="#FF190A" ></path><path d="M739.626667 473.514667l-85.418667 83.285333 20.138667 117.546667a39.552 39.552 0 0 1-15.914667 39.04 39.68 39.68 0 0 1-42.026667 2.986666l-105.642666-55.466666-105.642667 55.466666a39.850667 39.850667 0 1 1-57.941333-42.026666l20.266666-117.632-85.418666-83.285334a39.466667 39.466667 0 0 1-10.112-40.96 39.594667 39.594667 0 0 1 32.256-27.093333l117.973333-17.152 52.821333-106.965333a39.552 39.552 0 0 1 35.84-22.229334c15.36 0 29.013333 8.533333 35.754667 22.229334L599.381333 388.266667l118.016 17.152a39.594667 39.594667 0 0 1 32.213334 27.221333 39.338667 39.338667 0 0 1-9.984 40.96" fill="#FFFFFF" ></path></symbol><symbol id="icondangyuan" viewBox="0 0 1024 1024"><path d="M512.298667 85.461333c220.16 82.602667 353.792 346.496 239.36 560.341334L472.32 365.184l106.624-107.008-66.688-66.346667c-36.821333 36.010667-95.274667 43.690667-134.698667 27.818667l-212.309333 212.437333 120.234667 119.765334 80.128-79.786667 279.253333 280.149333c-136.661333 75.008-326.058667 51.370667-465.877333-93.866666l-67.669334 67.498666c20.266667 28.117333 37.248 53.589333 58.368 74.965334-1.834667 2.176-7.637333 6.954667-7.722666 7.082666-3.584-0.554667-7.765333-1.962667-11.52-1.962666-36.010667 0-65.109333 31.36-65.109334 67.413333C85.333333 909.312 114.688 938.666667 150.741333 938.666667c36.010667 0 66.816-29.610667 66.816-65.621334 0-4.224-0.938667-8.064-1.664-12.032l10.410667-10.197333c160.725333 108.373333 336.853333 121.898667 526.378667 8.490667l78.250666 78.506666 107.136-105.642666-78.762666-79.573334c226.048-340.650667-75.349333-675.285333-347.008-667.136" fill="#FF190A" ></path></symbol><symbol id="iconsp-pass" viewBox="0 0 1280 1024"><path d="M1146.366967 437.917407v2.645971a511.995403 511.995403 0 0 1-821.574018 474.951808l-1.984478-1.984478-133.621539 77.394654L0 663.486441l134.283032-77.394654c-0.661493-1.322986-1.322986-1.984478-1.322986-3.307463a511.995403 511.995403 0 0 1 822.235511-474.290315l1.984479 1.984478L1091.463068 33.083833l188.525439 327.43892-133.62154 77.394654zM337.361312 904.931302a496.119576 496.119576 0 0 0 794.452814-458.414489l-107.161828 61.518828a9.260899 9.260899 0 0 1 1.322986 3.968956c0 10.583884-0.661493 21.167769-1.322986 31.751653a7.937913 7.937913 0 0 1-8.599406 7.276421 8.599406 8.599406 0 0 1-7.27642-8.599406c0.661493-8.599406 1.322986-17.198812 1.322985-25.798218l-551.023476 318.178021 25.136725 13.229856a7.937913 7.937913 0 0 1 3.968957 10.583884 8.599406 8.599406 0 0 1-10.583884 3.307464l-28.444189-14.552841a8.599406 8.599406 0 0 1-3.968957-4.63045zM943.288688 119.077893A496.119576 496.119576 0 0 0 148.17438 577.492381L255.336209 515.973554a9.260899 9.260899 0 0 1-1.322986-3.968957c0-10.583884 0.661493-21.167769 1.322986-32.413145a7.937913 7.937913 0 1 1 15.875826 1.322985c-0.661493 9.260899-1.322986 17.860305-1.322986 26.459711l551.023476-318.178022-25.136725-13.229855a7.937913 7.937913 0 0 1-3.307464-10.583884 7.27642 7.27642 0 0 1 9.922392-3.307464 230.199483 230.199483 0 0 1 28.444189 14.552841 7.27642 7.27642 0 0 1 3.968957 4.630449l108.484814-62.18032z m55.565392 484.874199a7.27642 7.27642 0 0 1 9.260899-5.953435 8.599406 8.599406 0 0 1 5.953435 9.922392c-2.645971 9.922392-5.953435 20.506276-9.260899 30.428667a7.27642 7.27642 0 0 1-9.922392 4.630449 7.27642 7.27642 0 0 1-5.291942-9.922391c3.307464-9.260899 6.614928-19.18329 9.260899-29.105682z m-34.397624 85.99406a7.937913 7.937913 0 0 1 10.583884-3.307464 7.937913 7.937913 0 0 1 3.968957 10.583884h-0.661493a306.932644 306.932644 0 0 1-16.537319 27.782697 7.27642 7.27642 0 0 1-10.583884 1.984478 7.937913 7.937913 0 0 1-2.645971-10.583884 279.811441 279.811441 0 0 0 15.875826-26.459711z m-54.242407 75.410176a6.614928 6.614928 0 0 1 10.583884 0 7.27642 7.27642 0 0 1 0.661493 10.583884 246.736803 246.736803 0 0 1-23.152247 22.490754 7.937913 7.937913 0 0 1-11.245377-0.661493 7.937913 7.937913 0 0 1 0.661493-10.583884l22.490754-21.829261z m-70.779726 58.211363a7.937913 7.937913 0 0 1 10.583884 2.645971 7.27642 7.27642 0 0 1-1.984478 10.583885l-28.444189 15.875826a7.937913 7.937913 0 1 1-7.276421-13.891348 223.584556 223.584556 0 0 0 27.121204-15.875827z m-84.009582 40.351059a7.27642 7.27642 0 0 1 9.922392 4.630449 7.27642 7.27642 0 0 1-4.63045 9.922392 272.535021 272.535021 0 0 1-31.09016 8.599406 7.27642 7.27642 0 0 1-9.260898-5.291942 7.937913 7.937913 0 0 1 5.953435-9.922392c9.922392-1.984478 19.844783-5.291942 29.105681-7.937913z m-90.624509 17.198812a8.599406 8.599406 0 0 1 8.599406 7.276421 7.937913 7.937913 0 0 1-7.27642 8.599405 265.2586 265.2586 0 0 1-32.413146 0.661493 7.937913 7.937913 0 0 1-7.937913-7.937913 9.260899 9.260899 0 0 1 8.599406-7.937913 233.506947 233.506947 0 0 0 30.428667-0.661493z m-93.27048-5.291942a7.937913 7.937913 0 0 1 6.614927 9.260899 7.937913 7.937913 0 0 1-9.260898 5.953435 236.152918 236.152918 0 0 1-31.09016-7.276421 7.937913 7.937913 0 0 1-5.953435-9.260899 8.599406 8.599406 0 0 1 9.922391-5.953435zM281.795919 420.057103a7.937913 7.937913 0 0 1-15.875826-3.307464h0.661493c2.645971-9.922392 5.291942-20.506276 8.599406-30.428668a9.260899 9.260899 0 0 1 10.583884-5.291942 8.599406 8.599406 0 0 1 4.630449 10.583885 211.016193 211.016193 0 0 0-8.599406 29.105681z m33.736131-85.99406a7.937913 7.937913 0 0 1-13.891348-7.276421c5.291942-9.922392 10.583884-18.521798 16.53732-27.782696a7.937913 7.937913 0 0 1 10.583884-2.645971 7.937913 7.937913 0 0 1 2.645971 11.245377 215.646642 215.646642 0 0 0-15.875827 26.459711zM370.43595 258.652867a7.937913 7.937913 0 0 1-11.90687-11.245377l23.152247-22.490754a7.937913 7.937913 0 0 1 11.245377 1.322985 7.27642 7.27642 0 0 1-0.661492 10.583885 226.89202 226.89202 0 0 0-21.829262 21.829261z m70.118234-58.872856a7.27642 7.27642 0 0 1-10.583885-1.984479 7.27642 7.27642 0 0 1 1.984479-10.583884 0.661493 0.661493 0 0 1 0.661492-0.661493 277.16547 277.16547 0 0 1 27.782697-15.875826 7.937913 7.937913 0 0 1 10.583884 2.645971 8.599406 8.599406 0 0 1-3.307464 11.245377l-27.121203 15.214334z m84.009581-39.689566a7.937913 7.937913 0 0 1-9.922391-4.63045 7.27642 7.27642 0 0 1 4.630449-9.922391l31.09016-9.260899a7.937913 7.937913 0 1 1 3.968957 15.875826 247.398295 247.398295 0 0 0-29.767175 7.937914zM615.188274 142.891633a9.260899 9.260899 0 0 1-8.599406-7.937914 7.937913 7.937913 0 0 1 7.937914-7.937913 254.674716 254.674716 0 0 1 31.751653-0.661493 7.937913 7.937913 0 0 1 7.937913 7.937914 7.27642 7.27642 0 0 1-7.937913 7.27642z m93.270481 5.291942a7.937913 7.937913 0 0 1-6.614928-9.260899 7.937913 7.937913 0 0 1 9.260899-5.953435 274.519499 274.519499 0 0 1 31.751653 7.276421 7.27642 7.27642 0 0 1 5.291942 9.260898 8.599406 8.599406 0 0 1-9.922392 5.953435 244.090831 244.090831 0 0 0-29.767174-7.27642zM21.829261 668.778383l172.649613 300.317717 1064.341864-614.526781-173.311105-299.656224L21.829261 668.778383z" fill="#2EA222" ></path><path d="M260.628151 644.303151L334.053848 601.967614l-18.521798-8.599406 7.937914-13.891348 21.829261 9.922391-5.291942 9.260899L414.094473 555.66312l18.521797 31.751653-13.229855 7.27642-11.245377-19.18329-127.668104 73.425697 11.245377 19.844783-13.229856 7.276421z m35.059116 26.459711l55.565393-31.751653-10.583884-17.860305 13.229855-7.937913 10.583884 18.521797 54.9039-31.751652 47.627479 82.025103-12.568362 7.27642-4.63045-7.937913-42.99703 24.475232 21.167769 37.043595-12.568363 7.276421-21.167768-36.382102-42.99703 24.475232 4.630449 7.937913-12.568362 7.276421z m30.428668 24.475232l42.99703-24.475232-11.245377-19.844783-42.99703 24.475232z m18.521797 31.09016l42.335537-24.475232-11.245377-19.844783-42.99703 24.475232z m69.456741-107.823321l-42.99703 25.136725 11.245377 19.183291 42.99703-24.475233zM400.203125 694.576601l42.99703-25.136725-11.245377-19.844783-42.99703 25.136725zM475.6133 616.520455c6.614928-5.953435 13.229855-13.229855 19.844783-20.506276l-22.490754-39.028073-21.829261 12.568362-6.614928-12.568362 21.167769-12.568363-18.521798-33.074638 12.568363-7.276421 19.18329 33.074639 18.521798-10.583885 6.614927 11.90687-17.860304 10.583884 19.844783 35.059117 14.552841-15.875826 6.614927 13.891348-13.229855 15.875826 29.767175 50.934943c6.614928 11.90687 5.291942 21.167769-5.291943 27.782697l-15.214333 9.260898-10.583885-13.229855a103.192872 103.192872 0 0 0 14.552841-6.614928 6.614928 6.614928 0 0 0 2.645971-10.583884l-26.45971-45.643001-17.198812 19.844783zM597.989462 588.737758l9.260899 13.891349c-8.599406 16.537319-15.214334 29.105682-18.521797 36.382102a88.640031 88.640031 0 0 0-4.63045 11.90687l-15.214333-5.953435a20.506276 20.506276 0 0 0-2.645971-17.198812l-79.379133-136.929003 13.229856-7.276421 29.767174 50.934943 27.782697-15.875826 7.27642 12.568363-27.782696 15.875826L580.129158 621.812397a345.299225 345.299225 0 0 0 17.860304-33.074639z m-65.487784-124.36064l13.229856-7.27642 35.720609 62.18032a315.53205 315.53205 0 0 0 14.552841-52.919422l15.875827 3.307464a665.461725 665.461725 0 0 1-20.506276 66.149277l33.074638 57.549871c3.968957 6.614928 8.599406 8.599406 14.552841 5.291942l9.922392-5.953435a11.90687 11.90687 0 0 0 5.953435-15.875826 201.093802 201.093802 0 0 0-13.229856-30.428668l15.875827-1.984478a193.817381 193.817381 0 0 1 11.906869 29.105682c5.291942 13.229855 1.984478 23.152247-8.599406 29.105682l-16.537319 9.260898c-13.229855 7.937913-23.81374 4.630449-31.751653-8.599406zM625.772159 412.119189l42.335537 18.521798-7.276421 15.214334c-17.198812-9.260899-31.09016-15.875826-41.674044-20.506276z m132.298553 117.08422l42.335538-23.152247 54.903899-33.736131a160.08125 160.08125 0 0 1 3.307464 15.875827l-55.565392 32.413145-40.351059 21.829262c-19.18329 10.583884-36.382102 11.90687-51.596436 3.307464-1.984478 7.27642-3.968957 18.521798-6.614928 34.397624l-15.214333-9.922392c4.630449-15.214334 7.27642-26.459711 9.260898-33.074638l-32.413145-56.226886-19.844783 11.245377-7.276421-12.568362 33.074639-18.521798 41.674044 71.441219c13.229855 7.27642 27.782696 5.953435 44.320015-3.307464z m-7.27642-7.937913l-11.90687 6.614928-54.242407-94.593466 40.351059-23.152247-33.736131 1.984478 2.645971-11.906869 31.751653-1.984479 20.506276-33.074638-78.71764 45.643001-5.953435-11.245377 101.208394-58.211364 5.953435 11.245377L740.8719 396.904856h7.276421l35.720609-21.167769 43.658523 76.071668c7.27642 12.568363 5.291942 22.490754-6.614928 29.105682a103.854365 103.854365 0 0 1-19.18329 10.583885 75.410176 75.410176 0 0 0-9.922391-11.245378l19.18329-9.260898a9.260899 9.260899 0 0 0 3.968956-13.891348l-4.630449-8.599406-32.413146 18.521797 15.214334 26.459711-11.90687 6.614928-15.214333-25.798218-31.751653 17.860304z m-38.366581-67.472262l31.751653-17.860305-9.922391-16.537319-31.751653 17.860305z m15.875827 27.782696l31.751653-18.521797-9.922392-16.53732-31.751653 18.521798z m50.27345-87.978538l-32.413145 18.521797 9.922391 16.53732 31.751653-17.860305z m-6.614927 62.841813l31.751652-18.521798-9.260898-16.537319-32.413146 18.521798zM802.390728 307.603332a381.019835 381.019835 0 0 1 42.335537 17.198812l-7.27642 15.214334a438.569705 438.569705 0 0 0-41.012552-19.183291z m137.590496 115.099742l45.643001-25.136726 49.611957-31.09016c0.661493 5.291942 1.984478 10.583884 2.645971 15.875827l-48.950464 29.105682-43.658523 23.813739c-19.18329 11.245377-37.043595 12.568363-53.580914 5.291942-1.322986 4.630449-3.968957 15.214334-7.276421 32.413146l-15.214334-9.922391c4.630449-12.568363 7.937913-23.152247 10.583885-30.428668l-33.736131-57.549871-19.183291 11.245377-7.27642-11.906869 32.413146-18.521798 42.335537 72.764205q21.167769 7.937913 45.643001-5.953435zM853.325671 320.171695l72.102712-41.674045-18.521798-31.751653 13.229856-7.937913 18.521797 31.751653 29.105682-16.537319 6.614928 12.568362-28.444189 16.53732 40.351058 69.45674c7.937913 14.552841 5.291942 25.798218-8.599406 33.736131l-25.798217 14.552841a148.835873 148.835873 0 0 0-11.245378-13.891348 236.152918 236.152918 0 0 0 25.798218-12.568362q11.245377-5.953435 3.968957-17.860305l-38.366581-65.487784-72.102711 41.674044z m25.136725 28.444189l5.953435-13.229856c21.167769 7.937913 37.705088 15.214334 48.950465 20.506276l-6.614928 15.214334c-17.198812-8.599406-33.074638-16.537319-48.288972-22.490754z" fill="#2EA222" ></path></symbol><symbol id="iconRepulse" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 0 512 0a512 512 0 0 0 0 1024z" fill="#FFFFFF" ></path><path d="M512 910.222222A398.222222 398.222222 0 1 1 512 113.777778a398.222222 398.222222 0 0 1 0 796.444444z" fill="#FF4466" ></path><path d="M298.666667 334.222222l35.555555-35.555555L512 451.697778l177.777778-153.031111 35.555555 35.555555L572.302222 512l153.031111 177.777778-35.555555 35.555555L512 572.302222l-177.777778 153.031111-35.555555-35.555555L451.697778 512z" fill="#FFFFFF" ></path></symbol><symbol id="iconNo_Effect" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 0 512 0a512 512 0 0 0 0 1024z" fill="#FFFFFF" ></path><path d="M512 910.222222A398.222222 398.222222 0 1 1 512 113.777778a398.222222 398.222222 0 0 1 0 796.444444z" fill="#D0D4DC" ></path><path d="M298.666667 334.222222l35.555555-35.555555L512 451.697778l177.777778-153.031111 35.555555 35.555555L572.302222 512l153.031111 177.777778-35.555555 35.555555L512 572.302222l-177.777778 153.031111-35.555555-35.555555L451.697778 512z" fill="#FFFFFF" ></path></symbol><symbol id="iconRecalled" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 0 512 0a512 512 0 0 0 0 1024z" fill="#FFFFFF" ></path><path d="M512 910.222222A398.222222 398.222222 0 1 1 512 113.777778a398.222222 398.222222 0 0 1 0 796.444444z" fill="#FF4466" ></path><path d="M551.651556 554.552889a122.993778 122.993778 0 0 0-0.625778-1.137778l0.625778 1.137778z" fill="#979797" ></path><path d="M426.666667 309.361778h170.666666a202.695111 202.695111 0 0 1 0 405.333333H384a32.028444 32.028444 0 0 1 0-64.056889h213.333333a138.638222 138.638222 0 1 0 0-277.276444h-170.666666v69.973333a28.444444 28.444444 0 0 1-48.583111 20.081778L276.138667 361.472a28.444444 28.444444 0 0 1 0-40.277333l101.944889-101.944889a28.444444 28.444444 0 0 1 48.583111 20.081778v69.973333z" fill="#FFFFFF" ></path></symbol><symbol id="iconfinished" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#2EA222" ></path><path d="M237.06819 594.944l10.691048-3.974095c2.730667 7.570286 5.083429 14.811429 7.070476 22.076952l30.744381-17.749333 5.071238 8.777143c10.166857 26.172952 14.811429 50.383238 13.738667 72.606476 6.217143 3.169524 11.873524 5.034667 17.298286 5.558857 15.067429 1.365333 34.304-4.62019 57.660952-17.737143a449.767619 449.767619 0 0 0 21.284572-13.202286l4.022857 11.410286-15.104 8.716191c-28.281905 16.323048-51.492571 23.320381-69.510096 21.272381a57.697524 57.697524 0 0 1-16.774095-4.949334 126.439619 126.439619 0 0 1-14.701714 43.617524l-10.73981-6.241524a109.372952 109.372952 0 0 0 14.140953-43.654095c-9.520762-6.034286-19.602286-14.299429-30.244572-24.807619 0.146286 8.508952-0.49981 16.566857-1.682285 24.015238l-11.568762-4.486095c3.754667-23.929905-0.146286-50.95619-11.398096-81.249524z m23.515429 46.445714c11.727238 12.068571 22.308571 21.528381 32.012191 28.184381 0.085333-18.529524-3.657143-38.339048-11.300572-59.172571l-23.734857 13.702095c1.28 6.034286 2.267429 11.861333 3.023238 17.286095z m31.573333-77.165714l10.020572-5.778286 20.126476 34.864762c15.932952 1.596952 32.707048 4.352 50.468571 8.192l-0.816761 12.190476c-17.615238-4.839619-32.24381-8.289524-43.702858-10.093714l32.963048 57.100191-10.020571 5.778285-59.038477-102.241524z m111.055238-57.709714l67.120762-38.741334 36.608 63.402667-28.550095 16.481524 9.350095 16.201143 30.878477-17.834667 5.38819 9.337905-30.878476 17.822476 10.300952 17.846857 35.961905-20.760381 5.461333 9.472-82.614857 47.701334-5.473524-9.472 36.790858-21.23581-10.300953-17.846857-31.024762 17.92-5.38819-9.337905 31.024762-17.92-9.350096-16.188952-28.68419 16.566857-36.608-63.414857z m89.185524 21.345524l-10.691047-18.529524-19.078096 11.02019 10.691048 18.529524 19.078095-11.02019z m-28.952381 16.725333l-10.703238-18.529524-19.21219 11.093333 10.703238 18.529524 19.21219-11.093333z m-34.901333-16.091429l19.21219-11.093333-10.77638-18.651429-19.212191 11.093334 10.776381 18.651428z m18.310095-35.462095l10.776381 18.67581 19.078095-11.020191-10.776381-18.663619-19.078095 11.008z m-65.852952 86.881524l14.957714-8.630857-18.773333-32.524191-16.88381 9.752381-5.38819-9.337905 43.776-25.283047 5.38819 9.337905-16.737524 9.667047 18.773334 32.524191 15.104-8.716191 5.461333 9.472-15.091809 8.716191 17.980952 31.146666c4.193524-4.790857 8.021333-9.569524 11.702857-14.616381l5.534476 9.606096a327.594667 327.594667 0 0 1-33.158095 36.717714l-7.923809-8.045714c5.400381-4.583619 10.642286-9.447619 15.603809-14.506667L401.432381 580.754286l-14.957714 8.630857-5.473524-9.472z m236.007619-184.56381l17.749333 30.744381-10.020571 5.790476-12.202667-21.138285-96.353524 55.625143 12.202667 21.138285-10.008381 5.778286-17.749333-30.744381 52.699428-30.427428a129.340952 129.340952 0 0 0-12.592762-9.752381l10.008381-8.338286c4.327619 3.364571 8.886857 7.131429 13.702096 11.678476l52.565333-30.354286z m-82.017524 81.39581l76.848762-44.373333 5.546667 9.606095-76.848762 44.373333-5.546667-9.606095z m-6.107428 37.912381l119.539809-68.998095 5.461333 9.459809-38.838857 22.430476 18.773334 32.524191c2.389333 4.120381 5.571048 5.205333 9.557333 2.901333l18.249143-10.532571c2.474667-1.426286 3.57181-3.34019 3.498666-5.680762-0.097524-2.681905-2.82819-9.337905-8.301714-20.089905l11.068953-2.364952c6.790095 13.653333 9.813333 22.698667 8.923428 26.867809-0.768 3.742476-3.267048 7.009524-7.923809 9.703619l-23.198477 13.397334c-8.508952 4.912762-15.323429 2.620952-20.553142-6.436572l-19.968-34.584381-23.064381 13.312 0.560761 0.950857c7.350857 13.689905 9.910857 26.672762 7.801905 38.875429-2.584381 11.373714-10.300952 23.686095-23.210666 36.815238l-10.703239-5.534476c12.751238-12.483048 20.23619-23.576381 22.552381-33.52381 1.694476-9.752381-0.414476-20.053333-6.180571-31.000381l-0.560762-0.963047-38.022095 21.942857-5.461333-9.45981z m193.731047-200.411429a142.750476 142.750476 0 0 1 25.6 5.36381l-2.681905 9.947428 16.749715-9.667047 5.473523 9.472-42.276571 24.405333c10.788571 16.457143 20.333714 28.891429 28.513524 37.339429 2.80381 2.950095 5.583238 5.558857 8.289524 8.021333 0.52419-14.945524-1.438476-31.012571-5.656381-48.152381l11.142095-1.304381c4.961524 21.284571 6.704762 40.777143 5.046857 58.197333 4.461714 3.291429 8.740571 5.936762 12.763429 7.826286 8.326095 3.974095 13.933714 5.12 16.676571 3.535238 2.389333-1.560381 0.609524-10.044952-5.485714-25.35619l11.763809-0.219429c7.241143 20.150857 7.887238 32.048762 1.706667 35.608381-5.766095 3.328-14.311619 2.779429-25.660952-1.657905a80.323048 80.323048 0 0 1-13.433905-7.43619 109.238857 109.238857 0 0 1-19.102476 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.163428-47.299048 179.163429 179.163429 0 0 1-14.726095-13.458286c-9.667048-9.788952-19.907048-23.088762-30.915048-39.619047l-47.079619 27.184762 13.165715 22.79619 33.621333-19.419429c13.116952 23.344762 20.650667 38.948571 22.747429 46.689524 1.621333 6.948571-0.889905 12.422095-7.594667 16.652191-3.291429 1.901714-7.43619 3.925333-11.971048 6.192762l-8.167619-7.192381c5.497905-2.80381 10.118095-5.278476 13.81181-7.424 2.950095-1.877333 3.681524-5.046857 2.279619-9.362286-1.865143-5.144381-7.15581-15.262476-15.60381-30.524952l-23.747047 13.714285 2.377142 4.120381c13.641143 24.868571 19.565714 47.811048 17.956572 68.498286l-11.422476-2.364952c1.487238-17.700571-4.047238-37.741714-16.542476-60.342858l-26.392381-45.714285 56.685714-32.719238a611.108571 611.108571 0 0 1-12.702476-21.040762l10.166857-5.851429c4.437333 7.68 8.606476 14.592 12.678095 21.028572l25.673143-14.823619c-6.972952-2.56-15.384381-4.473905-25.478095-5.778286l2.82819-9.691429z" fill="#2EA222" ></path></symbol><symbol id="iconno_response" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#FF8822" ></path><path d="M325.071238 606.354286l43.154286-24.905143-12.007619-20.784762-36.803048 21.248-5.753905-9.959619 36.815238-21.248-11.666285-20.21181 11.544381-6.66819 11.666285 20.211809 37.095619-21.418666 5.753905 9.959619-37.095619 21.418666 11.995429 20.784762 42.873905-24.746666 5.827047 10.093714-97.572571 56.344381-5.827048-10.118095z m16.615619 28.135619l64.365714-37.180953-7.911619-13.702095 11.556572-6.66819 7.911619 13.714285 22.515809-12.995047 5.839238 10.093714-22.515809 13.007238 19.504762 33.767619c6.546286 11.361524 3.803429 20.504381-8.216381 27.452953-5.583238 3.218286-13.165714 7.533714-22.747429 12.946285a359.92381 359.92381 0 0 0-9.313523-10.800762c8.764952-4.144762 16.457143-8.155429 23.100952-11.983238 5.973333-3.449905 7.070476-8.43581 3.291428-14.994285l-17.17638-29.720381-64.365715 37.168762-5.839238-10.118096z m-41.301333 32.121905c5.668571-19.053714 8.289524-41.618286 7.887238-67.681524l13.092571-0.633905a451.803429 451.803429 0 0 1-1.267809 28.452571l45.238857 78.384762-10.825143 6.241524-36.790857-63.731809c-1.450667 9.825524-3.31581 19.017143-5.61981 27.599238-3.608381-2.925714-7.521524-5.802667-11.715047-8.630857z m-25.795048-45.348572c7.399619-18.517333 11.154286-38.765714 11.288381-60.781714h13.653333c-1.706667 25.234286-6.095238 47.786667-13.104761 67.620571a146.285714 146.285714 0 0 0-11.836953-6.826666z m89.734095 28.440381l4.632381-11.337143c11.25181 3.510857 21.455238 7.070476 30.573715 10.642286l-5.156572 12.409905a350.768762 350.768762 0 0 0-30.049524-11.702857z m48.615619-150.467048l126.159239-72.825904 76.324571 132.205714-12.117333 6.997333-5.339429-9.22819-101.90019 58.831238 5.339428 9.240381-12.129524 6.997333-76.336762-132.217905z m120.198096-55.149714l-101.912381 58.831238 58.843428 101.912381 101.912381-58.843428-58.843428-101.900191z m-68.949334 69.241905l61.342477-35.413333 36.425142 63.085714-11.264 6.497524-4.668952-8.082286-38.826667 22.418286 4.668953 8.082285-11.25181 6.497524-36.425143-63.073524z m55.917715-18.809905l-38.826667 22.430476 20.089905 34.779429 38.826666-22.430476-20.089904-34.779429z m50.041904-43.324952c7.545905-18.712381 10.99581-39.058286 10.374096-61.025524l12.702476-7.338667c0.024381 5.376-0.109714 10.654476-0.390095 15.823238l101.546666-58.63619 5.327238 9.252571-107.958857 62.329905a198.826667 198.826667 0 0 1-2.169905 14.908952l101.60762-58.660571 30.671238 53.113905-10.105905 5.839238-2.169905-3.754667-84.870095 49.005715 2.998857 5.180952-9.959619 5.753905-29.244952-50.663619a220.867048 220.867048 0 0 1-6.460953 24.137142 74.971429 74.971429 0 0 0-11.897905-5.266285z m43.580953 75.495619c12.714667-18.895238 20.650667-38.034286 23.808-57.429334l12.848762-7.424c-0.560762 3.925333-1.219048 7.765333-1.987048 11.544381l78.08-45.080381 4.510476 7.801905c-4.534857 13.702095-12.178286 28.038095-22.930285 42.959238 17.334857-4.754286 36.461714-12.166095 57.392761-22.259809-0.097524 5.827048-0.085333 11.081143 0.048762 15.750095-25.319619 10.25219-48.176762 17.066667-68.547047 20.431238-13.689905 15.847619-31.305143 33.182476-52.845715 51.968a101.985524 101.985524 0 0 0-12.31238-5.973333c21.577143-17.737143 37.961143-32.377905 49.103238-43.946667-13.824 1.048381-26.343619 0.292571-37.571048-2.267428-4.388571 13.507048-10.374095 26.09981-17.93219 37.790476a79.043048 79.043048 0 0 0-11.666286-3.864381z m5.827047-63.597714l84.870096-49.005715-6.668191-11.544381-84.870095 49.005715 6.66819 11.544381z m66.694096-80.457143l-84.870096 48.993523 6.582858 11.398096 84.870095-49.005715-6.582857-11.398095z m28.464762 63.622095l-65.670096 37.912381c12.470857 2.169905 26.63619 1.755429 42.48381-1.243429 10.374095-12.921905 18.102857-25.136762 23.186286-36.668952z" fill="#FF8822" ></path></symbol><symbol id="iconsp_passed" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#2EA222" ></path><path d="M280.161524 668.330667l9.118476 15.786666 30.464-17.590857-9.118476-15.786666-30.464 17.590857z m44.81219 7.253333l-30.47619 17.590857 4.681143 8.094476-9.606096 5.546667-38.424381-66.56 40.070096-23.137524-7.92381-13.726476 9.874286-5.705143 7.923809 13.726476 40.496762-23.381333 38.192762 66.157714-9.606095 5.546667-4.437333-7.68-30.878477 17.822476 16.091429 27.855238-9.898667 5.705143-16.079238-27.855238z m4.656762-14.762667l30.878476-17.834666-9.118476-15.774477-30.878476 17.822477 9.118476 15.786666z m16.700953-42.398476l-9.118477-15.786667-30.878476 17.834667 9.106286 15.786667 30.878476-17.834667z m-49.883429 7.753143l-30.47619 17.590857 9.118476 15.786667 30.47619-17.590857-9.118476-15.786667z m39.216762-74.069333l13.872762 24.015238-9.606095 5.546666-8.716191-15.091809-95.256381 54.991238 9.118476 15.786667-9.606095 5.546666-14.262857-24.710095 52.297143-30.183619c-3.437714-2.779429-6.716952-5.278476-9.97181-7.43619l9.398857-7.801905c3.352381 2.645333 6.814476 5.766095 10.727619 9.374476l52.004572-30.037333z m88.58819 14.921143l5.388191 9.337904c-3.291429 4.449524-6.790095 8.850286-10.22781 13.04381l22.186667 38.41219c4.59581 7.960381 3.193905 14.08-4.217905 18.358857l-11.946666 6.89981-7.68-8.557714c3.803429-1.645714 7.533714-3.437714 10.971428-5.412572 3.291429-1.901714 3.900952-4.632381 1.828572-8.20419l-18.846477-32.670476a693.881905 693.881905 0 0 1-12.361142 12.81219l-7.801905-8.118857c5.046857-4.559238 10.020571-9.264762 14.689524-14.165333l-19.407239-33.621334-15.506285 8.96-5.473524-9.472 15.506286-8.96-14.652953-25.380571 9.606096-5.546667 14.665142 25.380572 13.580191-7.838477 5.473524 9.472-13.592381 7.838477 17.590857 30.47619c3.584-4.266667 6.948571-8.582095 10.227809-13.043809z m10.99581-18.980572l35.352381 61.208381a122.758095 122.758095 0 0 0 14.165333-16.969143l7.094857 8.167619c-6.985143 9.155048-15.640381 18.553905-25.86819 28.111238l-7.777524-7.765333c2.462476-2.706286 2.791619-5.64419 1.048381-8.655238l-62.122667-107.605333 9.752381-5.61981 22.808381 39.521524 19.358476-11.166476 5.546667 9.606095-19.358476 11.166476z m91.794286 44.897524l-11.52 6.656c-7.960381 4.59581-14.482286 2.511238-19.382858-5.997714l-63.878095-110.628572 9.752381-5.619809 23.929905 41.447619a123.672381 123.672381 0 0 0 17.359238-25.392762l10.435048 4.754286c-7.094857 11.800381-14.360381 22.02819-22.089143 30.512761l33.03619 57.234286c2.145524 3.705905 5.034667 4.59581 8.606476 2.535619l6.716953-3.876571c3.169524-1.828571 4.729905-4.193524 4.998095-6.89981 0.353524-3.510857-2.82819-11.556571-9.411048-24.222476l10.72762-2.340571c7.740952 15.652571 11.056762 25.819429 10.069333 30.768762-0.877714 4.181333-3.85219 7.899429-9.337905 11.068952z m89.965714-197.595429l17.749333 30.744381-10.020571 5.790476-12.202667-21.138285-96.353524 55.625143 12.202667 21.138285-10.008381 5.778286-17.749333-30.744381 52.699428-30.427428a129.340952 129.340952 0 0 0-12.592762-9.752381l10.008381-8.338286c4.327619 3.364571 8.886857 7.131429 13.702096 11.678476l52.565333-30.354286z m-82.017524 81.39581l76.848762-44.373333 5.546667 9.606095-76.848762 44.373333-5.546667-9.606095z m-6.107428 37.912381l119.539809-68.998095 5.461333 9.459809-38.838857 22.430476 18.773334 32.524191c2.389333 4.120381 5.571048 5.205333 9.557333 2.901333l18.249143-10.532571c2.474667-1.426286 3.57181-3.34019 3.498666-5.680762-0.097524-2.681905-2.82819-9.337905-8.301714-20.089905l11.068953-2.364952c6.790095 13.653333 9.813333 22.698667 8.923428 26.867809-0.768 3.742476-3.267048 7.009524-7.923809 9.703619l-23.198477 13.397334c-8.508952 4.912762-15.323429 2.620952-20.553142-6.436572l-19.968-34.584381-23.064381 13.312 0.560761 0.950857c7.350857 13.689905 9.910857 26.672762 7.801905 38.875429-2.584381 11.373714-10.300952 23.686095-23.210666 36.815238l-10.703239-5.534476c12.751238-12.483048 20.23619-23.576381 22.552381-33.52381 1.694476-9.752381-0.414476-20.053333-6.180571-31.000381l-0.560762-0.963047-38.022095 21.942857-5.461333-9.45981z m193.731047-200.411429a142.750476 142.750476 0 0 1 25.6 5.36381l-2.681905 9.947428 16.749715-9.667047 5.473523 9.472-42.276571 24.405333c10.788571 16.457143 20.333714 28.891429 28.513524 37.339429 2.80381 2.950095 5.583238 5.558857 8.289524 8.021333 0.52419-14.945524-1.438476-31.012571-5.656381-48.152381l11.142095-1.304381c4.961524 21.284571 6.704762 40.777143 5.046857 58.197333 4.461714 3.291429 8.740571 5.936762 12.763429 7.826286 8.326095 3.974095 13.933714 5.12 16.676571 3.535238 2.389333-1.560381 0.609524-10.044952-5.485714-25.35619l11.763809-0.219429c7.241143 20.150857 7.887238 32.048762 1.706667 35.608381-5.766095 3.328-14.311619 2.779429-25.660952-1.657905a80.323048 80.323048 0 0 1-13.433905-7.43619 109.238857 109.238857 0 0 1-19.102476 44.897524l-10.24-5.071238a106.544762 106.544762 0 0 0 19.163428-47.299048 179.163429 179.163429 0 0 1-14.726095-13.458286c-9.667048-9.788952-19.907048-23.088762-30.915048-39.619047l-47.079619 27.184762 13.165715 22.79619 33.621333-19.419429c13.116952 23.344762 20.650667 38.948571 22.747429 46.689524 1.621333 6.948571-0.889905 12.422095-7.594667 16.652191-3.291429 1.901714-7.43619 3.925333-11.971048 6.192762l-8.167619-7.192381c5.497905-2.80381 10.118095-5.278476 13.81181-7.424 2.950095-1.877333 3.681524-5.046857 2.279619-9.362286-1.865143-5.144381-7.15581-15.262476-15.60381-30.524952l-23.747047 13.714285 2.377142 4.120381c13.641143 24.868571 19.565714 47.811048 17.956572 68.498286l-11.422476-2.364952c1.487238-17.700571-4.047238-37.741714-16.542476-60.342858l-26.392381-45.714285 56.685714-32.719238a611.108571 611.108571 0 0 1-12.702476-21.040762l10.166857-5.851429c4.437333 7.68 8.606476 14.592 12.678095 21.028572l25.673143-14.823619c-6.972952-2.56-15.384381-4.473905-25.478095-5.778286l2.82819-9.691429z" fill="#2EA222" ></path></symbol><symbol id="iconabsented" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#FF4466" ></path><path d="M420.656762 512.670476l17.980952-10.386286-12.04419-20.857904 9.337905-5.388191 12.04419 20.857905 24.015238-13.860571 23.137524 40.070095 8.655238-4.998095 5.302857 9.203809-29.379047 16.944762c17.810286 16.262095 37.156571 26.331429 58.12419 30.317714l-2.194286 11.702857c-21.187048-4.973714-40.630857-15.518476-58.416762-31.427047 8.655238 24.478476 9.703619 45.641143 3.169524 63.50019l-10.703238-4.608c6.448762-16.725333 4.949333-37.083429-4.510476-61.074285l-19.772952 11.410285-5.302858-9.191619 20.845715-12.04419a218.940952 218.940952 0 0 0-9.472-18.322286l-7.521524-13.043809-17.980952 10.386285-5.315048-9.191619z m32.621714-6.582857l6.265905 10.849524c4.035048 6.997333 7.509333 13.958095 10.605714 20.589714l15.506286-8.947809-17.822476-30.890667-14.555429 8.411429z m-79.274666 38.278095c1.365333 7.43619 2.084571 14.713905 2.352761 21.516191l-11.385904-0.390095c-0.365714-14.60419-3.169524-29.269333-8.192-44.300191l10.654476-3.413333c1.682286 5.436952 3.132952 10.812952 4.437333 15.920762l36.230095-20.918858 5.156572 8.923429-20.321524 11.727238 13.787429 23.881143 23.747047-13.714286 5.315048 9.20381L412.038095 566.491429l27.257905 47.213714 10.520381-8.082286-19.894857-34.450286 8.777143-5.071238 28.928 50.090667-8.777143 5.071238-3.961905-6.863238-38.107429 28.769524-27.891809-48.310857 8.777143-5.071238 22.357333 38.704761 10.788572-8.240761-27.964953-48.444953-24.429714 14.104381-5.315048-9.203809 24.429715-14.104381-13.775239-23.881143-9.75238 5.632z m156.025904-63.183238l6.095238 10.569143c16.262095 29.403429 24.868571 55.734857 25.673143 78.689524l-11.215238-2.316191c-0.914286-19.968-8.996571-43.471238-24.33219-70.66819l-25.758477-44.617143 52.845715-30.500571a93.891048 93.891048 0 0 0-10.849524-6.729143l9.48419-7.68c3.632762 2.486857 7.497143 5.376 11.385905 8.630857l46.799238-27.026286 5.388191 9.337905-99.779048 57.6 9.033143 15.652571 23.05219-13.312-6.41219-11.117714 9.606095-5.546667 6.424381 11.117715 36.364191-21.004191-6.497524-11.251809 9.606095-5.546667 6.497524 11.25181 21.138286-12.190477 5.229714 9.045334-21.138286 12.202666 12.361143 21.418667-22.918095 13.226667 6.582857 11.398095 37.327238-21.552762 16.164571 27.989333c4.437333 7.68 2.889143 13.897143-4.803047 18.322286l-10.971429 6.339048-7.923809-7.68 10.678857-5.607619c3.291429-1.913905 4.047238-4.729905 2.145524-8.021334l-9.752381-16.883809-27.721143 16.006095 22.820571 39.533714-9.752381 5.61981-22.808381-39.521524-26.770285 15.445333 18.066285 31.292953-9.606095 5.546666-23.210666-40.20419 36.36419-21.004191-6.582857-11.385904-22.918095 13.226666-12.361143-21.406476-23.052191 13.312z m32.670476-18.858666l7.606858 13.165714 36.36419-20.992-7.606857-13.165714-36.364191 20.992z" fill="#FF4466" ></path></symbol><symbol id="iconsp_ing" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#FF8822" ></path><path d="M339.638857 629.528381l9.118476 15.786667 30.476191-17.590858-9.118476-15.786666-30.476191 17.590857z m44.812191 7.253333l-30.476191 17.590857 4.681143 8.094477-9.606095 5.546666-38.424381-66.56 40.070095-23.137524-7.923809-13.726476 9.874285-5.705143 7.92381 13.726477 40.496762-23.381334 38.192762 66.157715-9.606096 5.546666-4.437333-7.68-30.878476 17.822476 16.091428 27.855239-9.886476 5.705142-16.091428-27.855238z m4.656762-14.762666l30.878476-17.834667-9.118476-15.774476-30.878477 17.822476 9.118477 15.786667z m16.700952-42.398477l-9.118476-15.786666-30.878476 17.834666 9.106285 15.774477 30.878476-17.822477z m-49.883429 7.753143l-30.47619 17.590857 9.118476 15.774477 30.476191-17.590858-9.118477-15.774476z m39.216762-74.069333l13.872762 24.015238-9.606095 5.546667-8.716191-15.09181-95.256381 54.991238 9.118477 15.786667-9.606096 5.546667-14.262857-24.710096 52.297143-30.183619c-3.437714-2.779429-6.704762-5.278476-9.971809-7.43619l9.398857-7.801905c3.364571 2.645333 6.814476 5.766095 10.727619 9.374476l52.004571-30.037333z m88.588191 14.921143l5.38819 9.337905c-3.291429 4.449524-6.790095 8.850286-10.227809 13.043809l22.186666 38.412191c4.59581 7.960381 3.193905 14.08-4.217904 18.358857l-11.946667 6.899809-7.68-8.557714c3.803429-1.645714 7.533714-3.437714 10.971428-5.412571 3.291429-1.901714 3.900952-4.632381 1.840762-8.204191l-18.858666-32.670476a693.881905 693.881905 0 0 1-12.361143 12.81219l-7.801905-8.118857c5.046857-4.559238 10.020571-9.264762 14.701714-14.165333l-19.419428-33.621333-15.506286 8.96-5.473524-9.472 15.518476-8.96-14.665142-25.380572 9.606095-5.546667 14.665143 25.380572 13.58019-7.838476 5.473524 9.472-13.592381 7.838476 17.590857 30.47619c3.584-4.266667 6.948571-8.582095 10.22781-13.043809z m10.995809-18.980572l35.352381 61.208381a122.758095 122.758095 0 0 0 14.165334-16.969143l7.094857 8.16762c-6.972952 9.155048-15.640381 18.553905-25.856 28.111238l-7.789715-7.765334c2.474667-2.706286 2.791619-5.64419 1.048381-8.655238l-62.122666-107.605333 9.752381-5.61981 22.808381 39.521524 19.358476-11.166476 5.546666 9.606095-19.358476 11.166476z m91.794286 44.897524l-11.52 6.656c-7.960381 4.59581-14.470095 2.511238-19.382857-5.997714l-63.878095-110.628572 9.752381-5.619809 23.929904 41.447619a123.672381 123.672381 0 0 0 17.359238-25.392762l10.435048 4.754286c-7.094857 11.800381-14.360381 22.02819-22.089143 30.512762l33.036191 57.234285c2.145524 3.705905 5.034667 4.59581 8.606476 2.535619l6.729143-3.876571c3.157333-1.828571 4.717714-4.193524 4.973714-6.899809 0.365714-3.510857-2.816-11.556571-9.398857-24.222477l10.727619-2.340571c7.753143 15.652571 11.056762 25.819429 10.069333 30.768762-0.877714 4.169143-3.85219 7.899429-9.337905 11.068952z m18.041905-176.371809l10.154666-5.863619 14.262858 24.697904 49.261714-28.440381 37.241905 64.487619-9.874286 5.717334-4.998095-8.655238-39.375238 22.747428 27.014095 46.811429-10.166857 5.851428-27.014096-46.799238-39.253333 22.674286 4.998095 8.630857-9.886476 5.705143-37.241905-64.499809 49.127619-28.367239-14.262857-24.697904z m1.706666 93.622857l39.253334-22.674286-21.162667-36.644571-39.253333 22.674285 21.162666 36.632381z m49.408-28.525714l39.387429-22.747429-21.150476-36.644571-39.387429 22.735238 21.150476 36.644571z" fill="#FF8822" ></path></symbol><symbol id="iconreplied" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#2266FF" ></path><path d="M288.792381 613.059048l12.422095-7.168 11.410286 19.772952 86.308571-49.822476-21.406476-37.095619-104.070095 60.074666-6.168381-10.678857 116.187429-67.08419 38.838857 67.267047-12.129524 6.997334-5.083429-8.801524-86.308571 49.834667 24.259047 41.99619c5.10781 8.850286 11.849143 10.861714 20.21181 6.034286l71.15581-41.081905c8.289524-4.778667 11.568762-10.654476 9.849904-17.615238-1.657905-6.875429-4.87619-15.469714-9.691428-25.782857a107.824762 107.824762 0 0 0 14.921143-2.840381c4.425143 10.788571 7.594667 19.614476 9.508571 26.453333 3.388952 12.55619-1.560381 22.649905-14.83581 30.317714l-76.8 44.336762c-14.713905 8.496762-26.453333 5.144381-35.230476-10.057142L288.792381 613.059048z m124.915809-110.982096l126.147048-72.838095 76.336762 132.217905-12.129524 6.997333-5.327238-9.240381-101.912381 58.831238 5.339429 9.240381-12.129524 6.997334-76.324572-132.205715z m120.198096-55.161904l-101.912381 58.843428 58.831238 101.900191 101.912381-58.831238-58.843429-101.912381z m-68.949334 69.254095l61.342477-35.413333 36.412952 63.073523-11.264 6.497524-4.656762-8.082286-38.826667 22.418286 4.656762 8.082286-11.251809 6.497524-36.412953-63.073524z m55.917715-18.809905l-38.826667 22.418286 20.077714 34.779428 38.826667-22.418285-20.077714-34.779429z m50.041904-43.324952c7.533714-18.724571 10.99581-39.070476 10.361905-61.037715l12.714667-7.326476c0.024381 5.36381-0.121905 10.642286-0.402286 15.811048l101.546667-58.624 5.327238 9.240381-107.958857 62.329905a198.826667 198.826667 0 0 1-2.169905 14.921142l101.61981-58.672761 30.659047 53.113904-10.105905 5.839238-2.157714-3.754666-84.870095 49.005714 2.998857 5.193143-9.959619 5.753905-29.257143-50.663619a220.867048 220.867048 0 0 1-6.460952 24.137142 74.971429 74.971429 0 0 0-11.885715-5.266285z m43.580953 75.483428c12.702476-18.883048 20.638476-38.034286 23.808-57.417143l12.836571-7.43619c-0.560762 3.925333-1.219048 7.777524-1.987047 11.556571l78.08-45.092571 4.510476 7.801905c-4.534857 13.714286-12.178286 28.038095-22.918095 42.959238 17.322667-4.754286 36.449524-12.166095 57.380571-22.25981-0.097524 5.839238-0.085333 11.093333 0.048762 15.750096-25.319619 10.264381-48.164571 17.066667-68.547048 20.431238-13.689905 15.85981-31.305143 33.182476-52.845714 51.968a101.985524 101.985524 0 0 0-12.312381-5.973334c21.589333-17.724952 37.961143-32.377905 49.115429-43.946666-13.824 1.060571-26.35581 0.304762-37.583238-2.255238-4.388571 13.494857-10.361905 26.087619-17.932191 37.766095a79.043048 79.043048 0 0 0-11.654095-3.852191z m5.814857-63.585524l84.870095-49.005714-6.66819-11.544381-84.870096 49.005715 6.668191 11.54438z m66.706286-80.469333l-84.870096 49.005714 6.582858 11.398096 84.870095-49.005715-6.582857-11.398095z m28.452571 63.634286l-65.670095 37.912381c12.470857 2.157714 26.63619 1.743238 42.483809-1.243429 10.374095-12.921905 18.102857-25.148952 23.186286-36.681143z" fill="#2266FF" ></path></symbol><symbol id="iconunidentified" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#FF8822" ></path><path d="M327.41181 539.245714l10.154666-5.863619 10.849524 18.797715 47.079619-27.184762 5.546667 9.618285-47.079619 27.184762 14.019047 24.283429 54.357334-31.378286 5.546666 9.606095-45.287619 26.148572c19.175619 11.983238 43.971048 18.16381 74.325334 18.748952l-1.792 12.751238c-32.841143-2.998857-59.708952-11.824762-80.493715-26.904381l-1.097143 0.633905 36.132572 62.585905-10.154667 5.851428-36.132571-62.573714-1.243429 0.707048c3.120762 28.220952-2.876952 56.198095-17.798095 84.211809l-10.947048-5.948952c14.994286-24.746667 22.040381-49.310476 21.065143-73.825524L309.028571 632.929524l-5.546666-9.606095 54.357333-31.378286-14.019048-24.295619-46.128761 26.624-5.546667-9.606095 46.116571-26.624-10.849523-18.797715z m185.539047-18.736762l8.070095 13.994667c0.633905 1.097143 1.219048 2.413714 1.926096 3.657143l17.846857-10.313143-10.142476-17.554286-17.712762 10.215619z m14.299429 26.697143c5.802667 13.83619 8.143238 26.770286 6.899809 39.192381l-10.849524-2.328381c1.145905-13.848381-2.718476-28.452571-11.154285-43.702857l-25.990096-45.019428c-0.950857 3.108571-1.901714 6.217143-2.864761 8.97219l-10.386286-3.705905c5.692952-15.177143 7.887238-32 6.643809-50.310095l10.654477-3.413333c0.292571 3.681524 0.365714 7.302095 0.585142 10.837333l33.072762-19.102476 4.035048 6.997333c-0.621714 8.411429-1.731048 16.018286-3.474286 22.503619l23.064381-13.312 47.457524 82.212572c3.57181 6.180571 1.828571 11.398095-5.180952 15.433142l-10.154667 5.86362-7.484952-7.570286c3.59619-1.706667 6.912-3.254857 9.923047-4.998095 2.742857-1.584762 3.254857-3.888762 1.670095-6.631619l-10.617904-18.395429-18.407619 10.617905 17.517714 30.329904-8.911238 5.156572-17.517714-30.329905-18.529524 10.691048z m-13.531429-72.899047c1.609143-6.41219 2.755048-13.287619 3.584-20.72381l-26.758095 15.445333a146.529524 146.529524 0 0 1-2.901333 20.333715l26.075428-15.055238z m54.381714 37.778285l-10.142476-17.566476-18.395428 10.605714 10.142476 17.578667 18.395428-10.617905z m-15.213714-26.355809l-9.667047-16.737524-18.395429 10.605714 9.667048 16.749715 18.395428-10.605715z m-36.973714-0.975238l-17.712762 10.227809 9.667048 16.737524 17.712761-10.215619-9.667047-16.749714z m-99.84 12.81219l45.83619-26.465524 5.546667 9.606096-20.72381 11.971047c4.632381 12.141714 8.045714 24.07619 10.300953 35.596191l24.990476-14.433524 36.047238 62.451809-24.015238 13.860572 6.009905 10.435047-9.325714 5.388191-31.061334-53.796571c0.121905 5.607619-0.048762 11.008-0.304762 16.274285l-11.068952-5.863619c0.926476-21.211429-2.852571-42.642286-11.178667-64.365714l-15.506285 8.947809-5.546667-9.606095z m72.825905 83.663238l14.957714-8.630857-25.673143-44.470857-14.957714 8.643048 25.673143 44.458666z m138.873904-215.222857l10.154667-5.863619a452.169143 452.169143 0 0 1 17.39581 32.963048c27.550476 30.939429 56.344381 51.638857 86.211047 61.854476l-2.389333 12.348952c-25.453714-10.179048-49.883429-26.819048-73.264762-49.566476 1.536 4.242286 2.913524 8.20419 4.291048 12.178286 8.411429 26.61181 7.996952 52.833524-1.548191 78.470095l-11.398095-4.217905a110.896762 110.896762 0 0 0 2.523428-69.156571c-6.058667-19.382857-16.603429-42.386286-31.975619-69.010286z m-63.414857 37.534476c13.372952 1.609143 25.234286 4.08381 35.669334 7.582477l-2.767239 10.739809c-9.642667-3.388952-21.723429-5.936762-35.888761-7.643429l2.986666-10.678857z m7.387429 49.895619l29.647238-17.115428 34.620952 59.977143c2.57219-6.972952 5.241905-14.738286 7.765334-23.332572l8.338285 8.728381a224.170667 224.170667 0 0 1-14.652952 37.376l-8.911238-6.570666c1.097143-2.82819 1.01181-5.522286-0.256-7.716572l-30.902857-53.528381-20.175238 11.641905-5.473524-9.45981z" fill="#FF8822" ></path></symbol><symbol id="iconidentified" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#2EA222" ></path><path d="M414.037333 571.392l-86.186666 49.761524 23.369143 40.472381c3.486476 6.046476 8.472381 7.387429 14.787047 3.742476l68.888381-39.777524c3.291429-1.901714 5.571048-4.315429 6.680381-7.155809 1.316571-4.047238-1.974857-13.860571-9.874286-29.44l11.361524-2.523429c8.448 17.810286 11.983238 29.318095 10.752 34.779429-1.353143 4.632381-5.022476 8.752762-10.617905 12.361142l-74.386285 42.947048c-11.117714 6.41219-19.943619 3.815619-26.441143-7.43619l-41.593905-72.045715 9.874286-5.705143 11.727238 20.309334 76.178286-43.983238-20.687239-35.815619-91.538285 52.845714-5.546667-9.606095 101.558857-58.636191 31.695238 54.905905z m98.901334-50.883048l8.082285 13.994667c0.633905 1.097143 1.219048 2.413714 1.926096 3.657143l17.846857-10.313143-10.142476-17.554286-17.712762 10.215619z m14.311619 26.697143c5.802667 13.83619 8.143238 26.770286 6.899809 39.192381l-10.849524-2.328381c1.145905-13.848381-2.718476-28.452571-11.154285-43.702857l-25.990096-45.019428c-0.950857 3.108571-1.901714 6.217143-2.864761 8.97219l-10.386286-3.705905c5.692952-15.177143 7.887238-32 6.643809-50.310095l10.654477-3.413333c0.292571 3.681524 0.365714 7.302095 0.585142 10.837333l33.072762-19.102476 4.035048 6.997333c-0.621714 8.411429-1.731048 16.018286-3.474286 22.503619l23.064381-13.312 47.457524 82.212572c3.57181 6.180571 1.828571 11.398095-5.180952 15.433142l-10.154667 5.86362-7.484952-7.570286c3.59619-1.706667 6.912-3.254857 9.923047-4.998095 2.742857-1.584762 3.254857-3.888762 1.670095-6.631619l-10.617904-18.395429-18.407619 10.617905 17.517714 30.329904-8.911238 5.156572-17.517714-30.329905-18.529524 10.691048z m-13.531429-72.899047c1.609143-6.41219 2.755048-13.287619 3.584-20.72381l-26.758095 15.445333a146.529524 146.529524 0 0 1-2.901333 20.333715l26.075428-15.055238z m54.381714 37.778285l-10.142476-17.566476-18.395428 10.605714 10.142476 17.578667 18.395428-10.617905z m-15.213714-26.355809l-9.667047-16.737524-18.395429 10.605714 9.667048 16.749715 18.395428-10.605715z m-36.973714-0.975238l-17.712762 10.227809 9.667048 16.737524 17.712761-10.215619-9.667047-16.749714z m-99.84 12.81219l45.83619-26.465524 5.546667 9.606096-20.72381 11.971047c4.632381 12.141714 8.045714 24.07619 10.300953 35.596191l24.990476-14.433524 36.047238 62.451809-24.015238 13.860572 6.009905 10.435047-9.325714 5.388191-31.061334-53.796571c0.121905 5.607619-0.048762 11.008-0.304762 16.274285l-11.068952-5.863619c0.926476-21.211429-2.852571-42.642286-11.178667-64.365714l-15.506285 8.947809-5.546667-9.606095z m72.825905 83.663238l14.957714-8.630857-25.673143-44.470857-14.957714 8.643048 25.673143 44.458666z m138.873904-215.222857l10.154667-5.863619a452.169143 452.169143 0 0 1 17.39581 32.963048c27.550476 30.939429 56.344381 51.638857 86.211047 61.854476l-2.389333 12.348952c-25.453714-10.179048-49.883429-26.819048-73.264762-49.566476 1.536 4.242286 2.913524 8.20419 4.291048 12.178286 8.411429 26.61181 7.996952 52.833524-1.548191 78.470095l-11.398095-4.217905a110.896762 110.896762 0 0 0 2.523428-69.156571c-6.058667-19.382857-16.603429-42.386286-31.975619-69.010286z m-63.414857 37.534476c13.372952 1.609143 25.234286 4.08381 35.669334 7.582477l-2.767239 10.739809c-9.642667-3.388952-21.723429-5.936762-35.888761-7.643429l2.986666-10.678857z m7.387429 49.895619l29.647238-17.115428 34.620952 59.977143c2.57219-6.972952 5.241905-14.738286 7.765334-23.332572l8.338285 8.728381a224.170667 224.170667 0 0 1-14.652952 37.376l-8.911238-6.570666c1.097143-2.82819 1.01181-5.522286-0.256-7.716572l-30.902857-53.528381-20.175238 11.641905-5.473524-9.45981z" fill="#2EA222" ></path></symbol><symbol id="iconcancel" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#999999" ></path><path d="M414.037333 571.392l-86.186666 49.761524 23.369143 40.472381c3.486476 6.046476 8.472381 7.387429 14.787047 3.742476l68.888381-39.777524c3.291429-1.901714 5.571048-4.315429 6.680381-7.155809 1.316571-4.047238-1.974857-13.860571-9.874286-29.44l11.361524-2.523429c8.448 17.810286 11.983238 29.318095 10.752 34.779429-1.353143 4.632381-5.022476 8.752762-10.617905 12.361142l-74.386285 42.947048c-11.117714 6.41219-19.943619 3.815619-26.441143-7.43619l-41.593905-72.045715 9.874286-5.705143 11.727238 20.309334 76.178286-43.983238-20.687239-35.815619-91.538285 52.845714-5.546667-9.606095 101.558857-58.636191 31.695238 54.905905z m91.270096-25.429333l6.339047 10.971428 21.418667-12.361143-6.339048-10.971428-21.418666 12.361143z m17.139809-19.772953l-6.339048-10.983619-21.418666 12.361143 6.339047 10.971429 21.418667-12.348953z m-6.521905 38.156191l13.714286 23.747047-8.777143 5.071238-39.545905-68.486095 38.972953-22.503619 32.963047 57.088c4.120381 7.143619 2.56 12.982857-4.851809 17.261714l-8.374857 4.83962-7.107048-7.241143 8.057905-4.108191c3.291429-1.901714 4.205714-4.437333 2.462476-7.460571l-6.095238-10.569143-21.418667 12.361143z m-19.346285-89.295238c7.216762 4.266667 14.116571 9.240381 20.711619 14.945523l-5.315048 7.277715a74.118095 74.118095 0 0 0-4.425143-3.852191c-6.704762 6.436571-17.615238 15.11619-32.585143 25.965715l-5.753904-7.119239c1.877333-1.816381 3.096381-5.083429 3.449904-9.862095 0.121905-5.193143-0.109714-11.288381-0.804571-18.200381l-15.238095 8.801524-5.229715-9.057524 20.857905-12.04419a115.785143 115.785143 0 0 0-11.910095-9.228191l8.801524-7.277714c3.742476 3.328 7.862857 6.985143 12.312381 11.190857l19.894857-11.483428 5.241905 9.057523-25.258667 14.57981c0.743619 10.179048 0.828952 18.541714 0.170667 25.331809 7.046095-5.534476 13.470476-10.886095 19.431619-15.786666a148.163048 148.163048 0 0 0-10.081524-6.997334l5.729524-6.241523z m26.989714-9.350096c0.938667 3.84 1.80419 7.558095 2.438095 11.215239 10.73981 13.190095 21.052952 24.07619 31.085714 32.914285-3.986286-15.798857-11.129905-32.914286-21.174857-51.260952l-12.348952 7.131428z m36.473905 58.721524c-10.300952-8.326095-20.943238-18.834286-31.853715-31.378285 0.24381 3.888762 0.316952 7.497143 0.170667 11.056761l-9.593905-3.608381c-0.24381-18.16381-5.497905-39.643429-16.225524-64.560761l9.874286-3.498667c3.169524 8.045714 5.90019 15.616 8.167619 22.723048l24.027429-13.872762 5.315047 9.203809-5.766095 3.328c13.214476 23.844571 21.406476 45.641143 24.868572 65.596953 11.459048 8.411429 22.430476 13.775238 32.926476 16.128l-0.865524 11.483428c-9.874286-2.523429-20.053333-7.460571-30.415238-14.640762 0.792381 12.153905-0.292571 23.588571-3.352381 34.133334l-9.618286-5.241905c3.376762-11.27619 4.120381-23.612952 2.340572-36.85181z m-67.011048 84.260572l-10.154667 5.851428-7.228952-8.082285c3.254857-1.328762 6.290286-2.718476 9.179429-4.388572 3.291429-1.889524 3.742476-4.900571 1.450666-8.886857l-19.260952-33.353143a206.384762 206.384762 0 0 1-9.996191 13.104762l-8.179809-8.46019c4.400762-4.729905 8.582095-9.532952 12.397714-14.652953L442.928762 518.095238l-13.165714 7.606857-5.473524-9.472 13.165714-7.606857-14.494476-25.112381 9.472-5.473524 14.506667 25.112381 9.606095-5.534476 5.461333 9.45981-9.606095 5.546666 15.603809 27.038476c2.462476-3.974095 4.705524-8.021333 6.875429-12.190476l5.778286 10.020572c-2.157714 4.169143-4.400762 8.216381-6.863238 12.190476l23.381333 40.484571c4.59581 7.960381 3.267048 14.226286-4.144762 18.505143zM631.466667 363.50781l9.74019-5.61981 21.942857 38.009905 25.807238-14.896762 42.313143 73.289143c5.071238 8.777143 3.705905 15.60381-4.254476 20.211809l-13.726476 7.92381-8.070095-7.960381 13.409523-7.192381c3.437714-1.987048 3.949714-5.217524 1.487239-9.472l-8.313905-14.409143-41.862095 24.173714 17.517714 30.329905-9.886476 5.705143-50.236953-87.015619 26.087619-15.055238-21.955047-38.022095z m24.84419 80.457142l8.716191 15.09181 41.862095-24.173714-8.716191-15.09181-41.862095 24.161524z m36.937143-32.682666l-8.777143-15.238096-41.862095 24.161524 8.789333 15.238096 41.862095-24.161524z m-80.042667-30.268953c8.423619 4.461714 16.981333 9.764571 25.795048 15.847619l-5.656381 8.569905c-8.97219-6.339048-17.67619-11.580952-26.209524-15.603809l6.070857-8.813715z m51.44381-31.353904l10.447238-0.902096c1.401905 10.349714 1.682286 20.97981 0.926476 32.036572l-10.483809 0.548571c0.743619-11.398095 0.402286-21.820952-0.902096-31.683047z m-99.413333 51.907047l10.715428-3.620571c1.462857 5.376 2.755048 10.48381 3.84 15.530666l25.112381-14.506666 5.388191 9.337905-28.40381 16.39619c1.755429 11.617524 2.499048 22.710857 1.987048 33.255619l-11.020191-0.402286c0.585143-18.639238-1.950476-37.302857-7.619047-55.990857z m20.675047 45.336381l32.670476-18.858667 5.144381 8.923429-14.262857 8.240762 9.97181 17.286095 18.944-10.934857 5.315047 9.20381-18.944 10.934857 18.614857 32.243809c4.912762-5.753905 9.48419-12.422095 13.653334-19.772952l6.716952 7.838476c-5.863619 9.788952-13.592381 19.553524-23.235047 29.147429l-9.020953-6.13181c2.182095-2.54781 2.755048-4.705524 1.731048-6.497524L615.131429 477.257143l-18.944 10.934857-5.302858-9.20381 18.93181-10.934857-9.984-17.286095-8.777143 5.071238-5.156571-8.923428z" fill="#999999" ></path></symbol><symbol id="iconsp_refused" viewBox="0 0 1024 1024"><path d="M903.704381 460.860952a6.083048 6.083048 0 0 1 0.755809 2.206477c22.186667 158.585905-53.321143 316.708571-194.364952 398.140952-141.04381 81.432381-315.733333 67.754667-441.977905-30.756571a6.083048 6.083048 0 0 1-1.536-1.755429l-103.728762 59.891809-146.285714-253.366857 103.740953-59.891809a6.083048 6.083048 0 0 1-0.768-2.206476c-22.186667-158.585905 53.321143-316.708571 194.364952-398.140953 141.04381-81.432381 315.733333-67.754667 441.977905 30.756572 0.633905 0.487619 1.145905 1.097143 1.536 1.755428l103.728762-59.891809 146.285714 253.366857-103.740953 59.891809zM277.564952 822.369524c122.209524 94.110476 290.450286 106.800762 426.435048 28.281905 135.984762-78.506667 209.103238-230.546286 188.708571-383.439239l-82.809904 47.823239c0.52419 0.889905 0.816762 1.938286 0.816762 3.047619 0 8.289524-0.365714 16.591238-1.060572 24.868571a6.095238 6.095238 0 0 1-12.141714-1.03619c0.572952-6.753524 0.902095-13.531429 0.987428-20.297143l-426.715428 246.369524c6.436571 3.59619 13.007238 6.948571 19.699809 10.044952a6.095238 6.095238 0 0 1-5.12 11.056762 298.971429 298.971429 0 0 1-22.137904-11.373714 6.070857 6.070857 0 0 1-2.864762-3.718096l-83.797334 48.37181z m468.870096-608.524191C624.225524 119.710476 455.984762 107.032381 320 185.539048 184.015238 264.045714 110.896762 416.085333 131.291429 568.978286l82.809904-47.823238a6.070857 6.070857 0 0 1-0.816762-3.047619c0-8.289524 0.365714-16.591238 1.060572-24.868572a6.095238 6.095238 0 1 1 12.141714 1.036191c-0.572952 6.753524-0.902095 13.531429-0.987428 20.297142l426.715428-246.369523a286.829714 286.829714 0 0 0-19.699809-10.044953 6.095238 6.095238 0 0 1 5.12-11.056762c7.533714 3.486476 14.921143 7.277714 22.137904 11.373715 1.462857 0.841143 2.462476 2.194286 2.864762 3.718095l83.797334-48.37181z m43.093333 375.28381a6.095238 6.095238 0 1 1 11.824762 3.023238c-2.072381 8.045714-4.461714 15.993905-7.168 23.832381a6.095238 6.095238 0 0 1-11.52-3.998476c2.596571-7.521524 4.888381-15.140571 6.863238-22.857143z m-26.246095 66.645333a6.095238 6.095238 0 1 1 10.691047 5.851429c-3.986286 7.277714-8.265143 14.384762-12.836571 21.321143a6.095238 6.095238 0 0 1-10.166857-6.716953c4.388571-6.64381 8.484571-13.470476 12.312381-20.455619z m-42.447238 58.550857a6.095238 6.095238 0 0 1 8.886857 8.350477c-5.680762 6.034286-11.617524 11.836952-17.798095 17.395809a6.095238 6.095238 0 0 1-8.155429-9.057524c5.936762-5.339429 11.629714-10.898286 17.066667-16.700952z m-54.613334 45.214477a6.095238 6.095238 0 1 1 6.546286 10.276571 303.676952 303.676952 0 0 1-21.601524 12.55619 6.095238 6.095238 0 1 1-5.692952-10.776381 293.083429 293.083429 0 0 0 20.736-12.05638z m-64.731428 30.768761a6.095238 6.095238 0 0 1 3.827809 11.580953c-7.899429 2.596571-15.896381 4.87619-23.954285 6.802286a6.095238 6.095238 0 0 1-2.840381-11.861334c7.740952-1.852952 15.396571-4.022857 22.966857-6.521905z m-70.265905 13.689905a6.095238 6.095238 0 0 1 0.804571 12.166095c-8.289524 0.548571-16.579048 0.75581-24.880762 0.609524a6.095238 6.095238 0 1 1 0.207239-12.190476c7.960381 0.146286 15.920762-0.048762 23.868952-0.585143z m-72.094476-4.327619a6.095238 6.095238 0 0 1-2.255238 11.983238 300.446476 300.446476 0 0 1-24.234667-5.607619 6.095238 6.095238 0 0 1 3.230476-11.763809c7.68 2.121143 15.433143 3.913143 23.259429 5.38819z m-224.670476-352.585143a6.095238 6.095238 0 1 1-11.800381-3.023238c2.06019-8.045714 4.449524-15.993905 7.155809-23.832381a6.095238 6.095238 0 0 1 11.52 3.998476 288.26819 288.26819 0 0 0-6.863238 22.857143z m26.258285-66.645333a6.095238 6.095238 0 1 1-10.691047-5.851429c3.986286-7.277714 8.265143-14.384762 12.836571-21.321142a6.095238 6.095238 0 1 1 10.166857 6.716952c-4.388571 6.64381-8.484571 13.470476-12.312381 20.455619z m42.447238-58.550857a6.095238 6.095238 0 0 1-8.886857-8.350476c5.680762-6.034286 11.617524-11.836952 17.798095-17.39581a6.095238 6.095238 0 0 1 8.155429 9.057524c-5.936762 5.339429-11.629714 10.898286-17.066667 16.700952z m54.613334-45.214476a6.095238 6.095238 0 1 1-6.546286-10.276572 303.689143 303.689143 0 0 1 21.601524-12.55619 6.095238 6.095238 0 1 1 5.692952 10.776381 293.12 293.12 0 0 0-20.736 12.056381z m64.731428-30.768762a6.095238 6.095238 0 1 1-3.827809-11.580953c7.899429-2.596571 15.896381-4.87619 23.954285-6.802285a6.095238 6.095238 0 1 1 2.840381 11.861333c-7.740952 1.852952-15.396571 4.022857-22.966857 6.521905z m70.265905-13.689905a6.095238 6.095238 0 0 1-0.804571-12.166095c8.289524-0.548571 16.579048-0.75581 24.880762-0.609524a6.095238 6.095238 0 0 1-0.207239 12.190476 285.830095 285.830095 0 0 0-23.868952 0.585143z m72.094476 4.327619a6.095238 6.095238 0 0 1 2.255238-11.983238c8.155429 1.536 16.237714 3.413333 24.234667 5.607619a6.095238 6.095238 0 1 1-3.230476 11.763809c-7.68-2.121143-15.433143-3.913143-23.259429-5.38819zM33.219048 639.670857l134.095238 232.265143 823.466666-475.428571-134.095238-232.252953-823.466666 475.428572z" fill="#FF4466" ></path><path d="M278.28419 664.953905l9.106286 15.786666 30.476191-17.590857-9.118477-15.786666-30.47619 17.590857z m44.812191 7.253333l-30.476191 17.590857 4.681143 8.094476-9.606095 5.546667-38.436571-66.56 40.082285-23.137524-7.923809-13.726476 9.874286-5.705143 7.923809 13.726476 40.496762-23.381333L377.904762 650.812952l-9.606095 5.546667-4.437334-7.68-30.890666 17.822476 16.091428 27.855238-9.874285 5.705143-16.091429-27.855238z m4.644571-14.762667l30.890667-17.834666-9.118476-15.774476-30.878476 17.822476 9.106285 15.786666z m16.700953-42.398476l-9.106286-15.786666-30.890667 17.834666 9.118477 15.774476 30.878476-17.822476z m-49.871238 7.753143l-30.476191 17.590857 9.118476 15.774476 30.476191-17.590857-9.118476-15.774476z m39.216762-74.069333l13.872761 24.015238-9.618285 5.546667-8.716191-15.09181-95.24419 54.991238 9.118476 15.786667-9.606095 5.546666-14.262857-24.710095 52.284952-30.183619c-3.437714-2.779429-6.704762-5.278476-9.959619-7.43619l9.398857-7.801905c3.352381 2.645333 6.814476 5.766095 10.727619 9.374476l52.004572-30.037333z m88.576 14.921143l5.38819 9.337904c-3.279238 4.449524-6.777905 8.850286-10.215619 13.04381l22.186667 38.41219c4.59581 7.960381 3.181714 14.08-4.230096 18.358858l-11.934476 6.899809-7.68-8.557714c3.803429-1.645714 7.533714-3.437714 10.959238-5.412572 3.291429-1.901714 3.900952-4.632381 1.852953-8.20419l-18.858667-32.670476a693.881905 693.881905 0 0 1-12.373333 12.81219l-7.801905-8.118857c5.059048-4.559238 10.032762-9.264762 14.701714-14.165333l-19.407238-33.621334-15.506286 8.96-5.473523-9.472 15.506285-8.96-14.652952-25.380571 9.606095-5.546667 14.652953 25.380572 13.592381-7.838477 5.461333 9.472-13.580191 7.838477 17.590858 30.47619c3.57181-4.266667 6.948571-8.582095 10.215619-13.043809z m11.008-18.980572l35.34019 61.208381a122.758095 122.758095 0 0 0 14.177524-16.969143l7.094857 8.167619c-6.985143 9.155048-15.652571 18.553905-25.86819 28.111238l-7.777524-7.765333c2.462476-2.706286 2.791619-5.64419 1.048381-8.655238l-62.122667-107.605333 9.74019-5.61981 22.820572 39.521524 19.346286-11.166476 5.546666 9.606095-19.346285 11.166476z m91.794285 44.897524l-11.52 6.656c-7.960381 4.59581-14.482286 2.511238-19.382857-5.997714l-63.878095-110.628572 9.752381-5.619809 23.929905 41.447619a123.672381 123.672381 0 0 0 17.359238-25.392762l10.435047 4.754286c-7.094857 11.800381-14.372571 22.02819-22.089143 30.512762l33.036191 57.234285c2.145524 3.705905 5.034667 4.59581 8.606476 2.535619l6.716953-3.876571c3.169524-1.828571 4.717714-4.193524 4.985904-6.89981 0.365714-3.510857-2.82819-11.556571-9.411047-24.222476l10.727619-2.340571c7.753143 15.652571 11.068952 25.819429 10.081524 30.768762-0.889905 4.169143-3.85219 7.899429-9.350096 11.068952z m126.573715-124.672l-53.260191 30.744381 15.530667 26.904381 61.488762-35.498667 5.473523 9.45981-71.509333 41.289143-66.950095-115.968 69.034667-39.862858 5.461333 9.472-59.014095 34.072381 13.153523 22.784 53.248-30.744381 27.343239 47.34781z m-75.288381-7.41181l16.64 28.818286 43.78819-25.270857-16.64-28.818286-43.78819 25.270857z m-11.593143 17.310477l5.778285 10.020571c-3.900952 5.912381-8.094476 11.629714-12.434285 17.432381l23.771428 41.167238c4.120381 7.143619 2.82819 12.824381-3.766857 16.62781l-13.994666 8.082285-7.436191-8.143238c4.62019-2.121143 9.020952-4.303238 13.153524-6.680381 2.462476-1.426286 2.962286-3.730286 1.219047-6.741333l-20.284952-35.145143a441.904762 441.904762 0 0 1-15.286857 17.249524l-8.252952-8.594286c6.314667-5.851429 12.263619-12.01981 17.834666-18.529524l-18.383238-31.841523-19.21219 11.093333-5.461334-9.472 19.212191-11.093333-14.348191-24.844191 9.472-5.461333 14.348191 24.84419 16.737524-9.667047 5.473523 9.459809-16.749714 9.667048 16.335238 28.281905c4.327619-5.802667 8.448-11.654095 12.27581-17.712762z m160.914285-36.352l5.461334 9.472c-9.106286 12.751238-20.626286 25.441524-34.352762 38.131809l-6.704762-8.764952c14.494476-12.934095 26.428952-25.86819 35.59619-38.838857z m-78.87238-84.943238L658.285714 351.695238c3.718095 21.650286 5.290667 39.582476 4.803048 53.955048 4.815238-3.693714 9.691429-7.606857 14.360381-11.580953-0.52419-6.290286-1.060571-12.921905-1.706667-20.065523l10.471619-1.828572c2.31619 30.317714 2.511238 52.528762 0.804572 66.681905 8.228571-7.314286 15.847619-15.36 23.113143-24.32l5.071238 8.789333c-10.605714 12.702476-21.662476 23.661714-32.975238 32.585143l-7.899429-7.338667a17.066667 17.066667 0 0 0 2.937905-5.363809c1.499429-8.17981 1.743238-20.760381 0.853333-37.827048-5.863619 5.046857-11.958857 10.020571-18.18819 15.079619l-7.704381-7.631238a10.215619 10.215619 0 0 0 1.987047-6.083047c-0.426667-16.579048-2.913524-34.182095-7.314285-53.23581z m86.02819 16.213333l-18.249143 10.532571 13.860572 24.015238 18.249142-10.532571-13.860571-24.015238z m22.649905 18.944l18.663619-10.776381-13.860572-24.015238-18.675809 10.776381 13.872762 24.015238z m-13.336381-36.400762l22.235428-12.836571 24.259048 41.99619-55.04 31.768381 15.213714 26.35581c2.133333 3.705905 5.168762 4.510476 9.362286 2.279619l36.08381-20.845715c3.974095-2.645333 5.973333-5.827048 6.046476-9.508571-0.24381-2.974476-2.486857-9.374476-7.046096-19.18781l10.849524-2.425904c4.120381 9.337905 6.607238 16.505905 7.448381 21.138285 0.999619 7.119238-2.06019 12.909714-9.179428 17.383619l-42.544762 24.56381c-7.960381 4.59581-14.019048 2.974476-18.456381-4.717714l-38.034286-65.877334-1.511619 5.632-10.020571-3.730285c5.071238-17.200762 6.265905-36.376381 3.413333-57.782858l10.666667-3.413333c0.572952 4.790857 1.060571 9.447619 1.340952 14.043429l32.109714-18.529524 4.205715 7.265524a158.598095 158.598095 0 0 1-1.401905 26.428952z m-37.059048 21.394286l25.941334-14.982096c1.26781-7.314286 2.121143-15.676952 2.267428-24.917333L707.59619 348.647619a152.380952 152.380952 0 0 1-2.401523 24.990476z" fill="#FF4466" ></path></symbol><symbol id="iconsptg" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 0 512 0a512 512 0 0 0 0 1024z" fill="#FFFFFF" ></path><path d="M512 910.222222A398.222222 398.222222 0 1 1 512 113.777778a398.222222 398.222222 0 0 1 0 796.444444z" fill="#2EA222" ></path><path d="M234.666667 533.333333l32.028444-42.666666 149.333333 85.333333 330.638223-277.333333 42.666666 42.666666-341.333333 384h-42.666667z" fill="#FFFFFF" ></path></symbol><symbol id="icondsp" viewBox="0 0 1024 1024"><path d="M512 1024A512 512 0 1 0 512 0a512 512 0 0 0 0 1024z" fill="#FFFFFF" ></path><path d="M512 910.222222A398.222222 398.222222 0 1 1 512 113.777778a398.222222 398.222222 0 0 1 0 796.444444z" fill="#FF8822" ></path><path d="M298.666667 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m213.333333 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m213.333333 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128z" fill="#FFFFFF" ></path></symbol><symbol id="iconClock" viewBox="0 0 1024 1024"><path d="M512 213.333333c-164.949333 0-298.666667 133.717333-298.666667 298.666667s133.717333 298.666667 298.666667 298.666667 298.666667-133.717333 298.666667-298.666667-133.717333-298.666667-298.666667-298.666667z m97.408 403.434667l-8.725333 8.682667a19.989333 19.989333 0 0 1-27.093334 0.725333l-100.053333-86.016c-7.658667-6.826667-13.461333-20.842667-12.949333-31.061333l10.453333-165.141334a19.882667 19.882667 0 0 1 19.584-18.645333h12.266667a19.84 19.84 0 0 1 19.584 18.645333l8.533333 135.232c0.512 10.261333 6.528 24.917333 13.333333 32.576L610.133333 589.653333a20.074667 20.074667 0 0 1-0.746666 27.114667z" fill="#3D94FB" ></path></symbol><symbol id="iconAirplane" viewBox="0 0 1024 1024"><path d="M578.773333 423.061333l215.68-73.642666c63.488-15.573333 158.208 72.405333 57.386667 103.808l-479.338667 163.434666a128 128 0 0 1-123.733333-23.210666l-93.76-78.933334a21.333333 21.333333 0 0 1 5.674667-36.053333l29.290666-11.968a21.333333 21.333333 0 0 1 17.024 0.384l101.034667 46.72a42.666667 42.666667 0 0 0 32.426667 1.408l38.101333-13.76a34.944 34.944 0 0 0 11.605333-58.752l-153.28-138.965333c-29.269333-23.616 19.626667-69.845333 79.850667-34.922667l224.576 149.589333a42.666667 42.666667 0 0 0 37.44 4.864z" fill="#3D94FB" ></path><path d="M256 746.666667m21.333333 0l512 0q21.333333 0 21.333334 21.333333l0 21.333333q0 21.333333-21.333334 21.333334l-512 0q-21.333333 0-21.333333-21.333334l0-21.333333q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path></symbol><symbol id="iconBorrow" viewBox="0 0 1024 1024"><path d="M533.333333 704h-149.333333a42.666667 42.666667 0 0 1-42.666667-42.666667V362.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h149.333333v-85.333333h-149.333333a128 128 0 0 0-128 128v298.666666a128 128 0 0 0 128 128h149.333333v-85.333333z" fill="#CAE0FE" ></path><path d="M673.834667 576h149.333333a21.333333 21.333333 0 0 0 21.333333-21.333333v-85.333334a21.333333 21.333333 0 0 0-21.333333-21.333333h-149.333333v-97.834667a21.333333 21.333333 0 0 0-36.416-15.082666l-161.834667 161.834666a21.333333 21.333333 0 0 0 0 30.165334l161.834667 161.834666a21.333333 21.333333 0 0 0 36.416-15.082666V576z" fill="#3D94FB" ></path></symbol><symbol id="iconConnect" viewBox="0 0 1024 1024"><path d="M597.333333 384v-119.168a21.333333 21.333333 0 0 1 36.416-15.082667l183.168 183.168A21.333333 21.333333 0 0 1 801.834667 469.333333H234.666667a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h362.666666z" fill="#3D94FB" ></path><path d="M426.666667 640v119.168a21.333333 21.333333 0 0 1-36.416 15.082667l-183.168-183.168A21.333333 21.333333 0 0 1 222.165333 554.666667H789.333333a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333H426.666667z" fill="#CAE0FE" ></path></symbol><symbol id="iconCar" viewBox="0 0 1024 1024"><path d="M438.613333 246.229333a504.533333 504.533333 0 0 1 146.005334 0c34.069333 6.677333 68.053333 11.968 100.053333 20.693334a70.976 70.976 0 0 1 50.346667 46.293333c13.866667 38.229333 28.330667 76.053333 43.541333 113.664 2.752 6.336 10.88 15.701333 15.637333 14.954667 27.008-4.48 52.693333 13.013333 57.813334 39.296 1.749333 6.762667 1.749333 13.930667 0 20.693333l-38.784 10.325333c2.410667 13.248 3.989333 26.602667 4.736 40.021334v184.618666a52.096 52.096 0 0 1-11.562667 30.677334c-35.904 6.762667-72.789333 7.466667-108.928 2.026666-25.173333-15.701333-9.557333-41.984-17.706667-63.296h-330.666666c-6.464 22.698667-10.197333 60.629333-17.685334 63.296-36.906667 6.357333-74.709333 6.357333-111.594666 0a58.602667 58.602667 0 0 1-12.224-35.306666c-2.069333-26.666667-2.069333-51.989333-2.069334-77.952 0-48.32 0-96.64 2.069334-145.322667l-36.053334-9.344a38.762667 38.762667 0 0 1 0-16.362667c10.218667-26.666667 23.850667-47.36 58.922667-44.330666 4.053333 0 11.882667-7.978667 14.293333-13.994667a888.96 888.96 0 0 0 34.069334-90.986667c12.864-45.653333 53.674667-78.506667 101.952-82.346666 18.688-3.328 38.144-5.674667 56.832-8.682667l1.002666 1.365333z m-121.493333 363.306667c12.224 0.64 24.426667 0 36.394667-2.026667 9.386667-2.133333 17.450667-8.064 22.101333-16.362666 1.749333-4.970667-6.144-17.322667-12.949333-20.330667a810.176 810.176 0 0 0-85.098667-33.365333c-14.293333-4.650667-30.656-3.669333-34.069333 16.021333-6.826667 28.970667 0 45.013333 22.101333 49.642667 17.365333 3.328 34.069333 3.989333 53.12 5.696l-1.6 0.725333z m392.384 0a491.306667 491.306667 0 0 0 53.44-6.677333c25.514667-5.696 20.117333-25.941333 19.370667-43.690667-0.682667-17.664-10.24-25.962667-24.192-21.973333a745.216 745.216 0 0 0-102.122667 37.994666c-14.954667 6.997333-9.557333 26.368 7.466667 30.037334a377.813333 377.813333 0 0 0 45.952 3.989333v0.32h0.085333z" fill="#3D94FB" ></path><path d="M288.213333 452.181333a1097.130667 1097.130667 0 0 0 445.226667 0c-12.629333-37.034667-25.173333-69.973333-34.069333-103.338666-5.397333-26.197333-29.162667-44.842667-56.512-44.352a6341.184 6341.184 0 0 0-211.733334-6.016c-22.997333 0.896-45.866667 4.309333-68.053333 10.325333-10.218667 2.048-19.2 8.064-24.832 16.682667-19.114667 40.448-33.408 82.112-50.026667 126.698666z" fill="#CAE0FE" ></path></symbol><symbol id="iconLend" viewBox="0 0 1024 1024"><path d="M533.333333 704h-149.333333a42.666667 42.666667 0 0 1-42.666667-42.666667V362.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h149.333333v-85.333333h-149.333333a128 128 0 0 0-128 128v298.666666a128 128 0 0 0 128 128h149.333333v-85.333333z" fill="#CAE0FE" ></path><path d="M640 576h-149.333333a21.333333 21.333333 0 0 1-21.333334-21.333333v-85.333334a21.333333 21.333333 0 0 1 21.333334-21.333333h149.333333v-97.834667a21.333333 21.333333 0 0 1 36.416-15.082666l161.834667 161.834666a21.333333 21.333333 0 0 1 0 30.165334l-161.834667 161.834666A21.333333 21.333333 0 0 1 640 673.834667V576z" fill="#3D94FB" ></path></symbol><symbol id="iconMedal" viewBox="0 0 1024 1024"><path d="M341.333333 640h384v198.4a21.333333 21.333333 0 0 1-31.701333 18.666667l-149.930667-83.306667a21.333333 21.333333 0 0 0-20.736 0l-149.930666 83.306667A21.333333 21.333333 0 0 1 341.333333 838.4V640z" fill="#CAE0FE" ></path><path d="M533.333333 725.333333c-153.173333 0-277.333333-124.16-277.333333-277.333333S380.16 170.666667 533.333333 170.666667s277.333333 124.16 277.333334 277.333333-124.16 277.333333-277.333334 277.333333z m0-106.666666a170.666667 170.666667 0 1 0 0-341.333334 170.666667 170.666667 0 0 0 0 341.333334z m0-42.666667a128 128 0 1 1 0-256 128 128 0 0 1 0 256z" fill="#3D94FB" ></path></symbol><symbol id="iconFiles" viewBox="0 0 1024 1024"><path d="M768 503.082667A170.666667 170.666667 0 0 0 570.773333 768H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V298.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h64v42.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h213.333334a42.666667 42.666667 0 0 0 42.666666-42.666666v-42.666667h64a42.666667 42.666667 0 0 1 42.666667 42.666667v204.416zM362.666667 426.666667a21.333333 21.333333 0 0 0 0 42.666666h298.666666a21.333333 21.333333 0 0 0 0-42.666666H362.666667z m0 128a21.333333 21.333333 0 0 0 0 42.666666h128a21.333333 21.333333 0 0 0 0-42.666666h-128z" fill="#CAE0FE" ></path><path d="M405.333333 234.666667v42.666666a21.333333 21.333333 0 0 0 21.333334 21.333334h170.666666a21.333333 21.333333 0 0 0 21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333334-21.333334h-170.666666a21.333333 21.333333 0 0 0-21.333334 21.333334z" fill="#3D94FB" ></path><path d="M704 789.333333a128 128 0 1 1 0-256 128 128 0 0 1 0 256z m5.696-135.573333V607.786667a17.493333 17.493333 0 0 0-34.986667 0v53.184c-0.021333 5.376 2.432 10.453333 6.656 13.76 0.832 0.725333 1.728 1.386667 2.709334 1.962666l62.656 36.16a16.341333 16.341333 0 0 0 16.32-28.288l-53.354667-30.805333z" fill="#FF8822" ></path></symbol><symbol id="iconLogistical" viewBox="0 0 1024 1024"><path d="M565.973333 682.666667h-150.613333a85.333333 85.333333 0 0 0-169.386667 0H213.333333a21.333333 21.333333 0 0 1-21.333333-21.333334V320a21.333333 21.333333 0 0 1 21.333333-21.333333h405.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v85.333333h83.84a42.666667 42.666667 0 0 1 35.498667 18.986667l58.325333 87.509333a85.333333 85.333333 0 0 1 14.336 47.36V661.333333a21.333333 21.333333 0 0 1-21.333333 21.333334h-75.306667a85.333333 85.333333 0 0 0-169.386667 0zM661.333333 559.168h128a42.666667 42.666667 0 0 0-7.168-23.68L723.84 448H661.333333v111.168z" fill="#3D94FB" ></path><path d="M330.666667 757.333333a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM650.666667 757.333333a64 64 0 1 1 0-128 64 64 0 0 1 0 128z" fill="#CAE0FE" ></path></symbol><symbol id="iconFlag" viewBox="0 0 1024 1024"><path d="M764.522667 256h-7.381334s-78.72 48.213333-130.410666 48.213333h-7.381334c-19.690667-2.389333-36.906667-9.621333-54.122666-14.442666-24.618667-9.664-49.216-19.306667-91.050667-19.306667h-9.834667c-64 2.410667-118.122667 16.896-132.885333 21.717333l-7.381333-9.664c-2.453333-2.410667-7.381333-2.410667-9.813334-2.410666l-32 12.074666c-4.928 2.410667-4.928 4.821333-4.928 9.642667l157.482667 504.021333c0 2.410667 4.906667 4.821333 7.381333 4.821334 2.453333 0 4.906667 0 4.906667-2.410667l39.381333-33.770667c2.453333-2.410667 2.453333-4.821333 2.453334-7.232 0-2.410667-34.453333-94.037333-36.906667-125.397333 0-16.874667 7.381333-33.770667 19.690667-48.213333 14.762667-14.506667 44.288-31.36 103.338666-31.36 34.453333 0 63.978667-4.842667 91.029334-12.074667 22.144-7.232 41.834667-14.464 59.050666-26.517333 29.546667-19.285333 39.381333-38.592 41.834667-38.592v-221.866667c2.474667-2.410667 0-4.821333-2.453333-7.232z" fill="#3D94FB" ></path></symbol><symbol id="iconHandshake" viewBox="0 0 1024 1024"><path d="M572.330667 712.746667L512 652.373333a10.666667 10.666667 0 0 0-15.082667 0l-15.082666 15.104a10.666667 10.666667 0 0 0 0 15.082667l67.882666 67.882667-30.165333 30.165333a21.333333 21.333333 0 0 1-30.186667 0L187.669333 478.933333a21.333333 21.333333 0 0 1 0-30.165333l211.2-211.2a21.333333 21.333333 0 0 1 30.165334 0l301.696 301.696a21.333333 21.333333 0 0 1 0 30.165333l-22.613334 22.634667a10.666667 10.666667 0 0 1-15.104 0l-60.330666-60.330667a10.666667 10.666667 0 0 0-15.082667 0l-15.082667 15.082667a10.666667 10.666667 0 0 0 0 15.082667l60.330667 60.330666a10.666667 10.666667 0 0 1 0 15.082667l-15.082667 15.082667a10.666667 10.666667 0 0 1-15.082666 0l-60.352-60.330667a10.666667 10.666667 0 0 0-15.082667 0l-15.082667 15.082667a10.666667 10.666667 0 0 0 0 15.082666l60.352 60.352a10.666667 10.666667 0 0 1 0 15.082667l-15.082666 15.082667a10.666667 10.666667 0 0 1-15.104 0z" fill="#3D94FB" ></path><path d="M655.317333 252.650667l165.930667 165.930666a42.666667 42.666667 0 0 1 0 60.352l-37.717333 37.717334a10.666667 10.666667 0 0 1-15.082667 0l-211.2-211.2a10.666667 10.666667 0 0 1 0-15.082667l37.717333-37.717333a42.666667 42.666667 0 0 1 60.352 0z" fill="#CAE0FE" ></path></symbol><symbol id="iconStationery" viewBox="0 0 1024 1024"><path d="M256 640h64a21.333333 21.333333 0 0 0 0-42.666667h-64v-85.333333h64a21.333333 21.333333 0 0 0 0-42.666667h-64v-85.333333h64a21.333333 21.333333 0 0 0 0-42.666667h-64v-64a21.333333 21.333333 0 0 1 21.333333-21.333333h170.666667a21.333333 21.333333 0 0 1 21.333333 21.333333v426.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-170.666667a21.333333 21.333333 0 0 1-21.333333-21.333333v-64z" fill="#CAE0FE" ></path><path d="M768 341.333333H554.666667v-42.666666a42.666667 42.666667 0 0 1 42.666666-42.666667h128a42.666667 42.666667 0 0 1 42.666667 42.666667v42.666666z m0 42.666667v201.088a42.666667 42.666667 0 0 1-6.485333 22.613333l-64 102.4a42.666667 42.666667 0 0 1-72.362667 0l-64-102.4a42.666667 42.666667 0 0 1-6.485333-22.613333V384h213.333333z" fill="#3D94FB" ></path></symbol><symbol id="iconKey" viewBox="0 0 1024 1024"><path d="M438.656 466.645333a192 192 0 1 1 120.682667 120.682667l-77.034667 77.034667h-55.168v55.168l-5.184 5.184h-55.146667v55.146666l-32.768 32.768L213.333333 812.586667l0.021334-120.661334 225.301333-225.301333z m91.477333-151.829333l181.034667 181.034667a128 128 0 1 0-181.034667-181.034667z m-75.413333 196.117333l-181.013333 181.013334 15.082666 15.082666 181.013334-181.013333-15.082667-15.082667z" fill="#3D94FB" ></path></symbol><symbol id="iconFinancial_Grant" viewBox="0 0 1024 1024"><path d="M341.333333 490.666667H196.416a10.666667 10.666667 0 0 0-7.530667 18.218666l315.562667 315.562667a10.666667 10.666667 0 0 0 15.104 0l315.562667-315.562667a10.666667 10.666667 0 0 0-7.530667-18.218666H682.666667V234.666667a21.333333 21.333333 0 0 0-21.333334-21.333334H362.666667a21.333333 21.333333 0 0 0-21.333334 21.333334v256z" fill="#3D94FB" ></path><path d="M598.229333 362.666667l-49.130666 80.704H608v31.616h-70.037333v35.946666H608v31.616h-70.037333V597.333333h-49.749334v-54.784H416V510.933333h72.213333v-35.946666H416v-31.616h60.010667L428.373333 362.666667h54.549334l22.101333 50.069333c3.776 7.338667 6.912 14.336 9.386667 21.013333h0.853333c1.749333-5.226667 5.034667-12.629333 9.813333-22.186666L546.773333 362.666667h51.477334z" fill="#FFFFFF" ></path></symbol><symbol id="iconSignature" viewBox="0 0 1024 1024"><path d="M541.098667 551.893333a64 64 0 1 0-73.898667-42.666666l-125.482667 217.322666 8.661334-291.733333a42.666667 42.666667 0 0 1 20.416-35.157333l186.816-113.984a42.666667 42.666667 0 0 1 43.562666-0.533334l66.986667 38.677334a42.666667 42.666667 0 0 1 21.333333 37.973333l-5.333333 218.794667a42.666667 42.666667 0 0 1-20.224 35.285333l-248.32 153.344 125.482667-217.322667z" fill="#3D94FB" ></path><path d="M621.248 173.568l133.504 77.077333a21.333333 21.333333 0 0 1 3.477333 34.432l-16.832 14.933334a21.333333 21.333333 0 0 1-24.810666 2.496l-121.173334-69.952a21.333333 21.333333 0 0 1-10.24-22.741334l4.522667-22.037333a21.333333 21.333333 0 0 1 31.573333-14.208z" fill="#CAE0FE" ></path><path d="M256 810.666667m21.333333 0l512 0q21.333333 0 21.333334 21.333333l0 21.333333q0 21.333333-21.333334 21.333334l-512 0q-21.333333 0-21.333333-21.333334l0-21.333333q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path></symbol><symbol id="iconStamp" viewBox="0 0 1024 1024"><path d="M746.666667 554.666667h-140.821334a34.666667 34.666667 0 0 1-32.170666-47.530667c2.752-6.869333 7.957333-12.309333 14.336-16.085333a149.12 149.12 0 0 0 73.194666-134.698667c-3.2-77.568-68.949333-141.674667-146.581333-142.997333A149.333333 149.333333 0 0 0 362.666667 362.666667c0 54.698667 29.482667 102.4 73.344 128.384 6.357333 3.776 11.541333 9.194667 14.293333 16.064l0.021333 0.021333A34.666667 34.666667 0 0 1 418.154667 554.666667H277.333333a21.333333 21.333333 0 0 0-21.333333 21.333333v85.333333a21.333333 21.333333 0 0 0 21.333333 21.333334h469.333334a21.333333 21.333333 0 0 0 21.333333-21.333334v-85.333333a21.333333 21.333333 0 0 0-21.333333-21.333333" fill="#3D94FB" ></path><path d="M277.333333 725.333333m21.333334 0l426.666666 0q21.333333 0 21.333334 21.333334l0 21.333333q0 21.333333-21.333334 21.333333l-426.666666 0q-21.333333 0-21.333334-21.333333l0-21.333333q0-21.333333 21.333334-21.333334Z" fill="#CAE0FE" ></path></symbol><symbol id="iconSuspended" viewBox="0 0 1024 1024"><path d="M608.682667 519.402667a180.714667 180.714667 0 0 0-78.421334 149.12c0 32.938667 8.810667 63.850667 24.192 90.453333H279.210667c-11.221333 0-20.330667-9.685333-20.330667-21.632v-27.093333c0-2.048 0.32-4.117333 0.981333-6.272 6.058667-18.304 18.624-34.517333 37.376-48.213334 14.570667-10.666667 33.024-19.946667 54.826667-27.562666 33.898667-11.818667 68.992-16.554667 80.810667-17.962667 0.64-0.085333-0.554667-30.570667-0.170667-31.146667 0.064-0.128 0-11.242667-6.549333-18.581333a2.005333 2.005333 0 0 0-0.490667-0.533333c-19.413333-16.32-35.946667-39.552-48-67.456a2.410667 2.410667 0 0 0-1.834667-1.450667c-16.896-2.474667-32.490667-20.672-38.037333-45.077333-6.058667-26.730667 0.810667-51.882667 16.426667-61.952a2.602667 2.602667 0 0 0 1.130666-2.218667c-0.832-51.136 11.477333-91.712 36.586667-120.597333 32.32-37.205333 76.672-45.013333 108.16-45.013334 31.509333 0 75.861333 7.808 108.16 45.013334 25.130667 28.906667 37.44 69.461333 36.608 120.597333a2.602667 2.602667 0 0 0 1.152 2.218667c15.573333 10.069333 22.464 35.2 16.405333 61.952-5.546667 24.426667-21.162667 42.602667-38.037333 45.077333a2.410667 2.410667 0 0 0-1.856 1.450667c-3.968 9.28-8.597333 18.261333-13.866667 26.88z" fill="#3D94FB" ></path><path d="M711.189333 804.202667a135.68 135.68 0 1 1 0-271.381334 135.68 135.68 0 0 1 0 271.381334zM640 640v42.666667h149.333333v-42.666667h-149.333333z" fill="#FF4466" ></path></symbol><symbol id="iconSuitcase" viewBox="0 0 1024 1024"><path d="M234.666667 320m85.333333 0l384 0q85.333333 0 85.333333 85.333333l0 234.666667q0 85.333333-85.333333 85.333333l-384 0q-85.333333 0-85.333333-85.333333l0-234.666667q0-85.333333 85.333333-85.333333Z" fill="#3D94FB" ></path><path d="M362.666667 426.666667m21.333333 0l0 0q21.333333 0 21.333333 21.333333l0 149.333333q0 21.333333-21.333333 21.333334l0 0q-21.333333 0-21.333333-21.333334l0-149.333333q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M490.666667 426.666667m21.333333 0l0 0q21.333333 0 21.333333 21.333333l0 149.333333q0 21.333333-21.333333 21.333334l0 0q-21.333333 0-21.333333-21.333334l0-149.333333q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M618.666667 426.666667m21.333333 0l0 0q21.333333 0 21.333333 21.333333l0 149.333333q0 21.333333-21.333333 21.333334l0 0q-21.333333 0-21.333333-21.333334l0-149.333333q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M320 746.666667h106.666667a42.666667 42.666667 0 0 1-42.666667 42.666666h-21.333333a42.666667 42.666667 0 0 1-42.666667-42.666666zM597.333333 746.666667h106.666667a42.666667 42.666667 0 0 1-42.666667 42.666666h-21.333333a42.666667 42.666667 0 0 1-42.666667-42.666666z" fill="#3D94FB" ></path><path d="M416 277.333333h192v42.666667h64v-53.333333A53.333333 53.333333 0 0 0 618.666667 213.333333H405.333333a53.333333 53.333333 0 0 0-53.333333 53.333334V320h64v-42.666667z" fill="#CAE0FE" ></path></symbol><symbol id="iconNotepaper" viewBox="0 0 1024 1024"><path d="M369.024 549.696L281.472 371.648a21.333333 21.333333 0 0 1 7.253333-27.157333l164.885334-110.421334a21.333333 21.333333 0 0 1 17.386666-2.88l361.557334 96.874667a21.333333 21.333333 0 0 1 15.082666 26.133333L770.346667 642.688a21.333333 21.333333 0 0 1-26.133334 15.082667l-361.557333-96.874667a21.333333 21.333333 0 0 1-13.632-11.2z" fill="#CAE0FE" ></path><path d="M258.773333 571.52l13.226667-198.016a21.333333 21.333333 0 0 1 19.84-19.84l197.994667-13.226667a21.333333 21.333333 0 0 1 16.512 6.208l264.682666 264.682667a21.333333 21.333333 0 0 1 0 30.165333l-211.2 211.2a21.333333 21.333333 0 0 1-30.165333 0L264.981333 588.010667a21.333333 21.333333 0 0 1-6.186666-16.512z" fill="#3D94FB" ></path><path d="M393.898667 475.562667m-30.16989 30.169889a42.666667 42.666667 0 1 0 60.339779-60.339779 42.666667 42.666667 0 1 0-60.339779 60.339779Z" fill="#FFFFFF" ></path></symbol><symbol id="iconWallet" viewBox="0 0 1024 1024"><path d="M789.333333 469.333333h-149.333333a64 64 0 0 0 0 128h149.333333v85.333334a64 64 0 0 1-64 64H298.666667a64 64 0 0 1-64-64V384a64 64 0 0 1 64-64h426.666666a64 64 0 0 1 64 64v85.333333z" fill="#3D94FB" ></path><path d="M412.16 298.666667l135.253333-78.08a64 64 0 0 1 87.424 23.424L666.410667 298.666667H412.16z" fill="#CAE0FE" ></path><path d="M640 533.333333m-42.666667 0a42.666667 42.666667 0 1 0 85.333334 0 42.666667 42.666667 0 1 0-85.333334 0Z" fill="#3D94FB" ></path></symbol><symbol id="iconMoney" viewBox="0 0 1024 1024"><path d="M403.648 341.333333h213.376a49.066667 49.066667 0 0 0 37.461333-16.853333c22.016-25.770667 42.901333-57.386667 47.573334-85.738667 9.450667-56.725333-15.232-85.504-86.848-85.504-71.616 0-47.381333 46.250667-75.221334 50.069334-20.757333 2.837333-20.010667-24.106667-52.608-50.005334-23.424-18.517333-49.664 33.792-80.576 34.133334C370.730667 187.882667 320 178.069333 320 238.72c0 24.533333 21.824 57.664 45.653333 85.12A50.389333 50.389333 0 0 0 403.626667 341.333333z" fill="#CAE0FE" ></path><path d="M674.048 404.778667A56.618667 56.618667 0 0 0 630.4 384H410.026667c-15.914667 0-31.274667 6.826667-42.282667 19.136C298.517333 480.469333 234.666667 590.869333 234.666667 671.36 234.666667 742.4 301.568 832 384.085333 832h255.829334C722.432 832 789.333333 743.125333 789.333333 671.381333c0-81.962667-51.370667-189.269333-115.285333-266.602666z" fill="#3D94FB" ></path><path d="M608.896 490.666667l-49.130667 80.704H618.666667v31.616h-70.037334v35.946666H618.666667v31.616h-70.037334V725.333333h-49.749333v-54.784H426.666667V638.933333h72.213333v-35.946666H426.666667v-31.616h59.989333L439.04 490.666667h54.549333l22.101334 50.069333c3.776 7.338667 6.912 14.336 9.386666 21.013333h0.853334c1.749333-5.226667 5.034667-12.629333 9.813333-22.186666L557.44 490.666667h51.477333z" fill="#FFFFFF" ></path></symbol><symbol id="iconReinstatement" viewBox="0 0 1024 1024"><path d="M608.682667 519.402667a180.714667 180.714667 0 0 0-78.421334 149.12c0 32.938667 8.810667 63.850667 24.192 90.453333H279.210667c-11.221333 0-20.330667-9.685333-20.330667-21.632v-27.093333c0-2.048 0.32-4.117333 0.981333-6.272 6.058667-18.304 18.624-34.517333 37.376-48.213334 14.570667-10.666667 33.024-19.946667 54.826667-27.562666 33.898667-11.818667 68.992-16.554667 80.810667-17.962667 0.64-0.085333-0.554667-30.570667-0.170667-31.146667 0.064-0.128 0-11.242667-6.549333-18.581333a2.005333 2.005333 0 0 0-0.490667-0.533333c-19.413333-16.32-35.946667-39.552-48-67.456a2.410667 2.410667 0 0 0-1.834667-1.450667c-16.896-2.474667-32.490667-20.672-38.037333-45.077333-6.058667-26.730667 0.810667-51.882667 16.426667-61.952a2.602667 2.602667 0 0 0 1.130666-2.218667c-0.832-51.136 11.477333-91.712 36.586667-120.597333 32.32-37.205333 76.672-45.013333 108.16-45.013334 31.509333 0 75.861333 7.808 108.16 45.013334 25.130667 28.906667 37.44 69.461333 36.608 120.597333a2.602667 2.602667 0 0 0 1.152 2.218667c15.573333 10.069333 22.464 35.2 16.405333 61.952-5.546667 24.426667-21.162667 42.602667-38.037333 45.077333a2.410667 2.410667 0 0 0-1.856 1.450667c-3.968 9.28-8.597333 18.261333-13.866667 26.88z" fill="#3D94FB" ></path><path d="M711.189333 804.202667a135.68 135.68 0 1 1 0-271.381334 135.68 135.68 0 0 1 0 271.381334z m-55.893333-153.792a21.333333 21.333333 0 0 0-30.613333 29.717333l49.834666 51.328a21.333333 21.333333 0 0 0 28.650667 1.792l95.573333-76.586667a21.333333 21.333333 0 0 0-26.666666-33.301333l-80.448 64.469333-36.309334-37.418666z" fill="#2EA222" ></path></symbol><symbol id="iconLeave" viewBox="0 0 1024 1024"><path d="M608.682667 519.402667a180.714667 180.714667 0 0 0-78.421334 149.12c0 32.938667 8.810667 63.850667 24.192 90.453333H279.210667c-11.221333 0-20.330667-9.685333-20.330667-21.632v-27.093333c0-2.048 0.32-4.117333 0.981333-6.272 6.058667-18.304 18.624-34.517333 37.376-48.213334 14.570667-10.666667 33.024-19.946667 54.826667-27.562666 33.898667-11.818667 68.992-16.554667 80.810667-17.962667 0.64-0.085333-0.554667-30.570667-0.170667-31.146667 0.064-0.128 0-11.242667-6.549333-18.581333a2.005333 2.005333 0 0 0-0.490667-0.533333c-19.413333-16.32-35.946667-39.552-48-67.456a2.410667 2.410667 0 0 0-1.834667-1.450667c-16.896-2.474667-32.490667-20.672-38.037333-45.077333-6.058667-26.730667 0.810667-51.882667 16.426667-61.952a2.602667 2.602667 0 0 0 1.130666-2.218667c-0.832-51.136 11.477333-91.712 36.586667-120.597333 32.32-37.205333 76.672-45.013333 108.16-45.013334 31.509333 0 75.861333 7.808 108.16 45.013334 25.130667 28.906667 37.44 69.461333 36.608 120.597333a2.602667 2.602667 0 0 0 1.152 2.218667c15.573333 10.069333 22.464 35.2 16.405333 61.952-5.546667 24.426667-21.162667 42.602667-38.037333 45.077333a2.410667 2.410667 0 0 0-1.856 1.450667c-3.968 9.28-8.597333 18.261333-13.866667 26.88z" fill="#3D94FB" ></path><path d="M711.189333 804.202667a135.68 135.68 0 1 1 0-271.381334 135.68 135.68 0 0 1 0 271.381334z m7.530667-142.208V612.48a18.837333 18.837333 0 1 0-37.696 0v57.28c0 5.781333 2.645333 11.242667 7.189333 14.826667 0.896 0.789333 1.856 1.493333 2.922667 2.112l67.456 38.933333a17.6 17.6 0 1 0 17.6-30.464l-57.472-33.173333z" fill="#FF8822" ></path></symbol><symbol id="iconVote" viewBox="0 0 1024 1024"><path d="M298.666667 234.666667v554.666666a21.333333 21.333333 0 0 1-21.333334 21.333334H256a21.333333 21.333333 0 0 1-21.333333-21.333334V234.666667a21.333333 21.333333 0 0 1 21.333333-21.333334h21.333333a21.333333 21.333333 0 0 1 21.333334 21.333334z" fill="#CAE0FE" ></path><path d="M341.333333 298.666667m21.333334 0l298.666666 0q21.333333 0 21.333334 21.333333l0 42.666667q0 21.333333-21.333334 21.333333l-298.666666 0q-21.333333 0-21.333334-21.333333l0-42.666667q0-21.333333 21.333334-21.333333Z" fill="#3D94FB" ></path><path d="M341.333333 469.333333m21.333334 0l426.666666 0q21.333333 0 21.333334 21.333334l0 42.666666q0 21.333333-21.333334 21.333334l-426.666666 0q-21.333333 0-21.333334-21.333334l0-42.666666q0-21.333333 21.333334-21.333334Z" fill="#3D94FB" ></path><path d="M341.333333 640m21.333334 0l192 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-192 0q-21.333333 0-21.333334-21.333333l0-42.666667q0-21.333333 21.333334-21.333333Z" fill="#3D94FB" ></path></symbol><symbol id="iconClipbeifen" viewBox="0 0 1024 1024"><path d="M691.712 398.848l-271.530667 271.530667a32 32 0 1 1-45.226666-45.226667l120.661333-120.704-45.226667-45.226667-120.704 120.661334a96 96 0 1 0 135.765334 135.765333l271.530666-271.530667-45.226666-45.226666z" fill="#3D94FB" ></path><path d="M420.181333 579.882667l271.530667-271.530667a96 96 0 1 1 135.765333 135.765333l-271.530666 271.530667 45.269333 45.226667 271.530667-271.488a160 160 0 0 0-226.261334-226.304L374.954667 534.613333l45.226666 45.269334z" fill="#3D94FB" ></path><path d="M661.546667 610.048l-150.826667 150.869333a160 160 0 0 1-226.304-226.304l331.904-331.861333-45.269333-45.226667-331.861334 331.861334a224 224 0 0 0 316.757334 316.757333l150.869333-150.826667-45.226667-45.226666z" fill="#3D94FB" ></path></symbol><symbol id="iconcegai" viewBox="0 0 1024 1024"><path d="M213.333333 384a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667zM149.333333 810.666667L42.666667 469.333333h341.333333l-106.666667 341.333334h-128z" fill="#3D94FB" ></path><path d="M810.666667 384a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z m-64 85.333333h128l106.666666 341.333334h-341.333333l106.666667-341.333334z" fill="#EC56A8" ></path><path d="M469.333333 128h85.333334v768h-85.333334z" fill="#CAE0FE" ></path></symbol><symbol id="iconlajifenlei" viewBox="0 0 1024 1024"><path d="M341.333333 149.333333V85.333333h341.333334v64h256v85.333334H85.333333v-85.333334h256z" fill="#CAE0FE" ></path><path d="M170.666667 298.666667h682.666666l-75.477333 565.930666A85.333333 85.333333 0 0 1 693.333333 938.666667H330.709333a85.333333 85.333333 0 0 1-84.565333-74.069334L170.666667 298.666667z m154.026666 85.333333a21.333333 21.333333 0 0 0-20.906666 25.514667l34.133333 170.666666a21.333333 21.333333 0 0 0 20.906667 17.152h306.346666a21.333333 21.333333 0 0 0 20.906667-17.152l34.133333-170.666666A21.333333 21.333333 0 0 0 699.306667 384H324.693333z" fill="#3D94FB" ></path></symbol><symbol id="iconwushuichuli" viewBox="0 0 1024 1024"><path d="M512 853.333333V201.813333c-172.288 165.248-256 296.789333-256 385.493334C256 734.72 371.2 853.333333 512 853.333333z m0 85.333334c-188.501333 0-341.333333-157.312-341.333333-351.36C170.666667 457.941333 284.458667 290.56 512 85.333333c227.541333 205.269333 341.333333 372.608 341.333333 501.973334C853.333333 781.354667 700.501333 938.666667 512 938.666667z" fill="#3D94FB" ></path></symbol><symbol id="iconlianghua" viewBox="0 0 1024 1024"><path d="M512 853.333333c188.501333 0 341.333333-157.312 341.333333-351.36C853.333333 372.608 739.541333 205.226667 512 0 284.458667 205.269333 170.666667 372.608 170.666667 501.973333 170.666667 696.021333 323.498667 853.333333 512 853.333333z" fill="#81DF91" ></path><path d="M426.666667 512m42.666666 0l85.333334 0q42.666667 0 42.666666 42.666667l0 384q0 42.666667-42.666666 42.666666l-85.333334 0q-42.666667 0-42.666666-42.666666l0-384q0-42.666667 42.666666-42.666667Z" fill="#30BE48" ></path></symbol><symbol id="iconyigailianghuaxiaosanyuan" viewBox="0 0 1024 1024"><path d="M512 341.333333m-256 0a256 256 0 1 0 512 0 256 256 0 1 0-512 0Z" fill="#FFB632" opacity=".5" ></path><path d="M714.88 488.746667m-79.108351-243.470469a256 256 0 1 0 158.216702 486.940937 256 256 0 1 0-158.216702-486.940937Z" fill="#FB3D3D" opacity=".5" ></path><path d="M637.397333 727.253333m207.108351-150.473024a256 256 0 1 0-414.216701 300.946049 256 256 0 1 0 414.216701-300.946049Z" fill="#CE34C1" opacity=".5" ></path><path d="M386.602667 727.253333m207.10835 150.473025a256 256 0 1 0-414.216701-300.946049 256 256 0 1 0 414.216701 300.946049Z" fill="#6D9FFF" opacity=".5" ></path><path d="M309.12 488.746667m-79.108351 243.470468a256 256 0 1 0 158.216702-486.940937 256 256 0 1 0-158.216702 486.940937Z" fill="#52BE2B" opacity=".5" ></path></symbol><symbol id="iconxiaosanyuanjianshe" viewBox="0 0 1024 1024"><path d="M683.093333 165.504l150.869334 150.826667a42.666667 42.666667 0 0 1 0 60.330666l-120.661334 120.704a42.666667 42.666667 0 0 1-60.373333 0L321.066667 165.504a256 256 0 0 1 362.026666 0z" fill="#C96C1F" ></path><path d="M502.101333 346.538667l120.661334 120.661333L170.24 919.765333 49.493333 799.061333z" fill="#F6CC88" ></path><path d="M924.467779 406.851109m15.084944 15.084945l30.16989 30.169889q15.084945 15.084945 0 30.16989l-150.849447 150.849446q-15.084945 15.084945-30.169889 0l-30.16989-30.169889q-15.084945-15.084945 0-30.169889l150.849447-150.849447q15.084945-15.084945 30.169889 0Z" fill="#F6CC88" ></path></symbol><symbol id="iconAttend_The_Meeting" viewBox="0 0 1024 1024"><path d="M405.333333 277.333333m-149.333333 0a149.333333 149.333333 0 1 0 298.666667 0 149.333333 149.333333 0 1 0-298.666667 0Z" fill="#CAE0FE" ></path><path d="M746.666667 448m-106.666667 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="#CAE0FE" ></path><path d="M42.666667 761.898667C42.666667 600.32 195.498667 469.333333 384 469.333333s341.333333 130.986667 341.333333 292.565334c0 26.922667-21.845333 48.768-48.768 48.768H91.434667A48.768 48.768 0 0 1 42.666667 761.898667zM735.274667 599.466667c10.666667-1.408 21.589333-2.133333 32.725333-2.133334 117.802667 0 213.333333 81.877333 213.333333 182.869334 0 16.810667-13.653333 30.464-30.464 30.464h-170.410666c5.717333-13.056 8.874667-27.477333 8.874666-42.666667a291.328 291.328 0 0 0-54.058666-168.533333z" fill="#3D94FB" ></path></symbol><symbol id="iconrenjuhuanjing" viewBox="0 0 1024 1024"><path d="M512 768c141.376 0 256-117.973333 256-263.530667C768 407.466667 682.666667 281.962667 512 128c-170.666667 153.941333-256 279.445333-256 376.469333C256 650.026667 370.624 768 512 768z" fill="#81DF91" ></path><path d="M469.333333 512m21.333334 0l42.666666 0q21.333333 0 21.333334 21.333333l0 320q0 21.333333-21.333334 21.333334l-42.666666 0q-21.333333 0-21.333334-21.333334l0-320q0-21.333333 21.333334-21.333333Z" fill="#30BE48" ></path></symbol><symbol id="iconhuiwutongzhi" viewBox="0 0 1024 1024"><path d="M369.408 606.698667l85.333333 28.437333a21.333333 21.333333 0 0 1 14.592 20.245333v168.362667a21.333333 21.333333 0 0 1-28.074666 20.224l-85.333334-28.437333a21.333333 21.333333 0 0 1-14.592-20.245334v-168.362666a21.333333 21.333333 0 0 1 28.074667-20.224z" fill="#CAE0FE" ></path><path d="M283.072 330.709333l512-201.152A42.666667 42.666667 0 0 1 853.333333 169.28v514.773333a42.666667 42.666667 0 0 1-58.261333 39.722667l-512-201.152A42.666667 42.666667 0 0 1 256 482.922667v-112.512a42.666667 42.666667 0 0 1 27.072-39.701334z" fill="#3D94FB" ></path><path d="M170.666667 298.666667m64 0l42.666666 0q64 0 64 64l0 128q0 64-64 64l-42.666666 0q-64 0-64-64l0-128q0-64 64-64Z" fill="#3D94FB" ></path></symbol><symbol id="iconUnread_message" viewBox="0 0 1024 1024"><path d="M938.666667 483.882667A256 256 0 0 0 611.882667 810.666667H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333334V298.666667a85.333333 85.333333 0 0 1 85.333334-85.333334h682.666666a85.333333 85.333333 0 0 1 85.333334 85.333334v185.216z" fill="#3D94FB" ></path><path d="M853.333333 725.333333m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z" fill="#FF4466" ></path></symbol><symbol id="iconBacklog" viewBox="0 0 1024 1024"><path d="M341.333333 128a85.333333 85.333333 0 0 0 85.333334 85.333333h170.666666a85.333333 85.333333 0 0 0 85.333334-85.333333h85.333333a85.333333 85.333333 0 0 1 85.333333 85.333333v597.333334a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h85.333333z" fill="#3D94FB" ></path><path d="M298.666667 341.333333m21.333333 0l42.666667 0q21.333333 0 21.333333 21.333334l0 42.666666q0 21.333333-21.333333 21.333334l-42.666667 0q-21.333333 0-21.333333-21.333334l0-42.666666q0-21.333333 21.333333-21.333334Z" fill="#CAE0FE" ></path><path d="M298.666667 512m21.333333 0l42.666667 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-42.666667 0q-21.333333 0-21.333333-21.333333l0-42.666667q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M298.666667 682.666667m21.333333 0l42.666667 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-42.666667 0q-21.333333 0-21.333333-21.333333l0-42.666667q0-21.333333 21.333333-21.333333Z" fill="#CAE0FE" ></path><path d="M469.333333 341.333333m21.333334 0l213.333333 0q21.333333 0 21.333333 21.333334l0 42.666666q0 21.333333-21.333333 21.333334l-213.333333 0q-21.333333 0-21.333334-21.333334l0-42.666666q0-21.333333 21.333334-21.333334Z" fill="#CAE0FE" ></path><path d="M469.333333 512m21.333334 0l213.333333 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-213.333333 0q-21.333333 0-21.333334-21.333333l0-42.666667q0-21.333333 21.333334-21.333333Z" fill="#CAE0FE" ></path><path d="M469.333333 682.666667m21.333334 0l213.333333 0q21.333333 0 21.333333 21.333333l0 42.666667q0 21.333333-21.333333 21.333333l-213.333333 0q-21.333333 0-21.333334-21.333333l0-42.666667q0-21.333333 21.333334-21.333333Z" fill="#CAE0FE" ></path><path d="M469.333333 85.333333a42.666667 42.666667 0 0 1 85.333334 0h42.666666a42.666667 42.666667 0 0 1 0 85.333334h-170.666666a42.666667 42.666667 0 1 1 0-85.333334h42.666666z" fill="#CAE0FE" ></path></symbol><symbol id="icondangzuzhirenshu" viewBox="0 0 1024 1024"><path d="M817.109333 728.618667a315.52 315.52 0 0 0-101.888-162.090667c11.989333-8.32 24.96-15.317333 38.698667-20.821333a118.186667 118.186667 0 1 1 146.304 0A196.992 196.992 0 0 1 1024 728.618667h-206.890667zM308.778667 566.528a315.52 315.52 0 0 0-101.888 162.090667H0c0-82.901333 51.2-153.856 123.776-182.912a118.186667 118.186667 0 1 1 146.304 0c13.738667 5.546667 26.709333 12.501333 38.698667 20.821333z" fill="#FF2825" ></path><path d="M236.288 807.381333h551.424a275.797333 275.797333 0 0 0-189.525333-261.973333 157.525333 157.525333 0 1 0-172.373334 0 275.797333 275.797333 0 0 0-189.525333 261.973333z" fill="#FFC900" ></path></symbol><symbol id="icondaijiaojine" viewBox="0 0 1024 1024"><path d="M42.666667 640m21.333333 0l85.333333 0q21.333333 0 21.333334 21.333333l0 298.666667q0 21.333333-21.333334 21.333333l-85.333333 0q-21.333333 0-21.333333-21.333333l0-298.666667q0-21.333333 21.333333-21.333333Z" fill="#FF2825" ></path><path d="M554.666667 725.333333a341.333333 341.333333 0 1 1 0-682.666666 341.333333 341.333333 0 0 1 0 682.666666z m-21.333334-358.058666v34.304H426.666667v42.666666h106.666666V512h42.666667v-67.754667H682.666667v-42.666666h-106.666667v-34.304H682.666667v-42.666667h-79.701334l95.488-104.704-31.573333-28.757333L554.666667 314.282667 442.453333 191.146667l-31.573333 28.757333 95.488 104.704H426.666667v42.666667h106.666666z" fill="#FF2825" ></path><path d="M213.333333 682.666667h42.666667l60.330667-60.330667A85.333333 85.333333 0 0 1 376.661333 597.333333h304.298667a21.333333 21.333333 0 0 1 16.64 34.645334l-14.933333 18.688a142.08 142.08 0 0 1-110.933334 53.333333h-70.4a32 32 0 1 0 0 64h104.405334a254.037333 254.037333 0 0 0 140.928-42.666667l53.248-35.498666a42.666667 42.666667 0 0 1 23.68-7.168h136.32a21.333333 21.333333 0 0 1 13.909333 37.546666l-200.533333 177.365334A170.666667 170.666667 0 0 1 662.186667 938.666667H213.333333v-256z" fill="#FFC900" ></path></symbol><symbol id="icondangzuzhishu" viewBox="0 0 1024 1024"><path d="M92.074667 195.498667c97.706667-82.432 197.76-123.648 300.117333-123.648 153.514667 0 215.125333 66.261333 320.938667 66.261333 105.813333 0 183.466667-74.581333 200.533333-89.173333 17.024-14.592 46.08-2.432 46.08 22.912 0 25.386667-17.664 403.285333-22.741333 424.533333-5.077333 21.248-10.069333 25.344-23.338667 38.058667-13.312 12.714667-98.773333 67.498667-358.570667 54.912-173.226667-8.405333-264.874667 34.304-275.029333 128L92.074667 195.541333z" fill="#FF2E53" ></path><path d="M56.405333 128.128l222.293334 790.442667a37.034667 37.034667 0 0 0 71.338666-20.053334L127.744 108.074667a37.034667 37.034667 0 0 0-71.338667 20.053333z" fill="#FF5B6F" ></path><path d="M536.789333 190.933333c76.501333 28.672 122.88 120.32 83.157334 194.645334l-97.024-97.493334 37.034666-37.162666-23.168-23.04c-12.8 12.501333-33.109333 15.189333-46.805333 9.642666l-73.728 73.813334 41.770667 41.6 27.818666-27.733334 96.981334 97.28c-47.445333 26.112-113.237333 17.92-161.792-32.554666l-23.509334 23.466666c7.04 9.728 12.928 18.602667 20.266667 26.026667-0.64 0.768-2.645333 2.389333-2.688 2.432-1.237333-0.170667-2.688-0.64-4.010667-0.64a23.253333 23.253333 0 0 0-22.613333 23.381333c0 12.501333 10.24 22.698667 22.741333 22.698667a23.253333 23.253333 0 0 0 23.210667-22.784c0-1.493333-0.341333-2.816-0.597333-4.181333l3.626666-3.541334c55.808 37.632 116.992 42.325333 182.826667 2.944l27.221333 27.306667 37.205334-36.693333-27.349334-27.690667c78.506667-118.314667-26.197333-234.538667-120.576-231.722667z" fill="#FFC900" ></path></symbol><symbol id="iconjiaofeijishu" viewBox="0 0 1024 1024"><path d="M512.170667 298.666667c211.584 0 346.069333 166.912 403.498666 500.693333 11.264 65.408-35.626667 127.104-104.661333 137.728a133.546667 133.546667 0 0 1-20.394667 1.578667H233.386667c-69.973333 0-126.72-53.76-126.72-120.021334 0-6.485333 0.554667-12.970667 1.664-19.370666C166.016 465.536 300.629333 298.666667 512.170667 298.666667zM349.098667 78.506667c14.848-18.346667 41.685333 12.928 58.709333 7.637333 14.933333-4.736 18.901333-17.92 36.906667-35.2a28.586667 28.586667 0 0 1 43.946666 5.845333c8.405333 14.08 23.466667 27.434667 23.466667 27.434667s4.906667-0.853333 17.536-19.413333c12.8-18.432 24.277333-29.141333 45.610667-16.938667 21.333333 12.074667 24.362667 39.509333 45.952 38.954667 21.888-0.597333 29.610667-23.893333 48.512-12.586667 21.76 13.013333 13.013333 53.504-4.010667 69.674667-20.309333 19.584-29.44 40.490667-40.192 62.378666C614.613333 228.266667 596.736 256 596.736 256h-169.301333s-20.778667-31.957333-32.042667-56.618667a216.533333 216.533333 0 0 0-39.125333-58.026666c-13.354667-14.677333-21.973333-44.672-7.168-62.848z" fill="#FF2825" ></path><path d="M512.128 405.418667c102.784 38.528 165.12 161.706667 111.701333 261.461333l-130.346666-130.986667 49.749333-49.92-31.146667-30.933333c-17.152 16.810667-44.416 20.394667-62.848 12.970667l-99.072 99.114666 56.106667 55.893334 37.418667-37.205334 130.304 130.730667c-63.786667 34.986667-152.149333 23.978667-217.386667-43.776l-31.573333 31.488c9.429333 13.098667 17.365333 25.002667 27.221333 34.986667-0.853333 1.024-3.584 3.242667-3.626667 3.285333-1.664-0.256-3.626667-0.896-5.376-0.896-16.768 0-30.378667 14.634667-30.378666 31.445333 0 16.768 13.738667 30.464 30.506666 30.464a31.274667 31.274667 0 0 0 31.232-30.634666c0-1.962667-0.426667-3.712-0.810666-5.546667l4.864-4.821333c75.008 50.602667 157.226667 56.917333 245.632 3.968l36.522666 36.693333 50.005334-49.322667-36.736-37.12c105.472-159.018667-35.2-315.178667-161.962667-311.338666z" fill="#FFC900" ></path><path d="M384 234.666667m64 0l128 0q64 0 64 64l0 0q0 64-64 64l-128 0q-64 0-64-64l0 0q0-64 64-64Z" fill="#FFC900" ></path></symbol><symbol id="iconAppendix_UNdownload" viewBox="0 0 1024 1024"><path d="M277.333333 170.666667h306.005334a85.333333 85.333333 0 0 1 60.330666 25.002666l120.661334 120.661334A85.333333 85.333333 0 0 1 789.333333 376.661333V810.666667a42.666667 42.666667 0 0 1-42.666666 42.666666H277.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666666-42.666666z" fill="#CAE0FE" ></path><path d="M320 490.666667m32 0l277.333333 0q32 0 32 32l0 0q0 32-32 32l-277.333333 0q-32 0-32-32l0 0q0-32 32-32Z" fill="#3D94FB" ></path><path d="M320 640m32 0l149.333333 0q32 0 32 32l0 0q0 32-32 32l-149.333333 0q-32 0-32-32l0 0q0-32 32-32Z" fill="#3D94FB" ></path></symbol><symbol id="iconAppendix_Downloaded" viewBox="0 0 1024 1024"><path d="M277.333333 170.666667h306.005334a85.333333 85.333333 0 0 1 60.330666 25.002666l120.661334 120.661334a85.333333 85.333333 0 0 1 25.002666 60.330666V810.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-469.333334a42.666667 42.666667 0 0 1-42.666666-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666666-42.666666z" fill="#CAE0FE" ></path></symbol></svg>',t=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss"),p=function(l,a){a.parentNode.insertBefore(l,a)};if(t&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(l){console&&console.log(l)}}function F(){m||(m=!0,z())}function o(){try{h.documentElement.doScroll("left")}catch(l){return void setTimeout(o,50)}F()}a=function(){var l,a;(a=document.createElement("div")).innerHTML=i,i=null,(l=a.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",a=l,(l=document.body).firstChild?p(a,l.firstChild):l.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),a()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(z=a,h=l.document,m=!1,o(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,F())})}(window);
diff --git a/ui/lib/styles/iconfont/logofont.css b/ui/lib/styles/iconfont/logofont.css
new file mode 100644
index 00000000..52dfd6b6
--- /dev/null
+++ b/ui/lib/styles/iconfont/logofont.css
@@ -0,0 +1,78 @@
+@font-face {
+    font-family: "logofont"; /* Project id 1557923 */
+    src: url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.woff2?t=1661421638099') format('woff2'),
+    url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.woff?t=1661421638099') format('woff'),
+    url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.ttf?t=1661421638099') format('truetype');
+}
+
+.logofont {
+    font-family: "logofont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.iconhuizhili:before {
+    content: "\e720";
+}
+
+.iconxiuxingtong1:before {
+    content: "\e71e";
+}
+
+.iconhuizhengwu2:before {
+    content: "\e71a";
+}
+
+.iconhuizhengwu:before {
+    content: "\e719";
+}
+
+.iconxiuxingtong:before {
+    content: "\e717";
+}
+
+.iconzgydzhsq:before {
+    content: "\e6fb";
+}
+
+.iconzhongguoyidong2:before {
+    content: "\e6fa";
+}
+
+.iconzhongguoyidong:before {
+    content: "\e6f8";
+}
+
+.iconcunwei:before {
+    content: "\e6f3";
+}
+
+.iconcunwei1:before {
+    content: "\e6f0";
+}
+
+.iconccb:before {
+    content: "\e6d7";
+}
+
+.iconzhongzhi:before {
+    content: "\e6cb";
+}
+
+.iconzxjy:before {
+    content: "\e6c2";
+}
+
+.iconLogo:before {
+    content: "\e6a9";
+}
+
+.iconminzhengju:before {
+    content: "\e667";
+}
+
+.iconzhongguoliantong:before {
+    content: "\e618";
+}
diff --git a/ui/lib/styles/theme.hzl.scss b/ui/lib/styles/theme.hzl.scss
new file mode 100644
index 00000000..2affc60a
--- /dev/null
+++ b/ui/lib/styles/theme.hzl.scss
@@ -0,0 +1,72 @@
+$theme: "hzl";
+@import "common";
+.signLeftContent {
+  color: #333;
+  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Source Han Sans CN, Microsoft Yahei, sans-serif;
+
+  .titlePane {
+    margin-top: 84px;
+    margin-bottom: 40px;
+    font-family: MicrosoftYaHei, sans-serif;
+  }
+
+  .subTitle:before {
+    border-color: #333;
+  }
+}
+
+.projectName {
+  font-family: MicrosoftYaHeiS0pxibold;
+  font-size: 48px;
+}
+
+.ai-sign {
+  width: 420px !important;
+
+  & > .el-row--flex {
+    align-items: flex-start;
+  }
+
+  .is-always-shadow {
+    box-shadow: 0 24px 48px 0 rgba(15, 56, 139, 0.05);
+    width: 420px !important;
+    min-height: 430px;
+
+    & > .el-card__body {
+      padding: 20px 40px;
+    }
+
+    .ai-scan {
+      right: -30px;
+
+      .iconfont {
+        line-height: normal;
+      }
+    }
+
+  }
+
+  .reset-password-row {
+    text-align: center !important;
+  }
+}
+
+.headerNav {
+  .AiIcon {
+    font-size: 28px !important;
+    -webkit-text-fill-color: white !important;
+    font-weight: normal !important;
+  }
+
+  .headerTitle {
+    font-family: FZZZHONGJW--GB1-0 !important;
+    line-height: normal !important;
+    font-weight: normal !important;
+    -webkit-text-fill-color: white !important;
+  }
+
+  .textShadow {
+    display: none;
+  }
+}
+
diff --git a/ui/lib/styles/theme.yellow.scss b/ui/lib/styles/theme.yellow.scss
new file mode 100644
index 00000000..71762927
--- /dev/null
+++ b/ui/lib/styles/theme.yellow.scss
@@ -0,0 +1,7 @@
+$theme: "yellow";
+$primaryColor: #f62;
+$primaryBtnColor: linear-gradient(90deg, #FFA322 0%, #FF6622 100%);
+$projectName: linear-gradient(180deg, #FFA322 0%, #FF6622 100%);
+$primaryLightColor: #FFF7F4;
+$textShadow: #CA693E;
+@import "common";
diff --git a/ui/lib/styles/vars.scss b/ui/lib/styles/vars.scss
new file mode 100644
index 00000000..4d141002
--- /dev/null
+++ b/ui/lib/styles/vars.scss
@@ -0,0 +1,12 @@
+$primaryColor: #26f !default;
+$borderColor: #d0d4dc !default;
+$primaryBtnColor: linear-gradient(90deg, #299FFF 0%, #0C61FF 100%) !default;
+$successColor: #2EA222 !default;
+$warnColor: #F82 !default;
+$errorColor: #F46 !default;
+$infoColor: #8D96A9 !default;
+$theme: "blue" !default;
+$projectName: linear-gradient(180deg, #5AC4FF 11%, #1347B6 100%) !default;
+$primaryLightColor: rgba(239, 246, 255, 1) !default;
+$textShadow: #384DC3 !default;
+$placeholderColor: #888 !default;
diff --git a/ui/package.json b/ui/package.json
new file mode 100644
index 00000000..cf34c736
--- /dev/null
+++ b/ui/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "dui",
+  "version": "2.0.0",
+  "author": "kubbo",
+  "scripts": {
+    "lib": "npm unpublish --force&&npm publish"
+  },
+  "files": [
+    "lib",
+    "packages"
+  ],
+  "main": "packages/index.js",
+  "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@ckeditor/ckeditor5-vue2": "^3.0.1",
+    "@jiaminghi/data-view": "^2.10.0",
+    "axios": "^1.2.0",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.8.35",
+    "echarts": "^5.1.2",
+    "v-viewer": "^1.5.1",
+    "vue-cropper": "^0.5.5",
+    "vue-qr": "^2.2.1",
+    "vuedraggable": "^2.24.3",
+    "element-ui": "^2.13.2",
+    "vue": "^2.6.11"
+  },
+  "web-types": "docs/web-types.json",
+  "vetur": {
+    "tags": "docs/tags.json",
+    "attributes": "docs/attributes.json"
+  }
+}
diff --git a/ui/packages/basic/AiArticle.vue b/ui/packages/basic/AiArticle.vue
new file mode 100644
index 00000000..a5a0986b
--- /dev/null
+++ b/ui/packages/basic/AiArticle.vue
@@ -0,0 +1,331 @@
+<template>
+  <div class="ai-article">
+    <div v-html="value"></div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AiArticle',
+
+    props: {
+      value: {
+        type: String
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .ai-article {
+    width: 100%;
+    line-height: 1.75;
+    font-weight: 400;
+    color: #333;
+    font-size: 14px;
+    text-align: justify;
+    overflow-x: auto;
+    word-break: break-word;
+
+    :deep( h1 ){
+      margin: 1.3rem 0;
+      line-height: 1.2
+    }
+
+    :deep( p ){
+      line-height: 2.27rem
+    }
+
+    :deep( hr ){
+      border: none;
+      border-top: 1px solid #ddd;
+      margin-top: 2.7rem;
+      margin-bottom: 2.7rem
+    }
+
+    :deep( img:not(.equation)), :deep( iframe), :deep( embed), :deep( video ){
+      display: block;
+      margin: 18px auto;
+      max-width: 100% !important;
+    }
+
+    :deep( img.equation ){
+      margin: 0 .1em;
+      max-width: 100% !important;
+      vertical-align: middle
+    }
+
+    :deep( figure ){
+      margin: 2.7rem auto;
+      text-align: center
+    }
+
+    :deep( img:not(.equation) ){
+      cursor: zoom-in
+    }
+
+    :deep( figure figcaption ){
+      text-align: center;
+      font-size: 1rem;
+      line-height: 2.7rem;
+      color: #909090
+    }
+
+    :deep( pre ){
+      line-height: 1.93rem;
+      overflow: auto
+    }
+
+    :deep( code),
+    :deep( pre ){
+      font-family: Menlo, Monaco, Consolas, Courier New, monospace
+    }
+
+    :deep( code ){
+      font-size: 1rem;
+      padding: .26rem .53em;
+      word-break: break-word;
+      color: #4e5980;
+      background-color: #f8f8f8;
+      border-radius: 2px;
+      overflow-x: auto
+    }
+
+    :deep( pre>code ){
+      font-size: 1rem;
+      padding: .67rem 1.3rem;
+      margin: 0;
+      word-break: normal;
+      display: block
+    }
+
+    :deep( a ){
+      color: #259
+    }
+
+    :deep( a:active),
+    :deep( a:hover ){
+      color: #275b8c
+    }
+
+    :deep( table ){
+      width: 100%;
+      margin-top: 18px;
+      margin-bottom: 18px;
+      overflow: auto;
+      font-size: 1rem;
+      text-align: center;
+      border-top: 1px solid #ccc;
+      border-left: 1px solid #ccc;
+    }
+
+    :deep( thead ){
+      background: #f6f6f6;
+      color: #000;
+      text-align: left
+    }
+
+    :deep( td),
+    :deep( th ){
+      padding: 3px 5px;
+      border-bottom: 1px solid #ccc;
+      border-right: 1px solid #ccc;
+    }
+
+    :deep( td ){
+      min-width: 10rem
+    }
+
+    :deep( blockquote ){
+      margin: 1em 0;
+      border-left: 4px solid #ddd;
+      padding: 0 1.3rem
+    }
+
+    :deep( blockquote>p ){
+      margin: .6rem 0
+    }
+
+    :deep( ol),
+    :deep( ul ){
+      padding-left: 2.7rem
+    }
+
+    :deep( ol li),
+    :deep( ul li ){
+      margin-bottom: .6rem
+    }
+
+    :deep( ol ol),
+    :deep( ol ul),
+    :deep( ul ol),
+    :deep( ul ul ){
+      margin-top: .27rem
+    }
+
+    :deep( pre>code ){
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+      color: #333;
+      background: #f8f8f8
+    }
+
+    :deep( p ){
+      line-height: inherit;
+      margin-top: 18px;
+      margin-bottom: 18px
+    }
+
+    :deep( img ){
+      max-height: none
+    }
+
+    :deep( a ){
+      color: #0269c8;
+      border-bottom: 1px solid #d1e9ff
+    }
+
+    :deep( code ){
+      background-color: #fff5f5;
+      color: #ff502c;
+      font-size: .87em;
+      padding: .065em .4em
+    }
+
+    :deep( blockquote ){
+      color: #666;
+      padding: 1px 23px;
+      margin: 18px 0;
+      border-left: 4px solid #cbcbcb;
+      background-color: #f8f8f8
+    }
+
+    :deep( blockquote:after ){
+      display: block;
+      content: ""
+    }
+
+    :deep( blockquote>p ){
+      margin: 10px 0
+    }
+
+    :deep( blockquote.warning ){
+      position: relative;
+      border-left-color: #f75151;
+      margin-left: 8px
+    }
+
+    :deep( blockquote.warning:before ){
+      position: absolute;
+      top: 14px;
+      left: -12px;
+      background: #f75151;
+      border-radius: 50%;
+      content: "!";
+      width: 20px;
+      height: 20px;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center
+    }
+
+    :deep( ol),
+    :deep( ul ){
+      padding-left: 28px
+    }
+
+    :deep( ol li),
+    :deep( ul li ){
+      margin-bottom: 0;
+      list-style: inherit
+    }
+
+    :deep( ol li.task-list-item),
+    :deep( ul li.task-list-item ){
+      list-style: none
+    }
+
+    :deep( ol li.task-list-item ol),
+    :deep( ol li.task-list-item ul),
+    :deep( ul li.task-list-item ol),
+    :deep( ul li.task-list-item ul ){
+      margin-top: 0
+    }
+
+    :deep( ol li ){
+      padding-left: 6px
+    }
+
+    :deep( pre ){
+      position: relative;
+      line-height: 1.75
+    }
+
+    :deep( pre>code ){
+      padding: 15px 12px
+    }
+
+    :deep( pre>code.hljs[lang] ){
+      padding: 18px 15px 12px
+    }
+
+    :deep( h1),
+    :deep( h2),
+    :deep( h3),
+    :deep( h4),
+    :deep( h5),
+    :deep( h6 ){
+      color: #333;
+      line-height: 1.5;
+      margin-top: 35px;
+      margin-bottom: 10px;
+      padding-bottom: 5px;
+      font-weight: 500;
+    }
+
+    :deep( h1 ){
+      font-size: 30px;
+      margin-bottom: 5px
+    }
+
+    :deep( h2 ){
+      padding-bottom: 12px;
+      font-size: 24px;
+      border-bottom: 1px solid #ececec
+    }
+
+    :deep( h3 ){
+      font-size: 18px;
+      padding-bottom: 0
+    }
+
+    :deep( h4 ){
+      font-size: 16px
+    }
+
+    :deep( h5 ){
+      font-size: 15px
+    }
+
+    :deep( h6 ){
+      margin-top: 5px
+    }
+
+    :deep( h1.heading+h2.heading ){
+      margin-top: 20px
+    }
+
+    :deep( h1.heading+h3.heading ){
+      margin-top: 15px
+    }
+
+    :deep( .heading+.heading ){
+      margin-top: 0
+    }
+
+    :deep( h1+:not(.heading) ){
+      margin-top: 25px
+    }
+  }
+</style>
diff --git a/ui/packages/basic/AiAudio.vue b/ui/packages/basic/AiAudio.vue
new file mode 100644
index 00000000..6cd95563
--- /dev/null
+++ b/ui/packages/basic/AiAudio.vue
@@ -0,0 +1,238 @@
+<template>
+  <section class="ai-audio">
+    <div class="controller" :class="skinClassName">
+      <el-row :gutter="10" type="flex">
+        <el-col>
+          <i class="play-icon" :class="playIcon" @click="play"></i>
+        </el-col>
+        <el-col class="play-progress">
+          <el-slider
+              :format-tooltip="getDateFormat"
+              v-model="currentTime"
+              :max="totalDuration"
+              @change="audio.currentTime = currentTime">
+          </el-slider>
+          <span class="total" v-if="skin === 'flat'">{{ getDateFormat(currentTime) }}</span>
+          <span class="total" v-else>{{ [getDateFormat(currentTime), getDateFormat(totalDuration)].join('/') }}</span>
+        </el-col>
+      </el-row>
+      <audio
+          ref="audio"
+          style="display: none;"
+          :src="src"
+          preload="metadata"
+          @pause="playState = false"
+          @playing="playing"
+          @loadedmetadata="loadedmetadata"
+          @timeupdate="timeupdate"
+      ></audio>
+    </div>
+  </section>
+</template>
+
+<script>
+import moment from 'dayjs'
+
+export default {
+  name: 'AiAudio',
+  props: {
+    /**
+     * 播放资源url
+     */
+    src: {
+      type: String,
+      required: true,
+    },
+    /**
+     * 同时只允许一个播放
+     */
+    singlePlay: {type: Boolean, default: false},
+    /**
+     * 播放器风格
+     * default 旧版样式,flat 新版样式
+     * @values default,flat
+     */
+    skin: {
+      type: String,
+      default: 'default'
+    }
+  },
+  data() {
+    return {
+      audio: null,
+      playState: false,
+      currentTime: 0,
+      totalTime: 0
+    }
+  },
+  computed: {
+    playIcon() {
+      if (this.skin === 'flat') {
+        return this.playState ? 'iconfont iconMediaPlayer_Stop' : 'iconfont iconMediaPlayer_Play'
+      }
+
+      return this.playState ? 'el-icon-video-pause' : 'el-icon-video-play'
+    },
+
+    totalDuration() {
+      return Math.round(this.totalTime)
+    },
+
+    skinClassName() {
+      return this.skin === 'default' ? '' : this.skin
+    }
+  },
+
+  mounted() {
+    this.audio = this.$refs.audio
+  },
+
+  methods: {
+    play() {
+      if (this.audio) {
+        if (this.audio.paused) {
+          if (this.singlePlay) this.stopAllAudio()
+          this.audio.play()
+        } else {
+          this.audio.pause()
+        }
+      }
+    },
+
+    stopAllAudio() {
+      let audios = document.getElementsByTagName('audio')
+      for (let i = 0; i < audios.length; i++) {
+        if (audios[i]) audios[i].pause()
+      }
+    },
+
+    playing() {
+      this.playState = true
+    },
+
+    loadedmetadata() {
+      this.totalTime = this.$refs.audio.duration || 0
+    },
+
+    getDateFormat(val) {
+      const time = moment.duration(val, 'seconds')
+      return [
+        this.prefixNum(time.minutes(), 2),
+        this.prefixNum(time.seconds(), 2),
+      ].join(':')
+    },
+
+    prefixNum(val, num) {
+      return (Array(num).join('0') + val).slice(-num)
+    },
+
+    timeupdate() {
+      this.currentTime = parseInt(this.audio.currentTime)
+    }
+  },
+
+  destroyed() {
+    this.audio.pause()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.ai-audio {
+  display: flex;
+  flex: 1;
+
+  .controller {
+    width: 205px;
+    height: 40px;
+    padding: 0 5px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    border-radius: 99px;
+
+    .el-col {
+      width: auto;
+    }
+
+    .play-icon {
+      color: #4c84ff;
+      cursor: pointer;
+      line-height: 40px;
+      font-size: 32px;
+      transition: color 0.3s;
+
+      &:hover {
+        color: #b3d8ff;
+      }
+    }
+
+    .play-progress {
+      display: flex;
+      flex: 1;
+
+      .el-slider {
+        width: 60px;
+      }
+
+      .total {
+        margin-left: 15px;
+        font-size: 12px;
+        line-height: 40px;
+      }
+    }
+  }
+
+  .flat {
+    height: 32px;
+    background: rgba(239, 246, 255, 1);
+    border: 1px solid rgba(132, 181, 255, 1);
+    border-radius: 5px;
+    box-shadow: none;
+
+    .play-icon {
+      position: relative;
+      padding-left: 3px;
+      color: #4c84ff;
+      cursor: pointer;
+      line-height: 32px;
+      font-size: 20px;
+      transition: color 0.3s;
+
+      &:hover {
+        color: #b3d8ff;
+      }
+    }
+
+    :deep(.el-slider__button ){
+      width: 8px;
+      height: 8px;
+      background: #1365DD;
+    }
+
+    :deep(.el-slider__bar ){
+      height: 2px;
+    }
+
+    :deep(.el-slider__button-wrapper ){
+      height: 32px;
+    }
+
+    :deep(.el-slider__runway ){
+      height: 2px;
+      margin: 15px 0;
+    }
+
+    .play-progress {
+      display: flex;
+
+      .el-slider {
+        width: 84px;
+      }
+
+      .total {
+        margin-left: 8px;
+        font-size: 12px;
+        line-height: 32px;
+      }
+    }
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiBadge.vue b/ui/packages/basic/AiBadge.vue
new file mode 100644
index 00000000..70e7823f
--- /dev/null
+++ b/ui/packages/basic/AiBadge.vue
@@ -0,0 +1,30 @@
+<template>
+  <section class="AiBadge">
+    <slot></slot>
+    <sup v-if="isShow" class="badge">
+      <span v-if="badge">{{badge}}</span>
+      <slot v-else name="badge"></slot>
+    </sup>
+  </section>
+
+</template>
+
+<script>
+  export default {
+    name: "AiBadge",
+    props: {
+      badge: String,
+      isShow: {type: Boolean, default: true}
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiBadge {
+    .badge {
+      position: absolute;
+      margin-left: -10px;
+      margin-top: -10px;
+    }
+  }
+</style>
diff --git a/ui/packages/basic/AiBar.vue b/ui/packages/basic/AiBar.vue
new file mode 100644
index 00000000..9756fed1
--- /dev/null
+++ b/ui/packages/basic/AiBar.vue
@@ -0,0 +1,117 @@
+<template>
+  <div class="aibar" :style="{ marginBottom: marginBottom }" :class="[titlePosition === 'center' ? 'aibar-center' : '']">
+    <div v-if="titlePosition === 'center'"></div>
+    <div class="aibar-left" :class="[titlePosition === 'center' ? 'aibar-left__center' : '']">
+      <template v-if="!isHasTitleSlot">{{ title }}</template>
+      <slot name="title" v-else></slot>
+    </div>
+    <div class="aibar-right">
+      <slot name="right"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AiBar',
+
+    props: {
+      title: {
+        type: String
+      },
+
+      customCliker: {
+        type: Boolean,
+        default: false
+      },
+
+      marginBottom: {
+        type: String,
+        default: '16px'
+      },
+
+      titlePosition: {
+        type: String,
+        default: 'left'
+      }
+    },
+
+    computed: {
+      isHasTitleSlot () {
+        return this.$slots.title
+      }
+    },
+
+    data () {
+      return {
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .aibar {
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: space-between;
+    height: 56px;
+    padding: 0 16px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #EEEEEE;
+
+    .aibar-left {
+      color: #222;
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    .aibar-left__center {
+      position: relative;
+      width: 556px;
+      text-align: center;
+      word-break: break-all;
+      line-height: 24px;
+    }
+
+    .aibar-right {
+      display: flex;
+      align-items: center;
+      color: #5088FF;
+      font-size: 12px;
+
+      i {
+        line-height: 1;
+        color: #5088FF;
+      }
+
+      span {
+        font-size: 12px;
+      }
+
+      & > div, & > a {
+        display: flex;
+        align-items: center;
+        margin-right: 20px;
+
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+
+  .aibar-center {
+    height: auto;
+    padding: 10px 0;
+
+    h2 {
+      margin: 0 0 10px 0;
+    }
+
+    p {
+      color: #888;
+      font-size: 14px;
+    }
+  }
+</style>
diff --git a/ui/packages/basic/AiBigTable.vue b/ui/packages/basic/AiBigTable.vue
new file mode 100644
index 00000000..3cab7358
--- /dev/null
+++ b/ui/packages/basic/AiBigTable.vue
@@ -0,0 +1,151 @@
+<template>
+  <section class="AiBigTable"/>
+</template>
+
+<script>
+
+import AiEmpty from "./AiEmpty";
+
+export default {
+  name: "AiBigTable",
+  components: {AiEmpty},
+  model: {
+    prop: "data",
+    event: "input"
+  },
+  props: {
+    /**
+     * 表数据
+     */
+    data: {default: () => []},
+    /**
+     * 表格配置
+     */
+    colConfigs: {default: () => []},
+    /**
+     * 是否显示边框
+     */
+    border: Boolean,
+    /**
+     * 是否启用dom对象
+     */
+    isDom: Boolean
+  },
+  data() {
+    return {
+      html2canvas: null
+    }
+  },
+  methods: {
+    renderTable() {
+      const table = document.createElement("div")
+      table.style.display = 'flex'
+      table.style.flexDirection = 'column'
+      table.appendChild(this.renderHead())
+      if (this.data.length > 0) {
+        this.data.map(e => table.appendChild(this.renderRow(e)))
+      } else table.appendChild(this.renderEmpty())
+      if (this.isDom) {
+        this.$el.appendChild(table)
+      } else {
+        this.$el.appendChild(table)
+        this.$load(this.html2canvas).then(() => this.html2canvas(table, {
+          allowTaint: true,
+          useCORS: true,
+          height: this.$el.offsetHeight,
+          width: this.$el.offsetWidth
+        })).then(ctx => {
+          this.$el.removeChild(table)
+          this.$el.appendChild(ctx)
+        })
+      }
+    },
+    renderHead() {
+      const head = document.createElement("div")
+      head.style.display = 'flex'
+      head.style.alignItems = 'center'
+      head.style.fontWeight = 'bold'
+      head.style.background = 'rgba(243, 246, 249, 1)'
+      if (this.border) {
+        head.style.borderLeft = '1px solid #eee'
+        head.style.borderTop = '1px solid #eee'
+      } else {
+        head.style.borderBottom = '1px solid #eee'
+      }
+      this.colConfigs.map(e => {
+        const cell = this.renderCell(e)
+        head.appendChild(cell)
+      })
+      return head
+    },
+    renderRow(item) {
+      const row = document.createElement("div")
+      row.style.display = 'flex'
+      row.style.alignItems = 'center'
+      if (this.border) {
+        row.style.borderLeft = '1px solid #eee'
+      } else {
+        row.style.borderBottom = '1px solid #eee'
+      }
+      this.colConfigs.map(e => {
+        const cell = this.renderCell(e, item)
+        row.appendChild(cell)
+      })
+      return row
+    },
+    renderCell(config, row) {
+      const cell = document.createElement("div")
+      cell.style.display = 'flex'
+      cell.style.alignItems = 'center'
+      cell.style.minheight = '32px'
+      cell.style.padding = '0 8px'
+      if (this.border) {
+        cell.style.borderBottom = '1px solid #eee'
+        cell.style.borderRight = '1px solid #eee'
+      }
+      if (config.align) {
+        cell.style.justifyContent = config.align
+      }
+      if (config.width) {
+        cell.style.width = config.width.toString().replace(/(\d+)/g, '$1px')
+        cell.style.flexShrink = 0
+      } else {
+        cell.style.flex = 1
+        cell.style.minWidth = 0
+      }
+      cell.innerHTML = row?.[config.prop] || config.label
+      return cell
+    },
+    renderEmpty() {
+      const empty = document.createElement("div")
+      empty.style.background = 'url("https://cdn.cunwuyun.cn/dvcp/empty.svg") no-repeat'
+      empty.style.width = '100%'
+      empty.style.height = '140px'
+      empty.style.backgroundPosition = 'center 0'
+      empty.style.backgroundSize = '120px'
+      empty.style.borderBottom = '1px solid #eee'
+      empty.style.borderLeft = '1px solid #eee'
+      empty.style.borderRight = '1px solid #eee'
+      empty.style.textAlign = 'center'
+      empty.style.color = '#999'
+      empty.style.paddingTop = '110px'
+      empty.innerHTML = "暂无数据"
+      return empty
+    }
+  },
+  mounted() {
+    this.$injectLib("https://cdn.cunwuyun.cn/html2canvas.min.js", () => {
+      this.html2canvas = window?.html2canvas
+      this.$nextTick(this.renderTable)
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiBigTable {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+</style>
diff --git a/ui/packages/basic/AiCron.vue b/ui/packages/basic/AiCron.vue
new file mode 100644
index 00000000..d93091b0
--- /dev/null
+++ b/ui/packages/basic/AiCron.vue
@@ -0,0 +1,522 @@
+<template>
+  <section class="AiCron">
+    <div id="changeContab">
+      <el-tabs type="border-card">
+        <el-tab-pane>
+          <span slot="label"><i class="el-icon-date"></i>秒</span>
+          <div class="tabBody">
+            <el-row>
+              <el-radio v-model="second.cronEvery" label="1">每一秒中</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="second.cronEvery" label="2">每隔
+                <el-input-number size="small" v-model="second.incrementIncrement" :min="1" :max="60"></el-input-number>
+                秒执行 从
+                <el-input-number size="small" v-model="second.incrementStart" :min="0" :max="59"></el-input-number>
+                秒开始
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio class="long" v-model="second.cronEvery" label="3">具体秒数(可多选)
+                <el-select size="small" multiple v-model="second.specificSpecific">
+                  <el-option v-for="(val,i) in 60" :key="i" :value="val-1">{{val-1}}</el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="second.cronEvery" label="4">周期从
+                <el-input-number size="small" v-model="second.rangeStart" :min="1" :max="60"></el-input-number>
+                到
+                <el-input-number size="small" v-model="second.rangeEnd" :min="0" :max="59"></el-input-number>
+                秒
+              </el-radio>
+            </el-row>
+          </div>
+        </el-tab-pane>
+        <el-tab-pane>
+          <span slot="label"><i class="el-icon-date"></i>分</span>
+          <div class="tabBody">
+            <el-row>
+              <el-radio v-model="minute.cronEvery" label="1">每一分钟</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="minute.cronEvery" label="2">每隔
+                <el-input-number size="small" v-model="minute.incrementIncrement" :min="1" :max="60"></el-input-number>
+                分执行 从
+                <el-input-number size="small" v-model="minute.incrementStart" :min="0" :max="59"></el-input-number>
+                分开始
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio class="long" v-model="minute.cronEvery" label="3">具体分钟数(可多选)
+                <el-select size="small" multiple v-model="minute.specificSpecific">
+                  <el-option v-for="(val,i) in 60" :key="i" :value="val-1">{{val-1}}</el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="minute.cronEvery" label="4">周期从
+                <el-input-number size="small" v-model="minute.rangeStart" :min="1" :max="60"></el-input-number>
+                到
+                <el-input-number size="small" v-model="minute.rangeEnd" :min="0" :max="59"></el-input-number>
+                分
+              </el-radio>
+            </el-row>
+          </div>
+        </el-tab-pane>
+        <el-tab-pane>
+          <span slot="label"><i class="el-icon-date"></i>时</span>
+          <div class="tabBody">
+            <el-row>
+              <el-radio v-model="hour.cronEvery" label="1">每一小时</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="hour.cronEvery" label="2">每隔
+                <el-input-number size="small" v-model="hour.incrementIncrement" :min="0" :max="23"></el-input-number>
+                小时执行 从
+                <el-input-number size="small" v-model="hour.incrementStart" :min="0" :max="23"></el-input-number>
+                小时开始
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio class="long" v-model="hour.cronEvery" label="3">具体小时数(可多选)
+                <el-select size="small" multiple v-model="hour.specificSpecific">
+                  <el-option v-for="(val,i) in 24" :key="i" :value="val-1">{{val-1}}</el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="hour.cronEvery" label="4">周期从
+                <el-input-number size="small" v-model="hour.rangeStart" :min="0" :max="23"></el-input-number>
+                到
+                <el-input-number size="small" v-model="hour.rangeEnd" :min="0" :max="23"></el-input-number>
+                小时
+              </el-radio>
+            </el-row>
+          </div>
+        </el-tab-pane>
+        <el-tab-pane>
+          <span slot="label"><i class="el-icon-date"></i>天</span>
+          <div class="tabBody">
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="1">每一天</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="2">每隔
+                <el-input-number size="small" v-model="week.incrementIncrement" :min="1" :max="7"></el-input-number>
+                周执行 从
+                <el-select size="small" v-model="week.incrementStart">
+                  <el-option v-for="(val,i) in 7" :key="i" :label="weeks[val-1]" :value="val"></el-option>
+                </el-select>
+                开始
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="3">每隔
+                <el-input-number size="small" v-model="day.incrementIncrement" :min="1" :max="31"></el-input-number>
+                天执行 从
+                <el-input-number size="small" v-model="day.incrementStart" :min="1" :max="31"></el-input-number>
+                天开始
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio class="long" v-model="day.cronEvery" label="4">具体星期几(可多选)
+                <el-select size="small" multiple v-model="week.specificSpecific">
+                  <el-option v-for="(val,i) in 7"
+                             :key="i"
+                             :label="weeks[val-1]"
+                             :value="['SUN','MON','TUE','WED','THU','FRI','SAT'][val-1]"
+                  ></el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio class="long" v-model="day.cronEvery" label="5">具体天数(可多选)
+                <el-select size="small" multiple v-model="day.specificSpecific">
+                  <el-option v-for="(val,i) in 31" :key="i" :value="val">{{val}}</el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="6">在这个月的最后一天</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="7">在这个月的最后一个工作日</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="8">在这个月的最后一个
+                <el-select size="small" v-model="day.cronLastSpecificDomDay">
+                  <el-option v-for="(val,i) in 7" :key="i" :label="weeks[val-1]" :value="val"></el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="9">
+                <el-input-number size="small" v-model="day.cronDaysBeforeEomMinus" :min="1" :max="31"></el-input-number>
+                在本月底前
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="10">最近的工作日(周一至周五) 至本月
+                <el-input-number size="small" v-model="day.cronDaysNearestWeekday" :min="1" :max="31"></el-input-number>
+                日
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="day.cronEvery" label="11">在这个月的第
+                <el-input-number size="small" v-model="week.cronNthDayNth" :min="1" :max="5"></el-input-number>
+                个
+                <el-select size="small" v-model="week.cronNthDayDay">
+                  <el-option v-for="(val,i) in 7" :key="i" :label="weeks[val-1]" :value="val"></el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+          </div>
+        </el-tab-pane>
+        <el-tab-pane>
+          <span slot="label"><i class="el-icon-date"></i> 月</span>
+          <div class="tabBody">
+            <el-row>
+              <el-radio v-model="month.cronEvery" label="1">每个月</el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="month.cronEvery" label="2">每隔
+                <el-input-number size="small" v-model="month.incrementIncrement" :min="0" :max="12"></el-input-number>
+                月执行 从
+                <el-input-number size="small" v-model="month.incrementStart" :min="0" :max="12"></el-input-number>
+                月开始
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio class="long" v-model="month.cronEvery" label="3">具体月数(可多选)
+                <el-select size="small" multiple v-model="month.specificSpecific">
+                  <el-option v-for="(val,i) in 12" :key="i" :label="val" :value="val"></el-option>
+                </el-select>
+              </el-radio>
+            </el-row>
+            <el-row>
+              <el-radio v-model="month.cronEvery" label="4">从
+                <el-input-number size="small" v-model="month.rangeStart" :min="1" :max="12"></el-input-number>
+                到
+                <el-input-number size="small" v-model="month.rangeEnd" :min="1" :max="12"></el-input-number>
+              </el-radio>
+            </el-row>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+      <div class="bottom">
+        <span class="value">{{cron}}</span>
+        <el-button type="primary" @click="change">保存</el-button>
+        <el-button type="primary" @click="close">取消</el-button>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: "AiCron",
+    model: {
+      prop: 'value',
+      event: "change"
+    },
+    props: {
+      value: String
+    },
+    data() {
+      return {
+        weeks: ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期天"],
+        second: {
+          cronEvery: '',
+          incrementStart: '3',
+          incrementIncrement: '5',
+          rangeStart: '',
+          rangeEnd: '',
+          specificSpecific: [],
+        },
+        minute: {
+          cronEvery: '',
+          incrementStart: '3',
+          incrementIncrement: '5',
+          rangeStart: '',
+          rangeEnd: '',
+          specificSpecific: [],
+        },
+        hour: {
+          cronEvery: '',
+          incrementStart: '3',
+          incrementIncrement: '5',
+          rangeStart: '',
+          rangeEnd: '',
+          specificSpecific: [],
+        },
+        day: {
+          cronEvery: '',
+          incrementStart: '1',
+          incrementIncrement: '1',
+          rangeStart: '',
+          rangeEnd: '',
+          specificSpecific: [],
+          cronLastSpecificDomDay: 1,
+          cronDaysBeforeEomMinus: '',
+          cronDaysNearestWeekday: '',
+        },
+        week: {
+          cronEvery: '',
+          incrementStart: '1',
+          incrementIncrement: '1',
+          specificSpecific: [],
+          cronNthDayDay: 1,
+          cronNthDayNth: '1',
+        },
+        month: {
+          cronEvery: '',
+          incrementStart: '3',
+          incrementIncrement: '5',
+          rangeStart: '',
+          rangeEnd: '',
+          specificSpecific: [],
+        },
+        output: {
+          second: '',
+          minute: '',
+          hour: '',
+          day: '',
+          month: '',
+          Week: '',
+        },
+        visible: false,
+        cronArr:['*','*','*','*','*','?']
+      }
+    },
+    watch: {
+      cron(val) {
+        this.value = val
+      }
+    },
+    computed: {
+      secondsText() {
+        let seconds = this.cronArr[0];
+        let cronEvery = this.second.cronEvery;
+        switch (cronEvery.toString()) {
+          case '1':
+            seconds = '*';
+            break;
+          case '2':
+            seconds = this.second.incrementStart + '/' + this.second.incrementIncrement;
+            break;
+          case '3':
+            this.second.specificSpecific.map(val => {
+              seconds += val + ','
+            });
+            seconds = seconds.slice(0, -1);
+            break;
+          case '4':
+            seconds = this.second.rangeStart + '-' + this.second.rangeEnd;
+            break;
+        }
+        return seconds;
+      },
+      minutesText() {
+        let minutes = this.cronArr[2];;
+        let cronEvery = this.minute.cronEvery;
+        switch (cronEvery.toString()) {
+          case '1':
+            minutes = '*';
+            break;
+          case '2':
+            minutes = this.minute.incrementStart + '/' + this.minute.incrementIncrement;
+            break;
+          case '3':
+            this.minute.specificSpecific.map(val => {
+              minutes += val + ','
+            });
+            minutes = minutes.slice(0, -1);
+            break;
+          case '4':
+            minutes = this.minute.rangeStart + '-' + this.minute.rangeEnd;
+            break;
+        }
+        return minutes;
+      },
+      hoursText() {
+        let hours = this.cronArr[2];;
+        let cronEvery = this.hour.cronEvery;
+        switch (cronEvery.toString()) {
+          case '1':
+            hours = '*';
+            break;
+          case '2':
+            hours = this.hour.incrementStart + '/' + this.hour.incrementIncrement;
+            break;
+          case '3':
+            this.hour.specificSpecific.map(val => {
+              hours += val + ','
+            });
+            hours = hours.slice(0, -1);
+            break;
+          case '4':
+            hours = this.hour.rangeStart + '-' + this.hour.rangeEnd;
+            break;
+        }
+        return hours;
+      },
+      daysText() {
+        let days = this.cronArr[3];;
+        let cronEvery = this.day.cronEvery;
+        switch (cronEvery.toString()) {
+          case '1':
+            break;
+          case '2':
+          case '4':
+          case '11':
+            days = '?';
+            break;
+          case '3':
+            days = this.day.incrementStart + '/' + this.day.incrementIncrement;
+            break;
+          case '5':
+            this.day.specificSpecific.map(val => {
+              days += val + ','
+            });
+            days = days.slice(0, -1);
+            break;
+          case '6':
+            days = "L";
+            break;
+          case '7':
+            days = "LW";
+            break;
+          case '8':
+            days = this.day.cronLastSpecificDomDay + 'L';
+            break;
+          case '9':
+            days = 'L-' + this.day.cronDaysBeforeEomMinus;
+            break;
+          case '10':
+            days = this.day.cronDaysNearestWeekday + "W";
+            break
+        }
+        return days;
+      },
+      weeksText() {
+        let weeks = this.cronArr[5];;
+        let cronEvery = this.day.cronEvery;
+        switch (cronEvery.toString()) {
+          case '1':
+          case '3':
+          case '5':
+            weeks = '?';
+            break;
+          case '2':
+            weeks = this.week.incrementStart + '/' + this.week.incrementIncrement;
+            break;
+          case '4':
+            this.week.specificSpecific.map(val => {
+              weeks += val + ','
+            });
+            weeks = weeks.slice(0, -1);
+            break;
+          case '6':
+          case '7':
+          case '8':
+          case '9':
+          case '10':
+            weeks = "?";
+            break;
+          case '11':
+            weeks = this.week.cronNthDayDay + "#" + this.week.cronNthDayNth;
+            break;
+        }
+        return weeks;
+      },
+      monthsText() {
+        let months = this.cronArr[4];
+        let cronEvery = this.month.cronEvery;
+        switch (cronEvery.toString()) {
+          case '1':
+            months = '*';
+            break;
+          case '2':
+            months = this.month.incrementStart + '/' + this.month.incrementIncrement;
+            break;
+          case '3':
+            this.month.specificSpecific.map(val => {
+              months += val + ','
+            });
+            months = months.slice(0, -1);
+            break;
+          case '4':
+            months = this.month.rangeStart + '-' + this.month.rangeEnd;
+            break;
+        }
+        return months;
+      },
+      cron() {
+        return `${this.secondsText || '*'} ${this.minutesText || '*'} ${this.hoursText || '*'} ${this.daysText || '*'} ${this.monthsText || '*'} ${this.weeksText || '?'} `
+      },
+    },
+    methods: {
+      getValue() {
+        return this.cron;
+      },
+      change() {
+        this.$emit('change', this.cron);
+        this.close();
+      },
+      close() {
+        this.$emit('close')
+      },
+    },
+    mounted() {
+      if(this.value) this.cronArr = this.value.trim().split(" ")
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiCron {
+
+    #changeContab {
+      .language {
+        position: absolute;
+        right: 25px;
+        z-index: 1;
+      }
+
+      .el-tabs {
+        box-shadow: none;
+      }
+
+      .tabBody {
+        .el-row {
+          margin: 10px 0;
+
+          .long {
+            .el-select {
+              width: 350px;
+            }
+          }
+
+          .el-input-number {
+            width: 110px;
+          }
+        }
+      }
+
+      .bottom {
+        width: 100%;
+        text-align: center;
+        margin-top: 5px;
+        position: relative;
+
+        .value {
+          font-size: 18px;
+          vertical-align: middle;
+          margin-right: 10px;
+        }
+      }
+    }
+
+  }
+</style>
diff --git a/ui/packages/basic/AiDialog.vue b/ui/packages/basic/AiDialog.vue
new file mode 100644
index 00000000..f4cfe81a
--- /dev/null
+++ b/ui/packages/basic/AiDialog.vue
@@ -0,0 +1,163 @@
+<template>
+  <section class="ai-dialog__wrapper">
+		<el-dialog
+			custom-class="ai-dialog"
+      v-on="$listeners"
+			v-if="isEmpty"
+			:close-on-click-modal="closeOnClickModal"
+      v-bind="$attrs"
+			:destroy-on-close="destroyOnClose"
+			:visible.sync="dialogVisible">
+			<div class="ai-dialog__header" slot="title">
+				<h2>{{ title }}</h2>
+			</div>
+			<div class="ai-dialog__content" :style="{'max-height': isScrool ? '500px' : 'auto'}">
+				<div class="ai-dialog__content--wrapper" :style="{'padding-right': isScrool ? '8px' : '0'}">
+					<slot></slot>
+				</div>
+			</div>
+			<template v-if="customFooter" slot="footer">
+				<slot name="footer"></slot>
+			</template>
+			<div v-else class="dialog-footer" slot="footer">
+				<el-button @click="onCancel">取消</el-button>
+				<el-button @click="onConfirm" type="primary" style="width: 92px;">确认</el-button>
+			</div>
+		</el-dialog>
+  </section>
+</template>
+
+<script>
+	export default {
+		name: 'AiDialog',
+		props: {
+			visible: {
+				type: Boolean,
+				default: false
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			customFooter: {
+				type: Boolean,
+				default: false
+			},
+			'close-on-click-modal': {
+				type: Boolean,
+				default: false
+			},
+			destroyOnClose: {
+				type: Boolean,
+				default: true
+			}
+		},
+
+		data () {
+			return {
+				dialogVisible: false,
+				isScrool: true,
+				isEmpty: true
+			}
+		},
+
+		watch: {
+			visible: {
+				handler (val) {
+					this.dialogVisible = val
+
+					// if (val) {
+					// 	this.$nextTick(() => {
+					// 		setTimeout(() => {
+					// 			this.isScrool = document.querySelector('.ai-dialog__content') && document.querySelector('.ai-dialog__content').clientHeight >= 500
+					// 		}, 100)
+					// 	})
+					// }
+
+					if (this.destroyOnClose && !val) {
+						setTimeout(() => {
+							this.isEmpty = false
+
+							setTimeout(() => {
+								this.isEmpty = true
+							}, 50)
+						}, 500)
+					}
+				}
+			}
+		},
+
+		mounted () {
+		},
+
+		methods: {
+			onCancel () {
+				this.$emit('update:visible', false)
+				this.$emit('onCancel')
+			},
+
+			onConfirm () {
+				this.$emit('onConfirm')
+			}
+		}
+	}
+</script>
+<style lang="scss">
+	.ai-dialog {
+		margin: 0!important;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+
+		.el-dialog__body {
+			padding: 20px 40px 20px;
+		}
+
+		.ai-dialog__content {
+			overflow-y: auto;
+			padding-bottom: 4px;
+
+			.ai-dialog__content--wrapper {
+				height: 100%;
+				overflow-x: hidden;
+				overflow-y: overlay;
+			}
+		}
+
+		.ai-dialog__header {
+			height: 48px;
+			line-height: 48px;
+			padding: 0 16px;
+			border-bottom: 1px solid #eee;
+
+			h2 {
+				font-size: 16px;
+				font-weight: 700;
+			}
+		}
+
+		.el-dialog__footer {
+			padding: 16px 20px;
+			box-sizing: border-box;
+			background: #F3F6F9;
+			text-align: center;
+
+			& + .el-button {
+				margin-left: 8px;
+			}
+
+			.el-button {
+				width: 92px!important;
+			}
+		}
+
+		.el-dialog__header {
+			padding: 0;
+		}
+
+		.el-dialog__headerbtn {
+			top: 24px;
+			transform: translateY(-50%);
+		}
+	}
+</style>
diff --git a/ui/packages/basic/AiDrawer.vue b/ui/packages/basic/AiDrawer.vue
new file mode 100644
index 00000000..f6b2aa70
--- /dev/null
+++ b/ui/packages/basic/AiDrawer.vue
@@ -0,0 +1,139 @@
+<template>
+  <section class="AiDrawer" :style="{width:`${width}px`,height:`${height}px`}">
+    <slot name="tools"/>
+    <div class="resetSignature" @click.stop="handleClean">
+      <ai-icon icon="iconResetting"/>
+      <span>重写</span>
+    </div>
+    <div v-if="drawPlaceholder" class="placeholder">{{ placeholder }}</div>
+    <canvas id="drawer" :width="width" :height="height" @mousedown.stop="handleDrawStart($event)"
+            @mouseup.stop="handleDrawEnd" @mouseleave="handleDrawEnd"
+            @mousemove.stop="handleDrawing($event)"
+            @touchstart.stop="handleDrawStart" @touchend.stop="handleDrawEnd" @touchmove="handleDrawing"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiDrawer",
+  props: {
+    seal: String,
+    placeholder: {type: String, default: "请在此处清晰书写你的签名"},
+    width: {type: Number, default: 640},
+    height: {type: Number, default: 480}
+  },
+  data() {
+    return {
+      drawing: false,//判断是否处于绘画中
+      drawer: {},
+      drawPlaceholder: true
+    }
+  },
+  watch: {
+    drawing() {
+      this.drawPlaceholder = false
+    }
+  },
+  mounted() {
+    this.initDrawer()
+  },
+  methods: {
+    initDrawer() {
+      this.$nextTick(() => {
+        let canvas = document.querySelector("#drawer")
+        if (canvas) {
+          this.drawer = canvas?.getContext("2d")
+          this.drawer.lineWidth = 3
+          this.drawer.shadowColor = '#333'
+          this.drawer.strokeStyle = '#333'
+          this.drawer.shadowBlur = 2
+        }
+      })
+    },
+    handleDrawStart(e) {
+      this.drawing = true
+      const canvasX = e.offsetX
+      const canvasY = e.offsetY
+      this.drawer?.beginPath()
+      this.drawer?.moveTo(canvasX, canvasY)
+    },
+    handleDrawEnd() {
+      this.drawing = false
+      this.$emit("update:seal", this.drawer.canvas.toDataURL("image/png", 1))
+    },
+    handleDrawing(e) {
+      if (this.drawing) {
+        const t = e.target?.getBoundingClientRect()
+        let canvasX
+        let canvasY
+        // 根据触发事件类型来进行定位
+        if (e.type == "touchmove") {
+          canvasX = e.changedTouches[0].clientX - t.x
+          canvasY = e.changedTouches[0].clientY - t.y
+        } else {
+          canvasX = e.offsetX
+          canvasY = e.offsetY
+        }
+        // 连接到移动的位置并上色
+        this.drawer?.lineTo(canvasX, canvasY)
+        this.drawer?.stroke()
+      }
+    },
+    handleClean() {
+      this.drawer.clearRect(0, 0, this.drawer.canvas.width, this.drawer.canvas.height)
+      this.drawPlaceholder = true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiDrawer {
+  margin: 0 40px;
+  background: #F7F7F7;
+  border: 1px solid #CCCCCC;
+  position: relative;
+
+  #drawer {
+    display: block;
+    cursor: crosshair;
+  }
+
+  .resetSignature {
+    position: absolute;
+    width: 76px;
+    height: 32px;
+    background: rgba(#000, .5);
+    border-radius: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    color: rgba(#fff, .6);
+    cursor: pointer;
+    right: 16px;
+    top: 16px;
+
+    .AiIcon {
+      width: auto;
+      height: auto;
+    }
+
+    &:hover {
+      color: #fff;
+    }
+  }
+
+  .placeholder {
+    pointer-events: none;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    max-width: 407px;
+    text-align: center;
+    font-size: 64px;
+    color: #DDDDDD;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiEditor/AiEditor.vue b/ui/packages/basic/AiEditor/AiEditor.vue
new file mode 100644
index 00000000..47c53a3b
--- /dev/null
+++ b/ui/packages/basic/AiEditor/AiEditor.vue
@@ -0,0 +1,129 @@
+<template>
+  <section class="AiEditor" :class="{invalid:valid&&!validateState}">
+    <ck-editor v-if="sourceEditor" :editor="sourceEditor" v-model="content" :config="editorConfig" @ready="handleReady" @input="$emit('change',repairContent)"/>
+  </section>
+</template>
+
+<script>
+/**
+ * 原组件ckeditor封装
+ * 修改者:Kubbo
+ */
+import CKEditor from '@ckeditor/ckeditor5-vue2'
+import {UploadAdapter} from "./models";
+
+export default {
+  name: "AiEditor",
+  components: {ckEditor: CKEditor.component},
+  inject: {
+    elFormItem: {default: ""},
+    elForm: {default: ''},
+  },
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {type: String, required: true, default: ""},
+    placeholder: {type: String, default: '请输入正文'},
+    conf: Object,
+    instance: {type: Function, required: true},
+    valid: {type: Boolean, default: true},
+    text: {default: ""},
+    action: {default: "/admin/file/add"},
+    params: {default: () => ({})},
+    mode: {default: "default"}
+  },
+  data() {
+    return {
+      sourceEditor: null,
+      editor: null,
+      isPasteStyle: true,//粘贴是否携带格式
+      content: ""
+    }
+  },
+  computed: {
+    validateState() {
+      return ['', 'success'].includes(this.elFormItem?.validateState)
+    },
+    editorConfig() {
+      return {
+        mediaEmbed: {
+          previewsInData: true
+        },
+        htmlSupport: {
+          allow: [{name: /[\s\S]+/, styles: true, classes: true, attributes: true}]
+        },
+        ...this.conf
+      }
+    },
+    repairContent: v => `<section class="ck-content">${v.content?.replace(/\s0w"/g, '"')?.replace(/srcset/g, 'src')}</section>`
+  },
+  watch: {
+    content(v) {
+      v && this.dispatch('ElFormItem', 'el.form.change', [v])
+    }
+  },
+  methods: {
+    handleReady(editor) {
+      this.editor = editor
+      const {instance, action, params} = this
+      editor.plugins.get('FileRepository').createUploadAdapter = loader => new UploadAdapter(loader, instance, action, params)
+    },
+    /**
+     * 表单验证
+     * @param componentName
+     * @param eventName
+     * @param params
+     */
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    initValue() {
+      let unwatch = this.$watch('value', (v) => {
+        const init = v.replace(/<section class="ck-content">(.*)<\/section>/, '$1')
+        if (!!this.content) unwatch && unwatch()
+        else if (!!init) {
+          this.content = init
+          unwatch && unwatch()
+        }
+      }, {immediate: true})
+    },
+    loadEditor(count = 0) {
+      if (!!window?.ClassicEditor) {
+        this.sourceEditor = ClassicEditor
+        this.initValue()
+      } else if (count < 10) {
+        setTimeout(() => this.loadEditor(++count), 50)
+      } else {
+        console.error("无法加载编辑器资源,请联系管理员")
+      }
+    }
+  },
+  created() {
+    this.$injectLib("https://cdn.cunwuyun.cn/ckeditor.js", () => {
+      this.loadEditor()
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiEditor {
+  :deep(.ck-content ){
+    min-height: 300px;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiEditor/models.js b/ui/packages/basic/AiEditor/models.js
new file mode 100644
index 00000000..cf30391d
--- /dev/null
+++ b/ui/packages/basic/AiEditor/models.js
@@ -0,0 +1,24 @@
+import {Loading} from "element-ui"
+
+export class UploadAdapter {
+  constructor(loader, instance, action, params) {
+    this.instance = instance
+    this.action = action
+    this.loader = loader
+    this.params = params
+  }
+
+  async upload() {
+    const formData = new FormData()
+    formData.append('file', await this.loader.file)
+    const loading = Loading.service({})
+    return this.instance.post(this.action, formData, {...this.params, returnError: true}).then(res => {
+      if (res?.data) {
+        return res.data.map(m => m.split(";")?.[0])
+      } else return this.loader.status = "aborted" && Promise.reject()
+    }).finally(() => loading.close())
+  }
+
+  abort() {
+  }
+}
diff --git a/ui/packages/basic/AiEmpty.vue b/ui/packages/basic/AiEmpty.vue
new file mode 100644
index 00000000..2746c29e
--- /dev/null
+++ b/ui/packages/basic/AiEmpty.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="ai-empty">
+    <div class="ai-empty__bg"></div>
+    <template v-if="!isHasTitleSlot">暂无数据</template>
+    <slot v-else></slot>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AiEmpty',
+
+    computed: {
+      isHasTitleSlot () {
+        return this.$slots.default
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .ai-empty {
+    margin-bottom: 10px;
+    text-align: center;
+    color: #acaaad;
+
+    .ai-empty__bg {
+      background: url("https://cdn.cunwuyun.cn/dvcp/empty.svg") no-repeat center;
+      background-size: 120px 120px;
+      height: 120px;
+      margin: 48px auto 0;
+    }
+  }
+</style>
diff --git a/ui/packages/basic/AiFileList.vue b/ui/packages/basic/AiFileList.vue
new file mode 100644
index 00000000..228bd644
--- /dev/null
+++ b/ui/packages/basic/AiFileList.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="ai-filelist">
+    <div class="ai-flie__item" v-for="(item, index) in fileList" :key="index" @click="downFile(item)"
+         :title="item.name">
+      <div class="ai-flie__item--left flex1">
+        <svg aria-hidden="true">
+          <use xlink:href="#iconAppendix_UNdownload"></use>
+        </svg>
+        <span>{{ item[fileProps.name] }}</span>
+      </div>
+      <div class="ai-file__item--right">
+        <span>{{ item[fileProps.size] }}</span>
+        <i class="iconfont iconDownload"></i>
+      </div>
+    </div>
+    <div v-if="!fileList.length" style="width: 120px" class="no-data"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiFileList',
+
+  props: {
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+
+    fileOps: {
+      type: Object
+    }
+  },
+
+  computed: {
+    fileProps() {
+      const props = {
+        name: 'name',
+        size: 'size'
+      }
+
+      return this.fileOps || props
+    }
+  },
+
+  methods: {
+    downFile(item) {
+      window.open(`${item.url}`)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-filelist {
+  .ai-flie__item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 40px;
+    line-height: 40px;
+    margin-bottom: 16px;
+    padding: 0 8px;
+    font-size: 14px;
+    color: #333;
+    background: #fff;
+    border-radius: 4px;
+    border: 1px solid #d0d4dc;
+    cursor: pointer;
+
+    &:hover {
+      background-color: #f3f6f9;
+      border-color: transparent;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .ai-flie__item--left {
+    display: flex;
+    align-items: center;
+    margin-right: 20px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    svg {
+      width: 24px;
+      height: 24px;
+      flex-shrink: 1;
+    }
+
+    span {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .ai-file__item--right {
+    display: flex;
+    align-items: center;
+    flex-shrink: 1;
+
+    span {
+      padding-right: 5px;
+      color: #999;
+    }
+
+    i {
+      color: #5088FF;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiIcon.vue b/ui/packages/basic/AiIcon.vue
new file mode 100644
index 00000000..5e5f2d16
--- /dev/null
+++ b/ui/packages/basic/AiIcon.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="AiIcon">
+    <div v-if="type=='icon'" class="iconfont" :class="icon"/>
+    <div v-if="type=='logo'" class="logofont" :class="icon"/>
+    <svg v-if="type=='svg'" class="icon" aria-hidden="true">
+      <use :xlink:href="`#${icon}`"></use>
+    </svg>
+  </div>
+</template>
+
+<script>
+import "../../lib/styles/iconfont/iconfont";
+import "../../lib/styles/iconfont/iconfont.css";
+import "../../lib/styles/iconfont/logofont.css";
+
+export default {
+  name: "AiIcon",
+  props: {
+    type: {type: String, default: "icon"},
+    icon: {type: String, required: true},
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiIcon {
+  box-sizing: border-box;
+  width: 28px;
+  height: 28px;
+  font-size: 16px;
+
+  .iconfont, .logofont, .icon {
+    font-size: inherit;
+    width: inherit;
+    height: inherit;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiImport.vue b/ui/packages/basic/AiImport.vue
new file mode 100644
index 00000000..dea98801
--- /dev/null
+++ b/ui/packages/basic/AiImport.vue
@@ -0,0 +1,321 @@
+<template>
+  <section class="ai-import">
+    <a v-if="$slots.default" class="custom-clicker" @click="dialog = true">
+      <slot/>
+    </a>
+    <el-button v-else size="small" @click="dialog=true" icon="iconfont iconImport">导入</el-button>
+    <ai-dialog
+      :title="dialogTitle"
+      :visible.sync="dialog"
+      :destroy-on-close="true"
+      width="800px"
+      customFooter
+      :close-on-click-modal="false"
+      @closed="onClose">
+      <el-form size="small" ref="importForm" label-width="0" class="import-form" :model="fileForm"
+               :rules="fileRules">
+        <el-form-item class="ai-import__tips">
+          <h2>导入说明：</h2>
+          <p class="ai-import__content">
+            1、您正在进行【{{ name }}】批量导入操作，请先
+            <span @click="downloadFile" title="下载导入模板" class="ai-link" v-text="'【点击下载导入模板】'"/>
+            并规范填写；</p>
+          <p class="ai-import__content">2、填写完成后，上传您编辑完成的模板文件：</p>
+          <div class="ai-import__text">
+            <template v-if="$slots.tips">
+              <div>请注意：</div>
+              <slot name="tips"/>
+            </template>
+            <el-row type="flex" v-else-if="!!dict">
+              <div v-text="'请注意：'"/>
+              <span v-text="dict.getLabel('importTips',type)"/>
+            </el-row>
+          </div>
+        </el-form-item>
+        <el-form-item prop="file" style="width: 100%">
+          <ai-uploader isImport :instance="instance" v-model="fileForm.file" fileType="file" :limit="1"
+                       acceptType=".xls,.xlsx" @change="onChange" :clearable="false">
+            <template #trigger>
+              <el-button icon="iconfont iconfangda">选择文件</el-button>
+            </template>
+            <template #tips>最多上传1个文件,单个文件最大10MB，仅支持Excel格式</template>
+          </ai-uploader>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" style="text-align: center;">
+        <el-button @click="dialog=false">取消</el-button>
+        <el-button type="primary" @click="onClick">立即导入</el-button>
+      </div>
+    </ai-dialog>
+    <div class="ai-import__loading" v-if="isHasLoadingSlot && isLoading">
+      <slot name="loading"/>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiImport',
+  props: {
+    title: String,
+    name: {
+      type: String,
+      required: true
+    },
+    instance: {
+      type: Function
+    },
+    importUrl: {
+      type: String,
+    },
+    importParams: {
+      type: Object
+    },
+    suffixName: {
+      type: String,
+      default: 'xls'
+    },
+    tplParams: Object,
+    url: {
+      type: String,
+    },
+    timeout: {
+      type: Number,
+      default: 10 * 60 * 1000
+    },
+    customError: {
+      type: Boolean,
+      default: false
+    },
+    type: String,
+    dict: Object
+  },
+  computed: {
+    isHasLoadingSlot() {
+      return this.$slots.loading
+    },
+    actions() {
+      return {
+        url: this.importUrl || `/app/${this.type}/import`,//导入接口
+        tpl: this.url || `/app/${this.type}/downloadTemplate`,//下载模板接口
+      }
+    },
+    dialogTitle() {
+      return this.title || `${this.name}数据导入`
+    }
+  },
+  data() {
+    return {
+      dialog: false,
+      fileForm: {
+        file: []
+      },
+      loading: null,
+      isLoading: false,
+      fileRules: {
+        file: [{required: true, message: '请上传相关文件', trigger: 'change'}]
+      }
+    }
+  },
+  methods: {
+    onChange(e) {
+      if (e.length) {
+        this.$refs.importForm.clearValidate()
+      } else {
+        this.$refs.importForm.validate()
+      }
+    },
+    onClick() {
+      this.$refs.importForm.validate(v => {
+        if (v) {
+          const data = new FormData()
+          data.append('file', this.fileForm.file[0].raw)
+          if (!this.isHasLoadingSlot) {
+            this.loading = this.$loading({
+              lock: true,
+              text: '导入中',
+              background: 'rgba(0, 0, 0, 0.5)'
+            })
+          } else {
+            this.isLoading = true
+          }
+          this.instance.post(this.actions.url, data, {
+            params: this.importParams,
+            timeout: this.timeout
+          }).then(res => {
+            if (!this.isHasLoadingSlot) {
+              this.loading?.close()
+            } else {
+              this.isLoading = false
+            }
+            if (res?.data?.importStatus == 1) {
+              this.dialog = false
+              const h = this.$createElement
+              this.$emit('onSuccess', res)
+              this.$emit('success', res)
+              if (this.customError) {
+                this.$emit('error')
+              } else this.$confirm('导入失败数据具体原因请', {
+                type: 'success',
+                title: '数据导入完成',
+                closeOnClickModal: false,
+                customClass: 'message-wrapper',
+                showConfirmButton: false,
+                cancelButtonText: '关闭',
+                message: h('div', {
+                  class: 'importResult'
+                }, [
+                  h('span', null, '成功新增'),
+                  h('a', {
+                    style: 'color: #2EA222;'
+                  }, `${res.data.addCount}`),
+                  h('span', null, '条数据，更新'),
+                  h('a', {
+                    style: 'color: #26f;'
+                  }, `${res.data.updateCount}`),
+                  h('span', null, '条数据，导入失败'),
+                  h('a', {
+                    style: 'color: #f46;'
+                  }, `${res.data.failCount}`),
+                  h('span', null, '条数据。'),
+                  h('div', {class: 'gap'}),
+                  h('div', {style: `display:${res.data.errorFileURL ? 'block' : 'none'}`}, [
+                    h('span', null, '点此'),
+                    h('a', {
+                      class: 'tips-link',
+                      attrs: {
+                        href: res.data.errorFileURL
+                      }
+                    }, '下载异常数据')
+                  ])
+                ])
+              })
+            } else if (res?.data?.importStatus == 0) {
+              this.$message.error(res?.data?.errorMsg)
+            }
+          }).catch(() => {
+            if (!this.isHasLoadingSlot) {
+              this.loading?.close()
+            } else {
+              this.isLoading = false
+            }
+          })
+        }
+      })
+    },
+    onClose() {
+      this.loading?.close()
+      this.fileForm.file = []
+    },
+    downloadFile() {
+      this.instance.post(this.actions.tpl, null, {
+        responseType: 'blob',
+        params: this.tplParams
+      }).then((res) => {
+        const link = document.createElement('a')
+        let blob = new Blob([res], {type: 'application/vnd.ms-excel'})
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.setAttribute('download', this.name + '模板.' + this.suffixName)
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+      })
+    },
+    hide() {
+      this.dialog = false
+    }
+  },
+  created() {
+    this.dict?.load("importTips")
+  }
+}
+</script>
+<style lang="scss" scoped>
+.ai-import {
+  .empty-input {
+    opacity: 0;
+    position: absolute;
+    z-index: -1;
+    visibility: hidden;
+  }
+
+
+  .custom-clicker {
+    display: flex;
+    align-items: center;
+  }
+
+  .ai-import__loading {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+  }
+
+  :deep( .el-message-box ){
+    width: 720px !important;
+  }
+
+  .ai-import__content {
+    line-height: 22px;
+  }
+
+  .ai-import__tips {
+    line-height: 1;
+
+    :deep(.el-form-item__content ){
+      line-height: 1;
+    }
+
+    h2 {
+      margin-top: 4px;
+      color: #333333;
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    p {
+      margin-top: 8px;
+      color: #424242;
+      font-size: 14px;
+    }
+
+    .ai-link {
+      cursor: pointer;
+      color: $primaryColor;
+    }
+
+    .ai-import__text {
+      font-size: 12px;
+      margin-top: 8px;
+      line-height: 16px;
+      color: #999999;
+    }
+  }
+}
+</style>
+<style lang="scss">
+.message-wrapper {
+  width: 560px !important;
+
+  .importResult {
+    color: #222222;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: bold;
+
+    .gap {
+      width: 100%;
+      height: 8px;
+    }
+
+    .tips-link {
+      color: $primaryColor;
+      text-decoration: unset;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiInfoItem.vue b/ui/packages/basic/AiInfoItem.vue
new file mode 100644
index 00000000..ccfe517d
--- /dev/null
+++ b/ui/packages/basic/AiInfoItem.vue
@@ -0,0 +1,91 @@
+<template>
+  <div class="ai-info-item" :style="contentStyle">
+    <label class="ai-info-item__left" :style="contentLabelStyle">
+      <template v-if="$slots.label">
+        <slot name="label"/>
+      </template>
+      <template v-else>{{ label }}</template>
+    </label>
+    <div class="ai-info-item__right">
+      <slot v-if="$scopedSlots.default"/>
+      <template v-else-if="!!openType">
+        <ai-open-data :type="openType" :openid="value"/>
+      </template>
+      <template v-else>{{ value || '-' }}</template>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiInfoItem',
+
+  inject: ['AiWrapper'],
+
+  props: {
+    label: {
+      type: String
+    },
+
+    value: {
+      type: [String, Number]
+    },
+
+    'label-width': {
+      type: String
+    },
+
+    isLine: {
+      type: Boolean,
+      default: false
+    },
+    openType: {default: ""}
+  },
+
+  computed: {
+    contentStyle() {
+      let width = this.AiWrapper.autoWidth
+
+      if (this.isLine) {
+        width = '100%'
+      }
+
+      return {
+        width
+      }
+    },
+
+    contentLabelStyle() {
+      return {
+        width: this.labelWidth || this.AiWrapper.autoLableWidth
+      }
+    },
+  },
+
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-info-item {
+  display: flex;
+  line-height: 1.4;
+  margin-bottom: 16px;
+
+  label {
+    flex-shrink: 0;
+    width: 96px;
+    margin-right: 40px;
+    text-align: right;
+    color: #888;
+    font-size: 14px;
+  }
+
+  .ai-info-item__right {
+    flex: 1;
+    color: #222;
+    font-size: 14px;
+    word-break: break-all;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiNumber.vue b/ui/packages/basic/AiNumber.vue
new file mode 100644
index 00000000..dce38b8a
--- /dev/null
+++ b/ui/packages/basic/AiNumber.vue
@@ -0,0 +1,58 @@
+<template>
+  <section class="AiNumber">
+    <el-input v-model="num" :size="size" @input.native="validate" @focus="$emit('focus')" @blur="format" clearable
+             @change="$emit('change')" :validate-event="isRule"></el-input>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: "AiNumber",
+    model: {
+      prop: "value",
+      event: "change"
+    },
+    props: {
+      value: String,
+      size: String,
+      decimal: {type: [String, Number], default: 2},
+      isRule: {type: Boolean, default: true}
+    },
+    computed: {
+      validRegex() {
+        let dec = Number(this.decimal || 0),
+            regex = `^(\\d*\\.?\\d{0,${dec}}).*`
+        return new RegExp(regex)
+      }
+
+    },
+    data() {
+      return {
+        num: ""
+      }
+    },
+    methods: {
+      validate() {
+        let num = JSON.parse(JSON.stringify(this.num))
+        this.num = num.replace(this.validRegex, '$1')
+      },
+      format() {
+        this.num = Number(this.num||0).toString()
+        this.$emit("blur")
+      }
+    },
+    watch: {
+      num(v) {
+        this.$emit("change", v)
+      }
+    },
+    mounted() {
+      this.num = this.value
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiNumber {
+  }
+</style>
diff --git a/ui/packages/basic/AiOperate.vue b/ui/packages/basic/AiOperate.vue
new file mode 100644
index 00000000..e7dcadb2
--- /dev/null
+++ b/ui/packages/basic/AiOperate.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="ai-operate">
+    <template v-if="filterBtns.length <= 3">
+      <el-button
+          v-for="(item, index) in filterBtns"
+          :key="index"
+          type="text"
+          :title="item.text"
+          @click="onClick(index)">
+        {{ item.text }}
+      </el-button>
+    </template>
+    <template v-else>
+      <el-button
+          v-for="(item, index) in list"
+          :key="index"
+          type="text"
+          :title="item.text"
+          @click="onClick(index)">
+        {{ item.text }}
+      </el-button>
+      <el-dropdown
+          trigger="click"
+          @command="onDropClick">
+        <el-button
+            style="margin-left: 10px;"
+            title="更多"
+            type="text">
+          更多
+        </el-button>
+        <el-dropdown-menu
+            slot="dropdown">
+          <el-dropdown-item
+              v-for="(item, index) in moreList"
+              :key="index"
+              :command="index">
+            {{ item.text }}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiOperate',
+
+  props: {
+    permissions: {
+      type: Function,
+      required: true
+    },
+
+    btns: {
+      type: Array,
+      required: true,
+      default: () => []
+    }
+  },
+
+  computed: {
+    filterBtns() {
+      return this.btns.filter(e => this.permissions(e.permissions))
+    }
+  },
+
+  data() {
+    return {
+      list: [],
+      moreList: []
+    }
+  },
+
+  mounted() {
+    this.filterBtns.forEach((item, index) => {
+      if (index <= 1) {
+        this.list.push(item)
+      } else {
+        this.moreList.push(item)
+      }
+    })
+  },
+
+  methods: {
+    onClick(index) {
+      this.$emit('on-click', index)
+    },
+
+    onDropClick(e) {
+      this.onClick(e + 2)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/ui/packages/basic/AiPullDown.vue b/ui/packages/basic/AiPullDown.vue
new file mode 100644
index 00000000..c8a089a3
--- /dev/null
+++ b/ui/packages/basic/AiPullDown.vue
@@ -0,0 +1,76 @@
+<template>
+  <section class="AiPullDown">
+    <div class="line"/>
+    <div class="down-content" @click="handleExpand">
+      <i :class="expandIcon"/>
+      <span>{{ btnText }}</span>
+    </div>
+    <div class="line"/>
+  </section>
+
+</template>
+
+<script>
+export default {
+  name: "AiPullDown",
+  props: {
+    target: String,
+    height: {default: 4},
+  },
+  data() {
+    return {
+      expand: false
+    }
+  },
+  methods: {
+    handleExpand() {
+      this.expand = !this.expand
+      if (this.target) {
+
+      } else this.$emit('change', this.expandStyle)
+    }
+  },
+  computed: {
+    btnText() {
+      return this.expand ? '收起高级搜索' : '展开高级搜索'
+    },
+    expandStyle() {
+      let initStyle = {overflow: 'hidden', height: `${this.height}px`}
+      this.expand && (initStyle.height = "auto")
+      return initStyle
+    },
+    expandIcon() {
+      return this.expand ? 'iconfont iconDouble_Up' : 'iconfont iconDouble_Down'
+    }
+  },
+  mounted() {
+    this.$emit("change", this.expandStyle)
+  }
+}
+</script>
+<style lang="scss" scoped>
+.AiPullDown {
+  display: flex;
+
+  .line {
+    flex: 1;
+    min-width: 0;
+    border-top: 1px solid #eee;
+  }
+
+  .down-content {
+    cursor: pointer;
+    padding: 0 8px;
+    height: 24px;
+    border-radius: 0 0 8px 8px;
+    border: 1px solid #eee;
+    border-top: 0;
+    box-sizing: border-box;
+    color: #333;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiRange.vue b/ui/packages/basic/AiRange.vue
new file mode 100644
index 00000000..2cdf8dd2
--- /dev/null
+++ b/ui/packages/basic/AiRange.vue
@@ -0,0 +1,101 @@
+<template>
+  <section class="AiRange" :style="{width}">
+    <el-input type="number" v-model.number="valueStart" size="small" :placeholder="startPlaceholder" @change="saveNum"/>
+    <span class="separator">-</span>
+    <el-input type="number" v-model.number="valueEnd" size="small" :placeholder="endPlaceholder" @change="saveNum"/>
+    <span class="el-icon-circle-close" v-if="isUse" @click="shutoff"/>
+    <div v-else/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiRange",
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    width: {type: String, default: '200px'},
+    startPlaceholder: String,
+    endPlaceholder: String,
+    value: {default: () => []},
+  },
+  computed: {
+    isUse() {
+      return !!this.valueStart || !!this.valueEnd
+    },
+  },
+  data() {
+    return {
+      valueStart: null,
+      valueEnd: null
+    }
+  },
+  methods: {
+    shutoff() {
+      this.valueStart = null
+      this.valueEnd = null
+      this.saveNum()
+    },
+    saveNum() {
+      this.$emit('change', [this.valueStart, this.valueEnd])
+    },
+    initValue() {
+      let unwatch = this.$watch('value', (v) => {
+        if (this.isUse) unwatch && unwatch()
+        else if (!!v) {
+          this.valueStart = v?.[0] || ""
+          this.valueEnd = v?.[1] || ""
+          unwatch && unwatch()
+        }
+      }, {immediate: true})
+    },
+  },
+  created() {
+    this.initValue()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.AiRange {
+  display: flex;
+  border: 1px solid #D0D4DC;
+  border-radius: 2px;
+  align-items: center;
+  height: 32px;
+  box-sizing: border-box;
+
+  :deep(.el-input ){
+    min-width: 80px;
+    flex: 1;
+
+    .el-input__inner {
+      border: none;
+      padding: 0;
+      text-align: center;
+      height: 100%;
+      line-height: normal;
+    }
+  }
+
+  .el-icon-circle-close {
+    cursor: pointer;
+    opacity: 0;
+    margin-right: 4px;
+
+    &:hover {
+      color: #5088FF;
+    }
+  }
+
+  &:hover {
+    border-color: #5088FF;
+
+    .el-icon-circle-close {
+      opacity: 1;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiSelect.vue b/ui/packages/basic/AiSelect.vue
new file mode 100644
index 00000000..f9e857ef
--- /dev/null
+++ b/ui/packages/basic/AiSelect.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="ai-select">
+    <el-select
+        style="width: 100%;"
+        clearable
+        :value="value"
+        :size="$attrs.size || 'small'"
+        :filterable="isAction"
+        v-bind="$attrs"
+        v-on="$listeners">
+      <template v-if="isAction">
+        <el-option v-for="op in actionOps" :key="op.id"
+                   :label="op[actionProp.label]" :value="op[actionProp.value]"/>
+      </template>
+      <template v-else>
+        <el-option
+            v-for="(item, index) in selectList"
+            :key="index"
+            :label="item.dictName"
+            :value="item.dictValue"/>
+      </template>
+    </el-select>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiSelect',
+
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  watch: {
+    instance: {
+      deep: true,
+      handler(v) {
+        v && this.isAction && !this.options.toString() && this.getOptions()
+      }
+    }
+  },
+  props: {
+    value: {default: null},
+    selectList: {
+      type: Array
+    },
+
+    width: {
+      type: String,
+      default: '216'
+    },
+    instance: Function,
+    action: {default: ""},
+    prop: {
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      options: [],
+      filter: ""
+    }
+  },
+  computed: {
+    selectWidth() {
+      if (this.width.indexOf('px') > -1) {
+        return this.width
+      }
+      return `${this.width}px`
+    },
+    isAction() {
+      return !!this.action
+    },
+    actionOps() {
+      return this.options.filter(e => !this.filter || e[this.actionProp.label].indexOf(this.filter) > -1)
+    },
+    actionProp() {
+      return {
+        label: 'label',
+        value: 'id',
+        ...this.prop
+      }
+    }
+  },
+  methods: {
+    getOptions() {
+      this.instance?.post(this.action, null, {
+        params: {size: 999}
+      }).then(res => {
+        if (res?.data) {
+          this.options = res.data.records || res.data
+        }
+      })
+    }
+  },
+  created() {
+    this.getOptions()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+:deep( .ai-select .el-select ){
+  width: 100%;
+}
+</style>
diff --git a/ui/packages/basic/AiTable.vue b/ui/packages/basic/AiTable.vue
new file mode 100644
index 00000000..213b3bd9
--- /dev/null
+++ b/ui/packages/basic/AiTable.vue
@@ -0,0 +1,446 @@
+<template>
+  <div class="ai-table" :class="[isShowBorder ? 'ai-table__border' : 'ai-table__noborder']">
+    <el-table
+        :data="tableData"
+        header-cell-class-name="ai-table__header"
+        cell-class-name="ai-table__cell"
+        row-class-name="ai-table__row"
+        :class="{'ai-header__border': isShowBorder}"
+        :ref="refName"
+        :size="tableSize"
+        :stripe="stripe"
+        :tooltip-effect="tooltipEffect"
+        @selection-change="handleSelectionChange"
+        v-on="$listeners"
+        v-bind="$attrs"
+        v-loading="loading">
+      <template v-for="colConfig in colConfigs.filter(e=>!e.hide)">
+        <slot v-if="colConfig.slot && colConfig.slot !== 'options'" :name="colConfig.slot"/>
+        <component
+            :key="colConfig.id"
+            v-else-if="colConfig.component"
+            :is="colConfig.component"
+            :col-config="colConfig">
+        </component>
+        <el-table-column
+            v-else-if="colConfig.dict"
+            :key="colConfig.id"
+            v-bind="colConfig">
+          <span slot-scope="{row}" :style="{color:colConfig.color||dict.getColor(colConfig.dict, row[colConfig.prop])}">
+            {{ dict.getLabel(colConfig.dict, row[colConfig.prop]) }}
+          </span>
+        </el-table-column>
+        <el-table-column
+            v-else-if="colConfig.openType"
+            :key="colConfig.id"
+            v-bind="colConfig">
+          <template v-slot="{row}">
+            <ai-open-data :type="colConfig.openType" :openid="row[colConfig.prop]"/>
+          </template>
+        </el-table-column>
+        <el-table-column
+            v-else-if="colConfig.type"
+            :key="colConfig.id"
+            v-bind="colConfig"
+            :width="colConfig.width || 100"/>
+        <el-table-column v-else v-bind="colConfig" :key="colConfig.id"
+                         :show-overflow-tooltip="colConfig['show-overflow-tooltip'] != false">
+          <template slot-scope="scope">
+            <render-slot v-if="colConfig.render" :render="colConfig.render" :row="scope.row" :index="scope.$index"
+                         :column="colConfig"/>
+            <span v-else>{{ getValue(colConfig, scope.row) }}</span>
+          </template>
+        </el-table-column>
+      </template>
+      <slot class="table-options" name="options"></slot>
+      <template #empty>
+        <slot v-if="$scopedSlots.empty" name="empty"/>
+        <div v-else class="no-data" style="height:160px;"/>
+      </template>
+    </el-table>
+    <div class="pagination newPagination" v-if="isShowPagination">
+      <el-pagination
+          background
+          :current-page.sync="page.current"
+          :total="page.total"
+          :page-size="page.size"
+          v-bind="$attrs"
+          :page-sizes="pageSizes"
+          :layout="layout"
+          :pager-count="page.pagerCount"
+          @size-change="handleSizeChange"
+          @current-change="handleChange">
+        <div class="paginationPre">
+          <el-checkbox v-if="isHasPaginationBtnsSlot" :disabled="!tableData.length" :indeterminate="isIndeterminate"
+                       :value="checkAll"
+                       @click.native="toggleAllSelection">全选
+          </el-checkbox>
+          <slot name="pagination"/>
+          <div class="pagination-btns">
+            <slot name="paginationBtns"></slot>
+          </div>
+          <div class="paginationPre-total" :style="{marginLeft: isHasPaginationBtnsSlot ? '24px' : 0}">共<label class="color-primary">{{ page.total }}</label>条记录
+          </div>
+        </div>
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import moment from 'dayjs'
+import dict from "../../lib/js/dict"
+
+let renderSlot = {
+  functional: true,
+  props: {
+    row: Object,
+    render: Function,
+    index: Number,
+    column: {type: Object, default: null},
+  },
+  render: (h, data) => {
+    const params = {
+      row: data.props.row,
+      index: data.props.index
+    }
+
+    if (data.props.column) {
+      params.column = data.props.column
+    }
+
+    return data.props.render(h, params)
+  }
+}
+
+export default {
+  name: 'AiTable',
+  props: {
+    colConfigs: Array,
+    tableData: Array,
+    current: {
+      type: Number,
+      default: 1
+    },
+    size: {
+      type: Number,
+      default: 10
+    },
+    isShowPagination: {
+      type: Boolean,
+      default: true
+    },
+    total: {
+      type: Number
+    },
+    layout: {
+      type: String,
+      default: 'slot,->, prev, pager, next, sizes, jumper'
+    },
+    stripe: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    tooltipEffect: {
+      type: String
+    },
+    tableSize: {
+      type: String
+    },
+    tableRef: String,
+    dict: {default: () => dict},
+    pagerCount: {default: 5},
+    pageSizes: {default: () => [10, 20, 50, 100]}
+  },
+  data() {
+    return {
+      name: '',
+      chooseList: []
+    }
+  },
+  components: {renderSlot},
+  computed: {
+    refName() {
+      return this.tableRef || `aiTable${new Date().getTime()}`
+    },
+    isShowBorder() {
+      return !!this.$attrs.border || this.$attrs.border === ''
+    },
+
+    isHasPaginationBtnsSlot() {
+      return this.$slots.paginationBtns
+    },
+
+    page() {
+      return {
+        current: this.current,
+        size: this.size,
+        total: this.total,
+        pagerCount: this.pagerCount
+      }
+    },
+    isIndeterminate() {
+      return this.chooseList.length > 0 && this.chooseList.length < this.tableData.length
+    },
+    checkAll() {
+      return this.chooseList.length == this.tableData.length && this.tableData !== 0
+    }
+  },
+  methods: {
+    handleChange(e) {
+      this.$emit('update:current', e)
+
+      this.$nextTick(() => {
+        this.$emit('getList')
+      })
+    },
+    handleSizeChange(e) {
+      this.$emit('update:size', e)
+      this.$nextTick(() => {
+        this.$emit('getList')
+      })
+    },
+    handleSelectionChange(e) {
+      this.chooseList = e
+      this.$emit('handleSelectionChange', e)
+    },
+    getValue(colConfig, row) {
+      if (this.isFunction(colConfig.formart)) {
+        return colConfig.formart.call(this, row[colConfig.prop])
+      }
+
+      if (colConfig.dateFormat) {
+        return moment(row[colConfig.prop]).format(colConfig.dateFormat)
+      }
+
+      return this.isInvalidValue(row[colConfig.prop])
+    },
+    isInvalidValue(value) {
+      if (value === null || value === undefined || value === '') {
+        return '-'
+      }
+
+      return value
+    },
+    isFunction(fun) {
+      return typeof fun === 'function'
+    },
+    /**
+     * 表格方法代理
+     */
+    clearSelection() {
+      this.$refs[this.refName].clearSelection()
+    },
+    toggleRowSelection() {
+      this.$refs[this.refName].toggleRowSelection(...arguments)
+    },
+    toggleAllSelection() {
+      this.$refs[this.refName].toggleAllSelection()
+    },
+    toggleRowExpansion() {
+      this.$refs[this.refName].toggleRowExpansion(...arguments)
+    },
+    setCurrentRow() {
+      this.$refs[this.refName].setCurrentRow(...arguments)
+    },
+    clearSort() {
+      this.$refs[this.refName].clearSort()
+    },
+    clearFilter() {
+      this.$refs[this.refName].clearFilter(...arguments)
+    },
+    doLayout() {
+      this.$refs[this.refName].doLayout()
+    },
+    sort() {
+      this.$refs[this.refName].sort(...arguments)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-table {
+  .color-primary {
+    color: $primaryColor;
+  }
+
+  :deep( .ai-header__border .ai-table__header ){
+    border-bottom: 1px solid $borderColor !important;
+    border-right: 1px solid $borderColor !important;
+  }
+
+  :deep( .el-table--border ){
+    border: 1px solid $borderColor;
+    border-right: none;
+    border-bottom: none;
+  }
+
+  :deep( .el-table ){
+    color: #222;
+
+    .caret-wrapper {
+      height: 24px;
+
+      .ascending {
+        top: 1px;
+      }
+
+      .descending {
+        bottom: 1px;
+      }
+    }
+
+    thead {
+      color: #555
+    }
+  }
+
+  :deep( .cell ){
+    line-height: 24px;
+  }
+
+  :deep( .el-table__header ){
+    th {
+      padding: 8px 0;
+    }
+
+    tr {
+      .cell {
+        font-weight: 700;
+      }
+
+      th:first-child {
+        .cell {
+          padding-left: 40px !important;
+        }
+      }
+    }
+  }
+
+  :deep( .el-table__body ){
+    tr td:first-child .cell {
+      padding-left: 40px !important;
+    }
+  }
+
+  :deep( .el-table__fixed-right ){
+    .el-table__body {
+      tr td:first-child .cell {
+        padding-left: 0 !important;
+        padding-right: 0;
+      }
+    }
+  }
+
+  :deep( .ai-table__header ){
+    border-bottom: none;
+    background: #F3F4F5;
+  }
+
+  :deep(.el-pager ){
+    li.active + li {
+      border-left: 1px solid $borderColor;
+    }
+  }
+
+  .newPagination {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    height: 64px;
+    padding: 0 40px !important;
+
+    .el-pagination {
+      width: 100%;
+      padding: 0;
+    }
+
+    .paginationPre {
+      display: flex;
+      height: 28px;
+      line-height: 1;
+      font-size: 14px;
+      font-weight: normal;
+      align-items: center;
+
+      .pagination-btns {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        color: $primaryColor !important;
+
+        :deep( span), :deep( div ){
+          font-size: 12px;
+          cursor: pointer;
+          color: $primaryColor !important;
+
+          &:hover {
+            opacity: 0.8;
+          }
+        }
+      }
+
+      .paginationPre-total {
+        font-size: 12px;
+        color: #555;
+
+        label {
+          padding: 0 2px;
+          font-weight: 700;
+        }
+      }
+
+      & > * + * {
+        margin-left: 24px;
+      }
+
+      :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
+        line-height: 1 !important;
+      }
+
+      :deep(.el-checkbox ){
+        display: flex;
+        align-items: center;
+
+        .el-checkbox__input, .el-checkbox__inner {
+          width: 14px;
+          height: 14px;
+          min-width: 0 !important;
+          line-height: 1 !important;
+        }
+
+        .el-checkbox__label {
+          font-size: 12px;
+          color: #222222;
+          height: auto !important;
+          line-height: 1 !important;
+          padding-left: 3px !important;
+        }
+      }
+    }
+  }
+}
+
+.ai-table__noborder {
+  :deep( .el-table td), :deep( .el-table th.is-center ){
+    border: none;
+  }
+
+  .el-table::before {
+    display: none;
+  }
+
+  :deep( .el-table--striped .el-table__body tr.el-table__row--striped td ){
+    background: #F5F6F9;
+  }
+
+  :deep( .el-table__fixed-right::before), :deep( .el-table__fixed::before ){
+    display: none;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiTableSelect.vue b/ui/packages/basic/AiTableSelect.vue
new file mode 100644
index 00000000..3d70799d
--- /dev/null
+++ b/ui/packages/basic/AiTableSelect.vue
@@ -0,0 +1,242 @@
+<template>
+  <section class="AiTableSelect">
+    <el-row type="flex">
+      <ai-table v-if="isShowPagination" ref="PendingTable" :tableData="tableData" :total="page.total" :current.sync="page.current"
+                :size.sync="page.size" class="fill" border height="330px" @getList="getTableData" tableSize="mini"
+                :col-configs="[{slot: 'resident'}]" layout="slot,->, prev, pager, next, jumper" :pagerCount="5">
+        <el-table-column slot="resident">
+          <template #header>
+            <b v-text="tableTitle"/>
+            <el-input class="fill searchbar" v-model="search[searchKey]" size="small" placeholder="搜索" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+          <template slot-scope="{row}">
+            <slot name="pending" v-if="$scopedSlots.pending" :row="row"/>
+            <el-row v-else type="flex" justify="space-between" @click.native="handleSelect(row)" class="toggle"
+                    :class="{selected:findSelected(row)>-1}">
+              <span v-text="row[nodeName]"/>
+              <slot name="extra" v-if="$scopedSlots.extra" :row="row"/>
+              <span v-else v-text="getExtra(row)"/>
+            </el-row>
+          </template>
+        </el-table-column>
+      </ai-table>
+      <ai-table v-else ref="PendingTable" :tableData="tableData" class="fill" border height="330px" @getList="getTableData" tableSize="mini"
+                :col-configs="[{slot: 'resident'}]" :isShowPagination="false">
+        <el-table-column slot="resident">
+          <template #header>
+            <b v-text="tableTitle"/>
+            <el-input class="fill searchbar" v-model="search[searchKey]" size="small" placeholder="搜索" clearable
+                      @change="page.current=1,getTableData()"/>
+          </template>
+          <template slot-scope="{row}">
+            <slot name="pending" v-if="$scopedSlots.pending" :row="row"/>
+            <el-row v-else type="flex" justify="space-between" @click.native="handleSelect(row)" class="toggle"
+                    :class="{selected:findSelected(row)>-1}">
+              <span v-text="row[nodeName]"/>
+              <slot name="extra" v-if="$scopedSlots.extra" :row="row"/>
+              <span v-else v-text="getExtra(row)"/>
+            </el-row>
+          </template>
+        </el-table-column>
+      </ai-table>
+      <ai-table :tableData="selected" :col-configs="[{slot:'resident'}]" :isShowPagination="false" border
+                height="330px" tableSize="mini" class="el-table--scrollable-y">
+        <el-table-column slot="resident">
+          <template #header>
+            <b v-text="`已选择`"/>
+            <el-button type="text" @click="selected=[]">清空</el-button>
+          </template>
+          <template slot-scope="{row,$index}">
+            <slot name="selected" v-if="$scopedSlots.selected" :row="row" :index="$index"/>
+            <el-row v-else type="flex" align="middle" justify="space-between">
+              <div v-text="[row[nodeName], getExtra(row)].join(' ')"/>
+              <el-button type="text" @click="selected.splice($index,1)">删除</el-button>
+            </el-row>
+          </template>
+        </el-table-column>
+      </ai-table>
+    </el-row>
+  </section>
+</template>
+
+<script>
+/**
+ * 智能列表选择器
+ * @displayName AiTableSelect
+ */
+export default {
+  name: "AiTableSelect",
+  model: {
+    event: "change",
+    prop: "value"
+  },
+  props: {
+    /**
+     * 接口方法类:必填
+     */
+    instance: {type: Function, required: true},
+    /**
+     * 接口方法地址:必填
+     */
+    action: {default: "", required: true},
+    /**
+     * 选择表格标题
+     */
+    tableTitle: {default: "选择列表"},
+    /**
+     * 选择项
+     * @model
+     */
+    value: {default: ""},
+    /**
+     * 选择项绑定key
+     */
+    nodeKey: {default: "id"},
+    /**
+     * 选择项绑定展示值:必填
+     */
+    nodeName: {default: "name"},
+    /**
+     * 是否多选
+     */
+    multiple: Boolean,
+    /**
+     * 返回值为选择的对象而不是id
+     */
+    valueObj: Boolean,
+    /**
+     * 扩展字段,用于右侧展示
+     */
+    extra: {default: ""},
+    /**
+     * 搜索字段,用于搜索框
+     */
+    searchKey: {default: "con"},
+    /**
+     * 是否分页
+     */
+    isShowPagination: {default: true}
+  },
+  data() {
+    return {
+      page: {total: 0, current: 1, size: 10},
+      search: {},
+      tableData: [],
+      selected: [],
+    }
+  },
+  watch: {
+    action(v) {
+      v && (this.page.current = 1, this.getTableData())
+    },
+    selected: {
+      deep: true, handler(v) {
+        let ids = v.map(e => e[this.nodeKey] || e).filter(e => !!e)
+        this.$emit("change", this.valueObj ? v : this.multiple ? ids : ids?.toString())
+        this.$emit("select", v)
+      }
+    }
+  },
+  methods: {
+    getExtra(row) {
+      let {extra} = this
+      return extra ? row[extra] : this.idCardNoUtil.hideId(row.idNumber)
+    },
+    initValue() {
+      let unwatch = this.$watch('value', (v) => {
+        if (this.selected.length > 0) unwatch && unwatch()
+        else if (!!v) {
+          this.selected = this.multiple ? [v].flat().filter(e => !!e) || [] : (v?.split(",") || [])
+          unwatch && unwatch()
+        }
+      }, {immediate: true})
+    },
+    getTableData() {
+      let {page, search, action} = this
+      this.instance?.post(action, null, {
+        params: {...page, ...search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data.records || res.data || []
+          this.isShowPagination && (this.page.total = res.data.total)
+        }
+      })
+    },
+    handleSelect(row) {
+      let index = this.findSelected(row)
+      if (index > -1) {
+        this.selected.splice(index, 1)
+      } else {
+        if (this.multiple) {
+          this.selected.push(row)
+        } else {
+          this.selected = [row]
+        }
+      }
+      this.$forceUpdate()
+    },
+    findSelected(item) {
+      let {nodeKey} = this
+      return this.selected?.findIndex(e => e[nodeKey] == item[nodeKey])
+    },
+  },
+  created() {
+    this.$set(this.search, this.searchKey, "")
+    this.initValue()
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.AiTableSelect ){
+  .el-row {
+    width: 100%;
+
+    .ai-table + .ai-table {
+      margin-left: 16px;
+      width: 400px;
+
+      .ai-table__header > .cell {
+        line-height: 40px;
+      }
+    }
+  }
+
+  .toggle {
+    cursor: pointer;
+
+    &.selected {
+      color: $primaryColor;
+    }
+  }
+
+  .ai-table__header {
+    padding: 0 !important;
+
+    & > .cell {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+
+  .searchbar {
+    padding-right: 0;
+  }
+
+  .newPagination {
+    height: 32px;
+    padding: 0 !important;
+    margin-top: 8px;
+  }
+
+  .ai-table__cell {
+    .el-button--text {
+      padding: 0 8px;
+      height: 24px;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiTitle.vue b/ui/packages/basic/AiTitle.vue
new file mode 100644
index 00000000..ab7837b2
--- /dev/null
+++ b/ui/packages/basic/AiTitle.vue
@@ -0,0 +1,163 @@
+<template>
+  <section class="AiTitle" :class="{ 'bottomBorder': isShowBottomBorder, AiTitleSub: isHasSub}">
+    <i class="iconfont iconBack_Large" v-if="isShowBack" @click="onBackBtnClick"/>
+    <div class="fill">
+      <div class="ailist-title">
+        <div class="ailist-title__left">
+          <h2>{{ title }}</h2>
+          <div v-if="isShowIM" class="openIM iconfont iconGroup_IM" @click="openIM"></div>
+        </div>
+        <div class="ailist-title__right">
+          <ai-area
+              v-if="isShowArea"
+              :instance="instance"
+              v-bind="$attrs"
+              :value="value"
+              v-on="$listeners"
+              :areaLevel="areaLevel"
+              :hideLevel="hideLevel"
+              :valueLevel="valueLevel"
+              :disabled="disabled"/>
+          <div class="aititle-right__btns">
+            <slot name="rightBtn"></slot>
+          </div>
+        </div>
+      </div>
+      <div class="subtitle" v-if="$scopedSlots.sub">
+        <slot name="sub"/>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiTitle',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+    instance: {
+      type: Function
+    },
+    areaLevel: [String, Number],
+    hideLevel: {default: 2},
+    valueLevel: [String, Number],
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: String
+    },
+    isShowIM: {
+      type: Boolean,
+      default: false
+    },
+    isShowArea: {
+      type: Boolean,
+      default: false
+    },
+    openIM: {
+      type: Function
+    },
+    isShowBack: {
+      type: Boolean,
+      default: false
+    },
+    isShowBottomBorder: {
+      type: Boolean,
+      default: false
+    },
+    classic: Boolean
+  },
+
+  computed: {
+    isHasSub() {
+      return this.$slots.sub
+    }
+  },
+
+  methods: {
+    onBackBtnClick() {
+      this.$emit('onBackClick')
+      this.$emit('back')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.AiTitle {
+  display: flex;
+
+  .ailist-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 48px;
+
+    .ailist-title__left {
+      display: flex;
+      align-items: center;
+
+      & > i {
+        width: auto;
+        height: auto;
+        margin-right: 8px;
+        font-size: 16px;
+      }
+
+      h2 {
+        color: #222;
+        font-size: 16px;
+        font-weight: 600;
+      }
+
+      .openIM {
+        margin-left: 8px;
+      }
+    }
+
+    .ailist-title__right {
+      display: flex;
+      align-items: center;
+    }
+
+    :deep(.el-button ){
+      margin-left: 8px !important;
+    }
+  }
+
+  &.AiTitleSub {
+    height: auto;
+    padding: 16px 0;
+
+    .ailist-title {
+      height: auto;
+      margin-bottom: 3px;
+    }
+  }
+
+  &.bottomBorder {
+    border-bottom: 1px solid #D8DCE3;
+  }
+
+  .subtitle {
+    width: 100%;
+    color: #888888;
+    font-size: 12px;
+    margin-top: 4px;
+  }
+
+  .iconBack_Large {
+    line-height: 48px;
+    margin-right: 8px;
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiTransSpeech.vue b/ui/packages/basic/AiTransSpeech.vue
new file mode 100644
index 00000000..017529ea
--- /dev/null
+++ b/ui/packages/basic/AiTransSpeech.vue
@@ -0,0 +1,44 @@
+<template>
+  <el-row type="flex" align="middle">
+    <el-button type="text" size="small" :loading="loading" icon="iconfont iconClock" title="语音播报"
+               @click="getSpeechByContent"/>
+    <ai-audio v-if="speech" :src="speech" skin="flat"/>
+  </el-row>
+</template>
+
+<script>
+export default {
+  name: "AiTransSpeech",
+  props: {
+    instance: {type: Function, required: true},
+    content: String
+  },
+  data() {
+    return {
+      speech: "",
+      loading: false
+    }
+  },
+  methods: {
+    getSpeechByContent() {
+      this.loading = true
+      this.instance.post("/app/msc/transToSpeech", null, {
+        params: {
+          fileName: "demo",
+          words: this.content
+        }
+      }).then(res => {
+        this.loading = false
+        if (res && res.data) {
+          let url = res.data.join("")
+          this.speech = url.substring(0, url.indexOf(";"))
+        }
+      }).catch(() => this.loading = false)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/ui/packages/basic/AiUploader.vue b/ui/packages/basic/AiUploader.vue
new file mode 100644
index 00000000..0b716276
--- /dev/null
+++ b/ui/packages/basic/AiUploader.vue
@@ -0,0 +1,514 @@
+<template>
+  <section class="uploader">
+    <el-upload
+        action
+        multiple
+        ref="upload"
+        :class="{validError:!validateState}"
+        :http-request="submitUpload"
+        :on-remove="handleRemove"
+        :on-change="handleChange"
+        :before-upload="onBeforeUpload"
+        :file-list="fileList"
+        :limit="limit"
+        :disabled="disabled"
+        :list-type="isImg ? 'picture-card' : 'text'"
+        :accept="accept"
+        :show-file-list="!isSingle"
+        :on-preview="handlePictureCardPreview"
+        :auto-upload="isAutoUpload"
+        :on-exceed="handleExceed">
+      <template v-if="!disabled">
+        <template v-if="hasUploaded&&isSingle">
+          <div class="fileItem">
+            <div class="uploadFile" @click.stop>
+              <ai-icon type="svg" :icon="uploadFile.icon"/>
+              <div class="info">
+                <span v-text="uploadFile.name"/>
+                <span class="size" v-text="uploadFile.size"/>
+              </div>
+            </div>
+            <el-button>重新选择</el-button>
+            <el-button v-if="clearable" plain type="danger" @click.stop="handleClear">删除</el-button>
+          </div>
+        </template>
+        <template v-else-if="limit > fileList.length">
+          <slot v-if="hasTriggerSlot" name="trigger"/>
+          <div v-else class="uploaderBox">
+            <span class="iconfont" :class="isImg ? 'iconPhoto' : 'iconAdd'"/>
+            <p>上传{{ isImg ? '图片' : '附件' }}</p>
+          </div>
+        </template>
+        <div slot="tip" class="el-upload__tip" v-if="showTips">
+          <p v-if="fileType === 'img' && !acceptType && !hasTipsSlot">最多上传{{
+              limit
+            }}张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
+          <p v-if="fileType === 'file' && !acceptType && !hasTipsSlot">最多上传{{ limit }}个附件,单个文件最大10MB</p>
+          <p v-if="fileType === 'file' && !acceptType && !hasTipsSlot">
+            支持.zip、.rar、.doc、.docx、.xls、.xlsx、.ppt、.pptx、.pdf、.txt、.jpg、.png格式</p>
+          <p>
+            <slot name="tips" v-if="hasTipsSlot"></slot>
+          </p>
+        </div>
+      </template>
+    </el-upload>
+    <el-dialog :visible.sync="dialog" title="图片预览编辑器" :modal="false" :show-close="false" append-to-body>
+      <vue-cropper
+          ref="cropper"
+          style="height: 400px;"
+          :img="fileList.length ? fileList[0].url : ''" v-bind="crop"/>
+      <div style="text-align: center;margin-top: 10px;">
+        <el-radio-group v-if="crop.fixed" size="small" v-model="currFixedIndex" @change="onFixedChange"
+                        style="margin-right: 8px;">
+          <el-radio-button
+              :label="0"
+              size="small">
+            1.6:1
+          </el-radio-button>
+          <el-radio-button
+              :label="1"
+              size="small">
+            4:3
+          </el-radio-button>
+        </el-radio-group>
+        <el-button size="small" circle icon="el-icon-refresh-right" @click="$refs.cropper.rotateRight()"></el-button>
+        <el-button size="small" circle icon="el-icon-refresh-left" @click="$refs.cropper.rotateLeft()"></el-button>
+      </div>
+      <div slot="footer">
+        <el-popconfirm title="是否关闭图片预览器,并上传图片?" @confirm="previewCrop">
+          <el-button slot="reference" type="primary">保存</el-button>
+        </el-popconfirm>
+        <el-button @click="onClose">关闭</el-button>
+      </div>
+    </el-dialog>
+    <div class="images" v-viewer="{movable: true}" v-show="false">
+      <img v-for="(item, index) in imgList" :src="item" :key="index" alt="">
+    </div>
+  </section>
+</template>
+
+<script>
+import {VueCropper} from 'vue-cropper'
+import 'viewerjs/dist/viewer.css'
+import Viewer from 'v-viewer'
+import Vue from "vue";
+
+Viewer.setDefaults({
+  zIndex: 20170
+})
+Vue.use(Viewer)
+export default {
+  name: 'AiUploader',
+  components: {VueCropper},
+  inject: {
+    elFormItem: {default: ""},
+    elForm: {default: ''},
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    value: {default: () => []},
+    url: {
+      type: String,
+      default: '/admin/file/add'
+    },
+    isShowTip: {
+      type: Boolean,
+      default: false
+    },
+    isWechat: {
+      type: Boolean,
+      default: false
+    },
+    maxSize: {
+      type: Number,
+      default: 10
+    },
+    instance: Function,
+    acceptType: {type: String},
+    fileType: {type: String, default: 'img'},
+    limit: {type: Number, default: 9},
+    disabled: {type: Boolean, default: false},
+    isCrop: {type: Boolean, default: false},
+    cropOps: Object,
+    isImport: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {default: true},
+    valueIsUrl: Boolean
+  },
+  data() {
+    return {
+      fileList: [],
+      dialog: false,
+      currFixedIndex: 0,
+    }
+  },
+  watch: {
+    value: {
+      handler(v) {
+        this.dispatch('ElFormItem', 'el.form.change', [v]);
+        if (v?.length > 0) {
+          this.fileList = this.valueIsUrl ? v?.split(",")?.map(url => ({url})) : [...v]
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  computed: {
+    isImg() {
+      return this.fileType === 'img'
+    },
+    validateState() {
+      return ['', 'success'].includes(this.elFormItem?.validateState)
+    },
+    isAutoUpload() {
+      return !(this.isCrop || this.isImport);
+    },
+    hasTipsSlot() {
+      return this.$slots.tips
+    },
+    hasTriggerSlot() {
+      return this.$slots.trigger
+    },
+    accept() {
+      if (this.acceptType) {
+        return this.acceptType
+      }
+
+      return this.isImg ? '.jpg,.png,.jpeg' : '.zip,.rar,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.txt,.jpg,.png,.mp4'
+    },
+    crop() {
+      return {
+        autoCrop: true,
+        outputType: 'png',
+        fixedBox: false,
+        fixed: true,
+        fixedNumber: [1.6, 1],
+        width: 0,
+        height: 0,
+        ...this.cropOps
+      }
+    },
+    imgList() {
+      return this.fileList.map(v => v.url)
+    },
+    isSingle() {
+      return this.limit == 1 && this.isImport
+    },
+    showTips() {
+      return this.isShowTip || this.$slots.tips
+    },
+    hasUploaded() {
+      return this.fileList?.length > 0
+    },
+    uploadFile() {
+      let file = this.fileList?.[0],
+          size = Number(file.size),
+          icon = "iconTxt"
+      //显示大小
+      if (size > Math.pow(1024, 2)) {
+        size = (size / Math.pow(1024, 2)).toFixed(1) + 'MB'
+      } else {
+        size = (size / 1024).toFixed(1) + 'KB'
+      }
+      //显示图标
+      if (/\.(xls|xlsx)$/.test(file.name)) {
+        icon = "iconExcel"
+      } else if (/\.(zip)$/.test(file.name)) {
+        icon = "iconZip"
+      } else if (/\.(rar)$/.test(file.name)) {
+        icon = "iconRar"
+      } else if (/\.(png)$/.test(file.name)) {
+        icon = "iconPng"
+      } else if (/\.(pptx|ppt)$/.test(file.name)) {
+        icon = "iconPPT"
+      } else if (/\.(doc|docx)$/.test(file.name)) {
+        icon = "iconWord"
+      }
+
+      return {...file, size, icon}
+    }
+  },
+  methods: {
+    onFixedChange(e) {
+      this.fixedNumber = e === 0 ? [1.6, 1] : [4, 3]
+
+      this.$nextTick(() => {
+        this.$refs.cropper.goAutoCrop()
+      })
+    },
+    handleChange(file, fileList) {
+      if (this.isImport) {
+        if (!this.onOverSize(file)) {
+          this.fileList = []
+          return false
+        }
+        this.fileList = fileList
+        this.emitChange(fileList)
+        return false
+      }
+      if (this.isCrop) {
+        if (file.raw.type === 'image/gif') {
+          this.$message.error(`不支持gif格式的图片`)
+          this.fileList = []
+
+          return false
+        }
+
+        if (!this.onOverSize(file)) {
+          this.fileList = []
+
+          return false
+        }
+        this.dialog = true
+        this.fileList = fileList
+      } else {
+        this.fileList = fileList
+      }
+    },
+    handleExceed(files) {
+      if (this.isSingle && files[0]) {
+        this.$refs.upload?.clearFiles()
+        this.$refs.upload?.handleStart(files[0])
+      } else this.$message.warning(`最多上传${this.limit}个${this.isImg ? '图片' : '文件'}`)
+    },
+    handlePictureCardPreview(file) {
+      if (this.fileType !== 'img') return
+
+      const index = this.imgList.indexOf(file.url)
+      const viewer = this.$el.querySelector('.images').$viewer
+      viewer.view(index)
+    },
+
+    handleRemove(file, fileList) {
+      this.fileList = fileList
+      this.emitChange(fileList)
+    },
+    emitChange(files) {
+      this.$emit('change', this.valueIsUrl ? files?.map(e => e.url)?.toString() : files)
+    },
+    handleClear() {
+      this.fileList = []
+    },
+    getExtension(name) {
+      return name.substring(name.lastIndexOf('.'))
+    },
+
+    onOverSize(e) {
+      const isLt10M = e.size / 1024 / 1024 < this.maxSize
+      const suffixName = this.getExtension(e.name)
+      const suffixNameList = this.accept.split(',')
+
+      if (suffixNameList.indexOf(`${suffixName.toLowerCase()}`) === -1) {
+        this.$message.error(`不支持该格式`)
+        return false
+      }
+
+      if (!isLt10M) {
+        this.$message.error(`${this.isImg ? '图片' : '文件'}大小不超过${this.maxSize}MB!`)
+        return false
+      }
+
+      return true
+    },
+
+    onBeforeUpload(event) {
+      return this.onOverSize(event)
+    },
+
+    onClose() {
+      this.fileList = []
+      this.dialog = false
+    },
+
+    submitUpload(file) {
+      let formData = new FormData()
+      formData.append('file', file.file)
+      this.instance.post(this.url, formData, {
+        withCredentials: false
+      }).then(res => {
+        if (res?.code == 0) {
+          if (this.isWechat) {
+            this.emitChange([{
+              ...res.data.file,
+              media: res.data.media
+            }])
+            this.fileList.forEach(item => {
+              if (item.uid === file.file.uid) {
+                item.id = res.data.file.id
+                item.path = res.data.file.url
+                item.url = res.data.file.url,
+                    item.media = res.data.media
+              }
+            })
+            this.emitChange(this.fileList)
+            this.$message.success('上传成功')
+            return false
+          }
+          let data = res.data[0].split(';')
+          this.fileList.forEach(item => {
+            if (item.uid === file.file.uid) {
+              item.id = data[1]
+              item.path = data[0]
+              item.url = data[0]
+            }
+          })
+          this.emitChange(this.fileList)
+          this.$message.success('上传成功')
+        }
+      })
+    },
+    previewCrop() {
+      this.$refs.cropper.getCropBlob(data => {
+        data.name = this.fileList[0].name;
+        this.fileList[0].file = new window.File([data], data.name, {type: data.type})
+        this.fileList[0].file.uid = this.fileList[0].uid
+        this.submitUpload(this.fileList[0])
+        this.dialog = false
+      })
+    },
+    /**
+     * 表单验证
+     * @param componentName
+     * @param eventName
+     * @param params
+     */
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.uploader {
+  line-height: 1;
+
+  :deep(.el-upload ){
+    width: 100%;
+    text-align: start;
+  }
+
+  :deep(.validError ){
+    .el-button {
+      border-color: #f46;
+      color: #f46;
+    }
+  }
+
+  :deep(.el-upload--picture-card ){
+    border: none;
+  }
+
+  :deep( .el-list-leave-active), :deep( .el-upload-list__item ){
+    transition: all 0s !important;
+  }
+
+  :deep(.el-upload-list--picture-card .el-upload-list__item ){
+    width: 120px;
+    height: 120px;
+    border-radius: 4px;
+  }
+
+  :deep(.el-upload--picture-card ){
+    width: auto;
+    height: auto;
+  }
+
+  .el-upload__tip p {
+    color: #999;
+    line-height: 16px;
+  }
+
+  :deep(.fileItem ){
+    width: 100%;
+    height: 60px;
+    background: #FFFFFF;
+    border-radius: 2px;
+    border: 1px solid #D0D4DC;
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    cursor: default;
+
+    .uploadFile {
+      text-align: start;
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      color: #222;
+
+      .AiIcon {
+        width: 40px;
+        height: 40px;
+      }
+
+      .info {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        margin-left: 8px;
+        margin-right: 40px;
+        line-height: 22px;
+      }
+
+      .size {
+        color: #888;
+      }
+    }
+  }
+
+  .uploaderBox {
+    width: 120px;
+    height: 120px;
+    line-height: 1;
+    background: #F3F4F7;
+    border-radius: 2px;
+    border: 1px solid #D0D4DC;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    &:hover {
+      opacity: 0.6;
+    }
+
+    span {
+      font-size: 32px;
+      color: #8899bb;
+
+      &:hover {
+        color: #8899bb;
+      }
+    }
+
+    p {
+      margin: 0;
+      padding-top: 4px;
+      color: #555;
+      font-size: 12px;
+      text-align: center;
+      line-height: 1;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/basic/AiWrapper.vue b/ui/packages/basic/AiWrapper.vue
new file mode 100644
index 00000000..05995a1d
--- /dev/null
+++ b/ui/packages/basic/AiWrapper.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="ai-wrapper">
+    <ai-title class="w100" v-if="title" :title="title"/>
+    <div class="ai-wrapper-content" :class="{border}">
+      <slot/>
+    </div>
+  </div>
+</template>
+
+<script>
+import AiTitle from "./AiTitle";
+
+export default {
+  name: 'AiWrapper',
+  components: {AiTitle},
+  componentName: 'AiWrapper',
+
+  provide() {
+    return {
+      AiWrapper: this
+    }
+  },
+
+  props: {
+    'label-width': {
+      type: String
+    },
+
+    columnsNumber: {
+      type: Number,
+      default: 2
+    },
+    border: Boolean,
+    title: String
+  },
+
+  computed: {
+    autoWidth() {
+      return ((1 / this.columnsNumber) * 100).toFixed(2) + '%'
+    },
+
+    autoLableWidth() {
+      return this.labelWidth
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-wrapper {
+  .w100 {
+    width: 100%;
+  }
+
+  .ai-wrapper-content {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+
+    &.border {
+      border-left: 1px solid $borderColor;
+      border-top: 1px solid $borderColor;
+
+      .ai-info-item {
+        border-bottom: 1px solid $borderColor;
+        border-right: 1px solid $borderColor;
+        margin-bottom: 0;
+        line-height: 32px;
+
+        .ai-info-item__left {
+          background: rgba(0, 0, 0, .03);
+          padding-right: 16px;
+          border-right: 1px solid $borderColor;
+          margin-right: 16px;
+        }
+
+        .el-textarea__inner {
+          border: none;
+          padding-left: 0;
+        }
+      }
+    }
+  }
+
+}
+</style>
diff --git a/ui/packages/common/AiArea.vue b/ui/packages/common/AiArea.vue
new file mode 100644
index 00000000..806912d6
--- /dev/null
+++ b/ui/packages/common/AiArea.vue
@@ -0,0 +1,368 @@
+<template>
+  <section class="ai-area">
+    <div v-if="inputClicker" @click="chooseArea" class="input-clicker">
+      <el-row type="flex" justify="space-between">
+        <div class="prepend">
+          <i style="font-size: 16px" class="iconfont iconLocation"/>
+          切换地区
+        </div>
+        <div class="content nowarp-text fill" v-text="fullName"/>
+        <i class="iconfont iconChange pad-r10"/>
+      </el-row>
+    </div>
+    <el-button v-else-if="!customClicker" class="area-btn" type="primary" size="mini" @click="chooseArea">
+      {{ btnShowArea ? selectedName : "切换地区" }}
+    </el-button>
+    <a class="custom-clicker" v-else @click="chooseArea">
+      <slot :areaname="selectedName" :fullname="fullName" :id="selected" :areatype="selectedAreaType"/>
+    </a>
+    <ai-dialog :visible.sync="dialog" title="选择地区" width="60%" @onConfirm="confirmArea" @open="selected=(value||'')">
+      <ai-highlight content="您当前选择&nbsp;@v" :value="selectedName" color="#333" bold/>
+      <div class="area_edge">
+        <div class="area-box" v-for="ops in showOps">
+          <h2 v-text="ops.header"/>
+          <div class="area-item" :class="{selected: selectedMap.includes(area.id)}" v-for="area in ops.list"
+               @click="getChildrenAreas(area)">
+            <ai-badge>
+              <span>{{ area.name }}</span>
+              <div slot="badge" v-if="showBadge&&area.tipName" :class="getLabelClassByLabelType(area.labelType)">
+                {{ area.tipName }}
+              </div>
+            </ai-badge>
+          </div>
+        </div>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+<script>
+import AiHighlight from "../layout/AiHighlight";
+import instance from "../../lib/js/request";
+import Area from "../../lib/js/area";
+
+export default {
+  name: 'AiArea',
+  components: {AiHighlight},
+  inject: {
+    elFormItem: {default: ""},
+    elForm: {default: ''},
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    instance: {default: () => instance},
+    action: String,
+    areaLevel: {type: [Number, String], default: 5},
+    btnShowArea: {type: Boolean, default: false},
+    customClicker: {type: Boolean, default: false},
+    disabled: {type: Boolean, default: false},
+    hideLevel: {type: [Number, String], default: 0},
+    inputClicker: {type: Boolean, default: true},
+    provinceAction: String,
+    separator: {type: String, default: ""},
+    showBadge: {type: Boolean, default: true},
+    value: String,
+    valueLevel: {type: [Number, String], default: -1}
+  },
+  data() {
+    return {
+      selected: null,
+      areaOps: [],
+      fullName: '',
+      dialog: false,
+      ProvinceCityCounty: [],
+    }
+  },
+  computed: {
+    currentArea: v => v.selected || v.value,
+    selectedArea: v => new Area(v.currentArea, v.hashMap),
+    startLevel: v => Number(v.hideLevel) || 0,//地区最高可选行政地区等级
+    endLevel: v => Number(v.areaLevel) || 0,//地区最低可选行政地区等级
+    selectedName: v => v.selectedArea.name || "无",
+    validateState: v => ['', 'success'].includes(v.elFormItem?.validateState),
+    selectedMap: v => v.selectedArea.areaMap,
+    hashMap() {
+      //地区数据缓存器,用于快速获取数据
+      const hash = {}
+      this.areaOps.flat().map(e => hash[e.id] = e)
+      return hash
+    },
+    showOps() {
+      const levelLabels = {
+        0: "省/直辖市",
+        1: "市",
+        2: "县/区",
+        3: "乡/镇/街道",
+        4: "村/社区"
+      }
+      let ops = this.areaOps.map((list, i) => ({
+        header: levelLabels[i], list
+      })).slice(Math.max(0, this.startLevel), this.endLevel)
+      if (this.startLevel > 0 && ops.length > 0) {
+        ops[0].list = ops[0].list.filter(e => e.id == this.selectedMap[this.startLevel])
+      }
+      return ops
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        this.dispatch('ElFormItem', 'el.form.change', [v]);
+        this.initAreaName()
+      }
+    },
+  },
+  methods: {
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    chooseArea() {
+      if (this.disabled) return
+      this.selected = this.$copy(this.value)
+      this.initOptions().then(() => this.dialog = true)
+    },
+    confirmArea() {
+      if (this.valueLevel > -1) {
+        this.$emit("change", this.selectedMap[this.valueLevel])
+      } else {
+        this.$emit("change", this.selected)
+      }
+      this.$emit("area", this.selected, this.selectedArea);
+      this.dialog = false
+    },
+    getChildrenAreas(area) {
+      this.selected = area.id;
+      const level = Area.getLevelByAreaId(area.id);
+      if (level < 4) {
+        this.getAreasByParentId(area.id).then(list => {
+          this.areaOps.splice(level + 1, 5, list)
+        })
+      }
+    },
+    getAreasByParentId(id) {
+      const level = Area.getLevelByAreaId(id)
+      return new Promise(resolve => {
+        if (level < 2) {
+          this.getProvinceCityCounty().then(() => {
+            resolve(this.ProvinceCityCounty.filter(e => e.parentId == id))
+          })
+        } else {
+          this.instance.post(this.action || "/admin/area/queryAreaByParentId", null, {
+            withoutToken: true,
+            params: {id}
+          }).then(res => {
+            if (res?.data) {
+              resolve(res.data)
+            }
+          })
+        }
+      })
+    },
+    getLabelClassByLabelType(type) {
+      let cls = "badge-label"
+      switch (type) {
+        case '1':
+          cls += ' label-town'
+          break;
+        case '3':
+          cls += ' label-village'
+          break;
+        default:
+          cls += ' label-poor'
+          break
+      }
+      return cls
+    },
+    getProvinceCityCounty() {
+      return new Promise(resolve => {
+        if (localStorage.getItem("ProvinceCityCounty")) {
+          resolve(JSON.parse(localStorage.getItem("ProvinceCityCounty")))
+        } else {
+          this.instance.post(this.provinceAction || "/admin/area/queryProvinceListContainCity", null, {
+            withoutToken: true
+          }).then(res => {
+            if (res && res.data) {
+              localStorage.setItem("ProvinceCityCounty", JSON.stringify(res.data))
+              resolve(res.data)
+            }
+          })
+        }
+      }).then(list => this.ProvinceCityCounty = list)
+    },
+    initOptions() {
+      this.areaOps = []
+      let map = {};
+      return Promise.all([null, ...this.selectedMap].map((id, i) => this.getAreasByParentId(id).then(list => map[i] = list))).then(() => {
+        this.areaOps = Object.values(map)
+      })
+    },
+    initAreaName() {
+      if (this.value) {
+        Area.createByAction(this.currentArea, this.instance).then(names => {
+          this.selectedArea.getName(names)
+          this.fullName = this.selectedArea.nameMap.join(this.separator)
+          this.$emit("update:name", this.selectedName)
+          this.$emit("fullname", this.fullName)
+        })
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.ai-area {
+  .area-btn {
+    box-shadow: 0 2px 8px 0 rgba(76, 132, 255, 0.6);
+  }
+
+  .input-clicker {
+    width: 320px;
+    cursor: pointer;
+    border: 1px solid #D0D4DC;
+    line-height: 32px;
+    border-radius: 2px;
+    font-size: 14px;
+
+    .prepend {
+      background: rgba(245, 245, 245, 1);
+      width: auto;
+      border-right: 1px solid #D0D4DC;
+      padding: 0 8px;
+      white-space: nowrap;
+
+    }
+
+    .content {
+      text-align: left;
+      padding-left: 14px;
+      padding-right: 8px;
+      direction: rtl;
+    }
+
+    .suffix {
+      width: auto;
+      padding: 0 12px
+    }
+
+    &:hover {
+      border-color: $primaryColor;
+    }
+  }
+
+  .custom-clicker {
+    text-decoration: none;
+    cursor: pointer;
+    padding: 3px;
+  }
+
+  .area_edge {
+    max-height: 350px;
+    overflow-y: auto;
+    white-space: normal;
+  }
+
+  .area-box {
+    box-shadow: 0px -1px 0px 0px rgba(238, 238, 238, 1);
+    padding: 16px 0 8px 0;
+
+    & > section {
+      font-size: 0;
+    }
+
+    & > h2 {
+      color: rgba(51, 51, 51, 1);
+      line-height: 22px;
+      margin-bottom: 8px;
+      font-size: 14px;
+      font-weight: 600;
+    }
+
+    .area-item {
+      display: inline-block;
+      border-radius: 2px;
+      border: 1px solid #D0D4DC;
+      margin: 8px 8px 8px 0;
+      padding: 3px 10px;
+      cursor: pointer;
+      text-align: center;
+      line-height: normal;
+      font-size: 14px;
+
+      &:hover {
+        color: rgba($primaryColor, .8);
+        border-color: rgba($primaryColor, .8);
+      }
+    }
+
+    a {
+      text-decoration: none;
+      border-radius: 4px;
+      border: 1px solid #ddd;
+      line-height: normal;
+      margin: 5px;
+      padding: 3px;
+      cursor: pointer;
+
+      span {
+        margin: 0 10px;
+      }
+
+      &:hover {
+        color: rgba($primaryColor, .8);
+        border-color: rgba($primaryColor, .8);
+      }
+    }
+
+    .selected {
+      color: rgba($primaryColor, .8);
+      border-color: rgba($primaryColor, .8);
+    }
+  }
+
+  .badge-label {
+    font-size: 12px;
+    font-weight: bold;
+    border-radius: 15px;
+    color: #fff;
+    width: 12px;
+    letter-spacing: 10px;
+    text-align: center;
+    overflow: hidden;
+    padding: 3px 5px;
+    white-space: nowrap;
+    transition: width 1s, letter-spacing 0.05s;
+
+    &.label-town {
+      background: rgba($primaryColor, .8);
+    }
+
+    &.label-village {
+      background: rgba($primaryColor, .8);
+    }
+
+    &.label-poor {
+      background: #ffb14c;
+    }
+
+    &:hover {
+      width: initial;
+      letter-spacing: unset;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/common/AiAreaGet.vue b/ui/packages/common/AiAreaGet.vue
new file mode 100644
index 00000000..287f82db
--- /dev/null
+++ b/ui/packages/common/AiAreaGet.vue
@@ -0,0 +1,295 @@
+<template>
+  <section class="AiAreaGet">
+    <el-cascader v-if="refresh" ref="areaCascader" :value="value" size="small" :props="props" :show-all-levels="showAll"
+                 :options="options" @visible-change="editing=true" clearable
+                 filterable :before-filter="handleFindArea" @change="handleAfterFilter"
+                 v-bind="$attrs" v-on="$listeners" popper-class="popperSelectors"/>
+  </section>
+</template>
+
+<script>
+/**
+ * 智能地区选择器
+ * @displayName AiAreaGet
+ */
+export default {
+  name: "AiAreaGet",
+  inject: {
+    elFormItem: {default: ""},
+  },
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    /**
+     * 接口方法类:必填
+     */
+    instance: {default: () => null},
+    /**
+     * 绑定地区编码
+     * @model
+     */
+    value: {default: ""},
+    /**
+     * 是否多选
+     */
+    multiple: Boolean,
+    /**
+     * 获取地区信息接口地址,默认为:/admin/area/queryAreaByParentId
+     */
+    action: {default: "/admin/area/queryAreaByParentId"},
+    /**
+     * 限制获取地区编码的范围,1:省 2:地级市 3:县/区 4:镇/街道 5:村/社区
+     * @values 1,2,3,4,5
+     */
+    valueLevel: {default: 5},
+    /**
+     * 指定根级地区范围
+     */
+    root: {default: ""},
+    /**
+     * 获取地区名称,支持.sync 双向获取绑定
+     */
+    name: {default: ""},
+    /**
+     * 显示完整地区名称
+     */
+    showAll: Boolean
+  },
+  data() {
+    return {
+      rules: [10, 8, 6, 3, 0],
+      cacheOptions: [],
+      editing: false,
+      filterData: [],
+      caches: [],
+      roots: [],
+      refresh: true,
+      rootLoad: ""
+    }
+  },
+  watch: {
+    value(v) {
+      !this.editing && !this.caches.includes(this.value) && this.getCacheOptions()
+      this.dispatch('ElFormItem', 'el.form.change', [v]);
+      setTimeout(() => this.$emit("update:name", this.$refs.areaCascader?.inputValue))
+    },
+    root() {
+      if (this.value) {
+        this.getCacheOptions()
+      } else {
+        setTimeout(() => {
+          this.refresh = false
+          this.$nextTick(() => this.refresh = true)
+        }, 200)
+      }
+    },
+    options: {
+      handler() {
+        this.$nextTick(() => this.$forceUpdate())
+      }, deep: true, immediate: true
+    }
+  },
+  computed: {
+    fullArea() {
+      const length = 12,
+          getFull = v => this.rules.map(e => {
+            let reg = new RegExp(`(\\d{${length-e}})\\d{${e}}`, 'g')
+            return v?.replace(reg, '$1' + Array(e).fill(0).join(''))
+          }).filter((e, i) => i <= this.getLevel(v))
+      return this.multiple ? [this.value].flat()?.map(e => getFull(e)) : getFull(this.value)
+    },
+    props() {
+      return {
+        label: 'name',
+        value: 'id',
+        lazy: true,
+        multiple: this.multiple,
+        checkStrictly: true,
+        emitPath: false,
+        lazyLoad: (node, resolve) => {
+          if (!(this.caches.includes(node.value) && this.fullArea.includes(node.value)) || node.loading) {
+            if (node?.level == 0) {
+              this.getRoots(resolve, "lazyLoad")
+            } else if (node?.level > 0 && node.children?.length == 0) {
+              let {id, leaf} = node.data
+              leaf ? resolve([]) : this.getAreasByParent(id, resolve)
+            } else resolve([])
+          } else resolve([])
+        }
+      }
+    },
+    options() {
+      return [...this.cacheOptions, ...this.filterData]
+    },
+    filtering() {
+      let v = this.$refs?.areaCascader?.filtering
+      if (!v) this.filterData = []
+      return v
+    }
+  },
+  methods: {
+    getLevel(code) {
+      let lv = -1
+      this.rules.some((e, index) => {
+        let reg = new RegExp(`0{${e}}$`, "g")
+        if (reg.test(code)) {
+          lv = index
+          return true
+        }
+      })
+      return lv
+    },
+    getRoots(resolve, from) {
+      let url = '/admin/area/queryProvinceList'
+      if (this.root) {
+        url = "/admin/area/queryAreaByAreaid"
+        if (this.rootLoad == this.root) {
+          let waitRoots = (count = 0) => setTimeout(() => {
+            if (this.roots.length > 0 || count == 5) {
+              resolve(this.roots)
+            } else waitRoots(++count)
+          }, 500)
+          return from == "lazyLoad" ? '' : waitRoots()
+        }
+      }
+      this.rootLoad = JSON.parse(JSON.stringify(this.root))
+      if (this.roots.some(e => e.id == this.root)) {
+        resolve(this.roots)
+      } else this.instance.post(url, null, {
+        params: {id: this.root, from}, withoutToken: true
+      }).then(res => {
+        if (res?.data) {
+          this.roots = [res.data].flat().map(e => ({...e, leaf: e.type == this.valueLevel}))
+          resolve(this.roots)
+        }
+      })
+    },
+    getAreasByParent(id, resolve) {
+      id && this.instance.post(this.action, null, {
+        params: {id}, withoutToken: true,
+      }).then(res => {
+        if (res?.data) {
+          resolve(res.data.map(e => ({...e, leaf: e.type == this.valueLevel})))
+        }
+      })
+    },
+    async getCacheOptions() {
+      let finished = 0
+      const hasChild = ids => ids?.some(e => this.fullArea?.flat()?.includes(e)),
+          appendChildren = (area, resolve) => {
+            let values = [this.value].flat()
+            if (values.includes(area.id)) {
+              finished++
+              if (finished == values.length) {
+                this.$emit("update:name", area.name)
+                resolve()
+              }
+            } else this.getAreasByParent(area.id, data => {
+              this.$set(area, "children", data)
+              data.map(d => {
+                this.caches.push(d.id)
+                hasChild([d.id]) && appendChildren(d, resolve)
+              })
+            })
+          }
+      if (!!this.value?.toString()) {
+        this.cacheOptions = []
+        this.caches = []
+        await this.getRoots(data => {
+          this.caches = data?.map(e => e.id) || []
+          new Promise(resolve => {
+            if (hasChild(data.map(e => e.id))) {
+              data.map(e => hasChild([e.id]) && appendChildren(e, resolve))
+            } else resolve()
+          }).then(() => {
+            this.cacheOptions = data
+          })
+        }, "initWithValue")
+      } else if (!!this.root) {
+        this.caches = []
+        await this.getRoots(data => {
+          this.caches = data?.map(e => e.id) || []
+          new Promise(resolve => {
+            if (hasChild(data.map(e => e.id))) {
+              data.map(e => hasChild([e.id]) && appendChildren(e, resolve))
+            } else resolve()
+          }).then(() => {
+            this.cacheOptions = data
+          })
+        }, "initWithRoot")
+      }
+    },
+    /**
+     * 表单验证
+     * @param componentName
+     * @param eventName
+     * @param params
+     */
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    handleFindArea(areaName) {
+      return new Promise(resolve => {
+        this.instance.post("/admin/area/queryAreaByAreaName", null, {
+          params: {areaName}
+        }).then(res => {
+          if (res?.data) {
+            let range = new RegExp(`^${this.root.replace(/0+$/g, '')||'\d'}`)
+            this.filterData = res.data.filter(e => !this.caches.includes(e.id) && range.test(e.id)).map(e => ({
+              ...e,
+              leaf: e.type == this.valueLevel
+            }))
+            resolve()
+          }
+        })
+      })
+    },
+    handleAfterFilter(v) {
+      this.$emit('select', this.$refs.areaCascader?.getCheckedNodes(true))
+      this.$refs.areaCascader?.toggleDropDownVisible(false)
+      if (!this.multiple) {
+        if (this.filterData?.length > 0) {
+          this.filterData = []
+        }
+        this.editing = this.caches.includes(v);
+      }
+    }
+  },
+  created() {
+    setTimeout(() => {
+      this.cacheOptions.length == 0 && this.getCacheOptions()
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiAreaGet {
+  width: 100%;
+
+  .el-cascader {
+    width: 100%;
+  }
+}
+</style>
+<style lang="scss">
+.popperSelectors {
+  .el-cascader-menu__wrap {
+    height: 300px;
+  }
+}
+</style>
diff --git a/ui/packages/common/AiAreaSelect.vue b/ui/packages/common/AiAreaSelect.vue
new file mode 100644
index 00000000..79bda273
--- /dev/null
+++ b/ui/packages/common/AiAreaSelect.vue
@@ -0,0 +1,273 @@
+<template>
+  <section class="AiAreaSelect">
+    <el-row type="flex" :gutter="5">
+      <el-col v-for="(item,i) in areaInfo" :key="i" v-show="isShowSelector(i)" style="width: auto;">
+        <el-select :size="selectClass" v-if="areaLists[i].length>0||alwaysShow" @focus="$emit('focus')"
+                   @blur="$emit('blur')" :placeholder="placeVal[i]" clearable
+                   :disabled="isDisabledSelector(i)" :value="areaInfo[i]" @change="v=>handleSelectorChange(v,i)">
+          <template v-if="lockFirstOption&&i==(hideNum||0)">
+            <el-option v-if="!areaInfo[i]||areaInfo[i]===area.id" v-for="(area,j) in areaLists[i]" :key="j"
+                       :value="area.id" :label="area.name"/>
+          </template>
+          <el-option v-else v-for="(area,j) in areaLists[i]" :key="j" :value="area.id" :label="area.name"/>
+        </el-select>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiAreaSelect",
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  inject: {
+    elFormItem: {default: ""},
+  },
+  props: {
+    value: String,
+    areaLevel: {type: [Number, String], default: 5},
+    disabledLevel: {type: [Number, String], default: 0},
+    disabled: {type: Boolean, default: false},
+    hideLevel: {type: [Number, String], default: 0},
+    valueLevel: {type: [Number, String], default: -1},
+    alwaysShow: {type: Boolean, default: false},
+    selectClass: {type: String, default: 'small'},
+    lockFirstOption: {type: Boolean, default: false},
+    instance: Function,
+    action: String,
+    provinceAction: String
+  },
+  computed: {
+    hideNum() {
+      return Number(this.hideLevel)
+    },
+    disabledNum() {
+      return Number(this.disabledLevel)
+    },
+    showNum() {
+      return Number(this.areaLevel)
+    },
+    valueIndex() {
+      return Number(this.valueLevel)
+    },
+    current() {
+      return this.selected || this.value
+    },
+    areaInfo() {
+      let info = {}
+      const currentLevel = this.getLevelByAreaId(this.current)
+      for (let i = 0; i < this.showNum; i++) {
+        //防止地区代码出现,在获取到选项后再赋值
+        if (i <= currentLevel) info[i] = this.areaLists[i]?.length ? this.getAreaByAreaType(i) : ""
+        else info[i] = null
+      }
+      return info
+    },
+    areaObj() {
+      let info = {}
+      for (let key in this.areaInfo) {
+        if (this.areaInfo[key]) {
+          info[key] = this.areaLists[key].find(e => e.id === this.areaInfo[key])
+        }
+      }
+      return info
+    },
+    selectedName() {
+      const index = this.getLevelByAreaId(this.current)
+      if (index > -1) {
+        const area = this.areaLists[index].find(e => e.id === this.current)
+        return area ? area.name : ""
+      } else return ""
+    },
+    selectedFullName() {
+      let name = ""
+      for (let i in this.areaInfo) {
+        if (this.areaInfo[i]) {
+          const area = this.areaLists[i].find(e => e.id === this.areaInfo[i])
+          name += area ? area.name : ""
+        }
+      }
+      return name
+    },
+    areaLelve() {
+      return this.getLevelByAreaId(this.current);
+    }
+  },
+  watch: {
+    selected() {
+      if (this.valueIndex > -1) {
+        this.$emit("change", this.areaInfo[this.valueIndex] || null)
+      } else {
+        this.$emit("change", this.current)
+      }
+      this.$emit("area", this.areaInfo);
+      this.$emit('areaLelve', this.areaLelve)
+    },
+    areaObj() {
+      this.$emit("areaObj", this.areaObj)
+    },
+    selectedName() {
+      this.$emit("name", this.selectedName)
+    },
+    selectedFullName() {
+      this.$emit("fullname", this.selectedFullName)
+    },
+    valueLevel() {
+      this.refreshAreaList();
+    },
+    value(v) {
+      //特殊处置结果 后台传值赋值改变需要重新加载数据
+      this.dispatch('ElFormItem', 'el.form.change', [v]);
+      if (!this.selected) {
+        this.refreshAreaList();
+      }
+    }
+  },
+  data() {
+    return {
+      selected: null,
+      areaLists: {
+        0: [],
+        1: [],
+        2: [],
+        3: [],
+        4: [],
+      },
+      placeVal: {
+        0: '请选择省',
+        1: '请选择市',
+        2: '请选择区',
+        3: '请选择镇',
+        4: '请选择村'
+      },
+      ProvinceCityCounty: []
+    }
+  },
+  methods: {
+    isShowSelector(i) {
+      let index = Number(i)
+      return index >= this.hideNum
+    },
+    isDisabledSelector(i) {
+      let index = Number(i)
+      return this.disabled || (index < this.disabledNum)
+    },
+    handleSelectorChange(area, index) {
+      if (area) {
+        this.selected = area
+        if (index < 4 && this.areaInfo[index]) {
+          this.getAreasByParentId(index).then(() => {
+            for (let i = index; i < this.showNum; i++) {
+              if (this.areaLists[i + 2]) this.areaLists[i + 2] = []
+            }
+          })
+        }
+      } else {//清空操作
+        let i = Number(index), pre = i - 1, origin = JSON.parse(JSON.stringify(this.areaInfo))
+        if (pre > 0) {
+          this.selected = origin[pre]
+          for (let j = i + 1; j < this.showNum; j++) {
+            this.areaLists[j] = []
+          }
+        } else {
+          this.selected = origin[0]
+          for (let j = i + 2; j < this.showNum; j++) {
+            this.areaLists[j] = []
+          }
+        }
+      }
+    },
+    getAreasByParentId(index) {
+      index = Number(index)
+      return new Promise((resolve) => {
+        this.areaLists[index + 1] = []
+        if (index < 2) {
+          index = Number(index)
+          let data = this.ProvinceCityCounty.filter(e => e.parentId == this.areaInfo[index])
+          if (data && (index + 1 < this.showNum)) this.areaLists[index + 1] = data
+          this.$forceUpdate();
+          resolve(index)
+        } else {
+          this.instance.post(this.action || "/admin/area/queryAreaByParentId", null, {
+            withoutToken: true,
+            params: {id: this.areaInfo[index]}
+          }).then(res => {
+            if (res?.data) {
+              index = Number(index)
+              if (index + 1 < this.showNum) this.areaLists[index + 1] = res.data
+              this.$forceUpdate()
+            }
+            resolve(index)
+          })
+        }
+
+      })
+    },
+    getProvinceCityCounty() {
+      return this.instance.post(this.provinceAction || "/admin/area/queryProvinceListContainCity", null, {withoutToken: true})
+    },
+    getAreaByAreaType(areaType) {
+      let lvCount = [2, 4, 6, 9, 12]
+      return this.current?.split("").map((e, i) => i < lvCount[areaType] ? e : 0).join("")
+    },
+    getLevelByAreaId(code) {
+      if (code) {
+        if (code.length == 2 || code.endsWith('0000000000')) return 0
+        else if (code.endsWith('00000000')) return 1
+        else if (code.endsWith('000000')) return 2
+        else if (code.endsWith('000')) return 3
+        else return 4
+      } else return -1
+    },
+    refreshAreaList() {
+      for (let i = 0; i < this.showNum; i++) {
+        this.areaLists[i] = []
+      }
+      this.getProvinceCityCounty().then(res => {
+        this.ProvinceCityCounty = res.data
+        this.areaLists[0] = res.data.filter(d => !d.parentId)
+        const getAreaList = i => {
+          if (this.areaInfo?.[i])
+            this.getAreasByParentId(i).then(next => getAreaList(next + 1))
+        }
+        getAreaList(0)
+      })
+    },
+    /**
+     * 表单验证
+     * @param componentName
+     * @param eventName
+     * @param params
+     */
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+  },
+  created() {
+    this.refreshAreaList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiAreaSelect {
+  .el-col {
+    min-width: 90px;
+  }
+}
+</style>
diff --git a/ui/packages/common/AiAvatar.vue b/ui/packages/common/AiAvatar.vue
new file mode 100644
index 00000000..259b9a93
--- /dev/null
+++ b/ui/packages/common/AiAvatar.vue
@@ -0,0 +1,110 @@
+<template>
+  <section class="AiAvatar">
+    <el-row type="flex">
+      <div class="image-box">
+        <el-image v-if="value" :src="value" :preview-src-list="preview?[value]:null"></el-image>
+        <div style="margin: 36px auto;" v-else>
+          <i class="iconfont iconProfile_Picture"></i>
+          <div style="color: #666;font-size: 12px;">暂无照片</div>
+        </div>
+      </div>
+      <div v-if="editable" class="upload-box">
+        <el-upload ref="avatarUploader" action :http-request="uploadAvatar" :limit="1" :show-file-list="false"
+                   :before-upload="f=>file=f" :on-change="()=>$refs.avatarUploader.clearFiles()"
+                   :accept="accept">
+          <el-button size="mini">上传图片</el-button>
+          <div class="upload-tip" slot="tip">图片必须小于10MB，仅限jpg/png/jpeg格式</div>
+        </el-upload>
+      </div>
+    </el-row>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiAvatar",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {type: String, default: ""},
+    instance: Function,
+    editable: {type: Boolean, default: true},
+    bid: String,
+    preview: {type: Boolean, default: true}
+  },
+  data() {
+    return {
+      file: null,
+      accept: ".jpg,.png,.jpeg"
+    }
+  },
+  methods: {
+    uploadAvatar() {
+      const fileType = this.file.name.split(".")[1]
+      if (fileType && this.accept.indexOf(fileType.toLocaleLowerCase()) > -1) {
+        let formData = new FormData()
+        formData.append('bizId', this.bid)
+        formData.append('bizType', '2')
+        formData.append('file', this.file)
+        console.log(this.file)
+        this.instance.post("/admin/file/add", formData).then(res => {
+          if (res.data) {
+            const fileInfo = res.data[0]
+            this.$emit("change", fileInfo.split(";")[0], fileInfo);
+            this.$message.success("上传成功")
+          }
+        })
+      } else {
+        this.$message.error("上传文件格式错误!")
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiAvatar {
+  font-size: 12px;
+  line-height: initial;
+
+  .iconProfile_Picture {
+    color: #89b;
+  }
+
+  .image-box {
+    width: 104px !important;
+    height: 120px;
+    text-align: center;
+    background-color: #f5f5f5;
+    border: 1px solid rgba(208, 212, 220, 1);
+    border-radius: 2px;
+    padding: 0;
+
+    .iconfont {
+      font-size: 32px
+    }
+
+    .el-image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .upload-box {
+    width: 104px;
+    margin-left: 8px;
+
+    .el-button {
+      width: 104px;
+      height: 32px;
+    }
+
+    .upload-tip {
+      padding: 8px 0 0 10px;
+      color: #999999;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/common/AiEvaluation.vue b/ui/packages/common/AiEvaluation.vue
new file mode 100644
index 00000000..17b601b8
--- /dev/null
+++ b/ui/packages/common/AiEvaluation.vue
@@ -0,0 +1,82 @@
+<template>
+  <section class="AiEvaluation">
+    <ai-card :title="title" v-if="detail.id">
+      <template #content>
+        <slot v-if="$scopedSlots.default" :detail="detail"/>
+        <ai-wrapper v-else>
+          <ai-info-item label="评价时间" :value="detail.createTime"/>
+          <ai-info-item label="评价分数">
+            <el-rate v-model="detail.score" show-text :texts="rateTexts"/>
+          </ai-info-item>
+          <ai-info-item label="评价详情" is-line>
+            <div class="mar-b8" v-html="detail.content"/>
+            <div flex class="wrap">
+              <el-images v-for="op in annex" :key="op.id" :src="op.url" :preview-src-list="[op.url]" lazy class="mar-b8 mar-r8"/>
+            </div>
+          </ai-info-item>
+        </ai-wrapper>
+      </template>
+    </ai-card>
+
+  </section>
+</template>
+
+<script>
+import instance from "../../lib/js/request";
+import AiCard from "../layout/AiCard";
+import AiWrapper from "../basic/AiWrapper";
+import AiInfoItem from "../basic/AiInfoItem";
+
+export default {
+  name: "AiEvaluation",
+  components: {AiInfoItem, AiWrapper, AiCard},
+  props: {
+    /**
+     * 业务id
+     */
+    bid: {default: ""},
+    /**
+     * 面板标题
+     */
+    title: {default: "办事评价"},
+    /**
+     * 评价数据
+     */
+    info: {default: () => ({})},
+    /**
+     * 评价等级文案
+     */
+    rateTexts: {default: () => ['非常不满意', '不满意', '一般', '满意', '非常满意']}
+  },
+  computed: {
+    annex: v => v.detail?.files || []
+  },
+  data() {
+    return {
+      instance,
+      detail: {},
+    }
+  },
+  methods: {
+    getDetail() {
+      const {bid: bizId} = this.$props
+      bizId && this.instance.post("/app/appbusinesscompletionevaluation/queryMyEvaluationByBizId", null, {
+        params: {bizId}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
+          this.$emit("update:info", {...res.data, rateText: this.rateTexts?.[this.detail.score - 1] || ""})
+        }
+      })
+    }
+  },
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiEvaluation {
+}
+</style>
diff --git a/ui/packages/common/AiId.vue b/ui/packages/common/AiId.vue
new file mode 100644
index 00000000..16d7a8ef
--- /dev/null
+++ b/ui/packages/common/AiId.vue
@@ -0,0 +1,104 @@
+<template>
+  <section class="AiID">
+    <el-input :size="size" v-if="mode=='input'" v-model="idNumber" @change="autocomplete" clearable :disabled="disabled"
+              :placeholder="placeholder" :maxLength="18"></el-input>
+    <el-row type="flex" v-if="mode=='show'" style="align-items: center">
+      <el-button type="text" v-if="!rightBtn&&showEyes" :icon="showIcon" @click="isShow=!isShow"></el-button>
+      <span v-if="isShow">{{ value || "-" }}</span>
+      <span v-else>{{ hideId }}</span>
+      <el-button type="text" v-if="rightBtn&&showEyes" :icon="showIcon" @click="isShow=!isShow"></el-button>
+    </el-row>
+  </section>
+</template>
+
+<script>
+import tools from '../../lib/js/utils'
+
+export default {
+  name: "AiId",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  inject: {
+    ElFormItem: {default: ""},
+  },
+  props: {
+    value: String,
+    mode: {type: String, default: 'input'},
+    rightBtn: Boolean,
+    size: String,
+    show: {type: Boolean, default: false},
+    disabled: Boolean,
+    placeholder: String,
+    showEyes: {type: Boolean, default: true}
+  },
+  computed: {
+    showIcon() {
+      return this.isShow ? 'iconfont iconHide_Content' : 'iconfont iconShow_Content'
+    },
+    hideId() {
+      if (this.value) {
+        let idArr = JSON.parse(JSON.stringify(this.value))
+        return tools.idCardNoUtil.hideId(idArr)
+      } else return "-"
+    }
+  },
+  data() {
+    return {
+      isShow: false,
+      idNumber: ""
+    }
+  },
+  watch: {
+    value(v) {
+      this.idNumber = v
+      this.dispatch('ElFormItem', 'el.form.change', [v]);
+      this.autocomplete()
+    }
+  },
+  methods: {
+    autocomplete() {
+      this.$emit("change", this.idNumber)
+      let id = this.idNumber, {$dateFormat, $moment} = tools
+      if (id) {
+        let birthday = $dateFormat($moment(id.substring(6, 14), 'YYYYMMDD'))
+        if (id.length == 18) {
+          this.$emit("auto", {
+            birthday,
+            sex: "" + Number(id.substring(16, 17)) % 2,
+            age: Math.ceil($moment.duration($moment().unix() - $moment(birthday, "YYYY-MM-DD").unix(), 's').asYears()),
+            areaId: id.substring(0, 6) + "000000",
+          })
+        }
+      }
+    },
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+  },
+  created() {
+    this.idNumber = this.value;
+    this.autocomplete()
+    this.isShow = this.show
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiID {
+  line-height: 32px;
+}
+</style>
diff --git a/ui/packages/common/AiLog.vue b/ui/packages/common/AiLog.vue
new file mode 100644
index 00000000..bb9abb18
--- /dev/null
+++ b/ui/packages/common/AiLog.vue
@@ -0,0 +1,154 @@
+<template>
+  <section class="AiLog">
+    <el-table :data="logList" border header-cell-class-name="table-head-cell" cell-class-name="table-cell">
+      <el-table-column width="186px" align="center" label="修改时间" prop="createTime"/>
+      <el-table-column width="90px" align="center" label="变更人" prop="userName"/>
+      <el-table-column label="操作类型" header-align="center" width="132px">
+        <template slot-scope="{row}">{{ row.typeLabel + row.fieldName }}</template>
+      </el-table-column>
+      <el-table-column label="变更内容">
+        <div slot-scope="{row}">
+          <p v-if="row.type!=3">
+            {{ row.fieldName }}从
+            <span style='color: #26f'>{{ row.beforeChangeValue || "空" }}</span>
+            {{ row.typeLabel }}为
+            <span style='color: #26f'>{{ row.afterChangeValue || "空" }}</span>
+          </p>
+          <p v-else>
+            对
+            <span style='color: #26f'>{{ row.afterChangeValue || "空" }}</span>
+            进行了修改
+          </p>
+        </div>
+      </el-table-column>
+      <div slot="append" class="table-footer">
+        <el-pagination :current-page.sync="page.current" layout="total,prev,pager,next,sizes,jumper" :total="page.total"
+                       background @size-change="v=>{page.size=v;getLogs()}" @current-change="getLogs"/>
+      </div>
+    </el-table>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiLog",
+  props: {
+    bid: String,
+    instance: Function,
+  },
+  data() {
+    return {
+      logList: [],
+      logType: {
+        0: "更新",
+        1: "删除",
+        2: "新增",
+        3: "更新"
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    getLogs() {
+      this.instance.post("/app/appchangelog/list", null, {
+        params: {...this.page, objectId: this.bid}
+      }).then(res => {
+        if (res && res.data) {
+          this.page.total = res.data.total
+          res.data.records = res.data.records.map(e => {
+            return {...e, typeLabel: this.logType[e.type]}
+          })
+          this.logList = res.data.records
+        }
+      })
+    }
+  },
+  mounted() {
+    this.getLogs()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.AiLog {
+  :deep(.table-head-cell ){
+    background-color: rgba(243, 246, 249, 1);
+    color: #333;
+    font-size: 14px;
+    font-weight: bold;
+  }
+
+  .table-footer {
+    padding: 10px 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  :deep(.table-cell ){
+    .cell {
+      padding-top: 13px;
+      padding-bottom: 13px;
+
+      div {
+        white-space: normal;
+      }
+    }
+  }
+
+  :deep(.el-pagination ){
+    text-align: center;
+
+    .btn-prev {
+      background-color: #fff;
+      border: solid 1px #d0d4dc;
+      margin-left: 8px;
+      border-radius: 4px;
+
+      &:disabled {
+        background-color: #F5F5F5;
+      }
+    }
+
+    .btn-next {
+      background: #fff;
+      border: 1px solid #D0D4DC;
+      border-radius: 4px;
+
+      &:disabled {
+        background-color: #F5F5F5;
+      }
+    }
+  }
+
+  :deep(.el-pagination__jump ){
+    margin-left: 0;
+  }
+
+  :deep(.el-pager li ){
+    background-color: #fff;
+    border: solid 1px #d0d4dc;
+    margin-left: 8px;
+    border-radius: 4px !important;
+    line-height: 26px !important;
+
+    &.active {
+      background-color: #fff !important;
+      color: #5088FF !important;
+      border-color: #5088FF;
+
+      & + li {
+        border-left: solid 1px #d0d4dc
+      }
+    }
+
+    &:nth-last-of-type(1) {
+      margin-right: 8px;
+    }
+  }
+}
+
+</style>
diff --git a/ui/packages/common/AiParty/AiParty.vue b/ui/packages/common/AiParty/AiParty.vue
new file mode 100644
index 00000000..148fad3b
--- /dev/null
+++ b/ui/packages/common/AiParty/AiParty.vue
@@ -0,0 +1,321 @@
+<template>
+  <section class="ai-partyorg">
+    <el-button
+        v-if="!customClicker"
+        size="mini"
+        type="primary"
+        @click="showDialog"
+        :disabled="disabled">
+      {{ dialogTitle || '选择党组织' }}
+    </el-button>
+    <div v-else class="custom-clicker" @click="showDialog">
+      <slot/>
+    </div>
+    <ai-dialog
+        :visible.sync="dialog"
+        :modal-append-to-body='true'
+        :destroy-on-close="false"
+        append-to-body
+        :title="type === '0' ? '选择党组织' : '选择小区'"
+        custom-class="ai-partyorg__dialog"
+        @onConfirm="confirmParty"
+        width="720px">
+      <div v-if="mode=='tree'" class="left_tree">
+        <el-input v-if="showSearchInput" size="small" v-model="filterText"
+                  :placeholder="type === '0' ? '请输入党组织名称' : '请输入小区名称'" clearable/>
+        <div class="left_cont">
+          <el-tree
+              :data="treeData"
+              node-key="id"
+              :props="defaultProps"
+              :current-node-key="value"
+              :default-expanded-keys="defaultExpanded"
+              :default-checked-keys="defaultChecked"
+              highlight-current
+              ref="partyOrgTree"
+              :filter-node-method="filterNode"
+              @node-click="nodeClick"/>
+        </div>
+      </div>
+      <party-trans v-if="mode=='trans'" :orgs="treeData" @change="v=>selectedTemp=v"
+                   :multiple-selection="multipleSelection"/>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import PartyTrans from "./partyTrans";
+
+export default {
+  name: "AiParty",
+  components: {PartyTrans},
+  model: {
+    prop: "value",
+    event: "change",
+  },
+  props: {
+    topOrgId: {type: String, default: ''},
+    value: {type: [String, Array]},
+    instance: Function,
+    type: {
+      type: String,
+      default: '0'
+    },
+    dialogTitle: {
+      type: String
+    },
+    url: {
+      type: String,
+      default: '/app/partyOrganization/queryAllChildren'
+    },
+    customClicker: {type: Boolean, default: false},
+    mode: {type: String, default: 'tree'},
+    multipleSelection: {type: Boolean, default: false},
+    showSearchInput: {type: Boolean, default: true},
+    disabled: {type: Boolean, default: false},
+    isEmpty: {
+      type: Boolean,
+      default: true
+    },
+    name: String
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.partyOrgTree.filter(val);
+    },
+    selectedFullName(v) {
+      v && this.$emit('update:name', v)
+    },
+    dialog(v) {
+      if (v) {
+        if (this.value) {
+          this.defaultChecked = [this.value]
+          this.defaultExpanded = [this.value]
+
+          this.$nextTick(() => {
+            this.$refs.partyOrgTree.setCurrentKey(this.value)
+          })
+        } else {
+          this.defaultChecked = [this.treeData[0].id]
+          this.defaultExpanded = [this.treeData[0].id]
+          this.$nextTick(() => {
+            this.$refs.partyOrgTree.setCurrentKey([this.treeData[0].id])
+          })
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      dialog: false,
+      filterText: '',
+      treeData: [],
+      selected: [],
+      selectedTemp: [],
+      selectParty: [],
+      valueType: "",
+      defaultChecked: [],
+      defaultExpanded: [],
+      childCount: 0
+    }
+  },
+  computed: {
+    selectedFullName() {
+      return this.selected.map(e => e.name).join("") || ''
+    },
+    defaultProps() {
+      return {
+        children: 'children',
+        label: 'name'
+      }
+    },
+  },
+  methods: {
+    showDialog() {
+      if (this.disabled) return
+      this.dialog = true
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.name.indexOf(value) !== -1;
+    },
+    addChild(parent, pending) {
+      let doBeforeCount = pending.length
+      for (let i = pending.length - 1; i >= 0; i--) {
+        let e = pending[i]
+        if (e.parentId == parent.id) {
+          parent["children"] = [...(parent["children"] || []), e]
+          pending.splice(i, 1)
+        }
+      }
+      parent.children && (parent.children = parent.children.reverse())
+      if (pending.length > 0 && doBeforeCount > pending.length) {
+        parent.children.map(c => this.addChild(c, pending))
+      }
+    },
+    // 查询所有单位 树形结构
+    searchSysAll() {
+      this.instance.post(this.url, null, {
+        params: {
+          id: this.topOrgId
+        }
+      }).then((res) => {
+        if (res && res.data && (this.type === '0' || this.type === '2')) {
+          if (this.type === '2') {
+            this.treeData = res.data
+          } else {
+            res.data = res.data.map(a => {
+              return {...a, name: a.name}
+            });
+            if (this.valueType) {
+              this.selected = res.data.filter(e => (this.valueType == "string" && e.id == this.value) || this.value?.includes(e.id))
+              if (this.selected) {
+                this.$emit('name', this.selected.map(e => e.name))
+                this.$emit('origin', this.selected)
+              }
+            }
+            this.treeData = res.data.filter(e => !e.parentId || e.id === this.topOrgId);
+            this.treeData.map(t => this.addChild(t, res.data));
+          }
+        } else {
+          this.treeData = [res.data]
+        }
+      })
+    },
+    // 点击树节点
+    confirmParty() {
+      if (!this.selectedTemp.length && !this.isEmpty) {
+        return this.$message.error(this.type === '0' ? '党组织不能为空' : '小区不能为空')
+      }
+
+      this.selected = this.selectedTemp;
+      this.selectParty.length && (this.selected = JSON.parse(JSON.stringify(this.selectParty)))
+      if (this.type === '1' && this.selected[0].isVan === '0') {
+        return this.$message.error('请选择小区')
+      }
+      this.dialog = false
+      this.$emit('change', this.valueType == "string" ? this.selected.map(e => e.id)[0] : this.selected.map(e => e.id))
+      this.$emit('name', this.selected.map(e => e.name))
+      this.$emit('origin', this.selected)
+    },
+    nodeClick(data) {
+      if (!this.multipleSelection) {
+        let {id, name, orgType, partyType, isVan, isLeaf} = data
+        this.selectParty = [{id, name, orgType, partyType, isVan, isLeaf}]
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.valueType = typeof this.value
+      this.searchSysAll();
+    })
+  }
+}
+</script>
+<style lang="scss" scoped>
+.left_tree {
+  height: 490px;
+  line-height: 1;
+  overflow-y: hidden;
+}
+
+:deep(.el-dialog__header ){
+  line-height: 1;
+  // padding: 13px 16px;
+  // border-bottom: 1px solid #eee;
+}
+
+:deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
+  background: #eaf5ff !important;
+  color: #257fff !important;
+}
+
+:deep(.el-dialog__body ){
+  padding: 16px 16px 0;
+}
+
+:deep( .ai-dialog__content--wrapper ){
+  padding-right: 0 !important;
+}
+
+:deep(.left_cont ){
+  height: calc(100% - 40px);
+  padding-top: 8px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+:deep(.el-tree ){
+  background: #fcfcfc;
+}
+
+:deep( .el-dialog__body ){
+  background: #fcfcfc;
+}
+
+:deep(.el-tree-node:focus > .el-tree-node__content ){
+  background: #eaf5ff !important;
+  color: #257fff !important;
+}
+
+:deep(.el-tree-node__content:hover ){
+  background: #eaf5ff !important;
+  color: #257fff !important;
+}
+
+.ai-partyorg {
+
+  .input-clicker {
+    width: 320px;
+    cursor: pointer;
+    border: 1px solid #D0D4DC;
+    line-height: 32px;
+    border-radius: 2px;
+    font-size: 14px;
+
+    .prepend {
+      background: rgba(245, 245, 245, 1);
+      width: auto;
+      border-right: 1px solid #D0D4DC;
+      padding: 0 8px;
+      white-space: nowrap;
+
+    }
+
+    .content {
+      text-align: left;
+      padding-left: 14px;
+      padding-right: 8px;
+    }
+
+    .suffix {
+      width: auto;
+      padding: 0 12px
+    }
+
+    &:hover {
+      border-color: $primaryColor;
+    }
+  }
+
+  .select-party {
+  }
+
+  .party-dialog-footer {
+    line-height: 1;
+    text-align: center;
+
+    .el-button {
+      width: 72px;
+      height: 32px;
+    }
+  }
+
+  .custom-clicker {
+    text-decoration: none;
+    cursor: pointer;
+    padding: 3px;
+  }
+}
+</style>
diff --git a/ui/packages/common/AiParty/partyTrans.vue b/ui/packages/common/AiParty/partyTrans.vue
new file mode 100644
index 00000000..e6125030
--- /dev/null
+++ b/ui/packages/common/AiParty/partyTrans.vue
@@ -0,0 +1,174 @@
+<template>
+  <section class="partyTrans">
+    <el-row class="search-panel" type="flex" justify="space-between">
+      <div class="add-item" style="padding-bottom:3px;overflow-x: hidden">
+        <p class="add_top">
+          <span>党组织</span>
+          <el-input placeholder="党组织名称" size="small" style="width:166px;" clearable suffix-icon="el-icon-search"
+                    v-model="filterText" @change="$refs.partyOrgTree.filter(filterText)"
+                    @keyup.native="$refs.partyOrgTree.filter(filterText)"/>
+        </p>
+        <el-tree ref="partyOrgTree" :data="treeData" :show-checkbox="multipleSelection" node-key="id"
+                 :filter-node-method="filterNode" @node-click="nodeClick"
+                 @check-change="multipleSelection&&(selectParty=$refs.partyOrgTree.getCheckedNodes())"
+                 :highlight-current="true" :props="defaultProps"/>
+      </div>
+    </el-row>
+    <div class="selected-people add-item">
+      <p class="add_top">
+        <span>已选择</span>
+        <el-button icon="iconfont iconDelete" size="mini" @click="clearSelect()">清空</el-button>
+      </p>
+      <div class="add_tag" v-if="selectParty.length" style="width:100%;">
+        <el-tag v-for="(item,i) in selectParty" :key="i" closable type="info" @close="cancelSelect(i)"
+                :disable-transitions="true">{{item.name}}
+        </el-tag>
+      </div>
+      <div class="select-no-data" v-else>
+        <span>暂无数据</span>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: "partyTrans",
+    props: {
+      multipleSelection: {type: Boolean, default: false},
+      orgs: Array,
+    },
+    computed: {
+      treeData() {
+        return this.orgs || []
+      }
+    },
+    data() {
+      return {
+        defaultProps: {
+          children: 'children',
+          label: 'name'
+        },
+        filterText: "",//tree模糊搜索
+        selectParty: [],//选中的党组织
+      }
+    },
+    methods: {
+      //节点过滤/搜索
+      filterNode(value, data) {
+        if (!value) return true;
+        return data.name.indexOf(value) !== -1;
+      },
+      //取消选择
+      cancelSelect(index) {
+        this.selectParty.splice(index, 1)
+        this.$refs.partyOrgTree.setCheckedNodes(this.selectParty);
+      },
+      clearSelect() {
+        this.$refs.partyOrgTree.setCheckedKeys([]);
+        this.selectParty = [];
+      },
+      nodeClick(data) {
+        if (!this.multipleSelection) {
+          let {id, name, orgType, partyType} = data
+          this.selectParty = [{id, name, orgType, partyType}]
+        }
+      }
+    },
+    watch: {
+      selectParty: {
+        handler(v) {
+          this.$emit('change', v)
+        },
+        deep: true
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .partyTrans {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .select-no-data {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: calc(100% - 40px);
+    }
+
+    .search-panel {
+      width: auto;
+      flex: 1;
+      padding-right: 10px;
+
+      & > div {
+        width: 100%;
+      }
+    }
+
+    .add-item {
+      width: 280px;
+      height: 400px;
+      background: rgba(252, 252, 252, 1);
+      border-radius: 2px;
+      border: 1px solid rgba(208, 212, 220, 1);
+      position: relative;
+      overflow: auto;
+      box-sizing: border-box;
+
+      .add_top {
+        width: 100%;
+        height: 40px;
+        background: rgba(245, 245, 245, 1);
+        border-bottom: 1px solid rgba(208, 212, 220, 1);
+        padding: 0 8px;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .tree_list {
+        width: 100%;
+        overflow: auto;
+        height: calc(100% - 40px);
+
+        .el-tree {
+          height: 100%;
+        }
+      }
+
+      .add_buttom {
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        font-size: 12px;
+        width: 310px;
+        height: 32px;
+        line-height: 32px;
+        z-index: 10000;
+        background: rgba(245, 246, 247, 1);
+        color: rgba(51, 51, 51, 1);
+        box-shadow: 0 1px 0 0 rgba(216, 220, 227, 1);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+      }
+
+      .add_tag {
+        width: 310px;
+        height: calc(100% - 40px);
+        overflow-y: auto;
+
+        .el-tag {
+          margin: 8px;
+        }
+      }
+    }
+  }
+</style>
diff --git a/ui/packages/common/AiPartyMember.vue b/ui/packages/common/AiPartyMember.vue
new file mode 100644
index 00000000..3c80da7b
--- /dev/null
+++ b/ui/packages/common/AiPartyMember.vue
@@ -0,0 +1,835 @@
+<template>
+  <section class="AiPeopleMember party-member">
+    <a v-if="customCliker" class="custom-clicker" @click="visible = true">
+      <slot></slot>
+    </a>
+    <el-button v-else size="small" @click="visible = true">{{ btnText }}</el-button>
+    <ai-dialog
+        :title="dialogTitle"
+        :visible.sync="visible"
+        :modal="true"
+        :append-to-body="true"
+        @onConfirm="$emit('change', selectPeople), (visible = false)"
+        @close=";(selectPeople = []), $refs.peopleTable.clearSelection()"
+        :width="dialogWidth">
+      <div>
+        <el-row type="flex" class="AiPeopleMember-dialog">
+          <el-row class="search-panel" type="flex" justify="space-between">
+            <div class="add-item" v-if="!meta.length && !action">
+              <p class="add_top">
+                <span>党组织</span>
+                <el-input
+                    class="search-input"
+                    placeholder="党组织名称"
+                    size="small"
+                    v-model="filterText"
+                    suffix-icon="iconfont iconSearch"
+                    clearable>
+                </el-input>
+              </p>
+              <div class="tree_list">
+                <el-tree
+                    :data="orgList"
+                    class="dialog-tree"
+                    :props="orgTreeProp"
+                    ref="orgTree"
+                    node-key="id"
+                    :highlight-current="true"
+                    :current-node-key="currNodeKey"
+                    @node-click="treeNodeClick"
+                    :filter-node-method="filterNode">
+                </el-tree>
+              </div>
+            </div>
+            <div class="add-item add-item__middel"
+                 :style="{ 'border-left' : (hasMeta || action) ? '1px solid #d0d4dc' : 'none' }">
+              <p class="add_top">
+                <span>党员</span>
+                <el-input
+                    placeholder="姓名/手机号"
+                    size="small"
+                    clearable
+                    v-model="searchObj.con"
+                    @clear="onClear"
+                    suffix-icon="iconfont iconSearch"
+                    v-throttle="onPartyMemberChange">
+                </el-input>
+              </p>
+              <el-table
+                  ref="peopleTable"
+                  :data="getTableData"
+                  size="mini"
+                  class="people-list"
+                  :border="false"
+                  header-cell-class-name="table-header"
+                  :header-cell-style="{ lineHeight: '26px' }"
+                  :cell-style="{ padding: 0, lineHeight: '26px', cursor: 'pointer' }"
+                  tooltip-effect="light"
+                  cell-class-name="table-cell-add"
+                  @row-click="onRowClick"
+                  @select="onSelect"
+                  @select-all="onSelectAll"
+                  @selection-change="onSelectionChange">
+                <el-table-column type="selection" width="30px"/>
+                <el-table-column
+                    prop="con"
+                    align="left"
+                    label="全选"
+                    show-overflow-tooltip>
+                  <template slot-scope="scope">
+                    <div class="user-wrapper">
+                      <i class="iconfont iconProlife"></i>
+                      <span>{{ scope.row.name }}</span>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="phone" align="right" label="" show-overflow-tooltip>
+                  <template slot-scope="scope">
+                    <span style="color: #999999;padding-right: 6px">{{ scope.row.phone }}</span>
+                  </template>
+                </el-table-column>
+                <div slot="empty" style="font-size: 14px;margin-top: -20px;height: 20px;line-height: 20px">
+                  当前党组织暂无党员
+                </div>
+              </el-table>
+              <div class="pagination">
+                <el-pagination
+                    background
+                    :pager-count="5"
+                    small
+                    :current-page.sync="searchObj.current"
+                    :total="total || 0"
+                    :page-size.sync="searchObj.size"
+                    layout="prev, slot, next, sizes, total"
+                    @select="onSelect"
+                    @size-change="onSizeChange"
+                    @current-change="getPartyMemberByOrg">
+                  <div class="pagination-slot">
+                    <em>第</em>
+                    <i>{{ searchObj.current }}</i>
+                    <em>页</em>
+                  </div>
+                </el-pagination>
+              </div>
+            </div>
+          </el-row>
+          <div class="selected-people add-item">
+            <p class="add_top">
+              <span>已选择</span>
+              <el-button
+                  class="clear-btn"
+                  icon="iconfont iconDelete"
+                  size="mini"
+                  @click=";(selectPeople = []), $refs.peopleTable.clearSelection()">
+                清空
+              </el-button>
+            </p>
+            <div class="add_tag" v-if="selectPeople.length">
+              <div
+                  class="tag-item"
+                  v-for="(item, i) in selectPeople"
+                  :key="i">
+                <span>{{ item.name }}</span>
+                <i @click="cancelSelect(item, i)" class="iconfont iconOverrule"></i>
+              </div>
+            </div>
+            <div class="add_tag add_tag-nomore" v-else>
+              <span>暂无数据</span>
+            </div>
+          </div>
+        </el-row>
+      </div>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiPartyMember',
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    value: Array,
+    instance: Function,
+    btnText: {type: String, default: '选择党员'},
+    dialogTitle: {type: String, default: '选择党员'},
+    meta: {type: Array, default: () => []},
+    action: String,
+    partyList: {
+      type: Array,
+      default: () => []
+    },
+    partyOrgList: {
+      type: Array,
+      default: () => []
+    },
+    organizationId: {
+      type: String
+    },
+    customOrg: {
+      type: Boolean,
+      default: false
+    },
+    customCliker: {type: Boolean, default: false},
+    isSingle: {type: Boolean, default: false},
+    disable: {type: Array, default: () => []}
+  },
+  data() {
+    return {
+      aid: '',
+      currNodeKey: '',
+      visible: false,
+      total: '',
+      filterText: '',
+      searchObj: {
+        partyOrgId: '',
+        con: '',
+        current: 1,
+        size: 10
+      },
+      orgTreeProp: {
+        children: 'children',
+        label: 'name',
+      },
+      orgList: [],
+      peopleList: [],
+      selecteds: [],
+      selectPeople: [],
+      isChangeData: false,
+      isResetData: false,
+      copyMeta: [],
+      chooseOrgNum: 0
+    }
+  },
+
+  computed: {
+    hasMeta() {
+      return Boolean(this.meta.length)
+    },
+
+    dialogWidth() {
+      if (this.hasMeta || this.action) {
+        return '640px'
+      }
+
+      return '912px'
+    },
+
+    partyOrgIdList() {
+      return this.partyOrgList.map(item => {
+        return item.id
+      })
+    },
+
+    getTableData() {
+      if (this.hasMeta) {
+        const current = this.searchObj.current
+
+        return this.copyMeta.slice((current - 1) * 10, current * 10)
+      } else {
+        return this.peopleList
+      }
+    }
+  },
+
+  watch: {
+    visible(v) {
+      if (this.value) {
+        this.selectPeople = JSON.parse(JSON.stringify(this.value))
+        if (v && this.selectPeople) {
+          setTimeout(() => {
+            this.toggleSelection()
+          }, 200)
+        }
+        setTimeout(() => {
+          if (this.$refs.orgTree && this.filterText) {
+            this.$refs.orgTree.filter(this.filterText)
+          }
+        }, 200)
+      }
+    },
+
+    filterText(val) {
+      if (this.$refs.orgTree) {
+        this.$refs.orgTree.filter(val)
+      }
+    },
+
+    partyOrgList: {
+      handler(v, value) {
+        if (v.length && value) {
+          this.getOrgList()
+        }
+      }
+    },
+
+    disable: {
+      handler(v, value) {
+        if (v.length && value) {
+          this.getOrgList()
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+
+  mounted() {
+    if (this.hasMeta || this.action) {
+      let list = this.meta
+      if (this.disable.length) {
+        list = this.meta.filter(item => {
+          let index = this.disable.findIndex(d => {
+            return d.id == item.id
+          })
+
+          return index === -1
+        })
+      }
+      this.copyMeta = [...list]
+
+      this.getPartyMemberByOrg()
+    } else {
+      this.getOrgList()
+    }
+  },
+
+  methods: {
+    onSelect(params, row) {
+      if (this.isSingle) {
+        let index = params.findIndex((d) => d.id == row.id)
+        this.getTableData.forEach(item => {
+          this.$refs.peopleTable.toggleRowSelection(item, false)
+        })
+
+        this.$refs.peopleTable.toggleRowSelection(row, index > -1 ? true : false)
+        this.selectPeople = params.length ? [row] : []
+      } else {
+        let index = this.selectPeople.findIndex((d) => d.id == row.id)
+        if (index > -1) {
+          this.selectPeople.splice(index, 1)
+        }
+      }
+    },
+
+    onSelectAll(e) {
+      if (this.isSingle) {
+        if (this.getTableData.length) {
+          this.getTableData.forEach(item => {
+            this.$refs.peopleTable.toggleRowSelection(item, false)
+          })
+
+          this.selecteds = []
+        }
+      }
+
+      if (!e.length) {
+        this.selectPeople = []
+      }
+    },
+
+    filter() {
+      if (this.disable.length) {
+        this.peopleList = this.peopleList.filter(item => {
+          let index = this.disable.findIndex((d) => d.id == item.id)
+
+          return index === -1
+        })
+      }
+    },
+
+    onSelectionChange(params) {
+      if (this.isSingle) return
+
+      if (this.selectPeople.length && (this.isChangeData || this.isResetData)) return
+      params.forEach(item => {
+        let index = this.selectPeople.findIndex((d) => d.id == item.id)
+        if (index === -1) this.selectPeople.push(item)
+      })
+
+      this.isChangeData = false
+      this.isResetData = false
+    },
+
+    onRowClick(row) {
+      if (this.isSingle) return
+      this.$refs.peopleTable.toggleRowSelection(row)
+    },
+
+    toggleSelection() {
+      if (this.selectPeople.length) {
+        this.isChangeData = true
+        this.peopleList.forEach(item => {
+          let index = this.selectPeople.findIndex((d) => d.id == item.id)
+
+          if (index > -1) {
+            this.$refs.peopleTable && this.$refs.peopleTable.toggleRowSelection(item, true)
+          }
+        })
+
+        this.isChangeData = false
+        this.isResetData = false
+      }
+    },
+
+    getOrgList() {
+      if (this.hasMeta) {
+        this.getPartyMemberByOrg()
+        let partys = this.meta.map((e) => {
+          return {id: e.partyOrgId, name: e.partyOrgName}
+        })
+
+        if (partys.length) {
+          let pending = [],
+              partyList = []
+          partys.map((u) => {
+            if (partys.some((e) => e.id == u.partyOrgId)) {
+              pending.push(u)
+            } else {
+              let index = partyList.findIndex(item => u.id == item.id)
+              index === -1 && (partyList.push(u))
+            }
+          })
+          partyList.map((t) => this.addChild(t, pending))
+          this.orgList = [
+            {
+              name: '全部',
+              children: partyList,
+            },
+          ]
+        }
+      } else {
+        this.instance.post(`/app/partyOrganization/queryPartyOrganizationServiceList`).then((res) => {
+          res.data = res.data.map((a) => {
+            return {...a, label: a.name}
+          })
+          this.orgList = res.data.filter((e) => {
+            if (this.customOrg && this.partyOrgIdList.length) {
+              return this.partyOrgIdList.indexOf(e.id) > -1
+            }
+
+            if (this.customOrg && !this.partyOrgIdList.length) {
+              return false
+            }
+
+            return !e.parentId
+          })
+
+
+          if (this.partyList.length) {
+            this.orgList = this.partyList.map((a) => {
+              return {...a, label: a.name}
+            }).filter(v => {
+              return !v.parentId
+            })
+            this.orgList = this.orgList.length ? this.orgList : this.partyList
+            this.orgList.map((t) => this.addChild(t, this.partyList))
+          } else {
+            !this.partyOrgIdList.length && this.orgList.map((t) => this.addChild(t, res.data))
+          }
+
+          if (this.orgList.length) {
+            this.currNodeKey = this.orgList[0].id
+            this.searchObj.partyOrgId = this.orgList[0]
+            this.getPartyMemberByOrg(this.orgList[0])
+          }
+        })
+      }
+    },
+    addChild(parent, pending) {
+      let doBeforeCount = pending.length
+      parent['children'] = parent['children'] || []
+      pending.map((e, index, arr) => {
+        if (e.parentId == parent.id) {
+          parent.children.push(e)
+          arr.splice(index, 1)
+          this.addChild(parent, arr)
+        }
+      })
+      if (pending.length > 0 && doBeforeCount > pending.length) {
+        parent.children.map((c) => this.addChild(c, pending))
+      }
+    },
+
+    onClear() {
+      this.searchObj.con = ''
+
+      this.$nextTick(() => {
+        this.onPartyMemberChange()
+      })
+    },
+
+    onSizeChange() {
+      this.searchObj.current = 1
+      this.getPartyMemberByOrg()
+    },
+
+    onPartyMemberChange() {
+      this.searchObj.current = 1
+      if (!this.meta.length) {
+        this.isResetData = true
+
+        this.$nextTick(() => {
+          this.getPartyMemberByOrg()
+        })
+      } else {
+        if (!this.searchObj.con) {
+          this.meta = this.copyMeta
+
+          return false
+        }
+
+        this.p = this.meta.filter(item => {
+          return item.name.indexOf(this.searchObj.con) > -1 || item.phone.indexOf(this.searchObj.con) > -1
+        })
+      }
+    },
+
+    getPartyMemberByOrg(partyOrg) {
+      if (partyOrg) this.searchObj.partyOrgId = partyOrg.id
+      if (this.hasMeta) {
+        return new Promise((resolve) => {
+          this.peopleList = this.meta.filter((f) => {
+            if (this.searchObj.partyOrgId) {
+              return f.partyOrgId == this.searchObj.partyOrgId
+            } else if (this.searchObj.con) {
+              return (
+                  [f.name, f.phone]
+                  .join('|')
+                  .indexOf(this.searchObj.con) > -1
+              )
+            } else return true
+          })
+          this.peopleList = this.peopleList.map((p) => {
+            return p
+          })
+
+          this.filter()
+
+          this.$nextTick(() => {
+            this.toggleSelection()
+          })
+          this.total = this.meta.length
+          resolve()
+        })
+      } else {
+        let search = {...this.searchObj}
+
+        if (this.action) {
+          delete search.partyOrgId
+        }
+
+        return this.instance.post(this.action || '/app/appparty/list', null, {
+          params: {
+            ...search
+          },
+        }).then((res) => {
+          this.total = res.data.total ? res.data.total : 0
+          this.peopleList = res.data.records.map(item => {
+            return item
+          })
+          this.filter()
+
+          this.$nextTick(() => {
+            this.toggleSelection()
+          })
+        })
+      }
+    },
+    treeNodeClick(partyOrg) {
+      this.isResetData = true
+      this.getPartyMemberByOrg(partyOrg)
+    },
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    cancelSelect(row, index) {
+      let tableItem = this.peopleList.find((s) => s.id == row.id)
+      if (tableItem) {
+        this.$refs.peopleTable.toggleRowSelection(tableItem)
+      }
+      this.selectPeople.splice(index, 1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.clear-btn {
+  width: 64px;
+  height: 28px;
+  padding: 0 8px;
+  font-size: 12px;
+}
+
+.pagination-slot {
+  display: inline-block;
+  align-items: center;
+  width: 56px;
+  height: 22px;
+  line-height: 22px;
+  background: #fff;
+  border: 1px solid #d0d4dc;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #999;
+  box-sizing: border-box;
+
+  em {
+    font-style: normal;
+    font-weight: normal;
+  }
+
+  i {
+    padding: 0 3px;
+    color: #333;
+    font-style: normal;
+  }
+}
+
+.AiPeopleMember-dialog {
+  :deep( .el-input__validateIcon ){
+    display: none;
+  }
+
+  :deep(.el-pagination__sizes ){
+    width: 72px !important;
+
+    .el-select, .el-input, input {
+      width: 72px !important;
+      height: 22px;
+    }
+
+    .el-input--mini .el-input__icon {
+      line-height: 22px !important;
+    }
+
+    .el-select .el-input .el-input__inner {
+      padding-right: 18px;
+    }
+  }
+}
+
+.AiPeopleMember .iconfont {
+  margin: 0;
+}
+
+.add_tag-nomore {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+
+  span {
+    font-size: 12px;
+  }
+}
+
+.add-item__middel {
+  overflow: hidden !important;
+
+  .people-list {
+    height: calc(100% - 72px);
+    overflow-y: auto;
+  }
+}
+
+.AiPeopleMember-dialog {
+  .search-panel {
+    width: auto;
+    margin-right: 16px;
+  }
+
+  .user-wrapper {
+    display: flex;
+    align-items: center;
+
+    i {
+      font-size: 16px;
+      color: #8899BB;
+    }
+
+    span {
+      position: relative;
+      top: 2px;
+      color: #333;
+      font-size: 12px;
+    }
+  }
+
+  :deep(.pagination ){
+    padding: 0 !important;
+
+
+  }
+
+  :deep(.pagination .el-pager li ){
+    line-height: 22px !important;
+  }
+
+  :deep(.el-table__header ){
+    margin-bottom: 4px;
+    border-bottom: 1px solid rgba(208, 212, 220, 1);
+
+    thead {
+      height: 32px;
+      background: #fff;
+    }
+
+    .table-header {
+      margin-bottom: 4px;
+      border-right: none !important;
+      background: #fff !important;
+    }
+  }
+
+  .add-item {
+    position: relative;
+    width: 300px;
+    height: 360px;
+    background: rgba(252, 252, 252, 1);
+    border-radius: 2px;
+    border: 1px solid rgba(208, 212, 220, 1);
+    position: relative;
+    overflow: auto;
+    box-sizing: border-box;
+
+    :deep(.el-table td), .el-table th.is-leaf {
+      border-bottom: none;
+    }
+
+    :deep(.el-table::before ){
+      display: none;
+    }
+
+    .pagination {
+      display: flex;
+      position: absolute;
+      align-items: center;
+      justify-content: center;
+      bottom: 0 !important;
+      height: 32px;
+      line-height: 1;
+      background: rgba(245, 246, 247, 1);
+    }
+
+    &:nth-of-type(2) {
+      width: 273px;
+      overflow: hidden;
+    }
+
+    &:nth-of-type(3) {
+      width: 360px;
+      overflow: hidden;
+    }
+
+    .pagination {
+      position: absolute;
+      bottom: 20px;
+      padding: 0;
+    }
+
+    .add_top {
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+      height: 40px;
+      background: rgba(245, 245, 245, 1);
+      border-bottom: 1px solid rgba(208, 212, 220, 1);
+      padding: 0 8px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .el-input {
+        width: 166px;
+      }
+
+      :deep(.el-input--small .el-input__icon ){
+        line-height: 28px;
+      }
+
+      :deep(.el-input--small .el-input__inner ){
+        width: 166px;
+        height: 28px;
+      }
+    }
+
+    .tree_list {
+      width: 100%;
+      overflow-x: hidden;
+      overflow-y: auto;
+      height: calc(100% - 40px);
+      padding: 12px 0;
+      box-sizing: border-box;;
+
+      .el-tree {
+        height: 100%;
+      }
+    }
+
+    .add_buttom {
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      font-size: 12px;
+      width: 310px;
+      height: 32px;
+      line-height: 32px;
+      z-index: 10000;
+      background: rgba(245, 246, 247, 1);
+      color: rgba(51, 51, 51, 1);
+      box-shadow: 0 1px 0 0 rgba(216, 220, 227, 1);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+    }
+
+    .add_tag {
+      width: 100%;
+      height: calc(100% - 40px);
+      padding: 8px 8px 0 8px;
+      font-size: 0;
+      line-height: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+      box-sizing: border-box;
+
+      .tag-item {
+        display: inline-block;
+        height: 24px;
+        line-height: 24px;
+        margin: 0 8px 8px 0;
+        padding: 0 2px 0 8px;
+        font-size: 12px;
+        color: #666666;
+        border-radius: 2px;
+        border: 1px solid rgba(208, 212, 220, 1);
+
+        i {
+          margin-right: 0;
+          padding-left: 6px;
+          font-size: 12px;
+          color: #8899BB;
+          cursor: pointer;
+          font-weight: normal;
+        }
+      }
+    }
+  }
+}
+
+.el-input--mini {
+  height: 22px;
+  line-height: 22px;
+}
+
+.table-cell-add {
+  padding: 0 !important;
+}
+</style>
diff --git a/ui/packages/common/AiPartyMemberSelect.vue b/ui/packages/common/AiPartyMemberSelect.vue
new file mode 100644
index 00000000..6372f569
--- /dev/null
+++ b/ui/packages/common/AiPartyMemberSelect.vue
@@ -0,0 +1,361 @@
+<template>
+  <section class="AiPersonSelect">
+    <el-button
+      size="mini"
+      type="primary"
+      @click="isDialog = true"
+      :disabled="disabled"
+      >{{ dialogTitle || '选择党员' }}</el-button>
+    <el-dialog
+      title="选择党员"
+      :visible.sync="isDialog"
+      append-to-body
+      width="840px"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false">
+      <div class="dialog-wrapper">
+        <div class="selectCont">
+          <el-row type="flex" justify="space-between">
+            <el-col>
+              <span style="font-weight: bold;">党员列表</span>
+            </el-col>
+            <el-col>
+              <el-input
+                size="mini"
+                placeholder="请输入..."
+                v-model="searchObj.con"
+                @keyup.native.enter="reSearchInfo"
+                clearable
+                @clear="onClear"
+                :validate-event="false">
+                <i slot="suffix" class="iconfont iconSearch" @click="reSearchInfo"></i>
+              </el-input>
+            </el-col>
+          </el-row>
+          <ul class="seleceUl">
+            <li v-for="(item, index) in meta || tableData" :key="index" @click="chooseItem(item, index)" :class="{ selectedLi: getIsActive(item.id) }">
+              <slot v-if="meta || url" name="option" :item="item"></slot>
+              <template v-else>
+                <div class="user-wrapper">
+                  <svg class="icon" aria-hidden="true">
+                    <use xlink:href="#icondangyuan"></use>
+                  </svg>
+                  <span>{{ item.name }}</span>
+                </div>
+                <ai-id mode="show" :show-eyes="false" :value="item.idNumber" />
+              </template>
+            </li>
+          </ul>
+          <div v-if="!meta" class="pagination">
+            <el-pagination
+              background
+              :current-page.sync="searchObj.current"
+              :total="total"
+              small
+              layout="prev, pager, next"
+              @current-change="handleChange"
+              :pager-count="5"
+            ></el-pagination>
+          </div>
+        </div>
+        <div class="selected-people add-item">
+          <p class="add_top">
+            <span>已选择</span>
+            <el-button
+              icon="iconfont iconDelete"
+              size="mini"
+              @click="clearAll">
+              清空
+            </el-button>
+          </p>
+          <div class="add_tag" v-if="selectPeople.length" style="width:100%;">
+            <el-tag
+              v-for="(item, i) in selectPeople"
+              :disable-transitions="true"
+              :key="i"
+              closable
+              @close="cancelSelect(item, i)">{{ item.name }}
+            </el-tag>
+          </div>
+          <div class="add_tag" v-else style="display:flex;align-items:center;justify-content:center;width:100%;">
+            <span>暂无数据</span>
+          </div>
+        </div>
+      </div>
+      <div slot="footer" style="text-align: center;">
+        <el-button size="small" @click="isDialog = false">取消</el-button>
+        <el-button size="small" type="primary" @click="saveSelect">确认</el-button>
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiPartyMemberSelect',
+
+  props: {
+    instance: Function,
+    url: String,
+    meta: Array,
+    dialogTitle: String,
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data () {
+    return {
+      searchObj: {
+        current: 1,
+        size: 10,
+        con: ''
+      },
+      selectPeople: [],
+      tableData: [],
+      total: 0,
+      isDialog: false,
+      whichOne: -1,
+      selectObj: null
+    }
+  },
+
+  mounted () {
+    this.searchInfo()
+  },
+
+  methods: {
+    chooseItem (user) {
+      let index = this.selectPeople.findIndex(item => item.id === user.id)
+
+      if (index > -1) {
+        this.selectPeople.splice(index ,1)
+      } else {
+        this.selectPeople.push(user)
+      }
+    },
+
+    onClear () {
+      this.searchObj.con = ''
+
+      this.$nextTick(() => {
+        this.reSearchInfo()
+      })
+    },
+
+    getIsActive (id) {
+      return this.selectPeople.findIndex(item => item.id === id) > -1
+    },
+
+    cancelSelect (item) {
+      this.chooseItem(item)
+    },
+
+    clearAll () {
+      this.selectPeople = []
+    },
+
+    reSearchInfo () {
+      this.searchObj.current = 1
+      this.searchInfo()
+    },
+
+    searchInfo () {
+      let url = ''
+      if (!this.url) {
+        url = '/app/appparty/list'
+      } else {
+        url = this.url
+      }
+
+      this.instance.post(`${url}`, null, {
+        params: {
+          ...this.searchObj,
+        },
+      }).then((res) => {
+        this.tableData = res.data.records
+        this.total = res.data.total
+      })
+    },
+
+    handleChange (val) {
+      this.searchObj.current = val
+      this.searchInfo()
+    },
+
+    saveSelect () {
+      this.$emit('selectPerson', this.selectPeople)
+      this.isDialog = false
+      this.whichOne = -1
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.selectCont {
+  position: relative;
+  border: 1px solid #d0d4dc;
+  background: #fcfcfc;
+  width: 416px;
+  height: 400px;
+  margin: 0 20px;
+  box-sizing: border-box;
+
+  .el-row {
+    background: #f5f5f5;
+    border-bottom: 1px solid #d0d4dc;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 8px;
+  }
+
+  .seleceUl {
+    margin: 8px;
+    padding: 0;
+    height: 248px;
+    overflow-y: auto;
+
+    .AiID {
+      line-height: inherit;
+    }
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      height: 24px;
+      line-height: 24px;
+      font-size: 12px;
+      cursor: pointer;
+
+      .iconfont {
+        font-size: 12px;
+      }
+
+      p {
+        padding: 0;
+        margin: 0;
+      }
+    }
+
+    li:hover {
+      background: #eff6ff;
+      color: #5088ff;
+    }
+
+    .selectedLi {
+      background: #eff6ff;
+      color: #5088ff;
+    }
+  }
+
+  .pagination {
+    position: absolute;
+    bottom: 20px;
+    padding: 0;
+  }
+}
+
+
+:deep( .pagination .el-pager li ){
+  line-height: 22px!important;
+}
+
+.add-item {
+  position: relative;
+  width: 260px;
+  height: 400px;
+  background: rgba(252, 252, 252, 1);
+  border-radius: 2px;
+  border: 1px solid rgba(208, 212, 220, 1);
+  position: relative;
+  overflow: auto;
+  box-sizing: border-box;
+
+  &:nth-of-type(2) {
+    width: 360px;
+    overflow: hidden;
+  }
+
+  .pagination {
+    position: absolute;
+    bottom: 20px;
+    padding: 0;
+  }
+
+  .add_top {
+    width: 100%;
+    height: 40px;
+    background: rgba(245, 245, 245, 1);
+    border-bottom: 1px solid rgba(208, 212, 220, 1);
+    padding: 0 8px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .tree_list {
+    width: 100%;
+    overflow: auto;
+    height: calc(100% - 40px);
+
+    .el-tree {
+      height: 100%;
+    }
+  }
+
+  .add_buttom {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    font-size: 12px;
+    width: 310px;
+    height: 32px;
+    line-height: 32px;
+    z-index: 10000;
+    background: rgba(245, 246, 247, 1);
+    color: rgba(51, 51, 51, 1);
+    box-shadow: 0 1px 0 0 rgba(216, 220, 227, 1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .add_tag {
+    width: 310px;
+    height: calc(100% - 40px);
+    overflow-y: auto;
+
+    .el-tag {
+      margin: 8px;
+    }
+  }
+}
+
+.dialog-wrapper {
+  display: flex;
+}
+.user-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    width: 14px;
+    height: 14px;
+    margin-right: 2px;
+  }
+
+  span {
+    position: relative;
+    top: 2px;
+  }
+}
+
+.el-dialog__wrapper {
+  z-index: 3000 !important;
+}
+</style>
diff --git a/ui/packages/common/AiPartyTree.vue b/ui/packages/common/AiPartyTree.vue
new file mode 100644
index 00000000..5ee89dab
--- /dev/null
+++ b/ui/packages/common/AiPartyTree.vue
@@ -0,0 +1,188 @@
+<template>
+  <section class="AiPartyTree">
+    <template v-if="!!search">
+      <div class="searchItem" v-for="item in searchList" :class="{current:item.id==selected.id}" :key="item.id" v-text="item.name"
+           @click="handleNodeClick(item)"/>
+      <div/>
+      <ai-empty v-if="!searchList.length">暂无搜索结果</ai-empty>
+    </template>
+    <el-tree ref="partyTree" lazy :load="loadOrgs" node-key="id" :props="props" v-show="!search"
+             :default-expanded-keys="defaultExpanded" v-on="$listeners" v-bind="$attrs" @node-click="handleNodeClick"/>
+  </section>
+</template>
+
+<script>
+import request from "../../lib/js/request";
+import AiEmpty from "../basic/AiEmpty";
+
+export default {
+  name: "AiPartyTree",
+  components: {AiEmpty},
+  props: {
+    instance: {default: () => request},
+    root: {default: ""},
+    defaultFirstOption: Boolean
+  },
+  data() {
+    return {
+      props: {
+        label: 'name',
+        isLeaf: data => data.isLeaf == 1
+      },
+      defaultExpanded: [],
+      searchList: [],
+      selected: {}
+    }
+  },
+  computed: {
+    search: v => v.$parent.searchText || ""
+  },
+  methods: {
+    loadOrgs(node, resolve) {
+      if (node.level == 0) {
+        this.getRoot(resolve)
+      } else if (node.level >= 1) {
+        this.getOrgsByParent(node.data?.id, resolve)
+      }
+    },
+    getOrgsByParent(id, resolve) {
+      this.instance.post("/app/partyOrganization/queryChildrenByParentId", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          resolve(res.data.filter(e => e.id != id) || [])
+        } else {
+          resolve([])
+        }
+      })
+    },
+    handleNodeClick(data) {
+      this.selected = data
+      this.$emit('select', data)
+      this.$emit('node-click', data)
+    },
+    getRoot(resolve) {
+      this.root && this.instance.post("/app/partyOrganization/queryOrgById", null, {
+        params: {id: this.root}
+      }).then(res => {
+        if (res?.data) {
+          resolve && resolve([res.data])
+        }
+      })
+    },
+    handleSearch(name) {
+      !!name && this.instance.post("/app/partyOrganization/queryPartyOrganizationListByName", null, {
+        throttle: 500,
+        params: {size: 999, name}
+      }).then(res => {
+        if (res?.data) {
+          this.searchList = res.data
+        }
+      })
+    }
+  },
+  watch: {
+    root: {
+      immediate: true,
+      handler(v) {
+        this.getRoot(res => {
+          this.$nextTick(() => {
+            const root = res?.[0]
+            this.$nextTick(() => {
+              this.defaultExpanded = [res?.[0].id]
+            })
+            if (root && this.defaultFirstOption) {
+              this.handleNodeClick(root)
+              this.defaultExpanded = [res?.[0].id]
+            }
+            if (v) {
+              this.defaultExpanded = [v]
+            }
+          })
+        })
+      }
+    },
+    search(v) {
+      v && this.$refs.partyTree?.setCurrentKey(null)
+      this.handleSearch(v)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiPartyTree {
+  .gap {
+    width: 100%;
+    height: 17px;
+  }
+
+  .searchItem {
+    cursor: pointer;
+    line-height: 32px;
+    white-space: nowrap;
+    padding: 0 8px;
+
+    &:hover {
+      background: #E8EFFF;
+      color: #222222;
+      border-radius: 2px;
+    }
+
+    &.current {
+      background: $primaryColor;
+      color: #fff;
+    }
+  }
+
+  :deep( .el-tree ){
+    background: transparent;
+
+    .el-tree-node__expand-icon.is-leaf {
+      color: transparent !important;
+    }
+
+    .el-tree-node__content {
+      display: inline-flex;
+      min-width: 100%;
+    }
+
+    .el-tree-node__content > .el-tree-node__expand-icon {
+      padding: 4px;
+    }
+
+    .el-tree-node__content {
+      height: 32px;
+    }
+
+    .el-tree__empty-text {
+      color: #222;
+      font-size: 14px;
+    }
+
+    .el-tree-node__children .el-tree-node__content {
+      height: 32px;
+    }
+
+    .el-tree-node__content:hover {
+      background: #E8EFFF;
+      color: #222222;
+      border-radius: 2px;
+    }
+
+    .is-current > .el-tree-node__content {
+      &:hover {
+        background: $primaryColor;
+        color: #fff;
+      }
+
+      background: $primaryColor;
+
+      span {
+        color: #fff;
+        font-weight: bold;
+      }
+    }
+  }
+}
+</style>
diff --git a/ui/packages/common/AiPeople.vue b/ui/packages/common/AiPeople.vue
new file mode 100644
index 00000000..32cd8047
--- /dev/null
+++ b/ui/packages/common/AiPeople.vue
@@ -0,0 +1,510 @@
+<template>
+  <section class="AiPeople">
+    <a v-if="customCliker" class="custom-clicker" @click="dialog.visible=true">
+      <slot></slot>
+    </a>
+    <el-button v-else size="small" @click="dialog.visible=true">{{btnText}}</el-button>
+    <el-dialog
+      width="912px"
+      :title="dialogTitle"
+      top="5vh"
+      custom-class="ai-people"
+      :visible.sync="dialog.visible"
+      :close-on-click-modal="false"
+      :modal="true"
+      destroy-on-close
+      :append-to-body="true"
+      :show-close="false"
+      @close="selectPeople=[],$refs.peopleTable.clearSelection()"
+    >
+      <div style="transform: translateY(-30px)">
+        <p style="margin-bottom: 16px">
+          <ai-area-select
+            v-if="!hasMeta&&showAiArea"
+            :instance="instance"
+            v-model="aid"
+            @areaObj="v=>selectArea=v"
+            @change="peopleList=[],getUnits()"
+            clearable
+            :disabled="isShowUnit"
+          />
+        </p>
+        <el-row type="flex" justify="space-between">
+          <el-row class="search-panel" type="flex" justify="space-between">
+            <div class="add-item" style="width: 320px">
+              <p class="add_top">
+                <span>单位列表</span>
+                <el-input
+                  placeholder="单位名称"
+                  size="small"
+                  style="width:166px;"
+                  v-model="filterText"
+                  prefix-icon="el-icon-search"
+                  clearable
+                ></el-input>
+              </p>
+              <div class="tree_list">
+                <el-tree
+                  :data="unitsData"
+                  class="dialog-tree"
+                  :props="unitTreeProp"
+                  ref="unitTree"
+                  node-key="id"
+                  :current-node-key="unitId"
+                  :highlight-current="true"
+                  @node-click="treeNodeClick"
+                  :filter-node-method="filterNode"
+                ></el-tree>
+              </div>
+            </div>
+            <div class="add-item" style="padding-bottom:3px;border-left:none;overflow-x: hidden">
+              <p class="add_top">
+                <span>单位人员</span>
+                <el-input
+                  placeholder="姓名/手机号"
+                  size="small"
+                  style="width:166px;"
+                  clearable
+                  prefix-icon="el-icon-search"
+                  v-model="searchObj.condition"
+                  @change="getPeopleByUnit"
+                ></el-input>
+              </p>
+              <el-table
+                ref="peopleTable"
+                :data="peopleList"
+                size="mini"
+                height="355"
+                header-cell-class-name="table-header"
+                :header-cell-style="{lineHeight:'26px'}"
+                :cell-style="{padding:0,lineHeight:'26px'}"
+                tooltip-effect="light"
+                cell-class-name="table-cell-add"
+                @select="onSelect"
+                @select-all="onSelectAll"
+                @selection-change="onChooseChange"
+              >
+                <el-table-column type="selection" />
+                <el-table-column prop="userName" align="center" label="姓名" show-overflow-tooltip>
+                  <template slot-scope="scope">
+                    <span class="el-icon-user-solid"></span>
+                    {{scope.row.userName || scope.row.name}}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="phone" label="手机号码" show-overflow-tooltip />
+                <div
+                  slot="empty"
+                  style="font-size: 14px;margin-top: -20px;height: 20px;line-height: 20px"
+                >当前部门暂无人员</div>
+              </el-table>
+            </div>
+          </el-row>
+          <div class="selected-people add-item">
+            <p class="add_top">
+              <span>已选择</span>
+              <el-button
+                icon="iconfont iconDelete"
+                size="mini"
+                @click="selectPeople=[],$refs.peopleTable.clearSelection()"
+              >清空</el-button>
+            </p>
+            <div class="add_tag" v-if="selectPeople.length" style="width:100%;">
+              <el-tag
+                v-for="(item,i) in selectPeople"
+                :disable-transitions="true"
+                :key="i"
+                closable
+                @close="cancelSelect(item,i)"
+              >{{item.userName || item.name}}</el-tag>
+            </div>
+            <div
+              class="add_tag"
+              v-else
+              style="display:flex;align-items:center;justify-content:center;width:100%;"
+            >
+              <span>暂无数据</span>
+            </div>
+          </div>
+        </el-row>
+      </div>
+      <div slot="footer" style="text-align: center;">
+        <el-button
+          style="width:92px"
+          size="small"
+          class="delete-btn"
+          @click="dialog.visible=false"
+        >取消</el-button>
+        <el-button
+          style="width:92px"
+          size="small"
+          type="primary"
+          @click="$emit('change', selectPeople),dialog.visible=false"
+        >确认</el-button>
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiPeople",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: Array,
+    instance: Function,
+    btnText: { type: String, default: "选择人员" },
+    dialogTitle: { type: String, default: "选择人员" },
+    meta: { type: Array, default: () => [] },
+    action: String,
+    customCliker: { type: Boolean, default: false },
+    areaId: String,
+    disable: {
+      type: Array,
+      default: () => []
+    },
+    unitUrl: {
+      type: String
+    },
+    showAiArea: { type: Boolean, default: true },
+    isSingle: { type: Boolean, default: false },
+    isShowUnit: {
+      type: Boolean,
+      default: false
+    },
+    unitId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      aid: "",
+      dialog: {
+        visible: false
+      },
+      filterText: "",
+      searchObj: {
+        unitId: "",
+        condition: ""
+      },
+      unitTreeProp: {
+        children: "children",
+        label: "name",
+        disabled: 'disabled'
+      },
+      unitsData: [],
+      peopleList: [],
+      selecteds: [],
+      selectPeople: [],
+      selectArea: {}
+    };
+  },
+  computed: {
+    hasMeta() {
+      return Boolean(this.meta.length);
+    }
+  },
+  watch: {
+    selecteds(v, old) {
+      var list = []
+      this.selectPeople.map(o => {
+        let index = this.peopleList.findIndex(d => d.userId == o.userId);
+        if (index === -1) {
+          list.push(o)
+        }
+      });
+      old.map(o => {
+        let index = this.selectPeople.findIndex(d => d.userId == o.userId);
+        if (index > -1) {
+          this.selectPeople.splice(index, 1);
+        }
+      });
+      if (this.isSingle) {
+        this.selectPeople = v;
+      } else {
+        this.selectPeople = [...v, ...list];
+      }
+    },
+    "dialog.visible"() {
+      if (this.value) {
+        this.selectPeople = JSON.parse(JSON.stringify(this.value));
+      }
+    },
+    filterText(val) {
+      if (this.$refs.unitTree) {
+        this.$refs.unitTree.filter(val);
+      }
+    }
+  },
+  methods: {
+    onChooseChange(v) {
+      if (!this.isSingle) {
+        this.selecteds = v;
+      } else {
+
+      }
+    },
+
+    onSelectAll() {
+      if (this.isSingle) {
+        if (this.peopleList.length) {
+          this.peopleList.forEach(item => {
+            this.$refs.peopleTable.toggleRowSelection(item, false);
+          });
+
+          this.selecteds = [];
+        }
+      }
+    },
+
+    onSelect(v, row) {
+      const isSame = v.length ? (v[0].id === row.id ? true : false) : false;
+      if (this.isSingle) {
+        this.peopleList.forEach(item => {
+          this.$refs.peopleTable.toggleRowSelection(item, false);
+
+          if (item.id === row.id) {
+            this.$refs.peopleTable.toggleRowSelection(
+              row,
+              isSame ? true : false
+            );
+          }
+        });
+
+        this.selecteds = isSame ? [row] : [];
+      }
+    },
+
+    getUnits() {
+      if (this.hasMeta) {
+        this.getPeopleByUnit();
+        let units = this.meta.map(e => {
+          return { id: e.unitId, name: e.unitName, parentId: e.unitParentId };
+        });
+        if (units.length) {
+          let pending = [],
+            unitsData = [];
+          //生成指定范围人员单位树
+          units.map(u => {
+            if (units.some(e => e.id == u.parentId)) {
+              pending.push(u);
+            } else {
+              unitsData.push(u);
+            }
+          });
+          unitsData.map(t => this.addChild(t, pending));
+          this.unitsData = [
+            {
+              name: "全部",
+              children: unitsData
+            }
+          ];
+        }
+      } else if (this.aid) {
+        this.instance.post(`${this.unitUrl ? this.unitUrl : '/admin/sysunit/getAll'}`, null, { params: { areaId: this.aid } })
+          .then(res => {
+            res.data = res.data.map(a => {
+              return { ...a, label: a.name };
+            });
+
+            this.unitsData = res.data.filter(e => {
+              if (this.isShowUnit) {
+                return e.id === this.unitId
+              }
+              return !e.parentId
+            });
+            this.unitsData.map(t => this.addChild(t, res.data));
+          });
+      }
+    },
+    addChild(parent, pending) {
+      let doBeforeCount = pending.length;
+      parent["children"] = parent["children"] || [];
+      pending.map((e, index, arr) => {
+        if (e.parentId == parent.id) {
+          parent.children.push(e);
+          arr.splice(index, 1);
+          this.addChild(parent, arr);
+        }
+      });
+      if (pending.length > 0 && doBeforeCount > pending.length) {
+        parent.children.map(c => this.addChild(c, pending));
+      }
+    },
+    getPeopleByUnit(unit) {
+      if (unit) this.searchObj.unitId = unit.id;
+      if (this.hasMeta) {
+        return new Promise(resolve => {
+          this.peopleList = this.meta.filter(f => {
+            if (this.searchObj.unitId) {
+              return f.unitId == this.searchObj.unitId;
+            } else if (this.searchObj.condition) {
+              return (
+                [f.userName, f.phone]
+                  .join("|")
+                  .indexOf(this.searchObj.condition) > -1
+              );
+            } else return true;
+          });
+          this.peopleList = this.peopleList.map(p => {
+            return { ...p, area: this.selectArea };
+          });
+
+          this.$nextTick(() => {
+            this.filter();
+          });
+          resolve();
+        });
+      } else {
+        return this.instance
+          .post(this.action || "/admin/user/choicePerson", null, {
+            params: { ...this.searchObj }
+          })
+          .then(res => {
+            this.peopleList = res.data.map(p => {
+              return { ...p, area: this.selectArea };
+            });
+
+            this.$nextTick(() => {
+              this.filter();
+            });
+          });
+      }
+    },
+
+    filter() {
+      if (this.disable.length) {
+        this.peopleList = this.peopleList.filter(item => {
+          let index = this.disable.findIndex(d => d.userId == item.userId);
+
+          return index === -1;
+        });
+      }
+    },
+
+    treeNodeClick(unit) {
+      let temp = JSON.parse(JSON.stringify(this.selectPeople));
+      this.getPeopleByUnit(unit).then(() => {
+        if (temp) {
+          this.selectPeople = JSON.parse(JSON.stringify(temp));
+          this.relatedTableAndTags();
+        }
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    cancelSelect(row, index) {
+      let tableItem = this.peopleList.find(s => s.userId == row.userId);
+      if (tableItem) {
+        this.$refs.peopleTable.toggleRowSelection(tableItem);
+      }
+      this.selectPeople.splice(index, 1);
+    },
+    relatedTableAndTags() {
+      this.peopleList.map(p => {
+        let index = this.selectPeople.findIndex(s => s.userId == p.userId);
+        if (index > -1) {
+          if (!this.isSingle) {
+            // this.selectPeople.splice(index, 1);
+          }
+          this.$refs.peopleTable.toggleRowSelection(p, true);
+        }
+      });
+    }
+  },
+  mounted() {
+    this.aid = this.areaId;
+    this.getUnits();
+    if (this.isShowUnit) {
+      this.treeNodeClick({
+        id: this.unitId
+      })
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+
+.ai-people {
+  .search-panel {
+    width: auto;
+    padding-right: 10px;
+  }
+
+  .add-item {
+    width: 280px;
+    height: 400px;
+    background: rgba(252, 252, 252, 1);
+    border-radius: 2px;
+    border: 1px solid rgba(208, 212, 220, 1);
+    position: relative;
+    overflow: auto;
+    box-sizing: border-box;
+
+    .add_top {
+      width: 100%;
+      height: 40px;
+      background: rgba(245, 245, 245, 1);
+      border-bottom: 1px solid rgba(208, 212, 220, 1);
+      padding: 0 8px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .tree_list {
+      width: 100%;
+      overflow: auto;
+      height: calc(100% - 40px);
+
+      .el-tree {
+        height: 100%;
+      }
+    }
+
+    .add_buttom {
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      font-size: 12px;
+      width: 310px;
+      height: 32px;
+      line-height: 32px;
+      z-index: 10000;
+      background: rgba(245, 246, 247, 1);
+      color: rgba(51, 51, 51, 1);
+      box-shadow: 0 1px 0 0 rgba(216, 220, 227, 1);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+    }
+
+    .add_tag {
+      width: 310px;
+      height: calc(100% - 40px);
+      overflow-y: auto;
+
+      .el-tag {
+        margin: 8px;
+      }
+    }
+  }
+}
+
+.el-input--mini {
+  height: 22px;
+  line-height: 22px;
+}
+
+.table-cell-add {
+  padding: 0 !important;
+}
+</style>
diff --git a/ui/packages/common/AiPersonSelect.vue b/ui/packages/common/AiPersonSelect.vue
new file mode 100644
index 00000000..d5fba9a5
--- /dev/null
+++ b/ui/packages/common/AiPersonSelect.vue
@@ -0,0 +1,560 @@
+<template>
+  <section class="AiPersonSelect">
+    <el-button
+        v-if="!customClicker"
+        size="mini"
+        type="primary"
+        @click="isDialog = true"
+        :disabled="disabled">
+      {{ dialogTitle || '选择人员' }}
+    </el-button>
+    <div v-if="customClicker" class="list-wrapper">
+      <div class="userlist">
+        <div class="user" v-for="(item, index) in userList" :key="index" v-if="item">
+          <img :src="item.avatarUrl1" v-if="item.avatarUrl1" alt="">
+          <h2 v-else>{{ formatName(item.userName || item.name) }}</h2>
+          <span>{{ item.userName || item.name }}</span>
+          <i class="iconfont iconOverrule remove-icon" v-if="!disabled" @click="removeUser(item, index)"></i>
+        </div>
+      </div>
+      <div class="userlist-add" @click="showDialog" v-if="!disabled" :title="dialogTitle">
+        <div class="userlist-add__icon">
+          <i class="el-icon-plus"></i>
+        </div>
+        <span>{{ dialogTitle || '选择人员' }}</span>
+      </div>
+    </div>
+    <ai-dialog
+        title="选择人员"
+        :visible.sync="isDialog"
+        width="880px"
+        append-to-body
+        :modal-append-to-body="false"
+        :close-on-click-modal="false"
+        @onConfirm="saveSelect">
+      <el-row type="flex" justify="space-between" class="ai-personselect">
+        <el-col class="selectCont">
+          <el-row type="flex" justify="space-between">
+            <el-col>
+              <span style="font-weight: bold;">{{ headerTitle }}</span>
+            </el-col>
+            <el-col>
+              <el-input
+                  size="mini"
+                  placeholder="请输入..."
+                  v-model="searchObj.con"
+                  v-throttle="reSearchInfo"
+                  @clear="reSearchInfo"
+                  clearable>
+                <i slot="suffix" class="iconfont iconSearch" @click="reSearchInfo"/>
+              </el-input>
+            </el-col>
+          </el-row>
+          <ul class="seleceUl">
+            <li
+                v-for="(item, index) in meta || tableData"
+                :key="index"
+                @click="chooseItem(item, index)"
+                :class="{ selectedLi: getIsActive(item.id)}">
+              <slot v-if="customRightText" name="option" :item="item"></slot>
+              <template v-else>
+                <span class="iconfont iconProlife">{{ item.name }}</span>
+                <ai-id v-if="item.idNumber == 'undefined'" mode="show" :show-eyes="false" :value="item.idNumber"/>
+              </template>
+            </li>
+          </ul>
+          <div v-if="!meta" class="pagination">
+            <el-pagination
+                background
+                :current-page.sync="searchObj.current"
+                :total="total"
+                :small="true"
+                layout="prev, pager, next,total"
+                @current-change="handleChange"
+                :pager-count="5"
+            ></el-pagination>
+          </div>
+        </el-col>
+        <div class="selected-people add-item">
+          <p class="add_top">
+            <span>已选择</span>
+            <el-button
+                icon="iconfont iconDelete"
+                size="mini"
+                @click="clearAll">
+              清空
+            </el-button>
+          </p>
+          <div class="add_tag" v-if="selectPeople.length" style="width:100%;">
+            <el-tag
+                v-for="(item, i) in selectPeople"
+                :disable-transitions="true"
+                :key="i"
+                closable
+                @close="cancelSelect(item, i)">{{ item.name || item.userName }}
+            </el-tag>
+          </div>
+          <div class="add_tag" v-else style="display:flex;align-items:center;justify-content:center;width:100%;">
+            <span>暂无数据</span>
+          </div>
+        </div>
+      </el-row>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiPersonSelect',
+  props: {
+    instance: Function,
+    appendToBody: Boolean,
+    url: String,
+    meta: Array,
+    chooseUserList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    dialogTitle: String,
+    headerTitle: {
+      type: String,
+      default: '居民列表',
+    },
+    isMultiple: {
+      type: Boolean,
+      default: false
+    },
+    customClicker: {
+      type: Boolean,
+      default: false
+    },
+    customRightText: {
+      type: Boolean
+    },
+    disabled: {type: Boolean, default: false},
+  },
+
+  data() {
+    return {
+      searchObj: {
+        con: '',
+        current: 1,
+        size: 10,
+        status: '',
+      },
+      tableData: [],
+      total: 0,
+      isDialog: false,
+      whichOne: -1,
+      userList: [],
+      selectPeople: []
+    }
+  },
+
+  computed: {
+    isHasOptionSlot() {
+      return this.$slots.option
+    }
+  },
+
+  watch: {
+    chooseUserList: {
+      handler(val) {
+        this.userList = val.length ? [...val] : []
+        this.selectPeople = val.length ? [...val] : []
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  created() {
+    this.searchInfo()
+  },
+
+  methods: {
+    showDialog() {
+      if (this.disabled) return
+      this.isDialog = true
+    },
+
+    reSearchInfo() {
+      this.searchObj.current = 1
+      this.searchInfo()
+    },
+
+    removeUser(user, index) {
+      if (!this.isMultiple) {
+        this.$confirm(`确认删除此人员？`).then(() => {
+          this.userList = []
+          this.selectPeople = []
+          this.$emit('selectPerson', null)
+          this.$emit('update:chooseUserList', null)
+        }).catch(() => {
+        })
+
+        return false
+      }
+
+      this.$confirm(`确认删除此人员？`).then(() => {
+        this.userList.splice(index, 1)
+        this.chooseItem(user)
+        this.$emit('selectPerson', this.isMultiple ? this.selectPeople : this.selectPeople[0])
+        this.$emit('update:chooseUserList', this.isMultiple ? this.selectPeople : this.selectPeople[0])
+      }).catch(() => {
+      })
+    },
+
+    formatName(name) {
+      if (name == undefined) {
+        return
+      }
+      return name.substr(name.length - 2, name.length > 2 ? (name.length - 1) : name.length)
+    },
+
+    chooseItem(user) {
+      if (!this.isMultiple) {
+        this.selectPeople = []
+      }
+
+      let index = this.selectPeople.findIndex(item => item.id === user.id)
+
+      if (index > -1) {
+        this.selectPeople.splice(index, 1)
+      } else {
+        this.selectPeople.push(user)
+      }
+    },
+
+    onClear() {
+      this.searchObj.con = ''
+
+      this.$nextTick(() => {
+        this.reSearchInfo()
+      })
+    },
+
+    cancelSelect(item) {
+      if (!this.isMultiple) {
+        this.selectPeople = []
+      } else {
+        this.chooseItem(item)
+      }
+    },
+
+    getIsActive(id) {
+      return this.selectPeople.findIndex(item => item.id === id) > -1
+    },
+
+    clearAll() {
+      this.selectPeople = []
+    },
+
+    searchInfo() {
+      let url = ''
+      if (!this.url) {
+        //非居民
+        url = '/app/appresident/list'
+      } else {
+        url = this.url
+      }
+      if (url == '/app/appvillagecadres/list') {
+        this.searchObj.status = '1'
+      }
+      this.instance.post(url, null, {
+        params: {
+          ...this.searchObj,
+          fileStatus: 0,
+          auditType: 1,
+          phone: this.searchObj.con,
+          userName: this.searchObj.con
+        },
+      }).then((res) => {
+        this.tableData = res.data.records
+        this.total = res.data.total
+      })
+    },
+    handleChange(val) {
+      this.searchObj.current = val
+      this.searchInfo()
+    },
+    saveSelect() {
+      this.userList = this.isMultiple ? [...this.selectPeople] : [this.selectPeople[0]]
+      this.$emit('selectPerson', this.isMultiple ? this.selectPeople : this.selectPeople[0])
+      this.$emit('update:chooseUserList', this.isMultiple ? this.selectPeople : this.selectPeople[0])
+      this.isDialog = false
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-personselect {
+  padding: 0 20px;
+}
+
+:deep( .el-pager li.active + li ){
+  border-left: solid 1px #d0d4dc !important;
+}
+
+:deep( .el-pager .number:last-child ){
+  border-color: #d0d4dc;
+}
+
+:deep( .el-pager .number.active ){
+  border-color: $primaryColor;
+}
+
+:deep(.pagination .el-pager li ){
+  line-height: 22px !important;
+}
+
+.selectCont {
+  position: relative;
+}
+
+.selectCont .pagination {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  bottom: 0 !important;
+  height: 32px;
+  line-height: 1;
+  background: #f5f6f7;
+  border-bottom: none !important;
+}
+
+.list-wrapper {
+  display: block;
+  font-size: 0;
+
+  .userlist {
+    display: inline-block;
+  }
+
+  .userlist, .user {
+    display: inline-block;
+  }
+
+  .user {
+    position: relative;
+    width: 70px;
+    text-align: center;
+
+    .remove-icon {
+      position: absolute;
+      right: 7px;
+      top: -4px;
+      line-height: 1;
+      padding: 6px 0;
+      font-size: 16px;
+      cursor: pointer;
+
+      &:hover {
+        color: crimson;
+      }
+    }
+
+    img, h2 {
+      display: block;
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      margin: 0 auto 4px;
+      font-size: 14px;
+      color: #fff;
+      border-radius: 50%;
+    }
+
+    h2 {
+      background-color: $primaryColor;
+    }
+
+    span {
+      color: #666;
+      font-size: 14px;
+      white-space: nowrap;
+      overflow: hidden;
+      word-break: break-all;
+      text-overflow: ellipsis;
+    }
+  }
+}
+
+.userlist-add {
+  display: inline-block;
+  width: 70px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    color: crimson;
+  }
+
+  .userlist-add__icon {
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    margin: 0 auto 4px;
+    text-align: center;
+    font-size: 20px;
+    color: $primaryColor;
+    border: 1px dashed $primaryColor;
+    border-radius: 50%;
+    box-sizing: border-box;
+  }
+
+  span {
+    color: #666;
+    font-size: 14px;
+  }
+}
+
+.selectCont {
+  border: 1px solid #d0d4dc;
+  background: #fcfcfc;
+  width: 416px;
+  height: 336px;
+
+  .el-row {
+    background: #f5f5f5;
+    border-bottom: 1px solid #d0d4dc;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 8px;
+  }
+
+  .seleceUl {
+    margin: 8px;
+    padding: 0;
+    height: 248px;
+    overflow-y: auto;
+
+    .AiID {
+      line-height: inherit;
+    }
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      height: 24px;
+      line-height: 24px;
+      font-size: 12px;
+      cursor: pointer;
+
+      .iconfont {
+        font-size: 12px;
+      }
+
+      p {
+        padding: 0;
+        margin: 0;
+      }
+    }
+
+    li:hover {
+      background: #eff6ff;
+      color: #5088ff;
+    }
+
+    .selectedLi {
+      background: #eff6ff;
+      color: #5088ff;
+    }
+  }
+
+  .pagination {
+    padding: 0;
+    background: #f5f5f5;
+    border-top: 1px solid #d0d4dc;
+    border-bottom: 1px solid #d0d4dc;
+  }
+}
+
+
+.ai-personselect .add-item {
+  position: relative;
+  width: 260px;
+  background: rgba(252, 252, 252, 1);
+  border-radius: 2px;
+  border: 1px solid rgba(208, 212, 220, 1);
+  overflow: auto;
+  box-sizing: border-box;
+
+  &:nth-of-type(2) {
+    width: 360px;
+    overflow: hidden;
+  }
+
+  .pagination {
+    position: absolute;
+    bottom: 20px;
+    padding: 0;
+  }
+
+  .add_top {
+    width: 100%;
+    height: 40px;
+    background: rgba(245, 245, 245, 1);
+    border-bottom: 1px solid rgba(208, 212, 220, 1);
+    margin: 0;
+    padding: 0 8px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .tree_list {
+    width: 100%;
+    overflow: auto;
+    height: calc(100% - 40px);
+
+    .el-tree {
+      height: 100%;
+    }
+  }
+
+  .add_buttom {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    font-size: 12px;
+    width: 310px;
+    height: 32px;
+    line-height: 32px;
+    z-index: 10000;
+    background: rgba(245, 246, 247, 1);
+    color: rgba(51, 51, 51, 1);
+    box-shadow: 0 1px 0 0 rgba(216, 220, 227, 1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .add_tag {
+    width: 310px;
+    height: calc(100% - 40px);
+    overflow-y: auto;
+
+    .el-tag {
+      margin: 8px;
+    }
+  }
+}
+
+.el-dialog__wrapper {
+  z-index: 3000 !important;
+}
+</style>
diff --git a/ui/packages/common/AiPhone.vue b/ui/packages/common/AiPhone.vue
new file mode 100644
index 00000000..ac28212c
--- /dev/null
+++ b/ui/packages/common/AiPhone.vue
@@ -0,0 +1,80 @@
+<template>
+  <section class="AiPhone">
+    <el-input v-if="mode=='input'" v-model="phone" clearable :disabled="disabled" :placeholder="placeholder"
+              :maxLength="11" @change="autoComplete"></el-input>
+    <el-row type="flex" v-if="mode=='show'" style="align-items: center">
+      <el-button type="text" v-if="!rightBtn&&showEyes" :icon="showIcon" @click="isShow=!isShow"></el-button>
+      <span v-if="isShow">{{value||"-"}}</span>
+      <span v-else>{{hideId}}</span>
+      <el-button type="text" v-if="rightBtn&&showEyes" :icon="showIcon" @click="isShow=!isShow"></el-button>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: "AiPhone",
+    model: {
+      prop: "value",
+      event: "change"
+    },
+    props: {
+      value: String,
+      mode: {type: String, default: 'input'},
+      rightBtn: Boolean,
+      show: {type: Boolean, default: false},
+      disabled: Boolean,
+      placeholder: String,
+      showEyes: {type: Boolean, default: true}
+    },
+    computed: {
+      showIcon() {
+        return this.isShow ? 'iconfont iconHide_Content' : 'iconfont iconShow_Content'
+      },
+      hideId() {
+        if (this.value) {
+          let idArr = Array.from(this.value)
+          idArr.splice(3, 4, "****")
+          return idArr.join("") || "-"
+        } else return "-"
+      }
+    },
+    data() {
+      return {
+        isShow: false,
+        phone: ""
+      }
+    },
+    methods: {
+      autoComplete() {
+        this.$emit("valid", this.validate(this.phone))
+      },
+      validate(phone) {
+        let result = false, msg = ''
+        if(phone){
+          if(phone.length==11){
+            if((/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){
+              result = true
+            }else{
+              msg = "手机号不合法!"
+            }
+          }else{
+            msg = "手机号长度不合法!"
+          }
+        }else{
+          msg = "手机号不能为空!"
+        }
+        return [result, msg]
+      }
+    },
+    mounted() {
+      this.phone = this.value
+      this.isShow = this.show
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiPhone {
+  }
+</style>
diff --git a/ui/packages/common/AiPicker.vue b/ui/packages/common/AiPicker.vue
new file mode 100644
index 00000000..700e9aa2
--- /dev/null
+++ b/ui/packages/common/AiPicker.vue
@@ -0,0 +1,283 @@
+<template>
+  <section class="AiPicker">
+    <ai-dialog-btn v-bind="$attrs" @onConfirm="handleSave" :customFooter="false" @close="selected=[]" @open="selected=$copy(picked)">
+      <template #btn v-if="$scopedSlots.default">
+        <slot :selected="picked"/>
+      </template>
+      <div class="AiWechatSelecter-container">
+        <div class="AiWechatSelecter-container__left">
+          <div class="AiWechatSelecter-header">
+            <div class="AiWechatSelecter-header__left">
+              <h2 class="active" v-text="pageTitle"/>
+            </div>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <el-tree v-if="refreshTree" lazy :load="getOptions" :props="props">
+              <template slot-scope="{data}">
+                <el-row type="flex" align="middle" class="optionItem fill" @click.native.stop="handleSelect(data)">
+                  <div class="fill overHide">
+                    <ai-open-data v-if="data.openType" :type="data.openType" :openid="data[props.id]"/>
+                    <p v-else v-text="data[props.label]"/>
+                  </div>
+                  <div class="iconfont iconSuccess color-primary" v-if="data.checked&&isSelected(data)"/>
+                </el-row>
+              </template>
+            </el-tree>
+          </el-scrollbar>
+        </div>
+        <div class="AiWechatSelecter-container__right">
+          <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
+            <h2>已选择</h2>
+            <el-button size="mini" icon="el-icon-delete" @click="selected=[]">清空</el-button>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <div class="tags-wrapper">
+              <el-tag v-for="(item, index) in selected" :key="item.id" closable @close="handleRemove(index)" type="info">
+                <ai-open-data class="fill overHide" v-if="item.openType" :type="item.openType" :openid="item[props.id]"/>
+                <p class="fill overHide" v-else v-text="item[props.label]"/>
+              </el-tag>
+            </div>
+          </el-scrollbar>
+        </div>
+      </div>
+    </ai-dialog-btn>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiPicker",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {default: () => []},
+    action: {default: "/app/wxcp/wxdepartment/departList"},
+    instance: Function,
+    meta: {default: () => []},
+    pageTitle: {default: "部门"},
+    ops: {default: () => ({})},
+    multiple: Boolean,
+    timer: null,
+  },
+  data() {
+    return {
+      selected: [],
+      picked: [],
+      refreshTree: true
+    }
+  },
+  computed: {
+    props: v => ({id: 'id', label: 'name', ...v.ops})
+  },
+  watch: {
+    action(v) {
+      if (v) {
+        this.refreshTree = false
+        this.initValue()
+        this.$nextTick(() => this.refreshTree = true)
+      }
+    }
+  },
+  methods: {
+    getOptions(node, resolve) {
+      const {props: {id}} = this
+      if (node.level == 0) {
+        this.getTreeData().then(list => resolve(list || []))
+      } else {
+        const parent = node.data[id]
+        this.getTreeData({id: parent}).then(list => resolve(list || []))
+      }
+    },
+    getTreeData(params) {
+      const selected = params?.selected, {action} = this
+      if (selected) delete params.selected
+      return this.instance.post(action, selected, {params, headers: {'Content-Type': 'application/json'}}).then(res => {
+        if (res?.data) {
+          if (selected) {
+            this.picked = res.data.selected
+          }
+          return res.data.itemList.map(e => ({...e, checked: this.isSelected(e)}))
+        }
+      })
+    },
+    handleRemove(i) {
+      this.selected.splice(i, 1)
+    },
+    handleSave() {
+      const {id} = this.props
+      this.picked = this.$copy(this.selected)
+      this.$emit("change", this.selected.map(e => e[id]).filter(Boolean))
+      this.$emit("pick", this.selected)
+    },
+    isSelected(row) {
+      const {id: key} = this.props
+      return !!this.selected.find(e => e[key] == row[key])
+    },
+    initValue() {
+      const unwatch = this.$watch('value', (v) => {
+        if (this.selected.length > 0) unwatch && unwatch()
+        else if (!!v?.toString()) {
+          this.getTreeData({selected: v?.toString()})
+          unwatch && unwatch()
+        }
+      }, {immediate: true})
+    },
+    handleSelect(row) {
+      row.checked = !row.checked
+      if (row.checked) {
+        const current = this.$copy(row)
+        if (this.multiple) {
+          this.selected.push(current)
+        } else {
+          this.selected = [current]
+        }
+      } else {
+        if (this.multiple) {
+          const {id} = this.props, i = this.selected.findIndex(e => e[id] == row[id])
+          this.handleRemove(i)
+        } else this.selected = []
+      }
+    }
+  },
+  created() {
+    this.initValue()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiPicker {
+  .color-primary {
+    color: $primaryColor;
+  }
+
+  .optionItem {
+    cursor: pointer;
+    user-select: none;
+    padding-right: 16px;
+  }
+
+  .AiOpenData {
+    pointer-events: none;
+  }
+
+  .AiWechatSelecter-container {
+    display: flex;
+    height: 480px;
+
+    :deep( .el-tree ){
+      background: transparent;
+
+      .el-tree-node__content {
+        height: auto;
+        margin-top: 2px;
+
+        &:hover {
+          background: #f4f5f6;
+        }
+      }
+
+      .el-tree-node__expand-icon {
+        height: 24px;
+      }
+    }
+
+    & > div {
+      width: 280px;
+      background: #FCFCFC;
+      border: 1px solid #D0D4DC;
+    }
+
+    .AiWechatSelecter-list {
+      height: calc(100% - 40px);
+      padding: 8px 0;
+
+      :deep( .el-scrollbar__wrap ){
+        margin-bottom: 0 !important;
+        overflow-x: hidden;
+      }
+    }
+
+    .AiWechatSelecter-container__left {
+      flex: 1;
+    }
+
+    .AiWechatSelecter-container__right {
+      flex: 1;
+      margin-left: 20px;
+
+      .AiWechatSelecter-list {
+        .tags-wrapper {
+          padding: 0 8px;
+          display: flex;
+          flex-wrap: wrap;
+        }
+
+        .el-tag {
+          margin: 0 8px 8px 0;
+          color: #222222;
+          font-size: 14px;
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+
+    .AiWechatSelecter-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 40px;
+      padding: 0 8px 0 0;
+      border-bottom: 1px solid #D0D4DC;
+      background: #F5F7FA;
+
+      .AiWechatSelecter-header__left {
+        display: flex;
+        align-items: center;
+
+        h2 {
+          width: 60px;
+          height: 100%;
+          line-height: 40px;
+          color: #222222;
+          font-size: 14px;
+          text-align: center;
+          cursor: pointer;
+          border-bottom: 2px solid transparent;
+
+          &.active {
+            color: $primaryColor;
+            border-color: $primaryColor;
+          }
+        }
+      }
+
+      .el-button {
+        height: 28px;
+        padding: 7px 5px;
+      }
+
+      .el-input {
+        width: 160px;
+      }
+    }
+
+    .AiWechatSelecter-header__right {
+      padding: 0 8px;
+
+      h2 {
+        color: #222222;
+        font-size: 14px;
+        text-align: center;
+      }
+    }
+  }
+
+  :deep(.overHide) {
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/ui/packages/common/AiSign/AiSign.vue b/ui/packages/common/AiSign/AiSign.vue
new file mode 100644
index 00000000..1c166f0e
--- /dev/null
+++ b/ui/packages/common/AiSign/AiSign.vue
@@ -0,0 +1,231 @@
+<template>
+  <section class="ai-sign" v-if="visible">
+    <el-row type="flex">
+      <el-card :class="{'sign-in-hidden':!signInState}">
+        <ai-sign-in
+            v-if="!sassLogin"
+            ref="signIn"
+            @signIn="SignIn"
+            :showPhoneLogin="showPhoneLogin"
+            :showScanLogin="showScanLogin"
+            :instance="instance"
+            @qrlogin="onQRlogin"
+            @sendMessage="sendMsg"
+            @resetPwd="signInState=false"/>
+        <h2 class="scan-title sassLogin" v-else>手机扫码，安全登录</h2>
+        <template v-if="tpLoginList.length>0">
+          <div class="divider" v-text="`第三方账号登录`"/>
+          <el-row class="tpLogin" type="flex" align="middle">
+            <el-tooltip v-for="(tp,i) in tpLoginList" :key="i" :content="tp.label" placement="top">
+              <ai-icon class="item" v-bind="tp" @click.native.stop="tp.click"/>
+            </el-tooltip>
+          </el-row>
+        </template>
+      </el-card>
+      <el-card class="change-password" :class="{'change-password-hidden':signInState}">
+        <ai-change-pwd @signUp="ChangePwd" :instance="instance" @toLogin="signInState=true"/>
+      </el-card>
+    </el-row>
+  </section>
+</template>
+
+<script>
+import AiSignIn from "./signIn";
+import AiChangePwd from "./changePwd";
+
+export default {
+  name: "AiSign",
+  components: {AiChangePwd, AiSignIn},
+  props: {
+    /**
+     * 是否展示
+     */
+    visible: Boolean,
+    /**
+     * 显示手机号登陆模块
+     */
+    showPhoneLogin: {default: true},
+    /**
+     * 显示扫码登录
+     */
+    showScanLogin: {default: true},
+    /**
+     * 接口工具类
+     */
+    instance: {required: true, type: Function},
+    /**
+     * 请求接口类
+     * login :手机密码登录;mobile:手机验证码登录;
+     * qr:手机扫码登录 qrStatus:扫码状态
+     * changePwd:更换密码 verification:验证码验证
+     */
+    action: Object,
+    /**
+     * 第三方登录列表: wxwork:企业微信
+     */
+    tps: {default: () => []},
+    /**
+     * 是否是sass版本登录
+     */
+    sassLogin: Boolean
+  },
+  provide() {
+    return {
+      actions: this.actions,
+      sassLogin: this.sassLogin
+    }
+  },
+  computed: {
+    actions() {
+      let action = {
+        login: "/auth/oauth/token",
+        mobile: "/auth/mobile/token",
+        qr: "/auth/qr-con/token",
+        qrStatus: "/admin/user/getQrStatus",
+        qrKey: "/admin/user/getQrKey",
+        code: "/auth/token/code",
+        failTimes: "/admin/user/getloginFailNum",
+        changePwd: "/admin/user/update-pwd",
+        verification: "/admin/user/checkPhone"
+      }
+      return {...action, ...this.action}
+    },
+    tpLoginList() {
+      let list = [
+        {
+          label: "企微登录", icon: "iconqiwei", key: 'wxwork', type: 'svg', click: () => {
+            location.href = `https://open.work.weixin.qq.com/wwopen/sso/3rd_qrConnect?appid=ww596787bb70f08288&redirect_uri=${encodeURIComponent(location.href)}&usertype=member`
+          }
+        }
+      ]
+      return list.filter(e => this.tps.includes(e.key)) || []
+    }
+  },
+  data() {
+    return {
+      signInState: true
+    }
+  },
+  methods: {
+    ChangePwd(params) {
+      this.instance.post(this.actions.changePwd, null, {
+        params: {
+          phone: params.account,
+          code: params.verifictCode,
+          newPwd: params.password
+        }
+      }).then(res => {
+        if (res) {
+          this.$message.success("修改成功!")
+          this.signInState = true
+        }
+      })
+    },
+    SignIn(params, url) {
+      let password = this.$encryption(params)
+      this.instance.post(url, null, {
+        auth: {
+          username: 'villcloud',
+          password: "villcloud"
+        },
+        params: {
+          grant_type: 'password',
+          scope: 'server',
+          ...params,
+          password
+        }
+      }).then(data => {
+        if (!data) {
+          this.$refs.signIn.handleInput()
+        } else {
+          this.$emit("login", data)
+        }
+      }).catch(() => {
+        this.$refs.signIn.handleInput()
+      })
+    },
+    getNowDate() {
+      const date = new Date()
+      return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
+    },
+    sendMsg(phone) {
+      this.instance.post(this.actions.verification, null, {
+        auth: {},
+        params: {phone}
+      }).then(() => this.$message.success("发送成功!"))
+    },
+    onQRlogin(data) {
+      this.$emit('login', data)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.ai-sign {
+  width: 400px;
+  display: inline-block;
+  transition: 2s;
+
+  .el-row {
+    width: 200%;
+  }
+
+  .sign-in-hidden {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+
+  .change-password {
+    transform: translateX(-100%);
+  }
+
+  .change-password-hidden {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+
+  .el-card {
+    width: 400px;
+    border-radius: 8px;
+  }
+
+  .divider {
+    font-size: 14px;
+    color: #999;
+    text-align: center;
+    margin: 12px 0;
+
+    &:before, &:after {
+      content: "——";
+      margin: 0 11px;
+      color: #ddd;
+    }
+  }
+
+  .tpLogin {
+    width: 100%;
+    justify-content: center;
+    flex-wrap: wrap;
+
+    .item {
+      cursor: pointer;
+      margin: 8px;
+      height: 48px;
+      width: 48px;
+      font-size: 28px;
+      border-radius: 50%;
+      line-height: 48px;
+      text-align: center;
+    }
+  }
+
+  :deep(.scan-title ){
+    color: #333333;
+    font-size: 16px;
+
+    &.sassLogin {
+      margin-bottom: 150px;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/common/AiSign/changePwd.vue b/ui/packages/common/AiSign/changePwd.vue
new file mode 100644
index 00000000..26330be9
--- /dev/null
+++ b/ui/packages/common/AiSign/changePwd.vue
@@ -0,0 +1,185 @@
+<template>
+  <el-form class="changePwd" ref="form" :model="signUpForm" :rules="rules">
+    <div class="backLogin" type="text" @click="$emit('toLogin')"><i class="el-icon-caret-left"/> 重置密码</div>
+    <el-form-item prop="account" style="white-space: nowrap">
+      <el-input placeholder="请输入您的手机号" v-model="signUpForm.account" clearable>
+        <i slot="prefix" class="iconfont iconPhone"></i>
+      </el-input>
+    </el-form-item>
+    <el-form-item prop="verifictCode">
+      <el-input class="code" placeholder="请输入短信验证码" maxlength="6" v-model="signUpForm.verifictCode" clearable>
+        <el-button slot="suffix" style="padding-right: 14px" type="text" @click="getVerifictCode"
+                   :disabled="verify.disable">{{ verify.btnLabel }}
+        </el-button>
+        <i slot="prefix" class="iconfont iconMessage"></i>
+      </el-input>
+    </el-form-item>
+    <el-form-item prop="password">
+      <el-input class="form-item-width" type="password" show-password placeholder="密码（8-16个字符，区分大小写）"
+                v-model="signUpForm.password" clearable>
+        <i slot="prefix" class="iconfont iconPassword"></i>
+      </el-input>
+    </el-form-item>
+    <el-form-item prop="confirmPassword">
+      <el-input class="form-item-width" type="password" show-password placeholder="再次输入密码"
+                v-model="signUpForm.confirmPassword" clearable>
+        <i slot="prefix" class="iconfont iconPassword"></i>
+      </el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-button class="form-item-width" type="primary" @click.native="submitChangePwd">重置密码</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+export default {
+  name: "changePwd",
+  inject: ["actions"],
+  props: {
+    instance: Function
+  },
+  computed: {
+    rules() {
+      const _ = this
+      return {
+        account: [
+          {required: true, message: "请输入您的手机号", trigger: 'blur'},
+          {pattern: /^1[345789]\d{9}$/, message: "手机号格式有误", trigger: 'blur'},
+        ],
+        verifictCode: [{
+          trigger: 'blur', validator(r, v, cb) {
+            if (/^\d{6}$/.test(v)) {
+              cb()
+            } else {
+              cb(new Error("请输入6位验证码"))
+            }
+          }
+        }],
+        password: [
+          {required: true, message: "请输入新密码", trigger: 'blur'},
+          {
+            pattern: /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*,.?_-])[\da-zA-Z~!@#$%^&*,.?_-]{8,16}$/,
+            message: "数字和字母及特殊字符(~!@#$%^&*,.?_-)组合,长度8到16位"
+          }
+        ],
+        confirmPassword: [
+          {required: true, message: "请再次输入新密码", trigger: 'blur'},
+          {
+            trigger: 'blur', validator(r, v, cb) {
+              if (v == _.signUpForm.password) {
+                cb()
+              } else {
+                cb(new Error("两次填写的密码不一致"))
+              }
+            }
+          }
+        ],
+      }
+    }
+  },
+  data() {
+    return {
+      signUpForm: {
+        account: "",
+        password: "",
+        confirmPassword: "",
+        verifictCode: "",
+      },
+      verify: {
+        disable: false,
+        timer: 0,
+        btnLabel: "获取验证码",
+      },
+    }
+  },
+  methods: {
+    getVerifictCode() {
+      this.$refs.form.validateField("account", v => {
+        if (!v) {
+          this.verify.disable = true
+          this.verify.timer = 60
+          this.verify.btnLabel = this.verify.timer + "秒"
+          const timer = setInterval(() => {
+            if (this.verify.timer === 0) {
+              this.verify.btnLabel = "获取验证码"
+              this.verify.disable = false
+              clearInterval(timer)
+            } else {
+              this.verify.timer--
+              this.verify.btnLabel = this.verify.timer + "秒"
+            }
+          }, 1000)
+          this.instance.post(this.actions.verification, null, {
+            auth: {},
+            params: {
+              phone: this.signUpForm.account
+            }
+          }).then(() => this.$message.success("短信发送成功!"))
+        }
+      })
+
+    },
+    submitChangePwd() {
+      this.$refs.form.validate(v => {
+        if (v) {
+          this.$emit("signUp", this.signUpForm)
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.changePwd {
+  // margin: 0 20px;
+
+  :deep( .code ){
+    .el-button {
+      width: auto !important;
+    }
+  }
+
+  :deep(.backLogin ){
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+    font-size: 16px;
+    height: 40px;
+    color: $primaryColor;
+    cursor: pointer;
+    width: 100px;
+    margin-bottom: 46px;
+
+    &:hover {
+      opacity: 0.8;
+    }
+
+    .el-icon-caret-left {
+      padding: 0;
+      font-size: 22px;
+    }
+  }
+
+  .el-button {
+    width: 100%;
+  }
+
+  :deep(.el-form-item ){
+    margin-bottom: 24px;
+
+    i {
+      padding-left: 7px;
+      padding-right: 7px;
+    }
+  }
+
+  .form-item-width {
+    font-size: 16px;
+    width: 100%;
+    height: 48px;
+    line-height: 48px;
+    padding: 0;
+  }
+}
+</style>
diff --git a/ui/packages/common/AiSign/identify.vue b/ui/packages/common/AiSign/identify.vue
new file mode 100644
index 00000000..2fef54ad
--- /dev/null
+++ b/ui/packages/common/AiSign/identify.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="s-canvas">
+    <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'SIdentify',
+    props: {
+      identifyCode: {
+        type: String,
+        default: '1234'
+      },
+      fontSizeMin: {
+        type: Number,
+        default: 16
+      },
+      fontSizeMax: {
+        type: Number,
+        default: 40
+      },
+      backgroundColorMin: {
+        type: Number,
+        default: 180
+      },
+      backgroundColorMax: {
+        type: Number,
+        default: 240
+      },
+      colorMin: {
+        type: Number,
+        default: 50
+      },
+      colorMax: {
+        type: Number,
+        default: 160
+      },
+      lineColorMin: {
+        type: Number,
+        default: 40
+      },
+      lineColorMax: {
+        type: Number,
+        default: 180
+      },
+      dotColorMin: {
+        type: Number,
+        default: 0
+      },
+      dotColorMax: {
+        type: Number,
+        default: 255
+      },
+      contentWidth: {
+        type: Number,
+        default: 160
+      },
+      contentHeight: {
+        type: Number,
+        default: 40
+      }
+    },
+    methods: {
+      // 生成一个随机数
+      randomNum (min, max) {
+        return Math.floor(Math.random() * (max - min) + min)
+      },
+      // 生成一个随机的颜色
+      randomColor (min, max) {
+        let r = this.randomNum(min, max)
+        let g = this.randomNum(min, max)
+        let b = this.randomNum(min, max)
+        return 'rgb(' + r + ',' + g + ',' + b + ')'
+      },
+      drawPic () {
+        let canvas = document.getElementById('s-canvas')
+        let ctx = canvas.getContext('2d')
+        ctx.textBaseline = 'bottom'
+        // 绘制背景
+        ctx.fillStyle = this.randomColor(this.backgroundColorMin, this.backgroundColorMax)
+        ctx.fillRect(0, 0, this.contentWidth, this.contentHeight)
+        // 绘制文字
+        for (let i = 0; i < this.identifyCode.length; i++) {
+          this.drawText(ctx, this.identifyCode[i], i)
+        }
+        this.drawLine(ctx)
+        this.drawDot(ctx)
+      },
+      drawText (ctx, txt, i) {
+        ctx.fillStyle = this.randomColor(this.colorMin, this.colorMax)
+        ctx.font = this.randomNum(this.fontSizeMin, this.fontSizeMax) + 'px SimHei'
+        let x = (i + 1) * (this.contentWidth / (this.identifyCode.length + 1))
+        let y = this.randomNum(this.fontSizeMax, this.contentHeight - 5)
+        var deg = this.randomNum(-45, 45)
+        // 修改坐标原点和旋转角度
+        ctx.translate(x, y)
+        ctx.rotate(deg * Math.PI / 180)
+        ctx.fillText(txt, 0, 0)
+        // 恢复坐标原点和旋转角度
+        ctx.rotate(-deg * Math.PI / 180)
+        ctx.translate(-x, -y)
+      },
+      drawLine (ctx) {
+        // 绘制干扰线
+        // for (let i = 0; i < 8; i++) {
+        //   ctx.strokeStyle = this.randomColor(this.lineColorMin, this.lineColorMax)
+        //   ctx.beginPath()
+        //   ctx.moveTo(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight))
+        //   ctx.lineTo(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight))
+        //   ctx.stroke()
+        // }
+      },
+      drawDot (ctx) {
+        // 绘制干扰点
+        // for (let i = 0; i < 100; i++) {
+        //   ctx.fillStyle = this.randomColor(0, 255)
+        //   ctx.beginPath()
+        //   ctx.arc(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight), 1, 0, 2 * Math.PI)
+        //   ctx.fill()
+        // }
+      }
+    },
+    watch: {
+      identifyCode () {
+        this.drawPic()
+      }
+    },
+    mounted () {
+      this.drawPic()
+    }
+  }
+</script>
diff --git a/ui/packages/common/AiSign/signIn.vue b/ui/packages/common/AiSign/signIn.vue
new file mode 100644
index 00000000..6eb4c55b
--- /dev/null
+++ b/ui/packages/common/AiSign/signIn.vue
@@ -0,0 +1,333 @@
+<template>
+  <el-form ref="loginForm" :model="sign" class="signIn">
+    <el-form-item class="ai-sign__header">
+      <el-tabs v-model="currentWay" v-if="!isScan">
+        <el-tab-pane label="账号登录"></el-tab-pane>
+        <el-tab-pane label="短信登录" v-if="showPhoneLogin"></el-tab-pane>
+      </el-tabs>
+      <h2 class="scan-title" v-if="isScan">手机扫码，安全登录</h2>
+      <div class="ai-scan" @click="changeLoginType" v-if="showScanLogin">
+        <div class="poptip-arrow">
+          <span>{{ tipContent }}</span>
+          <a/>
+          <em/>
+        </div>
+        <i class="iconfont" :class="[isScan ? 'iconAccount_Login' : 'iconQR_code']"></i>
+      </div>
+    </el-form-item>
+    <div class="qrcode" id="qrcode" v-show="isScan"/>
+    <template v-if="!isScan">
+      <el-form-item v-if="isAccountSignIn" prop="username"
+                    :rules="[{required: true, message: '请输入您的手机号', trigger: 'change'}]">
+        <el-input v-model="sign.username" placeholder="请输入您的手机号" clearable
+                  @keyup.enter.native="$refs.validInput.focus()">
+          <i slot="prefix" class="iconfont iconProlife"></i>
+        </el-input>
+      </el-form-item>
+      <el-form-item v-else prop="mobile" :rules="[{required: true, message: '请输入您的手机号', trigger: 'change'}]">
+        <el-input v-model="sign.mobile" placeholder="请输入您的手机号" clearable
+                  @keyup.enter.native="$refs.validInput.focus()">
+          <i slot="prefix" class="iconfont iconPhone"></i>
+        </el-input>
+      </el-form-item>
+      <el-form-item v-if="isAccountSignIn" prop="password"
+                    :rules="[{required: true, message: '请输入您的密码', trigger: 'change'}]">
+        <el-input ref="validInput" type="password" placeholder="请输入您的密码" show-password
+                  v-model="sign.password" @keyup.enter.native="handleClick" clearable>
+          <i slot="prefix" class="iconfont iconPassword"></i>
+        </el-input>
+      </el-form-item>
+      <el-form-item v-else prop="code" :rules="[{required: true, message: '请输入短信验证码', trigger: 'change'}]">
+        <el-input ref="validInput" placeholder="请输入短信验证码" v-model="sign.code" clearable
+                  @keyup.enter.native="handleClick">
+          <i slot="prefix" class="iconfont iconMessage"></i>
+          <el-button slot="suffix" style="padding-right: 14px" type="text" :disabled="verCodeTimer>0"
+                     @click="sendMessage">
+            {{ verCodeTimer ? verCodeTimer + "秒" : "获取验证码" }}
+          </el-button>
+        </el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" class="login-btn" @click="handleClick">登录</el-button>
+        <div class="reset-password-row">
+          <el-button type="text" class="reset-password" @click="$emit('resetPwd')">忘记密码?</el-button>
+        </div>
+      </el-form-item>
+    </template>
+  </el-form>
+</template>
+
+<script>
+import VueQr from 'vue-qr'
+import identify from './identify'
+
+export default {
+  name: "signIn",
+  inject: ["actions"],
+  props: {
+    instance: Function,
+    showPhoneLogin: {
+      type: Boolean,
+      default: true
+    },
+    showScanLogin: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data() {
+    return {
+      currentWay: 0,
+      verCodeTimer: 0,
+      sign: {
+        username: "",
+        password: "",
+        mobile: "",
+        code: "",
+        randomStr: ""
+      },
+      code: {
+        src: "/code",
+        value: "",
+        len: 4,
+        type: "image"
+      },
+      isScan: true,
+      validFocus: false,
+      QRkey: '',
+      timer: null,
+      isInvalid: false,
+      isLoginSuccess: false,
+      identifyCodes: '1234567890',
+      identifyCode: '',
+      errorNum: 0,
+      appid: '',
+      agentid: ''
+    }
+  },
+
+  components: {
+    VueQr,
+    identify
+  },
+
+  computed: {
+    isAccountSignIn() {
+      return this.currentWay == 0
+    },
+
+    tipContent() {
+      return this.isScan ? '返回账号登录' : '扫码登录更安全'
+    }
+  },
+  watch: {
+    currentWay() {
+      this.sign = {
+        username: "",
+        password: "",
+        mobile: "",
+        code: "",
+        randomStr: ""
+      }
+    }
+  },
+
+  created() {
+    localStorage.removeItem('ui-token')
+    localStorage.removeItem('token')
+    localStorage.removeItem('vuex')
+    if (this.showScanLogin) {
+      this.getLoginInfo()
+      this.isScan = true
+    } else {
+      this.isScan = false
+    }
+  },
+
+  methods: {
+    changeLoginType() {
+      if (!this.isScan) {
+        this.isScan = true
+        this.getQRkey()
+      } else {
+        this.isScan = false
+        clearInterval(this.timer)
+      }
+    },
+
+    getLoginInfo() {
+      this.instance.post(`/app/wxcp/portal/getCpParams`).then(res => {
+        if (res && res.data) {
+          this.agentid = res.data.agentid
+          this.appid = res.data.corpid
+          this.getQRkey()
+        }
+      })
+    },
+
+    getErrorNum(phone) {
+      return new Promise((resolve, reject) => {
+        this.instance.post(this.actions.failTimes, null, {
+          params: {phone}
+        }).then(res => {
+          resolve(Number(res.data.status) || 0)
+        }).catch(() => {
+          reject('error')
+        })
+      })
+    },
+
+    handleInput() {
+    },
+    handleClick() {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          if (this.currentWay == 0) {
+            this.$emit("signIn", this.sign, this.actions.login)
+          } else {
+            this.$emit("signIn", this.sign, this.actions.mobile)
+          }
+        }
+      });
+    },
+
+    sendMessage() {
+      if (this.currentWay == 1) {
+        if (this.sign.mobile) {
+          this.$emit("sendMessage", this.sign.mobile)
+          this.verCodeTimer = 60
+          const timer = setInterval(() => {
+            this.verCodeTimer--
+            if (this.verCodeTimer == 0) {
+              clearInterval(timer)
+            }
+          }, 1000)
+        } else {
+          this.$message.error("请输入手机号!")
+        }
+      }
+    },
+
+    getQRkey() {
+      this.$injectLib('https://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js', () => {
+        window.WwLogin({
+          id: 'qrcode',
+          appid: this.appid,
+          agentid: this.agentid,
+          redirect_uri: `${location.origin}/login`,
+          state: '',
+          href: 'https://cdn.cunwuyun.cn/dvcp/wechat-login.css',
+        })
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.signIn {
+  .imgcode {
+    display: flex;
+    justify-content: space-between;
+
+    .el-input {
+      margin-right: 8px;
+    }
+
+    .imgcode-img {
+      border-radius: 4px;
+    }
+  }
+
+  .scan-success {
+    padding-top: 64px;
+    text-align: center;
+
+    i {
+      font-size: 64px;
+      color: #2EA222;
+    }
+
+    h2 {
+      margin: 16px 0;
+      color: #333;
+      font-size: 16px;
+    }
+
+    p {
+      text-align: center;
+      color: #666666;
+      font-size: 12px;
+    }
+  }
+
+  .qrcode {
+  }
+
+  .qrlogin-bottom {
+    margin-top: 16px;
+    text-align: center;
+    font-size: 12px;
+
+    span {
+      color: #666;
+    }
+
+    a {
+      color: $primaryColor;
+    }
+
+    p {
+      margin-top: 8px;
+      text-align: center;
+    }
+  }
+
+  .ai-sign__header {
+    position: relative;
+  }
+
+  :deep(.el-tabs__nav-wrap::after ){
+    display: none;
+  }
+
+  :deep(.el-tabs__header ){
+    padding: 0;
+  }
+
+  :deep(.el-tabs__item ){
+    padding-right: 0;
+  }
+
+  :deep(.el-form-item ){
+    margin-bottom: 32px;
+
+    .el-tabs__item {
+      font-size: 16px;
+    }
+
+    .login-btn {
+      font-size: 16px;
+      width: 100%;
+      height: 48px;
+      line-height: 48px;
+      margin: 16px auto;
+      padding: 0;
+    }
+
+    i {
+      padding-left: 7px;
+      padding-right: 7px;
+    }
+  }
+
+  .reset-password-row {
+    text-align: right;
+  }
+
+  .qrcode {
+    height: 296px;
+    text-align: center;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/ui/packages/common/AiUserGet/AiUserGet.vue b/ui/packages/common/AiUserGet/AiUserGet.vue
new file mode 100644
index 00000000..48dc36c4
--- /dev/null
+++ b/ui/packages/common/AiUserGet/AiUserGet.vue
@@ -0,0 +1,728 @@
+<template>
+  <div class="AiWechatSelecter" v-if="isReeset">
+    <el-button
+        v-if="!isHasSlot && !isShowUser"
+        size="mini"
+        type="primary"
+        @click="showSelecter"
+        :disabled="disabled">
+      选择人员
+    </el-button>
+    <div v-if="isHasSlot" @click="isShow = true">
+      <slot/>
+    </div>
+    <div class="AiWechatSelecter-userlist" v-if="!isHasSlot && !isChooseUnit && isShowUser && resetWechatStatus">
+      <div class="user-item" v-for="(item, index) in value" :key="index">
+        <img :src="item.avatar||'https://cdn.cunwuyun.cn/dvcp/h5/defaultAvatar.png'">
+        <ai-open-data type="userName" :openid="item.id"/>
+        <i class="iconfont iconwarning" @click="removeUser(index)" v-if="isAdd"/>
+      </div>
+      <div class="user-add" @click="isShow = true" v-if="isAdd">
+        <div class="userlist-add__icon">
+          <i class="el-icon-plus"></i>
+        </div>
+        <span>选择</span>
+      </div>
+    </div>
+    <ai-dialog
+      :title="isChooseUnit ? '选择部门' : '选择人员'"
+      :visible.sync="isShow"
+      width="900px"
+      append-to-body
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      @onConfirm="onConfirm">
+      <div class="AiWechatSelecter-container">
+        <div class="AiWechatSelecter-container__left">
+          <div class="AiWechatSelecter-header">
+            <div class="AiWechatSelecter-header__left">
+              <h2 class="active">部门</h2>
+            </div>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <ai-tree
+              :filter-node-method="filterNode"
+              ref="tree"
+              show-checkbox
+              :props="defaultProps"
+              node-key="id"
+              :default-checked-keys="defaultChecked"
+              :data="unitList"
+              :check-strictly="strictly"
+              :default-expanded-keys="defaultExpanded"
+              @check="onCheck"
+              @check-change="onCheckChange">
+              <div class="tree-container" slot-scope="{ data }">
+                <div class="tree-container__user">
+                  <div class="tree-user__item">
+                    <template v-if="data.avatar">
+                      <img :src="data.avatar">
+                      <ai-open-data type="userName" :openid="data.id"/>
+                    </template>
+                    <ai-open-data v-else type="departmentName" :openid="data.id"/>
+                  </div>
+                </div>
+              </div>
+            </ai-tree>
+          </el-scrollbar>
+        </div>
+        <div class="AiWechatSelecter-container__right">
+          <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
+            <h2>已选择</h2>
+            <el-button size="mini" icon="el-icon-delete" @click="clearAll">清空</el-button>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <div class="tags-wrapper" v-if="isTagChange">
+              <el-tag
+                  v-for="(item, index) in chooseUser"
+                  :key="item.name"
+                  closable
+                  @close="onClose(item, index)"
+                  size="small"
+                  type="info">
+                <ai-open-data v-if="!isChooseUnit" type="userName" :openid="item.id"/>
+                <ai-open-data v-else type="departmentName" :openid="item.id"/>
+              </el-tag>
+            </div>
+          </el-scrollbar>
+        </div>
+      </div>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+import tree from './tree/tree.vue'
+
+export default {
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+
+  components: {
+    aiTree: tree
+  },
+
+  name: 'AiUserGet',
+  props: {
+    instance: Function,
+    isMultiple: {
+      type: Boolean,
+      default: true
+    },
+    isChooseUnit: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    isShowUser: {
+      type: Boolean,
+      default: false
+    },
+    disabledList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    isStrictly: {
+      type: Boolean,
+      default: false
+    },
+    isAdd: {
+      type: Boolean,
+      default: true
+    },
+    value: {
+      type: Array
+    },
+    rootId: {
+      type: String,
+      default: ''
+    },
+    props: {
+      type: Object,
+      default: () => {
+        return {
+          label: 'name',
+          id: 'id'
+        }
+      }
+    },
+    sass: Boolean
+  },
+
+  data() {
+    return {
+      showUserList: [],
+      chooseUser: [],
+      isReeset: true,
+      searchObj: {
+        con: '',
+        current: 1,
+        size: 10,
+        status: '',
+      },
+      defaultExpanded: [],
+      defaultProps: {
+        children: 'childrenDept',
+        label: 'name'
+      },
+      isTagChange: true,
+      unitName: '',
+      unitList: [],
+      isShow: false,
+      resetWechatStatus: true
+    }
+  },
+
+  computed: {
+    isHasOptionSlot() {
+      return this.$slots.option
+    },
+
+    isHasSlot() {
+      return this.$slots.default
+    },
+
+    strictly () {
+      return this.Strictly || !this.isMultiple
+    },
+
+    defaultChecked() {
+      if (!this.value) {
+        return []
+      }
+
+      this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+        return {
+          ...item,
+          id: item[this.props.id],
+          name: item[this.props.label]
+        }
+      })))
+      return this.value.map(v => v[this.props.id])
+    }
+  },
+
+  watch: {
+    unitName(val) {
+      this.$refs.tree.filter(val)
+    },
+
+    isShow(val) {
+      if (val) {
+        this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+      }
+    }
+  },
+
+  mounted() {
+    this.getTree()
+
+    if (this.value.length && this.isShowUser) {
+      this.showUserList = JSON.parse(JSON.stringify(this.value.map(item => {
+        return {
+          ...item,
+          id: item[this.props.id],
+          name: item[this.props.label]
+        }
+      })))
+      this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+        return {
+          ...item,
+          id: item[this.props.id],
+          name: item[this.props.label]
+        }
+      })))
+    }
+  },
+
+  methods: {
+    clearAll() {
+      this.chooseUser.forEach(item => {
+        this.$refs.tree.setMyChecked(item, false, true)
+      })
+      this.$refs.tree.setCheckedKeys([])
+      this.chooseUser = []
+    },
+
+    showSelecter() {
+      if (this.disabled) return
+
+      this.isShow = true
+    },
+
+    // 重置组件
+    reset() {
+      this.isReeset = false
+
+      this.$nextTick(() => {
+        this.isReeset = true
+      })
+    },
+
+    arrDeduplication(arr) {
+      var hash = {}
+      arr = arr.reduce(function (item, next) {
+        hash[next.id] ? '' : hash[next.id] = item.push(next)
+        return item
+      }, [])
+
+      return arr
+    },
+
+    onCheck (e) {
+      if (this.isMultiple) return
+
+      this.$nextTick(() => {
+        this.$refs.tree.getCheckedKeys().forEach(v => {
+          this.$refs.tree.setMyChecked(v, false, true)
+        })
+        this.$refs.tree.setMyChecked(e.id, true, true)
+      })
+    },
+
+    onCheckChange(e, isChoosed, isSunChoosed) {
+      this.$nextTick(() => {
+        const list = this.$refs.tree.getCheckedNodes().filter(v => {
+          if (!this.isChooseUnit) {
+            return v.type === '0'
+          }
+
+          return true
+        })
+        if (!this.isChooseUnit) {
+          this.chooseUser = this.arrDeduplication([
+            ...list
+          ])
+          if (!isChoosed && !isSunChoosed) {
+            const index = this.chooseUser.findIndex(v => v.id === e.id)
+
+            if (index > -1) {
+              this.chooseUser.splice(this.chooseUser.findIndex(v => v.id === e.id), 1)
+              this.$refs.tree.setMyChecked(e, false, true)
+            }
+
+            return false
+          }
+
+          if (isChoosed) {
+            this.$refs.tree.setMyChecked(e, isChoosed, true)
+          } else {
+            this.$refs.tree.setMyChecked(e, false, true)
+          }
+        }
+
+        if (this.isChooseUnit) {
+          this.chooseUser = list
+        }
+      })
+    },
+
+    removeUser(index) {
+      this.chooseUser.splice(index, 1)
+
+      this.$nextTick(() => {
+        this.$emit('change', this.chooseUser)
+        this.showUserList = JSON.parse(JSON.stringify(this.chooseUser))
+      })
+    },
+
+    getTree() {
+      this.instance.post(`/app/wxcp/wxuser/tree?rootId=${this.rootId}`).then(res => {
+        if (res.code === 0) {
+          if (this.isChooseUnit) {
+            this.unitList = res.data
+          } else {
+            this.unitList = this.formatList(res.data)
+          }
+          if (!this.defaultChecked.length) {
+            this.defaultExpanded = [res.data[0].id]
+          } else {
+            this.defaultExpanded = this.defaultChecked
+          }
+        }
+      })
+    },
+
+    filterUser(userList) {
+      return userList.map(v => {
+        if (this.disabledList.indexOf(v.id) > -1) {
+          v.disabled = true
+        }
+
+        return v
+      })
+    },
+
+    formatList(list) {
+      var arr = []
+      for (let item of list) {
+        if (item.childrenUser && item.childrenUser.length) {
+          let userList = JSON.parse(JSON.stringify(item.childrenUser))
+          if (this.disabledList.length) {
+            userList = this.filterUser(userList)
+          }
+
+          if (item.childrenDept) {
+            item.childrenDept = [
+              ...item.childrenDept,
+              ...userList
+            ]
+          } else {
+            item.childrenDept = [
+              ...userList
+            ]
+          }
+          delete item.childrenUser
+        }
+
+        if (item.childrenDept && item.childrenDept.length) {
+          this.formatList(item.childrenDept)
+        }
+
+        arr.push(item)
+      }
+
+      return arr
+    },
+
+    onClose(item, index) {
+      this.isTagChange = false
+      this.chooseUser.splice(index, 1)
+      this.$refs.tree.setMyChecked(item, false, true);
+
+      this.$nextTick(() => {
+        this.isTagChange = true
+        this.$store.dispatch('initOpenData')
+      })
+    },
+
+    filterNode(value, data) {
+      if (!value) return true
+
+      return data.name.indexOf(value) !== -1
+    },
+
+    onConfirm() {
+      if (!this.isMultiple && this.chooseUser.length > 1) {
+        return this.$message.error('不能多选')
+      }
+
+      this.resetWechatStatus = false
+      this.$emit('change', JSON.parse(JSON.stringify(this.chooseUser.map(item => {
+        return {
+          ...item,
+          [this.props.id]: item.id,
+          [this.props.label]: item.name
+        }
+      }))))
+      this.showUserList = JSON.parse(JSON.stringify(this.chooseUser.map(item => {
+        return {
+          ...item,
+          [this.props.id]: item.id,
+          [this.props.label]: item.name
+        }
+      })))
+      this.isShow = false
+      this.$nextTick(() => {
+        this.resetWechatStatus = true
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiWechatSelecter {
+  box-sizing: border-box;
+
+  .AiWechatSelecter-userlist {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    .user-add {
+      margin-bottom: 6px;
+
+      .userlist-add__icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40px;
+        height: 40px;
+        margin-bottom: 4px;
+        border-radius: 2px;
+        border: 1px solid #CCCCCC;
+        cursor: pointer;
+
+        &:hover {
+          opacity: 0.6;
+        }
+
+        i {
+          color: #CCCCCC;
+          font-size: 20px;
+        }
+      }
+
+      span {
+        display: block;
+        width: 100%;
+        line-height: 22px;
+        text-align: center;
+        color: #888888;
+        font-size: 14px;
+      }
+    }
+
+    .user-item {
+      position: relative;
+      margin-bottom: 6px;
+      margin-right: 16px;
+      width: 40px;
+      text-align: center;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+
+      img {
+        display: block;
+        width: 40px;
+        height: 40px;
+        margin-bottom: 4px;
+        border-radius: 2px;
+        border: 1px solid #CCCCCC;
+      }
+
+      i {
+        position: absolute;
+        top: -7px;
+        right: -5px;
+        padding: 0 0 2px 2px;
+        font-size: 16px;
+        background: #fff;
+        border-radius: 50%;
+        cursor: pointer;
+
+        &:hover {
+          opacity: 0.6;
+        }
+      }
+
+      .AiOpenData {
+        display: block;
+        width: 100%;
+        line-height: 22px;
+        text-align: center;
+        color: #888888;
+        font-size: 14px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.AiWechatSelecter-container {
+  display: flex;
+  height: 480px;
+
+  .tree-container {
+    & > span {
+      display: block;
+      margin-bottom: 4px;
+    }
+
+    .tree-user__item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    img {
+      width: 27px;
+      height: 27px;
+      margin-right: 10px;
+    }
+  }
+
+  :deep( .el-tree ){
+    background: transparent;
+
+    .el-tree-node {
+      margin-bottom: 8px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .el-tree-node__content {
+      height: auto;
+      margin-top: 2px;
+      // align-items: inherit;
+    }
+
+    .el-tree-node__expand-icon {
+      height: 24px;
+    }
+  }
+
+  .mask-btn__wrapper {
+    position: relative;
+  }
+
+  .mask-btn {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+
+  .userlist-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    padding: 0 17px;
+    cursor: pointer;
+    user-select: none;
+
+    :deep( .el-checkbox__label ){
+      display: none;
+    }
+
+    .userlist-item__left {
+      display: flex;
+      align-items: center;
+
+      span {
+        color: #222222;
+        font-size: 14px;
+      }
+
+      img {
+        width: 40px;
+        height: 40px;
+        margin-right: 8px;
+      }
+    }
+  }
+
+  & > div {
+    width: 280px;
+    background: #FCFCFC;
+    border: 1px solid #D0D4DC;
+  }
+
+  .AiWechatSelecter-list {
+    height: calc(100% - 40px);
+    padding: 8px 0;
+
+    :deep( .el-scrollbar__wrap ){
+      margin-bottom: 0 !important;
+      overflow-x: hidden;
+    }
+  }
+
+  .AiWechatSelecter-container__left {
+    flex: 1;
+  }
+
+  .AiWechatSelecter-container__right {
+    flex: 1;
+    margin-left: 20px;
+
+    .AiWechatSelecter-list {
+      .tags-wrapper {
+        padding: 0 8px;
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      .el-tag {
+        margin: 0 8px 8px 0;
+        color: #222222;
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+        width: fit-content;
+
+        .AiOpenData {
+          height: unset;
+        }
+      }
+    }
+  }
+
+  .AiWechatSelecter-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 40px;
+    padding: 0 8px 0 0;
+    border-bottom: 1px solid #D0D4DC;
+    background: #F5F7FA;
+
+    .AiWechatSelecter-header__left {
+      display: flex;
+      align-items: center;
+
+      h2 {
+        width: 60px;
+        height: 100%;
+        line-height: 40px;
+        color: #222222;
+        font-size: 14px;
+        text-align: center;
+        cursor: pointer;
+        border-bottom: 2px solid transparent;
+
+        &.active {
+          color: $primaryColor;
+          border-color: $primaryColor;
+        }
+      }
+    }
+
+    .el-button {
+      height: 28px;
+      padding: 7px 5px;
+    }
+
+    .el-input {
+      width: 160px;
+    }
+  }
+
+  .AiWechatSelecter-header__right {
+    padding: 0 8px;
+
+    h2 {
+      color: #222222;
+      font-size: 14px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/common/AiUserGet/tree/model/node.js b/ui/packages/common/AiUserGet/tree/model/node.js
new file mode 100644
index 00000000..657b3b82
--- /dev/null
+++ b/ui/packages/common/AiUserGet/tree/model/node.js
@@ -0,0 +1,485 @@
+import objectAssign from 'element-ui/src/utils/merge';
+import { markNodeData, NODE_KEY } from './util';
+import { arrayFindIndex } from 'element-ui/src/utils/util';
+
+export const getChildState = node => {
+  let all = true;
+  let none = true;
+  let allWithoutDisable = true;
+  for (let i = 0, j = node.length; i < j; i++) {
+    const n = node[i];
+    if (n.checked !== true || n.indeterminate) {
+      all = false;
+      if (!n.disabled) {
+        allWithoutDisable = false;
+      }
+    }
+    if (n.checked !== false || n.indeterminate) {
+      none = false;
+    }
+  }
+
+  return { all, none, allWithoutDisable, half: !all && !none };
+};
+
+const reInitChecked = function(node) {
+  if (node.childNodes.length === 0) return;
+
+  const {all, none, half} = getChildState(node.childNodes);
+  if (all) {
+    node.checked = true;
+    node.indeterminate = false;
+  } else if (half) {
+    node.checked = false;
+    node.indeterminate = true;
+  } else if (none) {
+    node.checked = false;
+    node.indeterminate = false;
+  }
+
+  const parent = node.parent;
+  if (!parent || parent.level === 0) return;
+
+  if (!node.store.checkStrictly) {
+    reInitChecked(parent);
+  }
+};
+
+const getPropertyFromData = function(node, prop) {
+  const props = node.store.props;
+  const data = node.data || {};
+  const config = props[prop];
+
+  if (typeof config === 'function') {
+    return config(data, node);
+  } else if (typeof config === 'string') {
+    return data[config];
+  } else if (typeof config === 'undefined') {
+    const dataProp = data[prop];
+    return dataProp === undefined ? '' : dataProp;
+  }
+};
+
+let nodeIdSeed = 0;
+
+export default class Node {
+  constructor(options) {
+    this.id = nodeIdSeed++;
+    this.text = null;
+    this.checked = false;
+    this.indeterminate = false;
+    this.data = null;
+    this.expanded = false;
+    this.parent = null;
+    this.visible = true;
+    this.isCurrent = false;
+
+    for (let name in options) {
+      if (options.hasOwnProperty(name)) {
+        this[name] = options[name];
+      }
+    }
+
+    // internal
+    this.level = 0;
+    this.loaded = false;
+    this.childNodes = [];
+    this.loading = false;
+
+    if (this.parent) {
+      this.level = this.parent.level + 1;
+    }
+
+    const store = this.store;
+    if (!store) {
+      throw new Error('[Node]store is required!');
+    }
+    store.registerNode(this);
+
+    const props = store.props;
+    if (props && typeof props.isLeaf !== 'undefined') {
+      const isLeaf = getPropertyFromData(this, 'isLeaf');
+      if (typeof isLeaf === 'boolean') {
+        this.isLeafByUser = isLeaf;
+      }
+    }
+
+    if (store.lazy !== true && this.data) {
+      this.setData(this.data);
+
+      if (store.defaultExpandAll) {
+        this.expanded = true;
+      }
+    } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
+      this.expand();
+    }
+    if (!Array.isArray(this.data)) {
+      markNodeData(this, this.data);
+    }
+    if (!this.data) return;
+    const defaultExpandedKeys = store.defaultExpandedKeys;
+    const key = store.key;
+    if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
+      this.expand(null, store.autoExpandParent);
+    }
+
+    if (key && store.currentNodeKey !== undefined && this.key === store.currentNodeKey) {
+      store.currentNode = this;
+      store.currentNode.isCurrent = true;
+    }
+
+    if (store.lazy) {
+      store._initDefaultCheckedNode(this);
+    }
+
+    this.updateLeafState();
+  }
+
+  setData(data) {
+    if (!Array.isArray(data)) {
+      markNodeData(this, data);
+    }
+
+    this.data = data;
+    this.childNodes = [];
+
+    let children;
+    if (this.level === 0 && this.data instanceof Array) {
+      children = this.data;
+    } else {
+      children = getPropertyFromData(this, 'children') || [];
+    }
+
+    for (let i = 0, j = children.length; i < j; i++) {
+      this.insertChild({ data: children[i] });
+    }
+  }
+
+  get label() {
+    return getPropertyFromData(this, 'label');
+  }
+
+  get key() {
+    const nodeKey = this.store.key;
+    if (this.data) return this.data[nodeKey];
+    return null;
+  }
+
+  get disabled() {
+    return getPropertyFromData(this, 'disabled');
+  }
+
+  get nextSibling() {
+    const parent = this.parent;
+    if (parent) {
+      const index = parent.childNodes.indexOf(this);
+      if (index > -1) {
+        return parent.childNodes[index + 1];
+      }
+    }
+    return null;
+  }
+
+  get previousSibling() {
+    const parent = this.parent;
+    if (parent) {
+      const index = parent.childNodes.indexOf(this);
+      if (index > -1) {
+        return index > 0 ? parent.childNodes[index - 1] : null;
+      }
+    }
+    return null;
+  }
+
+  contains(target, deep = true) {
+    const walk = function(parent) {
+      const children = parent.childNodes || [];
+      let result = false;
+      for (let i = 0, j = children.length; i < j; i++) {
+        const child = children[i];
+        if (child === target || (deep && walk(child))) {
+          result = true;
+          break;
+        }
+      }
+      return result;
+    };
+
+    return walk(this);
+  }
+
+  remove() {
+    const parent = this.parent;
+    if (parent) {
+      parent.removeChild(this);
+    }
+  }
+
+  insertChild(child, index, batch) {
+    if (!child) throw new Error('insertChild error: child is required.');
+
+    if (!(child instanceof Node)) {
+      if (!batch) {
+        const children = this.getChildren(true);
+        if (children.indexOf(child.data) === -1) {
+          if (typeof index === 'undefined' || index < 0) {
+            children.push(child.data);
+          } else {
+            children.splice(index, 0, child.data);
+          }
+        }
+      }
+      objectAssign(child, {
+        parent: this,
+        store: this.store
+      });
+      child = new Node(child);
+    }
+
+    child.level = this.level + 1;
+
+    if (typeof index === 'undefined' || index < 0) {
+      this.childNodes.push(child);
+    } else {
+      this.childNodes.splice(index, 0, child);
+    }
+
+    this.updateLeafState();
+  }
+
+  insertBefore(child, ref) {
+    let index;
+    if (ref) {
+      index = this.childNodes.indexOf(ref);
+    }
+    this.insertChild(child, index);
+  }
+
+  insertAfter(child, ref) {
+    let index;
+    if (ref) {
+      index = this.childNodes.indexOf(ref);
+      if (index !== -1) index += 1;
+    }
+    this.insertChild(child, index);
+  }
+
+  removeChild(child) {
+    const children = this.getChildren() || [];
+    const dataIndex = children.indexOf(child.data);
+    if (dataIndex > -1) {
+      children.splice(dataIndex, 1);
+    }
+
+    const index = this.childNodes.indexOf(child);
+
+    if (index > -1) {
+      this.store && this.store.deregisterNode(child);
+      child.parent = null;
+      this.childNodes.splice(index, 1);
+    }
+
+    this.updateLeafState();
+  }
+
+  removeChildByData(data) {
+    let targetNode = null;
+
+    for (let i = 0; i < this.childNodes.length; i++) {
+      if (this.childNodes[i].data === data) {
+        targetNode = this.childNodes[i];
+        break;
+      }
+    }
+
+    if (targetNode) {
+      this.removeChild(targetNode);
+    }
+  }
+
+  expand(callback, expandParent) {
+    const done = () => {
+      if (expandParent) {
+        let parent = this.parent;
+        while (parent.level > 0) {
+          parent.expanded = true;
+          parent = parent.parent;
+        }
+      }
+      this.expanded = true;
+      if (callback) callback();
+    };
+
+    if (this.shouldLoadData()) {
+      this.loadData((data) => {
+        if (data instanceof Array) {
+          if (this.checked) {
+            this.setChecked(true, true);
+          } else if (!this.store.checkStrictly) {
+            reInitChecked(this);
+          }
+          done();
+        }
+      });
+    } else {
+      done();
+    }
+  }
+
+  doCreateChildren(array, defaultProps = {}) {
+    array.forEach((item) => {
+      this.insertChild(objectAssign({ data: item }, defaultProps), undefined, true);
+    });
+  }
+
+  collapse() {
+    this.expanded = false;
+  }
+
+  shouldLoadData() {
+    return this.store.lazy === true && this.store.load && !this.loaded;
+  }
+
+  updateLeafState() {
+    if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
+      this.isLeaf = this.isLeafByUser;
+      return;
+    }
+    const childNodes = this.childNodes;
+    if (!this.store.lazy || (this.store.lazy === true && this.loaded === true)) {
+      this.isLeaf = !childNodes || childNodes.length === 0;
+      return;
+    }
+    this.isLeaf = false;
+  }
+
+  setChecked(value, deep, recursion, passValue) {
+    this.indeterminate = value === 'half';
+    this.checked = value === true;
+
+    if (this.store.checkStrictly) return;
+
+    if (!(this.shouldLoadData() && !this.store.checkDescendants)) {
+      let { all, allWithoutDisable } = getChildState(this.childNodes);
+
+      if (!this.isLeaf && (!all && allWithoutDisable)) {
+        this.checked = false;
+        value = false;
+      }
+
+      const handleDescendants = () => {
+        if (deep) {
+          const childNodes = this.childNodes;
+          for (let i = 0, j = childNodes.length; i < j; i++) {
+            const child = childNodes[i];
+            passValue = passValue || value !== false;
+            const isCheck = child.disabled ? child.checked : passValue;
+            child.setChecked(isCheck, deep, true, passValue);
+          }
+          const { half, all } = getChildState(childNodes);
+          if (!all) {
+            this.checked = all;
+            this.indeterminate = half;
+          }
+        }
+      };
+
+      if (this.shouldLoadData()) {
+        // Only work on lazy load data.
+        this.loadData(() => {
+          handleDescendants();
+          reInitChecked(this);
+        }, {
+          checked: value !== false
+        });
+        return;
+      } else {
+        handleDescendants();
+      }
+    }
+
+    const parent = this.parent;
+    if (!parent || parent.level === 0) return;
+
+    if (!recursion) {
+      reInitChecked(parent);
+    }
+  }
+
+  getChildren(forceInit = false) { // this is data
+    if (this.level === 0) return this.data;
+    const data = this.data;
+    if (!data) return null;
+
+    const props = this.store.props;
+    let children = 'children';
+    if (props) {
+      children = props.children || 'children';
+    }
+
+    if (data[children] === undefined) {
+      data[children] = null;
+    }
+
+    if (forceInit && !data[children]) {
+      data[children] = [];
+    }
+
+    return data[children];
+  }
+
+  updateChildren() {
+    const newData = this.getChildren() || [];
+    const oldData = this.childNodes.map((node) => node.data);
+
+    const newDataMap = {};
+    const newNodes = [];
+
+    newData.forEach((item, index) => {
+      const key = item[NODE_KEY];
+      const isNodeExists = !!key && arrayFindIndex(oldData, data => data[NODE_KEY] === key) >= 0;
+      if (isNodeExists) {
+        newDataMap[key] = { index, data: item };
+      } else {
+        newNodes.push({ index, data: item });
+      }
+    });
+
+    if (!this.store.lazy) {
+      oldData.forEach((item) => {
+        if (!newDataMap[item[NODE_KEY]]) this.removeChildByData(item);
+      });
+    }
+
+    newNodes.forEach(({ index, data }) => {
+      this.insertChild({ data }, index);
+    });
+
+    this.updateLeafState();
+  }
+
+  loadData(callback, defaultProps = {}) {
+    if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
+      this.loading = true;
+
+      const resolve = (children) => {
+        this.loaded = true;
+        this.loading = false;
+        this.childNodes = [];
+
+        this.doCreateChildren(children, defaultProps);
+
+        this.updateLeafState();
+        if (callback) {
+          callback.call(this, children);
+        }
+      };
+
+      this.store.load(this, resolve);
+    } else {
+      if (callback) {
+        callback.call(this);
+      }
+    }
+  }
+}
diff --git a/ui/packages/common/AiUserGet/tree/model/tree-store.js b/ui/packages/common/AiUserGet/tree/model/tree-store.js
new file mode 100644
index 00000000..68f58e6d
--- /dev/null
+++ b/ui/packages/common/AiUserGet/tree/model/tree-store.js
@@ -0,0 +1,367 @@
+import Node from './node';
+import { getNodeKey } from './util';
+
+export default class TreeStore {
+	constructor(options) {
+		this.currentNode = null;
+		this.currentNodeKey = null;
+
+		for (let option in options) {
+			if (options.hasOwnProperty(option)) {
+				this[option] = options[option];
+			}
+		}
+
+		this.nodesMap = {};
+		this.myNodesMap = [];
+		this.root = new Node({
+			data: this.data,
+			store: this
+		});
+
+		if (this.lazy && this.load) {
+			const loadFn = this.load;
+			loadFn(this.root, (data) => {
+				this.root.doCreateChildren(data);
+				this._initDefaultCheckedNodes();
+			});
+		} else {
+			this._initDefaultCheckedNodes();
+		}
+	}
+
+	filter(value) {
+		const filterNodeMethod = this.filterNodeMethod;
+		const lazy = this.lazy;
+		const traverse = function(node) {
+			const childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+			childNodes.forEach((child) => {
+				child.visible = filterNodeMethod.call(child, value, child.data, child);
+
+				traverse(child);
+			});
+
+			if (!node.visible && childNodes.length) {
+				let allHidden = true;
+				allHidden = !childNodes.some((child) => child.visible);
+
+				if (node.root) {
+					node.root.visible = allHidden === false;
+				} else {
+					node.visible = allHidden === false;
+				}
+			}
+			if (!value) return;
+
+			if (node.visible && !node.isLeaf && !lazy) node.expand();
+		};
+
+		traverse(this);
+	}
+
+	setData(newVal) {
+		const instanceChanged = newVal !== this.root.data;
+		if (instanceChanged) {
+			this.root.setData(newVal);
+			this._initDefaultCheckedNodes();
+		} else {
+			this.root.updateChildren();
+		}
+	}
+
+	getNode(data) {
+		if (data instanceof Node) return data;
+		const key = typeof data !== 'object' ? data : getNodeKey(this.key, data);
+		return this.nodesMap[key] || null;
+	}
+
+	insertBefore(data, refData) {
+		const refNode = this.getNode(refData);
+		refNode.parent.insertBefore({ data }, refNode);
+	}
+
+	insertAfter(data, refData) {
+		const refNode = this.getNode(refData);
+		refNode.parent.insertAfter({ data }, refNode);
+	}
+
+	remove(data) {
+		const node = this.getNode(data);
+
+		if (node && node.parent) {
+			if (node === this.currentNode) {
+				this.currentNode = null;
+			}
+			node.parent.removeChild(node);
+		}
+	}
+
+	append(data, parentData) {
+		const parentNode = parentData ? this.getNode(parentData) : this.root;
+
+		if (parentNode) {
+			parentNode.insertChild({ data });
+		}
+	}
+
+	_initDefaultCheckedNodes() {
+		const defaultCheckedKeys = this.defaultCheckedKeys || [];
+		const nodesMap = this.nodesMap;
+
+		defaultCheckedKeys.forEach((checkedKey) => {
+			const node = nodesMap[checkedKey];
+
+			if (node) {
+				node.setChecked(true, !this.checkStrictly);
+			}
+		});
+	}
+
+	_initDefaultCheckedNode(node) {
+		const defaultCheckedKeys = this.defaultCheckedKeys || [];
+
+		if (defaultCheckedKeys.indexOf(node.key) !== -1) {
+			node.setChecked(true, !this.checkStrictly);
+		}
+	}
+
+	setDefaultCheckedKey(newVal) {
+		if (newVal !== this.defaultCheckedKeys) {
+			this.defaultCheckedKeys = newVal;
+			this._initDefaultCheckedNodes();
+		}
+	}
+
+	registerNode(node) {
+		const key = this.key;
+		if (!key || !node || !node.data) return;
+
+		const nodeKey = node.key;
+		if (nodeKey !== undefined) this.nodesMap[node.key] = node;
+		if (nodeKey !== undefined) {
+			this.myNodesMap.push({
+				[node.key]: node
+			});
+		}
+	}
+	setMyChecked(data, checked, deep) {
+		const nodes = this.getMyNode(data);
+		if (nodes && nodes.length > 0) {
+			for (let index = 0; index < nodes.length; index++) {
+				const element = nodes[index];
+				let node = Object.values(element)[0];
+				if (node && node.checked !== checked) {
+					node.setChecked(!!checked, deep);
+				}
+			}
+		}
+	}
+
+	//mycode
+	getMyNode(data) {
+		const key = typeof data !== 'object' ? data : getNodeKey(this.key, data);
+		const result = this.myNodesMap.filter((item) => item[key]);
+		return result || [];
+	}
+
+	deregisterNode(node) {
+		const key = this.key;
+		if (!key || !node || !node.data) return;
+
+		node.childNodes.forEach((child) => {
+			this.deregisterNode(child);
+		});
+
+		delete this.nodesMap[node.key];
+	}
+
+	getCheckedNodes(leafOnly = false, includeHalfChecked = false) {
+		const checkedNodes = [];
+		const traverse = function(node) {
+			const childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+			childNodes.forEach((child) => {
+				if (
+					(child.checked || (includeHalfChecked && child.indeterminate)) &&
+					(!leafOnly || (leafOnly && child.isLeaf))
+				) {
+					checkedNodes.push(child.data);
+				}
+
+				traverse(child);
+			});
+		};
+
+		traverse(this);
+
+		return checkedNodes;
+	}
+
+	getCheckedKeys(leafOnly = false) {
+		return this.getCheckedNodes(leafOnly).map((data) => (data || {})[this.key]);
+	}
+
+	getHalfCheckedNodes() {
+		const nodes = [];
+		const traverse = function(node) {
+			const childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+			childNodes.forEach((child) => {
+				if (child.indeterminate) {
+					nodes.push(child.data);
+				}
+
+				traverse(child);
+			});
+		};
+
+		traverse(this);
+
+		return nodes;
+	}
+
+	getHalfCheckedKeys() {
+		return this.getHalfCheckedNodes().map((data) => (data || {})[this.key]);
+	}
+
+	_getAllNodes() {
+		const allNodes = [];
+		const nodesMap = this.nodesMap;
+		for (let nodeKey in nodesMap) {
+			if (nodesMap.hasOwnProperty(nodeKey)) {
+				allNodes.push(nodesMap[nodeKey]);
+			}
+		}
+
+		return allNodes;
+	}
+
+	updateChildren(key, data) {
+		const node = this.nodesMap[key];
+		if (!node) return;
+		const childNodes = node.childNodes;
+		for (let i = childNodes.length - 1; i >= 0; i--) {
+			const child = childNodes[i];
+			this.remove(child.data);
+		}
+		for (let i = 0, j = data.length; i < j; i++) {
+			const child = data[i];
+			this.append(child, node.data);
+		}
+	}
+
+	_setCheckedKeys(key, leafOnly = false, checkedKeys) {
+		const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
+		const cache = Object.create(null);
+		const keys = Object.keys(checkedKeys);
+		allNodes.forEach((node) => node.setChecked(false, false));
+		for (let i = 0, j = allNodes.length; i < j; i++) {
+			const node = allNodes[i];
+			const nodeKey = node.data[key].toString();
+			let checked = keys.indexOf(nodeKey) > -1;
+			if (!checked) {
+				if (node.checked && !cache[nodeKey]) {
+					node.setChecked(false, false);
+				}
+				continue;
+			}
+
+			let parent = node.parent;
+			while (parent && parent.level > 0) {
+				cache[parent.data[key]] = true;
+				parent = parent.parent;
+			}
+
+			if (node.isLeaf || this.checkStrictly) {
+				node.setChecked(true, false);
+				continue;
+			}
+			node.setChecked(true, true);
+
+			if (leafOnly) {
+				node.setChecked(false, false);
+				const traverse = function(node) {
+					const childNodes = node.childNodes;
+					childNodes.forEach((child) => {
+						if (!child.isLeaf) {
+							child.setChecked(false, false);
+						}
+						traverse(child);
+					});
+				};
+				traverse(node);
+			}
+		}
+	}
+
+	setCheckedNodes(array, leafOnly = false) {
+		const key = this.key;
+		const checkedKeys = {};
+		array.forEach((item) => {
+			checkedKeys[(item || {})[key]] = true;
+		});
+
+		this._setCheckedKeys(key, leafOnly, checkedKeys);
+	}
+
+	setCheckedKeys(keys, leafOnly = false) {
+		this.defaultCheckedKeys = keys;
+		const key = this.key;
+		const checkedKeys = {};
+		keys.forEach((key) => {
+			checkedKeys[key] = true;
+		});
+
+		this._setCheckedKeys(key, leafOnly, checkedKeys);
+	}
+
+	setDefaultExpandedKeys(keys) {
+		keys = keys || [];
+		this.defaultExpandedKeys = keys;
+
+		keys.forEach((key) => {
+			const node = this.getNode(key);
+			if (node) node.expand(null, this.autoExpandParent);
+		});
+	}
+
+	setChecked(data, checked, deep) {
+		const node = this.getNode(data);
+
+		if (node) {
+			node.setChecked(!!checked, deep);
+		}
+	}
+
+	getCurrentNode() {
+		return this.currentNode;
+	}
+
+	setCurrentNode(currentNode) {
+		const prevCurrentNode = this.currentNode;
+		if (prevCurrentNode) {
+			prevCurrentNode.isCurrent = false;
+		}
+		this.currentNode = currentNode;
+		this.currentNode.isCurrent = true;
+	}
+
+	setUserCurrentNode(node) {
+		const key = node[this.key];
+		const currNode = this.nodesMap[key];
+		this.setCurrentNode(currNode);
+	}
+
+	setCurrentNodeKey(key) {
+		if (key === null || key === undefined) {
+			this.currentNode && (this.currentNode.isCurrent = false);
+			this.currentNode = null;
+			return;
+		}
+		const node = this.getNode(key);
+		if (node) {
+			this.setCurrentNode(node);
+		}
+	}
+}
diff --git a/ui/packages/common/AiUserGet/tree/model/util.js b/ui/packages/common/AiUserGet/tree/model/util.js
new file mode 100644
index 00000000..dcc891b1
--- /dev/null
+++ b/ui/packages/common/AiUserGet/tree/model/util.js
@@ -0,0 +1,27 @@
+export const NODE_KEY = '$treeNodeId';
+
+export const markNodeData = function(node, data) {
+  if (!data || data[NODE_KEY]) return;
+  Object.defineProperty(data, NODE_KEY, {
+    value: node.id,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+};
+
+export const getNodeKey = function(key, data) {
+  if (!key) return data[NODE_KEY];
+  return data[key];
+};
+
+export const findNearestComponent = (element, componentName) => {
+  let target = element;
+  while (target && target.tagName !== 'BODY') {
+    if (target.__vue__ && target.__vue__.$options.name === componentName) {
+      return target.__vue__;
+    }
+    target = target.parentNode;
+  }
+  return null;
+};
diff --git a/ui/packages/common/AiUserGet/tree/tree-node.vue b/ui/packages/common/AiUserGet/tree/tree-node.vue
new file mode 100644
index 00000000..3c922dbe
--- /dev/null
+++ b/ui/packages/common/AiUserGet/tree/tree-node.vue
@@ -0,0 +1,279 @@
+<template>
+  <div
+    class="el-tree-node"
+    @click.stop="handleClick"
+    @contextmenu="($event) => this.handleContextMenu($event)"
+    v-show="node.visible"
+    :class="{
+      'is-expanded': expanded,
+      'is-current': node.isCurrent,
+      'is-hidden': !node.visible,
+      'is-focusable': !node.disabled,
+      'is-checked': !node.disabled && node.checked
+    }"
+    role="treeitem"
+    tabindex="-1"
+    :aria-expanded="expanded"
+    :aria-disabled="node.disabled"
+    :aria-checked="node.checked"
+    :draggable="tree.draggable"
+    @dragstart.stop="handleDragStart"
+    @dragover.stop="handleDragOver"
+    @dragend.stop="handleDragEnd"
+    @drop.stop="handleDrop"
+    ref="node"
+  >
+    <div class="el-tree-node__content"
+      :style="{ 'padding-left': (node.level - 1) * tree.indent + 'px' }">
+      <span
+        @click.stop="handleExpandIconClick"
+        :class="[
+          { 'is-leaf': node.isLeaf, expanded: !node.isLeaf && expanded },
+          'el-tree-node__expand-icon',
+          tree.iconClass ? tree.iconClass : 'el-icon-caret-right'
+        ]"
+      >
+      </span>
+      <el-checkbox
+        v-if="showCheckbox"
+        v-model="node.checked"
+        :indeterminate="node.indeterminate"
+        :disabled="!!node.disabled"
+        @click.native.stop
+        @change="handleCheckChange"
+      >
+      </el-checkbox>
+      <span
+        v-if="node.loading"
+        class="el-tree-node__loading-icon el-icon-loading">
+      </span>
+      <node-content :node="node"></node-content>
+    </div>
+    <el-collapse-transition>
+      <div
+        class="el-tree-node__children"
+        v-if="!renderAfterExpand || childNodeRendered"
+        v-show="expanded"
+        role="group"
+        :aria-expanded="expanded"
+      >
+        <el-tree-node
+          :render-content="renderContent"
+          v-for="child in node.childNodes"
+          :render-after-expand="renderAfterExpand"
+          :show-checkbox="showCheckbox"
+          :key="getNodeKey(child)"
+          :node="child"
+          @node-expand="handleChildNodeExpand">
+        </el-tree-node>
+      </div>
+    </el-collapse-transition>
+  </div>
+</template>
+
+<script type="text/jsx">
+  import ElCollapseTransition from 'element-ui/src/transitions/collapse-transition';
+  import ElCheckbox from 'element-ui/packages/checkbox';
+  import emitter from 'element-ui/src/mixins/emitter';
+  import { getNodeKey } from './model/util';
+
+  export default {
+    name: 'ElTreeNode',
+
+    componentName: 'ElTreeNode',
+
+    mixins: [emitter],
+
+    props: {
+      node: {
+        default() {
+          return {};
+        }
+      },
+      props: {},
+      renderContent: Function,
+      renderAfterExpand: {
+        type: Boolean,
+        default: true
+      },
+      showCheckbox: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    components: {
+      ElCollapseTransition,
+      ElCheckbox,
+      NodeContent: {
+        props: {
+          node: {
+            required: true
+          }
+        },
+        render(h) {
+          const parent = this.$parent;
+          const tree = parent.tree;
+          const node = this.node;
+          const { data, store } = node;
+          return (
+            parent.renderContent
+              ? parent.renderContent.call(parent._renderProxy, h, { _self: tree.$vnode.context, node, data, store })
+              : tree.$scopedSlots.default
+                ? tree.$scopedSlots.default({ node, data })
+                : <span class="el-tree-node__label">{ node.label }</span>
+          );
+        }
+      }
+    },
+
+    data() {
+      return {
+        tree: null,
+        expanded: false,
+        childNodeRendered: false,
+        oldChecked: null,
+        oldIndeterminate: null
+      };
+    },
+
+    watch: {
+      'node.indeterminate'(val) {
+        this.handleSelectChange(this.node.checked, val);
+      },
+
+      'node.checked'(val) {
+        this.handleSelectChange(val, this.node.indeterminate);
+      },
+
+      'node.expanded'(val) {
+        this.$nextTick(() => this.expanded = val);
+        if (val) {
+          this.childNodeRendered = true;
+        }
+      }
+    },
+
+    methods: {
+      getNodeKey(node) {
+        return getNodeKey(this.tree.nodeKey, node.data);
+      },
+
+      handleSelectChange(checked, indeterminate) {
+        if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
+          this.tree.$emit('check-change', this.node.data, checked, indeterminate);
+        }
+        this.oldChecked = checked;
+        this.indeterminate = indeterminate;
+      },
+
+      handleClick() {
+        const store = this.tree.store;
+        store.setCurrentNode(this.node);
+        this.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode);
+        this.tree.currentNode = this;
+        if (this.tree.expandOnClickNode) {
+          this.handleExpandIconClick();
+        }
+        if (this.tree.checkOnClickNode && !this.node.disabled) {
+          this.handleCheckChange(null, {
+            target: { checked: !this.node.checked }
+          });
+        }
+        this.tree.$emit('node-click', this.node.data, this.node, this);
+      },
+
+      handleContextMenu(event) {
+        if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
+          event.stopPropagation();
+          event.preventDefault();
+        }
+        this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
+      },
+
+      handleExpandIconClick() {
+        if (this.node.isLeaf) return;
+        if (this.expanded) {
+          this.tree.$emit('node-collapse', this.node.data, this.node, this);
+          this.node.collapse();
+        } else {
+          this.node.expand();
+          this.$emit('node-expand', this.node.data, this.node, this);
+        }
+      },
+
+      handleCheckChange(value, ev) {
+        this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
+        this.$nextTick(() => {
+          const store = this.tree.store;
+          this.tree.$emit('check', this.node.data, {
+            checkedNodes: store.getCheckedNodes(),
+            checkedKeys: store.getCheckedKeys(),
+            halfCheckedNodes: store.getHalfCheckedNodes(),
+            halfCheckedKeys: store.getHalfCheckedKeys(),
+          });
+        });
+      },
+
+      handleChildNodeExpand(nodeData, node, instance) {
+        this.broadcast('ElTreeNode', 'tree-node-expand', node);
+        this.tree.$emit('node-expand', nodeData, node, instance);
+      },
+
+      handleDragStart(event) {
+        if (!this.tree.draggable) return;
+        this.tree.$emit('tree-node-drag-start', event, this);
+      },
+
+      handleDragOver(event) {
+        if (!this.tree.draggable) return;
+        this.tree.$emit('tree-node-drag-over', event, this);
+        event.preventDefault();
+      },
+
+      handleDrop(event) {
+        event.preventDefault();
+      },
+
+      handleDragEnd(event) {
+        if (!this.tree.draggable) return;
+        this.tree.$emit('tree-node-drag-end', event, this);
+      }
+    },
+
+    created() {
+      const parent = this.$parent;
+
+      if (parent.isTree) {
+        this.tree = parent;
+      } else {
+        this.tree = parent.tree;
+      }
+
+      const tree = this.tree;
+      if (!tree) {
+        console.warn('Can not find node\'s tree.');
+      }
+
+      const props = tree.props || {};
+      const childrenKey = props['children'] || 'children';
+
+      this.$watch(`node.data.${childrenKey}`, () => {
+        this.node.updateChildren();
+      });
+
+      if (this.node.expanded) {
+        this.expanded = true;
+        this.childNodeRendered = true;
+      }
+
+      if(this.tree.accordion) {
+        this.$on('tree-node-expand', node => {
+          if(this.node !== node) {
+            this.node.collapse();
+          }
+        });
+      }
+    }
+  };
+</script>
diff --git a/ui/packages/common/AiUserGet/tree/tree.vue b/ui/packages/common/AiUserGet/tree/tree.vue
new file mode 100644
index 00000000..da049622
--- /dev/null
+++ b/ui/packages/common/AiUserGet/tree/tree.vue
@@ -0,0 +1,500 @@
+<template>
+  <div
+    class="el-tree"
+    :class="{
+      'el-tree--highlight-current': highlightCurrent,
+      'is-dragging': !!dragState.draggingNode,
+      'is-drop-not-allow': !dragState.allowDrop,
+      'is-drop-inner': dragState.dropType === 'inner'
+    }"
+    role="tree"
+  >
+    <el-tree-node
+      v-for="child in root.childNodes"
+      :node="child"
+      :props="props"
+      :render-after-expand="renderAfterExpand"
+      :show-checkbox="showCheckbox"
+      :key="getNodeKey(child)"
+      :render-content="renderContent"
+      @node-expand="handleNodeExpand">
+    </el-tree-node>
+    <div class="el-tree__empty-block" v-if="isEmpty">
+      <span class="el-tree__empty-text">{{ emptyText }}</span>
+    </div>
+    <div
+      v-show="dragState.showDropIndicator"
+      class="el-tree__drop-indicator"
+      ref="dropIndicator">
+    </div>
+  </div>
+</template>
+
+<script>
+  import TreeStore from './model/tree-store';
+  import { getNodeKey, findNearestComponent } from './model/util';
+  import ElTreeNode from './tree-node.vue';
+  import {t} from 'element-ui/src/locale';
+  import emitter from 'element-ui/src/mixins/emitter';
+  import { addClass, removeClass } from 'element-ui/src/utils/dom';
+
+  export default {
+    name: 'ElTree',
+
+    mixins: [emitter],
+
+    components: {
+      ElTreeNode
+    },
+
+    data() {
+      return {
+        store: null,
+        root: null,
+        currentNode: null,
+        treeItems: null,
+        checkboxItems: [],
+        dragState: {
+          showDropIndicator: false,
+          draggingNode: null,
+          dropNode: null,
+          allowDrop: true
+        }
+      };
+    },
+
+    props: {
+      data: {
+        type: Array
+      },
+      emptyText: {
+        type: String,
+        default() {
+          return t('el.tree.emptyText');
+        }
+      },
+      renderAfterExpand: {
+        type: Boolean,
+        default: true
+      },
+      nodeKey: String,
+      checkStrictly: Boolean,
+      defaultExpandAll: Boolean,
+      expandOnClickNode: {
+        type: Boolean,
+        default: true
+      },
+      checkOnClickNode: Boolean,
+      checkDescendants: {
+        type: Boolean,
+        default: false
+      },
+      autoExpandParent: {
+        type: Boolean,
+        default: true
+      },
+      defaultCheckedKeys: Array,
+      defaultExpandedKeys: Array,
+      currentNodeKey: [String, Number],
+      renderContent: Function,
+      showCheckbox: {
+        type: Boolean,
+        default: false
+      },
+      draggable: {
+        type: Boolean,
+        default: false
+      },
+      allowDrag: Function,
+      allowDrop: Function,
+      props: {
+        default() {
+          return {
+            children: 'children',
+            label: 'label',
+            disabled: 'disabled'
+          };
+        }
+      },
+      lazy: {
+        type: Boolean,
+        default: false
+      },
+      highlightCurrent: Boolean,
+      load: Function,
+      filterNodeMethod: Function,
+      accordion: Boolean,
+      indent: {
+        type: Number,
+        default: 18
+      },
+      iconClass: String
+    },
+
+    computed: {
+      children: {
+        set(value) {
+          this.data = value;
+        },
+        get() {
+          return this.data;
+        }
+      },
+
+      treeItemArray() {
+        return Array.prototype.slice.call(this.treeItems);
+      },
+
+      isEmpty() {
+        const { childNodes } = this.root;
+        return !childNodes || childNodes.length === 0 || childNodes.every(({visible}) => !visible);
+      }
+    },
+
+    watch: {
+      defaultCheckedKeys(newVal) {
+        this.store.setDefaultCheckedKey(newVal);
+      },
+
+      defaultExpandedKeys(newVal) {
+        this.store.defaultExpandedKeys = newVal;
+        this.store.setDefaultExpandedKeys(newVal);
+      },
+
+      data(newVal) {
+        this.store.setData(newVal);
+      },
+
+      checkboxItems(val) {
+        Array.prototype.forEach.call(val, (checkbox) => {
+          checkbox.setAttribute('tabindex', -1);
+        });
+      },
+
+      checkStrictly(newVal) {
+        this.store.checkStrictly = newVal;
+      }
+    },
+
+    methods: {
+      filter(value) {
+        if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
+        this.store.filter(value);
+      },
+
+      getNodeKey(node) {
+        return getNodeKey(this.nodeKey, node.data);
+      },
+
+      setMyChecked(data, checked, deep) {
+        this.store.setMyChecked(data, checked, deep);
+      },
+
+      getNodePath(data) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
+        const node = this.store.getNode(data);
+        if (!node) return [];
+        const path = [node.data];
+        let parent = node.parent;
+        while (parent && parent !== this.root) {
+          path.push(parent.data);
+          parent = parent.parent;
+        }
+        return path.reverse();
+      },
+
+      getCheckedNodes(leafOnly, includeHalfChecked) {
+        return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
+      },
+
+      getCheckedKeys(leafOnly) {
+        return this.store.getCheckedKeys(leafOnly);
+      },
+
+      getCurrentNode() {
+        const currentNode = this.store.getCurrentNode();
+        return currentNode ? currentNode.data : null;
+      },
+
+      getCurrentKey() {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
+        const currentNode = this.getCurrentNode();
+        return currentNode ? currentNode[this.nodeKey] : null;
+      },
+
+      setCheckedNodes(nodes, leafOnly) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
+        this.store.setCheckedNodes(nodes, leafOnly);
+      },
+
+      setCheckedKeys(keys, leafOnly) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
+        this.store.setCheckedKeys(keys, leafOnly);
+      },
+
+      setChecked(data, checked, deep) {
+        this.store.setChecked(data, checked, deep);
+      },
+
+      getHalfCheckedNodes() {
+        return this.store.getHalfCheckedNodes();
+      },
+
+      getHalfCheckedKeys() {
+        return this.store.getHalfCheckedKeys();
+      },
+
+      setCurrentNode(node) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
+        this.store.setUserCurrentNode(node);
+      },
+
+      setCurrentKey(key) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
+        this.store.setCurrentNodeKey(key);
+      },
+
+      getNode(data) {
+        return this.store.getNode(data);
+      },
+
+      remove(data) {
+        this.store.remove(data);
+      },
+
+      append(data, parentNode) {
+        this.store.append(data, parentNode);
+      },
+
+      insertBefore(data, refNode) {
+        this.store.insertBefore(data, refNode);
+      },
+
+      insertAfter(data, refNode) {
+        this.store.insertAfter(data, refNode);
+      },
+
+      handleNodeExpand(nodeData, node, instance) {
+        this.broadcast('ElTreeNode', 'tree-node-expand', node);
+        this.$emit('node-expand', nodeData, node, instance);
+      },
+
+      updateKeyChildren(key, data) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
+        this.store.updateChildren(key, data);
+      },
+
+      initTabIndex() {
+        this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
+        this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
+        const checkedItem = this.$el.querySelectorAll('.is-checked[role=treeitem]');
+        if (checkedItem.length) {
+          checkedItem[0].setAttribute('tabindex', 0);
+          return;
+        }
+        this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
+      },
+
+      handleKeydown(ev) {
+        const currentItem = ev.target;
+        if (currentItem.className.indexOf('el-tree-node') === -1) return;
+        const keyCode = ev.keyCode;
+        this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
+        const currentIndex = this.treeItemArray.indexOf(currentItem);
+        let nextIndex;
+        if ([38, 40].indexOf(keyCode) > -1) { // up、down
+          ev.preventDefault();
+          if (keyCode === 38) { // up
+            nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
+          } else {
+            nextIndex = (currentIndex < this.treeItemArray.length - 1) ? currentIndex + 1 : 0;
+          }
+          this.treeItemArray[nextIndex].focus(); // 选中
+        }
+        if ([37, 39].indexOf(keyCode) > -1) { // left、right 展开
+          ev.preventDefault();
+          currentItem.click(); // 选中
+        }
+        const hasInput = currentItem.querySelector('[type="checkbox"]');
+        if ([13, 32].indexOf(keyCode) > -1 && hasInput) { // space enter选中checkbox
+          ev.preventDefault();
+          hasInput.click();
+        }
+      }
+    },
+
+    created() {
+      this.isTree = true;
+
+      this.store = new TreeStore({
+        key: this.nodeKey,
+        data: this.data,
+        lazy: this.lazy,
+        props: this.props,
+        load: this.load,
+        currentNodeKey: this.currentNodeKey,
+        checkStrictly: this.checkStrictly,
+        checkDescendants: this.checkDescendants,
+        defaultCheckedKeys: this.defaultCheckedKeys,
+        defaultExpandedKeys: this.defaultExpandedKeys,
+        autoExpandParent: this.autoExpandParent,
+        defaultExpandAll: this.defaultExpandAll,
+        filterNodeMethod: this.filterNodeMethod
+      });
+
+      this.root = this.store.root;
+
+      let dragState = this.dragState;
+      this.$on('tree-node-drag-start', (event, treeNode) => {
+        if (typeof this.allowDrag === 'function' && !this.allowDrag(treeNode.node)) {
+          event.preventDefault();
+          return false;
+        }
+        event.dataTransfer.effectAllowed = 'move';
+
+        // wrap in try catch to address IE's error when first param is 'text/plain'
+        try {
+          // setData is required for draggable to work in FireFox
+          // the content has to be '' so dragging a node out of the tree won't open a new tab in FireFox
+          event.dataTransfer.setData('text/plain', '');
+        } catch (e) {}
+        dragState.draggingNode = treeNode;
+        this.$emit('node-drag-start', treeNode.node, event);
+      });
+
+      this.$on('tree-node-drag-over', (event, treeNode) => {
+        const dropNode = findNearestComponent(event.target, 'ElTreeNode');
+        const oldDropNode = dragState.dropNode;
+        if (oldDropNode && oldDropNode !== dropNode) {
+          removeClass(oldDropNode.$el, 'is-drop-inner');
+        }
+        const draggingNode = dragState.draggingNode;
+        if (!draggingNode || !dropNode) return;
+
+        let dropPrev = true;
+        let dropInner = true;
+        let dropNext = true;
+        let userAllowDropInner = true;
+        if (typeof this.allowDrop === 'function') {
+          dropPrev = this.allowDrop(draggingNode.node, dropNode.node, 'prev');
+          userAllowDropInner = dropInner = this.allowDrop(draggingNode.node, dropNode.node, 'inner');
+          dropNext = this.allowDrop(draggingNode.node, dropNode.node, 'next');
+        }
+        event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
+        if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
+          if (oldDropNode) {
+            this.$emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
+          }
+          this.$emit('node-drag-enter', draggingNode.node, dropNode.node, event);
+        }
+
+        if (dropPrev || dropInner || dropNext) {
+          dragState.dropNode = dropNode;
+        }
+
+        if (dropNode.node.nextSibling === draggingNode.node) {
+          dropNext = false;
+        }
+        if (dropNode.node.previousSibling === draggingNode.node) {
+          dropPrev = false;
+        }
+        if (dropNode.node.contains(draggingNode.node, false)) {
+          dropInner = false;
+        }
+        if (draggingNode.node === dropNode.node || draggingNode.node.contains(dropNode.node)) {
+          dropPrev = false;
+          dropInner = false;
+          dropNext = false;
+        }
+
+        const targetPosition = dropNode.$el.getBoundingClientRect();
+        const treePosition = this.$el.getBoundingClientRect();
+
+        let dropType;
+        const prevPercent = dropPrev ? (dropInner ? 0.25 : (dropNext ? 0.45 : 1)) : -1;
+        const nextPercent = dropNext ? (dropInner ? 0.75 : (dropPrev ? 0.55 : 0)) : 1;
+
+        let indicatorTop = -9999;
+        const distance = event.clientY - targetPosition.top;
+        if (distance < targetPosition.height * prevPercent) {
+          dropType = 'before';
+        } else if (distance > targetPosition.height * nextPercent) {
+          dropType = 'after';
+        } else if (dropInner) {
+          dropType = 'inner';
+        } else {
+          dropType = 'none';
+        }
+
+        const iconPosition = dropNode.$el.querySelector('.el-tree-node__expand-icon').getBoundingClientRect();
+        const dropIndicator = this.$refs.dropIndicator;
+        if (dropType === 'before') {
+          indicatorTop = iconPosition.top - treePosition.top;
+        } else if (dropType === 'after') {
+          indicatorTop = iconPosition.bottom - treePosition.top;
+        }
+        dropIndicator.style.top = indicatorTop + 'px';
+        dropIndicator.style.left = (iconPosition.right - treePosition.left) + 'px';
+
+        if (dropType === 'inner') {
+          addClass(dropNode.$el, 'is-drop-inner');
+        } else {
+          removeClass(dropNode.$el, 'is-drop-inner');
+        }
+
+        dragState.showDropIndicator = dropType === 'before' || dropType === 'after';
+        dragState.allowDrop = dragState.showDropIndicator || userAllowDropInner;
+        dragState.dropType = dropType;
+        this.$emit('node-drag-over', draggingNode.node, dropNode.node, event);
+      });
+
+      this.$on('tree-node-drag-end', (event) => {
+        const { draggingNode, dropType, dropNode } = dragState;
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'move';
+
+        if (draggingNode && dropNode) {
+          const draggingNodeCopy = { data: draggingNode.node.data };
+          if (dropType !== 'none') {
+            draggingNode.node.remove();
+          }
+          if (dropType === 'before') {
+            dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
+          } else if (dropType === 'after') {
+            dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
+          } else if (dropType === 'inner') {
+            dropNode.node.insertChild(draggingNodeCopy);
+          }
+          if (dropType !== 'none') {
+            this.store.registerNode(draggingNodeCopy);
+          }
+
+          removeClass(dropNode.$el, 'is-drop-inner');
+
+          this.$emit('node-drag-end', draggingNode.node, dropNode.node, dropType, event);
+          if (dropType !== 'none') {
+            this.$emit('node-drop', draggingNode.node, dropNode.node, dropType, event);
+          }
+        }
+        if (draggingNode && !dropNode) {
+          this.$emit('node-drag-end', draggingNode.node, null, dropType, event);
+        }
+
+        dragState.showDropIndicator = false;
+        dragState.draggingNode = null;
+        dragState.dropNode = null;
+        dragState.allowDrop = true;
+      });
+    },
+
+    mounted() {
+      this.initTabIndex();
+      this.$el.addEventListener('keydown', this.handleKeydown);
+    },
+
+    updated() {
+      this.treeItems = this.$el.querySelectorAll('[role=treeitem]');
+      this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
+    }
+  };
+</script>
diff --git a/ui/packages/common/AiUserSelecter.vue b/ui/packages/common/AiUserSelecter.vue
new file mode 100644
index 00000000..90d0f11e
--- /dev/null
+++ b/ui/packages/common/AiUserSelecter.vue
@@ -0,0 +1,887 @@
+<template>
+  <div class="AiWechatSelecter" v-if="isReeset">
+    <el-button
+      v-if="!isHasSlot && !isShowUser"
+      size="mini"
+      type="primary"
+      @click="showSelecter"
+      :disabled="disabled">
+      选择人员
+    </el-button>
+    <div v-if="isHasSlot" @click="isShow = true">
+      <slot></slot>
+    </div>
+    <div class="AiWechatSelecter-userlist" v-if="!isHasSlot && isShowUser">
+      <div class="user-item" v-for="(item, index) in value" :key="index">
+        <img :src="item.avatar">
+        <el-tooltip effect="dark" :content="item[props.label]">
+          <span>{{ item[props.label] }}</span>
+        </el-tooltip>
+        <i class="iconfont iconwarning" @click="removeUser(index, item)" v-if="isAdd"></i>
+      </div>
+      <div class="user-add" @click="isShow = true" v-if="isAdd">
+        <div class="userlist-add__icon">
+          <i class="el-icon-plus"></i>
+        </div>
+        <span>选择</span>
+      </div>
+    </div>
+    <ai-dialog
+      title="选择人员"
+      :visible.sync="isShow"
+      width="1200px"
+      append-to-body
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      @onConfirm="onConfirm">
+      <div class="AiWechatSelecter-container">
+        <div class="AiWechatSelecter-container__left">
+          <div class="AiWechatSelecter-header">
+            <div class="AiWechatSelecter-header__left">
+              <h2>部门</h2>
+            </div>
+            <el-input
+              size="mini"
+              clearable
+              @clear="unitName = ''"
+              :placeholder="`请输入部门`"
+              v-model="unitName"
+              suffix-icon="iconfont iconSearch">
+            </el-input>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <el-tree
+              :filter-node-method="filterNode"
+              ref="tree"
+              :props="defaultProps"
+              node-key="id"
+              :data="unitList"
+              :expand-on-click-node="false"
+              highlight-current
+              :current-node-key="search.departmentId"
+              :default-expanded-keys="defaultExpanded"
+              :default-checked-keys="defaultChecked"
+              @current-change="onTreeChange">
+            </el-tree>
+          </el-scrollbar>
+        </div>
+        <div class="AiWechatSelecter-container__middle">
+          <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
+            <div class="AiWechatSelecter-header__left">
+              <h2>人员</h2>
+            </div>
+            <el-input
+              size="mini"
+              clearable
+              @clear="search.name = '', search.current = 1, getList()"
+              :placeholder="`请输入姓名`"
+              v-model="search.name"
+              suffix-icon="iconfont iconSearch"
+              v-throttle="() => {search.current = 1, getList()}">
+            </el-input>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <div class="user-wrapper">
+              <el-checkbox-group  v-model="userIds" @change="onCheckboxChange">
+                <el-checkbox v-for="item in list" :label="item.id" :key="item.id" @change="e => onboxChange(item.id, e)">{{ item.name }}</el-checkbox>
+              </el-checkbox-group>
+            </div>
+            <AiEmpty v-if="!list.length"></AiEmpty>
+            <el-pagination
+              background
+              :current-page.sync="search.current"
+              :total="search.total"
+              small
+              :page-size="search.size"
+              :page-sizes="[10, 20, 50, 100]"
+              layout="slot,->, prev, pager, next"
+              :pager-count="search.pagerCount"
+              @size-change="getList"
+              @current-change="getList">
+              <div class="paginationPre" v-if="isMultiple">
+                <el-checkbox :disabled="!list.length" :indeterminate="isIndeterminate" @change="onAllChange" v-model="isCheckAll">全选</el-checkbox>
+              </div>
+            </el-pagination>
+          </el-scrollbar>
+        </div>
+        <div class="AiWechatSelecter-container__right">
+          <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
+            <h2>已选择({{ chooseUser.length }})个</h2>
+            <el-button size="mini" icon="el-icon-delete" @click="clearAll">清空</el-button>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <div class="tags-wrapper">
+              <el-tag
+                v-for="(item, index) in chooseUser"
+                :key="index"
+                closable
+                @close="onClose(item, index)"
+                size="small"
+                type="info">
+                {{ item.name }}
+              </el-tag>
+            </div>
+          </el-scrollbar>
+        </div>
+      </div>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AiUserSelecter',
+    model: {
+      prop: 'value',
+      event: 'change',
+    },
+
+    props: {
+      instance: Function,
+      isMultiple: {
+        type: Boolean,
+        default: true
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      isShowUser: {
+        type: Boolean,
+        default: false
+      },
+      disabledList: {
+        type: Array,
+        default: () => {
+          return []
+        }
+      },
+      isAdd: {
+        type: Boolean,
+        default: true
+      },
+      value: {
+        type: Array
+      },
+      props: {
+        type: Object,
+        default: () => {
+          return {
+            label: 'name',
+            id: 'id'
+          }
+        }
+      }
+    },
+
+    data() {
+      return {
+        showUserList: [],
+        chooseUser: [],
+        isReeset: true,
+        isCheckAll: false,
+        search: {
+          con: '',
+          current: 1,
+          size: 20,
+          status: 1,
+          name: '',
+          total: 0,
+          departmentId: ''
+        },
+        defaultExpanded: [],
+        typeIndex: 0,
+        defaultProps: {
+          children: 'children',
+          label: 'name'
+        },
+        unitName: '',
+        unitList: [],
+        isShow: false,
+        list: [],
+        userIds: []
+      }
+    },
+
+    computed: {
+      isHasOptionSlot () {
+        return this.$slots.option
+      },
+
+      isHasSlot () {
+        return this.$slots.default
+      },
+
+      isIndeterminate () {
+        const arr = this.chooseUser.filter(v => {
+          return this.list.map(v => v.id).includes(v.id)
+        })
+
+        if (arr.length === this.list.length && this.list.length) {
+          this.isCheckAll = true
+        } else {
+          this.isCheckAll = false
+        }
+
+        return arr.length !== 0 && arr.length < this.list.length
+      },
+
+      defaultChecked () {
+        if (!this.value) {
+          return []
+        }
+
+        this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+
+        return this.value.map(v => v[this.props.id])
+      }
+    },
+
+    watch: {
+      unitName (val) {
+        this.$refs.tree.filter(val)
+      },
+
+      isShow (val) {
+        if (val) {
+          this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+            return {
+              ...item,
+              id: item[this.props.id],
+              name: item[this.props.label]
+            }
+          })))
+          this.userIds = this.chooseUser.map(v => v[this.props.id])
+        }
+      }
+    },
+
+    mounted () {
+      this.getTree()
+      this.getList()
+
+      if (this.value.length && this.isShowUser) {
+        this.showUserList = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+        this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+
+        this.userIds = this.chooseUser.map(v => v[this.props.id])
+      }
+    },
+
+    methods: {
+      clearAll () {
+        this.userIds = []
+        this.chooseUser = []
+      },
+
+      onAllChange (e) {
+        if (e) {
+          if (!this.chooseUser.length) {
+            this.chooseUser = [
+              ...this.list
+            ]
+          } else {
+            this.list.forEach(v => {
+              if (!this.chooseUser.map(e => e.id).includes(v.id)) {
+                this.chooseUser.push(v)
+              }
+            })
+          }
+        } else {
+          this.chooseUser = this.chooseUser.filter(v => {
+            return !this.list.map(v => v.id).includes(v.id)
+          })
+        }
+
+        this.userIds = this.chooseUser.map(v => v.id)
+      },
+
+      showSelecter () {
+        if (this.disabled) return
+
+        this.isShow = true
+      },
+
+      onTreeChange (e) {
+        this.search.departmentId = e.id || ''
+        this.search.current = 1
+
+        this.$nextTick(() => {
+          this.getList()
+        })
+      },
+
+      reset () {
+        this.isReeset = false
+
+        this.$nextTick(() => {
+          this.isReeset = true
+        })
+      },
+
+      onboxChange (id, v) {
+        if (!this.isMultiple) {
+          const checked = this.list.filter(v => v.id === id)
+          if (v) {
+            const v = checked[checked.length - 1]
+            this.chooseUser = [v]
+            this.userIds = [v.id]
+          }
+
+          if (!v) {
+            if (this.chooseUser.findIndex(v => v.id === id) > -1) {
+              this.chooseUser = []
+            }
+          }
+        }
+      },
+
+      onCheckboxChange (ids) {
+        this.$nextTick(() => {
+          const checked = this.list.filter(v => ids.includes(v.id))
+          const unChecked =  this.list.filter(v => !ids.includes(v.id))
+          if (!this.isMultiple) {
+
+            return false
+          }
+
+          this.chooseUser.forEach((v, index) => {
+            if (unChecked.findIndex(e => e.id === v.id) > -1) {
+              this.chooseUser.splice(index, 1)
+            }
+          })
+
+          checked.forEach(v => {
+            if (this.chooseUser.findIndex(e => e.id === v.id) < 0) {
+              this.chooseUser.push(v)
+            }
+          })
+        })
+      },
+
+      arrDeduplication (arr) {
+        var hash = {}
+        arr = arr.reduce(function(item, next) {
+          hash[next.id] ? '' : hash[next.id] = true && item.push(next)
+          return item
+        }, [])
+
+        return arr
+      },
+
+      onCheckChange (e, isChoosed, isSunChoosed) {
+        this.$nextTick(() => {
+        })
+      },
+
+      removeUser (index, item) {
+        this.chooseUser.splice(index, 1)
+        this.userIds.splice(this.userIds.findIndex(v => v === item.id), 1)
+
+        this.$nextTick(() => {
+          this.$emit('change', this.chooseUser)
+          this.showUserList = JSON.parse(JSON.stringify(this.chooseUser))
+        })
+      },
+
+      addChild(parent, list) {
+        for (let i = 0; i < list.length; i++) {
+          if (list[i].parentid === parent.id) {
+            list[i].i = parent.children.length
+            parent.children.push(list[i])
+          }
+        }
+
+        if (parent.children.length) {
+          parent.children.forEach(v => {
+            v.len = parent.children.length
+          })
+        }
+
+        if (list.length > 0) {
+          parent['children'].map(v => this.addChild(v, list))
+        }
+      },
+
+      getList() {
+        this.loading = true
+        this.instance.post(`/app/wxcp/wxuser/list`, null, {
+          params: {
+            ...this.search,
+            departmentId: this.search.departmentId,
+            listType: 0
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.list = res.data.records.map(v => {
+              return {
+                ...v,
+                isChecked: false
+              }
+            })
+            this.search.total = res.data.total
+
+            if (!this.list.length) {
+              this.isCheckAll = false
+            }
+
+            this.$nextTick(() => {
+              this.loading = false
+            })
+          } else {
+            this.loading = false
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+      },
+
+      getTree () {
+        this.instance.post(`/app/wxcp/wxdepartment/listAll?unitName=${this.unitName}`).then(res => {
+          if (res.code === 0) {
+            let parent = res.data.map(v => {
+              v.label = v.name
+              v.children = []
+
+              return v
+            }).filter(e => !e.parentid)[0]
+
+            if (!this.defaultExpanded.length) {
+              this.defaultExpanded = [parent.id]
+            }
+            this.search.departmentId = parent.id
+            this.addChild(parent, res.data)
+            this.unitList = [parent]
+          }
+        })
+      },
+
+      onClose (item, index) {
+        this.chooseUser.splice(index, 1)
+
+        this.userIds.splice(this.userIds.findIndex(v => v === item.id), 1)
+      },
+
+      filterNode(value, data) {
+        if (!value) return true
+        if (this.typeIndex === 0) {
+          return data.name.indexOf(value) !== -1
+        }
+
+        return data.name.indexOf(value) !== -1
+      },
+
+      onConfirm () {
+        if (!this.isMultiple && this.chooseUser.length > 1) {
+          return this.$message.error('不能多选')
+        }
+
+        this.$emit('change', JSON.parse(JSON.stringify(this.chooseUser.map(item => {
+          return {
+            ...item,
+            [this.props.id]: item.id,
+            [this.props.label]: item.name
+          }
+        }))))
+        this.showUserList = JSON.parse(JSON.stringify(this.chooseUser.map(item => {
+          return {
+            ...item,
+            [this.props.id]: item.id,
+            [this.props.label]: item.name
+          }
+        })))
+        this.isShow = false
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiWechatSelecter {
+    box-sizing: border-box;
+
+    .AiWechatSelecter-userlist {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+
+      .user-add {
+        margin-bottom: 6px;
+
+        .userlist-add__icon {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 40px;
+          height: 40px;
+          margin-bottom: 4px;
+          border-radius: 2px;
+          border: 1px solid #CCCCCC;
+          cursor: pointer;
+
+          &:hover {
+            opacity: 0.6;
+          }
+
+          i {
+            color: #CCCCCC;
+            font-size: 20px;
+          }
+        }
+
+        span {
+          display: block;
+          width: 100%;
+          line-height: 22px;
+          text-align: center;
+          color: #888888;
+          font-size: 14px;
+        }
+      }
+
+      .user-item {
+        position: relative;
+        margin-bottom: 6px;
+        margin-right: 16px;
+        width: 40px;
+        text-align: center;
+
+        img {
+          display: block;
+          width: 40px;
+          height: 40px;
+          margin-bottom: 4px;
+          border-radius: 2px;
+          border: 1px solid #CCCCCC;
+        }
+
+        i {
+          position: absolute;
+          top: -7px;
+          right: -5px;
+          padding: 0 0 2px 2px;
+          font-size: 16px;
+          background: #fff;
+          border-radius: 50%;
+          cursor: pointer;
+
+          &:hover {
+            opacity: 0.6;
+          }
+        }
+
+        span {
+          display: block;
+          width: 100%;
+          line-height: 22px;
+          text-align: center;
+          color: #888888;
+          font-size: 14px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+  .AiWechatSelecter-container {
+    display: flex;
+    height: 480px;
+
+    .tree-container {
+      & > span {
+        display: block;
+        margin-bottom: 4px;
+      }
+
+      .tree-user__item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+      img {
+        width: 27px;
+        height: 27px;
+        margin-right: 10px;
+      }
+    }
+
+    :deep( .el-tree ){
+      width: fit-content;
+      min-width: 100%;
+      background: transparent;
+
+      .el-tree-node__expand-icon.is-leaf {
+        color: transparent !important;
+      }
+
+      .el-tree-node__content > .el-tree-node__expand-icon {
+        padding: 4px;
+      }
+
+      .el-tree-node__content {
+        height: 32px;
+      }
+
+      .el-tree__empty-text {
+        color: #222;
+        font-size: 14px;
+      }
+
+      .el-tree-node__children .el-tree-node__content {
+        height: 32px;
+      }
+
+      .el-tree-node__content:hover {
+        background: #E8EFFF;
+        color: #222222;
+        border-radius: 2px;
+      }
+
+      .is-current > .el-tree-node__content {
+        &:hover {
+          background: #2266FF;
+          color: #fff;
+        }
+
+        background: #2266FF;
+
+        span {
+          color: #fff;
+        }
+      }
+    }
+
+    .mask-btn__wrapper {
+      position: relative;
+    }
+
+    .mask-btn {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+    }
+
+    .userlist-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 8px;
+      padding: 0 17px;
+      cursor: pointer;
+      user-select: none;
+
+      :deep( .el-checkbox__label ){
+        display: none;
+      }
+
+      .userlist-item__left {
+        display: flex;
+        align-items: center;
+
+        span {
+          color: #222222;
+          font-size: 14px;
+        }
+
+        img {
+          width: 40px;
+          height: 40px;
+          margin-right: 8px;
+        }
+      }
+    }
+
+    & > div {
+      width: 280px;
+      background: #FCFCFC;
+      border: 1px solid #D0D4DC;
+    }
+
+    .AiWechatSelecter-list {
+      height: calc(100% - 40px);
+      padding: 8px 0;
+
+      :deep( .el-scrollbar__wrap ){
+        margin-bottom: 0!important;
+        overflow-x: hidden;
+      }
+    }
+
+    .AiWechatSelecter-container__left {
+      flex: 1;
+
+      :deep( .el-scrollbar__wrap ){
+        overflow-x: auto;
+      }
+    }
+
+    .AiWechatSelecter-container__middle {
+      flex-shrink: 1;
+      width: 360px;
+      margin-left: 20px;
+      position: relative;
+
+      .user-wrapper {
+        position: relative;
+        padding-bottom: 40px!important;
+      }
+
+      :deep( .el-pagination ){
+        position: absolute;
+        bottom: 0px;
+        left: 0;
+        z-index: 11;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        flex-direction: row-reverse;
+        justify-content: flex-end;
+        background: #fcfcfc;
+        padding: 10px 10px;
+        .paginationPre {
+          display: flex;
+          align-items: center;
+        }
+
+        .el-pagination__rightwrapper {
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          flex: 1;
+
+          .el-pagination__sizes {
+            margin: 0;
+
+            input {
+              height: 22px;
+              line-height: 22px;
+            }
+          }
+        }
+
+        .el-checkbox {
+          display: flex;
+          align-items: center;
+
+          .el-checkbox__input, .el-checkbox__inner {
+            width: 14px;
+            height: 14px;
+            min-width: 0 !important;
+            line-height: 1 !important;
+          }
+
+          .el-checkbox__label {
+            font-size: 12px;
+            color: #222222;
+            height: auto !important;
+            line-height: 1 !important;
+            padding-left: 3px !important;
+          }
+        }
+      }
+
+      .user-wrapper {
+        padding: 0 10px;
+
+        :deep( .el-checkbox ){
+          display: block;
+          margin-right: 0;
+        }
+      }
+    }
+
+    .AiWechatSelecter-container__right {
+      flex: 1;
+      margin-left: 20px;
+
+      .AiWechatSelecter-list {
+        .tags-wrapper {
+          padding: 0 8px;
+        }
+        .el-tag {
+          margin: 0 8px 8px 0px;
+          color: #222222;
+          font-size: 14px;
+        }
+      }
+    }
+
+    .AiWechatSelecter-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 40px;
+      padding: 0 8px 0 0;
+      border-bottom: 1px solid #D0D4DC;
+      background: #F5F7FA;
+
+      .AiWechatSelecter-header__left {
+        display: flex;
+        align-items: center;
+
+        h2 {
+          width: 60px;
+          height: 100%;
+          line-height: 40px;
+          color: #222222;
+          font-size: 14px;
+          text-align: center;
+          cursor: pointer;
+          border-bottom: 2px solid transparent;
+
+          &.active {
+            color: $primaryColor;
+            border-color: $primaryColor;
+          }
+        }
+      }
+
+      .el-button {
+        height: 28px;
+        padding: 7px 5px;
+      }
+
+      .el-input {
+        width: 160px;
+      }
+    }
+
+    .AiWechatSelecter-header__right {
+      padding: 0 8px;
+
+      h2 {
+        color: #222222;
+        font-size: 14px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue b/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue
new file mode 100644
index 00000000..d350ef43
--- /dev/null
+++ b/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue
@@ -0,0 +1,785 @@
+<template>
+  <div class="AiWechatSelecter" v-if="isReeset">
+    <el-button
+      v-if="!isHasSlot && !isShowUser"
+      size="mini"
+      type="primary"
+      @click="showSelecter"
+      :disabled="disabled">
+      选择人员
+    </el-button>
+    <div v-if="isHasSlot" @click="isShow = true">
+      <slot></slot>
+    </div>
+    <div class="AiWechatSelecter-userlist" v-if="!isHasSlot && !isChooseUnit && isShowUser">
+      <div class="user-item" v-for="(item, index) in value" :key="index">
+        <img :src="item.avatar">
+        <el-tooltip effect="dark" :content="item[props.label]">
+          <span>{{ item[props.label] }}</span>
+        </el-tooltip>
+        <i class="iconfont iconwarning" @click="removeUser(index)" v-if="isAdd"></i>
+      </div>
+      <div class="user-add" @click="isShow = true" v-if="isAdd">
+        <div class="userlist-add__icon">
+          <i class="el-icon-plus"></i>
+        </div>
+        <span>选择</span>
+      </div>
+    </div>
+    <ai-dialog
+      :title="isChooseUnit ? '选择部门' : '选择人员'"
+      :visible.sync="isShow"
+      width="900px"
+      append-to-body
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      @onConfirm="onConfirm">
+      <div class="AiWechatSelecter-container">
+        <div class="AiWechatSelecter-container__left">
+          <div class="AiWechatSelecter-header">
+            <div class="AiWechatSelecter-header__left">
+              <h2 :class="[typeIndex === 0 ? 'active' : '']" @click="changeTab(0), typeIndex = 0">部门</h2>
+              <h2 :class="[typeIndex === 1 ? 'active' : '']" @click="changeTab(1), typeIndex = 1" v-if="!isChooseUnit">标签</h2>
+            </div>
+            <el-input
+              size="mini"
+              clearable
+              @clear="unitName = ''"
+              :placeholder="`请输入${isChooseUnit ? '部门' : '部门或人员'}`"
+              v-model="unitName"
+              suffix-icon="iconfont iconSearch">
+            </el-input>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <ai-tree
+              v-show="typeIndex === 0"
+              :filter-node-method="filterNode"
+              ref="tree"
+              show-checkbox
+              :props="defaultProps"
+              node-key="id"
+              :default-checked-keys="defaultChecked"
+              :data="unitList"
+              :check-strictly="isStrictly"
+              :default-expanded-keys="defaultExpanded"
+              @check-change="onCheckChange">
+              <div class="tree-container" slot-scope="{ data }">
+                <div class="tree-container__user">
+                  <div class="tree-user__item">
+                    <img :src="data.avatar" v-if="data.avatar">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </div>
+              </div>
+            </ai-tree>
+            <ai-tree
+              v-show="typeIndex === 1"
+              :filter-node-method="filterNode"
+              ref="tagTree"
+              show-checkbox
+              :props="defaultTagProps"
+              node-key="id"
+              :data="tagTree"
+              @check-change="onTagCheckChange">
+              <div class="tree-container" slot-scope="{ data }">
+                <div class="tree-container__user">
+                  <div class="tree-user__item">
+                    <img :src="data.avatar" v-if="data.avatar">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </div>
+              </div>
+            </ai-tree>
+          </el-scrollbar>
+        </div>
+        <div class="AiWechatSelecter-container__right">
+          <div class="AiWechatSelecter-header AiWechatSelecter-header__right">
+            <h2>已选择</h2>
+            <el-button size="mini" icon="el-icon-delete" @click="clearAll">清空</el-button>
+          </div>
+          <el-scrollbar class="AiWechatSelecter-list">
+            <div class="tags-wrapper">
+              <el-tag
+                v-for="(item, index) in chooseUser"
+                :key="index"
+                closable
+                @close="onClose(item, index)"
+                size="small"
+                type="info">
+                {{ item.name }}
+              </el-tag>
+            </div>
+          </el-scrollbar>
+        </div>
+      </div>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+  import tree from './tree/tree.vue'
+
+  export default {
+    name: 'AiWechatSelecter',
+    model: {
+      prop: 'value',
+      event: 'change',
+    },
+
+    components: {
+      aiTree: tree
+    },
+
+    props: {
+      instance: Function,
+      isMultiple: {
+        type: Boolean,
+        default: true
+      },
+      isChooseUnit: {
+        type: Boolean,
+        default: false
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      isShowUser: {
+        type: Boolean,
+        default: false
+      },
+      disabledList: {
+        type: Array,
+        default: () => {
+          return []
+        }
+      },
+      isStrictly: {
+        type: Boolean,
+        default: false
+      },
+      isAdd: {
+        type: Boolean,
+        default: true
+      },
+      value: {
+        type: Array
+      },
+      rootId: {
+        type: String,
+        default: ''
+      },
+      props: {
+        type: Object,
+        default: () => {
+          return {
+            label: 'name',
+            id: 'id'
+          }
+        }
+      }
+    },
+
+    data() {
+      return {
+        showUserList: [],
+        chooseUser: [],
+        isReeset: true,
+        searchObj: {
+          con: '',
+          current: 1,
+          size: 10,
+          status: '',
+        },
+        defaultExpanded: [],
+        typeIndex: 0,
+        defaultProps: {
+          children: 'childrenDept',
+          label: 'name'
+        },
+        tagTree: [],
+        defaultTagProps: {
+          children: 'users',
+          label: 'tagname'
+        },
+        unitName: '',
+        unitList: [],
+        isShow: false
+      }
+    },
+
+    computed: {
+      isHasOptionSlot () {
+        return this.$slots.option
+      },
+
+      isHasSlot () {
+        return this.$slots.default
+      },
+
+      defaultChecked () {
+        if (!this.value) {
+          return []
+        }
+
+        this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+        return this.value.map(v => v[this.props.id])
+      }
+    },
+
+    watch: {
+      unitName (val) {
+        if (this.typeIndex === 0) {
+          this.$refs.tree.filter(val)
+        } else {
+          this.$refs.tagTree.filter(val)
+        }
+      },
+
+      isShow (val) {
+        if (val) {
+          this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+            return {
+              ...item,
+              id: item[this.props.id],
+              name: item[this.props.label]
+            }
+          })))
+
+          this.$nextTick(() => {
+            if (!this.isChooseUnit) {
+              this.changeTab()
+            }
+          })
+        }
+      }
+    },
+
+    mounted () {
+      this.getTree()
+      this.getTags()
+
+      if (this.value.length && this.isShowUser) {
+        this.showUserList = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+        this.chooseUser = JSON.parse(JSON.stringify(this.value.map(item => {
+          return {
+            ...item,
+            id: item[this.props.id],
+            name: item[this.props.label]
+          }
+        })))
+      }
+    },
+
+    methods: {
+      clearAll () {
+        this.chooseUser.forEach(item => {
+          this.$refs.tree.setMyChecked(item, false, true)
+          this.$refs.tagTree.setMyChecked(item, false, true)
+        })
+        this.$refs.tree.setCheckedKeys([])
+        this.$refs.tagTree.setCheckedKeys([])
+        this.chooseUser = []
+      },
+
+      changeTab () {
+        this.chooseUser.forEach(item => {
+          this.$refs.tagTree.setMyChecked(item, true, true)
+          this.$refs.tree.setMyChecked(item, true, true)
+        })
+      },
+      showSelecter () {
+        if (this.disabled) return
+
+        this.isShow = true
+      },
+
+      // 重置组件
+      reset () {
+        this.isReeset = false
+
+        this.$nextTick(() => {
+          this.isReeset = true
+        })
+      },
+
+      arrDeduplication (arr) {
+        var hash = {}
+        arr = arr.reduce(function(item, next) {
+          hash[next.id] ? '' : hash[next.id] = true && item.push(next)
+          return item
+        }, [])
+
+        return arr
+      },
+
+      onTagCheckChange (e, isChoosed, isSunChoosed) {
+        this.$nextTick(() => {
+          const tagTree = this.$refs.tagTree.getCheckedNodes(true).filter(v => !v.tagname)
+          const unitTree = this.$refs.tree.getCheckedNodes().filter(v => v.type === '0')
+          this.chooseUser = this.arrDeduplication([
+            ...unitTree,
+            ...tagTree
+          ])
+          if (!isChoosed && !isSunChoosed) {
+            const index = this.chooseUser.findIndex(v => v.id === e.id)
+
+            if (index > -1) {
+              this.chooseUser.splice(this.chooseUser.findIndex(v => v.id === e.id), 1)
+              this.$refs.tree.setMyChecked(e, false, true)
+            }
+          }
+
+          if (isChoosed) {
+            this.$refs.tagTree.setMyChecked(e, isChoosed, true)
+          } else {
+            this.$refs.tagTree.setMyChecked(e, false, true)
+          }
+        })
+      },
+
+      onCheckChange (e, isChoosed, isSunChoosed) {
+        this.$nextTick(() => {
+          const list = this.$refs.tree.getCheckedNodes().filter(v => {
+            if (!this.isChooseUnit) {
+              return v.type === '0'
+            }
+
+            return true
+          })
+          if (!this.isChooseUnit) {
+            const tagTree = this.$refs.tagTree.getCheckedNodes(true).filter(v => !v.tagname)
+            this.chooseUser = this.arrDeduplication([
+              ...tagTree,
+              ...list
+            ])
+
+            if (!isChoosed && !isSunChoosed) {
+              const index = this.chooseUser.findIndex(v => v.id === e.id)
+
+              if (index > -1) {
+                this.chooseUser.splice(this.chooseUser.findIndex(v => v.id === e.id), 1)
+                this.$refs.tagTree.setMyChecked(e, false, true)
+                this.$refs.tree.setMyChecked(e, false, true)
+              }
+
+              return false
+            }
+
+            if (isChoosed) {
+              this.$refs.tree.setMyChecked(e, isChoosed, true)
+            } else {
+              this.$refs.tree.setMyChecked(e, false, true)
+            }
+          }
+
+          if (this.isChooseUnit) {
+            this.chooseUser = list
+          }
+        })
+      },
+
+      removeUser (index) {
+        this.chooseUser.splice(index, 1)
+
+        this.$nextTick(() => {
+          this.$emit('change', this.chooseUser)
+          this.showUserList = JSON.parse(JSON.stringify(this.chooseUser))
+        })
+      },
+
+      getTags () {
+        this.instance.post(`/app/wxcp/wxtag/tree`).then(res => {
+          if (res.code === 0) {
+            this.tagTree = res.data.map(v => {
+              return {
+                ...v,
+                name: v.tagname,
+              }
+            })
+          }
+        })
+      },
+
+      getTree () {
+        this.instance.post(`/app/wxcp/wxuser/tree?rootId=${this.rootId}`).then(res => {
+          if (res.code === 0) {
+            if (this.isChooseUnit) {
+              this.unitList = [res.data]
+            } else {
+              this.unitList = this.formatList([res.data])
+            }
+
+            if (!this.defaultChecked.length) {
+              this.defaultExpanded = [res.data.id]
+            } else {
+              this.defaultExpanded = this.defaultChecked
+            }
+          }
+        })
+      },
+
+      filterUser (userList) {
+        return userList.map(v => {
+          if (this.disabledList.indexOf(v.id) > -1) {
+            v.disabled = true
+          }
+
+          return v
+        })
+      },
+
+      formatList (list) {
+        var arr = []
+        for (let item of list) {
+          if (item.childrenUser && item.childrenUser.length) {
+            let userList = JSON.parse(JSON.stringify(item.childrenUser))
+            if (this.disabledList.length) {
+              userList = this.filterUser(userList)
+            }
+
+            if (item.childrenDept) {
+              item.childrenDept = [
+                ...item.childrenDept,
+                ...userList
+              ]
+            } else {
+              item.childrenDept = [
+                ...userList
+              ]
+            }
+            delete item.childrenUser
+          }
+
+          if (item.childrenDept && item.childrenDept.length) {
+            this.formatList(item.childrenDept)
+          }
+
+          arr.push(item)
+        }
+
+        return arr
+      },
+
+      onClose (item, index) {
+        this.chooseUser.splice(index, 1)
+        // this.$refs.tree.setChecked(item.id, false)
+        // this.$refs.tagTree.setChecked(item.id, false)
+        this.$refs.tree.setMyChecked(item, false, true);
+        this.$refs.tagTree.setMyChecked(item, false, true);
+      },
+
+      filterNode(value, data) {
+        if (!value) return true
+        if (this.typeIndex === 0) {
+          return data.name.indexOf(value) !== -1
+        }
+
+        return data.name.indexOf(value) !== -1
+      },
+
+      onConfirm () {
+        if (!this.isMultiple && this.chooseUser.length > 1) {
+          return this.$message.error('不能多选')
+        }
+
+        this.$emit('change', JSON.parse(JSON.stringify(this.chooseUser.map(item => {
+          return {
+            ...item,
+            [this.props.id]: item.id,
+            [this.props.label]: item.name
+          }
+        }))))
+        this.showUserList = JSON.parse(JSON.stringify(this.chooseUser.map(item => {
+          return {
+            ...item,
+            [this.props.id]: item.id,
+            [this.props.label]: item.name
+          }
+        })))
+        this.isShow = false
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiWechatSelecter {
+    box-sizing: border-box;
+
+    .AiWechatSelecter-userlist {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+
+      .user-add {
+        margin-bottom: 6px;
+
+        .userlist-add__icon {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 40px;
+          height: 40px;
+          margin-bottom: 4px;
+          border-radius: 2px;
+          border: 1px solid #CCCCCC;
+          cursor: pointer;
+
+          &:hover {
+            opacity: 0.6;
+          }
+
+          i {
+            color: #CCCCCC;
+            font-size: 20px;
+          }
+        }
+
+        span {
+          display: block;
+          width: 100%;
+          line-height: 22px;
+          text-align: center;
+          color: #888888;
+          font-size: 14px;
+        }
+      }
+
+      .user-item {
+        position: relative;
+        margin-bottom: 6px;
+        margin-right: 16px;
+        width: 40px;
+        text-align: center;
+
+        img {
+          display: block;
+          width: 40px;
+          height: 40px;
+          margin-bottom: 4px;
+          border-radius: 2px;
+          border: 1px solid #CCCCCC;
+        }
+
+        i {
+          position: absolute;
+          top: -7px;
+          right: -5px;
+          padding: 0 0 2px 2px;
+          font-size: 16px;
+          background: #fff;
+          border-radius: 50%;
+          cursor: pointer;
+
+          &:hover {
+            opacity: 0.6;
+          }
+        }
+
+        span {
+          display: block;
+          width: 100%;
+          line-height: 22px;
+          text-align: center;
+          color: #888888;
+          font-size: 14px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+  .AiWechatSelecter-container {
+    display: flex;
+    height: 480px;
+
+    .tree-container {
+      & > span {
+        display: block;
+        margin-bottom: 4px;
+      }
+
+      .tree-user__item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+      img {
+        width: 27px;
+        height: 27px;
+        margin-right: 10px;
+      }
+    }
+
+    :deep( .el-tree ){
+      background: transparent;
+
+      .el-tree-node {
+        margin-bottom: 8px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .el-tree-node__content {
+        height: auto;
+        margin-top: 2px;
+        // align-items: inherit;
+      }
+
+      .el-tree-node__expand-icon {
+        height: 24px;
+      }
+    }
+
+    .mask-btn__wrapper {
+      position: relative;
+    }
+
+    .mask-btn {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+    }
+
+    .userlist-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 8px;
+      padding: 0 17px;
+      cursor: pointer;
+      user-select: none;
+
+      :deep( .el-checkbox__label ){
+        display: none;
+      }
+
+      .userlist-item__left {
+        display: flex;
+        align-items: center;
+
+        span {
+          color: #222222;
+          font-size: 14px;
+        }
+
+        img {
+          width: 40px;
+          height: 40px;
+          margin-right: 8px;
+        }
+      }
+    }
+
+    & > div {
+      width: 280px;
+      background: #FCFCFC;
+      border: 1px solid #D0D4DC;
+    }
+
+    .AiWechatSelecter-list {
+      height: calc(100% - 40px);
+      padding: 8px 0;
+
+      :deep( .el-scrollbar__wrap ){
+        margin-bottom: 0!important;
+        overflow-x: hidden;
+      }
+    }
+
+    .AiWechatSelecter-container__left {
+      flex: 1;
+    }
+
+    .AiWechatSelecter-container__right {
+      flex: 1;
+      margin-left: 20px;
+
+      .AiWechatSelecter-list {
+        .tags-wrapper {
+          padding: 0 8px;
+        }
+        .el-tag {
+          margin: 0 8px 8px 0px;
+          color: #222222;
+          font-size: 14px;
+        }
+      }
+    }
+
+    .AiWechatSelecter-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 40px;
+      padding: 0 8px 0 0;
+      border-bottom: 1px solid #D0D4DC;
+      background: #F5F7FA;
+
+      .AiWechatSelecter-header__left {
+        display: flex;
+        align-items: center;
+
+        h2 {
+          width: 60px;
+          height: 100%;
+          line-height: 40px;
+          color: #222222;
+          font-size: 14px;
+          text-align: center;
+          cursor: pointer;
+          border-bottom: 2px solid transparent;
+
+          &.active {
+            color: $primaryColor;
+            border-color: $primaryColor;
+          }
+        }
+      }
+
+      .el-button {
+        height: 28px;
+        padding: 7px 5px;
+      }
+
+      .el-input {
+        width: 160px;
+      }
+    }
+
+    .AiWechatSelecter-header__right {
+      padding: 0 8px;
+
+      h2 {
+        color: #222222;
+        font-size: 14px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/ui/packages/common/AiWechatSelecter/tree/model/node.js b/ui/packages/common/AiWechatSelecter/tree/model/node.js
new file mode 100644
index 00000000..657b3b82
--- /dev/null
+++ b/ui/packages/common/AiWechatSelecter/tree/model/node.js
@@ -0,0 +1,485 @@
+import objectAssign from 'element-ui/src/utils/merge';
+import { markNodeData, NODE_KEY } from './util';
+import { arrayFindIndex } from 'element-ui/src/utils/util';
+
+export const getChildState = node => {
+  let all = true;
+  let none = true;
+  let allWithoutDisable = true;
+  for (let i = 0, j = node.length; i < j; i++) {
+    const n = node[i];
+    if (n.checked !== true || n.indeterminate) {
+      all = false;
+      if (!n.disabled) {
+        allWithoutDisable = false;
+      }
+    }
+    if (n.checked !== false || n.indeterminate) {
+      none = false;
+    }
+  }
+
+  return { all, none, allWithoutDisable, half: !all && !none };
+};
+
+const reInitChecked = function(node) {
+  if (node.childNodes.length === 0) return;
+
+  const {all, none, half} = getChildState(node.childNodes);
+  if (all) {
+    node.checked = true;
+    node.indeterminate = false;
+  } else if (half) {
+    node.checked = false;
+    node.indeterminate = true;
+  } else if (none) {
+    node.checked = false;
+    node.indeterminate = false;
+  }
+
+  const parent = node.parent;
+  if (!parent || parent.level === 0) return;
+
+  if (!node.store.checkStrictly) {
+    reInitChecked(parent);
+  }
+};
+
+const getPropertyFromData = function(node, prop) {
+  const props = node.store.props;
+  const data = node.data || {};
+  const config = props[prop];
+
+  if (typeof config === 'function') {
+    return config(data, node);
+  } else if (typeof config === 'string') {
+    return data[config];
+  } else if (typeof config === 'undefined') {
+    const dataProp = data[prop];
+    return dataProp === undefined ? '' : dataProp;
+  }
+};
+
+let nodeIdSeed = 0;
+
+export default class Node {
+  constructor(options) {
+    this.id = nodeIdSeed++;
+    this.text = null;
+    this.checked = false;
+    this.indeterminate = false;
+    this.data = null;
+    this.expanded = false;
+    this.parent = null;
+    this.visible = true;
+    this.isCurrent = false;
+
+    for (let name in options) {
+      if (options.hasOwnProperty(name)) {
+        this[name] = options[name];
+      }
+    }
+
+    // internal
+    this.level = 0;
+    this.loaded = false;
+    this.childNodes = [];
+    this.loading = false;
+
+    if (this.parent) {
+      this.level = this.parent.level + 1;
+    }
+
+    const store = this.store;
+    if (!store) {
+      throw new Error('[Node]store is required!');
+    }
+    store.registerNode(this);
+
+    const props = store.props;
+    if (props && typeof props.isLeaf !== 'undefined') {
+      const isLeaf = getPropertyFromData(this, 'isLeaf');
+      if (typeof isLeaf === 'boolean') {
+        this.isLeafByUser = isLeaf;
+      }
+    }
+
+    if (store.lazy !== true && this.data) {
+      this.setData(this.data);
+
+      if (store.defaultExpandAll) {
+        this.expanded = true;
+      }
+    } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
+      this.expand();
+    }
+    if (!Array.isArray(this.data)) {
+      markNodeData(this, this.data);
+    }
+    if (!this.data) return;
+    const defaultExpandedKeys = store.defaultExpandedKeys;
+    const key = store.key;
+    if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
+      this.expand(null, store.autoExpandParent);
+    }
+
+    if (key && store.currentNodeKey !== undefined && this.key === store.currentNodeKey) {
+      store.currentNode = this;
+      store.currentNode.isCurrent = true;
+    }
+
+    if (store.lazy) {
+      store._initDefaultCheckedNode(this);
+    }
+
+    this.updateLeafState();
+  }
+
+  setData(data) {
+    if (!Array.isArray(data)) {
+      markNodeData(this, data);
+    }
+
+    this.data = data;
+    this.childNodes = [];
+
+    let children;
+    if (this.level === 0 && this.data instanceof Array) {
+      children = this.data;
+    } else {
+      children = getPropertyFromData(this, 'children') || [];
+    }
+
+    for (let i = 0, j = children.length; i < j; i++) {
+      this.insertChild({ data: children[i] });
+    }
+  }
+
+  get label() {
+    return getPropertyFromData(this, 'label');
+  }
+
+  get key() {
+    const nodeKey = this.store.key;
+    if (this.data) return this.data[nodeKey];
+    return null;
+  }
+
+  get disabled() {
+    return getPropertyFromData(this, 'disabled');
+  }
+
+  get nextSibling() {
+    const parent = this.parent;
+    if (parent) {
+      const index = parent.childNodes.indexOf(this);
+      if (index > -1) {
+        return parent.childNodes[index + 1];
+      }
+    }
+    return null;
+  }
+
+  get previousSibling() {
+    const parent = this.parent;
+    if (parent) {
+      const index = parent.childNodes.indexOf(this);
+      if (index > -1) {
+        return index > 0 ? parent.childNodes[index - 1] : null;
+      }
+    }
+    return null;
+  }
+
+  contains(target, deep = true) {
+    const walk = function(parent) {
+      const children = parent.childNodes || [];
+      let result = false;
+      for (let i = 0, j = children.length; i < j; i++) {
+        const child = children[i];
+        if (child === target || (deep && walk(child))) {
+          result = true;
+          break;
+        }
+      }
+      return result;
+    };
+
+    return walk(this);
+  }
+
+  remove() {
+    const parent = this.parent;
+    if (parent) {
+      parent.removeChild(this);
+    }
+  }
+
+  insertChild(child, index, batch) {
+    if (!child) throw new Error('insertChild error: child is required.');
+
+    if (!(child instanceof Node)) {
+      if (!batch) {
+        const children = this.getChildren(true);
+        if (children.indexOf(child.data) === -1) {
+          if (typeof index === 'undefined' || index < 0) {
+            children.push(child.data);
+          } else {
+            children.splice(index, 0, child.data);
+          }
+        }
+      }
+      objectAssign(child, {
+        parent: this,
+        store: this.store
+      });
+      child = new Node(child);
+    }
+
+    child.level = this.level + 1;
+
+    if (typeof index === 'undefined' || index < 0) {
+      this.childNodes.push(child);
+    } else {
+      this.childNodes.splice(index, 0, child);
+    }
+
+    this.updateLeafState();
+  }
+
+  insertBefore(child, ref) {
+    let index;
+    if (ref) {
+      index = this.childNodes.indexOf(ref);
+    }
+    this.insertChild(child, index);
+  }
+
+  insertAfter(child, ref) {
+    let index;
+    if (ref) {
+      index = this.childNodes.indexOf(ref);
+      if (index !== -1) index += 1;
+    }
+    this.insertChild(child, index);
+  }
+
+  removeChild(child) {
+    const children = this.getChildren() || [];
+    const dataIndex = children.indexOf(child.data);
+    if (dataIndex > -1) {
+      children.splice(dataIndex, 1);
+    }
+
+    const index = this.childNodes.indexOf(child);
+
+    if (index > -1) {
+      this.store && this.store.deregisterNode(child);
+      child.parent = null;
+      this.childNodes.splice(index, 1);
+    }
+
+    this.updateLeafState();
+  }
+
+  removeChildByData(data) {
+    let targetNode = null;
+
+    for (let i = 0; i < this.childNodes.length; i++) {
+      if (this.childNodes[i].data === data) {
+        targetNode = this.childNodes[i];
+        break;
+      }
+    }
+
+    if (targetNode) {
+      this.removeChild(targetNode);
+    }
+  }
+
+  expand(callback, expandParent) {
+    const done = () => {
+      if (expandParent) {
+        let parent = this.parent;
+        while (parent.level > 0) {
+          parent.expanded = true;
+          parent = parent.parent;
+        }
+      }
+      this.expanded = true;
+      if (callback) callback();
+    };
+
+    if (this.shouldLoadData()) {
+      this.loadData((data) => {
+        if (data instanceof Array) {
+          if (this.checked) {
+            this.setChecked(true, true);
+          } else if (!this.store.checkStrictly) {
+            reInitChecked(this);
+          }
+          done();
+        }
+      });
+    } else {
+      done();
+    }
+  }
+
+  doCreateChildren(array, defaultProps = {}) {
+    array.forEach((item) => {
+      this.insertChild(objectAssign({ data: item }, defaultProps), undefined, true);
+    });
+  }
+
+  collapse() {
+    this.expanded = false;
+  }
+
+  shouldLoadData() {
+    return this.store.lazy === true && this.store.load && !this.loaded;
+  }
+
+  updateLeafState() {
+    if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
+      this.isLeaf = this.isLeafByUser;
+      return;
+    }
+    const childNodes = this.childNodes;
+    if (!this.store.lazy || (this.store.lazy === true && this.loaded === true)) {
+      this.isLeaf = !childNodes || childNodes.length === 0;
+      return;
+    }
+    this.isLeaf = false;
+  }
+
+  setChecked(value, deep, recursion, passValue) {
+    this.indeterminate = value === 'half';
+    this.checked = value === true;
+
+    if (this.store.checkStrictly) return;
+
+    if (!(this.shouldLoadData() && !this.store.checkDescendants)) {
+      let { all, allWithoutDisable } = getChildState(this.childNodes);
+
+      if (!this.isLeaf && (!all && allWithoutDisable)) {
+        this.checked = false;
+        value = false;
+      }
+
+      const handleDescendants = () => {
+        if (deep) {
+          const childNodes = this.childNodes;
+          for (let i = 0, j = childNodes.length; i < j; i++) {
+            const child = childNodes[i];
+            passValue = passValue || value !== false;
+            const isCheck = child.disabled ? child.checked : passValue;
+            child.setChecked(isCheck, deep, true, passValue);
+          }
+          const { half, all } = getChildState(childNodes);
+          if (!all) {
+            this.checked = all;
+            this.indeterminate = half;
+          }
+        }
+      };
+
+      if (this.shouldLoadData()) {
+        // Only work on lazy load data.
+        this.loadData(() => {
+          handleDescendants();
+          reInitChecked(this);
+        }, {
+          checked: value !== false
+        });
+        return;
+      } else {
+        handleDescendants();
+      }
+    }
+
+    const parent = this.parent;
+    if (!parent || parent.level === 0) return;
+
+    if (!recursion) {
+      reInitChecked(parent);
+    }
+  }
+
+  getChildren(forceInit = false) { // this is data
+    if (this.level === 0) return this.data;
+    const data = this.data;
+    if (!data) return null;
+
+    const props = this.store.props;
+    let children = 'children';
+    if (props) {
+      children = props.children || 'children';
+    }
+
+    if (data[children] === undefined) {
+      data[children] = null;
+    }
+
+    if (forceInit && !data[children]) {
+      data[children] = [];
+    }
+
+    return data[children];
+  }
+
+  updateChildren() {
+    const newData = this.getChildren() || [];
+    const oldData = this.childNodes.map((node) => node.data);
+
+    const newDataMap = {};
+    const newNodes = [];
+
+    newData.forEach((item, index) => {
+      const key = item[NODE_KEY];
+      const isNodeExists = !!key && arrayFindIndex(oldData, data => data[NODE_KEY] === key) >= 0;
+      if (isNodeExists) {
+        newDataMap[key] = { index, data: item };
+      } else {
+        newNodes.push({ index, data: item });
+      }
+    });
+
+    if (!this.store.lazy) {
+      oldData.forEach((item) => {
+        if (!newDataMap[item[NODE_KEY]]) this.removeChildByData(item);
+      });
+    }
+
+    newNodes.forEach(({ index, data }) => {
+      this.insertChild({ data }, index);
+    });
+
+    this.updateLeafState();
+  }
+
+  loadData(callback, defaultProps = {}) {
+    if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
+      this.loading = true;
+
+      const resolve = (children) => {
+        this.loaded = true;
+        this.loading = false;
+        this.childNodes = [];
+
+        this.doCreateChildren(children, defaultProps);
+
+        this.updateLeafState();
+        if (callback) {
+          callback.call(this, children);
+        }
+      };
+
+      this.store.load(this, resolve);
+    } else {
+      if (callback) {
+        callback.call(this);
+      }
+    }
+  }
+}
diff --git a/ui/packages/common/AiWechatSelecter/tree/model/tree-store.js b/ui/packages/common/AiWechatSelecter/tree/model/tree-store.js
new file mode 100644
index 00000000..68f58e6d
--- /dev/null
+++ b/ui/packages/common/AiWechatSelecter/tree/model/tree-store.js
@@ -0,0 +1,367 @@
+import Node from './node';
+import { getNodeKey } from './util';
+
+export default class TreeStore {
+	constructor(options) {
+		this.currentNode = null;
+		this.currentNodeKey = null;
+
+		for (let option in options) {
+			if (options.hasOwnProperty(option)) {
+				this[option] = options[option];
+			}
+		}
+
+		this.nodesMap = {};
+		this.myNodesMap = [];
+		this.root = new Node({
+			data: this.data,
+			store: this
+		});
+
+		if (this.lazy && this.load) {
+			const loadFn = this.load;
+			loadFn(this.root, (data) => {
+				this.root.doCreateChildren(data);
+				this._initDefaultCheckedNodes();
+			});
+		} else {
+			this._initDefaultCheckedNodes();
+		}
+	}
+
+	filter(value) {
+		const filterNodeMethod = this.filterNodeMethod;
+		const lazy = this.lazy;
+		const traverse = function(node) {
+			const childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+			childNodes.forEach((child) => {
+				child.visible = filterNodeMethod.call(child, value, child.data, child);
+
+				traverse(child);
+			});
+
+			if (!node.visible && childNodes.length) {
+				let allHidden = true;
+				allHidden = !childNodes.some((child) => child.visible);
+
+				if (node.root) {
+					node.root.visible = allHidden === false;
+				} else {
+					node.visible = allHidden === false;
+				}
+			}
+			if (!value) return;
+
+			if (node.visible && !node.isLeaf && !lazy) node.expand();
+		};
+
+		traverse(this);
+	}
+
+	setData(newVal) {
+		const instanceChanged = newVal !== this.root.data;
+		if (instanceChanged) {
+			this.root.setData(newVal);
+			this._initDefaultCheckedNodes();
+		} else {
+			this.root.updateChildren();
+		}
+	}
+
+	getNode(data) {
+		if (data instanceof Node) return data;
+		const key = typeof data !== 'object' ? data : getNodeKey(this.key, data);
+		return this.nodesMap[key] || null;
+	}
+
+	insertBefore(data, refData) {
+		const refNode = this.getNode(refData);
+		refNode.parent.insertBefore({ data }, refNode);
+	}
+
+	insertAfter(data, refData) {
+		const refNode = this.getNode(refData);
+		refNode.parent.insertAfter({ data }, refNode);
+	}
+
+	remove(data) {
+		const node = this.getNode(data);
+
+		if (node && node.parent) {
+			if (node === this.currentNode) {
+				this.currentNode = null;
+			}
+			node.parent.removeChild(node);
+		}
+	}
+
+	append(data, parentData) {
+		const parentNode = parentData ? this.getNode(parentData) : this.root;
+
+		if (parentNode) {
+			parentNode.insertChild({ data });
+		}
+	}
+
+	_initDefaultCheckedNodes() {
+		const defaultCheckedKeys = this.defaultCheckedKeys || [];
+		const nodesMap = this.nodesMap;
+
+		defaultCheckedKeys.forEach((checkedKey) => {
+			const node = nodesMap[checkedKey];
+
+			if (node) {
+				node.setChecked(true, !this.checkStrictly);
+			}
+		});
+	}
+
+	_initDefaultCheckedNode(node) {
+		const defaultCheckedKeys = this.defaultCheckedKeys || [];
+
+		if (defaultCheckedKeys.indexOf(node.key) !== -1) {
+			node.setChecked(true, !this.checkStrictly);
+		}
+	}
+
+	setDefaultCheckedKey(newVal) {
+		if (newVal !== this.defaultCheckedKeys) {
+			this.defaultCheckedKeys = newVal;
+			this._initDefaultCheckedNodes();
+		}
+	}
+
+	registerNode(node) {
+		const key = this.key;
+		if (!key || !node || !node.data) return;
+
+		const nodeKey = node.key;
+		if (nodeKey !== undefined) this.nodesMap[node.key] = node;
+		if (nodeKey !== undefined) {
+			this.myNodesMap.push({
+				[node.key]: node
+			});
+		}
+	}
+	setMyChecked(data, checked, deep) {
+		const nodes = this.getMyNode(data);
+		if (nodes && nodes.length > 0) {
+			for (let index = 0; index < nodes.length; index++) {
+				const element = nodes[index];
+				let node = Object.values(element)[0];
+				if (node && node.checked !== checked) {
+					node.setChecked(!!checked, deep);
+				}
+			}
+		}
+	}
+
+	//mycode
+	getMyNode(data) {
+		const key = typeof data !== 'object' ? data : getNodeKey(this.key, data);
+		const result = this.myNodesMap.filter((item) => item[key]);
+		return result || [];
+	}
+
+	deregisterNode(node) {
+		const key = this.key;
+		if (!key || !node || !node.data) return;
+
+		node.childNodes.forEach((child) => {
+			this.deregisterNode(child);
+		});
+
+		delete this.nodesMap[node.key];
+	}
+
+	getCheckedNodes(leafOnly = false, includeHalfChecked = false) {
+		const checkedNodes = [];
+		const traverse = function(node) {
+			const childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+			childNodes.forEach((child) => {
+				if (
+					(child.checked || (includeHalfChecked && child.indeterminate)) &&
+					(!leafOnly || (leafOnly && child.isLeaf))
+				) {
+					checkedNodes.push(child.data);
+				}
+
+				traverse(child);
+			});
+		};
+
+		traverse(this);
+
+		return checkedNodes;
+	}
+
+	getCheckedKeys(leafOnly = false) {
+		return this.getCheckedNodes(leafOnly).map((data) => (data || {})[this.key]);
+	}
+
+	getHalfCheckedNodes() {
+		const nodes = [];
+		const traverse = function(node) {
+			const childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+			childNodes.forEach((child) => {
+				if (child.indeterminate) {
+					nodes.push(child.data);
+				}
+
+				traverse(child);
+			});
+		};
+
+		traverse(this);
+
+		return nodes;
+	}
+
+	getHalfCheckedKeys() {
+		return this.getHalfCheckedNodes().map((data) => (data || {})[this.key]);
+	}
+
+	_getAllNodes() {
+		const allNodes = [];
+		const nodesMap = this.nodesMap;
+		for (let nodeKey in nodesMap) {
+			if (nodesMap.hasOwnProperty(nodeKey)) {
+				allNodes.push(nodesMap[nodeKey]);
+			}
+		}
+
+		return allNodes;
+	}
+
+	updateChildren(key, data) {
+		const node = this.nodesMap[key];
+		if (!node) return;
+		const childNodes = node.childNodes;
+		for (let i = childNodes.length - 1; i >= 0; i--) {
+			const child = childNodes[i];
+			this.remove(child.data);
+		}
+		for (let i = 0, j = data.length; i < j; i++) {
+			const child = data[i];
+			this.append(child, node.data);
+		}
+	}
+
+	_setCheckedKeys(key, leafOnly = false, checkedKeys) {
+		const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
+		const cache = Object.create(null);
+		const keys = Object.keys(checkedKeys);
+		allNodes.forEach((node) => node.setChecked(false, false));
+		for (let i = 0, j = allNodes.length; i < j; i++) {
+			const node = allNodes[i];
+			const nodeKey = node.data[key].toString();
+			let checked = keys.indexOf(nodeKey) > -1;
+			if (!checked) {
+				if (node.checked && !cache[nodeKey]) {
+					node.setChecked(false, false);
+				}
+				continue;
+			}
+
+			let parent = node.parent;
+			while (parent && parent.level > 0) {
+				cache[parent.data[key]] = true;
+				parent = parent.parent;
+			}
+
+			if (node.isLeaf || this.checkStrictly) {
+				node.setChecked(true, false);
+				continue;
+			}
+			node.setChecked(true, true);
+
+			if (leafOnly) {
+				node.setChecked(false, false);
+				const traverse = function(node) {
+					const childNodes = node.childNodes;
+					childNodes.forEach((child) => {
+						if (!child.isLeaf) {
+							child.setChecked(false, false);
+						}
+						traverse(child);
+					});
+				};
+				traverse(node);
+			}
+		}
+	}
+
+	setCheckedNodes(array, leafOnly = false) {
+		const key = this.key;
+		const checkedKeys = {};
+		array.forEach((item) => {
+			checkedKeys[(item || {})[key]] = true;
+		});
+
+		this._setCheckedKeys(key, leafOnly, checkedKeys);
+	}
+
+	setCheckedKeys(keys, leafOnly = false) {
+		this.defaultCheckedKeys = keys;
+		const key = this.key;
+		const checkedKeys = {};
+		keys.forEach((key) => {
+			checkedKeys[key] = true;
+		});
+
+		this._setCheckedKeys(key, leafOnly, checkedKeys);
+	}
+
+	setDefaultExpandedKeys(keys) {
+		keys = keys || [];
+		this.defaultExpandedKeys = keys;
+
+		keys.forEach((key) => {
+			const node = this.getNode(key);
+			if (node) node.expand(null, this.autoExpandParent);
+		});
+	}
+
+	setChecked(data, checked, deep) {
+		const node = this.getNode(data);
+
+		if (node) {
+			node.setChecked(!!checked, deep);
+		}
+	}
+
+	getCurrentNode() {
+		return this.currentNode;
+	}
+
+	setCurrentNode(currentNode) {
+		const prevCurrentNode = this.currentNode;
+		if (prevCurrentNode) {
+			prevCurrentNode.isCurrent = false;
+		}
+		this.currentNode = currentNode;
+		this.currentNode.isCurrent = true;
+	}
+
+	setUserCurrentNode(node) {
+		const key = node[this.key];
+		const currNode = this.nodesMap[key];
+		this.setCurrentNode(currNode);
+	}
+
+	setCurrentNodeKey(key) {
+		if (key === null || key === undefined) {
+			this.currentNode && (this.currentNode.isCurrent = false);
+			this.currentNode = null;
+			return;
+		}
+		const node = this.getNode(key);
+		if (node) {
+			this.setCurrentNode(node);
+		}
+	}
+}
diff --git a/ui/packages/common/AiWechatSelecter/tree/model/util.js b/ui/packages/common/AiWechatSelecter/tree/model/util.js
new file mode 100644
index 00000000..dcc891b1
--- /dev/null
+++ b/ui/packages/common/AiWechatSelecter/tree/model/util.js
@@ -0,0 +1,27 @@
+export const NODE_KEY = '$treeNodeId';
+
+export const markNodeData = function(node, data) {
+  if (!data || data[NODE_KEY]) return;
+  Object.defineProperty(data, NODE_KEY, {
+    value: node.id,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+};
+
+export const getNodeKey = function(key, data) {
+  if (!key) return data[NODE_KEY];
+  return data[key];
+};
+
+export const findNearestComponent = (element, componentName) => {
+  let target = element;
+  while (target && target.tagName !== 'BODY') {
+    if (target.__vue__ && target.__vue__.$options.name === componentName) {
+      return target.__vue__;
+    }
+    target = target.parentNode;
+  }
+  return null;
+};
diff --git a/ui/packages/common/AiWechatSelecter/tree/tree-node.vue b/ui/packages/common/AiWechatSelecter/tree/tree-node.vue
new file mode 100644
index 00000000..3c922dbe
--- /dev/null
+++ b/ui/packages/common/AiWechatSelecter/tree/tree-node.vue
@@ -0,0 +1,279 @@
+<template>
+  <div
+    class="el-tree-node"
+    @click.stop="handleClick"
+    @contextmenu="($event) => this.handleContextMenu($event)"
+    v-show="node.visible"
+    :class="{
+      'is-expanded': expanded,
+      'is-current': node.isCurrent,
+      'is-hidden': !node.visible,
+      'is-focusable': !node.disabled,
+      'is-checked': !node.disabled && node.checked
+    }"
+    role="treeitem"
+    tabindex="-1"
+    :aria-expanded="expanded"
+    :aria-disabled="node.disabled"
+    :aria-checked="node.checked"
+    :draggable="tree.draggable"
+    @dragstart.stop="handleDragStart"
+    @dragover.stop="handleDragOver"
+    @dragend.stop="handleDragEnd"
+    @drop.stop="handleDrop"
+    ref="node"
+  >
+    <div class="el-tree-node__content"
+      :style="{ 'padding-left': (node.level - 1) * tree.indent + 'px' }">
+      <span
+        @click.stop="handleExpandIconClick"
+        :class="[
+          { 'is-leaf': node.isLeaf, expanded: !node.isLeaf && expanded },
+          'el-tree-node__expand-icon',
+          tree.iconClass ? tree.iconClass : 'el-icon-caret-right'
+        ]"
+      >
+      </span>
+      <el-checkbox
+        v-if="showCheckbox"
+        v-model="node.checked"
+        :indeterminate="node.indeterminate"
+        :disabled="!!node.disabled"
+        @click.native.stop
+        @change="handleCheckChange"
+      >
+      </el-checkbox>
+      <span
+        v-if="node.loading"
+        class="el-tree-node__loading-icon el-icon-loading">
+      </span>
+      <node-content :node="node"></node-content>
+    </div>
+    <el-collapse-transition>
+      <div
+        class="el-tree-node__children"
+        v-if="!renderAfterExpand || childNodeRendered"
+        v-show="expanded"
+        role="group"
+        :aria-expanded="expanded"
+      >
+        <el-tree-node
+          :render-content="renderContent"
+          v-for="child in node.childNodes"
+          :render-after-expand="renderAfterExpand"
+          :show-checkbox="showCheckbox"
+          :key="getNodeKey(child)"
+          :node="child"
+          @node-expand="handleChildNodeExpand">
+        </el-tree-node>
+      </div>
+    </el-collapse-transition>
+  </div>
+</template>
+
+<script type="text/jsx">
+  import ElCollapseTransition from 'element-ui/src/transitions/collapse-transition';
+  import ElCheckbox from 'element-ui/packages/checkbox';
+  import emitter from 'element-ui/src/mixins/emitter';
+  import { getNodeKey } from './model/util';
+
+  export default {
+    name: 'ElTreeNode',
+
+    componentName: 'ElTreeNode',
+
+    mixins: [emitter],
+
+    props: {
+      node: {
+        default() {
+          return {};
+        }
+      },
+      props: {},
+      renderContent: Function,
+      renderAfterExpand: {
+        type: Boolean,
+        default: true
+      },
+      showCheckbox: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    components: {
+      ElCollapseTransition,
+      ElCheckbox,
+      NodeContent: {
+        props: {
+          node: {
+            required: true
+          }
+        },
+        render(h) {
+          const parent = this.$parent;
+          const tree = parent.tree;
+          const node = this.node;
+          const { data, store } = node;
+          return (
+            parent.renderContent
+              ? parent.renderContent.call(parent._renderProxy, h, { _self: tree.$vnode.context, node, data, store })
+              : tree.$scopedSlots.default
+                ? tree.$scopedSlots.default({ node, data })
+                : <span class="el-tree-node__label">{ node.label }</span>
+          );
+        }
+      }
+    },
+
+    data() {
+      return {
+        tree: null,
+        expanded: false,
+        childNodeRendered: false,
+        oldChecked: null,
+        oldIndeterminate: null
+      };
+    },
+
+    watch: {
+      'node.indeterminate'(val) {
+        this.handleSelectChange(this.node.checked, val);
+      },
+
+      'node.checked'(val) {
+        this.handleSelectChange(val, this.node.indeterminate);
+      },
+
+      'node.expanded'(val) {
+        this.$nextTick(() => this.expanded = val);
+        if (val) {
+          this.childNodeRendered = true;
+        }
+      }
+    },
+
+    methods: {
+      getNodeKey(node) {
+        return getNodeKey(this.tree.nodeKey, node.data);
+      },
+
+      handleSelectChange(checked, indeterminate) {
+        if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
+          this.tree.$emit('check-change', this.node.data, checked, indeterminate);
+        }
+        this.oldChecked = checked;
+        this.indeterminate = indeterminate;
+      },
+
+      handleClick() {
+        const store = this.tree.store;
+        store.setCurrentNode(this.node);
+        this.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode);
+        this.tree.currentNode = this;
+        if (this.tree.expandOnClickNode) {
+          this.handleExpandIconClick();
+        }
+        if (this.tree.checkOnClickNode && !this.node.disabled) {
+          this.handleCheckChange(null, {
+            target: { checked: !this.node.checked }
+          });
+        }
+        this.tree.$emit('node-click', this.node.data, this.node, this);
+      },
+
+      handleContextMenu(event) {
+        if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
+          event.stopPropagation();
+          event.preventDefault();
+        }
+        this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
+      },
+
+      handleExpandIconClick() {
+        if (this.node.isLeaf) return;
+        if (this.expanded) {
+          this.tree.$emit('node-collapse', this.node.data, this.node, this);
+          this.node.collapse();
+        } else {
+          this.node.expand();
+          this.$emit('node-expand', this.node.data, this.node, this);
+        }
+      },
+
+      handleCheckChange(value, ev) {
+        this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
+        this.$nextTick(() => {
+          const store = this.tree.store;
+          this.tree.$emit('check', this.node.data, {
+            checkedNodes: store.getCheckedNodes(),
+            checkedKeys: store.getCheckedKeys(),
+            halfCheckedNodes: store.getHalfCheckedNodes(),
+            halfCheckedKeys: store.getHalfCheckedKeys(),
+          });
+        });
+      },
+
+      handleChildNodeExpand(nodeData, node, instance) {
+        this.broadcast('ElTreeNode', 'tree-node-expand', node);
+        this.tree.$emit('node-expand', nodeData, node, instance);
+      },
+
+      handleDragStart(event) {
+        if (!this.tree.draggable) return;
+        this.tree.$emit('tree-node-drag-start', event, this);
+      },
+
+      handleDragOver(event) {
+        if (!this.tree.draggable) return;
+        this.tree.$emit('tree-node-drag-over', event, this);
+        event.preventDefault();
+      },
+
+      handleDrop(event) {
+        event.preventDefault();
+      },
+
+      handleDragEnd(event) {
+        if (!this.tree.draggable) return;
+        this.tree.$emit('tree-node-drag-end', event, this);
+      }
+    },
+
+    created() {
+      const parent = this.$parent;
+
+      if (parent.isTree) {
+        this.tree = parent;
+      } else {
+        this.tree = parent.tree;
+      }
+
+      const tree = this.tree;
+      if (!tree) {
+        console.warn('Can not find node\'s tree.');
+      }
+
+      const props = tree.props || {};
+      const childrenKey = props['children'] || 'children';
+
+      this.$watch(`node.data.${childrenKey}`, () => {
+        this.node.updateChildren();
+      });
+
+      if (this.node.expanded) {
+        this.expanded = true;
+        this.childNodeRendered = true;
+      }
+
+      if(this.tree.accordion) {
+        this.$on('tree-node-expand', node => {
+          if(this.node !== node) {
+            this.node.collapse();
+          }
+        });
+      }
+    }
+  };
+</script>
diff --git a/ui/packages/common/AiWechatSelecter/tree/tree.vue b/ui/packages/common/AiWechatSelecter/tree/tree.vue
new file mode 100644
index 00000000..da049622
--- /dev/null
+++ b/ui/packages/common/AiWechatSelecter/tree/tree.vue
@@ -0,0 +1,500 @@
+<template>
+  <div
+    class="el-tree"
+    :class="{
+      'el-tree--highlight-current': highlightCurrent,
+      'is-dragging': !!dragState.draggingNode,
+      'is-drop-not-allow': !dragState.allowDrop,
+      'is-drop-inner': dragState.dropType === 'inner'
+    }"
+    role="tree"
+  >
+    <el-tree-node
+      v-for="child in root.childNodes"
+      :node="child"
+      :props="props"
+      :render-after-expand="renderAfterExpand"
+      :show-checkbox="showCheckbox"
+      :key="getNodeKey(child)"
+      :render-content="renderContent"
+      @node-expand="handleNodeExpand">
+    </el-tree-node>
+    <div class="el-tree__empty-block" v-if="isEmpty">
+      <span class="el-tree__empty-text">{{ emptyText }}</span>
+    </div>
+    <div
+      v-show="dragState.showDropIndicator"
+      class="el-tree__drop-indicator"
+      ref="dropIndicator">
+    </div>
+  </div>
+</template>
+
+<script>
+  import TreeStore from './model/tree-store';
+  import { getNodeKey, findNearestComponent } from './model/util';
+  import ElTreeNode from './tree-node.vue';
+  import {t} from 'element-ui/src/locale';
+  import emitter from 'element-ui/src/mixins/emitter';
+  import { addClass, removeClass } from 'element-ui/src/utils/dom';
+
+  export default {
+    name: 'ElTree',
+
+    mixins: [emitter],
+
+    components: {
+      ElTreeNode
+    },
+
+    data() {
+      return {
+        store: null,
+        root: null,
+        currentNode: null,
+        treeItems: null,
+        checkboxItems: [],
+        dragState: {
+          showDropIndicator: false,
+          draggingNode: null,
+          dropNode: null,
+          allowDrop: true
+        }
+      };
+    },
+
+    props: {
+      data: {
+        type: Array
+      },
+      emptyText: {
+        type: String,
+        default() {
+          return t('el.tree.emptyText');
+        }
+      },
+      renderAfterExpand: {
+        type: Boolean,
+        default: true
+      },
+      nodeKey: String,
+      checkStrictly: Boolean,
+      defaultExpandAll: Boolean,
+      expandOnClickNode: {
+        type: Boolean,
+        default: true
+      },
+      checkOnClickNode: Boolean,
+      checkDescendants: {
+        type: Boolean,
+        default: false
+      },
+      autoExpandParent: {
+        type: Boolean,
+        default: true
+      },
+      defaultCheckedKeys: Array,
+      defaultExpandedKeys: Array,
+      currentNodeKey: [String, Number],
+      renderContent: Function,
+      showCheckbox: {
+        type: Boolean,
+        default: false
+      },
+      draggable: {
+        type: Boolean,
+        default: false
+      },
+      allowDrag: Function,
+      allowDrop: Function,
+      props: {
+        default() {
+          return {
+            children: 'children',
+            label: 'label',
+            disabled: 'disabled'
+          };
+        }
+      },
+      lazy: {
+        type: Boolean,
+        default: false
+      },
+      highlightCurrent: Boolean,
+      load: Function,
+      filterNodeMethod: Function,
+      accordion: Boolean,
+      indent: {
+        type: Number,
+        default: 18
+      },
+      iconClass: String
+    },
+
+    computed: {
+      children: {
+        set(value) {
+          this.data = value;
+        },
+        get() {
+          return this.data;
+        }
+      },
+
+      treeItemArray() {
+        return Array.prototype.slice.call(this.treeItems);
+      },
+
+      isEmpty() {
+        const { childNodes } = this.root;
+        return !childNodes || childNodes.length === 0 || childNodes.every(({visible}) => !visible);
+      }
+    },
+
+    watch: {
+      defaultCheckedKeys(newVal) {
+        this.store.setDefaultCheckedKey(newVal);
+      },
+
+      defaultExpandedKeys(newVal) {
+        this.store.defaultExpandedKeys = newVal;
+        this.store.setDefaultExpandedKeys(newVal);
+      },
+
+      data(newVal) {
+        this.store.setData(newVal);
+      },
+
+      checkboxItems(val) {
+        Array.prototype.forEach.call(val, (checkbox) => {
+          checkbox.setAttribute('tabindex', -1);
+        });
+      },
+
+      checkStrictly(newVal) {
+        this.store.checkStrictly = newVal;
+      }
+    },
+
+    methods: {
+      filter(value) {
+        if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
+        this.store.filter(value);
+      },
+
+      getNodeKey(node) {
+        return getNodeKey(this.nodeKey, node.data);
+      },
+
+      setMyChecked(data, checked, deep) {
+        this.store.setMyChecked(data, checked, deep);
+      },
+
+      getNodePath(data) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
+        const node = this.store.getNode(data);
+        if (!node) return [];
+        const path = [node.data];
+        let parent = node.parent;
+        while (parent && parent !== this.root) {
+          path.push(parent.data);
+          parent = parent.parent;
+        }
+        return path.reverse();
+      },
+
+      getCheckedNodes(leafOnly, includeHalfChecked) {
+        return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
+      },
+
+      getCheckedKeys(leafOnly) {
+        return this.store.getCheckedKeys(leafOnly);
+      },
+
+      getCurrentNode() {
+        const currentNode = this.store.getCurrentNode();
+        return currentNode ? currentNode.data : null;
+      },
+
+      getCurrentKey() {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
+        const currentNode = this.getCurrentNode();
+        return currentNode ? currentNode[this.nodeKey] : null;
+      },
+
+      setCheckedNodes(nodes, leafOnly) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
+        this.store.setCheckedNodes(nodes, leafOnly);
+      },
+
+      setCheckedKeys(keys, leafOnly) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
+        this.store.setCheckedKeys(keys, leafOnly);
+      },
+
+      setChecked(data, checked, deep) {
+        this.store.setChecked(data, checked, deep);
+      },
+
+      getHalfCheckedNodes() {
+        return this.store.getHalfCheckedNodes();
+      },
+
+      getHalfCheckedKeys() {
+        return this.store.getHalfCheckedKeys();
+      },
+
+      setCurrentNode(node) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
+        this.store.setUserCurrentNode(node);
+      },
+
+      setCurrentKey(key) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
+        this.store.setCurrentNodeKey(key);
+      },
+
+      getNode(data) {
+        return this.store.getNode(data);
+      },
+
+      remove(data) {
+        this.store.remove(data);
+      },
+
+      append(data, parentNode) {
+        this.store.append(data, parentNode);
+      },
+
+      insertBefore(data, refNode) {
+        this.store.insertBefore(data, refNode);
+      },
+
+      insertAfter(data, refNode) {
+        this.store.insertAfter(data, refNode);
+      },
+
+      handleNodeExpand(nodeData, node, instance) {
+        this.broadcast('ElTreeNode', 'tree-node-expand', node);
+        this.$emit('node-expand', nodeData, node, instance);
+      },
+
+      updateKeyChildren(key, data) {
+        if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
+        this.store.updateChildren(key, data);
+      },
+
+      initTabIndex() {
+        this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
+        this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
+        const checkedItem = this.$el.querySelectorAll('.is-checked[role=treeitem]');
+        if (checkedItem.length) {
+          checkedItem[0].setAttribute('tabindex', 0);
+          return;
+        }
+        this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
+      },
+
+      handleKeydown(ev) {
+        const currentItem = ev.target;
+        if (currentItem.className.indexOf('el-tree-node') === -1) return;
+        const keyCode = ev.keyCode;
+        this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
+        const currentIndex = this.treeItemArray.indexOf(currentItem);
+        let nextIndex;
+        if ([38, 40].indexOf(keyCode) > -1) { // up、down
+          ev.preventDefault();
+          if (keyCode === 38) { // up
+            nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
+          } else {
+            nextIndex = (currentIndex < this.treeItemArray.length - 1) ? currentIndex + 1 : 0;
+          }
+          this.treeItemArray[nextIndex].focus(); // 选中
+        }
+        if ([37, 39].indexOf(keyCode) > -1) { // left、right 展开
+          ev.preventDefault();
+          currentItem.click(); // 选中
+        }
+        const hasInput = currentItem.querySelector('[type="checkbox"]');
+        if ([13, 32].indexOf(keyCode) > -1 && hasInput) { // space enter选中checkbox
+          ev.preventDefault();
+          hasInput.click();
+        }
+      }
+    },
+
+    created() {
+      this.isTree = true;
+
+      this.store = new TreeStore({
+        key: this.nodeKey,
+        data: this.data,
+        lazy: this.lazy,
+        props: this.props,
+        load: this.load,
+        currentNodeKey: this.currentNodeKey,
+        checkStrictly: this.checkStrictly,
+        checkDescendants: this.checkDescendants,
+        defaultCheckedKeys: this.defaultCheckedKeys,
+        defaultExpandedKeys: this.defaultExpandedKeys,
+        autoExpandParent: this.autoExpandParent,
+        defaultExpandAll: this.defaultExpandAll,
+        filterNodeMethod: this.filterNodeMethod
+      });
+
+      this.root = this.store.root;
+
+      let dragState = this.dragState;
+      this.$on('tree-node-drag-start', (event, treeNode) => {
+        if (typeof this.allowDrag === 'function' && !this.allowDrag(treeNode.node)) {
+          event.preventDefault();
+          return false;
+        }
+        event.dataTransfer.effectAllowed = 'move';
+
+        // wrap in try catch to address IE's error when first param is 'text/plain'
+        try {
+          // setData is required for draggable to work in FireFox
+          // the content has to be '' so dragging a node out of the tree won't open a new tab in FireFox
+          event.dataTransfer.setData('text/plain', '');
+        } catch (e) {}
+        dragState.draggingNode = treeNode;
+        this.$emit('node-drag-start', treeNode.node, event);
+      });
+
+      this.$on('tree-node-drag-over', (event, treeNode) => {
+        const dropNode = findNearestComponent(event.target, 'ElTreeNode');
+        const oldDropNode = dragState.dropNode;
+        if (oldDropNode && oldDropNode !== dropNode) {
+          removeClass(oldDropNode.$el, 'is-drop-inner');
+        }
+        const draggingNode = dragState.draggingNode;
+        if (!draggingNode || !dropNode) return;
+
+        let dropPrev = true;
+        let dropInner = true;
+        let dropNext = true;
+        let userAllowDropInner = true;
+        if (typeof this.allowDrop === 'function') {
+          dropPrev = this.allowDrop(draggingNode.node, dropNode.node, 'prev');
+          userAllowDropInner = dropInner = this.allowDrop(draggingNode.node, dropNode.node, 'inner');
+          dropNext = this.allowDrop(draggingNode.node, dropNode.node, 'next');
+        }
+        event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
+        if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
+          if (oldDropNode) {
+            this.$emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
+          }
+          this.$emit('node-drag-enter', draggingNode.node, dropNode.node, event);
+        }
+
+        if (dropPrev || dropInner || dropNext) {
+          dragState.dropNode = dropNode;
+        }
+
+        if (dropNode.node.nextSibling === draggingNode.node) {
+          dropNext = false;
+        }
+        if (dropNode.node.previousSibling === draggingNode.node) {
+          dropPrev = false;
+        }
+        if (dropNode.node.contains(draggingNode.node, false)) {
+          dropInner = false;
+        }
+        if (draggingNode.node === dropNode.node || draggingNode.node.contains(dropNode.node)) {
+          dropPrev = false;
+          dropInner = false;
+          dropNext = false;
+        }
+
+        const targetPosition = dropNode.$el.getBoundingClientRect();
+        const treePosition = this.$el.getBoundingClientRect();
+
+        let dropType;
+        const prevPercent = dropPrev ? (dropInner ? 0.25 : (dropNext ? 0.45 : 1)) : -1;
+        const nextPercent = dropNext ? (dropInner ? 0.75 : (dropPrev ? 0.55 : 0)) : 1;
+
+        let indicatorTop = -9999;
+        const distance = event.clientY - targetPosition.top;
+        if (distance < targetPosition.height * prevPercent) {
+          dropType = 'before';
+        } else if (distance > targetPosition.height * nextPercent) {
+          dropType = 'after';
+        } else if (dropInner) {
+          dropType = 'inner';
+        } else {
+          dropType = 'none';
+        }
+
+        const iconPosition = dropNode.$el.querySelector('.el-tree-node__expand-icon').getBoundingClientRect();
+        const dropIndicator = this.$refs.dropIndicator;
+        if (dropType === 'before') {
+          indicatorTop = iconPosition.top - treePosition.top;
+        } else if (dropType === 'after') {
+          indicatorTop = iconPosition.bottom - treePosition.top;
+        }
+        dropIndicator.style.top = indicatorTop + 'px';
+        dropIndicator.style.left = (iconPosition.right - treePosition.left) + 'px';
+
+        if (dropType === 'inner') {
+          addClass(dropNode.$el, 'is-drop-inner');
+        } else {
+          removeClass(dropNode.$el, 'is-drop-inner');
+        }
+
+        dragState.showDropIndicator = dropType === 'before' || dropType === 'after';
+        dragState.allowDrop = dragState.showDropIndicator || userAllowDropInner;
+        dragState.dropType = dropType;
+        this.$emit('node-drag-over', draggingNode.node, dropNode.node, event);
+      });
+
+      this.$on('tree-node-drag-end', (event) => {
+        const { draggingNode, dropType, dropNode } = dragState;
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'move';
+
+        if (draggingNode && dropNode) {
+          const draggingNodeCopy = { data: draggingNode.node.data };
+          if (dropType !== 'none') {
+            draggingNode.node.remove();
+          }
+          if (dropType === 'before') {
+            dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
+          } else if (dropType === 'after') {
+            dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
+          } else if (dropType === 'inner') {
+            dropNode.node.insertChild(draggingNodeCopy);
+          }
+          if (dropType !== 'none') {
+            this.store.registerNode(draggingNodeCopy);
+          }
+
+          removeClass(dropNode.$el, 'is-drop-inner');
+
+          this.$emit('node-drag-end', draggingNode.node, dropNode.node, dropType, event);
+          if (dropType !== 'none') {
+            this.$emit('node-drop', draggingNode.node, dropNode.node, dropType, event);
+          }
+        }
+        if (draggingNode && !dropNode) {
+          this.$emit('node-drag-end', draggingNode.node, null, dropType, event);
+        }
+
+        dragState.showDropIndicator = false;
+        dragState.draggingNode = null;
+        dragState.dropNode = null;
+        dragState.allowDrop = true;
+      });
+    },
+
+    mounted() {
+      this.initTabIndex();
+      this.$el.addEventListener('keydown', this.handleKeydown);
+    },
+
+    updated() {
+      this.treeItems = this.$el.querySelectorAll('[role=treeitem]');
+      this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
+    }
+  };
+</script>
diff --git a/ui/packages/index.js b/ui/packages/index.js
new file mode 100644
index 00000000..c5ebbee1
--- /dev/null
+++ b/ui/packages/index.js
@@ -0,0 +1,45 @@
+//本地仓库外部组件
+
+// 存储组件列表
+let components = [];
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+const install = function (Vue) {
+  if (install.installed) return;
+  // 遍历注册全局组件
+  let contexts = require.context('.', true, /[\\\/]Ai([^\\\/]+)\.vue$/);
+  Vue.directive('throttle', {
+    bind: function (el, obj) {
+      let timerId = null
+      let flag = true
+
+      el.addEventListener('input', function () {
+        if (!flag) return
+
+        flag = false
+        timerId && clearTimeout(timerId)
+        timerId = setTimeout(function () {
+          flag = true
+          obj.value()
+        }, 800)
+      })
+    }
+  })
+  if (contexts) {
+    contexts.keys().map((e) => {
+      components.push(contexts(e).default);
+      Vue.component(contexts(e).default.name, contexts(e).default);
+    });
+  }
+};
+
+// 判断是否是直接引入文件
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export default {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install,
+  // 以下组件列表
+  ...components
+};
diff --git a/ui/packages/layout/AiCard.vue b/ui/packages/layout/AiCard.vue
new file mode 100644
index 00000000..2a97e547
--- /dev/null
+++ b/ui/packages/layout/AiCard.vue
@@ -0,0 +1,41 @@
+<template>
+  <section class="ai-card">
+    <ai-bar v-if="!hideTitle" :title="title" v-bind="$attrs">
+      <template #title>
+        <slot name="title"></slot>
+      </template>
+      <template #right>
+        <slot name="right"></slot>
+      </template>
+    </ai-bar>
+    <div class="ai-card__body">
+      <slot name="content"></slot>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiCard',
+  props: {
+    title: {
+      type: String
+    },
+    hideTitle: Boolean
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.ai-card {
+  margin-bottom: 20px;
+  background: #FFFFFF;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+  border-radius: 2px;
+
+  .ai-card__body {
+    padding: 12px 40px 22px;
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiDetail.vue b/ui/packages/layout/AiDetail.vue
new file mode 100644
index 00000000..29af08b5
--- /dev/null
+++ b/ui/packages/layout/AiDetail.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="ai-detail">
+    <div class="ai-detail__title">
+      <slot name="title"></slot>
+    </div>
+    <div class="ai-detail__step" v-if="isHasStepSlot">
+      <slot name="step"></slot>
+    </div>
+    <div class="ai-detail__content" :class="className">
+      <div class="ai-detail__content--wrapper" :class="{'ai-detail__content--side':isHasSidebar,list}">
+        <slot name="content"></slot>
+      </div>
+    </div>
+    <div class="ai-detail__footer" v-if="isHasFooterSlot">
+      <slot name="footer"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiDetail',
+
+  props: {
+    isHasSidebar: {
+      type: Boolean,
+      default: false
+    },
+    list: Boolean
+  },
+
+  computed: {
+    isHasFooterSlot() {
+      return this.$slots.footer
+    },
+
+    isHasStepSlot() {
+      return this.$slots.step
+    },
+
+    className() {
+      if (this.isHasFooterSlot) {
+        if (this.isHasStepSlot) {
+          return 'ai-detail__content--active-step'
+        }
+
+        return 'ai-detail__content--active'
+      } else {
+        if (this.isHasStepSlot) {
+          return 'ai-detail__content--step'
+        }
+      }
+
+      return ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-detail {
+  height: 100%;
+  background: #F5F6F9;
+  overflow: hidden;
+
+  .ai-detail__title {
+    margin: 0 20px;
+  }
+
+  .ai-detail__step {
+    height: 72px;
+  }
+
+  .ai-detail__content {
+    height: calc(100% - 48px);
+    padding: 0 0 20px 0;
+    overflow-x: hidden;
+    overflow-y: overlay;
+  }
+
+  @media screen and (max-width: 1740px) {
+    .ai-detail__content {
+      padding: 0 20px 20px;
+    }
+  }
+
+  .ai-detail__content--wrapper {
+    position: relative;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding-top: 20px;
+
+    &.list {
+      max-width: unset;
+      margin: 0 20px;
+    }
+  }
+
+  @media screen and (max-width: 1740px) {
+    .ai-detail__content--side {
+      margin-left: 128px;
+    }
+  }
+
+  .ai-detail__content--active {
+    height: calc(100% - 48px - 64px);
+  }
+
+  .ai-detail__content--active-step {
+    height: calc(100% - 48px - 64px - 72px);
+  }
+
+  .ai-detail__content--step {
+    height: calc(100% - 48px - 72px);
+  }
+
+  .ai-detail__footer {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 64px;
+    background: #F5F5F5;
+    box-shadow: 0px 1px 0px 0px #E5E5E5;
+
+    .el-button {
+      width: 92px;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiDialogBtn.vue b/ui/packages/layout/AiDialogBtn.vue
new file mode 100644
index 00000000..594fd6d6
--- /dev/null
+++ b/ui/packages/layout/AiDialogBtn.vue
@@ -0,0 +1,37 @@
+<template>
+  <section class="AiDialogBtn">
+    <div @click="dialog=true">
+      <slot v-if="$scopedSlots.btn" name="btn"/>
+      <el-button v-else type="text">{{ text }}</el-button>
+    </div>
+    <ai-dialog :visible.sync="dialog" :title="dialogTitle" :width="width" :customFooter="customFooter" v-on="$listeners"
+               @onConfirm="dialog=false,$emit('onConfirm')" v-bind="$attrs">
+      <slot/>
+      <template #footer>
+        <el-button @click="dialog=false">关闭</el-button>
+      </template>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiDialogBtn",
+  props: {
+    text: {default: "点击弹窗"},
+    dialogTitle: {default: "展示信息"},
+    customFooter: {default: true},
+    width: {default: "1200px"}
+  },
+  data() {
+    return {
+      dialog: false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiDialogBtn {
+}
+</style>
diff --git a/ui/packages/layout/AiHighlight.vue b/ui/packages/layout/AiHighlight.vue
new file mode 100644
index 00000000..5265235c
--- /dev/null
+++ b/ui/packages/layout/AiHighlight.vue
@@ -0,0 +1,55 @@
+<template>
+  <section class="AiHighlight" :class="{bold,color}" v-html="html"/>
+</template>
+
+<script>
+export default {
+  name: "AiHighlight",
+  props: {
+    value: {default: ""},
+    content: {default: ""},
+    keywords: {default: () => []},
+    color: {default: ""},
+    bold: Boolean
+  },
+  computed: {
+    words: v => [v.keywords].flat(),
+    html() {
+      let {content, words, value} = this
+      const reg = new RegExp(`(${words.join("|")})`, 'g')
+      content = content?.replace(/(@v)/g, this.keywordRender(value))
+      return !!words.join("|") ? content?.replace(reg, this.keywordRender('$1')) : content
+    }
+  },
+  methods: {
+    keywordRender(word) {
+      const {color} = this
+      return `<p class="keyword" style="color:${color}">${word}</p>`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.AiHighlight ){
+  display: flex;
+  align-items: baseline;
+
+  .keyword {
+    display: block;
+    width: auto;
+    color: $primaryColor;
+  }
+
+  &.color {
+    .keyword {
+    }
+  }
+
+  &.bold {
+    .keyword {
+      font-weight: bold;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiIntro.vue b/ui/packages/layout/AiIntro.vue
new file mode 100644
index 00000000..d3cced76
--- /dev/null
+++ b/ui/packages/layout/AiIntro.vue
@@ -0,0 +1,54 @@
+<template>
+  <section class="AiIntro" v-if="detail.subtitle">
+    <ai-title :title="detail.menuName">
+      <div slot="rightBtn">
+        <el-button type="text" icon="iconfont iconDocumentation">操作示例</el-button>
+      </div>
+      <div slot="sub" v-html="detail.subtitle"/>
+    </ai-title>
+    <el-button type="primary" @click="$emit('start')">开始使用</el-button>
+    <div v-html="detail.guideContent"/>
+  </section>
+  <ai-empty v-else>暂未配置引导页</ai-empty>
+</template>
+
+<script>
+export default {
+  name: "AiIntro",
+  props: {
+    id: {default: ""},
+    instance: Function,
+  },
+  data() {
+    return {
+      rid: "",
+      detail: {}
+    }
+  },
+  methods: {
+    getConfigs() {
+      const {rid: id} = this
+      this.instance.post("/admin/sysappguideconfig/queryDetailById", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
+        }
+      })
+    },
+  },
+  created() {
+    this.rid = this.id || this.$route.name
+    this.getConfigs()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiIntro {
+  :deep(.ailist-title__right ){
+    flex: 1;
+    min-width: 0;
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiList.vue b/ui/packages/layout/AiList.vue
new file mode 100644
index 00000000..0a294140
--- /dev/null
+++ b/ui/packages/layout/AiList.vue
@@ -0,0 +1,248 @@
+<template>
+  <div class="ai-list" :class="listClass">
+    <div class="ai-list__title" v-if="$slots.title">
+      <slot name="title"></slot>
+    </div>
+    <div class="ai-list__tabs" v-if="$slots.tabs">
+      <slot name="tabs"></slot>
+    </div>
+    <div class="ai-list__blank" v-else-if="$slots.blank">
+      <slot name="blank"/>
+    </div>
+    <div class="ai-list__content" v-else :class="contentClass">
+      <div class="ai-list__content--wrapper">
+        <slot name="custom" v-if="!!$slots.custom"/>
+        <template v-else>
+          <div class="ai-list__content--left" v-if="$slots.left">
+            <slot name="left"></slot>
+          </div>
+          <div class="ai-list__content--right" :style="{width: !$slots.left ? '100%' : 'auto' }">
+            <div class="ai-list__content--right-wrapper" :style="{minHeight: $slots.left ? '100%' : 'auto' }">
+              <slot name="content"></slot>
+            </div>
+          </div>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiList',
+  props: {
+    isTabs: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  computed: {
+
+    listClass() {
+      if (this.$slots.left || this.$slots.tabs) {
+        return 'ai-left__list'
+      }
+
+      if (this.isTabs) {
+        return 'ai-left__list ai-list__notab'
+      }
+
+      if (!this.isTabs && !this.$slots.tabs && !this.$slots.left) {
+        return 'ai-list__single'
+      }
+
+      return ''
+    },
+
+    contentClass() {
+      if (this.isTabs) {
+        return 'ai-list__tab--content'
+      }
+
+      return ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+//全局tab  css
+:deep( .ai-list__tabs ){
+  margin-top: 0 !important;
+
+  .el-tabs__item {
+    position: relative;
+    width: auto !important;;
+    padding: 0 16px !important;
+  }
+
+  .el-tabs__item.is-active {
+    color: #222;
+  }
+
+  .el-tabs__nav-wrap::after {
+    height: 1px;
+    background-color: #D8DCE3;
+  }
+
+  .el-tabs__active-bar {
+    // left: -16px;
+    // width: 50%!important;
+  }
+
+  .el-tabs__nav {
+    border-radius: 0 !important;
+  }
+
+  .el-tabs__header {
+    padding: 0;
+    margin: 0 !important;
+  }
+
+  .el-tab-pane {
+    overflow-y: auto;
+  }
+}
+
+.ai-list {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: 0 20px;
+  overflow: hidden;
+  background: #f3f6f9;
+
+  &.ai-list__single {
+    height: 100%;
+    padding: 0;
+
+    .ai-list__title {
+      margin: 0 20px;
+    }
+
+    .ai-list__content {
+      flex: 1;
+      padding: 20px 20px 20px;
+      overflow: hidden;
+    }
+
+    .ai-list__content--wrapper {
+      height: 100%;
+      margin: 0 !important;
+      overflow: hidden;
+    }
+
+    .ai-list__content--right-wrapper {
+      // margin: 0 20px;
+      padding: 20px 20px !important;
+    }
+  }
+
+  div {
+    box-sizing: border-box;
+  }
+
+  .ai-list__tabs {
+    flex: 1;
+    overflow: hidden;
+
+    :deep( .el-tabs__item ){
+      min-width: 80px;
+      height: 32px;
+      line-height: 32px;
+      font-size: 14px;
+      color: #222;
+      text-align: center;
+      border-bottom: 1px solid transparent !important;
+    }
+
+    :deep(.el-tabs__header ){
+      margin: 0;
+    }
+
+    :deep(.el-tabs ){
+      height: 100%;
+    }
+
+    :deep(.el-tabs__content ){
+      height: calc(100% - 32px);
+      background: #f3f6f9;
+
+      & > div {
+        height: 100%;
+      }
+    }
+  }
+
+  .ai-list__content {
+    .ai-list__content--wrapper {
+      display: flex;
+      margin: 20px 0;
+    }
+  }
+
+  .ai-list__content--left {
+    display: flex;
+    flex-shrink: 0;
+    margin-right: 20px;
+    padding-left: 1px;
+    height: 100%;
+    box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+    min-width: 264px;
+    max-width: 50%;
+  }
+
+  .ai-list__content--right {
+    flex: 1;
+    overflow-y: auto;
+
+    .ai-list__content--right-wrapper {
+      padding: 12px 16px 12px;
+      background: #FFFFFF;
+      border-radius: 2px;
+      box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+    }
+  }
+
+  .ai-list__tab--content {
+    height: 100% !important;
+
+    & > div {
+      overflow-y: auto !important;
+    }
+  }
+
+  &.ai-list__notab {
+    padding: 0;
+  }
+
+  .ai-list__blank {
+    flex: 1;
+    padding: 16px;
+    box-sizing: border-box;
+    overflow: auto;
+  }
+}
+
+.ai-left__list {
+  height: 100%;
+  background: #f3f6f9;
+  overflow: hidden;
+
+  .ai-list__content {
+    flex: 1;
+    overflow: hidden;
+
+    .ai-list__content--wrapper {
+      height: calc(100% - 32px);
+    }
+
+    .ai-list__content--right {
+      // margin-left: 11px;
+      overflow: auto;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiSearch.vue b/ui/packages/layout/AiSearch.vue
new file mode 100644
index 00000000..1323e408
--- /dev/null
+++ b/ui/packages/layout/AiSearch.vue
@@ -0,0 +1,52 @@
+<template>
+  <section class="AiSearch">
+    <slot v-if="$slots.label" name="label"/>
+    <span v-else>{{ label }}</span>
+    <div class="content">
+      <slot/>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiSearch",
+  props: {
+    label: {default: ""}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiSearch {
+  display: flex;
+
+  span {
+    background: #F5F5F5;
+    font-size: 14px;
+    color: #666;
+    border: 1px solid #D0D4DC;
+    border-right: none;
+    padding: 0 8px;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  :deep( .el-input__inner ){
+    border-radius: 0;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+
+    * + * {
+      .el-input__inner {
+        margin-left: -1px;
+      }
+    }
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiSearchBar.vue b/ui/packages/layout/AiSearchBar.vue
new file mode 100644
index 00000000..47f865b1
--- /dev/null
+++ b/ui/packages/layout/AiSearchBar.vue
@@ -0,0 +1,101 @@
+<template>
+  <section>
+    <div ref="AiSearchBarZone" class="AiSearchBar" :class="{bottomBorder}" :style="searchBarStyle">
+      <div class="searchLeftZone">
+        <slot name="left"/>
+      </div>
+      <div class="searchRightZone" ref="searchRightZone">
+        <slot name="right"/>
+      </div>
+    </div>
+    <ai-pull-down v-if="!isSingleRow" @change="handlePullDown" :height="rightHeight"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiSearchBar",
+  props: {
+    bottomBorder: Boolean,
+    size: {default: "small"}
+  },
+  computed: {
+    isSingleRow() {
+      return this.height <= 45
+    },
+  },
+  data() {
+    return {
+      height: 0,
+      rightHeight: 0,
+      searchBarStyle: {}
+    }
+  },
+  methods: {
+    handlePullDown(style) {
+      this.searchBarStyle = style
+      if (style.height == 'auto') {
+        this.searchBarStyle.marginBottom = '16px'
+      } else {
+        this.searchBarStyle.marginBottom = '0'
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.height = this.$refs?.AiSearchBarZone?.offsetHeight
+      this.rightHeight = this.$refs?.searchRightZone?.offsetHeight
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiSearchBar {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 10px;
+  padding-bottom: 12px;
+
+  &.bottomBorder {
+    border-bottom: 1px solid #eee;
+  }
+
+  :deep(.searchLeftZone ){
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+  }
+
+  :deep(.searchRightZone ){
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    align-self: flex-start;
+
+    .el-input {
+      width: 280px;
+    }
+
+    * + button, * + div, * + section {
+      margin-left: 8px;
+    }
+  }
+
+  .el-input {
+    width: auto;
+  }
+}
+
+.AiPullDown {
+  margin-top: 8px;
+}
+
+:deep( .searchLeftZone > .el-button), :deep( .searchRightZone > .el-button ){
+  margin-left: 0;
+}
+</style>
diff --git a/ui/packages/layout/AiSidebar.vue b/ui/packages/layout/AiSidebar.vue
new file mode 100644
index 00000000..3ae42cd4
--- /dev/null
+++ b/ui/packages/layout/AiSidebar.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="ai-sidebar">
+    <div class="ai-sidebar__tab">
+      <span
+        :class="[currIndex === index ? 'ai-sidebar__tab--active' : '']"
+        v-for="(item, index) in tabTitle"
+        :key="index"
+        @click="changeTab(index)">
+        {{ item }}
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiSidebar',
+
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+
+  props: {
+    value: {
+      type: Number,
+      require: true,
+      default: 0
+    },
+    tabTitle: {
+      type: Array,
+      default: () => [],
+      required: true
+    }
+  },
+
+  watch: {
+    value (v) {
+      if (v >= 0 && this.currIndex !== v) {
+        this.currIndex = v
+      }
+    }
+  },
+
+  data() {
+    return {
+      currIndex: 0
+    }
+  },
+
+  mounted () {
+    if (this.value > 0) {
+      this.currIndex = this.value
+    }
+  },
+
+  methods: {
+    changeTab(index) {
+      this.currIndex = index
+      this.$emit('change', index)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-sidebar {
+  position: fixed;
+  margin-left: -20px;
+  font-size: 14px;
+  transform: translateX(-100%);
+
+  .ai-sidebar__tab {
+    min-width: 88px;
+    overflow: hidden;
+
+    span {
+      display: block;
+      height: 40px;
+      line-height: 40px;
+      padding: 0 16px;
+      text-align: center;
+      font-size: 14px;
+      font-weight: normal;
+      font-stretch: normal;
+      letter-spacing: 0;
+      color: #666666;
+      cursor: pointer;
+      border-right: 3px solid #D8DCE3;
+    }
+
+    .ai-sidebar__tab--active {
+      border-right: 3px solid $primaryColor;
+      color: $primaryColor;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/layout/AiTreeMenu.vue b/ui/packages/layout/AiTreeMenu.vue
new file mode 100644
index 00000000..db1f3b56
--- /dev/null
+++ b/ui/packages/layout/AiTreeMenu.vue
@@ -0,0 +1,134 @@
+<template>
+  <section class="AiTreeMenu">
+    <b>{{ title }}</b>
+    <el-input v-if="!hideInput" size="small" class="searchInput" v-model="searchText" :placeholder="searchPlaceholder"
+              suffix-icon="iconfont iconSearch" @change="handleSearch()" clearable/>
+    <div class="treePanel" v-if="$slots.default">
+      <slot/>
+    </div>
+    <div class="bottomBar" v-if="$slots.bottom">
+      <slot name="bottom"/>
+    </div>
+    <div v-else class="mar-t8"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiTreeMenu",
+  props: {
+    title: String,
+    search: String,
+    searchPlaceholder: {type: String, default: "请输入..."},
+    hideInput: Boolean
+  },
+  watch: {
+    searchText(v) {
+      this.$emit("update:search", v)
+    }
+  },
+  data() {
+    return {
+      searchText: "",
+      origin: [],
+      root: ""
+    }
+  },
+  methods: {
+    handleSearch() {
+      if (this.$slots.default) {
+        this.$emit('search', this.searchText)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiTreeMenu {
+  background: #FAFAFB;
+  border-radius: 2px 2px 0 0;
+  border: 1px solid #e5e5e5;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  min-width: 264px;
+  overflow: hidden;
+  font-size: 14px;
+
+  & > b {
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    color: #222;
+    flex-shrink: 0;
+    height: 40px;
+    background: #EEEFF1;
+    border-bottom: 1px solid #E5E5E5;
+  }
+
+  :deep( .searchInput ){
+    width: 100%;
+    padding: 8px;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+
+    input {
+      border-radius: 0;
+    }
+
+    .el-input__suffix {
+      transform: translateX(-12px);
+      color: #8899BB;
+    }
+  }
+
+  .treePanel {
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+    width: 100%;
+    position: relative;
+    box-sizing: border-box;
+    overflow: auto;
+
+    & > * {
+      margin: 0 8px;
+    }
+
+    :deep(.el-tree ){
+      height: 100%;
+      background: #FAFAFB;
+
+      .el-tree-node__children {
+        overflow-x: auto;
+      }
+
+      .el-tree-node__label {
+        // overflow: hidden;
+        // text-overflow: ellipsis;
+      }
+
+      .el-tree-node__expand-icon {
+        color: #8899BB;
+
+        &.is-leaf {
+          color: transparent;
+        }
+      }
+
+      .is-current > .el-tree-node__content {
+        min-width: fit-content;
+      }
+    }
+  }
+
+  .bottomBar {
+    flex-shrink: 0;
+    min-height: 0;
+    width: 100%;
+  }
+}
+</style>
diff --git a/ui/packages/tools/AiCodeEditor.vue b/ui/packages/tools/AiCodeEditor.vue
new file mode 100644
index 00000000..224ea843
--- /dev/null
+++ b/ui/packages/tools/AiCodeEditor.vue
@@ -0,0 +1,675 @@
+<template>
+  <section class="AiCodeEditor ">
+    <div class="dark" ref="editorContent"/>
+  </section>
+</template>
+
+<script>
+import CodeMirror from "codemirror"
+// modes
+import 'codemirror/mode/javascript/javascript.js'
+import 'codemirror/mode/css/css.js'
+import 'codemirror/mode/htmlmixed/htmlmixed.js'
+
+// addons
+import 'codemirror/addon/edit/closebrackets.js'
+import 'codemirror/addon/edit/closetag.js'
+import 'codemirror/addon/comment/comment.js'
+import 'codemirror/addon/fold/foldcode.js'
+import 'codemirror/addon/fold/foldgutter.js'
+import 'codemirror/addon/fold/brace-fold.js'
+import 'codemirror/addon/fold/indent-fold.js'
+import 'codemirror/addon/fold/comment-fold.js'
+
+export default {
+  name: "AiCodeEditor",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {default: ""},
+    mode: {default: "htmlmixed"},
+    readonly: Boolean
+  },
+  data() {
+    return {
+      editor: null,
+    }
+  },
+  watch: {
+    value(v) {
+      if (v != this.editor?.getValue()) {
+        this.editor?.setValue(v)
+      }
+    }
+  },
+  methods: {
+    initEditor() {
+      const options = {
+        ...this.$props,
+        tabSize: 2,
+        autoCloseBrackets: true,
+        autoCloseTags: true,
+        foldGutter: true,
+        lineWrapping: true,
+        lineNumbers: true,
+        // theme: 'idea',
+        gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
+      }
+      this.editor = new CodeMirror(this.$refs.editorContent, options)
+      this.editor.on('change', () => {
+        this.$emit("change", this.editor.getValue())
+      })
+    }
+  },
+  mounted() {
+    this.initEditor()
+  }
+}
+</script>
+
+<style lang="scss">
+.AiCodeEditor {
+  background-color: #242424;
+
+  .CodeMirror {
+    color: var(--symbols);
+    --symbols: #777;
+    --base: #545281;
+    --comment: hsl(210, 25%, 60%);
+    --keyword: #af4ab1;
+    --variable: var(--base);
+    --function: #c25205;
+    --string: #2ba46d;
+    --number: #c25205;
+    --tags: #dd0000;
+    --brackets: var(--comment);
+    --qualifier: #ff6032;
+    --important: var(--string);
+    --attribute: #9c3eda;
+    --property: #6182b8;
+
+    --selected-bg: #d7d4f0;
+    --selected-bg-non-focus: #d9d9d9;
+    --cursor: #000;
+
+    direction: ltr;
+    font-family: var(--font-code);
+    height: auto;
+  }
+
+  .dark .CodeMirror {
+    color: var(--symbols);
+    --symbols: #89ddff;
+    --base: #a6accd;
+    --comment: #6d6d6d;
+    --keyword: #89ddff;
+    --string: #c3e88d;
+    --variable: #82aaff;
+    --number: #f78c6c;
+    --tags: #f07178;
+    --brackets: var(--symbols);
+    --property: #f07178;
+    --attribute: #c792ea;
+    --cursor: #fff;
+
+    --selected-bg: rgba(255, 255, 255, 0.1);
+    --selected-bg-non-focus: rgba(255, 255, 255, 0.15);
+  }
+
+  /* PADDING */
+
+  .CodeMirror-lines {
+    padding: 4px 0; /* Vertical padding around content */
+  }
+
+  .CodeMirror pre {
+    padding: 0 4px; /* Horizontal padding of content */
+  }
+
+  .CodeMirror-scrollbar-filler,
+  .CodeMirror-gutter-filler {
+    background-color: white; /* The little square between H and V scrollbars */
+  }
+
+  /* GUTTER */
+
+  .CodeMirror-gutters {
+    border-right: 1px solid var(--border);
+    background-color: transparent;
+    white-space: nowrap;
+  }
+
+  .CodeMirror-linenumber {
+    padding: 0 3px 0 5px;
+    min-width: 20px;
+    text-align: right;
+    color: var(--comment);
+    white-space: nowrap;
+    opacity: 0.6;
+  }
+
+  .CodeMirror-guttermarker {
+    color: black;
+  }
+
+  .CodeMirror-guttermarker-subtle {
+    color: #999;
+  }
+
+  /* FOLD GUTTER */
+
+  .CodeMirror-foldmarker {
+    color: #414141;
+    text-shadow: #ff9966 1px 1px 2px, #ff9966 -1px -1px 2px, #ff9966 1px -1px 2px,
+    #ff9966 -1px 1px 2px;
+    font-family: arial;
+    line-height: 0.3;
+    cursor: pointer;
+  }
+
+  .CodeMirror-foldgutter {
+    width: 0.7em;
+  }
+
+  .CodeMirror-foldgutter-open,
+  .CodeMirror-foldgutter-folded {
+    cursor: pointer;
+  }
+
+  .CodeMirror-foldgutter-open:after,
+  .CodeMirror-foldgutter-folded:after {
+    content: '>';
+    font-size: 0.8em;
+    opacity: 0.8;
+    transition: transform 0.2s;
+    display: inline-block;
+    top: -0.1em;
+    position: relative;
+    transform: rotate(90deg);
+  }
+
+  .CodeMirror-foldgutter-folded:after {
+    transform: none;
+  }
+
+  /* CURSOR */
+
+  .CodeMirror-cursor {
+    border-left: 1px solid var(--cursor);
+    border-right: none;
+    width: 0;
+  }
+
+  /* Shown when moving in bi-directional text */
+  .CodeMirror div.CodeMirror-secondarycursor {
+    border-left: 1px solid silver;
+  }
+
+  .cm-fat-cursor .CodeMirror-cursor {
+    width: auto;
+    border: 0 !important;
+    background: #7e7;
+  }
+
+  .cm-fat-cursor div.CodeMirror-cursors {
+    z-index: 1;
+  }
+
+  .cm-fat-cursor-mark {
+    background-color: rgba(20, 255, 20, 0.5);
+    -webkit-animation: blink 1.06s steps(1) infinite;
+    -moz-animation: blink 1.06s steps(1) infinite;
+    animation: blink 1.06s steps(1) infinite;
+  }
+
+  .cm-animate-fat-cursor {
+    width: auto;
+    border: 0;
+    -webkit-animation: blink 1.06s steps(1) infinite;
+    -moz-animation: blink 1.06s steps(1) infinite;
+    animation: blink 1.06s steps(1) infinite;
+    background-color: #7e7;
+  }
+
+  @-moz-keyframes blink {
+    0% {
+    }
+    50% {
+      background-color: transparent;
+    }
+    100% {
+    }
+  }
+  @-webkit-keyframes blink {
+    0% {
+    }
+    50% {
+      background-color: transparent;
+    }
+    100% {
+    }
+  }
+  @keyframes blink {
+    0% {
+    }
+    50% {
+      background-color: transparent;
+    }
+    100% {
+    }
+  }
+
+  .cm-tab {
+    display: inline-block;
+    text-decoration: inherit;
+  }
+
+  .CodeMirror-rulers {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: -50px;
+    bottom: -20px;
+    overflow: hidden;
+  }
+
+  .CodeMirror-ruler {
+    border-left: 1px solid #ccc;
+    top: 0;
+    bottom: 0;
+    position: absolute;
+  }
+
+  /* DEFAULT THEME */
+  .cm-s-default.CodeMirror {
+    background-color: transparent;
+  }
+
+  .cm-s-default .cm-header {
+    color: blue;
+  }
+
+  .cm-s-default .cm-quote {
+    color: #090;
+  }
+
+  .cm-negative {
+    color: #d44;
+  }
+
+  .cm-positive {
+    color: #292;
+  }
+
+  .cm-header,
+  .cm-strong {
+    font-weight: bold;
+  }
+
+  .cm-em {
+    font-style: italic;
+  }
+
+  .cm-link {
+    text-decoration: underline;
+  }
+
+  .cm-strikethrough {
+    text-decoration: line-through;
+  }
+
+  .cm-s-default .cm-atom,
+  .cm-s-default .cm-def,
+  .cm-s-default .cm-variable-2,
+  .cm-s-default .cm-variable-3,
+  .cm-s-default .cm-punctuation {
+    color: var(--base);
+  }
+
+  .cm-s-default .cm-property {
+    color: var(--property);
+  }
+
+  .cm-s-default .cm-hr,
+  .cm-s-default .cm-comment {
+    color: var(--comment);
+  }
+
+  .cm-s-default .cm-attribute {
+    color: var(--attribute);
+  }
+
+  .cm-s-default .cm-keyword {
+    color: var(--keyword);
+  }
+
+  .cm-s-default .cm-variable {
+    color: var(--variable);
+  }
+
+  .cm-s-default .cm-tag {
+    color: var(--tags);
+  }
+
+  .cm-s-default .cm-bracket {
+    color: var(--brackets);
+  }
+
+  .cm-s-default .cm-number {
+    color: var(--number);
+  }
+
+  .cm-s-default .cm-string,
+  .cm-s-default .cm-string-2 {
+    color: var(--string);
+  }
+
+  .cm-s-default .cm-type {
+    color: #085;
+  }
+
+  .cm-s-default .cm-meta {
+    color: #555;
+  }
+
+  .cm-s-default .cm-qualifier {
+    color: var(--qualifier);
+  }
+
+  .cm-s-default .cm-builtin {
+    color: #7539ff;
+  }
+
+  .cm-s-default .cm-link {
+    color: var(--flash);
+  }
+
+  .cm-s-default .cm-error {
+    color: #ff008c;
+  }
+
+  .cm-invalidchar {
+    color: #ff008c;
+  }
+
+  .CodeMirror-composing {
+    border-bottom: 2px solid;
+  }
+
+  /* Default styles for common addons */
+
+  div.CodeMirror span.CodeMirror-matchingbracket {
+    color: #0b0;
+  }
+
+  div.CodeMirror span.CodeMirror-nonmatchingbracket {
+    color: #a22;
+  }
+
+  .CodeMirror-matchingtag {
+    background: rgba(255, 150, 0, 0.3);
+  }
+
+  .CodeMirror-activeline-background {
+    background: #e8f2ff;
+  }
+
+  /* STOP */
+
+  /* The rest of this file contains styles related to the mechanics of
+     the editor. You probably shouldn't touch them. */
+
+  .CodeMirror {
+    position: relative;
+    overflow: hidden;
+    background: white;
+  }
+
+  .CodeMirror-scroll {
+    overflow: scroll !important; /* Things will break if this is overridden */
+    /* 30px is the magic margin used to hide the element's real scrollbars */
+    /* See overflow: hidden in .CodeMirror */
+    margin-bottom: -30px;
+    margin-right: -30px;
+    padding-bottom: 30px;
+    height: 100%;
+    outline: none; /* Prevent dragging from highlighting the element */
+    position: relative;
+  }
+
+  .CodeMirror-sizer {
+    position: relative;
+    border-right: 30px solid transparent;
+  }
+
+  /* The fake, visible scrollbars. Used to force redraw during scrolling
+     before actual scrolling happens, thus preventing shaking and
+     flickering artifacts. */
+  .CodeMirror-vscrollbar,
+  .CodeMirror-hscrollbar,
+  .CodeMirror-scrollbar-filler,
+  .CodeMirror-gutter-filler {
+    position: absolute;
+    z-index: 6;
+    display: none;
+  }
+
+  .CodeMirror-vscrollbar {
+    right: 0;
+    top: 0;
+    overflow-x: hidden;
+    overflow-y: scroll;
+  }
+
+  .CodeMirror-hscrollbar {
+    bottom: 0;
+    left: 0;
+    overflow-y: hidden;
+    overflow-x: scroll;
+  }
+
+  .CodeMirror-scrollbar-filler {
+    right: 0;
+    bottom: 0;
+  }
+
+  .CodeMirror-gutter-filler {
+    left: 0;
+    bottom: 0;
+  }
+
+  .CodeMirror-gutters {
+    position: absolute;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    z-index: 3;
+  }
+
+  .CodeMirror-gutter {
+    white-space: normal;
+    height: 100%;
+    display: inline-block;
+    vertical-align: top;
+    margin-bottom: -30px;
+  }
+
+  .CodeMirror-gutter-wrapper {
+    position: absolute;
+    z-index: 4;
+    background: none !important;
+    border: none !important;
+  }
+
+  .CodeMirror-gutter-background {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 4;
+  }
+
+  .CodeMirror-gutter-elt {
+    position: absolute;
+    cursor: default;
+    z-index: 4;
+  }
+
+  .CodeMirror-gutter-wrapper ::selection {
+    background-color: transparent;
+  }
+
+  .CodeMirror-gutter-wrapper ::-moz-selection {
+    background-color: transparent;
+  }
+
+  .CodeMirror-lines {
+    cursor: text;
+    min-height: 1px; /* prevents collapsing before first draw */
+  }
+
+  .CodeMirror pre {
+    /* Reset some styles that the rest of the page might have set */
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    border-width: 0;
+    background: transparent;
+    font-family: inherit;
+    font-size: inherit;
+    margin: 0;
+    white-space: pre;
+    word-wrap: normal;
+    line-height: inherit;
+    color: inherit;
+    z-index: 2;
+    position: relative;
+    overflow: visible;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-font-variant-ligatures: contextual;
+    font-variant-ligatures: contextual;
+  }
+
+  .CodeMirror-wrap pre {
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    word-break: normal;
+  }
+
+  .CodeMirror-linebackground {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 0;
+  }
+
+  .CodeMirror-linewidget {
+    position: relative;
+    z-index: 2;
+    padding: 0.1px; /* Force widget margins to stay inside of the container */
+  }
+
+  .CodeMirror-rtl pre {
+    direction: rtl;
+  }
+
+  .CodeMirror-code {
+    outline: none;
+  }
+
+  /* Force content-box sizing for the elements where we expect it */
+  .CodeMirror-scroll,
+  .CodeMirror-sizer,
+  .CodeMirror-gutter,
+  .CodeMirror-gutters,
+  .CodeMirror-linenumber {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+
+  .CodeMirror-measure {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    visibility: hidden;
+  }
+
+  .CodeMirror-cursor {
+    position: absolute;
+    pointer-events: none;
+  }
+
+  .CodeMirror-measure pre {
+    position: static;
+  }
+
+  div.CodeMirror-cursors {
+    visibility: hidden;
+    position: relative;
+    z-index: 3;
+  }
+
+  div.CodeMirror-dragcursors {
+    visibility: visible;
+  }
+
+  .CodeMirror-focused div.CodeMirror-cursors {
+    visibility: visible;
+  }
+
+  .CodeMirror-selected {
+    background: var(--selected-bg-non-focus);
+  }
+
+  .CodeMirror-focused .CodeMirror-selected {
+    background: var(--selected-bg);
+  }
+
+  .CodeMirror-crosshair {
+    cursor: crosshair;
+  }
+
+  .CodeMirror-line::selection,
+  .CodeMirror-line > span::selection,
+  .CodeMirror-line > span > span::selection {
+    background: var(--selected-bg);
+  }
+
+  .CodeMirror-line::-moz-selection,
+  .CodeMirror-line > span::-moz-selection,
+  .CodeMirror-line > span > span::-moz-selection {
+    background: var(--selected-bg);
+  }
+
+  .cm-searching {
+    background-color: #ffa;
+    background-color: rgba(255, 255, 0, 0.4);
+  }
+
+  /* Used to force a border model for a node */
+  .cm-force-border {
+    padding-right: 0.1px;
+  }
+
+  @media print {
+    /* Hide the cursor when printing */
+    .CodeMirror div.CodeMirror-cursors {
+      visibility: hidden;
+    }
+  }
+
+  /* See issue #2901 */
+  .cm-tab-wrap-hack:after {
+    content: '';
+  }
+
+  /* Help users use markselection to safely style text background */
+  span.CodeMirror-selectedtext {
+    background: none;
+  }
+}
+</style>
diff --git a/ui/packages/tools/AiDownload.vue b/ui/packages/tools/AiDownload.vue
new file mode 100644
index 00000000..5020e48a
--- /dev/null
+++ b/ui/packages/tools/AiDownload.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="ai-download">
+    <a @click="onExport">
+      <slot slot v-if="isHasSlot"></slot>
+    </a>
+    <template v-if="!isHasSlot">
+      <el-button :disabled="disabled" icon="iconfont iconExported" @click="onExport">导出</el-button>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiDownload',
+
+  props: {
+    url: {
+      type: String,
+      default: '',
+      required: true
+    },
+
+    timeout: {
+      type: Number,
+      default: 80000
+    },
+
+    instance: {
+      type: Function,
+      required: true
+    },
+
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+
+    params: {
+      type: Object
+    },
+
+    fileName: {
+      type: String,
+      default: '文件'
+    },
+
+    suffixName: {
+      type: String,
+      default: 'xls'
+    }
+  },
+
+  computed: {
+    isHasSlot() {
+      return this.$slots.default
+    }
+  },
+
+  methods: {
+    onExport() {
+      if (this.disabled) {
+        return this.$message.error('暂无数据')
+      }
+      this.instance.post(this.url, this.params, {
+        responseType: 'blob',
+        params: this.params,
+        timeout: this.timeout
+      }).then(res => {
+        if (res?.type == "application/json") {
+          let reader = new FileReader()
+          reader.readAsText(res, "utf-8")
+          reader.onload = e => {
+            if (e.target.readyState === 2) {
+              let ret = JSON.parse(e.target.result)
+              if (ret?.code == 0) {
+                this.$message.success(ret.msg)
+              } else this.$message.error(ret.msg)
+            }
+          }
+        } else {
+          const link = document.createElement('a')
+          let blob = new Blob([res], {type: res.type})
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          link.setAttribute('download', this.fileName + '.' + this.suffixName)
+          document.body.appendChild(link)
+          link.click()
+          document.body.removeChild(link)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/ui/packages/tools/AiEchart.vue b/ui/packages/tools/AiEchart.vue
new file mode 100644
index 00000000..ac692d4d
--- /dev/null
+++ b/ui/packages/tools/AiEchart.vue
@@ -0,0 +1,183 @@
+<template>
+  <section class="AiEchart">
+    <div ref="AiEchart" class="chart" :style="{minWidth:grid.width,minHeight:grid.height}"/>
+    <slot v-if="$slots.default"/>
+    <render-component v-else-if="ops.render" :render="ops.render" :options="chartOptions" :data="data"/>
+  </section>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+
+export default {
+  name: "AiEchart",
+  props: {
+    data: {default: () => []},
+    ops: {default: () => ({})},
+    type: {default: "line"},
+    series: Object,
+    theme: {
+      default: '0'
+    }
+  },
+  components: {
+    renderComponent: {
+      functional: true,
+      props: {
+        render: Function,
+        options: {default: () => ({})},
+        data: {default: () => []}
+      },
+      render(h, ins) {
+        let {options = {}, data} = ins.props
+        return ins.props.render(h, {...options, data})
+      }
+    }
+  },
+
+  data() {
+    return {
+      chart: null,
+      timer: null
+    }
+  },
+  computed: {
+    colors () {
+      if (this.theme === '0') {
+        return ['#2896FF', '#09DBFE', '#61FDB9', '#FFBB69', '#8429FF', '#ea7ccc']
+      }
+
+      return ['#D4380D', '#CF1322', '#D55800', '#FA8C16', '#FFC53D', '#FFA940', '#FFC53D', '#780000']
+    },
+
+    chartOptions() {
+      let {type, data, ops: options = {}} = this,
+          style = this.series ? this.series : this.ops.daemon ? this.ops.daemon : {},
+          colors = this.theme === '1' ? this.colors : (options.color || this.colors),
+          legend = {textStyle: {color: '#fff', padding: [0, 0, 0, 8], fontSize: 14}},
+          series = data?.[0] ? Array(Object.keys(data?.[0]).length - 1).fill(1)
+          .map((e, i) => ({type, ...(typeof style == 'object' ? style : style(colors[i]))})) : []
+      let ops = {
+        tooltip: {},
+        xAxis: {
+          type: 'category', nameGap: 20, axisTick: false,
+          axisLabel: {
+            color: '#fff',
+            interval: 0,
+            rotate: this.data.length > 10 ? 40 : 0
+          },
+          axisLine: {
+            lineStyle: {
+              color: this.theme === '1' ? 'rgba(239, 163, 51, 0.8)' : 'rgba(255,255,255,.5)'
+            }
+          }
+        },
+        // 声明一个 Y 轴，数值轴。
+        yAxis: {
+          nameGap: 23, minInterval: 1,
+          splitLine: {
+            lineStyle: {
+              color: this.theme === '1' ? 'rgba(255, 197, 52, 0.4)' : 'rgba(255, 255, 255, .2)',
+              type: 'dashed'
+            }
+          },
+          axisLabel: {color: '#fff'}
+        },
+        legend, series, ...options,
+        color: colors,
+        grid: {
+          left: '0%',
+          right: '0%',
+          bottom: '0%',
+          top: '40px',
+          containLabel: true
+        },
+      }
+      if (JSON.stringify(this.ops) != JSON.stringify(ops)) this.$emit("update:ops", ops)
+      return ops
+    },
+    grid() {
+      let {width, height} = this.chartOptions.grid || {}
+      return {
+        width: width ? width + 'px' : 'auto',
+        height: height ? height + 'px' : 'auto'
+      }
+    }
+  },
+  watch: {
+    data: {
+      deep: true, handler(v, old) {
+        let oldDims = Object.keys(old?.[0] || {})?.toString(),
+            current = Object.keys(v?.[0] || {})?.toString()
+        this.getChartData(oldDims != current)
+      }
+    },
+
+    theme () {
+      this.refresh()
+    }
+  },
+  methods: {
+    getChartData(render) {
+      if (!render) {
+        this.chart?.setOption({
+          dataset: {
+            source: this.data || []
+          }
+        })
+      } else {
+        this.chart?.setOption({
+          ...this.chartOptions,
+          dataset: {
+            source: this.data || []
+          }
+        }, true)
+      }
+    },
+    initChart() {
+      this.chart = echarts.init(this.$refs.AiEchart)
+      this.chart.setOption(this.chartOptions || {})
+    },
+    watchResize() {
+      this.timer && clearInterval(this.timer)
+      this.timer = setInterval(() => {
+        if (this.chart?.getHeight() != this.$refs.AiEchart?.clientHeight ||
+            this.chart?.getWidth() != this.$refs.AiEchart?.clientWidth) {
+          this.chart?.resize()
+        }
+      }, 1000)
+      //5分钟后停止监听
+      setTimeout(() => this.timer && clearInterval(this.timer), 5 * 60 * 1000)
+    },
+    refresh() {
+      this.chart.setOption(this.chartOptions || {})
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.watchResize()
+      this.initChart()
+      this.getChartData()
+    })
+  },
+  beforeDestroy() {
+    this.timer && clearInterval(this.timer)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiEchart {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  min-width: 100px;
+  min-height: 0;
+  position: relative;
+
+  .chart {
+    height: 100%;
+    min-height: 100px;
+  }
+}
+</style>
diff --git a/ui/packages/tools/AiFlow.vue b/ui/packages/tools/AiFlow.vue
new file mode 100644
index 00000000..7be926f5
--- /dev/null
+++ b/ui/packages/tools/AiFlow.vue
@@ -0,0 +1,205 @@
+<template>
+  <section class="AiFlow">
+    <div ref="lfIns" :style="{height}"/>
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "AiFlow",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: String,
+    config: Object,
+    height: {default: '400px'},
+    readonly: Boolean,
+    process: {default: null}
+  },
+  computed: {
+    dndPanelConfigs: () => [
+      {
+        type: 'start',
+        text: '开始',
+        label: '开始',
+        icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAAnBJREFUOBGdVL1rU1EcPfdGBddmaZLiEhdx1MHZQXApraCzQ7GKLgoRBxMfcRELuihWKcXFRcEWF8HBf0DdDCKYRZpnl7p0svLe9Zzbd29eQhTbC8nv+9zf130AT63jvooOGS8Vf9Nt5zxba7sXQwODfkWpkbjTQfCGUd9gIp3uuPP8bZ946g56dYQvnBg+b1HB8VIQmMFrazKcKSvFW2dQTxJnJdQ77urmXWOMBCmXM2Rke4S7UAW+/8ywwFoewmBps2tu7mbTdp8VMOkIRAkKfrVawalJTtIliclFbaOBqa0M2xImHeVIfd/nKAfVq/LGnPss5Kh00VEdSzfwnBXPUpmykNss4lUI9C1ga+8PNrBD5YeqRY2Zz8PhjooIbfJXjowvQJBqkmEkVnktWhwu2SM7SMx7Cj0N9IC0oQXRo8xwAGzQms+xrB/nNSUWVveI48ayrFGyC2+E2C+aWrZHXvOuz+CiV6iycWe1Rd1Q6+QUG07nb5SbPrL4426d+9E1axKjY3AoRrlEeSQo2Eu0T6BWAAr6COhTcWjRaYfKG5csnvytvUr/WY4rrPMB53Uo7jZRjXaG6/CFfNMaXEu75nG47X+oepU7PKJvvzGDY1YLSKHJrK7vFUwXKkaxwhCW3u+sDFMVrIju54RYYbFKpALZAo7sB6wcKyyrd+aBMryMT2gPyD6GsQoRFkGHr14TthZni9ck0z+Pnmee460mHXbRAypKNy3nuMdrWgVKj8YVV8E7PSzp1BZ9SJnJAsXdryw/h5ctboUVi4AFiCd+lQaYMw5z3LGTBKjLQOeUF35k89f58Vv/tGh+l+PE/wG0rgfIUbZK5AAAAABJRU5ErkJggg==',
+      },
+      {
+        type: 'task',
+        label: '流程节点',
+        icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAABGdBTUEAALGPC/xhBQAAAqlJREFUOBF9VM9rE0EUfrMJNUKLihGbpLGtaCOIR8VjQMGDePCgCCIiCNqzCAp2MyYUCXhUtF5E0D+g1t48qAd7CCLqQUQKEWkStcEfVGlLdp/fm3aW2QQdyLzf33zz5m2IsAZ9XhDpyaaIZkTS4ASzK41TFao88GuJ3hsr2pAbipHxuSYyKRugagICGANkfFnNh3HeE2N0b3nN2cgnpcictw5veJIzxmDamSlxxQZicq/mflxhbaH8BLRbuRwNtZp0JAhoplVRUdzmCe/vO27wFuuA3S5qXruGdboy5/PRGFsbFGKo/haRtQHIrM83bVeTrOgNhZReWaYGnE4aUQgTJNvijJFF4jQ8BxJE5xfKatZWmZcTQ+BVgh7s8SgPlCkcec4mGTmieTP4xd7PcpIEg1TX6gdeLW8rTVMVLVvb7ctXoH0Cydl2QOPJBG21STE5OsnbweVYzAnD3A7PVILuY0yiiyDwSm2g441r6rMSgp6iK42yqroI2QoXeJVeA+YeZSa47gZdXaZWQKTrG93rukk/l2Al6Kzh5AZEl7dDQy+JjgFahQjRopSxPbrbvK7GRe9ePWBo1wcU7sYrFZtavXALwGw/7Dnc50urrHJuTPSoO2IMV3gUQGNg87IbSOIY9BpiT9HV7FCZ94nPXb3MSnwHn/FFFE1vG6DTby+r31KAkUktB3Qf6ikUPWxW1BkXSPQeMHHiW0+HAd2GelJsZz1OJegCxqzl+CLVHa/IibuHeJ1HAKzhuDR+ymNaRFM+4jU6UWKXorRmbyqkq/D76FffevwdCp+jN3UAN/C9JRVTDuOxC/oh+EdMnqIOrlYteKSfadVRGLJFJPSB/ti/6K8f0CNymg/iH2gO/f0DwE0yjAFO6l8JaR5j0VPwPwfaYHqOqrCI319WzwhwzNW/aQAAAABJRU5ErkJggg==',
+      },
+      {
+        type: 'gateway',
+        label: '条件判断',
+        icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAAHeEJUAAAAABGdBTUEAALGPC/xhBQAAAvVJREFUOBGNVEFrE0EU/mY3bQoiFlOkaUJrQUQoWMGePLX24EH0IIoHKQiCV0G8iE1covgLiqA/QTzVm1JPogc9tIJYFaQtlhQxqYjSpunu+L7JvmUTU3AgmTfvffPNN++9WSA1DO182f6xwILzD5btfAoQmwL5KJEwiQyVbSVZ0IgRyV6PTpIJ81E5ZvqfHQR0HUOBHW4L5Et2kQ6Zf7iAOhTFAA8s0pEP7AXO1uAA52SbqGk6h/6J45LaLhO64ByfcUzM39V7ZiAdS2yCePPEIQYvTUHqM/n7dgQNfBKWPjpF4ISk8q3J4nB11qw6X8l+FsF3EhlkEMfrjIer3wJTLwS2aCNcj4DbGxXTw00JmAuO+Ni6bBxVUCvS5d9aa04+so4pHW5jLTywuXAL7jJ+D06sl82Sgl2JuVBQn498zkc2bGKxULHjCnSMadBKYDYYHAtsby1EQ5lNGrQd4Y3v4Zo0XdGEmDno46yCM9Tk+RiJmUYHS/aXHPNTcjxcbTFna000PFJHIVZ5lFRqRpJWk9/+QtlOUYJj9HG5pVFEU7zqIYDVsw2s+AJaD8wTd2umgSCCyUxgGsS1Y6TBwXQQTFuZaHcd8gAGioE90hlsY+wMcs30RduYtxanjMGal8H5dMW67dmT1JFtYUEe8LiQLRsPZ6IIc7A4J5tqco3T0pnv/4u0kyzrYUq7gASuEyI8VXKvB9Odytv6jS/PNaZBln0nioJG/AVQRZvApOdhjj3Jt8QC8Im09SafwdBdvIpztpxWxpeKCC+EsFdS8DCyuCn2munFpL7ctHKp+Xc5cMybeIyMAN33SPL3ZR9QV1XVwLyzHm6Iv0/yeUuUb7PPlZC4D4HZkeu6dpF4v9j9MreGtMbxMMRLIcjJic9yHi7WQ3yVKzZVWUr5UrViJvn1FfUlwe/KYVfYyWRLSGNu16hR01U9IacajXPei0wx/5BqgInvJN+MMNtNme7ReU9SBbgntovn0kKHpFg7UogZvaZiOue/q1SBo9ktHzQAAAAASUVORK5CYII=',
+      },
+      {
+        type: 'end',
+        text: '结束',
+        label: '结束',
+        icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAA1BJREFUOBFtVE1IVUEYPXOf+tq40Y3vPcmFIdSjIorWoRG0ERWUgnb5FwVhYQSl72oUoZAboxKNFtWiwKRN0M+jpfSzqJAQclHo001tKkjl3emc8V69igP3znzfnO/M9zcDcKT67azmjYWTwl9Vn7Vumeqzj1DVb6cleQY4oAVnIOPb+mKAGxQmKI5CWNJ2aLPatxWa3aB9K7/fB+/Z0jUF6TmMlFLQqrkECWQzOZxYGjTlOl8eeKaIY5yHnFn486xBustDjWT6dG7pmjHOJd+33t0iitTPkK6tEvjxq4h2MozQ6WFSX/LkDUGfFwfhEZj1Auz/U4pyAi5Sznd7uKzznXeVHlI/Aywmk6j7fsUsEuCGADrWARXXwjxWQsUbIupDHJI7kF5dRktg0eN81IbiZXiTESic50iwS+t1oJgL83jAiBupLDCQqwziaWSoAFSeIR3P5Xv5az00wyIn35QRYTwdSYbz8pH8fxUUAtxnFvYmEmgI0wYXUXcCCSpeEVpXlsRhBnCEATxWylL9+EKCAYhe1NGstUa6356kS9NVvt3DU2fd+Wtbm/+lSbylJqsqkSm9CRhvoJVlvKPvF1RKY/FcPn5j4UfIMLn8D4UYb54BNsilTDXKnF4CfTobA0FpoW/LSp306wkXM+XaOJhZaFkcNM82ASNAWMrhrUbRfmyeI1FvRBTpN06WKxa9BK0o2E4Pd3zfBBEwPsv9sQBnmLVbLEIZ/Xe9LYwJu/Er17W6HYVBc7vmuk0xUQ+pqxdom5Fnp55SiytXLPYoMXNM4u4SNSCFWnrVIzKG3EGyMXo6n/BQOe+bX3FClY4PwydVhthOZ9NnS+ntiLh0fxtlUJHAuGaFoVmttpVMeum0p3WEXbcll94l1wM/gZ0Ccczop77VvN2I7TlsZCsuXf1WHvWEhjO8DPtyOVg2/mvK9QqboEth+7pD6NUQC1HN/TwvydGBARi9MZSzLE4b8Ru3XhX2PBxf8E1er2A6516o0w4sIA+lwURhAON82Kwe2iDAC1Watq4XHaGQ7skLcFOtI5lDxuM2gZe6WFIotPAhbaeYlU4to5cuarF1QrcZ/lwrLaCJl66JBocYZnrNlvm2+MBCTmUymPrYZVbjdlr/BxlMjmNmNI3SAAAAAElFTkSuQmCC',
+      }
+    ],
+  },
+  data() {
+    return {
+      flow: null,
+      configWatch: null
+    }
+  },
+  methods: {
+    loadLib() {
+      this.$injectCss("https://cdn.cunwuyun.cn/logicflow/index.css")
+      const load = url => new Promise(resolve => this.$injectLib(url, () => resolve()))
+      let libs = ["https://cdn.cunwuyun.cn/logicflow/logic-flow.js", "https://cdn.jsdelivr.net/npm/@logicflow/extension/lib/BpmnElement.js"]
+      if (!this.readonly) {
+        this.$injectCss("https://cdn.jsdelivr.net/npm/@logicflow/extension/lib/style/index.css")
+        libs = [
+          libs,
+          "https://cdn.jsdelivr.net/npm/@logicflow/extension/lib/Menu.js",
+          "https://cdn.jsdelivr.net/npm/@logicflow/extension/lib/DndPanel.js"
+        ].flat()
+      }
+      return Promise.all(libs.map(e => load(e)))
+    },
+    initModels(lf) {
+      const {StartEventModel, StartEventView, UserTaskView, UserTaskModel, EndEventModel, EndEventView, ExclusiveGatewayModel, ExclusiveGatewayView} = window
+
+      class CustomTaskModel extends UserTaskModel {
+        getNodeStyle() {
+          const style = super.getNodeStyle();
+          const props = this.properties
+          if (props.status == 'pass') {
+            style.stroke = '#2ea222'
+          } else if (props.status == 'current') {
+            style.stroke = '#46f'
+          } else if (props.status == 'reject') {
+            style.stroke = '#f46'
+          }
+          return style;
+        }
+
+        getTextStyle() {
+          const style = super.getTextStyle();
+          const props = this.properties
+          if (props.status == 'current') {
+            style.fontSize = 14;
+            style.fontWeight = 'bold'
+          } else if (props.status == 'pass') {
+            style.color = '#2ea222'
+          } else if (props.status == 'reject') {
+            style.color = '#f46'
+            style.fontWeight = 'bold'
+          }
+          return style;
+        }
+      }
+
+      class StartModel extends StartEventModel {
+        getNodeStyle() {
+          const style = super.getNodeStyle();
+          const props = this.properties
+          if (!!props.isStart) {
+            style.stroke = '#2ea222'
+            style.fill = 'rgb(46,162,34,.6)'
+          }
+          return style;
+        }
+      }
+
+      class EndModel extends EndEventModel {
+        getNodeStyle() {
+          const style = super.getNodeStyle();
+          const props = this.properties
+          if (!!props.isFinished) {
+            style.stroke = '#2ea222'
+          }
+          return style;
+        }
+      }
+
+      class GatewayModel extends ExclusiveGatewayModel {
+        getNodeStyle() {
+          const style = super.getNodeStyle();
+          const props = this.properties
+          if (props.status == 'pass') {
+            style.stroke = '#2ea222'
+          } else if (props.status == 'current') {
+            style.stroke = '#46f'
+          } else if (props.status == 'reject') {
+            style.stroke = '#f46'
+          }
+          return style;
+        }
+      }
+
+      lf?.batchRegister([
+        {type: 'task', view: UserTaskView, model: CustomTaskModel},
+        {type: 'start', view: StartEventView, model: StartModel},
+        {type: 'end', view: EndEventView, model: EndModel},
+        {type: 'gateway', view: ExclusiveGatewayView, model: GatewayModel},
+      ])
+    },
+    initFlow() {
+      const {LogicFlow, Menu, DndPanel, BpmnElement} = window
+      let plugins = [BpmnElement, this.readonly ? [] : [Menu, DndPanel]].flat()
+      this.$load(!!LogicFlow && this.$refs.lfIns && plugins.reduce((r, e) => r && !!e, true), 200, "logicFlow").then(() => {
+        this.flow = new LogicFlow({
+          container: this.$refs.lfIns, plugins,
+          animation: true,
+          isSilentMode: this.readonly,
+          stopScrollGraph: this.readonly,
+          stopZoomGraph: this.readonly,
+          stopMoveGraph: this.readonly,
+          hoverOutline: !this.readonly,
+          edgeSelectedOutline: !this.readonly,
+          style: {
+            outline: {
+              fill: 'transparent',
+              stroke: '#26f',
+            },
+          },
+        })
+        this.$emit("update:process", this.flow);
+        this.initModels(this.flow)
+        this.flow.extension.dndPanel?.setPatternItems(this.dndPanelConfigs)
+        this.flow.render()
+        this.initValue()
+        this.flow.on('history:change', evt => {
+          this.configWatch?.()
+          const conf = this.$copy(evt.data?.undos || null).pop()
+          this.$emit("update:config", conf)
+        })
+      })
+    },
+    initValue() {
+      this.configWatch = this.$watch('config', v => {
+        if (v?.nodes?.length > 0) {
+          this.flow?.render(v || {})
+          this.initCurrent()
+          this.configWatch?.()
+        }
+      }, {immediate: true, deep: true})
+    },
+    initCurrent() {
+      if (this.value) {
+        const curs = this.value?.split(",")
+        curs.map(id => this.flow?.setProperties(id, {status: 'current'}))
+        this.flow?.focusOn({id: curs?.[0]})
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => this.loadLib().then(() => this.initFlow()))
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiFlow {
+}
+</style>
diff --git a/ui/packages/tools/AiMap.vue b/ui/packages/tools/AiMap.vue
new file mode 100644
index 00000000..f8b4e5c5
--- /dev/null
+++ b/ui/packages/tools/AiMap.vue
@@ -0,0 +1,257 @@
+<template>
+  <section class="AiMap" :class="{mask}">
+    <div ref="amap" class="map"/>
+    <div v-if="mask" class="mask"/>
+  </section>
+</template>
+
+<script>
+import AMapLoader from "@amap/amap-jsapi-loader";
+
+export default {
+  name: "AiMap",
+  props: {
+    plugins: {default: () => ['AMap.DistrictSearch', 'AMap.LineSearch']},
+    map: Object,
+    lib: Object,
+    mapStyle: String,
+    areaId: String,
+    is3d: Boolean,
+    ops: {default: () => ({})},
+    markers: {default: () => []},
+    mask: Boolean,
+    searchBus: {default: "2"},
+    pulseLines: Boolean,
+    onlyShowArea: Boolean
+  },
+  computed: {
+    viewMode() {
+      return this.is3d ? '3D' : '2D'
+    }
+  },
+  data() {
+    return {
+      amap: null,
+      mapLib: null,
+      loca: null
+    }
+  },
+  watch: {
+    markers: {
+      deep: true, handler() {
+        this.addMarkers()
+      }
+    }
+  },
+  methods: {
+    initMap() {
+      let {plugins, viewMode, mapStyle} = this
+      AMapLoader.load({
+        key: '54a02a43d9828a8f9cd4f26fe281e74e',
+        version: '2.0',
+        plugins,
+        Loca: {version: '2.0.0'}
+      }).then(AMap => {
+        this.mapLib = AMap
+        this.amap = new AMap.Map(this.$refs.amap, {
+          mapStyle,
+          viewMode,
+          terrain: true,
+          resizeEnable: true,
+          skyColor: "#082243",
+          zoom: 11,
+          ...this.ops
+        })
+        this.amap.on('complete', () => {
+          this.amap.setFitView();//视口自适应
+        })
+        this.$emit('update:lib', AMap)
+        this.$emit('update:map', this.amap)
+        this.$emit("loaded")
+        this.mapLoaded()
+      })
+    },
+    getMapArea() {
+      const {mapLib: AMap} = this
+      if (!!AMap) {
+        new AMap.DistrictSearch({
+          subdistrict: 0,   //获取边界不需要返回下级行政区
+          extensions: 'all',  //返回行政区边界坐标组等具体信息
+          level: 'district'  //查询行政级别为 市
+        }).search(this.areaId.substring(0, 6), (status, result) => {
+          const area = result?.districtList?.[0],
+              bounds = area?.boundaries || [];
+          let polygons = []
+          if (this.onlyShowArea) {
+            const mask = bounds.map(e => [e])
+            polygons = bounds.map(path => new AMap.Polygon({
+              path: path.map(e => [e.lng, e.lat]),
+              strokeWeight: 1,
+              fillOpacity: 0,
+              strokeStyle: 'dashed',
+              strokeColor: '#0091ea'
+            }))
+            this.amap.setMask(mask)
+            this.amap.setPitch(65)
+          } else {
+            polygons = bounds.map(path => new AMap.Polygon({
+              strokeWeight: 1,
+              path: path.map(e => [e.lng, e.lat]),
+              strokeStyle: 'dashed',
+              fillOpacity: 0.1,
+              fillColor: '#80d8ff',
+              strokeColor: '#0091ea'
+            }))
+          }
+          this.amap.add(polygons)
+          this.amap.setCenter(area.center, true)
+        })
+      }
+    },
+    mapLoaded() {
+      this.areaId && this.getMapArea()
+      this.addPulseLines(this.areaId?.substring(0, 6))
+      this.addMarkers()
+    },
+    addMarkers() {
+      if (this.markers.length > 0 && this.mapLib && this.amap) {
+        let markers = this.markers.map(e => {
+          let {label, icon = "https://cdn.cunwuyun.cn/dvcp/h5/Location2.png"} = e
+          return new this.mapLib.Marker({
+            content: e.content || `<div class="marker">
+                        <img src="${icon}"/>
+                        <span>${label}</span>
+                      </div>`,
+            position: [e.lng, e.lat]
+          })
+        })
+        this.amap.add(markers)
+      }
+    },
+    addPulseLines(city) {
+      let {amap: map, mapLib: lib, pulseLines} = this
+      if (pulseLines && lib && map) {
+        this.loca = new Loca.Container({map: this.amap})
+        let ls = new lib.LineSearch({pageSize: 1, pageNum: 1, city}), lines = {
+          type: "FeatureCollection",
+          features: []
+        }
+        Promise.all(Array.from("0123456789").map(i => new Promise((resolve) => {
+          ls.search(i, (e, res) => {
+            if (e == "complete" && res.info == "OK") {
+              res.lineInfo?.map(line => {
+                lines.features.push({
+                  type: "Feature",
+                  properties: {},
+                  geometry: {
+                    type: "LineString",
+                    coordinates: line.path?.map(p => [p.lng, p.lat]) || []
+                  }
+                })
+              })
+            }
+            resolve()
+          })
+        }))).then(() => {
+          let layer = new Loca.PulseLineLayer({
+            zIndex: 10,
+            opacity: 1,
+            visible: true,
+            zooms: [2, 22],
+          })
+          let geo = new Loca.GeoJSONSource({data: lines})
+          layer.setSource(geo)
+          layer.setStyle({
+            altitude: 0,
+            lineWidth: 2,
+            // 脉冲头颜色
+            headColor: "#B5FBFF",
+            // 脉冲尾颜色
+            trailColor: 'rgba(0,0,0,0)',
+            // 脉冲长度，0.25 表示一段脉冲占整条路的 1/4
+            interval: 0.25,
+            // 脉冲线的速度，几秒钟跑完整段路
+            duration: 15000,
+          })
+          this.loca.add(layer)
+          this.loca.animate.start()
+        })
+      }
+    }
+  },
+  mounted() {
+    this.initMap()
+  },
+  destroyed() {
+    this.amap?.destroy()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiMap {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  position: relative;
+
+  &.mask {
+    box-shadow: 0 0 40px 20px rgba(#000, .8);
+  }
+
+  .map {
+    height: 100%;
+  }
+
+  .mask {
+    pointer-events: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 8;
+    background: radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 40%, #000 100%);
+  }
+
+  :deep( .marker ){
+    position: relative;
+
+    & > img {
+      width: 50px;
+      height: 50px;
+    }
+
+    & > span {
+      display: none;
+    }
+
+    &:hover > span {
+      position: absolute;
+      left: 50%;
+      bottom: 0;
+      transform: translate(-50%, 100%);
+      display: block;
+      color: #fff;
+      font-size: 14px;
+      white-space: nowrap;
+    }
+  }
+
+  :deep( .amap-logo), :deep( .amap-copyright ){
+    display: none !important;
+  }
+
+  :deep( .amap-icon ){
+    width: 40px !important;
+    height: 40px !important;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/tools/AiProcess.vue b/ui/packages/tools/AiProcess.vue
new file mode 100644
index 00000000..f827e2d0
--- /dev/null
+++ b/ui/packages/tools/AiProcess.vue
@@ -0,0 +1,178 @@
+<template>
+  <section class="AiProcess">
+    <ai-flow ref="AiFlow" v-model="detail.nowNodeId" :config="detail.workflowConfig" readonly :process.sync="process" height="200px"/>
+    <ai-wrapper border :title="currentNodeName" v-if="!!detail.id &&!isFinished">
+      <template v-if="currentNode.type=='task'">
+        <ai-info-item label="当前审批" :value="currentNode.properties.userName"/>
+        <ai-info-item label="操作时间" :value="currentNode.properties.updateTime"/>
+        <ai-info-item label="审批意见" isLine>
+          <el-input v-if="canAudit" type="textarea" rows="3" v-model="currentNode.properties.remark"/>
+          <span v-else v-text="currentNode.properties.remark"/>
+        </ai-info-item>
+      </template>
+      <template v-else-if="currentNode.type=='start'">
+        <ai-info-item label="开始时间" :value="currentNode.properties.updateTime" isLine/>
+      </template>
+      <template v-else-if="currentNode.type=='end'">
+        <ai-info-item label="结束时间" :value="currentNode.properties.updateTime" isLine/>
+      </template>
+    </ai-wrapper>
+    <el-row class="processOptions mar-t16" type="flex" justify="center" v-if="canAudit">
+      <el-button @click="handleReject" type="danger">拒绝</el-button>
+      <el-button @click="handleReturn" v-if="!incomingIsStart">驳回</el-button>
+      <el-button type="primary" @click="handlePass">同意</el-button>
+    </el-row>
+  </section>
+</template>
+
+<script>
+import AiFlow from "./AiFlow";
+import request from "../../lib/js/request";
+import AiWrapper from "../basic/AiWrapper";
+import AiInfoItem from "../basic/AiInfoItem";
+import {mapState, mapActions} from "vuex"
+
+export default {
+  name: "AiProcess",
+  props: {
+    bid: String
+  },
+  components: {AiInfoItem, AiWrapper, AiFlow},
+  data() {
+    return {
+      instance: request,
+      detail: {},
+      currentNode: {properties: {}},
+      process: null
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    currentNodeName: v => v.currentNode?.text?.value || "当前节点",
+    canAudit: v => v.user.info.id == v.currentNode?.properties.userId && v.currentNode?.id == v.detail.nowNodeId && !v.isFinished,
+    incomingIsStart: v => v.process?.getNodeIncomingNode(v.detail.nowNodeId)?.[0]?.type == "start",
+    isFinished: v => v.detail.nowNodeId == "finished"
+  },
+  methods: {
+    ...mapActions(['endFlow']),
+    getProcess() {
+      const {bid: id} = this.$props
+      id ? this.instance.post("/app/appworkflowlog/queryDetailById", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          const {workflowConfig = null, nowNodeId} = res.data
+          this.detail = {...res.data, workflowConfig: JSON.parse(workflowConfig)}
+          this.currentNode = this.detail.workflowConfig.nodes.find(e => e.id == nowNodeId) || this.currentNode
+        }
+      }) : console.error("无法获取bid")
+    },
+    initEvents() {
+      this.process.on("node:click", res => {
+        if (res?.data) {
+          this.currentNode = res.data
+        }
+      })
+      this.process.on("blank:click", () => {
+        this.currentNode = this.process.getNodeModelById(this.detail.nowNodeId)
+      })
+    },
+    handleReject() {
+      this.$confirm("是否要拒绝该申请?").then(() => {
+        this.currentNode.properties = {
+          remark: "拒绝申请", ...this.currentNode.properties,
+          status: "reject",
+          updateTime: this.$moment().format("YYYY-MM-DD HH:mm:ss")
+        }
+        this.process.setProperties(this.detail.nowNodeId, {
+          ...this.currentNode.properties,
+        })
+        const form = {...this.detail, workflowConfig: this.process.getGraphData()}
+        this.saveProcess(form)
+      }).catch(() => 0)
+    },
+    handleReturn() {
+      this.$confirm("是否要驳回该申请返回到前次审批?").then(() => {
+        this.currentNode.properties = {
+          remark: "驳回申请", ...this.currentNode.properties,
+          status: "reject",
+          updateTime: this.$moment().format("YYYY-MM-DD HH:mm:ss")
+        }
+        let {nowNodeId} = this.detail
+        this.process.setProperties(nowNodeId, {
+          ...this.currentNode.properties,
+        })
+        const next = this.process.getNodeIncomingNode(nowNodeId)
+        const form = {...this.detail, workflowConfig: this.process.getGraphData()}
+        nowNodeId = []
+        next?.map(e => {
+          nowNodeId.push(e.id)
+          this.process.setProperties(e.id, {status: 'current'})
+        })
+        this.saveProcess({...form, nowNodeId: nowNodeId.toString()})
+      }).catch(() => 0)
+    },
+    handlePass() {
+      this.$confirm("是否要同意该申请?").then(() => {
+        this.currentNode.properties = {
+          remark: "同意申请", ...this.currentNode.properties,
+          status: "pass",
+          updateTime: this.$moment().format("YYYY-MM-DD HH:mm:ss")
+        }
+        let {nowNodeId} = this.detail
+        this.process.setProperties(nowNodeId, {
+          ...this.currentNode.properties,
+        })
+        const next = this.process.getNodeOutgoingNode(nowNodeId)
+        const form = {...this.detail, workflowConfig: this.process.getGraphData()}
+        if (next?.[0].type == "end") this.endFlow(form).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("提交成功!")
+            this.getProcess()
+          }
+        })
+        else {
+          nowNodeId = []
+          next?.map(e => {
+            nowNodeId.push(e.id)
+            this.process.setProperties(e.id, {status: 'current'})
+          })
+          this.saveProcess({...form, nowNodeId: nowNodeId.toString()})
+        }
+      }).catch(() => 0)
+    },
+    saveProcess(form) {
+      const {workflowConfig} = form
+      this.instance.post("/app/appworkflowlog/addOrUpdate", {...form, workflowConfig: JSON.stringify(workflowConfig)}).then(res => {
+        if (res?.code == 0) {
+          this.$message.success("提交成功!")
+          this.$emit("submit")
+        }
+      })
+    }
+  },
+  watch: {
+    process: {
+      immediate: true,
+      handler(v) {
+        if (!!v) {
+          this.initEvents()
+        }
+      }
+    }
+  },
+  created() {
+    this.getProcess()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiProcess {
+  .processOptions {
+    .el-button {
+      min-width: 72px;
+    }
+  }
+}
+</style>
diff --git a/ui/packages/tools/AiQMap.vue b/ui/packages/tools/AiQMap.vue
new file mode 100644
index 00000000..5b29d269
--- /dev/null
+++ b/ui/packages/tools/AiQMap.vue
@@ -0,0 +1,313 @@
+<template>
+  <section class="AiTMap">
+    <div ref="tmap" class="map"/>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: 'AiQMap',
+    props: {
+      areaId: String,
+      ops: {
+        default: () => {
+          return {}
+        }
+      },
+      libraries: {
+        default: () => ['service']
+      },
+      markerIcon: {
+        type: String
+      },
+      is3dAround: {
+        type: Boolean,
+        default: false
+      },
+      is3d: {
+        type: Boolean,
+        default: false
+      },
+      limitArea: {
+        type: Boolean,
+        default: false
+      },
+      map: Object,
+      lib: Object,
+      markers: {
+        type: Array,
+        default: () => []
+      }
+    },
+
+    watch: {
+      markers: {
+        handler (v) {
+          if (window.TMap && v.length) {
+            this.addMarkers(v)
+          }
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+
+    data () {
+      return {
+        tmap: null,
+        mapLib: null,
+        marker: null,
+        keyframe: [
+          {
+            percentage: 0,
+            rotation: 0
+          },
+          {
+            percentage: 0.2,
+            rotation: 72
+          },
+          {
+            percentage: 0.4,
+            rotation: 144
+          },
+          {
+            percentage: 0.6,
+            rotation: 216
+          },
+          {
+            percentage: 0.8,
+            rotation: 288
+          },
+          {
+            percentage: 1,
+            rotation: 360
+          }
+        ]
+      }
+    },
+
+    computed: {
+      key () {
+        return process.env.NODE_ENV == 'production' ? 'RWWBZ-64BEJ-MVLFJ-FTHLQ-JTR6J-SAB2S' : '3RZBZ-LZUCF-CT6J5-NWKZH-FCWOQ-UUFKY'
+      }
+    },
+
+    mounted () {
+      if (!window.TMap) {
+        window.initTMap = this.initTMap
+        this.injectLib(`https://map.qq.com/api/gljs?v=1.exp&key=${this.key}&libraries=${this.libraries.toString()}&callback=initTMap`)
+      } else {
+        this.initTMap()
+      }
+    },
+
+    methods: {
+      injectLib (url, cb) {
+        const script = document.createElement('script')
+        script.type = 'text/javascript'
+        script.id = 'aiqmap'
+        script.src = url
+        script.addEventListener('load', () => {
+          cb && cb()
+        })
+        document.body.appendChild(script)
+      },
+
+      setMarkersCenter () {
+        var bounds = new TMap.LatLngBounds()
+        this.markers.forEach(item => {
+          if (bounds.isEmpty() || !bounds.contains(new TMap.LatLng(item.lat, item.lng))) {
+            bounds.extend(new TMap.LatLng(item.lat, item.lng))
+          }
+        })
+
+        this.tmap.fitBounds(bounds, {
+          padding: 100
+        })
+      },
+
+      addMarkers (v) {
+        if (this.marker) {
+          this.marker.setMap(null)
+        }
+
+        this.marker = new TMap.MultiMarker({
+          id: 'markers',
+          map: this.tmap,
+          styles: {
+            marker: new TMap.MarkerStyle({
+              width: 25,
+              height: 35,
+              color: '#333',
+              size: 16,
+              offset: { x: 0, y: 8 },
+              anchor: { x: 17, y: 23 },
+              direction: 'bottom',
+              strokeWidth: 2,
+              src: this.markerIcon
+            })
+          },
+          geometries: v.map(v => {
+            return {
+              ...v,
+              styleId: 'marker',
+              position: new TMap.LatLng(v.lat, v.lng)
+            }
+          })
+        })
+
+        this.setMarkersCenter()
+        this.marker.on('click', e => {
+          this.$emit('markerClick', e.geometry)
+        })
+      },
+
+      initTMap () {
+        this.mapLib = TMap
+        this.tmap = new TMap.Map(this.$refs.tmap, {
+          zoom: 11,
+          ...this.ops,
+          viewMode: this.is3d ? '3d' : '2d',
+          pitch: this.is3d ? 40 : 0,
+          // mapStyleId: 'style1',
+          baseMap: this.limitArea ? [
+            { type: 'vector', features: ['base'] },
+            {
+              type: 'traffic',
+              opacity: 1,
+            }
+          ] : [
+            { type: 'vector' },
+          ],
+          renderOptions: {
+            enableBloom: true, // 是否启用泛光效果 注：为true才会有效果
+          }
+        })
+
+        this.tmap.on('click', e => {
+          this.$emit('click', e)
+        })
+
+        if (this.markers.length) {
+          this.addMarkers(this.markers)
+        }
+        this.$emit('loaded')
+        this.$emit('update:lib', TMap)
+        this.$emit('update:map', this.tmap)
+        this.areaId && this.getMapArea()
+      },
+
+      getMapArea () {
+        let {mapLib, areaId, tmap: map} = this, keyword = areaId.substring(0, 6)
+        const fitBounds = latLngList => {
+          if (latLngList.length === 0) {
+            return null
+          }
+          let boundsN = latLngList[0].getLat()
+          let boundsS = boundsN
+          let boundsW = latLngList[0].getLng()
+          let boundsE = boundsW
+          latLngList.forEach((point) => {
+            point.getLat() > boundsN && (boundsN = point.getLat())
+            point.getLat() < boundsS && (boundsS = point.getLat())
+            point.getLng() > boundsE && (boundsE = point.getLng())
+            point.getLng() < boundsW && (boundsW = point.getLng())
+          })
+          return new TMap.LatLngBounds(
+            new TMap.LatLng(boundsS, boundsW),
+            new TMap.LatLng(boundsN, boundsE)
+          )
+        }
+
+        if (!this.limitArea) return
+        let polygons = new TMap.MultiPolygon({map, geometries: []})
+        new mapLib.service.District({
+          polygon: 2,
+          maxOffset: 100
+        }).search({keyword}).then(res => {
+          if (res?.result) {
+            console.log(res.result[0][0].polygon)
+            let center = res.result[0][0].location
+            this.tmap.enableAreaHighlight({
+              paths: res.result[0][0].polygon,
+              highlightColor: 'rgba(0,0,0,0)',
+              shadeColor: 'rgba(0,0,0,1)'
+            })
+            this.tmap.setCenter(center)
+            new TMap.MultiPolyline({
+              map: this.tmap,
+              styles: {
+                polyline: new TMap.PolylineStyle({
+                  color: '#017cf7', // 线条填充色，
+                  width: 8,
+                  lineCap: 'round',
+                  enableBloom: true, // 是否启用泛光  注：为true才会有效果
+                }),
+              },
+              geometries: [
+                {
+                  styleId: 'polyline', // 样式id
+                  paths: res.result[0][0].polygon
+                }
+              ]
+            })
+
+            res.result.forEach((level) => {
+              level.forEach((place) => {
+                let bounds = []
+                let newGeometries = place.polygon.map((polygon, index) => {
+                  bounds.push(fitBounds(polygon))
+                  return {
+                    id: `${place.id}_${index}`,
+                    paths: polygon
+                  }
+                })
+                bounds = bounds.reduce((a, b) => {
+                  return fitBounds([
+                    a.getNorthEast(),
+                    a.getSouthWest(),
+                    b.getNorthEast(),
+                    b.getSouthWest()
+                  ])
+                })
+                // polygons.updateGeometries(newGeometries)
+                this.tmap.fitBounds(bounds)
+              })
+            })
+
+            setTimeout(() => {
+              this.is3dAround && this.tmap.startAnimation(this.keyframe, {
+                duration: 16000,
+                loop: Infinity
+              })
+            }, 600)
+          }
+        })
+      }
+    },
+
+    destroyed () {
+      this.tmap.destroy()
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiTMap {
+    width: 100%;
+    height: 100%;
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+
+    :deep(.map ){
+      height: 100%;
+
+      & > div > div {
+        &:nth-of-type(2), &:nth-of-type(3) {
+          display: none;
+        }
+      }
+    }
+  }
+</style>
diff --git a/ui/packages/tools/AiTMap.vue b/ui/packages/tools/AiTMap.vue
new file mode 100644
index 00000000..29a9045d
--- /dev/null
+++ b/ui/packages/tools/AiTMap.vue
@@ -0,0 +1,156 @@
+<template>
+  <section class="AiTMap">
+    <div ref="tmap" class="map"/>
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "AiTMap",
+  props: {
+    /**
+     * 地区id
+     */
+    areaId: String,
+    /**
+     * 地图参数,详情见https://lbs.qq.com/webApi/javascriptGL/glDoc/docIndexMap
+     */
+    ops: {default: () => ({})},
+    /**
+     * 加载三方库,以腾讯地图文档要求进行添加
+     */
+    libraries: {default: () => ["service"]},
+    /**
+     * 地图实例,支持用.sync绑定获取
+     */
+    map: Object,
+    /**
+     * 地图库,支持用.sync绑定获取
+     */
+    lib: Object,
+  },
+  data() {
+    return {
+      tmap: null,
+      mapLib: null
+    }
+  },
+  computed: {
+    key() {
+      return process.env.NODE_ENV == "production" ?
+          "RWWBZ-64BEJ-MVLFJ-FTHLQ-JTR6J-SAB2S" :
+          "3RZBZ-LZUCF-CT6J5-NWKZH-FCWOQ-UUFKY"
+    }
+  },
+  methods: {
+    injectLib(url, cb) {
+      const script = document.createElement('script')
+      script.type = 'text/javascript';
+      script.id = "aitmap";
+      script.src = url;
+      script.addEventListener('load', () => {
+        cb && cb()
+      })
+      document.body.appendChild(script);
+    },
+    initTMap() {
+      this.mapLib = TMap
+      this.tmap = new TMap.Map(this.$refs.tmap, {
+        zoom: 11,
+        ...this.ops
+      })
+      this.$emit('loaded')
+      this.$emit('update:lib', TMap)
+      this.$emit('update:map', this.tmap)
+      this.areaId && this.getMapArea()
+    },
+    getMapArea() {
+      let {mapLib, areaId, tmap: map} = this, keyword = areaId.substring(0, 6)
+      const fitBounds = (latLngList) => {
+        // 由多边形顶点坐标数组计算能完整呈现该多边形的最小矩形范围
+        if (latLngList.length === 0) {
+          return null;
+        }
+        let boundsN = latLngList[0].getLat();
+        let boundsS = boundsN;
+        let boundsW = latLngList[0].getLng();
+        let boundsE = boundsW;
+        latLngList.forEach((point) => {
+          point.getLat() > boundsN && (boundsN = point.getLat());
+          point.getLat() < boundsS && (boundsS = point.getLat());
+          point.getLng() > boundsE && (boundsE = point.getLng());
+          point.getLng() < boundsW && (boundsW = point.getLng());
+        });
+        return new TMap.LatLngBounds(
+            new TMap.LatLng(boundsS, boundsW),
+            new TMap.LatLng(boundsN, boundsE)
+        );
+      }
+      let polygons = new TMap.MultiPolygon({map, geometries: []});
+      new mapLib.service.District({
+        polygon: 2,
+        maxOffset: 100
+      }).search({keyword}).then(res => {
+        if (res?.result) {
+          let center = res.result?.[0]?.[0]?.location
+          this.tmap.setCenter(center)
+          res.result.forEach((level) => {
+            level.forEach((place) => {
+              let bounds = [];
+              let newGeometries = place.polygon.map((polygon, index) => {
+                bounds.push(fitBounds(polygon)); // 计算能完整呈现行政区边界的最小矩形范围
+                return {
+                  id: `${place.id}_${index}`,
+                  paths: polygon, // 将得到的行政区划边界用多边形标注在地图上
+                };
+              });
+              bounds = bounds.reduce((a, b) => {
+                return fitBounds([
+                  a.getNorthEast(),
+                  a.getSouthWest(),
+                  b.getNorthEast(),
+                  b.getSouthWest(),
+                ]);
+              }); // 若一行政区有多个多边形边界，应计算能包含所有多边形边界的范围。
+              polygons.updateGeometries(newGeometries);
+              this.tmap.fitBounds(bounds);
+            });
+          });
+        }
+      })
+    }
+  },
+  mounted() {
+    if (!window?.TMap) {
+      window.initTMap = this.initTMap
+      this.injectLib(`https://map.qq.com/api/gljs?v=1.exp&key=${this.key}&libraries=${this.libraries.toString()}&callback=initTMap`)
+    } else {
+      this.initTMap()
+    }
+  },
+  destroyed() {
+    this.map?.destroy()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiTMap {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+
+  :deep(.map ){
+    height: 100%;
+
+    & > div > div {
+      &:nth-of-type(2), &:nth-of-type(3) {
+        display: none;
+      }
+    }
+  }
+}
+</style>
diff --git a/ui/packages/wx/AiOpenData.vue b/ui/packages/wx/AiOpenData.vue
new file mode 100644
index 00000000..a4d0ad15
--- /dev/null
+++ b/ui/packages/wx/AiOpenData.vue
@@ -0,0 +1,41 @@
+<template>
+  <ww-open-data class="AiOpenData" :type="type" :openid="oid"/>
+</template>
+
+<script>
+import {mapActions} from "vuex"
+
+export default {
+  name: "AiOpenData",
+  props: {
+    /**
+     * open-data 的类型,详情参见具体:https://work.weixin.qq.com/api/doc/90001/90143/91958
+     * @values departmentName,userName
+     */
+    type: String,
+    /**
+     * 数据ID，根据type取值而定
+     */
+    openid: {default: ""},
+  },
+  computed: {
+    oid() {
+      /**
+       * 后端返回格式(cropId|userId)
+       */
+      return this.openid?.toString()?.split("|")?.[1] || this.openid || ""
+    }
+  },
+  methods: {
+    ...mapActions(['initOpenData'])
+  },
+  watch: {
+    openid: {
+      handler(v) {
+        v && this.initOpenData()
+      },
+      immediate: true
+    }
+  },
+}
+</script>
diff --git a/vue.config.js b/vue.config.js
index 159e475a..921fed1f 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -5,7 +5,7 @@ module.exports = {
   css: {
     loaderOptions: {
       scss: {
-        data: `@import "~dvcp-ui/lib/styles/vars.scss";`
+        data: `@import "~dui/lib/styles/vars.scss";`
       }
     }
   },
@@ -17,7 +17,7 @@ module.exports = {
       filename: 'index.html'
     }
   },
-  transpileDependencies: [/node_modules[\\\/]dvcp-ui[\\\/]lib[\\\/]js/],
+  transpileDependencies: [/dui[\\\/]lib[\\\/]js/],
   chainWebpack: (config) => {
     config.module
     .rule('js')
@@ -25,7 +25,7 @@ module.exports = {
     .add(path.resolve(__dirname, 'components'))
     .add(path.resolve(__dirname, 'project'))
     .add(path.resolve(__dirname, 'examples'))
-    .add(path.resolve(__dirname, 'node_modules/dvcp-ui'))
+    .add(path.resolve(__dirname, 'ui'))
     .end()
     .use('babel')
     .loader('babel-loader')