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

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

 

 

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

 

 

 这是后台返回的字段:

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

 

 

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

 

 

 描述:在通过的前提下,再去判断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 }

 

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

上一篇:rabbitmq学习记录3


下一篇:vue3.0之ref函数