| | |
| | | <label class="col-sm-8 col-form-label">{{payFeeOrderConfirmInfo.payerObjName}}</label> |
| | | </div> |
| | | <div class="row" |
| | | v-if="payFeeOrderConfirmInfo.feeFlag != '2006012' && payFeeOrderConfirmInfo.showEndTime != ''"> |
| | | v-if="payFeeOrderConfirmInfo.feeFlag != '2006012' && payFeeOrderConfirmInfo.showEndTime != ''"> |
| | | <label class="col-sm-3 col-form-label"> |
| | | <vc:i18n name="缴费时间段:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </label> |
| | |
| | | {{vc.dateSubOneDay(payFeeOrderConfirmInfo.endTime,vc.dateFormat(payFeeOrderConfirmInfo.showEndTime),payFeeOrderConfirmInfo.feeFlag)}}</label> |
| | | </div> |
| | | <div class="row" |
| | | v-else-if="payFeeOrderConfirmInfo.feeFlag != '2006012' && payFeeOrderConfirmInfo.custEndTime != ''"> |
| | | v-else-if="payFeeOrderConfirmInfo.feeFlag != '2006012' && payFeeOrderConfirmInfo.custEndTime != ''"> |
| | | <label class="col-sm-3 col-form-label"> |
| | | <vc:i18n name="缴费时间段:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </label> |
| | |
| | | </div> |
| | | <div class="row"> |
| | | <label class="col-sm-3 col-form-label"> |
| | | <span><vc:i18n name="优惠金额:" namespace="payFeeOrderConfirm"></vc:i18n></span> |
| | | <span> |
| | | <vc:i18n name="优惠金额:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </span> |
| | | <span class="fa fa-info-circle popover-show1" @mouseover="popOverShowMsg1()" |
| | | @mouseleave="popOverHideMsg1()" style="cursor: pointer;" data-html="true" |
| | | data-content="正数:打折减免的金额;<br>负数:需额外缴纳的滞纳金"></span> |
| | | @mouseleave="popOverHideMsg1()" style="cursor: pointer;" data-html="true" |
| | | data-content="正数:打折减免的金额;<br>负数:需额外缴纳的滞纳金"></span> |
| | | </label> |
| | | <label class="col-sm-8 col-form-label">{{payFeeOrderConfirmInfo.totalDiscountMoney.toFixed(2)}}</label> |
| | | <label |
| | | class="col-sm-8 col-form-label">{{payFeeOrderConfirmInfo.totalDiscountMoney.toFixed(2)}}</label> |
| | | </div> |
| | | <div class="row"> |
| | | <label class="col-sm-3 col-form-label"> |
| | | <vc:i18n name="实收金额:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </label> |
| | | <label class="col-sm-8 col-form-label" |
| | | v-if="payFeeOrderConfirmInfo.flag != null && payFeeOrderConfirmInfo.flag != '' && payFeeOrderConfirmInfo.flag == 'true'"> |
| | | v-if="payFeeOrderConfirmInfo.flag != null && payFeeOrderConfirmInfo.flag != '' && payFeeOrderConfirmInfo.flag == 'true'"> |
| | | {{payFeeOrderConfirmInfo.receivedAmountNumber}} |
| | | </label> |
| | | <label class="col-sm-8 col-form-label" v-else>{{payFeeOrderConfirmInfo.receivedAmount}}</label> |
| | |
| | | payFeeOrderConfirmInfo.accountAmount).toFixed(2)}}</label> |
| | | </div> |
| | | <div class="row" |
| | | v-if="payFeeOrderConfirmInfo.integralAmount != null && payFeeOrderConfirmInfo.integralAmount != ''"> |
| | | v-if="payFeeOrderConfirmInfo.integralAmount != null && payFeeOrderConfirmInfo.integralAmount != ''"> |
| | | <label class="col-sm-3 col-form-label"> |
| | | <vc:i18n name="积分账户抵扣金额:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </label> |
| | | <label class="col-sm-8 col-form-label">{{payFeeOrderConfirmInfo.integralAmount}}</label> |
| | | </div> |
| | | <div class="row" |
| | | v-if="payFeeOrderConfirmInfo.cashAmount != null && payFeeOrderConfirmInfo.cashAmount != ''"> |
| | | v-if="payFeeOrderConfirmInfo.cashAmount != null && payFeeOrderConfirmInfo.cashAmount != ''"> |
| | | <label class="col-sm-3 col-form-label"> |
| | | <vc:i18n name="现金账户抵扣金额:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </label> |
| | |
| | | </label> |
| | | <label class="col-sm-8 col-form-label">{{payFeeOrderConfirmInfo.remark}}</label> |
| | | </div> |
| | | <div class="row" v-show="payFeeOrderConfirmInfo.payType == 'qrCode'" > |
| | | <label class="col-sm-3 col-form-label"> |
| | | <vc:i18n name="二维码:" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </label> |
| | | <div class="col-sm-8"> |
| | | <div id="oweFeeQrcode" style="width: 220px; height: 220px;"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | <div class="modal-footer"> |
| | | <input v-model="payFeeOrderConfirmInfo.authCode" id="authCode" class="form-control" style="width: 60%;" |
| | | v-if="payFeeOrderConfirmInfo.payType == 'qrCode'" type="text" @keyup.enter="_qrCodePayFee" |
| | | :placeholder="vc.i18n('请用扫码枪扫码','payFeeOrderConfirm')"> |
| | | <!-- <input v-model="payFeeOrderConfirmInfo.authCode" id="authCode" class="form-control" style="width: 60%;" |
| | | v-if="payFeeOrderConfirmInfo.payType == 'qrCode'" type="text" @keyup.enter="_qrCodePayFee" |
| | | :placeholder="vc.i18n('请用扫码枪扫码','payFeeOrderConfirm')"> --> |
| | | <!-- <div class="padding-xl margin-top"> |
| | | <canvas id="oweFeeQrcode" style="width: 220px; height: 220px; margin: 0 auto;"></canvas> |
| | | </div> --> |
| | | <button type="button" class="btn btn-secondary" @click="_closeDoPayFeeModal()"> |
| | | <vc:i18n name="关闭" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </button> |
| | | <button type="button" class="btn btn-primary" v-if="payFeeOrderConfirmInfo.payType == 'common'" |
| | | @click="_payFee()"> |
| | | @click="_payFee()"> |
| | | <vc:i18n name="确定收费" namespace="payFeeOrderConfirm"></vc:i18n> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <style> |
| | | #oweFeeQrcode { |
| | | display: block !important; |
| | | visibility: visible !important; |
| | | position: relative; /* 确保没有被其他元素覆盖 */ |
| | | z-index: 10; /* 确保在其他元素上方 */ |
| | | } |
| | | |
| | | |
| | | </style> |