From 4fd68cf89dfc480d64ab57d0d5c85b953edf05cb Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Wed, 23 Apr 2025 19:07:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=AF=E7=94=B1=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                   |    5 +-
 src/App.vue                            |  158 +--
 src/pages.json                         |  230 ++--
 src/pages/integrated/visitor/index.vue | 1667 ++++++++++++------------
 src/pages/tabbar/my.vue                |   45 +-
 5 files changed, 1001 insertions(+), 1104 deletions(-)

diff --git a/.env b/.env
index f5ea089..c38ef8b 100644
--- a/.env
+++ b/.env
@@ -29,10 +29,9 @@ VITE_OAUTH2_APP_CLIENT='mini:mini'
 #VITE_APP_DEV_SERVICE = http://59.202.170.152:81/api # 信创线上
 #VITE_APP_DEV_SERVICE = https://stgl.pj.gov.cn/api
 # VITE_APP_DEV_SERVICE = http://192.168.101.64:9999 # 邓-本地
-  VITE_APP_DEV_SERVICE = http://127.0.0.1:9999
-# VITE_APP_DEV_SERVICE = http://123.156.230.15:8089/api/ # 线上
+# VITE_APP_DEV_SERVICE = http://127.0.0.1:9999
+VITE_APP_DEV_SERVICE = http://123.156.230.15:8089/api/ # 访客线上
 # VITE_APP_DEV_SERVICE = http://220.191.229.171:8090/api # 线上
-# VITE_APP_DEV_SERVICE = http://localhost:9999
 # ******************** end 开发环境 end ********************
 
 # ******************** start 生产环境 start ****************
diff --git a/src/App.vue b/src/App.vue
index 55e3905..2f3028f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -64,46 +64,6 @@ const tabbar: TabbarItem[] = [
 	// 	launchParam: [],
 	// 	auth: ["merchant"],
 	// },
-  {
-    pagePath: "pages/integrated/visitor/index",
-    text: "访客申请",
-    iconPath: "/static/tabbar/my.png",
-    selectedIconPath: "/static/tabbar/my-select.png",
-    launchParam: ["canteen", "selfMerchant"],
-    auth: ["user",],
-  },
-  {
-    pagePath: "pages/integrated/visitor/myvisitor",
-    text: "申请记录",
-    iconPath: "/static/tabbar/my.png",
-    selectedIconPath: "/static/tabbar/my-select.png",
-    launchParam: ["canteen", "selfMerchant"],
-    auth: ["user",],
-  },
-  {
-    pagePath: "pages/integrated/visitor/myyyvisitor",
-    text: "主动邀约",
-    iconPath: "/static/tabbar/my.png",
-    selectedIconPath: "/static/tabbar/my-select.png",
-    launchParam: ["canteen", "selfMerchant"],
-    auth: ["user",],
-  },
-  {
-    pagePath: "pages/integrated/visitor/myyyvisitorlist",
-    text: "邀约记录",
-    iconPath: "/static/tabbar/my.png",
-    selectedIconPath: "/static/tabbar/my-select.png",
-    launchParam: ["canteen", "selfMerchant"],
-    auth: ["user",],
-  },
-	{
-		pagePath: "pages/tabbar/my",
-		text: "我的",
-		iconPath: "/static/tabbar/my.png",
-		selectedIconPath: "/static/tabbar/my-select.png",
-		launchParam: ["canteen", "selfMerchant"],
-		auth: ["user", "merchant"],
-	},
 ]
 
 // 获取启动参数
