YT-1249客户代码、年月应是必填项

src/components/ImportForm/src/ImportCustomerStatementForecastForm.vue

@@ -6,11 +6,12 @@
       :model="queryParams"
       class="demo-form-inline"
       style="margin-bottom: 10px"
-      label-width="70px"
+      label-width="80px"
+      :rules="rules"
     >
       <el-row>
         <el-col :span="12">
-          <el-form-item label="客户代码">
+          <el-form-item label="客户代码" prop="customerCode">
             <el-select
               v-model="queryParams.customerCode"
               placeholder="请选择客户代码"
@@ -21,7 +22,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="年月">
+          <el-form-item label="年月" prop="yearsMonthStr">
             <el-date-picker
               v-model="queryParams.yearsMonthStr"
               type="month"
@@ -436,7 +437,14 @@ const queryParams = reactive({
   customerCode: '',
   yearsMonthStr: '',
 })
-
+const rules = ref({
+  customerCode: [
+    { required: true, message: '请选择客户代码', trigger: 'change' },
+  ],
+  yearsMonthStr: [
+    { required: true, message: '请选择年月', trigger: 'change' },
+  ],
+})
 const getCustomerList = async () => {//获取客户列表
   var param ={}
   const list = await CustomerApi.getCustomerListPc(param);

src/components/ImportForm/src/ImportCustomerStatementForm.vue

@@ -6,11 +6,12 @@
       :model="queryParams"
       class="demo-form-inline"
       style="margin-bottom: 10px"
-      label-width="70px"
+      label-width="80px"
+      :rules="rules"
     >
       <el-row>
         <el-col :span="12">
-          <el-form-item label="客户代码">
+          <el-form-item label="客户代码" prop="customerCode">
             <el-select
               v-model="queryParams.customerCode"
               placeholder="请选择客户代码"
@@ -21,7 +22,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="年月">
+          <el-form-item label="年月" prop="yearsMonthStr">
             <el-date-picker
               v-model="queryParams.yearsMonthStr"
               type="month"
@@ -437,6 +438,15 @@ const queryParams = reactive({
   yearsMonthStr: '',
 })
 
+const rules = ref({
+  customerCode: [
+    { required: true, message: '请选择客户代码', trigger: 'change' },
+  ],
+  yearsMonthStr: [
+    { required: true, message: '请选择年月', trigger: 'change' },
+  ],
+})
+
 const getCustomerList = async () => {//获取客户列表
   var param ={}
   const list = await CustomerApi.getCustomerListPc(param);

src/components/ImportForm/src/ImportSupplierMoldCostForm.vue

@@ -7,10 +7,11 @@
       class="demo-form-inline"
       style="margin-bottom: 10px"
       label-width="70px"
+      :rules="rules"
     >
       <el-row>
         <el-col :span="12">
-          <el-form-item label="供应商代码" label-width="85px">
+          <el-form-item label="供应商代码" label-width="95px" prop="supplierCode">
             <el-select
               v-model="queryParams.supplierCode"
               placeholder="请选择供应商代码"
@@ -21,7 +22,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="年月">
+          <el-form-item label="年月" prop="yearsMonthStr">
             <el-date-picker
               v-model="queryParams.yearsMonthStr"
               type="month"
@@ -435,7 +436,14 @@ const queryParams = reactive({
   supplierCode: '',
   yearsMonthStr: '',
 })
-
+const rules = ref({
+  supplierCode: [
+    { required: true, message: '请选择供应商代码', trigger: 'change' },
+  ],
+  yearsMonthStr: [
+    { required: true, message: '请选择年月', trigger: 'change' },
+  ],
+})
 const getCustomerList = async () => {//获取客户列表
   
   const list = await SuppliperMoldCostMainApi.getCustomerList();