maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: maguodong:9ae7f9e0881b6ef15e7ef721f5c1aa8e17846eff
Branches Tags
maguodong:master
maguodong:feature/yi
maguodong:feature-yjs
maguodong:qjl
maguodong:myb
..
compare: maguodong:998a14c87810f2c2ec426ec4d096ef1f5b98bfc7
Branches Tags
maguodong:master
maguodong:feature/yi
maguodong:feature-yjs
maguodong:qjl
maguodong:myb

No commits in common. "9ae7f9e0881b6ef15e7ef721f5c1aa8e17846eff" and "998a14c87810f2c2ec426ec4d096ef1f5b98bfc7" have entirely different histories.
9ae7f9e088 ... 998a14c878

13 changed files with 137 additions and 269 deletions
Show Stats Expand all files Collapse all files

1
api/afterSale.js
View File

@ -6,5 +6,4 @@ export const apiArr = {
isAllow: "/api/v2/wechat/commodity/after-sales/is-allow", //判断订单是否能申请售后
revokeApply: "/api/v2/wechat/commodity/after-sales/revoke-apply", //撤销售后申请
changeGoodsList: "/api/v2/wechat/commodity/after-sales/change-goods-list", //商品售后换货商品列表
updateApply: "/api/v2/wechat/commodity/after-sales/update-apply", //商品订单售后修改申请
};

62
packages/myOrders/afterSale/index.vue
View File

@ -6,8 +6,7 @@
<view class="header">
<view class="company-info">
<text class="company-name">{{ item.commodity_order_item[0].goods_name }}</text>
<text class="after-sale-no">{{ item.after_sales_type === 1 ? '退款' : (item.after_sales_type === 2
? '退货瑞款' : '换货') }}</text>
<text class="after-sale-no">{{ item.after_sales_type === 1 ? '退款' : (item.after_sales_type === 2 ? '退货瑞款' : '换货') }}</text>
</view>
<text class="order-time">提交订单：{{ formatDate(item.create_time) }}</text>
</view>
@ -33,7 +32,7 @@
<!-- 退款状态 -->
<view class="status-container">
<view class="status-item" @click="pendingPage(item)">
<text class="status-label">{{ getStatusText(item) }}</text>
<text class="status-label">{{ getStatusText(item.after_sales_status) }}</text>
<text class="status-desc">商家将在<text style="color: #e73b05;">{{
calculateProcessingTime(item.create_time) }}</text>内处理</text>
<view class="arrow-right"></view>
@ -42,7 +41,7 @@
<!-- 操作按钮 -->
<view class="action-buttons">
<button class="modify-btn" @click="modifyApplication(item)">修改申请</button>
<button class="modify-btn" @click="modifyApplication">修改申请</button>
<button class="cancel-btn" @click="cancelApplication(item)">撤销申请</button>
</view>
</view>
@ -75,14 +74,6 @@ export default {
currentAfterSale: this.afterSaleList,
};
},
watch: {
afterSaleList: {
handler(newVal) {
this.currentAfterSale = newVal;
},
deep: true
}
},
methods: {
getList() {
const params = {
@ -97,20 +88,13 @@ export default {
this.currentAfterSale = res.after_sales_list;
});
},
getStatusText(item) {
if (item.after_sales_status === 2) {
return '已撤销';
}
if (item.process_status === 2) {
return '已完成';
} else if (item.process_status === 3) {
return '已取消';
}
const status = item.review_status;
getStatusText(status) {
// 根据状态码返回对应的状态文本
const statusMap = {
1: '商家待处理',
2: '商家已同意',
3: '商家已拒绝',
2: '已撤销',
3: '已完成',
4: '已拒绝'
};
return statusMap[status] || '未知状态';
},
@ -128,8 +112,8 @@ export default {
const seconds = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
},
modifyApplication(item) {
NavgateTo(`../apply/index?item=${JSON.stringify(item)}`);
modifyApplication() {
console.log('修改申请');
},
cancelApplication(item) {
uni.showModal({
@ -144,11 +128,7 @@ export default {
this.getList();
uni.showToast({
title: '订单撤销成功',
icon: 'success',
// duration: 1500,
// success: () => {
// this.$emit('revokeApply');
// }
icon: 'success'
});
});
}
@ -156,22 +136,10 @@ export default {
});
},
pendingPage(item) {
console.log("🚀 ~ pendingPage ~ item:", item)
// NavgateTo(`/packages/myOrders/sendBack/index?item=${JSON.stringify(item)}`);
if (item.after_sales_type === 3) {
if (item.review_status === 2) {
NavgateTo(`/packages/myOrders/sendBack/index?item=${JSON.stringify(item)}`); //自行寄回
return;
}
NavgateTo(`/packages/myOrders/changeInfo/index?item=${JSON.stringify(item)}`)
} else {
if (item.refund_completed_time) {
NavgateTo(`/packages/myOrders/refundOver/index?item=${JSON.stringify(item)}`); //退款成功
return;
}
NavgateTo(`/packages/myOrders/pending/index?item=${JSON.stringify(item)}`);
}
NavgateTo(`/packages/myOrders/pending/index?item=${JSON.stringify(item)}`); //拒绝申请
// NavgateTo(`/packages/myOrders/sendBack/index?item=${JSON.stringify(item)}`); //自行寄回
// NavgateTo(`/packages/myOrders/refundOver/index?item=${JSON.stringify(item)}`); //退款成功
// NavgateTo(`/packages/myOrders/changeInfo/index?item=${JSON.stringify(item)}`); //换货
}
},
};

