From a28b5c801ef865368784c57f7dce1dec9de49f5c Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Wed, 3 Sep 2025 04:18:10 +0800
Subject: [PATCH] 333

---
 .../views/sq/sqreservations/index.html        | 173 +++++++++++++++++-
 1 file changed, 172 insertions(+), 1 deletion(-)

diff --git a/CoreCms.Net.Web.Admin/wwwroot/views/sq/sqreservations/index.html b/CoreCms.Net.Web.Admin/wwwroot/views/sq/sqreservations/index.html
index 95af389..322ad86 100644
--- a/CoreCms.Net.Web.Admin/wwwroot/views/sq/sqreservations/index.html
+++ b/CoreCms.Net.Web.Admin/wwwroot/views/sq/sqreservations/index.html
@@ -108,6 +108,7 @@
 <script type="text/html" id="LAY-app-SQReservations-tableBox-bar">
     <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
     <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
+    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="viewParticipants">查看参与者</a>
     <a class="layui-btn layui-btn-danger layui-btn-xs" data-dropdown="#SQReservationsTbDelDrop{{d.LAY_INDEX}}" no-shade="true">删除</a>
     <div class="dropdown-menu-nav dropdown-popconfirm dropdown-top-right layui-hide" id="SQReservationsTbDelDrop{{d.LAY_INDEX}}"
          style="max-width: 200px;white-space: normal;min-width: auto;margin-left: 10px;">
@@ -401,7 +402,7 @@
                                     return '创建：' + createdTime + '<br/>更新：' + updatedTime + "<br/>备注：" + d.remarks || '无';
                                 }
                             },
-                            { width: 162, align: 'center', title: '操作', fixed: 'right', toolbar: '#LAY-app-SQReservations-tableBox-bar' }
+                            { width: 220, align: 'center', title: '操作', fixed: 'right', toolbar: '#LAY-app-SQReservations-tableBox-bar' }
                         ]
                     ]
                 });
@@ -447,6 +448,8 @@
                             doDelete(obj);
                         } else if (obj.event === 'edit') {
                             doEdit(obj)
+                        } else if (obj.event === 'viewParticipants') {
+                            doViewParticipants(obj);
                         }
                     });
                 //执行创建操作
@@ -574,6 +577,174 @@
                         }
                     });
                 }
