el-table数据处理

news2024/11/22 15:40:00

在写表格时遇到,后端返回的数据是对象,并且缺少字段

1.每一条数据加上 一个字段

2.将对象转成数组

以下是数据

{
  "groupA": {
    "groupName": null,
    "orgName": null,
    "orgId": null,
    "allPeoper": "813",
    "all": "1396",
    "checkFa": "917",
    "checkFaYsfa": "19",
    "checkFaFyxjj": "178",
    "checkFaQdzybb": "1",
    "checkFaByxjj": "467",
    "checkFaFqtbb": "15",
    "checkFaFwbb": "46",
    "checkFaN": "103",
    "checkFaFyxjjOrQdzybb": "1",
    "checkFaOther": "87",
    "checkJzc": "479",
    "checkJzcBls": "149",
    "checkJzcCa": "0",
    "checkJzcAqbb": "6",
    "checkJzcQtlxbb": "39",
    "checkJzcN": "355",
    "checkJzcOther": "79",
    "checkFitY": "0",
    "checkFitYX": "0",
    "checkFitPositive": "0"
  },
  "groupB": {
    "groupName": null,
    "orgName": null,
    "orgId": null,
    "allPeoper": "1286",
    "all": "1486",
    "checkFa": "1282",
    "checkFaYsfa": "23",
    "checkFaFyxjj": "201",
    "checkFaQdzybb": "6",
    "checkFaByxjj": "619",
    "checkFaFqtbb": "40",
    "checkFaFwbb": "84",
    "checkFaN": "156",
    "checkFaFyxjjOrQdzybb": "0",
    "checkFaOther": "153",
    "checkJzc": "204",
    "checkJzcBls": "35",
    "checkJzcCa": "0",
    "checkJzcAqbb": "1",
    "checkJzcQtlxbb": "9",
    "checkJzcN": "178",
    "checkJzcOther": "16",
    "checkFitY": "334",
    "checkFitYX": "701",
    "checkFitPositive": "210"
  },
  "groupC": {
    "groupName": null,
    "orgName": null,
    "orgId": null,
    "allPeoper": "553",
    "all": "553",
    "checkFa": "0",
    "checkFaYsfa": "0",
    "checkFaFyxjj": "0",
    "checkFaQdzybb": "0",
    "checkFaByxjj": "0",
    "checkFaFqtbb": "0",
    "checkFaFwbb": "0",
    "checkFaN": "0",
    "checkFaFyxjjOrQdzybb": "0",
    "checkFaOther": "0",
    "checkJzc": "553",
    "checkJzcBls": "149",
    "checkJzcCa": "0",
    "checkJzcAqbb": "2",
    "checkJzcQtlxbb": "29",
    "checkJzcN": "426",
    "checkJzcOther": "96",
    "checkFitY": "31",
    "checkFitYX": "315",
    "checkFitPositive": "8"
  },
  "all": {
    "groupName": null,
    "orgName": "重庆癌症中心",
    "orgId": null,
    "allPeoper": "2652",
    "all": "3435",
    "checkFa": "2199",
    "checkFaYsfa": "42",
    "checkFaFyxjj": "379",
    "checkFaQdzybb": "7",
    "checkFaByxjj": "1086",
    "checkFaFqtbb": "55",
    "checkFaFwbb": "130",
    "checkFaN": "259",
    "checkFaFyxjjOrQdzybb": "1",
    "checkFaOther": "240",
    "checkJzc": "1236",
    "checkJzcBls": "333",
    "checkJzcCa": "0",
    "checkJzcAqbb": "9",
    "checkJzcQtlxbb": "77",
    "checkJzcN": "959",
    "checkJzcOther": "191",
    "checkFitY": "365",
    "checkFitYX": "1016",
    "checkFitPositive": "218"
  }
}
// 获取数据
 async getTableList () {
      const res = await get_SC_RCTList(this.search)
    // 定义空数组,接收处理完的数据
      let list = []
      if (res.code === 200) {
        Object.keys(res.data).forEach(key => {
            // 拿到每一项
          const item = res.data[key]
          switch (key) {
            case 'all':
              item.groupName = "合计";
              break;
            case "groupA":
              item.groupName = "肺肠A组";
              break;
            case "groupB":
              item.groupName = "肺肠B组";
              break;
            case "groupC":
              item.groupName = "肺肠C组";
              break;
          }
          list.push(item)
        })
        // 要求数据是0,需要处理
        list.map(item => {
          if (item.groupName === '肺肠C组') {
            item.checkFa = item.checkFa == '0' ? '--' : item.checkFa
          }
        })
        this.tableData = list
      }
    },

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/801981.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【实践篇】推荐算法PaaS化探索与实践 | 京东云技术团队

