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

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

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

--- 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>
--- 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 ){
  }

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

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

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

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

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

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

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