bug1238

src/views/tentative/device/employ.vue

@@ -101,10 +101,10 @@
                     </el-form-item>
                 </div>
                 <div class="hc-form-item">
-                    <el-form-item label="使用日期(起)">
+                    <el-form-item label="使用日期(起)" prop="startDate">
                         <el-date-picker type="date" v-model="addEditFormModel.startDate" class="block" value-format="YYYY-MM-DD" :clearable="false"/>
                     </el-form-item>
-                    <el-form-item label="使用日期(止)">
+                    <el-form-item label="使用日期(止)"  prop="endDate">
                         <el-date-picker type="date" v-model="addEditFormModel.endDate" class="block" value-format="YYYY-MM-DD" :clearable="false"/>
                     </el-form-item>
                 </div>
@@ -436,17 +436,50 @@ const addEditFormModalClose = () => {
 
 //新增/编辑 表单
 const addEditFormRef = ref(null)
-const addEditFormModel = ref({})
+const addEditFormModel = ref({
+    deviceClassId:'',
+    nodeName:'',
+    deviceNumber:'',
+    materialName:'',
+    deviceName:'',
+    specificationNumber:'',
+    startDate:'',
+    endDate:'',
+    managerName:'',
+    remarks:'',
+})
 const addEditFormRules = {
-    key1: {
-        required: true,
-        trigger: 'blur',
-        message: "请输入"
+      startDate: {
+        required: false,
+        validator: (rule, value, callback) => {
+            const endTime = addEditFormModel.value?.endDate ?? ''
+            if (!value) {
+                callback(new Error('请选择使用起始日期'))
+            } else if (value > endTime) {
+                callback(new Error('使用停止日期 不能 小于 使用起始日期'))
+            } else if (value === endTime) {
+                callback(new Error('使用停止日期 和 使用起始日期，不能一致'))
+            } else {
+                callback()
+            }
+        },
+        trigger: "blur",
     },
-    key2: {
-        required: true,
-        trigger: 'blur',
-        message: "请选择"
+    endDate: {
+        required: false,
+        validator: (rule, value, callback) => {
+            const startTime = addEditFormModel.value?.startDate ?? ''
+            if (!value) {
+                callback(new Error('请选择使用停止日期'))
+            } else if (value < startTime) {
+                callback(new Error('使用停止日期 不能 小于 使用起始日期'))
+            } else if (value === startTime) {
+                callback(new Error('使用停止日期 和 使用起始日期，不能一致'))
+            } else {
+                callback()
+            }
+        },
+        trigger: "blur",
     },
 }