update

uniapp_project_code/src/components/index/page_standby.vue

@@ -1,114 +1,118 @@
 <template>
-  <view class="content">
-    <view class="content_title">
-		<text class="txt">欧轩智能场馆丛云店</text>
-	</view>
-    <view class="content_info">
-		<text class="txt">欢迎使用自助收银</text>
-	</view>
-    <image class="content_tip" src="/static/index_tips.png" mode="scaleToFill" />
-    <image class="content_img" src="/static/index_person.png" mode="scaleToFill" />
-    <!-- <main-click-btn > -->
-      <view class="content_btn" @click="clickToUse">
-        <image class="icon_saoma" src="/static/images/saoma.png" mode="scaleToFill" />
-        <view>
+	<view class="content">
+		<view class="content_title">
+			<text class="txt">欧轩智能场馆丛云店</text>
+		</view>
+		<view class="content_info">
+			<text class="txt">欢迎使用自助收银</text>
+		</view>
+		<image class="content_tip" src="/static/index_tips.png" mode="scaleToFill" />
+		<image class="content_img" src="/static/index_person.png" mode="scaleToFill" />
+		<!-- <main-click-btn > -->
+		<view class="content_btn" @click="clickToUse">
+			<image class="icon_saoma" src="/static/images/saoma.png" mode="scaleToFill" />
 			<text class="txt">请扫描商品条形码</text>
 		</view>
-      </view>
-    <!-- </main-click-btn> -->
-    <view class="content_logo">
-		<text class="txt">欧轩智能场馆提供技术支持</text>
+		<!-- </main-click-btn> -->
+		<view class="content_logo">
+			<text class="txt">欧轩智能场馆提供技术支持</text>
+		</view>
 	</view>
-  </view>
 </template>
 
 <script setup>
-import mainClickBtn from '@/components/index/button_green_square.vue';
-import util from "@/utils/util.js"
+	import mainClickBtn from '@/components/index/button_green_square.vue';
+	import util from "@/utils/util.js"
 
-function clickToUse() {
-  util.routeTo(`/pages/login/success`, 'nT');
-}
+	function clickToUse() {
+		util.routeTo(`/pages/login/success`, 'nT');
+	}
 </script>
 
 <style lang="scss" scoped>
-.content {
-  width: 750rpx;
-
-  // background-color: #fff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
-  .content_title {
-    // align-self: flex-start;
-	width: 750rpx;
-    margin-left: 47rpx;
-    margin-top: 50rpx;
-	.txt{
-		font-weight: 800;
-		font-size: 25rpx;
-		color: #1A1A1A;
-	}
-  }
-
-  .content_info {
-    margin-top: 49rpx;
-	// margin-top: 19rpx;
-	.txt{
-		font-weight: 800;
-		font-size: 58.33rpx;
-		color: #1A1A1A;
-	}
-  }
-
-  .content_tip {
-    width: 470.83rpx;
-    height: 120.83rpx;
-    // margin-top: 68rpx;
-	margin-top: 28rpx;
-  }
-
-  .content_img {
-    width: 617rpx;
-    height: 625rpx;
-    margin-top: 31rpx;
-    margin-bottom: 30rpx;
-  }
-
-  .content_logo {
-
-    margin-top: 38rpx;
-    margin-bottom: 40rpx;
-	.txt{
-		font-weight: 400;
-		font-size: 19.44rpx;
-		color: #999999;
-	}
-  }
-// background-image: linear-gradient(180deg, #00C9AC 0%, #009874 100%);
-  .content_btn {
-    width: 632.64rpx;
-    height: 100%;
-	background-color: #009874;
-    @include ctf(center);
-    flex-direction: row;
-    // background: #000;
-    .icon_saoma {
-      width: 41.67rpx;
-      height: 41.67rpx;
-      margin-right: 10rpx;
-      // display: inline;
-    }
-
-	.txt{
-		font-weight: 500;
-		font-size: 33.33rpx;
-		color: #FFFFFF;
-	}
+	.content {
+		width: 750rpx;
+
+		// background-color: #fff;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+
+		.content_title {
+			// align-self: flex-start;
+			width: 750rpx;
+			margin-left: 47rpx;
+			margin-top: 50rpx;
 
-  }
+			.txt {
+				font-weight: 800;
+				font-size: 25rpx;
+				color: #1A1A1A;
+			}
+		}
 
-}
+		.content_info {
+			margin-top: 49rpx;
+
+			// margin-top: 19rpx;
+			.txt {
+				font-weight: 800;
+				font-size: 58.33rpx;
+				color: #1A1A1A;
+			}
+		}
+
+		.content_tip {
+			width: 470.83rpx;
+			height: 120.83rpx;
+			// margin-top: 68rpx;
+			margin-top: 28rpx;
+		}
+
+		.content_img {
+			width: 617rpx;
+			height: 625rpx;
+			margin-top: 31rpx;
+			margin-bottom: 30rpx;
+		}
+
+		.content_logo {
+
+			margin-top: 38rpx;
+			margin-bottom: 40rpx;
+
+			.txt {
+				font-weight: 400;
+				font-size: 19.44rpx;
+				color: #999999;
+			}
+		}
+
+		// background-image: linear-gradient(180deg, #00C9AC 0%, #009874 100%);
+		.content_btn {
+			width: 632.64rpx;
+			// height: 100%;
+			height: 81.94rpx;
+			background-color: #009874;
+			@include ctf(center);
+			flex-direction: row;
+
+			// background: #000;
+			.icon_saoma {
+				width: 41.67rpx;
+				height: 41.67rpx;
+				margin-right: 10rpx;
+				// display: inline;
+			}
+
+			.txt {
+				font-weight: 500;
+				font-size: 33.33rpx;
+				color: #FFFFFF;
+			}
+
+		}
+
+	}
 </style>

