|
|
@@ -1,12 +1,12 @@
|
|
|
<!--
|
|
|
- 跨天售后确认弹框
|
|
|
- 用途:隔天/已结账售后二次确认;资金默认原路,不再选手选 fundType。
|
|
|
- mode=purchase:上游采购文案(退回采购账户余额)
|
|
|
+ 跨天售后确认弹框(居中)
|
|
|
+ 用途:隔天/已结账售后二次确认;样式对齐当天售后中间弹框。
|
|
|
+ 谁用:admin/order/refund.vue
|
|
|
-->
|
|
|
<template>
|
|
|
<view v-if="show" class="mask" @click="onCancel">
|
|
|
<view class="panel" @click.stop>
|
|
|
- <view class="title">退款确认</view>
|
|
|
+ <view class="title">提示</view>
|
|
|
<view class="tip">{{ tipText }}</view>
|
|
|
<view class="btns">
|
|
|
<button class="popup-btn cancel" @click="onCancel">取消</button>
|
|
|
@@ -21,12 +21,13 @@ export default {
|
|
|
name: 'forward-options-popup',
|
|
|
props: {
|
|
|
show: { type: Boolean, default: false },
|
|
|
- // 已结账单当天售后也走隔天口径
|
|
|
+ // 已结账单当天售后也走隔天口径(兼容旧调用)
|
|
|
orderCleared: { type: Boolean, default: false },
|
|
|
// free=无原单退款;purchase=上游采购隔天
|
|
|
mode: { type: String, default: '' }
|
|
|
},
|
|
|
computed: {
|
|
|
+ /** 默认与当天售后一致;特殊 mode 保留说明文案 */
|
|
|
tipText() {
|
|
|
if (this.mode === 'free') {
|
|
|
return '无关联销售单:退货回库;资金请在成功页确认按原路退回或返充余额。'
|
|
|
@@ -37,10 +38,8 @@ export default {
|
|
|
}
|
|
|
return '本次售后不减采购实付,只会算作今天退款;金额将退回采购账户余额。'
|
|
|
}
|
|
|
- if (this.orderCleared) {
|
|
|
- return '订单已结账,本次售后不减订单实付,只会算今天退款;资金将原路退回。'
|
|
|
- }
|
|
|
- return '本次售后不减订单实付,只会算今天退款;资金将原路退回。'
|
|
|
+ // 订单售后:与当天确认弹框文案一致
|
|
|
+ return '确认退款?'
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -64,28 +63,32 @@ export default {
|
|
|
background: rgba(0, 0, 0, 0.45);
|
|
|
z-index: 1000;
|
|
|
display: flex;
|
|
|
- align-items: flex-end;
|
|
|
+ align-items: center;
|
|
|
justify-content: center;
|
|
|
+ padding: 0 60upx;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
.panel {
|
|
|
width: 100%;
|
|
|
+ max-width: 620upx;
|
|
|
background: #fff;
|
|
|
- border-radius: 24upx 24upx 0 0;
|
|
|
- padding: 36upx 32upx calc(24upx + env(safe-area-inset-bottom));
|
|
|
+ border-radius: 24upx;
|
|
|
+ padding: 40upx 32upx 36upx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
.title {
|
|
|
- font-size: 46upx;
|
|
|
+ font-size: 36upx;
|
|
|
font-weight: bold;
|
|
|
color: #333;
|
|
|
text-align: center;
|
|
|
- margin-bottom: 16upx;
|
|
|
+ margin-bottom: 24upx;
|
|
|
}
|
|
|
.tip {
|
|
|
- font-size: 38upx;
|
|
|
+ font-size: 32upx;
|
|
|
color: #666;
|
|
|
- line-height: 1.6;
|
|
|
- margin-bottom: 60upx;
|
|
|
+ line-height: 1.5;
|
|
|
+ margin-bottom: 48upx;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.btns {
|
|
|
display: flex;
|
|
|
@@ -93,15 +96,17 @@ export default {
|
|
|
}
|
|
|
.popup-btn {
|
|
|
flex: 1;
|
|
|
- height: 100upx;
|
|
|
- line-height: 100upx;
|
|
|
+ height: 88upx;
|
|
|
+ line-height: 88upx;
|
|
|
border-radius: 12upx;
|
|
|
- font-size: 36upx;
|
|
|
+ font-size: 32upx;
|
|
|
margin: 0 10upx;
|
|
|
+ border: none;
|
|
|
}
|
|
|
.popup-btn.cancel {
|
|
|
- background: #f5f5f5;
|
|
|
+ background: #f8f8f8;
|
|
|
color: #666;
|
|
|
+ border: 1upx solid #e5e5e5;
|
|
|
}
|
|
|
.popup-btn.confirm {
|
|
|
background: #3385ff;
|