ThinkAdmin/application/admin/view/node/index.html

{extend name='admin@public/content'}

{block name='button'}
<!--{if auth("$classuri/clear")}-->
<button data-load='{:url("$classuri/clear")}' class='layui-btn layui-btn-sm layui-btn-danger'>清理无效记录</button>
<!--{/if}-->
{/block}

{block name="content"}
<!--data-tips-text="勾选后需配置用户权限后才能访问"-->
<!--data-tips-text="勾选后需要登录后才能访问"-->
<!--data-tips-text="勾选后配置菜单时节点可自动选择"-->
<style>
    .layui-table .title-input {
        width: auto;
        height: 28px;
        line-height: 28px;
    }

    .layui-table label {
        cursor: pointer
    }
</style>
<table class="layui-table border-none" lay-skin="line">
    <!--{empty name='nodes'}-->
    <p class="help-block text-center well">没 有 记 录 哦！</p>
    <!--{else}-->
    <!--{foreach $nodes as $key=>$vo}-->
    <tr>
        <td class='text-left nowrap'>
            <span style="color:#ccc">{$vo.spl|raw}</span> {$vo.node}
            {if auth("$classuri/save")}&nbsp;<input class='layui-input layui-input-inline title-input' name='title' data-node="{$vo.node}" value="{$vo.title}">{/if}
        </td>
        <td class='text-left nowrap'>
            {if auth("$classuri/save") and $vo.spt eq 1}
            <label class="color-desc">
                <input data-login-group="{$vo.node}" type="checkbox"> 全部加入登录控制
            </label>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label class="notselect margin-left-15 color-desc">
                <input data-auth-group="{$vo.node}" type="checkbox"> 全部加入权限控制
            </label>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label class="notselect margin-left-15 color-desc">
                <input data-menu-group="{$vo.node}" type="checkbox"> 全部加入菜单节点选择器
            </label>
            {/if}
            {if auth("$classuri/save") and $vo.spt eq 2}
            <span style="color:#ccc">&nbsp;├─ </span>
            <label class="notselect margin-right-15">
                {notempty name='vo.is_login'}
                <input data-login-filter="{$vo.pnode}" checked='checked' class="check-box login_{$key}" type='checkbox' value='1' name='is_login' data-node="{$vo.node}" onclick="!this.checked && ($('.auth_{$key}')[0].checked = !!this.checked)">
                {else}
                <input data-login-filter="{$vo.pnode}" class="check-box login_{$key}" type='checkbox' value='1' name='is_login' data-node="{$vo.node}" onclick="!this.checked && ($('.auth_{$key}')[0].checked = !!this.checked)">
                {/notempty}
                加入登录控制
            </label>
            <span style="color:#ccc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ </span>
            <label class="notselect margin-right-15">
                {notempty name='vo.is_auth'}
                <input data-auth-filter="{$vo.pnode}" name='is_auth' data-node="{$vo.node}" checked='checked' class="check-box auth_{$key}" type='checkbox' onclick="this.checked && ($('.login_{$key}')[0].checked = !!this.checked)" value='1'>
                {else}
                <input data-auth-filter="{$vo.pnode}" name='is_auth' data-node="{$vo.node}" class="check-box auth_{$key}" type='checkbox' value='1' onclick="this.checked && ($('.login_{$key}')[0].checked = !!this.checked)">
                {/notempty}
                加入权限控制
            </label>
            <span style="color:#ccc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ </span>
            <label class="notselect">
                {notempty name='vo.is_menu'}
                <input data-menu-filter="{$vo.pnode}" name='is_menu' data-node="{$vo.node}" checked='checked' class='check-box menu_{$key}' type='checkbox' value='1'>
                {else}
                <input data-menu-filter="{$vo.pnode}" name='is_menu' data-node="{$vo.node}" class='check-box menu_{$key}' type='checkbox' value='1'>
                {/notempty}
                加入菜单节点选择器
            </label>
            {/if}
        </td>
        <td style="width:100%" data-tips-filter="{$vo.pnode}" class="loading-tips nowrap"></td>
    </tr>
    <!--{/foreach}-->
    <!--{/empty}-->
