|
@@ -80,7 +80,7 @@
|
|
|
<h1 class='title'>楼层</h1>
|
|
|
<div class='system-btn-container'>
|
|
|
<div class='system-btn' v-for='(item,index) in floorList' :key='index'>
|
|
|
- <van-button class='m-btn' :class='item.active' @click='changeFloor(item)'>{{item.text}}</van-button>
|
|
|
+ <van-button class='m-btn' :class='item.active' @click='changeFloor(item)'>{{item.code}}</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -147,11 +147,12 @@ export default {
|
|
|
// gname:"f6"
|
|
|
// seq:600
|
|
|
|
|
|
- let floorList = [{ code: '全部', gcname: '全部', gcode: '全部', gname: '全部', seq: null }]
|
|
|
+ let floorList = [{ code: '全部', gcname: '全部', gcode: '全部', gname: '全部', seq: null, active: 'active' }]
|
|
|
this.floorsArr.map(({ code, gcname, gcode, gname, seq }) => {
|
|
|
- floorList.push({ code, gcname, gcode, gname, seq })
|
|
|
+ floorList.push({ code, gcname, gcode, gname, seq, active: '' })
|
|
|
})
|
|
|
this.floorList = floorList
|
|
|
+ console.log(this.floorList)
|
|
|
this.getList()
|
|
|
},
|
|
|
beforeMount() {},
|
|
@@ -236,7 +237,7 @@ export default {
|
|
|
let floorList = this.floorList
|
|
|
floorList.map((item) => {
|
|
|
item.active = ''
|
|
|
- if (item.smsxt === data.smsxt) {
|
|
|
+ if (item.code === data.code) {
|
|
|
item.active = 'active'
|
|
|
}
|
|
|
})
|
|
@@ -424,13 +425,15 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
flex-flow: wrap;
|
|
|
.system-btn {
|
|
|
- width: 50% !important;
|
|
|
- min-width: 50% !important;
|
|
|
- max-width: 50% !important;
|
|
|
- padding: 10px 10px 10px 0;
|
|
|
+ width: 33% !important;
|
|
|
+ min-width: 33% !important;
|
|
|
+ max-width: 33% !important;
|
|
|
+ height: 50px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px 5px 0;
|
|
|
.m-btn {
|
|
|
width: 100%;
|
|
|
- // height: 100%;
|
|
|
+ height: 40px !important;
|
|
|
text-align: center;
|
|
|
background: #eff0f1;
|
|
|
border-radius: 2px;
|
|
@@ -442,9 +445,49 @@ export default {
|
|
|
color: #fff;
|
|
|
}
|
|
|
}
|
|
|
+ // 设备设施
|
|
|
.sbss {
|
|
|
flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
overflow: auto;
|
|
|
+ .title {
|
|
|
+ width: 100%;
|
|
|
+ height: 25px;
|
|
|
+ }
|
|
|
+ .system-btn-container {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ flex: 1;
|
|
|
+ overflow: auto;
|
|
|
+ .system-btn {
|
|
|
+ width: 100% !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #eff0f1 !important;
|
|
|
+ margin: 10px 0 10px 0;
|
|
|
+ .m-btn {
|
|
|
+ display: block !important;
|
|
|
+ width: 100% !important;
|
|
|
+ height: 40px !important;
|
|
|
+ text-align: center;
|
|
|
+ background: #eff0f1;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .active {
|
|
|
+ background-color: #025baa !important;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .load-more {
|
|
|
+ width: 80px;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #025baa;
|
|
|
+ background: #e5eef6;
|
|
|
+ }
|
|
|
}
|
|
|
.divider {
|
|
|
border-bottom: 1px solid #e6e6e6;
|