自定义字段

main.py

@@ -3,6 +3,7 @@ from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
 from fastapi.responses import HTMLResponse, JSONResponse
 from pydantic import BaseModel
+from contextlib import asynccontextmanager
 import psycopg2
 from psycopg2 import pool
 from psycopg2.extras import RealDictCursor
@@ -13,6 +14,7 @@ import random
 import uuid
 import os
 import json
+import re
 import shutil
 import difflib
 import time
@@ -117,13 +119,12 @@ CONFIG = load_config()
 # SMS Verification Storage (In-memory)
 SMS_CODES = {} # phone -> {code: str, expires_at: datetime}
 
-app = FastAPI()
-
 # 进程池全局变量
 process_pool = None
 
-@app.on_event("startup")
+@asynccontextmanager
-async def startup_event():
+async def lifespan(app: FastAPI):
+    """应用生命周期管理：启动时初始化进程池，关闭时释放资源"""
     import sys
     print(f"DEBUG: Running from {__file__}")
     print(f"DEBUG: Python executable: {sys.executable}")
@@ -141,18 +142,20 @@ async def startup_event():
         else:
             print(f"{route.path}")
     print("=========================")
+    
+    yield
+    
+    # 关闭时清理进程池
+    if process_pool:
+        process_pool.shutdown()
+        print("ProcessPoolExecutor shutdown")
+
+app = FastAPI(lifespan=lifespan)
 
 @app.post("/api/test-sms")
 async def test_sms_simple():
     return {"message": "Test SMS route is working"}
 
-
-@app.on_event("shutdown")
-async def shutdown_event():
-    if process_pool:
-        process_pool.shutdown()
-        print("ProcessPoolExecutor shutdown")
-
 # Database connection parameters - Moved to CONFIG
 
 # 商业领域同义词库 (Business Thesaurus) - 用于解决模糊语义匹配
@@ -1548,6 +1551,167 @@ def init_database():
             conn.close()
         return JSONResponse(content={"success": False, "message": str(e)}, status_code=500)
 
+class FieldAddRequest(BaseModel):
+    """添加字段请求模型"""
+    table: str  # 'ticket' or 'checkin'
+    key: str    # 字段标识
+    label: str  # 显示名称
+    show: bool = True
+    required: bool = False
+
+class FieldDeleteRequest(BaseModel):
+    """删除字段请求模型"""
+    table: str  # 'ticket' or 'checkin'
+    key: str    # 字段标识
+
+@app.post("/api/admin/field/add")
+async def add_field(req: FieldAddRequest):
+    """
+    添加自定义字段：
+    1. 在数据库表中添加新列
+    2. 在 config.json 中更新字段配置
+    """
+    global CONFIG
+    
+    try:
+        # 确定表名
+        table_name = 'gsdh_data' if req.table == 'ticket' else 'checkin_info'
+        
+        # 验证字段标识格式
+        if not re.match(r'^[a-zA-Z_][a-zA-Z0-9_]*$', req.key):
+            return JSONResponse(
+                content={"success": False, "message": "字段标识格式不正确（只能包含字母、数字和下划线，不能以数字开头）"},
+                status_code=400
+            )
+        
+        # 防止删除锁定字段
+        locked_fields = ['name', 'phone', 'new_id', 'gsdh_id']
+        if req.key.lower() in locked_fields:
+            return JSONResponse(
+                content={"success": False, "message": f"不能添加锁定字段 {req.key}"},
+                status_code=400
+            )
+        
+        # 获取当前配置
+        CONFIG = load_config()
+        
+        # 获取当前字段配置
+        field_config_key = 'ticket_field_config' if req.table == 'ticket' else 'checkin_field_config'
+        current_fields = CONFIG.get(field_config_key, {})
+        
+        # 检查字段是否已存在
+        if req.key in current_fields:
+            return JSONResponse(
+                content={"success": False, "message": f"字段 {req.key} 已存在"},
+                status_code=400
+            )
+        
+        # 在数据库中添加列
+        conn = get_db_connection()
+        cur = conn.cursor()
+        
+        try:
+            # 添加新列（使用 TEXT 类型）
+            cur.execute(f'ALTER TABLE {table_name} ADD COLUMN IF NOT EXISTS {req.key} TEXT')
+            conn.commit()
+        except Exception as db_e:
+            conn.rollback()
+            cur.close()
+            release_db_connection(conn)
+            return JSONResponse(
+                content={"success": False, "message": f"数据库操作失败: {str(db_e)}"},
+                status_code=500
+            )
+        
+        cur.close()
+        release_db_connection(conn)
+        
+        # 更新配置
+        current_fields[req.key] = {
+            "label": req.label,
+            "show": req.show,
+            "required": req.required
+        }
+        CONFIG[field_config_key] = current_fields
+        save_config(CONFIG)
+        
+        return {"success": True, "message": f"字段 '{req.label}' 添加成功"}
+        
+    except Exception as e:
+        import traceback
+        traceback.print_exc()
+        return JSONResponse(content={"success": False, "message": str(e)}, status_code=500)
+
+@app.post("/api/admin/field/delete")
+async def delete_field(req: FieldDeleteRequest):
+    """
+    删除自定义字段：
+    1. 从 config.json 中移除字段配置
+    2. 从数据库表中删除列
+    """
+    global CONFIG
+    
+    try:
+        # 确定表名
+        table_name = 'gsdh_data' if req.table == 'ticket' else 'checkin_info'
+        
+        # 防止删除锁定字段
+        locked_fields = ['name', 'phone', 'new_id', 'gsdh_id']
+        if req.key.lower() in locked_fields:
+            return JSONResponse(
+                content={"success": False, "message": f"不能删除锁定字段 {req.key}"},
+                status_code=400
+            )
+        
+        # 获取当前配置
+        CONFIG = load_config()
+        
+        # 获取当前字段配置
+        field_config_key = 'ticket_field_config' if req.table == 'ticket' else 'checkin_field_config'
+        current_fields = CONFIG.get(field_config_key, {})
+        
+        # 检查字段是否存在
+        if req.key not in current_fields:
+            return JSONResponse(
+                content={"success": False, "message": f"字段 {req.key} 不存在"},
+                status_code=400
+            )
+        
+        # 获取字段标签（用于返回消息）
+        field_label = current_fields[req.key].get('label', req.key)
+        
+        # 从数据库中删除列
+        conn = get_db_connection()
+        cur = conn.cursor()
+        
+        try:
+            # 删除列
+            cur.execute(f'ALTER TABLE {table_name} DROP COLUMN IF EXISTS {req.key}')
+            conn.commit()
+        except Exception as db_e:
+            conn.rollback()
+            cur.close()
+            release_db_connection(conn)
+            return JSONResponse(
+                content={"success": False, "message": f"数据库操作失败: {str(db_e)}"},
+                status_code=500
+            )
+        
+        cur.close()
+        release_db_connection(conn)
+        
+        # 更新配置（移除字段）
+        del current_fields[req.key]
+        CONFIG[field_config_key] = current_fields
+        save_config(CONFIG)
+        
+        return {"success": True, "message": f"字段 '{field_label}' 已删除"}
+        
+    except Exception as e:
+        import traceback
+        traceback.print_exc()
+        return JSONResponse(content={"success": False, "message": str(e)}, status_code=500)
+
 # ==========================================
 # WeChat Pay V3 & Ticket Logic
 # ==========================================

