first commit
This commit is contained in:
wangxiaowei
262
pages/order/refund/detail/detail.vue
Normal file
262
pages/order/refund/detail/detail.vue
Normal file
@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<view class="order-refund-detail pb100">
|
||||
<!--售后状态-->
|
||||
<view class="order-state d-s-c">
|
||||
<view class="icon-box"><span class="icon iconfont icon-gantanhao"></span></view>
|
||||
<view class="state-cont flex-1">
|
||||
<view class="state-txt d-b-c">
|
||||
<text class="desc f34">{{detail.state_text}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dot-bg"></view>
|
||||
</view>
|
||||
|
||||
<!--商品信息-->
|
||||
<view class="p30 mt20 bg-white">
|
||||
<view class="one-product border-b-e d-s-c pb20">
|
||||
<view class="cover">
|
||||
<image :src="detail.orderproduct.image.file_path" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="flex-1">
|
||||
<view class="pro-info">{{detail.orderproduct.product_name}}</view>
|
||||
<view class="pt10 p-0-30">
|
||||
<text class="f24 gray9">
|
||||
<!--斤:10斤; 颜色:红; 出产地:北方; 销量:大于1000; 大小:直径1分米; 口感:甜;-->
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-e-c pt20 lh150">
|
||||
<view class="f24">
|
||||
商品金额：
|
||||
<text class="red">¥{{detail.orderproduct.total_price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-e-c pt10 lh150">
|
||||
<view class="f24">
|
||||
订单实付金额：
|
||||
<text class="red">¥{{detail.orderproduct.total_pay_price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-e-c pt10 lh150" v-if="detail.order_master.order_source==80">
|
||||
<view class="f24" v-if="detail.orderproduct.advance">
|
||||
定金({{detail.orderproduct.advance.money_return?'可退':'不可退'}})：
|
||||
<text class="red">¥{{detail.orderproduct.advance.pay_price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 已退款金额 -->
|
||||
<view class="group bg-white" v-if=" detail.status.value == 20 && detail.type.value == 10 ">
|
||||
<text class="gray9">已退款金额：</text>
|
||||
<text class="gray9">￥{{ detail.refund_money }}</text>
|
||||
</view>
|
||||
|
||||
<!--申请售后信息-->
|
||||
<view class="group bg-white f24">
|
||||
<view class="p-20-0 border-b f34">
|
||||
申请退货信息
|
||||
</view>
|
||||
<view class="p-20-0 f28">
|
||||
<text class="gray9">售后类型：</text>
|
||||
<text>{{detail.type.text}}</text>
|
||||
</view>
|
||||
<view class="p-20-0 f28">
|
||||
<text class="gray9">申请原因：</text>
|
||||
<text>
|
||||
{{detail.apply_desc||''}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="p-20-0 upload-list d-s-s f28">
|
||||
<text class="gray9">申请凭证：</text>
|
||||
<view class="d-s-s f-w">
|
||||
<block v-if="detail.image.length>0">
|
||||
<view class="item" v-for="(imgs,img_num) in detail.image" :key="img_num">
|
||||
<image :src="imgs.file_path" mode="aspectFit"></image>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
无
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 售后信息-->
|
||||
<view v-if="detail.status.value == 10" class="group bg-white">
|
||||
<view class="p-20-0 border-b f34">
|
||||
拒绝理由
|
||||
</view>
|
||||
<view class="p-20-0">
|
||||
<text class="red f28">{{ detail.refuse_desc }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!--退货地址-->
|
||||
<view class="group bg-white" v-if="detail.is_agree.value == 10 && detail.address">
|
||||
<view class="p-20-0 border-b f34">
|
||||
退货地址
|
||||
</view>
|
||||
<view class="pt30 f28">
|
||||
<text class="gray9">收货人：</text>
|
||||
<text>{{detail.address.name}}</text>
|
||||
</view>
|
||||
<view class="pt30 f28">
|
||||
<text class="gray9">联系电话：</text>
|
||||
<text>{{detail.address.phone}}</text>
|
||||
</view>
|
||||
<view class="pt30 f28">
|
||||
<text class="gray9">详情地址：</text>
|
||||
<text>{{detail.address.detail}}</text>
|
||||
</view>
|
||||
<view class="pt30 f28" v-if="detail.express_no">
|
||||
<text class="gray9">物流公司：</text>
|
||||
<text>{{detail.express.express_name}}</text>
|
||||
</view>
|
||||
<view class="pt30 f28" v-if="detail.express_no">
|
||||
<text class="gray9">物流单号：</text>
|
||||
<text>{{detail.express_no}}</text>
|
||||
</view>
|
||||
<view class="pt30 f28" v-if="detail.is_plate_send">
|
||||
<text class="gray9">换货物流公司：</text>
|
||||
<text>{{detail.sendexpress.express_name}}</text>
|
||||
</view>
|
||||
<view class="pt30 f28" v-if="detail.is_plate_send"
|
||||
@click="gotoPage('/pages/order/express/refund-express?order_id=' + detail.order_refund_id);">
|
||||
<text class="gray9">换货物流单号：</text>
|
||||
<text>{{detail.send_express_no}}</text>
|
||||
</view>
|
||||
<view class="mt20 pb20 border-t gray9">
|
||||
<view class="pt20">
|
||||
· 未与卖家协商一致情况下，请勿寄到付或平邮
|
||||
</view>
|
||||
<view class="pt10">
|
||||
· 请填写真实有效物流信息
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 填写物流信息 -->
|
||||
<form @submit="formSubmit"
|
||||
v-if="detail.type.value !=30 && detail.is_agree.value == 10 && detail.is_user_send == 0 " report-submit>
|
||||
<view class="group bg-white">
|
||||
<view class="p-20-0 border-b f34">
|
||||
填写物流信息
|
||||
</view>
|
||||
<view class="p-20-0 d-s-c">
|
||||
<view class="gray9">物流公司：</view>
|
||||
<view class="flex-1 p20 border">
|
||||
<picker mode="selector" @change="onExpressChange" :range="expressList" range-key="express_name"
|
||||
:value="index">
|
||||
<text v-if="index > -1 ">{{expressList[index].express_name}}</text>
|
||||
<text v-else class="col-80">请选择物流公司</text>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="p-20-0 d-s-c">
|
||||
<view class="gray9">物流单号：</view>
|
||||
<view class="flex-1 border">
|
||||
<input class="p10" placeholder="请填写物流单号" name="express_no"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt20">
|
||||
<button class="btn-red" formType="submit">确认发货</button>
|
||||
</view>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
/*是否加载完成*/
|
||||
loadding: true,
|
||||
indicatorDots: true,
|
||||
autoplay: true,
|
||||
interval: 2000,
|
||||
duration: 500,
|
||||
expressList: {},
|
||||
index: -1,
|
||||
order_refund_id: 0,
|
||||
/*退货详情*/
|
||||
detail: {
|
||||
address: {},
|
||||
},
|
||||
express_id: 0,
|
||||
/*消息模板*/
|
||||
temlIds: [],
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
this.order_refund_id = e.order_refund_id;
|
||||
},
|
||||
mounted() {
|
||||
/*获取详情*/
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
/*获取数据*/
|
||||
getData() {
|
||||
let self = this;
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
let order_refund_id = self.order_refund_id;
|
||||
self._get(
|
||||
'user.refund/detail', {
|
||||
order_refund_id: order_refund_id,
|
||||
platform: self.getPlatform()
|
||||
},
|
||||
function(res) {
|
||||
uni.hideLoading();
|
||||
self.detail = res.data.detail;
|
||||
self.expressList = res.data.expressList;
|
||||
self.temlIds = res.data.template_arr;
|
||||
}
|
||||
);
|
||||
},
|
||||
/*选择物流*/
|
||||
onExpressChange: function(e) {
|
||||
this.index = e.target.value;
|
||||
this.express_id = this.expressList[this.index].express_id;
|
||||
},
|
||||
|
||||
/*发货*/
|
||||
formSubmit: function(e) {
|
||||
let self = this;
|
||||
var formdata = e.detail.value;
|
||||
formdata.order_refund_id = self.order_refund_id;
|
||||
formdata.express_id = self.express_id;
|
||||
let callback = function() {
|
||||
uni.showLoading({
|
||||
title: '正在提交',
|
||||
mask: true
|
||||
});
|
||||
self._post('user.refund/delivery', formdata, function(res) {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 3000,
|
||||
complete: function() {
|
||||
self.gotoPage(
|
||||
'/pages/order/refund/detail/detail?order_refund_id=' +
|
||||
self.order_refund_id, 'redirectTo');
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
self.subMessage(self.temlIds, callback);
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.order-refund-detail .btn-red {
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 44rpx;
|
||||
box-shadow: 0 8rpx 16rpx 0 rgba(226, 35, 26, .6);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user