171 lines
5.0 KiB
Vue
171 lines
5.0 KiB
Vue
<template>
|
|
<div class="task-archived">
|
|
<div class="archived-title">{{$L('归档的任务')}}</div>
|
|
<Table :columns="columns" :data="list" :no-data-text="$L(noText)"></Table>
|
|
<Page
|
|
class="page-container"
|
|
:total="total"
|
|
:current="page"
|
|
:disabled="loadIng > 0"
|
|
simple
|
|
@on-change="setPage"
|
|
@on-page-size-change="setPageSize"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "TaskArchived",
|
|
props: {
|
|
projectId: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
loadIng: 0,
|
|
|
|
columns: [],
|
|
list: [],
|
|
|
|
page: 1,
|
|
pageSize: 20,
|
|
total: 0,
|
|
noText: ''
|
|
}
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
watch: {
|
|
projectId: {
|
|
handler() {
|
|
this.getLists();
|
|
},
|
|
immediate: true
|
|
}
|
|
},
|
|
methods: {
|
|
initLanguage() {
|
|
this.columns = [
|
|
{
|
|
title: this.$L('任务名称'),
|
|
key: 'name',
|
|
minWidth: 200,
|
|
render: (h, {row}) => {
|
|
return h('AutoTip', row.name);
|
|
}
|
|
},
|
|
{
|
|
title: this.$L('归档时间'),
|
|
key: 'archived_at',
|
|
width: 168,
|
|
},
|
|
{
|
|
title: this.$L('归档会员'),
|
|
key: 'archived_userid',
|
|
minWidth: 100,
|
|
render: (h, {row}) => {
|
|
return h('UserAvatar', {
|
|
props: {
|
|
userid: row.archived_userid,
|
|
size: 24,
|
|
showName: true
|
|
}
|
|
});
|
|
}
|
|
},
|
|
{
|
|
title: this.$L('操作'),
|
|
align: 'center',
|
|
width: 100,
|
|
render: (h, params) => {
|
|
let show = h('Poptip', {
|
|
props: {
|
|
title: this.$L('你确定要还原归档吗？'),
|
|
confirm: true,
|
|
transfer: true,
|
|
placement: 'left',
|
|
},
|
|
style: {
|
|
fontSize: '13px',
|
|
cursor: 'pointer',
|
|
color: '#8bcf70',
|
|
},
|
|
on: {
|
|
'on-ok': () => {
|
|
this.recovery(params.row);
|
|
}
|
|
},
|
|
}, this.$L('还原'));
|
|
return h('TableAction', {
|
|
props: {
|
|
column: params.column
|
|
}
|
|
}, [
|
|
show,
|
|
]);
|
|
}
|
|
}
|
|
]
|
|
},
|
|
getLists() {
|
|
if (!this.projectId) {
|
|
return;
|
|
}
|
|
this.loadIng++;
|
|
this.$store.dispatch("call", {
|
|
url: 'project/task/lists',
|
|
data: {
|
|
project_id: this.projectId,
|
|
archived: 'yes',
|
|
page: Math.max(this.page, 1),
|
|
pagesize: Math.max($A.runNum(this.pageSize), 20),
|
|
},
|
|
}).then(({data}) => {
|
|
this.loadIng--;
|
|
this.page = data.current_page;
|
|
this.total = data.total;
|
|
this.list = data.data;
|
|
this.noText = '没有相关的数据';
|
|
}).catch(() => {
|
|
this.loadIng--;
|
|
this.noText = '数据加载失败';
|
|
})
|
|
},
|
|
|
|
setPage(page) {
|
|
this.page = page;
|
|
this.getLists();
|
|
},
|
|
|
|
setPageSize(pageSize) {
|
|
this.page = 1;
|
|
this.pageSize = pageSize;
|
|
this.getLists();
|
|
},
|
|
|
|
recovery(row) {
|
|
this.list = this.list.filter(({id}) => id != row.id);
|
|
this.loadIng++;
|
|
this.$store.dispatch("call", {
|
|
url: 'project/task/archived',
|
|
data: {
|
|
task_id: row.id,
|
|
type: 'recovery'
|
|
},
|
|
}).then(() => {
|
|
this.loadIng--;
|
|
this.getLists();
|
|
this.$store.dispatch("getTaskOne", row.id);
|
|
}).catch(({msg}) => {
|
|
$A.modalError(msg);
|
|
this.loadIng--;
|
|
this.getLists();
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|