|
@@ -23,6 +23,7 @@
|
|
后勤资源监控
|
|
后勤资源监控
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="mid" @dblclick="fullScreen"></div>
|
|
<div class="right">
|
|
<div class="right">
|
|
<div
|
|
<div
|
|
:class="['model', 3 == curIndex ? 'cur' : '']"
|
|
:class="['model', 3 == curIndex ? 'cur' : '']"
|
|
@@ -131,6 +132,9 @@ export default {
|
|
document.documentElement.requestFullscreen();
|
|
document.documentElement.requestFullscreen();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ fullScreen(){
|
|
|
|
+ document.documentElement.requestFullscreen();
|
|
|
|
+ },
|
|
//切换菜单
|
|
//切换菜单
|
|
chooseTab(index) {
|
|
chooseTab(index) {
|
|
this.curIndex = index;
|
|
this.curIndex = index;
|
|
@@ -166,12 +170,12 @@ export default {
|
|
height: 100vh;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+ background-image: url("../../assets/images/main/main_bg.jpg");
|
|
|
|
+ background-size: cover;
|
|
|
|
|
|
.main-wrapper {
|
|
.main-wrapper {
|
|
width: 1920px;
|
|
width: 1920px;
|
|
height: 1080px;
|
|
height: 1080px;
|
|
- background-image: url("../../assets/images/main/main_bg.jpg");
|
|
|
|
- background-size: cover;
|
|
|
|
|
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
position: relative;
|
|
@@ -211,6 +215,11 @@ export default {
|
|
background: url("../../assets/images/main/menu_chooe.png") no-repeat;
|
|
background: url("../../assets/images/main/menu_chooe.png") no-repeat;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .mid{
|
|
|
|
+ display: flex;
|
|
|
|
+ width: 700px;
|
|
|
|
+ height: 80px;
|
|
|
|
+ }
|
|
|
|
|
|
.middle {
|
|
.middle {
|
|
flex: 1;
|
|
flex: 1;
|
|
@@ -295,7 +304,7 @@ export default {
|
|
.main-data{
|
|
.main-data{
|
|
position: relative;
|
|
position: relative;
|
|
z-index:3;
|
|
z-index:3;
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.map-bg{
|
|
.map-bg{
|