Problèmes de rendu de table iview

Questions et réponses du rseoc 2021-12-30 07:39:28 阅读数:225

probl mes rendu table iview

Ce que vous voulez faire:

img


Source des données:

 tableData:[ { "creator": "SU9999", "lastModifiedTime": "2021-12-21 10:28:15", "refundTime": "2021-12-21T10:28:15.836+08:00[Asia/Shanghai]", "lastModifier": "SU9999", "pageSize": 0, "refundStatus": "0", "refundMoney": 527700, "pageCur": 0, "refundItemsList": [ { "amount": 78700, "deliverdQuantity": 0, "quantity": 100, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112211028158536193", "productName": "Ciment ensaché", "skuName": "P.O32.5R", "productCode": "7020201", "price": 787, "id": "202112211028158541516", "skuCode": "702020100026", "refundAmount": 78700 }, { "amount": 449000, "deliverdQuantity": 0, "quantity": 500, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112211028158536193", "productName": "Ciment ensaché", "skuName": "P.P32.5R", "productCode": "7020201", "price": 898, "id": "202112211028158994237", "skuCode": "702020400032", "refundAmount": 449000 } ], "pageNum": 0, "customerName": " Inspur New infrastructure ", "arriveTime": "2021-12-21T10:28:15.836+08:00[Asia/Shanghai]", "createdTime": "2021-12-21 10:28:15", "orderCode": "O202111120059179363246", "id": "202112211028158536193", "customer": "53b221e2-0c7d-486d-845f-a95100f8f13b" }, { "creator": "SU9999", "lastModifiedTime": "2021-12-21 10:25:51", "refundTime": "2021-12-21T10:25:51.654+08:00[Asia/Shanghai]", "lastModifier": "SU9999", "pageSize": 0, "refundStatus": "0", "refundMoney": 1392, "pageCur": 0, "refundItemsList": [ { "amount": 631, "deliverdQuantity": 0, "quantity": 1, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112211025518503935", "productName": "Ciment ensaché42.5", "skuName": "P.Ⅱ42.5", "productCode": "7020205", "price": 631, "id": "202112211025518602878", "skuCode": "702020510012", "refundAmount": 631 }, { "amount": 761, "deliverdQuantity": 0, "quantity": 1, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112211025518503935", "productName": "Ciment ensaché42.5", "skuName": "P.O42.5", "productCode": "7020205", "price": 761, "id": "202112211025518639178", "skuCode": "702020510010", "refundAmount": 761 } ], "pageNum": 0, "customerName": " Inspur New infrastructure ", "arriveTime": "2021-12-21T10:25:51.654+08:00[Asia/Shanghai]", "createdTime": "2021-12-21 10:25:51", "orderCode": "O202111120336190886422", "id": "202112211025518503935", "customer": "53b221e2-0c7d-486d-845f-a95100f8f13b" }, { "creator": "SU9999", "lastModifiedTime": "2021-12-15 14:34:01", "refundTime": "2021-12-15T14:34:01.304+08:00[Asia/Shanghai]", "lastModifier": "SU9999", "pageSize": 0, "refundStatus": "0", "refundMoney": 1395, "pageCur": 0, "refundItemsList": [ { "amount": 1395, "deliverdQuantity": 0, "quantity": 3, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112151434014777122", "productName": "Ciment Portland ordinaire", "skuName": "P.O32.5R", "productCode": "pro001", "price": 465, "id": "202112151434014792272", "skuCode": "P.O32.5R", "refundAmount": 1395 } ], "pageNum": 0, "customerName": " Shandong xinnuo Trading Co., Ltd. ", "arriveTime": "2021-12-15T14:34:01.304+08:00[Asia/Shanghai]", "createdTime": "2021-12-15 14:34:01", "orderCode": "O202111100740362898427", "id": "202112151434014777122", "customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8" }, { "creator": "SU9999", "lastModifiedTime": "2021-12-15 14:30:55", "refundTime": "2021-12-15T14:30:08.763+08:00[Asia/Shanghai]", "lastModifier": "SU9999", "pageSize": 0, "refundStatus": "2", "refundMoney": 647352, "pageCur": 0, "refundItemsList": [ { "amount": 648000, "deliverdQuantity": 1, "quantity": 1000, "undeliverdAmount": 647352, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112151430088963588", "productName": "Ciment ensaché32.5", "skuName": "P.O32.5R", "productCode": "7020201", "deliverdAmount": 648, "price": 648, "id": "202112151430088972992", "skuCode": "702020100026", "refundAmount": 648000 } ], "pageNum": 0, "customerName": " Shandong xinnuo Trading Co., Ltd. ", "arriveTime": "2021-12-15T14:30:08.763+08:00[Asia/Shanghai]", "createdTime": "2021-12-15 14:30:08", "orderCode": "O202111120334041045559", "id": "202112151430088963588", "customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8" }, { "creator": "SU9999", "lastModifiedTime": "2021-12-15 14:30:53", "refundTime": "2021-12-15T14:27:28.202+08:00[Asia/Shanghai]", "lastModifier": "SU9999", "pageSize": 0, "refundStatus": "1", "refundMoney": 832, "pageCur": 0, "refundItemsList": [ { "amount": 832, "deliverdQuantity": 0, "quantity": 1, "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524", "parentId": "202112151427282572983", "productName": "Ciment ensaché32.5", "skuName": "P.O32.5R", "productCode": "7020201", "price": 832, "id": "202112151427282594935", "skuCode": "702020100026", "refundAmount": 832 } ], "pageNum": 0, "customerName": " Shandong xinnuo Trading Co., Ltd. ", "arriveTime": "2021-12-15T14:27:28.202+08:00[Asia/Shanghai]", "createdTime": "2021-12-15 14:27:28", "orderCode": "O202111150112514592844", "id": "202112151427282572983", "customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8" }],
<Modal v-model="refundDialog" title=" Sélectionner une commande de remboursement " @on-ok="ok" @on-cancel="cancel"> <div v-for="item in tableData" :key="item.id" > <Table :data="[item]" :columns="columns1"></Table>

Plusieurs tableaux utilisés , Mais comment ajouter des données après l'en - tête ,Merci beaucoup.

img




Adopter les réponses:

templateÉcriredom


版权声明:本文为[Questions et réponses du rseoc]所创,转载请带上原文链接,感谢。 https://primo.wiki/2021/12/202112300739240270.html