From bd68e186226e2e0e971ecac557b6aa25fa536aee Mon Sep 17 00:00:00 2001
From: wk
Date: 星期二, 10 九月 2024 10:12:43 +0800
Subject: [PATCH] feat:门卫

---
 pages/quality-inspection-page/qualityIndex/qualityIndex.vue |   86 ++++++++++++++++++++++++++++++------------
 1 files changed, 61 insertions(+), 25 deletions(-)

diff --git a/pages/quality-inspection-page/qualityIndex/qualityIndex.vue b/pages/quality-inspection-page/qualityIndex/qualityIndex.vue
index 26d031d..9d66ea4 100644
--- a/pages/quality-inspection-page/qualityIndex/qualityIndex.vue
+++ b/pages/quality-inspection-page/qualityIndex/qualityIndex.vue
@@ -1,23 +1,28 @@
 <template>
    <view class="qualityIndex-wrap">
-     <div class="qualityIndex-button">
-       <view class="quality-button">
-         <u-button @click="handleEDCClick" class="quality-button" type="primary">EDC鍙栨牱</u-button>
+     <view class="qualityIndex-main">
+       <!-- 寰呴鍙栧拰杞彂鎻愮叅鍗� -->
+       <view class="wait-collection">
+         <h1>闅忔椂闅忓湴鏌ョ湅鏈�鏂版秷鎭�</h1>
        </view>
-       <view class="quality-button">
-         <u-button @click="handleGaiMeiClick" class="quality-button" type="primary">鍘熺洂閽欓晛鍙栨牱</u-button>
+       <view class="qualityIndex-button">
+         <view class="quality-button">
+           <u-button @click="handleEDCClick" class="quality-button" type="primary">EDC鍙栨牱</u-button>
+         </view>
+         <view class="quality-button">
+           <u-button @click="handleGaiMeiClick" class="quality-button" type="primary">鍘熺洂閽欓晛鍙栨牱</u-button>
+         </view>
+         <view class="quality-button">
+           <u-button @click="handleTOCClick" class="quality-button" type="primary">鍘熺洂TOC鍙栨牱</u-button>
+         </view>
+         <view class="quality-button">
+           <u-button @click="handleSalTotalClick" class="quality-button" type="primary">鍘熺洂鍏ㄦ</u-button>
+         </view>
+         <view class="quality-button">
+           <u-button @click="handleSymbNaClick" class="quality-button" type="primary">姘㈡哀鍖栭挔鍙栨牱</u-button>
+         </view>
        </view>
-       <view class="quality-button">
-         <u-button @click="handleTOCClick" class="quality-button" type="primary">鍘熺洂TOC鍙栨牱</u-button>
-       </view>
-       <view class="quality-button">
-         <u-button @click="handleSalTotalClick" class="quality-button" type="primary">鍘熺洂鍏ㄦ</u-button>
-       </view>
-       <view class="quality-button">
-         <u-button @click="handleSymbNaClick" class="quality-button" type="primary">姘㈡哀鍖栭挔鍙栨牱</u-button>
-       </view>
-     </div>
-
+     </view>
    </view>
 </template>
 
@@ -31,14 +36,12 @@
   },
   onLoad() {
     this.init()
-    console.log('鎬庝箞杩涗笉鏉ュ憿==============')
   },
   methods: {
     init() {
       this.getBunkerList()
     },
     getBunkerList() {
-      console.log('鎴戣繘鏉ヤ簡-----')
       this.$store.dispatch('getBunkerList')
     },
     handleEDCClick() {  //EDC鍙栨牱
@@ -66,7 +69,19 @@
         url: '/pages/quality-inspection-page/symbNa-sampling/symbNa-sampling'
       })
     }
-  }
+  },
+  onPullDownRefresh() {
+    console.log('涓嬫媺鍒锋柊0000000000000')
+    setTimeout(() => {
+      this.init(() => {
+        uni.stopPullDownRefresh()
+      })
+    },1000)
+  },
+  onReachBottom() { //涓婃媺鍔犺浇
+    console.log('涓婃媺鍔犺浇0000000000000')
+    this.init()
+  },
 }
 </script>
 
@@ -77,23 +92,44 @@
   box-shadow: 0 0 10px rgba(43,98,239,0.5);
 }
 .qualityIndex-wrap{
-  width: 100vw;
+  width: 100%;
   display: flex;
-  padding: 40rpx 20rpx 0 20rpx;
-  box-sizing: border-box;
   flex-wrap: wrap;
-  height: vww(20);
+  .qualityIndex-main{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: 50rpx 20rpx 20rpx 20rpx;
+    box-sizing: border-box;
+  }
+  .wait-collection {
+    width: calc(100% - 40rpx);
+    height: 350rpx;
+    background: url("https://wrzs.czjlchem.com:9090/appimg/image/banner/quality-banner.png") no-repeat center;
+    background-size: 100% 100%;
+    display: flex;
+    align-items: center;
+    margin: 0 20rpx;
+    h1{
+      color: #fff;
+      font-size: 28rpx;
+      margin-left: 60rpx;
+      font-family: '寰蒋闆呴粦 Light';
+      letter-spacing: 2rpx;
+    }
+  }
   .qualityIndex-button{
     display: flex;
     flex-wrap: wrap;
-    margin-top: 80rpx;
+    margin-top: 30rpx;
+    background: #fff;
   }
   .quality-button{
     width: calc(50vw - 60rpx);
     margin: 20rpx;
     ::v-deep{
       .u-button{
-        margin: 0 10rpx;
+        margin: 0rpx;
         padding: 0 50rpx;
         @include commonBtn(68);
       }

--
Gitblit v1.9.1