admin/zhyc-sheep-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

冻胚冻精完善

Browse Source
This commit is contained in:
zyh
2025-12-04 16:36:38 +08:00
parent f34c2e45f1
commit 93b1f9283a
6 changed files with 683 additions and 767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/views/produce/bodyManage/body_measure/index.vue
View File

@@ -18,7 +18,7 @@
<el-option v-for="item in sheepfoldOptions" :key="item.id" :label="item.sheepfoldName" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="品种" prop="varietyId" style="width: 308px">
<el-form-item label="品种" prop="varietyId">
<el-select v-model="queryParams.varietyId" placeholder="请选择品种" style="min-width:150px" clearable>
<el-option v-for="item in varietyOptions" :key="item.id" :label="item.variety" :value="item.id" />
</el-select>
@@ -39,10 +39,10 @@
<el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['body_measure:body_measure:add']">新增</el-button>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
v-hasPermi="['body_measure:body_measure:edit']">修改</el-button>
</el-col>
</el-col> -->
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
v-hasPermi="['body_measure:body_measure:remove']">删除</el-button>
@@ -56,284 +56,55 @@
<el-table v-loading="loading" :data="body_measureList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100px" fixed />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="100px" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="管理耳号" align="center" prop="manageTags" width="100" fixed />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" width="100" />
<el-table-column label="品种" align="center" prop="varietyName" width="100" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="羊只类别" align="center" prop="sheepTypeName" />
<el-table-column label="性别" align="center">
<el-table-column label="羊只类别" align="center" prop="sheepTypeName" width="100" />
<el-table-column label="性别" align="center" prop="gender" width="100">
<template #default="scope">
<span>{{ genderMap[scope.row.gender] || '未知' }}</span>
</template>
</el-table-column>
<el-table-column label="胎次" align="center" prop="parity">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('parity')">
<span>胎次</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.parity.isSorting || sortStates.parity.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.parity }}</span>
</template>
</el-table-column>
<el-table-column label="出生体重(kg)" align="center" prop="birthWeight" min-width="100px">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('birthWeight')">
<span>出生体重(kg)</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.birthWeight.isSorting || sortStates.birthWeight.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.birthWeight }}</span>
</template>
</el-table-column>
<el-table-column label="断奶体重(kg)" align="center" prop="weaningWeight" min-width="100px">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('weaningWeight')">
<span>断奶体重(kg)</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.weaningWeight.isSorting || sortStates.weaningWeight.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.weaningWeight }}</span>
</template>
</el-table-column>
<el-table-column label="当前体重(kg)" align="center" prop="currentWeight" min-width="100px">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('currentWeight')">
<span>当前体重(kg)</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.currentWeight.isSorting || sortStates.currentWeight.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.currentWeight }}</span>
</template>
</el-table-column>
<el-table-column label="体高" align="center" prop="height">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('height')">
<span>体高</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.height.isSorting || sortStates.height.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.height }}</span>
</template>
</el-table-column>
<el-table-column label="胸围" align="center" prop="bust">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('bust')">
<span>胸围</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.bust.isSorting || sortStates.bust.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.bust }}</span>
</template>
</el-table-column>
<el-table-column label="体斜长" align="center" prop="bodyLength">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('bodyLength')">
<span>体斜长</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.bodyLength.isSorting || sortStates.bodyLength.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.bodyLength }}</span>
</template>
</el-table-column>
<el-table-column label="管围" align="center" prop="pipeLength">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('pipeLength')">
<span>管围</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.pipeLength.isSorting || sortStates.pipeLength.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.pipeLength }}</span>
</template>
</el-table-column>
<el-table-column label="胸深" align="center" prop="chestDepth">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('chestDepth')">
<span>胸深</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.chestDepth.isSorting || sortStates.chestDepth.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.chestDepth }}</span>
</template>
</el-table-column>
<el-table-column label="臀高" align="center" prop="hipHeight">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('hipHeight')">
<span>臀高</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.hipHeight.isSorting || sortStates.hipHeight.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.hipHeight }}</span>
</template>
</el-table-column>
<el-table-column label="尻宽" align="center" prop="rumpWidth">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('rumpWidth')">
<span>尻宽</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.rumpWidth.isSorting || sortStates.rumpWidth.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.rumpWidth }}</span>
</template>
</el-table-column>
<el-table-column label="尻高" align="center" prop="rumpHeignt">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('rumpHeignt')">
<span>尻高</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.rumpHeignt.isSorting || sortStates.rumpHeignt.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.rumpHeignt }}</span>
</template>
</el-table-column>
<el-table-column label="腰角宽" align="center" prop="hipWidth">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;" @click="handleSort('hipWidth')">
<span>腰角宽</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.hipWidth.isSorting || sortStates.hipWidth.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.hipWidth }}</span>
</template>
</el-table-column>
<el-table-column label="十字部高" align="center" prop="hipCrossHeight">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('hipCrossHeight')">
<span>十字部高</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.hipCrossHeight.isSorting || sortStates.hipCrossHeight.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.hipCrossHeight }}</span>
</template>
</el-table-column>
<el-table-column label="胎次" align="center" prop="parity" width="100" />
<el-table-column label="出生体重(kg)" align="center" prop="birthWeight" width="150" sortable />
<el-table-column label="断奶体重(kg)" align="center" prop="weaningWeight" width="150" sortable />
<el-table-column label="当前体重(kg)" align="center" prop="currentWeight" width="150" sortable />
<el-table-column label="体高" align="center" prop="height" width="100" sortable />
<el-table-column label="胸围" align="center" prop="bust" width="100" sortable />
<el-table-column label="体斜长" align="center" prop="bodyLength" width="150" sortable />
<el-table-column label="管围" align="center" prop="pipeLength" width="100" sortable />
<el-table-column label="胸深" align="center" prop="chestDepth" width="100" sortable />
<el-table-column label="臀高" align="center" prop="hipHeight" width="100" sortable />
<el-table-column label="尻宽" align="center" prop="rumpWidth" width="100" sortable />
<el-table-column label="尻高" align="center" prop="rumpHeignt" width="100" sortable />
<el-table-column label="腰角宽" align="center" prop="hipWidth" width="150" sortable />
<el-table-column label="十字部高" align="center" prop="hipCrossHeight" width="150" sortable />
<el-table-column label="繁育状态" align="center" prop="breedStatusName" width="100">
<template #default="scope">
<span>{{ scope.row.breedStatusName || '未设置' }}</span>
</template>
</el-table-column>
<el-table-column label="泌乳天数" align="center" prop="lactationDay" width="100">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('lactationDay')">
<span>泌乳天数</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.lactationDay.isSorting || sortStates.lactationDay.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.lactationDay || '-' }}</span>
</template>
</el-table-column>
<el-table-column label="怀孕天数" align="center" prop="gestationDay" width="100">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('gestationDay')">
<span>怀孕天数</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.gestationDay.isSorting || sortStates.gestationDay.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.gestationDay || '-' }}</span>
</template>
</el-table-column>
<el-table-column label="配后天数" align="center" prop="postMatingDay" width="100">
<template #header>
<div style="display: flex; align-items: center; gap: 4px; cursor: pointer;"
@click="handleSort('postMatingDay')">
<span>配后天数</span>
<el-icon size="16" style="color: skyblue;">
<ArrowUp v-if="!sortStates.postMatingDay.isSorting || sortStates.postMatingDay.isAsc" />
<ArrowDown v-else />
</el-icon>
</div>
</template>
<template #default="scope">
<span>{{ scope.row.postMatingDay || '-' }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" min-width="100px" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="测量日期" align="center" prop="measureDate" width="120">
<el-table-column label="泌乳天数" align="center" prop="lactationDay" width="150" sortable />
<el-table-column label="怀孕天数" align="center" prop="gestationDay" width="150" sortable />
<el-table-column label="配后天数" align="center" prop="postMatingDay" width="150" sortable />
<el-table-column label="备注" align="center" prop="comment" width="100" />
<el-table-column label="技术员" align="center" prop="technician" width="100" />
<el-table-column label="测量日期" align="center" prop="measureDate" width="120">
<template #default="scope">
<span>{{ parseTime(scope.row.measureDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建人" align="center" prop="createBy" width="100" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="130px">
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="130">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['body_measure:body_measure:edit']">修改</el-button>
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['body_measure:body_measure:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['body_measure:body_measure:remove']">删除</el-button>
</template>
@@ -372,10 +143,10 @@
<el-form-item label="管围" prop="pipeLength">
<el-input v-model="form.pipeLength" placeholder="请输入管围" :disabled="!isAdd" clearable />
</el-form-item>
<el-form-item label="胸深" prop="chestDepth">
<el-input v-model="form.chestDepth" placeholder="请输入胸深" :disabled="!isAdd" clearable />
<el-form-item label="技术员" prop="technician">
<el-input v-model="form.technician" placeholder="请输入技术员" :disabled="!isAdd" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
@@ -399,8 +170,8 @@
<el-input v-model="form.hipCrossHeight" placeholder="请输入十字部高" :disabled="!isAdd" clearable />
</el-form-item>
<el-form-item label="技术员" prop="technician">
<el-input v-model="form.technician" placeholder="请输入技术员" :disabled="!isAdd" clearable />
<el-form-item label="胸深" prop="chestDepth">
<el-input v-model="form.chestDepth" placeholder="请输入胸深" :disabled="!isAdd" clearable />
</el-form-item>
</el-col>
</el-row>
@@ -426,7 +197,6 @@ import { getSheepByManageTags } from "@/api/produce/manage_sheep/changeVariety"
import { listSheepfold_management as listSheepfold } from '@/api/fileManagement/sheepfold_management'
import { getVarietyOptions } from '@/api/produce/other/fixHoof'
import { getCurrentInstance } from 'vue'
import { ArrowUp, ArrowDown } from '@element-plus/icons-vue'
const { proxy } = getCurrentInstance()
@@ -478,19 +248,6 @@ const data = reactive({
const { queryParams, form, rules } = toRefs(data)
const [smFields, bsFields] = [
// sc_body_measure 表字段
['height', 'bust', 'bodyLength', 'pipeLength', 'chestDepth', 'hipHeight', 'rumpWidth', 'rumpHeignt', 'hipWidth', 'hipCrossHeight'],
// bas_sheep 表字段
['parity', 'birthWeight', 'weaningWeight', 'currentWeight', 'lactationDay', 'gestationDay', 'postMatingDay']
];
// 排序状态
const sortStates = reactive({
...smFields.reduce((obj, field) => ({ ...obj, [field]: { isSorting: false, isAsc: true } }), {}),
...bsFields.reduce((obj, field) => ({ ...obj, [field]: { isSorting: false, isAsc: true } }), {})
});
//查询体尺测量列表
function getList() {
loading.value = true
@@ -510,23 +267,6 @@ function getList() {
})
}
/**
* 通用排序方法（所有需要排序的列共用）
* @param {String} prop - 排序字段
*/
function handleSort(prop) {
Object.keys(sortStates).forEach(key => {
sortStates[key].isSorting = false;
});
const current = sortStates[prop];
current.isSorting = true;
current.isAsc = !current.isAsc;
queryParams.value.orderBy = prop;
queryParams.value.sortDirection = current.isAsc ? 'ASC' : 'DESC';
queryParams.value.pageNum = 1;
getList();
}
// 耳号脱焦验证
function onManageTagsBlur() {
const tag = form.value.manageTags?.trim();
@@ -597,12 +337,6 @@ function resetQuery() {
data.varietyName = '';
daterangeMeasureDate.value = [];
proxy.resetForm("queryRef");
Object.keys(sortStates).forEach(key => {
sortStates[key].isSorting = false
sortStates[key].isAsc = true
})
queryParams.value.orderBy = null;
queryParams.value.sortDirection = null;
handleQuery();
}