170 lines
4.1 KiB
Vue
170 lines
4.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="wrapper">
|
|||
|
|
<view class="tips">我的投诉信息</view>
|
|||
|
|
<u-cell-group>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="detail.goodsName"
|
|||
|
|
title="投诉商品"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="statusData[detail.complainStatus]"
|
|||
|
|
title="投诉状态"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="detail.createTime"
|
|||
|
|
title="投诉时间"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="detail.complainTopic"
|
|||
|
|
title="投诉主题"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="detail.content"
|
|||
|
|
title="投诉内容"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<view class="row" v-if="detail.orderComplaintImages">
|
|||
|
|
<u-image
|
|||
|
|
width="100rpx"
|
|||
|
|
height="100rpx"
|
|||
|
|
border-radius="10"
|
|||
|
|
style="margin: 0 10rpx"
|
|||
|
|
v-for="(item, index) in detail.orderComplaintImages"
|
|||
|
|
:key="index"
|
|||
|
|
:src="item"
|
|||
|
|
@click="preview(detail.orderComplaintImages, index)"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</u-cell-group>
|
|||
|
|
<view class="tips">商家申诉信息</view>
|
|||
|
|
<u-cell-group>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="detail.appealTime || '暂无'"
|
|||
|
|
title="申诉时间"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<u-cell-item
|
|||
|
|
:arrow="false"
|
|||
|
|
:value="detail.appealContent || '暂无'"
|
|||
|
|
title="申诉内容"
|
|||
|
|
></u-cell-item>
|
|||
|
|
<view class="row" v-if="detail.appealImagesList">
|
|||
|
|
<u-image
|
|||
|
|
width="100rpx"
|
|||
|
|
height="100rpx"
|
|||
|
|
border-radius="10"
|
|||
|
|
style="margin: 0 10rpx"
|
|||
|
|
v-for="(item, index) in detail.appealImagesList"
|
|||
|
|
@click="preview(detail.appealImagesList, index)"
|
|||
|
|
:key="index"
|
|||
|
|
:src="item"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</u-cell-group>
|
|||
|
|
<view class="tips">对话详情</view>
|
|||
|
|
<view class="speak-way" v-if="detail.orderComplaintCommunications">
|
|||
|
|
<view
|
|||
|
|
class="speak-msg seller"
|
|||
|
|
:key="i"
|
|||
|
|
v-for="(complaint, i) in detail.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="detail.arbitrationResult || '暂无'"
|
|||
|
|
></u-cell-item>
|
|||
|
|
</u-cell-group>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { getComplainDetail } from "@/api/after-sale";
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
detail: "",
|
|||
|
|
|
|||
|
|
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.detail = res.data.result;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni.hideLoading();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
mounted() {},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.row {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
}
|
|||
|
|
.speak-msg {
|
|||
|
|
padding: 26rpx 32rpx;
|
|||
|
|
> span {
|
|||
|
|
color: #999 !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.admin {
|
|||
|
|
color: $main-color;
|
|||
|
|
}
|
|||
|
|
.speak-way {
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
.wrapper {
|
|||
|
|
padding: 16rpx;
|
|||
|
|
}
|
|||
|
|
.tips {
|
|||
|
|
margin: 40rpx 0;
|
|||
|
|
}
|
|||
|
|
</style>
|