admin

10_vuecli/bankpro/src/views/message/MessageAdd.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="message-add">
         <el-form :model="messageForm" :rules="rules" ref="messageForm" label-width="100px">
+            <el-form-item label="信息ID" v-if="$route.query.messageId">
+                <el-input disabled v-model="messageForm.jrid"></el-input>
+            </el-form-item>
             <el-form-item label="人员名称" prop="jrname">
                 <el-input v-model="messageForm.jrname"></el-input>
             </el-form-item>
@@ -23,7 +26,7 @@
             <el-form-item>
                 <!-- 提交按钮 -->
                 <el-button type="primary" @click="submitForm('messageForm')">
-                    添加信息
+                    {{$route.query.messageId?"修改信息":"添加信息"}}
                 </el-button>
                 <!-- 重置按钮 -->
                 <el-button @click="resetForm('messageForm')">重置</el-button>
@@ -44,6 +47,7 @@ export default {
             // 等级列表
             levelList: [],
             messageForm: {
+                jrid: "",//信息ID
                 jrname: "",//人员姓名
                 jrtel: "",//人员手机号
                 jraddressesid: "",//地址ID
@@ -70,6 +74,19 @@ export default {
         // 初始化数据
         this.initData();
     },
+    mounted() {
+        // 初始化修改参数
+        let queryData = this.$route.query;
+        let _messageForm = {
+            jrid: queryData.messageId,//信息ID
+            jrname: queryData.userName,//人员姓名
+            jrtel: queryData.userTel,//人员手机号
+            jraddressesid: queryData.addressId,//地址ID
+            jrlevel: queryData.levelId,//等级ID
+        }
+        this.messageForm =_messageForm;
+         
+    },
     methods: {
         // 初始化数据
         initData() {

10_vuecli/bankpro/src/views/message/MessageList.vue

@@ -16,7 +16,7 @@
                 </el-table-column>
                 <el-table-column label="操作">
                     <template slot-scope="scope">
-                        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                        <el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
                         <!-- <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button> -->
                         <el-popconfirm title="确定删除吗？" @onConfirm="deleteConfirm(scope.row)" confirm-button-text="确定删除">
                             <el-button slot="reference" size="mini" type="danger">删除</el-button>
@@ -45,6 +45,22 @@ export default {
         }
     },
     methods: {
+        // 编辑信息
+        handleEdit(row){
+            console.log(row);
+            let queryData = {
+                messageId: row.messageId,
+                userName: row.userName,
+                userTel: row.userTel,
+                addressId: row.addressId,
+                levelId: row.levelId,
+            }
+            // 跳转编辑页面
+            this.$router.push({
+                path: "/message/add",
+                query: queryData,
+            })
+        },
         // 获取表格数据
         async getTableData() {
             let messageList = [];
@@ -76,6 +92,8 @@ export default {
                     userName: item.jrname,//人员姓名
                     userTel: item.jrtel,//人员手机号
                     messageId: item.jrid,//信息ID
+                    levelId: item.jrlevel,//等级ID
+                    addressId: item.jraddressesid,//地址ID
                 }
                 // 合并地址信息
                 for (let i = 0; i < addressList.length; i++) {