61 lines
1.4 KiB
Vue
61 lines
1.4 KiB
Vue
<template>
|
|
<el-descriptions class="margin-top" title="用户信息" :column="3" :size="size" border>
|
|
<template slot="extra">
|
|
<el-button type="primary" size="small">操作</el-button>
|
|
</template>
|
|
<el-descriptions-item>
|
|
<template slot="label">
|
|
<i class="el-icon-user"></i>
|
|
用户名
|
|
</template>
|
|
{{ user.userName }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template slot="label">
|
|
<i class="el-icon-mobile-phone"></i>
|
|
手机号
|
|
</template>
|
|
{{ user.phone }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template slot="label">
|
|
<i class="el-icon-location-outline"></i>
|
|
居住地
|
|
</template>
|
|
苏州市
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template slot="label">
|
|
<i class="el-icon-tickets"></i>
|
|
角色
|
|
</template>
|
|
<el-tag size="small">
|
|
{{ user.roleId === 0 ? '超级管理员' : (user.roleId === 1 ? '管理员' : '用户') }}
|
|
</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template slot="label">
|
|
<i class="el-icon-office-building"></i>
|
|
联系地址
|
|
</template>
|
|
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Rukuzhengli",
|
|
data () {
|
|
return {
|
|
user: JSON.parse(sessionStorage.getItem('user')),
|
|
size:''
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|