day:项目

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

@@ -8,7 +8,7 @@ export function levelMain() {
   })
 }
 
-// 添加登记列表
+// 添加等级列表
 export function addLevel(data) {
   return request({
     url: '/insertOneLevel',
@@ -16,3 +16,12 @@ export function addLevel(data) {
     data
   })
 }
+
+// 删除等级列表
+export function delLevel(params) {
+  return request({
+    url: '/delOneLevel',
+    method: 'get',
+    params
+  })
+}

day35/vue-admin-template-master/src/icons/svg/myE.svg

@@ -0,0 +1 @@
+<svg t="1697939325543" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4007" width="200" height="200"><path d="M512 632c100.8 0 184-83.2 184-184S612.8 264 512 264 328 347.2 328 448 411.2 632 512 632z m0-320c75.2 0 136 60.8 136 136s-60.8 136-136 136-136-60.8-136-136 60.8-136 136-136z" p-id="4008" fill="#d4237a"></path><path d="M792 785.6c70.4-72 112-168 112-273.6 0-216-176-392-392-392S120 296 120 512c0 105.6 41.6 201.6 110.4 273.6 0 0 0 1.6 1.6 1.6 68.8 70.4 161.6 112 259.2 116.8h41.6c97.6-4.8 190.4-46.4 259.2-118.4zM512 168c190.4 0 344 153.6 344 344 0 76.8-25.6 148.8-68.8 206.4-16-51.2-38.4-96-68.8-134.4-8-11.2-24-12.8-33.6-4.8-11.2 8-12.8 22.4-4.8 33.6 32 41.6 56 92.8 68.8 148.8-4.8 3.2-8 8-12.8 11.2-3.2 1.6-4.8 4.8-8 6.4-6.4 4.8-12.8 9.6-20.8 16-1.6 1.6-3.2 3.2-4.8 3.2l-24 14.4c-1.6 0-3.2 1.6-3.2 1.6-8 4.8-17.6 9.6-25.6 12.8-1.6 0-1.6 1.6-3.2 1.6-9.6 3.2-17.6 6.4-27.2 9.6-1.6 0-3.2 1.6-4.8 1.6-8 3.2-17.6 4.8-27.2 6.4-1.6 0-4.8 1.6-6.4 1.6-8 1.6-17.6 3.2-27.2 4.8-3.2 0-4.8 1.6-8 1.6-11.2 1.6-22.4 1.6-33.6 1.6s-22.4 0-33.6-1.6c-3.2 0-4.8 0-8-1.6-9.6-1.6-17.6-1.6-27.2-4.8-1.6 0-4.8-1.6-6.4-1.6-9.6-1.6-17.6-4.8-27.2-6.4-1.6 0-3.2-1.6-4.8-1.6-9.6-3.2-17.6-6.4-27.2-9.6-1.6 0-1.6-1.6-3.2-1.6-9.6-3.2-17.6-8-25.6-12.8-1.6 0-3.2-1.6-3.2-1.6l-24-14.4c-1.6-1.6-3.2-3.2-4.8-3.2-6.4-4.8-14.4-9.6-20.8-16-3.2-1.6-4.8-4.8-8-6.4-4.8-3.2-8-8-12.8-11.2 12.8-56 36.8-107.2 68.8-148.8 8-11.2 6.4-25.6-4.8-33.6s-25.6-6.4-33.6 4.8c-30.4 38.4-52.8 84.8-68.8 134.4-43.2-57.6-68.8-128-68.8-206.4 0-190.4 153.6-344 344-344z" p-id="4009" fill="#d4237a"></path></svg>

day35/vue-admin-template-master/src/router/index.js

@@ -105,7 +105,7 @@ export const constantRoutes = [
         path: 'levelList',
         name: 'Level',
         component: () => import('@/views/level/levelList'),
-        meta: { title: 'levelList', icon: 'level' }
+        meta: { title: 'levelList', icon: 'myE' }
       },
     ]
   },

day35/vue-admin-template-master/src/views/level/index.vue

@@ -1,56 +1,74 @@
 <template>
-  <div class='list'>
-    <el-table
-      :data="tableData"
-      style="width: 100%">
-    <el-table-column
-      type="index"
-      width="50">
-    </el-table-column>
-      <el-table-column
-        prop="jrid"
-        label="等级id"
-        width="180">
+  <div class="list">
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column prop="jrid" label="等级id" width="180">
       </el-table-column>
-      <el-table-column
-        prop="levelname"
-        label="等级名称"
-        width="180">
+      <el-table-column prop="levelname" label="等级名称" width="180">
+      </el-table-column>
+      <el-table-column 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 {levelMain} from '@/api/level.js';
+import { levelMain,delLevel } from "@/api/level.js";
 export default {
-    name:"Level",
-    data() {
-        return {
-          tableData: []
-        }
+  name: "Level",
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 获取等级列表
+    getList() {
+      levelMain()
+        .then((response) => {
+          if (response.code == 101) {
+            this.tableData = response.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err, "err");
+        });
     },
-    created() {
+
+    deleteRow(rows) {
+      delLevel({
+        levelid:rows.jrid
+      }).then(res=>{
+        if(res.code == 101) {
+          this.$message({
+          message: res.message,
+          type: 'success'
+        });
         this.getList();
-    },
-    methods:{
-        // 获取等级列表
-        getList() {
-            levelMain().then(response=>{
-                if(response.code == 101) {
-                    this.tableData = response.data;
-                }
-            }).catch(err=>{
-                console.log(err,'err')
-            })
         }
-    }
-}
+      }).catch(err => {
+        console.log(err,'失败')
+      })
+    },
+  },
+};
 </script>
 
-<style scoped lang='scss'>
+<style scoped lang="scss">
 .list {
-    width: 800px;
-    margin: 100px auto 0;
+  width: 800px;
+  margin: 100px auto 0;
 }
-</style>
+</style>