配种计划页面

This commit is contained in:
zyk 2025-07-18 14:26:12 +08:00
parent 5d89202b7b
commit c9c9ad55ac
8 changed files with 1521 additions and 0 deletions

View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询孕检记录列表
export function listPregnancy_Test(query) {
return request({
url: '/Pregnancy_Test/Pregnancy_Test/list',
method: 'get',
params: query
})
}
// 查询孕检记录详细
export function getPregnancy_Test(id) {
return request({
url: '/Pregnancy_Test/Pregnancy_Test/' + id,
method: 'get'
})
}
// 新增孕检记录
export function addPregnancy_Test(data) {
return request({
url: '/Pregnancy_Test/Pregnancy_Test',
method: 'post',
data: data
})
}
// 修改孕检记录
export function updatePregnancy_Test(data) {
return request({
url: '/Pregnancy_Test/Pregnancy_Test',
method: 'put',
data: data
})
}
// 删除孕检记录
export function delPregnancy_Test(id) {
return request({
url: '/Pregnancy_Test/Pregnancy_Test/' + id,
method: 'delete'
})
}

View File

@ -0,0 +1,52 @@
import request from '@/utils/request'
// 查询干奶记录列表
export function listDrymilk(query) {
return request({
url: '/drymilk/drymilk/list',
method: 'get',
params: query
})
}
// 查询干奶记录详细
export function getDrymilk(id) {
return request({
url: '/drymilk/drymilk/' + id,
method: 'get'
})
}
// 根据耳号查询羊只ID
export function getSheepIdByManageTags(manageTags) {
return request({
url: '/drymilk/drymilk/sheep/' + manageTags,
method: 'get'
})
}
// 新增干奶记录
export function addDrymilk(data) {
return request({
url: '/drymilk/drymilk',
method: 'post',
data: data
})
}
// 修改干奶记录
export function updateDrymilk(data) {
return request({
url: '/drymilk/drymilk',
method: 'put',
data: data
})
}
// 删除干奶记录
export function delDrymilk(id) {
return request({
url: '/drymilk/drymilk/' + id,
method: 'delete'
})
}

View File

@ -0,0 +1,85 @@
import request from '@/utils/request'
// 查询配种计划生成列表
export function listBreedPlanGenerate(query) {
return request({
url: '/mating_plan/generate/list',
method: 'get',
params: query
})
}
// 查询配种计划生成详细
export function getBreedPlanGenerate(id) {
return request({
url: '/mating_plan/generate/' + id,
method: 'get'
})
}
// 筛选符合条件的母羊
export function selectEligibleEwe() {
return request({
url: '/mating_plan/generate/selectEwe',
method: 'get'
})
}
// 筛选符合条件的公羊
export function selectEligibleRam() {
return request({
url: '/mating_plan/generate/selectRam',
method: 'get'
})
}
// 自动生成配种计划
export function autoGenerateBreedPlan(data) {
return request({
url: '/mating_plan/generate/auto',
method: 'post',
data: data
})
}
// 新增配种计划生成
export function addBreedPlanGenerate(data) {
return request({
url: '/mating_plan/generate',
method: 'post',
data: data
})
}
// 修改配种计划生成
export function updateBreedPlanGenerate(data) {
return request({
url: '/mating_plan/generate',
method: 'put',
data: data
})
}
// 审批配种计划
export function approveBreedPlan(id) {
return request({
url: '/mating_plan/generate/approve/' + id,
method: 'put'
})
}
// 查看配种计划详情
export function viewBreedPlan(id) {
return request({
url: '/mating_plan/generate/view/' + id,
method: 'get'
})
}
// 删除配种计划生成
export function delBreedPlanGenerate(id) {
return request({
url: '/mating_plan/generate/' + id,
method: 'delete'
})
}

