优化展示

This commit is contained in:
2025-11-27 22:01:49 +08:00
parent e1f38fd995
commit e9545c9be1

View File

@@ -6,7 +6,8 @@
: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"
@@ -17,7 +18,8 @@
</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,7 +72,7 @@ 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}`,
@@ -94,6 +96,7 @@ export default {
loading.value = true;
try {
const pigTypeId = parseInt(form.selectedPigType); // 获取选中的 pigType ID
let response = null; // 声明 response 变量
if (form.selectedGenerationMethod === 'all_raw_materials') {
// 调用使用所有原料生成配方的接口