init

web/src/view/qshMonitorData/qshMonitorData.vue

@@ -16,7 +16,7 @@
                 </el-form-item>
                 <el-form-item label="时间筛选">
                     <el-date-picker
-                            v-model="searchInfo.time"
+                            v-model="time"
                             type="datetimerange"
                             format="YYYY-MM-DD HH:mm"
                             value-format="YYYY-MM-DD HH:mm"
@@ -25,6 +25,7 @@
                             end-placeholder="结束时间"
                             :teleported="false"
                             :editable="true"
+                            @change="(val)=>changeTime(val)"
                     />
                 </el-form-item>
                 <el-form-item>
@@ -145,22 +146,38 @@
     const page = ref(1)
     const total = ref(0)
     const pageSize = ref(10)
+    const time = ref(['',''])
     const tableData = ref([])
     const toiletList = ref([])
     const typeList = ref([])
     const searchInfo = ref({
         toiletId:'',
         typeName:'',
-        time:['','']
+        start_time:'',
+        end_time:'',
     })
 
+    // 重置
+    const changeTime = (val) => {
+        if(val){
+            searchInfo.value.start_time=val[0];
+            searchInfo.value.end_time=val[1];
+        }else{
+            searchInfo.value.start_time='';
+            searchInfo.value.end_time='';
+            time.value = ['','']
+        }
+    }
+
     // 重置
     const onReset = () => {
         searchInfo.value = {
             toiletId:'',
             typeName:'',
-            time:['','']
+            start_time:'',
+            end_time:'',
         }
+        time.value = ['',''];
     }
 
     // 搜索