{if $operation == 'display'}
<style>
    .state .error{
        display: none;
    }
    .state .success{
        display: initial;
    }
    .state.failed .success{
        display: none;
    }
    .state.failed .error{
        display: initial;
    }
</style>
<div class="main">
    <div class="panel panel-info">
        <div class="panel-heading">筛选</div>
        <div class="panel-body">
            <form action="" method="get" class="form-horizontal" role="form">
                <input type="hidden" name="c" value="site" />
                <input type="hidden" name="a" value="entry" />
                <input type="hidden" name="m" value="atmuseum" />
                <input type="hidden" name="do" value="article" />
                <input type="hidden" name="op" value="display" />
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关键字</label>
                    <div class="col-xs-12 col-sm-8 col-lg-9">
                        <input class="form-control" name="keyword" id="" type="text" value="{$_GPC['keyword']}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-1 control-label">博物馆</label>
                    <div class="col-sm-9 col-xs-12">
                        <div class="input-group">
                            <input type="text" readonly="readonly" name="vname" class="form-control" value="{$item['vname']}"/>
                            <input type="hidden" name="vid" value="{$item['vid']}"/>
                                <span class="input-group-btn">
                                    <button type="button" id="venue-selector" class="btn btn-default">选择博物馆</button>
                                </span>
                        </div>
                        {template 'venue_select'}
                        <span></span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12 col-sm-2 col-lg-2">
                        <button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>
                    </div>
                </div>

                <div class="form-group">
                </div>
            </form>
        </div>
    </div>
    <style>
        .label{cursor:pointer;}
    </style>
    <div class="panel panel-default">
        <div class="panel-body table-responsive" style="overflow: visible;">
            <table class="table table-hover">
                <thead class="navbar-inner">
                <tr>
                    <th style="width: 50px;">ID</th>
                    <th style="width: 120px;">博物馆</th>
                    <th style="width: 210px;">上次刷新状态</th>
                    <th style="width: 150px;">上次刷新时间</th>
                    <th style="width: 80px;">上次编辑</th>
                    <th>微信历史链接</th>
                </tr>
                </thead>
                <tbody>
                {loop $list $item}
                <tr id="item-{$item['vid']}">
                    <td>{$item['id']}</td>
                    <td>{$item['venue']}</td>
                    <td class="state{if $item['err']} failed{/if}">
                        <span class="error text-danger">{$item['msg']}</span>
                        <span class="success text-success">{if $item['last_time']}成功刷新{/if}</span>
                    </td>
                    <td class="last-time">{$item['last_time']}</td>
                    <td>{$item['editor']}</td>
                    <td>
                        <input type="text" value="{$item['url']}" style="width: 90%;">
                        <a href="javascript:" data-vid="{$item['vid']}" class="btn btn-default btn-sm refresh" data-toggle="tooltip" data-placement="top" title="刷新"><i class="fa fa-refresh"></i></a>
                    </td>
                </tr>
                {/loop}
                </tbody>
            </table>
            {$pager}
        </div>
    </div>
</div>
<script type="application/javascript">
    $(function(){
        $('.refresh').on('click', function(){
            var vid = $(this).data('vid')
            var url = $(this).prev('input').val()
            $.ajax({
                url: "http://api.kzl.la:8021/wx/masssendmsg",
                data: {
                    url: url,
                    vid: vid,
                    editor: "{$_W['editor']['realname']}"
                },
                success: function(res){
                    if(res){
                        if(res.code == 200){
                            //成功
                            var $tr = $('#item-' + vid)
                            $tr.find('.state').removeClass('failed')
                            $tr.find('.last-time').html("<span class='label label-info'>刚刚</span>")
                        }else{
                            //失败
                            var $tr = $('#item-' + vid)
                            $tr.find('.state').addClass('failed')
                            $tr.find('.state .error').text(res.msg)
                            $tr.find('.last-time').html("<span class='label label-info'>刚刚</span>")
                        }
                    }else{
                        var $tr = $('#item-' + vid)
                        $tr.find('.state').addClass('failed')
                        $tr.find('.state .error').text("未知原因失败")
                    }
                },
                error: function(res){
                    var $tr = $('#item-' + vid)
                    $tr.find('.state').addClass('failed')
                    $tr.find('.state .error').text("微服务出错,请检查微服务状态")
                    $tr.find('.last-time').html("<span class='label label-info'>刚刚</span>")
                }
            })
        })
    })
</script>
{/if}