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-11-27 22:01:49 +08:00
parent e1f38fd995
commit e9545c9be1
1 changed files with 34 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/feed/GenerateRecipeDialog.vue
View File

@@ -1,23 +1,25 @@
<template>
<el-dialog
title="一键生成配方"
v-model="dialogVisible"
width="500px"
:before-close="handleCancel"
title="一键生成配方"
v-model="dialogVisible"
width="500px"
:before-close="handleCancel"
>
<el-form :model="form" ref="generateRecipeForm" label-width="100px">
<el-form-item label="生成对象" prop="selectedPigType" :rules="[{ required: true, message: '请选择生成对象', trigger: 'change' }]">
<el-form-item label="生成对象" prop="selectedPigType"
:rules="[{ required: true, message: '请选择生成对象', trigger: 'change' }]">
<el-select v-model="form.selectedPigType" placeholder="请选择猪品种-猪年龄阶段" style="width: 100%;">
<el-option
v-for="item in pigTypesOptions"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in pigTypesOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="生成方式" prop="selectedGenerationMethod" :rules="[{ required: true, message: '请选择生成方式', trigger: 'change' }]">
<el-form-item label="生成方式" prop="selectedGenerationMethod"
:rules="[{ required: true, message: '请选择生成方式', trigger: 'change' }]">
<el-select v-model="form.selectedGenerationMethod" placeholder="请选择生成方式" style="width: 100%;">
<el-option label="使用系统中所有可用的原料" value="all_raw_materials"></el-option>
<!-- 新增选项 -->
@@ -36,9 +38,9 @@
</template>
<script>
import { ref, reactive, watch, onMounted, computed } from 'vue';
import { ElMessage } from 'element-plus';
import { FeedApi } from '../../api/feed'; // 假设 FeedApi 包含生成配方接口
import {ref, reactive, watch, onMounted, computed} from 'vue';
import {ElMessage} from 'element-plus';
import {FeedApi} from '../../api/feed'; // 假设 FeedApi 包含生成配方接口
export default {
name: 'GenerateRecipeDialog',
@@ -49,7 +51,7 @@ export default {
},
},
emits: ['update:visible', 'success', 'cancel'],
setup(props, { emit }) {
setup(props, {emit}) {
const generateRecipeForm = ref(null);
const loading = ref(false);
const pigTypesOptions = ref([]);
@@ -70,12 +72,12 @@ export default {
*/
const fetchPigTypes = async () => {
try {
const response = await FeedApi.getPigTypes({ page: 1, page_size: 999 }); // 调用 FeedApi 中的 getPigTypes 方法获取猪类型列表
const response = await FeedApi.getPigTypes({page: 1, page_size: 999}); // 调用 FeedApi 中的 getPigTypes 方法获取猪类型列表
if (response.data && response.data.list) {
pigTypesOptions.value = response.data.list.map(pigType => ({
label: `${pigType.breed_name}-${pigType.age_stage_name}`,
value: `${pigType.id}`, // 下拉框的值直接是 pigType 的 ID
}));
label: `${pigType.breed_name}-${pigType.age_stage_name}`,
value: `${pigType.id}`, // 下拉框的值直接是 pigType 的 ID
}));
}
} catch (error) {
console.error('获取猪种类失败:', error);
@@ -94,19 +96,20 @@ export default {
loading.value = true;
try {
const pigTypeId = parseInt(form.selectedPigType); // 获取选中的 pigType ID
if (form.selectedGenerationMethod === 'all_raw_materials') {
// 调用使用所有原料生成配方的接口
response = await FeedApi.generateRecipeFromAllMaterials(pigTypeId);
} else if (form.selectedGenerationMethod === 'prefer_in_stock_materials') {
// 调用优先使用有库存原料生成配方的接口
response = await FeedApi.generatePrioritizedStockRecipe(pigTypeId);
} else {
ElMessage.error('未知的生成方式');
loading.value = false;
return;
}
let response = null; // 声明 response 变量
if (form.selectedGenerationMethod === 'all_raw_materials') {
// 调用使用所有原料生成配方的接口
response = await FeedApi.generateRecipeFromAllMaterials(pigTypeId);
} else if (form.selectedGenerationMethod === 'prefer_in_stock_materials') {
// 调用优先使用有库存原料生成配方的接口
response = await FeedApi.generatePrioritizedStockRecipe(pigTypeId);
} else {
ElMessage.error('未知的生成方式');
loading.value = false;
return;
}
if (response.data) {
ElMessage.success('配方生成成功！');
emit('success', response.data.name, response.data.description); // 传递配方名称和简介