当前位置: 首页 > news >正文

计算选中数据的某项 数据总和

项目中我们的需求变得那是一塌糊涂,三天一变,很醉人。(后来又变了 )
可以看这个 https://blog.csdn.net/lzfengquan/article/details/120910618?spm=1001.2014.3001.5501
今天又变了,原本是单选,现在是要多选,并且要把选中的数据金额加一起传给后端,前端并要展示出来。
效果图如下
在这里插入图片描述
简单的代码如下

handleCreate = (...[, paramData]) => {
console.log('支付', paramData, '///', this.tableRef.getSelectionData().selectedRows)
const rowsData= this.tableRef.getSelectionData().selectedRows // 选中行信息
const SearchparamData = this.tableRef.getFormRef().getFieldsValue(); // 查询条件
if(rowsData == '' && SearchparamData.sourceNo == undefined){
  ElNotification({
    type: 'error',
    message: '查询条件来源单号为空,不允许支付操作!'
  });
}else{
  if(rowsData != '' && rowsData.every(item => item.noPayAmount === 0)){
    ElNotification({
      type: 'error',
      message: '暂无待支付金额,请重新选择'
    });
    console.log(1111111111111)
  }else {
    	console.log(rowsData, '计算和步骤如下')
    	if(rowsData.every(item => item.noPayAmount !== 0 && item.payState == 'AWAIT')){
          let sum = 0
          rowsData.forEach(item => {
            sum += item.noPayAmount
          });
          this.setState({
            modalVisible: true, // 弹框显示
            data: { payMethod: '10' }, // 付款方式 传入默认值 中金
            mark: 'pay', // 按钮的type值
            unpaidInfo: {
              settleEntityName: rowsData.settleEntityName, // 付款主体
              noPayAmount:sum, // 本次付款金额 总和
              settleEntityAddrNo: rowsData.settleEntityAddrNo, // 银行的地址号
              payId: rowsData.id, // 用户ID
            },
            modalConfirmLoading: false
          });
        }else {
          ElNotification({
            type: 'error',
            message: '选中数据中有非待付款状态或无待支付金额,请重新选择'
          });
        }
      }
    }
 };

相关文章:

  • 前端处理数组 在 js中把已知对象循环遍历后再push新的数组中
  • scrapy 爬取 useragent
  • react 项目中,某需求需要根据返回数据的某条件禁止选择行
  • 函数式思维的小例子
  • 基于LNMP的Zabbbix之Zabbix Server源码详细安装,但不给图
  • 前端 禁止微信调整字体大小
  • SQL练习之求解填字游戏
  • 前端 项目中 判断两个对象value值是否相等
  • Python的method, class method, static method
  • 三目运算 多条判断
  • ubuntu IP 扫描
  • 前端项目中遇见的 非操作 和 双向非操作 的区别 ,以及使用(双向非操作可以把字符串和数字转换为布尔值。)
  • Django框架初入
  • 前端vue面试总结,常见的,没有更全,只有更细,更新中
  • 关于mybatis Invalid bound statement (not found)
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • [笔记] php常见简单功能及函数
  • 【个人向】《HTTP图解》阅后小结
  • Android 控件背景颜色处理
  • Debian下无root权限使用Python访问Oracle
  • Effective Java 笔记(一)
  • IOS评论框不贴底(ios12新bug)
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • PHP 7 修改了什么呢 -- 2
  • Spring-boot 启动时碰到的错误
  • vue自定义指令实现v-tap插件
  • yii2中session跨域名的问题
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 通过git安装npm私有模块
  • 推荐一个React的管理后台框架
  • 问题之ssh中Host key verification failed的解决
  • 我的zsh配置, 2019最新方案
  • 详解移动APP与web APP的区别
  • ​TypeScript都不会用,也敢说会前端?
  • (10)Linux冯诺依曼结构操作系统的再次理解
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (第二周)效能测试
  • (二)linux使用docker容器运行mysql
  • (篇九)MySQL常用内置函数
  • (三)docker:Dockerfile构建容器运行jar包
  • (译) 函数式 JS #1:简介
  • (原創) 如何解决make kernel时『clock skew detected』的warning? (OS) (Linux)
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程
  • .apk文件,IIS不支持下载解决
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .net framework 4.0中如何 输出 form 的name属性。
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .net mvc 获取url中controller和action
  • .net MVC中使用angularJs刷新页面数据列表
  • .NET/C# 异常处理:写一个空的 try 块代码,而把重要代码写到 finally 中(Constrained Execution Regions)
  • .NET3.5下用Lambda简化跨线程访问窗体控件,避免繁复的delegate,Invoke(转)
  • .NET建议使用的大小写命名原则
  • .NET下的多线程编程—1-线程机制概述