From 6adb1dc728931556f8d0639a3cda761c596cae40 Mon Sep 17 00:00:00 2001
From: binbin_pan <max_163email@163.com>
Date: Wed, 3 Jul 2024 17:10:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E4=BD=8D=E9=A1=B5=E9=9D=A2=E6=90=AD?=
 =?UTF-8?q?=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sgzb-ui/public/index.html                     |   3 +
 sgzb-ui/src/assets/images/endIcon.png         | Bin 0 -> 4595 bytes
 sgzb-ui/src/assets/images/startIcon.png       | Bin 0 -> 4084 bytes
 .../machinery/coding/component/MapDIalog.vue  | 176 +++++++++++++++++-
 .../machinery/coding/index.vue                |  15 +-
 5 files changed, 179 insertions(+), 15 deletions(-)
 create mode 100644 sgzb-ui/src/assets/images/endIcon.png
 create mode 100644 sgzb-ui/src/assets/images/startIcon.png

diff --git a/sgzb-ui/public/index.html b/sgzb-ui/public/index.html
index 63e9fadc..82b4e090 100644
--- a/sgzb-ui/public/index.html
+++ b/sgzb-ui/public/index.html
@@ -11,6 +11,9 @@
     <%= webpackConfig.name %>
   </title>
   <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
+  <script async src="https://api.map.baidu.com/api?v=2.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script>
+  <script src="https://api.map.baidu.com/api?type=webgl&v=2.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script>
+  <script type="text/javascript" src="//api.map.baidu.com/library/TrackAnimation/src/TrackAnimation_min.js"></script>
   <style>
     html,
     body,
diff --git a/sgzb-ui/src/assets/images/endIcon.png b/sgzb-ui/src/assets/images/endIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..37f29b28ad7b83e73ccec4a1bd6e4a8eb9037995
GIT binary patch
literal 4595
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

literal 0
HcmV?d00001

diff --git a/sgzb-ui/src/assets/images/startIcon.png b/sgzb-ui/src/assets/images/startIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5dc18adb1e50d60c73bcb1af4a296ff4045b79e
GIT binary patch
literal 4084
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

literal 0
HcmV?d00001

diff --git a/sgzb-ui/src/views/warehouseManage/machinery/coding/component/MapDIalog.vue b/sgzb-ui/src/views/warehouseManage/machinery/coding/component/MapDIalog.vue
index 768df88c..a5ab523e 100644
--- a/sgzb-ui/src/views/warehouseManage/machinery/coding/component/MapDIalog.vue
+++ b/sgzb-ui/src/views/warehouseManage/machinery/coding/component/MapDIalog.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- 地图弹框 展示设备轨迹 -->
-    <el-dialog title="装备定位信息" :visible.sync="openMap" width="80%" :close-on-click-modal="false" append-to-body>
+    <el-dialog title="装备定位信息" :visible.sync="openMap" width="80%" :close-on-click-modal="false" @close="close">
       <!-- 表单 根据日期查询设备轨迹 -->
       <el-card shadow="hover">
         <el-form :model="queryForm" inline>
@@ -19,6 +19,14 @@
             <el-button type="primary" size="small" @click="handleQuery">轨迹查询</el-button>
           </el-form-item>
         </el-form>
+        <div>
+          <h2>{{ equipment }}</h2>
+          <div class="equipment">定位设备编号: {{ equipmentNumber }}</div>
+          <div class="equipment">{{ engineering }}工程</div>
+        </div>
+
+        <!-- 地图 -->
+        <div v-if="openMap" id="container" style="height: 500px; background-color: #bfc; margin-top: 13px"></div>
       </el-card>
     </el-dialog>
   </div>
