From b4e64333bc04f7d4388b76d1d562a10550b38d3d Mon Sep 17 00:00:00 2001
From: Ching <loooching@gmail.com>
Date: Thu, 7 Oct 2021 19:02:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(daily=20recipe=20page):=20[A]=20=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=AF=8F=E6=97=A5=E8=8F=9C=E8=B0=B1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[A] 增加每日菜谱页面

Signed-off-by: Ching <loooching@gmail.com>
---
 frontend/dist/js/app.06e83add.js              |   4 +-
 .../components/recipe-mobile/recipe-edit.vue  |   8 +-
 .../components/recipe-mobile/week-recipe.vue  |   6 +-
 frontend/src/router/index.js                  |   6 +
 frontend/src/utils/constants.js               |   9 +-
 .../views/recipe-mobile/DailyRecipeDetail.vue | 231 ++++++++++++++++++
 6 files changed, 253 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/views/recipe-mobile/DailyRecipeDetail.vue

diff --git a/frontend/dist/js/app.06e83add.js b/frontend/dist/js/app.06e83add.js
index e4e3683..b91557b 100644
--- a/frontend/dist/js/app.06e83add.js
+++ b/frontend/dist/js/app.06e83add.js
@@ -1,2 +1,2 @@
-(function(e){function t(t){for(var c,a,l=t[0],i=t[1],o=t[2],p=0,f=[];p<l.length;p++)a=l[p],Object.prototype.hasOwnProperty.call(r,a)&&r[a]&&f.push(r[a][0]),r[a]=0;for(c in i)Object.prototype.hasOwnProperty.call(i,c)&&(e[c]=i[c]);b&&b(t);while(f.length)f.shift()();return u.push.apply(u,o||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],c=!0,l=1;l<n.length;l++){var i=n[l];0!==r[i]&&(c=!1)}c&&(u.splice(t--,1),e=a(a.s=n[0]))}return e}var c={},r={app:0},u=[];function a(t){if(c[t])return c[t].exports;var n=c[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=c,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)a.d(n,c,function(t){return e[t]}.bind(null,c));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/";var l=window["webpackJsonp"]=window["webpackJsonp"]||[],i=l.push.bind(l);l.push=t,l=l.slice();for(var o=0;o<l.length;o++)t(l[o]);var b=i;u.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"259c":function(e,t,n){"use strict";n("2963")},"282f":function(e,t,n){"use strict";n("585c")},2963:function(e,t,n){},4200:function(e,t,n){},"56d7":function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d");var c=n("7a23");function r(e,t,n,r,u,a){var l=Object(c["P"])("router-view");return Object(c["G"])(),Object(c["k"])(l)}var u={name:"App"};u.render=r;var a=u,l=(n("ab8b"),n("7864")),i=(n("7dd6"),n("3ef0")),o=n.n(i),b=function(e){e.use(l["a"],{locale:o.a})},p=n("6c02"),f=Object(c["o"])(" 首页 "),j=Object(c["o"])(" 每周菜谱 ");function O(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("recipe_list"),p=Object(c["P"])("el-col"),O=Object(c["P"])("el-row"),d=Object(c["P"])("input_recipe"),s=Object(c["P"])("el-main"),m=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(m,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal","default-active":"/",router:""},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[f]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[j]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(s,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(O,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b)]})),_:1})]})),_:1}),Object(c["p"])(O,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(d,{recipe:{}})]})),_:1})]})),_:1})]})),_:1})]})),_:1})}n("b0c0");Object(c["J"])("data-v-16b31338");var d=Object(c["o"])("提交");function s(e,t,n,r,u,a){var l=Object(c["P"])("el-input"),i=Object(c["P"])("el-form-item"),o=Object(c["P"])("el-option"),b=Object(c["P"])("el-select"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-button"),O=Object(c["P"])("el-form");return Object(c["G"])(),Object(c["k"])(f,{justify:"left"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(O,{rules:e.rules,ref:"form",model:e.form,"label-position":"left"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"名字",prop:"name"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{modelValue:e.form.name,"onUpdate:modelValue":t[0]||(t[0]=function(t){return e.form.name=t}),placeholder:"鱼香茄子......"},null,8,["modelValue"])]})),_:1}),Object(c["p"])(f,{gutter:20},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{span:8},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"类型"},{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{modelValue:e.form.recipe_type,"onUpdate:modelValue":t[1]||(t[1]=function(t){return e.form.recipe_type=t}),placeholder:"选择类型",style:{width:"100%"}},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{label:"肉",value:"meat"}),Object(c["p"])(o,{label:"菜",value:"vegetable"}),Object(c["p"])(o,{label:"汤",value:"soup"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),Object(c["p"])(p,{span:8},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"评分"},{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{modelValue:e.form.rate,"onUpdate:modelValue":t[2]||(t[2]=function(t){return e.form.rate=t}),placeholder:"选择评分",style:{width:"100%"}},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{label:"再也不吃了",value:"1"}),Object(c["p"])(o,{label:"难吃，再练练",value:"2"}),Object(c["p"])(o,{label:"还行",value:"3"}),Object(c["p"])(o,{label:"好吃",value:"4"}),Object(c["p"])(o,{label:"上天了",value:"5"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),Object(c["p"])(p,{span:8},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"难度"},{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{modelValue:e.form.difficulty,"onUpdate:modelValue":t[3]||(t[3]=function(t){return e.form.difficulty=t}),placeholder:"选择难度",style:{width:"100%"}},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{label:"无脑做",value:"1"}),Object(c["p"])(o,{label:"还行",value:"2"}),Object(c["p"])(o,{label:"有点麻烦",value:"3"}),Object(c["p"])(o,{label:"要花心机",value:"4"}),Object(c["p"])(o,{label:"做不来做不来",value:"5"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(i,{label:"备注"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{type:"textarea",modelValue:e.form.note,"onUpdate:modelValue":t[4]||(t[4]=function(t){return e.form.note=t})},null,8,["modelValue"])]})),_:1}),Object(c["p"])(i,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(j,{type:"primary",plain:"",class:"summit-recipe",onClick:t[5]||(t[5]=function(t){return a.onSubmit(e.recipe_id)})},{default:Object(c["eb"])((function(){return[d]})),_:1})]})),_:1})]})),_:1},8,["rules","model"])]})),_:1})]})),_:1})}Object(c["H"])();var m=n("bc3a"),_=n.n(m),h=n("f121"),v=n.n(h),g={props:["recipe_"],watch:{recipe_:function(e){this.form=e,this.recipe_id=e.id}},data:function(){return{form:{name:null,recipe_type:null,difficulty:null,rate:null,note:null},rules:{name:[{required:!0,trigger:"blur",message:"输入菜名"}]},recipe_id:null}},methods:{onSubmit:function(e){var t={name:this.form.name,recipe_type:this.form.recipe_type,difficulty:this.form.difficulty,rate:this.form.rate,note:this.form.note};e?_.a.put(v.a.publicPath+"/recipe/recipe/"+e,t).then((function(){location.reload()})).catch((function(e){console.log(e)})):_.a.post(v.a.publicPath+"/recipe/recipe/",t).then((function(){location.reload()})).catch((function(e){console.log(e)}))}}};n("282f");g.render=s,g.__scopeId="data-v-16b31338";var y=g,P=Object(c["o"])(" 编辑 ");function k(e,t,n,r,u,a){var l=Object(c["P"])("el-table-column"),i=Object(c["P"])("el-button"),o=Object(c["P"])("el-table"),b=Object(c["P"])("el-pagination");return Object(c["G"])(),Object(c["m"])(c["b"],null,[Object(c["p"])(o,{data:e.recipes,"max-height":"500",class:"recipe-table"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{prop:"name",label:"名字"}),Object(c["p"])(l,{prop:"recipe_type",label:"类型",formatter:e.formatRecipeType,filters:[{text:"青菜",value:"vegetable"},{text:"肉",value:"meat"},{text:"汤",value:"soup"}],"filter-method":a.filterRecipeType},null,8,["formatter","filter-method"]),Object(c["p"])(l,{prop:"difficulty",label:"难度",formatter:e.formatDifficulty,sortable:""},null,8,["formatter"]),Object(c["p"])(l,{prop:"rate",label:"评分",formatter:e.formatRate,sortable:""},null,8,["formatter"]),Object(c["p"])(l,{label:"操作"},{default:Object(c["eb"])((function(e){return[Object(c["p"])(i,{size:"mini",onClick:function(t){return a.editRecipe(e.row)}},{default:Object(c["eb"])((function(){return[P]})),_:2},1032,["onClick"])]})),_:1})]})),_:1},8,["data"]),Object(c["p"])(b,{background:"",small:"",layout:"total,prev, pager, next","hide-on-single-page":"",onCurrentChange:a.handleCurrentChange,"current-page":e.current_page,"onUpdate:current-page":t[0]||(t[0]=function(t){return e.current_page=t}),"page-count":e.page_count,total:e.total_count},null,8,["onCurrentChange","current-page","page-count","total"])],64)}var w={vegetable:"青菜",meat:"肉",soup:"汤"},R={1:"🍚",2:"🍚 🍚",3:"🍚 🍚 🍚",4:"🍚 🍚 🍚 🍚",5:"🍚 🍚 🍚 🍚 🍚"},C={1:"⭐",2:"⭐ ⭐",3:"⭐ ⭐ ⭐",4:"⭐ ⭐ ⭐ ⭐",5:"⭐ ⭐ ⭐ ⭐ ⭐"};function x(e){return w[e.recipe_type]}function V(e){return R[e.rate]}function D(e){return C[e.difficulty]}var G={name:"RecipeList",methods:{reload:function(){this.isRouterAlive=!1,this.$nextTick((function(){this.isRouterAlive=!0}))},filterRecipeType:function(e,t){return t.recipe_type===e},editRecipe:function(e){je.push({name:"RecipeDetail",params:{id:e.id}})},handleCurrentChange:function(e){var t=this;null!==e&&(console.log("当前页: ".concat(e)),_.a.get(v.a.publicPath+"/recipe/recipe/?page="+e).then((function(e){return t.page_count=e.data.page_count,t.total_count=e.data.count,t.recipes=e.data.results})))}},data:function(){return{recipes:[],formatRecipeType:x,formatRate:V,formatDifficulty:D,isRouterAlive:!0,page_count:1,total_count:0,current_page:1}},mounted:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/recipe/").then((function(t){return e.page_count=t.data.page_count,e.total_count=t.data.count,e.recipes=t.data.results}))}};n("259c");G.render=k;var T=G,z={name:"Home",components:{input_recipe:y,recipe_list:T},data:function(){return{}}};n("7d87");z.render=O;var E=z,U=Object(c["o"])(" 首页 "),S=Object(c["o"])(" 每周菜谱 ");function A(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("input_recipe"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-main"),O=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(O,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal","default-active":"#",router:""},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[U]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[S]})),_:1}),Object(c["p"])(l,{index:"#"},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.recipe.name),1)]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(j,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{"recipe-id":e.recipe.id,recipe_:e.recipe},null,8,["recipe-id","recipe_"])]})),_:1})]})),_:1})]})),_:1})]})),_:1})}n("ec4f");var M=n("c9d9"),N=n.n(M),H={name:"RecipeDetail",components:{input_recipe:y},data:function(){return{recipe:{},constants:N.a}},mounted:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/recipe/"+this.$route.params.id).then((function(t){return e.recipe=t.data}))},methods:{goHome:function(){je.push({name:"Home"})}}};n("87ed");H.render=A;var $=H,I=Object(c["o"])(" 首页 "),J=Object(c["o"])(" 每周菜谱 ");function W(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("week_recipe"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-main"),O=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(O,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal","default-active":"/week-recipe/",router:""},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[I]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[J]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(j,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b)]})),_:1})]})),_:1})]})),_:1})]})),_:1})}var Y=Object(c["o"])(" 编辑 "),L=Object(c["o"])("重新生成");function q(e,t,n,r,u,a){var l=Object(c["P"])("el-table-column"),i=Object(c["P"])("router-link"),o=Object(c["P"])("el-tag"),b=Object(c["P"])("el-button"),p=Object(c["P"])("el-table"),f=Object(c["P"])("el-col"),j=Object(c["P"])("el-row");return Object(c["G"])(),Object(c["k"])(j,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(f,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{border:"",stripe:"",data:e.daily_recipes,"max-height":"500"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{prop:"date",label:"日期",formatter:e.formatDate,width:"50px"},null,8,["formatter"]),Object(c["p"])(l,{prop:"meat",label:"肉"},{default:Object(c["eb"])((function(e){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.row.meat,(function(e){return Object(c["G"])(),Object(c["k"])(o,{id:"meal",key:e.name,size:"small"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{to:{name:"RecipeDetail",params:{id:e.id}}},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.name),1)]})),_:2},1032,["to"])]})),_:2},1024)})),128))]})),_:1}),Object(c["p"])(l,{prop:"vegetable",label:"菜"},{default:Object(c["eb"])((function(e){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.row.vegetable,(function(e){return Object(c["G"])(),Object(c["k"])(o,{id:"meal",key:e.name,size:"small"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{to:{name:"RecipeDetail",params:{id:e.id}}},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.name),1)]})),_:2},1032,["to"])]})),_:2},1024)})),128))]})),_:1}),Object(c["p"])(l,{prop:"soup",label:"汤"},{default:Object(c["eb"])((function(e){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.row.soup,(function(e){return Object(c["G"])(),Object(c["k"])(o,{id:"meal",key:e.name,size:"small"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{to:{name:"RecipeDetail",params:{id:e.id}}},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.name),1)]})),_:2},1032,["to"])]})),_:2},1024)})),128))]})),_:1}),Object(c["p"])(l,{label:"操作",width:"80px"},{default:Object(c["eb"])((function(e){return[Object(c["p"])(b,{size:"mini",onClick:function(t){return a.editDailyRecipe(e.row)}},{default:Object(c["eb"])((function(){return[Y]})),_:2},1032,["onClick"])]})),_:1})]})),_:1},8,["data"])]})),_:1}),Object(c["p"])(f,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{type:"primary",plain:"",class:"re-generate",onClick:t[0]||(t[0]=function(e){return a.reGenerateRecipe()})},{default:Object(c["eb"])((function(){return[L]})),_:1})]})),_:1})]})),_:1})}function B(e,t,n){if(void 0!==n){var c=new Date(1e3*n),r=["周日","周一","周二","周三","周四","周五","周六"];return r[c.getDay()]}}function F(e,t,n){var c=["/ "];if(void 0!==n){for(var r=0;r<n.length;r++)c.push(n[r].name+" / ");return c}}var K={name:"WeekRecipe",data:function(){return{daily_recipes:[],formatDate:B,formatMeal:F}},mounted:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/week-recipe/").then((function(t){return e.daily_recipes=t.data}))},methods:{reGenerateRecipe:function(){var e=this;_.a.post(v.a.publicPath+"/recipe/week-recipe/").then((function(e){return _.a.get(v.a.publicPath+"/recipe/week-recipe/")})).then((function(t){return e.daily_recipes=t.data}))},editDailyRecipe:function(e){je.push({name:"DailyRecipeDetail",params:{id:e.id}})}}};n("cac0");K.render=q;var Q=K,X={name:"WeekRecipe",components:{week_recipe:Q},data:function(){return{}}};X.render=W;var Z=X,ee=Object(c["o"])(" 首页 "),te=Object(c["o"])(" 每周菜谱 "),ne=Object(c["o"])(" 每日菜谱 ");function ce(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("daily_recipe_detail"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-main"),O=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(O,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal",router:"","default-active":"#"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[ee]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[te]})),_:1}),Object(c["p"])(l,{index:"#"},{default:Object(c["eb"])((function(){return[ne]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(j,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b)]})),_:1})]})),_:1})]})),_:1})]})),_:1})}var re=Object(c["o"])(" 重新生成 "),ue=Object(c["o"])(" 提交 ");function ae(e,t,n,r,u,a){var l=Object(c["P"])("el-option"),i=Object(c["P"])("el-select"),o=Object(c["P"])("el-table-column"),b=Object(c["P"])("el-table"),p=Object(c["P"])("el-button"),f=Object(c["P"])("el-col"),j=Object(c["P"])("el-row");return Object(c["G"])(),Object(c["m"])(c["b"],null,[Object(c["p"])(b,{border:"",data:e.daily_recipe},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{prop:"meat",label:"肉"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{modelValue:e.meat,"onUpdate:modelValue":t[0]||(t[0]=function(t){return e.meat=t}),multiple:"",size:"mini",placeholder:"选个肉",onChange:a.handleChange},{default:Object(c["eb"])((function(){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.meat_recipe,(function(e){return Object(c["G"])(),Object(c["k"])(l,{key:e.id,label:e.name,value:e.id},null,8,["label","value"])})),128))]})),_:1},8,["modelValue","onChange"])]})),_:1}),Object(c["p"])(o,{prop:"vegetable",label:"菜"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{modelValue:e.vegetable,"onUpdate:modelValue":t[1]||(t[1]=function(t){return e.vegetable=t}),multiple:"",size:"mini",placeholder:"选个菜",onChange:a.handleChange},{default:Object(c["eb"])((function(){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.vegetable_recipe,(function(e){return Object(c["G"])(),Object(c["k"])(l,{key:e.id,label:e.name,value:e.id},null,8,["label","value"])})),128))]})),_:1},8,["modelValue","onChange"])]})),_:1}),Object(c["p"])(o,{prop:"soup",label:"汤"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{modelValue:e.soup,"onUpdate:modelValue":t[2]||(t[2]=function(t){return e.soup=t}),multiple:"",size:"mini",placeholder:"选个汤",onChange:a.handleChange},{default:Object(c["eb"])((function(){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.soup_recipe,(function(e){return Object(c["G"])(),Object(c["k"])(l,{key:e.id,label:e.name,value:e.id},null,8,["label","value"])})),128))]})),_:1},8,["modelValue","onChange"])]})),_:1})]})),_:1},8,["data"]),Object(c["p"])(j,{gutter:"20"},{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{span:12},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{type:"primary",plain:"",class:"re-generate",onClick:t[3]||(t[3]=function(e){return a.reGenerateRecipe()})},{default:Object(c["eb"])((function(){return[re]})),_:1})]})),_:1}),Object(c["p"])(f,{span:12},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{type:"success",plain:"",disabled:e.disable_submit,class:"re-generate",onClick:t[4]||(t[4]=function(e){return a.submitRecipe()})},{default:Object(c["eb"])((function(){return[ue]})),_:1},8,["disabled"])]})),_:1})]})),_:1})],64)}var le={name:"DailyRecipeDetail",data:function(){return{daily_recipe:[],inputVisible:!1,inputValue:null,meat_recipe:[],meat:[],vegetable_recipe:[],vegetable:[],soup_recipe:[],soup:[],disable_submit:!0}},mounted:function(){var e=this;this.getDailyRecipy(),_.a.get(v.a.publicPath+"/recipe/recipe/?recipe_type=meat&page_size=500").then((function(t){return e.meat_recipe=t.data.results})),_.a.get(v.a.publicPath+"/recipe/recipe/?recipe_type=vegetable&page_size=500").then((function(t){return e.vegetable_recipe=t.data.results})),_.a.get(v.a.publicPath+"/recipe/recipe/?recipe_type=soup&page_size=500").then((function(t){return e.soup_recipe=t.data.results}))},methods:{reGenerateRecipe:function(){var e=this;_.a.post(v.a.publicPath+"/recipe/daily-recipe/"+this.$route.params.id).then((function(t){return e.getDailyRecipy()}))},submitRecipe:function(){_.a.put(v.a.publicPath+"/recipe/daily-recipe/"+this.$route.params.id,{meat:this.meat,vegetable:this.vegetable,soup:this.soup}),this.disable_submit=!0},handleChange:function(){console.log(this.meat,this.vegetable,this.soup),this.disable_submit=!1},getDailyRecipy:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/daily-recipe/"+this.$route.params.id).then((function(t){var n={meat:[],vegetable:[],soup:[]};e.meat=[],e.vegetable=[],e.soup=[];for(var c=0;c<t.data.recipes.length;c++)"meat"==t.data.recipes[c].recipe_type?(n.meat.push(t.data.recipes[c]),e.meat.push(t.data.recipes[c]["id"])):"vegetable"==t.data.recipes[c].recipe_type?(n.vegetable.push(t.data.recipes[c]),e.vegetable.push(t.data.recipes[c]["id"])):"soup"==t.data.recipes[c].recipe_type&&(n.soup.push(t.data.recipes[c]),e.soup.push(t.data.recipes[c]["id"]));e.daily_recipe=[n],e.disable_submit=!0}))}}};le.render=ae;var ie=le,oe={name:"DailyRecipeDetail",components:{daily_recipe_detail:ie},data:function(){return{}}};oe.render=ce;var be=oe,pe=[{path:"/",name:"Home",component:E},{path:"/recipe/:id",name:"RecipeDetail",component:$},{path:"/week-recipe/",name:"WeekRecipe",component:Z},{path:"/daily-recipe/:id",name:"DailyRecipeDetail",component:be}],fe=Object(p["a"])({history:Object(p["b"])(),routes:pe}),je=fe,Oe=Object(c["j"])(a);b(Oe),Oe.use(l["a"]),Oe.use(je).mount("#app")},"585c":function(e,t,n){},"7d87":function(e,t,n){"use strict";n("9733")},"87ed":function(e,t,n){"use strict";n("d7a9")},9733:function(e,t,n){},c9d9:function(e,t){var n={vegetable:"青菜",meat:"肉",soup:"汤"},c={1:"🍚",2:"🍚 🍚",3:"🍚 🍚 🍚",4:"🍚 🍚 🍚 🍚",5:"🍚 🍚 🍚 🍚 🍚"},r={1:"⭐",2:"⭐ ⭐",3:"⭐ ⭐ ⭐",4:"⭐ ⭐ ⭐ ⭐",5:"⭐ ⭐ ⭐ ⭐ ⭐"};function u(e){return n[e]}function a(e){return c[e]}function l(e){return r[e]}e.exports={RECIPE_TYPE_VEGETABLE:"vegetable",RECIPE_TYPE_META:"meat",RECIPE_TYPE_SOUP:"soup",formatRecipeType:u,formatDifficulty:l,formatRate:a}},cac0:function(e,t,n){"use strict";n("4200")},d7a9:function(e,t,n){},f121:function(e,t){e.exports={publicPath:""}}});
-//# sourceMappingURL=app.06e83add.js.map
\ No newline at end of file
+(function(e){function t(t){for(var c,a,l=t[0],i=t[1],o=t[2],p=0,f=[];p<l.length;p++)a=l[p],Object.prototype.hasOwnProperty.call(r,a)&&r[a]&&f.push(r[a][0]),r[a]=0;for(c in i)Object.prototype.hasOwnProperty.call(i,c)&&(e[c]=i[c]);b&&b(t);while(f.length)f.shift()();return u.push.apply(u,o||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],c=!0,l=1;l<n.length;l++){var i=n[l];0!==r[i]&&(c=!1)}c&&(u.splice(t--,1),e=a(a.s=n[0]))}return e}var c={},r={app:0},u=[];function a(t){if(c[t])return c[t].exports;var n=c[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=c,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)a.d(n,c,function(t){return e[t]}.bind(null,c));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/";var l=window["webpackJsonp"]=window["webpackJsonp"]||[],i=l.push.bind(l);l.push=t,l=l.slice();for(var o=0;o<l.length;o++)t(l[o]);var b=i;u.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"259c":function(e,t,n){"use strict";n("2963")},"282f":function(e,t,n){"use strict";n("585c")},2963:function(e,t,n){},4200:function(e,t,n){},"56d7":function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d");var c=n("7a23");function r(e,t,n,r,u,a){var l=Object(c["P"])("router-view");return Object(c["G"])(),Object(c["k"])(l)}var u={name:"App"};u.render=r;var a=u,l=(n("ab8b"),n("7864")),i=(n("7dd6"),n("3ef0")),o=n.n(i),b=function(e){e.use(l["a"],{locale:o.a})},p=n("6c02"),f=Object(c["o"])(" 首页 "),j=Object(c["o"])(" 每周菜谱 ");function O(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("recipe_list"),p=Object(c["P"])("el-col"),O=Object(c["P"])("el-row"),d=Object(c["P"])("input_recipe"),s=Object(c["P"])("el-main"),m=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(m,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal","default-active":"/",router:""},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[f]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[j]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(s,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(O,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b)]})),_:1})]})),_:1}),Object(c["p"])(O,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(d,{recipe:{}})]})),_:1})]})),_:1})]})),_:1})]})),_:1})}n("b0c0");Object(c["J"])("data-v-16b31338");var d=Object(c["o"])("提交");function s(e,t,n,r,u,a){var l=Object(c["P"])("el-input"),i=Object(c["P"])("el-form-item"),o=Object(c["P"])("el-option"),b=Object(c["P"])("el-select"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-button"),O=Object(c["P"])("el-form");return Object(c["G"])(),Object(c["k"])(f,{justify:"left"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(O,{rules:e.rules,ref:"form",model:e.form,"label-position":"left"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"名字",prop:"name"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{modelValue:e.form.name,"onUpdate:modelValue":t[0]||(t[0]=function(t){return e.form.name=t}),placeholder:"鱼香茄子......"},null,8,["modelValue"])]})),_:1}),Object(c["p"])(f,{gutter:20},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{span:8},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"类型"},{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{modelValue:e.form.recipe_type,"onUpdate:modelValue":t[1]||(t[1]=function(t){return e.form.recipe_type=t}),placeholder:"选择类型",style:{width:"100%"}},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{label:"肉",value:"meat"}),Object(c["p"])(o,{label:"菜",value:"vegetable"}),Object(c["p"])(o,{label:"汤",value:"soup"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),Object(c["p"])(p,{span:8},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"评分"},{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{modelValue:e.form.rate,"onUpdate:modelValue":t[2]||(t[2]=function(t){return e.form.rate=t}),placeholder:"选择评分",style:{width:"100%"}},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{label:"再也不吃了",value:"1"}),Object(c["p"])(o,{label:"难吃，再练练",value:"2"}),Object(c["p"])(o,{label:"还行",value:"3"}),Object(c["p"])(o,{label:"好吃",value:"4"}),Object(c["p"])(o,{label:"上天了",value:"5"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),Object(c["p"])(p,{span:8},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{label:"难度"},{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{modelValue:e.form.difficulty,"onUpdate:modelValue":t[3]||(t[3]=function(t){return e.form.difficulty=t}),placeholder:"选择难度",style:{width:"100%"}},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{label:"无脑做",value:"1"}),Object(c["p"])(o,{label:"还行",value:"2"}),Object(c["p"])(o,{label:"有点麻烦",value:"3"}),Object(c["p"])(o,{label:"要花心机",value:"4"}),Object(c["p"])(o,{label:"做不来做不来",value:"5"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(i,{label:"备注"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{type:"textarea",modelValue:e.form.note,"onUpdate:modelValue":t[4]||(t[4]=function(t){return e.form.note=t})},null,8,["modelValue"])]})),_:1}),Object(c["p"])(i,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(j,{type:"primary",plain:"",class:"summit-recipe",onClick:t[5]||(t[5]=function(t){return a.onSubmit(e.recipe_id)})},{default:Object(c["eb"])((function(){return[d]})),_:1})]})),_:1})]})),_:1},8,["rules","model"])]})),_:1})]})),_:1})}Object(c["H"])();var m=n("bc3a"),_=n.n(m),h=n("f121"),v=n.n(h),g={props:["recipe_"],watch:{recipe_:function(e){this.form=e,this.recipe_id=e.id}},data:function(){return{form:{name:null,recipe_type:null,difficulty:null,rate:null,note:null},rules:{name:[{required:!0,trigger:"blur",message:"输入菜名"}]},recipe_id:null}},methods:{onSubmit:function(e){var t={name:this.form.name,recipe_type:this.form.recipe_type,difficulty:this.form.difficulty,rate:this.form.rate,note:this.form.note};e?_.a.put(v.a.publicPath+"/recipe/recipe/"+e,t).then((function(){location.reload()})).catch((function(e){console.log(e)})):_.a.post(v.a.publicPath+"/recipe/recipe/",t).then((function(){location.reload()})).catch((function(e){console.log(e)}))}}};n("282f");g.render=s,g.__scopeId="data-v-16b31338";var y=g,P=Object(c["o"])(" 编辑 ");function k(e,t,n,r,u,a){var l=Object(c["P"])("el-table-column"),i=Object(c["P"])("el-button"),o=Object(c["P"])("el-table"),b=Object(c["P"])("el-pagination");return Object(c["G"])(),Object(c["m"])(c["b"],null,[Object(c["p"])(o,{data:e.recipes,"max-height":"500",class:"recipe-table"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{prop:"name",label:"名字"}),Object(c["p"])(l,{prop:"recipe_type",label:"类型",formatter:e.formatRecipeType,filters:[{text:"青菜",value:"vegetable"},{text:"肉",value:"meat"},{text:"汤",value:"soup"}],"filter-method":a.filterRecipeType},null,8,["formatter","filter-method"]),Object(c["p"])(l,{prop:"difficulty",label:"难度",formatter:e.formatDifficulty,sortable:""},null,8,["formatter"]),Object(c["p"])(l,{prop:"rate",label:"评分",formatter:e.formatRate,sortable:""},null,8,["formatter"]),Object(c["p"])(l,{label:"操作"},{default:Object(c["eb"])((function(e){return[Object(c["p"])(i,{size:"mini",onClick:function(t){return a.editRecipe(e.row)}},{default:Object(c["eb"])((function(){return[P]})),_:2},1032,["onClick"])]})),_:1})]})),_:1},8,["data"]),Object(c["p"])(b,{background:"",small:"",layout:"total,prev, pager, next","hide-on-single-page":"",onCurrentChange:a.handleCurrentChange,"current-page":e.current_page,"onUpdate:current-page":t[0]||(t[0]=function(t){return e.current_page=t}),"page-count":e.page_count,total:e.total_count},null,8,["onCurrentChange","current-page","page-count","total"])],64)}var w={vegetable:"青菜",meat:"肉",soup:"汤"},R={1:"🍚",2:"🍚 🍚",3:"🍚 🍚 🍚",4:"🍚 🍚 🍚 🍚",5:"🍚 🍚 🍚 🍚 🍚"},C={1:"⭐",2:"⭐ ⭐",3:"⭐ ⭐ ⭐",4:"⭐ ⭐ ⭐ ⭐",5:"⭐ ⭐ ⭐ ⭐ ⭐"};function x(e){return w[e.recipe_type]}function V(e){return R[e.rate]}function D(e){return C[e.difficulty]}var G={name:"RecipeList",methods:{reload:function(){this.isRouterAlive=!1,this.$nextTick((function(){this.isRouterAlive=!0}))},filterRecipeType:function(e,t){return t.recipe_type===e},editRecipe:function(e){je.push({name:"RecipeDetail",params:{id:e.id}})},handleCurrentChange:function(e){var t=this;null!==e&&(console.log("当前页: ".concat(e)),_.a.get(v.a.publicPath+"/recipe/recipe/?page="+e).then((function(e){return t.page_count=e.data.page_count,t.total_count=e.data.count,t.recipes=e.data.results})))}},data:function(){return{recipes:[],formatRecipeType:x,formatRate:V,formatDifficulty:D,isRouterAlive:!0,page_count:1,total_count:0,current_page:1}},mounted:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/recipe/").then((function(t){return e.page_count=t.data.page_count,e.total_count=t.data.count,e.recipes=t.data.results}))}};n("259c");G.render=k;var T=G,z={name:"Home",components:{input_recipe:y,recipe_list:T},data:function(){return{}}};n("7d87");z.render=O;var E=z,U=Object(c["o"])(" 首页 "),S=Object(c["o"])(" 每周菜谱 ");function A(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("input_recipe"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-main"),O=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(O,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal","default-active":"#",router:""},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[U]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[S]})),_:1}),Object(c["p"])(l,{index:"#"},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.recipe.name),1)]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(j,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{"recipe-id":e.recipe.id,recipe_:e.recipe},null,8,["recipe-id","recipe_"])]})),_:1})]})),_:1})]})),_:1})]})),_:1})}n("ec4f");var M=n("c9d9"),N=n.n(M),H={name:"RecipeDetail",components:{input_recipe:y},data:function(){return{recipe:{},constants:N.a}},mounted:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/recipe/"+this.$route.params.id).then((function(t){return e.recipe=t.data}))},methods:{goHome:function(){je.push({name:"Home"})}}};n("87ed");H.render=A;var $=H,I=Object(c["o"])(" 首页 "),J=Object(c["o"])(" 每周菜谱 ");function W(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("week_recipe"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-main"),O=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(O,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal","default-active":"/week-recipe/",router:""},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[I]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[J]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(j,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b)]})),_:1})]})),_:1})]})),_:1})]})),_:1})}var Y=Object(c["o"])(" 编辑 "),L=Object(c["o"])("重新生成");function q(e,t,n,r,u,a){var l=Object(c["P"])("el-table-column"),i=Object(c["P"])("router-link"),o=Object(c["P"])("el-tag"),b=Object(c["P"])("el-button"),p=Object(c["P"])("el-table"),f=Object(c["P"])("el-col"),j=Object(c["P"])("el-row");return Object(c["G"])(),Object(c["k"])(j,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(f,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{border:"",stripe:"",data:e.daily_recipes,"max-height":"500"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{prop:"date",label:"日期",formatter:e.formatDate,width:"50px"},null,8,["formatter"]),Object(c["p"])(l,{prop:"meat",label:"肉"},{default:Object(c["eb"])((function(e){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.row.meat,(function(e){return Object(c["G"])(),Object(c["k"])(o,{id:"meal",key:e.name,size:"small"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{to:{name:"RecipeDetail",params:{id:e.id}}},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.name),1)]})),_:2},1032,["to"])]})),_:2},1024)})),128))]})),_:1}),Object(c["p"])(l,{prop:"vegetable",label:"菜"},{default:Object(c["eb"])((function(e){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.row.vegetable,(function(e){return Object(c["G"])(),Object(c["k"])(o,{id:"meal",key:e.name,size:"small"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{to:{name:"RecipeDetail",params:{id:e.id}}},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.name),1)]})),_:2},1032,["to"])]})),_:2},1024)})),128))]})),_:1}),Object(c["p"])(l,{prop:"soup",label:"汤"},{default:Object(c["eb"])((function(e){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.row.soup,(function(e){return Object(c["G"])(),Object(c["k"])(o,{id:"meal",key:e.name,size:"small"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{to:{name:"RecipeDetail",params:{id:e.id}}},{default:Object(c["eb"])((function(){return[Object(c["o"])(Object(c["T"])(e.name),1)]})),_:2},1032,["to"])]})),_:2},1024)})),128))]})),_:1}),Object(c["p"])(l,{label:"操作",width:"80px"},{default:Object(c["eb"])((function(e){return[Object(c["p"])(b,{size:"mini",onClick:function(t){return a.editDailyRecipe(e.row)}},{default:Object(c["eb"])((function(){return[Y]})),_:2},1032,["onClick"])]})),_:1})]})),_:1},8,["data"])]})),_:1}),Object(c["p"])(f,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b,{type:"primary",plain:"",class:"re-generate",onClick:t[0]||(t[0]=function(e){return a.reGenerateRecipe()})},{default:Object(c["eb"])((function(){return[L]})),_:1})]})),_:1})]})),_:1})}function B(e,t,n){if(void 0!==n){var c=new Date(1e3*n),r=["周日","周一","周二","周三","周四","周五","周六"];return r[c.getDay()]}}function F(e,t,n){var c=["/ "];if(void 0!==n){for(var r=0;r<n.length;r++)c.push(n[r].name+" / ");return c}}var K={name:"WeekRecipe",data:function(){return{daily_recipes:[],formatDate:B,formatMeal:F}},mounted:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/week-recipe/").then((function(t){return e.daily_recipes=t.data}))},methods:{reGenerateRecipe:function(){var e=this;_.a.post(v.a.publicPath+"/recipe/week-recipe/").then((function(e){return _.a.get(v.a.publicPath+"/recipe/week-recipe/")})).then((function(t){return e.daily_recipes=t.data}))},editDailyRecipe:function(e){je.push({name:"DailyRecipeDetail",params:{id:e.id}})}}};n("cac0");K.render=q;var Q=K,X={name:"WeekRecipe",components:{week_recipe:Q},data:function(){return{}}};X.render=W;var Z=X,ee=Object(c["o"])(" 首页 "),te=Object(c["o"])(" 每周菜谱 "),ne=Object(c["o"])(" 每日菜谱 ");function ce(e,t,n,r,u,a){var l=Object(c["P"])("el-menu-item"),i=Object(c["P"])("el-menu"),o=Object(c["P"])("el-header"),b=Object(c["P"])("daily_recipe_detail"),p=Object(c["P"])("el-col"),f=Object(c["P"])("el-row"),j=Object(c["P"])("el-main"),O=Object(c["P"])("el-container");return Object(c["G"])(),Object(c["k"])(O,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(o,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{mode:"horizontal",router:"","default-active":"#"},{default:Object(c["eb"])((function(){return[Object(c["p"])(l,{index:"/"},{default:Object(c["eb"])((function(){return[ee]})),_:1}),Object(c["p"])(l,{index:"/week-recipe/"},{default:Object(c["eb"])((function(){return[te]})),_:1}),Object(c["p"])(l,{index:"#"},{default:Object(c["eb"])((function(){return[ne]})),_:1})]})),_:1})]})),_:1}),Object(c["p"])(j,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{justify:"center"},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,null,{default:Object(c["eb"])((function(){return[Object(c["p"])(b)]})),_:1})]})),_:1})]})),_:1})]})),_:1})}var re=Object(c["o"])(" 重新生成 "),ue=Object(c["o"])(" 提交 ");function ae(e,t,n,r,u,a){var l=Object(c["P"])("el-option"),i=Object(c["P"])("el-select"),o=Object(c["P"])("el-table-column"),b=Object(c["P"])("el-table"),p=Object(c["P"])("el-button"),f=Object(c["P"])("el-col"),j=Object(c["P"])("el-row");return Object(c["G"])(),Object(c["m"])(c["b"],null,[Object(c["p"])(b,{border:"",data:e.daily_recipe},{default:Object(c["eb"])((function(){return[Object(c["p"])(o,{prop:"meat",label:"肉"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{modelValue:e.meat,"onUpdate:modelValue":t[0]||(t[0]=function(t){return e.meat=t}),multiple:"",size:"mini",placeholder:"选个肉",onChange:a.handleChange},{default:Object(c["eb"])((function(){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.meat_recipe,(function(e){return Object(c["G"])(),Object(c["k"])(l,{key:e.id,label:e.name,value:e.id},null,8,["label","value"])})),128))]})),_:1},8,["modelValue","onChange"])]})),_:1}),Object(c["p"])(o,{prop:"vegetable",label:"菜"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{modelValue:e.vegetable,"onUpdate:modelValue":t[1]||(t[1]=function(t){return e.vegetable=t}),multiple:"",size:"mini",placeholder:"选个菜",onChange:a.handleChange},{default:Object(c["eb"])((function(){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.vegetable_recipe,(function(e){return Object(c["G"])(),Object(c["k"])(l,{key:e.id,label:e.name,value:e.id},null,8,["label","value"])})),128))]})),_:1},8,["modelValue","onChange"])]})),_:1}),Object(c["p"])(o,{prop:"soup",label:"汤"},{default:Object(c["eb"])((function(){return[Object(c["p"])(i,{modelValue:e.soup,"onUpdate:modelValue":t[2]||(t[2]=function(t){return e.soup=t}),multiple:"",size:"mini",placeholder:"选个汤",onChange:a.handleChange},{default:Object(c["eb"])((function(){return[(Object(c["G"])(!0),Object(c["m"])(c["b"],null,Object(c["N"])(e.soup_recipe,(function(e){return Object(c["G"])(),Object(c["k"])(l,{key:e.id,label:e.name,value:e.id},null,8,["label","value"])})),128))]})),_:1},8,["modelValue","onChange"])]})),_:1})]})),_:1},8,["data"]),Object(c["p"])(j,{gutter:"20"},{default:Object(c["eb"])((function(){return[Object(c["p"])(f,{span:12},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{type:"primary",plain:"",class:"re-generate",onClick:t[3]||(t[3]=function(e){return a.reGenerateRecipe()})},{default:Object(c["eb"])((function(){return[re]})),_:1})]})),_:1}),Object(c["p"])(f,{span:12},{default:Object(c["eb"])((function(){return[Object(c["p"])(p,{type:"success",plain:"",disabled:e.disable_submit,class:"re-generate",onClick:t[4]||(t[4]=function(e){return a.submitRecipe()})},{default:Object(c["eb"])((function(){return[ue]})),_:1},8,["disabled"])]})),_:1})]})),_:1})],64)}var le={name:"DailyRecipeDetail",data:function(){return{daily_recipe:[],inputVisible:!1,inputValue:null,meat_recipe:[],meat:[],vegetable_recipe:[],vegetable:[],soup_recipe:[],soup:[],disable_submit:!0}},mounted:function(){var e=this;this.getDailyRecipy(),_.a.get(v.a.publicPath+"/recipe/recipe/?recipe_type=meat&page_size=500").then((function(t){return e.meat_recipe=t.data.results})),_.a.get(v.a.publicPath+"/recipe/recipe/?recipe_type=vegetable&page_size=500").then((function(t){return e.vegetable_recipe=t.data.results})),_.a.get(v.a.publicPath+"/recipe/recipe/?recipe_type=soup&page_size=500").then((function(t){return e.soup_recipe=t.data.results}))},methods:{reGenerateRecipe:function(){var e=this;_.a.post(v.a.publicPath+"/recipe/daily-recipe/"+this.$route.params.id).then((function(t){return e.getDailyRecipy()}))},submitRecipe:function(){_.a.put(v.a.publicPath+"/recipe/daily-recipe/"+this.$route.params.id,{meat:this.meat,vegetable:this.vegetable,soup:this.soup}),this.disable_submit=!0},handleChange:function(){console.log(this.meat,this.vegetable,this.soup),this.disable_submit=!1},getDailyRecipy:function(){var e=this;_.a.get(v.a.publicPath+"/recipe/daily-recipe/"+this.$route.params.id).then((function(t){var n={meat:[],vegetable:[],soup:[]};e.meat=[],e.vegetable=[],e.soup=[];for(var c=0;c<t.data.recipes.length;c++)"meat"==t.data.recipes[c].recipe_type?(n.meat.push(t.data.recipes[c]),e.meat.push(t.data.recipes[c]["id"])):"vegetable"==t.data.recipes[c].recipe_type?(n.vegetable.push(t.data.recipes[c]),e.vegetable.push(t.data.recipes[c]["id"])):"soup"==t.data.recipes[c].recipe_type&&(n.soup.push(t.data.recipes[c]),e.soup.push(t.data.recipes[c]["id"]));e.daily_recipe=[n],e.disable_submit=!0}))}}};le.render=ae;var ie=le,oe={name:"DailyRecipeDetail",components:{daily_recipe_detail:ie},data:function(){return{}}};oe.render=ce;var be=oe,pe=[{path:"/",name:"Home",component:E},{path:"/recipe/:id",name:"RecipeDetail",component:$},{path:"/week-recipe/",name:"WeekRecipe",component:Z},{path:"/daily-recipe/:id",name:"DailyRecipeDetail",component:be}],fe=Object(p["a"])({history:Object(p["b"])(),routes:pe}),je=fe,Oe=Object(c["j"])(a);b(Oe),Oe.use(l["a"]),Oe.use(je).mount("#app")},"585c":function(e,t,n){},"7d87":function(e,t,n){"use strict";n("9733")},"87ed":function(e,t,n){"use strict";n("d7a9")},9733:function(e,t,n){},c9d9:function(e,t){var n={vegetable:"青菜",meat:"肉",soup:"汤"},c={1:"🍚",2:"🍚 🍚",3:"🍚 🍚 🍚",4:"🍚 🍚 🍚 🍚",5:"🍚 🍚 🍚 🍚 🍚"},r={1:"⭐",2:"⭐ ⭐",3:"⭐ ⭐ ⭐",4:"⭐ ⭐ ⭐ ⭐",5:"⭐ ⭐ ⭐ ⭐ ⭐"};function u(e){return n[e]}function a(e){return c[e]}function l(e){return r[e]}e.exports={RECIPE_TYPE_VEGETABLE:"vegetable",RECIPE_TYPE_MEAT:"meat",RECIPE_TYPE_SOUP:"soup",formatRecipeType:u,formatDifficulty:l,formatRate:a}},cac0:function(e,t,n){"use strict";n("4200")},d7a9:function(e,t,n){},f121:function(e,t){e.exports={publicPath:""}}});
+//# sourceMappingURL=app.06e83add.js.map
diff --git a/frontend/src/components/recipe-mobile/recipe-edit.vue b/frontend/src/components/recipe-mobile/recipe-edit.vue
index 054d5f5..4c90b7e 100644
--- a/frontend/src/components/recipe-mobile/recipe-edit.vue
+++ b/frontend/src/components/recipe-mobile/recipe-edit.vue
@@ -48,6 +48,8 @@
         type="primary"
         block
         plain
+        hairline
+        :disabled="disable_submit"
         @click="onSubmit(recipe_id)"
         :loading="loading"
         >提交</van-button
@@ -104,9 +106,9 @@ export default {
         name: this.form.name,
         recipe_type: this.form.recipe_type
           ? this.form.recipe_type
-          : constants.RECIPE_TYPE_META,
-        difficulty: this.form.difficulty ? this.form.difficulty : 1,
-        rate: this.form.rate ? this.form.rate : 1,
+          : constants.RECIPE_TYPE_MEAT,
+        difficulty: this.form.difficulty,
+        rate: this.form.rate,
         note: this.form.note ? this.form.note : null,
       };
       if (!recipe_id) {
diff --git a/frontend/src/components/recipe-mobile/week-recipe.vue b/frontend/src/components/recipe-mobile/week-recipe.vue
index b6b75ee..1e47d1c 100644
--- a/frontend/src/components/recipe-mobile/week-recipe.vue
+++ b/frontend/src/components/recipe-mobile/week-recipe.vue
@@ -36,7 +36,7 @@
             </van-col>
           </van-row>
           <van-row>
-            <van-col span="3">
+            <van-col span="3" class="recipe_type">
               <van-grid :column-num="1">
                 <van-grid-item text="菜" class="recipe_type"></van-grid-item>
               </van-grid>
@@ -59,7 +59,7 @@
             </van-col>
           </van-row>
           <van-row v-if="daily_recipe.soup.length > 0">
-            <van-col span="3">
+            <van-col span="3" class="recipe_type">
               <van-grid :column-num="1">
                 <van-grid-item text="汤" class="recipe_type"></van-grid-item>
               </van-grid>
@@ -113,7 +113,6 @@ import {
   PullRefresh,
   Row,
   SwipeCell,
-  Tag,
 } from 'vant';
 import axios from 'axios';
 import config from '@/config/index';
@@ -130,7 +129,6 @@ export default {
     [PullRefresh.name]: PullRefresh,
     [Row.name]: Row,
     [SwipeCell.name]: SwipeCell,
-    [Tag.name]: Tag,
   },
   data() {
     return {
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 1f656c0..cb2fd6e 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -7,6 +7,7 @@ import RecipeMobileHome from '@/views/recipe-mobile/Home.vue'
 import RecipeMobileRecipeCreate from '@/views/recipe-mobile/RecipeCreate.vue'
 import RecipeMobileWeekRecipe from '@/views/recipe-mobile/WeekRecipe.vue'
 import RecipeMobileRecipeDetail from '@/views/recipe-mobile/RecipeDetail.vue'
+import RecipeMobileDailyRecipeDetail from '@/views/recipe-mobile/DailyRecipeDetail.vue'
 
 const routes = [
   {
@@ -51,6 +52,11 @@ const routes = [
     name: "RecipeMobileRecipeDetail",
     component: RecipeMobileRecipeDetail
   },
+  {
+    path: '/recipe-mobile/daily-recipe/:id',
+    name: "RecipeMobileDailyRecipeDetail",
+    component: RecipeMobileDailyRecipeDetail
+  },
 ];
 
 const router = createRouter({
diff --git a/frontend/src/utils/constants.js b/frontend/src/utils/constants.js
index 2e7d8cc..3d90323 100644
--- a/frontend/src/utils/constants.js
+++ b/frontend/src/utils/constants.js
@@ -27,11 +27,16 @@ function formatDifficulty(difficulty) {
   return difficulty_map[difficulty];
 }
 
-
+const RECIPE_TYPES = [
+        { key: 'meat', value: '肉' },
+        { key: 'vegetable', value: '菜' },
+        { key: 'soup', value: '汤' },
+      ];
 module.exports = {
   RECIPE_TYPE_VEGETABLE: 'vegetable',
-  RECIPE_TYPE_META: 'meat',
+  RECIPE_TYPE_MEAT: 'meat',
   RECIPE_TYPE_SOUP: 'soup',
+  RECIPE_TYPES,
   formatRecipeType,
   formatDifficulty,
   formatRate,
diff --git a/frontend/src/views/recipe-mobile/DailyRecipeDetail.vue b/frontend/src/views/recipe-mobile/DailyRecipeDetail.vue
new file mode 100644
index 0000000..7de56f7
--- /dev/null
+++ b/frontend/src/views/recipe-mobile/DailyRecipeDetail.vue
@@ -0,0 +1,231 @@
+<template>
+  <van-cell-group
+    inset
+    v-for:="recipe_type in constants.RECIPE_TYPES"
+    :title="recipe_type.value"
+  >
+    <van-cell
+      v-for:="recipe in daily_recipe[recipe_type.key]"
+      :title="recipe.name"
+    >
+      <template #right-icon>
+        <van-icon
+          name="cross"
+          class="delete-icon"
+          @click="deleteRecipe(recipe)"
+          color="#969799"
+        />
+      </template>
+    </van-cell>
+    <van-cell>
+      <template #value>
+        <van-button
+          plain
+          hairline
+          block
+          icon="plus"
+          color="#969799"
+          size="small"
+          @click="addRecipe(recipe_type.key)"
+        />
+      </template>
+    </van-cell>
+  </van-cell-group>
+  <div class="recipe-create">
+    <van-button
+      type="primary"
+      round
+      hairline
+      plain
+      block
+      :disabled="disable_submit"
+      @click="submitRecipe"
+      >保存</van-button
+    >
+  </div>
+
+  <tabbar />
+
+  <van-popup
+    v-model:show="show_picker"
+    round
+    position="bottom"
+    safe-area-inset-bottom
+  >
+    <van-picker
+      ref="picker"
+      :columns="picker_columns[picker_recipe_type]"
+      @cancel="show_picker = false"
+      @confirm="onConfirm"
+    />
+  </van-popup>
+</template>
+
+<script>
+import tabbar from '@/components/recipe-mobile/tabbar.vue';
+import axios from 'axios';
+import config from '@/config/index';
+import constants from '@/utils/constants.js';
+
+import {
+  Picker,
+  Icon,
+  Button,
+  Cell,
+  CellGroup,
+  Col,
+  Grid,
+  GridItem,
+  PullRefresh,
+  Row,
+  SwipeCell,
+  Popup,
+} from 'vant';
+export default {
+  components: {
+    [Icon.name]: Icon,
+    [Picker.name]: Picker,
+    [Popup.name]: Popup,
+    [Button.name]: Button,
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Col.name]: Col,
+    [Grid.name]: Grid,
+    [GridItem.name]: GridItem,
+    [PullRefresh.name]: PullRefresh,
+    [Row.name]: Row,
+    [SwipeCell.name]: SwipeCell,
+    tabbar,
+  },
+  data() {
+    return {
+      daily_recipe: {
+        meat: [],
+        vegetable: [],
+        soup: [],
+      },
+      payload: {
+        meat: [],
+        vegetable: [],
+        soup: [],
+      },
+      constants: constants,
+      show_picker: false,
+      picker_recipe_type: null,
+      picker_columns: {},
+      disable_submit: true,
+    };
+  },
+  mounted() {
+    axios
+      .get(config.publicPath + '/recipe/daily-recipe/' + this.$route.params.id)
+      .then(
+        (response) => (this.daily_recipe = this.serializeData(response.data))
+      );
+    for (let i = 0; i < constants.RECIPE_TYPES.length; i++) {
+      axios
+        .get(
+          config.publicPath +
+            '/recipe/recipe/?recipe_type=' +
+            constants.RECIPE_TYPES[i]['key'] +
+            '&page_size=500'
+        )
+        .then(
+          (response) =>
+            (this.picker_columns[
+              constants.RECIPE_TYPES[i]['key']
+            ] = this.serializeDataForPicker(response.data.results))
+        );
+    }
+  },
+  methods: {
+    serializeData(data) {
+      let data_ = {};
+      data_['id'] = data['id'];
+      data_['date'] = data['date'];
+      data_['meat'] = [];
+      data_['vegetable'] = [];
+      data_['soup'] = [];
+      for (let i = 0; i < data['recipes'].length; i++) {
+        if (data['recipes'][i]['recipe_type'] == constants.RECIPE_TYPE_MEAT) {
+          data_.meat.push(data['recipes'][i]);
+          this.payload[data['recipes'][i]['recipe_type']].push(
+            data['recipes'][i]['id']
+          );
+        } else if (
+          data['recipes'][i]['recipe_type'] == constants.RECIPE_TYPE_VEGETABLE
+        ) {
+          data_.vegetable.push(data['recipes'][i]);
+          this.payload[data['recipes'][i]['recipe_type']].push(
+            data['recipes'][i]['id']
+          );
+        } else if (
+          data['recipes'][i]['recipe_type'] == constants.RECIPE_TYPE_SOUP
+        ) {
+          data_.soup.push(data['recipes'][i]);
+          this.payload[data['recipes'][i]['recipe_type']].push(
+            data['recipes'][i]['id']
+          );
+        }
+      }
+      return data_;
+    },
+    serializeDataForPicker(data) {
+      let data_ = [];
+      for (let i = 0; i < data.length; i++) {
+        data_.push({ value: data[i]['id'], text: data[i]['name'] });
+      }
+      return data_;
+    },
+    deleteRecipe(recipe) {
+      for (const recipe_type of ['meat', 'vegetable', 'soup']) {
+        for (let i = 0; i < this.daily_recipe[recipe_type].length; i++) {
+          if (this.daily_recipe[recipe_type][i] == recipe) {
+            this.daily_recipe[recipe_type].splice(i, 1);
+            var index = this.payload[recipe_type].indexOf(recipe.id);
+            this.payload[recipe_type].splice(index, 1);
+            console.log(222, this.payload[recipe_type]);
+            this.disable_submit = false;
+            return;
+          }
+        }
+      }
+    },
+    addRecipe(recipe_type) {
+      this.show_picker = true;
+      this.picker_recipe_type = recipe_type;
+    },
+    onConfirm(val) {
+      this.show_picker = false;
+      this.payload[this.picker_recipe_type].push(val.value);
+      this.daily_recipe[this.picker_recipe_type].push({
+        name: val.text,
+        id: val.value,
+      });
+      this.disable_submit = false;
+    },
+    submitRecipe() {
+      axios.put(
+        config.publicPath + '/recipe/daily-recipe/' + this.$route.params.id,
+        this.payload
+      );
+      this.disable_submit = true;
+    },
+  },
+};
+</script>
+
+<style>
+.daily_recipe {
+  margin-top: 20px;
+}
+.delete-button {
+  width: 100%;
+  height: 100%;
+}
+.delete-icon {
+  font-size: 16px;
+  line-height: inherit;
+  padding: 0 5px;
+}
+</style>