code-image-backup-public/fastbee
1
0
Fork 0
mirror of https://gitee.com/beecue/fastbee.git synced 2025-12-17 16:36:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

用户中心调整

Browse Source
This commit is contained in:
kerwincui
2022-06-11 23:26:22 +08:00
parent eeac05745f
commit 5f675aa796
1 changed files with 176 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
vue/src/views/system/user/profile/index.vue
View File

@@ -16,6 +16,11 @@
用户名称 用户名称
<div class="pull-right">{{ user.userName }}</div> <div class="pull-right">{{ user.userName }}</div>
</li> </li>
<li class="list-group-item">
<svg-icon icon-class="number" />
用户编号
<div class="pull-right">{{ user.userId }}</div>
</li>
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="phone" /> <svg-icon icon-class="phone" />
手机号码 手机号码
@@ -26,7 +31,7 @@
用户邮箱 用户邮箱
<div class="pull-right">{{ user.email }}</div> <div class="pull-right">{{ user.email }}</div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item" style="padding-top:40px;">
<svg-icon icon-class="tree" /> <svg-icon icon-class="tree" />
所属部门 所属部门
<div class="pull-right" v-if="user.dept">{{ user.dept.deptName }} / {{ postGroup }}</div> <div class="pull-right" v-if="user.dept">{{ user.dept.deptName }} / {{ postGroup }}</div>
@@ -45,13 +50,12 @@
<svg-icon icon-class="qq" /> <svg-icon icon-class="qq" />
QQ QQ
<div class="pull-right" v-if="!this.qqBind"> <div class="pull-right" v-if="!this.qqBind">
<el-button size="mini" style="margin-top: -7px" @click="bind(socialAccount.QQ.name)">未绑定</el-button> <el-button size="mini" style="margin-top: -7px" @click="bind(socialAccount.QQ.name)" disabled>未绑定</el-button>
</div> </div>
<div style="float:right;display: flex;" v-else> <div style="float:right;display: flex;" v-else>
<span>{{ this.socialAccount.QQ.value.nickname }}</span> <span>{{ this.socialAccount.QQ.value.nickname }}</span>
<el-image style="width: 25px; height: 25px; margin-top: -7px;margin-left: 5px;margin-right: 5px" <el-image style="width: 25px; height: 25px; margin-top: -7px;margin-left: 5px;margin-right: 5px" :src="this.socialAccount.QQ.value.avatar" />
:src="this.socialAccount.QQ.value.avatar"/> <el-button style="margin-top: -5px" size="mini" @click="unbind(socialAccount.QQ.name)" disabled>解除绑定
<el-button style="margin-top: -5px" size="mini" @click="unbind(socialAccount.QQ.name)">解除绑定
</el-button> </el-button>
</div> </div>
</li> </li>
@@ -60,7 +64,7 @@
<svg-icon icon-class="wechat" /> <svg-icon icon-class="wechat" />
微信 微信
<div class="pull-right"> <div class="pull-right">
<el-button style="margin-top: -7px" size="mini">未绑定</el-button> <el-button style="margin-top: -7px" size="mini" disabled>未绑定</el-button>
</div> </div>
</li> </li>
@@ -91,12 +95,21 @@
import userAvatar from "./userAvatar"; import userAvatar from "./userAvatar";
import userInfo from "./userInfo"; import userInfo from "./userInfo";
import resetPwd from "./resetPwd"; import resetPwd from "./resetPwd";
import {getUserProfile} from "@/api/system/user"; import {
import {unbind, bind} from "@/api/iot/platform"; getUserProfile
} from "@/api/system/user";
import {
unbind,
bind
} from "@/api/iot/platform";
export default { export default {
name: "Profile", name: "Profile",
components: {userAvatar, userInfo, resetPwd}, components: {
userAvatar,
userInfo,
resetPwd
},
data() { data() {
return { return {
user: {}, user: {},