From 838f05b3c033fdc7225a9b6203c966ff3037eca5 Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Wed, 11 Mar 2026 17:07:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=BF=81=E7=A7=BB=E8=BF=87=E5=8E=BB?=
 =?UTF-8?q?=E4=B8=80=E9=83=A8=E9=97=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/global.d.ts                               |  12 +
 src/pages.json                                | 166 +++++++
 src/pages/boxes/list.vue                      | 271 +++++++++++
 src/pages/canteen/components/product-cart.vue |  53 ++
 src/pages/canteen/components/product-row.vue  |  79 +++
 .../canteen/components/product-total.vue      |  38 ++
 src/pages/canteen/detail.vue                  | 459 ++++++++++++++++++
 src/pages/canteen/food.vue                    | 169 +++++++
 src/pages/canteen/product-detail.vue          |  73 +++
 src/pages/car/user-car/apply.vue              | 111 +++++
 src/pages/car/user-car/list.vue               |  81 ++++
 src/pages/human-face/apply.vue                | 106 ++++
 src/pages/human-face/list.vue                 |  75 +++
 src/pages/order/detail.vue                    | 235 +++++++++
 src/pages/pay/payComplete.vue                 |  53 ++
 src/pages/pay/scanPay.vue                     | 172 +++++++
 src/pages/pay/transferMoney.vue               | 179 +++++++
 src/pages/root/login.vue                      |  23 +-
 src/pages/root/pwd-login.vue                  | 128 +++++
 src/pages/tabbar/canteen.vue                  |  18 -
 src/pages/tabbar/my.vue                       |  18 -
 src/pages/tabbar/order.vue                    | 178 ++++---
 src/sheep/api/user.ts                         |  12 +-
 src/sheep/components/modify-user.vue          | 100 ++++
 .../tongtong-plate/plate-keyboard.vue         | 277 +++++++++++
 .../tongtong-plate/plate-number.vue           | 312 ++++++++++++
 src/sheep/utils/request.ts                    |  29 +-
 src/static/page/address.svg                   |  16 +
 src/static/page/arrow-down-s-fill.svg         |   1 +
 src/static/page/arrow-right.svg               |   1 +
 src/static/page/fold.svg                      |   1 +
 src/static/page/keyboard-delete.svg           |  26 +
 src/static/page/money-cny-circle-fill.svg     |   1 +
 src/static/page/phone.svg                     |  16 +
 src/static/page/unfold.svg                    |   1 +
 35 files changed, 3372 insertions(+), 118 deletions(-)
 create mode 100644 src/pages/boxes/list.vue
 create mode 100644 src/pages/canteen/components/product-cart.vue
 create mode 100644 src/pages/canteen/components/product-row.vue
 create mode 100644 src/pages/canteen/components/product-total.vue
 create mode 100644 src/pages/canteen/detail.vue
 create mode 100644 src/pages/canteen/food.vue
 create mode 100644 src/pages/canteen/product-detail.vue
 create mode 100644 src/pages/car/user-car/apply.vue
 create mode 100644 src/pages/car/user-car/list.vue
 create mode 100644 src/pages/human-face/apply.vue
 create mode 100644 src/pages/human-face/list.vue
 create mode 100644 src/pages/order/detail.vue
 create mode 100644 src/pages/pay/payComplete.vue
 create mode 100644 src/pages/pay/scanPay.vue
 create mode 100644 src/pages/pay/transferMoney.vue
 create mode 100644 src/pages/root/pwd-login.vue
 create mode 100644 src/sheep/components/modify-user.vue
 create mode 100644 src/sheep/components/tongtong-plate/plate-keyboard.vue
 create mode 100644 src/sheep/components/tongtong-plate/plate-number.vue
 create mode 100644 src/static/page/address.svg
 create mode 100644 src/static/page/arrow-down-s-fill.svg
 create mode 100644 src/static/page/arrow-right.svg
 create mode 100644 src/static/page/fold.svg
 create mode 100644 src/static/page/keyboard-delete.svg
 create mode 100644 src/static/page/money-cny-circle-fill.svg
 create mode 100644 src/static/page/phone.svg
 create mode 100644 src/static/page/unfold.svg

diff --git a/src/global.d.ts b/src/global.d.ts
index 1b626d4..852079c 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -7,4 +7,16 @@ declare namespace GlobalSetting {
 		username: string
 		password: string
 	}
+	// token相关
+	type TokenStorage = {
+		accessToken: string
+		refreshToken: string
+		accessTokenExpiresIn: string
+		refreshTokenExpiresIn: string
+	}
+	// 记住密码
+	type RememberUser = {
+		username: string
+		password: string
+	}
 }
diff --git a/src/pages.json b/src/pages.json
index a0ddbcd..b50f28e 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -36,9 +36,42 @@
 				"navigationBarTitleText": "登录",
 				"disableScroll": true
 			}
