{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/fsBox/jquery.fs.boxer.css">
<style>
	.form-con{
		height: auto;
		overflow: auto;
	}
	.form-content li{
		overflow: hidden;
	}
	.view-font{
		height: 190px;
		overflow: hidden;
		text-align: center;
	}
	.view-font img{
		height: 100%;
		width: auto;
	}
</style>
{/block}
{block name="js"}
<script src="__PUBLIC__/fsBox/jquery.fs.boxer.min.js"></script>
<script>
	$(function(){
		
	})
</script>
{/block}
{block name="main"}
<div class="if_wrap">
	<div class="cus-con">
		<div class="set_tit"><span>报表库</span></div>
		<div class="form-wrap">
			<div class="form-con">
				<div class="form-tit">已添加</div>
				<ul class="form-content">
					{volist id="rep" name="info"}
					<li>
						<a href="{$rep.thumb|default='__PUBLIC__/img/form.jpg'}" rel="gallery" class="view-font"><img src="{$rep.thumb|default='__PUBLIC__/img/form.jpg'}" alt=""></a>
						<div class="form-bt">{$rep.report_name}</div>
						<div class="form-subtit">描述：{$rep.described}</div>
						<div class="operation">
							<a href="{:Url('crm/Setting/addForm',['id'=>$rep.id,'status'=>1])}" class="operation-btn">编辑</a>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
			<br>
			<div class="form-con">
				<div class="form-tit">未添加</div>
				<ul class="form-content">
					{volist id="rep" name="info1"}
					<li>
						<a href="{$rep.thumb|default='__PUBLIC__/img/form.jpg'}" rel="gallery" class="view-font"><img src="{$rep.thumb|default='__PUBLIC__/img/form.jpg'}" alt=""></a>
						<div class="form-bt">{$rep.report_name}</div>
						<div class="form-subtit">描述：{$rep.described}</div>
						<div class="operation">
							<a href="{:Url('crm/Setting/addForm',['id'=>$rep.id,'status'=>2])}" class="operation-btn">添加</a>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
	</div>
</div>
<script>
	//查看大图
	$('.view-font').boxer({
		labels: {
			close: "关闭",
			count: "/",
			next: "下一个",
			previous: "上一个"
		}
	});
</script>
<script>
	layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
		var laydate = layui.laydate //日期
				,laypage = layui.laypage //分页
		layer = layui.layer //弹层
				,table = layui.table //表格
				,carousel = layui.carousel //轮播
				,upload = layui.upload //上传
				,element = layui.element; //元素操作
	})
</script>
{/block}