@@ -26,27 +34,175 @@
 
 <script>
 export default {
-  name: 'MapDIalog',
-  props: {
-    openMap: {
-      type: Boolean,
-      default: false,
-    },
-  },
+  name: 'MapDialog',
   data() {
     return {
+      openMap: false, // 是否打开地图弹框
       queryForm: {
         date: '',
       },
+      equipment: '', // 设备名称
+      equipmentNumber: 'H906L', // 设备编号
+      engineering: '大禹治水', // 工程
+      map: null,
+      centerPoint: [113.271431, 23.135336], // 中心点
+      animiationLineList: [], // 动画线
+      lineStyle: {
+        // 线样式
+        color: '#0e83ed',
+        width: 2,
+        opacity: 0.6,
+      },
+      linePointList: [
+        {
+          lng: 116.297611,
+          lat: 40.047363,
+        },
+        {
+          lng: 116.302839,
+          lat: 40.048219,
+        },
+        {
+          lng: 116.308301,
+          lat: 40.050566,
+        },
+        {
+          lng: 116.305732,
+          lat: 40.054957,
+        },
+        {
+          lng: 116.304754,
+          lat: 40.057953,
+        },
+        {
+          lng: 116.306487,
+          lat: 40.058312,
+        },
+        {
+          lng: 116.307223,
+          lat: 40.056379,
+        },
+      ], // 线点
+      // map: {
+      //   center: { lng: 113.763924, lat: 22.938634 },
+      //   zoom: 18,
+      //   show: true,
+      //   dragging: true,
+      // },
+      // lineList: [
+      //   { lng: 113.763924, lat: 22.938634 },
+      //   { lng: 113.759621, lat: 22.933625 },
+      //   { lng: 113.76654, lat: 22.934174 },
+      //   { lng: 113.766558, lat: 22.932916 },
+      //   { lng: 113.766558, lat: 22.932916 },
+      //   { lng: 113.768745, lat: 22.93173 },
+      //   { lng: 113.76945, lat: 22.930731 },
+      //   { lng: 113.772022, lat: 22.93014 },
+      //   { lng: 108.952789, lat: 34.348938 },
+      // ],
     }
   },
-  created() {},
+  mounted() {},
   methods: {
     handleQuery() {
       console.log('🚀 ~ handleQuery ~ 查询:', this.queryForm.date)
     },
+    openMapDialog(val) {
+      this.openMap = val
+    },
+    close() {
+      this.openMap = false
+      this.$emit('getList')
+    },
+    // 获取装备信息
+    getEquipmentInfo(params) {
+      console.log('🚀 ~ getEquipmentInfo ~ 获取装备信息', params)
+      this.equipment = params.deviceType
+    },
+    // 初始化地图和轨迹
+    initMap() {
+      this.$nextTick(() => {
+        // // 创建地图实例
+        // this.map = new BMapGL.Map('map')
+        // // 创建点坐标
+        // this.map.centerAndZoom(new BMapGL.Point(116.297611, 40.047363), 18)
+        // // 启用滚轮放大缩小
+        // this.map.enableScrollWheelZoom(true)
+        // // setTimeout
+        // setTimeout(() => {
+        //   // const startIcon = {
+        //   //   imgUrl: new URL('/src/assets/images/startIcon', import.meta.url).href,
+        //   //   position: [this.linePointList[0].lng, this.linePointList[0].lat],
+        //   //   size: [50, 50],
+        //   // }
+        //   // const endIcon = {
+        //   //   imgUrl: new URL('/src/assets/images/endIcon', import.meta.url).href,
+        //   //   position: [this.linePointList[this.linePointList.length - 1].lng, this.linePointList[linePointList.length - 1].lat],
+        //   //   size: [50, 50],
+        //   // }
+        //   this.initIcon(startIcon.imgUrl, startIcon.position, startIcon.size)
+        //   this.initIcon(endIcon.imgUrl, endIcon.position, endIcon.size)
+        // }, 100)
+        this.map = new BMapGL.Map('container') // 创建地图实例
+        let point = new BMapGL.Point(116.297611, 40.047363) // 创建点坐标
+        console.log('🚀 ~ this.$nextTick ~ point:', point)
+        this.map.centerAndZoom(point, 15) // 初始化地图，设置中心点坐标和地图级别
+        this.map.enableScrollWheelZoom(true) // 启用滚轮放大缩小
+        // 设置起点终点图标
+        setTimeout(async () => {
+          const startIcon = {
+            imgUrl: await import('/src/assets/images/startIcon.png'),
+            position: [linePointList[0].lng, linePointList[0].lat],
+            size: [50, 50],
+          }
+          const endIcon = {
+            imgUrl: await import('/src/assets/images/endIcon.png'),
+            position: [linePointList[linePointList.length - 1].lng, linePointList[linePointList.length - 1].lat],
+            size: [50, 50],
+          }
+          initIcon(startIcon.imgUrl, startIcon.position, startIcon.size)
+          initIcon(endIcon.imgUrl, endIcon.position, endIcon.size)
+          // initPolyline()
+          // initPolylineAnimation()
+          // setViewPortFn()
+        }, 200)
+
+        // 添加轨迹
+        let pointList = []
+        for (var i = 0; i < this.linePointList.length; i++) {
+          pointList.push(new BMapGL.Point(this.linePointList[i].lng, this.linePointList[i].lat))
+        }
+        let pl = new BMapGL.Polyline(pointList)
+
+        let trackAni = new BMapGLLib.TrackAnimation(this.map, pl, {
+          overallView: true, // 动画完成后自动调整视野到总览
+          tilt: 30, // 轨迹播放的角度，默认为55
+          duration: 10000, // 动画持续时长，默认为10000，单位ms
+          delay: 3000, // 动画开始的延迟，默认0，单位ms
+        })
+
+        trackAni.start()
+      })
+    },
+    initIcon(imgUrl, position, size) {
+      // var myIcon = new BMapGL.Icon("https://api.map.baidu.com/img/markers.png", new BMapGL.Size(50, 50));
+      var myIcon = new BMapGL.Icon(imgUrl, new BMapGL.Size(size))
+      // 创建Marker标注，使用小车图标
+      var pt = new BMapGL.Point(...position)
+      var marker = new BMapGL.Marker(pt, {
+        icon: myIcon,
+      })
+      // 将标注添加到地图
+      this.map.addOverlay(marker)
+    },
   },
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.equipment {
+  font-weight: 600;
+  font-size: 15px;
+  margin-top: 10px;
+}
+</style>
diff --git a/sgzb-ui/src/views/warehouseManage/machinery/coding/index.vue b/sgzb-ui/src/views/warehouseManage/machinery/coding/index.vue
index 6eb7a8f8..768b29c1 100644
--- a/sgzb-ui/src/views/warehouseManage/machinery/coding/index.vue
+++ b/sgzb-ui/src/views/warehouseManage/machinery/coding/index.vue
@@ -533,7 +533,7 @@
             </div>
         </el-dialog>
 
-        <MapDIalog :openMap="openMap" />
+        <MapDialog ref="mapDIalog" @getList="getList" />
     </div>
     <div v-else>
         <BindIOT :isShow="isShow" />
@@ -557,13 +557,13 @@ import { listHouseTree } from '@/api/store/shelves'
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import QRCode from 'qrcodejs2'
-import BindIOT from './component/BindIOT.vue'
-import MapDIalog from './component/MapDIalog.vue'
+import BindIOT from './component/BindIOT'
+import MapDialog from './component/MapDialog'
 
 export default {
     name: 'Devices',
     dicts: ['sys_normal_disable'],
-    components: { Treeselect, BindIOT, MapDIalog },
+    components: { Treeselect, BindIOT, MapDialog },
     data() {
         return {
             openMap: false,
@@ -820,8 +820,13 @@ export default {
         },
         handleMap(row) {
             console.log('~ handleMap ~ 地图', row)
+            const params = {
+                deviceType: row.deviceType,
+            }
             // 点击打开弹框
-            this.openMap = true
+            this.$refs.mapDIalog.openMapDialog(true)
+            this.$refs.mapDIalog.getEquipmentInfo(params)
+            this.$refs.mapDIalog.initMap()
         }
     },
 }