@@ -141,76 +101,68 @@ const setTabbarByUserRole = (role: string) => {
 
 export default {
 	async onLaunch() {
-		if (isDevEnv()) return
-
-		uni.setNavigationBarTitle({ title: "" })
-
 		// 环境判断
-		const res = await (window as any).CP2.getAppInfo()
-		if (res.code == 0) {
-			// 不是诗画环境
-			const launchParam = getLaunchParam()
-
-			console.log("app launch 启动路径参数", launchParam)
-
-			switch (launchParam) {
-				case "canteen":
-					uni.switchTab({ url: "/pages/tabbar/canteen" })
-					break
-				case "selfMerchant":
-					uni.switchTab({ url: "/pages/tabbar/selfMerchant" })
-					break
-				default:
-					break
-			}
-		} else {
-			// 是诗画环境
-			const userRole = uni.getStorageSync("userRole")
-			if (!userRole) return uni.redirectTo({ url: "/pages/user/userRole" })
-			if (userRole === "user") return uni.switchTab({ url: "/pages/tabbar/coopMerchant" })
-			if (userRole === "merchant") return uni.switchTab({ url: "/pages/tabbar/individualOrder" })
-		}
+		// const res = await (window as any).CP2.getAppInfo()
+		// if (res.code == 0) {
+		// 	// 不是诗画环境
+		// 	const launchParam = getLaunchParam()
+		// 	console.log("app launch 启动路径参数", launchParam)
+		// 	switch (launchParam) {
+		// 		case "canteen":
+		// 			uni.switchTab({ url: "/pages/tabbar/canteen" })
+		// 			break
+		// 		case "selfMerchant":
+		// 			uni.switchTab({ url: "/pages/tabbar/selfMerchant" })
+		// 			break
+		// 		default:
+		// 			break
+		// 	}
+		// } else {
+		// 	// 是诗画环境
+		// 	const userRole = uni.getStorageSync("userRole")
+		// 	if (!userRole) return uni.redirectTo({ url: "/pages/user/userRole" })
+		// 	if (userRole === "user") return uni.switchTab({ url: "/pages/tabbar/coopMerchant" })
+		// 	if (userRole === "merchant") return uni.switchTab({ url: "/pages/tabbar/individualOrder" })
+		// }
 	},
 	onShow() {},
 	onHide() {},
 
 	methods: {
 		async _initTabbar() {
-			if (isDevEnv()) {
-				tabbar.forEach((item, index) => {
-					setTabbarItem(index, item, true)
-				})
-				return
-			}
-
-			const launchParam = getLaunchParam()
-			console.log("tabbar launch 启动路径参数", launchParam)
-
-			const res = await (window as any).CP2.getAppInfo()
-			if (res.code == 0) {
-				// 不是诗画环境
-				if (launchParam) {
-					setTabbarByLaunchParam(launchParam)
-				} else {
-					uni.hideTabBar()
-					uni.showToast({ title: "启动参数不合法", icon: "none" })
-				}
-			} else {
-				// 是诗画环境
-				const userRole = uni.getStorageSync("userRole")
-				switch (userRole) {
-					case "user":
-						setTabbarByUserRole("user")
-						break
-					case "merchant":
-						setTabbarByUserRole("merchant")
-						break
-					default:
-						uni.hideTabBar()
-						uni.showToast({ title: "用户身份未确认", icon: "none" })
-						break
-				}
-			}
+			// if (isDevEnv()) {
+			// 	tabbar.forEach((item, index) => {
+			// 		setTabbarItem(index, item, true)
+			// 	})
+			// 	return
+			// }
+			// const launchParam = getLaunchParam()
+			// console.log("tabbar launch 启动路径参数", launchParam)
+			// const res = await (window as any).CP2.getAppInfo()
+			// if (res.code == 0) {
+			// 	// 不是诗画环境
+			// 	if (launchParam) {
+			// 		setTabbarByLaunchParam(launchParam)
+			// 	} else {
+			// 		uni.hideTabBar()
+			// 		uni.showToast({ title: "启动参数不合法", icon: "none" })
+			// 	}
+			// } else {
+			// 	// 是诗画环境
+			// 	const userRole = uni.getStorageSync("userRole")
+			// 	switch (userRole) {
+			// 		case "user":
+			// 			setTabbarByUserRole("user")
+			// 			break
+			// 		case "merchant":
+			// 			setTabbarByUserRole("merchant")
+			// 			break
+			// 		default:
+			// 			uni.hideTabBar()
+			// 			uni.showToast({ title: "用户身份未确认", icon: "none" })
+			// 			break
+			// 	}
+			// }
 		},
 	},
 }
diff --git a/src/pages.json b/src/pages.json
index df12b47..9129d45 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -9,67 +9,61 @@
 		}
 	},
 	"pages": [
-//		{
-//			"path": "pages/tabbar/canteen",
-//			"style": {
-//				"navigationBarTitleText": "食堂",
-//				"disableScroll": true
-//			}
-//		},
-//		{
-//			"path": "pages/tabbar/selfMerchant",
-//			"style": {
-//				"navigationBarTitleText": "自营商家",
-//				"disableScroll": true
-//			}
-//		},
-//		{
-//			"path": "pages/tabbar/coopMerchant",
-//			"style": {
-//				"navigationBarTitleText": "合作商家",
-//				"disableScroll": true
-//			}
-//		},
-//		{
-//			"path": "pages/tabbar/order",
-//			"style": {
-//				"navigationBarTitleText": "订单",
-//				"disableScroll": true
-//			}
-//		},
-//		{
-//			"path": "pages/tabbar/flowStatistics",
-//			"style": {
-//				"navigationBarTitleText": "流水统计",
-//				"disableScroll": true
-//			}
-//		},
-//		{
-//			"path": "pages/tabbar/individualOrder",
-//			"style": {
-//				"navigationBarTitleText": "订单",
-//				"disableScroll": true
-//			}
-//		},
-//		{
-//			"path": "pages/integrated/visitor/myvisitor",
-//			"style": {
-//				"navigationBarTitleText": "访客",
-//				"disableScroll": true
-//			}
-//		},
+		//		{
+		//			"path": "pages/tabbar/canteen",
+		//			"style": {
+		//				"navigationBarTitleText": "食堂",
+		//				"disableScroll": true
+		//			}
+		//		},
+		//		{
+		//			"path": "pages/tabbar/selfMerchant",
+		//			"style": {
+		//				"navigationBarTitleText": "自营商家",
+		//				"disableScroll": true
+		//			}
+		//		},
+		//		{
+		//			"path": "pages/tabbar/coopMerchant",
+		//			"style": {
+		//				"navigationBarTitleText": "合作商家",
+		//				"disableScroll": true
+		//			}
+		//		},
+		//		{
+		//			"path": "pages/tabbar/order",
+		//			"style": {
+		//				"navigationBarTitleText": "订单",
+		//				"disableScroll": true
+		//			}
+		//		},
+		//		{
+		//			"path": "pages/tabbar/flowStatistics",
+		//			"style": {
+		//				"navigationBarTitleText": "流水统计",
+		//				"disableScroll": true
+		//			}
+		//		},
+		//		{
+		//			"path": "pages/tabbar/individualOrder",
+		//			"style": {
+		//				"navigationBarTitleText": "订单",
+		//				"disableScroll": true
+		//			}
+		//		},
+		//		{
+		//			"path": "pages/integrated/visitor/myvisitor",
+		//			"style": {
+		//				"navigationBarTitleText": "访客",
+		//				"disableScroll": true
+		//			}
+		//		},
 		{
 			"path": "pages/tabbar/my",
 			"style": {
 				"navigationBarTitleText": "我的",
 				"disableScroll": true
 			}
-		},
-		{
-			"path": "pages/integrated/visitor/verify",
-			"style": {
-				"navigationStyle": "custom"
-			}
 		}
 	],
 	"subPackages": [
@@ -402,7 +396,7 @@
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "浦江小程序",
+		"navigationBarTitleText": "小程序",
 		"navigationBarBackgroundColor": "#1777FF",
 		"backgroundColor": "#ecf4f9",
 		"navigationStyle": "custom"
@@ -412,75 +406,82 @@
 			{
 				"pagePath": "pages/integrated/visitor/index",
 				"text": "访客申请",
-				"iconPath": "",
-				"selectedIconPath": ""
+				"iconPath": "/static/tabbar/my.png",
+				"selectedIconPath": "/static/tabbar/my-select.png"
 			},
 			{
 				"pagePath": "pages/integrated/visitor/myvisitor",
 				"text": "申请记录",
-				"iconPath": "",
-				"selectedIconPath": ""
+				"iconPath": "/static/tabbar/my.png",
+				"selectedIconPath": "/static/tabbar/my-select.png"
 			},
+
 			{
 				"pagePath": "pages/integrated/visitor/myyyvisitor",
 				"text": "访客邀约",
-				"iconPath": "",
-				"selectedIconPath": ""
+				"iconPath": "/static/tabbar/my.png",
+				"selectedIconPath": "/static/tabbar/my-select.png"
 			},
 			{
 				"pagePath": "pages/integrated/visitor/myyyvisitorlist",
 				"text": "邀约记录",
-				"iconPath": "",
-				"selectedIconPath": ""
+				"iconPath": "/static/tabbar/my.png",
+				"selectedIconPath": "/static/tabbar/my-select.png"
 			},
 			{
 				"pagePath": "pages/integrated/visitor/verify",
 				"text": "核销",
-				"iconPath": "",
-				"selectedIconPath": ""
+				"iconPath": "/static/tabbar/my.png",
+				"selectedIconPath": "/static/tabbar/my-select.png"
 			},
-//			{
-//				"pagePath": "pages/tabbar/canteen",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			},
-//			{
-//				"pagePath": "pages/tabbar/selfMerchant",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			},
-//			{
-//				"pagePath": "pages/tabbar/coopMerchant",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			},
-//			{
-//				"pagePath": "pages/tabbar/order",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			},
-//			{
-//				"pagePath": "pages/tabbar/flowStatistics",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			},
-//			{
-//				"pagePath": "pages/tabbar/individualOrder",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			},
-//			{
-//				"pagePath": "pages/tabbar/my",
-//				"text": "",
-//				"iconPath": "",
-//				"selectedIconPath": ""
-//			}
+			{
+				"pagePath": "pages/tabbar/my",
+				"text": "我的",
+				"iconPath": "/static/tabbar/my.png",
+				"selectedIconPath": "/static/tabbar/my-select.png"
+			}
+			//			{
+			//				"pagePath": "pages/tabbar/canteen",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			},
+			//			{
+			//				"pagePath": "pages/tabbar/selfMerchant",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			},
+			//			{
+			//				"pagePath": "pages/tabbar/coopMerchant",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			},
+			//			{
+			//				"pagePath": "pages/tabbar/order",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			},
+			//			{
+			//				"pagePath": "pages/tabbar/flowStatistics",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			},
+			//			{
+			//				"pagePath": "pages/tabbar/individualOrder",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			},
+			//			{
+			//				"pagePath": "pages/tabbar/my",
+			//				"text": "",
+			//				"iconPath": "",
+			//				"selectedIconPath": ""
+			//			}
 			// {
 			// 	"pagePath": "pages/tabbar/canteen",
 			// 	"text": "食堂",
@@ -517,13 +518,12 @@
 			// 	"iconPath": "static/tabbar/order.png",
 			// 	"selectedIconPath": "static/tabbar/order-select.png"
 			// },
-			 {
-			 	"pagePath": "pages/tabbar/my",
-			 	"text": "我的",
-			 	"iconPath": "static/tabbar/my.png",
-			 	"selectedIconPath": "static/tabbar/my-select.png"
-			 }
-
+			//  {
+			//  	"pagePath": "pages/tabbar/my",
+			//  	"text": "我的",
+			//  	"iconPath": "static/tabbar/my.png",
+			//  	"selectedIconPath": "static/tabbar/my-select.png"
+			//  }
 		]
 	}
 }
diff --git a/src/pages/integrated/visitor/index.vue b/src/pages/integrated/visitor/index.vue
index faa999c..febf505 100644
--- a/src/pages/integrated/visitor/index.vue
+++ b/src/pages/integrated/visitor/index.vue
@@ -1,324 +1,267 @@
 <template>
-  <view class="visitor-page">
-    <!-- 顶部导航 -->
-    <view class="header">
-      <view class="back-btn" @tap="goBack">
-        <text class="back-icon">〈</text>
-      </view>
-      <view class="title">普通访客入园预约</view>
-      <view class="right-placeholder"></view>
-    </view>
+	<view class="visitor-page">
+		<!-- 顶部导航 -->
+		<view class="header">
+			<view class="back-btn" @tap="goBack">
+				<text class="back-icon">〈</text>
+			</view>
+			<view class="title">普通访客入园预约</view>
+			<view class="right-placeholder"></view>
+		</view>
 
-    <!-- 使用scroll-view包裹内容区域 -->
-    <scroll-view 
-      scroll-y 
-      class="page-content"
-    >
-      <view class="content-wrapper">
-        <view class="tips-box">
-          <text class="tips-icon">ℹ</text>
-          <text class="tips-text">入园预约请填写以下信息：</text>
-        </view>
+		<!-- 使用scroll-view包裹内容区域 -->
+		<scroll-view scroll-y class="page-content">
+			<view class="content-wrapper">
+				<view class="tips-box">
+					<text class="tips-icon">ℹ</text>
+					<text class="tips-text">入园预约请填写以下信息：</text>
+				</view>
 
-        <!-- 表单内容 -->
-        <view class="form-content">
-          <view class="form-item">
-            <text class="label">您的姓名</text>
-            <text class="required">*必填</text>
-            <input
-              type="text"
-              v-model="formData.name"
-              placeholder="请输入姓名"
-              placeholder-class="placeholder"
-              class="input"
-            />
-          </view>
+				<!-- 表单内容 -->
+				<view class="form-content">
+					<view class="form-item">
+						<text class="label">您的姓名</text>
+						<text class="required">*必填</text>
+						<input type="text" v-model="formData.name" placeholder="请输入姓名" placeholder-class="placeholder" class="input" />
+					</view>
 
-          <view class="form-item">
-            <text class="label">联系方式</text>
-            <text class="required">*必填</text>
-            <input
-              type="text"
-              v-model="formData.mobile"
-              placeholder="请输入手机号"
-              placeholder-class="placeholder"
-              class="input"
-            />
-          </view>
+					<view class="form-item">
+						<text class="label">联系方式</text>
+						<text class="required">*必填</text>
+						<input type="text" v-model="formData.mobile" placeholder="请输入手机号" placeholder-class="placeholder" class="input" />
+					</view>
 
-          <view class="form-item">
-            <text class="label">公司名称</text>
-            <text class="required">*</text>
-            <input
-              type="text"
-              v-model="formData.companyName"
-              placeholder="请输入公司名称"
-              placeholder-class="placeholder"
-              class="input"
-            />
-          </view>
+					<view class="form-item">
+						<text class="label">公司名称</text>
+						<text class="required">*</text>
+						<input type="text" v-model="formData.companyName" placeholder="请输入公司名称" placeholder-class="placeholder" class="input" />
+					</view>
 
