<?php $__env->startSection('head'); ?>
    @parent
    <link href="/static/css/user/user.css?vt=<?php echo e(time()); ?>" type="text/css" rel="stylesheet">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-content'); ?>
    <section class="content animated slideInRight">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex p-0">
                        <ul class="nav nav-pills  p-2">
                            <li class="nav-item"><a class="nav-link active show" href="#user_tab"
                                                    data-toggle="tab">用户管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="#role_tab" data-toggle="tab">角色管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="#permission_tab" data-toggle="tab">权限管理</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane animated fadeIn active show" id="user_tab">
                                <div class="card-header">
                                    <a class="btn btn-default btn-sm fa fa-plus-square-o black" href="/user/form">
                                        添加用户 </a>
                                    <div class="card-tools" style="top:0.7rem">
                                        <div class="input-group input-group-sm">
                                            <input type="text" class="form-control title-input" placeholder="用户名搜索">
                                            <div class="input-group-append">
                                                <div class="btn btn-default">
                                                    <i class="fa fa-search title-search"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body p-0">
                                    <div class="table-responsive">
                                        <table class="table table-hover admin-table" id="user-table">
                                            <thead>
                                            <tr>
                                                <th width="6%">选择</th>
                                                <th width="15%">用户名</th>
                                                <th width="15%">角色</th>
                                                <th width="10%">状态</th>
                                                <th width="15%">记录</th>
                                                <th width="19%">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr v-if="total == 0">
                                                <td colspan="6">暂无相关记录</td>
                                            </tr>
                                            <tr v-if="total > 0 " v-for="item in renderList">
                                                <td><input type="checkbox"></td>
                                                <td>
                                                    <img :src="item.avatar" class="index_image">
                                                    <span class="title_span cp grey"
                                                          :title="item.username">{{item['username']}}</span>
                                                </td>
                                                <td><span class="role_span" v-html="item.roles"></span></td>
                                                <td v-html="item.statusShow"></td>
                                                <td>
                                                    <span>创建人: {{item.creator_name}}</span>
                                                    <span>最后登录: {{item.last_login_time}}</span>
                                                </td>
                                                <td>
                                                    <template v-if="item.is_protected !== 1">
                                                        <a :href=`/user/form/${item.id}`><i class="fa fa-edit"
                                                                                            title="编辑"></i></a>&nbsp;
                                                        <i class="fa fa-trash-o" title="删除" @click="del(item.id)"></i>&nbsp;
                                                    </template>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div id="user-page-wrap"></div>
                                </div>
                            </div>
                            <div class="tab-pane animated fadeIn" id="role_tab">
                                <div class="card-header">
                                    <a class="btn btn-default btn-sm fa fa-plus-square-o black" href="/role/form">
                                        添加角色 </a>
                                    <div class="card-tools" style="top:0.7rem">
                                        <div class="input-group input-group-sm">
                                            <input type="text" class="form-control title-input" placeholder="角色名称搜索">
                                            <div class="input-group-append">
                                                <div class="btn btn-default">
                                                    <i class="fa fa-search title-search"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body p-0">
                                    <div class="table-responsive">
                                        <table class="table table-hover admin-table" id="role-table">
                                            <thead>
                                            <tr>
                                                <th width="6%">选择</th>
                                                <th width="20%">角色</th>
                                                <th width="20%">状态</th>
                                                <th width="54%">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr v-if="total == 0">
                                                <td colspan="4">暂无相关记录</td>
                                            </tr>
                                            <tr v-if="total > 0 " v-for="item in list">
                                                <td><input type="checkbox"></td>
                                                <td>
                                                    <span class="title_span cp grey" :title="item.name">{{item['name']}}</span>
                                                </td>
                                                <td>正常</td>
                                                <td>
                                                    <template v-if="item.is_protected !== 1">
                                                        <a :href=`/role/form?id=${item.id}`><i class="fa fa-edit"
                                                                                               title="编辑"></i></a>&nbsp;
                                                        <i class="fa fa-trash-o" title="删除" @click="del(item.id)"></i>&nbsp;
                                                    </template>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div id="role-page-wrap"></div>
                                </div>
                            </div>
                            <div class="tab-pane animated fadeIn" id="permission_tab">
                                <ul class="timeline timeline-inverse list_ul" id="permission_ul">
                                    <template v-for="(item,key) in permissions">
                                        <li class="time-label">
                                            <span>{{item.module}}</span>
                                        </li>
                                        <li>
                                            <div class="timeline-item">
                                                <span class="permission-list-span" v-for="_item in item.list"
                                                      :style="_item.is_locked === 0 ? unlockStyle : lockedStyle">
                                                    {{_item.desc}}
                                                    <i class="fa fa-lock" title="点击锁定"
                                                       v-show="_item.is_locked === 0"
                                                       @click="dealLock(_item.id,true)"></i>
                                                    <i class="fa fa-unlock-alt" title="点击解锁"
                                                       v-show="_item.is_locked === 1"
                                                       @click="dealLock(_item.id,false)"></i>
                                                </span>
                                            </div>
                                        </li>
                                    </template>
                                    <li class="time-label">
                                        <span class="user_sub cp">提示</span>
                                        <span class="form_check_span red">* 权限一经锁定，对应功能立即停止开放，直至权限解锁</span>
                                        <span class="form_check_span red">* 超管不受锁定限制</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->startSection('script'); ?>
    @parent
    <script src="/static/js/user/user.js?vt=<?php echo e(time()); ?>"></script>
<?php $__env->stopSection(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.index', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>