index.wxml 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <cu-custom bgColor="bg-gradual-blue">
  2. <view slot="content">新增填报</view>
  3. </cu-custom>
  4. <view class="section">
  5. <view class="cu-bar bg-white solid-bottom">
  6. <view class="action">
  7. <text class="cuIcon-title text-orange "></text>
  8. <view>
  9. <view class="text-xl text-black"><text>车辆和贷款信息</text> <text class="text-red">(必填)</text></view>
  10. <view class="text-sm">机动车及与车辆相关的物理附属设备、服务、水费等 </view>
  11. </view>
  12. </view>
  13. </view>
  14. <!--form框类型奇特 特殊处理 除开发人员或者经验娴熟的人,其余不建议修改-->
  15. <view wx:for="{{value[0]}}" wx:key="index" data-index="{{[0,index]}}" class="cu-form-group"
  16. bindtap="{{item.type=='switch' ? 'switchFunc' : ''}}">
  17. <!-- 没有输入意义的行 -->
  18. <view wx:if="{{item.style}}" class="title">{{item.title}}</view>
  19. <!-- 输入行 -->
  20. <block wx:elif="{{item.type=='picker'}}">
  21. <view class="title">{{item.title}}</view>
  22. <picker class="picker" style="height:100rpx;line-height: 100rpx;" mode="date" value="{{item.value}}"
  23. data-index="{{[0,index]}}" start="1900-01-01" end="{{endDate}}" bindchange="DateChange">
  24. <view class="picker">
  25. {{item.value}}
  26. </view>
  27. </picker>
  28. </block>
  29. <block wx:else>
  30. <view class="title {{item.norequire ? 'text-blue' : ''}}" style="">{{item.title}}</view>
  31. <input data-index="{{[0,index]}}" data-value="{{item.value}}" id="{{item.name}}"
  32. type="{{item._type ? item._type : 'text'}}"
  33. value="{{item.type == 'switch' ? switchs[item.name][item.value] : item.value}}" bindinput="inputFunc"
  34. style="z-index: 0;height: 60rpx;transform: translateY(-3rpx);"
  35. disabled="{{item.disabled || item.type=='switch'}}"
  36. placeholder="{{(item.disabled || item.type=='switch') ? '' : item._title ? '请输入' +item._title : '请输入' + item.title}}"></input>
  37. <!-- switch 特殊处理 -->
  38. <view wx:if="{{item.type=='switch'}}" class="cuIcon-right"></view>
  39. </block>
  40. </view>
  41. <view class="cu-bar bg-white solid-bottom solid-top">
  42. <view class="action">
  43. <text class="cuIcon-title text-orange "></text>
  44. <view>
  45. <view class="text-xl text-black"><text>申请人基本信息</text> <text class="text-red">(必填)</text></view>
  46. </view>
  47. </view>
  48. </view>
  49. <!--form框类型奇特 特殊处理 除开发人员或者经验娴熟的人,其余不建议修改-->
  50. <view wx:for="{{value[1]}}" wx:key="index" data-index="{{[1,index]}}" class="cu-form-group"
  51. bindtap="{{item.type=='switch' ? 'switchFunc' : ''}}">
  52. <!-- 没有输入意义的行 -->
  53. <view wx:if="{{item.style}}" class="title">{{item.title}}</view>
  54. <!-- 输入行 -->
  55. <block wx:elif="{{item.type=='picker'}}">
  56. <view class="title">{{item.title}}</view>
  57. <picker class="picker" style="height:100rpx;line-height: 100rpx;" mode="date" value="{{item.value}}"
  58. data-index="{{[1,index]}}" start="1900-01-01" end="{{endDate}}" bindchange="DateChange">
  59. <view class="picker">
  60. {{item.value}}
  61. </view>
  62. </picker>
  63. </block>
  64. <block wx:else>
  65. <view class="title {{item.norequire ? 'text-blue' : ''}}" style="">{{item.title}}</view>
  66. <input data-index="{{[1,index]}}" data-value="{{item.value}}" id="{{item.name}}"
  67. type="{{item._type ? item._type : 'text'}}"
  68. value="{{item.type == 'switch' ? switchs[item.name][item.value] : item.value}}" bindinput="inputFunc"
  69. style="z-index: 0;height: 60rpx;transform: translateY(-3rpx);"
  70. disabled="{{item.disabled || item.type=='switch'}}"
  71. placeholder="{{(item.disabled || item.type=='switch') ? '' : item._title ? '请输入' +item._title : '请输入' + item.title}}"></input>
  72. <!-- switch 特殊处理 -->
  73. <view wx:if="{{item.type=='switch'}}" class="cuIcon-right"></view>
  74. </block>
  75. </view>
  76. <view class="cu-bar bg-white solid-bottom solid-top">
  77. <view class="action">
  78. <text class="cuIcon-title text-orange "></text>
  79. <view>
  80. <view class="text-xl text-black"><text>紧急联系人信息</text> <text class="text-red">(必填)</text></view>
  81. </view>
  82. </view>
  83. </view>
  84. <!--form框类型奇特 特殊处理 除开发人员或者经验娴熟的人,其余不建议修改-->
  85. <view wx:for="{{value[2]}}" wx:key="index" data-index="{{[2,index]}}" class="cu-form-group"
  86. bindtap="{{item.type=='switch' ? 'switchFunc' : ''}}">
  87. <!-- 没有输入意义的行 -->
  88. <view wx:if="{{item.style}}" class="title">{{item.title}}</view>
  89. <!-- 输入行 -->
  90. <block wx:elif="{{item.type=='picker'}}">
  91. <view class="title">{{item.title}}</view>
  92. <picker class="picker" style="height:100rpx;line-height: 100rpx;" mode="date" value="{{item.value}}"
  93. data-index="{{[2,index]}}" start="1900-01-01" end="{{endDate}}" bindchange="DateChange">
  94. <view class="picker">
  95. {{item.value}}
  96. </view>
  97. </picker>
  98. </block>
  99. <block wx:else>
  100. <view class="title {{item.norequire ? 'text-blue' : ''}}" style="">{{item.title}}</view>
  101. <input data-index="{{[2,index]}}" data-value="{{item.value}}" id="{{item.name}}"
  102. type="{{item._type ? item._type : 'text'}}"
  103. value="{{item.type == 'switch' ? switchs[item.name][item.value] : item.value}}" bindinput="inputFunc"
  104. style="z-index: 0;height: 60rpx;transform: translateY(-3rpx);"
  105. disabled="{{item.disabled || item.type=='switch'}}"
  106. placeholder="{{(item.disabled || item.type=='switch') ? '' : item._title ? '请输入' +item._title : '请输入' + item.title}}"></input>
  107. <!-- switch 特殊处理 -->
  108. <view wx:if="{{item.type=='switch'}}" class="cuIcon-right"></view>
  109. </block>
  110. </view>
  111. <view wx:if="{{value[2][6]['value']==1}}" class="cu-bar bg-white solid-bottom solid-top">
  112. <view class="action">
  113. <text class="cuIcon-title text-orange "></text>
  114. <view>
  115. <view class="text-xl text-black"><text>共同借款人信息</text> <text class="text-red">(必填)</text></view>
  116. </view>
  117. </view>
  118. </view>
  119. <!--form框类型奇特 特殊处理 除开发人员或者经验娴熟的人,其余不建议修改-->
  120. <view wx:if="{{value[2][6]['value']==1}}" wx:for="{{value[3]}}" wx:key="index" data-index="{{[3,index]}}"
  121. class="cu-form-group" bindtap="{{item.type=='switch' ? 'switchFunc' : ''}}">
  122. <!-- 没有输入意义的行 -->
  123. <view wx:if="{{item.style}}" class="title">{{item.title}}</view>
  124. <!-- 输入行 -->
  125. <block wx:elif="{{item.type=='picker'}}">
  126. <view class="title">{{item.title}}</view>
  127. <picker class="picker" style="height:100rpx;line-height: 100rpx;" mode="date" value="{{item.value}}"
  128. data-index="{{[3,index]}}" start="1900-01-01" end="{{endDate}}" bindchange="DateChange">
  129. <view class="picker">
  130. {{item.value}}
  131. </view>
  132. </picker>
  133. </block>
  134. <block wx:else>
  135. <view class="title {{item.norequire ? 'text-blue' : ''}}" style="">{{item.title}}</view>
  136. <input data-index="{{[3,index]}}" data-value="{{item.value}}" id="{{item.name}}"
  137. type="{{item._type ? item._type : 'text'}}"
  138. value="{{item.type == 'switch' ? switchs[item.name][item.value] : item.value}}" bindinput="inputFunc"
  139. style="z-index: 0;height: 60rpx;transform: translateY(-3rpx);"
  140. disabled="{{item.disabled || item.type=='switch'}}"
  141. placeholder="{{(item.disabled || item.type=='switch') ? '' : item._title ? '请输入' +item._title : '请输入' + item.title}}"></input>
  142. <!-- switch 特殊处理 -->
  143. <view wx:if="{{item.type=='switch'}}" class="cuIcon-right"></view>
  144. </block>
  145. </view>
  146. </view>
  147. <!-- 功能栏 -->
  148. <van-goods-action>
  149. <van-goods-action-button type="warning" bind:click="saveFunc" text="保存" />
  150. <van-goods-action-button bind:click="submitFunc" text="提交" />
  151. </van-goods-action>
  152. <!-- 单选 -->
  153. <view class="cu-modal {{switchB ?'show':''}}" bindtap="hideModal">
  154. <view class="cu-dialog" catchtap>
  155. <view class="bg-white padding solid-bottom">{{value[activeIndex[0]][activeIndex[1]]['title']}}</view>
  156. <scroll-view scroll-y style="max-height: 50vh;">
  157. <radio-group bindchange="changeFunc" class="block">
  158. <view class="cu-list menu text-left">
  159. <view class="cu-item" wx:for="{{switchs[active]}}" wx:key="index">
  160. <label class="flex justify-between align-center flex-sub">
  161. <view class="flex-sub">{{item}}</view>
  162. <radio value="{{index}}" class="round"></radio>
  163. </label>
  164. </view>
  165. </view>
  166. </radio-group>
  167. </scroll-view>
  168. </view>
  169. </view>