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 18:23:31 +08:00
parent 6d452394aa
commit e1fb3055bb
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/PigBatchPenCard.vue
View File

@@ -7,7 +7,7 @@
<div class="info-item">猪舍: {{ pen.house_name || '未知' }}</div> <div class="info-item">猪舍: {{ pen.house_name || '未知' }}</div>
<div class="info-item border-left">容量: {{ pen.capacity }}</div> <div class="info-item border-left">容量: {{ pen.capacity }}</div>
<div class="info-item">批次: {{ pen.batch_number || '未分配' }}</div> <div class="info-item">批次: {{ pen.batch_number || '未分配' }}</div>
<div class="info-item border-left">存栏: {{ pen.current_pig_count || 0 }}</div> <div class="info-item border-left">存栏: <span :class="{'over-capacity': pen.current_pig_count > pen.capacity}">{{ pen.current_pig_count || 0 }}</span></div>
</div> </div>
<div class="actions-section"> <div class="actions-section">
<el-button size="small" @click="emitAllocatePigs" :disabled="!isBatchActive || batchUnassignedPigCount <= 0">分配猪只</el-button> <el-button size="small" @click="emitAllocatePigs" :disabled="!isBatchActive || batchUnassignedPigCount <= 0">分配猪只</el-button>
@@ -128,4 +128,8 @@ export default {
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
.over-capacity {
color: red;
}
</style> </style>

6
src/components/PigPenInfoCard.vue
View File

@@ -7,7 +7,7 @@
<div class="info-item">猪舍: {{ pen.house_name || '未知' }}</div> <div class="info-item">猪舍: {{ pen.house_name || '未知' }}</div>
<div class="info-item border-left">容量: {{ pen.capacity }}</div> <div class="info-item border-left">容量: {{ pen.capacity }}</div>
<div class="info-item">批次: {{ pen.batch_number || '未分配' }}</div> <div class="info-item">批次: {{ pen.batch_number || '未分配' }}</div>
<div class="info-item border-left">存栏: {{ pen.current_pig_count || 0 }}</div> <div class="info-item border-left">存栏: <span :class="{'over-capacity': pen.current_pig_count > pen.capacity}">{{ pen.current_pig_count || 0 }}</span></div>
</div> </div>
<div class="actions-section"> <div class="actions-section">
<el-button size="small" @click="emitEdit">编辑</el-button> <el-button size="small" @click="emitEdit">编辑</el-button>
@@ -120,4 +120,8 @@ export default {
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
.over-capacity {
color: red;
}
</style> </style>