From 1034136b2a8e95d131f90ea12fcc4945691c4652 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期五, 31 五月 2024 15:15:05 +0800
Subject: [PATCH] feture：无数据添加空页面
---
pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue | 24 ++++++++++++++++++++++++
1 files changed, 24 insertions(+), 0 deletions(-)
diff --git a/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue b/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue
index 4dc5738..dd21c02 100644
--- a/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue
+++ b/pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue
@@ -7,6 +7,16 @@
<h1>娣诲姞鍘熺洂鍏ㄦ鍙栨牱</h1>
</view>
</view>
+ <u-empty
+ class="empty-box"
+ mode="data"
+ icon="http://cdn.uviewui.com/uview/empty/data.png"
+ textSize="30"
+ width="300"
+ height="300"
+ text="鏆傛棤鏁版嵁"
+ v-if="emptyShow">
+ </u-empty>
<div class="edc-sampling-main-inside">
<view class="edc-sampling-card" v-for="item in edcList" :key="item.id">
<view class="edc-sampling-line">
@@ -62,6 +72,7 @@
data() {
return {
edcList:[],
+ emptyShow: false,
size:10,
current:1,
total:0,
@@ -132,6 +143,11 @@
const res = await this.$reqGet('pageList',{current:this.current,size:this.size,type:this.type})
uni.hideLoading()
this.edcList = [...this.edcList,...res.data.records]
+ if(this.edcList == 0) {
+ this.emptyShow = true
+ }else {
+ this.emptyShow = false
+ }
this.total = res.data.total
callBack && callBack()
}catch (err) {
@@ -306,6 +322,14 @@
font-size: 30rpx;
color: #999999;
}
+ .empty-box{
+ margin: auto;
+ position: absolute;
+ top: 24%;
+ left: 50%;
+ transition: (50%, -50%);
+ transform: translate(-50%, -24%);
+ }
}
}
</style>
--
Gitblit v1.9.1