订单详情新增打印状态

pagesOrder/detail/components/order.vue

@@ -2,23 +2,23 @@
 	<view class="default-box-padding bg-fff border-r-12 u-m-t-24">
 		<view class="u-flex u-row-between">
 			<view>订单状态</view>
-			<view>{{$dict.getDiceName(data.status,'orderStatus')}}</view>
+			<view>{{ $dict.getDiceName(data.status, 'orderStatus') }}</view>
 		</view>
 		<view class="u-flex u-row-between u-m-t-24">
 			<view>订单类型</view>
-			<view>{{$dict.getDiceName(data.dineMode,'dineMode')}}</view>
+			<view>{{ $dict.getDiceName(data.dineMode, 'dineMode') }}</view>
 		</view>
 		<view class="u-flex u-row-between u-m-t-24">
 			<view>桌位号</view>
-			<view>{{table.name||data.tableName}}</view>
+			<view>{{ table.name || data.tableName }}</view>
 		</view>
 		<view class="u-flex u-row-between u-m-t-24" v-if="seatFee.number">
 			<view>就餐人数</view>
-			<view>{{seatFee.number||''}}</view>
+			<view>{{ seatFee.number || '' }}</view>
 		</view>
 		<view class="u-flex u-row-between u-m-t-24">
 			<view>支付方式</view>
-			<view>{{$dict.getDiceName(data.payType,'payType')||''}}</view>
+			<view>{{ $dict.getDiceName(data.payType, 'payType') || '' }}</view>
 		</view>
 		<view class="u-flex u-row-between u-m-t-24">
 			<view>下单时间</view>
@@ -27,9 +27,9 @@
 		<view class="u-flex u-row-between u-m-t-24">
 			<view>订单编号</view>
 			<view class="u-flex">
-				<view>{{data.orderNo}}</view>
+				<view>{{ data.orderNo }}</view>
 				<view v-if="data.orderNo" class="u-m-l-6">
-					<up-copy :content="data.orderNo" >
+					<up-copy :content="data.orderNo">
 						<up-icon name="/static/copy.svg" :size="16"></up-icon>
 					</up-copy>
 				</view>
@@ -37,34 +37,44 @@
 		</view>
 		<view class="u-flex u-row-between u-m-t-24 u-col-top">
 			<view class="no-wrap">商家备注</view>
-			<view class="u-p-l-32 " style="max-width: 522rpx;    word-wrap: break-word;">
-				{{data.remark}}
+			<view class="u-p-l-32" style="max-width: 522rpx; word-wrap: break-word">
+				{{ data.remark }}
+			</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-24 u-col-top">
+			<view class="no-wrap">打印状态</view>
+			<view class="u-p-l-32" style="max-width: 522rpx; word-wrap: break-word; color: red">
+				<template v-if="JSON.parse(data.printStatus).length > 0">
+					打印失败（{{
+						JSON.parse(data.printStatus)
+							.map((item) => item.name)
+							.join('、')
+					}}）
+				</template>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script setup>
-	import { ref } from 'vue';
+import { ref } from 'vue';
 
-	const props = defineProps({
-		data: {
-			type: Object,
-			default: () => {}
-		},
-		table: {
-			type: Object,
-			default: () => {}
-		},
-		seatFee: {
-			type: Object,
-			default: () => {
-				totalNumber: 0
-			}
+const props = defineProps({
+	data: {
+		type: Object,
+		default: () => {}
+	},
+	table: {
+		type: Object,
+		default: () => {}
+	},
+	seatFee: {
+		type: Object,
+		default: () => {
+			totalNumber: 0;
 		}
-	})
-	
+	}
+});
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>