4 changed files with 1899 additions and 1974 deletions
File diff suppressed because it is too large
@ -1,403 +1,373 @@ |
|||||
<style lang="less"> |
<style lang="less"> |
||||
@import "@/styles/single-common.less"; |
@import "@/styles/single-common.less"; |
||||
</style> |
</style> |
||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<Card> |
<Card> |
||||
<div slot="title"> |
<div slot="title"> |
||||
<div class="edit-head"> |
<div class="edit-head"> |
||||
<a @click="close" class="back-title"> |
<a @click="close" class="back-title"> |
||||
<Icon type="ios-arrow-back" />返回 |
<Icon type="ios-arrow-back" />返回 |
||||
</a> |
</a> |
||||
<div class="head-name">回收站</div> |
<div class="head-name">回收站</div> |
||||
<span></span> |
<span></span> |
||||
<a @click="close" class="window-close"> |
<a @click="close" class="window-close"> |
||||
<Icon type="ios-close" size="31" class="ivu-icon-ios-close" /> |
<Icon type="ios-close" size="31" class="ivu-icon-ios-close" /> |
||||
</a> |
</a> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<Row class="operation" align="middle" justify="space-between"> |
<Row class="operation" align="middle" justify="space-between"> |
||||
<div class="br"> |
<div class="br"> |
||||
<Button @click="clear" type="error" icon="md-trash" |
<Button @click="clear" type="error" icon="md-trash">清空回收站</Button> |
||||
>清空回收站</Button |
<Input v-model="searchForm.title" suffix="ios-search" @on-change="getDataList" placeholder="输入文件名搜索" |
||||
> |
clearable style="width: 250px" /> |
||||
<Input |
</div> |
||||
v-model="searchForm.title" |
<div class="icons"> |
||||
suffix="ios-search" |
<Tooltip content="刷新" placement="top" transfer> |
||||
@on-change="getDataList" |
<Icon type="md-refresh" size="18" class="item" @click="getDataList" /> |
||||
placeholder="输入文件名搜索" |
</Tooltip> |
||||
clearable |
<Tooltip :content="openTip ? '关闭提示' : '开启提示'" placement="top" transfer> |
||||
style="width: 250px" |
<Icon type="md-bulb" size="18" class="item tip" @click="openTip = !openTip" /> |
||||
/> |
</Tooltip> |
||||
</div> |
</div> |
||||
<div class="icons"> |
</Row> |
||||
<Tooltip content="刷新" placement="top" transfer> |
<Alert show-icon v-show="openTip"> |
||||
<Icon |
已选择 |
||||
type="md-refresh" |
<span class="select-count">{{ selectList.length }}</span> 项 |
||||
size="18" |
<a class="select-clear" @click="clearSelectAll">清空</a> |
||||
class="item" |
</Alert> |
||||
@click="getDataList" |
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" |
||||
/> |
@on-sort-change="changeSort" @on-selection-change="changeSelect"></Table> |
||||
</Tooltip> |
<Row type="flex" justify="end" class="page"> |
||||
<Tooltip |
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" |
||||
:content="openTip ? '关闭提示' : '开启提示'" |
@on-change="changePage" size="small" show-total show-elevator></Page> |
||||
placement="top" |
</Row> |
||||
transfer |
</Card> |
||||
> |
</div> |
||||
<Icon |
|
||||
type="md-bulb" |
|
||||
size="18" |
|
||||
class="item tip" |
|
||||
@click="openTip = !openTip" |
|
||||
/> |
|
||||
</Tooltip> |
|
||||
</div> |
|
||||
</Row> |
|
||||
<Alert show-icon v-show="openTip"> |
|
||||
已选择 |
|
||||
<span class="select-count">{{ selectList.length }}</span> 项 |
|
||||
<a class="select-clear" @click="clearSelectAll">清空</a> |
|
||||
</Alert> |
|
||||
<Table |
|
||||
:loading="loading" |
|
||||
border |
|
||||
:columns="columns" |
|
||||
:data="data" |
|
||||
ref="table" |
|
||||
sortable="custom" |
|
||||
@on-sort-change="changeSort" |
|
||||
@on-selection-change="changeSelect" |
|
||||
></Table> |
|
||||
<Row type="flex" justify="end" class="page"> |
|
||||
<Page |
|
||||
:current="searchForm.pageNumber" |
|
||||
:total="total" |
|
||||
:page-size="searchForm.pageSize" |
|
||||
@on-change="changePage" |
|
||||
size="small" |
|
||||
show-total |
|
||||
show-elevator |
|
||||
></Page> |
|
||||
</Row> |
|
||||
</Card> |
|
||||
</div> |
|
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import { |
||||
getFileCate, |
getFileCate, |
||||
getUserFileListData, |
getUserFileListData, |
||||
trashFileCate, |
trashFileCate, |
||||
trashFile, |
trashFile, |
||||
deleteUserFile, |
deleteUserFile, |
||||
clearTrashFile, |
clearTrashFile, |
||||
deleteFileCate, |
deleteFileCate, |
||||
clearTrashFileCate, |
clearTrashFileCate, |
||||
} from "@/api/index"; |
} from "@/api/index"; |
||||
import { vi } from "date-fns/locale"; |
import { |
||||
export default { |
vi |
||||
name: "trash", |
} from "date-fns/locale"; |
||||
data() { |
export default { |
||||
return { |
name: "trash", |
||||
loading: false, |
data() { |
||||
openTip: true, |
return { |
||||
selectList: [], |
loading: false, |
||||
searchForm: { |
openTip: true, |
||||
// 搜索框对应data对象 |
selectList: [], |
||||
title: "", |
searchForm: { |
||||
pageNumber: 1, // 当前页数 |
// 搜索框对应data对象 |
||||
pageSize: 10, // 页面大小 |
title: "", |
||||
sort: "updateTime", // 默认排序字段 |
pageNumber: 1, // 当前页数 |
||||
order: "desc", // 默认排序方式 |
pageSize: 10, // 页面大小 |
||||
delFlag: 2, |
sort: "updateTime", // 默认排序字段 |
||||
}, |
order: "desc", // 默认排序方式 |
||||
columns: [ |
delFlag: 2, |
||||
// 表头 |
}, |
||||
{ |
columns: [ |
||||
type: "selection", |
// 表头 |
||||
width: 60, |
{ |
||||
align: "center", |
type: "selection", |
||||
}, |
width: 60, |
||||
{ |
align: "center", |
||||
type: "index", |
}, |
||||
width: 60, |
{ |
||||
align: "center", |
type: "index", |
||||
}, |
width: 60, |
||||
{ |
align: "center", |
||||
title: "文件名", |
}, |
||||
key: "title", |
{ |
||||
minWidth: 150, |
title: "文件名", |
||||
sortable: true, |
key: "title", |
||||
render: (h, params) => { |
minWidth: 150, |
||||
return h( |
sortable: true, |
||||
"div", |
render: (h, params) => { |
||||
{ |
return h( |
||||
style: { |
"div", { |
||||
display: "flex", |
style: { |
||||
"align-items": "center", |
display: "flex", |
||||
}, |
"align-items": "center", |
||||
}, |
}, |
||||
[ |
}, |
||||
h("img", { |
[ |
||||
attrs: { |
h("img", { |
||||
src: this.getFileIcon(params.row), |
attrs: { |
||||
}, |
src: this.getFileIcon(params.row), |
||||
style: { |
}, |
||||
width: "30px", |
style: { |
||||
height: "40px", |
width: "30px", |
||||
margin: "0 10px 0 0", |
height: "40px", |
||||
"object-fit": "contain", |
margin: "0 10px 0 0", |
||||
}, |
"object-fit": "contain", |
||||
}), |
}, |
||||
h("span", params.row.title), |
}), |
||||
] |
h("span", params.row.title), |
||||
); |
] |
||||
}, |
); |
||||
}, |
}, |
||||
{ |
}, |
||||
title: "文件类型", |
{ |
||||
key: "type", |
title: "文件类型", |
||||
width: 120, |
key: "type", |
||||
sortable: true, |
width: 120, |
||||
tooltip: true, |
sortable: true, |
||||
}, |
tooltip: true, |
||||
{ |
}, |
||||
title: "文件大小", |
{ |
||||
key: "size", |
title: "文件大小", |
||||
width: 120, |
key: "size", |
||||
align: "center", |
width: 120, |
||||
sortable: true, |
align: "center", |
||||
render: (h, params) => { |
sortable: true, |
||||
if (!params.row.isFolder) { |
render: (h, params) => { |
||||
let m = this.util.getFileSize(params.row.size); |
if (!params.row.isFolder) { |
||||
return h("span", m); |
let m = this.util.getFileSize(params.row.size); |
||||
} |
return h("span", m); |
||||
}, |
} |
||||
}, |
}, |
||||
{ |
}, |
||||
title: "创建时间", |
{ |
||||
key: "createTime", |
title: "创建时间", |
||||
width: 180, |
key: "createTime", |
||||
sortable: true, |
width: 180, |
||||
}, |
sortable: true, |
||||
{ |
}, |
||||
title: "更新时间", |
{ |
||||
key: "createTime", |
title: "更新时间", |
||||
width: 180, |
key: "createTime", |
||||
sortable: true, |
width: 180, |
||||
sortType: "desc", |
sortable: true, |
||||
}, |
sortType: "desc", |
||||
{ |
}, |
||||
title: "剩余时间", |
{ |
||||
key: "restDelTime", |
title: "剩余时间", |
||||
width: 150, |
key: "restDelTime", |
||||
sortable: true, |
width: 150, |
||||
align: "center", |
sortable: true, |
||||
}, |
align: "center", |
||||
{ |
}, |
||||
title: "操作", |
{ |
||||
key: "action", |
title: "操作", |
||||
align: "center", |
key: "action", |
||||
fixed: "right", |
align: "center", |
||||
width: 170, |
fixed: "right", |
||||
render: (h, params) => { |
width: 170, |
||||
return h("div", [ |
render: (h, params) => { |
||||
h( |
return h("div", [ |
||||
"a", |
h( |
||||
{ |
"a", { |
||||
on: { |
on: { |
||||
click: () => { |
click: () => { |
||||
this.revert(params.row); |
this.revert(params.row); |
||||
}, |
}, |
||||
}, |
}, |
||||
}, |
}, |
||||
"恢复" |
"恢复" |
||||
), |
), |
||||
h("Divider", { |
h("Divider", { |
||||
props: { |
props: { |
||||
type: "vertical", |
type: "vertical", |
||||
}, |
}, |
||||
}), |
}), |
||||
h( |
h( |
||||
"a", |
"a", { |
||||
{ |
on: { |
||||
on: { |
click: () => { |
||||
click: () => { |
this.delete(params.row); |
||||
this.delete(params.row); |
}, |
||||
}, |
}, |
||||
}, |
}, |
||||
}, |
"彻底删除" |
||||
"彻底删除" |
), |
||||
), |
]); |
||||
]); |
}, |
||||
}, |
}, |
||||
}, |
], |
||||
], |
data: [], // 表单数据 |
||||
data: [], // 表单数据 |
total: 0, // 表单数据总数 |
||||
total: 0, // 表单数据总数 |
}; |
||||
}; |
}, |
||||
}, |
methods: { |
||||
methods: { |
init() { |
||||
init() { |
this.getDataList(); |
||||
this.getDataList(); |
}, |
||||
}, |
getDataList() { |
||||
getDataList() { |
this.loading = true; |
||||
this.loading = true; |
getFileCate(this.searchForm).then((res) => { |
||||
getFileCate(this.searchForm).then((res) => { |
if (res.success) { |
||||
if (res.success) { |
res.result.forEach((e) => { |
||||
res.result.forEach((e) => { |
e.isFolder = true; |
||||
e.isFolder = true; |
e.type = "文件夹"; |
||||
e.type = "文件夹"; |
}); |
||||
}); |
this.data = res.result; |
||||
this.data = res.result; |
let totalElements = res.result.length; |
||||
let totalElements = res.result.length; |
getUserFileListData(this.searchForm).then((res) => { |
||||
getUserFileListData(this.searchForm).then((res) => { |
this.loading = false; |
||||
this.loading = false; |
if (res.success) { |
||||
if (res.success) { |
this.data = this.data.concat(res.result.content); |
||||
this.data = this.data.concat(res.result.content); |
this.total = totalElements + res.result.totalElements; |
||||
this.total = totalElements + res.result.totalElements; |
if (this.data.length == 0 && this.searchForm.pageNumber > 1) { |
||||
if (this.data.length == 0 && this.searchForm.pageNumber > 1) { |
this.searchForm.pageNumber -= 1; |
||||
this.searchForm.pageNumber -= 1; |
this.getDataList(); |
||||
this.getDataList(); |
} |
||||
} |
} |
||||
} |
}); |
||||
}); |
} else { |
||||
} else { |
this.loading = false; |
||||
this.loading = false; |
} |
||||
} |
}); |
||||
}); |
}, |
||||
}, |
getFileIcon(v) { |
||||
getFileIcon(v) { |
if (!v) { |
||||
if (!v) { |
return ""; |
||||
return ""; |
} |
||||
} |
if (v.isFolder) { |
||||
if (v.isFolder) { |
return require("@/assets/icon/folder.png"); |
||||
return require("@/assets/icon/folder.png"); |
} |
||||
} |
let url = ""; |
||||
let url = ""; |
if (!v.type) { |
||||
if (!v.type) { |
url = require("@/assets/icon/file-unknown.png"); |
||||
url = require("@/assets/icon/file-unknown.png"); |
} else if (v.type.indexOf("image") >= 0) { |
||||
} else if (v.type.indexOf("image") >= 0) { |
url = v.url; |
||||
url = v.url; |
} else if (v.type.indexOf("video") >= 0) { |
||||
} else if (v.type.indexOf("video") >= 0) { |
url = require("@/assets/icon/file-video.png"); |
||||
url = require("@/assets/icon/file-video.png"); |
} else if (v.type.indexOf("audio") >= 0) { |
||||
} else if (v.type.indexOf("audio") >= 0) { |
url = require("@/assets/icon/mp3.png"); |
||||
url = require("@/assets/icon/mp3.png"); |
} else if (v.type.indexOf("pdf") >= 0) { |
||||
} else if (v.type.indexOf("pdf") >= 0) { |
url = require("@/assets/icon/pdf.png"); |
||||
url = require("@/assets/icon/pdf.png"); |
} else if (v.type.indexOf("word") >= 0) { |
||||
} else if (v.type.indexOf("word") >= 0) { |
url = require("@/assets/icon/word.png"); |
||||
url = require("@/assets/icon/word.png"); |
} else if ( |
||||
} else if ( |
v.type.indexOf("sheet") >= 0 || |
||||
v.type.indexOf("sheet") >= 0 || |
v.fkey.indexOf(".xlsx") >= 0 || |
||||
v.fkey.indexOf(".xlsx") >= 0 || |
v.fkey.indexOf(".xls") >= 0 |
||||
v.fkey.indexOf(".xls") >= 0 |
) { |
||||
) { |
url = require("@/assets/icon/xls.png"); |
||||
url = require("@/assets/icon/xls.png"); |
} else if (v.type.indexOf("presentation") >= 0) { |
||||
} else if (v.type.indexOf("presentation") >= 0) { |
url = require("@/assets/icon/ppt.png"); |
||||
url = require("@/assets/icon/ppt.png"); |
} else if ( |
||||
} else if ( |
v.type.indexOf("zip") >= 0 || |
||||
v.type.indexOf("zip") >= 0 || |
v.type.indexOf("rar") >= 0 || |
||||
v.type.indexOf("rar") >= 0 || |
v.type.indexOf("7z") >= 0 |
||||
v.type.indexOf("7z") >= 0 |
) { |
||||
) { |
url = require("@/assets/icon/zip.png"); |
||||
url = require("@/assets/icon/zip.png"); |
} else if (v.type.indexOf("text") >= 0 || v.type.indexOf("octet") >= 0) { |
||||
} else if (v.type.indexOf("text") >= 0 || v.type.indexOf("octet") >= 0) { |
url = require("@/assets/icon/file.png"); |
||||
url = require("@/assets/icon/file.png"); |
} else { |
||||
} else { |
url = require("@/assets/icon/file.png"); |
||||
url = require("@/assets/icon/file.png"); |
} |
||||
} |
return url; |
||||
return url; |
}, |
||||
}, |
clearSelectAll() { |
||||
clearSelectAll() { |
this.$refs.table.selectAll(false); |
||||
this.$refs.table.selectAll(false); |
}, |
||||
}, |
changePage(v) { |
||||
changePage(v) { |
this.searchForm.pageNumber = v; |
||||
this.searchForm.pageNumber = v; |
this.getDataList(); |
||||
this.getDataList(); |
this.clearSelectAll(); |
||||
this.clearSelectAll(); |
}, |
||||
}, |
changeSort(e) { |
||||
changeSort(e) { |
this.searchForm.sort = e.key; |
||||
this.searchForm.sort = e.key; |
this.searchForm.order = e.order; |
||||
this.searchForm.order = e.order; |
if (e.order == "normal") { |
||||
if (e.order == "normal") { |
this.searchForm.order = ""; |
||||
this.searchForm.order = ""; |
} |
||||
} |
this.getDataList(); |
||||
this.getDataList(); |
}, |
||||
}, |
clear() { |
||||
clear() { |
this.$Modal.confirm({ |
||||
this.$Modal.confirm({ |
title: "请谨慎进行此操作！", |
||||
title: "请谨慎进行此操作！", |
content: "确认彻底清空回收站所有文件？", |
||||
content: "确认彻底清空回收站所有文件？", |
loading: true, |
||||
loading: true, |
onOk: () => { |
||||
onOk: () => { |
clearTrashFile().then((res) => { |
||||
clearTrashFile().then((res) => { |
if (res.success) { |
||||
if (res.success) { |
clearTrashFileCate().then((res) => { |
||||
clearTrashFileCate().then((res) => { |
this.$Modal.remove(); |
||||
this.$Modal.remove(); |
if (res.success) { |
||||
if (res.success) { |
this.getDataList(); |
||||
this.getDataList(); |
this.$Message.success("清空回收站成功"); |
||||
this.$Message.success("清空回收站成功"); |
} |
||||
} |
}); |
||||
}); |
} |
||||
} |
}); |
||||
}); |
}, |
||||
}, |
}); |
||||
}); |
}, |
||||
}, |
revert(v) { |
||||
revert(v) { |
if (!v.isFolder) { |
||||
if (!v.isFolder) { |
trashFile({ |
||||
trashFile({ ids: v.id }).then((res) => { |
ids: v.id |
||||
if (res.success) { |
}).then((res) => { |
||||
this.getDataList(); |
if (res.success) { |
||||
this.$Message.success("操作成功"); |
this.getDataList(); |
||||
} |
this.$Message.success("操作成功"); |
||||
}); |
} |
||||
} else { |
}); |
||||
trashFileCate({ id: v.id }).then((res) => { |
} else { |
||||
if (res.success) { |
trashFileCate({ |
||||
this.getDataList(); |
id: v.id |
||||
this.$Message.success("操作成功"); |
}).then((res) => { |
||||
} |
if (res.success) { |
||||
}); |
this.getDataList(); |
||||
} |
this.$Message.success("操作成功"); |
||||
}, |
} |
||||
delete(v) { |
}); |
||||
this.$Modal.confirm({ |
} |
||||
title: "确认彻底删除", |
}, |
||||
content: v.isFolder |
delete(v) { |
||||
? "确定彻底删除文件夹 " + v.title |
this.$Modal.confirm({ |
||||
: "确定彻底删除文件 " + v.title, |
title: "确认彻底删除", |
||||
loading: true, |
content: v.isFolder ? |
||||
onOk: () => { |
"确定彻底删除文件夹 " + v.title : |
||||
if (!v.isFolder) { |
"确定彻底删除文件 " + v.title, |
||||
deleteUserFile({ ids: v.id }).then((res) => { |
loading: true, |
||||
this.$Modal.remove(); |
onOk: () => { |
||||
if (res.success) { |
if (!v.isFolder) { |
||||
this.getDataList(); |
deleteUserFile({ |
||||
this.$Message.success("删除文件 " + v.title + " 成功"); |
ids: v.id |
||||
} |
}).then((res) => { |
||||
}); |
this.$Modal.remove(); |
||||
} else { |
if (res.success) { |
||||
deleteFileCate({ ids: v.id }).then((res) => { |
this.getDataList(); |
||||
this.$Modal.remove(); |
this.$Message.success("删除文件 " + v.title + " 成功"); |
||||
if (res.success) { |
} |
||||
this.getDataList(); |
}); |
||||
this.$Message.success("删除文件夹 " + v.title + " 成功"); |
} else { |
||||
} |
deleteFileCate({ |
||||
}); |
ids: v.id |
||||
} |
}).then((res) => { |
||||
}, |
this.$Modal.remove(); |
||||
}); |
if (res.success) { |
||||
}, |
this.getDataList(); |
||||
close() { |
this.$Message.success("删除文件夹 " + v.title + " 成功"); |
||||
this.$emit("close", true); |
} |
||||
}, |
}); |
||||
submited() { |
} |
||||
this.$emit("submited", true); |
}, |
||||
}, |
}); |
||||
}, |
}, |
||||
mounted() { |
close() { |
||||
this.init(); |
this.$emit("close", true); |
||||
}, |
}, |
||||
}; |
submited() { |
||||
|
this.$emit("submited", true); |
||||
|
}, |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.init(); |
||||
|
}, |
||||
|
}; |
||||
</script> |
</script> |
||||
@ -0,0 +1,102 @@ |
|||||
|
<template> |
||||
|
<div > |
||||
|
<Upload :action="uploadFileUrl" :headers="accessToken" :data="uploadData" :on-success="handleSuccess" |
||||
|
:on-error="handleError" :max-size="100000000" :before-upload="beforeUpload" |
||||
|
multiple type="drag" ref="up"> |
||||
|
<div style="padding: 20px 0"> |
||||
|
<Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon> |
||||
|
<p>点击这里或将文件拖拽到这里上传</p> |
||||
|
</div> |
||||
|
</Upload> |
||||
|
<Form ref="form" :model="form" :label-width="85" :rules="formValidate"> |
||||
|
<FormItem label="版本号" prop="title"> |
||||
|
<Input v-model="form.version" /> |
||||
|
</FormItem> |
||||
|
</Form> |
||||
|
<div slot="footer"> |
||||
|
<Button type="primary" :loading="submitLoading" @click="handelSubmit">提交</Button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getFileCate, |
||||
|
addFileCate, |
||||
|
editFileCate, |
||||
|
uploadFile, |
||||
|
trashFileCate, |
||||
|
searchFileCate, |
||||
|
checkOssSet, |
||||
|
} from "@/api/index"; |
||||
|
export default { |
||||
|
name: "fileCategory", |
||||
|
props: { |
||||
|
showOnly: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
uploadFileUrl: uploadFile, |
||||
|
submitLoading: false, |
||||
|
accessToken: {}, |
||||
|
uploadData: {}, |
||||
|
form:{ |
||||
|
path:'', |
||||
|
version:'' |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
this.accessToken = { |
||||
|
accessToken: this.getStore("accessToken"), |
||||
|
}; |
||||
|
checkOssSet().then((res) => { |
||||
|
if (!res.success) { |
||||
|
this.$Modal.confirm({ |
||||
|
title: "系统还未配置OSS", |
||||
|
content: "管理员还未配置第三方OSS服务，是否现在立即去配置?", |
||||
|
onOk: () => { |
||||
|
this.$router.push({ |
||||
|
name: "setting", |
||||
|
query: { |
||||
|
name: "oss" |
||||
|
}, |
||||
|
}); |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
beforeUpload() { |
||||
|
return true; |
||||
|
}, |
||||
|
handleSuccess(res, file, fileList) { |
||||
|
if (res.success) { |
||||
|
this.$Message.success("上传文件 " + file.name + " 成功"); |
||||
|
this.form.path = res.result |
||||
|
} else { |
||||
|
file.percentage = 0; |
||||
|
file.status = "fail"; |
||||
|
file.name += "（上传失败）"; |
||||
|
this.$Message.error(res.message); |
||||
|
} |
||||
|
}, |
||||
|
handleError(error, file, fileList) { |
||||
|
this.$Message.error(error.toString()); |
||||
|
}, |
||||
|
handelSubmit() { |
||||
|
console.log(this.form) |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.init(); |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less"> |
||||
|
</style> |
||||
Loading…
Reference in new issue