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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%@ 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>