{layout name="layout" /}

<div class="fixed-height"></div>

<section class="inner-banenr">
    <img src="{$category.src}" alt="{$category.title}">
</section>

<section class="inner-nav">
    <div class="wrap">
        <div class="left">
            <img src="__STATIC__/web/__STATIC__/web/img/home.png" alt="">
            <div>
                您当前位置：<a href="/">首页</a> | <span>{$parentCategory.title}</span>
            </div>
        </div>

        {include file="public/search"}
    </div>
</section>

<section class="inner-nav2 mt30">
    <div class="wrap">
        {foreach $categoryChildren as $child}
        <a href="/info.html?category_id={$child.id}" class="{if $child['id'] == $category['id']}curr{/if}">{$child.title}</a>
        {/foreach}
    </div>
</section>

<!-- 主要内容 -->
<section class="party-list">
    <div class="wrap">
        <div class="platform-banner">
            <div class="img"><img src="__STATIC__/web/images/zc-img.jpg" alt=""></div>
            <div class="text">{$category.title}</div>
            <div class="us">
                <a href="{$extraBase['login_url_zbr'] ?: 'javascript:;'}" target="_blank">招标人登录</a>
                <a href="{$extraBase['login_url_zj'] ?: 'javascript:;'}" target="_blank">专家登录</a>
                <a href="{$extraBase['login_url_jj'] ?: 'javascript:;'}" target="_blank">纪检登录</a>
                <a href="{$extraBase['login_url_jdr'] ?: 'javascript:;'}" target="_blank">监督人登录</a>
            </div>
        </div>

        {foreach $cateList as $cate}
        <div>
            <div class="title2 mt80"><span>{$cate.title}</span></div>
            <div class="talent-list pt20">

            </div>

            <div id="cate-{$cate['id']}"  class="pageing wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0" lay-filter="test-{$cate['id']}"></div>
 
            
            <script>
                layui.use('laypage', function(){
                    var laypage = layui.laypage;

                    //执行一个laypage实例
                    laypage.render({
                        elem: 'cate-'+'{$cate.id}' //注意，这里的 test1 是 ID，不用加 # 号
                        ,count: {$cate.total ?? 0} //数据总数，从服务端得到
                        ,limit: 2 //每页显示数量
                        ,jump: function(obj, first){
                            //obj包含了当前分页的所有参数，比如：
                            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                            // console.log(obj.limit); //得到每页显示的条数
                            if ({$cate.total ?? 0} > 0) {
                                $.post('/info/getNotice', {cate: '{$cate.id}', page:obj.curr, size:obj.limit, keyword: '{$keyword ?? ""}'}, function (res) {
                                    if (res.code === 0 && res.data.total > 0) {
                                        let html = '';
                                        $.each(res.data.data, function (index, item) {
                                            html += `
                                                <div class="boxs">
                                                    <div class="talent-top">
                                                        <h3 class="tit">${item.title}</h3>
                                                        <div class="text">
                                                            <div class="link">查看详情 >></div>
                                                            <div class="time">
                                                                <span><img src="__STATIC__/web/img/time.jpg" alt="">${item.create_at}</span>
                                                            </div>
                                                        </div>
                                                        <div class="int">${item.status}</div>
                                                    </div>

                                                    <div class="talent-bottom">
                                                        <div class="cotent">
                                                           ${item.content}
                                                        </div>
                                                    </div>
                                                </div>
                                                `;
                                        });
                                        $('#cate-'+'{$cate.id}').prev('.talent-list').html(html);
                                    }
                                })
                            }

                            //首次不执行
                            if(!first){
                                //do something
                            }
                        }
                    });
                });
            </script>
        </div>
        {/foreach}


        <div>
            <div class="title2 mt80"><span>下载专区</span></div>
            <div class="download mt50">
                {foreach $downloadList as $download}
                <div class="boxs">
                    <a href="/download/file.html?id={$download.id}">
                        <div class="img"><img src="{$download.src}" alt="{$download.title}"></div>
                        <div class="text">{$download.title}</div>
                    </a>
                </div>
                {/foreach}
            </div>
        </div>

        <div class="zc-text mt80">
            <span>工作时间:{$extraBase['worktime'] ?? ''}</span>
            <span>  联系电话:{$extraBase['info_tel'] ?? ''}</span>
            <span>邮箱:{$extraBase['info_email'] ?? ''}</span>
            <span>联系地址:{$extraBase['info_address'] ?? ''}</span>
        </div>
    </div>
</section>