{template 'top'}
<style type="text/css">
	.nav_top{width: 100%;height: 40px;text-align: center;background: #e9e9e9;color: #666;line-height: 40px;}
	.nav_header{width: 100%;}
	.nav{float: left;width: 48%;padding: 0 10px;text-align: center;margin: 0 1%;}
	.avatar{background: #fff;color: #000;border: 1px solid #ccc;border-bottom: 0;border-top: 0;}
	.info_top{width:100%;height: 30px;margin-top: 10px;text-align: center;line-height: 30px;}
	.info_left{float: left;width: 46%;height: auto;color: #666;margin: 0 2%;}
	/*.info_left a{color: #666;}*/
	.info_avatar{color: #22c397;}
	.display_none{display: none;}
	.display_block{display: block;}
	body{min-width: auto;}
	.list{padding: 10px 2%;}
	.list_type_top{width: 100%;height: 35px;padding-bottom:5px;margin-bottom: 10px;border-bottom: 1px solid #ccc;line-height: 30px;text-align: left;}
	.list_type_top span{width: 80%;float: left;text-align: left;height: 30px;line-height: 30px;color: #333;}
	.list_type_top div{width: 20%;float: left;text-align: center;height: 30px;line-height: 30px;}
	.list_type_top div a{color: #fff;padding: 3px 20px;background: #22c397;border-radius: 5px;width: 50px;height: 30px;}
	.input3 {display: inline;width: 180px;border-radius: 7px;}
</style>
	<div class="nav_top">
		<!--导航开始-->
		<div class="nav_header">
			<div class="nav {if $_GPC['type'] == 1 || $_GPC['type'] == ''} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>1,'op'=>'class'))}">单页</a></div>
			<div class="nav {if $_GPC['type'] == 2} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>2,'op'=>'class'))}">文章</a></div>
			<!--<div class="nav {if $_GPC['type'] == 3} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>3,'op'=>'class'))}">案列</a></div>-->
			<!--<div class="nav {if $_GPC['type'] == 4} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>4))}">工地</a></div>-->
			<!--<div class="nav {if $_GPC['type'] == 5} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>5))}">团队</a></div>-->
			<!--<div class="nav {if $_GPC['type'] == 6} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>6))}">全景</a></div>-->
			<!--<div class="nav {if $_GPC['type'] == 7} avatar {/if}"><a href="{php echo $this->createWebUrl('test',array('type'=>7))}">其他</a></div>-->
		</div>
		<!--导航结束-->
	</div>
	<!--详情开始-->
	<!--<div class="info_top">
		<div class="info_header">
			<div class="info_left {if empty($class) || $class == 1} info_avatar{/if} " data-id="1" >
				<a href="javascript:;"><span>分类</span></a>
			</div>
			<div class="info_left {if $class == 2} info_avatar {/if}" data-id="2">
				<a href="javascript:;"><span>详情</span></a>
			</div>
		</div>
	</div>-->
	<div class="list list_1 {if empty($class) || $class == 1} display_block {else} display_none {/if}">
		{if !empty($data['type'])}
			{loop $data['type'] $item}
				<div class="list_type_top">
					<span>{$item['name']}</span>
					<div>
						<a href="javascript:;" data-url="{$item['url']}" data-gzh="{$item['gzh']}" data-name="{$item['name']}" onclick="callParent(this)">选择</a>
					</div>
				</div>
			{/loop}
		{else}
			<div class="list_type_top" style="text-align: center;">暂无数据</div>
		{/if}
	</div>
	<!--列表-->
	<div class="list list_2 {if $class == 2} display_block {else} display_none {/if}" >
		<!--搜索-->
		<form action="{php echo $this->createWebUrl('test',array('type'=>$type,'class'=>'2'))}" method="post" id="my_form">
			<div class="form-group">
				<input type="text" id="name" name="name" value="{$_GPC['name']}" class="form-control input3" placeholder="关键词">
	            <input type="button" id="BtnProSearch" value="搜索" class="btn btn-success">
			</div>
		</form>
		{if !empty($data['list'])}
			{loop $data['list'] $item}
				<div class="list_type_top">
					<span>{$item['name']}</span>
					<div>
						<a href="javascript:;" data-url="{$item['url']}" data-gzh="{$item['gzh']}" data-name="{$item['name']}" onclick="callParent(this)">选择</a>
					</div>
				</div>
			{/loop}
			<div class="am-u-lg-12 am-cf">
				<div class="am-fr pagination-total am-margin-right">
					{$page}
				</div>
			</div>
		{else}
			<div class="list_type_top" style="text-align: center;">暂无数据</div>
		{/if}
	</div>
	<!--详情结束-->
	
	<!--<input id="button" type="button" value="调用parent.html中的say()函数" onclick="callParent()"/>-->

<script type="text/javascript">
	$('.info_left').click(function(res){
		var id = $(this).data('id');
		$('.info_left').removeClass('info_avatar');
		$(this).addClass('info_avatar');
		$('.list').hide();
		$('.list_'+id).show();
	})
    function callParent(obj){
    	var url = $(obj).data('url');
    	var name = $(obj).data('name');
    	var gzh = $(obj).data('gzh');
    	console.log(name,url);
        parent.window.document.getElementById("ifrname_name").value = name;
        parent.window.document.getElementById("ifrname_url").value = url;
        parent.window.document.getElementById("ifrname_gzh").value = gzh;
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
		parent.layer.close(index); //再执行关闭   
    }
    $('#BtnProSearch').click(function(res){
    	console.log(1);
    	var name =  $("input[name='name']").val();
    	if(name == '' || name == undefined){
    		layer.msg('请输入搜索内容');
    		return false;
    	}
    	$('#my_form').submit();
    })
</script>