ticketMake.wxml 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. <!--pages/ticketMake/ticketMake.wxml-->
  2. <view class="divide"></view>
  3. <!-- 发票种类 -->
  4. <ticket-cate bindselect="selectCate"></ticket-cate>
  5. <!-- 信息 -->
  6. <view class="formArea noMargin">
  7. <view class="lineGroup gray">
  8. <view class="lineInner">
  9. <view class="label small">发票抬头</view>
  10. <view class="content">
  11. <view class="diyInput left">{{buyer.customerName}}</view>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="lineGroup gray">
  16. <view class="lineInner">
  17. <view class="label small">税号</view>
  18. <view class="content">
  19. <view class="diyInput left">{{buyer.customerEntTaxId}}</view>
  20. </view>
  21. </view>
  22. </view>
  23. <view class="lineGroup gray">
  24. <view class="lineInner">
  25. <view class="label small">地址和电话</view>
  26. <view class="content">
  27. <view class="diyInput left">{{buyer.address}} {{buyer.contactPhone}}</view>
  28. </view>
  29. </view>
  30. </view>
  31. <view class="lineGroup gray">
  32. <view class="lineInner">
  33. <view class="label small">开户行及账号</view>
  34. <view class="content">
  35. <view class="diyInput left">{{buyer.bankName}} {{buyer.bankAccountNo}}</view>
  36. </view>
  37. </view>
  38. </view>
  39. <view class="lineGroup">
  40. <view class="lineInner">
  41. <view class="label small">备注说明</view>
  42. <view class="content">
  43. <input bindtap="getremark" class="input padding" value="{{buyer.remark}}" type="text" placeholder="请填写备注" placeholder-class="placeholderStyle"></input>
  44. </view>
  45. </view>
  46. </view>
  47. <picker
  48. bindchange="setPayees"
  49. value="{{payeesIndex}}"
  50. range="{{payees}}"
  51. class="lineGroup"
  52. >
  53. <view class="lineInner">
  54. <view class="label middle">
  55. <text class="star">*</text>
  56. 收款人
  57. </view>
  58. <view class="content">
  59. <view class="diyInput nopadding left">
  60. <text wx:if="{{payeesIndex!==''}}">{{payees[payeesIndex]}}</text>
  61. <text wx:else class="placeholderStyle">请选择收款人</text>
  62. </view>
  63. </view>
  64. </view>
  65. </picker>
  66. <view wx:if="{{payeesIndex===0}}" class="lineGroup">
  67. <view class="lineInner">
  68. <view class="label middle" />
  69. <view class="content">
  70. <input
  71. bindinput="getPayees"
  72. value="{{payeesText}}"
  73. class="input"
  74. maxlength="8"
  75. placeholder="请输入收款人"
  76. placeholder-class="placeholderStyle"
  77. />
  78. </view>
  79. </view>
  80. </view>
  81. <picker
  82. bindchange="setReviewers"
  83. value="{{reviewersIndex}}"
  84. range="{{reviewers}}"
  85. class="lineGroup"
  86. >
  87. <view class="lineInner">
  88. <view class="label middle">
  89. <text class="star">*</text>
  90. 复核人
  91. </view>
  92. <view class="content">
  93. <view class="diyInput nopadding left">
  94. <text wx:if="{{reviewersIndex!==''}}">{{reviewers[reviewersIndex]}}</text>
  95. <text wx:else class="placeholderStyle">请选择复核人</text>
  96. </view>
  97. </view>
  98. </view>
  99. </picker>
  100. <view wx:if="{{reviewersIndex===0}}" class="lineGroup">
  101. <view class="lineInner">
  102. <view class="label middle" />
  103. <view class="content">
  104. <input
  105. bindinput="getReviewers"
  106. value="{{reviewersText}}"
  107. class="input"
  108. maxlength="8"
  109. placeholder="请输入复核人"
  110. placeholder-class="placeholderStyle"
  111. />
  112. </view>
  113. </view>
  114. </view>
  115. <picker
  116. bindchange="setDrawers"
  117. value="{{drawersIndex}}"
  118. range="{{drawers}}"
  119. class="lineGroup"
  120. >
  121. <view class="lineInner">
  122. <view class="label middle">
  123. <text class="star">*</text>
  124. 开票人
  125. </view>
  126. <view class="content">
  127. <view class="diyInput nopadding left">
  128. <text wx:if="{{drawersIndex!==''}}">{{drawers[drawersIndex]}}</text>
  129. <text wx:else class="placeholderStyle">请选择开票人</text>
  130. </view>
  131. </view>
  132. </view>
  133. </picker>
  134. <view wx:if="{{drawersIndex===0}}" class="lineGroup">
  135. <view class="lineInner">
  136. <view class="label middle" />
  137. <view class="content">
  138. <input
  139. bindinput="getDrawers"
  140. value="{{drawersText}}"
  141. class="input"
  142. maxlength="8"
  143. placeholder="请输入开票人"
  144. placeholder-class="placeholderStyle"
  145. />
  146. </view>
  147. </view>
  148. </view>
  149. </view>
  150. <!-- 项目明细 -->
  151. <view class="formTitle">
  152. <text class="label">发票内容</text>
  153. </view>
  154. <view wx:for="{{proList}}" wx:key="productId" class="formArea">
  155. <view bindtap="toSearchPro" data-index="{{index}}" class="lineGroup">
  156. <view class="lineInner">
  157. <view class="label">货物或应税劳务名称</view>
  158. <view class="content">
  159. <view class="diyInput hasArrow">
  160. <view wx:if="{{item.productName}}">{{item.productName}}</view>
  161. <view wx:if="{{!item.productName}}" class="placeholderStyle">请选择</view>
  162. <i class="arrow iconfont icon-arrowr"></i>
  163. </view>
  164. </view>
  165. </view>
  166. </view>
  167. <view class="lineGroup">
  168. <view class="lineInner">
  169. <view class="label">单价(含税)</view>
  170. <view class="content ticket {{item.price?'hasUnit':''}}">
  171. <input bindblur="getPrice" data-index="{{index}}" value="{{item.price}}" class="input right" type="digit" placeholder="请输入单价" placeholder-class="placeholderStyle"></input>
  172. <view class="unit">元</view>
  173. <!-- <view wx:if="{{!item.price}}" class="diyInput">
  174. <view wx:if="{{!item.price}}" class="placeholderStyle">根据货物选择自动带入并可修改</view>
  175. </view> -->
  176. </view>
  177. </view>
  178. </view>
  179. <view class="lineGroup">
  180. <view class="lineInner">
  181. <view class="label">数量</view>
  182. <view class="content">
  183. <view class="cart">
  184. <cart bindadd="add" bindminus="minus" num="{{item.quantity}}" bindsetInput="inputNum" data-index="{{index}}"></cart>
  185. </view>
  186. </view>
  187. </view>
  188. </view>
  189. <view class="lineGroup">
  190. <view class="lineInner">
  191. <view class="label">金额合计(含税)</view>
  192. <view class="content ticket hasUnit">
  193. <input bindblur="getTotalMoney" data-index="{{index}}" value="{{item.totalMoney}}" class="input right" type="digit" placeholder="请输入单价" placeholder-class="placeholderStyle"></input>
  194. <view class="unit">元</view>
  195. <!-- <view class="diyInput">
  196. <view wx:if="{{item.totalMoney}}">{{item.totalMoney}} 元</view>
  197. <view wx:if="{{!item.totalMoney}}" class="placeholderStyle">根据货物选择自动计算</view>
  198. </view> -->
  199. </view>
  200. </view>
  201. </view>
  202. <block wx:if="{{item.spreadFlag}}">
  203. <view class="lineGroup">
  204. <view class="lineInner">
  205. <view class="label">税率</view>
  206. <view class="content">
  207. <view class="diyInput">
  208. <picker wx:if="{{item.taxRate}}" bindchange="setRate" disabled="{{(!!item.preferentialType||item.zeroRateFlag!==null)?true:false}}" data-index="{{index}}" value="{{item.taxRateArrIndex}}" range="{{item.taxRateArr}}" class="selectRate">
  209. <view class="lineInner">
  210. <view class="label"> </view>
  211. </view>
  212. </picker>
  213. <view wx:if="{{item.taxRate}}">{{item.taxRate?item.taxRate*100+'%':0+'%'}}</view>
  214. <view wx:if="{{!item.taxRate}}" class="placeholderStyle">根据货物选择自动带入</view>
  215. </view>
  216. </view>
  217. </view>
  218. </view>
  219. <view class="lineGroup gray">
  220. <view class="lineInner">
  221. <view class="label">税额</view>
  222. <view class="content">
  223. <view class="diyInput">
  224. <view wx:if="{{item.totalRate}}">{{item.totalRate}} 元</view>
  225. <view wx:if="{{!item.totalRate}}" class="placeholderStyle">根据货物选择自动计算</view>
  226. </view>
  227. </view>
  228. </view>
  229. </view>
  230. </block>
  231. <view class="lineSpread">
  232. <button bindtap="spread" data-index="{{index}}" class="btn">{{item.spreadFlag?'点击收起':'点击展开'}}</button>
  233. <button wx:if="{{index>0}}" bindtap="delete" data-index="{{index}}" class="btn">删除</button>
  234. </view>
  235. </view>
  236. <view bindtap="addTicket" class="formArea">
  237. <view class="lineGroup">
  238. <view class="lineInner">
  239. <view class="label center">
  240. <i class="iconfont icon-add1"></i>
  241. <text>添加商品</text>
  242. </view>
  243. </view>
  244. </view>
  245. </view>
  246. <view class="formArea noMargin">
  247. <view class="lineGroup">
  248. <view class="lineInner">
  249. <view class="label">发票总金额</view>
  250. <view class="content">
  251. <view class="diyInput">{{moneyTotal?'¥'+moneyTotal:0}}</view>
  252. </view>
  253. </view>
  254. </view>
  255. <view class="lineGroup">
  256. <view class="lineInner">
  257. <view class="label">发票总税额</view>
  258. <view class="content">
  259. <view class="diyInput">{{rateTotal?'¥'+rateTotal:0}}</view>
  260. </view>
  261. </view>
  262. </view>
  263. </view>
  264. <!-- 接收方式 -->
  265. <view class="formTitle">
  266. <text class="label">接收方式</text>
  267. </view>
  268. <receive bindselect="selectType"></receive>
  269. <view class="formArea">
  270. <view wx:if="{{curValue===1}}" class="lineGroup">
  271. <view class="lineInner">
  272. <view class="label mr"><text class="star">*</text>邮箱</view>
  273. <view class="content">
  274. <input bindinput="getDetail" value="{{interactTypeDetail}}" class="input" maxlength="-1" placeholder="请填写邮箱" placeholder-class="placeholderStyle"></input>
  275. </view>
  276. </view>
  277. </view>
  278. <view wx:if="{{curValue===2}}" class="lineGroup">
  279. <view class="lineInner">
  280. <view class="label mr"><text class="star">*</text>手机号码</view>
  281. <view class="content">
  282. <input bindinput="getDetail" value="{{interactTypeDetail}}" class="input" maxlength="-1" placeholder="请填写手机号码" placeholder-class="placeholderStyle"></input>
  283. </view>
  284. </view>
  285. </view>
  286. </view>
  287. <view class="placeholderBtn"></view>
  288. <customer-bottom>
  289. <view class="fixedBottom">
  290. <button bindtap="submitData" class="btn">确定</button>
  291. </view>
  292. </customer-bottom>