MrShi
12 小时以前 ce06ca62a0dd65d4a8fb57126948449c804ad77e
small-program/unpackage/dist/dev/mp-weixin/shop/pages/Invoice-request/Invoice-request.wxml
@@ -1 +1 @@
<view class="invoice-request-page data-v-bf72f50e"><view class="top-card data-v-bf72f50e"><view class="top-line data-v-bf72f50e">{{"订单编号:"+orderNo}}</view><view class="top-line data-v-bf72f50e"><text class="data-v-bf72f50e">开票金额:</text><text class="amount-text data-v-bf72f50e">{{"¥"+amount}}</text></view></view><view class="form-card data-v-bf72f50e"><view data-event-opts="{{[['tap',[['openInvoiceTypePopup',['$event']]]]]}}" class="form-row arrow-row data-v-bf72f50e" bindtap="__e"><text class="row-label data-v-bf72f50e">发票类型</text><view class="row-value with-arrow data-v-bf72f50e"><text class="data-v-bf72f50e">{{invoiceTypeLabel}}</text><u-icon vue-id="688aaaad-1" name="arrow-right" size="14" color="#3a3f46" class="data-v-bf72f50e" bind:__l="__l"></u-icon></view></view><view class="divider data-v-bf72f50e"></view><view class="form-row title-type-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">抬头类型</text><view class="title-options data-v-bf72f50e"><view data-event-opts="{{[['tap',[['changeTitleType',['personal']]]]]}}" class="radio-item data-v-bf72f50e" bindtap="__e"><view class="{{['radio-dot','data-v-bf72f50e',(titleType==='personal')?'active':'']}}"></view><text class="radio-text data-v-bf72f50e">个人/事业单位</text></view><view data-event-opts="{{[['tap',[['changeTitleType',['company']]]]]}}" class="radio-item data-v-bf72f50e" bindtap="__e"><view class="{{['radio-dot','data-v-bf72f50e',(titleType==='company')?'active':'']}}"></view><text class="radio-text data-v-bf72f50e">企业</text></view></view></view><view class="divider data-v-bf72f50e"></view><view data-event-opts="{{[['tap',[['chooseInvoiceTitle',['$event']]]]]}}" class="form-row arrow-row data-v-bf72f50e" bindtap="__e"><text class="row-label data-v-bf72f50e">发票抬头</text><view class="row-value with-arrow placeholder-text data-v-bf72f50e"><text class="{{['data-v-bf72f50e',(selectedTitle)?'selected-text':'']}}">{{selectedTitle||'选择发票抬头'}}</text><u-icon vue-id="688aaaad-2" name="arrow-right" size="14" color="#3a3f46" class="data-v-bf72f50e" bind:__l="__l"></u-icon></view></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">税号</text><input class="row-input data-v-bf72f50e" type="text" placeholder="输入纳税人识别号或社会统一征信代码" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','taxNo','$event',[]],['form']]]]]}}" value="{{form.taxNo}}" bindinput="__e"/></view><block wx:if="{{titleType==='company'}}"><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">开户银行</text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','bankName','$event',[]],['form']]]]]}}" value="{{form.bankName}}" bindinput="__e"/></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">银行账号</text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','bankAccount','$event',[]],['form']]]]]}}" value="{{form.bankAccount}}" bindinput="__e"/></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">企业地址</text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','companyAddress','$event',[]],['form']]]]]}}" value="{{form.companyAddress}}" bindinput="__e"/></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">企业电话</text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','companyPhone','$event',[]],['form']]]]]}}" value="{{form.companyPhone}}" bindinput="__e"/></view></block></view><view class="detail-card data-v-bf72f50e"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="form-row detail-row data-v-bf72f50e" bindtap="__e"><text class="row-label data-v-bf72f50e">抬头类型</text><view class="detail-check data-v-bf72f50e"><view class="{{['check-circle','data-v-bf72f50e',(detailChecked)?'active':'']}}"><block wx:if="{{detailChecked}}"><u-icon vue-id="688aaaad-3" name="checkbox-mark" size="12" color="#ffffff" class="data-v-bf72f50e" bind:__l="__l"></u-icon></block></view><text class="radio-text data-v-bf72f50e">明细</text></view></view></view><view class="submit-wrap data-v-bf72f50e"><view data-event-opts="{{[['tap',[['goConfirmInvoiceIssuance',['$event']]]]]}}" class="submit-btn data-v-bf72f50e" bindtap="__e">提交申请</view></view><u-popup vue-id="688aaaad-4" show="{{showInvoiceTypePopup}}" mode="bottom" round="24" data-event-opts="{{[['^close',[['closeInvoiceTypePopup']]]]}}" bind:close="__e" class="data-v-bf72f50e" bind:__l="__l" vue-slots="{{['default']}}"><view class="invoice-type-popup data-v-bf72f50e"><view class="popup-head data-v-bf72f50e"><text class="popup-title data-v-bf72f50e">选择发票类型</text><view data-event-opts="{{[['tap',[['closeInvoiceTypePopup',['$event']]]]]}}" class="popup-close data-v-bf72f50e" bindtap="__e"><u-icon vue-id="{{('688aaaad-5')+','+('688aaaad-4')}}" name="close" size="24" color="#a8a8a8" class="data-v-bf72f50e" bind:__l="__l"></u-icon></view></view><block wx:for="{{invoiceTypeOptions}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" data-event-params="{{({item})}}" class="{{['type-option','data-v-bf72f50e',(tempInvoiceType===item.value)?'active':'']}}" bindtap="__e"><view class="option-copy data-v-bf72f50e"><view class="option-title data-v-bf72f50e">{{item.label}}</view><view class="option-desc data-v-bf72f50e">{{item.desc}}</view></view><view class="{{['option-check','data-v-bf72f50e',(tempInvoiceType===item.value)?'active':'']}}"><block wx:if="{{tempInvoiceType===item.value}}"><u-icon vue-id="{{('688aaaad-6-'+__i0__)+','+('688aaaad-4')}}" name="checkmark" size="14" color="#ffffff" class="data-v-bf72f50e" bind:__l="__l"></u-icon></block></view></view></block><view data-event-opts="{{[['tap',[['confirmInvoiceType',['$event']]]]]}}" class="popup-confirm data-v-bf72f50e" bindtap="__e">确定选择</view></view></u-popup></view>
<view class="invoice-request-page data-v-bf72f50e"><view class="top-card data-v-bf72f50e"><view class="top-line data-v-bf72f50e">{{"订单编号:"+orderNo}}</view><view class="top-line data-v-bf72f50e"><text class="data-v-bf72f50e">开票金额:</text><text class="amount-text data-v-bf72f50e">{{"¥"+amount}}</text></view></view><view class="form-card data-v-bf72f50e"><view data-event-opts="{{[['tap',[['openInvoiceTypePopup',['$event']]]]]}}" class="form-row arrow-row data-v-bf72f50e" bindtap="__e"><text class="row-label data-v-bf72f50e">发票类型</text><view class="row-value with-arrow data-v-bf72f50e"><text class="data-v-bf72f50e">{{invoiceTypeLabel}}</text><u-icon vue-id="688aaaad-1" name="arrow-right" size="14" color="#3a3f46" class="data-v-bf72f50e" bind:__l="__l"></u-icon></view></view><view class="divider data-v-bf72f50e"></view><view class="form-row title-type-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">抬头类型</text><view class="title-options data-v-bf72f50e"><view data-event-opts="{{[['tap',[['changeTitleType',['personal']]]]]}}" class="radio-item data-v-bf72f50e" bindtap="__e"><view class="{{['radio-dot','data-v-bf72f50e',(titleType==='personal')?'active':'']}}"></view><text class="radio-text data-v-bf72f50e">个人/事业单位</text></view><view data-event-opts="{{[['tap',[['changeTitleType',['company']]]]]}}" class="radio-item data-v-bf72f50e" bindtap="__e"><view class="{{['radio-dot','data-v-bf72f50e',(titleType==='company')?'active':'']}}"></view><text class="radio-text data-v-bf72f50e">企业</text></view></view></view><view class="divider data-v-bf72f50e"></view><view data-event-opts="{{[['tap',[['chooseInvoiceTitle',['$event']]]]]}}" class="form-row arrow-row data-v-bf72f50e" bindtap="__e"><text class="row-label data-v-bf72f50e">发票抬头</text><view class="row-value with-arrow placeholder-text data-v-bf72f50e"><text class="{{['data-v-bf72f50e',(selectedTitle)?'selected-text':'']}}">{{selectedTitle||'选择发票抬头'}}</text><u-icon vue-id="688aaaad-2" name="arrow-right" size="14" color="#3a3f46" class="data-v-bf72f50e" bind:__l="__l"></u-icon></view></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e">税号</text><input class="row-input data-v-bf72f50e" type="text" placeholder="输入纳税人识别号或社会统一征信代码" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','taxId','$event',[]],['form']]]]]}}" value="{{form.taxId}}" bindinput="__e"/></view><block wx:if="{{titleType==='company'}}"><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e"><block wx:if="{{isSpecialInvoice}}"><text class="required-star data-v-bf72f50e">*</text></block>开户银行 </text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','bankName','$event',[]],['form']]]]]}}" value="{{form.bankName}}" bindinput="__e"/></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e"><block wx:if="{{isSpecialInvoice}}"><text class="required-star data-v-bf72f50e">*</text></block>银行账号 </text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','bankAccount','$event',[]],['form']]]]]}}" value="{{form.bankAccount}}" bindinput="__e"/></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e"><block wx:if="{{isSpecialInvoice}}"><text class="required-star data-v-bf72f50e">*</text></block>企业地址 </text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','companyAddr','$event',[]],['form']]]]]}}" value="{{form.companyAddr}}" bindinput="__e"/></view><view class="divider data-v-bf72f50e"></view><view class="form-row input-row data-v-bf72f50e"><text class="row-label data-v-bf72f50e"><block wx:if="{{isSpecialInvoice}}"><text class="required-star data-v-bf72f50e">*</text></block>企业电话 </text><input class="row-input data-v-bf72f50e" type="text" placeholder="开具专票时必填" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','companyPhone','$event',[]],['form']]]]]}}" value="{{form.companyPhone}}" bindinput="__e"/></view></block></view><view class="detail-card data-v-bf72f50e"><view data-event-opts="{{[['tap',[['handleDetailCheck',['$event']]]]]}}" class="{{['form-row','detail-row','data-v-bf72f50e',(isSpecialInvoice)?'disabled':'']}}" bindtap="__e"><text class="row-label data-v-bf72f50e">发票明细</text><view class="detail-check data-v-bf72f50e"><view class="{{['check-circle','data-v-bf72f50e',(detailChecked)?'active':'']}}"><block wx:if="{{detailChecked}}"><u-icon vue-id="688aaaad-3" name="checkbox-mark" size="12" color="#ffffff" class="data-v-bf72f50e" bind:__l="__l"></u-icon></block></view><text class="radio-text data-v-bf72f50e">明细</text></view></view></view><view class="submit-wrap data-v-bf72f50e"><view data-event-opts="{{[['tap',[['goConfirmInvoiceIssuance',['$event']]]]]}}" class="submit-btn data-v-bf72f50e" bindtap="__e">提交申请</view></view><u-popup vue-id="688aaaad-4" show="{{showInvoiceTypePopup}}" mode="bottom" round="24" data-event-opts="{{[['^close',[['closeInvoiceTypePopup']]]]}}" bind:close="__e" class="data-v-bf72f50e" bind:__l="__l" vue-slots="{{['default']}}"><view class="invoice-type-popup data-v-bf72f50e"><view class="popup-head data-v-bf72f50e"><text class="popup-title data-v-bf72f50e">选择发票类型</text><view data-event-opts="{{[['tap',[['closeInvoiceTypePopup',['$event']]]]]}}" class="popup-close data-v-bf72f50e" bindtap="__e"><u-icon vue-id="{{('688aaaad-5')+','+('688aaaad-4')}}" name="close" size="24" color="#a8a8a8" class="data-v-bf72f50e" bind:__l="__l"></u-icon></view></view><block wx:for="{{invoiceTypeOptions}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({item})}}" class="{{['type-option','data-v-bf72f50e',(tempInvoiceType===item.value)?'active':'']}}" bindtap="__e"><view class="option-copy data-v-bf72f50e"><view class="option-title data-v-bf72f50e">{{item.label}}</view><view class="option-desc data-v-bf72f50e">{{item.desc}}</view></view><view class="{{['option-check','data-v-bf72f50e',(tempInvoiceType===item.value)?'active':'']}}"><block wx:if="{{tempInvoiceType===item.value}}"><u-icon vue-id="{{('688aaaad-6-'+__i0__)+','+('688aaaad-4')}}" name="checkmark" size="14" color="#ffffff" class="data-v-bf72f50e" bind:__l="__l"></u-icon></block></view></view></block><view data-event-opts="{{[['tap',[['confirmInvoiceType',['$event']]]]]}}" class="popup-confirm data-v-bf72f50e" bindtap="__e">确定选择</view></view></u-popup></view>