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

代码提交

Browse Source
This commit is contained in:
‘tuzi0421
2024-02-19 16:53:38 +08:00
parent a93b95e814
commit d022e33da9
34 changed files with 1833 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
pages/deviceRepair/RepairReport.vue Normal file
View File

@ -0,0 +1,115 @@
<template>
<!-- 设备报修 -->
<view class="pagepaddings">
<view class="page_content contentboxsty font14">
<view class="content_row">
<view class="name">值班工程师</view>
<view class="">
<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="">
<view :class="[downtime ? 'haveTime' : 'noTime']">
<uni-datetime-picker placeholder="清选择时间" type="datetime" v-model="downtime" @change="changeLog" />
</view>
</view>
<!-- <view class=""></view> -->
</view>
<view class="content_row">
<view class="name">报修时间</view>
<view class="">
<view :class="[repairtime ? 'haveTime' : 'noTime']">
<uni-datetime-picker placeholder="清选择时间" type="datetime" v-model="repairtime" @change="changeLog" />
</view>
</view>
<view class=""></view>
</view>
<view class="content_row">
<view class="name">报修人</view>
<view class="">
<picker placeholder="请选择" @change="bindPickerChange" :value="index" :range="array" >
<input type="text" :value="array[index]" placeholder="请选择" disabled />
</picker>
</view>
<view class=""></view>
</view>
<view class="content_row">
<view class="name">报修设备</view>
<view class="">
<picker placeholder="请选择" @change="bindPickerChange" :value="index" :range="array" >
<input type="text" :value="array[index]" placeholder="请选择" disabled />
</picker>
</view>
<view class=""></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>
</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;}
}
.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>

105
pages/deviceRepair/deviceRepair.vue Normal file
View File

@ -0,0 +1,105 @@
<template>
<!-- 设备报修 -->
<view class="pagepaddings bot_padding">
<view v-for="(item,index) in list" :key="index">
<view class="page_list contentboxsty font13">
<view class="list_top flex_layout">
<view class="top_left flex_layout">
<view class="iconfont icon-gengduo-1"></view>
<view class="">双头带锯</view>
</view>
<view class="top_right">故障中</view>
</view>
<view class="list_centre">
<view class="row_data">
<view class="row_name">值班工程师</view>
<view class="row_content">章三</view>
</view>
<view class="row_data">
<view class="row_name">故障时间</view>
<view class="row_content">2024-01-11 13:09:11</view>
</view>
<view class="row_data">
<view class="row_name">报修人</view>
<view class="row_content">李四</view>
</view>
<view class="row_data">
<view class="row_name">故障时间</view>
<view class="row_content">3.5H</view>
</view>
<view class="row_data">
<view class="row_name">处理状态</view>
<view class="row_content">故障处理中</view>
</view>
<view class="row_data">
<view class="row_name">故障解除时间</view>
<view class="row_content">2024-01-11 14:09:07</view>
</view>
</view>
<view class="list_below flex_layout">
<view class="below_left">
修改
</view>
<view class="below_right">
查看详情
</view>
</view>
</view>
</view>
</view>
<view class="page_bottom_button">
<view class="page_add" @click="toAddRepairReport()">
<!-- <view class="name_left font14">
系统设备管理
</view> -->
<view class="iconfont icon-tianjia font24"></view>
<text>添加</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list:[{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
{name:"双头立锯"},
]
}
},
methods: {
//新增报修页面
toAddRepairReport(){
uni.navigateTo({
url:'/pages/deviceRepair/RepairReport'
})
},
//维修页面
}
}
</script>
<style lang="scss">
.page_list{
.list_top{line-height: 44px;align-items: center;border-bottom: 1px solid #2D3A6F;
.top_left{flex: 1;}
}
.list_centre{
.row_name{width: 30%;}
.row_data{display: flex;display: flex;padding: 6px 0;}
}
.list_below{line-height: 49px;align-items: center;border-top: 1px solid #2D3A6F;
view{width: 50%; text-align: center;}
.below_left{border-right: 1px solid #2D3A6F;}
}
}
</style>