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

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

点击项目名称,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 条评论
登录 后参与评论

相关文章

来自专栏熊二哥

AngularJS快速入门

记得第一次听说AngularJS这项很赞的Web的前端技术,那时还是2014年,年中时我们我的一个大牛兄弟当时去面试时,被问到了是否熟悉该技术,当时他了解和使用...

2085
来自专栏ytkah

保存一下dedecms数据库表和字段说明,方便日后查询

玩dedecms有一段时间,对它的字段不是很了解,在此做个记录,方便日后查询 dede数据库字段说明: dede_addonarticle 附加文章...

2644
来自专栏web前端教室

定位+思路+方法,三步教你快速敲定前端JS结构

闲话少说, --定位 就是说你现在要写的是什么东西?是一个页面?还是一个组件?还是一个function方法?不同的东西它的定位不同,结构就不同。 如果是页面,那...

20910
来自专栏小文博客

抓取全站图片的几个思路

好久没更新文章,最近确实忙,今天抽点时间写写我最近忙着优化网站图片的事。由于本站使用的图床SM.MS,近期不少使用电信和联通运营商的朋友说图片加载慢,网站加载完...

2032
来自专栏腾讯云安全的专栏

你熟悉的Android Root 方式有哪些?|附演示视频

2325
来自专栏北京马哥教育

手把手教你从无到有写一个运维APP

? 由于自己现在无业游民,所以没有什么现成的环境,环境就随便找个公网的。再者当下的完成度应该算不上一个完整的 APP,但是作为参考,依瓢画葫芦绝对足够了,如果...

3716
来自专栏jeremy的技术点滴

使用grunt对css中的background图片自动生成雪碧图

36810
来自专栏李成熙heyli

从工程化角度讨论如何快速构建可靠React组件

前言 React 的开发也已经有2年时间了,先从QQ的家校群,转成做互动直播,主要是花样直播这一块。切换过来的时候,业务非常繁忙,接手过来的业务比较凌乱,也没有...

2476
来自专栏Material Design组件

Human Interface Guidelines — Custom Keyboards

1343
来自专栏我就是马云飞

APK瘦身全面总结——如何从32.6M到13.6M

前言 之前我简单介绍了关于svg图片瘦身的问题,在公司,瘦身这个问题是我提出来的,所以这锅我背了。公司项目是32.6M,我给自己的要求就是低于20M。上周花了一...

1896

扫码关注云+社区