<template>
|
<div class="app-container" style="background-color: #FEF7FC;">
|
<el-row :gutter="20">
|
<el-col :span="8" :xs="24" >
|
<el-card class="box-card" style="background-color: #EBF4FE;">
|
<div slot="header" class="clearfix">
|
<span>个人信息</span>
|
</div>
|
<div>
|
<div class="text-center">
|
<userAvatar :user="user" />
|
</div >
|
<ul class="list-group list-group-striped">
|
<li class="list-group-item">
|
用户名称
|
<div class="pull-right">{{ user.userName }}</div>
|
</li>
|
<li class="list-group-item">
|
手机号码
|
<div class="pull-right">{{ user.phonenumber }}</div>
|
</li>
|
<li class="list-group-item">
|
用户邮箱
|
<div class="pull-right">{{ user.email }}</div>
|
</li>
|
<li class="list-group-item">
|
所属家庭
|
<div class="pull-right" v-if="user.dept">{{ user.dept.deptName }} / {{ postGroup }}</div>
|
</li>
|
<li class="list-group-item">
|
所属角色
|
<div class="pull-right">{{ roleGroup }}</div>
|
</li>
|
<li class="list-group-item">
|
创建日期
|
<div class="pull-right">{{ user.createTime }}</div>
|
</li>
|
</ul>
|
</div>
|
</el-card>
|
</el-col>
|
<el-col :span="16" :xs="24" >
|
<el-card style="background-color: #FFF5F7;">
|
<div slot="header" class="clearfix">
|
<span>基本资料</span>
|
</div>
|
<el-tabs v-model="activeTab" >
|
<el-tab-pane label="基本资料" name="userinfo">
|
<userInfo :user="user" />
|
</el-tab-pane>
|
<el-tab-pane label="修改密码" name="resetPwd">
|
<resetPwd />
|
</el-tab-pane>
|
</el-tabs>
|
</el-card>
|
</el-col>
|
</el-row>
|
<div style="padding-top: 20px; background-color: #F4FFF8;">
|
<div class="container">
|
<div>
|
<span style="font-family: Microsoft YaHei-Regular, Microsoft YaHei; padding-left: 10px;">权限情况</span>
|
</div>
|
<div style="padding-left: 10px;">
|
<el-dropdown v-model="selectedFamily" @command="handleDropdownCommand">
|
<span class="el-dropdown-link">
|
{{ selectedFamily || '下拉菜单' }}<i class="el-icon-arrow-down el-icon--right"></i>
|
</span>
|
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-item command="一号家庭">一号家庭</el-dropdown-item>
|
<el-dropdown-item command="二号家庭">二号家庭</el-dropdown-item>
|
<el-dropdown-item command="三号家庭">三号家庭</el-dropdown-item>
|
<el-dropdown-item command="四号家庭">四号家庭</el-dropdown-item>
|
</el-dropdown-menu>
|
</el-dropdown>
|
</div>
|
</div>
|
<el-divider></el-divider>
|
<div >
|
<el-tabs v-model="activeTab1" style="padding-left: 25px;" @tab-click="handleTabClick">
|
<el-tab-pane label="家根网" prop="家根网">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
</el-tab-pane>
|
<el-tab-pane label="家大事记">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="家庭资产">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="家庭设备">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="收藏荣誉">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="小医生">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="保洁收纳">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="通讯录">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="魅宠">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
<el-tab-pane label="家庭收支台账">
|
<span >查看权限</span>
|
<span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>新增权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>删除权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '未持有' : '持有' }}</span>
|
<el-divider></el-divider>
|
<span>修改权限</span>
|
<span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '未持有' : '持有' }}</span>
|
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import userAvatar from "./userAvatar";
|
import userInfo from "./userInfo";
|
import resetPwd from "./resetPwd";
|
import { getUserProfile ,getSelfPermission} from "@/api/system/user";
|
import {updateFamilyevent} from "@/api/bignote";
|
|
export default {
|
name: "Profile",
|
components: { userAvatar, userInfo, resetPwd },
|
data() {
|
return {
|
formDat: {
|
familyName: undefined,
|
modelName: undefined,
|
},
|
selectedFamily: "一号家庭",
|
selectedTab:"家根网",// 初始化选中的家庭为空字符串
|
SelfPermission:undefined,
|
SelfPermissionList:{
|
insert:undefined,
|
delete:undefined,
|
search:undefined,
|
update:undefined,
|
},
|
user: {},
|
roleGroup: {},
|
postGroup: {},
|
activeTab: "userinfo",
|
activeTab1:"家根网"
|
};
|
},
|
|
created() {
|
this.getUser();
|
this.getList();
|
},
|
methods: {
|
handleTabClick(tab) {
|
this.selectedTab = tab.label;
|
if (this.selectedFamily && this.selectedTab) {
|
this.getList();
|
}
|
},
|
handleDropdownCommand(command) {
|
this.selectedFamily = command; // 更新选中的家庭
|
console.log(this.selectedFamily)
|
// 检查下拉菜单和切片页面是否都被选中
|
if (this.selectedFamily && this.selectedTab) {
|
this.getList();
|
}
|
},
|
|
|
getUser() {
|
getUserProfile().then(response => {
|
this.user = response.data;
|
this.roleGroup = response.roleGroup;
|
this.postGroup = response.postGroup;
|
});
|
},
|
getList() {
|
|
var formData ={
|
"familyName": this.selectedFamily,
|
"modelName":this.selectedTab,
|
}
|
|
var jsonString = JSON.stringify(formData);
|
// console.log(jsonString);
|
|
getSelfPermission(jsonString).then(response => {
|
this.SelfPermissionList = response.data;
|
console.log(this.SelfPermissionList)
|
});
|
|
}
|
}
|
|
};
|
</script>
|
<style>
|
.container {
|
display: flex;
|
}
|
|
.el-icon-arrow-down {
|
font-size: 12px;
|
}
|
</style>
|
