feat(week recipe page): [A] 增加菜谱超链接跳转 RECIPE-19

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

Signed-off-by: Ching <loooching@gmail.com>
This commit is contained in:
Ching 2021-10-04 01:45:12 +08:00
parent 7f6448d0ec
commit ef372535cb

View File

@ -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>