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

修改商家已处理的页面

Browse Source
This commit is contained in:
赵毅 2025-09-12 16:11:31 +08:00
parent 4098389254
commit 866ee54a0b
7 changed files with 65 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -157,14 +157,21 @@ export default {
}, },
pendingPage(item) { pendingPage(item) {
console.log("🚀 ~ pendingPage ~ item:", item) console.log("🚀 ~ pendingPage ~ item:", item)
if (item.after_sales_type === 3) { NavgateTo(`/packages/myOrders/refundOver/index?item=${JSON.stringify(item)}`);
NavgateTo(`/packages/myOrders/changeInfo/index?item=${JSON.stringify(item)}`)
} else { // if (item.after_sales_type === 3) {
NavgateTo(`/packages/myOrders/pending/index?item=${JSON.stringify(item)}`); //拒绝申请 // if (item.review_status === 2) {
// NavgateTo(`/packages/myOrders/sendBack/index?item=${JSON.stringify(item)}`); //自行寄回 // 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)}`); //退款成功 // NavgateTo(`/packages/myOrders/refundOver/index?item=${JSON.stringify(item)}`); //退款成功
// NavgateTo(`/packages/myOrders/changeInfo/index?item=${JSON.stringify(item)}`); //换货 // return;
} // }
// NavgateTo(`/packages/myOrders/pending/index?item=${JSON.stringify(item)}`);
// }
} }
}, },
}; };

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

@ -83,7 +83,7 @@
<text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text> <text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text>
<text class="goods-price"> <text class="goods-price">
{{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }} {{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }}
<text class="goods-count">X{{ currentAfterSale.commodity_order_item[0].count }}</text> <text class="goods-count">X{{ currentAfterSale.after_sales_goods.split('@')[0] }}</text>
</text> </text>
</view> </view>
</view> </view>
@ -197,6 +197,7 @@ import {
upload, upload,
NavgateTo NavgateTo
} from '../../../utils'; } from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default { export default {
data() { data() {

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

@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<!-- 进度条 --> <!-- 进度条 -->
<view class="progress-container" v-if="false"> <view class="progress-container" v-if="currentAfterSale.process_status === 1">
<view class="progress-item active"> <view class="progress-item active">
<text class="progress-text">商家处理</text> <text class="progress-text">商家处理</text>
</view> </view>
@ -15,7 +15,7 @@
</view> </view>
</view> </view>
<view class="progress-container"> <view class="progress-container" v-if="currentAfterSale.process_status === 2">
<view class="progress-item active"> <view class="progress-item active">
<text class="progress-text">商家处理</text> <text class="progress-text">商家处理</text>
</view> </view>
@ -26,13 +26,13 @@
</view> </view>
<!-- 状态提示 --> <!-- 状态提示 -->
<view class="status-tip" v-if="false"> <view class="status-tip" v-if="currentAfterSale.process_status === 1">
<text class="status-title">请等待商家处理</text> <text class="status-title">请等待商家处理</text>
<text class="status-desc"><text style="font-weight: bold;">2天</text>后商家未处理将自动同意</text> <text class="status-desc"><text style="font-weight: bold;">2天</text>后商家未处理将自动同意</text>
<text class="status-desc">您已成功发起退款申请，请耐心等待商家处理</text> <text class="status-desc">您已成功发起退款申请，请耐心等待商家处理</text>
</view> </view>
<view class="status-tip"> <view class="status-tip" v-if="currentAfterSale.review_status === 3">
<text class="status-title">商家拒绝申请,请您处理</text> <text class="status-title">商家拒绝申请,请您处理</text>
<text class="status-desc"><text style="color: #f63b08;">2天</text>后未处理将自动关闭</text> <text class="status-desc"><text style="color: #f63b08;">2天</text>后未处理将自动关闭</text>
</view> </view>
@ -91,7 +91,7 @@
</view> </view>
<!-- 操作按钮 --> <!-- 操作按钮 -->
<view class="action-buttons"> <view class="action-buttons" v-if="currentAfterSale.process_status === 1">
<button class="cancel-btn" @click="cancelRefund">撤销申请</button> <button class="cancel-btn" @click="cancelRefund">撤销申请</button>
<button class="modify-btn" @click="modifyRefund">修改申请</button> <button class="modify-btn" @click="modifyRefund">修改申请</button>
<button class="urge-btn" @click="urgeProcess">催处理</button> <button class="urge-btn" @click="urgeProcess">催处理</button>

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

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

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

@ -46,10 +46,10 @@
{{ currentAfterSale.commodity_order_item[0].goods_name }} {{ currentAfterSale.commodity_order_item[0].goods_name }}
<text class="refund-amount">退款：¥{{ currentAfterSale.refund_amount.toFixed(2) }}</text> <text class="refund-amount">退款：¥{{ currentAfterSale.refund_amount.toFixed(2) }}</text>
</text> </text>
<text class="goods-desc">{{ ite.after_sales_reason }}</text> <text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text>
<text class="goods-price"> <text class="goods-price">
{{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }} {{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }}
<text class="goods-count">X{{ currentAfterSale.commodity_order_item[0].count }}</text> <text class="goods-count">X{{ currentAfterSale.after_sales_goods.split('@')[0] }}</text>
</text> </text>
</view> </view>
</view> </view>
@ -155,6 +155,7 @@ import {
upload, upload,
NavgateTo NavgateTo
} from '../../../utils'; } from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default { export default {
data() { data() {
@ -175,7 +176,7 @@ export default {
}, },
methods: { methods: {
getServiceTypeText(type) { getServiceTypeText(type) {
return type === 1 ? '退货退款' : '仅退款'; return type === 1 ? '仅退款' : (type === 2 ? '退货退款' : '换货');
}, },
// 格式化日期 // 格式化日期
@ -237,11 +238,15 @@ export default {
confirmColor: "#ff4d4f", confirmColor: "#ff4d4f",
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
// 撤销售后接口 const params = {
id: this.currentAfterSale.id,
}
request(apiArr.revokeApply, "POST", params).then((res) => {
uni.showToast({ uni.showToast({
title: '订单撤销成功', title: '订单撤销成功',
icon: 'success' icon: 'success'
}); });
});
} }
}, },
}); });

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

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

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

