<template>
|
<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-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>
|
</template>
|
|
<script setup lang="ts">
|
//#region ====================== 我的信息 ======================
|
import { onMounted, ref } from 'vue';
|
import { useUserInfo } from '/@/stores/userInfo';
|
import { accessSessionKey, handleNoAuth, userInfoKey } from '/@/utils/request';
|
import { Local } from '/@/utils/storage';
|
import { userInfo } from '/@/stores/chatRoom';
|
const isShowInformation = defineModel({
|
type: Boolean,
|
});
|
const userInformationInfo = ref({}) as any;
|
//关闭
|
const handleCloseInformation = () => {
|
isShowInformation.value = false;
|
};
|
//#endregion
|
onMounted(async () => {
|
if (!Local.get(accessSessionKey)) {
|
handleNoAuth();
|
return;
|
}
|
userInformationInfo.value = Local.get(userInfoKey);
|
});
|
</script>
|
<style scoped lang="scss"></style>
|
