新增1天体验

stdiet-ui/src/views/custom/recipesBuild/PieChart.vue

@@ -24,7 +24,10 @@
           {{ totalHeat.toFixed(1) }}千卡
         </div>
       </div>
-      <div style="text-align: right; margin-top: 4px">
+      <div
+        style="text-align: right; margin-top: 4px"
+        v-if="recipesData.length > 1"
+      >
         <el-button size="mini" type="text" @click="backToAll"
           >查看全部</el-button
         >
@@ -39,7 +42,7 @@ require("@/utils/echarts/myShine");
 import resize from "@/views/dashboard/mixins/resize";
 import TextInfo from "@/components/TextInfo";
 import { createNamespacedHelpers } from "vuex";
-const { mapMutations } = createNamespacedHelpers("recipes");
+const { mapMutations, mapState } = createNamespacedHelpers("recipes");
 
 export default {
   mixins: [resize],
@@ -99,6 +102,7 @@ export default {
       // console.log(mData);
       return mData;
     },
+    ...mapState(["recipesData"]),
   },
   mounted() {
     this.$nextTick(() => {

stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue

@@ -2,10 +2,12 @@
   <div class="recipes_header_com_wrapper">
     <div class="header_btns" v-loading="loading">
       <section>
+        <div>食谱制作</div>
         <el-button
           size="mini"
           v-if="!!recipesId"
           type="primary"
+          style="margin-left: 12px"
           icon="el-icon-document-copy"
           @click="handleOnTemplateClick"
         >
@@ -103,13 +105,11 @@ export default {
       ],
     };
   },
-  updated() {
-  },
+  updated() {},
   computed: {
     ...mapState(["recipesId", "reviewStatus", "fontSize"]),
   },
-  watch: {
-  },
+  watch: {},
   methods: {
     handleOnSizeChange(fontSize) {
       this.updateFontSize({ fontSize });

stdiet-ui/src/views/custom/recipesBuild/RecommendView/TemplateView/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="template_view_wrapper">
     <div class="header">
+      <div style="fontWeight: bold">选择模板</div>
       <el-button size="mini" @click="handleOnBackClick">返回</el-button>
     </div>
     <div class="content">
-      <h2>选择模板</h2>
       <!-- 筛选 -->
       <el-form :model="queryParams" ref="queryForm" :inline="true">
         <el-form-item label="模板名称" prop="name">
@@ -116,7 +116,7 @@ export default {
       this.queryParams.pageNum = 1;
       this.getList();
     },
-       /** 重置按钮操作 */
+    /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");
       this.handleQuery();
@@ -162,12 +162,13 @@ export default {
   .header {
     height: 32px;
     display: flex;
-    justify-content: flex-end;
+    justify-content: space-between;
     align-items: center;
+    margin-bottom: 8px;
   }
   .content {
     height: calc(100% - 32px);
-    padding-top: 12px;
+    overflow: auto;
   }
 }
 </style>