admin

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

@@ -0,0 +1,9 @@
+import request from '@/utils/request2'
+
+// 获取地址列表
+export function getAddressList() {
+    return request({
+        url: '/addressController/getAddress',
+        method: 'get',
+    })
+}

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

@@ -104,6 +104,27 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/address',
+    component: Layout,
+    name: 'Address',
+    redirect: '/address/addresslist',
+    meta:{title:'地址管理',icon:'el-icon-medal-1'},
+    children: [
+      {
+        path: 'addresslist',
+        name: 'AddressList',
+        component:()=>import('@/views/address/AddressList.vue'),
+        meta:{title:'地址列表',icon:'el-icon-notebook-2'}
+      },
+      {
+        path: 'addressadd',
+        name: 'AddressAdd',
+        component:()=>import('@/views/address/AddressAdd.vue'),
+        meta:{title:'添加地址',icon:'el-icon-document-add'}
+      }
+    ]
+  },
 
   
 

10_vuecli/vueadmin/src/views/address/AddressAdd.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <h1>添加地址</h1>
+    </div>
+</template>

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

@@ -0,0 +1,55 @@
+<template>
+    <div>
+        <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="addressid"></el-table-column>
+                <el-table-column label="地址名称" prop="addressname"></el-table-column>
+                <el-table-column label="地址经度" prop="latitude"></el-table-column>
+                <el-table-column label="地址纬度" prop="longitude"></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" 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 { getAddressList } from '@/api/address'
+export default {
+    name: 'AddressList',
+    data() {
+        return {
+            tableData: []
+        }
+    },
+    created() {
+        this.getAddress()
+    },
+    methods: {
+        // 获取地址列表
+        getAddress(){
+            getAddressList().then(res => {
+                console.log(res.data.records)
+                this.tableData = res.data.records
+            })
+        }
+    }
+}
+</script>
+<style scoped>
+.table-content {
+    padding: 30px;
+}
+</style>