141 lines
7.5 KiB
HTML
141 lines
7.5 KiB
HTML
<div>
|
||
<div id="doBatchPayFeeModal" class="modal" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">
|
||
<vc:i18n name="收费确认" namespace="batchPayConfirm"></vc:i18n>
|
||
</h5>
|
||
<button type="button" class="close" @click="_closeDoBatchPayFeeModal()" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<vc:i18n name="金额：" namespace="batchPayConfirm"></vc:i18n>
|
||
</label>
|
||
<label class="col-sm-9 col-form-label">{{batchPayConfirmInfo.feePrices}}<span>
|
||
<vc:i18n name="元" namespace="batchPayConfirm"></vc:i18n>
|
||
</span></label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<vc:i18n name="账户金额：" namespace="batchPayConfirm"></vc:i18n>
|
||
</label>
|
||
<label class="col-sm-9 col-form-label">{{batchPayConfirmInfo.accountAmount}}<span>
|
||
<vc:i18n name="元" namespace="batchPayConfirm"></vc:i18n>
|
||
</span></label>
|
||
</div>
|
||
<div class="row form-group" v-if="batchPayConfirmInfo.payType == 'common'">
|
||
<label class="col-sm-3 col-form-label">
|
||
<vc:i18n name="支付方式:" namespace="batchPayConfirm"></vc:i18n>
|
||
</label>
|
||
<div class="col-sm-9">
|
||
<select class="custom-select" v-model="batchPayConfirmInfo.primeRate">
|
||
<option selected disabled value="">
|
||
{{vc.i18n('必填，请选择支付方式','batchPayConfirm')}}
|
||
</option>
|
||
<option v-for="(item,index) in batchPayConfirmInfo.primeRates" :key="index"
|
||
v-if="item.statusCd != '5' && item.statusCd != '6' && item.statusCd != '8'"
|
||
:value="item.statusCd">
|
||
{{item.name}}
|
||
</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="row form-group" v-else>
|
||
<label class="col-sm-3 col-form-label">
|
||
<vc:i18n name="支付方式:" namespace="batchPayConfirm"></vc:i18n>
|
||
</label>
|
||
<div class="col-sm-9">
|
||
<select class="custom-select" v-model="batchPayConfirmInfo.primeRate">
|
||
<option selected disabled value="">
|
||
{{vc.i18n('必填，请选择支付方式','batchPayConfirm')}}
|
||
</option>
|
||
<option v-for="(item,index) in batchPayConfirmInfo.primeRates" :key="index"
|
||
v-if="item.statusCd == '3' || item.statusCd == '4'" :value="item.statusCd">
|
||
{{item.name}}
|
||
</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div v-if="ABAQRCode && batchPayConfirmInfo.primeRate==9" class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<vc:i18n name="ABA KHQR：" namespace="payFeeOrderConfirm"></vc:i18n>
|
||
</label>
|
||
<!-- 使用img标签展示二维码，src绑定到ABAQRCode变量 -->
|
||
|
||
<!-- <img-->
|
||
<!-- class="col-sm-8"-->
|
||
<!-- :src="ABAQRCode"-->
|
||
<!-- alt="ABA QR Code"-->
|
||
<!-- style="max-width: 200px; max-height: 200px;"-->
|
||
<!-- >-->
|
||
<span
|
||
v-if="typeof ABAQRCode === 'string' && ! ABAQRCode.startsWith('data:image/png')"
|
||
class="col-sm-8"
|
||
style="/* 可添加文字样式 */"
|
||
>
|
||
{{ ABAQRCode }}
|
||
</span>
|
||
|
||
|
||
<img
|
||
v-else
|
||
class="col-sm-8"
|
||
:src="ABAQRCode "
|
||
alt="ABA QR Code"
|
||
style="max-width: 200px; "
|
||
>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="modal-footer">
|
||
<input v-model="batchPayConfirmInfo.authCode" id="authCode" class="form-control" style="width: 60%;"
|
||
v-if="batchPayConfirmInfo.payType == 'qrCode'" type="text" @keyup.enter="_qrCodePayFee"
|
||
:placeholder="vc.i18n('请用扫码枪扫码','batchPayConfirm')">
|
||
<button type="button" class="btn btn-secondary" @click="_closeDoBatchPayFeeModal()">
|
||
<vc:i18n name="关闭" namespace="batchPayConfirm"></vc:i18n>
|
||
</button>
|
||
<button type="button" class="btn btn-primary" @click="_doPayFee()"
|
||
v-if="batchPayConfirmInfo.payType == 'common' && aba_pay_status">
|
||
<vc:i18n name="确定收费" namespace="batchPayConfirm"></vc:i18n>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="payFeeResult" class="modal" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">
|
||
<vc:i18n name="缴费提示" namespace="batchPayConfirm"></vc:i18n>
|
||
</h5>
|
||
<button type="button " class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>
|
||
<vc:i18n name="缴费成功" namespace="batchPayConfirm"></vc:i18n>
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" @click="_back()">
|
||
<vc:i18n name="返回" namespace="batchPayConfirm"></vc:i18n>
|
||
</button>
|
||
<button type="button" class="btn btn-primary" @click="_printAndBack('ON')">
|
||
<vc:i18n name="合并打印" namespace="batchPayConfirm"></vc:i18n>
|
||
</button>
|
||
<button type="button" class="btn btn-primary" @click="_printAndBack('OFF')">
|
||
<vc:i18n name="打印收据" namespace="batchPayConfirm"></vc:i18n>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|