shyaf-artist-platform-miniapp/pages/invoice/myInvoice/myInvoice.wxml

<wxs module="money" src="../../../filter/money.wxs"></wxs>
<view class="page-myInvoice">
  <!-- 头部切换 start -->
  <view class="myInvoice-top">
    <vie bindtap="changeTab"  data-index="0" class="item {{orderQueryStatus==0?'active':''}}">
      <view class="icon icon01"></view>
      <text class="">全部</text>
    </vie>
    <view bindtap="changeTab"  data-index="1" class="item {{orderQueryStatus==1?'active':''}}">
      <view class="icon icon02"></view>
      <text class="">待提交</text>
    </view>
    <view bindtap="changeTab"  data-index="2" class="item {{orderQueryStatus==2?'active':''}}">
      <view class="icon icon03"></view>
      <text class="">进行中</text>
    </view>
    <view bindtap="changeTab"  data-index="3" class="item last {{orderQueryStatus==3?'active':''}}">
      <view class="icon icon04"></view>
      <text class="">已完成</text>
    </view>
  </view>
  <!-- 头部切换 end -->

  <!-- 主体 start -->
  <view class="main">
    <view wx:for="{{orderList}}" wx:key="{{index}}" class="item-box">
      <view  wx:if="{{item.orderStatus==1}}" class="warning-icon"><image src="https://resource.artouchstone.com/miniapp/artist/images/icon-warning-outline.png"></image></view>
      <view bindtap="itemHandler" data-index="{{index}}"  data-status="{{item.orderStatus}}" class="item">
        <view class="invoice-name">普通发票</view>
        <view class="price-box">
          <view class="price">￥{{item.invoicePrice?money.money(item.invoicePrice):'待填写'}}</view>
          <view class="state">{{orderStatus[item.orderStatus]}}</view>
        </view>
        <view class="company-box">
          <view class="company">{{item.buyName||'待填写'}}</view>
          <view wx:if="{{item.orderStatus==3}}" catchtap="showPaySure" data-index="{{index}}" data-invoiceOrderId="{{item.invoiceOrderId}}" class="confirm-box">
            <image src="https://resource.artouchstone.com/miniapp/artist/images/write.png"></image>
            <view>确认支付</view>
          </view>
          <view wx:if="{{item.orderStatus==6&&item.serviceInvoiceStatus==0}}" catchtap="serveInvoice" data-index="{{index}}" class="confirm-box serve-box">
            <image src="https://resource.artouchstone.com/miniapp/artist/images/write2.png"></image>
            <view>服务费开票</view>
          </view>
        </view>
        <view wx:if="{{item.orderStatus==1}}" class="tip">审核未通过：{{item.remark}}</view>
    </view>
    </view>
  </view>

  <!--确认支付弹框-->
  <view wx:if="{{isShowPaySure}}" class="pop-box pop-sure">
    <view class="pop-inner">
        <view class="planer-box">
            <view class="planer-header">
              <span class="name">转账信息</span>
            </view>
            <view class="planer-content">
              <view  class="labe-text">名称</view>
              <view  class="value-text">上海珈旻文化艺术中心</view>
              <view  class="labe-text">开户行</view>
              <view  class="value-text">中国邮政储蓄银行上海长宁区支行</view>
              <view  class="labe-text">账号</view>
              <view  class="value-text">931008010000960216</view>
              <view  class="labe-text">应付金额</view>
              <view  class="value-text">￥{{money.money(orderList[checkListIndex].totalPrice)}}</view>
              <view  class="labe-text">付款方姓名</view>
              <view  class="value-text">
                 <input class="input-text" id="payName"  bindchange="changeInput" value="{{payName}}" placeholder="请输入" type="text" />
              </view>
              <view bindtap="saveStateData" class="default-btn primary">
                确认支付
              </view>
            </view>
        </view>
        <view bindtap="hidePaySure" class="pop-close">
          <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/close.png" mode="widthFix"/>
        </view>
    </view>
  </view>
  <button plain="true" open-type='contact' session-from='' class="fixed-zx"></button>
</view>