作者:京东零售 崔宁 1. 背景说明 目前,推荐算法部支持了主站、企业业务、全渠道等20业务线的900推荐场景,通过梳理大促运营、各垂直业务线推荐场景的共性需求,对现有推荐算法能力进行沉淀和积累,并通过算法PaaS化打造…

建木-自动化部署工具-安装文档

阿丹: 在管理微服务在开发环境以及线上环境的时候。发现每次都要手动的去进行更新迭代。但是在项目的管理中使用建木就可以很简单流程化的进行管理项目。 建木官网如下: 建木 下载docker-compose.yml wget https://gitee.com/jianmu-dev/jianmu-deplo…

力扣算法数学类—剑指 Offer 43. 1~n 整数中 1 出现的次数

目录 剑指 Offer 43. 1~n 整数中 1 出现的次数 题解: 代码: 结果: 输入一个整数 n ,求1~n这n个整数的十进制表示中1出现的次数。 例如,输入12,1~12这些整数中包含1 的…

【C++杂货铺】模板(文末有彩蛋哟)

文章目录 一、泛型编程二、函数模板2.1 函数模板的原理2.2 函数模板的实例化2.3 模板参数的匹配原则 三、类模板四、非类型模板参数五、模板的特化5.1 函数模板特化5.2 类模板特化 六、模板分离编译七、模板总结好书推荐🎁彩蛋 一、泛型编程 📖实现一个…

JDK17的下载安装与配置(详细教程)

1.搜索JDK的官方网址 https://www.oracle.com/java/technologies/downloads/#jdk17 2.切换到window系统,根据自己电脑的系统进行切换。然后点击下载 3.下载完成后移动你指定的文件夹并解压(这里放在了d盘目录下) 4.配置环境变量。打开我的电脑->点击属->找到…

「分享」Word文档被锁定无法编辑怎么办?4种方法解决

有没有遇到这种情况?打开Word文档后,发现文档被锁定了,无法输入内容,也无法修改,这很大可能是Word文档被设置了“限制编辑”。 如果Word文档被设置了“限制编辑”,而我们又需要编辑文档,可以用…

Python简要复习

西电Python程序设计复习 Python基础知识 python的特点 兼具编译型和解释型特性,兼顾过程式、函数式和面向对象编程范式的通用编程语言 解释型语言无需像编译型需要一次性的编译成机器码,然后运行,而是由名叫解释器的程序动态的将源代码逐…

Docker部署出现的问题

记录第一次使用Docker今天需要使用DockerFile文件在x86环境下部署镜像,给了我下面四个文件,让我生成首行的文件。 直接创建镜像报错 执行创造镜像命令 docker build -t wondersoft/ubuntu_scan_engine:latest .报错信息 报错原因: FROM …

数制系统——二、十、十六进制的相互转换

目录 1 二进制数制系统 1.1 二进制和 IPv4 地址 1.2 二进制位置记法 1.3 将二进制数转换为十进制数 1.4 十进制到二进制的转换 1.4.1 二进制和十进制互相转换游戏链接 1.5 Pv4 地址 2 十六进制数制系统 2.1 十六进制和 IPv6 地址 2.2 十进制到十六进制的转换 2.3 十…

