1

ZY

2025-04-01 29cf24e7f1c775f045ebbede014f691f92583c72

 Monitor-APP/pages/home/home.vue

@@ -358,6 +358,14 @@
            </view>
         </view>
      </view>
      <!-- 小车异常 -->
            <view class="board">
               <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="errorBoardShow">
                  <view class="error-board">
                     <text v-for="item in carInfo">{{item}}</text>
                  </view>
               </uni-transition>
            </view>
      <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
         连接超时: {{times}} s
      </view>
@@ -375,6 +383,7 @@
            infoViewShow: false,
            errorInfoViewShow: false,
            homeMode: [],
            carInfo: [],
            infoMode: [],
            errorInfoMode: [],
            baseInfo: {
@@ -501,6 +510,24 @@
         }, 1800000)
      },
      methods: {
         carInfoModel(res) {
                     let infoList = []
			
                     if (res.code == 200 && res.data != '') {
                        let str = ''
                        for (let k of res.data) {
                           str = `${k.deviceNo}号${k.device}-${k.errorMsg}`
                           infoList.push(str)
                        }
                        this.carInfo = infoList
                        this.errorBoardShow = true
                     } else {
                        this.errorBoardShow = false
                     }
                  },
         changeErrorShow() {
                     this.errorBoardShow = !this.errorBoardShow
                  },
         timeOuts() {
            console.log(this.times);
         },
@@ -1248,4 +1275,25 @@
   .textred {
      color: red;
   }
   .board {
         position: absolute;
         top: 0;
         right: 0;
         /* background-color: #aa00ff; */
         /* height: 13vh; */
         width: 100%;
         /* box-shadow: rgba(0,0,0,.35) 0px 5px 15px; */
      }
	
      .error-board {
         margin: .2rem;
         height: 11vh;
         background-color: #F56C6C;
         box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
         border-radius: .2rem;
         display: flex;
         align-items: center;
         justify-content: space-around;
         font-size: 2rem;
      }
</style>