更新上传学生名单批量删除（数据整理）

src/views/new-plan/student.vue

@@ -1,7 +1,11 @@
 <template>
   <div id="index">
     <list-frame :title="pageTitle" @query="search" :total="total" :needFilter="false" :needAdd="false" :returns="toReturns">
-      <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit" @delete="toDelete"></data-table>
+      <div style="margin: 20px 0 5px 0">
+        <el-button type="danger" size="mini" @click="batchdelete">批量删除</el-button>
+      </div>
+
+      <data-table :fields="fields" :data="list" @handleSelect="handleSelect" :select="true" :opera="opera" @edit="toEdit" @delete="toDelete"></data-table>
     </list-frame>
   </div>
 </template>
@@ -20,6 +24,7 @@ export default {
     dataTable,
   },
   data: () => ({
+    batchdet: [],
     opera: [
       // {
       //   label: '编辑',
@@ -64,6 +69,29 @@ export default {
         this.$set(this, `total`, res.total);
       }
     },
+
+    //批量选择
+    handleSelect(data) {
+      //取出data中id 作为一个新集合
+      let idlist = data.map(i => i.id);
+      this.$set(this, `batchdet`, idlist);
+    },
+    //批量删除
+    batchdelete() {
+      console.log(this.batchdet);
+
+      if (this.batchdet.length == 0) {
+        this.$message({
+          showClose: true,
+          message: '请选择要批量删除的信息',
+          type: 'warning',
+        });
+      } else {
+        //此处写方法
+        console.log('ccc');
+      }
+    },
+
     toEdit({ data }) {
       this.$router.push({ path: '/student/detail', query: { id: data.id } });
     },