批量删除

client/src/api/cma.js

@@ -43,7 +43,14 @@ export function deleteCMA(id) {
     method: 'delete'
   })
 }
-
+export function deletearry(data)
+{
+  return request({
+    url: `/ability/cma/deletearry/`,
+    method: 'post',
+    data
+  })
+}
 export function importCMA(data) {
   return request({
     url: `/ability/cma/import/`,

client/src/views/ability/cma2.vue

@@ -74,6 +74,10 @@
         <el-button slot="reference">导入分子公司能力</el-button>
       </el-popover>
     </div>
+    <div style="margin-top: 20px">
+            <el-button @click="delAll()" type="danger">批量删除</el-button>
+            <el-button @click="toggleSelection()">取消选择</el-button>
+        </div>
     <el-table
       v-loading="listLoading"
       :data="cmaList.results"
@@ -84,8 +88,13 @@
       highlight-current-row
       max-height="700"
       ref="filterTable"
+      @selection-change="handleSelectionChange">
       @filter-change="filterChange"
     >
+     <el-table-column
+      type="selection"
+      width="55">
+    </el-table-column>
       <el-table-column type="index" width="50" />
       <el-table-column label="大类名称">
         <template slot-scope="scope"
@@ -216,6 +225,7 @@ import {
   getCMAList,
   createCMA,
   deleteCMA,
+  deletearry,
   updateCMA,
   importCMA2,
   getCNASList,
@@ -243,6 +253,7 @@ export default {
       cma: defaultCMA,
       upHeaders: upHeaders(),
       upUrl: upUrl(),
+      delarr: [],
       groupBy: { sszx: [], glzz: [] },
       cmaList: { count: 0 },
       listLoading: true,
@@ -363,6 +374,39 @@ export default {
           console.error(err);
         });
     },
+    toggleSelection() {
+        this.$refs.filterTable.clearSelection();
+    },
+    delAll() {
+         this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+        const length = this.multipleSelection.length;
+        for (let i = 0; i < length; i++) {
+               this.delarr.push(this.multipleSelection[i].id);
+         }
+     
+      let data = { ids: this.delarr };
+      deletearry(data)
+        .then((res) => {
+          this.$message({
+            message: "删除成功",
+            type: "success",
+          });
+           this.getList();
+        })
+     })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+            
+    handleSelectionChange(val) {
+                this.multipleSelection = val;
+            },
     filterChange(obj) {
       for (let key in obj) {
         this.listQuery[key] = obj[key][0];