db-com
v1.2.1
Published
<!-- * @Description: * @Date: 2020-05-21 17:58:39 * @LastEditTime: 2020-08-06 11:48:28 -->
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 |
| || | `` |