View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询配种计划列表
export function listMating_plan(query) {
return request({
url: '/mating_plan/mating_plan/list',
method: 'get',
params: query
})
}
// 查询配种计划详细
export function getMating_plan(id) {
return request({
url: '/mating_plan/mating_plan/' + id,
method: 'get'
})
}
// 新增配种计划
export function addMating_plan(data) {
return request({
url: '/mating_plan/mating_plan',
method: 'post',
data: data
})
}
// 修改配种计划
export function updateMating_plan(data) {
return request({
url: '/mating_plan/mating_plan',
method: 'put',
data: data
})
}
// 删除配种计划
export function delMating_plan(id) {
return request({
url: '/mating_plan/mating_plan/' + id,
method: 'delete'
})
}

View File

@ -0,0 +1,294 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="孕检日期" prop="datetime">
<el-date-picker clearable
v-model="queryParams.datetime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择孕检日期">
</el-date-picker>
</el-form-item>
<el-form-item label="孕检结果" prop="result">
<el-input
v-model="queryParams.result"
placeholder="请输入孕检结果"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="${comment}" prop="number">
<el-input
v-model="queryParams.number"
placeholder="请输入${comment}"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="技术员" prop="technician">
<el-input
v-model="queryParams.technician"
placeholder="请输入技术员"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="${comment}" prop="way">
<el-input
v-model="queryParams.way"
placeholder="请输入${comment}"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="Edit"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="Download"
@click="handleExport"
v-hasPermi="['Pregnancy_Test:Pregnancy_Test:export']"
>导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="Pregnancy_TestList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="${comment}" align="center" prop="id" />
<el-table-column label="孕检日期" align="center" prop="datetime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="孕检结果" align="center" prop="result" />
<el-table-column label="${comment}" align="center" prop="number" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="${comment}" align="center" prop="way" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['Pregnancy_Test:Pregnancy_Test:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['Pregnancy_Test:Pregnancy_Test:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改孕检记录对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="Pregnancy_TestRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="孕检日期" prop="datetime">
<el-date-picker clearable
v-model="form.datetime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择孕检日期">
</el-date-picker>
</el-form-item>
<el-form-item label="孕检结果" prop="result">
<el-input v-model="form.result" placeholder="请输入孕检结果" />
</el-form-item>
<el-form-item label="${comment}" prop="number">
<el-input v-model="form.number" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="技术员" prop="technician">
<el-input v-model="form.technician" placeholder="请输入技术员" />
</el-form-item>
<el-form-item label="${comment}" prop="way">
<el-input v-model="form.way" placeholder="请输入${comment}" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Pregnancy_Test">
import { listPregnancy_Test, getPregnancy_Test, delPregnancy_Test, addPregnancy_Test, updatePregnancy_Test } from "@/api/Pregnancy_Test/Pregnancy_Test"
const { proxy } = getCurrentInstance()
const Pregnancy_TestList = ref([])
const open = ref(false)
const loading = ref(true)
const showSearch = ref(true)
const ids = ref([])
const single = ref(true)
const multiple = ref(true)
const total = ref(0)
const title = ref("")
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
datetime: null,
result: null,
number: null,
technician: null,
way: null,
},
rules: {
}
})
const { queryParams, form, rules } = toRefs(data)
/** 查询孕检记录列表 */
function getList() {
loading.value = true
listPregnancy_Test(queryParams.value).then(response => {
Pregnancy_TestList.value = response.rows
total.value = response.total
loading.value = false
})
}
//
function cancel() {
open.value = false
reset()
}
//
function reset() {
form.value = {
id: null,
datetime: null,
result: null,
number: null,
technician: null,
way: null,
createBy: null,
createTime: null
}
proxy.resetForm("Pregnancy_TestRef")
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1
getList()
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef")
handleQuery()
}
//
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id)
single.value = selection.length != 1
multiple.value = !selection.length
}
/** 新增按钮操作 */
function handleAdd() {
reset()
open.value = true
title.value = "添加孕检记录"
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset()
const _id = row.id || ids.value
getPregnancy_Test(_id).then(response => {
form.value = response.data
open.value = true
title.value = "修改孕检记录"
})
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["Pregnancy_TestRef"].validate(valid => {
if (valid) {
if (form.value.id != null) {
updatePregnancy_Test(form.value).then(response => {
proxy.$modal.msgSuccess("修改成功")
open.value = false
getList()
})
} else {
addPregnancy_Test(form.value).then(response => {
proxy.$modal.msgSuccess("新增成功")
open.value = false
getList()
})
}
}
})
}
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除孕检记录编号为"' + _ids + '"的数据项?').then(function() {
return delPregnancy_Test(_ids)
}).then(() => {
getList()
proxy.$modal.msgSuccess("删除成功")
}).catch(() => {})
}
/** 导出按钮操作 */
function handleExport() {
proxy.download('Pregnancy_Test/Pregnancy_Test/export', {
...queryParams.value
}, `Pregnancy_Test_${new Date().getTime()}.xlsx`)
}
getList()
</script>

