食品管理添加用餐类型字段

ruoyi-ui/src/views/fantang/food/index.vue

@@ -43,7 +43,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['fantang:food:add']"
-        >新增</el-button>
+        >新增
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -53,7 +54,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['fantang:food:edit']"
-        >修改</el-button>
+        >修改
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -63,7 +65,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['fantang:food:remove']"
-        >删除</el-button>
+        >删除
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -72,7 +75,8 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['fantang:food:export']"
-        >导出</el-button>
+        >导出
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -82,6 +86,7 @@
       <el-table-column label="食品id" align="center" prop="foodId" v-if="false"/>
       <el-table-column label="食品名称" align="center" prop="name"/>
       <el-table-column label="售价" align="center" prop="price"/>
+      <el-table-column label="用餐类型" align="center" prop="dinnerType" :formatter="dinnerTypeFormat"/>
       <el-table-column label="食品分类" align="center" prop="type" :formatter="typeFormat"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -91,14 +96,16 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['fantang:food:edit']"
-          >修改</el-button>
+          >修改
+          </el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['fantang:food:remove']"
-          >删除</el-button>
+          >删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -123,6 +130,16 @@
         <el-form-item label="售价" prop="price">
           <el-input v-model="form.price" placeholder="请输入售价"/>
         </el-form-item>
+        <el-form-item label="用餐类型" prop="dinnerType">
+          <el-select v-model="form.dinnerType" placeholder="请选择用餐类型">
+            <el-option
+              v-for="dict in dinnerTypeOptions"
+              :key="dict.dictValue"
+              :label="dict.dictLabel"
+              :value="parseInt(dict.dictValue)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="食品分类" prop="type">
           <el-select v-model="form.type" placeholder="请选择食品分类">
             <el-option
@@ -143,7 +160,7 @@
 </template>
 
 <script>
-import { listFood, getFood, delFood, addFood, updateFood, exportFood } from "@/api/fantang/food";
+import {addFood, delFood, exportFood, getFood, listFood, updateFood} from "@/api/fantang/food";
 import UploadImage from '@/components/UploadImage';
 
 export default {
@@ -153,6 +170,7 @@ export default {
   },
   data() {
     return {
+      dinnerTypeOptions: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -202,6 +220,9 @@ export default {
     this.getDicts("ft_food_type").then(response => {
       this.typeOptions = response.data;
     });
+    this.getDicts("ft_book_type").then(response => {
+      this.dinnerTypeOptions = response.data;
+    });
   },
   methods: {
     /** 查询食品管理列表 */
@@ -213,6 +234,10 @@ export default {
         this.loading = false;
       });
     },
+    // 用餐类型
+    dinnerTypeFormat(row) {
+      return this.selectDictLabel(this.dinnerTypeOptions, row.dinnerType);
+    },
     // 食品分类字典翻译
     typeFormat(row, column) {
       return this.selectDictLabel(this.typeOptions, row.type);