From d7368a2e0e61c55b1a3f135a4dcb8cccc31f8d0a Mon Sep 17 00:00:00 2001
From: huangdeliang <huangdeliang@skieer.com>
Date: Tue, 1 Jun 2021 14:59:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=BE=E7=89=87=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E6=97=B6=E8=AE=BE=E7=BD=AE=E7=9B=AE=E6=A0=87=E5=A4=A9?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecipesView/RecipesCom/index.vue          |  6 ++--
 .../RecipesView/RecipesHeaderCom/index.vue    | 33 +++++++++++++++----
 2 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesCom/index.vue b/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesCom/index.vue
index 0fd2adafa..2eb697373 100644
--- a/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesCom/index.vue
+++ b/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesCom/index.vue
@@ -59,8 +59,10 @@
               @click="handleOnResetCurrentDay"
               slot="reference"
             >
-              <div class="cus_name_hide" :id="`cus_name_${num}`">{{ name }}</div>
-              <div>{{ `第${numDay}天` }}</div>
+              <div class="cus_name_hide" :id="`cus_name_${num}`">
+                {{ name }}
+              </div>
+              <div :id="`day_num_${num}`">{{ `第${numDay}天` }}</div>
             </div>
           </el-popover>
         </template>
diff --git a/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue b/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue
index 73df723d5..3403859e2 100644
--- a/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue
+++ b/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue
@@ -24,7 +24,7 @@
           type="primary"
           style="margin-left: 12px"
           icon="el-icon-download"
-          @click="handleOnExportImg"
+          @click="handleOnExportStartNumConfig"
           v-loading="downloading"
           :disabled="downloading"
         >
@@ -126,6 +126,7 @@ export default {
         { value: 16, label: "16" },
         { value: 18, label: "18" },
       ],
+      oriStartNum: 0,
     };
   },
   updated() {},
@@ -174,7 +175,7 @@ export default {
         if (response.code === 200) {
           const { planId, id } = response.data;
           this.saveRecipes({
-            cusId: 0,
+            cusId: 0, // 模板特有
             planId,
             reviewStatus: 2, // 已审核
             callback: () => {
@@ -215,7 +216,18 @@ export default {
           return "info";
       }
     },
-    handleOnExportImg() {
+    handleOnExportStartNumConfig() {
+      this.oriStartNum = this.recipesData[0].numDay;
+      this.$prompt("食谱开始天数", "导出图片", {
+        confirmButtonText: "确定",
+        inputValue: this.oriStartNum,
+        inputPattern: /^[1-9]\d*$/,
+        inputErrorMessage: "请输入正整数",
+      }).then(({ value }) => {
+        this.handleOnExportImg(parseInt(value));
+      });
+    },
+    handleOnExportImg(startNum) {
       this.downloading = true;
       this.$nextTick(() => {
         const centerContentDom = document.getElementById("center_content");
@@ -234,6 +246,10 @@ export default {
           if (tmpElm) {
             tmpElm.classList = [];
           }
+          const tmpNum = document.getElementById(`day_num_${idx}`);
+          if (tmpNum) {
+            tmpNum.innerText = `第${startNum + idx}天`;
+          }
         });
         recipesDom.style.overflow = "visible";
         html2canvans(recipesDom, {
@@ -241,10 +257,11 @@ export default {
           height: recipesDom.scrollHeight,
         }).then((canvas) => {
           const { name } = this.healthyData;
-          const startNum = this.recipesData[0].numDay;
-          const endNum = this.recipesData[this.recipesData.length - 1].numDay;
+          // const startNum = this.recipesData[0].numDay;
+          // const endNum = this.recipesData[this.recipesData.length - 1].numDay;
+          const endNum = startNum + this.recipesData.length - 1;
           const link = document.createElement("a");
-          link.download = `${name}_第${startNum}至${endNum}天.jpeg`;
+          link.download = `${name || "匿名"}_第${startNum}至${endNum}天.jpeg`;
           link.href = canvas.toDataURL();
           link.click();
 
@@ -256,6 +273,10 @@ export default {
             if (tmpElm) {
               tmpElm.classList = ["cus_name_hide"];
             }
+            const tmpNum = document.getElementById(`day_num_${idx}`);
+            if (tmpNum) {
+              tmpNum.innerText = `第${this.oriStartNum + idx}天`;
+            }
           });
 
           this.downloading = false;