You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.4 KiB
101 lines
2.4 KiB
2 years ago
|
|
||
|
|
<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>
|