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

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

@@ -1,5 +1,5 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6" :xs="24"> <el-col :span="6" :xs="24">
<el-card class="box-card"> <el-card class="box-card">
@@ -8,59 +8,63 @@
</div> </div>
<div> <div>
<div class="text-center"> <div class="text-center">
<userAvatar :user="user"/> <userAvatar :user="user" />
</div> </div>
<ul class="list-group list-group-striped"> <ul class="list-group list-group-striped">
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="user"/> <svg-icon icon-class="user" />
用户名称 用户名称
<div class="pull-right">{{ user.userName }}</div> <div class="pull-right">{{ user.userName }}</div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="phone"/> <svg-icon icon-class="number" />
用户编号
<div class="pull-right">{{ user.userId }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="phone" />
手机号码 手机号码
<div class="pull-right">{{ user.phonenumber }}</div> <div class="pull-right">{{ user.phonenumber }}</div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="email"/> <svg-icon icon-class="email" />
用户邮箱 用户邮箱
<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>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="peoples"/> <svg-icon icon-class="peoples" />
所属角色 所属角色
<div class="pull-right">{{ roleGroup }}</div> <div class="pull-right">{{ roleGroup }}</div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="date"/> <svg-icon icon-class="date" />
创建日期 创建日期
<div class="pull-right">{{ user.createTime }}</div> <div class="pull-right">{{ user.createTime }}</div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<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>
<li class="list-group-item"> <li class="list-group-item">
<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>
@@ -75,28 +79,37 @@
</div> </div>
<el-tabs v-model="activeTab"> <el-tabs v-model="activeTab">
<el-tab-pane label="基本资料" name="userinfo"> <el-tab-pane label="基本资料" name="userinfo">
<userInfo :user="user"/> <userInfo :user="user" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="修改密码" name="resetPwd"> <el-tab-pane label="修改密码" name="resetPwd">
<resetPwd :user="user"/> <resetPwd :user="user" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
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: {},