# ImgManger：图片上传管理器

适用范围：简单分类管理（仅包含分类ID和分类文本两个字段），不适用于需要设置图标等多属性的分类管理

# 属性

# opt 接口配置

listApi: List接口，get，要求item包含id,imgUrl,isDefault
addApi: 图片添加接口，post
delApi: 图片删除接口，get，参数为id
defApi:设置默认图片接口，get，参数为id
uploadApi: 图片上传接口
useDef: 是否启用默认图片功能

# width : String

弹窗宽度，默认为'500px'

# imgWidth :Number

图片预览区图片高度，默认为300

# quality : Number

实际生成的图片大小系数 输出宽度=imgWidthquality 输出高度=imgHeightquality

# max : Number

最多允许上传图片数量，默认为0（不限）

# 方法

# show(paras)

paras是一个对象，必传。在调用接口时，paras中所有项都会自动添加到参数里面去。

paras内部不允许包含id，否则删除和设置默认接口会出错 this.$refs.imgManger.show({ productId: 123 });

# 事件

# on-set-default(imgUrl,paras)

设置了默认图片后触发 imgUrl:图片地址，paras：show方法传入的参数

# on-close

用户关闭界面时触发

# Demo

    <img-manger ref="imgManger"
                :opt="imgMangerOpt"
                :imgWidth="400"
                :imgHeight="400"
                :max="5"
    ></img-manger>

import {ImgManger} from 'sjfx/pc';

imgMangerOpt: {
	listApi: Config.apiUrl('/ProductImg/List'),
	addApi: Config.apiUrl('/ProductImg/Add'),
	delApi: Config.apiUrl('/ProductImg/Delete'),
	defApi: Config.apiUrl('/ProductImg/SetDefault'),
	uploadApi: Config.apiUrl('/Common/UploadImg'),
	useDef: true
},