::v-deep=>:deep()

components/AiAddressBookMenu.vue

@@ -109,7 +109,7 @@ export default {
         if (res?.data) {
           this.list = res.data?.filter(e => !e.parentid)
           this.list.map(p => this.addChild(p, res.data, {parent: 'parentid'}))
-          
+
           this.$nextTick(() => {
             this.$refs.tree.setCurrentKey(res.data[0].id)
             this.$emit('select', res.data[0])
@@ -209,7 +209,7 @@ export default {
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: 100%;
       margin-top: 4px;
       background: transparent;

components/AiDrag.vue

@@ -28,7 +28,7 @@ export default {
   right: 0;
   pointer-events: none;
 
-  ::v-deep.vdr {
+  :deep(.vdr ){
     pointer-events: auto;
   }
 }

components/AiDvPartyOrg.vue

@@ -132,7 +132,7 @@ export default {
     height: 300%;
   }
 
-  ::v-deep .org-chart-container {
+  :deep( .org-chart-container ){
     color: #FFFFFF;
     font-size: 16px;
 

components/AiDvRender.vue

@@ -178,7 +178,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiDvRender {
-  ::v-deep .dvScrollBoard1 {
+  :deep( .dvScrollBoard1 ){
 
     .header {
       background: rgba(0, 0, 0, 0.1) !important;
@@ -220,7 +220,7 @@ export default {
   }
 
 
-  ::v-deep .marker {
+  :deep( .marker ){
     position: relative;
 
     & > img {

components/AiLocateDialog.vue

@@ -114,7 +114,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiLocateDialog {
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 0;
     height: 480px;
     position: relative;

components/AiMonitor/dhVideo.vue

@@ -61,7 +61,7 @@ export default {
     height: 100% !important;
   }
 
-  ::v-deep .video-js {
+  :deep( .video-js ){
     width: 100% !important;
     height: 100% !important;
 

components/AiSwiper.vue

@@ -54,7 +54,7 @@
     height: 100%;
     padding: 20px 0 0;
 
-    ::v-deep .el-carousel {
+    :deep( .el-carousel ){
       height: 100%;
     }
 

components/layout/AiDvWrapper/AiDvWrapper.vue

@@ -212,7 +212,7 @@ export default {
     }
   }
 
-  ::v-deep.headerPane {
+  :deep(.headerPane ){
     display: flex;
     align-items: center;
     height: 120px;
@@ -453,7 +453,7 @@ export default {
     }
   }
 
-  ::v-deep.settingDialog {
+  :deep(.settingDialog ){
     .ai-dialog {
       background: #1D2127;
       box-shadow: 0 0 4px 0 #206EFF;
@@ -575,7 +575,7 @@ export default {
       background: none;
       box-shadow: none;
 
-      ::v-deep .corner {
+      :deep( .corner ){
         display: none !important;
       }
     }