templates/admin.html

@@ -303,6 +303,188 @@
             color: white;
             cursor: pointer;
         }
+
+        /* 字段管理样式 */
+        .field-item {
+            display: flex;
+            align-items: center;
+            padding: 12px;
+            border-bottom: 1px solid rgba(255,255,255,0.05);
+            gap: 10px;
+        }
+
+        .field-item:last-child {
+            border-bottom: none;
+        }
+
+        .field-key {
+            min-width: 120px;
+            font-weight: bold;
+            color: var(--primary-color);
+        }
+
+        .field-key.locked {
+            color: #888;
+        }
+
+        .field-input {
+            flex: 1;
+            padding: 8px 12px;
+            background: rgba(0,0,0,0.4);
+            border: 1px solid rgba(0,242,255,0.3);
+            border-radius: 6px;
+            color: white;
+            font-size: 0.9rem;
+        }
+
+        .field-input:focus {
+            border-color: var(--primary-color);
+            outline: none;
+            box-shadow: 0 0 8px rgba(0,242,255,0.2);
+        }
+
+        .field-checkbox {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            white-space: nowrap;
+        }
+
+        .field-checkbox input {
+            width: 18px;
+            height: 18px;
+            accent-color: var(--primary-color);
+        }
+
+        .field-checkbox label {
+            margin: 0;
+            font-size: 0.85rem;
+            color: var(--text-muted);
+        }
+
+        .field-actions {
+            display: flex;
+            gap: 8px;
+        }
+
+        .btn-sm {
+            padding: 6px 12px;
+            font-size: 0.85rem;
+            border-radius: 6px;
+        }
+
+        .btn-danger-sm {
+            background: linear-gradient(90deg, #cc0000 0%, #ff4d4d 100%);
+            padding: 6px 12px;
+            font-size: 0.85rem;
+            border-radius: 6px;
+            box-shadow: 0 2px 8px rgba(255,0,0,0.3);
+        }
+
+        .btn-danger-sm:hover {
+            box-shadow: 0 4px 12px rgba(255,0,0,0.5);
+        }
+
+        .btn-success-sm {
+            background: linear-gradient(90deg, #28a745 0%, #20c997 100%);
+            padding: 6px 12px;
+            font-size: 0.85rem;
+            border-radius: 6px;
+            box-shadow: 0 2px 8px rgba(32,201,151,0.35);
+        }
+
+        .add-field-section {
+            margin-top: 15px;
+            padding: 15px;
+            background: rgba(0,242,255,0.05);
+            border-radius: 8px;
+            border: 1px dashed rgba(0,242,255,0.3);
+        }
+
+        .add-field-section h4 {
+            margin-bottom: 10px;
+            color: var(--primary-color);
+            font-size: 0.95rem;
+        }
+
+        .add-field-form {
+            display: flex;
+            gap: 10px;
+            align-items: center;
+            flex-wrap: wrap;
+        }
+
+        .add-field-form input {
+            padding: 8px 12px;
+            font-size: 0.9rem;
+        }
+
+        .add-field-form input[type="text"] {
+            flex: 1;
+            min-width: 100px;
+        }
+
+        .field-help {
+            font-size: 0.8em;
+            color: var(--text-muted);
+            margin-left: 5px;
+        }
+
+        .modal-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0,0,0,0.7);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+        }
+
+        .modal-content {
+            background: var(--card-bg);
+            padding: 25px;
+            border-radius: 12px;
+            max-width: 400px;
+            width: 90%;
+            border: 1px solid rgba(0,242,255,0.3);
+        }
+
+        .modal-title {
+            margin-bottom: 15px;
+            font-size: 1.1rem;
+        }
+
+        .modal-buttons {
+            display: flex;
+            gap: 10px;
+            justify-content: flex-end;
+            margin-top: 20px;
+        }
+
+        .field-table-header {
+            display: flex;
+            padding: 10px;
+            background: rgba(0,0,0,0.3);
+            border-radius: 8px 8px 0 0;
+            font-weight: bold;
+            font-size: 0.85rem;
+            color: var(--text-muted);
+        }
+
+        .field-table-row {
+            display: flex;
+            padding: 10px;
+            align-items: center;
+            border-bottom: 1px solid rgba(255,255,255,0.05);
+            font-size: 0.9rem;
+        }
+
+        .field-table-row:hover {
+            background: rgba(255,255,255,0.03);
+        }
     </style>
 </head>
 <body>
