You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
189 lines
6.2 KiB
189 lines
6.2 KiB
<!DOCTYPE html>
|
|
<html lang="zh-cn">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<!--#include file="/widget/head.html"-->
|
|
<!--#include file="/widget/email-tail.html"-->
|
|
<script type="text/javascript" src="../js/notice/xm-select.js"></script>
|
|
<script type="text/javascript" src="../js/load_realmlist.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="../css/fullcalendar.css">
|
|
<script src='../js/jquery-ui-1.10.2.custom.min.js'></script>
|
|
<script src='../js/fullcalendar.min.js'></script>
|
|
<style>
|
|
#calendar{width:auto; margin:20px auto 10px auto}
|
|
#realmlistdiv input { width: 20px !important; height: 20px !important; margin-right: 15px; }
|
|
#TimeTypediv input { width: 20px !important; height: 20px !important; margin-right: 15px; }
|
|
</style>
|
|
</head>
|
|
<body class="layui-layout-body" layadmin-themealias="default">
|
|
<div id="wrapper">
|
|
<!--#include file="/widget/nav.html"-->
|
|
<div id="page-wrapper" class="layui-body layadmin-tabsbody-item layui-show layui-fluid layui-row layui-col-space15">
|
|
<div class="layui-card">
|
|
<div class="row">
|
|
<div class="col-lg-11">
|
|
<h2 class="page-header">活动排期</h2>
|
|
</div>
|
|
</div>
|
|
<div class="layui-card-body">
|
|
<div class="form-group">
|
|
|
|
<div class="col-sm-10" id="realmlistdiv">
|
|
<label class="col-sm-1 control-label">服务器</label>
|
|
<div id="realmlistSelect" style="display: inline-block;width: 300px;margin-left: 20px;"></div>
|
|
<div id="realmlistRule" style="display: inline-block;margin-left: 20px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form">
|
|
<div class="layui-form-item layui-inline" style="width:400px;">
|
|
<label class="layui-form-label" style="width: 120px; margin-left: 1px">开始时间</label>
|
|
<div class="layui-inline" style="width:220px;">
|
|
<input type="text" name="title" id="stadate" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-inline" style="width:400px;">
|
|
<label class="layui-form-label" style="width: 120px;">结束时间</label>
|
|
<div class="layui-inline" style="width:220px;">
|
|
<input type="text" name="title" id="enddate" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-inline" style="width:100px;">
|
|
<div class="layui-inline" style="width:100px;">
|
|
<button class="layui-btn" type="button" id="query">查询</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="main" style="width:1060px">
|
|
<div id='calendar' ></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
layui.laydate.render({
|
|
elem: '#startTime',
|
|
type: "datetime"
|
|
});
|
|
layui.laydate.render({
|
|
elem: '#endTime',
|
|
type: "datetime"
|
|
});
|
|
layui.laydate.render({
|
|
elem: '#strTriggerTime',
|
|
type: "datetime"
|
|
});
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
Load_realmlist();
|
|
|
|
$("#query").click(function () {
|
|
var token=cookie.get("token");
|
|
|
|
var _realmlist = realmlistSelect?.getValue('value');
|
|
_realmlist.sort((a, b) => a - b);
|
|
let realmlist = _realmlist.join(',');
|
|
if(realmlist=="0") {
|
|
realmlist = ''
|
|
}
|
|
|
|
var stadate = $("#stadate").val();
|
|
var enddate = $("#enddate").val();
|
|
$.ajax({
|
|
type: "get",
|
|
url: Page.SvrIp+"/api/select_activity",
|
|
data: {
|
|
token: token,
|
|
realmId: realmlist,
|
|
beginTime: stadate,
|
|
endTime: enddate
|
|
},
|
|
dataType: "json",
|
|
success: function (d) {
|
|
if (d.ret == 0) {
|
|
layer.msg("success")
|
|
View(d.data);
|
|
}
|
|
},
|
|
error: function () {
|
|
layer.msg("error")
|
|
}
|
|
});
|
|
});
|
|
|
|
var _d = new Date();
|
|
var month=(_d.getMonth() + 1);
|
|
if(month<10){
|
|
month="0"+month;
|
|
}
|
|
|
|
var day=_d.getDate();
|
|
if(day<10){
|
|
day="0"+day;
|
|
}
|
|
|
|
|
|
layui.laydate.render({
|
|
elem: '#stadate',
|
|
value: _d.getFullYear() + "-" + month+ "-" + day
|
|
});
|
|
layui.laydate.render({
|
|
elem: '#enddate',
|
|
value: _d.getFullYear() + "-" + month + "-" + day
|
|
});
|
|
|
|
});
|
|
|
|
function View(data){
|
|
var date = new Date();
|
|
var d = date.getDate();
|
|
var m = date.getMonth();
|
|
var y = date.getFullYear();
|
|
var item=new Array();
|
|
for (const dk in data) {
|
|
var dd=data[dk];
|
|
|
|
item.push({
|
|
id: dd.id,
|
|
title: dd.name,
|
|
start: new Date(dd.start),
|
|
end: new Date(dd.end)
|
|
});
|
|
debugger
|
|
}
|
|
var stadate = $("#stadate").val();
|
|
var startDate = new Date(stadate);
|
|
var sy=startDate.getFullYear();
|
|
var sm=startDate.getMonth();
|
|
|
|
$('#calendar').html('');
|
|
|
|
$('#calendar').fullCalendar({
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'month'
|
|
},
|
|
year:sy,
|
|
month:sm,
|
|
firstDay:1,
|
|
editable: true,
|
|
timeFormat: 'H:mm',
|
|
axisFormat: 'H:mm',
|
|
events: item,
|
|
});
|
|
}
|
|
|
|
</script>
|
|
<link href="../bower_components/select2/select2.min.css" rel="stylesheet" type="text/css">
|
|
<script type="text/javascript" src="../bower_components/select2/select2.min.js"></script>
|
|
</body>
|
|
</html>
|
|
|