<template>
  <div class="panel">
    <div class="panel-title">人员负载与交叉分布</div>
    <div class="table-scroll table-scroll-y limit-rows-8">
      <table class="data-table">
        <thead>
          <tr>
            <th>人员</th>
            <th>总次数</th>
            <th>峰值月</th>
            <th>主战场地</th>
            <th>主战体系</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="item in memberAnalysis" :key="item.name">
            <td>{{ item.name }}</td>
            <td>{{ item.total }}</td>
            <td>{{ item.month }}</td>
            <td>{{ item.location }}</td>
            <td>{{ item.tag }}</td>
          </tr>
          <tr v-if="!memberAnalysis.length">
            <td colspan="5" class="empty-cell">暂无数据</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ScheduleMemberOverview',
  props: {
    memberAnalysis: {
      type: Array,
      default: () => []
    }
  }
}
</script>

