admin

10_vuecli/bankpro/src/api/address.js

@@ -37,3 +37,12 @@ export function addOrUpdateAddress(data){
     })
 }
 
+// 删除地址 调用该方法需要传递参数 参数格式 ["1","2","3"]
+export function deleteAddress(addressIdArr){
+    return request({
+        url:"/addressController/deleteAddress",
+        method:"delete",
+        data:addressIdArr
+    })
+}
+

10_vuecli/bankpro/src/api/level.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request2'
+// 获取等级列表
+export function getLevelList(){
+    return request({
+        url:"/levelController/getLevel",
+        method:"get"
+    })
+}

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

@@ -0,0 +1,8 @@
+import request from '@/utils/request2'
+ // 获取消息列表
+ export function getMessageList(){
+        return request({
+            url:"/messageController/getMessage",
+            method:"get"
+        })
+ }

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

@@ -5,6 +5,7 @@ Vue.use(Router)
 
 /* Layout */
 import Layout from '@/layout'
+import { title } from '@/settings'
 
 
 export const constantRoutes = [
@@ -32,65 +33,93 @@ export const constantRoutes = [
     }]
   },
   {
-    path:"/level",
-    component:Layout,
-    meta:{
-      title:"等级管理",
-      icon:"el-icon-s-management"
+    path: "/level",
+    component: Layout,
+    meta: {
+      title: "等级管理",
+      icon: "el-icon-s-management"
     },
-    children:[
+    children: [
       {
-        path:"/level/list",
-        name:"LevelList",
+        path: "/level/list",
+        name: "LevelList",
         // @ 代表 src 目录
-        component:() => import('@/views/level/LevelList.vue'),
-        meta:{
-          title:"等级列表",
-          icon:"el-icon-s-order"
+        component: () => import('@/views/level/LevelList.vue'),
+        meta: {
+          title: "等级列表",
+          icon: "el-icon-s-order"
         }
       },
       {
-        path:"/level/add",
-        name:"LevelAdd",
+        path: "/level/add",
+        name: "LevelAdd",
+        // @ 代表 src 目录
+        component: () => import('@/views/level/LevelAdd.vue'),
+        meta: {
+          title: "添加等级",
+          icon: "el-icon-circle-plus-outline"
+        }
+      }
+    ]
+  },
+  {
+    path: "/address",
+    component: Layout,
+    meta: {
+      title: "地址管理",
+      icon: "el-icon-s-flag"
+    },
+    children: [
+      {
+        path: "/address/list",
+        name: "AddressList",
         // @ 代表 src 目录
-        component:() => import('@/views/level/LevelAdd.vue'),
-        meta:{
-          title:"添加等级",
-          icon:"el-icon-circle-plus-outline"
+        component: () => import('@/views/address/AddressList.vue'),
+        meta: {
+          title: "地址列表",
+          icon: "el-icon-tickets"
+        }
+      }, {
+        path: "/address/add",
+        name: "AddressAdd",
+        // @ 代表 src 目录
+        component: () => import('@/views/address/AddressAdd.vue'),
+        meta: {
+          title: "添加地址",
+          icon: "el-icon-document-add"
         }
       }
     ]
   },
   {
-    path:"/address",
-    component:Layout,
-    meta:{
-      title:"地址管理",
-      icon:"el-icon-s-flag"
+    path: "/message",
+    component: Layout,
+    meta: {
+      title:"消息管理",
+      icon:"el-icon-chat-round"
     },
-    children:[
+    children: [
       {
-        path:"/address/list",
-        name:"AddressList",
+        path: "/message/list",
+        name: "MessageList",
         // @ 代表 src 目录
-        component:() => import('@/views/address/AddressList.vue'),
-        meta:{
-          title:"地址列表",
-          icon:"el-icon-tickets"
+        component: () => import('@/views/message/MessageList.vue'),
+        meta: {
+          title: "消息列表",
+          icon: "el-icon-chat-line-round"
         }
       },{
-        path:"/address/add",
-        name:"AddressAdd",
+        path: "/message/add",
+        name: "MessageAdd",
         // @ 代表 src 目录
-        component:() => import('@/views/address/AddressAdd.vue'),
-        meta:{
-          title:"添加地址",
-          icon:"el-icon-document-add"
+        component: () => import('@/views/message/MessageAdd.vue'),
+        meta: {
+          title: "添加消息",
+          icon: "el-icon-chat-line-square"
         }
       }
     ]
   },
-
   // 404 page must be placed at the end !!!
   { path: '*', redirect: '/404', hidden: true }
 ]

10_vuecli/bankpro/src/views/address/AddressList.vue

@@ -24,7 +24,7 @@
 </template>
 <script>
 // 引入地址列表接口方法
-import { getAddressList } from '@/api/address'
+import { getAddressList, deleteAddress } from '@/api/address'
 export default {
     name: 'AddressList',
     data(){
@@ -37,6 +37,21 @@ export default {
         this.getAddress()
     },
     methods: {
+        // 删除地址
+        deleteConfirm(row){
+            let thisId = row.addressid;
+            console.log(thisId);
+            // 调用删除地址接口方法
+            deleteAddress([thisId]).then(()=>{
+                // 提示删除成功
+                this.$message({
+                    message: '删除成功',
+                    type: 'success'
+                })
+                // 刷新地址列表
+                this.getAddress();
+            })
+        },
         // 编辑地址
         handleEdit(row){
             // 跳转到添加地址页面 并传递地址信息

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

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <h1>添加消息</h1>
+    </div>
+</template>

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

@@ -0,0 +1,55 @@
+<template>
+    <div>
+        <h1>消息列表</h1>
+    </div>
+</template>
+<script>
+// 引入请求接口
+import { getMessageList } from '@/api/message';
+import { getAddressList } from '@/api/address';
+import { getLevelList } from '@/api/level';
+export default {
+    name: "MessageList",
+    created() {
+        // 调用获取表格数据方法
+        this.getTableData();
+    },
+    methods: {
+        // 获取表格数据
+        async getTableData() {
+            let messageList = [];
+            let addressList = [];
+            let levelList = [];
+            // 请求信息列表
+            await getMessageList().then(res => {
+                // 处理成功响应
+                console.log("信息列表:", res);
+                messageList = res.data.records;
+            })
+            // 请求地址列表
+            await getAddressList().then(res => {
+                // 处理成功响应
+                console.log("地址列表:", res);
+                addressList = res.data.records;
+            })
+            // 请求等级列表
+            await getLevelList().then(res => {
+                // 处理成功响应
+                console.log("等级列表:", res);
+                levelList = res.data.records;
+            })
+
+            console.log("合并后的列表:", messageList, addressList, levelList);
+
+            // let messagePro = getMessageList();
+            // let addressPro = getAddressList();
+            // let levelPro = getLevelList();
+
+            // Promise.all([messagePro, addressPro, levelPro]).then(res => {
+            //     // 处理成功响应
+            //     console.log("合并后的列表:", res);
+            // })
+        }
+    }
+}
+</script>