@@ -29,7 +29,7 @@
-
+
@@ -72,6 +72,9 @@
+ props.eleData, (now) => {
})
getBasicData(now.largeScreenElectricity)
}
- nextTick(() => {
+ nextTick(() => {
setValueA()
setValueB()
})
@@ -166,6 +171,33 @@ watch(() => props.eleData, (now) => {
// setValueA()
// setValueB()
// }, {deep: true});
+const handleExport = () => {
+ const header = ['月总用电量(kwh)', '月总节省电量(kwh)', '时间', '日用电量(kwh)', '日节省量(kwh)'];
+ let newArray = []
+ chartData.dates.forEach((item, index) => {
+ let obj = {
+ totalElectricityConsumption: chartData.totalElectricityConsumption,
+ saveElectricity: chartData.saveElectricity,
+ dates: chartData.dates[index],
+ consumptionValues: chartData.consumptionValues[index],
+ saveElectricityValues: chartData.saveElectricityValues[index]
+ }
+ newArray.push(obj)
+ })
+ let time = ''
+ if (selectTimeButton.value === 1) {
+ if (monthValue.value) {
+ const index = monthValue.value.lastIndexOf("\-");
+ time = monthValue.value.substring(0, index)
+ } else {
+ time = getNowFormatDate(false)
+ }
+ } else if (selectTimeButton.value === 0) {
+ time = new Date().getFullYear() + '年'
+ }
+ const name = changeNum(chooseChartFan.value) + '用电量监控数据-' + time
+ CsvExportor.downloadCsv(newArray, {header}, `${name}.csv`);
+}
//放大弹窗
const fullScreen = () => {
const fan = document.getElementById('eleDialog')
@@ -204,7 +236,7 @@ const setValueA = () => {
if (electricityConsumptionMonthly.value === 0 || length.value === null) {
valueA.value.style.height = `0px`;
}
- let width = (electricityConsumptionMonthly.value * length.value?.offsetHeight) /100000;
+ let width = (electricityConsumptionMonthly.value * length.value?.offsetHeight) / 100000;
valueA.value.style.height = `${width}px`;
}
const setValueB = () => {
@@ -243,7 +275,7 @@ const timeSelect = (index) => {
if (isFullScreen.value) {
getFanInfo(openEquipmentId.value, changeDate(index))
} else {
- getFanInfo(openEquipmentId.value, changeDate(index),'',true)
+ getFanInfo(openEquipmentId.value, changeDate(index), '', true)
}
};
const changeFanData = (val) => {
@@ -252,7 +284,7 @@ const changeFanData = (val) => {
if (isFullScreen.value) {
getFanInfo(val, changeDate(selectTimeButton.value), monthValue.value)
} else {
- getFanInfo(val, changeDate(selectTimeButton.value), monthValue.value,true)
+ getFanInfo(val, changeDate(selectTimeButton.value), monthValue.value, true)
}
}
const getFanInfo = (equipmentId, type = 'month', time = '', flag) => {
@@ -278,13 +310,13 @@ const getFanInfo = (equipmentId, type = 'month', time = '', flag) => {
const fanChart = document.getElementById('containerEle')
const erd = elementResizeDetectorMaker();
erd.listenTo(document.getElementById('eleDialog'), (element) => {
- fanChart.style.height = element.offsetHeight - 280+ 'px'
+ fanChart.style.height = element.offsetHeight - 280 + 'px'
myEcharts.resize();
});
- if(!isFullScreen.value){
- initChart(res.data.dates, res.data.consumptionValues, res.data.saveElectricityValues,'94%')
+ if (!isFullScreen.value) {
+ initChart(res.data.dates, res.data.consumptionValues, res.data.saveElectricityValues, '94%')
}
- }else {
+ } else {
shrinkScreen()
}
})
@@ -295,6 +327,7 @@ const getFanInfo = (equipmentId, type = 'month', time = '', flag) => {
})
}
const handleOpenChart = () => {
+ monthValue.value=''
selectTimeButton.value = 1
isVisited.value = true
openEquipmentId.value = fanList.value[0].value
@@ -305,7 +338,7 @@ const handleOpenChart = () => {
}
})
isFullScreen.value = false
- getFanInfo(openEquipmentId.value, 'month','',true)
+ getFanInfo(openEquipmentId.value, 'month', '', true)
}
/**
* 初始化echarts实例方法
diff --git a/src/components/content/windPressure/WindPressureList.vue b/src/components/content/windPressure/WindPressureList.vue
index fd8b4cb..e4b526e 100644
--- a/src/components/content/windPressure/WindPressureList.vue
+++ b/src/components/content/windPressure/WindPressureList.vue
@@ -23,6 +23,9 @@
+ 导出
+
+ props.list, (now) => {
wpList.value.forEach(item => {
now.forEach(newItem => {
@@ -86,6 +93,43 @@ watch(() => props.list, (now) => {
watch(() => props.winData, (now) => {
getScreenInfo(now.windPressureSensorList)
}, {deep: true});
+//导出csv
+const handleExport = () => {
+ let clickUnit = ''
+ wpList.value.forEach(item => {
+ if (item.equipmentName === windSort.value) {
+ clickUnit = item.unit
+ }
+ })
+ const header = ['时间', `风压值(${clickUnit})`];
+ let newArray = []
+ chartData.dates.forEach((item, index) => {
+ let obj = {
+ dates: chartData.dates[index],
+ values: chartData.values[index]
+ }
+ newArray.push(obj)
+ })
+ let time = ''
+ if (selectTimeButton.value === 1) {
+ if (clickMonth.value) {
+ const index = clickMonth.value.lastIndexOf("\-");
+ time = clickMonth.value.substring(0, index)
+ } else {
+ time = getNowFormatDate(false)
+ }
+ } else if (selectTimeButton.value === 2) {
+ if (clickDay.value) {
+ time = clickDay.value
+ } else {
+ time = getNowFormatDate(true)
+ }
+ } else if (selectTimeButton.value === 0) {
+ time = new Date().getFullYear() + '年'
+ }
+ const name = windSort.value + '监控数据-' + time
+ CsvExportor.downloadCsv(newArray, {header}, `${name}.csv`);
+}
//放大弹窗
const handleFullScreen = () => {
const titleName = document.getElementsByClassName('el-dialog__title')[0]
@@ -117,6 +161,7 @@ const shrinkScreen = () => {
})
}
const daySelect = (val) => {
+ clickDay.value = val
if (isFullScreen.value) {
getWindInfo(windSortId.value, 'day', val)
} else {
@@ -124,6 +169,7 @@ const daySelect = (val) => {
}
}
const monthSelect = (val) => {
+ clickMonth.value = val
if (isFullScreen.value) {
getWindInfo(windSortId.value, 'month', val)
} else {
@@ -173,6 +219,8 @@ const getWindInfo = (equipmentId, type = 'day', time = '', flag) => {
const handleOpenChart = (item) => {
selectTimeButton.value = 2
+ clickMonth.value = ''
+ clickDay.value = ''
nextTick(() => {
if (chooseMonthRef.value) {
chooseMonthRef.value.clearData()
diff --git a/src/utils/date.js b/src/utils/date.js
index 1b01ba1..c02c200 100644
--- a/src/utils/date.js
+++ b/src/utils/date.js
@@ -18,9 +18,22 @@ export const dateFormat = (time = new Date().getTime(),flag) => { //YYYY年MM月
return `${Y}年${M}月${D}日 星期${week}`;
}
}
-
+export const getNowFormatDate = (flag) => {
+ let date = new Date(),
+ year = date.getFullYear(), //获取完整的年份(4位)
+ month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
+ strDate = date.getDate() // 获取当前日(1-31)
+ if (month < 10) month = `0${month}` // 如果月份是个位数，在前面补0
+ if (strDate < 10) strDate = `0${strDate}` // 如果日是个位数，在前面补0
+ if(flag){
+ return `${year}-${month}-${strDate}`
+ }else {
+ return `${year}-${month}`
+ }
+}
export default {
- dateFormat
+ dateFormat,
+ getNowFormatDate
}
+ 导出
+