wps如何在图表下面加入表格_如何处理月份下面挂着日期的表格

处理的代码如下

<div class="coupon-available">
<div class="available-header">
<div class="createtime display ml20">发生时间</div>
<div class="name display">事件</div>
<div class="display name">金额</div>
<!-- <div class="name display" v-if="userType == 40">公司</div> -->
</div>
<div v-loading="listloading">
<div class="integral-record" v-for="domain in tableData.list" :key="domain.date">
<div class="this-month" v-if="Object.keys(domain).length == 1">{{domain.Month}}</div>
<div class="jifen-list" v-if="Object.keys(domain).length != 1">
<div class="createtime display ml20">{{domain.CreateTime}}</div>
<div class="name display">{{domain.EventTypeName}}</div>
<div
class="Money display"
:style="{color:domain.IsDebit == false?'red':''}"
>{{domain.IsDebit == false?'- ' + domain.Money:domain.Money}}</div>
<!-- <div class="name display" v-if="userType == 40">{{domain.ClientName}}</div> -->
</div>
</div>
</div>
</div>
<!-- <div v-if="tableData.list.length == 0">
<img src="../../../assets/img/nomessage.png" style="margin-left: calc(50% - 100px);" />
</div>-->
<div class="table-b-f-b mb20">
<el-pagination
class="fr"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="tableData.pageIndex"
:page-sizes="[10, 20,30]"
:page-size="tableData.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.totalCount"
></el-pagination>
</div>

getData: function(payload) {
this.listloading = true;
$http
.post($xxxxx.xxx.xxxxxxxxxxx+ "?token=" + this.token, xxxx)
.then(res => {
if (res.code == 0) {
let arr = res.data;
let list = res.data;
if (arr.length != 0) {
let mon = arr[0].Month;
list.unshift({ Month: mon });
let indexVip = null;
arr.forEach((item, index) => {
if (item.Month != mon) {
indexVip = index;
mon = item.Month;
list.splice(indexVip, 0, { Month: mon });
}
});
this.tableData.list = list;
this.tableData.totalCount = res.page.totalCount;
} else {
this.tableData.list = [];
this.tableData.totalCount = 0;
}
this.listloading = false;
}
});
},