js整合-一个数组元素为键名,一个数组元素为多个键值数组

2025-03-05  本文已影响0人  小鱼儿_逆流而上
小鱼儿心语:不要把时间浪费在无意义的比较上。每个人都有自己的节奏,你只需专注自己的道路,而不是别人的脚步。
一、效果图
历史告警统计.png
二、数据返回的格式
res.data.data = [
            {
              series: [
                {
                  name: "healthy_alarm_history",
                  tags: null,
                  columns: [
                    "time",
                    "job_number",
                    "employee_name",
                    "level",
                    "description",
                    "project",
                    "generation_time",
                    "relieve_time"
                  ],
                  values: [
                    [
                      "2025-02-27T02:40:03.406Z",
                      "11111",
                      "张文光",
                      "1",
                      "血氧低(轻度)",
                      "BO",
                      1.740622388951e12,
                      1.740624003111e12
                    ],
                    [
                      "2025-02-27T02:40:03.406Z",
                      "11122",
                      "张文光11",
                      "1",
                      "血氧低(轻度)",
                      "BO",
                      1.740622388951e12,
                      1.740624003111e12
                    ]
                  ]
                }
              ],
              error: null
            }
          ];
三、数据整合
            this.tableData1 = [];
            var columns = res.data.data[0].series[0].columns;
            var values = res.data.data[0].series[0].values;
            if (values && values.length > 0) {
              this.tableData1 = values.map(row => {
                return {
                  time: row[columns.indexOf("time")],
                  job_number: row[columns.indexOf("job_number")],
                  employee_name: row[columns.indexOf("employee_name")],
                  level: row[columns.indexOf("level")],
                  description: row[columns.indexOf("description")],
                  project: row[columns.indexOf("project")],
                  generation_time: row[columns.indexOf("generation_time")],
                  relieve_time: row[columns.indexOf("relieve_time")]
                };
              });
            }
四、数据输出
this.tableData1 = [
  {
      time: "2025-02-27T02:40:03.406Z",
      job_number: "11111",
      employee_name: "张文光",
      level: "1",
      description: "血氧低(轻度)",
      project: "BO",
      generation_time: 1.740622388951e12,
      relieve_time: 1.740624003111e12
  },
  {
      time: "2025-02-27T02:40:03.406Z",
      job_number: "11122",
      employee_name: "张文光11",
      level: "1",
      description: "血氧低(轻度)",
      project: "BO",
      generation_time: 1.740622388951e12,
      relieve_time: 1.740624003111e12
  }
]
上一篇 下一篇

猜你喜欢

热点阅读