<!--pages/ucenter/zhanw/zhanw.wxml-->
<view class="topBar">
<view class="card {{searchIndex==-1?'active':''}}" data-idx="-1" bindtap="switchBar">未支付</view>
<view class="card {{searchIndex==4?'active':''}}" data-idx="4" bindtap="switchBar">已支付</view>
<view class="card {{searchIndex==6?'active':''}}" data-idx="6" bindtap="switchBar">已取消</view>
<view class="card {{searchIndex==7?'active':''}}" data-idx="7" bindtap="switchBar">已退款</view>
</view>

<scroll-view class='context' scroll-y='true'  bindscrolltolower="bindScrollTolowerEvent" >
  <view class='context_block'></view>
  
  <block  wx:for="{{occupyFeeOrderList}}" wx:key="id">
    <view class="text_context {{item.height}}" hover-class='active'>
    <view class="upFlag" >{{item.occupyStatusCN}}</view>
    
      <view class='charging_text_title'>
        <view class='charging'>
          <image src='/images/zhangweifei.png'></image>
        </view>
        <view class='charging_text_title1'>
          <text class='bold'>{{item.chargstationname}}</text>
          <text class="h1">{{item.chargpileids}}</text>
        </view>
      </view>
      <text>{{item.chargpilename}}</text>
      <view  class="inline-view">
        <view class='inlineView' decode='true'>
        <text space="nbsp">占位开始时间: </text>
        <text class="gray2"> {{item.occupyBeginTime}}</text>
        </view>
      </view>
      <view  class="inline-view">
        <view class='inlineView' decode='true'><text space="nbsp">占位结束时间: </text>  <text class="gray2">{{item.occupyEndTime}}</text></view>
      </view>
      <view style='line-height:0;' >
        <text class='inline gray1'>占位时长：</text>
        <text class='inline red'>{{item.occupyTime || 0}}</text>
        <text class='inline red' decode='true'>分</text>
        <text class='inline gray1' decode='true'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;占位费：</text>
        <text class='inline red'>{{item.occupyFee || 0}}</text>
        <text class='inline red'>元</text> 
        
      </view>
      <view class="button-container">
  <!-- 使用 wx:if 动态控制按钮显示 -->
  <view  class="downBtn" wx:if="{{item.customerServiceFlag}}" bindtap="payOrder" data-idx="{{item.id}}">去支付</view>
  <view  class="downBtn" wx:if="{{item.cancleBtnFlag}}" bindtap="cancleBtn">联系客服</view>
  <!-- <modal hidden="{{hiddenmodalput}}" title="完善资料" confirm-text="提交" cancel-text="取消" bindcancel="cancelM" bindconfirm="confirmM">
      <input bindinput='iName' type='text' placeholder="请输入姓名..." auto-focus/>
      <input bindinput='iPhoneNum' type='number' placeholder="请输入手机号码..." />
   </modal> -->
</view>
    </view>
  </block>
  <view class='context_block'></view>
  <view class='context_block'></view>
  <view class='context_block'></view>
  <view class='context_block'></view>
</scroll-view>