根据后台返回数据动态生成自定义表格以达到自己所需要的样子
代码判断:
<template>
<el-row v-for="(item1,index1) in data1" :key="index1">
<el-col :span="24">
<span style="font-size:16px;display: block;margin-top:30px">{{ item1.task_name }} ({{ item1.count }}) </span>
<el-col v-for="(item3,id) in item1.modelArray" :key="id.alg_idd" :span="6">
<div style="border:1px solid #ccc;height:40px;;line-height:40px;text-align:center;margin-top:10px;margin-right:5px">{{ item3.model_name }}</div>
</el-col>
</el-col>
</el-row>
</template>
返回数据:
data1:[
{task_name: "0111访问序列", modelArray: [{model_name: "1"}], count: 1},
{task_name: "1207-4", modelArray: [{model_name: "PST1212"}], count: 1},
{task_name: "test-访问序列", modelArray: [{model_name: "理想-2020-0104"},
{model_name: "PST-20220810"}], count: 2},
{task_name: "演示任务", modelArray: [{model_name: "访问序列"}], count: 1}
]