这段代码是员工订房功能的前端逻辑，主要用于酒店员工为客户预订房间，核心功能是展示可预订的房间列表并生成订单

src/main/resources/static/js/staff_room.js

@@ -1,3 +1,4 @@
+// 定义jQuery扩展方法：从URL参数中获取指定名称的值
 (function($){
 	$.getData=function(name){
 		var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
@@ -5,7 +6,7 @@
 		if (result!= null) return result[2]; return null;		
 	}
 })(jQuery);
-
+// 从URL参数中获取员工ID（当前登录员工）
 var staffid=$.getData("userid");
 var pageNum=1;
 var pageSize=8;
@@ -13,27 +14,30 @@ var choose;
 var l;
 
 $(document).ready(function(){
+// 加载可预订的房间列表
 	getroomList();
-
+// 初始化开始日期选择器（datepicker插件）
 	$('#dateStart').datepicker({
 		language: 'zh-CN',
 		format: 'yyyy-mm-dd',
 		autoclose: true
 	}).on('changeDate',function(e){
+	 // 选择开始日期后，设置结束日期的最小可选值为开始日期
 		var startTime = e.date;
 		$('#dateEnd').datepicker('setStartDate',startTime);
 	});
-
+// 初始化结束日期选择器（datepicker插件）
 	$('#dateEnd').datepicker({
 		language: 'zh-CN',
 		format: 'yyyy-mm-dd',
 		autoclose: true
 	}).on('changeDate',function(e){
+	 // 选择结束日期后，设置开始日期的最大可选值为结束日期
 		var endTime = e.date;
 		$('#dateStart').datepicker('setEndDate',endTime);
 	});
 
-
+// 绑定"上一页"按钮点击事件
 	$("#pre").on('click',function(){
 		getPre();
 	});
@@ -65,6 +69,7 @@ function isEmptyString(str){
 
 
 var list;
+// 从后端获取可预订的房间列表（状态为"未预定"）
 function getroomList(){
 	$.ajax({
 		type:"post",
@@ -76,6 +81,7 @@ function getroomList(){
 			"pageNum":pageNum,
 			"pageSize":pageSize			
 		},
+		 // 请求成功的回调函数
 		success:function(data){
 			if(isEmptyObject(data.List)&&pageNum>0){
 				pageNum=pageNum-1;
@@ -89,12 +95,15 @@ function getroomList(){
 				var state=" ";
 				var type=" ";
 				l=0;
+				// 默认显示分页按钮
 				$("#pre").css("display","block");
 				$("#next").css("display","block");
 				$("#roomList").empty();
 				$("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>");
 				state="未预定";
-				for(i in list){		
+				// 遍历房间列表生成表格内容
+				for(i in list){
+				// 转换房间类型编码为文本
 					if(list[i].type=="1")
 						type="单人间";
 					else if(list[i].type=="2")
@@ -103,11 +112,13 @@ function getroomList(){
 						type="大床房";
 					else
 						type="套房"
+						// 操作按钮：生成订单（绑定房间ID，点击打开弹窗）
 					btnStr="<input type=\"button\" class=\"btn btn-success\" data-roomid=\""+list[i].roomid+"\" id=\"chooseRoomBtn\" data-toggle=\"modal\" data-target=\"#chooseRoom\" value=\"生成订单\">";
 					htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
 					$("#roomList").append(htmlStr);
-					l++;
+					l++;// 累加记录数
 				}
+				// 分页按钮控制：第1页隐藏上一页，最后一页隐藏下一页
 				if(pageNum=="1") $("#pre").css("display","none");
 				if(pageSize>l) $("#next").css("display","none");
 				btnOn();
@@ -119,7 +130,7 @@ function getroomList(){
 		}
 	})
 }
-
+// 绑定页面操作按钮的点击事件
 function btnOn(){;
 	$("input").filter("#setPageBtn").on('click',function( ){
 		setPage( );
@@ -128,17 +139,17 @@ function btnOn(){;
 		chooseRoomBtn(event);
 	});
 }
-
+// 加载上一页数据
 function getPre(){
 	pageNum=pageNum-1;
 	getroomList();
 }
-
+// 加载下一页数据
 function getNext(){
 	pageNum=pageNum+1;
 	getroomList();	
 }
-
+// 跳转到指定页码
 function setPage(){
 	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
 		alert("请输入正确页码");
@@ -148,7 +159,7 @@ function setPage(){
 	}
 	
 }
-
+// 选择房间并填充订单弹窗信息
 function chooseRoomBtn(event){
 	var roomid=$(event.target).data("roomid");
 	choose=roomid;
@@ -158,7 +169,7 @@ function chooseRoomBtn(event){
 		}
 	}
 }
-
+// 提交添加订单请求
 function addOrder(){
 	if(isEmptyString($("#inputName").val())||isEmptyString($("#inputId").val())||isEmptyString($("#dateStart").val())||isEmptyString($("#dateEnd").val()))
 		alert("请填写全内容");
@@ -183,7 +194,9 @@ function addOrder(){
 					$("#inputId").val("");
 					$("#dateStart").val("");
 					$("#dateEnd").val("");
+					// 关闭订单弹窗
 					$('#chooseRoom').modal('toggle');
+					// 跳转到订单管理页面
 					window.location.href="staff_order.html";
 				}
 			},