From 231de9cde8f83577528975f9d068eb05fc321ad9 Mon Sep 17 00:00:00 2001
From: zhouyanli <593579392@qq.com>
Date: Wed, 6 May 2026 17:48:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E8=AE=BF=E5=AE=A2=E9=82=80?=
 =?UTF-8?q?=E8=AF=B7=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/uqrcode/uqrcode.vue            |  113 --
 .../pageSubPack/api/api.js                    |    8 +
 .../pageSubPack/api/request.js                |    2 +-
 .../loginSub/register-new-user.vue            |  718 ++++++------
 .../pageSubPack/notice-list/selectHome.vue    |    2 +-
 .../online-repair/onlineRepair.vue            |    2 +-
 .../online-repair/personalRepair.vue          |    4 +-
 .../online-repair/repairSelect.vue            |   12 +-
 .../pageSubPack/online-repair/selectHouse.vue |    4 +-
 .../pageSubPack/visitor/qrcode-page.vue       |   87 +-
 .../pageSubPack/visitor/visitor-add.vue       | 1000 +++++++++--------
 .../pageSubPack/visitor/visitor-detail.vue    |   80 +-
 .../pageSubPack/visitor/visitor-list.vue      |   33 +-
 13 files changed, 1028 insertions(+), 1037 deletions(-)
 delete mode 100644 property-uniapp-project/components/uqrcode/uqrcode.vue

