puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
							<!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>
        .laydate-day-mark::after {
            background-color: #ff0000;
        }
    </style>
</head>

<body layout:fragment="content">

<article class="page-container">
    <div class="row cl">
        <div class="col-xs-3 col-sm-3">
            <div id="datebox"></div>
        </div>
        <div class="col-xs-9 col-sm-9">
            <div class="cl pd-5 bg-1 bk-gray">
            <span class="l">
                <a onclick="activity_add()" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增</a>
                <span id="currentTime"></span>
            </span>
                <span class="r">共有数据：<strong id="total"></strong> 条</span><!--  -->
            </div>
            <table class="table table-border table-bordered table-bg table-hover">
                <thead>
                <tr>
                    <th>活动</th>
                    <th width="80">操作</th>
                </tr>
                </thead>
                <tbody id="dataTable">

                </tbody>
            </table>
        </div>
    </div>
</article>
<script>

    var mark = {};
    var arr = new Array();
    var total = 0;
    /*laydate.render({
        elem: '#datebox',
        position: 'static',
        mark: {
            // '0-10-14': '生日',
            // '0-12-31': '跨年', //每年的日期
            // '0-0-10': '工资,', //每月某天
            // '0-0-15': '月中',
            '2018-4-15': '活动', //如果为空字符，则默认显示数字+徽章
            '2018-4-25': '活动'
        }
    });*/

    $(function () {
        getAllEvents();
    })

    //获取有活动的日期
    function getAllEvents() {
        $.ajax({
            url: pagePath + "/government/activity/getAllEvents",
            type: "get",
            dataType: "json",
            success: function (result) {
                if (result.success) {
                    var list = result.obj;
                    if (list.length > 0) {
                        for (var i = 0; i < list.length; i++) {
                            //mark[list[i]] = "";
                            arr.push(list[i])
                        }
                    }
                    renderDate();
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }

    //初始化日期插件
    function renderDate() {
        /*laydate.render({
            elem: '#datebox',
            position: 'static',
            mark: mark,
            ready: function (date) {
                var year = date.year;
                var month = date.month;
                var date = date.date;
                if (month <= 9) {
                    month = "0" + month;
                }
                if (date <= 9) {
                    date = "0" + date;
                }
                var value = year + "-" + month + "-" + date;
                getEventList(value);
                $("#currentTime").html(value);
            },
            change: function (value, date, endDate) {
                //console.log(value); //得到日期生成的值，如：2017-08-18
                //console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                //console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
                getEventList(value);
                $("#currentTime").html(value);
            }
        });*/
        WdatePicker({
            eCont: 'datebox', onpicked: function (dp) {
                //alert('你选择的日期是:' + dp.cal.getDateStr())
                var date = dp.cal.getDateStr();
                getEventList(date);
            },
            specialDates: arr
        })
    }

    function getEventList(value) {
        $.ajax({
            url: pagePath + "/government/activity/getEventList",
            type: "post",
            dataType: "json",
            data: {
                activity_starttime: value
            },
            success: function (result) {
                if (result.success) {
                    var list = result.obj;

                    renderList(list);
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }

    function renderList(obj) {
        $("#dataTable").empty();
        var str = '';
        total = obj.length;
        if (obj.length > 0) {
            for (var i = 0; i < obj.length; i++) {
                str += '<tr>'
                str += '<td><a onclick="gotoDetail(' + obj[i].id + ')">' + obj[i].activity_title + '</a></td>'
                str += '<td class="td-manage"><a onclick="gotoDetail(' + obj[i].id + ')">查看详情</a></td>'
                str += '</tr>'
            }
        }
        $("#total").html(total)
        $("#dataTable").append(str);
    }

    function gotoDetail(id) {
        top.location.href = pagePath + "/home/activityDetail/" + id;
    }

    function activity_add(title, url, w, h) {
        var index = layer_show('新增', pagePath + '/government/activity/add', w, h);
        layer.full(index);
    }
</script>
</body>
</html>