抱着猫睡觉的鱼_ 2021-12-23 10:47 采纳率: 51.7%
浏览 52
已结题

iview table渲染的问题

想做成的样子:

img


数据源:

   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": "袋装水泥",
                "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": "袋装水泥",
                "skuName": "P.P32.5R",
                "productCode": "7020201",
                "price": 898,
                "id": "202112211028158994237",
                "skuCode": "702020400032",
                "refundAmount": 449000
            }
        ],
        "pageNum": 0,
        "customerName": "浪潮新基建",
        "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": "袋装水泥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": "袋装水泥42.5",
                "skuName": "P.O42.5",
                "productCode": "7020205",
                "price": 761,
                "id": "202112211025518639178",
                "skuCode": "702020510010",
                "refundAmount": 761
            }
        ],
        "pageNum": 0,
        "customerName": "浪潮新基建",
        "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": "普通硅酸盐水泥",
                "skuName": "P.O32.5R",
                "productCode": "pro001",
                "price": 465,
                "id": "202112151434014792272",
                "skuCode": "P.O32.5R",
                "refundAmount": 1395
            }
        ],
        "pageNum": 0,
        "customerName": "山东信诺商贸有限公司",
        "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": "袋装水泥32.5",
                "skuName": "P.O32.5R",
                "productCode": "7020201",
                "deliverdAmount": 648,
                "price": 648,
                "id": "202112151430088972992",
                "skuCode": "702020100026",
                "refundAmount": 648000
            }
        ],
        "pageNum": 0,
        "customerName": "山东信诺商贸有限公司",
        "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": "袋装水泥32.5",
                "skuName": "P.O32.5R",
                "productCode": "7020201",
                "price": 832,
                "id": "202112151427282594935",
                "skuCode": "702020100026",
                "refundAmount": 832
            }
        ],
        "pageNum": 0,
        "customerName": "山东信诺商贸有限公司",
        "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="选择退款订单"
        @on-ok="ok"
        @on-cancel="cancel">
        <div
        v-for="item in tableData"
        :key="item.id"
      >
        <Table :data="[item]" :columns="columns1"></Table>

使用了多个表格,但是怎么才能在表头后面添加数据,感谢各位

img

  • 写回答

1条回答 默认 最新

  • 几何心凉 2022年度博客之星前端领域TOP 1 2021-12-23 14:12
    关注

    template写入dom

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 12月26日
  • 创建了问题 12月23日

悬赏问题

  • ¥20 有偿:在ubuntu上安装arduino以及其常用库文件。
  • ¥15 请问用arcgis处理一些数据和图形,通常里面有一个根据点划泰森多边形的命令,直接划的弊端是只能执行一个完整的边界,但是我们有时候会用到需要在有很多边界内利用点来执行划泰森多边形的命令
  • ¥30 在wave2foam中执行setWaveField时遇到了如下的浮点异常问题,请问该如何解决呢?
  • ¥20 看图片)删除这个自动化录屏脚本就一直报错找不到脚本文件,如何解决?(相关搜索:bat文件)
  • ¥750 关于一道数论方面的问题,求解答!(关键词-数学方法)
  • ¥200 csgo2的viewmatrix值是否还有别的获取方式
  • ¥15 Stable Diffusion,用Ebsynth utility在视频选帧图重绘,第一步报错,蒙版和帧图没法生成,怎么处理啊
  • ¥15 请把下列每一行代码完整地读懂并注释出来
  • ¥15 pycharm运行main文件,显示没有conda环境
  • ¥15 寻找公式识别开发,自动识别整页文档、图像公式的软件