优化结构

2026-05-01 08:29:46 +08:00
parent bad707fce1
commit b3a2199f28
25 changed files with 906 additions and 902 deletions
@@ -0,0 +1,73 @@
+const SUPABASE_URL = 'https://chixssrphfgxvqqigkzo.supabase.co';
+        const SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImNoaXhzc3JwaGZneHZxcWlna3pvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzQ2OTE0OTEsImV4cCI6MjA5MDI2NzQ5MX0.Az_Ew2J2zdOMcSV0UNAjBS-LPqGpqhsaN4IyZ5R7iqU';
+        const sb = supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY);
+
+        async function handleSearch() {
+            const recipientTerm = document.getElementById('recipientTerm').value.trim();
+            const contentTerm = document.getElementById('searchTerm').value.trim();
+            const from = document.getElementById('dateFrom').value;
+            const to = document.getElementById('dateTo').value;
+            const out = document.getElementById('searchResults');
+
+            out.innerHTML = '<div class="loading-state">正在连接信函数据库并执行检索...</div>';
+
+            let q = sb.from('xinhan').select('*');
+            if (recipientTerm) q = q.ilike('recipient', `%${recipientTerm}%`);
+            if (contentTerm) q = q.ilike('content', `%${contentTerm}%`);
+            if (from) q = q.gte('sent_date', from);
+            if (to) q = q.lte('sent_date', to);
+
+            const { data, error } = await q.order('sent_date', { ascending: false });
+            if (error) {
+                out.innerHTML = `<div class="error-state">查询失败：${error.message}</div>`;
+                return;
+            }
+            renderResults(data || []);
+        }
+
+        function renderResults(rows) {
+            const container = document.getElementById('searchResults');
+            if (!rows.length) {
+                container.innerHTML = '<div class="empty-state">未找到符合条件的信函记录。</div>';
+                return;
+            }
+
+            let html = `
+                <div class="table-wrapper">
+                    <table class="result-table">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>收件人</th>
+                                <th>目的地</th>
+                                <th>寄出日期</th>
+                                <th>寄达日期</th>
+                                <th>内容摘要</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+            `;
+
+            rows.forEach(row => {
+                const content = row.content || '';
+                const summary = content.length > 60
+                    ? `<span class="text-truncate" title="${content}">${content}</span>`
+                    : content;
+
+                html += `
+                    <tr>
+                        <td class="table-highlight">${row.id}</td>
+                        <td>${row.recipient || ''}</td>
+                        <td>${row.destination || ''}</td>
+                        <td>${row.sent_date || ''}</td>
+                        <td>${row.arrival_date || ''}</td>
+                        <td>${summary}</td>
+                    </tr>
+                `;
+            });
+
+            html += '</tbody></table></div>';
+            container.innerHTML = html;
+        }
+
+        document.getElementById('searchBtn').addEventListener('click', handleSearch);