nsgk_wechat/pages/handle/expenditureAudit/expenditureAudit.wxml

<!--pages/handle/expenditureAudit/expenditureAudit.wxml-->
<view class="ns" style="height:{{isIPX?'88px':'64px'}};">
  <image src="/image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};" mode="widthFix" bindtap="back"></image>
  <text style="top:{{isIPX?'54px':'30px'}};">支出申请</text>
</view>
<view class="pure_top" style="top:{{isIPX?'88px':'64px'}};"></view>
<view class="main-box top-box" style="margin-top:{{isIPX?'100px':'75px'}};">
  <text class="box-title">审批事项</text>
  <text style="margin-bottom: 20px;">房屋出租整年费用</text>
  <text>提交单位：龙华村联合社</text>
  <text>提交日期：2022年1月18日</text>
  <text>提  交  人：报账员</text>
  <text>联系电话：13906311234</text>
</view>
<view class="main-title">事项一</view>
<view class="center">
  <text class="title">基础信息</text>
  <view class="main-box table-box">
      <view><text>申请流水号</text> <text>2056886342464224214</text></view>
      <view><text>申请时间</text> <text>2021-1-26</text></view>
      <view><text>合计支出</text> <text>¥ 00.00</text></view>
      <view><text>支出原因</text> <text>请输入支出原因</text></view>
      <view><text>资金支出类别</text> <text>结算类</text></view>
  </view>
  <text class="title">付款方信息</text>
  <view class="main-box table-box">
    <view><text>付款方式</text> <text>2056886342464224214</text></view>
    <view><text>付款方名称<icon>必填</icon></text> <text>2021-1-26</text></view>
    <view><text>付款方账号</text> <text>¥ 00.00</text></view>
    <view><text>所属银行</text> <text>请输入支出原因</text></view>
    <view><text>转账附言</text> <text>结算类</text></view>
  </view>
  <text class="title">收款方信息</text>
  <view class="center-box">
    <view class="main-box table-box"><view><text>收款账户类型</text> <text>结算类</text></view></view>
    <view class="main-box table-box">
      <view class="xm"><text>张曼玉</text> <text>2056886342464224214</text></view>
      <view><text>李四</text> <text>2021-1-26</text></view>
      <view><text>收款账户</text> <text>6785   4565  4554  5111  542</text></view>
      <view><text>开户银行</text> <text>中国银行哈工大支行</text></view>
      <view><text>收入金额</text> <text>￥153000</text></view>
      <view><text>所属银行</text> <text>中国银行哈工大支行</text></view>
    </view>
  </view>

  <view class="main-box">
    <van-cell>
      <!-- <view slot="icon">
        <van-icon class-prefix="my-icon" name="extra" />
      </view> -->
      <view slot="title">
        <view class="van-cell-text">附件<van-tag type="danger" style="margin-left: 10px;">可拍照</van-tag></view>
      </view>
      <view>
        <view class="van-cell-text">总数<van-tag round color="#5CAE77" plain style="margin-left: 10px;">6张</van-tag></view>
      </view>
    </van-cell>
    <view class="fj-box">
      <view class="fj-li">
        <text>
收
据
        </text>
      </view>
      <view class="fj-li">
        <text>
发
票
        </text>
      </view>
      <view class="fj-li">
        <text>
其
他
        </text>
      </view>
    </view>
  </view>

  <view class="main-box steps-box">
    <view class="steps-tit">审批流程</view>
    <van-row wx:for="{{steps}}" wx:key="index">
      <van-col span="3">
        <view class="index">{{index+1}}</view>
        <!-- :class="{'indexCenter':index==0 ? false : true}" -->
        <block wx:if="{{index==0}}">
          <view class="indexBorder">
            <view class="ssT" wx:if="{{index>0}}"></view>
            <view class="yq"></view>
            <view class="ss" wx:if="{{steps.length != index+1}}"></view>
          </view>
        </block>
        <block wx:else>
          <view class="indexBorder indexCenter">
            <view class="ssT" wx:if="{{index>0}}"></view>
            <view class="yq"></view>
            <view class="ss" wx:if="{{steps.length != index+1}}"></view>
          </view>
        </block>
      </van-col>
      <van-col span="21">
        <van-cell title="{{item.activityName}}" center="{{true}}" border="{{false}}">
          <view class="agree" wx:if="{{item.type=='1'}}">{{ item.assigneeName }}</view>
          <view class="in" wx:if="{{item.type=='2'}}">{{ item.assigneeName }}</view>
          <view class="disagree" wx:if="{{item.type=='3'}}">{{ item.assigneeName }}</view>
        </van-cell>

        <van-cell center border="{{false}}">
          <view slot="title">
            <view style="color: #999999;">{{ item.durationInMillis }}</view>
          </view>
          <view style="color: #999999;font-size: 12px;">{{ item.endTime }}</view>
        </van-cell>
      </van-col>
    </van-row>
  </view>
</view>

<view class="bottom">
  <button type="warn" plain class="btnDis">驳回</button>
  <button type="primary" class="btnAgree">同意</button>
</view>