微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

134 regels
6.6 KiB

  1. <!--pages/apply/approval/approval.wxml-->
  2. <view class="ns" style="height:{{isIPX?'88px':'64px'}};">
  3. <image src="/image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};" mode="widthFix" bindtap="back"></image>
  4. <text style="top:{{isIPX?'54px':'30px'}};">支出申请</text>
  5. </view>
  6. <view class="pure_top" style="top:{{isIPX?'88px':'64px'}};"></view>
  7. <view class="main-box top-box steps-box" style="margin-top:{{isIPX?'100px':'75px'}};">
  8. <text class="box-title">审批事项</text>
  9. <van-row wx:for="{{steps}}" wx:key="index">
  10. <van-col span="3">
  11. <view class="index">{{index+1}}</view>
  12. <!-- :class="{'indexCenter':index==0 ? false : true}" -->
  13. <block wx:if="{{index==0}}">
  14. <view class="indexBorder">
  15. <view class="ssT" wx:if="{{index>0}}"></view>
  16. <view class="yq"></view>
  17. <view class="ss" wx:if="{{steps.length != index+1}}"></view>
  18. </view>
  19. </block>
  20. <block wx:else>
  21. <view class="indexBorder indexCenter">
  22. <view class="ssT" wx:if="{{index>0}}"></view>
  23. <view class="yq"></view>
  24. <view class="ss" wx:if="{{steps.length != index+1}}"></view>
  25. </view>
  26. </block>
  27. </van-col>
  28. <van-col span="21">
  29. <van-cell center="{{true}}" border="{{false}}">
  30. <view slot="title">
  31. {{item.activityName}}<text style="display: inline-block;margin-left: 10px;">村级主任审批</text>
  32. </view>
  33. <view style="display: flex;align-items: center;justify-content:flex-end;">
  34. <image src="/image/apply/icon_up.png" style="width: 20px;height: 20px;"></image>
  35. <image src="/image/apply/icon_down.png" style="width: 20px;height: 20px;margin-left: 10px;"></image>
  36. </view>
  37. </van-cell>
  38. </van-col>
  39. </van-row>
  40. <view class="check_box">
  41. <van-checkbox-group value="{{ result }}" bind:change="onChange">
  42. <van-row>
  43. <van-col span="12">
  44. <van-checkbox name="a" shape="square" checked-color="#2C8E68">董事长:张三</van-checkbox>
  45. <van-checkbox name="b" shape="square" checked-color="#2C8E68">董事长:张三</van-checkbox>
  46. </van-col>
  47. <van-col span="12">
  48. <van-checkbox name="c" shape="square" checked-color="#2C8E68">董事长:张三</van-checkbox>
  49. <van-checkbox name="d" shape="square" checked-color="#2C8E68">董事长:张三</van-checkbox>
  50. </van-col>
  51. </van-row>
  52. <van-row>
  53. <van-col span="12">
  54. <van-checkbox name="a" shape="square" checked-color="#2C8E68">村长:张三</van-checkbox>
  55. <van-checkbox name="b" shape="square" checked-color="#2C8E68">村书记:张三</van-checkbox>
  56. </van-col>
  57. <van-col span="12">
  58. <van-checkbox name="c" shape="square" checked-color="#2C8E68">村主任:张三</van-checkbox>
  59. <van-checkbox name="d" shape="square" checked-color="#2C8E68">村党委:张三</van-checkbox>
  60. </van-col>
  61. </van-row>
  62. <van-row>
  63. <van-col span="12">
  64. <van-checkbox name="a" shape="square" checked-color="#2C8E68">镇长:张三</van-checkbox>
  65. <van-checkbox name="b" shape="square" checked-color="#2C8E68">镇书记:张三</van-checkbox>
  66. </van-col>
  67. <van-col span="12">
  68. <van-checkbox name="c" shape="square" checked-color="#2C8E68">镇主任:张三</van-checkbox>
  69. <van-checkbox name="d" shape="square" checked-color="#2C8E68">镇党委:张三</van-checkbox>
  70. </van-col>
  71. </van-row>
  72. </van-checkbox-group>
  73. </view>
  74. <view class="btn_box">
  75. <view bindtap="openBox">选择审批模板</view>
  76. <view bindtap="showPopup">保存审批模板</view>
  77. </view>
  78. </view>
  79. <view class="bottom">
  80. <view class="btn1" bindtap="openBox">保存</view>
  81. <view class="btn2" bindtap="goApproval">保存并提交</view>
  82. </view>
  83. <van-action-sheet show="{{show}}" title="选择审批模板" bind:close="closeBox">
  84. <van-swipe-cell right-width="{{ 65 }}">
  85. <van-cell label="支付水电、网费、房租" bindtap="goTemplate" >
  86. <view slot="title">
  87. <view class="van-cell-text">日常支付水电模板<van-tag plain type="danger" color="#FC9A55" style="margin-left:10px;">默认</van-tag></view>
  88. </view>
  89. <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;" />
  90. </van-cell>
  91. <view slot="right" class="deleteBox">
  92. <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
  93. </view>
  94. </van-swipe-cell>
  95. <van-swipe-cell right-width="{{ 65 }}">
  96. <van-cell title="日常支付水电模板" label="支付水电、网费、房租" >
  97. <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;" />
  98. </van-cell>
  99. <view slot="right" class="deleteBox">
  100. <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
  101. </view>
  102. </van-swipe-cell>
  103. <van-swipe-cell right-width="{{ 65 }}">
  104. <van-cell title="日常支付水电模板" label="支付水电、网费、房租" >
  105. <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;" />
  106. </van-cell>
  107. <view slot="right" class="deleteBox">
  108. <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
  109. </view>
  110. </van-swipe-cell>
  111. <van-swipe-cell right-width="{{ 65 }}">
  112. <van-cell title="日常支付水电模板" label="支付水电、网费、房租" >
  113. <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;" />
  114. </van-cell>
  115. <view slot="right" class="deleteBox">
  116. <image src="/image/apply/icon_delete.png" style="width: 25px;height: 25px;margin: 0 auto;"></image>
  117. </view>
  118. </van-swipe-cell>
  119. </van-action-sheet>
  120. <van-dialog
  121. use-slot
  122. title="审批模板"
  123. show="{{ showPopup }}"
  124. bind:close="onClose"
  125. theme='round-button'
  126. confirmButtonText="保存"
  127. closeOnClickOverlay="{{ true }}"
  128. >
  129. <input class="input_tit" placeholder="请输入模板名称" style="width: 90%;margin: 0 auto;margin-top: 15px;margin-bottom: 10px;text-align: center;"/>
  130. </van-dialog>