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