hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-11 19:06:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

【银保app】增加空数据展示样式

Browse Source
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2022-11-24 04:24:17 +08:00
parent dec799a1a3
commit 61ea0a9588
1 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/YB_APP/home.vue
View File

@@ -258,7 +258,7 @@
<th style="width: 13%;">保费</th> <th style="width: 13%;">保费</th>
</tr> </tr>
<tbody> <tbody>
<tr v-for="item in tableData"> <tr v-if="tableData.length!=0" v-for="item in tableData">
<td>{{item.acceptTime}}</td> <td>{{item.acceptTime}}</td>
<td>{{item.companyName}}</td> <td>{{item.companyName}}</td>
<td>{{item.orgName}}</td> <td>{{item.orgName}}</td>
@@ -269,6 +269,10 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div v-if="tableData.length == 0" class="noneDataDiv">
<img style="width:60%" src="@/assets/YB_APP/images/43.png">
<span class="noneDataDiv_span">暂无数据</span>
</div>
</div> </div>
</div> </div>
<van-popup v-model="calendarShow" position="bottom"> <van-popup v-model="calendarShow" position="bottom">
@@ -420,8 +424,13 @@ export default {
let params = {} let params = {}
getPremRankList(params).then(res=>{ getPremRankList(params).then(res=>{
if(res.result == 0){ if(res.result == 0){
this.ebizPremRankGMList = res.content.ebizPremRankGMList if(res.content.ebizPremRankGMList){
this.ebizPremRankQJList = res.content.ebizPremRankQJList this.ebizPremRankGMList = res.content.ebizPremRankGMList
}
if(res.content.ebizPremRankQJList){
this.ebizPremRankQJList = res.content.ebizPremRankQJList
}
this.$nextTick(() => { this.$nextTick(() => {
this.setAnimation() this.setAnimation()
}) })
@@ -455,7 +464,7 @@ export default {
this.calendarShow = true this.calendarShow = true
}, },
setAnimation(){ setAnimation(){
if(this.activePersonalType == 1){ if(this.activePersonalType == 1 && this.ebizPremRankGMList.length != 0){
this.ebizPremRankGMList.forEach((item,index)=>{ this.ebizPremRankGMList.forEach((item,index)=>{
let ruleTrue1 = ` @keyframes changeWidth`+[index]+` { 0% {width: 0%;} 100% {width: `+item.prem/this.ebizPremRankGMList[0].prem*100+`%;} }` let ruleTrue1 = ` @keyframes changeWidth`+[index]+` { 0% {width: 0%;} 100% {width: `+item.prem/this.ebizPremRankGMList[0].prem*100+`%;} }`
let sheet1 = document.styleSheets[0] let sheet1 = document.styleSheets[0]
@@ -465,7 +474,7 @@ export default {
}) })
} }
if(this.activePersonalType == 2){ if(this.activePersonalType == 2 && this.ebizPremRankQJList.length != 0){
this.ebizPremRankQJList.forEach((item,index)=>{ this.ebizPremRankQJList.forEach((item,index)=>{
let ruleTrue2 = ` @keyframes changeTotalWidth`+[index]+` { 0% {width: 0%;} 100% {width: `+item.prem/this.ebizPremRankQJList[0].prem*100+`%;} }` let ruleTrue2 = ` @keyframes changeTotalWidth`+[index]+` { 0% {width: 0%;} 100% {width: `+item.prem/this.ebizPremRankQJList[0].prem*100+`%;} }`
let sheet2 = document.styleSheets[0] let sheet2 = document.styleSheets[0]
@@ -627,4 +636,10 @@ export default {
/deep/ .van-notice-bar__wrap{ /deep/ .van-notice-bar__wrap{
margin-left: 10px; margin-left: 10px;
} }
.noneDataDiv{
display:flex;justify-content:center;align-items:center;height:300px;position:relative;width:100%;
}
.noneDataDiv_span{
position:absolute;bottom:80px;left:calc(50% - 33px);
}
</style> </style>