|
@@ -1,11 +1,8 @@
|
|
|
|
|
|
<template>
|
|
|
<div class="box">
|
|
|
- <el-container>
|
|
|
+ <el-container style="height:100%">
|
|
|
<el-header>
|
|
|
- <div class="boxName">
|
|
|
- 第二屏详情
|
|
|
- </div>
|
|
|
<div class="spaceName">
|
|
|
<b>空间名称:</b>{{spaceDetails.RoomLocalName?spaceDetails.RoomLocalName:"-"}}
|
|
|
</div>
|
|
@@ -297,15 +294,17 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.box.screen-router{
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-#screenBox .screen-router[data-v-6c06ede0] {
|
|
|
+.box.screen-router {
|
|
|
padding: 0;
|
|
|
+ section {
|
|
|
+ .el-container {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.el-header {
|
|
|
padding: 0;
|
|
|
- height: 80px !important;
|
|
|
+ height: 30px !important;
|
|
|
.boxName {
|
|
|
color: #fff;
|
|
|
font-size: 16px;
|
|
@@ -317,7 +316,6 @@ export default {
|
|
|
.spaceName {
|
|
|
font-size: 14px;
|
|
|
line-height: 30px;
|
|
|
- margin: 0 10px;
|
|
|
border-bottom: 1px solid #e4e7ed;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
@@ -325,10 +323,10 @@ export default {
|
|
|
.el-aside {
|
|
|
color: #333;
|
|
|
border: 1px solid #e4e7ed;
|
|
|
- margin: 10px 0 0 10px;
|
|
|
+ margin-top: 10px;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- height: calc(100% - 20px);
|
|
|
+ height: calc(100% - 10px);
|
|
|
overflow: hidden;
|
|
|
.el-scrollbar {
|
|
|
height: 100%;
|
|
@@ -376,12 +374,11 @@ export default {
|
|
|
.el-main {
|
|
|
color: #333;
|
|
|
text-align: center;
|
|
|
- margin: -10px;
|
|
|
- padding-bottom: 0;
|
|
|
overflow: hidden;
|
|
|
- width: 100%
|
|
|
+ width: 100%;
|
|
|
+ padding: 10px 0 0 10px;
|
|
|
}
|
|
|
-.el-tabs.el-tabs--card.el-tabs--top{
|
|
|
+.el-tabs.el-tabs--card.el-tabs--top {
|
|
|
height: 100% !important;
|
|
|
width: 100%;
|
|
|
}
|
|
@@ -398,14 +395,13 @@ export default {
|
|
|
height: 100% !important;
|
|
|
}
|
|
|
}
|
|
|
-#pane-dynamicData{
|
|
|
+#pane-dynamicData {
|
|
|
height: calc(100% - 10px);
|
|
|
}
|
|
|
-.el-tab-pane{
|
|
|
+.el-tab-pane {
|
|
|
height: 100%;
|
|
|
}
|
|
|
#pane-staticData {
|
|
|
- height: 750px;
|
|
|
div {
|
|
|
height: 100%;
|
|
|
}
|
|
@@ -423,7 +419,7 @@ export default {
|
|
|
overflow-x: hidden !important;
|
|
|
overflow-y: auto !important;
|
|
|
}
|
|
|
-.el-tabs__content{
|
|
|
- height: calc(100% - 47px) !important;
|
|
|
+.el-tabs__content {
|
|
|
+ height: calc(100% - 50px) !important;
|
|
|
}
|
|
|
</style>
|