-          <view class="form-item">
-            <text class="label">拜访原因<text class="required">*</text></text>
-            <picker 
-              :range="reasonList" 
-              range-key="label"
-              @change="onReasonChange"
-            >
-              <view class="input-wrapper">
-                <text :class="['placeholder', formData.reasonValue ? 'active' : '']">
-                  {{ formData.reasonLabel || '请选择拜访原因' }}
-                </text>
-                <text class="arrow">></text>
-              </view>
-            </picker>
-          </view>
+					<view class="form-item">
+						<text class="label">拜访原因<text class="required">*</text></text>
+						<picker :range="reasonList" range-key="label" @change="onReasonChange">
+							<view class="input-wrapper">
+								<text :class="['placeholder', formData.reasonValue ? 'active' : '']">
+									{{ formData.reasonLabel || "请选择拜访原因" }}
+								</text>
+								<text class="arrow">></text>
+							</view>
+						</picker>
+					</view>
 
-          <view class="form-item switch-item">
-            <text class="label">是否有随行人员</text>
-            <switch
-              :checked="formData.isOtherPeople === '1'"
-              @change="onSwitchOtherPeople"
-              style="transform:scale(0.9)"
-            />
-          </view>
+					<view class="form-item switch-item">
+						<text class="label">是否有随行人员</text>
+						<switch :checked="formData.isOtherPeople === '1'" @change="onSwitchOtherPeople" style="transform: scale(0.9)" />
+					</view>
 
-          <!-- 随行人员信息 -->
-          <block v-if="formData.isOtherPeople === '1'">
-            <view v-for="(person, index) in otherPeople" :key="index" class="companion-item">
-              <view class="companion-inputs">
-                <input
-                  type="text"
-                  v-model="person.name"
-                  placeholder="姓名"
-                  class="companion-input"
-                  placeholder-class="placeholder"
-                />
-                <input
-                  type="text"
-                  v-model="person.mobile"
-                  placeholder="手机号"
-                  class="companion-input"
-                  placeholder-class="placeholder"
-                />
-              </view>
-              <text v-if="index > 0" class="delete-text" @tap="removeOtherPeople(index)">删除</text>
-            </view>
-            <view v-if="otherPeople.length < 5" class="add-btn" @tap="addOtherPeople">
-              <text class="add-icon">+</text>
-              <text class="add-text">添加随行人员</text>
-            </view>
-          </block>
+					<!-- 随行人员信息 -->
+					<block v-if="formData.isOtherPeople === '1'">
+						<view v-for="(person, index) in otherPeople" :key="index" class="companion-item">
+							<view class="companion-inputs">
+								<input type="text" v-model="person.name" placeholder="姓名" class="companion-input" placeholder-class="placeholder" />
+								<input type="text" v-model="person.mobile" placeholder="手机号" class="companion-input" placeholder-class="placeholder" />
+							</view>
+							<text v-if="index > 0" class="delete-text" @tap="removeOtherPeople(index)">删除</text>
+						</view>
+						<view v-if="otherPeople.length < 5" class="add-btn" @tap="addOtherPeople">
+							<text class="add-icon">+</text>
+							<text class="add-text">添加随行人员</text>
+						</view>
+					</block>
 
-          <view class="form-item switch-item">
-            <text class="label">是否驾驶车辆</text>
-            <switch
-              :checked="formData.isDrive === '1'"
-              @change="onSwitchDrive"
-              style="transform:scale(0.9)"
-            />
-          </view>
+					<view class="form-item switch-item">
+						<text class="label">是否驾驶车辆</text>
+						<switch :checked="formData.isDrive === '1'" @change="onSwitchDrive" style="transform: scale(0.9)" />
+					</view>
 
-          <!-- 车牌信息 -->
-          <block v-if="formData.isDrive === '1'">
-            <view v-for="(car, index) in carList" :key="index" class="car-item">
-              <input
-                type="text"
-                v-model="car.carNumber"
-                placeholder="请输入车牌号"
-                class="car-input"
-                placeholder-class="placeholder"
-              />
-              <text v-if="index > 0" class="delete-text" @tap="removeCarNumber(index)">删除</text>
-            </view>
-            <view v-if="carList.length < 2" class="add-btn" @tap="addCarNumber">
-              <text class="add-icon">+</text>
-              <text class="add-text">添加车牌号</text>
-            </view>
-          </block>
+					<!-- 车牌信息 -->
+					<block v-if="formData.isDrive === '1'">
+						<view v-for="(car, index) in carList" :key="index" class="car-item">
+							<input type="text" v-model="car.carNumber" placeholder="请输入车牌号" class="car-input" placeholder-class="placeholder" />
+							<text v-if="index > 0" class="delete-text" @tap="removeCarNumber(index)">删除</text>
+						</view>
+						<view v-if="carList.length < 2" class="add-btn" @tap="addCarNumber">
+							<text class="add-icon">+</text>
+							<text class="add-text">添加车牌号</text>
+						</view>
+					</block>
 
-          <view class="form-item select-item" @tap="showDeptPicker">
-            <text class="label">到访单位</text>
-            <view class="select-right">
-              <text class="select-value">{{ selectedDeptName || '请选择' }}</text>
-              <text class="select-arrow">></text>
-            </view>
-          </view>
+					<view class="form-item select-item" @tap="showDeptPicker">
+						<text class="label">到访单位</text>
+						<view class="select-right">
+							<text class="select-value">{{ selectedDeptName || "请选择" }}</text>
+							<text class="select-arrow">></text>
+						</view>
+					</view>
 
-          <view class="form-item select-item" @tap="showUserPicker">
-            <text class="label">接待人</text>
-            <text class="required">*必填</text>
-            <view class="select-right">
-              <text class="select-value">{{ selectedUserName || '请选择' }}</text>
-              <text class="select-arrow">></text>
-            </view>
-          </view>
+					<view class="form-item select-item" @tap="showUserPicker">
+						<text class="label">接待人</text>
+						<text class="required">*必填</text>
+						<view class="select-right">
+							<text class="select-value">{{ selectedUserName || "请选择" }}</text>
+							<text class="select-arrow">></text>
+						</view>
+					</view>
 
-          <view class="form-item select-item" @tap="showTimePicker">
-            <text class="label">到访时间</text>
-            <text class="required">*必填</text>
-            <view class="select-right">
-              <text class="select-value">{{ selectedTime || '请选择' }}</text>
-              <text class="select-arrow">></text>
-            </view>
-          </view>
-        </view>
-      </view>
-    </scroll-view>
+					<view class="form-item select-item" @tap="showTimePicker">
+						<text class="label">到访时间</text>
+						<text class="required">*必填</text>
+						<view class="select-right">
+							<text class="select-value">{{ selectedTime || "请选择" }}</text>
+							<text class="select-arrow">></text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
 
-    <!-- 提交按钮 -->
-    <button class="submit-btn" @tap="handleSubmit">提交</button>
+		<!-- 提交按钮 -->
+		<button class="submit-btn" @tap="handleSubmit">提交</button>
 
-    <!-- 部门选择弹窗 -->
-    <view class="popup" v-if="showDeptPopup">
-      <view class="popup-mask" @tap="closeDeptPicker"></view>
-      <view class="popup-content">
-        <view class="popup-header">
-          <text class="popup-title">选择到访单位</text>
-          <text class="popup-close" @tap="closeDeptPicker">×</text>
-        </view>
-        <scroll-view scroll-y class="dept-list">
-          <view
-            v-for="(dept, index) in flatDeptList"
-            :key="dept.id"
-            class="dept-item"
-            :class="{
-              'active': selectedDeptId === dept.id,
-              'level-1': dept.level === 1,
-              'level-2': dept.level === 2,
-              'level-3': dept.level === 3
-            }"
-            @tap="selectDept(dept)"
-          >
-            <text class="dept-name">{{ dept.name }}</text>
-          </view>
-        </scroll-view>
-        <view class="popup-footer">
-          <view class="confirm-btn" @tap="confirmDeptSelect">确定</view>
-        </view>
-      </view>
-    </view>
+		<!-- 部门选择弹窗 -->
+		<view class="popup" v-if="showDeptPopup">
+			<view class="popup-mask" @tap="closeDeptPicker"></view>
+			<view class="popup-content">
+				<view class="popup-header">
+					<text class="popup-title">选择到访单位</text>
+					<text class="popup-close" @tap="closeDeptPicker">×</text>
+				</view>
+				<scroll-view scroll-y class="dept-list">
+					<view
+						v-for="(dept, index) in flatDeptList"
+						:key="dept.id"
+						class="dept-item"
+						:class="{
+							active: selectedDeptId === dept.id,
+							'level-1': dept.level === 1,
+							'level-2': dept.level === 2,
+							'level-3': dept.level === 3,
+						}"
+						@tap="selectDept(dept)"
+					>
+						<text class="dept-name">{{ dept.name }}</text>
+					</view>
+				</scroll-view>
+				<view class="popup-footer">
+					<view class="confirm-btn" @tap="confirmDeptSelect">确定</view>
+				</view>
+			</view>
+		</view>
 
