github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge branch 'master' of https://gitlab.com/halo_dev/halo-admin

pull/9/head
ruibaby 2019-04-15 23:40:37 +08:00
parent 0bd63d54af ec65253536
commit 09183887b3
1 changed files with 148 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
src/views/system/BackupList.vue
View File

@ -1,10 +1,154 @@
<template> <template>
<div class="page-header-index-wide">Backup List</div> <div class="page-header-index-wide">
<div class="card-container">
<a-tabs type="card">
<a-tab-pane tab="资源文件备份" key="1">
<a-table :columns="columns" :dataSource="ResourcesData">
<span slot="action" slot-scope="text, record">
<a href="javascript:;" @click="downResources('ResourcesData',record.id)">下载</a>
<a-divider type="vertical"/>
<a href="javascript:;" @click="sendResources('ResourcesData',record.id)">发送到邮箱</a>
<a-divider type="vertical"/>
<a href="javascript:;" @click="deleteResources('ResourcesData',record.id)">删除</a>
</span>
</a-table>
<a-button type="primary" @click="backupData('ResourcesData')">备份</a-button>
</a-tab-pane>
<a-tab-pane tab="数据库备份" key="2">
<a-table :columns="columns" :dataSource="DataBaseData">
<span slot="action" slot-scope="text, record">
<a href="javascript:;" @click="downResources('DataBaseData',record.id)">下载</a>
<a-divider type="vertical"/>
<a href="javascript:;" @click="sendResources('DataBaseData',record.id)">发送到邮箱</a>
<a-divider type="vertical"/>
<a href="javascript:;" @click="deleteResources('DataBaseData',record.id)">删除</a>
</span>
</a-table>
<a-button type="primary" @click="backupData('DataBaseData')">备份</a-button>
</a-tab-pane>
<a-tab-pane tab="文章备份" key="3">
<a-table :columns="columns" :dataSource="FileData">
<span slot="action" slot-scope="text, record">
<a href="javascript:;" @click="downResources('FileData',record.id)">下载</a>
<a-divider type="vertical"/>
<a href="javascript:;" @click="sendResources('FileData',record.id)">发送到邮箱</a>
<a-divider type="vertical"/>
<a href="javascript:;" @click="deleteResources('FileData',record.id)">删除</a>
</span>
</a-table>
<a-button type="primary" @click="backupData('FileData')">备份</a-button>
</a-tab-pane>
</a-tabs>
</div>
</div>
</template> </template>
<script> <script>
export default {} export default {
components: {},
data() {
return {
num: 0,
columns: [
{
title: '文件名称',
dataIndex: 'name'
},
{
title: '日期',
dataIndex: 'date'
},
{
title: '文件大小',
dataIndex: 'size'
},
{
title: '文件类型',
dataIndex: 'type'
},
{
title: '操作',
scopedSlots: { customRender: 'action' }
}
],
ResourcesData: [],
FileData: []
}
},
created() {
ResourcesData = function() {}
},
methods: {
// 下载
downResources(type, id) {
if (type == 'ResourcesData') {
alert('资源文件下载' + id)
} else if (type == 'DataBaseData') {
alert('数据库文件下载' + id)
} else {
alert('文件下载' + id)
}
},
// 发送到邮箱
sendResources(type, id) {
if (type == 'ResourcesData') {
alert('资源文件发送到邮箱' + id)
} else if (type == 'DataBaseData') {
alert('数据库文件发送到邮箱' + id)
} else {
alert('文件发送到邮箱' + id)
}
},
// 删除
deleteResources(type, id) {
if (type == 'ResourcesData') {
alert('资源文件删除' + id)
} else if (type == 'DataBaseData') {
alert('数据库文件删除' + id)
} else {
alert('文件删除' + id)
}
},
// 备份
backupData(type) {
if (type == 'ResourcesData') {
alert('资源文件备份')
} else if (type == 'DataBaseData') {
alert('数据库文件备份')
} else {
alert('文件备份')
}
}
}
}
</script> </script>
<style>
.card-container {
background: #f5f5f5;
overflow: hidden;
padding: 24px;
}
.card-container > .ant-tabs-card > .ant-tabs-content {
/* height: 120px; */
margin-top: -16px;
}
<style scoped> .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
</style> background: #fff;
padding: 16px;
}
.card-container > .ant-tabs-card > .ant-tabs-bar {
border-color: #fff;
}
.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
border-color: transparent;
background: transparent;
}
.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
border-color: #fff;
background: #fff;
}
</style>