| | |
| | | .pro-form-item-tips { |
| | | word-break: break-all; |
| | | } |
| | | |
| | | .model-wrapper { |
| | | .model-footer-wrapper { |
| | | .nut-button { |
| | | border-width: 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | <template> |
| | | <div class="order-card-item"> |
| | | <div class="order-card-item" :class="{ danger }"> |
| | | <div class="order-card-item-label" :style="{ width: labelWidth, textAlign: textAlign }"> |
| | | <slot name="label">{{ label }}</slot> |
| | | </div> |
| | |
| | | value: any; |
| | | labelWidth?: any; |
| | | textAlign?: any; |
| | | danger?: boolean; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | |
| | | @use './common.scss' as *; |
| | | |
| | | .order-card { |
| | | border: 1px solid #e8e8e8; |
| | | border-radius: 12px; |
| | |
| | | flex: 1; |
| | | min-width: 0; |
| | | } |
| | | |
| | | &.danger { |
| | | .order-card-item-value { |
| | | color: boleGetCssVar('color', 'danger'); |
| | | } |
| | | } |
| | | } |
| | |
| | | payStatus?: LifeRechargeConstants.LifePayStatusEnum, |
| | | lifePayOrderStatus?: LifeRechargeConstants.LifePayOrderStatusEnum |
| | | ) { |
| | | console.log('payStatus: ', payStatus); |
| | | if ( |
| | | lifePayOrderStatus === LifeRechargeConstants.LifePayOrderStatusEnum.待确认 && |
| | | payStatus === LifeRechargeConstants.LifePayStatusEnum.已支付 |
| | | (lifePayOrderStatus === LifeRechargeConstants.LifePayOrderStatusEnum.待确认 && |
| | | payStatus === LifeRechargeConstants.LifePayStatusEnum.已支付) || |
| | | payStatus === LifeRechargeConstants.LifePayStatusEnum.待退款 |
| | | ) { |
| | | return '充值成功'; |
| | | return '支付成功'; |
| | | } |
| | | if (payStatus === LifeRechargeConstants.LifePayStatusEnum.已退款) { |
| | | return '已退款'; |
| | |
| | | lifePayOrderStatus === LifeRechargeConstants.LifePayOrderStatusEnum.已完成 && |
| | | payStatus === LifeRechargeConstants.LifePayStatusEnum.已支付 |
| | | ) { |
| | | return '支付成功'; |
| | | return '充值成功'; |
| | | } |
| | | return ''; |
| | | } |
| | |
| | | label="下单时间:" |
| | | :value="item?.creationTime && dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')" |
| | | /> |
| | | <OrderCardItem label="充值金额:" :value="`¥${toThousand(item?.rechargeAmount)}`" /> |
| | | <OrderCardItem label="充值金额:" :value="`¥${toThousand(item?.rechargeAmount)}`" danger /> |
| | | <OrderCardItem label="优惠金额:" :value="`¥${toThousand(item?.discountAmount)}`" /> |
| | | <OrderCardItem label="实付金额:" :value="`¥${toThousand(item?.payAmount)}`" /> |
| | | <OrderCardItem label="实付金额:" :value="`¥${toThousand(item?.payAmount)}`" danger /> |
| | | <OrderCardItem |
| | | label="支付时间:" |
| | | :value="item?.payTime && dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')" |
| | |
| | | label="下单时间:" |
| | | :value="item?.creationTime && dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')" |
| | | /> |
| | | <OrderCardItem label="充值金额:" :value="`¥${toThousand(item?.rechargeAmount)}`" /> |
| | | <OrderCardItem label="充值金额:" :value="`¥${toThousand(item?.rechargeAmount)}`" danger /> |
| | | <OrderCardItem label="优惠金额:" :value="`¥${toThousand(item?.discountAmount)}`" /> |
| | | <OrderCardItem label="实付金额:" :value="`¥${toThousand(item?.payAmount)}`" /> |
| | | <OrderCardItem label="实付金额:" :value="`¥${toThousand(item?.payAmount)}`" danger /> |
| | | <OrderCardItem |
| | | label="支付时间:" |
| | | :value="item?.payTime && dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')" |
| | |
| | | '充值期间,若同一号码款项未到账,请勿在其他平台重复充值;主副卡不可同时充值。因上述操作导致的资金损失,由用户自行承担。', |
| | | '本平台话费充值服务不适用于已停机号码。电信号码若有欠费,也无法完成充值。电信已完成维护的区域包括:广东、江苏、湖北、四川、江西、河北、河南、福建、辽宁。其它区域正在分批次进行维护中,在此期间可能会出现充值不成功并自动退款的情况,请您谅解。', |
| | | '如接到陌生来电,对方以缴费或误操作等理由要求处理款项,务必立即拉黑,谨防诈骗。', |
| | | '售后服务期为充值完成之日起3天。申请售后服务时,需提供录屏证据,请确认接受此要求后再下单,逾期平台不再受理售后申请。', |
| | | '充值发票由运营商提供,您可登录网上营业厅下载电子发票。', |
| | | ]; |
| | | |
| | |
| | | 该产品为慢充模式,0-72小时内到账,介意请勿付款!充值前请仔细阅读充值须知! |
| | | </template> |
| | | <template #info> |
| | | <ConfirmDialogInfoItem label="电网类型" content="国家电网" /> |
| | | <ConfirmDialogInfoItem |
| | | label="电网类型" |
| | | :content="blLifeRecharge.constants.ElectricTypeText[form.electricType]" |
| | | /> |
| | | <ConfirmDialogInfoItem label="电费类型" content="住宅" /> |
| | | <ConfirmDialogInfoItem label="充值金额" :content="`¥${form.parValue.toFixed(2)}`" danger /> |
| | | <ConfirmDialogInfoItem label="优惠金额" :content="`¥${discountParValue.toFixed(2)}`" /> |
| | |
| | | |
| | | export class BlLifeRechargeServices<T extends IRequest> { |
| | | private request: T; |
| | | constructor({ request }: BlLifeRechargeServicesOptions<T>) { |
| | | request2: T; |
| | | constructor({ request, axiosOptions }: BlLifeRechargeServicesOptions<T>) { |
| | | this.request = request; |
| | | const axiosInstance = axios.create(axiosOptions); |
| | | // @ts-expect-error |
| | | this.request2 = (url: string, opts: any = { method: 'GET' }) => { |
| | | return new Promise((resolve, reject) => { |
| | | axiosInstance |
| | | .request({ ...opts, url }) |
| | | .then((res) => { |
| | | //@ts-ignore |
| | | resolve(res); |
| | | }) |
| | | .catch((error) => { |
| | | try { |
| | | // const handler = config?.errorConfig?.errorHandler; |
| | | // if (handler) { |
| | | // handler(error, opts, config); |
| | | // } |
| | | } catch (e) { |
| | | reject(e); |
| | | } |
| | | reject(error); |
| | | }); |
| | | }); |
| | | }; |
| | | } |
| | | |
| | | async lifePayPhoneMesssageCodeLogin(body: PhoneMesssageCodeLoginInput, options?: RequestConfig) { |
| | |
| | | |
| | | export type BlLifeRechargeServicesOptions<T extends IRequest> = { |
| | | request: T; |
| | | axiosOptions?: AxiosRequestConfig; |
| | | }; |
| | | |
| | | export type BlLifeRechargeAccountModelOptions = { |