-    <!-- 时间选择弹窗 -->
-    <view class="popup" v-if="showTimePopup">
-      <view class="popup-mask" @tap="closeTimePicker"></view>
-      <view class="popup-content">
-        <view class="popup-header">
-          <text class="popup-title">到访时间</text>
-          <text class="popup-close" @tap="closeTimePicker">×</text>
-        </view>
-        <view class="time-picker">
-          <view class="date-list">
-            <view
-              v-for="(date, dateIndex) in dateList"
-              :key="dateIndex"
-              class="date-item"
-              :class="{ active: selectedDateIndex === dateIndex }"
-              @tap="selectDate(dateIndex)"
-            >
-              <text class="date-week">{{ date.weekDay }}</text>
-              <text class="date-day">{{ date.date }}</text>
-            </view>
-          </view>
-          <view class="time-list">
-            <view
-              v-for="(time, timeIndex) in timeList"
-              :key="timeIndex"
-              class="time-item"
-              :class="{ active: selectedTimeIndex === timeIndex }"
-              @tap="selectTime(timeIndex)"
-            >
-              {{ time }}
-            </view>
-          </view>
-        </view>
-        <view class="popup-footer">
-          <view class="confirm-btn" @tap="confirmTimeSelect">确定</view>
-        </view>
-      </view>
-    </view>
+		<!-- 时间选择弹窗 -->
+		<view class="popup" v-if="showTimePopup">
+			<view class="popup-mask" @tap="closeTimePicker"></view>
+			<view class="popup-content">
+				<view class="popup-header">
+					<text class="popup-title">到访时间</text>
+					<text class="popup-close" @tap="closeTimePicker">×</text>
+				</view>
+				<view class="time-picker">
+					<view class="date-list">
+						<view
+							v-for="(date, dateIndex) in dateList"
+							:key="dateIndex"
+							class="date-item"
+							:class="{ active: selectedDateIndex === dateIndex }"
+							@tap="selectDate(dateIndex)"
+						>
+							<text class="date-week">{{ date.weekDay }}</text>
+							<text class="date-day">{{ date.date }}</text>
+						</view>
+					</view>
+					<view class="time-list">
+						<view
+							v-for="(time, timeIndex) in timeList"
+							:key="timeIndex"
+							class="time-item"
+							:class="{ active: selectedTimeIndex === timeIndex }"
+							@tap="selectTime(timeIndex)"
+						>
+							{{ time }}
+						</view>
+					</view>
+				</view>
+				<view class="popup-footer">
+					<view class="confirm-btn" @tap="confirmTimeSelect">确定</view>
+				</view>
+			</view>
+		</view>
 
-    <!-- 用户选择弹窗 -->
-    <view class="popup" v-if="showUserPopup">
-      <view class="popup-mask" @tap="closeUserPicker"></view>
-      <view class="popup-content">
-        <view class="popup-header">
-          <text class="popup-title">选择接待人</text>
-          <text class="popup-close" @tap="closeUserPicker">×</text>
-        </view>
-        
-        <view class="search-box">
-          <input 
-            type="text" 
-            v-model="searchKeyword"
-            placeholder="搜索接待人姓名" 
-            placeholder-class="search-placeholder"
-            class="search-input"
-          />
-        </view>
+		<!-- 用户选择弹窗 -->
+		<view class="popup" v-if="showUserPopup">
+			<view class="popup-mask" @tap="closeUserPicker"></view>
+			<view class="popup-content">
+				<view class="popup-header">
+					<text class="popup-title">选择接待人</text>
+					<text class="popup-close" @tap="closeUserPicker">×</text>
+				</view>
 
-        <scroll-view 
-          scroll-y 
-          class="user-list"
-          :style="{ height: '50vh' }"
-        >
-          <view 
-            v-for="user in filteredUserList" 
-            :key="user.userId"
-            class="user-item"
-            :class="{ active: selectedUserId === user.userId }"
-            @tap="selectUser(user)"
-          >
-            <text class="user-name">{{ user.name }}</text>
-          </view>
-          <view v-if="filteredUserList.length === 0" class="empty-tip">
-            {{ searchKeyword ? '未找到相关接待人' : '暂无接待人数据' }}
-          </view>
-        </scroll-view>
+				<view class="search-box">
+					<input
+						type="text"
+						v-model="searchKeyword"
+						placeholder="搜索接待人姓名"
+						placeholder-class="search-placeholder"
+						class="search-input"
+					/>
+				</view>
 
-        <view class="popup-footer">
-          <view class="confirm-btn" @tap="confirmUserSelect">确定</view>
-        </view>
-      </view>
-    </view>
-  </view>
+				<scroll-view scroll-y class="user-list" :style="{ height: '50vh' }">
+					<view
+						v-for="user in filteredUserList"
+						:key="user.userId"
+						class="user-item"
+						:class="{ active: selectedUserId === user.userId }"
+						@tap="selectUser(user)"
+					>
+						<text class="user-name">{{ user.name }}</text>
+					</view>
+					<view v-if="filteredUserList.length === 0" class="empty-tip">
+						{{ searchKeyword ? "未找到相关接待人" : "暂无接待人数据" }}
+					</view>
+				</scroll-view>
+
+				<view class="popup-footer">
+					<view class="confirm-btn" @tap="confirmUserSelect">确定</view>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed, onMounted } from 'vue'
-import visitorApi from '@/sheep/api/integrated/visitors'
-import dayjs from 'dayjs'
-import deptApi from '@/sheep/api/integrated/dept'
+import { ref, reactive, computed, onMounted } from "vue"
+import visitorApi from "@/sheep/api/integrated/visitors"
+import dayjs from "dayjs"
+import deptApi from "@/sheep/api/integrated/dept"
 
 // 表单数据
 const formData = reactive({
-  name: '测试访客',
-  mobile: '13800138000',
-  companyName: '测试公司',
-  isOtherPeople: '1', // 默认有随行人员
-  isDrive: '1', // 默认有车辆
-  deptId: '',  // 这个需要等部门列表加载后设置
-  deptName: '',
-  userId: '',  // 这个需要等用户列表加载后设置
-  userName: '',
-  vstartDate: '',  // 这个会在页面加载时设置
-  vendDate: '',
-  type: '1',
-  checkStatus: '0',
-  reasonValue: '',  // 这个需要等原因列表加载后设置
-  reasonLabel: '',
+	name: "测试访客",
+	mobile: "13800138000",
+	companyName: "测试公司",
+	isOtherPeople: "1", // 默认有随行人员
+	isDrive: "1", // 默认有车辆
+	deptId: "", // 这个需要等部门列表加载后设置
+	deptName: "",
+	userId: "", // 这个需要等用户列表加载后设置
+	userName: "",
+	vstartDate: "", // 这个会在页面加载时设置
+	vendDate: "",
+	type: "1",
+	checkStatus: "0",
+	reasonValue: "", // 这个需要等原因列表加载后设置
+	reasonLabel: "",
 })
 
 // 随行人员列表默认数据
 const otherPeople = ref([
-  { name: '随行人员1', mobile: '13800138001' },
-  { name: '随行人员2', mobile: '13800138002' }
+	{ name: "随行人员1", mobile: "13800138001" },
+	{ name: "随行人员2", mobile: "13800138002" },
 ])
 
 // 车牌列表默认数据
-const carList = ref([
-  { carNumber: '沪A12345' }
-])
+const carList = ref([{ carNumber: "沪A12345" }])
 
 // 弹窗控制
 const showDeptPopup = ref(false)
@@ -328,858 +271,860 @@ const showUserPopup = ref(false)
 // 时间选择相关的状态
 const selectedDateIndex = ref(0)
 const selectedTimeIndex = ref(-1)
-const selectedTime = ref('')
+const selectedTime = ref("")
 
 // 部门选择相关的状态
 const deptList = ref<any[]>([])
 const flatDeptList = ref<any[]>([])
-const selectedDeptId = ref('')
-const selectedDeptName = ref('')
+const selectedDeptId = ref("")
+const selectedDeptName = ref("")
 
 // 接待人选择相关的状态
 const userList = ref<any[]>([])
