refactor: 代码规范、Bug修复

cutejava-front/src/views/components/dev/CuteFormDialog.vue

@@ -1,99 +1,105 @@
-<template>
-  <el-dialog
-    :title="title"
-    :visible.sync="visible"
-    :width="width"
-    :fullscreen="fullscreen"
-    :before-close="beforeClose"
-    :modal="false"
-  >
-    <div class="container-form">
-      <el-form ref="form" :model="model" :rules="rules">
-        <!-- 这里是插槽，用于渲染传入的 el-form-item -->
-        <slot />
-      </el-form>
-    </div>
-    <el-divider />
-    <div class="dialog-footer" style="padding-right: 30px;text-align: right">
-      <el-button type="danger" @click="hidden">取 消</el-button>
-      <!--<el-button @click="resetForm('form')">重 置</el-button>-->
-      <el-button type="primary" @click="submitForm('form')">提 交</el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-
-export default {
-  name: 'CuteFormDialog',
-  props: {
-    title: {
-      type: String,
-      required: true,
-      default: '默认标题'
-    },
-    width: {
-      type: String,
-      required: false,
-      default: '40%'
-    },
-    fullscreen: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    model: {
-      type: Object,
-      required: true,
-      default: null
-    },
-    rules: {
-      type: Object,
-      required: true,
-      default: null
-    }
-  },
-  data() {
-    return {
-      visible: false
-    }
-  },
-  methods: {
-    show() {
-      this.visible = true
-    },
-    hidden() {
-      this.resetForm('form')
-      this.visible = false
-    },
-    submitForm(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          this.$emit('submit', this.model)
-        } else {
-          return false
-        }
-      })
-    },
-    resetForm(formName) {
-      this.$refs[formName].resetFields()
-    },
-    beforeClose() {
-      this.hidden()
-    }
-  }
-}
-</script>
-<style scoped>
-.container-form {
-  overflow-y: scroll; /* 启用滚动 */
-  scrollbar-width: none; /* Firefox */
-  padding-right: 20px;
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
-}
-
-.container-form::-webkit-scrollbar {
-  display: none; /* Chrome, Safari, Opera*/
-}
-</style>
-
+<!--
+ * 简单表单弹窗：封装了常用方法和参数
+ * @author odboy
+ * @email tianjun@odboy.cn
+ * @created 2025-08-01
+ -->
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="visible"
+    :width="width"
+    :fullscreen="fullscreen"
+    :before-close="beforeClose"
+    :modal="false"
+  >
+    <div class="container-form">
+      <el-form ref="form" :model="model" :rules="rules">
+        <!-- 这里是插槽，用于渲染传入的 el-form-item -->
+        <slot />
+      </el-form>
+    </div>
+    <el-divider />
+    <div class="dialog-footer" style="padding-right: 30px;text-align: right">
+      <el-button type="danger" @click="hidden">取 消</el-button>
+      <!--<el-button @click="resetForm('form')">重 置</el-button>-->
+      <el-button v-prevent-re-click type="primary" @click="submitForm('form')">提 交</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+
+export default {
+  name: 'CuteFormDialog',
+  props: {
+    title: {
+      type: String,
+      required: true,
+      default: '默认标题'
+    },
+    width: {
+      type: String,
+      required: false,
+      default: '40%'
+    },
+    fullscreen: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    model: {
+      type: Object,
+      required: true,
+      default: null
+    },
+    rules: {
+      type: Object,
+      required: true,
+      default: null
+    }
+  },
+  data() {
+    return {
+      visible: false
+    }
+  },
+  methods: {
+    show() {
+      this.visible = true
+    },
+    hidden() {
+      this.resetForm('form')
+      this.visible = false
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('submit', this.model)
+        } else {
+          return false
+        }
+      })
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    },
+    beforeClose() {
+      this.hidden()
+    }
+  }
+}
+</script>
+<style scoped>
+.container-form {
+  overflow-y: scroll; /* 启用滚动 */
+  scrollbar-width: none; /* Firefox */
+  padding-right: 20px;
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+}
+
+.container-form::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera*/
+}
+</style>
+