|
@@ -12,10 +12,36 @@
|
|
|
</div>
|
|
|
<!-- 配电室 -->
|
|
|
<div class='switch-room-container' v-if='1'>
|
|
|
- <div class='switch-room' v-for='ii in 3' :key='ii'>
|
|
|
- <div class='title'>商业楼/B1层/配电室/3#</div>
|
|
|
+ <div class='switch-room' v-for='(item,index) in list' :key='index'>
|
|
|
+ <div class='title'>{{item.wzjc}}</div>
|
|
|
<!-- 一个低压柜信息 -->
|
|
|
<div class='info-container'>
|
|
|
+ <div class='info' v-for='(detail,dIndex) in item.data || []' :key='dIndex'>
|
|
|
+ <div class='name'>{{detail.drawernum}}</div>
|
|
|
+ <div class='specification'>
|
|
|
+ <div class='label'>出线规格:</div>
|
|
|
+ <div class='value'>{{detail.outspec}}</div>
|
|
|
+ </div>
|
|
|
+ <div class='loop'>
|
|
|
+ <div class='label'>控制回路:</div>
|
|
|
+ <div class='value'>{{detail.control}}</div>
|
|
|
+ </div>
|
|
|
+ <div class='floor'>
|
|
|
+ <div class='label'>
|
|
|
+ <i class='iconfont wanda-dingwei1' style='color:#C3C7CB;'></i>
|
|
|
+ <span>楼层:</span>
|
|
|
+ </div>
|
|
|
+ <div class='value'>{{detail.floor}}</div>
|
|
|
+ </div>
|
|
|
+ <div class='divider'></div>
|
|
|
+ </div>
|
|
|
+ <!-- 加载更多 -->
|
|
|
+ <div class='load-more' @click='mock=5'>加载更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class='switch-room' v-for='ii in 3' :key='ii'>
|
|
|
+ <div class='title'>商业楼/B1层/配电室/3#</div>
|
|
|
+ <div class='info-container'>
|
|
|
<div class='info' v-for='i in mock' :key='i'>
|
|
|
<div class='name'>1AAAA1</div>
|
|
|
<div class='specification'>
|
|
@@ -35,10 +61,9 @@
|
|
|
</div>
|
|
|
<div class='divider'></div>
|
|
|
</div>
|
|
|
- <!-- 加载更多 -->
|
|
|
<div class='load-more' @click='mock=5'>加载更多</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
</div>
|
|
|
<!-- 点击头部筛选,出现的右侧弹窗 -->
|
|
|
<van-popup class='m-popup-container' v-model='showPopup' position='right'>
|
|
@@ -145,7 +170,20 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
}
|
|
|
- let res = await queryDygjcxline(queryData)
|
|
|
+ // 筛选 配电室之后, location字段上送
|
|
|
+ if (this.modalData.location && this.modalData.location !== '全部') {
|
|
|
+ queryData.postParams.location = this.modalData.location
|
|
|
+ }
|
|
|
+ console.log(queryData)
|
|
|
+ let res
|
|
|
+ try {
|
|
|
+ res = await queryDygjcxline(queryData)
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ // mockData
|
|
|
+ res = require('./mockData').queryDygjcxlineData
|
|
|
+ this.list = res.data
|
|
|
},
|
|
|
/**
|
|
|
*
|
|
@@ -194,7 +232,7 @@ export default {
|
|
|
item.active = ''
|
|
|
})
|
|
|
console.log(data)
|
|
|
- this.systemList = [{ text: '全部', location: '全部', active: 'active' }, ...data]
|
|
|
+ this.systemList = [{ text: '全部', location: '全部', active: 'active' }, ...data,]
|
|
|
},
|
|
|
/**
|
|
|
* 点击右侧筛选
|
|
@@ -230,7 +268,6 @@ export default {
|
|
|
this.modalData = {
|
|
|
location: '全部',
|
|
|
}
|
|
|
-
|
|
|
let { systemList } = this
|
|
|
systemList.map((item) => {
|
|
|
item.active = ''
|
|
@@ -409,8 +446,8 @@ export default {
|
|
|
.m-popup {
|
|
|
width: 100%;
|
|
|
height: calc(100% - 80px);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
.title {
|
|
|
font-size: 16px;
|
|
|
font-weight: 500;
|
|
@@ -420,18 +457,21 @@ export default {
|
|
|
// 配电室
|
|
|
.system {
|
|
|
width: 100%;
|
|
|
- height: auto;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
// 专业系统按钮
|
|
|
.system-btn-container {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
+ max-height: calc(100% - 80px);
|
|
|
+ overflow: auto;
|
|
|
flex-wrap: wrap;
|
|
|
flex-flow: wrap;
|
|
|
.system-btn {
|
|
|
width: 100% !important;
|
|
|
min-width: 100% !important;
|
|
|
max-width: 100% !important;
|
|
|
- min-height: 40px;
|
|
|
+ // min-height: 40px;
|
|
|
height: auto;
|
|
|
box-sizing: border-box;
|
|
|
padding: 5px 0 !important;
|