项目管理增加删除按钮

src/pages/settings/project/index.vue

 <template>
   <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>
         <el-button type="primary" size="mini" @click="handleCreate" v-if="hasCreate">新建项目</el-button>
       </template>
@@ -20,6 +20,11 @@
           :disabled="!hasCreate"
         ></el-switch>
       </template>
+      <template #footer>
+        <el-button size="mini" :disabled="!multipleSelection.length" @click="handleRemove" v-if="hasDelete"
+          >删除</el-button
+        >
+      </template>
     </table-list>
     <el-drawer ref="drawer" :visible.sync="drawerVisible" size="490px" @close="handleDrawerClose">
       <template slot="title">
@@ -163,7 +168,7 @@ export default {
         isIndeterminate: false,
         checkAll: false
       },
-      tableSelections: []
+      multipleSelection: []
     }
   },
   computed: {
@@ -254,6 +259,9 @@ export default {
       this.form.imageTextType = val.imgtext_type_ids
       console.log(this.form)
     },
+    handleRemove() {
+      this.fetchDeleteProject()
+    },
     handleCheckAllChange(val, target) {
       this.form[target] = val ? this[target + 'List'].map(item => item.id) : []
       this[target].isIndeterminate = false
@@ -283,8 +291,8 @@ export default {
         }
       })
     },
-    selectionChange(val) {
-      this.tableSelections = val.map(item => item.id)
+    handleSelectionChange(val) {
+      this.multipleSelection = val.map(item => item.id)
     },
     statusChange(val) {
       this.fetchUpdateProject(
@@ -332,7 +340,7 @@ export default {
       })
     },
     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) {
           this.$message.success('删除项目成功')
           this.$refs.tabList.refetch()