long/mes_mobile
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交代码

Browse Source
This commit is contained in:
姜小姿
2024-04-11 18:54:43 +08:00
parent e37d0e4112
commit 01ea333978
21 changed files with 538 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
pages/deviceStatus/detectionEventList.vue Normal file
View File

@ -0,0 +1,49 @@
<template>
<!-- 检测事件列表 -->
<view class="page_padding">
<view class="padd_bot12 font14">
<text>安全生产监控设备检测事件列表</text>
</view>
<view class="page_list contentboxsty flex_layout">
<view class="content_left padd_rigth12">
<image class="img" src="http://dm-auto.oss-cn-shanghai.aliyuncs.com/mes_wechat/background.png" mode=""></image>
</view>
<view class="content_right">
<view class="content_row font13">
2024-01-11 19:09:56
</view>
<view class="content_row tip font_bold font14">
穿越警戒线
</view>
<view class="content_row font12">
(检测到指定区域内有目标越过警戒线，请注意安全)
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
.page_list{padding: 12px;}
.content_left{
flex-basis: 126px;height: 96px;
.img{width: 100%;height: 100%;border-radius: 8px;}
}
.content_right{
flex:1;
.tip{color: #FA3758;padding: 6px 0 5px 0;}
}
</style>

65
pages/deviceStatus/deviceCamera.vue Normal file
View File

@ -0,0 +1,65 @@
<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>

13
pages/deviceStatus/deviceStatus.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings">
<view class="page_padding">
<view class=".padd_bot12">
<text>硬件设备状态</text>
</view>
@ -31,6 +31,9 @@
<view class="device_row">
<text class="name font_bold">设备名称</text>
<text>双头立锯</text>
<view @click="toCamera()" class="" style="position: absolute;right: 0;">
相机
</view>
</view>
<view class="device_row">
<text class="name font_bold">开机时间</text>
@ -45,6 +48,7 @@
<text>5次</text>
</view>
</view>
</view>
</swiper-item>
</swiper>
@ -157,7 +161,12 @@
// 获取标题区域宽度，和每个子元素节点的宽度
this.getScrollW()
},
methods: {
methods: {
toCamera(){
uni.navigateTo({
url:'/pages/deviceStatus/deviceCamera'
})
},
// 获取标题区域宽度，和每个子元素节点的宽度以及元素距离左边栏的距离
getScrollW() {
let query = uni.createSelectorQuery().in(this);