增加非空校验

src/views/typical-example-manage/index.vue

@@ -188,11 +188,11 @@
       :title="title"
       :visible.sync="add_dialog"
       :center="false"
-      width="60%"
+      width="66%"
     >
       <div class="add_dialog_content">
         <div class="add_dialog_content">
-          <el-form :model="formData" ref="form">
+          <el-form :model="formData" ref="form" :rules="rules">
             <div class="form_item_container">
               <el-form-item label="案例名称:" prop="caseName">
                 <el-input v-model="formData.caseName"></el-input>
@@ -322,6 +322,32 @@ export default {
         archiDetail: '',
       },
       tableHeight: null,
+      rules: {
+        caseName: [
+          { required: true, message: '请输入案例名称', trigger: 'blur' },
+        ],
+        caseType: [
+          { required: true, message: '请选择案例类型', trigger: 'change' },
+        ],
+        projectType: [
+          { required: true, message: '请选择项目类型', trigger: 'change' },
+        ],
+        buildContent: [
+          { required: true, message: '请输入建设内容', trigger: 'blur' },
+        ],
+        problemType: [
+          { required: true, message: '请选择问题类型', trigger: 'change' },
+        ],
+        problemLevel: [
+          { required: true, message: '请选择问题等级', trigger: 'change' },
+        ],
+        archiDetail: [
+          { required: true, message: '请输入架构详情', trigger: 'blur' },
+        ],
+        problemContent: [
+          { required: true, message: '请输入问题描述', trigger: 'blur' },
+        ],
+      },
     }
   },
   mounted() {
@@ -426,31 +452,37 @@ export default {
         this.formData.projectType = String(this.formData.projectType)
         this.formData.problemLevel = String(this.formData.problemLevel)
       } else if (type == 'create') {
-        if (this.formData.caseId) {
-          // 编辑保存
-          getTypicalExampleUpdate(this.formData).then((res) => {
-            if (res.code == 200) {
-              this.$message.success('保存成功')
-              this.add_dialog = false
-              this.getList()
-            } else {
-              this.add_dialog = false
-              this.$message.error(res.msg)
-            }
-          })
-        } else {
-          // 新建保存
-          getTypicalExampleAdd(this.formData).then((res) => {
-            if (res.code == 200) {
-              this.$message.success('保存成功')
-              this.add_dialog = false
-              this.getList()
+        this.$refs.form.validate(valid => {
+          if (valid) {
+            if (this.formData.caseId) {
+              // 编辑保存
+              getTypicalExampleUpdate(this.formData).then((res) => {
+                if (res.code == 200) {
+                  this.$message.success('保存成功')
+                  this.add_dialog = false
+                  this.getList()
+                } else {
+                  this.add_dialog = false
+                  this.$message.error(res.msg)
+                }
+              })
             } else {
-              this.add_dialog = false
-              this.$message.error(res.msg)
+              // 新建保存
+              getTypicalExampleAdd(this.formData).then((res) => {
+                if (res.code == 200) {
+                  this.$message.success('保存成功')
+                  this.add_dialog = false
+                  this.getList()
+                } else {
+                  this.add_dialog = false
+                  this.$message.error(res.msg)
+                }
+              })
             }
-          })
-        }
+          } else {
+            return false
+          }
+        })
       } else if (type == 'del') {
         // 删除
         this.$confirm('确认删除吗', '提示', {