|
|
@@ -12,7 +12,7 @@
|
|
|
<text class="product-name-compact">{{res.name}}</text>
|
|
|
<view class="product-meta">
|
|
|
<text class="stock-info">{{parseFloat(res.num)}}份 X ¥{{parseFloat(res.unitPrice)}}</text>
|
|
|
- <text class="available-info">可退: {{Number(res.num)-Number(res.refundNum)}}份</text>
|
|
|
+ <text class="available-info">可退 {{Number(res.num)-Number(res.refundNum)}}份</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="refund-control">
|
|
|
@@ -49,7 +49,7 @@
|
|
|
<text class="product-name-compact">{{res.name}}</text>
|
|
|
<view class="product-meta">
|
|
|
<text class="stock-info">{{parseFloat(res.num)}}{{res.unitName}} X ¥{{parseFloat(res.unitPrice)}}</text>
|
|
|
- <text class="available-info">可退: {{Number(res.num)-Number(res.refundNum)}}{{res.unitName}}</text>
|
|
|
+ <text class="available-info">可退 {{Number(res.num)-Number(res.refundNum)}}{{res.unitName}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="refund-control">
|
|
|
@@ -93,9 +93,12 @@
|
|
|
<text class="amount-label">订单金额</text>
|
|
|
<view class="amount-value">
|
|
|
<text class="price-text">¥{{parseFloat(orderInfo.orderPrice)||0}}</text>
|
|
|
- <text class="refunded-text" v-if="Number(orderInfo.tkPrice)>0">
|
|
|
- 已退 ¥{{orderInfo.tkPrice ? parseFloat(orderInfo.tkPrice) : 0}}
|
|
|
- </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="amount-row" v-if="Number(orderInfo.tkPrice)>0">
|
|
|
+ <text class="amount-label">已退金额</text>
|
|
|
+ <view class="amount-value">
|
|
|
+ <text class="refunded-text">¥{{orderInfo.tkPrice ? parseFloat(orderInfo.tkPrice) : 0}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="amount-row">
|
|
|
@@ -110,7 +113,7 @@
|
|
|
class="amount-input"
|
|
|
type="digit"
|
|
|
v-model="refundMoney"
|
|
|
- placeholder="请输入退款金额"
|
|
|
+ placeholder="请输入"
|
|
|
placeholder-style="color:#999"
|
|
|
@focus="clearRefundMoney">
|
|
|
</view>
|
|
|
@@ -396,7 +399,7 @@ export default {
|
|
|
margin-right: 20upx;
|
|
|
|
|
|
.product-name-compact {
|
|
|
- font-size: 28upx;
|
|
|
+ font-size: 30upx;
|
|
|
font-weight: 600;
|
|
|
color: #333;
|
|
|
line-height: 1.3;
|
|
|
@@ -405,6 +408,7 @@ export default {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
+ width: 360upx;
|
|
|
}
|
|
|
|
|
|
.product-meta {
|
|
|
@@ -413,7 +417,7 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
.stock-info {
|
|
|
- font-size: 26upx;
|
|
|
+ font-size: 28upx;
|
|
|
color: #666;
|
|
|
background: #f5f5f5;
|
|
|
padding: 4upx 8upx;
|
|
|
@@ -421,7 +425,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.available-info {
|
|
|
- font-size: 26upx;
|
|
|
+ font-size: 28upx;
|
|
|
color: #ff6b35;
|
|
|
background: rgba(255, 107, 53, 0.1);
|
|
|
padding: 4upx 8upx;
|
|
|
@@ -543,7 +547,7 @@ export default {
|
|
|
border: 1upx solid #ddd;
|
|
|
border-radius: 8upx;
|
|
|
padding: 0 20upx;
|
|
|
- min-width: 300upx;
|
|
|
+ width: 210upx;
|
|
|
|
|
|
&:focus-within {
|
|
|
border-color: #09c567;
|
|
|
@@ -563,6 +567,7 @@ export default {
|
|
|
font-weight: 500;
|
|
|
border: none;
|
|
|
background: transparent;
|
|
|
+ width: 135upx;
|
|
|
}
|
|
|
}
|
|
|
|
