From 77e0862f66a111a4eba081671b93cfa15c0fdf14 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 29 二月 2024 17:20:32 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/index.vue | 129 +++++++++++++++++++++++++++++++++++++++++++
Monitor-APP/App.vue | 3 +
Monitor-APP/pages.json | 11 +++
3 files changed, 143 insertions(+), 0 deletions(-)
diff --git a/Monitor-APP/App.vue b/Monitor-APP/App.vue
index 8c2b732..63a698b 100644
--- a/Monitor-APP/App.vue
+++ b/Monitor-APP/App.vue
@@ -14,4 +14,7 @@
<style>
/*姣忎釜椤甸潰鍏叡css */
+ page {
+ height: 100%;
+ }
</style>
diff --git a/Monitor-APP/pages.json b/Monitor-APP/pages.json
index 130066d..bd16ad2 100644
--- a/Monitor-APP/pages.json
+++ b/Monitor-APP/pages.json
@@ -1,6 +1,17 @@
{
"pages": [ //pages鏁扮粍涓涓�椤硅〃绀哄簲鐢ㄥ惎鍔ㄩ〉锛屽弬鑰冿細https://uniapp.dcloud.io/collocation/pages
{
+ "path" : "pages/home/index",
+ "style" :
+ {
+ // 鍘绘帀椤堕儴瀵艰埅鏍�
+ "navigationStyle": "custom",
+ "app-plus": {
+ "titleNView": false
+ }
+ }
+ },
+ {
"path": "pages/home/home",
"style": {
"navigationStyle": "custom",
diff --git a/Monitor-APP/pages/home/index.vue b/Monitor-APP/pages/home/index.vue
new file mode 100644
index 0000000..8b6557f
--- /dev/null
+++ b/Monitor-APP/pages/home/index.vue
@@ -0,0 +1,129 @@
+<template>
+ <view class="root">
+ <view class="head">鍙枡璁板綍璇︽儏</view>
+ <view class="body">
+ <!-- 绗竴閮ㄥ垎 -->
+ <view class="one">
+ <view class="item" v-for="item in dataList">
+ <text style="font-weight: bold;">{{item.desc}}</text><text style="padding-left: 10px;">{{item.val}}</text>
+ </view>
+ </view>
+ <!-- 绗簩閮ㄥ垎 -->
+ <view class="two">
+ <view class="list-head">
+ <view style="width: 5%;">搴忓彿</view>
+ <view style="width: 20%;">閮ㄥ搧</view>
+ <view style="width: 15%;">閮ㄥ搧缂栫爜</view>
+ <view style="width: 15%;">绠卞閲�</view>
+ <view style="width: 10%;">绠辨暟</view>
+ <view style="width: 10%;">鏁伴噺</view>
+ <view style="width: 10%;">瀹為檯鍙戣揣鏁伴噺</view>
+ <view style="width: 15%;">浜岀淮鐮�</view>
+ </view>
+ <view style="height: 90%;">
+ <swiper class="swiper-body-main" vertical="true"
+ display-multiple-items="2"
+ circular="true" :autoplay="true" :interval="3000" :duration="1000">
+ <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
+ <view style="width: 5%;">{{i+1}}</view>
+ <view style="width: 20%;">{{item.matnr}}</view>
+ <view style="width: 15%;">{{item.item1}}</view>
+ <view style="width: 15%;">{{item.item2}}</view>
+ <view style="width: 10%;">{{item.item3}}</view>
+ <view style="width: 10%;">{{item.item4}}</view>
+ <view style="width: 10%;">{{item.item5}}</view>
+ <view style="width: 15%;">浜岀淮鐮�</view>
+ </swiper-item>
+ </swiper>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ dataList: [
+ {desc: '閮ㄥ搧鍛煎彨缂栧彿:',val: '240220-0014'},
+ {desc: '宸ュ崟缂栧彿:',val: 'P202402200554422594'},
+ {desc: '鐪嬫澘鐘舵��:',val: '澶囪揣涓�'},
+ {desc: '鍛煎彨鏃堕棿:',val: '2024-02-200856.19'},
+ {desc: '澶囪揣瀹屾垚鏃堕棿:',val: '2024-02-200856.19'},
+ {desc: '鏀惰揣鏃堕棿:',val: '2024-02-200856.19'},
+ {desc: '浜х嚎鍚嶇О:',val: 'EPS Ar绾�'},
+ {desc: '浜х嚎缂栫爜:',val: 'EPS Ar绾�'}
+ ],
+ swiperList: [
+ {matnr: '閽�-0090',item1: 'HX160825-0090',item2: '100',item3: '200',item4: '100',item5: '200'},
+ {matnr: '閽�-0090',item1: 'HX160825-0090',item2: '100',item3: '200',item4: '100',item5: '200'}
+ ]
+ }
+ },
+ onShow() {
+ // 闅愯棌鏃堕棿,鐢甸噺,淇″彿绛�
+ // #ifdef APP-PLUS
+ plus.navigator.setFullscreen(true)
+ // #endif
+ },
+ methods: {
+
+ }
+ }
+</script>
+
+<style>
+ .root {
+ width: 100%;
+ height: 100%;
+ /* background-color: bisque; */
+ }
+ .head {
+ width: 100%;
+ padding: 30rpx;
+ border-bottom: 1px solid #aaa;
+ }
+ .body {
+ margin: 2%;
+ height: 88%;
+ border: 1px solid #aaa;
+ }
+ .one {
+ margin: 100rpx;
+ height: 30%;
+ /* background-color: #aaa; */
+ border-bottom: 1px solid #aaa;
+ display: grid;
+ grid-template-columns: auto auto auto auto;
+ grid-template-rows: auto auto;
+ }
+ .item {
+ display: flex;
+ align-items: center;
+ /* justify-content: center; */
+ }
+ .two {
+ height: 58%;
+ margin: 0 100rpx;
+ /* background-color: #55aa7f; */
+ }
+ .list-head {
+ width: 100%;
+ padding: 20rpx;
+ text-align: center;
+ font-weight: bold;
+ background-color: #e5e6e4;
+ display: flex;
+ }
+ .swiper-body-main {
+ height: 100%;
+ }
+ .swiper-item {
+ display: flex;
+ align-items: center;
+ /* justify-content: center; */
+ text-align: center;
+ border-bottom: 1px solid #aaa;
+ }
+</style>
--
Gitblit v1.9.1