From 5bb7cf9fe664549b382da52e15069ff2bd980151 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期六, 02 三月 2024 07:57:52 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.vue | 120 ++++++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 93 insertions(+), 27 deletions(-)
diff --git a/Monitor-APP/pages/home/home.vue b/Monitor-APP/pages/home/home.vue
index 6866376..0799f07 100644
--- a/Monitor-APP/pages/home/home.vue
+++ b/Monitor-APP/pages/home/home.vue
@@ -4,7 +4,8 @@
<uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
<view class="home-view">
<view class="head">
- <text>鍏ュ簱灞�</text>
+ <image src="../../static/head.png" mode="" class="head-image"></image>
+ <text style="z-index: 999;">鍏ュ簱灞�</text>
</view>
<!-- 鏃ュ巻 -->
<view class="time-tools">{{calendar}}</view>
@@ -19,12 +20,12 @@
<!-- head -->
<view class="swiper-head">
<view style="width: 10%;">搴忓彿</view>
- <view style="width: 15%;">鍝佺暘</view>
- <view style="width: 10%;">寰呰ˉ璐ф暟閲�</view>
- <view style="width: 15%;">琛ヨ揣鐘舵��</view>
- <view style="width: 10%;">宸茶ˉ璐ф暟閲�</view>
- <view style="width: 20%;">宸ュ崟鐢熸垚鏃堕棿</view>
- <view style="width: 20%;">琛ヨ揣鎴鏃堕棿</view>
+ <view style="width: 25%;">鍝佺暘</view>
+ <view style="width: 15%;">寰呰ˉ璐ф暟閲�</view>
+ <view style="width: 15%;">宸茶ˉ璐ф暟閲�</view>
+ <view style="width: 15%;">琛ヨ揣鐘舵��</view>
+ <view style="width: 10%;">宸ュ崟鍒涘缓鏃堕棿</view>
+ <view style="width: 10%;">棰勮瀹屾垚鏃堕棿</view>
</view>
<!-- body -->
<view class="swiper-body">
@@ -35,14 +36,21 @@
<swiper class="swiper-body-main" vertical="true"
display-multiple-items="8"
circular="true" :autoplay="true" :interval="3000" :duration="1000">
- <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
- <view style="width: 10%;">No:{{i+1}}</view>
- <view style="width: 15%;">{{item.matnr}}</view>
- <view style="width: 10%;">{{item.itnum1}}</view>
- <view style="width: 15%;">{{item.itnum2}}</view>
- <view style="width: 10%;">{{item.itnum3}}</view>
- <view style="width: 20%;">{{item.itnum4}}</view>
- <view style="width: 20%;">{{item.itnum5}}</view>
+ <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">
+ {{item.beBatch$}}
+ </text>
+ <text class="beBatch2" v-if="item.beBatch != 2">
+ {{item.beBatch$}}
+ </text>
+ </view>
+ <view style="width: 10%;">{{item.appeTime$}}</view>
+ <view style="width: 10%;">{{item.overTime$ ? item.overTime$ : '--'}}</view>
</swiper-item>
</swiper>
</view>
@@ -185,7 +193,17 @@
count: "",
error: ""
},
- swiperList: []
+ swiperList: [
+ {
+ maktx: 1,
+ storeReplenishment: '123123',
+ storeAdd: '123123',
+ beBatch$: '123',
+ appeTime$: '2024骞�3鏈�1鏃� 21鐐�14鍒�',
+ overTime$: '2024骞�3鏈�1鏃� 21鐐�14鍒�'
+ }
+ ],
+ inspect: 'inspectRed'
}
},
onShow() {
@@ -215,8 +233,9 @@
// this.getUrl()
// this.getInfo()
// this.getError()
- this.getInfo2()
- this.getError2()
+ // this.getInfo2()
+ // this.getError2()
+ // this.getInfo3()
// this.controller()
},1000)
@@ -224,12 +243,12 @@
// this.changeErrorShow()
// },5000)
- setInterval(()=>{
- this.getServerData()
- this.initlineChart()
- this.initPieChart()
- this.getOther()
- },600000)
+ // setInterval(()=>{
+ // this.getServerData()
+ // this.initlineChart()
+ // this.initPieChart()
+ // this.getOther()
+ // },600000)
},
methods: {
// 鏃ュ巻 鏈嶅姟鍣�
@@ -288,6 +307,25 @@
that.infoType = 0
}
},
+ getInfo3() {
+ let that = this
+ uni.request({
+ url: that.commonUrl + "/open/loc/query/auth/v1",
+ method:"GET",
+ data: {ledId:that.baseLedId},
+ success(result) {
+ var res = result.data
+ for (let k of res.data) {
+ if (k.inspect == 1) {
+ k['inspectSts'] = 'inspectWhite'
+ } else {
+ k['inspectSts'] = 'inspectRed'
+ }
+ }
+ that.swiperList = res.data
+ }
+ })
+ },
getError2 () {
let that = this
let result = ycqdata.dataError2
@@ -612,8 +650,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;
@@ -634,6 +673,11 @@
justify-content: center;
transform: scale(0.7);
}
+ .head-image {
+ width: 80%;
+ position: absolute;
+ z-index: 1;
+ }
.time-tools {
position: absolute;
right: 2%;
@@ -643,7 +687,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%;
@@ -883,4 +927,26 @@
height: 20%;font-size: 8vh;
justify-content: center;
}
+ .beBatch1 {
+ padding: 18rpx;
+ background-color: #fec652;
+ height: 60rpx;
+ text-align: center;
+ line-height: 60rpx;
+ border-radius: 10rpx;
+ }
+ .beBatch2 {
+ padding: 18rpx;
+ background-color: #60b86b;
+ height: 60rpx;
+ text-align: center;
+ line-height: 60rpx;
+ border-radius: 10rpx;
+ }
+ .inspectRed {
+ background-color: rgba(235, 104, 84, .6);
+ }
+ .inspectWhite {
+ background-color: rgba(255, 255, 255, .4);
+ }
</style>
--
Gitblit v1.9.1