{php include $this->template('web_public/header')}
<link href="{php echo MODULE_URL}style/webapp/css/erji_des.css" rel="stylesheet" type="text/css" />

<!-------顶部导航开始------>
<div class="content ej_des_upNav">
	<img src="{php echo MODULE_URL}style/webapp/picture/ej_home.gif" />
	<a href="{php echo $this->address_pc(0)}">首页</a>
	<span>></span>
	<a href="javascript:location.reload();">设计团队</a>
</div>
<!-------顶部导航结束------>
<div class="content">
	<!-------顶部导航结束------>
	<div class="content">
		<!------left开始----->
		<div class="ej_des_left" id="dm">
			<!-- /*顶部区域导航开始*/ -->
			<div class="ej_des_nav">
				<ul>
					<li>
						<p class="ej_itemName">
							擅长{php echo $this->do_tag('tag_style');}
						</p>
						<p class="ej_info">

							<a href="{php echo $this->address_pc(4,array('level_id'=>$level_id,'year_id'=>$year_id))}" title="不限装修设计师" {if empty($style_id)}class="ej_active"{/if}>不限</a>
							{loop $style $item}
								<a href="{php echo $this->address_pc(4,array('level_id'=>$level_id,'year_id'=>$year_id,'style_id'=>$item['id']))}" title="{$item['title']}" {if $style_id == $item['id']}class="ej_active"{/if}>{$item['title']}</a>
							{/loop}
						</p>
						<p class="clear"></p>
					</li>
					<li>
						<p class="ej_itemName">
							职称
						</p>

						<p class="ej_info">
							<a href="{php echo $this->address_pc(4,array('style_id'=>$style_id,'year_id'=>$year_id))}" title="不限" {if empty($level_id)}class="ej_active"{/if}>不限</a>
							{loop $level $item}
								<a href="{php echo $this->address_pc(4,array('style_id'=>$style_id,'year_id'=>$year_id,'level_id'=>$item['id']))}" title="{$item['title']}" {if $level_id == $item['id']}class="ej_active"{/if}>{$item['title']}</a>
							{/loop}
						</p>
						<p class="clear"></p>
					</li>
					<li>
						<p class="ej_itemName">
							从业年限
						</p>

						<p class="ej_info">

							<a href="{php echo $this->address_pc(4,array('style_id'=>$style_id,'level_id'=>$level_id))}" title="不限" {if empty($year_id)} class="ej_active"{/if}>不限</a>
							{loop $year $item}
								<a href="{php echo $this->address_pc(4,array('style_id'=>$style_id,'year_id'=>$item['year'],'level_id'=>$level_id))}" title="{$item['year']}" {if $year_id == $item['year']}class="ej_active"{/if}>{$item['year']}年</a>
							{/loop}
						</p>
						<p class="clear"></p>
					</li>

				</ul>
			</div>

			<!-- /*顶部区域导航结束*/ -->
			
			{loop $list $item}
				<div class="ej_des_leftItem">
					<a class="ej_des_left_img" title="{$item['name']}" href="{php echo $this->address_pc(5,array('id'=>$item['id']))}" target="_blank">
						<img src="{$item['head_img']}" alt="{$item['name']}" title="{$item['name']}" />
					</a>
					<div class="ej_des_leftTittle">
						<span class="" onclick="javascript:window.location.href='{php echo $this->address_pc(5,array('id'=>$item['id']))}';">{$item['name']}</span>
						<b class="fl mt5" />{$item['level_name']}</b>
						<a class="fr" onclick="OpenDialog('/app/{php echo $this->createMobileUrl('web_designer_from')}&id={$item['id']}','预约设计师({$item['name']})',420,300)">预约TA</a>
						<a style="float:right;background:none;margin-top:" href="{php echo $this->scs('advisory_links')}" target="_blank">
							<img src="{php echo MODULE_URL}style/webapp/picture/qq.jpg" class="fr mt5" />
						</a>
						<p>设计理念/{php echo $this->do_tag('tag_style');}：<br />
							<font>{$item['sort_comment']}</font>
						</p>
					</div>
					<div class="ej_des_leftCase">
						<p>相关案例：</p>
						{if empty($item['case'])}
							暂无案例
						{else}
							<ul>
								{loop $item['case'] $items}
									<li>
										<a href="{php echo $this->address_pc(3,array('id'=>$items['id']))}" title="{$items['name']}">
											<img src="{php echo tomedia($items['case'])}" alt="{$items['name']}" title="{$items['name']}" />
										</a>
									</li>
								{/loop}
							</ul>
						{/if}
						
					</div>
				</div>
			{/loop}
			<div class="pages">
				{$page}
			</div>
		</div>
		<div class="ej_des_right">
			<!--设计师人气排行榜开始---->
			<script>
				//设计师排行榜
				function ej_des() {
					$('.ej_des_sjsCon ul li').mouseover(function() {
						$('.ej_des_sjsCon ul li').find('.ej_des_liTittle').css('display', 'block');
						$('.ej_des_sjsCon ul li').find('.ej_des_liCon').css('display', 'none');
						$(this).find('.ej_des_liTittle').css('display', 'none');
						$(this).find('.ej_des_liCon').css('display', 'block');
					});
				}
			</script>
			<style>
				/*设计师排行榜*/
				
				.ej_des_sjs {
					width: 260px;
					height: 391px;
					overflow: hidden;
					background: #fff;
					border-top: 2px solid #ed182a;
				}
				
				.ej_des_sjsTittle {
					height: 30px;
					line-height: 30px;
					font-size: 18px;
					color: #222;
					padding-left: 15px;
					width: 245px;
				}
				
				.ej_des_sjsCon {
					width: 206px;
					padding-left: 6px;
					margin: 0 auto;
					font-size: 12px;
				}
				
				.ej_des_sjsCon ul {
					width: 206px;
				}
				
				.ej_des_sjsCon ul li {
					width: 206px;
					border-bottom: 1px dashed #AFAFAF;
					overflow: auto;
				}
				
				.ej_des_liTittle {
					width: 206px;
					height: 32px;
					line-height: 32px;
				}
				
				.ej_des_sjsCon ul li:first-child .ej_des_liTittle {
					display: none;
				}
				
				.ej_des_sjsCon ul li:first-child .ej_des_liCon {
					display: block;
				}
				
				.ej_des_liTittle a {
					display: block;
					width: 206px;
					height: 31px;
					color: #333333;
				}
				
				.ej_des_liTittle a strong {
					display: block;
					height: 31px;
					float: right;
					font-weight: normal;
					overflow: hidden;
				}
				
				.ej_des_liTittle a b {
					display: block;
					float: left;
					font-weight: normal;
					width: 50px;
					height: 31px;
					overflow: hidden;
					margin-right: 10px;
				}
				
				.ej_des_liCon {
					width: 206px;
					height: 94px;
					display: none;
					border-bottom: 1px dashed #dedede;
					padding-bottom: 6px;
					padding-top: 5px;
				}
				
				.ej_des_liCon a img {
					width: 93px;
					height: 94px;
					float: left;
					margin-right: 17px;
				}
				
				.ej_des_liCon a p {
					width: 94px;
					height: 94px;
					float: left;
					line-height: 24px;
					color: #333;
					overflow: hidden;
					font-weight: bold;
					font-size: 14px;
				}
			</style>

			<div class="ej_des_sjs" id="ej_des_sjs">
				<div class="ej_des_sjsTittle">
					设计师人气榜
				</div>
				<div class="ej_des_sjsCon">
					<ul>
						{loop $designer_list $item}
							<li>
								<div class="ej_des_liTittle">
									<a href="{php echo $this->address_pc(5,array('id'=>$item['id']))}" title="{$item['name']}">
										<strong>{$item['pop']}</strong>
										<b>{$item['name']}</b> 作品人气
									</a>
								</div>
								<div class="ej_des_liCon">
									<a href="{php echo $this->address_pc(5,array('id'=>$item['id']))}" title="{$item['name']}">
										<img src="{php echo tomedia($item['head_img'])}" alt="{$item['name']}" title="{$item['name']}" />
										<p>{$item['name']}<br />{$item['title']}</p>
									</a>
								</div>
							</li>
						{/loop}
					</ul>
				</div>
				<script>
					ej_des();
				</script>
			</div>
			<!--设计师人气排行榜结束---->
			<!--提交信息开始---->
			<style>
				/*设计师楼盘提交信息*/
				
				.xiaoqu_form_lpxx {
					width: 260px;
					height: 305px;
					margin-top: 10px;
					background: #f7f7f7;
					border-top: 2px solid #ed182a;
				}
				
				.xiaoqu_form_lpxx img {
					float: left;
					width: 243px;
					height: 67px;
				}
				
				.xiaoqu_form_lpxx>p.xiaoqu_form_tips {
					width: 245px;
					padding-left: 15px;
					height: 25px;
					line-height: 25px;
					font-size: 12px;
					color: #222;
					overflow: hidden;
				}
				
				.xiaoqu_form_lpxx form {
					width: 234px;
					margin: 0px auto;
				}
				
				.xiaoqu_form_lpxx form input.xiaoqu_form_textBox {
					width: 100%;
					height: 34px;
					margin-top: 10px;
					border: 1px solid #dedede;
					color: #999;
					text-indent: 15px;
				}
				
				.xiaoqu_form_lpxx form input.xiaoqu_form_btn {
					background: #ed182a;
					color: #fff;
					border-radius: 5px;
					height: 37px;
					line-height: 37px;
					width: 100%;
					margin-top: 10px;
				}
				
				.xiaoqu_form_lpxx>p.xiaoqu_form_num {
					width: 100%;
					text-align: center;
					overflow: hidden;
					color: #666;
				}
				
				.xiaoqu_form_lpxx>p.xiaoqu_form_num b {
					color: #ed182a;
					font-weight: normal;
				}
			</style>
			<script>
				function xiaoqu_form_checkform() {
					var title = $("#xiaoqu_form_title");
					var tel = $("#xiaoqu_form_tel");
					var address = $("#xiaoqu_form_address");

					if(!checkNull(title.val())) {
						alert("请输入您的姓名");
						title.focus();
						return false;
					}
					if(!checkkg(title.val())) {
						alert("姓名中不能有空格，请重新输入");
						title.focus();
						return false;
					}
					if(!checkNull(tel.val())) {
						alert("请输入您的号码");
						tel.focus();
						return false;
					}
					if(!checkTel(tel.val())) {
						alert("请输入正确格式的号码");
						tel.focus();
						return false;
					}
					if(!checkNull(address.val())) {
						alert("请输入您所在的小区");
						address.focus();
						return false;
					}
					form_ts();
					$("#xiaoqu_form_form").submit();
				}
			</script>
			<div class="xiaoqu_form_lpxx">
				{if $from_info['img']}
					<img src="{php echo tomedia($from_info['img'])}" />
				{/if}
				<p class="xiaoqu_form_tips">提交信息，试试看！</p>
				<form action="" method="post" id="from_submit_{$from_info['id']}">
					<input type="hidden" name="content" id="content" value="设计师右侧表单"/>
					{loop $from_info['body'] $item}
						{if $item['type'] == 'text'}
	                		<p><input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'radio'}
	                		<p><input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'checkbox'}
	                		<p><input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'phone'}
	                		<p><input id="" type="number" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-type="{$item['type']}" data-placeholder="{$item['name']}"/></p>
	                	{elseif $item['type'] == 'name'}
					    	<input id="" type="text" class="xiaoqu_form_textBox" name="name_field_{$item['id']}" placeholder="{$item['name']}" data-placeholder="{$item['name']}"/>
	                	{elseif $item['type'] == 'select'}
	                		<p>
	                			<select name="name_field_{$item['id']}" id="" data-type="{$item['type']}" data-placeholder="{$item['name']}" class="xiaoqu_form_textBox">
	                				{loop $item['comment'] $items}
	                					<option value="{$items}">{$items}</option>
	                				{/loop}
	                			</select>
	                		</p>
	                	{/if}
					{/loop}
					<!--<input type="button" name="" id="" value="111"  class="xiaoqu_form_btn"/>-->
					<a style="background: #ed182a;color: #fff;border-radius: 5px;height: 37px;line-height: 37px;width: 100%;margin-top: 10px;display: inline-block;text-align: center;" type="button" name="button" id="" data-id="{php echo $from_info['id']}" data-from='{php echo json_encode($from_info,true)}' style="border: 0;" onclick="from_submit(this);">{$from_info['font']}</a>
				</form>
				<p class="xiaoqu_form_num">
					已有<b>{$from_info['count']}</b>人提交
				</p>
			</div>
			<!--提交信息结束---->
			<!--图片广告开始---->
			<style>
				/*精彩活动列表*/
				
				.ej_des_tpgg {
					width: 260px;
					background: #fff;
					margin-top: 10px;
					margin-bottom: 20px;
				}
				
				.ej_des_tpgg ul {
					width: 260px;
				}
				
				.ej_des_tpgg ul li {
					width: 260px;
					height: 138px;
				}
				
				.ej_des_tpgg ul li a {
					width: 260px;
					height: 138px;
					display: block;
				}
				
				.ej_des_tpgg ul li a img {
					width: 260px;
					height: 113px;
				}
				
				.ej_des_tpgg ul li a p {
					width: 260px;
					height: 25px;
					line-height: 25px;
					font-size: 12px;
					color: #888;
					text-align: center;
				}
				
				.ej_des_tpgg ul li a:hover p {
					color: #ed182a;
				}
			</style>
			<div class="ej_des_tpgg">
				<ul>
					{loop $activity $item}
						<li>
							<a href="{php echo $this->address_pc(12,array('id'=>$item['id']))}" title="{$item['name']}">
								<img src="{php echo tomedia($item['img'])}" alt="{$item['name']}" title="{$item['name']}" />
								<p>{$item['name']}</p>
							</a>
						</li>
					{/loop}
				</ul>
			</div>
			<!--图片广告结束---->
		</div>
		<!------right结束----->
	</div>
</div>
{php include $this->template('web_public/footer_nav')}