<template>
	<view class="page_padding font14">
		<view class="padd_bot12">
			<text>硬件设备状态</text>
		</view>
		<view class="body-view contentboxsty">
			<view class="content-top flex_layout padd_bot12">
				<view class="flex1 theme_color">
					相机工作中
				</view>
				<view class="top_right" @click="toList()">
					更多安全事件
					<text class="iconfont icon-gengduo"></text>
				</view>
			</view>
			<view class="content_monitor" style="width: 100%;">
				<image style="width: 100%;" src="http://dm-auto.oss-cn-shanghai.aliyuncs.com/mes_wechat/background.png" mode=""></image>
			</view>
			<view class="content_data">
				<view class="device_row">
					<text class="name font_bold">设备名称</text>
					<text>安全监控相机</text>
				</view>
				<view class="device_row">
					<text class="name font_bold">开机时间</text>
					<text>2024-02-11 08:00:45</text>
				</view>
				<view class="device_row">
					<text class="name font_bold">安全事件</text>
					<text>检测到指定区域内有目标越过警戒线</text>
				</view>
				<view class="device_row">
					<text class="name font_bold">检测时间</text>
					<text>2024-01-11 19:09:56</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toList(){
				uni.navigateTo({
					url:'/pages/deviceStatus/detectionEventList'
				})
			},
		}
	}
</script>

<style lang="scss">
.body-view{padding: 12px 13px;}
.top_right{color: #E6A23C;}
.device_row{padding: 6px 0;
			.name {padding-right: 12px;}
		}

</style>
