设备显示隐藏

wujingjing

2025-02-10 e50196bff10f0196307b2567ed6c0829eadd8ff6

 src/layout/component/sidebar/components/UserInformation.vue

@@ -2,33 +2,40 @@
   <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="note">
                  <el-form-item label="用户ID" prop="name"> <el-input v-model="userInformationInfo.note" readonly></el-input> </el-form-item
               ></el-col>
               <el-col :span="12" class="mb20">
                  <el-form-item label="姓名" prop="real_name">
                     <el-input v-model="userInformationInfo.real_name" readonly></el-input>
                  </el-form-item>
               </el-col>
               <el-col :span="12" class="mb20">
                  <el-form-item label="手机号" prop="phone">
                     <el-input v-model="userInformationInfo.phone" 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="part"> <el-input v-model="userInformationInfo.part" 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.userName" 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-input v-model="userInformationInfo.sex"  readonly></el-input>
            </el-form-item>
            <el-form-item label="部门" prop="department">
               <el-input v-model="userInformationInfo.department" readonly></el-input>
            </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>
@@ -38,7 +45,7 @@
//#region ====================== 我的信息 ======================
import { onMounted, ref } from 'vue';
import { useUserInfo } from '/@/stores/userInfo';
import { accessSessionKey, handleNoAuth } from '/@/utils/request';
import { accessSessionKey, handleNoAuth, userInfoKey } from '/@/utils/request';
import { Local } from '/@/utils/storage';
import { userInfo } from '/@/stores/chatRoom';
const isShowInformation = defineModel({
@@ -51,11 +58,11 @@
};
//#endregion
onMounted(async () => {
   if(!Local.get(accessSessionKey)){
      handleNoAuth()
   if (!Local.get(accessSessionKey)) {
      handleNoAuth();
      return;
   }
   userInformationInfo.value = userInfo.get();
   userInformationInfo.value = Local.get(userInfoKey);
});
</script>
<style scoped lang="scss"></style>