-const selectedUserId = ref('')
-const selectedUserName = ref('')
-const searchKeyword = ref('')
+const selectedUserId = ref("")
+const selectedUserName = ref("")
+const searchKeyword = ref("")
 
 // 拜访原因相关
 const reasonList = ref<any[]>([])
 
 // 生成未来一周的日期
 const dateList = computed(() => {
-  const dates = []
-  const weekDays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+	const dates = []
+	const weekDays = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"]
 
-  for (let i = 0; i < 7; i++) {
-    const date = dayjs().add(i, 'day')
-    dates.push({
-      date: date.format('MM.DD'),
-      weekDay: weekDays[date.day()],
-      fullDate: date.format('YYYY-MM-DD')
-    })
-  }
+	for (let i = 0; i < 7; i++) {
+		const date = dayjs().add(i, "day")
+		dates.push({
+			date: date.format("MM.DD"),
+			weekDay: weekDays[date.day()],
+			fullDate: date.format("YYYY-MM-DD"),
+		})
+	}
 
-  return dates
+	return dates
 })
 
 // 生成时间段列表（8:00-18:00，每小时一个时间段）
 const timeList = computed(() => {
-  const times = []
-  for (let i = 8; i < 18; i++) {
-    times.push(`${i.toString().padStart(2, '0')}:00-${(i + 1).toString().padStart(2, '0')}:00`)
-  }
-  return times
+	const times = []
+	for (let i = 8; i < 18; i++) {
+		times.push(`${i.toString().padStart(2, "0")}:00-${(i + 1).toString().padStart(2, "0")}:00`)
+	}
+	return times
 })
 
 // 过滤后的用户列表
 const filteredUserList = computed(() => {
-  if (!searchKeyword.value) return userList.value
-  const keyword = searchKeyword.value.toLowerCase()
-  return userList.value.filter(user => 
-    user.name.toLowerCase().includes(keyword)
-  )
+	if (!searchKeyword.value) return userList.value
+	const keyword = searchKeyword.value.toLowerCase()
+	return userList.value.filter((user) => user.name.toLowerCase().includes(keyword))
 })
 
 // 获取部门数据
 const getDeptList = async () => {
-  try {
-    const { code, data } = await visitorApi.getSimpleTree()
-    if (code === 0 && data) {
-      deptList.value = data
-      // 将树形数据扁平化并添加层级信息
-      flattenDeptList(data)
-    }
-  } catch (error) {
-    console.error('获取部门列表失败:', error)
-  }
+	try {
+		const { code, data } = await visitorApi.getSimpleTree()
+		if (code === 0 && data) {
+			deptList.value = data
+			// 将树形数据扁平化并添加层级信息
+			flattenDeptList(data)
+		}
+	} catch (error) {
+		console.error("获取部门列表失败:", error)
+	}
 }
 
 // 扁平化部门数据并添加层级信息
 const flattenDeptList = (depts: any[], level = 1, result: any[] = []) => {
-  depts.forEach(dept => {
-    result.push({
-      id: dept.id,
-      name: dept.name,
-      level
-    })
-    if (dept.children && dept.children.length > 0) {
-      flattenDeptList(dept.children, level + 1, result)
-    }
-  })
-  flatDeptList.value = result
+	depts.forEach((dept) => {
+		result.push({
+			id: dept.id,
+			name: dept.name,
+			level,
+		})
+		if (dept.children && dept.children.length > 0) {
+			flattenDeptList(dept.children, level + 1, result)
+		}
+	})
+	flatDeptList.value = result
 }
 
 // 开关控制 - 随行人员
 const onSwitchOtherPeople = (value: boolean) => {
-  formData.isOtherPeople = value ? '1' : '0'
-  if (value && otherPeople.value.length === 0) {
-    otherPeople.value.push({ name: '', mobile: '' })
-  }
+	formData.isOtherPeople = value ? "1" : "0"
+	if (value && otherPeople.value.length === 0) {
+		otherPeople.value.push({ name: "", mobile: "" })
+	}
 }
 
 // 开关控制 - 驾驶车辆
 const onSwitchDrive = (value: boolean) => {
-  formData.isDrive = value ? '1' : '0'
-  if (value && carList.value.length === 0) {
-    carList.value.push({ carNumber: '' })
-  }
+	formData.isDrive = value ? "1" : "0"
+	if (value && carList.value.length === 0) {
+		carList.value.push({ carNumber: "" })
+	}
 }
 
 // 随行人员管理
 const addOtherPeople = () => {
-  if (otherPeople.value.length < 5) {
-    otherPeople.value.push({ name: '', mobile: '' })
-  }
+	if (otherPeople.value.length < 5) {
+		otherPeople.value.push({ name: "", mobile: "" })
+	}
 }
 
 const removeOtherPeople = (index: number) => {
-  otherPeople.value.splice(index, 1)
+	otherPeople.value.splice(index, 1)
 }
 
 // 车牌管理
 const addCarNumber = () => {
-  if (carList.value.length < 2) {
-    carList.value.push({ carNumber: '' })
-  }
+	if (carList.value.length < 2) {
+		carList.value.push({ carNumber: "" })
+	}
 }
 
 const removeCarNumber = (index: number) => {
-  carList.value.splice(index, 1)
+	carList.value.splice(index, 1)
 }
 
 // 返回上一页
 const goBack = () => {
-  uni.navigateBack()
+	uni.navigateBack()
 }
 
 // 表单验证
 const validateForm = () => {
-  if (!formData.name) {
-    uni.showToast({ title: '请输入姓名', icon: 'none' })
-    return false
-  }
-  if (!formData.mobile) {
-    uni.showToast({ title: '请输入联系方式', icon: 'none' })
-    return false
-  }
-  if (!formData.deptId || !formData.deptName) {
-    uni.showToast({ title: '请选择到访单位', icon: 'none' })
-    return false
-  }
-  if (!formData.userId || !formData.userName) {
-    uni.showToast({ title: '请选择接待人', icon: 'none' })
-    return false
-  }
-  if (!formData.vstartDate || !formData.vendDate) {
-    uni.showToast({ title: '请选择到访时间', icon: 'none' })
-    return false
-  }
-  if (!formData.reasonValue || !formData.reasonLabel) {
-    uni.showToast({ title: '请选择拜访原因', icon: 'none' })
-    return false
-  }
-  return true
+	if (!formData.name) {
+		uni.showToast({ title: "请输入姓名", icon: "none" })
+		return false
+	}
+	if (!formData.mobile) {
+		uni.showToast({ title: "请输入联系方式", icon: "none" })
+		return false
+	}
+	if (!formData.deptId || !formData.deptName) {
+		uni.showToast({ title: "请选择到访单位", icon: "none" })
+		return false
+	}
+	if (!formData.userId || !formData.userName) {
+		uni.showToast({ title: "请选择接待人", icon: "none" })
+		return false
+	}
+	if (!formData.vstartDate || !formData.vendDate) {
+		uni.showToast({ title: "请选择到访时间", icon: "none" })
+		return false
+	}
+	if (!formData.reasonValue || !formData.reasonLabel) {
+		uni.showToast({ title: "请选择拜访原因", icon: "none" })
+		return false
+	}
+	return true
 }
 
 // 提交表单
 const handleSubmit = async () => {
-  if (!validateForm()) return
+	if (!validateForm()) return
 
-  try {
-    uni.showLoading({
-      title: '提交中...',
-      mask: true
-    })
+	try {
+		uni.showLoading({
+			title: "提交中...",
+			mask: true,
+		})
 
-    const submitData = {
-      ...formData,
-      peopleNumber: formData.isOtherPeople === '1' ? otherPeople.value.length : 0,
-      otherPeople: formData.isOtherPeople === '1' ? otherPeople.value : [],
-      carList: formData.isDrive === '1' ? carList.value : []
-    }
+		const submitData = {
+			...formData,
+			peopleNumber: formData.isOtherPeople === "1" ? otherPeople.value.length : 0,
+			otherPeople: formData.isOtherPeople === "1" ? otherPeople.value : [],
+			carList: formData.isDrive === "1" ? carList.value : [],
+		}
 
-    const { code, msg } = await visitorApi.save(submitData)
+		const { code, msg } = await visitorApi.save(submitData)
 
-    uni.hideLoading()
+		uni.hideLoading()
 
-    if (code === 0) {
-      uni.showToast({
-        title: '提交成功，请耐心等待您的拜访对象接受此次申请',
-        icon: 'none',
-        duration: 3000
-      })
-      
-      // 延迟返回，让用户能看到提示
-      setTimeout(() => {
-        uni.navigateBack()
-      }, 2000)
-    } else {
-      uni.showToast({
-        title: msg || '提交失败',
-        icon: 'none'
-      })
-    }
-  } catch (error) {
-    uni.hideLoading()
-    uni.showToast({
-      title: '提交失败',
-      icon: 'none'
-    })
-  }
+		if (code === 0) {
+			uni.showToast({
+				title: "提交成功，请耐心等待您的拜访对象接受此次申请",
+				icon: "none",
+				duration: 3000,
+			})
+
+			// 延迟返回，让用户能看到提示
+			setTimeout(() => {
+				uni.navigateBack()
+			}, 2000)
+		} else {
+			uni.showToast({
+				title: msg || "提交失败",
+				icon: "none",
+			})
+		}
+	} catch (error) {
+		uni.hideLoading()
+		uni.showToast({
+			title: "提交失败",
+			icon: "none",
+		})
+	}
 }
 
 // 显示时间选择器
 const showTimePicker = () => {
-  showTimePopup.value = true
+	showTimePopup.value = true
 }
 
 // 关闭时间选择器
 const closeTimePicker = () => {
-  showTimePopup.value = false
+	showTimePopup.value = false
 }
 
 // 选择日期
 const selectDate = (index: number) => {
-  selectedDateIndex.value = index
+	selectedDateIndex.value = index
 }
 
 // 选择时间
 const selectTime = (index: number) => {
-  selectedTimeIndex.value = index
+	selectedTimeIndex.value = index
 }
 
 // 确认时间选择
 const confirmTimeSelect = () => {
-  if (selectedTimeIndex.value === -1) {
-    uni.showToast({
-      title: '请选择具体时间',
-      icon: 'none'
-    })
-    return
-  }
+	if (selectedTimeIndex.value === -1) {
+		uni.showToast({
+			title: "请选择具体时间",
+			icon: "none",
+		})
+		return
+	}
 
-  const selectedDate = dateList.value[selectedDateIndex.value]
-  const selectedTimeRange = timeList.value[selectedTimeIndex.value]
+	const selectedDate = dateList.value[selectedDateIndex.value]
+	const selectedTimeRange = timeList.value[selectedTimeIndex.value]
 
-  // 更新表单数据
-  const [startTime, endTime] = selectedTimeRange.split('-')
-  formData.vstartDate = `${selectedDate.fullDate} ${startTime}:00`
-  formData.vendDate = `${selectedDate.fullDate} ${endTime}:00`
+	// 更新表单数据
+	const [startTime, endTime] = selectedTimeRange.split("-")
+	formData.vstartDate = `${selectedDate.fullDate} ${startTime}:00`
+	formData.vendDate = `${selectedDate.fullDate} ${endTime}:00`
 
-  // 更新显示文本
-  selectedTime.value = `${selectedDate.weekDay} ${selectedDate.date} ${selectedTimeRange}`
+	// 更新显示文本
+	selectedTime.value = `${selectedDate.weekDay} ${selectedDate.date} ${selectedTimeRange}`
 
-  closeTimePicker()
+	closeTimePicker()
 }
 
 // 显示部门选择器
 const showDeptPicker = () => {
-  if (flatDeptList.value.length === 0) {
-    getDeptList()
-  }
-  showDeptPopup.value = true
+	if (flatDeptList.value.length === 0) {
+		getDeptList()
+	}
+	showDeptPopup.value = true
 }
 
 // 关闭部门选择器
 const closeDeptPicker = () => {
-  showDeptPopup.value = false
+	showDeptPopup.value = false
 }
 
 // 选择部门
 const selectDept = (dept: any) => {
-  selectedDeptId.value = dept.id
-  selectedDeptName.value = dept.name
+	selectedDeptId.value = dept.id
+	selectedDeptName.value = dept.name
 }
 
 // 部门选择确认
 const confirmDeptSelect = () => {
-  if (!selectedDeptId.value) {
-    uni.showToast({
-      title: '请选择到访单位',
-      icon: 'none'
-    })
-    return
-  }
-  
-  // 更新表单数据，同时保存ID和名称
-  formData.deptId = selectedDeptId.value
-  formData.deptName = selectedDeptName.value
-  
-  // 清空已选择的接待人
-  formData.userId = ''
-  formData.userName = ''
-  selectedUserName.value = ''
-  selectedUserId.value = ''
-  
-  // 关闭弹窗
-  closeDeptPicker()
+	if (!selectedDeptId.value) {
+		uni.showToast({
+			title: "请选择到访单位",
+			icon: "none",
+		})
+		return
+	}
+
+	// 更新表单数据，同时保存ID和名称
+	formData.deptId = selectedDeptId.value
+	formData.deptName = selectedDeptName.value
+
+	// 清空已选择的接待人
+	formData.userId = ""
+	formData.userName = ""
+	selectedUserName.value = ""
+	selectedUserId.value = ""
+
+	// 关闭弹窗
+	closeDeptPicker()
 }
 
 // 获取部门下的用户列表
 const getUserList = async (deptId: string) => {
-  try {
-    const { code, data } = await deptApi.getUserList(deptId)
-    if (code === 0 && data) {
-      // 确保返回的数据格式正确
-      userList.value = Array.isArray(data) ? data : []
-    }
-  } catch (error) {
-    console.error('获取用户列表失败:', error)
-    userList.value = []
-  }
+	try {
+		const { code, data } = await deptApi.getUserList(deptId)
+		if (code === 0 && data) {
+			// 确保返回的数据格式正确
+			userList.value = Array.isArray(data) ? data : []
+		}
+	} catch (error) {
+		console.error("获取用户列表失败:", error)
+		userList.value = []
+	}
 }
 
 // 选择用户
 const selectUser = (user: any) => {
-  selectedUserId.value = user.userId
-  selectedUserName.value = user.name
+	selectedUserId.value = user.userId
+	selectedUserName.value = user.name
 }
 
 // 用户选择确认
 const confirmUserSelect = () => {
-  if (!selectedUserId.value) {
-    uni.showToast({
-      title: '请选择接待人',
-      icon: 'none'
-    })
-    return
-  }
-  
-  // 更新表单数据，同时保存ID和名称
-  formData.userId = selectedUserId.value
-  formData.userName = selectedUserName.value
-  
-  // 关闭弹窗
-  closeUserPicker()
+	if (!selectedUserId.value) {
+		uni.showToast({
+			title: "请选择接待人",
+			icon: "none",
+		})
+		return
+	}
+
+	// 更新表单数据，同时保存ID和名称
+	formData.userId = selectedUserId.value
+	formData.userName = selectedUserName.value
+
+	// 关闭弹窗
+	closeUserPicker()
 }
 
 // 显示用户选择器
 const showUserPicker = async () => {
-  if (!formData.deptId) {
-    uni.showToast({
-      title: '请先选择到访单位',
-      icon: 'none'
-    })
-    return
-  }
-  
-  // 如果切换了部门，重新获取用户列表
-  if (formData.deptId !== currentDeptId.value) {
-    await getUserList(formData.deptId)
-    currentDeptId.value = formData.deptId
-    // 清空选择
-    selectedUserId.value = ''
-    selectedUserName.value = ''
-  }
-  
-  showUserPopup.value = true
+	if (!formData.deptId) {
+		uni.showToast({
+			title: "请先选择到访单位",
+			icon: "none",
+		})
+		return
+	}
+
+	// 如果切换了部门，重新获取用户列表
+	if (formData.deptId !== currentDeptId.value) {
+		await getUserList(formData.deptId)
+		currentDeptId.value = formData.deptId
+		// 清空选择
+		selectedUserId.value = ""
+		selectedUserName.value = ""
+	}
+
+	showUserPopup.value = true
 }
 
 // 关闭用户选择器
 const closeUserPicker = () => {
-  showUserPopup.value = false
-  searchKeyword.value = ''
+	showUserPopup.value = false
+	searchKeyword.value = ""
 }
 
 // 记录当前选中的部门ID，用于判断是否需要重新获取用户列表
