From d2cb43d063909112c968ed912e1a1064db1de9ab Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Thu, 20 Mar 2025 16:24:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E4=BB=98=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json            |  12 +++++
 src/pages/pay/scanPay.vue | 111 ++++++++++++++++++++++++++++++++++++++
 src/pages/tabbar/my.vue   |  19 ++-----
 3 files changed, 127 insertions(+), 15 deletions(-)
 create mode 100644 src/pages/pay/scanPay.vue

diff --git a/src/pages.json b/src/pages.json
index 3e38092..9041c1b 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -270,6 +270,18 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "pages/pay",
+			"pages": [
+				{
+					"path": "scanPay",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {
diff --git a/src/pages/pay/scanPay.vue b/src/pages/pay/scanPay.vue
new file mode 100644
index 0000000..e39db6c
--- /dev/null
+++ b/src/pages/pay/scanPay.vue
@@ -0,0 +1,111 @@
+<template>
+	<crud-layout bg="/static/page/blue-bg.png">
+		<view class="h-screen flex flex-col position-relative">
+			<view class="mx-auto text-34 py-2">支付</view>
+
+			<tm-sheet class="flex flex-row">
+				<span class="text-2xl text-[#333] mr-1 line-height-normal">¥</span>
+				<span class="text-3xl font-medium text-[#333]">{{ displayAmount }}</span>
+			</tm-sheet>
+
+			<tm-button class="mt-40" :block="true" @click="">支付</tm-button>
+
+			<view class="bg-[#f5f5f5] px-1 py-2 rounded-4 absolute bottom-0 w-full">
+				<view class="flex mb-2.5" v-for="(row, rowIndex) in keyboardLayout" :key="rowIndex">
+					<view
+						class="flex-1 h-[60px] flex items-center justify-center bg-white text-2xl text-[#333] mx-[5px] rounded-lg cursor-pointer select-none active:bg-[#f0f0f0]"
+						v-for="(key, keyIndex) in row"
+						:key="keyIndex"
+						@click="handleKeyPress(key)"
+					>
+						{{ key }}
+					</view>
+				</view>
+				<view class="flex mb-0">
+					<view
+						class="flex-1 h-[60px] flex items-center justify-center bg-white text-2xl text-[#333] mx-[5px] rounded-lg cursor-pointer select-none active:bg-[#f0f0f0]"
+						@click="handleKeyPress('.')"
+					>
+						.
+					</view>
+					<view
+						class="flex-auto h-[60px] flex items-center justify-center bg-white text-2xl text-[#333] mx-[5px] rounded-lg cursor-pointer select-none active:bg-[#f0f0f0]"
+						@click="handleKeyPress('0')"
+					>
+						0
+					</view>
+					<view
+						class="flex-1 h-[60px] flex items-center justify-center bg-white mx-[5px] rounded-lg cursor-pointer select-none active:bg-[#f0f0f0]"
+						@click="handleDelete"
+					>
+						<svg
+							t="1742457305987"
+							class="icon"
+							viewBox="0 0 1024 1024"
+							version="1.1"
+							xmlns="http://www.w3.org/2000/svg"
+							p-id="4499"
+							width="24"
+							height="24"
+						>
+							<path
+								d="M897.706667 831.146667H286.72c-8.533333 0-15.36-3.413333-20.48-10.24L39.253333 527.36c-6.826667-8.533333-6.826667-22.186667 0-30.72l226.986667-293.546667c5.12-6.826667 11.946667-10.24 20.48-10.24h610.986667c51.2 0 92.16 40.96 92.16 92.16v453.973334c0 51.2-40.96 92.16-92.16 92.16z m-599.04-51.2h599.04c22.186667 0 40.96-18.773333 40.96-40.96V285.013333c0-22.186667-18.773333-40.96-40.96-40.96H298.666667L92.16 512l206.506667 267.946667z"
+								fill="#333333"
+								p-id="4500"
+							></path>
+							<path
+								d="M670.72 650.24c-6.826667 0-13.653333-1.706667-18.773333-6.826667L426.666667 416.426667c-10.24-10.24-10.24-25.6 0-35.84 10.24-10.24 25.6-10.24 35.84 0l226.986666 226.986666c10.24 10.24 10.24 25.6 0 35.84-6.826667 5.12-11.946667 6.826667-18.773333 6.826667z"
+								fill="#333333"
+								p-id="4501"
+							></path>
+							<path
+								d="M443.733333 650.24c-6.826667 0-13.653333-1.706667-18.773333-6.826667-10.24-10.24-10.24-25.6 0-35.84l226.986667-226.986666c10.24-10.24 25.6-10.24 35.84 0 10.24 10.24 10.24 25.6 0 35.84L462.506667 643.413333c-5.12 5.12-11.946667 6.826667-18.773334 6.826667z"
+								fill="#333333"
+								p-id="4502"
+							></path>
+						</svg>
+					</view>
+				</view>
+			</view>
+		</view>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue"
+
+const amount = ref("")
+const keyboardLayout = ref([
+	["1", "2", "3"],
+	["4", "5", "6"],
+	["7", "8", "9"],
+])
+
+const displayAmount = computed(() => {
+	if (!amount.value) return "0.00"
+	return Number(amount.value)
+		.toFixed(2)
+		.replace(/\B(?=(\d{3})+(?!\d))/g, ",")
+})
+
+// 按下键盘
+const handleKeyPress = (key) => {
+	if (key === "." && amount.value.includes(".")) return
+	if (key === "." && !amount.value) {
+		amount.value = "0."
+		return
+	}
+
+	if (amount.value.includes(".")) {
+		const decimalPlaces = amount.value.split(".")[1]
+		if (decimalPlaces && decimalPlaces.length >= 2) return
+	}
+
+	amount.value += key
+}
+
+// 点击删除
+const handleDelete = () => {
+	amount.value = amount.value.slice(0, -1)
+}
+</script>
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index d339069..f0787f2 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -181,21 +181,10 @@ const doScanCode = async () => {
 		const res: any = await dd.scan({ type: "all" })
 		console.log(res)
 
-		switch (res.code) {
-			case -1:
-				break
-			case 0:
-				uni.showToast({
-					title: JSON.stringify(res),
-					icon: "none",
-				})
-				break
-			default:
-				uni.showToast({
-					title: "扫码失败",
-					icon: "none",
-				})
-		}
+		uni.showToast({
+			title: res,
+			icon: "none",
+		})
 	} catch (error: any) {
 		uni.showToast({
 			title: error,