blog_tp6/view/sys/article/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:void(0);" onclick="del_all()" class="btn btn-danger radius">
                <i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
            <a class="btn btn-success radius" href="{:url('/sys/article/save')}">
                <i class="Hui-iconfont">&#xe600;</i> 添加文章</a>
            <a class="btn btn-success radius" href="{:url('/sys/article/save', ['content_type'=>1])}">
                <i class="Hui-iconfont">&#xe600;</i> 添加MarkDown文章</a>
            <a class="btn btn-primary radius" href="javascript:void(0);" onclick="moveArticle()">
                <i class="Hui-iconfont">&#xe600;</i>移动到指定栏目</a>
        </span>
        <span class="r">
            <span class="select-box inline ml-50">
                <select name="cid" id="sel_option" class="select">
                    <option value="0" {eq name='cid' value="0" }selected{/eq}>所有栏目</option>
                    {foreach $category_tree as $value}
                    <option value="{$value.id}" {eq name='cid' value="$value.id" }selected{/eq}>{$value.name}</option>
                    {notempty name="value.child"}
                    {foreach $value.child as $val}
                    <option value="{$val.id}" {eq name='cid' value="$val.id" }selected{/eq}>--{$val.name}</option>
                    {notempty name="val.child"}
                    {foreach $val.child as $vo}
                    <option value="{$vo.id}" {eq name='cid' value="$vo.id" }selected{/eq}>&nbsp;&nbsp;└ --{$vo.name}
                    </option>
                    {/foreach}
                    {/notempty}
                    {/foreach}
                    {/notempty}
                    {/foreach}
                </select>
            </span>
            <span>
                <button type="button" class="btn btn-success radius" onclick="search()">确&nbsp;定</button>
            </span>
        </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="allcheck" value="">
                    </th>
                    <th width="60px;">ID</th>
                    <th style="min-width: 260px;">标题</th>
                    <th width="240px;">栏目</th>
                    <th width="160px;">发布者</th>
                    <th width="180px;">发布时间</th>
                    <th width="140px;">点击量</th>
                    <th width="80px;">排序</th>
                    <th width="80px;">状态</th>
                    <th width="100px;">操作</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 class="text-l">
                        <a href="/{$val.id}" style="text-decoration:none"
                            title="浏览" target="_blank">{$val.title}</a>
                    </td>
                    <td>{$val.category_name}</td>
                    <td>{$val.username}</td>
                    <td>{$val.create_time}</td>
                    <td>{$val.hits}</td>
                    <td><input type="text" class="input-text input-sort" value="{$val.sort}" data-id="{$val.id}"
                            style="text-align: center;"></td>
                    <td class="td-status">
                        <div class="switch size-S" data-on-label="是" data-off-label="否" data-id="{$val.id}">
                            <input type="checkbox" {if $val.status==1}checked{/if}>
                        </div>
                    </td>
                    <td class="td-manage">
                        <a href="{:url('/sys/article/save',['content_type'=>$val['content_type'], 'id'=>$val['id']])}" title="编辑"
                            class="btn btn-primary radius">
                            <i class="Hui-iconfont">&#xe6df;</i></a>
                        <a href="javascript:;" title="删除" class="ml-10 btn btn-danger radius"
                            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>共有数据：<strong id="total">{$list->total()}</strong>条</span>
        <span class="r">{$list->render()|raw}</span>
    </div>
</article>
<script>
    function search() {
        var cid = $("#sel_option").val();
        console.log(cid);
        if (cid) {
            window.location.href = '/sys/article/index?cid=' + cid;
        } else {
            window.location.href = '/sys/article/index';
        }
        return false;
    }

    function moveArticle() {
        var checkbox = $('.text-c input[name="checkbox[]"]');
        var ids = new Array();
        checkbox.each(function (x) {
            if (this.checked)
                ids.push(this.value);
        })

        var length = ids.length;

        if (length == 0) {
            layer.msg('请选择要移动的选项', {
                icon: 5,
                time: 1000
            });
            return false;
        }

        var cid = $("#sel_option").val();

        if (cid == 0) {
            layer.msg('请选择要移动到的栏目', {
                icon: 5,
                time: 1000
            });
            return false;
        }

        layer.confirm('确认要移动选中项吗？', function (index) {
            $.post('move', {
                'ids': ids,
                'cid': cid
            }, function (data) {
                if (data.code == 0) {
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 2000
                    });
                    window.location.reload();
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 2000
                    });
                    return false;
                }
            }, 'json');
        });

    }
</script>