From 9631e6bee3deb1d34c158ca9d1274e6edad0ddac Mon Sep 17 00:00:00 2001
From: huodongwei <496960745@qq.com>
Date: 星期二, 27 六月 2023 15:26:37 +0800
Subject: [PATCH] 提交
---
src/views/airConditioning/js/runMonitorModule.js | 40 +++++++++++++
src/views/airConditioning/airConditioning.vue | 107 ++++++++++++++++++-----------------
2 files changed, 94 insertions(+), 53 deletions(-)
diff --git a/src/views/airConditioning/airConditioning.vue b/src/views/airConditioning/airConditioning.vue
index 0585213..83c1587 100644
--- a/src/views/airConditioning/airConditioning.vue
+++ b/src/views/airConditioning/airConditioning.vue
@@ -2,43 +2,8 @@
import FlexBox from "@/components/FlexBox.vue";
import {DArrowRight, CaretTop} from "@element-plus/icons-vue";
import HdwLight from "@/components/HdwLight.vue";
-import {reactive} from "vue";
-
-const runMonitorData = reactive([
- {
- label: "鍘嬬缉鏈鸿繍琛屾椂闂�",
- value: 0,
- unit: "H"
- },
- {
- label: "鍔犵儹闇�姹�",
- value: 0,
- unit: "%"
- },
- {
- label: "鍒跺喎闇�姹�",
- value: 0,
- unit: "%"
- },
- {
- label: "闄ゆ箍闇�姹�",
- value: 0,
- unit: "%"
- },
- {
- label: "鍥為娓╁害",
- value: 0,
- unit: "鈩�"
- },
- {
- label: "鍥為婀垮害",
- value: 0,
- unit: "%"
- },
-]);
-
-
-
+import runMonitorModule from "@/views/airConditioning/js/runMonitorModule";
+const {runMonitorData} = runMonitorModule();
</script>
<template>
@@ -192,24 +157,55 @@
<div class="page-right">
<div class="flex-layout--container">
<div class="flex-layout--body">
- <flex-box>
- <template #header>
- <div class="header-wrapper">
- <el-icon><DArrowRight /></el-icon>
- <span class="title-text">绌鸿皟鍙傛暟鐩戞帶</span>
- </div>
- </template>
- </flex-box>
+ <div class="air-params-monitor-wrapper">
+ <flex-box>
+ <template #header>
+ <div class="header-wrapper">
+ <el-icon><DArrowRight /></el-icon>
+ <span class="title-text">绌鸿皟鍙傛暟鐩戞帶</span>
+ </div>
+ </template>
+ <div class="air-params-monitor">
+ <div class="input-list">
+ <div class="input-item" v-for="(item, index) in runMonitorData" :key="'key'+index">
+ <div class="input-box input-text">{{ item.label }}</div>
+ <div class="input-box input-content">{{ item.value }}</div>
+ <div class="input-box input-unit">{{ item.unit }}</div>
+ </div>
+ </div>
+ </div>
+ </flex-box>
+ </div>
</div>
<div class="flex-layout--body">
- <flex-box>
- <template #header>
- <div class="header-wrapper">
- <el-icon><DArrowRight /></el-icon>
- <span class="title-text">绌鸿皟鎶ヨ鐩戞帶</span>
- </div>
- </template>
- </flex-box>
+ <div class="air-warn-monitor-wrapper">
+ <flex-box>
+ <template #header>
+ <div class="header-wrapper">
+ <el-icon><DArrowRight /></el-icon>
+ <span class="title-text">绌鸿皟鎶ヨ鐩戞帶</span>
+ </div>
+ </template>
+ <div class="air-warn-monitor">
+ <div class="input-box-list">
+ <div class="input-box-wrapper">
+ <div class="input-box-container">
+ <div class="input-text">鍔犵儹鍣ㄨ繍琛岀姸鎬�</div>
+ <div class="input-light">
+ <hdw-light :type="0"></hdw-light>
+ </div>
+ </div>
+ <div class="input-box-container">
+ <div class="input-text">鍔犵儹鍣ㄨ繍琛岀姸鎬�</div>
+ <div class="input-light">
+ <hdw-light :type="0"></hdw-light>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </flex-box>
+ </div>
</div>
</div>
</div>
@@ -411,4 +407,9 @@
margin-bottom: 16px;
}
}
+.air-params-monitor-wrapper,
+.air-warn-monitor-wrapper{
+ height: 100%;
+ padding: 4px;
+}
</style>
diff --git a/src/views/airConditioning/js/runMonitorModule.js b/src/views/airConditioning/js/runMonitorModule.js
new file mode 100644
index 0000000..0bd95f0
--- /dev/null
+++ b/src/views/airConditioning/js/runMonitorModule.js
@@ -0,0 +1,40 @@
+import {reactive} from "vue";
+
+const runMonitorModule = ()=>{
+ const runMonitorData = reactive([
+ {
+ label: "鍘嬬缉鏈鸿繍琛屾椂闂�",
+ value: 0,
+ unit: "H"
+ },
+ {
+ label: "鍔犵儹闇�姹�",
+ value: 0,
+ unit: "%"
+ },
+ {
+ label: "鍒跺喎闇�姹�",
+ value: 0,
+ unit: "%"
+ },
+ {
+ label: "闄ゆ箍闇�姹�",
+ value: 0,
+ unit: "%"
+ },
+ {
+ label: "鍥為娓╁害",
+ value: 0,
+ unit: "鈩�"
+ },
+ {
+ label: "鍥為婀垮害",
+ value: 0,
+ unit: "%"
+ },
+ ]);
+
+ return {runMonitorData};
+};
+
+export default runMonitorModule;
\ No newline at end of file
--
Gitblit v1.9.1