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