From 23bfd958545ab5548d561ef6db1eafafe03e4e05 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期四, 22 五月 2025 13:23:13 +0800 Subject: [PATCH] fix: 修改ui --- packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue | 54 +++++++++++++++++++++++++++++++++--------------------- 1 files changed, 33 insertions(+), 21 deletions(-) diff --git a/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue b/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue index 9c7dd98..9f28bb7 100644 --- a/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue +++ b/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue @@ -1,31 +1,38 @@ <template> <GasBillRechargeBaseForm ref="formRef" v-model:form="preSetForm"> <NutFormItem label="澶囨敞淇℃伅" class="bole-form-item" prop="remark"> - <NutInput - v-model.trim="preSetForm.remark" - class="bole-input-text" + <NutTextarea placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�" - type="text" - max-length="30" - /> + placeholderClass="bole-input-text-placeholder" + autoSize + class="bole-input-textarea" + v-model="preSetForm.remark" + :max-length="30" + limit-show + > + </NutTextarea> </NutFormItem> - <div class="common-content"> - <nut-button class="recharge-button" type="primary" @click="handleNext"> - <div class="recharge-button-inner"> - <div class="recharge-button-text">绔嬪嵆鍏呭��</div> - </div> - </nut-button> - <nut-button class="recharge-button" type="primary" plain @click="goToPrevious"> - <div class="recharge-button-inner"> - <div class="recharge-button-text">杩斿洖</div> - </div> - </nut-button> - </div> </GasBillRechargeBaseForm> + <div class="chunk-form-actions"> + <NutButton class="recharge-button" type="primary" @click="handleNext"> + <div class="recharge-button-inner"> + <div class="recharge-button-text">淇濆瓨</div> + </div> + </NutButton> + <NutButton class="recharge-button" type="primary" plain @click="goToPrevious"> + <div class="recharge-button-inner"> + <div class="recharge-button-text">杩斿洖</div> + </div> + </NutButton> + </div> </template> <script setup lang="ts"> -import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'; +import { + Button as NutButton, + FormItem as NutFormItem, + Textarea as NutTextarea, +} from '@nutui/nutui-taro'; import { reactive, ref, computed, watch } from 'vue'; import GasBillRechargeBaseForm from './GasBillRechargeBaseForm.vue'; import { useGasBillRechargeContext } from './context'; @@ -62,12 +69,17 @@ userId: blLifeRecharge.accountModel.userId, lifePayType: LifeRechargeConstants.LifePayOrderTypeEnum.鐕冩皵璁㈠崟, content: preSetForm.gasAccount, - province: preSetForm.province, - city: preSetForm.city, + province: preSetForm.areaList?.[0] ?? '', + city: preSetForm.areaList?.[1] ?? '', extraProperties: JSON.stringify(preSetForm), + operators: preSetForm.gasOrgType, remark: preSetForm.remark, }; await addUpdateUserAccount(params); + preSetForm.areaList = []; + preSetForm.gasAccount = ''; + preSetForm.remark = ''; + preSetForm.gasOrgType = '' as any; goToNext(); } catch (error) {} } -- Gitblit v1.9.1