diff --git a/property-uniapp-project/components/uqrcode/uqrcode.vue b/property-uniapp-project/components/uqrcode/uqrcode.vue
deleted file mode 100644
index 4c8cd88..0000000
--- a/property-uniapp-project/components/uqrcode/uqrcode.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-	<canvas v-if="value" :type="type" :style="{width: size + 'px', height: size + 'px'}" :canvas-id="canvasId"
-		ref="qrcodeCanvas"></canvas>
-</template>
-
-<script setup>
-	import {
-		ref,
-		onMounted,
-		watch
-	} from 'vue';
-	import {
-		uqrcode
-	} from 'uqrcodejs'
-
-	const props = defineProps({
-		// 二维码内容（必填，如链接/文本）
-		value: {
-			type: String,
-			default: ''
-		},
-		// 尺寸（默认300px）
-		size: {
-			type: [Number, String],
-			default: 300
-		},
-		// 二维码颜色
-		color: {
-			type: String,
-			default: '#000000'
-		},
-		// 背景色
-		backgroundColor: {
-			type: String,
-			default: '#ffffff'
-		},
-		// logo图片地址
-		logo: {
-			type: String,
-			default: ''
-		},
-		// logo大小（占二维码比例）
-		logoSize: {
-			type: Number,
-			default: 0.2
-		},
-		// canvas 类型（小程序需指定）
-		type: {
-			type: String,
-			default: '2d'
-		},
-		// canvas ID（避免重复）
-		canvasId: {
-			type: String,
-			default: 'uqrcode'
-		}
-	});
-
-	const emit = defineEmits(['success', 'fail']);
-	const qrcodeCanvas = ref(null);
-
-	// 生成二维码核心方法
-	const createQRCode = async () => {
-		if (!props.value) return;
-
-		try {
-			// 引入uQRCode核心库
-			const uQRCode = require('uqrcodejs');
-
-			// 获取canvas上下文
-			const query = uni.createSelectorQuery().in(getCurrentInstance());
-			const res = await query.select(`#${props.canvasId}`).fields({
-				node: true,
-				size: true
-			}).exec();
-			const canvas = res[0].node;
-			const ctx = canvas.getContext('2d');
-
-			// 设置canvas尺寸
-			const dpr = uni.getSystemInfoSync().pixelRatio;
-			canvas.width = props.size * dpr;
-			canvas.height = props.size * dpr;
-			ctx.scale(dpr, dpr);
-
-			// 生成二维码
-			await uQRCode.default.draw({
-				canvas: canvas,
-				componentInstance: getCurrentInstance(),
-				text: props.value,
-				width: props.size,
-				color: props.color,
-				background: props.backgroundColor,
-				logo: props.logo,
-				logoSize: props.logoSize
-			});
-
-			// 生成临时图片（可选，用于分享/保存）
-			uni.canvasToTempFilePath({
-				canvasId: props.canvasId,
-				success: (res) => emit('success', res.tempFilePath),
-				fail: (err) => emit('fail', err)
-			}, getCurrentInstance());
-		} catch (err) {
-			emit('fail', err);
-		}
-	};
-
-	// 监听value变化，重新生成
-	watch(() => props.value, () => createQRCode(), {
-		immediate: true
-	});
-	onMounted(() => createQRCode());
-</script>
\ No newline at end of file
diff --git a/property-uniapp-project/pageSubPack/api/api.js b/property-uniapp-project/pageSubPack/api/api.js
index ef21a19..cdb9446 100644
--- a/property-uniapp-project/pageSubPack/api/api.js
+++ b/property-uniapp-project/pageSubPack/api/api.js
@@ -122,6 +122,14 @@ export const getRepairDetail = (data) =>{
 export const getVisitorList = (data) =>{
 	return get('/api/visitor/list',data)
 }
+// 获取详情信息
+export const getVisitorDetail = (id) =>{
+	return get(`/api/visitor/${id}`)
+}
+// 新增访客
+export const addVisitorData = (data) =>{
+	return post("/api/visitor", data)
+}
 
 // 通用文件上传
 export const uploadImage = () => {
diff --git a/property-uniapp-project/pageSubPack/api/request.js b/property-uniapp-project/pageSubPack/api/request.js
index 4ed9735..fc22abb 100644
--- a/property-uniapp-project/pageSubPack/api/request.js
+++ b/property-uniapp-project/pageSubPack/api/request.js
@@ -2,7 +2,7 @@ let baseUrl = '';
 if (process.env.NODE_ENV === 'development') {
 	// http://192.168.1.215
 	// http://192.168.0.224
-	baseUrl = 'http://192.168.1.215:8080'; // 开发环境
+	baseUrl = 'http://192.168.0.239:8080'; // 开发环境
 } else {
 	baseUrl = 'http://192.168.0.224:8080'; // 生产环境
 }
diff --git a/property-uniapp-project/pageSubPack/loginSub/register-new-user.vue b/property-uniapp-project/pageSubPack/loginSub/register-new-user.vue
index 0d4c9c7..21060b0 100644
--- a/property-uniapp-project/pageSubPack/loginSub/register-new-user.vue
+++ b/property-uniapp-project/pageSubPack/loginSub/register-new-user.vue
@@ -1,397 +1,401 @@
 <template>
-  <view class="register-page">
-	 <view class="status_bar"></view>
-    <!-- 顶部导航 -->
-    <view class="nav-bar">
-      <uni-icons type="left" size="28" color="#333" @click="goBack"></uni-icons>
-      <view class="nav-title">注册</view>
-    </view>
+	<view class="register-page">
+		<view class="status_bar"></view>
+		<!-- 顶部导航 -->
+		<view class="nav-bar">
+			<uni-icons type="left" size="28" color="#333" @click="goBack"></uni-icons>
+			<view class="nav-title">注册</view>
+		</view>
 
-    <!-- 注册标题 -->
-    <view class="register-title">注册用户</view>
+		<!-- 注册标题 -->
+		<view class="register-title">注册用户</view>
 
-    <!-- 手机号输入框 -->
-    <view class="input-item">
-      <view class="input-icon">
-		  <image src="http://47.104.199.163:9090/images/login/phone.png" mode="" style="height: 100%;width: 100%;"></image>
-      </view>
-	  <uni-easyinput  class="input-content"  type="number" v-model="phoneNumber"
-	  	  	   placeholder="请输入手机号" :inputBorder="false" maxlength="11"  :placeholderStyle="placeholderStyle">
-	  	</uni-easyinput>
-    </view>
-
-    <!-- 验证码输入 + 获取验证码按钮 -->
-    <view class="input-item verify-item">
-      <view class="input-icon">
-		  <image src="http://47.104.199.163:9090/images/login/code.png" mode="" style="height: 100%;width: 100%;"></image>
-        <!-- <uni-icons type="locked" size="24" color="#999"></uni-icons> -->
-      </view>
-	  <uni-easyinput  class="input-content verify-input"  type="number" v-model="verifyCode"
-	  	  	   placeholder="请输入验证码" :inputBorder="false" maxlength="6"  :placeholderStyle="placeholderStyle">
-	  		</uni-easyinput>
- 
-      <button 
-        class="get-verify-btn" 
-        :disabled="!canGetVerify || countDown > 0"
-        @click="getVerifyCode"
-      >
-        {{ countDown > 0 ? `${countDown}s后重新获取` : '获取验证码' }}
-      </button>
-    </view>
-
-    <!-- 账号输入框 -->
-    <view class="input-item">
-      <view class="input-icon">
-		   <image src="http://47.104.199.163:9090/images/login/account.png" mode="" style="height: 100%;width: 100%;"></image>
-        <!-- <uni-icons type="person" size="24" color="#999"></uni-icons> -->
-      </view>
-	  <uni-easyinput  class="input-content"  type="text" v-model="account"
-	  	  	   placeholder="请输入账号" :inputBorder="false"  :placeholderStyle="placeholderStyle">
-	  		</uni-easyinput>
- 
-    </view>
-
-    <!-- 密码输入框 -->
-    <view class="input-item">
-      <view class="input-icon">
-		  <image src="http://47.104.199.163:9090/images/login/password.png" mode="" style="height: 100%;width: 100%;"></image>
-        <!-- <uni-icons type="locked" size="24" color="#999"></uni-icons> -->
-      </view>
-	   <uni-easyinput  class="input-content"  type="password" v-model="password"
-		placeholder="请输入密码" :inputBorder="false" :placeholderStyle="placeholderStyle" >
-		</uni-easyinput>
-  
-    </view>
-	  <!-- 协议勾选 -->
-	    <view class="agreement-item" >
-			<view @click="toggleAgreement">
-				<uni-icons
-				  type="checkbox-filled"
-				  size="24"
-				  color="#007aff"
-				  v-if="agreeAgreement"
-				></uni-icons>
-				<uni-icons
-				  type="checkbox"
-				  size="24"
-				  color="#999"
-				  v-else
-				></uni-icons>
+		<!-- 手机号输入框 -->
+		<view class="input-item">
+			<view class="input-icon">
+				<image src="http://47.104.199.163:9090/images/login/phone.png" mode=""
+					style="height: 100%;width: 100%;"></image>
 			</view>
-	      <text class="agreement-text" @click.stop="goToPrivacy">我已阅读并同意<text class="agreePrivacy">《用户隐私政策》</text></text>
-	    </view>
-  
+			<uni-easyinput class="input-content" type="number" v-model="phoneNumber" placeholder="请输入手机号"
+				:inputBorder="false" maxlength="11" :placeholderStyle="placeholderStyle">
+			</uni-easyinput>
+		</view>
 
-    <!-- 立即注册按钮 -->
-    <button 
-      class="register-btn" 
-      :disabled="!canRegister"
-      @click="handleRegister"
-    >
-      立即注册
-    </button>
+		<!-- 验证码输入 + 获取验证码按钮 -->
+		<view class="input-item verify-item">
+			<view class="input-icon">
+				<image src="http://47.104.199.163:9090/images/login/code.png" mode="" style="height: 100%;width: 100%;">
+				</image>
+				<!-- <uni-icons type="locked" size="24" color="#999"></uni-icons> -->
+			</view>
+			<uni-easyinput class="input-content verify-input" type="number" v-model="verifyCode" placeholder="请输入验证码"
+				:inputBorder="false" maxlength="6" :placeholderStyle="placeholderStyle">
+			</uni-easyinput>
 
-    <!-- 跳转登录链接 -->
-    <view class="login-link">
-      <navigator class="link-item" url="/pageSubPack/loginSub/login">已有账号，去登录</navigator>
-    </view>
-  </view>
+			<button class="get-verify-btn" :disabled="!canGetVerify || countDown > 0" @click="getVerifyCode">
+				{{ countDown > 0 ? `${countDown}s后重新获取` : '获取验证码' }}
+			</button>
+		</view>
+
+		<!-- 账号输入框 -->
+		<view class="input-item">
+			<view class="input-icon">
+				<image src="http://47.104.199.163:9090/images/login/account.png" mode=""
+					style="height: 100%;width: 100%;"></image>
+				<!-- <uni-icons type="person" size="24" color="#999"></uni-icons> -->
+			</view>
+			<uni-easyinput class="input-content" type="text" v-model="account" placeholder="请输入账号" :inputBorder="false"
+				:placeholderStyle="placeholderStyle">
+			</uni-easyinput>
+
+		</view>
+
+		<!-- 密码输入框 -->
+		<view class="input-item">
+			<view class="input-icon">
+				<image src="http://47.104.199.163:9090/images/login/password.png" mode=""
+					style="height: 100%;width: 100%;"></image>
+				<!-- <uni-icons type="locked" size="24" color="#999"></uni-icons> -->
+			</view>
+			<uni-easyinput class="input-content" type="password" v-model="password" placeholder="请输入密码"
+				:inputBorder="false" :placeholderStyle="placeholderStyle">
+			</uni-easyinput>
+
+		</view>
+		<!-- 协议勾选 -->
+		<view class="agreement-item">
+			<view @click="toggleAgreement">
+				<uni-icons type="checkbox-filled" size="24" color="#007aff" v-if="agreeAgreement"></uni-icons>
+				<uni-icons type="checkbox" size="24" color="#999" v-else></uni-icons>
+			</view>
+			<text class="agreement-text" @click.stop="goToPrivacy">我已阅读并同意<text
+					class="agreePrivacy">《用户隐私政策》</text></text>
+		</view>
+
+
+		<!-- 立即注册按钮 -->
+		<button class="register-btn" :disabled="!canRegister" @click="handleRegister">
+			立即注册
+		</button>
+
+		<!-- 跳转登录链接 -->
+		<view class="login-link">
+			<navigator class="link-item" url="/pageSubPack/loginSub/login">已有账号，去登录</navigator>
+		</view>
+	</view>
 </template>
 
 <script setup>
-import { ref, computed, onUnmounted } from 'vue';
-import {getRegisterUser,getSendCode} from '../api/api.js'
+	import {
+		ref,
+		computed,
+		onUnmounted
+	} from 'vue';
+	import {
+		getRegisterUser,
+		getSendCode
+	} from '../api/api.js'
 
-// ========== 响应式数据 ==========
-// 表单数据
-const phoneNumber = ref('');
-const verifyCode = ref('');
-const account = ref('');
-const password = ref('');
-const placeholderStyle = ref('font-size:24rpx')
-// 协议勾选
-const agreeAgreement = ref(false);
-// 验证码倒计时
-const countDown = ref(0);
-let timer = null;
+	// ========== 响应式数据 ==========
+	// 表单数据
+	const phoneNumber = ref('');
+	const verifyCode = ref('');
+	const account = ref('');
+	const password = ref('');
+	const placeholderStyle = ref('font-size:24rpx')
+	// 协议勾选
+	const agreeAgreement = ref(false);
+	// 验证码倒计时
+	const countDown = ref(0);
+	let timer = null;
 
-// ========== 计算属性 ==========
-// 是否可获取验证码（手机号格式正确）
-const canGetVerify = computed(() => {
-  const phoneReg = /^1[3-9]\d{9}$/;
-  return phoneReg.test(phoneNumber.value);
-});
+	// ========== 计算属性 ==========
+	// 是否可获取验证码（手机号格式正确）
+	const canGetVerify = computed(() => {
+		const phoneReg = /^1[3-9]\d{9}$/;
+		return phoneReg.test(phoneNumber.value);
+	});
 
-// 是否可注册（所有表单项+协议都满足）
-const canRegister = computed(() => {
-  const phoneReg = /^1[3-9]\d{9}$/; // 手机号11位
-  const verifyReg = /^\d{6}$/; // 验证码6位
-  const accountReg = /^.{4,20}$/; // 账号4-20位
-  const pwdReg = /^.{6,16}$/; // 密码6-16位
+	// 是否可注册（所有表单项+协议都满足）
+	const canRegister = computed(() => {
+		const phoneReg = /^1[3-9]\d{9}$/; // 手机号11位
+		const verifyReg = /^\d{6}$/; // 验证码6位
+		const accountReg = /^.{4,20}$/; // 账号4-20位
+		const pwdReg = /^.{6,16}$/; // 密码6-16位
 
-  return phoneReg.test(phoneNumber.value) 
-    && verifyReg.test(verifyCode.value) 
-    && accountReg.test(account.value) 
-    && pwdReg.test(password.value) 
-    && agreeAgreement.value;
-});
+		return phoneReg.test(phoneNumber.value) &&
+			verifyReg.test(verifyCode.value) &&
+			accountReg.test(account.value) &&
+			pwdReg.test(password.value) &&
+			agreeAgreement.value;
+	});
 
-// ========== 方法 ==========
-// 返回上一页
-const goBack = () => {
-  uni.navigateBack();
-};
+	// ========== 方法 ==========
+	// 返回上一页
+	const goBack = () => {
+		uni.navigateBack();
+	};
 
-// 切换协议勾选状态
-const toggleAgreement = () => {
-  agreeAgreement.value = !agreeAgreement.value;
-};
-// 跳转隐私协议
-const goToPrivacy = () => {
-  uni.navigateTo({
-    url:'/pageSubPack/loginSub/privacy',
-  })
-}
-// 检查表单状态（实时更新按钮状态）
-const checkForm = () => {};
+	// 切换协议勾选状态
+	const toggleAgreement = () => {
+		agreeAgreement.value = !agreeAgreement.value;
+	};
+	// 跳转隐私协议
+	const goToPrivacy = () => {
+		uni.navigateTo({
+			url: '/pageSubPack/loginSub/privacy',
+		})
+	}
+	// 检查表单状态（实时更新按钮状态）
+	const checkForm = () => {};
 
 
-// 获取验证码
-const getVerifyCode = () => {
-  if (!canGetVerify.value) return;
-  let params = {
-	  phone:phoneNumber.value,
-	  scene:'register'
-  }
-  getSendCode(params).then(res =>{
-	  if(res.code === 200){
-		 uni.showToast({
-		   title: '验证码已发送',
-		   icon: 'success'
-		 }); 
-		 // 开始60秒倒计时
-		 countDown.value = 60;
-		 timer = setInterval(() => {
-		   countDown.value--;
-		   if (countDown.value <= 0) {
-		     clearInterval(timer);
-		     timer = null;
-		   }
-		 }, 1000);
-		
-	  }else{
-		 uni.showToast({
-		   title: '验证码发送失败',
-		   icon: 'error'
-		 }); 
-	  }
-  }).catch(err =>{
-	  uni.showToast({
-	    title: '网路异常',
-	    icon: 'error'
-	  }); 
-  })
+	// 获取验证码
+	const getVerifyCode = () => {
+		if (!canGetVerify.value) return;
+		let params = {
+			phone: phoneNumber.value,
+			scene: 'register'
+		}
+		getSendCode(params).then(res => {
+			if (res.code === 200) {
+				uni.showToast({
+					title: '验证码已发送',
+					icon: 'success'
+				});
+				// 开始60秒倒计时
+				countDown.value = 60;
+				timer = setInterval(() => {
+					countDown.value--;
+					if (countDown.value <= 0) {
+						clearInterval(timer);
+						timer = null;
+					}
+				}, 1000);
 
-  
-};
+			} else {
+				uni.showToast({
+					title: '验证码发送失败',
+					icon: 'error'
+				});
+			}
+		}).catch(err => {
+			uni.showToast({
+				title: '网路异常',
+				icon: 'error'
+			});
+		})
 
-// 处理注册逻辑
-const handleRegister = () => {
-  if (!canRegister.value) return;
-  uni.showLoading({ title: '注册中...', mask: true });
-  let params = {
-	  phone:phoneNumber.value,
-	  smsCode:verifyCode.value,
-	  username:account.value,
-	  password:password.value
-  }
-  getRegisterUser(params).then(res =>{
-	    if(res.code === 200){
-			uni.hideLoading();
-	  		 uni.showToast({
-	  		   title: '注册成功',
-	  		   icon: 'success'
-	  		 });
-			setTimeout(() => {
-				 uni.redirectTo({ url: '/pageSubPack/loginSub/pwd-login' });
-			 }, 1500);	
-					 
-	  	  }else{
-	  		 uni.showToast({
-	  		   title: '注册失败',
-	  		   icon: 'error'
-	  		 }); 
-	  	  }
-  }).catch((err) =>{
-	  uni.showToast({
-	  		title: '网络异常', 
-	  		icon: 'error' 
-	  	});
-  })
-  // 注册成功后跳转到登录页
-  // uni.redirectTo({
-  //   url: '/pages/login/pwd-login'
-  // });
-  
-  // setTimeout(() => { 
-  
-  // }, 1500);
-};
 
-// ========== 生命周期 ==========
-// 页面卸载时清除定时器
-onUnmounted(() => {
-  if (timer) {
-    clearInterval(timer);
-  }
-});
+	};
+
+	// 处理注册逻辑
+	const handleRegister = () => {
+		if (!canRegister.value) return;
+		uni.showLoading({
+			title: '注册中...',
+			mask: true
+		});
+		let params = {
+			phone: phoneNumber.value,
+			smsCode: verifyCode.value,
+			username: account.value,
+			password: password.value
+		}
+		getRegisterUser(params).then(res => {
+			if (res.code === 200) {
+				uni.hideLoading();
+				uni.showToast({
+					title: '注册成功',
+					icon: 'success'
+				});
+				setTimeout(() => {
+					uni.redirectTo({
+						url: '/pageSubPack/loginSub/pwd-login'
+					});
+				}, 1500);
+
+			} else {
+				uni.showToast({
+					title: '注册失败',
+					icon: 'error'
+				});
+			}
+		}).catch((err) => {
+			uni.showToast({
+				title: '网络异常',
+				icon: 'error'
+			});
+		})
+		// 注册成功后跳转到登录页
+		// uni.redirectTo({
+		//   url: '/pages/login/pwd-login'
+		// });
+
+		// setTimeout(() => { 
+
+		// }, 1500);
+	};
+
+	// ========== 生命周期 ==========
+	// 页面卸载时清除定时器
+	onUnmounted(() => {
+		if (timer) {
+			clearInterval(timer);
+		}
+	});
 </script>
 
 <style scoped>
-/* 页面容器 */
-.register-page {
-  padding: 20rpx 40rpx 40rpx;
-  /* background-color: #f8f9fa; */
-  min-height: 100vh;
-   background: repeating-linear-gradient(180deg, #E2F0FF, #F6FAFF );
-}
- .status_bar {
-	 height: 46px;
-	 width: 100%;
+	/* 页面容器 */
+	.register-page {
+		padding: 20rpx 40rpx 40rpx;
+		/* background-color: #f8f9fa; */
+		min-height: 100vh;
+		background: repeating-linear-gradient(180deg, #E2F0FF, #F6FAFF);
 	}
 
-/* 顶部导航栏 */
-.nav-bar {
-  display: flex;
-  align-items: center;
-  /* height: 88rpx; */
-  margin-bottom: 70rpx;
-}
+	.status_bar {
+		height: 46px;
+		width: 100%;
+	}
 
-.nav-title {
-  flex: 1;
-  text-align: center;
-  font-size: 36rpx;
-  font-weight: 500;
-  color: #333;
-  margin-right: 100rpx;
-}
+	/* 顶部导航栏 */
+	.nav-bar {
+		display: flex;
+		align-items: center;
+		/* height: 88rpx; */
+		margin-bottom: 70rpx;
+	}
 
-/* 注册标题 */
-.register-title {
-  font-size: 40rpx;
-  font-weight: 600;
-  color: #333;
-  margin-bottom: 60rpx;
-}
+	.nav-title {
+		flex: 1;
+		text-align: center;
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #333;
+		margin-right: 100rpx;
+	}
 
-/* 输入框通用样式 */
-.input-item {
-  display: flex;
-  align-items: center;
-  background-color: #fff;
-  border-radius: 40rpx;
-  padding: 0 30rpx;
-  height: 88rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
-}
+	/* 注册标题 */
+	.register-title {
+		font-size: 40rpx;
+		font-weight: 600;
+		color: #333;
+		margin-bottom: 60rpx;
+	}
 
-/* 验证码输入项特殊布局 */
-.verify-item {
-  position: relative;
-  padding-right: 220rpx;
-}
+	/* 输入框通用样式 */
+	.input-item {
+		display: flex;
+		align-items: center;
+		background-color: #fff;
+		border-radius: 40rpx;
+		padding: 0 30rpx;
+		height: 88rpx;
+		margin-bottom: 30rpx;
+		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+	}
 
-/* 输入框图标 */
-.input-icon {
-  margin-right: 20rpx;
-  color: #999;
-  width: 50rpx;
-  height: 50rpx;
-}
+	/* 验证码输入项特殊布局 */
+	.verify-item {
+		position: relative;
+		padding-right: 220rpx;
+	}
 
-/* 输入框内容 */
-.input-content {
-  flex: 1;
-  font-size: 32rpx;
-  color: #333;
-  height: 100%;
-}
+	/* 输入框图标 */
+	.input-icon {
+		margin-right: 20rpx;
+		color: #999;
+		width: 50rpx;
+		height: 50rpx;
+	}
 
-.verify-input {
-  padding-right: 20rpx;
-}
+	/* 输入框内容 */
+	.input-content {
+		flex: 1;
+		font-size: 32rpx;
+		color: #333;
+		height: 100%;
+	}
 
-/* 获取验证码按钮 */
-.get-verify-btn {
-  position: absolute;
-  right: 10rpx;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 200rpx;
-  height: 70rpx;
-  line-height: 70rpx;
-  background-color: #007aff;
-  color: #fff;
-  border-radius: 35rpx;
-  font-size: 26rpx;
-  padding: 0;
-  margin: 0;
-}
+	.verify-input {
+		padding-right: 20rpx;
+	}
 
-.get-verify-btn:disabled {
-  background-color: #ccc;
-  color: #fff;
-}
-.get-verify-btn::after{
-	border-radius: 50px;
-}
+	/* 获取验证码按钮 */
+	.get-verify-btn {
+		position: absolute;
+		right: 10rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 200rpx;
+		height: 70rpx;
+		line-height: 70rpx;
+		background-color: #007aff;
+		color: #fff;
+		border-radius: 35rpx;
+		font-size: 26rpx;
+		padding: 0;
+		margin: 0;
+	}
 
-/* 协议勾选项 */
-.agreement-item {
-  display: flex;
-  align-items: center;
-  margin: 70rpx 0 28rpx 0;
-  padding-left: 10rpx;
-}
+	.get-verify-btn:disabled {
+		background-color: #ccc;
+		color: #fff;
+	}
 
-.agreement-text {
-  font-size: 24rpx;
-  color: #666;
-  margin-left: 10rpx;
-}
-.agreePrivacy{
-	color: #2F77FD;
-}
+	.get-verify-btn::after {
+		border-radius: 50px;
+	}
 
-/* 立即注册按钮 */
-.register-btn {
-  width: 100%;
-  height: 88rpx;
-  line-height: 88rpx;
-  background-color: #007aff;
-  color: #fff;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  margin-bottom: 40rpx;
-}
-button:after{
-	border-radius:  8px;
-}
-.register-btn:disabled {
-  background-color: #99c8ff;
-  color: #fff;
-}
+	/* 协议勾选项 */
+	.agreement-item {
+		display: flex;
+		align-items: center;
+		margin: 70rpx 0 28rpx 0;
+		padding-left: 10rpx;
+	}
 
-/* 跳转登录链接 */
-.login-link {
-  text-align: center;
-}
+	.agreement-text {
+		font-size: 24rpx;
+		color: #666;
+		margin-left: 10rpx;
+	}
 
-.link-item {
-  font-size: 28rpx;
-  color: #007aff;
-  text-decoration: none;
-}
+	.agreePrivacy {
+		color: #2F77FD;
+	}
+
+	/* 立即注册按钮 */
+	.register-btn {
+		width: 100%;
+		height: 88rpx;
+		line-height: 88rpx;
+		background-color: #007aff;
+		color: #fff;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+		margin-bottom: 40rpx;
+	}
+
+	button:after {
+		border-radius: 8px;
+	}
+
+	.register-btn:disabled {
+		background-color: #99c8ff;
+		color: #fff;
+	}
+
+	/* 跳转登录链接 */
+	.login-link {
+		text-align: center;
+	}
+
+	.link-item {
+		font-size: 28rpx;
+		color: #007aff;
+		text-decoration: none;
+	}
 </style>
\ No newline at end of file
diff --git a/property-uniapp-project/pageSubPack/notice-list/selectHome.vue b/property-uniapp-project/pageSubPack/notice-list/selectHome.vue
index e47c017..f58cf54 100644
--- a/property-uniapp-project/pageSubPack/notice-list/selectHome.vue
+++ b/property-uniapp-project/pageSubPack/notice-list/selectHome.vue
@@ -128,7 +128,7 @@ const getCommunityList = async (pageNum = 1, keyword = '') => {
     const res = await getVillageList(params)
 
     if (res.code === 200) {
-      const listData = res.data?.rows || res.data?.list || res.data || []
+      const listData = res.data || []
       const total = res.data?.total || listData.length
 
       if (pageNum === 1) {
diff --git a/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue b/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
index 943e6d4..09dc957 100644
--- a/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
+++ b/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
@@ -155,7 +155,7 @@ const fetchRepairList = async () => {
 		const res = await getQueryRepair(params);
 		// console.log('接口返回:', res);
 		if (res.code === 200) {
-			const list = res.data || [];
+			const list = res.rows || [];
 			repairList.value = list.map(item => {
 				const statusInfo = getStatusInfo(item.problemStatus);
 				const images = item.problemImageUrl ? item.problemImageUrl.split(',').filter(Boolean) : [];
diff --git a/property-uniapp-project/pageSubPack/online-repair/personalRepair.vue b/property-uniapp-project/pageSubPack/online-repair/personalRepair.vue
index ec3abaa..c28413c 100644
--- a/property-uniapp-project/pageSubPack/online-repair/personalRepair.vue
+++ b/property-uniapp-project/pageSubPack/online-repair/personalRepair.vue
@@ -349,7 +349,7 @@ const uploadImages = async () => {
   return urls
 }
 
-// ========== 表单提交 ✅ 修复：所有错误都解决 ==========
+// ========== 表单提交 ==========
 const submitForm = async () => {
   if (!houseName.value) return uni.showToast({ title: '请选择报修房屋', icon: 'none' })
   if (!projectName.value) return uni.showToast({ title: '请选择维修项目', icon: 'none' })
@@ -406,7 +406,7 @@ const submitForm = async () => {
       uni.showToast({ title: res.msg || '提交失败', icon: 'none' })
     }
   } catch (e) {
-    console.error('提交异常：', e) // 看控制台真实错误
+    // console.error('提交异常：', e) 
     uni.showToast({ title: '提交失败，请检查网络或重试', icon: 'none' })
   } finally {
     uni.hideLoading()
diff --git a/property-uniapp-project/pageSubPack/online-repair/repairSelect.vue b/property-uniapp-project/pageSubPack/online-repair/repairSelect.vue
index a863b5c..253ee31 100644
--- a/property-uniapp-project/pageSubPack/online-repair/repairSelect.vue
+++ b/property-uniapp-project/pageSubPack/online-repair/repairSelect.vue
@@ -108,11 +108,12 @@ const selectProject = (item) => {
   padding: 10px;
   height: 100vh;
   box-sizing: border-box;
+  background-color: #f9f9f9;
 }
 .search-bar {
   display: flex;
   align-items: center;
-  padding: 8px 10px;
+  padding: 15px 10px;
   background: #f5f5f5;
   border-radius: 6px;
   margin-bottom: 10px;
@@ -128,8 +129,10 @@ const selectProject = (item) => {
 .category-left {
   width: 120px;
   height: 100%;
-  background: #f8f8f8;
+  background: #fff;
   border-radius: 6px 0 0 6px;
+  margin-right: 20rpx;
+  color: #666;
 }
 .category-item {
   padding: 15px 10px;
@@ -138,8 +141,8 @@ const selectProject = (item) => {
   border-bottom: 1px solid #eee;
 }
 .category-item.active {
-  background: #fff;
-  color: #007aff;
+  background: #f9f9f9;
+  color: #222;
   font-weight: bold;
 }
 .category-right {
@@ -148,6 +151,7 @@ const selectProject = (item) => {
   background: #fff;
   border-radius: 0 6px 6px 0;
   padding: 10px;
+  text-align: center;
 }
 .project-item {
   padding: 12px 10px;
diff --git a/property-uniapp-project/pageSubPack/online-repair/selectHouse.vue b/property-uniapp-project/pageSubPack/online-repair/selectHouse.vue
index 50c3acf..0e13a10 100644
--- a/property-uniapp-project/pageSubPack/online-repair/selectHouse.vue
+++ b/property-uniapp-project/pageSubPack/online-repair/selectHouse.vue
@@ -12,7 +12,7 @@
 	  <image src="http://47.104.199.163:9090/images/repair/house.png" style="width: 48rpx;height: 48rpx;"></image>
         <view class="house-name">
 			{{ item.villageName }}
-		<view class="house-detail">{{ item.houseType }}</view>
+		<view class="house-detail">{{item.unitNo}}-{{item.floorNo}}-{{item.houseNo}}</view>
 		</view>
         
         <uni-icons type="checkbox-filled" size="20" color="#007aff" v-if="selectedHouse.id === item.id"></uni-icons>
@@ -93,7 +93,7 @@ const confirmSelect = () => {
   // 把选中的房屋信息传给表单页（通过uni.$emit）
   uni.$emit('selectHouse', {
     id: selectedHouse.value.id,
-    name: `${selectedHouse.value.villageName} ${selectedHouse.value.houseType}`
+    name: `${selectedHouse.value.villageName} ${selectedHouse.value.unitNo}-${selectedHouse.value.floorNo}-${selectedHouse.value.houseNo}`
   })
   
   // 返回上一页
diff --git a/property-uniapp-project/pageSubPack/visitor/qrcode-page.vue b/property-uniapp-project/pageSubPack/visitor/qrcode-page.vue
index d113b4e..ccf3013 100644
--- a/property-uniapp-project/pageSubPack/visitor/qrcode-page.vue
+++ b/property-uniapp-project/pageSubPack/visitor/qrcode-page.vue
@@ -1,72 +1,66 @@
 <template>
   <view class="qrcode-page">
-
     <view class="qrcode-wrap">
+      <!-- 显示后台返回的二维码图片 -->
       <view class="qrcode-box">
-        <!-- 调用uqrcode组件 -->
-        <uqrcode 
-          :value="qrcodeValue" 
-          :size="400" 
-          :logo="'http://47.104.199.163:9090/images/logo.png'"
-          :logoSize="0.2"
-          canvasId="visitor-qrcode"
-          @success="onQrcodeSuccess"
-        ></uqrcode>
-        <!-- 二维码边框装饰 -->
+        <image :src="qrcodeUrl" mode="widthFix" class="qrcode-img" />
+        
+        <!-- 四角装饰边框保留 -->
         <view class="qrcode-border border-top"></view>
         <view class="qrcode-border border-right"></view>
         <view class="qrcode-border border-bottom"></view>
         <view class="qrcode-border border-left"></view>
       </view>
 
-      <text class="qrcode-desc">桂花园（别墅）东门通行二维码</text>
+      <text class="qrcode-desc">{{houseName}}通行二维码</text>
       <text class="qrcode-tips">分享此二维码给访客，可扫码开门，单次有效</text>
     </view>
 
     <view class="btn-wrap">
-      <button class="send-btn" @click="sendToFriend">发送给好友</button>
+      <button class="send-btn"  open-type="share" :image-url="qrcodeUrl">发送给好友</button>
     </view>
   </view>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-// import { navigateBack, showToast, share } from '@dcloudio/uni-app';
-// 引入本地uqrcode组件
-import uqrcode from '@/components/uqrcode/uqrcode.vue';
+import { onLoad } from '@dcloudio/uni-app';
 
-// 二维码内容（替换为实际的通行链接）
-const qrcodeValue = ref('https://your-domain.com/visitor/123456');
-// 生成的二维码临时图片地址
+// 直接接收图片URL
+const qrcodeUrl = ref('');
 const qrcodeImage = ref('');
+const houseName = ref('')
 
-// 二维码生成成功回调
-const onQrcodeSuccess = (tempFilePath) => {
-  qrcodeImage.value = tempFilePath;
-  uni.showToast({ title: '二维码生成成功', icon: 'success' });
-};
+onLoad((option) => {
+  if (option.qrcodeUrl) {
+    // 接收后台返回的二维码图片链接
+    qrcodeUrl.value = decodeURIComponent(option.qrcodeUrl);
+    qrcodeImage.value = qrcodeUrl.value;
+	houseName.value = option.villageName
+    console.log('最终二维码图片：', qrcodeUrl.value);
+  }
+});
 
 // 分享给好友
-const sendToFriend = () => {
-  if (!qrcodeImage.value) {
-    uni.showToast({ title: '二维码生成中...', icon: 'none' });
-    return;
-  }
-  
-  uni.share({
-    provider: 'weixin',
-    type: 0,
-    title: '访客通行二维码',
-    imageUrl: qrcodeImage.value,
-    success: () => uni.showToast({ title: '分享成功' }),
-    fail: () => uni.showToast({ title: '分享失败', icon: 'none' })
-  });
-};
+// const sendToFriend = () => {
+//   if (!qrcodeImage.value) {
+//     uni.showToast({ title: '二维码生成中...', icon: 'none' });
+//     return;
+//   }
+
+//   uni.share({
+//     provider: 'weixin',
+//     type: 0,
+//     title: '访客通行二维码',
+//     imageUrl: qrcodeImage.value,
+//     success: () => uni.showToast({ title: '分享成功' }),
+//     fail: () => uni.showToast({ title: '分享失败', icon: 'none' })
+//   });
+// };
 </script>
 
 <style scoped>
 .qrcode-page {
-  /* background-color: #f8f8f8; */
   min-height: 100vh;
 }
 .qrcode-wrap {
@@ -80,7 +74,12 @@ const sendToFriend = () => {
   width: 400rpx;
   height: 400rpx;
 }
-/* 二维码边框样式 */
+/* 图片铺满 */
+.qrcode-img {
+  width: 100%;
+  height: 100%;
+}
+/* 边框装饰 */
 .qrcode-border {
   position: absolute;
   width: 40rpx;
@@ -91,7 +90,7 @@ const sendToFriend = () => {
 .border-right { top: 0; right: 0; border-left: none; border-bottom: none; }
 .border-bottom { bottom: 0; right: 0; border-left: none; border-top: none; }
 .border-left { bottom: 0; left: 0; border-right: none; border-top: none; }
-/* 文字样式 */
+
 .qrcode-desc {
   font-size: 32rpx;
   font-weight: 600;
@@ -103,9 +102,8 @@ const sendToFriend = () => {
   color: #999;
   margin-top: 10rpx;
 }
-/* 按钮样式 */
 .btn-wrap {
-  margin: 80rpx 20rpx 20rpx;
+  margin: 80rpx 40rpx 20rpx;
 }
 .send-btn {
   background-color: #007aff;
@@ -114,6 +112,5 @@ const sendToFriend = () => {
   height: 88rpx;
   font-size: 28rpx;
   line-height: 88rpx;
-  
 }
 </style>
\ No newline at end of file
diff --git a/property-uniapp-project/pageSubPack/visitor/visitor-add.vue b/property-uniapp-project/pageSubPack/visitor/visitor-add.vue
index cbfbd28..c4decfe 100644
--- a/property-uniapp-project/pageSubPack/visitor/visitor-add.vue
+++ b/property-uniapp-project/pageSubPack/visitor/visitor-add.vue
@@ -1,514 +1,572 @@
 <template>
-  <view class="visitor-invite">
-    <!-- 标签切换：车辆来访/人员来访 -->
-    <view class="tab-wrap">
-      <view 
-        class="tab-item" 
-        :class="{ active: activeTab === 'car' }"
-        @click="switchTab('car')"
-      >
-        车辆来访
-      </view>
-      <view 
-        class="tab-item" 
-        :class="{ active: activeTab === 'person' }"
-		@click="switchTab('person')"
-      >
-        人员来访
-      </view>
-    </view>
+	<view class="visitor-invite">
+		<!-- 标签切换：车辆来访/人员来访 -->
+		<view class="tab-wrap">
+			<view class="tab-item" :class="{ active: activeTab === 'car' }" @click="switchTab('car')">
+				车辆来访
+			</view>
+			<view class="tab-item" :class="{ active: activeTab === 'person' }" @click="switchTab('person')">
+				人员来访
+			</view>
+		</view>
 
-    <!-- 表单区域 -->
-    <view class="form-wrap">
-      <!-- 房屋信息 -->
-	  <view class="section-title">房屋信息</view>
-      <view class="form-section">
-        <view class="form-item">
-          <view class="label">
-            <text class="required">*</text>来访地址
-          </view>
-          <view class="value" @click="openAddressModal">
-            {{ form.address }}
-            <uni-icons type="right" size="16" color="#999"></uni-icons>
-          </view>
-        </view>
-      </view>
+		<!-- 表单区域 -->
+		<view class="form-wrap">
+			<!-- 房屋信息 -->
+			<view class="section-title">房屋信息</view>
+			<view class="form-section">
+				<view class="form-item">
+					<view class="label">
+						<text class="required">*</text>来访地址
+					</view>
+					<view class="value" @click="openAddressModal">
+						{{ form.address }}
+						<uni-icons type="right" size="16" color="#999"></uni-icons>
+					</view>
+				</view>
+			</view>
 
-      <!-- 访客信息 -->
-	   <view class="section-title">访客信息</view>
-      <view class="form-section">
-       
-        <view class="form-item">
-          <view class="label">访客姓名</view>
-          <input 
-            class="input" 
-            placeholder="请输入访客姓名" 
-            v-model="form.name"
-          />
-        </view>
-        <view class="form-item">
-          <view class="label">
-            <text class="required">*</text>访客性别
-          </view>
-          <view class="value" @click="openGenderModal">
-            {{ form.gender }}
-            <uni-icons type="right" size="16" color="#999"></uni-icons>
-          </view>
-        </view>
-        <view class="form-item">
-          <view class="label">
-            <text class="required">*</text>访客联系方式
-          </view>
-          <input 
-            class="input" 
-            placeholder="请输入联系方式" 
-            v-model="form.phone"
-            type="number"
-          />
-        </view>
+			<!-- 访客信息 -->
+			<view class="section-title">访客信息</view>
+			<view class="form-section">
 
-        <!-- 车牌号：仅车辆来访显示 -->
-        <view class="form-item" v-if="activeTab === 'car'">
-          <view class="label">
-            <text class="required">*</text>车牌号
-          </view>
-          <view class="car-number-wrap">
-            <input 
-              class="car-input" 
-              v-for="(item, index) in 8" 
-              :key="index"
-              v-model="form.carNumber[index]"
-              maxlength="1"
-              type="text"
-            />
-          </view>
-        </view>
+				<view class="form-item">
+					<view class="label">访客姓名</view>
+					<input class="input" placeholder="请输入访客姓名" v-model="form.name" />
+				</view>
+				<view class="form-item">
+					<view class="label">
+						<text class="required">*</text>访客性别
+					</view>
+					<view class="value" @click="openGenderModal">
+						{{ form.gender }}
+						<uni-icons type="right" size="16" color="#999"></uni-icons>
+					</view>
+				</view>
+				<view class="form-item">
+					<view class="label">
+						<text class="required">*</text>访客联系方式
+					</view>
+					<input class="input" placeholder="请输入联系方式" v-model="form.phone" type="number" />
+				</view>
 
-        <view class="form-item">
-          <view class="label">
-            <text class="required">*</text>随行人数
-          </view>
-          <input 
-            class="input" 
-            placeholder="请输入随行人数" 
-            v-model="form.peopleNum"
-            type="number"
-          />
-        </view>
-      </view>
+				<!-- 车牌号：仅车辆来访显示 -->
+				<view class="form-item" v-if="activeTab === 'car'">
+					<view class="label">
+						<text class="required">*</text>车牌号
+					</view>
+					<view class="car-number-wrap">
+						<input class="car-input" v-for="(item, index) in 8" :key="index"
+							:value="form.carNumber[index]" @input="(e) => onCarInput(index, e)"
+							type="text" />
+					</view>
+				</view>
 
-      <!-- 有效期 -->
-	   <view class="section-title">有效期</view>
-      <view class="form-section">
-       
-        <view class="form-item">
-          <view class="label">
-            <text class="required">*</text>来访时间
-          </view>
-          <view class="value">
-            <uni-datetime-picker type="datetime" v-model="form.visitTime" @change="handleTimeChange" :border="false"/>
-          </view>
-        </view>
-        <view class="form-item">
-          <view class="label">
-            <text class="required">*</text>离开时间
-          </view>
-          <view class="value">
-            <uni-datetime-picker type="datetime" v-model="form.leaveTime" @change="handleTimeChange" :border="false"/>
-          </view>
-        </view>
-        <view class="tips">预计来访时间和预计离开时间间隔不能超过24小时</view>
-        <view class="tips-2">车辆停留请勿超出有效期，需及时驶出小区</view>
-      </view>
-    </view>
+				<view class="form-item">
+					<view class="label">
+						<text class="required">*</text>随行人数
+					</view>
+					<input class="input" placeholder="请输入随行人数" v-model="form.peopleNum" type="number" />
+				</view>
+			</view>
 
-    <!-- 底部按钮 -->
-    <view class="btn-wrap">
-      <button 
-        class="submit-btn" 
-        @click="submitForm"
-      >
-        {{ activeTab === 'car' ? '确认邀请' : '生成通行二维码' }}
-      </button>
-    </view>
+			<!-- 有效期 -->
+			<view class="section-title">有效期</view>
+			<view class="form-section">
 
-    <!-- 地址选择弹窗 -->
-    <uni-popup ref="addressModalRef" type="bottom" :mask-click="false">
-      <view class="modal-wrap">
-        <view class="modal-title">选择来访地址</view>
-        <view class="address-list">
-          <view 
-            class="address-item" 
-            :class="{ active: item === form.address }"
-            v-for="item in addressList" 
-            :key="item"
-            @click="selectAddress(item)"
-          >
-            {{ item }}
-          </view>
-        </view>
-        <uni-icons 
-          type="closeempty" 
-          size="20" 
-          class="modal-close" 
-          @click="closeAddressModal"
-        ></uni-icons>
-      </view>
-    </uni-popup>
+				<view class="form-item">
+					<view class="label">
+						<text class="required">*</text>来访时间
+					</view>
+					<view class="value">
+						<uni-datetime-picker type="datetime" v-model="form.visitTime" @change="handleTimeChange"
+							:border="false" />
+					</view>
+				</view>
+				<view class="form-item">
+					<view class="label">
+						<text class="required">*</text>离开时间
+					</view>
+					<view class="value">
+						<uni-datetime-picker type="datetime" v-model="form.leaveTime" @change="handleTimeChange"
+							:border="false" />
+					</view>
+				</view>
+				<view class="tips">预计来访时间和预计离开时间间隔不能超过24小时</view>
+				<view class="tips-2">车辆停留请勿超出有效期，需及时驶出小区</view>
+			</view>
+		</view>
 
-    <!-- 性别选择弹窗 -->
-    <uni-popup ref="genderModalRef" type="bottom" :mask-click="false">
-      <view class="modal-wrap">
-        <view class="gender-list">
-          <view 
-            class="gender-item" 
-            :class="{ active: item === form.gender }"
-            v-for="item in genderList" 
-            :key="item"
-            @click="selectGender(item)"
-          >
-            {{ item }}
-          </view>
-        </view>
-      </view>
-    </uni-popup>
-  </view>
+		<!-- 底部按钮 -->
+		<view class="btn-wrap">
+			<button class="submit-btn" @click="submitForm">
+				{{ activeTab === 'car' ? '确认邀请' : '生成通行二维码' }}
+			</button>
+		</view>
+
+		<!-- 地址选择弹窗 -->
+		<uni-popup ref="addressModalRef" type="bottom" :mask-click="false">
+			<view class="modal-wrap">
+				<view class="modal-title">选择来访地址</view>
+				<view class="address-list">
+					<view class="address-item" :class="{ active: item.label === form.address }" v-for="item in addressList"
+						:key="item.id" @click="selectAddress(item)">
+						{{ item.label }}
+					</view>
+				</view>
+				<uni-icons type="closeempty" size="20" class="modal-close" @click="closeAddressModal"></uni-icons>
+			</view>
+		</uni-popup>
+
+		<!-- 性别选择弹窗 -->
+		<uni-popup ref="genderModalRef" type="bottom" :mask-click="false">
+			<view class="modal-wrap">
+				<view class="gender-list">
+					<view class="gender-item" :class="{ active: item === form.gender }" v-for="item in genderList"
+						:key="item" @click="selectGender(item)">
+						{{ item }}
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
 </template>
 
 <script setup>
-import { ref, reactive} from 'vue';
-import{onLoad } from "@dcloudio/uni-app"
-import moment from 'moment';
+	import {
+		ref,
+		reactive
+	} from 'vue';
+	import {
+		onLoad
+	} from "@dcloudio/uni-app"
+	import moment from 'moment';
+	import{getHouseList,addVisitorData} from '../api/api.js'
 
-// 标签激活状态
-const activeTab = ref('car');
+	// 标签激活状态
+	const activeTab = ref('car');
 
-// 表单数据
-const form = reactive({
-  address: '', 
-  name: '', 
-  gender: '', 
-  phone: '', 
-  carNumber: ['', '', '', '', '', '', '', ''], // 修复：8位车牌
-  peopleNum: '', 
-  visitTime: '', 
-  leaveTime: '' 
-});
+	// 表单数据
+	const form = reactive({
+		address: '',
+		villageId: '', 
+		houseId: '',
+		name: '',
+		gender: '',
+		phone: '',
+		carNumber:['', '', '', '', '', '', '', ''],
+		peopleNum: '',
+		visitTime: '',
+		leaveTime: ''
+	});
 
-// 地址列表
-const addressList = ref([
-  '桂花园（别墅）1号楼1层',
-  '桂花园（别墅）2号楼2层'
-]);
+	// 地址列表
+	const addressList = ref([]);
 
-// 性别列表
-const genderList = ref(['男', '女']);
+	// 性别列表
+	const genderList = ref(['男', '女']);
 
-// 弹窗实例
-const addressModalRef = ref(null);
-const genderModalRef = ref(null);
+	// 弹窗实例
+	const addressModalRef = ref(null);
+	const genderModalRef = ref(null);
 
-onLoad(() => {
-  
-});
+	// =========方法===========
+	// 获取房屋列表
+	const fetchHouseList = async () => {
+		try {
+			const res = await getHouseList({ pageNum: 1, pageSize: 10 })
+			if (res.code === 200) {
+				addressList.value = (res.rows || []).map(item => ({
+					...item,
+					label: `${item.buildingName || ''}${item.unitNo}-${item.floorNo || ''}-${item.houseNo || ''}`.trim()
+				}))
+			}
+		} catch (e) {
+			console.error('获取房屋列表失败', e)
+		}
+	}
 
-// 切换tab
-const switchTab = (tab) => {
-  activeTab.value = tab;
-  resetForm();
-};
+	onLoad(() => {
+		fetchHouseList()
+	});
 
-// 打开地址弹窗
-const openAddressModal = () => {
-  addressModalRef.value.open();
-};
+	// 切换tab
+	const switchTab = (tab) => {
+		activeTab.value = tab;
+		resetForm();
+	};
 
-// 关闭地址弹窗
-const closeAddressModal = () => {
-  addressModalRef.value.close();
-};
+	// 打开地址弹窗
+	const openAddressModal = () => {
+		addressModalRef.value.open();
+	};
 
-// 选择地址
-const selectAddress = (item) => {
-  form.address = item;
-  closeAddressModal();
-};
+	// 关闭地址弹窗
+	const closeAddressModal = () => {
+		addressModalRef.value.close();
+	};
 
-// 打开性别弹窗
-const openGenderModal = () => {
-  genderModalRef.value.open();
-};
+	// 选择地址
+	const selectAddress = (item) => {
+		form.address = item.label;
+		form.villageId = item.villageId || '';
+		form.houseId = item.id || '';
+		closeAddressModal();
+	};
 
-// 选择性别
-const selectGender = (item) => {
-  form.gender = item;
-  genderModalRef.value.close();
-};
+	// 打开性别弹窗
+	const openGenderModal = () => {
+		genderModalRef.value.open();
+	};
 
-// 时间校验
-const handleTimeChange = () => {
-  if (!form.visitTime || !form.leaveTime) return true;
-  
-  const visitMoment = moment(form.visitTime);
-  const leaveMoment = moment(form.leaveTime);
+	// 选择性别
+	const selectGender = (item) => {
+		form.gender = item;
+		genderModalRef.value.close();
+	};
 
-  // 离开时间不能早于来访时间
-  if (leaveMoment.isBefore(visitMoment)) {
-    uni.showToast({
-      title: '离开时间不能早于来访时间',
-      icon: 'none'
-    });
-    form.leaveTime = visitMoment.clone().add(1, 'hours').format('YYYY-MM-DD HH:mm');
-    return false;
-  }
+	// 车牌号单格输入
+	const onCarInput = (index, e) => {
+		const val = (e.detail && e.detail.value !== undefined) ? e.detail.value : (e.target ? e.target.value : '');
+		form.carNumber[index] = (val || '').toUpperCase().slice(0, 1);
+	};
 
-  // 不能超过24小时
-  const diffHours = leaveMoment.diff(visitMoment, 'hours', true);
-  if (diffHours > 24) {
-    uni.showToast({
-      title: '时间间隔不能超过24小时',
-      icon: 'none'
-    });
-    form.leaveTime = visitMoment.clone().add(24, 'hours').format('YYYY-MM-DD HH:mm');
-    return false;
-  }
-  return true;
-};
+	// 时间校验
+	const handleTimeChange = () => {
+		if (!form.visitTime || !form.leaveTime) return true;
 
-// 提交表单
-const submitForm = () => {
-  // 1. 必填项校验
-  if (!form.address) {
-    uni.showToast({ title: '请选择来访地址', icon: 'none' });
-    return;
-  }
-  if (!form.name) {
-    uni.showToast({ title: '请输入访客姓名', icon: 'none' });
-    return;
-  }
-  if (!form.gender) {
-    uni.showToast({ title: '请选择性别', icon: 'none' });
-    return;
-  }
-  if (!form.phone) {
-    uni.showToast({ title: '请输入访客联系方式', icon: 'none' });
-    return;
-  }
-  if (!/^1[3-9]\d{9}$/.test(form.phone)) {
-    uni.showToast({ title: '请输入正确的手机号', icon: 'none' });
-    return;
-  }
-  if (activeTab === 'car' && form.carNumber.join('').length < 7) {
-    uni.showToast({ title: '请填写完整车牌号', icon: 'none' });
-    return;
-  }
-  if (!form.peopleNum || form.peopleNum <= 0) {
-    uni.showToast({ title: '请输入正确的随行人数', icon: 'none' });
-    return;
-  }
-  if (!form.visitTime) {
-    uni.showToast({ title: '请选择来访时间', icon: 'none' });
-    return;
-  }
-  if (!form.leaveTime) {
-    uni.showToast({ title: '请选择离开时间', icon: 'none' });
-    return;
-  }
+		const visitMoment = moment(form.visitTime);
+		const leaveMoment = moment(form.leaveTime);
 
-  // 2. 时间规则校验
-  if (!handleTimeChange()) return;
+		// 离开时间不能早于来访时间
+		if (leaveMoment.isBefore(visitMoment)) {
+			uni.showToast({
+				title: '离开时间不能早于来访时间',
+				icon: 'none'
+			});
+			form.leaveTime = visitMoment.clone().add(1, 'hours').format('YYYY-MM-DD HH:mm');
+			return false;
+		}
 
-  // 3. 提交成功
-  uni.showLoading({ title: '提交中...' });
-  setTimeout(() => {
-    uni.hideLoading();
-    uni.showToast({
-      title: activeTab === 'car' ? '邀请成功' : '二维码生成成功',
-      icon: 'success'
-    });
-  }, 1000);
-  setTimeout(() =>{
-	  uni.navigateTo({
-	  	url:"/pageSubPack/visitor/qrcode-page"
-	  })
-  },1500)
- 
-};
+		// 不能超过24小时
+		const diffHours = leaveMoment.diff(visitMoment, 'hours', true);
+		if (diffHours > 24) {
+			uni.showToast({
+				title: '时间间隔不能超过24小时',
+				icon: 'none'
+			});
+			form.leaveTime = visitMoment.clone().add(24, 'hours').format('YYYY-MM-DD HH:mm');
+			return false;
+		}
+		return true;
+	};
 
-// 重置表单
-const resetForm = () => {
-  form.address = '';
-  form.name = '';
-  form.gender = '';
-  form.phone = '';
-  form.carNumber = ['', '', '', '', '', '', '', ''];
-  form.peopleNum = '';
-  form.visitTime = '';
-  form.leaveTime = '';
-};
+	// 提交表单
+	const submitForm = async () => {
+		// 1. 必填项校验
+		if (!form.address) {
+			uni.showToast({
+				title: '请选择来访地址',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!form.name) {
+			uni.showToast({
+				title: '请输入访客姓名',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!form.gender) {
+			uni.showToast({
+				title: '请选择性别',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!form.phone) {
+			uni.showToast({
+				title: '请输入访客联系方式',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!/^1[3-9]\d{9}$/.test(form.phone)) {
+			uni.showToast({
+				title: '请输入正确的手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		if (activeTab.value === 'car' && form.carNumber.filter(Boolean).join('').length < 7) {
+			uni.showToast({
+				title: '请填写完整车牌号',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!form.peopleNum || form.peopleNum <= 0) {
+			uni.showToast({
+				title: '请输入正确的随行人数',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!form.visitTime) {
+			uni.showToast({
+				title: '请选择来访时间',
+				icon: 'none'
+			});
+			return;
+		}
+		if (!form.leaveTime) {
+			uni.showToast({
+				title: '请选择离开时间',
+				icon: 'none'
+			});
+			return;
+		}
+
+		// 2. 时间规则校验
+		if (!handleTimeChange()) return;
+
+		// 3. 构造参数并提交
+		const villageId = uni.getStorageSync('currentVillageId')
+		const carNumStr = form.carNumber.filter(Boolean).join('')
+		const params = {
+			villageId: villageId,
+			houseId: form.houseId,
+			visitorName: form.name,
+			visitorGender: form.gender === '男' ? '0' : (form.gender === '女' ? '1' : ''),
+			visitorPhone: form.phone,
+			carNum: activeTab.value === 'car' ? carNumStr : '',
+			visitorNum: String(form.peopleNum),
+			startTime: form.visitTime,
+			endTime: form.leaveTime,
+			type: activeTab.value === 'car' ? '0' : '1',
+			status: '0'
+		}
+
+		uni.showLoading({ title: '提交中...' });
+		try {
+			const res = await addVisitorData(params)
+			uni.hideLoading();
+			if (res.code === 200) {
+				uni.showToast({
+					title: activeTab.value === 'car' ? '邀请成功' : '二维码生成成功',
+					icon: 'success'
+				});
+				setTimeout(() => {
+					uni.navigateTo({ url: `/pageSubPack/visitor/qrcode-page?qrcodeUrl=${encodeURIComponent(res.data.url)}&villageName=${res.data.villageName}` })
+				}, 1500);
+			} else {
+				uni.showToast({ title: res.msg || '提交失败', icon: 'none' });
+			}
+		} catch (e) {
+			uni.hideLoading();
+			uni.showToast({ title: '网络异常，请重试', icon: 'none' });
+		}
+	};
+
+	// 重置表单
+	const resetForm = () => {
+		form.address = '';
+		form.villageId = '';
+		form.houseId = '';
+		form.name = '';
+		form.gender = '';
+		form.phone = '';
+		form.carNumber = ['', '', '', '', '', '', '', ''];
+		form.peopleNum = '';
+		form.visitTime = '';
+		form.leaveTime = '';
+	};
 </script>
 
 
 <style scoped>
-.visitor-invite {
-  background-color: #f5f5f5;
-  min-height: 100vh;
-}
+	.visitor-invite {
+		background-color: #f5f5f5;
+		min-height: 100vh;
+	}
 
-/* 导航栏 */
-.nav-bar {
-  display: flex;
-  align-items: center;
-  padding: 20rpx;
-  background-color: #fff;
-}
-.nav-title {
-  font-size: 36rpx;
-  font-weight: 500;
-  margin-left: 20rpx;
-}
+	/* 导航栏 */
+	.nav-bar {
+		display: flex;
+		align-items: center;
+		padding: 20rpx;
+		background-color: #fff;
+	}
 
-/* 标签切换 */
-.tab-wrap {
-  display: flex;
-  background-color: #fff;
-  border-bottom: 1rpx solid #eee;
-}
-.tab-item {
-  /* flex: 1; */
-  display: flex;
-  padding: 30rpx;
-  text-align: center;
-  font-size: 32rpx;
-  color: #333;
-}
-.tab-item.active {
-  color: #007aff;
-  /* border-bottom: 4rpx solid #007aff; */
-}
+	.nav-title {
+		font-size: 36rpx;
+		font-weight: 500;
+		margin-left: 20rpx;
+	}
 
-/* 表单区域 */
-.form-wrap {
-  padding: 10rpx;
-}
-.form-section {
-  background-color: #fff;
-  margin-bottom: 10rpx;
-  padding: 20rpx 40rpx;
-}
-.section-title {
-  font-size: 28rpx;
-  font-weight: 500;
-  /* margin-bottom: 20rpx; */
-  margin: 30rpx 40rpx 10rpx;
-}
-.form-item {
-  display: flex;
-  align-items: center;
-  padding: 30rpx 0;
-  border-bottom: 1rpx solid #f0f0f0;
-}
-.form-item:last-child {
-  border-bottom: none;
-}
-.label {
-  width: 205rpx;
-  font-size: 32rpx;
-  color: #333;
-}
-.required {
-  color: red;
-  margin-right: 4rpx;
-}
-.value {
-  flex: 1;
-  font-size: 30rpx;
-  color: #666;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.input {
-  flex: 1;
-  font-size: 30rpx;
-  color: #666;
-  text-align: right;
-}
+	/* 标签切换 */
+	.tab-wrap {
+		display: flex;
+		background-color: #fff;
+		border-bottom: 1rpx solid #eee;
+	}
 
-/* 车牌号输入 */
-.car-number-wrap {
-  flex: 1;
-  display: flex;
-  justify-content: space-between;
-}
-.car-input {
-  width: 52rpx;
-  height: 60rpx;
-  border: 1rpx solid #eee;
-  text-align: center;
-  font-size: 30rpx;
-}
+	.tab-item {
+		/* flex: 1; */
+		display: flex;
+		padding: 30rpx;
+		text-align: center;
+		font-size: 32rpx;
+		color: #333;
+	}
 
-/* 提示文字 */
-.tips {
-  font-size: 24rpx;
-  color: #999;
-  margin-top: 44rpx;
-  text-align: center;
-}
-.tips-2{
-	font-size: 24rpx;
-	color: #999;
-	margin: 20rpx;
-	text-align: center;
-}
+	.tab-item.active {
+		color: #007aff;
+		/* border-bottom: 4rpx solid #007aff; */
+	}
 
-/* 底部按钮 */
-.btn-wrap {
-	padding: 20rpx 40rpx 50rpx;
-}
-.submit-btn {
-  background-color: #007aff;
-  color: #fff;
-  font-size: 28rpx;
-  height: 80rpx;
-  line-height: 80rpx;
-  border-radius: 8rpx;
-}
+	/* 表单区域 */
+	.form-wrap {
+		padding: 10rpx;
+	}
 
-/* 弹窗样式 */
-.modal-wrap {
-  background-color: #fff;
-  padding: 30rpx;
-  border-top-left-radius: 20rpx;
-  border-top-right-radius: 20rpx;
-  position: relative;
-}
-.modal-title {
-  font-size: 32rpx;
-  text-align: center;
-  margin-bottom: 30rpx;
-}
-.modal-close {
-  position: absolute;
-  top: 20rpx;
-  right: 20rpx;
-  color: #999;
-}
-.address-list, .gender-list {
-  display: flex;
-  flex-direction: column;
-  gap: 20rpx;
-}
-.address-item, .gender-item {
-  padding: 20rpx;
-  background-color: #f5f5f5;
-  border-radius: 8rpx;
-  text-align: center;
-  font-size: 30rpx;
-}
-.address-item.active, .gender-item.active {
-  background-color: #007aff;
-  color: #fff;
-}
+	.form-section {
+		background-color: #fff;
+		margin-bottom: 10rpx;
+		padding: 20rpx 40rpx;
+	}
+
+	.section-title {
+		font-size: 28rpx;
+		font-weight: 500;
+		/* margin-bottom: 20rpx; */
+		margin: 30rpx 40rpx 10rpx;
+	}
+
+	.form-item {
+		display: flex;
+		align-items: center;
+		padding: 30rpx 0;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	.form-item:last-child {
+		border-bottom: none;
+	}
+
+	.label {
+		width: 205rpx;
+		font-size: 32rpx;
+		color: #333;
+	}
+
+	.required {
+		color: red;
+		margin-right: 4rpx;
+	}
+
+	.value {
+		flex: 1;
+		font-size: 30rpx;
+		color: #666;
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+	}
+
+	.input {
+		flex: 1;
+		font-size: 30rpx;
+		color: #666;
+		text-align: right;
+	}
+
+	/* 车牌号输入 */
+	.car-number-wrap {
+		flex: 1;
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.car-input {
+		width: 52rpx;
+		height: 60rpx;
+		border: 1rpx solid #eee;
+		text-align: center;
+		font-size: 30rpx;
+	}
+
+	/* 提示文字 */
+	.tips {
+		font-size: 24rpx;
+		color: #999;
+		margin-top: 44rpx;
+		text-align: center;
+	}
+
+	.tips-2 {
+		font-size: 24rpx;
+		color: #999;
+		margin: 20rpx;
+		text-align: center;
+	}
+
+	/* 底部按钮 */
+	.btn-wrap {
+		padding: 20rpx 40rpx 50rpx;
+	}
+
+	.submit-btn {
+		background-color: #007aff;
+		color: #fff;
+		font-size: 28rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 8rpx;
+	}
+
+	/* 弹窗样式 */
+	.modal-wrap {
+		background-color: #fff;
+		padding: 30rpx;
+		border-top-left-radius: 20rpx;
+		border-top-right-radius: 20rpx;
+		position: relative;
+	}
+
+	.modal-title {
+		font-size: 32rpx;
+		text-align: center;
+		margin-bottom: 30rpx;
+	}
+
+	.modal-close {
+		position: absolute;
+		top: 20rpx;
+		right: 20rpx;
+		color: #999;
+	}
+
+	.address-list,
+	.gender-list {
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+	}
+
+	.address-item,
+	.gender-item {
+		padding: 20rpx;
+		background-color: #f5f5f5;
+		border-radius: 8rpx;
+		text-align: center;
+		font-size: 30rpx;
+	}
+
+	.address-item.active,
+	.gender-item.active {
+		background-color: #007aff;
+		color: #fff;
+	}
 </style>
\ No newline at end of file
diff --git a/property-uniapp-project/pageSubPack/visitor/visitor-detail.vue b/property-uniapp-project/pageSubPack/visitor/visitor-detail.vue
index c62b529..9b6d35b 100644
--- a/property-uniapp-project/pageSubPack/visitor/visitor-detail.vue
+++ b/property-uniapp-project/pageSubPack/visitor/visitor-detail.vue
@@ -20,8 +20,7 @@
           <text class="label">联系方式：</text>
           <text class="value">{{ visitorInfo.phone }}</text>
         </view>
-        <!-- 车牌号可选显示 -->
-        <view class="info-item" v-if="visitorInfo.carNumber">
+        <view class="info-item">
           <text class="label">车牌号：</text>
           <text class="value">{{ visitorInfo.carNumber }}</text>
         </view>
@@ -52,35 +51,68 @@
     </view>
 
     <!-- 分享二维码按钮（仅等待来访状态显示） -->
-    <view class="btn-wrap" v-if="visitorInfo.status === 'waiting'">
+   <!-- <view class="btn-wrap" v-if="visitorInfo.status === 'waiting'">
       <button class="share-btn" @click="goToQrcode">分享通行二维码</button>
-    </view>
+    </view> -->
   </view>
 </template>
 
 <script setup>
 import { ref } from 'vue';
 import {onLoad} from '@dcloudio/uni-app'
+import {getVisitorDetail} from '../api/api.js'
 
 // 访客信息（实际项目中从接口获取）
-// const visitorInfo = ref({})
 const visitorInfo = ref({
-  name: '张三',
+  name: '',
   status: 'waiting', // waiting:等待来访，visited:已到访
-  address: '桂花园（别墅）2号楼2层',
-  phone: '13866666666',
-  carNumber: '京A88888', // 可传空隐藏
+  address: '',
+  phone: '',
+  carNumber: '',
   escortNum: 0,
-  validTime: '2023.06.30 10:00至2023.06.30 23:00',
-  inviteTime: '2023年06月30日 09:35',
-  visitTime: '2023年06月30日 14:32' // 已到访时显示
-});
+  validTime: '',
+  inviteTime: '',
+  visitTime: ''
+})
 
+// 把后端返回的字段映射成详情页
+const mapDetail = (item) => {
+  const addressParts = [
+    item.villageName,
+    item.floorNo ? item.floorNo + '栋' : '',
+    item.unitNo ? item.unitNo + '单元' : '',
+    item.houseNo
+  ].filter(Boolean)
+  const status = item.status === 1 || item.status === '1' ? 'visited' : 'waiting'
+  return {
+    name: item.visitorName || '',
+    status,
+    address: addressParts.join(''),
+    phone: item.visitorPhone || '',
+    carNumber: item.carNum || '',
+    escortNum: item.visitorNum || 0,
+    validTime: item.startTime && item.endTime ? `${item.startTime} 至 ${item.endTime}` : '',
+    inviteTime: item.createTime || '',
+    visitTime: item.visitTime || ''
+  }
+}
 
-onLoad((option) =>{
-	const infoStr = decodeURIComponent(JSON.stringify(option))
-	// console.log('infoStr',infoStr)
-	visitorInfo.value = infoStr.item
+// 获取访客详情
+const fetchVisitorDetail = async (id) => {
+  try {
+    const res = await getVisitorDetail(id)
+    if (res && res.data) {
+      visitorInfo.value = mapDetail(res.data)
+    }
+  } catch (e) {
+    console.error('获取访客详情失败:', e)
+  }
+}
+
+onLoad((option) => {
+  if (option && option.id) {
+    fetchVisitorDetail(option.id)
+  }
 })
 // 跳转到二维码页面
 const goToQrcode = () => {
@@ -92,7 +124,7 @@ const goToQrcode = () => {
 
 <style scoped>
 .visitor-detail-page {
-  background-color: #f8f8f8;
+  background-color: #fff;
   min-height: 100vh;
 }
 
@@ -111,8 +143,7 @@ const goToQrcode = () => {
 }
 
 .title {
-  font-size: 32rpx;
-  font-weight: 600;
+  font-size: 28rpx;
 }
 
 .status {
@@ -123,7 +154,6 @@ const goToQrcode = () => {
 
 .waiting {
   color: #007aff;
-  background: #e8f4ff;
 }
 
 .visited {
@@ -142,20 +172,22 @@ const goToQrcode = () => {
 }
 
 .label {
-  color: #666;
+  color: #222;
   width: 160rpx;
 }
 
 .value {
-  color: #333;
+  color: #222;
   flex: 1;
 }
 
 .tips-text {
   margin: 0 20rpx;
   font-size: 24rpx;
-  color: #999;
+  color: #666;
   line-height: 1.6;
+  text-align: center;
+  margin-top: 98rpx;
 }
 
 .btn-wrap {
diff --git a/property-uniapp-project/pageSubPack/visitor/visitor-list.vue b/property-uniapp-project/pageSubPack/visitor/visitor-list.vue
index ec5131e..0431d25 100644
--- a/property-uniapp-project/pageSubPack/visitor/visitor-list.vue
+++ b/property-uniapp-project/pageSubPack/visitor/visitor-list.vue
@@ -55,14 +55,14 @@
         </view>
 
         <!-- 车牌号 -->
-        <view class="item-row" v-if="item.carNumber">
+        <view class="item-row">
           <text class="label" :class="item.status">车牌号：</text>
           <text class="value" :class="item.status">{{ item.carNumber }}</text>
         </view>
 
         <!-- 时间+查看详情 -->
         <view class="item-footer">
-          <text class="time-text">时间：{{ item.createTime }}</text>
+          <text class="time-text" :class="item.status">时间：{{ item.createTime }}</text>
           <view class="detail-btn" @click="viewDetail(item)">
             <text>查看详情</text>
             <uni-icons type="arrowright" size="14"></uni-icons>
@@ -97,17 +97,18 @@ const activeTab = ref('waiting')
 // 访客列表数据
 const visitorList = ref([])
 
-// 后端数据映射到前端结构（根据实际字段名调整）
+// 后端数据映射到前端
 const mapData = (list) => {
   if (!Array.isArray(list)) return []
   return list.map(item => {
     const status = item.status === 1 || item.status === '1' ? 'visited' : 'waiting'
     return {
-      name: item.visitorName,
+      ...item,
+      visitorName: item.visitorName,
       status,
       statusText: status === 'visited' ? '已到访' : '等待来访',
       startTime: item.startTime,
-	  endTime:item.endTime,
+      endTime: item.endTime,
       phone: item.visitorPhone,
       carNumber: item.carNum,
       createTime: item.createTime || ''
@@ -121,9 +122,9 @@ const fetchVisitorList = async () => {
 	let params = {userId:userId}
   try {
     const res = await getVisitorList(params)
-	// visitorList.value = mapData(res.data|| [])
-    visitorList.value = res.data || []
-	
+    visitorList.value = mapData(res.data || [])
+	// console.log('222222',visitorList.value)
+
   } catch (e) {
     console.error('获取访客列表失败:', e)
   }
@@ -154,10 +155,8 @@ const goBack = () => {
 
 // 查看详情
 const viewDetail = (item) => {
-	const itemStr = encodeURIComponent(JSON.stringify(item))
-	console.log('eeeee',itemStr)
   uni.navigateTo({
-    url: `/pageSubPack/visitor/visitor-detail?item=${itemStr}` // 传参到详情页
+    url: `/pageSubPack/visitor/visitor-detail?id=${item.id}` // 传 id 到详情页
   })
 }
 
@@ -249,7 +248,7 @@ const addInvitation = () => {
 
 /* 列表容器 */
 .list-container {
-  height: calc(100vh - 150px); /* 预留导航、标签、按钮高度 */
+  height: calc(100vh - 220px); /* 预留导航、标签、按钮高度 */
 }
 
 /* 访客列表项 */
@@ -308,7 +307,9 @@ const addInvitation = () => {
 .value.visited{
 	color: #999;
 }
-
+.time-text.visited{
+	color: #999;
+}
 /* 列表项底部（时间+查看详情） */
 .item-footer {
   display: flex;
@@ -316,11 +317,11 @@ const addInvitation = () => {
   align-items: center;
   margin-top: 10px;
   padding-top: 10px;
-  border-top: 1px solid #f5f5f5;
+  /* border-top: 1px solid #f5f5f5; */
 }
 .time-text {
-  font-size: 12px;
-  color: #666;
+  font-size: 28rpx;
+  /* color: #666; */
 }
 .detail-btn {
   display: flex;