nsgk_wechat/pages/paymentManager/paymentManager.wxml

<!--pages/paymentManager/paymentManager.wxml-->
<view class="ns" id="top_ban" style="height:{{isIPX?'88px':'64px'}};">
  <image src="../../image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};height: 19.0909px;" mode="widthFix" bindtap="back" referrer="no-referrer|origin|unsafe-url"></image>
  <text style="top:{{isIPX?'54px':'30px'}};">支出管理</text>
</view>
<van-dropdown-menu active-color="#5CAE77" bind:change="changeTab" id="top_view1" class="search_box" style="margin-top:{{isIPX?'88px':'64px'}};">
  <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change="changeTab" />
  <van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" bind:change="changeTab2" />
  <van-dropdown-item value="{{ value3 }}" options="{{ option3 }}" bind:change="changeTab2" />
</van-dropdown-menu>
<scroll-view scroll-y refresher-threshold="0" style="height:{{scrollHeight}}px" bindscrolltolower="paging" lower-threshold="100">
<van-swipe-cell right-width="{{ 130 }}" left-width="{{ 90 }}" class="workflow" wx:for="{{list}}" wx:key="index" wx:for-item="item" >
  <view class="li" bindtap="goUpdate" data-id="{{item.id}}">
    <view style="width:70%;flex:7;">
      <view class="tit_box">
        <image src="/image/icon/paymentManager_icon.png" style="width: 15px;height: 15px;margin-right: 10px;"  referrer="no-referrer|origin|unsafe-url"></image>
        <text class="tit">{{item.payer}}</text>
      </view>
      <view class="detail_box">
        <view style="margin-left:5%;color:grey;font-size: 12px;justify-content: space-between;display: contents;">
          <text>{{item.payerAccount}}</text>
          <text style="color:#62AD66;background-color: rgb(98,173,102,0.2);padding:2px 4px;text-align: right;">{{item.transferType==1?"银行还款":"信用卡还款"}}</text> 
        </view>
      </view>
      <view class="detail_box">
        <view style="width: 50%;">
          <image src="/image/icon/clock_icon.png" style="width: 15px;height: 15px;border-radius:5px;margin-right: 5px;"></image>
          <text>{{item.applyDate}}</text>
        </view>
        <view style="width: 50%;">
          <image src="/image/icon/clock_red_icon.png" style="width: 15px;height: 15px;border-radius:5px;margin-right: 5px;"></image>
          <text>{{item.applyDate}}</text>
        </view>
      </view>
    </view>
    <view style="width:30%;flex:3;">
      <view style="text-align: right;">
          <text style="color:red;line-height: 50px;">￥{{item.expenditureAmount}}</text>
        </view>
        <view style="text-align: right;" bindtap="toPay">
          <button wx-if="{{item.paymentState==1}}" type="primary" size="mini" style="border-radius: 15px;" >待支付</button>
          <button wx-if="{{item.paymentState==3}}" type="primary" size="mini" style="border-radius: 15px;">银行受理</button>
          <button wx-if="{{item.paymentState==4}}" type="warn" size="mini" style="border-radius: 15px;">支付失败</button>
          <button wx-if="{{item.paymentState==5}}" type="primary" size="mini" style="border-radius: 15px;">部分失败</button>
        </view>
    </view>
      
  </view>
  <view slot="left" class="moreBox" >
    <view style="flex: 1;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: rgb(165,165,165,0.2);" data-data="{{item}}" data-index="{{index}}" bindtap="scrap">
      <view>
        <image src="../../image/icon/scrap_icon.png" style="width: 25px;height: 25px;margin: 0 auto;display: block;" ></image>
      </view>
      <view>
        <text style="color:#A5A5A5">报废</text>
      </view>
    </view>
    <view style="flex: 1;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: rgb(238,95,0,0.2);" data-data="{{item}}" data-index="{{index}}" bindtap="sell">
      <view>
        <image src="../../image/icon/sell_icon.png" style="width: 25px;height: 25px;margin: 0 auto;display: block;"  ></image>
      </view>
      <view>
        <text style="color: rgb(238,95,0);">出售</text>
      </view>
    </view>
  </view>
  <view slot="right" class="deleteBox">
    <view style="flex: 1;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: rgb(255,0,0,0.2);" data-id="{{item.id}}" data-index="{{index}}" bindtap="delete">
      <view>
        <image src="../../image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;display: block;" ></image>
      </view>
      <view>
        <text style="color:red">删除</text>
      </view>
    </view>
    <view style="flex: 1;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: rgb(98,173,102,0.2);" data-id="{{item.id}}" data-index="{{index}}" bindtap="upload">
      <view>
        <image src="../../image/icon/upload_icon.png" style="width: 25px;height: 25px;margin: 0 auto;display: block;"  ></image>
      </view>
      <view>
        <text style="color: #62AD66;">附件</text>
      </view>
    </view>
    <view style="flex: 1;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: rgb(239,135,7,0.2);" data-id="{{item.id}}" data-index="{{index}}" bindtap="change">
      <view>
        <image src="../../image/icon/relevance_icon.png" style="width: 25px;height: 25px;margin: 0 auto;display: block;"  ></image>
      </view>
      <view>
        <text style="color: rgb(239,135,7);">变更</text>
      </view>
    </view>
  </view>
</van-swipe-cell>
</scroll-view>

<van-action-sheet show="{{showUpload}}" title="附件" bind:close="closeBox">
  <scroll-view scroll-y="true" style="height: 600rpx;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-top="0">
    <view class="fj-box">
            <view class="fj-li" wx:for="{{fileList}}" wx:key="index" wx:for-item="item" >
              <view>
                <text>{{item.dictLabel}}</text>
              </view>
              <view class="img_box">
                <view class="img_li">
                  <van-upload file-list="{{ item.list }}" bind:after-read="afterRead" bind:delete="deleteImg" bind:click-preview="lookDown" data-idx="{{index}}">
                  </van-upload> 
                </view>
              </view>
            </view>
          </view>
  </scroll-view>
</van-action-sheet>
<modal hidden="{{!showPopup}}" title="是否删除？" confirm-text="是" cancel-text="否" bindcancel="cancelTem" bindconfirm="confirmTem">  
</modal>
<modal hidden="{{!showPopupDel}}" title="是否删除？" confirm-text="是" cancel-text="否" bindcancel="cancelTemDel" bindconfirm="confirmTemDel">  
</modal>