hmo/MoFin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 研究Tab策略子Tab拆分当前/历史区域——当前使用(实盘/新策略)展开+历史策略默认折叠,按s.current字段分组

Browse Source
This commit is contained in:
hmo
2026-08-11 12:09:15 +08:00
parent 7105bba793
commit 5cf0e3035c
1 changed files with 70 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+31 -6
View File
@@ -2467,7 +2467,12 @@ function renderStrategyTable(strategies) {
const arrow = window._sortKey === key ? (window._sortDir === 'desc' ? '▼' : '▲') : '';
return `<th class="${cls || 'text-right'} px-2 py-1.5 cursor-pointer hover:text-slate-300 select-none" onclick="sortBy('${key}')" title="${title || '点击排序'}">${label}${arrow ? ' ' + arrow : ''}</th>`;
};
let html = '<div class="overflow-x-auto"><table class="w-full text-xs whitespace-nowrap"><thead><tr class="text-slate-500 border-b border-slate-700">' +
// 2026-08-11 新增：拆分当前/历史区域（老莫需求）
// 当前 = current=true（实盘/新策略）；历史 = 其余，默认折叠
const currentStrats = strategies.filter(s => s.current === true);
const historyStrats = strategies.filter(s => s.current !== true);
const renderGroup = (groupStrats, groupTitle, groupIcon, collapsed) => {
let ghtml = '<div class="overflow-x-auto"><table class="w-full text-xs whitespace-nowrap"><thead><tr class="text-slate-500 border-b border-slate-700">' +
th('version', '版本', 'text-left') + th('name', '名称', 'text-left') +
th('sizing_slots', '仓位', 'text-center') +
'<th class="text-center px-2 py-1.5">说明</th>' +
@@ -2482,15 +2487,15 @@ function renderStrategyTable(strategies) {
th('avg_profit', '平均收益', 'text-right') + th('sharpe', '夏普', 'text-right') +
th('profit_factor', '盈亏比', 'text-right') + th('max_dd', '资产回撤', 'text-right') +
'<th class="text-center px-2 py-1.5">操作</th></tr></thead><tbody>';
for (const s of strategies) {
for (const s of groupStrats) {
const st = s.summary_stats || {};
const pf = st.portfolio || {};
const hasResult = st.total_trades != null;
const smallSample = hasResult && st.total_trades < 40;
const isCurrent = (s.version === CURRENT_STRATEGY || CURRENT_FAMILY.has(s.version)) && (s.market || 'all') !== 'hk';
const isCurrent = s.current === true;
const deprecatedReason = DEPRECATED[s.version];
const rowCls = 'border-b border-slate-800/50 hover:bg-slate-800/30 cursor-pointer' + (isCurrent ? ' bg-emerald-900/20 border-l-2 border-l-emerald-400' : '');
html += '<tr class="' + rowCls + '" onclick="showStrategyDetail(\'' + s.version + '\')">' +
ghtml += '<tr class="' + rowCls + '" onclick="showStrategyDetail(\'' + s.version + '\')">' +
'<td class="px-2 py-1.5 font-mono font-bold ' + (deprecatedReason ? 'text-red-400/70 line-through' : (isCurrent ? 'text-emerald-400' : 'text-blue-400')) + '">' + s.version + (isCurrent ? ' <span class="text-[10px] bg-emerald-500/20 text-emerald-300 px-1 rounded">当前</span>' : '') + (deprecatedReason ? ' <span class="text-[10px] bg-red-500/20 text-red-300 px-1 rounded" title="' + deprecatedReason.replace(/"/g, '&quot;') + '">已证伪</span>' : '') + ((s.market && s.market !== 'all') ? ' <span class="text-[10px] bg-cyan-500/20 text-cyan-300 px-1 rounded">' + (s.market === 'hk' ? '港' : 'A') + '</span>' : '') + '</td>' +
'<td class="px-2 py-1.5 whitespace-normal break-words" title="' + (s.hypothesis || s.summary || '').replace(/"/g, '&quot;') + '">' + (s.name || '') + (smallSample ? ' <span class="text-amber-500" title="样本<40笔">⚠️</span>' : '') + '</td>' +
'<td class="text-center px-2 py-1.5 font-mono text-cyan-300">' + (st.sizing_slots ? st.sizing_slots + '仓' : '10仓') + (st.conviction_model ? '<button onclick="event.stopPropagation();showConviction(\'' + s.version + '\')" class="text-amber-400 hover:text-amber-300" title="查看信念分级仓位规则">⚡</button>' : '') + '</td>' +
@@ -2511,8 +2516,28 @@ function renderStrategyTable(strategies) {
'<button onclick="runStrategyBacktest(\'' + s.version + '\')" class="px-2 py-0.5 bg-blue-600/60 hover:bg-blue-500 rounded text-xs">▶回测</button>' +
'</td></tr>';
}
html += '</tbody></table></div>' +
'<div class="text-xs text-slate-600 mt-2">总收益/最终资产 = 100万本金·最多10等分仓位·24个月组合模拟 · ⚠️样本&lt;40笔 · 绿色=该列最优 · 悬停名称查看改进假设</div>';
ghtml += '</tbody></table></div>';
return ghtml;
};
// 当前区域（展开）+ 历史区域（默认折叠）
let html = '';
if (currentStrats.length) {
html += '<div class="mb-4">' +
'<div class="flex items-center gap-2 mb-2"><span class="text-sm font-semibold text-emerald-400">🟢 当前使用</span><span class="text-xs text-slate-500">(' + currentStrats.length + '个)</span></div>' +
renderGroup(currentStrats, '当前', '🟢', false) +
'</div>';
}
if (historyStrats.length) {
html += '<div class="mb-4">' +
'<button class="w-full flex items-center justify-between px-3 py-2 bg-slate-800/50 hover:bg-slate-800 rounded-lg border border-slate-700 text-sm" onclick="this.nextElementSibling.classList.toggle(\'hidden\'); this.querySelector(\'span\').textContent = this.nextElementSibling.classList.contains(\'hidden\') ? \'▶\' : \'▼\'">' +
'<span class="text-slate-400">📚 历史策略</span><span class="text-slate-500 text-xs">(' + historyStrats.length + '个)</span><span class="text-slate-500">▶</span></button>' +
'<div class="hidden mt-2">' + renderGroup(historyStrats, '历史', '📚', true) + '</div>' +
'</div>';
}
if (!currentStrats.length && !historyStrats.length) {
html = '<div class="text-slate-500">暂无策略版本</div>';
}
html += '<div class="text-xs text-slate-600 mt-2">总收益/最终资产 = 100万本金·最多10等分仓位·24个月组合模拟 · ⚠️样本&lt;40笔 · 绿色=该列最优 · 悬停名称查看改进假设</div>';
el.innerHTML = html;
}