From e8b19513b4240598d395d4b23481e678d251d94e Mon Sep 17 00:00:00 2001
From: liub <itliubiao@qq.com>
Date: Sun, 28 Sep 2025 15:37:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=A4=A7=E5=B1=8F=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/largeScreen/mapOpt.ts                 | 184 ++++++++++++++++++
 src/assets/images/mapPoint.png                | Bin 0 -> 5590 bytes
 src/assets/images/mapWarn.png                 | Bin 0 -> 7741 bytes
 .../fys-equipment/fenceAccessRecord/index.vue |   5 +-
 src/views/largeScreen/index.vue               | 151 ++++++++++++++
 5 files changed, 338 insertions(+), 2 deletions(-)
 create mode 100644 src/api/largeScreen/mapOpt.ts
 create mode 100644 src/assets/images/mapPoint.png
 create mode 100644 src/assets/images/mapWarn.png
 create mode 100644 src/views/largeScreen/index.vue

diff --git a/src/api/largeScreen/mapOpt.ts b/src/api/largeScreen/mapOpt.ts
new file mode 100644
index 0000000..43e8b5e
--- /dev/null
+++ b/src/api/largeScreen/mapOpt.ts
@@ -0,0 +1,184 @@
+import { fa } from "element-plus/es/locale/index.mjs";
+
+var map = null;
+
+
+function initMap(click) {
+    // let key = '90bc158992feb8ccd0145e168cab1307';
+    let init = function () {
+        map = new AMap.Map("map", {
+            viewMode: '2D', //默认使用 2D 模式
+            zoom: 11, //地图级别
+            center: [114.420739, 30.487514], //地图中心点
+            mapStyle: "amap://styles/8c3efc37298895fd78e6aa0e799e78ce"
+        });
+
+        map.on('click', function (evt) {
+            //   alert('您点击的位置:'+evt.lnglat.longitude+' , '+ evt.lnglat.latitude);
+            if (click) {
+                click(evt.lnglat);
+            }
+        });
+    }
+    return new Promise((resolve, reject) => {
+        if (map) {
+            resolve(200);
+            return;
+        }
+        if (window.AMap) {
+            init();
+            resolve(200);
+            return;
+        }
+        reject({ code: 500, msg: '高德地图未能初始化成功' });
+    });
+
+}
+
+//添加一个点
+function AddPoint(point, index, dragEnd, click, iconImg) {
+
+    return new Promise((resolve, reject) => {
+        try {
+            let center = point ? new AMap.LngLat(point.longitude, point.latitude) : map.getCenter();
+
+            let icon = new AMap.Icon({
+                size: new AMap.Size(45, 45), //图标尺寸
+                image: iconImg, //Icon 的图像
+
+                imageSize: new AMap.Size(45, 45), //根据所设置的大小拉伸或压缩图片
+            });
+            let marker = new AMap.Marker({
+                icon: icon,
+                position: center,
+                offset: new AMap.Pixel(-15, -24),
+                draggable: dragEnd ? true : false,
+                cursor: 'point',
+                title: point.isAlarming ? '正在报警:' + point.deviceName : point.deviceName,
+                text: index,
+                class: 'point',
+                extData: point
+            });
+            marker.setMap(map);
+
+            let lays = map.getAllOverlays('text');
+            for (let i = 0; i < lays.length; i++) {
+                const element = lays[i];
+                let cls = element.getOptions();
+                if (cls.class) {
+                    element.dom.classList.add(cls.class);
+                }
+            }
+
+
+            resolve(center);
+        } catch (ex) {
+            reject(ex)
+        }
+
+    });
+
+
+}
+
+function getCenter() {
+    var center = map.getCenter().toJSON();
+    return center;
+}
+
+function setCenter(lon, latitude) {
+    var position = new AMap.LngLat(lon, latitude); //传入经纬度    
+    map.setCenter(position); //简写 设置地图中心点
+
+}
+//画多边形
+function DrawPoy(points) {
+    if (!map) {
+        return;
+    }
+    if (!points) {
+        return;
+    }
+    let path = [];
+    let path1 = [];
+
+    setTimeout(() => {
+        points.coordinates.filter(v => {
+            path.push(new AMap.LngLat(v.longitude, v.latitude));
+            path1.push(new AMap.LngLat(v.longitude * 0.5, v.latitude * 0.5));
+            return true;
+        });
+
+        let polygon = new AMap.Polygon({
+            path: path,
+            fillColor: '#F00C0C',
+            fillOpacity: 0.03,
+            strokeOpacity: 0.1,
+            strokeColor: '#F00C0C',
+
+            strokeWeight: 3,
+            strokeStyle: 'dashed',
+            // strokeDasharray: [50,50,50],
+            extData: points
+        });
+        map.add(polygon);
+    }, 0);
+
+}
+//画圆形
+function DrawCicle(points, raduis, dragEnd) {
+    if (!map) {
+        return;
+    }
+
+
+    let circle = new AMap.Circle({
+        center: [points.coordinates[0].longitude, points.coordinates[0].latitude],
+        radius: raduis ? raduis : 1000, //半径
+        borderWeight: 3,
+        strokeColor: "#F00C0C",
+        strokeWeight: 1,
+        strokeOpacity: 0.2,
+        fillOpacity: 0.4,
+        strokeStyle: 'dashed',
+        strokeDasharray: [10, 10],
+        // 线样式还支持 'dashed'
+        fillColor: '#1791fc',
+        zIndex: 50,
+    })
+
+
+
+    map.add(circle);
+    // 缩放地图到合适的视野级别
+
+}
+
+//清除所有
+function clearOverLays() {
+    map && map.clearMap();
+}
+
+
+
+function removeOverLay(lay) {
+    map && map.remove(lay);
+}
+
+
+
+function setFitView() {
+    if (map) { map.setFitView(); }
+}
+export default {
+    gdMap: map,
+    initMap: initMap,
+    AddPoint: AddPoint,
+    getCenter: getCenter,
+    DrawPoy: DrawPoy,
+    DrawCicle: DrawCicle,
+    clearOverLays: clearOverLays,
+    removeOverLay: removeOverLay,
+
+    setFitView: setFitView
+}
\ No newline at end of file
diff --git a/src/assets/images/mapPoint.png b/src/assets/images/mapPoint.png
new file mode 100644
index 0000000000000000000000000000000000000000..57e432e07d23041f8fa4273899e0bcf90640aa6d
GIT binary patch
literal 5590
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/mapWarn.png b/src/assets/images/mapWarn.png
new file mode 100644
index 0000000000000000000000000000000000000000..805d43c8b503fbee6566f1c76ee2eb326894aa31
GIT binary patch
literal 7741
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
Dtvm*#

