tr表示一行
td表示一列
店里一个按钮跳转到这个页面,页面长这样:
页面的数据有:对象里嵌套数组、数组嵌套数组
react写代码片段:
1、整体布局: 两个按钮,三块数据
2、第一个body不涉及数据嵌套,直接铺数据
3、第二块内容,涉及到单元格合并,对象数组里嵌套数组(第一个红色横线是项目合同信息的数据)
表格的标题:
antd组件里有例子
两个Table 的column区别在于有没有序号这一列
4、合同台账,数组里还嵌套这数组
洽商名称,洽商类型,一个单元格里还嵌套,可以手动增加横线
5、isShow问题,为了控制当点击按钮导出pdf,下载文档时,按钮不显示,序号不显示,复选框不显示
5.1 constructor里先定义一个标识isShow,初始值给个false
5.2 生命周期里控制,当接口传projId review两个值调取成名后,isShow为true,即显示按钮,序号,复选框
当不传review时调取接口成功后,isShow为false不显示按钮,序号,复选框
review是区分是路由页面,还是打开的pdf页面
下面是路由页面,地址栏尾部拼接的有 &review
6、导出pdf , 后端可控制页面横向显示,缩放