扫二维码码支付

src/pages/pay/scanPay.vue

@@ -7,7 +7,9 @@
 				<span class="text-2xl text-[#333] mr-1 line-height-normal">¥</span>
 				<span class="text-3xl font-medium text-[#333]">{{ displayAmount }}</span>
 			</tm-sheet>
-			<view>{{ scanData }}</view>
+
+			<view>扫码信息：{{ JSON.stringify(scanData) }}</view>
+
 			<tm-button class="mt-40" :block="true" @click="disabled ? '' : handlePay()" :disabled="disabled">支付</tm-button>
 
 			<view class="bg-[#f5f5f5] px-1 py-2 rounded-4 absolute bottom-0 w-full">
@@ -75,6 +77,9 @@
 import { ref, computed } from "vue"
 import { onShow } from "@dcloudio/uni-app"
 import { usePayStore } from "@/sheep/stores/pay"
+import payApi from "@@/api/pay"
+import { storePrice } from "@/sheep/utils/formatMoney"
+import { router } from "@/sheep"
 
 const amount = ref("")
 const keyboardLayout = ref([
@@ -82,12 +87,12 @@ const keyboardLayout = ref([
 	["4", "5", "6"],
 	["7", "8", "9"],
 ])
-const scanData = ref("")
+const scanData = ref<{ id?: string; name?: string }>({})
 const disabled = ref(false)
 
 onShow(() => {
 	scanData.value = usePayStore().payData
-	if (scanData.value) {
+	if (scanData.value.id && scanData.value.name) {
 		disabled.value = false
 	} else {
 		uni.showToast({ title: "扫码信息不存在", icon: "none" })
@@ -124,7 +129,7 @@ const handleDelete = () => {
 }
 
 // 点击支付
-const handlePay = () => {
+const handlePay = async () => {
 	if (!amount.value) {
 		uni.showToast({ title: "请输入金额", icon: "none" })
 		return
@@ -133,7 +138,23 @@ const handlePay = () => {
 		uni.showToast({ title: "金额不能为0", icon: "none" })
 		return
 	}
-	uni.showToast({ title: "支付中。。。", icon: "none" })
-	usePayStore().payData = ""
+	try {
+		uni.showLoading({ title: "支付中...", mask: true })
+		const res = await payApi.createQrCodeOrder({
+			id: scanData.value.id,
+			customPrice: storePrice(Number(amount.value)),
+		})
+		if (res.code === 0) {
+			uni.showToast({ title: "支付成功", icon: "none" })
+			usePayStore().payData = {}
+			router.back()
+		} else {
+			uni.showToast({ title: "支付失败", icon: "none" })
+		}
+	} catch (error: any) {
+		uni.showToast({ title: "错误", icon: "none" })
+	} finally {
+		uni.hideLoading()
+	}
 }
 </script>

src/pages/tabbar/my.vue

@@ -177,11 +177,28 @@ const doLogout = async () => {
 
 // 扫一扫
 const doScanCode = async () => {
+	usePayStore().setPayData({})
 	try {
-		const res: any = await (window as any).dd.scan({ type: "all", sourceType: ["camera"], scanType: ["cameraScan"] })
-		console.log(res)
-		usePayStore().setPayData(res.text)
-		router.jump("/pages/pay/scanPay")
+		// const res: any = await (window as any).dd.scan({ type: "all", sourceType: ["camera"], scanType: ["cameraScan"] })
+		const decodedString = decodeBase64("eyJpZCI6MTg4OTQ4MzkzODQ4NDUzMTIwMSwibmFtZSI6Iua1i+ivlei2heW4giJ9")
+		// const decodedString = decodeBase64(res.text)
+		if (decodedString) {
+			const decodedJson = JSON.parse(decodedString)
+			if (decodedJson?.id && decodedJson?.name) {
+				usePayStore().setPayData(decodedJson)
+				router.jump("/pages/pay/scanPay")
+			} else {
+				uni.showToast({
+					title: "无效的二维码",
+					icon: "none",
+				})
+			}
+		} else {
+			uni.showToast({
+				title: "无效的二维码",
+				icon: "none",
+			})
+		}
 	} catch (error: any) {
 		if (error) {
 			uni.showToast({
@@ -207,6 +224,27 @@ const onTabMenu = async (v: MenuItem, i: number) => {
 	}
 }
 
+// 解码base64
+const decodeBase64 = (base64String: string) => {
+	try {
+		const decodedBinaryString = atob(base64String)
+		const uint8Array = new Uint8Array(decodedBinaryString.length)
+		for (let i = 0; i < decodedBinaryString.length; i++) {
+			uint8Array[i] = decodedBinaryString.charCodeAt(i)
+		}
+		const decoder = new TextDecoder("utf-8")
+		const decodedString = decoder.decode(uint8Array)
+		console.log("解码结果", decodedString)
+		return decodedString
+	} catch (error) {
+		console.error("Base64 解码失败:", error)
+		uni.showToast({
+			title: "解码失败，无效的二维码",
+			icon: "none",
+		})
+	}
+}
+
 const getStorageUserInfo = () => {
 	const tokenKey = constant.storageConstant.TOKEN
 	const userInfoKey = constant.storageConstant.USERINFO