Update table.vue

xichongSys/src/views/Myvue/table.vue

@@ -20,7 +20,13 @@
   <el-table
     :data="tableData"
     style="width: 100%"
+    @selection-change="handleSelectionChange"
+    tooltip-effect="dark"
     >
+     <el-table-column
+      type="selection"
+      width="55">
+    </el-table-column>
     <el-table-column
       prop="idcard"
       label="身份证号"
@@ -90,6 +96,8 @@
       </template>
     </el-table-column>
   </el-table>
+  <div class="bottom">
+   <kt-button class="check" icon="el-icon-delete" label="删除已选" perms="sys:user:add" type="primary" />
   <el-pagination
   	class="pone"
       :page-size='10'
@@ -103,6 +111,7 @@
 
     </el-pagination>
     </div>
+  </div>
 </template>
 
 <style>
@@ -126,8 +135,16 @@
   .el-table .success-row {
     background: #f0f9eb;
   }
+  .bottom{
+    margin-top: 40px;
+    overflow: hidden;
+  }
   .pone{
-    margin-top: 40px
+    margin-left: 250px;
+    float: left;
+  }
+  .check{
+    float: left;
   }
 </style>
 
@@ -135,9 +152,11 @@
  import CryptoJS from 'crypto-js'
  import { Loading } from 'element-ui';
  import Candode from "../Core/candode"
+ import KtButton from "@/views/Core/KtButton"
 // import baseUrl from "../../globe/globeUrl"
   export default {
     components:{
+      KtButton,
     Candode
     },
    data() {
@@ -151,10 +170,14 @@
         ywtype:"",
         info:'',
         pageSize:10,
-        tableData: []
+        tableData: [],
+        multipleSelection: []
       }
     },
     methods: {
+      handleSelectionChange(val){
+        this.multipleSelection=val
+      },
       handleSizeChange(val){
         this.pageSize=val
         this.serchh(this.Page)