diff --git a/src/components/EmailModal/index.vue b/src/components/EmailModal/index.vue
index d8300b41..e7cd2aa4 100644
--- a/src/components/EmailModal/index.vue
+++ b/src/components/EmailModal/index.vue
@@ -96,7 +96,7 @@
 </template>
 
 <script lang="ts" setup name="DsPrint">
-  import { ref, defineExpose, defineProps, reactive } from 'vue'
+  import { ref, reactive } from 'vue'
   import { GetUseEmailListByIds, SendShippingOrderEmail, GetOpenJsonPrintInfoByTemplateCode } from './api'
   import { useUserStore } from '/@/store/modules/user'
   // 根据id获取联系人接口
diff --git a/src/components/File/index.vue b/src/components/File/index.vue
index c3371c1d..2f326d94 100644
--- a/src/components/File/index.vue
+++ b/src/components/File/index.vue
@@ -115,8 +115,8 @@
 </template>
 
 <script lang="ts" setup name="DsFile">
-  import { ref, defineExpose, reactive, defineProps, unref } from 'vue'
-  import { AddMultiFiles, GetOpFileList } from './api'
+  import { ref, reactive, unref } from 'vue'
+  import { AddMultiFiles } from './api'
   import { getDictOption } from '/@/utils/dictUtil'
   // 引入提示信息
   import { useMessage } from '/@/hooks/web/useMessage'
diff --git a/src/components/File/list.vue b/src/components/File/list.vue
index b25f3e5c..fda763c3 100644
--- a/src/components/File/list.vue
+++ b/src/components/File/list.vue
@@ -168,7 +168,7 @@
 </template>
 
 <script lang="ts" setup name="DsFileList">
-  import { ref, defineExpose, reactive, defineProps, watch } from 'vue'
+  import { ref, reactive, watch } from 'vue'
   import { GetOpFileList, BatchDelFiles, DownloadOpFile } from './api'
   // 引入提示信息
   import { useMessage } from '/@/hooks/web/useMessage'
diff --git a/src/components/HColSet/components/tableColDrag.vue b/src/components/HColSet/components/tableColDrag.vue
index 77b33e09..142f169e 100644
--- a/src/components/HColSet/components/tableColDrag.vue
+++ b/src/components/HColSet/components/tableColDrag.vue
@@ -73,7 +73,7 @@
 </template>
 
 <script setup>
-  import { ref, defineProps, watch, onMounted } from 'vue'
+  import { ref, watch, onMounted } from 'vue'
   import emitter from '/@/utils/Bus'
   // 注入选择的表格行数据
   const colData = ref([])
diff --git a/src/components/Markdown/src/MarkdownViewer.vue b/src/components/Markdown/src/MarkdownViewer.vue
index 884d25ee..3284c4f9 100644
--- a/src/components/Markdown/src/MarkdownViewer.vue
+++ b/src/components/Markdown/src/MarkdownViewer.vue
@@ -1,9 +1,14 @@
+<!--
+ * @Desc: 
+ * @Author: lijj
+ * @Date: 2024-07-17 08:39:50
+-->
 <template>
   <div id="markdownViewer" ref="viewerRef" :class="$props.class"></div>
 </template>
 
 <script lang="ts" setup>
-  import { defineProps, onBeforeUnmount, onDeactivated, Ref, ref, unref, watch } from 'vue'
+  import { onBeforeUnmount, onDeactivated, Ref, ref, unref, watch } from 'vue'
   import VditorPreview from 'vditor/dist/method.min'
   import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated'
   import { useRootSetting } from '/@/hooks/setting/useRootSetting'
diff --git a/src/components/Print/EmailModal/index.vue b/src/components/Print/EmailModal/index.vue
index a2e1f90c..242dc168 100644
--- a/src/components/Print/EmailModal/index.vue
+++ b/src/components/Print/EmailModal/index.vue
@@ -89,7 +89,7 @@
 </template>
 
 <script lang="ts" setup name="DsPrint">
-  import { ref, defineExpose, defineProps, reactive } from 'vue'
+  import { ref, reactive } from 'vue'
   import {
     GetUseEmailListByIds,
     SendShippingOrderEmail,
diff --git a/src/views/ContainerManagement/CurrentState/infoModal.vue b/src/views/ContainerManagement/CurrentState/infoModal.vue
index 4b40f775..8557844b 100644
--- a/src/views/ContainerManagement/CurrentState/infoModal.vue
+++ b/src/views/ContainerManagement/CurrentState/infoModal.vue
@@ -11,7 +11,7 @@
   </BasicModal>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, ref } from 'vue'
+  import { ref } from 'vue'
   import { BasicTable, useTable } from '/@/components/Table'
   import { ApiChangeList } from '../StateChange/api'
   import { BasicModal, useModalInner } from '/@/components/Modal'
diff --git a/src/views/approve/fee/index.vue b/src/views/approve/fee/index.vue
index e48b88d9..f48eaab7 100644
--- a/src/views/approve/fee/index.vue
+++ b/src/views/approve/fee/index.vue
@@ -94,7 +94,7 @@
   </a-spin>
 </template>
 <script lang="ts" setup>
-  import { onMounted, ref, defineExpose, computed, reactive } from 'vue'
+  import { onMounted, ref, computed, reactive } from 'vue'
   import { BasicTable, useTable } from '/@/components/Table'
   import { formatParams } from '/@/hooks/web/common'
   import { GetList, GetStat, BusinessAudit } from './api'
