<template>
  <div class="fusion">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/all_aedia/overview' }"
        >全媒体平台</el-breadcrumb-item
      >
      <el-breadcrumb-item>融合号排行</el-breadcrumb-item>
    </el-breadcrumb>
    <el-form
      size="small"
      :inline="true"
      :model="search"
      class="demo-form-inline"
    >
      <el-form-item label="分类">
        <el-select v-model="search.class">
          <el-option label="创新中心" value="1" />
          <el-option label="新闻中心" value="2" />
        </el-select>
      </el-form-item>
    </el-form>

    <el-table
      border
      :data="tableData"
      stripe
      style="width: 100%"
      :row-click="click_row"
    >
      <el-table-column
        align="center"
        header-align="center"
        type="index"
        label="排行"
        width="50"
      />
      <el-table-column
        align="center"
        header-align="center"
        prop=""
        label="融合号"
      />
      <el-table-column
        align="center"
        header-align="center"
        prop=""
        label="粉丝量"
      />
      <el-table-column
        align="center"
        header-align="center"
        prop=""
        label="总发稿量"
      />
    </el-table>
    <br />
    <el-pagination layout="prev, pager, next" :total="1000" />
  </div>
</template>
<script>
import { getStatistics } from '@/api/newMdeiaApi';
// 概览
export default {
  name: 'fusion',
  data() {
    return {
      search: {
        center: '',
        department: '',
        date: [],
      },
      tableData: [],
    };
  },
  mounted() {
    console.log('---');
    getStatistics().then(r => {
      console.log(r);
    });
  },
  methods: {
    click_row(e) {
      console.log(e);
    },
  },
  components: {},
};
</script>
<style lang="scss">
.fusion {
  width: 100%;
  height: 100vh;
  padding: 1em;
}
</style>
