43 lines
1.5 KiB
Vue
43 lines
1.5 KiB
Vue
<template>
|
||
<Modal v-model="my_show" title="个人信息" :mask-closable="false" :footer-hide="true" @on-visible-change="visibleChange">
|
||
<div class="page-detail-wrap" v-if="account">
|
||
<ul>
|
||
<li class="ui-list">
|
||
<div class="ui-list-title">用户名：</div>
|
||
<div class="ui-list-content">{{account.username}}</div>
|
||
</li>
|
||
|
||
<li class="ui-list" v-if="account.roles.length">
|
||
<div class="ui-list-title">所属角色：</div>
|
||
<div class="ui-list-content">{{account.roles[0]}}</div>
|
||
</li>
|
||
|
||
<li class="ui-list">
|
||
<div class="ui-list-title">昵称：</div>
|
||
<div class="ui-list-content">{{account.nickname}}</div>
|
||
</li>
|
||
|
||
<li class="ui-list">
|
||
<div class="ui-list-title">手机号：</div>
|
||
<div class="ui-list-content">{{account.mobile}}</div>
|
||
</li>
|
||
|
||
<li class="ui-list">
|
||
<div class="ui-list-title">头像：</div>
|
||
<div class="ui-list-content">
|
||
<img class="w-150 bd-a" :src="account.avatar" @error="imgError($event,default_head)">
|
||
</div>
|
||
</li>
|
||
|
||
<li class="ui-list">
|
||
<div class="ui-list-title">状态：</div>
|
||
<div class="ui-list-content">{{account.status==1?'启用':'禁用'}}</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</Modal>
|
||
</template>
|
||
|
||
<script src="./js/detail.js"></script>
|
||
|