From 14fe56b734077b3dc318b6f0ca313f661de824da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=81=92=E6=88=90?= <962704835@qq.com>
Date: Fri, 24 Oct 2025 17:45:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E7=94=9F=E5=85=A5=E4=BD=8F=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E9=87=87=E9=9B=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/dms/studentDormInfo/index.js              |  59 +++
 config.js                                     |   2 +-
 pages.json                                    |  19 +-
 pages/dormitory/studentDormInfo/index.vue     | 278 ++++++++++
 .../studentDormInfo/informationCollection.vue | 480 ++++++++++++++++++
 static/images/workbench/studentDormInfo.png   | Bin 0 -> 3053 bytes
 6 files changed, 835 insertions(+), 3 deletions(-)
 create mode 100644 api/dms/studentDormInfo/index.js
 create mode 100644 pages/dormitory/studentDormInfo/index.vue
 create mode 100644 pages/dormitory/studentDormInfo/informationCollection.vue
 create mode 100644 static/images/workbench/studentDormInfo.png

diff --git a/api/dms/studentDormInfo/index.js b/api/dms/studentDormInfo/index.js
new file mode 100644
index 0000000..70d6498
--- /dev/null
+++ b/api/dms/studentDormInfo/index.js
@@ -0,0 +1,59 @@
+import request from '@/utils/request'
+
+// 查询宿舍学生关联列表
+export function listStudent(query) {
+  return request({
+    url: '/dormitory/srs-dormitory-student/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增宿舍学生关联
+export function addStudent(data) {
+  return request({
+    url: '/dormitory/srs-dormitory-student/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取校区
+export function listAllCampus() {
+  return request({
+    url: '/dormitory/dms-dormitory/listAllCampus',
+    method: 'get'
+  })
+}
+
+// 根据校区id获取园区
+export function listParkByCampus(id) {
+  return request({
+    url: '/dormitory/dms-dormitory/listParkByCampus/' + id,
+    method: 'get'
+  })
+}
+
+// 根据园区id获取楼栋
+export function listBuildingByPark(id) {
+  return request({
+    url: '/dormitory/dms-dormitory/listBuildingByPark/' + id,
+    method: 'get'
+  })
+}
+
+// 根据楼栋id获取楼层
+export function listFloorByBuilding(id) {
+  return request({
+    url: '/dormitory/dms-dormitory/listFloorByBuilding/' + id,
+    method: 'get'
+  })
+}
+
+// 根据楼层id获取宿舍号
+export function listAllRoomByFloor(id) {
+  return request({
+    url: '/dormitory/dms-dormitory/listAllRoomByFloor/' + id,
+    method: 'get'
+  })
+}
\ No newline at end of file
diff --git a/config.js b/config.js
index baedf0a..de16370 100644
--- a/config.js
+++ b/config.js
@@ -3,7 +3,7 @@ module.exports = {
 	// baseUrl: 'http://zhxg.gxsdxy.cn/prod_api',
 	// baseUrl: 'http://172.16.96.111:8085',
 	// baseUrl: 'http://192.168.211.22:8085',
-	baseUrl: 'http://localhost:8088',
+	baseUrl: 'http://localhost:8085',
 	// 应用信息
 	appInfo: {
 		// 应用名称
diff --git a/pages.json b/pages.json
index 3a8df26..14f3856 100644
--- a/pages.json
+++ b/pages.json
@@ -209,8 +209,7 @@
 				"navigationBarBackgroundColor": "#1890FF",
 				"navigationBarTextStyle": "white"
 			}
-		},
-		{
+		}, {
 			"path": "pages/record/record",
 			"style": {
 				"navigationBarTitleText": "住宿记录",
@@ -218,6 +217,22 @@
 				"navigationBarBackgroundColor": "#1890FF",
 				"navigationBarTextStyle": "white"
 			}
+		}, {
+			"path": "pages/dormitory/studentDormInfo/index",
+			"style": {
+				"navigationBarTitleText": "学生入住信息收集",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#1890FF",
+				"navigationBarTextStyle": "white"
+			}
+		}, {
+			"path": "pages/dormitory/studentDormInfo/informationCollection",
+			"style": {
+				"navigationBarTitleText": "信息收集",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#1890FF",
+				"navigationBarTextStyle": "white"
+			}
 		}, {
 			"path": "pages/addapply/addapply",
 			"style": {
diff --git a/pages/dormitory/studentDormInfo/index.vue b/pages/dormitory/studentDormInfo/index.vue
new file mode 100644
index 0000000..e64a85f
--- /dev/null
+++ b/pages/dormitory/studentDormInfo/index.vue
@@ -0,0 +1,278 @@
+<template>
+	<view class="page-container">
+		<!-- 添加信息收集按钮 -->
+		<view class="add" @click="addDormInfo">+</view>
+
+		<!-- 滚动容器（使用scroll-view确保事件生效） -->
+		<scroll-view class="scroll-container" scroll-y @scrolltolower="loadNextPage" refresher-enabled
+			@refresherrefresh="handleRefresh">
+			<!-- 入住收集列表 -->
+			<view class="dorm-list">
+				<view class="dorm-item" v-for="(item, index) in dormInfo"
+					:key="`${item.id}_${Math.ceil((index + 1) / queryParams.pageSize)}`" @click="handleItemClick(item)">
+					<view class="item-header">
+						<view class="name">姓名: {{ item.stuName }}</view>
+						<view class="tag" :class="item.isDormitoryHead === 1 ? 'head-tag' : ''">
+							{{ item.isDormitoryHead === 1 ? '宿舍长' : '' }}
+						</view>
+					</view>
+					<view class="item-content">
+						<view>学号: {{ item.stuNo }}</view>
+						<view>班级: {{ item.className }}</view>
+						<view>院系: {{ item.deptName }}</view>
+						<view>宿舍: {{ item.parkName }} {{ item.buildingName }} {{ item.floorName }}楼{{ item.roomNo }}室
+						</view>
+						<view>入住时间: {{ item.checkinTime }}</view>
+						<view>状态: {{ item.inStatus === '1' ? '已入住' : '未入住' }}</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 加载状态 -->
+			<view v-if="isLoading" class="loading">加载中...</view>
+			<view v-if="!hasMore && dormInfo.length > 0" class="no-more">已加载全部数据</view>
+			<view v-if="dormInfo.length === 0 && !isLoading" class="no-data">暂无数据</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {
+		listStudent
+	} from "@/api/dms/studentDormInfo/index.js"
+	import {
+		getUserProfile
+	} from '@/api/system/user'
+
+	export default {
+		data() {
+			return {
+				queryParams: {
+					pageNum: 1,
+					pageSize: 5, // 每页5条，便于测试分页
+					dormitoryId: null,
+					bedId: null,
+					stuNo: null,
+					isDormitoryHead: null,
+					status: null,
+					checkinTime: null,
+					inStatus: null,
+					stuName: null,
+				},
+				dormInfo: [],
+				isLoading: false,
+				hasMore: true
+			}
+		},
+		onShow() {
+			// 每次显示页面时重置数据并重新加载
+			this.resetData()
+			this.getUserProfile()
+		},
+		methods: {
+			// 重置分页数据（用于刷新或重新加载）
+			resetData() {
+				this.queryParams.pageNum = 1
+				this.dormInfo = []
+				this.hasMore = true
+			},
+
+			// 查询列表数据
+			async getList() {
+				if (this.isLoading || !this.hasMore) return
+				this.isLoading = true
+
+				try {
+					const res = await listStudent(this.queryParams)
+					if (res.code === 200) {
+						const newData = res.rows || []
+						// 第一页覆盖数据，后续页追加
+						this.dormInfo = this.queryParams.pageNum === 1 ?
+							newData :
+							[...this.dormInfo, ...newData]
+						// 判断是否还有更多数据（当前页数据量等于页大小，说明可能有下一页）
+						this.hasMore = newData.length === this.queryParams.pageSize
+					} else {
+						uni.showToast({
+							title: '加载失败',
+							icon: 'none'
+						})
+					}
+				} catch (err) {
+					console.error('加载数据出错:', err)
+					uni.showToast({
+						title: '网络错误',
+						icon: 'none'
+					})
+				} finally {
+					this.isLoading = false
+					// 停止下拉刷新
+					uni.stopPullDownRefresh()
+				}
+			},
+
+			// 加载下一页
+			loadNextPage() {
+				console.log('触发加载下一页')
+				if (this.hasMore) {
+					this.queryParams.pageNum++
+					this.getList()
+				}
+			},
+
+			// 下拉刷新
+			handleRefresh() {
+				console.log('触发下拉刷新')
+				this.resetData()
+				this.getList()
+			},
+
+			// 获取用户信息
+			async getUserProfile() {
+				try {
+					const res = await getUserProfile()
+					console.log('当前用户信息:', res)
+					if (res.roleGroup == "学生") {
+						this.queryParams.stuName = res.data.nickName
+					}
+					this.getList()
+				} catch (err) {
+					console.error('获取用户信息失败:', err)
+				}
+			},
+
+			// 跳转添加页面
+			addDormInfo() {	
+				if (this.dormInfo.length > 0) {
+					uni.showToast({
+						title: '请勿重复提交',
+						icon: 'none'
+					});
+					return
+				}
+				uni.navigateTo({
+					url: `/pages/dormitory/studentDormInfo/informationCollection`
+				})
+			},
+
+			// 点击列表项
+			handleItemClick(item) {
+				console.log('点击学生信息:', item)
+				// 可添加跳转详情页逻辑
+				// uni.navigateTo({ url: `/pages/detail?id=${item.id}` })
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.page-container {
+		position: relative;
+		height: 100vh;
+		background-color: #f5f7fa;
+	}
+
+	/* 滚动容器 */
+	.scroll-container {
+		height: 100%;
+		/* 必须设置高度才能滚动 */
+		width: 100%;
+		padding-bottom: 120rpx;
+		/* 预留底部按钮空间 */
+		box-sizing: border-box;
+	}
+
+	/* 添加按钮 */
+	.add {
+		position: fixed;
+		bottom: 50rpx;
+		right: 50rpx;
+		width: 90rpx;
+		height: 90rpx;
+		border-radius: 50%;
+		background-color: #1890FF;
+		color: white;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 60rpx;
+		box-shadow: 0 4rpx 12rpx rgba(24, 144, 255, 0.3);
+		z-index: 99;
+	}
+
+	/* 列表容器 */
+	.dorm-list {
+		padding: 20rpx;
+	}
+
+	/* 列表项 */
+	.dorm-item {
+		background-color: #fff;
+		border-radius: 16rpx;
+		padding: 28rpx;
+		margin-bottom: 20rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+		transition: transform 0.2s;
+	}
+
+	.dorm-item:active {
+		transform: scale(0.99);
+		/* 点击反馈 */
+	}
+
+	/* 列表项头部 */
+	.item-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 20rpx;
+		padding-bottom: 16rpx;
+		border-bottom: 1px solid #f0f0f0;
+	}
+
+	.name {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: #333;
+	}
+
+	.tag {
+		font-size: 24rpx;
+		padding: 4rpx 16rpx;
+		border-radius: 20rpx;
+		color: #fff;
+	}
+
+	.head-tag {
+		background-color: #28a745;
+	}
+
+	/* 列表项内容 */
+	.item-content {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.8;
+	}
+
+	.item-content view {
+		margin-bottom: 14rpx;
+	}
+
+	.item-content view:last-child {
+		margin-bottom: 0;
+	}
+
+	/* 加载状态 */
+	.loading,
+	.no-more,
+	.no-data {
+		text-align: center;
+		padding: 30rpx 0;
+		color: #999;
+		font-size: 28rpx;
+	}
+
+	.no-data {
+		padding: 100rpx 0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/dormitory/studentDormInfo/informationCollection.vue b/pages/dormitory/studentDormInfo/informationCollection.vue
new file mode 100644
index 0000000..3931898
--- /dev/null
+++ b/pages/dormitory/studentDormInfo/informationCollection.vue
@@ -0,0 +1,480 @@
+<template>
+	<view class="form-container">
+		<view class="form-title">2025-2026学年学生宿舍入住收集表</view>
+		<view class="form-desc">涉及住宿费核算，请同学们按照实际入住情况填写。</view>
+
+		<!-- 1. 校区 -->
+		<view class="form-item">
+			<view class="item-label">
+				<text class="required">*</text>校区
+			</view>
+			<picker @change="handleCampusChange" :range="campusOptions" :range-key="'name'">
+				<view class="picker-input">{{ form.campusName || '请选择校区' }}</view>
+			</picker>
+		</view>
+
+		<!-- 2. 园区 -->
+		<view class="form-item" v-if="form.campusName">
+			<view class="item-label">
+				<text class="required">*</text>园区
+			</view>
+			<picker @change="handleParkChange" :range="parkOptions" :range-key="'name'">
+				<view class="picker-input">{{ form.parkName || '请选择园区' }}</view>
+			</picker>
+		</view>
+
+		<!-- 3. 楼栋 -->
+		<view class="form-item" v-if="form.parkName">
+			<view class="item-label">
+				<text class="required">*</text>楼栋
+			</view>
+			<picker @change="handleBuildingChange" :range="buildingOptions" :range-key="'name'">
+				<view class="picker-input">{{ form.buildingName || '请选择楼栋' }}</view>
+			</picker>
+		</view>
+
+		<!-- 4. 层（下拉框） -->
+		<view class="form-item" v-if="form.buildingName">
+			<view class="item-label">
+				<text class="required">*</text>层
+			</view>
+			<picker @change="handleFloorChange" :range="floorOptions" :range-key="'floor'">
+				<view class="picker-input">{{ form.floorName || '请选择楼层' }}</view>
+			</picker>
+		</view>
+
+		<!-- 5. 宿舍 -->
+		<view class="form-item" v-if="form.floorName">
+			<view class="item-label">
+				<text class="required">*</text>宿舍
+			</view>
+			<picker @change="handleDormChange" :range="dormOptions" :range-key="'displayText'">
+				<view class="picker-input">{{ form.roomNo || '请选择宿舍' }}</view>
+			</picker>
+		</view>
+
+		<!-- 6. 学生学号 -->
+		<view class="form-item">
+			<view class="item-label">
+				<text class="required">*</text>学生学号
+			</view>
+			<input class="input" v-model="form.stuNo" placeholder="请输入学生学号" />
+		</view>
+
+		<!-- 7. 是否为宿舍长 -->
+		<view class="form-item">
+			<view class="item-label">
+				<text class="required">*</text>是否为宿舍长
+			</view>
+			<picker @change="handleDormHeadChange" :range="dormHeadOptions">
+				<view class="picker-input">{{ form.isDormHead || '请选择' }}</view>
+			</picker>
+		</view>
+
+		<!-- 8. 入住时间 -->
+		<view class="form-item">
+			<view class="item-label">
+				<text class="required">*</text>入住时间
+			</view>
+			<picker mode="date" @change="handleCheckinTimeChange">
+				<view class="picker-input">{{ form.checkinTime || '请选择入住时间' }}</view>
+			</picker>
+		</view>
+
+		<!-- 9. 本人证件照 -->
+		<view class="form-item">
+			<view class="item-label">
+				<text class="required">*</text>本人证件照
+			</view>
+			<view class="item-desc">请上传本人证件照，以便宿管阿姨能认识大家，谢谢。</view>
+			<view class="upload-btn" @click="handleUpload">
+				<text class="upload-icon">+</text>
+				<text>上传图片</text>
+			</view>
+			<view class="upload-tip">当前设置：最多上传1张图片，单个图片10MB以内</view>
+			<view class="upload-preview" v-if="form.photo">
+				<image :src="form.photo" mode="aspectFill" />
+			</view>
+		</view>
+
+		<!-- 提交按钮 -->
+		<button class="submit-btn" @click="handleSubmit" v-hasPermi="['dms:dormStu:add']">提交</button>
+	</view>
+</template>
+
+<script>
+	import {
+		listAllCampus,
+		listParkByCampus,
+		listBuildingByPark,
+		listFloorByBuilding,
+		listAllRoomByFloor,
+		addStudent
+	} from "@/api/dms/studentDormInfo/index.js"
+	import {
+		getUserProfile
+	} from '@/api/system/user'
+	export default {
+		data() {
+			return {
+				user: [],
+				form: {
+					campusName: '',
+					parkName: '',
+					buildingName: '',
+					floorName: '',
+					roomNo: '',
+					stuNo: '',
+					isDormitoryHead: '',
+					isDormHead: '',
+					checkinTime: '',
+					photo: '',
+					teacherName: '',
+					className: '',
+					deptName: '',
+					stuName: '',
+					displayText: '',
+					isInStudentsleep: '是',
+				},
+				// 校区选项
+				campusOptions: [],
+				// 园区选项（按校区联动）
+				parkOptions: [],
+				// 楼栋选项（按园区联动）
+				buildingOptions: [],
+				// 楼层选项（下拉框）
+				floorOptions: [],
+				// 宿舍号选项（下拉框）
+				dormOptions: [],
+				// 宿舍长选项
+				dormHeadOptions: ['否', '是'],
+				// 当前选中项的id
+				selectedCampus: null, // 选中的校区（{id, name}）
+				selectedPark: null, // 选中的园区
+				selectedBuilding: null, // 选中的楼栋
+				selectedFloor: null, // 选中的楼层
+				selectedDorm: null, //选中的宿舍
+			};
+		},
+		onLoad() {
+			this.getUserProfile()
+			this.listAllCampus()
+		},
+		methods: {
+			// 获取用户信息
+			async getUserProfile() {
+				try {
+					const res = await getUserProfile()
+					this.user = res
+					this.form.stuNo =
+						console.log('当前用户信息:', res)
+				} catch (err) {
+					console.error('获取用户信息失败:', err)
+				}
+			},
+			// 获取校区数据
+			async listAllCampus() {
+				let res = await listAllCampus()
+				if (res.code == 200) {
+					this.campusOptions = [...res.data]
+				}
+			},
+			// 根据校区id获取园区
+			async listParkByCampus(id) {
+				let res = await listParkByCampus(id)
+				if (res.code == 200) {
+					this.parkOptions = [...res.data]
+				}
+			},
+			// 根据园区id获取楼栋
+			async listBuildingByPark(id) {
+				let res = await listBuildingByPark(id)
+				if (res.code == 200) {
+					this.buildingOptions = [...res.data]
+				}
+			},
+			// 根据楼栋id获取楼层
+			async listFloorByBuilding(id) {
+				let res = await listFloorByBuilding(id)
+				if (res.code == 200) {
+					this.floorOptions = [...res.data]
+				}
+			},
+			// 根据楼层id获取宿舍号
+			async listAllRoomByFloor(id) {
+				let res = await listAllRoomByFloor(id)
+				if (res.code == 200) {
+					this.dormOptions = [...res.data]
+					// 遍历数据，为每个对象添加 displayText 属性
+					this.dormOptions = res.data.map(v => ({
+						...v, // 保留原对象所有属性
+						// 新增拼接后的显示文本属性
+						displayText: `${v.roomNo} -- ${v.gender} -- 床位 ${v.bedNum} -- 已住 ${v.occupancy}`,
+						isFull: v.occupancy >= v.bedNum // 新增：判断是否满人
+					}));
+				}
+			},
+			// 校区选择变化
+			handleCampusChange(e) {
+				this.form.campusName = this.campusOptions[e.detail.value].name;
+				this.form.parkName = ''; // 重置园区
+				this.form.buildingName = ''; // 重置楼栋
+				this.form.floorName = ''; // 重置楼层
+				this.form.roomNo = ''; // 重置宿舍
+				// 获取选中的校区id
+				this.selectedCampus = this.campusOptions[e.detail.value].id;
+				// 获取对应校区下面的园区
+				this.listParkByCampus(this.selectedCampus)
+			},
+			// 园区选择变化
+			handleParkChange(e) {
+				this.form.parkName = this.parkOptions[e.detail.value].name;
+				this.form.buildingName = ''; // 重置楼栋
+				this.form.floorName = ''; // 重置楼层
+				this.form.roomNo = ''; // 重置宿舍
+				// 获取选中的园区的id
+				this.selectedPark = this.parkOptions[e.detail.value].id;
+				// 获取对应园区下面的楼栋
+				this.listBuildingByPark(this.selectedPark)
+			},
+			// 楼栋选择变化
+			handleBuildingChange(e) {
+				this.form.buildingName = this.buildingOptions[e.detail.value].name;
+				this.form.floorName = ''; // 重置楼层
+				this.form.roomNo = ''; // 重置宿舍
+				// 获取选中的楼栋的id
+				this.selectedBuilding = this.buildingOptions[e.detail.value].id;
+				// 获取选中的楼栋下面的楼层
+				this.listFloorByBuilding(this.selectedBuilding)
+			},
+			// 楼层选择变化（下拉框）
+			handleFloorChange(e) {
+				this.form.floorName = this.floorOptions[e.detail.value].floor;
+				this.form.roomNo = ''; // 重置宿舍
+				// 获取选中的楼层的id
+				this.selectedFloor = this.floorOptions[e.detail.value].id;
+				// 获取选中的楼层下面的宿舍号
+				this.listAllRoomByFloor(this.selectedFloor)
+			},
+			// 宿舍号选择变化（行拉框）
+			handleDormChange(e) {
+				const index = e.detail.value;
+				const selectedDorm = this.dormOptions[index]; // 获取选中的宿舍对象
+
+				// 判断是否满人
+				if (selectedDorm.isFull) {
+					// 满人时提示并重置选择
+					uni.showToast({
+						title: `宿舍 ${selectedDorm.roomNo} 已住满，无法选择`,
+						icon: 'none',
+						duration: 2000
+					});
+					// 重置宿舍选择（如果之前有选中值则保留，否则为空）
+					if (!this.form.roomNo) {
+						this.form.roomNo = '';
+					}
+					return;
+				}
+
+				// 未满人时正常选中
+				this.form.roomNo = selectedDorm.roomNo; // 显示拼接文本
+				this.selectedDorm = selectedDorm.id; // 存储宿舍ID（用于提交）
+			},
+			// 宿舍长选择变化
+			handleDormHeadChange(e) {
+				this.form.isDormitoryHead = this.dormHeadOptions[e.detail.value] == '是' ? 1 : 0;
+				this.form.isDormHead = this.dormHeadOptions[e.detail.value]
+			},
+			// 入住时间选择变化
+			handleCheckinTimeChange(e) {
+				this.form.checkinTime = e.detail.value;
+			},
+			// 证件照上传
+			handleUpload() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['compressed'],
+					sourceType: ['album', 'camera'],
+					success: (res) => {
+						this.form.photo = res.tempFilePaths[0];
+					}
+				});
+			},
+			// 提交表单
+			async handleSubmit() {
+				console.log(this.form);
+				// 验证必填项
+				if (
+					!this.form.campusName || // 校区名称（字符串，空则false）
+					!this.form.parkName || // 园区名称（字符串，空则false）
+					!this.form.buildingName || // 楼栋名称（字符串，空则false）
+					(!this.form.floorName && this.form.floorName !== 0) || // 楼层（数值，排除0的误判）
+					(!this.form.roomNo && this.form.roomNo !== 0) || // 宿舍号（数值，排除0的误判）
+					!this.form.isDormHead || // 是否宿舍长（值为"是"/"否"）
+					!this.form.checkinTime || // 入住时间（日期字符串，空则false）
+					!this.form.photo // 证件照（blob路径，空则false，若必填需加）
+				) {
+					uni.showToast({
+						title: '带*号的为必填项，请填写完整',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+				this.form.dormitoryId = this.selectedDorm;
+				// 模拟提交
+				uni.showLoading({
+					title: '提交中...'
+				});			
+				// 添加入住信息
+				let res = await addStudent(this.form);
+				if (res.code == 200) {
+					uni.hideLoading();
+					uni.showToast({
+						title: '提交成功',
+						icon: 'success'
+					});
+					setTimeout(() =>  {
+						// 重置表单
+						this.form = {
+							campusName: '',
+							parkName: '',
+							buildingName: '',
+							floorName: '',
+							roomNo: '',
+							stuNo: '',
+							isDormitoryHead: '',
+							checkinTime: '',
+							photo: ''
+						};
+						uni.navigateTo({
+						  url: `/pages/dormitory/studentDormInfo/index`
+						})
+					}, 1000);
+				}
+			}
+		}
+	};
+</script>
+
+<style scoped lang="scss">
+	.form-container {
+		padding: 30rpx;
+		background-color: #fff;
+		min-height: 100vh;
+	}
+
+	.form-title {
+		font-size: 36rpx;
+		font-weight: bold;
+		text-align: center;
+		margin-bottom: 20rpx;
+	}
+
+	.form-desc {
+		font-size: 24rpx;
+		color: #666;
+		text-align: center;
+		margin-bottom: 40rpx;
+	}
+
+	.form-item {
+		margin-bottom: 40rpx;
+	}
+
+	.item-label {
+		font-size: 28rpx;
+		font-weight: 500;
+		color: #333;
+		margin-bottom: 16rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	// 红色*号样式
+	.required {
+		color: #ff4d4f;
+		margin-right: 6rpx;
+		font-weight: bold;
+	}
+
+	.item-desc {
+		font-size: 24rpx;
+		color: #999;
+		margin-bottom: 20rpx;
+	}
+
+	// 下拉框样式
+	.picker-input {
+		width: 100%;
+		height: 80rpx;
+		border: 1px solid #eee;
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		padding: 0 20rpx;
+		box-sizing: border-box;
+		font-size: 28rpx;
+		background-color: #f9f9f9;
+	}
+
+	// 输入框样式
+	.input {
+		width: 100%;
+		height: 80rpx;
+		border: 1px solid #eee;
+		border-radius: 8rpx;
+		padding: 0 20rpx;
+		box-sizing: border-box;
+		font-size: 28rpx;
+	}
+
+	// 图片上传样式
+	.upload-btn {
+		width: 200rpx;
+		height: 80rpx;
+		border: 1px dashed #ccc;
+		border-radius: 8rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 10rpx;
+		font-size: 28rpx;
+		color: #666;
+		margin-bottom: 20rpx;
+	}
+
+	.upload-icon {
+		font-size: 40rpx;
+		font-weight: bold;
+	}
+
+	.upload-tip {
+		font-size: 22rpx;
+		color: #999;
+		margin-bottom: 20rpx;
+	}
+
+	.upload-preview {
+		width: 200rpx;
+		height: 200rpx;
+		border-radius: 8rpx;
+		overflow: hidden;
+	}
+
+	.upload-preview image {
+		width: 100%;
+		height: 100%;
+	}
+
+	// 提交按钮样式
+	.submit-btn {
+		width: 100%;
+		height: 90rpx;
+		background-color: #1890ff;
+		color: #fff;
+		font-size: 32rpx;
+		border-radius: 45rpx;
+		margin-top: 60rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/static/images/workbench/studentDormInfo.png b/static/images/workbench/studentDormInfo.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f45642cc085faedb16c28a6422b0a387396994e
GIT binary patch
literal 3053
zcmV<J3lj8+P)<h;3K|Lk000e1NJLTq004LZ004Lh1^@s6Ib=4{00001b5ch_0Itp)
z=>Px=r%6OXRCr$Pomp@c#~H`}J+r&ISR}B-5x__a7=sanBgDqB<0I!wDj^T?W1x&w
z#1(9CI7B2^gp7;{*d~dI<P`WZDOZKJI8Noj*oDhLumN+#fB?xD83f2WSK6afAInNY
z+SxgGc6PS=Nu}-izW)Bd>7G8Odl*D=wF1o5(TU(70K5Dq5P$_>mn-1%@I(z3fL*SD
z%fqw01~)cxuiS}Q(J&Tspw#91Sr#6XaGrBq0nk#lk+oQ5*fikZ*YoKf4<3^lejEiB
zF`(S4!ez0Y(+qf9mhtwAU$Zl2bTABf-*#RSl2OlqN;3rz*Ctnh15MrtYF2DwH;iay
z2=Lwp{)Ei%CKzTIaVoCSsQ|}?2*=7*)$E|oEA>xwH0|KO1n>vFjzoS-6nL(31A9Y{
zC0#YRX(#_FqWG&G2O_V<3P@O1xsDysYE?7fH+S&a95D63*IFo%FS!B?n6q*NJF7(}
zO@Q}o;bU|2@eY8cT8xT3DOccduopjCy_I#UdC~;9aR+Y{y=65i?fsp4*Hs%>m6}&o
z!25p7=Y%6Tt!7C4ZodMYVMf(@b}^Y}Rlto6JisJuvA_7jqXq?5Rc>H^GzGY62mchn
zLmHfkEOslvaiDS|TV@#W-UePOOSoirxrIM%3UHvgY6JVa8Ng4-68@vjoye6A1$YsB
zRaGpc<U8pzxT%5v0uuJ8qu|1)HU%UJ70<3?^cYQ;k^&YTENvpEHCGhNE34UCt_1AM
z0cOkrN+tu*C~)o*;6|H1xeLYs6-$8pF~IdNfYyt^SGV=qNM~*y#n!577H}P4e<85&
zQ6M+(-q7BE7wGNQF8Sj>1o8^*&41zu(AKKmMmlr45^%{RVE(rN*)v+&|D6ObpVub2
zzX(|RbmF`h&jJ@RVCLO*fXf~LX3hneLhpf~5F9OOd<pQ)$CYzZlTEcb8qs1cJ$YOM
zn1EI+1}5L1Tu3Vclc&xO;J+UL1O4d%sOHrbfW1Co;ZmUJKDBUT&8k&3IPR^#4><M#
z(5<?5qh3C%b7VZ=0za_$+dyu<Hfd4;m^?=!z{w-Ap0<-xMgzWY0<hqb#GNT6ky8aY
z?(h6*p!uA05N9ml=`(;?^OQSN=>klC+dc<Q9gU5>)15L7Fm<LLS_n)r_{w~$Yj7MW
zO@>hCD>RT^#2E!xPiHEfH8}1&*c<D7^>n2Va>f9rsY2>Zjht1|E1g|6I9{$u7&!5f
z{wY$uaVh1`2*BfufdxwekJo(Ib_1poa}IoVO8X3&`6!1hI36%PYw4M*G&7}FjC25w
zm+@K)aOzkLxLwJyfC=b>^MU)5zK@_^rgQ?P(stYgjvuzK^W{ju)D+YBmga)3PU!|r
z@$~h?I$wHLwT$ZEIKX-Nz~aYZ>#wOuP5?}Cg+su{hk;w|sff~{&tRHMra5IA4y7tN
z1#rCcb?yYvlJw1Gb4oa-22Z8V)FNZSv^K|Pk0{aH^qd9CcEVvGZ^TOgO1bG#(bubN
zOOM}Vk&&G<9~+BZ?J7qAE`0!)RiRc?<=>AU0&Wf4{``ZVDd(keY1u4ozHVGg4p@(0
zHIH<I(s<eGly<=5ih(8HF&CB|p`8kt6gc~d_04tK0hiB;y@6pSxdrg;cHqc+W|SCx
zZQ23PU1WUWARdle0Mqd4(BIt#crh?#y1Af+1EvX*?<d)f<K!lqI&_C<m$ii{{WVws
z9>ggCE8N+l1}j&2*VSMOH4}$PRBlm&6>d~|(TyhYX<?n_ucyyczN4+2=pescU&VaU
z?3>wz5dqkO&WDqxDo2JR01Lpn6>!BfSWncV2H&ez%J&D)wP2Ve0K2>wEdUF^g9?Zy
zS~Ssv3aD)#)zfll$(wb(Xqq=Zc@*eq2lD-~apvS{qoun18PL)Ucsu}Y+NN!!N=eV&
zAvM6{H-01pZGKDSmv$V|GGIK-{su5+Y~s>o9pI4x)1m}*%0?zVt4US@*5dc-72wlj
zLnWr0;A;wtD*~_ufUSH63&0v4JjsShqiS#|K<me5YOnz8piY(mtf7XeWO4LNmJz^e
z3;v=8XLt=3fbRvEQ8ifU-Dy1w{-Opus0P#NH3$DTRG_J4v7Lq^)3Nt~o7ac_n{2_~
z%3+cgzqF%}#`5trZ%N{@JpG<^!z2p2<pL18dl>G-DTyZu=ylWhi|@3jDbZv|Twp5!
zYw=5yHN#KVE1ju)XiQcDHs6oD*MgNzwAE!3fGto|0Cvzb*aDuTObEaN@Sp-}iw#!a
zfTD@EKv7YHMGY1;IIe&d-)s=?WDV7*tZSla4Ef$WLnqSECUM#<J~Ev-4z%9=dJ`?C
zKl(l8w%p2buok}^w}6j^eR$~Mr+~t7iOZLDfZe#@uV;DGf-VO#YA#y5(V-uCW&yTf
z!QaXzTD;Mr;fB-GWYMvPX5Z)#fE_eUO2vY|0PJAER;&jLzyh%5i4O4$Hu(%5x!^yo
zJn<=Z!x!FV8Tjr`>=_5sk^Svo#(XLHz1AB08cRIU7uhCF731JR1!z${e!en&C^9F(
zF@$t#Yp^eN2^~K;wn!N;?eHg?S`r<Ms<aD%uGiw1CToU&%(8HN>}E)mvTmY73k1D+
z2rwPKrX{HzWvIo5o;(7u9<>zm3cwEPWLdy-lnDV?03K98G|>$_z$9!jQ`78TE)+Fb
zM-6_XKD5>2^=vi+m_AQOuaer8oD7&gRr}$;tW_d35Zv}$ZJr{dq=&G)8tAAm$SeGf
znIcUq1Lh=nnca-dWY;<w@aLC+)5ooiJlNM=zdGQrRkE5C@UEJ+?SB8nYBNQWWZ>Z^
z0e_(xE84GhDqtEfAO0uM+oL@e^_(2t-M6-{-Bzqv36lceS<|+?&?Mk^A*q?BNdRAt
zda=#qpq&qXg(DP3+Lb-P7cFMIsb5Q9D5WD9uUv?IZpX?LjfT<HbF*Px{iIEXYVa%7
zR~yFoi#K}Y6n-Yf%80YfRwx`qPxq~t*EdX2Y-LrOXs<87Iyc9kWzuCvxP8G+^as0*
z1KwTR{t_79l%H1wN%CYy)LBwWYMy)hIuMCQj5pD{YHqA#5}G`o9Ee)%tUD*z--U3v
zAK=V*Cu>jLm-EA6>CP!oK3@TRUX5Rza+VgZD@`cWhyH<BkBv)w`HO)GZyD-jH8yf@
z&(-$9kC=}sD0ZD#nHEsIX^xjW62+72>Prq90!$a}-qL;voR`wylI%f#Zj!~=Oj9cZ
z%iGg?6MWbQikajoTN4;}*)ZT;wKonhhM{*T7(-spSje&kpX<&*fzwswD35@8%{&?z
zECL74y;xT=J6V~M4wLA@oi*2&%M#l+(umKO51%(bUGZj>-+@pc2JSv{hX>BUURqOE
zTw@Y&N0}^zniCnJp_A8>1KHz)#1!6B$to1q1xw9vIMR<$C<uD)CQ4pUWZthfPda4^
z@SW%I=JtI6U!KemHQACR-vLeFMH8+aHZ{M|Xat-`?>t|lkr2Ys0e~k(w|{M2@d`CB
zs!cQ**c<4Y5aa_Navm*LGbnyfy#kC$&AH6?$f|&U*x^!%{b~YCm%h5K>nR=zTD+Q>
zdNJJSfq8SEUQ_G;x0cv6114jy)!kkl4ToRXVp!x!jRKO#^ZW~&$L-N-T^C?7`pV|3
zKli}*XRQuIKI;?+W8j(fbyNPL$D(e)Wc=mY)(S84{)s_eqQ{xYYfJ%-$dM2aJ-cz+
zw4^=eMAi)fCPRT2E)|U(>))-`yEYb*xN1lNw!gEpYi;1QvJNAv7zP}7_Pe^aicrY&
z3}<{910FO|2yx9Y1sJ;wj#H8({e#K!yU*7ao;Rb9X~4sszZ&Q$4~N6$lEljxXLshW
zMN(HlmOYo4)PFQ*;)F9*RqXE3tm@Zk$zdsAEe=H<dle9X?bX|MZvwFGlH2Q00Jc|e
v+r0_Ewo7iWLjl-cy>0g<0NXCPy$=5m?4NMr@X>SV00000NkvXXu0mjfJy*6c

literal 0
HcmV?d00001