mirror of https://github.com/halo-dev/halo-admin
Refactor attachment drawer
johnniang
parent
2e74ef1864
commit
0f06588987
|
|
@ -0,0 +1,199 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-drawer
|
||||||
|
title="附件库"
|
||||||
|
:width="isMobile()?'100%':'580'"
|
||||||
|
closable
|
||||||
|
:visible="visiable"
|
||||||
|
destroyOnClose
|
||||||
|
@close="onClose"
|
||||||
|
>
|
||||||
|
<a-row
|
||||||
|
type="flex"
|
||||||
|
align="middle"
|
||||||
|
>
|
||||||
|
<a-input-search
|
||||||
|
placeholder="搜索附件"
|
||||||
|
enterButton
|
||||||
|
/>
|
||||||
|
</a-row>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-row
|
||||||
|
type="flex"
|
||||||
|
align="middle"
|
||||||
|
>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div
|
||||||
|
class="attach-item"
|
||||||
|
v-for="(item, index) in attachments"
|
||||||
|
:key="index"
|
||||||
|
@click="showDetailDrawer(item)"
|
||||||
|
>
|
||||||
|
<img :src="item.thumbPath">
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-row
|
||||||
|
type="flex"
|
||||||
|
justify="end"
|
||||||
|
>
|
||||||
|
<a-pagination
|
||||||
|
:defaultPageSize="pagination.size"
|
||||||
|
:total="pagination.total"
|
||||||
|
@change="handlePaginationChange"
|
||||||
|
></a-pagination>
|
||||||
|
</a-row>
|
||||||
|
|
||||||
|
<AttachmentDetailDrawer
|
||||||
|
v-model="detailVisiable"
|
||||||
|
v-if="selectedAttachment"
|
||||||
|
:attachment="selectedAttachment"
|
||||||
|
@delete="handleDelete"
|
||||||
|
/>
|
||||||
|
<div class="attachment-control">
|
||||||
|
<a-button
|
||||||
|
@click="showUploadModal"
|
||||||
|
type="primary"
|
||||||
|
>上传附件</a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
|
||||||
|
<a-modal
|
||||||
|
title="上传附件"
|
||||||
|
v-model="uploadVisible"
|
||||||
|
:footer="null"
|
||||||
|
>
|
||||||
|
<upload
|
||||||
|
name="file"
|
||||||
|
multiple
|
||||||
|
accept="image/*"
|
||||||
|
:uploadHandler="attachmentUploadHandler"
|
||||||
|
@success="handleAttachmentUploadSuccess"
|
||||||
|
>
|
||||||
|
<p class="ant-upload-drag-icon">
|
||||||
|
<a-icon type="inbox" />
|
||||||
|
</p>
|
||||||
|
<p class="ant-upload-text">点击选择文件或将文件拖拽到此处</p>
|
||||||
|
<p class="ant-upload-hint">支持单个或批量上传</p>
|
||||||
|
</upload>
|
||||||
|
</a-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mixin, mixinDevice } from '@/utils/mixin.js'
|
||||||
|
import attachmentApi from '@/api/attachment'
|
||||||
|
import AttachmentDetailDrawer from './AttachmentDetailDrawer'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'AttachmentDrawer',
|
||||||
|
mixins: [mixin, mixinDevice],
|
||||||
|
components: {
|
||||||
|
AttachmentDetailDrawer
|
||||||
|
},
|
||||||
|
model: {
|
||||||
|
prop: 'visiable',
|
||||||
|
event: 'close'
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
visiable: {
|
||||||
|
type: Boolean,
|
||||||
|
required: false,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
detailVisiable: false,
|
||||||
|
attachmentDrawerVisible: false,
|
||||||
|
uploadVisible: false,
|
||||||
|
pagination: {
|
||||||
|
page: 1,
|
||||||
|
size: 8,
|
||||||
|
sort: ''
|
||||||
|
},
|
||||||
|
attachments: [],
|
||||||
|
selectedAttachment: null,
|
||||||
|
attachmentUploadHandler: attachmentApi.upload
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadAttachments()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
showUploadModal() {
|
||||||
|
this.uploadVisible = true
|
||||||
|
},
|
||||||
|
showDetailDrawer(attachment) {
|
||||||
|
this.selectedAttachment = attachment
|
||||||
|
this.$log.debug('Show detail of', attachment)
|
||||||
|
this.detailVisiable = true
|
||||||
|
},
|
||||||
|
loadAttachments() {
|
||||||
|
const pagination = Object.assign({}, this.pagination)
|
||||||
|
pagination.page--
|
||||||
|
attachmentApi.query(pagination).then(response => {
|
||||||
|
this.attachments = response.data.data.content
|
||||||
|
this.pagination.total = response.data.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handlePaginationChange(page, pageSize) {
|
||||||
|
this.pagination.page = page
|
||||||
|
this.pagination.size = pageSize
|
||||||
|
this.loadAttachments()
|
||||||
|
},
|
||||||
|
handleAttachmentUploadSuccess() {
|
||||||
|
this.$message.success('上传成功')
|
||||||
|
this.loadAttachments()
|
||||||
|
},
|
||||||
|
handleDelete() {
|
||||||
|
this.loadAttachments()
|
||||||
|
},
|
||||||
|
onClose() {
|
||||||
|
this.$emit('close', false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.post-control,
|
||||||
|
.attachment-control {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px solid rgb(232, 232, 232);
|
||||||
|
padding: 10px 16px;
|
||||||
|
text-align: right;
|
||||||
|
left: 0px;
|
||||||
|
background: rgb(255, 255, 255);
|
||||||
|
border-radius: 0px 0px 4px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-form-vertical .ant-form-item {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-thum .img {
|
||||||
|
width: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attach-item {
|
||||||
|
width: 50%;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 28%;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attach-item > img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,7 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="page-header-index-wide">
|
<div class="page-header-index-wide">
|
||||||
<a-row :gutter="12">
|
<a-row :gutter="12">
|
||||||
<a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
|
<a-col
|
||||||
|
:xl="24"
|
||||||
|
:lg="24"
|
||||||
|
:md="24"
|
||||||
|
:sm="24"
|
||||||
|
:xs="24"
|
||||||
|
>
|
||||||
|
|
||||||
<div style="margin-bottom: 16px">
|
<div style="margin-bottom: 16px">
|
||||||
<a-input
|
<a-input
|
||||||
|
|
@ -13,12 +19,28 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="editor">
|
<div id="editor">
|
||||||
<mavon-editor v-model="postToStage.originalContent" :boxShadow="false" :ishljs="true"/>
|
<mavon-editor
|
||||||
|
v-model="postToStage.originalContent"
|
||||||
|
:boxShadow="false"
|
||||||
|
:ishljs="true"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
||||||
<a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
|
<a-col
|
||||||
<a-drawer title="文章设置" :width="isMobile()?'100%':'460'" closable @close="onClose" :visible="visible">
|
:xl="24"
|
||||||
|
:lg="24"
|
||||||
|
:md="24"
|
||||||
|
:sm="24"
|
||||||
|
:xs="24"
|
||||||
|
>
|
||||||
|
<a-drawer
|
||||||
|
title="文章设置"
|
||||||
|
:width="isMobile()?'100%':'460'"
|
||||||
|
closable
|
||||||
|
@close="onClose"
|
||||||
|
:visible="visible"
|
||||||
|
>
|
||||||
<div class="post-setting-drawer-content">
|
<div class="post-setting-drawer-content">
|
||||||
<div :style="{ marginBottom: '16px' }">
|
<div :style="{ marginBottom: '16px' }">
|
||||||
<h3 class="post-setting-drawer-title">基本设置</h3>
|
<h3 class="post-setting-drawer-title">基本设置</h3>
|
||||||
|
|
@ -28,13 +50,19 @@
|
||||||
label="文章路径："
|
label="文章路径："
|
||||||
:help="'/archives/' + (postToStage.url ? postToStage.url : '{auto_generate}')"
|
:help="'/archives/' + (postToStage.url ? postToStage.url : '{auto_generate}')"
|
||||||
>
|
>
|
||||||
<a-input v-model="postToStage.url"/>
|
<a-input v-model="postToStage.url" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="文章密码：">
|
<a-form-item label="文章密码：">
|
||||||
<a-input type="password" v-model="postToStage.password"/>
|
<a-input
|
||||||
|
type="password"
|
||||||
|
v-model="postToStage.password"
|
||||||
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="是否关闭评论：">
|
<a-form-item label="是否关闭评论：">
|
||||||
<a-radio-group v-model="postToStage.disallowComment" :defaultValue="false">
|
<a-radio-group
|
||||||
|
v-model="postToStage.disallowComment"
|
||||||
|
:defaultValue="false"
|
||||||
|
>
|
||||||
<a-radio :value="false">开启</a-radio>
|
<a-radio :value="false">开启</a-radio>
|
||||||
<a-radio :value="true">关闭</a-radio>
|
<a-radio :value="true">关闭</a-radio>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
|
|
@ -42,15 +70,18 @@
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider/>
|
<a-divider />
|
||||||
|
|
||||||
<div :style="{ marginBottom: '16px' }">
|
<div :style="{ marginBottom: '16px' }">
|
||||||
<h3 class="post-setting-drawer-title">分类目录</h3>
|
<h3 class="post-setting-drawer-title">分类目录</h3>
|
||||||
<div class="post-setting-drawer-item">
|
<div class="post-setting-drawer-item">
|
||||||
<category-tree v-model="selectedCategoryIds" :categories="categories"/>
|
<category-tree
|
||||||
|
v-model="selectedCategoryIds"
|
||||||
|
:categories="categories"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider/>
|
<a-divider />
|
||||||
|
|
||||||
<div :style="{ marginBottom: '16px' }">
|
<div :style="{ marginBottom: '16px' }">
|
||||||
<h3 class="post-setting-drawer-title">标签</h3>
|
<h3 class="post-setting-drawer-title">标签</h3>
|
||||||
|
|
@ -73,7 +104,7 @@
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider/>
|
<a-divider />
|
||||||
|
|
||||||
<div :style="{ marginBottom: '16px' }">
|
<div :style="{ marginBottom: '16px' }">
|
||||||
<h3 class="post-setting-drawer-title">缩略图</h3>
|
<h3 class="post-setting-drawer-title">缩略图</h3>
|
||||||
|
|
@ -87,7 +118,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider/>
|
<a-divider />
|
||||||
</div>
|
</div>
|
||||||
<a-drawer
|
<a-drawer
|
||||||
title="选择图片"
|
title="选择图片"
|
||||||
|
|
@ -97,135 +128,31 @@
|
||||||
@close="onChildClose"
|
@close="onChildClose"
|
||||||
></a-drawer>
|
></a-drawer>
|
||||||
<div class="post-control">
|
<div class="post-control">
|
||||||
<a-button style="marginRight: 8px" @click="handleDraftClick">保存草稿</a-button>
|
<a-button
|
||||||
<a-button @click="handlePublishClick" type="primary">{{ publishText }}</a-button>
|
style="marginRight: 8px"
|
||||||
|
@click="handleDraftClick"
|
||||||
|
>保存草稿</a-button>
|
||||||
|
<a-button
|
||||||
|
@click="handlePublishClick"
|
||||||
|
type="primary"
|
||||||
|
>{{ publishText }}</a-button>
|
||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
||||||
<a-drawer
|
<AttachmentDrawer v-model="attachmentDrawerVisible" />
|
||||||
title="附件库"
|
|
||||||
:width="isMobile()?'100%':'580'"
|
|
||||||
closable
|
|
||||||
:visible="attachmentDrawerVisible"
|
|
||||||
destroyOnClose
|
|
||||||
@close="onAttachmentClose"
|
|
||||||
>
|
|
||||||
<a-row type="flex" align="middle">
|
|
||||||
<a-input-search placeholder="搜索附件" enterButton/>
|
|
||||||
</a-row>
|
|
||||||
<a-divider></a-divider>
|
|
||||||
<a-row type="flex" align="middle">
|
|
||||||
<a-col :span="24">
|
|
||||||
<div
|
|
||||||
class="attach-item"
|
|
||||||
v-for="(item, index) in attachments"
|
|
||||||
:key="index"
|
|
||||||
@click="showDetailDrawer(item)"
|
|
||||||
>
|
|
||||||
<img :src="item.thumbPath">
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-divider></a-divider>
|
|
||||||
<a-row type="flex" justify="end">
|
|
||||||
<a-pagination
|
|
||||||
:defaultPageSize="pagination.size"
|
|
||||||
:total="pagination.total"
|
|
||||||
@change="handlePaginationChange"
|
|
||||||
></a-pagination>
|
|
||||||
</a-row>
|
|
||||||
|
|
||||||
<a-drawer
|
|
||||||
title="附件详情"
|
|
||||||
:width="isMobile()?'100%':'460'"
|
|
||||||
closable
|
|
||||||
:visible="selectAttachmentDrawerVisible"
|
|
||||||
destroyOnClose
|
|
||||||
@close="onSelectAttachmentClose"
|
|
||||||
>
|
|
||||||
<a-row type="flex" align="middle">
|
|
||||||
<a-col :span="24">
|
|
||||||
<a-skeleton active :loading="detailLoading" :paragraph="{rows: 8}">
|
|
||||||
<div class="attach-detail-img">
|
|
||||||
<img :src="selectAttachment.path">
|
|
||||||
</div>
|
|
||||||
</a-skeleton>
|
|
||||||
</a-col>
|
|
||||||
<a-divider/>
|
|
||||||
<a-col :span="24">
|
|
||||||
<a-skeleton active :loading="detailLoading" :paragraph="{rows: 8}">
|
|
||||||
<a-list itemLayout="horizontal">
|
|
||||||
<a-list-item>
|
|
||||||
<a-list-item-meta :description="selectAttachment.name">
|
|
||||||
<span slot="title">附件名：</span>
|
|
||||||
</a-list-item-meta>
|
|
||||||
</a-list-item>
|
|
||||||
<a-list-item>
|
|
||||||
<a-list-item-meta :description="selectAttachment.mediaType">
|
|
||||||
<span slot="title">附件类型：</span>
|
|
||||||
</a-list-item-meta>
|
|
||||||
</a-list-item>
|
|
||||||
<a-list-item>
|
|
||||||
<a-list-item-meta :description="selectAttachment.size">
|
|
||||||
<span slot="title">附件大小：</span>
|
|
||||||
</a-list-item-meta>
|
|
||||||
</a-list-item>
|
|
||||||
<a-list-item>
|
|
||||||
<a-list-item-meta
|
|
||||||
:description="selectAttachment.height+'x'+selectAttachment.width"
|
|
||||||
>
|
|
||||||
<span slot="title">图片尺寸：</span>
|
|
||||||
</a-list-item-meta>
|
|
||||||
</a-list-item>
|
|
||||||
<a-list-item>
|
|
||||||
<a-list-item-meta :description="selectAttachment.path">
|
|
||||||
<span slot="title">
|
|
||||||
普通链接：
|
|
||||||
<a-icon type="copy" @click="doCopyNormalLink"/>
|
|
||||||
</span>
|
|
||||||
</a-list-item-meta>
|
|
||||||
</a-list-item>
|
|
||||||
<a-list-item>
|
|
||||||
<a-list-item-meta
|
|
||||||
:description="''"
|
|
||||||
>
|
|
||||||
<span slot="title">
|
|
||||||
Markdown 格式：
|
|
||||||
<a-icon type="copy" @click="doCopyMarkdownLink"/>
|
|
||||||
</span>
|
|
||||||
</a-list-item-meta>
|
|
||||||
</a-list-item>
|
|
||||||
</a-list>
|
|
||||||
</a-skeleton>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</a-drawer>
|
|
||||||
<div class="attachment-control">
|
|
||||||
<a-button @click="showUploadModal" type="primary">上传附件</a-button>
|
|
||||||
</div>
|
|
||||||
</a-drawer>
|
|
||||||
|
|
||||||
<a-modal title="上传附件" v-model="uploadVisible" :footer="null">
|
|
||||||
<a-upload-dragger
|
|
||||||
name="file"
|
|
||||||
:multiple="true"
|
|
||||||
accept="image/*"
|
|
||||||
:customRequest="handleUpload"
|
|
||||||
@change="handleChange"
|
|
||||||
>
|
|
||||||
<p class="ant-upload-drag-icon">
|
|
||||||
<a-icon type="inbox"/>
|
|
||||||
</p>
|
|
||||||
<p class="ant-upload-text">点击选择文件或将文件拖拽到此处</p>
|
|
||||||
<p class="ant-upload-hint">支持单个或批量上传</p>
|
|
||||||
</a-upload-dragger>
|
|
||||||
</a-modal>
|
|
||||||
|
|
||||||
<footer-tool-bar :style="{ width: isSideMenu() && isDesktop() ? `calc(100% - ${sidebarOpened ? 256 : 80}px)` : '100%'}">
|
<footer-tool-bar :style="{ width: isSideMenu() && isDesktop() ? `calc(100% - ${sidebarOpened ? 256 : 80}px)` : '100%'}">
|
||||||
<a-button type="primary" @click="showDrawer">发布</a-button>
|
<a-button
|
||||||
<a-button type="dashed" @click="showAttachDrawer" style="margin-left: 8px;">附件库</a-button>
|
type="primary"
|
||||||
|
@click="showDrawer"
|
||||||
|
>发布</a-button>
|
||||||
|
<a-button
|
||||||
|
type="dashed"
|
||||||
|
@click="showAttachDrawer"
|
||||||
|
style="margin-left: 8px;"
|
||||||
|
>附件库</a-button>
|
||||||
</footer-tool-bar>
|
</footer-tool-bar>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -240,6 +167,7 @@ import tagApi from '@/api/tag'
|
||||||
import categoryApi from '@/api/category'
|
import categoryApi from '@/api/category'
|
||||||
import postApi from '@/api/post'
|
import postApi from '@/api/post'
|
||||||
import attachmentApi from '@/api/attachment'
|
import attachmentApi from '@/api/attachment'
|
||||||
|
import AttachmentDrawer from '../attachment/components/AttachmentDrawer'
|
||||||
|
|
||||||
const toolbars = {
|
const toolbars = {
|
||||||
bold: true, // 粗体
|
bold: true, // 粗体
|
||||||
|
|
@ -266,7 +194,8 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
mavonEditor,
|
mavonEditor,
|
||||||
CategoryTree,
|
CategoryTree,
|
||||||
FooterToolBar
|
FooterToolBar,
|
||||||
|
AttachmentDrawer
|
||||||
},
|
},
|
||||||
mixins: [mixin, mixinDevice],
|
mixins: [mixin, mixinDevice],
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -294,7 +223,8 @@ export default {
|
||||||
page: 1,
|
page: 1,
|
||||||
size: 8,
|
size: 8,
|
||||||
sort: ''
|
sort: ''
|
||||||
}
|
},
|
||||||
|
attachmentUploadHandler: attachmentApi.upload
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -338,7 +268,7 @@ export default {
|
||||||
loadAttachments() {
|
loadAttachments() {
|
||||||
const pagination = Object.assign({}, this.pagination)
|
const pagination = Object.assign({}, this.pagination)
|
||||||
pagination.page--
|
pagination.page--
|
||||||
attachmentApi.list(pagination).then(response => {
|
attachmentApi.query(pagination).then(response => {
|
||||||
this.attachments = response.data.data.content
|
this.attachments = response.data.data.content
|
||||||
this.pagination.total = response.data.data.total
|
this.pagination.total = response.data.data.total
|
||||||
})
|
})
|
||||||
|
|
@ -439,38 +369,8 @@ export default {
|
||||||
this.$message.error(`${info.file.name} 文件上传失败`)
|
this.$message.error(`${info.file.name} 文件上传失败`)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleUpload(option) {
|
handleAttachmentUploadSuccess() {
|
||||||
this.$log.debug('Uploading option', option)
|
this.$message.success('上传成功')
|
||||||
const CancelToken = attachmentApi.CancelToken
|
|
||||||
const source = CancelToken.source()
|
|
||||||
|
|
||||||
const data = new FormData()
|
|
||||||
data.append('file', option.file)
|
|
||||||
attachmentApi
|
|
||||||
.upload(
|
|
||||||
data,
|
|
||||||
progressEvent => {
|
|
||||||
if (progressEvent.total > 0) {
|
|
||||||
progressEvent.percent = (progressEvent.loaded / progressEvent.total) * 100
|
|
||||||
}
|
|
||||||
this.$log.debug('Uploading percent: ', progressEvent.percent)
|
|
||||||
option.onProgress(progressEvent)
|
|
||||||
},
|
|
||||||
source.token
|
|
||||||
)
|
|
||||||
.then(response => {
|
|
||||||
option.onSuccess(response, option.file)
|
|
||||||
this.loadAttachments()
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
option.onError(error, error.response)
|
|
||||||
})
|
|
||||||
|
|
||||||
return {
|
|
||||||
abort: () => {
|
|
||||||
source.cancel('Upload operation canceled by the user.')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
showUploadModal() {
|
showUploadModal() {
|
||||||
this.uploadVisible = true
|
this.uploadVisible = true
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue