::v-deep=>:deep()

project/pidu/app/AppGridMemberScore/components/gridScoreManage.vue

@@ -298,7 +298,7 @@ export default {
 .gridScoreManage {
   height: 100%;
 
-  ::v-deep .ai-dialog .ai-dialog__content {
+  :deep( .ai-dialog .ai-dialog__content ){
     max-height: 600px!important;
   }
 
@@ -357,7 +357,7 @@ export default {
     }
   }
 
-  ::v-deep .selectCont .pagination {
+  :deep( .selectCont .pagination ){
     width: 100%!important;
     background: pink;
   }

project/pidu/app/AppGridMemberScore/components/gridScoreRules.vue

@@ -467,15 +467,15 @@ export default {
   height: 100%;
   background: #f3f6f9;
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
-  // ::v-deep .searchRightZone {
+  // :deep( .searchRightZone ){
   //   display: flex;
   // }
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .el-cascader {
       width: 100%;
     }

project/pidu/app/AppGridMemberScore/components/gridScoreStatistics.vue

@@ -8,7 +8,7 @@
             <span v-for="(item,index) in timeCheck" :key="index" :class="type == index? 'active':''"
              @click="timeChange(index)">{{ item }}</span>
           </div>
-            <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small" 
+            <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small"
               :props="defaultProps" :show-all-levels="false" @change="gridChange" clearable></el-cascader>
         </div>
       </div>
@@ -56,11 +56,11 @@
       <template #content>
         <ai-search-bar>
           <template #left>
-            <el-cascader ref="cascader2" v-model="girdIdArr" :options="girdOptions" placeholder="所属网格" size="small" 
+            <el-cascader ref="cascader2" v-model="girdIdArr" :options="girdOptions" placeholder="所属网格" size="small"
               :props="defaultProps" :show-all-levels="false" clearable @change="gridChangeOpt"></el-cascader>
-            <ai-select v-model="search.integralType" placeholder="请选择类型" @change="current=1, getTableData()" 
+            <ai-select v-model="search.integralType" placeholder="请选择类型" @change="current=1, getTableData()"
             :selectList="dict.getDict('integralType')"/>
-            <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd" 
+            <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd"
               range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="onChange">
             </el-date-picker>
           </template>
@@ -231,7 +231,7 @@ export default {
         }
       })
     },
-    
+
     // 人员、网格排行
     getRanking() {
       this.instance.post('/app/appintegraluser/userAndGirdIntegralSort',null,{
@@ -450,7 +450,7 @@ export default {
     timeChange(index) {
       if(index == 3) {
         this.dialogDate = true
-      } 
+      }
       this.type = index
       this.getStatistics()
       this.getRanking()
@@ -473,7 +473,7 @@ export default {
           this.details = res.data
           if(res.data.enclosure) {
             let str = res.data.enclosure.split('/')
-            this.fileDownLoad = [{ 
+            this.fileDownLoad = [{
               url:res.data.enclosure,
               name: str?.[str.length - 1]
             }]
@@ -640,14 +640,14 @@ export default {
   //   display: inline;
   // }
 
-  ::v-deep .el-dialog__footer {
+  :deep( .el-dialog__footer ){
     text-align: center;
   }
-  ::v-deep .el-dialog__header {
+  :deep( .el-dialog__header ){
     border-bottom: 1px solid #DDD;
   }
-  ::v-deep .ai-detail {
+  :deep( .ai-detail ){
     background: #FFF;
   }
  }
-</style>
+</style>