Переглянути джерело

修改了A类dialog的表单

littlegreen 2 роки тому
батько
коміт
0c5554685e
1 змінених файлів з 25 додано та 6 видалено
  1. 25 6
      ruoyi-ui/src/views/cert/grad/index.vue

+ 25 - 6
ruoyi-ui/src/views/cert/grad/index.vue

@@ -181,10 +181,10 @@
     />
 
     <!-- 添加或修改A类证书对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="top">
         <el-form-item label="证书类型" prop="certType">
-          <el-select v-model="form.certType" placeholder="请选择证书类型">
+          <el-select v-model="form.certType" placeholder="请选择证书类型" style="width:100%">
             <el-option
               v-for="dict in dict.type.cert_a_type"
               :key="dict.value"
@@ -207,7 +207,8 @@
             v-model="form.issueDate"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="请选择发证时间">
+            placeholder="请选择发证时间"
+            style="width:100%">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="培训名称" prop="certName">
@@ -301,8 +302,26 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        certType: [
+          { required: true, message: "证书类型不能为空", trigger: "change" }
+        ],
+        uesrName: [
+          { required: true, message: "姓名或者单位不能为空", trigger: "blur" }
+        ],
+        certId: [
+          { required: true, message: "证书编码不能为空", trigger: "blur" }
+        ],
+        issueDate: [
+          { required: true, message: "发证时间不能为空", trigger: "blur" }
+        ],
         templateId: [
           { required: true, message: '请选择证书模板', trigger: 'blur' }
+        ],
+        certName: [
+          { required: true, message: "培训名称不能为空", trigger: "blur" }
+        ],
+        courseHours:[
+          { required: true, message: "学时数不能为空", trigger: "blur" }
         ]
       },
       tempValueOptions:[{
@@ -380,7 +399,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加A类证书";
+      this.title = "添加证书";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -389,7 +408,7 @@ export default {
       getGrad(id).then(response => {
         this.form = response.data;
         this.open = true;
-        this.title = "修改A类证书";
+        this.title = "修改证书";
       });
     },
     /** 提交按钮 */