From 815a510667e91bbf8943775aae8060864112f1c3 Mon Sep 17 00:00:00 2001
From: SunTao <328867980@qq.com>
Date: Thu, 10 Apr 2025 16:59:38 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E5=B1=95=E7=A4=BA1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 src/api/xj/diseaseLine.js                     |  18 +
 src/api/xj/mapDisease.js                      |  13 +-
 src/assets/index/green.png                    | Bin 0 -> 3531 bytes
 src/assets/index/nomal.png                    | Bin 0 -> 3500 bytes
 src/components/map/fssm-map.vue               |  19 +-
 src/views/big-screen/index.vue                |   2 +-
 src/views/xj/inspection/diease-line/index.vue |  74 ++++
 .../map-diease/components/diease-view.vue     |  40 ++
 src/views/xj/inspection/map-diease/index.vue  | 377 +++++++++++++++---
 10 files changed, 483 insertions(+), 61 deletions(-)
 create mode 100644 src/api/xj/diseaseLine.js
 create mode 100644 src/assets/index/green.png
 create mode 100644 src/assets/index/nomal.png
 create mode 100644 src/views/xj/inspection/diease-line/index.vue
 create mode 100644 src/views/xj/inspection/map-diease/components/diease-view.vue

diff --git a/package.json b/package.json
index e03cc57..3964f0e 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "diagram-js": "^11.4.1",
     "echarts": "^5.4.0",
     "echarts-gl": "^2.0.9",
+    "element-resize-detector": "^1.2.4",
     "element-ui": "2.15.14",
     "file-saver": "2.0.5",
     "flv.js": "^1.6.2",
diff --git a/src/api/xj/diseaseLine.js b/src/api/xj/diseaseLine.js
new file mode 100644
index 0000000..50de622
--- /dev/null
+++ b/src/api/xj/diseaseLine.js
@@ -0,0 +1,18 @@
+/*
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-04-08 13:47:06
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-04-08 13:49:28
+ * @FilePath: \znxjxt-ui\src\api\xj\diseaseLine.js
+ * @Description: 巡检信息-护拦板高度
+ */
+import request from "@/utils/request";
+
+// 获取护拦板高度列表
+export function getBarrierBoardList(query) {
+  return request({
+    url: "/barrierBoard/list",
+    method: "get",
+    params: query,
+  });
+}
diff --git a/src/api/xj/mapDisease.js b/src/api/xj/mapDisease.js
index 44e0743..c0ca181 100644
--- a/src/api/xj/mapDisease.js
+++ b/src/api/xj/mapDisease.js
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-08 09:26:24
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-11-05 13:40:07
+ * @LastEditTime: 2025-04-08 13:42:28
  * @FilePath: \znxjxt-ui\src\api\xj\mapDisease.js
  * @Description: 巡检信息-病害管理接口
  */
@@ -15,4 +15,13 @@ export function getSegment() {
     url: "/api/v2/segment/selectList",
     method: "post",
   });
-}
\ No newline at end of file
+}
+
+// 查询轮廓标缺失列表
+export function getDelineatorList(params) {
+  return request({
+    url: "/delineator/list",
+    method: "get",
+    params,
+  });
+}
diff --git a/src/assets/index/green.png b/src/assets/index/green.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca8f6eff6a006a26c8641113164d228c12163084
GIT binary patch
literal 3531
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
FV1hiysek|g

literal 0
HcmV?d00001

diff --git a/src/assets/index/nomal.png b/src/assets/index/nomal.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c13ecb273ec6c8c7ac9a9111ae79fadd386209e
GIT binary patch
literal 3500
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
ag#QK5xDb!f6^pt60000<MNUMnLSTY0leXOe

literal 0
HcmV?d00001

