{yun:}include file="$wapstyle/header_cont.htm"{/yun}
<!-- 页面头部部分 -->
<!--有招聘会状态-->
<div class="newzph_img">
	{yun:}if $newZph{/yun}
    <a href="{yun:}$newZph.url_wap{/yun}">
        <img src="{yun:}$newZph.cover_wap{/yun}" width="100%">
    </a>
	{yun:}/if{/yun}
</div>
<div class="newzph_pd" id="app">
    <div class="newzph_tit">
        <ul class="tab_title">
			{yun:}if $zphList{/yun}
            <li onclick="tabshow()" class="{yun:}if $smarty.get.type == '' {/yun}newzph_tit_cur{yun:}/if{/yun}">全部</li>
			{yun:}/if{/yun}
            <li onclick="tabshow('zph')" class="{yun:}if $smarty.get.type == 'zph' || (empty($zphList) && !$smarty.get.type){/yun}newzph_tit_cur{yun:}/if{/yun}">现场招聘会</li>
            <li onclick="tabshow('wlzph')" class="{yun:}if $smarty.get.type == 'wlzph'{/yun}newzph_tit_cur{yun:}/if{/yun}">网络招聘会</li>
        </ul>
    </div>
    <div>
		{yun:}if !empty($zphList) && $smarty.get.type == ''{/yun}
        <div class="newzph_list">
            <ul>
                {yun:}foreach from=$zphList item=v{/yun}
                <a href="{yun:}$v.url_wap{/yun}">
                <li>
                    <div class="newzph_showbox">
                        <div class="newzph_snt">
                            <img src="{yun:}$v.cover_wap{/yun}" width="100%">
                        </div>
                        <div class="newzph_name">{yun:}$v.title{/yun}</div>
                    </div>
                    <div class="newzph_sj">
                        <div class="newzph_sj_n_b">
                            <span class="newzph_sj_n">{yun:}$v.comnum{/yun}</span>家
                        </div>参会企业
                    </div>
                    <div class="newzph_sj">
                        <div class="newzph_sj_n_b">
                            <span class="newzph_sj_n">{yun:}$v.jobnum{/yun}</span>个
                        </div>
                        参会职位
                    </div>
                    <div class="newzph_sj">
                        <div class="newzph_sj_n_b">
                            <span class="newzph_sj_n"> {yun:}$v.zpnum{/yun}</span>人
                        </div>
                        招聘人数
                    </div>
                    {yun:}if $v.stime<'0'&&$v.etime>'0'{/yun}
                        <span class="newzph_sj_bth">查看详情</span>
                        <div class="newzph_jxz">正在进行中...</div>
                        {yun:}elseif $v.stime>'0'{/yun}
                        <span class="newzph_sj_bth">查看详情</span>
                        <div class="newzph_bmz">火爆报名中...</div>
                        {yun:}else{/yun}
                        <span  class="newzph_sj_bthwq">往期回顾</span>
                        {yun:}/if{/yun}
                </li>
                </a>
                {yun:}/foreach{/yun}
            </ul>
        </div>
		{yun:}/if{/yun}
		
		{yun:}if $smarty.get.type == 'zph' || (empty($zphList) && $smarty.get.type == ''){/yun}
        <div class="newzph_list">
            <ul>
                {yun:}fairs ispage=1 limit=5 item=zph{/yun}
                <a href="{yun:}url m=wap c=zph a=show id='`$zph.id`'{/yun}">
                <li>
                    <div class="newzph_showbox">
                        <div class="newzph_snt">
                            <img src="{yun:}$zph.is_themb_wap{/yun}" onerror="showImgDelay(this,'{yun:}$config.sy_ossurl{/yun}/{yun:}$config.sy_zph_icon{/yun}',2);" alt="" width="100%">
                        </div>
                        <div class="newzph_name">{yun:}$zph.title{/yun}</div>
                    </div>
                    <div class="newzph_sj">
                        <div class="newzph_sj_n_b">
                            <span class="newzph_sj_n">{yun:}$zph.comnum{/yun}</span>家
                        </div>参会企业
                    </div>
                    <div class="newzph_sj">
                        <div class="newzph_sj_n_b">
                            <span class="newzph_sj_n">{yun:}$zph.jobnum{/yun}</span>个
                        </div>参会职位
                    </div>
                    <div class="newzph_sj">
                        <div class="newzph_sj_n_b">
                            <span class="newzph_sj_n"> {yun:}$zph.zpnum{/yun}</span>人
                        </div>招聘人数
                    </div>
                    {yun:}if $zph.stime<'0'&&$zph.etime>'0'{/yun}
                        <span  class="newzph_sj_bth">查看详情</span>
                        <div class="newzph_jxz">正在进行中...</div>
                        {yun:}elseif $zph.stime>'0'{/yun}
                        <span class="newzph_sj_bth">查看详情</span>
                        <div class="newzph_bmz">火爆报名中...</div>
                        {yun:}else{/yun}
                        <span class="newzph_sj_bthwq">往期回顾</span>
                        {yun:}/if{/yun}
                </li>
                </a>
                {yun:}/fairs{/yun}
            </ul>
            
            {yun:}if $total<=0 {/yun} 
			<div class="newzph_notip">
                <div class="wap_member_no">暂无招聘会信息 </div>
			</div>
			{yun:}else{/yun}
			<div v-if="total>perpage">
				<van-pagination v-model="currentPage" :total-items="total" :items-per-page="perpage" force-ellipses @change="pageZphChange" />
			</div>
			{yun:}/if{/yun}
    </div>
	{yun:}/if{/yun}
	
	{yun:}if $smarty.get.type == 'wlzph'{/yun}
    <div class="newzph_list">
        <ul>
            {yun:}zphnet ispage=1 limit=10 item=zlist{/yun}
            <a href="{yun:}url m=wap c=zphnet a=show id='`$zlist.id`' form='list' type='wlzph'{/yun}">
            <li>
                <div class="newzph_showbox">
                    <div class="newzph_snt">
                        <img src="{yun:}$zlist.pic_wap{/yun}" onerror="showImgDelay(this,'{yun:}$config.sy_ossurl{/yun}/{yun:}$config.sy_zph_icon{/yun}',2);" alt="" width="100%">
                    </div>
                    <div class="newzph_name">{yun:}$zlist.title{/yun}</div>
                </div>
                <div class="newzph_sj">
                    <div class="newzph_sj_n_b">
                        <span class="newzph_sj_n">{yun:}$zlist.comnum{/yun}</span>家
                    </div>参会企业
                </div>
                <div class="newzph_sj">
                    <div class="newzph_sj_n_b">
                        <span class="newzph_sj_n">{yun:}$zlist.jobnum{/yun}</span>个
                    </div>参会职位
                </div>
                <div class="newzph_sj">
                    <div class="newzph_sj_n_b">
                        <span class="newzph_sj_n">{yun:}$zlist.zpnum{/yun}</span>人
                    </div>招聘人数
                </div>
                {yun:}if $zlist.stime<'0'&&$zlist.etime>'0'{/yun}
                    <span  class="newzph_sj_bth">查看详情</span>
                    <div class="newzph_jxz">正在进行中...</div>
                    {yun:}elseif $zlist.stime>'0'{/yun}
                    <span class="newzph_sj_bth">查看详情</span>
                    <div class="newzph_bmz">火爆报名中...</div>
                    {yun:}elseif $zlist.etime < '0'{/yun} 
                    <span class="newzph_sj_bthwq">往期回顾</span>
                    {yun:}/if{/yun}
            </li>
            </a>
            {yun:}/zphnet{/yun}
        </ul>
        
        {yun:}if $total<=0 {/yun} 
		<div class="newzph_notip">
            <div class="wap_member_no">暂无网络招聘会信息 </div>
		</div>
		{yun:}else{/yun}
		<div v-if="total>perpage">
			<van-pagination v-model="currentPage" :total-items="total" :items-per-page="perpage" force-ellipses @change="pageWlZphChange" />
		</div>
		{yun:}/if{/yun}
</div>
{yun:}/if{/yun}
</div>
</div>
{yun:}include file="$wapstyle/publichtm/public_js.htm"{/yun}
<script type="text/javascript">
var currentPage = parseInt('{yun:}$smarty.get.page{/yun}'),
    total = parseInt('{yun:}$total{/yun}'),
    pagelink = '{yun:}$pagelink{/yun}';
var type = '{yun:}$smarty.get.type{/yun}';
var yunvue = new Vue({
    el: "#app",
    data: {
        //分页相关
        currentPage: currentPage ? currentPage : 1,
        total: total,
        perpage: 5,
    },
    methods: {
        pageZphChange: function(e) {
            console.info(e);
            var pageurl = pagelink.replace('{{page}}', e + "&type=zph");
            location.href = pageurl;
        },
        pageWlZphChange: function(e) {
            var pageurl = pagelink.replace('{{page}}', e + "&type=wlzph");
            location.href = pageurl;
        }
    }
})

function tabshow(state) {
    var url = '{yun:}url m=wap c=zph{/yun}';
    if (state) {
        url = '{yun:}url m=wap c=zph type="' + state + '"{/yun}';
    }
    window.location.href = url;
}
</script>
</body>

</html>