{extend name="public/base"/}
{block name="css"}
<style>
</style>
{/block}
{block name="body"}
<van-nav-bar
        class="nav-theme"
        :fixed="true"
        :placeholder="true"
        left-text="返回"
        left-arrow
        @click-left="onBack"
>
    <template #title>
        <span class="text-white">招聘信息</span>
    </template>
</van-nav-bar>
<div v-if="agent.header_image">
    <van-image
            width="100%"
            :src="agent.header_image"
    ></van-image>
</div>
<van-search
        v-model="form.keyword"
        placeholder="请输入标题或公司名"
        @search="onSearch"
        @cancel="onCancel"
        show-action
>
    <template #action>
        <div @click="onCancel">重置</div>
    </template>
</van-search>

{include file="public/list_load" list="<recruit-list @detail='toDetail' :list='list'></recruit-list>" /}

<van-tabbar v-model="active" :placeholder="true">
    <van-tabbar-item icon="newspaper-o" url="{:url('worker/index')}">招聘信息</van-tabbar-item>
    <van-tabbar-item icon="user-o" url="{:url('worker/broker')}">经纪人</van-tabbar-item>
    <van-tabbar-item icon="search" url="{:url('worker/reportFind')}">报备查询</van-tabbar-item>
</van-tabbar>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = list_load('worker/listRecruit',{keyword:''});
        base.active = 0;
        base.agent = {$agent};

        //搜索
        base.onSearch = () => {
            base.onRefresh();
        };
        base.onCancel = () => {
            base.form.keyword = "";
            base.onRefresh();
        };

        //列表
        base.toDetail = (id) => {
            location.href = "{:url('/mobile/worker/recruitDetail')}?id=" + id;
        };


        //头部
        base.onBack = () => {
            location.href = "{:url('/mobile/my/index')}";
        };

        return base;
    }
</script>
{/block}
{block name="vue"}
    <script src="__COMPONENTS__/recruitList.js"></script>
{/block}