diff --git a/src/views/archivesManagement/archClass/archCatalogue/components/addTableData.vue b/src/views/archivesManagement/archClass/archCatalogue/components/addTableData.vue
index 68fa118..c77b7e3 100644
--- a/src/views/archivesManagement/archClass/archCatalogue/components/addTableData.vue
+++ b/src/views/archivesManagement/archClass/archCatalogue/components/addTableData.vue
@@ -213,16 +213,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/archClass/archCatalogue/components/addTreeData.vue b/src/views/archivesManagement/archClass/archCatalogue/components/addTreeData.vue
index 703bfb9..29c583c 100644
--- a/src/views/archivesManagement/archClass/archCatalogue/components/addTreeData.vue
+++ b/src/views/archivesManagement/archClass/archCatalogue/components/addTreeData.vue
@@ -307,16 +307,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/archClass/archClassification/prop/fileDimensionForm.vue b/src/views/archivesManagement/archClass/archClassification/prop/fileDimensionForm.vue
index 467f1a6..e8851d4 100644
--- a/src/views/archivesManagement/archClass/archClassification/prop/fileDimensionForm.vue
+++ b/src/views/archivesManagement/archClass/archClassification/prop/fileDimensionForm.vue
@@ -172,16 +172,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/archClass/archCustomClassification/prop/customizeForm.vue b/src/views/archivesManagement/archClass/archCustomClassification/prop/customizeForm.vue
index 8546c6d..f2fd3d2 100644
--- a/src/views/archivesManagement/archClass/archCustomClassification/prop/customizeForm.vue
+++ b/src/views/archivesManagement/archClass/archCustomClassification/prop/customizeForm.vue
@@ -144,16 +144,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/archClass/fileClassificationNamingConvention/prop/classifyNameStandardForm.vue b/src/views/archivesManagement/archClass/fileClassificationNamingConvention/prop/classifyNameStandardForm.vue
index 9f8d519..c674e57 100644
--- a/src/views/archivesManagement/archClass/fileClassificationNamingConvention/prop/classifyNameStandardForm.vue
+++ b/src/views/archivesManagement/archClass/fileClassificationNamingConvention/prop/classifyNameStandardForm.vue
@@ -157,16 +157,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/archClass/fileClassificationTags/prop/classifiyMarkForm.vue b/src/views/archivesManagement/archClass/fileClassificationTags/prop/classifiyMarkForm.vue
index 5c50b7d..8aaa0e3 100644
--- a/src/views/archivesManagement/archClass/fileClassificationTags/prop/classifiyMarkForm.vue
+++ b/src/views/archivesManagement/archClass/fileClassificationTags/prop/classifiyMarkForm.vue
@@ -143,23 +143,22 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
         font-size: 16px;
     }
 }
-
 .yxq .el-range-separator {
     margin-right: 7px !important;
 }
