fix:增面
This commit is contained in:
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
269
docs/DEBUG_PANELS.md
Normal file
269
docs/DEBUG_PANELS.md
Normal file
@@ -0,0 +1,269 @@
|
||||
# 看板板块逐项调试指南
|
||||
|
||||
本文档按前端每个板块列出:**数据来源表**、**谁写入**、**如何验证**、**常见问题**,便于逐项排查。
|
||||
|
||||
---
|
||||
|
||||
## 数据流总览
|
||||
|
||||
```
|
||||
前端 Dashboard
|
||||
→ useReplaySituation() → situation (来自 WebSocket / GET /api/situation)
|
||||
→ getSituation() 读 server/situationData.js
|
||||
→ 从 SQLite (server/data.db) 多表 SELECT 后拼成 JSON
|
||||
```
|
||||
|
||||
- **写入方**:`server/seed.js`(初始化)、爬虫流水线(`crawler/pipeline.py` + `db_merge.py`)、GDELT 服务(`gdelt_events` / `conflict_stats`)。
|
||||
- **读入方**:仅 `server/situationData.js` 的 `getSituation()`,被 `/api/situation` 与 WebSocket 广播使用。
|
||||
|
||||
---
|
||||
|
||||
## 1. 顶栏 (HeaderPanel)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 最后更新时间 | `situation.lastUpdated` | `situation.updated_at`(表 `situation` id=1) | 爬虫 notify 时更新 |
|
||||
| 在看/看过 | `stats.viewers` / `stats.cumulative` | `visits` / `visitor_count`,见 `POST /api/visit` | 与爬虫无关 |
|
||||
| 美/伊战力条 | `usForces.powerIndex.overall` / `iranForces.powerIndex.overall` | `power_index` 表 | **仅 seed** |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.lastUpdated, .usForces.powerIndex.overall, .iranForces.powerIndex.overall'`
|
||||
- 看板顶栏是否显示时间、双战力数值。
|
||||
|
||||
**常见问题**
|
||||
|
||||
- `lastUpdated` 不变:爬虫未调 `POST /api/crawler/notify` 或 Node 未执行 `reloadFromFile()`。
|
||||
- 战力条为 0:未跑 seed 或 `power_index` 无数据。
|
||||
|
||||
---
|
||||
|
||||
## 2. 事件脉络 / 时间线 (TimelinePanel → EventTimelinePanel + RecentUpdatesPanel)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 近期更新列表 | `situation.recentUpdates` | `situation_update` 表(ORDER BY timestamp DESC LIMIT 50) | 爬虫 `write_updates(new_items)` + seed 若干条 |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.recentUpdates | length'`
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.recentUpdates[0]'`
|
||||
- 或用调试接口:`curl -s -H "x-api-key: $API_ADMIN_KEY" http://localhost:3001/api/db/dashboard | jq '.situation_update | length'`
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 条数为 0:未 seed 且爬虫未写入;或爬虫只跑 main.py(入口 A)未跑 gdelt(入口 B)时,仍会写 `situation_update`,但若 RSS 抓取 0 条则无新数据。
|
||||
- 不更新:爬虫未启动;或未调 notify;或 Node 与爬虫用的不是同一个 `data.db`(路径/环境变量不一致)。
|
||||
|
||||
---
|
||||
|
||||
## 3. 地图 (WarMap)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 美军据点 | `usForces.keyLocations` | `key_location` WHERE side='us' | seed 全量;爬虫通过 `key_location_updates` 只更新 status/damage_level |
|
||||
| 伊朗据点 | `iranForces.keyLocations` | `key_location` WHERE side='iran' | 同上 |
|
||||
| 冲突点(绿/橙/红) | `situation.conflictEvents` | `gdelt_events` 表(ORDER BY event_time DESC LIMIT 30) | GDELT API 写入;或 GDELT 关闭时 RSS 回填 |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.usForces.keyLocations | length, .conflictEvents | length'`
|
||||
- 地图上是否有基地/舰船点位、是否有冲突点图层。
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 无冲突点:`gdelt_events` 为空;未跑 gdelt 或 GDELT 被墙且未用 RSS 回填(`_rss_to_gdelt_fallback`)。
|
||||
- 基地状态不更新:爬虫提取的 `key_location_updates` 的 `name_keywords` 与 `key_location.name` 无法 LIKE 匹配(名称不一致)。
|
||||
|
||||
---
|
||||
|
||||
## 4. 美国基地状态 (BaseStatusPanel)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 基地列表 | `usForces.keyLocations` 中 `type === 'Base'` | `key_location` side='us' | 同 WarMap |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '[.usForces.keyLocations[] | select(.type == "Base")] | length'`
|
||||
- 看板左侧「美国基地」是否展示且状态/损伤与预期一致。
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 与「地图」一致;若 seed 的 key_location 有 type/region,而爬虫只更新 status/damage_level,名称必须能与 extractor 的 name_keywords 匹配。
|
||||
|
||||
---
|
||||
|
||||
## 5. 战损 (CombatLossesPanel + CombatLossesOtherPanel)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 美军/伊朗阵亡/受伤/装备等 | `usForces.combatLosses` / `iranForces.combatLosses` | `combat_losses` 表(side=us/iran) | seed 初始值;爬虫 AI 提取 `combat_losses_delta` 后 db_merge **增量**叠加 |
|
||||
| 冲突统计(估计伤亡等) | `situation.conflictStats` | `conflict_stats` 表 id=1 | GDELT 或 RSS 回填时写入 |
|
||||
| 平民伤亡合计 | `situation.civilianCasualtiesTotal` | 由 combat_losses 双方平民字段 + conflict_stats.estimated_casualties 计算 | 见 situationData.js |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.usForces.combatLosses, .iranForces.combatLosses, .conflictStats'`
|
||||
- 看板战损数字是否与 API 一致。
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 战损一直不变:新闻中无明确伤亡/装备数字;或未跑入口 B(gdelt);或 AI 提取器未启用/报错(Ollama/通义/规则);或 merge 时单次增量被上限截断。
|
||||
- 数字异常大:提取器误把「累计总数」当成本条增量;已用 `MAX_DELTA_PER_MERGE` 做上限。
|
||||
|
||||
---
|
||||
|
||||
## 6. 伊朗基地状态 (IranBaseStatusPanel)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 基地/港/核/导弹等 | `iranForces.keyLocations` 中 type 为 Base/Port/Nuclear/Missile | `key_location` side='iran' | 同 WarMap |
|
||||
|
||||
**验证与常见问题**
|
||||
|
||||
- 同「美国基地」;确保 seed 中伊朗 key_location 的 name 与爬虫 extractor 的 name_keywords 能匹配(如德黑兰、伊斯法罕、布什尔等)。
|
||||
|
||||
---
|
||||
|
||||
## 7. 战力对比图 (PowerChart)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 美/伊战力指数 | `usForces.powerIndex` / `iranForces.powerIndex` | `power_index` 表 | **仅 seed**,爬虫不写 |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.usForces.powerIndex, .iranForces.powerIndex'`
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 为 0 或缺失:未执行 seed;或 `power_index` 表空。
|
||||
|
||||
---
|
||||
|
||||
## 8. 华尔街/投资趋势 (InvestmentTrendChart)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 时间序列 | `usForces.wallStreetInvestmentTrend` | `wall_street_trend` 表(time, value) | seed 写入初始曲线;爬虫仅在提取出 `wall_street` 时 **INSERT 新点** |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.usForces.wallStreetInvestmentTrend | length'`
|
||||
- 看板右侧美国下方趋势图是否有数据。
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 无曲线:未 seed 或表空。
|
||||
- 不随新闻更新:提取器未输出 `wall_street` 或新闻中无相关表述。
|
||||
|
||||
---
|
||||
|
||||
## 9. 美国力量摘要 (ForcePanel side=us)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 摘要数字 | `usForces.summary` | `force_summary` side='us' | **仅 seed** |
|
||||
| 战力指数 | `usForces.powerIndex` | `power_index` | **仅 seed** |
|
||||
| 资产列表 | `usForces.assets` | `force_asset` side='us' | **仅 seed** |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.usForces.summary, .usForces.assets | length'`
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 全为 0 或空:未 seed;爬虫不更新这些表。
|
||||
|
||||
---
|
||||
|
||||
## 10. 报复情绪 (RetaliationGauge)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 当前值 | `iranForces.retaliationSentiment` | `retaliation_current` id=1 | seed 初始;爬虫提取 `retaliation` 时 **替换** 当前值并 **追加** history |
|
||||
| 历史曲线 | `iranForces.retaliationSentimentHistory` | `retaliation_history` 表 | 同上 |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s http://localhost:3001/api/situation | jq '.iranForces.retaliationSentiment, .iranForces.retaliationSentimentHistory | length'`
|
||||
|
||||
**常见问题**
|
||||
|
||||
- 不更新:新闻中无报复相关表述;或提取器未输出 `retaliation`。
|
||||
|
||||
---
|
||||
|
||||
## 11. 伊朗力量摘要 (ForcePanel side=iran)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 同美国侧 | `iranForces.summary` / `powerIndex` / `assets` | `force_summary` / `power_index` / `force_asset` side='iran' | **仅 seed** |
|
||||
|
||||
**验证与常见问题**
|
||||
|
||||
- 同「美国力量摘要」。
|
||||
|
||||
---
|
||||
|
||||
## 12. 资讯列表 (GET /api/news,若有单独页面消费)
|
||||
|
||||
| 项目 | 数据来源 | 写入方 | 说明 |
|
||||
|------|----------|--------|------|
|
||||
| 资讯行 | `news_content` 表 | 爬虫 `save_and_dedup` 后写入 | 仅入口 B 流水线;事件脉络来自 situation_update,资讯表独立 |
|
||||
|
||||
**验证**
|
||||
|
||||
- `curl -s -H "x-api-key: $API_ADMIN_KEY" http://localhost:3001/api/news?limit=5 | jq '.items | length'`
|
||||
- 若未配 ADMIN_KEY,部分环境可能不鉴权也可访问,视 routes 配置而定。
|
||||
|
||||
**常见问题**
|
||||
|
||||
- `items` 为 0:未跑入口 B;或去重后无新增;或 RSS 抓取 0 条。
|
||||
|
||||
---
|
||||
|
||||
## 快速检查命令汇总
|
||||
|
||||
```bash
|
||||
# 1. API 与态势整体
|
||||
curl -s http://localhost:3001/api/health
|
||||
curl -s http://localhost:3001/api/situation | jq '{
|
||||
lastUpdated,
|
||||
recentUpdates: (.recentUpdates | length),
|
||||
conflictEvents: (.conflictEvents | length),
|
||||
usPower: .usForces.powerIndex.overall,
|
||||
iranPower: .iranForces.powerIndex.overall,
|
||||
usLosses: .usForces.combatLosses.personnelCasualties,
|
||||
iranLosses: .iranForces.combatLosses.personnelCasualties,
|
||||
usBases: (.usForces.keyLocations | length),
|
||||
iranBases: (.iranForces.keyLocations | length),
|
||||
wallStreetLen: (.usForces.wallStreetInvestmentTrend | length),
|
||||
retaliationCur: .iranForces.retaliationSentiment
|
||||
}'
|
||||
|
||||
# 2. 各表行数(需 sqlite3)
|
||||
DB="${DB_PATH:-server/data.db}"
|
||||
for t in force_summary power_index force_asset key_location combat_losses wall_street_trend retaliation_current retaliation_history situation_update gdelt_events conflict_stats news_content; do
|
||||
echo -n "$t: "; sqlite3 "$DB" "SELECT COUNT(*) FROM $t" 2>/dev/null || echo "?"
|
||||
done
|
||||
|
||||
# 3. 爬虫状态与通知
|
||||
curl -s http://localhost:8000/crawler/status | jq .
|
||||
curl -s -X POST http://localhost:3001/api/crawler/notify
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 建议调试顺序
|
||||
|
||||
1. **先确认 API 与 DB 一致**:`npm run api` 已起、`GET /api/situation` 返回 200,且 `lastUpdated`、`recentUpdates` 等存在。
|
||||
2. **确认 seed**:若从未 seed,先跑 `node server/seed.js`(或项目提供的 seed 命令),再刷新看板,检查战力/摘要/基地/战损等是否有初始值。
|
||||
3. **事件脉络**:确认爬虫已起(`npm run gdelt`)、RSS 能抓到条数、`situation_update` 条数增加、notify 后前端/API 的 `recentUpdates` 增加。
|
||||
4. **战损/基地/报复/美股**:确认跑的是入口 B、提取器可用(Ollama 或 DASHSCOPE_API_KEY 或规则)、新闻内容包含可解析的伤亡/基地/报复表述;必要时用 crawler 的提取单测或 backfill 接口验证。
|
||||
5. **地图冲突点**:确认 `gdelt_events` 有数据(GDELT 或 RSS 回填);冲突统计看 `conflict_stats`。
|
||||
|
||||
按上述顺序逐板块对照「数据来源 → 写入方 → 验证命令 → 常见问题」,即可定位每个板块不更新或显示异常的原因。
|
||||
|
||||
**若只关心战损、基地、地图战区**:见 **docs/DEBUG_战损_基地_地图.md**,并运行 `./scripts/debug-panels-focus.sh` 做专项检查。
|
||||
135
docs/DEBUG_战损_基地_地图.md
Normal file
135
docs/DEBUG_战损_基地_地图.md
Normal file
@@ -0,0 +1,135 @@
|
||||
# 战损、基地、地图战区 — 专项调试
|
||||
|
||||
只关心这三块时,按下面数据源 + 排查顺序即可。
|
||||
|
||||
---
|
||||
|
||||
## 一、战损 (combat_losses)
|
||||
|
||||
### 数据流
|
||||
|
||||
```
|
||||
RSS 新闻(标题+摘要/正文) → 爬虫流水线 run_full_pipeline
|
||||
→ extract_from_news(text) → combat_losses_delta { us: { personnel_killed, ... }, iran: { ... } }
|
||||
→ db_merge.merge() → 按「增量」叠加到 combat_losses 表
|
||||
→ POST /api/crawler/notify → Node 重载 DB
|
||||
→ getSituation() 读 combat_losses → 前端 CombatLossesPanel / CombatLossesOtherPanel
|
||||
```
|
||||
|
||||
- **表**:`combat_losses`(side=us / iran),字段含 personnel_killed、personnel_wounded、bases_destroyed、bases_damaged、aircraft、drones、missiles 等。
|
||||
- **初始值**:`node server/seed.js` 会写入美/伊两行。
|
||||
- **更新条件**:只有新闻里**明确出现可解析的伤亡/装备数字**(如「2 名美军死亡」「14 人受伤」「1 架战机受损」)时,提取器才会输出 `combat_losses_delta`,merge 才会叠加。
|
||||
|
||||
### 提取器选择(三选一)
|
||||
|
||||
| 环境变量 | 使用模块 | 说明 |
|
||||
|----------|----------|------|
|
||||
| `DASHSCOPE_API_KEY` 已设 | `extractor_dashscope` | 通义抽取,精度较好 |
|
||||
| 未设通义 且 `CLEANER_AI_DISABLED≠1` | `extractor_ai` | 需本机 Ollama(如 llama3.1) |
|
||||
| 未设通义 且 `CLEANER_AI_DISABLED=1` | `extractor_rules` | 规则正则,无需模型 |
|
||||
|
||||
### 验证命令
|
||||
|
||||
```bash
|
||||
# API 返回的战损
|
||||
curl -s http://localhost:3001/api/situation | jq '{
|
||||
us: .usForces.combatLosses.personnelCasualties,
|
||||
iran: .iranForces.combatLosses.personnelCasualties,
|
||||
conflictStats: .conflictStats
|
||||
}'
|
||||
|
||||
# 表内原始值
|
||||
sqlite3 server/data.db "SELECT side, personnel_killed, personnel_wounded, bases_destroyed, bases_damaged, aircraft FROM combat_losses"
|
||||
```
|
||||
|
||||
### 常见问题
|
||||
|
||||
| 现象 | 可能原因 | 处理 |
|
||||
|------|----------|------|
|
||||
| 战损数字从不变化 | 1) 只跑了 main.py 未跑 gdelt<br>2) 新闻里没有明确伤亡/装备数字<br>3) 提取器未启用或报错(Ollama 未起、通义未配) | 跑 `npm run gdelt`;用带数字的新闻测;看爬虫日志是否有提取/merge 报错 |
|
||||
| 数字暴增一次 | 提取器把「累计总数」当成本条增量 | 已用 MAX_DELTA_PER_MERGE 做单次上限;可查 db_merge.py |
|
||||
| 想用已有事件脉络重算战损 | 历史新闻当时未做提取 | `curl -X POST http://localhost:8000/crawler/backfill` 用 situation_update 最近 50 条重新提取并 merge |
|
||||
|
||||
---
|
||||
|
||||
## 二、基地 (key_location)
|
||||
|
||||
### 数据流
|
||||
|
||||
```
|
||||
RSS 新闻 → extract_from_news → key_location_updates: [ { name_keywords, side, status, damage_level } ]
|
||||
→ db_merge.merge() → UPDATE key_location SET status=?, damage_level=? WHERE side=? AND (name LIKE ? OR ...)
|
||||
→ getSituation() 读 key_location → 前端 BaseStatusPanel(美) / IranBaseStatusPanel(伊) / WarMap 据点层
|
||||
```
|
||||
|
||||
- **表**:`key_location`(side=us / iran),字段含 name、lat、lng、type、region、**status**、**damage_level**。
|
||||
- **初始数据**:seed 写入大量美/伊据点和基地(含 name);**爬虫只更新已有行的 status、damage_level**,不新增行。
|
||||
- **匹配规则**:提取器的 `name_keywords`(如 `阿萨德|asad`)会按 **LIKE '%关键词%'** 与 `key_location.name` 匹配。例如 name 为「阿萨德空军基地」时,关键词「阿萨德」能匹配。
|
||||
|
||||
### 规则提取器支持的基地关键词(与 seed name 对应关系)
|
||||
|
||||
- **美军**:阿萨德|阿因|asad → 匹配 seed「阿萨德空军基地」「阿因·阿萨德」;巴格达 → 巴格达外交支援中心;乌代德|卡塔尔 → 乌代德空军基地;埃尔比勒 → 埃尔比勒空军基地;因吉尔利克|土耳其 → 因吉尔利克空军基地;苏尔坦|沙特 → 苏尔坦亲王空军基地;坦夫|叙利亚 → 坦夫驻军;达夫拉|阿联酋 → 达夫拉空军基地;内瓦提姆|拉蒙|以色列 → 内瓦提姆/拉蒙等;赛利耶、巴林、科威特 等。
|
||||
- **伊朗**:阿巴斯港、德黑兰、布什尔、伊斯法罕、纳坦兹、米纳布、霍尔木兹 等(seed 中需有对应 name 的伊朗据点)。
|
||||
|
||||
若 seed 里没有某据点,或 name 与关键词完全对不上(例如英文报道只写 "Al-Asad" 而 seed 只有「阿萨德空军基地」),规则里已含 asad/阿萨德,一般能匹配;若仍不匹配,可查 `key_location.name` 与 extractor_rules.py / extractor_dashscope 的 name_keywords 是否有一致子串。
|
||||
|
||||
### 验证命令
|
||||
|
||||
```bash
|
||||
# 被标为遭袭的据点
|
||||
curl -s http://localhost:3001/api/situation | jq '[.usForces.keyLocations[], .iranForces.keyLocations[]] | map(select(.status == "attacked")) | length'
|
||||
|
||||
# 表内 status / damage_level
|
||||
sqlite3 server/data.db "SELECT side, name, status, damage_level FROM key_location WHERE status != 'operational' OR damage_level IS NOT NULL LIMIT 20"
|
||||
```
|
||||
|
||||
### 常见问题
|
||||
|
||||
| 现象 | 可能原因 | 处理 |
|
||||
|------|----------|------|
|
||||
| 基地状态从不更新 | 1) 新闻未提及「某基地遭袭」类表述<br>2) 提取的 name_keywords 与 key_location.name 无法 LIKE 匹配 | 确认 seed 的 name 含中文/英文与提取器关键词一致;或扩展 extractor 的 name_keywords |
|
||||
| 地图/基地面板无据点 | key_location 表空 | 先执行 `node server/seed.js` |
|
||||
|
||||
---
|
||||
|
||||
## 三、地图战区 / 冲突点 (gdelt_events + conflict_stats)
|
||||
|
||||
### 数据流
|
||||
|
||||
- **正常模式**:`fetch_gdelt_events()` 请求 GDELT API → 解析为事件列表 → `_write_to_db(events)` 写入 `gdelt_events` 和 `conflict_stats`(总事件数、高影响事件数、估计伤亡、打击次数等)。
|
||||
- **GDELT 不可用**:设 `GDELT_DISABLED=1` 时,`fetch_news()` 里在流水线结束后调 `_rss_to_gdelt_fallback()`,用 **situation_update 最近 50 条** 按 summary 推断经纬度(`_infer_coords`)和 impact_score(由 severity 映射),写入 `gdelt_events`,这样地图仍有冲突点。
|
||||
|
||||
前端 WarMap 根据 `conflictEvents`(= gdelt_events)的 impact_score 分绿/橙/红三层显示;战损区「冲突统计」来自 `conflict_stats`。
|
||||
|
||||
### 验证命令
|
||||
|
||||
```bash
|
||||
# 冲突点条数 + 冲突统计
|
||||
curl -s http://localhost:3001/api/situation | jq '{ conflictEvents: (.conflictEvents | length), conflictStats: .conflictStats }'
|
||||
|
||||
# 表内
|
||||
sqlite3 server/data.db "SELECT COUNT(*) FROM gdelt_events"
|
||||
sqlite3 server/data.db "SELECT * FROM conflict_stats WHERE id = 1"
|
||||
```
|
||||
|
||||
### 常见问题
|
||||
|
||||
| 现象 | 可能原因 | 处理 |
|
||||
|------|----------|------|
|
||||
| 地图没有冲突点 | 1) gdelt_events 表空<br>2) 未跑 gdelt 或 GDELT 被墙且未开 RSS 回填 | 跑 `npm run gdelt`;国内可设 `GDELT_DISABLED=1`,靠 situation_update 回填 |
|
||||
| 冲突点不更新 | 爬虫未调 notify,或 Node/爬虫用的不是同一个 data.db | 确认 API_BASE、DB_PATH 一致;看 Node 终端是否有 `[crawler/notify] DB 已重载` |
|
||||
| conflict_stats 全 0 | 从未成功写入过 gdelt_events(GDELT 与 RSS 回填都未执行) | 先让 gdelt_events 有数据(见上) |
|
||||
|
||||
---
|
||||
|
||||
## 四、一键检查(仅战损 / 基地 / 地图)
|
||||
|
||||
在项目根执行:
|
||||
|
||||
```bash
|
||||
./scripts/debug-panels-focus.sh
|
||||
```
|
||||
|
||||
会检查:API 是否通、`combat_losses` / `key_location` / `gdelt_events` / `conflict_stats` 行数及关键字段、并给出简短结论。需已启动 API(`npm run api`);可选 `jq`、`sqlite3` 以输出更全。
|
||||
|
||||
详细逐板块说明见 `docs/DEBUG_PANELS.md`。
|
||||
140
scripts/check-crawler-data.cjs
Normal file
140
scripts/check-crawler-data.cjs
Normal file
@@ -0,0 +1,140 @@
|
||||
#!/usr/bin/env node
|
||||
/**
|
||||
* 检查爬虫写入的数据:条数 + 最近内容(situation_update、news_content、gdelt_events)
|
||||
* 用法(项目根目录): node scripts/check-crawler-data.cjs
|
||||
* 可选:先启动爬虫 npm run gdelt,再启动 API 或直接运行本脚本读 DB
|
||||
*/
|
||||
const path = require('path')
|
||||
const http = require('http')
|
||||
|
||||
const projectRoot = path.resolve(__dirname, '..')
|
||||
process.chdir(projectRoot)
|
||||
|
||||
const db = require('../server/db')
|
||||
|
||||
const CRAWLER_URL = process.env.CRAWLER_URL || 'http://localhost:8000'
|
||||
const SHOW_ROWS = 10
|
||||
|
||||
function fetchCrawlerStatus() {
|
||||
return new Promise((resolve) => {
|
||||
const url = new URL(`${CRAWLER_URL}/crawler/status`)
|
||||
const req = http.request(
|
||||
{ hostname: url.hostname, port: url.port || 80, path: url.pathname, method: 'GET', timeout: 3000 },
|
||||
(res) => {
|
||||
let body = ''
|
||||
res.on('data', (c) => (body += c))
|
||||
res.on('end', () => {
|
||||
try {
|
||||
resolve(JSON.parse(body))
|
||||
} catch {
|
||||
resolve(null)
|
||||
}
|
||||
})
|
||||
}
|
||||
)
|
||||
req.on('error', () => resolve(null))
|
||||
req.end()
|
||||
})
|
||||
}
|
||||
|
||||
async function run() {
|
||||
console.log('========================================')
|
||||
console.log('爬虫数据检查(条数 + 最近内容)')
|
||||
console.log('========================================\n')
|
||||
|
||||
// ---------- 爬虫服务状态(可选)----------
|
||||
const status = await fetchCrawlerStatus()
|
||||
if (status) {
|
||||
console.log('--- 爬虫服务状态 GET /crawler/status ---')
|
||||
console.log(' db_path:', status.db_path)
|
||||
console.log(' db_exists:', status.db_exists)
|
||||
console.log(' situation_update_count:', status.situation_update_count)
|
||||
console.log(' last_fetch_items:', status.last_fetch_items, '(本轮抓取条数)')
|
||||
console.log(' last_fetch_inserted:', status.last_fetch_inserted, '(去重后新增)')
|
||||
if (status.last_fetch_error) console.log(' last_fetch_error:', status.last_fetch_error)
|
||||
console.log('')
|
||||
} else {
|
||||
console.log('--- 爬虫服务 ---')
|
||||
console.log(' 未启动或不可达:', CRAWLER_URL)
|
||||
console.log('')
|
||||
}
|
||||
|
||||
// ---------- situation_update(事件脉络,看板「近期更新」)----------
|
||||
let situationUpdateRows = []
|
||||
let situationUpdateCount = 0
|
||||
try {
|
||||
situationUpdateCount = db.prepare('SELECT COUNT(*) as c FROM situation_update').get().c
|
||||
situationUpdateRows = db
|
||||
.prepare(
|
||||
'SELECT id, timestamp, category, summary, severity FROM situation_update ORDER BY timestamp DESC LIMIT ?'
|
||||
)
|
||||
.all(SHOW_ROWS)
|
||||
} catch (e) {
|
||||
console.log('situation_update 表读取失败:', e.message)
|
||||
}
|
||||
|
||||
console.log('--- situation_update(事件脉络)---')
|
||||
console.log(' 总条数:', situationUpdateCount)
|
||||
if (situationUpdateRows.length > 0) {
|
||||
console.log(' 最近', situationUpdateRows.length, '条:')
|
||||
situationUpdateRows.forEach((r, i) => {
|
||||
const summary = (r.summary || '').slice(0, 50)
|
||||
console.log(` ${i + 1}. [${r.timestamp}] ${r.category}/${r.severity} ${summary}${summary.length >= 50 ? '…' : ''}`)
|
||||
})
|
||||
}
|
||||
console.log('')
|
||||
|
||||
// ---------- news_content(资讯表,爬虫去重后写入)----------
|
||||
let newsCount = 0
|
||||
let newsRows = []
|
||||
try {
|
||||
newsCount = db.prepare('SELECT COUNT(*) as c FROM news_content').get().c
|
||||
newsRows = db
|
||||
.prepare(
|
||||
'SELECT title, summary, source, published_at, category, severity FROM news_content ORDER BY published_at DESC LIMIT ?'
|
||||
)
|
||||
.all(SHOW_ROWS)
|
||||
} catch (e) {
|
||||
console.log('news_content 表读取失败:', e.message)
|
||||
}
|
||||
|
||||
console.log('--- news_content(资讯表)---')
|
||||
console.log(' 总条数:', newsCount)
|
||||
if (newsRows.length > 0) {
|
||||
console.log(' 最近', newsRows.length, '条:')
|
||||
newsRows.forEach((r, i) => {
|
||||
const title = (r.title || '').slice(0, 45)
|
||||
console.log(` ${i + 1}. [${r.published_at || ''}] ${r.source || ''} ${title}${title.length >= 45 ? '…' : ''}`)
|
||||
if (r.summary) console.log(` summary: ${(r.summary || '').slice(0, 60)}…`)
|
||||
})
|
||||
}
|
||||
console.log('')
|
||||
|
||||
// ---------- gdelt_events(地图冲突点)----------
|
||||
let gdeltCount = 0
|
||||
let gdeltRows = []
|
||||
try {
|
||||
gdeltCount = db.prepare('SELECT COUNT(*) as c FROM gdelt_events').get().c
|
||||
gdeltRows = db
|
||||
.prepare('SELECT event_id, event_time, title, impact_score FROM gdelt_events ORDER BY event_time DESC LIMIT 5')
|
||||
.all()
|
||||
} catch (e) {
|
||||
console.log('gdelt_events 表读取失败:', e.message)
|
||||
}
|
||||
|
||||
console.log('--- gdelt_events(地图冲突点)---')
|
||||
console.log(' 总条数:', gdeltCount)
|
||||
if (gdeltRows.length > 0) {
|
||||
console.log(' 最近 5 条:')
|
||||
gdeltRows.forEach((r, i) => {
|
||||
const title = (r.title || '').slice(0, 50)
|
||||
console.log(` ${i + 1}. [${r.event_time}] impact=${r.impact_score} ${title}${title.length >= 50 ? '…' : ''}`)
|
||||
})
|
||||
}
|
||||
console.log('========================================')
|
||||
}
|
||||
|
||||
db.initDb().then(() => run()).catch((err) => {
|
||||
console.error('失败:', err.message)
|
||||
process.exit(1)
|
||||
})
|
||||
78
scripts/debug-panels-focus.sh
Executable file
78
scripts/debug-panels-focus.sh
Executable file
@@ -0,0 +1,78 @@
|
||||
#!/usr/bin/env bash
|
||||
# 仅检查:战损、基地、地图战区 三块数据
|
||||
# 用法: ./scripts/debug-panels-focus.sh
|
||||
|
||||
set -e
|
||||
API_URL="${API_URL:-http://localhost:3001}"
|
||||
PROJECT_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
|
||||
DB_PATH="${DB_PATH:-$PROJECT_ROOT/server/data.db}"
|
||||
|
||||
echo "=========================================="
|
||||
echo "战损 / 基地 / 地图战区 — 数据检查"
|
||||
echo "API: $API_URL | DB: $DB_PATH"
|
||||
echo "=========================================="
|
||||
echo ""
|
||||
|
||||
# ---------- API 连通 ----------
|
||||
if ! curl -sf "$API_URL/api/health" >/dev/null 2>&1; then
|
||||
echo "✗ API 无响应,请先运行: npm run api"
|
||||
exit 1
|
||||
fi
|
||||
echo "✓ API 正常"
|
||||
echo ""
|
||||
|
||||
SIT=$(curl -sf "$API_URL/api/situation" 2>/dev/null || echo "{}")
|
||||
|
||||
# ---------- 1. 战损 ----------
|
||||
echo "[1] 战损 (combat_losses)"
|
||||
if command -v jq &>/dev/null; then
|
||||
us_k=$(echo "$SIT" | jq -r '.usForces.combatLosses.personnelCasualties.killed // "?"')
|
||||
us_w=$(echo "$SIT" | jq -r '.usForces.combatLosses.personnelCasualties.wounded // "?"')
|
||||
ir_k=$(echo "$SIT" | jq -r '.iranForces.combatLosses.personnelCasualties.killed // "?"')
|
||||
ir_w=$(echo "$SIT" | jq -r '.iranForces.combatLosses.personnelCasualties.wounded // "?"')
|
||||
echo " 美军 阵亡=$us_k 受伤=$us_w | 伊朗 阵亡=$ir_k 受伤=$ir_w"
|
||||
echo " conflictStats: $(echo "$SIT" | jq -c '.conflictStats')"
|
||||
else
|
||||
echo " (安装 jq 可显示详细数字)"
|
||||
fi
|
||||
if [[ -f "$DB_PATH" ]] && command -v sqlite3 &>/dev/null; then
|
||||
echo " 表 combat_losses:"
|
||||
sqlite3 "$DB_PATH" "SELECT side, personnel_killed, personnel_wounded, bases_destroyed, bases_damaged FROM combat_losses" 2>/dev/null | while read -r line; do echo " $line"; done
|
||||
fi
|
||||
echo " 数据来源: seed 初始;爬虫从新闻提取 combat_losses_delta 后 db_merge 增量叠加。不更新→检查是否跑 gdelt、提取器是否输出、新闻是否含伤亡数字。"
|
||||
echo ""
|
||||
|
||||
# ---------- 2. 基地 ----------
|
||||
echo "[2] 基地 (key_location)"
|
||||
if command -v jq &>/dev/null; then
|
||||
us_loc=$(echo "$SIT" | jq -r '.usForces.keyLocations | length')
|
||||
ir_loc=$(echo "$SIT" | jq -r '.iranForces.keyLocations | length')
|
||||
us_attacked=$(echo "$SIT" | jq -r '[.usForces.keyLocations[] | select(.status == "attacked")] | length')
|
||||
ir_attacked=$(echo "$SIT" | jq -r '[.iranForces.keyLocations[] | select(.status == "attacked")] | length')
|
||||
echo " 美军 据点=$us_loc 遭袭=$us_attacked | 伊朗 据点=$ir_loc 遭袭=$ir_attacked"
|
||||
fi
|
||||
if [[ -f "$DB_PATH" ]] && command -v sqlite3 &>/dev/null; then
|
||||
echo " 表 key_location 遭袭/有损伤的:"
|
||||
sqlite3 "$DB_PATH" "SELECT side, name, status, damage_level FROM key_location WHERE status != 'operational' OR damage_level IS NOT NULL LIMIT 10" 2>/dev/null | while read -r line; do echo " $line"; done
|
||||
fi
|
||||
echo " 数据来源: seed 写入全部据点;爬虫只更新 status/damage_level,需 name_keywords 与 name LIKE 匹配。不更新→检查新闻是否提基地遭袭、关键词与 seed name 是否一致。"
|
||||
echo ""
|
||||
|
||||
# ---------- 3. 地图战区 ----------
|
||||
echo "[3] 地图战区 (gdelt_events + conflict_stats)"
|
||||
if command -v jq &>/dev/null; then
|
||||
ev_cnt=$(echo "$SIT" | jq -r '.conflictEvents | length')
|
||||
echo " conflictEvents 条数: $ev_cnt"
|
||||
echo " conflictStats: $(echo "$SIT" | jq -c '.conflictStats')"
|
||||
fi
|
||||
if [[ -f "$DB_PATH" ]] && command -v sqlite3 &>/dev/null; then
|
||||
n_ev=$(sqlite3 "$DB_PATH" "SELECT COUNT(*) FROM gdelt_events" 2>/dev/null || echo "0")
|
||||
echo " 表 gdelt_events 行数: $n_ev"
|
||||
sqlite3 "$DB_PATH" "SELECT total_events, high_impact_events, estimated_casualties, estimated_strike_count FROM conflict_stats WHERE id = 1" 2>/dev/null | while read -r line; do echo " conflict_stats: $line"; done
|
||||
fi
|
||||
echo " 数据来源: GDELT API 写入;或 GDELT_DISABLED=1 时由 situation_update 回填。无点→跑 gdelt 或开启 RSS 回填。"
|
||||
echo ""
|
||||
|
||||
echo "=========================================="
|
||||
echo "详细说明与排查顺序见: docs/DEBUG_战损_基地_地图.md"
|
||||
echo "=========================================="
|
||||
83
scripts/debug-panels.sh
Executable file
83
scripts/debug-panels.sh
Executable file
@@ -0,0 +1,83 @@
|
||||
#!/usr/bin/env bash
|
||||
# 看板板块数据快速检查:各表/API 与板块对应关系,便于逐项 debug
|
||||
# 用法: ./scripts/debug-panels.sh
|
||||
# 依赖: curl;可选 jq、sqlite3 以输出更清晰
|
||||
|
||||
set -e
|
||||
API_URL="${API_URL:-http://localhost:3001}"
|
||||
PROJECT_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
|
||||
DB_PATH="${DB_PATH:-$PROJECT_ROOT/server/data.db}"
|
||||
|
||||
echo "=========================================="
|
||||
echo "看板板块数据检查 (DEBUG_PANELS)"
|
||||
echo "API: $API_URL | DB: $DB_PATH"
|
||||
echo "=========================================="
|
||||
echo ""
|
||||
|
||||
# ---------- 1. API 健康与态势摘要 ----------
|
||||
echo "[1] API 与态势摘要"
|
||||
if ! curl -sf "$API_URL/api/health" >/dev/null 2>&1; then
|
||||
echo " ✗ API 无响应,请先运行: npm run api"
|
||||
echo " 后续表检查将跳过(依赖 API 或直接读 DB)"
|
||||
else
|
||||
echo " ✓ API 正常"
|
||||
SIT=$(curl -sf "$API_URL/api/situation" 2>/dev/null || echo "{}")
|
||||
if command -v jq &>/dev/null; then
|
||||
echo " lastUpdated: $(echo "$SIT" | jq -r '.lastUpdated // "?"')"
|
||||
echo " recentUpdates: $(echo "$SIT" | jq -r '.recentUpdates | length') 条 → 事件脉络"
|
||||
echo " conflictEvents: $(echo "$SIT" | jq -r '.conflictEvents | length') 条 → 地图冲突点"
|
||||
echo " us powerIndex: $(echo "$SIT" | jq -r '.usForces.powerIndex.overall') → 顶栏/战力图"
|
||||
echo " iran powerIndex: $(echo "$SIT" | jq -r '.iranForces.powerIndex.overall')"
|
||||
echo " us keyLocations: $(echo "$SIT" | jq -r '.usForces.keyLocations | length') 条 → 美国基地/地图"
|
||||
echo " iran keyLocations: $(echo "$SIT" | jq -r '.iranForces.keyLocations | length') 条 → 伊朗基地/地图"
|
||||
echo " us combatLosses: killed=$(echo "$SIT" | jq -r '.usForces.combatLosses.personnelCasualties.killed') wounded=$(echo "$SIT" | jq -r '.usForces.combatLosses.personnelCasualties.wounded')"
|
||||
echo " wallStreet points: $(echo "$SIT" | jq -r '.usForces.wallStreetInvestmentTrend | length') → 华尔街图"
|
||||
echo " retaliation: $(echo "$SIT" | jq -r '.iranForces.retaliationSentiment') (history: $(echo "$SIT" | jq -r '.iranForces.retaliationSentimentHistory | length') 条)"
|
||||
else
|
||||
echo " (安装 jq 可显示详细字段) 态势已拉取,长度: ${#SIT}"
|
||||
fi
|
||||
fi
|
||||
echo ""
|
||||
|
||||
# ---------- 2. 各表行数(直接读 DB)----------
|
||||
echo "[2] 数据库表行数(与板块对应)"
|
||||
if ! [[ -f "$DB_PATH" ]]; then
|
||||
echo " ✗ 数据库文件不存在: $DB_PATH"
|
||||
echo " 请先 seed: node server/seed.js 或 启动 API 后由 initDb 创建"
|
||||
elif ! command -v sqlite3 &>/dev/null; then
|
||||
echo " (未安装 sqlite3,跳过表统计。可安装后重试)"
|
||||
else
|
||||
TABLES="force_summary power_index force_asset key_location combat_losses wall_street_trend retaliation_current retaliation_history situation_update situation gdelt_events conflict_stats news_content"
|
||||
for t in $TABLES; do
|
||||
n=$(sqlite3 "$DB_PATH" "SELECT COUNT(*) FROM $t" 2>/dev/null || echo "?")
|
||||
case "$t" in
|
||||
force_summary) desc="力量摘要(美/伊)" ;;
|
||||
power_index) desc="战力指数 → 顶栏/战力图" ;;
|
||||
force_asset) desc="资产列表 → 左右侧摘要" ;;
|
||||
key_location) desc="据点 → 地图/美伊基地面板" ;;
|
||||
combat_losses) desc="战损 → 战损面板" ;;
|
||||
wall_street_trend) desc="华尔街趋势图" ;;
|
||||
retaliation_current) desc="报复当前值" ;;
|
||||
retaliation_history) desc="报复历史 → 仪表盘" ;;
|
||||
situation_update) desc="事件脉络 → 时间线" ;;
|
||||
situation) desc="updated_at → 顶栏时间" ;;
|
||||
gdelt_events) desc="冲突点 → 地图图层" ;;
|
||||
conflict_stats) desc="冲突统计 → 战损区" ;;
|
||||
news_content) desc="资讯表 → /api/news" ;;
|
||||
*) desc="" ;;
|
||||
esac
|
||||
printf " %-22s %6s %s\n" "$t" "$n" "$desc"
|
||||
done
|
||||
fi
|
||||
echo ""
|
||||
|
||||
# ---------- 3. 板块健康简要判断 ----------
|
||||
echo "[3] 板块数据来源与可能问题"
|
||||
echo " • 仅 seed、爬虫不写: force_summary, power_index, force_asset"
|
||||
echo " • 爬虫可更新: situation_update(事件脉络), key_location(基地状态), combat_losses(战损), retaliation_*, wall_street_trend, gdelt_events"
|
||||
echo " • 事件脉络不更新 → 检查爬虫是否启动、是否调用 POST /api/crawler/notify"
|
||||
echo " • 战损/基地不更新 → 检查是否跑 npm run gdelt、提取器是否输出、新闻是否含相关表述"
|
||||
echo " • 地图无冲突点 → 检查 gdelt_events 是否有数据、GDELT 或 RSS 回填是否执行"
|
||||
echo ""
|
||||
echo "详细逐板块说明见: docs/DEBUG_PANELS.md"
|
||||
echo "=========================================="
|
||||
17
scripts/run-crawler-range.sh
Executable file
17
scripts/run-crawler-range.sh
Executable file
@@ -0,0 +1,17 @@
|
||||
#!/usr/bin/env bash
|
||||
# 按时间范围跑一轮爬虫(RSS:仅保留指定起始时间之后的条目)
|
||||
# 用法:
|
||||
# ./scripts/run-crawler-range.sh # 默认从 2026-02-28 0:00 到现在
|
||||
# ./scripts/run-crawler-range.sh 2026-02-25T00:00:00
|
||||
#
|
||||
# GDELT 时间范围需在启动 gdelt 服务时设置,例如:
|
||||
# GDELT_TIMESPAN=3d npm run gdelt
|
||||
|
||||
set -e
|
||||
START="${1:-2026-02-28T00:00:00}"
|
||||
cd "$(dirname "$0")/.."
|
||||
echo "RSS 抓取时间范围: 仅保留 ${START} 之后"
|
||||
echo "运行: cd crawler && CRAWL_START_DATE=${START} python run_once.py"
|
||||
echo ""
|
||||
export CRAWL_START_DATE="$START"
|
||||
(cd crawler && python3 run_once.py)
|
||||
81
scripts/verify-panels.cjs
Normal file
81
scripts/verify-panels.cjs
Normal file
@@ -0,0 +1,81 @@
|
||||
#!/usr/bin/env node
|
||||
/**
|
||||
* 代码层执行看板验证:直接调用 getSituation() 与 DB,输出战损 / 基地 / 地图战区 结果。
|
||||
* 用法(项目根目录): node scripts/verify-panels.cjs
|
||||
*/
|
||||
const path = require('path')
|
||||
|
||||
const projectRoot = path.resolve(__dirname, '..')
|
||||
process.chdir(projectRoot)
|
||||
|
||||
const db = require('../server/db')
|
||||
const { getSituation } = require('../server/situationData')
|
||||
|
||||
function run() {
|
||||
const s = getSituation()
|
||||
|
||||
console.log('========================================')
|
||||
console.log('看板数据验证(与 API getSituation 一致)')
|
||||
console.log('========================================\n')
|
||||
|
||||
console.log('lastUpdated:', s.lastUpdated)
|
||||
console.log('')
|
||||
|
||||
// ---------- 1. 战损 ----------
|
||||
console.log('--- [1] 战损 combat_losses ---')
|
||||
const us = s.usForces.combatLosses
|
||||
const ir = s.iranForces.combatLosses
|
||||
console.log('美军 阵亡:', us.personnelCasualties.killed, '受伤:', us.personnelCasualties.wounded)
|
||||
console.log('美军 基地毁/损:', us.bases.destroyed, '/', us.bases.damaged)
|
||||
console.log('美军 战机/舰艇/装甲/车辆:', us.aircraft, us.warships, us.armor, us.vehicles)
|
||||
console.log('伊朗 阵亡:', ir.personnelCasualties.killed, '受伤:', ir.personnelCasualties.wounded)
|
||||
console.log('伊朗 基地毁/损:', ir.bases.destroyed, '/', ir.bases.damaged)
|
||||
console.log('平民合计 killed/wounded:', s.civilianCasualtiesTotal.killed, s.civilianCasualtiesTotal.wounded)
|
||||
console.log('conflictStats:', JSON.stringify(s.conflictStats))
|
||||
console.log('')
|
||||
|
||||
// ---------- 2. 基地(与看板口径一致:美军仅 type===Base,伊朗为 Base/Port/Nuclear/Missile)----------
|
||||
console.log('--- [2] 基地 key_location ---')
|
||||
const usLoc = s.usForces.keyLocations || []
|
||||
const irLoc = s.iranForces.keyLocations || []
|
||||
const usBases = usLoc.filter((l) => l.type === 'Base')
|
||||
const irBases = irLoc.filter((l) => ['Base', 'Port', 'Nuclear', 'Missile'].includes(l.type))
|
||||
const usAttacked = usBases.filter((l) => l.status === 'attacked')
|
||||
const irAttacked = irBases.filter((l) => l.status === 'attacked')
|
||||
console.log('美军 总基地数(仅Base):', usBases.length, '| 遭袭:', usAttacked.length, '(与看板「美军基地态势」一致)')
|
||||
console.log('伊朗 总基地数(Base/Port/Nuclear/Missile):', irBases.length, '| 遭袭:', irAttacked.length, '(与看板「伊朗基地态势」一致)')
|
||||
if (usAttacked.length > 0) {
|
||||
console.log('美军遭袭示例:', usAttacked.slice(0, 3).map((l) => `${l.name}(${l.status},damage=${l.damage_level})`).join(', '))
|
||||
}
|
||||
if (irAttacked.length > 0) {
|
||||
console.log('伊朗遭袭示例:', irAttacked.slice(0, 3).map((l) => `${l.name}(${l.status},damage=${l.damage_level})`).join(', '))
|
||||
}
|
||||
console.log('')
|
||||
|
||||
// ---------- 3. 地图战区 ----------
|
||||
console.log('--- [3] 地图战区 gdelt_events + conflict_stats ---')
|
||||
const events = s.conflictEvents || []
|
||||
console.log('conflictEvents 条数:', events.length)
|
||||
console.log('conflictStats:', JSON.stringify(s.conflictStats))
|
||||
if (events.length > 0) {
|
||||
console.log('最近 3 条:', events.slice(0, 3).map((e) => `${e.event_time} ${(e.title || '').slice(0, 40)} impact=${e.impact_score}`))
|
||||
}
|
||||
console.log('')
|
||||
|
||||
// ---------- 附加:事件脉络 ----------
|
||||
const updates = s.recentUpdates || []
|
||||
console.log('--- [附] 事件脉络 situation_update ---')
|
||||
console.log('recentUpdates 条数:', updates.length)
|
||||
if (updates.length > 0) {
|
||||
console.log('最新 1 条:', updates[0].timestamp, (updates[0].summary || '').slice(0, 50))
|
||||
}
|
||||
console.log('========================================')
|
||||
}
|
||||
|
||||
db
|
||||
.initDb()
|
||||
.then(() => run())
|
||||
.catch((err) => {
|
||||
console.error('验证失败:', err.message)
|
||||
process.exit(1)
|
||||
})
|
||||
131
src/api/edit.ts
Normal file
131
src/api/edit.ts
Normal file
@@ -0,0 +1,131 @@
|
||||
/** 手动修正看板数据 API */
|
||||
|
||||
export interface CombatLossesRow {
|
||||
side: string
|
||||
bases_destroyed: number
|
||||
bases_damaged: number
|
||||
personnel_killed: number
|
||||
personnel_wounded: number
|
||||
civilian_killed?: number
|
||||
civilian_wounded?: number
|
||||
aircraft: number
|
||||
warships: number
|
||||
armor: number
|
||||
vehicles: number
|
||||
drones?: number
|
||||
missiles?: number
|
||||
helicopters?: number
|
||||
submarines?: number
|
||||
tanks?: number
|
||||
carriers?: number
|
||||
civilian_ships?: number
|
||||
airport_port?: number
|
||||
}
|
||||
|
||||
export interface KeyLocationRow {
|
||||
id: number
|
||||
side: string
|
||||
name: string
|
||||
lat: number
|
||||
lng: number
|
||||
type?: string | null
|
||||
region?: string | null
|
||||
status?: string | null
|
||||
damage_level?: number | null
|
||||
}
|
||||
|
||||
export interface SituationUpdateRow {
|
||||
id: string
|
||||
timestamp: string
|
||||
category: string
|
||||
summary: string
|
||||
severity: string
|
||||
}
|
||||
|
||||
export interface ForceSummaryRow {
|
||||
side: string
|
||||
total_assets: number
|
||||
personnel: number
|
||||
naval_ships: number
|
||||
aircraft: number
|
||||
ground_units: number
|
||||
uav: number
|
||||
missile_consumed: number
|
||||
missile_stock: number
|
||||
}
|
||||
|
||||
export interface EditRawData {
|
||||
combatLosses: { us: CombatLossesRow | null; iran: CombatLossesRow | null }
|
||||
keyLocations: { us: KeyLocationRow[]; iran: KeyLocationRow[] }
|
||||
situationUpdates: SituationUpdateRow[]
|
||||
forceSummary: { us: ForceSummaryRow | null; iran: ForceSummaryRow | null }
|
||||
}
|
||||
|
||||
export async function fetchEditRaw(): Promise<EditRawData> {
|
||||
const res = await fetch('/api/edit/raw', { cache: 'no-store' })
|
||||
if (!res.ok) throw new Error(`API error: ${res.status}`)
|
||||
return res.json()
|
||||
}
|
||||
|
||||
export async function putCombatLosses(side: 'us' | 'iran', body: Partial<CombatLossesRow>): Promise<void> {
|
||||
const res = await fetch('/api/edit/combat-losses', {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ side, ...body }),
|
||||
})
|
||||
if (!res.ok) {
|
||||
const e = await res.json().catch(() => ({}))
|
||||
throw new Error((e as { error?: string }).error || res.statusText)
|
||||
}
|
||||
}
|
||||
|
||||
export async function patchKeyLocation(id: number, body: Partial<KeyLocationRow>): Promise<void> {
|
||||
const res = await fetch(`/api/edit/key-location/${id}`, {
|
||||
method: 'PATCH',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(body),
|
||||
})
|
||||
if (!res.ok) {
|
||||
const e = await res.json().catch(() => ({}))
|
||||
throw new Error((e as { error?: string }).error || res.statusText)
|
||||
}
|
||||
}
|
||||
|
||||
export async function postSituationUpdate(body: {
|
||||
id?: string
|
||||
timestamp?: string
|
||||
category: string
|
||||
summary: string
|
||||
severity?: string
|
||||
}): Promise<{ id: string }> {
|
||||
const res = await fetch('/api/edit/situation-update', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(body),
|
||||
})
|
||||
if (!res.ok) {
|
||||
const e = await res.json().catch(() => ({}))
|
||||
throw new Error((e as { error?: string }).error || res.statusText)
|
||||
}
|
||||
return res.json()
|
||||
}
|
||||
|
||||
export async function deleteSituationUpdate(id: string): Promise<void> {
|
||||
const res = await fetch(`/api/edit/situation-update/${encodeURIComponent(id)}`, { method: 'DELETE' })
|
||||
if (!res.ok) {
|
||||
const e = await res.json().catch(() => ({}))
|
||||
throw new Error((e as { error?: string }).error || res.statusText)
|
||||
}
|
||||
}
|
||||
|
||||
export async function putForceSummary(side: 'us' | 'iran', body: Partial<ForceSummaryRow>): Promise<void> {
|
||||
const res = await fetch('/api/edit/force-summary', {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ side, ...body }),
|
||||
})
|
||||
if (!res.ok) {
|
||||
const e = await res.json().catch(() => ({}))
|
||||
throw new Error((e as { error?: string }).error || res.statusText)
|
||||
}
|
||||
}
|
||||
552
src/pages/EditDashboard.tsx
Normal file
552
src/pages/EditDashboard.tsx
Normal file
@@ -0,0 +1,552 @@
|
||||
import { useEffect, useState, useCallback } from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import { ArrowLeft, RefreshCw, Save, Trash2, Plus, ChevronDown, ChevronRight } from 'lucide-react'
|
||||
import {
|
||||
fetchEditRaw,
|
||||
putCombatLosses,
|
||||
patchKeyLocation,
|
||||
postSituationUpdate,
|
||||
deleteSituationUpdate,
|
||||
putForceSummary,
|
||||
type EditRawData,
|
||||
type CombatLossesRow,
|
||||
type KeyLocationRow,
|
||||
type SituationUpdateRow,
|
||||
type ForceSummaryRow,
|
||||
} from '@/api/edit'
|
||||
import { fetchAndSetSituation } from '@/store/situationStore'
|
||||
|
||||
const LOSS_FIELDS: { key: keyof CombatLossesRow; label: string }[] = [
|
||||
{ key: 'bases_destroyed', label: '基地摧毁' },
|
||||
{ key: 'bases_damaged', label: '基地受损' },
|
||||
{ key: 'personnel_killed', label: '人员阵亡' },
|
||||
{ key: 'personnel_wounded', label: '人员受伤' },
|
||||
{ key: 'civilian_killed', label: '平民死亡' },
|
||||
{ key: 'civilian_wounded', label: '平民受伤' },
|
||||
{ key: 'aircraft', label: '飞机' },
|
||||
{ key: 'warships', label: '军舰' },
|
||||
{ key: 'armor', label: '装甲' },
|
||||
{ key: 'vehicles', label: '车辆' },
|
||||
{ key: 'drones', label: '无人机' },
|
||||
{ key: 'missiles', label: '导弹' },
|
||||
{ key: 'helicopters', label: '直升机' },
|
||||
{ key: 'submarines', label: '潜艇' },
|
||||
{ key: 'carriers', label: '航母' },
|
||||
{ key: 'civilian_ships', label: '民船' },
|
||||
{ key: 'airport_port', label: '机场/港口' },
|
||||
]
|
||||
|
||||
const SUMMARY_FIELDS: { key: keyof ForceSummaryRow; label: string }[] = [
|
||||
{ key: 'total_assets', label: '总资产' },
|
||||
{ key: 'personnel', label: '人员' },
|
||||
{ key: 'naval_ships', label: '舰艇' },
|
||||
{ key: 'aircraft', label: '飞机' },
|
||||
{ key: 'ground_units', label: '地面单位' },
|
||||
{ key: 'uav', label: '无人机' },
|
||||
{ key: 'missile_consumed', label: '导弹消耗' },
|
||||
{ key: 'missile_stock', label: '导弹库存' },
|
||||
]
|
||||
|
||||
const CATEGORIES = ['deployment', 'alert', 'intel', 'diplomatic', 'other'] as const
|
||||
const SEVERITIES = ['low', 'medium', 'high', 'critical'] as const
|
||||
const STATUS_OPTIONS = ['operational', 'damaged', 'attacked'] as const
|
||||
|
||||
function num(v: unknown): number {
|
||||
if (v === null || v === undefined) return 0
|
||||
const n = Number(v)
|
||||
return Number.isFinite(n) ? n : 0
|
||||
}
|
||||
|
||||
export function EditDashboard() {
|
||||
const [data, setData] = useState<EditRawData | null>(null)
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const [saving, setSaving] = useState<string | null>(null)
|
||||
const [openSections, setOpenSections] = useState<Set<string>>(new Set(['losses', 'updates']))
|
||||
const [newUpdate, setNewUpdate] = useState({ category: 'other', summary: '', severity: 'medium' })
|
||||
|
||||
const load = useCallback(async () => {
|
||||
setLoading(true)
|
||||
setError(null)
|
||||
try {
|
||||
const raw = await fetchEditRaw()
|
||||
setData(raw)
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : '加载失败')
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
load()
|
||||
}, [load])
|
||||
|
||||
const toggleSection = (id: string) => {
|
||||
setOpenSections((s) => {
|
||||
const next = new Set(s)
|
||||
if (next.has(id)) next.delete(id)
|
||||
else next.add(id)
|
||||
return next
|
||||
})
|
||||
}
|
||||
|
||||
const afterSave = async () => {
|
||||
await load()
|
||||
await fetchAndSetSituation()
|
||||
}
|
||||
|
||||
const handleSaveLosses = async (side: 'us' | 'iran', row: CombatLossesRow | null) => {
|
||||
if (!row) return
|
||||
setSaving(`losses-${side}`)
|
||||
try {
|
||||
await putCombatLosses(side, row)
|
||||
await afterSave()
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : '保存失败')
|
||||
} finally {
|
||||
setSaving(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleSaveKeyLocation = async (loc: KeyLocationRow, patch: Partial<KeyLocationRow>) => {
|
||||
setSaving(`loc-${loc.id}`)
|
||||
try {
|
||||
await patchKeyLocation(loc.id, patch)
|
||||
await afterSave()
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : '保存失败')
|
||||
} finally {
|
||||
setSaving(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleAddUpdate = async () => {
|
||||
if (!newUpdate.summary.trim()) return
|
||||
setSaving('add-update')
|
||||
try {
|
||||
await postSituationUpdate({
|
||||
timestamp: new Date().toISOString(),
|
||||
category: newUpdate.category,
|
||||
summary: newUpdate.summary.trim(),
|
||||
severity: newUpdate.severity,
|
||||
})
|
||||
setNewUpdate({ category: 'other', summary: '', severity: 'medium' })
|
||||
await afterSave()
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : '添加失败')
|
||||
} finally {
|
||||
setSaving(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleDeleteUpdate = async (id: string) => {
|
||||
if (!confirm('确定删除这条事件?')) return
|
||||
setSaving(`del-${id}`)
|
||||
try {
|
||||
await deleteSituationUpdate(id)
|
||||
await afterSave()
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : '删除失败')
|
||||
} finally {
|
||||
setSaving(null)
|
||||
}
|
||||
}
|
||||
|
||||
const handleSaveForceSummary = async (side: 'us' | 'iran', row: ForceSummaryRow | null) => {
|
||||
if (!row) return
|
||||
setSaving(`summary-${side}`)
|
||||
try {
|
||||
await putForceSummary(side, row)
|
||||
await afterSave()
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : '保存失败')
|
||||
} finally {
|
||||
setSaving(null)
|
||||
}
|
||||
}
|
||||
|
||||
if (loading && !data) {
|
||||
return (
|
||||
<div className="flex min-h-screen items-center justify-center bg-military-dark text-military-text-secondary">
|
||||
<RefreshCw className="h-6 w-6 animate-spin" />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-military-dark font-orbitron text-military-text-primary">
|
||||
<header className="sticky top-0 z-10 flex flex-wrap items-center justify-between gap-2 border-b border-military-border bg-military-panel/95 px-4 py-3">
|
||||
<div className="flex items-center gap-4">
|
||||
<Link
|
||||
to="/"
|
||||
className="flex items-center gap-2 rounded border border-military-border px-3 py-1.5 text-sm text-military-text-secondary hover:bg-military-border/30 hover:text-military-text-primary"
|
||||
>
|
||||
<ArrowLeft className="h-4 w-4" />
|
||||
返回看板
|
||||
</Link>
|
||||
<span className="flex items-center gap-2 text-lg text-cyan-400">
|
||||
数据修正
|
||||
</span>
|
||||
</div>
|
||||
<button
|
||||
onClick={load}
|
||||
disabled={loading}
|
||||
className="flex items-center gap-2 rounded border border-military-border px-3 py-1.5 text-sm text-military-text-secondary hover:bg-military-border/30 disabled:opacity-50"
|
||||
>
|
||||
<RefreshCw className={`h-4 w-4 ${loading ? 'animate-spin' : ''}`} />
|
||||
刷新
|
||||
</button>
|
||||
</header>
|
||||
|
||||
{error && (
|
||||
<div className="mx-4 mt-4 rounded border border-amber-600/50 bg-amber-950/30 px-4 py-2 text-amber-400">
|
||||
{error}
|
||||
<button type="button" className="ml-2 underline" onClick={() => setError(null)}>关闭</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<main className="max-w-4xl space-y-2 p-4">
|
||||
{/* 战损 */}
|
||||
<section className="rounded border border-military-border bg-military-panel/80 overflow-hidden">
|
||||
<button
|
||||
onClick={() => toggleSection('losses')}
|
||||
className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-military-border/20"
|
||||
>
|
||||
<span className="font-medium text-cyan-400">战损(美 / 伊)</span>
|
||||
{openSections.has('losses') ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
{openSections.has('losses') && data && (
|
||||
<div className="border-t border-military-border p-4 space-y-6">
|
||||
{(['us', 'iran'] as const).map((side) => {
|
||||
const row = data.combatLosses[side]
|
||||
if (!row) return <p key={side} className="text-military-text-secondary text-sm">暂无数据</p>
|
||||
return (
|
||||
<LossForm
|
||||
key={side}
|
||||
side={side}
|
||||
row={row}
|
||||
onSave={(updated) => handleSaveLosses(side, updated)}
|
||||
saving={saving === `losses-${side}`}
|
||||
/>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
{/* 美军据点 */}
|
||||
<section className="rounded border border-military-border bg-military-panel/80 overflow-hidden">
|
||||
<button
|
||||
onClick={() => toggleSection('loc-us')}
|
||||
className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-military-border/20"
|
||||
>
|
||||
<span className="font-medium text-military-us">美军据点</span>
|
||||
{openSections.has('loc-us') ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
{openSections.has('loc-us') && data && (
|
||||
<div className="border-t border-military-border p-4">
|
||||
<KeyLocationList
|
||||
list={data.keyLocations.us}
|
||||
onSave={handleSaveKeyLocation}
|
||||
savingId={saving}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
{/* 伊朗据点 */}
|
||||
<section className="rounded border border-military-border bg-military-panel/80 overflow-hidden">
|
||||
<button
|
||||
onClick={() => toggleSection('loc-iran')}
|
||||
className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-military-border/20"
|
||||
>
|
||||
<span className="font-medium text-military-iran">伊朗据点</span>
|
||||
{openSections.has('loc-iran') ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
{openSections.has('loc-iran') && data && (
|
||||
<div className="border-t border-military-border p-4">
|
||||
<KeyLocationList
|
||||
list={data.keyLocations.iran}
|
||||
onSave={handleSaveKeyLocation}
|
||||
savingId={saving}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
{/* 事件脉络 */}
|
||||
<section className="rounded border border-military-border bg-military-panel/80 overflow-hidden">
|
||||
<button
|
||||
onClick={() => toggleSection('updates')}
|
||||
className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-military-border/20"
|
||||
>
|
||||
<span className="font-medium text-cyan-400">事件脉络</span>
|
||||
{openSections.has('updates') ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
{openSections.has('updates') && data && (
|
||||
<div className="border-t border-military-border p-4 space-y-4">
|
||||
<div className="flex flex-wrap gap-2 items-end rounded border border-military-border/50 bg-military-dark/50 p-3">
|
||||
<select
|
||||
value={newUpdate.category}
|
||||
onChange={(e) => setNewUpdate((u) => ({ ...u, category: e.target.value }))}
|
||||
className="rounded border border-military-border bg-military-panel px-2 py-1.5 text-sm"
|
||||
>
|
||||
{CATEGORIES.map((c) => (
|
||||
<option key={c} value={c}>{c}</option>
|
||||
))}
|
||||
</select>
|
||||
<select
|
||||
value={newUpdate.severity}
|
||||
onChange={(e) => setNewUpdate((u) => ({ ...u, severity: e.target.value }))}
|
||||
className="rounded border border-military-border bg-military-panel px-2 py-1.5 text-sm"
|
||||
>
|
||||
{SEVERITIES.map((s) => (
|
||||
<option key={s} value={s}>{s}</option>
|
||||
))}
|
||||
</select>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="摘要"
|
||||
value={newUpdate.summary}
|
||||
onChange={(e) => setNewUpdate((u) => ({ ...u, summary: e.target.value }))}
|
||||
className="min-w-[200px] flex-1 rounded border border-military-border bg-military-panel px-2 py-1.5 text-sm"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleAddUpdate}
|
||||
disabled={saving === 'add-update' || !newUpdate.summary.trim()}
|
||||
className="flex items-center gap-1 rounded border border-cyan-600 bg-cyan-950/50 px-3 py-1.5 text-sm text-cyan-400 hover:bg-cyan-900/40 disabled:opacity-50"
|
||||
>
|
||||
<Plus className="h-4 w-4" />
|
||||
添加
|
||||
</button>
|
||||
</div>
|
||||
<ul className="space-y-2 max-h-64 overflow-y-auto">
|
||||
{data.situationUpdates.map((u) => (
|
||||
<li
|
||||
key={u.id}
|
||||
className="flex items-start gap-2 rounded border border-military-border/50 bg-military-dark/30 px-3 py-2 text-sm"
|
||||
>
|
||||
<span className="shrink-0 text-military-text-secondary text-xs">
|
||||
{u.timestamp.slice(0, 19).replace('T', ' ')}
|
||||
</span>
|
||||
<span className="shrink-0 rounded bg-military-border/50 px-1.5 py-0.5 text-xs">{u.category}</span>
|
||||
<span className="shrink-0 rounded bg-amber-900/40 px-1.5 py-0.5 text-xs">{u.severity}</span>
|
||||
<span className="min-w-0 flex-1 truncate" title={u.summary}>{u.summary}</span>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => handleDeleteUpdate(u.id)}
|
||||
disabled={String(saving).startsWith('del-')}
|
||||
className="shrink-0 rounded p-1 text-red-400 hover:bg-red-950/50 disabled:opacity-50"
|
||||
title="删除"
|
||||
>
|
||||
<Trash2 className="h-4 w-4" />
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
{/* 军力概要 */}
|
||||
<section className="rounded border border-military-border bg-military-panel/80 overflow-hidden">
|
||||
<button
|
||||
onClick={() => toggleSection('summary')}
|
||||
className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-military-border/20"
|
||||
>
|
||||
<span className="font-medium text-cyan-400">军力概要(美 / 伊)</span>
|
||||
{openSections.has('summary') ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
{openSections.has('summary') && data && (
|
||||
<div className="border-t border-military-border p-4 space-y-6">
|
||||
{(['us', 'iran'] as const).map((side) => {
|
||||
const row = data.forceSummary[side]
|
||||
if (!row) return <p key={side} className="text-military-text-secondary text-sm">暂无数据</p>
|
||||
return (
|
||||
<ForceSummaryForm
|
||||
key={side}
|
||||
side={side}
|
||||
row={row}
|
||||
onSave={(updated) => handleSaveForceSummary(side, updated)}
|
||||
saving={saving === `summary-${side}`}
|
||||
/>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function LossForm({
|
||||
side,
|
||||
row,
|
||||
onSave,
|
||||
saving,
|
||||
}: {
|
||||
side: 'us' | 'iran'
|
||||
row: CombatLossesRow
|
||||
onSave: (row: CombatLossesRow) => void
|
||||
saving: boolean
|
||||
}) {
|
||||
const [edit, setEdit] = useState<CombatLossesRow>({ ...row })
|
||||
useEffect(() => {
|
||||
setEdit({ ...row })
|
||||
}, [row])
|
||||
const sideLabel = side === 'us' ? '美军' : '伊朗'
|
||||
return (
|
||||
<div className={`rounded border ${side === 'us' ? 'border-military-us/40' : 'border-military-iran/40'} bg-military-dark/50 p-4`}>
|
||||
<div className="mb-3 font-medium">{sideLabel}</div>
|
||||
<div className="grid grid-cols-2 gap-x-4 gap-y-2 sm:grid-cols-3">
|
||||
{LOSS_FIELDS.map(({ key, label }) => (
|
||||
<label key={key} className="flex items-center gap-2 text-sm">
|
||||
<span className="w-24 shrink-0 text-military-text-secondary">{label}</span>
|
||||
<input
|
||||
type="number"
|
||||
min={0}
|
||||
value={edit[key] ?? 0}
|
||||
onChange={(e) => setEdit((r) => ({ ...r, [key]: num(e.target.value) }))}
|
||||
className="w-20 rounded border border-military-border bg-military-panel px-2 py-1 text-right tabular-nums"
|
||||
/>
|
||||
</label>
|
||||
))}
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onSave(edit)}
|
||||
disabled={saving}
|
||||
className="mt-3 flex items-center gap-1 rounded border border-cyan-600 bg-cyan-950/50 px-3 py-1.5 text-sm text-cyan-400 hover:bg-cyan-900/40 disabled:opacity-50"
|
||||
>
|
||||
<Save className="h-4 w-4" />
|
||||
保存
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function KeyLocationList({
|
||||
list,
|
||||
onSave,
|
||||
savingId,
|
||||
}: {
|
||||
list: KeyLocationRow[]
|
||||
onSave: (loc: KeyLocationRow, patch: Partial<KeyLocationRow>) => void
|
||||
savingId: string | null
|
||||
}) {
|
||||
if (list.length === 0) return <p className="text-military-text-secondary text-sm">暂无据点</p>
|
||||
return (
|
||||
<ul className="space-y-3">
|
||||
{list.map((loc) => (
|
||||
<KeyLocationRowEdit
|
||||
key={loc.id}
|
||||
loc={loc}
|
||||
onSave={onSave}
|
||||
saving={savingId === `loc-${loc.id}`}
|
||||
/>
|
||||
))}
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
|
||||
function KeyLocationRowEdit({
|
||||
loc,
|
||||
onSave,
|
||||
saving,
|
||||
}: {
|
||||
loc: KeyLocationRow
|
||||
onSave: (loc: KeyLocationRow, patch: Partial<KeyLocationRow>) => void
|
||||
saving: boolean
|
||||
}) {
|
||||
const [status, setStatus] = useState(loc.status ?? 'operational')
|
||||
const [damageLevel, setDamageLevel] = useState(num(loc.damage_level))
|
||||
useEffect(() => {
|
||||
setStatus(loc.status ?? 'operational')
|
||||
setDamageLevel(num(loc.damage_level))
|
||||
}, [loc.id, loc.status, loc.damage_level])
|
||||
const hasChange = status !== (loc.status ?? 'operational') || damageLevel !== num(loc.damage_level)
|
||||
return (
|
||||
<li className="flex flex-wrap items-center gap-2 rounded border border-military-border/50 bg-military-dark/30 px-3 py-2">
|
||||
<span className="font-medium min-w-0 truncate">{loc.name}</span>
|
||||
<select
|
||||
value={status}
|
||||
onChange={(e) => setStatus(e.target.value)}
|
||||
className="rounded border border-military-border bg-military-panel px-2 py-1 text-sm"
|
||||
>
|
||||
{STATUS_OPTIONS.map((s) => (
|
||||
<option key={s} value={s}>{s}</option>
|
||||
))}
|
||||
</select>
|
||||
<label className="flex items-center gap-1 text-sm">
|
||||
<span className="text-military-text-secondary">损伤</span>
|
||||
<input
|
||||
type="number"
|
||||
min={0}
|
||||
max={3}
|
||||
value={damageLevel}
|
||||
onChange={(e) => setDamageLevel(num(e.target.value))}
|
||||
className="w-14 rounded border border-military-border bg-military-panel px-2 py-1 text-right"
|
||||
/>
|
||||
</label>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onSave(loc, { status, damage_level: damageLevel })}
|
||||
disabled={saving || !hasChange}
|
||||
className="flex items-center gap-1 rounded border border-cyan-600 bg-cyan-950/50 px-2 py-1 text-xs text-cyan-400 hover:bg-cyan-900/40 disabled:opacity-50"
|
||||
>
|
||||
<Save className="h-3 w-3" />
|
||||
保存
|
||||
</button>
|
||||
{saving && <span className="text-cyan-400 text-xs">保存中…</span>}
|
||||
</li>
|
||||
)
|
||||
}
|
||||
|
||||
function ForceSummaryForm({
|
||||
side,
|
||||
row,
|
||||
onSave,
|
||||
saving,
|
||||
}: {
|
||||
side: 'us' | 'iran'
|
||||
row: ForceSummaryRow
|
||||
onSave: (row: ForceSummaryRow) => void
|
||||
saving: boolean
|
||||
}) {
|
||||
const [edit, setEdit] = useState<ForceSummaryRow>({ ...row })
|
||||
useEffect(() => {
|
||||
setEdit({ ...row })
|
||||
}, [row])
|
||||
const sideLabel = side === 'us' ? '美军' : '伊朗'
|
||||
return (
|
||||
<div className={`rounded border ${side === 'us' ? 'border-military-us/40' : 'border-military-iran/40'} bg-military-dark/50 p-4`}>
|
||||
<div className="mb-3 font-medium">{sideLabel}</div>
|
||||
<div className="grid grid-cols-2 gap-x-4 gap-y-2 sm:grid-cols-4">
|
||||
{SUMMARY_FIELDS.map(({ key, label }) => (
|
||||
<label key={key} className="flex items-center gap-2 text-sm">
|
||||
<span className="w-24 shrink-0 text-military-text-secondary">{label}</span>
|
||||
<input
|
||||
type="number"
|
||||
min={0}
|
||||
value={edit[key] ?? 0}
|
||||
onChange={(e) => setEdit((r) => ({ ...r, [key]: num(e.target.value) }))}
|
||||
className="w-20 rounded border border-military-border bg-military-panel px-2 py-1 text-right tabular-nums"
|
||||
/>
|
||||
</label>
|
||||
))}
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onSave(edit)}
|
||||
disabled={saving}
|
||||
className="mt-3 flex items-center gap-1 rounded border border-cyan-600 bg-cyan-950/50 px-3 py-1.5 text-sm text-cyan-400 hover:bg-cyan-900/40 disabled:opacity-50"
|
||||
>
|
||||
<Save className="h-4 w-4" />
|
||||
保存
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user