blog_tp6/app/sys/view/category/index.html

<article class="cl pd-20">
    <div class="cl pd-5 bg-1 bk-gray">
        <span class="l">
            <a href="javascript:;" onclick="del_all()" class="btn btn-danger radius">
                <i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
            <a class="btn btn-primary radius" href="javascript:save(0);">
                <i class="Hui-iconfont">&#xe600;</i> 添加栏目</a>
        </span>
    </div>
    <div class="mt-10" style="min-width:920px;">
        <table class="table table-border table-bordered table-hover table-bg">
            <thead>
                <tr class="text-c">
                    <th width="60px">ID</th>
                    <th>栏目名称</th>
                    <th>英文名称</th>
                    <th>栏目目录</th>
                    <th>表名</th>
                    <th>模型名</th>
                    <th>列表模板</th>
                    <th>详情模板</th>
                    <th>导航状态</th>
                    <th style="width: 60px;">排序</th>
                    <th>添加时间</th>
                    <th>更新时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {foreach $list as $value}
                <tr class="text-c">
                    <td>{$value.id}</td>
                    <td class="text-l">{$value.category_name}</td>
                    <td>{$value.en_name}</td>
                    <td>{$value.category_folder}</td>
                    <td>{$value.table_name}</td>
                    <td>{$value.module_name}</td>
                    <td>{$value.template_list}</td>
                    <td>{$value.template_show}</td>
                    <td>{$value.is_menu}</td>
                    <td><input type="text" class="input-text input-sort" value="{$value.sort}" data-id="{$value.id}"
                            style="text-align: center;"></td>
                    <td>{$value.create_time|date="Y-m-d"}</td>
                    <td>{$value.update_time|date="Y-m-d"}</td>
                    <td class="td-manage">
                        <a class="btn btn-primary radius" title="编辑" href="javascript:save({$value.id});"
                            style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6df;</i>编辑
                        </a>
                        <a class="btn btn-danger radius" title="删除" href="javascript:;"
                            onclick="del(this,'{$value.id}')" class="ml-5" style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6e2;</i>删除
                        </a>
                    </td>
                </tr>
                {notempty name="value.child"} {foreach $value.child as $val}
                <tr class="text-c">
                    <td>{$val.id}</td>
                    <td>{$val.category_name}</td>
                    <td>{$val.en_name}</td>
                    <td>{$val.category_folder}</td>
                    <td>{$val.table_name}</td>
                    <td>{$val.module_name}</td>
                    <td>{$val.template_list}</td>
                    <td>{$val.template_show}</td>
                    <td>{$val.is_menu}</td>
                    <td><input type="text" class="input-text input-sort" value="{$val.sort}" data-id="{$val.id}"
                            style="text-align: center;"></td>
                    <td>{$val.create_time|date="Y-m-d"}</td>
                    <td>{$val.update_time|date="Y-m-d"}</td>
                    <td class="td-manage">
                        <a class="btn btn-primary radius" title="编辑" href="javascript:save({$val.id});"
                            style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6df;</i>编辑
                        </a>
                        <a class="btn btn-danger radius" title="删除" href="javascript:;" onclick="del(this,'{$val.id}')"
                            class="ml-5" style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6e2;</i>删除
                        </a>
                    </td>
                </tr>
                {notempty name="val.child"} {foreach $val.child as $vo}
                <tr class="text-c">
                    <td>{$vo.id}</td>
                    <td>{$vo.category_name}</td>
                    <td>{$vo.en_name}</td>
                    <td>{$vo.category_folder}</td>
                    <td>{$vo.table_name}</td>
                    <td>{$vo.module_name}</td>
                    <td>{$vo.template_list}</td>
                    <td>{$vo.template_show}</td>
                    <td>{$vo.is_menu}</td>
                    <td><input type="text" class="input-text input-sort" value="{$vo.sort}" data-id="{$vo.id}"
                            style="text-align: center;"></td>
                    <td>{$vo.create_time|date="Y-m-d"}</td>
                    <td>{$vo.update_time|date="Y-m-d"}</td>
                    <td class="td-manage">
                        <a class="btn btn-primary radius" title="编辑" href="javascript:save({$vo.id});"
                            style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6df;</i>编辑
                        </a>
                        <a class="btn btn-danger radius" title="删除" href="javascript:;" onclick="del(this,'{$vo.id}')"
                            class="ml-5" style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6e2;</i>删除
                        </a>
                    </td>
                </tr>
                {/foreach} {/notempty}{/foreach} {/notempty} {/foreach}
            </tbody>
        </table>
    </div>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    function save(id) {
        var title = id == 0 ? '添加栏目' : '修改栏目'
        var url = "{:url('save')}" + "?_layer=true&id=" + id
        layer_show(title, url, 800, 600);
    }

    // 排序
    $(".input-sort").change(function () {
        var sort = $(this).val();
        var id = $(this).data('id');

        console.log(id);
        console.log(sort);
        $.post('sort', {
            'id': id,
            'sort': sort
        }, function (data) {
            if (data.code == 1) {
                topalert({ type: 0, content: data.msg, speed: 2000 });
            } else {
                topalert({ type: 1, content: data.msg, speed: 2000 });
                return false;
            }
        }, 'json');
    });
</script>
<!--请在上方写此页面业务相关的脚本-->