|
@@ -13,20 +13,22 @@
|
|
|
|
|
|
<view class="recharge-options">
|
|
<view class="recharge-options">
|
|
<view
|
|
<view
|
|
- class="recharge-option flex justify_between"
|
|
|
|
|
|
+ class="recharge-option flex justify_between flex_column"
|
|
v-for="(opt,idx) in rechargeOptions"
|
|
v-for="(opt,idx) in rechargeOptions"
|
|
:key="idx"
|
|
:key="idx"
|
|
>
|
|
>
|
|
- <view class="recharge-val flex align_center justify_center">
|
|
|
|
- <text>¥{{ opt.rechargeAmount }}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="recharge-option-content flex_1">
|
|
|
|
- <view><text class="gift-text">充值{{ opt.rechargeAmount }}元送{{ opt.giveAmount }}元抵扣</text></view>
|
|
|
|
- <view class="gift-remark">{{opt.remarks||''}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="recharge-btn flex align_center justify_center" @tap="handleRecharge(opt)">
|
|
|
|
- <text>去充值</text>
|
|
|
|
|
|
+ <view class="flex justify_between align_center">
|
|
|
|
+ <view class="recharge-val flex align_center justify_center">
|
|
|
|
+ <text>¥{{ opt.rechargeAmount }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="recharge-option-content flex_1">
|
|
|
|
+ <view><text class="gift-text">充值{{ opt.rechargeAmount }}元送{{ opt.giveAmount }}元抵扣</text></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="recharge-btn flex align_center justify_center" @tap="handleRecharge(opt)">
|
|
|
|
+ <text>去充值</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="gift-remark" v-if="opt.remarks">{{opt.remarks||''}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -95,8 +97,8 @@ export default {
|
|
getStoreAccount(){
|
|
getStoreAccount(){
|
|
storeAccount({storeSn:this.shelfInfo.storeSn}).then(res => {
|
|
storeAccount({storeSn:this.shelfInfo.storeSn}).then(res => {
|
|
this.$store.state.vuex_storeAccount = res.data
|
|
this.$store.state.vuex_storeAccount = res.data
|
|
- this.balanceList[0].value = res.data.rechargeBalance
|
|
|
|
- this.balanceList[1].value = res.data.giveBalance
|
|
|
|
|
|
+ this.balanceList[0].value = Number(res.data.rechargeBalance||0).toFixed(2)
|
|
|
|
+ this.balanceList[1].value = Number(res.data.giveBalance||0).toFixed(2)
|
|
this.balanceList.splice()
|
|
this.balanceList.splice()
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -221,29 +223,31 @@ export default {
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
.recharge-option {
|
|
.recharge-option {
|
|
- min-height: 60px;
|
|
|
|
background: #fff;
|
|
background: #fff;
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
box-shadow: 0 4rpx 12rpx rgba(30,144,255,0.1);
|
|
box-shadow: 0 4rpx 12rpx rgba(30,144,255,0.1);
|
|
|
|
+ > view{
|
|
|
|
+ &:first-child{
|
|
|
|
+ min-height: 60px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.recharge-option-content{
|
|
.recharge-option-content{
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
- line-height: 1.8;
|
|
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
.gift-text {
|
|
.gift-text {
|
|
color: #333;
|
|
color: #333;
|
|
- font-size: 28rpx;
|
|
|
|
|
|
+ font-size: 26rpx;
|
|
}
|
|
}
|
|
.recharge-val{
|
|
.recharge-val{
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
color: red;
|
|
color: red;
|
|
- background: #fff2de;
|
|
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
- width: 150rpx;
|
|
|
|
|
|
+ width: 180rpx;
|
|
border-right: 1px dashed #fbdbd1;
|
|
border-right: 1px dashed #fbdbd1;
|
|
}
|
|
}
|
|
.recharge-btn{
|
|
.recharge-btn{
|
|
@@ -260,6 +264,9 @@ export default {
|
|
.gift-remark{
|
|
.gift-remark{
|
|
color: #999;
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
|
+ border-top: 1px dashed #fbdbd1;
|
|
|
|
+ line-height: 1.8;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|