From cc8372e20e069de23f888e537f0069b1112a9ee7 Mon Sep 17 00:00:00 2001 From: gerson <1405270578@qq.com> Date: 星期二, 21 一月 2025 10:28:20 +0800 Subject: [PATCH] 个人信息展示问题 --- src/layout/component/sidebar/components/UserInformation.vue | 71 +++++++++++++++++++++-------------- 1 files changed, 42 insertions(+), 29 deletions(-) diff --git a/src/layout/component/sidebar/components/UserInformation.vue b/src/layout/component/sidebar/components/UserInformation.vue index 57e1615..c8ae9ec 100644 --- a/src/layout/component/sidebar/components/UserInformation.vue +++ b/src/layout/component/sidebar/components/UserInformation.vue @@ -2,33 +2,46 @@ <div class="flex flex-col"> <el-dialog v-model="isShowInformation" title="鎴戠殑淇℃伅" width="500" :before-close="handleCloseInformation"> <el-form :model="userInformationInfo" ref="autoDialogFormRef" label-width="85"> - <el-row :gutter="20" class="form_Class"> - <el-col :span="12" class="id"> - <el-form-item label="鐢ㄦ埛ID" prop="name"> <el-input v-model="userInformationInfo.id" readonly></el-input> </el-form-item - ></el-col> - <el-col :span="12" class="mb20"> - <el-form-item label="濮撳悕" prop="realName"> - <el-input v-model="userInformationInfo.realName" readonly></el-input> - </el-form-item> - </el-col> - <el-col :span="12" class="mb20"> - <el-form-item label="鎵嬫満鍙�" prop="phoneNumber"> - <el-input v-model="userInformationInfo.phoneNumber" readonly></el-input> - </el-form-item> - </el-col> - <el-col :span="12" class="mb20" - ><el-form-item label="鎬у埆" prop="sex"> <el-input v-model="userInformationInfo.sex" readonly></el-input> </el-form-item - ></el-col> - <el-col :span="24" class="mb20"> - <el-form-item label="閮ㄩ棬" prop="department"> <el-input v-model="userInformationInfo.department" readonly></el-input> </el-form-item - ></el-col> - - <el-col :span="24" class="mb20"> - <el-form-item label="閭" prop="email"> - <el-input v-model="userInformationInfo.email" readonly /> - </el-form-item> - </el-col> - </el-row> + <el-form-item label="鐢ㄦ埛ID" prop="name"> + <el-input v-model="userInformationInfo.id" readonly></el-input> + </el-form-item> + + <el-form-item label="濮撳悕" prop="realName"> + <el-input v-model="userInformationInfo.realName" readonly></el-input> + </el-form-item> + <el-form-item label="鎬у埆" prop="sex"> + <el-select v-model="userInformationInfo.sex" placeholder="璇烽�夋嫨" disabled> + <el-option label="鐢�" value="male"></el-option> + <el-option label="濂�" value="female"></el-option> + </el-select> + </el-form-item> + <el-form-item label="閮ㄩ棬" prop="department"> + <el-select v-model="userInformationInfo.department" placeholder="璇烽�夋嫨" disabled> + <el-option label="閮ㄩ棬A" value="departmentA"></el-option> + <el-option label="閮ㄩ棬B" value="departmentB"></el-option> + </el-select> + </el-form-item> + <!-- <el-form-item label="鐢ㄦ埛鐘舵��" prop="phoneNumber"> + <el-input v-model="userInformationInfo.a" readonly></el-input> + </el-form-item> --> + <el-form-item label="鐢佃瘽" prop="phoneNumber"> + <el-input v-model="userInformationInfo.phoneNumber" readonly></el-input> + </el-form-item> + <!-- <el-form-item label="寰俊鍙�" prop="phoneNumber"> + <el-input v-model="userInformationInfo.phoneNumber" readonly></el-input> + </el-form-item> --> + <el-form-item label="閭" prop="email"> + <el-input v-model="userInformationInfo.email" readonly></el-input> + </el-form-item> + <!-- <el-form-item label="瑙掕壊" prop="role"> + <el-select v-model="userInformationInfo.role" placeholder="璇烽�夋嫨瑙掕壊" disabled> + <el-option label="瑙掕壊A" value="roleA"></el-option> + <el-option label="瑙掕壊B" value="roleB"></el-option> + </el-select> + </el-form-item> --> + <!-- <el-form-item label="璇存槑" prop="description"> + <el-input v-model="userInformationInfo.description" type="textarea" readonly></el-input> + </el-form-item> --> </el-form> </el-dialog> </div> @@ -51,8 +64,8 @@ }; //#endregion onMounted(async () => { - if(!Local.get(accessSessionKey)){ - handleNoAuth() + if (!Local.get(accessSessionKey)) { + handleNoAuth(); return; } userInformationInfo.value = Local.get(userInfoKey); -- Gitblit v1.9.3