{#layout name="public/layout2" /#}
{#load href="__ROOT__/assets/css/swiper-bundle.min.css" /#}
{#load href="__ROOT__/assets/css/tpl1/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">
                        {#if condition="isset($banner_list['QS_tpl1_a1@web'])"#}
                        <div class="swiper-wrapper">
                            {#volist name="banner_list['QS_tpl1_a1@web']" id="vo"#}
                            <div class="swiper-slide pcd_item"
                                {#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-rt"></div>
                            </div>
                            {#/volist#}
                        </div>
                        {#/if#}
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="notice_box" id="announcement">
                    <span class="notice_title">公告信息</span>
                    <ul class="notice_lists">
                        {#volist name="notice_list" id="vo"#}
                        <li><a href="{#$vo.link_url#}" title="{#$vo.title#}" target="{#$vo.target#}"
                                class="notice_lists_item substring">{#$vo.title#}</a>
                        </li>
                        {#/volist#}
                    </ul>
                    <a class="more_a" href="{#:url('index/notice/index')#}">更多<span class="arrow"></span></a>
                </div>
            </div>
            <!-- A15 start -->
            {#if condition="isset($banner_list['QS_index_a15@web'])"#}
            <div :class="!scan?'con1_login con1_login_noscan float':'con1_login float'">
                {#volist name="banner_list['QS_index_a15@web']" id="vo"#}
                <div class="top_banner_item">
                    <a class="pcd_item" href="{#$vo.web_link_url#}">
                        <img src="{#$vo.image_src#}" alt="" />
                    </a>
                </div>
                {#/volist#}
                <!--                <div class="top_banner_item"><a href=""><img :src="loginUtype!=0?'':''" alt="" /></a></div>-->
            </div>
            {#/if#}
            <!-- A15 end -->
        </div>

        <!-- A16 start -->
        {#if condition="isset($banner_list['QS_index_a16@web'])"#}
        <div class="source_box1">
            {#volist name="banner_list['QS_index_a16@web']" id="vo"#}
            <a href="{#$vo.web_link_url#}" class="source-img">
                <img src="{#$vo.image_src#}" alt="" />
                <div class="pcd-rt"></div>
            </a>
            {#/volist#}
        </div>
        {#/if#}
        <!-- A16 end -->

        <!-- A5 start -->
        <div class="source_2">
            {#volist name="banner_list['QS_index_a5@web']" id="vo"#}
            <a class="img pcd_item" {#if condition="$vo.web_link_url!=''"#}href="{#$vo.web_link_url#}" target="_blank"
                {#/if#}>
                <img src="{#$vo.image_src#}" data-original="{#$vo.image_src#}">
                <div class="pcd"></div>
            </a>
            {#/volist#}
            <div class="clear"></div>
        </div>
        <!-- A5 end -->

        <!-- A4 start -->
        <div class="source_1">
            {#volist name="banner_list['QS_index_a4@web']" id="vo"#}
            <a class="img pcd_item" {#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>
        <!-- A4 end -->

        <!-- 最新职位 start -->
        <div class="new_jobs_box">
            <div class="new_title">
                <div class="new_title_text">最新职位</div>
                <img class="new_title_bg" src="__ROOT__/assets/images/tpl1/position.png" alt="" />
                <img class="circle circle_left" src="__ROOT__/assets/images/tpl1/circle.png" alt="">
                <img class="circle circle_right" src="__ROOT__/assets/images/tpl1/circle.png" alt="">
            </div>
            <div class="new_jobs_list">
                {#volist name="new_job_list" id="vo"#}
                <div class="new_jobs_item {#if in_array($key, [1,4,7,10]) #} new_jobs_item_pad {#/if#}">
                    <a class="job_content" href="{#:url('index/job/show',['id'=>$vo.id])#}" target="_blank">
                        <div class="line1">
                            <p class="job_name substring">{#$vo.jobname#}</p>
                            <span class="wage_txt">{#$vo.wage_text#}</span>
                        </div>
                        <div class="line2">
                            <span class="label_item">{#$vo.education_text#}</span>
                            <span class="label_item">{#$vo.experience_text#}</span>
                            <span class="label_item">{#$vo.district_text#}</span>
                        </div>
                    </a>
                    <div class="line3">
                        <a class="company_name substring" target="_blank"
                            href="{#:url('index/company/show',['id'=>$vo.company_id])#}">{#$vo.companyname#}</a>
                        <span class="txt">{#$vo.company_trade_text#}</span>
                    </div>
                </div>
                {#/volist#}
            </div>
            <a href="{#:url('index/job/index')#}" target="_blank" class="more_oprate_btn">更多职位</a>
        </div>
        <!-- 最新职位 end -->

        <!-- A11 start -->
        <div class="source_equal_5">
            {#volist name="banner_list['QS_index_a11@web']" id="vo"#}
            <div class="equal_item">
                <img class="lazy" src="__ROOT__/assets/images/lazy_pre.png" data-original="{#$vo.image_src#}" />
                <div class="com_info">
                    <a class="com_name substring" {#if condition="$vo.web_link_url!=''" #}href="{#$vo.web_link_url#}"
                        target="_blank" {#/if#}>{#$vo.companyname#}</a>
                    {#if !empty($vo.joblist) #}
                    <div class="com_job_lists" id="com_job_lists">
                        {#volist name="vo.joblist" id="job"#}
                        <a href="{#:url('index/job/show',['id'=>$job.id])#}" target="_blank"
                            class="com_job_item substring">{#$job.jobname#}</a>
                        {#/volist#}
                    </div>
                    {#else#}
                    <div class="empty">暂未发布职位</div>
                    {#/if#}
                </div>
            </div>
            {#/volist#}
        </div>
        <!-- A11 end -->

        <!-- A6 start -->
        <div class="source_1">
            {#volist name="banner_list['QS_index_a6@web']" id="vo"#}
            <a class="img pcd_item" {#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 end -->

        <!-- 名企招聘 start -->
        <div class="new_company_box">
            <div class="new_title new_title2">
                <div class="new_title_text new_title_text2">名企招聘</div>
                <img class="new_title_bg" src="__ROOT__/assets/images/tpl1/enterprise.png" alt="" />
                <img class="circle circle_left" src="__ROOT__/assets/images/tpl1/circle.png" alt="">
                <img class="circle circle_right" src="__ROOT__/assets/images/tpl1/circle.png" alt="">
            </div>
            <div class="com_list">
                {#volist name="famous_company_list" id="vo"#}
                <div class="com_item">
                    {#if condition="$vo.is_famous eq 1"#}
                    <img class="famous_icon" src="__ROOT__/assets/images/tpl1/famous_icon.png" alt="">
                    {#/if#}
                    <div class="logo"><img src="{#$vo.logo#}" alt="" /></div>
                    <div class="com_name">
                        <span class="txt substring">{#$vo.companyname#}</span>
                        {#if condition="$vo.audit eq 1"#}
                        <img class="icon" src="" alt="">
                        {#/if#}
                    </div>
                    <div class="detail">
                        {#if $vo.nature_text!='' #}
                        <span>{#$vo.nature_text#}</span>
                        {#/if#}
                        {#if $vo.trade_text!='' #}
                        <span class="substring">{#$vo.trade_text#}</span>
                        {#/if#}
                        {#if $vo.scale_text!='' #}
                        <span>{#$vo.scale_text#}</span>
                        {#/if#}
                    </div>
                    <div class="com_job">
                        <div class="lf_box">
                            <div class="num">{#$vo.job_num#}</div>
                            <div class="dsc">在招职位</div>
                        </div>
                        <div class="lf_box rt_box">
                            {#if condition="$vo.watch_percent != '0%'"#}
                            <div class="num">{#$vo.watch_percent#}</div>
                            <div class="dsc">简历查看率</div>
                            {#else#}
                            <div class="num">{#$vo.click#}</div>
                            <div class="dsc">企业热度</div>
                            {#/if#}
                        </div>

                    </div>
                    {#if !empty($vo.job_list) #}
                    <div class="com_modal">
                        <a class="name substring"
                            href="{#:url('index/company/show',['id'=>$vo.id])#}">{#$vo.companyname#}</a>
                        <div class="lists">
                            {#volist name="$vo.job_list" id="jobInfo"#}
                            <a href="{#:url('index/job/show',['id'=>$jobInfo.id])#}" class="item" target="_blank">
                                <span class="jobname substring">{#$jobInfo.jobname#}</span>
                                <span class="wage_txt">{#$jobInfo.wage_text#}</span>
                            </a>
                            {#/volist#}
                        </div>
                        <a class="com_detail_btn" href="{#:url('index/company/show',['id'=>$vo.id])#}"
                            target="_blank">公司主页</a>
                    </div>
                    {#/if#}
                </div>
                {#/volist#}
            </div>
            <a href="{#:url('index/company/index')#}" target="_blank" class="more_oprate_btn">更多企业</a>
        </div>
        <!-- 名企招聘 end -->

        <!-- A8 start -->
        <div class="source_3">
            {#volist name="banner_list['QS_index_a8@web']" id="vo"#}
            <div class="sou_cell">
                <div class="sc_ab pcd_item">
                    <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>
                <div class="pcd-rt"></div>
            </div>
            {#/volist#}
            <div class="clear"></div>
        </div>
        <!-- A8 end -->

        <!-- A9 start -->
        <div class="source_5">
            {#volist name="banner_list['QS_index_a9@web']" id="vo"#}
            <div class="sou_cell">
                <div class="sc_ab">
                    <a class="a1" {#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="a2_jobs">
                        <a {#if condition="$vo['web_link_url']!=''"#}href="{#$vo.web_link_url#}" target="_blank"
                            {#/if#}>
                            <img class="com_logo" src="{#$vo.image_src#}" alt="">
                        </a>
                        <a class="com_name substring"
                            {#if condition="$vo['web_link_url']!=''"#}href="{#$vo.web_link_url#}" target="_blank"
                            {#/if#}>{#$vo.companyname#}</a>
                        <div class="com_detail">
                            {#if $vo.company_trade_text!='' #}
                            <span class="txt1">{#$vo.company_trade_text#}</span>
                            {#/if#}
                            {#if $vo.company_scale_text!='' #}
                            <span class="txt2">{#$vo.company_scale_text#}</span>
                            {#/if#}
                        </div>
                        {#if !empty($vo.joblist) #}
                        <div class="job_list">
                            {#volist name="vo.joblist" id="job"#}
                            <a class="job_item substring" href="{#:url('index/job/show',['id'=>$job.id])#}"
                                target="_blank">{#$job.jobname#}</a>
                            {#/volist#}
                        </div>
                        {#else#}
                        <div class="job_list">暂未发布职位</div>
                        {#/if#}
                    </div>
                </div>
            </div>
            {#/volist#}
            <div class="clear"></div>
        </div>
        <!-- A9 end -->
    </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/tpl1/index.js" /#}