数据源修改

src/pages/macro/StrategyView.jsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { useParams, useNavigate } from 'react-router-dom'
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'
 import { Card, List, NavBar } from 'antd-mobile'
 import { api } from '../../api/client.js'
@@ -26,7 +27,9 @@ export default function StrategyView() {
   const [strategies, setStrategies] = useState([])
   const [err, setErr] = useState('')
   const [loading, setLoading] = useState(true)
-  const [selected, setSelected] = useState(null)
+  // 路由驱动: /macro/strategy 列表, /macro/strategy/:name 详情, 浏览器/手机返回键天然可用
+  const { name } = useParams()
+  const navigate = useNavigate()
 
   useEffect(() => {
     let cancelled = false
@@ -42,10 +45,10 @@ export default function StrategyView() {
   if (err) return <div className="error-banner">{err}</div>
   if (!strategies.length) return <div className="empty">暂无策略数据</div>
 
-  // 详情态
-  if (selected) {
-    const cur = strategies.find((s) => s.name === selected)
-    if (cur) return <StrategyDetail strategy={cur} onBack={() => setSelected(null)} />
+  // 详情态 (路径 /macro/strategy/:name)
+  if (name) {
+    const cur = strategies.find((s) => s.name === name)
+    if (cur) return <StrategyDetail strategy={cur} onBack={() => navigate('/macro/strategy')} />
   }
 
   // 列表态: 主指标 = 债务/GDP, 趋势基于其最近变化
@@ -64,19 +67,10 @@ export default function StrategyView() {
               description={last
                 ? <><b>{last.debtToGdp}%</b> · 债务利息/GDP {last.interestToGdp}% · {last.year}</>
                 : '暂无数据'}
-              extra={
-                <div className="row-meta">
-                  {last && Math.abs(change) >= 1 && (
-                    <span className="row-change">
-                      {change > 0 ? '+' : ''}{change.toFixed(1)}%
-                    </span>
-                  )}
-                  <TrendBadge trend={trend} />
-                </div>
-              }
+              extra={<TrendBadge trend={trend} />}
               arrowIcon
               clickable
-              onClick={() => setSelected(s.name)}
+              onClick={() => navigate('/macro/strategy/' + s.name)}
             />
           )
         })}