| | |
| | | <template> |
| | | <!-- 头部 --> |
| | | <el-header> |
| | | <el-header v-if="show"> |
| | | <!-- 左侧菜单 --> |
| | | <div class="header-left"> |
| | | <div class="menu-left__item" v-for="(item, index) in menuLeftList" :key="item.id" @click="changeActive(index)"> |
| | |
| | | </div> |
| | | <!-- 登录用户 --> |
| | | <div class="menu-right__item user" @mousemove="flag.user = true" @mouseleave="flag.user = false"> |
| | | <el-avatar :size="20" :src="user.icon" v-if="user.icon"></el-avatar> |
| | | <el-avatar :size="20" :src="user.user.icon" v-if="user.user.icon"></el-avatar> |
| | | <el-avatar :size="20" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" v-else> |
| | | </el-avatar> |
| | | <span style="padding: 0 5px;">{{ user.username}}</span> |
| | | <span style="padding: 0 5px;">{{ user.user.username}}</span> |
| | | <i class="el-icon-arrow-down"></i> |
| | | <!-- 用户操作 --> |
| | | <div class="user-card" v-if="flag.user" @mouseleave="flag.user = false"> |
| | |
| | | </el-dialog> |
| | | <el-dialog :visible.sync="baseInformationVisible" width="35%" title="基本信息" v-if="baseInformationVisible" |
| | | :before-close="handleClose"> |
| | | <el-form :model="user" class="info" label-width="6vw"> |
| | | <el-form :model="info" class="info" label-width="6vw"> |
| | | <el-form-item label="用户ID" min-width="6"> |
| | | <el-input v-model="user.id"></el-input> |
| | | <el-input v-model="info.id"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="nickName" label="用户名称" min-width="10"> |
| | | <el-input v-model="user.nickName"></el-input> |
| | | <el-input v-model="info.nickName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="nickName" label="所属姓名" min-width="8"> |
| | | <el-input v-model="user.username"></el-input> |
| | | <el-input v-model="info.username"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="mobile" label="联系方式" min-width="7"> |
| | | <el-input v-model="user.mobile"></el-input> |
| | | <el-input v-model="info.mobile"></el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item prop="departName" label="所属部门" min-width="8"> |
| | | <el-input v-model="user.mobile"></el-input> |
| | | </el-form-item> --> |
| | | <el-form-item prop="jobTitle" label="所属职务" min-width="8"> |
| | | <el-input v-model="user.jobTitle"></el-input> |
| | | <el-input v-model="info.jobTitle"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="createTime" label="创建时间" min-width="10"> |
| | | <el-input v-model="user.createTime"></el-input> |
| | | <el-input v-model="info.createTime"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | |
| | | }, |
| | | ], |
| | | keyword: '', |
| | | info:null, |
| | | show:false |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getLoginInfo(); |
| | | this.setLoginInfo() |
| | | console.log(this.user) |
| | | }, |
| | | methods: { |
| | | baseInfo() { |
| | |
| | | }) |
| | | .then(res => { |
| | | sessionStorage.setItem('user', JSON.stringify(res.data)); |
| | | this.user = res.data.user; |
| | | this.info = res.data.user; |
| | | }) |
| | | }, |
| | | handleClose(done) { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | // 获取登录用户信息 |
| | | getLoginInfo() { |
| | | // 设置用户基本信息 |
| | | async setLoginInfo() { |
| | | const info = JSON.parse(sessionStorage.getItem('user')); |
| | | if (info) { |
| | | console.log(info) |
| | | this.user = info; |
| | | } else { |
| | | this.user = await this.getLoginInfo(); |
| | | console.log(this.user) |
| | | } |
| | | this.show = true |
| | | }, |
| | | // 获取登录用户信息 |
| | | async getLoginInfo(){ |
| | | const name = sessionStorage.getItem('name'); |
| | | this.$axios({ |
| | | let res = await this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/admin/info?name=' + name, |
| | | }) |
| | | .then(res => { |
| | | sessionStorage.setItem('user', JSON.stringify(res.data)); |
| | | this.user = res.data.user; |
| | | }) |
| | | } |
| | | sessionStorage.setItem('user', JSON.stringify(res.data)); |
| | | return res.data |
| | | } |
| | | } |
| | | }; |