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>
|