数据增删改查,最基本也是最麻烦的.

这是一个看起来非常简单的功能,

点击项目名称,WBS编码相应的会变,这两个是联动的,选了wbs编码后,材料库和历史订单会出来,这些都比较简单,通过this.setState便可轻松实现点击材料库后,会有另外一个模态框,如下:

选择之后,点击添加数据便到了第一个图中的需求列表中,我个人认为较难的一点,并且在比较难想到的一个bug问题:数量输入后,在点击page切换后无法拿到上一页面的数量, 咱们需要做的便是在切换当前页面后,把当前页面的数据保存到state中,在点保存的时候重新获取保存,看起来是挺简单的,如果没有专业的测试,这些隐藏的bug,还是较难发现. 代码如下:

wbsSelectPageChange(page, size) {
  let t = this;
  console.log(page, size);
  let paramsAll = this.props.form.getFieldsValue();
  let data = t.state.wbsTableDataSure;//需求列表数据
  let uniqueData = data.slice((this.state.infoCurrentPage - 1) * this.state.infoPageSize, (this.state.infoCurrentPage) * this.state.infoPageSize);
  console.log(uniqueData);
  let realyArray = this.state.realyArraySure;
  uniqueData.forEach((item, index) => {
    let obj = {};
    obj[pruchaseTableHeader.materialId] = item[pruchaseTableHeader.order];
    obj[pruchaseTableHeader.needsNum] = paramsAll[item.id];
    realyArray.push(obj);
  });
  this.setState({
    realyArraySure: realyArray,
    infoCurrentPage: page,
    infoPageSize: size
  })
}

page页面切换的函数.

上图因为涉及公司相关信息,所以都涂了.

只为激励自己!以后代码的完整性

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Keegan小钢

App架构经验总结(二)

原文链接:http://keeganlee.me/post/architecture/20160303 版权声明:本文刊载在《程序员》杂志2016年3期,版权归...

843
来自专栏谦谦君子修罗刀

淘宝镜像Mock模拟服务器后台数据

早已看见多了一个新玩意儿,便料定是模拟数据之物,忙来细看。厮见毕归坐,细看形容,与众各别:两行似教非教简介书,一组似跨非跨显示栏。态生网页之姿,承袭后台之力。 ...

3656
来自专栏PHP技术

微信小程序

微信小程序今天正式上线了,但是怎么看到呢? 第一:升级微信到最新的版本:6.5.3 第二:在微信中搜索“小程序示例”,在搜索结果中找到黑色图标S形状点开它,进入...

1.3K10
来自专栏大宽宽的碎碎念

实现一个靠谱的Web认证两种认证JWT怎么存储认证信息防止CSRF总是使用https认证信息不应该永久有效总结一下

37010
来自专栏北京马哥教育

登陆新浪微博&批量下载收藏内容[Python脚本实现]

作者:wklken 来源: http://blog.csdn.net/wklken/article/details/7884529 今天开新浪微博,才发现收藏...

4346
来自专栏小詹同学

Python爬虫系列——入门到精通

这是小詹的第④篇免费分享,每一篇都是精挑细选! 老规矩,免费免转发,直接无条件分享给大家(方便的话点一下文章末尾广告就是对小詹的支持啦~)资源分享类的干货一般不...

3459
来自专栏北京马哥教育

【图文详解】python爬虫实战——5分钟做个图片自动下载器

我想要(下)的,我现在就要 python爬虫实战——图片自动下载器 之前介绍了那么多基本知识【Python爬虫】入门知识(没看的赶紧去看)大家也估计手痒了。想要...

3538
来自专栏编程

开发者必看:Android UI及API 优化指南

作为应用的设计者,有些开发者在开发过程中容易忽略一些用户体验方面的问题,从而导致了自己的应用用户体验欠佳。本期 Android 开发者 FAQ 我们整理了一些开...

1746
来自专栏玩转全栈

如何愉快的使用mpvue开发小程序

首先mpvue是基于vue实现的一套能够在微信小程序上跑起来的框架。因此,如果你开始准备使用mpvue开发小程序,而且,如果你恰好有vue开发的经验,那么可以略...

69421
来自专栏我是攻城师

ES-Hadoop插件介绍

3576

扫码关注云+社区