82
packages/myOrders/apply/index.vue
View File

@ -72,7 +72,7 @@
退货退款</view>
<view :class="['asTab2', selectedAfterSaleType2 === 1 ? 'active' : '']"
@click="selectAfterSaleType2(1)">
退款
退货
</view>
</view>
<view class="reason-list" v-if="selectedAfterSaleType2 === 0">
@ -103,15 +103,14 @@ import {
upload,
NavgateTo
} from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default {
data() {
return {
currentAfterSale: null,
afterSalePopup2: false,
selectedAfterSaleType2: 0, // 0:退货/退款, 1:退款
afterSalePopup3: false,
selectedAfterSaleType2: 0, // 0:退货/退款, 1:退货
selectedAsReason: 0,
selectedServiceType: '',
selectedRefundReason: '',
@ -120,10 +119,9 @@ export default {
postage: 0,
refundDescription: '',
refundMethod: '自行寄回',
merchantAddress: '',
merchantContact: '',
merchantAddress: '衡水市路北街道中心北大街世纪名城41号楼',
merchantContact: '高尚 18032753127',
imgList: [],
afterSalesType: 2,
applyRefundReasons: [
'商品质量问题',
'商品与描述不符',
@ -145,10 +143,8 @@ export default {
this.currentAfterSale = item;
// 设置初始退款金额等数据
if (item) {
this.refundAmount = item.refund_amount || 0;
this.refundAmount = item.sales_price || 0;
this.maxRefundAmount = item.sales_price || 0;
this.merchantAddress = item.supplier_address || '未设置';
this.merchantContact = `${item.supplier_name} ${item.supplier_phone}` || '未设置';
}
},
methods: {
@ -157,13 +153,12 @@ export default {
this.afterSalePopup2 = false;
},
closeAfterSalePopup3() {
this.afterSalePopup3 = false;
},
// 选择售后类型
selectAfterSaleType2(index) {
if (index == 0) {
this.afterSalesType = 2;
} else {
this.afterSalesType = 1;
}
this.selectedAfterSaleType2 = index;
},
@ -174,7 +169,7 @@ export default {
// 确认退款原因选择
confirmAfterSaleCancel2() {
const afterSaleTypes = ['退货退款', '退款'];
const afterSaleTypes = ['退货退款', '退货'];
const selectedType = afterSaleTypes[this.selectedAfterSaleType2];
console.log('选中的售后类型:', selectedType);
@ -196,6 +191,7 @@ export default {
// 打开选择服务类型或退款原因弹窗
openAfterSalePopup2(type) {
this.afterSalePopup3 = false;
this.afterSalePopup2 = true;
},
@ -217,14 +213,16 @@ export default {
// 修改退款金额
modifyRefundAmount() {
console.log('修改退款金额');
// 这里可以添加修改退款金额的逻辑
},
// 查看地址详情
viewAddressDetails() {
console.log('查看地址详情');
// 这里可以添加查看地址详情的逻辑
},
// 提交修改申请
// 提交退款申请
submitRefundApplication() {
if (!this.selectedServiceType || !this.selectedRefundReason) {
uni.showToast({
@ -234,38 +232,26 @@ export default {
return;
}
const params = {
id: this.currentAfterSale.id,
after_sales_type: this.afterSalesType,
after_sales_reason: this.selectedRefundReason,
refund_amount: this.refundAmount,
application_description: this.refundDescription,
application_images: this.imgList && this.imgList.length > 0 ?
this.imgList.map(img => img.url).join(',') : '',
receiving_address: this.merchantAddress
}
console.log("🚀 ~ submitRefundApplication ~ params:", params)
request(apiArr.updateApply, "POST", params).then((res) => {
uni.showToast({
title: '申请提交成功',
icon: 'success'
});
// 输出弹窗中的所有内容
const refundInfo = {
serviceType: this.selectedServiceType,
refundReason: this.selectedRefundReason,
refundAmount: this.refundAmount,
maxRefundAmount: this.maxRefundAmount,
postage: this.postage,
refundDescription: this.refundDescription,
refundMethod: this.refundMethod,
merchantAddress: this.merchantAddress,
merchantContact: this.merchantContact,
imgList: this.imgList
};
console.log('提交退款申请:', refundInfo);
// 构造更新后的数据
const updatedAfterSale = {
...this.currentAfterSale,
after_sales_type: this.afterSalesType,
after_sales_reason: this.selectedRefundReason,
refund_amount: this.refundAmount,
application_description: this.refundDescription,
application_images: this.imgList && this.imgList.length > 0 ?
this.imgList.map(img => img.url).join(',') : ''
};
setTimeout(() => {
this.currentAfterSale = updatedAfterSale;
uni.setStorageSync('afterSaleItem', updatedAfterSale);
}, 1500);
this.afterSalePopup3 = false;
// 这里可以添加提交后的处理逻辑
uni.showToast({
title: '退款申请提交成功',
icon: 'success'
});
}
}

5
packages/myOrders/changeInfo/index.css
View File

@ -213,9 +213,12 @@ page {
.goods-desc {
font-size: 26rpx;
color: #999999;
color: #ff4d4f;
background-color: #fff2f0;
padding: 4rpx 12rpx;
border-radius: 8rpx;
display: inline-block;
margin: 10rpx 0;
}
.goods-price {

41
packages/myOrders/changeInfo/index.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="container page">
<!-- 进度指示器 -->
<view class="process-steps_top" v-if="currentAfterSale.process_status === 1">
<view class="process-steps_top" v-if="false">
<view class="step-item">
<view class="step-line"></view>
<view class="step-circle active"></view>
@ -30,15 +30,15 @@
</view>
</view>
<view class="status-tip" v-if="currentAfterSale.process_status === 3">
<view class="status-tip" v-if="false">
<text class="status-title">换货关闭</text>
<text class="status-desc">{{ formatDate(currentAfterSale.revoke_time) }}</text>
<text class="status-desc">2025年7月25日 11:30</text>
<text class="status-desc">由于您主动撤销换货申请,换货关闭。</text>
</view>
<view class="status-tip" v-if="currentAfterSale.review_status === 3">
<view class="status-tip">
<text class="status-title">换货关闭</text>
<text class="status-desc">{{ formatDate(currentAfterSale.review_time) }}</text>
<text class="status-desc">2025年7月25日 11:30</text>
<text class="status-desc" style="color: #f63b08;">商家拒绝了您的换货申请,换货关闭</text>
</view>
@ -59,14 +59,16 @@
class="copy-icon" @click="copyRefundNo"/> -->
</view>
</view>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/af_update_address.png"
class="icon_2" />
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/af_update_address.png" class="icon_2" />
</view>
</view>
</view>
<button class="addOrderIdBtn" @click="addOrderId">填写单号</button>
</view>
<!-- 商品信息 -->
<view>
<view class="goods-info">
@ -80,10 +82,10 @@
v-if="currentAfterSale.commodity_order_item[0].is_support_same_day === 1">当日达</text>
{{ currentAfterSale.commodity_order_item[0].goods_name }}
</text>
<text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text>
<text class="goods-desc">{{ ite.after_sales_reason }}</text>
<text class="goods-price">
{{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }}
<text class="goods-count">X{{ currentAfterSale.after_sales_goods.split('@')[0] }}</text>
<text class="goods-count">X{{ currentAfterSale.commodity_order_item[0].count }}</text>
</text>
</view>
</view>
@ -103,7 +105,7 @@
</view>
<view class="info-item">
<text class="info-label">换货数量</text>
<text class="info-value">{{ currentAfterSale.change_goods }}</text>
<text class="info-value">{{ currentAfterSale.commodity_order_item[0].count }}</text>
</view>
<view class="info-item">
<text class="info-label">申请时间</text>
@ -116,7 +118,7 @@
</view>
<view class="info-item">
<text class="info-label">收货地址</text>
<text class="info-value">{{ currentAfterSale.receiving_address }}</text>
<text class="info-value">{{ currentAfterSale.user_address }}</text>
</view>
<view class="info-item" v-if="false">
<text class="info-label">退款完结</text>
@ -126,7 +128,7 @@
</view>
<!-- 操作按钮 -->
<view class="action-buttons" v-if="currentAfterSale.process_status === 1">
<view class="action-buttons" v-if="false">
<button class="cancel-btn" @click="cancelRefund">撤销申请</button>
<button class="urge-btn" @click="modifyRefund">修改申请</button>
</view>
@ -197,7 +199,6 @@ import {
upload,
NavgateTo
} from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default {
data() {
@ -218,7 +219,7 @@ export default {
},
methods: {
getServiceTypeText(type) {
return type === 1 ? '仅退款' : (type === 2 ? '退货退款' : '换货');
return type === 1 ? '退货退款' : '仅退款';
},
// 格式化日期
@ -280,14 +281,10 @@ export default {
confirmColor: "#ff4d4f",
success: (res) => {
if (res.confirm) {
const params = {
id: this.currentAfterSale.id,
}
request(apiArr.revokeApply, "POST", params).then((res) => {
uni.showToast({
title: '订单撤销成功',
icon: 'success'
});
// 撤销售后接口
uni.showToast({
title: '订单撤销成功',
icon: 'success'
});
}
},

22
packages/myOrders/index/index.vue
View File

@ -16,7 +16,7 @@
<rated />
</view>
<view v-if="selectedTab === 8">
<afterSale :afterSaleList="afterSaleList" @revokeApply="revokeApply" />
<afterSale :afterSaleList="afterSaleList" />
</view>
<view v-else>
<view v-for="(item, index) in orderData" :key="index">
@ -337,7 +337,6 @@ export default {
})
})
this.orderData = res.order_list;
this.getAfterSaleList();
});
},
getAfterSaleList() {
@ -346,26 +345,21 @@ export default {
}
request(afterSaleApi.afterSalesList, "POST", params).then((res) => {
res.after_sales_list.forEach(item => {
item.commodity_order_item?.forEach(good => {
good.commodity_pic = picUrl + good.commodity_pic;
})
// 处理退货图片，多个URL用逗号分隔
if (item.return_images) {
const images = item.return_images.split(',');
const processedImages = images.map(img => picUrl + img).join(',');
item.return_images = processedImages;
}
})
this.afterSaleList = res.after_sales_list;
});
},
// 处理订单撤销成功事件
revokeApply() {
this.getOrderList();
}
},
onLoad(options) {
this.getOrderList();
},
onShow() {
this.getOrderList();
uni.removeStorageSync('afterSaleItem')
this.getAfterSaleList();
},
};
</script>

36
packages/myOrders/index/popup/afterSale/index.vue
View File

@ -273,10 +273,7 @@ export default {
showSize: false,//选择款式弹窗
currentGG: {},//当前选择的款式
currentGGIndex: 0,
afterSalesType: 2, // 服务类型 1:仅退款 2:退货退款 3:换货
merchantContact: '', // 商家信息
merchantAddress: '', // 商家地址
afterSalesType: 0, // 服务类型 1:仅退款 2:退货退款 3:换货
refundDescription: '',
refundMethod: '自行寄回',
@ -364,9 +361,6 @@ export default {
console.log('售后商品 - 选中的售后类型:', selectedType);
console.log('选中的售后商品:', this.selectedAsGood);
this.merchantContact = `${this.orderItem.supplier_name} ${this.orderItem.supplier_phone}`;
this.merchantAddress = this.orderItem.supplier_address;
this.afterSalePopup = false;
this.afterSalePopup2 = true;
},
@ -516,8 +510,8 @@ export default {
postage: 0, // 假设邮费为0
refundDescription: this.refundDescription,
refundMethod: this.refundMethod,
merchantAddress: this.orderItem.supplier_address,
merchantContact: `${this.orderItem.supplier_name} ${this.orderItem.supplier_phone}`,
merchantAddress: this.orderItem.receiving_address,
merchantContact: `${this.orderItem.receiving_name} ${this.orderItem.receiving_phone}`,
imgList: this.imgList,
changeServiceId: this.changeServiceId,
};
@ -526,29 +520,7 @@ export default {
this.afterSalePopup3 = false;
// 触发父组件事件，传递退款信息
this.$emit('refundSubmitted', refundInfo);
// 重置弹窗中的数据为默认值
this.resetAfterSaleData();
},
// 重置售后数据为默认值
resetAfterSaleData() {
this.selectedAsGood = '';
this.selectedAfterSaleType = 0; // 0:退货/退款, 1:换货
this.selectedAfterSaleType2 = 0; // 0:退货/退款, 1:退款
this.selectedAsReason = 0;
this.selectedReason = 0; // 换货原因
this.selectedServiceType = '';
this.selectedRefundReason = '';
this.changeRefundReason = ''; // 换货原因回显
this.changeServiceName = ''; // 换货商品回显
this.changeServiceId = ''; // 换货商品id
this.changeGoodsList = []; // 换货商品列表
this.currentGG = {}; // 当前选择的款式
this.currentGGIndex = 0;
this.refundDescription = '';
this.imgList = [];
},
}
}
};
</script>

26
packages/myOrders/pending/index.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="container">
<!-- 进度条 -->
<view class="progress-container" v-if="currentAfterSale.process_status === 1">
<view class="progress-container" v-if="false">
<view class="progress-item active">
<text class="progress-text">商家处理</text>
</view>
@ -15,7 +15,7 @@
</view>
</view>
<view class="progress-container" v-if="currentAfterSale.process_status === 2">
<view class="progress-container">
<view class="progress-item active">
<text class="progress-text">商家处理</text>
</view>
@ -26,13 +26,13 @@
</view>
<!-- 状态提示 -->
<view class="status-tip" v-if="currentAfterSale.process_status === 1">
<view class="status-tip" v-if="false">
<text class="status-title">请等待商家处理</text>
<text class="status-desc"><text style="font-weight: bold;">2天</text>后商家未处理将自动同意</text>
<text class="status-desc">您已成功发起退款申请，请耐心等待商家处理</text>
</view>
<view class="status-tip" v-if="currentAfterSale.review_status === 3">
<view class="status-tip">
<text class="status-title">商家拒绝申请,请您处理</text>
<text class="status-desc"><text style="color: #f63b08;">2天</text>后未处理将自动关闭</text>
</view>
@ -91,7 +91,7 @@
</view>
<!-- 操作按钮 -->
<view class="action-buttons" v-if="currentAfterSale.process_status === 1">
<view class="action-buttons">
<button class="cancel-btn" @click="cancelRefund">撤销申请</button>
<button class="modify-btn" @click="modifyRefund">修改申请</button>
<button class="urge-btn" @click="urgeProcess">催处理</button>
@ -117,6 +117,7 @@
</template>
<script>
import { apiArr } from "../../../api/afterSale";
import {
isPhone,
@ -138,27 +139,14 @@ export default {
// 初始化日期选择器默认值为当前申请时间
this.pickerDefaultDate = new Date(this.currentAfterSale.create_time);
},
onShow() {
const storageAfterSale = uni.getStorageSync('afterSaleItem');
if (storageAfterSale) {
this.currentAfterSale = storageAfterSale;
uni.removeStorageSync('afterSaleItem');
}
},
onLoad(options) {
const item = JSON.parse(options?.item);
console.log("🚀 ~ onLoad ~ item:", item)
this.currentAfterSale = item;
},
// 添加onBackPress生命周期钩子，处理左上角返回按钮点击事件
onBackPress() {
// 确保使用uni.navigateBack()返回上一页，触发index页面的onShow生命周期
uni.navigateBack();
return true; // 阻止默认返回行为
},
methods: {
getServiceTypeText(type) {
return type === 1 ? '退款' : (type === 2 ? '退货退款' : '换货');
return type === 1 ? '退货退款' : '仅退款';
},
// 格式化日期

23
packages/myOrders/refundOver/index.css
View File

@ -107,7 +107,6 @@
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.asGoodTag {
@ -142,9 +141,12 @@
.goods-desc {
font-size: 26rpx;
color: #999999;
color: #ff4d4f;
background-color: #fff2f0;
padding: 4rpx 12rpx;
border-radius: 8rpx;
display: inline-block;
margin: 10rpx 0;
}
.goods-price {
@ -162,9 +164,10 @@
.refund-amount {
font-size: 28rpx;
align-self: flex-start;
margin-top: 20rpx;
font-weight: 500;
position: absolute;
right: 10rpx;
position: relative;
left: 140rpx;
}
.refund-info {
@ -259,18 +262,6 @@
text-align: center;
}
.moneyGo-btn{
width: 220rpx;
height: 80rpx;
background-color: #ff370b;
color: #ffffff;
border: none;
border-radius: 40rpx;
font-size: 28rpx;
line-height: 80rpx;
text-align: center;
}
.bottomImg{
width: 70rpx;
height: 80rpx;

37
packages/myOrders/refundOver/index.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="container">
<!-- 进度条 -->
<view class="progress-container">
<view class="progress-container" v-if="false">
<view class="progress-item">
<text class="progress-text">商家处理</text>
</view>
@ -15,7 +15,7 @@
</view>
</view>
<view class="progress-container" v-if="false">
<view class="progress-container">
<view class="progress-item">
<text class="progress-text">商家处理</text>
</view>
@ -46,10 +46,10 @@
{{ currentAfterSale.commodity_order_item[0].goods_name }}
<text class="refund-amount">退款：¥{{ currentAfterSale.refund_amount.toFixed(2) }}</text>
</text>
<text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text>
<text class="goods-desc">{{ ite.after_sales_reason }}</text>
<text class="goods-price">
{{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }}
<text class="goods-count">X{{ currentAfterSale.after_sales_goods.split('@')[0] }}</text>
<text class="goods-count">X{{ currentAfterSale.commodity_order_item[0].count }}</text>
</text>
</view>
</view>
@ -87,12 +87,12 @@
</view>
<!-- 操作按钮 -->
<view class="action-buttons">
<button class="modify-btn" @click="shippingDetails">寄件详情</button>
<button class="moneyGo-btn" @click="moneyGo">钱款去向</button>
<view class="action-buttons" v-if="false">
<button class="modify-btn" @click="modifyRefund">寄件详情</button>
<button class="cancel-btn" @click="moneyGo">钱款去向</button>
</view>
<view class="action-buttons" v-if="false">
<view class="action-buttons">
<button class="cancel-btn" @click="cancelRefund">撤销申请</button>
<button class="urge-btn" @click="modifyRefund">修改申请</button>
</view>
@ -104,7 +104,7 @@
<!-- 弹窗头部 -->
<view class="popup-header">
<text class="header-title">退款总额 ¥{{ currentAfterSale.refund_amount ?
currentAfterSale.refund_amount.toFixed(2) : '0.00' }}</text>
currentAfterSale.refund_amount.toFixed(2) : '34.18' }}</text>
<text class="close-btn" @click="closeMoneyGoPopup">取消</text>
</view>
@ -118,7 +118,7 @@
</view>
<text class="method-text">退回微信</text>
<text class="method-amount">{{ currentAfterSale.refund_amount ? '¥' +
currentAfterSale.refund_amount.toFixed(2) : '¥0.0' }}</text>
currentAfterSale.refund_amount.toFixed(2) : '¥34.18' }}</text>
</view>
</view>
<!-- 退款状态 -->
@ -155,7 +155,6 @@ import {
upload,
NavgateTo
} from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default {
data() {
@ -176,7 +175,7 @@ export default {
},
methods: {
getServiceTypeText(type) {
return type === 1 ? '仅退款' : (type === 2 ? '退货退款' : '换货');
return type === 1 ? '退货退款' : '仅退款';
},
// 格式化日期
@ -237,15 +236,11 @@ export default {
confirmText: "确认撤销",
confirmColor: "#ff4d4f",
success: (res) => {
if (res.confirm) {
const params = {
id: this.currentAfterSale.id,
}
request(apiArr.revokeApply, "POST", params).then((res) => {
uni.showToast({
title: '订单撤销成功',
icon: 'success'
});
if (res.confirm) {
// 撤销售后接口
uni.showToast({
title: '订单撤销成功',
icon: 'success'
});
}
},

4
packages/myOrders/returnLogistics/index.vue
View File

@ -137,9 +137,9 @@ export default {
};
console.log('提交物流信息:', logisticsInfo);
// 显示成功提示
// 这里可以添加提交后的处理逻辑
uni.showToast({
title: '提交成功',
title: '物流信息提交成功',
icon: 'success'
});
}

11
packages/myOrders/sendBack/index.css
View File

@ -108,7 +108,6 @@
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.asGoodTag {
@ -143,9 +142,12 @@
.goods-desc {
font-size: 26rpx;
color: #999999;
color: #ff4d4f;
background-color: #fff2f0;
padding: 4rpx 12rpx;
border-radius: 8rpx;
display: inline-block;
margin: 10rpx 0;
}
.goods-price {
@ -163,9 +165,10 @@
.refund-amount {
font-size: 28rpx;
align-self: flex-start;
margin-top: 20rpx;
font-weight: 500;
position: absolute;
right: 10rpx;
position: relative;
left: 140rpx;
}
.refund-info {

56
packages/myOrders/sendBack/index.vue
View File

@ -22,15 +22,11 @@
<view class="status-desc2">需您自行联系快递公司退回，请不要邮寄到付</view>
<view class="info-item" style="border: none;">
<text class="info-label">商家地址</text>
<text class="info-value">{{ currentAfterSale.supplier_address }}</text>
<text class="info-value">{{ currentAfterSale.after_sales_no }}</text>
<text class="copy-icon" @click="copyAdress"></text>
</view>
<button class="addOrderIdBtn" @click="addOrderId" v-if="true">填写单号</button>
<view class="logistics-info" v-else>
<text>退货物流：</text>
<text v-if="false"></text>
</view>
<button class="addOrderIdBtn" @click="addOrderId">填写单号</button>
</view>
<view class="hr"></view>
@ -48,11 +44,10 @@
{{ currentAfterSale.commodity_order_item[0].goods_name }}
<text class="refund-amount">退款：¥{{ currentAfterSale.refund_amount.toFixed(2) }}</text>
</text>
<text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text>
<text class="goods-desc">{{ ite.after_sales_reason }}</text>
<text class="goods-price">
{{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }}
<text class="goods-count">X{{ currentAfterSale.after_sales_goods.split('@')[0] }}
</text>
<text class="goods-count">X{{ currentAfterSale.commodity_order_item[0].count }}</text>
</text>
</view>
</view>
@ -87,10 +82,8 @@
<!-- 操作按钮 -->
<view class="action-buttons">
<!-- 填写完物流单号后不显示图片和平台介入按钮 -->
<view>
<image class="bottomImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/secdBack_bottom.png"
alt="" />
<image class="bottomImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/secdBack_bottom.png" alt=""/>
</view>
<button class="modify-btn" @click="modifyRefund">平台介入</button>
<button class="cancel-btn" @click="cancelRefund">撤销申请</button>
@ -106,14 +99,12 @@ import {
upload,
NavgateTo
} from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default {
data() {
return {
currentAfterSale: {},
pickerDefaultDate: new Date(),
logisticsInfo: null
pickerDefaultDate: new Date()
};
},
created() {
@ -124,25 +115,10 @@ export default {
const item = JSON.parse(options?.item);
console.log("🚀 ~ onLoad ~ item:", item)
this.currentAfterSale = item;
this.getLogisticsInfo();
},
onShow() {
// 页面显示时检查是否有新的物流信息
this.getLogisticsInfo();
},
methods: {
// 获取物流信息
getLogisticsInfo() {
const info = uni.getStorageSync('logisticsInfo');
if (info) {
this.logisticsInfo = info;
// 可选：清空storage，避免下次进入还显示旧数据
// uni.removeStorageSync('logisticsInfo');
}
},
getServiceTypeText(type) {
return type === 1 ? '仅退款' : (type === 2 ? '退货退款' : '换货');
return type === 1 ? '退货退款' : '仅退款';
},
// 格式化日期
@ -155,7 +131,7 @@ export default {
// 赋值商家地址
copyAdress() {
uni.setClipboardData({
data: this.currentAfterSale.supplier_address,
data: this.currentAfterSale.after_sales_no,
success: () => {
uni.showToast({
title: '复制成功',
@ -171,7 +147,7 @@ export default {
});
},
addOrderId() {
addOrderId(){
NavgateTo(`../returnLogistics/index?item=${JSON.stringify(this.currentAfterSale)}`);
},
@ -204,14 +180,10 @@ export default {
confirmColor: "#ff4d4f",
success: (res) => {
if (res.confirm) {
const params = {
id: this.currentAfterSale.id,
}
request(apiArr.revokeApply, "POST", params).then((res) => {
uni.showToast({
title: '订单撤销成功',
icon: 'success'
});
// 撤销售后接口
uni.showToast({
title: '订单撤销成功',
icon: 'success'
});
}
},
@ -220,7 +192,7 @@ export default {
// 修改申请
modifyRefund() {
// NavgateTo(`../apply/index?item=${JSON.stringify(this.currentAfterSale)}`);
NavgateTo(`../apply/index?item=${JSON.stringify(this.currentAfterSale)}`);
},
}
};