极客观点
项目管理
HarmonyOS
后台返回如下一段数据
{"data":[
{
"detail":[
{"id":"da0a469ac0694879a56a07522cecb846","productionDate":"2019-09-02","teamId":"6f98e635893447669076117372256229","teamName":"小明组","timeShiftName":"早班","startTime":"00:00:00","endTime":"05:20:00"},
{"id":"c07a43e62233497cbe5b1aa734f551cc","productionDate":"2019-09-02","teamId":"d0f5667d038b4103a33bf73488d2040f","teamName":"马云组","timeShiftName":"中班","startTime":"05:20:00","endTime":"10:20:00"},
{"id":"a842b7a6d14641f48f91e5906a931cd6","productionDate":"2019-09-03","teamId":"6f98e635893447669076117372256229","teamName":"小明组","timeShiftName":"早班","startTime":"00:00:00","endTime":"05:20:00"},
{"id":"b6f0c3d67ea44896bc435f4c419c2156","productionDate":"2019-09-03","teamId":"d0f5667d038b4103a33bf73488d2040f","teamName":"马云组","timeShiftName":"中班","startTime":"05:20:00","endTime":"10:20:00"}
]
},
{
"detail":[
{"id":"05fcefd5518543b1823ce11c513c099c","productionDate":"2019-09-04","teamId":"6f98e635893447669076117372256229","teamName":"小明组","timeShiftName":"早班","startTime":"00:00:00","endTime":"05:20:00"},
{"id":"471df81a0ea94761a8a86a372be5a9d8","productionDate":"2019-09-04","teamId":"d0f5667d038b4103a33bf73488d2040f","teamName":"马云组","timeShiftName":"晚班","startTime":"05:20:00","endTime":"10:20:00"},
{"id":"7d32f950e6f7437ab775566e2973335c","productionDate":"2019-09-05","teamId":"6f98e635893447669076117372256229","teamName":"小明组","timeShiftName":"早班","startTime":"00:00:00","endTime":"05:20:00"},
{"id":"427d0955812745d9a8363b667caf1ccc","productionDate":"2019-09-05","teamId":"d0f5667d038b4103a33bf73488d2040f","teamName":"马云组","timeShiftName":"晚班","startTime":"05:20:00","endTime":"10:20:00"},
{"id":"4dd062da9cfc41a28b2e795cbc2983bd","productionDate":"2019-09-06","teamId":"6f98e635893447669076117372256229","teamName":"小明组","timeShiftName":"早班","startTime":"00:00:00","endTime":"05:20:00"},
{"id":"6fb30cf77f5e45f1bd4e81f3c38963ce","productionDate":"2019-09-06","teamId":"d0f5667d038b4103a33bf73488d2040f","teamName":"马云组","timeShiftName":"晚班","startTime":"05:20:00","endTime":"10:20:00"},
{"id":"7db02926617245f1aff7b46a61f714d2","productionDate":"2019-09-07","teamId":"6f98e635893447669076117372256229","teamName":"小明组","timeShiftName":"早班","startTime":"00:00:00","endTime":"05:20:00"},
{"id":"8acec51535b7463e90f9e47dff78d1ad","productionDate":"2019-09-07","teamId":"d0f5667d038b4103a33bf73488d2040f","teamName":"马云组","timeShiftName":"晚班","startTime":"05:20:00","endTime":"10:20:00"}
]
}
]
}返回数据说明：
data是一个数组，每一组数据是一段时间的排班，detail是段时间排班的详细信息。每一段时间的班次是固定的，但不同时间段的班次可能不一样，如上面数据有一组是从2019-09-02 ~ 2019-09-03的排班，这段时间排班中每天都有早班和中班，2019-09-04 ~ 2019-09-07排班中为早班和晚班
问题：
要把data中每一个元素渲染成一个表格，表格样式如下：
目前没有找到解决办法，各位大佬指点下。
template，嵌套你需要的任何东西