new

vue-admin-template-master/src/api/location.js

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

vue-admin-template-master/src/icons/svg/location.svg

@@ -0,0 +1 @@
+<svg t="1676354657754" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2749" width="200" height="200"><path d="M502.400009 1023.99968a32.38397 32.38397 0 0 1-21.50398-56.703947c0.991999-0.895999 99.807906-88.799917 197.119815-201.407811 56.575947-65.503939 101.471905-126.175882 133.599875-180.575831 38.271964-65.023939 57.695946-119.807888 57.695946-163.007847 0-197.119815-160.31985-357.311665-357.311665-357.311665-196.991815 0-357.311665 160.31985-357.311665 357.311665 0 95.99991 90.911915 248.383767 256.12776 429.183598 12.095989 13.215988 11.19999 33.823968-2.111998 45.919957a32.44797 32.44797 0 0 1-45.887957-2.111998c-72.927932-79.807925-132.607876-155.391854-177.503834-224.51179-29.119973-44.799958-51.839951-86.879919-67.519936-125.279882C99.200387 500.160171 89.792396 458.78421 89.792396 422.400244a421.023605 421.023605 0 0 1 123.711884-298.59172A421.023605 421.023605 0 0 1 347.712154 33.280609 417.791608 417.791608 0 0 1 512 0.00064a421.023605 421.023605 0 0 1 298.59172 123.711884 421.023605 421.023605 0 0 1 123.711884 298.55972c0 97.343909-69.791935 227.423787-207.615805 386.623638-100.095906 115.711892-198.495814 203.295809-202.68781 207.007806A32.799969 32.799969 0 0 1 502.400009 1023.99968z" fill="#13227a" p-id="2750"></path><path d="M512 319.80834c52.89595 0 95.99991 43.10396 95.99991 95.99991s-43.10396 95.99991-95.99991 95.99991-95.99991-43.10396-95.99991-95.99991 43.10396-95.99991 95.99991-95.99991z m0-63.99994c-88.383917 0-159.99985 71.583933-159.99985 159.99985 0 88.383917 71.615933 159.99985 159.99985 159.99985s159.99985-71.615933 159.99985-159.99985c0-88.415917-71.615933-159.99985-159.99985-159.99985z" fill="#13227a" p-id="2751"></path></svg>

vue-admin-template-master/src/router/index.js

@@ -108,6 +108,25 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/location',
+    component: Layout,
+    meta: { title: 'Location', icon: 'location' },
+    children: [
+      {
+        path: 'locationList',
+        name: 'locationList',
+        component: () => import('@/views/location/locationList'),
+        meta: { title: '地址列表', icon: 'location' }
+      },
+      {
+        path: 'addLocaiton',
+        name: 'addLocation',
+        component: () => import('@/views/location/addLocation'),
+        meta: { title: '添加地址', icon: 'location' }
+      }
+    ]
+  },
 
   {
     path: '/nested',

vue-admin-template-master/src/views/location/addLocation.vue

@@ -0,0 +1,13 @@
+<template>
+  
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

vue-admin-template-master/src/views/location/locationList.vue

@@ -0,0 +1,52 @@
+/* 
+  地址列表
+  author: zsy
+  date: 2023-2-14
+ */
+<template>
+  <div class="location-list">
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column prop="addressid" label="银行id" width="180">
+      </el-table-column>
+      <el-table-column prop="addressname" label="银行地址名称" width="180">
+      </el-table-column>
+      <el-table-column prop="addressname" label="银行地址名称" width="180">
+      </el-table-column>
+      <el-table-column prop="longitude" label="经度" width="180">
+      </el-table-column>
+      <el-table-column prop="latitude" label="纬度" width="180">
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {getLocation} from '@/api/location'
+export default {
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  methods:{
+    //获取地址列表
+    getLocationList(){
+      getLocation().then((res)=>{
+        console.log(res.data)
+        this.tableData = res.data
+      })
+    }
+  },
+  created(){
+    this.getLocationList()
+  }
+};
+</script>
+
+<style scoped>
+.location-list{
+  width: 1000px;
+  margin: 100px auto 0;
+}
+</style>