admin

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

@@ -2,13 +2,19 @@
     <div>
         <div class="add-content">
             <el-form :model="levelForm" :rules="rules" ref="levelForm" label-width="100px">
+                <el-form-item label="等级ID" v-if="$route.query.id">
+                    <el-input v-model="levelForm.jrid" :disabled="true"></el-input>
+                </el-form-item>
                 <el-form-item label="等级名称" prop="levelname">
                     <el-input v-model="levelForm.levelname"></el-input>
                 </el-form-item>
 
                 <el-form-item>
+                    <!-- 修改按钮 -->
+                    <el-button type="primary" v-if="$route.query.id" @click="updateLevel('levelForm')">修改</el-button>
                     <!-- 提交按钮 -->
-                    <el-button type="primary" @click="submitForm('levelForm')">立即创建</el-button>
+                    <el-button type="primary" v-else @click="submitForm('levelForm')">立即创建</el-button>
+                    <!-- 重置按钮 -->
                     <el-button @click="resetForm('levelForm')">重置</el-button>
                 </el-form-item>
             </el-form>
@@ -23,7 +29,8 @@ export default {
     data() {
         return {
             levelForm: {
-                levelname: ''
+                levelname: this.$route.query.levelname,
+                jrid: this.$route.query.id
             },
             // 校验规则
             rules: {
@@ -33,7 +40,39 @@ export default {
             }
         };
     },
+    updated() {
+        // 组件更新时调用  当路由参数变化时调用  清空表单数据
+        if (!this.$route.query.id) {
+            this.levelForm.levelname = "";
+        }
+    },
     methods: {
+        // 修改等级
+        updateLevel(formName) {
+            // 验证表单
+            this.$refs[formName].validate((valid) => {
+                if (valid) { 
+                    // 发送请求修改等级
+                    axios.post("http://39.105.160.25:18080/levelController/saveOrUpdateLevel",{
+                        jrid: this.levelForm.jrid,
+                        levelname: this.levelForm.levelname
+                    }).then(()=>{
+                        // 弹框提示成功
+                        this.$message({
+                            message: '等级修改成功!',
+                            type: 'success'
+                        })
+                        // 跳转等级列表页面
+                        this.$router.push("/level/list");
+                    }).catch(err => {
+                        console.log(err)
+                    })
+                }
+                else {
+
+                }
+            })
+        },
         // 添加等级
         submitForm(formName) {
             // console.log(this.$refs.levelForm)

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

@@ -68,17 +68,7 @@ export default {
         // 编辑等级
         handleEdit(index, row) {
             console.log(index, row);
-        },
-        // 删除等级
-        handleDelete(index, row) {
-            console.log(index, row);
-            axios.delete('XXXX', { data: ["XXX"] })
-                .then(response => {
-                    console.log('Resource deleted successfully:', response.data);
-                })
-                .catch(error => {
-                    console.error('Error deleting resource:', error);
-                });
+            this.$router.push({path:"/level/add",query:{id:row.jrid,levelname:row.levelname}})
         }
     },
     created() {