View File

@ -0,0 +1,330 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="耳号" prop="manageTags">
<el-input
v-model="queryParams.manageTags"
placeholder="请输入耳号"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="品种" prop="variety">
<el-input
v-model="queryParams.variety"
placeholder="请输入品种"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="干奶日期" prop="datetime">
<el-date-picker clearable
v-model="queryParams.datetime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择干奶日期">
</el-date-picker>
</el-form-item>
<el-form-item label="技术员" prop="tecahnician">
<el-input
v-model="queryParams.tecahnician"
placeholder="请输入技术员"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="创建人" prop="createBy">
<el-input
v-model="queryParams.createBy"
placeholder="请输入创建人"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker clearable
v-model="queryParams.createTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择创建时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['drymilk:drymilk:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="Edit"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['drymilk:drymilk:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['drymilk:drymilk:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="Download"
@click="handleExport"
v-hasPermi="['drymilk:drymilk:export']"
>导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="drymilkList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="variety" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="干奶日期" align="center" prop="datetime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="是否使用乳头封闭剂" align="center" prop="status">
<template #default="scope">
<span>{{ scope.row.status === 1 ? '是' : '否' }}</span>
</template>
</el-table-column>
<el-table-column label="转入羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="tecahnician" />
<el-table-column label="创建日期" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['drymilk:drymilk:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['drymilk:drymilk:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改干奶记录对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="drymilkRef" :model="form" :rules="rules" label-width="100px">
<el-form-item label="耳号" prop="manageTags">
<el-input v-model="form.manageTags" placeholder="请输入耳号" />
</el-form-item>
<el-form-item label="干奶日期" prop="datetime">
<el-date-picker clearable
v-model="form.datetime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择干奶日期">
</el-date-picker>
</el-form-item>
<el-form-item label="乳头封闭剂" prop="status">
<el-radio-group v-model="form.status">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="转入羊舍id" prop="sheepfold">
<el-input v-model="form.sheepfold" placeholder="请输入转入羊舍id" />
</el-form-item>
<el-form-item label="技术员" prop="tecahnician">
<el-input v-model="form.tecahnician" placeholder="请输入技术员" />
</el-form-item>
<el-form-item label="备注" prop="comment">
<el-input v-model="form.comment" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Drymilk">
import { listDrymilk, getDrymilk, delDrymilk, addDrymilk, updateDrymilk } from "@/api/drymilk/drymilk"
const { proxy } = getCurrentInstance()
const drymilkList = ref([])
const open = ref(false)
const loading = ref(true)
const showSearch = ref(true)
const ids = ref([])
const single = ref(true)
const multiple = ref(true)
const total = ref(0)
const title = ref("")
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
manageTags: null,
variety: null,
datetime: null,
status: null,
sheepfold: null,
tecahnician: null,
createBy: null,
createTime: null
},
rules: {
manageTags: [
{ required: true, message: "耳号不能为空", trigger: "blur" }
],
datetime: [
{ required: true, message: "干奶日期不能为空", trigger: "blur" }
],
status: [
{ required: true, message: "请选择是否使用乳头封闭剂", trigger: "change" }
]
}
})
const { queryParams, form, rules } = toRefs(data)
/** 查询干奶记录列表 */
function getList() {
loading.value = true
listDrymilk(queryParams.value).then(response => {
drymilkList.value = response.rows
total.value = response.total
loading.value = false
})
}
//
function cancel() {
open.value = false
reset()
}
//
function reset() {
form.value = {
id: null,
manageTags: null,
datetime: null,
status: null,
sheepfold: null,
tecahnician: null,
comment: null
}
proxy.resetForm("drymilkRef")
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1
getList()
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef")
handleQuery()
}
//
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id)
single.value = selection.length != 1
multiple.value = !selection.length
}
/** 新增按钮操作 */
function handleAdd() {
reset()
open.value = true
title.value = "添加干奶记录"
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset()
const _id = row.id || ids.value
getDrymilk(_id).then(response => {
form.value = response.data
open.value = true
title.value = "修改干奶记录"
})
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["drymilkRef"].validate(valid => {
if (valid) {
if (form.value.id != null) {
updateDrymilk(form.value).then(response => {
proxy.$modal.msgSuccess("修改成功")
open.value = false
getList()
})
} else {
addDrymilk(form.value).then(response => {
proxy.$modal.msgSuccess("新增成功")
open.value = false
getList()
})
}
}
})
}
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除干奶记录编号为"' + _ids + '"的数据项?').then(function() {
return delDrymilk(_ids)
}).then(() => {
getList()
proxy.$modal.msgSuccess("删除成功")
}).catch(() => {})
}
/** 导出按钮操作 */
function handleExport() {
proxy.download('drymilk/drymilk/export', {
...queryParams.value
}, `drymilk_${new Date().getTime()}.xlsx`)
}
getList()
</script>

