<template>
   <Modal v-model="my_show" title="角色详情" :mask-closable="false" :footer-hide="true" @on-visible-change="visibleChange">
      <div class="page-detail-wrap" v-if="data">
         <ul>
            <li class="ui-list">
               <div class="ui-list-title">角色名：</div>
               <div class="ui-list-content">{{data.name}}</div>
            </li>

            <li class="ui-list">
               <div class="ui-list-title">备注：</div>
               <div class="ui-list-content">{{data.remark}}</div>
            </li>

            <li class="ui-list">
               <div class="ui-list-title">创建时间：</div>
               <div class="ui-list-content">{{data.created_at}}</div>
            </li>

            <li class="ui-list">
               <div class="ui-list-title">更新时间：</div>
               <div class="ui-list-content">{{data.updated_at}}</div>
            </li>
         </ul>
      </div>
   </Modal>
</template>

<script src="./js/detail.js"></script>
