From ac4341ea6b66ae02427d39d35f41d42d78b2eb2e Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期五, 14 二月 2025 10:08:32 +0800 Subject: [PATCH] # --- zy-asrs-admin/src/views/system/user/edit.vue | 317 +++++++++++++++------------------------------------- 1 files changed, 91 insertions(+), 226 deletions(-) diff --git a/zy-asrs-admin/src/views/system/user/edit.vue b/zy-asrs-admin/src/views/system/user/edit.vue index 57f2e8c..d907a4f 100644 --- a/zy-asrs-admin/src/views/system/user/edit.vue +++ b/zy-asrs-admin/src/views/system/user/edit.vue @@ -9,7 +9,6 @@ const open = ref(false); const initFormData = {} let formData = ref(initFormData); -const treeData = ref(null); const emit = defineEmits(['tableReload']) @@ -38,18 +37,18 @@ console.log('Failed:', errorInfo); }; -const DeptQueryList = ref(null); +const DeptQueryList = ref(null); DeptQuery(); -function DeptQuery() { - postForm('/api/dept/query', {}).then(resp => { +function DeptQuery() { + postForm('/api/dept/query', {}).then(resp => { let result = resp.data; DeptQueryList.value = result.data; }) } -const UserQueryList = ref(null); +const UserQueryList = ref(null); UserQuery(); -function UserQuery() { - postForm('/api/user/query', {}).then(resp => { +function UserQuery() { + postForm('/api/user/query', {}).then(resp => { let result = resp.data; UserQueryList.value = result.data; }) @@ -60,7 +59,6 @@ open, formData, initFormData, - treeData, isSave, }) @@ -80,230 +78,97 @@ <a-form :model="formData" name="formTable" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" style="display: flex;justify-content: space-between;flex-wrap: wrap;" autocomplete="off" @finish="onFinish" @finishFailed="onFinishFailed"> - <a-form-item - label="璐﹀彿" - name="username" - style="width: 250px;" - :rules="[{ required: true }]" - > - <a-input - v-model:value="formData.username" - /> - </a-form-item> - <a-form-item - label="瀵嗙爜" - name="password" - style="width: 250px;" - > - <a-input - v-model:value="formData.password" - /> - </a-form-item> - <a-form-item - label="鏄电О" - name="nickname" - style="width: 250px;" - > - <a-input - v-model:value="formData.nickname" - /> - </a-form-item> - <a-form-item - label="澶村儚" - name="avatar" - style="width: 250px;" - > - <a-input - v-model:value="formData.avatar" - /> - </a-form-item> - <a-form-item - label="宸ュ彿" - name="code" - style="width: 250px;" - > - <a-input - v-model:value="formData.code" - /> - </a-form-item> - <a-form-item - label="鎬у埆" - name="sex" - style="width: 250px;" - > - <a-select - v-model:value="formData.sex" - :options="[ - { label: '鏈煡', value: 0 }, - { label: '鐢�', value: 1 }, - { label: '濂�', value: 2 }, - ]" - > + <a-form-item :label="formatMessage('db.sys_user.username', '璐﹀彿')" name="username" style="width: 250px;" + :rules="[{ required: true }]"> + <a-input v-model:value="formData.username" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.nickname', '鏄电О')" name="nickname" + style="width: 250px;"> + <a-input v-model:value="formData.nickname" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.avatar', '澶村儚')" name="avatar" style="width: 250px;"> + <a-input v-model:value="formData.avatar" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.code', '宸ュ彿')" name="code" style="width: 250px;"> + <a-input v-model:value="formData.code" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.sex', '鎬у埆')" name="sex" style="width: 250px;"> + <a-select v-model:value="formData.sex" :options="[ + { label: '鏈煡', value: 0 }, + { label: '鐢�', value: 1 }, + { label: '濂�', value: 2 }, + ]"> </a-select> - </a-form-item> - <a-form-item - label="鎵嬫満鍙�" - name="phone" - style="width: 250px;" - > - <a-input - v-model:value="formData.phone" - /> - </a-form-item> - <a-form-item - label="閭" - name="email" - style="width: 250px;" - > - <a-input - v-model:value="formData.email" - /> - </a-form-item> - <a-form-item - label="閭楠岃瘉" - name="emailVerified" - style="width: 250px;" - > - <a-select - v-model:value="formData.emailVerified" - :options="[ - { label: '鍚�', value: 0 }, - { label: '鏄�', value: 1 }, - ]" - > + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.phone', '鎵嬫満鍙�')" name="phone" style="width: 250px;"> + <a-input v-model:value="formData.phone" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.email', '閭')" name="email" style="width: 250px;"> + <a-input v-model:value="formData.email" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.email_verified', '閭楠岃瘉')" name="emailVerified" + style="width: 250px;"> + <a-select v-model:value="formData.emailVerified" :options="[ + { label: '鍚�', value: 0 }, + { label: '鏄�', value: 1 }, + ]"> </a-select> - </a-form-item> - <a-form-item - label="鎵�灞為儴闂�" - name="deptId" - style="width: 250px;" - > - <a-select - v-model:value="formData.deptId" - placeholder="Select users" - style="width: 100%" - show-search - :options="DeptQueryList" - optionFilterProp="label" - optionLabelProp="label" - > + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.dept_id', '鎵�灞為儴闂�')" name="deptId" style="width: 250px;"> + <a-select v-model:value="formData.deptId" :placeholder="formatMessage('common.select', '璇烽�夋嫨')" + style="width: 100%" show-search :options="DeptQueryList" optionFilterProp="label" + optionLabelProp="label"> </a-select> - </a-form-item> - <a-form-item - label="鐪熷疄濮撳悕" - name="realName" - style="width: 250px;" - > - <a-input - v-model:value="formData.realName" - /> - </a-form-item> - <a-form-item - label="韬唤璇佸彿" - name="idCard" - style="width: 250px;" - > - <a-input - v-model:value="formData.idCard" - /> - </a-form-item> - <a-form-item - label="鍑虹敓鏃ユ湡" - name="birthday" - style="width: 250px;" - > - <a-input - v-model:value="formData.birthday" - /> - </a-form-item> - <a-form-item - label="涓汉绠�浠�" - name="introduction" - style="width: 250px;" - > - <a-input - v-model:value="formData.introduction" - /> - </a-form-item> - <a-form-item - label="鐘舵��" - name="status" - style="width: 250px;" - > - <a-select - v-model:value="formData.status" - :options="[ - { label: '姝e父', value: 1 }, - { label: '绂佺敤', value: 0 }, - ]" - > + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.real_name', '鐪熷疄濮撳悕')" name="realName" + style="width: 250px;"> + <a-input v-model:value="formData.realName" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.id_card', '韬唤璇佸彿')" name="idCard" style="width: 250px;"> + <a-input v-model:value="formData.idCard" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.birthday', '鍑虹敓鏃ユ湡')" name="birthday" + style="width: 250px;"> + <a-input v-model:value="formData.birthday" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.introduction', '涓汉绠�浠�')" name="introduction" + style="width: 250px;"> + <a-input v-model:value="formData.introduction" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.status', '鐘舵��')" name="status" style="width: 250px;"> + <a-select v-model:value="formData.status" :options="[ + { label: '姝e父', value: 1 }, + { label: '绂佺敤', value: 0 }, + ]"> </a-select> - </a-form-item> - <a-form-item - label="娣诲姞鏃堕棿" - name="createTime" - style="width: 250px;" - > - <a-date-picker - v-model:value="formData.createTime" - show-time - format="YYYY-MM-DD HH:mm:ss" - value-format="YYYY-MM-DD HH:mm:ss" - /> - </a-form-item> - <a-form-item - label="娣诲姞浜哄憳" - name="createBy" - style="width: 250px;" - > - <a-select - v-model:value="formData.createBy" - placeholder="Select users" - style="width: 100%" - show-search - :options="UserQueryList" - optionFilterProp="label" - optionLabelProp="label" - > + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.create_time', '娣诲姞鏃堕棿')" name="createTime" + style="width: 250px;"> + <a-date-picker v-model:value="formData.createTime" show-time format="YYYY-MM-DD HH:mm:ss" + value-format="YYYY-MM-DD HH:mm:ss" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.create_by', '娣诲姞浜哄憳')" name="createBy" + style="width: 250px;"> + <a-select v-model:value="formData.createBy" :placeholder="formatMessage('common.select', '璇烽�夋嫨')" + style="width: 100%" show-search :options="UserQueryList" optionFilterProp="label" + optionLabelProp="label"> </a-select> - </a-form-item> - <a-form-item - label="淇敼鏃堕棿" - name="updateTime" - style="width: 250px;" - > - <a-date-picker - v-model:value="formData.updateTime" - show-time - format="YYYY-MM-DD HH:mm:ss" - value-format="YYYY-MM-DD HH:mm:ss" - /> - </a-form-item> - <a-form-item - label="淇敼浜哄憳" - name="updateBy" - style="width: 250px;" - > - <a-select - v-model:value="formData.updateBy" - placeholder="Select users" - style="width: 100%" - show-search - :options="UserQueryList" - optionFilterProp="label" - optionLabelProp="label" - > + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.update_time', '淇敼鏃堕棿')" name="updateTime" + style="width: 250px;"> + <a-date-picker v-model:value="formData.updateTime" show-time format="YYYY-MM-DD HH:mm:ss" + value-format="YYYY-MM-DD HH:mm:ss" /> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.update_by', '淇敼浜哄憳')" name="updateBy" + style="width: 250px;"> + <a-select v-model:value="formData.updateBy" :placeholder="formatMessage('common.select', '璇烽�夋嫨')" + style="width: 100%" show-search :options="UserQueryList" optionFilterProp="label" + optionLabelProp="label"> </a-select> - </a-form-item> - <a-form-item - label="澶囨敞" - name="memo" - style="width: 250px;" - > - <a-input - v-model:value="formData.memo" - /> - </a-form-item> + </a-form-item> + <a-form-item :label="formatMessage('db.sys_user.memo', '澶囨敞')" name="memo" style="width: 250px;"> + <a-input v-model:value="formData.memo" /> + </a-form-item> <a-form-item> <a-button type="primary" html-type="submit" ref="submitButton" -- Gitblit v1.9.1