From f259275adbff95e2e86b78aefbe7defdf2b03c0b Mon Sep 17 00:00:00 2001
From: liyuanchao <438964165@qq.com>
Date: Sat, 23 Aug 2025 18:08:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BF=E5=AE=A2=E9=A1=B5=E9=9D=A2=20=20?=
 =?UTF-8?q?=E9=80=80=E5=87=BA=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/http.api.js       |    3 +
 pages/sys/msg/index.vue  | 1655 ++++++++++++++++++++------------------
 pages/sys/user/index.vue |   47 +-
 3 files changed, 891 insertions(+), 814 deletions(-)

diff --git a/common/http.api.js b/common/http.api.js
index 8acf29e..17ff823 100644
--- a/common/http.api.js
+++ b/common/http.api.js
@@ -9,6 +9,9 @@ const install = (Vue, vm) => {
 	
 	// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下
 	vm.$u.api = {
+		//获取单位列表
+		getUnits:(params = {}) => vm.$u.get(config.adminPath+'/property/enum-fetcher/enum-values/getUnit',params),
+		
 		getcode:(params= {}) => vm.$u.post(config.adminPath+'/property/visitorManagement/getcode',params),
 		spfk:(params= {}) => vm.$u.put(config.adminPath+'/property/visitorManagement',params),
 		fklist:(params = {}) => vm.$u.get(config.adminPath+'/property/visitorManagement/list',params),
diff --git a/pages/sys/msg/index.vue b/pages/sys/msg/index.vue
index 723b211..cadfdef 100644
--- a/pages/sys/msg/index.vue
+++ b/pages/sys/msg/index.vue
@@ -1,810 +1,857 @@
-<template>
-	<scroll-view class="container" scroll-y>
-		<view class="form-card">
-			<view class="form-title">访客预约表单</view>
-
-			<!-- 基本信息 -->
-			<view class="section-title">基本信息</view>
-			<view class="form-item">
-				<text class="label required">访客姓名</text>
-				<view class="input-wrapper">
-					<input type="text" placeholder="请输入您的姓名" v-model="formData.visitorName" />
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label required">证件号</text>
-				<view class="input-wrapper">
-					<input type="text" placeholder="请输入您的证件号" v-model="formData.idCard" />
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label">所属公司</text>
-				<view class="input-wrapper">
-					<input type="text" placeholder="请输入您的公司名称" v-model="formData.visitorUnit" />
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label required">联系电话</text>
-				<view class="input-wrapper">
-					<input type="number" placeholder="请输入您的手机号码" v-model="formData.visitorPhone" />
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label required">拜访事由</text>
-				<!-- <view class="input-wrapper">
-          <input type="text" placeholder="请简要描述拜访目的" v-model="formData.visitingReason" />
-        </view> -->
-				<view class="select-wrapper" :class="{active: showTypeDialog}" @click.stop="showTypeDialog = true">
-					<text>{{ formData.visitingReason || '请选择拜访事由' }}</text>
-					<image class="filter-img" src="/static/ic_down_arrow_g.png" />
-					<view v-if="showTypeDialog" class="dropdown">
-						<view class="dropdown-list">
-							<view v-for="(item, index) in typeList" :key="index" class="dropdown-item"
-								@click.stop="selectVisitingReason(item)">
-								{{ item }}
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-
-
-			<!-- 被访人信息 -->
-			<view class="section-title">被访人信息</view>
-			<view class="form-item">
-				<text class="label">被访人姓名</text>
-				<view class="input-wrapper">
-					<input type="text" placeholder="请输入被访人姓名" v-model="formData.interviewedPerson" />
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label">被访单位</text>
-				<view class="input-wrapper">
-					<input type="text" placeholder="请输入被访单位名称" v-model="formData.interviewedUnit" />
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label">被访人电话</text>
-				<view class="input-wrapper">
-					<input type="number" placeholder="请输入被访人联系电话" v-model="formData.interviewedPhone" />
-				</view>
-			</view>
-
-			<!-- 拜访时间 -->
-			<view class="section-title">拜访时间</view>
-			<view class="form-item">
-				<text class="label">开始时间</text>
-				<view class="picker-wrapper">
-					<picker mode="date" :value="formData.visitingBeginDate" start="2020-01-01" end="2030-12-31"
-						@change="onBeginDateChange">
-						<view class="picker-value">{{ formData.visitingBeginDate }}</view>
-					</picker>
-				</view>
-				<view class="picker-wrapper time-picker">
-					<picker mode="time" :value="formData.visitingBeginTime" @change="onBeginTimeChange">
-						<view class="picker-value">{{ formData.visitingBeginTime }}</view>
-					</picker>
-				</view>
-			</view>
-
-			<view class="form-item">
-				<text class="label">结束时间</text>
-				<view class="picker-wrapper">
-					<picker mode="date" :value="formData.visitingEndDate" start="2020-01-01" end="2030-12-31"
-						@change="onEndDateChange">
-						<view class="picker-value">{{ formData.visitingEndDate }}</view>
-					</picker>
-				</view>
-				<view class="picker-wrapper time-picker">
-					<picker mode="time" :value="formData.visitingEndTime" @change="onEndTimeChange">
-						<view class="picker-value">{{ formData.visitingEndTime }}</view>
-					</picker>
-				</view>
-			</view>
-
-			<!-- 预约信息 -->
-			<!-- 			<view class="section-title">预约信息</view>
-            <view class="form-item">
-              <text class="label">预约车位</text>
-              <view class="picker-wrapper">
-                <picker mode="selector" :range="parkingOptions" @change="handleParkingChange">
-                  <view class="picker-value">{{formData.bookingParkingSpace ? '需要' : '不需要'}}</view>
-                </picker>
-              </view>
-            </view> -->
-
-			<!-- 条件显示：预约车位时显示车牌号 -->
-			<!-- 			<view class="form-item" v-if="formData.bookingParkingSpace">
-              <text class="label required">车牌号</text>
-              <view class="input-wrapper">
-                <input type="text" placeholder="请输入车牌号" v-model="formData.licensePlate" />
-              </view>
-            </view> -->
-
-			<view class="form-item">
-				<text class="label required">人脸照片</text>
-				<view class="upload-wrapper">
-					<view class="upload-btn" @click="takePhoto">
-						<text class="upload-text">+ 拍照上传</text>
-					</view>
-					<view class="preview-image" v-if="formData.facePictures">
-						<image :src="formData.facePictures" mode="aspectFill" @click="delimg"></image>
-					</view>
-				</view>
-			</view>
-
-			<!-- 	<view class="form-item">
-        <text class="label">预约状态</text>
-        <view class="picker-wrapper">
-          <picker mode="selector" :range="statusOptions" @change="handleStatusChange">
-            <view class="picker-value">{{statusMap[formData.serveStatus]}}</view>
-          </picker>
-        </view>
-      </view> -->
-
-			<!-- 提交按钮 -->
-			<view class="submit-wrapper">
-				<button class="submit-btn" @click="submitForm">确认提交</button>
-			</view>
-		</view>
-	</scroll-view>
-</template>
-
-<script>
-	import {
-		uploadFiles
-	} from '@/common/upload.js';
-	export default {
-		data() {
-			const now = new Date();
-			const date = now.getFullYear() + '-' +
-				(now.getMonth() + 1).toString().padStart(2, '0') + '-' +
-				now.getDate().toString().padStart(2, '0');
-			const time = now.getHours().toString().padStart(2, '0') + ':' +
-				now.getMinutes().toString().padStart(2, '0');
-
-			return {
-				formData: {
-					visitorName: '1',
-					visitorUnit: '1',
-					idCard: '',
-					visitorPhone: '15555555555',
-					visitingReason: '',
-					interviewedPerson: '1',
-					interviewedUnit: '1',
-					interviewedPhone: '15555555555',
-					visitingBeginDate: date,
-					visitingBeginTime: time,
-					visitingEndDate: date,
-					visitingEndTime: time,
-					bookingParkingSpace: false,
-					licensePlate: '',
-					facePictures: '',
-					serveStatus: 0
-				},
-				parkingOptions: ['不需要', '需要'],
-				statusOptions: ['待确认', '已确认', '已取消', '已完成'],
-				statusMap: {
-					0: '待确认',
-					1: '已确认',
-					2: '已取消',
-					3: '已完成'
-				},
-				typeList: ['业务洽谈', '会议参与', '面试应聘', '技术支持', '办事咨询', '调研考察'],
-				showTypeDialog: false
-			}
-		},
-		onLoad() {
-			// #ifdef APP-PLUS
-			plus.screen.lockOrientation('default');
-			// #endif
-		},
-		onReady() {
-			// #ifdef APP-PLUS
-			plus.screen.lockOrientation('landscape-primary');
-			// #endif
-		},
-		methods: {
-			// 添加选择拜访事由方法
-			selectVisitingReason(reason) {
-				this.formData.visitingReason = reason;
-				this.showTypeDialog = false;
-			},
-
-			// 点击外部关闭下拉菜单
-			handleClickOutside() {
-				this.showTypeDialog = false;
-			},
-
-			// 处理日期时间选择
-			onBeginDateChange(e) {
-				this.formData.visitingBeginDate = e.detail.value;
-			},
-			onBeginTimeChange(e) {
-				this.formData.visitingBeginTime = e.detail.value;
-			},
-			onEndDateChange(e) {
-				this.formData.visitingEndDate = e.detail.value;
-			},
-			onEndTimeChange(e) {
-				this.formData.visitingEndTime = e.detail.value;
-			},
-
-			// 处理车位预约选择
-			// handleParkingChange(e) {
-			// 	this.formData.bookingParkingSpace = e.detail.value === 1;
-			// 	if (!this.formData.bookingParkingSpace) {
-			// 		this.formData.licensePlate = '';
-			// 	}
-			// },
-
-			// 处理状态选择
-			handleStatusChange(e) {
-				this.formData.serveStatus = e.detail.value;
-			},
-
-			// 拍照
-			takePhoto() {
-				uni.chooseImage({
-					count: 1,
-					sourceType: ['camera'], // 只允许使用相机
-					success: (res) => {
-						// console.log(res.tempFilePaths[0])
-						this.formData.facePictures = res.tempFilePaths[0];
-					},
-					fail: (err) => {
-						uni.showToast({
-							title: '拍照失败',
-							icon: 'none'
-						});
-					}
-				});
-			},
-
-			// 表单验证
-			validateForm() {
-				const {
-					qrCodeId,
-					visitorName,
-					visitorUnit,
-					idCard,
-					visitorPhone,
-					visitingReason,
-					interviewedPerson,
-					bookingParkingSpace,
-					licensePlate,
-					facePictures,
-					visitingBeginDate,
-					visitingBeginTime,
-					visitingEndDate,
-					visitingEndTime
-				} = this.formData;
-
-				// 验证姓名
-				if (!visitorName) {
-					return '请输入访客姓名';
-				}
-
-				// 验证公司
-				if (!idCard) {
-					return '请输入证件号';
-				}
-
-				// 验证电话
-				if (!visitorPhone) {
-					return '请输入联系电话';
-				}
-
-				// 简单的手机号格式验证
-				if (!/^1[3-9]\d{9}$/.test(visitorPhone)) {
-					return '请输入正确的手机号码';
-				}
-
-				// 验证事由
-				if (!visitingReason) {
-					return '请输入拜访事由';
-				}
-
-				// 验证被访人
-				// if (!interviewedPerson) {
-				// 	return '请输入被访人姓名';
-				// }
-
-				// 验证车牌号（如果需要预约车位）
-				// if (bookingParkingSpace && !licensePlate) {
-				// 	return '请输入车牌号';
-				// }
-
-
-				if (!facePictures) {
-					return '请拍照上传人脸照片';
-				}
-
-				// 验证时间逻辑
-				const beginDateTime = new Date(`${visitingBeginDate} ${visitingBeginTime}`);
-				const endDateTime = new Date(`${visitingEndDate} ${visitingEndTime}`);
-
-				if (beginDateTime >= endDateTime) {
-					return '开始时间必须早于结束时间';
-				}
-
-				return ''; // 验证通过
-			},
-
-			// 提交表单
-			async submitForm() {
-				const errorMsg = this.validateForm();
-				if (errorMsg) {
-					uni.showToast({
-						title: errorMsg,
-						icon: 'none'
-					});
-					return;
-				}
-
-				// 合并日期和时间
-				this.formData.visitingBeginTime =
-					`${this.formData.visitingBeginDate} ${this.formData.visitingBeginTime}`;
-				this.formData.visitingEndTime = `${this.formData.visitingEndDate} ${this.formData.visitingEndTime}`;
-
-
-
-				// 显示加载提示
-				uni.showLoading({
-					title: '提交中...',
-					mask: true
-				});
-				const images = [this.formData.facePictures]
-
-				const result = await uploadFiles({
-					files: images,
-					url: this.vuex_config.baseUrl + '/resource/oss/upload',
-					name: 'file',
-					vm: this // 关键：用于注入 token 等
-				});
-				let parsedData = result[0]
-				if (parsedData.code == 200) {
-					const submitData = {
-						...this.formData,
-						bookingParkingSpace: this.formData
-							.bookingParkingSpace ? 0 : 1
-					};
-					// 第二步：从解析后的数据中获取ossId
-					const ossId = parsedData.data.ossId;
-					console.log("ossId", ossId)
-					submitData.facePictures = ossId;
-					console.log(submitData)
-					this.$u.api.fksub(submitData).then(res => {
-						console.log(res)
-						if (res.code == 200) {
-							this.resetForm();
-							uni.showToast({
-								title: "提交成功，请等待审核！",
-								icon: "success"
-							})
+<template>
+	<scroll-view class="container" scroll-y>
+		<view class="form-card">
+			<view class="form-title">访客预约表单</view>
+
+			<!-- 基本信息 -->
+			<view class="section-title">基本信息</view>
+			<view class="form-item">
+				<text class="label required">访客姓名</text>
+				<view class="input-wrapper">
+					<input type="text" placeholder="请输入您的姓名" v-model="formData.visitorName" />
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label required">证件号</text>
+				<view class="input-wrapper">
+					<input type="text" placeholder="请输入您的证件号" v-model="formData.idCard" />
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label">所属公司</text>
+				<view class="input-wrapper">
+					<input type="text" placeholder="请输入您的公司名称" v-model="formData.visitorUnit" />
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label required">联系电话</text>
+				<view class="input-wrapper">
+					<input type="number" placeholder="请输入您的手机号码" v-model="formData.visitorPhone" />
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label required">拜访事由</text>
+				<!-- <view class="input-wrapper">
+          <input type="text" placeholder="请简要描述拜访目的" v-model="formData.visitingReason" />
+        </view> -->
+				<view class="select-wrapper" :class="{active: showTypeDialog}" @click.stop="showTypeDialog = true">
+					<text>{{ formData.visitingReason || '请选择拜访事由' }}</text>
+					<image class="filter-img" src="/static/ic_down_arrow_g.png" />
+					<view v-if="showTypeDialog" class="dropdown">
+						<view class="dropdown-list">
+							<view v-for="(item, index) in typeList" :key="index" class="dropdown-item"
+								@click.stop="selectVisitingReason(item)">
+								{{ item }}
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+
+			<!-- 被访人信息 -->
+			<view class="section-title">被访人信息</view>
+			<view class="form-item">
+				<text class="label">被访人姓名</text>
+				<view class="input-wrapper">
+					<input type="text" placeholder="请输入被访人姓名" v-model="formData.interviewedPerson" />
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label">被访单位</text>
+				<view class="select-wrapper" :class="{active: showUnitDialog}" @click.stop="showUnitDialog = true">
+					<text>{{ interviewedUnitLabel || '请选择被访单位' }}</text>
+					<image class="filter-img" src="/static/ic_down_arrow_g.png" />
+					<view v-if="showUnitDialog" class="dropdown">
+						<view class="dropdown-list">
+							<view v-for="(item, index) in unitList" :key="index" class="dropdown-item"
+								@click.stop="selectInterviewedUnit(item)">
+								{{ item.name }}
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label">被访人电话</text>
+				<view class="input-wrapper">
+					<input type="number" placeholder="请输入被访人联系电话" v-model="formData.interviewedPhone" />
+				</view>
+			</view>
+
+			<!-- 拜访时间 -->
+			<view class="section-title">拜访时间</view>
+			<view class="form-item">
+				<text class="label">开始时间</text>
+				<view class="picker-wrapper">
+					<picker mode="date" :value="formData.visitingBeginDate" start="2020-01-01" end="2030-12-31"
+						@change="onBeginDateChange">
+						<view class="picker-value">{{ formData.visitingBeginDate }}</view>
+					</picker>
+				</view>
+				<view class="picker-wrapper time-picker">
+					<picker mode="time" :value="formData.visitingBeginTime" @change="onBeginTimeChange">
+						<view class="picker-value">{{ formData.visitingBeginTime }}</view>
+					</picker>
+				</view>
+			</view>
+
+			<view class="form-item">
+				<text class="label">结束时间</text>
+				<view class="picker-wrapper">
+					<picker mode="date" :value="formData.visitingEndDate" start="2020-01-01" end="2030-12-31"
+						@change="onEndDateChange">
+						<view class="picker-value">{{ formData.visitingEndDate }}</view>
+					</picker>
+				</view>
+				<view class="picker-wrapper time-picker">
+					<picker mode="time" :value="formData.visitingEndTime" @change="onEndTimeChange">
+						<view class="picker-value">{{ formData.visitingEndTime }}</view>
+					</picker>
+				</view>
+			</view>
+
+			<!-- 预约信息 -->
+			<!-- 			<view class="section-title">预约信息</view>
+            <view class="form-item">
+              <text class="label">预约车位</text>
+              <view class="picker-wrapper">
+                <picker mode="selector" :range="parkingOptions" @change="handleParkingChange">
+                  <view class="picker-value">{{formData.bookingParkingSpace ? '需要' : '不需要'}}</view>
+                </picker>
+              </view>
+            </view> -->
+
+			<!-- 条件显示：预约车位时显示车牌号 -->
+			<!-- 			<view class="form-item" v-if="formData.bookingParkingSpace">
+              <text class="label required">车牌号</text>
+              <view class="input-wrapper">
+                <input type="text" placeholder="请输入车牌号" v-model="formData.licensePlate" />
+              </view>
+            </view> -->
+
+			<view class="form-item">
+				<text class="label required">人脸照片</text>
+				<view class="upload-wrapper">
+					<view class="upload-btn" @click="takePhoto">
+						<text class="upload-text">+ 拍照上传</text>
+					</view>
+					<view class="preview-image" v-if="formData.facePictures">
+						<image :src="formData.facePictures" mode="aspectFill" @click="delimg"></image>
+					</view>
+				</view>
+			</view>
+			<view class="form-item">
+				<view class="face-tip-wrapper">
+					<text class="face-tip">请确保无遮挡、光线明亮、正脸拍摄</text>
+				</view>
+			</view>
+
+			<!-- 	<view class="form-item">
+        <text class="label">预约状态</text>
+        <view class="picker-wrapper">
+          <picker mode="selector" :range="statusOptions" @change="handleStatusChange">
+            <view class="picker-value">{{statusMap[formData.serveStatus]}}</view>
+          </picker>
+        </view>
+      </view> -->
+
+			<!-- 提交按钮 -->
+			<view class="submit-wrapper">
+				<button class="submit-btn" @click="submitForm">确认提交</button>
+			</view>
+		</view>
+	</scroll-view>
+</template>
+
+<script>
+	import {
+		uploadFiles
+	} from '@/common/upload.js';
+	export default {
+		data() {
+			const now = new Date();
+			const date = now.getFullYear() + '-' +
+				(now.getMonth() + 1).toString().padStart(2, '0') + '-' +
+				now.getDate().toString().padStart(2, '0');
+			const time = now.getHours().toString().padStart(2, '0') + ':' +
+				now.getMinutes().toString().padStart(2, '0');
+
+			return {
+				formData: {
+					visitorName: '1',
+					visitorUnit: '1',
+					idCard: '',
+					visitorPhone: '15555555555',
+					visitingReason: '',
+					interviewedPerson: '1',
+					interviewedUnit: '1',
+					interviewedPhone: '15555555555',
+					visitingBeginDate: date,
+					visitingBeginTime: time,
+					visitingEndDate: date,
+					visitingEndTime: time,
+					bookingParkingSpace: false,
+					licensePlate: '',
+					facePictures: '',
+					serveStatus: 0
+				},
+				parkingOptions: ['不需要', '需要'],
+				statusOptions: ['待确认', '已确认', '已取消', '已完成'],
+				statusMap: {
+					0: '待确认',
+					1: '已确认',
+					2: '已取消',
+					3: '已完成'
+				},
+				typeList: ['业务洽谈', '会议参与', '面试应聘', '技术支持', '办事咨询', '调研考察'],
+				showTypeDialog: false,
+				showUnitDialog: false,
+				unitList: []
+			}
+		},
+		computed: {
+			interviewedUnitLabel() {
+				if (!this.formData.interviewedUnit) return '';
+				const unit = this.unitList.find(item => item.value === this.formData.interviewedUnit);
+				return unit ? unit.name : '';
+			}
+		},
+		onLoad() {
+			this.getUnits()
+			// #ifdef APP-PLUS
+			plus.screen.lockOrientation('default');
+			// #endif
+		},
+		onReady() {
+			// #ifdef APP-PLUS
+			plus.screen.lockOrientation('landscape-primary');
+			// #endif
+		},
+		methods: {
+			async getUnits() {
+				console.log("t1","11111")
+				let res = await this.$u.api.getUnits();
+				if (res.code == '200') {
+					this.unitList = res.data;
+				}
+			},
+			// 添加选择拜访事由方法
+			selectVisitingReason(reason) {
+				this.formData.visitingReason = reason;
+				this.showTypeDialog = false;
+			},
+			// 添加选择被访单位方法
+			selectInterviewedUnit(unit) {
+				this.formData.interviewedUnit = unit.value;
+				this.showUnitDialog = false;
+			},
+
+			// 点击外部关闭下拉菜单
+			handleClickOutside() {
+				this.showTypeDialog = false;
+				this.showUnitDialog = false;
+			},
+
+			// 处理日期时间选择
+			onBeginDateChange(e) {
+				this.formData.visitingBeginDate = e.detail.value;
+			},
+			onBeginTimeChange(e) {
+				this.formData.visitingBeginTime = e.detail.value;
+			},
+			onEndDateChange(e) {
+				this.formData.visitingEndDate = e.detail.value;
+			},
+			onEndTimeChange(e) {
+				this.formData.visitingEndTime = e.detail.value;
+			},
+
+			// 处理车位预约选择
+			// handleParkingChange(e) {
+			// 	this.formData.bookingParkingSpace = e.detail.value === 1;
+			// 	if (!this.formData.bookingParkingSpace) {
+			// 		this.formData.licensePlate = '';
+			// 	}
+			// },
+
+			// 处理状态选择
+			handleStatusChange(e) {
+				this.formData.serveStatus = e.detail.value;
+			},
+
+			// 拍照
+			takePhoto() {
+				uni.chooseImage({
+					count: 1,
+					sourceType: ['camera'], // 只允许使用相机
+					success: (res) => {
+						// console.log(res.tempFilePaths[0])
+						this.formData.facePictures = res.tempFilePaths[0];
+					},
+					fail: (err) => {
+						uni.showToast({
+							title: '拍照失败',
+							icon: 'none'
+						});
+					}
+				});
+			},
+
+			// 表单验证
+			validateForm() {
+				const {
+					qrCodeId,
+					visitorName,
+					visitorUnit,
+					idCard,
+					visitorPhone,
+					visitingReason,
+					interviewedPerson,
+					bookingParkingSpace,
+					licensePlate,
+					facePictures,
+					visitingBeginDate,
+					visitingBeginTime,
+					visitingEndDate,
+					visitingEndTime
+				} = this.formData;
+
+				// 验证姓名
+				if (!visitorName) {
+					return '请输入访客姓名';
+				}
+
+				// 验证公司
+				if (!idCard) {
+					return '请输入证件号';
+				}
+
+				// 验证电话
+				if (!visitorPhone) {
+					return '请输入联系电话';
+				}
+
+				// 简单的手机号格式验证
+				if (!/^1[3-9]\d{9}$/.test(visitorPhone)) {
+					return '请输入正确的手机号码';
+				}
+
+				// 验证事由
+				if (!visitingReason) {
+					return '请输入拜访事由';
+				}
+
+				// 验证被访人
+				// if (!interviewedPerson) {
+				// 	return '请输入被访人姓名';
+				// }
+
+				// 验证车牌号（如果需要预约车位）
+				// if (bookingParkingSpace && !licensePlate) {
+				// 	return '请输入车牌号';
+				// }
+
+
+				if (!facePictures) {
+					return '请拍照上传人脸照片';
+				}
+
+				// 验证时间逻辑
+				const beginDateTime = new Date(`${visitingBeginDate} ${visitingBeginTime}`);
+				const endDateTime = new Date(`${visitingEndDate} ${visitingEndTime}`);
+
+				if (beginDateTime >= endDateTime) {
+					return '开始时间必须早于结束时间';
+				}
+
+				return ''; // 验证通过
+			},
+
+			// 提交表单
+			async submitForm() {
+				const errorMsg = this.validateForm();
+				if (errorMsg) {
+					uni.showToast({
+						title: errorMsg,
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 合并日期和时间
+				this.formData.visitingBeginTime =
+					`${this.formData.visitingBeginDate} ${this.formData.visitingBeginTime}`;
+				this.formData.visitingEndTime = `${this.formData.visitingEndDate} ${this.formData.visitingEndTime}`;
+
+
+
+				// 显示加载提示
+				uni.showLoading({
+					title: '提交中...',
+					mask: true
+				});
+				const images = [this.formData.facePictures]
+
+				const result = await uploadFiles({
+					files: images,
+					url: this.vuex_config.baseUrl + '/resource/oss/upload',
+					name: 'file',
+					vm: this // 关键：用于注入 token 等
+				});
+				let parsedData = result[0]
+				if (parsedData.code == 200) {
+					const submitData = {
+						...this.formData,
+						bookingParkingSpace: this.formData
+							.bookingParkingSpace ? 0 : 1
+					};
+					// 第二步：从解析后的数据中获取ossId
+					const ossId = parsedData.data.ossId;
+					console.log("ossId", ossId)
+					submitData.facePictures = ossId;
+					console.log(submitData)
+					this.$u.api.fksub(submitData).then(res => {
+						console.log(res)
+						if (res.code == 200) {
+							this.resetForm();
+							uni.showToast({
+								title: "提交成功，请等待审核！",
+								icon: "success"
+							})
 						}else {
 							uni.showToast({
 								title: "提交失败",
 								icon: "none"
 							})
-						}
-					})
-				} else {
-					uni.showToast({
-						title: '上传失败',
-						icon: 'none'
-					});
-				}
-				uni.hideLoading();
-				// return
-				// 模拟API请求
-				// setTimeout(() => {
-				// uni.request({
-				// 		url: this.formData.facePictures
-				// 	})
-				// 	// .then(response => response.blob())
-				// 	.then(blob => {
-				// 		// 此时得到了原始Blob对象
-				// 		console.log(blob);
-				// 		const file = new File([blob], 'filename.png', {
-				// 			type: blob.type
-				// 		});
-				// 		// 构建FormData进行上传
-				// 		const formData = new FormData();
-				// 		formData.append('file', file);
-				// 		console.log(formData)
-				// 发送上传请求
-				// this.$u.api.uploadimg()
-				// 接上面的代码，假设Blob是图片类型
-				// uni.uploadFile({
-				// 	url: 'http://183.230.235.66:11010/api/resource/oss/upload', // 后端上传接口地址
-				// 	filePath: this.formData.facePictures, // 要上传的文件路径
-				// 	name: 'file', // 后端接收文件的参数名
-				// 	// FormData中的其他参数
-				// 	// formData: {
-				// 	// 	'code': this.formData.qrCodeId // 示例：其他表单字段
-				// 	// },
-				// 	// // 上传进度回调
-				// 	// onProgressUpdate: (res) => {
-				// 	//   this.progress = res.progress;
-				// 	//   console.log('上传进度:' + res.progress);
-				// 	// },
-				// 	// 上传成功回调
-				// 	success: (res) => {
-				// 		console.log('上传成功', res);
-
-				// 		// this.formData.facePictures = res.data.ossId;
-				// 		// 准备提交数据
-				// 		const submitData = {
-				// 			...this.formData,
-				// 			bookingParkingSpace: this.formData
-				// 				.bookingParkingSpace ? 0 : 1
-				// 		};
-
-				// 		const parsedData = JSON.parse(res.data);
-				// 		if (parsedData.code == 200) {
-				// 			// 第二步：从解析后的数据中获取ossId
-				// 			const ossId = parsedData.data.ossId;
-				// 			console.log("ossId", ossId)
-				// 			submitData.facePictures = ossId;
-				// 			console.log(submitData)
-				// 			this.$u.api.fksub(submitData).then(res => {
-				// 				console.log(res)
-				// 				if (res.code == 200) {
-				// 					this.resetForm();
-				// 					uni.showToast({
-				// 						title: "提交成功，请等待审核！",
-				// 						icon: "success"
-				// 					})
-				// 				}
-				// 			})
-				// 		}else{
-				// 			uni.showToast({
-				// 				title: '上传失败',
-				// 				icon: 'none'
-				// 			});
-				// 		}
-
-
-				// 		// uni.showToast({
-				// 		//   title: '上传成功',
-				// 		//   icon: 'success'
-				// 		// });
-				// 	},
-				// 	// 上传失败回调
-				// 	fail: (err) => {
-				// 		console.error('上传失败', err);
-				// 		uni.showToast({
-				// 			title: '上传失败',
-				// 			icon: 'none'
-				// 		});
-				// 	},
-				// 	// 无论成功失败都会执行
-				// 	complete: () => {
-				// 		this.progress = 0; // 重置进度
-				// 	}
-				// });
-				// this.$u.api.uploadimg(formData).then(res => {
-				// 	console.log(res)
-				// 	if (res.code == 200) {
-				// 		uni.showToast({
-				// 			title: "提交成功，请等待审核！",
-				// 			icon: "success"
-				// 		})
-				// 	} else {
-				// 		uni.showToast({
-				// 			title: "tp提交失败！",
-				// 			icon: "error"
-				// 		})
-				// 	}
-				// })
-
-				// });
-
-
-
-				// 显示成功提示
-				// uni.showToast({
-				// 	title: '提交成功',
-				// 	icon: 'success',
-				// 	duration: 2000
-				// });
-
-				// // 提交成功后，可跳转到成功页面或重置表单
-				// setTimeout(() => {
-				// 	// 重置表单
-				// 	this.resetForm();
-				// 	// 返回到上一页或跳转到其他页面
-				// 	// uni.navigateBack();
-				// }, 2000);
-				// }, 1500);
-			},
-			delimg() {
-				this.formData.facePictures = ''
-			},
-
-			// 重置表单
-			resetForm() {
-				const now = new Date();
-				const date = now.getFullYear() + '-' +
-					(now.getMonth() + 1).toString().padStart(2, '0') + '-' +
-					now.getDate().toString().padStart(2, '0');
-				const time = now.getHours().toString().padStart(2, '0') + ':' +
-					now.getMinutes().toString().padStart(2, '0');
-
-				this.formData = {
-					visitorName: '',
-					visitorUnit: '',
-					visitorPhone: '',
-					visitingReason: '',
-					interviewedPerson: '',
-					interviewedUnit: '',
-					interviewedPhone: '',
-					visitingBeginDate: date,
-					visitingBeginTime: time,
-					visitingEndDate: date,
-					visitingEndTime: time,
-					bookingParkingSpace: false,
-					licensePlate: '',
-					facePictures: '',
-					serveStatus: 0
-				};
-			}
-		}
-	}
-</script>
-
-<style scoped>
-	.container {
-		background-color: #f5f7fa;
-		min-height: 100vh;
-	}
-
-	.form-card {
-		background-color: #fff;
-		border-radius: 12px;
-		margin: 16px;
-		padding: 20px;
-		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
-	}
-
-	.form-title {
-		font-size: 20px;
-		font-weight: bold;
-		color: #333;
-		text-align: center;
-		margin-bottom: 24px;
-	}
-
-	.section-title {
-		font-size: 16px;
-		font-weight: 600;
-		color: #333;
-		margin-top: 20px;
-		margin-bottom: 12px;
-		padding-left: 8px;
-		border-left: 3px solid #007aff;
-	}
-
-	.form-item {
-		display: flex;
-		align-items: center;
-		margin-bottom: 16px;
-	}
-
-	.label {
-		width: 96px;
-		font-size: 14px;
-		color: #666;
-		margin-right: 12px;
-	}
-
-	.label.required::before {
-		content: '*';
-		color: #ff4d4f;
-		margin-right: 4px;
-	}
-
-	.input-wrapper {
-		flex: 1;
-		height: 40px;
-		border: 1px solid #e5e6eb;
-		border-radius: 6px;
-		padding: 0 12px;
-		display: flex;
-		align-items: center;
-		position: relative;
-	}
-
-	.select-wrapper {
-		flex: 1;
-		height: 40px;
-		border: 1px solid #e5e6eb;
-		border-radius: 6px;
-		padding: 0 12px;
-		display: flex;
-		align-items: center;
-		position: relative;
-		cursor: pointer;
-	}
-
-	.select-wrapper text {
-		flex: 1;
-		font-size: 14px;
-		color: #333;
-	}
-
-	.filter-img {
-		width: 18rpx;
-		height: 10rpx;
-		margin-left: 8rpx;
-		transition: transform 0.3s;
-	}
-
-	.select-wrapper.active .filter-img {
-		transform: rotate(180deg);
-	}
-
-	.input-wrapper input {
-		flex: 1;
-		height: 100%;
-		font-size: 14px;
-		color: #333;
-	}
-
-	.input-wrapper .filter-img {
-		position: absolute;
-		right: 12px;
-		top: 50%;
-		transform: translateY(-50%);
-		width: 18px;
-		/* Adjust based on your image size */
-		height: 10px;
-		/* Adjust based on your image size */
-	}
-
-	.picker-wrapper {
-		flex: 1;
-		height: 40px;
-		border: 1px solid #e5e6eb;
-		border-radius: 6px;
-		padding: 0 12px;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		position: relative;
-	}
-
-	.picker-wrapper::after {
-		content: '';
-		width: 0;
-		height: 0;
-		border-left: 5px solid transparent;
-		border-right: 5px solid transparent;
-		border-top: 6px solid #999;
-		position: absolute;
-		right: 12px;
-	}
-
-	.time-picker {
-		margin-left: 10px;
-	}
-
-	.picker-value {
-		font-size: 14px;
-		color: #333;
-		flex: 1;
-	}
-
-	.upload-wrapper {
-		flex: 1;
-		display: flex;
-		align-items: center;
-	}
-
-	.upload-btn {
-		width: 80px;
-		height: 80px;
-		background-color: #f5f7fa;
-		border-radius: 6px;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		border: 1px dashed #e5e6eb;
-	}
-
-	.upload-text {
-		font-size: 12px;
-		color: #999;
-		margin-top: 4px;
-	}
-
-	.preview-image {
-		width: 80px;
-		height: 80px;
-		border-radius: 6px;
-		margin-left: 12px;
-		overflow: hidden;
-		border: 1px solid #e5e6eb;
-	}
-
-	.preview-image image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.submit-wrapper {
-		margin-top: 32px;
-	}
-
-	.submit-btn {
-		width: 100%;
-		height: 44px;
-		background-color: #007aff;
-		color: #fff;
-		font-size: 16px;
-		font-weight: 500;
-		border-radius: 22px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.filter-btn {
-		padding: 15rpx 22rpx;
-		background: #f7f7f7;
-		border-radius: 25rpx;
-		height: 58rpx;
-		color: #9a9a9a;
-		font-size: 28rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin-right: 24rpx;
-		position: relative;
-		cursor: pointer;
-	}
-
-	.filter-img {
-		width: 18rpx;
-		height: 10rpx;
-		margin-left: 8rpx;
-	}
-
-	.dropdown {
-		position: absolute;
-		top: calc(100% + 5px);
-		left: 0;
-		right: 0;
-		background: #fff;
-		border-radius: 6px;
-		box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
-		z-index: 999;
-		max-height: 200px;
-		overflow-y: auto;
-	}
-
-	.dropdown-item {
-		padding: 12px;
-		font-size: 14px;
-		color: #333;
-		border-bottom: 1rpx solid #eee;
-		text-align: left;
-		cursor: pointer;
-	}
-
-	.dropdown-item:last-child {
-		border-bottom: none;
-	}
-
-	.dropdown-item:hover {
-		background-color: #f5f7fa;
-	}
+						}
+					})
+				} else {
+					uni.showToast({
+						title: '上传失败',
+						icon: 'none'
+					});
+				}
+				uni.hideLoading();
+				// return
+				// 模拟API请求
+				// setTimeout(() => {
+				// uni.request({
+				// 		url: this.formData.facePictures
+				// 	})
+				// 	// .then(response => response.blob())
+				// 	.then(blob => {
+				// 		// 此时得到了原始Blob对象
+				// 		console.log(blob);
+				// 		const file = new File([blob], 'filename.png', {
+				// 			type: blob.type
+				// 		});
+				// 		// 构建FormData进行上传
+				// 		const formData = new FormData();
+				// 		formData.append('file', file);
+				// 		console.log(formData)
+				// 发送上传请求
+				// this.$u.api.uploadimg()
+				// 接上面的代码，假设Blob是图片类型
+				// uni.uploadFile({
+				// 	url: 'http://183.230.235.66:11010/api/resource/oss/upload', // 后端上传接口地址
+				// 	filePath: this.formData.facePictures, // 要上传的文件路径
+				// 	name: 'file', // 后端接收文件的参数名
+				// 	// FormData中的其他参数
+				// 	// formData: {
+				// 	// 	'code': this.formData.qrCodeId // 示例：其他表单字段
+				// 	// },
+				// 	// // 上传进度回调
+				// 	// onProgressUpdate: (res) => {
+				// 	//   this.progress = res.progress;
+				// 	//   console.log('上传进度:' + res.progress);
+				// 	// },
+				// 	// 上传成功回调
+				// 	success: (res) => {
+				// 		console.log('上传成功', res);
+
+				// 		// this.formData.facePictures = res.data.ossId;
+				// 		// 准备提交数据
+				// 		const submitData = {
+				// 			...this.formData,
+				// 			bookingParkingSpace: this.formData
+				// 				.bookingParkingSpace ? 0 : 1
+				// 		};
+
+				// 		const parsedData = JSON.parse(res.data);
+				// 		if (parsedData.code == 200) {
+				// 			// 第二步：从解析后的数据中获取ossId
+				// 			const ossId = parsedData.data.ossId;
+				// 			console.log("ossId", ossId)
+				// 			submitData.facePictures = ossId;
+				// 			console.log(submitData)
+				// 			this.$u.api.fksub(submitData).then(res => {
+				// 				console.log(res)
+				// 				if (res.code == 200) {
+				// 					this.resetForm();
+				// 					uni.showToast({
+				// 						title: "提交成功，请等待审核！",
+				// 						icon: "success"
+				// 					})
+				// 				}
+				// 			})
+				// 		}else{
+				// 			uni.showToast({
+				// 				title: '上传失败',
+				// 				icon: 'none'
+				// 			});
+				// 		}
+
+
+				// 		// uni.showToast({
+				// 		//   title: '上传成功',
+				// 		//   icon: 'success'
+				// 		// });
+				// 	},
+				// 	// 上传失败回调
+				// 	fail: (err) => {
+				// 		console.error('上传失败', err);
+				// 		uni.showToast({
+				// 			title: '上传失败',
+				// 			icon: 'none'
+				// 		});
+				// 	},
+				// 	// 无论成功失败都会执行
+				// 	complete: () => {
+				// 		this.progress = 0; // 重置进度
+				// 	}
+				// });
+				// this.$u.api.uploadimg(formData).then(res => {
+				// 	console.log(res)
+				// 	if (res.code == 200) {
+				// 		uni.showToast({
+				// 			title: "提交成功，请等待审核！",
+				// 			icon: "success"
+				// 		})
+				// 	} else {
+				// 		uni.showToast({
+				// 			title: "tp提交失败！",
+				// 			icon: "error"
+				// 		})
+				// 	}
+				// })
+
+				// });
+
+
+
+				// 显示成功提示
+				// uni.showToast({
+				// 	title: '提交成功',
+				// 	icon: 'success',
+				// 	duration: 2000
+				// });
+
+				// // 提交成功后，可跳转到成功页面或重置表单
+				// setTimeout(() => {
+				// 	// 重置表单
+				// 	this.resetForm();
+				// 	// 返回到上一页或跳转到其他页面
+				// 	// uni.navigateBack();
+				// }, 2000);
+				// }, 1500);
+			},
+			delimg() {
+				this.formData.facePictures = ''
+			},
+
+			// 重置表单
+			resetForm() {
+				const now = new Date();
+				const date = now.getFullYear() + '-' +
+					(now.getMonth() + 1).toString().padStart(2, '0') + '-' +
+					now.getDate().toString().padStart(2, '0');
+				const time = now.getHours().toString().padStart(2, '0') + ':' +
+					now.getMinutes().toString().padStart(2, '0');
+
+				this.formData = {
+					visitorName: '',
+					visitorUnit: '',
+					visitorPhone: '',
+					visitingReason: '',
+					interviewedPerson: '',
+					interviewedUnit: '',
+					interviewedPhone: '',
+					visitingBeginDate: date,
+					visitingBeginTime: time,
+					visitingEndDate: date,
+					visitingEndTime: time,
+					bookingParkingSpace: false,
+					licensePlate: '',
+					facePictures: '',
+					serveStatus: 0
+				};
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.container {
+		background-color: #f5f7fa;
+		min-height: 100vh;
+	}
+
+	.form-card {
+		background-color: #fff;
+		border-radius: 12px;
+		margin: 16px;
+		padding: 20px;
+		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+	}
+
+	.form-title {
+		font-size: 20px;
+		font-weight: bold;
+		color: #333;
+		text-align: center;
+		margin-bottom: 24px;
+	}
+
+	.section-title {
+		font-size: 16px;
+		font-weight: 600;
+		color: #333;
+		margin-top: 20px;
+		margin-bottom: 12px;
+		padding-left: 8px;
+		border-left: 3px solid #007aff;
+	}
+
+	.form-item {
+		display: flex;
+		align-items: center;
+		margin-bottom: 16px;
+	}
+
+	.label {
+		width: 96px;
+		font-size: 14px;
+		color: #666;
+		margin-right: 12px;
+	}
+
+	.label.required::before {
+		content: '*';
+		color: #ff4d4f;
+		margin-right: 4px;
+	}
+
+	.input-wrapper {
+		flex: 1;
+		height: 40px;
+		border: 1px solid #e5e6eb;
+		border-radius: 6px;
+		padding: 0 12px;
+		display: flex;
+		align-items: center;
+		position: relative;
+	}
+
+	.select-wrapper {
+		flex: 1;
+		height: 40px;
+		border: 1px solid #e5e6eb;
+		border-radius: 6px;
+		padding: 0 12px;
+		display: flex;
+		align-items: center;
+		position: relative;
+		cursor: pointer;
+	}
+
+	.select-wrapper text {
+		flex: 1;
+		font-size: 14px;
+		color: #333;
+	}
+
+	.filter-img {
+		width: 18rpx;
+		height: 10rpx;
+		margin-left: 8rpx;
+		transition: transform 0.3s;
+	}
+
+	.select-wrapper.active .filter-img {
+		transform: rotate(180deg);
+	}
+
+	.input-wrapper input {
+		flex: 1;
+		height: 100%;
+		font-size: 14px;
+		color: #333;
+	}
+
+	.input-wrapper .filter-img {
+		position: absolute;
+		right: 12px;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 18px;
+		/* Adjust based on your image size */
+		height: 10px;
+		/* Adjust based on your image size */
+	}
+
+	.picker-wrapper {
+		flex: 1;
+		height: 40px;
+		border: 1px solid #e5e6eb;
+		border-radius: 6px;
+		padding: 0 12px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		position: relative;
+	}
+
+	.picker-wrapper::after {
+		content: '';
+		width: 0;
+		height: 0;
+		border-left: 5px solid transparent;
+		border-right: 5px solid transparent;
+		border-top: 6px solid #999;
+		position: absolute;
+		right: 12px;
+	}
+
+	.time-picker {
+		margin-left: 10px;
+	}
+
+	.picker-value {
+		font-size: 14px;
+		color: #333;
+		flex: 1;
+	}
+
+	.upload-wrapper {
+		flex: 1;
+		display: flex;
+		align-items: center;
+	}
+
+	.upload-btn {
+		width: 80px;
+		height: 80px;
+		background-color: #f5f7fa;
+		border-radius: 6px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		border: 1px dashed #e5e6eb;
+	}
+
+	.upload-text {
+		font-size: 12px;
+		color: #999;
+		margin-top: 4px;
+	}
+
+	.preview-image {
+		width: 80px;
+		height: 80px;
+		border-radius: 6px;
+		margin-left: 12px;
+		overflow: hidden;
+		border: 1px solid #e5e6eb;
+	}
+
+	.preview-image image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.submit-wrapper {
+		margin-top: 32px;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 44px;
+		background-color: #007aff;
+		color: #fff;
+		font-size: 16px;
+		font-weight: 500;
+		border-radius: 22px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.filter-btn {
+		padding: 15rpx 22rpx;
+		background: #f7f7f7;
+		border-radius: 25rpx;
+		height: 58rpx;
+		color: #9a9a9a;
+		font-size: 28rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 24rpx;
+		position: relative;
+		cursor: pointer;
+	}
+
+	.filter-img {
+		width: 18rpx;
+		height: 10rpx;
+		margin-left: 8rpx;
+	}
+
+	.dropdown {
+		position: absolute;
+		top: calc(100% + 5px);
+		left: 0;
+		right: 0;
+		background: #fff;
+		border-radius: 6px;
+		box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
+		z-index: 999;
+		max-height: 200px;
+		overflow-y: auto;
+	}
+
+	.dropdown-item {
+		padding: 12px;
+		font-size: 14px;
+		color: #333;
+		border-bottom: 1rpx solid #eee;
+		text-align: left;
+		cursor: pointer;
+	}
+
+	.dropdown-item:last-child {
+		border-bottom: none;
+	}
+
+	.dropdown-item:hover {
+		background-color: #f5f7fa;
+	}
+	
+	.face-tip-wrapper {
+		flex: 1;
+		margin-left: 108px; /* 与label宽度和margin一致 */
+	}
+	
+	.face-tip {
+		font-size: 12px;
+		color: #999;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/sys/user/index.vue b/pages/sys/user/index.vue
index 027164d..4dec1ae 100644
--- a/pages/sys/user/index.vue
+++ b/pages/sys/user/index.vue
@@ -46,6 +46,9 @@
 				</u-cell-group>
 			</view>
 		</view>
+		<view class="button-wrapper">
+			<button class="logout-btn" @click="logout">退出登录</button>
+		</view>
 	</view>
 </template>
 <script>
@@ -74,17 +77,23 @@ export default {
 			});
 		},
 		logout() {
-			this.$u.api.logout().then(res => {
-				this.$u.toast(res.msg);
-				if (res.code == '200' || res.code == '401') {
-					let self = this;
-					setTimeout(() => {
-						uni.reLaunch({
-							url: '/pages/sys/login/index'
-						});
-					}, 500);
-				}
+			// 清除用户信息并返回登录页
+			this.$u.vuex('vuex_user', {});
+			this.$u.vuex('vuex_token', '');
+			uni.reLaunch({
+				url: '/pages/sys/login/index'
 			});
+			// this.$u.api.logout().then(res => {
+			// 	this.$u.toast(res.msg);
+			// 	if (res.code == '200' || res.code == '401') {
+			// 		let self = this;
+			// 		setTimeout(() => {
+			// 			uni.reLaunch({
+			// 				url: '/pages/sys/login/index'
+			// 			});
+			// 		}, 500);
+			// 	}
+			// });
 		},
 		upgrade(){
 			// #ifdef APP-PLUS
@@ -117,8 +126,12 @@ export default {
 page {
 	background-color: #f5f5f5;
 }
+.button-wrapper {
+	padding: 80rpx 0;
+}
 .wrap .u-cell-box .u-cell_title{
 	color:#202328;
+	margin-bottom: 80rpx;
 }
 .sign-in-images{
 	width: 125rpx;
@@ -131,4 +144,18 @@ page {
 		height:50rpx;
 	}
 }
+
+	.logout-btn {
+		width: 80vw;
+		height: 80rpx;
+		background: #0090FF;
+		color: #fff;
+		font-size: 32rpx;
+		border: none;
+		border-radius: 40rpx;
+		display: block;
+		box-shadow: 0 18rpx 24rpx rgba(0, 0, 0, 0.18);
+		font-weight: bold;
+		margin: 0 auto;
+	}
 </style>