{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/highslide.css" /#}
{#load href="__ROOT__/assets/css/show_tpl/tp2/jobshow.css" /#}
<div class="content_wrapper" id="app" v-cloak>
    <div class="content">
        <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">{#$return.base_info.jobname#}
                    {#if condition="$return.base_info.emergency==1"#}
                    <img src="__ROOT__/assets/images/jobshow/worry_job.png" alt="">
                    {#/if#}
                </h3>
                <p class="salary">{#$return.base_info.wage_text#}
                    {#eq name="return.base_info.negotiable" value="0"#}{#/eq#} </p>
                <div>
                    <span>{#$return.base_info.district_text#}</span>
                    <span>·</span>
                    {#if condition="$return.base_info.experience_text!=''"#}
                    <span>{#$return.base_info.experience_text#}</span>
                    <span>·</span>
                    {#/if#}
                    {#if condition="$return.base_info.education_text!=''"#}
                    <span>{#$return.base_info.education_text#}</span>
                    {#/if#}
                </div>
            </div>
            <div class="content1_btn float" v-cloak>
                <p class="operate">
                    <span class="collect"@click="doFav">
                        <img class="likeIcon" v-if="hasFav===false" src="__ROOT__/assets/images/collect_icon.png" />
                                    <img class="likeIcon" style="left:10px;" v-else src="__ROOT__/assets/images/collect_icon_has.png" />
                        {{hasFav===true?'已收藏':'收藏'}}</span>
                    <el-popover placement="bottom-end" width="200" trigger="hover">
                        <span>
                            <img :src="shareQrcode" width="174" height="174" />
                            <span style="display:block;width:174px;text-align: center;">请用微信扫一扫</span>
                        </span>
                        <span class="share" slot="reference">
                            <img class="share_imgIcon" src="__ROOT__/assets/images/resume_icon4.png" />
                            分享</span>
                    </el-popover>
                    <span class="share" slot="reference" @click="sharePosterClick">
                        <img class="share_imgIcon" src="__ROOT__/assets/images/jobshow/hb.png" />
                        海报</span>
                </p>
            </div>
        </div>
        <div class="warning_box clearfix">
            {#if condition="$return.com_info.audit == '1'"#}
            <p class="warning_txt" style="padding-left: 0px;">
                <span class="authenticationIcon"><img src="__ROOT__/assets/images/company/authentication.png" alt=""></span>
                <span>招聘过程请勿缴纳费用，谨防诈骗！如遇无效、虚假、诈骗信息，请</span>
                <span onclick="tipoff(1)" class="report_btn">立即举报</span>
            </p>
            {#else#}
            <p class="warning_txt">
                <span>招聘过程请勿缴纳费用，谨防诈骗！如遇无效、虚假、诈骗信息，请</span>
                <span onclick="tipoff(1)" class="report_btn">立即举报</span>
            </p>
            {#/if#}
            <div class="lately_data">
                <span class="lately_time">最近更新：{#$return.base_info.refreshtime#}</span>
                <span>浏览次数：{{clickNum}}</span>
            </div>
        </div>
        <div class="content2 clearfix">
            <div class="left_sidebar">
                <div>
                    <div class="post_wrapper boss_post_wrapper clearfix">
                        <div class="boss_info clearfix">
                            <p class="boss_avator"><img src="__ROOT__/assets/images/jobshow/job_boss_tx.png" 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>
                                </p>
                                <p class="boss_company_name">{#$return.com_info.companyname#}</p>
                            </div>
                        </div>
                        <div class="boss_btns">
                            <span class="contact_btn2" @click="startIm">
                                <img class="iconStyle" src="__ROOT__/assets/images/resumeshow/chatIcon.png" alt="">
                                和TA聊聊</span>
                            <span v-if="!hasApply" class="nav_btn1" onclick="doApply('{#$return.base_info.id#}')">
                                <img class="iconStyle" src="__ROOT__/assets/images/jobshow/sendIcon.png" alt="">
                                投递简历</span>
                            <span v-if="hasApply" class="nav_btn1" style="background:#cecece;padding-left: 0;">已投递简历</span>
                        </div>
                    </div>
                    <div class="post_wrapper">
                        <div>
                            <div class="title post_title_margin">
                                <span class="title_item1">职位详情</span>
                            </div>
                            <!--
                            【BUG】- ID1000281
                            4. PC职位详情页标签丢失问题
                            【旧】
                            {#if condition="$return.base_info.tag_text_arr.length=0"#}
                            yx - 2022.09.19
                            -->
                            {#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="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">
                                <p class="job_content_title">岗位职责：</p>
                                <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 class="s_tip_h">联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</div>
                                </div>
                            </div>  
                            </div>
                        </div>
                        <div class="post_box2">
                            <div class="resume_contact" v-if="contactData.show_contact==0">
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_login'">
                                    <div class="contact_details_title">
                                        <span class="title_item1">
                                        联系方式</span>
                                    </div>
                                    <div class="contact_list" 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: #1787FB">企业已隐藏当前手机号</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 clearfix">
                                        <p class="box_text">您尚未登录，点击登录后可获取企业联系方式</p>
                                        <div class="contact_btn" @click="handlerLoginForContact">点击登录</div>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_personal_login'">
                                    <div class="contact_details_title">
                                        <span class="title_item1">
                                        联系方式
                                    </span>
                                    </div>
                                    <div class="contact_list" 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: #1787FB">企业已隐藏当前手机号</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 clearfix">
                                        <p class="box_text">职位联系方式仅对求职者会员开放，请登录查看</p>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_resume'">
                                    <div class="contact_details_title">
                                        <span class="title_item1">
                                            联系方式
                                        </span>
                                    </div>
                                    <div class="contact_list" 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: #1787FB">企业已隐藏当前手机号</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 clearfix">
                                        <p class="box_text">您还没有简历，创建简历后可查看企业联系方式</p>
                                        <div class="contact_btn" @click="doCreateResume">创建简历</div>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_apply'">
                                    <div class="contact_details_title">
                                        <span class="title_item1">
                                            联系方式
                                        </span>
                                    </div>
                                    <div class="contact_list" 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: #1787FB">企业已隐藏当前手机号</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 clearfix">
                                        <p class="box_text">企业要求投递简历后才可查看联系方式</p>
                                        <span class="contact_btn" onclick="doApply('{#$return.base_info.id#}')">投递简历</span>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='company_close'">
                                    <div class="contact_details_title">
                                        <span class="title_item1">
                                            联系方式
                                        </span>
                                    </div>
                                    <div class="contact_list" 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: #1787FB">企业已隐藏当前手机号</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 clearfix" v-if="hasApply===false">
                                        <p class="box_text">企业未开启查看联系方式，请直接投递简历</p>
                                        <div class="contact_btn" onclick="doApply('{#$return.base_info.id#}')" v-if="hasApply===false">投递简历</div>
                                        <div class="contact_btn" onclick="doApply('{#$return.base_info.id#}')" v-if="hasApply" style="background:#CECECE;padding-left: 0;">已投递简历</div>
                                    </div>
                                    <div class="contact_details clearfix" v-else>
                                        <p class="box_text">企业未开启查看联系方式。您已投递简历，请等待企业联系</p>
                                    </div>
                                </div>
                            </div>
                            <div v-else>
                                <div class="title box2_title_padding" style="padding-bottom: 0;">
                                    <span class="title_item1">
                                        联系方式
                                    </span>
                                </div>
                                <div class="contact_list" v-cloak v-if="contactData.has_apply==1&&contactData.show_contact==1" style="padding-bottom:20px;">
                                    <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: #1787FB">企业已隐藏当前手机号</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_list" v-cloak v-if="contactData.has_apply==0&&contactData.show_contact==1" style="padding-bottom:20px;">
                                    <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: #1787FB">企业已隐藏当前手机号</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>
                                {#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>
                    {#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/address_icon.png" /> -->
                            {#$return.base_info.address#}
                        </div>
                        {#if condition="$global_config.is_open_map eq 1 && $return.base_info.map_lat gt 0 && $return.base_info.map_lng gt 0"#}
                          <div class="address_bg" >
                              <img class="img_bg" src="__ROOT__/assets/images/company/dtbj.png" alt="">
                              <div class="adress_detail" @click="showMap=true">
                                  <p class="substring" style="font-size: 16px">{#$return.com_info.companyname#}</p>
                                  <p class="substring" style="font-size: 14px">{#$return.base_info.address#}</p>
                              </div>
                              <span class="rt_btn" @click="showMap=true">
                                  <img src="__ROOT__/assets/images/company/jr.png" alt="">
                              </span>
                          </div>
                          <div class="address_title" id="address_title" style="margin-top:15px;">
                              <img src="__ROOT__/assets/images/company/address.png" />
                              <span id="distance"></span>
                              <span class="address_link" @click="showMap=true">查看路线</span>
                          </div>
                          <div class="map" style="display:none;">
                              {#if condition="$global_config.map_type == 1"#}
                                <div id="bdMap2" style="width:100%;height:300px;"></div>
                              {#/if#}
                          </div>
                        {#/if#}
                    </div>
                    {#/if#}
                    {#if condition="count($return.similar) gt 0"#}
                    <div class="similar_wrapper">
                        <div class="border_bottom similar_title  title clearfix">
                            <span class="title_item1">相似职位</span> 
                            <a class="right_text" target="_blank" href="{#:url('index/job/index')#}">更多职位&gt;</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>
                                    <span class="similar_right_text">{#$vo.refreshtime#}</span>
                                </p>
                                <p class="similar_data">
                                    <span class="color similar_font">{#$vo.wage_text#}{#eq name="vo.negotiable"
                                        value="0"#}/月{#/eq#}</span>
                                    <span class="similar_text">{#$vo.district_text#}</span>
                                    <span class="similar_text similar_border">{#$vo.education_text#}</span>
                                    <span class="similar_text  similar_border">{#$vo.experience_text#}</span>
                                </p>
                            </div>
                            {#/volist#}
                        </div>
                    </div>
                    {#/if#}
                    <div class="employer_wrapper"
                        v-if="supplementary.famous_list!==undefined && supplementary.famous_list.length>0">
                        <div class="similar_title title clearfix" style="padding-bottom: 2px;">
                            <span class="title_item1">明星雇主</span>
                            <a class="right_text" target="_blank" href="{#:url('index/company/index')#}">更多企业&gt;</a>
                        </div>
                        <div class="clearfix famous_list">
                            <div class="employer_list float" v-for="(item,index) in supplementary.famous_list"
                                :key="index">
                                <a class="img" target="_blank" :href="item.link_url">
                                    <img :src="item.logo">
                                </a>
                                <a class="c_name substring" target="_blank" :title="item.companyname"
                                    :href="item.link_url">{{item.companyname}}</a>
                            </div>
                        </div>
                    </div>
                    <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'])#}">{#$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']])#}">{#$vo.word#}</a>
                                {#/volist#}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right_sidebar">
                <!-- <div @click="handlerResumeStick" class="resume_stick">
                    <img src="__ROOT__/assets/images/job_icon.jpg">
                </div> -->
                <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="img_box">
                        <img src="{#$return.com_info.logo_src#}" />
                    </div>
                    <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>
                        <!-- {#eq name="return.com_info.audit" value="1"#}
                        <span title="企业已认证" class="ic1"></span>
                        {#/eq#} -->
                        <!-- {#if condition="$return.com_info.setmeal_icon!=''"#}
                        <div class="ic2"><img src="{#$return.com_info.setmeal_icon#}" /></div>
                        {#/if#} -->
                    </div>
                    <div class="company_data clearfix">
                        <div class="float">
                            <p class="color">{{supplementary.watch_percent}}</p>
                            <p class="text2">简历查看率</p>
                        </div>
                        <div class="float">
                            <p class="color">{{supplementary.job_apply_num}}</p>
                            <p class="text2">投递数</p>
                        </div>
                        <!-- <div class="float border">
                            <p class="color">{{supplementary.reg_duration}}</p>
                            <p class="text2">入驻时长</p>
                        </div> -->
                        <div class="float ">
                            <p class="color">{{supplementary.last_login_time}}</p>
                            <p class="text2">最近登录</p>
                        </div>
                        <span class="border"></span>
                        <span class="border2"></span>
                    </div>
                    <div class="company_type clearfix">
                        <!-- <div class="company_type_text float">
                            <p>{#$return.com_info.trade_text#}</p>
                            <p>
                                <span class="similar_border">{#$return.com_info.nature_text#}</span>
                                <span class="similar_border">{#$return.com_info.scale_text#}</span>
                            </p>
                        </div> -->
                        <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>
                    <!-- <div class="nrtBanner" v-if="supplementary.img_list!==undefined && supplementary.img_list.length>0">
                        <div class="infopicBg">
                            <div class="infopic">
                                <div class="picbox">
                                    <ul class="piclist clearfix">
                                        <li class="highslide-gallery" v-for="(item,index) in supplementary.img_list"
                                            :key="index">
                                            <a :href="item.img_src" class="highslide"
                                                onclick="return hs.expand(this)"><img :src="item.img_src"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="pic_prev"></div>
                            <div class="pic_next"></div>
                        </div>
                    </div> -->
                    <!-- <div class="bottom_title clearfix" v-if="supplementary.report==1">
                        该企业已通过实地认证<span @click="handlerReport">认证报告&gt;</span>
                    </div> -->
                </div>
                <!-- <div class="right_box5">
                    <p class="warning warning_title">
                        <span>风险提示</span>
                    </p>
                    <p class="warning warning_item">最近登陆时间：{{supplementary.last_login_time}}</p>
                    <p class="warning warning_item">最近登录IP：</p>
                    <p class="warning warning_item">企业营业执照已通过<span class="warning_btn">平台认证</span></p>
                    <p class="warning warning_item">以上资料仅供参考，请求职者<span class="warning_btn">规避求职风险</span></p>
                </div> -->
                
                <!--                增加风险提示-->
                <div class="risk">
                    <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 class=" codeImg_box clearfix">
                    <img class="float" :src="rightQrcode">
                    <div class=" code_text float">
                        <p> <span>微信扫一扫</span> <br />职位信息秒传手机</p>
                    </div>
                </div>
                {#if condition="count($return.hotjob_list) gt 0"#}
                <div class="company_list">
                    <div class="company_title clearfix">
                        <span></span>
                        热门职位
                        <a target="_blank" href="{#:url('index/job/index')#}">查看更多&gt;</a>
                    </div>
                    {#volist name="return.hotjob_list" id="vo"#}
                    <div class="right_box2_text">
                        <a class="box2_text1 substring {#eq name="vo.emergency" value="1" #}emergency{#/eq#}" target="_blank"
                            href="{#:url('index/job/show',['id'=>$vo.id])#}">{#$vo.jobname#}</a>
                        <p class="box2_text3">{#$vo.wage_text#}{#eq name="vo.negotiable" value="0"#}/月{#/eq#}</p>
                        <p class="box2_text2">{#$vo.companyname#}</p>
                    </div>
                    {#/volist#}
                </div>
                {#/if#}
            </div>
        </div>
    </div>
    <div class="show_nav" :class="rightFixed===true?'beFixed':''">
        <div class="show_nav_box  clearfix">
            <div class="float">
                <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">
                    <img class="iconStyle" src="__ROOT__/assets/images/resumeshow/chatIcon.png" alt="">
                    和TA聊聊</span>
                <div v-if="!hasApply" class="nav_btn1" onclick="doApply('{#$return.base_info.id#}')">
                    <img class="iconStyle" src="__ROOT__/assets/images/jobshow/sendIcon.png" alt="">
                    投递简历</div>
                <div v-if="hasApply" class="nav_btn1" style="background:#cecece;padding-left: 0;">已投递简历</div>
            </div>
        </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 class="reg_quick_dialog" title="" :visible.sync="showRegQuick" width="874px">
      {#include file="public/regQuick" /#}
    </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="showSharePoster" width="300px" :center="true" :close-on-press-escape="false" :close-on-click-modal="false">
        {#include file="public/sharePoster" /#}
     </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 jobname = ('{#$return.base_info.jobname#}')
    let current_lat = 0; let current_lng = 0
    var imUrl = "{#$return.im_url#}";
    var locationUrl = '{#$return.share_url#}';
    var reportUrl = "{#:url('index/company/report',['id'=>$return.com_info.id])#}";
    var mapItem = {
        target_id:'',
        map_lng:'{#$return.base_info.map_lng#}',
        map_lat:'{#$return.base_info.map_lat#}',
        zoom:'{#$global_config.map_zoom#}'
    };
    var id = parseInt('{#$return.base_info.id#}')
    var isWxOpen = !!parseInt('{#$global_config.wechat_open#}')

    // 初始化地图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()
      }
    }
    
    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))
            document.getElementById('distance').innerHTML = '距离您 ' + distance
          } else {
            console.log('failed' + this.getStatus())
          }
      })
    }

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

    if (mapItem.map_lat > 0 && mapItem.map_lng > 0) {
      if( qscms.is_open_map == 1){
        if(qscms.map_type == 1){
          mapItem.target_id = 'bdMap'
          loadBdMap2()
        } else if (qscms.map_type == 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/tpl2/detail.js" /#}