串联功能

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

@@ -4,6 +4,31 @@
     :style="`height: ${collapse ? 30 : 200}px`"
   >
     <div class="header">
+      <el-popover
+        placement="bottom"
+        trigger="click"
+        title="修改审核状态"
+        style="margin-right: 12px"
+        v-hasPermi="['recipes:recipesPlan:review']"
+      >
+        <div>
+          <el-button size="mini" type="success" @click="hanldeOnReveiwChange(2)"
+            >审核通过</el-button
+          >
+          <el-button size="mini" type="danger" @click="hanldeOnReveiwChange(1)"
+            >未审核通过</el-button
+          >
+        </div>
+        <el-button
+          slot="reference"
+          size="mini"
+          v-if="reviewStatus"
+          @click="handleReview"
+          :type="reviewStatus === 1 ? 'danger' : 'success'"
+        >
+          {{ reviewStatus === 1 ? "未审核" : "已审核" }}
+        </el-button>
+      </el-popover>
       <el-button
         v-if="!recipesId"
         size="mini"
@@ -11,9 +36,15 @@
         @click="handleOnSave"
         >生成食谱</el-button
       >
-      <el-button size="mini" type="text" @click="handleCollapseClick">{{
-        `${collapse ? "展开分析" : "收起分析"}`
-      }}</el-button>
+      <el-button size="mini" type="text" @click="handleCollapseClick">
+        {{ `${collapse ? "展开" : "收起"}` }}
+        <em
+          class="el-icon-arrow-down arrow_icon"
+          :style="
+            collapse ? 'transform: rotate(-180deg);' : 'transform: unset;'
+          "
+        />
+      </el-button>
     </div>
     <div
       class="content"
@@ -53,7 +84,7 @@ export default {
   },
   props: ["collapse", "data"],
   computed: {
-    ...mapState(["recipesId"]),
+    ...mapState(["recipesId", "reviewStatus"]),
   },
   methods: {
     handleCollapseClick() {
@@ -67,7 +98,10 @@ export default {
         },
       });
     },
-    ...mapActions(["saveRecipes"]),
+    hanldeOnReveiwChange(reviewStatus) {
+      this.updateReviewStatus({ reviewStatus });
+    },
+    ...mapActions(["saveRecipes", "updateReviewStatus"]),
   },
 };
 </script>
@@ -79,6 +113,11 @@ export default {
   .header {
     text-align: right;
     height: 30px;
+
+    .arrow_icon {
+      transition: all 0.3s;
+      transform-origin: center center;
+    }
   }
 
   .content {

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="recipes_build_wrapper" v-title :data-title="$route.query.name">
+  <div class="recipes_build_wrapper" v-title :data-title="name">
     <div class="left" v-loading="recipesDataLoading">
       <RecipesView
         v-if="!!recipesData.length"
@@ -35,14 +35,8 @@ export default {
     return {};
   },
   mounted() {
-    const { cusId, planId, startNum, endNum, recipesId } = this.$route.query;
-
     this.init({
-      cusId,
-      planId,
-      startNum: parseInt(startNum),
-      endNum: parseInt(endNum),
-      recipesId,
+      planId: this.planId,
     }).catch((err) => {
       this.$message.error(err.message);
     });
@@ -57,7 +51,7 @@ export default {
     RecipesView,
     RecommondView,
   },
-  // props: ["cusId", "planId", "recipesId", "startDate", "endDate"],
+  props: ["name", "planId"],
   computed: {
     ...mapState([
       "healthyData",