diff --git a/src/views/baseinfo/clientflowtemplate/importFlow.vue b/src/views/baseinfo/clientflowtemplate/importFlow.vue
index 3e7f9f70..50bec4ad 100644
--- a/src/views/baseinfo/clientflowtemplate/importFlow.vue
+++ b/src/views/baseinfo/clientflowtemplate/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { getFlowTemplateList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/country/importFlow.vue b/src/views/baseinfo/country/importFlow.vue
index 7afc5a9e..06f1416e 100644
--- a/src/views/baseinfo/country/importFlow.vue
+++ b/src/views/baseinfo/country/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/ctn/importFlow.vue b/src/views/baseinfo/ctn/importFlow.vue
index 97d10c58..d1eca6ad 100644
--- a/src/views/baseinfo/ctn/importFlow.vue
+++ b/src/views/baseinfo/ctn/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/frt/importFlow.vue b/src/views/baseinfo/frt/importFlow.vue
index faa3e35e..65570a87 100644
--- a/src/views/baseinfo/frt/importFlow.vue
+++ b/src/views/baseinfo/frt/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/goods/importFlow.vue b/src/views/baseinfo/goods/importFlow.vue
index 849015ad..f59a7461 100644
--- a/src/views/baseinfo/goods/importFlow.vue
+++ b/src/views/baseinfo/goods/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/goodstype/importFlow.vue b/src/views/baseinfo/goodstype/importFlow.vue
index c3d32bda..d8cf02f0 100644
--- a/src/views/baseinfo/goodstype/importFlow.vue
+++ b/src/views/baseinfo/goodstype/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { getBasicsCodeGoodsTypeList, getExistCodeGoodsTypeList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/infoclient/FeeCustTemplate/feeField.vue b/src/views/baseinfo/infoclient/FeeCustTemplate/feeField.vue
index dbaa6d53..42bae383 100644
--- a/src/views/baseinfo/infoclient/FeeCustTemplate/feeField.vue
+++ b/src/views/baseinfo/infoclient/FeeCustTemplate/feeField.vue
@@ -64,13 +64,10 @@
   import {
     ref,
     onMounted,
-    defineProps,
     watch,
     nextTick,
     defineComponent,
-    defineExpose,
-    watchEffect,
-    inject,
+    watchEffect
   } from 'vue'
   // 下拉框数据接口
   import { GetFeeCodeSelectList, GetFeeCurrencySelectList } from '/@/api/common'
diff --git a/src/views/baseinfo/infoclient/menu5/importFlow.vue b/src/views/baseinfo/infoclient/menu5/importFlow.vue
index 5329539a..5a4aa82c 100644
--- a/src/views/baseinfo/infoclient/menu5/importFlow.vue
+++ b/src/views/baseinfo/infoclient/menu5/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/issuetype/importFlow.vue b/src/views/baseinfo/issuetype/importFlow.vue
index 67e2ac98..86bb59f6 100644
--- a/src/views/baseinfo/issuetype/importFlow.vue
+++ b/src/views/baseinfo/issuetype/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/lanes/importFlow.vue b/src/views/baseinfo/lanes/importFlow.vue
index 78740a04..fa477b29 100644
--- a/src/views/baseinfo/lanes/importFlow.vue
+++ b/src/views/baseinfo/lanes/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/package/importFlow.vue b/src/views/baseinfo/package/importFlow.vue
index 6dd50088..f115cb2e 100644
--- a/src/views/baseinfo/package/importFlow.vue
+++ b/src/views/baseinfo/package/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/port/importFlow.vue b/src/views/baseinfo/port/importFlow.vue
index 465a9b2b..a51338c9 100644
--- a/src/views/baseinfo/port/importFlow.vue
+++ b/src/views/baseinfo/port/importFlow.vue
@@ -24,7 +24,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/source/importFlow.vue b/src/views/baseinfo/source/importFlow.vue
index 85df3316..39c0779f 100644
--- a/src/views/baseinfo/source/importFlow.vue
+++ b/src/views/baseinfo/source/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/stlmode/importFlow.vue b/src/views/baseinfo/stlmode/importFlow.vue
index 0bc134ac..011c9567 100644
--- a/src/views/baseinfo/stlmode/importFlow.vue
+++ b/src/views/baseinfo/stlmode/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/vessel/importDictFlow.vue b/src/views/baseinfo/vessel/importDictFlow.vue
index b910dd58..15f42e33 100644
--- a/src/views/baseinfo/vessel/importDictFlow.vue
+++ b/src/views/baseinfo/vessel/importDictFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiDetailBasicsList, ApiDetailExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/baseinfo/vessel/importFlow.vue b/src/views/baseinfo/vessel/importFlow.vue
index d78ef3d0..ceda0be7 100644
--- a/src/views/baseinfo/vessel/importFlow.vue
+++ b/src/views/baseinfo/vessel/importFlow.vue
@@ -19,7 +19,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { defineExpose, defineComponent, onMounted, ref } from 'vue'
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import { ApiBasicsList, ApiExistList } from './api'
   import { useModal } from '/@/components/Modal'
diff --git a/src/views/bookingcabin/CabinInventory/index.vue b/src/views/bookingcabin/CabinInventory/index.vue
index 1e23596c..b327c857 100644
--- a/src/views/bookingcabin/CabinInventory/index.vue
+++ b/src/views/bookingcabin/CabinInventory/index.vue
@@ -122,11 +122,11 @@ const { createMessage } = useMessage()
 </script>
 
 <style lang="less" scoped>
-  /deep/ .ant-form-item {
+  :deep(.ant-form-item) {
     margin-bottom: 10px !important;
   }
 
-  /deep/ .ant-card-body {
+  :deep(.ant-card-body) {
     padding-bottom: 0px !important;
   }
 
diff --git a/src/views/bookingcabin/CabinManagement/detail/index.vue b/src/views/bookingcabin/CabinManagement/detail/index.vue
index 38470e9b..6dc08445 100644
--- a/src/views/bookingcabin/CabinManagement/detail/index.vue
+++ b/src/views/bookingcabin/CabinManagement/detail/index.vue
@@ -990,11 +990,11 @@ function getWeek(dateTime) {
 }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-form-item-control-input-content div {
+:deep(.ant-form-item-control-input-content div) {
     font-size: 12px !important;
 }
 
-/deep/ .ant-input-number-handler-wrap {
+:deep(.ant-input-number-handler-wrap) {
     opacity: 1;
 }
 
@@ -1060,17 +1060,17 @@ function getWeek(dateTime) {
     display: flex;
     flex-wrap: wrap;
 
-    /deep/ .ant-input-number-input {
+    :deep(.ant-input-number-input) {
         background-color: rgba(245, 249, 252, 1);
         ;
     }
 
-    /deep/ .ant-input-number-affix-wrapper {
+    :deep(.ant-input-number-affix-wrapper) {
         background-color: rgba(245, 249, 252, 1);
         ;
     }
 
-    /deep/ .ant-input-number-input {
+    :deep(.ant-input-number-input) {
         text-align: center;
     }
 
@@ -1278,49 +1278,49 @@ function getWeek(dateTime) {
     margin-bottom: 10px;
 }
 
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
     margin-bottom: 10px !important;
 }
 
 
 
 
-/deep/ .ant-table.ant-table-bordered>.ant-table-container {
+:deep(.ant-table.ant-table-bordered>.ant-table-container) {
     border-left: none !important;
 }
 
-/deep/ .ds-table .ant-table-container,
-.ds-table-detail .ant-table-container {
+:deep(.ds-table .ant-table-container,
+.ds-table-detail .ant-table-container) {
     padding: 0px !important;
 }
 
 .bookslot {
-    /deep/ .ant-input {
+    :deep(.ant-input) {
         height: 26px;
     }
 
-    /deep/ .ant-input-number-input {
+    :deep(.ant-input-number-input) {
         height: 26px;
     }
 
-    /deep/ .ant-picker-input>input {
+    :deep(.ant-picker-input>input) {
         height: 26px;
     }
 
-    /deep/ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+    :deep(.ant-select-single:not(.ant-select-customize-input) .ant-select-selector) {
         height: 26px;
     }
 
-    /deep/ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
+    :deep(.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input) {
         height: 26px;
     }
 
-    /deep/ .ant-picker {
+    :deep(.ant-picker) {
         height: 26px;
     }
 
-    /deep/ .ant-select-single .ant-select-selector .ant-select-selection-item,
-    .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+    :deep(.ant-select-single .ant-select-selector .ant-select-selection-item,
+    .ant-select-single .ant-select-selector .ant-select-selection-placeholder) {
         line-height: 26px;
     }
 }
diff --git a/src/views/bookingcabin/CabinManagement/detail/log.vue b/src/views/bookingcabin/CabinManagement/detail/log.vue
index 2e07a661..2b2d881b 100644
--- a/src/views/bookingcabin/CabinManagement/detail/log.vue
+++ b/src/views/bookingcabin/CabinManagement/detail/log.vue
@@ -33,7 +33,6 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, defineExpose, reactive, defineProps, unref } from 'vue'
 const props = defineProps({
     logList : { type: Array }
 })
diff --git a/src/views/bookingcabin/CabinManagement/index.vue b/src/views/bookingcabin/CabinManagement/index.vue
index 2224731d..7efb6bf8 100644
--- a/src/views/bookingcabin/CabinManagement/index.vue
+++ b/src/views/bookingcabin/CabinManagement/index.vue
@@ -482,11 +482,11 @@
 </script>
 
 <style lang="less" scoped>
-  /deep/ .ant-form-item {
+  :deep(.ant-form-item) {
     margin-bottom: 10px !important;
   }
 
-  /deep/ .ant-card-body {
+  :deep(.ant-card-body) {
     padding-bottom: 0px !important;
   }
 
@@ -605,7 +605,7 @@
     }
   }
 
-  /deep/ .vben-basic-table-action button {
+  :deep(.vben-basic-table-action button) {
     padding: 0 3px !important;
   }
 </style>
diff --git a/src/views/bookingcabin/ContractnoList/index.vue b/src/views/bookingcabin/ContractnoList/index.vue
index e04b9104..77ee353e 100644
--- a/src/views/bookingcabin/ContractnoList/index.vue
+++ b/src/views/bookingcabin/ContractnoList/index.vue
@@ -133,11 +133,11 @@ function handleAdd() {
 </script>
 
 <style lang="less" scoped>
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
   margin-bottom: 10px !important;
 }
 
-/deep/ .ant-card-body {
+:deep(.ant-card-body) {
   padding-bottom: 0px !important;
 }
 
diff --git a/src/views/bookingcabin/cabinBooking/detail.vue b/src/views/bookingcabin/cabinBooking/detail.vue
index e3582bee..83b66dc6 100644
--- a/src/views/bookingcabin/cabinBooking/detail.vue
+++ b/src/views/bookingcabin/cabinBooking/detail.vue
@@ -1345,14 +1345,14 @@ function getContractnoList() {
 
 </script>
 <style lang="less" scoped>
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
   margin-bottom: 10px !important;
 }
 
-/deep/ .ant-form-item-label>label {
+:deep(deep.ant-form-item-label>label) {
   height: 25px !important;
 }
-/deep/ .ant-form-item-control-input-content{
+:deep(.ant-form-item-control-input-content) {
   div{
     font-size: 12px;
   }
diff --git a/src/views/bookingcabin/cabinBooking/index.vue b/src/views/bookingcabin/cabinBooking/index.vue
index e259ecbd..ae204f31 100644
--- a/src/views/bookingcabin/cabinBooking/index.vue
+++ b/src/views/bookingcabin/cabinBooking/index.vue
@@ -541,11 +541,11 @@ function handleOpenCopy() {
 </script>
 
 <style lang="less" scoped>
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
   margin-bottom: 10px !important;
 }
 
-/deep/ .ant-card-body {
+:deep(.ant-card-body) {
   padding-bottom: 0px !important;
 }
 
diff --git a/src/views/bookingcabin/generation/index.vue b/src/views/bookingcabin/generation/index.vue
index fea2728b..98e2615b 100644
--- a/src/views/bookingcabin/generation/index.vue
+++ b/src/views/bookingcabin/generation/index.vue
@@ -631,17 +631,17 @@ function handleSaveTask() {
   display: flex;
   flex-wrap: wrap;
 
-  /deep/ .ant-input-number-input {
+  :deep(.ant-input-number-input) {
     background-color: rgb(255, 255, 255);
     ;
   }
 
-  /deep/ .ant-input-number-affix-wrapper {
+  :deep(.ant-input-number-affix-wrapper) {
     background-color: rgb(255, 255, 255);
     ;
   }
 
-  /deep/ .ant-input-number-input {
+  :deep(.ant-input-number-input) {
     text-align: center;
   }
 
diff --git a/src/views/bookingcabin/labelSet/index.vue b/src/views/bookingcabin/labelSet/index.vue
index 44adecc6..017dbd14 100644
--- a/src/views/bookingcabin/labelSet/index.vue
+++ b/src/views/bookingcabin/labelSet/index.vue
@@ -119,11 +119,11 @@ function handleAdd() {
 </script>
 
 <style lang="less" scoped>
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
   margin-bottom: 10px !important;
 }
 
-/deep/ .ant-card-body {
+:deep(.ant-card-body) {
   padding-bottom: 0px !important;
 }
 
diff --git a/src/views/fee/FeeCustTemplate/feeField.vue b/src/views/fee/FeeCustTemplate/feeField.vue
index bd6964b4..90251059 100644
--- a/src/views/fee/FeeCustTemplate/feeField.vue
+++ b/src/views/fee/FeeCustTemplate/feeField.vue
@@ -64,13 +64,10 @@
   import {
     ref,
     onMounted,
-    defineProps,
     watch,
     nextTick,
     defineComponent,
-    defineExpose,
-    watchEffect,
-    inject,
+    watchEffect
   } from 'vue'
   // 下拉框数据接口
   import { GetFeeCodeSelectList, GetFeeCurrencySelectList } from '/@/api/common'
diff --git a/src/views/fee/template/components/feeField.vue b/src/views/fee/template/components/feeField.vue
index ba904c3c..207c84e2 100644
--- a/src/views/fee/template/components/feeField.vue
+++ b/src/views/fee/template/components/feeField.vue
@@ -39,13 +39,10 @@
   import {
     ref,
     onMounted,
-    defineProps,
     watch,
     nextTick,
     defineComponent,
-    defineExpose,
     watchEffect,
-    inject,
   } from 'vue'
   // 下拉框数据接口
   import {
diff --git a/src/views/finance/feeSettlement/index.vue b/src/views/finance/feeSettlement/index.vue
index 02f17203..2dc19e7d 100644
--- a/src/views/finance/feeSettlement/index.vue
+++ b/src/views/finance/feeSettlement/index.vue
@@ -90,7 +90,6 @@
     </BasicTable>
 </template>
 <script setup lang="ts">
-import { ref, reactive, onMounted, defineExpose, computed } from 'vue'
 import { PaymentSettlementGetList, PaymentSettlementDelete, PaymentSettlementSetLock } from './api.js'
 import { BasicTable, useTable, TableAction } from '/@/components/Table'
 import { formatParams } from '/@/hooks/web/common'
diff --git a/src/views/operation/CustomerReconciliation/detail/index.vue b/src/views/operation/CustomerReconciliation/detail/index.vue
index 00c1413f..bd6afd34 100644
--- a/src/views/operation/CustomerReconciliation/detail/index.vue
+++ b/src/views/operation/CustomerReconciliation/detail/index.vue
@@ -658,21 +658,6 @@
     })
   }
 </script>
-<!-- <style lang="less" scoped>
-  /deep/.ant-table-container {
-    height: calc(100vh - 301px);
-    .ant-table-body {
-      max-height: none !important;
-      height: calc(100% - 50px) !important;
-      .ant-table-placeholder {
-        display: none;
-        .ant-table-expanded-row-fixed {
-          height: calc(100vh - 300px);
-        }
-      }
-    }
-  }
-</style> -->
 <style lang="less" scoped>
   // ----------------------
   .infoclientBox {
diff --git a/src/views/operation/bill/index.vue b/src/views/operation/bill/index.vue
index 1ae4e354..e4a28d77 100644
--- a/src/views/operation/bill/index.vue
+++ b/src/views/operation/bill/index.vue
@@ -202,7 +202,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, reactive, onMounted, defineExpose, computed } from 'vue'
+import { ref } from 'vue'
 import {
   GetList,
   GetOpFileList,
@@ -640,7 +640,7 @@ function cancelCheckIn(type) {
 }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-table-pagination.ant-pagination {
+:deep(.ant-table-pagination.ant-pagination) {
   border-bottom: 1px solid #ebebeb;
   margin-bottom: 0px;
   padding-bottom: 10px;
@@ -704,12 +704,12 @@ function cancelCheckIn(type) {
     height: 0 !important;
   }
 
-  /deep/ .ant-table-footer {
-    /deep/ .ant-table-measure-row {
+  :deep(.ant-table-footer) {
+    :deep(.ant-table-measure-row) {
       display: none;
     }
 
-    /deep/ .ant-table-row-level-0 {
+    :deep(.ant-table-row-level-0) {
       height: 26px !important;
       padding-left: 50px;
 
@@ -723,18 +723,18 @@ function cancelCheckIn(type) {
 }
 
 .fee-table {
-  /deep/ .ant-table-body {
+  :deep(.ant-table-body) {
     min-height: calc(50vh - 210px);
   }
 }
 
-/deep/ .ant-divider-vertical {
+:deep(.ant-divider-vertical) {
   height: 20px;
   margin: 0 10px;
   background: #eeeeee;
 }
 
-/deep/ .vben-basic-table .ant-table-footer td {
+:deep(.vben-basic-table .ant-table-footer td) {
   padding: 0px 10px !important;
 }
 
diff --git a/src/views/operation/invoicExamine/index.vue b/src/views/operation/invoicExamine/index.vue
index 325814e6..4ce0dde3 100644
--- a/src/views/operation/invoicExamine/index.vue
+++ b/src/views/operation/invoicExamine/index.vue
@@ -137,7 +137,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, reactive, onMounted, defineExpose, computed } from 'vue'
+import { ref } from 'vue'
 import { GetList, InvoiceApplicationGet, Audit,GetOpFileList } from './api.js'
 import { BasicTable, useTable, TableAction } from '/@/components/Table'
 import { formatParams } from '/@/hooks/web/common'
@@ -371,7 +371,7 @@ function sureRefuse() {
 }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-table-pagination.ant-pagination {
+:deep(.ant-table-pagination.ant-pagination) {
     border-bottom: 1px solid #ebebeb;
     margin-bottom: 0px;
     padding-bottom: 10px;
@@ -428,12 +428,12 @@ function sureRefuse() {
         height: 0 !important;
     }
 
-    /deep/ .ant-table-footer {
-        /deep/ .ant-table-measure-row {
+    :deep(.ant-table-footer) {
+        :deep(.ant-table-measure-row) {
             display: none;
         }
 
-        /deep/ .ant-table-row-level-0 {
+        :deep(.ant-table-row-level-0) {
             height: 26px !important;
             padding-left: 50px;
 
@@ -447,18 +447,18 @@ function sureRefuse() {
 }
 
 .fee-table {
-    /deep/ .ant-table-body {
+    :deep(.ant-table-body) {
         min-height: calc(50vh - 210px);
     }
 }
 
-/deep/ .ant-divider-vertical {
+:deep(.ant-divider-vertical) {
     height: 20px;
     margin: 0 10px;
     background: #eeeeee;
 }
 
-/deep/ .vben-basic-table .ant-table-footer td {
+:deep(.vben-basic-table .ant-table-footer td) {
     padding: 0px 10px !important;
 }
 </style>
diff --git a/src/views/operation/invoiceApply/detail/InvoiceDetails.vue b/src/views/operation/invoiceApply/detail/InvoiceDetails.vue
index b2af1f21..75c02444 100644
--- a/src/views/operation/invoiceApply/detail/InvoiceDetails.vue
+++ b/src/views/operation/invoiceApply/detail/InvoiceDetails.vue
@@ -118,7 +118,7 @@
 </template>
 <script lang="ts" setup>
 import { formatParams } from '/@/hooks/web/common'
-import { ref, defineExpose, watch } from 'vue'
+import { ref } from 'vue'
 import { BasicTable, useTable, TableAction } from '/@/components/Table'
 import { detailColumns, detailSearchFormSchema, businessTypeList } from '../columns'
 import { GetBizList, InvoiceApplicationGetFees, GetExchangeRate, GetCurrencies } from '../api.js'
@@ -690,12 +690,12 @@ defineExpose({ init, changeCustIn })
     }
 }
 
-/deep/ .ant-table-footer {
+:deep(.ant-table-footer) {
     padding: 0px !important;
     background: white;
 }
 
-/deep/ .ant-table-container {
+:deep(.ant-table-container) {
     padding: 0px;
 }
 
@@ -712,7 +712,7 @@ defineExpose({ init, changeCustIn })
     margin-right: 20px;
     border: 1px solid white;
 
-    /deep/ .ant-checkbox-wrapper {
+    :deep(.ant-checkbox-wrapper) {
         font-size: 12px !important;
     }
 
@@ -733,25 +733,19 @@ defineExpose({ init, changeCustIn })
     margin: 0 10px;
 }
 
-/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-inner {
+:deep(.ant-checkbox-wrapper-checked .ant-checkbox-inner) {
     background-color: #257afa;
     border-color: #257afa;
 }
 
-/deep/ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+:deep(.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after) {
     border-color: #f5f5f5;
 }
 
-/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-disabled+span {
+:deep(.ant-checkbox-wrapper-checked .ant-checkbox-disabled+span) {
     color: #257afa;
 }
 
-// :deep(.active-row) {
-//     .ant-table-cell {
-//         background: #dfe8f6;
-//     }
-// }
-
 :deep(.flex) {
     align-items: flex-end !important;
 }
diff --git a/src/views/operation/invoiceApply/detail/feeTable.vue b/src/views/operation/invoiceApply/detail/feeTable.vue
index 7176c135..249f533a 100644
--- a/src/views/operation/invoiceApply/detail/feeTable.vue
+++ b/src/views/operation/invoiceApply/detail/feeTable.vue
@@ -684,7 +684,7 @@ defineExpose({ list, dataSource, init, changeCust, open })
   }
 }
 
-/deep/ .ant-tabs-nav {
+:deep(.ant-tabs-nav) {
   margin-bottom: 2px;
 }
 </style>
diff --git a/src/views/operation/invoiceApply/detail/index.vue b/src/views/operation/invoiceApply/detail/index.vue
index 90cbf373..a98a86d1 100644
--- a/src/views/operation/invoiceApply/detail/index.vue
+++ b/src/views/operation/invoiceApply/detail/index.vue
@@ -1184,7 +1184,7 @@ function handleSelect(value) {
     padding-top: 5px;
 }
 
-/deep/ .ant-btn-link {
+:deep(.ant-btn-link) {
     padding: 0px !important;
 }
 
@@ -1292,7 +1292,7 @@ function handleSelect(value) {
     margin-right: 20px;
     border: 1px solid white;
 
-    /deep/ .ant-checkbox-wrapper {
+    :deep(.ant-checkbox-wrapper) {
         font-size: 12px !important;
     }
 
@@ -1317,16 +1317,16 @@ function handleSelect(value) {
     padding: 0 20px;
 }
 
-/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-inner {
+:deep(.ant-checkbox-wrapper-checked .ant-checkbox-inner) {
     background-color: #257afa;
     border-color: #257afa;
 }
 
-/deep/ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+:deep(.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after) {
     border-color: #f5f5f5;
 }
 
-/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-disabled+span {
+:deep(.ant-checkbox-wrapper-checked .ant-checkbox-disabled+span) {
     color: #257afa;
 }
 
diff --git a/src/views/operation/invoiceIssue/detail/applyInvoice.vue b/src/views/operation/invoiceIssue/detail/applyInvoice.vue
index cabb3cb4..4834730f 100644
--- a/src/views/operation/invoiceIssue/detail/applyInvoice.vue
+++ b/src/views/operation/invoiceIssue/detail/applyInvoice.vue
@@ -164,7 +164,7 @@
 </template>
 <script lang="ts" setup>
 import { formatParams } from '/@/hooks/web/common'
-import { ref, defineExpose, watch } from 'vue'
+import { ref } from 'vue'
 import { BasicTable, useTable, TableAction } from '/@/components/Table'
 import { applyColums, applySearch, applyColumsDetail, freeSearch, freeColums } from '../columns'
 import { GetApplicationList, GetApplicationDetails, GetExchangeRate, FreeInvoiceGetBizList, FreeInvoiceGetFees, GetCurrencies } from '../api.js'
@@ -876,12 +876,12 @@ defineExpose({ init, customerIdP, customerIdPName })
     }
 }
 
-/deep/ .ant-table-footer {
+:deep(.ant-table-footer) {
     padding: 0px !important;
     background: white;
 }
 
-/deep/ .ant-table-container {
+:deep(.ant-table-container) {
     padding: 0px;
 }
 
@@ -898,7 +898,7 @@ defineExpose({ init, customerIdP, customerIdPName })
     margin-right: 20px;
     border: 1px solid white;
 
-    /deep/ .ant-checkbox-wrapper {
+    :deep(.ant-checkbox-wrapper) {
         font-size: 12px !important;
     }
 
@@ -919,16 +919,16 @@ defineExpose({ init, customerIdP, customerIdPName })
     margin: 0 10px;
 }
 
-/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-inner {
+:deep(.ant-checkbox-wrapper-checked .ant-checkbox-inner) {
     background-color: #257afa;
     border-color: #257afa;
 }
 
-/deep/ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+:deep(.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after) {
     border-color: #f5f5f5;
 }
 
-/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-disabled+span {
+:deep(.ant-checkbox-wrapper-checked .ant-checkbox-disabled+span) {
     color: #257afa;
 }
 
diff --git a/src/views/operation/invoiceIssue/detail/index.vue b/src/views/operation/invoiceIssue/detail/index.vue
index 1786c0be..4d1c2797 100644
--- a/src/views/operation/invoiceIssue/detail/index.vue
+++ b/src/views/operation/invoiceIssue/detail/index.vue
@@ -1540,16 +1540,16 @@ watchEffect(() => {
     left: 35px;
 }
 
-/deep/ .ant-divider-inner-text {
+:deep(.ant-divider-inner-text) {
     font-size: 12px;
     font-weight: bold;
 }
 
-/deep/ .ant-divider-horizontal.ant-divider-with-text {
+:deep(.ant-divider-horizontal.ant-divider-with-text) {
     margin: 3px;
 }
 
-/deep/ .vben-basic-table {
+:deep(.vben-basic-table) {
     height: auto;
 }
 
diff --git a/src/views/operation/seaexport/detail/components/note.vue b/src/views/operation/seaexport/detail/components/note.vue
index 5f71ba95..45f4d86b 100644
--- a/src/views/operation/seaexport/detail/components/note.vue
+++ b/src/views/operation/seaexport/detail/components/note.vue
@@ -48,7 +48,6 @@
 </template>
 
 <script lang="ts" setup name="DsNote">
-  import { ref, defineExpose, onMounted } from 'vue'
   import { GetSeaExportRemarkList, EditSeaExportRemark, DelSeaExportRemark } from '/@/views/operation/seaexport/api/BookingLedger'
   // import { useMessage } from '/@/hooks/web/useMessage'
   // const { createMessage } = useMessage()
diff --git a/src/views/operation/seaexport/detail/modules/ediMore.vue b/src/views/operation/seaexport/detail/modules/ediMore.vue
index c23f90f1..bc0d5f0a 100644
--- a/src/views/operation/seaexport/detail/modules/ediMore.vue
+++ b/src/views/operation/seaexport/detail/modules/ediMore.vue
@@ -21,7 +21,7 @@
   import { ediMoreFormSchema } from './baseInfo.tsx'
   import emitter from '/@/utils/Bus'
   import { Divider } from 'ant-design-vue'
-  import { ref, watch, defineProps, defineExpose, onMounted } from 'vue'
+  import { ref, watch, onMounted } from 'vue'
   import { useRoute } from 'vue-router'
   const route = useRoute()
   // 判断页面来源
diff --git a/src/views/operation/seaexport/detail/modules/preOrder.vue b/src/views/operation/seaexport/detail/modules/preOrder.vue
index e9cb4fe6..8bc2a6ba 100644
--- a/src/views/operation/seaexport/detail/modules/preOrder.vue
+++ b/src/views/operation/seaexport/detail/modules/preOrder.vue
@@ -1165,7 +1165,7 @@ defineExpose({
 .left-title {
   display: flex;
 
-  /deep/ .ant-btn-link {
+  :deep(.ant-btn-link) {
     padding: 0px !important;
     margin-right: 10px;
   }
diff --git a/src/views/operation/seaexport/detail/modules/remarksInfo.vue b/src/views/operation/seaexport/detail/modules/remarksInfo.vue
index d7d1af5f..967d9bef 100644
--- a/src/views/operation/seaexport/detail/modules/remarksInfo.vue
+++ b/src/views/operation/seaexport/detail/modules/remarksInfo.vue
@@ -91,11 +91,11 @@ export default {
 </script>
 <style lang="less" scoped>
 
-/deep/ .ant-form-explain{
+:deep(.ant-form-explain) {
   display: none !important;
 }
 
-/deep/ .ant-form-item-children-icon .anticon-check-circle{
+:deep(.ant-form-item-children-icon .anticon-check-circle) {
   display: none;
 }
 </style>
diff --git a/src/views/system/CodeDataRuleTemplate/TenantAuditStepModal.vue b/src/views/system/CodeDataRuleTemplate/TenantAuditStepModal.vue
index 87a116ea..25c068fb 100644
--- a/src/views/system/CodeDataRuleTemplate/TenantAuditStepModal.vue
+++ b/src/views/system/CodeDataRuleTemplate/TenantAuditStepModal.vue
@@ -429,7 +429,7 @@ function replaceEndChar(str, target, replacement) {
 }
 </script>
 <style scoped lang="less">
-/deep/ .ant-form-small {
+:deep(.ant-form-small) {
   margin-top: 0px !important;
 }
 </style>
diff --git a/src/views/system/CodeDataRuleTemplate/feeField.vue b/src/views/system/CodeDataRuleTemplate/feeField.vue
index 75b529ca..18f481f4 100644
--- a/src/views/system/CodeDataRuleTemplate/feeField.vue
+++ b/src/views/system/CodeDataRuleTemplate/feeField.vue
@@ -46,13 +46,10 @@
   import {
     ref,
     onMounted,
-    defineProps,
     watch,
     nextTick,
     defineComponent,
-    defineExpose,
-    watchEffect,
-    inject,
+    watchEffect
   } from 'vue'
   // 下拉框数据接口
   import { GetFeeCodeSelectList, GetFeeCurrencySelectList } from '/@/api/common'
diff --git a/src/views/system/datarule/index.vue b/src/views/system/datarule/index.vue
index bf7002fa..628880a3 100644
--- a/src/views/system/datarule/index.vue
+++ b/src/views/system/datarule/index.vue
@@ -377,12 +377,12 @@ function processNode(node) {
   width: 50%;
 }
 
-/deep/ .ant-tree-node-selected {
+:deep(.ant-tree-node-selected) {
   color: #257afa;
   background-color: #f5f9fc !important;
 }
 
-/deep/ .vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title {
+:deep(.vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title) {
   padding-top: 0px !important;
 }
 </style>
diff --git a/src/views/system/user/UserModal.vue b/src/views/system/user/UserModal.vue
index c3cac3dd..24f977cb 100644
--- a/src/views/system/user/UserModal.vue
+++ b/src/views/system/user/UserModal.vue
@@ -233,15 +233,15 @@
   .p-active {
     color: #17A6A3;
   }
-  /deep/ .ant-divider {
+  :deep(.ant-divider) {
     font-size: 12px;
     font-weight: 600;
     margin: 16px 0 8px -19px;
   }
-  /deep/ .ant-divider-horizontal.ant-divider-with-text-left::before {
+  :deep(.ant-divider-horizontal.ant-divider-with-text-left::before) {
     width: 0;
   }
-  /deep/ .ant-divider-horizontal.ant-divider-with-text-left::after {
+  :deep(.ant-divider-horizontal.ant-divider-with-text-left::after) {
     width: 0;
   }
 </style>
\ No newline at end of file
diff --git a/src/views/taskmanage/components/pdf.vue b/src/views/taskmanage/components/pdf.vue
index ec2168a2..cabd1407 100644
--- a/src/views/taskmanage/components/pdf.vue
+++ b/src/views/taskmanage/components/pdf.vue
@@ -98,13 +98,13 @@ defineExpose({ startInit })
   padding-left: 40px;
 }
 
-/deep/ .ant-tabs-nav {
+:deep(.ant-tabs-nav) {
   margin-bottom: 0px !important;
 }
-/deep/ .ant-spin-nested-loading{
+:deep(.ant-spin-nested-loading) {
   height: 100%;
 }
-/deep/ .ant-spin-container{
+:deep(.ant-spin-container) {
   height: 100%;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/taskmanage/components/taskButton.vue b/src/views/taskmanage/components/taskButton.vue
index fab587ba..cc7adccb 100644
--- a/src/views/taskmanage/components/taskButton.vue
+++ b/src/views/taskmanage/components/taskButton.vue
@@ -48,8 +48,7 @@
     </generationModal>
 </template>
 <script lang="ts" setup>
-import { number } from 'echarts';
-import { ref, onMounted } from 'vue'
+import { ref } from 'vue'
 import { GetUserListAll, SetTaskOwner, CompleteTask, CancelTask } from '../api'
 import { useMessage } from '/@/hooks/web/useMessage'
 import { useModal } from '/@/components/Modal'
@@ -63,7 +62,7 @@ const props = defineProps({
     buttonList: {
         type: Array
     }
-});
+})
 const userLoad = ref(false)
 const UserVisible = ref(false);
 const UserList = ref([]) as any
diff --git a/src/views/taskmanage/components/taskData.vue b/src/views/taskmanage/components/taskData.vue
index 10b179bb..06b93a19 100644
--- a/src/views/taskmanage/components/taskData.vue
+++ b/src/views/taskmanage/components/taskData.vue
@@ -340,7 +340,7 @@ defineExpose({ getInfo })
     font-size: 12px;
 }
 
-/deep/ .ant-form-item-control-input-content {
+:deep(.ant-form-item-control-input-content) {
     div {
         color: rgba(122, 135, 152, 1);
         font-size: 12px;
@@ -374,10 +374,10 @@ defineExpose({ getInfo })
     }
 }
 
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
     margin-bottom: 10px;
 }
-/deep/ .ant-form-item-control-input-content{
+:deep(.ant-form-item-control-input-content) {
     display: flex;
     div{
         margin-right: 5px;
diff --git a/src/views/taskmanage/index.vue b/src/views/taskmanage/index.vue
index 11c723ec..2d84e26a 100644
--- a/src/views/taskmanage/index.vue
+++ b/src/views/taskmanage/index.vue
@@ -1669,59 +1669,59 @@ function handleClickTree(row, index) {
 }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-popover-placement-top {
+:deep(.ant-popover-placement-top) {
   width: 330px !important;
 }
 
-/deep/ .ant-tabs-bar {
+:deep(.ant-tabs-bar) {
   margin-bottom: 0 !important;
 }
 
-/deep/ .ant-table.ant-table-bordered>.ant-table-container {
+:deep(.ant-table.ant-table-bordered>.ant-table-container) {
   border-left: none !important;
 }
 
-/deep/ .ant-tabs-tab {
+:deep(.ant-tabs-tab) {
   padding: 8px !important;
   margin-right: 8px !important;
 }
 
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
   display: flex;
 }
 
-/deep/ .ant-radio-button-wrapper-checked {
+:deep(.ant-radio-button-wrapper-checked) {
   background: white;
   color: black;
   border: none;
   font-weight: 700;
 }
 
-/deep/ .ant-radio-button-wrapper {
+:deep(.ant-radio-button-wrapper) {
   background: rgba(245, 249, 252, 1);
   border: none !important;
 }
 
-/deep/ .ant-tabs-tab+.ant-tabs-tab {
+:deep(.ant-tabs-tab+.ant-tabs-tab) {
   margin: 0 0 0 12px;
 }
 
-/deep/ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+:deep(.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)) {
   background: white;
   color: black;
   font-weight: 700;
 }
 
-/deep/ .nav-title .ant-radio-button-wrapper {
+:deep(.nav-title .ant-radio-button-wrapper) {
   padding: 0px;
   flex-grow: 1;
 }
 
-/deep/ .ant-radio-button-wrapper:not(:first-child)::before {
+:deep(.ant-radio-button-wrapper:not(:first-child)::before) {
   width: 0px;
 }
 
-/deep/ .ant-radio-group {
+:deep(.ant-radio-group) {
   width: 100%;
 }
 
diff --git a/src/views/taskmanage/taskList/siFeedback.vue b/src/views/taskmanage/taskList/siFeedback.vue
index 383c7543..35687361 100644
--- a/src/views/taskmanage/taskList/siFeedback.vue
+++ b/src/views/taskmanage/taskList/siFeedback.vue
@@ -1412,7 +1412,7 @@ const boxSiColumns = [
     overflow: hidden;
 }
 
-/deep/ .ant-form-item-label {
+:deep(.ant-form-item-label) {
     height: 29px;
     line-height: 35px;
     text-align: left;
@@ -1501,7 +1501,7 @@ const boxSiColumns = [
 }
 
 .si-model {
-    /deep/ .ant-form-item-label {
+    :deep(.ant-form-item-label) {
         text-align: right !important;
     }
 }
diff --git a/src/views/taskmanage/taskList/taskCustom.vue b/src/views/taskmanage/taskList/taskCustom.vue
index 1a48374e..d21c34da 100644
--- a/src/views/taskmanage/taskList/taskCustom.vue
+++ b/src/views/taskmanage/taskList/taskCustom.vue
@@ -265,7 +265,7 @@ defineExpose({ init })
         cursor: pointer;
         margin-bottom: 3px;
 
-        /deep/ .ant-checkbox-wrapper {
+        :deep(.ant-checkbox-wrapper) {
             span {
                 font-size: 12px;
             }
diff --git a/src/views/taskmanage/taskList/taskStyle.less b/src/views/taskmanage/taskList/taskStyle.less
index 626823fc..e53fcefd 100644
--- a/src/views/taskmanage/taskList/taskStyle.less
+++ b/src/views/taskmanage/taskList/taskStyle.less
@@ -22,7 +22,7 @@
     color: black;
 }
 
-/deep/ .ant-form-item-control-input-content {
+:deep(.ant-form-item-control-input-content) {
     div {
         color: rgba(122, 135, 152, 1);
     }
@@ -55,7 +55,7 @@
     }
 }
 
-/deep/ .ant-form-item {
+:deep(.ant-form-item) {
     margin-bottom: 10px;
 }