zhangzl
/
nsgk_wechat

<!--pages/apply/approval/approval.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  steps-box" style="margin-top:{{isIPX?'100px':'75px'}};">
  <text class="box-title">审批事项</text>
  <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 center="{{true}}" border="{{false}}">
        <view slot="title">
          {{item.activityName}}<text style="display: inline-block;margin-left: 10px;">村级主任审批</text>
        </view>
        <view style="display: flex;align-items: center;justify-content:flex-end;">
          <image src="/image/apply/icon_up.png" style="width: 20px;height: 20px;"></image>
          <image src="/image/apply/icon_down.png" style="width: 20px;height: 20px;margin-left: 10px;"></image>
        </view>
      </van-cell>
    </van-col>
  </van-row>
  <view class="check_box">
    <van-checkbox-group value="{{ result }}" bind:change="onChange">
      <van-row>
        <van-col span="12">
          <van-checkbox name="a" shape="square" checked-color="#2C8E68">董事长：张三</van-checkbox>
          <van-checkbox name="b" shape="square" checked-color="#2C8E68">董事长：张三</van-checkbox>
        </van-col>
        <van-col span="12">
          <van-checkbox name="c" shape="square" checked-color="#2C8E68">董事长：张三</van-checkbox>
          <van-checkbox name="d" shape="square" checked-color="#2C8E68">董事长：张三</van-checkbox>
        </van-col>
      </van-row>
      <van-row>
        <van-col span="12">
          <van-checkbox name="a" shape="square" checked-color="#2C8E68">村长：张三</van-checkbox>
          <van-checkbox name="b" shape="square" checked-color="#2C8E68">村书记：张三</van-checkbox>
        </van-col>
        <van-col span="12">
          <van-checkbox name="c" shape="square" checked-color="#2C8E68">村主任：张三</van-checkbox>
          <van-checkbox name="d" shape="square" checked-color="#2C8E68">村党委：张三</van-checkbox>
        </van-col>
      </van-row>
      <van-row>
        <van-col span="12">
          <van-checkbox name="a" shape="square" checked-color="#2C8E68">镇长：张三</van-checkbox>
          <van-checkbox name="b" shape="square" checked-color="#2C8E68">镇书记：张三</van-checkbox>
        </van-col>
        <van-col span="12">
          <van-checkbox name="c" shape="square" checked-color="#2C8E68">镇主任：张三</van-checkbox>
          <van-checkbox name="d" shape="square" checked-color="#2C8E68">镇党委：张三</van-checkbox>
        </van-col>
      </van-row>
    </van-checkbox-group>
  </view> 

  <view class="btn_box">
    <view bindtap="openBox">选择审批模板</view>
    <view bindtap="showPopup">保存审批模板</view>
  </view>
</view>

<view class="bottom">
  <view class="btn1" bindtap="openBox">保存</view>
  <view class="btn2" bindtap="goApproval">保存并提交</view>
</view>

<van-action-sheet show="{{show}}" title="选择审批模板" bind:close="closeBox">
  <van-swipe-cell right-width="{{ 65 }}">
    <van-cell label="支付水电、网费、房租" bindtap="goTemplate" >
      <view slot="title">
        <view class="van-cell-text">日常支付水电模板<van-tag plain type="danger" color="#FC9A55" style="margin-left:10px;">默认</van-tag></view>
      </view>
      <van-icon slot="icon" name="https://636c-cloud1-8gya17a31667774d-1310628902.tcb.qcloud.la/icon_mrmb.png?sign=5e5df640777f6a7993c45e1a559dd998&t=1648619865" class="custom-icon" size="40" style="margin-right: 10px;" />
    </van-cell>
    <view slot="right" class="deleteBox">
      <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
    </view>
  </van-swipe-cell>
  <van-swipe-cell right-width="{{ 65 }}">
      <van-cell title="日常支付水电模板" label="支付水电、网费、房租"  >
        <van-icon slot="icon" name="https://636c-cloud1-8gya17a31667774d-1310628902.tcb.qcloud.la/icon_mb.png?sign=2a8bbe2cb4d4e0f28a99fddbe042d26c&t=1648620032" class="custom-icon" size="40" style="margin-right: 10px;" />
      </van-cell>
    <view slot="right" class="deleteBox">
      <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
    </view>
  </van-swipe-cell>
  <van-swipe-cell right-width="{{ 65 }}">
      <van-cell title="日常支付水电模板" label="支付水电、网费、房租"  >
        <van-icon slot="icon" name="https://636c-cloud1-8gya17a31667774d-1310628902.tcb.qcloud.la/icon_mb.png?sign=2a8bbe2cb4d4e0f28a99fddbe042d26c&t=1648620032" class="custom-icon" size="40" style="margin-right: 10px;" />
      </van-cell>
    <view slot="right" class="deleteBox">
      <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
    </view>
  </van-swipe-cell>
  <van-swipe-cell right-width="{{ 65 }}">
      <van-cell title="日常支付水电模板" label="支付水电、网费、房租"  >
        <van-icon slot="icon" name="https://636c-cloud1-8gya17a31667774d-1310628902.tcb.qcloud.la/icon_mb.png?sign=2a8bbe2cb4d4e0f28a99fddbe042d26c&t=1648620032" class="custom-icon" size="40" style="margin-right: 10px;" />
      </van-cell>
    <view slot="right" class="deleteBox">
      <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
    </view>
  </van-swipe-cell>
</van-action-sheet>

<van-dialog
  use-slot
  title="审批模板"
  show="{{ showPopup }}"
  bind:close="onClose"
  theme='round-button'
  confirmButtonText="保存"
  closeOnClickOverlay="{{ true }}"
>
  <input class="input_tit" placeholder="请输入模板名称" style="width: 90%;margin: 0 auto;margin-top: 15px;margin-bottom: 10px;text-align: center;"/> 
</van-dialog>