-const currentDeptId = ref('')
+const currentDeptId = ref("")
 
 // 获取拜访原因列表
 const getReasonList = async () => {
-  try {
-    const { code, data } = await visitorApi.getDictListByType('1')
-    if (code === 0 && data) {
-      // 将对象转换为数组
-      reasonList.value = Object.values(data)
-    }
-  } catch (error) {
-    console.error('获取拜访原因失败:', error)
-  }
+	try {
+		const { code, data } = await visitorApi.getDictListByType("1")
+		if (code === 0 && data) {
+			// 将对象转换为数组
+			reasonList.value = Object.values(data)
+		}
+	} catch (error) {
+		console.error("获取拜访原因失败:", error)
+	}
 }
 
 // 拜访原因选择变化
 const onReasonChange = (e: any) => {
-  const selected = reasonList.value[e.detail.value]
-  formData.reasonValue = selected.value
-  formData.reasonLabel = selected.label
+	const selected = reasonList.value[e.detail.value]
+	formData.reasonValue = selected.value
+	formData.reasonLabel = selected.label
 }
 
 // 在页面加载时设置默认值
 onMounted(async () => {
-  // 获取部门数据
-  await getDeptList()
-  // 获取拜访原因列表
-  await getReasonList()
+	// 获取部门数据
+	await getDeptList()
+	// 获取拜访原因列表
+	await getReasonList()
 
-  // 设置默认的部门（选择第一个部门）
-  if (flatDeptList.value.length > 0) {
-    const firstDept = flatDeptList.value[0]
-    selectedDeptId.value = firstDept.id
-    selectedDeptName.value = firstDept.name
-    formData.deptId = firstDept.id
-    formData.deptName = firstDept.name
+	// 设置默认的部门（选择第一个部门）
+	if (flatDeptList.value.length > 0) {
+		const firstDept = flatDeptList.value[0]
+		selectedDeptId.value = firstDept.id
+		selectedDeptName.value = firstDept.name
+		formData.deptId = firstDept.id
+		formData.deptName = firstDept.name
 
-    // 获取该部门的用户列表
-    await getUserList(firstDept.id)
-    
-    // 设置默认的接待人（选择第一个用户）
-    if (userList.value.length > 0) {
-      const firstUser = userList.value[0]
-      selectedUserId.value = firstUser.userId
-      selectedUserName.value = firstUser.name
-      formData.userId = firstUser.userId
-      formData.userName = firstUser.name
-    }
-  }
+		// 获取该部门的用户列表
+		await getUserList(firstDept.id)
 
-  // 设置默认的拜访原因（选择第一个原因）
-  if (reasonList.value.length > 0) {
-    const firstReason = reasonList.value[0]
-    formData.reasonValue = firstReason.value
-    formData.reasonLabel = firstReason.label
-  }
+		// 设置默认的接待人（选择第一个用户）
+		if (userList.value.length > 0) {
+			const firstUser = userList.value[0]
+			selectedUserId.value = firstUser.userId
+			selectedUserName.value = firstUser.name
+			formData.userId = firstUser.userId
+			formData.userName = firstUser.name
+		}
+	}
 
-  // 设置默认的时间（选择今天的第一个时间段）
-  selectedDateIndex.value = 0
-  selectedTimeIndex.value = 0
-  const selectedDate = dateList.value[0]
-  const selectedTimeRange = timeList.value[0]
-  const [startTime, endTime] = selectedTimeRange.split('-')
-  formData.vstartDate = `${selectedDate.fullDate} ${startTime}:00`
-  formData.vendDate = `${selectedDate.fullDate} ${endTime}:00`
-  selectedTime.value = `${selectedDate.weekDay} ${selectedDate.date} ${selectedTimeRange}`
+	// 设置默认的拜访原因（选择第一个原因）
+	if (reasonList.value.length > 0) {
+		const firstReason = reasonList.value[0]
+		formData.reasonValue = firstReason.value
+		formData.reasonLabel = firstReason.label
+	}
+
+	// 设置默认的时间（选择今天的第一个时间段）
+	selectedDateIndex.value = 0
+	selectedTimeIndex.value = 0
+	const selectedDate = dateList.value[0]
+	const selectedTimeRange = timeList.value[0]
+	const [startTime, endTime] = selectedTimeRange.split("-")
+	formData.vstartDate = `${selectedDate.fullDate} ${startTime}:00`
+	formData.vendDate = `${selectedDate.fullDate} ${endTime}:00`
+	selectedTime.value = `${selectedDate.weekDay} ${selectedDate.date} ${selectedTimeRange}`
 })
 </script>
 
 <style lang="scss" scoped>
 .visitor-page {
-  min-height: 100vh;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+	min-height: 100vh;
+	background: #fff;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui",
+		"Hiragino Sans GB", "Microsoft Yahei", sans-serif;
 }
 
 .header {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 90rpx;
-  padding: 0 30rpx;
-  position: relative;
-  border-bottom: 1rpx solid #f5f5f5;
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 90rpx;
+	padding: 0 30rpx;
+	position: relative;
+	border-bottom: 1rpx solid #f5f5f5;
 
-  .back-btn {
-    width: 60rpx;
-    height: 90rpx;
-    display: flex;
-    align-items: center;
-  }
+	.back-btn {
+		width: 60rpx;
+		height: 90rpx;
+		display: flex;
+		align-items: center;
+	}
 
-  .back-icon {
-    font-size: 38rpx;
-    color: #323233;
-  }
+	.back-icon {
+		font-size: 38rpx;
+		color: #323233;
+	}
 
-  .title {
-    font-size: 36rpx;
-    color: #323233;
-    font-weight: 500;
-    letter-spacing: 0.5rpx;
-  }
+	.title {
+		font-size: 36rpx;
+		color: #323233;
+		font-weight: 500;
+		letter-spacing: 0.5rpx;
+	}
 
-  .right-placeholder {
-    width: 60rpx;
-  }
+	.right-placeholder {
+		width: 60rpx;
+	}
 }
 
 .page-content {
-  flex: 1;
-  height: 0;
+	flex: 1;
+	height: 0;
 }
 
 .content-wrapper {
-  min-height: 100%;
-  padding: 0 0 calc(240rpx + env(safe-area-inset-bottom));
-  background: #fff;
+	min-height: 100%;
+	padding: 0 0 calc(240rpx + env(safe-area-inset-bottom));
+	background: #fff;
 }
 
 .tips-box {
-  padding: 24rpx 30rpx;
-  background: #FFF7E6;
-  display: flex;
-  align-items: center;
+	padding: 24rpx 30rpx;
+	background: #fff7e6;
+	display: flex;
+	align-items: center;
 
-  .tips-icon {
-    margin-right: 12rpx;
-    color: #FF9900;
-  }
+	.tips-icon {
+		margin-right: 12rpx;
+		color: #ff9900;
+	}
 
-  .tips-text {
-    font-size: 28rpx;
-    color: #666;
-    line-height: 1.4;
-  }
+	.tips-text {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.4;
+	}
 }
 
 .form-content {
-  padding: 0 30rpx;
+	padding: 0 30rpx;
 }
 
 .form-item {
-  padding: 32rpx 0;
-  border-bottom: 1rpx solid rgba(0, 0, 0, 0.06);
+	padding: 32rpx 0;
+	border-bottom: 1rpx solid rgba(0, 0, 0, 0.06);
 
-  .label {
-    font-size: 30rpx;
-    color: #323233;
-    font-weight: 400;
-    margin-right: 12rpx;
-    line-height: 1.4;
-  }
+	.label {
+		font-size: 30rpx;
+		color: #323233;
+		font-weight: 400;
+		margin-right: 12rpx;
+		line-height: 1.4;
+	}
 
-  .required {
-    font-size: 28rpx;
-    color: #EE0A24;
-  }
+	.required {
+		font-size: 28rpx;
+		color: #ee0a24;
+	}
 
-  .input {
-    margin-top: 24rpx;
-    font-size: 30rpx;
-    color: #323233;
-    width: 100%;
-  }
+	.input {
+		margin-top: 24rpx;
+		font-size: 30rpx;
+		color: #323233;
+		width: 100%;
+	}
 }
 
 .switch-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
 }
 
 .select-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
 }
 
 .select-right {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 
-  .select-value {
-    font-size: 30rpx;
-    color: #969799;
-  }
+	.select-value {
+		font-size: 30rpx;
+		color: #969799;
+	}
 
-  .select-arrow {
-    margin-left: 12rpx;
-    font-size: 28rpx;
-    color: #969799;
-  }
+	.select-arrow {
+		margin-left: 12rpx;
+		font-size: 28rpx;
+		color: #969799;
+	}
 }
 
 .placeholder {
-  color: #969799;
-  font-size: 30rpx;
+	color: #969799;
+	font-size: 30rpx;
 }
 
