From 54f3386f71168c7946e0772cfe67c69ca70b46f2 Mon Sep 17 00:00:00 2001
From: Default User <user@example.com>
Date: Wed, 4 Feb 2026 16:55:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=E5=90=88=E9=9B=86=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80/=E6=94=B6=E8=B5=B7=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E5=9C=A8=E6=A0=87=E9=A2=98=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=B8=BB=E4=BD=93=E5=90=8D=E7=A7=B0=E3=80=81?=
 =?UTF-8?q?=E7=94=B5=E8=AF=9D=E5=8F=B7=E7=A0=81=E5=92=8C=E5=BC=80=E5=85=B7?=
 =?UTF-8?q?=E6=97=A5=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 qr-collection.html | 33 +++++++++++++++++++++++++++++++--
 server.js          |  7 +++++--
 2 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/qr-collection.html b/qr-collection.html
index 7e5b82a..03efe5a 100644
--- a/qr-collection.html
+++ b/qr-collection.html
@@ -455,10 +455,23 @@
       Object.keys(groupedQrCodes).forEach(inviterName => {
         const inviterQrCodes = groupedQrCodes[inviterName];
         
+        // 生成唯一的section ID
+        const sectionId = `section_${encodeURIComponent(inviterName)}`;
+        
         html += `
           <div class="qr-section">
-            <h3>${inviterName}</h3>
-            <div class="qr-grid">
+            <div class="section-header" onclick="toggleSection('${sectionId}')" style="cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #f8f9fa; border-radius: 8px; margin-bottom: 10px;">
+              <div>
+                <h3 style="margin: 0; font-size: 16px; color: #333;">${inviterName}</h3>
+                <div style="font-size: 12px; color: #666; margin-top: 4px;">
+                  <p style="margin: 2px 0;">主体名称: ${inviterQrCodes[0].company || '未知'}</p>
+                  <p style="margin: 2px 0;">电话号码: ${inviterQrCodes[0].phoneNumber || '未知'}</p>
+                  <p style="margin: 2px 0;">开具日期: ${inviterQrCodes[0].createdAt || '未知'}</p>
+                </div>
+              </div>
+              <span class="toggle-icon" id="toggle_${sectionId}" style="font-size: 18px; color: #28a745;">▼</span>
+            </div>
+            <div id="${sectionId}" class="qr-grid" style="display: none; padding: 10px; background-color: #fafafa; border-radius: 8px;">
         `;
         
         inviterQrCodes.forEach(qrCode => {
@@ -485,6 +498,22 @@
       
       qrCollectionElement.innerHTML = html;
     }
+    
+    // 切换展开/收起状态
+    function toggleSection(sectionId) {
+      const section = document.getElementById(sectionId);
+      const toggleIcon = document.getElementById(`toggle_${sectionId}`);
+      
+      if (section && toggleIcon) {
+        if (section.style.display === 'none') {
+          section.style.display = 'block';
+          toggleIcon.textContent = '▲';
+        } else {
+          section.style.display = 'none';
+          toggleIcon.textContent = '▼';
+        }
+      }
+    }
 
     // 筛选二维码
     function filterQrCodes(filter, inviterName) {
diff --git a/server.js b/server.js
index 9c0e99f..4a16118 100644
--- a/server.js
+++ b/server.js
@@ -227,11 +227,11 @@ const server = http.createServer(async (req, res) => {
       let query, params;
       if (isAdmin) {
         // 管理员可以查看所有二维码
-        query = 'SELECT inviter, inviter_phone as inviterPhone, projectName as inviterProjectName, sessionId, qrCodeUrl, DATE_FORMAT(issueDate, "%Y-%m-%d %H:%i:%s") as createdAt FROM certificate WHERE qrCodeUrl IS NOT NULL GROUP BY sessionId ORDER BY issueDate DESC';
+        query = 'SELECT inviter, inviter_phone as inviterPhone, projectName as inviterProjectName, sessionId, qrCodeUrl, company, phoneNumber, DATE_FORMAT(issueDate, "%Y-%m-%d %H:%i:%s") as createdAt, issueDate FROM certificate WHERE qrCodeUrl IS NOT NULL GROUP BY sessionId ORDER BY issueDate DESC';
         params = [];
       } else if (userName) {
         // 采购员只能查看自己的二维码
-        query = 'SELECT inviter, inviter_phone as inviterPhone, projectName as inviterProjectName, sessionId, qrCodeUrl, DATE_FORMAT(issueDate, "%Y-%m-%d %H:%i:%s") as createdAt FROM certificate WHERE inviter = ? AND qrCodeUrl IS NOT NULL GROUP BY sessionId ORDER BY issueDate DESC';
+        query = 'SELECT inviter, inviter_phone as inviterPhone, projectName as inviterProjectName, sessionId, qrCodeUrl, company, phoneNumber, DATE_FORMAT(issueDate, "%Y-%m-%d %H:%i:%s") as createdAt, issueDate FROM certificate WHERE inviter = ? AND qrCodeUrl IS NOT NULL GROUP BY sessionId ORDER BY issueDate DESC';
         params = [userName];
       } else {
         // 未登录用户，返回空列表
@@ -262,6 +262,9 @@ const server = http.createServer(async (req, res) => {
           inviterProjectName: row.inviterProjectName,
           sessionId: row.sessionId,
           qrCodeUrl: row.qrCodeUrl,
+          company: row.company,
+          phoneNumber: row.phoneNumber,
+          issueDate: row.issueDate,
           createdAt: row.createdAt,
           url: url
         };