vue项目

vue2.0/vue项目/vue-admin-template-master/src/api/level.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+// 获取等级
+export function showLevel() {
+  return request({
+    url: '/showLevel',
+    method: 'get'
+  })
+}
+
+// 添加等级
+export function insertOneLevel(data) {
+  return request({
+    url: '/insertOneLevel',
+    method: 'post',
+    data
+  })
+}
+
+// 删除等级
+export function delOneLevel(params) {
+  return request({
+    url: '/delOneLevel',
+    method: 'get',
+    params
+  })
+}

vue2.0/vue项目/vue-admin-template-master/src/views/level/levelList.vue

@@ -1,15 +1,73 @@
 <template>
   <div class="levelList">
-    等级列表
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column prop="jrid" label="等级id"> </el-table-column>
+      <el-table-column prop="levelname" label="等级名称"> </el-table-column>
+      <el-table-column label="操作">
+        <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 { showLevel, delOneLevel } from "@/api/level.js";
 export default {
-
-}
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      showLevel()
+        .then((res) => {
+          if (res.code == 101) {
+            this.tableData = res.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err, "失败");
+        });
+    },
+    deleteRow(rows) {
+      let _id = rows.jrid;
+      delOneLevel({
+        levelid: _id,
+      })
+        .then((res) => {
+          if (res.code == 101) {
+            this.$message({
+              message: res.message,
+              type: "success",
+            });
+            this.init();
+          }
+        })
+        .catch((err) => {
+          console.log("失败", err);
+        });
+    },
+  },
+};
 </script>
 
-<style>
-
-</style>
+<style scoped>
+.levelList {
+  width: 60%;
+  margin: 100px auto 0;
+}
+</style>