修改抽屉被遮挡的bug

src/assets/styles/index.scss

@@ -191,6 +191,51 @@ aside {
   }
 }
 
+// 调整蒙版z-index，使其低于抽屉 - 使用最高优先级选择器
+body .el-overlay {
+  .v-modal {
+    z-index: 1000 !important;
+    position: fixed !important;
+  }
+}
+
+// 确保抽屉z-index高于蒙版 - 使用最高优先级选择器
+body .el-drawer {
+  z-index: 3000 !important;
+  position: fixed !important;
+}
+
+// 直接针对Element UI抽屉的蒙版样式
+body .el-drawer__wrapper {
+  .v-modal {
+    z-index: 1000 !important;
+    position: fixed !important;
+  }
+}
+
+// 确保所有模态框的z-index都低于抽屉
+body .v-modal {
+  z-index: 1000 !important;
+  position: fixed !important;
+}
+
+// 针对选择模板抽屉的特定样式
+body .el-drawer[data-v-f6374af2] {
+  z-index: 3000 !important;
+}
+
+body .el-drawer[data-v-4f121312] {
+  z-index: 3000 !important;
+}
+
+// 确保所有类型的蒙版都低于抽屉
+body .v-modal,
+body .el-overlay .v-modal,
+body .el-dialog__wrapper .v-modal {
+  z-index: 1000 !important;
+  position: fixed !important;
+}
+
 // 全局按钮样式增强
 .el-button--primary {
   background-color: #409EFF;
@@ -279,3 +324,9 @@ a {
 .multiselect--active {
   z-index: 1000 !important;
 }
+
+
+.el-drawer {
+  z-index: 3000 !important;
+  position: fixed !important;
+}
\ No newline at end of file

src/views/datax/json-build-batch/index.vue

@@ -27,6 +27,8 @@
           :visible.sync="jobTemplateSelectDrawer"
           direction="rtl"
           size="50%"
+          
+          append-to-body
         >
           <el-table
             v-loading="listLoading"

src/views/datax/json-build/index.vue

@@ -28,6 +28,7 @@
           :visible.sync="jobTemplateSelectDrawer"
           direction="rtl"
           size="50%"
+          append-to-body
         >
           <el-table
             v-loading="listLoading"

src/views/index/admin/index.vue

@@ -30,6 +30,7 @@
       :visible.sync="configDialogVisible" 
       direction="rtl"
       size="600px"
+      append-to-body
     >
       <el-form :model="configForm" label-width="80px">
         <el-form-item label="选择菜单">