调整卡片

src/components/PigBatchList.vue

@@ -15,12 +15,12 @@
       </div>
       <div v-if="batch.isExpanded" class="batch-content">
         <div v-if="batch.pens && batch.pens.length > 0" class="pig-pen-list">
-          <PigPenInfoCard
+          <PigBatchPenCard
             v-for="pen in batch.pens"
             :key="pen.id"
             :pen="pen"
-            @edit="emitEditPen"
-            @delete="emitDeletePen"
+            @modify-pig-count="emitModifyPigCountPen"
+            @remove="emitRemovePen"
           />
         </div>
         <div v-else class="no-pens-message">
@@ -50,13 +50,13 @@
 </template>
 
 <script>
-import PigPenInfoCard from './PigPenInfoCard.vue';
+import PigBatchPenCard from './PigBatchPenCard.vue';
 import { getAllPens, getAllPigHouses } from '../api/pigBatch'; // Import new API functions
 
 export default {
   name: 'PigBatchList',
   components: {
-    PigPenInfoCard
+    PigBatchPenCard
   },
   props: {
     pigBatches: {
@@ -64,7 +64,7 @@ export default {
       required: true
     }
   },
-  emits: ['edit-batch', 'delete-batch', 'add-pen', 'edit-pen', 'delete-pen', 'assign-pen-to-batch'],
+  emits: ['edit-batch', 'delete-batch', 'add-pen', 'modify-pig-count-pen', 'remove-pen', 'assign-pen-to-batch'],
   data() {
     return {
       addPenDialogVisible: false,
@@ -124,11 +124,11 @@ export default {
       this.$emit('delete-batch', batch);
     },
     // 猪栏操作
-    emitEditPen(pen) {
-      this.$emit('edit-pen', pen);
+    emitModifyPigCountPen(pen) {
+      this.$emit('modify-pig-count-pen', pen);
     },
-    emitDeletePen(pen) {
-      this.$emit('delete-pen', pen);
+    emitRemovePen(pen) {
+      this.$emit('remove-pen', pen);
     }
   }
 }