
2、组件里使用公用表格组件,思路:表格嵌套表格,展开行里的表格展示的字段与外面表格保持一致,且不展示表头,其它不展示的内容赋值为空值,并且只显示一条数据即可!
// index.vue
<table-box
v-if="isShow"
:columns="state.columns"
:dataSource="state.tableData"
:pagination="pagination"
:routerName="routerName"
:rowSelection="rowSelection"
@change="handleTableChange"
@expand="handleExpanded"
:expandedRowRender="expandedRowRender"
@getTableColumns="getTableColumns"
>
<template #showPostLabelList="{ record }">
<span v-if="record.showPostLabelList && record.showPostLabelList.length > 0">
<span>{
{ record.showPostLabelList[0].name }}</span>
</span>
<span v-else>--</span>
</template>
<template #showIssueItem="{ record }">
<span v-if="record.showIssueItem && record.showIssueItem.length > 0">
<span>{
{ record.showIssueItem[0].name }}</span>
</span>
<span v-else>--</span>
</template>
<template v-slot:expandedRowRender="{ record }">
<div class="expand-box" v-if="record.tableShow">
<a-table
:showHeader="false"
:columns="state.rowColumns"
:data-source="record.innerData"
:pagina