<template>
	<view>
		<view class="timeBox flex justify-between align-center padding-lr-sm">
			<view class="time">{{opeData.device_name}}</view>
			<button :class="opeData.status === '离线' ? 'cu-btn bg-red sm' : 'cu-btn bg-green sm'">{{opeData.status}}</button>
		</view>
		<view class="basic-info">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				数据状态
			</view>
			<view class="info-content">
				<view class="info-one-info ">
					<text>Uab:</text>
					<text>{{opeData.Uab}}V</text>
				</view>
				<view>
					<text>Ubc：</text>
					<text>{{opeData.Ubc}}V</text>
				</view>
				<view>
					<text>Uca：</text>
					<text>{{opeData.Uca}}V</text>
				</view>
				<view>
					<text>la：</text>
					<text>{{opeData.Ia}}A</text>
				</view>
				<view>
					<text>lb：</text>
					<text>{{opeData.Ib}}A</text>
				</view>
				<view>
					<text>lc：</text>
					<text>{{opeData.Ic}}A</text>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				opeData:{}
				
			}
		},
		onLoad(option) {
			
		this.getOpeData({"companyCode":option.companyCode,"deviceCode":option.deviceCode,"deviceType":option.deviceType})
		
		},
		methods: {
			async getOpeData(ming={}) {
				const res= await this.$myRequest({
					url:'OperationMonitoring/getMonitoringScreen',
					data:ming
				})
				  console.log(res.data.data[0]);
				  this.opeData=res.data.data[0]
			},
		}
	}
</script>

<style>
	.info-content uni-view uni-text:first-child{
		width:90rpx;
	}

</style>
