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

src/components/content/badGasInfo/BadGasInfo.vue

@@ -37,7 +37,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"
@@ -64,7 +64,7 @@ import GasInfoItem from "./childComps/GasInfoItem.vue";
 import * as echarts from "echarts";
 import TimeRangeBtn from "@/components/timeRangeBtn/index.vue";
 import {getBadGasEchartsInfo} from "@/api/largeScreen";
-import ChooseDay from "@/components/chooseDay/index.vue"
+import ChooseDates from "@/components/chooseDates/index.vue"
 import ChooseMonth from "@/components/chooseMonth/index.vue"
 import elementResizeDetectorMaker from "element-resize-detector";
 
@@ -176,7 +176,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)
     }
@@ -217,11 +221,19 @@ const shrinkScreen = () => {
   })
 }
 const daySelect = (val) => {
-  clickDay.value = val
-  if (isFullScreen.value) {
-    getBadGasChartInfo('day', val)
-  } else {
-    getBadGasChartInfo('day', val, true)
+  if (val) {
+    clickDay.value = val
+    if (isFullScreen.value) {
+      getBadGasChartInfo('day', '','', val[0], val[1])
+    } else {
+      getBadGasChartInfo('day', '', true, val[0], val[1])
+    }
+  }else {
+    if (isFullScreen.value) {
+      getBadGasChartInfo('day', '')
+    } else {
+      getBadGasChartInfo('day', '', true)
+    }
   }
 }
 const monthSelect = (val) => {
@@ -279,7 +291,7 @@ const changeData = (item) => {
     unit: item.unit,
   };
 };
-const getBadGasChartInfo = (type, time = '', flag) => {
+const getBadGasChartInfo = (type, time = '', flag,startTime,endTime) => {
   showLoading.value = true
   let id = props.tunnelId
   nextTick(() => {
@@ -292,7 +304,7 @@ const getBadGasChartInfo = (type, time = '', flag) => {
       }
     }
   })
-  getBadGasEchartsInfo(id, time, type).then(res => {
+  getBadGasEchartsInfo(id, time, type,startTime,endTime).then(res => {
     if (res?.code === 1000) {
       showLoading.value = false
       chartData = res.data