From 9a7728e4942291fab610083cdae66e5397f77284 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E8=90=8C?= <525441437@qq.com>
Date: Mon, 4 Mar 2024 17:23:16 +0800
Subject: [PATCH] 1

---
 src/views/page/realTime.vue | 147 +++++++++++++++++++++---------------
 1 file changed, 87 insertions(+), 60 deletions(-)

diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue
index ae94374..d5941ab 100644
--- a/src/views/page/realTime.vue
+++ b/src/views/page/realTime.vue
@@ -30,7 +30,7 @@
         <div class="page-content new-data" v-else :class="deviceName == 10 || deviceName == 30 ? 'control-page' : ''">
 
             <div class="control-view" v-if="deviceName == 10 || deviceName == 30">
-                <div class="title" @click='weatherModel=true'>气象站:</div>
+                <div class="title" @click='weatherModel = true'>气象站:</div>
                 <vue-seamless class="control-list" :data="controlList" :class-option="defaultOption1">
                     <div class="list-view" v-for="item, index in controlList " :key="index">
                         <img class="icon" :src="item.img" alt="">
@@ -58,8 +58,8 @@
             <div class="flex-view border-none warning-btn">
                 <div class="input-btn ">
                     <div class="btn blue" @click='openDataModel'>
-            查看全部实时数据
-        </div>
+                        查看全部实时数据
+                    </div>
                     <div class="btn green" @click="openWarn">
                         <img src="../../assets/image/real-time-icon2.png" alt="" />短信报警
                     </div>
@@ -93,8 +93,10 @@
             <div class="table-title">
                 <img src="../../assets/image/status.png" alt="" />
                 设备运行状态
-                <div class="title-text" v-if="sunrise"><img src="../../assets/img/sunrise.png" alt="">日出:{{ sunrise }}</div>
-                <div class="title-text" v-if="sunset"><img src="../../assets/img/sunset.png" alt="">日落:{{ sunset }}</div>
+                <div class="title-text" v-if="sunrise"><img src="../../assets/img/sunrise.png" alt="">日出:{{ sunrise }}
+                </div>
+                <div class="title-text" v-if="sunset"><img src="../../assets/img/sunset.png" alt="">日落:{{ sunset }}
+                </div>
             </div>
             <div class="flex-view border-none">
                 <div class="status-view" v-for="item, index in statusList" :key="index">
@@ -253,13 +255,13 @@
 
                             </div>
                             <div class="status-true-text" v-if="item.type == 2 || item.type == 5 || item.type == 6 || item.type == 12
-                                || item.type == 13 || item.type == 14 || item.type == 15 || item.type == 16">
+            || item.type == 13 || item.type == 14 || item.type == 15 || item.type == 16">
                                 <div class="status-true-text-left">{{ getNumberStatus(item) }}</div>
                                 <div class="status-true-text-right"
                                     v-if="item.type == 6 || item.type == 5 || item.type == 2 || item.type == 15 || item.type == 14 || item.type == 13 || item.type == 12">
                                     {{ item.progress }}%</div>
                             </div>
-                        
+
                             <div class="status-fan status-btn" v-else>
                                 <div class="btn" :class="item.index == 1 ? 'blue' : 'off'">
                                     <img class="light-img" :src="getIcon(item)" alt="">
@@ -267,7 +269,7 @@
                                     <span>{{ item.index == 1 ? '开启' : '关闭' }}</span>
                                 </div>
                             </div>
-                            <div class="status-true-text" v-if=" item.type == 15 ">
+                            <div class="status-true-text" v-if="item.type == 15">
                                 <div class="status-true-text-left">计算结果</div>
                                 <div class="status-true-text-right">
                                     {{ item.count }}</div>
@@ -293,27 +295,27 @@
                 </div>
             </div>
         </div>
-                <el-dialog title="气象站" class="vrcode-model" :append-to-body="true" :visible.sync="weatherModel" width="1030px">
-                 <el-button class="model-return-btn" type="primary" @click="weatherModel=false">返 回</el-button>
+        <el-dialog title="气象站" class="vrcode-model" :append-to-body="true" :visible.sync="weatherModel" width="1030px">
+            <el-button class="model-return-btn" type="primary" @click="weatherModel = false">返 回</el-button>
             <div class="vrcode-model-title vrcode-model-title-282">气象站</div>