diff --git a/src/components/map/fssm-map.vue b/src/components/map/fssm-map.vue
index b483515..208a2f2 100644
--- a/src/components/map/fssm-map.vue
+++ b/src/components/map/fssm-map.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-14 10:46:23
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2025-03-28 13:51:38
+ * @LastEditTime: 2025-03-31 13:02:21
  * @FilePath: \znxjxt-ui\src\components\map\fssm-map.vue
  * @Description: 公共地图
 -->
@@ -130,6 +130,11 @@ export default {
       type: String,
       default: "cva_c",
     },
+    // 接受传过来的弹窗类型
+    popupType: {
+      type: String,
+      default: "mapLine",
+    },
   },
   data() {
     return {
@@ -459,10 +464,14 @@ export default {
           // 获取弹窗数据
           const popupData = feature.get("data");
           // 获取弹窗内元素并赋值
-          this.$refs.popupContent.innerHTML = `<span>路段名称：</span><span>${popupData.name}</span><br/>
-          <span>病害数：</span><span>${popupData.count}个</span><br/>
-          <span>起始桩号：</span><span>${popupData.stakeStart}</span><br/>
-          <span>终止桩号：</span><span>${popupData.stakeEnd}</span>`;
+          if (this.popupType === "mapLine") {
+            this.$refs.popupContent.innerHTML = `<span>路段名称：</span><span>${popupData.name}</span><br/>
+            <span>病害数：</span><span>${popupData.count}个</span><br/>
+            <span>起始桩号：</span><span>${popupData.stakeStart}</span><br/>
+            <span>终止桩号：</span><span>${popupData.stakeEnd}</span>`;
+          } else if (this.popupType === "dieaseLine") {
+            this.$refs.popupContent.innerHTML = `<span>护拦板高度：</span><span>${popupData.value}</span>`;
+          }
           dislogLay.setPosition(coordinate);
         } else {
           dislogLay.setPosition(undefined);
diff --git a/src/views/big-screen/index.vue b/src/views/big-screen/index.vue
index 7c92b97..d7841f2 100644
--- a/src/views/big-screen/index.vue
+++ b/src/views/big-screen/index.vue
@@ -719,7 +719,7 @@ export default {
           if (code === 200) {
             this.messageList = rows;
             this.noticeNum = total;
-            if(total > 99){
+            if (total > 99) {
               clearInterval(this.messageTimer);
             }
           }
diff --git a/src/views/xj/inspection/diease-line/index.vue b/src/views/xj/inspection/diease-line/index.vue
new file mode 100644
index 0000000..27f1fce
--- /dev/null
+++ b/src/views/xj/inspection/diease-line/index.vue
@@ -0,0 +1,74 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-03-25 11:10:16
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-04-08 13:56:59
+ * @FilePath: \znxjxt-ui\src\views\xj\inspection\diease-line\index.vue
+ * @Description: 地图展示病害-首页
+-->
+<template>
+  <div class="diease-line-content">
+    <fssm-map class="map-diease-map" :popupType="'dieaseLine'"></fssm-map>
+  </div>
+</template>
+
+<script>
+import { getBarrierBoardList } from "@/api/xj/diseaseLine";
+import FssmMap from "@/components/map/fssm-map.vue";
+export default {
+  name: "DieaseLine",
+  components: {
+    FssmMap,
+  },
+  data() {
+    return {
+      pointList: [],
+      lineList: [],
+    };
+  },
+  created() {
+    this.getMapPoint();
+  },
+  methods: {
+    /**
+     * @description: 获取地图点位数据
+     * @param {*}
+     * @return {*}
+     */
+    getMapPoint() {
+      getBarrierBoardList({ page: 0, size: 100000 }).then(({ code, data }) => {
+        if (code === 200) {
+          console.log(data, "dfdfdf");
+        }
+      });
+    },
+
+    /**
+     * @description: 绘制地图点位
+     * @param {*}
+     * @return {*}
+     */
+    drawMapPoint() {},
+
+    /**
+     * @description: 绘制地图线段
+     * @param {*}
+     * @return {*}
+     */
+    drawMap() {},
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.diease-line-content {
+  width: 100%;
+  height: calc(100vh - 5.3rem);
+  padding: 0.5rem;
+
+  .map-diease-map {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/src/views/xj/inspection/map-diease/components/diease-view.vue b/src/views/xj/inspection/map-diease/components/diease-view.vue
new file mode 100644
index 0000000..4c4c29d
--- /dev/null
+++ b/src/views/xj/inspection/map-diease/components/diease-view.vue
@@ -0,0 +1,40 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-04-10 16:44:08
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-04-10 16:50:40
+ * @FilePath: \znxjxt-ui\src\views\xj\inspection\map-diease\components\diease-view.vue
+ * @Description: 巡检信息-地图展示1
+-->
+<template>
+  <div class="view-diease">
+    <el-carousel arrow="always" :autoplay="false">
+      <el-carousel-item
+        v-for="(item, index) in dislogItem"
+        :key="`carousel-${index}`"
+      >
+        <image :src="item.img" mode="scaleToFill" />
+      </el-carousel-item>
+    </el-carousel>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "DieaseView",
+  props: {
+    dislogItem: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/xj/inspection/map-diease/index.vue b/src/views/xj/inspection/map-diease/index.vue
index 17f15f8..9285536 100644
--- a/src/views/xj/inspection/map-diease/index.vue
+++ b/src/views/xj/inspection/map-diease/index.vue
@@ -2,56 +2,131 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2025-03-25 11:10:16
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2025-03-28 14:14:07
+ * @LastEditTime: 2025-04-10 16:51:45
  * @FilePath: \znxjxt-ui\src\views\xj\inspection\map-diease\index.vue
- * @Description: 地图展示病害-首页
+ * @Description: 地图展示筛选病害-首页
 -->
 <template>
   <div class="map-diease-content">
-    <div class="diease-form">
-      <el-form
-        :model="queryParams"
-        :rules="rules"
-        ref="queryForm"
-        size="small"
-        :inline="true"
-        label-width="100px"
+    <div class="diease-left">
+      <div class="diease-form">
+        <el-form
+          :model="queryParams"
+          :rules="rules"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+          label-width="100px"
+        >
+          <el-form-item label="道路名称" prop="segmentId">
+            <el-select
+              v-model="queryParams.segmentId"
+              placeholder="请选择路段"
+              filterable
+              clearable
+            >
+              <el-option
+                v-for="item in segmentList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="">
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="mini"
+              @click="handleQuery"
+              >筛选</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <!-- 列表 -->
+      <el-table
+        ref="roadTable"
+        v-loading="loading"
+        :data="tableList"
+        style="width: 100%"
+        @row-dblclick="handleCurrentChange"
       >
-        <el-form-item label="道路名称" prop="segmentId">
-          <el-select
-            v-model="queryParams.segmentId"
-            placeholder="请选择路段"
-            filterable
-            clearable
-          >
-            <el-option
-              v-for="item in segmentList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="">
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >筛选</el-button
-          >
-        </el-form-item>
-      </el-form>
+        <el-table-column label="路段名称" align="center" prop="segmentName">
+        </el-table-column>
+        <el-table-column label="类型" align="center" prop="defectTypeName" />
+        <el-table-column label="开始桩号" align="center" prop="stakeStart" />
+        <el-table-column label="结束桩号" align="center" prop="stakeEnd" />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createdTimeLocal"
+        >
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              @click="viewMapPicture(scope.row)"
+              >查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <div class="pagination-part">
+        <el-pagination
+          background
+          :current-page.sync="pagination.page"
+          @current-change="handleCurrentChange"
+          :page-sizes="[10, 20, 30, 40]"
+          :page-size.sync="pagination.size"
+          @size-change="handleSizeChange"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="tableTotal"
+        >
+        </el-pagination>
+      </div>
     </div>
-    <fssm-map class="map-diease-map" :maxZoom="22"></fssm-map>
+    <fssm-map
+      ref="mapDieaseMap"
+      class="map-diease-map"
+      :maxZoom="24"
+      @feature-select="featureSelect"
+    ></fssm-map>
+    <!-- 查看弹窗 -->
+    <el-dialog
+      title="查看"
+      :visible.sync="viewVisible"
+      width="80rem"
+      append-to-body
+      :close-on-click-modal="false"
+      destroy-on-close
+      @close="viewCancel"
+    >
+      <diease-view v-if="viewVisible" :dislogItem="dislogItem"></diease-view>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { getSegment } from "@/api/xj/mapDisease";
+import { Feature } from "ol";
+import { Point } from "ol/geom";
+import { Style, Icon, Fill, Stroke, Circle, Text } from "ol/style";
+import Cluster from "ol/source/Cluster";
+import VectorSource from "ol/source/Vector";
+import VectorLayer from "ol/layer/Vector";
+import { getSegment, getDelineatorList } from "@/api/xj/mapDisease";
 import fssmMap from "@/components/map/fssm-map.vue";
+import DieaseView from "./components/diease-view.vue";
 export default {
-  components: { fssmMap },
+  components: { fssmMap, DieaseView },
   name: "MapDiease",
   data() {
     return {
@@ -59,9 +134,9 @@ export default {
       queryParams: {
         // 道路名称
         segmentId: "",
-        // 距离小于
-        maxLength: "",
       },
+      // 查询表单
+      searchForm: {},
       // 表单规则
       rules: {
         maxLength: [
@@ -74,10 +149,28 @@ export default {
       },
       // 道路名称下拉数据
       segmentList: [],
+      // 表格加载状态
+      loading: false,
+      // 表格数据
+      tableList: [],
+      // 地图打点数据
+      centerPiont: [],
+      // 分页-列表总数
+      tableTotal: 0,
+      // 分页-页数页码
+      pagination: {
+        page: 1,
+        size: 10,
+      },
+      // 查看弹窗显隐控制
+      viewVisible: false,
+      // 传查看弹窗数据
+      dislogItem: [],
     };
   },
   created() {
     this.getSegmentList();
+    this.getTableList();
   },
   methods: {
     /**
@@ -93,25 +186,185 @@ export default {
       });
     },
 
+    /**
+     * @description: 获取表格数据
+     * @param {*}
+     * @return {*}
+     */
+    getTableList() {
+      getDelineatorList({ ...this.searchForm, ...this.pagination }).then(
+        ({ code, rows, total }) => {
+          if (code === 200) {
+            this.tableList = rows;
+            this.tableTotal = total;
+          }
+        }
+      );
+    },
+
     /**
      * @description: 筛选事件
      * @param {*}
      * @return {*}
      */
     handleQuery() {
-      this.$refs.queryForm.validate((valid) => {
-        if (valid) {
-          this.drawMapPoint();
-        }
+      this.searchForm = JSON.parse(JSON.stringify(this.queryParams));
+      this.pagination.page = 1;
+      this.getTableList();
+    },
+
+    /**
+     * @description: 切换分页
+     * @param {*} arg
+     * @return {*}
+     */
+    handleCurrentChange(arg) {
+      this.pagination.page = arg;
+      this.getTableList();
+    },
+
+    /**
+     * @description: 切换每条/页
+     * @param {*} arg
+     * @return {*}
+     */
+    handleSizeChange(arg) {
+      this.pagination.size = arg;
+      this.getTableList();
+    },
+
+    /**
+     * @description: 点击选中行
+     * @param {*} e
+     * @return {*}
+     */
+    handleCurrentChange(e) {
+      if (this.clusters) {
+        const map = this.$refs.mapDieaseMap.instance.get("map");
+        map.removeLayer(this.clusters);
+        this.clusters = null;
+      }
+      this.centerPiont = [];
+      this.centerPiont = [
+        ...e.defectLocation.map((item) => {
+          return {
+            geometry: item,
+            flag: "nomal",
+          };
+        }),
+        ...e.endCoordinates?.map((item) => {
+          return {
+            geometry: item,
+            flag: "green",
+          };
+        }),
+        ...e.startCoordinates?.map((item) => {
+          return {
+            geometry: item,
+            flag: "green",
+          };
+        }),
+      ].filter((item) => {
+        return item.geometry;
+      });
+      this.fitMapToPoints(e.defectLocation);
+      this.drawPoint();
+    },
+
+    /**
+     * @description: 点击查看绘制点位
+     * @param {*}
+     * @return {*}
+     */
+    viewMapPicture(item) {
+      this.viewVisible = true;
+      this.dislogItem = item.media;
+    },
+
+    /**
+     * @description: 根据点位计算地图中心点
+     * @return {void}
+     */
+    fitMapToPoints(points) {
+      if (points.length > 0) {
+        // 创建一个空的 extent
+        let extent = [Infinity, Infinity, -Infinity, -Infinity];
+        // 计算所有点的边界框（extent）
+        points.forEach((point) => {
+          extent = [
+            Math.min(extent[0], point[0]),
+            Math.min(extent[1], point[1]),
+            Math.max(extent[2], point[0]),
+            Math.max(extent[3], point[1]),
+          ];
+        });
+
+        // 获取地图实例
+        const map = this.$refs.mapDieaseMap.instance.get("map");
+
+        // 使用 fit 方法根据边界框计算最佳缩放级别
+        map.getView().fit(extent, {
+          duration: 500, // 动画持续时间
+          padding: [100, 100, 100, 100], // 边缘填充
+        });
+      }
+    },
+
+    /**
+     * @description: 绘制地图点位
+     * @return {void}
+     */
+    drawPoint() {
+      const features = [];
+      this.centerPiont.forEach((element) => {
+        // 修改坐标样式
+        const point = new Point(element.geometry);
+        const feature = new Feature({
+          geometry: point,
+          data: element.flag,
+          // 自己设置一个标识
+          type: "icon",
+        });
+        feature.setStyle([
+          new Style({
+            image: new Icon({
+              crossOrigin: "anonymous",
+              src: require(`@/assets/index/${element.flag}.png`),
+              // size: [40, 40],
+              scale: 0.5, // 图标缩放比例
+            }),
+          }),
+        ]);
+        features.push(feature);
+      });
+      this.clusters = new VectorLayer({
+        source: new VectorSource({
+          features,
+        }),
+        properties: {
+          type: "point",
+        },
+      });
+      this.$nextTick(() => {
+        const map = this.$refs.mapDieaseMap.instance.get("map");
+        map.addLayer(this.clusters);
       });
     },
 
     /**
-     * @description: 绘制点位
-     * @param {*}
-     * @return {*}
+     * @description: 点击地图点位
+     * @return {void}
      */
-    drawMapPoint() {},
+    featureSelect(e) {},
+
+    /**
+     * @description: 关闭查看图片弹窗
+     * @return {void}
+     */
+    viewCancel() {
+      this.viewVisible = false;
+      this.dislogItem = [];
+    },
   },
 };
 </script>
@@ -122,15 +375,33 @@ export default {
   height: calc(100vh - 5.3rem);
   padding: 0.5rem;
   box-sizing: border-box;
+  display: flex;
 
-  .diease-form {
-    width: 100%;
-    height: 6%;
+  .diease-left {
+    width: 50%;
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    padding: 0 1rem;
+
+    .diease-form {
+      width: 100%;
+      height: 6%;
+    }
   }
 
   .map-diease-map {
-    width: 100%;
-    height: 94%;
+    width: 50%;
+    height: 100%;
   }
 }
+
+/* 分页样式 */
+.pagination-part {
+  width: 100%;
+  display: flex;
+  padding-top: 1rem;
+  justify-content: flex-end;
+}
 </style>