重构项目为LLM 驱动

src/web/README.md

@@ -0,0 +1,83 @@
+---
+last_reviewed: 2026-06-09
+---
+
+# src/web 模块设计说明
+
+## 设计思路
+
+`src/web` 是一个基于 Flask 的轻量级 Web 界面，为财务报销自动化管道提供可视化操作入口。核心设计原则：
+
+- **会话隔离**：每次上传生成独立 `session_id`，文件、日志、配置、结果各自隔离在 `uploads/<session_id>/` 目录下，避免并发冲突。
+- **异步处理**：耗时的 PDF 提取、LLM 调用在后台线程执行，前端通过 SSE 实时查看日志流，不阻塞 HTTP 连接。
+- **前后端分离最小化**：前端使用原生 JS + Bootstrap 5，不引入构建工具，保持单页应用轻量可维护。
+- **双模式支持**：PDF 发票提取模式和 CSV 快捷上传模式，后者跳过 LLM 识别和 PDF 解析，直接处理已有发票数据。
+
+## 文件结构
+
+```
+src/web/
+├── app.py                  # Flask 应用入口，路由、管道编排、日志收集
+├── templates/
+│   ├── index.html          # PC 端主界面（上传、配置、处理、编辑、提交）
+│   └── mobile_upload.html  # 移动端上传页面（拍照/相册选择）
+└── static/
+    ├── css/
+    │   └── index.css       # 全局样式（上传区、日志面板、可编辑表格）
+    └── js/
+        └── index.js        # 前端逻辑（上传、SSE 日志、表格编辑、二维码同步）
+```
+
+## 数据流
+
+```
+用户上传文件 → 创建 session → 文件写入 uploads/<sid>/
+     ↓
+后台线程执行管道: extract_invoices() → enrich_with_llm() → save_csv()
+     ↓
+结果写入 session 目录: invoice_summary.csv / result.json / session.log
+     ↓
+前端 SSE 轮询 result.json 变化 → 显示完成状态
+     ↓
+前端加载 CSV 数据 → 可编辑表格展示 → 用户修改后保存
+     ↓
+用户点击提交 → run_financial_submit() → bot 自动填报财务系统
+```
+
+## API 路由
+
+| 方法 | 路径 | 功能 |
+|------|------|------|
+| GET | `/` | 主界面 |
+| POST | `/api/session` | 创建会话，返回 session_id |
+| POST | `/api/upload/<sid>` | 上传 PDF/图片 |
+| POST | `/api/upload-csv/<sid>` | 上传 CSV 发票数据 |
+| GET | `/api/files/<sid>` | 列出会话文件 |
+| POST | `/api/process/<sid>` | 启动管道（后台线程） |
+| GET | `/api/logs/<sid>` | SSE 日志流 |
+| GET | `/api/data/<sid>` | 获取发票数据 JSON |
+| POST | `/api/save/<sid>` | 保存前端编辑的发票数据 |
+| GET | `/api/download/<sid>/<filename>` | 下载生成文件 |
+| POST | `/api/submit-financial/<sid>` | 手动触发财务系统填报 |
+| GET | `/mobile/<sid>` | 移动端上传页面 |
+
+## 关键机制
+
+### 日志收集
+
+`_SSELogHandler` 将管道日志写入 `session.log`，SSE 端点通过文件偏移量增量读取，实现前端实时日志展示。日志收集器在管道启动时安装，完成后移除，确保线程安全。
+
+### 发票类型分流
+
+- **差旅发票**（高铁票/酒店住宿）：不生成易耗品出库单，走差旅报销流程
+- **普通发票**：生成易耗品出库单（Word 文档），走普通报销流程
+
+`classify_invoice_batch()` 根据发票内容自动分类，`_try_fill_consumable_doc()` 仅对普通发票生成出库单。
+
+### 移动端同步
+
+PC 端生成二维码指向 `/mobile/<sid>`，手机端上传的图片通过 `syncFiles()` 轮询同步到 PC 端内存中的 `imgFiles` 列表，实现跨设备协作。文件来源标记（`__source`）区分本地选择和服务器同步，避免重复。
+
+### 配置管理
+
+配置分两层：项目级 `config.json` 提供默认值，会话级 `uploads/<sid>/config.json` 存储当次会话覆盖值。前端支持通过上传 `config.json` 快速填充配置表单。

src/web/app.py

@@ -0,0 +1,772 @@
+"""
+财务报销自动化 — Web 界面
+
+用户上传 PDF 发票，配置账号信息，自动完成：
+  1. 发票提取  2. 浏览器填报（可选）
+
+发票类型区分：
+    - 差旅发票（高铁票/酒店住宿）：不生成易耗品出库单，走差旅报销流程
+    - 普通发票：生成易耗品出库单，走普通报销流程
+
+启动: uv run python src/web/app.py
+访问: http://localhost:5000
+"""
+
+import json
+import logging
+import sys
+import threading
+import time
+import uuid
+from pathlib import Path
+from typing import Any
+from urllib.parse import quote
+
+from flask import Flask, Response, jsonify, render_template, request, stream_with_context
+
+# 确保项目根目录在 sys.path
+PROJECT_ROOT = Path(__file__).resolve().parent.parent.parent
+sys.path.insert(0, str(PROJECT_ROOT))
+
+from src import get_logger  # noqa: E402, I001
+from src.config import load_config as load_project_config  # noqa: E402, I001
+from src.doc.extractor import (  # noqa: E402, I001
+    extract_invoices,
+)
+from src.doc.fill_consumable_doc import (  # noqa: E402, I001
+    CONSUMABLE_DOC_FILENAME,
+    fill_consumable_from_template,
+)
+from src.doc.invoice import (  # noqa: E402, I001
+    classify_invoice_batch,
+    load_csv,
+    load_invoice_csv,
+    save_csv as save_payment_csv,
+    save_invoice_csv,
+)
+
+fill_log = get_logger("fill_consumable_doc")
+CONSUMABLE_TEMPLATE = PROJECT_ROOT / CONSUMABLE_DOC_FILENAME
+
+app = Flask(__name__, template_folder="templates")
+
+UPLOAD_BASE = PROJECT_ROOT / "src" / "web" / "uploads"
+SESSION_LOG_FILE = "session.log"
+SESSION_RESULT_FILE = "result.json"
+
+
+# ================================================================
+# 日志收集器 — 捕获管道日志到文件，SSE 端点通过 tail -f 读取
+# ================================================================
+
+
+class _SSELogHandler(logging.Handler):
+    """将日志写入指定文件（线程安全）"""
+
+    def __init__(self, log_path: Path):
+        super().__init__()
+        self._lock = threading.Lock()
+        self._file = open(log_path, "w", encoding="utf-8")
+
+    def emit(self, record: logging.LogRecord) -> None:
+        try:
+            msg = self.format(record) + "\n"
+            with self._lock:
+                self._file.write(msg)
+                self._file.flush()
+        except Exception:
+            pass
+
+    def close_file(self) -> None:
+        try:
+            self._file.close()
+        except Exception:
+            pass
+
+
+def _install_log_collector(session_dir: Path) -> _SSELogHandler:
+    """安装日志收集器到 app.* 模块"""
+    log_path = session_dir / SESSION_LOG_FILE
+    fmt = logging.Formatter(
+        "%(asctime)s [%(levelname)-5s] %(name)s: %(message)s",
+        "%Y-%m-%d %H:%M:%S",
+    )
+    handler = _SSELogHandler(log_path)
+    handler.setFormatter(fmt)
+    handler.setLevel(logging.INFO)
+
+    for name in ["extractor", "llm_extractor", "matcher", "pipeline", "bot", "fill_consumable_doc"]:
+        logger = logging.getLogger(name)
+        logger.setLevel(logging.INFO)
+        logger.addHandler(handler)
+
+    return handler
+
+
+def _remove_log_collector(handler: _SSELogHandler) -> None:
+    for name in ["extractor", "llm_extractor", "matcher", "pipeline", "bot", "fill_consumable_doc"]:
+        logging.getLogger(name).removeHandler(handler)
+    handler.close_file()
+
+
+# ================================================================
+# 出库单填写
+# ================================================================
+
+
+def _load_session_config(session_dir: Path) -> dict[str, Any]:
+    config = load_project_config()
+    cfg_path = session_dir / "config.json"
+    if cfg_path.exists():
+        with open(cfg_path, encoding="utf-8") as f:
+            config.update(json.load(f))
+    return config
+
+
+def _resolve_payment_csv(session_dir: Path) -> Path | None:
+    """查找支付记录 CSV（payment_records.csv）"""
+    csv_path = session_dir / "payment_records.csv"
+    if csv_path.exists():
+        return csv_path
+    for f in session_dir.glob("*.csv"):
+        if f.name != SESSION_RESULT_FILE:
+            return f
+    return None
+
+
+def _resolve_invoice_csv(session_dir: Path) -> Path | None:
+    """查找发票级别 CSV（invoice_summary.csv）"""
+    csv_path = session_dir / "invoice_summary.csv"
+    if csv_path.exists():
+        return csv_path
+    for f in session_dir.glob("*.csv"):
+        if f.name != SESSION_RESULT_FILE:
+            return f
+    return None
+
+
+def _has_general_invoices(rows: list[dict[str, str]]) -> bool:
+    """检查发票列表中是否包含普通发票（需要生成易耗品出库单）"""
+    invoices = []
+    for row in rows:
+        # 支付记录格式：从 _invoices_json 还原
+        invoices_json = row.get("_invoices_json", "")
+        if invoices_json:
+            try:
+                invoices.extend(json.loads(invoices_json))
+            except json.JSONDecodeError:
+                pass
+        # 发票级别格式：直接使用
+        elif "发票类型" in row:
+            invoices.append(row)
+    if not invoices:
+        return False
+    groups = classify_invoice_batch(invoices)
+    return len(groups["general"]) > 0
+
+
+def _get_invoice_groups(rows: list[dict[str, str]]) -> dict[str, int]:
+    """统计发票类型分布"""
+    invoices = []
+    for row in rows:
+        # 支付记录格式：从 _invoices_json 还原
+        invoices_json = row.get("_invoices_json", "")
+        if invoices_json:
+            try:
+                invoices.extend(json.loads(invoices_json))
+            except json.JSONDecodeError:
+                pass
+        # 发票级别格式：直接使用
+        elif "发票类型" in row:
+            invoices.append(row)
+    groups = classify_invoice_batch(invoices)
+    return {
+        "travel_count": len(groups["travel"]),
+        "general_count": len(groups["general"]),
+    }
+
+
+def _try_fill_consumable_doc(session_dir: Path, config: dict[str, Any]) -> dict[str, Any]:
+    """根据 CSV 填写易耗品出库单，供会话目录下载。
+
+    仅当存在普通发票时才生成出库单。纯差旅发票跳过。
+    """
+    if not CONSUMABLE_TEMPLATE.exists():
+        fill_log.warning("出库单模板不存在: %s", CONSUMABLE_TEMPLATE)
+        return {"ok": False, "error": "出库单模板不存在，请将模板放在项目根目录"}
+
+    csv_path = _resolve_payment_csv(session_dir)
+    if csv_path is None:
+        return {"ok": False, "error": "未找到发票 CSV"}
+
+    # 检查是否有普通发票
+    rows = load_csv(csv_path)
+    if rows is None:
+        return {"ok": False, "error": "CSV 读取失败"}
+
+    if not _has_general_invoices(rows):
+        fill_log.info("纯差旅发票，跳过易耗品出库单生成")
+        return {"ok": False, "skipped": True, "error": "差旅发票无需生成易耗品出库单"}
+
+    out_doc = session_dir / CONSUMABLE_DOC_FILENAME
+    try:
+        fill_log.info("开始填写出库单: %s", out_doc.name)
+        fill_consumable_from_template(csv_path, CONSUMABLE_TEMPLATE, out_doc, config=config)
+        fill_log.info("出库单填写完成")
+        return {"ok": True, "doc_filename": CONSUMABLE_DOC_FILENAME}
+    except ImportError:
+        fill_log.error("填写出库单需要 pywin32，请执行: pip install pywin32")
+        return {"ok": False, "error": "服务器未安装 pywin32，无法生成 Word 出库单"}
+    except Exception as e:
+        fill_log.exception("填写出库单失败: %s", e)
+        return {"ok": False, "error": str(e)}
+
+
+def _append_doc_download(result: dict[str, Any], session_id: str, doc_fill: dict[str, Any]) -> None:
+    if doc_fill.get("ok"):
+        fn = doc_fill["doc_filename"]
+        result["doc_url"] = f"/api/download/{session_id}/{quote(fn)}"
+        result["doc_ok"] = True
+    elif doc_fill.get("skipped"):
+        # 差旅发票，跳过出库单生成（不是错误）
+        result["doc_ok"] = None
+        result["doc_skipped"] = True
+        result["doc_message"] = doc_fill.get("error", "")
+    else:
+        result["doc_ok"] = False
+        result["doc_error"] = doc_fill.get("error", "未知错误")
+
+
+# ================================================================
+# 管道入口
+# ================================================================
+
+
+def run_pipeline_web(session_dir: Path, config: dict[str, Any]) -> dict[str, Any]:
+    """在 Web 会话目录中执行发票提取，结果写入 session 目录下的文件
+
+    注意：不再自动提交财务系统。提交通由 /api/submit-financial/<session_id> 触发。
+    """
+    start = time.time()
+
+    # ---- Step 1: 发票提取 ----
+    invoices, groups = extract_invoices(str(session_dir))
+    if not invoices:
+        return {"ok": False, "error": "未提取到任何发票数据"}
+
+    # 保存两个 CSV：支付记录级别（供 bot/出库单使用）和发票级别（供人工参考）
+    save_payment_csv(invoices, session_dir / "payment_records.csv")
+    save_invoice_csv(invoices, session_dir / "invoice_summary.csv")
+
+    # 统计发票总数
+    invoice_count = sum(len(inv.get("_matched_invoices", [])) for inv in invoices)
+
+    elapsed = time.time() - start
+    result = {
+        "ok": True,
+        "elapsed": f"{elapsed:.1f}s",
+        "invoice_count": invoice_count,
+        "csv_url": f"/api/download/{session_dir.name}/invoice_summary.csv",
+        # 发票类型统计
+        "travel_count": len(groups["travel"]),
+        "general_count": len(groups["general"]),
+    }
+    doc_fill = _try_fill_consumable_doc(session_dir, config)
+    _append_doc_download(result, session_dir.name, doc_fill)
+    return result
+
+
+def run_csv_pipeline_web(session_dir: Path, config: dict[str, Any], csv_filename: str) -> dict[str, Any]:
+    """直接使用上传的 CSV 文件，跳过 PDF 提取"""
+    start = time.time()
+
+    csv_path = session_dir / csv_filename
+    if not csv_path.exists():
+        return {"ok": False, "error": "CSV 文件不存在"}
+
+    # 尝试读取支付记录格式
+    rows = load_csv(csv_path)
+    if rows is None:
+        # 尝试读取发票级别格式
+        invoice_rows = load_invoice_csv(csv_path)
+        if invoice_rows is None:
+            return {"ok": False, "error": "CSV 读取失败"}
+        # 发票级别格式：直接统计
+        type_stats = _get_invoice_groups(invoice_rows)
+        elapsed = time.time() - start
+        return {
+            "ok": True,
+            "elapsed": f"{elapsed:.1f}s",
+            "invoice_count": len(invoice_rows),
+            "csv_url": f"/api/download/{session_dir.name}/{csv_filename}",
+            "travel_count": type_stats["travel_count"],
+            "general_count": type_stats["general_count"],
+        }
+
+    # 支付记录格式：统计发票类型
+    type_stats = _get_invoice_groups(rows)
+
+    elapsed = time.time() - start
+    result = {
+        "ok": True,
+        "elapsed": f"{elapsed:.1f}s",
+        "invoice_count": type_stats["travel_count"] + type_stats["general_count"],
+        "csv_url": f"/api/download/{session_dir.name}/{csv_filename}",
+        "travel_count": type_stats["travel_count"],
+        "general_count": type_stats["general_count"],
+    }
+    doc_fill = _try_fill_consumable_doc(session_dir, config)
+    _append_doc_download(result, session_dir.name, doc_fill)
+    return result
+
+
+def run_financial_submit(session_dir: Path, config: dict[str, Any]) -> dict[str, Any]:
+    """执行财务系统填报（从前端确认后调用）
+
+    根据发票类型选择填报模式：
+        - 纯差旅发票：差旅报销模式（TODO）
+        - 含普通发票：普通报销模式
+    """
+    csv_path = session_dir / "payment_records.csv"
+    if not csv_path.exists():
+        return {"ok": False, "error": "未找到发票数据，请先处理"}
+
+    from src.bot import load_invoice_data, run_bot_web
+
+    bot_invoices = load_invoice_data(str(csv_path), config)
+
+    # 判断发票类型
+    rows = load_csv(csv_path)
+    if rows:
+        invoice_groups = _get_invoice_groups(rows)
+        if invoice_groups["travel_count"] and not invoice_groups["general_count"]:
+            fill_log.info("检测到纯差旅发票，使用差旅报销模式")
+            # TODO: 差旅报销填报流程
+        else:
+            fill_log.info("检测到普通发票，使用普通报销模式")
+
+    run_bot_web(config, bot_invoices, session_dir)
+    return {"ok": True}
+
+
+# ================================================================
+# Flask 路由
+# ================================================================
+
+
+@app.route("/")
+def index() -> Any:
+    return render_template("index.html")
+
+
+@app.route("/api/session", methods=["POST"])
+def create_session() -> Any:
+    """创建上传会话，返回 session_id"""
+    sid = uuid.uuid4().hex[:12]
+    session_dir = UPLOAD_BASE / sid
+    session_dir.mkdir(parents=True, exist_ok=True)
+    return jsonify({"session_id": sid})
+
+
+@app.route("/api/upload/<session_id>", methods=["POST"])
+def upload_file(session_id: str) -> Any:
+    """上传 PDF 或图片"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    f = request.files.get("file")
+    if not f or not f.filename:
+        return jsonify({"error": "未选择文件"}), 400
+
+    safe_name = Path(f.filename).name
+    f.save(str(session_dir / safe_name))
+    return jsonify({"ok": True, "filename": safe_name})
+
+
+@app.route("/api/upload-csv/<session_id>", methods=["POST"])
+def upload_csv(session_id: str) -> Any:
+    """上传 CSV 发票数据文件（跳过 PDF 提取）"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    f = request.files.get("file")
+    if not f or not f.filename:
+        return jsonify({"error": "未选择文件"}), 400
+
+    safe_name = Path(f.filename).name
+    f.save(str(session_dir / safe_name))
+    return jsonify({"ok": True, "filename": safe_name})
+
+
+@app.route("/api/files/<session_id>", methods=["GET"])
+def list_files(session_id: str) -> Any:
+    """列出会话目录中的文件"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    pdfs = sorted(f.name for f in session_dir.glob("*.pdf"))
+    imgs = sorted(f.name for ext in {".png", ".jpg", ".jpeg", ".bmp", ".webp"} for f in session_dir.glob(f"*{ext}"))
+    return jsonify({"pdfs": pdfs, "images": imgs})
+
+
+@app.route("/api/process/<session_id>", methods=["POST"])
+def start_process(session_id: str) -> Any:
+    """启动管道处理（仅发票提取，不自动提交财务系统）"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    body = request.get_json(silent=True) or {}
+    mode = body.get("mode", "auto")  # "pdf", "csv", or "auto"
+
+    # 读取配置
+    config = _build_web_config(body)
+
+    # 写入配置到会话目录
+    with open(session_dir / "config.json", "w", encoding="utf-8") as f:
+        json.dump(config, f, ensure_ascii=False, indent=2, default=str)
+
+    # 在后台线程执行
+    handler = _install_log_collector(session_dir)
+
+    def _run() -> None:
+        result = {"ok": False, "error": "未知错误"}
+        try:
+            if mode == "csv":
+                csv_files = list(session_dir.glob("*.csv"))
+                if not csv_files:
+                    result = {"ok": False, "error": "未找到 CSV 文件"}
+                else:
+                    result = run_csv_pipeline_web(session_dir, config, csv_files[0].name)
+            else:
+                csv_files = list(session_dir.glob("*.csv"))
+                pdf_files = list(session_dir.glob("*.pdf"))
+                if csv_files and not pdf_files:
+                    result = run_csv_pipeline_web(session_dir, config, csv_files[0].name)
+                else:
+                    result = run_pipeline_web(session_dir, config)
+        except BaseException as e:
+            result = {"ok": False, "error": str(e)}
+            if isinstance(e, KeyboardInterrupt | SystemExit):
+                raise
+        finally:
+            try:
+                tmp_path = session_dir / (SESSION_RESULT_FILE + ".tmp")
+                with open(tmp_path, "w", encoding="utf-8") as f:
+                    json.dump(result, f, ensure_ascii=False)
+                tmp_path.replace(session_dir / SESSION_RESULT_FILE)
+            except Exception:
+                pass
+            _remove_log_collector(handler)
+
+    threading.Thread(target=_run, daemon=True).start()
+
+    return jsonify({"status": "started"})
+
+
+@app.route("/api/logs/<session_id>")
+def stream_logs(session_id: str) -> Any:
+    """SSE 日志流"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    def generate() -> Any:
+        # 先发送已有日志
+        log_file = session_dir / SESSION_LOG_FILE
+        last_size = 0
+        start_time = time.time()
+        timeout = 600  # 10 分钟超时
+
+        while time.time() - start_time < timeout:
+            if log_file.exists():
+                current_size = log_file.stat().st_size
+                if current_size > last_size:
+                    with open(log_file, encoding="utf-8", errors="replace") as f:
+                        f.seek(last_size)
+                        chunk = f.read()
+                        if chunk:
+                            yield f"data: {_escape_sse(chunk)}\n\n"
+                    last_size = current_size
+
+            # 也通过队列发送实时日志
+            # 检查是否完成
+            result_file = session_dir / SESSION_RESULT_FILE
+            if result_file.exists():
+                with open(result_file, encoding="utf-8") as f:
+                    result = json.load(f)
+                yield f"data: {_escape_sse(json.dumps({'type': 'done', 'result': result}, ensure_ascii=False))}\n\n"
+                break
+
+            time.sleep(0.5)
+
+    return Response(
+        stream_with_context(generate()),
+        mimetype="text/event-stream",
+        headers={"Cache-Control": "no-cache", "X-Accel-Buffering": "no"},
+    )
+
+
+@app.route("/api/download/<session_id>/<filename>")
+def download_file(session_id: str, filename: str) -> Any:
+    """下载生成的文件"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    # 防止路径穿越
+    safe_name = Path(filename).name
+    filepath = session_dir / safe_name
+    if not filepath.exists():
+        return jsonify({"error": "文件不存在"}), 404
+
+    if safe_name.endswith(".doc"):
+        mimetype = "application/msword"
+    elif safe_name.endswith(".csv"):
+        mimetype = "text/csv; charset=utf-8"
+    else:
+        mimetype = "application/octet-stream"
+
+    disposition = f"attachment; filename*=UTF-8''{quote(safe_name)}"
+    return Response(
+        filepath.read_bytes(),
+        mimetype=mimetype,
+        headers={"Content-Disposition": disposition},
+    )
+
+
+@app.route("/api/config/<session_id>", methods=["GET"])
+def get_session_config(session_id: str) -> Any:
+    """获取当前会话的配置（供前端回填表单）"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    config = load_project_config()
+    cfg_path = session_dir / "config.json"
+    if cfg_path.exists():
+        with open(cfg_path, encoding="utf-8") as f:
+            config.update(json.load(f))
+    # 只返回前端需要的字段
+    return jsonify(
+        {
+            "username": config.get("username", ""),
+            "password": "",  # 不返回密码
+            "default_name": config.get("default_name", ""),
+            "default_card_no": config.get("default_card_no", ""),
+            "default_person_id": config.get("default_person_id", ""),
+            "consumable_storage": config.get("consumable_storage", ""),
+        }
+    )
+
+
+@app.route("/api/data/<session_id>", methods=["GET"])
+def get_invoice_data(session_id: str) -> Any:
+    """读取发票数据并返回 JSON（供前端表格编辑）"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    # 优先读取支付记录 CSV
+    payment_csv = session_dir / "payment_records.csv"
+    if payment_csv.exists():
+        rows = load_csv(payment_csv)
+        if rows is not None:
+            data: list[dict[str, Any]] = []
+            for i, row in enumerate(rows):
+                entry: dict[str, Any] = dict(row)
+                entry["__row"] = i
+                data.append(entry)
+            fields = [k for k in rows[0].keys() if not k.startswith("__")] if rows else []
+            return jsonify({"csv_filename": payment_csv.name, "fields": fields, "data": data})
+
+    # 回退到发票级别 CSV
+    invoice_csv = session_dir / "invoice_summary.csv"
+    if invoice_csv.exists():
+        rows = load_invoice_csv(invoice_csv)
+        if rows is not None:
+            invoice_data: list[dict[str, Any]] = []
+            for i, row in enumerate(rows):
+                entry2: dict[str, Any] = dict(row)
+                entry2["__row"] = i
+                invoice_data.append(entry2)
+            fields = [k for k in rows[0].keys() if not k.startswith("__")] if rows else []
+            return jsonify({"csv_filename": invoice_csv.name, "fields": fields, "data": invoice_data})
+
+    # 最后尝试任意 CSV
+    csv_files = list(session_dir.glob("*.csv"))
+    csv_files = [f for f in csv_files if f.name != SESSION_RESULT_FILE]
+    if csv_files:
+        csv_path = csv_files[0]
+        rows = load_csv(csv_path)
+        if rows is None:
+            rows = load_invoice_csv(csv_path)
+        if rows is not None:
+            fallback_data: list[dict[str, Any]] = []
+            for i, row in enumerate(rows):
+                entry3: dict[str, Any] = dict(row)
+                entry3["__row"] = i
+                fallback_data.append(entry3)
+            fields = [k for k in rows[0].keys() if not k.startswith("__")] if rows else []
+            return jsonify({"csv_filename": csv_path.name, "fields": fields, "data": fallback_data})
+
+    return jsonify({"error": "未找到发票数据，请先处理"}), 404
+
+
+@app.route("/api/save/<session_id>", methods=["POST"])
+def save_invoice_data(session_id: str) -> Any:
+    """保存前端编辑后的发票数据到 CSV"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    body = request.get_json(silent=True) or {}
+    data = body.get("data", [])
+    csv_filename = body.get("csv_filename", "invoice_summary.csv")
+
+    csv_path = session_dir / csv_filename
+    if not csv_path.exists():
+        return jsonify({"error": "CSV 文件不存在"}), 404
+
+    # 读取原 CSV 获取字段顺序（使用第一个数据的 keys）
+    original_rows = load_csv(csv_path)
+    if original_rows is None or len(original_rows) == 0:
+        return jsonify({"error": "无法读取原始 CSV 结构"}), 500
+
+    # 从原数据中获取字段顺序（去掉内部字段）
+    fieldnames = list(original_rows[0].keys())
+
+    import csv as csv_module
+
+    with open(csv_path, "w", newline="", encoding="utf-8-sig") as f:
+        writer = csv_module.DictWriter(f, fieldnames=fieldnames)
+        writer.writeheader()
+        for entry in data:
+            row = {k: entry.get(k, "") for k in fieldnames}
+            writer.writerow(row)
+
+    resp: dict[str, str | bool | None] = {"ok": True}
+    config = _load_session_config(session_dir)
+    doc_fill = _try_fill_consumable_doc(session_dir, config)
+    if doc_fill.get("ok"):
+        fn = doc_fill["doc_filename"]
+        resp["doc_url"] = f"/api/download/{session_id}/{quote(fn)}"
+        resp["doc_ok"] = True
+    elif doc_fill.get("skipped"):
+        resp["doc_ok"] = None
+        resp["doc_skipped"] = True
+    else:
+        resp["doc_ok"] = False
+        resp["doc_error"] = doc_fill.get("error") or ""
+    return jsonify(resp)
+
+
+@app.route("/api/submit-financial/<session_id>", methods=["POST"])
+def submit_financial(session_id: str) -> Any:
+    """手动触发财务系统填报"""
+    session_dir = _validate_session(session_id)
+    if isinstance(session_dir, tuple):
+        return session_dir
+
+    # 读取配置
+    config_path = session_dir / "config.json"
+    if not config_path.exists():
+        return jsonify({"error": "未找到配置，请先配置后处理"}), 400
+
+    with open(config_path, encoding="utf-8") as f:
+        config = json.load(f)
+
+    # 清除上次处理留下的结果文件，避免 SSE 误判为已完成
+    result_file = session_dir / SESSION_RESULT_FILE
+    if result_file.exists():
+        result_file.unlink()
+
+    # 在后台线程执行提交
+    handler = _install_log_collector(session_dir)
+
+    def _run() -> None:
+        result = {"ok": False, "error": "未知错误"}
+        try:
+            submit_result = run_financial_submit(session_dir, config)
+            if submit_result.get("ok"):
+                result = {"ok": True}
+            else:
+                result = submit_result
+        except BaseException as e:
+            result = {"ok": False, "error": str(e)}
+            if isinstance(e, KeyboardInterrupt | SystemExit):
+                raise
+        finally:
+            try:
+                tmp_path = session_dir / (SESSION_RESULT_FILE + ".tmp")
+                with open(tmp_path, "w", encoding="utf-8") as f:
+                    json.dump(
+                        {"ok": True, "submit_ok": result.get("ok"), "submit_error": result.get("error")},
+                        f,
+                        ensure_ascii=False,
+                    )
+                tmp_path.replace(session_dir / SESSION_RESULT_FILE)
+            except Exception:
+                pass
+            _remove_log_collector(handler)
+
+    threading.Thread(target=_run, daemon=True).start()
+
+    return jsonify({"status": "started"})
+
+
+# ================================================================
+# 辅助函数
+# ================================================================
+
+
+def _validate_session(session_id: str) -> Path | tuple[Response, int]:
+    session_dir = UPLOAD_BASE / session_id
+    if not session_dir.exists():
+        return jsonify({"error": "会话不存在"}), 404
+    return session_dir
+
+
+def _build_web_config(body: dict[str, Any]) -> dict[str, Any]:
+    """从请求体构建配置"""
+    config = load_project_config()
+    for key in (
+        "username",
+        "password",
+        "default_name",
+        "default_card_no",
+        "default_person_id",
+        "consumable_storage",
+    ):
+        if body.get(key):
+            config[key] = body[key]
+    return config
+
+
+def _escape_sse(text: str) -> str:
+    """SSE 数据转义，同时处理 Windows 行尾 \\r\\n"""
+    return text.replace("\r\n", "\n").replace("\r", "\n").replace("\n", "\ndata: ")
+
+
+@app.route("/mobile/<session_id>")
+def mobile_upload(session_id: str) -> Any:
+    """移动端上传页面"""
+    session_dir = UPLOAD_BASE / session_id
+    if not session_dir.exists():
+        return render_template("mobile_upload.html", error="会话不存在"), 404
+    return render_template("mobile_upload.html", session_id=session_id)
+
+
+@app.route("/api/mobile-upload/<session_id>", methods=["POST"])
+def mobile_upload_file(session_id: str) -> Any:
+    """移动端上传图片（复用 PC 上传逻辑）"""
+    return upload_file(session_id)
+
+
+if __name__ == "__main__":
+    UPLOAD_BASE.mkdir(parents=True, exist_ok=True)
+    print("启动 Web 服务: http://localhost:5000")
+    app.run(host="0.0.0.0", port=5000, debug=True, threaded=True, use_reloader=False)

src/web/static/css/index.css

@@ -0,0 +1,24 @@
+body { background: #f5f7fa; }
+.header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 24px 0 20px; }
+.upload-zone {
+  border: 2px dashed #ccc; border-radius: 12px; padding: 28px; text-align: center;
+  cursor: pointer; transition: all .2s; background: #fff; min-height: 100px;
+}
+.upload-zone:hover, .upload-zone.dragover { border-color: #667eea; background: #f0f2ff; }
+.upload-zone.active { border-color: #28a745; background: #f0fff4; }
+.upload-zone .icon { font-size: 32px; color: #aaa; margin-bottom: 8px; }
+.file-tag { display: inline-block; background: #e8f0fe; border-radius: 4px; padding: 2px 10px; margin: 3px; font-size: 13px; }
+.file-tag .remove { cursor: pointer; color: #c00; margin-left: 6px; font-weight: bold; }
+.log-container { background: #1e1e1e; color: #d4d4d4; border-radius: 8px; padding: 14px; height: 360px; overflow-y: auto; font-family: Consolas, monospace; font-size: 13px; line-height: 1.6; white-space: pre-wrap; word-break: break-all; }
+.log-container .empty { color: #666; font-style: italic; }
+.section-title { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 12px; }
+.btn-process { font-size: 17px; padding: 10px 40px; }
+.status-badge { font-size: 13px; }
+
+/* 可编辑表格 */
+.table-editable { font-size: 13px; }
+.table-editable th { position: sticky; top: 0; background: #f8f9fa; z-index: 1; font-weight: 600; white-space: nowrap; }
+.table-editable td { vertical-align: middle; }
+.table-editable input.form-control { font-size: 13px; padding: 4px 8px; min-width: 80px; }
+.table-wrapper { max-height: 500px; overflow-y: auto; border: 1px solid #dee2e6; border-radius: 8px; }
+.edit-note { font-size: 12px; color: #888; margin-bottom: 8px; }

src/web/static/js/index.js

@@ -0,0 +1,515 @@
+let sessionId = null;
+const pdfFiles = [], imgFiles = [];
+let csvFile = null;
+let invoiceData = [];   // 当前编辑数据 [{__row, ...fields}]
+let csvFilename = '';    // 当前 CSV 文件名
+let lastDownloadUrls = {};  // 最近一次可下载文件链接
+
+// ---- Session ----
+async function ensureSession() {
+  if (sessionId) return sessionId;
+  const r = await fetch('/api/session', { method: 'POST' });
+  const d = await r.json();
+  sessionId = d.session_id;
+  return sessionId;
+}
+
+// ---- 上传 ----
+function handleFiles(input, type) {
+  const files = Array.from(input.files);
+  const list = type === 'pdf' ? pdfFiles : imgFiles;
+  const listId = type === 'pdf' ? 'pdf-list' : 'img-list';
+  const zoneId = type === 'pdf' ? 'pdf-zone' : 'img-zone';
+
+  files.forEach(f => {
+    if (!list.find(x => x.name === f.name)) {
+      f.__source = 'local';  // 标记为本地手动选择
+      list.push(f);
+    }
+  });
+
+  renderFileList(type);
+  document.getElementById(zoneId).classList.add('active');
+  input.value = '';
+}
+
+function removeFile(type, index) {
+  const list = type === 'pdf' ? pdfFiles : imgFiles;
+  list.splice(index, 1);
+  renderFileList(type);
+  if (list.length === 0) {
+    document.getElementById(type === 'pdf' ? 'pdf-zone' : 'img-zone').classList.remove('active');
+  }
+}
+
+function renderFileList(type) {
+  const list = type === 'pdf' ? pdfFiles : imgFiles;
+  const box = document.getElementById(type === 'pdf' ? 'pdf-list' : 'img-list');
+  box.innerHTML = list.map((f, i) =>
+    `<span class="file-tag">${f.name}<span class="remove" onclick="event.stopPropagation();removeFile('${type}',${i})">&times;</span></span>`
+  ).join('');
+}
+
+// ---- CSV 上传 ----
+function handleCsvFile(input) {
+  const file = input.files[0];
+  if (!file) return;
+  csvFile = file;
+  document.getElementById('csv-zone').classList.add('active');
+  document.getElementById('csv-list').innerHTML =
+    `<span class="file-tag">${file.name}<span class="remove" onclick="event.stopPropagation();removeCsvFile()">&times;</span></span>`;
+  input.value = '';
+}
+
+function removeCsvFile() {
+  csvFile = null;
+  document.getElementById('csv-zone').classList.remove('active');
+  document.getElementById('csv-list').innerHTML = '';
+}
+
+// ---- 配置上传 ----
+function handleConfigUpload(input) {
+  const file = input.files[0];
+  if (!file) return;
+  const reader = new FileReader();
+  reader.onload = function(e) {
+    try {
+      const cfg = JSON.parse(e.target.result);
+      const map = {
+        'cfg-username': cfg.username,
+        'cfg-password': cfg.password,
+        'cfg-name': cfg.default_name,
+        'cfg-card': cfg.default_card_no,
+        'cfg-person-id': cfg.default_person_id,
+        'cfg-storage': cfg.consumable_storage,
+      };
+      for (const [id, val] of Object.entries(map)) {
+        if (val) document.getElementById(id).value = val;
+      }
+      // 同步 config.json 中的工号和公务卡号到表格
+      if (cfg.username) syncConfigToTable('工号');
+      if (cfg.default_card_no) syncConfigToTable('公务卡号');
+      alert('配置已加载');
+    } catch (err) {
+      alert('config.json 解析失败: ' + err.message);
+    }
+  };
+  reader.readAsText(file);
+  input.value = '';
+}
+
+// ---- 拖拽 ----
+['pdf','img'].forEach(type => {
+  const zone = document.getElementById(type + '-zone');
+  zone.addEventListener('dragover', e => { e.preventDefault(); zone.classList.add('dragover'); });
+  zone.addEventListener('dragleave', () => zone.classList.remove('dragover'));
+  zone.addEventListener('drop', e => {
+    e.preventDefault();
+    zone.classList.remove('dragover');
+    const files = Array.from(e.dataTransfer.files).filter(f => {
+      if (type === 'pdf') return f.name.toLowerCase().endsWith('.pdf');
+      /\.(png|jpe?g|bmp|webp)$/i.test(f.name);
+    });
+    if (files.length) {
+      const list = type === 'pdf' ? pdfFiles : imgFiles;
+      files.forEach(f => {
+        f.__source = 'local';  // 标记为本地拖拽
+        if (!list.find(x => x.name === f.name)) list.push(f);
+      });
+      renderFileList(type);
+      zone.classList.add('active');
+    }
+  });
+});
+
+// CSV 拖拽
+const csvZone = document.getElementById('csv-zone');
+csvZone.addEventListener('dragover', e => { e.preventDefault(); csvZone.classList.add('dragover'); });
+csvZone.addEventListener('dragleave', () => csvZone.classList.remove('dragover'));
+csvZone.addEventListener('drop', e => {
+  e.preventDefault();
+  csvZone.classList.remove('dragover');
+  const file = Array.from(e.dataTransfer.files).find(f => f.name.toLowerCase().endsWith('.csv'));
+  if (file) handleCsvFile({ files: [file] });
+});
+
+// ---- 处理 ----
+async function startProcess() {
+  const isCsvMode = !!csvFile;
+  if (!isCsvMode && !pdfFiles.length && !imgFiles.length) {
+    alert('请先上传文件或 CSV');
+    return;
+  }
+
+  const btn = document.getElementById('btn-start');
+  btn.disabled = true;
+  btn.textContent = '处理中...';
+  document.getElementById('status').innerHTML = '<span class="badge bg-warning status-badge">上传中...</span>';
+  document.getElementById('log-box').innerHTML = '';
+  document.getElementById('edit-section').style.display = 'none';
+  document.getElementById('download-section').style.display = 'none';
+
+  try {
+    await ensureSession();
+
+    if (isCsvMode) {
+      const fd = new FormData();
+      fd.append('file', csvFile);
+      await fetch(`/api/upload-csv/${sessionId}`, { method: 'POST', body: fd });
+    } else {
+      const allFiles = [...pdfFiles.map(f => ({f, t:'pdf'})), ...imgFiles.map(f => ({f, t:'img'}))];
+      for (const {f} of allFiles) {
+        const fd = new FormData();
+        fd.append('file', f);
+        await fetch(`/api/upload/${sessionId}`, { method: 'POST', body: fd });
+      }
+    }
+
+    document.getElementById('status').innerHTML = '<span class="badge bg-info status-badge">处理中...</span>';
+
+    const cfg = {
+      username: document.getElementById('cfg-username').value,
+      password: document.getElementById('cfg-password').value,
+      default_name: document.getElementById('cfg-name').value,
+      default_card_no: document.getElementById('cfg-card').value,
+      default_person_id: document.getElementById('cfg-person-id').value,
+      consumable_storage: document.getElementById('cfg-storage').value,
+      mode: isCsvMode ? 'csv' : 'auto',
+    };
+
+    await fetch(`/api/process/${sessionId}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(cfg),
+    });
+
+    // 监听 SSE 日志
+    const es = new EventSource(`/api/logs/${sessionId}`);
+    const logBox = document.getElementById('log-box');
+    let firstLine = true;
+
+    es.addEventListener('message', e => {
+      if (firstLine) { logBox.innerHTML = ''; firstLine = false; }
+      try {
+        const msg = JSON.parse(e.data);
+        if (msg.type === 'done') {
+          es.close();
+          const result = msg.result;
+          document.getElementById('status').innerHTML = result.ok
+            ? '<span class="badge bg-success status-badge">完成</span>'
+            : '<span class="badge bg-danger status-badge">失败</span>';
+          btn.disabled = false;
+          btn.textContent = '开始处理';
+
+          if (result.ok) {
+            showDownloadLinks(result);
+            loadInvoiceData();  // 加载可编辑数据
+          } else {
+            alert('处理失败: ' + (result.error || '未知错误'));
+          }
+          return;
+        }
+      } catch (err) {}
+      logBox.innerHTML += e.data;
+      logBox.scrollTop = logBox.scrollHeight;
+    });
+
+    es.onerror = () => {
+      es.close();
+      document.getElementById('status').innerHTML = '<span class="badge bg-danger status-badge">连接中断</span>';
+      btn.disabled = false;
+      btn.textContent = '开始处理';
+    };
+
+  } catch (e) {
+    alert('请求失败: ' + (e.message || '未知错误'));
+    btn.disabled = false;
+    btn.textContent = '开始处理';
+    document.getElementById('status').innerHTML = '<span class="badge bg-danger status-badge">失败</span>';
+  }
+}
+
+// ---- 下载链接 ----
+function showDownloadLinks(result) {
+  const section = document.getElementById('download-section');
+  const box = document.getElementById('download-links');
+  const warn = document.getElementById('doc-fill-warning');
+  if (!section || !box) return;
+
+  const items = [];
+  if (result.csv_url) items.push({ label: 'invoice_summary.csv', url: result.csv_url });
+  if (result.doc_url) items.push({ label: '易耗品、出库单.doc', url: result.doc_url });
+
+  lastDownloadUrls = {};
+  items.forEach(it => { lastDownloadUrls[it.label] = it.url; });
+
+  box.innerHTML = items.map(it =>
+    `<a class="btn btn-outline-primary btn-sm" href="${it.url}" download>${it.label}</a>`
+  ).join('');
+
+  if (warn) {
+    if (result.doc_ok === false && result.doc_error) {
+      warn.style.display = 'block';
+      warn.textContent = '出库单未生成：' + result.doc_error;
+    } else {
+      warn.style.display = 'none';
+      warn.textContent = '';
+    }
+  }
+
+  section.style.display = items.length || (result.doc_ok === false) ? 'block' : 'none';
+}
+
+// ---- 发票数据编辑 ----
+async function loadInvoiceData() {
+  try {
+    const r = await fetch(`/api/data/${sessionId}`);
+    const d = await r.json();
+    if (d.error) return;
+
+    csvFilename = d.csv_filename || 'invoice_summary.csv';
+    invoiceData = d.data || [];
+    const fields = d.fields || Object.keys(invoiceData[0] || {}).filter(k => !k.startsWith('__'));
+    renderTable(invoiceData, fields);
+
+    // 渲染后自动将配置区的工号/公务卡号同步到表格
+    syncConfigToTable('工号');
+    syncConfigToTable('公务卡号');
+  } catch (e) { /* ignore */ }
+}
+
+// 配置区 → 表格的同步映射：工号 ↔ cfg-username，公务卡号 ↔ cfg-card
+const CONFIG_SYNC = {
+  '工号': 'cfg-username',
+  '公务卡号': 'cfg-card',
+};
+
+// 从配置区输入框的值更新到所有表格行
+function syncConfigToTable(field) {
+  const inputId = CONFIG_SYNC[field];
+  if (!inputId) return;
+  const val = document.getElementById(inputId).value || '';
+  invoiceData.forEach((row, i) => {
+    row[field] = val;
+  });
+  // 更新表格中对应单元格的显示
+  const tbody = document.getElementById('invoice-tbody');
+  if (!tbody) return;
+  const rows = tbody.querySelectorAll('tr');
+  rows.forEach((tr, i) => {
+    const inputs = tr.querySelectorAll('input');
+    fieldsCache.forEach((f, colIdx) => {
+      if (f === field && inputs[colIdx]) {
+        inputs[colIdx].value = val;
+      }
+    });
+  });
+}
+
+let fieldsCache = []; // renderTable 渲染后的字段列表，用于定位列索引
+
+function renderTable(data, fields) {
+  const section = document.getElementById('edit-section');
+  if (!data.length) { section.style.display = 'none'; return; }
+  section.style.display = 'block';
+
+  // 使用后端返回的字段顺序， fallback 到 Object.keys
+  if (!fields || !fields.length) {
+    fields = Object.keys(data[0]).filter(k => !k.startsWith('__'));
+  }
+  fieldsCache = fields;
+
+  // 表头
+  document.getElementById('invoice-thead').innerHTML = `
+    <tr>
+      <th style="width:40px">#</th>
+      ${fields.map(f => `<th>${f}</th>`).join('')}
+    </tr>
+  `;
+
+  // 表体：每行首列为序号，其后为各字段 input
+  const rows = data.map((row, i) => {
+    const cells = fields.map(f => {
+      let onChangeStr = `invoiceData[${i}]['${f.replace(/'/g, "\\'")}']=this.value`;
+      // 如果该字段参与配置区同步，额外调用 syncTableToConfig
+      if (CONFIG_SYNC[f]) {
+        onChangeStr += `;syncTableToConfig('${f.replace(/'/g, "\\'")}', this.value)`;
+      }
+      return `<td><input class="form-control form-control-sm" value="${escapeHtml(String(row[f] || ''))}" 
+        onchange="${onChangeStr}"></td>`;
+    }).join('');
+    return `<tr><td style="width:40px;text-align:center">${i + 1}</td>${cells}</tr>`;
+  }).join('');
+
+  document.getElementById('invoice-tbody').innerHTML = rows;
+}
+
+// 从表格修改同步回配置区
+function syncTableToConfig(field, value) {
+  const inputId = CONFIG_SYNC[field];
+  if (inputId) {
+    document.getElementById(inputId).value = value;
+  }
+}
+
+function escapeHtml(s) {
+  return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+
+// 将当前表格编辑内容写回服务器（内部调用）
+async function saveInvoiceData() {
+  try {
+    const r = await fetch(`/api/save/${sessionId}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ data: invoiceData, csv_filename: csvFilename }),
+    });
+    const d = await r.json();
+    if (d.doc_url || d.doc_ok === false) {
+      showDownloadLinks({
+        csv_url: lastDownloadUrls['invoice_summary.csv'],
+        doc_url: d.doc_url,
+        doc_ok: d.doc_ok,
+        doc_error: d.doc_error,
+      });
+    }
+  } catch (e) {
+    console.warn('自动保存失败，继续提交:', e);
+  }
+}
+
+// ---- 提交到财务系统 ----
+async function submitFinancial() {
+  const btn = document.getElementById('btn-submit');
+  btn.disabled = true;
+  btn.textContent = '提交中...';
+  document.getElementById('log-box').innerHTML = '';
+
+  try {
+    // 提交前先自动保存当前表格编辑内容
+    await saveInvoiceData();
+
+    await fetch(`/api/submit-financial/${sessionId}`, { method: 'POST' });
+
+    // 监听日志流（复用 SSE）
+    const es = new EventSource(`/api/logs/${sessionId}`);
+    const logBox = document.getElementById('log-box');
+    let firstLine = true;
+
+    es.addEventListener('message', e => {
+      if (firstLine) { logBox.innerHTML = ''; firstLine = false; }
+      try {
+        const msg = JSON.parse(e.data);
+        if (msg.type === 'done') {
+          es.close();
+          btn.disabled = false;
+          const result = msg.result;
+          if (result && result.submit_ok) {
+            btn.textContent = '✅ 提交完成';
+            setTimeout(() => { btn.textContent = '🚀 提交到财务系统'; }, 3000);
+          } else {
+            const errorMsg = result?.submit_error || result?.error || '未知错误';
+            btn.textContent = '❌ 提交失败';
+            logBox.innerHTML += `<div style="color: #e74c3c; font-weight: bold;">❌ 提交失败：${errorMsg}</div>`;
+            logBox.scrollTop = logBox.scrollHeight;
+            console.warn('提交失败:', errorMsg);
+            setTimeout(() => { btn.textContent = '🚀 提交到财务系统'; }, 5000);
+          }
+          return;
+        }
+      } catch (err) {}
+      logBox.innerHTML += e.data;
+      logBox.scrollTop = logBox.scrollHeight;
+    });
+
+    es.onerror = () => {
+      es.close();
+      btn.disabled = false;
+      btn.textContent = '🚀 提交到财务系统';
+    };
+  } catch (e) {
+    alert('提交失败: ' + e.message);
+    btn.disabled = false;
+    btn.textContent = '🚀 提交到财务系统';
+  }
+}
+
+// ---- 二维码 / 手机扫码上传 ----
+let qrGenerated = false;
+let syncTimer = null;
+
+async function generateQr() {
+  await ensureSession();
+  const mobileUrl = window.location.origin + '/mobile/' + sessionId;
+  const box = document.getElementById('qrcode');
+  box.innerHTML = '';
+  new QRCode(box, {
+    text: mobileUrl,
+    width: 120,
+    height: 120,
+    colorDark: '#333',
+    colorLight: '#fff',
+  });
+  qrGenerated = true;
+}
+
+// ---- 实时同步：轮询服务器文件列表，检测手机端上传的新图片 ----
+async function startSync() {
+  if (syncTimer) return;
+  await syncFiles();
+  syncTimer = setInterval(syncFiles, 3000);
+}
+
+function stopSync() {
+  if (syncTimer) { clearInterval(syncTimer); syncTimer = null; }
+}
+
+async function syncFiles() {
+  if (!sessionId) return;
+  try {
+    const r = await fetch(`/api/files/${sessionId}`);
+    const d = await r.json();
+    const serverNames = new Set(d.images || []);
+    const localNames = new Set(imgFiles.map(f => f.name));
+
+    for (const name of serverNames) {
+      if (!localNames.has(name)) {
+        const resp = await fetch(`/api/download/${sessionId}/${encodeURIComponent(name)}`);
+        const blob = await resp.blob();
+        const file = new File([blob], name, { type: blob.type });
+        file.__source = 'server';  // 标记为扫码上传
+        imgFiles.push(file);
+      }
+    }
+
+    // 只清理来自服务器但已不存在的文件，保留本地手动选择的文件
+    for (const f of [...imgFiles]) {
+      if (!serverNames.has(f.name) && f.__source !== 'local') {
+        const idx = imgFiles.indexOf(f);
+        if (idx > -1) imgFiles.splice(idx, 1);
+      }
+    }
+
+    renderFileList('img');
+    if (imgFiles.length) {
+      document.getElementById('img-zone').classList.add('active');
+    } else {
+      document.getElementById('img-zone').classList.remove('active');
+    }
+  } catch (e) { /* ignore */ }
+}
+
+generateQr();
+startSync();
+
+// ---- 配置区 → 表格的双向同步绑定 ----
+Object.values(CONFIG_SYNC).forEach(inputId => {
+  const el = document.getElementById(inputId);
+  if (el) {
+    el.addEventListener('input', () => {
+      // 根据 inputId 反查对应的字段名
+      const field = Object.entries(CONFIG_SYNC).find(([, id]) => id === inputId)?.[0];
+      if (field) syncConfigToTable(field);
+    });
+  }
+});

src/web/templates/index.html

@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>财务报销自动化</title>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+<link href="/static/css/index.css" rel="stylesheet">
+</head>
+<body>
+
+<div class="header text-center mb-4">
+  <h3>财务报销自动化</h3>
+  <p class="mb-0 opacity-75">上传发票 PDF 和支付截图，自动提取、LLM 识别并填报</p>
+</div>
+
+<div class="container" style="max-width:960px">
+
+  <!-- 上传区域 -->
+  <div class="row g-3 mb-4">
+    <div class="col-md-4">
+      <div class="section-title">📄 发票 PDF <span class="text-muted fw-normal" style="font-size:12px">（多选）</span></div>
+      <div class="upload-zone" id="pdf-zone" onclick="document.getElementById('pdf-input').click()">
+        <div class="icon">📁</div>
+        <div class="text-muted" style="font-size:13px">点击或拖拽上传 PDF 文件</div>
+        <div id="pdf-list" class="mt-2"></div>
+      </div>
+      <input type="file" id="pdf-input" accept=".pdf" multiple hidden onchange="handleFiles(this, 'pdf')">
+    </div>
+    <div class="col-md-4">
+      <div class="section-title">🖼️ 支付截图 <span class="text-muted fw-normal" style="font-size:12px">（多选）</span></div>
+      <div class="upload-zone" id="img-zone" onclick="document.getElementById('img-input').click()">
+        <div class="icon">🖼️</div>
+        <div class="text-muted" style="font-size:13px">点击或拖拽上传图片文件</div>
+        <div id="img-list" class="mt-2"></div>
+      </div>
+      <input type="file" id="img-input" accept="image/*" multiple hidden onchange="handleFiles(this, 'img')">
+    </div>
+    <div class="col-md-4 text-center">
+      <div class="section-title">📱 手机扫码上传</div>
+      <div id="qrcode" style="display:inline-block"></div>
+      <p class="text-muted mt-2 mb-0" style="font-size:12px">扫码即可拍照上传</p>
+    </div>
+  </div>
+
+  <!-- CSV 快捷上传 -->
+  <div class="mb-4">
+    <div class="section-title">📊 CSV 快捷上传 <span class="text-muted fw-normal" style="font-size:12px">（已有发票数据 CSV 可直接上传，跳过提取和 LLM 识别）</span></div>
+    <div class="upload-zone" id="csv-zone" onclick="document.getElementById('csv-input').click()">
+      <div class="icon">📊</div>
+      <div class="text-muted" style="font-size:13px">点击或拖拽上传 CSV 文件</div>
+      <div id="csv-list" class="mt-2"></div>
+    </div>
+    <input type="file" id="csv-input" accept=".csv" hidden onchange="handleCsvFile(this)">
+  </div>
+
+  <!-- 配置表单 -->
+  <div class="card mb-4">
+    <div class="card-body">
+      <div class="section-title">⚙️ 配置 
+        <span style="font-size:12px;font-weight:normal;cursor:pointer;color:#667eea;margin-left:8px" onclick="document.getElementById('config-upload').click()">
+          📤 上传 config.json
+        </span>
+        <input type="file" id="config-upload" accept=".json" hidden onchange="handleConfigUpload(this)">
+      </div>
+      <div class="row g-2">
+        <div class="col-sm-4">
+          <label class="form-label" style="font-size:12px;margin-bottom:2px">账号 (工号)</label>
+          <input type="text" class="form-control form-control-sm" id="cfg-username" placeholder="202xxxx">
+        </div>
+        <div class="col-sm-4">
+          <label class="form-label" style="font-size:12px;margin-bottom:2px">密码</label>
+          <input type="password" class="form-control form-control-sm" id="cfg-password" placeholder="登录密码">
+        </div>
+        <div class="col-sm-4">
+          <label class="form-label" style="font-size:12px;margin-bottom:2px">默认姓名</label>
+          <input type="text" class="form-control form-control-sm" id="cfg-name" placeholder="张三">
+        </div>
+        <div class="col-sm-3">
+          <label class="form-label" style="font-size:12px;margin-bottom:2px">公务卡号</label>
+          <input type="text" class="form-control form-control-sm" id="cfg-card" placeholder="628288...">
+        </div>
+        <div class="col-sm-3">
+          <label class="form-label" style="font-size:12px;margin-bottom:2px">人员编号</label>
+          <input type="text" class="form-control form-control-sm" id="cfg-person-id" placeholder="202xxxxx">
+        </div>
+        <div class="col-sm-6">
+          <label class="form-label" style="font-size:12px;margin-bottom:2px">存放地点（出库单）</label>
+          <input type="text" class="form-control form-control-sm" id="cfg-storage" placeholder="新工科楼">
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 操作按钮 -->
+  <div class="text-center mb-4">
+    <button class="btn btn-primary btn-process" id="btn-start" onclick="startProcess()">开始处理</button>
+    <span id="status" class="ms-3"></span>
+  </div>
+
+  <!-- 下载区 -->
+  <div class="card mb-4" id="download-section" style="display:none">
+    <div class="card-body py-3">
+      <div class="section-title mb-2">📥 下载文件</div>
+      <div id="download-links" class="d-flex flex-wrap gap-2"></div>
+      <div id="doc-fill-warning" class="text-warning mt-2" style="font-size:13px;display:none"></div>
+    </div>
+  </div>
+
+  <!-- 发票数据编辑区 -->
+  <div class="card mb-4" id="edit-section" style="display:none">
+    <div class="card-body">
+      <div class="section-title d-flex justify-content-between align-items-center">
+        <span>📝 发票数据（可编辑）</span>
+        <div class="d-flex justify-content-end align-items-center">
+          <button class="btn btn-primary" id="btn-submit" onclick="submitFinancial()">🚀 提交到财务系统</button>
+        </div>
+      </div>
+      <p class="edit-note">直接点击单元格即可编辑，提交时自动保存当前修改。</p>
+      <div class="table-wrapper">
+        <table class="table table-sm table-bordered table-editable mb-0" id="invoice-table">
+          <thead id="invoice-thead"></thead>
+          <tbody id="invoice-tbody"></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <!-- 日志 -->
+  <div class="section-title">📋 处理日志</div>
+  <div class="log-container mb-4" id="log-box"><div class="empty">等待开始...</div></div>
+
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
+<script src="/static/js/index.js"></script>
+</body>
+</html>

src/web/templates/mobile_upload.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<title>支付截图上传</title>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+<style>
+body { background: #f5f7fa; padding-bottom: 40px; }
+.header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 20px 16px; text-align: center; }
+.upload-btn { width: 100%; padding: 18px; font-size: 16px; border-radius: 12px; margin-top: 16px; }
+.img-preview { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; margin: 4px; }
+.file-card { background: #fff; border-radius: 8px; padding: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
+.file-card img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; }
+.file-card .info { flex: 1; min-width: 0; }
+.file-card .name { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.file-card .remove { color: #c00; cursor: pointer; padding: 4px 8px; }
+.status-msg { text-align: center; padding: 12px; font-size: 14px; }
+</style>
+</head>
+<body>
+
+{% if error %}
+<div class="header"><h5>错误</h5><p>{{ error }}</p></div>
+{% else %}
+
+<div class="header">
+  <h5>📸 支付截图上传</h5>
+  <p class="mb-0 opacity-75" style="font-size:13px">拍照或从相册选择图片</p>
+</div>
+
+<div class="container" style="max-width:480px">
+
+  <!-- 上传按钮 -->
+  <input type="file" id="file-input" accept="image/*" multiple hidden onchange="handleSelect(this)">
+
+  <button class="btn btn-primary upload-btn" onclick="document.getElementById('file-input').click()">
+    📷 选择图片 / 拍照
+  </button>
+
+  <!-- 上传进度 -->
+  <div id="upload-status" class="status-msg mt-3"></div>
+
+  <!-- 已上传图片列表 -->
+  <h6 class="mt-3 mb-2">已上传 ({{ server_count | default(0) }})</h6>
+  <div id="file-list"></div>
+
+</div>
+{% endif %}
+
+<script>
+const sessionId = "{{ session_id }}";
+
+// ---- 加载已有文件 ----
+async function loadFiles() {
+  try {
+    const r = await fetch(`/api/files/${sessionId}`);
+    const d = await r.json();
+    renderList(d.images || []);
+  } catch (e) {
+    console.error(e);
+  }
+}
+
+function renderList(images) {
+  const box = document.getElementById('file-list');
+  if (!images.length) {
+    box.innerHTML = '<p class="text-muted text-center" style="font-size:13px">暂无图片</p>';
+    return;
+  }
+  box.innerHTML = images.map(name => `
+    <div class="file-card">
+      <img src="/api/download/${sessionId}/${encodeURIComponent(name)}#t=image/png" alt="">
+      <div class="info"><div class="name">${name}</div></div>
+      <span class="remove" onclick="removeFile('${name}')">&times;</span>
+    </div>
+  `).join('');
+}
+
+// ---- 上传 ----
+async function handleSelect(input) {
+  const files = Array.from(input.files);
+  if (!files.length) return;
+
+  const status = document.getElementById('upload-status');
+  let done = 0;
+  status.innerHTML = `<div class="text-primary">上传中... 0/${files.length}</div>`;
+
+  for (const f of files) {
+    try {
+      const fd = new FormData();
+      fd.append('file', f);
+      await fetch(`/api/upload/${sessionId}`, { method: 'POST', body: fd });
+      done++;
+      status.innerHTML = `<div class="text-primary">上传中... ${done}/${files.length}</div>`;
+    } catch (e) {
+      status.innerHTML = `<div class="text-danger">${f.name} 上传失败</div>`;
+    }
+  }
+
+  if (done === files.length) {
+    status.innerHTML = `<div class="text-success">✅ ${done} 张图片上传成功</div>`;
+  } else {
+    status.innerHTML = `<div class="text-warning">${done}/${files.length} 张上传成功</div>`;
+  }
+
+  input.value = '';
+  loadFiles();
+}
+
+// ---- 删除（前端视觉移除，实际保留在服务器）----
+function removeFile(name) {
+  // 移动端暂不支持删除，提示用户回到 PC 端管理
+  if (confirm('文件已上传到服务器。如需删除请回到电脑端操作。')) {
+    loadFiles();
+  }
+}
+
+// ---- 定时刷新列表（同步 PC 端新增的文件）----
+setInterval(loadFiles, 5000);
+loadFiles();
+</script>
+</body>
+</html>