fix(物联网): 通道列表添加为空状态

This commit is contained in:
风花一世月 2024-08-05 22:17:07 +08:00
parent a1f0f0db02
commit ae550f1941
1 changed files with 8 additions and 2 deletions

View File

@ -1,9 +1,10 @@
<template>
<view class="webview-box">
<view class="loading-box">
<view v-if="!isChanneShow" class="loading-box">
<u-loading size="100" :show="true"></u-loading>
<view>加载中</view>
</view>
<u-empty v-if="isChanneShow" text="视频通道为空" mode="list"></u-empty>
<web-view v-if="isWebview" :src="webviewUrl"></web-view>
</view>
</template>
@ -16,7 +17,8 @@
deviceObj:null,
channeList:[],
webviewHost:'',
webviewUrl:''
webviewUrl:'',
isChanneShow:false,
}
},
onLoad(option) {
@ -24,6 +26,7 @@
let configIndex = uni.getStorageSync('configIndex');
this.webviewHost = configList[configIndex].protocol + configList[configIndex].address;
this.webviewUrl = configList[configIndex].protocol + configList[configIndex].address + '/video/web/h5/index.html';
// this.webviewUrl = 'http://192.168.31.39:5501/index.html'
console.log("option",option)
let deviceObj = JSON.parse(decodeURIComponent(option.deviceObj));
this.deviceObj = deviceObj;
@ -34,6 +37,7 @@
console.log("id",id)
this.$api.videoApi.getVideoChannelList({pid: id,page:1,pageSize:999}).then(res => {
if(res.code == 0){
// res.data.list = null;
if(res.data.list && res.data.list.length>0){
let channeList = res.data.list||[];
// let arr = channeList.map(item=>{
@ -46,10 +50,12 @@
this.$nextTick(()=>{
this.$set(this,'channeList',res.data.list);
let url = this.webviewHost + '/video/web/h5/index.html?deviceObj=' + encodeURIComponent(JSON.stringify(this.deviceObj)) + '&channeList='+encodeURIComponent(JSON.stringify(channeList))
// let url = 'http://192.168.31.39:5501/index.html?deviceObj=' + encodeURIComponent(JSON.stringify(this.deviceObj)) + '&channeList='+encodeURIComponent(JSON.stringify(channeList))
this.$set(this,'webviewUrl',url);
this.isWebview = true;
})
}else{
this.isChanneShow = true;
this.$u.toast('通道为空');
this.$nextTick(()=>{
this.$set(this,'channeList',[])