<template>
  <div class="customer_list">
    <div class="customer_list_head" v-text="title"></div>
    <el-table
      ref="singleTableRef"
      :data="tableList"
      header-row-class-name="headStyle"
      row-class-name="darkRow"
      highlight-current-row
      style="width: 100%"
    >
      <slot v-if="child" name="cols"> </slot>
      <template v-else>
        <el-table-column align="center" type="index" label="序号" width="50" />
        <el-table-column
          show-overflow-tooltip
          align="center"
          property="date"
          label="栏目主名称"
        />
        <el-table-column align="center" property="name" label="频次(次)" />
        <el-table-column align="center" property="name" label="时长(秒)" />
        <el-table-column align="center" property="name" label="客户数" />
      </template>
    </el-table>
  </div>
</template>

<script>
// @ is an alias to /src
// import config from "@/config/index";

export default {
  name: "AdvertisingEye_table",
  data() {
    return {};
  },
  props: {
    title: String,
    child: {
      type: Boolean,
      value: false,
    },
    tableList: {
      type: Array,
      value: () => [],
    },
  },
  mounted() {},
  computed: {},
  filter: {},
  methods: {},
  beforeUnmount: function() {},
  components: {},
};
</script>

<style scoped>
.customer_list {
  width: 600px;
  margin: 30px auto;
  border: 1px solid #d2e7fc;
  border-top: 3px solid #40a1f3;
}
.customer_list_head {
  line-height: 42px;
  height: 42px;
  color: #378ee8;
  border-bottom: none;
  font-family: "Microsoft YaHei";
  text-align: center;
  font-size: 18px;
  background-color: #d9efff;
}
.headStyle .cell {
  font-weight: 600;
  color: #000;
}
</style>
