访客页面 退出登录

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),

pages/sys/msg/index.vue

@@ -64,8 +64,17 @@
 
 			<view class="form-item">
 				<text class="label">被访单位</text>
-				<view class="input-wrapper">
+				<view class="select-wrapper" :class="{active: showUnitDialog}" @click.stop="showUnitDialog = true">
-					<input type="text" placeholder="请输入被访单位名称" v-model="formData.interviewedUnit" />
+					<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>
 
@@ -138,6 +147,11 @@
 					</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>
@@ -197,10 +211,20 @@
 					3: '已完成'
 				},
 				typeList: ['业务洽谈', '会议参与', '面试应聘', '技术支持', '办事咨询', '调研考察'],
-				showTypeDialog: false
+				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
@@ -211,15 +235,28 @@
 			// #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;
 			},
 
 			// 处理日期时间选择
@@ -807,4 +844,14 @@
 	.dropdown-item:hover {
 		background-color: #f5f7fa;
 	}
+	
+	.face-tip-wrapper {
+		flex: 1;
+		margin-left: 108px; /* 与label宽度和margin一致 */
+	}
+	
+	.face-tip {
+		font-size: 12px;
+		color: #999;
+	}
 </style>

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);
+			this.$u.vuex('vuex_user', {});
-				if (res.code == '200' || res.code == '401') {
+			this.$u.vuex('vuex_token', '');
-					let self = this;
+			uni.reLaunch({
-					setTimeout(() => {
+				url: '/pages/sys/login/index'
-						uni.reLaunch({
-							url: '/pages/sys/login/index'
-						});
-					}, 500);
-				}
 			});
+			// 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>