<template>
<div class="panel-group">
<el-row style="line-height: 36px">
<el-col :span="2">{{ contentTableConfig.title }}</el-col>
</el-row>
<el-row style="margin: 10px 50px">
<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>
