cloud-web-corejs 1.0.54-dev.724 → 1.0.54-dev.727

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

@@ -27,6 +27,31 @@
           </el-button>
         </div>-->
         <div class="fr">
+          <template v-if="billNav">
+            <el-button
+              class="button-sty"
+              size="mini"
+              icon="el-icon-arrow-left"
+              :disabled="!billNav.canPrev"
+              @click="navBill(-1)"
+              >上一单</el-button
+            >
+            <el-button
+              class="button-sty"
+              size="mini"
+              :disabled="!billNav.canNext"
+              @click="navBill(1)"
+              >下一单<i class="el-icon-arrow-right el-icon--right"></i
+            ></el-button>
+          </template>
+          <el-button
+            v-if="showWfStartBtn()"
+            class="button-sty yyy"
+            type="success"
+            icon="el-icon-video-play"
+            @click="startWf"
+            >{{ wfStartButtonName }}</el-button
+          >
           <template v-for="(subWidget, swIdx) in widget.widgetList">
             <template v-if="'container' === subWidget.category">
               <component
@@ -94,7 +119,8 @@ import containerItemMixin from "./containerItemMixin";
 import detailPaneWidget from "../../../../components/xform/form-render/container-item/detail-pane-item";
 import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
 
-import { initWf } from "../../../../components/wf/wfUtil";
+import { initWf, openStartWfDialog } from "../../../../components/wf/wfUtil";
+import settingConfig from "@/settings.js";
 
 export default {
   name: "detail-item",
@@ -125,9 +151,82 @@ export default {
   data() {
     return {
       wfInfo: {},
+      wfReady: false, // 流程状态是否已就绪(callback 返回后)
+      wfHasStarted: false, // 流程是否已启动(已启动则不显示启动按钮)
+      wfStartOption: null, // 启动流程所需 option(createWf 构造)
+      wfStartCtx: null, // openStartWfDialog 的执行上下文(与 initWf 一致)
     };
   },
+  computed: {
+    wfStartButtonName() {
+      return (
+        settingConfig.wfStartButtonName ||
+        this.$t2("流程启动", "components.wf.wfStart")
+      );
+    },
+    // 「上一单/下一单」翻单按钮状态：详情表单开启 billNavEnabled 且宿主列表有翻单快照时才显示。
+    // detail-item 在每次翻单时随详情表单重挂载，故此处按当前挂载时机取一次即可。
+    billNav() {
+      let formRef = this.getFormRef && this.getFormRef();
+      if (
+        !formRef ||
+        !formRef.formConfig ||
+        !formRef.formConfig.billNavEnabled
+      ) {
+        return null;
+      }
+      let host = formRef.getListPageRef && formRef.getListPageRef();
+      if (!host || typeof host.getActiveBillNavState !== "function")
+        return null;
+      let state = host.getActiveBillNavState();
+      if (!state) return null;
+      return {
+        canPrev: state.index > 0,
+        canNext: state.index < state.rows.length - 1,
+      };
+    },
+  },
   methods: {
+    // 解析流程启动信息：优先取表单实例(indexMixin,xform 主链路)暴露的,回退到本组件 createWf(旧路径)。
+    // 用方法实时求值,避免 computed 缓存导致早于 wf 就绪时求值后不再更新。
+    wfStart() {
+      let formRef = this.getFormRef && this.getFormRef();
+      if (formRef && formRef.wfStartOption) {
+        return {
+          ctx: formRef.wfStartCtx || formRef,
+          option: formRef.wfStartOption,
+          hasWf: !!formRef.hasWf,
+        };
+      }
+      if (this.wfReady && this.wfStartOption && this.wfStartCtx) {
+        return {
+          ctx: this.wfStartCtx,
+          option: this.wfStartOption,
+          hasWf: this.wfHasStarted,
+        };
+      }
+      return null;
+    },
+    // 流程启动按钮：有启动信息、需要按钮(showStartBtn 未显式关闭)、未启动、非预览态才显示。
+    // 声明式渲染,替代 wfUtil 的 DOM 强制注入。
+    showWfStartBtn() {
+      let ws = this.wfStart();
+      if (!ws || this.previewState) return false;
+      let opt = ws.option || {};
+      return opt.showStartBtn !== false && !ws.hasWf;
+    },
+    // 声明式触发流程启动(替代原注入按钮的点击),复用 wfUtil 的 openStartWfDialog
+    startWf() {
+      let ws = this.wfStart();
+      if (!ws || !ws.option || !ws.ctx) return;
+      openStartWfDialog(ws.ctx, ws.option);
+    },
+    // 触发宿主翻单：step = -1 上一单 / +1 下一单
+    navBill(step) {
+      let host = this.getFormRef && this.getFormRef();
+      host = host && host.getListPageRef && host.getListPageRef();
+      host && host.navigateActiveBill && host.navigateActiveBill(step);
+    },
     reload() {
       this.getFormRef().$parent.$baseReload();
     },
@@ -145,12 +244,17 @@ export default {
         let option = {
           objId: formData.object_foreign_id, //单据ID
           wfCode: formCode, //流程编码
-          showStartBtn: true, //是否放出启动按钮,流程已启动时此参数失效
+          showStartBtn: true, //需要启动按钮(语义不变)
+          injectStartBtn: false, //不走 DOM 强制注入,改由本组件模板声明式渲染
           serviceId: "user",
-          callback: ({ wfInfo }) => {
+          callback: ({ wfInfo, hasWf }) => {
             this.wfInfo = wfInfo;
+            this.wfHasStarted = !!hasWf; //已启动则不显示启动按钮(与原注入条件 !hasWf 一致)
+            this.wfReady = true; //状态就绪后才显示按钮,避免回调前闪现
           },
         };
+        this.wfStartOption = option;
+        this.wfStartCtx = formTarget.$parent; //与 initWf 执行上下文一致,供 openStartWfDialog 使用
         initWf.call(formTarget.$parent, option);
       }
     },

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

@@ -1342,7 +1342,8 @@ modules = {
             let option = {
               objId: dataId, //单据ID
               wfCode: wfCode, //流程编码
-              showStartBtn: true, //是否放出启动按钮,流程已启动时此参数失效
+              showStartBtn: true, //需要启动按钮(语义不变)
+              injectStartBtn: false, //但不走 wfUtil 的 DOM 强制注入,改由 detail-item 模板声明式渲染
               showWfFold: true,
               formCode: formCode,
               callback: (wfParam) => {
@@ -1376,9 +1377,16 @@ modules = {
                   wfParam.done();
                 }); */
               },
+              // 流程启动成功后的行为（新增页签模式）：复用 wf 已有的 onStartSuccess 契约，
+              // 覆盖「直接启动流程」按钮入口。逻辑收在 xform 侧。
+              onStartSuccess: () => this.onWfStartSuccess(),
             };
             if (formConfig.wfStartBindSave) {
               //启用流程启动自动保存
+              // 本次启动伴随了保存，失败/取消需把详情刷新到编辑态；
+              // 未启用自动保存（直接启动，无保存）时不注入，失败/取消不刷新表单。
+              option.onStartFail = () => this.onWfStartAbort();
+              option.onCancel = () => this.onWfStartAbort();
               option.onStart = (done) => {
                 let formRef = this.getFormRef ? this.getFormRef() : this;
                 formRef.validate((valid) => {
@@ -3576,6 +3584,16 @@ modules = {
       if (handleType) {
         let listTabFormRef = this.getListTabFormRef();
         if (handleType === "reload") {
+          // 若列表配置了「切换tab自动查询」,切到 second 时 watcher 已会触发查询,
+          // 此处再 reloadForm 会导致查询两次,故跳过,交给 tab 切换的自动查询。
+          let grid =
+            listTabFormRef && listTabFormRef.getGridWidgetRef
+              ? listTabFormRef.getGridWidgetRef()
+              : null;
+          let opts = grid && grid.widget ? grid.widget.options : null;
+          if (opts && opts.searchOnSwitchTab && opts.isQueryTable) {
+            return;
+          }
           listTabFormRef.reloadForm();
         } else if (handleType === "searchEvent") {
           listTabFormRef.getGridWidgetRef().searchEvent();
@@ -3584,6 +3602,82 @@ modules = {
         }
       }
     },
+    // 判断当前表单是否处于「详情多标签」的动态页签内；是则返回 {xTabs, currentName, submitBehavior}
+    // 门控为 multiTabEnabled(与「提交后行为」配置的显示条件一致)：动态编辑页签、新增页签均适用。
+    getAddTabContext() {
+      let listPageRef = this.getListPageRef && this.getListPageRef();
+      let listFormConfig =
+        listPageRef && listPageRef.formJson
+          ? listPageRef.formJson.formConfig
+          : null;
+      let xTabs =
+        listPageRef && listPageRef.$refs ? listPageRef.$refs.xTabs : null;
+      let currentName = xTabs ? xTabs.activeName : null;
+      let isDynamicTab =
+        currentName &&
+        currentName !== "first" &&
+        currentName !== "second" &&
+        !/^otherTab/.test(currentName);
+      if (listFormConfig && listFormConfig.multiTabEnabled && xTabs && isDynamicTab) {
+        return {
+          xTabs,
+          currentName,
+          submitBehavior: listFormConfig.submitBehavior || "refreshCurrent",
+        };
+      }
+      return null;
+    },
+    // 常规「first」页签的提交后上下文；否则 null。「提交后行为」不受 multiTabEnabled 限制。
+    getFirstPaneSubmitContext() {
+      let listPageRef = this.getListPageRef && this.getListPageRef();
+      let lfc =
+        listPageRef && listPageRef.formJson
+          ? listPageRef.formJson.formConfig
+          : null;
+      if (lfc && listPageRef.activeName === "first") {
+        return {
+          listPageRef,
+          submitBehavior: lfc.submitBehavior || "refreshCurrent",
+        };
+      }
+      return null;
+    },
+
+    onWfStartSuccess() {
+      // 流程启动成功后的通用钩子（由 wf 组件回调）。
+      // 「详情多标签」：按列表表单配置的 submitBehavior 处理；否则等价于默认刷新，不影响其它表单。
+      let ctx = this.getAddTabContext();
+      if (ctx) {
+        if (ctx.submitBehavior === "refreshCurrent") {
+          this.$baseReload(); // 刷新当前页签（出流程信息），保持编辑态
+        } else {
+          // 关闭页签并回列表刷新：先切列表（会把 activeName 置 second）再关当前页签
+          this.switchToListTab({ handleType: "reload" });
+          ctx.xTabs.removeTab(ctx.currentName);
+        }
+        return;
+      }
+      // 常规「first」页签（addTabEnabled 关时新增走此）同样按 submitBehavior 处理
+      let firstCtx = this.getFirstPaneSubmitContext();
+      if (firstCtx) {
+        if (firstCtx.submitBehavior === "refreshCurrent") {
+          this.$baseReload(); // 刷新当前 first 页签,显示已提交单据详情(dataId 已升级)
+        } else {
+          this.switchToListTab({ handleType: "reload" }); // 切列表并刷新
+          firstCtx.listPageRef.showEdit = false; // 关闭编辑态
+        }
+        return;
+      }
+      this.$baseReload();
+    },
+    onWfStartAbort() {
+      // 流程启动失败 / 取消（关闭启动或候选人弹框）的通用钩子。
+      // 「详情多标签」：把当前详情刷新到编辑态（此时元数据已升级，dataId 为单号）；
+      // 非本模式不处理，保持其它表单原有行为（失败/取消不刷新）。
+      if (this.getAddTabContext() || this.getFirstPaneSubmitContext()) {
+        this.$baseReload();
+      }
+    },
     reloadForm(option) {
       let target1 = this.$attrs["parent-target"];
       let target2 = target1?.$attrs["parent-target"];

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

@@ -155,12 +155,28 @@ modules = {
           isConfirm: option?.config?.isConfirm ?? true,
           confirmText: option?.config?.confirmText || confirmText,
           success: (res) => {
+            // ★ 保存成功后，只升级新增页签的「元数据」为编辑态（设 dataId/isAdd/formCode/标题），
+            //   不重渲染详情内容。这样即便随后提交失败/取消候选人弹框，页签也已是编辑态，
+            //   再次提交只会更新、不会重复入库；而详情内容的刷新交给最终的提交后行为（避免刷两次）。
+            let editFormCode = formConfig.editFormCode;
+            let listPageRef = formRef.getListPageRef && formRef.getListPageRef();
+            if (listPageRef && listPageRef.promoteActiveAddTab) {
+              listPageRef.promoteActiveAddTab(res.objx, editFormCode, formRef);
+            }
+
             openStartWfDialog(formRef, {
               objId: res.objx,
               wfCode: reportTemplate.objTypeCode,
               formCode: reportTemplate.formCode,
               serviceId: reportTemplate.serviceName,
               skipStartConfirm: true,
+              // 提交后行为复用 xform 侧统一方法：
+              //  成功 → onWfStartSuccess（关页签/刷新本页）；失败/取消 → onWfStartAbort（刷新到编辑态）
+              onStartSuccess: () =>
+                formRef.onWfStartSuccess && formRef.onWfStartSuccess(),
+              onStartFail: () =>
+                formRef.onWfStartAbort && formRef.onWfStartAbort(),
+              onCancel: () => formRef.onWfStartAbort && formRef.onWfStartAbort(),
             });
             option?.config?.success && option.config.success(res);
           },

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

@@ -149,6 +149,9 @@ modules = {
                     let target2 = target1?.$attrs['parent-target'];
                     let target = !target2 ? this : target1;*/
                     let target = formTarget;
+                    // 暴露启动流程所需的 option 与上下文,供 detail-item 声明式渲染启动按钮(替代 DOM 强制注入)
+                    target.wfStartOption = opt2;
+                    target.wfStartCtx = target;
                     initWf.call(target, opt2);
                   }
                 }

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

@@ -999,6 +999,10 @@ export function getDefaultFormConfig() {
     wfConfigData: [],
     multiTabEnabled: false,
     multiTabLabelField: null,
+    addTabEnabled: false, // 新增打开独立页签（不走「常规」页签）
+    addTabLabel: "新增", // 新增页签初始标题
+    submitBehavior: "refreshCurrent", // 提交后行为: refreshCurrent(默认,留在详情页) | closeToList
+    billNavEnabled: false, // 详情页签显示「上一单/下一单」翻单按钮
     addFormCode: null,
     addFormName: null,
     wfTheme: null,

package/src/layout/components/AppMain.vue

@@ -90,13 +90,14 @@ export default {
 .app-main {
   /* 45= navbar  45  */
   min-height: calc(100vh - 45px);
+  //height:calc(100vh - 10px);
   width: 100%;
   position: relative;
   overflow: hidden;
 }
 
 .fixed-header + .app-main {
-  padding-top: 33px;
+  padding-top: 32px;
 }
 
 .hasTagsView {

package/src/views/user/form/view/list.vue

@@ -68,7 +68,7 @@
             ></vFormRender>
           </div>
         </el-tab-pane>
-        <template #editTab="{ tab, index, reloadTabContent }">
+        <template #editTab="{ tab }">
           <el-tab-pane
             :key="tab.tabName"
             :label="tab.data[tab.tabLabelField]"
@@ -82,12 +82,7 @@
               :param="tab.param"
               v-if="tab.showContent"
               :parent-target="_self"
-              @reload="
-                (...args) => {
-                  formData = {};
-                  reloadTabContent(...args);
-                }
-              "
+              @reload="(...args) => onEditTabReload(tab, ...args)"
               @openCopyEditTab="openCopyEditTab"
             ></vFormRender>
           </el-tab-pane>
@@ -146,6 +141,9 @@ export default {
     return {
       activeName: "second",
       showEdit: false,
+      // 「上一单/下一单」翻单：非多标签(常规页签)模式的导航快照
+      firstNavRows: null,
+      firstNavIndex: -1,
       formJson: { formConfig: {} },
       formConfig: {},
       showRender: false,
@@ -297,18 +295,36 @@ export default {
 
       let dataId = row && row.id ? row.id : null;
       this.dataId = dataId;
+      let isAdd = !dataId;
       let formCode = null;
-      if (!dataId) {
+      if (isAdd) {
         formCode = option?.formCode || this.addFormCode;
       } else {
         formCode = option?.formCode || this.formCode2;
       }
-      if (multiTabEnabled && dataId) {
-        this.$refs.xTabs.openEditTab(row, param, {
+      // 新增页签门控：需先启用「列表启用详情多标签」，再叠加 addTabEnabled、新增、配了标题字段
+      let addTab =
+        multiTabEnabled && formConfig.addTabEnabled && isAdd && tabLabelField;
+      if ((multiTabEnabled && dataId) || addTab) {
+        // 归一：新增/编辑都走 openEditTab
+        // 新增合成唯一 id，让去重(paneKeyName='id')/tabName/paneName 三者对齐
+        let key = isAdd
+          ? "add_" + Date.now() + "_" + Math.random().toString(36).slice(2, 6)
+          : dataId;
+        let openRow = isAdd
+          ? { ...row, id: key, [tabLabelField]: formConfig.addTabLabel || "新增" }
+          : row;
+        this.$refs.xTabs.openEditTab(openRow, param, {
           tabParam: {
             formCode,
             tabLabelField,
-            tabName: formCode + dataId,
+            tabName: String(key), // el-tabs 的 name 需为 String,dataId 可能是 Number
+            isAdd,
+            // 新增时 dataId 必须为 null，避免 vFormRender 把合成 id 当真实单号去 getOne
+            ...(isAdd ? { dataId: null } : {}),
+            // 翻单快照：新增也带(navIndex=-1),保存后把新单插入序列首位
+            navRows: option?.navRows || null,
+            navIndex: option?.navIndex ?? -1,
           },
         });
       } else {
@@ -318,6 +334,9 @@ export default {
         this.showEditDialog = true;
         this.param = param;
         this.formData = null;
+        // 常规页签(非多标签)模式记录翻单快照；新增也记录(navIndex=-1),保存后插入序列首位
+        this.firstNavRows = option?.navRows || null;
+        this.firstNavIndex = dataId ? option?.navIndex ?? -1 : -1;
         this.$openEditView("showEdit");
       }
     },
@@ -350,11 +369,145 @@ export default {
     reload(...args) {
       this.formData = {};
       this.$reloadHandle(...args);
+      // 常规模式新增保存:把新单插入翻单序列首位(navIndex=-1 表示当前为新增未定位)
+      let param = args[1];
+      let newId = param && param.updateParam ? param.updateParam.dataId : null;
+      if (newId && Array.isArray(this.firstNavRows) && this.firstNavIndex === -1) {
+        this.firstNavRows = [{ id: newId }, ...this.firstNavRows];
+        this.firstNavIndex = 0;
+      }
     },
     reload2() {
       this.formData = {};
       this.$reloadHandle(...arguments);
     },
+    // 逐级解析真实表单的 formDataModel（target 可能是包裹组件，真实表单在内层 vFormRef 上）
+    resolveFormModel(target) {
+      return (
+        (target && target.formDataModel) ||
+        (target && target.$refs && target.$refs.vFormRef
+          ? target.$refs.vFormRef.formDataModel
+          : null) ||
+        (target && target.getFormRef && target.getFormRef()
+          ? target.getFormRef().formDataModel
+          : null) ||
+        {}
+      );
+    },
+    // 应用保存结果到页签「元数据」：升级编辑态 + 同步标题。不含内容重渲染。
+    applyTabSaveResult(tab, dataId, formCode, formModel) {
+      // ① 首次新增保存：就地升级本页签为编辑态
+      if (tab.isAdd && dataId) {
+        tab.data.id = dataId; // 从列表再打开同单号可复用本页签
+        tab.dataId = dataId; // 表单不 watch dataId，此处不会触发内容重载
+        tab.isAdd = false;
+        if (formCode) tab.formCode = formCode;
+        // 新增保存:把新单插入翻单序列首位(新数组,不改动列表原 fullData 引用)
+        if (Array.isArray(tab.navRows)) {
+          tab.navRows = [tab.data, ...tab.navRows];
+          tab.navIndex = 0;
+        }
+      }
+      // ② 同步标题为「标签名称字段」最新值；无值则保持原标题，不回退用单号
+      let labelField = tab.tabLabelField;
+      let labelVal =
+        labelField != null &&
+        formModel &&
+        formModel[labelField] != null &&
+        formModel[labelField] !== ""
+          ? formModel[labelField]
+          : null;
+      if (labelVal != null) {
+        this.$set(tab.data, labelField, labelVal);
+      }
+    },
+    onEditTabReload(tab, target, param) {
+      // 动态页签（新增/编辑）表单保存后回调，tab 直接在作用域内
+      this.formData = {};
+      let dataId =
+        param != null && param.updateParam != null
+          ? param.updateParam.dataId
+          : null;
+      let formCode =
+        param != null && param.updateParam != null
+          ? param.updateParam.formCode
+          : null;
+      this.applyTabSaveResult(tab, dataId, formCode, this.resolveFormModel(target));
+      this.$refs.xTabs.reloadTabContent(target, param, tab); // 重载编辑态（内容重渲染）
+    },
+    // 供「保存并提交」路径调用：只升级当前活动新增页签的元数据，不重渲染详情内容。
+    // 目的：保存成功即升级为编辑态（防止提交失败/取消后重复入库），且不多刷一次详情。
+    promoteActiveAddTab(dataId, formCode, target) {
+      // 常规「first」页签新增(addTabEnabled 关时新增走此)保存后:升级 dataId 为编辑态,
+      // 并把新单插入翻单序列首位,使提交后「刷新当前页签」能显示详情。
+      if (this.activeName === "first") {
+        if (dataId) {
+          this.dataId = dataId;
+          if (formCode) this.formCode1 = formCode;
+          if (Array.isArray(this.firstNavRows) && this.firstNavIndex === -1) {
+            this.firstNavRows = [{ id: dataId }, ...this.firstNavRows];
+            this.firstNavIndex = 0;
+          }
+        }
+        return;
+      }
+      let xTabs = this.$refs.xTabs;
+      if (!xTabs) return;
+      let tab = xTabs.tabs.find((t) => t.tabName === xTabs.activeName);
+      if (!tab) return;
+      this.applyTabSaveResult(tab, dataId, formCode, this.resolveFormModel(target));
+    },
+    // ===== 上一单/下一单：宿主 API，供详情表单 detail-item 的按钮区调用 =====
+    // 返回当前活动详情的翻单快照 {rows, index} —— 兼容多标签页签与常规「first」页签；无快照返回 null。
+    getActiveBillNavState() {
+      let activeName = this.activeName;
+      // 常规「first」页签
+      if (activeName === "first") {
+        if (
+          this.dataId &&
+          Array.isArray(this.firstNavRows) &&
+          this.firstNavRows.length > 0
+        ) {
+          return { rows: this.firstNavRows, index: this.firstNavIndex };
+        }
+        return null;
+      }
+      // 多标签动态编辑页签
+      let xTabs = this.$refs.xTabs;
+      let tab = xTabs && xTabs.tabs.find((t) => t.tabName === activeName);
+      if (
+        tab &&
+        !tab.isAdd &&
+        Array.isArray(tab.navRows) &&
+        tab.navRows.length > 0
+      ) {
+        return { rows: tab.navRows, index: tab.navIndex ?? -1, tab };
+      }
+      return null;
+    },
+    // 翻单：step = -1 上一单 / +1 下一单，把当前活动详情刷新到相邻单据。
+    navigateActiveBill(step) {
+      let state = this.getActiveBillNavState();
+      if (!state) return;
+      let idx = state.index + step;
+      if (idx < 0 || idx >= state.rows.length) return; // 到边界不循环
+      let newRow = state.rows[idx];
+      if (!newRow || !newRow.id) return;
+      if (state.tab) {
+        // 多标签模式
+        let tab = state.tab;
+        tab.navIndex = idx;
+        tab.data = newRow; // 页签标题取 tab.data[tabLabelField]，随之更新
+        tab.dataId = newRow.id; // 表单不 watch dataId，靠下方重挂载取数
+        this.$refs.xTabs.reloadTabContent(null, null, tab);
+      } else {
+        // 常规「first」页签模式
+        this.firstNavIndex = idx;
+        this.dataId = newRow.id;
+        this.formData = null;
+        this.$openEditView("showEdit"); // toggle 重挂载 → 按新 dataId getOne
+      }
+    },
     initOtherTabList() {
       if (!this.formJson.formConfig.otherTabEnabled) return;
       this.otherTabList = this.formJson.formConfig.otherTabList