[ { "createBy": null, "createTime": "2023-07-18 17:31:47", "updateBy": null, "updateTime": "2023-07-19 09:36:02", "remark": null, "id": 1, "orderId": "36", "productionNumber": "lw20230736", "orderType": "设备", "receiverCompanyName": "1", "receiverCompanyAddress": "1", "receiverSignature": "1", "receiverTime": "2023-07-03", "carrierSignature": "1", "carrierPhone": "1", "carrierVehicleNumber": "1", "senderCompanyName": "1", "creator": "1", "salesPerson": "1", "sender": "1", "senderPerson": "1", "mattersAttention": "1", "isDeleted": 0, "deptId": null, "dispatchListDetailsVoList": [ { "createBy": "li_zlong", "createTime": "2023-07-19 09:45:09", "updateBy": null, "updateTime": null, "remark": null, "id": 1, "dispatchId": 1, "productionNumber": "lw20230736", "projectName": "1", "projectDescribe": null, "modelSpecification": "1", "unit": "1", "quantity": 1, "isDeleted": 0, "deptId": 20, "splitPieceList": [ { "createBy": "li_zlong", "createTime": "2023-07-19 09:45:11", "updateBy": null, "updateTime": null, "remark": null, "id": 2, "dispatchId": 1, "detailsId": 1, "pieceName": "b", "pieceQuantity": 1, "pieceUnit": "2", "isDeleted": 0, "deptId": 20 }, { "createBy": "li_zlong", "createTime": "2023-07-19 09:45:10", "updateBy": null, "updateTime": null, "remark": null, "id": 1, "dispatchId": 1, "detailsId": 1, "pieceName": "a", "pieceQuantity": 1, "pieceUnit": "1", "isDeleted": 0, "deptId": 20 } ] } ] } ] 使用el-table展示
时间: 2023-07-24 18:14:28 浏览: 161
你应该知道的这些Mybatis-Plus使用技巧(小结)
你可以使用以下代码来展示这个数据:
```html
<template>
<div>
<el-table :data="dispatchListDetailsVoList" style="width: 100%">
<el-table-column prop="productionNumber" label="生产编号"></el-table-column>
<el-table-column prop="projectName" label="项目名称"></el-table-column>
<el-table-column prop="modelSpecification" label="型号规格"></el-table-column>
<el-table-column prop="unit" label="单位"></el-table-column>
<el-table-column prop="quantity" label="数量"></el-table-column>
<el-table-column label="拆件列表">
<template slot-scope="{ row }">
<el-table :data="row.splitPieceList" style="width: 100%">
<el-table-column prop="pieceName" label="拆件名称"></el-table-column>
<el-table-column prop="pieceQuantity" label="拆件数量"></el-table-column>
<el-table-column prop="pieceUnit" label="拆件单位"></el-table-column>
</el-table>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
dispatchListDetailsVoList: [
// your data here
]
};
}
};
</script>
```
请注意,你需要将 `dispatchListDetailsVoList` 替换为你的数据数组。此代码将使用 `el-table` 组件来展示数据,同时也支持嵌套表格来展示拆件列表。
阅读全文