new

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

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

vue-admin-template-master/src/icons/svg/level.svg

@@ -0,0 +1 @@
+<svg t="1690697270851" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2326" width="200" height="200"><path d="M959.488 195.584c-4.608-22.016-23.04-38.4-45.568-39.424-173.056-4.608-315.392-92.672-372.736-134.656-17.408-12.8-40.448-12.8-57.856 0-58.88 41.984-199.68 130.048-372.736 134.656-22.016 1.024-41.472 17.408-45.568 39.424-27.648 138.24-75.264 606.72 448 824.32 521.728-218.112 473.088-686.08 446.464-824.32z m-446.976 745.472C66.56 755.2 111.616 353.28 134.144 240.64c3.584-17.408 18.432-29.184 36.864-30.208 149.504-2.56 271.872-80.384 319.488-115.2 12.8-9.216 31.232-9.216 44.032 0 48.64 34.816 170.496 112.64 319.488 115.2 17.408 0 32.768 12.8 36.864 30.208 22.016 113.152 68.096 514.56-378.368 700.416z" fill="#13227a" p-id="2327"></path><path d="M579.072 317.952H645.12l-103.424 303.616H481.28L378.88 317.952h68.096L512 547.84l67.072-229.888z" fill="#13227a" p-id="2328"></path></svg>

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

@@ -96,7 +96,25 @@ export const constantRoutes = [
       }
     ]
   },
-
+  {
+    path: '/level',
+    component: Layout,
+    meta: { title: 'Level', icon: 'level' },
+    children: [
+      {
+        path: 'levelList',
+        name: 'levelList',
+        component: () => import('@/views/level/levelList'),
+        meta: { title: '等级列表', icon: 'level' }
+      },
+      {
+        path: 'addLevel',
+        name: 'addLevel',
+        component: () => import('@/views/level/addLevel'),
+        meta: { title: '添加等级', icon: 'level' }
+      }
+    ]
+  },
 
   {
     path: '/form',

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

@@ -0,0 +1,82 @@
+/* 
+  添加等级
+  author:zsy
+  date:2023-7-30
+ */
+<template>
+  <div class="add-level">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item label="地址名称" prop="levelname">
+        <el-input v-model="ruleForm.levelname"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('ruleForm')"
+          >提交</el-button
+        >
+        <el-button @click="resetForm('ruleForm')">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import {addLevel} from '@/api/level'
+export default {
+  
+  data() {
+    return {
+      ruleForm: {
+        levelname: "",
+      },
+      rules: {
+        levelname: [
+          { required: true, message: "请输入地址名称", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    /* 提交功能 */
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          addLevel({
+            levelname: this.ruleForm.levelname
+          })
+            .then((res) => {
+              this.$message({
+                message: "提交成功",
+                type: "success",
+              });
+              this.$refs[formName].resetFields();
+              this.$router.push("/level/levelList");
+            })
+            .catch((err) => {
+              console.log(err);
+            });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    /* 重置 */
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    },
+  },
+};
+</script>
+
+<style scoped>
+.add-level {
+  width: 70%;
+  margin: 100px auto 0;
+}
+</style>

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

@@ -0,0 +1,81 @@
+/* 
+  等级列表
+  author: zsy
+  date: 2023-7-30
+ */
+<template>
+  <div class="level-list">
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column prop="jrid" label="等级ID" > </el-table-column>
+      <el-table-column prop="levelname" label="等级名称"> </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,delLevel} from '@/api/level'
+export default {
+  data(){
+    return{
+      tableData:[]
+    }
+  },
+  methods:{
+    getLevelList(){
+      getLevel().then((res)=>{
+        this.tableData = res.data
+      })
+    },
+    /* 移除等级 */
+    deleteRow(row) {
+      console.log(row);
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          delLevel({
+            levelid: row.jrid,
+          }).then((res) => {
+            this.$message({
+              type: "success",
+              message: "删除成功!",
+            });
+            this.getLevelList()
+            
+          }).catch((err)=>{
+            console.log(err)
+          })
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+  },
+  created(){
+    this.getLevelList()
+  }
+};
+</script>
+
+<style scoped>
+.level-list{
+  width: 60%;
+  margin: 100px auto 0
+}
+</style>