</table>
<!--{if auth("$classuri/save")}-->
<script>
    $(function () {

        syncLoginGroup.call(this);
        $('[data-login-group]').on('click', function () {
            var twoNode = this.getAttribute('data-login-group');
            if (!checkRequestStatus(twoNode)) {
                this.checked = !this.checked;
                return $.msg.tips('正在处理中, 请稍候...');
            }
            var checked = !!this.checked;
            $('[data-login-filter="' + twoNode + '"]').map(function () {
                if (!(this.checked = checked)) {
                    $('[data-auth-filter="' + twoNode + '"]').map(function () {
                        this.checked = false;
                    });
                }
                update(this);
            });
        });

        syncAuthGroup.call(this);
        $('[data-auth-group]').on('click', function () {
            var twoNode = this.getAttribute('data-auth-group');
            if (!checkRequestStatus(twoNode)) {
                this.checked = !this.checked;
                return $.msg.tips('正在处理中, 请稍候...');
            }
            var checked = !!this.checked;
            $('[data-auth-filter="' + twoNode + '"]').map(function () {
                if ((this.checked = checked)) {
                    $('[data-login-filter="' + twoNode + '"]').map(function () {
                        this.checked = checked;
                    });
                }
                update(this);
            });
        });

        syncMenuGroup.call(this);
        $('[data-menu-group]').on('click', function () {
            var twoNode = this.getAttribute('data-menu-group');
            if (!checkRequestStatus(twoNode)) {
                this.checked = !this.checked;
                return $.msg.tips('正在处理中, 请稍候...');
            }
            var checked = !!this.checked;
            $('[data-menu-filter="' + twoNode + '"]').map(function () {
                this.checked = checked;
                update(this);
            });
        });

        // 更新触发更新
        $('input.check-box').on('click', function () {
            update(this);
        });

        $('input.title-input').on('blur', function () {
            update(this);
        });

        // 数据自动更新
        function update(self) {
            var $item = $(self).parents('tr'), data = {list: []};
            $item.find('input').map(function () {
                var value = this.type === 'text' ? this.value : (this.checked ? 1 : 0);
                data.list.push({name: this.name, value: value, node: this.getAttribute('data-node')});
            });
            $item.find('.loading-tips').html('<p class="color-green"><i class="fa fa-spinner fa-spin"></i> 更新数据...</p>');
            $.form.load('{:url("save")}', data, 'post', function (ret) {
                if (ret.code === 0) {
                    var tips = '<p class="color-red"><i class="fa fa-close"></i> 更新异常</p>';
                    return $item.find('.loading-tips').html(tips), false;
                }
                return $item.find('.loading-tips').html(''), false;
            }, false);
            return syncLoginGroup(), syncMenuGroup(), syncAuthGroup();
        }

        // 状态网络处理状态
        function checkRequestStatus(twoNode) {
            var status = true;
            $('.loading-tips[data-tips-filter="' + twoNode + '"]').map(function () {
                $(this).html() && (status = false);
            });
            return status;
        }

        // 同步登录分组状态
        function syncLoginGroup() {
            $('[data-login-group]').map(function () {
                var node = this.getAttribute('data-login-group'), checked = true;
                $('[data-login-filter="' + node + '"]').map(function () {
                    this.checked || (checked = false);
                });
                this.checked = checked;
            });
        }

        // 同步权限分组状态
        function syncAuthGroup() {
            $('[data-auth-group]').map(function () {
                var node = this.getAttribute('data-auth-group'), checked = true;
                $('[data-auth-filter="' + node + '"]').map(function () {
                    this.checked || (checked = false);
                });
                this.checked = checked;
            });
        }

        // 同步菜单分组状态
        function syncMenuGroup() {
            $('[data-menu-group]').map(function () {
                var node = this.getAttribute('data-menu-group'), checked = true;
                $('[data-menu-filter="' + node + '"]').map(function () {
                    this.checked || (checked = false);
                });
                this.checked = checked;
            });
        }
    });
</script>
<!--{/if}-->
{/block}