后台返回的列表转vue前面使用的列表

// 转换函数

function convertToWarnInfoList(items) {  

  return items.map(item => {    

    const id = item.id;    

    const name = item.eventType;  

    const riverId = item.riverId;  

    const longitude = item.lonlat.split(',')[0];  

    const latitude = item.lonlat.split(',')[1];    

    const createTime = item.createTime;    

    const value=item//JSON.stringify(item)

    return { id,name,riverId,longitude,latitude,createTime,value };  

  });  

}

// 转换函数，将对象转换为 list 格式  

function convertToObjectArray(data: Record<string, number>): Array<{ name: string, value: number }> {  

  return Object.entries(data).map(([name, value]) => ({ name, value }));  

}

// 转换函数

function convertToWarnInfoList(items) {  

  return items.map(item => {    

    const warninfo = item.content;    

    return { warninfo };  

  });  

}

const loadList = async()=>{
  try {  
    const response = await perceptionApi.getFloodWarningRecordsCountByType("0", "350824000000")//雨量
    
    const response2 = await perceptionApi.getFloodWarningRecordsCountByType("1", "350824000000")//水位
        
    list2.value = []
    // 遍历第一组数据（或第二组数据，因为它们有相同的键）  
    for (const [name, value] of Object.entries(response.result)) {  
      // 从第二组数据中获取对应的值  
      const value1 = response2.result[name];         
      // 将数据添加到列表中  
      list2.value.push({  
        name: name,  
        value, // 第一组数据的值  
        value1 // 第二组数据的值  
      });  
    }     
  } catch (error) {  
    console.error('Error API:', error);  
  }
}

使用如下： 

list2.value = []

    // 遍历第一组数据（或第二组数据，因为它们有相同的键）  

    for (const [name, value] of Object.entries(response21.result)) {  

      // 从第二组数据中获取对应的值  

      const value1 = response22.result[name];  

      const value2 = response23.result[name];    

      const value3 = response24.result[name];    

      const value4 = response24.result[name];          

      // 将数据添加到列表中  

      list2.value.push({  

        name: name, // 河流名称  

        value, // 第一组数据的值  

        value1, // 第二组数据的值  

        value2,

        value3,

        value4

      });  

    }  

    list3.value = convertToWarnInfoList(response3.result)