puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>活动详情</title>
    <style>
        #timer span {
            background-color: #0c80fe;
            color: #fff;
            padding: 0 5px;
        }
    </style>
</head>

<body layout:fragment="content">

<article class="page-container">
    <div id="activity_top" class="row">
        <div class="col-sm-5 col-md-5 col-lg-5" id="poster">

        </div>
        <div class="col-sm-7 col-md-7 col-lg-7 home-activity-left">
            <h2 class="activity-title" id="activity_title">1</h2>
            <p id="activity_time"><i class="iconfont">&#xe62d;</i>2</p>
            <p id="activity_location"><i class="iconfont">&#xe6e5;</i>3</p>
            <p id="activity_quota"><i class="iconfont">&#xe722;</i>4</p>
            <p id="activity_remain"><i class="iconfont">&#xe722;</i>5</p>
            <div style="margin-bottom: 20px;">距离报名结束还剩 <span id="timer"><span>0天</span>：<span>0小时</span>：<span>0分</span>：<span>0秒</span></span>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="centerContent" style="padding-top: 20px;">
                <div id="content">
                </div>
            </div>
        </div>
    </div>
    <div class="row cl">
        <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
            <a onclick="removeIframe();" class="btn btn-default radius" type="button">返回</a>
        </div>
    </div>
</article>
<script th:inline="javascript">

    $(function () {
        var activity_title = parent.$("#activity_title").val();
        var activity_location = parent.$("#activity_location").val();
        var activity_starttime = parent.$("#activity_starttime").val();
        var activity_endtime = parent.$("#activity_endtime").val();
        var activity_deadline = parent.$("#activity_deadline").val();
        var is_quota = parent.$("#is_quota").val();
        var activity_quota = parent.$("#activity_quota").val();
        var content = parent.$("#content").val();
        var src = parent.$("img").attr("src");
        /*fileListPre
        preImg*/

        $("#activity_title").html(activity_title);
        $("#activity_location").html('<i class="iconfont">&#xe6e5;</i>' + activity_location);
        $("#activity_time").html('<i class="iconfont">&#xe62d;</i>' + activity_starttime.substring(0, 4) + "年" + activity_starttime.substring(5, 7) + "月" + activity_starttime.substring(8, 10) + "日" + " " + activity_starttime.substring(10, 16) + "～" + activity_endtime.substring(0, 4) + "年" + activity_endtime.substring(5, 7) + "月" + activity_endtime.substring(8, 10) + "日" + " " + activity_endtime.substring(10, 16));
        if (is_quota == '1') {
            $("#activity_quota").html('<i class="iconfont">&#xe722;</i>限额' + activity_quota + "人")
        } else {
            $("#activity_quota").html('<i class="iconfont">&#xe722;</i>名额不限')
        }
        $("#content").html(content);
        if (is_quota) {
            $("#activity_remain").html('<i class="iconfont">&#xe722;</i>剩余' + activity_quota + "个名额")
        } else {
            $("#activity_remain").text("")
        }
        var str = ""
        if (src) {
            str = '<img style="padding: 30px 0px 0px 30px;"  src="' + src + '" class="notice-img"/>'
        } else {
            str = '<div style="padding: 30px 0px 0px 30px;"   class="notice-img"/>'
        }
        $("#poster").append(str);

        var d1 = new Date(Date.parse(activity_deadline.replace(/-/g, "/")))
        var d2 = new Date()
        time = parseInt((d1.getTime() - d2.getTime()) / 1000, 10)

        if (time <= 0) {
            $("#timer").html("<span>" + 0 + "天</span>：<span>" + 0 + "小时</span>：<span>" + 0 + "分</span>：<span>" + 0 + "秒</span>")
        } else {
            countDown(time)
        }
    });

    function countDown(times) {
        var timer = null;
        timer = setInterval(function () {
            var day = 0,
                hour = 0,
                minute = 0,
                second = 0;//时间默认值
            if (times > 0) {
                day = Math.floor(times / (60 * 60 * 24));
                hour = Math.floor(times / (60 * 60)) - (day * 24);
                minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
                second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
            }
            if (day <= 9) day = '0' + day;
            if (hour <= 9) hour = '0' + hour;
            if (minute <= 9) minute = '0' + minute;
            if (second <= 9) second = '0' + second;
            //
            $("#timer").html("<span>" + day + "天</span>：<span>" + hour + "小时</span>：<span>" + minute + "分</span>：<span>" + second + "秒</span>")
            times--;
        }, 1000);
        if (times <= 0) {
            clearInterval(timer);
        }
    }

    /**
     * 取消
     */
    function removeIframe() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }
</script>
</body>
</html>