xiaomeng/wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
孙萌 2023-11-16 11:09:07 +08:00
parent 8490006970
commit 94c0fa90b2
1 changed files with 60 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/page/realTime.vue
View File

@ -107,24 +107,29 @@
</div> </div>
<div class="status-fan"> <div class="status-fan">
<div class="btn" :class="fanStatus.status[0] == 1 ? 'blue' : 'off'"> <div class="btn" :class="fanStatus.status[0] == 1 ? 'blue' : 'off'">
<img class="fan-img" v-if="fanStatus.status[0] == 1" src="../../assets/img/fan-on.png" alt=""> <img class="fan-img" v-if="fanStatus.status[0] == 1" src="../../assets/img/fan-on.png"
alt="">
<img v-else src="../../assets/img/fan-off.png" alt=""> <img v-else src="../../assets/img/fan-off.png" alt="">
<span>1#风机</span> <span>1#风机</span>
</div> </div>
<div class="btn" :class="fanStatus.status[1] == 1 ? 'blue' : 'off'"> <div class="btn" :class="fanStatus.status[1] == 1 ? 'blue' : 'off'">
<img class="fan-img" v-if="fanStatus.status[1] == 1" src="../../assets/img/fan-on.png" alt=""> <img class="fan-img" v-if="fanStatus.status[1] == 1" src="../../assets/img/fan-on.png"
alt="">
<img v-else src="../../assets/img/fan-off.png" alt=""> <span>2#风机</span> <img v-else src="../../assets/img/fan-off.png" alt=""> <span>2#风机</span>
</div> </div>
<div class="btn" :class="fanStatus.status[2] == 1 ? 'blue' : 'off'"> <div class="btn" :class="fanStatus.status[2] == 1 ? 'blue' : 'off'">
<img class="fan-img" v-if="fanStatus.status[2] == 1" src="../../assets/img/fan-on.png" alt=""> <img class="fan-img" v-if="fanStatus.status[2] == 1" src="../../assets/img/fan-on.png"
alt="">
<img v-else src="../../assets/img/fan-off.png" alt=""> <span>3#风机</span> <img v-else src="../../assets/img/fan-off.png" alt=""> <span>3#风机</span>
</div> </div>
<div class="btn" :class="fanStatus.status[3] == 1 ? 'blue' : 'off'"> <div class="btn" :class="fanStatus.status[3] == 1 ? 'blue' : 'off'">
<img class="fan-img" v-if="fanStatus.status[3] == 1" src="../../assets/img/fan-on.png" alt=""> <img class="fan-img" v-if="fanStatus.status[3] == 1" src="../../assets/img/fan-on.png"
alt="">
<img v-else src="../../assets/img/fan-off.png" alt=""> <span>4#风机</span> <img v-else src="../../assets/img/fan-off.png" alt=""> <span>4#风机</span>
</div> </div>
<div class="btn" :class="fanStatus.status[4] == 1 ? 'blue' : 'off'"> <div class="btn" :class="fanStatus.status[4] == 1 ? 'blue' : 'off'">
<img class="fan-img" v-if="fanStatus.status[4] == 1" src="../../assets/img/fan-on.png" alt=""> <img class="fan-img" v-if="fanStatus.status[4] == 1" src="../../assets/img/fan-on.png"
alt="">
<img v-else src="../../assets/img/fan-off.png" alt=""> <span>5#风机</span> <img v-else src="../../assets/img/fan-off.png" alt=""> <span>5#风机</span>
</div> </div>
</div> </div>
@ -177,7 +182,7 @@
<div :id="'statusCharts' + index"></div> <div :id="'statusCharts' + index"></div>
</div> </div>
<div class="status-true-text"> <div class="status-true-text">
<div class="status-true-text-left">静止状态</div> <div class="status-true-text-left">{{ getNumberStatus(item.index) }}</div>
<div class="status-true-text-right">{{ item.progress }}%</div> <div class="status-true-text-right">{{ item.progress }}%</div>
</div> </div>
</div> </div>
@ -318,7 +323,19 @@ export default {
}) })
console.log(this.player); console.log(this.player);
}, },
getNumberStatus(index) {
if (index == 0) {
return '静止状态'
} else if (index == 1) {
return '正向打开中'
} else if (index == 2) {
return '反向关闭中'
} else {
return ''
}
},
createVideo() { createVideo() {
// 创建视频播放器 // 创建视频播放器
videojs.addLanguage('zh-CN', video_zhCN) videojs.addLanguage('zh-CN', video_zhCN)
this.player = videojs(this.$refs.videoPlayer, { this.player = videojs(this.$refs.videoPlayer, {
@ -670,5 +687,4 @@ export default {
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
color: #606266; color: #606266;
font-size: 14px; font-size: 14px;
} }</style>
</style>