高速缩略图 分辨率适配

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/data.js

@@ -77,6 +77,13 @@ export const actualLocationList = [
     lng: 116.445836,
     lat: 36.100732,
   },
+  {
+    code: "K133",
+    name: "魏雪枢纽",
+    intervalDistance: 0.49859,
+    lng: 116.445836,
+    lat: 36.100732,
+  },
   {
     code: "K139",
     name: "东平服务区",
@@ -120,6 +127,12 @@ export const actualLocationList = [
     lat: 35.684368,
   },
   {
+    code: "K182",
+    name: "信楼枢纽",
+    intervalDistance: 0.76670,
+    lng: 116.177576,
+    lat: 35.638136,
+  },{
     code: "K186",
     name: "梁山服务区",
     intervalDistance: 0.78302,
@@ -145,59 +158,59 @@ export const actualLocationList = [
 export const canvasList = [
   {
     name: "殷家林枢纽",
-    code: "K54+394",
+    code: "K54",
     line: "G3京台高速",
-    isFoot: true,
+    // isFoot: true,
-    distance: 0.08795,
+    distance: 0.06989,
   },
-  { name: "大学城收费站", code: "K59+289", distance: 50.563 },
+  { name: "大学城收费站", code: "K59", distance: 50.563 },
-  { name: "长清收费站", code: "K72+847", distance: 140.05 },
+  { name: "长清收费站", code: "K72", distance: 140.05 },
-  { name: "长清服务区", code: "K79+010", distance: 63.66 },
+  { name: "长清服务区", code: "K79", distance: 63.66 },
   {
     name: "松竹枢纽",
-    code: "K83+885",
+    code: "K83",
     line: "S0101济南绕城高速二环西环段",
     distance: 50.358,
   },
-  { name: "孝里收费站", code: "K86+499", distance: 27 },
+  { name: "孝里收费站", code: "K86", distance: 27 },
-  { name: "平阴北收费站", code: "K99+750", distance: 136.88 },
+  { name: "平阴北收费站", code: "K99", distance: 136.88 },
-  { name: "平阴收费站", code: "K105+904", distance: 63.57 },
+  { name: "平阴收费站", code: "K105", distance: 63.57 },
-  { name: "平阴停车区", code: "K114+405", distance: 87.815 },
+  { name: "平阴停车区", code: "K114", distance: 87.815 },
   {
     name: "孔村枢纽",
-    code: "K117+878",
+    code: "K117",
     line: "G22青兰高速",
     distance: 35.876,
   },
-  { name: "平阴南收费站", code: "K126+223", distance: 86.2 },
+  { name: "平阴南收费站", code: "K126", distance: 86.2 },
   {
     name: "魏雪枢纽",
-    code: "K133+588",
+    code: "K133",
-    line: "G22青兰高速",
+    line: "泰东高速",
     distance: 35.876,
   },
-  { name: "东平服务区", code: "K139+817", distance: 140.42 },
+  { name: "东平服务区", code: "K139", distance: 140.42 },
-  { name: "东平收费站", code: "K145+933", distance: 63 },
+  { name: "东平收费站", code: "K145", distance: 63 },
   {
     name: "东平湖枢纽",
-    code: "K155+652",
+    code: "K155",
     line: "S30董梁高速",
     distance: 70,
   },
-  { name: "沙河停车区", code: "K159+156", distance: 70 },
+  { name: "沙河停车区", code: "K159", distance: 70 },
-  { name: "梁山东收费站", code: "K173+950", distance: 70 },
+  { name: "梁山东收费站", code: "K173", distance: 70 },
-  { name: "梁山收费站", code: "K179+396", distance: 70 },
+  { name: "梁山收费站", code: "K179", distance: 70 },
   {
     name: "信楼枢纽",
-    code: "K182+987",
+    code: "K182",
-    line: "G22青兰高速",
+    line: "郓鄄高速",
     distance: 35.876,
   },
-  { name: "梁山服务区", code: "K186+061", distance: 70 },
+  { name: "梁山服务区", code: "K186", distance: 70 },
-  { name: "嘉祥西收费站", code: "K190+495", distance: 70 },
+  { name: "嘉祥西收费站", code: "K190", distance: 70 },
   {
     name: "王官屯枢纽",
-    code: "K208+979",
+    code: "K208",
     line: "G1511日兰高速",
     distance: 120,
   },

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/index.vue

@@ -169,7 +169,7 @@ export default {
     async mapInit() {
       this.list = _.cloneDeep(canvasList)
       this.translateX = 0;
-      this.translateY = 50;
+      this.translateY = 40;
       this.allInstance = 0;
       const content = this.$refs.ThumbnailRef;
       width = content.clientWidth;
@@ -460,7 +460,7 @@ export default {
         if (info.name === "东平湖枢纽") {
           const r = -150;
           let ratio = window.innerWidth * 0.626
-          const nodeLine = graph.addNode({ ...rect, shape: 'rect', x: ratio, y: 2, height: 85, zIndex: 1 });
+          const nodeLine = graph.addNode({ ...rect, shape: 'rect', x: ratio, y: 2, height: 70, zIndex: 1 });
           nodeLine.rotate((r * Math.PI));
 
           let test = ratio + 50
@@ -484,7 +484,7 @@ export default {
       // const ipxDiff = window.screen.width === 3840?-10:0;
       for (var i = 0; i < info.name.length; i++) { //
         const imageLabelNode = graph.addNode({ label: info.name[i], x: this.translateX, y: i * 15, attrs: { text: { fill: "#ffffff", fontSize: 12 } } });
-        imageLabelNode.translate(10, 50 + y);
+        imageLabelNode.translate(10, 40 + y);
       }
 
       // 修改文字位置