pyt
2025-04-10 d635b51ae0ffe922d7e56bbceb7229fe7a5fd8f2
src/components/Table/index.vue
@@ -1,6 +1,6 @@
<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">
@@ -16,6 +16,7 @@
</template>
<script>
import Vue from 'vue';
export default {
    props: {
        tableData: {
@@ -34,12 +35,11 @@
                    pageNum: 1
                }
            }
        }
    },
    computed: {
        height() {
            return this.$baseTableHeight()
        },
        height: {
            type: Number,
            default: () => Vue.prototype.$baseTableHeight()
        }
    },
    methods: {
        handleCurrentChange(page) {
@@ -53,6 +53,10 @@
</script>
<style scoped lang="less">
::v-deep .select-row {
    background: #E6FFFF !important;
}
.el-table--border,
.el-table--group {
    border-radius: 8px 8px 0px 0px;
@@ -66,6 +70,26 @@
    }
}
::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;