diff --git a/src/views/screen/Dashboard.vue b/src/views/screen/Dashboard.vue
index 3498782..7d987c0 100644
--- a/src/views/screen/Dashboard.vue
+++ b/src/views/screen/Dashboard.vue
@@ -62,9 +62,9 @@
二次网供压
二次网回压
-
@@ -219,11 +226,14 @@ import aImg from './dashboard/c.png';
import lqImg from './dashboard/lq.png';
import ljt from './dashboard/ljt.png';
import ZxtCQ from './components/ZxtCQ.vue'
+import ZxtJx from './components/ZxtJx.vue'
const registerModal = ref();
+const registerModal3 = ref();
const modalVisible = ref(false);
const modalVisible2 = ref(false)
+const modalVisible3 = ref(false)
const modalTitle = ref('');
const modalData = ref
([]);
@@ -256,10 +266,14 @@ let tableTimer = null;
const tableCanScroll = ref(true)
const startScroll = () => {
+ if (tableTimer) {
+ clearInterval(tableTimer);
+ scrollTop.value = 0;
+ }
+ tableTimer = null;
+
tableCanScroll.value = true
-
const totalHeight = 28 * z.value.length;
-
tableTimer = setInterval(() => {
scrollTop.value += speed;
if (scrollTop.value >= totalHeight) {
@@ -356,7 +370,7 @@ function updateChartMain() {
chartMain.dispatchAction({ type: 'highlight', seriesIndex: 1, dataIndex: idx });
} catch (e) {
// 防止报错中断定时器
- console.error(e);
+ // console.error(e);
}
}, 5000);
@@ -725,7 +739,7 @@ function updateChartArea8() {
chartArea8.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: idx });
chartArea8.dispatchAction({ type: 'highlight', seriesIndex: 1, dataIndex: idx });
} catch (e) {
- console.error(e);
+ // console.error(e);
}
}, 5000);
}, 2500);
@@ -1008,14 +1022,26 @@ function closeModal() {
}
async function detailFunc(record) {
- modalVisible2.value = true;
- await nextTick()
- registerModal.value.init(record)
+ console.log(record);
+ console.log(modalType);
+ if(modalType.value == 2){
+ modalVisible3.value = true;
+ await nextTick()
+ registerModal3.value.init(record)
+ }else{
+ modalVisible2.value = true;
+ await nextTick()
+ registerModal.value.init(record)
+ }
}
function closeModal2() {
modalVisible2.value = false;
}
+
+function closeModal3() {
+ modalVisible3.value = false;
+}
@@ -1531,7 +1557,7 @@ function closeModal2() {
padding: 0 16px;
font-size: 18px;
font-weight: bold;
- color: #59accf;
+ color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
diff --git a/src/views/screen/components/ZxtCQ.vue b/src/views/screen/components/ZxtCQ.vue
index 4285023..94c13a2 100644
--- a/src/views/screen/components/ZxtCQ.vue
+++ b/src/views/screen/components/ZxtCQ.vue
@@ -22,7 +22,7 @@
import { ref, nextTick, defineProps, onUnmounted } from 'vue';
import * as echarts from 'echarts';
import { useMessage } from '/@/hooks/web/useMessage';
-import {jxlist, list} from '/@/views/heating/history/HeatanalysisHistory.api';
+import { list} from '/@/views/heating/history/HeatanalysisHistory.api';
const emit = defineEmits(['close']);
@@ -72,29 +72,16 @@ function initChartsOptions(records: any[], record_: any) {
let wdSeries = [];
let ylSeries = [];
- if(record_.regionType == '城区'){
- records.sort((a: any, b: any) => new Date(a.datatime).getTime() - new Date(b.datatime).getTime());
- if(record_.view004){
- wdSeries.push({ name: '供水温度', key: 'view009', color: '#ff007f' });
- wdSeries.push({ name: '回水温度', key: 'view010', color: '#6a5acd' });
- ylSeries.push({ name: '供水压力', key: 'view011', color: '#ff007f' });
- ylSeries.push({ name: '回水压力', key: 'view012', color: '#6a5acd' });
- }else{
- wdSeries.push({ name: '供水温度', key: 'view005', color: '#00c6ff' });
- wdSeries.push({ name: '回水温度', key: 'view006', color: '#ff6a00' });
- ylSeries.push({ name: '供水压力', key: 'view007', color: '#00c6ff' });
- ylSeries.push({ name: '回水压力', key: 'view008', color: '#ff6a00' });
- }
- }
- if(record_.regionType == '郊县'){
- records.sort((a: any, b: any) => {
- const ta = new Date(a.view032 || a.datatime || '').getTime();
- const tb = new Date(b.view032 || b.datatime || '').getTime();
- return (isNaN(ta) ? 0 : ta) - (isNaN(tb) ? 0 : tb);
- });
- wdSeries.push({ name: '供水温度', key: 'view035', color: '#00c6ff' });
- wdSeries.push({ name: '回水温度', key: 'view036', color: '#ff6a00' });
+ records.sort((a: any, b: any) => new Date(a.datatime).getTime() - new Date(b.datatime).getTime());
+ if(record_.view004){
+ wdSeries.push({ name: '供水温度', key: 'view009', color: '#ff007f' });
+ wdSeries.push({ name: '回水温度', key: 'view010', color: '#6a5acd' });
+ ylSeries.push({ name: '供水压力', key: 'view011', color: '#ff007f' });
+ ylSeries.push({ name: '回水压力', key: 'view012', color: '#6a5acd' });
+ }else{
+ wdSeries.push({ name: '供水温度', key: 'view005', color: '#00c6ff' });
+ wdSeries.push({ name: '回水温度', key: 'view006', color: '#ff6a00' });
ylSeries.push({ name: '供水压力', key: 'view007', color: '#00c6ff' });
ylSeries.push({ name: '回水压力', key: 'view008', color: '#ff6a00' });
}
@@ -146,8 +133,6 @@ function initChartsOptions(records: any[], record_: any) {
pressOption = { ...baseOption, title: { text: '压力指标', left: 'center', top: 8, textStyle: { color: '#ffffff' } }, series: pressSeries };
}
-
-
let resizeAdded = false;
function ensureResizeListener() {
if (resizeAdded) return;
@@ -166,7 +151,7 @@ function init(record_: any) {
const params = {
pageNo: 1,
pageSize: -1,
- regionType: record_.regionType,
+ regionType: '城区',
view001: record_.view001,
view002: record_.view002,
view004: record_.view004 || -1,
@@ -174,43 +159,22 @@ function init(record_: any) {
endDate: formatDateTime(end),
};
- if(record_.regionType == '城区'){
- list(params).then((res: any) => {
- const records = (res && res.list) ? res.list : [];
- headerText.value = buildHeader(records, record_);
- initChartsOptions(records,record_);
- nextTick(() => {
- // 初始化温度图表(默认tab)
- if (tempChartRef.value) {
- tempChart = echarts.init(tempChartRef.value);
- tempChart.setOption(tempOption);
- }
- ensureResizeListener();
- });
- }).catch(err => {
- console.error(err);
- createMessage.error('获取数据失败');
+ list(params).then((res: any) => {
+ const records = (res && res.list) ? res.list : [];
+ headerText.value = buildHeader(records, record_);
+ initChartsOptions(records,record_);
+ nextTick(() => {
+ // 初始化温度图表(默认tab)
+ if (tempChartRef.value) {
+ tempChart = echarts.init(tempChartRef.value);
+ tempChart.setOption(tempOption);
+ }
+ ensureResizeListener();
});
- }
-
- if(record_.regionType == '郊县'){
- jxlist(params).then((res: any) => {
- const records = (res && res.list) ? res.list : [];
- headerText.value = buildHeader(records, record_);
- initChartsOptions(records,record_);
- nextTick(() => {
- // 初始化温度图表(默认tab)
- if (tempChartRef.value) {
- tempChart = echarts.init(tempChartRef.value);
- tempChart.setOption(tempOption);
- }
- ensureResizeListener();
- });
- }).catch(err => {
- console.error(err);
- createMessage.error('获取数据失败');
- });
- }
+ }).catch(err => {
+ console.error(err);
+ createMessage.error('获取数据失败');
+ });
}
diff --git a/src/views/screen/components/ZxtJX.vue b/src/views/screen/components/ZxtJX.vue
new file mode 100644
index 0000000..039ee9c
--- /dev/null
+++ b/src/views/screen/components/ZxtJX.vue
@@ -0,0 +1,357 @@
+
+
+ ×
+
+
+
+
{{ headerText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/staticList/GlfghsList.vue b/src/views/staticList/GlfghsList.vue
index fbd2105..a5d0987 100644
--- a/src/views/staticList/GlfghsList.vue
+++ b/src/views/staticList/GlfghsList.vue
@@ -53,7 +53,7 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 } },
yAxis: { type: 'value', name: '℃' },
series: [
{ name: '供水温度', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
diff --git a/src/views/staticList/GlfghsListHistory.vue b/src/views/staticList/GlfghsListHistory.vue
index d83488a..9dd5f9b 100644
--- a/src/views/staticList/GlfghsListHistory.vue
+++ b/src/views/staticList/GlfghsListHistory.vue
@@ -79,7 +79,7 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0,formatter: (val: string) => val.replace(' ', '\n') } },
yAxis: { type: 'value', name: '℃' },
series: [
{ name: '供水温度', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
diff --git a/src/views/staticList/GlfghsjxList.vue b/src/views/staticList/GlfghsjxList.vue
index e84197f..80faba4 100644
--- a/src/views/staticList/GlfghsjxList.vue
+++ b/src/views/staticList/GlfghsjxList.vue
@@ -46,14 +46,14 @@ function prepareOptions(records: any[]) {
const cityX = buildXAxis(city, 'view028');
console.log("🚀 ~ prepareOptions ~ cityX:", cityX)
- const citySW = city.map((r: any) => safeNum(r.view005));
- const cityHW = city.map((r: any) => safeNum(r.view006));
+ const citySW = city.map((r: any) => safeNum(r.view035));
+ const cityHW = city.map((r: any) => safeNum(r.view036));
cityOption = {
title: { text: '郊县锅炉房供/回水温度', left: 'center', top: 10 },
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 } },
yAxis: { type: 'value', name: '℃' },
series: [
{ name: '供水温度', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
diff --git a/src/views/staticList/GlfghsjxListHistory.vue b/src/views/staticList/GlfghsjxListHistory.vue
index a579a4e..88f8f65 100644
--- a/src/views/staticList/GlfghsjxListHistory.vue
+++ b/src/views/staticList/GlfghsjxListHistory.vue
@@ -79,7 +79,7 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0,formatter: (val: string) => val.replace(' ', '\n') } },
yAxis: { type: 'value', name: '℃' },
series: [
{ name: '供水温度', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
diff --git a/src/views/staticList/GlfrlljxList.vue b/src/views/staticList/GlfrlljxList.vue
index 59d3511..abc5019 100644
--- a/src/views/staticList/GlfrlljxList.vue
+++ b/src/views/staticList/GlfrlljxList.vue
@@ -52,8 +52,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'Kj' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 } },
+ yAxis: { type: 'value', name: 'kw' },
series: [
{ name: '热流量', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
],
diff --git a/src/views/staticList/GlfrlljxListHistory.vue b/src/views/staticList/GlfrlljxListHistory.vue
index ec971fa..a4353f7 100644
--- a/src/views/staticList/GlfrlljxListHistory.vue
+++ b/src/views/staticList/GlfrlljxListHistory.vue
@@ -78,8 +78,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'Kj' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0,formatter: (val: string) => val.replace(' ', '\n') } },
+ yAxis: { type: 'value', name: 'kw' },
series: [
{ name: '热流量', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
],
diff --git a/src/views/staticList/GlfslljxList.vue b/src/views/staticList/GlfslljxList.vue
index 3df34d1..fe878c4 100644
--- a/src/views/staticList/GlfslljxList.vue
+++ b/src/views/staticList/GlfslljxList.vue
@@ -52,8 +52,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'm³/s' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 } },
+ yAxis: { type: 'value', name: 'm³/h' },
series: [
{ name: '水流量', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
],
diff --git a/src/views/staticList/GlfslljxListHistory.vue b/src/views/staticList/GlfslljxListHistory.vue
index 9461d88..e1baac4 100644
--- a/src/views/staticList/GlfslljxListHistory.vue
+++ b/src/views/staticList/GlfslljxListHistory.vue
@@ -78,8 +78,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'm³/s' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0,formatter: (val: string) => val.replace(' ', '\n') } },
+ yAxis: { type: 'value', name: 'm³/h' },
series: [
{ name: '水流量', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
],
diff --git a/src/views/staticList/GlfylList.vue b/src/views/staticList/GlfylList.vue
index 8f5b48b..ab34125 100644
--- a/src/views/staticList/GlfylList.vue
+++ b/src/views/staticList/GlfylList.vue
@@ -53,8 +53,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'Pa' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 } },
+ yAxis: { type: 'value', name: 'MPa' },
series: [
{ name: '供水压力', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
{ name: '回水压力', type: 'line', data: cityHW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } }
diff --git a/src/views/staticList/GlfylListHistory.vue b/src/views/staticList/GlfylListHistory.vue
index 8125719..16852d4 100644
--- a/src/views/staticList/GlfylListHistory.vue
+++ b/src/views/staticList/GlfylListHistory.vue
@@ -79,8 +79,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'Pa' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 ,formatter: (val: string) => val.replace(' ', '\n')} },
+ yAxis: { type: 'value', name: 'MPa' },
series: [
{ name: '供水压力', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
{ name: '回水压力', type: 'line', data: cityHW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } }
diff --git a/src/views/staticList/GlfyljxList.vue b/src/views/staticList/GlfyljxList.vue
index 447a325..ff1b81e 100644
--- a/src/views/staticList/GlfyljxList.vue
+++ b/src/views/staticList/GlfyljxList.vue
@@ -53,8 +53,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'Pa' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0 } },
+ yAxis: { type: 'value', name: 'MPa' },
series: [
{ name: '供水压力', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
{ name: '回水压力', type: 'line', data: cityHW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } }
diff --git a/src/views/staticList/GlfyljxListHistory.vue b/src/views/staticList/GlfyljxListHistory.vue
index ba56fde..3a66c53 100644
--- a/src/views/staticList/GlfyljxListHistory.vue
+++ b/src/views/staticList/GlfyljxListHistory.vue
@@ -79,8 +79,8 @@ function prepareOptions(records: any[]) {
tooltip: { trigger: 'axis' },
legend: { top: 36, left: 'center' },
grid: { left: '6%', right: '4%', bottom: 70, top: 70, containLabel: true },
- xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 20 } },
- yAxis: { type: 'value', name: 'Pa' },
+ xAxis: { type: 'category', data: cityX, axisLabel: { rotate: 0,formatter: (val: string) => val.replace(' ', '\n') } },
+ yAxis: { type: 'value', name: 'MPa' },
series: [
{ name: '供水压力', type: 'line', data: citySW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } },
{ name: '回水压力', type: 'line', data: cityHW, smooth: false, showSymbol: false, lineStyle: { type: 'solid' } }