From f28c3941955c56eef09778333b18df5db8b8a977 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期二, 14 二月 2023 20:22:13 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.css | 22 +++++++++++
Monitor-APP/pages/home/home.vue | 41 +++++++++++++++-----
2 files changed, 52 insertions(+), 11 deletions(-)
diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css
new file mode 100644
index 0000000..37e87e2
--- /dev/null
+++ b/Monitor-APP/pages/home/home.css
@@ -0,0 +1,22 @@
+.text-content {
+ width: 100%;
+ height: 100%;
+ /* background-color: aliceblue; */
+}
+.swiper-head {
+ width: 100%;
+ height: 10%;
+ background-color: #000000;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+}
+.swiper-body {
+ width: 100%;
+ height: 90%;
+ background-color: #aa0000;
+}
+.swiper-body-main {
+ width: 100%;
+ height: 100%;
+ background-color: #00a8ff;
+}
\ No newline at end of file
diff --git a/Monitor-APP/pages/home/home.vue b/Monitor-APP/pages/home/home.vue
index 2277f5f..6715bc2 100644
--- a/Monitor-APP/pages/home/home.vue
+++ b/Monitor-APP/pages/home/home.vue
@@ -213,12 +213,28 @@
<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>鐩爣绔欙細</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="16"
+ circular="true" :autoplay="true" :interval="3000" :duration="1000">
+ <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
+ <view>{{item}}</view>
+ </swiper-item>
+ </swiper>
+ </view>
</view>
</y-box>
</view>
@@ -358,6 +374,7 @@
count: "",
error: ""
},
+ swiperList: []
@@ -381,7 +398,7 @@
that.baseLedId = BaseLedId
that.basePort = BasePort
that.baseCrnId = BaseCrnId
- this.getUrl()
+ // this.getUrl()
},
onLoad() {
setInterval(()=>{
@@ -390,13 +407,14 @@
this.initPieChart()
this.getOther()
this.getDate()
- this.getInfo()
- this.getError()
+ // this.getInfo()
+ // this.getError()
+ this.getInfo2()
+ this.getError2()
this.getUrl()
this.controller()
// 娴嬭瘯鐢�
- // this.getInfo2()
- // this.getError2()
+
},1000)
},
methods: {
@@ -729,6 +747,7 @@
<style>
/* @import url("../../static/css/common.css"); */
+ @import url("home.css");
/* 鍒� */
.flex-col {
display: flex;
--
Gitblit v1.9.1