订单 二维码弹出

h5/pages/main/order/order.vue

@@ -102,6 +102,7 @@ import DraggableButton from "@/pages/components/goHome.vue";
 		  
 		}
 	};
+	
 	onShow(() => {
 		if (!!config_ref.value) {
 			getOrderList()

h5/pages/main/order/src/order.vue

@@ -120,12 +120,29 @@
 			url: '/pages/main/ctime/ctime?id=' + id
 		})
 	}
+	let erweima_popup=ref(null);
+	let show_erweima_text=ref('');
+	const erweima_click=(text)=>{
+		show_erweima_text.value=text
+		erweima_popup.value.open()
+	}
 	onMounted(() => {
 		deepInfo();
 	});
 </script>
 <template>
 	<view>
+		<uni-popup ref="erweima_popup" type="center" :animation="false">
+			<view style="background-color: #fff;padding: 20rpx;border-radius: 10rpx;">
+				<view>扫码预约取号</view>
+				<w-qrcode :options="{
+				  level: 4,
+				  size: 500,
+				  code: show_erweima_text,
+				}"></w-qrcode>
+			</view>
+			
+		</uni-popup>
 		<view v-if="!!order_info" class="order_wrapper">
 			<view class="order_status_wrapper" :class="[`status${order_info.status}`]">
 				<view v-if="[1].includes(order_info.status)"> 待支付 </view>
@@ -151,7 +168,7 @@
 						</view>
 					</view>
 					<view v-if="order_info.status==2 || order_info.status==4" >
-						<w-qrcode   class="absolute top-80rpx right-15rpx b-1 b-dashed b-#000 p-8rpx"
+						<w-qrcode @click="erweima_click(order_info.appointment_number)"  class="absolute top-80rpx right-15rpx b-1 b-dashed b-#000 p-8rpx"
 											:options="{
 												level: 4,
 						  size: 150,