yunxing 4 éve
szülő
commit
d358586673

BIN
src/assets/images/more.png


BIN
src/assets/images/more@2x.png


+ 5 - 5
src/components/assetDetail/RepairMaintenance.vue

@@ -296,11 +296,11 @@ export default {
   }
   // 空状态
   .m-empty {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    // position: fixed;
+    // top: 0;
+    // left: 0;
+    // width: 100%;
+    // height: 100%;
     display: flex;
     align-items: center;
     /deep/ .van-empty__image {

+ 24 - 8
src/components/equipmentFacilities/Card.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class='m-card' :class='"type-"+type'>
+    <div class='m-card' :class='"type-"+type' v-if='type != 4'>
         <div class='name'>{{name}}</div>
         <div class='number'>
             {{total}}
@@ -13,6 +13,10 @@
         <!-- 右上角tag -->
         <div class='tag' v-if='[2,3].includes(type)'></div>
     </div>
+    <!-- 更多主要设备 卡片 -->
+    <div class='m-card type-4' v-else>
+        <div>更多主要设备</div>
+    </div>
 </template>
 <script>
 /**
@@ -27,7 +31,7 @@ export default {
     name: 'Card',
     props: {
         type: {
-            //1 正常, 2维保 3 维修
+            //1 正常, 2维保 3 维修 4 更多设备
             type: Number,
             default: 0,
             required: true,
@@ -110,13 +114,11 @@ export default {
     }
 }
 // 正常运维
-.type-1,
-.type-4 {
+.type-1 {
     background: url('../../assets/images/normal.png');
 }
 // 重要维保
-.type-2,
-.type-5 {
+.type-2 {
     background: url('../../assets/images/weibao.png');
     .type {
         color: #0481e1;
@@ -127,8 +129,7 @@ export default {
     }
 }
 // 重要维修
-.type-3,
-.type-6 {
+.type-3 {
     background: url('../../assets/images/weixiu.png');
     .type {
         color: #d83931;
@@ -138,4 +139,19 @@ export default {
         border-bottom: 3px solid transparent;
     }
 }
+// 更多设备
+.type-4 {
+    display: flex;
+    padding: 0;
+    justify-content: center;
+    align-items: center;
+    background: url('../../assets/images/more.png');
+    .type {
+        color: #666666;
+    }
+    .tag {
+        border-color: #666;
+        border-bottom: 3px solid transparent;
+    }
+}
 </style>

+ 5 - 5
src/views/equipmentFacilities/ElectricWell.vue

@@ -433,11 +433,11 @@ export default {
     }
     // 空状态
     .m-empty {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
+        // position: fixed;
+        // top: 0;
+        // left: 0;
+        // width: 100%;
+        // height: 100%;
         display: flex;
         align-items: center;
         /deep/ .van-empty__image {

+ 5 - 5
src/views/equipmentFacilities/EngineRoomPicture.vue

@@ -353,11 +353,11 @@ export default {
     }
     // 空状态
     .m-empty {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
+        // position: fixed;
+        // top: 0;
+        // left: 0;
+        // width: 100%;
+        // height: 100%;
         display: flex;
         align-items: center;
         /deep/ .van-empty__image {

+ 5 - 5
src/views/equipmentFacilities/EquipmentList.vue

@@ -419,11 +419,11 @@ export default {
     }
     // 空状态
     .m-empty {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
+        // position: fixed;
+        // top: 0;
+        // left: 0;
+        // width: 100%;
+        // height: 100%;
         display: flex;
         align-items: center;
         /deep/ .van-empty__image {

+ 5 - 5
src/views/equipmentFacilities/LowVoltageCabinet.vue

@@ -290,11 +290,11 @@ export default {
     }
     // 空状态
     .m-empty {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
+        // position: fixed;
+        // top: 0;
+        // left: 0;
+        // width: 100%;
+        // height: 100%;
         display: flex;
         align-items: center;
         /deep/ .van-empty__image {

+ 8 - 0
src/views/equipmentFacilities/index.vue

@@ -35,6 +35,8 @@
                     :key='item.category_name'
                     @click.native='goToEquipment(item)'
                 />
+                <!-- 更多主要设备 -->
+                <m-card class='card' :type='4' name unit :total='0' @click.native='goToMoreEquipment' />
             </div>
         </div>
         <!-- 原理图 -->
@@ -414,6 +416,12 @@ export default {
             let { name, category_code } = data
             this.$router.push({ name: 'EquipmentList', params: { title: name, category_code } })
         },
+        /**
+         * 点击更多设备卡片,跳转设备列表页面
+         */
+        goToMoreEquipment() {
+            this.$router.push({ name: 'MoreEquipmentList', params: {} })
+        },
     },
 }
 </script>