{#layout name="public/layout2" /#}
{#load href="__ROOT__/assets/css/highslide.css" /#}
{#load href="__ROOT__/assets/css/show_tpl/tpl1/jobshow.css" /#}
<div class="content_wrapper2" id="app" v-cloak>
    <div class="job_wrapper_head">
        <div class="content1_wrapper clearfix">
            <!-- 无效职位标识 -->
            {#if condition="$return.base_info.job_status != 1"#}
            <div class="invalid_job"><img src="__ROOT__/assets/images/jobshow/invalid_job.png"></div>
            {#/if#}
            <div class="content1_text float">
                <h3 class="post_name">
                    {#if condition="$return.base_info.emergency==1"#}
                    <img src="__ROOT__/assets/images/job/hot.png" alt="">
                    {#/if#}
                    <span class="job_title">
                        {#$return.base_info.jobname#}
                    </span>
                    <span class="job_salary">{#$return.base_info.wage_text#}
                        {#eq name="return.base_info.negotiable" value="0"#}{#/eq#}</span>
                </h3>
            </div>
            <div class="content1_btn float" v-cloak>
                <div class="boss_btns">
                    <span class="contact_btn2" @click="startIm">和TA聊聊</span>
                    <span v-if="!hasApply" class="nav_btn1" onclick="doApply('{#$return.base_info.id#}')">
                        投递简历</span>
                    <span v-if="hasApply" class="nav_btn1 already_apply">已投递简历</span>
                </div>
            </div>
        </div>
        {#if condition="count($return.base_info.tag_text_arr) gt 0"#}
        <div class="box3_welfare">
            {#volist name="return.base_info.tag_text_arr" id="vo"#}
            <span>{#$vo#}</span>
            {#/volist#}
        </div>
        {#/if#}
        <div class="job_district_info">
            {#if condition="$return.base_info.district_text!=''"#}
            <span class="addr_box">{#$return.base_info.district_text#}</span>
            {#/if#}
            {#if condition="$return.base_info.experience_text!=''"#}
            <span class="exper_box">{#$return.base_info.experience_text#}</span>
            {#/if#}
            {#if condition="$return.base_info.education_text!=''"#}
            <span class="edu_box">{#$return.base_info.education_text#}</span>
            {#/if#}
            {#if condition="$return.field_rule.amount.is_display==1 && $return.base_info.amount_text!=''"#}
            <span class="pernum_box">招{#$return.base_info.amount_text#}人</span>
            {#/if#}
            <span class="rt clickNum_box">浏览次数：{{clickNum}}</span>
            <span class="rt refreshtime_box">更新时间：{#$return.base_info.refreshtime#}</span>
        </div>
    </div>
    <div class="content">
        <div class="content2 clearfix">
            <div class="left_sidebar">
                <div>
                    <div class="post_wrapper">
                        <div class="post_box2">
                            <div class="fav_box">
                                <span :class="hasFav?'like like_act':'like'" @click="doFav">收藏职位</span>
                                <span class="poster" @click="sharePosterClick">朋友圈海报</span>
                            </div>
                            <div class="resume_contact" v-if="contactData.show_contact==0">
                                <div class="details_wrapper contact_margin">
                                    <div class="contact_details_title">
                                        <span class="title_item1">
                                            联系方式</span>
                                    </div>
                                    <div class="boss_info">
                                        <div>
                                            <p class="boss_avator"><img src="{#$return.com_info.logo_src#}" alt=""></p>
                                            <div class="boss_name">
                                                <p class="boss_name_work">
                                                    <span v-if="contactData.contact_info==''">人事经理</span>
                                                    <span v-else>{{contactData.contact_info.contact}}</span>
                                                    <span class="contact_status"
                                                        style="background: {#$return.active_item.background#}; color: {#$return.active_item.color#};">{#$return.active_item.text#}</span>
                                                </p>
                                                <a href="{#:url('index/company/show',['id'=>$return.com_info.id])#}"
                                                    class="boss_company_name">{#$return.com_info.companyname#}</a>
                                            </div>
                                        </div>
                                        <div class="com_info_new">
                                            <div class="txt1">
                                                <div class="line1">{{supplementary.watch_percent}}</div>
                                                <div class="line2">简历查看率</div>
                                            </div>
                                            <div class="txt1 txt2">
                                                <div class="line1">{{supplementary.job_apply_num}}</div>
                                                <div class="line2">简历投递</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 1、need_login 需要登录查看 -->
                                    <div class="contact_details" v-if="contactData.show_contact_note=='need_login'">
                                        <div class="box_text">
                                            <div class='txt1'>您尚未登录，<span class="contact_login_btn"
                                                    @click="handlerLoginForContact">点击登录</span>后可获取企业联系方式</div>
                                            <div class='txt2'>联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</div>
                                        </div>

                                    </div>
                                    <!-- 2、need_personal_login 需要登录个人账号可查看 -->
                                    <div v-if="contactData.show_contact_note=='need_personal_login'">
                                        <div class="contact_list contact_list_newstyle" v-cloak>
                                            <div class="contact_item clearfix">
                                                <p>
                                                    <span class="contact_width">联系人：</span>
                                                    {{contactData.contact_info.contact}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 1">
                                                    <span class="contact_width">联系手机：</span>
                                                    {{contactData.contact_info.mobile}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 0">
                                                    <span class="contact_width">联系手机：</span>
                                                    <span style="color: #00C48A;">企业已隐藏当前手机号</span>
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                                    <span class="contact_width">联系座机：</span>
                                                    {{contactData.contact_info.telephone}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                                    <span class="contact_width">联系微信：</span>
                                                    {{contactData.contact_info.weixin}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                                    <span class="contact_width">联系邮箱：</span>
                                                    {{contactData.contact_info.email}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                                    <span class="contact_width">联系QQ：</span>
                                                    {{contactData.contact_info.qq}}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="contact_details contact_warn_txt contact_warn_newstyle">
                                            <p class="box_text">职位联系方式仅对求职者会员开放，请<span class="contact_login_btn"
                                                    @click="handlerLoginForContact">登录查看</span><span
                                                    class="contact_dsc">，联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</span>
                                            </p>
                                        </div>
                                    </div>
                                    <!-- 3、need_personal_login 需要创建简历 -->
                                    <div v-if="contactData.show_contact_note=='need_resume'">
                                        <div class="contact_list contact_list_newstyle" v-cloak>
                                            <div class="contact_item clearfix">
                                                <p>
                                                    <span class="contact_width">联系人：</span>
                                                    {{contactData.contact_info.contact}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 1">
                                                    <span class="contact_width">联系手机：</span>
                                                    {{contactData.contact_info.mobile}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 0">
                                                    <span class="contact_width">联系手机：</span>
                                                    <span style="color: #00C48A;">企业已隐藏当前手机号</span>
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                                    <span class="contact_width">联系座机：</span>
                                                    {{contactData.contact_info.telephone}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                                    <span class="contact_width">联系微信：</span>
                                                    {{contactData.contact_info.weixin}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                                    <span class="contact_width">联系邮箱：</span>
                                                    {{contactData.contact_info.email}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                                    <span class="contact_width">联系QQ：</span>
                                                    {{contactData.contact_info.qq}}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="contact_details contact_warn_txt contact_warn_newstyle">
                                            <p class="box_text">您还没有简历，<span class="contact_login_btn"
                                                    @click="doCreateResume">创建简历</span>后可查看企业联系方式<span
                                                    class="contact_dsc">，联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</span>
                                            </p>
                                        </div>
                                    </div>
                                    <!-- 4、need_apply 需要投递简历 -->
                                    <div v-if="contactData.show_contact_note=='need_apply'">
                                        <div class="contact_list contact_list_newstyle" v-cloak>
                                            <div class="contact_item clearfix">
                                                <p>
                                                    <span class="contact_width">联系人：</span>
                                                    {{contactData.contact_info.contact}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 1">
                                                    <span class="contact_width">联系手机：</span>
                                                    {{contactData.contact_info.mobile}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 0">
                                                    <span class="contact_width">联系手机：</span>
                                                    <span style="color: #00C48A;">企业已隐藏当前手机号</span>
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                                    <span class="contact_width">联系座机：</span>
                                                    {{contactData.contact_info.telephone}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                                    <span class="contact_width">联系微信：</span>
                                                    {{contactData.contact_info.weixin}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                                    <span class="contact_width">联系邮箱：</span>
                                                    {{contactData.contact_info.email}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                                    <span class="contact_width">联系QQ：</span>
                                                    {{contactData.contact_info.qq}}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="contact_details contact_warn_txt contact_warn_newstyle">
                                            <p class="box_text">企业要求 <span class="contact_login_btn"
                                                    onclick="doApply('{#$return.base_info.id#}')">投递简历</span>后才可查看联系方式<span
                                                    class="contact_dsc">，联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</span>
                                            </p>
                                        </div>
                                    </div>
                                    <!-- 5、company_close  未开启查看联系方式 -->
                                    <div v-if="contactData.show_contact_note=='company_close'">
                                        <div class="contact_list contact_list_newstyle" v-cloak>
                                            <div class="contact_item clearfix">
                                                <p>
                                                    <span class="contact_width">联系人：</span>
                                                    {{contactData.contact_info.contact}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 1">
                                                    <span class="contact_width">联系手机：</span>
                                                    {{contactData.contact_info.mobile}}
                                                </p>
                                                <p v-if="contactData.is_secrecy === 0">
                                                    <span class="contact_width">联系手机：</span>
                                                    <span style="color: #00C48A;">企业已隐藏当前手机号</span>
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                                    <span class="contact_width">联系座机：</span>
                                                    {{contactData.contact_info.telephone}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                                    <span class="contact_width">联系微信：</span>
                                                    {{contactData.contact_info.weixin}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                                    <span class="contact_width">联系邮箱：</span>
                                                    {{contactData.contact_info.email}}
                                                </p>
                                                <p
                                                    v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                                    <span class="contact_width">联系QQ：</span>
                                                    {{contactData.contact_info.qq}}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="contact_details contact_warn_txt contact_warn_newstyle"
                                            v-if="hasApply===false">
                                            <p class="box_text">企业未开启查看联系方式，请直接<span class="contact_login_btn"
                                                    onclick="doApply('{#$return.base_info.id#}')">投递简历</span><span
                                                    class="contact_dsc">，联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</span>
                                            </p>
                                        </div>
                                        <div class="contact_details contact_warn_txt contact_warn_newstyle" v-else>
                                            <p class="box_text">企业未开启查看联系方式。您已投递简历，请等待企业联系<span
                                                    class="contact_dsc">，联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div v-else>
                                <div class="title box2_title_padding" style="padding-bottom: 0;">
                                    <span class="title_item1">
                                        联系方式
                                    </span>
                                </div>
                                <div class="boss_info">
                                    <div>
                                        <p class="boss_avator"><img src="{#$return.com_info.logo_src#}" alt=""></p>
                                        <div class="boss_name">
                                            <p class="boss_name_work">
                                                <span v-if="contactData.contact_info==''">人事经理</span>
                                                <span v-else>{{contactData.contact_info.contact}}</span>
                                                <span class="contact_status"
                                                    style="background: {#$return.active_item.background#}; color: {#$return.active_item.color#};">{#$return.active_item.text#}</span>
                                            </p>
                                            <a href="" class="boss_company_name">{#$return.com_info.companyname#}</a>
                                        </div>
                                    </div>
                                    <div class="com_info_new">
                                        <div class="txt1">
                                            <div class="line1">{{supplementary.watch_percent}}</div>
                                            <div class="line2">简历查看率</div>
                                        </div>
                                        <div class="txt1 txt2">
                                            <div class="line1">{{supplementary.job_apply_num}}</div>
                                            <div class="line2">简历投递</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="contact_list" v-cloak
                                    v-if="contactData.has_apply==1&&contactData.show_contact==1">
                                    <div class="contact_item clearfix">
                                        <p>
                                            <span class="contact_width">联系人：</span>
                                            {{contactData.contact_info.contact}}
                                        </p>
                                        <p v-if="contactData.is_secrecy === 1">
                                            <span class="contact_width">联系手机：</span>
                                            {{contactData.contact_info.mobile}}
                                        </p>
                                        <p v-if="contactData.is_secrecy === 0">
                                            <span class="contact_width">联系手机：</span>
                                            <span style="color: #00C48A;">企业已隐藏当前手机号</span>
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                            <span class="contact_width">联系座机：</span>
                                            {{contactData.contact_info.telephone}}
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                            <span class="contact_width">联系微信：</span>
                                            {{contactData.contact_info.weixin}}
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                            <span class="contact_width">联系邮箱：</span>
                                            {{contactData.contact_info.email}}
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                            <span class="contact_width">联系QQ：</span>
                                            {{contactData.contact_info.qq}}
                                        </p>
                                    </div>
                                    <div class="contact_dsc">联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</div>
                                </div>
                                <div class="contact_list" v-cloak
                                    v-if="contactData.has_apply==0&&contactData.show_contact==1">
                                    <div class="contact_item clearfix">
                                        <p>
                                            <span class="contact_width">联系人：</span>
                                            {{contactData.contact_info.contact}}
                                        </p>
                                        <p v-if="contactData.is_secrecy === 1">
                                            <span class="contact_width">联系手机：</span>
                                            {{contactData.contact_info.mobile}}
                                        </p>
                                        <p v-if="contactData.is_secrecy === 0">
                                            <span class="contact_width">联系手机：</span>
                                            <span style="color: #00C48A;">企业已隐藏当前手机号</span>
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                            <span class="contact_width">联系座机：</span>
                                            {{contactData.contact_info.telephone}}
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                            <span class="contact_width">联系微信：</span>
                                            {{contactData.contact_info.weixin}}
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                            <span class="contact_width">联系邮箱：</span>
                                            {{contactData.contact_info.email}}
                                        </p>
                                        <p
                                            v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                            <span class="contact_width">联系QQ：</span>
                                            {{contactData.contact_info.qq}}
                                        </p>
                                    </div>
                                    <div class="contact_dsc">联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</div>
                                </div>
                                {#if condition="$phone_protect_open"#}
                                <div class="code_pro" @mouseenter.stop="onMouseover" @mouseleave.stop="onMouseout">
                                    <div class="scan_code">
                                        <div class="scan_code_min_wrap">
                                            <div></div>
                                        </div>
                                        <div class="scan_code_note">微信扫码拔打电话</div>
                                        <div class="scan_code_show">
                                            <div class="code" v-if="codeShow">
                                                <img v-if="!hasGetCode" class="loading" :src="wx_code_url" />
                                                <img v-if="hasGetCode" class="qrcode" :src="wx_code_url" />
                                            </div>
                                            <div class="scan_code_tip">专属隐私号码,通话安全放心<span v-if="!codeShow"
                                                    class="common_arrow_gray_down"></span><span v-if="codeShow"
                                                    class="common_arrow_gray_up"></span></div>
                                        </div>
                                    </div>
                                </div>
                                {#/if#}
                            </div>
                        </div>
                        <div>
                            <div class="title post_title_margin">
                                <span class="title_item1">职位详情</span>
                            </div>
                            <div class="post_box1">
                                <div class="clearfix">
                                    {#if condition="$return.base_info.nature_text!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            工作性质
                                        </span>
                                        {#$return.base_info.nature_text#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.amount.is_display==1 && $return.base_info.amount_text!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            招聘人数
                                        </span>
                                        {#$return.base_info.amount_text#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.department.is_display==1 && $return.base_info.department!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            招聘部门
                                        </span>
                                        {#$return.base_info.department#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.age.is_display==1"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            年龄要求
                                        </span>
                                        {#if condition="$return.base_info.age_text == '不限' || $return.base_info.age_text
                                        == ''"#}
                                        不限
                                        {#else#}
                                        {#$return.base_info.age_text#}岁
                                        {#/if#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.custom_field_1.is_display==1 && $return.base_info.custom_field_1!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            {#$return.field_rule.custom_field_1.field_cn#}
                                        </span>
                                        {#$return.base_info.custom_field_1#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.custom_field_2.is_display==1 && $return.base_info.custom_field_2!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            {#$return.field_rule.custom_field_2.field_cn#}
                                        </span>
                                        {#$return.base_info.custom_field_2#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.custom_field_3.is_display==1 && $return.base_info.custom_field_3!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            {#$return.field_rule.custom_field_3.field_cn#}
                                        </span>
                                        {#$return.base_info.custom_field_3#}
                                    </div>
                                    {#/if#}
                                </div>
                                <div class="post_box4">
                                    <div>
                                        <p ref="jobContent" id="jobContent"
                                            :class="contentAll ? 'describe' : 'describe all'">
                                            <span>{#$return.base_info.content#}</span>
                                        </p>
                                        <div class="bottom_more" v-if="contentHeight > 450"
                                            @click="contentAll = !contentAll">
                                            <div :class="contentAll ? 'cte' : 'cte up'">{{contentAll ? '查看更多' : '收起'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    {#if condition="$return.base_info.address!=''"#}
                    <div class="address_con">
                        <div class="introduce_title">
                            <span class="title_item1">工作地址</span>
                        </div>
                        <div class="address_title">
                            <img src="__ROOT__/assets/images/jobshow/addr.png" />
                            工作地址：{#$return.base_info.address#}
                            {#if condition="$global_config.is_open_map eq 1 && $return.base_info.map_lat gt 0 && $return.base_info.map_lng gt 0"#}
                            <span class="address_link" @click="showMap=true">【查看上班路线】</span>
                            {#/if#}
                        </div>
                    </div>
                    {#/if#}
                    <div class="warning_box clearfix">
                        <p class="warning_txt">
                            <span>招聘过程请勿缴纳费用，谨防诈骗！如遇无效、虚假、诈骗信息，请</span>
                            <span onclick="tipoff(1)" class="report_btn">立即举报</span>
                        </p>
                    </div>
                    {#if condition="count($return.similar) gt 0"#}
                    <div class="similar_wrapper">
                        <div class="similar_title  title clearfix">
                            <span class="title_item1">相似职位</span>
                            <a class="right_text" target="_blank" href="{#:url('index/job/index')#}">更多职位</a>
                        </div>
                        <div class="similar_list clearfix">
                            {#volist name="return.similar" id="vo"#}
                            <div onclick="javascript:location.href='{#:url(\'index/job/show\',[\'id\'=>$vo.id])#}'">
                                <p class="similar_post_name clearfix">
                                    <a class="similar_left_text" href="{#:url('index/job/show',['id'=>$vo.id])#}"
                                        target="_blank" title="{#$vo.jobname#}">{#$vo.jobname#}</a>
                                </p>
                                <p class="similar_data">
                                    <span class="color similar_font">{#$vo.wage_text#}{#eq name="vo.negotiable"
                                        value="0"#}/月{#/eq#}</span>
                                </p>
                                <p class="company_name_sim substring">{#$vo.companyname#}</p>
                                <span class="similar_btn">申请</span>
                            </div>
                            {#/volist#}
                        </div>
                    </div>
                    {#/if#}
                    <div class="periphery">
                        <div class="periphery_title">
                            <span :class="relationActive=='near'?'active':''"
                                @click="changeRelationList('near')">周边招聘</span>
                            <span :class="relationActive=='hot'?'active':''"
                                @click="changeRelationList('hot')">热门搜索</span>
                        </div>
                        <div class="periphery_list" v-if="relationActive=='near'">
                            <div class="list_box peripheryMargin">
                                {#volist name="return.near_district_list" id="vo"#}
                                <a target="_blank" href="{#:url('index/job/index',$vo['params'])#}"
                                    class="list_box_item substring">{#$vo.text#}招聘</a>
                                {#/volist#}
                            </div>
                        </div>
                        <div class="periphery_list" v-if="relationActive=='hot'">
                            <div class="list_box peripheryMargin">
                                {#volist name="return.hotword_list" id="vo"#}
                                <a target="_blank" href="{#:url('index/job/index',['keyword'=>$vo['word']])#}"
                                    class="list_box_item substring">{#$vo.word#}</a>
                                {#/volist#}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right_sidebar">
                <div class="company_wrapper">
                    {#eq name="return.com_info.audit" value="1"#}
                    <img class="qyrzIcon" src="__ROOT__/assets/images/jobshow/qyrz.png" alt="">
                    {#/eq#}
                    <div class="company_name clearfix">
                        <span>
                            <a class="cn" href="{#:url('index/company/show',['id'=>$return.com_info.id])#}">
                                <span class="name substring">{#$return.com_info.companyname#}</span>
                                {#if condition="$return.com_info.setmeal_icon!=''"#}
                                <img class="setmealIcon" src="{#$return.com_info.setmeal_icon#}" />
                                {#/if#}
                            </a>
                        </span>
                    </div>
                    <div class="company_type clearfix">
                        <div><span>企业性质：</span>{#$return.com_info.nature_text#}</div>
                        <div><span>公司规模：</span>{#$return.com_info.scale_text#}</div>
                        <div><span>所属行业：</span>{#$return.com_info.trade_text#}</div>
                    </div>
                    <a href="{#:url('index/company/show',['id'=>$return.com_info.id])#}" class="company_homepage">公司主页
                        ></a>
                </div>
                <div class=" codeImg_box">
                    <img :src="rightQrcode">
                    <div class="code_text">
                        <div class="code_text1">
                            手机微信扫一扫
                        </div>
                        <div>
                            职位信息秒传手机
                        </div>
                        <!-- <p> <span>手机微信扫一扫</span> <br />职位信息秒传手机</p> -->
                    </div>
                </div>
                {#if(!empty($view_job_list))#}
                <div class="company_list">
                    <div class="company_title">
                        看过的职位
                    </div>
                    {#volist name="view_job_list" id="vo"#}
                    <div class="right_box2_text">
                        <a class="box2_text1" target="_blank" href="{#:url('index/job/show',['id'=>$vo.id])#}">
                            <span class="txt1 substring">{#$vo.jobname#}</span>
                            <span class="txt2">{#$vo.wage_text#}</span>
                        </a>
                        <p class="box2_text2">{#$vo.companyname#}</p>
                    </div>
                    {#/volist#}
                </div>
                {#/if#}
                <!--                增加风险提示-->
                <div class="risk_module">
                    <div class="ts">
                        <span>风险提示</span>
                    </div>
                    <div>
                        <p>最近登录时间：{#$logo.last_time#}</p>
                        <p>最近登录IP：{#$logo.last_login_ip#}&nbsp;&nbsp;[{#$logo.last_login_address#}]</p>
                        {#if condition="$logo.audit eq 1"#}
                        <p>企业营业执照已通过 <span @click="centerDialogVisible()">平台认证</span></p>
                        {#/if#}
                        <p>以上资料仅供参考，请求职者 <span @click="risk()">规避求职风险</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="show_nav" :class="rightFixed===true?'beFixed':''">
        <div class="show_nav_box">
            <div class="float_left">
                {#if condition="$return.base_info.emergency==1"#}
                <img src="__ROOT__/assets/images/job/hot.png" alt="" class="nav_text_img">
                {#/if#}
                <h3 class="nav_text">{#$return.base_info.jobname#}</h3>
                <p class="price">{#$return.base_info.wage_text#}
                    {#eq name="return.base_info.negotiable" value="0"#}<span></span>{#/eq#}</p>
            </div>
            <div class="show_nav_btn">
                <span class="contact_btn2" @click="startIm">
                    和TA聊聊</span>
                <div v-if="!hasApply" class="nav_btn1" onclick="doApply('{#$return.base_info.id#}')">
                    投递简历
                </div>
                <div v-if="hasApply" class="nav_btn1 already_apply">已投递简历</div>
            </div>
        </div>
        {#if condition="count($return.base_info.tag_text_arr) gt 0"#}
        <div class="box3_welfare">
            {#volist name="return.base_info.tag_text_arr" id="vo"#}
            <span>{#$vo#}</span>
            {#/volist#}
        </div>
        {#/if#}
        <div class="job_district_info">
            {#if condition="$return.base_info.district_text!=''"#}
            <span class="addr_box">{#$return.base_info.district_text#}</span>
            {#/if#}
            {#if condition="$return.base_info.experience_text!=''"#}
            <span class="exper_box">{#$return.base_info.experience_text#}</span>
            {#/if#}
            {#if condition="$return.base_info.education_text!=''"#}
            <span class="edu_box">{#$return.base_info.education_text#}</span>
            {#/if#}
            {#if condition="$return.field_rule.amount.is_display==1 && $return.base_info.amount_text!=''"#}
            <span class="pernum_box">招{#$return.base_info.amount_text#}人</span>
            {#/if#}

            <span class="rt clickNum_box">浏览次数：{{clickNum}}</span>
            <span class="rt refreshtime_box">更新时间：{#$return.base_info.refreshtime#}</span>
        </div>
    </div>
    <el-dialog title="查看地图" :visible.sync="showMap" @opened="mapOpened">
        <div class="jobshow_map">
            {#if condition="$global_config.map_type == 1"#}
            <div id="bdMap" style="width:100%;height:500px;"></div>
            {#/if#}
            {#if condition="$global_config.map_type == 2"#}
            <div id="tianMap" style="width:100%;height:500px;z-index: 1;"></div>
            {#/if#}
            <div class="code">
                <div class="code_img">
                    <img :src="mapQrcode" />
                    <p>微信扫描上方二维码<br />手机查看上班路线</p>
                </div>
                <div class="itinerary">
                    <p>1.微信扫描二维码</p>
                    <p>2.关注公众号</p>
                    <p>3.查看该职位的上班路线</p>
                </div>
            </div>
        </div>
    </el-dialog>
    <el-dialog title="验证码" :visible.sync="showPictureCaptcha" @opened="pictureCaptchaOpened" width="350px">
        {#include file="captcha/picture" /#}
    </el-dialog>
    <el-dialog title="系统提示" :visible.sync="showBindWeixin" @opened="bindWeixinOpened" width="450px" :center="true"
        :close-on-press-escape="false" :close-on-click-modal="false">
        {#include file="public/bindWeixin" /#}
    </el-dialog>
    <!--    平台认证提示-->
    <el-dialog title="平台认证" :visible.sync="is_centerDialogVisible" border-radius="8px"
        custom-class="centerDialogVisible" width="374px" center>
        <div class="txt">
            <p>1、平台已收到该单位的认证资料。</p>
            <p>2、该单位对所提供资料的真实性负完全责任。处于保密的原因，平台不公开显示单位的认证资料。</p>
        </div>
        <div slot="footer" class="button">
            <el-button type="primary" @click="is_centerDialogVisible = false" class="know">我知道了</el-button>
        </div>
    </el-dialog>
    <!--    避免求职风险-->
    <el-dialog title="规避求职风险" :visible.sync="is_risk" custom-class="riskClass" width="843px" center>
        <div class="risk_box">
            <p class="p1">1、拒交各种名义的费用。 </p>
            <p class="p2">
                任何招聘单位，以任何名义向求职者收取抵押金、服装费、产品押金、风险金、报名费、培训费等行为，都属非法行为。招聘单位培训本单位的职工，也不准收取培训费。求职者遇到此类情况，要坚持拒交，并向招聘单位所在地区举报，以确保自己的合法权益不受侵害。
            </p>
            <p class="p1">2、不轻信许诺到外地上岗。</p>
            <p class="p2">
                对外地企业或某某外地分公司、分厂、办事处的高薪招聘，不论其待遇多么好，求职者千万要保持清醒的头脑和高度的警惕，不要轻信他的口头许诺，一是不去，二是到劳动保障部门咨询，并办理相关的手续，否则会吃大亏，被骗工骗钱甚至被人贩子骗卖，悔之晚矣。
            </p>
            <p class="p1">3、掌握劳动法规和相关政策。</p>
            <p class="p2">求职者在求职前或求职过程中，应主动学习一些劳动法规和相关政策，提高自己的求职素质和独立思考的能力。</p>
            <p class="p1">4、多种途径了解公司背景。</p>
            <p class="p2">
                在求职者正式进入单位之前，想方设法加强对企业的了解以免误入骗子设下的陷阱。比如：注意招聘单位的营业执照等相关证件；正规单位招聘一般会将招聘地点设在单位的办公室、会议室，一些以租用房间作为应聘地点的单位，要警惕。
            </p>
            <p class="p1">5、谨慎签定劳动合同。</p>
            <p class="p2">
                与用人企业签合同时，求职者要"三看"：一看企业是否经过工商部门登记以及企业注册的有效期限，否则所签合同无效；二看合同字句是否准确、清楚、完整，不能用缩写、替代或含糊的文字表达；三看劳动合同是否有一些必备内容，包括劳动合同期限、工作内容、劳动保护和劳动条件、劳动报酬、社会保险和福利、劳动纪律、劳动合同终止的条件、违反劳动合同的责任等。必须签书面合同，试用期内也要签合同。
            </p>
            <p class="p1">6、发觉被骗，及时报案。</p>
            <p class="p2">
                求职者一旦发觉上当受骗，要及时向招聘单位所在地的人事局、劳动局监察大队或公安局派出所报案，寻求法律保护。但由于劳务诈骗往往涉及公安、工商、劳动、人事等部门，求职者应该根据情况选择最有效的投诉部门，若被投诉对象为合法机构，求职者可以找劳动部门；若求职受骗情况特别严重、诈骗金额大，可以到公安部门进行报案。
            </p>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="is_risk = false" class="know">我知道了</el-button>
        </div>
    </el-dialog>

    <!-- 微信二维码弹窗 start -->
    {#include file="public/weChatQrcode" /#}
    <!-- 微信二维码弹窗 end -->
</div>
{#load href="__ROOT__/assets/js/highslide-with-gallery.js" /#}
{#load href="__ROOT__/assets/js/map.js" /#}
<script>
    var id = parseInt('{#$return.base_info.id#}')
    var jobname = ('{#$return.base_info.jobname#}')
    var isWxOpen = !!parseInt('{#$global_config.wechat_open#}')
    var mapType = "{#$global_config.map_type#}";
    var is_open_map = "{#$global_config.is_open_map#}";
    var captcha_open = parseInt('{#$global_config.captcha_open#}');
    var captcha_type = '{#$global_config.captcha_type#}';
    var locationUrl = '{#$return.share_url#}';
    var captcha_tencent_appid = '{#$global_config.captcha_tencent_appid#}';
    var captcha_vaptcha_vid = '{#$global_config.captcha_vaptcha_vid#}';

    let current_lat = 0;
    let current_lng = 0
    // 初始化地图script标签
    function loadBdMap2() {
        if (window.BMap !== undefined) {
            return
        }
        var script = document.createElement('script')
        script.type = 'text/javascript'
        script.src = '//api.map.baidu.com/api?v=2.0&ak={#$global_config.map_ak#}&callback=initBdMap2'
        document.body.appendChild(script)
    }

    function loadTMap() {
        if (window.T !== undefined) {
            return
        }
        var script = document.createElement('script')
        script.type = 'text/javascript'
        script.src = "https://api.tianditu.gov.cn/api?v=4.0&tk={#$global_config.tian_map_ak#}"
        document.body.appendChild(script)
        script.onload = function() {
            initTMap2()
        }
    }
    var mapItem = {
        target_id: '',
        map_lng: '{#$return.base_info.map_lng#}',
        map_lat: '{#$return.base_info.map_lat#}',
        zoom: '{#$global_config.map_zoom#}'
    }

    function initBdMap2() {
        var map = new BMap.Map('bdMap2') // 创建Map实例
        var geolocation = new BMap.Geolocation()
        geolocation.getCurrentPosition(function(r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                current_lat = r.point.lat
                current_lng = r.point.lng
                const distance = countDistance(current_lat, current_lng, parseFloat(mapItem.map_lat),
                    parseFloat(mapItem.map_lng))
                var item = document.getElementById('distance')
                if(item){
                    item.innerHTML = '距离您 ' + distance
                }
            } else {
                console.log('failed' + this.getStatus())
            }
        })
    }

    function initTMap2() {
        if(document.getElementById('address_title')!=null){
            document.getElementById('address_title').style.display = 'none'
        }
    }

    if (mapItem.map_lat > 0 && mapItem.map_lng > 0) {
        if (is_open_map == 1) {
            if (mapType == 1) {
                mapItem.target_id = 'bdMap'
                loadBdMap2()
            } else if (mapType == 2) {
                mapItem.target_id = 'tianMap'
                loadTMap()
            }
        }
    }

    /**
     * 计算两坐标点之间的距离
     * 返回友好的距离长度
     *
     * @param   current_lat     decimal   当前位置纬度
     * @param   current_lng     decimal   当前位置经度
     * @param   target_lat      decimal   目标纬度
     * @param   target_lng      decimal   目标经度
     *
     * @return  decimal   距离
     */
    function countDistance(current_lat, current_lng, target_lat, target_lng) {
        const PI = '3.1415926535898'
        const radLat1 = current_lat * (PI / 180)
        const radLat2 = target_lat * (PI / 180)
        const a = radLat1 - radLat2
        const b = current_lng * (PI / 180) - target_lng * (PI / 180)
        let s =
            2 *
            Math.asin(
                Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b /
                    2), 2))
            )
        s = s * 6378
        // if (!type) {
        s = s > 1 ? parseFloat(s).toFixed(1) + 'km' : Math.round(s * 1000) + 'm'
        // } else {
        //     s = round(s, 1)
        // }
        return s
    }

    function loadTencent() {
        if (window.BMap !== undefined) {
            return
        }
        var script = document.createElement('script')
        script.type = 'text/javascript'
        script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js'
        document.body.appendChild(script)
    }

    function loadVaptcha() {
        if (window.BMap !== undefined) {
            return
        }
        var script = document.createElement('script')
        script.type = 'text/javascript'
        script.src = 'https://v.vaptcha.com/v3.js'
        document.body.appendChild(script)
    }

    if (parseInt(qscms.captcha_open) == 1) {
        if (qscms.captcha_type == 'tencent') {
            loadTencent()
        } else if (qscms.captcha_type == 'vaptcha') {
            loadVaptcha()
        }
    }
</script>
{#load href="__ROOT__/assets/js/job/tpl1/detail.js" /#}