{yun:}include file="$wapstyle/header_cont.htm"{/yun}
|
{yun:}include file="$wapstyle/publichtm/public_js.htm"{/yun}
|
<!-- 页面头部部分 -->
|
<div id="yunvue" class="none">
|
<div class="newzph_img">
|
<a href="{yun:}if $backurl{/yun}{yun:}$backurl{/yun}{yun:}else{/yun}javascript:goBack();{yun:}/if{/yun}" class="header_back"></a>
|
<img src="{yun:}$Info.banner_wap_n{/yun}" onerror="showImgDelay(this,'{yun:}$config.sy_ossurl{/yun}/{yun:}$config.sy_zphbanner_icon{/yun}',2);" width="100%">
|
</div>
|
<div class="newzph_pd">
|
<div class="newzph_show">
|
<div class="newzphshow_sj">
|
<div class="newzph_sj_n_b"><span class="newzph_sj_n">{yun:}$Info.comnum{/yun}</span>家</div>
|
参会企业
|
</div>
|
<div class="newzphshow_sj">
|
<div class="newzph_sj_n_b"><span class="newzph_sj_n">{yun:}$Info.jobnum{/yun}</span>个</div>
|
参会职位
|
</div>
|
<div class="newzphshow_sj">
|
<div class="newzph_sj_n_b"><span class="newzph_sj_n"> {yun:}$Info.zpnum{/yun}</span>人</div>
|
招聘人数
|
</div>
|
<div class="newzphshow_sj">
|
<div class="newzph_sj_n_b"><span class="newzph_sj_n"> {yun:}$Info.sqnum{/yun}</span>次</div>
|
投递简历
|
</div>
|
</div>
|
|
<div class="newzphshow_tit">
|
<ul>
|
<li id="zphtab" class="newzphshow_titcur tabCtrl"><a href="javascript:void(0);" onclick="tab('zph');">招聘会介绍</a></li>
|
<li id="comtab" class="tabCtrl"><a href="javascript:void(0);" onclick="tab('com');">参会企业</a></li>
|
<li id="jobtab" class="tabCtrl"><a href="javascript:void(0);" onclick="tab('job');">招聘岗位</a></li>
|
</ul>
|
</div>
|
<!--介绍-->
|
<div id="zphBox" class="newzphshow_p boxCtrl">
|
{yun:}if $Info.body{/yun}
|
<div class=" ">
|
<div class="body_concise_title">招聘会简章</div>
|
<div class="body_concise_content">
|
<section>
|
<div class="zph_bg_pd img_auto">
|
<div class=" body_concise_content">
|
{yun:}if $Info.organizers{/yun}
|
<div class="">主 办 方：{yun:}$Info.organizers{/yun}</div>
|
{yun:}/if{/yun}
|
|
{yun:}$Info.body{/yun}
|
<div class="">举办时间：{yun:}$Info.starttime_n{/yun}~{yun:}$Info.endtime_n{/yun}</div>
|
{yun:}if $Info.address{/yun}<div class="">举办地点：{yun:}$Info.address{/yun}</div>{yun:}/if{/yun}
|
{yun:}if $Info.traffic{/yun}<div class="">交通路线：{yun:}$Info.traffic{/yun}</div>{yun:}/if{/yun}
|
</div>
|
|
</div>
|
</section>
|
</div>
|
</div>
|
{yun:}/if{/yun}
|
{yun:}if $Info.media{/yun}
|
<section>
|
<div class="zph_bg_pd mt15 img_auto">
|
<div class="body_concise_title"><span class="">媒体宣传</span></div>
|
<div class="zph_show_content"> {yun:}$Info.media{/yun}
|
</div></div>
|
</section>
|
{yun:}/if{/yun}
|
{yun:}if $Info.packages{/yun}
|
<section>
|
<div class="zph_bg_pd mt15 img_auto">
|
<div class="body_concise_title"><span class="">超值服务套餐</span></div>
|
<div class="zph_show_content"> {yun:}$Info.packages{/yun}</div>
|
</div>
|
</section>
|
{yun:}/if{/yun}
|
{yun:}if $Info.booth{/yun}
|
<section>
|
<div class="zph_bg_pd mt15 img_auto">
|
<div class="body_concise_title"><span class="">展位设置方案</span></div>
|
<div class="zph_show_content"> {yun:}$Info.booth{/yun}</div>
|
</div>
|
</section>
|
{yun:}/if{/yun}
|
{yun:}if $Info.participate{/yun}
|
<div class="zph_bg_pd mt15 img_auto">
|
<div class="body_concise_title"><span class="">参与办法</span></div>
|
<div class="zph_show_content"> {yun:}$Info.participate{/yun}</div>
|
</div>
|
{yun:}/if{/yun}
|
</div>
|
|
|
<!--参会企业-->
|
<div id="comBox" class="newzph_showcom boxCtrl none">
|
<div v-if="islook">
|
<div v-if="com_total">
|
<ul>
|
<li v-for="(com, comkey) in com_list" :key="comkey">
|
<div class="newzph_showcomlist">
|
<div class="newzph_showcom_c">
|
<a :href="com.comwapurl">
|
<div class="newzph_showcom_img"><img :src="com.logo"></div>
|
<div class="newzph_showcomname">{{com.comname}}</div>
|
<div class="newzph_showcominfo">{{com.mun_n}}<i class="newzph_showcominfoine">|</i>{{com.pr_n}}<i class="newzph_showcominfoine">|</i>{{com.hy_n}}</div>
|
</a>
|
</div>
|
</div>
|
<div v-if="com.job && com.job.length>0">
|
<div class="newzph_showcomjob" v-for="(cjob, cjobkey) in com.job" :key="cjobkey">
|
<a :href="cjob.wapurl">
|
<div class="newzph_showcomjob_a">{{cjob.name}}<i class="newzph_showcomjob_jp" v-if="cjob.urgent_n==1"></i> </div>
|
<span class="newzph_showcomjob_xz">{{cjob.job_salary}}</span>
|
</a>
|
</div>
|
</div>
|
|
<div class="newzph_showcomjobmore"><a :href="com.comwapurl" class="newzph_showcomjobmore_a">查看全部岗位</a></div>
|
<div class="newzph_showcomzw">展位号：{{com.sidname}} - {{com.cidname}} - {{com.bidname}}</div>
|
</li>
|
</ul>
|
<div v-if="com_total > com_limit" style="margin-top: .266667rem;">
|
<van-pagination v-model="com_page" :total-items="com_total" :items-per-page="com_limit" force-ellipses @change="comPageChange"/>
|
</div>
|
</div>
|
<div v-if="com_total==0">
|
<div class="wap_member_no">
|
招聘会企业整理中，即将发布
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--参会岗位-->
|
<div id="jobBox" class="newzph_showjob boxCtrl none">
|
<div v-if="islook">
|
<div v-if="job_total">
|
<ul>
|
<li v-for="(job, jobkey) in job_list" :key="jobkey">
|
<a :href="job.wapurl">
|
<div class="newzph_showjobt">
|
<div class="newzph_showcomjob_a">{{job.name}}<i class="newzph_showcomjob_jp" v-if="job.urgent_n==1"></i></div>
|
<span class="newzph_showcomjob_xz">{{job.job_salary}}</span>
|
</div>
|
<div class="newzph_showjobinfo">{{job.citystr}}<i class="newzph_showcominfoine">|</i>{{job.job_exp}}<i class="newzph_showcominfoine">|</i>{{job.job_edu}}</div>
|
<div class="newzph_showjobfl" v-if="job.welfare_n && job.welfare_n.length>0">
|
<span class="newzph_showjobfl_n" v-for="(wel, wkey) in job.welfare_n" :key="wkey">{{wel}}</span>
|
</div>
|
<div class="newzph_showjobcom">{{job.com_name}}</div>
|
<span class="newzph_showjob_sq">申请</span>
|
</a>
|
</li>
|
</ul>
|
<div v-if="job_total > job_limit" style="margin-top: .266667rem;">
|
<van-pagination v-model="job_page" :total-items="job_total" :items-per-page="job_limit" :show-page-size="3" force-ellipses @change="jobPageChange"/>
|
</div>
|
</div>
|
<div v-if="job_total==0">
|
<div class="wap_member_no">
|
招聘会岗位整理中，即将发布
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!--参会岗位 end-->
|
</div>
|
</div>
|
<style>
|
.header{ display: none;}
|
</style>
|
<div class="newzph_showfoot"></div>
|
<div class="particulars_tail">
|
<a href="tel:{yun:}$Info.phone{/yun}" class="particulars_tail_left">
|
<div class="particulars_tail_icon">
|
<img src="{yun:}$wap_style{/yun}/images/icon_iphone.png" alt="">
|
</div>
|
<div class="particulars_tail_text">电话咨询</div>
|
</a>
|
{yun:}if $Info.stime lt '0'|| $Info.etime lt '0'{/yun}
|
<a class="particulars_tail_right particulars_tail_right_tz">已停止预订</a>
|
{yun:}else{/yun} {yun:}if $usertype==2{/yun}
|
<a href="{yun:}url m=wap c=zph a=reserve id='`$Info.id`'{/yun}" class="particulars_tail_right">预订展位</a>
|
{yun:}else{/yun} {yun:}if $uid{/yun}
|
<a href="javascript:void(0);" {yun:}if $config.sy_user_change==1{/yun}onclick="showToast('请先申请企业账户');"{yun:}else{/yun}onclick="showToast('只有企业用户才能预订');"{yun:}/if{/yun} class="particulars_tail_right">预订展位</a>
|
{yun:}else{/yun}
|
<a href="{yun:}url m=wap c=login {/yun}" class="particulars_tail_right">预订展位</a>
|
{yun:}/if{/yun} {yun:}/if{/yun} {yun:}/if{/yun}
|
</div>
|
|
|
<style>
|
.user_contnet_box {
|
width: 100%;
|
overflow: hidden
|
}
|
|
.user_contnet_box img {
|
max-width: 100%;
|
}
|
</style>
|
<script src="{yun:}$wap_style{/yun}/js/prefixfree.min.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
|
<script>
|
var zid = '{yun:}$Info.id{/yun}';
|
var comajaxed = false;
|
var jobajaxed = false;
|
var config = {
|
url: '{yun:}url m=wap c=zph a=show id=$Info.id{/yun}',
|
title: '{yun:}$Info.title{/yun}',
|
desc: '{yun:}$Info.description|replace:"\r\n":""{/yun}',
|
img: '{yun:}$config.sy_ossurl{/yun}/{yun:}$config.sy_wx_sharelogo{/yun}',
|
img_title: '{yun:}$Info.title{/yun}',
|
from: '{yun:}$config.sy_webname{/yun}'
|
};
|
|
|
|
var yunvue = new Vue({
|
el: '#yunvue',
|
data() {
|
return {
|
com_total: 0,
|
com_page: 1,
|
com_limit: 10,
|
com_list:[],
|
|
job_total: 0,
|
job_page: 1,
|
job_limit: 10,
|
job_list:[],
|
|
islook:false,
|
};
|
},
|
created() {
|
$("#yunvue").removeClass('none');
|
},
|
methods: {
|
getComList: function (type) {
|
var that = this;
|
that.islook = false;
|
if (type && type == 'refresh') {
|
|
that.com_page = 1;
|
that.com_list = [];
|
}
|
var paramer = {
|
zid:zid,
|
page: that.com_page,
|
limit: that.com_limit
|
};
|
showLoading();
|
$.post(wapurl + 'index.php?c=zph&a=getComList', paramer, function (data) {
|
hideLoading();
|
if (data.error==1) {
|
comajaxed = true;
|
let list = data.list;
|
that.com_total = data.total;
|
//that.pageTotal = Math.ceil(data.data.total / that.limit);
|
if (list && list.length > 0) {
|
that.com_list = list;
|
}
|
}
|
that.islook = true;
|
}, 'json')
|
},
|
comPageChange: function (page) {
|
this.com_page = page;
|
this.getComList('');
|
},
|
getJobList: function (type) {
|
var that = this;
|
that.islook = false;
|
if (type && type == 'refresh') {
|
|
that.job_page = 1;
|
that.job_list = [];
|
}
|
var paramer = {
|
zid:zid,
|
page: that.job_page,
|
limit: that.job_limit
|
};
|
showLoading();
|
$.post(wapurl + 'index.php?c=zph&a=getJobList', paramer, function (data) {
|
hideLoading();
|
if (data.error==1) {
|
jobajaxed = true;
|
let list = data.list;
|
that.job_total = data.total;
|
//that.pageTotal = Math.ceil(data.data.total / that.limit);
|
if (list && list.length > 0) {
|
that.job_list = list;
|
}
|
}
|
that.islook = true;
|
}, 'json')
|
},
|
jobPageChange: function (page) {
|
this.job_page = page;
|
this.getJobList('');
|
},
|
toPage: function (url) {
|
navigateTo(url)
|
}
|
}
|
});
|
|
function tab(type){
|
$('.tabCtrl').removeClass('newzphshow_titcur');
|
$('#'+type+'tab').addClass('newzphshow_titcur');
|
|
$('.boxCtrl').hide();
|
$('#'+type+'Box').show();
|
|
if(type=='com' && !comajaxed){
|
yunvue.getComList();
|
}
|
if(type=='job' && !jobajaxed){
|
yunvue.getJobList();
|
}
|
}
|
</script>
|
|
</body>
|
</html>
|
