feat: 档案统计独立卡片、共用交易日历与四所统计页日历

内照明心统计表移至顶部卡片,右侧为日历/图表/交易记录;日历样式适配浅深主题,四所统计分析页同步展示按月盈亏日历。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-30 08:17:53 +08:00
parent 6b872b1f43
commit 14dbf25798
16 changed files with 681 additions and 245 deletions
+19 -107
View File
@@ -6460,6 +6460,22 @@ body.funds-fullscreen-open {
color: var(--muted);
font-size: 0.82rem;
}
.archive-stats-card {
margin-bottom: 14px;
padding: 12px;
background: var(--panel);
border: 1px solid var(--border-soft);
border-radius: var(--radius);
}
.archive-stats-card-head h2 {
margin: 0 0 10px;
font-size: 0.95rem;
}
.archive-stats-card .archive-stats-bar {
border: none;
background: transparent;
overflow: auto;
}
.archive-overview-panel {
display: flex;
flex-direction: column;
@@ -6703,107 +6719,6 @@ body.funds-fullscreen-open {
.archive-trades-table td.neg {
color: #ef4444;
}
.archive-calendar-wrap {
margin-top: 4px;
padding: 10px 12px;
border-radius: 10px;
border: 1px solid var(--border-soft);
background: rgba(15, 23, 42, 0.35);
}
.archive-calendar-head {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 8px;
}
.archive-cal-title {
font-size: 0.95rem;
font-weight: 600;
min-width: 120px;
text-align: center;
}
.archive-cal-weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
margin-bottom: 4px;
}
.archive-cal-wd {
text-align: center;
font-size: 0.72rem;
color: var(--text-muted, #9aa);
}
.archive-cal-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
}
.archive-cal-cell {
min-height: 62px;
padding: 4px 3px;
border-radius: 8px;
border: 1px solid transparent;
background: rgba(30, 41, 59, 0.45);
color: inherit;
font: inherit;
cursor: default;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 2px;
}
.archive-cal-cell.has-trade {
cursor: pointer;
}
.archive-cal-cell.has-trade:hover {
border-color: rgba(99, 102, 241, 0.45);
background: rgba(49, 46, 129, 0.25);
}
.archive-cal-cell.is-selected {
border-color: rgba(99, 102, 241, 0.75);
box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.35);
}
.archive-cal-cell.is-sick-day {
border-color: rgba(239, 68, 68, 0.55);
background: rgba(127, 29, 29, 0.22);
}
.archive-cal-cell.is-sick-day.is-selected {
box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.45);
}
.archive-cal-cell.pnl-pos .archive-cal-pnl {
color: #22c55e;
}
.archive-cal-cell.pnl-neg .archive-cal-pnl {
color: #ef4444;
}
.archive-cal-day-num {
font-size: 0.78rem;
font-weight: 600;
}
.archive-cal-pnl {
font-size: 0.72rem;
font-weight: 600;
line-height: 1.1;
}
.archive-cal-cnt {
font-size: 0.65rem;
color: var(--text-muted, #9aa);
}
.archive-cal-sick-tag {
font-size: 0.62rem;
padding: 1px 4px;
border-radius: 4px;
background: rgba(239, 68, 68, 0.25);
color: #fca5a5;
font-weight: 600;
}
.archive-cal-pad {
background: transparent;
border: none;
min-height: 0;
}
.archive-del-btn {
padding: 3px 8px;
font-size: 0.72rem;
@@ -6875,13 +6790,10 @@ body.funds-fullscreen-open {
order: 2;
flex: 0 0 auto;
min-height: 0;
gap: 0;
gap: 10px;
}
#page-archive .archive-overview-panel {
width: 100%;
}
#page-archive .archive-overview-panel > .archive-panel-head {
display: flex;
#page-archive .archive-stats-card {
margin-bottom: 10px;
}
#page-archive .archive-quotes-list {
min-height: 120px;