baseXX/application/admin/view/article/article_category/index.php

{extend name="public/container"}
{block name="content"}
<div class="layui-fluid">
<div class="layui-row">

    <div class="layui-col-md12">

        <div class="layui-card">

            <div class="layui-card-header">

                <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="add"><i class="layui-icon">&#xe608;</i> 添加新闻分类</button>

            </div>
            <div class="layui-card-body">

                <div class="row">

                    <div class="m-b m-l">

                        <form action="" class="form-inline">

                            <select name="status" aria-controls="editable" class="form-control input-sm">
                                <option value="">是否显示</option>
                                <option value="1" {eq name="$where.status" value="1"}selected="selected"{/eq}>显示</option>
                                <option value="0" {eq name="$where.status" value="0"}selected="selected"{/eq}>不显示</option>
                            </select>
                            <div class="input-group" style="margin-top: 5px">
                                <input type="text" placeholder="请输入关键词" class="input-sm form-control" name="title" value="{$where.title}">
                                <span class="input-group-btn">
                                    <button type="submit" class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon">&#xe615;</i> 搜索</button>
                                </span>

                            </div>
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" style="background-color:#0092DC;" onclick="window.location.reload()"><i class="layui-icon">&#xe669;</i> 刷新</button>
                        </form>

                    </div>



                </div>

                <div class="table-responsive">

                    <table class="table table-striped  table-bordered">

                        <thead>

                        <tr>



                            <th style="text-align: center;width: 80px;">编号</th>

                            <th style="text-align: center">分类昵称</th>
                            
<!--                            <th>分类图片</th>-->

                            <th style="text-align: center">状态</th>

                            <th style="text-align: center">查看文章</th>

                            <th style="text-align: center">操作</th>

                        </tr>

                        </thead>

                        <tbody class="">

                        {volist name="list" id="vo"}

                        <tr>

                            <td class="text-center">

                                {$vo.id}

                            </td>

                            <td class="text-center">

                                {$vo.title}

                            </td>

                            <td class="text-center">
                                {if condition="$vo['status'] eq 1"}
                                <i class="fa fa-check text-navy"></i>
                                {else/}
                                <i class="fa fa-close text-danger"></i>
                                {/if}

                            </td>

                            <td class="text-center">

                                <a href="{:Url('article.article_v1/index',array('cid'=>$vo['id']))}" style="color: #666;display: block;padding: 5px 0;">查看文章</a>

                            </td>


                            <td class="text-center">

                                <button class="layui-btn layui-btn-normal layui-btn-xs" type="button"  onclick="$eb.createModalFrame('编辑','{:Url('edit',array('id'=>$vo['id']))}')"><i class="layui-icon">&#xe642;</i> 编辑</button>

                                <button class="layui-btn layui-btn-danger layui-btn-xs" type="button" data-type="del" data-id="{$vo.id}" data-url="{:Url('delete',array('id'=>$vo['id']))}" ><i class="layui-icon">&#xe640;</i> 删除

                                </button>

                            </td>

                        </tr>

                        {/volist}

                        </tbody>

                    </table>

                </div>

                {include file="public/inner_page"}

            </div>

        </div>

    </div>

</div>
</div>
{/block}
{block name="script"}
<script>

    $('.image_info').on('click',function (e) {
        var image_url = $(this).data('image');
        $eb.openImage(image_url);
    })
    $('.layui-btn').on('click',function (e) {
        var target = e.target;
        var type = target.dataset.type;
        if (type === 'add') {
            $eb.createModalFrame('添加新闻分类',"{:Url('create')}");
        } else if (type === 'del') {
            var _this = $(this),url =_this.data('url');
            $eb.$swal('delete',function(){
                $eb.axios.get(url).then(function(res){
                    if(res.status == 200 && res.data.code == 200) {
                        $eb.$swal('success',res.data.msg);
                        _this.parents('tr').remove();
                    }else
                        return Promise.reject(res.data.msg || '删除失败')
                }).catch(function(err){
                    $eb.$swal('error',err);
                });

            })
        }
    })
    $('.add_filed_base').on('click',function (e) {
        $eb.swal({
            title: '请选择数据类型',
            input: 'radio',
            inputOptions: ['文本框','多行文本框','单选框','文件上传','多选框'],
            inputValidator: function(result) {
                return new Promise(function(resolve, reject) {
                    if (result) {
                        resolve();
                    } else {
                        reject('请选择数据类型');
                    }
                });
            }
        }).then(function(result) {
            if (result) {
                $eb.createModalFrame(this.innerText,"{:Url('SystemConfig/create')}?type="+result);
            }
        })
    })
</script>
{/block}