fmui-base 2.3.58 → 2.3.60

package/README.md

@@ -3,6 +3,8 @@
 ---npm publish
 
 ## 更新日志 
+- 2.3.60：移动端支持减签
+- 2.3.59：移动端不通过的流程允许作废，移动端支持关联流程
 - 2.3.58：移动端数据表设置字段的关联值支持用户岗位
 - 2.3.57：移动端自动通过返回后打开表单报错
 - 2.3.56：移动端再次发起自动编号重新生成

package/lib/db/db.js

@@ -383,6 +383,29 @@ context.create('FlowModuleAPI', {
       });
     }
   },
+  getRelationProcessList: {
+    url: _variables2.default.URLS.getRelationProcessList,
+    method: 'GET',
+    header: {
+      Authorization: 'Bearer ' + getLoginUserInfo().token
+    },
+    willFetch: function willFetch() {}
+  },
+  deleteRelation: {
+    url: _variables2.default.URLS.deleteRelation,
+    method: 'POST',
+    postDataFomat: 'FORM',
+    header: {
+      Authorization: 'Bearer ' + getLoginUserInfo().token
+    },
+    willFetch: function willFetch() {
+      _Toast2.default.show({
+        content: _react2.default.createElement(_loading2.default, null),
+        hasMask: true,
+        duration: 800
+      });
+    }
+  },
   startFlowTest: {
     url: _variables2.default.URLS.startFlowTest,
     method: 'POST',
@@ -688,6 +711,31 @@ context.create('FlowModuleAPI', {
       });
     }
   },
