Browse Source

高速缩略图 分辨率适配

develop
lau572 4 months ago
parent
commit
8777e2407b
  1. 65
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/data.js
  2. 6
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/index.vue

65
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,
distance: 0.08795,
// isFoot: true,
distance: 0.06989,
},
{ name: "大学城收费站", code: "K59+289", distance: 50.563 },
{ name: "长清收费站", code: "K72+847", distance: 140.05 },
{ name: "长清服务区", code: "K79+010", distance: 63.66 },
{ name: "大学城收费站", code: "K59", distance: 50.563 },
{ name: "长清收费站", code: "K72", distance: 140.05 },
{ 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: "K99+750", distance: 136.88 },
{ name: "平阴收费站", code: "K105+904", distance: 63.57 },
{ name: "平阴停车区", code: "K114+405", distance: 87.815 },
{ name: "孝里收费站", code: "K86", distance: 27 },
{ name: "平阴北收费站", code: "K99", distance: 136.88 },
{ name: "平阴收费站", code: "K105", distance: 63.57 },
{ 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",
line: "G22青兰高速",
code: "K133",
line: "泰东高速",
distance: 35.876,
},
{ name: "东平服务区", code: "K139+817", distance: 140.42 },
{ name: "东平收费站", code: "K145+933", distance: 63 },
{ name: "东平服务区", code: "K139", distance: 140.42 },
{ name: "东平收费站", code: "K145", distance: 63 },
{
name: "东平湖枢纽",
code: "K155+652",
code: "K155",
line: "S30董梁高速",
distance: 70,
},
{ name: "沙河停车区", code: "K159+156", distance: 70 },
{ name: "梁山东收费站", code: "K173+950", distance: 70 },
{ name: "梁山收费站", code: "K179+396", distance: 70 },
{ name: "沙河停车区", code: "K159", distance: 70 },
{ name: "梁山东收费站", code: "K173", distance: 70 },
{ name: "梁山收费站", code: "K179", distance: 70 },
{
name: "信楼枢纽",
code: "K182+987",
line: "G22青兰高速",
code: "K182",
line: "郓鄄高速",
distance: 35.876,
},
{ name: "梁山服务区", code: "K186+061", distance: 70 },
{ name: "嘉祥西收费站", code: "K190+495", distance: 70 },
{ name: "梁山服务区", code: "K186", distance: 70 },
{ name: "嘉祥西收费站", code: "K190", distance: 70 },
{
name: "王官屯枢纽",
code: "K208+979",
code: "K208",
line: "G1511日兰高速",
distance: 120,
},

6
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);
}
//

Loading…
Cancel
Save