wangqing
4 years ago
7 changed files with 203 additions and 10 deletions
@ -0,0 +1,148 @@ |
|||
<template> |
|||
<div class="rc-bin-container"> |
|||
<div class="back-view"> |
|||
<el-button size="mini" round @click="$router.back(-1)"> |
|||
<i class="el-icon-arrow-left" /> |
|||
返回 |
|||
</el-button> |
|||
</div> |
|||
<el-table |
|||
:data="projectList" |
|||
stripe |
|||
border |
|||
highlight-current-row |
|||
|
|||
style="width: 100%;" |
|||
empty-text="暂无数据" |
|||
> |
|||
<el-table-column |
|||
prop="name" |
|||
show-overflow-tooltip |
|||
align="center" |
|||
label="标题" |
|||
/> |
|||
<el-table-column |
|||
prop="resultCount" |
|||
align="center" |
|||
label="收集数" |
|||
/> |
|||
<el-table-column |
|||
align="center" |
|||
prop="createTime" |
|||
label="创建时间" |
|||
/> |
|||
<el-table-column |
|||
align="center" |
|||
prop="updateTime" |
|||
label="删除时间" |
|||
/> |
|||
<el-table-column label="操作"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" |
|||
@click="restoreProject(scope.row.key,1)" |
|||
> |
|||
恢复 |
|||
</el-button> |
|||
<el-popconfirm |
|||
title="确定删除该项目吗？" |
|||
@confirm="deleteProject(scope.row.key)" |
|||
> |
|||
<el-button slot="reference" |
|||
class="pink-text-btn" |
|||
type="text" |
|||
> |
|||
删除 |
|||
</el-button> |
|||
</el-popconfirm> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="project-page-view"> |
|||
<el-pagination |
|||
v-if="total>10" |
|||
background |
|||
:page-size.sync="queryParams.size" |
|||
:current-page.sync="queryParams.current" |
|||
layout="total, prev, pager, next" |
|||
:total="total" |
|||
@current-change="queryRecycleProjectPage" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
export default { |
|||
name: 'RecycleBin', |
|||
data() { |
|||
return { |
|||
total: 0, |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
name: '', |
|||
beginDateTime: null, |
|||
endDateTime: null, |
|||
status: null |
|||
}, |
|||
projectList: [], |
|||
projectListLoading: true |
|||
} |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
created() { |
|||
this.queryRecycleProjectPage() |
|||
}, |
|||
methods: { |
|||
restoreProject(key) { |
|||
this.$api.post('/user/project/recycle/restore', {'key': key}).then(res => { |
|||
if (res.data) { |
|||
this.msgSuccess('恢复成功') |
|||
this.queryRecycleProjectPage() |
|||
} |
|||
}) |
|||
}, |
|||
deleteProject(key) { |
|||
this.$api.post('/user/project/recycle/delete', {'key': key}).then(res => { |
|||
if (res.data) { |
|||
this.msgSuccess('刪除成功') |
|||
this.queryRecycleProjectPage() |
|||
} |
|||
}) |
|||
}, |
|||
queryRecycleProjectPage() { |
|||
this.$api.get('/user/project/recycle/page', { |
|||
params: this.queryParams |
|||
}).then(res => { |
|||
let {records, total, size} = res.data |
|||
this.projectList = records |
|||
this.total = total |
|||
this.queryParams.size = size |
|||
this.projectListLoading = false |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.rc-bin-container { |
|||
display: flex; |
|||
width: 100%; |
|||
height: 100%; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
align-content: center; |
|||
} |
|||
.back-view { |
|||
display: flex; |
|||
width: 80%; |
|||
align-content: flex-start; |
|||
margin: 10px; |
|||
} |
|||
.project-page-view { |
|||
margin-top: 30px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue