1

ZY

2025-04-01 29cf24e7f1c775f045ebbede014f691f92583c72

1

 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>