摘要：
在webstorm开发前端代码，发现之前的代表被大面积标红，提示的意思是在js文件中写了jsx 语法。经过查找发现，改一下编辑器的配置就好了。编辑器的设置窗口打开命令，command +, 阅读全文
摘要：
导出后端的文档流，如果不需要加token，直接a标签链接上就行。 需要加请求参数，写法如下： <Button style={{ float: 'right', marginTop: 6 }} onClick={()=>{ fetch(`/api/v1/syncstatus/down?job_id=$ 阅读全文
摘要：
最近有个导出pdf的需求，写好之后分页出现字体，表格被截断的问题，影响美观，需要解决。 经过多方查找，发现一个比较好的思路，设置背景色为白色，然后转成图片后，获取截断处图片像素点，从截断处往上一行行扫描像素点颜色，碰到这一行颜色都是全白的，代表是从这里开始截断，将这个高度开始将往下的内容都放到下一页 阅读全文
摘要：
当后端返给前端的数据层级很深，前端去获取的时候，往往会因为数据缺失而导致页面崩溃。 这里我封装了两个函数，一个是判断深层级数据是否存在，另一个是获取深层级的数据。 // methods.js function actionGetExistedOfValue(value) { return [null 阅读全文
摘要：
需求：最近有个需求，需要导出一份报告文档，有封面页和内容页，封面页内容不多，需要作为pdf单独的一页，内容页的内容很丰富，一页展示不完，那就需要分页展示。 思路：我的实现方法是封面页作为一个元素，内容页作为一个元素，内容页通过pdf分页后和之前的封面页组合在一起，就成了一份完整的pdf报告。 实现： 阅读全文
摘要：
工作中，需要导出一个表格，后端直接返回的list数据，需要前端自己导出。这时候我们可以使用插件； 可以在项目的package.json的dependencies加入一句 "xlsx": "^0.16.9"，然后下载，也可以直接 npm install xlsx --save; 在使用的时候，需要对插 阅读全文
摘要：
嵌套表单的封装 示例图跟下面的代码有不同，代码实现的是类似的逻辑。 封装的table表单TableForm.js import React, { PureComponent, Fragment } from 'react'; import { Table, Button, Input, messag 阅读全文
摘要：
工作中有个需求，先获取一个list列表数据展示成一个表格。每一条列表数据都可以动态查看当前数据的运行状态，就是需要不停的去做运行状态的请求。如果每条数据都开启一个定时器的话，不好好管理，所以考虑把在运行状态中的请求都放在一个定时器里。现在我简单的做个定时器模拟这一效果。 看图：刚开始是前三条数据在运 阅读全文
摘要：
如图所示，想把展开行的按钮放在Action这一栏中，通过点开展开或者收起来查看展开行。 实现上面的效果，需要用到四个属性： expandedRowRender： 展开行的内容。 expandIconAsCell：关闭展开按钮的这一列，这个关闭，expandIconColumnIndex才会生效。 e 阅读全文