big_data_ott/src/views/Ranking/fusion.vue

<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%">
      <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>
// 概览
export default {
  name: 'fusion',
  data() {
    return {
      search: {
        center: '',
        department: '',
        date: [],
      },
      tableData: [],
    };
  },
  mounted() {
    console.log("---")
  },
  methods: {},
  components: {},
};
</script>
<style lang="scss">
.fusion {
  width: 100%;
  height: 100vh;
  padding: 1em;
}
</style>