排队

pageLineUp/callRecord.vue

@@ -1,16 +1,16 @@
 <template>
 	<ul class="callRecord">
-		<li>
+		<li v-for="item in datas.list" :key="item.id">
 			<view>
 				<view>
-					A6
+					{{item.callNum}}
 				</view>
 				<view>
-					（1-2人）
+					（{{item.note}}）
 				</view>
 			</view>
-			<view class="rightTop">
-				已完成
+			<view :class="[item.state==3?'rightTopstyle':'rightTop']">
+				{{filterEvent(item.state)}}
 			</view>
 			<view>
 				<view>
@@ -18,7 +18,7 @@
 						时间
 					</view>
 					<view>
-						2024-05-11 10:22:15
+						{{item.callTime}}
 					</view>
 				</view>
 				<view>
@@ -26,38 +26,7 @@
 						手机号
 					</view>
 					<view>
-						153092768942
-					</view>
-				</view>
-			</view>
-		</li>
-		<li>
-			<view>
-				<view>
-					A6
-				</view>
-				<view>
-					（1-2人）
-				</view>
-			</view>
-			<view class="rightTop">
-				已完成
-			</view>
-			<view>
-				<view>
-					<view>
-						时间
-					</view>
-					<view>
-						2024-05-11 10:22:15
-					</view>
-				</view>
-				<view>
-					<view>
-						手机号
-					</view>
-					<view>
-						153092768942
+						{{item.phone}}
 					</view>
 				</view>
 			</view>
@@ -67,15 +36,34 @@
 
 <script setup>
 	import {
-		onMounted
+		onMounted,
+		reactive
 	} from 'vue';
 	import {
 		callTablecallRecord,
 	} from '@/http/yskApi/requestAll.js';
+	let datas = reactive({
+		list: ""
+	})
 	onMounted(() => {
 		getList()
 	})
 
+	function filterEvent(i) {
+		// -1已取消 0排队中 1叫号中 2已入座 3 已过号 
+		if (i == -1) {
+			return '已取消'
+		} else if (i == 0) {
+			return '排队中'
+		} else if (i == 1) {
+			return '叫号中'
+		} else if (i == 2) {
+			return '已入座'
+		} else if (i == 3) {
+			return '已过号 '
+		}
+	}
+
 	function getList() {
 		callTablecallRecord({
 			shopId: uni.getStorageSync('shopId'),
@@ -83,6 +71,7 @@
 			size: 9999
 		}).then((res) => {
 			console.log(res, '调试1')
+			datas.list = res.records
 		})
 	}
 </script>
@@ -180,6 +169,25 @@
 				font-size: 22rpx;
 				color: #FFFFFF;
 			}
+
+			.rightTopstyle {
+				position: absolute;
+				right: 0rpx;
+				top: 0;
+
+				width: 94rpx;
+				height: 36rpx;
+				line-height: 36rpx;
+				text-align: center;
+				background: #9a9a9a;
+				border-radius: 0rpx 8rpx 0rpx 8rpx;
+
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 22rpx;
+				color: #FFFFFF;
+			}
+
 		}