+  getSignUserList: {
+    mockUrl: 'query/getSignUserList.json',
+    header: {
+      Authorization: 'Bearer ' + getLoginUserInfo().token
+    },
+    url: _variables2.default.URLS.getSignUserList,
+    method: 'GET',
+    willFetch: function willFetch() {}
+  },
+  reduceSign: {
+    mockUrl: 'query/reduceSign.json',
+    header: {
+      Authorization: 'Bearer ' + getLoginUserInfo().token
+    },
+    url: _variables2.default.URLS.reduceSign,
+    method: 'POST',
+    postDataFomat: 'FORM',
+    willFetch: function willFetch() {
+      _Toast2.default.show({
+        content: _react2.default.createElement(_loading2.default, null),
+        hasMask: true,
+        duration: 800
+      });
+    }
+  },
   getCanJumpActivity: {
     mockUrl: 'query/getCanJumpActivity.json',
     header: {

package/lib/db/variables.js

@@ -72,6 +72,8 @@ exports.default = {
         getComponentInfoList: urlBasicPrefix + 'mobilehall/mobileoffice/getComponentInfoList' + '?', //获取关联表单字段
 
         insertBatchRelation: approveUrlPrefix + 'insertBatchRelation' + '?', // 关联流程
+        getRelationProcessList: approveUrlPrefix + 'getRelationProcessList' + '?', // 可选关联流程列表
+        deleteRelation: approveUrlPrefix + 'deleteRelation' + '?', // 删除关联流程
         startFlowTest: approveUrlPrefix + 'startFlowTest' + '?', // 检验间隔时间
         startProcess: approveUrlPrefix + 'startProcess' + '?', // 启动流程的接口
         claimTask: approveUrlPrefix + 'claimTask' + '?', //校验流程
@@ -90,6 +92,8 @@ exports.default = {
         queryFlowChart: approveUrlPrefix + "queryFlowChart" + '?', //查找流程记录
         getFlowImage: approveUrlPrefix + "getFlowImage" + '?token=' + getLoginUserInfo().token + "&processInstanceId=", //查找流程图片
         addSign: approveUrlPrefix + "addSign" + '?', //加签
+        getSignUserList: approveUrlPrefix + "getSignUserList" + '?', //减签用户列表
+        reduceSign: approveUrlPrefix + "reduceSign" + '?', //减签
         getCanJumpActivity: approveUrlPrefix + "getCanJumpActivity" + '?', //跳转流程
         jump: approveUrlPrefix + "jump" + '?', //跳转
         getDoneTaskListByProcessId: approveUrlPrefix + "getDoneTaskListByProcessId" + '?', //根据流程实例id查询已办

package/lib/form/filterEmptySubTblRows.js

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 
 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; };
 
+exports.isValidFormDataId = isValidFormDataId;
 exports.cloneAndFilterEmptySubTblRows = cloneAndFilterEmptySubTblRows;
 /**
- * 子表空行过滤（提交用）：UI 仍可留空行，仅从提交数据中去掉业务全空行。
- * 系统字段忽略；0/false 有值；宏回填有值则保留。
+ * 子表空行过滤 + 提交 formData 精简（对齐 PC runtimeUtil.getInputData）：
+ * - UI 仍可留空行，仅从提交数据中去掉业务全空行
+ * - 去掉 formItem / linkFields 等仅前端渲染用的大字段
+ * - 字段项只保留 key / value（与 PC、后端 KeyValueDto 一致）
  */
 
 var SUB_TBL_SYS_FIELDS = {
@@ -29,6 +32,27 @@ var SUB_TBL_SYS_FIELDS = {
   sort_no: true
 };
 
+/** 提交时从 formData 顶层去掉的前端元数据（PC getInputData 不携带） */
+var SUBMIT_STRIP_TOP_KEYS = {
+  formItem: true,
+  linkFields: true
+};
+
+/**
+ * 是否为可用的主表 dataId（排除 null / "null" / "undefined" / 空串）
+ * 后端 optlock 校验：已传 optlock 但 dataId 无效会直接报「数据已被他人修改」
+ */
+function isValidFormDataId(dataId) {
+  if (dataId === null || typeof dataId === 'undefined') {
+    return false;
+  }
+  var s = String(dataId).replace(/^\s+|\s+$/g, '');
+  if (s === '' || s === 'null' || s === 'undefined' || s === '-1') {
+    return false;
+  }
+  return true;
+}
+
 function isSubTblSysField(key) {
   if (key == null || key === '') {
     return true;
@@ -87,11 +111,14 @@ function isEmptySubTblBusinessRow(row) {
     return true;
   }
   for (var i = 0; i < row.length; i++) {
-    var kv = row[i];
-    if (!kv || isSubTblSysField(kv.key)) {
+    var cell = row[i];
+    if (!cell) {
       continue;
     }
-    if (hasSubTblBusinessValue(kv.value)) {
+    if (isSubTblSysField(cell.key)) {
+      continue;
+    }
+    if (hasSubTblBusinessValue(cell.value)) {
       return false;
     }
   }
@@ -111,8 +138,103 @@ function filterEmptySubTblDataList(subTblData) {
   return kept;
 }
 
+/** 对齐 PC：字段项只保留 key / value */
+function slimKeyValueItem(item) {
+  if (!item || (typeof item === 'undefined' ? 'undefined' : _typeof(item)) !== 'object') {
+    return item;
+  }
+  return {
+    key: item.key,
+    value: item.value
+  };
+}
+
+function slimKeyValueList(list) {
+  if (!list || !list.length) {
+    return list || [];
+  }
+  var out = [];
+  for (var i = 0; i < list.length; i++) {
+    out.push(slimKeyValueItem(list[i]));
+  }
+  return out;
+}
+
+function slimSubTblDataRows(subTblData) {
+  if (!subTblData || !subTblData.length) {
+    return subTblData || [];
+  }
+  var rows = [];
+  for (var i = 0; i < subTblData.length; i++) {
+    rows.push(slimKeyValueList(subTblData[i]));
+  }
+  return rows;
+}
+
+/**
+ * 去掉 formItem/linkFields，并将 main/sub/related 字段精简为 key/value
+ */
+function slimFormDataForSubmit(data) {
+  if (!data || (typeof data === 'undefined' ? 'undefined' : _typeof(data)) !== 'object') {
+    return data;
+  }
+  for (var stripKey in SUBMIT_STRIP_TOP_KEYS) {
+    if (Object.prototype.hasOwnProperty.call(SUBMIT_STRIP_TOP_KEYS, stripKey) && data.hasOwnProperty(stripKey)) {
+      delete data[stripKey];
+    }
+  }
+  // 规范化 dataId：字符串 "null" 会导致后端 optlock 按主键更新失败
+  if (!isValidFormDataId(data.dataId)) {
+    data.dataId = '';
+    // 无真实主键时不带 optlock，后端才会跳过乐观锁校验（新建/发起场景）
+    if (data.hasOwnProperty('optlock')) {
+      delete data.optlock;
+    }
+  }
+  // 对齐 PC getInputData：moduleCode / paramJson 用空串，不传 null
+  if (data.moduleCode == null || data.moduleCode === 'null' || data.moduleCode === 'undefined') {
+    data.moduleCode = '';
+  }
+  if (data.paramJson == null || data.paramJson === 'null' || data.paramJson === 'undefined') {
+    data.paramJson = '';
+  }
+  // PC 已注释写入 formVersion；无有效值时不携带，避免 formVersion:null
+  if (data.formVersion == null || data.formVersion === '' || data.formVersion === 'null' || data.formVersion === 'undefined') {
+    delete data.formVersion;
+  }
+  if (data.mainTblData) {
+    data.mainTblData = slimKeyValueList(data.mainTblData);
+  }
+  var subTbl = data.subTbl || [];
+  for (var i = 0; i < subTbl.length; i++) {
+    if (subTbl[i] && subTbl[i].subTblData) {
+      subTbl[i].subTblData = slimSubTblDataRows(subTbl[i].subTblData);
+    }
+  }
+  var relatedTbl = data.relatedTbl || [];
+  for (var r = 0; r < relatedTbl.length; r++) {
+    var related = relatedTbl[r];
+    if (!related) {
+      continue;
+    }
+    if (related.relatedMainTblData) {
+      related.relatedMainTblData = slimKeyValueList(related.relatedMainTblData);
+    }
+    var relatedSub = related.relatedSubTblData;
+    if (!relatedSub) {
+      continue;
+    }
+    for (var s = 0; s < relatedSub.length; s++) {
+      if (relatedSub[s] && relatedSub[s].subTblData) {
+        relatedSub[s].subTblData = slimSubTblDataRows(relatedSub[s].subTblData);
+      }
+    }
+  }
+  return data;
+}
+
 /**
- * 深拷贝后过滤空子表行（不改动页面 state / UI）
+ * 深拷贝后过滤空子表行，并精简为与 PC getInputData 一致的提交结构（不改动页面 state / UI）
  */
 function cloneAndFilterEmptySubTblRows(editFormData) {
   if (!editFormData) {
@@ -142,7 +264,7 @@ function cloneAndFilterEmptySubTblRows(editFormData) {
       }
     }
   }
-  return data;
+  return slimFormDataForSubmit(data);
 }
 
 exports.default = cloneAndFilterEmptySubTblRows;

package/lib/form/form.js

@@ -423,9 +423,39 @@ var PageHome = function (_React$Component) {
         //处理数据
         var tableData = {};
         if (status == '0') {
-          //新增 
-          //新增 
-          value = form.defaultValue;
+          //新增 / 再次发起(readd 也走 status=0 以便自动编号取 defaultValue)
+          // 再次发起等场景：formData 已带回原值。若一律用 defaultValue，普通字段会空，且后面 sync 会冲掉 mainTblData。
+          // 但自动编号/赋值宏必须继续用重新生成的 defaultValue，不能继承原单编号。
+          var loadedValue = this.dealwithData(itemParam, mainTblData, relatedTbl);
+          var hasLoadedField = false;
+          if (formTblId.indexOf(fieldTblId) > 0) {
+            relatedTbl.map(function (item) {
+              if (item.relatedMainTblName == fieldTblName) {
+                item.relatedMainTblData.map(function (item2) {
+                  if (item2.key == key) {
+                    hasLoadedField = true;
+                  }
+                });
+              }
+            });
+          } else {
+            mainTblData.map(function (item) {
+              if (item.key == key) {
+                hasLoadedField = true;
+              }
+            });
+          }
+          var isBizCodeMacroEarly = form.dataAttr && form.dataAttr.dataSrc == '2' && form.dataAttr.fromMacro && form.dataAttr.fromMacro.value == 'bizCode';
+          var inFuzhiFields = !!(fuzhiFields && fuzhiFields.split(",").indexOf(uniqueName) != -1);
+          // 赋值字段 或 自动编号宏：有新 defaultValue 时强制重生（对齐上次「再次发起自动编号重新生成」）
+          var shouldRegenDefault = form.defaultValue != null && form.defaultValue !== '' && (inFuzhiFields || isBizCodeMacroEarly);
+          if (shouldRegenDefault) {
+            value = form.defaultValue;
+          } else if (hasLoadedField) {
+            value = loadedValue || loadedValue === 0 ? loadedValue : form.defaultValue != null ? form.defaultValue : '';
+          } else {
+            value = form.defaultValue;
+          }
 
           if (formTblId.indexOf(fieldTblId) > 0) {
             var hasTable = false;
@@ -445,7 +475,7 @@ var PageHome = function (_React$Component) {
               //字段不存在
 
               tableData.key = key;
-              tableData.value = form.defaultValue;
+              tableData.value = value;
               tableData.required = required;
               tableData.label = title;
               tableData.inputFormat = form.inputFormat;
@@ -484,7 +514,7 @@ var PageHome = function (_React$Component) {
             });
             if (!hasField) {
               tableData.key = key;
-              tableData.value = form.defaultValue;
+              tableData.value = value;
               tableData.required = required;
               tableData.label = title;
               tableData.inputFormat = form.inputFormat;
@@ -703,13 +733,19 @@ var PageHome = function (_React$Component) {
         //     value = form.defaultValue;
         // }
         // 宏值新需求，赋值字段取defaultValue；自动编号额外兜底 form.value，避免 formData 偶发缺字段导致空白/丢数
+        // 再次发起(status=0)：即使 formData 已有旧编号，赋值/自动编号仍强制用重新生成的 defaultValue
         if (itemParam.dataAttr && itemParam.dataAttr.dataSrc == '2' && fuzhiFields != '') {
           var isBizCodeMacro = itemParam.dataAttr.fromMacro && itemParam.dataAttr.fromMacro.value == 'bizCode';
           if (fuzhiFields.split(",").indexOf(itemParam.uniqueName) != -1 && form.defaultValue && form.defaultValue != null) {
             value = form.defaultValue;
+          } else if (status == '0' && isBizCodeMacro && form.defaultValue && form.defaultValue != null) {
+            value = form.defaultValue;
           } else if (isBizCodeMacro && (value === '' || value == null || typeof value == 'undefined') && form.value) {
             value = form.value;
           }
+        } else if (itemParam.dataAttr && itemParam.dataAttr.dataSrc == '2' && itemParam.dataAttr.fromMacro && itemParam.dataAttr.fromMacro.value == 'bizCode' && status == '0' && form.defaultValue && form.defaultValue != null) {
+          // 再次发起：无 fuzhiFields 列表时，只要后端 readd 重生了 defaultValue 也要用新编号
+          value = form.defaultValue;
         } else if (itemParam.dataAttr && itemParam.dataAttr.dataSrc == '2' && itemParam.dataAttr.fromMacro && itemParam.dataAttr.fromMacro.value == 'bizCode' && (value === '' || value == null || typeof value == 'undefined') && form.value) {
           value = form.value;
         } else if (itemParam.dataAttr && itemParam.dataAttr.dataSrc == '2' && itemParam.dataAttr.fromMacro && itemParam.dataAttr.fromMacro.value == 'bizCode' && (value === '' || value == null || typeof value == 'undefined') && form.defaultValue) {
@@ -888,15 +924,17 @@ var PageHome = function (_React$Component) {
             // }else{
             //   valueArray.push(value);
             // }
-            if (status == '0') {
+            if (status == '0' && !value && value !== 0) {
               selectItem.map(function (selectI) {
                 if (selectI.isDefault == 1) {
                   valueArray.push(selectI.value);
                 }
               });
             } else {
-              if (value.indexOf("[") >= 0) {
+              if (value && (value + '').indexOf("[") >= 0) {
                 valueArray = JSON.parse(value);
+              } else if (value || value === 0) {
+                valueArray = (value + '').split(",");
               }
             }
             selectItem.map(function (selectI) {
@@ -1425,9 +1463,12 @@ var PageHome = function (_React$Component) {
             value = false;
           }
         } else {
-          var defaultValue = form.defaultValue;
-          if (defaultValue) {
-            if (defaultValue == '1') {
+          // 再次发起：已有落库值优先；全新新增才用设计默认
+          var switchSrc = value || value === 0 || value === false ? value : form.defaultValue;
+          if (switchSrc === true || switchSrc === false) {
+            value = switchSrc;
+          } else if (switchSrc) {
+            if (switchSrc == '1') {
               value = true;
             } else {
               value = false;

package/lib/form_info/formInfo.js

@@ -1432,7 +1432,6 @@ var PageHome = function (_React$Component) {
             } else if (operate == 1) {
                 //提交
                 var sendData = (0, _filterEmptySubTblRows.cloneAndFilterEmptySubTblRows)(t.state.editFormData) || {};
-                sendData.formItem = [];
                 var param = {
                     taskId: this.state.taskId,
                     auditorUserIds: auditorUserIds,
@@ -1444,8 +1443,14 @@ var PageHome = function (_React$Component) {
                     module: this.state.module,
                     lock: this.state.lock,
                     reminderContent: this.state.reminderContent,
-                    processInstanceId: this.state.processInstanceId
+                    processInstanceId: this.state.processInstanceId,
+                    // 网关条件「上一环节办理人批示内容」依赖当前批示意见，getNextActivity 必须透传
+                    comment: typeof newComment === 'undefined' || newComment == null ? '' : newComment,
+                    commentType: 'text'
                 };
+                if (this.state.commentId) {
+                    param.commentId = this.state.commentId;
+                }
                 var dealActionName = "";
                 if (this.state.isStart == true) {
                     dealActionName = "提交";

package/lib/process_batch/processBatch.js

@@ -323,7 +323,10 @@ var PageHome = function (_React$Component) {
             var hasRadomList = false; //判断下次办理是否有随机活动节点
             _db2.default.FlowModuleAPI.getNextActivity({
                 taskId: taskId,
-                code: code
+                code: code,
+                // 网关条件「上一环节办理人批示内容」依赖当前批示意见，getNextActivity 必须透传
+                comment: t.state.spyj == null || typeof t.state.spyj === 'undefined' ? '' : t.state.spyj,
+                commentType: 'text'
             }).then(function (content) {
                 var nextList = content.activityList; //下一个后继节点列表
                 var radomList = content.radomList; //下一个随机活动节点

package/lib/process_info/RelationProcess.js

@@ -15,6 +15,14 @@ var _Boxs = require('saltui/lib/Boxs');
 
 var _Boxs2 = _interopRequireDefault(_Boxs);
 
+var _Dialog = require('saltui/lib/Dialog');
+
+var _Dialog2 = _interopRequireDefault(_Dialog);
+
+var _Toast = require('saltui/lib/Toast');
+
+var _Toast2 = _interopRequireDefault(_Toast);
+
 var _AngleRight = require('salt-icon/lib/AngleRight');
 
 var _AngleRight2 = _interopRequireDefault(_AngleRight);
@@ -50,34 +58,119 @@ var Page = function (_React$Component) {
     _this.state = {
       relationList: []
     };
-
     return _this;
   }
 
   _createClass(Page, [{
     key: 'componentDidMount',
     value: function componentDidMount() {
+      this.reload();
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.processInstanceId !== this.props.processInstanceId && this.props.processInstanceId) {
+        this.reload();
+      }
+    }
+  }, {
+    key: 'reload',
+    value: function reload() {
       var t = this;
-      t.setState({
-        relationList: []
-      });
       var processInstanceId = this.props.processInstanceId;
+      if (!processInstanceId || processInstanceId === '-99' || processInstanceId === 'undefined') {
+        t.setState({ relationList: [] });
+        if (typeof t.props.onCountChange === 'function') {
+          t.props.onCountChange(0);
+        }
+        return;
+      }
       _db2.default.FlowModuleAPI.getRelationProcess({ processInstanceId: processInstanceId }).then(function (content) {
+        var list = [];
+        if (Array.isArray(content)) {
+          list = content;
+        } else if (content && Array.isArray(content.data)) {
+          list = content.data;
+        } else if (content && Array.isArray(content.content)) {
+          list = content.content;
+        } else if (content && content.list && Array.isArray(content.list)) {
+          list = content.list;
+        }
         t.setState({
-          relationList: content
+          relationList: list
+        }, function () {
+          if (typeof t.props.onCountChange === 'function') {
+            t.props.onCountChange(list.length);
+          }
         });
-      }).catch(function (error) {});
+      }).catch(function () {
+        t.setState({ relationList: [] });
+        if (typeof t.props.onCountChange === 'function') {
+          t.props.onCountChange(0);
+        }
+      });
     }
   }, {
     key: 'clickDetail',
     value: function clickDetail(item) {
       var processInstanceId = item.processInstanceId;
-      var formId = item.formId;
-      var module = item.module;
-      var url = "process/processDetails/-99/" + formId + "/-99/-99/0/" + processInstanceId + "/" + module;
+      var formId = item.formId || '-99';
+      var module = item.module || 'approve';
+      var url = 'process/processDetails/-99/' + formId + '/-99/-99/0/' + processInstanceId + '/' + module;
       decodeURI(url);
       location.hash = url;
-      //location.reload();
+    }
+  }, {
+    key: 'canDelete',
+    value: function canDelete(item) {
+      var canManage = this.props.canManage === true || this.props.canManage === '1';
+      if (!canManage) {
+        return false;
+      }
+      if (String(item.canDel) !== '1') {
+        return false;
+      }
+      var currentActivityId = this.props.activityId;
+      if (currentActivityId == null || currentActivityId === '') {
+        return false;
+      }
+      return String(item.activityId) === String(currentActivityId);
+    }
+  }, {
+    key: 'deleteRelation',
+    value: function deleteRelation(item, e) {
+      if (e && e.stopPropagation) {
+        e.stopPropagation();
+      }
+      var t = this;
+      var processInstanceId = t.props.processInstanceId;
+      var relationId = item.processInstanceId;
+      _Dialog2.default.confirm({
+        locale: 'zh_CN',
+        title: '提示',
+        content: '确定删除该关联流程吗？',
+        onConfirm: function onConfirm() {
+          _db2.default.FlowModuleAPI.deleteRelation({
+            processInstanceId: processInstanceId,
+            relationId: relationId
+          }).then(function () {
+            _Toast2.default.show({
+              type: 'success',
+              content: '删除成功'
+            });
+            t.reload();
+            if (typeof t.props.onDeleted === 'function') {
+              t.props.onDeleted();
+            }
+          }).catch(function () {
+            _Toast2.default.show({
+              type: 'error',
+              content: '删除失败'
+            });
+          });
+        },
+        onCancel: function onCancel() {}
+      });
     }
   }, {
     key: 'render',
@@ -89,10 +182,10 @@ var Page = function (_React$Component) {
         t.state.relationList.map(function (item, i) {
           return _react2.default.createElement(
             HBox,
-            { className: 't-BCf t-P16 t-PR12 dd-bottom-border', onClick: t.clickDetail.bind(this, item) },
+            { key: (item.processInstanceId || '') + '_' + i, className: 't-BCf t-P16 t-PR12 dd-bottom-border', vAlign: 'center' },
             _react2.default.createElement(
               Box,
-              { flex: 1 },
+              { flex: 1, onClick: t.clickDetail.bind(t, item) },
               _react2.default.createElement(
                 'div',
                 { className: 't-omit t-FC3 t-FS16 t-LH1_3 t-MR8' },
@@ -134,16 +227,21 @@ var Page = function (_React$Component) {
                 )
               )
             ),
+            t.canDelete(item) ? _react2.default.createElement(
+              Box,
+              { className: 't-PL8 t-PR8 t-FCred t-FS14', onClick: t.deleteRelation.bind(t, item) },
+              '\u5220\u9664'
+            ) : null,
             _react2.default.createElement(
               Box,
-              null,
+              { onClick: t.clickDetail.bind(t, item) },
               _react2.default.createElement(_AngleRight2.default, { width: 20, fill: '#ccc', className: 'demo-t-list-arrow' })
             )
           );
         }.bind(this)),
         _react2.default.createElement(
           'div',
-          { className: t.state.relationList.length == 0 ? "nodata-wrapper" : "t-DN" },
+          { className: t.state.relationList.length == 0 ? 'nodata-wrapper' : 't-DN' },
           _react2.default.createElement(
             VBox,
             { vAlign: 'center', hAlign: 'center', className: 'nodata' },