uniapp_project_code/src/components/index/view_footer.nvue

@@ -45,7 +45,7 @@
             </view>
         </view>
 
-        <view class="btn-style">
+        <view class="btn-style" @click="clickToPay">
 			<text class="txt">去付款</text>
 		</view>
         <!-- <button-square class="btn-style">
@@ -82,6 +82,9 @@ import util from "@/utils/util.js"
 	let handle_clickVIP = ()=>{
 		emits("clickVIP","")
 	}
+    let clickToPay = ()=>{
+        util.routeTo(`/pages/pay/index`, 'nT');
+    }
 
 	onMounted(async (res) => {
 		console.log(res + `    the keyboard_box component is now mounted.  ` + props.maskHeight)

uniapp_project_code/src/components/index/view_header.nvue

@@ -4,7 +4,7 @@
 			<image class="v-image" src="/static/index/camera_icon.png" mode="widthFix" />
 			<text class="v-text">您已进入视频覆盖区{{ props.backgroundCustom }}</text>
 		</view>
-		<view class="cancel-button" @click="handle_closeStandby">
+		<view class="cancel-button" @click="handle_closeUse">
 			<text class="v-text"> 取消交易</text>
 		</view>
 	</view>
@@ -12,8 +12,9 @@
 
 <script setup>
 //触发自定义事件
+import util from "@/utils/util.js"
 import { defineEmits, defineProps, computed } from 'vue'
-const emits = defineEmits(['closeStandby'])
+const emits = defineEmits(['closeUse'])
 const props = defineProps({
 	backgroundCustom: {
 		type: String,
@@ -33,8 +34,9 @@ const getBorderStyle = computed(() => {
 	}
 })
 
-const handle_closeStandby = () => {
-	emits("closeStandby", "false")
+const handle_closeUse = () => {
+	util.routeTo(`/pages/index/index`, 'rL');
+	// emits("closeUse", "false")
 }
 </script>
 

uniapp_project_code/src/components/pay/paying.vue

@@ -57,7 +57,7 @@
 		flex-direction: column;
 
 		.p-text {
-			margin-top: 161rpx;
+			margin-top: 80rpx;
 			font-weight: 600;
 			font-size: 22.22rpx;
 			color: #1A1A1A;
@@ -72,7 +72,7 @@
 		}
 		
 		.p-zhichi{
-			margin-top: 132.67rpx;
+			margin-top: 90rpx;
 			@include ctf(center);
 			flex-direction: row;
 			.p-line{
@@ -117,7 +117,7 @@
 		}
 
 		.p-btn {
-			margin-top: 107rpx;
+			margin-top: 80rpx;
 			@include ctf(center);
 			flex-direction: row;
 			width: 240.97rpx;
@@ -140,10 +140,10 @@
 		}
 
 		.p-user {
-			margin-top: 92rpx;
+			margin-top: 80rpx;
 			margin-left: 67rpx;
 			margin-bottom: 92rpx;
-			width: 750rpx;
+			align-self: flex-start;
 			.p-txt {
 				font-weight: 400;
 				font-size: 22.22rpx;

uniapp_project_code/src/components/pay/success.vue

@@ -39,6 +39,7 @@
 
 <script setup>
 //触发自定义事件
+import util from "@/utils/util.js"
 const emits = defineEmits(['clickToIndex'])
 const props = defineProps({
 	paySuccessInfo: {
@@ -49,6 +50,7 @@ const props = defineProps({
 
 const handle_clickToIndex = () => {
 	emits("clickToIndex", "")
+	util.routeTo(`/pages/index/index`, 'rL');
 }
 </script>
 

uniapp_project_code/src/pages/index/index.nvue

@@ -75,7 +75,7 @@
 		},
 		async onLoad(res) {
 			console.log("onload:",res)
-
+			this.showPageStandby = true
 		},
 		async onReady() {
 			this.screenHeight = await util.getPageHeight()

uniapp_project_code/src/pages/pay/index.vue

@@ -1,7 +1,8 @@
 <template>
 	<view class="pay-page">
 		<view v-if="!paySuccess">
-			<view-header class="mheader" :backgroundCustom="('none')" :needBorder="('false')" @closeStandby="handle_closeStandby"></view-header>
+			<view-header class="mheader" :backgroundCustom="('none')" :needBorder="('false')" 
+			@closeUse="handle_closeUse"></view-header>
 			<paying v-if="true" @clickVipCard="handle_clickVipCard"></paying>
 		</view>
 		<pay-success v-else></pay-success>
@@ -60,7 +61,8 @@
 
 			handle_clickVipCard() {
 				util.showNone("储值卡支付未接入")
-				this.handle_clickVIP()
+				this.paySuccess = true
+				// this.handle_clickVIP()
 				// util.routeTo(`/pages/pay/success`, 'nT');
 			},
 
@@ -85,6 +87,8 @@
 <style lang="scss" scoped>
 	.pay-page {
 		width: 750rpx;
-
+		.mheader{
+			width: 750rpx;
+		}
 	}
 </style>