两个接口数据合并

简介: 数据处理

两个接口数据合并

序:

​ 场景是这样的,后端提供了两个接口,接口1中的bb属性和接口2中的aa属性是一样的的。需要对一下情况进行处理:

  • 接口1中cc、dd分别是表格的两列显示字段,并对返回字段为null或NaN,页面要求显示为空,
  • 接口2中code返回的值需要进行处理(0表示对应的字段显示‘’--‘’,1表示对应字段返回需要保留2位小数,2表示对应返回的字段取整)
  • 所有数据排序根据接口2中的id进行排序

实现代码

tableData: [] // table表格数据
async onSearch(params) {
    // 接口1数据
      let data = await new Promise((resolve, reject) =>{
        this.$axios.post("/A123456", {
          acctperiod: params
        })
        .then(res => {
          resolve(res.data)
        })
        .catch(error => {
          reject(error)
        })
      })
      // 接口2数据
      let data1 = await new Promise((resolve, reject) =>{
        this.$axios.post("/A111111", {
          acctperiod: params
        })
        .then(res => {
          resolve(res.data)
        })
        .catch(error => {
          reject(error)
        })
      })
      this.tableData = data1.map(x=>{
        data.forEach(y => {
          // 将data的数据放到data1中
          if(x.aa === y.bb) {
            x.cc = y.cc || ''
            x.dd = y.dd || ''
          }
        });
        // 对没有数据的采用占位符
        if(x.code == 0) {
          x.cc = "--"
          x.dd = "--"
        }
        // 保留两位小数
        if(x.code == 1) {
          x.cc = Math.floor(x.cc * 100) / 100
          x.dd = Math.floor(x.dd * 100) / 100
        }
        // 取整数
        if(x.code == 2) {
          x.cc = parseInt(x.cc)
          x.dd = parseInt(x.dd)
        }
        return {...x}
      })
      // 根据id排序
      this.tableData = this.tableData.sort((a,b) => a.id - b.id);
    }
目录
相关文章
|
2月前
合并对象的几种方法
合并对象的几种方法
39 5
|
7月前
关联更新封装(二)
关联更新封装(二)
38 2
|
7月前
关联更新封装(三)
关联更新封装(三)
39 2
|
7月前
关联表更新封装
关联表更新封装
32 2
|
移动开发 编解码 资源调度
分集与路径合并方式
分集与路径合并方式
137 0
分集与路径合并方式
流程定义查询和删除
流程定义查询流程定义查询和删除
|
存储 安全 JavaScript
请求合并的 3 种方式,大大提高接口性能!
将相似或重复请求在上游系统中合并后发往下游系统,可以大大降低下游系统的负载,提升系统整体吞吐率。文章介绍了 hystrix collapser、ConcurrentHashMultiset、自实现BatchCollapser 三种请求合并技术,并通过其具体实现对比各自适用的场景。
|
存储 XML 缓存
请求合并的 3 种方式,大大提高接口性能。。。
请求合并的 3 种方式,大大提高接口性能。。。
320 0
组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]
组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]
|
中间件 Java
封装复杂度之批量接口
封装复杂度之批量接口
399 0
封装复杂度之批量接口