出纳付款列表点击通过时付款方式、付款日期、付款账号等需要设置为必填项

anrui-buscenter/anrui-finmanage-ui/src/styles/el-form.scss

@@ -68,4 +68,9 @@
   font-weight: 600;
 }
 
+.icon {
+  color: #e84026;
+  margin-right: 4px;
+}
+
 

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/chunafukuan/chunafukuanguanli/cashier.vue

@@ -132,31 +132,33 @@
       <img style="width: 100%" alt="" :src="dialogUrl"></img>
     </el-dialog>
     <el-dialog :visible.sync="dialogVisible" width="50%" center>
-      <el-form ref="" :model="formobj" class="formadd">
+      <el-form ref="form_obj" :rules="rules" :model="formobj" class="formadd">
         <el-row style="border-top: 1px solid #e0e3eb">
           <el-col :span="4">
-            <span>付款方式</span>
+            <span><span class="icon">*</span>付款方式</span>
           </el-col>
           <el-col :span="8">
-            <el-select v-model="formobj.payWayValue" placeholder="请选择" @change="changePayWay" clearable>
-              <el-option v-for="item in payWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
-            </el-select>
+            <el-form-item prop="payWayValue">
+              <el-select v-model="formobj.payWayValue" placeholder="请选择" @change="changePayWay" clearable>
+                <el-option v-for="item in payWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
+              </el-select>
+            </el-form-item>
           </el-col>
           <el-col :span="4">
-            <span>付款日期</span>
+            <span><span class="icon">*</span>付款日期</span>
           </el-col>
           <el-col :span="8">
-            <el-form-item>
+            <el-form-item prop="payDate">
               <el-date-picker v-model="formobj.payDate" type="date" clearable value-format="yyyy-MM-dd" style="width: 93%" placeholder="请选择日期"/>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4">
-            <span>付款账号</span>
+            <span><span class="icon">*</span>付款账号</span>
           </el-col>
           <el-col :span="8">
-            <el-form-item>
+            <el-form-item prop="payBankAccount">
               <el-select v-model="formobj.payBankAccount" placeholder="请选择" @change="changePayBankAccount" clearable>
                 <el-option v-for="item in payBankAccount_list" :key="item.bankAccount" :label="item.bankAccount" :value="item.bankAccount"/>
               </el-select>
@@ -183,7 +185,7 @@
         </el-row>
         <el-row>
           <el-col :span="4">
-            <span>付款凭证</span>
+            <span><span class="icon">*</span>付款凭证</span>
           </el-col>
           <el-col :span="20">
             <el-form-item>
@@ -295,7 +297,11 @@ export default {
         userSid: ''
       },
       imgList: [],
-      rules: {}
+      rules: {
+        payWayValue: [{ required: true, message: '请选择付款方式', trigger: 'change' }],
+        payDate: [{ required: true, message: '请选择付款日期', trigger: 'blur' }],
+        payBankAccount: [{ required: true, message: '请选择付款账号', trigger: 'change' }]
+      }
     }
   },
   created() {
@@ -456,11 +462,18 @@ export default {
       this.formobj.sids = this.sids
       this.formobj.name = window.sessionStorage.getItem('name')
       this.formobj.userSid = window.sessionStorage.getItem('userSid')
-      req.update(this.formobj).then((resp) => {
-        if (resp.success) {
-          this.$message({ showClose: true, type: 'success', message: resp.msg })
-          this.handColse()
-          this.getList()
+      this.$refs['form_obj'].validate(valid => {
+        console.log(valid, 8888)
+        if (valid) {
+          // req.update(this.formobj).then((resp) => {
+          //   if (resp.success) {
+          //     this.$message({ showClose: true, type: 'success', message: resp.msg })
+          //     this.handColse()
+          //     this.getList()
+          //   }
+          // })
+        } else {
+          return false
         }
       })
     },