pig/pig-farm-controller-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

支持移除猪栏

Browse Source
This commit is contained in:
huang
2025-10-23 15:47:13 +08:00
parent 624592a63d
commit 03eed8202b
1 changed files with 27 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/PigBatchList.vue
View File

@@ -7,7 +7,9 @@
<span>批次编号: {{ batch.batch_number }}</span> <span>批次编号: {{ batch.batch_number }}</span>
<span>状态: {{ batch.status }}</span> <span>状态: {{ batch.status }}</span>
<span>初始数量: {{ batch.initial_count }}</span> <span>初始数量: {{ batch.initial_count }}</span>
<span v-if="batch.currentTotalQuantity !== undefined && batch.currentTotalQuantity !== null">当前总数: {{ batch.currentTotalQuantity }}</span> <span v-if="batch.currentTotalQuantity !== undefined && batch.currentTotalQuantity !== null">当前总数: {{
batch.currentTotalQuantity
}}</span>
<span v-if="batch.origin_type">批次来源: {{ batch.origin_type }}</span> <span v-if="batch.origin_type">批次来源: {{ batch.origin_type }}</span>
</div> </div>
<div class="batch-info-line"> <div class="batch-info-line">
@@ -27,7 +29,9 @@
</div> </div>
</div> </div>
<div class="batch-actions"> <div class="batch-actions">
<el-button size="small" type="primary" @click.stop="showAddPenDialog(batch)" :disabled="!batch.is_active">增加猪栏</el-button> <el-button size="small" type="primary" @click.stop="showAddPenDialog(batch)" :disabled="!batch.is_active">
增加猪栏
</el-button>
<el-button size="small" @click.stop="emitEditBatch(batch)">编辑</el-button> <el-button size="small" @click.stop="emitEditBatch(batch)">编辑</el-button>
<el-button size="small" type="danger" @click.stop="emitDeleteBatch(batch)">删除</el-button> <el-button size="small" type="danger" @click.stop="emitDeleteBatch(batch)">删除</el-button>
</div> </div>
@@ -81,8 +85,8 @@
<script> <script>
import PigBatchPenCard from './PigBatchPenCard.vue'; import PigBatchPenCard from './PigBatchPenCard.vue';
import AllocatePigsDialog from './AllocatePigsDialog.vue'; import AllocatePigsDialog from './AllocatePigsDialog.vue';
import { getAllPens, getAllPigHouses, movePigsIntoPen } from '../api/pigBatch'; import {getAllPens, getAllPigHouses, movePigsIntoPen} from '../api/pigBatch';
import { formatRFC3339 } from '../utils/format'; // 导入格式化函数 import {formatRFC3339} from '../utils/format'; // 导入格式化函数
export default { export default {
name: 'PigBatchList', name: 'PigBatchList',
@@ -156,9 +160,9 @@ export default {
this.selectedPenForAllocation = pen; this.selectedPenForAllocation = pen;
this.allocatePigsDialogVisible = true; this.allocatePigsDialogVisible = true;
}, },
async handleAllocatePigs({ penId, quantity }) { async handleAllocatePigs({penId, quantity}) {
try { try {
await movePigsIntoPen(this.currentBatch.id, { toPenID: penId, quantity }); await movePigsIntoPen(this.currentBatch.id, {toPenID: penId, quantity});
this.$message.success('猪只分配成功'); this.$message.success('猪只分配成功');
this.allocatePigsDialogVisible = false; this.allocatePigsDialogVisible = false;
this.$emit('reload-data'); // 通知父组件重新加载数据 this.$emit('reload-data'); // 通知父组件重新加载数据
@@ -252,20 +256,6 @@ export default {
} }
.batch-info-line .red-text { .batch-info-line .red-text {
color: red !important; // src/api/pigBatch.js 中错误的部分 color: red !important;
/**
* 从猪批次移除空栏
* @param {number} batchID - 猪批次ID
* @param {number} penID - 待移除的猪栏ID
* @returns {Promise<*>}
*/
export const removePenFromBatch = (batchID, penID) = > {
// BUG: URL中的参数顺序 ${penID}/${batchID} 与函数签名 (batchID, penID) 不一致
return http.
delete(` /api/ v1 /pig-batches/ remove-pen / ${penID} / ${batchID} `);
};
} }
</style> </style>