9/10

src/views/system/inspection/Weekly/index.vue

@@ -8,6 +8,7 @@
             <el-form-item label="选择日期" prop="itemName">
               <el-date-picker
                 v-model="starDate"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY/MM/DD"
                 range-separator="到"
@@ -15,6 +16,7 @@
                 type="daterange"
                 unlink-panels
                 value-format="YYYY/MM/DD"
+                @clear="handleClear"
               />
             </el-form-item>
             <el-form-item>
@@ -76,13 +78,18 @@ const data = reactive({
   }
 });
 const starDate = ref([]);
+function handleClear() {
+  starDate.value = [];
+  queryParams.value.queryDateBegin = undefined;
+  queryParams.value.queryDateEnd = undefined;
+}
 const { queryParams } = toRefs(data);
 
 /** 查询巡检项目列表 */
 const getList = async () => {
   queryParams.value.statDate = starDate.value.join('-');
-  queryParams.value.queryDateBegin = starDate.value[0];
-  queryParams.value.queryDateEnd = starDate.value[1];
+  queryParams.value.queryDateBegin = starDate.value[0] || undefined;
+  queryParams.value.queryDateEnd = starDate.value[1] || undefined;
   loading.value = true;
   listItem(queryParams.value)
     .then((res) => {