效果如图:
功能描述:
1.根据选择时间,找出某月的第一天到最后一天,并对应星期,动态生成表头;
2. 数据中姓名、时间、名称相同的合并行
实现:
<template>
<div>
<Divider orientation="left">
<DatePicker v-model="theMonth" type="month" @on-change="changeDate" placeholder="请选择年月" style="width: 140px"></DatePicker>
</Divider>
<Table :columns="theColumns" :data="theData" border :span-method="handleSpan" :key="key" size="small"></Table>
</div>
</template>
return {
key: 0,//通过设置key去刷新table
theMonth:'',
theColumns:[],
columns