TimeControl微调

frontend/src/views/machine/device/components/devicePopup.vue

@@ -56,9 +56,10 @@
                         <el-form-item label="生产日期" prop="createDate">
                             <el-date-picker 
                                 v-model="formContent.createDate" 
-                                type="datetime" 
                                 placeholder="请选择生产日期"
+                                :disabled-date="disabledDate"
                                 />
+                          
                         </el-form-item>           
                     </el-col>
                     <el-col :span="8">
@@ -124,8 +125,12 @@
                         </el-form-item>           
                     </el-col>
                     <el-col :span="8">
-                        <el-form-item label='送样日期'  prop='arrivedDate' clearable placeholder="请输入送样日期">
-                            <el-input v-model='formContent.arrivedDate' />
+                        <el-form-item label='送样日期'  prop='arrivedDate' >
+                            <el-date-picker 
+                                v-model="formContent.arrivedDate" 
+                                placeholder="请选择送样日期"
+                                :disabled-date="disabledDate"
+                                />
                         </el-form-item>           
                     </el-col>
                 </el-row>   
@@ -158,7 +163,9 @@
   const dictStore = useDictStore()
   // 定义弹出组件元信息
   const dialogFormRef = ref()
-
+  const disabledDate = (time: Date) => {
+  return time.getTime() > Date.now()
+}
   function useMetaInfo() {
     const dialogVisible = ref(false)
     const titleType = ref('add')
@@ -214,6 +221,8 @@
     return titleType.value === 'add' ? '新增被检设备' : '编辑被检设备'
   })
   
+
+
   // 定义表单校验规则
   const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
     devType: [{ required: true, message: '设备类型必选！', trigger: 'change' }],
@@ -226,7 +235,8 @@
     createId: [{ required: true, message: '出厂编号必填！', trigger: 'blur' }],
     hardwareVersion: [{ required: true, message: '固件版本必填！', trigger: 'blur' }],
     softwareVersion: [{ required: true, message: '软件版本必填！', trigger: 'blur' }],
-    ip:[{ required: true, message: 'IP地址必填！', trigger: 'blur' }],
+    ip:[{ required: true, message: 'IP地址必填！', trigger: 'blur' } ,
+       ],
     port:[{ required: true, message: '端口号必填！', trigger: 'blur' }],
     manufacturer: [{ required: true, message: '生产厂家必选！', trigger: 'change' }],
     encryption: [{ required: true, message: '是否加密必选！', trigger: 'change' }],
@@ -246,23 +256,22 @@
     try {
         dialogFormRef.value?.validate(async (valid: boolean) => {
         if (valid) {
-          formContent.value.createDate = dayjs(formContent.value.createDate).format('YYYY-MM-DD HH:mm:ss');
+          formContent.value.createDate = dayjs(formContent.value.createDate).format('YYYY-MM-DD');
+          formContent.value.arrivedDate = dayjs(formContent.value.arrivedDate).format('YYYY-MM-DD');
           if (formContent.value.id) {
-             updatePqDev(formContent.value).then(result => {
+                const result = await updatePqDev(formContent.value);
                 if(result.code != 'A0000'){
                   ElMessage.error({ message: result.message})
                 }else{
                   ElMessage.success({ message: `${dialogTitle.value}成功！` })
                 }
-             })
-          } else {
-            addPqDev(formContent.value).then(result => {
-              if(result.code != 'A0000'){
+            } else {
+                const result = await addPqDev(formContent.value);
+               if(result.code != 'A0000'){
                   ElMessage.error({ message: result.message})
                 }else{
                   ElMessage.success({ message: `${dialogTitle.value}成功！` })
                 }
-             })
           }
           close()
           // 刷新表格
@@ -293,5 +302,5 @@
   }>()
   
 
-  
+
   </script>