修bug

src/components/PigHouseList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="pig-house-list">
     <div v-for="house in enrichedPigHouses" :key="house.id" class="pig-house-item">
-      <div class="house-header" @click="toggleExpand(house)">
+      <div class="house-header" @click="emitToggleExpand(house.id)">
         <div class="house-info">
           <span>猪舍: {{ house.name }}</span>
           <span v-if="house.description">描述: {{ house.description }}</span>
@@ -44,14 +44,14 @@ export default {
       required: true
     }
   },
-  emits: ['edit-house', 'delete-house', 'add-pen', 'edit-pen', 'delete-pen'],
+  emits: ['edit-house', 'delete-house', 'add-pen', 'edit-pen', 'delete-pen', 'toggle-house-expand'],
   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
+          house_name: house.name,
+          house_id: house.id
         })) : [];
         return {
           ...house,
@@ -61,8 +61,8 @@ export default {
     }
   },
   methods: {
-    toggleExpand(house) {
-      this.$set(house, 'isExpanded', !house.isExpanded);
+    emitToggleExpand(houseId) {
+      this.$emit('toggle-house-expand', houseId);
     },
     // 猪舍操作
     emitAddPen(house) {
@@ -82,7 +82,7 @@ export default {
       this.$emit('delete-pen', pen);
     }
   }
-};
+}
 </script>
 
 <style scoped>
@@ -94,7 +94,7 @@ export default {
   border: 1px solid #eee;
   border-radius: 4px;
   margin-bottom: 16px;
-  overflow: hidden; /* 防止子元素溢出圆角 */
+  overflow: hidden;
 }
 
 .house-header {