-             <div class="dataModel">
+            <div class="dataModel">
                 <div class="view-new">
                     <div class="list-view" v-for="item, index in controlList " :key="index">
-                       <img class="icon" :src="item.img" alt="">
-                       <div>
-                            <div class="text">{{ item.environmentDataId}}</div>
-                            <div class="number" > {{ getControlData(item) }}</div>
+                        <img class="icon" :src="item.img" alt="">
+                        <div>
+                            <div class="text">{{ item.environmentDataId }}</div>
+                            <div class="number"> {{ getControlData(item) }}</div>
                         </div>
-                        
+
                     </div>
                 </div>
             </div>
-      
+
         </el-dialog>
         <el-dialog title="实时数据" class="vrcode-model" :append-to-body="true" :visible.sync="dataModel" width="1030px">
-                 <el-button class="model-return-btn" type="primary" @click="dataModel=false">返 回</el-button>
+            <el-button class="model-return-btn" type="primary" @click="dataModel = false">返 回</el-button>
             <div class="vrcode-model-title vrcode-model-title-282">实时数据</div>
-             <div class="dataModel">
+            <div class="dataModel">
                 <div class="view-new">
                     <div class="list-view" v-for="item, index in list " :key="index">
                         <img :src="item.img" alt="">
@@ -324,7 +326,7 @@
                     </div>
                 </div>
             </div>
-      
+
         </el-dialog>
 
         <el-dialog title="请选择要显示的设备" :append-to-body="true" :visible.sync="addModel" width="70%">
@@ -373,8 +375,8 @@
                             </div>
                             <el-dropdown-menu class="warning-sel" slot="dropdown">
                                 <el-dropdown-item v-for="item, index in typeSelList" :key="index" :command="index">{{
-                                    item.name
-                                }}</el-dropdown-item>
+            item.name
+        }}</el-dropdown-item>
 
                             </el-dropdown-menu>
                         </el-dropdown>
@@ -387,13 +389,14 @@
                             </div>
                             <el-dropdown-menu class="warning-sel" slot="dropdown">
                                 <el-dropdown-item v-for="item, index in typeSelList1" :key="index" :command="index">{{
-                                    item.name
-                                }}</el-dropdown-item>
+            item.name
+        }}</el-dropdown-item>
                             </el-dropdown-menu>
                         </el-dropdown>
                     </div>
                     <div class="input-main">
-                        <input type="text" v-model="warnForm.environmentData" style="width: 200px;" placeholder="请输入设定值">
+                        <input type="text" v-model="warnForm.environmentData" style="width: 200px;"
+                            placeholder="请输入设定值">
                         <span></span>
                     </div>
                     <div class="input-btn ">
@@ -405,7 +408,8 @@
                 <div class="title-tips">原有报警规则</div>
                 <div class="vrcode-table">
                     <div class="vrcode-table-view table-view">
-                        <el-table :data="tableData" :row-class-name="tableRowClassName" height="520" style="width: 100%">
+                        <el-table :data="tableData" :row-class-name="tableRowClassName" height="520"
+                            style="width: 100%">
 
                             <el-table-column prop="environmentId" label="报警名称">
                                 <template slot-scope="scope">
@@ -415,6 +419,7 @@
                                 </template>
                             </el-table-column>
                             <el-table-column prop="environmentId" label="判断条件">
+
                                 <template slot-scope="scope">
                                     <div>
                                         {{ typeSelList1[scope.row.unit - 1].name }}
@@ -425,6 +430,7 @@
                             <el-table-column prop="phonenumber" label="手机号1"></el-table-column>
                             <el-table-column prop="phonenumber2" label="手机号2"></el-table-column>
                             <el-table-column label="操作" width="100">
+
                                 <template slot-scope="scope">
                                     <div class="vrcode-table-btn">
                                         <div class="vrcode-btn red-btn" @click="delMessage(scope.row)">
