✨ 发起退货：100%
YunaiV
parent
b95e711f80
commit
08b6b38c05
10
pages.json
10
pages.json
|
|
@ -193,6 +193,16 @@
|
|||
"title": "申请售后"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "aftersale/return-delivery",
|
||||
"style": {
|
||||
"navigationBarTitleText": "退货物流"
|
||||
},
|
||||
"meta": {
|
||||
"auth": true,
|
||||
"title": "退货物流"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "aftersale/list",
|
||||
"style": {
|
||||
|
|
|
|||
|
|
@ -89,10 +89,13 @@
|
|||
<s-empty v-if="isEmpty(state.info) && state.loading" icon="/static/order-empty.png" text="暂无该订单售后详情" />
|
||||
<su-fixed bottom placeholder bg="bg-white" v-if="!isEmpty(state.info)">
|
||||
<view class="foot_box">
|
||||
<!-- TODO 功能缺失：填写退货信息 -->
|
||||
<button class="ss-reset-button btn" v-if="state.info.buttons?.includes('cancel')"
|
||||
@tap="onApply(state.info.id)">
|
||||
取消申请
|
||||
</button>
|
||||
<button class="ss-reset-button btn" v-if="state.info.buttons?.includes('delivery')"
|
||||
@tap="sheep.$router.go('/pages/order/aftersale/return-delivery', { id: state.info.id })">
|
||||
填写退货
|
||||
</button>
|
||||
<button class="ss-reset-button contcat-btn btn" @tap="sheep.$router.go('/pages/chat/index')">
|
||||
联系客服
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
<template>
|
||||
<s-layout>
|
||||
<!-- title='退货物流' -->
|
||||
<!-- 不知为何加上页面就错误 -->
|
||||
<s-layout title="退货物流">
|
||||
<view>
|
||||
<form @submit="subRefund" report-submit='true'>
|
||||
<view class='apply-return'>
|
||||
|
|
@ -9,17 +7,18 @@
|
|||
<view class='item acea-row row-between-wrapper' style="display: flex;align-items: center;">
|
||||
<view>物流公司</view>
|
||||
<picker mode='selector' class='num' @change="bindPickerChange" :value="state.expressIndex"
|
||||
:range="state.expresses" range-key="name">
|
||||
:range="state.expresses" range-key="name">
|
||||
<view class="picker acea-row row-between-wrapper">
|
||||
<view class='reason'>{{ state.expresses[state.expressIndex].name }}</view>
|
||||
<text class='iconfont icon-jiantou'></text>
|
||||
<!-- TODO 芋艿：这里样式有问题，少了 > 按钮 -->
|
||||
<text class='iconfont icon-jiantou' />
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class='item textarea acea-row row-between' style="display: flex;align-items: center;">
|
||||
<view>物流单号</view>
|
||||
<input placeholder='请填写物流单号' class='num' name="logisticsNo"
|
||||
placeholder-class='placeholder' />
|
||||
placeholder-class='placeholder' />
|
||||
</view>
|
||||
<button class='returnBnt bg-color ss-reset-button ui-BG-Main-Gradient sub-btn'
|
||||
form-type="submit"
|
||||
|
|
@ -32,77 +31,57 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import sheep from '@/sheep';
|
||||
import {
|
||||
onLoad,
|
||||
onReachBottom,
|
||||
onPullDownRefresh
|
||||
} from '@dcloudio/uni-app';
|
||||
import {
|
||||
computed,
|
||||
watch,
|
||||
ref,
|
||||
reactive,
|
||||
unref
|
||||
} from 'vue';
|
||||
const state = reactive({
|
||||
expressIndex: 0,
|
||||
expresses: [{
|
||||
"id": 1,
|
||||
"name": "申通快递"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"name": "顺丰速运"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"name": "中通快递"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"name": "韵达快递"
|
||||
}
|
||||
], //模拟物流公司数组
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { reactive } from 'vue';
|
||||
import sheep from '@/sheep';
|
||||
import AfterSaleApi from '@/sheep/api/trade/afterSale';
|
||||
import DeliveryApi from '@/sheep/api/trade/delivery';
|
||||
|
||||
const state = reactive({
|
||||
id: 0, // 售后编号
|
||||
expressIndex: 0, // 选中的 expresses 下标
|
||||
expresses: [], // 可选的快递列表
|
||||
})
|
||||
|
||||
function bindPickerChange(e) {
|
||||
state.expressIndex = e.detail.value;
|
||||
}
|
||||
|
||||
function subRefund(e) {
|
||||
const formData = e.detail.value;
|
||||
console.log(formData, '表单数据');
|
||||
console.log(state.expresses[state.expressIndex].id, '物流公司id');
|
||||
return;
|
||||
// 下面是参考逻辑
|
||||
AfterSaleApi.deliveryAfterSale({
|
||||
id: this.id,
|
||||
logisticsId: this.expresses[this.expressIndex].id,
|
||||
logisticsNo: formData.logisticsNo,
|
||||
}).then(res => {
|
||||
this.$util.Tips({
|
||||
title: '填写退货成功',
|
||||
icon: 'success'
|
||||
}, {
|
||||
tab: 5,
|
||||
url: '/pages/users/user_return_detail/index?id=' + this.id
|
||||
});
|
||||
}).catch(err => {
|
||||
return this.$util.Tips({
|
||||
title: err
|
||||
});
|
||||
})
|
||||
async function subRefund(e) {
|
||||
let data = {
|
||||
id: state.id,
|
||||
logisticsId: state.expresses[state.expressIndex].id,
|
||||
logisticsNo: e.detail.value.logisticsNo,
|
||||
};
|
||||
const { code } = await AfterSaleApi.deliveryAfterSale(data);
|
||||
if (code !== 0) {
|
||||
return;
|
||||
}
|
||||
uni.showToast({
|
||||
title: '填写退货成功',
|
||||
});
|
||||
sheep.$router.go('/pages/order/aftersale/detail', { id: state.id });
|
||||
}
|
||||
|
||||
function getList() {
|
||||
|
||||
// 获得快递物流列表
|
||||
async function getExpressList() {
|
||||
const { code, data } = await DeliveryApi.getDeliveryExpressList();
|
||||
if (code !== 0) {
|
||||
return;
|
||||
}
|
||||
state.expresses = data;
|
||||
}
|
||||
onLoad(() => {
|
||||
// 拿退货编号
|
||||
|
||||
onLoad(options => {
|
||||
if (!options.id) {
|
||||
sheep.$helper.toast(`缺少订单信息，请检查`);
|
||||
return
|
||||
}
|
||||
state.id = options.id;
|
||||
// 获得快递物流列表
|
||||
getExpressList();
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.apply-return {
|
||||
padding: 20rpx 30rpx 70rpx 30rpx;
|
||||
|
|
@ -38,6 +38,14 @@ const AfterSaleApi = {
|
|||
afterSaleId,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 退回货物
|
||||
deliveryAfterSale: (data) => {
|
||||
return request({
|
||||
url: `/app-api/trade/after-sale/delivery`,
|
||||
method: 'PUT',
|
||||
data,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,13 @@
|
|||
import request from '@/sheep/request';
|
||||
|
||||
const DeliveryApi = {
|
||||
// 获得快递公司列表
|
||||
getDeliveryExpressList: () => {
|
||||
return request({
|
||||
url: `/app-api/trade/delivery/express/list`,
|
||||
method: 'get',
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
export default DeliveryApi;
|
||||
Loading…
Reference in New Issue