template/admin/store/category_index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<div class="layui-admin-breadcrumb">
    <a href="{:url('/admin/store/category/index')}">
        <cite>门店分类</cite>
    </a> <span><i class="fa fa-angle-right"></i></span> <a href="{:url('/admin/store/category/index')}">分类列表</a>
</div>
<div class="layui-admin-body">
    <div class="layui-input-block ml0 mb10">
        <a href="{:url('/admin/store/category/add')}" class="layui-btn">增加分类</a>
        <button class="layui-btn layui-btn-normal" id="categoryRank">排序</button>
    </div>
    <table class="layui-table" id="storeCategory">
        <thead>
            <tr class="active">
                <th width="50">id</th>
                <th width="50">排序</th>
                <th width="200">名称</th>
                <th width="150">修改时间</th>
                <th width="100">操作</th>
            </tr>
        </thead>
        <tbody>
            {volist name="list" id="item"} 
            <tr class="table-list">
                <td>{$item.id}</td>
                <td>
                    <input type="number" name="rank" autocomplete="off" class="layui-input layui-input-inline text-center w60" value="{$item['rank']}" data-id="{$item['id']}">
                </td>
                <td>{$item.name}</td>
                <td>{$item.create_time|date="Y-m-d H:i"}</td>
                <td><a href="{:url('/admin/store/category/update',['id'=>$item['id']])}" class="layui-btn layui-btn-normal layui-btn-xs"><i class="layui-icon layui-icon-edit"></i>修改</a><a href="javascript:void(0);" class="layui-btn layui-btn-danger layui-btn-xs" onclick="deleteCategory({$item.id})"><i class="layui-icon layui-icon-delete"></i>删除</a></td>
            </tr>
            {/volist}
            {empty name="list"}
                <tr><td colspan="5" class="layui-admin-empty-table">列表数据为空</td></tr>
            {/empty}
        </tbody>
    </table>
</div>
<script>
//layui
layui.use(['layer'], function() {
    var layer = layui.layer;//弹层

    //排序按钮
    $('#categoryRank').on('click', function() {
        if($('#storeCategory input[name="rank"]').length>0){
            var idsArr = [],ranksArr = [];
            $('#storeCategory input[name="rank"]').each(function(index, ele) {
                idsArr.push($(ele).attr('data-id'));
                ranksArr.push($(ele).val());
            })

            $.post("{:url('/admin/store/category/rank')}", {idsArr:idsArr,ranksArr:ranksArr}, function(data) {
                if(data == true){
                    layer.msg('更新排序成功', function() {
                        window.location.reload();
                    });
                }else{
                    layer.msg('更新排序失败 '+data, function() {
                        window.location.reload();