| | |
|---|
| | | </NutRadio> |
|---|
| | | </NutRadioGroup> |
|---|
| | | </NutFormItem> |
|---|
| | | <SelectPayTypeFormItem v-model="form.lifePayType"></SelectPayTypeFormItem> |
|---|
| | | <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.燃气订单"> |
|---|
| | | <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 tips = [ |
|---|
| | | '平台提供慢充服务，订单提交后，燃气将于0 - 72 小时内到账，若未能按时到账，系统将自动发起退款。', |
|---|
| | | '目前平台仅支持中国燃气和北京燃气充值服务。', |
|---|
| | | '中国燃气充值户号必须在“壹品慧”APP燃气缴费界面查询到账户信息，户号为11开头或者5开头的10位数字。', |
|---|
| | | '北京燃气不支持欠费充值，仅支持智能表的户号，户号是9开头11位的账户进行充值。', |
|---|
| | | '充值期间，若同一账户的充值款未到账，请勿在其他平台重复充值，因上述操作导致的资金损失，由用户自行承担。', |
|---|
| | | '如接到陌生来电，对方以缴费或误操作等理由要求处理款项，务必立即拉黑，谨防诈骗。', |
|---|
| | | '下单时，请您务必准确填写完整的省市及户号信息。充值完成后，发票由运营商提供，您可登录网上营业厅下载对应的电子发票。', |
|---|
| | | CustomerServiceTips, |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | const confirmDialogVisible = ref(false); |
|---|
| | | |
|---|
| | | function recharge() { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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] ?? '', |
|---|
