|
|
@@ -1,5 +1,27 @@
|
|
|
<template>
|
|
|
<view class="refund-page">
|
|
|
+
|
|
|
+ <!-- 退款方式选择卡片 -->
|
|
|
+ <view class="card-section">
|
|
|
+ <view class="section-title">
|
|
|
+ <text class="title-text">退款方式</text>
|
|
|
+ </view>
|
|
|
+ <view class="refund-type-buttons">
|
|
|
+ <button
|
|
|
+ class="admin-button-com big"
|
|
|
+ :class="refundType==1?'blue':'default'"
|
|
|
+ @tap="refundType=1">
|
|
|
+ 退货并退款
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ class="admin-button-com big"
|
|
|
+ :class="refundType==2?'blue':'default'"
|
|
|
+ @tap="refundType=2">
|
|
|
+ 只退款
|
|
|
+ </button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<!-- 商品选择卡片 -->
|
|
|
<view class="card-section">
|
|
|
<view class="section-title">
|
|
|
@@ -121,27 +143,6 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 退款方式选择卡片 -->
|
|
|
- <view class="card-section">
|
|
|
- <view class="section-title">
|
|
|
- <text class="title-text">退款方式</text>
|
|
|
- </view>
|
|
|
- <view class="refund-type-buttons">
|
|
|
- <button
|
|
|
- class="admin-button-com big"
|
|
|
- :class="refundType==1?'blue':'default'"
|
|
|
- @tap="refundType=1">
|
|
|
- 退货并退款
|
|
|
- </button>
|
|
|
- <button
|
|
|
- class="admin-button-com big"
|
|
|
- :class="refundType==2?'blue':'default'"
|
|
|
- @tap="refundType=2">
|
|
|
- 只退款
|
|
|
- </button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
<!-- 备注卡片 -->
|
|
|
<view class="card-section">
|
|
|
<view class="section-title">
|
|
|
@@ -202,7 +203,7 @@ export default {
|
|
|
goodsInfoList:[],
|
|
|
itemInfoList:[],
|
|
|
refundMoney:0,
|
|
|
- refundType:0,
|
|
|
+ refundType:1,
|
|
|
remark:'',
|
|
|
orderInfo:{},
|
|
|
coundRefundPrice:0,
|
|
|
@@ -313,10 +314,6 @@ export default {
|
|
|
uni.showToast({title:'请选择商品',icon:'none'})
|
|
|
return;
|
|
|
}
|
|
|
- if(this.refundType==0){
|
|
|
- uni.showToast({title:'请选择退款方式',icon:'none'})
|
|
|
- return false
|
|
|
- }
|
|
|
// 显示确认退款弹框
|
|
|
this.showRefundModal = true
|
|
|
},
|
|
|
@@ -414,7 +411,6 @@ export default {
|
|
|
padding: 30upx 30upx 20upx;
|
|
|
display: flex;
|
|
|
gap: 30upx;
|
|
|
-
|
|
|
.admin-button-com {
|
|
|
flex: 1;
|
|
|
border-radius: 12upx;
|
|
|
@@ -443,9 +439,7 @@ export default {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
- &:active {
|
|
|
- background: #f0f8ff;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.product-basic-info {
|
|
|
@@ -524,7 +518,6 @@ export default {
|
|
|
|
|
|
&:focus {
|
|
|
border-color: #09c567;
|
|
|
- box-shadow: 0 0 0 2upx rgba(9, 197, 103, 0.2);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -580,6 +573,7 @@ export default {
|
|
|
.refunded-text {
|
|
|
font-size: 32upx;
|
|
|
font-weight: 600;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
|
|
|
&.available-amount {
|
|
|
@@ -599,9 +593,7 @@ export default {
|
|
|
padding: 0 20upx;
|
|
|
width: 190upx;
|
|
|
|
|
|
- &:focus-within {
|
|
|
- border-color: #09c567;
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
.currency-symbol {
|
|
|
font-size: 28upx;
|
|
|
@@ -639,9 +631,7 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
resize: none;
|
|
|
|
|
|
- &:focus {
|
|
|
- border-color: #09c567;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
// 底部操作按钮
|
