mirror of https://github.com/halo-dev/halo
106 lines
2.7 KiB
Vue
106 lines
2.7 KiB
Vue
<template>
|
|
<div class="page-header-index-wide">
|
|
<div class="card-content">
|
|
<a-row :gutter="12">
|
|
<a-col
|
|
:xl="6"
|
|
:lg="6"
|
|
:md="12"
|
|
:sm="24"
|
|
:xs="24"
|
|
:style="{ marginBottom: '12px' }"
|
|
>
|
|
<a-card
|
|
:bordered="false"
|
|
:bodyStyle="{ padding: '16px' }"
|
|
>
|
|
<div slot="title">
|
|
<a-icon type="hdd" /> 博客备份
|
|
</div>
|
|
<p>支持备份全站数据</p>
|
|
<a-button
|
|
type="primary"
|
|
style="float:right"
|
|
@click="()=>this.backupDrawerVisible = true"
|
|
>备份</a-button>
|
|
</a-card>
|
|
</a-col>
|
|
<a-col
|
|
:xl="6"
|
|
:lg="6"
|
|
:md="12"
|
|
:sm="24"
|
|
:xs="24"
|
|
:style="{ marginBottom: '12px' }"
|
|
>
|
|
<a-card
|
|
:bordered="false"
|
|
:bodyStyle="{ padding: '16px' }"
|
|
>
|
|
<div slot="title">
|
|
<a-icon type="file-markdown" /> Markdown 文章导入
|
|
</div>
|
|
<p>支持 Hexo/Jekyll 文章导入并解析元数据</p>
|
|
<a-button
|
|
type="primary"
|
|
style="float:right"
|
|
@click="handleImportMarkdown"
|
|
>导入</a-button>
|
|
</a-card>
|
|
</a-col>
|
|
</a-row>
|
|
<a-modal
|
|
title="Markdown 文章导入"
|
|
v-model="markdownUpload"
|
|
:footer="null"
|
|
destroyOnClose
|
|
:afterClose="onUploadClose"
|
|
>
|
|
<FilePondUpload
|
|
ref="upload"
|
|
name="file"
|
|
accept="text/markdown"
|
|
label="拖拽或点击选择 Markdown 文件到此处"
|
|
:uploadHandler="uploadHandler"
|
|
></FilePondUpload>
|
|
</a-modal>
|
|
<BackupDrawer v-model="backupDrawerVisible"></BackupDrawer>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import backupApi from '@/api/backup'
|
|
import BackupDrawer from './components/BackupDrawer'
|
|
|
|
export default {
|
|
components: { BackupDrawer },
|
|
data() {
|
|
return {
|
|
backupDrawerVisible: false,
|
|
markdownUpload: false,
|
|
uploadHandler: backupApi.importMarkdown
|
|
}
|
|
},
|
|
methods: {
|
|
handleImportMarkdown() {
|
|
this.markdownUpload = true
|
|
},
|
|
handleChange(info) {
|
|
const status = info.file.status
|
|
if (status !== 'uploading') {
|
|
console.log(info.file, info.fileList)
|
|
}
|
|
if (status === 'done') {
|
|
this.$message.success(`${info.file.name} 导入成功！`)
|
|
} else if (status === 'error') {
|
|
this.$message.error(`${info.file.name} 导入失败！`)
|
|
}
|
|
},
|
|
onUploadClose() {
|
|
this.$refs.upload.handleClearFileList()
|
|
}
|
|
}
|
|
}
|
|
</script>
|