admin

10_vuecli/vueadmin/src/api/message.js

@@ -33,3 +33,11 @@ export function getMessageById(id){
         params:{jrid:id}
     })
 }
+// 删除消息
+export function deleteMessage(id){
+    return request({
+        url:"/messageController/deleteMessage",
+        method:"delete",
+        data:[id]
+    })
+}

10_vuecli/vueadmin/src/router/index.js

@@ -139,9 +139,11 @@ export const constantRoutes = [
         meta:{title:'消息列表',icon:'el-icon-notebook-2'}
       },
       {
-        // url传递参数 就是在path后边拼接一个变量“/:变量名”
-        path: 'messageadd/:id',
+        // url传递参数 就是在path后边拼接一个变量“/:变量名” 
+        // 后面加上?代表当前参数为可选项
+        path: 'messageadd',
         name: 'MessageAdd',
+        alias:'messageedit/:id?',
         component:()=>import('@/views/message/MessageAdd.vue'),
         meta:{title:'添加消息',icon:'el-icon-document-add'}
       }

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

@@ -49,7 +49,8 @@ export default {
         // 跳转添加等级页面
         goAddPage() {
             // 跳转添加等级页面
-            this.$router.push('/level/leveladd')
+            // this.$router.push('/level/leveladd')
+            this.$router.push('/message/messageadd')
         },
         // 获取等级函数
         getLevelHandle() {

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

@@ -1,5 +1,8 @@
 <template>
     <div class="message-list">
+        <div class="btn-content">
+                <el-button @click="goAddPage" type="primary">添加消息</el-button>
+            </div>
         <div class="search-content">
             <el-form :inline="true" :model="searchForm" class="demo-form-inline">
                 <el-form-item label="根据地址筛选">
@@ -15,7 +18,7 @@
         </div>
         <div class="table-content">
             <!-- 表格 -->
-            <el-table :data="tableData" style="width: 100%">
+            <el-table v-loading="loading" :data="tableData" style="width: 100%">
                 <el-table-column label="序号" type="index" width="180"></el-table-column>
                 <el-table-column label="消息ID" prop="jrid"></el-table-column>
                 <el-table-column label="人员姓名" prop="jrname"></el-table-column>
@@ -41,7 +44,7 @@
     </div>
 </template>
 <script>
-import { getMessageList, getMessageByAddrId } from '@/api/message'
+import { getMessageList, getMessageByAddrId,deleteMessage } from '@/api/message'
 import { getAddressList } from '@/api/address'
 import { getLevelList } from '@/api/level'
 export default {
@@ -52,7 +55,8 @@ export default {
             addressList: [],
             searchForm: {
                 address: ''
-            }
+            },
+            loading: false
         };
     },
     created() {
@@ -126,15 +130,33 @@ export default {
 
             });
             this.tableData = newData;
+            this.loading = false;
+        },
+        // 跳转添加页面
+        goAddPage(){
+            this.$router.push("/message/messageadd")
         },
         // 删除方法
         handleDelete(row) {
+            this.loading = true;
             console.log(row);
+            deleteMessage(row.jrid).then(res => {
+                console.log(res);
+                // 删除成功后 弹框提示删除成功
+                this.$message({
+                    message: '删除成功！',
+                    type: 'success'
+                })
+                // 删除成功后 刷新消息列表
+                this.formatData();
+
+            })
+
         },
         // 编辑方法
         handleEdit(row) {
             console.log(row.jrid);
-            this.$router.push("/message/messageadd/"+row.jrid)
+            this.$router.push("/message/messageedit/"+row.jrid)
         },
         // 重置方法
         resetData(){