oil-station/gasStation-uni/unpackage/dist/dev/mp-weixin/pagesHome/oilRecharge/oilRecharge.wxml

<view class="content data-v-428f0c8e"><view class="container data-v-428f0c8e"><view class="my-header data-v-428f0c8e"><view data-event-opts="{{[['tap',[['goback',['$event']]]]]}}" class="my-icons data-v-428f0c8e" bindtap="__e"><uni-icons vue-id="0f518326-1" type="left" size="16" class="data-v-428f0c8e" bind:__l="__l"></uni-icons></view><block wx:if="{{actinput==0}}"><view class="my-text data-v-428f0c8e">电子储值卡</view></block><block wx:if="{{actinput==1}}"><view class="my-text data-v-428f0c8e">电子囤油卡</view></block><block wx:if="{{actinput==2}}"><view class="my-text data-v-428f0c8e">电子礼品卡</view></block><view class="my-icons data-v-428f0c8e"></view></view><block wx:if="{{actinput==0}}"><view class="tap-box data-v-428f0c8e"><block wx:for="{{taplist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['getindex',[index]]]]]}}" class="{{['box-tap','data-v-428f0c8e',(types==index)?'act':'']}}" bindtap="__e"><view class="title data-v-428f0c8e">{{item.title}}</view><view class="{{['gang','data-v-428f0c8e',(types==index)?'actgang':'']}}"></view></view></block></view></block><block wx:if="{{actinput==0}}"><view class="boxback data-v-428f0c8e"><swiper class="swiper data-v-428f0c8e" style="width:100%;height:70px;" circular="{{true}}" autoplay="{{autoplay}}" interval="{{interval}}" vertical="{{true}}" duration="{{duration}}"><block wx:for="{{actList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="conttainer-box data-v-428f0c8e"><view class="box_s data-v-428f0c8e">{{''+(item.discountActiveDescribe||'')+''}}</view></swiper-item></block></swiper><block wx:if="{{types==1}}"><view class="inputbox data-v-428f0c8e" style="border-bottom:1px solid #e7f1ff;box-sizing:border-box;padding-bottom:15px;"><view class="cadname data-v-428f0c8e" style="width:38%;">自定义金额</view><input type="text" placeholder="请输入自定义金额" data-event-opts="{{[['input',[['__set_model',['','balance','$event',[]]],['changeBalance',['$event']]]]]}}" value="{{balance}}" bindinput="__e" class="data-v-428f0c8e"/></view></block><block wx:if="{{types==0}}"><view class="box-cz data-v-428f0c8e"><block wx:for="{{cardValueList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['xzindex',[index,'$0','$1','$2','$3','$4','$5','$6'],[[['cardValueList','',index,'rechargeBalance']],[['cardValueList','',index,'fringeBenefit']],[['cardValueList','',index,'giftBalance']],[['cardValueList','',index,'points']],[['cardValueList','',index,'growthValue']],[['cardValueList','',index,'count']],[['cardValueList','',index,'id']]]]]]]}}" class="{{['box-jg','data-v-428f0c8e',(actindex==index)?'actbox':'']}}" bindtap="__e"><view class="{{['s-title','data-v-428f0c8e',(actindex==index)?'actsize':'']}}">￥<text style="font-weight:bold;" class="data-v-428f0c8e"></text>{{item.rechargeBalance}}</view><view class="{{['min-size','data-v-428f0c8e',(actindex==index)?'actsize':'']}}">{{"售价￥"+item.rechargeBalance+''}}</view></view></block></view></block><view class="box-hui data-v-428f0c8e"><view style="margin-bottom:15px;" class="data-v-428f0c8e">{{"充值"+text+"元权益"}}</view><block wx:for="{{shuomingList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="huisize data-v-428f0c8e">{{''+(index+1)+"."+(item||"")+''}}</view></block></view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="box-gang data-v-428f0c8e" bindtap="__e"><view class="data-v-428f0c8e">推荐员工</view><view style="display:flex;align-items:center;" class="data-v-428f0c8e"><view class="data-v-428f0c8e">{{yname}}</view><uni-icons vue-id="0f518326-2" type="right" size="14" class="data-v-428f0c8e" bind:__l="__l"></uni-icons></view></view><view class="bottom-box data-v-428f0c8e"><view data-event-opts="{{[['tap',[['addValueCarRecords']]]]}}" class="anniu data-v-428f0c8e" bindtap="__e"><text class="data-v-428f0c8e">立即充值</text></view><view data-event-opts="{{[['tap',[['goRechargeRecords',[1]]]]]}}" class="dibu data-v-428f0c8e" bindtap="__e"><view class="data-v-428f0c8e">充值记录</view><uni-icons vue-id="0f518326-3" type="right" color="#1678ff" size="14" class="data-v-428f0c8e" bind:__l="__l"></uni-icons></view><view class="box-hui data-v-428f0c8e"><view style="margin-bottom:15px;" class="data-v-428f0c8e">服务说明</view><view class="huisize data-v-428f0c8e">1.该服务为电子储值卡直充服务，仅限本站使用</view><view class="huisize data-v-428f0c8e">2.请确认充值类型正确后再付款，一经充值不支持退款；</view></view></view></view></block><block wx:if="{{actinput==1}}"><view class="boxback data-v-428f0c8e"><swiper class="swiper data-v-428f0c8e" style="width:100%;height:70px;" circular="{{true}}" autoplay="{{autoplay}}" interval="{{interval}}" vertical="{{true}}" duration="{{duration}}"><block wx:for="{{cardList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="conttainer-box data-v-428f0c8e"><view class="box_s data-v-428f0c8e">{{''+(item.discountActiveDescribe||'')+''}}</view></swiper-item></block></swiper><view class="box-cz data-v-428f0c8e" style="margin-top:20px;"><block wx:for="{{cardFuleList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['fuleindex',[index,'$0','$1','$2'],[[['cardFuleList','',index,'rechargeBalance']],[['cardFuleList','',index,'points']],[['cardFuleList','',index,'id']]]]]]]}}" class="{{['data-v-428f0c8e',(actindex==index)?'actbox':'']}}" style="display:flex;justify-content:space-around;width:98%;border-radius:8px;border:1px solid #e2e2e2;box-sizing:border-box;padding:10px;margin:5px;height:60px;line-height:18px;" bindtap="__e"><view class="{{['data-v-428f0c8e',(actindex==index)?'actsize':'']}}" style="font-size:16px;font-weight:bold;line-height:40px;">{{item.oilType}}</view><view class="{{['min-size1','data-v-428f0c8e',(actindex==index)?'actsize':'']}}"><view class="data-v-428f0c8e">国标油价</view><view class="data-v-428f0c8e">{{item.gbPrice+"￥/L"}}</view></view><view class="{{['min-size1','data-v-428f0c8e',(actindex==index)?'actsize':'']}}"><view class="data-v-428f0c8e">本站油价</view><view class="data-v-428f0c8e">{{item.oilPrice+"￥/L"}}</view></view><view class="{{['min-size1','data-v-428f0c8e',(actindex==index)?'actsize':'']}}"><view class="data-v-428f0c8e">锁价活动价</view><view class="data-v-428f0c8e">{{item.lockPrice+"￥/L"}}</view></view><view class="{{['min-size1','data-v-428f0c8e',(actindex==index)?'actsize':'']}}"><view class="data-v-428f0c8e">锁价满足金额</view><view class="data-v-428f0c8e">{{item.rechargeBalance+"￥"}}</view></view></view></block></view><view class="box-hui data-v-428f0c8e"><view style="margin-bottom:15px;" class="data-v-428f0c8e">{{"充值"+text+"元权益"}}</view><block wx:for="{{shuomingFList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="huisize data-v-428f0c8e">{{''+(index+1)+"."+(item||"")+''}}</view></block></view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="box-gang data-v-428f0c8e" bindtap="__e"><view class="data-v-428f0c8e">推荐员工</view><view style="display:flex;align-items:center;" class="data-v-428f0c8e"><view class="data-v-428f0c8e">{{yname}}</view><uni-icons vue-id="0f518326-4" type="right" size="14" class="data-v-428f0c8e" bind:__l="__l"></uni-icons></view></view><view class="bottom-box data-v-428f0c8e"><view data-event-opts="{{[['tap',[['addFuleCarRecords']]]]}}" class="anniu data-v-428f0c8e" bindtap="__e"><text class="data-v-428f0c8e">立即充值</text></view><view data-event-opts="{{[['tap',[['goRechargeRecords',[2]]]]]}}" class="dibu data-v-428f0c8e" bindtap="__e"><view class="data-v-428f0c8e">充值记录</view><uni-icons vue-id="0f518326-5" type="right" color="#1678ff" size="14" class="data-v-428f0c8e" bind:__l="__l"></uni-icons></view><view class="box-hui data-v-428f0c8e"><view style="margin-bottom:15px;" class="data-v-428f0c8e">服务说明</view><view class="huisize data-v-428f0c8e">1.该服务为电子囤油卡直充服务，仅限本站使用</view><view class="huisize data-v-428f0c8e">2.请确认充值类型正确后再付款，一经充值不支持退款；</view></view></view></view></block><block wx:if="{{actinput==2}}"><view class="boxback data-v-428f0c8e" style="box-sizing:border-box;padding:1px;"><view class="inputbox data-v-428f0c8e"><view class="cadname data-v-428f0c8e">卡号</view><input type="text" placeholder="请输入礼品卡卡号" data-event-opts="{{[['input',[['__set_model',['','number','$event',[]]]]]]}}" value="{{number}}" bindinput="__e" class="data-v-428f0c8e"/></view><view class="inputbox data-v-428f0c8e"><view class="cadname data-v-428f0c8e">卡密</view><input type="text" placeholder="请输入礼品卡卡密" data-event-opts="{{[['input',[['__set_model',['','cardPassword','$event',[]]]]]]}}" value="{{cardPassword}}" bindinput="__e" class="data-v-428f0c8e"/></view><view class="bottom-box data-v-428f0c8e"><view data-event-opts="{{[['tap',[['exchangeGift']]]]}}" class="anniu data-v-428f0c8e" bindtap="__e"><text class="data-v-428f0c8e">立即兑换</text></view><view data-event-opts="{{[['tap',[['golpk']]]]}}" class="dibu data-v-428f0c8e" bindtap="__e"><view class="data-v-428f0c8e">兑换记录</view><uni-icons vue-id="0f518326-6" type="right" color="#1678ff" size="14" class="data-v-428f0c8e" bind:__l="__l"></uni-icons></view><view class="box-hui data-v-428f0c8e"><view style="margin-bottom:15px;" class="data-v-428f0c8e">服务说明</view><view class="huisize data-v-428f0c8e">1.该服务为储蓄卡直充服务，仅限本站使用</view><view class="huisize data-v-428f0c8e">2.请确认充值类型正确后再付款，一经充值不支持退款；</view></view></view></view></block><u-popup vue-id="0f518326-7" show="{{show}}" round="{{10}}" mode="bottom" data-event-opts="{{[['^close',[['close']]],['^open',[['open']]]]}}" bind:close="__e" bind:open="__e" class="data-v-428f0c8e" bind:__l="__l" vue-slots="{{['default']}}"><view class="bottom-bb data-v-428f0c8e"><block wx:for="{{columns}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view style="margin-bottom:10px;" class="data-v-428f0c8e"><u-button vue-id="{{('0f518326-8-'+index)+','+('0f518326-7')}}" type="primary" plain="{{true}}" text="{{item.realName}}" data-event-opts="{{[['^click',[['confirm',['$0'],[[['columns','',index]]]]]]]}}" bind:click="__e" class="data-v-428f0c8e" bind:__l="__l"></u-button></view></block></view></u-popup><u-modal vue-id="0f518326-9" show="{{shows}}" title="{{message}}" content="{{money}}" data-event-opts="{{[['^confirm',[['confirms']]]]}}" bind:confirm="__e" class="data-v-428f0c8e" bind:__l="__l"></u-modal></view></view>