From 95f1f37b71296be8f14fff315215c670b80947fb Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期五, 17 二月 2023 21:27:43 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.vue | 57 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 40 insertions(+), 17 deletions(-)
diff --git a/Monitor-APP/pages/home/home.vue b/Monitor-APP/pages/home/home.vue
index 2277f5f..29250a6 100644
--- a/Monitor-APP/pages/home/home.vue
+++ b/Monitor-APP/pages/home/home.vue
@@ -173,7 +173,7 @@
</view>
<view class="flex-row sub-info" style="margin-top: 2vh;">
<image src="../../static/e1.png" mode="aspectFit"></image>
- <view style="width: 8vw;height: 4vw;line-height: 4vw;">绂佺敤</view>
+ <view style="width: 8vw;height: 4vw;line-height: 4vw;">閿佸畾</view>
<view style="width: 8vw;height: 4vw;line-height: 4vw;font-size: 2vw;">{{baseInfo.noneCount}}</view>
</view>
</view>
@@ -213,12 +213,34 @@
<view class="info-main">
<view class="info-box">
<y-box>
- <view class="info-box-text">
- <view class="flex-col info-box-text-item">鐩爣绔欙細{{infoText.staNo}}</view>
- <view class="flex-col info-box-text-item">鍟嗗搧缂栧彿锛歿{infoText.matnr}}</view>
- <view class="flex-col info-box-text-item">鍟嗗搧鍚嶇О锛歿{infoText.maknx}}</view>
- <view class="flex-col info-box-text-item">瑙勬牸锛歿{infoText.specs}}</view>
- <view class="flex-col info-box-text-item">鏁伴噺锛歿{infoText.count}}</view>
+ <!-- 鏂囨湰瀹瑰櫒 -->
+ <view class="text-content">
+ <!-- head -->
+ <view class="swiper-head">
+ <view>鐩爣绔欙細{{infoText.staNo}}</view>
+ <view>鍟嗗搧缂栧彿</view>
+ <view>鍟嗗搧鍚嶇О</view>
+ <view>瑙勬牸</view>
+ <view>鏁伴噺</view>
+ </view>
+ <!-- body -->
+ <view class="swiper-body">
+ <!-- swiper 涓�浜涜鏄�
+ circular 鏄惁閲囩敤琛旀帴婊戝姩锛屽嵆鎾斁鍒版湯灏惧悗閲嶆柊鍥炲埌寮�澶�
+ vertical 婊戝姩鏂瑰悜鏄惁涓虹旱鍚�
+ display-multiple-items 鍚屾椂鏄剧ず鐨勬粦鍧楁暟閲� -->
+ <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>No:{{i+1}}</view>
+ <view>{{item.matnr}}</view>
+ <view>{{item.maktx}}</view>
+ <view>{{item.specs}}</view>
+ <view>{{item.count}}</view>
+ </swiper-item>
+ </swiper>
+ </view>
</view>
</y-box>
</view>
@@ -358,9 +380,7 @@
count: "",
error: ""
},
-
-
-
+ swiperList: []
}
},
onShow() {
@@ -381,7 +401,7 @@
that.baseLedId = BaseLedId
that.basePort = BasePort
that.baseCrnId = BaseCrnId
- this.getUrl()
+ // this.getUrl()
},
onLoad() {
setInterval(()=>{
@@ -392,11 +412,12 @@
this.getDate()
this.getInfo()
this.getError()
+ // this.getInfo2()
+ // this.getError2()
this.getUrl()
this.controller()
// 娴嬭瘯鐢�
- // this.getInfo2()
- // this.getError2()
+
},1000)
},
methods: {
@@ -424,10 +445,11 @@
that.infoText.title = '妫�鏂欏嚭搴�'
}
that.infoText.staNo = res.data[0].staNo
- that.infoText.matnr = res.data[0].matDtos[0].matnr
- that.infoText.specs = res.data[0].matDtos[0].specs
- that.infoText.maknx = res.data[0].matDtos[0].maknx
- that.infoText.count = res.data[0].matDtos[0].count
+ that.swiperList = res.data[0].matDtos
+ // that.infoText.matnr = res.data[0].matDtos[0].matnr
+ // that.infoText.specs = res.data[0].matDtos[0].specs
+ // that.infoText.maknx = res.data[0].matDtos[0].maknx
+ // that.infoText.count = res.data[0].matDtos[0].count
} else {
if (that.infoType == 2 || that.infoType == 3) {
return;
@@ -729,6 +751,7 @@
<style>
/* @import url("../../static/css/common.css"); */
+ @import url("home.css");
/* 鍒� */
.flex-col {
display: flex;
--
Gitblit v1.9.1