1.1.9 • Published 4 years ago
stevegame-oss v1.1.9
stevegame-plugin
Project setup
npm install
Compiles and hot-reloads for development
npm run dev
Compiles and minifies for production
npm run build
Compiles and minifies for npm
npm run lib
oss 上传组件 options 说明
loadPathRevoke: 目录接口
uploadRevoke:上传接口,有两个参数,data, fileData
listsRevoke:列表接口,参数data对象,包含{page,pageNum,path}
使用promise返回
全局引用例子:
import OSSUL from "stevegame-oss";
Vue.use(OSSUL.OSSUL, {
loadPathRevoke: () => {
return new Promise((resolve, reject) => {
resolve();
});
},
uploadRevoke: (data, fileData) => {
return new Promise((resolve, reject) => {
resolve();
});
},
listsRevoke: (data) => {
return new Promise((resolve, reject) => {
resolve();
});
}
});
Vue.component("ossFile", OSSUL.OSSUL);
oss 传入参数说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
zhPath | zhPath 目录中文名 | String | ||
filterpath | 目录英文名 | String | ||
pathLock | 是否隐藏目录选择框,true 时 filterpath 和 zhPath 为必传 | Boolean | ||
imgwidth | 图片尺寸 | Number | ||
imgheight | 图片尺寸 | Number | ||
filesize | 上传资源大小,单位 kb | Number | ||
filetype | 上传资源类型(后缀名) | String | ||
btnSize | 上传按钮的尺寸 | String | ||
tab2Flag | 是否显示在线图片 tab | Boolean | true |
tableComponent 列表使用说明
table 参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
tableLabel | 配置表格头部 | array | ||
tableData | 数据 | Array | ||
isUpdata | 控制是否刷新数据,改变即搜索,正数为搜索第一页,负数为搜索当前页 | |||
update | 请求接口的方法,带一个参数,是对象,包括 filter 和分页参数,不显示分页则返回 filter | Function | 默认返回,例子:{page:1,pageNum:20} | |
filter | 请求所需要的条件,除分页参数外 | Object | ||
selectColumns | 是否显示动态列功能,默认显示 | boolean | true | |
isshowShow | 是否控制列的动态显示 默认控制 | Boolean | true | |
isShowPage | 是否显示分页,默认显示 | Boolean | true | |
pageSize | 每页显示条目个数 | Number | 20 | |
totalPage | 总条目个数,默认 0,使用分页功能时需要 | Number | ||
currentPage | 当前页 | Number | ||
emitPageNum | 分页设置返回的条目数参数,默认 pageNum | string | pageNum | |
emitPage | 分页设置返回的当前页参数,默认 page | string | page | |
border | table 边框 | Boolean | ||
loading | 配置加载提示 | Boolean | ||
indexShow | 序号列 默认不显示 | Boolean | false | |
indexWidth | 序号列的宽 | Number | 55 | |
indexAlign | 序号列对齐方式 | string | left | |
selectionShow | 是否显示多选框 | Number | 50 | |
headerCellStyle | 表头颜色 | obj | { background: '#eef1f6', color: '#606266' } | |
handleSelectionChange | 表格选中的方法 | |||
handleSortChange | 排序的方法 |
Table-column Attributes 参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
label | 名称 | string | ||
data | 列表字段 | string | ||
isShow | 是否显示当前列 | Boolean | ||
width | 宽度 | string | ||
min-width | 最小宽度 | string | ||
sortable | 排序 | Boolean | ||
fixed | 列是否固定在左侧或者右侧,true 表示固定在左侧 | string, boolean | ||
render | 配置格式化数据 |
例子
<tableComponent
:table-data="tableData"
:table-label="tableLabel"
@update="getTableList"
:totalPage="totalPage"
></tableComponent>
tableLabel例子:[{label: "id",data:"id",isShow:true}]
1.1.9
4 years ago
1.1.8
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.2
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
0.1.0
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago