cloud-web-corejs 1.0.54-dev.804 → 1.0.54-dev.806

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.804",
+  "version": "1.0.54-dev.806",
   "scripts": {
     "dev": "vue-cli-service serve",
     "dev:micro": "vue-cli-service serve --port 17527",

package/src/components/bizTab/BizBillActions.vue

@@ -3,7 +3,7 @@
     <!-- 按钮顺序（.fr 里 DOM 次序即从左到右）：
          翻单 → 提交流程 → 业务按钮(默认插槽) → 重置 → 保存
          #before 是留给"要排在翻单之前"的特例，一般不用。
-         另外 wfUtil 的「流程操作」下拉 / 「修改单据」是 append 到本容器最前面的，会落在最左侧。 -->
+         另外 wfUtil 的「更多」下拉 / 「修改单据」是 append 到本容器最前面的，会落在最左侧。 -->
     <slot name="before"></slot>
     <!-- ① 上一单 / 下一单：列表侧 openDetail 传了 navRows 才出现 -->
     <template v-if="showBillNav">
@@ -83,7 +83,7 @@
  *   </div>
  *
  * 注意：根节点是 .d-header 里的 .fr，别再往外包一层，否则布局会散，
- * 而且 wfUtil 的「流程操作」下拉 / 「修改单据」就是往 .el-form .d-header > .fr 里塞的。
+ * 而且 wfUtil 的「更多」下拉 / 「修改单据」就是往 .el-form .d-header > .fr 里塞的。
  */
 export default {
   name: "BizBillActions",

package/src/components/wf/content.vue

@@ -6,13 +6,15 @@
     v-if="!isHideWf"
   >
     <template #default>
-      <!-- 审批按钮条留在流程模块内，不随 wfActionInHeaderEnabled 搬走或隐藏。
-           开了该开关时，详情标题栏另挂一份（wfActionDropdown.vue）：通过/驳回/撤回平铺，
-           其余收进「流程操作」下拉。 -->
+      <!-- 审批按钮条：标题栏那份挂上后（headerActionsMounted）整条 v-show 藏掉。
+           用 v-show 而不是 v-if，是为了保住 addOpinionBtn——下拉里「补充意见」走的是
+           $refs.addOpinionBtn.openDialog()。开了 wfActionInHeaderEnabled 时，详情标题栏
+           另挂一份（wfActionDropdown.vue）：通过/驳回/撤回平铺，其余收进「更多」下拉。 -->
       <div
         ref="wfActionBar"
         style="margin: -36px 0 8px 124px; position: relative; z-index: 2; height: 28px"
         v-if="!wfConfig.hiddenAllButton"
+        v-show="!headerActionsMounted"
       >
         <el-button
           type="success"

package/src/components/wf/wf.js

@@ -386,6 +386,8 @@ wfContentMixin = {
       candidateDatas:[],
       wfSendTaskId: null,
       showAddOpinionButton: false,
+      //标题栏那份审批入口挂上后为 true，流程模块按钮条据此 v-show 隐藏
+      headerActionsMounted: false,
 
       addOpinionEnabled: false,
       modifyCurrentCandidateEnabled: false,

package/src/components/wf/wfActionDropdown.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wf-action-dropdown-wrap button-sty" v-show="items.length">
-    <!-- 通过 / 驳回 / 撤回 挪出下拉，在标题栏直接平铺；其余操作仍收在「流程操作」下拉里 -->
+    <!-- 通过 / 驳回 / 撤回 挪出下拉，在标题栏直接平铺；其余操作仍收在「更多」下拉里 -->
     <el-button
       v-for="item in standaloneItems"
       :key="item.key"
@@ -12,7 +12,7 @@
     </el-button>
     <el-dropdown trigger="hover" v-if="dropdownItems.length">
       <el-button type="primary" class="button-sty">
-        {{ $t1("流程操作") }}
+        {{ $t1("更多") }}
         <i class="el-icon-arrow-down el-icon--right"></i>
       </el-button>
       <el-dropdown-menu slot="dropdown">

package/src/components/wf/wfUtil.js

@@ -200,11 +200,12 @@ f = async function (option) {
       }
 
       /* 审批操作：开了 wfActionInHeaderEnabled 时，在详情模块标题栏再挂一份 —— 通过/驳回/撤回
-         平铺成独立按钮，其余收进「流程操作」下拉（wfActionDropdown.vue）。流程模块里的
-         原按钮条不动、不隐藏；点击走流程面板实例上的同一套方法。
+         平铺成独立按钮，其余收进「更多」下拉（wfActionDropdown.vue）。挂上后把流程面板
+         headerActionsMounted 置 true，模块内原按钮条 v-show 藏掉（addOpinionBtn 还在，
+         下拉里「补充意见」才能点开）。点击走流程面板实例上的同一套方法。
          放在「修改单据」「流程启动」之后挂——appendPrevChildDom 是前插，最后插的排最左，
-         最终顺序：通过/驳回/撤回/流程操作 → 修改单据 → 内建/业务按钮。
-         hiddenAllButton / 素身详情(取不到 .fr) 自动跳过。
+         最终顺序：通过/驳回/撤回/更多 → 修改单据 → 内建/业务按钮。
+         hiddenAllButton / 素身详情(取不到 .fr) 自动跳过，那种情况模块按钮条继续留着。
          _hideWf 也必须跳过：那种页面 content.vue 根节点 v-if 掉了，弹框根本没渲染出来，
          挂上去就是一排点了没反应的按钮（wfInfo 照样有值，光看 items 判断不出来）。 */
       if (shouldMountHeaderActions({
@@ -221,6 +222,7 @@ f = async function (option) {
         });
         instances.push(dropdownVm);
         appendPrevChildDom(wfBtnRegion, dropdownVm.$mount().$el);
+        contentInstance.headerActionsMounted = true;
       }
 
       registerDispose();

package/src/components/xform/form-designer/form-widget/dialog/formDialog.vue

@@ -168,7 +168,9 @@ export default {
         width: "1200px",
         fullscreen: this.option.fullscreen,
       };
-      config = Object.assign({}, config, this.option.dialogConfig, { customClass });
+      config = Object.assign({}, config, this.option.dialogConfig, {
+        customClass,
+      });
       config.title = this.$t1(config.title);
       return config;
     },
@@ -190,7 +192,9 @@ export default {
       if (this.option.showFooter == false) {
         classStr = classStr + " nfootBtn";
       }
-      config = Object.assign({}, config, this.option.bodyConfig, { class: classStr });
+      config = Object.assign({}, config, this.option.bodyConfig, {
+        class: classStr,
+      });
       return config;
     },
   },
@@ -198,7 +202,6 @@ export default {
     /*let dataId = this.option?.formConfig?.dataId??null
     delete this.option?.formConfig?.dataId
     this.dataId = dataId;*/
-
     this.formConfig = this.option?.formConfig || {};
 
     let currentFormConfig = this.getFormConfig();
@@ -305,9 +308,9 @@ export default {
         this.close();
       }
     },
-    setConfirmButtonHidden(val){
+    setConfirmButtonHidden(val) {
       this.confirmButtonVisible = val || false;
-    }
+    },
   },
 };
 </script>

