diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue
new file mode 100644
index 0000000..385fc40
--- /dev/null
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue
@@ -0,0 +1,155 @@
+
+
+
+
+ 同比
+ 环比
+
+
+
+
+
+
+
+
+
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisTable/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisTable/index.vue
new file mode 100644
index 0000000..611c499
--- /dev/null
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/analysisTable/index.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/graphGraph/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/graphGraph/index.vue
index 9145e02..43fbced 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/graphGraph/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/graphGraph/index.vue
@@ -11,9 +11,16 @@
setup() {
let data = ref([]);
interface PageData {
+ // 图表 表格数据
graphTableList: any[];
+ // 图表 表格表头
graphTableColumns: any[];
+ // 图表 图表数据
graphGraphList: any[];
+ // 分析 表格数据
+ analysisTableList: any[];
+ // 分析 图表数据
+ analysisGraphList: any[];
}
const pageData = inject('pageData');
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/graphTable/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/graphTable/index.vue
index 28d281b..0a4e919 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/graphTable/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/graphTable/index.vue
@@ -13,9 +13,16 @@
let columns = ref([]);
interface PageData {
+ // 图表 表格数据
graphTableList: any[];
+ // 图表 表格表头
graphTableColumns: any[];
+ // 图表 图表数据
graphGraphList: any[];
+ // 分析 表格数据
+ analysisTableList: any[];
+ // 分析 图表数据
+ analysisGraphList: any[];
}
const pageData = inject('pageData');
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/index.vue
index 705aa07..35f5401 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/index.vue
@@ -9,9 +9,16 @@
// 创建一个响应式对象
const pageData = reactive({
+ // 图表 表格数据
graphTableList: [],
+ // 图表 表格表头
graphTableColumns: [],
+ // 图表 图表数据
graphGraphList: [],
+ // 分析 表格数据
+ analysisTableList: [],
+ // 分析 图表数据
+ analysisGraphList: [],
});
// 使用 provide 函数来提供这个响应式对象
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/page.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/page.vue
index d4aa62b..0f8df1c 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/page.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/page.vue
@@ -23,6 +23,10 @@
+
@@ -33,12 +37,15 @@
import tree from './tree/index.vue';
import graphGraph from './graphGraph/index.vue';
import environmentTable from './graphTable/index.vue';
+ import analysisTable from './analysisTable/index.vue';
+ import analysisGraph from './analysisGraph/index.vue';
const iconName = ref('biaoge');
const treeRef = ref();
const graphRef = ref();
const tableRef = ref();
+ const analysisTableRef = ref();
let isGraph = ref(true);
const activeKey = ref('1');
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/table/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/table/index.vue
deleted file mode 100644
index 31c5825..0000000
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/table/index.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-
-
-
-
-
-
-
diff --git a/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue b/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
index ffb8614..d776a25 100644
--- a/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
+++ b/hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
@@ -15,9 +15,9 @@
v-model:value="mode"
@change="changeMode"
style="padding-bottom: 10px; width: 100%">
- 设备
+
+ 设备
+
节点
('pageData');
if (!pageData) {
@@ -289,6 +296,72 @@
],
},
];
+ pageData.analysisTableList = [
+ {
+ key: '1',
+ name: 'AC_002(暖通电表)',
+ position: 'A 相电压',
+ unit: 'V',
+ date: '2023-12-01',
+ },
+ {
+ key: '1',
+ name: 'AC_002(暖通电表)',
+ position: 'A 相电压',
+ unit: 'V',
+ date: '2023-12-01',
+ },
+ {
+ key: '2',
+ name: 'AC_003(照明电表)',
+ position: 'A 相电压',
+ unit: 'V',
+ date: '2023-12-01',
+ },
+ {
+ key: '2',
+ name: 'AC_003(照明电表)',
+ position: 'A 相电压',
+ unit: 'V',
+ date: '2023-12-01',
+ },
+ {
+ key: '3',
+ name: 'AC_004(给排水电表)',
+ position: 'A 相电压',
+ unit: 'V',
+ date: '2023-12-01',
+ },
+ ];
+ pageData.analysisGraphList = [
+ {
+ name: 'AC_002(暖通电表)',
+ value: -21,
+ energyType: selectedValue.value,
+ unit: 'V',
+ labelRight: {
+ position: 'right',
+ },
+ },
+ {
+ name: 'AC_003(照明电表)',
+ value: 36,
+ energyType: selectedValue.value,
+ unit: 'V',
+ labelRight: {
+ position: 'insideLeft',
+ },
+ },
+ {
+ name: 'AC_004(给排水电表)',
+ value: -5,
+ energyType: selectedValue.value,
+ unit: 'V',
+ labelRight: {
+ position: 'right',
+ },
+ },
+ ];
};
const getSelect11 = () => {
pageData.graphTableList = [