View File

@ -0,0 +1,428 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="计划名称" prop="planName">
<el-input
v-model="queryParams.planName"
placeholder="请输入计划名称"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
<el-option label="待审批" value="0"></el-option>
<el-option label="已审批" value="1"></el-option>
<el-option label="已拒绝" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleGenerate"
v-hasPermi="['mating_plan:generate:add']"
>生成配种计划</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['mating_plan:generate:remove']"
>删除</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="breedPlanGenerateList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="计划名称" align="center" prop="planName" />
<el-table-column label="计划日期" align="center" prop="planDate" width="180">
<template #default="scope">
<span>{{ scope.row.planDate }}</span>
</template>
</el-table-column>
<el-table-column label="母羊数量" align="center" prop="totalEweCount" />
<el-table-column label="公羊数量" align="center" prop="totalRamCount" />
<el-table-column label="配种比例" align="center" prop="breedRatio" />
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag v-if="scope.row.status === 0" type="warning">待审批</el-tag>
<el-tag v-else-if="scope.row.status === 1" type="success">已审批</el-tag>
<el-tag v-else-if="scope.row.status === 2" type="danger">已拒绝</el-tag>
<el-tag v-else type="info">未知状态</el-tag>
</template>
</el-table-column>
<el-table-column label="审批人" align="center" prop="approver" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button
link
type="primary"
icon="View"
@click="handleView(scope.row)"
v-hasPermi="['mating_plan:generate:view']"
>查看</el-button>
<el-button
link
type="success"
icon="Check"
@click="handleApprove(scope.row)"
v-hasPermi="['mating_plan:generate:approve']"
v-if="scope.row.status == 0"
>审批</el-button>
<el-button
link
type="primary"
icon="Delete"
@click="handleDelete(scope.row)"
v-hasPermi="['mating_plan:generate:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 添加调试信息显示 -->
<div v-if="breedPlanGenerateList.length === 0 && !loading" style="text-align: center; padding: 20px;">
<p>暂无数据</p>
<p>数据数组长度: {{ breedPlanGenerateList.length }}</p>
<p>总数: {{ total }}</p>
<p>加载状态: {{ loading }}</p>
</div>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 生成配种计划对话框 -->
<el-dialog title="生成配种计划" v-model="generateOpen" width="1200px" append-to-body>
<el-tabs v-model="activeTab" @tab-click="handleTabClick">
<el-tab-pane label="符合条件的母羊" name="ewe">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" @click="selectEligibleEwe">筛选符合条件的母羊</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info">已选择: {{ selectedEwe.length }} </el-button>
</el-col>
</el-row>
<el-table
v-loading="eweLoading"
:data="eligibleEweList"
@selection-change="handleEweSelectionChange"
max-height="400"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="bs_manage_tags" />
<el-table-column label="品种" align="center" prop="variety" />
<el-table-column label="羊只类型" align="center" prop="sheep_type" />
<el-table-column label="月龄" align="center" prop="month_age" />
<el-table-column label="当前体重(kg)" align="center" prop="current_weight" />
<el-table-column label="产后天数" align="center" prop="post_lambing_day" />
<el-table-column label="繁殖状态" align="center" prop="breed" />
</el-table>
</el-tab-pane>
<el-tab-pane label="符合条件的公羊" name="ram">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" @click="selectEligibleRam">筛选符合条件的公羊</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info">已选择: {{ selectedRam.length }} </el-button>
</el-col>
</el-row>
<el-table
v-loading="ramLoading"
:data="eligibleRamList"
@selection-change="handleRamSelectionChange"
max-height="400"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="bs_manage_tags" />
<el-table-column label="品种" align="center" prop="variety" />
<el-table-column label="羊只类型" align="center" prop="sheep_type" />
<el-table-column label="月龄" align="center" prop="month_age" />
<el-table-column label="当前体重(kg)" align="center" prop="current_weight" />
<el-table-column label="繁殖状态" align="center" prop="breed" />
</el-table>
</el-tab-pane>
</el-tabs>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="generateBreedPlan" :disabled="selectedEwe.length === 0 || selectedRam.length === 0">
生成配种计划
</el-button>
<el-button @click="generateOpen = false"> </el-button>
</div>
</template>
</el-dialog>
<!-- 查看配种计划详情对话框 -->
<el-dialog title="配种计划详情" v-model="viewOpen" width="1000px" append-to-body>
<el-descriptions :column="3" border>
<el-descriptions-item label="计划名称">{{ planInfo.planName }}</el-descriptions-item>
<el-descriptions-item label="计划日期">{{ planInfo.planDate }}</el-descriptions-item>
<el-descriptions-item label="状态">
<el-tag v-if="planInfo.status === 0" type="warning">待审批</el-tag>
<el-tag v-else-if="planInfo.status === 1" type="success">已审批</el-tag>
<el-tag v-else-if="planInfo.status === 2" type="danger">已拒绝</el-tag>
<el-tag v-else type="info">未知状态</el-tag>
</el-descriptions-item>
<el-descriptions-item label="母羊数量">{{ planInfo.totalEweCount }}</el-descriptions-item>
<el-descriptions-item label="公羊数量">{{ planInfo.totalRamCount }}</el-descriptions-item>
<el-descriptions-item label="配种比例">{{ planInfo.breedRatio }}</el-descriptions-item>
<el-descriptions-item label="创建人">{{ planInfo.createBy }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ planInfo.createTime }}</el-descriptions-item>
<el-descriptions-item label="审批人">{{ planInfo.approver }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">配种计划详情</el-divider>
<el-table :data="planDetails" max-height="400">
<el-table-column label="公羊耳号" align="center" prop="ram_manage_tags" />
<el-table-column label="公羊品种" align="center" prop="ram_variety" />
<el-table-column label="母羊耳号" align="center" prop="ewe_manage_tags" />
<el-table-column label="母羊品种" align="center" prop="ewe_variety" />
<el-table-column label="母羊体重" align="center" prop="ewe_weight" />
<el-table-column label="配种类型" align="center" prop="breed_type">
<template #default="scope">
<el-tag v-if="scope.row.breed_type === 1" type="primary">自然交配</el-tag>
<el-tag v-else-if="scope.row.breed_type === 2" type="success">人工授精</el-tag>
<el-tag v-else-if="scope.row.breed_type === 3" type="info">胚胎移植</el-tag>
<el-tag v-else type="warning">未知类型</el-tag>
</template>
</el-table-column>
</el-table>
</el-dialog>
</div>
</template>
<script setup name="BreedPlanGenerate">
import {ref, reactive, toRefs, onMounted} from 'vue'
import {getCurrentInstance} from 'vue'
import {
listBreedPlanGenerate,
getBreedPlanGenerate,
delBreedPlanGenerate,
selectEligibleEwe as apiSelectEligibleEwe,
selectEligibleRam as apiSelectEligibleRam,
autoGenerateBreedPlan,
approveBreedPlan,
viewBreedPlan
} from "@/api/mating_plan/generate"
const {proxy} = getCurrentInstance()
// - 使 proxy.useDict
const dict = proxy.useDict ? proxy.useDict('breed_plan_status', 'breed_type') : {
type: {
breed_plan_status: [],
breed_type: []
}
}
const breedPlanGenerateList = ref([])
const eligibleEweList = ref([])
const eligibleRamList = ref([])
const selectedEwe = ref([])
const selectedRam = ref([])
const planInfo = ref({})
const planDetails = ref([])
const generateOpen = ref(false)
const viewOpen = ref(false)
const loading = ref(true)
const eweLoading = ref(false)
const ramLoading = ref(false)
const showSearch = ref(true)
const ids = ref([])
const multiple = ref(true)
const total = ref(0)
const activeTab = ref('ewe')
const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
planName: null,
status: null
}
})
const {queryParams} = toRefs(data)
/** 查询配种计划生成列表 */
function getList() {
loading.value = true
console.log('开始获取配种计划列表...')
console.log('查询参数:', queryParams.value)
listBreedPlanGenerate(queryParams.value).then(response => {
console.log('API完整响应:', response)
// API
breedPlanGenerateList.value = response.rows || []
total.value = response.total || 0
loading.value = false
console.log('处理后的数据列表:', breedPlanGenerateList.value)
console.log('数据列表长度:', breedPlanGenerateList.value.length)
console.log('总数:', total.value)
}).catch(error => {
console.error('获取列表失败:', error)
loading.value = false
breedPlanGenerateList.value = []
total.value = 0
})
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1
getList()
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef")
handleQuery()
}
//
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id)
multiple.value = !selection.length
}
//
function handleEweSelectionChange(selection) {
selectedEwe.value = selection.map(item => item.id)
}
//
function handleRamSelectionChange(selection) {
selectedRam.value = selection.map(item => item.id)
}
//
function handleTabClick(tab) {
activeTab.value = tab.name
}
/** 生成配种计划按钮操作 */
function handleGenerate() {
generateOpen.value = true
selectedEwe.value = []
selectedRam.value = []
eligibleEweList.value = []
eligibleRamList.value = []
}
/** 筛选符合条件的母羊 */
function selectEligibleEwe() {
eweLoading.value = true
apiSelectEligibleEwe().then(response => {
eligibleEweList.value = response.data
eweLoading.value = false
})
}
/** 筛选符合条件的公羊 */
function selectEligibleRam() {
ramLoading.value = true
apiSelectEligibleRam().then(response => {
eligibleRamList.value = response.data
ramLoading.value = false
})
}
/** 生成配种计划 */
function generateBreedPlan() {
if (selectedEwe.value.length === 0) {
proxy.$modal.msgError("请选择母羊")
return
}
if (selectedRam.value.length === 0) {
proxy.$modal.msgError("请选择公羊")
return
}
const params = {
eweIds: selectedEwe.value,
ramIds: selectedRam.value
}
autoGenerateBreedPlan(params).then(response => {
proxy.$modal.msgSuccess("配种计划生成成功")
generateOpen.value = false
//
getList()
//
selectedEwe.value = []
selectedRam.value = []
eligibleEweList.value = []
eligibleRamList.value = []
}).catch(error => {
console.error('生成配种计划失败:', error)
proxy.$modal.msgError("生成配种计划失败")
})
}
/** 查看配种计划详情 */
function handleView(row) {
viewBreedPlan(row.id).then(response => {
planInfo.value = response.data.planInfo
planDetails.value = response.data.planDetails
viewOpen.value = true
})
}
/** 审批配种计划 */
function handleApprove(row) {
proxy.$modal.confirm('是否确认审批通过配种计划"' + row.planName + '"').then(function () {
return approveBreedPlan(row.id)
}).then(() => {
proxy.$modal.msgSuccess("审批成功")
//
getList()
}).catch(() => {
})
}
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除配种计划编号为"' + _ids + '"的数据项?').then(function () {
return delBreedPlanGenerate(_ids)
}).then(() => {
proxy.$modal.msgSuccess("删除成功")
//
getList()
}).catch(() => {
})
}
//
onMounted(() => {
console.log('配种计划生成页面已挂载')
getList()
})
//
getList()
</script>

