fmui-base 2.2.88 → 2.2.90

package/README.md

@@ -3,6 +3,8 @@
 ---npm publish
 
 ## 更新日志 
+- 2.2.90：表单时间字段偶发保存成时间戳
+- 2.2.89：表单子表支持一行多列显示，并支持扩展
 - 2.2.88：表单关联字段重构
 - 2.2.87：选人组件添加隐藏页签,增加业务建模表单组件
 - 2.2.86: 流程表单按钮超过三个按钮显示更多，修改更多按钮样式，待办保存按钮强制放到更多里面

package/lib/form/form.js

@@ -7,6 +7,8 @@ exports.default = undefined;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 var _react = require('react');
@@ -1101,12 +1103,14 @@ var PageHome = function (_React$Component) {
                 item.value = dateStr;
               }
             });
-          } else if (value && value.length >= 10) {
+          } else if (typeof value === 'number' && !isNaN(value)) {
+            // 接口偶发返回时间戳：保留数字供组件展示，提交值在下方 sync 时格式化
+          } else if (value && typeof value === 'string' && value.length >= 10) {
             value = value.substring(0, 19);
             value = new Date(value.replace(/-/g, "/")).getTime();
-          } else if (value && value.length == 4 && dateFormat == "Y") {
+          } else if (value && typeof value === 'string' && value.length == 4 && dateFormat == "Y") {
             value = new Date(value).getTime();
-          } else if (value && value.length == 7 && dateFormat == "YM") {
+          } else if (value && typeof value === 'string' && value.length == 7 && dateFormat == "YM") {
             value = new Date(value).getTime();
           } else {
             for (var i = 0; i < mainTblData.length; i++) {
@@ -1504,9 +1508,13 @@ var PageHome = function (_React$Component) {
           itemType = itemParam.itemType;
         }
         if (itemType == 'text' || itemType == 'textarea' || itemType == 'datetime') {
+          var syncValue = value;
+          if (itemType == 'datetime') {
+            syncValue = t.getDatetimeSaveValue(value, itemParam.dateFormat, itemParam.dateFormatShow);
+          }
           for (var i = 0; i < data.mainTblData.length; i++) {
             if (itemParam.key == data.mainTblData[i].key) {
-              data.mainTblData[i].value = value;
+              data.mainTblData[i].value = syncValue;
             }
           }
         }
@@ -1594,6 +1602,9 @@ var PageHome = function (_React$Component) {
               $("." + itemParam.fieldId).find(".t-datetime-field-placeholder").attr("style", placeholderStyleStr);
             }
           }
+          if (t.props.dataType === 'sub') {
+            t.applySubFormLabelStyle(itemParam);
+          }
           this.props.onChange(data, itemParam);
         });
       }
@@ -1910,6 +1921,51 @@ var PageHome = function (_React$Component) {
     value: function componentDidMount() {
       this.loadComponet();
     }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate() {
+      if (this.props.dataType === 'sub' && this.state.loaded && this.state.itemParam && this.state.itemParam.fieldId) {
+        this.applySubFormLabelStyle(this.state.itemParam);
+      }
+    }
+
+    // 子表标签：单列保留主表边距，仅同步字号颜色；多列去掉 label 左边距
+
+  }, {
+    key: 'applySubFormLabelStyle',
+    value: function applySubFormLabelStyle(itemParam) {
+      if (!itemParam || !itemParam.fieldId || typeof $ === 'undefined') {
+        return;
+      }
+      var subColumnCount = parseInt(this.props.subColumnCount, 10);
+      var isSubFormMultiCol = this.props.dataType === 'sub' && !isNaN(subColumnCount) && subColumnCount > 1;
+      var ts = itemParam.formStyleObj && itemParam.formStyleObj.titleStyle ? itemParam.formStyleObj.titleStyle : {};
+      var styleStr = 'font-size:14px;line-height:24px;color:rgb(51, 51, 51);font-weight:bold;';
+      if (ts.fontSize) {
+        styleStr += 'font-size:' + ts.fontSize + ';';
+      }
+      if (ts.color) {
+        styleStr = styleStr.replace(/color:[^;]+;?/, '') + 'color:' + ts.color + ';';
+      }
+      if (ts.fontFamily) {
+        styleStr += 'font-family:' + ts.fontFamily + ';';
+      }
+      if (ts.fontWeight) {
+        styleStr += 'font-weight:' + ts.fontWeight + ';';
+      }
+      if (ts.fontStyle) {
+        styleStr += 'font-style:' + ts.fontStyle + ';';
+      }
+      if (isSubFormMultiCol) {
+        styleStr += 'margin-left:0;padding-left:0;padding-right:0;';
+      }
+      var $root = $('.' + itemParam.fieldId);
+      $root.find('.t-field-layout-v-label-left').attr('style', styleStr);
+      $root.find('.t-field-layout-h-label').attr('style', styleStr);
+      if (isSubFormMultiCol) {
+        $root.find('.t-field-layout-v-label').attr('style', styleStr);
+      }
+    }
 
     //重新加载组件；options.silent=true 时不向上触发 onChange（用于字段关联批量刷新，避免死循环）
 
@@ -1960,6 +2016,12 @@ var PageHome = function (_React$Component) {
                 selectText = selectText.substring(0, selectText.length - 1);
               }
               checkboxValueHas = true;
+            } else if (itemParam.itemType == 'datetime') {
+              itemParam[key] = itemNew[i].value;
+              if (this.props.data) {
+                var saveVal = this.getDatetimeSaveValue(itemNew[i].value, itemParam.dateFormat, itemParam.dateFormatShow);
+                this.editData(itemParam.key, saveVal, this.props.data);
+              }
             } else {
               itemParam[key] = itemNew[i].value;
             }
@@ -2636,6 +2698,45 @@ var PageHome = function (_React$Component) {
       return weekdays[dayIndex];
     }
 
