From 727393c1382470ab9af362fa8edeb002e7a93d3d Mon Sep 17 00:00:00 2001 From: Junjie <540245094@qq.com> Date: 星期二, 02 七月 2024 15:52:28 +0800 Subject: [PATCH] # --- zy-asrs-admin/src/views/system/user/edit.vue | 305 +++++++++++++++++++++++++++++++++++++------------- 1 files changed, 224 insertions(+), 81 deletions(-) diff --git a/zy-asrs-admin/src/views/system/user/edit.vue b/zy-asrs-admin/src/views/system/user/edit.vue index 516ef43..57f2e8c 100644 --- a/zy-asrs-admin/src/views/system/user/edit.vue +++ b/zy-asrs-admin/src/views/system/user/edit.vue @@ -38,18 +38,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; }) @@ -80,87 +80,230 @@ <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="璐﹀彿" + 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-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="鎵嬫満鍙�" + 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-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="鎵�灞為儴闂�" + 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-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="鐪熷疄濮撳悕" + 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-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="娣诲姞鏃堕棿" + 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-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="淇敼鏃堕棿" + 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-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="澶囨敞" + 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