自定义字段
This commit is contained in:
jeremygan2021
@@ -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>
|
||||
<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;">
|
||||
<th style="padding: 10px;">字段名称</th>
|
||||
<th style="padding: 10px;">是否显示</th>
|
||||
<th style="padding: 10px;">是否必填</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="ticket_field_config_body">
|
||||
<!-- Ticket Fields will be injected here -->
|
||||
</tbody>
|
||||
</table>
|
||||
<p style="font-size: 0.9em; color: var(--text-muted); margin-bottom: 15px;">对应 gsdh_data 表 (ticket.html)，可编辑显示名称、添加或删除字段</p>
|
||||
|
||||
<!-- 字段表头 -->
|
||||
<div class="field-table-header" style="margin-bottom: 0;">
|
||||
<div style="flex: 1;">字段标识 (Key)</div>
|
||||
<div style="flex: 1.5;">显示名称</div>
|
||||
<div style="width: 80px; text-align: center;">显示</div>
|
||||
<div style="width: 80px; text-align: center;">必填</div>
|
||||
<div style="width: 80px; text-align: center;">操作</div>
|
||||
</div>
|
||||
|
||||
<!-- 字段列表容器 -->
|
||||
<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>
|
||||
<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;">
|
||||
<th style="padding: 10px;">字段名称</th>
|
||||
<th style="padding: 10px;">是否显示</th>
|
||||
<th style="padding: 10px;">是否必填</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="checkin_field_config_body">
|
||||
<!-- Checkin Fields will be injected here -->
|
||||
</tbody>
|
||||
</table>
|
||||
<p style="font-size: 0.9em; color: var(--text-muted); margin-bottom: 15px;">对应 checkin_info 表 (wall/checkin)，可编辑显示名称、添加或删除字段</p>
|
||||
|
||||
<!-- 字段表头 -->
|
||||
<div class="field-table-header" style="margin-bottom: 0;">
|
||||
<div style="flex: 1;">字段标识 (Key)</div>
|
||||
<div style="flex: 1.5;">显示名称</div>
|
||||
<div style="width: 80px; text-align: center;">显示</div>
|
||||
<div style="width: 80px; text-align: center;">必填</div>
|
||||
<div style="width: 80px; text-align: center;">操作</div>
|
||||
</div>
|
||||
|
||||
<!-- 字段列表容器 -->
|
||||
<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
|
||||
renderFieldConfig('ticket_field_config_body', config.ticket_field_config || {
|
||||
// Field Configs - 使用新版渲染函数
|
||||
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
|
||||
ticket_field_config: getFieldConfig('ticket_field_config_body'),
|
||||
checkin_field_config: getFieldConfig('checkin_field_config_body'),
|
||||
// Field Config - 使用新版获取函数
|
||||
ticket_field_config: getTicketFieldConfigFromUI(),
|
||||
checkin_field_config: getCheckinFieldConfigFromUI(),
|
||||
|
||||
// Wall Config
|
||||
wall_config: {
|
||||
|
||||
Reference in New Issue
Block a user