{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/swiper-bundle.min.css" /#}
{#load href="__ROOT__/assets/css/index.css" /#}

<div class="content_wrapper" id="app">
	<div class="content">
		<div class="home_con1 clearfix">
			<div class="cat_nav">
				<div class="job_nav_ol">
					<li class="jno_item jno_item_all">
						<a class="jno_item_text" href="{#:url('index/job/index')#}" target="_blank">全部职位</a>
					</li>
					{#foreach name="category_jobs[0]" item="c1" key="k1" length="8" #}
					<li class="jno_item">
						<div class="jno_item_text"><a href="{#:url('index/job/index',['c1'=>$k1])#}">{#$c1#}</a>
						{#if condition="isset($category_jobs[$k1])"#}
						<div class="rtIcon"></div>
						{#/if#}
						</div>
						
						{#if condition="isset($category_jobs[$k1])"#}
						<div class="jno_item_pop">
							{#foreach name="category_jobs[$k1]" item="c2" key="k2"#}
							<div class="jno_item_pop_container" style="width:33%;float: left;">
								{#if condition="isset($category_jobs[$k2])"#}
								<div class="jno_item_pop_title"><a
										href="{#:url('index/job/index',['c1'=>$k1,'c2'=>$k2])#}">{#$c2#}</a></div>
								{#else#}
								<div class="jno_item_pop_title" style="margin-bottom:50px;"><a
										href="{#:url('index/job/index',['c1'=>$k1,'c2'=>$k2])#}">{#$c2#}</a></div>
								{#/if#}
								{#if condition="isset($category_jobs[$k2])"#}
								<div class="jno_item_pop_list">
									{#foreach name="category_jobs[$k2]" item="c3" key="k3"#}
									<a href="{#:url('index/job/index',['c1'=>$k1,'c2'=>$k2,'c3'=>$k3])#}"
										target="_blank" class="jno_item_pop_href">{#$c3#}</a>
									{#/foreach#}
								</div>
								{#/if#}
							</div>
							{#/foreach#}
						</div>
						{#/if#}
					</li>
					{#/foreach#}
				</div>
			</div>
			<div class="con1_imgbox float">
				<!--轮播1 --- a1 -->
				<div class="source_swiper_1">
					<div class="swiper-container" id="J_sw1">
						<div class="swiper-wrapper">
							{#volist name="banner_list['QS_index_a1@web']" id="vo"#}
							<div class="swiper-slide" {#if condition="$vo.web_link_url!=''"#}style="cursor:pointer;"
								onclick="javascript:window.open('{#$vo.web_link_url#}')" {#/if#}>
								<img src="{#$vo.image_src#}" class="img">
								<div class="pcd"></div>
							</div>
							{#/volist#}
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<!--a2-->
				<div class="source_hover">
					<ul id="da-thumbs" class="da-thumbs">
						{#volist name="banner_list['QS_index_a2@web']" id="vo"#}
						<li>
							<a
								href="{#if condition="$vo.web_link_url!=''"#}{#$vo.web_link_url#}{#else /#}javascript:;{#/if#}">
								<img src="{#$vo.image_src#}" alt="{#$vo.companyname#}">
								{#if condition="$vo.joblist!=''"#}
								<div class="hot-info">
									<h2 class="substring" title="{#$vo.companyname#}">{#$vo.companyname#}</h2>
									<em></em>
									{#volist name="vo.joblist" id="job"#}
									<p class="substring" title="{#$job.jobname#}"
										@click="window.open('{#:url("index/job/show",["id"=>$job.id])#}')">
										{#$job.jobname#}
									</p>
									{#/volist#}
								</div>
								{#/if#}
							</a>
						</li>
						{#/volist#}
					</ul>
				</div>
			</div>
			<div :class="!scan?'con1_login con1_login_noscan float':'con1_login float'" :style="loginUtype!=0?'padding-top:0;':''">
				<!--登录  -->
				{#include file="public/ajaxLogin" /#}
				<div class="con1_notice">
					<div class="notice_text">
						<a class="notice_more" href="{#:url('index/notice/index')#}">更多</a>
					</div>
					<ul class="notice_list">
						{#volist name="notice_list" id="vo"#}
						<li><a href="{#$vo.link_url#}" title="{#$vo.title#}" target="{#$vo.target#}">{#$vo.title#}</a>
						</li>
						{#/volist#}
					</ul>
				</div>
			</div>
		</div>
		<!--网站动态-->
		<div class="online_box">
			<div class="on_app">网站动态：</div>
			<div class="app_live">
				<ul id="J_ajax_scroll">
					{#volist name="event_list" id="vo"#}
					{#eq name="vo.type" value="jobadd"#}
					<li>
						<a href="{#$vo.company_url#}" target="_blank"
							title="{#$vo.companyname#}">{#$vo.companyname#}</a>
						<span class="m_text"> 发布了 </span>
						<a href="{#$vo.job_url#}" target="_blank" title="{#$vo.jobname#}">{#$vo.jobname#}</a>
						<div class="clear"></div>
					</li>
					{#/eq#}
					{#eq name="vo.type" value="resume_refresh"#}
					<li>
						<a @click.prevent='getResumeDetail("{#$vo.resume_id#}")'>{#$vo.fullname#}</a>
						<span class="m_text"> 刚刚更新了简历 </span>
						<div class="clear"></div>
					</li>
					{#/eq#}
					{#eq name="vo.type" value="jobapply"#}
					<li>
						<a @click.prevent='getResumeDetail("{#$vo.resume_id#}")'>{#$vo.fullname#}</a>
						<span class="m_text"> 申请了职位 </span>
						<a href="{#$vo.job_url#}" target="_blank" title="{#$vo.jobname#}">{#$vo.jobname#}</a>
						<div class="clear"></div>
					</li>
					{#/eq#}
					{#/volist#}
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<!--1/6-->
		<!--a3-->
		<div class="source_6">
			{#volist name="banner_list['QS_index_a3@web']" id="vo"#}
			<div class="sou_cell">
				<div class="igb">
					<a {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
						<img src="{#$vo.image_src#}">
					</a>
				</div>
				<div class="name substring"><a {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}"
						target="_blank" {#/if#}>{#$vo.companyname#}</a></div>
				{#if condition="$vo.jobnum > 0"#}
				<div class="sou_layer">
					<a href="{#$vo.web_link_url#}" target="_blank" class="sou_layer_box">
						<p>{#$vo.jobnum#}个在招职位</p><span>查看详情</span>
					</a>
				</div>
				{#/if#}
			</div>
			{#/volist#}
			<div class="clear"></div>
		</div>
		<!--通栏-->
		<!--a4-->
		<div class="source_1">
			{#volist name="banner_list['QS_index_a4@web']" id="vo"#}
			<a class="img" {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
				<img src="{#$vo.image_src#}">
				<div class="pcd"></div>
			</a>
			{#/volist#}
			<div class="clear"></div>
		</div>
		<!--1/2-->
		<!--a5-->
		<div class="source_2">
			{#volist name="banner_list['QS_index_a5@web']" id="vo"#}
			<a class="img" {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
				<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png" data-original="{#$vo.image_src#}">
				<div class="pcd"></div>
			</a>
			{#/volist#}
			<div class="clear"></div>
		</div>
		<!--通栏-->
		<!--a6-->
		<div class="source_1">
			{#volist name="banner_list['QS_index_a6@web']" id="vo"#}
			<a class="img" {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
				<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png" data-original="{#$vo.image_src#}">
				<div class="pcd"></div>
			</a>
			{#/volist#}
			<div class="clear"></div>
		</div>

		<ul class="welfare_wrapper clearfix">
			<li class="post_wrapper">职位福利</li>
			{#volist name="tag_list" id="vo"#}
			<li><a href="{#:url('index/job/index',['tag'=>$vo.id])#}">{#$vo.name#}</a></li>
			{#/volist#}
			<a class="more_welfare" href="{#:url('index/job/index')#}">更多</a>
		</ul>

		<div class="home_con3 clearfix">
			<div class="con3_left float">
				<div class="clearfix">
					<!--轮播2-->
					<!--a6-->
					<div class="source_swiper_2">
						<div class="swiper-container" id="J_sw2">
							<div class="swiper-wrapper">
								{#volist name="banner_list['QS_index_a7@web']" id="vo"#}
								<div class="swiper-slide">
									<a {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}"
										target="_blank" {#/if#}>
										<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png"
											data-original="{#$vo.image_src#}"></a>
									<div class="pcd"></div>
								</div>
								{#/volist#}
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="post_update float">
						<div class="title title_bottom title_padding clearfix">
							今日更新
							<p class="title_text">企业在线，职等你来</p>
							<a class="pu_more" href="{#:url('index/job/index')#}">更多</a>
						</div>

						<ul class="update_list">
							{#volist name="new_today_list" id="vo"#}
							<li class="item substring">
								<a class="companyname substring" title="{#$vo.companyname#}"
									href="{#:url('index/company/show',['id'=>$vo.id])#}">
									{#$vo.companyname#}
								</a>
								{#eq name="vo.audit" value="1"#}
								<div class="setmeal_icon1"></div>
								{#/eq#}
								{#if condition="$vo.setmeal_icon!=''"#}
								<div class="setmeal_icon"><img src="{#$vo.setmeal_icon#}" /></div>
								{#/if#}
								{#volist name="vo.joblist" id="job"#}
								<a class="jobname" title="{#$job.jobname#}"
									href="{#:url('index/job/show',['id'=>$job.id])#}">{#$job.jobname#}</a>
								{#/volist#}
							</li>
							{#/volist#}
						</ul>
					</div>
				</div>

				<div class="hotJobs_wrapper clearfix">
					<div class="hotJobs_title float">热门职位</div>
					<div class="hotJobs_list float">
						{#volist name="hotword_list" id="vo"#}
						<span><a href="{#:url('index/job/index',['keyword'=>$vo.word])#}">{#$vo.word#}</a></span>
						{#/volist#}
					</div>
				</div>
			</div>

			<div class="con3_right float">
				<div class="title title_bottom title_padding clearfix">
					急聘专区
					<a class="pu_more" href="{#:url('index/job/index',['listtype'=>'emergency'])#}">更多</a>
				</div>
				<div class="recruit_list">
					{#volist name="emergency_list" id="vo"#}
					<div class="recruit_item"
						onclick="javascript:location.href='{#:url('index/job/show',['id'=>$vo.id])#}'">
						<div>
							<p class="job_name">
								<a target="_blank" href="{#:url('index/job/show',['id'=>$vo.id])#}" class="job_name_wapper substring">
									<span>急招</span>
									{#$vo.jobname#}
								</a>
							</p>
							<span class="recruit_salary">{#$vo.wage_text#}</span>
						</div>
						<p class="company_name"><a
								href="{#:url('index/company/show',['id'=>$vo.company_id])#}">{#$vo.companyname#}</a></p>
					</div>
					{#/volist#}
				</div>
			</div>
		</div>
		<!--1/3-->
		<div class="source_3">
			{#volist name="banner_list['QS_index_a8@web']" id="vo"#}
			<div class="sou_cell">
				<div class="sc_ab">
					<a {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
						<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png"
							data-original="{#$vo.image_src#}"></a>
					{#if condition="$vo.joblist != ''"#}
					<div class="a2_jobs">
						{#volist name="vo.joblist" id="job"#}
						<div class="jn">
							<a class="substring" href="{#:url('index/job/show',['id'=>$job.id])#}"
								target="_blank">{#$job.jobname#}</a><i class="hot">Hot</i>
							<div class="clear"></div>
						</div>
						{#/volist#}
					</div>
					<div class="a2_btn clearfix">
						<a class="bt_l l" href="{#$vo.web_link_url#}" target="_blank">更多职位</a>
						<a class="bt_l r" href="{#$vo.web_link_url#}" target="_blank">公司主页</a>
					</div>
					{#/if#}
				</div>
				<div class="pcd"></div>
			</div>
			{#/volist#}
			<div class="clear"></div>
		</div>
		<!--1/5-->
		<div class="source_5">
			{#volist name="banner_list['QS_index_a9@web']" id="vo"#}
			<div class="sou_cell">
				<div class="sc_ab">
					<a {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
						<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png"
							data-original="{#$vo.image_src#}"></a>
					{#if condition="$vo.joblist!=''"#}
					<div class="a2_jobs">
						{#volist name="vo.joblist" id="job"#}
						<div class="jn">
							<a class="substring" href="{#:url('index/job/show',['id'=>$job.id])#}"
								target="_blank">{#$job.jobname#}</a><i class="hot">Hot</i>
							<div class="clear"></div>
						</div>
						{#/volist#}
					</div>
					{#/if#}
				</div>
				<div class="pcd"></div>
			</div>
			{#/volist#}
			<div class="clear"></div>
		</div>
		<!--通栏-->
		<div class="source_1">
			{#volist name="banner_list['QS_index_a10@web']" id="vo"#}
			<a class="img" {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
				<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png" data-original="{#$vo.image_src#}">
				<div class="pcd"></div>
			</a>
			{#/volist#}
			<div class="clear"></div>
		</div>

		<div class="home_con5">
			<div class="title con5_title_padding">
				明星雇主
				<span class="title_text">
					明星企业等你发现
				</span>
				<a class="pu_more" href="{#:url('index/company/index')#}">更多</a>
			</div>
			<div class="con5_list ">
				<div class="list_wrapper clearfix">
					{#volist name="banner_list['QS_index_a11@web']" id="vo"#}
					<div class="list_item float ">
						<div class="img_box">
							<a href="{#$vo.web_link_url#}">
								<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png"
									data-original="{#$vo.image_src#}" :class="isIe?'ieStyle':''">
							</a>
						</div>
						<p><a href="{#$vo.web_link_url#}" title="{#$vo.companyname#}"
								target="_blank">{#$vo.companyname#}</a></p>
					</div>
					{#/volist#}
				</div>
			</div>
		</div>
		<!--通栏-->
		<div class="source_1">
			{#volist name="banner_list['QS_index_a12@web']" id="vo"#}
			<a class="img" {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank" {#/if#}>
				<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png" data-original="{#$vo.image_src#}">
				<div class="pcd"></div>
			</a>
			{#/volist#}
			<div class="clear"></div>
		</div>

		<div class="home_con6">
			<div class="title con6_title_padding">
				优选职位
				<span class="title_text">名企直招，福利多，待遇好</span>
				<a href="{#:url('index/job/index',['famous'=>1])#}" target="_blank" class="pu_more">更多</a>
			</div>
			<div class="clearfix">
				{#volist name="famous_list" id="vo"#}
				<li class="post_list float">
					<a class="l_link" href="{#:url('index/job/show',['id'=>$vo.id])#}">
						<div class="post_name clearfix">
							<p class="tit substring">{#$vo.jobname#}</p>
							<span class="date">{#$vo.refreshtime#}</span>
						</div>
						<div class="post_require clearfix">
							<span class="sInfo">{#$vo.district_text#}</span>
							<span class="sInfo">{#$vo.education_text#}</span>
							<span class="sInfo">{#$vo.experience_text#}</span>
							<span class="sPayroll">{#$vo.wage_text#}</span>
						</div>
						<div class="post_tag clearfix">
							{#volist name="vo.tag_arr" id="tag"#}
							<span class="sTag">{#$tag#}</span>
							{#/volist#}
						</div>
						<div class="post_company clearfix">
							<p class="cName substring" href="{#:url('index/company/show',['id'=>$vo.company_id])#}">
								{#$vo.companyname#}</p>
							{#eq name="vo.company_audit" value="1"#}
							<div title="企业已认证" class="cIc1"></div>
							{#/eq#}
							{#if condition="$vo.setmeal_icon!=''"#}
							<div class="cIc2"><img src="{#$vo.setmeal_icon#}" /></div>
							{#/if#}
						</div>
					</a>
				</li>
				{#/volist#}
			</div>
		</div>
		<div class="home_con7 clearfix">
			<div class="jobs_list_wrapper float">
				<div class="title  jobs_title_padding">
					热门职业
					<a class="pu_more" href="{#:url('index/job/index')#}">更多</a>
				</div>
				<div class="jobs_list clearfix">
					{#volist name="hotjob_list" id="vo"#}
					<div class="jobs_item float"
						onclick="javascript:location.href='{#:url('index/job/show',['id'=>$vo.id])#}'">
						<p class="post clearfix">
							<a href="{#:url('index/job/show',['id'=>$vo.id])#}">{#$vo.jobname#}</a>
							<span class="post_region">[{#$vo.district_text#}]</span>
							<span class="post_salary">{#$vo.wage_text#}</span>
						</p>
						<p class="item_name">
							<a title="{#$vo.companyname#}"
								href="{#:url('index/company/show',['id'=>$vo.company_id])#}">{#$vo.companyname#}</a>
						</p>
					</div>
					{#/volist#}
				</div>
			</div>
			<div class="company_pages float">
				<div class="title jobs_title_padding">
					企业主页
					<span class="right_title_text" @click="handlerRegCompany">我要加入</span>
				</div>
				<div class="company_pages_list clearfix">
					{#volist name="company_list" id="vo"#}
					<div class="homePages_list float">
						<div class="company_logo">
							<a href="{#:url('index/company/show',['id'=>$vo.id])#}"><img src="{#$vo.logo_src#}"></a>
						</div>
						<p><a title="{#$vo.companyname#}"
								href="{#:url('index/company/show',['id'=>$vo.id])#}">{#$vo.companyname#}</a></p>
					</div>
					{#/volist#}

				</div>
			</div>
		</div>
		<div class="home_con8">
			<div class="title con8_title_padding">
				优选人才
				<a class="pu_more" href="{#:url('index/resume/index')#}">更多</a>
				<span class="right_title_text margin" @click="handlerResumeIndex">免费登记简历</span>
			</div>
			<div class="clearfix">
				{#volist name="resume_list" id="vo"#}
				<div class="personnel_item2 float">
					<div class="l_link" @click='getResumeDetail("{#$vo.id#}")'>
						<div class="jan clearfix">
							<div class="personnel_img2 float">
								<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png"
									data-original="{#$vo.photo_img_src#}">
							</div>
							<div class="float">
								<p class="personnel_name2 clearfix">
									<div class="cn substring">{#$vo.fullname#}</div>
									{#eq name="vo.high_quality" value="1"#}
									<a class="ic1"></a>
									{#/eq#}
								</p>
								<p class="post_require_list">
									<span>{#$vo.age_text#}岁</span>
									<span>{#$vo.education_text#}</span>
									<span>{#$vo.experience_text#}</span>
								</p>
							</div>
						</div>
						<p class="job_type">
							<span>想找：</span> {#$vo.expect_category_text#} <span>的工作</span>
						</p>
						<p class="region">
							<span>想在：</span> {#$vo.expect_district_text#} <span>工作</span>
						</p>
					</div>
				</div>
				{#/volist#}
			</div>
		</div>
		<div class="home_con9 clearfix">
			<div class="consult float">
				<div class="title con9_title_padding clearfix">
					职场资讯
					<a class="pu_more" href="{#:url('index/article/index')#}" target="_blank">更多</a>
				</div>
				<ul class="consult_title clearfix">
					{#volist name="article_list" id="vo"#}
					<li class="float clearfix">
						<!-- 【ID1000251】【优化】默认模板资讯显示长度超出 -->
						<div class="a_div substring">
							<span>
								<a class="text1"
									href="{#:url('index/article/index',['cid'=>$vo.cid])#}">#{#$vo.cname#}#</a>
							</span>
							<span>
								<a class="text2" title="{#$vo.title#}" href="{#$vo.link_url#}">{#$vo.title#}</a>
							</span>
						</div>
						<span class="consult_time">{#:date('Y-m-d',$vo.addtime)#}</span>
					</li>
					{#/volist#}
				</ul>
			</div>
			<div class="tool float">
				<div class="title con9_title_padding clearfix">
					工具箱
					<a class="pu_more" href="{#:url('index/hrtool/index')#}" target="_blank">更多</a>
				</div>
				<ul class="tool_list">
					{#volist name="hrtool_list" id="vo" key="k"#}
					<li class="substring">
						<img class="lazy" src="__ROOT__/assets/images/lazy_pre.png"
							data-original="__ROOT__/assets/images/tool_img{#$k#}.png" />
						<a href="{#:url('index/hrtool/download',['id'=>$vo.id])#}">{#$vo.filename#}</a>
					</li>
					{#/volist#}
				</ul>
			</div>
		</div>
		<div class="home_con10">
			<div class="title con10_title_padding clearfix">
				友情链接
				{#if condition="$global_config.flink_qq neq ''"#}
				<span class="QQ_link">申请友链请加QQ
					<a target="_blank"
						href="http://wpa.qq.com/msgrd?v=3&uin={#$global_config.flink_qq#}&site=在线客服&menu=yes">{#$global_config.flink_qq#}</a></span>
				{#/if#}
			</div>
			<div class="link_list">
				{#volist name="flink_list" id="vo"#}
				<a target="_blank" href="{#$vo.link_url#}">{#$vo.name#}</a>
				{#/volist#}
			</div>
		</div>
	</div>
    <div id="showResume">
    
    </div>
	<el-dialog title="验证码" :visible.sync="showPictureCaptcha" @opened="pictureCaptchaOpened" width="350px"
		:close-on-click-modal="false">
		{#include file="captcha/picture" /#}
	</el-dialog>
	<!--底部未登录引导-->
	<div class="bottom_guide" :style="showGuide===true?'display:block;':'display:none;'">
		<div class="btg_pop"></div>
		<div class="btg_container">
			<div class="btg_icon"></div>
			<p class="btg_t1">{#$global_config.guide_title#}</p>
			<p class="btg_t2">{#$global_config.guide_content#}</p>
			<button class="btg_btn_1" @click="handlerMemberCenter(2)">免费注册简历</button><button class="btg_btn_2"
				@click="handlerMemberCenter(1)">企业发布职位</button>
			<div class="btg_icon_1"></div>
			<div class="btg_qr_box"><img class="qr_img" :src="guideQrcode" alt=""></div>
			<div class="btg_close" @click="showGuide=false"></div>
			<p class="btg_t3">微信扫码 求职更简单</p>
		</div>
	</div>
</div>

{#load href="__ROOT__/assets/js/jquery.min.js" /#}
{#load href="__ROOT__/assets/js/jquery.hoverdir.js" /#}
{#load href="__ROOT__/assets/js/swiper-bundle.min.js" /#}
{#load href="__ROOT__/assets/js/jquery.lazyload.js" /#}
{#load href="__ROOT__/assets/js/index/def/index.js" /#}