<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>

