<template>
  <div class="content_library">
    <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-date-picker
          v-model="search.date"
          type="daterange"
          range-separator="-"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
        />
      </el-form-item>
    </el-form>

    <el-row>
      <el-col style="padding: 0 .5em;" :span="8">
        <el-table border :data="tableData" stripe style="width: 100%">
          <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" />
      </el-col>
      <el-col style="padding: 0 .5em;" :span="8">
        <el-table border :data="tableData" stripe style="width: 100%">
          <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" />
      </el-col>
      <el-col style="padding: 0 .5em;" :span="8">
        <el-table border :data="tableData" stripe style="width: 100%">
          <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" />
      </el-col>
    </el-row>
  </div>
</template>
<script>
// 概览
export default {
  name: 'content_library',
  data() {
    return {
      search: {
        center: '',
        department: '',
        date: [],
      },
      tableData: [],
    };
  },
  mounted() {},
  methods: {},
  components: {},
};
</script>
<style lang="scss">
.content_library {
  width: 100%;
  height: 100vh;
  padding: 1em;
}
</style>
