db-com
v1.2.1
Published
<!-- * @Description: * @Date: 2020-05-21 17:58:39 * @LastEditTime: 2020-08-06 11:48:28 -->
Downloads
64
Readme
db-com
- 基于 vant 扩展的组件库
更新内容
2020/11/13 更新内容(v1.2.0):
- 添加DbLocation地图定位点组织那
2020/06/13 更新内容(v0.4.5):
- 拓展 userpicker,picker 组件自定义内容点击打开
2020/06/2 更新内容(v0.4.4):
- 添加 treeSelect 组件
2020/06/2 更新内容(v0.4.3):
- 添加 datetimepicker 组件
2020/06/2 更新内容(v0.4.2):
- 添加城市选中组件
2020/06/2 更新内容(v0.4.0):
- 完善选人组件
- 完成弹出框选择组件 DbPicker
- 完成下拉选择组件 DbSelect
- 完成日期选择组件 DbCalendar
2020/05/25 更新内容(v0.3.0):
- 组件发布完整跑通;
- userpicker 组件添加 require 字段和 change 事件;
2020/05/25 更新内容(v0.2.1):
- 修复选人组件未暴露出去的问题;
2020/05/25 更新内容(v0.2.0):
- 添加选人组件;
组件文档
选人组件
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ----------------------------- | ------------ | --------- |
| isLink
| 是否显示右侧的箭头 | -
| String
|
| name
| 用户名的 key | -
| String
|
| idKey
| 用户 id 的 key | -
| String
|
| v-model(value)
| 当前选中的人员 id(用逗号隔开) | -
| String
|
| multiple
| 当前组件是否可以多选 | false
| Boolean
|
| topNodeId
| 数据中的顶级节点 ID | -
| String
|
| data
| 人员数据 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
弹出框选择组件 DbPicker
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | --------------------------------------------------------- | ------------ | -------------- |
| v-model(value)
| 当前选中的位置 | -
| String/Array
|
| multiple
| 当前组件是否可以多选 | false
| Boolean
|
| list
| 所有列表数据 | []
| Array
|
| tablist
| 顶部类型的数据列表{ title: '公用经费', key: 1 } | []
| Array
|
| showItems
| 每行数据展示的内容{ title: '预算总额(元)', key: 'total' } | []
| Array
|
| params
| 内容改变需要带回去的参数 | []
| Array
|
| emptyText
| 无数据暂时类容 | -
| string
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
下拉选择组件||DbSelect
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ------------------------ | ------------ | --------- |
| v-model(value)
| 当前选中的 id | -
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| disabled
| input 的禁止点击 | false
| Boolean
|
| params
| 内容改变需要带回去的参数 | []
| Array
|
| columns
| 下拉选择的数据 | []
| Array
|
日期选择组||DbCalendar
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ------------------- | ------------ | --------- |
| v-model(value)
| 当前选中的日期 | -
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| disabled
| input 的禁止点击 | false
| Boolean
|
城市选中组件||DbCity
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | --------- |
| v-model(value)
| 当前选中的城市的 code | -
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| disabled
| input 的禁止点击 | false
| Boolean
|
| list
| 传过来的城市数据{"id":1,"pid":0,"code":"110000","name":"北京","shortname":"北京","mergename":"北京","areacode":"","first":"B","pinyin":"beijing"} | []
| Array
|
| params
| 内容改变需要带回去的参数 | []
| Array
|
区域选中组件||DbArea
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | --------- |
| v-model(value)
| 当前选中的区域 code | -
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| disabled
| input 的禁止点击 | false
| Boolean
|
| list
| 传过来的城市数据{"id":1,"pid":0,"code":"110000","name":"北京","shortname":"北京","mergename":"北京","areacode":"","first":"B","pinyin":"beijing"} | []
| Array
|
树形结构组件||DbTreeSelect
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ------------------- | ------------ | --------- |
| v-model(value)
| 当前选中的区域的 id | -
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| disabled
| input 的禁止点击 | false
| Boolean
|
附件上传组件||DbUpload
| 名字 | 说明 | 默认值 | 类型 |
| :---------- | -------------------- | --------- | --------- |
| uploadUrl
| 上传的地址 | -
| String
|
| accept
| 上传文件的格式 | image/*
| String
|
| multiple
| 当前组件是否可以多选 | true
| Boolean
|
| params
| 附带传给后台的参数 | []
| Array
|
时间选择组件||DbDatetimePicker
| 名字 | 说明 | 默认值 | 类型 |
| :--------------- | ------------------- | ------------ | --------- |
| v-model(value)
| 当前选中的时间 | -
| String
|
| required
| 字段是否必须 | true
| Boolean
|
| type
| 选择的时间类型 | datetime
| Boolean
|
| message
| 错误提示 | -
| String
|
| rules
| 表单验证规则 | []
| Array
|
| placeholder
| input 中站位提示 | 请选择用户
| String
|
| label
| input 的 label 字段 | 选择用户
| String
|
| ||
| `` |