::v-deep=>:deep()

2022-12-01 09:35:20 +08:00
parent d12c7b2c5e
commit 883ec09a0e
352 changed files with 1277 additions and 1281 deletions
--- 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;
    }
  }
--- 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;
    }
  }
--- 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;
--- 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;
  }
--- 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;
    }

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

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

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

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