Files
supplier-dispatch-h5/src/views/kpi/components/noFit-table.vue
2024-07-05 17:25:00 +08:00

46 lines
1.1 KiB
Vue

<template>
<div class="wrap">
<el-table :data="tableData"
stripe
border
style="width: 100%"
height="100%"
v-loading="loading"
class="custom-table">
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: "noFit-table",
props: ['tableData','labelList','loading','isMobile'],
data() {
return {}
},
mounted() {
// console.log("tableData",this.tableData)
},
methods: {}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
::v-deep .el-table{
font-size: 11px;
}
::v-deep .el-table thead{
color: #1D2129;
font-weight: bold;
}
::v-deep .el-table th.el-table__cell.is-leaf {
background-color: #E5E6EB;
}
::v-deep .el-table .el-table__cell{
padding: 4px 0 !important;
}
</style>