+    // 时间字段提交值：统一格式化为字符串，避免 mainTblData 存入时间戳
+
+  }, {
+    key: 'getDatetimeSaveValue',
+    value: function getDatetimeSaveValue(value, dateFormat, dateFormatShow) {
+      if (value == null || value === '') {
+        return '';
+      }
+      if (dateFormat === 'DateInterval') {
+        if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.startDate != null && value.endDate != null) {
+          return this.dateFormat(value, dateFormat, dateFormatShow) || '';
+        }
+        if (typeof value === 'string' && value.indexOf(' - ') >= 0) {
+          return value;
+        }
+        return '';
+      }
+      var raw = value;
+      if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value != null && value.value != null) {
+        raw = value.value;
+      }
+      if (typeof raw === 'string') {
+        if (raw.length >= 10 && raw.indexOf('-') >= 0) {
+          return raw.substring(0, 19);
+        }
+        if (/^\d+$/.test(raw)) {
+          raw = parseInt(raw, 10);
+        }
+      }
+      if (typeof raw === 'number' && !isNaN(raw)) {
+        return this.dateFormat(raw, dateFormat, dateFormatShow) || '';
+      }
+      var d = new Date(raw);
+      if (!isNaN(d.getTime())) {
+        return this.dateFormat(d.getTime(), dateFormat, dateFormatShow) || '';
+      }
+      return '';
+    }
+
     //时间
 
   }, {
@@ -2647,18 +2748,27 @@ var PageHome = function (_React$Component) {
       var itemParam = this.state.itemParam;
       var dateFormat = itemParam.dateFormat;
       var dateFormatShow = itemParam.dateFormatShow;
+      var dateStr = '';
       if (dateFormat == "DateInterval") {
-        if (value.startDate && value.endDate) {
-          var dateStr = this.dateFormat(value, dateFormat, dateFormatShow);
-          data = this.editData(code, dateStr, data);
+        if (value && value.startDate && value.endDate) {
+          dateStr = t.getDatetimeSaveValue(value, dateFormat, dateFormatShow);
+          data = t.editData(code, dateStr, data);
         }
       } else {
-        var dateStr = this.dateFormat(value.value, dateFormat);
-        if (dateFormat == "YMDT") {
-          //年月日，上下午修改数据
-          value.value = new Date(dateStr.replace(/-/g, "/")).getTime();
+        var pickerVal = value && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.value != null ? value : { value: value };
+        dateStr = t.getDatetimeSaveValue(pickerVal, dateFormat, dateFormatShow);
+        data = t.editData(code, dateStr, data);
+        if (dateFormat == "YMDT" && dateStr) {
+          pickerVal.value = new Date(dateStr.replace(/-/g, "/")).getTime();
+        } else if (typeof pickerVal.value === 'string' && /^\d+$/.test(pickerVal.value)) {
+          pickerVal.value = parseInt(pickerVal.value, 10);
+        } else if (dateStr && (typeof pickerVal.value !== 'number' || isNaN(pickerVal.value))) {
+          var ts = new Date(dateStr.replace(/-/g, '/')).getTime();
+          if (!isNaN(ts)) {
+            pickerVal.value = ts;
+          }
         }
-        data = this.editData(code, dateStr, data);
+        value = pickerVal;
       }
 
       itemParam.value = value;
@@ -2743,7 +2853,7 @@ var PageHome = function (_React$Component) {
       var itemParam = this.state.itemParam;
       var dateFormat = itemParam.dateFormat;
 
-      var dateStr = this.dateFormat(value.value, dateFormat);
+      var dateStr = this.getDatetimeSaveValue(value, dateFormat);
       data = this.editData(code, dateStr, data);
       itemParam.value = value;
       itemParam.selectValue = dateStr;
@@ -3583,9 +3693,16 @@ var PageHome = function (_React$Component) {
         //   itemParam:itemParam
         // })
       }
+      var subColumnCount = parseInt(t.props.subColumnCount, 10);
+      var isSubFormMultiCol = t.props.dataType === 'sub' && !isNaN(subColumnCount) && subColumnCount > 1;
+      var subFormFieldLayout = isSubFormMultiCol ? 'v' : 'h';
+      var rootClassName = this.state.itemParam.isHidden ? 't-DN' : '';
+      if (isSubFormMultiCol) {
+        rootClassName = (rootClassName ? rootClassName + ' ' : '') + 'subform-col-field';
+      }
       return _react2.default.createElement(
         'div',
-        { className: this.state.itemParam.isHidden ? "t-DN" : "" },
+        { className: rootClassName },
         this.state.itemParam.itemType == 'text' ? _react2.default.createElement(
           _Group2.default.List,
           { borderTopNone: true },
@@ -3613,6 +3730,7 @@ var PageHome = function (_React$Component) {
               { className: 't-FBH', id: t.state.prefixName + "_" + t.state.itemParam.key },
               _react2.default.createElement(_TextareaField2.default, {
                 className: 't-W100',
+                layout: subFormFieldLayout,
                 required: t.state.itemParam.required,
                 label: t.state.itemParam.title,
                 readOnly: t.state.itemParam.readOnly,
@@ -3631,9 +3749,10 @@ var PageHome = function (_React$Component) {
             { className: t.state.itemParam.fieldId, style: t.state.itemParam.formStyleObj.contentStyle == null ? {} : t.state.itemParam.formStyleObj.contentStyle },
             _react2.default.createElement(
               'div',
-              { className: 't-FBH', id: t.state.prefixName + "_" + t.state.itemParam.key },
+              { className: isSubFormMultiCol ? '' : 't-FBH', id: t.state.prefixName + "_" + t.state.itemParam.key },
               _react2.default.createElement(_TextField2.default, {
                 className: 't-W100',
+                layout: subFormFieldLayout,
                 required: t.state.itemParam.required,
                 readOnly: t.state.itemParam.readOnly,
                 label: t.state.itemParam.title,
@@ -3829,9 +3948,10 @@ var PageHome = function (_React$Component) {
             { borderTopNone: true },
             _react2.default.createElement(
               'div',
-              { className: 't-FBH', id: t.state.prefixName + "_" + t.state.itemParam.key },
+              { className: isSubFormMultiCol ? '' : 't-FBH', id: t.state.prefixName + "_" + t.state.itemParam.key },
               _react2.default.createElement(_SelectField2.default, {
                 className: 't-W100',
+                layout: subFormFieldLayout,
                 required: t.state.itemParam.required,
                 label: t.state.itemParam.title,
                 readOnly: t.state.itemParam.readOnly,
@@ -3852,9 +3972,10 @@ var PageHome = function (_React$Component) {
             { borderTopNone: true },
             _react2.default.createElement(
               'div',
-              { id: t.state.prefixName + "_" + t.state.itemParam.key, className: t.state.itemParam.dateFormat == "DateInterval" ? "" : "t-FBH" },
+              { id: t.state.prefixName + "_" + t.state.itemParam.key, className: t.state.itemParam.dateFormat == "DateInterval" ? "" : isSubFormMultiCol ? "" : "t-FBH" },
               t.state.itemParam.readOnly ? _react2.default.createElement(_TextareaField2.default, {
                 className: 't-W100',
+                layout: subFormFieldLayout,
                 required: t.state.itemParam.required,
                 label: t.state.itemParam.title,
                 readOnly: t.state.itemParam.readOnly,
@@ -3883,6 +4004,8 @@ var PageHome = function (_React$Component) {
                 , onOk: t.handleChangeDate.bind(t, t.state.itemParam.key)
               }) : _react2.default.createElement(_DatetimeField2.default, {
                 className: 't-W100',
+                layout: subFormFieldLayout,
+                multiLine: isSubFormMultiCol,
                 label: t.state.itemParam.title,
                 required: t.state.itemParam.required,
                 readOnly: t.state.itemParam.readOnly,

package/lib/form/formExtHelper.js

@@ -5,103 +5,73 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.loadFlowOrFormCommon = loadFlowOrFormCommon;
 exports.resolveMobileFormExt = resolveMobileFormExt;
-/**
- * 表单扩展加载：流程 flow_common / 纯表单 form_common
- *
- * form_common 使用包内 require.context('./form_common')，避免宿主无 pages/form_common 时 webpack 告警。
- * 宿主扩展目录请通过 webpack alias 映射到 fmui-base/lib/form/form_common（见 tblform/README）。
+exports.clampSubColumnCount = clampSubColumnCount;
+exports.buildDetailItemParam = buildDetailItemParam;
+exports.applyDealwithFormParamExt = applyDealwithFormParamExt;
+exports.resolveSubColumnCountFromConfig = resolveSubColumnCountFromConfig;
+/**
+ * 表单扩展加载：流程 flow_common / 纯表单 form_common
+ *
+ * form_common 使用包内 require.context('./form_common')，避免宿主无 pages/form_common 时 webpack 告警。
+ * 宿主扩展目录请通过 webpack alias 映射到 fmui-base/lib/form/form_common（见 tblform/README）。
  */
 
 var formCommonContext = require.context('./form_common', false, /\.js$/);
 
 function loadFormCommonModule(formCode) {
-
   if (!formCode) {
-
     return null;
   }
-
   var keys = ['./' + formCode + '.js', './' + formCode];
-
   for (var i = 0; i < keys.length; i++) {
-
     if (!formCommonContext.keys().includes(keys[i])) {
-
       continue;
     }
-
     try {
-
       var mod = formCommonContext(keys[i]);
-
       return mod.default ? mod.default : mod;
     } catch (e) {
-
       // try next key
-
     }
   }
-
   return loadFormCommonFromGlobal(formCode);
 }
 
 /** 宿主可在 window 挂载 {formCode}_formCommon，无需改 node_modules */
-
 function loadFormCommonFromGlobal(formCode) {
-
   if (!formCode) {
-
     return null;
   }
-
   try {
-
     var globalName = formCode + '_formCommon';
-
     if (typeof window !== 'undefined' && window[globalName]) {
-
       return window[globalName];
     }
-
     if (typeof global !== 'undefined' && global[globalName]) {
-
       return global[globalName];
     }
   } catch (e) {
-
     // ignore
-
   }
-
   return null;
 }
 
 function loadFlowOrFormCommon(props) {
-
   var formCode = props && props.formCode || '';
-
   var module = props && props.module;
-
   if (module === undefined || module === null || module === 'undefined') {
-
     module = formCode ? '' : 'approve';
   }
 
   var FlowCommon = null;
-
   try {
-
     if (formCode) {
-
       FlowCommon = loadFormCommonModule(formCode);
     } else if (module) {
-
       var mod = require('pages/flow_common/' + module);
-
       FlowCommon = mod.default ? mod.default : mod;
     }
   } catch (e) {
-
     FlowCommon = null;
   }
 
@@ -109,44 +79,150 @@ function loadFlowOrFormCommon(props) {
 }
 
 /** form_common: {formCode}_mobileExt；流程: {module}_{formKey}_mobileExt */
-
 function resolveMobileFormExt(formCode, module, formKey) {
-
   if (formCode) {
-
     try {
-
       var extName = formCode + '_mobileExt';
-
       if (typeof eval(extName) !== 'undefined') {
-
         return eval(extName);
       }
     } catch (e) {
-
       // ignore
-
     }
-
     return null;
   }
-
   if (module && formKey) {
-
     try {
-
       var _extName = module + '_' + formKey + '_mobileExt';
-
       if (typeof eval(_extName) !== 'undefined') {
-
         return eval(_extName);
       }
     } catch (e) {
-
       // ignore
-
     }
   }
+  return null;
+}
+
+/** 将子表列数限制在 1-4；无效则返回 null */
+function clampSubColumnCount(count) {
+  if (count == null || count === '') {
+    return null;
+  }
+  var n = parseInt(count, 10);
+  if (isNaN(n)) {
+    return null;
+  }
+  return Math.max(1, Math.min(4, n));
+}
 
+function resolveSubColumnCountFromItemType(itemType) {
+  if (itemType === 'twocolumns') {
+    return 2;
+  }
+  if (itemType === 'threecolumns') {
+    return 3;
+  }
+  if (itemType === 'fourcolumns') {
+    return 4;
+  }
   return null;
+}
+
+/** 由子表字段配置构建 itemParam，供扩展方法使用 */
+function buildDetailItemParam(detailForm) {
+  if (!detailForm) {
+    return { key: '', itemType: 'detail', title: '' };
+  }
+  return {
+    id: detailForm.id,
+    title: detailForm.itemTitle,
+    key: detailForm.itemCode,
+    itemType: detailForm.itemType || 'detail',
+    uniqueName: detailForm.uniqueName,
+    subColumnCount: detailForm.subColumnCount
+  };
+}
+
+/**
+ * 调用现有表单扩展：FlowCommon.dealwithCommonFormParam、mobileExt.dealwithFormParamExt
+ * 流程：pages/flow_common/{module}；纯表单：form_common / {formCode}_mobileExt
+ */
+function applyDealwithFormParamExt(options) {
+  options = options || {};
+  var itemParam = options.itemParam;
+  if (!itemParam) {
+    itemParam = buildDetailItemParam(options.detailForm);
+  }
+  var FlowCommon = options.FlowCommon;
+  var component = options.component;
+  var module = options.module;
+  var formKey = options.formKey;
+  var formCode = options.formCode || '';
+
+  if (FlowCommon && typeof FlowCommon.dealwithCommonFormParam === 'function') {
+    itemParam = FlowCommon.dealwithCommonFormParam(itemParam, component);
+  }
+
+  var mobileExt = null;
+  try {
+    mobileExt = resolveMobileFormExt(formCode, module, formKey);
+  } catch (e) {
+    // ignore
+  }
+  if (mobileExt && typeof mobileExt.dealwithFormParamExt === 'function') {
+    itemParam = mobileExt.dealwithFormParamExt(itemParam, component);
+  }
+  if (module && mobileExt && typeof mobileExt[module + '_dealwithFormParamExt'] === 'function') {
+    itemParam = mobileExt[module + '_dealwithFormParamExt'](itemParam, component);
+  }
+  return itemParam;
+}
+
+/**
+ * 解析子表列数（扩展通过 itemParam.subColumnCount 回写，无新扩展方法）
+ * 优先级：扩展 itemParam → 子表 JSON → props → 全表单 → itemType → 默认 1
+ */
+function resolveSubColumnCountFromConfig(options) {
+  options = options || {};
+  var count = void 0;
+
+  var itemParam = options.itemParam;
+  if (itemParam && itemParam.subColumnCount != null && itemParam.subColumnCount !== '') {
+    count = clampSubColumnCount(itemParam.subColumnCount);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  var detailForm = options.detailForm;
+  if (detailForm) {
+    if (detailForm.subColumnCount != null && detailForm.subColumnCount !== '') {
+      count = clampSubColumnCount(detailForm.subColumnCount);
+      if (count != null) {
+        return count;
+      }
+    }
+    count = resolveSubColumnCountFromItemType(detailForm.itemType);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  if (options.subColumnCount != null && options.subColumnCount !== '') {
+    count = clampSubColumnCount(options.subColumnCount);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  var allForm = options.allForm;
+  if (allForm && allForm.subColumnCount != null && allForm.subColumnCount !== '') {
+    count = clampSubColumnCount(allForm.subColumnCount);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  return 1;
 }

package/lib/form/subForm.js

@@ -193,24 +193,16 @@ var PageHome = function (_React$Component) {
       itemParam.show = true;
       itemParam.value = value;
       itemParam.detailAction = form.detailAction; //添加事件名字
-      //处理特有按钮事件
-      if (FlowCommon && typeof FlowCommon.dealwithCommonFormParam === "function") {
-        itemParam = FlowCommon.dealwithCommonFormParam(itemParam, this);
-      }
-
-      //项目开发扩展
-      var mobileExt;
-      try {
-        if (formKey) {
-          mobileExt = (0, _formExtHelper.resolveMobileFormExt)(this.props.formCode, module, formKey);
-        }
-      } catch (e) {
-        // alert("exception: "+e.message);
-      }
-      if (mobileExt && typeof mobileExt["dealwithFormParamExt"] === "function") {
-        itemParam = mobileExt["dealwithFormParamExt"](itemParam, this);
-        itemType = itemParam.itemType;
-      }
+      // 流程 flow_common / 纯表单 form_common + mobileExt（可设置 itemParam.subColumnCount 等）
+      itemParam = (0, _formExtHelper.applyDealwithFormParamExt)({
+        itemParam: itemParam,
+        FlowCommon: FlowCommon,
+        module: module,
+        formKey: formKey,
+        formCode: this.state.formCode || this.props.formCode,
+        component: this
+      });
+      itemType = itemParam.itemType;
 
       this.setState({
         itemParam: itemParam
@@ -468,6 +460,266 @@ var PageHome = function (_React$Component) {
       return itemParam;
     }
 
+    // 解析子表列数（扩展在 dealwithCommonFormParam / dealwithFormParamExt 中设置 itemParam.subColumnCount）
+
+  }, {
+    key: 'resolveSubColumnCount',
+    value: function resolveSubColumnCount(props) {
+      var p = props || this.props;
+      return (0, _formExtHelper.resolveSubColumnCountFromConfig)({
+        itemParam: this.state.itemParam,
+        detailForm: p.form,
+        subColumnCount: p.subColumnCount,
+        allForm: p.allForm
+      });
+    }
+
+    // 占满整行的字段类型（多列模式下仍单列展示）
+
+  }, {
+    key: 'isSubFormFieldFullWidth',
+    value: function isSubFormFieldFullWidth(itemType) {
+      return itemType === 'textarea' || itemType === 'comment' || itemType === 'upload' || itemType === 'image' || itemType === 'html' || itemType === 'note' || itemType === 'title' || itemType === 'detail';
+    }
+
+    // 子表多列时可自动增高、内容换行的字段（单行文本/浮点等）
+
+  }, {
+    key: 'isSubFormFieldAutoWrap',
+    value: function isSubFormFieldAutoWrap(itemType) {
+      return itemType === 'text';
+    }
+
+    // 下拉、时间（右侧箭头需与值同一行对齐）
+
+  }, {
+    key: 'isSubFormFieldPickType',
+    value: function isSubFormFieldPickType(itemType) {
+      return itemType === 'select' || itemType === 'datetime';
+    }
+
+    // 子表多列字段单元格 class
+
+  }, {
+    key: 'getSubFormFieldSlotClass',
+    value: function getSubFormFieldSlotClass(multiCol, fullWidth, itemType) {
+      if (!multiCol || fullWidth) {
+        return '';
+      }
+      if (this.isSubFormFieldAutoWrap(itemType)) {
+        return 'subform-col-field-slot subform-col-field-slot-text';
+      }
+      if (this.isSubFormFieldPickType(itemType)) {
+        return 'subform-col-field-slot subform-col-field-slot-pick';
+      }
+      return 'subform-col-field-slot subform-col-field-slot-fixed';
+    }
+
+    // 子表标签样式：多列去掉边距；单列不覆盖边距，与主表 SaltUI 默认一致
+
+  }, {
+    key: 'getSubFormLabelCssText',
+    value: function getSubFormLabelCssText(isMultiCol) {
+      var ts = this.props.formStyle && this.props.formStyle.titleStyle ? this.props.formStyle.titleStyle : {};
+      var css = {
+        fontSize: '14px',
+        lineHeight: '24px',
+        color: 'rgb(51, 51, 51)',
+        fontWeight: 'bold',
+        background: 'transparent'
+      };
+      if (isMultiCol) {
+        css.marginLeft = '0';
+        css.padding = '4px 0 0 0';
+        css.paddingLeft = '0';
+        css.paddingRight = '0';
+      }
+      if (ts.fontSize) {
+        css.fontSize = ts.fontSize;
+      }
+      if (ts.color) {
+        css.color = ts.color;
+      }
+      if (ts.fontWeight) {
+        css.fontWeight = ts.fontWeight;
+      }
+      if (ts.fontFamily) {
+        css.fontFamily = ts.fontFamily;
+      }
+      if (ts.fontStyle) {
+        css.fontStyle = ts.fontStyle;
+      }
+      var parts = [];
+      Object.keys(css).forEach(function (k) {
+        var key = k.replace(/[A-Z]/g, function (m) {
+          return '-' + m.toLowerCase();
+        });
+        parts.push(key + ':' + css[k]);
+      });
+      return parts.join(';');
+    }
+  }, {
+    key: 'renderSubFormLabelStyle',
+    value: function renderSubFormLabelStyle(isMultiCol) {
+      if (!isMultiCol) {
+        return null;
+      }
+      var scope = '.subform-fields-wrap.subform-fields-multi';
+      var labelCss = this.getSubFormLabelCssText(true);
+      return _react2.default.createElement('style', { dangerouslySetInnerHTML: { __html: [scope + ' .t-field-layout-v-label,', scope + ' .t-field-layout-v-label-left,', scope + ' .t-field-layout-h-label,', scope + ' .t-field-layout-h-label-left{' + labelCss + '}', scope + ' .t-field-layout-v-label,' + scope + ' .t-field-layout-h-label{color:rgb(51,51,51)!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;}'].join('') } });
+    }
+
+    // 子表多列布局样式（按行分组，避免 flex-wrap 导致错位）
+
+  }, {
+    key: 'renderSubFormFieldsStyle',
+    value: function renderSubFormFieldsStyle(subColumnCount) {
+      if (subColumnCount <= 1) {
+        return null;
+      }
+      var scope = '.subform-fields-wrap.subform-fields-multi';
+      var row = scope + ' .subform-fields-row';
+      var slot = scope + ' .subform-field-col>.subform-col-field-slot';
+      var col = scope + ' .subform-col-field';
+      var text = scope + ' .subform-col-field-slot-text';
+      var pick = scope + ' .subform-col-field-slot-pick';
+      var pickCol = pick + ' ' + col;
+      return _react2.default.createElement('style', { dangerouslySetInnerHTML: { __html: [scope + '{display:block;}', row + '{display:flex;align-items:stretch;width:100%;border-bottom:0.5px solid #e9ebee;box-sizing:border-box;}', scope + ' .subform-field-full{width:100%;box-sizing:border-box;border-bottom:0.5px solid #e9ebee;}', scope + ' .subform-field-col{display:flex;flex-direction:column;box-sizing:border-box;}', scope + ' .subform-field-col-empty{visibility:hidden;}', slot + '{box-sizing:border-box;padding:8px 16px 8px 0;overflow:hidden;}', col + '{width:100%;}', col + ' .t-group-list{border-bottom:none!important;background:transparent;}', col + ' .t-group-list-item::after{display:none!important;}', col + '>.t-group-list>.t-group-list-item::after{display:none!important;}', col + ' .t-field-box.t-field-content-box{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-height:0!important;padding-left:0!important;padding-right:0!important;}', col + ' .t-field-layout-h-label,' + col + ' .t-field-layout-v-label,' + col + ' .t-field-layout-v-label-left{width:100%!important;max-width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;color:rgb(51,51,51)!important;background:transparent!important;}', col + ' .t-field-box{padding-left:0!important;padding-right:0!important;}', col + ' .t-field-content-box{justify-content:flex-start!important;align-items:flex-start!important;}', col + ' .t-field-content-box .t-FB1,' + col + ' .t-field-multi{width:100%!important;max-width:100%!important;padding:0 0 4px 0!important;text-align:left!important;}', col + ' .t-field-content-box .t-FB1 span,' + col + ' .t-field-multi span,' + col + ' .t-text-field-content-main span{text-align:left!important;word-break:break-word;}', col + ' .t-text-field-content{width:100%;justify-content:flex-start!important;}', col + ' .t-text-field-input{text-align:left!important;}', text + ' .t-text-field-input,' + text + ' .t-text-field-content-main span{white-space:normal!important;word-wrap:break-word;word-break:break-word;line-height:20px;}', text + ' .t-text-field-placeholder.t-DN{display:none!important;}', pickCol + '.t-field.t-select-field.t-FBH,' + pickCol + '.t-field.t-datetime-field.t-FBH{display:block!important;position:relative!important;width:100%!important;}', pickCol + '.t-field-pos-box{width:100%!important;padding-right:28px!important;box-sizing:border-box;}', pickCol + '.t-field-layout-v-label{margin-left:0!important;padding-left:0!important;}', pickCol + '.t-field-content-box{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:24px!important;padding:2px 0 11px 0!important;}', pickCol + '.t-field-pos-icon{position:absolute!important;right:0!important;top:auto!important;bottom:10px!important;margin:0!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;}', pickCol + '.t-select-field-content,' + pickCol + '.t-datetime-field-value,' + pickCol + '.t-datetime-field-placeholder,' + pickCol + '.t-select-field-placeholder{min-height:24px!important;line-height:24px!important;}', pickCol + '.t-field-content-box>.t-FB1{flex:1!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;text-align:left!important;}', pickCol + '.t-select-field-content,' + pickCol + '.t-field-content-box>.t-FB1>div{width:100%!important;text-align:left!important;}', pickCol + '.t-select-field-placeholder,' + pickCol + '.t-datetime-field-placeholder,' + pickCol + '.t-select-field-value,' + pickCol + '.t-datetime-field-value{text-align:left!important;justify-content:flex-start!important;width:100%!important;}', pickCol + '.t-select-field-placeholder,' + pickCol + '.t-datetime-field-placeholder{position:static!important;height:auto!important;line-height:24px!important;flex:none!important;max-width:100%!important;}', pickCol + '.t-select-field-value,' + pickCol + '.t-datetime-field-value{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;}', pickCol + '.t-select-field-value .t-FB1,' + pickCol + '.t-datetime-field-value .t-FB1,' + pickCol + '.t-select-field-value span,' + pickCol + '.t-datetime-field-value span{text-align:left!important;width:100%!important;}'].join('') } });
+    }
+
+    // 将字段列表按列数拆成行（整行字段单独成行）
+
+  }, {
+    key: 'buildSubFormFieldRows',
+    value: function buildSubFormFieldRows(formFields, subColumnCount) {
+      var t = this;
+      var rows = [];
+      var currentRow = [];
+      formFields.forEach(function (item2) {
+        if (t.isSubFormFieldFullWidth(item2.itemType)) {
+          if (currentRow.length) {
+            rows.push({ type: 'cols', fields: currentRow });
+            currentRow = [];
+          }
+          rows.push({ type: 'full', field: item2 });
+        } else {
+          currentRow.push(item2);
+          if (currentRow.length >= subColumnCount) {
+            rows.push({ type: 'cols', fields: currentRow });
+            currentRow = [];
+          }
+        }
+      });
+      if (currentRow.length) {
+        rows.push({ type: 'cols', fields: currentRow });
+      }
+      return rows;
+    }
+
+    // 渲染子表一行内的单个字段（公共 props）
+
+  }, {
+    key: 'renderSubFormFieldForm',
+    value: function renderSubFormFieldForm(item2, rowIndex, subColumnCount) {
+      var t = this;
+      var formEl = _react2.default.createElement(_form2.default, {
+        className: 'subform_' + item2.uniqueName,
+        keyNo: rowIndex,
+        ref: item2.uniqueName + '_' + rowIndex,
+        dataType: 'sub',
+        subTblName: t.state.itemParam.key,
+        module: t.state.module,
+        formKey: item2.formKey,
+        status: t.state.status,
+        form: item2,
+        allForm: t.props.allForm,
+        formStyle: t.props.formStyle,
+        data: t.state.itemParam.value[rowIndex],
+        fieldControll: t.state.fieldControll,
+        caIsPrd: t.props.caIsPrd,
+        preCaFields: t.props.preCaFields,
+        formRelaFieldMaps: t.props.formRelaFieldMaps,
+        linkFields: t.props.linkFields,
+        onChange: t.changeSub.bind(t, t.state.itemParam, rowIndex),
+        reloadSubItemParam: t.reloadSubItemParam.bind(t)
+      });
+      if (subColumnCount > 1) {
+        return _react2.default.cloneElement(formEl, { subColumnCount: subColumnCount });
+      }
+      return formEl;
+    }
+
+    // 渲染子表一行内的字段列表（仅 subColumnCount>1 时多列布局，为 1 时与原版一致）
+
+  }, {
+    key: 'renderSubFormFields',
+    value: function renderSubFormFields(formFields, rowIndex) {
+      var t = this;
+      var subColumnCount = t.resolveSubColumnCount(t.props);
+
+      if (subColumnCount <= 1) {
+        return formFields.map(function (item2, j) {
+          return t.renderSubFormFieldForm(item2, rowIndex, subColumnCount);
+        });
+      }
+
+      var colWidth = 100 / subColumnCount + '%';
+      var rows = t.buildSubFormFieldRows(formFields, subColumnCount);
+      return _react2.default.createElement(
+        'div',
+        null,
+        t.renderSubFormFieldsStyle(subColumnCount),
+        _react2.default.createElement(
+          'div',
+          { className: 'subform-fields-wrap subform-fields-multi' },
+          rows.map(function (row, ri) {
+            if (row.type === 'full') {
+              var fullField = row.field;
+              return _react2.default.createElement(
+                'div',
+                { key: fullField.uniqueName || 'full_' + ri, className: 'subform-field-full' },
+                _react2.default.createElement(
+                  'div',
+                  { className: t.getSubFormFieldSlotClass(true, true, fullField.itemType) },
+                  t.renderSubFormFieldForm(fullField, rowIndex, subColumnCount)
+                )
+              );
+            }
+            var cells = [];
+            for (var ci = 0; ci < subColumnCount; ci++) {
+              var cellField = row.fields[ci];
+              if (cellField) {
+                cells.push(_react2.default.createElement(
+                  'div',
+                  {
+                    key: cellField.uniqueName || 'col_' + ri + '_' + ci,
+                    className: 'subform-field-col',
+                    style: { width: colWidth, boxSizing: 'border-box' }
+                  },
+                  _react2.default.createElement(
+                    'div',
+                    { className: t.getSubFormFieldSlotClass(true, false, cellField.itemType) },
+                    t.renderSubFormFieldForm(cellField, rowIndex, subColumnCount)
+                  )
+                ));
+              } else {
+                cells.push(_react2.default.createElement('div', {
+                  key: 'empty_' + ri + '_' + ci,
+                  className: 'subform-field-col subform-field-col-empty',
+                  style: { width: colWidth, boxSizing: 'border-box' }
+                }));
+              }
+            }
+            return _react2.default.createElement(
+              'div',
+              { key: 'row_' + ri, className: 'subform-fields-row' },
+              cells
+            );
+          })
+        )
+      );
+    }
+
     //明细显示隐藏（全部）
 
   }, {
@@ -741,9 +993,7 @@ var PageHome = function (_React$Component) {
           _react2.default.createElement(
             'div',
             { className: item.show ? "" : "t-DN" },
-            item.form.map(function (item2, j) {
-              return _react2.default.createElement(_form2.default, { className: "subform_" + item2.uniqueName, keyNo: i, ref: item2.uniqueName + '_' + i, dataType: 'sub', subTblName: t.state.itemParam.key, module: t.state.module, formKey: item2.formKey, status: t.state.status, form: item2, allForm: t.props.allForm, formStyle: t.props.formStyle, data: t.state.itemParam.value[i], fieldControll: t.state.fieldControll, caIsPrd: t.props.caIsPrd, preCaFields: t.props.preCaFields, formRelaFieldMaps: t.props.formRelaFieldMaps, linkFields: t.props.linkFields, onChange: _this2.changeSub.bind(_this2, _this2.state.itemParam, i), reloadSubItemParam: _this2.reloadSubItemParam.bind(_this2) });
-            })
+            t.renderSubFormFields(item.form, i)
           )
         );
       });
@@ -890,6 +1140,7 @@ var PageHome = function (_React$Component) {
         _react2.default.createElement(
           'div',
           { className: this.state.itemParam.show ? "" : 't-DN' },
+          t.renderSubFormLabelStyle(t.resolveSubColumnCount(t.props) > 1),
           this.getDetai()
         ),
         _react2.default.createElement(

package/lib/form/table.js

@@ -2314,6 +2314,43 @@ var PageHome = function (_React$Component) {
 		// 	})
 		// }
 
+		// 子表列数：走 form_common / flow_common / mobileExt 现有扩展（dealwithCommonFormParam、dealwithFormParamExt）
+
+	}, {
+		key: 'getSubColumnCount',
+		value: function getSubColumnCount(detailItem) {
+			var t = this;
+			if (detailItem && detailItem.__subColumnCountResolved != null) {
+				return detailItem.__subColumnCountResolved;
+			}
+			var allForm = t.props.allForm;
+			var formKey = allForm && allForm.formcode;
+			var formCode = t.state.formCode || t.props.formCode || '';
+			var module = t.props.module;
+			var flowCommonRef = FlowCommon;
+			if (!flowCommonRef && formCode) {
+				var loaded = (0, _formExtHelper.loadFlowOrFormCommon)({ formCode: formCode, module: module || '' });
+				flowCommonRef = loaded.FlowCommon;
+			}
+			var itemParam = (0, _formExtHelper.applyDealwithFormParamExt)({
+				detailForm: detailItem,
+				FlowCommon: flowCommonRef,
+				module: module,
+				formKey: formKey,
+				formCode: formCode,
+				component: t
+			});
+			var count = (0, _formExtHelper.resolveSubColumnCountFromConfig)({
+				itemParam: itemParam,
+				detailForm: detailItem,
+				subColumnCount: t.props.subColumnCount,
+				allForm: allForm
+			});
+			if (detailItem) {
+				detailItem.__subColumnCountResolved = count;
+			}
+			return count;
+		}
 	}, {
 		key: 'render',
 		value: function render() {
@@ -2343,7 +2380,7 @@ var PageHome = function (_React$Component) {
 						}.bind(this)) : item.itemType == 'detail' ? _react2.default.createElement(
 							'div',
 							{ className: "subform_" + item.itemCode },
-							_react2.default.createElement(_subForm2.default, { keyNo: i, ref: 'sub_' + item.itemCode, operate: t.props.operate, newspyj: t.props.newspyj, hasCommentField: t.props.hasCommentField, commentUpload: t.props.commentUpload, commentField: t.props.commentField, commentAttitude: t.props.commentAttitude, module: t.props.module, formKey: t.props.allForm.formcode, status: t.props.status, form: item, allForm: t.props.allForm, formStyle: t.props.formStyleObj, isCaUser: t.props.isCaUser, caFirm: t.props.caFirm, caESignatureName: t.props.caESignatureName, caFormSign: t.props.caFormSign, commentList: t.props.commentFieldList, defaultValue: t.props.defaultValue, data: t.props.data, fieldControll: t.props.fieldControll, caIsPrd: t.props.caIsPrd, preCaFields: t.props.preCaFields, formRelaFieldMaps: t.state.formRelaFieldMaps, linkFields: t.state.linkFields, isRemoveCommentFormHtml: t.props.isRemoveCommentFormHtml, inscriptionShow: t.props.inscriptionShow, onChange: this.change.bind(this) })
+							_react2.default.createElement(_subForm2.default, { keyNo: i, ref: 'sub_' + item.itemCode, subColumnCount: t.getSubColumnCount(item), operate: t.props.operate, newspyj: t.props.newspyj, hasCommentField: t.props.hasCommentField, commentUpload: t.props.commentUpload, commentField: t.props.commentField, commentAttitude: t.props.commentAttitude, module: t.props.module, formKey: t.props.allForm.formcode, status: t.props.status, form: item, allForm: t.props.allForm, formStyle: t.props.formStyleObj, isCaUser: t.props.isCaUser, caFirm: t.props.caFirm, caESignatureName: t.props.caESignatureName, caFormSign: t.props.caFormSign, commentList: t.props.commentFieldList, defaultValue: t.props.defaultValue, data: t.props.data, fieldControll: t.props.fieldControll, caIsPrd: t.props.caIsPrd, preCaFields: t.props.preCaFields, formRelaFieldMaps: t.state.formRelaFieldMaps, linkFields: t.state.linkFields, isRemoveCommentFormHtml: t.props.isRemoveCommentFormHtml, inscriptionShow: t.props.inscriptionShow, onChange: this.change.bind(this) })
 						) : _react2.default.createElement(
 							'div',
 							{ className: "form_" + item.uniqueName },
@@ -2379,7 +2416,7 @@ var PageHome = function (_React$Component) {
 								}.bind(this)) : item.itemType == 'detail' ? _react2.default.createElement(
 									'div',
 									{ className: t.state.active == item.tabCode ? "" : "t-DN" },
-									_react2.default.createElement(_subForm2.default, { className: "subform_" + item.itemCode, keyNo: i, ref: 'sub_' + item.itemCode, operate: t.props.operate, newspyj: t.props.newspyj, hasCommentField: t.props.hasCommentField, commentUpload: t.props.commentUpload, commentAttitude: t.props.commentAttitude, commentField: t.props.commentField, module: t.props.module, formKey: t.props.allForm.formcode, isCaUser: t.props.isCaUser, caFirm: t.props.caFirm, caESignatureName: t.props.caESignatureName, caFormSign: t.props.caFormSign, status: t.props.status, form: item, allForm: t.props.allForm, formStyle: t.props.formStyleObj, commentList: t.props.commentFieldList, inscriptionShow: t.props.inscriptionShow, data: t.props.data, fieldControll: t.props.fieldControll, onChange: this.change.bind(this) })
+									_react2.default.createElement(_subForm2.default, { className: "subform_" + item.itemCode, keyNo: i, ref: 'sub_' + item.itemCode, subColumnCount: t.getSubColumnCount(item), operate: t.props.operate, newspyj: t.props.newspyj, hasCommentField: t.props.hasCommentField, commentUpload: t.props.commentUpload, commentAttitude: t.props.commentAttitude, commentField: t.props.commentField, module: t.props.module, formKey: t.props.allForm.formcode, isCaUser: t.props.isCaUser, caFirm: t.props.caFirm, caESignatureName: t.props.caESignatureName, caFormSign: t.props.caFormSign, status: t.props.status, form: item, allForm: t.props.allForm, formStyle: t.props.formStyleObj, commentList: t.props.commentFieldList, inscriptionShow: t.props.inscriptionShow, data: t.props.data, fieldControll: t.props.fieldControll, onChange: this.change.bind(this) })
 								) : _react2.default.createElement(
 									'div',
 									{ className: t.state.active == item.tabCode ? "" : "t-DN" },

package/lib/process_info/processInfo.js

@@ -349,6 +349,7 @@ var PageHome = function (_React$Component) {
             userId: loginUserId,
             formItem: [],
             formStyleObj: {}, //表单字体样式
+            subColumnCount: props.subColumnCount != null && props.subColumnCount !== '' ? props.subColumnCount : 1, //子表每行列数，默认1
             formTblName: '',
             dataId: dataId,
             formId: props.formId,
@@ -7786,7 +7787,7 @@ var PageHome = function (_React$Component) {
                                         _react2.default.createElement(
                                             _Group2.default.List,
                                             null,
-                                            this.state.tableStatus == '0' ? "" : _react2.default.createElement(_table2.default, { module: this.state.module, operate: this.state.operate, editType: this.state.editType, dataId: this.state.dataId, hasCommentField: t.state.hasCommentField, newspyj: t.state.newspyj, commentField: t.state.commentField, commentAttitude: t.state.commentAttitude, status: t.state.status, form: t.state.formItem, formStyleObj: t.state.formStyleObj, allForm: t.state.form, data: t.state.editFormData, commentFieldList: t.state.commentFieldList, defaultValue: t.state.defaultValue, commentDefaultList: t.state.commentDefaultList, commentBackList: t.state.commentBackList, fieldControll: t.state.fieldControll, caIsPrd: t.state.caIsPrd, preCaFields: t.state.preCaFields, formRelaField: t.state.formRelaField, isRemoveCommentFormHtml: t.state.isRemoveCommentFormHtml, commentUpload: t.state.commentUpload, isCaUser: t.state.isCaUser, caFirm: t.state.caFirm, caESignatureName: t.state.caESignatureName, caFormSign: t.state.caFormSign, inscriptionShow: t.state.inscriptionShow, onChange: this.change.bind(this) })
+                                            this.state.tableStatus == '0' ? "" : _react2.default.createElement(_table2.default, { module: this.state.module, operate: this.state.operate, editType: this.state.editType, dataId: this.state.dataId, hasCommentField: t.state.hasCommentField, newspyj: t.state.newspyj, commentField: t.state.commentField, commentAttitude: t.state.commentAttitude, status: t.state.status, form: t.state.formItem, formStyleObj: t.state.formStyleObj, subColumnCount: t.state.subColumnCount, allForm: t.state.form, data: t.state.editFormData, commentFieldList: t.state.commentFieldList, defaultValue: t.state.defaultValue, commentDefaultList: t.state.commentDefaultList, commentBackList: t.state.commentBackList, fieldControll: t.state.fieldControll, caIsPrd: t.state.caIsPrd, preCaFields: t.state.preCaFields, formRelaField: t.state.formRelaField, isRemoveCommentFormHtml: t.state.isRemoveCommentFormHtml, commentUpload: t.state.commentUpload, isCaUser: t.state.isCaUser, caFirm: t.state.caFirm, caESignatureName: t.state.caESignatureName, caFormSign: t.state.caFormSign, inscriptionShow: t.state.inscriptionShow, onChange: this.change.bind(this) })
                                         )
                                     )
                                 )

package/lib/tblform/README.md

@@ -325,8 +325,11 @@ export default {
     // table: TblForm 实例（可访问 refs）
   },
 
-  /** 字段参数处理（Form 加载字段时调用） */
-  dealwithCommonFormParam(itemParam, form) {
+  /** 字段参数处理（子表 SubForm 加载时也会调用，可设置 subColumnCount: 1-4） */
+  dealwithCommonFormParam(itemParam, subForm) {
+    if (itemParam.key === 'sub_tbl_1') {
+      itemParam.subColumnCount = 2;
+    }
     return itemParam;
   },
 
@@ -345,12 +348,18 @@ window.test_lizhao0316_mobileExt = {
   dealwithFormItemChangeExt(itemParam, table, callback) {
     // callback([{ type: 'main', key: 'f11$', data: '联动值' }]);
   },
-  dealwithFormParamExt(itemParam, form) {
+  dealwithFormParamExt(itemParam, subForm) {
+    // 子表多列：在现有扩展里赋值 subColumnCount（1-4），SubForm/Table 会自动读取
+    if (itemParam.key === 'sub_tbl_1') {
+      itemParam.subColumnCount = 2;
+    }
     return itemParam;
   },
 };
 ```
 
+流程表单在 `pages/flow_common/{module}.js` 的 **`dealwithCommonFormParam`** 中同样可设置 `itemParam.subColumnCount`；流程页还可通过 `{module}_{formKey}_mobileExt.dealwithFormParamExt` 按子表编码区分列数。无需新增扩展方法名。
+
 ### 手动加载扩展（高级）
 
 ```javascript

package/lib/tblform/TblForm.js

@@ -81,6 +81,7 @@ var TblForm = function (_BaseTable) {
       allForm: null,
       editFormData: null,
       formStyleObj: {},
+      subColumnCount: props.subColumnCount != null && props.subColumnCount !== '' ? props.subColumnCount : 1,
       fieldControll: {},
       status: '0',
       operate: '',
@@ -135,6 +136,7 @@ var TblForm = function (_BaseTable) {
           allForm: normalized.allForm,
           editFormData: normalized.editFormData,
           formStyleObj: normalized.formStyleObj,
+          subColumnCount: normalized.subColumnCount != null ? normalized.subColumnCount : t.props.subColumnCount != null ? t.props.subColumnCount : 1,
           fieldControll: normalized.fieldControll,
           status: normalized.status,
           operate: editType || 'add',

package/lib/tblform/formFieldProps.js

@@ -22,6 +22,7 @@ function buildFormFieldProps(t, formItem) {
     form: formItem,
     allForm: t.state.allForm,
     formStyle: t.state.formStyleObj,
+    subColumnCount: t.state.subColumnCount,
     data: t.state.editFormData,
     fieldControll: t.state.fieldControll,
     isRemoveCommentFormHtml: '1',

package/lib/tblform/pureFormAdapter.js

@@ -154,6 +154,7 @@ function normalizePureMobileForm(content, editType) {
     editFormData: formData,
     status: editTypeToStatus(editType),
     fieldControll: buildFieldControllForEditType(formItem, form.formTblName, editType),
-    formStyleObj: form.formStyleObj || {}
+    formStyleObj: form.formStyleObj || {},
+    subColumnCount: form.subColumnCount != null && form.subColumnCount !== '' ? form.subColumnCount : 1
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fmui-base",
-  "version": "2.2.88",
+  "version": "2.2.90",
   "title": "fmui-base",
   "description": "fmui移动端组件",
   "main": "lib/index.js",