From b6e3d8d4bc5c2084649fb8b441109857a2f1a45a Mon Sep 17 00:00:00 2001 From: huangdeliang <huangdeliang@skieer.com> Date: Sat, 10 Apr 2021 16:20:49 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A3=9F=E8=B0=B1=E7=95=8C?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../MenuDetail/DishesDetailDialog/index.vue | 1 - .../custom/recipesShow/MenuDetail/index.vue | 52 +++++++++++++------ 2 files changed, 35 insertions(+), 18 deletions(-) diff --git a/stdiet-ui/src/views/custom/recipesShow/MenuDetail/DishesDetailDialog/index.vue b/stdiet-ui/src/views/custom/recipesShow/MenuDetail/DishesDetailDialog/index.vue index f099daa4c..1c652a895 100644 --- a/stdiet-ui/src/views/custom/recipesShow/MenuDetail/DishesDetailDialog/index.vue +++ b/stdiet-ui/src/views/custom/recipesShow/MenuDetail/DishesDetailDialog/index.vue @@ -4,7 +4,6 @@ :title="title" width="80%" top="30%" - :close-on-click-modal="false" class="dishes_detail_dialog_wrapper" > <section class="section_zone"> diff --git a/stdiet-ui/src/views/custom/recipesShow/MenuDetail/index.vue b/stdiet-ui/src/views/custom/recipesShow/MenuDetail/index.vue index 688c6b4ae..aca5686bd 100644 --- a/stdiet-ui/src/views/custom/recipesShow/MenuDetail/index.vue +++ b/stdiet-ui/src/views/custom/recipesShow/MenuDetail/index.vue @@ -18,7 +18,7 @@ <el-card v-for="obj in menus" :key="obj.type" style="margin-top: 12px"> <div slot="header"> <div class="header_style"> - <span>{{ obj.typeName }}</span> + <span style="font-weight: bold">{{ obj.typeName }}</span> <span class="time">{{ menuTypeTimeDict[obj.type] }}</span> </div> </div> @@ -27,16 +27,16 @@ <div v-if="mObj.igdList.length === 1" class="simple_dishes" - @click=" - mObj.remark || mObj.methods ? handleOnDetailClick(mObj) : null - " + @click="handleOnDetailClick(mObj)" > - <span - >{{ mObj.igdList[0].name }} + <span> + <span> + {{ mObj.igdList[0].name }} + </span> <em v-if="mObj.remark || mObj.methods" class="el-icon-collection-tag" - style="color: #ababab; margin-left: 8px" + style="color: #1890ff; margin-left: 8px" /> </span> <span class="weight_style"> @@ -46,9 +46,26 @@ <span>{{ mObj.igdList[0].weight }}克</span> </span> </div> - <div v-else class="complex_dishes" @click="handleOnDetailClick(mObj)"> - <span>{{ mObj.name }}</span> - <em class="el-icon-arrow-right" /> + <div v-else style="padding: 8px 0" @click="handleOnDetailClick(mObj)"> + <span> + <span style="color: #1890ff">{{ mObj.name }}</span> + <em + class="el-icon-collection-tag" + style="color: #1890ff; margin-left: 8px" + /> + </span> + <div + class="simple_dishes" + style="margin-left: 16px; height: 30px" + v-for="igd in mObj.igdList" + :key="igd.id" + > + <span>{{ igd.name }} </span> + <span class="weight_style"> + <span style="margin-right: 20px">{{ igd.cusStr }}</span> + <span>{{ igd.weight }}克</span> + </span> + </div> </div> </div> </div> @@ -126,7 +143,9 @@ export default { }, methods: { handleOnDetailClick(data) { - this.$refs["detailDialogRef"].showDialog(data); + if (data.remark || data.methods) { + this.$refs["detailDialogRef"].showDialog(data); + } }, handleOnShoppingPlanClick() { this.$refs["shoppingPlanRef"].showDrawer({ @@ -179,7 +198,6 @@ export default { } .dishes_item { - height: 38px; padding: 0 8px; border-bottom: 1px solid #dfe6ec; @@ -190,12 +208,13 @@ export default { .simple_dishes { display: flex; - height: 100%; + height: 38px; align-items: center; justify-content: space-between; .weight_style { width: 40%; + display: flex; align-items: center; justify-content: space-between; @@ -203,10 +222,9 @@ export default { } .complex_dishes { - display: flex; - height: 100%; - align-items: center; - justify-content: space-between; + // display: flex; + // align-items: center; + // justify-content: space-between; } } }