|
|
@ -17,7 +17,9 @@
|
|
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
|
element-loading-text="加载中"
|
|
|
|
element-loading-text="加载中"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div class="building-name">{{ info.deptname }}{{ info.name }}</div>
|
|
|
|
<div class="building-name">
|
|
|
|
|
|
|
|
<div>{{ info.deptname }}{{ info.name }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="house" v-for="(item, index) in groupedRooms" :key="index">
|
|
|
|
<div class="house" v-for="(item, index) in groupedRooms" :key="index">
|
|
|
|
<colorCell
|
|
|
|
<colorCell
|
|
|
|
:active="currentIndex == house.id ? 'activeCell' : ''"
|
|
|
|
:active="currentIndex == house.id ? 'activeCell' : ''"
|
|
|
@ -251,7 +253,7 @@ export default {
|
|
|
|
.building-house-container {
|
|
|
|
.building-house-container {
|
|
|
|
padding-top: 85px;
|
|
|
|
padding-top: 85px;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
min-width: 150px;
|
|
|
|
min-width: 250px;
|
|
|
|
// max-width: 700px;
|
|
|
|
// max-width: 700px;
|
|
|
|
// overflow-x: auto;
|
|
|
|
// overflow-x: auto;
|
|
|
|
// overflow-y: hidden;
|
|
|
|
// overflow-y: hidden;
|
|
|
@ -261,19 +263,20 @@ export default {
|
|
|
|
background-size: cover;
|
|
|
|
background-size: cover;
|
|
|
|
.building-name {
|
|
|
|
.building-name {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
left: 0;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
|
|
|
top: 30px;
|
|
|
|
top: 30px;
|
|
|
|
min-width: 170px;
|
|
|
|
width: 100%;
|
|
|
|
height: 32px;
|
|
|
|
display: flex;
|
|
|
|
text-align: center;
|
|
|
|
align-items: center;
|
|
|
|
line-height: 32px;
|
|
|
|
justify-content: center;
|
|
|
|
font-size: 18px;
|
|
|
|
& > div {
|
|
|
|
color: #f0fffc;
|
|
|
|
font-size: 17px;
|
|
|
|
font-family: "BY";
|
|
|
|
color: #f0fffc;
|
|
|
|
background: url("~@/assets/images/ui/img_number_bg@2x.png");
|
|
|
|
font-family: "BY";
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background: url("~@/assets/images/ui/img_number_bg@2x.png");
|
|
|
|
padding: 0 10px;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
padding: 6px 25px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.house {
|
|
|
|
.house {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|