new

vue-admin-template-master/src/api/level.js

@@ -16,3 +16,13 @@ export function addLevel(data) {
     data
   })
 }
+
+
+//删除等级列表
+export function delLevel(params) {
+  return request({
+    url: '/delOneLevel',
+    method: 'get',
+    params
+  })
+}

vue-admin-template-master/src/views/level/levelList.vue

@@ -6,12 +6,23 @@
       </el-table-column>
       <el-table-column prop="levelname" label="等级名称" width="180">
       </el-table-column>
+      <el-table-column fixed="right" label="操作" width="120">
+        <template slot-scope="scope">
+          <el-button
+            @click.native.prevent="deleteRow(scope.row)"
+            type="text"
+            size="small"
+          >
+            移除
+          </el-button>
+        </template>
+      </el-table-column>
     </el-table>
   </div>
 </template>
 
 <script>
-import { getLevel } from "@/api/level";
+import { getLevel, delLevel } from "@/api/level";
 export default {
   data() {
     return {
@@ -27,6 +38,37 @@ export default {
         this.tableData = res.data;
       });
     },
+    //删除等级
+    deleteRow(row) {
+      console.log(row.jrid);
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          delLevel({
+            levelid: row.jrid,
+          })
+            .then((res) => {
+              console.log(res)
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.getLevelList();
+            })
+            .catch((err) => {
+              console.log(err)
+            });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
   },
   created() {
     this.getLevelList();
@@ -36,7 +78,7 @@ export default {
 
 <style scoped>
 .level-list {
-  width: 500px;
+  width: 600px;
   margin: 100px auto 0;
 }
 </style>