alpha
/
buffer_platform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak: 品种配置支持修改品类，添加品种时可选择品类

Browse Source
refactor3.0
Lxy 1 week ago
parent 936fd1b826
commit caeb1a56be
1 changed files with 98 additions and 17 deletions
Show Stats Download Patch File Download Diff File

115
app/static/index.html
Unescape View File

@ -355,6 +355,28 @@
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.symbol-table .symbol-category-select {
font-size: 13px;
color: var(--gray-700);
padding: 6px 10px;
border: 1px solid var(--gray-200);
border-radius: 6px;
width: 120px;
background: white;
cursor: pointer;
transition: all 0.2s;
}
.symbol-table .symbol-category-select:hover {
border-color: var(--primary-light);
}
.symbol-table .symbol-category-select:focus {
outline: none;
border-color: var(--primary-light);
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.symbol-table .symbol-actions {
display: flex;
gap: 6px;
@ -902,7 +924,7 @@
<div class="add-symbol-form">
<div class="card-title" style="margin-bottom: 16px; font-size: 15px;">手动添加品种</div>
<div class="form-row">
<div class="form-row" style="grid-template-columns: 1fr 1fr 1fr auto;">
<div class="form-group" style="margin-bottom: 0;">
<label class="form-label">品种名称</label>
<input class="form-input" id="newSymbolName" placeholder="如: 沪银">
@ -918,6 +940,12 @@
<option value="stock">股票</option>
</select>
</div>
<div class="form-group" style="margin-bottom: 0;">
<label class="form-label">品类</label>
<select class="form-select" id="newSymbolCategory">
<option value="">请选择品类</option>
</select>
</div>
<div class="form-group" style="margin-bottom: 0;">
<button class="btn btn-primary" onclick="addSymbol()" style="height: 42px;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
@ -1614,16 +1642,25 @@
// 生成表格内容（每个分类一个表格，默认只显示第一个）
const tablesHtml = activeCategories.map((category, index) => {
const rows = grouped[category].map(({ name, code }) =>
`<tr>
const rows = grouped[category].map(({ name, code }) => {
const currentCategory = SYMBOL_CATEGORIES[name] || '其他';
const categoryOptions = CATEGORY_ORDER.map(cat =>
`<option value="${cat}" ${cat === currentCategory ? 'selected' : ''}>${cat}</option>`
).join('');
return `<tr>
<td class="symbol-name">${highlightText(name)}</td>
<td><input type="text" class="symbol-code-input" value="${code}" data-type="${type}" data-name="${name}" data-original="${code}"></td>
<td>
<select class="symbol-category-select" data-name="${name}" data-original="${currentCategory}">
${categoryOptions}
</select>
</td>
<td class="symbol-actions">
<button class="btn btn-primary btn-sm" onclick="saveSymbolCode('${type}', '${name}', this)">保存</button>
<button class="btn btn-primary btn-sm" onclick="saveSymbolRow('${type}', '${name}', this)">保存</button>
<button class="btn btn-danger btn-sm" onclick="deleteSymbol('${type}', '${code}')">删除</button>
</td>
</tr>`
).join('');
</tr>`;
}).join('');
return `<div class="category-table-wrapper" data-category="${category}" style="display: ${index === 0 ? 'block' : 'none'}">
<table class="symbol-table">
@ -1631,6 +1668,7 @@
<tr>
<th>品种名称</th>
<th>合约代码</th>
<th>品类</th>
<th>操作</th>
</tr>
</thead>
@ -1672,11 +1710,16 @@
const name = document.getElementById('newSymbolName').value.trim();
const code = document.getElementById('newSymbolCode').value.trim();
const type = document.getElementById('newSymbolType').value;
const category = document.getElementById('newSymbolCategory').value;
if (!name || !code) {
return showToast('请填写品种名称和代码', 'error');
}
if (!category) {
return showToast('请选择品种品类', 'error');
}
const symbols = type === 'futures' ? (currentConfig.futures || {}) : (currentConfig.stock || {});
if (symbols[name]) {
@ -1685,6 +1728,9 @@
symbols[name] = code;
// 保存品类到 SYMBOL_CATEGORIES
SYMBOL_CATEGORIES[name] = category;
const fullConfig = {
futures: currentConfig.futures || {},
stock: currentConfig.stock || {}
@ -1779,23 +1825,34 @@
openEditSymbolModal(type, code, name);
}
async function saveSymbolCode(type, name, btn) {
async function saveSymbolRow(type, name, btn) {
const row = btn.closest('tr');
const input = row.querySelector('.symbol-code-input');
const newCode = input.value.trim();
const originalCode = input.dataset.original;
const codeInput = row.querySelector('.symbol-code-input');
const categorySelect = row.querySelector('.symbol-category-select');
const newCode = codeInput.value.trim();
const originalCode = codeInput.dataset.original;
const newCategory = categorySelect.value;
const originalCategory = categorySelect.dataset.original;
if (!newCode) {
return showToast('合约代码不能为空', 'error');
}
if (newCode === originalCode) {
return showToast('合约代码未修改', 'info');
const codeChanged = newCode !== originalCode;
const categoryChanged = newCategory !== originalCategory;
if (!codeChanged && !categoryChanged) {
return showToast('未做任何修改', 'info');
}
// 更新配置
const symbols = type === 'futures' ? (currentConfig.futures || {}) : (currentConfig.stock || {});
symbols[name] = newCode;
if (codeChanged) {
symbols[name] = newCode;
}
if (categoryChanged) {
SYMBOL_CATEGORIES[name] = newCategory;
}
const fullConfig = {
futures: currentConfig.futures || {},
@ -1811,17 +1868,27 @@
});
if (res.ok) {
showToast('合约代码修改成功', 'success');
input.dataset.original = newCode;
const changes = [];
if (codeChanged) changes.push('合约代码');
if (categoryChanged) changes.push('品类');
showToast(`${changes.join('、')}修改成功`, 'success');
if (codeChanged) codeInput.dataset.original = newCode;
if (categoryChanged) categorySelect.dataset.original = newCategory;
// 如果品类修改了，需要重新渲染以更新 tab 分组
if (categoryChanged) {
loadConfig();
}
} else {
const data = await res.json();
showToast(data.detail || '修改失败', 'error');
// 恢复原始值
input.value = originalCode;
codeInput.value = originalCode;
categorySelect.value = originalCategory;
}
} catch (e) {
showToast(`修改失败: ${e.message}`, 'error');
input.value = originalCode;
codeInput.value = originalCode;
categorySelect.value = originalCategory;
}
}
@ -3381,8 +3448,22 @@
document.getElementById('batchExportEndTime').value = today;
}
// 初始化品类下拉框
function initCategorySelect() {
const select = document.getElementById('newSymbolCategory');
if (!select) return;
select.innerHTML = '<option value="">请选择品类</option>';
CATEGORY_ORDER.forEach(category => {
const option = document.createElement('option');
option.value = category;
option.textContent = category;
select.appendChild(option);
});
}
// 初始化
initDefaultDate();
initCategorySelect();
loadConfig();
loadTasks();
</script>

Write Preview
Loading…
Cancel
Save