
<template>
  <div class="Basic-box">
    <el-table :data="tableData" stripe style="width: 100%;background-color: transparent;">
      <el-table-column prop="data" label="变更项目" width="100" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="name" label="变更事项" width="180" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="address" label="变更时间" show-overflow-tooltip>
      </el-table-column>
    </el-table>
   
    <Pagination></Pagination>
    
  </div>
</template>

<script>
import Pagination from "@/views/components/Pagination"
export default {
  name: 'Basicbox',
  components: {Pagination},
  data() {
    return {
      tableData: [{
        data: "审批类变更概述",
        name: "原料对乙酰胺基供应商的公司名称由河北嘉恒（集团）药业有限公司变更为河北一恒药业股份有公司，生产地址未发生变更。",
        address: "2022-06-08"
      }, {
        data: "审批类变更概述",
        name: "-",
        address: "2022-06-08"
      }, {
        data: "审批类变更概述",
        name: "-",
        address: "2022-06-08"
      },
      {
        data: "审批类变更概述",
        name: "-",
        address: "2022-06-08"
      },
      {
        data: "审批类变更概述",
        name: "-",
        address: "2022-06-08"
      },
      ]
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
.Basic-box {
  margin-top: 10px;
  width: 100%;
  height: 300px;
  padding: 0 11px 11px 11px;
  overflow-y: auto;
  background-color: transparent ;
}
::v-deep .el-table, .el-table__expanded-cell {
    background-color: transparent;
  
}
::v-deep .el-table th {
    background-color: rgba(0,100,255,0.2) !important;
    color: #2492FF  ;
    border: none;

}
::v-deep .el-table td {
  border: none;

}
::v-deep .el-table::before {
  height: 0px;
}
::v-deep .el-table tr {
    background-color: transparent !important;
    color: #B7D4F5 ;

}
::v-deep .el-table tbody tr:hover td {
    background-color: transparent !important
}
::v-deep .el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{
  border: none;
}
// 显示的颜色
  ::v-deep .el-table .el-table__body tr.el-table__row--striped td {
    background-color: rgba(0,50,150,0.1) !important;
  }


</style>
