From 4d00ee6fd469353c69b8778b2ba426b506300677 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Tue, 15 Apr 2025 17:17:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=99=BA=E8=83=BD=E6=9F=9C=E5=BC=80=E9=97=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cabinet/buy.vue | 107 ++++++++++++++++++++++++++++++++++++++
 src/pages/tabbar/my.vue   |   2 +-
 src/static/page/印章.svg  |   1 +
 src/static/page/开门.svg  |   1 +
 src/static/page/支付.svg  |   1 +
 5 files changed, 111 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/cabinet/buy.vue
 create mode 100644 src/static/page/印章.svg
 create mode 100644 src/static/page/开门.svg
 create mode 100644 src/static/page/支付.svg

diff --git a/src/pages/cabinet/buy.vue b/src/pages/cabinet/buy.vue
new file mode 100644
index 0000000..3da2d23
--- /dev/null
+++ b/src/pages/cabinet/buy.vue
@@ -0,0 +1,107 @@
+<template>
+	<crud-layout bg="/static/page/blue-bg.png">
+		<view class="bg-white rounded-16rpx my-40rpx animate-both">
+			<z-tabs
+				:list="[
+					{ name: '浙政钉支付', value: 1 },
+					{ name: '支付宝支付', value: 2, disabled: true },
+				]"
+				bar-width="300"
+				bar-height="0"
+				:active-style="{
+					width: '300rpx',
+					height: '70rpx',
+					backgroundColor: '#0779FDdd',
+					color: '#ffffff',
+					textAlign: 'center',
+					lineHeight: '70rpx',
+					fontWeight: 'light',
+					fontSize: '30rpx',
+					borderRadius: '10rpx',
+					marginTop: '10rpx',
+				}"
+				:inactive-style="{
+					width: '300rpx',
+					height: '70rpx',
+					color: '#ffffff',
+					textAlign: 'center',
+					lineHeight: '70rpx',
+					fontWeight: 'light',
+					fontSize: '30rpx',
+					borderRadius: '10rpx',
+					marginTop: '10rpx',
+				}"
+				@change="payMethodTabChange"
+			/>
+		</view>
+
+		<tm-sheet v-if="true" borderWidth="2" margin="40" padding="10" color="#0094FF22">
+			<view class="flex items-center justify-between pl-4">
+				<tm-text font-size="30 " color="#0779FD">钱包余额不足100元</tm-text>
+				<tm-button size="m" @click="goRecharge">去充值</tm-button>
+			</view>
+		</tm-sheet>
+
+		<tm-sheet>
+			<tm-text font-size="30">购买须知：</tm-text>
+			<view class="flex items-center px-10rpx py-20rpx">
+				<image class="w-60rpx h-60rpx mr-3" src="@/static/page/印章.svg" />
+				<view>
+					<view class="second-text-26">第一步</view>
+					<tm-text font-size="30">购买需钱包余额大于100元</tm-text>
+				</view>
+			</view>
+			<view class="flex items-center px-10rpx py-20rpx">
+				<image class="w-60rpx h-60rpx mr-3" src="@/static/page/开门.svg" />
+				<view>
+					<view class="second-text-26">第二步</view>
+					<tm-text font-size="30">开门之后选取商品并关门</tm-text>
+				</view>
+			</view>
+			<view class="flex items-center px-10rpx py-20rpx">
+				<image class="w-60rpx h-60rpx mr-3" src="@/static/page/支付.svg" />
+				<view>
+					<view class="second-text-26">第三步</view>
+					<tm-text font-size="30">关门后自动结算</tm-text>
+				</view>
+			</view>
+		</tm-sheet>
+
+		<view class="h-30rpx" />
+		<template #main-bottom>
+			<view class="m-30rpx">
+				<tm-button block @click="openDoor" :disabled="state.disabled">开 门</tm-button>
+			</view>
+		</template>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { reactive } from "vue"
+import { onShow } from "@dcloudio/uni-app"
+import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
+import { router } from "@/sheep"
+
+const state = reactive({
+	disabled: true,
+})
+
+onShow(() => {
+	// 检查钱包余额
+	console.log("onShow")
+})
+
+// 去充值
+const goRecharge = () => {
+	router.jump("/pages/wallet/list", {}, 1)
+}
+
+// 开门
+const openDoor = () => {
+	if (state.disabled) return
+	console.log("芝麻开门")
+}
+
+// 支付方式tab改变
+const payMethodTabChange = (e: number) => {}
+</script>
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index 46b0690..f0246ff 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -76,7 +76,7 @@ const state = reactive<{
 		// { text: "外来人员就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/foreign-list" },
 		// { text: "跨单位就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/stride-list" },
 		{ text: "人脸管理", icon: "/static/icon/service_5.png", router: "/pages/human-face/list" },
-    // { text: "意见反馈", icon: "/static/icon/service_5.png", router: "/pages/integrated/feedback/index" }
+		// { text: "意见反馈", icon: "/static/icon/service_5.png", router: "/pages/integrated/feedback/index" },
 	],
 	appInfo: "",
 })
