<extend name="Public/base"/>

<block name="body">
    <link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
<script type="text/javascript" src="__JS__/select2.min.js"></script>
    <style>
    .select2-container--default .select2-selection--single {
            color: #000;
        resize: none;
        border-width: 1px;
        border-style: solid;
        border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
        box-shadow: 0px 3px 3px #F7F8F9 inset;height:35px;
        height:28px;border-radius:3px;font-size:12px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height:35px;
        line-height:28px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height:26px;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
      height:26px;line-height:26px;font-size:12px;
    }
    .select2-results__option[aria-selected] {font-size:12px;}
.data_list table td{
text-indent:0;
}
.data_list table td.multiple_info {text-align:left;padding:0 10px;width:33%;}
.multiple_info h4,.multiple_info p {margin:0;line-height:1.4;}
.lwx_ajax_pop .layui-layer-content{padding:5px;}
.lwx_ajax_pop .layui-layer-content .layui-layer-input {line-height:1.4;width:100%;height:94%;border:none;overflow:hidden;resize:none;color:#b3b3b3;}
    .layui-layer-btn{background-color:#F8F8F8;padding-top:12px;}
	.lwx_ajax_pop .layui-layer-content{padding-left:20px;}
	.fontcolor{color:#404040 !important;}
	</style>
    <div class="cf main-place top_nav_list navtab_list">
    {:W('Index/navigation',array('value'=>'Site/media'))}
        <h3 class="page_title">客服问题</h3>
        <p class="description_text">说明:用于PC官网客服中心、SDK帮助中心内显示</p>
    </div>
    
    
    
	<div class="cf top_nav_list">
		<div class="fl button_list">
        <a class="" href="{:U('add','pid='.$pid)}"><span class="button_icon button_icon1"></span>新增</a>
    </div>
		
		<!-- 高级搜索 -->
		<div class="jssearch fl cf search_list">
			<div class="input-list search-title-box">
              <label>搜索:</label>
            </div>
						
			<div class="input-list input-list-game search_label_rehab">
					<select name="title" class="select_gallery" style="width:120px;">
							<option value="">类型名称</option>
							<volist name=":get_kefu_list()" id="vo">
									<option value="{$vo.title}">{$vo.title}</option>
							</volist>
					</select>   
			</div>	

				<div class="input-list input-list input-list-platform">
                <select id="status" name="status" class="select_gallery">
                    <option value="">显示状态</option>
                    <option value="0">已关闭</option>
                    <option value="1">显示</option>
                </select>   
            </div>			
						
			<div class="sleft">
				<a class="sch-btn" href="javascript:;" id="search" url="{:U('index',array('row'=>I('row',10)))}">搜索</a>
			</div>

		</div>
		
	</div>

	<div class="data_list">
		<table style="text-align:center">
			<thead>
				<tr>
					<th style="text-align:center;width:5%;min-width:80px;">编号</th>
					<th style="text-align:center;width:5%;min-width:80px;">分类</th>
					<th style="text-align:center;width:5%;min-width:80px;">分类标题URL</th>
					<th style="text-align:center;width:45%;">子标题</th>
					<th style="text-align:center;width:5%;min-width:80px;">排序</th>
					<th style="text-align:center;width:5%;min-width:80px;">状态</th>
					<th style="text-align:center;width:8%;min-width:80px;">操作</th>
				</tr>
			</thead>
			<tbody>
				<notempty name="list">
				<volist name="list" id="channel">
					<tr>
						<td>{$channel.id}</td>
						<td>{$channel.title}</td>
						<td>{$channel.titleurl}</td>
						<td>{$channel.zititle}</td>
						<td>
							<a href="javascript:;" data-title="{$channel.title} 排序修改" data-id="{$channel.id}" class="jschangesort">
									{$channel.sort}
							</a>
						</td>
						<td>
							<eq name="channel.status" value="1">
							<a href="{:U('change_status',array('msg_type'=>3,'ids'=>$channel['id'],'status'=>0))}" class="ajax-get ">显示</a>
							<else />
							<a href="{:U('change_status',array('msg_type'=>16,'ids'=>$channel['id'],'status'=>1))}" class="ajax-get  status_closed">已关闭</a>
							</eq>
						</td>
						<td>
							<a  title="编辑" href="{:U('edit?id='.$channel['id'].'&pid='.$pid)}">编辑</a>
							<a class="confirm ajax-get" title="删除" href="{:U('del?id='.$channel['id'])}">删除</a>
						</td>
					</tr>
				</volist>
				<else/>
				<td colspan="7" class="text-center">aOh! 暂时还没有内容!</td>
				</notempty>
			</tbody>
		</table>
	</div>
	<div class="page">
        {$_page|default=''}
    </div>
		
		<div class="common_settings">
			<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
			<form class="addShortcutIcon">
				<input type="hidden" name="title" value="{$m_title}">
				<input type="hidden" name="url" value="Site/media">
			</form>
			<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
		</div>
		
</block>

<block name="script">
<script src="__STATIC__/layer/layer.js"></script>
<script src="__STATIC__/layer/extend/layer.ext.js"></script>
<script type="text/javascript">
Think.setValue('row','{:I("row",10)}');
Think.setValue('title','{:I("title","")}');
Think.setValue('status','{:I("status","")}');

$(".select_gallery").select2();

//导航高亮
highlight_subnav('{:U('Site/media')}');
    $(function() {
		
			//搜索功能
	$("#search").click(function(){
		
		var url = $(this).attr('url');
        var query  = $('.jssearch').find('input').serialize();
        query  += "&"+$('.jssearch').find('select').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
		window.location.href = url;
	});
		
    	//点击排序
    	$('.list_sort').click(function(){
    		var url = $(this).attr('url');
    		var ids = $('.ids:checked');
    		var param = '';
    		if(ids.length > 0){
    			var str = new Array();
    			ids.each(function(){
    				str.push($(this).val());
    			});
    			param = str.join(',');
    		}

    		if(url != undefined && url != ''){
    			window.location.href = url + '/ids/' + param;
    		}
    	});
			
			$('.jschangesort').on('click',function() {
				var that = $(this);
				var id = that.attr('data-id');
				var title = that.attr('data-title');
				
				
				layer.prompt({title:title,formType:0},function(value,index) {
					
					if (!/^(?:0|[1-9][0-9]*)$/.test(value)) {
							updateAlert('请输入正整数','tip_error');
							setTimeout(function(){
									$('#tip').find('.tipclose').click();
							},2000);
							return false;
					}
					
					layer.close(index);
					
					$.ajax({
							async: false,
							url:"{:U('change_sort')}",
							type:"POST",
							dataType:"json",
							data:{id:id,value:value},
							success:function(result){
									if(result.status){
											updateAlert(result.info);
											setTimeout(function(){
													$('#tip').find('.tipclose').click();
													window.location.reload();
											},2000);

									}else{
											updateAlert(result.info,'tip_error');
											setTimeout(function(){
													$('#tip').find('.tipclose').click();
											},2000);
									}
							},
							error:function(){
									updateAlert('服务器异常','tip_error');
									setTimeout(function(){
											$('#tip').find('.tipclose').click();
									},2000);
							}
					});
					
				});
				
				return false;
			});

			
    });
</script>
</block>