yunxing il y a 4 ans
Parent
commit
89b0424d93

+ 51 - 11
src/views/equipmentFacilities/LowVoltageCabinet.vue

@@ -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;

+ 2 - 1
src/views/equipmentFacilities/index.vue

@@ -387,7 +387,8 @@ export default {
          * 配电室低压柜及出线明细
          */
         hanldeDyg() {
-            // this.$router.push({ name: 'LowVoltageCabinet', params: {} })
+            // TODO: 11111
+            this.$router.push({ name: 'LowVoltageCabinet', params: {} })
         },
         /**
          * 跳转 楼层分布

+ 67 - 0
src/views/equipmentFacilities/mockData.js

@@ -0,0 +1,67 @@
+// 低压柜模拟数据
+const queryDygjcxlineData = {
+    result: 'success',
+    data: [
+        {
+            data: [
+                {
+                    glsms_proimgupid: 37206, //图id
+                    outspec: '-', //出线规格
+                    control: '进线', //控制回路
+                    floor: '-', //楼层
+                    drawernum: '1-1AA', //抽屉编号
+                },
+                {
+                    glsms_proimgupid: 37206,
+                    outspec: '4*185+1*95',
+                    control: '步行街分区1营业用电',
+                    floor: 'B2',
+                    drawernum: '1-4AA-1',
+                },
+
+                // {
+                //     glsms_proimgupid: 37206,
+                //     outspec: '4*95+1*50',
+                //     control: '步行街货梯2主',
+                //     floor: '1F',
+                //     drawernum: '2-12AA-9',
+                // },
+            ],
+            count: 3,
+            location: '1054',
+            wzjc: '商业楼/B2/停车场/变电所/大商1号变电所',
+        },
+        {
+            data: [
+                {
+                    glsms_proimgupid: 37206, //图id
+                    outspec: '-', //出线规格
+                    control: '进线', //控制回路
+                    floor: '-', //楼层
+                    drawernum: '1-1AA', //抽屉编号
+                },
+                {
+                    glsms_proimgupid: 37206,
+                    outspec: '4*185+1*95',
+                    control: '步行街分区2营业用电',
+                    floor: 'B2',
+                    drawernum: '1-4AA-2',
+                },
+
+                // {
+                //     glsms_proimgupid: 37206,
+                //     outspec: '4*95+1*50',
+                //     control: '步行街货梯3主',
+                //     floor: '1F',
+                //     drawernum: '2-12AA-10',
+                // },
+            ],
+            count: 3,
+            location: '1054',
+            wzjc: '商业楼/B2/停车场/变电所/大商2号变电所',
+        },
+    ],
+    count: 3,
+}
+
+export { queryDygjcxlineData }