<script>
|
export default {
|
data() {
|
return {
|
dto: {
|
|
},
|
orderItemId: '',
|
op: '',
|
|
};
|
},
|
async onLoad(options) {
|
this.orderItemId = options.orderItemId || ''
|
this.op = options.op || ''
|
|
await this.init()
|
|
},
|
|
methods: {
|
async init() {
|
this.$message.showLoading()
|
const {
|
data
|
} = await this.$http.request('get', `/api/supplier/delivery/mine/list/check/info/` + this.op, {
|
params: {
|
orderItemId: this.orderItemId
|
}
|
})
|
|
this.$message.hideLoading()
|
if (data) {
|
var t = data || {}
|
// if (!t.pictures) {
|
// t.pictures = []
|
// } else {
|
// try {
|
// t.pictures = JSON.parse(t.pictures) || []
|
// } catch (e) {
|
// console.log('parse arriveImages', e)
|
// }
|
// }
|
this.dto = {
|
...this.dto,
|
...t
|
}
|
}
|
},
|
|
|
|
}
|
}
|
</script>
|
<template>
|
<view class="delivery-detail-page bg-white p20">
|
<view v-if="dto.id">
|
<view class="delivery-info p10 flex">
|
<view class="flex1">
|
<view class="name">质检时间：{{ dto.checkTime || '-'}}</view>
|
<view class="name">质检人：{{ dto.createName || '-'}}</view>
|
<view class="name">审核状态：{{ dto.auditStatusStr || '-'}}</view>
|
<view class="name">备注：{{ dto.remarks || '-'}}</view>
|
|
|
<view class="line-gray"></view>
|
<view class="name" v-if="dto.targetLevel">降级等级：{{ dto.targetLevelStr || dto.targetLevel || '-'}}
|
</view>
|
|
<view class="name" v-if="dto.type">处理类型：{{ dto.type || '-'}}</view>
|
<view class="name">处理数量：{{ dto.num || '-' }}</view>
|
<view class="name">扣款金额：{{ dto.deductAmount || '-'}}</view>
|
|
</view>
|
</view>
|
|
|
</view>
|
<view class="p10" style="margin-top: 0rpx;padding-top: 0rpx;" v-if="dto.pictureList&&dto.pictureList.length>0">
|
<view class="line-gray"></view>
|
|
<view class="m-r-0">
|
<view>图片:</view>
|
</view>
|
<view class="flex">
|
<view class="m-t-12 m-r-10 " v-for="(timg,index) of dto.pictureList" :key="index">
|
<image class="arrive-img" :src="timg" @click.stop="previewImg(timg)">
|
</image>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<style lang="scss" scoped>
|
.delivery-detail-page {
|
font-weight: 400;
|
font-size: 28rpx;
|
line-height: 40rpx;
|
|
.arrive-img {
|
width: 96rpx;
|
height: 96rpx;
|
border-radius: 4rpx;
|
border: 2rpx dashed #CECECE;
|
}
|
|
.delivery-order-item {
|
.title {
|
font-weight: 600;
|
font-size: 28rpx;
|
color: #000000;
|
line-height: 40rpx;
|
|
.level {
|
font-weight: 400;
|
font-size: 28rpx;
|
color: #20613D;
|
line-height: 40rpx;
|
margin-left: 20rpx;
|
}
|
}
|
|
.buttons {
|
display: flex;
|
|
.button {
|
margin: 0 auto;
|
width: 98rpx;
|
line-height: 48rpx;
|
border-radius: 24rpx;
|
border: 2rpx solid #CECECE;
|
text-align: center;
|
font-size: 24rpx;
|
color: #666666;
|
line-height: 34rpx;
|
}
|
|
.button-0 {
|
color: #fff;
|
border: 2rpx solid #20613D;
|
background: #20613D;
|
}
|
}
|
|
.flower-img {
|
width: 128rpx;
|
height: 118rpx;
|
min-width: 128rpx;
|
min-height: 118rpx;
|
}
|
|
}
|
|
|
.delivery-info {
|
// padding: 10rpx;
|
|
|
|
.station {
|
height: 50rpx;
|
background: #C6E8D4;
|
border-radius: 4rpx;
|
padding-left: 20rpx;
|
padding-right: 20rpx;
|
min-width: 110rpx;
|
|
line-height: 50rpx;
|
}
|
}
|
}
|
</style>
|
