From e0cb82c8dbf83fabc0cab548abc873926366fb75 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 17:29:15 +0800 Subject: [PATCH] fix: 修改ui --- packages/components/src/views/GasBillRecharge/GasBillRechargeStep1.vue | 34 +++++++++++++++++++++------------- 1 files changed, 21 insertions(+), 13 deletions(-) diff --git a/packages/components/src/views/GasBillRecharge/GasBillRechargeStep1.vue b/packages/components/src/views/GasBillRecharge/GasBillRechargeStep1.vue index e863bf0..7a73a9b 100644 --- a/packages/components/src/views/GasBillRecharge/GasBillRechargeStep1.vue +++ b/packages/components/src/views/GasBillRecharge/GasBillRechargeStep1.vue @@ -1,21 +1,25 @@ <template> - <NutForm label-position="top" class="order-bill-recharge gas-bill-recharge-wrapper phone"> + <NutForm + label-position="top" + class="order-bill-recharge gas-bill-recharge-wrapper phone chunk-form" + > + <div class="gas-bill-recharge-title">閫夋嫨缂磋垂绫诲瀷</div> <NutFormItem class="bole-form-item"> <GasOrgTypeCard - :title="item" - v-for="(item, gasOrgCodeEnum) in BlLifeRecharge.constants.GasOrgCodeEnumText" - :key="item" - @click="goNext(gasOrgCodeEnum)" + :title="item.gasOrgName" + v-for="item in gasParValueList" + :key="item.gasOrgCode" + @click="goNext(item.gasOrgCode)" ></GasOrgTypeCard> </NutFormItem> - <div class="common-content"> - <NutButton class="recharge-button" type="primary" plain @click="goTo('step3')"> - <div class="recharge-button-inner"> - <div class="recharge-button-text">杩斿洖</div> - </div> - </NutButton> - </div> </NutForm> + <div class="chunk-form-actions"> + <NutButton class="recharge-button" type="primary" plain @click="goTo('step3')"> + <div class="recharge-button-inner"> + <div class="recharge-button-text">杩斿洖</div> + </div> + </NutButton> + </div> </template> <script setup lang="ts"> @@ -23,6 +27,8 @@ import GasOrgTypeCard from './GasOrgTypeCard.vue'; import { BlLifeRecharge, LifeRechargeConstants } from '@life-payment/core-vue'; import { useGasBillRechargeContext } from './context'; +import { useGetGasParValue } from '../../hooks'; +import Chunk from '../../components/Layout/Chunk.vue'; defineOptions({ name: 'GasBillRechargeStep1', @@ -30,7 +36,9 @@ const { preSetForm, goToNext, goTo } = useGasBillRechargeContext(); -function goNext(gasOrgType: LifeRechargeConstants.GasOrgCodeEnum) { +const { gasParValueList } = useGetGasParValue(); + +function goNext(gasOrgType: string) { preSetForm.gasOrgType = gasOrgType; goToNext(); } -- Gitblit v1.9.1