::v-deep=>:deep()

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;