cloud-web-corejs 1.0.276 → 1.0.277

package/src/components/wf/wfUtil.js

@@ -1,295 +1,373 @@
-import Vue from 'vue';
-import settingConfig from '@/settings.js'
-import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
-
-let f;
-let configUtil = {
-  getWfObj(path) {
-    return require(`../../components/wf${path}`).default;
-  },
-  Vue,
-  settingConfig
-};
-
-f = async function (option) {
-  let serviceId = getServiceId(option.serviceId);
-  if (!serviceId) return;
-  let that = this;
-  if (option.objId && option.wfCode) {
-    /*
-    if (option.wfViewRegion === false || !wfViewRegion) {
-      return;
-    }*/
-
-    let hasWf = false;
-    let wfInfo, currentTask, taskParam;
-    await initWfInfo(that, option).then(res => {
-      if (res && res.type == 'success') {
-        if (res.objx && res.objx.procInstId) {
-          hasWf = true;
-          wfInfo = res.objx;
-        }
-      }
-    });
-
-    if (hasWf) {
-      if (wfInfo.taskId) {
-        await getTaskParams(that, option, wfInfo.taskId).then(res2 => {
-          if (res2.type == 'success') {
-            taskParam = res2.objx;
-            taskParam.objId = option.objId;
-          }
-        });
-      }
-    }
-
-    let done = () => {
-      let $wfBtnRegion = that.$refs[option.wfBtnRegion || "wfBtnRegion"];
-      let $wfViewRegion = that.$refs[(option.wfViewRegion || "wfViewRegion")];
-
-      let wfBtnRegion = $wfBtnRegion ? $wfBtnRegion.$el : that.$el.querySelector(
-        ".el-form .d-header >.fr");
-      let wfViewRegion = $wfViewRegion ? $wfViewRegion.$el : that.$el.querySelector(
-        ".el-form .d-cont");
-
-      let slideWrap = $wfViewRegion ? $wfViewRegion.$el : that.$el.querySelector(
-        ".el-form .slide-wrap");
-
-      let showStartBtn = option.showStartBtn != null ? option.showStartBtn : true;
-      let showModifyBtn = option.showModifyBtn != null ? option.showModifyBtn : true;
-
-      if (wfInfo) {
-        let wfModel = configUtil.settingConfig.wfModel || 1;
-        let url = wfModel == 2 ? '/content2.vue' : '/content.vue';
-        let a = configUtil.Vue.extend(configUtil.getWfObj(url));
-        let defaultShowWfContent = that.$attrs.defaultShowWfContent;
-        let instance = new a({
-          i18n: that._i18n,
-          propsData: {
-            objId: option.objId,
-            wfCode: option.wfCode,
-            serviceId: serviceId,
-            _wfInfo: wfInfo,
-            _taskParam: taskParam,
-            parentVue: that,
-            defaultShowWfContent: defaultShowWfContent,
-            wfConfig: option
-          }
-        });
-        let _hideWf = that._hideWf || that.$attrs._hideWf;
-        let isHideWf = _hideWf === true || _hideWf === 'true';
-        if (!_hideWf && slideWrap) {
-          let navDom = new configUtil.Vue({
-            render: function (h) {
-              let node = h("div", {}, [
-                h("a", {
-                  staticClass: "slide-nav",
-                  attrs: {
-                    id: "wfNavBtn"
-                  },
-                  on: {
-                    click: (event) => {
-                      instance.$children[0].handleFold(true);
-                      that.$nextTick(() => {
-                        //流程区是挂在 .d-cont 里滚的，直接 scrollIntoView 会把外层文档/宿主容器
-                        //一起滚起来（固定头被顶走、微前端下滚的是主应用），只在真正的滚动容器里滚。
-                        scrollIntoScrollParent(instance.$el);
-                      })
-                    }
-                  }
-                }, [h('i', {
-                  staticClass: "ico"
-                }), h("p", that.$t2('流程信息', 'components.wf.wfInfo'))])
-              ]);
-              return node;
-            }
-          }).$mount().$el;
-          if (settingConfig.version == 'oa') {
-            slideWrap = slideWrap.children[0];
-          }
-          setTimeout(() => {
-            slideWrap.append(navDom);
-            if (that.$attrs.toWfArea) {
-              //待办进来，直接跳到流程模块
-              this.$nextTick(() => {
-                navDom.querySelector('a').click();
-              });
-              that.$emit("update:toWfArea", false);
-            }
-          }, 500);
-        }
-        wfViewRegion && wfViewRegion.append(instance.$mount().$el);
-      }
-
-      if (wfBtnRegion && showModifyBtn && hasWf && taskParam && taskParam.url && wfInfo.toSubmit && !option.hiddenAllButton) {
-        let buttonName = getModifyButtonName(that, taskParam);
-        let dom = new configUtil.Vue({
-          render: function (h) {
-            let modifyNode = h("el-button", {
-              attrs: {
-                type: "primary",
-                plain: "",
-                icon: "el-icon-edit"
-              },
-              staticClass: "button-sty",
-              on: {
-                click: () => {
-                  openWfModifyDialog(that, taskParam, buttonName, wfInfo);
-                }
-              }
-            }, buttonName);
-            return modifyNode;
-          }
-        }).$mount().$el;
-        appendPrevChildDom(wfBtnRegion, dom);
-      }
-
-      if (wfBtnRegion && showStartBtn && option.injectStartBtn !== false && !hasWf && !option.hiddenAllButton) {
-        let wfStartButtonName = configUtil.settingConfig.wfStartButtonName || this.$t2('流程启动', 'components.wf.wfStart');
-        let dom = new configUtil.Vue({
-          render: function (h) {
-            let startNode = h("el-button", {
-              attrs: {
-                type: "success",
-                icon: "el-icon-video-play"
-              },
-              staticClass: "button-sty",
-              on: {
-                click: () => {
-                  openStartWfDialog(that, option);
-                }
-              }
-            }, wfStartButtonName);
-            return startNode;
-          }
-        }).$mount().$el;
-        appendPrevChildDom(wfBtnRegion, dom)
-      }
-    }
-
-    if (true || wfInfo) {
-      if (option.callback) {
-        option.callback({
-          wfInfo,
-          currentTask,
-          taskParam,
-          hasWf,
-          done
-        });
-      }
-    }
-    if (option.auto !== false) {
-      done();
-    }
-  }
-}
-
-function getModifyButtonName(that, taskParam) {
-  let buttonName = null;
-  if (!taskParam.buttonName || taskParam.buttonName == "修改单据") {
-    buttonName = that.$t2("修改单据", 'components.wf.modifyBill');
-  } else {
-    buttonName = taskParam.buttonName;
-  }
-  return buttonName;
-}
-
-function getServiceId(str) {
-  let serviceId;
-  if (str) {
-    let strArr = str.split('/');
-    serviceId = strArr[0] == '/' ? strArr[1] : str;
-  } else {
-    serviceId = '';
-  }
-  return serviceId;
-}
-
-function getCurrentPrefix(serviceId) {
-  let currentPrefix;
-  if (serviceId) {
-    currentPrefix = serviceId.split('/')[0] == '/' ? serviceId : ('/' + serviceId);
-  } else {
-    currentPrefix = '';
-  }
-  return currentPrefix;
-}
-
-async function initWfInfo(that, option) {
-  let id = option.objId;
-  let code = option.wfCode;
-  return that.$http({
-    url: getCurrentPrefix(option.serviceId) + '/wf/getWfInfo',
-    method: `post`,
-    data: {
-      objTypeCode: code,
-      objId: id
-    },
-    isLoading: true,
-    modalStrictly: true
-  });
-}
-
-async function getTaskParams(that, option, taskId) {
-  return that.$http({
-    url: getCurrentPrefix(option.serviceId) + '/wf/getTaskVariables',
-    method: `post`,
-    data: {
-      stringOne: taskId
-    },
-    isLoading: true,
-    modalStrictly: true
-  });
-}
-
-function openStartWfDialog(that, option) {
-  let done = () => {
-    let a = configUtil.Vue.extend(configUtil.getWfObj('/wfStartDialog.vue'));
-    let instance = new a({
-      i18n: that._i18n,
-      propsData: {
-        code: option.wfCode,
-        dataId: option.objId,
-        serviceId: getServiceId(option.serviceId),
-        startParam: option.startParam,
-        parentVue: that,
-        visible: true,
-        formCode:(option.formCode || null),
-        option
-      }
-    });
-    document.body.append(instance.$mount().$el)
-  }
-  if (option.onStart) {
-    option.onStart(done)
-  } else {
-    done();
-  }
-}
-
-function openWfModifyDialog(that, paramData, title, wfInfo) {
-  let a = configUtil.Vue.extend(configUtil.getWfObj('/wfModifyDialog.vue'));
-  let instance = new a({
-    i18n: that._i18n,
-    propsData: {
-      paramData: paramData,
-      parentVue: that,
-      visible: true,
-      wfInfo: wfInfo,
-      title: title
-    }
-  });
-  document.body.append(instance.$mount().$el)
-}
-
-function appendPrevChildDom(parentDom, newDom) {
-  if (parentDom.hasChildNodes()) {
-    let currentDom = parentDom.children[0];
-    parentDom.insertBefore(newDom, currentDom);
-  } else {
-    parentDom.append(newDom);
-  }
-}
-
-export const initWf = f;
-export { openStartWfDialog };
+import Vue from 'vue';
+import settingConfig from '@/settings.js'
+import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
+
+let f;
+let configUtil = {
+  getWfObj(path) {
+    return require(`../../components/wf${path}`).default;
+  },
+  Vue,
+  settingConfig
+};
+
+f = async function (option) {
+  let serviceId = getServiceId(option.serviceId);
+  if (!serviceId) return;
+  let that = this;
+  if (option.objId && option.wfCode) {
+    /*
+    if (option.wfViewRegion === false || !wfViewRegion) {
+      return;
+    }*/
+
+    let hasWf = false;
+    let wfInfo, currentTask, taskParam;
+    await initWfInfo(that, option).then(res => {
+      if (res && res.type == 'success') {
+        if (res.objx && res.objx.procInstId) {
+          hasWf = true;
+          wfInfo = res.objx;
+        }
+      }
+    });
+
+    if (hasWf) {
+      if (wfInfo.taskId) {
+        await getTaskParams(that, option, wfInfo.taskId).then(res2 => {
+          if (res2.type == 'success') {
+            taskParam = res2.objx;
+            taskParam.objId = option.objId;
+          }
+        });
+      }
+    }
+
+    /* 下面这些实例都是手工 new 出来、只把 $el 塞进宿主 DOM 的，Vue 不会跟着宿主一起销毁它们：
+       实例活着 → watcher 活着、propsData.parentVue 死死引用已销毁的宿主、
+       content.vue 里的 $http 回调/定时器还会回来调宿主方法，
+       它内部那些 append-to-body 的 popover/dialog 的 DOM 也没人收。
+       页签模式下详情会被反复重挂载，一次一份，所以统一登记、挂到宿主的销毁钩子上回收。 */
+    let instances = [];
+    let disposed = false;
+    let registerDispose = () => {
+      if (!instances.length || !that.$once) return;
+      that.$once("hook:beforeDestroy", () => {
+        disposed = true;
+        instances.forEach((vm) => {
+          try {
+            vm.$destroy(); //会级联销毁子组件，append-to-body 的那些 el 由它们自己的 destroyed 摘掉
+            //$destroy 不管 DOM，自己收一下（宿主子树里的那份本来也会被父级移除）
+            if (vm.$el && vm.$el.parentNode) vm.$el.parentNode.removeChild(vm.$el);
+          } catch (e) {
+            //拆的时候出问题不要拖累宿主销毁
+          }
+        });
+        instances.length = 0;
+      });
+    };
+
+    let done = () => {
+      let $wfBtnRegion = that.$refs[option.wfBtnRegion || "wfBtnRegion"];
+      let $wfViewRegion = that.$refs[(option.wfViewRegion || "wfViewRegion")];
+
+      let wfBtnRegion = $wfBtnRegion ? $wfBtnRegion.$el : that.$el.querySelector(
+        ".el-form .d-header >.fr");
+      let wfViewRegion = $wfViewRegion ? $wfViewRegion.$el : that.$el.querySelector(
+        ".el-form .d-cont");
+
+      let slideWrap = $wfViewRegion ? $wfViewRegion.$el : that.$el.querySelector(
+        ".el-form .slide-wrap");
+
+      let showStartBtn = option.showStartBtn != null ? option.showStartBtn : true;
+      let showModifyBtn = option.showModifyBtn != null ? option.showModifyBtn : true;
+      let contentInstance = null; //流程面板实例，标题栏下拉要点它的方法
+      //宿主声明「不挂流程信息面板」：面板整棵 v-if 掉，标题栏那份审批入口也不能挂
+      let _hideWf = that._hideWf || that.$attrs._hideWf;
+      let isHideWf = _hideWf === true || _hideWf === 'true';
+
+      if (wfInfo) {
+        let wfModel = configUtil.settingConfig.wfModel || 1;
+        let url = wfModel == 2 ? '/content2.vue' : '/content.vue';
+        let a = configUtil.Vue.extend(configUtil.getWfObj(url));
+        let defaultShowWfContent = that.$attrs.defaultShowWfContent;
+        let instance = new a({
+          i18n: that._i18n,
+          propsData: {
+            objId: option.objId,
+            wfCode: option.wfCode,
+            serviceId: serviceId,
+            _wfInfo: wfInfo,
+            _taskParam: taskParam,
+            parentVue: that,
+            defaultShowWfContent: defaultShowWfContent,
+            wfConfig: option
+          }
+        });
+        instances.push(instance);
+        contentInstance = instance;
+        if (!_hideWf && slideWrap) {
+          let navVm = new configUtil.Vue({
+            render: function (h) {
+              let node = h("div", {}, [
+                h("a", {
+                  staticClass: "slide-nav",
+                  attrs: {
+                    id: "wfNavBtn"
+                  },
+                  on: {
+                    click: (event) => {
+                      instance.$children[0].handleFold(true);
+                      that.$nextTick(() => {
+                        //流程区是挂在 .d-cont 里滚的，直接 scrollIntoView 会把外层文档/宿主容器
+                        //一起滚起来（固定头被顶走、微前端下滚的是主应用），只在真正的滚动容器里滚。
+                        scrollIntoScrollParent(instance.$el);
+                      })
+                    }
+                  }
+                }, [h('i', {
+                  staticClass: "ico"
+                }), h("p", that.$t2('流程信息', 'components.wf.wfInfo'))])
+              ]);
+              return node;
+            }
+          });
+          instances.push(navVm);
+          let navDom = navVm.$mount().$el;
+          if (settingConfig.version == 'oa') {
+            slideWrap = slideWrap.children[0];
+          }
+          setTimeout(() => {
+            if (disposed) return; //这一步延后了 500ms，期间宿主可能已经销毁
+            slideWrap.append(navDom);
+            if (that.$attrs.toWfArea) {
+              //待办进来，直接跳到流程模块
+              this.$nextTick(() => {
+                navDom.querySelector('a').click();
+              });
+              that.$emit("update:toWfArea", false);
+            }
+          }, 500);
+        }
+        wfViewRegion && wfViewRegion.append(instance.$mount().$el);
+      }
+
+      if (wfBtnRegion && showModifyBtn && hasWf && taskParam && taskParam.url && wfInfo.toSubmit && !option.hiddenAllButton) {
+        let buttonName = getModifyButtonName(that, taskParam);
+        let modifyVm = new configUtil.Vue({
+          render: function (h) {
+            let modifyNode = h("el-button", {
+              attrs: {
+                type: "primary",
+                plain: "",
+                icon: "el-icon-edit"
+              },
+              staticClass: "button-sty",
+              on: {
+                click: () => {
+                  openWfModifyDialog(that, taskParam, buttonName, wfInfo);
+                }
+              }
+            }, buttonName);
+            return modifyNode;
+          }
+        });
+        instances.push(modifyVm);
+        appendPrevChildDom(wfBtnRegion, modifyVm.$mount().$el);
+      }
+
+      if (wfBtnRegion && showStartBtn && option.injectStartBtn !== false && !hasWf && !option.hiddenAllButton) {
+        let wfStartButtonName = configUtil.settingConfig.wfStartButtonName || this.$t2('流程启动', 'components.wf.wfStart');
+        let startVm = new configUtil.Vue({
+          render: function (h) {
+            let startNode = h("el-button", {
+              attrs: {
+                type: "success",
+                icon: "el-icon-video-play"
+              },
+              staticClass: "button-sty",
+              on: {
+                click: () => {
+                  openStartWfDialog(that, option);
+                }
+              }
+            }, wfStartButtonName);
+            return startNode;
+          }
+        });
+        instances.push(startVm);
+        appendPrevChildDom(wfBtnRegion, startVm.$mount().$el)
+      }
+
+      /* 审批操作：开了 wfActionInHeaderEnabled 时，在详情模块标题栏再挂一份 —— 通过/驳回/撤回
+         平铺成独立按钮，其余收进「更多」下拉（wfActionDropdown.vue）。挂上后把流程面板
+         headerActionsMounted 置 true，模块内原按钮条 v-show 藏掉（addOpinionBtn 还在，
+         下拉里「补充意见」才能点开）。点击走流程面板实例上的同一套方法。
+         放在「修改单据」「流程启动」之后挂——appendPrevChildDom 是前插，最后插的排最左，
+         最终顺序：通过/驳回/撤回/更多 → 修改单据 → 内建/业务按钮。
+         hiddenAllButton / 素身详情(取不到 .fr) 自动跳过，那种情况模块按钮条继续留着。
+         _hideWf 也必须跳过：那种页面 content.vue 根节点 v-if 掉了，弹框根本没渲染出来，
+         挂上去就是一排点了没反应的按钮（wfInfo 照样有值，光看 items 判断不出来）。 */
+      if (shouldMountHeaderActions({
+        option,
+        settingConfig: configUtil.settingConfig,
+        wfBtnRegion,
+        contentInstance,
+        isHideWf
+      })) {
+        let Dropdown = configUtil.Vue.extend(configUtil.getWfObj('/wfActionDropdown.vue'));
+        let dropdownVm = new Dropdown({
+          i18n: that._i18n,
+          propsData: { wfVm: contentInstance }
+        });
+        instances.push(dropdownVm);
+        appendPrevChildDom(wfBtnRegion, dropdownVm.$mount().$el);
+        contentInstance.headerActionsMounted = true;
+      }
+
+      registerDispose();
+    }
+
+    if (true || wfInfo) {
+      if (option.callback) {
+        option.callback({
+          wfInfo,
+          currentTask,
+          taskParam,
+          hasWf,
+          done
+        });
+      }
+    }
+    if (option.auto !== false) {
+      done();
+    }
+  }
+}
+
+/* 标题栏那份审批入口挂不挂。抽成函数是为了能单测——done() 整条链路要打 http、要真 DOM。
+   ctx: { option, settingConfig, wfBtnRegion, contentInstance, isHideWf } */
+export function shouldMountHeaderActions(ctx) {
+  let option = (ctx && ctx.option) || {};
+  let settingConfig = (ctx && ctx.settingConfig) || {};
+  let actionInHeader = option.actionInHeader != null
+    ? option.actionInHeader
+    : settingConfig.wfActionInHeaderEnabled === true;
+  return !!(
+    actionInHeader
+    && ctx.wfBtnRegion //素身详情取不到 .d-header > .fr
+    && ctx.contentInstance //没流程面板就没方法可调
+    && !ctx.isHideWf //面板被 v-if 掉了，挂上去全是哑按钮
+    && !option.hiddenAllButton
+  );
+}
+
+function getModifyButtonName(that, taskParam) {
+  let buttonName = null;
+  if (!taskParam.buttonName || taskParam.buttonName == "修改单据") {
+    buttonName = that.$t2("修改单据", 'components.wf.modifyBill');
+  } else {
+    buttonName = taskParam.buttonName;
+  }
+  return buttonName;
+}
+
+function getServiceId(str) {
+  let serviceId;
+  if (str) {
+    let strArr = str.split('/');
+    serviceId = strArr[0] == '/' ? strArr[1] : str;
+  } else {
+    serviceId = '';
+  }
+  return serviceId;
+}
+
+function getCurrentPrefix(serviceId) {
+  let currentPrefix;
+  if (serviceId) {
+    currentPrefix = serviceId.split('/')[0] == '/' ? serviceId : ('/' + serviceId);
+  } else {
+    currentPrefix = '';
+  }
+  return currentPrefix;
+}
+
+async function initWfInfo(that, option) {
+  let id = option.objId;
+  let code = option.wfCode;
+  return that.$http({
+    url: getCurrentPrefix(option.serviceId) + '/wf/getWfInfo',
+    method: `post`,
+    data: {
+      objTypeCode: code,
+      objId: id
+    },
+    isLoading: true,
+    modalStrictly: true
+  });
+}
+
+async function getTaskParams(that, option, taskId) {
+  return that.$http({
+    url: getCurrentPrefix(option.serviceId) + '/wf/getTaskVariables',
+    method: `post`,
+    data: {
+      stringOne: taskId
+    },
+    isLoading: true,
+    modalStrictly: true
+  });
+}
+
+function openStartWfDialog(that, option) {
+  let done = () => {
+    let a = configUtil.Vue.extend(configUtil.getWfObj('/wfStartDialog.vue'));
+    let instance = new a({
+      i18n: that._i18n,
+      propsData: {
+        code: option.wfCode,
+        dataId: option.objId,
+        serviceId: getServiceId(option.serviceId),
+        startParam: option.startParam,
+        parentVue: that,
+        visible: true,
+        formCode:(option.formCode || null),
+        option
+      }
+    });
+    document.body.append(instance.$mount().$el)
+  }
+  if (option.onStart) {
+    option.onStart(done)
+  } else {
+    done();
+  }
+}
+
+function openWfModifyDialog(that, paramData, title, wfInfo) {
+  let a = configUtil.Vue.extend(configUtil.getWfObj('/wfModifyDialog.vue'));
+  let instance = new a({
+    i18n: that._i18n,
+    propsData: {
+      paramData: paramData,
+      parentVue: that,
+      visible: true,
+      wfInfo: wfInfo,
+      title: title
+    }
+  });
+  document.body.append(instance.$mount().$el)
+}
+
+function appendPrevChildDom(parentDom, newDom) {
+  if (parentDom.hasChildNodes()) {
+    let currentDom = parentDom.children[0];
+    parentDom.insertBefore(newDom, currentDom);
+  } else {
+    parentDom.append(newDom);
+  }
+}
+
+export const initWf = f;
+export { openStartWfDialog };