#电视机显示设备报警信息

Junjie

昨天 6e2f1c62d34f7c154df167fc22ea0a04b9772b58

 Monitor-APP/pages/home/home.vue

@@ -1,4 +1,19 @@
<template>
   <view>
      <view v-if="crnErrorShow">
         <swiper
            class="message-swiper"
            autoplay
            circular
            interval="2000"
            duration="500"
         >
            <swiper-item v-for="(message, index) in messages" :key="index">
               <view class="message-item">{{ message }}</view>
            </swiper-item>
         </swiper>
      </view>
		
   <view class="container">
      <uni-transition :duration="duration" :mode-class="homeMode" :show="homeViewShow">
         <view class="home-view">
@@ -320,6 +335,7 @@
         连接超时: {{times}} s
      </view>
   </view>
   </view>
</template>
<!-- {"msg":"操作成功","code":200,"data":[{"title":"全板出库","workNo":7460,"staNo":110,"sourceStaNo":null,"locNo":null,"sourceLocNo":"0807102","matDtos":[{"matNo":"50460834","maknx":"200x60桌面","count":26.0}],"emptyMk":false,"ioType":101}]} -->
<script>
@@ -392,7 +408,9 @@
            swiperList: [],
            timeOut: false,
            times: 0,
            currDate: ''
            currDate: '',
            crnErrorShow: false,
            messages: []
         }
      },
      onShow() {
@@ -435,6 +453,7 @@
            // this.getError2()
            this.getUrl()
            this.controller()
            this.getCrnError()
            
         },1000)
      },
@@ -868,7 +887,6 @@
                  ledId: that.baseLedId,
               },
               success(result) {
                  console.log(result);
                  var res = result.data
                  if (res.code === 200) {
                     that.baseInfo.xDistance = res.data.xDistance
@@ -883,6 +901,29 @@
               }
            })
         },
         getCrnError() {
            let that = this
            uni.request({
               url: that.commonUrl + "/monitor/crn/error",
               data: {},
               success(result) {
                  var res = result.data
                  if (res.code === 200) {
                     let data = res.data;
                     if(data.length > 0) {
                        let tmpList = []
                        data.forEach((item) => {
                           tmpList.push(item.crnNo + "号堆垛机" + item.errorName)
                        })
                        that.messages = tmpList;
                        that.crnErrorShow = true;
                     }else{
                        that.crnErrorShow = false;
                     }
                  }
               }
            })
         }
      }
      
   }
@@ -908,7 +949,7 @@
      background-color: #00163E;
      color: #fff;
      text-align: center;
		
      position: relative;
   }
   /* 主视图 */
   .home-view {
@@ -1188,4 +1229,20 @@
      height: 20%;font-size: 8vh;
      justify-content: center;
   }
	
   .message-swiper {
       width: 100%;
       height: 30px;
       background-color: #ff0000;
       display: flex;
       align-items: center;
       overflow: hidden;
      position: relative;
   }
   .message-item {
       white-space: nowrap;
       padding: 0 10px; 
       color: #ffffff;
      text-align: center;
   }
</style>