内容提交

longyvfengyun

2023-08-27 5e77dd17b896184787fedb60e9acbb56506a7ae4

 src/views/airConditioning/airConditioning.vue

@@ -1,6 +1,7 @@
<script setup>
import FlexBox from "@/components/FlexBox.vue";
import {DArrowRight, CaretTop} from "@element-plus/icons-vue";
import {ElMessageBox} from "element-plus";
import HdwLight from "@/components/HdwLight.vue";
import {ref, watch} from "vue";

@@ -12,6 +13,13 @@

import setAirParam from "@/views/airConditioning/components/setAirParam.vue";

import air from "@/assets/js/const/air";
const airCmd = ref(air.cmd);

import airControlModule from "@/views/airConditioning/js/airControlModule";

const {startAir} = airControlModule();

const setParamVisible = ref(false);

const showSetParamDialog = ()=>{
@@ -21,6 +29,22 @@
const setParamClose = ()=>{
   setParamVisible.value = false;
};

const startAirByCmd = (opCmd)=>{
   ElMessageBox.confirm(
      "确认进行控制",
      "系统提示",
      {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'info',
         draggable: true,
      }
   ).then(()=>{
      startAir(opCmd);
   }).catch(()=>{});

}

watch(monitorData, (data)=>{
   setRunMonitorData(data);
@@ -51,7 +75,7 @@
                     <div class="state-item">
                        <div class="state-text">异常状态</div>
                        <div class="light-container">
                           <hdw-light :type="1"></hdw-light>
                           <hdw-light :type="1" :bl-bl="false"></hdw-light>
                        </div>
                     </div>
                     <div class="state-item">
@@ -140,26 +164,34 @@
               </div>
               <div class="tools-btn-list">
                  <div class="tools-btn-item">
                     <el-button type="primary">启动空调值班</el-button>
                     <el-button type="primary" @click="startAirByCmd(airCmd.startWork)">启动空调工作</el-button>
                  </div>
                  <div class="tools-btn-item">
                     <el-button type="warning">停止空调值班</el-button>
                     <el-button type="warning" @click="startAirByCmd(airCmd.stopWork)">停止空调工作</el-button>
                  </div>
               </div>
               <div class="tools-btn-list">
                  <div class="tools-btn-item">
                     <el-button type="primary">启动空调消毒</el-button>
                     <el-button type="primary" @click="startAirByCmd(airCmd.startOnDuty)">启动空调值班</el-button>
                  </div>
                  <div class="tools-btn-item">
                     <el-button type="warning">停止空调消毒</el-button>
                     <el-button type="warning" @click="startAirByCmd(airCmd.stopOnDuty)">停止空调值班</el-button>
                  </div>
               </div>
               <div class="tools-btn-list">
                  <div class="tools-btn-item">
                     <el-button type="primary">启动空调排风</el-button>
                     <el-button type="primary" @click="startAirByCmd(airCmd.startDisinfect)">启动空调消毒</el-button>
                  </div>
                  <div class="tools-btn-item">
                     <el-button type="warning">停止空调排风</el-button>
                     <el-button type="warning" @click="startAirByCmd(airCmd.stopDisinfect)">停止空调消毒</el-button>
                  </div>
               </div>
               <div class="tools-btn-list">
                  <div class="tools-btn-item">
                     <el-button type="primary" @click="startAirByCmd(airCmd.startExhaustFan)">启动空调排风</el-button>
                  </div>
                  <div class="tools-btn-item">
                     <el-button type="warning" @click="startAirByCmd(airCmd.stopExhaustFan)">停止空调排风</el-button>
                  </div>
               </div>
            </div>
@@ -221,7 +253,7 @@
.header-wrapper {
   color: @font-color-high-light;
   font-weight: bold;
   font-size: 14px;
   font-size: 16px;
   padding: 8px 16px;
   box-sizing: border-box;
   .title-text {
@@ -264,7 +296,7 @@
.earth-wrapper {
   position: relative;
   display: inline-block;
   width: 600px;
   width: 800px;
}
.earth-light-circle img,
.earth-light img,
@@ -366,7 +398,7 @@
      margin-top: 16px;
      .input-box {
         display: inline-block;
         font-size: 14px;
         font-size: 16px;
         text-align: right;
         color: #ffffff;

@@ -398,7 +430,7 @@
      display: inline-block;
      text-align: center;
      color: #00feff;
      font-size: 14px;
      font-size: 16px;
      vertical-align: middle;
      margin-right: 8px;
   }
@@ -431,4 +463,7 @@
      margin-top: 12px;
   }
}
.state-text {
   font-size: 16px;
}
</style>