WFC/fe.wfc
2
0
Fork 0
Code Activity

fix：用户信息界面中英适配

Browse Source
This commit is contained in:
zhongzm
2025-02-08 15:56:08 +08:00
parent 5eeaa824ff
commit 8546cfc615
4 changed files with 73 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/user-center/user/modules/user-search.vue
View File

@@ -2,7 +2,8 @@
import { ref, computed } from 'vue';
import type { FormInstance } from 'ant-design-vue';
import type { SearchModel } from '@/views/user-center/user/type';
import { useI18n } from 'vue-i18n';
const { t } = useI18n();
const props = defineProps<{
model: SearchModel;
}>();
@@ -83,24 +84,30 @@ const handleSearch = () => {
layout="inline"
class="flex flex-wrap gap-16px items-center"
>
<AFormItem label="用户名" name="username">
<AFormItem :label="t('page.user.username')" name="username">
<AInput
v-model:value="formModel.username"
placeholder="请输入用户名"
:placeholder="t('page.user.pleusername')"
allow-clear
/>
</AFormItem>
<AFormItem label="邮箱" name="email">
<AFormItem :label="t('page.user.email')" name="email">
<AInput
v-model:value="formModel.email"
placeholder="请输入邮箱"
:placeholder="t('page.user.pleemail')"
allow-clear
/>
</AFormItem>
<AFormItem class="flex-1 justify-end mb-0">
<ASpace>
<AButton @click="handleReset">重置</AButton>
<AButton type="primary" @click="handleSearch">搜索</AButton>
<AButton type="primary" @click="handleSearch">
<template #icon>
<icon-mdi-search />
</template>{{ t('page.user.search') }}</AButton>
<AButton @click="handleReset">
<template #icon>
<icon-mdi-refresh />
</template>{{ t('page.user.reset') }}</AButton>
</ASpace>
</AFormItem>
</AForm>