浏览代码

🎈 perf(【drp-食堂菜单】): 编辑弹窗优化

编辑弹窗关闭ESC,model点击关闭,调整宽高

20240226166
002390 1 年之前
父节点
当前提交
80e4ab1736
共有 1 个文件被更改,包括 11 次插入1 次删除
  1. 11 1
      src/views/canteen/menuEdit/index.vue

+ 11 - 1
src/views/canteen/menuEdit/index.vue

@@ -21,7 +21,7 @@ export default {
     return {
       rules,
       params,
-      width: "50%",
+      width: "400px",
       title: "编 辑",
       visible: false,
       FormColumns,
@@ -95,11 +95,15 @@ export default {
   >
     {{ title }}
     <el-dialog
+      v-loading="loading"
       :width="width"
       :visible.sync="visible"
       append-to-body
       :show-close="false"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
       @open="beforeOpen"
+      @close="close"
     >
       <template #title>
         <el-row type="flex" justify="space-between">
@@ -130,3 +134,9 @@ export default {
     </el-dialog>
   </el-button>
 </template>
+
+<style scoped>
+>>> .el-dialog__body {
+  padding: 5px 15px;
+}
+</style>