<template>
    <div class="box">
        <banner></banner>
        <div class="article">
            <template>
                <el-table
                    :data="list"
                    stripe
                    style="width: 100%">
                    <el-table-column type="index" label="序号" width="80" />
                    <el-table-column prop="name" label="货号" />
                    <el-table-column prop="name" label="原研公司" />
                    <el-table-column
                        prop="date"
                        label="MOA"
                        width="180"
                        column-key="date"
                        :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
                        :filter-method="filterHandler"
                        >
                    </el-table-column>
                    <el-table-column prop="name" label="上市国家" />
                    <el-table-column prop="name" label="抗体名称" />
                    <el-table-column prop="name" label="文章题目" />
                </el-table>
            </template>
        </div>
    </div>
  </template>
<script>
import banner from "@/components/banner";
export default {
  name: "article",
  components: {
    banner
  },
  data() {
    return {
      list: [
        {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }, {
          name: "12",
          fileUrl: "/static/img/mRNA1.af470f1.jpg"
        }
      ]
    };
  },
  methods: {
  },
  mounted() {},
  created() {
  }
};
</script>
  <style lang="scss">
  .site-header-suggestion-select {
    .el-autocomplete-suggestion__wrap {
      max-height: 380px;
    }
  }
  </style>
  <style lang="scss" scoped>
  @media screen and (min-width: 751px) and (max-width: 9999px) {
    .box {
      .article /deep/{
        width: 1200px;
        margin: 30px auto 90px;
        .cell{
          color: #000;
        }
        .el-table__row td{
            background-color: #fff !important;
        }
        .el-table__row--striped td{
            background-color: #F0FAFE !important;
        }
      }
    }
  }
  </style>