{extend name="public/base"/}
{block name="css"}
<link rel="stylesheet" href="/static/home/css/index.css">
{/block}
{block name="body"}
<div class="content-box">
    <div class="block text-center">
        <el-carousel height="300px">
            {volist name="slide" id="item"}
            <el-carousel-item>
                <img class="carousel-image" src="{$item.image}" @click="toUrl('{$item.url}')">
            </el-carousel-item>
            {/volist}
        </el-carousel>
    </div>
    <div class="home_title">
        <div class="title_ch">最新招聘</div>
        <div class="title_en">RECRUIT</div>
    </div>
    <el-row :gutter="20">
        {volist name="recruit" id="item"}
        <el-col style="margin-top:20px;" :span="8">
            <div class="famousbox">
                <div class="famousbox_top">
                    <a href="{:url('recruit/detail')}?id={$item.id}" target="_blank" class="famousbox_top_title">
                        {$item.name}
                    </a>
                </div>
                <div class="famousbox_bottom">
                    <a href="{:url('recruit/detail')}?id={$item.id}" target="_blank" class="famousbox_middle">
                        报名时间：{$item['apply_time'][0]} - {$item['apply_time'][1]}
                    </a>
                    <div class="recruit-btn-group">
                        <a href="{:url('recruit/detail')}?id={$item.id}" class="btn btn-primary" target="_blank">{$item.current_text}</a>
                        <!--<a href="http://hxks.hxrc-app.com/content/recruit/show?id=428" class="btn btn-primary-plain" target="_blank">公告</a>
                        <a href="http://hxks.hxrc-app.com/content/recruit/post?recruit_id=428" class="btn btn-primary-plain" target="_blank">岗位</a>
                        <a href="http://hxks.hxrc-app.com/content/recruit/statistics?recruit_id=428" class="btn btn-primary-plain btn-big" target="_blank">人数统计</a>-->
                    </div>
                </div>
            </div>
        </el-col>
        {/volist}
    </el-row>
    <a href="{:url('recruit/index')}" class="box_more" target="_blank">查看更多&gt;</a>
    <div class="home_title">
        <div class="title_ch">通知公告</div>
        <div class="title_en">NOTICE</div>
    </div>
    <el-row :gutter="20">
        <el-col :span="16">
            <div class="title-box">
                <h3>招考公告</h3>
                <a href="{:url('news/index')}">更多+</a>
            </div>
            <el-row :gutter="20">
                {volist name="news" id="item"}
                <el-col style="margin-top:20px;" :span="24">
                    <div class="famousbox">
                        <div class="famousbox_top">
                            <a href="{:url('news/detail')}?id={$item.id}" target="_blank" class="famousbox_top_title">
                                {$item.title}
                            </a>
                        </div>
                        <div class="famousbox_bottom">
                            <a href="{:url('news/detail')}?id={$item.id}" target="_blank" class="famousbox_middle">
                                日期：{$item.update_show} 浏览 {$item.volume}次
                            </a>
                            <div class="recruit-btn-group">
                                <a href="{:url('recruit/detail')}?id={$item.recruit.id}" target="_blank" class="notice-recruit">
                                    {$item.recruit.name}
                                </a>
                            </div>
                        </div>
                    </div>
                </el-col>
                {/volist}
            </el-row>
        </el-col>
        <el-col :span="8">
            <div class="title-box">
                <h3>系统通知</h3>
                <a href="{:url('notice/index')}">更多+</a>
            </div>
            <ul class="notice" style="margin-top:5px; ">
                {volist name="notice" id="item"}
                <li><el-icon><bell-filled></bell-filled></el-icon><a href="{:url('notice/detail')}?id={$item.id}" target="_blank">{$item.title}</a></li>
                {/volist}
            </ul>
        </el-col>
    </el-row>
</div>

{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};
        base.toUrl = (url) => {
            if (url) {
                open(url);
            }
        };

        return base;
    }
</script>
{/block}