feat : 新增图表多日期选择功能
This commit is contained in:
@@ -63,7 +63,7 @@ import ItemInfo from "./childComps/ItemInfo.vue";
|
||||
import TimeRangeBtn from "@/components/timeRangeBtn/index.vue"
|
||||
import * as echarts from 'echarts';
|
||||
import {getEchartsInfo} from "@/api/largeScreen";
|
||||
import ChooseDay from "@/components/chooseDay/index.vue"
|
||||
import ChooseDay from "@/components/chooseDates/index.vue"
|
||||
import ChooseMonth from "@/components/chooseMonth/index.vue"
|
||||
import elementResizeDetectorMaker from "element-resize-detector";
|
||||
|
||||
@@ -158,7 +158,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)
|
||||
}
|
||||
@@ -169,13 +173,21 @@ const handleExport = () => {
|
||||
CsvExportor.downloadCsv(newArray, {header}, `${name}.csv`);
|
||||
}
|
||||
const daySelect = (val) => {
|
||||
clickDay.value = val
|
||||
if (isFullScreen.value) {
|
||||
getChartInfo(openDialogId.value, 'day', val)
|
||||
if (val) {
|
||||
clickDay.value = val
|
||||
if (isFullScreen.value) {
|
||||
getChartInfo(openDialogId.value, 'day', '', '', val[0], val[1])
|
||||
} else {
|
||||
getChartInfo(openDialogId.value, 'day', '', true, val[0], val[1])
|
||||
}
|
||||
} else {
|
||||
getChartInfo(openDialogId.value, 'day', val,true)
|
||||
if (isFullScreen.value) {
|
||||
getChartInfo(openDialogId.value, 'day', '')
|
||||
} else {
|
||||
getChartInfo(openDialogId.value, 'day', '', true)
|
||||
}
|
||||
}
|
||||
}
|
||||
const monthSelect = (val) => {
|
||||
clickMonth.value = val
|
||||
if (isFullScreen.value) {
|
||||
@@ -214,7 +226,7 @@ const shrinkScreen = () => {
|
||||
initChart(chartData.dates, chartData.values,dataZoomTop)
|
||||
})
|
||||
}
|
||||
const getChartInfo = (equipmentId, type = 'day', time = '', flag) => {
|
||||
const getChartInfo = (equipmentId, type = 'day', time = '', flag, startTime, endTime) => {
|
||||
showSpeedLoading.value = true
|
||||
nextTick(() => {
|
||||
if (flag) {
|
||||
@@ -226,7 +238,7 @@ const getChartInfo = (equipmentId, type = 'day', time = '', flag) => {
|
||||
}
|
||||
}
|
||||
})
|
||||
getEchartsInfo(equipmentId, time, type).then(res => {
|
||||
getEchartsInfo(equipmentId, time, type, startTime, endTime).then(res => {
|
||||
if (res?.code === 1000) {
|
||||
showSpeedLoading.value = false
|
||||
chartData=res.data
|
||||
|
||||
Reference in New Issue
Block a user