1.2.0 • Published 1 year ago
base-commons v1.2.0
OA系统业务类组件封装
技术栈
vue
element ui
内置组件
base-table
base-form
base-drawer
base-dialog
search-form
form-item
base-table
内置 search-form 组件,属性详见 search-form
Attributes(属性),沿用Element Table原有属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
tableHeader | 头部属性,同el-table-column | Array | - |
getData | Promise请求方法 | Function(data),data为筛选项form | - |
listName | 获得响应数据后,需要显示的字段数据 | String,Array | records |
responses | 静态数据/模拟数据,此属性优先于 getData,二者不同时执行 | Array | - |
height | 表格高度 | String, Number | - |
minHeight | 表格最小高度 | String, Number | - |
highlightCurrentRow | 单行高亮 | Boolean | true |
tableBorder | 有无边框 | Boolean | true |
tableBox | table父层标签 | String | - |
isPagination | 有无分页 | Boolean | true |
pageSizes | 页码 | Array | 5, 10, 15, 20 |
pageSize | 每页条数 | Number | 10 |
pageNum | 当前页数 | Number | 1 |
slot
参数 | 说明 |
---|---|
btns | 筛选项左侧按钮组。 slot-scope值 {selection},selection:表格选中的值 |
tableBody | table列表 slot-scope值 {data},data:列表数据 |
empty | 数据加载失败后显示 |
event 继承所有el-tabel方法
tableHeader 属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 对应列的类型。如果设置了 selection 则显示多选框;如果设置了 index 则显示该行的索引(从 1 开始计算);如果设置了 expand 则显示为一个可展开的按钮 | string | selection/index/expand | — |
index | 如果设置了 type=index,可以通过传递 index 属性来自定义索引 | number | Function(index) | - |
prop | 对应列内容的字段名,也可以使用 property 属性 | string | - | |
label | 显示的标题 | string | - | |
-- | -- | -- | -- | |
slotName | 自定义,动态占位符,slot-scope值 {row,index} | |||
render | 自定义渲染模板 | function(h,row),h:vnode创建函数,row:当前行数值 | - |
tableHeader 数据示例
[
{prop:'名字',label:'名字'}
]
search-form
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
form | 多个表单控件,双向绑定值 | Object | - | - |
formProps | 表单控件渲染参数,详见formProps数据拆解 | Object | - | - |
base-form
Attributes(属性),沿用Element Form原有属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
form | 表单控件值 | Object | - |
formProps | 表单基础构建 | Object | - |
rules | 表单校验 | Object | - |
disabled | 禁用 | Boolean | false |
base-dialog
Attributes(属性),沿用Element dialog原有属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
form | 表单控件值 | Object | - |
formProps | 表单基础构建 | Object | - |
rules | 表单校验 | Object | - |
disabled | 禁用 | Boolean | false |
1.2.0
1 year ago
1.1.1
2 years ago
1.1.9
2 years ago
1.1.8
2 years ago
1.1.7
2 years ago
1.1.6
2 years ago
1.1.5
2 years ago
1.1.4
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.1.12
2 years ago
1.1.11
2 years ago
1.1.10
2 years ago
1.1.16
2 years ago
1.1.15
2 years ago
1.1.14
2 years ago
1.1.13
2 years ago
1.1.19
2 years ago
1.1.18
2 years ago
1.1.17
2 years ago
1.1.21
2 years ago
1.1.20
2 years ago
1.1.0
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago