{extend name="layout/content" /} {block name="header"}
<title>微信菜单列表</title>
<link rel="stylesheet" href="/static/js/treeTable/treeTable.css">
<style>
    .x-body>.toolWrap {
        float: right;
        margin-bottom: 10px;
    }

    form>.toolWrap {
        float: left;
        margin-bottom: 10px;
    }

    .layui-table td, .layui-table th {
        text-align: left !important;
    }

    .layui-table td:nth-of-type(1),
    .layui-table td:nth-of-type(3),
    .layui-table td:nth-of-type(4) {
        text-align: center !important;
    }
    #menus-table thead tr th {
        text-align: center!important;
    }
</style>
{/block} {block name="content"}
<div class="x-body">
    <div class="toolWrap">
        {if(authUI('admin/Wechat/menuLoad'))}
        <a href="{:url('menuload')}" class="layui-btn layui-btn-radius">
            <i class="layui-icon"></i>导入菜单数据</a>
        {/if}
        {if(authUI('admin/Wechat/menuSend'))}
        <a href="{:url('menuSend')}" class="layui-btn layui-btn-radius">
            <i class="layui-icon"></i>发布菜单数据</a>
        {/if}
    </div>
    <form action="{:url('menu')}" method="post">
        <div class="toolWrap">
            <button class="layui-btn" lay-submit lay-filter="formDemo">排序</button>
			{if(authUI('admin/Wechat/menuEdit'))}
			<a href="{:url('menuEdit')}" class="layui-btn layui-btn-radius">
				<i class="layui-icon">&#xe654;</i>添加菜单</a>
			{/if}
        </div>
        <table class="layui-table" id="menus-table">
            <thead>
                <tr>
                    <th>排序</th>
                    <th>菜单名</th>
                    <th>菜单内容</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {$category}
            </tbody>
        </table>
    </form>
</div>

{/block} {block name="footer"}
<script src="/static/js/treeTable/treeTable.js"></script>
<script>
    $(document).ready(function () {
        $("#menus-table").treeTable({
            indent: 20
        });

        // 为操作里的a标签添加样式
        $('td a').each(function (index, item) {
            if (item.innerHTML == '添加子菜单') {
                $(item).addClass("layui-btn layui-btn-normal")
            }
            if (item.innerHTML == '编辑') {
                $(item).addClass("layui-btn")
            }
            if (item.innerHTML == ' 删除 ') {
                $(item).addClass("layui-btn layui-btn-danger")
            }
        })


    });
</script>
{/block}