feat : 新增图表多日期选择功能

src/components/content/fanInfo/FanInfo.vue

@@ -101,7 +101,7 @@
           <div class="export-btn" @click="handleExport">
             导出
           </div>
-          <choose-day v-if="selectTimeButton===2" ref="chooseDayRef" @select="daySelect"/>
+          <choose-dates v-if="selectTimeButton===2" ref="chooseDayRef" @select="daySelect"/>
           <choose-month v-if="selectTimeButton===1" ref="chooseMonthRef" @select="monthSelect"/>
           <time-range-btn
               :buttonList="timeList"
@@ -127,7 +127,7 @@
 import * as echarts from "echarts";
 import FanInfoItem from "./FanInfoItem.vue";
 import TimeRangeBtn from "@/components/timeRangeBtn/index.vue"
-import ChooseDay from "@/components/chooseDay/index.vue"
+import ChooseDates from "@/components/chooseDates/index.vue"
 import ChooseMonth from "@/components/chooseMonth/index.vue"
 import {
   editFrequency,
@@ -245,7 +245,11 @@ const handleExport = () => {
     }
   } else if (selectTimeButton.value === 2) {
     if (clickDay.value) {
-      time = clickDay.value
+      if (clickDay.value[1]) {
+        time = clickDay.value.map(item => item).join('到')
+      } else {
+        time = clickDay.value
+      }
     } else {
       time = getNowFormatDate(true)
     }
@@ -256,11 +260,19 @@ const handleExport = () => {
   CsvExportor.downloadCsv(newArray, {header}, `${name}.csv`);
 }
 const daySelect = (val) => {
-  clickDay.value = val
-  if (isFullScreen.value) {
-    getFanInfo(openEquipmentId.value, 'day', val)
+  if (val) {
+    clickDay.value = val
+    if (isFullScreen.value) {
+      getFanInfo(openEquipmentId.value, 'day', '', '', val[0], val[1])
+    } else {
+      getFanInfo(openEquipmentId.value, 'day', '', true, val[0], val[1])
+    }
   } else {
-    getFanInfo(openEquipmentId.value, 'day', val, true)
+    if (isFullScreen.value) {
+      getFanInfo(openEquipmentId.value, 'day', '')
+    } else {
+      getFanInfo(openEquipmentId.value, 'day', '', true)
+    }
   }
 }
 const monthSelect = (val) => {
@@ -398,7 +410,7 @@ const changeModel = (item) => {
     item.autoMode = !item.autoMode
   });
 }
-const getFanInfo = (equipmentId, type = 'day', time = '', flag) => {
+const getFanInfo = (equipmentId, type = 'day', time = '', flag, startTime, endTime) => {
   showLoading.value = true
   nextTick(() => {
     if (flag) {
@@ -410,7 +422,7 @@ const getFanInfo = (equipmentId, type = 'day', time = '', flag) => {
       }
     }
   })
-  getFanEchartsInfo(equipmentId, time, type).then(res => {
+  getFanEchartsInfo(equipmentId, time, type, startTime, endTime).then(res => {
     if (res?.code === 1000) {
       showLoading.value = false
       chartData = res.data
@@ -444,8 +456,8 @@ const handleOpenChart = (item) => {
       chooseDayRef.value.clearData()
     }
   })
-  clickMonth.value=''
-  clickDay.value=''
+  clickMonth.value = ''
+  clickDay.value = ''
   isVisited.value = true
   selectTimeButton.value = 2
   openEquipmentId.value = item.equipmentId