{% extends "base.html" %}
{% block title %}机构动向{% endblock %}
{% block page_title %}机构动向{% endblock %}
{% block content %}
<div class="grid grid-2">
  <div class="card">
    <div class="card-title"><span class="bar"></span>评级变动（近45日）</div>
    <div id="upgradeBox"><div class="loading">加载中…</div></div>
  </div>
  <div class="card">
    <div class="card-title"><span class="bar"></span>基金持仓变化</div>
    <div id="holdBox"><div class="loading">加载中…</div></div>
  </div>
</div>

<div class="card mt16">
  <div class="between mb8">
    <div class="card-title" style="margin-bottom:0"><span class="bar"></span>机构列表</div>
    <div class="pill-bar" id="typePills" style="margin-bottom:0">
      <button class="pill active" data-t="">全部</button>
      <button class="pill" data-t="公募基金">公募基金</button>
      <button class="pill" data-t="券商研究">券商研究</button>
      <button class="pill" data-t="保险资管">保险资管</button>
      <button class="pill" data-t="外资机构">外资机构</button>
      <button class="pill" data-t="私募游资">私募游资</button>
    </div>
  </div>
  <div style="overflow:auto">
    <table>
      <thead><tr><th>机构</th><th>类型</th><th>简介</th><th>评级数</th><th>持仓数</th><th>操作</th></tr></thead>
      <tbody id="tb"></tbody>
    </table>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='js/institutions.js') }}"></script>
{% endblock %}