::v-deep=>:deep()

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;
   }
 

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;
     }

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>

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;

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;

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;

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;

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;

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;
 

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;

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%;