From e372854c71bc97d162452cc4b3f5cfa586da50a8 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 22 五月 2025 17:06:31 +0800
Subject: [PATCH] feat: UI
---
packages/components/src/views/userAccount/EditGasUserAccount.vue | 37 ++++++++++++++++++++++---------------
1 files changed, 22 insertions(+), 15 deletions(-)
diff --git a/packages/components/src/views/userAccount/EditGasUserAccount.vue b/packages/components/src/views/userAccount/EditGasUserAccount.vue
index 91f751e..1ca2280 100644
--- a/packages/components/src/views/userAccount/EditGasUserAccount.vue
+++ b/packages/components/src/views/userAccount/EditGasUserAccount.vue
@@ -13,28 +13,31 @@
</NutFormItem>
</template>
<NutFormItem label="澶囨敞淇℃伅" class="bole-form-item" prop="remark">
- <NutInput
- v-model.trim="form.remark"
- class="bole-input-text"
+ <NutTextarea
placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�"
- type="text"
- max-length="30"
- />
+ placeholderClass="bole-input-text-placeholder"
+ autoSize
+ class="bole-input-textarea"
+ v-model="form.remark"
+ :max-length="30"
+ limit-show
+ >
+ </NutTextarea>
</NutFormItem>
- <div class="common-content">
- <NutButton class="recharge-button" type="primary" @click="handleSave">
- <div class="recharge-button-inner">
- <div class="recharge-button-text">淇濆瓨</div>
- </div>
- </NutButton>
- </div>
</GasBillRechargeBaseForm>
+ <!-- <div class="chunk-form-actions">
+ <NutButton class="recharge-button" type="primary" @click="handleSave">
+ <div class="recharge-button-inner">
+ <div class="recharge-button-text">淇濆瓨</div>
+ </div>
+ </NutButton>
+ </div> -->
</LoadingLayout>
</template>
<script setup lang="ts">
import GasBillRechargeBaseForm from '../GasBillRecharge/GasBillRechargeBaseForm.vue';
-import { Button as NutButton } from '@nutui/nutui-taro';
+import { Button as NutButton, Textarea as NutTextarea } from '@nutui/nutui-taro';
import { reactive, ref, computed } from 'vue';
import {
useLifeRechargeContext,
@@ -42,7 +45,7 @@
AddUpdateUserAccountInput,
} from '@life-payment/core-vue';
import { useAddUpdateUserAccount, useGetGasParValue } from '../../hooks';
-import LoadingLayout from '../../components//Layout/LoadingLayout.vue';
+import LoadingLayout from '../../components/Layout/LoadingLayout.vue';
import ChooseInputWithPicker from '../../components//Input/ChooseInputWithPicker.vue';
import { useQuery } from '@tanstack/vue-query';
import { GasUserAccountExtraProperties } from '../GasBillRecharge/context';
@@ -84,6 +87,7 @@
form.gasOrgType = data.operators as any;
form.remark = data.remark;
+ form.name = currentUserAccountExtraProperties.name ?? '';
},
enabled: computed(() => !!props.id),
});
@@ -95,6 +99,7 @@
gasAccount: '',
remark: '',
areaList: [] as string[],
+ name: '',
});
const formRef = ref<any>(null);
@@ -127,4 +132,6 @@
emit('success');
} catch (error) {}
}
+
+defineExpose({ handleSave });
</script>
--
Gitblit v1.9.1