<script>
|
export default {
|
data() {
|
return {
|
dto: {
|
id: '',
|
feedBack: '',
|
createTime: '',
|
reply: '',
|
replyTime: '',
|
type: '',
|
pictures: [],
|
},
|
id: '',
|
|
};
|
},
|
async onLoad(options) {
|
this.id = options.id || ''
|
|
|
await this.init()
|
|
},
|
|
methods: {
|
async init() {
|
this.$message.showLoading()
|
const {
|
data
|
} = await this.$http.request('get', '/api/feedback/page/view?id=' + this.id, {})
|
|
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 flex">
|
<view class="flex1 desc">
|
<view class="name">投诉反馈类型：{{ dto.typeStr || dto.type || '-'}}</view>
|
|
<view class="name">投诉反馈内容：{{ dto.feedBack || '-'}}</view>
|
<view class="name">提交时间：{{ dto.createTime || '-' }}</view>
|
<view class="line-gray"></view>
|
<view class="name">回复内容：{{ dto.reply || '-'}}</view>
|
<view class="name">回复时间：{{ dto.replyTime || '-' }}</view>
|
</view>
|
</view>
|
|
|
</view>
|
<view class="m-t-12 flex" v-if="dto.pictures&&dto.pictures.length>0">
|
<view class="m-l-15 m-r-0 station">
|
<view>投诉反馈图片</view>
|
</view>
|
<view class="m-t-12 m-r-10 " v-for="(timg,index) of dto.pictures" :key="index">
|
<image class="arrive-img" :src="timg" @click.stop="previewImg(timg)">
|
</image>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<style lang="scss" scoped>
|
.delivery-detail-page {
|
.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;
|
}
|
|
.each-list {
|
display: flex;
|
flex-wrap: wrap;
|
margin-top: 6rpx;
|
|
.each-item {
|
min-width: 30%;
|
max-width: 40%;
|
text-align: center;
|
margin-left: 0rpx;
|
margin-right: auto;
|
display: flex;
|
|
.label {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #666666;
|
text-align: left;
|
padding-right: 10rpx;
|
}
|
|
.label::after {
|
content: ": "
|
}
|
|
.value {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #666666;
|
}
|
}
|
}
|
}
|
|
.popup-check-form {
|
background: #FFFFFF;
|
border-radius: 16rpx;
|
// width: 690rpx;
|
height: 882rpx;
|
margin-top: 120rpx;
|
margin-left: 30rpx;
|
margin-right: 30rpx;
|
padding: 24rpx 36rpx;
|
|
.check-img {
|
width: 96rpx;
|
height: 96rpx;
|
border-radius: 4rpx;
|
border: 2rpx dashed #CECECE;
|
}
|
|
.submit {
|
margin-top: 30rpx;
|
|
.form-input {
|
height: 36rpx;
|
line-height: 36rpx;
|
}
|
|
.value-item {
|
min-width: 152rpx;
|
width: fit-content;
|
text-align: center;
|
height: 58rpx;
|
background: #F1F5F2;
|
border-radius: 36rpx;
|
margin-bottom: 18rpx;
|
font-weight: 400;
|
font-size: 28rpx;
|
line-height: 58rpx;
|
padding: 8rpx 24rpx;
|
color: #33a868;
|
margin-left: 16rpx;
|
margin-right: 16rpx;
|
border: 2rpx solid #F1F5F2;
|
}
|
|
.value-item.cur {
|
background: #E1F0E7;
|
border-radius: 36rpx;
|
border: 2rpx solid #20613D;
|
color: #20613D;
|
|
}
|
}
|
}
|
|
.delivery-info {
|
padding: 20rpx;
|
|
.desc {
|
font-weight: 400;
|
font-size: 28rpx;
|
color: #666666;
|
line-height: 40rpx;
|
}
|
|
.station {
|
height: 50rpx;
|
background: #C6E8D4;
|
border-radius: 4rpx;
|
padding-left: 20rpx;
|
padding-right: 20rpx;
|
min-width: 110rpx;
|
|
line-height: 50rpx;
|
}
|
}
|
}
|
</style>
|