【linux 结束pts/1踢人踢除另一个终端】

centos7上误执行了个命令,导致一直刷屏,强制CTRLC无法正常退出,一直出现如下: 网上搜索通过ctrlD,q均无法正常退出, 不想强行关掉,通过:who命令查看均用户: who mshns…

RocketMQ 行业分享

5.0的架构发生了重大调整,添加了一层rocketmq-proxy,可以通过grpc的方式接入。 参考 https://juejin.cn/post/7199413150973984827

plt绘制渐变颜色填充折线、曲线图

问题: 一般我们在绘制一些曲线或者折线图的时候需要进行颜色填充。例如 import matplotlib.pyplot as plt import numpy as npdata = np.loadtxt("0.txt").T x = data[0] y = data[1]fig, axs = plt.subplots(figsize=(4, 3)) axs.plot(x, y)# 设置xy轴范围 plt.x…

提升设计效率,深入解析CAD中的辅助命令

在CAD设计中,辅助命令是提高效率和精度的重要工具。无论是初学者还是有经验的设计师,掌握正确使用CAD中的辅助命令对于优化设计流程至关重要。本文将为你介绍一些常用的辅助命令,并分享如何正确运用它们来提升CAD设计的质量和效率。 正交函数…

无GPS下的自动驾驶系统解决方案

摘要: 随着自动驾驶技术的发展,在未知环境中智能汽车的定位技术成为该领域研究的核心。目前定位技术主要的解决方案是基于全球定位系统(GPS),但是在某些特殊的环境中如下车库,没有 GPS 信号如何解决定位问…

(MYSQL)数据库服务端的启动与停止,登录与退出

MYSQL服务的启动与停止 方式一:右击左下角win图标——选择计算机管理——选择计算机管理(本地)——选择服务和应用程序——找到mysql(此方法不好用) 方式二:通过管理员身份运行(必须是管理员身…

【C++11】——列表初始化、声明及STL变化

目录 1. C11简介 2. 统一的列表初始化 2.1 {}初始化 2.2 initializer_list容器 3. 声明 auto decltype nullptr 4. STL 中的一些变化 1. C11简介 在2003年C标准委员会曾经提交了一份技术勘误表(简称TC1),使得C03这个名字已经取代了C98称为C11之前的最新C标…

正则表达式方法学习

正则表达式学习 1.能干嘛2.创建正则表达式3.关于正则表达式的方法3.1 正则的方法3.1.1 test3.1.2 compile3.1.3 exec捕获组对象具名捕获组对象非捕获组对象 3.2 String类型的对象的正则相关的方法3.2.1 search()3.2.2 replace()3.2.3 split()3.2.4 match()3.2.5 matchAll() 1.能…

电子科技大学入驻飞桨AI Studio高校专区,AI优质课程等你来学!

近日,电子科技大学高校专区在飞桨人工智能学习与实训社区AI Studio上线,双方将携手搭建人工智能教学实训平台专区,汇集优质教学实训资源,校企共同培育复合型 AI 人才,为国家输送高质量人才,促进国家智能化进…

13 Linux实操篇-Linux网络配置

13 Linux实操篇-Linux网络配置 文章目录 13 Linux实操篇-Linux网络配置13.1 NAT网络配置13.1.1 原理图讲解13.1.2 VMware虚拟网络编辑器13.1.3 查看Windows的网络配置-ipconfig13.1.4 查看Linux的网络配置-ifconfig13.1.5 网络检测检测工具-ping 13.2 Linux网络环境配置13.2.1 …

1400*B. Karen and Coffee

Examples input 3 2 4 91 94 92 97 97 99 92 94 93 97 95 96 90 100 output 3 3 0 4 input 2 1 1 1 1 200000 200000 90 100 output 0 解析: 题意为,给你多个区间(会有重叠),每个区间的每个值都会为这个值累加…