<template>
	<view>
	<!-- 	<view class="timeBox flex justify-between align-center padding-lr-sm">
			<view class="time"></view>
		</view> -->
		

		<!-- 处理状态start -->
		<view class="processStatus">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				设备编号：{{deviceCode}}
			</view>
			<view class="padding-lr padding-bottom-lg ">

				<video id="myVideo" :src="videoUrl" style="width:100%" loop="loop" autoplay="autoplay"></video>

				      <!--  <view class="video-js" ref="video" style="text-align:center;width:100%;height:400rpx">  
				
				        </view>  -->
				
			</view>
		</view>
		<!-- 处理状态end -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				videoDetail: '',
				videoUrl:"",
				deviceCode:''

			}
		},
		 onReady() {  
	     
		        },  

		onLoad: function(option) {


			// console.log(111)
			// console.log(option.deviceCode)
			this.companyCode = option.companyCode
			this.deviceType = option.deviceType
			this.deviceCode=option.deviceCode
			this.videoUrl = 'http://47.103.74.123/hls/'+option.deviceCode+'.m3u8';
			
		},


		methods: {

			// async getDeviceDetail(ming = {}) {
			// 	const res = await this.$myRequest({
			// 		url: 'OperationMonitoring/getMonitoringScreen',
			// 		data: ming
			// 	})
			// 	console.log(res.data.data[0])
			// 	this.videoDetail = res.data.data[0]

			// },
		}
	}
</script>

<style lang="scss">






</style>
