46 lines
1.1 KiB
Vue
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> |