vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-02 19:44:46 +08:00
parent 642de62566
commit 4ba6fd34ff
4 changed files with 16 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/Community/components/DynamicNewsDetail/StockListItem.js
View File

@@ -187,12 +187,13 @@ const StockListItem = ({
{onWatchlistToggle && (
<IconButton
size="xs"
variant={isInWatchlist ? 'solid' : 'ghost'}
variant={isInWatchlist ? 'solid' : 'outline'}
colorScheme={isInWatchlist ? 'yellow' : 'gray'}
icon={<StarIcon />}
icon={<StarIcon color={isInWatchlist ? undefined : 'gray.400'} />}
onClick={handleWatchlistClick}
aria-label={isInWatchlist ? '已关注' : '加自选'}
borderRadius="full"
borderColor={isInWatchlist ? undefined : 'gray.300'}
/>
)}
</HStack>

32
src/views/Dashboard/Center.js
View File

@@ -64,11 +64,6 @@ import MyFutureEvents from './components/MyFutureEvents';
import InvestmentPlanningCenter from './components/InvestmentPlanningCenter';
export default function CenterDashboard() {
// 🔍 性能调试：记录组件渲染
const renderCountRef = React.useRef(0);
renderCountRef.current += 1;
console.log(`[Center] 🔄 渲染次数: ${renderCountRef.current}`, new Date().toISOString());
const { user } = useAuth();
const location = useLocation();
const navigate = useNavigate();
@@ -100,36 +95,19 @@ export default function CenterDashboard() {
const [quotesLoading, setQuotesLoading] = useState(false);
const loadData = useCallback(async () => {
console.log('[Center] 📡 loadData 开始', new Date().toISOString());
try {
const base = getApiBase();
const ts = Date.now();
console.log('[Center] 🌐 开始请求 API...', base);
const [w, e, c] = await Promise.all([
fetch(base + `/api/account/watchlist?_=${ts}`, { credentials: 'include', cache: 'no-store', headers: { 'Cache-Control': 'no-cache' } }),
fetch(base + `/api/account/events/following?_=${ts}`, { credentials: 'include', cache: 'no-store', headers: { 'Cache-Control': 'no-cache' } }),
fetch(base + `/api/account/events/posts?_=${ts}`, { credentials: 'include', cache: 'no-store', headers: { 'Cache-Control': 'no-cache' } }),
]);
// 分开请求，方便定位哪个 API 卡住
console.time('[Center] API: watchlist');
const w = await fetch(base + `/api/account/watchlist?_=${ts}`, { credentials: 'include', cache: 'no-store', headers: { 'Cache-Control': 'no-cache' } });
console.timeEnd('[Center] API: watchlist');
console.log('[Center] ✅ watchlist 响应状态:', w.status);
console.time('[Center] API: events/following');
const e = await fetch(base + `/api/account/events/following?_=${ts}`, { credentials: 'include', cache: 'no-store', headers: { 'Cache-Control': 'no-cache' } });
console.timeEnd('[Center] API: events/following');
console.log('[Center] ✅ events/following 响应状态:', e.status);
console.time('[Center] API: events/posts');
const c = await fetch(base + `/api/account/events/posts?_=${ts}`, { credentials: 'include', cache: 'no-store', headers: { 'Cache-Control': 'no-cache' } });
console.timeEnd('[Center] API: events/posts');
console.log('[Center] ✅ events/posts 响应状态:', c.status);
console.log('[Center] 📥 开始解析 JSON...');
const jw = await w.json();
console.log('[Center] ✅ watchlist JSON 解析完成');
const je = await e.json();
console.log('[Center] ✅ events/following JSON 解析完成');
const jc = await c.json();
console.log('[Center] ✅ events/posts JSON 解析完成');
if (jw.success) {
const watchlistData = Array.isArray(jw.data) ? jw.data : [];
setWatchlist(watchlistData);

6
src/views/Dashboard/components/InvestmentPlanningCenter.tsx
View File

@@ -70,11 +70,6 @@ const PanelLoadingFallback: React.FC = () => (
* InvestmentPlanningCenter 主组件
*/
const InvestmentPlanningCenter: React.FC = () => {
// 🔍 性能调试
const renderCountRef = React.useRef(0);
renderCountRef.current += 1;
console.log(`[InvestmentPlanningCenter] 🔄 渲染次数: ${renderCountRef.current}`, new Date().toISOString());
const toast = useToast();
// 颜色主题
@@ -93,7 +88,6 @@ const InvestmentPlanningCenter: React.FC = () => {
* 加载所有事件数据（日历事件 + 计划 + 复盘）
*/
const loadAllData = useCallback(async (): Promise<void> => {
console.log('[InvestmentPlanningCenter] 📡 loadAllData 被调用', new Date().toISOString());
try {
setLoading(true);
const base = getApiBase();