peacock9 v0.2.52
masterlink 业务组件库
组件列表
1. 导入导出组件
<WmUpload :number="50" :httpRequest="" :download="" >
...content
</WmUpload>
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
number | 数据量 | number | -- | 200 |
maxSize | 上传文件的最大值 | number | -- | 5M |
uploadMsg | 上传按钮的文字和图标 | object | -- | {icon:el-icon-upload,name:上传文件} |
downloadMsg | 下载按钮的文字和图标 | object | -- | {icon:el-icon-download,name:下载模板} |
download | 下载模板的钩子,函数要有返回值{link:'',....} | function | -- | -- |
httpRequest | 自定义上传的钩子,函数要有返回值 类型为Blob则下载 | function(file) | -- | -- |
2. 上传组件
<WmFileUpload :handleRequest="" @getFileList="" >
</WmFileUpload>
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
handleRequest | 自定义上传的钩子,函数要有返回值 | function(file) | -- | -- |
maxFileSize | 上传文件大小限制单位为M | Number | 20 | -- |
fileUplodBtnText | 上传文件的按钮名称 | String | 文件上传 | -- |
Methods
方法名 | 说明 | 参数 | ||
---|---|---|---|---|
getFileList | 上传后的文件列表 | function(fileList) | -- | -- |
3. 表格选择组件
<wmSelectTable :columns="columns" :tableData="tableData" :showField="'name'" :choosenData="choosenData" :type="radio" @selectVal="selectVal"></wmSelectTable>
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
columns | 表格头部 | Array | 格式: {title: '', dataIndex: '',width: '100px'} | |
tableData | 表格数据 | Array | 格式: {id:'', name: ''} id为必填 | |
type | 表格格式 | String | 格式: ridio 或者 checkbox | raido为默认 |
pageSize | 表格的每页数据 | Number | 格式: ridio 或者 checkbox | 默认为10 |
width | 组件的宽度 | String | 格式: '600px' | 默认为'600px' |
showField | 输入框显示的字段名,如果为空,则全部显示 | String | 格式: 'width' | 默认为'' |
choosenData | 外层选中的数据回传 | Array | 格式: 同tableData | 默认为[] |
placeholder | 组件的输入框的提示 | String | 格式: '' | 默认为'' |
Methods
方法名 | 说明 | 参数 |
---|---|---|
selectVal | 上传后的文件列表 | function(fileList) |
4. 附件列表
<wm-attachment :fileList="list" :httpRequest="upload" :onRemove ="getList">
</wm-attachment>
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
mode | 模式 | string | horizontal / vertical | vertical |
accept | 接受上传的文件类型 | string | -- | -- |
fileList | 上传的文件列表, 例如: {fileName: 'food.jpg', link: 'https://xxx.cdn.com/xxx.jpg', size: '', type: '', time: ''} | array | -- | [] |
props | 配置选项,具体见下表 | Object | -- | -- |
maxSize | 上传文件的最大值 | number | -- | 5M |
httpRequest | 自定义上传的钩子,函数要有返回值 类型为Blob则下载 | function(file) | -- | -- |
onRemove | 文件列表移除文件时的钩子 | function(file, fileList) | -- | -- |
Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
fileName | 指定文件名为选项对象的某个属性值 | string | -- | 'fileName' |
link | 指定文件路径为选项对象的某个属性值 | string | -- | 'link' |
size | 指定文件大小为选项对象的某个属性值 | string | -- | 'size' |
type | 指定文件类型为选项对象的某个属性值 | string | -- | 'type' |
time | 指定创建时间为选项对象的某个属性值 | string | -- | 'time' |
Quick Start
npm install element-ui
npm i vue-i18n
npm install peacock9
3 months ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago