admin

10_vuecli/vueadmin/src/views/level/LevelAdd.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="leveladd">
         <el-form :model="levelAddForm" ref="levelAddForm" label-width="100px" class="demo-ruleForm">
+            <el-form-item label="等级ID" v-if="levelAddForm.jrid">
+                <el-input disabled v-model="levelAddForm.jrid"></el-input>
+            </el-form-item>
             <!-- rules 校验规则 -->
             <el-form-item label="等级名称" prop="levelname" :rules="[
                 { required: true, message: '等级名称不能为空' },
@@ -25,11 +28,29 @@ export default {
     data() {
         return {
             levelAddForm: {
-                levelname: ''
+                levelname: '',
+                jrid: ''
             }
         };
     },
+    created() {
+        // 初始化页面
+        this.initFun();
+
+    },
     methods: {
+        // 初始化页面根据传参数判断是添加等级还是修改等级
+        initFun() {
+            // 从路由参数中获取等级ID和等级名称
+            let levelId = this.$route.query.levelId;
+            let levelName = this.$route.query.levelName;
+            console.log(levelId, levelName);
+            if (levelId) {
+                // 修改等级
+                this.levelAddForm.jrid = levelId;
+                this.levelAddForm.levelname = levelName;
+            }
+        },
         submitForm(formName) {
             // 提交表单 element-ui 自带的方法
             this.$refs[formName].validate((valid) => {
@@ -38,14 +59,24 @@ export default {
                     // alert('submit!');
                     // 调用添加等级的方法
                     // 定义传递的参数
-                    let levelName = {
-                        levelname: this.levelAddForm.levelname
+                    // 根据是否有 jrid 来判断是添加等级还是修改等级
+                    let levelName = {}
+                    if (this.levelAddForm.jrid) {
+                        levelName = {
+                            jrid: this.levelAddForm.jrid,
+                            levelname: this.levelAddForm.levelname
+                        }
+                    } else {
+                        levelName = {
+                            levelname: this.levelAddForm.levelname
+                        }
                     }
+
                     saveOrUpdateLevel(levelName).then(res => {
                         console.log(res)
                         // 添加等级成功回调函数
                         this.$message({
-                            message: '添加等级成功!',
+                            message: this.levelAddForm.jrid ? '修改等级成功!' : '添加等级成功!',
                             type: 'success'
                         });
                         this.$router.push("/level/levellist")

10_vuecli/vueadmin/src/views/level/LevelList.vue

@@ -64,6 +64,10 @@ export default {
         // 编辑等级函数
         handleEdit(index, row) {
             console.log(index, row);
+            let levelId = row.jrid;
+            let levelName = row.levelname;
+            // 跳转编辑等级页面 并传递等级ID和等级名称
+            this.$router.push({path: '/level/leveladd', query: {levelId, levelName}})
         },
         // 删除等级函数
         handleDelete(row) {