报表中的表单表格组件

报表业务中常见的需求

报表需求中一般样式都为上中下显示结构

• 上部分为表单，内部主要为查询字段与查询重置按钮
• 下部分为table表格，显示查询字段返回的内容
• 中间部分为表格数据的增删改以及其他针对记录的个性化操作(导出数据，发送短信等等)

一. 查询

查询需求一般需要前端传递查询字段，然后后端最终实现在sql查询上，因此sql的查询种类数量决定了前端查询种类数量，因此需要对sql的基础查询方式进行归类

1. sql基本查询分类

• where xxx = xxx...：精确查询
• where xxx like %xxx%：模糊查询
• where xxx in/exists (a,b,c,d)：批量查询
• where xxx = xxx order by xxx asc/desc
  根据以上四类查询可大致归纳出前端需要提供的查询选项的三个维度
• 单字段查询：input textarea
• 是否模糊查询：checkbox
• 是否为批量查询：需要基于原生创建muli多选组件

2. 扩展查询

在基本查询的基础上如果结果集数据量非常大时，会需要用到分页，因此基本查询选项维度又多了一个

• 是否分页：如果分页则需要多传两个固定参数pageIndex，pageSize，返回值中需要返回total

3. 查询接口规范

• 可用性：根据以上内容制定出基本可用的查询参数模型

{  
    // pageTable下存在
    pageIndex：页码，
    pageSize：每页数量，

    // sortTable下存在
    sortField：排序字段，
    sortType：排序类型，

    //  一般字段，字段名称为表名中的驼峰格式
    field1Value: 单选无逗号，多选用逗号分隔
    isField1Fuzzy：field1是否模糊查询
    ......
 }

• 封装：有了模型之后意味着其中规范可以单独封装，避免每次手动编写上述格式接口参数