@ -22,7 +22,7 @@
<view class="status-desc2">需您自行联系快递公司退回，请不要邮寄到付</view> <view class="status-desc2">需您自行联系快递公司退回，请不要邮寄到付</view>
<view class="info-item" style="border: none;"> <view class="info-item" style="border: none;">
<text class="info-label">商家地址</text> <text class="info-label">商家地址</text>
<text class="info-value">{{ currentAfterSale.after_sales_no }}</text> <text class="info-value">{{ currentAfterSale.supplier_address }}</text>
<text class="copy-icon" @click="copyAdress"></text> <text class="copy-icon" @click="copyAdress"></text>
</view> </view>
@ -44,10 +44,11 @@
{{ currentAfterSale.commodity_order_item[0].goods_name }} {{ currentAfterSale.commodity_order_item[0].goods_name }}
<text class="refund-amount">退款：¥{{ currentAfterSale.refund_amount.toFixed(2) }}</text> <text class="refund-amount">退款：¥{{ currentAfterSale.refund_amount.toFixed(2) }}</text>
</text> </text>
<text class="goods-desc">{{ ite.after_sales_reason }}</text> <text class="goods-desc">{{ currentAfterSale.commodity_order_item[0].goods_spec }}</text>
<text class="goods-price"> <text class="goods-price">
{{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }} {{ '¥' + currentAfterSale.commodity_order_item[0].sales_price.toFixed(2) + '/个' }}
<text class="goods-count">X{{ currentAfterSale.commodity_order_item[0].count }}</text> <text class="goods-count">X{{ currentAfterSale.after_sales_goods.split('@')[0] }}
</text>
</text> </text>
</view> </view>
</view> </view>
@ -83,7 +84,8 @@
<!-- 操作按钮 --> <!-- 操作按钮 -->
<view class="action-buttons"> <view class="action-buttons">
<view> <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> </view>
<button class="modify-btn" @click="modifyRefund">平台介入</button> <button class="modify-btn" @click="modifyRefund">平台介入</button>
<button class="cancel-btn" @click="cancelRefund">撤销申请</button> <button class="cancel-btn" @click="cancelRefund">撤销申请</button>
@ -99,6 +101,7 @@ import {
upload, upload,
NavgateTo NavgateTo
} from '../../../utils'; } from '../../../utils';
import { apiArr } from "../../../api/afterSale";
export default { export default {
data() { data() {
@ -118,7 +121,7 @@ export default {
}, },
methods: { methods: {
getServiceTypeText(type) { getServiceTypeText(type) {
return type === 1 ? '退货退款' : '仅退款'; return type === 1 ? '仅退款' : (type === 2 ? '退货退款' : '换货');
}, },
// 格式化日期 // 格式化日期
@ -131,7 +134,7 @@ export default {
// 赋值商家地址 // 赋值商家地址
copyAdress() { copyAdress() {
uni.setClipboardData({ uni.setClipboardData({
data: this.currentAfterSale.after_sales_no, data: this.currentAfterSale.supplier_address,
success: () => { success: () => {
uni.showToast({ uni.showToast({
title: '复制成功', title: '复制成功',
@ -180,11 +183,15 @@ export default {
confirmColor: "#ff4d4f", confirmColor: "#ff4d4f",
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
// 撤销售后接口 const params = {
id: this.currentAfterSale.id,
}
request(apiArr.revokeApply, "POST", params).then((res) => {
uni.showToast({ uni.showToast({
title: '订单撤销成功', title: '订单撤销成功',
icon: 'success' icon: 'success'
}); });
});
} }
}, },
}); });
@ -192,7 +199,7 @@ export default {
// 修改申请 // 修改申请
modifyRefund() { modifyRefund() {
NavgateTo(`../apply/index?item=${JSON.stringify(this.currentAfterSale)}`); // NavgateTo(`../apply/index?item=${JSON.stringify(this.currentAfterSale)}`);
}, },
} }
}; };