nsgk_wechat/pages/apply/paymentTemplate/paymentTemplate.wxml

<!--pages/apply/paymentTemplate/paymentTemplate.wxml height:{{isIPX?'88px':'64px'}};-->
<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>
  <input class="input_tit" placeholder="房屋出租整年费用" readonly value="{{form.approvalItemTemplate.approvalItems}}"/>
  <text>支出总金额</text>
  <view class="money_box">￥<input class="input_money" readonly placeholder="总金额" placeholder-style="color:#E90000;" value="{{countMoney}}"/></view>
  <text>提交单位：{{form.approvalItemTemplate.submitCompany}}</text>
  <text>提交日期：{{form.approvalItemTemplate.submitDate}}</text>
  <text>提  交  人：{{form.approvalItemTemplate.submitter}}</text>
  <text>联系电话：{{form.approvalItemTemplate.telephone}}</text>
</view>

<van-collapse accordion value="{{ activeNames }}" bind:change="onChange">
  <van-collapse-item name="{{index}}" is-link="{{false}}" wx:for="{{form.transfers}}" wx:key="index">
    <view slot="title" class="tit_box">
      <text class="title">事项{{item.num}}</text>
      <view class="top-box">
        <text>支出金额</text>
        <view class="money_box">￥<input class="input_money" disabled placeholder="金额" placeholder-style="color:#E90000;" value="{{item.expenditureAmount}}"/></view>
        <van-cell-group border="{{ false }}">
          <van-cell title="{{item.remark}}" border="{{ false }}" >
            <view slot="icon" style="width: 15%;">事由：</view>
          </van-cell>
          <van-cell title="{{item.payer}}" border="{{ false }}" center >
            <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_fu.png" style="width: 20px;height: 20px;"></image></view>
          </van-cell>
          
          <van-cell title="{{item.payeeList[0].payee}}" center border="{{ false }}"  >
            <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_shou.png" style="width: 20px;height: 20px;"></image></view>
          </van-cell>
          <view class="btnBox">
            <image src="/image/apply/down.png" data-index="{{index}}" class="down" bindtap="goSee"></image>
            <image src="/image/apply/icon_update.png" class="update" bindtap="goUpdate"></image>
            <image src="/image/apply/icon_delete.png" class="delete" data-index="{{index}}" bindtap="goDelete"></image>
          </view>
        </van-cell-group>
      </view>
    </view>
    代码是写出来给人看的，附带能在机器上运行
  </van-collapse-item>
</van-collapse>


<block wx:for="{{form.transfers}}" wx:key="index">
<text class="title">事项{{item.num}}</text>

<view class="main-box top-box">
  <text>支出金额</text>
  <view class="money_box">￥<input class="input_money" readonly placeholder="金额" placeholder-style="color:#E90000;" value="{{item.expenditureAmount}}"/></view>
  <van-cell-group border="{{ false }}">
    <van-cell title="{{item.remark}}" border="{{ false }}" >
      <view slot="icon" style="width: 15%;">事由：</view>
    </van-cell>
    <van-cell title="{{item.payer}}" border="{{ false }}" center >
      <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_fu.png" style="width: 20px;height: 20px;"></image></view>
    </van-cell>
    
    <van-cell title="{{item.payeeList[0].payee}}" center border="{{ false }}"  >
      <view slot="icon" style="width: 15%;"><image src="/image/apply/icon_shou.png" style="width: 20px;height: 20px;"></image></view>
    </van-cell>
    <view class="btnBox">
      <image src="/image/apply/down.png" data-index="{{index}}" class="down" bindtap="goSee"></image>
      <image src="/image/apply/icon_update.png" class="update" bindtap="goUpdate"></image>
      <image src="/image/apply/icon_delete.png" class="delete" data-index="{{index}}" bindtap="goDelete"></image>
    </view>
  </van-cell-group>
</view>

</block>

<view class="bottomBtn">
  <view bindtap="showPopup">
    <image src="/image/apply/icon_pres.png"></image>
    <text>保存模板</text>  
  </view>
  <view data-add="add" bindtap="goUpdate">
    <image src="/image/apply/icon_add.png"></image>
    <text>新增事项</text>  
  </view>
</view>

<view class="bottom">
  <view class="btn1" data-type="3" bindtap="goSubmit">提交复核</view>
  <view class="btn2" data-type="0" bindtap="goSubmit">下一步</view>
</view>

<van-dialog
  use-slot
  title="支付模板"
  show="{{ show }}"
  bind:close="onClose"
  theme='round-button'
  confirmButtonText="保存"
  data-type="1"
  bind:confirm="goSubmit"
  closeOnClickOverlay="{{ true }}"
>
  <input class="input_tit" placeholder="请输入模板名称" style="width: 90%;margin: 0 auto;margin-top: 15px;margin-bottom: 10px;text-align: center;" value="{{form.approvalItemTemplate.templateName}}" bindinput="bindNameInput"/> 
</van-dialog>