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/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 55482208..ada63943 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -4,15 +4,14 @@ import ui from 'element-ui';
 import router from './router/router';
 import axios from './router/axios';
 import utils from './utils';
-import vcUI from 'dui';
-import 'dui/lib/styles/common.scss';
+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;
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 5cbf63dd..f59b8adc 100644
--- a/packages/conv/AppVaccination/AppVaccination.vue
+++ b/packages/conv/AppVaccination/AppVaccination.vue
@@ -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 66ff5adf..828ae357 100644
--- a/packages/conv/AppVaccination/addVaccination.vue
+++ b/packages/conv/AppVaccination/addVaccination.vue
@@ -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 0977a8fc..90f3e7c1 100644
--- a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
+++ b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
@@ -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/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 14f0928c..0e82e4e0 100644
--- a/packages/extra/AppCodeGeneration/components/Add.vue
+++ b/packages/extra/AppCodeGeneration/components/Add.vue
@@ -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/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 f14fbf43..c2670744 100644
--- a/packages/meta/AppPartyMember/components/Add.vue
+++ b/packages/meta/AppPartyMember/components/Add.vue
@@ -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 0f2b1d73..f9c89169 100644
--- a/packages/meta/AppPartyMember/components/neighbourSetting.vue
+++ b/packages/meta/AppPartyMember/components/neighbourSetting.vue
@@ -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 f4a1b393..9d8671b2 100644
--- a/packages/meta/AppResident/residentDetail.vue
+++ b/packages/meta/AppResident/residentDetail.vue
@@ -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/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 cd72ee7d..f47c6dde 100644
--- a/packages/work/AppHelpedResident/hrAdd.vue
+++ b/packages/work/AppHelpedResident/hrAdd.vue
@@ -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 25b2e0cb..fd79d389 100644
--- a/packages/work/AppHelpedResident/hrDetail.vue
+++ b/packages/work/AppHelpedResident/hrDetail.vue
@@ -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/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 47f261b8..1d559609 100644
--- a/packages/work/processManagement/corporateSeal/sealDetail.vue
+++ b/packages/work/processManagement/corporateSeal/sealDetail.vue
@@ -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 f14fbf43..c2670744 100644
--- a/project/pingchang/apps/AppPartyMember/components/Add.vue
+++ b/project/pingchang/apps/AppPartyMember/components/Add.vue
@@ -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 0f2b1d73..f9c89169 100644
--- a/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
+++ b/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
@@ -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/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 5148b3e8..95bdced4 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/Add.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/Add.vue
@@ -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/AppSpecialDisabled/components/Add.vue b/project/sass/apps/AppSpecialDisabled/components/Add.vue
index 79160ee0..f4ec01e3 100644
--- a/project/sass/apps/AppSpecialDisabled/components/Add.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/Add.vue
@@ -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/AppSpecialDrug/components/Add.vue b/project/sass/apps/AppSpecialDrug/components/Add.vue
index e6bdffff..e95dada8 100644
--- a/project/sass/apps/AppSpecialDrug/components/Add.vue
+++ b/project/sass/apps/AppSpecialDrug/components/Add.vue
@@ -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/AppSpecialMental/components/Add.vue b/project/sass/apps/AppSpecialMental/components/Add.vue
index a1096903..0f631081 100644
--- a/project/sass/apps/AppSpecialMental/components/Add.vue
+++ b/project/sass/apps/AppSpecialMental/components/Add.vue
@@ -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/AppSpecialPrison/components/Add.vue b/project/sass/apps/AppSpecialPrison/components/Add.vue
index 824f5cc3..2e702044 100644
--- a/project/sass/apps/AppSpecialPrison/components/Add.vue
+++ b/project/sass/apps/AppSpecialPrison/components/Add.vue
@@ -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/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/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/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/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 47f261b8..1d559609 100644
--- a/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
+++ b/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
@@ -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 7109d5b4..20a66d59 100644
--- a/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
+++ b/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
@@ -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/packages/basic/AiArticle.vue b/ui/packages/basic/AiArticle.vue
index b82c1169..a5a0986b 100644
--- a/ui/packages/basic/AiArticle.vue
+++ b/ui/packages/basic/AiArticle.vue
@@ -14,7 +14,7 @@
       }
     }
   }
