diff --git a/pages/sys/login/index.vue b/pages/sys/login/index.vue
index 4c0216b..d3658f8 100644
--- a/pages/sys/login/index.vue
+++ b/pages/sys/login/index.vue
@@ -1,352 +1,369 @@
-<template>
-	<view class="login-container">
-		<!-- 顶部渐变背景和标题 -->
-		<view class="login-header">
-			<image class="login-bg-img" src="/static/ic_login_topbg.png" mode="widthFix" />
-			<view class="login-title">登录注册</view>
-			<view class="login-subtitle">欢迎使用数智南川</view>
+	<template>
+		<view class="login-container">
+			<!-- 顶部渐变背景和标题 -->
+			<view class="login-header">
+				<view class="login-title">登录注册</view>
+				<view class="login-subtitle">欢迎使用数智南川</view>
+			</view>
+			<!-- 表单区域 -->
+			<view class="login-form">
+				<view class="input-row">
+					<image class="iconfont" src="/static/aidex/login/ic_login_user.png" />
+					<input class="login-input" type="text" placeholder="输入账号" v-model="username" />
+				</view>
+				<view class="input-row">
+					<image class="iconfont2" src="/static/aidex/login/ic_login_pwd.png" />
+					<input class="login-input" type="password" v-model="password" placeholder="请输入密码" />
+				</view>
+				<view class="protocol-row">
+					<label class="custom-checkbox-label">
+						<input type="checkbox" :checked="checked" @change="handleCheckboxChange"
+							class="custom-checkbox-input" />
+						<image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'"
+							class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})" />
+					</label>
+					<text>同意</text>
+					<text class="protocol-link">《用户协议》</text>
+					<text>和</text>
+					<text class="protocol-link">《隐私政策》</text>
+				</view>
+				<button class="login-btn" @click="submit">登录</button>
+			</view>
 		</view>
