You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

334 lines
12 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Room.aspx.cs" Inherits="TradeManage.SysManage.Room" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>会议室预约</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../themes/New.css" />
<link rel="stylesheet" type="text/css" href="../themes/DataGrid.css" />
<link rel="stylesheet" type="text/css" href="../Scripts/fancybox/jquery.fancybox-1.3.4.css" />
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../Scripts/DataGrid.js" type="text/javascript"></script>
<script src="../Scripts/DataPager.js" type="text/javascript"></script>
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>
<script src="../Scripts/Global.js" type="text/javascript"></script>
<script src="../Scripts/jquery.url.js" type="text/javascript"></script>
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
<script src="../Scripts/DatePicker/WdatePicker.js" type="text/javascript"></script>
<script src="../Scripts/fancybox/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
<script type="text/javascript">
var UserType = '<%= Convert.ToString(Session["UserType"]) %>';
var UserId = '<%= Convert.ToString(Session["UserId"]) %>';
var datagrid1 = new nblf.ui.DataGrid("DataGrid1");
var WindowLoadModel = new WindowLoad();
$(document).ready(function () {
WindowLoadModel.ApplicationPath = "../";
WindowLoadModel.ControlID = "WindowLoad";
WindowLoadModel.Isbgiframe = true;
WindowLoadModel.Load();
ajaxInit(WindowLoadModel);
CreateDataGrid();
ReadData();
$("#a_add").click(function () {
$("#txt_SDate").val("");
$("#txt_EDate").val("");
$("#txt_desc").val("");
open();
});
$("#" + datagrid1.TableID + " input[CommandName]").live("click", function () {
var index = $(this).parentsUntil("tr").parent().attr("index");
Model = datagrid1.Get_Model(index);
var ColName = $(this).attr("CommandName");
if (ColName == "cmdDel") {
if (UserType!='M'&&UserId!=Model.UserId)
{
alert("只能删除自己预约的记录,除非您有管理员权限");
return;
}
Delete(Model.ID);
}
});
});
function open() {
$.fancybox({
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'href': '#test',
'onStart': function () {
}
});
}
function ReadData() {
var param = new Object();
param.RoomId = 1;
WindowLoadModel.Show();
$.ajax({
url: "OA_Manage.asmx/GetMeetList",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
datagrid1.DataBind(data.d);
}
});
}
function GetHour() {
for (var i = 0; i < 24; i++) {
if (i == 17)
$("#select_shour").append("<option value='" + i + "' selected='selected'>" + i.toString() + "时</option>");
else
$("#select_shour").append("<option value='" + i + "'>" + i.toString() + "时</option>");
if (i == 20)
$("#select_ehour").append("<option value='" + i + "' selected='selected'>" + i.toString() + "时</option>");
else
$("#select_ehour").append("<option value='" + i + "'>" + i.toString() + "时</option>");
}
for (var i = 0; i < 60; i++) {
if (i == 30)
$("#select_smin").append("<option value='" + i + "' selected='selected'>" + i.toString() + "分</option>");
else
$("#select_smin").append("<option value='" + i + "'>" + i.toString() + "分</option>");
if (i == 30)
$("#select_emin").append("<option value='" + i + "' selected='selected'>" + i.toString() + "分</option>");
else
$("#select_emin").append("<option value='" + i + "'>" + i.toString() + "分</option>");
}
}
function GetDeptCharge() {
if (UserId == 39 || UserId == 26) {
$("#tr_check").hide();
return;
}
var param = new Object();
param.UserId = UserId;
$.ajax({
url: "OA_Manage.asmx/GetLeaveCharge",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
if (data.d != null) {
if (data.d.length > 1)
$("#select_check").append("<option value='0'>-选择-</option>");
$(data.d).each(function () {
$("#select_check").append("<option value='" + this.UserId + "' duty='" + this.Duty + "'>" + this.Name + "</option>");
});
}
else
$("#select_check").append("<option value='0'>-选择-</option>");
}
});
}
function save() {
if ($("#txt_SDate").val() == "") {
alert("请填写会议开始时间");
return;
}
if ($("#txt_EDate").val() == "") {
alert("请填写会议结束时间");
return;
}
if ($("#txt_desc").val() == "") {
alert("请填写使用说明");
return;
}
var param = new Object();
var model = new Object();
model.ID = 0;
model.RTId = 1;
model.StartTime = $("#txt_SDate").val();
model.EndTime = $("#txt_EDate").val();
model.Description = $("#txt_desc").val();
param.model = model;
$.ajax({
url: "OA_Manage.asmx/SaveRoom",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
if (data.d == 0) {
alert("预约时间跟已经预约的有冲突");
}
else {
alert("预约成功");
ReadData();
$.fancybox.close();
}
}
});
}
function CreateDataGrid() {
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "预约人";
col.CellTemplate = "<span>{Bind Name}</span>";
Array.add(datagrid1.Columns, col);
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "预约时间";
col.CellTemplate = "<span>{Bind StartTime,yyyy-MM-dd HH:mm}---{Bind EndTime,yyyy-MM-dd HH:mm}</span>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "说明";
col.CellTemplate = "<span>{Bind Description}</span>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "操作";
col.Width = "80px";
col.CellTemplate = "<input CommandName='cmdDel' class='btnClass dgbtnDel' type='button' value='删除'></input>";
Array.add(datagrid1.Columns, col);
datagrid1.IsFixHeader = false;
datagrid1.ShowIndexColumn = false;
datagrid1.AllowPaging = false;
datagrid1.Width = "100%";
datagrid1.SelectMode = nblf.ui.SelectMode.None;
datagrid1.Init();
}
function Delete(Id) {
if (window.confirm("确定要删除吗?") == false) return;
var param = new Object();
param.ID= Id;
WindowLoadModel.Show();
$.ajax({
url: "OA_Manage.asmx/DeleteRoom",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
ReadData(); //刷新DataGrid
}
});
}
</script>
</head>
<body>
<div style="display: none;">
<div id="test" title="编辑" style="width:520px;height:250px;">
<table id="tb2" class="tableAll" style="width: 95%;">
<colgroup>
<col style="width: 80px;" />
<col />
</colgroup>
<tr>
<td class="f1"><span style="color: Red;">*</span>预约时间段:
</td>
<td>
<input id="txt_SDate" class="editTextbox" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" style="width: 150px;" type="text" />-<input id="txt_EDate" class="editTextbox" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" style="width: 150px;" type="text" />
</td>
</tr>
<tr>
<td class="f1"><span style="color: Red;">*</span>使用说明:
</td>
<td>
<textarea id="txt_desc" cols="18" rows="6" style="width: 100%"></textarea>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input id="cmdSave" class="btnClass btnClassSave" type="button" value="保存" onclick="save();"/>
</td>
</tr>
</table>
</div>
</div>
<div class="title_ico">
会议室预约
</div>
<table border="0" cellpadding="0" cellspacing="0" style="width: 99%;">
<tr>
<td align="center">
<table width="99%" class="tableAll" border="1" cellpadding="2" ellspacing="0">
<tr>
<td width="100" class="f1">会议室:</td>
<td>会议室1</td>
</tr>
<tr>
<td class="f1">地点:</td>
<td>二楼</td>
</tr>
<tr>
<td class="f1">备注:</td>
<td>使用前必须预约</td>
</tr>
<tr>
<td class="f1">预定情况:</td>
<td> <img alt="" src="../images/add.ico"><a style="cursor: pointer;" id="a_add">添加预约</a><br />
<div id="DataGrid1" class="DataGridStyle"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>