| | |
|---|
| | | </NutRadio> |
|---|
| | | </NutRadioGroup> |
|---|
| | | </NutFormItem> |
|---|
| | | <SelectPayTypeFormItem |
|---|
| | | v-model="form.lifePayType" |
|---|
| | | :showWeixinPay="showWeixinPay" |
|---|
| | | :showAliPay="showAliPay" |
|---|
| | | ></SelectPayTypeFormItem> |
|---|
| | | <div class="common-content"> |
|---|
| | | <nut-button class="recharge-button" type="primary" @click="handleSubmit"> |
|---|
| | | <div class="recharge-button-inner"> |
|---|
| | |
|---|
| | | <div class="recharge-button-text">立即充值</div> |
|---|
| | | </div> |
|---|
| | | </nut-button> |
|---|
| | | <RechargeTipsView :tips="tips" /> |
|---|
| | | <RechargeTipsView :lifePayOrderType="LifeRechargeConstants.LifePayOrderTypeEnum.电费订单" /> |
|---|
| | | </div> |
|---|
| | | <ConfirmDialog v-model:visible="confirmDialogVisible" @ok="goPay"> |
|---|
| | | <template #tips> |
|---|
| | |
|---|
| | | import ConfirmDialogInfoItem from '../../components/Dialog/ConfirmDialogInfoItem.vue'; |
|---|
| | | import { useGetRate, useGetElectricParValue, useSetUserAccountBySelect } from '../../hooks'; |
|---|
| | | import { FormValidator, initLifePayType } from '../../utils'; |
|---|
| | | import { CustomerServiceTips } from '../../constants'; |
|---|
| | | import AccountAddCard from '../../components/Card/AccountAddCard.vue'; |
|---|
| | | import AccountCard from '../../components/Card/AccountCard.vue'; |
|---|
| | | import { useElectricBillRechargeContext, ElectricUserAccountExtraProperties } from './context'; |
|---|
| | |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const tips = [ |
|---|
| | | '平台提供慢充服务，订单提交后，电费将于0 - 72 小时内到账，若未能按时到账，系统将自动发起退款。', |
|---|
| | | '充值期间，若同一账户的充值款未到账，请勿在其他平台重复充值，因上述操作导致的资金损失，由用户自行承担。', |
|---|
| | | '为确保充值顺利进行，目前平台不支持对欠款金额超过1000元的账户进行充值，且每次充值金额必须高于欠费总额。', |
|---|
| | | '如接到陌生来电，对方以缴费或误操作等理由要求处理款项，务必立即拉黑，谨防诈骗。', |
|---|
| | | '下单时，请您务必准确填写完整的省市及户号信息。充值完成后，发票由运营商提供，您可登录网上营业厅下载对应的电子发票。', |
|---|
| | | CustomerServiceTips, |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | const confirmDialogVisible = ref(false); |
|---|
| | | |
|---|
| | | function recharge() { |
|---|
| | |
|---|
| | | currentOrderNo.value = res.orderNo; |
|---|
| | | } catch (error) {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | useGetPayStatusByOrderNo({ |
|---|
| | | orderNo: currentOrderNo, |
|---|
| | | enabled: computed(() => props.isFocus && !!currentOrderNo.value), |
|---|
| | | onPaySuccess: (orderNo) => { |
|---|
| | | emit('paySuccess', orderNo); |
|---|
| | | currentOrderNo.value = ''; |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | </script> |
|---|
