{yun:}include file="$wapstyle/header.htm"{/yun}
|
|
<link href="{yun:}$wap_style{/yun}/js/swiper/swiper.min.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet"/>
|
<script src="{yun:}$wap_style{/yun}/js/swiper/swiper.min.js?v={yun:}$config.cachecode{/yun}"></script>
|
<div class="" id="app">
|
|
<!-- 页面头部部分 -->
|
|
<!--隐藏简历提示-->
|
{yun:}if $uid && $expect.status=='2'{/yun}
|
<div id="privacyCtrl" class="hide_tip">
|
<div class="resume_hint_eye_n">
|
<img src="{yun:}$wap_style{/yun}/images/conceal_1.png" alt="" width="100%" height="100%">
|
</div>
|
<i class="resume_hint_word_color"> 简历已隐藏，</i>
|
<i class="resume_hint_word_black"> 企业无法主动发现你</i>
|
<a href="javascript:void(0);" onclick="privacy();" class="hide_tip_qx">取消隐藏</a>
|
<i class="hide_tip_gb"></i>
|
</div>
|
{yun:}/if{/yun}
|
|
<div class="clear"></div>
|
|
<div class="yunTop">
|
<div class="yunlogobox">
|
{yun:}if $tplmoblie.logo==2{/yun}
|
<div class="header_p_z"> {yun:}$config.sy_webname{/yun}</div>
|
{yun:}else{/yun}
|
<img src="{yun:}$config.sy_ossurl{/yun}/{yun:}$config.sy_wap_logo{/yun}" alt=" " title=" " class="yunlogo">
|
{yun:}/if{/yun}
|
<!--
|
{yun:}if !$username && $smarty.get.c==''{/yun}
|
<a href="{yun:}url m=wap c=login{/yun}" class="yunTopUp_right"> 发布简历</a>
|
{yun:}else{/yun}
|
<a href="{yun:}url m=wap{/yun}member" id="memberclick" class="yunTopUp_right">用户中心</a>
|
{yun:}/if{/yun}-->
|
</div>
|
|
<div class="index_newedition_search_box">
|
<div class="index_newedition_searchbg">
|
<div class="index_newedition_search_c">
|
|
{yun:}if $config.sy_web_site=='1'{/yun}
|
<a href="{yun:}url m=wap c=site{/yun}" class="index_newedition_search_city">{yun:}if $config.cityname{/yun}{yun:}$config.cityname{/yun}{yun:}else{/yun}{yun:}$config.sy_indexcity{/yun}{yun:}/if{/yun}</a>
|
{yun:}/if{/yun}
|
|
<span class="index_newedition_search_p searchnew" style="{yun:}if $config.sy_web_site=='1'{/yun}width:75%{yun:}else{/yun}width:95%{yun:}/if{/yun}">搜职位/公司</span>
|
<span class="index_newedition_searchbth"> </span>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="clear"></div>
|
|
<!-- 页面主体部分 -->
|
<div class="index_body">
|
<!-- 轮播图部分 -->
|
<div class="banner">
|
<!-- 轮播图 -->
|
<div class="roll">
|
<div class="swiper-container" id="imgswiper" style="transform:translate3d(0,0,0);overflow:hidden;">
|
<div class="swiper-wrapper" >
|
{yun:}adlist classid=50 item="lunbo" key=key{/yun}
|
<div class="swiper-slide" style="transform:translate3d(0,0,0);">
|
<a href="{yun:}$lunbo.src{/yun}">
|
<img src="{yun:}$lunbo.pic{/yun}" width='100%' height="120" style="border-radius: 6px;"/>
|
</a>
|
</div>
|
{yun:}/adlist{/yun}
|
</div>
|
</div>
|
</div>
|
|
<div class="job">
|
<!--金刚位 -->
|
<div class="swiper-container navbox_jgw" id="navswiper">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
{yun:}foreach from=$navlist key=key item=v{/yun}
|
{yun:}if $key>0 && $key%4 == 0{/yun}
|
</div>
|
<div class="swiper-slide">
|
{yun:}/if{/yun}
|
<a href="{yun:}$v.url_n{/yun}">
|
<div class="full-time">
|
<div class="full-time-logo">
|
<img src="{yun:}$v.pic_n{/yun}" alt="" style="width: 100%;">
|
</div>
|
<div class="full-time-word">{yun:}$v.name{/yun}</div>
|
</div>
|
</a>
|
{yun:}/foreach{/yun}
|
</div>
|
</div>
|
<div class="swiper-pagination navbox_fyq"></div>
|
</div>
|
</div>
|
{yun:}if $annum{/yun}
|
<div class="inform">
|
<div class="inform-trumpet">
|
<a href="{yun:}url m=wap c=announcement{/yun}"><img src="{yun:}$wap_style{/yun}/images/home_icon_notice.png" alt="" style="width: 100%;"></a>
|
</div>
|
<div class="swiper-container " id="ggswiper" style="margin-top:0.08rem">
|
<div class="swiper-wrapper">
|
{yun:}announcement limit=10 item=alist t_len=40{/yun}
|
<div class="swiper-slide">
|
<a href="{yun:}url m=wap c=announcement id=$alist.id{/yun}" style="color:#666;height:0.64rem;"><i class="inform-word conceal_word" >{yun:}$alist.title_n{/yun}</i></a>
|
</div>
|
{yun:}/announcement{/yun}
|
</div>
|
</div>
|
</div>
|
{yun:}/if{/yun}
|
</div>
|
|
<!-- 直播招聘部分-->
|
{yun:}if $xjh{/yun}
|
<div class="recruit">
|
<i class="hint">直播招聘</i>
|
<div class="prompt-content">
|
<div class="img">
|
<img src="{yun:}$xjh.pic{/yun}" alt="" style="width: 100%; height: 100%; border-radius:.16rem;">
|
</div>
|
<div class="words" onclick="location.href='{yun:}url m=wap c=xjhlive a=show id=$xjh.id{/yun}'">
|
<div class="wordage">{yun:}$xjh.name|mb_substr:0:26:'utf-8'{/yun}</div>
|
<div class="home_live_box">
|
<span class="remind">直播时间 {yun:}$xjh.stime_n{/yun}</span>
|
<button class="btn" >直播详情</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
{yun:}/if{/yun}
|
|
<!-- 简历优化提示 -->
|
{yun:}if $resume_yhnum>0{/yun}
|
<div id="resume_yh" class="optimize_tip_box none">
|
<div class="optimize_tip">
|
<i class="optimize_tipicon"></i>
|
<i class="optimize_tipgbicon" onclick="resume_yhhide();"></i>
|
<div class="optimize_name">您的简历有{yun:}$resume_yhnum{/yun}个优化项</div>
|
<div class="optimize_p">处理后可大幅提升求职成功率</div>
|
<a class="optimize_tip_bth" href="{yun:}url m=wap{/yun}member/index.php?c=resume&eid={yun:}$expect.id{/yun}">去处理</a>
|
</div>
|
</div>
|
{yun:}/if{/yun}
|
<!-- 登陆注册 -->
|
{yun:}if !$username && $smarty.get.c==''{/yun}
|
<div class="indexlogin_bth">
|
|
<div class="indexlogin_bth_c">
|
<div class="indexlogin_list">
|
<a href="{yun:}url m=wap c=login{/yun}" class="indexlogin_listc indexlogin_listcr">
|
<i class="indexlogin_icon"></i>
|
<div class="indexlogin_name">发布简历 </div>
|
<div class="indexlogin_p">找喜欢的工作 </div>
|
</a>
|
</div>
|
<div class="indexlogin_list">
|
<a href="{yun:}url m=wap c=login{/yun}" class="indexlogin_listc indexlogin_listcl">
|
<i class="indexlogin_icon indexlogin_icon2"></i>
|
<div class="indexlogin_name">发布职位 </div>
|
<div class="indexlogin_p">招优秀人才 </div> </a> </div>
|
|
</div>
|
</div>
|
|
|
{yun:}else{/yun}
|
|
{yun:}/if{/yun}
|
<!-- 名企招聘 -->
|
<div class="new_mq">
|
<i class="new_mq_name">名企招聘</i>
|
<a class="new_mq_more" href="{yun:}url m=wap c=company rec=1{/yun}">更多 ></a>
|
<div class="">
|
<div id="hotjob" class="swiper-container">
|
<div class="swiper-wrapper">
|
{yun:}hotjob item=hotjoblist limit=10{/yun}
|
<div class="swiper-slide">
|
<div class="new_mq_box">
|
<a href="{yun:}url m=wap c=company a=show id=$hotjoblist.uid{/yun}">
|
<div class="new_mq_list">
|
<div class="new_mq_c">
|
<div class="new_mq_logo">
|
<img src="{yun:}$hotjoblist.hot_pic{/yun}" alt="" style="width: 100%;">
|
</div>
|
<div class="new_mq_comname">
|
{yun:}$hotjoblist.username|mb_substr:0:12:'utf-8'{/yun}
|
</div>
|
</div>
|
<div class="new_mq_bth">
|
{yun:}$hotjoblist.num{/yun}个岗位
|
</div>
|
</div>
|
</a>
|
</div>
|
</div>
|
{yun:}/hotjob{/yun}
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 广告 随机取一条 -->
|
{yun:}adlist classid=503 item="lunbo" key=key random=1{/yun}
|
<div class="zd_banner">{yun:}$lunbo.html{/yun}</div>
|
{yun:}/adlist{/yun}
|
<!-- tab栏切换部分 -->
|
<div id="yunvue" class="tab none">
|
<van-tabs color="#2778F8" @click="chooseTab">
|
<van-tab title="最新">
|
{yun:}joblist limit=15 key=njk item=newjob{/yun}
|
<a href="{yun:}url m=wap c=job a=comapply id=$newjob.id{/yun}" title="{yun:}$newjob.name{/yun}">
|
|
<div class="table-card" style="{yun:}if $njk == 0{/yun}margin-top: .3rem;{yun:}/if{/yun}">
|
<div class="card_post">
|
<i class="table-card-word">{yun:}$newjob.name{/yun}</i>
|
<i class="table-card-salary">{yun:}$newjob.job_salary{/yun}</i>
|
</div>
|
<div class="table-card-require">
|
<i class="requir-area">{yun:}$newjob.job_city_one{/yun}-{yun:}$newjob.job_city_two{/yun}</i>
|
<i class="requir_area_parting_line"></i>
|
{yun:}if $newjob.job_edu{/yun}<i class="requir-area">{yun:}$newjob.job_edu{/yun}学历</i>{yun:}/if{/yun}
|
{yun:}if $newjob.job_exp{/yun} <i class="requir_area_parting_line"></i><i class="requir-area">{yun:}$newjob.job_exp{/yun}经验</i>{yun:}/if{/yun}
|
</div>
|
{yun:}if $newjob.welfarename{/yun}
|
<div class="welfare">
|
{yun:}foreach from=$newjob.welfarename item=v{/yun}
|
<span class="welfare_n">{yun:}$v{/yun}</span>
|
{yun:}/foreach{/yun}
|
</div>
|
{yun:}/if{/yun}
|
<div class="index_company">
|
<i class="index_company-logo">
|
<img src="{yun:}$newjob.logo{/yun}" alt="" style="width: 100%;">
|
</i>
|
<i class="index_company-name">{yun:}$newjob.com_name|strip_tags|mb_substr:0:20:"utf-8"{/yun}</i>
|
<i class="index_company-status">{yun:}$newjob.time{/yun}</i>
|
</div>
|
</div>
|
</a>
|
{yun:}/joblist{/yun}
|
</van-tab>
|
|
<van-tab title="紧急">
|
{yun:}joblist limit=15 key=ujk item=urgjob urgent=1{/yun}
|
<a href="{yun:}url m=wap c=job a=comapply id=$urgjob.id{/yun}" title="{yun:}$urgjob.name{/yun}">
|
|
<div class="table-card" style="{yun:}if $ujk == 0{/yun}margin-top: .3rem;{yun:}/if{/yun}">
|
<div class="card_post">
|
<i class="table-card-word">{yun:}$urgjob.name{/yun}</i>
|
<i class="table-card-salary">{yun:}$urgjob.job_salary{/yun}</i>
|
</div>
|
<div class="table-card-require">
|
<i class="requir-area">{yun:}$urgjob.job_city_one{/yun}-{yun:}$urgjob.job_city_two{/yun}</i>
|
<i class="requir_area_parting_line"></i>
|
{yun:}if $urgjob.job_edu{/yun}<i class="requir-area">{yun:}$urgjob.job_edu{/yun}学历</i>{yun:}/if{/yun}
|
{yun:}if $urgjob.job_exp{/yun} <i class="requir_area_parting_line"></i><i class="requir-area">{yun:}$urgjob.job_exp{/yun}经验</i>{yun:}/if{/yun}
|
</div>
|
{yun:}if $urgjob.welfarename{/yun}
|
<div class="welfare">
|
{yun:}foreach from=$urgjob.welfarename item=v{/yun}
|
<span class="welfare_n">{yun:}$v{/yun}</span>
|
{yun:}/foreach{/yun}
|
</div>
|
{yun:}/if{/yun}
|
<div class="index_company">
|
<i class="index_company-logo">
|
<img src="{yun:}$urgjob.logo{/yun}" alt="" style="width: 100%;">
|
</i>
|
<i class="index_company-name">{yun:}$urgjob.com_name|strip_tags|mb_substr:0:20:"utf-8"{/yun}</i>
|
<i class="index_company-status">
|
{yun:}$urgjob.time{/yun}
|
</i>
|
</div>
|
</div>
|
</a>
|
{yun:}/joblist{/yun}
|
</van-tab>
|
|
<van-tab title="推荐">
|
{yun:}joblist limit=15 key=rjk item=recjob rec=1{/yun}
|
<a href="{yun:}url m=wap c=job a=comapply id=$recjob.id{/yun}" title="{yun:}$recjob.name{/yun}">
|
|
<div class="table-card" style="{yun:}if $rjk == 0{/yun}margin-top: .3rem;{yun:}/if{/yun}">
|
<div class="card_post">
|
<i class="table-card-word">{yun:}$recjob.name{/yun}</i>
|
<i class="table-card-salary">{yun:}$recjob.job_salary{/yun}</i>
|
</div>
|
<div class="table-card-require">
|
<i class="requir-area">{yun:}$recjob.job_city_one{/yun}-{yun:}$recjob.job_city_two{/yun}</i>
|
<i class="requir_area_parting_line"></i>
|
{yun:}if $recjob.job_edu{/yun}<i class="requir-area">{yun:}$recjob.job_edu{/yun}学历</i>{yun:}/if{/yun}
|
{yun:}if $recjob.job_exp{/yun} <i class="requir_area_parting_line"></i><i class="requir-area">{yun:}$recjob.job_exp{/yun}经验</i>{yun:}/if{/yun}
|
</div>
|
{yun:}if $recjob.welfarename{/yun}
|
<div class="welfare">
|
{yun:}foreach from=$recjob.welfarename item=v{/yun}
|
<span class="welfare_n">{yun:}$v{/yun}</span>
|
{yun:}/foreach{/yun}
|
</div>
|
{yun:}/if{/yun}
|
<div class="index_company">
|
<i class="index_company-logo">
|
<img src="{yun:}$recjob.logo{/yun}" alt="" style="width: 100%;">
|
</i>
|
<i class="index_company-name">{yun:}$recjob.com_name|strip_tags|mb_substr:0:20:"utf-8"{/yun}</i>
|
<i class="index_company-status">
|
{yun:}$recjob.time{/yun}
|
</i>
|
</div>
|
</div>
|
</a>
|
{yun:}/joblist{/yun}
|
</van-tab>
|
|
<van-tab title="附近">
|
<div v-if="skeletonLoading">
|
<div class="map_job_list" v-for="(item,skeletonKey) in skeletonLen" :key="skeletonKey">
|
<div class="map_job_list_box">
|
<van-skeleton :row-width="['100%', '50%', '100%']" :row="3"></van-skeleton>
|
</div>
|
</div>
|
</div>
|
<div v-else>
|
<div v-if="nearbyJob">
|
<div v-for="(item,nkey) in nearbyJobList" :key="nkey" class="map_job_list">
|
<div class="map_job_list_box">
|
<div class="map_job_top">
|
<div class="neighbouring_top">
|
<div class="map_job_topname">
|
<a :href="item.joburl">{{item.name}}</a>
|
</div>
|
<span class="map_job_xz">{{item.salary_n}}</span>
|
</div>
|
<div class="map_job_list_welfare">
|
<ul>
|
<li>{{item.job_city_one}}-{{item.job_city_two}}</li>
|
<i class="requir_area_parting_line"></i>
|
<li v-if="item.job_edu">{{item.job_edu}}学历</li>
|
<i class="requir_area_parting_line"></i>
|
<li v-if="item.job_exp">{{item.job_exp}}经验</li>
|
</ul>
|
</div>
|
<div v-if="item.welfare" class="welfare">
|
<span v-for="(witem,wkey) in item.welfare" :key="wkey" class="welfare_n">
|
{{witem}}
|
</span>
|
</div>
|
</div>
|
<div class="com_map">
|
<div class="map_job_com">
|
<a :href="item.comurl">
|
<div class="map_job_com_logo">
|
<img :src="item.logo" alt="" width="100%" height="100%">
|
</div>
|
<div class="map_job_com_name">{{item.com_name}}</div>
|
</a>
|
</div>
|
<div class="com_map_name">
|
<a :href="item.addressurl">
|
<div class="com_map_name_address">{{item.address}}</div>
|
<div class="com_map_distance">{{item.dis}}</div>
|
</a>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div v-else class="no_data">
|
<div class="no_data_img">
|
<img src="{yun:}$wap_style{/yun}/images/home_emptygraph.png" alt=""style="width: 100%;">
|
</div>
|
<i class="no_data_word">当前没有职位数据哦~</i>
|
</div>
|
</div>
|
</van-tab>
|
</van-tabs>
|
<!--弹窗广告-->
|
<van-popup v-model="adBanner" position="center" :style="{ width:'90%',background:'none'}" closeable>
|
{yun:}adlist classid=502 item="lunbo" key=key random=1{/yun}
|
<div class="zd_userbanner">{yun:}$lunbo.html{/yun}</div>
|
{yun:}/adlist{/yun}
|
</van-popup>
|
<!--弹窗广告-->
|
</div>
|
</div>
|
<div class="yun_newedition_jobmore"><a href="{yun:}url m=wap c=job{/yun}">查看更多</a></div>
|
|
<div class="yun_newedition_footer">
|
<div class="">
|
<a href="{yun:}url m=wap c=contact{/yun}">联系我们</a>
|
<span class="yun_newedition_footer_line">|</span>
|
{yun:}if $config.sy_app_open == 1{/yun}
|
<a href="{yun:}url m=wap c=appdown{/yun}">下载APP</a>
|
<span class="yun_newedition_footer_line">|</span>
|
{yun:}/if{/yun}
|
<a href="{yun:}url m=wap c='advice'{/yun}">意见反馈</a>
|
<span class="yun_newedition_footer_line">|</span>
|
<a href="{yun:}url m=wap c=about{/yun}">关于我们</a>
|
</div>
|
</div>
|
{yun:}if !empty($kfurl) && $isweixin{/yun}
|
<!--企业微信浮动客服-->
|
<a href="{yun:}$kfurl{/yun}" class="zxkf"> </a>
|
{yun:}/if{/yun}
|
</div>
|
|
<style>
|
.van-tabs__nav {
|
background-color: #f4f4f4;
|
font-size: 0.8rem;
|
}
|
|
.van-tab__text {
|
font-size: 0.426666rem;
|
}
|
|
.van-tab--active {
|
font-weight: bold;
|
}
|
|
.van-skeleton__row:not(:first-child) {
|
margin-top: 22px;
|
}
|
</style>
|
{yun:}include file="$wapstyle/publichtm/public_js.htm"{/yun}
|
<script type="text/javascript" src="{yun:}$config.mapurl{/yun}"></script>
|
<script>
|
// 轮播图
|
new Swiper('#imgswiper', {
|
direction: 'horizontal',
|
autoplay: {
|
disableOnInteraction: false
|
},
|
loop: true
|
});
|
// 金刚位
|
new Swiper('#navswiper', {
|
direction: 'horizontal',
|
pagination: {
|
el: '.swiper-pagination'
|
}
|
});
|
// 公告
|
new Swiper('#ggswiper', {
|
direction: 'vertical',
|
autoplay: {
|
disableOnInteraction: false
|
},
|
loop: true,
|
height: 40,
|
autoHeight: true
|
});
|
// 名企
|
new Swiper('#hotjob', {
|
slidesPerView: 2.25,
|
spaceBetween: 1,
|
autoplay: {
|
disableOnInteraction: false
|
},
|
loop: true
|
});
|
|
var yunvue = new Vue({
|
el: '#yunvue',
|
data() {
|
return {
|
skeletonLoading: true,
|
skeletonLen: new Array(15).fill(''),
|
nearbyJob: false,
|
nearbyJobList: [],
|
x: '',
|
y: '',
|
adBanner:false,
|
};
|
},
|
created() {
|
$('#yunvue').css('display','block');
|
this.adShow();
|
},
|
methods: {
|
|
chooseTab: function(name, title){
|
let that = this;
|
if (name==3 && title=='附近'){
|
|
setTimeout(() => {
|
that.getCurrentLoaction();
|
}, 1000)
|
}
|
},
|
getCurrentLoaction: function () {
|
let that = this;
|
var geolocation = new BMap.Geolocation();
|
geolocation.getCurrentPosition(function (r) {
|
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
|
that.x = r.point.lng;
|
that.y = r.point.lat;
|
$.post(wapurl + 'index.php?c=job&a=distance', {
|
x: r.point.lng,
|
y: r.point.lat
|
}, function (data) {
|
that.getNearbyJob();
|
})
|
} else {
|
console.log('获取定位异常' + this.getStatus())
|
that.getNearbyJob();
|
}
|
}, {
|
enableHighAccuracy: true
|
});
|
},
|
getNearbyJob: function () {
|
let that = this;
|
let paramer = {
|
x: that.x,
|
y: that.y,
|
limit: 15
|
}
|
$.post('index.php?c=map&a=joblist', paramer, function (data) {
|
if (data.list.length > 0) {
|
that.nearbyJobList = data.list
|
that.nearbyJob = true;
|
}
|
that.skeletonLoading = false;
|
}, 'json');
|
},
|
adShow: function () { // 首页弹出广告
|
if($('.zd_userbanner').length > 0){
|
var bannerFlag = "{yun:}$bannerFlag{/yun}";
|
if (bannerFlag) {
|
this.adBanner = false;
|
} else{
|
this.adBanner = true;
|
}
|
}
|
},
|
}
|
});
|
function privacy(){
|
var paramer = {
|
status: 1,
|
};
|
showLoading('设置中...');
|
$.post('{yun:}url d=wxapp h=user m=privacy c=up{/yun}', paramer, function(data){
|
hideLoading();
|
location.reload();
|
},'json');
|
|
}
|
</script>
|
{yun:}include file="$wapstyle/publichtm/search.htm"{/yun}
|
{yun:}include file="$wapstyle/footer.htm"{/yun}
|
