Source/UBCS-WEB/src/components/template/TableTransfer.vue

@@ -136,7 +136,6 @@
    },
    mounted() {
        this.init();
        console.log(this.$refs.transferTable)
    },
    methods: {
        init() {
@@ -212,7 +211,6 @@
                    i--;
                }
            }
            console.log(this.rightDataList)
            this.leftData = this.setData(this.leftDataList, this.searchLeft);
            this.rightData = this.setData(this.rightDataList, this.searchRight);
            this.$emit(
@@ -287,40 +285,42 @@
</script>

<style lang="scss" scoped>
::v-deep(.el-col>.el-card >.el-card__header) {
    background: #fff
}

.box-card {
    background: #fff;
}

.clearfix {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input {
    float: right;
    padding: 3px 0;
    max-width: 400px;
}

.btns {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

    .btn {
        margin: 20px 0;
    ::v-deep {
        .el-col>.el-card >.el-card__header {
            background: #fff
        }
        
    }
}
</style>

    .box-card {
        background: #fff;
    }
    .clearfix {
        display: -webkit-box;
        display: flex;
        display: -ms-flexbox;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .input {
        float: right;
        padding: 3px 0;
        max-width: 400px;
    }

    .btns {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;

        .btn {
            margin: 20px 0;
        }
    }
</style>