66 lines
1.6 KiB
Vue
66 lines
1.6 KiB
Vue
|
<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>
|