-.companion-item, .car-item {
-  padding: 24rpx 0;
+.companion-item,
+.car-item {
+	padding: 24rpx 0;
 
-  .companion-inputs {
-    display: flex;
-    gap: 24rpx;
-  }
+	.companion-inputs {
+		display: flex;
+		gap: 24rpx;
+	}
 
-  .companion-input, .car-input {
-    flex: 1;
-    height: 88rpx;
-    background: #F7F8FA;
-    border-radius: 8rpx;
-    padding: 0 24rpx;
-    font-size: 30rpx;
-    color: #323233;
-  }
+	.companion-input,
+	.car-input {
+		flex: 1;
+		height: 88rpx;
+		background: #f7f8fa;
+		border-radius: 8rpx;
+		padding: 0 24rpx;
+		font-size: 30rpx;
+		color: #323233;
+	}
 }
 
 .delete-text {
-  display: block;
-  text-align: right;
-  color: #EE0A24;
-  font-size: 28rpx;
-  margin-top: 12rpx;
-  padding: 8rpx 0;
+	display: block;
+	text-align: right;
+	color: #ee0a24;
+	font-size: 28rpx;
+	margin-top: 12rpx;
+	padding: 8rpx 0;
 }
 
 .add-btn {
-  margin: 24rpx 0;
-  display: flex;
-  align-items: center;
-  padding: 8rpx 0;
+	margin: 24rpx 0;
+	display: flex;
+	align-items: center;
+	padding: 8rpx 0;
 
-  .add-icon {
-    font-size: 32rpx;
-    color: #1989FA;
-    margin-right: 12rpx;
-  }
+	.add-icon {
+		font-size: 32rpx;
+		color: #1989fa;
+		margin-right: 12rpx;
+	}
 
-  .add-text {
-    font-size: 30rpx;
-    color: #1989FA;
-    font-weight: 400;
-  }
+	.add-text {
+		font-size: 30rpx;
+		color: #1989fa;
+		font-weight: 400;
+	}
 }
 
 .submit-btn {
-  position: fixed;
-  left: 30rpx;
-  right: 30rpx;
-  bottom: calc(120rpx + env(safe-area-inset-bottom));
-  height: 88rpx;
-  background: #1989FA;
-  border-radius: 44rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  font-size: 32rpx;
-  font-weight: 500;
-  letter-spacing: 1rpx;
-  box-shadow: 0 4rpx 8rpx rgba(25, 137, 250, 0.12);
-  z-index: 99;
+	position: fixed;
+	left: 30rpx;
+	right: 30rpx;
+	bottom: calc(120rpx + env(safe-area-inset-bottom));
+	height: 88rpx;
+	background: #1989fa;
+	border-radius: 44rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: #fff;
+	font-size: 32rpx;
+	font-weight: 500;
+	letter-spacing: 1rpx;
+	box-shadow: 0 4rpx 8rpx rgba(25, 137, 250, 0.12);
+	z-index: 99;
 }
 
 // 优化switch样式
 :deep(.uni-switch-input) {
-  background-color: #dcdee0 !important;
+	background-color: #dcdee0 !important;
 
-  &.uni-switch-input-checked {
-    background-color: #1989FA !important;
-  }
+	&.uni-switch-input-checked {
+		background-color: #1989fa !important;
+	}
 }
 
 // 添加时间选择器相关样式
 .popup {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 100;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 100;
 
-  .popup-mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.4);
-  }
+	.popup-mask {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.4);
+	}
 
-  .popup-content {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 100rpx;
-    background: #fff;
-    border-radius: 24rpx 24rpx 0 0;
-    max-height: 80vh;
-    display: flex;
-    flex-direction: column;
-  }
+	.popup-content {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 100rpx;
+		background: #fff;
+		border-radius: 24rpx 24rpx 0 0;
+		max-height: 80vh;
+		display: flex;
+		flex-direction: column;
+	}
 }
 
 .popup-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 32rpx;
-  border-bottom: 1rpx solid #f5f5f5;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 32rpx;
+	border-bottom: 1rpx solid #f5f5f5;
 
-  .popup-title {
-    font-size: 32rpx;
-    color: #323233;
-    font-weight: 500;
-  }
+	.popup-title {
+		font-size: 32rpx;
+		color: #323233;
+		font-weight: 500;
+	}
 
