From 133182293c5bd7c6bd34d8ebe82e1ff65ac22c55 Mon Sep 17 00:00:00 2001
From: huangdeliang <huangdeliang@skieer.com>
Date: Tue, 6 Jul 2021 12:11:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../RecipesView/RecipesHeaderCom/index.vue | 56 ++++++++++++-------
1 file changed, 35 insertions(+), 21 deletions(-)
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 e1bf886dc..8f713478a 100644
--- a/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue
+++ b/stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesHeaderCom/index.vue
@@ -221,14 +221,6 @@ export default {
},
handleOnExportStartNumConfig() {
this.oriStartNum = this.recipesData[0].numDay;
- // this.$prompt("食谱开始天数", "导出图片", {
- // confirmButtonText: "确定",
- // inputValue: this.oriStartNum,
- // inputPattern: /^[1-9]\d*$/,
- // inputErrorMessage: "请输入正整数",
- // }).then(({ value }) => {
- // this.handleOnExportImg(parseInt(value));
- // });
this.$refs.exportDialogRef.showDialog({
num: this.oriStartNum,
});
@@ -239,18 +231,20 @@ export default {
this.$message.warning("食谱导出中，请勿操作界面...");
//
this.downloading = true;
- this.$nextTick(() => {
- const centerContentDom = document.getElementById("center_content");
- if (!centerContentDom) {
- this.downloading = false;
- return;
- }
- centerContentDom.style.overflow = "visible";
- const recipesDom = document.getElementById("recipes_content");
- if (!recipesDom) {
- this.downloading = false;
- return;
- }
+ const centerContentDom = document.getElementById("center_content");
+ if (!centerContentDom) {
+ this.downloading = false;
+ return;
+ }
+ centerContentDom.style.overflow = "visible";
+ const recipesDom = document.getElementById("recipes_content");
+ if (!recipesDom) {
+ this.downloading = false;
+ return;
+ }
+ recipesDom.style.overflow = "visible";
+ recipesDom.style.width = this.getRecipesDomWidth(exportCols);
+ setTimeout(() => {
Array.from({ length: this.recipesData.length }).forEach((_, idx) => {
const tmpElm = document.getElementById(`cus_name_${idx}`);
if (tmpElm) {
@@ -261,7 +255,7 @@ export default {
tmpNum.innerText = `第${startNum + idx}天`;
}
});
- recipesDom.style.overflow = "visible";
+
html2canvans(recipesDom, {
scale: 1.5,
height: recipesDom.scrollHeight,
@@ -278,6 +272,7 @@ export default {
centerContentDom.style.overflow = "auto";
recipesDom.style.overflow = "auto";
+ recipesDom.style.width = "unset";
Array.from({ length: this.recipesData.length }).forEach((_, idx) => {
const tmpElm = document.getElementById(`cus_name_${idx}`);
@@ -295,7 +290,26 @@ export default {
this.downloading = false;
this.$message.success("食谱导出成功");
});
+ }, 500);
+ },
+ getRecipesDomWidth(cols) {
+ let width = 80;
+ cols.forEach((col) => {
+ if (
+ col === "菜品" ||
+ col === "食材" ||
+ col === "做法" ||
+ col === "备注"
+ ) {
+ width += 220;
+ } else if (col === "分量估算" || col === "重量(g)") {
+ width += 80;
+ } else {
+ width += 60;
+ }
});
+
+ return `${width}px`;
},
...mapActions(["saveRecipes", "updateReviewStatus"]),
...mapMutations([