2025-03-21 16:50:18 +08:00

1 line
15 KiB
Plaintext

<view style="background:#F1F2F8;min-height:100vh;" class="data-v-012434fa"><tn-nav-bar vue-id="2361683a-1" isBack="{{false}}" backTitle bottomShadow="{{true}}" backgroundColor="#FFFFFF" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left data-v-012434fa"><view data-event-opts="{{[['tap',[['goBack']]]]}}" style="padding-left:15rpx;" bindtap="__e" class="data-v-012434fa"><text class="tn-icon-left data-v-012434fa" style="font-size:40rpx;"></text></view><view style="width:83%;font-weight:bold;" class="data-v-012434fa"><text class="data-v-012434fa">发票开取</text></view></view></tn-nav-bar><view class="tn-safe-area-inset-bottom data-v-012434fa" style="{{'padding-top:'+(vuex_custom_bar_height+'px')+';'}}"><block wx:if="{{$root.g0==0}}"><view style="text-align:center;padding-top:200rpx;" class="data-v-012434fa"><image class="no-img data-v-012434fa" style="width:250rpx;" src="/static/_6@2x.png" mode="widthFix"></image><view style="font-size:34rpx;font-weight:bold;margin-top:40rpx;" class="data-v-012434fa">暂无发票数据</view><view style="font-size:28rpx;color:#BABDC7;margin-top:20rpx;" class="data-v-012434fa">未查找到您的发票信息,赶快去申请~</view><view style="margin-top:80rpx;" class="data-v-012434fa"><tn-button vue-id="2361683a-2" width="450rpx" height="85rpx" backgroundColor="#3056D3" shape="round" fontColor="#ffffff" data-event-opts="{{[['^click',[['e0']]]]}}" bind:click="__e" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}">去申请发票</tn-button></view></view></block><view style="padding:30rpx;" class="data-v-012434fa"><block wx:for="{{allList}}" wx:for-item="item" wx:for-index="__i0__"><view style="margin-bottom:30rpx;background-color:#FFF;border-radius:20rpx;padding:30rpx;" class="data-v-012434fa"><view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between data-v-012434fa"><view style="font-size:32rpx;font-weight:bold;" class="data-v-012434fa">{{item.unit}}</view><block wx:if="{{item.if_ssue==3}}"><view style="color:#FF9847;" class="data-v-012434fa"><text class="data-v-012434fa">待审核</text><text class="tn-icon-right data-v-012434fa"></text></view></block><block wx:if="{{item.if_ssue==2}}"><view style="color:#E83A30;" class="data-v-012434fa"><text class="data-v-012434fa">被拒绝</text><text class="tn-icon-right data-v-012434fa"></text></view></block><block wx:if="{{item.if_ssue==1}}"><view style="color:#28B93D;" class="data-v-012434fa"><text class="data-v-012434fa">已开具</text><text class="tn-icon-right data-v-012434fa"></text></view></block></view><view class="view_text data-v-012434fa" style="color:#666666;"><view class="data-v-012434fa"><text class="data-v-012434fa">{{item.name+" / "+item.createtime}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">发票金额:</text><text class="data-v-012434fa">{{"¥"+item.money}}</text></view></view><view style="height:1rpx;border-top:#BABDC7 1rpx dashed;margin:30rpx 0rpx;" class="data-v-012434fa"></view><view style="text-align:right;" class="data-v-012434fa"><tn-button vue-id="{{'2361683a-3-'+__i0__}}" height="70rpx" width="200rpx" fontColor="#999999" shape="round" backgroundColor="#999999" plain="{{true}}" data-event-opts="{{[['^click',[['openInfoMod',['$0'],[[['allList','',__i0__]]]]]]]}}" bind:click="__e" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}">查看</tn-button></view></view></block><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" style="position:fixed;bottom:10%;right:0;box-shadow:0rpx 4rpx 25rpx 0rpx rgba(48,86,211,0.25);text-align:center;color:#FFF;background-color:#3056D3;border-radius:80rpx 0 0rpx 80rpx;width:180rpx;height:70rpx;line-height:70rpx;" bindtap="__e" class="data-v-012434fa">申请发票</view></view></view><tn-popup bind:input="__e" vue-id="2361683a-4" mode="right" safeAreaInsetBottom="{{true}}" width="100%" value="{{addMod}}" data-event-opts="{{[['^input',[['__set_model',['','addMod','$event',[]]]]]]}}" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-nav-bar vue-id="{{('2361683a-5')+','+('2361683a-4')}}" isBack="{{false}}" backTitle bottomShadow="{{true}}" backgroundColor="#FFFFFF" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left data-v-012434fa"><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" style="padding-left:15rpx;" bindtap="__e" class="data-v-012434fa"><text class="tn-icon-left data-v-012434fa" style="font-size:40rpx;"></text></view><view style="width:83%;font-weight:bold;" class="data-v-012434fa"><text class="data-v-012434fa">申请发票</text></view></view></tn-nav-bar><view style="{{'background-color:#F1F2F8;min-height:100vh;'+('padding-top:'+(vuex_custom_bar_height+'px')+';')}}" class="data-v-012434fa"><view class="text data-v-012434fa" style="padding:30rpx;"><view style="background-color:#FFF;border-radius:20rpx;padding:10rpx 30rpx;" class="data-v-012434fa"><tn-form vue-id="{{('2361683a-6')+','+('2361683a-4')}}" labelWidth="{{150}}" data-ref="form" class="data-v-012434fa vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><tn-form-item vue-id="{{('2361683a-7')+','+('2361683a-6')}}" label="申请人" prop="name" required="{{true}}" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-8')+','+('2361683a-7')}}" placeholder="申请人" inputAlign="right" clearable="{{false}}" customStyle="{{({width:'470rpx'})}}" value="{{addForm.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-9')+','+('2361683a-6')}}" label="公司名称" prop="unit" required="{{true}}" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-10')+','+('2361683a-9')}}" placeholder="公司名称" inputAlign="right" clearable="{{false}}" customStyle="{{({width:'470rpx'})}}" value="{{addForm.unit}}" data-event-opts="{{[['^input',[['__set_model',['$0','unit','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-11')+','+('2361683a-6')}}" label="纳税人识别号" required="{{true}}" labelWidth="{{200}}" prop="taxpayer_identification_number" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-12')+','+('2361683a-11')}}" placeholder="纳税人识别号" inputAlign="right" clearable="{{false}}" customStyle="{{({width:'420rpx'})}}" value="{{addForm.taxpayer_identification_number}}" data-event-opts="{{[['^input',[['__set_model',['$0','taxpayer_identification_number','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-13')+','+('2361683a-6')}}" label="单位地址" prop="unit_address" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-14')+','+('2361683a-13')}}" placeholder="单位地址" inputAlign="right" clearable="{{false}}" customStyle="{{({width:'470rpx'})}}" value="{{addForm.unit_address}}" data-event-opts="{{[['^input',[['__set_model',['$0','unit_address','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-15')+','+('2361683a-6')}}" label="单位电话" prop="telephone" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-16')+','+('2361683a-15')}}" placeholder="单位电话" inputAlign="right" clearable="{{false}}" customStyle="{{({width:'470rpx'})}}" value="{{addForm.telephone}}" data-event-opts="{{[['^input',[['__set_model',['$0','telephone','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-17')+','+('2361683a-6')}}" label="银行基本户账号" labelWidth="{{220}}" prop="bank_basic_account_number" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-18')+','+('2361683a-17')}}" placeholder="银行基本户账号" clearable="{{false}}" inputAlign="right" customStyle="{{({width:'410rpx'})}}" value="{{addForm.bank_basic_account_number}}" data-event-opts="{{[['^input',[['__set_model',['$0','bank_basic_account_number','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-19')+','+('2361683a-6')}}" label="开户行" prop="bank" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-20')+','+('2361683a-19')}}" placeholder="开户行" clearable="{{false}}" inputAlign="right" customStyle="{{({width:'470rpx'})}}" value="{{addForm.bank}}" data-event-opts="{{[['^input',[['__set_model',['$0','bank','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-21')+','+('2361683a-6')}}" label="发票金额" required="{{true}}" prop="bank" borderBottom="{{true}}" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('2361683a-22')+','+('2361683a-21')}}" placeholder="发票金额" inputAlign="right" clearable="{{false}}" customStyle="{{({width:'470rpx'})}}" value="{{addForm.money}}" data-event-opts="{{[['^input',[['__set_model',['$0','money','$event',[]],['addForm']]]]]}}" class="data-v-012434fa" bind:__l="__l"></tn-input></tn-form-item><tn-form-item vue-id="{{('2361683a-23')+','+('2361683a-6')}}" label="支付凭证" required="{{true}}" prop="bank" borderBottom="{{false}}" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-right data-v-012434fa"><view style="text-align:center;" class="data-v-012434fa"><block wx:if="{{addForm.voucher!=''}}"><image style="width:200rpx;height:200rpx;" src="{{apiImgUrl+addForm.voucher}}" class="data-v-012434fa"></image></block></view><view style="margin-left:20rpx;" class="data-v-012434fa"><tn-button vue-id="{{('2361683a-24')+','+('2361683a-23')}}" backgroundColor="#3056D3" fontColor="#ffffff" size="sm" data-event-opts="{{[['^click',[['upload_img']]]]}}" bind:click="__e" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}">上传凭证</tn-button></view></view></tn-form-item></tn-form></view></view><view style="position:fixed;bottom:0px;width:100%;background-color:#FFFFFF;box-shadow:0rpx -2rpx 4rpx 0rpx rgba(186,189,199,0.2);padding:30rpx 30rpx 40rpx 30rpx;" class="data-v-012434fa"><view data-event-opts="{{[['tap',[['kp_add_do',['$event']]]]]}}" style="margin:0 auto;line-height:80rpx;height:80rpx;font-size:32rpx;font-weight:bold;text-align:center;width:80%;color:#ffffff;background:#3056D3;border:1rpx solid #3056D3;border-radius:90rpx;" bindtap="__e" class="data-v-012434fa"><text class="data-v-012434fa">申请发票</text></view></view></view></tn-popup><tn-popup bind:input="__e" vue-id="2361683a-25" mode="right" safeAreaInsetBottom="{{true}}" width="100%" value="{{infoMod}}" data-event-opts="{{[['^input',[['__set_model',['','infoMod','$event',[]]]]]]}}" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><tn-nav-bar vue-id="{{('2361683a-26')+','+('2361683a-25')}}" isBack="{{false}}" backTitle bottomShadow="{{true}}" backgroundColor="#FFFFFF" class="data-v-012434fa" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left data-v-012434fa"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" style="padding-left:15rpx;" bindtap="__e" class="data-v-012434fa"><text class="tn-icon-left data-v-012434fa" style="font-size:40rpx;"></text></view><view style="width:83%;font-weight:bold;" class="data-v-012434fa"><text class="data-v-012434fa">开票信息</text></view></view></tn-nav-bar><view style="{{'background-color:#F1F2F8;min-height:100vh;padding-bottom:100rpx;'+('padding-top:'+(vuex_custom_bar_height+'px')+';')}}" class="data-v-012434fa"><view style="padding:30rpx;" class="data-v-012434fa"><view style="background-color:#FFF;border-radius:20rpx;padding:30rpx;" class="data-v-012434fa"><view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between data-v-012434fa"><view style="font-size:32rpx;font-weight:bold;" class="data-v-012434fa">{{info.unit}}</view><block wx:if="{{info.if_ssue==3}}"><view style="color:#FF9847;" class="data-v-012434fa"><text class="data-v-012434fa">待审核</text></view></block><block wx:if="{{info.if_ssue==2}}"><view style="color:#E83A30;" class="data-v-012434fa"><text class="data-v-012434fa">被拒绝</text></view></block><block wx:if="{{info.if_ssue==1}}"><view style="color:#28B93D;" class="data-v-012434fa"><text class="data-v-012434fa">已开具</text></view></block></view><view class="view_text data-v-012434fa" style="font-size:28rpx;color:#666666;margin-top:30rpx;"><view class="data-v-012434fa"><text class="data-v-012434fa">申请人:</text><text class="data-v-012434fa">{{info.name}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">申请时间:</text><text class="data-v-012434fa">{{info.createtime}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">单位电话:</text><text class="data-v-012434fa">{{info.telephone}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">单位地址:</text><text class="data-v-012434fa">{{info.unit_address}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">银行基本户账号:</text><text class="data-v-012434fa">{{info.bank_basic_account_number}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">纳税人识别号:</text><text class="data-v-012434fa">{{info.taxpayer_identification_number}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">开户行:</text><text class="data-v-012434fa">{{info.bank}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">发票金额:</text><text class="data-v-012434fa">{{"¥"+info.money}}</text></view><view class="data-v-012434fa"><text class="data-v-012434fa">支付凭证:</text><image class="no-img data-v-012434fa" style="width:100%;" src="{{apiImgUrl+info.voucher}}" mode="widthFix" data-event-opts="{{[['tap',[['openImgT',[1]]]]]}}" bindtap="__e"></image></view><block wx:if="{{info.if_ssue==1}}"><view class="data-v-012434fa"><text class="data-v-012434fa">电子发票:</text><image class="no-img data-v-012434fa" style="width:100%;" src="{{apiImgUrl+info.invoice_image}}" mode="widthFix" data-event-opts="{{[['tap',[['openImgT',[2]]]]]}}" bindtap="__e"></image></view></block></view></view></view></view><block wx:if="{{info.if_ssue==1}}"><view style="position:fixed;bottom:0px;width:100%;background-color:#FFFFFF;box-shadow:0rpx -2rpx 4rpx 0rpx rgba(186,189,199,0.2);padding:30rpx 30rpx 40rpx 30rpx;" class="data-v-012434fa"><view data-event-opts="{{[['tap',[['openImg',['$event']]]]]}}" style="margin:0 auto;line-height:80rpx;height:80rpx;font-size:32rpx;font-weight:bold;text-align:center;width:80%;color:#ffffff;background:#3056D3;border:1rpx solid #3056D3;border-radius:90rpx;" bindtap="__e" class="data-v-012434fa"><text class="data-v-012434fa">下载发票</text></view></view></block></tn-popup></view>