@@ -441,6 +447,7 @@
         </el-dialog>
     </div>
 </template>
+
 <script>
 import EZUIKit from 'ezuikit-js';
 import { getnowtime } from '../../assets/js/nowTime'
@@ -482,8 +489,8 @@ export default {
             sunrise: "00:00",
             sunset: "00:00",
             statusList: [],
-            dataModel:false,//全部实时数据弹窗
-            weatherModel:false,
+            dataModel: false,//全部实时数据弹窗
+            weatherModel: false,
 
             time: null,//右上角时间
             list: [],
@@ -491,7 +498,7 @@ export default {
             indexs: 1,
             player: null,
             url: '',
-            imgUrl:'',
+            imgUrl: '',
             timer: null,
             deviceName: 1,
             deviceState: 1,
@@ -583,8 +590,8 @@ export default {
         this.$bus.$off('refreshTime')
     },
     methods: {
-        openDataModel(){
-            this.dataModel=true
+        openDataModel() {
+            this.dataModel = true
         },
         tableRowClassName({ row, rowIndex }) {
             if (rowIndex % 2 == 1) {
@@ -958,13 +965,28 @@ export default {
                                     //         name = el.equipmentNumber + '#' + el.environmentDataId
                                     //     }
                                     // }
+                                    // if (el.targetValue == 1) {
+                                    //     name = '目标' + el.environmentDataId
+                                    // } else {
+                                    //     if (el.equipmentNumber == 0) {
+                                    //         name = '1#平均' + el.environmentDataId
+                                    //     } else if (el.equipmentNumber == 15) {
+                                    //         name = '2#平均' + el.environmentDataId
+                                    //     } else {
+                                    //         name = el.equipmentNumber + '#' + el.environmentDataId
+                                    //     }
+                                    // }
                                     if (el.targetValue == 1) {
-                                        name = '目标' + el.environmentDataId
+                                        if (el.equipmentNumber == 0) {
+                                            name = '目标' + el.environmentDataId
+                                        } else {
+                                            name = '目标' + el.equipmentNumber + '#' + el.environmentDataId
+                                        }
                                     } else {
                                         if (el.equipmentNumber == 0) {
-                                            name = '1#平均' + el.environmentDataId
+                                            name = '1#平均' + el.environmentDatald
                                         } else if (el.equipmentNumber == 15) {
-                                            name = '2#平均' + el.environmentDataId
+                                            name = '2#平均' + el.environmentDatald
                                         } else {
                                             name = el.equipmentNumber + '#' + el.environmentDataId
                                         }
@@ -1012,8 +1034,8 @@ export default {
                         if (res.data.code == 200) {
                             this.url = res.data.data.ezopen
                             this.createVideoNew(res.data.data.accesstoken)
-                        }else{
-                            this.imgUrl=nowDevice.hls
+                        } else {
+                            this.imgUrl = nowDevice.hls
                         }
                     })
                 }
@@ -1043,12 +1065,16 @@ export default {
                                     }
                                     //    }
                                     if (el.targetValue == 1) {
-                                        name = '目标' + el.environmentDataId
+                                        if (el.equipmentNumber == 0) {
+                                            name = '目标' + el.environmentDataId
+                                        } else {
+                                            name = '目标' + el.equipmentNumber + '#' + el.environmentDataId
+                                        }
                                     } else {
                                         if (el.equipmentNumber == 0) {
-                                            name = '1#平均' + el.environmentDataId
+                                            name = '1#平均' + el.environmentDatald
                                         } else if (el.equipmentNumber == 15) {
-                                            name = '2#平均' + el.environmentDataId
+                                            name = '2#平均' + el.environmentDatald
                                         } else {
                                             name = el.equipmentNumber + '#' + el.environmentDataId
                                         }
@@ -1128,8 +1154,8 @@ export default {
                         if (res.data.code == 200) {
                             this.url = res.data.data.ezopen
                             this.createVideoNew(res.data.data.accesstoken)
-                        }else{
-                            this.imgUrl=nowDevice.hls
+                        } else {
+                            this.imgUrl = nowDevice.hls
                         }
                     })
                 }
@@ -1336,63 +1362,63 @@ export default {
                             statusList.push(fandata)
                         } else if (el.id == 2 || el.id == 3 || el.id == 4 || el.id == 5) {
                             //顶卷膜
-                            var statusData = { name: el.name, type: 2, id: el.id, open: res.data.data[(1025 + ((el.id - 2) * 3))], progress: res.data.data[(1027 + ((el.id - 2) * 3))], index: res.data.data[(1026 + ((el.id - 2) * 3))],count:0 }
+                            var statusData = { name: el.name, type: 2, id: el.id, open: res.data.data[(1025 + ((el.id - 2) * 3))], progress: res.data.data[(1027 + ((el.id - 2) * 3))], index: res.data.data[(1026 + ((el.id - 2) * 3))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 6) {
                             //加温水泵
-                            var statusData = { name: el.name, type: 3, id: el.id, open: res.data.data['1000'], progress: 0, index: res.data.data['1001'],count:0 }
+                            var statusData = { name: el.name, type: 3, id: el.id, open: res.data.data['1000'], progress: 0, index: res.data.data['1001'], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 7) {
                             //地热风机
-                            var statusData = { name: el.name, type: 4, id: el.id, open: res.data.data['1002'], progress: 0, index: res.data.data['1003'],count:0 }
+                            var statusData = { name: el.name, type: 4, id: el.id, open: res.data.data['1002'], progress: 0, index: res.data.data['1003'], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 8) {
                             //上风口
-                            var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1004'], progress: res.data.data['1006'], index: res.data.data['1005'],count:0 }
+                            var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1004'], progress: res.data.data['1006'], index: res.data.data['1005'], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 9) {
                             //下风口
-                            var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1007'], progress: res.data.data['1009'], index: res.data.data['1008'],count:0 }
+                            var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1007'], progress: res.data.data['1009'], index: res.data.data['1008'], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 10) {
                             //卷被
-                            var statusData = { name: el.name, type: 6, id: el.id, open: res.data.data['1010'], progress: res.data.data['1012'], index: res.data.data['1011'],count:0 }
+                            var statusData = { name: el.name, type: 6, id: el.id, open: res.data.data['1010'], progress: res.data.data['1012'], index: res.data.data['1011'], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 11) {
                             //除雪
-                            var statusData = { name: el.name, type: 7, id: el.id, open: res.data.data['1013'], progress: 0, index: res.data.data['1014'],count:0 }
+                            var statusData = { name: el.name, type: 7, id: el.id, open: res.data.data['1013'], progress: 0, index: res.data.data['1014'], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 13 || el.id == 14) {
                             //高压微雾
-                            var statusData = { name: el.name, type: 9, id: el.id, open: res.data.data[(1070 + ((el.id - 13) * 2))], progress: 0, index: res.data.data[(1071 + ((el.id - 13) * 2))],count:0 }
+                            var statusData = { name: el.name, type: 9, id: el.id, open: res.data.data[(1070 + ((el.id - 13) * 2))], progress: 0, index: res.data.data[(1071 + ((el.id - 13) * 2))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 15 || el.id == 16) {
                             //环流风扇
-                            var statusData = { name: el.name, type: 10, id: el.id, open: res.data.data[(1074 + ((el.id - 15) * 2))], progress: 0, index: res.data.data[(1075 + ((el.id - 15) * 2))],count:0 }
+                            var statusData = { name: el.name, type: 10, id: el.id, open: res.data.data[(1074 + ((el.id - 15) * 2))], progress: 0, index: res.data.data[(1075 + ((el.id - 15) * 2))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 18 || el.id == 19) {
                             //湿帘泵
-                            var statusData = { name: el.name, type: 11, id: el.id, open: res.data.data[(1080 + ((el.id - 18) * 2))], progress: 0, index: res.data.data[(1081 + ((el.id - 18) * 2))],count:0 }
+                            var statusData = { name: el.name, type: 11, id: el.id, open: res.data.data[(1080 + ((el.id - 18) * 2))], progress: 0, index: res.data.data[(1081 + ((el.id - 18) * 2))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 20 || el.id == 21) {
                             //湿帘外翻窗
-                            var statusData = { name: el.name, type: 12, id: el.id, open: res.data.data[(1084 + ((el.id - 20) * 3))], progress: res.data.data[(1086 + ((el.id - 20) * 3))], index: res.data.data[(1085 + ((el.id - 20) * 3))],count:0 }
+                            var statusData = { name: el.name, type: 12, id: el.id, open: res.data.data[(1084 + ((el.id - 20) * 3))], progress: res.data.data[(1086 + ((el.id - 20) * 3))], index: res.data.data[(1085 + ((el.id - 20) * 3))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 22 || el.id == 23) {
                             //内遮阳
-                            var statusData = { name: el.name, type: 13, id: el.id, open: res.data.data[(1090 + ((el.id - 22) * 3))], progress: res.data.data[(1092 + ((el.id - 22) * 3))], index: res.data.data[(1091 + ((el.id - 22) * 3))],count:0 }
+                            var statusData = { name: el.name, type: 13, id: el.id, open: res.data.data[(1090 + ((el.id - 22) * 3))], progress: res.data.data[(1092 + ((el.id - 22) * 3))], index: res.data.data[(1091 + ((el.id - 22) * 3))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 24 || el.id == 25) {
                             //外遮阳
-                            var statusData = { name: el.name, type: 14, id: el.id, open: res.data.data[(1096 + ((el.id - 24) * 3))], progress: res.data.data[(1098 + ((el.id - 24) * 3))], index: res.data.data[(1097 + ((el.id - 24) * 3))],count:0 }
+                            var statusData = { name: el.name, type: 14, id: el.id, open: res.data.data[(1096 + ((el.id - 24) * 3))], progress: res.data.data[(1098 + ((el.id - 24) * 3))], index: res.data.data[(1097 + ((el.id - 24) * 3))], count: 0 }
                             statusList.push(statusData)
                         } else if (el.id == 26 || el.id == 27 || el.id == 28 || el.id == 29) {
                             //通风窗
-                            var statusData = { name: el.name, type: 15, id: el.id, open: res.data.data[(1102 + ((el.id - 26) * 3))], progress: res.data.data[(1104 + ((el.id - 26) * 3))], index: res.data.data[(1103 + ((el.id - 26) * 3))],count:res.data.data[1115+(el.id - 26)] }
+                            var statusData = { name: el.name, type: 15, id: el.id, open: res.data.data[(1102 + ((el.id - 26) * 3))], progress: res.data.data[(1104 + ((el.id - 26) * 3))], index: res.data.data[(1103 + ((el.id - 26) * 3))], count: res.data.data[1115 + (el.id - 26)] }
                             statusList.push(statusData)
                         } else if (el.id == 30 || el.id == 31) {
                             //内保温
-                            var statusData = { name: el.name, type: 16, id: el.id, open: res.data.data[(1182 + ((el.id - 30) * 3))], progress: res.data.data[(1184 + ((el.id - 30) * 3))], index: res.data.data[(1183 + ((el.id - 30) * 3))],count:0 }
+                            var statusData = { name: el.name, type: 16, id: el.id, open: res.data.data[(1182 + ((el.id - 30) * 3))], progress: res.data.data[(1184 + ((el.id - 30) * 3))], index: res.data.data[(1183 + ((el.id - 30) * 3))], count: 0 }
                             statusList.push(statusData)
                         }
 
@@ -1405,10 +1431,10 @@ export default {
 
                         this.statusList.forEach((el, index) => {
                             if (el.open != 0 && (el.type == 6 || el.type == 5 || el.type == 2 || el.type == 15 || el.type == 14 || el.type == 13 || el.type == 12)) {
-                              
-                               setTimeout(() => {
-                                statusCharts(`statusCharts${index}`, el.progress)
-                               }, 0);
+
+                                setTimeout(() => {
+                                    statusCharts(`statusCharts${index}`, el.progress)
+                                }, 0);
                             }
                         })
                     }, 10);
@@ -1432,6 +1458,7 @@ export default {
 
 }
 </script>
+
 <style lang="scss">
 .video-js-select-quality-item {
     color: rgba(0, 0, 0, 0.85) !important;