首页 > 其他 > 详细

前端如何实现根据两个字段展示列表项中的状态文字?

时间:2021-08-19 17:27:06      阅读:23      评论:0      收藏:0      [点我收藏+]

这是前端需要展示的页面:一共四个状态

 

 

技术分享图片

 

 

 这是后台返回的字段:

技术分享图片

 

 

 技术分享图片

 

 

 描述:在通过的前提下,再去判断type值,为1,页面展示:抢单成功;为2,页面展示:已通过

下面是主要代码:

 

1 <view class="customer-card" @click="goDetail(item)"  v-for="(item,index) in list">
2      <view class="status">
3           {{ calcStatus(item.exaStatus, item.type) }}
4      </view>
5 </view>

 

1 calcStatus(status, type) {
2      if(status == 2) {
3            return type == 1 ? ‘抢单获得‘ : ‘已通过‘
4      } else {
5            return status === 0 ? ‘未通过‘ : status === 1 ? ‘审核中‘ : status === 2 ? ‘已通过‘ : ‘‘
6      }
7 }

 

前端如何实现根据两个字段展示列表项中的状态文字?

原文:https://www.cnblogs.com/heisetianshi/p/15162422.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!