提交代码
This commit is contained in:
@ -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;}
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<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,15 +37,15 @@
|
||||
</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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="page_bottom_button">
|
||||
<view class="page_add" @click="toAddRepairReport()">
|
||||
@ -56,13 +56,13 @@
|
||||
<text>添加</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list:[{name:"双头立锯"},
|
||||
{name:"双头立锯"},
|
||||
{name:"双头立锯"},
|
||||
@ -72,22 +72,28 @@
|
||||
{name:"双头立锯"},
|
||||
{name:"双头立锯"},
|
||||
{name:"双头立锯"},
|
||||
]
|
||||
}
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//新增报修页面
|
||||
//新增报修页面
|
||||
toAddRepairReport(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/deviceRepair/RepairReport'
|
||||
})
|
||||
},
|
||||
//维修页面
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
//维修页面
|
||||
toRepairOrder(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/deviceRepair/repairOrder'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page_list{
|
||||
.list_top{line-height: 44px;align-items: center;border-bottom: 1px solid #2D3A6F;
|
||||
.top_left{flex: 1;}
|
||||
@ -99,7 +105,7 @@
|
||||
.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>
|
||||
}
|
||||
</style>
|
||||
|
91
pages/deviceRepair/repairOrder.vue
Normal file
91
pages/deviceRepair/repairOrder.vue
Normal 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>
|
Reference in New Issue
Block a user