package/src/components/xform/form-designer/form-widget/field-widget/baseAttachment-widget.vue

@@ -86,6 +86,13 @@ export default {
       if (this.isSameFieldModelValue(modelValue)) return;
       this.handleChangeEvent(modelValue);
     },
+    /* fieldMixin.setDisabled 只改 field.options.disabled 和 this.disabled，而本组件的
+       可编辑态是 initOption 里快照进 option.edit 的，不同步就永远停在 created 时的值。
+       这里只改 option 的字段、不换 option 引用：换引用会让 base-attachment 取值用的
+       $watch 重新求值，白跑一次 initRows(cloneDeep + nextTick 五个 init)，表格里按行数放大。 */
+    'field.options.disabled'(val) {
+      this.option.edit = !val;
+    },
     'option':function(){
 
     }
@@ -156,6 +163,13 @@ export default {
   },
   methods: {
     initOption(){
+      /* setDisabled 是裸赋值 this.field.options.disabled = xxx；存量表单 JSON 的 options
+         里缺这个键时会变成非响应式新增属性，上面的 watch 收不到通知(fieldMixin 补默认
+         options 的 initConfig 已注释掉，indexMixin/data-table-mixin 里都要 hasOwnProperty
+         兜底，说明确有缺键的 schema)。先补键，让后续赋值走响应式通道。 */
+      if (!this.field.options.hasOwnProperty('disabled')) {
+        this.$set(this.field.options, 'disabled', false);
+      }
       this.option = {
         title: '附件',
         edit: !this.field.options.disabled,

package/src/components/xform/form-designer/setting-panel/index.vue

@@ -280,10 +280,6 @@ export default {
     overflow: hidden;
     white-space: nowrap;
   }
-
-  ::v-deep .el-form-item--mini.el-form-item {
-    margin-bottom: 6px;
-  }
 }
 
 /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */

package/src/components/xform/form-designer/setting-panel/property-editor/dropdownFlag-editor.vue

@@ -22,6 +22,10 @@
       </el-select>
     </el-form-item>
     <el-form-item label="下拉按钮选项"></el-form-item>
+      <draggable
+        tag="ul"
+        class="draggable-box"
+      >
         <li
           v-for="(colItem, colIdx) in selectedWidget.widgetList"
           :key="colIdx"

package/src/router/modules/customer.js

@@ -1,5 +1,5 @@
 export const constantRoutes = [
-  {
+  /*{
     // 呼叫中心(CC)专用入口：只带 appid/appkey/account/callNo，
     // 先换取 tp 再 replace 到 /form_outLinkView
     path: "/cc_form_outLinkView",
@@ -22,7 +22,7 @@ export const constantRoutes = [
           icon: "dashboard",
         },
       },
-      {
+       {
         // bizTab 示例 A：手写接口版（前端 mock，无流程，不吃后台前置条件）
         path: "/demo/bizTab/simple",
         component: () => import("@base/views/demo/bizTab/simple/list"),
@@ -70,7 +70,7 @@ export const constantRoutes = [
           title: "formDialog 示例",
           icon: "dashboard",
         },
-      },
+      }, 
     ],
-  },
+  },*/
 ];

package/src/utils/pdfUtil.js

@@ -1,71 +1,301 @@
-import html2canvas from "html2canvas";
-import jspdf from "jspdf";
-export async function exportPDF(option) {
-  const dom = option.dom;
-  let fileName = option.fileName;
-  if (!dom) return
-  let height = "";
-  // 获取dom元素
-  let dom1 = dom.querySelector(".d-cont");
-  try {
-    if (dom1) {
-      height = dom1.style.height;
-      dom1.style.height = "auto";
-    }
-
-    if (dom) {
-      html2canvas(dom).then(async (canvas) => {
-        // A4纸，纵向
-        let pdf = new jspdf("p", "mm", "a4");
-        let ctx = canvas.getContext("2d");
-        let a4w = 190;
-        // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
-        let a4h = 277;
-        // 按A4显示比例换算一页图像的像素高度
-        let imgHeight = Math.floor((a4h * canvas.width) / a4w);
-        let renderedHeight = 0;
-        while (renderedHeight < canvas.height) {
-          let page = document.createElement("canvas");
-          page.width = canvas.width;
-          // 可能内容不足一页
-          page.height = Math.min(imgHeight, canvas.height - renderedHeight);
-          // 用getImageData剪裁指定区域，并画到前面创建的canvas对象中
-          page
-            .getContext("2d")
-            .putImageData(
-              ctx.getImageData(
-                0,
-                renderedHeight,
-                canvas.width,
-                Math.min(imgHeight, canvas.height - renderedHeight)
-              ),
-              0,
-              0
-            );
-          // 添加图像到页面，保留10mm边距
-          pdf.addImage(
-            page.toDataURL("image/jpeg", 1.0),
-            "JPEG",
-            10,
-            10,
-            a4w,
-            Math.min(a4h, (a4w * page.height) / page.width)
-          );
-
-          renderedHeight += imgHeight;
-          if (renderedHeight < canvas.height) {
-            // 如果后面还有内容，添加一个空页
-            pdf.addPage();
-          }
-          // delete page;
-        }
-        // 保存文件
-        pdf.save(`${fileName}.pdf`);
-      });
-    }
-  } catch (err) {
-    console.log(err);
-  } finally {
-    if (dom1) dom1.style.height = height;
-  }
+import html2canvas from "html2canvas";
+import jspdf from "jspdf";
+import { Message } from "element-ui";
+
+//A4 纵向 210mm x 297mm，四边各留 10mm 边距，正文区 190 x 277
+const PAGE_WIDTH = 190;
+const PAGE_HEIGHT = 277;
+const PAGE_MARGIN = 10;
+
+//浏览器对 canvas 有硬限制(Chrome：单边 16384px、总面积 2^28 像素)，
+//超过之后 toDataURL 直接返回空白图——长详情页很容易撞上，这里按内容尺寸回退 scale。
+const MAX_CANVAS_SIDE = 16384;
+const MAX_CANVAS_AREA = 268435456;
+
+const JPEG_QUALITY = 0.92;
+
+const OVERFLOW_CLIP = /auto|scroll|hidden|overlay/;
+
+//遮罩挂在导出根元素的父级上，正常不会进截图范围；这条是兜底，
+//防止根元素本身就没有父级(游离节点)时遮罩落进截图里
+const LOADING_MASK = ".el-loading-mask";
+
+function nextFrame() {
+  //改完内联样式要等浏览器重排完再截图，一帧不够(vxe-table 的 resize 监听在下一帧才补高度)
+  return new Promise((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(resolve));
+  });
+}
+
+//纵向被裁掉内容的容器：详情页的 .d-cont、vxe-table 的 body-wrapper/fixed-wrapper 都属于这一类。
+//只放开纵向：横向滚动的宽表放开也没用——截图区域按根元素的宽度取，
+//溢出到根元素外面的列照样画不进去，反而会把版面撑乱。
+function isVerticallyClipped(el, style) {
+  return (
+    OVERFLOW_CLIP.test(style.overflowY) && el.scrollHeight > el.clientHeight + 1
+  );
+}
+
+//把 dom 自身、它的祖先、以及内部所有带纵向滚动/裁剪的容器统一放开高度，
+//返回一个还原函数。原实现只处理了 .d-cont 一层，且在 html2canvas 真正克隆 DOM 之前
+//就把高度还原了(没 await)，所以放开高度这一步等于没做，导出的永远只有可视区那一屏。
+export function expandForCapture(dom) {
+  //读写严格分成两趟：先只读地挑出要放开的元素，再统一写内联样式。
+  //边读 getComputedStyle/scrollHeight 边写样式，会让浏览器每个元素强制重排一次
+  //(layout thrashing)——详情页几千个节点就是几千次整页重排，点完按钮会明显卡住。
+  const targets = [];
+
+  //祖先：#containt / .app-main 这类布局层用 100vh、calc(100vh - n) 定死了高度，
+  //不放开的话 dom 自己 height:auto 也会被父级的滚动容器裁掉。
+  let parent = dom.parentElement;
+  while (parent && parent !== document.body && parent !== document.documentElement) {
+    const style = window.getComputedStyle(parent);
+    if (isVerticallyClipped(parent, style) || style.height !== "auto") {
+      targets.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+
+  targets.push(dom);
+
+  const children = dom.querySelectorAll("*");
+  for (let i = 0; i < children.length; i++) {
+    const el = children[i];
+    const style = window.getComputedStyle(el);
+    if (isVerticallyClipped(el, style)) targets.push(el);
+  }
+
+  //读：scrollTop 也是会触发重排的读操作，必须留在这一趟里
+  const records = targets.map((el) => ({
+    el: el,
+    style: el.getAttribute("style"),
+    scrollTop: el.scrollTop,
+  }));
+
+  //写
+  for (let i = 0; i < records.length; i++) {
+    const el = records[i].el;
+    el.style.height = "auto";
+    el.style.maxHeight = "none";
+    el.style.overflow = "visible";
+  }
+
+  return function restore() {
+    //倒序还原，先还原内层再还原外层，避免中间态触发多余的重排
+    for (let i = records.length - 1; i >= 0; i--) {
+      const record = records[i];
+      if (record.style === null) {
+        record.el.removeAttribute("style");
+      } else {
+        record.el.setAttribute("style", record.style);
+      }
+      record.el.scrollTop = record.scrollTop;
+    }
+  };
+}
+
+function pickScale(width, height, expected) {
+  let scale = expected || Math.min(window.devicePixelRatio || 1, 2);
+  if (!width || !height) return scale;
+  scale = Math.min(
+    scale,
+    MAX_CANVAS_SIDE / width,
+    MAX_CANVAS_SIDE / height,
+    Math.sqrt(MAX_CANVAS_AREA / (width * height))
+  );
+  return Math.max(scale, 1);
+}
+
+function buildIgnore(selectors) {
+  let list = [LOADING_MASK];
+  if (selectors) list = list.concat(selectors);
+  const selector = list.join(",");
+  return function (el) {
+    return typeof el.matches === "function" && el.matches(selector);
+  };
+}
+
+//手写一层 element 样式的遮罩，而不是用 Loading.service，两个原因都躲不掉：
+//1. `Loading.service({ fullscreen: true })` 是全局单例，会被 request.js 里的请求收尾顺手关掉，
+//   而导出这几秒里页面上别的请求随时可能回来；
+//2. `Loading.service({ target: dom })` 会给 dom 加 el-loading-parent--relative(position:relative !important)，
+//   页面里 .slide-nav 这类绝对定位元素的包含块跟着变，位置会挪——而且是连截进 PDF 里的。
+//自己建的 DOM 节点两头都不沾，也不用担心被别处关掉。
+//挂载点取根元素的父级，不挂 body：微前端下 body 是主应用的，往上加节点算越界；
+//挂父级也让这个节点跟着页面走，页面被销毁时不会剩一层孤儿遮罩。
+//只遮导出的那块区域，不铺满视口：左侧菜单、页签这些跟导出无关的地方不该被压住。
+//做法是 fixed + 按导出元素的 getBoundingClientRect 圈定范围(取展开之前的可视位置)，
+//这样既不用给挂载点加 position:relative(会挪走 .slide-nav 这类绝对定位元素，
+//也正是不能用 Loading.service({ target }) 的原因)，也不会盖到别人头上。
+//为什么不挂根元素自己：加子节点会改变根元素下 :last-child 的匹配，
+//而那种样式差异是会被截进 PDF 的；挂在父级上则完全在截图范围之外。
+function openLoading(dom, option) {
+  if (option.loading === false) return null;
+  const host = dom.parentElement || dom;
+  //必须在 expandForCapture 之前量：展开之后元素会被撑到完整内容高度，量出来是没用的
+  const rect = dom.getBoundingClientRect();
+  const top = Math.max(rect.top, 0);
+  const left = Math.max(rect.left, 0);
+  const height = Math.min(rect.bottom, window.innerHeight) - top;
+  const width = Math.min(rect.right, window.innerWidth) - left;
+  const mask = document.createElement("div");
+  mask.className = "el-loading-mask";
+  //.el-loading-mask 自带 top/right/bottom/left:0，right/bottom 要显式清掉，
+  //否则宽高会被拉回视口边缘，又变成全屏
+  mask.style.position = "fixed";
+  mask.style.top = top + "px";
+  mask.style.left = left + "px";
+  mask.style.right = "auto";
+  mask.style.bottom = "auto";
+  mask.style.width = width + "px";
+  mask.style.height = height + "px";
+  mask.innerHTML = [
+    '<div class="el-loading-spinner">',
+    '<svg class="circular" viewBox="25 25 50 50">',
+    '<circle class="path" cx="50" cy="50" r="20" fill="none"></circle>',
+    "</svg>",
+    '<p class="el-loading-text"></p>',
+    "</div>",
+  ].join("");
+  const label = mask.querySelector(".el-loading-text");
+  label.textContent = option.loadingText || "正在生成PDF，请稍候…";
+  host.appendChild(mask);
+  return {
+    //分阶段换文案：截图那段主线程是整块占住的，转圈会定住，
+    //有个往前走的文案才看得出是在干活而不是卡死。调用方自带文案时不覆盖。
+    setText(next) {
+      if (!option.loadingText) label.textContent = next;
+    },
+    close() {
+      if (mask.parentNode) mask.parentNode.removeChild(mask);
+    },
+  };
+}
+
+//toDataURL 是同步编码，一整页 JPEG 能顶住主线程几百毫秒；
+//toBlob 是异步的，浏览器可以把编码挪到主线程之外，转圈动画就不会整段定住。
+//jsdom 和老浏览器没有 toBlob，退回同步版本。
+function encodeJpeg(canvas) {
+  return new Promise((resolve) => {
+    const sync = () => resolve(canvas.toDataURL("image/jpeg", JPEG_QUALITY));
+    if (typeof canvas.toBlob !== "function") return sync();
+    canvas.toBlob(
+      (blob) => {
+        if (!blob) return sync();
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = sync;
+        reader.readAsDataURL(blob);
+      },
+      "image/jpeg",
+      JPEG_QUALITY
+    );
+  });
+}
+
+async function canvasToPdf(canvas, fileName, loading) {
+  const pdf = new jspdf("p", "mm", "a4");
+  //按 A4 正文区的宽高比换算一页对应的像素高度
+  const pageImgHeight = Math.floor((PAGE_HEIGHT * canvas.width) / PAGE_WIDTH);
+  const total = Math.ceil(canvas.height / pageImgHeight);
+  let page$index = 0;
+  let rendered = 0;
+  while (rendered < canvas.height) {
+    page$index++;
+    if (loading) loading.setText(`正在生成第 ${page$index}/${total} 页…`);
+    //每页之前让出一帧：切图+编码是大块同步活，不让出的话文案和转圈都刷不出来
+    await nextFrame();
+    const sliceHeight = Math.min(pageImgHeight, canvas.height - rendered);
+    const page = document.createElement("canvas");
+    page.width = canvas.width;
+    page.height = sliceHeight;
+    const ctx = page.getContext("2d");
+    //JPEG 没有透明通道，不先铺白底的话，页面上透明的地方会变成黑块
+    ctx.fillStyle = "#ffffff";
+    ctx.fillRect(0, 0, page.width, page.height);
+    //用 drawImage 而不是 getImageData/putImageData：后者逐像素拷贝，长页面上很慢
+    ctx.drawImage(
+      canvas,
+      0,
+      rendered,
+      canvas.width,
+      sliceHeight,
+      0,
+      0,
+      canvas.width,
+      sliceHeight
+    );
+    const dataUrl = await encodeJpeg(page);
+    pdf.addImage(
+      dataUrl,
+      "JPEG",
+      PAGE_MARGIN,
+      PAGE_MARGIN,
+      PAGE_WIDTH,
+      Math.min(PAGE_HEIGHT, (PAGE_WIDTH * sliceHeight) / page.width)
+    );
+    rendered += sliceHeight;
+    if (rendered < canvas.height) pdf.addPage();
+  }
+  pdf.save(`${fileName}.pdf`);
+}
+
+/**
+ * 把 dom 整体(含被滚动容器裁掉的部分)截图并按 A4 分页导出 PDF
+ * @param {Object} option
+ * @param {HTMLElement} option.dom 要导出的根元素
+ * @param {String} option.fileName 文件名(不带扩展名)
+ * @param {Number} [option.scale] 截图倍率，默认取 devicePixelRatio(上限 2)，会按 canvas 上限自动回退
+ * @param {String|String[]} [option.ignoreSelectors] 不参与截图的元素选择器，如操作按钮区
+ * @param {Boolean} [option.loading] 是否在导出期间盖加载遮罩，默认 true
+ * @param {String} [option.loadingText] 遮罩文案
+ * @returns {Promise<Boolean>} 是否导出成功。内部已经提示过失败，调用方可以直接不管返回值
+ */
+export async function exportPDF(option) {
+  const dom = option && option.dom;
+  if (!dom) return false;
+  const fileName = option.fileName || "export";
+  const loading = openLoading(dom, option);
+  //展开放进 try 里：万一它自己抛了，遮罩也得摘掉，不能把页面永远糊住
+  let restore = null;
+  try {
+    //先让浏览器把遮罩画出来，再做展开和截图——这两步都是同步卡主线程的，
+    //不先出让一帧的话遮罩要等截图结束才显示，等于没有。
+    await nextFrame();
+    restore = expandForCapture(dom);
+    if (loading) loading.setText("正在展开页面内容…");
+    await nextFrame();
+    const fullWidth = Math.max(dom.scrollWidth, dom.offsetWidth);
+    const fullHeight = Math.max(dom.scrollHeight, dom.offsetHeight);
+    const scale = pickScale(fullWidth, fullHeight, option.scale);
+    //html2canvas 这一段是整块同步活：它对每个节点都要 getComputedStyle 三次(自身/:before/:after)
+    //克隆一遍，再整棵树画进 canvas，中途没有让出主线程的机会，页面必然定住几秒。
+    //只能靠文案说明进度，真要更快就得降 scale 或少截点内容。
+    if (loading) loading.setText("正在渲染页面，请稍候…");
+    await nextFrame();
+    const canvas = await html2canvas(dom, {
+      backgroundColor: "#ffffff",
+      useCORS: true,
+      logging: false,
+      scale: scale,
+      //克隆出来的 iframe 默认只有一屏高，页面里的 100vh / height:100% 会在克隆里重新把内容压回一屏，
+      //所以要把它撑到完整内容高度；scrollX/scrollY 归零避免按当前滚动位置偏移取景。
+      scrollX: 0,
+      scrollY: 0,
+      windowWidth: Math.max(document.documentElement.clientWidth, fullWidth),
+      windowHeight: fullHeight + 200,
+      ignoreElements: buildIgnore(option.ignoreSelectors),
+    });
+    await canvasToPdf(canvas, fileName, loading);
+    return true;
+  } catch (err) {
+    //不往外抛：调用方多是 @click 直接调用，抛出去只会变成一条 unhandledrejection
+    console.error("[exportPDF] 导出失败", err);
+    Message.error("导出PDF失败");
+    return false;
+  } finally {
+    //必须等 html2canvas 真正 resolve 之后再还原：它的 DOM 克隆是异步做的
+    if (restore) restore();
+    if (loading) loading.close();
+  }
 }

package/src/views/bd/setting/bd_company_env/dialog.vue

@@ -51,7 +51,7 @@
         class="allDel icon-quanbushanchu" @click="clearChecked()"></a></el-tooltip>
       <div class="list">
         <div class="item" v-for="(checkRow, index) in checkRows" :key="index">
-          <p>{{ getCheckLabel(checkRow, 'name') }}</p>
+          <p>{{ getCheckLabel(checkRow, 'bdCompanyCode') }}</p>
           <a class="el-icon-close" @click="clearTable1Select(index)"></a>
         </div>
       </div>