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 14:05:30 +08:00
parent ced688a7a3
commit c176fadafe
1 changed files with 31 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/PigBatchList.vue
View File

@@ -3,9 +3,25 @@
<div v-for="batch in pigBatches" :key="batch.id" class="pig-batch-item"> <div v-for="batch in pigBatches" :key="batch.id" class="pig-batch-item">
<div class="batch-header" @click="toggleExpand(batch)"> <div class="batch-header" @click="toggleExpand(batch)">
<div class="batch-info"> <div class="batch-info">
<span>批次编号: {{ batch.batch_number }}</span> <div class="batch-info-line">
<span>状态: {{ batch.status }}</span> <span>批次编号: {{ batch.batch_number }}</span>
<span>初始数量: {{ batch.initial_count }}</span> <span>状态: {{ batch.status }}</span>
<span>初始数量: {{ batch.initial_count }}</span>
<span v-if="batch.currentTotalQuantity !== undefined && batch.currentTotalQuantity !== null">当前总数: {{ batch.currentTotalQuantity }}</span>
<span v-if="batch.origin_type">批次来源: {{ batch.origin_type }}</span>
</div>
<div class="batch-info-line">
<span v-if="batch.start_date">批次开始日期: {{ formatRFC3339(batch.start_date) }}</span>
<span v-if="batch.end_date">
批次结束日期:
<template v-if="formatRFC3339(batch.end_date) === '0001-01-01 08:00:00'">
正在饲养中
</template>
<template v-else>
{{ formatRFC3339(batch.end_date) }}
</template>
</span>
</div>
</div> </div>
<div class="batch-actions"> <div class="batch-actions">
<el-button size="small" type="primary" @click.stop="showAddPenDialog(batch)">增加猪栏</el-button> <el-button size="small" type="primary" @click.stop="showAddPenDialog(batch)">增加猪栏</el-button>
@@ -51,7 +67,8 @@
<script> <script>
import PigBatchPenCard from './PigBatchPenCard.vue'; import PigBatchPenCard from './PigBatchPenCard.vue';
import { getAllPens, getAllPigHouses } from '../api/pigBatch'; // Import new API functions import { getAllPens, getAllPigHouses } from '../api/pigBatch';
import { formatRFC3339 } from '../utils/format'; // 导入格式化函数
export default { export default {
name: 'PigBatchList', name: 'PigBatchList',
@@ -74,6 +91,7 @@ export default {
}; };
}, },
methods: { methods: {
formatRFC3339,
toggleExpand(batch) { toggleExpand(batch) {
batch.isExpanded = !batch.isExpanded; batch.isExpanded = !batch.isExpanded;
}, },
@@ -162,16 +180,21 @@ export default {
.batch-info { .batch-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column; /* 垂直堆叠子元素 */
gap: 8px; gap: 8px; /* 行间距 */
} }
.batch-info span:first-child { .batch-info-line {
display: flex;
flex-wrap: wrap;
gap: 0 20px; /* 列间距 */
}
.batch-info-line:first-child span:first-child {
font-weight: bold; font-weight: bold;
} }
.batch-info span { .batch-info span {
margin-right: 20px;
font-size: 14px; font-size: 14px;
color: #606266; color: #606266;
} }