[系统管理]-[用户管理] 底部取消 失效 解决

src/views/system/modules/UserModal.vue

@@ -5,9 +5,9 @@
     :width="drawerWidth"
     placement="right"
     :closable="true"
-    @close="handleCancel"
+    @close="close"
     :visible="visible"
-    style="height: calc(100% - 55px);overflow: auto;padding-bottom: 53px;position:fixed;z-index:9999999;"
+    style="height: calc(100% - 55px);overflow: auto;padding-bottom: 53px;"
   >
     <template slot="title">
       <div style="width: 100%;">
@@ -149,12 +149,10 @@
         </a-form-item>
       </a-form>
     </a-spin>
-    <depart-window ref="departWindow" @ok="modalFormOk"></depart-window>
 
+    <depart-window ref="departWindow" @ok="modalFormOk"></depart-window>
     <div class="drawer-bootom-button" v-show="!disableSubmit">
-      <a-popconfirm title="确定放弃编辑？" @confirm="handleCancel" okText="确定" cancelText="取消">
-        <a-button style="margin-right: .8rem">取消</a-button>
-      </a-popconfirm>
+      <a-button style="margin-right: .8rem" @click="handleCancel">取消</a-button>
       <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
     </div>
   </a-drawer>
@@ -425,6 +423,7 @@ export default {
             })
         },
         close () {
+            console.log('?????')
             this.$emit('close')
             this.visible = false
             this.disableSubmit = false