修复食谱展示页面

stdiet-ui/src/views/custom/recipesShow/MenuDetail/NutriComputeCom/index.vue

@@ -56,6 +56,7 @@ export default {
   },
   watch: {
     value(val) {
+      console.log({ val });
       if (!val || !val.length) {
         return;
       }

stdiet-ui/src/views/custom/recipesShow/MenuDetail/index.vue

@@ -5,7 +5,10 @@
     <!-- 食谱详细 -->
     <el-card v-for="obj in menus" :key="obj.type" style="margin-top: 12px">
       <div slot="header">
-        <span>{{ obj.typeName }}</span>
+        <div class="header_style">
+          <span>{{ obj.typeName }}</span>
+          <span class="time">{{ menuTypeTimeDict[obj.type] }}</span>
+        </div>
       </div>
       <div v-for="mObj in obj.values" :key="mObj.id">
         <div class="dishes_item">
@@ -60,6 +63,10 @@ export default {
   },
   data() {
     return {
+      menuTypeTimeDict: {
+        2: "10:00 - 10:30",
+        4: "15:00 - 15:30",
+      },
       menuTypeDict: {},
       curUnitDict: {},
       cusWeightDict: {},
@@ -107,6 +114,15 @@ export default {
 .menu_detail_wrapper {
   padding: 0 12px 12px 12px;
 
+  .header_style {
+    display: flex;
+    justify-content: space-between;
+
+    .time {
+      color: #8c8c8c;
+    }
+  }
+
   .dishes_item {
     height: 38px;
     padding: 0 8px;