jjhc
/
lw_test


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>晋江人力资本有限公司</title>
    <link rel="stylesheet" href="__HCSS__/style.css">
    <style>
        .container {width:1255px;height:605px;background-image:url("__HIMAGES__/index.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
        .inner-box {width:890px;height:546px;position:absolute;left:336px;top:32px;background:white;}
        .title-review {margin-top:10px;height:40px;background: #F6F6F6;border-radius: 20px;overflow:hidden;}
        .title-review ul {display:flex;justify-content:flex-start;height: 40px;align-items: center;}
        .title-review ul li {height: 40px;line-height: 40px;width: 72px;text-align: center;}
        .title-review ul li.active {background:#F27F0C;}
        .title-review ul li a {color:#A2A2A2;font-weight:bold;}
        .title-review ul li.active a{color:white;}
        .review {width:870px;margin:0 auto;}
        .review .review-box {width:870px;height:470px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:9px;overflow-y:auto;margin-top:10px;}
        .review-box .review-item {display:flex;}
        .review-box .flex-box {width: calc((100% - 10px) / 4);height:148px;margin-bottom: 5px;}
        .review-box .img-box {width:200px;height:148px;margin:0 auto;}
        .review-box .img-box .img {width:200px;height:116px;border-radius:20px;background-size:cover;background-position: center;}
        .review-box .img-box p {font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:32px;line-height:16px;}
        .back-box {position:absolute;left:388px;bottom:-15px;width:114px;height:48px;background:white;border-radius:20px;box-shadow:0 5px 2px #8A9CB2;display:flex;justify-content:center;align-items:center;}
        .back-box .back-text {width:104px;height:38px;line-height:38px;background:#F27F0C;border-radius:20px;color:white;font-size:20px;font-weight:bold;text-align:center;}
        .jucai {   position: absolute;right: -20px;bottom: -27px;}
        .layui-layer-imgtit a {max-width:100% !important;}
    </style>
</head>
<body>
<div class="container">
    <div class="inner-box">
        <div class="review">
            <div class="title-review">
                <ul>
                    {foreach $year_list as $key=>$year}
                        <li class="{eq name='year_id' value='$year.id'}active{/eq}"><a href="{:url('previous/index')}?year_id={$year.id}">{$year.name}</a></li>
                    {/foreach}
                </ul>
            </div>
            <div class="review-box">
                <div class="review-item">
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="1" style="background-image:url('__HIMAGES__/month/1.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="2" style="background-image:url('__HIMAGES__/month/2.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="3" style="background-image:url('__HIMAGES__/month/3.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="4" style="background-image:url('__HIMAGES__/month/4.png')"></div>
                        </div>
                    </div>
                </div>
                <div class="review-item">
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="5" style="background-image:url('__HIMAGES__/month/5.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="6" style="background-image:url('__HIMAGES__/month/6.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="7" style="background-image:url('__HIMAGES__/month/7.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="8" style="background-image:url('__HIMAGES__/month/8.png')"></div>
                        </div>
                    </div>
                </div>
                <div class="review-item">
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="9" style="background-image:url('__HIMAGES__/month/9.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="10" style="background-image:url('__HIMAGES__/month/10.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="11" style="background-image:url('__HIMAGES__/month/11.png')"></div>
                        </div>
                    </div>
                    <div class="flex-box">
                        <div class="img-box">
                            <div class="img" data-month="12" style="background-image:url('__HIMAGES__/month/12.png')"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="back-box">
            <a href="{:url('index/index')}" class="back-text">返回</a>
        </div>
        <img src="__HIMAGES__/jucai.png" class="jucai">
    </div>
</div>
<script src="__COMMON_JS__/jquery-1.12.4.min.js"></script>
<script src="__COMMON_JS__/layer/layer.js"></script>
<script>
    $('.img').click(function(){
        const month = $(this).data('month');
        location.href = "{:url('previous/list')}?year_id={$year_id}&month=" + month;
    });
</script>
</body>
</html>