dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

前端

Browse Source
This commit is contained in:
@QQNZX 2024-03-05 10:06:08 +08:00
parent 4237f313e8
commit 8166cc9a1b
1 changed files with 28 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
gasStation-uni/pagesHome/oilRecharge/oilRecharge.vue
View File

@ -9,29 +9,31 @@
<view class="my-icons"></view> <view class="my-icons"></view>
</view> </view>
<!-- 顶部区域 --> <!-- 顶部区域 -->
<!-- <view class="tap-box"> <view class="tap-box">
<view class="box-tap" :class="{ 'act' :actinput == index }" v-for="(item,index) in taplist" :key="index" <view class="box-tap" :class="{ 'act' :types == index }" v-for="(item,index) in taplist" :key="index"
@click="getindex(index)"> @click="getindex(index)">
<view class="title">{{item.title}}</view> <view class="title">{{item.title}}</view>
<view class="gang" :class="{ 'actgang' : actinput == index }"></view> <view class="gang" :class="{ 'actgang' : types == index }"></view>
</view> </view>
</view> --> </view>
<!-- 储值充值 --> <!-- 储值充值 -->
<view class="boxback" v-if="actinput == 0"> <view class="boxback" v-if="actinput == 0">
<view class="box_s" v-for="(item,index) in actList" :key="index"> <view class="box_s" v-for="(item,index) in actList" :key="index">
{{item.discountActiveDescribe || ''}} {{item.discountActiveDescribe || ''}}
</view> </view>
<view style="display: flex; align-items: center; justify-content: space-around;"> <!-- <view style="display: flex; align-items: center; justify-content: space-around;">
<view class="" @click="types = 0"> <u-button type="primary" text="自定义金额"></u-button></view> <view class="" @click="types = 0"> <u-button type="primary" text="自定义金额"></u-button></view>
<view class="" @click="types = 1"> <u-button type="primary" :plain="true" text="金额选项"></u-button> <view class="" @click="types = 1"> <u-button type="primary" :plain="true" text="金额选项"></u-button>
</view> </view>
</view> </view> -->
<view class="inputbox" v-if="types == 0"> <view class="inputbox"
style="border-bottom: 1px solid #e7f1ff; box-sizing: border-box; padding-bottom: 15px;"
v-if="types == 1">
<view class="cadname" style="width: 38%;">自定义金额</view> <view class="cadname" style="width: 38%;">自定义金额</view>
<input type="text" v-model="rechargeBalance" placeholder="请输入自定义金额" /> <input type="text" v-model="balance" placeholder="请输入自定义金额" />
</view> </view>
<view class="box-cz" v-if="types == 1"> <view class="box-cz" v-if="types == 0">
<view class="box-jg" :class="{ 'actbox' : actindex == index }" v-for="(item,index) in cardValueList" <view class="box-jg" :class="{ 'actbox' : actindex == index }" v-for="(item,index) in cardValueList"
:key="index" :key="index"
@click="xzindex(index,item.rechargeBalance,item.fringeBenefit,item.giftBalance,item.points,item.growthValue,item.count,item.id)"> @click="xzindex(index,item.rechargeBalance,item.fringeBenefit,item.giftBalance,item.points,item.growthValue,item.count,item.id)">
@ -207,6 +209,7 @@
text: '', text: '',
fringeBenefit: "", fringeBenefit: "",
giftBalance: "", giftBalance: "",
balance: '',
rechargeBalance: "", rechargeBalance: "",
incomeLitres: "", incomeLitres: "",
lockupPrice: "", lockupPrice: "",
@ -220,13 +223,10 @@
columns: [], columns: [],
actList: [], actList: [],
taplist: [{ taplist: [{
title: '储值充值' title: '金额选项'
}, },
{ {
title: '囤油充值' title: '自定义金额'
},
{
title: '礼品卡兑换'
}, },
], ],
@ -406,7 +406,7 @@
chainStoreId: this.chainStoreId, chainStoreId: this.chainStoreId,
cardFavorableId: this.cardFavorableId, cardFavorableId: this.cardFavorableId,
cardRecordId: this.cardRecordId, cardRecordId: this.cardRecordId,
rechargeBalance: this.rechargeBalance, balance: this.balance,
types: this.types types: this.types
}, },
@ -542,13 +542,14 @@
this.actindex = index this.actindex = index
}, },
getindex(index) { getindex(index) {
this.actinput = index // this.actinput = index
if (index == 0) { this.types = index
this.getValueCars(); // if (index == 0) {
} // this.getValueCars();
if (index == 1) { // }
this.getFuelCars(); // if (index == 1) {
} // this.getFuelCars();
// }
}, },
goback() { goback() {
uni.navigateBack() uni.navigateBack()
@ -692,7 +693,7 @@
} }
.box-tap { .box-tap {
width: 33%; width: 50%;
text-align: center; text-align: center;
} }
@ -841,5 +842,9 @@
margin: 10px auto; margin: 10px auto;
font-size: 14px; font-size: 14px;
color: #f40000; color: #f40000;
box-sizing: border-box;
padding: 5px;
border-radius: 6px;
background: #f4f5f6;
} }
</style> </style>