{extend name="layout/content" /}
{block name="header"}
<title>新闻列表</title>

<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/lib/Viewer/css/viewer.min.css">
<script type="text/javascript" src="__STATIC__/js/admin/html5.min.js" charset="utf-8"></script>
<script type="text/javascript" src="__STATIC__/js/admin/respond.min.js" charset="utf-8"></script>
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<style>
    .check_photo+img {
        display: none;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .layui-form-label{
        margin: 0;
    }
.layui-table th:first-child {
    width: 330px;
}
</style>

{/block} {block name="content"}
<div class="x-body">
    
<form class="layui-form clearfix">

    <div class="layui-inline">
        <a href="{:url('add')}" class="layui-btn">新增资讯</a>
    </div>


    <div style="float: right;">


        <div class="layui-inline">
            <label class="layui-form-label">标题：</label>
            <div class="layui-input-inline">
                <input class="layui-input" placeholder="请输入标题" id="title" name="title" value="{:input('title')}">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">类型：</label>
            <div class="layui-input-inline">
                <select name="type" id="type" lay-search>
                    <option value="">请选择类型</option>
                    <option value="1" {if condition="1 eq input('type')"} selected="selected"{/if}>资讯</option>
                    <option value="2" {if condition="2 eq input('type')"} selected="selected"{/if}>祈盟网络</option>
                    <option value="3" {if condition="3 eq input('type')"} selected="selected"{/if}>评测</option>
                    <option value="4" {if condition="4 eq input('type')"} selected="selected"{/if}>攻略</option>
                    <option value="5" {if condition="5 eq input('type')"} selected="selected"{/if}>视频</option>
                    <option value="6" {if condition="6 eq input('type')"} selected="selected"{/if}>活动（后台）</option>
                    <option value="7" {if condition="7 eq input('type')"} selected="selected"{/if}>更新（后台）</option>
                    <option value="8" {if condition="8 eq input('type')"} selected="selected"{/if}>新闻（后台）</option>
                    <option value="9" {if condition="9 eq input('type')"} selected="selected"{/if}>充值活动（后台）</option>      
                </select>
            </div>
        </div>


        <div class="layui-inline">
            <label class="layui-form-label" style="width: 90px;">显示位置：</label>
            <div class="layui-input-inline">
                <select name="position" lay-search>
                    <option value="">请选择类型</option>
                    <option value="a" {if condition="'a' eq input('position')"} selected="selected"{/if}>首页资讯</option>
                    <option value="b" {if condition="'b' eq input('position')"} selected="selected"{/if}>首页攻略</option>
                    <option value="c" {if condition="'c' eq input('position')"} selected="selected"{/if}>新游评测</option>
                    <option value="d" {if condition="'d' eq input('position')"} selected="selected"{/if}>新闻热点</option>
                    <option value="e" {if condition="'e' eq input('position')"} selected="selected"{/if}>新游视频</option>
                </select>
            </div>
        </div>
        
        <div class="layui-inline">
       		<label>游戏：</label>
            <div class="layui-input-inline FuzzySearch_Container">
            	<div>
                	<input type="hidden" id='J_gameid' name="gameid" value="{:input('gameid')}"/>
                </div>
            </div>
       	</div>
       	
       	<div class="layui-inline">
                    <label class="layui-form-label" style="width:114px;">创建时间：</label>
                    <input class="layui-input" placeholder="开始日" name="start_time" id="start" value="{:input('request.start_time')}" autocomplete="off" style="width:130px;display:inline-block">
                    <span>-</span>
                    <input class="layui-input" placeholder="截止日" name="end_time" id="end" value="{:input('request.end_time')}" autocomplete="off" style="width:130px;display:inline-block">
        </div>

        <div class="layui-inline">
            <button class="layui-btn layui-btn-radius" lay-submit>查询</button>
        </div>

    </div>

    <table class="layui-table">
                <thead>
                    <tr>
                        <th>资讯标题</th>
                        <th>类型</th>
                        <th>游戏</th>
                        <th>新闻图片</th>
                        <th>显示位置</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
            
                <tbody id="viewer_wrap">
                {notempty name="article"} {volist name="article" id="vo"}
                <tr>
                    <td>{$vo.title}</td>
                    <td class="td-status">
                        {if($vo.type==1)}
                        <span class="layui-btn layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">资讯</span>
                        {elseif($vo.type==2)}
                        <span class="layui-btn layui-bg-blue layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">祈盟网络</span>
                        {elseif($vo.type==3)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">评测</span>
                        {elseif($vo.type==4)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">攻略</span>
                        {elseif($vo.type==5)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">视频</span>
                        {elseif($vo.type==6)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">活动（后台）</span>
                        {elseif($vo.type==7)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">更新（后台）</span>
                        {elseif($vo.type==8)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">新闻（后台）</span>
                        {elseif($vo.type==9)}
                        <span class="layui-btn  layui-bg-red layui-btn-normal layui-btn-mini layui-btn-radius"
                              style="background:#BAD3D0">充值活动（后台）</span>
                        {/if}
                    </td>
                    <td>
                        {if($vo.gameid==0)}
                            所有游戏
                        {else}
                            {$vo.game_name}
                        {/if}
                    </td>
                    <td>
                        {if(!empty($vo.image))}
                         <a href="javascript:;" class="check_photo">查看图片</a>
                        <img data-original="{$Think.STATIC_DOMAIN}{$vo.image}" src="{$Think.STATIC_DOMAIN}{$vo.image}">
                        {/if}
                    </td>
                    <td>
                        {php}
                            $strlen = strlen($vo['position']);
                            if ( $strlen > 0 ) {
                                for ( $i = 0; $i < $strlen; $i++ ) {
                                    switch ( $vo['position'][$i] ) {
                                        case 'a':
                                            echo '首页资讯&nbsp;';
                                            break;
                                        case 'b':
                                            echo '首页攻略&nbsp;';
                                            break;
                                        case 'c':
                                            echo '新游评测&nbsp;';
                                            break;
                                        case 'd':
                                            echo '新闻热点&nbsp;';
                                            break;
                                        case 'e':
                                            echo '新游视频&nbsp;';
                                            break;
                                        case 'f':
                                            echo '公会资讯&nbsp;';
                                            break;
                                     }
                                }
                               }
                        {/php}
                    </td>
                    <td>{:date('Y-m-d H:i:s',$vo.create_time)}</td>
                    <td class="td-manage">
                        <a title="编辑" href="{:url('edit',['id'=>$vo.id])}" class="layui-btn layui-btn-normal edit">
                            <i class="layui-icon">&#xe63c;</i>编辑
                        </a>
                        <a href="javascript:;" onclick="del_info(this,'<?php echo url('del',['id'=>$vo['id']]); ?>')" class="layui-btn  layui-btn-danger">
                           <i class="layui-icon">&#xe640;</i>删除
                        </a>
                    </td>
                </tr>
                {/volist} {/notempty}
                </tbody>
         </table>
            
            <div class="pager-container">
                <span>
                    {$article->total()}条记录
                </span>
                {$page}

                <div class="layui-inline" style="margin-left:10px;width:80px;">
                    <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
                </div>
            </div>
        
    </form>

</div>
{/block} {block name="footer"}
<script type="text/javascript" src="__STATIC__/js/admin/bootstrap.min.js" charset="utf-8"></script>
<script type="text/javascript" src="__STATIC__/lib/Viewer/js/viewer.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<script>
	$("#J_gameid").FuzzySearch({
		 inputID    : 'J_gameid',
		 title   	: '请输入游戏名称',
		 data       :{:json_encode([-1=>(object)['id'=>'0','name'=>'所有游戏']]+$game_list)},
		 searchBtn	:'J_search_submit',
	});

	layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start', //指定元素
           	type: 'date'
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end', //指定元素
           	type: 'date'
        });
    });
	
    var viewer = new Viewer(document.getElementById('viewer_wrap'), {
        url: 'data-original'
    });
    
    var lastPage=$(".pagination").find("li").eq(-2).children("").text();
     
        $("input[name=page]").on("input",function () {
            var jupmToNum=parseFloat(this.value);
            var lastPageNum=parseFloat(lastPage);
            if(jupmToNum>lastPageNum){
                this.value=lastPageNum;
            }
        })


        $(".check_photo").on("click", function () {
            $(this).siblings().click()
        })


</script>
{/block}