|
|
@@ -13,13 +13,20 @@
|
|
|
<view class="content">
|
|
|
<view class='title'>监控视频</view>
|
|
|
<view class="video-list">
|
|
|
- <view class="video-list-item" v-for="(item,index) in videoList" :key="index">
|
|
|
- <view class="img-content" v-show="!item.isPlay">
|
|
|
- <image class="img play" src="../../static/img/play-btn.png" mode="" @click="playVideo(item)"></image>
|
|
|
+ <view class=" cu-list grid col-4 no-border">
|
|
|
+ <view class="cu-item" style='text-align:center;' v-for="(item,index) in videoList"
|
|
|
+ @click="gridClick(item)" >
|
|
|
+ <view v-if="item.Status == 'ON'">
|
|
|
+ <image v-if="item.SnapURL" :src="'https://live.eliangeyun.com'+item.SnapURL" class="sign1"></image>
|
|
|
+ <view v-else style="background-color: #008000;" class="sign1">
|
|
|
+ <image src="../../static/img/play-btn.png" style="width: 80rpx;height: 80rpx;margin-top: 40rpx;" ></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <iframe class='video-iframe' v-show="item.isPlay" :src="item.src" width="" height="" allowfullscreen="true"
|
|
|
+ <!-- <iframe class='video-iframe' v-show="item.isPlay" :src="item.src" width="" height="" allowfullscreen="true"
|
|
|
webkitallowfullscreen="true" mozallowfullscreen="true"
|
|
|
- allow="autoplay; fullscreen; microphone;"></iframe>
|
|
|
+ allow="autoplay; fullscreen; microphone;"></iframe> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -108,11 +115,23 @@
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
+ var that = this
|
|
|
+ uni.request({
|
|
|
+ url: 'https://live.eliangeyun.com/api/v1/device/channellist',
|
|
|
+ method: 'GET',
|
|
|
+ success: (res) => {
|
|
|
+ if (res.statusCode === 200) {
|
|
|
+ that.videoList = res.data.ChannelList
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail:(res)=> {
|
|
|
+ console.log("fail::",res)
|
|
|
+ }
|
|
|
+ })
|
|
|
this.$api.doRequest('get', '/openServiceInfo/selectCommonCompany', {
|
|
|
phone: this.userInfo.phone
|
|
|
}).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
- debugger
|
|
|
this.init(res.data.data[0].compId)
|
|
|
}
|
|
|
})
|
|
|
@@ -174,14 +193,19 @@
|
|
|
this.binNumber = '暂无'
|
|
|
}
|
|
|
})
|
|
|
+
|
|
|
},
|
|
|
warehousechange(e) {
|
|
|
this.warehouseName = this.warehouseList[e[0]].warehouseName
|
|
|
console.log(this.warehouseName)
|
|
|
},
|
|
|
- playVideo(item){
|
|
|
- console.log(item)
|
|
|
- item.isPlay = true
|
|
|
+ gridClick(item){
|
|
|
+ var param = "https://live.eliangeyun.com/play.html?serial="+item.DeviceID+"&code="+item.ID+"&aspect=fullscreen"
|
|
|
+ uni.setStorageSync("mintor",param)
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/user/mintor'
|
|
|
+ })
|
|
|
+ console.log("param",param)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -190,7 +214,22 @@
|
|
|
page {
|
|
|
background: #F5F6FA;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ .cu-list>.cu-item:after {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sign {
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+ top: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sign1 {
|
|
|
+ width: 76px;
|
|
|
+ height: 76px;
|
|
|
+ top: 4px;
|
|
|
+ }
|
|
|
.wrap {
|
|
|
background: #fff;
|
|
|
margin: 10px;
|
