- {f.holdings.map((h, idx) => (
-
-
{h.name}
-
- {typeof h.change === 'number' && (
- 0 ? 'up' : h.change < 0 ? 'down' : ''}`} style={{ marginRight: 8 }}>
- {h.change > 0 ? '+' : ''}{h.change.toFixed(2)}%
-
- )}
- {h.weight}
-
-
- ))}
+ {viewMode === 'list' ? (
+ <>
+
+ {currentTab !== 'all' && currentTab !== 'fav' ? (
+
+ ) : (
+
+ )}
+
+
+ {f.name}
+
+ #{f.code}
+
+
+ {(() => {
+ const now = new Date();
+ const isAfter9 = now.getHours() >= 9;
+ const hasTodayData = f.jzrq === todayStr;
+ const shouldHideChange = isTradingDay && isAfter9 && !hasTodayData;
+
+ if (!shouldHideChange) {
+ // 如果涨跌幅列显示（即非交易时段或今日净值已更新），则显示单位净值和真实涨跌幅
+ return (
+ <>
+
+ {f.dwjz ?? '—'}
+
+
+ 0 ? 'up' : f.zzl < 0 ? 'down' : ''} style={{ fontWeight: 700 }}>
+ {f.zzl !== undefined ? `${f.zzl > 0 ? '+' : ''}${Number(f.zzl).toFixed(2)}%` : ''}
+
+
+
+ );
+ } else {
+ // 否则显示估值净值和估值涨跌幅
+ // 如果是无估值数据的基金，直接显示净值数据
+ if (f.noValuation) {
+ return (
+ <>
+
+ {f.dwjz ?? '—'}
+
+
+ 0 ? 'up' : f.zzl < 0 ? 'down' : ''} style={{ fontWeight: 700 }}>
+ {f.zzl !== undefined && f.zzl !== null ? `${f.zzl > 0 ? '+' : ''}${Number(f.zzl).toFixed(2)}%` : '—'}
+
+
+
+ );
+ }
+ return (
+ <>
+
+ {f.estPricedCoverage > 0.05 ? f.estGsz.toFixed(4) : (f.gsz ?? '—')}
+
+
+ 0.05 ? (f.estGszzl > 0 ? 'up' : f.estGszzl < 0 ? 'down' : '') : (Number(f.gszzl) > 0 ? 'up' : Number(f.gszzl) < 0 ? 'down' : '')} style={{ fontWeight: 700 }}>
+ {f.estPricedCoverage > 0.05 ? `${f.estGszzl > 0 ? '+' : ''}${f.estGszzl.toFixed(2)}%` : (typeof f.gszzl === 'number' ? `${f.gszzl > 0 ? '+' : ''}${f.gszzl.toFixed(2)}%` : f.gszzl ?? '—')}
+
+
+
+ );
+ }
+ })()}
+
+ {f.noValuation ? (f.jzrq || '-') : (f.gztime || f.time || '-')}
+
+ {!isMobile && (() => {
+ const holding = holdings[f.code];
+ const profit = getHoldingProfit(f, holding);
+ const amount = profit ? profit.amount : null;
+ if (amount === null) {
+ return (
+
{ e.stopPropagation(); setHoldingModal({ open: true, fund: f }); }}
+ >
+
+ 未设置
+
+
+ );
+ }
+ return (
+
{ e.stopPropagation(); setActionModal({ open: true, fund: f }); }}
+ >
+ ¥{amount.toFixed(2)}
+
+
+ );
+ })()}
+ {(() => {
+ const holding = holdings[f.code];
+ const profit = getHoldingProfit(f, holding);
+ const profitValue = profit ? profit.profitToday : null;
+ const hasProfit = profitValue !== null;
+
+ return (
+
+ 0 ? 'up' : profitValue < 0 ? 'down' : '') : 'muted'}
+ style={{ fontWeight: 700 }}
+ >
+ {hasProfit
+ ? `${profitValue > 0 ? '+' : profitValue < 0 ? '-' : ''}¥${Math.abs(profitValue).toFixed(2)}`
+ : ''}
+
+
+ );
+ })()}
+ {!isMobile && (() => {
+ const holding = holdings[f.code];
+ const profit = getHoldingProfit(f, holding);
+ const total = profit ? profit.profitTotal : null;
+ const principal = holding && holding.cost && holding.share ? holding.cost * holding.share : 0;
+ const asPercent = percentModes[f.code];
+ const hasTotal = total !== null;
+ const formatted = hasTotal
+ ? (asPercent && principal > 0
+ ? `${total > 0 ? '+' : total < 0 ? '-' : ''}${Math.abs((total / principal) * 100).toFixed(2)}%`
+ : `${total > 0 ? '+' : total < 0 ? '-' : ''}¥${Math.abs(total).toFixed(2)}`)
+ : '';
+ const cls = hasTotal ? (total > 0 ? 'up' : total < 0 ? 'down' : '') : 'muted';
+ return (
+
{
+ e.stopPropagation();
+ if (hasTotal) {
+ setPercentModes(prev => ({ ...prev, [f.code]: !prev[f.code] }));
+ }
+ }}
+ style={{ cursor: hasTotal ? 'pointer' : 'default' }}
+ >
+ {formatted}
+
+ );
+ })()}
+
+
+
+
+ ) : (
+ <>
+
+
+ {currentTab !== 'all' && currentTab !== 'fav' ? (
+
+ ) : (
+
+ )}
+
+
+ {f.name}
+
+ #{f.code}
+
+
+
+
+
+ {f.noValuation ? '净值日期' : '估值时间'}
+ {f.noValuation ? (f.jzrq || '-') : (f.gztime || f.time || '-')}
+
+
+
+
+
+
+
+
+
+ {f.noValuation ? (
+ // 无估值数据的基金，直接显示净值涨跌幅，不显示估值相关字段
+ 0 ? '+' : ''}${Number(f.zzl).toFixed(2)}%` : '—'}
+ delta={f.zzl}
+ />
+ ) : (
+ <>
+ {(() => {
+ const now = new Date();
+ const isAfter9 = now.getHours() >= 9;
+ const hasTodayData = f.jzrq === todayStr;
+ const shouldHideChange = isTradingDay && isAfter9 && !hasTodayData;
+
+ if (shouldHideChange) return null;
+
+ return (
+ 0 ? '+' : ''}${Number(f.zzl).toFixed(2)}%` : ''}
+ delta={f.zzl}
+ />
+ );
+ })()}
+ 0.05 ? f.estGsz.toFixed(4) : (f.gsz ?? '—')} />
+ 0.05 ? `${f.estGszzl > 0 ? '+' : ''}${f.estGszzl.toFixed(2)}%` : (typeof f.gszzl === 'number' ? `${f.gszzl > 0 ? '+' : ''}${f.gszzl.toFixed(2)}%` : f.gszzl ?? '—')}
+ delta={f.estPricedCoverage > 0.05 ? f.estGszzl : (Number(f.gszzl) || 0)}
+ />
+
+ )}
+
+
+
+ {(() => {
+ const holding = holdings[f.code];
+ const profit = getHoldingProfit(f, holding);
+
+ if (!profit) {
+ return (
+
+
持仓金额
+
setHoldingModal({ open: true, fund: f })}
+ >
+ 未设置
+
+
+ );
+ }
+
+ return (
+ <>
+
setActionModal({ open: true, fund: f })}
+ >
+
+ 持仓金额
+
+ ¥{profit.amount.toFixed(2)}
+
+
+ 当日盈亏
+ 0 ? 'up' : profit.profitToday < 0 ? 'down' : ''}`}>
+ {profit.profitToday > 0 ? '+' : profit.profitToday < 0 ? '-' : ''}¥{Math.abs(profit.profitToday).toFixed(2)}
+
+
+ {profit.profitTotal !== null && (
+
{
+ e.stopPropagation();
+ setPercentModes(prev => ({ ...prev, [f.code]: !prev[f.code] }));
+ }}
+ style={{ cursor: 'pointer', flexDirection: 'column', gap: 4 }}
+ title="点击切换金额/百分比"
+ >
+ 持有收益{percentModes[f.code] ? '(%)' : ''}
+ 0 ? 'up' : profit.profitTotal < 0 ? 'down' : ''}`}>
+ {profit.profitTotal > 0 ? '+' : profit.profitTotal < 0 ? '-' : ''}
+ {percentModes[f.code]
+ ? `${Math.abs((holding.cost * holding.share) ? (profit.profitTotal / (holding.cost * holding.share)) * 100 : 0).toFixed(2)}%`
+ : `¥${Math.abs(profit.profitTotal).toFixed(2)}`
+ }
+
+
+ )}
+
+ );
+ })()}
+
+
+ {f.estPricedCoverage > 0.05 && (
+
+ 基于 {Math.round(f.estPricedCoverage * 100)}% 持仓估算
- ) : (
-
暂无重仓数据
)}
-
+
toggleCollapse(f.code)}
+ >
+
+
+ 前10重仓股票
+
+
+
涨跌幅 / 占比
+
+
+
+ {!collapsedCodes.has(f.code) && (
+
+ {Array.isArray(f.holdings) && f.holdings.length ? (
+
+ {f.holdings.map((h, idx) => (
+
+
{h.name}
+
+ {typeof h.change === 'number' && (
+ 0 ? 'up' : h.change < 0 ? 'down' : ''}`} style={{ marginRight: 8 }}>
+ {h.change > 0 ? '+' : ''}{h.change.toFixed(2)}%
+
+ )}
+ {h.weight}
+
+
+ ))}
+
暂无重仓数据
+ )}
+
+ )}
+
+
)}
-
-
- )}
-
-
- ))}
-
-