兵马未动 粮草先行

src/views/stuwork/dormroomstudent/transfer.vue

@@ -41,9 +41,11 @@
               style="width: 100%">
               <el-option
                 v-for="item in bedNoList"
-                :key="item"
-                :label="item"
-                :value="item">
+                :key="item.bedNo"
+                :value="item.bedNo">
+                <span :class="{ 'bed-option-occupied': item.haveStudent }">
+                  {{ item.bedNo }}{{ item.haveStudent ? ' (有人)' : '' }}
+                </span>
               </el-option>
             </el-select>
           </el-form-item>
@@ -95,7 +97,8 @@ const dataFormRef = ref()
 const visible = ref(false)
 const loading = ref(false)
 const roomList = ref<any[]>([])
-const bedNoList = ref<string[]>([])
+// 床位列表：支持 haveStudent 标记（true=有人，false=无人）
+const bedNoList = ref<Array<{ bedNo: string; haveStudent: boolean }>>([])
 
 // 提交表单数据
 const form = reactive({
@@ -119,26 +122,33 @@ const dataRules = {
   ]
 }
 
-// 房间号变化时获取床位号列表
+// 房间号变化时获取床位号列表（支持 haveStudent：true=有人，false=无人）
 const handleRoomChange = async (roomNo: string) => {
   if (!roomNo) {
     bedNoList.value = []
     form.bedNo = ''
     return
   }
-  
+
+  const toBedItem = (item: any): { bedNo: string; haveStudent: boolean } => {
+    if (typeof item === 'number' || typeof item === 'string') {
+      return { bedNo: String(item), haveStudent: false }
+    }
+    return {
+      bedNo: String(item?.bedNo ?? item?.value ?? item ?? ''),
+      haveStudent: !!(item && item.haveStudent === true)
+    }
+  }
+
   try {
     const res = await fearchRoomStuNum(roomNo)
     if (res.data) {
       if (Array.isArray(res.data)) {
-        bedNoList.value = res.data.map((item: any) => {
-          if (typeof item === 'number' || typeof item === 'string') {
-            return String(item)
-          }
-          return String(item.bedNo || item.value || item)
-        })
+        bedNoList.value = res.data.map(toBedItem).filter((b) => b.bedNo)
       } else if (res.data.bedNos && Array.isArray(res.data.bedNos)) {
-        bedNoList.value = res.data.bedNos.map((item: any) => String(item))
+        bedNoList.value = res.data.bedNos.map((item: any) =>
+          toBedItem(typeof item === 'object' ? item : { bedNo: String(item), haveStudent: false })
+        )
       } else {
         bedNoList.value = []
       }
@@ -157,20 +167,20 @@ const openDialog = async (row: any) => {
   visible.value = true
   
   // 重置表单数据
-  nextTick(() => {
-    dataFormRef.value?.resetFields()
-    form.id = row.id || ''
-    form.roomNo = row.roomNo || ''
+  await nextTick()
+  dataFormRef.value?.resetFields()
+  form.id = row.id || ''
+  form.roomNo = row.roomNo || ''
+  form.bedNo = row.bedNo || ''
+  form.stuNo = row.stuNo || ''
+  form.isLeader = row.isLeader || '0'
+  bedNoList.value = []
+
+  // 如果有房间号，先拉取床位列表再回填床位号（避免 handleRoomChange 清空 bedNo）
+  if (form.roomNo) {
+    await handleRoomChange(form.roomNo)
     form.bedNo = row.bedNo || ''
-    form.stuNo = row.stuNo || ''
-    form.isLeader = row.isLeader || '0'
-    bedNoList.value = []
-    
-    // 如果有房间号，获取床位号列表
-    if (form.roomNo) {
-      handleRoomChange(form.roomNo)
-    }
-  })
+  }
 }
 
 // 提交表单
@@ -224,3 +234,8 @@ defineExpose({
 })
 </script>
 
+<style scoped lang="scss">
+.bed-option-occupied {
+  color: var(--el-color-warning);
+}
+</style>