From dd346d6414a7f7713c5b58753057de516cac8111 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期六, 02 三月 2024 09:41:51 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.vue | 107 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 79 insertions(+), 28 deletions(-)
diff --git a/Monitor-APP/pages/home/home.vue b/Monitor-APP/pages/home/home.vue
index 7e6d383..003243f 100644
--- a/Monitor-APP/pages/home/home.vue
+++ b/Monitor-APP/pages/home/home.vue
@@ -4,12 +4,18 @@
<uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
<view class="home-view">
<view class="head">
- <text>鍏ュ簱灞�</text>
+ <view class="head-left" @click="ejected()"></view>
+ <view class="head-mid">
+ <text style="z-index: 999;">绔嬩綋搴撳叆搴撶湅鏉�</text>
+ </view>
+ <view class="head-right"></view>
+
+
</view>
<!-- 鏃ュ巻 -->
- <view class="time-tools">{{calendar}}</view>
- <view class="button-left" @click="ejected()"></view>
- <view class="button-right" @click="ejected()"></view>
+ <!-- <view class="time-tools">{{calendar}}</view> -->
+ <!-- <view class="button-left" @click="ejected()"></view> -->
+ <!-- <view class="button-right" @click="ejected()"></view> -->
<!-- 涓讳綋 -->
<view class="info-main">
<view class="info-box">
@@ -36,20 +42,27 @@
display-multiple-items="8"
circular="true" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item :class="item.inspectSts" class="swiper-item" v-for="(item,i) in swiperList" :key="i">
- <view style="width: 10%;">{{i+1}}</view>
- <view style="width: 25%;">{{item.maktx}}</view>
- <view style="width: 15%;">{{item.storeReplenishment}}</view>
- <view style="width: 15%;color: chartreuse;">{{item.storeAdd}}</view>
- <view style="width: 15%;">
- <text class="beBatch1" v-if="item.beBatch == 2">
+ <view class="item-box" style="width: 10%;" >{{i+1}}</view>
+ <view class="item-box" style="width: 25%;">{{item.maktx}}</view>
+ <view class="item-box" style="width: 15%;">{{item.storeReplenishment}}</view>
+ <view class="item-box" style="width: 15%;">
+
+ <text style="color: #25E51E ;" v-if="item.inspectSts == 'inspectWhite'">{{item.storeAdd}}</text>
+ <text v-if="item.inspectSts == 'inspectRed'">{{item.storeAdd}}</text>
+ </view>
+ <view class="item-box" style="width: 15%;">
+ <text class="beBatch1" v-if="item.beBatch == 2 && item.inspectSts == 'inspectWhite'">
{{item.beBatch$}}
</text>
- <text class="beBatch2" v-if="item.beBatch != 2">
+ <text class="beBatch2" v-if="item.beBatch != 2 && item.inspectSts == 'inspectWhite'">
+ {{item.beBatch$}}
+ </text>
+ <text class="beBatch3" v-if="item.inspectSts != 'inspectWhite'">
{{item.beBatch$}}
</text>
</view>
- <view style="width: 10%;">{{item.appeTime$}}</view>
- <view style="width: 10%;">{{item.overTime$ ? item.overTime$ : '--'}}</view>
+ <view class="item-box" style="width: 10%;">{{item.appeTime$}}</view>
+ <view class="item-box" style="width: 9.5%;">{{item.overTime$ ? item.overTime$ : '--'}}</view>
</swiper-item>
</swiper>
</view>
@@ -192,7 +205,9 @@
count: "",
error: ""
},
- swiperList: [],
+ swiperList: [
+
+ ],
inspect: 'inspectRed'
}
},
@@ -225,7 +240,8 @@
// this.getError()
// this.getInfo2()
// this.getError2()
- this.getInfo3()
+ // this.getInfo3()
+ this.getInfo4()
// this.controller()
},1000)
@@ -315,6 +331,19 @@
that.swiperList = res.data
}
})
+ },
+ getInfo4() {
+ let result = ycqdata.dataError3
+ var res = result.data
+ for (let k of res.data) {
+ if (k.inspect == 1) {
+ k['inspectSts'] = 'inspectWhite'
+ } else {
+ k['inspectSts'] = 'inspectRed'
+
+ }
+ }
+ this.swiperList = res.data
},
getError2 () {
let that = this
@@ -631,7 +660,7 @@
.container{
width: 100vw;
min-height: 100vh;
- background-color: #00163E;
+ background-color: #13151d;
color: #fff;
text-align: center;
@@ -640,8 +669,9 @@
.home-view {
width: 100vw;
min-height: 100vh;
- background-image: url(../../static/background.png);
- background-size: 100vw 100vh;
+ /* background-image: url(../../static/head.png);
+ background-size: 50vw 10vh;
+ background-repeat: no-repeat; */
}
.home-right {
width: 50vw;
@@ -655,13 +685,27 @@
.head {
width: 100vw;
height: 11vh;
- font-size:4vw;
+ font-size:3vw;
font-weight: 700;
- display: flex;
- align-items: center;
- justify-content: center;
- transform: scale(0.7);
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
}
+ .head-mid {
+ height: 10vh;
+ background-image: url(../../static/head.png);
+ background-size: 100% 100%;
+ }
+ .head-left {
+ height: 6vh;
+ background-image: url(../../static/headleft.png);
+ background-size: 110% 100%;
+ transform: scaleX(-1);
+ }
+ .head-right {
+ height: 6vh;
+ background-image: url(../../static/headleft.png);
+ background-size: 110% 100%;
+ }
.time-tools {
position: absolute;
right: 2%;
@@ -671,7 +715,7 @@
}
.button-left {
position: absolute;
- background-image: url(../../static/right.png);
+ background-image: url(../../static/headleft.png);
background-size: 100% 100%;
top: 1.8%;
left: 21.3%;
@@ -913,7 +957,7 @@
}
.beBatch1 {
padding: 18rpx;
- background-color: #60b86b;
+ color: #F3720D;
height: 60rpx;
text-align: center;
line-height: 60rpx;
@@ -921,16 +965,23 @@
}
.beBatch2 {
padding: 18rpx;
- background-color: #fec652;
+ color: #25E51E ;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
}
.inspectRed {
- background-color: rgba(235, 104, 84, .6);
+ color: #F10F0F;
}
.inspectWhite {
- background-color: rgba(255, 255, 255, .4);
+ color: #FFF;
+ }
+ .item-box {
+ height: 98%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 1px solid #18167c;
}
</style>
--
Gitblit v1.9.1