144 lines
2.6 KiB
Vue
144 lines
2.6 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="form">
|
|
<view class="form_item" v-if="details.stationName">
|
|
<view class="left">选择站点:</view>
|
|
<view class="nr">{{details.stationName}}</view>
|
|
</view>
|
|
<view class="form_item" v-if="details.omName">
|
|
<view class="left">维护内容:</view>
|
|
<view class="nr">{{details.omName}}</view>
|
|
</view>
|
|
<view class="form_item" v-if="details.maintainPerson">
|
|
<view class="left">负责人:</view>
|
|
<view class="nr">{{details.maintainPerson}}</view>
|
|
</view>
|
|
<view class="form_item" v-if="details.maintainTime">
|
|
<view class="left">维护时间:</view>
|
|
<view class="nr">{{details.maintainTime}}</view>
|
|
</view>
|
|
<view class="bz_item" v-if="details.maintainNote">
|
|
<view class="bz_top">
|
|
备<span class="bz">注:</span>
|
|
</view>
|
|
<view class="bz_bot">
|
|
<textarea style="width: 100%;" v-model="details.maintainNote" placeholder="请输入备注" disabled="true"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bot_btn">
|
|
<button class="primary" @click="toback()">返 回</button>
|
|
</view>
|
|
<view class="pagebot"></view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default{
|
|
data(){
|
|
return{
|
|
details:{
|
|
stationName:'',
|
|
stationCode:'',
|
|
maintainPerson:'',
|
|
maintainTime:'',
|
|
maintainNote:'',
|
|
omName:''
|
|
}
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.details = JSON.parse(decodeURIComponent(options.item));
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods:{
|
|
toback(){
|
|
uni.navigateBack({
|
|
delta:1
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page{
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
.form{
|
|
padding: 0 30rpx;
|
|
}
|
|
.form_item{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 30rpx 0rpx;
|
|
border-bottom:1rpx solid #e4e4e4;
|
|
// font-weight: 500;
|
|
}
|
|
.left{
|
|
font-weight: bold;
|
|
}
|
|
.nr{
|
|
flex: 1;
|
|
color: #767676;
|
|
padding-left: 16rpx;
|
|
text-align: right;
|
|
}
|
|
.dw{
|
|
color: greenyellow;
|
|
}
|
|
.item_pic{
|
|
border-bottom:1rpx solid #e4e4e4;
|
|
padding: 30rpx 0rpx;
|
|
font-weight: 500;
|
|
}
|
|
.imgList{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.imgList image{
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
margin-right: 24rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
.imgList image:nth-child(4n){
|
|
margin-right: 0rpx;
|
|
}
|
|
.bz_item{
|
|
padding: 40rpx 0rpx;
|
|
}
|
|
.bz_top{
|
|
font-weight: bold;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.bz{
|
|
margin-left: 30rpx;
|
|
}
|
|
.bz_bot{
|
|
color: #767676;
|
|
line-height: 50rpx;
|
|
}
|
|
.bot_btn{
|
|
padding: 0 30rpx;
|
|
margin-top: 30rpx;
|
|
}
|
|
.primary{
|
|
width: 100%;
|
|
height: 90rpx;
|
|
background-color: #0F6EFF;
|
|
border: none;
|
|
border-radius: 50rpx;
|
|
color:#fff;
|
|
font-weight: bold;
|
|
}
|
|
.dw{
|
|
margin-left: 5rpx;
|
|
}
|
|
.pagebot{
|
|
height: 200rpx;
|
|
}
|
|
</style> |