优化展示

src/components/feed/RecipeCompareDialog.vue

@@ -8,14 +8,14 @@
   >
     <el-form :inline="true" class="compare-form">
       <el-form-item label="对比类型">
-        <el-select v-model="compareType" placeholder="请选择对比类型">
+        <el-select v-model="compareType" placeholder="请选择对比类型" style="width: 200px;">
           <el-option label="配方" value="recipe"></el-option>
           <el-option label="猪的营养需求" value="pigType"></el-option>
         </el-select>
       </el-form-item>
 
       <el-form-item v-if="compareType === 'recipe'" label="选择配方">
-        <el-select v-model="selectedCompareRecipeId" filterable placeholder="请选择对比配方">
+        <el-select v-model="selectedCompareRecipeId" filterable placeholder="请选择对比配方" style="width: 300px;">
           <el-option
               v-for="item in recipeList"
               :key="item.id"
@@ -27,7 +27,7 @@
       </el-form-item>
 
       <el-form-item v-if="compareType === 'pigType'" label="选择猪类型">
-        <el-select v-model="selectedPigTypeId" filterable placeholder="请选择猪类型">
+        <el-select v-model="selectedPigTypeId" filterable placeholder="请选择猪类型" style="width: 300px;">
           <el-option
               v-for="item in pigTypeList"
               :key="item.id"