fix

ruoyi-ui/public/index.html

@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
+    <script src="https://api.map.baidu.com/api?v=3.0&type=webgl&ak=cGS3PdGbCwtpOcGDcLZZw1RY3tQRjbHq"></script>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 	  <style>
     html,

ruoyi-ui/src/api/user.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+export class BaseUserApi {
+  getList = ( data={} )=> {
+    return  request({
+        url: '/platform/v1/userInfo/list',
+        method: 'post',
+        data: data
+    })
+  }
+  userAddress = (data={})=>{
+    return  request({
+        url: '/platform/v1/userInfo/userAddress',
+        method: 'post',
+        data: data
+    })
+  }
+}
+export const baseUserApi = new BaseUserApi()

ruoyi-ui/src/layout/components/Sidebar/Logo.vue

@@ -1,12 +1,18 @@
+<!--
+ * @Author: 傅豪杰 18516149270@163.com
+ * @Date: 2023-07-24 13:56:49
+ * @LastEditors: 傅豪杰 18516149270@163.com
+ * @LastEditTime: 2023-08-02 11:17:57
+ * @FilePath: /infrared_remote/admin_web/ruoyi-ui/src/layout/components/Sidebar/Logo.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
+        <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
         <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
       </router-link>
     </transition>

ruoyi-ui/src/views/baseUser/userList/index.vue

@@ -0,0 +1,97 @@
+<!--
+ * @Author: 傅豪杰 18516149270@163.com
+ * @Date: 2023-08-02 16:12:43
+ * @LastEditors: 傅豪杰 18516149270@163.com
+ * @LastEditTime: 2023-08-02 17:03:04
+ * @FilePath: /infrared_remote/admin_web/ruoyi-ui/src/views/baseUser/userList/index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="app-container">
+    <tableList
+        ref="table"
+        :column="tableConfig"
+        showOperation
+        operationWidth="100px"
+        :checkbox="false"
+        :getList="handleGetList"
+        >
+        <!-- 列表操作页 -->
+        <template #default="scope">
+            <!-- 已生效只能看详情 -->
+            <f-btn type="text" @click="openDialog(scope.row)">查看定位</f-btn>
+        </template>
+    </tableList>
+
+    <f-dialog ref="dialog" @opened="dialogInitData" :isCancel="false" destroy-on-close title="用户定位">
+      <template #contain>
+        <div id="map" style="width:100%;height:500px"></div>
+      </template>
+    </f-dialog>
+  </div>
+</template>
+
+<script>
+import { baseUserApi } from '@/api/user'
+import tableList from "@/comComponents/tableList";
+
+export default {
+  name: 'UserList',
+  components:{tableList},
+  data() {
+    return {
+         tableConfig: [
+            {'userPhone': '用户手机号'}
+         ],
+         rowData:{}
+    }
+  },
+  methods: {
+    // 查询列表
+    handleCurrentGetList() {
+      this.$refs.table.handleQueryList();
+    },
+    // 获取列表
+    async handleGetList(page) {
+      const res = await baseUserApi.getList(
+        {
+          ...page
+        }
+      );
+      if(res.code!= 200 ) return {
+        current:1,
+        records:[],
+        total:0
+      }
+      return res.data;
+    },
+    // 打开弹窗
+    openDialog(row) {
+      this.rowData = row
+      this.$refs.dialog.show()
+    },
+    // 弹窗初始化
+    async dialogInitData() {
+      console.log(this.rowData)
+      const res = await baseUserApi.userAddress({
+        id:this.rowData.id
+      })
+      console.log(res)
+      let mapData = '上海市'
+
+      var map = new BMapGL.Map("map");
+      map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
+      if(res.data) {
+        mapData = new BMapGL.Point(Number(res.data.longitude), Number(res.data.latitude))
+        let marker = new BMapGL.Marker(new BMapGL.Point(Number(res.data.longitude), Number(res.data.latitude)));
+        map.addOverlay(marker)
+      }
+      map.centerAndZoom(mapData, 12); // 初始化地图,设置中心点坐标和地图级别
+    }
+  },
+  mounted() {
+    this.handleCurrentGetList()
+  },
+}
+</script>
+