
<script src="{yun:}$wap_style{/yun}/js/vue.min.js?v={yun:}$config.cachecode{/yun}"></script>
<script src="{yun:}$wap_style{/yun}/js/list_bottom.js?v={yun:}$config.cachecode{/yun}"></script>
<div id="joblist_vue" class="none">
    
    <div class="yun_newedition_job" v-for="item in joblist" :key="item.id">
                
        <a v-bind:href="item.wapurl" v-bind:title="item.name">
            <div class="yun_newedition_jobcont">
                <div class="yun_newedition_jobname">
                    <h3>{{item.name}}</h3>
                </div>
                <span class="yun_newedition_jobxz">{{item.job_salary}}</span>
                
                <span class="yun_newedition_jobtime" v-if="item.urgent_n && item.rec_n">{{item.lastupdate_date}}</span>
                
                <div class="yun_newedition_jobinfo"> 
                    <div class="yun_newedition_jobinfo_c">
                        {{item.job_city_one?item.job_city_one:''}}{{item.job_city_two?'-'+item.job_city_two:''}}
                        <block v-if="item.job_exp">
                            <i class="yun_newedition_jobline"></i>{{item.job_exp}}经验
                        </block>
                        <block v-if="item.job_edu">
                            <i class="yun_newedition_jobline"></i>{{item.job_edu}}学历
                        </block>
                    </div>
                    <div class="yun_index_jobemergency_tg" style="top:50px;">
                        
                        <span class="yun_index_jobemergency" v-if="item.urgent_n">急聘</span>
                        
                        <span class="yun_index_hot" v-if="item.rec_n">推荐</span>
                        
                    </div> 
                    
                    <i class="job_todaynew">  
                        {{item.newtime?'新职位':''}}
                        <span v-if="lookJobIds && lookJobIds.indexOf(item.id)!=-1" class="">. 浏览过</span> 
                    </i>
                </div>
                
                <div v-if="item.welfare_n" class="yun_newedition_jobflbox">      
                    <span v-for="welfare in item.welfare_n" :key="welfare" class="yun_newedition_jobfl">{{welfare}}</span>
                </div>
            </div>
            <div class="yun_newedition_comname">
                <div class="yun_joblogo">
                    <img v-bind:src="item.comlogo">
                </div>
                {{item.com_name}}
               
                <img v-if="item.hotlogo" src="{yun:}$config.sy_weburl{/yun}/app/template/wap/images/mq.png" alt="名企" class="png" width="14">
               
                <img v-if="item.rating_logo" v-bind:src="item.rating_logo" style="vertical-align:middle" width="12" height="12" /> 
               
                <i v-if="item.yyzz_status==1" class="job_qy_rz_icon"></i> 
                
            </div>
        </a>
    </div>
</div>
<script type="text/javascript">
    var app = new Vue({
		el: '#joblist_vue',
		data: {
			joblist:[],
			lookJobIds:[]
		}
    });

    var jobpage = 1;
    
    function fetchData() {
        jobpage++;
        var searchurl = document.getElementById('searchurl').value;
        $.post(wapurl + 'index.php?c=job&a=ajaxLoad', {searchurl: searchurl,page: jobpage}, function(res){
			document.getElementById('pageLoading').classList.add('none');
            if(res){
                var data = eval('(' + res + ')');
                
                if(data.list.length > 0){
                    app.$data.joblist = data.list;
                    app.$data.lookJobIds = data.lookJobIds?data.lookJobIds:[];
                }else{
					document.getElementById('pageNoMore').classList.remove('none');
				}
            }
            app.$nextTick(function(){
                document.getElementById('listdiv').insertAdjacentHTML('beforeend',$("#joblist_vue").html());
            })
        });
    }
</script>