@@ -417,38 +599,80 @@
         <div class="card collapsed">
             <h2>报名输入字段设置 (Registration Fields)</h2>
             <div class="card-content">
-                <p style="font-size: 0.9em; color: var(--text-muted); margin-bottom: 15px;">对应 gsdh_data 表 (ticket.html)</p>
+                <p style="font-size: 0.9em; color: var(--text-muted); margin-bottom: 15px;">对应 gsdh_data 表 (ticket.html)，可编辑显示名称、添加或删除字段</p>
-                <table style="width: 100%; border-collapse: collapse; color: white;">
+                
-                    <thead>
+                <!-- 字段表头 -->
-                        <tr style="border-bottom: 1px solid rgba(255,255,255,0.1); text-align: left;">
+                <div class="field-table-header" style="margin-bottom: 0;">
-                            <th style="padding: 10px;">字段名称</th>
+                    <div style="flex: 1;">字段标识 (Key)</div>
-                            <th style="padding: 10px;">是否显示</th>
+                    <div style="flex: 1.5;">显示名称</div>
-                            <th style="padding: 10px;">是否必填</th>
+                    <div style="width: 80px; text-align: center;">显示</div>
-                        </tr>
+                    <div style="width: 80px; text-align: center;">必填</div>
-                    </thead>
+                    <div style="width: 80px; text-align: center;">操作</div>
-                    <tbody id="ticket_field_config_body">
+                </div>
-                        <!-- Ticket Fields will be injected here -->
+                
-                    </tbody>
+                <!-- 字段列表容器 -->
-                </table>
+                <div id="ticket_fields_container" style="background: rgba(0,0,0,0.2); border-radius: 0 0 8px 8px; margin-bottom: 15px;">
+                    <!-- Ticket Fields will be injected here -->
+                </div>
+                
+                <!-- 添加新字段区域 -->
+                <div class="add-field-section">
+                    <h4>➕ 添加新字段</h4>
+                    <div class="add-field-form">
+                        <input type="text" id="new_ticket_field_key" placeholder="字段标识 (如: position)" style="flex: 1;">
+                        <input type="text" id="new_ticket_field_label" placeholder="显示名称 (如: 职务)" style="flex: 1;">
+                        <div class="checkbox-wrapper" style="margin: 0;">
+                            <input type="checkbox" id="new_ticket_field_show" checked>
+                            <label for="new_ticket_field_show">显示</label>
+                        </div>
+                        <div class="checkbox-wrapper" style="margin: 0;">
+                            <input type="checkbox" id="new_ticket_field_required">
+                            <label for="new_ticket_field_required">必填</label>
+                        </div>
+                        <button onclick="addTicketField()" class="btn-success btn-sm">添加</button>
+                    </div>
+                    <p class="field-help" style="margin-top: 8px;">💡 字段标识建议使用英文下划线格式，如 company_name，系统会自动同步到数据库表结构</p>
+                </div>
             </div>
         </div>
 
         <div class="card collapsed">
             <h2>签到/大屏字段设置 (Check-in Fields)</h2>
             <div class="card-content">
