{#layout name="public/layout" /#}
<div class="content" id="app" v-cloak>
    <!-- 职位 -->
    <div class="job-box">
        <div class="job-header-box">
            <div class="job-header">
                <input value="{#$keyword#}"  class="search-com" type="text" placeholder="寻找好工作">
                <button class="search-btn">搜索</button>
            </div>
            <div class="job-title">
                <div class="left-box">
                    {#if condition="!$Request.param.lat && !$Request.param.lng"#}
                    <span class="job-title-text job-title-text-act comprehensive" data-id="1">综合</span>
                    {#else#}
                    <span class="job-title-text comprehensive" data-id="1">综合</span>
                    {#/if#}
                    {#if condition="$Request.param.lat && $Request.param.lng"#}
                    <span class="job-title-text job-title-text-act near" data-id="2">附近</span>
                    {#else#}
                    <span class="job-title-text near" data-id="2">附近</span>
                    {#/if#}
                </div>
                <div class="filter-box">
                    <span class="filter-item" @click="showAreaPopupClick()"
                        id="openAddrPopup">{{areaName}}</span>
                    <span class="filter-item" @click="showJobPopupClick()">{{jobScreenName}}</span>
                    <span class="filter-item" @click="showOtherPopupClick">{{ otherLabel }}</span>
                </div>
            </div>
        </div>
        <div class="joblist-box">
            {#if condition="count($dataset.items) gt 0"#}
            <!-- displayNone 隐藏-->
                <div class="job-list ">
                    {#include file="job/ajaxJobPage" /#}
                </div>
            <div style="display: none" class="van-list__finished-text is_empty">没有更多了</div>
            <van-loading class="is_loading" style="display: none" size="24px">加载中...</van-loading>
            {#else#}
            {#if condition="$show_mask == 0"#}
            <van-empty description="没有找到对应数据" image="__ROOT__/assets/images/mobile/empty-image-search.png"></van-empty>
            {#/if#}
            {#/if#}
            {#if condition="$show_mask == 1"#}
            <!-- 未登录遮罩 -->
            <div class="unLoginMask">
                <div class="login_layer">
                    <div class="ll_tip">30秒快速注册简历，海量职位任意投</div>
                    <div class="ll_tip_more">登录或注册简历后可以查看更多职位</div>
                    <div class="ll_qr_box">
                        <img data-v-1fab8030="" src="{#$global_config['wechat_qrcode']#}" alt="" class="ll_qr" />
                    </div>
                    <div class="ll_tip_more">微信扫一扫，求职更轻松</div>
                    <div class="ll_tip_bth">
                        <a class="a_btn loginBtn">登录</a>
                        <a class="a_btn blue regBtn">注册</a>
                    </div>
                    {#if condition="$global_config['contact_tel']"#}
                    <div class="ll_tip_tel">联系客服：{#$global_config['contact_tel']#}</div>
                    {#/if#}
                </div>
            </div>
            {#/if#}
        </div>

    </div>
    <!-- 未创建简历弹窗 -->
    {#if condition="$is_login == 0"#}
    <div class="boxNoResume">
        <div class="closeIcon"><img src="__ROOT__/assets/images/mobile/close2.png" alt=""></div>
        <div class="bgBox"><img src="__ROOT__/assets/images/mobile/noResume.png" alt="" class="imgBg">
            <div class="content">
                <div class="content1">
                    <div class="text1">您还没有创建简历，无法投递</div>
                    <div class="text2">创建简历，为您推荐合适的岗位</div>
                </div>
                <span class="contentBtn loginBtn">创建</span>
            </div>
        </div>
    </div>
    {#/if#}

    <van-popup class="otherPopup" v-model="showOtherPopup" position="bottom">
        <div>
            <div class="more_title">
                <span class="title">筛选</span>
                <!-- <u-icon name="close" @click="showOtherPopup = false"></u-icon> -->
            </div>
            <div class="more_box">
                <!-- 职位其他搜索 -->
                <div class="item_wrapper">
                    <div class="item_title">学历要求</div>
                    <div class="item_group clearfix">
                        <div :class="item.select ?'item selected':'item'" v-for="(item, index) in optionEducation"
                            :key="index"
                            @click="optionEducation = restructureData(optionEducation,item.id,'education')">
                            {{ item.name }}
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="item_title">薪资待遇</div>
                    <div class="item_group clearfix">
                        <div :class="item.select ? 'item selected' : 'item'"
                            v-for="(item, index) in optionFilterWage" :key="index"
                            @click="optionFilterWage = restructureData(optionFilterWage,item.id,'wage')">
                            {{ item.text }}
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="item_title">工作经验</div>
                    <div class="item_group clearfix">
                        <div :class="item.select ? 'item selected' : 'item'"
                            v-for="(item, index) in optionExperience" :key="index"
                            @click="optionExperience=restructureData(optionExperience, item.id, 'experience' )">
                            {{ item.name }}
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="item_title">福利待遇</div>
                    <div class="item_group clearfix">
                        <div :class="item.select ? 'item selected' : 'item'" v-for="(item, index) in optionJobTag"
                            :key="index" @click="handleCheckJobTag(item)">
                            {{ item.name }}
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="item_title">更新时间</div>
                    <div class="item_group clearfix">
                        <div :class="item.select ? 'item selected' : 'item'"
                            v-for="(item, index) in optionSettr" :key="index"
                            @click="optionSettr = restructureData(optionSettr, item.id, 'settr')">
                            {{ item.name }}
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <!-- 职位其他搜索 -->
            </div>
            <div class="wrapper_bottom">
                <div class="btn_c reset" @click="handleClearMore">重置</div>
                <div class="btn_c affirm" @click="handleSelectMore">确定</div>
            </div>
        </div>
    </van-popup>

    <van-popup v-model="show" round position="bottom" @close="showClose">
        <div class="categorys"></div>
<!--        <van-cascader popper-class="cascaderRef" @change="changeNodes" v-model="cascaderValue" active-color="#1989fa" :title="title" :options="optionsCity"-->
<!--            @close="show = false" @finish="onFinish">-->

<!--        </van-cascader>-->
<!--        <div class="condition_box" v-if="areaName != '地区' && type == 'citycategory'">-->
<!--            <div class="condition">-->
<!--                当前已选：{{areaName}}-->
<!--                <div class="condition_del" @click="areaEmpty">-->
<!--                    清空-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="condition_box" v-if="jobScreenName != '职位' && type == 'jobcategory'">-->
<!--            <div class="condition">-->
<!--                当前已选：{{jobScreenName}}-->
<!--                <div class="condition_del" @click="areaEmpty">-->
<!--                    清空-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </van-popup>
    {#include file="public/footer" /#}
</div>
{#if condition="$global_config['map_type'] == 1 && $global_config['is_open_map'] == 1"#}
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={#$global_config.map_ak#}"></script>
{#/if#}
{#if condition="$global_config['map_type'] == 2 && $global_config['is_open_map'] == 1"#}
<script type="text/javascript" src="https://api.tianditu.gov.cn/api?v=4.0&tk={#$global_config.tian_map_ak#}"></script>
{#/if#}
<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
     var qrcode = ""
    var district = "{#$district#}"
    var category = "{#$category#}"
    var lat = "{#$lat#}"
    var lng = "{#$lng#}"
    var range = "{#$range#}"
    var keyword = "{#$keyword#}"
    var area_empty_url_c = "{#:P(['c1'=>null,'c2'=>null,'c3'=>null])#}"
    var area_empty_url_d = "{#:P(['d1'=>null,'d2'=>null,'d3'=>null])#}"
    var education = "{#$education#}"
    var experience = "{#$experience#}"
    var min = "{#$minwage#}"
    var max = "{#$maxwage#}"
    var settr = "{#$settr#}"
    var tag = "{#$tag#}"
    var district_name = "{#$district_name#}"
    var category_job_name = "{#$category_job_name#}"
    var show_mask = "{#$show_mask#}"
    var page = parseInt("{#$page#}") + 1
    var search_url1 = '{#:P([\'keyword\'=>\'_keyword_\'])#}'
    var search_url2 = '{#:P([\'keyword\'=>null])#}'
    var comprehensive_url = '{#:P([\'lat\'=>null,\'lng\'=>null,\'range\'=>null])#}'
    var config_map_type = "{#$global_config['map_type']#}"
    var location_url1 = '{#:P([\'lat\'=>\'_lat_\',\'lng\'=>\'_lng_\',\'range\'=>30])#}'
    var location_url2 = '{#:P([\'lat\'=>null,\'lng\'=>null,\'range\'=>30])#}'
    var job_url = "{#:url('mobile/job/index')#}"
    var job_show_url = "{#:url('mobile/job/show',['id'=>'_id_'])#}"
    var pageCacheData = '{#$pageCacheData#}'
    var config_is_open_map = "{#$global_config['is_open_map']#}"
</script>
{#load href="__ROOT__/assets/js/mobile/m_joblist.js" /#}
<style>
    .qrCodeWrapper {
        width: 256px;
        height: 298px;
        color: #282828;
        font-size: 19px;
        font-weight: bold;
        border-radius: 0;
    }

    .qrcodeDialogWrapper {
        padding: 20px;
        position: relative;
    }

    .qrcodeDialogWrapper .qrCodeClose {
        position: absolute;
        right: 12px;
        top: -32px;
    }

    .qrcodeDialogWrapper .videoInfo {
        display: block;
    }

    .qrcodeDialogWrapper img {
        width: 197px;
        height: 197px;
        display: block;
        margin: 0 auto;
    }

    .qrcodeDialogWrapper .img1 {
        width: 151px;
        height: 151px;
        display: block;
        margin: 0 auto;
    }

    .qrcodeDialogWrapper1 {
        padding: 20px;
    }

    .qrcodeDialogWrapper2 {
        padding: 45px;
    }

    .qrcodeDialogWrapper2 .rp2 {
        font-size: 14px;
        color: #636363;
        text-align: center;
        font-weight: 300;
    }
</style>