|
@ -1,9 +1,9 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="app-container"> |
|
|
<div class="app-container" style="margin-top: 20px;"> |
|
|
<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"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<div slot="header"> |
|
|
<span>个人信息</span> |
|
|
<span>个人信息</span> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
@ -12,27 +12,27 @@ |
|
|
</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 class="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 class="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 class="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"> |
|
|
<svg-icon icon-class="tree" />所属部门 |
|
|
<svg-icon class="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 class="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 class="icon" icon-class="date" />创建日期 |
|
|
<div class="pull-right">{{ user.createTime }}</div> |
|
|
<div class="pull-right">{{ user.createTime }}</div> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
@ -41,7 +41,7 @@ |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="18" :xs="24" class="box-card2"> |
|
|
<el-col :span="18" :xs="24" class="box-card2"> |
|
|
<el-card> |
|
|
<el-card> |
|
|
<div slot="header" class="clearfix"> |
|
|
<div slot="header"> |
|
|
<span>基本资料</span> |
|
|
<span>基本资料</span> |
|
|
</div> |
|
|
</div> |
|
|
<el-tabs v-model="activeTab"> |
|
|
<el-tabs v-model="activeTab"> |
|
@ -89,3 +89,15 @@ export default { |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
|
@import "@screen/skin/blue/basic.scss"; |
|
|
|
|
|
.list-group{ |
|
|
|
|
|
.list-group-item{ |
|
|
|
|
|
color: $textMain; |
|
|
|
|
|
border-color: $lineC03; |
|
|
|
|
|
.icon{ |
|
|
|
|
|
margin-right: 6px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|