View File

@ -0,0 +1,244 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="公羊id" prop="ramId">
<el-input
v-model="queryParams.ramId"
placeholder="请输入公羊id"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="母羊id" prop="eweId">
<el-input
v-model="queryParams.eweId"
placeholder="请输入母羊id"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['mating_plan:mating_plan:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="Edit"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['mating_plan:mating_plan:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['mating_plan:mating_plan:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="Download"
@click="handleExport"
v-hasPermi="['mating_plan:mating_plan:export']"
>导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="mating_planList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="${comment}" align="center" prop="id" />
<el-table-column label="公羊id" align="center" prop="ramId" />
<el-table-column label="母羊id" align="center" prop="eweId" />
<el-table-column label="配种类型" align="center" prop="breedType" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mating_plan:mating_plan:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mating_plan:mating_plan:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改配种计划对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="mating_planRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="公羊id" prop="ramId">
<el-input v-model="form.ramId" placeholder="请输入公羊id" />
</el-form-item>
<el-form-item label="母羊id" prop="eweId">
<el-input v-model="form.eweId" placeholder="请输入母羊id" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="Mating_plan">
import { listMating_plan, getMating_plan, delMating_plan, addMating_plan, updateMating_plan } from "@/api/mating_plan/mating_plan"
const { proxy } = getCurrentInstance()
const mating_planList = ref([])
const open = ref(false)
const loading = ref(true)
const showSearch = ref(true)
const ids = ref([])
const single = ref(true)
const multiple = ref(true)
const total = ref(0)
const title = ref("")
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
ramId: null,
eweId: null,
breedType: null
},
rules: {
}
})
const { queryParams, form, rules } = toRefs(data)
/** 查询配种计划列表 */
function getList() {
loading.value = true
listMating_plan(queryParams.value).then(response => {
mating_planList.value = response.rows
total.value = response.total
loading.value = false
})
}
//
function cancel() {
open.value = false
reset()
}
//
function reset() {
form.value = {
id: null,
ramId: null,
eweId: null,
breedType: null
}
proxy.resetForm("mating_planRef")
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1
getList()
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef")
handleQuery()
}
//
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id)
single.value = selection.length != 1
multiple.value = !selection.length
}
/** 新增按钮操作 */
function handleAdd() {
reset()
open.value = true
title.value = "添加配种计划"
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset()
const _id = row.id || ids.value
getMating_plan(_id).then(response => {
form.value = response.data
open.value = true
title.value = "修改配种计划"
})
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["mating_planRef"].validate(valid => {
if (valid) {
if (form.value.id != null) {
updateMating_plan(form.value).then(response => {
proxy.$modal.msgSuccess("修改成功")
open.value = false
getList()
})
} else {
addMating_plan(form.value).then(response => {
proxy.$modal.msgSuccess("新增成功")
open.value = false
getList()
})
}
}
})
}
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除配种计划编号为"' + _ids + '"的数据项?').then(function() {
return delMating_plan(_ids)
}).then(() => {
getList()
proxy.$modal.msgSuccess("删除成功")
}).catch(() => {})
}
/** 导出按钮操作 */
function handleExport() {
proxy.download('mating_plan/mating_plan/export', {
...queryParams.value
}, `mating_plan_${new Date().getTime()}.xlsx`)
}
getList()
</script>