|
@@ -195,11 +195,12 @@
|
|
import { BasicModal, useModalInner } from '/@/components/Modal';
|
|
import { BasicModal, useModalInner } from '/@/components/Modal';
|
|
import BarAndLine from '/@/components/chart/BarAndLine.vue';
|
|
import BarAndLine from '/@/components/chart/BarAndLine.vue';
|
|
import { SvgIcon } from '/@/components/Icon';
|
|
import { SvgIcon } from '/@/components/Icon';
|
|
- import { Decoration7 as DvDecoration7, ScrollBoard as DvScrollBoard } from '@kjgl77/datav-vue3';
|
|
|
|
import dayjs from 'dayjs';
|
|
import dayjs from 'dayjs';
|
|
|
|
+ import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
|
|
|
|
+ import { chartsColumnList } from '../device.data';
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
- components: { BasicModal, BarAndLine, SvgIcon, DvScrollBoard, DvDecoration7 },
|
|
|
|
|
|
+ components: { BasicModal, BarAndLine, SvgIcon },
|
|
props: {
|
|
props: {
|
|
dataSource: { type: Array },
|
|
dataSource: { type: Array },
|
|
activeID: { type: String },
|
|
activeID: { type: String },
|
|
@@ -227,32 +228,8 @@
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
|
|
- const chartsColumns = [
|
|
|
|
- {
|
|
|
|
- legend: '巷道温度',
|
|
|
|
- seriesName: '(℃)',
|
|
|
|
- ymax: 5,
|
|
|
|
- yname: '℃',
|
|
|
|
- linetype: 'line',
|
|
|
|
- yaxispos: 'left',
|
|
|
|
- color: '#EE6666',
|
|
|
|
- sort: 1,
|
|
|
|
- xRotate: 0,
|
|
|
|
- dataIndex: 'temp',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- legend: '巷道湿度',
|
|
|
|
- seriesName: '(%)',
|
|
|
|
- ymax: 5,
|
|
|
|
- yname: '%',
|
|
|
|
- linetype: 'line',
|
|
|
|
- yaxispos: 'right',
|
|
|
|
- color: '#FDB146',
|
|
|
|
- sort: 2,
|
|
|
|
- xRotate: 0,
|
|
|
|
- dataIndex: 'humidity',
|
|
|
|
- },
|
|
|
|
- ];
|
|
|
|
|
|
+ const chartsColumnArr = getTableHeaderColumns('atomizing_chart');
|
|
|
|
+ const chartsColumns = chartsColumnArr.length > 0 ? chartsColumnArr : chartsColumnList;
|
|
|
|
|
|
const columns = [
|
|
const columns = [
|
|
{
|
|
{
|
|
@@ -287,24 +264,6 @@
|
|
},
|
|
},
|
|
];
|
|
];
|
|
|
|
|
|
- const warningConfig = reactive({
|
|
|
|
- data: [
|
|
|
|
- ['测点6', '318℃', '严重报警'],
|
|
|
|
- ['测点43', '142℃', '一般预警'],
|
|
|
|
- ['测点23', '167℃', '一般预警'],
|
|
|
|
- ['测点6', '198℃', '超高预警'],
|
|
|
|
- ['测点65', '197℃', '超高预警'],
|
|
|
|
- ['测点78', '154℃', '一般预警'],
|
|
|
|
- ['测点61', '104℃', '一般预警'],
|
|
|
|
- ['测点87', '150℃', '一般信息'],
|
|
|
|
- ],
|
|
|
|
- index: false,
|
|
|
|
- columnWidth: [150],
|
|
|
|
- oddRowBGC: '#009acd10',
|
|
|
|
- evenRowBGC: '#009acd05',
|
|
|
|
- align: ['center', 'center', 'center'],
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
const [register, { setModalProps }] = useModalInner();
|
|
const [register, { setModalProps }] = useModalInner();
|
|
|
|
|
|
function handleVisibleChange(visible) {
|
|
function handleVisibleChange(visible) {
|
|
@@ -366,7 +325,6 @@
|
|
posList,
|
|
posList,
|
|
chartsColumns,
|
|
chartsColumns,
|
|
columns,
|
|
columns,
|
|
- warningConfig,
|
|
|
|
};
|
|
};
|
|
},
|
|
},
|
|
});
|
|
});
|