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/edc-sampling/edc-sampling.vue | 24 ++++++++++++++++++++++++ 1 files changed, 24 insertions(+), 0 deletions(-) diff --git a/pages/quality-inspection-page/edc-sampling/edc-sampling.vue b/pages/quality-inspection-page/edc-sampling/edc-sampling.vue index e813548..0ce17d6 100644 --- a/pages/quality-inspection-page/edc-sampling/edc-sampling.vue +++ b/pages/quality-inspection-page/edc-sampling/edc-sampling.vue @@ -1,6 +1,16 @@ <template> <view class="edc-sampling-wrap"> <view class="edc-sampling-main"> + <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> <view class="edc-sampling-card" v-for="(item,index) in edcList" :key="index"> <view class="edc-sampling-line"> <h1>{{item.carNo}}</h1> @@ -71,6 +81,7 @@ data() { return { edcList:[], + emptyShow:false, //绌洪〉闈㈡槸鍚︽樉绀� size:10, current:1, total:0, @@ -141,6 +152,11 @@ const res = await this.$reqGet('getTaskCoalOfNoDetection',{current:this.current,size:this.size,productId:this.productId}) 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) { @@ -282,6 +298,14 @@ } } } + .empty-box{ + margin: auto; + position: absolute; + top: 24%; + left: 50%; + transition: (50%, -50%); + transform: translate(-50%, -24%); + } } } -- Gitblit v1.9.1