+		},
+		{
+			"path": "pages/root/pwd-login",
+			"style": {
+				"navigationBarTitleText": "账号密码登录",
+				"disableScroll": true
+			}
 		}
 	],
 	"subPackages": [
+		{
+			"root": "pages/canteen",
+			"pages": [
+				{
+					"path": "detail",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "food",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "product-detail",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				}
+			]
+		},
 		{
 			"root": "pages/wallet",
 			"pages": [
@@ -64,6 +97,139 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "pages/boxes",
+			"pages": [
+				{
+					"path": "list",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/order",
+			"pages": [
+				{
+					"path": "detail",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/merchant",
+			"pages": [
+				{
+					"path": "detail",
+					"style": {
+						"navigationBarTitleText": "商户详情",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "brandDetail",
+					"style": {
+						"navigationBarTitleText": "商户品牌详情",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "cancel-qrcode",
+					"style": {
+						"navigationBarTitleText": "活动",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "my-act-list",
+					"style": {
+						"navigationBarTitleText": "我参加的活动",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "merchant-activity",
+					"style": {
+						"navigationBarTitleText": "商户活动",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "coupon-list",
+					"style": {
+						"navigationBarTitleText": "优惠券列表",
+						"disableScroll": true
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/pay",
+			"pages": [
+				{
+					"path": "scanPay",
+					"style": {
+						"navigationBarTitleText": "支付",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "payComplete",
+					"style": {
+						"navigationBarTitleText": "支付完成",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "transferMoney",
+					"style": {
+						"navigationBarTitleText": "转账",
+						"disableScroll": true
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/human-face",
+			"pages": [
+				{
+					"path": "list",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "apply",
+					"style": {
+						"navigationBarTitleText": "",
+						"disableScroll": true
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/car",
+			"pages": [
+				{
+					"path": "user-car/apply",
+					"style": {
+						"navigationBarTitleText": "申请车辆"
+					}
+				},
+				{
+					"path": "user-car/list",
+					"style": {
+						"navigationBarTitleText": "我的车辆"
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {
diff --git a/src/pages/boxes/list.vue b/src/pages/boxes/list.vue
new file mode 100644
index 0000000..1990880
--- /dev/null
+++ b/src/pages/boxes/list.vue
@@ -0,0 +1,271 @@
+<script setup lang="ts">
+import { ref, reactive, computed } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { isEmpty } from "radash"
+
+import { hooks, router } from "@@/index"
+import { boxesApi } from "@@/api"
+
+import { filePath } from "@/sheep/utils/file"
+
+const state = reactive<any>({
+	detailId: null,
+	pa: {
+		status: null, // 移除状态筛选
+	},
+})
+
+// 重新设置图片路径
+const boxesList = computed(() => {
+	return pageHook.list.map((item: any) => {
+		return { ...item, images: filePath(item.images) }
+	})
+})
+
+const pageRef = ref<any>(null)
+const pageHook = hooks.usePage(pageRef, boxesApi.page, null, "data.records")
+
+const query = (page: number, pagesize: number) => {
+	pageHook.startPage(page, pagesize, false, state.pa)
+}
+
+// 获取状态样式类
+const getStatusClass = (status: number) => {
+	const statusMap: Record<number, string> = {
+		0: 'status-available',
+		1: 'status-partial',
+		2: 'status-full'
+	}
+	return statusMap[status] || 'status-available'
+}
+
+// 获取状态文本
+const getStatusText = (status: number) => {
+	const statusMap: Record<number, string> = {
+		0: '空闲',
+		1: '部分空闲',
+		2: '已满'
+	}
+	return statusMap[status] || '空闲'
+}
+
+onLoad((options: any) => {
+	if (!isEmpty(options.id)) {
+		state.detailId = options.id
+		state.pa.merchantId = options.id
+	}
+})
+
+onShow(() => {
+	if (pageRef.value) {
+		pageRef.value.reload(false)
+	}
+})
+</script>
+
+<template>
+	<crud-layout title="餐桌列表" bg="/static/page/blue-bg.png">
+		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="999"
+			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
+			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
+			<template #top>
+				<view class="header-section">
+					<view class="welcome-text">餐厅餐桌列表</view>
+				</view>
+			</template>
+
+			<view class="boxes-container">
+				<view class="boxes-grid">
+					<view v-for="item in boxesList" :key="item.id" class="box-card">
+						<view class="card-image-section">
+							<image v-if="item.images" :src="item.images" class="box-image" mode="aspectFill" />
+							<view v-else class="image-placeholder">
+								<text class="placeholder-icon">🍴</text>
+								<text class="placeholder-text">餐桌</text>
+							</view>
+						</view>
+
+						<view class="card-content">
+							<view class="box-title">{{ item.name }}</view>
+							<view class="box-subtitle">{{ item.tableNumber }}</view>
+
+							<view class="box-features">
+								<view class="feature-item">
+									<text class="feature-icon">👥</text>
+									<text class="feature-text">{{ item.tableTypeName }}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</z-paging>
+	</crud-layout>
+</template>
+
+<style lang="scss" scoped>
+.header-section {
+	padding: 40rpx 24rpx 32rpx 24rpx;
+	background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
+	border-radius: 0 0 32rpx 32rpx;
+	margin: 0 24rpx 32rpx 24rpx;
+	box-shadow: 0 4rpx 20rpx rgba(59, 130, 246, 0.3);
+}
+
+.welcome-text {
+	color: #fff;
+	font-size: 38rpx;
+	font-weight: 600;
+	text-align: center;
+	letter-spacing: 1rpx;
+}
+
+.boxes-container {
+	padding: 0 24rpx;
+	background: transparent;
+	min-height: 100vh;
+}
+
+.boxes-grid {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: 20rpx;
+}
+
+.box-card {
+	background: #fff;
+	border-radius: 16rpx;
+	box-shadow: 0 2rpx 12rpx rgba(59, 130, 246, 0.08);
+	overflow: hidden;
+	position: relative;
+	border: 1rpx solid #DBEAFE;
+	transition: all 0.3s ease;
+}
+
+.box-card:hover {
+	transform: translateY(-4rpx);
+	box-shadow: 0 8rpx 24rpx rgba(59, 130, 246, 0.15);
+	border-color: #93C5FD;
+}
+
+.card-image-section {
+	position: relative;
+	height: 160rpx;
+	overflow: hidden;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.box-image {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	transition: transform 0.3s ease;
+}
+
+.box-card:hover .box-image {
+	transform: scale(1.02);
+}
+
+.image-placeholder {
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+}
+
+.placeholder-icon {
+	font-size: 48rpx;
+	margin-bottom: 8rpx;
+	display: block;
+}
+
+.placeholder-text {
+	font-size: 24rpx;
+	color: #3B82F6;
+	font-weight: 500;
+	display: block;
+}
+
+.card-content {
+	padding: 24rpx;
+	background: #fff;
+	position: relative;
+}
+
+.card-content::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 24rpx;
+	right: 24rpx;
+	height: 1rpx;
+	background: linear-gradient(90deg, transparent 0%, #E5E7EB 20%, #E5E7EB 80%, transparent 100%);
+}
+
+.box-title {
+	font-size: 32rpx;
+	font-weight: 700;
+	color: #1E40AF;
+	margin-bottom: 12rpx;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 1.3;
+}
+
+.box-subtitle {
+	font-size: 26rpx;
+	color: #3B82F6;
+	margin-bottom: 20rpx;
+	display: inline-block;
+	background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
+	padding: 10rpx 18rpx;
+	border-radius: 12rpx;
+	color: #1D4ED8;
+	font-weight: 600;
+	border: 1rpx solid #DBEAFE;
+	box-shadow: 0 2rpx 8rpx rgba(59, 130, 246, 0.1);
+}
+
+.box-features {
+	margin-bottom: 0;
+}
+
+.feature-item {
+	display: flex;
+	align-items: center;
+	margin-bottom: 0;
+	padding: 8rpx 0;
+}
+
+.feature-icon {
+	font-size: 32rpx;
+	margin-right: 16rpx;
+	width: 48rpx;
+	text-align: center;
+	background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);
+	padding: 12rpx;
+	border-radius: 12rpx;
+	color: #fff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 2rpx 8rpx rgba(59, 130, 246, 0.2);
+}
+
+.feature-text {
+	font-size: 28rpx;
+	color: #1E40AF;
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-weight: 600;
+}
+</style>
diff --git a/src/pages/canteen/components/product-cart.vue b/src/pages/canteen/components/product-cart.vue
new file mode 100644
index 0000000..6d0129e
--- /dev/null
+++ b/src/pages/canteen/components/product-cart.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import ProductRow from "./product-row.vue"
+import ProductTotal from "./product-total.vue"
+import { filePath } from "@@/utils/file"
+
+const emit = defineEmits(["update:modelValue", "submit", "add", "remove"])
+
+export type Props = {
+	modelValue: boolean
+	cartList: any
+	totPrice: number
+	totCount: number
+}
+const props = withDefaults(defineProps<Props>(), {
+	modelValue: false,
+	cartList: [],
+	totPrice: 0,
+	totCount: 0,
+})
+
+const doClose = () => {
+	emit("update:modelValue", false)
+}
+
+const doPay = () => {
+	emit("submit")
+}
+
+const getHeight = () => {
+	const { bottom } = uni.getSystemInfoSync().safeAreaInsets!
+	return `-${bottom + 16}px`
+}
+
+const add = (v) => emit("add", v)
+const remove = (v) => emit("remove", v)
+</script>
+
+<template>
+	<tm-drawer z-index="100" v-model:show="props.modelValue" showFooter title="购物车" position="bottom" size="60%"
+		bgColor="#ECF4F9" @close="doClose">
+		<view v-for="(v, i) in props.cartList" :key="v.id">
+			<product-row v-model="v.productCount" mode="cart" :pic="filePath(v.productPic)" :count="v.productCount"
+				:name="v.productName" :price="v.productPrice" :marketPrice="v.marketPrice" :salesCount="v.salesCount"
+				:stock="v.stock" @add="add(v)" @remove="remove(v)" />
+		</view>
+
+		<template #footer>
+			<view class="z-200 p-x-30rpx p-y-30rpx bg-white" :style="{ marginBottom: getHeight() }">
+				<product-total :totPrice="props.totPrice" :totCount="props.totCount" @submit="doPay" @doContainer="" />
+			</view>
+		</template>
+	</tm-drawer>
+</template>
diff --git a/src/pages/canteen/components/product-row.vue b/src/pages/canteen/components/product-row.vue
new file mode 100644
index 0000000..7660070
--- /dev/null
+++ b/src/pages/canteen/components/product-row.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import { hooks, router } from "@@/index"
+
+const emit = defineEmits(["update:modelValue", "add", "remove"])
+
+export type Props = {
+	mode?: "default" | "cart"
+	modelValue: number
+	productId?: number | string | null
+	pic: string
+	name: string
+	price: string | number
+	marketPrice: number
+	salesCount: number
+	stock: number
+	count?: number
+}
+const props = withDefaults(defineProps<Props>(), {
+	mode: "default",
+	modelValue: 0,
+	productId: null,
+	pic: "",
+	name: "",
+	price: 0,
+	marketPrice: 0,
+	salesCount: 0,
+	stock: 0,
+	count: 0,
+})
+
+// 点击加
+const add = () => {
+	if (props.mode !== "cart") {
+		if (props.modelValue + 1 > props.stock) return uni.showToast({ title: "库存不足", icon: "none" })
+	}
+	emit("update:modelValue", props.modelValue + 1)
+	emit("add")
+}
+
+// 点击减
+const remove = () => {
+	if (props.modelValue - 1 < 0) return
+	emit("update:modelValue", props.modelValue - 1)
+	emit("remove")
+}
+</script>
+
+<template>
+	<view class="flex-row items-start card p-x-15rpx p-y-25rpx m-b-20rpx"
+		@tap="props.productId && router.jump('/pages/canteen/product-detail', { id: props.productId })">
+		<image v-if="props.mode == 'default'" class="size-180rpx rounded-12rpx" :src="props.pic" mode="aspectFill" />
+		<image v-if="props.mode == 'cart'" class="size-120rpx rounded-12rpx" :src="props.pic" mode="aspectFill" />
+		<view class="flex-1 m-l-20rpx">
+			<view class="sub-text-28 show-line">{{ props.name }}</view>
+			<view class="m-t-10rpx flex-row items-center">
+				<view class="w-110rpx second-text-32 color-red!"> ¥{{ hooks.useMoney(props.price) }} </view>
+				<view v-if="props.mode == 'default'" class="m-l-20rpx second-text-24 line-through">¥{{
+					hooks.useMoney(props.marketPrice) }}</view>
+				<view v-if="props.mode == 'cart'" class="m-l-40rpx second-text-24">x{{ props.count }}</view>
+			</view>
+			<view v-if="props.mode == 'default'" class="flex-row items-center MT 10rpx">
+				<!-- <view class="second-text-24">{{ hooks.useFormatNum("库存", "", props.stock) }}</view> -->
+				<view class="second-text-24">库存：{{ props.stock }}</view>
+				<view class="w-1px h-20rpx m-x-5rpx bg-#999 mx-2" />
+				<view class="second-text-24">{{ hooks.useFormatNum("销量", "", props.salesCount) }}</view>
+			</view>
+			<view class="flex-row items-center justify-end m-t-20rpx">
+				<view class="flex-row-center size-40rpx rounded-full border-1px border-solid border-color-blue"
+					@tap.stop="remove">
+					<view class="iconfont icon-a--" />
+				</view>
+				<view class="sub-text-28 m-x-20rpx">{{ props.modelValue }}</view>
+				<view class="flex-row-center size-40rpx rounded-full bg-blue" @tap.stop="add">
+					<view class="font-size-40rpx color-white iconfont icon-a-" />
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
diff --git a/src/pages/canteen/components/product-total.vue b/src/pages/canteen/components/product-total.vue
new file mode 100644
index 0000000..b5a0a6d
--- /dev/null
+++ b/src/pages/canteen/components/product-total.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { hooks } from "@@/index"
+
+const emit = defineEmits(["submit", "doContainer"])
+
+export type Props = {
+	totPrice: number
+	totCount: number
+}
+const props = withDefaults(defineProps<Props>(), {
+	totPrice: 0,
+	totCount: 0,
+})
+
+const doPay = () => {
+	emit("submit")
+}
+
+const doContainer = () => {
+	emit("doContainer")
+}
+</script>
+
+<template>
+	<view class="flex-row items-center justify-between" @tap="doContainer">
+		<view class="flex-row-center">
+			<view class="flex-row-center size-80rpx rounded-full bg-blue">
+				<view class="color-white! iconfont icon-biaoqianlanicon_gouwuche-xuanzhong" />
+			</view>
+			<view class="flex-col m-l-30rpx">
+				<view class="second-text-36 color-red!">¥ {{ hooks.useMoney(props.totPrice) }}</view>
+				<view class="sub-text-28">共{{ props.totCount }}件</view>
+			</view>
+		</view>
+		<view class="bg-blue p-x-30rpx p-y-20rpx text-center rounded-40rpx sub-text-30 color-white!" @tap.stop="doPay">
+			购买</view>
+	</view>
+</template>
diff --git a/src/pages/canteen/detail.vue b/src/pages/canteen/detail.vue
new file mode 100644
index 0000000..912cd17
--- /dev/null
+++ b/src/pages/canteen/detail.vue
@@ -0,0 +1,459 @@
+<script setup lang="ts">
+import { reactive, nextTick } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { isEmpty } from "radash"
+import { hooks, router } from "@@/index"
+import { merchantApi, foodApi, payApi, orderApi } from "@@/api"
+import { filePath } from "@@/utils/file"
+import ProductRow from "./components/product-row.vue"
+import ProductCart from "./components/product-cart.vue"
+import ProductTotal from "./components/product-total.vue"
+
+const state = reactive<any>({
+    detailId: null,
+    canteenDetail: {},
+
+    foodList: [],
+
+    cartList: [],
+    totPrice: 0,
+    totCount: 0,
+
+    classifyList: [],
+    currentClassifyIndex: 0,
+
+    showCartDialog: false,
+    showBookingDialog: false,
+
+    bookingTimeList: [],
+    selectedBookingTime: "",
+})
+
+onLoad((options: any) => {
+    if (!isEmpty(options.id)) {
+        state.detailId = options.id
+    }
+})
+onShow(() => {
+    getDetail()
+    getFoodCart()
+    getClassify()
+})
+
+const getHeight = () => {
+    const rpx = 480
+    return `calc(100vh - ${uni.upx2px(rpx)}px)`
+}
+
+// 获取食堂详情信息
+const getDetail = async () => {
+    uni.showLoading({ title: "加载中...", mask: true })
+    const { code, data } = await merchantApi.detail({ id: state.detailId })
+    if (code == 0) state.canteenDetail = data
+    uni.hideLoading()
+}
+
+// 获取购物车信息
+const getFoodCart = async () => {
+    const { data } = await orderApi.getShopCar({ merchantId: state.detailId, hardType: "CANTEEN" })
+    state.cartList = data ?? []
+    if (isEmpty(state.cartList)) {
+        state.foodList.forEach((v: any) => {
+            v.productCount = 0
+        })
+    } else {
+        syncCartCount(state.foodList)
+    }
+    state.totPrice = state.cartList.map((v) => Number(v.totalPrice)).reduce((pre, next) => pre + next, 0)
+    state.totCount = state.cartList.map((v) => v.productCount).reduce((pre, next) => pre + next, 0)
+}
+
+// 同步购物车购买数量
+const syncCartCount = (foodList: any) => {
+    if (state.cartList && state.cartList.length) {
+        for (const i of foodList) {
+            for (const v of state.cartList) {
+                if (i.id == v.productId) {
+                    i.productCount = v.productCount
+                }
+            }
+        }
+    }
+    state.foodList = foodList
+}
+
+// 获取菜品分类
+const getClassify = async () => {
+    const { data } = await foodApi.classify({ merchantId: state.detailId })
+    state.classifyList = data ?? []
+    if (!isEmpty(state.classifyList)) {
+        getFoodList()
+    }
+}
+
+// 获取食物列表
+const getFoodList = async () => {
+    const target = state.classifyList[state.currentClassifyIndex]
+    if (isEmpty(target)) return
+    const _pa = {
+        merchantId: state.detailId,
+        categoryId: target.id,
+        time: hooks.useTime(new Date(), "{y}-{m}-{d}"),
+    }
+    const { data } = await foodApi.product(_pa)
+    data.forEach((i: any) => {
+        i.productCount = 0
+        i.productId = i.id
+    })
+    syncCartCount(data)
+}
+
+// 切换选中的分类
+const doClassify = (i: any) => {
+    state.currentClassifyIndex = i
+    getFoodList()
+}
+
+// 设置购物车商品的数量
+const chentProductCartCount = async (item: any) => {
+    try {
+        uni.showLoading({ title: "加载中", mask: true })
+        // 检查商品库存
+        const { code, msg }: any = await foodApi.checkSpuStock({ spuId: item.productId, incrCount: item.productCount })
+        if (code != 0) {
+            item.productCount--
+            return uni.showToast({ title: msg, icon: "none" })
+        }
+
+        const targetIndex = state.cartList.findIndex((v) => v.productId == item.productId)
+        if (targetIndex !== -1) {
+            state.cartList[targetIndex].productCount = item.productCount
+        } else {
+            state.cartList.push({ ...item, productId: item.id, productCount: item.productCount })
+        }
+        nextTick(async () => {
+            await updateFoodCart()
+        })
+    } catch (e) {
+        console.error(e)
+    } finally {
+        uni.hideLoading()
+    }
+}
+
+// 保存购物车商品
+const updateFoodCart = async () => {
+    if (isEmpty(state.cartList)) return
+    const list = state.cartList
+        .filter((v) => v.productCount !== undefined && v.productCount >= 0)
+        .map((v) => {
+            return {
+                productCount: v.productCount,
+                productId: v.productId,
+            }
+        })
+    if (isEmpty(list)) return
+    const _pa = { merchantId: state.detailId, list: list, hardType: "CANTEEN" }
+    const { data, code }: any = await orderApi.updateShopCar(_pa)
+    if (code == 0) await getFoodCart()
+}
+
+// 打开购物车
+const doVisibleCart = () => (state.showCartDialog = true)
+
+// 购买 打开预订时间段选择对话框
+const doBuy = async () => {
+    state.selectedBookingTime = ""
+    try {
+        uni.showLoading({ title: "加载中...", mask: true })
+        const res: any = await orderApi.apptList()
+        if (res.code == 0 && res.data.length > 0) {
+            state.bookingTimeList = res.data
+            state.selectedBookingTime = res.data[0].id
+            // 打开预约时间段选择对话框
+            state.showBookingDialog = true
+        } else {
+            uni.showToast({ title: res.msg || "预约时间段获取失败", icon: "none" })
+        }
+    } catch (error: any) {
+        uni.showToast({ title: error.msg, icon: "none" })
+    } finally {
+        uni.hideLoading()
+    }
+}
+
+// 预约时间段对话框确认
+const bookingDialogConfirm = () => {
+    if (!state.selectedBookingTime) return uni.showToast({ title: "请选择预订时间段", icon: "none" })
+    uni.showModal({
+        title: "提示",
+        content: "是否确定购买",
+        confirmColor: "#0094ff",
+        success: async (res) => {
+            if (!res.confirm) return
+            submitBuy()
+        },
+    })
+}
+
+// 确认购买
+const submitBuy = async () => {
+    try {
+        if (isEmpty(state.cartList)) return uni.showToast({ title: "请至少购买一件商品", icon: "none" })
+        uni.showLoading({ title: "支付中...", mask: true })
+        const _createtPa = {
+            carParentId: state.cartList[0].parentCarId,
+            hardType: "CANTEEN",
+            apptId: state.selectedBookingTime,
+        }
+        const { data: createData, code: createCode }: any = await payApi.createHardwareOrder(_createtPa)
+        if (createCode != 0) throw new Error()
+        uni.showToast({ title: "支付成功", icon: "none" })
+        state.showBookingDialog = false
+        router.jump("/pages/tabbar/order")
+    } catch (error) {
+        console.error(error)
+    } finally {
+        uni.hideLoading()
+    }
+}
+
+const doPhone = () => {
+    if (isEmpty(state.canteenDetail.phone)) {
+        uni.showToast({ title: "该商户没有预留电话", icon: "none" })
+        return
+    }
+    hooks.useMakePhoneCall(state.canteenDetail.phone)
+}
+
+const doFood = () => {
+    router.jump("/pages/canteen/food", { merchantId: state.detailId })
+}
+</script>
+
+<template>
+    <crud-layout mainIsScroll tabBarType="just-flot-back" bg="/static/page/blue-bg.png">
+        <tm-sticky>
+            <swiper class="w-100vw h-30vh" circular :indicator-dots="true" indicator-active-color="#0779FD"
+                indicator-color="#ffffff" :autoplay="true">
+                <swiper-item v-for="(v, i) in state.canteenDetail?.swiperPic?.split(',')" :key="i">
+                    <image class="w-full h-full" :src="filePath(v)" mode="aspectFill" />
+                </swiper-item>
+            </swiper>
+
+            <tm-sticky-header>
+                <view class="m-x-30rpx">
+                    <!-- start 简介 start -->
+                    <view class="h-15rpx" />
+                    <view class="flex-row card p-20rpx">
+                        <image class="w-180rpx h-180rpx rounded-12rpx" :src="filePath(state.canteenDetail.logoPic)"
+                            mode="aspectFill" />
+                        <view class="flex-1 flex-col m-l-20rpx">
+                            <view class="flex-row items-center justify-between">
+                                <view class="flex-row-center sub-text-34">
+                                    <text>{{ state.canteenDetail.name }}</text>
+                                </view>
+                                <view>
+                                    <tm-tag size="s">{{ state.canteenDetail.deptName }}</tm-tag>
+                                </view>
+                            </view>
+                            <view class="second-text-24">
+                                <view class="second-text-28">营业时间：</view>
+                                <view>
+                                    {{ state.canteenDetail.jobTime?.split(",")[0] ? "早：" +
+                                        state.canteenDetail.jobTime?.split(",")[0] : "" }}
+                                </view>
+                                <view>
+                                    {{ state.canteenDetail.jobTime?.split(",")[1] ? "中：" +
+                                        state.canteenDetail.jobTime?.split(",")[1] : "" }}
+                                </view>
+                                <view>
+                                    {{ state.canteenDetail.jobTime?.split(",")[2] ? "晚：" +
+                                        state.canteenDetail.jobTime?.split(",")[2] : "" }}
+                                </view>
+                            </view>
+                            <view v-if="state.canteenDetail.addressDes" class="m-t-10rpx second-text-28">
+                                <text>食堂地址：</text>
+                                <text class="m-l-10rpx">{{ state.canteenDetail.addressDes }}</text>
+                            </view>
+                        </view>
+                    </view>
+                    <!-- end 简介 end -->
+                    <!-- start 功能 start -->
+                    <view class="h-15rpx" />
+                    <view class="flex-row items-center justify-evenly card p-y-20rpx">
+                        <view class="flex-row-center" @tap="doPhone">
+                            <view class="flex-row-center w-50rpx h-50rpx bg-#167aff rounded-full">
+                                <text class="font-size-28rpx! color-white iconfont icon-dianhua" />
+                            </view>
+                            <text class="m-l-20rpx sub-text-30">联系食堂</text>
+                        </view>
+                        <view class="w-1px h-30rpx bg-#c4c4c4" />
+                        <view class="flex-row-center"
+                            @tap.stop="router.jump('/pages/boxes/list', { id: state.detailId })">
+                            <view class="flex-row-center w-50rpx h-50rpx bg-#167aff rounded-full">
+                                <text class="font-size-28rpx! color-white iconfont icon-yuding" />
+                            </view>
+                            <text class="m-l-20rpx sub-text-28">餐桌信息</text>
+                        </view>
+                        <view class="w-1px h-30rpx bg-#c4c4c4" />
+                        <view class="flex-row-center" @tap="doFood">
+                            <view class="flex-row-center w-50rpx h-50rpx bg-#167aff rounded-full">
+                                <text class="font-size-28rpx! color-white iconfont icon-caipu" />
+                            </view>
+                            <text class="m-l-20rpx sub-text-28">每日菜谱</text>
+                        </view>
+                    </view>
+                    <!-- end 功能 end -->
+                </view>
+            </tm-sticky-header>
+
+            <view class="h-15rpx" />
+
+            <!-- start 商品 start -->
+            <view class="flex-row">
+                <scroll-view v-if="state.classifyList.length > 0" scroll-y :style="{ height: getHeight() }"
+                    class="menu w-200rpx h-full p-l-12rpx p-b-20rpx bg-#f6f6f6">
+                    <view class="menu_item flex-row-center" v-for="(v, i) in state.classifyList" :key="v.id"
+                        :class="[{ menu_item_active: i == state.currentClassifyIndex }]" @tap="doClassify(i)">
+                        <view class="menu_item_title show-line">
+                            {{ v.name }}
+                        </view>
+                    </view>
+                </scroll-view>
+                <scroll-view v-if="state.foodList.length > 0" scroll-y :style="{ height: getHeight() }"
+                    class="flex-1 p-b-20rpx">
+                    <view v-for="(pV, pI) in state.foodList" :key="pI">
+                        <view class="m-x-15rpx">
+                            <product-row v-model="pV.productCount" :productId="pV.id" :pic="filePath(pV.picUrl)"
+                                :name="pV.name" :price="pV.price" :marketPrice="pV.marketPrice"
+                                :salesCount="pV.salesCount" :stock="pV.stock" @add="chentProductCartCount(pV)"
+                                @remove="chentProductCartCount(pV)" />
+                        </view>
+                    </view>
+                </scroll-view>
+                <view v-else class="mx-auto mt-10 second-text-28">暂无信息</view>
+            </view>
+        </tm-sticky>
+        <!-- end 商品 end -->
+        <template #main-bottom>
+            <view v-if="state.classifyList.length > 0" class="cart z-200 p-x-30rpx p-y-30rpx bg-white">
+                <product-total :totPrice="state.totPrice" :totCount="state.totCount" @doContainer="doVisibleCart"
+                    @submit="doBuy" />
+            </view>
+        </template>
+    </crud-layout>
+
+    <product-cart v-model="state.showCartDialog" :cartList="state.cartList" :totPrice="state.totPrice"
+        :totCount="state.totCount" @add="(v) => chentProductCartCount(v)" @remove="(v) => chentProductCartCount(v)"
+        @submit="doBuy" />
+
+    <tm-modal v-model:show="state.showBookingDialog" :overlayClick="false" :showCancel="true" title="请选择预订餐段"
+        cancelText="取消" confirmText="确认" position="bottom" height="520rpx" zIndex="800">
+        <tm-radio-group v-model="state.selectedBookingTime" direction="column">
+            <view v-for="(item, index) in state.bookingTimeList" :key="index" class="w-full flex items-center">
+                <tm-radio class="w-full h-full px-2" :value="item.id">
+                    <template v-slot:label="checked">
+                        <view class="text-30">{{ item.title }}</view>
+                        <view class="second-text-28 flex">
+                            <text class="w-1/2">可预订时间段：</text>
+                            <text class="w-1/2">{{ item.startTime.slice(0, -3) }}-{{ item.endTime.slice(0, -3) }}</text>
+                        </view>
+                        <view class="second-text-28 flex">
+                            <text class="w-1/2">用餐时间段：</text>
+                            <text class="w-1/2">
+                                {{ state.canteenDetail.jobTime?.split(",")[Number(index) + 1] ?
+                                    state.canteenDetail.jobTime?.split(",")[Number(index) + 1] : "" }}
+                            </text>
+                        </view>
+                    </template>
+                </tm-radio>
+            </view>
+        </tm-radio-group>
+
+        <template #footer>
+            <view class="flex px-4 w-full">
+                <tm-button @click="state.showBookingDialog = false" :block="true" skin="thin">取消</tm-button>
+                &nbsp;&nbsp;
+                <tm-button @click="bookingDialogConfirm" :block="true">确认</tm-button>
+            </view>
+        </template>
+    </tm-modal>
+</template>
+
+<style lang="scss" scoped>
+:deep() {
+    .layout_main>scroll-view {
+        padding: 0 !important;
+    }
+}
+
+.menu {
+    &_item {
+        width: 100%;
+        height: 88rpx;
+        position: relative;
+        transition: all linear 0.2s;
+
+        &_title {
+            width: 100%;
+            line-height: 32rpx;
+            font-size: 30rpx;
+            font-weight: 400;
+            color: #333;
+            margin-left: 28rpx;
+            position: relative;
+            z-index: 0;
+
+            &::before {
+                content: "";
+                width: 64rpx;
+                height: 12rpx;
+                background: linear-gradient(90deg, #0094ff, #e9f5fe) !important;
+                position: absolute;
+                left: -64rpx;
+                bottom: 0;
+                z-index: -1;
+                transition: all linear 0.2s;
+            }
+        }
+
+        &.menu_item_active {
+            background-color: #fff;
+            border-radius: 20rpx 0 0 20rpx;
+
+            &::before {
+                content: "";
+                position: absolute;
+                right: 0;
+                bottom: -20rpx;
+                width: 20rpx;
+                height: 20rpx;
+                background: radial-gradient(circle at 0 100%, transparent 20rpx, #fff 0);
+            }
+
+            &::after {
+                content: "";
+                position: absolute;
+                top: -20rpx;
+                right: 0;
+                width: 20rpx;
+                height: 20rpx;
+                background: radial-gradient(circle at 0% 0%, transparent 20rpx, #fff 0);
+            }
+
+            .menu_item_title {
+                font-weight: 600;
+
+                &::before {
+                    left: 0;
+                }
+            }
+        }
+    }
+}
+
+.cart {
+    box-shadow: 0 8rpx 40rpx rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/src/pages/canteen/food.vue b/src/pages/canteen/food.vue
new file mode 100644
index 0000000..d68fe1d
--- /dev/null
+++ b/src/pages/canteen/food.vue
@@ -0,0 +1,169 @@
+<script setup lang="ts">
+import { ref, reactive, computed } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { isEmpty } from "radash"
+import dayjs from "dayjs"
+import { hooks, router } from "@@/index"
+import { foodApi } from "@@/api"
+import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
+import CustomWaterfallsFlow from "@@/components/other/custom-waterfalls-flow/custom-waterfalls-flow.vue"
+import { filePath } from "@@/utils/file"
+
+const menus = {
+	tabs: [
+		// { id: null, name: "全部", disabled: false },
+		{ id: 1, name: "早餐", disabled: false },
+		{ id: 2, name: "午餐", disabled: false },
+		{ id: 3, name: "晚餐", disabled: false },
+	],
+	weekDays: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
+}
+const state = reactive<any>({
+	dateList: [],
+	currentDateIndex: 0,
+	pa: {
+		merchantId: null,
+		startTime: null,
+		hourType: menus.tabs[0].id,
+	},
+})
+
+onLoad((options: any) => {
+	initDate()
+	if (!isEmpty(options.merchantId)) {
+		state.pa.merchantId = options.merchantId
+	}
+})
+onShow(() => {
+	if (pageRef.value && pageRef.value.reload) {
+		pageRef.value.reload(false)
+	}
+})
+
+const pageRef = ref<any>(null)
+const pageHook = hooks.usePage(pageRef, foodApi.page, null, "data.records")
+const query = (page: number, pagesize: number) => {
+	pageHook.startPage(page, pagesize, false, state.pa)
+}
+
+// 重新设置图片路径
+const foodList = computed(() => {
+	return pageHook.list.map((item: any) => {
+		return { ...item, picUrl: filePath(item.picUrl) }
+	})
+})
+
+const initDate = () => {
+	const list: any = []
+	const now = new Date()
+	for (let i = 0; i < 10; i++) {
+		const date = dayjs(now).add(i, "d")
+		const weekDayStr = date.isSame(now, "day") ? "今天" : menus.weekDays[date.day()]
+		list.push({
+			weekDayStr,
+			date: date.toDate(),
+			dayTime: date.format("MM-DD"),
+			dateTime: date.format("YYYY-MM-DD"),
+		})
+	}
+	state.dateList = list
+	state.pa.startTime = state.dateList[0].dateTime
+	pageRef.value?.reload(false)
+}
+
+const doDateItem = (v: any, i: any) => {
+	state.currentDateIndex = i
+	state.pa.startTime = state.dateList[i].dateTime
+	pageHook.list = []
+	pageRef.value.reload(true)
+}
+
+const doTab = (e: any) => {
+	const target = menus.tabs[e]
+	state.pa.hourType = target.id
+	pageHook.list = []
+	pageRef.value.reload(true)
+}
+
+const doProduct = (v: any) => {
+	// 	router.jump("/pages/canteen/product-detail", { spuId: v.spuId })
+}
+</script>
+
+<template>
+	<crud-layout title="每日菜谱" navBgColor="#1777FF" navBgTitleColor="white" bg="/static/page/blue-bg.png">
+		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="8"
+			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
+			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
+			<template #top>
+				<view class="bg-#1777FF p-15rpx">
+					<scroll-view scroll-x class="whitespace-nowrap">
+						<view class="flex-row items-center space-x-15rpx">
+							<view :class="{ active_date: state.currentDateIndex == i }"
+								class="flex-col-center flex-shrink-0 size-95rpx color-white rounded-8rpx font-size-24rpx font-700"
+								v-for="(v, i) in state.dateList" :key="i" @tap="doDateItem(v, i)">
+								<view>{{ v.dayTime }}</view>
+								<view>{{ v.weekDayStr }}</view>
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+				<view class="bg-white rounded-16rpx px-20rpx m-x-10rpx m-t-15rpx">
+					<z-tabs :list="menus.tabs" @change="doTab" />
+				</view>
+			</template>
+
+			<view class="h-20rpx" />
+
+			<view class="m-x-20rpx">
+				<!-- <Waterfall v-if="foodList.length" :list="foodList" :gutter="10" :breakpoints="{
+					1800: { rowPerView: 4 },
+					1400: { rowPerView: 3 },
+					975: { rowPerView: 2 },
+				}" :hasAroundGutter="false" backgroundColor="#ffffff00" :crossOrigin="false" :animationDuration="0"
+					:posDuration="0">
+					<template #default="{ item, url, index }">
+						<view class="card">
+							<LazyImg class="rounded-2" :url="item.picUrl" />
+							<view class="p-x-15rpx p-y-25rpx flex items-center justify-between">
+								<view class="sub-text-28 show-line">{{ item.name }}</view>
+								<view class="second-text-32 color-red!"> ¥{{ hooks.useMoney(item.price) }} </view>
+							</view>
+						</view>
+					</template>
+				</Waterfall> -->
+				<custom-waterfalls-flow v-model="foodList" imageKey="picUrl" :columnSpace="1" @wapperClick="doProduct"
+					@imageClick="doProduct">
+					<template v-slot:default="v">
+						<view class="p-x-15rpx p-y-25rpx">
+							<view class="sub-text-28 show-line">{{ v.name }}</view>
+							<view class="m-t-10rpx flex-row items-center">
+								<view class="second-text-32 color-red!"> ¥{{ hooks.useMoney(v.price) }} </view>
+								<view class="m-l-20rpx second-text-24 line-through"> ¥{{ hooks.useMoney(v.marketPrice)
+								}} </view>
+							</view>
+							<view class="flex-row items-center MT 10rpx">
+								<view class="second-text-24">{{ hooks.useFormatNum("库存", "", v.stock) }}</view>
+								<view class="w-1px h-20rpx m-x-5rpx bg-#999" />
+								<view class="second-text-24">{{ hooks.useFormatNum("销量", "", v.salesCount) }}</view>
+							</view>
+						</view>
+					</template>
+				</custom-waterfalls-flow>
+			</view>
+		</z-paging>
+	</crud-layout>
+</template>
+
+<style lang="scss" scoped>
+:deep() {
+	.layout_main>scroll-view {
+		padding: 0 !important;
+	}
+}
+
+.active_date {
+	background-color: white;
+	color: #1679ff !important;
+}
+</style>
diff --git a/src/pages/canteen/product-detail.vue b/src/pages/canteen/product-detail.vue
new file mode 100644
index 0000000..96731b0
--- /dev/null
+++ b/src/pages/canteen/product-detail.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { isEmpty } from "radash"
+import { productApi } from "@@/api"
+import { filePath } from "@@/utils/file"
+import { hooks } from "@@/index"
+
+const state = reactive<any>({
+	detailId: null,
+	detail: null,
+})
+
+onLoad((options: any) => {
+	if (!isEmpty(options.id)) {
+		state.detailId = options.id
+	}
+})
+onShow(() => {
+	getDetail()
+})
+
+const getDetail = async () => {
+	uni.showLoading({
+		title: "加载中...",
+	})
+	const _pa = { id: state.detailId }
+	const { data } = await productApi.get(_pa)
+	state.detail = data
+	uni.hideLoading()
+}
+</script>
+
+<template>
+	<crud-layout title="菜品详情" tabBarType="just-flot-back" bg="/static/page/blue-bg.png">
+		<view v-if="state.detail">
+			<image class="w-100vw" :src="filePath(state.detail.picUrl)" mode="widthFix" />
+			<view class="p-x-15rpx">
+				<view class="flex-col justify-between card p-y-20rpx p-x-30rpx">
+					<view class="flex-row items-center justify-between">
+						<view class="flex-row items-center">
+							<view class="second-text-46 color-red!">¥{{ hooks.useMoney(state.detail.price) }}</view>
+							<view class="m-l-20rpx second-text-28 line-through">¥{{
+								hooks.useMoney(state.detail.marketPrice) }}</view>
+						</view>
+						<view class="second-text-26">已售{{ state.detail.salesCount }}</view>
+					</view>
+					<view class="flex-col m-t-15rpx">
+						<view class="sub-text-32">{{ state.detail.name }}</view>
+						<view class="m-t-15rpx second-text-26">{{ state.detail.introduction }}</view>
+					</view>
+				</view>
+				<view v-if="false" class="m-t-15rpx flex-row items-center justify-between card p-y-20rpx p-x-30rpx">
+					<view class="prefix_title">评价</view>
+				</view>
+				<view v-if="state.detail.description"
+					class="m-t-15rpx flex-col justify-between card p-y-20rpx p-x-30rpx">
+					<view class="prefix_title">详情</view>
+					<view class="m-t-15rpx" v-html="state.detail.description"></view>
+				</view>
+			</view>
+		</view>
+		<view v-else class="second-text-28 mt-24 text-center">暂无数据</view>
+	</crud-layout>
+</template>
+
+<style lang="scss" scoped>
+:deep() {
+	.layout_main>scroll-view {
+		padding: 0 !important;
+	}
+}
+</style>
diff --git a/src/pages/car/user-car/apply.vue b/src/pages/car/user-car/apply.vue
new file mode 100644
index 0000000..9f08613
--- /dev/null
+++ b/src/pages/car/user-car/apply.vue
@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import { ref, reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import PlateNum from "@@/components/tongtong-plate/plate-number.vue";
+
+import { hooks, router } from "@@/index"
+import { userCarApi } from "@@/api"
+import { serviceEnum } from "@/sheep/constant"
+
+const { carTypeEnum } = serviceEnum
+
+const applyFormRef = ref<any>(null)
+const plateNumRef = ref<any>(null)
+
+const visitorReasonList = ref<Array<{ title: string; id: string }>>(Object.keys(carTypeEnum).map((key) => ({
+    title: carTypeEnum[key],
+    id: key,
+})))
+
+const applyForm = reactive<any>({
+    id: "",
+    carType: "",
+    carTypeStr: "",
+    carNumber: "",
+})
+
+
+const applyFormRules = reactive<any>({
+    carTypeStr: [{ required: true, message: "请选择车辆类型" }],
+    carNumber: [{ required: true, message: "请输入车牌号" }],
+})
+
+
+onLoad(() => {
+    // 默认第一个
+    if (!applyForm.carType) {
+        const target = visitorReasonList.value[0]
+        applyForm.carType = target.id
+        applyForm.carTypeStr = target.title
+    }
+})
+onShow(() => {
+})
+
+// 选择车俩类型
+const carNumberPickerConfirm = (e) => {
+    const target = visitorReasonList.value.find((item) => item.id == e[0])
+    if (!target) return
+    applyForm.carType = target.id
+    applyForm.carTypeStr = target.title
+}
+
+const doSubmit = async () => {
+    // 车牌号
+    const carNumber = plateNumRef.value.getPlate()
+    if (!carNumber) {
+        uni.showToast({ title: "请输入车牌号", icon: "none" })
+        return
+    }
+    applyForm.carNumber = carNumber
+    // 校验
+    applyFormRef.value.submit()
+    const { isPass } = applyFormRef.value.validate()
+    if (!isPass) return
+    try {
+        uni.showLoading({ title: "申请中...", mask: false })
+        const _pa = {
+            ...applyForm
+        }
+        const { data, code }: any = await userCarApi.apply(_pa)
+        if (code != 0) throw new Error()
+        uni.hideLoading()
+        uni.showToast({ title: "申请成功", icon: "none" })
+        router.back()
+    } catch (error) {
+        console.error(error)
+        uni.hideLoading()
+    }
+}
+</script>
+
+<template>
+    <crud-layout title="申请车辆" bg="/static/page/blue-bg.png">
+        <view class="h-30rpx" />
+        <view class="card p-x-30rpx p-y-40rpx">
+            <tm-form ref="applyFormRef" v-model="applyForm" :rules="applyFormRules" direction="vertical">
+                <tm-form-item name="carTypeStr" label="车辆类型" :showBottom="false">
+                    <tm-picker @confirm="carNumberPickerConfirm" :list="visitorReasonList">
+                        <tm-input :modelValue="applyForm.carTypeStr" placeholder="请选择车辆类型" style="pointer-events: none">
+                        </tm-input>
+                    </tm-picker>
+                </tm-form-item>
+                <tm-form-item name="carNumber" label="车牌号" :showBottom="false">
+                    <PlateNum ref="plateNumRef" />
+                </tm-form-item>
+            </tm-form>
+        </view>
+        <view class=" bg-#0094ff p-y-20rpx text-center rounded-40rpx m-x-30rpx m-t-60rpx sub-text-30 color-white!"
+            @tap="doSubmit">
+            提交
+        </view>
+    </crud-layout>
+</template>
+
+<style lang="scss" scoped>
+:deep() {
+    .tmFormItemLabel {
+        padding-bottom: 10rpx !important;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/car/user-car/list.vue b/src/pages/car/user-car/list.vue
new file mode 100644
index 0000000..39d384c
--- /dev/null
+++ b/src/pages/car/user-car/list.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+import { ref, reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+
+import { hooks, router } from "@@/index"
+import { userCarApi } from "@@/api"
+import { serviceEnum } from "@/sheep/constant"
+
+import { filePath } from "@@/utils/file"
+
+const { carTypeEnum } = serviceEnum
+
+const state = reactive<any>({
+    pa: {
+        pagesize: 10,
+    },
+})
+
+const pageRef = ref<any>(null)
+const pageHook = hooks.usePage(pageRef, userCarApi.page, null, "data.records")
+const query = (page: number, pagesize: number) => {
+    pageHook.startPage(page, pagesize, false, state.pa)
+}
+
+
+onLoad(() => { })
+onShow(() => {
+    if (pageRef.value) {
+        pageRef.value.reload(false)
+    }
+})
+
+const doApply = () => {
+    router.jump("/pages/car/user-car/apply")
+}
+
+</script>
+
+<template>
+    <crud-layout title="我的车辆" bg="/static/page/blue-bg.png">
+        <z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
+            safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
+            :auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
+            <view class="h-20rpx" />
+            <view class="position-relative card p-x-20rpx p-y-30rpx m-b-20rpx overflow-hidden"
+                v-for="(v, i) in pageHook.list" :key="v.id">
+                <view class="flex justify-between items-center m-t-20rpx">
+                    <view>
+                        <!-- 私家车 -->
+                        <tm-tag v-if="v.carType == 1" size="m">{{ carTypeEnum[v.carType] }}</tm-tag>
+                        <!-- 公车 -->
+                        <tm-tag v-if="v.carType == 2" size="m">{{ carTypeEnum[v.carType] }}</tm-tag>
+                        <!-- 军车 -->
+                        <tm-tag v-if="v.carType == 3" size="m">{{ carTypeEnum[v.carType] }}</tm-tag>
+                        <!-- 警车 -->
+                        <tm-tag v-if="v.carType == 4" size="m">{{ carTypeEnum[v.carType] }}</tm-tag>
+                    </view>
+                    <view class="flex items-center" @tap.stop="hooks.useCopy(v.carNumber)">
+                        <text class="main-text-28 m-r-6rpx">{{ v.carNumber }}</text>
+                        <text v-if="v.carNumber" class="iconfont icon-fuzhi" />
+                    </view>
+                </view>
+                <view class="flex justify-end m-t-10rpx">
+                    <text class="second-text-26">{{ v.createTime }}</text>
+                </view>
+                <view class="position-absolute right-0 top-0 sub-text-24 color-white!">
+                    <view class="p-x-8rpx p-y-6rpx bg-green rounded-bl-16rpx" v-if="v.enableStatus == 1">已启用</view>
+                    <view class="p-x-8rpx p-y-6rpx bg-red rounded-bl-16rpx" v-if="v.enableStatus == 0">已禁用</view>
+                </view>
+            </view>
+            <template #bottom>
+                <view
+                    class="bg-#0094ff p-y-20rpx text-center rounded-40rpx m-x-30rpx m-t-60rpx sub-text-30 color-white!"
+                    @tap="doApply">
+                    申请
+                </view>
+                <view class="h-30rpx" />
+            </template>
+        </z-paging>
+    </crud-layout>
+</template>
\ No newline at end of file
diff --git a/src/pages/human-face/apply.vue b/src/pages/human-face/apply.vue
new file mode 100644
index 0000000..407680a
--- /dev/null
+++ b/src/pages/human-face/apply.vue
@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import { ref, reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { isEmpty } from "radash"
+
+import { hooks, router } from "@@/index"
+import { faceApi } from "@@/api"
+
+import { filePath } from "@@/utils/file"
+
+const state = reactive<any>({
+	detailType: "add",
+	detailId: null,
+	detail: null,
+	header: {},
+})
+const applyForm = reactive<any>({
+	faceImg: [],
+})
+const uploadFileUrl = ref<any>("")
+const applyFormRules = reactive<any>({
+	faceImg: [{ required: true, message: "请上传人脸图片" }],
+})
+onLoad(async (options: any) => {
+	const { type, id } = options
+	if (!isEmpty(type)) state.detailType = type
+	if (!isEmpty(id)) state.detailId = id
+	state.header = hooks.useDefaultHeader()
+	if (type === "edit") {
+		applyForm.faceImg = []
+		uploadFileUrl.value = ""
+		await getDetail()
+	}
+})
+onShow(() => { })
+
+const getDetail = async () => {
+	if (isEmpty(state.detailId)) return
+	const { data } = await faceApi.get({ id: state.detailId })
+	if (!isEmpty(data)) {
+		const img = filePath(data.faceImg)
+		applyForm.faceImg = [img]
+		uploadFileUrl.value = img
+	}
+}
+
+const beforeComplete = (uploadFile: any) => {
+	if (JSON.parse(uploadFile.data).code == 0) {
+		uploadFileUrl.value = JSON.parse(uploadFile.data).data.url
+		return true
+	} else {
+		uploadFileUrl.value = ""
+		return false
+	}
+}
+
+const applyFormRef = ref<any>(null)
+const doSubmit = async () => {
+	applyFormRef.value.submit()
+	const { isPass } = applyFormRef.value.validate()
+	if (!isPass || !uploadFileUrl.value) return
+	try {
+		uni.showLoading({ title: "提交中...", mask: false })
+		const { data, code }: any =
+			state.detailType == "edit"
+				? await faceApi.put({ faceImg: uploadFileUrl.value, id: state.detailId })
+				: await faceApi.create({ faceImg: uploadFileUrl.value })
+		if (code != 0) throw new Error()
+		uni.hideLoading()
+		uni.showToast({ title: "提交成功", icon: "none" })
+		router.back()
+	} catch (error) {
+		console.error(error)
+		uni.hideLoading()
+	}
+}
+</script>
+
+<template>
+	<crud-layout :title="state.detailId ? '修改人脸' : '人脸上传'" bg="/static/page/blue-bg.png">
+		<view class="h-30rpx" />
+		<view class="card px-30rpx py-40rpx">
+			<tm-form ref="applyFormRef" v-model="applyForm" :rules="applyFormRules" direction="vertical">
+				<tm-form-item name="faceImg" label="人脸图片" :required="false" :showBottom="false">
+					<tm-upload-photo :maxFileSize="1024 * 1024 * 5" :header="state.header"
+						:rangUrl="applyForm.faceImg[0]" :beforeComplete="beforeComplete" v-model="applyForm.faceImg"
+						:maxCount="1" :column="2" img-height="320" :url="'/api/admin/sys-file/upload'" />
+				</tm-form-item>
+				<view class="sub-text-20 c-red!">注：图片大小不超过5M</view>
+			</tm-form>
+		</view>
+		<view v-if="state.detailType != 'view'"
+			class="bg-#0094ff p-y-20rpx text-center rounded-40rpx m-x-30rpx m-t-60rpx sub-text-30 color-white!"
+			@tap="doSubmit">
+			{{ state.detailId ? "修改" : "提交" }}
+		</view>
+	</crud-layout>
+</template>
+
+<style lang="scss" scoped>
+:deep() {
+	.tmFormItemLabel {
+		padding-bottom: 10rpx !important;
+	}
+}
+</style>
diff --git a/src/pages/human-face/list.vue b/src/pages/human-face/list.vue
new file mode 100644
index 0000000..605f018
--- /dev/null
+++ b/src/pages/human-face/list.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { ref, reactive } from "vue"
+import { onShow } from "@dcloudio/uni-app"
+
+import { hooks, router } from "@@/index"
+import { faceApi } from "@@/api"
+
+import { filePath } from "@@/utils/file"
+
+const state = reactive<any>({
+	pa: {
+		pagesize: 10,
+	},
+})
+
+const pageRef = ref<any>(null)
+const pageHook = hooks.usePage(pageRef, faceApi.page, null, "data.records")
+const query = (page: number, pagesize: number) => {
+	pageHook.startPage(page, pagesize, false, state.pa)
+}
+
+onShow(() => {
+	if (pageRef.value) {
+		pageRef.value.reload(false)
+	}
+})
+
+const doAdd = () => {
+	router.jump("/pages/human-face/apply")
+}
+
+const doEdit = (id: string) => {
+	router.jump("/pages/human-face/apply", { type: "edit", id })
+}
+
+const doDel = (id: string) => {
+	faceApi.del({ id }).then(
+		() => {
+			uni.showToast({ title: "删除成功", icon: "none" })
+			pageRef.value.reload(true)
+		},
+		() => {
+			uni.showToast({ title: "删除失败", icon: "none" })
+		},
+	)
+}
+</script>
+
+<template>
+	<crud-layout title="人脸管理" bg="/static/page/blue-bg.png">
+		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
+			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
+			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
+			<view class="h-20rpx" />
+			<view class="card flex-col-center p-20rpx mb-20rpx" v-for="(v, i) in pageHook.list" :key="v.id">
+				<image class="w-300rpx h-300rpx rounded-50rpx mb-2" :src="filePath(v.faceImg)" mode="aspectFill"
+					@click.stop="hooks.usePreviewImage(filePath(v.faceImg))" />
+				<view class="sub-text-30 mb-2">{{ v.username }}·{{ v.deptName }}</view>
+				<view v-if="false" class="flex w-full items-center justify-end gap-2 second-text-26">
+					<text class="botder_btn" @click="doEdit(v.id)">修改</text>
+					<tm-modal title="确定删除吗？" height="auto" @confirm="doDel(v.id)">
+						<template v-slot:trigger><text class="botder_btn">删除</text></template>
+					</tm-modal>
+				</view>
+			</view>
+			<template #bottom>
+				<view v-if="false"
+					class="bg-#0094ff py-20rpx text-center rounded-40rpx mx-30rpx my-4 sub-text-30 color-white!"
+					@tap="doAdd">
+					添加
+				</view>
+			</template>
+		</z-paging>
+	</crud-layout>
+</template>
diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
new file mode 100644
index 0000000..c62817d
--- /dev/null
+++ b/src/pages/order/detail.vue
@@ -0,0 +1,235 @@
+<script setup lang="ts">
+import { reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { isEmpty } from "radash"
+
+import { hooks, router } from "@@/index"
+import { orderApi, refundApi } from "@@/api"
+
+import { filePath } from "@@/utils/file"
+
+const state = reactive<any>({
+	detailId: null,
+	detail: {},
+	refundDetail: {},
+	shopCarList: [],
+})
+
+onLoad((options: any) => {
+	if (!isEmpty(options.id)) {
+		state.detailId = options.id
+	}
+})
+onShow(() => {
+	getDetail()
+	getShopCarList()
+})
+
+const getDetail = async () => {
+	if (isEmpty(state.detailId)) return
+	const _pa = { id: state.detailId }
+	const { data } = await orderApi.detail(_pa)
+	state.detail = data
+	if (state.detail.orderStatus == 10) {
+		getRefundDetail()
+	}
+}
+
+const getShopCarList = async () => {
+	if (isEmpty(state.detailId)) return
+	const _pa = { orderId: state.detailId }
+	const { data } = await orderApi.shopCarList(_pa)
+	state.shopCarList = data
+}
+
+const getRefundDetail = async () => {
+	if (isEmpty(state.detailId)) return
+	const _pa = { id: state.detailId }
+	const { data } = await refundApi.get(_pa)
+	state.refundDetail = data
+}
+
+const doCancelRefund = async () => {
+	uni.showModal({
+		title: "提示",
+		content: "是否确定取消申请退款",
+		confirmColor: "#0094ff",
+		success: async (res) => {
+			if (!res.confirm) return
+			uni.showLoading({ title: "取消中...", mask: false })
+			const _pa = { id: state.refundDetail.id }
+			const data = refundApi.cancel(_pa)
+			uni.hideLoading()
+			uni.showToast({ title: "取消成功", icon: "none" })
+			router.jump("/pages/tabbar/individualOrder", {}, 2)
+		},
+	})
+}
+</script>
+
+<template>
+	<crud-layout title="订单详情" mainIsScroll bg="/static/page/blue-bg.png">
+		<view class="flex-row-center m-t-30rpx"
+			v-if="state.detail.orderStatus === '5' && ['2', '7'].includes(state.detail.orderType)">
+			<view class="flex-row-center bg-white w-550rpx rounded-16rpx">
+				<image class="w-500rpx" :src="filePath(state.detail.reserveCode)" mode="widthFix"
+					@click.stop="hooks.usePreviewImage(filePath(state.detail.reserveCode))" />
+			</view>
+		</view>
+		<view class="h-30rpx" />
+		<view class="relative flex-col justify-center overflow-hidden card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<image class="absolute top--20rpx right--60rpx w-160rpx h-160rpx" src="/static/icon/guarantee.png"
+				mode="widthFix" />
+			<view class="sub-text-32">订单信息</view>
+			<view class="m-t-15rpx">
+				<view class="info_cell">
+					<view>用户</view>
+					<view>{{ state.detail.username }}</view>
+				</view>
+				<view class="info_cell">
+					<view>手机号</view>
+					<view>{{ state.detail.userMobile }}</view>
+				</view>
+				<view class="info_cell">
+					<view>商户</view>
+					<view>{{ state.detail.merchantName }}</view>
+				</view>
+				<view class="m-t-15rpx h-1px bg-#999 bg-opacity-5" />
+				<view class="info_cell">
+					<view>订单号</view>
+					<view>{{ state.detail.id }}</view>
+				</view>
+				<view class="info_cell">
+					<view>下单时间</view>
+					<view>{{ hooks.useTime(state.detail.createTime, "") }}</view>
+				</view>
+				<view class="info_cell">
+					<view>支付方式</view>
+					<view>
+						{{ hooks.useEnum("hardwareOrderTypeEnum", state.detail.orderType) }}
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="flex-col justify-center card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<view class="sub-text-32">商品费用</view>
+			<view class="m-t-15rpx">
+				<view class="flex-row items-start justify-between" v-for="(v, i) in state.shopCarList" :key="i">
+					<view class="flex-row items-center">
+						<image class="w-160rpx h-160rpx rounded-8rpx" :src="filePath(v.productPic)" mode="aspectFill" />
+						<view class="flex-col m-l-15rpx second-text-26">
+							<view class="sub-text-28">{{ v.productName }}</view>
+							<view class="m-t-5rpx color-red">¥ {{ hooks.useMoney(v.productPrice) }}</view>
+							<view class="m-t-5rpx">x {{ v.productCount }}</view>
+						</view>
+					</view>
+					<view class="flex-row-center">
+						<view class="sub-text-32 color-red!">¥ {{ hooks.useMoney(v.totalPrice) }}</view>
+					</view>
+				</view>
+				<view class="m-y-15rpx h-1px bg-#999 bg-opacity-5" />
+				<view class="flex-row items-center justify-between">
+					<view class="sub-text-32">实付款</view>
+					<view class="flex-row items-end">
+						<view class="sub-text-28 color-red!">¥</view>
+						<view class="m-l-5rpx sub-text-32 color-red!">{{ hooks.useMoney(state.detail.payPrice) }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- start 退款相关 start -->
+		<slot v-if="['10'].includes(state.detail.orderStatus)">
+			<view class="flex-row items-center justify-between card p-x-20rpx p-y-30rpx m-b-20rpx"
+				@tap="router.jump('/pages/refund/history', { id: state.refundDetail.id })">
+				<view>
+					<view class="sub-text-28">
+						<view>
+							{{ hooks.useEnum("hardwareSaleStatusEnum", state.refundDetail.status) }}
+						</view>
+					</view>
+					<view class="m-t-10rpx second-text-26">
+						{{ hooks.useTime(state.refundDetail.updateTime || state.refundDetail.createTime, "") }}
+					</view>
+				</view>
+				<view class="m-l-15rpx color-#999 font-size-26rpx! iconfont icon-youjiantou" />
+			</view>
+			<view class="flex-row items-center justify-between card p-x-20rpx p-y-30rpx m-b-20rpx">
+				<view class="sub-text-28">退款金额</view>
+				<view class="sub-text-28 color-red!">¥{{ hooks.useMoney(state.refundDetail.refundPrice) }}</view>
+			</view>
+			<view class="card p-x-20rpx p-y-30rpx space-y-10rpx m-b-20rpx second-text-24">
+				<view class="flex-row items-center">
+					<view>服务单号：</view>
+					<view>{{ state.refundDetail.no }}</view>
+				</view>
+				<view class="flex-row items-center">
+					<view>申请时间：</view>
+					<view>{{ hooks.useTime(state.refundDetail.createTime, "") }}</view>
+				</view>
+				<view class="flex-row items-center">
+					<view>售后类型：</view>
+					<view>{{ state.refundDetail.applyReason }}</view>
+				</view>
+				<view class="flex-row items-center">
+					<view>相关描述：</view>
+					<view>{{ state.refundDetail.applyDescription }}</view>
+				</view>
+			</view>
+			<view v-if="state.refundDetail.status == 62"
+				class="card p-x-20rpx p-y-30rpx space-y-10rpx m-b-20rpx second-text-24">
+				<view class="flex-row items-center">
+					<view>审核人：</view>
+					<view>{{ state.refundDetail.auditUsername }}</view>
+				</view>
+				<view class="flex-row items-center">
+					<view>审核时间：</view>
+					<view>{{ hooks.useTime(state.refundDetail.auditTime, "") }}</view>
+				</view>
+				<view class="flex-row items-center">
+					<view>拒绝原因：</view>
+					<view>{{ state.refundDetail.auditReason }}</view>
+				</view>
+			</view>
+		</slot>
+		<!-- end 退款相关 end -->
+		<view class="h-30rpx" />
+		<template #main-bottom>
+			<view v-if="state.detail.orderStatus == 10 && state.refundDetail.status == 10"
+				class="bg-#999 p-y-20rpx text-center rounded-40rpx m-x-30rpx m-y-30rpx sub-text-30 color-white!"
+				@tap="doCancelRefund">
+				取消申请
+			</view>
+			<view v-else-if="state.refundDetail.status == 62 || state.refundDetail.status == 61"
+				class="bg-#999 p-y-20rpx text-center rounded-40rpx m-x-30rpx m-y-30rpx sub-text-30 color-white!"
+				@tap="router.jump('/pages/refund/apply', { id: state.detailId }, 2)">
+				重新申请
+			</view>
+		</template>
+	</crud-layout>
+</template>
+
+<style lang="scss" scoped>
+.info_cell {
+	display: flex;
+	align-items: center;
+
+	&:not(:first-child) {
+		margin-top: 15rpx;
+	}
+
+	&>view {
+		color: #999;
+		font-size: 28rpx;
+		font-weight: 500;
+		line-height: 1.4em;
+	}
+
+	&>view:nth-child(1) {
+		width: 130rpx;
+	}
+
+	&>view:nth-child(2) {
+		flex: 1;
+	}
+}
+</style>
diff --git a/src/pages/pay/payComplete.vue b/src/pages/pay/payComplete.vue
new file mode 100644
index 0000000..e83550e
--- /dev/null
+++ b/src/pages/pay/payComplete.vue
@@ -0,0 +1,53 @@
+<template>
+	<view class="w-full h-full">
+		<view class="flex-col-center p-30rpx">
+			<view class="flex-col-center m-y-50rpx">
+				<svg t="1742978804614" class="icon" viewBox="0 0 1024 1024" version="1.1"
+					xmlns="http://www.w3.org/2000/svg" p-id="1708" width="64" height="64">
+					<path
+						d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m288 371.2L460.8 710.4c-6.4 6.4-19.2 12.8-25.6 12.8-12.8 0-19.2-6.4-25.6-12.8L224 531.2c-12.8-12.8-12.8-38.4 0-57.6 12.8-12.8 38.4-12.8 57.6 0l147.2 147.2L736 313.6c12.8-12.8 38.4-12.8 57.6 0 19.2 19.2 19.2 44.8 6.4 57.6z"
+						fill="#2BCDA3" p-id="1709" data-spm-anchor-id="a313x.search_index.0.i2.beb13a81SVstw0"
+						class="selected"></path>
+				</svg>
+				<text class="text-36 mt-3 font-bold c-#333333!">支付成功</text>
+			</view>
+
+			<view class="flex-col-center m-b-60rpx">
+				<text class="text-90 c-#333333!">¥{{ scanPayData.payPrice }}</text>
+			</view>
+
+			<view class="w-full p-10rpx flex-col justify-center">
+				<view class="flex-row justify-between m-15rpx">
+					<text class="sub-text-30 c-#333333!">商家</text>
+					<text class="sub-text-30">{{ scanPayData.mchName }}</text>
+				</view>
+				<hr />
+				<view class="flex-row justify-between m-15rpx">
+					<text class="sub-text-30 c-#333333!">支付方式</text>
+					<text class="sub-text-30">扫一扫</text>
+				</view>
+			</view>
+		</view>
+		<view class="p-40rpx fixed bottom-30rpx left-0 right-0 font-bold">
+			<tm-button :block="true" @click="goBack">完成</tm-button>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue"
+import { onShow } from "@dcloudio/uni-app"
+import { usePayStore } from "@/sheep/stores/pay"
+
+const scanPayData = ref<any>({})
+
+onShow(() => {
+	if (!usePayStore().scanPayData.mchId) return uni.showToast({ title: "支付信息不存在", icon: "none" })
+	scanPayData.value = usePayStore().scanPayData
+})
+
+const goBack = () => {
+	const url: string = window.location.href.split("h5")[0] + "h5/?launchParam=coopMerchant#/pages/tabbar/order"
+	window.location.replace(url)
+}
+</script>
diff --git a/src/pages/pay/scanPay.vue b/src/pages/pay/scanPay.vue
new file mode 100644
index 0000000..3d8b19c
--- /dev/null
+++ b/src/pages/pay/scanPay.vue
@@ -0,0 +1,172 @@
+<template>
+	<crud-layout bg="/static/page/blue-bg.png">
+		<view class="h-screen flex flex-col">
+			<view class="mx-auto text-34 py-2 h-80rpx">{{ scanPayState.mchName }}</view>
+
+			<tm-sheet :margin="[0, 10]" 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-sheet v-if="walletList.length > 0" :margin="[0, 10]" class="flex flex-col">
+				<view class="text-gray-700 font-bold text-28 mb-1">选择支付钱包：</view>
+				<view v-for="(v, index) in walletList" :key="index"
+					class="border-6 border-solid border-#efefef my-2 duration-200 flex justify-between items-center p-3 rounded-2"
+					:class="{ 'border-6 border-solid  border-blue!': selectWallet.id == v.id }"
+					@click="selectWallet = v">
+					<view class="flex items-center">
+						<image class="w-70 h-70 mr-2" :src="filePath(v.walletTypeIcon)" />
+						<view class="text-32">{{ v.walletTypeName }}</view>
+					</view>
+					<view class="text-28 flex items-center">
+						<view>余额：</view>
+						<text class="main-text-28">{{ hooks.useMoney(v.balance) }} 元</text>
+					</view>
+				</view>
+			</tm-sheet>
+
+			<tm-button class="mt-1" :block="true" @click="handlePay()" :disabled="loading">支 付</tm-button>
+
+			<number-keyboard v-if="numberKeyboardShow" v-model="amount" />
+		</view>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import payApi from "@@/api/pay"
+import { merchantApi, orderApi, walletApi } from "@/sheep/api"
+import { hooks } from "@@/index"
+import { router } from "@/sheep"
+import { filePath } from "@/sheep/utils/file"
+import { displayPrice, storePrice } from "@/sheep/utils/format-money"
+import { usePayStore } from "@/sheep/stores/pay"
+import { isEmpty } from "radash"
+import NumberKeyboard from "@/sheep/components/number-keyboard.vue"
+
+const loading = ref(false)
+const scanPayState = reactive({
+	mchId: "", // 商户id
+	mchName: "", // 商户名
+	orderId: "", // 订单id
+	action: "", // action === "harQrCodeScanPay"：扫收款机上生成的码支付
+})
+const walletList = ref<any>([]) // 钱包列表
+const selectWallet = ref<any>({}) // 当前选中的钱包
+const orderInfo = ref<any>({}) // 订单信息
+const amount = ref("") // 键盘输入的金额
+const numberKeyboardShow = ref(true)
+
+onLoad(async (options: any) => {
+	uni.showLoading({ title: "加载中..." })
+	const { mchId, orderId, action } = options
+	if (action === "harQrCodeScanPay") {
+		if (!options.mchId || !options.orderId) return uni.showToast({ title: "扫码参数错误", icon: "none" })
+		scanPayState.mchId = mchId
+		scanPayState.orderId = orderId
+		scanPayState.action = action
+		numberKeyboardShow.value = false
+		await getMchDetail(mchId)
+		await getOrderInfo()
+		const order = orderInfo.value
+		amount.value = displayPrice(order.totalPrice || 0 + order.extraPrice || 0, "")
+		return
+	}
+
+	const { id } = options
+	if (!isEmpty(id)) {
+		scanPayState.mchId = id
+		await getMchDetail(id)
+		return
+	}
+
+	return uni.showToast({ title: "扫码参数错误", icon: "none" })
+})
+
+onShow(async () => {
+	try {
+		await getWalletList()
+	} finally {
+		uni.hideLoading()
+	}
+})
+
+// 获取商户名
+const getMchDetail = async (mchId: string) => {
+	if (!mchId) return uni.showToast({ title: "商户id错误", icon: "none" })
+	const { data } = await merchantApi.detail({ id: mchId })
+	scanPayState.mchName = data.name
+}
+
+// 获取钱包列表
+const getWalletList = async () => {
+	const { code, data } = await walletApi.all()
+	if (code !== 0) return uni.showToast({ title: "获取钱包列表失败", icon: "none" })
+	walletList.value = data.records
+	if (walletList.value.length > 0) {
+		selectWallet.value = walletList.value.find((v: any) => v.walletTypeUniqueCode == "1")
+	}
+}
+
+// 获取订单信息
+const getOrderInfo = async () => {
+	const { code, data }: any = await orderApi.detail({ id: scanPayState.orderId })
+	if (code !== 0) return uni.showToast({ title: "获取订单信息失败", icon: "none" })
+	orderInfo.value = data
+}
+
+// 格式化金额显示
+const displayAmount = computed(() => {
+	if (!amount.value) return "0"
+	return amount.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
+})
+
+// 点击支付
+const handlePay = () => {
+	if (!scanPayState.mchId) return uni.showToast({ title: "扫码参数不存在", icon: "none" })
+	if (!amount.value) return uni.showToast({ title: "请输入金额", icon: "none" })
+	if (Number(amount.value) === 0) return uni.showToast({ title: "金额不能为0", icon: "none" })
+
+	uni.showModal({
+		title: "确定支付吗？",
+		success: async (res) => {
+			if (res.confirm) {
+				await pay()
+			}
+		},
+	})
+}
+
+// 支付
+const pay = async () => {
+	try {
+		uni.showLoading({ title: "支付中...", mask: true })
+		if (scanPayState.action === "harQrCodeScanPay") {
+			const { code, msg }: any = await orderApi.doneHardQrCodeScanOrder({
+				orderId: scanPayState.orderId,
+				walletTypeId: selectWallet.value.walletTypeId,
+			})
+			if (code != 0) return uni.showToast({ title: msg || "支付失败", icon: "error" })
+		} else {
+			const { code, msg } = await payApi.createQrCodeOrder({
+				merchantId: scanPayState.mchId,
+				customPrice: storePrice(Number(amount.value)),
+				walletId: selectWallet.value.id,
+			})
+			if (code != 0) return uni.showToast({ title: msg || "支付失败", icon: "error" })
+		}
+
+		uni.hideLoading()
+		usePayStore().setScanPayData({
+			mchId: scanPayState.mchId,
+			mchName: scanPayState.mchName,
+			payPrice: Number(amount.value).toFixed(2),
+		})
+		router.jump("/pages/pay/payComplete", {}, 2)
+	} catch (error: any) {
+		uni.showToast({ title: "请求错误", icon: "error" })
+		uni.hideLoading()
+	}
+}
+</script>
diff --git a/src/pages/pay/transferMoney.vue b/src/pages/pay/transferMoney.vue
new file mode 100644
index 0000000..df84137
--- /dev/null
+++ b/src/pages/pay/transferMoney.vue
@@ -0,0 +1,179 @@
+<template>
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<view class="h-20rpx"></view>
+		<view class="p-4 card flex items-center justify-between">
+			<view class="flex items-center">
+				<image class="w-64 h-64 mr-2" :src="filePath(payStore.sourceWalletData.walletTypeIcon)" />
+				<view>{{ payStore.sourceWalletData.walletTypeName }}</view>
+			</view>
+			<view class="flex items-center c-#0094ff! font-bold">
+				<view class="text-30">余额：</view>
+				<view class="text-30 mr-1">{{ hooks.useMoney(payStore.sourceWalletData.balance) + "元" }}</view>
+			</view>
+		</view>
+
+		<view class="p-4 card mt-2 flex items-center justify-between active:bg-[#f0f0f0]" @click="show = true">
+			<view class="flex items-center">
+				<image class="w-64 h-64 rounded-full mr-2" src="@/static/page/money-cny-circle-fill.svg" />
+				<view>转入到</view>
+			</view>
+			<view class="flex items-center">
+				<view class="second-text-28 mr-1">{{ targetWalletType.name }}</view>
+				<image class="w-38 h-38 rounded-full c-blueGray" src="@/static/page/arrow-right.svg" />
+			</view>
+		</view>
+
+		<view class="p-4 mt-2 card">
+			<text class="text-gray-700 font-bold text-lg">转账金额</text>
+			<view class="flex-row items-center">
+				<text class="text-3xl text-[#333] mr-2">¥</text>
+				<text v-if="!amount" class="text-xl text-gray-300">转账金额</text>
+				<text v-else class="text-3xl">{{ formattedAmount }}</text>
+			</view>
+		</view>
+		<!-- 金额限制提示 -->
+		<view class="h-30rpx">
+			<view v-if="storePrice(amount) > payStore.sourceWalletData?.balance" class="text-xs c-red px-4">
+				注：转账金额不能超过钱包余额</view>
+		</view>
+
+		<view class="font-bold mt-6">
+			<tm-button block @click="confirmTransfer" v-if="payStore.sourceWalletData.walletTypeId">确定转账</tm-button>
+		</view>
+
+		<number-keyboard v-model="amount" />
+	</crud-layout>
+
+	<!-- 选择转入方式 -->
+	<tm-drawer v-model:show="show" title="选择钱包" size="auto" bg-color="#efefef" :show-footer="false" :showClose="true">
+		<view v-for="(v, index) in wallet.walletList" :key="index"
+			class="card m-2 overflow-hidden relative border-4 border-solid border-white duration-200 flex justify-between items-center p-4"
+			:class="{ 'border-4 border-solid  border-blue!': targetWalletType.id == v.walletTypeId }"
+			@click="selectTargetWalletType(v)">
+			<view class="flex items-center">
+				<image class="w-70 h-70 mr-2" :src="filePath(v.walletTypeIcon)" />
+				<view class="flex flex-col">
+					<view class="main-text-32">{{ v.walletTypeName }}</view>
+					<view class="text-gray-500 text-sm">{{ v.cardNumber }}</view>
+				</view>
+			</view>
+			<view class="text-32 c-#0094ff font-bold">余额：{{ hooks.useMoney(v.balance) + "元" }}</view>
+		</view>
+	</tm-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, reactive } from "vue"
+import { onLoad } from "@dcloudio/uni-app"
+import NumberKeyboard from "@/sheep/components/number-keyboard.vue"
+import { payApi, walletApi } from "@/sheep/api"
+import { hooks, router } from "@@/index"
+import { filePath } from "@/sheep/utils/file"
+import { storePrice } from "@/sheep/utils/format-money"
+import { usePayStore } from "@/sheep/stores/pay"
+
+const payStore = usePayStore()
+
+const amount = ref("")
+const show = ref(false)
+const sourceWalletType = reactive({
+	id: "",
+	name: "",
+})
+const targetWalletType = reactive({
+	id: "",
+	name: "",
+})
+const wallet = reactive<any>({
+	walletList: [],
+})
+
+onLoad(async () => {
+	if (!payStore.sourceWalletData.walletTypeId) return uni.showToast({ title: "钱包类型id不存在", icon: "none" })
+	sourceWalletType.id = payStore.sourceWalletData.walletTypeId
+	sourceWalletType.name = payStore.sourceWalletData.walletTypeName
+	uni.setNavigationBarTitle({ title: sourceWalletType.name || "源钱包" })
+
+	const res = await walletApi.all()
+	if (res.code == 0) {
+		wallet.walletList = res.data.records.filter((item: any) => item.walletTypeId != sourceWalletType.id)
+	}
+	if (wallet.walletList.length) {
+		targetWalletType.id = wallet.walletList[0]?.walletTypeId
+		targetWalletType.name = wallet.walletList[0]?.walletTypeName
+	}
+})
+
+// 选择目标钱包
+const selectTargetWalletType = (v: any) => {
+	targetWalletType.id = v.walletTypeId
+	targetWalletType.name = v.walletTypeName
+	show.value = false
+}
+
+// 格式化金额显示
+const formattedAmount = computed(() => {
+	if (!amount.value) return ""
+
+	// 处理小数点情况
+	if (amount.value.endsWith(".")) {
+		return amount.value
+	}
+
+	const parts = amount.value.split(".")
+	// 添加千位分隔符
+	parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",")
+
+	// 处理小数部分
+	if (parts.length > 1) {
+		// 如果小数部分不足两位，不自动补零
+		return `${parts[0]}.${parts[1]}`
+	}
+
+	return parts[0]
+})
+
+const numAmount = computed(() => storePrice(parseFloat(amount.value.endsWith(".") ? amount.value.slice(0, -1) : amount.value)))
+
+// 确认转账
+const confirmTransfer = async () => {
+	if (!amount.value || amount.value === "0" || amount.value === "0." || parseFloat(amount.value) === 0) {
+		return uni.showToast({ title: "金额不能为零", icon: "none" })
+	}
+	if (numAmount.value > payStore.sourceWalletData.balance) {
+		return uni.showToast({ title: "转账金额不能超过钱包余额", icon: "none" })
+	}
+
+	uni.showModal({
+		title: "确定转入吗？",
+		success: async (res) => {
+			if (res.confirm) {
+				await confirmTransferAgain()
+			}
+		},
+	})
+}
+
+// 二次确认转账
+const confirmTransferAgain = async () => {
+	try {
+		uni.showLoading({ title: "正在转入...", mask: true })
+		const res = await payApi.transferMoney({
+			sourceWalletTypeId: sourceWalletType.id,
+			targetWalletTypeId: targetWalletType.id,
+			balance: numAmount.value,
+		})
+		if (res.code == 0) {
+			uni.showToast({ title: "转账成功", icon: "success" })
+			payStore.setSourceWalletData({})
+			router.back()
+		} else {
+			uni.showToast({ title: res.msg, icon: "none" })
+		}
+	} catch (error: any) {
+		uni.showToast({ title: error.message, icon: "none" })
+	} finally {
+		uni.hideLoading()
+	}
+}
+</script>
diff --git a/src/pages/root/login.vue b/src/pages/root/login.vue
index 20571cd..bb7f703 100644
--- a/src/pages/root/login.vue
+++ b/src/pages/root/login.vue
@@ -13,7 +13,6 @@ const affirmModalRef = ref()
 const state = reactive<any>({
     userInfo: null,
     isAgree: false,
-
     loginErrorVisible: false,
     loginErrorCode: null,
 })
@@ -47,12 +46,18 @@ const minAppGetphone = async (e) => {
             uni.hideLoading()
             return
         }
+        uni.setStorageSync(constant.storageConstant.TOKEN, {
+            accessToken: data.accessToken.tokenValue,
+            accessTokenExpiresIn: data.accessToken.expiresAt,
+            refreshToken: data.refreshToken.tokenValue,
+            refreshTokenExpiresIn: data.refreshToken.expiresAt,
+        } as GlobalSetting.TokenStorage)
+        // 查询用户信息
         const { data: userData } = await userApi.userInfo()
         uni.setStorageSync(constant.storageConstant.USERINFO, userData)
-        uni.setStorageSync(constant.storageConstant.TOKEN, data)
         uni.hideLoading()
         uni.showToast({ title: "登录成功", icon: "success" })
-        router.jump("/pages/tabbar/canteen")
+        router.jump("/pages/tabbar/canteen", {}, 3)
     } catch (error) {
         console.error("登录错误", error);
     }
@@ -91,6 +96,10 @@ const affirmConfirm = () => {
             <button v-else class="bg-#0094ff color-white" open-type="getPhoneNumber" @getphonenumber="minAppGetphone">
                 手机号一键登录
             </button>
+            <view class="flex justify-between items-center m-t-30rpx">
+                <text></text>
+                <text class="color-blue font-size-sm" @click="router.jump('/pages/root/pwd-login')">账号密码登录</text>
+            </view>
         </view>
 
         <affirm-check v-model="state.isAgree" class="absolute bottom-30rpx" />
@@ -113,10 +122,4 @@ const affirmConfirm = () => {
     </crud-layout>
 </template>
 
-<style lang="scss" scoped>
-:deep() {
-    .tmFormItemLabel {
-        padding-bottom: 10rpx !important;
-    }
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/pages/root/pwd-login.vue b/src/pages/root/pwd-login.vue
new file mode 100644
index 0000000..5431a2a
--- /dev/null
+++ b/src/pages/root/pwd-login.vue
@@ -0,0 +1,128 @@
+<script setup lang="ts">
+import { ref, reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import { constant, router } from "@@/index"
+import { userApi } from "@@/api"
+
+import AffirmCheck from "@/sheep/components/common/affirm-check.vue"
+import AffirmModal from "@/sheep/components/common/affirm-modal.vue"
+
+const affirmModalRef = ref()
+const state = reactive<any>({
+    userInfo: null,
+    isAgree: false,
+})
+const applyForm = reactive<any>({
+    username: "",
+    password: "",
+})
+const applyFormRules = reactive<any>({
+    username: [{ required: true, message: "请输入用户名" }],
+    password: [{ required: true, message: "请输入密码" }],
+})
+
+onLoad(() => {
+    const rememberUser = uni.getStorageSync(constant.storageConstant.REMEMBER_USER)
+    if (rememberUser) {
+        applyForm.username = rememberUser.username
+        applyForm.password = rememberUser.password
+    }
+})
+onShow(() => {
+    const userInfoKey = constant.storageConstant.USERINFO
+    state.userInfo = uni.getStorageSync(userInfoKey)
+})
+
+
+const applyFormRef = ref<any>(null)
+const doSubmit = async () => {
+    applyFormRef.value.submit()
+    const { isPass } = applyFormRef.value.validate()
+    if (!isPass) return
+    const tokenKey = constant.storageConstant.TOKEN
+    const userInfoKey = constant.storageConstant.USERINFO
+    const rememberUser = constant.storageConstant.REMEMBER_USER
+    uni.removeStorageSync(tokenKey)
+    uni.showLoading({ title: "登录中...", mask: true })
+    const res: any = await userApi.login({
+        ...applyForm,
+        grant_type: "password",
+        scope: "server",
+    })
+    if (res.code != 0) {
+        uni.showToast({ title: res.msg + ",登录失败，请重新登录", icon: "error" })
+        return
+    }
+    uni.setStorageSync(tokenKey, {
+        accessToken: res.data.access_token,
+        refreshToken: res.data.refresh_token,
+        accessTokenExpiresIn: new Date(res.data.expires_in + Date.now()).toISOString(),
+        refreshTokenExpiresIn: "",
+    } as GlobalSetting.TokenStorage)
+
+    // 查询用户信息
+    const { data: userData } = await userApi.userInfo()
+    uni.setStorageSync(userInfoKey, userData)
+    uni.setStorageSync(rememberUser, {
+        username: applyForm.username,
+        password: applyForm.password,
+    } as GlobalSetting.RememberUser)
+    uni.hideLoading()
+    uni.showToast({ title: "登录成功", icon: "none" })
+    router.jump("/pages/tabbar/canteen", {}, 3)
+}
+
+const disposeLogin = () => {
+    applyFormRef.value.submit()
+    const { isPass } = applyFormRef.value.validate()
+    if (!isPass) return
+    // 没有同意
+    if (!state.isAgree) {
+        affirmModalRef.value.show()
+        return
+    }
+    doSubmit()
+}
+
+const affirmModalConfirm = () => {
+    state.isAgree = true
+    doSubmit()
+}
+
+</script>
+
+<template>
+    <crud-layout title="账号密码登录" bg="/static/page/blue-bg.png">
+        <view class="h-30rpx" />
+        <view class="card p-x-30rpx p-y-40rpx">
+            <tm-form ref="applyFormRef" v-model="applyForm" :rules="applyFormRules" direction="vertical">
+                <tm-form-item name="username" label="用户名" :showBottom="false">
+                    <tm-input v-model="applyForm.username" placeholder="请输入用户名.." />
+                </tm-form-item>
+                <view class="h-30rpx" />
+                <tm-form-item name="password" label="密码" :showBottom="false">
+                    <tm-input password showEye v-model="applyForm.password" placeholder="请输入用户密码.." />
+                </tm-form-item>
+            </tm-form>
+        </view>
+        <view v-if="state.detailType != 'view'"
+            class="bg-blue p-y-20rpx text-center rounded-40rpx m-x-30rpx m-t-40rpx sub-text-30 color-white!"
+            @tap="disposeLogin">
+            登录
+        </view>
+        <view class="flex justify-between items-center m-t-30rpx">
+            <text></text>
+            <text class="color-blue font-size-sm" @click="router.jump('/pages/root/login')">手机号一键登录</text>
+        </view>
+        <affirm-check v-model="state.isAgree" class="absolute bottom-30rpx" />
+        <affirm-modal ref="affirmModalRef" @confirm="affirmModalConfirm" />
+    </crud-layout>
+</template>
+
+<style lang="scss" scoped>
+:deep() {
+    .tmFormItemLabel {
+        padding-bottom: 10rpx !important;
+    }
+}
+</style>
diff --git a/src/pages/tabbar/canteen.vue b/src/pages/tabbar/canteen.vue
index a945f13..d310986 100644
--- a/src/pages/tabbar/canteen.vue
+++ b/src/pages/tabbar/canteen.vue
@@ -26,7 +26,6 @@ onShow(() => {
     if (app._initTabbar) {
         app._initTabbar()
     }
-    reportPageAccess("pages/tabbar/canteen")
     if (pageRef.value) {
         pageRef.value.reload(false)
     }
@@ -48,23 +47,6 @@ const toDetail = async (v: any) => {
         router.jump("/pages/canteen/detail", { id: v.id })
     }
 }
-
-const createEventId = () => `evt_${Date.now()}_${Math.random().toString(36).slice(2, 10)}`
-const reportPageAccess = async (pageCode: string) => {
-    const tokenStorage: any = uni.getStorageSync(STORAGE_KEYS.TOKEN)
-    const userInfo: any = uni.getStorageSync(STORAGE_KEYS.USER_INFO)
-    if (!userInfo?.sysUser?.userId) return
-    const systemInfo = uni.getSystemInfoSync()
-    await accessStatsApi.track({
-        eventId: createEventId(),
-        pageCode,
-        userId: userInfo?.sysUser?.userId,
-        eventTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        deviceId: tokenStorage?.access_token || "",
-        clientType: systemInfo?.platform || "",
-        osVersion: systemInfo?.system || "",
-    })
-}
 </script>
 
 <template>
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index dea1546..7bde347 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -356,7 +356,6 @@ onShow(() => {
     if (app._initTabbar) {
         app._initTabbar()
     }
-    reportPageAccess("pages/tabbar/my")
     // 获取存储中的用户信息
     storage.getUserInfo()
 })
@@ -380,23 +379,6 @@ const isMchUser = async () => {
 const doPhone = (phone: string) => {
     hooks.useMakePhoneCall(phone)
 }
-
-const createEventId = () => `evt_${Date.now()}_${Math.random().toString(36).slice(2, 10)}`
-const reportPageAccess = async (pageCode: string) => {
-    const tokenStorage: any = uni.getStorageSync(STORAGE_KEYS.TOKEN)
-    const userStorage: any = uni.getStorageSync(STORAGE_KEYS.USER_INFO)
-    if (!userStorage?.sysUser?.userId) return
-    const systemInfo = uni.getSystemInfoSync()
-    await accessStatsApi.track({
-        eventId: createEventId(),
-        pageCode,
-        userId: userStorage?.sysUser?.userId,
-        eventTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        deviceId: tokenStorage?.access_token || "",
-        clientType: systemInfo?.platform || "",
-        osVersion: systemInfo?.system || "",
-    })
-}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/pages/tabbar/order.vue b/src/pages/tabbar/order.vue
index 11fbc6a..ee3417c 100644
--- a/src/pages/tabbar/order.vue
+++ b/src/pages/tabbar/order.vue
@@ -1,17 +1,27 @@
 <script setup lang="ts">
-import { ref, reactive, nextTick } from "vue"
+import { ref, reactive } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
-import dayjs from "dayjs"
 
-import { hooks, router, constant } from "@@/index"
-import { accessStatsApi, merchantApi } from "@@/api"
+import { hooks, router } from "@@/index"
+import { orderApi } from "@@/api"
+
 import { filePath } from "@@/utils/file"
 
+import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
+import { getLaunchParam } from "@/sheep/utils/app"
 
+const data = {
+    tabs: [
+        { id: null, name: "全部", disabled: false },
+        { id: 1, name: "未支付", disabled: false },
+        { id: 5, name: "已支付", disabled: false },
+        { id: 10, name: "售后", disabled: false },
+        { id: 20, name: "已核销", disabled: false },
+    ],
+}
 const state = reactive<any>({
     pa: {
-        pagesize: 10,
-        type: "1",
+        orderStatus: data.tabs[0].id,
     },
 })
 
@@ -21,83 +31,139 @@ onLoad(() => {
         app._initTabbar()
     }
 })
-
-onShow(() => {
+onShow(async () => {
     const app = getApp({ allowDefault: true })
     if (app._initTabbar) {
         app._initTabbar()
     }
-    reportPageAccess("pages/tabbar/canteen")
+
+    const isLogin = await hooks.useCheckLogin()
+    if (!isLogin) return
     if (pageRef.value) {
         pageRef.value.reload(false)
     }
 })
+const doTab = (e: any) => {
+    const target = data.tabs[e]
+    state.pa.orderStatus = target.id
+    pageRef.value.reload(true)
+}
 
 const pageRef = ref<any>(null)
-const pageHook = hooks.usePage(pageRef, merchantApi.page, null, "data.records")
-const STORAGE_KEYS = {
-    TOKEN: constant.storageConstant.TOKEN,
-    USER_INFO: constant.storageConstant.USERINFO,
-}
+const pageHook = hooks.usePage(
+    pageRef,
+    getLaunchParam() == "canteen" // 食堂
+        ? orderApi.caneenPage
+        : getLaunchParam() == "selfMerchant"
+            ? orderApi.supPage
+            : getLaunchParam() == "coopMerchant"
+                ? orderApi.supPage
+                : getLaunchParam() == "onlineShop"
+                    ? orderApi.supPage
+                    : getLaunchParam() == "prosperityShop"
+                        ? orderApi.farmerSpuPage
+                        : async () => [],
+    null,
+    "data.records",
+)
 const query = (page: number, pagesize: number) => {
+    const isLogin = hooks.useStaticCheckLogin()
+
+    if (!isLogin) return
     pageHook.startPage(page, pagesize, false, state.pa)
 }
 
-const toDetail = async (v: any) => {
-    const isLogin = await hooks.useCheckLogin()
-    if (isLogin) {
-        router.jump("/pages/canteen/detail", { id: v.id })
-    }
+// 查看订单和核销码
+const doToDetail = (v: any) => {
+    router.jump("/pages/order/detail", { id: v.id })
 }
 
-const createEventId = () => `evt_${Date.now()}_${Math.random().toString(36).slice(2, 10)}`
-const reportPageAccess = async (pageCode: string) => {
-    const tokenStorage: any = uni.getStorageSync(STORAGE_KEYS.TOKEN)
-    const userInfo: any = uni.getStorageSync(STORAGE_KEYS.USER_INFO)
-    if (!userInfo?.sysUser?.userId) return
-    const systemInfo = uni.getSystemInfoSync()
-    await accessStatsApi.track({
-        eventId: createEventId(),
-        pageCode,
-        userId: userInfo?.sysUser?.userId,
-        eventTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        deviceId: tokenStorage?.access_token || "",
-        clientType: systemInfo?.platform || "",
-        osVersion: systemInfo?.system || "",
-    })
+const doAppraise = () => { }
+
+const doRefund = (v: any) => {
+    router.jump("/pages/refund/apply", { id: v.id })
 }
 </script>
 
 <template>
-    <crud-layout title="食堂" bg="/static/page/blue-bg.png">
+    <crud-layout title="订单" bg="/static/page/blue-bg.png">
         <z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
             safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
             :auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
-            <view class="h-20rpx" />
-            <view class="flex-row card p-20rpx m-b-20rpx" v-for="(v, i) in pageHook.list" :key="i" @tap="toDetail(v)">
-                <image class="w-180rpx h-180rpx rounded-12rpx" :src="filePath(v.logoPic)" mode="aspectFill" />
-                <view class="flex-1 flex-col m-l-20rpx">
-                    <view class="flex-row items-center justify-between">
-                        <view class="flex-row-center sub-text-34">{{ v.name }}</view>
-                        <view>
-                            <tm-tag size="s">{{ v.deptName }}</tm-tag>
+            <template #top>
+                <view class="bg-white rounded-16rpx px-20rpx my-20rpx">
+                    <z-tabs :list="data.tabs" @change="doTab" />
+                </view>
+            </template>
+
+            <view class="flex-col justify-center card p-3 m-b-20rpx" v-for="(v, i) in pageHook.list" :key="i">
+                <view class="flex-row">
+                    <image class="size-130rpx rounded-8rpx" :src="filePath(v.logoPic)" mode="aspectFill" />
+                    <view class="flex-1 ml-20rpx">
+                        <view class="flex-row items-center justify-between">
+                            <view class="sub-text-30">{{ v.merchantName }}</view>
+                            <!-- <view class="m-l-15rpx color-#999 font-size-26rpx! iconfont icon-youjiantou" /> -->
+                            <tm-tag v-if="v.orderStatus == 1" color="info" size="s">未支付</tm-tag>
+                            <tm-tag v-if="v.orderStatus == 5" color="success" size="s">已支付</tm-tag>
+                            <tm-tag v-if="v.orderStatus == 10" color="error" size="s">售后</tm-tag>
+                            <tm-tag v-if="v.orderStatus == 20" size="s">已核销</tm-tag>
+                            <tm-tag v-if="v.orderStatus == 30" color="info" size="s">已取消(智能柜)</tm-tag>
+                        </view>
+                        <view class="flex-row items-center justify-between mt-5rpx second-text-24">
+                            <view>
+                                <text>下单时间</text>
+                                <text class="ml-10rpx">{{ hooks.useTime(v.createTime, "{y}-{m}-{d} {h}:{i}:{s}")
+                                }}</text>
+                            </view>
+                            <view>{{ hooks.useEnum("hardwareRefundStatusEnum", v.refundStatus) }}</view>
+                        </view>
+                        <view class="flex-row items-center justify-end mt-1">
+                            <text
+                                v-if="v.carList?.length && ['5', '20'].includes(v.orderStatus) && ['1', '2'].includes(v.orderType)"
+                                class="second-text-30 mr-2">
+                                共 {{ v.carList.length }} 件
+                            </text>
+                            <text class="main-text-30 color-red!">¥ {{ hooks.useMoney(v.totalPrice) }}</text>
                         </view>
                     </view>
-                    <view class="second-text-24">
-                        <view class="second-text-28">营业时间：</view>
-                        <view>{{ v.jobTime?.split(",")[0] ? "早：" + v.jobTime?.split(",")[0] : "" }}</view>
-                        <view>{{ v.jobTime?.split(",")[1] ? "中：" + v.jobTime?.split(",")[1] : "" }}</view>
-                        <view>{{ v.jobTime?.split(",")[2] ? "晚：" + v.jobTime?.split(",")[2] : "" }}</view>
-                    </view>
-                    <view v-if="v.addressDes" class="m-t-10rpx second-text-28">
-                        <text>食堂地址</text>
-                        <text class="m-l-10rpx">{{ v.addressDes }}</text>
+                </view>
+
+                <view v-if="['5', '20'].includes(v.orderStatus) && ['1', '2'].includes(v.orderType)">
+                    <view class="border-b-2rpx border-dashed border-#eeeeee mt-2"></view>
+                    <tm-collapse>
+                        <tm-collapse-item :name="i" title="详细购买" titleFontSize="28" activeColor="#000" titleHeight="80"
+                            :showBottomLine="false">
+                            <view v-if="v.carList.length" class="flex justify-between items-center mb-2 px-3"
+                                v-for="(pV, pI) in v.carList" :key="pI">
+                                <view class="flex items-center w-6/10">
+                                    <view class="size-100rpx">
+                                        <image v-if="v.payType == '9'" class="size-100rpx rounded-8rpx"
+                                            :src="pV.productPic" mode="aspectFill" />
+                                        <image v-else class="size-100rpx rounded-8rpx" :src="filePath(pV.productPic)"
+                                            mode="aspectFill" />
+                                    </view>
+                                    <view class="ml-2 overflow-hidden">
+                                        <view class="sub-text-26 truncate">{{ pV.productName }}</view>
+                                        <view class="sub-text-26">¥ {{ hooks.useMoney(pV.productPrice) }}</view>
+                                        <view class="sub-text-26">x {{ pV.productCount }}</view>
+                                    </view>
+                                </view>
+                                <view class="sub-text-30 w-3/10">¥ {{ hooks.useMoney(pV.totalPrice) }}</view>
+                            </view>
+                            <view v-else class="second-text-26 text-center">无数据</view>
+                            <view class="border-b-2rpx border-dashed border-#eeeeee mt-2"></view>
+                        </tm-collapse-item>
+                    </tm-collapse>
+                </view>
+
+                <view v-if="['5', '10'].includes(v.orderStatus)" class="w-full flex-row items-center justify-end my-1">
+                    <!-- <view v-if="v.orderStatus == 5 && v.orderType == 2" class="botder_btn" @tap.stop="doRefund(v)">退款</view> -->
+                    <view v-if="v.orderStatus === '5' && ['2', '7'].includes(v.orderType)" class="m-l-20rpx botder_btn"
+                        @tap.stop="doToDetail(v)">
+                        核销码
                     </view>
                 </view>
             </view>
-            <template #bottom>
-
-            </template>
         </z-paging>
     </crud-layout>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/sheep/api/user.ts b/src/sheep/api/user.ts
index f0613b3..cf2f307 100644
--- a/src/sheep/api/user.ts
+++ b/src/sheep/api/user.ts
@@ -1,7 +1,6 @@
 import base64 from "base64-utf8"
 
 import request from "@/sheep/utils/request"
-import { storageConstant } from "@@/constant"
 
 // 将 Basic Auth 字符串提取为常量
 const BASIC_AUTH = "Basic " + base64.encode(import.meta.env.VITE_OAUTH2_APP_CLIENT)
@@ -21,7 +20,7 @@ export default {
 		return request({
 			url: "/auth/oauth2/token",
 			header: {
-				skipToken: true,
+				skipToken: "true",
 				Authorization: BASIC_AUTH,
 				"Content-Type": "application/x-www-form-urlencoded",
 			},
@@ -54,7 +53,6 @@ export default {
 			method: "POST",
 			params: {
 				username,
-				password,
 				randomStr,
 				code,
 				grant_type,
@@ -136,4 +134,12 @@ export default {
 			method: "POST",
 			data,
 		}),
+
+	// 用户修改个人资料
+	appModifyUser: (data: any) =>
+		request({
+			url: "/admin/user/app/modify",
+			method: "POST",
+			data,
+		}),
 }
diff --git a/src/sheep/components/modify-user.vue b/src/sheep/components/modify-user.vue
new file mode 100644
index 0000000..58a4641
--- /dev/null
+++ b/src/sheep/components/modify-user.vue
@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import { reactive, ref, computed } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+
+import { storageConstant } from "@@/constant"
+import { userApi } from '@@/api'
+
+const emit = defineEmits(["close"])
+
+type ModifyUserProps = {
+    warnText?: string
+}
+
+const props = withDefaults(defineProps<ModifyUserProps>(), {
+    warnText: ''
+})
+
+const formRef = ref<any>(null)
+
+const showQrCodeDialog = ref(false)
+const form = reactive({
+    name: "",
+    phone: "",
+    birthday: ""
+})
+
+const rules = {
+    birthday: [{ required: true, message: '请输入生日' }],
+}
+
+// 修改用户信息
+const doFormSubmit = async () => {
+    formRef.value.submit()
+    const { isPass } = formRef.value.validate()
+    if (!isPass) return
+    uni.showLoading({ title: "修改中...", mask: true })
+    try {
+        const res: any = await userApi.appModifyUser({ ...form })
+        if (res.code != 0) {
+            uni.showToast({ title: res.msg ?? "修改失败", icon: "none" })
+            return
+        }
+        uni.showToast({ title: "修改成功", icon: "success" })
+        // 存入缓存
+        const { data: userData } = await userApi.userInfo()
+        uni.setStorageSync(storageConstant.USERINFO, userData)
+
+        showQrCodeDialog.value = false
+        setTimeout(() => uni.hideLoading(), 1000);
+    } catch (error) {
+        console.log("|修改用户信息|意外的错误error:", error);
+        uni.hideLoading()
+    }
+}
+
+const open = () => {
+    const user = uni.getStorageSync(storageConstant.USERINFO)
+    if (user && user.sysUser) {
+        form.name = user.sysUser.name
+        form.phone = user.sysUser.phone
+        form.birthday = user.sysUser.birthday
+    }
+    showQrCodeDialog.value = true
+}
+
+defineExpose({
+    open
+})
+</script>
+
+<template>
+    <tm-drawer z-index="100" v-model:show="showQrCodeDialog" title="编辑个人资料" :show-close="true" position="bottom"
+        size="70%" @close="emit('close')">
+        <view v-if="warnText" class="py-20rpx">
+            <tm-alert status="warn" :showClose="false" :margin="[]">{{ warnText }}</tm-alert>
+        </view>
+        <view class="card p-x-30rpx p-y-40rpx">
+            <view class="h-30rpx" />
+            <tm-form ref="formRef" v-model="form" :rules="rules">
+                <tm-form-item name="name" label="姓名">
+                    <tm-input v-model="form.name" disabled>
+                    </tm-input>
+                </tm-form-item>
+                <tm-form-item name="phone" label="手机号">
+                    <tm-input v-model="form.phone" disabled>
+                    </tm-input>
+                </tm-form-item>
+                <tm-form-item name="birthday" label="出生日期" :show-bottom="false">
+                    <tm-picker-date v-model="form.birthday" v-model:model-str="form.birthday" format="YYYY-MM-DD"
+                        start="1950-1-1" end="2030-12-31">
+                        <tm-input v-model="form.birthday" style="pointer-events: none" disabled>
+                        </tm-input>
+                    </tm-picker-date>
+                </tm-form-item>
+                <view class="h-30rpx" />
+                <tm-button block @tap="doFormSubmit">修改</tm-button>
+            </tm-form>
+        </view>
+    </tm-drawer>
+</template>
\ No newline at end of file
diff --git a/src/sheep/components/tongtong-plate/plate-keyboard.vue b/src/sheep/components/tongtong-plate/plate-keyboard.vue
new file mode 100644
index 0000000..e0c4ebb
--- /dev/null
+++ b/src/sheep/components/tongtong-plate/plate-keyboard.vue
@@ -0,0 +1,277 @@
+<template>
+	<view class="plate-number-keyboard-box" v-if="showKeyboard" @tap.stop>
+		<view class="pnk-main" :animation="animationData">
+			<view class="pnk-main-title">
+				<text>请点击选择车牌号</text>
+				<view class="xiala" @tap="_closeKeyboard"></view>
+			</view>
+			<view class="pnk-content">
+				<!-- 省份面板 -->
+				<view class="province-plane" v-if="showProvince">
+					<block v-for="(item, index) in provinceList" :key="index">
+						<view class="line">
+							<view v-if="index === 'line4'" class='number-item handle-btn' @tap='_clickChangePlane'>ABC
+							</view>
+							<view class="number-item"
+								:class="(cursor === 0 && index === 'line4' && ind >= 2) || (cursor >= 6 && (index !== 'line4' || (index === 'line4' && ind < 2))) ? 'disabled' : ''"
+								v-if="!((cursor === 0 && index === 'line4' && ind > 7) || (cursor >= 6 && index === 'line4' && ind < 2))"
+								v-for="(it, ind) in item" :key="ind" :data-text='it'
+								:data-disabled="(cursor === 0 && index === 'line4' && ind >= 2) || (cursor >= 6 && (index !== 'line4' || (index === 'line4' && ind < 2)))"
+								@tap='_handleClick'>{{ it }}</view>
+							<view v-if="index === 'line4'" class='number-item handle-btn delete-btn'
+								@tap='_handleDelete'></view>
+						</view>
+					</block>
+				</view>
+				<!-- 字母数字面板 -->
+				<view class='letter-number-plane' v-if="!showProvince">
+					<block v-for="(item, index) in letterNumberList" :key="index">
+						<view class='line'>
+							<view v-if="index === 'line4' && cursor === 0" class='number-item handle-btn'
+								@tap='_clickChangePlane'>省</view>
+							<view v-if="index === 'line4' && cursor > 0" class="number-item handle-btn"
+								:class="cursor < 6 ? 'disabled' : ''" :data-disabled="cursor < 6"
+								@tap='_clickChangePlane'>字</view>
+							<view class="number-item"
+								:class="index === 'line2' && (it === 'I' || it === 'O') ? 'disabled' : ''"
+								:data-disabled="index === 'line2' && (it === 'I' || it === 'O')"
+								v-for="(it, ind) in item" :key="ind" :data-text='it' @tap='_handleClick'>{{ it }}</view>
+							<view v-if="index === 'line4'" class='number-item handle-btn delete-btn'
+								@tap='_handleDelete'></view>
+						</view>
+					</block>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		cursor: {
+			type: Number,
+			default: 0,
+		}
+	},
+	data() {
+		return {
+			showKeyboard: true, // 是否显示键盘
+			provinceList: {
+				line1: ['京', '津', '渝', '沪', '冀', '晋', '辽', '吉', '黑', '苏'],
+				line2: ['浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘', '粤', '琼'],
+				line3: ['川', '贵', '云', '陕', '甘', '青', '蒙', '桂', '宁', '新'],
+				line4: ['藏', '使', '领', '警', '学', '挂', '港', '澳', '试', '超', '军']
+			},
+			letterNumberList: {
+				line1: [1, 2, 3, 4, 5, 6, 7, 8, 9, '0'],
+				line2: ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
+				line3: ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],
+				line4: ['Z', 'X', 'C', 'V', 'B', 'N', 'M'],
+				// line5: ['领', '警', '学', '挂', '港', '澳', '试', '超', '军']
+			},
+			showProvince: true, // 是否显示省份面板，控制省份面板和字符面板显示
+			animationData: {} // 键盘动画
+		};
+	},
+	watch: {
+		cursor(val) {
+			this.showProvince = (val === 0);
+		},
+	},
+	created() {
+		this.showProvince = (this.cursor === 0);
+	},
+	methods: {
+		show() {
+			this.showKeyboard = true;
+
+			const animation = uni.createAnimation({
+				duration: 200,
+			});
+			// 立即执行无效，延迟一段时间执行弹出动画
+			setTimeout(() => {
+				animation.translateY(0).step();
+				this.animationData = animation.export();
+				this.$emit('onShow');
+			}, 100);
+		},
+		hide() {
+			const animation = uni.createAnimation({
+				duration: 200
+			})
+			setTimeout(() => {
+				animation.translateY(300).step();
+				this.animationData = animation.export();
+				setTimeout(() => {
+					this.showKeyboard = false;
+				}, 300);
+				this.$emit('onHide');
+			}, 100);
+		},
+		/**
+		 * 键盘面板切换操作，控制省份内容和字符内容显示
+		 */
+		_clickChangePlane: function (e) {
+			if (e.currentTarget.dataset.disabled) {
+				return;
+			}
+			this.showProvince = !this.showProvince
+		},
+		/**
+		 * 关闭键盘，将键盘隐藏
+		 */
+		_closeKeyboard: function (e) {
+			// 创建动画，执行键盘面板退出动画，动画结束后隐藏整个键盘组件
+			this.hide();
+		},
+
+		/**
+		 * 键盘主要键点击事件，将点击内容更新到plateNumber
+		 */
+		_handleClick: function (e) {
+			// 如果当前显示的省份面板，当即任意省份后，自动切换到字符面板，同时将结果值的第一个字符修改
+			if (e.currentTarget.dataset.disabled) {
+				return;
+			}
+			if (this.showProvince) {
+				this.showProvince = false;
+			}
+			if (this.cursor === 7) {
+				this.hide();
+			}
+			this.$emit('onInput', e.currentTarget.dataset.text);
+		},
+		_handleCursor: function (e) {
+			console.log(e.currentTarget.dataset.index)
+			this.cursor = e.currentTarget.dataset.index;
+		},
+		/**
+		 * 删除回退点击事件
+		 */
+		_handleDelete: function () {
+			this.$emit('onDel');
+		},
+	},
+}
+</script>
+
+<style scoped>
+button {
+	padding: 0rpx;
+}
+
+.plate-number-keyboard-box {
+	position: fixed;
+	bottom: 0rpx;
+	left: 0rpx;
+	width: 100%;
+	height: 432rpx;
+	overflow: hidden;
+	background: rgba(255, 255, 255, 0);
+	z-index: 9999;
+}
+
+.pnk-main {
+	position: absolute;
+	bottom: 0;
+	left: 0rpx;
+	height: 432rpx;
+	width: 100%;
+	background: #d0d5d9;
+	transform: translateY(432rpx);
+	color: #333333;
+}
+
+.pnk-main .pnk-main-title {
+	font-size: 24rpx;
+	height: 50rpx;
+	line-height: 50rpx;
+	color: #333;
+	border-bottom: 1rpx solid #ddd;
+	padding: 0rpx 10rpx;
+	overflow: hidden;
+}
+
+.pnk-main-title text {
+	float: left;
+}
+
+.pnk-main-title .xiala {
+	position: relative;
+	float: right;
+	width: 70rpx;
+	height: 50rpx;
+	font-size: 40rpx;
+	text-align: center;
+	color: #333;
+}
+
+.pnk-content {
+	padding: 10rpx;
+}
+
+.line {
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
+	margin-bottom: 14rpx;
+}
+
+.line:last-of-type {
+	margin-bottom: 0rpx;
+}
+
+.line .number-item {
+	width: 60rpx;
+	height: 80rpx;
+	border-radius: 12rpx;
+	text-align: center;
+	line-height: 80rpx;
+	background: #fff;
+	font-size: 30rpx;
+}
+
+.line .number-item.disabled {
+	background: #ccc !important;
+	color: #999 !important;
+}
+
+.line .number-item:active {
+	background: #eee;
+}
+
+.line .handle-btn {
+	width: 80rpx;
+	background: #acb3bb;
+	font-size: 28rpx;
+}
+
+.xiala::after {
+	content: '';
+	position: absolute;
+	left: calc(50% - 14rpx);
+	top: calc(50% - 8rpx);
+	width: 28rpx;
+	height: 28rpx;
+	background-size: 100%;
+	background-repeat: no-repeat;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAsCAMAAADFL88lAAAAclBMVEUAAAADGyYDGyYAADUDGyYAKjMAKysAIiIDGyYDGyYDGyYDGiYDGyYDGyYDGiYDGiUCGiYDGyYDGyYDGyUEGyYDGyYDGiUCGyYDGyUEGyUCGiUAGCYDGyYDGyYCGiUAGCQDHCYDGiUCHCcDHCcDGyYDHSnHUSRaAAAAJHRSTlMA/fsD+AUGB7yzubatqaSdf6+XkYvcwczGhHoK8udqDmVLb1ulZTqDAAACG0lEQVRIx6XV6WLCIAwA4AAF6rGtHvWaO9zg/V9xIVaMomuh+VWRfhBIAUA17bHdW9AwIjSYfVu1DSK69s45v/0CW+5Z+NoRUyto/FE6WfntO4ml3tZXyBx9A62TDqNYJO8dvaAI9wH0QOLOgi30dsEjUUCLLD1WfmPA5HuGvDMicYaHiFdhSXX+/troYZoHgBp/losazIYBU2xSscFRg87z9OY2RWxSNRNnACZn/dSdp0Kj5uIkQ7Q0Ge4ZaiYxVs8CxaEeTNmLUwWWDSTjQC+D1pGGncXUJHnxLy5K/zpApC4T7t0kpmP1kPgGoAZ48+srSXmoVMzwsDjiC0ycZojovTBvknSneuTi8onIPcc8/bCoZqnY7z0vNBvKQEZxdRVT75V1XNCrz8WuDoRfo9jnOe6lYfgchd9zkXtvfH7/Fq1ixS87MfWWzJtTl8Fi86i8VmdP4H50Xo84ScTEY599/yd1Lyp1463RyztGbBRFEA8kMk9grvEQMQADRXm5xkjknnQuz6NuXPxBsdyj0LfiJ4p3nkAv2Y/eveZiIPdedPUio5chLpj4DUZBc/FkPN6KRHEW4XDJV1Y5Ht+ZORN/P4Mn4vGrITtsEOVFxOg8gV4YbrQY93cZvaKshegg5mkoDBXneNauV0OxyC43+rSv3niR6m9V5KUXnOQX18gwdCVVQlTk0X6MFtfeO+dTr3wdT5vjR30alO8fxlZei+kmmyYAAAAASUVORK5CYII=);
+}
+
+.delete-btn {
+	position: relative;
+}
+
+.delete-btn::after {
+	content: '';
+	position: absolute;
+	left: calc(50% - 18rpx);
+	top: calc(50% - 15rpx);
+	width: 36rpx;
+	height: 36rpx;
+	background-size: 100%;
+	background-repeat: no-repeat;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAvCAMAAACIYFl1AAAAk1BMVEUAAAADGyYAHCsAHh8DGyUDHCYDGyYAHykDGycDGyYDGyYAHSYEGiUAHCcDGyYCGyYEGyYAFCoCGyYDGyYCGiYDGyYDGyYEGSYFGyUDGyYDGyUDGiYCGycCGyYCGiYDGiYDGiUAHCgDGyYDGiYEGyQFGiUDGyYDGyYEGyUDGyUAHSQDGyYAGiUDGyUDGyYDGyYDHCi5/q4pAAAAL3RSTlMA+gQI/En3GeFj8RFFItl8QgzN49S+Wjs06LKSd3JrV00q3rg5L8aah1IX6x2splBDDs0AAAJiSURBVEjHrZaNdvIgDIYDxTptrbbz/3/qpvPbRu7/6j4Sh7Ht2VnpGdtRAzzkBQIEHosG2GTKNin94wgqrD4i2mYFcVOBzxgbo/jfFyW/lPJVylhlMAUpEaTsFpsUa2M8lkSP0TjWWPfnfvgvSx/++7uRq/qPji/oGnE123d+KfvRdEF+Hth5jMZgAU2KPqASWANMyLYnSKJbyaOfSgKDZ4HJ8caJVniByA+na+703VP3iWHPvvxDpTDToO8dK7TURB729Z/OUpgKO1x7yhPDIbfW4SlaE+MZtK/oIfbIEtbXCOzncMBY4SLxjuHdosUdaGF3VPMOugyTvcLYid7d2ZGlwWwqs0wNKoM4Al2FUxb9CXe4W/ASmJnXOe9zRXatwBqigvz0ByB7kYxdq8F4DtrvhWMPSVk2WUMWvS0tLYcBjxhpbyw+mC3Br5ZET3R5cV9vQp+6QDJo9PilslUclyRascBH+hQzneX6jVlFC1CFt9x0qUZUDh3L835bcgdZeoFhEJPoIhfWd6HIId/EWpxKB4GXJBo79wNRCSpjFQ+wBV2HeyxtJaJLR2H9fZWYNVk1OEOlaDvzOku+CurktoII+EPPMud9qznDB6/2OAla7fb7XI8wcwqKMIlt0za25VRtQk+VnGcaOPQ8+1uHhC9b3CRyh/Va3GHOvmZ8EV3Db09uQhL+5eGAe5uqvnhO+6AXQ7ZmQXN6zoPfKra3TriiByf4lSTkSDaOgt5niUfODLKwzEAWhHOS8ykkJxHhRXg2JK5nNjgPE5qi9JbgBWSAksZN2uSekvWOG2a9yxnAf+zPn543ZzPrAAAAAElFTkSuQmCC);
+}
+</style>
diff --git a/src/sheep/components/tongtong-plate/plate-number.vue b/src/sheep/components/tongtong-plate/plate-number.vue
new file mode 100644
index 0000000..d9891f2
--- /dev/null
+++ b/src/sheep/components/tongtong-plate/plate-number.vue
@@ -0,0 +1,312 @@
+<template>
+	<view class="plate-number">
+		<view class="plate-number-box" :class="plate[7] && 'green'" @tap.stop>
+			<template v-for="(item, index) in 8" :key="`plate-${index}`">
+				<text v-if="index == 2" class="fz-000000 fz-weight fz-32">·</text>
+				<label :id="'input' + index"
+					:class="[(index == cursor && focus ? 'focus' : '') + (index === 7 && !plate[index] ? ' xinnengyuan' : ''), 'bglabel']"
+					:data-index="index" @tap='_handleCursor'>
+					{{ plate[index] || '' }}
+				</label>
+			</template>
+		</view>
+		<plate-keyboard ref='plateKeyboard' :cursor="cursor" @onInput="_keyboardInput" @onDel="_keyboardDel"
+			@onShow="plateKeyboardOnShow" @onHide="plateKeyboardOnHide" />
+	</view>
+</template>
+
+<script>
+import PlateKeyboard from './plate-keyboard.vue';
+
+export default {
+	components: {
+		PlateKeyboard
+	},
+	data() {
+		return {
+			plate: new Array(8),
+			cursor: 0,
+			focus: false,
+		}
+	},
+	created() {
+		// 根据IP获取到当前省份
+		this.getLocationByIP();
+	},
+	methods: {
+		setPlate: function (plateNumber) {
+			const plate = plateNumber.split('');
+			while (plate.length < 8) {
+				plate.push('');
+			}
+			this.plate = plate;
+			this.cursor = plateNumber.length;
+			this.focus = false;
+		},
+		getPlate: function () {
+			return this.plate.join('');
+		},
+		onInput: function (text) {
+			// 车牌号最多8位，大多数7位，新能源8位，控制不能超过8位数
+			if (this.cursor < 8) {
+				this.plate.splice(this.cursor++, 1, text);
+			}
+		},
+		onDel: function () {
+			if (this.plate[this.cursor]) {
+				this.plate.splice(this.cursor, 1, '');
+			} else if (this.cursor > 0) {
+				this.plate.splice(--this.cursor, 1, '');
+			}
+		},
+		_handleCursor: function (e) {
+			let index = parseInt(e.currentTarget.dataset.index);
+			for (; index > 0 && !this.plate[index] && !this.plate[index - 1]; index--);
+
+			this.cursor = index;
+			this.focus = true;
+
+			this.$refs.plateKeyboard.show();
+		},
+
+		hidePlateKeyboard() {
+			this.$refs.plateKeyboard.hide();
+		},
+		_keyboardInput(val) {
+			console.log('===input：' + val);
+			this.onInput(val);
+		},
+		_keyboardDel() {
+			console.log('===del')
+			this.onDel();
+		},
+		plateKeyboardOnShow() {
+			this.$emit('plateKeyboardOnShow');
+		},
+		plateKeyboardOnHide() {
+			this.focus = false;
+			this.$emit('plateKeyboardOnHide');
+		},
+
+		async getLocationByIP() {
+			if (getApp().globalData.provinceShort) {
+				this.setPlate(getApp().globalData.provinceShort);
+			} else {
+				if (!this.$Request) {
+					return;
+				}
+
+				const res = await this.$Request(this.$Api.general.park.getLocationByIP, {});
+				if (res.success) {
+					var prov = res.data.province;
+					if (prov) {
+						let provShort = this.provinceForShort(prov);
+						if (provShort) {
+							getApp().globalData.provinceShort = provShort;
+							if (!this.getPlate()) {
+								this.setPlate(provShort);
+							}
+						}
+					}
+				}
+			}
+		},
+		provinceForShort(province) {
+			if (province == "北京市")
+				return "京";
+			else if (province == "天津市")
+				return "津";
+			else if (province == "重庆市")
+				return "渝";
+			else if (province == "上海市")
+				return "沪";
+			else if (province == "河北省")
+				return "冀";
+			else if (province == "山西省")
+				return "晋";
+			else if (province == "辽宁省")
+				return "辽";
+			else if (province == "吉林省")
+				return "吉";
+			else if (province == "黑龙江省")
+				return "黑";
+			else if (province == "江苏省")
+				return "苏";
+			else if (province == "浙江省")
+				return "浙";
+			else if (province == "安徽省")
+				return "皖";
+			else if (province == "福建省")
+				return "闽";
+			else if (province == "江西省")
+				return "赣";
+			else if (province == "山东省")
+				return "鲁";
+			else if (province == "河南省")
+				return "豫";
+			else if (province == "湖北省")
+				return "鄂";
+			else if (province == "湖南省")
+				return "湘";
+			else if (province == "广东省")
+				return "粤";
+			else if (province == "海南省")
+				return "琼";
+			else if (province == "四川省")
+				return "川";
+			else if (province == "贵州省")
+				return "贵";
+			else if (province == "云南省")
+				return "云";
+			else if (province == "陕西省")
+				return "陕";
+			else if (province == "甘肃省")
+				return "甘";
+			else if (province == "青海省")
+				return "青";
+			else if (province == "台湾省")
+				return "台";
+			else if (province == "内蒙古自治区")
+				return "蒙";
+			else if (province == "广西壮族自治区")
+				return "桂";
+			else if (province == "宁夏回族自治区")
+				return "宁";
+			else if (province == "新疆维吾尔自治区 ")
+				return "新";
+			else if (province == "西藏自治区")
+				return "藏";
+			else if (province == "香港特别行政区")
+				return "港";
+			else if (province == "澳门特别行政区")
+				return "澳";
+			else return '';
+		}
+	},
+}
+</script>
+
+<style scoped>
+.plate-number {
+	/* display: flex; */
+	/* justify-content: spa; */
+}
+
+.plate-number-box {
+	position: relative;
+	/* height: 50rpx; */
+	padding: 24rpx 0;
+	box-sizing: content-box;
+	margin: auto;
+	border-radius: 10rpx;
+	transition: all 1s;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+/* .plate-number-box::before {
+		content: '';
+		border: 2rpx solid #fff;
+		position: absolute;
+		top: 5rpx;
+		left: 5rpx;
+		border-radius: 10rpx;
+		height: 86rpx;
+	} */
+.bglabel {
+	background-color: #F2F5FA;
+}
+
+/* .plate-number-box::after {
+		content: '·';
+		position: absolute;
+		left: 122rpx;
+		top: 30rpx;
+		color: #fff;
+		font-size: 50rpx;
+		line-height: 40rpx;
+	} */
+
+.plate-number-box.green {
+	/* background: linear-gradient(#f8f8f8 20%, #16b235); */
+	box-shadow: 0 0 4rpx 0 #ebebeb;
+}
+
+/* 	.plate-number-box.green::before {
+		border: 2rpx solid #000;
+	} */
+
+/* .plate-number-box.green::after {
+		content: '';
+		position: absolute;
+		left: 120rpx;
+		top: 36rpx;
+		width: 26rpx;
+		height: 26rpx;
+		background-size: 100%;
+		background-repeat: no-repeat;
+		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAF6UExURUdwTH3EyJfLtffOk9mwguW7jHvftPvQofnPoVlKOYzOo4jMs5HPp5fIvqbYnOhFQfrCkJG6pIbLw4vUzYjKv5vjs9q8JvLPn4bJpJHqtYrNqnStopDh3oLJwViHcIjLv3q2qozMvmRYSYfLpovMqm6ggum9j+PMnqDSuqTQuOjOpKPOoGaZfnGqi+DCKXooHt20hqWvqW9fEMt9bKG7p8LDXnuSiKS4o////zqp4Deo4jCuMS2tLfTz8+vr7OUUW9rZ22JbUvv8/Uuy2zGxMUO2SiaZJ9DhLjdEOkpPTckubzSj2lu62VO+YDJERD9NR/f290JFQbe1tV3BbuLg4d/c3bXXLzIxJ1dVUj1OVnHF0W3IhMXCwSlMXhlAGiZOJ8zhL0ZiUVdfW7mGmU1aVqakpZiWlyNGV2mnp4KBgkpybhg9UTKh2bbWKmlnZLDcfbrcMWeofoOMGaa3IzpLVFx3GcngQ9wzaa/chHoJLK0NRGEiRWppaD1PV9NqRZ0AAAA4dFJOUwATR/X49w/6+v3hs3ByFPT09uNHzUf0+Swpy+YuL+Xw1f398P3c9/f98Pu6yMb0+vjc+vi5+NyxP0I0ygAAAWxJREFUKM910ldXwjAYBuC0KgqlVeZhKEPAhXuGKYIIKKscNsjGvff87yZNOdYLn8v3bZKTLwWAoGjGardbGQ0FpChWXU1GkOSZjZVUU9pqxOvxeL0e72X8Qjs5yDXqJMqI4/p52qwRv1dHBjEq8jCXNgtrKG1SyI+wq9MChPW0TYYKtnuIfaa/K5XKUyIIITzpsWjB2usu8v4VDGBZlMNsYpsDdBfnH3wgLICCfocGmxvjyEpJTpTxVjCU2QHzs0PYiEgewkWgpwJzC2PYqGg6RA75pwiXVWirCWRmdZggWwXRCveWXq9fXi/tETfi4W5Av8VardgjH4QS/bYOcIqXGPJQllwQdlwcAMrb62KxePdcimPCSHIZJZqVzJTy+3y+/QNBAw0xn1nEQwQGRVRoMF8zDwsJi5E8CK1I+XGF+JuhPm/RDZ7QYKpF/USDby8Zfx9dplTUUlEkde9Syv78JxzNOJxOB6PjxOAHI6di/dhTK/cAAAAASUVORK5CYII=);
+	} */
+
+.plate-number-box.green label {
+	color: #222;
+	text-shadow: 0 0 2rpx #fff;
+}
+
+.plate-number-box label {
+	width: 60rpx;
+	position: relative;
+	vertical-align: middle;
+	display: inline-block;
+	/* width: 8%; */
+	color: #fff;
+	text-align: center;
+	font-size: 50rpx;
+	height: 86rpx;
+	line-height: 86rpx;
+	text-shadow: 0rpx 0rpx 2rpx #000;
+	/* margin: 0 10rpx; */
+}
+
+.plate-number-box label:nth-child(2) {
+	/* margin-right: 20rpx; */
+}
+
+.plate-number-box label:last-child {
+	content: "\e63f";
+}
+
+/* .plate-number-box label.focus::after {
+		content: '';
+		position: absolute;
+		bottom: -6rpx;
+		left: 5%;
+		width: 90%;
+		height: 4rpx;
+		background: #fff;
+		animation: cursor 1s ease-in infinite;
+	} */
+
+/* .plate-number-box label.xinnengyuan::before {
+		content: '';
+		position: absolute;
+		left: 12%;
+		top: 12%;
+		width: 76%;
+		height: 76%;
+		background-size: 100%;
+		background-repeat: no-repeat;
+		
+	} */
+
+@keyframes cursor {
+	from {
+		opacity: 1;
+	}
+
+	to {
+		opacity: 0.2;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/sheep/utils/request.ts b/src/sheep/utils/request.ts
index 21fb14c..bb9ed5e 100644
--- a/src/sheep/utils/request.ts
+++ b/src/sheep/utils/request.ts
@@ -42,18 +42,20 @@ const https = new Request({
 })
 
 https.interceptors.request.use(async (config) => {
-	const tokenStorage = uni.getStorageSync(TOKEN_KEY)
+	const tokenStorage = uni.getStorageSync(TOKEN_KEY) as GlobalSetting.TokenStorage
 	const config_header: any = config.header || {}
 	let tokenValue = getTokenValue(tokenStorage)
+
 	// 设置租户请求头
 	config_header["TENANT-ID"] = "1"
-	if (import.meta.env.VITE_IS_TOC === "true") config_header["CLIENT-TOC"] = "Y"
+	if (import.meta.env.VITE_IS_TOC === "true") {
+		config_header["CLIENT-TOC"] = "Y"
+	}
 	// 判断是否需要设置认证头
 	if (!SKIP_AUTH_URLS.some((url) => config.url?.startsWith(url))) {
 		if (!isEmpty(tokenStorage)) {
 			// token存在，检查是否过期
 			if (isTokenExpires(tokenStorage) && !SKIP_REFRESH_TOKEN.some((url) => config.url?.startsWith(url)) && refreshTokenLock) {
-				debugger
 				// 过期，刷新token
 				const newTokenStorage = await refreshToken()
 				if (newTokenStorage) {
@@ -99,14 +101,14 @@ https.interceptors.response.use(
 )
 
 // 从tokenStorage中读取tokenValue值
-const getTokenValue = (tokenStorage: any): string | null => {
-	return tokenStorage?.access_token ? `Bearer ${tokenStorage.access_token}` : null
+const getTokenValue = (tokenStorage: GlobalSetting.TokenStorage): string | null => {
+	return tokenStorage?.accessToken ? `Bearer ${tokenStorage?.accessToken}` : null
 }
 
 // 检查tokenStorage中tokenValue是否过期
-const isTokenExpires = (tokenStorage: any): boolean => {
-	const { access_token } = tokenStorage
-	const expiresDate = new Date(access_token?.expiresAt).getTime()
+const isTokenExpires = (tokenStorage: GlobalSetting.TokenStorage): boolean => {
+	const { accessTokenExpiresIn } = tokenStorage
+	const expiresDate = new Date(accessTokenExpiresIn).getTime()
 	return new Date().getTime() >= expiresDate
 }
 
@@ -114,12 +116,13 @@ async function refreshToken(): Promise<any> {
 	refreshTokenLock = false
 	try {
 		// 调用接口判断token是否过期
-		const tokenStorage = uni.getStorageSync(TOKEN_KEY)
-		const { data } = await userApi.refreshToken(tokenStorage.refresh_token)
+		const tokenStorage = uni.getStorageSync(TOKEN_KEY) as GlobalSetting.TokenStorage
+		const { data } = await userApi.refreshToken(tokenStorage.refreshToken)
 		if (data) {
-			tokenStorage.access_token = data.access_token
-			tokenStorage.refresh_token = data.refresh_token
-			tokenStorage.expires_in = data.expires_in
+			tokenStorage.accessToken = data?.accessToken?.tokenValue
+			tokenStorage.refreshToken = data?.refreshToken?.tokenValue
+			tokenStorage.accessTokenExpiresIn = data?.accessToken?.expiresAt
+			tokenStorage.refreshTokenExpiresIn = data?.refreshToken?.expiresAt
 			uni.setStorageSync(TOKEN_KEY, tokenStorage)
 		}
 	} catch (error) {
diff --git a/src/static/page/address.svg b/src/static/page/address.svg
new file mode 100644
index 0000000..13f6416
--- /dev/null
+++ b/src/static/page/address.svg
@@ -0,0 +1,16 @@
+<svg
+    t="1743075857752"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="3808"
+    width="12"
+    height="11"
+>
+    <path
+        d="M512 1012.8c-253.6 0-511.2-54.4-511.2-158.4 0-92.8 198.4-131.2 283.2-143.2h3.2c12 0 22.4 8.8 24 20.8 0.8 6.4-0.8 12.8-4.8 17.6-4 4.8-9.6 8.8-16 9.6-176.8 25.6-242.4 72-242.4 96 0 44.8 180.8 110.4 463.2 110.4s463.2-65.6 463.2-110.4c0-24-66.4-70.4-244.8-96-6.4-0.8-12-4-16-9.6-4-4.8-5.6-11.2-4.8-17.6 1.6-12 12-20.8 24-20.8h3.2c85.6 12 285.6 50.4 285.6 143.2 0.8 103.2-256 158.4-509.6 158.4z m-16.8-169.6c-12-11.2-288.8-272.8-288.8-529.6 0-168 136.8-304.8 304.8-304.8S816 145.6 816 313.6c0 249.6-276.8 517.6-288.8 528.8l-16 16-16-15.2zM512 56.8c-141.6 0-256.8 115.2-256.8 256.8 0 200.8 196 416 256.8 477.6 61.6-63.2 257.6-282.4 257.6-477.6C768.8 172.8 653.6 56.8 512 56.8z m0 392.8c-80 0-144.8-64.8-144.8-144.8S432 160 512 160c80 0 144.8 64.8 144.8 144.8 0 80-64.8 144.8-144.8 144.8zM512 208c-53.6 0-96.8 43.2-96.8 96.8S458.4 401.6 512 401.6c53.6 0 96.8-43.2 96.8-96.8S564.8 208 512 208z"
+        fill="#707070"
+        p-id="3809"
+    ></path>
+</svg>
\ No newline at end of file
diff --git a/src/static/page/arrow-down-s-fill.svg b/src/static/page/arrow-down-s-fill.svg
new file mode 100644
index 0000000..25711a6
--- /dev/null
+++ b/src/static/page/arrow-down-s-fill.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="1750384429039" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7956" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M905.386667 278.613333c28.501333 0 42.773333 34.474667 22.613333 54.634667L533.333333 727.914667a32 32 0 0 1-45.248 0l-394.666666-394.666667c-20.16-20.16-5.888-54.613333 22.613333-54.613333h789.333333z" fill="#3496F9" p-id="7957" data-spm-anchor-id="a313x.search_index.0.i14.81863a81aL498c" class="selected"></path></svg>
\ No newline at end of file
diff --git a/src/static/page/arrow-right.svg b/src/static/page/arrow-right.svg
new file mode 100644
index 0000000..cea3368
--- /dev/null
+++ b/src/static/page/arrow-right.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="1743643959336" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2508" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M334.08 192a47.36 47.36 0 0 0 0 64l256 256-256 256a47.36 47.36 0 1 0 64 64l288.64-288.64A50.56 50.56 0 0 0 704 512a47.36 47.36 0 0 0-14.08-33.28L401.28 192a47.36 47.36 0 0 0-67.2 0z" p-id="2509" fill="#C5BFBF"></path></svg>
\ No newline at end of file
diff --git a/src/static/page/fold.svg b/src/static/page/fold.svg
new file mode 100644
index 0000000..e10fcda
--- /dev/null
+++ b/src/static/page/fold.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="1744612158830" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12544" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M736 480c-12.5-12.5-32.8-12.5-45.3 0L523.3 647.4c-6.2 6.2-16.4 6.2-22.6 0L333.3 480c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L466.7 704c25 25 65.5 25 90.5 0L736 525.3c12.5-12.5 12.5-32.8 0-45.3z" p-id="12545"></path></svg>
\ No newline at end of file
diff --git a/src/static/page/keyboard-delete.svg b/src/static/page/keyboard-delete.svg
new file mode 100644
index 0000000..894a7ee
--- /dev/null
+++ b/src/static/page/keyboard-delete.svg
@@ -0,0 +1,26 @@
+<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>
\ No newline at end of file
diff --git a/src/static/page/money-cny-circle-fill.svg b/src/static/page/money-cny-circle-fill.svg
new file mode 100644
index 0000000..6a27b17
--- /dev/null
+++ b/src/static/page/money-cny-circle-fill.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="1743596095932" class="icon" viewBox="0 0 1042 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7038" width="65.125" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M515.657143 54.857143c-252.342857 0-457.142857 204.8-457.142857 457.142857s204.8 457.142857 457.142857 457.142857 457.142857-204.8 457.142857-457.142857S768 54.857143 515.657143 54.857143z m182.857143 442.514286h-146.285715v36.571428h146.285715v73.142857h-146.285715v109.714286h-73.142857v-109.714286h-146.285714v-73.142857h146.285714v-36.571428h-146.285714v-73.142858h91.428571l-65.828571-65.828571 51.2-51.2 104.228571 104.228571 104.228572-104.228571 51.2 51.2-65.828572 65.828571h91.428572v73.142858h3.657143z" fill="#0779FD" p-id="7039"></path></svg>
\ No newline at end of file
diff --git a/src/static/page/phone.svg b/src/static/page/phone.svg
new file mode 100644
index 0000000..74b8f6b
--- /dev/null
+++ b/src/static/page/phone.svg
@@ -0,0 +1,16 @@
+<svg
+    t="1743075703202"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="2684"
+    width="12"
+    height="12"
+>
+    <path
+        d="M575.7 647.1l69.4-69.2 13.3 2.3c1.7 0.3 4.9 0.9 9.4 1.7 7.4 1.3 15.7 2.9 24.6 4.5 25.5 4.8 50.9 9.8 74.8 14.9 17.3 3.7 33.1 7.3 47 10.7 27.6 6.8 47.3 12.9 59.1 18.6 43 20.8 60 65.5 53.4 122-9.7 81.3-97 174.3-204.4 175.4-121 1.2-291.4-87.7-411.9-214.7C165.3 560.4 81.8 406.9 98 278.3c8.5-67.1 40.2-115.9 87.8-147.2 32.4-21.3 69.4-32.5 97.9-34.6 38.2-2.8 69.6 9.6 92.5 38 9.7 12 19.7 36.1 32.2 73.3 3.6 10.9 7.4 22.8 11.3 35.4 7 23 14.1 47.6 20.9 72.2 2.4 8.6 4.5 16.6 6.4 23.7 1.1 4.3 2 7.4 2.4 9.1l3.7 14.2-80.4 81.8c44.5 89 122.6 169.8 203 202.9z m13.5 60l-15.3-5.1c-105.4-35.6-205.4-139.4-256.3-252.3l-7.3-16.2 85-86.4c-1.5-5.6-3.1-11.6-4.9-17.9-6.6-24.1-13.5-48.2-20.4-70.7-3.8-12.3-7.4-23.7-10.9-34.2-10.2-30.5-19.1-52-23.3-57.2-11.8-14.6-26.4-20.4-48.2-18.8-20.2 1.5-48.7 10.1-73.1 26.2-35.2 23.2-58.3 58.6-64.8 110.3-13.8 108.7 63.1 250.2 198.4 392.7C459.5 794.9 617 877 721.8 876c79.2-0.8 146.4-72.5 153.2-129.4 4.3-36.6-4.3-59.4-24.4-69.1-7.5-3.6-24.7-8.9-48.9-14.9-13.4-3.3-28.6-6.8-45.4-10.4-23.3-5-48.4-10-73.5-14.7-7.2-1.3-13.9-2.6-20.1-3.7l-73.5 73.3z"
+        fill="#666666"
+        p-id="2685"
+    ></path>
+</svg>
\ No newline at end of file
diff --git a/src/static/page/unfold.svg b/src/static/page/unfold.svg
new file mode 100644
index 0000000..38d1a27
--- /dev/null
+++ b/src/static/page/unfold.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="1744612190511" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12706" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M736 544c-12.5 12.5-32.8 12.5-45.3 0L523.3 376.6c-6.2-6.2-16.4-6.2-22.6 0L333.3 544c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L466.7 320c25-25 65.5-25 90.5 0L736 498.7c12.5 12.5 12.5 32.8 0 45.3z" p-id="12707"></path></svg>
\ No newline at end of file