init

web/src/view/qshMonitorData/qshMonitorData.vue

@@ -2,15 +2,31 @@
     <div>
         <div class="gva-search-box">
             <el-form :inline="true" :model="searchInfo" class="demo-form-inline">
-                <el-form-item label="原始设备编号">
-                    <el-input v-model="searchInfo.rawDeviceId" placeholder="搜索条件"/>
+                <el-form-item label="公厕名称">
+                    <el-select v-model="searchInfo.toiletId" placeholder="请选择" style="width:100%" clearable>
+                        <el-option v-for="(item,key) in toiletList" :key="key" :label="item.name"
+                                   :value="item.ID"/>
+                    </el-select>
                 </el-form-item>
                 <el-form-item label="数据类型">
-                    <el-select v-model="formData.typeName" placeholder="请选择" style="width:100%" clearable>
+                    <el-select v-model="searchInfo.typeName" placeholder="请选择" style="width:100%" clearable>
                         <el-option v-for="(item,key) in typeList" :key="key" :label="item.typeName"
                                    :value="item.typeName"/>
                     </el-select>
                 </el-form-item>
+                <el-form-item label="时间筛选">
+                    <el-date-picker
+                            v-model="searchInfo.time"
+                            type="datetimerange"
+                            format="YYYY-MM-DD HH:mm"
+                            value-format="YYYY-MM-DD HH:mm"
+                            range-separator="至"
+                            start-placeholder="开始时间"
+                            end-placeholder="结束时间"
+                            :teleported="false"
+                            :editable="true"
+                    />
+                </el-form-item>
                 <el-form-item>
                     <el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
                     <el-button size="small" icon="refresh" @click="onReset">重置</el-button>
@@ -132,11 +148,19 @@
     const tableData = ref([])
     const toiletList = ref([])
     const typeList = ref([])
-    const searchInfo = ref({})
+    const searchInfo = ref({
+        toiletId:'',
+        typeName:'',
+        time:['','']
+    })
 
     // 重置
     const onReset = () => {
-        searchInfo.value = {}
+        searchInfo.value = {
+            toiletId:'',
+            typeName:'',
+            time:['','']
+        }
     }
 
     // 搜索