|
4 | 4 | <h4>{{ props.title }}</h4> |
5 | 5 | </template> |
6 | 6 | <h4 class="title-decoration-1 mb-16 mt-8">{{ $t('common.info') }}</h4> |
7 | | - <el-form ref="userFormRef" :model="userForm" :rules="rules" label-position="top" require-asterisk-position="right" |
8 | | - @submit.prevent :close-on-click-modal="false" :close-on-press-escape="false"> |
9 | | - <el-form-item :prop="isEdit ? '' : 'username'" :label="$t('views.login.loginForm.username.label')"> |
10 | | - <el-input v-model="userForm.username" :placeholder="$t('views.login.loginForm.username.placeholder')" |
11 | | - maxlength="64" show-word-limit :disabled="isEdit"> |
| 7 | + <el-form ref="userFormRef" :model="userForm" :rules="rules" label-position="top" |
| 8 | + require-asterisk-position="right" |
| 9 | + @submit.prevent :close-on-click-modal="false" :close-on-press-escape="false"> |
| 10 | + <el-form-item :prop="isEdit ? '' : 'username'" |
| 11 | + :label="$t('views.login.loginForm.username.label')"> |
| 12 | + <el-input v-model="userForm.username" |
| 13 | + :placeholder="$t('views.login.loginForm.username.placeholder')" |
| 14 | + maxlength="64" show-word-limit :disabled="isEdit"> |
12 | 15 | </el-input> |
13 | 16 | </el-form-item> |
14 | 17 | <el-form-item prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')"> |
15 | | - <el-input v-model="userForm.nick_name" :placeholder="$t('views.userManage.userForm.nick_name.placeholder')" |
16 | | - maxlength="64" show-word-limit> |
| 18 | + <el-input v-model="userForm.nick_name" |
| 19 | + :placeholder="$t('views.userManage.userForm.nick_name.placeholder')" |
| 20 | + maxlength="64" show-word-limit> |
17 | 21 | </el-input> |
18 | 22 | </el-form-item> |
19 | 23 | <el-form-item :label="$t('views.login.loginForm.email.label')" prop="email"> |
20 | | - <el-input type="email" v-model="userForm.email" :placeholder="$t('views.login.loginForm.email.placeholder')"> |
| 24 | + <el-input type="email" v-model="userForm.email" |
| 25 | + :placeholder="$t('views.login.loginForm.email.placeholder')"> |
21 | 26 | </el-input> |
22 | 27 | </el-form-item> |
23 | 28 | <el-form-item :label="$t('views.userManage.userForm.phone.label')" prop="phone"> |
24 | | - <el-input v-model="userForm.phone" :placeholder="$t('views.userManage.userForm.phone.placeholder')"> |
| 29 | + <el-input v-model="userForm.phone" |
| 30 | + :placeholder="$t('views.userManage.userForm.phone.placeholder')"> |
25 | 31 | </el-input> |
26 | 32 | </el-form-item> |
27 | | - <el-form-item label="默认密码" v-if="!isEdit"> |
| 33 | + <el-form-item :label="$t('views.userManage.defaultPassword')" v-if="!isEdit"> |
28 | 34 | <span class="mr-8">{{ userForm.password }}</span> |
29 | 35 | <el-button type="primary" link @click="copyClick(userForm.password)"> |
30 | 36 | <AppIcon iconName="app-copy"></AppIcon> |
|
33 | 39 | <h4 class="title-decoration-1 mb-16 mt-8">{{ $t('views.chatUser.group.title') }}</h4> |
34 | 40 | <el-form-item :label="$t('views.chatUser.group.title')" prop="user_group_ids"> |
35 | 41 | <el-select v-model="userForm.user_group_ids" multiple filterable |
36 | | - :placeholder="`${$t('common.selectPlaceholder')}${$t('views.chatUser.group.title')}`" |
37 | | - :loading="props.optionLoading"> |
38 | | - <el-option v-for="item in props.chatGroupList" :key="item.id" :label="item.name" :value="item.id"> |
| 42 | + :placeholder="`${$t('common.selectPlaceholder')}${$t('views.chatUser.group.title')}`" |
| 43 | + :loading="props.optionLoading"> |
| 44 | + <el-option v-for="item in props.chatGroupList" :key="item.id" :label="item.name" |
| 45 | + :value="item.id"> |
39 | 46 | </el-option> |
40 | 47 | </el-select> |
41 | 48 | </el-form-item> |
|
49 | 56 | </el-drawer> |
50 | 57 | </template> |
51 | 58 | <script setup lang="ts"> |
52 | | -import { ref, reactive, watch } from 'vue' |
53 | | -import type { FormInstance } from 'element-plus' |
| 59 | +import {ref, reactive, watch} from 'vue' |
| 60 | +import type {FormInstance} from 'element-plus' |
54 | 61 | import userManageApi from '@/api/system/user-manage' |
55 | | -import { MsgSuccess } from '@/utils/message' |
56 | | -import { t } from '@/locales' |
57 | | -import type { ListItem } from '@/api/type/common' |
58 | | -import { copyClick } from '@/utils/clipboard' |
| 62 | +import {MsgSuccess} from '@/utils/message' |
| 63 | +import {t} from '@/locales' |
| 64 | +import type {ListItem} from '@/api/type/common' |
| 65 | +import {copyClick} from '@/utils/clipboard' |
59 | 66 | import {loadPermissionApi} from "@/utils/dynamics-api/permission-api.ts"; |
60 | 67 |
|
61 | 68 | const props = defineProps<{ |
@@ -177,7 +184,7 @@ const submit = async (formEl: FormInstance | undefined) => { |
177 | 184 | }) |
178 | 185 | } |
179 | 186 |
|
180 | | -defineExpose({ open }) |
| 187 | +defineExpose({open}) |
181 | 188 | </script> |
182 | 189 | <style lang="scss" scoped> |
183 | 190 |
|
|
0 commit comments