Browse Source

计量期字段必填

duy 1 year ago
parent
commit
60876965c7
1 changed files with 14 additions and 3 deletions
  1. 14 3
      src/views/debit-pay/admin/components/middlepay/addModal.vue

+ 14 - 3
src/views/debit-pay/admin/components/middlepay/addModal.vue

@@ -13,7 +13,7 @@
                         <el-form ref="baseFormRef" :model="baseForm" :rules="baseFormRules" label-position="left" label-width="auto">
                             <el-row :gutter="20">
                                 <el-col :span="8">
-                                    <el-form-item label="计量期:">
+                                    <el-form-item label="计量期:" prop="contractPeriodId">
                                         <el-select v-model="baseForm.contractPeriodId" placeholder="选择计量期" filterable block @change="periodChange">
                                             <el-option v-for="item in period" :key="item.id" :label="item.periodNumber" :value="item.id" />
                                         </el-select>
@@ -25,7 +25,7 @@
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="8">
-                                    <el-form-item label="业务日期:">
+                                    <el-form-item label="业务日期:" prop="businessDate">
                                         <el-date-picker v-model="baseForm.businessDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" />
                                     </el-form-item>
                                 </el-col>
@@ -238,7 +238,18 @@ const setSplitRef = () => {
 //基础表单
 const baseFormRef = ref(null)
 const baseForm = ref({ fileList: [], pictureUrl: '', pictureName:'' })
-const baseFormRules = {}
+const baseFormRules = {
+    contractPeriodId: {
+        required: true,
+        trigger: 'blur',
+        message: '请选择计量期',
+    },
+    businessDate: {
+        required: true,
+        trigger: 'blur',
+        message: '请选择业务日期',
+    },
+}
 
 //获取数据详情
 const getDataDetail = async () => {