|
@@ -2,7 +2,7 @@
|
|
|
* @Author: 傅豪杰 18516149270@163.com
|
|
|
* @Date: 2023-08-02 16:12:43
|
|
|
* @LastEditors: 傅豪杰 18516149270@163.com
|
|
|
- * @LastEditTime: 2023-08-21 14:00:57
|
|
|
+ * @LastEditTime: 2023-08-23 14:34:35
|
|
|
* @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
|
|
|
-->
|
|
@@ -19,18 +19,30 @@
|
|
|
<div ref="map" style="width:100%;height:800px" />
|
|
|
|
|
|
|
|
|
- <f-dialog ref="dialog" @opened="dialogInitData" :isCancel="false" destroy-on-close title="用户定位" width="80%">
|
|
|
+ <f-dialog ref="dialog" @opened="dialogInitData" :isCancel="false" destroy-on-close title="用户列表" width="80%">
|
|
|
<template #contain>
|
|
|
<tableList
|
|
|
ref="table"
|
|
|
:column="tableConfig"
|
|
|
- :showOperation="false"
|
|
|
:checkbox="false"
|
|
|
:getList="handleGetList"
|
|
|
+ showOperation
|
|
|
+ operationWidth="100px"
|
|
|
>
|
|
|
+ <template #default="scope">
|
|
|
+ <!-- 已生效只能看详情 -->
|
|
|
+ <f-btn type="text" @click="openMapDialog(scope.row)">查看定位</f-btn>
|
|
|
+ </template>
|
|
|
</tableList>
|
|
|
</template>
|
|
|
</f-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <f-dialog ref="mapDialog" @opened="mapDialogInitData" :isCancel="false" destroy-on-close title="用户定位" width="80%">
|
|
|
+ <template #contain>
|
|
|
+ <div id="map" style="width:100%;height:500px"></div>
|
|
|
+ </template>
|
|
|
+ </f-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -51,7 +63,8 @@ export default {
|
|
|
{'latitude': '经纬度',formatter:row=>row.latitude?row.longitude+','+row.latitude:'-'}
|
|
|
],
|
|
|
rowData:{},
|
|
|
- map:''
|
|
|
+ map:'',
|
|
|
+ mapData:{}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -82,6 +95,11 @@ export default {
|
|
|
this.$refs.dialog.show()
|
|
|
|
|
|
},
|
|
|
+ // 打开百度地图弹窗
|
|
|
+ openMapDialog(row){
|
|
|
+ this.mapData = row
|
|
|
+ this.$refs.mapDialog.show()
|
|
|
+ },
|
|
|
// 弹窗初始化
|
|
|
async dialogInitData() {
|
|
|
this.handleCurrentGetList()
|
|
@@ -143,6 +161,25 @@ export default {
|
|
|
|
|
|
this.map.on('click',this.openDialog)
|
|
|
},
|
|
|
+
|
|
|
+ // 地图数据初始化
|
|
|
+ async mapDialogInitData(){
|
|
|
+ const res = await baseUserApi.userAddress({
|
|
|
+ id:this.mapData.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()
|