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

提交代码

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
App.vue
View File

@ -33,7 +33,7 @@
color: #333;
padding: 10px;
}
.pagepaddings{padding: 14px;}
.page_padding{padding: 14px;}
.page_content{padding: 0 12px 10px;}
//内容框
.contentboxsty{border-radius: 8px;background: #1C2755;}
@ -54,8 +54,8 @@
.font_bold{font-weight: bold;}
//文字颜色
.text_color_black{color: #000;}
.theme_color{color: #009688 }
//颜色
.theme_color{color: #009688 }//主题绿
//按钮颜色
.but_color{background: #009688 !important;}
// .text_{color: #00B68D;}
@ -85,8 +85,15 @@
.list_content{padding:12px;}
}
//页面固定按钮
.bottom_but{bottom: 40px;bottom: 40px;position: fixed;width: calc(100% - 28px);
view{width: 50%;text-align: center;margin: 0 20px;border-radius: 19px;background: #DDD;line-height: 38px;}
.bottom_but{
width: 100%;
position: fixed;
bottom: 0px;
background-color: #060B26;
border-top: 1px solid #2E3249;
height: 80px;
// bottom: 40px;bottom: 40px;position: fixed;width: calc(100% - 28px);
view{width: 50%;text-align: center;margin: 0 20px;border-radius: 19px;background: #DDD;line-height: 38px;height: 38px;margin-top: 6px;}
}
//底部固定添加按钮
.page_bottom_button{width: 100%;position: fixed;bottom: 0px;background-color: #060B26;border-top: 1px solid #2E3249;height: 80px;

24
pages.json
View File

@ -159,6 +159,30 @@
"navigationBarTitleText" : "安全事故",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/deviceStatus/deviceCamera",
"style" :
{
"navigationBarTitleText" : "设备状态",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/deviceStatus/detectionEventList",
"style" :
{
"navigationBarTitleText" : "设备状态",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/deviceRepair/repairOrder",
"style" :
{
"navigationBarTitleText" : "设备维修",
"enablePullDownRefresh" : false
}
}],
"globalStyle": {
"navigationBarTextStyle": "white",

12
pages/deviceRepair/RepairReport.vue
View File

@ -1,10 +1,10 @@
<template>
<!-- 设备报修 -->
<view class="pagepaddings">
<view class="page_padding">
<view class="page_content contentboxsty font14">
<view class="content_row">
<view class="name">值班工程师</view>
<view class="">
<view class="flex1">
<picker placeholder="请选择设备" @change="bindPickerChange" :value="index" :range="array" >
<input type="text" :value="array[index]" placeholder="请选择设备" disabled />
</picker>
@ -13,7 +13,7 @@
</view>
<view class="content_row">
<view class="name">故障时间</view>
<view class="">
<view class="flex1">
<view :class="[downtime ? 'haveTime' : 'noTime']">
<uni-datetime-picker placeholder="清选择时间" type="datetime" v-model="downtime" @change="changeLog" />
</view>
@ -66,6 +66,10 @@
</view>
</view>
</view>
<view class="bottom_but flex_layout">
<view class="font13">保存</view>
<view class="font13">取消</view>
</view>
</template>
<script>
@ -95,7 +99,7 @@
}
.textarea_row{
.name{padding: 12px 0;}
textarea{border-radius: 4px;background: rgba(255, 255, 255, 0.50);padding: 10px;}
textarea{border-radius: 4px;background: rgba(255, 255, 255, 0.50);padding: 10px;height: 100px;}
}
.img_row{
.name{padding: 12px 0;}

14
pages/deviceRepair/deviceRepair.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 设备报修 -->
<view class="pagepaddings bot_padding">
<view class="page_padding bot_padding">
<view v-for="(item,index) in list" :key="index">
<view class="page_list contentboxsty font13">
<view class="list_top flex_layout">
@ -37,11 +37,11 @@
</view>
</view>
<view class="list_below flex_layout">
<view class="below_left">
修改
<view class="below_left" @click="toRepairOrder()">
维修单
</view>
<view class="below_right">
查看详情
修改
</view>
</view>
</view>
@ -83,6 +83,12 @@
})
},
//维修页面
toRepairOrder(){
uni.navigateTo({
url:'/pages/deviceRepair/repairOrder'
})
}
}
}
</script>

91
pages/deviceRepair/repairOrder.vue Normal file
View File

@ -0,0 +1,91 @@
<template>
<!-- 维修单 -->
<view class="page_padding">
<view class="page_content contentboxsty font14">
<view class="content_row">
<view class="name">维修工程师</view>
<view class="flex1">
<picker placeholder="请选择" @change="bindPickerChange" :value="index" :range="array" >
<input type="text" :value="array[index]" placeholder="请选择" disabled />
</picker>
</view>
<view class="iconfont icon-xiala"></view>
</view>
<view class="content_row">
<view class="name">故障解除时间</view>
<view class="flex1">
<view :class="[downtime ? 'haveTime' : 'noTime']">
<uni-datetime-picker placeholder="清选择时间" type="datetime" v-model="downtime" @change="changeLog" />
</view>
</view>
</view>
<view class="textarea_row">
<view class="name">维修描述</view>
<textarea placeholder="请输入维修描述..."/>
<!-- <uni-easyinput type="textarea" v-model="value" placeholder="请输入维修描述..."></uni-easyinput> -->
</view>
<view class="img_row">
<view class="name">维修照片</view>
<uni-file-picker limit="3" v-model="imageValue" title="">
<view class="img_but">
<view class="iconfont icon-a-shangchuanzhaopian2 font35"></view>
<view class="font12">
上传图片
</view>
</view>
</uni-file-picker>
</view>
</view>
</view>
<view class="bottom_but flex_layout">
<view class="font13">保存</view>
<view class="font13">取消</view>
</view>
</template>
<script>
export default {
data() {
return {
array: ['中国', '美国', '巴西', '日本'],
downtime:'',
}
},
methods: {
changeLog(){
console.log(this.downtime)
}
}
}
</script>
<style lang="scss">
.page_content{padding: 0 12px 10px;}
.content_row{display: flex;border-bottom: 1px solid #2D3A6F;height: 44px;align-items: center;
.name{width: 30%;}
.flex_layout{
.contenticon{width: 20px;height: 20px;}
.text{padding: 0 20px 0 5px;}
}
}
.textarea_row{
.name{padding: 12px 0;}
textarea{border-radius: 4px;background: rgba(255, 255, 255, 0.50);padding: 10px;height: 100px;}
}
.img_row{
.name{padding: 12px 0;}
.file-title {color: #fff;}
.is-add{background: rgba(255, 255, 255, 0.5);}
.img_but{ position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
}
.uni-date-x{
background-color: #1C2755 !important;color: #fff!important;
}
.uni-date-x--border{border:none !important}
.haveTime{
.uni-date__x-input{color: #fff;}
}
.noTime{.uni-date__x-input{color: #666;}}
</style>

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>

11
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>
@ -158,6 +162,11 @@
this.getScrollW()
},
methods: {
toCamera(){
uni.navigateTo({
url:'/pages/deviceStatus/deviceCamera'
})
},
// 获取标题区域宽度，和每个子元素节点的宽度以及元素距离左边栏的距离
getScrollW() {
let query = uni.createSelectorQuery().in(this);

4
pages/equipmentManage/bindingDevice.vue
View File

@ -1,7 +1,7 @@
<template>
<!-- 绑定安全生产监控相机 -->
<view>
<view class="pagepaddings">
<view class="page_padding">
<view class="page_name font14">绑定安全生产监控相机</view>
<view class="page_content contentboxsty font13">
<view class="content_row">
@ -68,12 +68,12 @@
</view>
</view>
</view>
</view>
<view class="bottom_but flex_layout">
<view class="font13">保存</view>
<view class="font13">取消</view>
</view>
</view>
</view>
</template>
<script>

2
pages/equipmentManage/deviceDetail.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings">
<view class="page_padding">
<view class="contentboxsty page_content ">
<view class="content_row">

4
pages/equipmentManage/editDevice.vue
View File

@ -2,7 +2,7 @@
<page-meta>
<navigation-bar title="添加设备" color="white"></navigation-bar>
</page-meta>
<view class="pagepaddings">
<view class="page_padding">
<!-- <view class="page_name font14">
添加/编辑设备
</view> -->
@ -68,11 +68,11 @@
</view>
</view>
</view>
<view class="bottom_but flex_layout">
<view class="font13 but_color">保存</view>
<view class="font13">取消</view>
</view>
</view>
</template>
<script>

2
pages/equipmentManage/equipmentManage.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 设备管理 -->
<view class="pagepaddings bot_padding">
<view class="page_padding bot_padding">
<view class="" v-for="(item,index) in list" :key="index" >
<view class="page_list contentboxsty font13" @click="toDeviceDetail(item.id)">
<view class="list_row">

2
pages/index/materialYield.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 工单出材率 -->
<view class="pagepaddings font13">
<view class="page_padding font13">
<view v-for="(item,index) in list" :key="index" class="detail_list contentboxsty">
<view class="list_top">
<view class="top_left">

2
pages/index/schedule.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 工单进度管理 -->
<view class="pagepaddings">
<view class="page_padding">
<view class="detail_list contentboxsty font13">
<view class="list_top">
<view class="top_left">

2
pages/person/accountCenter.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="person_page pagepaddings font13">
<view class="person_page page_padding font13">
<view class="person_dataA contentboxsty">
<view class="content_box logo_box">
<view class="data_name">头像</view>

4
pages/person/alarm.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 设备报警 -->
<view class="pagepaddings">
<view class="page_padding">
<view class="content_layout" @click="cancelLongpress">
<view class="item_layout" v-for="(item, index) in list" :key="index">
<view :class="islongpress?'longpress_style':''" @longpress="longpress" @click="deleteAlarm">
@ -11,9 +11,7 @@
<text>{{item.time}}</text>
</view>
</view>
</view>
</view>
</template>

2
pages/person/changePhone.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings font13">
<view class="page_padding font13">
<view class="phone_page contentboxsty">
<view class="content_row">
<input placeholder="请输入要更换的手机号码" />

2
pages/person/myAuthority.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings">
<view class="page_padding">
<!-- <checkbox-group @change="checkboxChange">
<label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value">
<view>

2
pages/person/safetyAccidents.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 安全事故 -->
<view class="pagepaddings">
<view class="page_padding">
<view class="contentboxsty font13" v-for="(item, index) in list" :key="index">
<view class="name font_bold font14">
{{item.name}}

2
pages/production/productionDetail.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="pagepaddings">
<view class="page_padding">
<view class="detail_list contentboxsty ">
<view class="list_top">
<view class="top_left">

6
pages/production/productionOrder.vue
View File

@ -1,6 +1,6 @@
<template>
<!-- 生产工单 -->
<view class="pagepaddings">
<view class="page_padding">
<view v-for="(item,index) in list" :key="index" class="detail_list contentboxsty font13">
<view @click="toDetail(item.id)">
<view class="list_top">
@ -78,9 +78,6 @@
listData(){
this.$api.postFuncLoading('/order.list',{page: 1,pageSize: 15}).then(res=>{
this.list = res.data.rows
})
},
//跳转工单详情
toDetail(id){
@ -101,6 +98,7 @@
}
.list_below{padding-bottom: 12px;
.row{display: flex;padding-top: 10px;
.row_left{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
view{flex: 1;}
}
}