{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/mobile/m_companylist.css" /#}
<!-- <script src="js/header.js"></script> -->
<div class="content" id="app" v-cloak>
    <!-- 职位 -->
    <div class="job-box">
        <div class="job-header-box">
            <div class="job-header">
                <div class="backBtn" onclick="history.back()"></div>
                <input value="{#$keyword#}" class="search-com" type="text" placeholder="输入企业名称">
                <button class="search-btn">搜索</button>
            </div>
            <div class="job-title">
                <div class="left-box">
                    <span class="job-title-text job-title-text-act" data-id="1">综合</span>
                </div>
                <div class="filter-box">
                    <a class="filter-item" @click="showAreaPopupClick()">{{areaName}}</a>
                    <a @click="showIndustryClick" class="filter-item">{{industry_text}}</a>
                    <a @click="showOtherPopupClick" class="filter-item">{{otherLabel}}</a>
                </div>
            </div>
        </div>
        <div class="joblist-box">
            {#if condition="count($return.items) gt 0"#}
            <div class="company-list">
                {#include file="company/ajaxCompanyPage" /#}
            </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#}
                <van-empty description="没有找到对应数据" image="__ROOT__/assets/images/mobile/empty-image-search.png"></van-empty>
            {#/if#}
        </div>
    </div>
    <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 optionScale" :key="index"
                                @click="restructureData(optionScale,item.id,'scale','optionScale')">
                                {{ 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 optionNature" :key="index"
                                @click="restructureData(optionNature,item.id,'nature','optionNature')">
                                {{ 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 class="otherPopup" v-model="industryPopup" position="bottom">
        <van-picker
                value-key="name"
                show-toolbar
                :default-index="trade"
                :columns="optionTrade"
                @confirm="onConfirm"
                @cancel="onCancel"
        ></van-picker>
    </van-popup>
    <van-popup v-model="show" round position="bottom">
        <div class="categorys"></div>
    </van-popup>
</div>
<!-- 客服弹窗 -->
<script src="__ROOT__/assets/js/mobile/dialog_kefu.js"></script>
<!-- 打电话弹窗 -->
<script src="__ROOT__/assets/js/mobile/dialog_tel.js"></script>
<!-- 查看更多弹窗 -->
<script src="__ROOT__/assets/js/mobile/dialog_more.js"></script>
<script>
    var trade = "{#$trade#}"
    var scale = "{#$scale#}"
    var nature = "{#$nature#}"
    var district = "{#$district#}"
    var keyword = "{#$keyword#}"
    var district_name = "{#$district_name#}"
    var area_empty_url = "{#:P(['d1'=>null,'d2'=>null,'d3'=>null])#}"
    var company_index = "{#:url('mobile/company/index')#}"
    var p_url_keyword1 = '{#:P([\'keyword\'=>\'_keyword_\'])#}'
    var p_url_keyword2 = '{#:P([\'keyword\'=>null])#}'
    var page = parseInt("{#$page#}")+1
    var company_show_url = "{#:url('mobile/company/show',['id'=>'_id_'])#}"
    var pageCacheData = '{#$pageCacheData#}'
</script>
<style>
    body{
        padding: 1.05rem 0 0 0;
    }
</style>
{#load href="__ROOT__/assets/js/mobile/m_companylist.js" /#}