猪群管理让用户选择猪栏

src/views/pms/PigBatchManagementView.vue

@@ -41,6 +41,7 @@
           @add-pen="handleAddPen"
           @edit-pen="handleEditPen"
           @delete-pen="handleDeletePen"
+          @assign-pen-to-batch="handleAssignPenToBatch"
         />
         <el-empty v-else description="暂无数据" />
       </div>
@@ -68,7 +69,7 @@
 </template>
 
 <script>
-import { getPigBatches, deletePigBatch } from '@/api/pigBatch.js';
+import { getPigBatches, deletePigBatch, assignPensToBatch } from '@/api/pigBatch.js'; // Import assignPensToBatch
 import { getPens, deletePen } from '@/api/pen.js';
 import { getPigHouses } from '@/api/pigHouse.js';
 import PigBatchList from '@/components/PigBatchList.vue';
@@ -253,6 +254,16 @@ export default {
           this.$message.success('猪栏添加成功');
         }
       }
+    },
+    async handleAssignPenToBatch({ batchId, penId }) {
+      try {
+        await assignPensToBatch(batchId, { pen_ids: [penId] });
+        this.$message.success('猪栏分配成功');
+        await this.loadData(); // Refresh data to show assigned pen
+      } catch (error) {
+        this.$message.error('分配猪栏失败: ' + (error.response?.data?.message || error.message || '未知错误'));
+        console.error('Failed to assign pen to batch:', error);
+      }
     }
   }
 }