<template>
? <div class="panel-group">
? ? <el-row>
? ? ? <el-col :span="2">{{ contentTableConfig.title }}</el-col>
? ? </el-row>
? ? <el-row>
? ? ? <el-col :span="24">
? ? ? ? <el-table
? ? ? ? ? ref="myTable"
? ? ? ? ? :data="contentTableData"
? ? ? ? ? :class="table"
? ? ? ? ? :header-cell-style="{ background: '#ffffff', border: 'none' }"
? ? ? ? >
? ? ? ? ? <el-table-column
? ? ? ? ? ? v-for="(item, index) in contentTableConfig.propList"
? ? ? ? ? ? :key="index"
? ? ? ? ? ? show-overflow-tooltip
? ? ? ? ? ? :prop="item.prop"
? ? ? ? ? ? :label="item.label"
? ? ? ? ? ? :min-width="item.width"
? ? ? ? ? ></el-table-column>
? ? ? ? </el-table>
? ? ? </el-col>
? ? </el-row>
? </div>
</template>
<script>
export default {
? props: {
? ? // 是否显示操作
? ? title: {
? ? ? type: String,
? ? ? default: "",
? ? },
? ? contentTableConfig: {
? ? ? type: Object,
? ? ? require: true,
? ? ? default: () => ({}),
? ? },
? ? contentTableData: {
? ? ? type: Array,
? ? ? require: true,
? ? ? default: () => [],
? ? }
? },
? methods: {
? ? handleSetLineChartData(type) {
? ? ? this.$emit("handleSetLineChartData", type);
? ? },
? },
};
</script>
<style lang="scss" scoped>
.panel-group {
? margin-top: 18px;
? margin-bottom: 18px;
? background: rgb(255, 255, 255);
? padding: 16px 20px 16px 30px;
}
::v-deep .el-table__row > td {
? border: none;
}
.el-table::before {
? //去掉最下面的那一条线
? height: 0px;
}
</style>