componentproject

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

组件描述

SearchTable 组件

1.功能说明

支持根据数据配置查询条件以及默认插槽中提供表格的方式 生成一个上下结构上面是搜索查询条件下面查询出的表格数据的组合组件展现形式

2.使用说明

属性

@param {String} [title] 标题

@param {Array} [search] 搜索配置项

例：[{ label: "规则编码", type: "1", field: "code", length: 50 }]

说明：

label:查询字段标题

type: 查询字段类型 1输入框 2下拉选择 3范围时间选择 4级联 5下拉树形选择 6联想输入下拉分页选择 9自定义

field: 绑定的查询字段名

length:限制输入长度 仅在type为1的情况下有效

option:设置下拉选择的选择项 仅在type为2、4、5的情况下有效

ask:请求指定接口的方法 仅在type为6的情况下有效

handle:定义的自定义事件名，提供自定义事件

事件

1.searchQuery(form) 查询按钮的回调事件 @searchQuery=回调方法 form是回调参数，具有那些查询条件绑定的数据

2.searchReset 重置按钮的回调事件 @searchQuery=回调方法

3.自定义事件(value,form) 事件名为search中handle属性的属性值，@属性值=回调方法 value、form是回调参数,value是当前值 form是具有那些查询条件绑定的数据

SelectSearch 组件

1.功能说明

支持分页、搜索的下拉选择器

2.使用说明

属性

@param {Function} [askUrl] 请求数据的接口函数

@param {Boolean} [disabled] 是否禁用选择器

@param {Boolean} [allowClear] 是否支持清除

@param {String} [placeholder] 占位符提示

@param {Object} [replace] 替换默认显示和使用选项值以及搜索字段对象

例：:replace="{ label: 'nameAndCode', // 自定义显示选项名字段 value: 'cmCode', // 自定义显示选项值字段 searchKey: 'name', // 自定义搜索字段 }"

默认是 label是下拉选项名的字段名 value是下拉选项值的字段名 ，

如果有自定义则可以使用replace进行替换，默认搜索是根据label进行搜索，

如果有自定义的搜索字段则需在replace中配置searchKey属性值，值为搜索时向后端请求查询的字段名

@param {Object} [addOption] 选项的默认值回显

默认是{label:'',value:''}，如果使用了replace设置自定义显示名和显示值，则需相应设置为具体的显示字段名字段、显示字段值字段 如：{nameAndCode:'',cmCode:'',}

@param {Object} [parameter] 接口请求的额外参数

@param {Object} [spliceFiled] 需要额外拼接多个字段组成新的字段用做显示时配置

默认 {keys:[],symbol:'',newFiledName:''}

keys：需要拼接的字段数组如：["name","code"]

symbol：需要拼接的中间连接符或字符串

普通值：- 则表示拼接-字符如"名称1-编码1-编码2-编码3..."

特殊值：brackets则表示拼接括号如"名称1(编码1,编码2,编码3...)"

事件

1.onChange(itemValue) 下拉选择后的回调事件 itemValue是个当前选择的那个对象数据

方法

1.resetSelect 重置下拉，设置下拉回到没有选择的状态以及没有值的初始组件状态