fix: 供应商资质证照问题

src/views/saleManage/contact/components/addContactDialog.vue

@@ -145,7 +145,7 @@
                 </DictSelection>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="8" style="height: 40px;">
               <el-form-item label="企业性质" prop="enterpriseTypeId">
                 <DictSelection
                   dictName="企业类型"
@@ -206,7 +206,7 @@
                 </el-date-picker>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="8" style="height: 40px;">
               <el-form-item label="级别：">
                 <DictSelection
                   dictName="供应商级别"

src/views/saleManage/contact/components/certificateManagement/components/add-dialog.vue

@@ -53,7 +53,7 @@
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
+        <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }" style="height: 56px;">
           <el-form-item prop="status" label="状态">
             <DictSelection
               v-model="form.status"
@@ -64,7 +64,7 @@
 
         <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
           <el-form-item prop="holder" label="持证对象">
-            <el-input v-model="form.holder" clearable readonly></el-input>
+            <el-input v-model="form.holder" clearable disabled></el-input>
           </el-form-item>
         </el-col>
         <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
@@ -80,8 +80,8 @@
           </el-form-item>
         </el-col>
         <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
-          <el-form-item prop="date" label="有效期至">
-            <el-date-picker
+          <el-form-item prop="validityStartTime" label="有效期至">
+            <!-- <el-date-picker
               style="width: 100%"
               v-model="form.date"
               type="daterange"
@@ -91,7 +91,28 @@
               value-format="yyyy-MM-dd HH:mm:ss"
               :default-time="['00:00:00', '23:59:59']"
             >
-            </el-date-picker>
+            </el-date-picker> -->
+            <div style="display: flex">
+              <el-date-picker
+                style="flex: 1"
+                v-model="form.validityStartTime"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择日期"
+                @change="handleTimeChange('validityStartTime')"
+              >
+              </el-date-picker>
+              <div style="width: 40px; text-align: center">至</div>
+              <el-date-picker
+                style="flex: 1"
+                v-model="form.validityEndTime"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择日期"
+                @change="handleTimeChange('validityEndTime')"
+              >
+              </el-date-picker>
+            </div>
           </el-form-item>
         </el-col>
         <el-col v-bind="styleResponsive ? { sm: 24 } : { span: 24 }">
@@ -169,9 +190,29 @@
           // date: [
           //   { required: true, trigger: 'change', message: '请选择有效期' }
           // ],
+          type: [
+            { required: true, trigger: 'change', message: '请选择证件类型' }
+          ],
           status: [
             { required: true, trigger: 'change', message: '请选择状态' }
           ],
+          validityStartTime: [
+            {
+              required: true,
+              trigger: 'change',
+              message: '请选择有效期开始时间'
+            }
+          ],
+          validityEndTime: [
+            {
+              required: true,
+              trigger: 'change',
+              message: '请选择有效期结束时间'
+            }
+          ],
+          // holder: [
+          //   { required: true, trigger: 'change', message: '请选择持证对象' }
+          // ],
           fileObj: [{ required: true, trigger: 'input', message: ' ' }]
         },
         form: { ...defaultForm },
@@ -188,6 +229,18 @@
     },
 
     methods: {
+      handleTimeChange(key) {
+        if (this.form.validityStartTime && this.form.validityEndTime) {
+          if (this.form.validityStartTime > this.form.validityEndTime) {
+            this.$message.error(
+              `${key == 'validityStartTime' ? '开始' : '结束'}时间不能${
+                key == 'validityStartTime' ? '大于' : '小于'
+              }${key == 'validityStartTime' ? '结束' : '开始'}时间`
+            );
+            this.form[key] = '';
+          }
+        }
+      },
       open(row, type, holderData) {
         this.$refs.form && this.$refs.form.clearValidate();
         this.dialogVisible = true;