-                <p style="font-size: 0.9em; color: var(--text-muted); margin-bottom: 15px;">对应 checkin_info 表 (wall/checkin)</p>
+                <p style="font-size: 0.9em; color: var(--text-muted); margin-bottom: 15px;">对应 checkin_info 表 (wall/checkin)，可编辑显示名称、添加或删除字段</p>
-                <table style="width: 100%; border-collapse: collapse; color: white;">
+                
-                    <thead>
+                <!-- 字段表头 -->
-                        <tr style="border-bottom: 1px solid rgba(255,255,255,0.1); text-align: left;">
+                <div class="field-table-header" style="margin-bottom: 0;">
-                            <th style="padding: 10px;">字段名称</th>
+                    <div style="flex: 1;">字段标识 (Key)</div>
-                            <th style="padding: 10px;">是否显示</th>
+                    <div style="flex: 1.5;">显示名称</div>
-                            <th style="padding: 10px;">是否必填</th>
+                    <div style="width: 80px; text-align: center;">显示</div>
-                        </tr>
+                    <div style="width: 80px; text-align: center;">必填</div>
-                    </thead>
+                    <div style="width: 80px; text-align: center;">操作</div>
-                    <tbody id="checkin_field_config_body">
+                </div>
-                        <!-- Checkin Fields will be injected here -->
+                
-                    </tbody>
+                <!-- 字段列表容器 -->
-                </table>
+                <div id="checkin_fields_container" style="background: rgba(0,0,0,0.2); border-radius: 0 0 8px 8px; margin-bottom: 15px;">
+                    <!-- Checkin Fields will be injected here -->
+                </div>
+                
+                <!-- 添加新字段区域 -->
+                <div class="add-field-section">
+                    <h4>➕ 添加新字段</h4>
+                    <div class="add-field-form">
+                        <input type="text" id="new_checkin_field_key" placeholder="字段标识 (如: hobby)" style="flex: 1;">
+                        <input type="text" id="new_checkin_field_label" placeholder="显示名称 (如: 兴趣爱好)" style="flex: 1;">
+                        <div class="checkbox-wrapper" style="margin: 0;">
+                            <input type="checkbox" id="new_checkin_field_show" checked>
+                            <label for="new_checkin_field_show">显示</label>
+                        </div>
+                        <div class="checkbox-wrapper" style="margin: 0;">
+                            <input type="checkbox" id="new_checkin_field_required">
+                            <label for="new_checkin_field_required">必填</label>
+                        </div>
+                        <button onclick="addCheckinField()" class="btn-success btn-sm">添加</button>
+                    </div>
+                    <p class="field-help" style="margin-top: 8px;">💡 字段标识建议使用英文下划线格式，如 wechat_id，系统会自动同步到数据库表结构</p>
+                </div>
             </div>
         </div>
 
@@ -616,6 +840,19 @@
         <div id="message"></div>
     </div>
 
