提交 b52224f2 authored 作者: pengxiaohui's avatar pengxiaohui

项目管理增加删除按钮

上级 1964caf6
<template> <template>
<div class="project page_container"> <div class="project page_container">
<table-list v-bind="tableOptions" ref="tabList" @selection-change="selectionChange"> <table-list v-bind="tableOptions" ref="tabList" @selection-change="handleSelectionChange">
<template #header-aside> <template #header-aside>
<el-button type="primary" size="mini" @click="handleCreate" v-if="hasCreate">新建项目</el-button> <el-button type="primary" size="mini" @click="handleCreate" v-if="hasCreate">新建项目</el-button>
</template> </template>
...@@ -20,6 +20,11 @@ ...@@ -20,6 +20,11 @@
:disabled="!hasCreate" :disabled="!hasCreate"
></el-switch> ></el-switch>
</template> </template>
<template #footer>
<el-button size="mini" :disabled="!multipleSelection.length" @click="handleRemove" v-if="hasDelete"
>删除</el-button
>
</template>
</table-list> </table-list>
<el-drawer ref="drawer" :visible.sync="drawerVisible" size="490px" @close="handleDrawerClose"> <el-drawer ref="drawer" :visible.sync="drawerVisible" size="490px" @close="handleDrawerClose">
<template slot="title"> <template slot="title">
...@@ -163,7 +168,7 @@ export default { ...@@ -163,7 +168,7 @@ export default {
isIndeterminate: false, isIndeterminate: false,
checkAll: false checkAll: false
}, },
tableSelections: [] multipleSelection: []
} }
}, },
computed: { computed: {
...@@ -254,6 +259,9 @@ export default { ...@@ -254,6 +259,9 @@ export default {
this.form.imageTextType = val.imgtext_type_ids this.form.imageTextType = val.imgtext_type_ids
console.log(this.form) console.log(this.form)
}, },
handleRemove() {
this.fetchDeleteProject()
},
handleCheckAllChange(val, target) { handleCheckAllChange(val, target) {
this.form[target] = val ? this[target + 'List'].map(item => item.id) : [] this.form[target] = val ? this[target + 'List'].map(item => item.id) : []
this[target].isIndeterminate = false this[target].isIndeterminate = false
...@@ -283,8 +291,8 @@ export default { ...@@ -283,8 +291,8 @@ export default {
} }
}) })
}, },
selectionChange(val) { handleSelectionChange(val) {
this.tableSelections = val.map(item => item.id) this.multipleSelection = val.map(item => item.id)
}, },
statusChange(val) { statusChange(val) {
this.fetchUpdateProject( this.fetchUpdateProject(
...@@ -332,7 +340,7 @@ export default { ...@@ -332,7 +340,7 @@ export default {
}) })
}, },
fetchDeleteProject() { fetchDeleteProject() {
deleteProject({ project_id: this.tableSelections[0] }).then(res => { deleteProject({ project_id: this.multipleSelection[0] }).then(res => {
if (res.code === 0 && res.data && res.data.status) { if (res.code === 0 && res.data && res.data.status) {
this.$message.success('删除项目成功') this.$message.success('删除项目成功')
this.$refs.tabList.refetch() this.$refs.tabList.refetch()
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论