Peacock9 NPM | npm.io

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'