From ef372535cb8c2343fee3ce366554523b2eedbb44 Mon Sep 17 00:00:00 2001
From: Ching <loooching@gmail.com>
Date: Mon, 4 Oct 2021 01:45:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(week=20recipe=20page):=20[A]=20=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E8=8F=9C=E8=B0=B1=E8=B6=85=E9=93=BE=E6=8E=A5=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=20RECIPE-19?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[A] 增加菜谱超链接跳转 RECIPE-19

Signed-off-by: Ching <loooching@gmail.com>
---
 frontend/src/components/week_recipe.vue | 48 +++++++++++++++++--------
 1 file changed, 33 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/week_recipe.vue b/frontend/src/components/week_recipe.vue
index c560990..eb04867 100644
--- a/frontend/src/components/week_recipe.vue
+++ b/frontend/src/components/week_recipe.vue
@@ -7,21 +7,39 @@
           label="日期"
           :formatter="formatDate"
         ></el-table-column>
-        <el-table-column
-          prop="meat"
-          label="肉"
-          :formatter="formatMeal"
-        ></el-table-column>
-        <el-table-column
-          prop="vegetable"
-          label="菜"
-          :formatter="formatMeal"
-        ></el-table-column>
-        <el-table-column
-          prop="soup"
-          label="汤"
-          :formatter="formatMeal"
-        ></el-table-column>
+        <el-table-column prop="meat" label="肉">
+          <template #default="scope">
+            <ul>
+              <li v-for="recipe in scope.row.meat" :key="recipe.name">
+                <a :href="'/recipe/' + recipe.id">
+                  {{ recipe.name }}
+                </a>
+              </li>
+            </ul>
+          </template>
+        </el-table-column>
+        <el-table-column prop="vegetable" label="菜">
+          <template #default="scope">
+            <ul>
+              <li v-for="recipe in scope.row.vegetable" :key="recipe.name">
+                <a :href="'/recipe/' + recipe.id">
+                  {{ recipe.name }}
+                </a>
+              </li>
+            </ul>
+          </template></el-table-column
+        >
+        <el-table-column prop="soup" label="汤">
+          <template #default="scope">
+            <ul>
+              <li v-for="recipe in scope.row.soup" :key="recipe.name">
+                <a :href="'/recipe/' + recipe.id">
+                  {{ recipe.name }}
+                </a>
+              </li>
+            </ul>
+          </template></el-table-column
+        >
       </el-table>
     </el-col>
     <el-col>