128 lines
4.0 KiB
Vue
128 lines
4.0 KiB
Vue
<template>
|
||
<view class="wrapper">
|
||
<view class="tips">我的投诉信息</view>
|
||
<u-cell-group>
|
||
<u-cell-item :arrow="false" :value="complainDetail.goodsName" title="投诉商品"></u-cell-item>
|
||
<u-cell-item :arrow="false" :value="statusData[complainDetail.complainStatus]" title="投诉状态"></u-cell-item>
|
||
<u-cell-item :arrow="false" :value="complainDetail.createTime" title="投诉时间"></u-cell-item>
|
||
<u-cell-item :arrow="false" :value="complainDetail.complainTopic" title="投诉主题"></u-cell-item>
|
||
<u-cell-item :arrow="false" :value="complainDetail.content" title="投诉内容"></u-cell-item>
|
||
<view class="row" v-if="complainDetail.orderComplaintImages">
|
||
<u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in complainDetail.orderComplaintImages" :key="index" :src="item"
|
||
@click="preview(complainDetail.orderComplaintImages, index)" />
|
||
</view>
|
||
</u-cell-group>
|
||
<view class="tips">商家申诉信息</view>
|
||
<u-cell-group>
|
||
<u-cell-item :arrow="false" :value="complainDetail.appealTime || '暂无'" title="申诉时间"></u-cell-item>
|
||
<u-cell-item :arrow="false" :value="complainDetail.appealContent || '暂无'" title="申诉内容"></u-cell-item>
|
||
<view class="row" v-if="complainDetail.appealImagesList">
|
||
<u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in complainDetail.appealImagesList"
|
||
@click="preview(complainDetail.appealImagesList, index)" :key="index" :src="item" />
|
||
</view>
|
||
</u-cell-group>
|
||
<view class="tips">对话详情</view>
|
||
<view class="speak-way" v-if="complainDetail.orderComplaintCommunications">
|
||
<view class="speak-msg seller" :key="i" v-for="(complaint, i) in complainDetail.orderComplaintCommunications">
|
||
{{
|
||
complaint.owner == "PLATFORM"
|
||
? "平台"
|
||
: complaint.owner == "BUYER"
|
||
? "买家"
|
||
: "卖家"
|
||
}}：
|
||
<span>{{ complaint.content }}</span>
|
||
</view>
|
||
</view>
|
||
<view class="speak-way" v-else>暂无对话</view>
|
||
<view class="tips">平台仲裁</view>
|
||
<u-cell-group>
|
||
<u-cell-item :arrow="false" title="仲裁意见" :value="complainDetail.arbitrationResult || '暂无'"></u-cell-item>
|
||
</u-cell-group>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { getComplainDetail } from "@/api/after-sale";
|
||
export default {
|
||
data() {
|
||
return {
|
||
complainDetail: "", //投诉详情
|
||
statusData: {
|
||
NO_APPLY: "未申请",
|
||
APPLYING: "申请中",
|
||
COMPLETE: "已完成，此时可申请",
|
||
EXPIRED: "已失效，不可申请",
|
||
CANCEL: "已取消",
|
||
},
|
||
};
|
||
},
|
||
|
||
onLoad(option) {
|
||
this.init(option.id);
|
||
},
|
||
methods: {
|
||
/**
|
||
* 点击图片放大或保存
|
||
*/
|
||
preview(urls, index) {
|
||
uni.previewImage({
|
||
current: index,
|
||
urls: urls,
|
||
longPressActions: {
|
||
itemList: ["保存图片"],
|
||
success: function (data) {},
|
||
fail: function (err) {},
|
||
},
|
||
});
|
||
},
|
||
/**
|
||
* 初始化投诉详情
|
||
*/
|
||
init(id) {
|
||
uni.showLoading({
|
||
title: "加载中",
|
||
});
|
||
getComplainDetail(id).then((res) => {
|
||
if (res.data.success) {
|
||
this.complainDetail = res.data.result;
|
||
} else {
|
||
uni.showToast({
|
||
title: res.data.message,
|
||
duration: 2000,
|
||
icon: "none",
|
||
});
|
||
}
|
||
uni.hideLoading();
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.row {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
padding: 26rpx 32rpx;
|
||
}
|
||
|
||
.speak-msg {
|
||
padding: 26rpx 32rpx;
|
||
> span {
|
||
color: #999 !important;
|
||
}
|
||
}
|
||
.admin {
|
||
color: $main-color;
|
||
}
|
||
.speak-way {
|
||
background: #fff;
|
||
}
|
||
.wrapper {
|
||
padding: 16rpx;
|
||
}
|
||
.tips {
|
||
margin: 40rpx 32rpx;
|
||
}
|
||
</style>
|