修改bug,优化导航

property-uniapp-project/pageSubPack/visitor/visitor-add.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="visitor-invite">
+	<view class="visitor-invite" :class="{ 'no-scroll': pageFixed }">
 		<!-- 标签切换：车辆来访/人员来访 -->
 		<view class="tab-wrap">
 			<view class="tab-item" :class="{ active: activeTab === 'car' }" @click="switchTab('car')">
@@ -32,7 +32,7 @@
 
 				<view class="form-item">
 					<view class="label">访客姓名</view>
-					<input class="input" placeholder="请输入访客姓名" v-model="form.name" />
+					<input class="input" placeholder="请输入访客姓名" v-model="form.name" maxlength="20" />
 				</view>
 				<view class="form-item">
 					<view class="label">
@@ -107,7 +107,7 @@
 		</view>
 
 		<!-- 地址选择弹窗 -->
-		<uni-popup ref="addressModalRef" type="bottom" :mask-click="false">
+		<uni-popup ref="addressModalRef" type="bottom" :mask-click="false" @change="onAddressModalChange">
 			<view class="modal-wrap">
 				<view class="modal-title">选择来访地址</view>
 				<view class="address-list">
@@ -121,7 +121,7 @@
 		</uni-popup>
 
 		<!-- 性别选择弹窗 -->
-		<uni-popup ref="genderModalRef" type="bottom" :mask-click="false">
+		<uni-popup ref="genderModalRef" type="bottom" :mask-click="false" @change="onGenderModalChange">
 			<view class="modal-wrap">
 				<view class="gender-list">
 					<view class="gender-item" :class="{ active: item === form.gender }" v-for="item in genderList"
@@ -172,8 +172,11 @@
 	const addressModalRef = ref(null);
 	const genderModalRef = ref(null);
 
+// 页面固定标志
+const pageFixed = ref(false);
+
 	// 车牌号输入框聚焦索引
-	const carFocusIndex = ref(0);
+	const carFocusIndex = ref(-1);
 
 	// =========方法===========
 	// 获取房屋列表
@@ -215,6 +218,11 @@
 		addressModalRef.value.close();
 	};
 
+	// 地址弹窗状态变化
+	const onAddressModalChange = (e) => {
+		pageFixed.value = e.show;
+	};
+
 	// 选择地址
 	const selectAddress = (item) => {
 		form.address = item.label;
@@ -234,6 +242,11 @@
 		genderModalRef.value.close();
 	};
 
+	// 性别弹窗状态变化
+	const onGenderModalChange = (e) => {
+		pageFixed.value = e.show;
+	};
+
 	// 车牌号单格输入
 	const onCarInput = (index, e) => {
 		const val = (e.detail && e.detail.value !== undefined) ? e.detail.value : (e.target ? e.target.value : '');
@@ -406,6 +419,15 @@
 		min-height: 100vh;
 	}
 
+	.no-scroll {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		overflow: hidden;
+	}
+
 	/* 导航栏 */
 	.nav-bar {
 		display: flex;