+
+                //执行查看参与者操作
+                function doViewParticipants(obj) {
+                    var reservationData = obj.data;
+                    var participants = reservationData.participants || [];
+                    
+                    // 弹出查看参与者窗口
+                    layer.open({
+                        type: 1,
+                        title: '查看参与者 - ' + (reservationData.title || '预约' + reservationData.id),
+                        area: ['1000px', '600px'],
+                        content: `
+                            <div style="padding: 20px;">
+                                <div class="layui-row">
+                                    <div class="layui-col-md12">
+                                        <div class="layui-card">
+                                            <div class="layui-card-header">
+                                                <h3>预约信息</h3>
+                                            </div>
+                                            <div class="layui-card-body">
+                                                <div class="layui-row">
+                                                    <div class="layui-col-md6">
+                                                        <p><strong>组局名称：</strong>${reservationData.title || '无'}</p>
+                                                        <p><strong>房间：</strong>${reservationData.room_name || '无'}</p>
+                                                        <p><strong>开始时间：</strong>${reservationData.start_time || '无'}</p>
+                                                    </div>
+                                                    <div class="layui-col-md6">
+                                                        <p><strong>玩法类型：</strong>${reservationData.game_type || '无'}</p>
+                                                        <p><strong>具体规则：</strong>${reservationData.game_rule || '无'}</p>
+                                                        <p><strong>结束时间：</strong>${reservationData.end_time || '无'}</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="layui-row" style="margin-top: 20px;">
+                                    <div class="layui-col-md12">
+                                        <div class="layui-card">
+                                            <div class="layui-card-header">
+                                                <h3>参与者列表 (${participants.length}人)</h3>
+                                            </div>
+                                            <div class="layui-card-body">
+                                                <table id="participantsTable" lay-filter="participantsTable"></table>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        `,
+                        success: function(layero, index) {
+                            // 初始化参与者表格
+                            layui.use(['table'], function() {
+                                var table = layui.table;
+                                
+                                // 处理参与者数据并排序
+                                var tableData = participants.map(function(p) {
+                                    var roleText = p.role == 1 ? '发起者' : '参与者';
+                                    var statusText = p.status == 0 ? '正常' : '已退出';
+                                    var statusColor = p.status == 0 ? '#5FB878' : '#FF5722';
+                                    
+                                    var refundText = '';
+                                    var refundColor = '';
+                                    if (p.is_refund !== undefined && p.is_refund !== null) {
+                                        switch (p.is_refund) {
+                                            case 0:
+                                                refundText = '无需退款';
+                                                refundColor = '#999';
+                                                break;
+                                            case 1:
+                                                refundText = '已付鸽子费';
+                                                refundColor = '#1E9FFF';
+                                                break;
+                                            case 2:
+                                                refundText = '退款中';
+                                                refundColor = '#FFB800';
+                                                break;
+                                            case 3:
+                                                refundText = '退款成功';
+                                                refundColor = '#5FB878';
+                                                break;
+                                            case 9:
+                                                refundText = '退款失败';
+                                                refundColor = '#FF5722';
+                                                break;
+                                            default:
+                                                refundText = '未知状态';
+                                                refundColor = '#999';
+                                        }
+                                    }
+                                    
+                                    return {
+                                        id: p.id,
+                                        user_id: p.user_id,
+                                        userName: p.UserName || p.userName || '用户' + p.user_id,
+                                        role: roleText,
+                                        roleValue: p.role, // 用于排序
+                                        status: statusText,
+                                        statusValue: p.status, // 用于排序
+                                        statusColor: statusColor,
+                                        join_time: p.join_time || '无',
+                                        quit_time: p.quit_time || '无',
+                                        refund_status: refundText,
+                                        refund_color: refundColor,
+                                        remarks: p.remarks || '无'
+                                    };
+                                });
+
+                                // 排序：发起者 > 正常参与者 > 已退出参与者（按退出时间倒序）
+                                tableData.sort(function(a, b) {
+                                    // 首先按角色排序：发起者(1) > 参与者(0)
+                                    if (a.roleValue !== b.roleValue) {
+                                        return b.roleValue - a.roleValue; // 发起者在前
+                                    }
+                                    
+                                    // 然后按状态排序：正常(0) > 已退出(1)
+                                    if (a.statusValue !== b.statusValue) {
+                                        return a.statusValue - b.statusValue; // 正常在前
+                                    }
+                                    
+                                    // 最后按退出时间排序（已退出的参与者）
+                                    if (a.statusValue === 1 && b.statusValue === 1) {
+                                        var quitTimeA = a.quit_time === '无' ? '1970-01-01' : a.quit_time;
+                                        var quitTimeB = b.quit_time === '无' ? '1970-01-01' : b.quit_time;
+                                        return new Date(quitTimeB) - new Date(quitTimeA); // 退出时间倒序
+                                    }
+                                    
+                                    return 0;
+                                });
+                                
+                                table.render({
+                                    elem: '#participantsTable',
+                                    data: tableData,
+                                    page: false,
+                                    height: '280px',
+                                    cols: [[
+                                        {field: 'id', title: 'ID', width: 60},
+                                        {field: 'user_id', title: '用户ID', width: 80},
+                                        {field: 'userName', title: '用户名', width: 120},
+                                        {field: 'role', title: '角色', width: 80},
+                                        {
+                                            field: 'status', 
+                                            title: '状态', 
+                                            width: 80,
+                                            templet: function(d) {
+                                                return '<span style="background: ' + d.statusColor + '; color: white; padding: 2px 6px; border-radius: 3px; font-size: 12px;">' + d.status + '</span>';
+                                            }
+                                        },
+                                        {field: 'join_time', title: '参与时间', width: 150},
+                                        {field: 'quit_time', title: '退出时间', width: 150},
+                                        {
+                                            field: 'refund_status', 
+                                            title: '鸽子费状态', 
+                                            width: 100,
+                                            templet: function(d) {
+                                                if (d.refund_status) {
+                                                    return '<span style="background: ' + d.refund_color + '; color: white; padding: 2px 6px; border-radius: 3px; font-size: 12px;">' + d.refund_status + '</span>';
+                                                }
+                                                return '无';
+                                            }
+                                        },
+                                        {field: 'remarks', title: '备注', width: 200}
+                                    ]]
+                                });
+                            });
+                        }
+                    });
+                }
                 //执行单个删除
                 function doDelete(obj) {
                     coreHelper.Post("Api/SQReservations/DoDelete", { id: obj.data.id }, function (e) {