From 98cd24ee299f8c5a173a937b9a5f62f9fb27d457 Mon Sep 17 00:00:00 2001
From: huang <1724659546@qq.com>
Date: Thu, 23 Oct 2025 12:06:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=91=E7=8C=AA=E6=A0=8F=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E4=B8=AD=E4=BC=A0=E5=85=A5=E9=9C=80=E8=A6=81=E7=9A=84=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PigHouseList.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/PigHouseList.vue b/src/components/PigHouseList.vue
index da0900e5..ca23ac7d 100644
--- a/src/components/PigHouseList.vue
+++ b/src/components/PigHouseList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pig-house-list">
-    <div v-for="house in pigHouses" :key="house.id" class="pig-house-item">
+    <div v-for="house in enrichedPigHouses" :key="house.id" class="pig-house-item">
       <div class="house-header" @click="toggleExpand(house)">
         <div class="house-info">
           <span>猪舍: {{ house.name }}</span>
@@ -45,9 +45,24 @@ export default {
     }
   },
   emits: ['edit-house', 'delete-house', 'add-pen', 'edit-pen', 'delete-pen'],
+  computed: {
+    enrichedPigHouses() {
+      return this.pigHouses.map(house => {
+        const pensWithHouseInfo = house.pens ? house.pens.map(pen => ({
+          ...pen,
+          house_name: house.name, // Add house name to pen object
+          house_id: house.id // Add house id to pen object
+        })) : [];
+        return {
+          ...house,
+          pens: pensWithHouseInfo
+        };
+      });
+    }
+  },
   methods: {
     toggleExpand(house) {
-      house.isExpanded = !house.isExpanded;
+      this.$set(house, 'isExpanded', !house.isExpanded);
     },
     // 猪舍操作
     emitAddPen(house) {
@@ -67,7 +82,7 @@ export default {
       this.$emit('delete-pen', pen);
     }
   }
-}
+};
 </script>
 
 <style scoped>