批量设置有效期开始时间 结束时间拆分

src/views/quoteConfig/agreement/agreementDetails.vue

@@ -281,10 +281,12 @@
       </template>
     </el-dialog>
     <el-dialog :close-on-click-modal="false" v-model="copyDialog2" title="批量设置有效期" width="500">
-      <el-form inline>
-        <el-form-item label="有效期">
-          <el-date-picker v-model="effectiveFailureTime" type="daterange" range-separator="至" start-placeholder="开始时间"
-            end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" />
+      <el-form >
+        <el-form-item label="开始时间">
+          <el-date-picker v-model="effectiveTime" type="date" value-format="YYYY-MM-DD HH:mm:ss" />
+        </el-form-item>
+        <el-form-item label="结束时间">
+          <el-date-picker v-model="failureTime" type="date" value-format="YYYY-MM-DD HH:mm:ss" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -1106,24 +1108,22 @@ const uploadImage = (file: any) => {
 }
 
 const copyDialog2 = ref(false)
-const effectiveFailureTime = ref([])
+const effectiveTime = ref()
+const failureTime = ref()
 const handleUpdateValidDate = () => {
   if (!costIds.value.length) {
     ElMessage.error('请选择费用')
     return
   }
-  effectiveFailureTime.value = []
+  effectiveTime.value=''
+  failureTime.value=''
   copyDialog2.value = true
 }
 const submitUpdate = () => {
-  if (!effectiveFailureTime.value.length) {
-    ElMessage.error('请选择有效期')
-    return
-  }
   const params = {
     costIds: costIds.value,
-    effectiveTime: effectiveFailureTime.value[0],
-    failureTime: effectiveFailureTime.value[1],
+    effectiveTime: effectiveTime.value,
+    failureTime: failureTime.value,
   }
   api.agreementApi.agreementCostBatchUpdateValidDate(params).then((res: any) => {
     if (res.code == '200') {