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" > -
{{ name }}
-
{{ `第${numDay}天` }}
+
+ {{ name }} +
+
{{ `第${numDay}天` }}
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;