fix：路面病害对比修改

src/views/xj/inspection/surface-management/components/surface-map.vue

@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-14 14:49:21
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-11-06 10:24:29
+ * @LastEditTime: 2024-11-07 16:47:49
  * @FilePath: \znxjxt-ui\src\views\xj\inspection\surface-management\components\surface-map.vue
  * @Description: 路面病害管理-地图组件
 -->
@@ -81,15 +81,15 @@ export default {
       const features = [];
       this.mapObject.data.forEach((element) => {
         const point = new Point([
-          element.coordinates[0],
+          element.geometry[0],
-          element.coordinates[1],
+          element.geometry[1],
         ]); // 修改坐标格式
         const feature = new Feature({
           geometry: point,
           custom: {
-            mediaUrl: element.mediaUrl,
+            imageUrl: element.imageUrl,
             rect: element.rect,
-            id: element.id,
+            snapshotId: element.snapshotId,
           }, //  可以放一些自己的数据
           type: "icon", //  自己设置一个标识
         });
@@ -140,7 +140,6 @@ export default {
     },
     /* 绘制柱状图 */
     initEchart() {
-      console.log(this.mapObject, "this.mapObject.data");
       const xData = this.mapObject.scale.map((item) => {
         return item.label;
       });

src/views/xj/inspection/surface-management/index.vue

@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-14 13:59:51
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-11-06 10:17:47
+ * @LastEditTime: 2024-11-07 16:46:43
  * @FilePath: \znxjxt-ui\src\views\xj\inspection\surface-management\index.vue
  * @Description: 巡检管理-路面病害对比
 -->
@@ -101,7 +101,7 @@
       <div class="dialog-div">
         <div class="img-div" ref="imageLeft">
           <img
-            :src="dialogImgLeft.mediaUrl"
+            :src="dialogImgLeft.imageUrl"
             @load="updateLeftRects"
             alt="Main Image"
             ref="mainImageLeft"
@@ -115,7 +115,7 @@
         </div>
         <div class="img-div" ref="imageRight">
           <img
-            :src="dialogImgRight.mediaUrl"
+            :src="dialogImgRight.imageUrl"
             @load="updateRightRects"
             alt="Main Image"
             ref="mainImageRight"
@@ -252,7 +252,7 @@ export default {
       this.dialogImgLeft = item.data;
       if (Object.keys(this.surfaceListRight).length > 0) {
         const rightImg = this.surfaceListRight.data.filter((it) => {
-          return it.id === item.data.id;
+          return it.snapshotId === item.data.snapshotId;
         });
         this.dialogImgRight = rightImg[0];
       }
@@ -264,7 +264,7 @@ export default {
       this.dialogImgRight = item.data;
       if (Object.keys(this.surfaceListLeft).length > 0) {
         const leftImg = this.surfaceListLeft.data.filter((it) => {
-          return it.id === item.data.id;
+          return it.snapshotId === item.data.snapshotId;
         });
         this.dialogImgLeft = leftImg[0];
       }

vue.config.js

@@ -35,8 +35,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.1.188:8080`,
+        // target: `http://192.168.1.188:8080`,
-        // target: `http://localhost:8080`,
+        target: `http://localhost:8080`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''