| | |
|---|
| | | <div class="recharge-button-text">立即充值</div> |
|---|
| | | </div> |
|---|
| | | </nut-button> |
|---|
| | | <RechargeTipsView :tips="tips"> |
|---|
| | | <RechargeTipsView :lifePayOrderType="LifeRechargeConstants.LifePayOrderTypeEnum.燃气订单"> |
|---|
| | | <template #tips-top> |
|---|
| | | 同一电费账户在充值期间切勿在多平台重复充值，下单前请仔细阅读下方须知内容。若接到陌生来电，切勿轻信！！！ |
|---|
| | | </template> |
|---|
| | |
|---|
| | | import { useGetRate, useGetGasParValue, useSetUserAccountBySelect } from '../../hooks'; |
|---|
| | | import { useGasBillRechargeContext, GasUserAccountExtraProperties } from './context'; |
|---|
| | | import { FormValidator, initLifePayType } from '../../utils'; |
|---|
| | | import { CustomerServiceTips } from '../../constants'; |
|---|
| | | import AccountAddCard from '../../components/Card/AccountAddCard.vue'; |
|---|
| | | import AccountCard from '../../components/Card/AccountCard.vue'; |
|---|
| | | import RechargeTipsView from '../../components/RechargeTipsView/RechargeTipsView.vue'; |
|---|
| | |
|---|
| | | const emit = defineEmits<{ |
|---|
| | | (e: 'goPay', orderNo: string): void; |
|---|
| | | (e: 'paySuccess', orderNo: string): void; |
|---|
| | | (e: 'missName', userAccountId: string): void; |
|---|
| | | }>(); |
|---|
| | | |
|---|
| | | const { goTo } = useGasBillRechargeContext(); |
|---|
| | |
|---|
| | | remark: '', |
|---|
| | | areaList: [] as string[], |
|---|
| | | lifePayType: initLifePayType(props.isInWeChat, props.isInAlipay), |
|---|
| | | name: '', |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const { userAccountAllList, handleUserAccountChange } = useSetUserAccountBySelect({ |
|---|
| | |
|---|
| | | form.gasOrgType = currentUserAccount.operators; |
|---|
| | | |
|---|
| | | form.remark = currentUserAccount.remark; |
|---|
| | | form.name = currentUserAccountExtraProperties.name ?? ''; |
|---|
| | | const gasParValueItem = gasParValueList.value.find((x) => x.gasOrgCode === form.gasOrgType); |
|---|
| | | if (gasParValueItem && gasParValueItem.parValue.every((x) => Number(x) !== form.parValue)) { |
|---|
| | | form.parValue = 0; |
|---|
| | |
|---|
| | | if (!formRef.value) return; |
|---|
| | | formRef.value.validate().then(({ valid, errors }: any) => { |
|---|
| | | if (valid) { |
|---|
| | | if (!form.name) { |
|---|
| | | emit('missName', form.currentUserAccountId); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | recharge(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const tips = [ |
|---|
| | | '平台提供慢充服务，订单提交后，燃气将于0 - 72 小时内到账，若未能按时到账，系统将自动发起退款。', |
|---|
| | | '目前平台仅支持中国燃气和北京燃气充值服务。', |
|---|
| | | '中国燃气充值户号必须在“壹品慧”APP燃气缴费界面查询到账户信息，户号为11开头或者5开头的10位数字。', |
|---|
| | | '北京燃气不支持欠费充值，仅支持智能表的户号，户号是9开头11位的账户进行充值。', |
|---|
| | | '充值期间，若同一账户的充值款未到账，请勿在其他平台重复充值，因上述操作导致的资金损失，由用户自行承担。', |
|---|
| | | '如接到陌生来电，对方以缴费或误操作等理由要求处理款项，务必立即拉黑，谨防诈骗。', |
|---|
| | | '下单时，请您务必准确填写完整的省市及户号信息。充值完成后，发票由运营商提供，您可登录网上营业厅下载对应的电子发票。', |
|---|
| | | CustomerServiceTips, |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | const confirmDialogVisible = ref(false); |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | const { state, invokeAliPay, invokeWeixinPay } = useSelectPayType({ |
|---|
| | | openId: toRef(props, 'openId'), |
|---|
| | | getOpenId: toRef(props, 'getOpenId'), |
|---|
| | | isInWeChat: toRef(props, 'isInWeChat'), |
|---|
| | | isH5: toRef(props, 'isH5'), |
|---|
| | | appId: toRef(props, 'appId'), |
|---|
| | |
|---|
| | | userId: blLifeRecharge.accountModel.userId, |
|---|
| | | channelId: blLifeRecharge.accountModel.channlesNum, |
|---|
| | | productData: { |
|---|
| | | parValue: props.isDev ? 0.1 : form.parValue, |
|---|
| | | parValue: form.parValue, |
|---|
| | | gasOrgType: form.gasOrgType, |
|---|
| | | gasAccount: form.gasAccount, |
|---|
| | | province: form.areaList?.[0] ?? '', |
|---|
| | | city: form.areaList?.[1] ?? '', |
|---|
| | | // name: form.name, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | let res = await blLifeRecharge.services.createLifePayGasOrder(params); |
|---|
