admin

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

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

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

@@ -125,6 +125,27 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/message',
+    component: Layout,
+    name: 'Message',
+    redirect: 'messagelist',
+    meta:{title:'消息管理',icon:'el-icon-medal-1'},
+    children: [
+      {
+        path: 'messagelist',
+        name: 'MessageList',
+        component:()=>import('@/views/message/MessageList.vue'),
+        meta:{title:'消息列表',icon:'el-icon-notebook-2'}
+      },
+      {
+        path: 'messageadd',
+        name: 'MessageAdd',
+        component:()=>import('@/views/message/MessageAdd.vue'),
+        meta:{title:'添加消息',icon:'el-icon-document-add'}
+      }
+    ]
+  },
 
   
 

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

@@ -0,0 +1,5 @@
+<template>
+    <div class="message-add">
+        <h1>添加消息</h1>
+    </div>
+</template>

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

@@ -0,0 +1,114 @@
+<template>
+    <div class="message-list">
+        <div class="table-content">
+            <!-- 表格 -->
+            <el-table :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>
+                <el-table-column label="手机号码" prop="jrtel"></el-table-column>
+                <el-table-column label="地址名称" prop="addressName"></el-table-column>
+                <el-table-column label="等级名称" prop="levelName"></el-table-column>
+
+
+                <el-table-column label="操作">
+                    <template slot-scope="scope">
+                        <el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
+                        <!-- <el-button size="mini" type="danger"
+                                    @click="handleDelete(scope.$index, scope.row)">删除</el-button> -->
+                        <template>
+                            <el-popconfirm title="这是一段内容确定删除吗？" @onConfirm="handleDelete(scope.row)">
+                                <el-button :disabled="false" size="mini" type="danger" slot="reference">删除</el-button>
+                            </el-popconfirm>
+                        </template>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import { getMessageList } from '@/api/message'
+import { getAddressList } from '@/api/address'
+import { getLevelList } from '@/api/level'
+export default {
+    name: 'MessageList',
+    data() {
+        return {
+            tableData: [],
+        };
+    },
+    created() {
+        this.formatData();
+    },
+    methods: {
+        // // 获取消息列表
+        // getMessage(){
+        //     getMessageList().then(res => {
+        //         // console.log(res.data.records);
+        //         this.tableData = res.data.records
+        //     })
+        // },
+        // // 获取地址列表
+        // getAddress(){
+        //     getAddressList().then(res => {
+        //         console.log(res.data.records);
+        //     })
+        // },
+        // 格式化数据
+        async formatData(){
+            let addressList = [];
+            let messageList = [];
+            let levelList = [];
+            // 获取消息列表
+            await getMessageList().then(res => {
+                messageList = res.data.records;
+            })
+            // 获取地址列表
+            await getAddressList().then(res => {
+                addressList = res.data.records;
+            })
+            // 获取等级列表
+            await getLevelList().then(res => {
+                levelList = res.data.records;
+            })
+            console.log(messageList, addressList,levelList);
+            // 格式化数据
+            let newData = messageList.map((val)=>{
+                let addressName = addressList.find((v)=>{
+                    if(v.addressid == val.jraddressesid){
+                        return v.addressname;
+                    }
+                })
+                let levelName = levelList.find((v)=>{
+                    if(v.jrid == val.jrlevel){
+                        return v.levelname;
+                    }
+                })
+                return {
+                    ...val,
+                    addressName:addressName? addressName.addressname : '',
+                    levelName:levelName? levelName.levelname : ''
+                }
+
+            });
+            this.tableData = newData;
+
+        },
+        // 删除方法
+        handleDelete(row) {
+            console.log(row);
+        },
+        // 编辑方法
+        handleEdit(row) {
+            console.log(row);
+        }
+
+    }
+}
+</script>
+<style scoped>
+.message-list{
+    padding: 20px;
+}
+</style>