| | |
| | | <template> |
| | | <div class="table-container"> |
| | | <el-table border :data="tableData" :height="height"> |
| | | <el-table border v-bind="$attrs" v-on="$listeners" :height="height"> |
| | | <slot></slot> |
| | | </el-table> |
| | | <div v-if="total > 0"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import Vue from 'vue'; |
| | | export default { |
| | | props: { |
| | | tableData: { |
| | |
| | | pageNum: 1 |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | height() { |
| | | return this.$baseTableHeight() |
| | | }, |
| | | height: { |
| | | type: Number, |
| | | default: () => Vue.prototype.$baseTableHeight() |
| | | } |
| | | }, |
| | | methods: { |
| | | handleCurrentChange(page) { |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | ::v-deep .select-row { |
| | | background: #E6FFFF !important; |
| | | } |
| | | |
| | | .el-table--border, |
| | | .el-table--group { |
| | | border-radius: 8px 8px 0px 0px; |
| | |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-checkbox__inner:hover { |
| | | border-color: #049C9A !important; |
| | | } |
| | | |
| | | ::v-deep .el-checkbox__input.is-focus .el-checkbox__inner { |
| | | border-color: #049C9A !important; |
| | | } |
| | | |
| | | |
| | | ::v-deep .el-checkbox__input.is-checked .el-checkbox__inner { |
| | | background-color: #049C9A !important; |
| | | border-color: #049C9A !important; |
| | | } |
| | | |
| | | ::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner { |
| | | background-color: #049C9A !important; |
| | | border-color: #049C9A !important; |
| | | |
| | | } |
| | | |
| | | .pagination { |
| | | display: flex; |
| | | justify-content: flex-end; |