root/apt-nl-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

导航bug

Browse Source
This commit is contained in:
蔡玲
2024-12-06 15:37:44 +08:00
parent 07ab84b319
commit a402de6dd6
5 changed files with 52 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/shells/index/index.vue
View File

@@ -48,7 +48,7 @@
<div class="hud_left"></div> <div class="hud_left"></div>
<div class="hud_right"></div> <div class="hud_right"></div>
<div class="bottom_bg"></div> <div class="bottom_bg"></div>
<div v-show="$route.path !== '/index/home' && $route.path !== '/index/errorinfo' && $route.path !== '/index/teach'" class="side-bar-container"> <div v-show="$route.path !== '/index/home' && $route.path !== '/index/errorinfo' && $route.path !== '/index/teach' && $route.path !== '/index/debug'" class="side-bar-container">
<el-menu :default-active="$route.meta.guidePath" @select="handleSelectChild"> <el-menu :default-active="$route.meta.guidePath" @select="handleSelectChild">
<el-menu-item :index="menu.index" v-for="menu in childmenus" :key="menu.index" :class="{'el-menu-item-long': menu.title.length === 5 }">{{selectType === 'en-us' ? menu.en_title : menu.zh_title}}</el-menu-item> <el-menu-item :index="menu.index" v-for="menu in childmenus" :key="menu.index" :class="{'el-menu-item-long': menu.title.length === 5 }">{{selectType === 'en-us' ? menu.en_title : menu.zh_title}}</el-menu-item>
</el-menu> </el-menu>
@@ -167,7 +167,7 @@ export default {
}, },
created () { created () {
this._sysMenuBuild() this._sysMenuBuild()
// this._queryHead() this._queryHead()
// this.timer = setInterval(() => { // this.timer = setInterval(() => {
// this._queryHead() // this._queryHead()
// }, this.itime) // }, this.itime)
@@ -195,11 +195,12 @@ export default {
handleSelect (key) { handleSelect (key) {
this.dropdown = false this.dropdown = false
this.menus.map(el => { this.menus.map(el => {
if (el.router === '' && el.index === key) { if (el.index === key) {
this.$router.push({ path: el.children[0].router }) if (el.index === '5' || el.index === '7') {
} this.$router.push({ path: el.router })
if (key === '5' || key === '7') { } else {
this.$router.push({ path: el.router }) this.$router.push({ path: el.children[0].router })
}
} }
}) })
}, },

3
static/Magic4/HMI_JavaApp_Map.html
View File

@@ -98,6 +98,9 @@
padding: 0 30px; padding: 0 30px;
background: transparent; background: transparent;
overflow: hidden; overflow: hidden;
}
#topIframe {
background-color: transparent;
} }
</style> </style>
<script type="text/javascript" src="jquery-2.1.0.min.js"></script> <script type="text/javascript" src="jquery-2.1.0.min.js"></script>

53
static/Magic4/HMI_Map2.html
View File

@@ -2,9 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/bootstrap.min.css"/>
<script src="jquery-2.1.0.min.js"></script> <script src="jquery-2.1.0.min.js"></script>
<script src="jquery.cookie.js"></script> <script src="jquery.cookie.js"></script>
<script type="text/javascript" src="Lu_Math_Driver.js"></script> <script type="text/javascript" src="Lu_Math_Driver.js"></script>
@@ -1281,23 +1279,34 @@
<title>Title</title> <title>Title</title>
</head> </head>
<body> <body>
<div class="top"> <div class="title_wrap"><h2>地图</h2></div>
<img id="ButtonImage_Vertical_FollowCar" src="Led_Display/Button_Vertical_Off.bmp"/> <div class="page_container">
<input type=button class="btn" id="Button_CanvasInit" data-i18n-value="map.canvasInit" value="初始化" style="width:10%;height:50px;background:#FD4F00FF"></input> <div class="top">
<input type=button class="btn" id="Button_FindCar" data-i18n-value="map.findCar" value="车辆位置" style="width:10%;height:50px;background:#FD4F00FF"></input> <img id="ButtonImage_Vertical_FollowCar" src="Led_Display/Button_Vertical_Off.bmp"/>
<input type=button class="btn" id="Button_ZoomIn" data-i18n-value="map.zoomIn" value="缩小" style="width:10%;height:50px;background:#FD4F00FF"></input> <input type=button class="btn" id="Button_CanvasInit" data-i18n-value="map.canvasInit" value="初始化" style="width:10%;height:50px;background:#FD4F00FF"></input>
<input type=button class="btn" id="Button_ZoomOut" data-i18n-value="map.zoomOut" value="放大" style="width:10%;height:50px;background:#FD4F00FF"></input> <input type=button class="btn" id="Button_FindCar" data-i18n-value="map.findCar" value="车辆位置" style="width:10%;height:50px;background:#FD4F00FF"></input>
</div> <input type=button class="btn" id="Button_ZoomIn" data-i18n-value="map.zoomIn" value="缩小" style="width:10%;height:50px;background:#FD4F00FF"></input>
<div id="output"></div> <input type=button class="btn" id="Button_ZoomOut" data-i18n-value="map.zoomOut" value="放大" style="width:10%;height:50px;background:#FD4F00FF"></input>
<canvas id="myCanvas" style="border:5px solid rgb(153, 153, 153);background:white;width:1550px;height:730px;" width="1550px" height="730px"></canvas> </div>
<div id="output"></div>
<canvas id="myCanvas" style="background:white;" width="1503px" height="616px"></canvas>
</div>
</body> </body>
<script type="text/javascript" src="js/i18n/TimeI18n.js"></script> <script type="text/javascript" src="js/i18n/TimeI18n.js"></script>
<script type="text/javascript"> <script type="text/javascript">
loadText(); loadText();
</script> </script>
<style> <style>
@font-face {
font-family: "YouSheBiaoTiHei";
src: url('font/YouSheBiaoTiHei.ttf') format('truetype');
}
body {
height: 100vh;
background-color: transparent;
}
.top{ .top{
margin-bottom: 10px; margin: 0 55px 31px 55px;
} }
.top img{ .top img{
vertical-align: middle; vertical-align: middle;
@@ -1308,5 +1317,25 @@
margin: 0px 5px; margin: 0px 5px;
color: white; color: white;
} }
.title_wrap{
width: 100%;
height: 102px;
padding: 52px 39px 0 39px;
background: center / 100% 100% url(./images/bg-task-r1.png) no-repeat;
}
.title_wrap h2 {
font-size: 36px;
line-height: 36px;
color: #F6F9FE;
font-family: 'YouSheBiaoTiHei';
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page_container {
height: calc(100% - 102px);
background: center / 100% 100% url(./images/bg-task-r2.png) no-repeat;
padding: 31px 31px 31px 45px;
}
</style> </style>
</html> </html>

BIN
static/Magic4/images/bg-task-r1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
static/Magic4/images/bg-task-r2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB