blog_tp6/view/sys/module/index.html

<article class="cl pd-10" style="min-width: 900px;">
    <div class="cl pd-5 bg-1 bk-gray mt-20">
        <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>
        <span class="r">共有数据：<strong id="total">{notempty name="list"}{$list->total()}{else/}0{/notempty}</strong>
            条</span>
    </div>
    <div id="edatalist">
        <table class="table table-border table-bordered table-bg">
            <thead>
                <tr class="text-c">
                    <th width="25px;">
                        <input type="checkbox" name="" value="">
                    </th>
                    <th width="80px;">ID</th>
                    <th width="160px;">模块名称</th>
                    <th width="160px;">表名称</th>
                    <th width="160px;">模型名称</th>
                    <th width="180px;">表描述</th>
                    <th width="100px;">表类型</th>
                    <th width="80px;">主键</th>
                    <th width="80px;">排序</th>
                    <th width="140px;">创建时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {foreach $list as $val}
                <tr class="text-c va-m">
                    <td>
                        <input type="checkbox" value="{$val.id}" name="checkbox[]">
                    </td>
                    <td>{$val.id}</td>
                    <td>{$val.module_name}</td>
                    <td>{$val.table_name}</td>
                    <td>{$val.model_name}</td>
                    <td>{$val.remark}</td>
                    <td>{$val.table_type}</td>
                    <td>{$val.pk}</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 H:i:s"}</td>
                    <td class="td-manage">
                        <a class="btn btn-primary radius" href="javascript:save({$val.id});"
                            title="编辑" style="text-decoration:none" class="ml-10">
                            <i class="Hui-iconfont">&#xe6df;</i>编辑
                        </a>
                        <a class="btn btn-danger radius" href="javascript:;" title="删除" style="text-decoration:none"
                            class="ml-10" onClick="del(this,'{$val.id}')">
                            <i class="Hui-iconfont">&#xe6e2;</i>删除
                        </a>
                    </td>
                </tr>
                {/foreach}
            </tbody>
        </table>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20 ">
        <span class="r">{notempty name="list"}{$list->render()|raw}{/notempty}</span>
    </div>
</article>
<script>
    function save(id) {
        var title = id == 0 ? '添加模型' : '修改模型'
        var url = "{:url('save')}" + "?_layer=true&id=" + id
        layer_show(title, url, 800, 700);
    }

    // 排序
    $(".input-sort").change(function () {
        var sort = $(this).val();
        var id = $(this).data('id');
        // console.log(sort);
        // console.log(id);
        $.post('sort', {
            'id': id,
            'sort': sort
        }, function (res) {
            console.log(res);
            if (res) {
                layer.msg('排序成功', {
                    icon: 1,
                    time: 2000
                });
            } else {
                layer.msg('排序失败', {
                    icon: 5,
                    time: 2000
                });
            }
        }, 'json');
    })
    
    // 产品上加/下架 or 文章上线.下线
    function duty(action, obj, id) {
        var duty = 2,
            title = '上线',
            button = 'default',
            status = '下线';

        if (action == 'up') {
            duty = 1;
            title = '下线';
            status = '正常';
            button = 'success';
            action = 'down';
        } else {
            action = 'up';
        }


        var text = "<a href=\"javascript:void(0);\" title=" + title + " onClick=\"duty('" + action + "', this," + id + ")\" >";
        text += '<span class="label label-' + button + ' radius">' + status + '</span></a>';

        $.post("duty", {
            'id': id,
            'status': duty
        }, function (data) {
            if (data.code == 2) {
                $(obj).after(text);
                $(obj).remove();
                layer.msg(data.msg, {
                    icon: 6,
                    time: 1000
                });
            } else {
                layer.msg(data.msg, {
                    icon: 5,
                    time: 1000
                });
            }
        }, 'json');
    }
</script>