feat：历史数据

src/views/data/history/index.vue

@@ -15,7 +15,7 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item label="时间范围">
-                    <el-date-picker :clearable="false" v-model="dateTime" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" value-format="YYYY-MM-DD hh:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" popper-class="date-clear">
+                    <el-date-picker @change="changeDateTime" :clearable="false" v-model="dateTime" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" popper-class="date-clear">
                     </el-date-picker>
                 </el-form-item>
                 <el-form-item>
@@ -32,7 +32,7 @@
                         </div>
                     </el-col>
                     <el-col :span="4">
-                        <el-table height="280" :data="item.tableData" border >
+                        <el-table height="280" :data="item.tableData" border>
                             <el-table-column prop="field" :label="item.tableType=='U'?'风向':'时间'" width="180" :align="alignment">
                             </el-table-column>
                             <el-table-column prop="value" :label="item.tableType=='U'?'数量':'数值'" :align="alignment"></el-table-column>
@@ -50,8 +50,8 @@
     import dayjs from 'dayjs'
     import BarChart from '@/components/ChartsBar/index.vue'
     const { proxy } = getCurrentInstance()
-    const start = ref(dayjs().subtract(1, 'day').format('YYYY-MM-DD hh:mm:ss'))
-    const end = ref(dayjs().format('YYYY-MM-DD hh:mm:ss'))
+    const start = ref(dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss'))
+    const end = ref(dayjs().format('YYYY-MM-DD HH:mm:ss'))
     const dateTime = ref([start.value, end.value])
     const alignment = 'center'
     const grid = {
@@ -183,6 +183,11 @@
     const handleQuery = () => {
         getEchartsData()
     }
+    const changeDateTime = (val) => {
+        queryParams.startTime = val[0]
+        queryParams.endTime = val[1]
+        dateTime.value = val
+    }
     onMounted(() => {
 
         propChange('0')