diff --git a/src/static/page/印章.svg b/src/static/page/印章.svg
new file mode 100644
index 0000000..07818ca
--- /dev/null
+++ b/src/static/page/印章.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744704767271" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19942" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M130.9 777.9V737v16.2c0.8 13.8 12.2 24.7 26.2 24.7h-26.2zM130.9 710.3h40.9-16.2c-13.8 0.8-24.7 12.2-24.7 26.2v-26.2zM873.6 710.6v40.9-16.2c-0.8-13.8-12.2-24.7-26.2-24.7h26.2z" fill="#0779FD" p-id="19943"></path><path d="M873.6 777.5h-40.9 16.2c13.8-0.8 24.7-12.2 24.7-26.2v26.2zM955.3 935.3c0 22.6-18.3 41-41 41h-824c-22.6 0-41-18.3-41-41 0-22.6 18.3-41 41-41h824c22.7 0.1 41 18.4 41 41zM509.4 40c-139.2 0-252 112.8-252 252 0 101.6 60.1 189.2 146.8 229l35.2-74c-59-26.7-100.1-86.1-100.1-155.1 0-93.9 76.2-170.1 170.1-170.1S679.5 198.1 679.5 292c0 68.3-40.3 127.2-98.3 154.2l35.2 69.8-1.5 4.9C701.4 481 761.4 393.5 761.4 292c0-139.2-112.8-252-252-252z" fill="#0779FD" p-id="19944"></path><path d="M49.4 692.4v103.5c2.3 34.6 30.4 62.1 65.3 63.4h778.6c32.5-2.7 58.5-28.1 62.1-60.3V686.7c-4.5-31.1-30.1-55.4-61.8-57.9H704.7l-69.5-161.2c-9-20.8-33.1-30.3-53.8-21.4-20.8 9-30.3 33.1-21.4 53.8l80.1 185.8c5.9 13.7 18.4 22.5 32.2 24.4 2.1 0.3 4.2 0.5 6.3 0.5h194.8v66.7H131.3v-66.7h209.8c4.3 0 8.4-0.7 12.3-1.9 11.4-3.3 21.3-11.4 26.3-23.2l79.9-185.2c9-20.8-0.6-44.9-21.4-53.8-20.8-9-44.9 0.6-53.8 21.4l-69.3 160.8H112.7c-34 2.3-61.1 29.5-63.3 63.6z" fill="#0779FD" p-id="19945"></path></svg>
\ No newline at end of file
diff --git a/src/static/page/开门.svg b/src/static/page/开门.svg
new file mode 100644
index 0000000..eb3f874
--- /dev/null
+++ b/src/static/page/开门.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744704272516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4700" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M821.333333 48.64h-618.666666A74.666667 74.666667 0 0 0 128 123.306667V846.933333a74.666667 74.666667 0 0 0 65.706667 74.24l448 53.76h8.96a74.026667 74.026667 0 0 0 73.386666-62.72h97.28a74.666667 74.666667 0 0 0 74.666667-74.666666V123.306667a74.666667 74.666667 0 0 0-74.666667-74.666667zM661.333333 900.693333a10.666667 10.666667 0 0 1-11.946666 10.666667l-448-53.76a10.666667 10.666667 0 0 1-9.386667-10.666667V177.92A10.666667 10.666667 0 0 1 195.626667 170.666667a10.666667 10.666667 0 0 1 8.32-2.56l448 53.76a10.666667 10.666667 0 0 1 9.386666 10.666666z m170.666667-62.72a10.666667 10.666667 0 0 1-10.666667 10.666667H725.333333V231.68a74.666667 74.666667 0 0 0-65.706666-74.24l-374.613334-44.8H821.333333a10.666667 10.666667 0 0 1 10.666667 10.666667z" fill="#0779FD" p-id="4701"></path><path d="M565.333333 464.64a32 32 0 0 0-32 32v128a32 32 0 0 0 64 0v-128a32 32 0 0 0-32-32z" fill="#0779FD" p-id="4702"></path></svg>
\ No newline at end of file
diff --git a/src/static/page/支付.svg b/src/static/page/支付.svg
new file mode 100644
index 0000000..11e81c5
--- /dev/null
+++ b/src/static/page/支付.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744704698718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16283" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M358.238316 324.392421H123.957895a32.336842 32.336842 0 0 0-32.336842 32.336842v517.389474a32.336842 32.336842 0 0 0 32.336842 32.336842h776.08421a32.336842 32.336842 0 0 0 32.336842-32.336842v-64.673684h-194.021052a97.118316 97.118316 0 0 1-97.010527-97.010527v-194.021052a97.118316 97.118316 0 0 1 97.010527-97.010527h194.021052v-64.673684a32.336842 32.336842 0 0 0-32.336842-32.336842H364.274526a32.336842 32.336842 0 0 1-6.03621 0z m447.056842-64.673684H900.042105a97.118316 97.118316 0 0 1 97.010527 97.010526v517.389474a97.118316 97.118316 0 0 1-97.010527 97.010526H123.957895a97.118316 97.118316 0 0 1-97.010527-97.010526v-517.389474a97.118316 97.118316 0 0 1 97.010527-97.010526h66.991158l84.021894-145.51579a97.118316 97.118316 0 0 1 132.527158-35.570526l55.996632 32.336842c6.898526 4.042105 13.258105 8.838737 18.917052 14.336l95.932632-95.932631a97.010526 97.010526 0 0 1 137.162105 0l91.459369 91.513263a97.118316 97.118316 0 0 1 0 137.162105l-1.616842 1.616842z m-91.459369 0l47.427369-47.427369a32.336842 32.336842 0 0 0 0-45.702736l-91.513263-91.459369a32.336842 32.336842 0 0 0-45.702737 0L439.457684 259.772632h274.378105z m-365.837473 0l88.656842-88.656842a32.175158 32.175158 0 0 0-5.497263-4.042106l-56.050527-32.336842a32.336842 32.336842 0 0 0-44.139789 11.856842l-65.320421 113.178948h82.351158z m390.359579 226.357895a32.336842 32.336842 0 0 0-32.336842 32.336842v194.021052a32.336842 32.336842 0 0 0 32.336842 32.336842h194.021052v-258.694736h-194.021052z m49.529263 129.347368a48.505263 48.505263 0 1 1 97.010526 0 48.505263 48.505263 0 0 1-97.010526 0z" fill="#0779FD" p-id="16284"></path></svg>
\ No newline at end of file