-  .popup-close {
-    font-size: 40rpx;
-    color: #969799;
-    padding: 10rpx;
-  }
+	.popup-close {
+		font-size: 40rpx;
+		color: #969799;
+		padding: 10rpx;
+	}
 }
 
 .time-picker {
-  padding: 24rpx 0;
+	padding: 24rpx 0;
 }
 
 .date-list {
-  display: flex;
-  padding: 0 24rpx;
-  margin-bottom: 24rpx;
+	display: flex;
+	padding: 0 24rpx;
+	margin-bottom: 24rpx;
 
-  .date-item {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 16rpx 0;
+	.date-item {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 16rpx 0;
 
-    &.active {
-      background: #E8F3FF;
-      border-radius: 8rpx;
+		&.active {
+			background: #e8f3ff;
+			border-radius: 8rpx;
 
-      .date-week, .date-day {
-        color: #1989FA;
-      }
-    }
+			.date-week,
+			.date-day {
+				color: #1989fa;
+			}
+		}
 
-    .date-week {
-      font-size: 28rpx;
-      color: #323233;
-      margin-bottom: 8rpx;
-    }
+		.date-week {
+			font-size: 28rpx;
+			color: #323233;
+			margin-bottom: 8rpx;
+		}
 
-    .date-day {
-      font-size: 26rpx;
-      color: #969799;
-    }
-  }
+		.date-day {
+			font-size: 26rpx;
+			color: #969799;
+		}
+	}
 }
 
 .time-list {
-  padding: 0 24rpx;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 20rpx;
+	padding: 0 24rpx;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 20rpx;
 
-  .time-item {
-    width: calc((100% - 40rpx) / 3);
-    height: 72rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #F7F8FA;
-    border-radius: 8rpx;
-    font-size: 28rpx;
-    color: #323233;
+	.time-item {
+		width: calc((100% - 40rpx) / 3);
+		height: 72rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: #f7f8fa;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+		color: #323233;
 
-    &.active {
-      background: #E8F3FF;
-      color: #1989FA;
-    }
-  }
+		&.active {
+			background: #e8f3ff;
+			color: #1989fa;
+		}
+	}
 }
 
 .popup-footer {
-  position: relative;
-  padding: 24rpx 32rpx;
-  background: #fff;
-  border-top: 1rpx solid #f5f5f5;
-  margin-bottom: env(safe-area-inset-bottom);
+	position: relative;
+	padding: 24rpx 32rpx;
+	background: #fff;
+	border-top: 1rpx solid #f5f5f5;
+	margin-bottom: env(safe-area-inset-bottom);
 
-  .confirm-btn {
-    height: 88rpx;
-    background: #1989FA;
-    border-radius: 44rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    font-size: 32rpx;
-    font-weight: 500;
-  }
+	.confirm-btn {
+		height: 88rpx;
+		background: #1989fa;
+		border-radius: 44rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #fff;
+		font-size: 32rpx;
+		font-weight: 500;
+	}
 }
 
 .dept-list {
-  flex: 1;
-  max-height: 60vh;
-  padding: 20rpx 0;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
+	flex: 1;
+	max-height: 60vh;
+	padding: 20rpx 0;
+	overflow-y: auto;
+	-webkit-overflow-scrolling: touch;
 }
 
 .dept-item {
-  padding: 24rpx 32rpx;
-  font-size: 28rpx;
-  color: #323233;
+	padding: 24rpx 32rpx;
+	font-size: 28rpx;
+	color: #323233;
 
-  &.active {
-    color: #1989FA;
-    background: #F5F5F5;
-  }
+	&.active {
+		color: #1989fa;
+		background: #f5f5f5;
+	}
 
-  &.level-1 {
-    font-weight: 500;
-  }
+	&.level-1 {
+		font-weight: 500;
+	}
 
-  &.level-2 {
-    padding-left: 64rpx;
-  }
+	&.level-2 {
+		padding-left: 64rpx;
+	}
 
-  &.level-3 {
-    padding-left: 96rpx;
-  }
+	&.level-3 {
+		padding-left: 96rpx;
+	}
 }
 
 // 增加底部空间
 .dept-list::after {
-  content: '';
-  display: block;
-  height: 400rpx; // 增加更多的底部空间
-  width: 100%;
+	content: "";
+	display: block;
+	height: 400rpx; // 增加更多的底部空间
+	width: 100%;
 }
 
 // 添加用户选择相关样式
 .search-box {
-  padding: 20rpx 32rpx;
-  border-bottom: 1rpx solid #f5f5f5;
+	padding: 20rpx 32rpx;
+	border-bottom: 1rpx solid #f5f5f5;
 }
 
 .search-input {
-  height: 72rpx;
-  background: #F7F8FA;
-  border-radius: 36rpx;
-  padding: 0 32rpx;
-  font-size: 28rpx;
+	height: 72rpx;
+	background: #f7f8fa;
+	border-radius: 36rpx;
+	padding: 0 32rpx;
+	font-size: 28rpx;
 }
 
 .search-placeholder {
-  color: #969799;
+	color: #969799;
 }
 
 .user-list {
-  padding: 20rpx 0;
+	padding: 20rpx 0;
 }
 
 .user-item {
-  padding: 24rpx 32rpx;
-  font-size: 28rpx;
-  color: #323233;
-  display: flex;
-  align-items: center;
-  
-  &.active {
-    color: #1989FA;
-    background: #F5F5F5;
-  }
-  
-  .user-name {
-    flex: 1;
-  }
+	padding: 24rpx 32rpx;
+	font-size: 28rpx;
+	color: #323233;
+	display: flex;
+	align-items: center;
+
+	&.active {
+		color: #1989fa;
+		background: #f5f5f5;
+	}
+
+	.user-name {
+		flex: 1;
+	}
 }
 
 .empty-tip {
-  padding: 40rpx;
-  text-align: center;
-  color: #969799;
-  font-size: 28rpx;
+	padding: 40rpx;
+	text-align: center;
+	color: #969799;
+	font-size: 28rpx;
 }
 
 .bottom-safe-area {
-  display: none;
+	display: none;
 }
 </style>
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index ca6598d..543b15b 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -32,7 +32,7 @@
 			</view>
 		</view>
 
-		<view v-if="isDevEnv()" class="flex-col-center m-t-40rpx m-x-30rpx">
+		<!-- <view v-if="isDevEnv()" class="flex-col-center m-t-40rpx m-x-30rpx">
 			<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doLogout">
 				退出登录
 			</view>
@@ -41,7 +41,7 @@
 			<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doChangeRole">
 				切换角色
 			</view>
-		</view>
+		</view> -->
 	</crud-layout>
 </template>
 
@@ -76,13 +76,13 @@ const state = reactive<{
 		// { text: "外来人员就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/foreign-list" },
 		// { text: "跨单位就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/stride-list" },
 		{ text: "人脸管理", icon: "/static/icon/service_5.png", router: "/pages/human-face/list" },
-    // { text: "访客", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/index" },
-    // { text: "访客记录", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/myvisitor" },
-    // { text: "访客邀约", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/myyyvisitor" },
-    // { text: "邀约记录", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/myyyvisitorlist" },
-    // { text: "访客核销", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/verify" },
+		// { text: "访客", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/index" },
+		// { text: "访客记录", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/myvisitor" },
+		// { text: "访客邀约", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/myyyvisitor" },
+		// { text: "邀约记录", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/myyyvisitorlist" },
+		// { text: "访客核销", icon: "/static/icon/service_5.png", router: "/pages/integrated/visitor/verify" },
 
-    // { text: "意见反馈", icon: "/static/icon/service_5.png", router: "/pages/integrated/feedback/index" }
+		// { text: "意见反馈", icon: "/static/icon/service_5.png", router: "/pages/integrated/feedback/index" }
 	],
 	appInfo: "",
 })
@@ -326,7 +326,8 @@ const scanCode = {
 	},
 }
 
-const onTabLogin = () => (isDevEnv() ? router.jump("/pages/test/login") : login.checkAppInfo())
+// const onTabLogin = () => (isDevEnv() ? router.jump("/pages/test/login") : login.checkAppInfo())
+const onTabLogin = () => router.jump("/pages/test/login")
 
 const onTabMenu = async (item: any, index: number) => {
 	if (index == state.menuList.length - 1) {
@@ -356,18 +357,18 @@ const doChangeRole = () => {
 
 // 初始化配置菜单
 const initMenuConfig = () => {
-	if (isDevEnv()) {
-		state.menuList.push({
-			text: "测试-登录",
-			icon: "/static/icon/login.png",
-			router: "/pages/test/login",
-		})
-		state.menuList.push({
-			text: "测试-角色选择",
-			icon: "/static/icon/login.png",
-			router: "/pages/user/userRole",
-		})
-	}
+	// if (isDevEnv()) {
+	// 	state.menuList.push({
+	// 		text: "测试-登录",
+	// 		icon: "/static/icon/login.png",
+	// 		router: "/pages/test/login",
+	// 	})
+	// 	state.menuList.push({
+	// 		text: "测试-角色选择",
+	// 		icon: "/static/icon/login.png",
+	// 		router: "/pages/user/userRole",
+	// 	})
+	// }
 }
 
 onLoad(async () => {
@@ -378,7 +379,7 @@ onLoad(async () => {
 	initMenuConfig()
 
 	// 获取应用信息
-	state.appInfo = await getAppInfo()
+	// state.appInfo = await getAppInfo()
 })
 
 onShow(() => {