小程序对订单进行分类

最新推荐文章于 2024-04-04 16:53:59 发布

一个什么都不会的前端

最新推荐文章于 2024-04-04 16:53:59 发布

阅读量553

点赞数

分类专栏： uni-app 文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_43090018/article/details/105220616

版权

uni-app 专栏收录该内容

28 篇文章 10 订阅

订阅专栏

1、请求接口拿到全部的订单数据后，要把它分类到对应的状态中，如下图
在这里插入图片描述
2、根据后台返回数据的状态进行分类

在循环数据之前要对每一个进行重新赋值避免出现重复

						//重新初始化赋值
						this.arr1 = []
						this.arr2 = []
						this.arr3 = []
						this.arr4 = []
						this.arr5 = []
						this.arr1 = res.data.data//全部订单
						this.orderList = res.data.data

//循环全部的数据，根据对应的下标进行判断分类，并push到相应的arr数组中
for(let i = 0; i < this.orderList.length; i++){
	if(this.orderList[i].is_succ == 1){
		this.orderStatus = '已完成'
		this.arr2.push(this.orderList[i])
	} else {
		if(this.orderList[i].buy_code == 0){
			this.orderStatus = '待付款'
			this.arr3.push(this.orderList[i])
			if(this.arr3.length > 0){
				uni.showTabBarRedDot({
					index:1
				})
			} else {
				uni.hideTabBarRedDot({
					index:1
				})
			}
		} else {
			if(this.orderList[i].is_refund == 0){
				this.orderStatus = '待使用'
				this.arr4.push(this.orderList[i])
			} else {
				this.arr5.push(this.orderList[i])
				if(this.arr5.length > 0){
					uni.showTabBarRedDot({
						index:1
					})
				} else {
					uni.hideTabBarRedDot({
						index:1
					})
				}
			}
		}
	}
}