literal 0
HcmV?d00001

diff --git a/src/views/fys-equipment/fenceAccessRecord/index.vue b/src/views/fys-equipment/fenceAccessRecord/index.vue
index 2ab505b..56c89a4 100644
--- a/src/views/fys-equipment/fenceAccessRecord/index.vue
+++ b/src/views/fys-equipment/fenceAccessRecord/index.vue
@@ -83,13 +83,14 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="经纬度" align="center" prop="id">
+        <!-- <el-table-column label="经纬度" align="center" prop="id">
           <template #default="scope">
             <span style="margin-right: 15px">{{ scope.row.longitude }}</span
             ><span>{{ scope.row.latitude }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="精度" align="userName" prop="accuracy"> </el-table-column>
+        <el-table-column label="精度" align="userName" prop="accuracy"> </el-table-column> -->
+ <el-table-column label="事件地址" align="left" prop="eventAddress"> </el-table-column>
 
         <el-table-column label="操作" fixed="right" width="180" class-name="small-padding fixed-width">
           <template #default="scope">
diff --git a/src/views/largeScreen/index.vue b/src/views/largeScreen/index.vue
new file mode 100644
index 0000000..5081789
--- /dev/null
+++ b/src/views/largeScreen/index.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="content">
+    <div class="map" id="map"></div>
+    <div class="topTool">
+      <div class="form">
+        <el-select v-model="search.deviceType" placeholder="Select" style="width: 240px">
+          <el-option v-for="item in dic.types" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+
+        <el-select v-model="value" placeholder="Select" style="width: 240px">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+
+       
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import common from '@/utils/common';
+import map from '@/api/largeScreen/mapOpt';
+import request from '@/utils/request';
+
+var dic = reactive({
+  groups: [],
+  types: [],
+  imeis: []
+});
+
+var search = ref({
+  groupId: '',
+  deviceType: '',
+  deviceImei: ''
+});
+
+var points = ref([]);
+var fens = ref([]);
+
+function getPoints() {
+  let promise = request({
+    url: '/api/largeScreen/getDeviceLocationInfo',
+    method: 'get',
+    params: search
+  });
+
+  promise.then((res) => {
+    if (res) {
+      if (res.code && res.code == 200) {
+        var array = res.data;
+
+        for (let i = 0; i < array.length; i++) {
+          let v = array[i];
+          
+          let json={
+            deviceId: v.deviceId,
+            deviceName: v.deviceName,
+            longitude: v.longitude,
+            latitude: v.latitude,
+            fenceId: null
+          };
+
+          if (v.fenceInfo) {
+            fens.value.find((item) => {
+              return item.id == v.fenceInfo.id;
+            });
+            json.fenceId=v.fenceInfo.id;
+            fens.value.push(v.fenceInfo);
+          }
+          points.value.push(json);
+          
+
+        }
+      } else {
+        console.error('接口getDeviceLocationInfo出现了未知的异常', res);
+      }
+    } else {
+      console.error('接口getDeviceLocationInfo出现了未知的异常', res);
+    }
+  });
+}
+
+function getTypes(){
+  let promise = request({
+    url: '/api/deviceType/all',
+    method: 'get'
+  });
+
+  promise.then(res=>{
+    if(res && res.code && res.code==200){
+      dic.types=res.data.map(v=>{
+        return {
+          value:v.id,
+          label:v.typeName
+        }
+      });
+    }
+  });
+}
+
+function getGroups(){
+  let promise = request({
+    url: '/api/device/group/list',
+    method: 'get',
+    params:{
+      status:1,
+      isDeleted:0,
+      pageNum:1,
+      pageSize:9999
+    }
+  });
+
+  promise.then(res=>{
+    if(res && res.code && res.code==200){
+      dic.groups=res.data;
+    }
+  });
+}
+
+
+
+onMounted(() => {
+  debugger;
+  map.initMap();
+  getTypes();
+  getGroups();
+
+});
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100vw;
+  height: 100vh;
+}
+
+.map {
+  width: 100%;
+  height: 100%;
+}
+
+.topTool {
+  position: absolute;
+  width: 33%;
+  height: 200px;
+  z-index: 9999999999999999;
+  left: 50%;
+  background: #e2e2e2;
+  top: 100px;
+}
+</style>