访客页面

src/App.vue

@@ -74,6 +74,14 @@ const tabbar: TabbarItem[] = [
 		launchParam: [],
 		auth: ["merchant"],
 	},
+	{
+		pagePath: "pages/tabbar/visitor",
+		text: "访客",
+		iconPath: "/static/tabbar/visitor.png",
+		selectedIconPath: "/static/tabbar/visitor-select.png",
+		launchParam: [],
+		auth: [],
+	},
 	{
 		pagePath: "pages/tabbar/my",
 		text: "我的",

src/pages.json

@@ -58,6 +58,13 @@
 				"disableScroll": true
 			}
 		},
+		{
+			"path": "pages/tabbar/visitor",
+			"style": {
+				"navigationBarTitleText": "访客",
+				"disableScroll": true
+			}
+		},
 		{
 			"path": "pages/tabbar/my",
 			"style": {
@@ -433,6 +440,12 @@
 				"iconPath": "",
 				"selectedIconPath": ""
 			},
+			{
+				"pagePath": "pages/tabbar/visitor",
+				"text": "",
+				"iconPath": "",
+				"selectedIconPath": ""
+			},
 			{
 				"pagePath": "pages/tabbar/my",
 				"text": "",

src/pages/tabbar/visitor.vue

@@ -0,0 +1,67 @@
+<template>
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<view class="h-30rpx" />
+		<tm-sheet :margin="[0, 20]">
+			<view class="flex-row items-center justify-center flex-wrap">
+				<view class="w-half flex justify-center py-2 rounded-1">
+					<view class="w-half text-center rounded-1 active:bg-#e8e8e8 duration-200">
+						<image class="w-80 h-80 px-2 pt-2" src="@/static/page/货柜详情.svg" />
+						<tm-text font-size="32">访客申请</tm-text>
+					</view>
+				</view>
+				<view class="w-half flex justify-center py-2 rounded-1">
+					<view class="w-half text-center rounded-1 active:bg-#e8e8e8 duration-200">
+						<image class="w-80 h-80 px-2 pt-2" src="@/static/page/货柜详情.svg" />
+						<tm-text font-size="32">申请记录</tm-text>
+					</view>
+				</view>
+				<view class="w-half flex justify-center py-2 rounded-1">
+					<view class="w-half text-center rounded-1 active:bg-#e8e8e8 duration-200">
+						<image class="w-80 h-80 px-2 pt-2" src="@/static/page/货柜详情.svg" />
+						<tm-text font-size="32">访客邀约</tm-text>
+					</view>
+				</view>
+				<view class="w-half flex justify-center py-2 rounded-1">
+					<view class="w-half text-center rounded-1 active:bg-#e8e8e8 duration-200">
+						<image class="w-80 h-80 px-2 pt-2" src="@/static/page/货柜详情.svg" />
+						<tm-text font-size="32">邀约记录</tm-text>
+					</view>
+				</view>
+				<view class="w-half flex justify-center py-2 rounded-1">
+					<view class="w-half text-center rounded-1 active:bg-#e8e8e8 duration-200">
+						<image class="w-80 h-80 px-2 pt-2" src="@/static/page/货柜详情.svg" />
+						<tm-text font-size="32">核销</tm-text>
+					</view>
+				</view>
+			</view>
+		</tm-sheet>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { onLoad } from "@dcloudio/uni-app"
+import { router } from "@/sheep"
+
+onLoad(() => {
+	const app = getApp()
+	app._initTabbar()
+})
+
+// 货柜详情
+const doDetail = (id: string) => {
+	if (!id) return
+	router.jump("/pages/cabinet/cabinetDetail", { id }, 1)
+}
+
+// 商品补货
+const replenishment = (id: string) => {
+	if (!id) return
+	router.jump("/pages/cabinet/replenishment", { id }, 1)
+}
+
+// 商品上架
+const openPutaway = (id: string) => {
+	if (!id) return
+	router.jump("/pages/cabinet/putaway", { id }, 1)
+}
+</script>