invoiceInfor.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. <!--pages/invoiceInfor/invoiceInfor.wxml-->
  2. <view class="container {{hidden}}">
  3. <view class="each_invoice invoice_type">
  4. <view class="each_invoice_cont">
  5. <text class="invoice_left_title">发票类型</text>
  6. <block wx:if="{{invoiceTypeFlag == 0 || invoiceTypeFlag == 1}}">
  7. <text class="invoice_type_val">纸质普通发票</text>
  8. </block>
  9. <block wx:else>
  10. <text class="invoice_type_val">增值税专用发票</text>
  11. </block>
  12. </view>
  13. </view>
  14. <view class="each_invoice">
  15. <block wx:if="{{invoiceTypeFlag == 0 || invoiceTypeFlag == 1}}">
  16. <view class="invoice_intro">部分纸质普通发票无法随箱寄出,将在最后一个包裹发货后15-30个工作日单独寄出</view>
  17. </block>
  18. <block wx:else>
  19. <view class="invoice_intro">我公司依法开具发票,如你购买的商品按税法规定属于不得从增值税销项税中抵扣的项目(如集体福利或个人消费等),请选择普通发票</view>
  20. </block>
  21. </view>
  22. <view class="space"></view>
  23. <view class="each_invoice">
  24. <view class="each_invoice_cont">
  25. <text class="invoice_left_title">*发票抬头</text>
  26. <view class="invoice_title_type">
  27. <block wx:if="{{invoiceTypeFlag == 0 || invoiceTypeFlag == 1}}">
  28. <view bindtap='titleClick' data-id="0" class="invoice_title_each {{isClick == 0 ? 'invoice_title_active' : ''}}">个人</view>
  29. <view bindtap='titleClick' data-id="1" class="invoice_title_each {{isClick == 1 ? 'invoice_title_active' : ''}}">单位</view>
  30. </block>
  31. <block wx:else data-id="1">
  32. <view class="invoice_title_each invoice_title_active">单位</view>
  33. </block>
  34. </view>
  35. </view>
  36. </view>
  37. <!-- 纸质 -->
  38. <block wx:if="{{invoiceTypeFlag == 0}}">
  39. <!-- 纸质 - 个人 -->
  40. <view class="invoice_content">
  41. <view class="each_invoice invoice_type">
  42. <view class="each_invoice_cont">
  43. <input type="text" bindinput='userNameInput' value="{{userName}}" placeholder='请输入个人或姓名'></input>
  44. <icon type="clear" size="14" wx:if="{{userName}}" bindtap='clearuserName' class="clear_input_icon"></icon>
  45. </view>
  46. </view>
  47. <view class="each_invoice invoice_type">
  48. <view class="each_invoice_cont">
  49. <text class="invoice_left_title">*发票内容</text>
  50. <text>明细</text>
  51. </view>
  52. </view>
  53. <view class="each_invoice invoice_type">
  54. <view class="each_invoice_cont">
  55. <text class="invoice_left_title">发票金额</text>
  56. <text class="invoice_type_val">¥{{price}}</text>
  57. </view>
  58. </view>
  59. </view>
  60. </block>
  61. <!-- 纸质 - 单位 -->
  62. <block wx:elif="{{invoiceTypeFlag == 1}}">
  63. <view class="invoice_content">
  64. <view class="each_invoice invoice_type">
  65. <view class="each_invoice_cont">
  66. <input type="text" bindinput='companyNameInput' value="{{companyName}}" placeholder='请输入单位名称'></input>
  67. <icon type="clear" wx:if="{{companyName}}" bindtap='clearcompanyName' size="14" class="clear_input_icon"></icon>
  68. </view>
  69. </view>
  70. <view class="each_invoice invoice_type">
  71. <view class="each_invoice_cont">
  72. <text class="invoice_left_title">*纳税人识别号</text>
  73. <input type="text" bindinput='sbNumInput' value="{{sbNum}}" placeholder='或统一社会信用代码' class="short_input"></input>
  74. <icon type="clear" wx:if="{{sbNum}}" bindtap='clearsbNum' size="14" class="clear_input_icon"></icon>
  75. </view>
  76. </view>
  77. <view class="each_invoice invoice_type">
  78. <view class="each_invoice_cont">
  79. <text class="invoice_left_title">*发票内容</text>
  80. <text>明细</text>
  81. </view>
  82. </view>
  83. <view class="each_invoice invoice_type">
  84. <view class="each_invoice_cont">
  85. <text class="invoice_left_title">发票金额</text>
  86. <text class="invoice_type_val">¥{{price}}</text>
  87. </view>
  88. </view>
  89. </view>
  90. </block>
  91. <!-- 增值税 -->
  92. <block wx:else>
  93. <view class="invoice_content">
  94. <view class="each_invoice invoice_type">
  95. <view class="each_invoice_cont">
  96. <input type="text" bindinput='companyNameInput' value="{{companyName}}" placeholder='请输入单位名称'></input>
  97. <icon type="clear" wx:if="{{companyName}}" bindtap='clearcompanyName' size="14" class="clear_input_icon"></icon>
  98. </view>
  99. </view>
  100. <view class="each_invoice invoice_type">
  101. <view class="each_invoice_cont">
  102. <text class="invoice_left_title">*纳税人识别号</text>
  103. <input type="text" bindinput='sbNumInput' value="{{sbNum}}" placeholder='或统一社会信用代码' class="short_input"></input>
  104. <icon type="clear" wx:if="{{sbNum}}" bindtap='clearsbNum' size="14" class="clear_input_icon"></icon>
  105. </view>
  106. </view>
  107. <view class="each_invoice invoice_type">
  108. <view class="each_invoice_cont">
  109. <text class="invoice_left_title">*注册地址</text>
  110. <input type="text" bindinput='addressInput' value="{{address}}" placeholder='请确保与贵司税务登记信息一致' class="short_input"></input>
  111. <icon type="clear" wx:if="{{address}}" bindtap='clearaddress' size="14" class="clear_input_icon"></icon>
  112. </view>
  113. </view>
  114. <view class="each_invoice invoice_type">
  115. <view class="each_invoice_cont">
  116. <text class="invoice_left_title">*注册电话</text>
  117. <input type="text" bindinput='telphoneInput' value="{{telphone}}" placeholder='请输入注册电话' class="short_input"></input>
  118. <icon type="clear" wx:if="{{telphone}}" bindtap='cleartelphone' size="14" class="clear_input_icon"></icon>
  119. </view>
  120. </view>
  121. <view class="each_invoice invoice_type">
  122. <view class="each_invoice_cont">
  123. <text class="invoice_left_title">*开户银行</text>
  124. <input type="text" bindinput='brandNameInput' value="{{brandName}}" placeholder='请输入开户银行' class="short_input"></input>
  125. <icon type="clear" wx:if="{{brandName}}" bindtap='clearbrandName' size="14" class="clear_input_icon"></icon>
  126. </view>
  127. </view>
  128. <view class="each_invoice invoice_type">
  129. <view class="each_invoice_cont">
  130. <text class="invoice_left_title">*银行账户</text>
  131. <input type="text" bindinput='brandNumInput' value="{{brandNum}}" placeholder='请输入银行账户' class="short_input"></input>
  132. <icon type="clear" wx:if="{{brandNum}}" bindtap='clearbrandNum' size="14" class="clear_input_icon"></icon>
  133. </view>
  134. </view>
  135. <view class="each_invoice invoice_type">
  136. <view class="each_invoice_cont">
  137. <text class="invoice_left_title">*发票内容</text>
  138. <text>明细</text>
  139. </view>
  140. </view>
  141. <view class="each_invoice invoice_type">
  142. <view class="each_invoice_cont">
  143. <text class="invoice_left_title">发票金额</text>
  144. <text class="invoice_type_val">¥{{price}}</text>
  145. </view>
  146. </view>
  147. </view>
  148. <view class="each_invoice">
  149. <view class="invoice_intro">开具增值税专票,确保开票信息与贵司税务登记证信息一致,避免因开票信息给贵司带来损失</view>
  150. </view>
  151. <view class="space"></view>
  152. <!-- 已有收货地址 -->
  153. <!-- <navigator url="/pages/selectAddress/selectAddress" wx:if="{{province}}" class="address_nav ">
  154. <view class="save_address">
  155. <view class="invoice_left_title">*收票地址</view>
  156. <view class="save_address_right">
  157. <view>{{consignee}}</view>
  158. <view>{{phone}}</view>
  159. <view>{{province}}{{city}}{{area}}{{adress}}</view>
  160. </view>
  161. </view>
  162. <image src="/images/gray_more_2.png" class="address_edit_img flexbox"/>
  163. </navigator> -->
  164. <!-- 添加收票地址 -->
  165. <!-- <navigator wx:else url="/pages/selectAddress/selectAddress" class="address_nav">
  166. <text class="invoice_left_title">*添加收票地址</text>
  167. <image src="/images/gray_more_2.png" class="address_edit_img flexbox"/>
  168. </navigator> -->
  169. </block>
  170. <view class="invoice_information">
  171. <view class="invoice_type_choose" bindtap='typeopen'>更多发票类型>></view>
  172. <view class="invoice_intro_cont">
  173. <view>发票须知:</view>
  174. <view>1.开票金额为用户实际支付的金额(不含礼品卡与不支持该发票类型的商品实付金额)</view>
  175. <view>2.单笔订单只支持开具一种类型的发票</view>
  176. <view>3.年购订单发票随每期子单寄出</view>
  177. </view>
  178. </view>
  179. <view class="save_btn" bindtap='save'>保存</view>
  180. <view class="cont_bg" wx:if="{{condBg}}" bindtap='showState'></view>
  181. <!-- 发票内容 -->
  182. <view wx:if="{{condition}}" class="citypicker">
  183. <view class="city_cont">
  184. <view class="citybody">
  185. <view class="city_top">
  186. <view class="city_top_cont">
  187. <view class="city_title">发票内容</view>
  188. <view bindtap="invoiceContSure" data-id="{{contNum}}" class="city-true">确定</view>
  189. </view>
  190. </view>
  191. <scroll-view scroll-y class="cont_body">
  192. <block wx:for="{{invoiceContList}}" wx:key="{{index}}" wx:for-index="i">
  193. <view bindtap='invoiceContChoose' data-id="{{i}}" class="cont_body_each {{contNum == i ? 'cont_body_each_active' : '' }}">{{item}}</view>
  194. </block>
  195. </scroll-view>
  196. </view>
  197. </view>
  198. </view>
  199. <!-- 发票类型 -->
  200. <view wx:if="{{conditionType}}" class="citypicker">
  201. <view class="city_cont">
  202. <view class="citybody">
  203. <view class="city_top">
  204. <view class="city_top_cont">
  205. <view class="city_title">发票类型</view>
  206. <view bindtap="invoiceTypeSure" data-id="{{contTypeNum}}" class="city-true">确定</view>
  207. </view>
  208. </view>
  209. <scroll-view scroll-y class="cont_body">
  210. <view bindtap='invoiceTypeChoose' data-id="0" class="cont_body_each {{contTypeNum == 0 ? 'cont_body_each_active' : '' }}">纸质普通发票</view>
  211. <view bindtap='invoiceTypeChoose' data-id="1" class="cont_body_each {{contTypeNum == 1 ? 'cont_body_each_active' : '' }}">增值税专用发票</view>
  212. </scroll-view>
  213. </view>
  214. </view>
  215. </view>
  216. <!-- 消息提示框 -->
  217. <view class="modal_wrap {{hiddenmodal ? 'hidden' : ''}}">
  218. <view class="modal {{hiddenmodal ? 'hidden' : ''}}">{{modalCont}}</view>
  219. </view>
  220. </view>