From 100f736be5905c352614df04603ee2af05df8cb6 Mon Sep 17 00:00:00 2001
From: gaoyating <927787984@qq.com>
Date: Wed, 22 Oct 2025 23:52:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81=E6=98=AF?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB=E8=A6=81?=
 =?UTF-8?q?=E7=94=A8=E4=BA=8E=E5=B1=95=E7=A4=BA=E6=89=80=E6=9C=89=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E4=BF=A1=E6=81=AF=EF=BC=8C=E5=B9=B6=E6=8F=90=E4=BE=9B?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=8A=B6=E6=80=81=E4=BF=AE=E6=94=B9=E3=80=81?=
 =?UTF-8?q?=E6=88=BF=E9=97=B4=E8=AF=A6=E6=83=85=E6=9F=A5=E7=9C=8B=E5=92=8C?=
 =?UTF-8?q?=E5=88=86=E9=A1=B5=E6=B5=8F=E8=A7=88=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/js/staff_order.js | 30 +++++++++++++++------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/main/resources/static/js/staff_order.js b/src/main/resources/static/js/staff_order.js
index 4b43462..ebcbfaa 100644
--- a/src/main/resources/static/js/staff_order.js
+++ b/src/main/resources/static/js/staff_order.js
@@ -3,6 +3,7 @@ var pageSize=8;
 var l;
 
 $(document).ready(function(){
+ // 加载订单列表数据
 	getorderList();
 	$("#pre").on('click',function(){
 		getPre();
@@ -16,14 +17,16 @@ $(document).ready(function(){
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
 	var t;
+	// 遍历对象，若存在属性则非空
 	for (t in e)
 		return 0;
 	return 1;
 }
 
 
-
+// 全局变量：存储订单列表数据
 var list;
+// 从后端获取订单列表并展示
 function getorderList(){
 	$.ajax({
 		type:"post",
@@ -33,6 +36,7 @@ function getorderList(){
 			"pageNum":pageNum,
 			"pageSize":pageSize		
 		},
+		// 请求成功的回调函数
 		success:function(data){
 			if(isEmptyObject(data.List)&&pageNum>0){
 				pageNum=pageNum-1;
@@ -46,13 +50,16 @@ function getorderList(){
 				var sdate;
 				var edate;
 				l=0;
+				// 默认显示上一页、下一页按钮
 				$("#pre").css("display","block");
 				$("#next").css("display","block");
 				$("#orderList").empty();
 				$("#orderList").append("<tr><th>入住人</th><th>身份证号</th><th>开始时间</th><th>结束时间</th><th>总金额</th><th>状态</th><th>操作</th></tr>")
+				// 遍历订单列表，生成表格内容
 				for(i in list){
 					sdate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].starttime);
 					edate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].endtime);
+					// 根据订单状态编码设置状态文本和操作按钮
 					if(list[i].state=="0"){
 						state="未付款";
 						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"setPaied\" value=\"已收款\"> <input type=\"button\"  class=\"btn btn-danger\"  data-orderid=\""+list[i].orderid+"\" id=\"setNone\" value=\"取消\">";
@@ -69,6 +76,7 @@ function getorderList(){
 						state="已取消";
 						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
 					}
+					// 拼接表格行（包含订单信息和操作按钮）
 					htmlStr="<tr data-orderid=\""+list[i].orderid+"\"><td>"+list[i].householdname+"</td><td>"+list[i].id+"</td><td>"+sdate+"</td><td>"+edate+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+btnStr+"</td></tr>";
 					$("#orderList").append(htmlStr);
 					l++;
@@ -84,37 +92,41 @@ function getorderList(){
 		}
 	})
 }
-
+// 绑定页面中操作按钮的点击事件
 function btnOn(){
-
+// 给"跳转页码"按钮绑定点击事件，触发页码跳转
 	$("input").filter("#setPageBtn").on('click',function( ){
 		setPage( );
 	});
+	// 给"查看房间"按钮绑定点击事件，触发查看房间详情
 	$("input").filter("#showRoom").on('click',function(event){
 		showRoom(event);
 	})
+	// 给"已收款"按钮绑定点击事件，将订单状态改为"已付款"（1）
 	$("input").filter("#setPaied").on('click',function(event){
 		setState(event,"1");
 	});
+	// 给"退房"按钮绑定点击事件，将订单状态改为"已完成"（2）
 	$("input").filter("#setFinish").on('click',function(event){
 		setState(event,"2");
 	});
+	 // 给"取消"按钮绑定点击事件，将订单状态改为"已取消"（3）
 	$("input").filter("#setNone").on('click',function(event){
 		setState(event,"3");
 	});
 
 }
-
+// 加载上一页数据
 function getPre(){
 	pageNum=pageNum-1;
 	getorderList();
 }
-
+// 加载下一页数据
 function getNext(){
 	pageNum=pageNum+1;
 	getorderList();	
 }
-
+// 修改订单状态
 function setState(event,alter){
 	var orderid=$(event.target).data("orderid");
 	$.ajax({
@@ -138,7 +150,7 @@ function setState(event,alter){
 		}
 	})
 }
-
+// 跳转到指定页码
 function setPage(){
 	
 	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
@@ -149,7 +161,7 @@ function setPage(){
 	}
 	
 }
-
+// 查看订单对应的房间详情
 function showRoom(event){
 	var roomid=$(event.target).data("roomid");
 	$.ajax({
@@ -174,6 +186,7 @@ function showRoom(event){
 					state="已预定(入住)";
 				else
 					state="待清扫";
+					// 转换房间类型编码为文本
 				if(room.type=="1")
 					type="单人间";
 				else if(room.type=="2")
@@ -182,6 +195,7 @@ function showRoom(event){
 					type="大床房";
 				else
 					type="套房";
+					// 拼接房间详情表格内容（位置、价格、类型、状态）
 				htmlStr="<tr><th>位置</th><td>"+room.local+"</td></tr><tr><th>价格</th><td>"+room.money+"</td></tr><tr><th>类型</th><td>"+type+"</td></tr><tr><th>状态</th><td>"+state+"</td></tr>"
 				$("#roomTable").append(htmlStr);
 			}