Browse Source

所有抽屉、对话框层级最高【避免这两处按钮被遮挡】

liangyan0105 2 years ago
parent
commit
eb331c19d8
4 changed files with 17 additions and 1 deletions
  1. 6 0
      src/assets/less/common.css
  2. 9 0
      src/assets/less/common.less
  3. 1 0
      src/main.js
  4. 1 1
      src/views/system/modules/UserModal.vue

+ 6 - 0
src/assets/less/common.css

@@ -18,6 +18,12 @@
 .ant-modal-cust-warp {
   height: 100%;
 }
+.ant-drawer-open {
+  z-index: 99999999999999999999999;
+}
+.ant-modal-wrap {
+  z-index: 99999999999999999999999;
+}
 /*弹出modal Y轴滚动条*/
 .ant-modal-cust-warp .ant-modal-body {
   height: calc(100% - 110px) !important;

+ 9 - 0
src/assets/less/common.less

@@ -20,6 +20,15 @@
   height: 100%;
 }
 
+//全局设置 所有抽屉弹框层级最高
+.ant-drawer-open {
+  z-index: 99999999999999999999999;
+}
+//全局设置 所有弹框弹框层级最高
+.ant-modal-wrap {
+  z-index: 99999999999999999999999;
+}
+
 /*弹出modal Y轴滚动条*/
 .ant-modal-cust-warp .ant-modal-body {
   height: calc(100% - 110px) !important;

+ 1 - 0
src/main.js

@@ -15,6 +15,7 @@ import 'ant-design-vue/dist/antd.less' // or 'ant-design-vue/dist/antd.less'
 import '@/permission' // permission control
 import '@/utils/filter' // base filter
 import Print from 'vue-print-nb-jeecg'
+import './assets/less/common.less'
 /* import '@babel/polyfill' */
 import VueApexCharts from 'vue-apexcharts'
 

+ 1 - 1
src/views/system/modules/UserModal.vue

@@ -721,7 +721,7 @@ export default {
 
 .drawer-bootom-button {
   position: absolute;
-  bottom: 4%;
+  bottom: 0;
   width: 100%;
   border-top: 1px solid #e8e8e8;
   padding: 10px 16px;