NC Cloud 报表

源码目录结构

根目录src > lappreportrt

├── Lappreportrt_Front        // 报表对外提供的组件
|   ├── module                // 组件
|   |   ├── ...report-table   // 复杂报表组件
|   |   |   ├── ...afterSelection.js   // 选中单元格区域后计算求和，合计及按钮可控性的方法
|   |   |   ├── ...block.js   // 冻结函数
|   |   |   ├── ...clickSearchBtn.js   // 点击查询的方法
|   |   |   ├── ...filterFun.js   // 筛选相关方法
|   |   |   ├── ...getPagerData.js   // 分页相关方法
|   |   |   ├── ...index.js   // export方法
|   |   |   ├── ...initTemplate.js   // 初始化加载查询区
|   |   |   ├── ...methods.js   // 渲染表格及其他的一些方法存放处
|   |   |   ├── ...myRender.js   // 表格自定义渲染方法
|   |   |   ├── ...outputFun.js   // 普通打印导出跟按模板打印方法
|   |   |   ├── ...relationSearch.js   // 联查操作方法
|   |   |   ├── ...rollingFun.js   // 页维度相关方法
|   |   |   ├── ...sendSearch.js   // 查询发送请求的方法
|   |   |   └── ...shareReport.js   // 分享操作方法
|   |   └── index.js      	  // 主组件
|   |   └── ...simple-table   // 单独报表组件
|   |   |   ├── block.js      // 冻结函数
|   |   |   └── ...index.js   // 单独表格组件

├── public                    // 多语跟分享用户参照
|   ├── multilang             // 多语存放处
|   |   ├── ...1003101.json   // 复杂报表多语
|   |   └── ..1003102.json    // 单独表格多语
|   └── uap                   // 分享弹框中的用户参照
|   |   ├── index.js     	    // 用户参照引用处
|   |   └── refer.js          // 构建refer
├── static                    // 图片跟icon存放处
|   ├── font                  // 字体icon
|   |   └── 所有文件  		     // 字体icon
|   └── images            	 // 图片存放处
|   |   ├── icondef  		     // 用户在NC设置单元格要显示的图片
|   |   └── title  			     // 升降序跟筛选的标志图
├── index.js               	 // 组件导出

报表git地址

地址：http://20.12.4.52:7070/gerrit/#/admin/projects/Lappreportrt_Front

hansontable官网

地址： https://handsontable.com/

本地示例URL

地址： http://localhost:3000/nccloud/resources/workbench/#/ifr?ifr=%252F%2523%252Freport&ar=D0001A4100000000576G1&c=1011USERDETAIL&p=1011USERDETAIL

暴露业务组方法

| 暴露方法 | 注释 | type | | ------------------- | :--------------------------------------: | ---------------: | | disposeSearch | 业务端处理参照筛选的方法 | function | | expandSearchVal | 业务端对已输入的查询条件的拓展，如果不想执行查询操作，return false；如果不想把条件放在condition内，在自己拓展的对象中添加 notSearch:true | function | | setDefaultVal | 业务端进行查询区默认赋值的拓展 | function | | showAdvBtn | 业务端对查询区高级按钮是否显示的拓展 | boolean，默认false | | onAfterEvent | 业务端对查询区编辑后事件的处理 | function | | CreateNewSearchArea | 业务端对按钮区的自定义新增按钮的拓展 | function | | setConnectionSearch | 业务端对联查报表时进行的拓展 | function | | showSortAndFilter | 是否显示升降序，筛选按钮 | boolean 默认true | | showHighSearchBtn | 按钮区内显示高级查询按钮，且查询区隐藏 | boolean, 默认false | | printUrlChange | 业务端走自己打印方法的拓展 | function | | clickAdvBtnEve | 高级查询弹出框中赋默认值 | function | | printExpendFun | 打印拓展,参数为打印接口需要的参数 | function | | printOther | 拓展打印时需要传给组件的参数，字段为printOther，格式为[ { key: 11, display: '哈哈' }, { key: 22, display: '呵呵' } ] | Array | | printWidth | 打印下拉自定义宽度 | number | | uSearchWidth | 联查下拉自定义宽度 | number | | blockWidth | 冻结下拉自定义宽度 | number | | custconditions | 非模板查询条件 | function | | getRowData | 获取点击单元格行数据 | funttion | | isBusiRender | 业务组获取数据传给组件再渲染.HR部门 | function |

内部方法

| 函数名 | 注释 | | :-----------------------------------: | :---------------------------- | | getData | 页面初始化执行方法 | | shareReport | 分享执行方法 | | rowResize | 固定列宽函数 | | sortFun | 排序函数 | | afterGetColHeader | 更改表头样式，如排序筛选后表头显示图标 | | getRealCount | 分页中显示正确的行数方法（点击“显示合计”时） | | getPagerData | 切换分页方法 | | afterSelection | 选中单元格一块区域时的方法（按钮可控性，分页中合计，求和） | | afterOnCellMouseDown | 单元格单击函数（双击时执行联查操作） | | shareMenuClick | 查看分享状态方法 | | onVisibleChange | 按钮区下拉菜单显隐时的函数 |