<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>招聘列表</title>
    <meta name="keywords" content="晋江人力"/>
    <meta name="description" content="晋江人力"/>
    <meta name="author" content="晋江人力资本有限公司"/>
    <link href="/static/jscss/common.css" rel="stylesheet">
    <link href="/static/jscss/ai.css" rel="stylesheet">
    <link href="/static/jscss/swiper.min.css" rel="stylesheet">
    <script type="text/javascript" src="/static/jscss/jquery-1.12.4.min.js"></script>
    <!--<script type="text/javascript" src="{{theme_asset('app/js/qrcode.min.js')}}"></script>-->
</head>
<body>


<div class="ai_container">
    <div class="ai_header">
        <img src="/static/images/ai/ai_header.png"/>
    </div>
    <p class="ai_title">
        晋江零工市场
    </p>
    <div class="ai_countdown">15</div>

    <div class="swiper-container ai_content">
        <div class="swiper-wrapper">
            {volist name="res" id="v1"}
                <div class="swiper-slide">
                    <div class="ai_content_box">
                        {volist name="v1" id="v2"}
                            <div class="content_item">
                                <h3 class="item_title">{$v2['title']}</h3>
                                <div class="item_left fl">
                                    <div class="left_title">
                                        <div class="item_content_title fl">类别</div>
                                        <div class="item_content_detail fr">{$v2['comjobsCate']['title']}</div>
                                    </div>
                                    <div class="left_content">
                                        <div class="item_content_title fl">薪资类型</div>
                                        <div class="item_content_detail fr">{$v2['wtype']}</div>
                                    </div>
                                    <div class="left_content">
                                        <div class="item_content_title fl">薪资</div>
                                        <div class="item_content_detail fr">{$v2['zwagall']}</div>
                                    </div>
                                    <div class="left_content">
                                        <div class="item_content_title fl"></div>
                                        <div class="item_content_detail fr"></div>
                                    </div>
                                    <div class="left_content">
                                        <div class="item_content_title fl">截止时间</div>
                                        <div class="item_content_detail fr">{$v2['enddate']}</div>
                                    </div>
                                </div>
                                <div class="item_right fl">
                                    <div class="tags">
                                        {volist name="v2.emp_time" id="tag"}
                                            <span class="tag">{$tag}</span>
                                        {/volist}
                                    </div>
                                    <div class="qrcode_box">
                                        <div id="qrcode_{$v2['id']}" class="qrcode">
                                            <img src="/web.php/active/qrcode?id={$v2['id']}" alt="">
                                        </div>
<!--                                        <script>-->
<!--                                            new QRCode(document.getElementById("qrcode_{{$v2['id']}}"), {-->
<!--                                                text: "{{route('mobile.jobs.company',['id'=>$v2['id']])}}",-->
<!--                                                width: 110,-->
<!--                                                height: 110,-->
<!--                                            });-->
<!--                                        </script>-->
                                        <p>请扫码了解详细，开启智能应聘！</p>
                                    </div>
                                    <div class="phone">
                                        <img src="/static/images/ai/ai_phone.png"/>
                                        招聘热线：扫码了解
                                    </div>
                                    <div class="address">
                                        <img src="/static/images/ai/ai_address.png"/>
                                        <p class="substring">公司地址：{$v2['address']}</p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        {/volist}
                    </div>
                </div>
            {/volist}
        </div>
    </div>

    <div class="page" style="text-align:center;">
        当前第<span id="current" style="font-weight:bold;color:#A41A16">1</span>页/总共{:count($res)}页
    </div>

    <!--<div class="ai_footer">-->
        <!--<div class="fr">-->
            <!--<div class="content_left fl content_box">-->
                <!--<p>主办单位：晋江经济开发区管委会</p>-->
                <!--<p>运营方：福建省晋江人力资本有限公司</p>-->
                <!--<p>联系方式：15396371857</p>-->
            <!--</div>-->
            <!--<div class="content_right fr content_box">-->
                <!--<div class="jucai_left fl">-->
                    <!--<img src="https://www.jucai.gov.cn/themes/default/assets/app/images/online2021/jucai_qrcode.png" alt="">-->
                <!--</div>-->
                <!--<div class="jucai_right fl">-->
                    <!--<p>更多招聘详情可上晋江聚才网（www.jucai.gov.cn）</p>-->
                    <!--<p>聚才找工作赠好礼 助力找工作稳就业</p>-->
                    <!--<p>免费找工作、找人才，还能抽奖，100%中奖，万份好礼免费拿！</p>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!--<img src="/static/images/ai/ai_footer_left.png" class="footer_left"/>-->
</div>
<script type="text/javascript" src="/static/jscss/swiper.min.js"></script>
<script>
    //    初始化SWiper
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        // autoplay:3000,
    });
    var time = $('.ai_countdown').text();
    var total_page = {:count($res)};
    var current = 1;
    setInterval(function () {
        time--;
        if (time < 1) {
            mySwiper.slideNext();
            current++;
            if (current > total_page) {
                current = 1;
            }
            $('#current').text(current);
            time = 15;
        }
        $('.ai_countdown').text(time);
    }, 1000)
</script>

<!--<script type="text/javascript" src="{{theme_asset('app/js/jquery.modal.dialog.js')}}"></script>-->

</body>
</html>
