From 91a371d14923904bdf88dd22995f1470eac3f809 Mon Sep 17 00:00:00 2001
From: longyvfengyun <496960745@qq.com>
Date: 星期四, 24 八月 2023 16:23:20 +0800
Subject: [PATCH] 请求添加
---
src/views/airConditioning/airConditioning.vue | 165 +++++++++++++++++++++++++++---------------------------
1 files changed, 83 insertions(+), 82 deletions(-)
diff --git a/src/views/airConditioning/airConditioning.vue b/src/views/airConditioning/airConditioning.vue
index fc626f7..ff27e33 100644
--- a/src/views/airConditioning/airConditioning.vue
+++ b/src/views/airConditioning/airConditioning.vue
@@ -2,11 +2,26 @@
import FlexBox from "@/components/FlexBox.vue";
import {DArrowRight, CaretTop} from "@element-plus/icons-vue";
import HdwLight from "@/components/HdwLight.vue";
-import runMonitorModule from "@/views/airConditioning/js/runMonitorModule";
-const {runMonitorData} = runMonitorModule();
+import {watch} from "vue";
-import paramsMonitorModule from "@/views/airConditioning/js/paramsMonitorModule";
-const {paramsMonitorData} = paramsMonitorModule();
+import runMonitorModule from "@/views/airConditioning/js/runMonitorModule";
+const {runMonitorData, setRunMonitorData} = runMonitorModule();
+
+import airMonitorData from "@/views/airConditioning/js/airMonitorData";
+const {monitorData, airState} = airMonitorData();
+
+import airControlModule from "@/views/airConditioning/js/airControlModule";
+
+const {
+ airParam,
+ getParam,
+} = airControlModule();
+
+watch(monitorData, (data)=>{
+ setRunMonitorData(data);
+});
+
+
</script>
<template>
@@ -66,43 +81,39 @@
<div class="input-box-list">
<div class="input-box-wrapper">
<div class="input-box-container">
- <div class="input-text">鍔犵儹鍣ㄨ繍琛岀姸鎬�</div>
+ <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>
+ <hdw-light :type="airState.airSysstate"></hdw-light>
</div>
</div>
</div>
<div class="input-box-wrapper">
<div class="input-box-container">
- <div class="input-text">鍔犵儹鍣ㄨ繍琛岀姸鎬�</div>
+ <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>
+ <hdw-light :type="airState.airOnduty"></hdw-light>
</div>
</div>
</div>
<div class="input-box-wrapper">
<div class="input-box-container">
- <div class="input-text">鍔犵儹鍣ㄨ繍琛岀姸鎬�</div>
+ <div class="input-text">璐熷帇/鎺掓祳杩愯鐘舵��</div>
<div class="input-light">
- <hdw-light :type="0"></hdw-light>
+ <hdw-light :type="airState.airPressturbid"></hdw-light>
+ </div>
+ </div>
+ </div>
+ <div class="input-box-wrapper">
+ <div class="input-box-container">
+ <div class="input-text">绯荤粺鏁呴殰</div>
+ <div class="input-light">
+ <hdw-light :type="airState.airSysAlm"></hdw-light>
</div>
</div>
<div class="input-box-container">
- <div class="input-text">鍔犵儹鍣ㄨ繍琛岀姸鎬�</div>
+ <div class="input-text">杩囨护鍛婅</div>
<div class="input-light">
- <hdw-light :type="0"></hdw-light>
+ <hdw-light :type="airState.airFiltrationAlm"></hdw-light>
</div>
</div>
</div>
@@ -116,6 +127,37 @@
</div>
<div class="flex-layout--body">
<div class="move-img">
+ <div class="handle-tools">
+ <div class="tools-btn-list">
+ <div class="tools-btn-item">
+ <el-button type="primary" @click="getParam">绌鸿皟鍙傛暟璁剧疆</el-button>
+ </div>
+ </div>
+ <div class="tools-btn-list">
+ <div class="tools-btn-item">
+ <el-button type="primary">鍚姩绌鸿皟鍊肩彮</el-button>
+ </div>
+ <div class="tools-btn-item">
+ <el-button type="warning">鍋滄绌鸿皟鍊肩彮</el-button>
+ </div>
+ </div>
+ <div class="tools-btn-list">
+ <div class="tools-btn-item">
+ <el-button type="primary">鍚姩绌鸿皟娑堟瘨</el-button>
+ </div>
+ <div class="tools-btn-item">
+ <el-button type="warning">鍋滄绌鸿皟娑堟瘨</el-button>
+ </div>
+ </div>
+ <div class="tools-btn-list">
+ <div class="tools-btn-item">
+ <el-button type="primary">鍚姩绌鸿皟鎺掗</el-button>
+ </div>
+ <div class="tools-btn-item">
+ <el-button type="warning">鍋滄绌鸿皟鎺掗</el-button>
+ </div>
+ </div>
+ </div>
<flex-box>
<template #header>
<div class="header-wrapper">
@@ -157,61 +199,6 @@
</flex-box>
</div>
</div>
- <div class="page-right">
- <div class="flex-layout--container">
- <div class="flex-layout--body">
- <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 paramsMonitorData" :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">
- <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>
</div>
</template>
@@ -241,8 +228,9 @@
padding: 4px 0;
}
.move-img {
+ position: relative;
height: 100%;
- padding: 8px 0;
+ padding: 8px 8px 8px 0;
box-sizing: border-box;
}
.state-list {
@@ -359,7 +347,7 @@
.input-list {
.input-item {
- text-align: center;
+ text-align: left;
margin-top: 16px;
.input-box {
display: inline-block;
@@ -374,7 +362,7 @@
&.input-content {
margin-left: 8px;
margin-right: 8px;
- padding: 4px;
+ padding: 4px 12px;
min-width: 6rem;
background-color: #2c5774;
border: 1px solid #42d4ff;
@@ -415,4 +403,17 @@
height: 100%;
padding: 4px;
}
+.handle-tools {
+ position: absolute;
+ right: 24px;
+ top: 40px;
+ z-index: 1;
+}
+.tools-btn-list {
+ margin-bottom: 32px;
+
+ .tools-btn-item {
+ margin-top: 12px;
+ }
+}
</style>
--
Gitblit v1.9.1