educoder/app/views/colleges/statistics.html.erb

<div class="statistic-header">
  <div class="container statistic-header-container">
    <div class="statistic-header-title"><%= current_school.name %></div>
    <div class="statistic-header-content">
      <div class="statistic-header-item">
        <div class="statistic-header-item-label">教师</div>
        <div class="statistic-header-item-content"><%= @teachers_count %></div>
      </div>
      <div class="statistic-header-item">
        <div class="statistic-header-item-label">学生</div>
        <div class="statistic-header-item-content"><%= @students_count %></div>
      </div>
      <div class="statistic-header-item">
        <div class="statistic-header-item-label">课堂</div>
        <div class="statistic-header-item-content"><%= @courses_count %></div>
      </div>
      <div class="statistic-header-item">
        <div class="statistic-header-item-label">共建实训</div>
        <div class="statistic-header-item-content"><%= @shixuns_count %></div>
      </div>
    </div>
  </div>
</div>

<div class="container statistics-body my-4" data-id="<%= current_school.id %>">
  <div class="card statistic-box statistic-base">
    <h4 class="card-header statistic-base-title">基本情况</h4>
    <div class="card-body statistic-base-table row">
      <div class="col-4 col-md-2 statistic-base-item">
        <div class="statistic-base-item-label">教师</div>
        <div class="statistic-base-item-content">
          <span><%= @teachers_count %></span>人
        </div>
      </div>
      <div class="col-4 col-md-2 statistic-base-item">
        <div class="statistic-base-item-label">学生</div>
        <div class="statistic-base-item-content">
          <span><%= @students_count %></span>人
        </div>
      </div>
      <div class="col-4 col-md-2 statistic-base-item">
        <div class="statistic-base-item-label">课堂</div>
        <div class="statistic-base-item-content">
          <span><%= @courses_count %></span>个
        </div>
      </div>
      <div class="col-4 col-md-2 statistic-base-item">
        <div class="statistic-base-item-label">共建实训</div>
        <div class="statistic-base-item-content">
          <span><%= @shixuns_count %></span>个
        </div>
      </div>
      <div class="col-4 col-md-2 statistic-base-item">
        <div class="statistic-base-item-label">实习报告</div>
        <div class="statistic-base-item-content shixun-report-count">
          加载中...
        </div>
      </div>
      <div class="col-4 col-md-2 statistic-base-item">
        <div class="statistic-base-item-label">学员实战时间</div>
        <div class="statistic-base-item-content shixun-time">
          加载中...
        </div>
      </div>
    </div>
  </div>

  <div class="statistic-container my-4 statistic-course">
    <div class="row">
      <div class="col-12">
        <div class="statistic-label">课堂</div>
        <div class="statistic-table">
          <table class="table text-center course-table">
            <thead class="thead-light">
            <tr>
              <th class="text-left">名称</th>
              <th class="text-left">管理教师</th>
              <th>评测次数</th>
              <th>学生</th>
              <th>实训作业</th>
              <th>资源</th>
              <th>帖子</th>
              <th>其它任务</th>
              <th>状态</th>
              <th>时间</th>
            </tr>
            </thead>
            <tbody>
            <tr><td colspan="100">加载中...</td></tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="my-4 mx-0 row">
    <div class="col-12 col-md-7 statistic-container statistic-teacher-rank">
      <div class="statistic-label">教师排名</div>
      <div class="statistic-table">
        <table class="table text-center teacher-rank-table">
          <thead class="thead-light">
          <tr>
            <th>排名</th>
            <th>姓名</th>
            <th>管理课堂</th>
            <th width="15%">已发布实训作业</th>
            <th width="15%">未发布实训作业</th>
            <th>学生数</th>
            <th>完成率</th>
            <th>发布实训</th>
          </tr>
          </thead>
          <tbody>
          <tr><td colspan="100">加载中...</td></tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="col-12 col-md-5 statistic-container">
      <div class="statistic-label">在线实训情况</div>
      <div class="statistic-chart">
        <div class="shixun-chart-loading">加载中...</div>
        <div class="shixun-chart-empty" style="display: none;">无数据</div>
        <div class="shixun-chart" id="shixun-chart"></div>
      </div>
    </div>
  </div>

  <div class="my-4 mx-0 row">
    <div class="col-12 col-md-7 statistic-container statistic-student-rank">
      <div class="statistic-label">学生排名</div>
      <div class="statistic-table">
        <table class="table text-center student-rank-table">
          <thead class="thead-light">
          <tr>
            <th>排名</th>
            <th>姓名</th>
            <th>学号</th>
            <th>完成实训</th>
            <th>在学实训</th>
            <th>金币</th>
            <th>经验值</th>
          </tr>
          </thead>
          <tbody>
          <tr><td colspan="100">加载中...</td></tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="col-12 col-md-5 statistic-container">
      <div class="statistic-label">最热评测</div>
      <div class="statistic-chart">
        <div class="hot-chart-loading">加载中...</div>
        <div class="hot-chart-empty" style="display: none;">无数据</div>
        <div class="hot-chart" id="hot-chart"></div>
      </div>
    </div>
  </div>

</div>