#@mgr("文章搜索")

#define content()
<section class="content container-fluid">
	
	<div class="row">
		<div class="col-md-3">
			<div class="form-container"></div>
		</div>
		<div class="col-md-9">
			<blockquote>
			<li>共检索到复合条件的文章：<code class="ret-cnt">0</code> 条 </li>
			</blockquote>
			<div class="table-container"></div>
		</div>
	</div>
	
</section>
#end

#define after()
<script>
require(['kit', 'ez-form', 'ez-table', 'ez-mask', 'ez-ui'], function(Kit, Form, Table, Mask, Ui){

	var URL_QUERY = ATTR.ctrl + '/getData';
	var URL_EXPOR = ATTR.ctrl + '/exports';
	
	var domainTemp = '#(domainTemp)';
	var comps = #(comps);
	
	var form = Form('.form-container', {
		title: '检索条件',
		ajax: true,
		action: URL_QUERY,
		cols: { xs: [12, 12], md: [5, 7], lg: [4, 8] },
		columns: [
			{
				field: 'page',
				visible: false,
				defaultValue: 1
			}, {
				field: 'fdate',
				title: '起始日期',
				type: 'date'
			}, {
				field: 'edate',
				title: '截止日期',
				type: 'date'
			}, {
				field: 'keyword',
				title: '关键字',
				placeholder: '多个关键字之间用空格隔开',
				required: true
			}, {
				field: 'mode',
				title: '复合模式',
				type: 'radio',
				options: [{key:'AND',value:'并且'},{key:'OR',value:'或者'}],
				defaultValue: 'AND',
				required: true
			}, {
				field: 'target',
				title: '搜索对象',
				type: 'checkbox',
				options: [{key:'caption',value:'标题'},{key:'content',value:'正文'}],
				defaultValue: 'caption',
				required: true
			}, {
				field: 'scope',
				title: '搜索范围',
				type: 'checkbox',
				labelWidth: '100%',
				options: comps,
				optionsKey: 'domain',
				optionsValue: 'caption',
				selectAll: true,
				required: true
			}
		],
		btns: {
			back: { used: false },
			submit: { used: false },
			custom: {
				used: true,
				icon: 'fa fa-search',
				cls: 'btn btn-primary btn-flat',
				caption: '搜索',
				click: function(){
					form.setAjax(true);
					form.setAction(URL_QUERY);
					form.submit();
				}
			}
		},
		callback: function(ret, res){
			$('.ret-cnt').text(res.data.list.totalRow);
			table.load(res.data.list);
		}
	}).load({});
	
	var getSrc = function(domain){
		return domainTemp.replace(/\$\{domain\}/, domain);
	}
	
	var table = Table('.table-container', {
		title: '搜索结果',
		checked: false,
		columns: [
			{
				field: 'compCap',
				title: '站点',
			    width: 120,
			    align: 'center',
			    nowrap: true,
				formatter: function(val, row){
	            	var url = getSrc(row.domain);
	                return '<a href="' + url + '" target="_blank">' + val + '</a>';
				}
			}, {
				field: 'channelCap',
				title: '栏目',
			    width: 120,
			    nowrap: true,
			    align: 'center',
				formatter: function(val, row){
	            	var url = getSrc(row.domain) + '/channel/' + row.channelCode;
	                return '<a href="' + url + '" target="_blank">' + val + '</a>';
				}
			}, {
				field: 'caption',
				title: '文章标题',
			    nowrap: true,
				formatter: function(val, row){
	            	var top = row.isTop ? '<i class="text-red fa fa-arrow-circle-o-up" title="已置顶"></i> ' : '';
	            	var url = getSrc(row.domain) + '/content/' + row.id;
	                return '<a href="' + url + '" target="_blank">' + top + val + '</a>';
				}
			}, {
				field: 'cdate',
				title: '发布日期',
		        width: 120,
			    nowrap: true,
			    align: 'center',
	            formatter: function(value){
	            	return Kit.isEmpty(value) ? '' : Kit.dateFormat(value, 'yyyy-MM-dd');
	            }
			}
		],
		btns: {
			back: { used: false },
			detail: { used: false },
  			exports: {
  				used: true,
  				icon: 'fa fa-cloud-download',
  				cls: 'btn btn-sm btn-success btn-flat',
  				caption: '结果导出',
  				float: 'right',
  				click: function(){
					form.setAjax(false);
					form.setAction(URL_EXPOR);
					form.submit();
					setTimeout(function(){
						Ui.hideLoading(form.box);
					}, 3000);
  				}
  			}
		},
		event: {
			paged: function(ins, p){
				form.setAjax(true);
				form.setAction(URL_QUERY);
				form.box.find('.group-page input').val(p);
				form.submit();
			}
		}
	}).load([]);
	
});
</script>
#end