cloud-web-corejs 1.0.54-dev.794 → 1.0.54-dev.796

package/src/components/xform/form-render/container-item/detail-item.vue

@@ -44,6 +44,14 @@
               >下一单<i class="el-icon-arrow-right el-icon--right"></i
             ></el-button>
           </template>
+          <el-button
+            v-if="showSaveSubmitBtn()"
+            class="button-sty"
+            type="success"
+            icon="el-icon-video-play"
+            @click="saveAndSubmitWfHandle()"
+            >{{ saveSubmitButtonName }}</el-button
+          >
           <el-button
             v-if="showWfStartBtn()"
             class="button-sty yyy"
@@ -120,6 +128,12 @@ import detailPaneWidget from "../../../../components/xform/form-render/container
 import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
 
 import { initWf, openStartWfDialog } from "../../../../components/wf/wfUtil";
+import {
+  getWfButtonNames,
+  loadWfButtonNames,
+  DEFAULT_SUBMIT_BTN,
+  DEFAULT_SAVE_SUBMIT_BTN,
+} from "../../../../components/wf/wfButtonName";
 import settingConfig from "@/settings.js";
 
 export default {
@@ -138,6 +152,10 @@ export default {
   created() {
     this.initRefList();
     this.handleOnCreated();
+    //只有流程表单才需要按钮名，避免给普通详情页平白多一次请求(模块内全局只发一次)
+    if (this.getFormRef()?.formConfig?.wfEnabled) {
+      loadWfButtonNames(this);
+    }
   },
   mounted() {
     this.handleOnMounted();
@@ -167,10 +185,18 @@ export default {
     showHeader() {
       return !this.plainMode && !this.widget.options.hideHeader;
     },
+    // 按钮名取值链：后台 param18 → 全局 settings(老部署兼容) → 默认。
+    // 只能用 $t1(找不到 key 原样返回)：$t2 的第二参在 i18n 命中 key 时会把自定义名整个覆盖掉。
     wfStartButtonName() {
       return (
+        getWfButtonNames().submitBtn ||
         settingConfig.wfStartButtonName ||
-        this.$t2("流程启动", "components.wf.wfStart")
+        this.$t1(DEFAULT_SUBMIT_BTN)
+      );
+    },
+    saveSubmitButtonName() {
+      return (
+        getWfButtonNames().saveSubmitBtn || this.$t1(DEFAULT_SAVE_SUBMIT_BTN)
       );
     },
     // 「上一单/下一单」翻单按钮状态：详情表单开启 billNavEnabled 且宿主列表有翻单快照时才显示。
@@ -222,13 +248,100 @@ export default {
       let ws = this.wfStart();
       if (!ws || this.previewState) return false;
       let opt = ws.option || {};
-      return opt.showStartBtn !== false && !ws.hasWf;
+      if (opt.showStartBtn === false || ws.hasWf) return false;
+      return this.evalWfStartBtnShow();
+    },
+    /**
+     * 「提交流程」按钮显隐脚本(formConfig.wfStartBtnShow)：return false 隐藏，不配则显示。
+     * 在渲染期求值，好处是随表单数据自动更新，代价是脚本会被反复执行——所以：
+     *   1) 编译结果按脚本原文缓存，避免每次渲染都 new Function；
+     *   2) 编译/执行异常一律放行(返回 true)，不能因为脚本写错就把提交入口挡死；
+     *   3) formData 取轻量的 formRef.formData，不走 getSysFormData/getRealFormData 那套重加工。
+     * 脚本里务必只读数据、返回布尔，改数据会引发渲染循环。
+     */
+    evalWfStartBtnShow() {
+      let formRef = this.getFormRef && this.getFormRef();
+      let src = formRef && formRef.formConfig && formRef.formConfig.wfStartBtnShow;
+      if (!src) return true;
+      let cache = this._wfStartShowFn; //挂实例属性即可，不需要响应式
+      if (!cache || cache.src !== src) {
+        try {
+          cache = {
+            src,
+            fn: new Function("dataId", "formCode", "formData", src),
+          };
+        } catch (error) {
+          console.error("wfStartBtnShow 脚本编译失败", error);
+          return true;
+        }
+        this._wfStartShowFn = cache;
+      }
+      try {
+        let ret = cache.fn.call(
+          formRef,
+          formRef.dataId,
+          formRef.reportTemplate && formRef.reportTemplate.formCode,
+          formRef.formData
+        );
+        return ret !== false;
+      } catch (error) {
+        console.error("wfStartBtnShow 脚本执行异常", error);
+        return true;
+      }
+    },
+    // 「保存并提交流程」内建按钮：表单设置里 saveSubmitEnabled 开启后渲染,只在新增页显示。
+    // 与 showWfStartBtn 一样用方法而非 computed:流程状态是异步就绪的,computed 缓存会漏更新。
+    showSaveSubmitBtn() {
+      if (this.previewState) return false;
+      let formRef = this.getFormRef && this.getFormRef();
+      let formConfig = formRef && formRef.formConfig;
+      if (!formConfig || !formConfig.wfEnabled || !formConfig.saveSubmitEnabled)
+        return false;
+      if (formRef.dataId) return false; //只有新增页(编辑态一律不显示)
+      let wfParam = formRef.wfParam || {};
+      //流程已启动不显示(与 save_submit_wf_button-widget 的 isWfStarted 同口径)
+      if (formRef.hasWf || wfParam.hasWf || wfParam.wfInfo?.procInstId)
+        return false;
+      return true;
     },
     // 声明式触发流程启动(替代原注入按钮的点击),复用 wfUtil 的 openStartWfDialog
     startWf() {
       let ws = this.wfStart();
       if (!ws || !ws.option || !ws.ctx) return;
-      openStartWfDialog(ws.ctx, ws.option);
+      // 启动确认提示语跟随「提交流程按钮名」:包一层现成的 startConfirmText 钩子,
+      // 既保住模板脚本 wfStartConfirmText 的最高优先级,又不必改公共的 wf.js
+      // (wf.js 默认分支走 $t2(文案, key),i18n 命中 key 会把自定义按钮名吞掉)。
+      let inner = ws.option.startConfirmText;
+      //只有后台真配了按钮名才改提示语；没配就返空，让 wf.js 走它自己的默认链
+      let btnName = getWfButtonNames().submitBtn;
+      let innerOnStart = ws.option.onStart;
+      let formRef = this.getFormRef && this.getFormRef();
+      openStartWfDialog(ws.ctx, {
+        ...ws.option, //浅拷贝:wfStartOption 是 formRef 上的共享对象,不可原地改
+        // 提交前置处理：确认框在 wfStartDialog 内部，这里(打开弹框前)是唯一能拦的位置。
+        // 既有的 onStart 是表单校验(仅 wfStartBindSave 开启时注入)，把它的 done 换成
+        // 「跑前置脚本」，即得到「先校验、后脚本、再确认框」；没开自动保存时直接跑脚本。
+        onStart: (done) => {
+          let runBefore = () => {
+            if (!formRef || typeof formRef.runBeforeSubmitWf !== "function") {
+              return done();
+            }
+            formRef.runBeforeSubmitWf("wfStart").then((pass) => {
+              if (pass) done();
+            });
+          };
+          if (typeof innerOnStart === "function") {
+            innerOnStart(runBefore);
+          } else {
+            runBefore();
+          }
+        },
+        startConfirmText: async (ctx) => {
+          let text = typeof inner === "function" ? await inner.call(this, ctx) : inner;
+          if (typeof text === "string" && text.trim()) return text; //模板脚本优先
+          return btnName ? `您确定要${btnName}吗？` : ""; //返空 → wf.js 走自身默认
+        },
+      });
     },
     // 触发宿主翻单：step = -1 上一单 / +1 下一单
     navBill(step) {

package/src/components/xform/form-render/index.vue

@@ -77,11 +77,6 @@
       :param="importDialogOption"
       :parentTarget="_self"
     ></importDialog>
-    <formDrawer
-      v-if="showFormDrawer"
-      :visiable.sync="showFormDrawer"
-      :option="formDrawerOption"
-    ></formDrawer>
     <fileReferenceDialog
       v-if="showFileReferenceDialog"
       :visiable.sync="showFileReferenceDialog"
@@ -134,8 +129,6 @@ export default {
       import(
         "../../../components/xform/form-designer/form-widget/dialog/importDialog.vue"
       ),
-    formDrawer: () =>
-      import("../../../components/xform/form-designer/form-widget/dialog/formDrawer.vue"),
     fileReferenceDialog: () =>
       import(
         "../../../components/xform/form-designer/form-widget/dialog/fileReferenceDialog.vue"

package/src/components/xform/form-render/indexMixin.js

@@ -234,8 +234,6 @@ modules = {
       formDialogOption: {},
       showImportDialog: false,
       importDialogOption: {},
-      formDrawerOption: {},
-      showFormDrawer: false,
       userInfo: null,
       userSaleOrgDTOs: [],
       userRoleDTOs: [],
@@ -1822,6 +1820,46 @@ modules = {
       );
     },
 
+    /**
+     * 「提交流程」「保存并提交流程」共用的提交前置处理。
+     * 执行时机：表单校验通过之后、确认框弹出之前。两条链路都调这里，业务规则只写一遍。
+     *
+     * 脚本契约(只认返回值，不用 done 回调)：
+     *   return false           → 中止提交
+     *   return Promise         → 等它 settle；resolve(false) 或 reject 都算中止
+     *   其他(含不写 return)     → 放行
+     * 之所以不做成 done 风格：本方法的调用方要 await 它，脚本一旦忘了调 done 就会永久挂起，
+     * 「保存并提交」那条链路还会把 formSavePending 锁死，之后再也保存不了。
+     *
+     * @param {String} source "saveSubmit"(保存并提交流程) | "wfStart"(提交流程)
+     * @returns {Promise<Boolean>} true 继续，false 中止
+     */
+    runBeforeSubmitWf(source) {
+      let script = this.formConfig?.onBeforeSubmitWf;
+      if (!script) return Promise.resolve(true);
+      let currentFormData = this.getSysFormData(this.getRealFormData());
+      let ret;
+      try {
+        ret = this.handleCustomEvent(
+          script,
+          ["formData", "source"],
+          [currentFormData, source]
+        );
+      } catch (error) {
+        //脚本自身报错不放行，避免带着未知状态继续提交
+        console.error("onBeforeSubmitWf 执行异常", error);
+        return Promise.resolve(false);
+      }
+      if (ret === false) return Promise.resolve(false);
+      if (ret && typeof ret.then === "function") {
+        return ret.then(
+          (result) => result !== false,
+          () => false
+        );
+      }
+      return Promise.resolve(true);
+    },
+
     handleOnCreated: function () {
       this.handleCustomEvent(this.formConfig?.onFormCreated);
       /*if (this.formConfig && this.formConfig.onFormCreated) {
@@ -4489,29 +4527,11 @@ modules = {
         return Promise.reject(error);
       }
     },
-    async reloadSavedFormData(option = {}) {
-      let updateParam = option.updateParam || {};
-      let nextDataId = updateParam.dataId ?? this.dataId;
-      let nextFormCode = updateParam.formCode;
-      if (nextDataId === undefined || nextDataId === null || nextDataId === "") {
-        throw new Error("缺少保存后的数据 ID，无法重新加载表单。");
-      }
-      let response = await this.loadFormData({
-        dataId: nextDataId,
-        replace: true,
-      });
-      if (!response || response.type !== "success") {
-        throw new Error(response?.content || "保存后的表单数据重新加载失败。");
-      }
-      if (nextDataId !== undefined && nextDataId !== null) {
-        this.$emit("update:dataId", nextDataId);
-      }
-      if (nextFormCode) {
-        this.$emit("update:formCode", nextFormCode);
-      }
-      await new Promise((resolve) => this.$nextTick(resolve));
-      return response;
-    },
+    // 注:此处曾有 reloadSavedFormData(就地整单取数 + setFormData)。它在表单已挂载时
+    // 逐字段广播赋值,每个字段的 onChange 当场同步执行,先赋值组件的脚本读到的是后赋值
+    // 组件的旧值(getFieldValue 取的是对方尚未刷新的 fieldModel),公式与 keyName 联动
+    // 乱序,getOne 不返回的子表/表头附件字段还会被清空。整单刷新一律走 reloadForm
+    // (宿主 toggle v-if 重挂载),保持「先填满 formDataModel 再挂载组件」这个前提。
     saveForm(callback) {
       this.validateForm((valid) => {
         if (!valid) return;
@@ -4887,12 +4907,26 @@ modules = {
       this.showImportDialog = true;
       this.importDialogOption = option;
     },
-    openFormDrawer(option) {
-      this.formDrawerOption = option;
-      this.showFormDrawer = true;
-    },
-    confirmFormDrawer() {
-      this.formDrawerOption.confirm && this.formDrawerOption.confirm();
+    /**
+     * 表单抽屉：委托给全局 $formDrawer（components/formDrawer）。
+     * 原 xform 内部抽屉壳（dialog/formDrawer.vue）已删除——它零调用方，且 scoped 样式写的是
+     * .el-dialog__body，在 el-drawer 下根本不匹配，内容区没有高度、列表型模板会塌。
+     * 这里保留方法名与回调式签名，存量脚本按内部形态调用也不会断。
+     */
+    openFormDrawer(option = {}) {
+      let dialogConfig = option.dialogConfig || {};
+      let drawerOption = Object.assign({}, option, option.formConfig, {
+        title: option.title || dialogConfig.title,
+        size: option.size || dialogConfig.size,
+        direction: option.direction || dialogConfig.direction,
+      });
+      delete drawerOption.formConfig;
+      delete drawerOption.dialogConfig;
+      return this.$formDrawer(drawerOption).then((result) => {
+        if (result != null) option.confirm && option.confirm(result);
+        option.close && option.close(null, this);
+        return result;
+      });
     },
 
     openFileReferenceDialog(option) {

package/src/components/xform/mixins/defaultHandle.js

@@ -2,6 +2,7 @@ import moment from "moment";
 import { saveUserLog } from "@base/api/user";
 import settingConfig from "@/settings";
 import { openStartWfDialog } from "../../../components/wf/wfUtil";
+import { getWfButtonNames } from "../../../components/wf/wfButtonName";
 
 let modules = {};
 modules = {
@@ -148,10 +149,15 @@ modules = {
         return;
       }
 
+      // 提示语跟随后台 param18 下发的按钮名；没配就保持原文案不变。
+      // 只能用 $t1(找不到 key 原样返回)，$t2 在 i18n 命中 key 时会把拼进去的名字吞掉。
+      let btnName = getWfButtonNames().saveSubmitBtn;
       let confirmText =
         option?.confirmText ||
         option?.config?.confirmText ||
-        this.$t1("您确定要保存并提交流程吗？");
+        (btnName
+          ? this.$t1(`您确定要${btnName}吗？`)
+          : this.$t1("您确定要保存并提交流程吗？"));
 
       return this.saveDefaultHandle({
         ...option,
@@ -161,6 +167,11 @@ modules = {
           isConfirm: option?.config?.isConfirm ?? true,
           confirmText: option?.config?.confirmText || confirmText,
           skipHostReloadAfterSave: true,
+          //提交前置处理(与「提交流程」按钮共用同一个表单脚本)
+          beforeConfirm: () =>
+            formRef.runBeforeSubmitWf
+              ? formRef.runBeforeSubmitWf("saveSubmit")
+              : true,
           success: (res) => {
             // ★ 保存成功后，只升级新增页签的「元数据」为编辑态（设 dataId/isAdd/formCode/标题），
             //   不重渲染详情内容。这样即便随后提交失败/取消候选人弹框，页签也已是编辑态，
@@ -220,6 +231,15 @@ modules = {
         });
         if (!valid) return false;
 
+        // 提交前置处理：校验通过后、确认框之前拦截。只有「保存并提交流程」入口会传，
+        // 普通保存不受影响。返回 false 即中止(finally 里会释放 formSavePending)。
+        let beforeConfirm = config.beforeConfirm;
+        delete config.beforeConfirm; //不能透传给 formHttp
+        if (typeof beforeConfirm === "function") {
+          let pass = await beforeConfirm();
+          if (pass === false) return false;
+        }
+
         let submitFormData
           = typeof formRef.buildSubmitPayload === "function"
           ? await formRef.buildSubmitPayload()
@@ -270,14 +290,37 @@ modules = {
               if (editFormCode) {
                 updateParam.formCode = editFormCode;
               }
-              let reloadMethod
-                = typeof formRef.reloadSavedFormData === "function"
-                ? formRef.reloadSavedFormData
-                : formRef.reloadForm;
               // 保存成功后一律让宿主整页重挂载(toggle v-if):新增/编辑都需要出流程信息、
-              // 切编辑模板、按新状态重算显隐与只读——这些就地取数(reloadSavedFormData)做不到。
+              // 切编辑模板、按新状态重算显隐与只读——这些就地取数做不到。
               // 唯一例外是「保存并提交」路径(skipHostReloadAfterSave=true),
               // 它的刷新交给流程结束后的 onWfStartSuccess / onWfStartAbort,避免刷两次。
+              //
+              // 刷新前只同步「元数据」,绝不做整单 setFormData:表单已挂载时那是逐字段同步
+              // 广播赋值,每个字段的 onChange 会当场执行,先赋值组件的脚本读到的是后赋值
+              // 组件的旧值,公式与 keyName 联动乱序,子表还会被整体清空(getOne 不返回子表)。
+              // 首屏之所以正确,靠的是「先填满 formDataModel 再挂载组件」,就地整单赋值破坏
+              // 了这个前提,故整单刷新只能走重挂载。
+              let syncSavedMeta = () => {
+                let nextDataId = updateParam.dataId;
+                if (
+                  nextDataId !== undefined
+                  && nextDataId !== null
+                  && nextDataId !== ""
+                ) {
+                  // 提交报文的主表以 currentFormData 打底(见 form-render getSubData2),
+                  // 主键 id 不是表单控件,只能在此回写;否则 skip 路径下再次保存会重复入库。
+                  if (
+                    formRef.currentFormData
+                    && formRef.currentFormData.id == null
+                  ) {
+                    formRef.currentFormData.id = nextDataId;
+                  }
+                  formRef.$emit("update:dataId", nextDataId);
+                }
+                if (updateParam.formCode) {
+                  formRef.$emit("update:formCode", updateParam.formCode);
+                }
+              };
               let runHostReload = async () => {
                 if (skipHostReloadAfterSave) return;
                 await formRef.reloadForm({ updateParam });
@@ -356,38 +399,7 @@ modules = {
                 };
                 showHostReloadFailure(false, error);
               };
-              try {
-                await reloadMethod.call(formRef, { updateParam });
-              } catch (error) {
-                keepSaveLocked = true;
-                let retryPromise = null;
-                formRef.formSaveReconcileTask = () => {
-                  if (retryPromise) return retryPromise;
-                  retryPromise = (async () => {
-                    try {
-                      await reloadMethod.call(formRef, { updateParam });
-                    } catch (retryError) {
-                      showHostReloadFailure(true, retryError);
-                      retryPromise = null;
-                      return false;
-                    }
-                    let result = await runPostReloadCallbacks();
-                    try {
-                      await runHostReload();
-                    } catch (hostReloadError) {
-                      installHostReloadRetry(hostReloadError);
-                      return false;
-                    }
-                    clearReconcileState();
-                    return result;
-                  })();
-                  return retryPromise;
-                };
-                showHostReloadFailure(false, error);
-                rejectOnce(error);
-                return;
-              }
-
+              syncSavedMeta();
               await runPostReloadCallbacks();
               try {
                 await runHostReload();

package/src/components/xform/utils/util.js

@@ -1045,6 +1045,13 @@ export function getDefaultFormConfig() {
     wfConfig: null,
     wfStartBindSave: false,
     wfStartConfirmText: null,
+    // 「保存并提交流程」内建按钮：由 detail-item 渲染，只在新增页(dataId 为空)显示。
+    // 按钮名不在此处配，统一由后台 wf_diy_attribute(param18) 下发，见 components/wf/wfButtonName.js
+    saveSubmitEnabled: false,
+    // 「提交流程」「保存并提交流程」共用的提交前置处理脚本：校验通过后、确认框之前执行
+    onBeforeSubmitWf: null,
+    // 「提交流程」按钮显隐脚本：return false 隐藏，不配则显示
+    wfStartBtnShow: null,
     wfAgreenBindSave: false,
     wfAgreeConfigData: [],
     wfConfigDataEnabled: false,

package/src/views/bd/setting/formVersion/ftHistoryDialog.vue

@@ -326,6 +326,8 @@ export default {
           return {
             ...this.formData,
             objType: this.objType,
+            objCode: this.objCode,
+            relationCode: this.relationCode,
             sid: this.sid,
           };
         },