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

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;}
}
}