diff --git a/src/views/archivesManagement/fileManager/components/addTableData.vue b/src/views/archivesManagement/fileManager/components/addTableData.vue
index 9d767a0..3adb31a 100644
--- a/src/views/archivesManagement/fileManager/components/addTableData.vue
+++ b/src/views/archivesManagement/fileManager/components/addTableData.vue
@@ -389,16 +389,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/fileManager/components/addTreeData.vue b/src/views/archivesManagement/fileManager/components/addTreeData.vue
index 60b1c5c..4dc437c 100644
--- a/src/views/archivesManagement/fileManager/components/addTreeData.vue
+++ b/src/views/archivesManagement/fileManager/components/addTreeData.vue
@@ -309,16 +309,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/archivesManagement/proManager/prop/fileSetForm.vue b/src/views/archivesManagement/proManager/prop/fileSetForm.vue
index 8d564ec..36c18dd 100644
--- a/src/views/archivesManagement/proManager/prop/fileSetForm.vue
+++ b/src/views/archivesManagement/proManager/prop/fileSetForm.vue
@@ -128,16 +128,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/common/fileTree.vue b/src/views/common/fileTree.vue
index ddcc260..e4ef0ff 100644
--- a/src/views/common/fileTree.vue
+++ b/src/views/common/fileTree.vue
@@ -175,16 +175,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/data-collect/data-class-manage/prop/dataClassForm.vue b/src/views/data-collect/data-class-manage/prop/dataClassForm.vue
index 3fab8e4..adc6d8c 100644
--- a/src/views/data-collect/data-class-manage/prop/dataClassForm.vue
+++ b/src/views/data-collect/data-class-manage/prop/dataClassForm.vue
@@ -159,16 +159,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/data-collect/data-set-manage/components/share.vue b/src/views/data-collect/data-set-manage/components/share.vue
index 4bb0f58..31b994f 100644
--- a/src/views/data-collect/data-set-manage/components/share.vue
+++ b/src/views/data-collect/data-set-manage/components/share.vue
@@ -114,16 +114,16 @@ export default {
 };
 </script>
 <style lang="scss">
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/filesTransfer/apply/prop/applyForm.vue b/src/views/filesTransfer/apply/prop/applyForm.vue
index 96450de..011654c 100644
--- a/src/views/filesTransfer/apply/prop/applyForm.vue
+++ b/src/views/filesTransfer/apply/prop/applyForm.vue
@@ -340,17 +340,17 @@ export default {
     }
 };
 </script>
-<style lang="scss">
-.w700 .el-dialog {
+<style lang="scss" scoped>
+.w700 ::v-deep .el-dialog {
     width: 1100px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/filesTransfer/encryption/prop/encryptionForm.vue b/src/views/filesTransfer/encryption/prop/encryptionForm.vue
index ee7cc48..ab71308 100644
--- a/src/views/filesTransfer/encryption/prop/encryptionForm.vue
+++ b/src/views/filesTransfer/encryption/prop/encryptionForm.vue
@@ -159,17 +159,17 @@ export default {
     }
 };
 </script>
-<style lang="scss">
-.w700 .el-dialog {
+<style lang="scss" scoped>
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/filesTransfer/record/components/recordList.vue b/src/views/filesTransfer/record/components/recordList.vue
index b946e89..a2719e3 100644
--- a/src/views/filesTransfer/record/components/recordList.vue
+++ b/src/views/filesTransfer/record/components/recordList.vue
@@ -143,16 +143,16 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/system/white/prop/whiteForm.vue b/src/views/system/white/prop/whiteForm.vue
index b778d0c..042fed2 100644
--- a/src/views/system/white/prop/whiteForm.vue
+++ b/src/views/system/white/prop/whiteForm.vue
@@ -293,17 +293,17 @@ export default {
     }
 };
 </script>
-<style lang="scss">
-.w700 .el-dialog {
+<style lang="scss" scoped>
+.w700 ::v-deep .el-dialog {
     width: 700px;
 }
 
-.w500 .el-dialog {
+.w500 ::v-deep .el-dialog {
     width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
     // background: #eeeeee;
 
     .el-dialog__title {
diff --git a/src/views/viewFile/viewFile.vue b/src/views/viewFile/viewFile.vue
index 9933d6a..49d36d2 100644
--- a/src/views/viewFile/viewFile.vue
+++ b/src/views/viewFile/viewFile.vue
@@ -304,21 +304,21 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.w700 .el-dialog {
-  width: 700px;
+.w700 ::v-deep .el-dialog {
+    width: 700px;
 }
 
-.w500 .el-dialog {
-  width: 500px;
+.w500 ::v-deep .el-dialog {
+    width: 500px;
 }
 
-.w500 .el-dialog__header,
-.w700 .el-dialog__header {
-  // background: #eeeeee;
+.w500 ::v-deep .el-dialog__header,
+.w700 ::v-deep .el-dialog__header {
+    // background: #eeeeee;
 
-  .el-dialog__title {
-    font-size: 16px;
-  }
+    .el-dialog__title {
+        font-size: 16px;
+    }
 }
 
 .yxq .el-range-separator {