|
@@ -13,6 +13,7 @@
|
|
:table-data="list"
|
|
:table-data="list"
|
|
row-key-field-name="id"
|
|
row-key-field-name="id"
|
|
:cell-span-option="cellSpanOption"
|
|
:cell-span-option="cellSpanOption"
|
|
|
|
+ :cell-style-option="cellStyleOption"
|
|
/>
|
|
/>
|
|
<div v-show="showEmpty" class="empty-data" :style="{height:maxHeight+'px'}"><a-empty description="暂无数据" :image="simpleImage"/></div>
|
|
<div v-show="showEmpty" class="empty-data" :style="{height:maxHeight+'px'}"><a-empty description="暂无数据" :image="simpleImage"/></div>
|
|
</a-spin>
|
|
</a-spin>
|
|
@@ -56,6 +57,16 @@ export default {
|
|
cellSpanOption: {
|
|
cellSpanOption: {
|
|
bodyCellSpan: this.bodyCellSpan
|
|
bodyCellSpan: this.bodyCellSpan
|
|
},
|
|
},
|
|
|
|
+ cellStyleOption: {
|
|
|
|
+ bodyCellClass: ({ row, column, rowIndex }) => {
|
|
|
|
+ if (column.field === 'superDealerName') {
|
|
|
|
+ return 'table-body-cell-1'
|
|
|
|
+ }
|
|
|
|
+ if (column.field === 'productTypeName3') {
|
|
|
|
+ return 'table-body-cell-2'
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
showEmpty: true,
|
|
showEmpty: true,
|
|
checkedDealerSn: []
|
|
checkedDealerSn: []
|
|
}
|
|
}
|
|
@@ -260,4 +271,10 @@ export default {
|
|
.ve-table .ve-table-container .ve-table-content-wrapper{
|
|
.ve-table .ve-table-container .ve-table-content-wrapper{
|
|
border-bottom: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
}
|
|
|
|
+ .table-body-cell-1 {
|
|
|
|
+ border-left: 1px solid #ddd !important;
|
|
|
|
+ }
|
|
|
|
+ .table-body-cell-2 {
|
|
|
|
+ border-right: none !important;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|