在等级列表页面添加删除等级方法

src/views/level/levelList.vue

@@ -10,7 +10,7 @@
         </el-table-column>
         <el-table-column fixed="right" label="操作" width="120">
           <template slot-scope="scope">
-            <el-button @click.native.prevent="deleteRow(scope.$index, tableData)" type="text" size="small">
+            <el-button @click.native.prevent="deleteRow(scope.row)" type="text" size="small">
               移除
             </el-button>
           </template>
@@ -24,11 +24,26 @@
 </template>
 
 <script>
-import { getLevelList } from '@/api/level';
+import { getLevelList, deleteLevel } from '@/api/level';
+
 export default {
   methods: {
-    deleteRow(index, rows) {
-      rows.splice(index, 1);
+    deleteRow(row) {
+      deleteLevel({
+        levelid: row.jrid
+      }).then(res => {
+        if (res.code == 101) {
+          this.$message({
+            message: res.message,
+            type: 'success'
+          })
+          this.showLevelList()
+        }else {
+          this.$message.error(res.message);
+        }
+      }).catch(err => {
+        this.$message.error(err.message);
+      })
     },
     showLevelList() {
       getLevelList().then(res => {