1.对接能耗监测接口
2.对接设备监测接口 3.修改设备监测表格序号列显示错误的bug
This commit is contained in:
@@ -52,12 +52,13 @@
|
||||
|
||||
<script lang="ts">
|
||||
import type { TreeSelectProps, SelectProps } from 'ant-design-vue';
|
||||
import { defineComponent, ref, onMounted } from 'vue';
|
||||
import { defineComponent, ref, onMounted, watch } from 'vue';
|
||||
import { Dayjs } from 'dayjs';
|
||||
import { inject } from 'vue';
|
||||
import { http } from '/nerv-lib/util';
|
||||
import { device } from '/@/api/deviceManage';
|
||||
import { deviceMonitor } from '/@/api/monitor';
|
||||
import { Item } from 'ant-design-vue/lib/menu';
|
||||
|
||||
export default defineComponent({
|
||||
// eslint-disable-next-line vue/multi-word-component-names
|
||||
@@ -106,7 +107,8 @@
|
||||
}
|
||||
let records = res.data.records;
|
||||
records.forEach((item: any) => {
|
||||
(item.title = item.deviceModel + ' ' + item.deviceName), (item.key = item.id);
|
||||
(item.title = item.snCode + '(' + item.deviceName + ')'),
|
||||
(item.key = item.deviceInfoCode);
|
||||
});
|
||||
let a: TreeSelectProps['treeData'] = [{ title: label[0], key: val, children: records }];
|
||||
treeData2.value = a;
|
||||
@@ -145,16 +147,34 @@
|
||||
const dateRange = ref<[Dayjs, Dayjs] | undefined>();
|
||||
|
||||
const getDianWeiList = () => {
|
||||
console.log('getDianWeiList 被调用');
|
||||
options1.value = [
|
||||
{ value: '1', label: 'A 项电压' },
|
||||
{ value: '2', label: 'B 项电压' },
|
||||
{ value: '3', label: 'C 项电压' },
|
||||
{ value: '4', label: 'AB 线电压' },
|
||||
{ value: '5', label: 'BC 线电压' },
|
||||
{ value: '6', label: 'A 项电流' },
|
||||
{ value: '7', label: 'B 项电流' },
|
||||
];
|
||||
if (checkedKeys.value && checkedKeys.value.length > 0) {
|
||||
http
|
||||
.post(deviceMonitor.getDevicePointToMonitor, {
|
||||
deviceIds: checkedKeys.value,
|
||||
orgId: orgId.value,
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.retcode == 0) {
|
||||
options1.value = [];
|
||||
res.data.forEach((item: any) => {
|
||||
options1.value?.push({ value: item.code, label: item.name });
|
||||
});
|
||||
}
|
||||
|
||||
// options1.value = res.data;
|
||||
});
|
||||
} else {
|
||||
options1.value = [];
|
||||
}
|
||||
// options1.value = [
|
||||
// { value: '1', label: 'A 项电压' },
|
||||
// { value: '2', label: 'B 项电压' },
|
||||
// { value: '3', label: 'C 项电压' },
|
||||
// { value: '4', label: 'AB 线电压' },
|
||||
// { value: '5', label: 'BC 线电压' },
|
||||
// { value: '6', label: 'A 项电流' },
|
||||
// { value: '7', label: 'B 项电流' },
|
||||
// ];
|
||||
};
|
||||
|
||||
interface PageData {
|
||||
@@ -171,11 +191,11 @@
|
||||
const getSelect = () => {
|
||||
http
|
||||
.post(deviceMonitor.getDeviceGraph, {
|
||||
deviceIds: ['HLlmTZp8-0601-0001', 'HLlmTZp-0804-0001'],
|
||||
devicePointCode: 'ua',
|
||||
devicePointId: 32,
|
||||
endDate: '2024-07-02',
|
||||
startDate: '2024-07-01',
|
||||
deviceIds: checkedKeys.value,
|
||||
devicePointCode: selectedValue.value,
|
||||
|
||||
endDate: endDate.value,
|
||||
startDate: startDate.value,
|
||||
timeRate: '2',
|
||||
})
|
||||
.then((res) => {
|
||||
@@ -185,172 +205,20 @@
|
||||
pageData.graphList = res.data.graphData;
|
||||
pageData.XData = res.data.XData;
|
||||
});
|
||||
// pageData.tableList = [
|
||||
// {
|
||||
// key: '1',
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// position: 'A 相电压',
|
||||
// unit: 'V',
|
||||
// date: '2023-12-01',
|
||||
// '1:00': '3626',
|
||||
// },
|
||||
// {
|
||||
// key: '1',
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// position: 'A 相电压',
|
||||
// unit: 'V',
|
||||
// date: '2023-12-01',
|
||||
// '1:00': '3626',
|
||||
// },
|
||||
// {
|
||||
// key: '2',
|
||||
// name: 'AC_003(照明电表)',
|
||||
// position: 'A 相电压',
|
||||
// unit: 'V',
|
||||
// date: '2023-12-01',
|
||||
// '1:00': '3626',
|
||||
// },
|
||||
// {
|
||||
// key: '2',
|
||||
// name: 'AC_003(照明电表)',
|
||||
// position: 'A 相电压',
|
||||
// unit: 'V',
|
||||
// date: '2023-12-01',
|
||||
// '1:00': '3626',
|
||||
// },
|
||||
// {
|
||||
// key: '3',
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// position: 'A 相电压',
|
||||
// unit: 'V',
|
||||
// date: '2023-12-01',
|
||||
// '1:00': '3626',
|
||||
// },
|
||||
// ];
|
||||
// pageData.tableColumns = [
|
||||
// {
|
||||
// title: '00:00',
|
||||
// dataIndex: '00:00',
|
||||
// },
|
||||
// ];
|
||||
// pageData.graphList = [
|
||||
// {
|
||||
// date: '2023-12-01 0:00',
|
||||
// unit: 'V',
|
||||
// data: [
|
||||
// {
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// value: '21',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_003(照明电表)',
|
||||
// value: '36',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// value: '5',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// date: '2023-12-02 0:00',
|
||||
// unit: 'V',
|
||||
// data: [
|
||||
// {
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// value: '26',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_003(照明电表)',
|
||||
// value: '25',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// value: '47',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// date: '2023-12-03 0:00',
|
||||
// unit: 'V',
|
||||
// data: [
|
||||
// {
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// value: '18',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_003(照明电表)',
|
||||
// value: '22',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// value: '26',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// date: '2023-12-04 0:00',
|
||||
// unit: 'V',
|
||||
// data: [
|
||||
// {
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// value: '40',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_003(照明电表)',
|
||||
// value: '15',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// value: '12',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// date: '2023-12-05 0:00',
|
||||
// unit: 'V',
|
||||
// data: [
|
||||
// {
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// value: '15',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_003(照明电表)',
|
||||
// value: '18',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// value: '15',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// date: '2023-12-06 0:00',
|
||||
// unit: 'V',
|
||||
// data: [
|
||||
// {
|
||||
// name: 'AC_002(暖通电表)',
|
||||
// value: '15',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_003(照明电表)',
|
||||
// value: '18',
|
||||
// },
|
||||
// {
|
||||
// name: 'AC_004(给排水电表)',
|
||||
// value: '15',
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// ];
|
||||
};
|
||||
|
||||
type RangeValue = [Dayjs, Dayjs];
|
||||
const dates = ref<RangeValue>();
|
||||
const hackValue = ref<RangeValue>();
|
||||
const startDate = ref<String>();
|
||||
const endDate = ref<String>();
|
||||
|
||||
const onChange = (val: RangeValue) => {
|
||||
const onChange = (val: RangeValue, dateStrings: any) => {
|
||||
dateRange.value = val;
|
||||
if (dateStrings && dateStrings.length === 2) {
|
||||
startDate.value = dateStrings[0];
|
||||
endDate.value = dateStrings[1];
|
||||
}
|
||||
};
|
||||
const onOpenChange = (open: boolean) => {
|
||||
if (open) {
|
||||
@@ -373,10 +241,17 @@
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
getDianWeiList();
|
||||
changeDeviceType(null, null);
|
||||
getSelect();
|
||||
});
|
||||
// 监听 pageData 的变化
|
||||
watch(
|
||||
() => checkedKeys,
|
||||
(_newValue, _oldValue) => {
|
||||
getDianWeiList();
|
||||
},
|
||||
{ deep: true },
|
||||
);
|
||||
|
||||
return {
|
||||
treeLine,
|
||||
|
Reference in New Issue
Block a user