::v-deep=>:deep()

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;
 

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;

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

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;
 

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