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