{% extends "base.html" %}
{% block title %}持仓跟踪{% endblock %}
{% block page_title %}持仓跟踪智能体{% endblock %}
{% block content %}
<div class="card">
  <div class="flex between wrap">
    <div style="color:var(--text2);font-size:13px;line-height:1.9">
      🤖 <b style="color:var(--text)">大模型智能体 + 工作流</b>：定期跟踪<b>持仓/自选股</b>与<b>目标概念/主题/股票</b>。
      个股跟踪除公告新闻外，深度分析其<b>产业链上下游与同业</b>动态；概念跟踪覆盖题材相关资讯与受益个股。
      输出专业报告，发现<b>重大变化自动邮件通知</b>。
      <div style="color:var(--muted);font-size:12px">跟踪对象管理在「⏰ 自动化 → 持仓跟踪」页 · 自动跟踪间隔可在「系统设置」配置</div>
    </div>
    <div class="flex wrap">
      <button class="btn btn-primary" onclick="runAll()">⚡ 立即跟踪全部目标</button>
      <button class="btn" onclick="load()">🔄 刷新</button>
    </div>
  </div>
  <div class="mt16 kpi-grid" id="trackState"></div>
</div>

<div class="card mt16">
  <div class="card-title"><span class="bar"></span>持仓（自选股）最近跟踪</div>
  <div id="posBox"><div class="loading">加载中…</div></div>
</div>

<div class="card mt16">
  <div class="card-title"><span class="bar" style="background:var(--gold)"></span>全部跟踪记录</div>
  <div style="overflow:auto;max-height:520px">
    <table>
      <thead><tr><th>时间</th><th>类型</th><th>目标</th><th>行业</th><th>影响度</th><th>性质</th><th>摘要</th><th>操作</th></tr></thead>
      <tbody id="recTb"><tr><td colspan="8" class="empty">暂无跟踪记录，点击上方「立即跟踪全部持仓」开始</td></tr></tbody>
    </table>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='js/tracking.js') }}"></script>
{% endblock %}