console
var app = new Vue({
el: '#app',
data: {
tableData: [
{
"cellOutName": "造数账号1996",
"cellOutId": "51996",
"dataAllocationTime": "2022-08-10 15:06:37",
"planTime": null,
"detailList": [
{
"id": "9fc2a3d751874a4db40721ccc12388f6",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1996",
"cellOutId": "51996",
"proSort": "CA2022052324",
"allocationNum": 1,
"allocationSuccessNum": 1,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "FIFO",
"detailList": null
},
{
"id": "9fc2a3d751874a4db0721ccc12388f6",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1996",
"cellOutId": "51996",
"proSort": "CA2022052323",
"allocationNum": 1,
"allocationSuccessNum": 1,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "FIFO",
"detailList": null
},
{
"id": "69e07a697671435d98cb0b734a6daa9e",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1996",
"cellOutId": "51996",
"proSort": "SA202205236",
"allocationNum": 0,
"allocationSuccessNum": 0,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "LIFO",
"detailList": null
},
{
"id": "dc48a1a5eaec461db09e00f1be48fa49",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1996",
"cellOutId": "51996",
"proSort": "EA202208037",
"allocationNum": 1,
"allocationSuccessNum": 0,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "FIFO",
"detailList": null
}
]
},
{
"cellOutName": "造数账号1997",
"cellOutId": "51997",
"dataAllocationTime": "2022-08-10 15:06:37",
"planTime": null,
"detailList": [
{
"id": "d06dd530bc4f497dbf0e8d174f736a9d",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1997",
"cellOutId": "51997",
"proSort": "CA2022052324",
"allocationNum": 1,
"allocationSuccessNum": 1,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "FIFO",
"detailList": null
},
{
"id": "9fc2a3d751874a4db0721ccc12388f6",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1996",
"cellOutId": "51996",
"proSort": "CA2022052323",
"allocationNum": 1,
"allocationSuccessNum": 1,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "FIFO",
"detailList": null
},
{
"id": "0d8f4033c4fe4554a1009da1fe7dc1dc",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1997",
"cellOutId": "51997",
"proSort": "SA202205236",
"allocationNum": 0,
"allocationSuccessNum": 0,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "LIFO",
"detailList": null
},
{
"id": "c5efdb986bb648fb8cb0fa66f9b9a2ec",
"fileId": "472e584c450440fe9ebc7af915aac518",
"cellOutName": "造数账号1997",
"cellOutId": "51997",
"proSort": "EA202208037",
"allocationNum": 1,
"allocationSuccessNum": 0,
"createTime": null,
"assignRole": "A",
"dataAllocationTime": "2022-08-10 15:06:37",
"allocationStatus": null,
"planTime": null,
"allocateType": "1",
"fileName": "分配20220808xxx_xxxx.xls",
"jobNumber": "admin",
"assignModel": "FIFO",
"detailList": null
}
]
}
]
},
computed: {
detailNumber() {
if (this.tableData) {
return this.tableData[0].detailList.length
} else {
return 0
}
}
},
method: {
}
})
<diV id='app'>
<el-table border :data="tableData" class="file-detail">
<el-table-column label="营销员信息" width="100">
<el-table-column prop="cellOutName" label="员工姓名" width="100">
</el-table-column>
<el-table-column prop="cellOutId" label="员工工号" width="100">
</el-table-column>
</el-table-column>
<el-table-column v-for="(i,index) in tableData[0].detailList" :key="i.proSort" :label="`项目编号${index+1}`">
<el-table-column :label="i.proSort" width="150">
<template scope="scope">
{{scope.row.detailList[index].allocationNum}}
</template>
</el-table-column>
</el-table-column>
</el-table>
</diV>