会员列表，详情，充值，订单列表

pages/order/index.vue

@@ -13,13 +13,13 @@
 			</view> -->
 			<up-sticky>
 				<view class="tab-wrap">
-					<view class="item" :class="{'active':active == index}" v-for="(item, index) in tabs" :key="index"
-						@click="orderswitch(item,index)">
+					<view class="item" :class="{'active':orderForm.active == index}" v-for="(item, index) in tabs"
+						:key="index" @click="orderswitch(item,index)">
 						<text>{{ item.name }}</text>
 					</view>
 				</view>
 			</up-sticky>
-			<view class="list-wrap" v-if="!is_end">
+			<view class="list-wrap" v-if="!orderForm.is_end">
 				<view class="item" v-for="(item,index) in orderForm.list" :key="index" @click="orderinfo(item)">
 					<view class="header-wrap">
 						<view class="header-wrap-left">
@@ -110,13 +110,15 @@
 					<button v-if="item.status=='unpaid'" type="primary" class="buttonStyle">去付款</button>
 				</view>
 			</view>
-			<image style="width: 402rpx;height: 442rpx;margin:240rpx auto 32rpx;"
-				src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/nomore.png" v-if="list.length <= 0 "
-				mode="aspectFill"></image>
+			
 			<u-modal width="450rpx" :show="removeOrderShow" @confirm="$u.debounce(removeOrder(),1000)"
 				@cancel="removeOrderShow = false" @close="removeOrderShow = false" :showCancelButton="true"
 				:closeOnClickOverlay="true" :title="'是否删除当前订单'"></u-modal>-->
-			<u-loadmore :status="form.status" fontSize="14" color="#999" iconSize="14" />
+			<view v-if="orderForm.list.length <= 0" style="text-align: center;">
+				<image style="width: 402rpx;height: 442rpx;margin:240rpx auto 32rpx;"
+					src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/nomore.png" mode="aspectFill"></image>
+			</view>
+			<up-loadmore :status="orderForm.form.status" fontSize="14" color="#999" iconSize="14" />
 		</view>
 	</view>
 </template>
@@ -146,29 +148,19 @@
 	// 导航栏
 	const tabs = [{
 			name: '全部',
-			type: 1,
 			status: ''
 		},
 		{
 			name: '待支付',
-			type: 2,
-			status: 'unpaid'
+			status: 'in-production'
 		},
 		{
-			name: '待发货',
-			type: 3,
-			status: 'unsend'
-		},
-
-		{
-			name: '已完成',
-			type: 4,
-			status: 'closed'
+			name: '订单完成',
+			status: 'refunding'
 		},
 		{
-			name: '退款/售后',
-			type: 5,
-			status: 'refund'
+			name: '取消订单',
+			status: 'cancelled'
 		},
 	]
 
@@ -178,32 +170,22 @@
 	const orderForm = reactive({
 		list: [],
 		groupList: [],
-		is_end: [],
+		is_end: false,
 		status: '',
+		active: 0,
 		form: {
 			page: 1,
 			size: 10,
 			status: 'loadmore',
 		}
 	})
-	const form = reactive({
-		page: 1,
-		size: 10,
-		status: 'loadmore',
-	})
-
-	// 团购预留
-	// const getorderList = async () => {
-	// 	await API()
-	// }
-
 
 	// 单店团购
 	const userorderList = async () => {
 		let res = await APIuserorder({
 			page: orderForm.form.page,
 			size: orderForm.form.size,
-			// status: orderForm.status
+			status: orderForm.status
 		})
 		console.log(res)
 		if (res.totalPage == 1 && res.totalRow <= 10) {
@@ -224,30 +206,12 @@
 				orderForm.form.status = 'loading';
 			}
 		}
+	}
 
-
-		// if (res.totalPage < orderForm.form.page) {
-		// 	orderForm.form.status = 'nomore'
-		// 	if (orderForm.form.page == 1 && res.records.length == 0) {
-		// 		orderForm.records = []
-		// 		orderForm.is_end = true
-		// 	}
-		// 	return false;
-		// } else {
-		// 	orderForm.form.status = 'loading';
-		// 	if (orderForm.form.page == 1) {
-		// 		orderForm.list = res.list
-		// 	} else {
-		// 		orderForm.list = [...orderForm.records, ...res.records];
-		// 	}
-		// 	orderForm.form.page = ++orderForm.form.page;
-		// 	if (orderForm.form.page > res.pages) {
-		// 		orderForm.form.status = 'nomore';
-		// 	} else {
-		// 		orderForm.form.status = 'loading';
-		// 	}
-
-		// }
+	const orderswitch = (item, index) => {
+		orderForm.active = index
+		orderForm.status = item.status
+		init_fn()
 	}
 
 	// 初始化