-</script> 
+</script>
 
 <style lang="scss" scoped>
   .ai-article {
@@ -26,62 +26,62 @@
     text-align: justify;
     overflow-x: auto;
     word-break: break-word;
-    
-    ::v-deep h1 {
+
+    :deep( h1 ){
       margin: 1.3rem 0;
       line-height: 1.2
     }
-    
-    ::v-deep p {
+
+    :deep( p ){
       line-height: 2.27rem
     }
-    
-    ::v-deep hr {
+
+    :deep( hr ){
       border: none;
       border-top: 1px solid #ddd;
       margin-top: 2.7rem;
       margin-bottom: 2.7rem
     }
-    
-    ::v-deep img:not(.equation), ::v-deep iframe, ::v-deep embed, ::v-deep video {
+
+    :deep( img:not(.equation)), :deep( iframe), :deep( embed), :deep( video ){
       display: block;
       margin: 18px auto;
       max-width: 100% !important;
     }
-    
-    ::v-deep img.equation {
+
+    :deep( img.equation ){
       margin: 0 .1em;
       max-width: 100% !important;
       vertical-align: middle
     }
 
-    ::v-deep figure {
+    :deep( figure ){
       margin: 2.7rem auto;
       text-align: center
     }
 
-    ::v-deep img:not(.equation) {
+    :deep( img:not(.equation) ){
       cursor: zoom-in
     }
 
-    ::v-deep figure figcaption {
+    :deep( figure figcaption ){
       text-align: center;
       font-size: 1rem;
       line-height: 2.7rem;
       color: #909090
     }
 
-    ::v-deep pre {
+    :deep( pre ){
       line-height: 1.93rem;
       overflow: auto
     }
 
-    ::v-deep code,
-    ::v-deep pre {
+    :deep( code),
+    :deep( pre ){
       font-family: Menlo, Monaco, Consolas, Courier New, monospace
     }
 
-    ::v-deep code {
+    :deep( code ){
       font-size: 1rem;
       padding: .26rem .53em;
       word-break: break-word;
@@ -90,25 +90,25 @@
       border-radius: 2px;
       overflow-x: auto
     }
-    
-    ::v-deep pre>code {
+
+    :deep( pre>code ){
       font-size: 1rem;
       padding: .67rem 1.3rem;
       margin: 0;
       word-break: normal;
       display: block
     }
-    
-    ::v-deep a {
+
+    :deep( a ){
       color: #259
     }
 
-    ::v-deep a:active,
-    ::v-deep a:hover {
+    :deep( a:active),
+    :deep( a:hover ){
       color: #275b8c
     }
 
-    ::v-deep table {
+    :deep( table ){
       width: 100%;
       margin-top: 18px;
       margin-bottom: 18px;
@@ -119,80 +119,80 @@
       border-left: 1px solid #ccc;
     }
 
-    ::v-deep thead {
+    :deep( thead ){
       background: #f6f6f6;
       color: #000;
       text-align: left
     }
 
-    ::v-deep td,
-    ::v-deep th {
+    :deep( td),
+    :deep( th ){
       padding: 3px 5px;
       border-bottom: 1px solid #ccc;
       border-right: 1px solid #ccc;
     }
-    
-    ::v-deep td {
+
+    :deep( td ){
       min-width: 10rem
     }
 
-    ::v-deep blockquote {
+    :deep( blockquote ){
       margin: 1em 0;
       border-left: 4px solid #ddd;
       padding: 0 1.3rem
     }
 
-    ::v-deep blockquote>p {
+    :deep( blockquote>p ){
       margin: .6rem 0
     }
 
-    ::v-deep ol,
-    ::v-deep ul {
+    :deep( ol),
+    :deep( ul ){
       padding-left: 2.7rem
     }
 
-    ::v-deep ol li,
-    ::v-deep ul li {
+    :deep( ol li),
+    :deep( ul li ){
       margin-bottom: .6rem
     }
 
-    ::v-deep ol ol,
-    ::v-deep ol ul,
-    ::v-deep ul ol,
-    ::v-deep ul ul {
+    :deep( ol ol),
+    :deep( ol ul),
+    :deep( ul ol),
+    :deep( ul ul ){
       margin-top: .27rem
     }
 
-    ::v-deep pre>code {
+    :deep( pre>code ){
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       color: #333;
       background: #f8f8f8
     }
 
-    ::v-deep p {
+    :deep( p ){
       line-height: inherit;
       margin-top: 18px;
       margin-bottom: 18px
     }
 
-    ::v-deep img {
+    :deep( img ){
       max-height: none
     }
 
-    ::v-deep a {
+    :deep( a ){
       color: #0269c8;
       border-bottom: 1px solid #d1e9ff
     }
 
-    ::v-deep code {
+    :deep( code ){
       background-color: #fff5f5;
       color: #ff502c;
       font-size: .87em;
       padding: .065em .4em
     }
 
-    ::v-deep blockquote {
+    :deep( blockquote ){
       color: #666;
       padding: 1px 23px;
       margin: 18px 0;
@@ -200,22 +200,22 @@
       background-color: #f8f8f8
     }
 
-    ::v-deep blockquote:after {
+    :deep( blockquote:after ){
       display: block;
       content: ""
     }
 
-    ::v-deep blockquote>p {
+    :deep( blockquote>p ){
       margin: 10px 0
     }
 
-    ::v-deep blockquote.warning {
+    :deep( blockquote.warning ){
       position: relative;
       border-left-color: #f75151;
       margin-left: 8px
     }
 
-    ::v-deep blockquote.warning:before {
+    :deep( blockquote.warning:before ){
       position: absolute;
       top: 14px;
       left: -12px;
@@ -230,52 +230,52 @@
       justify-content: center
     }
 
-    ::v-deep ol,
-    ::v-deep ul {
+    :deep( ol),
+    :deep( ul ){
       padding-left: 28px
     }
 
-    ::v-deep ol li,
-    ::v-deep ul li {
+    :deep( ol li),
+    :deep( ul li ){
       margin-bottom: 0;
       list-style: inherit
     }
 
-    ::v-deep ol li.task-list-item,
-    ::v-deep ul li.task-list-item {
+    :deep( ol li.task-list-item),
+    :deep( ul li.task-list-item ){
       list-style: none
     }
 
-    ::v-deep ol li.task-list-item ol,
-    ::v-deep ol li.task-list-item ul,
-    ::v-deep ul li.task-list-item ol,
-    ::v-deep ul li.task-list-item ul {
+    :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
     }
 
-    ::v-deep ol li {
+    :deep( ol li ){
       padding-left: 6px
     }
 
-    ::v-deep pre {
+    :deep( pre ){
       position: relative;
       line-height: 1.75
     }
 
-    ::v-deep pre>code {
+    :deep( pre>code ){
       padding: 15px 12px
     }
 
-    ::v-deep pre>code.hljs[lang] {
+    :deep( pre>code.hljs[lang] ){
       padding: 18px 15px 12px
     }
 
-    ::v-deep h1,
-    ::v-deep h2,
-    ::v-deep h3,
-    ::v-deep h4,
-    ::v-deep h5,
-    ::v-deep h6 {
+    :deep( h1),
+    :deep( h2),
+    :deep( h3),
+    :deep( h4),
+    :deep( h5),
+    :deep( h6 ){
       color: #333;
       line-height: 1.5;
       margin-top: 35px;
@@ -284,47 +284,47 @@
       font-weight: 500;
     }
 
-    ::v-deep h1 {
+    :deep( h1 ){
       font-size: 30px;
       margin-bottom: 5px
     }
 
-    ::v-deep h2 {
+    :deep( h2 ){
       padding-bottom: 12px;
       font-size: 24px;
       border-bottom: 1px solid #ececec
     }
 
-    ::v-deep h3 {
+    :deep( h3 ){
       font-size: 18px;
       padding-bottom: 0
     }
 
-    ::v-deep h4 {
+    :deep( h4 ){
       font-size: 16px
     }
 
-    ::v-deep h5 {
+    :deep( h5 ){
       font-size: 15px
     }
 
-    ::v-deep h6 {
+    :deep( h6 ){
       margin-top: 5px
     }
 
-    ::v-deep h1.heading+h2.heading {
+    :deep( h1.heading+h2.heading ){
       margin-top: 20px
     }
 
-    ::v-deep h1.heading+h3.heading {
+    :deep( h1.heading+h3.heading ){
       margin-top: 15px
     }
 
-    ::v-deep .heading+.heading {
+    :deep( .heading+.heading ){
       margin-top: 0
     }
 
-    ::v-deep h1+:not(.heading) {
+    :deep( h1+:not(.heading) ){
       margin-top: 25px
     }
   }
diff --git a/ui/packages/basic/AiAudio.vue b/ui/packages/basic/AiAudio.vue
index fbe95706..6cd95563 100644
--- a/ui/packages/basic/AiAudio.vue
+++ b/ui/packages/basic/AiAudio.vue
@@ -201,21 +201,21 @@ export default {
       }
     }
 
-    ::v-deep.el-slider__button {
+    :deep(.el-slider__button ){
       width: 8px;
       height: 8px;
       background: #1365DD;
     }
 
-    ::v-deep.el-slider__bar {
+    :deep(.el-slider__bar ){
       height: 2px;
     }
 
-    ::v-deep.el-slider__button-wrapper {
+    :deep(.el-slider__button-wrapper ){
       height: 32px;
     }
 
-    ::v-deep.el-slider__runway {
+    :deep(.el-slider__runway ){
       height: 2px;
       margin: 15px 0;
     }
diff --git a/ui/packages/basic/AiEditor/AiEditor.vue b/ui/packages/basic/AiEditor/AiEditor.vue
index 2dd362a5..47c53a3b 100644
--- a/ui/packages/basic/AiEditor/AiEditor.vue
+++ b/ui/packages/basic/AiEditor/AiEditor.vue
@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiEditor {
-  ::v-deep.ck-content {
+  :deep(.ck-content ){
     min-height: 300px;
   }
 }
diff --git a/ui/packages/basic/AiImport.vue b/ui/packages/basic/AiImport.vue
index 734d64fe..dea98801 100644
--- a/ui/packages/basic/AiImport.vue
+++ b/ui/packages/basic/AiImport.vue
@@ -255,7 +255,7 @@ export default {
     background: rgba(0, 0, 0, 0.6);
   }
 
-  ::v-deep .el-message-box {
+  :deep( .el-message-box ){
     width: 720px !important;
   }
 
@@ -266,7 +266,7 @@ export default {
   .ai-import__tips {
     line-height: 1;
 
-    ::v-deep.el-form-item__content {
+    :deep(.el-form-item__content ){
       line-height: 1;
     }
 
diff --git a/ui/packages/basic/AiRange.vue b/ui/packages/basic/AiRange.vue
index 38843a64..2cdf8dd2 100644
--- a/ui/packages/basic/AiRange.vue
+++ b/ui/packages/basic/AiRange.vue
@@ -67,7 +67,7 @@ export default {
   height: 32px;
   box-sizing: border-box;
 
-  ::v-deep.el-input {
+  :deep(.el-input ){
     min-width: 80px;
     flex: 1;
 
diff --git a/ui/packages/basic/AiSelect.vue b/ui/packages/basic/AiSelect.vue
index b9f7e249..f9e857ef 100644
--- a/ui/packages/basic/AiSelect.vue
+++ b/ui/packages/basic/AiSelect.vue
@@ -100,7 +100,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .ai-select .el-select {
+:deep( .ai-select .el-select ){
   width: 100%;
 }
 </style>
diff --git a/ui/packages/basic/AiTable.vue b/ui/packages/basic/AiTable.vue
index 9e6a828a..213b3bd9 100644
--- a/ui/packages/basic/AiTable.vue
+++ b/ui/packages/basic/AiTable.vue
@@ -269,18 +269,18 @@ export default {
     color: $primaryColor;
   }
 
-  ::v-deep .ai-header__border .ai-table__header {
+  :deep( .ai-header__border .ai-table__header ){
     border-bottom: 1px solid $borderColor !important;
     border-right: 1px solid $borderColor !important;
   }
 
-  ::v-deep .el-table--border {
+  :deep( .el-table--border ){
     border: 1px solid $borderColor;
     border-right: none;
     border-bottom: none;
   }
 
-  ::v-deep .el-table {
+  :deep( .el-table ){
     color: #222;
 
     .caret-wrapper {
@@ -300,11 +300,11 @@ export default {
     }
   }
 
-  ::v-deep .cell {
+  :deep( .cell ){
     line-height: 24px;
   }
 
-  ::v-deep .el-table__header {
+  :deep( .el-table__header ){
     th {
       padding: 8px 0;
     }
@@ -322,13 +322,13 @@ export default {
     }
   }
 
-  ::v-deep .el-table__body {
+  :deep( .el-table__body ){
     tr td:first-child .cell {
       padding-left: 40px !important;
     }
   }
 
-  ::v-deep .el-table__fixed-right {
+  :deep( .el-table__fixed-right ){
     .el-table__body {
       tr td:first-child .cell {
         padding-left: 0 !important;
@@ -337,12 +337,12 @@ export default {
     }
   }
 
-  ::v-deep .ai-table__header {
+  :deep( .ai-table__header ){
     border-bottom: none;
     background: #F3F4F5;
   }
 
-  ::v-deep.el-pager {
+  :deep(.el-pager ){
     li.active + li {
       border-left: 1px solid $borderColor;
     }
@@ -374,7 +374,7 @@ export default {
         gap: 8px;
         color: $primaryColor !important;
 
-        ::v-deep span, ::v-deep div {
+        :deep( span), :deep( div ){
           font-size: 12px;
           cursor: pointer;
           color: $primaryColor !important;
@@ -399,11 +399,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 ){
         display: flex;
         align-items: center;
 
@@ -427,7 +427,7 @@ export default {
 }
 
 .ai-table__noborder {
-  ::v-deep .el-table td, ::v-deep .el-table th.is-center {
+  :deep( .el-table td), :deep( .el-table th.is-center ){
     border: none;
   }
 
@@ -435,11 +435,11 @@ export default {
     display: none;
   }
 
-  ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
+  :deep( .el-table--striped .el-table__body tr.el-table__row--striped td ){
     background: #F5F6F9;
   }
 
-  ::v-deep .el-table__fixed-right::before, ::v-deep .el-table__fixed::before {
+  :deep( .el-table__fixed-right::before), :deep( .el-table__fixed::before ){
     display: none;
   }
 }
diff --git a/ui/packages/basic/AiTableSelect.vue b/ui/packages/basic/AiTableSelect.vue
index 14a86166..3d70799d 100644
--- a/ui/packages/basic/AiTableSelect.vue
+++ b/ui/packages/basic/AiTableSelect.vue
@@ -190,7 +190,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep.AiTableSelect {
+:deep(.AiTableSelect ){
   .el-row {
     width: 100%;
 
diff --git a/ui/packages/basic/AiTitle.vue b/ui/packages/basic/AiTitle.vue
index f84218b9..ab7837b2 100644
--- a/ui/packages/basic/AiTitle.vue
+++ b/ui/packages/basic/AiTitle.vue
@@ -129,7 +129,7 @@ export default {
       align-items: center;
     }
 
-    ::v-deep.el-button {
+    :deep(.el-button ){
       margin-left: 8px !important;
     }
   }
diff --git a/ui/packages/basic/AiUploader.vue b/ui/packages/basic/AiUploader.vue
index 19f6c04b..0b716276 100644
--- a/ui/packages/basic/AiUploader.vue
+++ b/ui/packages/basic/AiUploader.vue
@@ -401,33 +401,33 @@ export default {
 .uploader {
   line-height: 1;
 
-  ::v-deep.el-upload {
+  :deep(.el-upload ){
     width: 100%;
     text-align: start;
   }
 
-  ::v-deep.validError {
+  :deep(.validError ){
     .el-button {
       border-color: #f46;
       color: #f46;
     }
   }
 
-  ::v-deep.el-upload--picture-card {
+  :deep(.el-upload--picture-card ){
     border: none;
   }
 
-  ::v-deep .el-list-leave-active, ::v-deep .el-upload-list__item {
+  :deep( .el-list-leave-active), :deep( .el-upload-list__item ){
     transition: all 0s !important;
   }
 
-  ::v-deep.el-upload-list--picture-card .el-upload-list__item {
+  :deep(.el-upload-list--picture-card .el-upload-list__item ){
     width: 120px;
     height: 120px;
     border-radius: 4px;
   }
 
-  ::v-deep.el-upload--picture-card {
+  :deep(.el-upload--picture-card ){
     width: auto;
     height: auto;
   }
@@ -437,7 +437,7 @@ export default {
     line-height: 16px;
   }
 
-  ::v-deep.fileItem {
+  :deep(.fileItem ){
     width: 100%;
     height: 60px;
     background: #FFFFFF;
diff --git a/ui/packages/common/AiLog.vue b/ui/packages/common/AiLog.vue
index ee070816..bb9abb18 100644
--- a/ui/packages/common/AiLog.vue
+++ b/ui/packages/common/AiLog.vue
@@ -74,7 +74,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .AiLog {
-  ::v-deep.table-head-cell {
+  :deep(.table-head-cell ){
     background-color: rgba(243, 246, 249, 1);
     color: #333;
     font-size: 14px;
@@ -88,7 +88,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep.table-cell {
+  :deep(.table-cell ){
     .cell {
       padding-top: 13px;
       padding-bottom: 13px;
@@ -99,7 +99,7 @@ export default {
     }
   }
 
-  ::v-deep.el-pagination {
+  :deep(.el-pagination ){
     text-align: center;
 
     .btn-prev {
@@ -124,11 +124,11 @@ export default {
     }
   }
 
-  ::v-deep.el-pagination__jump {
+  :deep(.el-pagination__jump ){
     margin-left: 0;
   }
 
-  ::v-deep.el-pager li {
+  :deep(.el-pager li ){
     background-color: #fff;
     border: solid 1px #d0d4dc;
     margin-left: 8px;
diff --git a/ui/packages/common/AiParty/AiParty.vue b/ui/packages/common/AiParty/AiParty.vue
index 5c5d9865..148fad3b 100644
--- a/ui/packages/common/AiParty/AiParty.vue
+++ b/ui/packages/common/AiParty/AiParty.vue
@@ -220,46 +220,46 @@ export default {
   overflow-y: hidden;
 }
 
-::v-deep.el-dialog__header {
+:deep(.el-dialog__header ){
   line-height: 1;
   // padding: 13px 16px;
   // border-bottom: 1px solid #eee;
 }
 
-::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 ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
 
-::v-deep.el-dialog__body {
+:deep(.el-dialog__body ){
   padding: 16px 16px 0;
 }
 
-::v-deep .ai-dialog__content--wrapper {
+:deep( .ai-dialog__content--wrapper ){
   padding-right: 0 !important;
 }
 
-::v-deep.left_cont {
+:deep(.left_cont ){
   height: calc(100% - 40px);
   padding-top: 8px;
   box-sizing: border-box;
   overflow: auto;
 }
 
-::v-deep.el-tree {
+:deep(.el-tree ){
   background: #fcfcfc;
 }
 
-::v-deep .el-dialog__body {
+:deep( .el-dialog__body ){
   background: #fcfcfc;
 }
 
-::v-deep.el-tree-node:focus > .el-tree-node__content {
+:deep(.el-tree-node:focus > .el-tree-node__content ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
 
-::v-deep.el-tree-node__content:hover {
+:deep(.el-tree-node__content:hover ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
diff --git a/ui/packages/common/AiPartyMember.vue b/ui/packages/common/AiPartyMember.vue
index beda0d37..3c80da7b 100644
--- a/ui/packages/common/AiPartyMember.vue
+++ b/ui/packages/common/AiPartyMember.vue
@@ -591,11 +591,11 @@ export default {
 }
 
 .AiPeopleMember-dialog {
-  ::v-deep .el-input__validateIcon {
+  :deep( .el-input__validateIcon ){
     display: none;
   }
 
-  ::v-deep.el-pagination__sizes {
+  :deep(.el-pagination__sizes ){
     width: 72px !important;
 
     .el-select, .el-input, input {
@@ -660,17 +660,17 @@ export default {
     }
   }
 
-  ::v-deep.pagination {
+  :deep(.pagination ){
     padding: 0 !important;
 
 
   }
 
-  ::v-deep.pagination .el-pager li {
+  :deep(.pagination .el-pager li ){
     line-height: 22px !important;
   }
 
-  ::v-deep.el-table__header {
+  :deep(.el-table__header ){
     margin-bottom: 4px;
     border-bottom: 1px solid rgba(208, 212, 220, 1);
 
@@ -697,11 +697,11 @@ export default {
     overflow: auto;
     box-sizing: border-box;
 
-    ::v-deep.el-table td, .el-table th.is-leaf {
+    :deep(.el-table td), .el-table th.is-leaf {
       border-bottom: none;
     }
 
-    ::v-deep.el-table::before {
+    :deep(.el-table::before ){
       display: none;
     }
 
@@ -749,11 +749,11 @@ export default {
         width: 166px;
       }
 
-      ::v-deep.el-input--small .el-input__icon {
+      :deep(.el-input--small .el-input__icon ){
         line-height: 28px;
       }
 
-      ::v-deep.el-input--small .el-input__inner {
+      :deep(.el-input--small .el-input__inner ){
         width: 166px;
         height: 28px;
       }
diff --git a/ui/packages/common/AiPartyMemberSelect.vue b/ui/packages/common/AiPartyMemberSelect.vue
index 5338005e..6372f569 100644
--- a/ui/packages/common/AiPartyMemberSelect.vue
+++ b/ui/packages/common/AiPartyMemberSelect.vue
@@ -258,7 +258,7 @@ export default {
 }
 
 
-::v-deep .pagination .el-pager li {
+:deep( .pagination .el-pager li ){
   line-height: 22px!important;
 }
 
diff --git a/ui/packages/common/AiPartyTree.vue b/ui/packages/common/AiPartyTree.vue
index 71b435bd..5ee89dab 100644
--- a/ui/packages/common/AiPartyTree.vue
+++ b/ui/packages/common/AiPartyTree.vue
@@ -135,7 +135,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
diff --git a/ui/packages/common/AiPersonSelect.vue b/ui/packages/common/AiPersonSelect.vue
index 1fa81ac1..d5fba9a5 100644
--- a/ui/packages/common/AiPersonSelect.vue
+++ b/ui/packages/common/AiPersonSelect.vue
@@ -294,19 +294,19 @@ export default {
   padding: 0 20px;
 }
 
-::v-deep .el-pager li.active + li {
+:deep( .el-pager li.active + li ){
   border-left: solid 1px #d0d4dc !important;
 }
 
-::v-deep .el-pager .number:last-child {
+:deep( .el-pager .number:last-child ){
   border-color: #d0d4dc;
 }
 
-::v-deep .el-pager .number.active {
+:deep( .el-pager .number.active ){
   border-color: $primaryColor;
 }
 
-::v-deep.pagination .el-pager li {
+:deep(.pagination .el-pager li ){
   line-height: 22px !important;
 }
 
diff --git a/ui/packages/common/AiPicker.vue b/ui/packages/common/AiPicker.vue
index 7deee305..700e9aa2 100644
--- a/ui/packages/common/AiPicker.vue
+++ b/ui/packages/common/AiPicker.vue
@@ -167,7 +167,7 @@ export default {
     display: flex;
     height: 480px;
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__content {
@@ -194,7 +194,7 @@ 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;
       }
diff --git a/ui/packages/common/AiSign/AiSign.vue b/ui/packages/common/AiSign/AiSign.vue
index 36506426..1c166f0e 100644
--- a/ui/packages/common/AiSign/AiSign.vue
+++ b/ui/packages/common/AiSign/AiSign.vue
@@ -219,7 +219,7 @@ export default {
     }
   }
 
-  ::v-deep.scan-title {
+  :deep(.scan-title ){
     color: #333333;
     font-size: 16px;
 
diff --git a/ui/packages/common/AiSign/changePwd.vue b/ui/packages/common/AiSign/changePwd.vue
index ff955db3..26330be9 100644
--- a/ui/packages/common/AiSign/changePwd.vue
+++ b/ui/packages/common/AiSign/changePwd.vue
@@ -134,13 +134,13 @@ export default {
 .changePwd {
   // margin: 0 20px;
 
-  ::v-deep .code {
+  :deep( .code ){
     .el-button {
       width: auto !important;
     }
   }
 
-  ::v-deep.backLogin {
+  :deep(.backLogin ){
     display: flex;
     align-items: center;
     font-weight: bold;
@@ -165,7 +165,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep.el-form-item {
+  :deep(.el-form-item ){
     margin-bottom: 24px;
 
     i {
diff --git a/ui/packages/common/AiSign/signIn.vue b/ui/packages/common/AiSign/signIn.vue
index 4fc83f06..6eb4c55b 100644
--- a/ui/packages/common/AiSign/signIn.vue
+++ b/ui/packages/common/AiSign/signIn.vue
@@ -286,19 +286,19 @@ export default {
     position: relative;
   }
 
-  ::v-deep.el-tabs__nav-wrap::after {
+  :deep(.el-tabs__nav-wrap::after ){
     display: none;
   }
 
-  ::v-deep.el-tabs__header {
+  :deep(.el-tabs__header ){
     padding: 0;
   }
 
-  ::v-deep.el-tabs__item {
+  :deep(.el-tabs__item ){
     padding-right: 0;
   }
 
-  ::v-deep.el-form-item {
+  :deep(.el-form-item ){
     margin-bottom: 32px;
 
     .el-tabs__item {
diff --git a/ui/packages/common/AiUserGet/AiUserGet.vue b/ui/packages/common/AiUserGet/AiUserGet.vue
index 4075a599..48dc36c4 100644
--- a/ui/packages/common/AiUserGet/AiUserGet.vue
+++ b/ui/packages/common/AiUserGet/AiUserGet.vue
@@ -564,7 +564,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node {
@@ -608,7 +608,7 @@ export default {
     cursor: pointer;
     user-select: none;
 
-    ::v-deep .el-checkbox__label {
+    :deep( .el-checkbox__label ){
       display: none;
     }
 
@@ -639,7 +639,7 @@ 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;
     }
diff --git a/ui/packages/common/AiUserSelecter.vue b/ui/packages/common/AiUserSelecter.vue
index 684d4fcc..90d0f11e 100644
--- a/ui/packages/common/AiUserSelecter.vue
+++ b/ui/packages/common/AiUserSelecter.vue
@@ -630,7 +630,7 @@
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: fit-content;
       min-width: 100%;
       background: transparent;
@@ -698,7 +698,7 @@
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -729,7 +729,7 @@
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0!important;
         overflow-x: hidden;
       }
@@ -738,7 +738,7 @@
     .AiWechatSelecter-container__left {
       flex: 1;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         overflow-x: auto;
       }
     }
@@ -754,7 +754,7 @@
         padding-bottom: 40px!important;
       }
 
-      ::v-deep .el-pagination {
+      :deep( .el-pagination ){
         position: absolute;
         bottom: 0px;
         left: 0;
@@ -811,7 +811,7 @@
       .user-wrapper {
         padding: 0 10px;
 
-        ::v-deep .el-checkbox {
+        :deep( .el-checkbox ){
           display: block;
           margin-right: 0;
         }
diff --git a/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue b/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue
index 756ba4ec..d350ef43 100644
--- a/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue
+++ b/ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue
@@ -631,7 +631,7 @@
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node {
@@ -675,7 +675,7 @@
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -706,7 +706,7 @@
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0!important;
         overflow-x: hidden;
       }
diff --git a/ui/packages/layout/AiHighlight.vue b/ui/packages/layout/AiHighlight.vue
index d56f6a27..5265235c 100644
--- a/ui/packages/layout/AiHighlight.vue
+++ b/ui/packages/layout/AiHighlight.vue
@@ -31,7 +31,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep.AiHighlight {
+:deep(.AiHighlight ){
   display: flex;
   align-items: baseline;
 
diff --git a/ui/packages/layout/AiIntro.vue b/ui/packages/layout/AiIntro.vue
index 14868786..d3cced76 100644
--- a/ui/packages/layout/AiIntro.vue
+++ b/ui/packages/layout/AiIntro.vue
@@ -46,7 +46,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiIntro {
-  ::v-deep.ailist-title__right {
+  :deep(.ailist-title__right ){
     flex: 1;
     min-width: 0;
   }
diff --git a/ui/packages/layout/AiList.vue b/ui/packages/layout/AiList.vue
index 0a61880b..0a294140 100644
--- a/ui/packages/layout/AiList.vue
+++ b/ui/packages/layout/AiList.vue
@@ -68,7 +68,7 @@ export default {
 
 <style lang="scss" scoped>
 //全局tab  css
-::v-deep .ai-list__tabs {
+:deep( .ai-list__tabs ){
   margin-top: 0 !important;
 
   .el-tabs__item {
@@ -148,7 +148,7 @@ export default {
     flex: 1;
     overflow: hidden;
 
-    ::v-deep .el-tabs__item {
+    :deep( .el-tabs__item ){
       min-width: 80px;
       height: 32px;
       line-height: 32px;
@@ -158,15 +158,15 @@ export default {
       border-bottom: 1px solid transparent !important;
     }
 
-    ::v-deep.el-tabs__header {
+    :deep(.el-tabs__header ){
       margin: 0;
     }
 
-    ::v-deep.el-tabs {
+    :deep(.el-tabs ){
       height: 100%;
     }
 
-    ::v-deep.el-tabs__content {
+    :deep(.el-tabs__content ){
       height: calc(100% - 32px);
       background: #f3f6f9;
 
diff --git a/ui/packages/layout/AiSearch.vue b/ui/packages/layout/AiSearch.vue
index b4d4eb64..1323e408 100644
--- a/ui/packages/layout/AiSearch.vue
+++ b/ui/packages/layout/AiSearch.vue
@@ -34,7 +34,7 @@ export default {
     justify-content: center;
   }
 
-  ::v-deep .el-input__inner {
+  :deep( .el-input__inner ){
     border-radius: 0;
   }
 
diff --git a/ui/packages/layout/AiSearchBar.vue b/ui/packages/layout/AiSearchBar.vue
index 354ca513..47f865b1 100644
--- a/ui/packages/layout/AiSearchBar.vue
+++ b/ui/packages/layout/AiSearchBar.vue
@@ -62,7 +62,7 @@ export default {
     border-bottom: 1px solid #eee;
   }
 
-  ::v-deep.searchLeftZone {
+  :deep(.searchLeftZone ){
     flex: 1;
     min-width: 0;
     display: flex;
@@ -71,7 +71,7 @@ export default {
     gap: 8px;
   }
 
-  ::v-deep.searchRightZone {
+  :deep(.searchRightZone ){
     display: flex;
     align-items: center;
     flex-shrink: 0;
@@ -95,7 +95,7 @@ export default {
   margin-top: 8px;
 }
 
-::v-deep .searchLeftZone > .el-button, ::v-deep .searchRightZone > .el-button {
+:deep( .searchLeftZone > .el-button), :deep( .searchRightZone > .el-button ){
   margin-left: 0;
 }
 </style>
diff --git a/ui/packages/layout/AiTreeMenu.vue b/ui/packages/layout/AiTreeMenu.vue
index 702de6df..db1f3b56 100644
--- a/ui/packages/layout/AiTreeMenu.vue
+++ b/ui/packages/layout/AiTreeMenu.vue
@@ -67,7 +67,7 @@ export default {
     border-bottom: 1px solid #E5E5E5;
   }
 
-  ::v-deep .searchInput {
+  :deep( .searchInput ){
     width: 100%;
     padding: 8px;
     box-sizing: border-box;
@@ -98,7 +98,7 @@ export default {
       margin: 0 8px;
     }
 
-    ::v-deep.el-tree {
+    :deep(.el-tree ){
       height: 100%;
       background: #FAFAFB;
 
diff --git a/ui/packages/tools/AiMap.vue b/ui/packages/tools/AiMap.vue
index 5140279f..f8b4e5c5 100644
--- a/ui/packages/tools/AiMap.vue
+++ b/ui/packages/tools/AiMap.vue
@@ -216,7 +216,7 @@ export default {
     background: radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 40%, #000 100%);
   }
 
-  ::v-deep .marker {
+  :deep( .marker ){
     position: relative;
 
     & > img {
@@ -240,11 +240,11 @@ export default {
     }
   }
 
-  ::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;
 
diff --git a/ui/packages/tools/AiQMap.vue b/ui/packages/tools/AiQMap.vue
index ef10dbdb..5b29d269 100644
--- a/ui/packages/tools/AiQMap.vue
+++ b/ui/packages/tools/AiQMap.vue
@@ -300,7 +300,7 @@
     min-width: 0;
     min-height: 0;
 
-    ::v-deep.map {
+    :deep(.map ){
       height: 100%;
 
       & > div > div {
diff --git a/ui/packages/tools/AiTMap.vue b/ui/packages/tools/AiTMap.vue
index 75288465..29a9045d 100644
--- a/ui/packages/tools/AiTMap.vue
+++ b/ui/packages/tools/AiTMap.vue
@@ -143,7 +143,7 @@ export default {
   min-width: 0;
   min-height: 0;
 
-  ::v-deep.map {
+  :deep(.map ){
     height: 100%;
 
     & > div > div {