+    <!-- 删除确认 Modal -->
+    <div id="deleteConfirmModal" class="modal-overlay">
+        <div class="modal-content">
+            <h3 class="modal-title">⚠️ 确认删除字段</h3>
+            <p id="deleteConfirmText" style="color: var(--text-muted); margin-bottom: 10px;"></p>
+            <p style="color: #ff6b6b; font-size: 0.9em; margin-bottom: 10px;">⚠️ 警告：此操作会同时删除数据库中对应的列！</p>
+            <div class="modal-buttons">
+                <button onclick="closeDeleteModal()" style="background: #555;">取消</button>
+                <button onclick="confirmDeleteField()" class="btn-danger">确认删除</button>
+            </div>
+        </div>
+    </div>
+
     <script>
         // Collapsible Cards Logic
         document.addEventListener('DOMContentLoaded', () => {
@@ -747,21 +984,21 @@
                 document.getElementById('max_per_table').value = config.max_per_table || 10;
                 toggleSeatingInputs();
                 
-                // Field Configs
+                // Field Configs - 使用新版渲染函数
-                renderFieldConfig('ticket_field_config_body', config.ticket_field_config || {
+                renderTicketFields(config.ticket_field_config || {
                     "name": {"label": "姓名", "show": true, "required": true},
                     "phone": {"label": "手机号码", "show": true, "required": true},
                     "industry_company": {"label": "行业名称/单位名称", "show": true, "required": true}
-                }, ["name", "phone", "industry_company"]);
+                });
 
-                renderFieldConfig('checkin_field_config_body', config.checkin_field_config || {
+                renderCheckinFields(config.checkin_field_config || {
                     "name": {"label": "姓名", "show": true, "required": true},
-                    "phone": {"label": "手机号码", "show": True, "required": True},
+                    "phone": {"label": "手机号码", "show": true, "required": true},
                     "company_name": {"label": "单位名称", "show": true, "required": false},
                     "position": {"label": "职务", "show": true, "required": false},
                     "business_scope": {"label": "公司主要经营 / 业务", "show": true, "required": false},
                     "vision_2026": {"label": "2026年业务愿景", "show": true, "required": false}
-                }, ["name", "phone", "company_name", "position", "business_scope", "vision_2026"]);
+                });
 
                 // DB Config
                 document.getElementById('db_host').value = config.db_host || '';
@@ -836,6 +1073,380 @@
             return config;
         }
 
+        // ============ 新字段管理功能 ============
+
+        // 当前待删除字段信息
+        let pendingDeleteField = null;
+
+        /**
+         * 渲染报名字段列表（新版）
+         */
+        function renderTicketFields(fieldConfig) {
+            const container = document.getElementById('ticket_fields_container');
+            container.innerHTML = '';
+            
+            Object.keys(fieldConfig).forEach(key => {
+                const field = fieldConfig[key];
+                const isLocked = (key === 'name' || key === 'phone');
+                
+                const row = document.createElement('div');
+                row.className = 'field-table-row';
+                row.innerHTML = `
+                    <div style="flex: 1; font-weight: bold; color: ${isLocked ? '#888' : 'var(--primary-color)'}">
+                        ${key} ${isLocked ? '🔒' : ''}
+                    </div>
+                    <div style="flex: 1.5;">
+                        <input type="text" class="field-input" data-field-key="${key}" value="${field.label}" ${isLocked ? 'readonly' : ''}>
+                    </div>
+                    <div style="width: 80px; text-align: center;">
+                        <input type="checkbox" class="field-show-cb" data-key="${key}" ${field.show ? 'checked' : ''} ${isLocked ? 'disabled' : ''}>
+                    </div>
+                    <div style="width: 80px; text-align: center;">
+                        <input type="checkbox" class="field-required-cb" data-key="${key}" ${field.required ? 'checked' : ''} ${isLocked ? 'disabled' : ''}>
+                    </div>
+                    <div style="width: 80px; text-align: center;">
+                        ${!isLocked ? `<button class="btn-danger-sm" onclick="deleteTicketField('${key}')" style="padding: 4px 8px; font-size: 0.8rem;">🗑️</button>` : '<span style="color: #555; font-size: 0.8rem;">锁定</span>'}
+                    </div>
+                `;
+                container.appendChild(row);
+            });
+        }
+
+        /**
+         * 渲染签到字段列表（新版）
+         */
+        function renderCheckinFields(fieldConfig) {
+            const container = document.getElementById('checkin_fields_container');
+            container.innerHTML = '';
+            
+            Object.keys(fieldConfig).forEach(key => {
+                const field = fieldConfig[key];
+                const isLocked = (key === 'name' || key === 'phone');
+                
+                const row = document.createElement('div');
+                row.className = 'field-table-row';
+                row.innerHTML = `
+                    <div style="flex: 1; font-weight: bold; color: ${isLocked ? '#888' : 'var(--primary-color)'}">
+                        ${key} ${isLocked ? '🔒' : ''}
+                    </div>
+                    <div style="flex: 1.5;">
+                        <input type="text" class="field-input" data-field-key="${key}" value="${field.label}" ${isLocked ? 'readonly' : ''}>
+                    </div>
+                    <div style="width: 80px; text-align: center;">
+                        <input type="checkbox" class="field-show-cb" data-key="${key}" ${field.show ? 'checked' : ''} ${isLocked ? 'disabled' : ''}>
+                    </div>
+                    <div style="width: 80px; text-align: center;">
+                        <input type="checkbox" class="field-required-cb" data-key="${key}" ${field.required ? 'checked' : ''} ${isLocked ? 'disabled' : ''}>
+                    </div>
+                    <div style="width: 80px; text-align: center;">
+                        ${!isLocked ? `<button class="btn-danger-sm" onclick="deleteCheckinField('${key}')" style="padding: 4px 8px; font-size: 0.8rem;">🗑️</button>` : '<span style="color: #555; font-size: 0.8rem;">锁定</span>'}
+                    </div>
+                `;
+                container.appendChild(row);
+            });
+        }
+
+        /**
+         * 获取报名字段配置（从 UI）
+         */
+        function getTicketFieldConfigFromUI() {
+            const config = {};
+            const container = document.getElementById('ticket_fields_container');
+            const rows = container.querySelectorAll('.field-table-row');
+            
+            rows.forEach(row => {
+                const keyDiv = row.querySelector('div:first-child');
+                const key = keyDiv.textContent.replace('🔒', '').trim();
+                
+                const labelInput = row.querySelector('.field-input');
+                const showCb = row.querySelector('.field-show-cb');
+                const reqCb = row.querySelector('.field-required-cb');
+                
+                config[key] = {
+                    label: labelInput.value,
+                    show: showCb.checked,
+                    required: reqCb.checked
+                };
+            });
+            
+            // 确保锁定字段
+            if (config.name) { config.name.show = true; config.name.required = true; }
+            if (config.phone) { config.phone.show = true; config.phone.required = true; }
+            
+            return config;
+        }
+
+        /**
+         * 获取签到字段配置（从 UI）
+         */
+        function getCheckinFieldConfigFromUI() {
+            const config = {};
+            const container = document.getElementById('checkin_fields_container');
+            const rows = container.querySelectorAll('.field-table-row');
+            
+            rows.forEach(row => {
+                const keyDiv = row.querySelector('div:first-child');
+                const key = keyDiv.textContent.replace('🔒', '').trim();
+                
+                const labelInput = row.querySelector('.field-input');
+                const showCb = row.querySelector('.field-show-cb');
+                const reqCb = row.querySelector('.field-required-cb');
+                
+                config[key] = {
+                    label: labelInput.value,
+                    show: showCb.checked,
+                    required: reqCb.checked
+                };
+            });
+            
+            // 确保锁定字段
+            if (config.name) { config.name.show = true; config.name.required = true; }
+            if (config.phone) { config.phone.show = true; config.phone.required = true; }
+            
+            return config;
+        }
+
+        /**
+         * 添加报名字段
+         */
+        async function addTicketField() {
+            const keyInput = document.getElementById('new_ticket_field_key');
+            const labelInput = document.getElementById('new_ticket_field_label');
+            const showCb = document.getElementById('new_ticket_field_show');
+            const requiredCb = document.getElementById('new_ticket_field_required');
+            
+            const key = keyInput.value.trim();
+            const label = labelInput.value.trim();
+            
+            if (!key || !label) {
+                showMessage('请填写字段标识和显示名称', 'error');
+                return;
+            }
+            
+            // 验证 key 格式
+            if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(key)) {
+                showMessage('字段标识格式不正确（只能包含字母、数字和下划线，不能以数字开头）', 'error');
+                return;
+            }
+            
+            // 获取当前配置
+            const currentConfig = getTicketFieldConfigFromUI();
+            
+            // 检查是否已存在
+            if (currentConfig[key]) {
+                showMessage('该字段标识已存在', 'error');
+                return;
+            }
+            
+            try {
+                // 调用后端 API 添加字段
+                const res = await fetch('/api/admin/field/add', {
+                    method: 'POST',
+                    headers: {'Content-Type': 'application/json'},
+                    body: JSON.stringify({
+                        table: 'ticket',
+                        key: key,
+                        label: label,
+                        show: showCb.checked,
+                        required: requiredCb.checked
+                    })
+                });
+                
+                const data = await res.json();
+                
+                if (res.ok) {
+                    // 更新配置
+                    currentConfig[key] = {
+                        label: label,
+                        show: showCb.checked,
+                        required: requiredCb.checked
+                    };
+                    
+                    // 重新渲染
+                    renderTicketFields(currentConfig);
+                    
+                    // 清空输入框
+                    keyInput.value = '';
+                    labelInput.value = '';
+                    showCb.checked = true;
+                    requiredCb.checked = false;
+                    
+                    showMessage(`字段 "${label}" 添加成功`, 'success');
+                } else {
+                    showMessage(data.message || '添加字段失败', 'error');
+                }
+            } catch (e) {
+                showMessage('网络错误：' + e.message, 'error');
+            }
+        }
+
+        /**
+         * 添加签到字段
+         */
+        async function addCheckinField() {
+            const keyInput = document.getElementById('new_checkin_field_key');
+            const labelInput = document.getElementById('new_checkin_field_label');
+            const showCb = document.getElementById('new_checkin_field_show');
+            const requiredCb = document.getElementById('new_checkin_field_required');
+            
+            const key = keyInput.value.trim();
+            const label = labelInput.value.trim();
+            
+            if (!key || !label) {
+                showMessage('请填写字段标识和显示名称', 'error');
+                return;
+            }
+            
+            // 验证 key 格式
+            if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(key)) {
+                showMessage('字段标识格式不正确（只能包含字母、数字和下划线，不能以数字开头）', 'error');
+                return;
+            }
+            
+            // 获取当前配置
+            const currentConfig = getCheckinFieldConfigFromUI();
+            
+            // 检查是否已存在
+            if (currentConfig[key]) {
+                showMessage('该字段标识已存在', 'error');
+                return;
+            }
+            
+            try {
+                // 调用后端 API 添加字段
+                const res = await fetch('/api/admin/field/add', {
+                    method: 'POST',
+                    headers: {'Content-Type': 'application/json'},
+                    body: JSON.stringify({
+                        table: 'checkin',
+                        key: key,
+                        label: label,
+                        show: showCb.checked,
+                        required: requiredCb.checked
+                    })
+                });
+                
+                const data = await res.json();
+                
+                if (res.ok) {
+                    // 更新配置
+                    currentConfig[key] = {
+                        label: label,
+                        show: showCb.checked,
+                        required: requiredCb.checked
+                    };
+                    
+                    // 重新渲染
+                    renderCheckinFields(currentConfig);
+                    
+                    // 清空输入框
+                    keyInput.value = '';
+                    labelInput.value = '';
+                    showCb.checked = true;
+                    requiredCb.checked = false;
+                    
+                    showMessage(`字段 "${label}" 添加成功`, 'success');
+                } else {
+                    showMessage(data.message || '添加字段失败', 'error');
+                }
+            } catch (e) {
+                showMessage('网络错误：' + e.message, 'error');
+            }
+        }
+
+        /**
+         * 删除报名字段（显示确认框）
+         */
+        function deleteTicketField(key) {
+            const currentConfig = getTicketFieldConfigFromUI();
+            const field = currentConfig[key];
+            
+            if (!field) return;
+            
+            pendingDeleteField = {
+                table: 'ticket',
+                key: key,
+                label: field.label,
+                container: 'ticket_fields_container',
+                configGetter: getTicketFieldConfigFromUI
+            };
+            
+            document.getElementById('deleteConfirmText').textContent = 
+                `确定要删除字段 "${field.label}" (${key}) 吗？`;
+            document.getElementById('deleteConfirmModal').style.display = 'flex';
+        }
+
+        /**
+         * 删除签到字段（显示确认框）
+         */
+        function deleteCheckinField(key) {
+            const currentConfig = getCheckinFieldConfigFromUI();
+            const field = currentConfig[key];
+            
+            if (!field) return;
+            
+            pendingDeleteField = {
+                table: 'checkin',
+                key: key,
+                label: field.label,
+                container: 'checkin_fields_container',
+                configGetter: getCheckinFieldConfigFromUI
+            };
+            
+            document.getElementById('deleteConfirmText').textContent = 
+                `确定要删除字段 "${field.label}" (${key}) 吗？`;
+            document.getElementById('deleteConfirmModal').style.display = 'flex';
+        }
+
+        /**
+         * 关闭删除确认框
+         */
+        function closeDeleteModal() {
+            document.getElementById('deleteConfirmModal').style.display = 'none';
+            pendingDeleteField = null;
+        }
+
+        /**
+         * 确认删除字段
+         */
+        async function confirmDeleteField() {
+            if (!pendingDeleteField) return;
+            
+            const { table, key } = pendingDeleteField;
+            
+            try {
+                const res = await fetch('/api/admin/field/delete', {
+                    method: 'POST',
+                    headers: {'Content-Type': 'application/json'},
+                    body: JSON.stringify({
+                        table: table,
+                        key: key
+                    })
+                });
+                
+                const data = await res.json();
+                
+                if (res.ok) {
+                    // 从 UI 中移除
+                    const config = pendingDeleteField.configGetter();
+                    delete config[key];
+                    
+                    if (table === 'ticket') {
+                        renderTicketFields(config);
+                    } else {
+                        renderCheckinFields(config);
+                    }
+                    
+                    closeDeleteModal();
+                    showMessage(`字段 "${pendingDeleteField.label}" 已删除`, 'success');
+                } else {
+                    showMessage(data.message || '删除字段失败', 'error');
+                }
+            } catch (e) {
+                showMessage('网络错误：' + e.message, 'error');
+            }
+        }
+
         function showMessage(text, type) {
             const msg = document.getElementById('message');
             msg.textContent = text;
@@ -877,9 +1488,9 @@
                 total_tables: parseInt(document.getElementById('total_tables').value),
                 max_per_table: parseInt(document.getElementById('max_per_table').value),
 
-                // Field Config
+                // Field Config - 使用新版获取函数
-                ticket_field_config: getFieldConfig('ticket_field_config_body'),
+                ticket_field_config: getTicketFieldConfigFromUI(),
-                checkin_field_config: getFieldConfig('checkin_field_config_body'),
+                checkin_field_config: getCheckinFieldConfigFromUI(),
 
                 // Wall Config
                 wall_config: {

templates/ticket.html

@@ -261,26 +261,10 @@
             </div>
 
             <form id="paymentForm" onsubmit="handlePayment(event)">
-                {% set ordered_keys = ['name', 'phone', 'industry_company'] %}
+                <!-- 动态渲染报名字段 -->
-                {% for key in ordered_keys %}
+                <div id="registration_fields">
-                    {% set field = config.ticket_field_config.get(key) %}
+                    <!-- Fields will be rendered dynamically by JavaScript -->
-                    {% if field and field.show %}
+                </div>
-                    <div class="form-group">
-                        <label>{{ field.label }}{% if field.required %} *{% endif %}</label>
-                        {% if key == 'phone' %}
-                            <input type="tel" id="{{ key }}" {% if field.required %}required{% endif %} placeholder="请输入{{ field.label }}" pattern="[0-9]{11}">
-                            {% if config.enable_sms_verification %}
-                            <div style="display: flex; gap: 10px; margin-top: 10px;">
-                                <input type="text" id="verification_code" placeholder="请先发送验证码" style="flex: 1;" disabled>
-                                <button type="button" id="send-code-btn" onclick="sendSmsCode()" style="width: auto; padding: 10px; font-size: 0.9rem; background: var(--secondary-color); margin-top: 0; border: none; border-radius: 8px; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; min-width: 100px;">发送验证码</button>
-                            </div>
-                            {% endif %}
-                        {% else %}
-                            <input type="text" id="{{ key }}" {% if field.required %}required{% endif %} placeholder="请输入{{ field.label }}">
-                        {% endif %}
-                    </div>
-                    {% endif %}
-                {% endfor %}
                 
                 <button type="submit" class="submit-btn" id="submitBtn">
                     立即支付报名
@@ -306,8 +290,73 @@
     </div>
 
     <script>
-        let pollTimer = null;
+        // 字段配置（从后端传入）
-        let isCodeVerified = false;
+        var ticketFieldConfig = {{ config.ticket_field_config | tojson | safe }};
+        var enableSmsVerification = {{ 'true' if config.enable_sms_verification else 'false' }};
+        
+        // 字段渲染顺序（锁定字段优先）
+        var lockedFields = ['name', 'phone'];
+        
+        // 页面加载完成后渲染字段
+        window.addEventListener('DOMContentLoaded', function() {
+            renderRegistrationFields();
+        });
+        
+        function renderRegistrationFields() {
+            var container = document.getElementById('registration_fields');
+            if (!container) return;
+            container.innerHTML = '';
+            
+            // 定义字段渲染顺序
+            var orderedKeys = Object.keys(ticketFieldConfig).sort(function(a, b) {
+                // 锁定字段优先
+                var aLocked = lockedFields.indexOf(a) !== -1;
+                var bLocked = lockedFields.indexOf(b) !== -1;
+                if (aLocked && !bLocked) return -1;
+                if (!aLocked && bLocked) return 1;
+                return 0;
+            });
+            
+            // 按顺序渲染字段
+            orderedKeys.forEach(function(key) {
+                var field = ticketFieldConfig[key];
+                if (!field || !field.show) return;
+                
+                var div = document.createElement('div');
+                div.className = 'form-group';
+                
+                // 创建标签
+                var label = document.createElement('label');
+                label.textContent = field.label + (field.required ? ' *' : '');
+                
+                // 创建输入框
+                var inputHtml = '';
+                
+                if (key === 'phone') {
+                    // 手机号特殊处理
+                    inputHtml = '<input type="tel" id="' + key + '"' + (field.required ? ' required' : '') + ' placeholder="请输入' + field.label + '" pattern="[0-9]{11}">';
+                    
+                    if (enableSmsVerification) {
+                        inputHtml += '<div style="display: flex; gap: 10px; margin-top: 10px;">' +
+                            '<input type="text" id="verification_code" placeholder="请先发送验证码" style="flex: 1;" disabled>' +
+                            '<button type="button" id="send-code-btn" onclick="sendSmsCode()" style="width: auto; padding: 10px; font-size: 0.9rem; background: var(--secondary-color); margin-top: 0; border: none; border-radius: 8px; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; min-width: 100px;">发送验证码</button>' +
+                            '</div>';
+                    }
+                } else {
+                    inputHtml = '<input type="text" id="' + key + '"' + (field.required ? ' required' : '') + ' placeholder="请输入' + field.label + '">';
+                }
+                
+                div.appendChild(label);
+                div.insertAdjacentHTML('beforeend', inputHtml);
+                container.appendChild(div);
+            });
+            
+            // 初始化按钮状态
+            updateSubmitButtonState();
+        }
+        
+        var pollTimer = null;
+        var isCodeVerified = false;
 
         function updateSubmitButtonState() {
             const btn = document.getElementById('submitBtn');
@@ -391,21 +440,30 @@
         async function handlePayment(e) {
             e.preventDefault();
             
-            const btn = document.getElementById('submitBtn');
+            var btn = document.getElementById('submitBtn');
-            const msg = document.getElementById('message');
+            var msg = document.getElementById('message');
-            const originalText = "立即支付报名"; // Hardcoded or get from element
+            var originalText = "立即支付报名";
             
-            // Validate
+            // Validate - 收集所有动态字段
-            const getVal = (id) => {
+            var getVal = function(id) {
-                const el = document.getElementById(id);
+                var el = document.getElementById(id);
                 return el ? el.value.trim() : '';
             };
-
-            const name = getVal('name');
-            const phone = getVal('phone');
             
-            if (!name || !phone) {
+            // 验证必填字段
-                showMessage('请填写必填项', 'error');
+            var hasError = false;
+            Object.keys(ticketFieldConfig).forEach(function(key) {
+                var field = ticketFieldConfig[key];
+                if (field && field.required) {
+                    var value = getVal(key);
+                    if (!value) {
+                        hasError = true;
+                    }
+                }
+            });
+            
+            if (hasError) {
+                showMessage('请填写所有必填项', 'error');
                 return;
             }
             
@@ -414,16 +472,23 @@
             btn.innerHTML = '<span class="loading"></span> 处理中...';
             msg.style.display = 'none';
             
-            const data = {
+            // 收集所有字段数据
-                name: name,
+            var data = {
-                phone: phone,
+                name: getVal('name'),
-                verification_code: getVal('verification_code'),
+                phone: getVal('phone'),
-                company_name: getVal('industry_company')
+                verification_code: getVal('verification_code')
             };
             
+            // 添加所有动态字段
+            Object.keys(ticketFieldConfig).forEach(function(key) {
+                if (key !== 'name' && key !== 'phone') {
+                    data[key] = getVal(key);
+                }
+            });
+            
             // Check Screen Width
-            const isWideScreen = window.innerWidth > 768;
+            var isWideScreen = window.innerWidth > 768;
-            const apiEndpoint = isWideScreen ? '/api/payment/native' : '/api/payment/h5';
+            var apiEndpoint = isWideScreen ? '/api/payment/native' : '/api/payment/h5';
             
             try {
                 const res = await fetch(apiEndpoint, {