From 0e673b853d73ecac5b090a33c86e4b82e86e2a6c Mon Sep 17 00:00:00 2001
From: merak1237 <1036673629@qq.com>
Date: Tue, 26 Aug 2025 16:07:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/sys/login/index.vue            |  705 +++++------
 pages/sys/qrpage/qrpage.vue          | 1655 +++++++++++++-------------
 pages/sys/user/index.vue             |   44 +-
 pages/sys/work/work.vue              |  115 +-
 static/aidex/login/ic_login_pwd.png  |  Bin 0 -> 5777 bytes
 static/aidex/login/ic_login_user.png |  Bin 0 -> 5937 bytes
 6 files changed, 1278 insertions(+), 1241 deletions(-)
 create mode 100644 static/aidex/login/ic_login_pwd.png
 create mode 100644 static/aidex/login/ic_login_user.png

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 0000000000000000000000000000000000000000..67bdb28415e4e98f53de9498aa439429e9ec461b
GIT binary patch
literal 5777
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

literal 0
HcmV?d00001

diff --git a/static/aidex/login/ic_login_user.png b/static/aidex/login/ic_login_user.png
new file mode 100644
index 0000000000000000000000000000000000000000..468d9cbb6615e0424f31df6cc474a3d93492a82e
GIT binary patch
literal 5937
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

literal 0
HcmV?d00001