-		<!-- 表单区域 -->
-		<view class="login-form">
-			<view class="input-row">
-				<image class="iconfont" src="/static/ic_login_phone.png" />
-				<input class="login-input" type="text" placeholder="输入账号" v-model="username" />
-			</view>
-			<view class="input-row">
-				<image class="iconfont2" src="/static/ic_login_code.png" />
-				<input class="login-input" type="text" v-model="password" placeholder="请输入密码" />
-			</view>
-			<view class="protocol-row">
-				<label class="custom-checkbox-label">
-					<input type="checkbox" :checked="checked" @change="handleCheckboxChange"
-						class="custom-checkbox-input" />
-					<image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'"
-						class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})" />
-				</label>
-				<text>同意</text>
-				<text class="protocol-link">《用户协议》</text>
-				<text>和</text>
-				<text class="protocol-link">《隐私政策》</text>
-			</view>
-			<button class="login-btn" @click="submit">登录</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	// import { globalWs } from '../../../utils/GlobalWebSocket';
-	// import socketManager from '@/utils/GlobalWebSocket.js'
-	import base64 from '@/common/base64.js';
-	export default {
-		data() {
-			return {
-				phoneNo: '',
-				username: 'admin',
-				password: 'admin123',
-				loginType: 'currentPhone',
-				showPassword: false,
-				remember: true,
-				isValidCodeLogin: false,
-				validCode: '',
-				imgValidCodeSrc: null,
-				list: [{
-					name: '用户名'
-				}, {
-					name: '手机号'
-				}],
-				current: 0,
-				activeColor: '#007aff',
-				checked: false
-			}
-		},
-		onLoad() {
-			// #ifdef APP-PLUS
-			plus.screen.lockOrientation('default');
-			// #endif
-		},
-		onReady() {
-			// #ifdef APP-PLUS
-			plus.screen.lockOrientation('landscape-primary');
-			// #endif
-		},
-
-		methods: {
-			// 登录后连接Socket
-	
-			async submit() {
-				if (this.username.length == 0) {
-					this.$u.toast('请输入账号');
-					return;
-				}
-				if (this.password.length == 0) {
-					this.$u.toast('请输入密码');
-					return;
-				}
-				let res = await this.$u.api.login({
-					"tenantId": "000000", // 把单引号换成双引号
-					"username": this.username,
-					"password": this.password,
-					"grantType": "password",
-					// "uuid": "7cb3ea4fe2ae4f08bbd561c94ef0191b",
-					"clientId": "dab457a1ea14411787c240db05bb0832"
-				});
-				console.log(res)
-				if (res.code == "200") {
-					this.$u.toast("登录成功")
-					this.$store.commit('$uStore', {
-						name: 'vuex_token',
-						value: res.data.access_token
-					});
-					// 连接Socket
-					this.$webSocketInit();
-
-					//开启websocket
-					// 登录成功后连接WebSocket
-					// ws.connect('ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
-					// 	this.$store.state.vuex_token,  {
-					//   header: {
-					//     'Authorization': 'Bearer ' + this.$store.state.vuex_token
-					//   },
-					//   onOpen: () => {
-					//     console.log('连接成功')
-					//   },
-					//   onMessage: (data) => {
-					//     console.log('收到消息', data)
-					//     // 处理消息
-					//   },
-					//   onError: (err) => {
-					//     console.error('发生错误', err)
-					//   }
-					// })
-					// ws.connect(
-					// 	'ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
-					// 	this.$store.state.vuex_token, {
-					// 		// 连接成功回调
-					// 		onOpen: () => {
-					// 			uni.showToast({
-					// 				title: 'WebSocket连接成功',
-					// 				icon: 'none'
-					// 			})
-					// 			// 可以发送初始化消息
-					// 			ws.send({
-					// 				type: 'init',
-					// 				userId: res.data.data.userId
-					// 			})
-					// 		},
-
-					// 		// 收到消息回调
-					// 		onMessage: (data) => {
-					// 			console.log('收到消息:', data)
-					// 			// 根据消息类型处理
-					// 			// switch (data.type) {
-					// 			// 	case 'notice':
-					// 			// 		this.handleNotice(data)
-					// 			// 		break
-					// 			// 	case 'message':
-					// 			// 		this.handleNewMessage(data)
-					// 			// 		break
-					// 			// }
-					// 		},
-
-					// 		// 连接关闭回调
-					// 		onClose: () => {
-					// 			uni.showToast({
-					// 				title: '连接已关闭',
-					// 				icon: 'none'
-					// 			})
-					// 		},
-
-					// 		// 错误回调
-					// 		onError: (err) => {
-					// 			uni.showToast({
-					// 				title: '连接错误',
-					// 				icon: 'none'
-					// 			})
-					// 			console.error('WS错误:', err)
-					// 		}
-					// 	})
-
-
-					setTimeout(() => {
-						uni.reLaunch({
-							url: '/pages/sys/msg/index'
-						});
-					}, 500);
-				} else {
+	</template>
 
+	<script>
+		// import { globalWs } from '../../../utils/GlobalWebSocket';
+		// import socketManager from '@/utils/GlobalWebSocket.js'
+		import base64 from '@/common/base64.js';
+		export default {
+			data() {
+				return {
+					phoneNo: '',
+					username: 'admin',
+					password: 'admin123',
+					loginType: 'currentPhone',
+					showPassword: false,
+					remember: true,
+					isValidCodeLogin: false,
+					validCode: '',
+					imgValidCodeSrc: null,
+					list: [{
+						name: '用户名'
+					}, {
+						name: '手机号'
+					}],
+					current: 0,
+					activeColor: '#007aff',
+					checked: false
 				}
 			},
+			onLoad() {
+				// #ifdef APP-PLUS
+				plus.screen.lockOrientation('default');
+				// #endif
+			},
+			onReady() {
+				// #ifdef APP-PLUS
+				plus.screen.lockOrientation('landscape-primary');
+				// #endif
+			},
 
-			handleCheckboxChange(e) {
-				this.checked = e.target.checked;
+			methods: {
+				// 登录后连接Socket
+		
+				async submit() {
+					if (this.username.length == 0) {
+						this.$u.toast('请输入账号');
+						return;
+					}
+					if (this.password.length == 0) {
+						this.$u.toast('请输入密码');
+						return;
+					}
+					let res = await this.$u.api.login({
+						"tenantId": "000000", // 把单引号换成双引号
+						"username": this.username,
+						"password": this.password,
+						"grantType": "password",
+						// "uuid": "7cb3ea4fe2ae4f08bbd561c94ef0191b",
+						"clientId": "dab457a1ea14411787c240db05bb0832"
+					});
+					console.log(res)
+					if (res.code == "200") {
+						this.$u.toast("登录成功")
+						this.$store.commit('$uStore', {
+							name: 'vuex_token',
+							value: res.data.access_token
+						});
+						// 连接Socket
+						this.$webSocketInit();
+
+						//开启websocket
+						// 登录成功后连接WebSocket
+						// ws.connect('ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
+						// 	this.$store.state.vuex_token,  {
+						//   header: {
+						//     'Authorization': 'Bearer ' + this.$store.state.vuex_token
+						//   },
+						//   onOpen: () => {
+						//     console.log('连接成功')
+						//   },
+						//   onMessage: (data) => {
+						//     console.log('收到消息', data)
+						//     // 处理消息
+						//   },
+						//   onError: (err) => {
+						//     console.error('发生错误', err)
+						//   }
+						// })
+						// ws.connect(
+						// 	'ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
+						// 	this.$store.state.vuex_token, {
+						// 		// 连接成功回调
+						// 		onOpen: () => {
+						// 			uni.showToast({
+						// 				title: 'WebSocket连接成功',
+						// 				icon: 'none'
+						// 			})
+						// 			// 可以发送初始化消息
+						// 			ws.send({
+						// 				type: 'init',
+						// 				userId: res.data.data.userId
+						// 			})
+						// 		},
+
+						// 		// 收到消息回调
+						// 		onMessage: (data) => {
+						// 			console.log('收到消息:', data)
+						// 			// 根据消息类型处理
+						// 			// switch (data.type) {
+						// 			// 	case 'notice':
+						// 			// 		this.handleNotice(data)
+						// 			// 		break
+						// 			// 	case 'message':
+						// 			// 		this.handleNewMessage(data)
+						// 			// 		break
+						// 			// }
+						// 		},
+
+						// 		// 连接关闭回调
+						// 		onClose: () => {
+						// 			uni.showToast({
+						// 				title: '连接已关闭',
+						// 				icon: 'none'
+						// 			})
+						// 		},
+
+						// 		// 错误回调
+						// 		onError: (err) => {
+						// 			uni.showToast({
+						// 				title: '连接错误',
+						// 				icon: 'none'
+						// 			})
+						// 			console.error('WS错误:', err)
+						// 		}
+						// 	})
+
+
+						setTimeout(() => {
+							uni.reLaunch({
+								url: '/pages/sys/msg/index'
+							});
+						}, 500);
+					} else {
+
+					}
+				},
+
+				handleCheckboxChange(e) {
+					this.checked = e.target.checked;
+				}
 			}
 		}
-	}
-</script>
+	</script>
 
-<style scoped>
-	.login-container {
-		min-height: 100vh;
-		background: #fafbfc;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.login-header {
-		width: 100%;
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 40rpx;
-	}
-
-	.login-bg-img {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		z-index: 0;
-	}
-
-	.login-title,
-	.login-subtitle {
-		position: relative;
-		top: 164rpx;
-		z-index: 2;
-	}
-
-	.login-title {
-		color: #fff;
-		font-size: 48rpx;
-		font-weight: bold;
-		margin-top: 40rpx;
-	}
-
-	.login-subtitle {
-		color: #fff;
-		font-size: 24rpx;
-		margin-top: 10rpx;
-	}
-
-	.login-form {
-		width: 80%;
-		margin-top: 400rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.input-row {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		border-bottom: 1px solid #eee;
-		margin-bottom: 30rpx;
-		padding-bottom: 10rpx;
-	}
-
-	.iconfont {
-		font-size: 32rpx;
-		margin-right: 16rpx;
-		width: 27rpx;
-		height: 43rpx;
-	}
-
-	.iconfont2 {
-		font-size: 32rpx;
-		margin-right: 16rpx;
-		width: 31rpx;
-		height: 35rpx;
-	}
-
-	.login-input {
-		flex: 1;
-		border: none;
-		background: transparent;
-		font-size: 28rpx;
-		padding: 10rpx 0;
-		margin-right: 10rpx;
-	}
-
-	.code-btn {
-		background: none;
-		color: #2e6cf6;
-		border: none;
-		font-size: 26rpx;
-		padding: 0 10rpx;
-	}
-
-	.protocol-row {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		margin: 20rpx 0 40rpx 0;
-		font-size: 24rpx;
-	}
-
-	.protocol-checkbox {
-		margin-right: 8rpx;
-	}
-
-	.protocol-link {
-		color: #2e6cf6;
-		margin: 0 4rpx;
-	}
-
-	.login-btn {
-		width: 100%;
-		height: 80rpx;
-		background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%);
-		color: #fff;
-		font-size: 32rpx;
-		border: none;
-		border-radius: 40rpx;
-		margin-top: 268rpx;
-	}
-
-	.custom-checkbox-label {
-		display: flex;
-		align-items: center;
-		margin-right: 8rpx;
-	}
-
-	.custom-checkbox-input {
-		display: none;
-	}
-
-	.custom-checkbox-span {
-		width: 28rpx;
-		height: 28rpx;
-		border-radius: 50%;
-		border: 2rpx solid #2e6cf6;
-		background: #fff;
-		display: inline-block;
-		position: relative;
-		transition: border-color 0.2s;
-	}
-
-	.custom-checkbox-span.checked {
-		background: #2e6cf6;
-		border-color: #2e6cf6;
-	}
-
-	.custom-checkbox-span.checked::after {
-		content: '';
-		position: absolute;
-		left: 7rpx;
-		top: 7rpx;
-		width: 12rpx;
-		height: 12rpx;
-		background: #fff;
-		border-radius: 50%;
-	}
-
-	.custom-checkbox-img {
-		width: 28rpx;
-		height: 28rpx;
-		margin-right: 8rpx;
-	}
-</style>
\ No newline at end of file
+	<style scoped>
+	  * {
+				margin: 0;
+				padding: 0;
+				box-sizing: border-box;
+				font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+			}
+			
+			body {
+				background: linear-gradient(135deg, #f0f5ff 0%, #e6f7ff 100%);
+				min-height: 100vh;
+				width: 100%;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				padding: 16px;
+			}
+			
+			.login-container {
+				width: 100%;
+				position: relative;
+				border-radius: 24px;
+				overflow: hidden;
+				box-shadow: 0 20px 40px rgba(46, 108, 246, 0.15);
+				transition: all 0.3s ease;
+			}
+			
+			/* 响应式调整 */
+			@media (max-width: 600px) {
+				.login-container {
+					border-radius: 16px;
+					max-width: 90%;
+				}
+			}
+			
+			@media (max-width: 400px) {
+				.login-container {
+					max-width: 95%;
+				}
+			}
+			
+			.login-header {
+				position: relative;
+				height: 35vh;
+				min-height: 30vh;
+				max-height: 35vh;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				color: white;
+				padding: 20px;
+			}
+			
+			.login-header::before {
+				content: '';
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				background: linear-gradient(135deg, #2e6cf9 0%, #4fc3f7 100%);
+				z-index: 1;
+				border-radius: 24px 24px 0 0;
+			}
+			
+			.login-title, .login-subtitle {
+				position: relative;
+				z-index: 2;
+				text-align: center;
+			}
+			
+			.login-title {
+				font-size: clamp(28px, 5vw, 36px);
+				font-weight: 700;
+				margin-bottom: 8px;
+			}
+			
+			.login-subtitle {
+				font-size: clamp(14px, 3vw, 18px);
+				font-weight: 400;
+				opacity: 0.9;
+			}
+			
+			.login-form {
+				background: white;
+				padding: clamp(20px, 5vw, 30px);
+				border-radius: 0 0 24px 24px;
+				position: relative;
+				z-index: 10;
+			}
+			
+			.input-row {
+				display: flex;
+				align-items: center;
+				border-bottom: 1px solid #eaeaea;
+				margin-bottom: clamp(15px, 4vw, 25px);
+				padding-bottom: 10px;
+			}
+			
+			.input-row:focus-within {
+				border-bottom-color: #2e6cf6;
+			}
+			
+			.iconfont, .iconfont2 {
+				width: clamp(20px, 4vw, 24px);
+				height: clamp(20px, 4vw, 24px);
+				margin-right: 12px;
+				flex-shrink: 0;
+			}
+			
+			.login-input {
+				flex: 1;
+				border: none;
+				outline: none;
+				font-size: clamp(14px, 4vw, 16px);
+				color: #333;
+				min-width: 0; /* 防止flex项目溢出 */
+			}
+			
+			.login-input::placeholder {
+				color: #aaa;
+			}
+			
+			.protocol-row {
+				display: flex;
+				align-items: center;
+				margin: clamp(15px, 4vw, 20px) 0 clamp(20px, 5vw, 30px);
+				font-size: clamp(12px, 3vw, 14px);
+				color: #666;
+				flex-wrap: wrap;
+			}
+			
+			.custom-checkbox-label {
+				display: flex;
+				align-items: center;
+				margin-right: 6px;
+				cursor: pointer;
+				flex-shrink: 0;
+			}
+			
+			.custom-checkbox-input {
+				display: none;
+			}
+			
+			.custom-checkbox-img {
+				width: clamp(18px, 4vw, 20px);
+				height: clamp(18px, 4vw, 20px);
+				margin-right: 6px;
+				cursor: pointer;
+				flex-shrink: 0;
+			}
+			
+			.protocol-link {
+				color: #2e6cf6;
+				margin: 0 2px;
+				cursor: pointer;
+				white-space: nowrap;
+			}
+			
+			.login-btn {
+				width: 100%;
+				height: clamp(45px, 10vw, 50px);
+				background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%);
+				color: white;
+				border: none;
+				border-radius: clamp(20px, 8vw, 25px);
+				font-size: clamp(14px, 4vw, 16px);
+				font-weight: 600;
+				cursor: pointer;
+				transition: all 0.3s;
+				box-shadow: 0 4px 12px rgba(46, 108, 246, 0.3);
+			}
+			
+			.login-btn:hover {
+				transform: translateY(-2px);
+				box-shadow: 0 6px 16px rgba(46, 108, 246, 0.4);
+			}
+			
+			.login-btn:active {
+				transform: translateY(0);
+			}
+			
+	</style>
\ No newline at end of file
diff --git a/pages/sys/qrpage/qrpage.vue b/pages/sys/qrpage/qrpage.vue
index 388173c..bac8f5e 100644
--- a/pages/sys/qrpage/qrpage.vue
+++ b/pages/sys/qrpage/qrpage.vue
@@ -1,886 +1,887 @@
 <template>
-	<view class="container">
-		<!-- 顶部导航栏 -->
-		<view class="navbar">
-			<text class="navbar-title">
-				<i class="fa fa-qrcode" style="margin-right: 8px;"></i>
-				动态二维码生成器
-			</text>
-			<view class="connection-status" :class="connectionState === 'connected' ? 'connected' : 'disconnected'">
-				<text class="status-text">{{ connectionState === 'connected' ? '已连接' : '未连接' }}</text>
-			</view>
-		</view>
+  <view class="container">
+    <!-- 顶部导航栏 -->
+    <view class="navbar">
+      <text class="navbar-title">
+        <i class="fa fa-qrcode" style="margin-right: 8px;"></i>
+        动态二维码生成器
+      </text>
+      <view class="connection-status" :class="connectionState === 'connected' ? 'connected' : 'disconnected'">
+        <text class="status-text">{{ connectionState === 'connected' ? '已连接' : '未连接' }}</text>
+      </view>
+    </view>
 
-		<!-- 主内容区 -->
-		<view class="main-content">
-			<!-- 状态提示 -->
-			<view class="status-indicator" :class="qrCodeStatus">
-				<text class="status-text">{{ getStatusText() }}</text>
-			</view>
+    <!-- 主内容区 -->
+    <view class="main-content">
 
-			<!-- 二维码容器 -->
-			<view class="qr-container">
-				<view class="qr-card">
-					<view class="qr-wrapper" :class="{ 'fade-out': isClosing, 'fade-in': isGenerating }">
-						<uv-qrcode ref="qrcode" canvas-id="qrcode" :value="value" size="300rpx"></uv-qrcode>
-					</view>
-					<view class="qr-expiry" v-if="qrCodeStatus === 'active'">
-						<text>有效时长: {{ formatCountdown(remainingTime) }}</text>
-					</view>
-				</view>
-			</view>
 
-			<!-- 信息展示卡片 -->
-			<view class="info-card">
-				<view class="card-header">
-					<text class="card-title">二维码信息</text>
-				</view>
-				<view class="info-grid">
-					<view class="info-item">
-						<text class="info-label">设备码</text>
-						<text class="info-value">{{ info.deviceCode }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">用户账户</text>
-						<text class="info-value">{{ info.userAccount }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">生成时间</text>
-						<text class="info-value">{{ formatTime(qrCodeTimestamp) }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">二维码ID</text>
-						<text class="info-value">{{ info.qrCodeId }}</text>
-					</view>
-				</view>
-			</view>
-		</view>
+      <!-- 二维码容器 -->
+      <view class="qr-container">
+        <view class="qr-card">
+          <!-- 状态提示 -->
+          <view class="status-indicator" :class="qrCodeStatus">
+            <text class="status-text">{{ getStatusText() }}</text>
+          </view>
+          <view class="qr-wrapper" :class="{ 'fade-out': isClosing, 'fade-in': isGenerating }">
+            <uv-qrcode ref="qrcode" canvas-id="qrcode" :value="value" size="500rpx"></uv-qrcode>
+          </view>
+          <button class="action-btn primary" @click="manualRefresh" :disabled="isLoading">
+            <i class="fa fa-refresh" :class="{ 'fa-spin': isLoading }"></i>
+            <text class="btn-text">刷新二维码</text>
+          </button>
+          <view class="qr-expiry" v-if="qrCodeStatus === 'active'">
+            <text>有效时长: {{ formatCountdown(remainingTime) }}</text>
+          </view>
+        </view>
+      </view>
 
-		<!-- 底部操作区 -->
-		<view class="bottom-bar">
-			<button class="action-btn primary" @click="manualRefresh" :disabled="isLoading">
-				<i class="fa fa-refresh" :class="{ 'fa-spin': isLoading }"></i>
-				<text class="btn-text">刷新二维码</text>
-			</button>
-			<!-- 	<button class="action-btn secondary" @click="resetConnection" :disabled="isLoading">
-				<i class="fa fa-sync-alt"></i>
-				<text class="btn-text">重置连接</text>
-			</button> -->
-		</view>
+      <!-- 信息展示卡片 -->
+      <view class="info-card">
+        <view class="card-header">
+          <text class="card-title">二维码信息</text>
+        </view>
+        <view class="info-grid">
+          <view class="info-item">
+            <text class="info-label">设备码</text>
+            <text class="info-value">{{ info.deviceCode }}</text>
+          </view>
+          <view class="info-item">
+            <text class="info-label">用户账户</text>
+            <text class="info-value">{{ info.userAccount }}</text>
+          </view>
+          <view class="info-item">
+            <text class="info-label">生成时间</text>
+            <text class="info-value">{{ formatTime(qrCodeTimestamp) }}</text>
+          </view>
+          <view class="info-item">
+            <text class="info-label">二维码ID</text>
+            <text class="info-value">{{ info.qrCodeId }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
 
-		<!-- 提示弹窗 -->
-		<view v-if="showPopup" class="popup-overlay" @click="closePopup">
-			<view class="popup-dialog" @click.stop>
-				<view class="popup-icon" :class="popupType">
-					<i class="fa" :class="popupIcon"></i>
-				</view>
-				<text class="popup-text">{{ popupMessage }}</text>
-				<button class="popup-btn" @click="closePopup">确定</button>
-			</view>
-		</view>
-	</view>
+    <!-- 底部操作区 -->
+    <view class="bottom-bar">
+
+      <!-- 	<button class="action-btn secondary" @click="resetConnection" :disabled="isLoading">
+        <i class="fa fa-sync-alt"></i>
+        <text class="btn-text">重置连接</text>
+      </button> -->
+    </view>
+
+    <!-- 提示弹窗 -->
+    <view v-if="showPopup" class="popup-overlay" @click="closePopup">
+      <view class="popup-dialog" @click.stop>
+        <view class="popup-icon" :class="popupType">
+          <i class="fa" :class="popupIcon"></i>
+        </view>
+        <text class="popup-text">{{ popupMessage }}</text>
+        <button class="popup-btn" @click="closePopup">确定</button>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import random from '../../../uview-ui/libs/function/random';
-	import uvQrcode from '@/uni_modules/uv-qrcode/components/uv-qrcode/uv-qrcode.vue';
+import random from '../../../uview-ui/libs/function/random';
+import uvQrcode from '@/uni_modules/uv-qrcode/components/uv-qrcode/uv-qrcode.vue';
 
-	export default {
-		components: {
-			uvQrcode
-		},
-		data() {
-			return {
-				// 核心数据
-				info: {
-					deviceCode: 'DEVICE-123456',
-					qrCodeId: random(100000, 999999),
-					userAccount: '' // 从用户信息获取
-				},
-				value: '12345', // 二维码内容
-				qrCodeTimestamp: 0, // 生成时间戳
-				expiryTime: 300000, // 5分钟有效期(ms)
-				remainingTime: 300000,
-				countdownInterval: null,
+export default {
+  components: {
+    uvQrcode
+  },
+  data() {
+    return {
+      // 核心数据
+      info: {
+        deviceCode: 'DEVICE-123456',
+        qrCodeId: random(100000, 999999),
+        userAccount: '' // 从用户信息获取
+      },
+      value: '12345', // 二维码内容
+      qrCodeTimestamp: 0, // 生成时间戳
+      expiryTime: 600000, // 10分钟有效期(ms)
+      remainingTime: 600000,
+      countdownInterval: null,
 
-				// 状态管理
-				qrCodeStatus: 'generating', // generating/active/closing
-				connectionState: 'connecting', // connecting/connected/disconnected
-				isLoading: false,
-				isClosing: false,
-				isGenerating: false,
-				sseEnable: true,
-				clientId: "dab457a1ea14411787c240db05bb0832",
+      // 状态管理
+      qrCodeStatus: 'generating', // generating/active/closing
+      connectionState: 'connecting', // connecting/connected/disconnected
+      isLoading: false,
+      isClosing: false,
+      isGenerating: false,
+      sseEnable: true,
+      clientId: "dab457a1ea14411787c240db05bb0832",
 
 
+      // 弹窗相关
+      showPopup: false,
+      popupMessage: '',
+      popupType: 'info',
+      popupIcon: 'fa-info-circle',
+      popupTimer: null
+    };
+  },
 
-				// 弹窗相关
-				showPopup: false,
-				popupMessage: '',
-				popupType: 'info',
-				popupIcon: 'fa-info-circle',
-				popupTimer: null
-			};
-		},
+  onLoad() {
+    this.wsListener = (content) => {
+      let message = JSON.parse(content)
+      console.log(message.date)
+      if (this.qrCodeId == message.date) {
+        this.generateQrCode();
+      }
 
-		onLoad() {
-			this.wsListener = (content) => {
-				let message=JSON.parse(content)
-				console.log(message.date)
-				if(this.qrCodeId==message.date){
-					this.generateQrCode();
-				}
-				
-			};
+    };
 
-			// 从本地存储获取用户信息
-			const userInfo = uni.getStorageSync('userInfo') || {};
-			this.info.userAccount = userInfo.account || 'user@example.com';
+    // 从本地存储获取用户信息
+    const userInfo = uni.getStorageSync('userInfo') || {};
+    this.info.userAccount = userInfo.account || 'user@example.com';
 
-			// 生成第一个二维码
-			this.generateQrCode();
-			uni.$on('ws_qrcode', this.wsListener);
-			// uni.$emit(`ws_${message.type}`, message);
-		},
+    // 生成第一个二维码
+    this.generateQrCode();
+    uni.$on('ws_qrcode', this.wsListener);
+    // uni.$emit(`ws_${message.type}`, message);
+  },
 
-		// onUnload() {
-		// 	// 清理资源
-		// 	this.clearCountdown();
-		// 	this.clearPopupTimer();
-		// 	this.closeEventSource();
-		// },
+  // onUnload() {
+  // 	// 清理资源
+  // 	this.clearCountdown();
+  // 	this.clearPopupTimer();
+  // 	this.closeEventSource();
+  // },
 
-		methods: {
-			/**
-			 * 开始监听SSE消息
-			 */
-			// startListeningMessage() {
-			// 	if (!this.sseEnable) {
-			// 		this.connectionState = 'disconnected';
-			// 		this.showPopupMessage('SSE已禁用', 'warning', 'fa-exclamation-triangle');
-			// 		return;
-			// 	}
+  methods: {
+    /**
+     * 开始监听SSE消息
+     */
+    // startListeningMessage() {
+    // 	if (!this.sseEnable) {
+    // 		this.connectionState = 'disconnected';
+    // 		this.showPopupMessage('SSE已禁用', 'warning', 'fa-exclamation-triangle');
+    // 		return;
+    // 	}
 
-			// 	const token = this.$store.state.vuex_token;
-			// 	if (!token) {
-			// 		this.connectionState = 'disconnected';
-			// 		this.showPopupMessage('未获取到令牌，请先登录', 'error', 'fa-exclamation-circle');
-			// 		return;
-			// 	}
+    // 	const token = this.$store.state.vuex_token;
+    // 	if (!token) {
+    // 		this.connectionState = 'disconnected';
+    // 		this.showPopupMessage('未获取到令牌，请先登录', 'error', 'fa-exclamation-circle');
+    // 		return;
+    // 	}
 
-			// 	// 关闭现有连接
-			// 	this.closeEventSource();
+    // 	// 关闭现有连接
+    // 	this.closeEventSource();
 
-			// 	const apiURL = 'http://tc.cqsznc.com:7080/api';
-			// 	const sseAddr = `${apiURL}/resource/sse?clientid=${this.clientId}&Authorization=Bearer ${token}`;
+    // 	const apiURL = 'http://tc.cqsznc.com:7080/api';
+    // 	const sseAddr = `${apiURL}/resource/sse?clientid=${this.clientId}&Authorization=Bearer ${token}`;
 
-			// 	try {
-			// 		this.eventSource = new EventSource(sseAddr);
+    // 	try {
+    // 		this.eventSource = new EventSource(sseAddr);
 
-			// 		this.eventSource.onopen = () => {
-			// 			console.log('SSE连接已打开');
-			// 			this.connectionState = 'connected';
-			// 			this.reconnectCount = 0;
-			// 			this.showPopupMessage('SSE连接成功', 'success', 'fa-check-circle');
-			// 		};
+    // 		this.eventSource.onopen = () => {
+    // 			console.log('SSE连接已打开');
+    // 			this.connectionState = 'connected';
+    // 			this.reconnectCount = 0;
+    // 			this.showPopupMessage('SSE连接成功', 'success', 'fa-check-circle');
+    // 		};
 
-			// 		this.eventSource.onmessage = (event) => {
-			// 			this.handleSSEMessage(event.data);
-			// 		};
+    // 		this.eventSource.onmessage = (event) => {
+    // 			this.handleSSEMessage(event.data);
+    // 		};
 
-			// 		this.eventSource.onerror = () => {
-			// 			console.error('SSE连接异常');
-			// 			this.connectionState = 'disconnected';
-			// 			this.closeEventSource();
+    // 		this.eventSource.onerror = () => {
+    // 			console.error('SSE连接异常');
+    // 			this.connectionState = 'disconnected';
+    // 			this.closeEventSource();
 
-			// 			// 重连逻辑
-			// 			if (this.reconnectCount < this.maxReconnect) {
-			// 				this.reconnectCount++;
-			// 				const delay = this.reconnectCount * 1000;
-			// 				this.showPopupMessage(
-			// 					`SSE连接断开，${delay/1000}秒后尝试重连（${this.reconnectCount}/${this.maxReconnect}）`,
-			// 					'warning', 'fa-exclamation-triangle');
+    // 			// 重连逻辑
+    // 			if (this.reconnectCount < this.maxReconnect) {
+    // 				this.reconnectCount++;
+    // 				const delay = this.reconnectCount * 1000;
+    // 				this.showPopupMessage(
+    // 					`SSE连接断开，${delay/1000}秒后尝试重连（${this.reconnectCount}/${this.maxReconnect}）`,
+    // 					'warning', 'fa-exclamation-triangle');
 
-			// 				setTimeout(() => this.startListeningMessage(), delay);
-			// 			} else {
-			// 				this.showPopupMessage('SSE重连失败，请检查网络或手动重置', 'error', 'fa-exclamation-circle');
-			// 			}
-			// 		};
-			// 	} catch (e) {
-			// 		console.error('创建SSE连接失败:', e);
-			// 		this.connectionState = 'disconnected';
-			// 		this.showPopupMessage(`创建SSE连接失败: ${e.message}`, 'error', 'fa-exclamation-circle');
-			// 	}
-			// },
+    // 				setTimeout(() => this.startListeningMessage(), delay);
+    // 			} else {
+    // 				this.showPopupMessage('SSE重连失败，请检查网络或手动重置', 'error', 'fa-exclamation-circle');
+    // 			}
+    // 		};
+    // 	} catch (e) {
+    // 		console.error('创建SSE连接失败:', e);
+    // 		this.connectionState = 'disconnected';
+    // 		this.showPopupMessage(`创建SSE连接失败: ${e.message}`, 'error', 'fa-exclamation-circle');
+    // 	}
+    // },
 
-			// /**
-			//  * 处理SSE消息
-			//  */
-			// handleSSEMessage(message) {
-			// 	if (!message) return;
+    // /**
+    //  * 处理SSE消息
+    //  */
+    // handleSSEMessage(message) {
+    // 	if (!message) return;
 
-			// 	console.log(`接收到SSE消息: ${message}`);
+    // 	console.log(`接收到SSE消息: ${message}`);
 
-			// 	try {
-			// 		const parsedMessage = JSON.parse(message);
+    // 	try {
+    // 		const parsedMessage = JSON.parse(message);
 
-			// 		if (parsedMessage.type === 'qrcode') {
-			// 			this.showPopupMessage('二维码已被扫描，正在生成新码', 'success', 'fa-check-circle');
-			// 			this.closeCurrentQrCode();
-			// 			return;
-			// 		}
+    // 		if (parsedMessage.type === 'qrcode') {
+    // 			this.showPopupMessage('二维码已被扫描，正在生成新码', 'success', 'fa-check-circle');
+    // 			this.closeCurrentQrCode();
+    // 			return;
+    // 		}
 
-			// 		this.showPopupMessage(parsedMessage.content || message, 'info', 'fa-info-circle');
-			// 	} catch (e) {
-			// 		this.showPopupMessage(message, 'info', 'fa-info-circle');
-			// 	}
-			// },
+    // 		this.showPopupMessage(parsedMessage.content || message, 'info', 'fa-info-circle');
+    // 	} catch (e) {
+    // 		this.showPopupMessage(message, 'info', 'fa-info-circle');
+    // 	}
+    // },
 
-			// /**
-			//  * 关闭EventSource连接
-			//  */
-			// closeEventSource() {
-			// 	if (this.eventSource) {
-			// 		this.eventSource.close();
-			// 		this.eventSource = null;
-			// 	}
-			// },
+    // /**
+    //  * 关闭EventSource连接
+    //  */
+    // closeEventSource() {
+    // 	if (this.eventSource) {
+    // 		this.eventSource.close();
+    // 		this.eventSource = null;
+    // 	}
+    // },
 
-			/**
-			 * 生成新的二维码
-			 */
-			generateQrCode() {
-				this.isLoading = true;
-				this.qrCodeStatus = 'generating';
-				this.isGenerating = true;
+    /**
+     * 生成新的二维码
+     */
+    generateQrCode() {
+      this.isLoading = true;
+      this.qrCodeStatus = 'generating';
+      this.isGenerating = true;
+      // 调用接口生成二维码
+      this.$u.api.getcode(this.info)
+          .then(res => {
+            console.log("二维码生成成功", res);
+            this.qrCodeId = res.msg;
+            this.value = "http://183.230.235.66:11010/visitore?code=" + res.msg; // 更新二维码内容
+            this.qrCodeTimestamp = Date.now(); // 记录生成时间
+            this.remainingTime = this.expiryTime; // 重置倒计时
 
-				// 调用接口生成二维码
-				this.$u.api.getcode(this.info)
-					.then(res => {
-						console.log("二维码生成成功", res);
-						this.qrCodeId=res.msg;
-						this.value = "http://183.230.235.66:11010/visitore?code=" + res.msg; // 更新二维码内容
-						this.qrCodeTimestamp = Date.now(); // 记录生成时间
-						// this.remainingTime = this.expiryTime; // 重置倒计时
+            // 更新状态
+            this.qrCodeStatus = 'active';
+            this.startCountdown(); // 启动倒计时
+          })
+          .catch(err => {
+            console.error("二维码生成失败", err);
+            this.showPopupMessage('二维码生成失败，请重试', 'error', 'fa-exclamation-circle');
+            this.qrCodeStatus = 'closing';
+          })
+          .finally(() => {
+            this.isLoading = false;
+            this.isGenerating = false;
+          });
+    },
 
-						// 更新状态
-						this.qrCodeStatus = 'active';
-						// this.startCountdown(); // 启动倒计时
-					})
-					.catch(err => {
-						console.error("二维码生成失败", err);
-						this.showPopupMessage('二维码生成失败，请重试', 'error', 'fa-exclamation-circle');
-						this.qrCodeStatus = 'closing';
-					})
-					.finally(() => {
-						this.isLoading = false;
-						this.isGenerating = false;
-					});
-			},
+    /**
+     * 启动倒计时
+     */
+    startCountdown() {
+      this.clearCountdown(); // 先清除现有定时器
+      this.countdownInterval = setInterval(() => {
+        this.remainingTime -= 1000;
 
-			/**
-			 * 启动倒计时
-			 */
-			// startCountdown() {
-			// 	this.clearCountdown(); // 先清除现有定时器
+        if (this.remainingTime <= 0) {
+          this.showPopupMessage('二维码已过期，正在生成新码', 'warning', 'fa-exclamation-triangle');
+          this.closeCurrentQrCode();
+        }
+      }, 1000);
+    },
 
-			// 	this.countdownInterval = setInterval(() => {
-			// 		this.remainingTime -= 1000;
+    /**
+     * 清除倒计时
+     */
+    clearCountdown() {
+      if (this.countdownInterval) {
+        clearInterval(this.countdownInterval);
+        this.countdownInterval = null;
+      }
+    },
 
-			// 		if (this.remainingTime <= 0) {
-			// 			this.showPopupMessage('二维码已过期，正在生成新码', 'warning', 'fa-exclamation-triangle');
-			// 			this.closeCurrentQrCode();
-			// 		}
-			// 	}, 1000);
-			// },
+    /**
+     * 关闭当前二维码并生成新的
+     */
+    closeCurrentQrCode() {
+      if (this.isClosing || this.qrCodeStatus !== 'active') return;
 
-			/**
-			 * 清除倒计时
-			 */
-			// clearCountdown() {
-			// 	if (this.countdownInterval) {
-			// 		clearInterval(this.countdownInterval);
-			// 		this.countdownInterval = null;
-			// 	}
-			// },
+      this.qrCodeStatus = 'closing';
+      this.isClosing = true;
+      this.clearCountdown(); // 停止倒计时
 
-			/**
-			 * 关闭当前二维码并生成新的
-			 */
-			closeCurrentQrCode() {
-				if (this.isClosing || this.qrCodeStatus !== 'active') return;
+      console.log(`关闭二维码: ${this.info.qrCodeId}`);
 
-				this.qrCodeStatus = 'closing';
-				this.isClosing = true;
-				// this.clearCountdown(); // 停止倒计时
+      // 延迟生成新码，等待动画完成
+      setTimeout(() => {
+        this.isClosing = false;
+        this.info.qrCodeId = random(100000, 999999); // 生成新ID
+        this.generateQrCode();
+      }, 1000);
+    },
 
-				console.log(`关闭二维码: ${this.info.qrCodeId}`);
+    /**
+     * 手动刷新二维码
+     */
+    manualRefresh() {
+      this.closeCurrentQrCode();
+    },
 
-				// 延迟生成新码，等待动画完成
-				setTimeout(() => {
-					this.isClosing = false;
-					this.info.qrCodeId = random(100000, 999999); // 生成新ID
-					this.generateQrCode();
-				}, 1000);
-			},
+    /**
+     * 重置SSE连接
+     */
+    // resetConnection() {
+    // 	this.showPopupMessage('正在重置SSE连接...', 'info', 'fa-spinner fa-spin');
+    // 	this.startListeningMessage();
+    // },
 
-			/**
-			 * 手动刷新二维码
-			 */
-			manualRefresh() {
-				this.closeCurrentQrCode();
-			},
+    /**
+     * 显示弹窗提示
+     */
+    showPopupMessage(message, type = 'info', icon = 'fa-info-circle') {
+      this.clearPopupTimer();
 
-			/**
-			 * 重置SSE连接
-			 */
-			// resetConnection() {
-			// 	this.showPopupMessage('正在重置SSE连接...', 'info', 'fa-spinner fa-spin');
-			// 	this.startListeningMessage();
-			// },
+      this.popupMessage = message;
+      this.popupType = type;
+      this.popupIcon = icon;
+      this.showPopup = true;
 
-			/**
-			 * 显示弹窗提示
-			 */
-			showPopupMessage(message, type = 'info', icon = 'fa-info-circle') {
-				this.clearPopupTimer();
+      // 3秒后自动关闭
+      this.popupTimer = setTimeout(() => this.closePopup(), 3000);
+    },
 
-				this.popupMessage = message;
-				this.popupType = type;
-				this.popupIcon = icon;
-				this.showPopup = true;
+    /**
+     * 关闭弹窗
+     */
+    closePopup() {
+      this.showPopup = false;
+      this.clearPopupTimer();
+    },
 
-				// 3秒后自动关闭
-				this.popupTimer = setTimeout(() => this.closePopup(), 3000);
-			},
+    /**
+     * 清除弹窗定时器
+     */
+    clearPopupTimer() {
+      if (this.popupTimer) {
+        clearTimeout(this.popupTimer);
+        this.popupTimer = null;
+      }
+    },
 
-			/**
-			 * 关闭弹窗
-			 */
-			closePopup() {
-				this.showPopup = false;
-				this.clearPopupTimer();
-			},
+    /**
+     * 获取状态文本
+     */
+    getStatusText() {
+      switch (this.qrCodeStatus) {
+        case 'generating':
+          return '正在生成二维码...';
+        case 'active':
+          return '二维码有效，等待扫描';
+        case 'closing':
+          return '二维码已关闭，生成新码中...';
+        default:
+          return '未知状态';
+      }
+    },
 
-			/**
-			 * 清除弹窗定时器
-			 */
-			clearPopupTimer() {
-				if (this.popupTimer) {
-					clearTimeout(this.popupTimer);
-					this.popupTimer = null;
-				}
-			},
+    /**
+     * 格式化时间（年月日时分秒）
+     */
+    formatTime(timestamp) {
+      if (!timestamp) return '';
 
-			/**
-			 * 获取状态文本
-			 */
-			getStatusText() {
-				switch (this.qrCodeStatus) {
-					case 'generating':
-						return '正在生成二维码...';
-					case 'active':
-						return '二维码有效，等待扫描';
-					case 'closing':
-						return '二维码已关闭，生成新码中...';
-					default:
-						return '未知状态';
-				}
-			},
+      const date = new Date(timestamp);
+      return [
+        date.getFullYear(),
+        this.padZero(date.getMonth() + 1),
+        this.padZero(date.getDate())
+      ].join('-') + ' ' + [
+        this.padZero(date.getHours()),
+        this.padZero(date.getMinutes()),
+        this.padZero(date.getSeconds())
+      ].join(':');
+    },
 
-			/**
-			 * 格式化时间（年月日时分秒）
-			 */
-			formatTime(timestamp) {
-				if (!timestamp) return '';
+    /**
+     * 格式化倒计时（分:秒）
+     */
+    formatCountdown(milliseconds) {
+      const totalSeconds = Math.floor(milliseconds / 1000);
+      const minutes = this.padZero(Math.floor(totalSeconds / 60));
+      const seconds = this.padZero(totalSeconds % 60);
+      return `${minutes}:${seconds}`;
+    },
 
-				const date = new Date(timestamp);
-				return [
-					date.getFullYear(),
-					this.padZero(date.getMonth() + 1),
-					this.padZero(date.getDate())
-				].join('-') + ' ' + [
-					this.padZero(date.getHours()),
-					this.padZero(date.getMinutes()),
-					this.padZero(date.getSeconds())
-				].join(':');
-			},
-
-			/**
-			 * 格式化倒计时（分:秒）
-			 */
-			formatCountdown(milliseconds) {
-				const totalSeconds = Math.floor(milliseconds / 1000);
-				const minutes = this.padZero(Math.floor(totalSeconds / 60));
-				const seconds = this.padZero(totalSeconds % 60);
-				return `${minutes}:${seconds}`;
-			},
-
-			/**
-			 * 数字补零
-			 */
-			padZero(num) {
-				return num < 10 ? '0' + num : num;
-			}
-		}
-	};
+    /**
+     * 数字补零
+     */
+    padZero(num) {
+      return num < 10 ? '0' + num : num;
+    }
+  }
+};
 </script>
 
 <style scoped>
-	.container {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh;
-		background-color: #f0f2f5;
-	}
-
-	/* 导航栏样式 */
-	.navbar {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 16px 24px;
-		background-color: #2563eb;
-		color: white;
-		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
-		position: relative;
-		z-index: 10;
-	}
-
-	.navbar-title {
-		font-size: 18px;
-		font-weight: 600;
-		display: flex;
-		align-items: center;
-	}
-
-	.connection-status {
-		padding: 5px 12px;
-		border-radius: 16px;
-		font-size: 14px;
-		display: flex;
-		align-items: center;
-		background-color: rgba(255, 255, 255, 0.15);
-		transition: all 0.3s ease;
-	}
-
-	.connection-status::before {
-		content: '';
-		width: 8px;
-		height: 8px;
-		border-radius: 50%;
-		margin-right: 6px;
-		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
-	}
-
-	.connection-status.connected::before {
-		background-color: #10b981;
-	}
-
-	.connection-status.disconnected::before {
-		background-color: #ef4444;
-		animation: pulse 2s infinite;
-	}
-
-	@keyframes pulse {
-		0% {
-			opacity: 1;
-		}
-
-		50% {
-			opacity: 0.5;
-		}
-
-		100% {
-			opacity: 1;
-		}
-	}
-
-	/* 主内容区样式 */
-	.main-content {
-		flex: 1;
-		padding: 24px;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	/* 状态指示器 */
-	.status-indicator {
-		padding: 9px 18px;
-		border-radius: 22px;
-		margin-bottom: 24px;
-		font-size: 14px;
-		color: white;
-		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
-		display: flex;
-		align-items: center;
-		transition: all 0.3s ease;
-	}
-
-	.status-indicator::before {
-		content: '';
-		width: 8px;
-		height: 8px;
-		border-radius: 50%;
-		margin-right: 8px;
-	}
-
-	.status-indicator.generating {
-		background-color: #2563eb;
-	}
-
-	.status-indicator.generating::before {
-		background-color: white;
-		animation: pulse 1.5s infinite;
-	}
-
-	.status-indicator.active {
-		background-color: #10b981;
-	}
-
-	.status-indicator.active::before {
-		background-color: white;
-	}
-
-	.status-indicator.closing {
-		background-color: #f59e0b;
-	}
-
-	.status-indicator.closing::before {
-		background-color: white;
-	}
-
-	/* 二维码容器 */
-	.qr-container {
-		margin-bottom: 28px;
-		width: 100%;
-		max-width: 360px;
-	}
-
-	.qr-card {
-		background-color: white;
-		border-radius: 16px;
-		padding: 24px;
-		box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
-		transition: all 0.3s ease;
-		position: relative;
-		overflow: hidden;
-	}
-
-	.qr-card::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		height: 4px;
-		background: linear-gradient(90deg, #2563eb, #60a5fa);
-	}
-
-	.qr-card:hover {
-		box-shadow: 0 10px 30px rgba(37, 99, 235, 0.15);
-		transform: translateY(-2px);
-	}
-
-	.qr-wrapper {
-		width: 100%;
-		aspect-ratio: 1/1;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		position: relative;
-		overflow: hidden;
-		background-color: #fafafa;
-		border-radius: 12px;
-		margin-bottom: 16px;
-	}
-
-	.qr-expiry {
-		text-align: center;
-		color: #666;
-		font-size: 14px;
-		padding: 8px 0;
-		border-top: 1px dashed #eee;
-	}
-
-	/* 动画效果 */
-	.fade-in {
-		animation: fadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	.fade-out {
-		animation: fadeOut 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-			transform: scale(0.95);
-		}
-
-		to {
-			opacity: 1;
-			transform: scale(1);
-		}
-	}
-
-	@keyframes fadeOut {
-		from {
-			opacity: 1;
-			transform: scale(1);
-		}
-
-		to {
-			opacity: 0;
-			transform: scale(0.95);
-		}
-	}
-
-	/* 信息卡片 */
-	.info-card {
-		width: 100%;
-		background-color: white;
-		border-radius: 16px;
-		box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
-		overflow: hidden;
-		transition: all 0.3s ease;
-	}
-
-	.info-card:hover {
-		box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
-	}
-
-	.card-header {
-		padding: 16px 24px;
-		border-bottom: 1px solid #f5f5f5;
-	}
-
-	.card-title {
-		font-size: 16px;
-		font-weight: 600;
-		color: #1f2329;
-	}
-
-	.info-grid {
-		padding: 16px 24px;
-		display: grid;
-		grid-template-columns: 1fr;
-		gap: 16px;
-	}
-
-	.info-item {
-		display: flex;
-		flex-direction: column;
-		padding: 8px 0;
-		border-bottom: 1px solid #f5f5f5;
-	}
-
-	.info-item:last-child {
-		border-bottom: none;
-	}
-
-	.info-label {
-		color: #86909c;
-		font-size: 13px;
-		margin-bottom: 4px;
-	}
-
-	.info-value {
-		font-size: 15px;
-		color: #1f2329;
-		word-break: break-all;
-		line-height: 1.4;
-	}
-
-	/* 底部操作区 */
-	.bottom-bar {
-		display: flex;
-		padding: 16px 24px;
-		background-color: white;
-		border-top: 1px solid #f5f5f5;
-		gap: 16px;
-	}
-
-	.action-btn {
-		flex: 1;
-		padding: 14px 0;
-		border-radius: 10px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 16px;
-		border: none;
-		font-weight: 500;
-		transition: all 0.2s ease;
-		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
-	}
-
-	.action-btn.primary {
-		background-color: #2563eb;
-		color: white;
-	}
-
-	.action-btn.primary:hover {
-		background-color: #1d4ed8;
-		box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
-		transform: translateY(-1px);
-	}
-
-	.action-btn.primary:active {
-		transform: translateY(1px);
-	}
-
-	.action-btn.secondary {
-		background-color: #f5f7fa;
-		color: #4e5969;
-	}
-
-	.action-btn.secondary:hover {
-		background-color: #e8ebf0;
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-		transform: translateY(-1px);
-	}
-
-	.action-btn.secondary:active {
-		transform: translateY(1px);
-	}
-
-	.btn-text {
-		margin-left: 8px;
-	}
-
-	/* 弹窗样式 */
-	.popup-overlay {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 9999;
-		animation: fadeIn 0.3s ease;
-	}
-
-	.popup-dialog {
-		background-color: white;
-		padding: 28px 24px;
-		border-radius: 16px;
-		width: 85%;
-		max-width: 320px;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
-		animation: popupIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	@keyframes popupIn {
-		from {
-			opacity: 0;
-			transform: scale(0.9);
-		}
-
-		to {
-			opacity: 1;
-			transform: scale(1);
-		}
-	}
-
-	.popup-icon {
-		width: 48px;
-		height: 48px;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 18px;
-		font-size: 24px;
-	}
-
-	.popup-icon.info {
-		background-color: #dbeafe;
-		color: #2563eb;
-	}
-
-	.popup-icon.success {
-		background-color: #dcfce7;
-		color: #10b981;
-	}
-
-	.popup-icon.error {
-		background-color: #fee2e2;
-		color: #ef4444;
-	}
-
-	.popup-icon.warning {
-		background-color: #fef3c7;
-		color: #f59e0b;
-	}
-
-	.popup-text {
-		font-size: 16px;
-		margin-bottom: 24px;
-		text-align: center;
-		color: #1f2329;
-		line-height: 1.5;
-	}
-
-	.popup-btn {
-		background-color: #2563eb;
-		color: white;
-		border: none;
-		padding: 10px 28px;
-		border-radius: 6px;
-		font-size: 16px;
-		font-weight: 500;
-		transition: all 0.2s ease;
-		width: 100%;
-	}
-
-	.popup-btn:hover {
-		background-color: #1d4ed8;
-	}
-
-	/* 响应式调整 */
-	@media (min-width: 768px) {
-		.info-grid {
-			grid-template-columns: 1fr 1fr;
-			gap: 20px;
-		}
-
-		.qr-container {
-			max-width: 400px;
-		}
-	}
-
-	@media (max-width: 375px) {
-		.navbar {
-			padding: 14px 18px;
-		}
-
-		.navbar-title {
-			font-size: 16px;
-		}
-
-		.main-content {
-			padding: 18px;
-		}
-
-		.qr-card {
-			padding: 18px;
-		}
-
-		.action-btn {
-			font-size: 14px;
-			padding: 12px 0;
-		}
-
-		.btn-text {
-			margin-left: 6px;
-		}
-	}
+.container {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+
+/* 导航栏样式 */
+.navbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  background-color: #2563eb;
+  color: white;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  position: relative;
+  z-index: 10;
+}
+
+.navbar-title {
+  font-size: 18px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+}
+
+.connection-status {
+  padding: 5px 12px;
+  border-radius: 16px;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.15);
+  transition: all 0.3s ease;
+}
+
+.connection-status::before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
+}
+
+.connection-status.connected::before {
+  background-color: #10b981;
+}
+
+.connection-status.disconnected::before {
+  background-color: #ef4444;
+  animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.5;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+/* 主内容区样式 */
+.main-content {
+  flex: 1;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* 状态指示器 */
+.status-indicator {
+  padding: 9px 18px;
+  border-radius: 22px;
+  margin-bottom: 24px;
+  font-size: 14px;
+  color: white;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s ease;
+}
+
+.status-indicator::before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+
+.status-indicator.generating {
+  background-color: #2563eb;
+}
+
+.status-indicator.generating::before {
+  background-color: white;
+  animation: pulse 1.5s infinite;
+}
+
+.status-indicator.active {
+  background-color: #10b981;
+}
+
+.status-indicator.active::before {
+  background-color: white;
+}
+
+.status-indicator.closing {
+  background-color: #f59e0b;
+}
+
+.status-indicator.closing::before {
+  background-color: white;
+}
+
+/* 二维码容器 */
+.qr-container {
+  margin-bottom: 28px;
+  width: 100%;
+  max-width: 300px;
+}
+
+.qr-card {
+  background-color: white;
+  border-radius: 16px;
+  padding: 24px;
+  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.qr-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, #2563eb, #60a5fa);
+}
+
+.qr-card:hover {
+  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.15);
+  transform: translateY(-2px);
+}
+
+.qr-wrapper {
+  width: 100%;
+  aspect-ratio: 1/1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  overflow: hidden;
+  background-color: #fafafa;
+  border-radius: 12px;
+  margin-bottom: 16px;
+}
+
+.qr-expiry {
+  text-align: center;
+  color: #666;
+  font-size: 14px;
+  padding: 8px 0;
+  border-top: 1px dashed #eee;
+}
+
+/* 动画效果 */
+.fade-in {
+  animation: fadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.fade-out {
+  animation: fadeOut 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+}
+
+/* 信息卡片 */
+.info-card {
+  width: 100%;
+  background-color: white;
+  border-radius: 16px;
+  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
+  transition: all 0.3s ease;
+}
+
+.info-card:hover {
+  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
+}
+
+.card-header {
+  padding: 16px 24px;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #1f2329;
+}
+
+.info-grid {
+  padding: 16px 24px;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 16px;
+}
+
+.info-item {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.info-item:last-child {
+  border-bottom: none;
+}
+
+.info-label {
+  color: #86909c;
+  font-size: 13px;
+  margin-bottom: 4px;
+}
+
+.info-value {
+  font-size: 15px;
+  color: #1f2329;
+  word-break: break-all;
+  line-height: 1.4;
+}
+
+/* 底部操作区 */
+.bottom-bar {
+  display: flex;
+  padding: 16px 24px;
+  background-color: white;
+  border-top: 1px solid #f5f5f5;
+  gap: 16px;
+}
+
+.action-btn {
+  flex: 1;
+  padding: 14px 0;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  border: none;
+  font-weight: 500;
+  height: 50px;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
+}
+
+.action-btn.primary {
+  background-color: #2563eb;
+  color: white;
+}
+
+.action-btn.primary:hover {
+  background-color: #1d4ed8;
+  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
+  transform: translateY(-1px);
+}
+
+.action-btn.primary:active {
+  transform: translateY(1px);
+}
+
+.action-btn.secondary {
+  background-color: #f5f7fa;
+  color: #4e5969;
+}
+
+.action-btn.secondary:hover {
+  background-color: #e8ebf0;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
+}
+
+.action-btn.secondary:active {
+  transform: translateY(1px);
+}
+
+.btn-text {
+  margin-left: 8px;
+}
+
+/* 弹窗样式 */
+.popup-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+  animation: fadeIn 0.3s ease;
+}
+
+.popup-dialog {
+  background-color: white;
+  padding: 28px 24px;
+  border-radius: 16px;
+  width: 85%;
+  max-width: 320px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+  animation: popupIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@keyframes popupIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.popup-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 18px;
+  font-size: 24px;
+}
+
+.popup-icon.info {
+  background-color: #dbeafe;
+  color: #2563eb;
+}
+
+.popup-icon.success {
+  background-color: #dcfce7;
+  color: #10b981;
+}
+
+.popup-icon.error {
+  background-color: #fee2e2;
+  color: #ef4444;
+}
+
+.popup-icon.warning {
+  background-color: #fef3c7;
+  color: #f59e0b;
+}
+
+.popup-text {
+  font-size: 16px;
+  margin-bottom: 24px;
+  text-align: center;
+  color: #1f2329;
+  line-height: 1.5;
+}
+
+.popup-btn {
+  background-color: #2563eb;
+  color: white;
+  border: none;
+  padding: 10px 28px;
+  border-radius: 6px;
+  font-size: 16px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  width: 100%;
+}
+
+.popup-btn:hover {
+  background-color: #1d4ed8;
+}
+
+/* 响应式调整 */
+@media (min-width: 768px) {
+  .info-grid {
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+  }
+
+  .qr-container {
+    max-width: 400px;
+  }
+}
+
+@media (max-width: 375px) {
+  .navbar {
+    padding: 14px 18px;
+  }
+
+  .navbar-title {
+    font-size: 16px;
+  }
+
+  .main-content {
+    padding: 18px;
+  }
+
+  .qr-card {
+    padding: 18px;
+  }
+
+  .action-btn {
+    font-size: 14px;
+    padding: 12px 0;
+  }
+
+  .btn-text {
+    margin-left: 6px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/pages/sys/user/index.vue b/pages/sys/user/index.vue
index 4dec1ae..7ae1b2d 100644
--- a/pages/sys/user/index.vue
+++ b/pages/sys/user/index.vue
@@ -7,31 +7,31 @@
 					<u-avatar size="100"  src="/static/aidex/images/user01.png"></u-avatar>
 					</view>
 				<view class="info" style="display: flex;justify-content: space-between;">
-					<view>
-						<view class="username">管理员</view>
-						<view class="usercode">普通会员</view>
-					</view>
+<!--					<view>-->
+<!--						<view class="username">管理员</view>-->
+<!--						<view class="usercode">普通会员</view>-->
+<!--					</view>-->
 					<view class="sign-in-images"><image src="/static/aidex/images/sign-in.png"></image></view>
 				</view>
 			</view>
-			<u-row class="userinfo-topbox" gutter="16" justify="center">
-				<u-col span="4" text-align="center">
-					<view class="number">9,999<em>元</em></view>
-					<view>余额</view>
-				</u-col>
-				<u-col span="4" text-align="center"  @click="navTo('/pages/sys/application/recharge')">
-					<view><u-icon size="28px" color="#ffffff" name="rmb-circle"></u-icon></view>
-					<view>充值</view>
-				</u-col>
-				<u-col span="4" text-align="center" @click="navTo('/pages/sys/application/balance-details')">
-					<view>
-						<view class="iconfont icon-faan" style="font-size: 24px;color:#ffffff;"></view>
-					</view>
-					<view>余额明细</view>
-				</u-col>
-			</u-row>
+<!--			<u-row class="userinfo-topbox" gutter="16" justify="center">-->
+<!--				<u-col span="4" text-align="center">-->
+<!--					<view class="number">9,999<em>元</em></view>-->
+<!--					<view>余额</view>-->
+<!--				</u-col>-->
+<!--				<u-col span="4" text-align="center"  @click="navTo('/pages/sys/application/recharge')">-->
+<!--					<view><u-icon size="28px" color="#ffffff" name="rmb-circle"></u-icon></view>-->
+<!--					<view>充值</view>-->
+<!--				</u-col>-->
+<!--				<u-col span="4" text-align="center" @click="navTo('/pages/sys/application/balance-details')">-->
+<!--					<view>-->
+<!--						<view class="iconfont icon-faan" style="font-size: 24px;color:#ffffff;"></view>-->
+<!--					</view>-->
+<!--					<view>余额明细</view>-->
+<!--				</u-col>-->
+<!--			</u-row>-->
 		</view>
-		<view class="list">
+	<!-- 	<view class="list">
 			<view>
 				<u-cell-group class="personal-list">
 					<u-gap height="20" bg-color="#f5f5f5"></u-gap>
@@ -45,7 +45,7 @@
 					<u-cell-item icon="setting" :iconStyle="{ color: '#2767dc' }" title="系统设置" @click="navTo('setting')"></u-cell-item>
 				</u-cell-group>
 			</view>
-		</view>
+		</view> -->
 		<view class="button-wrapper">
 			<button class="logout-btn" @click="logout">退出登录</button>
 		</view>
diff --git a/pages/sys/work/work.vue b/pages/sys/work/work.vue
index eee7373..e0a56db 100644
--- a/pages/sys/work/work.vue
+++ b/pages/sys/work/work.vue
@@ -2,15 +2,15 @@
   <view class="container">
     <!-- 筛选及搜索区域 -->
     <view class="search-bar">
-      <input v-model="searchParams.visitorName" class="search-input" placeholder="访客姓名" />
-      <input v-model="searchParams.visitedPerson" class="search-input" placeholder="被访人" />
-      <input v-model="searchParams.visitedUnit" class="search-input" placeholder="被访单位" />
-      <picker mode="selector" :range="statusOptions" @change="onStatusChange">
-        <view class="picker-view">
-          {{ searchParams.bookStatus || '预约状态' }}
-        </view>
-      </picker>
-      <input v-model="searchParams.phoneSuffix" class="search-input" placeholder="手机号后四位" />
+      <input v-model="searchParams.visitorName" class="search-input" placeholder="访客姓名"/>
+      <input v-model="searchParams.visitedPerson" class="search-input" placeholder="被访人"/>
+      <input v-model="searchParams.visitedUnit" class="search-input" placeholder="被访单位"/>
+      <!-- <picker mode="selector" :range="statusOptions" @change="onStatusChange">
+         <view class="picker-view">
+           {{ searchParams.bookStatus || '预约状态' }}
+         </view>
+       </picker> -->
+      <input v-model="searchParams.phoneSuffix" class="search-input" placeholder="手机号后四位"/>
       <button class="search-btn" @click="handleSearch">搜索</button>
       <button class="reset-btn" @click="handleReset">重置</button>
     </view>
@@ -27,10 +27,10 @@
         <view class="table-cell">被访单位</view>
         <view class="table-cell">拜访事由</view>
         <view class="table-cell">拜访时间</view>
-        <view class="table-cell">是否预约车位</view>
-        <view class="table-cell">预约状态</view>
+        <!--  <view class="table-cell">是否预约车位</view>
+          <view class="table-cell">预约状态</view> -->
         <view class="table-cell">提交时间</view>
-        <view class="table-cell">操作</view>
+        <!-- <view class="table-cell">操作</view> -->
       </view>
       <view v-for="(item, index) in filteredList" :key="index" class="table-row">
         <view class="table-cell">{{ index + 1 }}</view>
@@ -42,29 +42,30 @@
         <view class="table-cell">{{ item.interviewedUnit || '无' }}</view>
         <view class="table-cell">{{ item.visitingReason }}</view>
         <view class="table-cell">{{ item.visitingBeginTime }}</view>
-        <view class="table-cell">{{ item.bookingParkingSpace === 1 ? '是' : '否' }}</view>
-        <view class="table-cell" :class="{'status-confirm': item.serveStatus === 1, 'status-wait': item.serveStatus === 0}">
-          {{ item.serveStatus === 1 ? '已确认' : '待确认' }}
-        </view>
+        <!--    <view class="table-cell">{{ item.bookingParkingSpace === 1 ? '是' : '否' }}</view>
+            <view class="table-cell" :class="{'status-confirm': item.serveStatus === 1, 'status-wait': item.serveStatus === 0}">
+              {{ item.serveStatus === 1 ? '已确认' : '待确认' }}
+            </view> -->
         <view class="table-cell">{{ item.createTime }}</view>
-        <view class="table-cell operation-cell">
-          <button class="operation-btn" @click="handleDetail(item)">详情</button>
-          <button class="operation-btn" @click="handleAudit(item)">确认</button>
-        </view>
+        <!--  <view class="table-cell operation-cell">
+            <button class="operation-btn" @click="handleDetail(item)">详情</button>
+            <button class="operation-btn" @click="handleAudit(item)">确认</button>
+          </view> -->
       </view>
     </view>
-    <VisitorDetailModal 
-      :visible="showDetailModal" 
-      :visitorInfo="currentVisitor"
-      :showActionButtons="currentVisitor.serveStatus === 0" 
-      @close="closeDetailModal"
-      @audit="handleAudit"
+    <VisitorDetailModal
+        :visible="showDetailModal"
+        :visitorInfo="currentVisitor"
+        :showActionButtons="currentVisitor.serveStatus === 0"
+        @close="closeDetailModal"
+        @audit="handleAudit"
     />
   </view>
 </template>
 
 <script>
 import VisitorDetailModal from '@/components/VisitorDetailModal.vue';
+
 export default {
   components: {
     VisitorDetailModal
@@ -82,7 +83,7 @@ export default {
         bookStatus: '',
         phoneSuffix: ''
       },
-      statusOptions: ['已确认', '待确认'] 
+      statusOptions: ['已确认', '待确认']
     }
   },
   computed: {
@@ -92,7 +93,7 @@ export default {
         if (this.searchParams.visitedPerson && !item.interviewedPerson.includes(this.searchParams.visitedPerson)) return false;
         if (this.searchParams.visitedUnit && !item.interviewedUnit.includes(this.searchParams.visitedUnit)) return false;
         if (this.searchParams.bookStatus) {
-          const statusMap = { '已确认': 1, '待确认': 0 };
+          const statusMap = {'已确认': 1, '待确认': 0};
           return item.serveStatus === statusMap[this.searchParams.bookStatus];
         }
         if (this.searchParams.phoneSuffix) {
@@ -104,9 +105,9 @@ export default {
     }
   },
   onLoad() {
-	  // #ifdef APP-PLUS
-	  	plus.screen.lockOrientation('default');
-	  	// #endif
+    // #ifdef APP-PLUS
+    plus.screen.lockOrientation('default');
+    // #endif
     this.onload();
   },
   methods: {
@@ -119,24 +120,24 @@ export default {
       this.showDetailModal = false;
     },
     handleAudit(item) {
-		console.log("eee",item)
+      console.log("eee", item)
       this.loading = true;
-	  item.serveStatus=1
-	  this.$u.api.spfk(item).then(res=>{
-		  console.log(res)
-	  })
+      item.serveStatus = 1
+      this.$u.api.spfk(item).then(res => {
+        console.log(res)
+      })
+    },
+    onReady() {
+      // #ifdef APP-PLUS
+      plus.screen.lockOrientation('landscape-primary');
+      // #endif
     },
-	onReady() {
-		// #ifdef APP-PLUS
-		plus.screen.lockOrientation('landscape-primary');
-		// #endif
-	},
     onload() {
       this.$u.api.fklist().then(res => {
         this.tableData = res.rows;
       }).catch(err => {
         console.error('获取数据失败：', err);
-        uni.showToast({ title: '获取数据失败', icon: 'none' });
+        uni.showToast({title: '获取数据失败', icon: 'none'});
       });
     },
     onStatusChange(e) {
@@ -144,7 +145,7 @@ export default {
       this.searchParams.bookStatus = this.statusOptions[index];
     },
     handleSearch() {
-		this.onload();
+      this.onload();
       console.log('当前筛选参数：', this.searchParams);
     },
     handleReset() {
@@ -155,12 +156,12 @@ export default {
         bookStatus: '',
         phoneSuffix: ''
       };
-	  this.onload();
+      this.onload();
     },
-   //  handleAudit(item) {
-   //    console.log('审核操作，当前数据：', item);
-	  // handleAudit(item)
-   //  }
+    //  handleAudit(item) {
+    //    console.log('审核操作，当前数据：', item);
+    // handleAudit(item)
+    //  }
   }
 };
 </script>
@@ -169,12 +170,14 @@ export default {
 .container {
   padding: 10px;
 }
+
 .search-bar {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 10px;
 }
+
 .search-input {
   flex: 1;
   min-width: 120px;
@@ -182,6 +185,7 @@ export default {
   border: 1px solid #ddd;
   border-radius: 4px;
 }
+
 .picker-view {
   padding: 8px;
   border: 1px solid #ddd;
@@ -189,34 +193,44 @@ export default {
   min-width: 120px;
   text-align: center;
 }
+
 .search-btn,
 .reset-btn {
   padding: 8px 15px;
   border-radius: 4px;
   color: #fff;
+  height: 40px;
+  text-align: center;
+  line-height: 24px;
 }
+
 .search-btn {
   background-color: #007aff;
   border: none;
 }
+
 .reset-btn {
   background-color: #f0f0f0;
   color: #333;
   border: none;
 }
+
 .table-wrap {
   overflow-x: auto;
 }
+
 .table-header,
 .table-row {
   display: flex;
   flex-direction: row;
   border: 1px solid #eee;
 }
+
 .table-header {
   background-color: #f8f8f8;
   font-weight: bold;
 }
+
 .table-cell {
   flex: 1;
   text-align: center;
@@ -226,22 +240,27 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .table-cell:last-child {
   border-right: none;
 }
+
 .operation-cell {
   display: flex;
   justify-content: space-around;
   flex: 2;
 }
+
 .operation-btn {
   margin: 0 5px;
   padding: 5px 10px;
   font-size: 12px;
 }
+
 .status-confirm {
   color: #52c41a;
 }
+
 .status-wait {
   color: #fa8c16;
 }
diff --git a/static/aidex/login/ic_login_pwd.png b/static/aidex/login/ic_login_pwd.png
new file mode 100644
index 0000000..67bdb28
Binary files /dev/null and b/static/aidex/login/ic_login_pwd.png differ
diff --git a/static/aidex/login/ic_login_user.png b/static/aidex/login/ic_login_user.png
new file mode 100644
index 0000000..468d9cb
Binary files /dev/null and b/static/aidex/login/ic_login_user.png differ