cloud-web-corejs 1.0.54-dev.800 → 1.0.54-dev.801

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.800",
+  "version": "1.0.54-dev.801",
   "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/bizTab/bizBillDetailMixin.js

@@ -35,6 +35,14 @@ import {
   DEFAULT_SUBMIT_BTN,
   DEFAULT_SAVE_SUBMIT_BTN,
 } from "@base/components/wf/wfButtonName";
+import {
+  isWfAutoConfirm,
+  loadWfAutoConfirm,
+} from "@base/components/wf/wfAutoConfirm";
+import {
+  isWfUserRangeEnabled,
+  loadWfUserRange,
+} from "@base/components/wf/wfUserRange";
 
 // wf 组件回调 _handleCallback(flag) 的 flag → 页签行为类型
 const WF_FLAG_KIND = {
@@ -174,6 +182,9 @@ export default {
     let dataId = this.tab ? this.tab.dataId : this._dataId;
     this.dataId = dataId == null || dataId === 0 ? null : dataId;
     loadWfButtonNames(this);
+    //预热，点击路径上的 await 直接命中缓存
+    loadWfAutoConfirm(this);
+    loadWfUserRange(this);
     this.checkBillHooks();
     // 登记到宿主：关页签确认要问详情脏没脏、翻单要按 tabName 找回实例
     let host = this.bizTabHost;
@@ -252,9 +263,8 @@ export default {
         showModifyBtn: cfg.showModifyBtn !== false,
         // 自己控制 done 的时机：等详情数据渲染完再挂流程面板，避免取不到 .d-cont
         auto: false,
-        // 启动确认文案跟随后台 param18 的按钮名，和「保存并提交」那条链路口径一致
-        startConfirmText: () =>
-          this.$t1(`您确定要${this.submitButtonName}吗？`),
+        // 不传 startConfirmText：启动确认文案由 wf.js 按后台 param18 的按钮名统一拼，
+        // 这里再拼一遍会让 wf.js 把它当成「模板脚本自定义的提示语」，param19 自动确认就失效了
         callback: (wfParam) => {
           this.wfParam = wfParam || {};
           this.hasWf = !!this.wfParam.hasWf;
@@ -339,11 +349,18 @@ export default {
       if (!(await this.guardSaving())) return false;
       let valid = await this.validateBill();
       if (!valid) return false;
-      let confirmText = this.$t1(`您确定要${this.saveSubmitButtonName}吗？`);
-      try {
-        await this.$baseConfirm(confirmText);
-      } catch (e) {
-        return false;
+      // param19 + param12 都开：这道「保存前」的确认框不弹，把确认交给 wfStartDialog——
+      // 它在保存之后才探 preStart，探到候选人就由「修改候选人」弹框顶替，探不到才弹确认框。
+      // 任一为 false 都当场弹：param12 关着后面不可能有候选人弹框，延后没有意义。
+      await Promise.all([loadWfAutoConfirm(this), loadWfUserRange(this)]);
+      let autoConfirm = isWfAutoConfirm() && isWfUserRangeEnabled();
+      if (!autoConfirm) {
+        let confirmText = this.$t1(`您确定要${this.saveSubmitButtonName}吗？`);
+        try {
+          await this.$baseConfirm(confirmText);
+        } catch (e) {
+          return false;
+        }
       }
       let dataId = await this.runSave({ confirm: false, successMsg: false });
       if (dataId == null || dataId === "") return false;
@@ -355,7 +372,8 @@ export default {
         this,
         this.buildWfOption({
           objId: dataId,
-          skipStartConfirm: true, // 已经确认过一次了，不再弹第二次
+          // 上面确认过就不再弹第二次；上面因 param19 跳过了，就得让弹框自己去确认
+          skipStartConfirm: !autoConfirm,
           onStart: null, // 校验/保存都做完了，不再走 wfStartBindSave 那套
           onBeforeStartSubmit: null,
         })

package/src/components/excelExport/exportFieldDialog.vue

@@ -168,9 +168,11 @@ export default {
       let yesFields = [];
       let noFields = [];
 
-      let exportColumns = !exportItem
-        ? target.exportColumns || []
-        : target.exportItemColumns || [];
+      let exportColumns =
+        this.$vxeTableUtil.getTableStateValue(
+          target,
+          !exportItem ? "exportColumns" : "exportItemColumns"
+        ) || [];
 
       this.loopColumnHandle(exportColumns, (item) => {
         if (item.field) {
@@ -201,7 +203,6 @@ export default {
         });
       } else {
         //导出子表数据
-        let exportItemColumns = target.exportItemColumns || [];
         let originOption = target.params.originOption;
         let oriExportItemColumns = originOption.exportItemConfig?.columns || [];
 
@@ -246,9 +247,6 @@ export default {
       let leafColumns = this.$refs.tree.getCheckedNodes(true);
       let checkLeafIds = leafColumns.map((item) => item.id);
 
-      // let syncEportItemColumns = $grid.exportItemColumns || [];
-      // let syncExportColumns = $grid.exportColumns || [];
-
       if (!exportItem) {
         //导出主表数据
         let exportColumns = [];
@@ -262,7 +260,7 @@ export default {
             exportColumns.push(item);
           }
         });
-        $grid.exportColumns = exportColumns;
+        this.$vxeTableUtil.setTableState($grid, "exportColumns", exportColumns);
       } else {
         //导出子表数据
         let exportItemColumns = [];
@@ -276,7 +274,11 @@ export default {
               exportItemColumns.push(item);
             }
           });
-          $grid.exportItemColumns = exportItemColumns;
+          this.$vxeTableUtil.setTableState(
+            $grid,
+            "exportItemColumns",
+            exportItemColumns
+          );
         }
       }
       this.$vxeTableUtil.addTableJson(originOption.vue, $grid, originOption.tableName);

package/src/components/table/config.js

@@ -1,3 +1,5 @@
+import { getTableStateValue } from './state';
+
 let modules = {};
 
 modules = {
@@ -33,7 +35,7 @@ modules = {
           }, ' ' + tableDataInfo.visibleData.length + ' ')
         ];
         if (pager) {
-          if (pager && $grid.isQueryAllPage) {
+          if (pager && getTableStateValue($grid, 'isQueryAllPage')) {
             celems.push(h('span', '/'));
             celems.push(h('span', {
               attrs: {
@@ -42,7 +44,7 @@ modules = {
             }, ' ' + pager.total));
           }
 
-          let iconClass = $grid.isQueryAllPage ? 'icon-yincang' : 'el-icon-view';
+          let iconClass = getTableStateValue($grid, 'isQueryAllPage') ? 'icon-yincang' : 'el-icon-view';
 
           celems.push(h('i', {
             attrs: {
@@ -53,8 +55,8 @@ modules = {
                 let refTarget = $grid.$vnode.data.ref;
                 let that = $grid.params.originOption.vue;
                 let tableName = $grid.params.originOption.tableName;
-                $grid.$vxeTableUtil.checkQueryTotal(that, refTarget, !$grid
-                  .isQueryAllPage);
+                $grid.$vxeTableUtil.checkQueryTotal(that, refTarget,
+                  !getTableStateValue($grid, 'isQueryAllPage'));
               }
             }
           }));

package/src/components/table/index.js

@@ -8,6 +8,7 @@ import { extendDeeply } from "../../utils/index.js";
 import corejsConfig from "@/corejsConfig";
 import settingConfig from "@/settings.js";
 import { getCellValue, createParams } from "./util/index";
+import { getTableStateValue, setTableState } from "./state";
 
 let configUtil = {
   Sortable,
@@ -78,6 +79,15 @@ async function initVxeTable(option) {
   $grid.originOption = originOption;
   option.vue = that;
 
+  // 运行时状态先收集到局部对象，末尾并入 nOption.params 随 vxeOption 传给表格实例，
+  // 保证页面 v-if 销毁重建 grid 后状态不丢（详见 ./state.js）
+  let tableState = {
+    tableName: tableName || null,
+    isQueryAllPage: true,
+    exportColumns: null,
+    exportItemColumns: null,
+  };
+
   let isQueryAllPage = true;
   if (option.isQueryAllPage !== null && option.isQueryAllPage !== undefined) {
     isQueryAllPage = option.isQueryAllPage;
@@ -85,7 +95,7 @@ async function initVxeTable(option) {
 
   let searchColumns = null;
   if (tableName) {
-    $grid.tableName = tableName;
+    setTableState($grid, "tableName", tableName);
     if (option.path) {
       await getTableData(that, option.tableRef, "isQueryAllPage", (res1) => {
         let result = res1.objx ? res1.objx.data : null;
@@ -113,7 +123,7 @@ async function initVxeTable(option) {
             json.searchColumns
           );
           $grid.searchColumns = searchColumns;
-          initExportColumns($grid, json);
+          initExportColumns($grid, tableState, json);
         }
       }
       if (!searchColumns || !searchColumns.length) {
@@ -137,10 +147,11 @@ async function initVxeTable(option) {
   option.isQueryAllPage = isQueryAllPage;
   let nOption = initOption(option);
 
-  // isQueryAllPage 的唯一事实源是表格实例（checkQueryTotal 也写这里），
-  // pager 插槽与代理 ajax.query 均读 $grid.isQueryAllPage，初始化必须回写，
+  // isQueryAllPage 的事实源是 $grid.params（checkQueryTotal 也写这里），
+  // pager 插槽与代理 ajax.query 均读它，初始化必须回写，
   // 否则首屏恒为 undefined：既丢用户存的偏好，也让页面配置的 false 不生效。
-  $grid.isQueryAllPage = isQueryAllPage;
+  tableState.isQueryAllPage = isQueryAllPage;
+  setTableState($grid, "isQueryAllPage", isQueryAllPage);
 
   if (tableName) {
     nOption.tableName = tableName;
@@ -157,12 +168,14 @@ async function initVxeTable(option) {
   // nOption.getCellValue = getCellValue;
   // nOption.createParams = createParams;
   // nOption.searchColumns = searchColumns;
-  // 注意：isQueryAllPage 不放 params——它是运行时可变状态，事实源在 $grid 上（见上方回写）
+  // 运行时可变状态（tableName / isQueryAllPage / exportColumns / exportItemColumns）
+  // 一并放进 params：params 随 vxeOption 由页面持有，grid 被 v-if 销毁重建后依然带着这些值
   let params = {
     originOption,
     getCellValue,
     createParams,
     searchColumns,
+    ...tableState,
   };
   if (!nOption.params) nOption.params = {};
   Object.assign(nOption.params, params);
@@ -193,6 +206,35 @@ function handleToolbar($grid, option) {
   }
 }
 
+/**
+ * grid 被 v-if 销毁重建后调用（页面把 showTable 从 false 切回 true 之类）。
+ *
+ * 状态类（tableName / isQueryAllPage / exportColumns…）已经随 params 跨重建存活，
+ * 这里只重做「绑在实例或 DOM 上、params 带不走」的那部分：
+ *   - columnDrop：Sortable 绑的是旧表头 DOM，重建后新表头上什么都没有，列拖拽会静默失效；
+ *   - handleToolbar：$grid.connect(toolbar) 是实例间的连接，重建后失联。
+ * 必须等新 grid 渲染出表头再绑，所以整体放在 $nextTick 里。
+ */
+function rebindGrid(that, tableRef) {
+  let $grid = getGrid(that, tableRef);
+  let originOption = $grid && $grid.params && $grid.params.originOption;
+  if (!originOption) {
+    // 没走过 initVxeTable 的表格没有 params.originOption，无从重绑
+    return Promise.resolve(false);
+  }
+  $grid.originOption = originOption;
+  // vxeFilter 已改为直接 import 工具函数，这里补挂只为兼容直接读 $table.getCellValue 的业务代码
+  if ($grid.$refs && $grid.$refs.xTable) {
+    $grid.$refs.xTable.getCellValue = getCellValue;
+    $grid.$refs.xTable.createParams = createParams;
+  }
+  return $grid.$nextTick().then(() => {
+    columnDrop(that, originOption.tableName, tableRef);
+    handleToolbar($grid, originOption);
+    return true;
+  });
+}
+
 //操作列自动补全
 function handleCustomAlign(option) {
   let selfConfig = getSelfConfig();
@@ -270,6 +312,16 @@ function columnDrop(t, tableName, tableRef) {
   if (!$table) {
     return;
   }
+  // 表头尚未渲染（grid 刚被 v-if 重建、DOM 还没就绪）时 querySelector 返回 null，
+  // Sortable.create(null) 会直接抛错，这里降级为不绑定，由调用方在 $nextTick 后重试
+  const headerElem =
+    $table.$el &&
+    $table.$el.querySelector(
+      ".body--wrapper>.vxe-table--header .vxe-header--row"
+    );
+  if (!headerElem) {
+    return;
+  }
   // if (!$table.params) $table.params = {};
   if ($table.sortable) {
     $table.sortable.destroy();
@@ -278,9 +330,7 @@ function columnDrop(t, tableName, tableRef) {
   let dragStartIndex = -1;
   let dragEndIndex = -1;
   $table.sortable = configUtil.Sortable.create(
-    $table.$el.querySelector(
-      ".body--wrapper>.vxe-table--header .vxe-header--row"
-    ),
+    headerElem,
     {
       handle: ".vxe-header--column:not(.col--fixed)",
       onMove: (a, b, c) => {
@@ -546,7 +596,7 @@ function initOption(opts) {
               " " + tableDataInfo.visibleData.length + " "
             ),
           ];
-          if (pager && $grid.isQueryAllPage) {
+          if (pager && getTableStateValue($grid, "isQueryAllPage")) {
             celems.push(
               h(
                 "span",
@@ -648,7 +698,7 @@ function initOption(opts) {
               }
 
               let $grid = getGrid(that, opts.tableRef);
-              let isQueryAllPage = $grid.isQueryAllPage;
+              let isQueryAllPage = getTableStateValue($grid, "isQueryAllPage");
               let pathStr1 = "";
               if (isQueryAllPage === false) {
                 queryParams.searchCount = false;
@@ -926,11 +976,13 @@ function addTableJson(that, $grid, tableName, columns, success) {
     columns: saveColumn,
     searchColumns: searchColumns,
   };
-  if ($grid.exportColumns && $grid.exportColumns.length) {
-    jsonData.exportColumns = $grid.exportColumns;
+  let exportColumns = getTableStateValue($grid, "exportColumns");
+  let exportItemColumns = getTableStateValue($grid, "exportItemColumns");
+  if (exportColumns && exportColumns.length) {
+    jsonData.exportColumns = exportColumns;
   }
-  if ($grid.exportItemColumns && $grid.exportItemColumns.length) {
-    jsonData.exportItemColumns = $grid.exportItemColumns;
+  if (exportItemColumns && exportItemColumns.length) {
+    jsonData.exportItemColumns = exportItemColumns;
   }
   let json = encodeURIComponent(JSON.stringify(jsonData));
 
@@ -1020,12 +1072,14 @@ function initColumn(option, syncColumns) {
   return newColumns;
 }
 
-function initExportColumns($grid, json) {
+function initExportColumns($grid, tableState, json) {
   if (json?.exportColumns?.length) {
-    $grid.exportColumns = json.exportColumns;
+    tableState.exportColumns = json.exportColumns;
+    setTableState($grid, "exportColumns", json.exportColumns);
   }
   if (json?.exportItemColumns?.length) {
-    $grid.exportItemColumns = json.exportItemColumns;
+    tableState.exportItemColumns = json.exportItemColumns;
+    setTableState($grid, "exportItemColumns", json.exportItemColumns);
   }
 }
 
@@ -1141,7 +1195,7 @@ function getTableData(that, tableRef, type, success) {
   )
     return false;
   let $grid = getGrid(that, tableRef);
-  let tableName = $grid.tableName;
+  let tableName = getTableStateValue($grid, "tableName");
   let url = USER_PREFIX + "/table_column/getTableData";
   let param = {
     tableName: tableName,
@@ -1163,7 +1217,7 @@ function addTableData(that, tableRef, value, success) {
   )
     return false;
   let $grid = getGrid(that, tableRef);
-  let tableName = $grid.tableName;
+  let tableName = getTableStateValue($grid, "tableName");
   if (tableName) {
     that.$http({
       method: "post",
@@ -1180,8 +1234,7 @@ function addTableData(that, tableRef, value, success) {
 
 function checkQueryTotal(that, tableRef, value) {
   let $grid = getGrid(that, tableRef);
-  $grid.isQueryAllPage = value;
-  let tableName = $grid.tableName;
+  setTableState($grid, "isQueryAllPage", value);
   let option = $grid.getProxyInfo();
   let pagerConfig = $grid.pagerConfig;
 
@@ -1201,6 +1254,7 @@ function getPagerConfigLayouts(opts) {
 modules = {
   initVxeTable,
   columnDrop,
+  rebindGrid,
   initOption,
   getTableJson,
   addTableJson,
@@ -1212,6 +1266,8 @@ modules = {
   checkQueryTotal,
   getCellValue,
   createParams,
+  getTableStateValue,
+  setTableState,
 };
 
 if (!configUtil.Vue.prototype.$vxeTableUtil)

package/src/components/table/state.js

@@ -0,0 +1,42 @@
+/**
+ * 表格运行时状态收口。
+ *
+ * 背景：initVxeTable 早期把 tableName / isQueryAllPage / exportColumns 等运行时状态
+ * 直接挂在 vxe-grid 实例上。页面若用 v-if 销毁重建 grid 而不重跑 initVxeTable
+ * （如 pmd/product_problem_record/list.vue 里 showTable false→true 那一段），
+ * 新实例上这些属性全为 undefined，表现为：
+ *   - 导出字段勾选丢失，且下次 addTableJson 会把服务端已存的 exportColumns 一并抹掉；
+ *   - “查询全部页”偏好静默存不进去（tableName 取不到）；
+ *   - 分页器 total 与切换图标状态错乱（isQueryAllPage 恒 falsy）。
+ * 同源问题还导致过筛选面板的 $table.getCellValue is not a function。
+ *
+ * 现在统一存放在 $grid.params 上：params 对象随 vxeOption 由页面持有，
+ * 重建时原样传给新实例，因此状态可以跨重建存活。
+ *
+ * 兼容：写入时同步回写 $grid 实例属性，读取时 params 里没有再回落到实例属性。
+ * 未经 initVxeTable 初始化的表格（xform 自建 option 等）行为与改造前完全一致。
+ */
+
+/** 读状态：优先 params，回落实例属性 */
+export function getTableStateValue($grid, key) {
+  if (!$grid) return undefined;
+  let params = $grid.params;
+  if (params) {
+    let value = params[key];
+    if (value !== undefined && value !== null) return value;
+  }
+  return $grid[key];
+}
+
+/** 写状态：params 与实例属性同时写，保证新旧读法都拿到同一个值 */
+export function setTableState($grid, key, value) {
+  if (!$grid) return;
+  // params 是 prop 对象，只改其中的 key，不整体重新赋值
+  if ($grid.params) $grid.params[key] = value;
+  $grid[key] = value;
+}
+
+export default {
+  getTableStateValue,
+  setTableState,
+};

package/src/components/table/vxeFilter/index.js

@@ -3,6 +3,8 @@ import XEUtils from 'xe-utils';
 import FilterComplex from './FilterComplex.vue';
 import FilterContent from './FilterContent.vue';
 import FilterInput from './FilterInput.vue';
+// 同 mixin.js：直接引用工具函数，避免依赖 $table 实例上的补丁方法
+import { getCellValue } from '../util/index';
 
 let moudule = {};
 let configUtil = {
@@ -77,7 +79,7 @@ configUtil.VXETable.renderer.add('FilterContent', {
     const {
       vals
     } = option.data;
-    let cellValue = obj.$table.getCellValue(obj);
+    let cellValue = getCellValue(obj);
     return vals.includes(cellValue);
   }
 });
@@ -140,7 +142,7 @@ configUtil.VXETable.renderer.add('FilterInput', {
       data
     } = option;
 
-    let cellValue = obj.$table.getCellValue(obj);
+    let cellValue = getCellValue(obj);
 
     if (cellValue) {
       return cellValue.indexOf(data) > -1;

package/src/components/table/vxeFilter/mixin.js

@@ -1,3 +1,9 @@
+// 直接引用工具函数，不走 $table 实例上的补丁方法：
+// initVxeTable 只把 getCellValue/createParams 挂在初始化时的那个 xTable 实例上，
+// 页面若用 v-if 销毁重建 vxe-grid（如 product_problem_record/list.vue），
+// 新实例上没有这两个方法，筛选面板会报 $table.getCellValue is not a function
+import { getCellValue, createParams } from "../util/index";
+
 let modules = {};
 
 modules = {
@@ -51,7 +57,7 @@ modules = {
         let lsm = {};
         let colValList = [];
         fullData.map((row, $rowIndex) => {
-          let cellValue = $table.getCellValue({
+          let cellValue = getCellValue({
             row,
             $rowIndex,
             $table,
@@ -100,19 +106,19 @@ modules = {
               return false;
             }
             const vals = option1.data.vals || [];
-            let param = $table.createParams({
+            let param = createParams({
               $table: $table,
               row,
               column: filterColumn,
             });
-            let cellValue = $table.getCellValue(param);
+            let cellValue = getCellValue(param);
             return !vals.includes(cellValue);
           });
           return item == null;
         });
         let lsm2 = {};
         datas.map((row, $rowIndex) => {
-          let cellValue = $table.getCellValue({
+          let cellValue = getCellValue({
             row,
             $rowIndex,
             $table,

package/src/components/wf/content.vue

@@ -6,7 +6,10 @@
     v-if="!isHideWf"
   >
     <template #default>
+      <!-- 审批按钮条留在流程模块内，不随 wfActionInHeaderEnabled 搬走或隐藏。
+           开了该开关时，详情标题栏另挂一份「流程操作」下拉（wfActionDropdown.vue）。 -->
       <div
+        ref="wfActionBar"
         style="margin: -36px 0 8px 124px; position: relative; z-index: 2; height: 28px"
         v-if="!wfConfig.hiddenAllButton"
       >
@@ -97,6 +100,7 @@
         </el-button>
         <addOpinionButton
           v-if="showAddOpinionButton"
+          ref="addOpinionBtn"
           @confirm="reloadContent()"
           :wfInfo="wfInfo"
           :wfSendTaskId="wfSendTaskId"