centaline-data-driven 1.1.55 → 1.1.59

package/src/centaline/loader/src/ctl/SearchTable.js

@@ -1,772 +1,787 @@
-import template from '../../../templates/index';
-import common from '../../../common';
-import Router from './Router';
-import Vue from 'vue';
-import Enum from './lib/Enum';
-import formData from '../../../formData';
-const SearchTable = function (data, callBack, searchModel, flagSearch, defaultSearchData) {
-  var init = function (source) {
-    var rtn = {
-      $vue: null,
-      isLoading: false,
-      searchModel: searchModel,
-      tableHeight: 350,
-      defaultSearchData: defaultSearchData,
-      pageIndex: 1,
-      selectIndex: 0,
-      selectAll: 0,
-      get title() {
-        return source.title;
-      },
-      set title(v) {
-        source.title = v;
-      },
-      get flagShowTitle() {
-        let v=false;
-        if(source.flagShowTitle)v=source.flagShowTitle;
-        return v;
-      },
-      get source() {
-        return source;
-      },
-      set source(v) {
-        source = v;
-      },
-      _columns: [],
-      get columns() {
-        var self = this;
-        if (self._columns.length > 0) {
-          return self._columns;
-        }
-        else {
-          var lockLeft = true;
-
-          self.isMergeTitle = source.content.columns.some(v => {
-            return v.trOrder === 2;
-          });
-
-          source.content.columns.forEach((v) => {
-            v.columnWidth = v.columnWidth ? v.columnWidth : 'auto';
-            var col = {
-              fixedSize: 0,
-              get source() {
-                return v;
-              },
-              get id() {
-                return common.initialsToUpperCase(v.fieldName);
-              },
-              get name() {
-                return v.displayName;
-              },
-              get sort() {
-                return v.flagSort;
-              },
-              get sortName() {
-                return v.sortBy;
-              },
-              get sortAction() {
-                return v.sc;
-              },
-              set sortAction(v1) {
-                v.sc = v1;
-              },
-              get style() {
-                return v.columnStyle;
-              },
-              get show() {
-                return v.visible;
-              },
-              get rowspan() {
-                return v.rowSpan || 1;
-              },
-              get colspan() {
-                return v.colSpan || 1;
-              },
-              get trOrder() {
-                return v.trOrder || 1;
-              },
-              get isDataField() {
-                return v.isDataField;
-              },
-              get width() {
-                return v.columnWidth ? v.columnWidth : undefined;
-              },
-              set width(widthV) {
-                v.columnWidth = widthV;
-              },
-              get lock() {
-                return v.frozen;
-              },
-              get routerKey() {
-                return v.routerKey;
-              },
-              _router: null,
-              get router() {
-                if (col._router !== null) {
-                  return col._router;
-                }
-                //todo
-                if (typeof v.routerKey !== "undefined") {
-                  let router = rtn.actionRouter.find(b => {
-                    return b.id === v.routerKey;
-                  });
-                  return router;
-                }
-                return null;
-              },
-              //是否高度自适应
-              get autoRowHeight() {
-                return v.autoRowHeight;
-              },
-              attrs: {
-                get style() {
-                  let styleObj = v.cs ? JSON.parse(v.cs) : {};
-                  if (rtn.$vue !== null) {
-                    if (v.frozen) {
-                      if (col.fixed === 'right') {
-                        styleObj.right = col.fixedSize + 'px'
-                      }
-                      else if (col.fixed === 'left') {
-                        styleObj.left = col.fixedSize + 'px'
-                      }
-                    }
-                  }
-
-                  if (col.width) {
-                    styleObj["width"] = col.width + 'px';//列宽
-                    styleObj["min-width"] = col.width + 'px';//列宽
-                  }
-                  styleObj["text-align"] = col.align;//水平位置
-
-                  return styleObj;
-                  //  return ;
-                },
-                get align() {//水平位置
-                  if (v.align === Enum.HalignType.Left) {
-                    return 'left';
-                  }
-                  if (v.align === Enum.HalignType.Right) {
-                    return 'right';
-                  }
-                  return 'center';
-                },
-                get valign() {//垂直位置 TODO
-                  return v.valign || 'center';
-                },
-                get title() {
-                  return v.columnToolTip;
-                }
-              }
-            };
-            if (col.show) {
-              //合并表头时暂不支持固定列
-              if (col.lock && !self.isMergeTitle) {
-                if (lockLeft) {
-                  col.fixed = 'left';
-                }
-                else {
-                  col.fixed = 'right';
-                }
-              }
-              else {
-                lockLeft = false;
-              }
-            }
-            self._columns.push(col);
-          });
-        }
-        return self._columns;
-      },
-      set columns(v) {
-        this._columns = [];
-        source.content.columns = v;
-      },
-      //因合并表头需要
-      isMergeTitle: false,//是否合并标题
-      _columnsArr: [],
-      get columnsArr() {
-        var self = this;
-        if (self._columnsArr.length > 0) {
-          return self._columnsArr;
-        }
-        else {
-          let i = 1;
-          for (; i <= 4; i++) {
-            var arr = self.columns.filter(v => {
-              return v.trOrder === i
-            });
-            if (arr.length === 0) {
-              break;
-            }
-
-            self._columnsArr.push(arr);
-          }
-          return self._columnsArr;
-        }
-      },
-      _dataFieldcolumns: [],
-      get dataFieldcolumns() {
-        var self = this;
-        if (self._dataFieldcolumns.length > 0) {
-          return self._dataFieldcolumns;
-        }
-        else {
-          var arr = self.columns.filter(v => {
-            return v.isDataField !== false
-          });
-
-          self._dataFieldcolumns = arr;
-          return self._dataFieldcolumns;
-        }
-      },
-      get listData() {
-        if (!source.content.rows) {
-          source.content.rows = [];
-        }
-        return source.content.rows;
-      },
-      set listData(v) {
-        source.content.rows = v;
-      },
-      get isMulti() {//是否多选
-        if (this.isMergeTitle) {
-          return false;//合并表头暂不支持多选
-        }
-        return source.content.flagCheckBoxColumn === true;
-      },
-      get rightMulti() {//多选权限列
-        return source.content.rightCheckBoxColumn;
-      },
-      get rowColorColumn() {//行字体颜色列
-        return source.content.rowColorColumn;
-      },
-      get flagMoreData() {
-        return source.page.flagMoreData;
-      },
-      set flagMoreData(v1) {
-        source.page.flagMoreData = v1;
-      },
-      getSelectRowData(router) {
-        if (rtn.listData.length === 0) {
-          return null;
-        }
-
-        if (rtn.isMulti) {
-          if (router.isMulti) {
-            var rtnData = rtn.listData.filter((ro) => {
-              return ro.$select === true;
-            });
-            return rtnData;
-          }
-          else {
-            return [rtn.listData[rtn.selectIndex]];
-          }
-        }
-        else {
-          return [rtn.listData[rtn.selectIndex]];
-        }
-      },
-      _buttons: null,
-      get buttons() {
-        if (rtn._buttons !== null) {
-          return rtn._buttons;
-        }
-        else {
-          rtn._buttons = [];
-          if (source.content.toolButtons) {
-          
-            source.content.toolButtons.forEach((v) => {
-              var button = Router(v);
-              button.is = "ct-btn";
-              button.attrs = { size: "mini",class:'max-btn-gray'}
-              rtn._buttons.push(button);
-            });
-          }
-          return rtn._buttons;
-        }
-      },
-      _actionRouter: null,
-      get actionRouter() {
-        if (rtn._actionRouter !== null) {
-          return rtn._actionRouter;
-        }
-        else {
-          rtn._actionRouter = [];
-          if (source.content.actionRouters) {
-            source.content.actionRouters.forEach((v) => {
-              var router = Router(v);
-              //router.is = "ct-btn";
-              //router.attrs = { size: "mini" }
-              rtn._actionRouter.push(router);
-            });
-          }
-          return rtn._actionRouter;
-        }
-      },
-      _rowRouter: null,
-      get rowRouter() {
-        if (rtn._rowRouter !== null) {
-          return rtn._rowRouter;
-        }
-        else {
-          rtn._rowRouter = [];
-          if (rtn.actionRouter) {
-            rtn.actionRouter.forEach((v) => {
-              if (v.show) {
-                rtn._rowRouter.push(v);
-              }
-            });
-          }
-          return rtn._rowRouter;
-        }
-      },
-      sortData: [],
-      toSort: function (col, action, callback) {
-        this.columns.forEach((v1) => {
-          if (v1.id !== col.id) {
-            v1.sortAction = "";
-          }
-        });
-        this.sortData = [];
-        if (typeof action === 'undefined') {
-          if (col.sortAction === 'asc') {
-            col.sortAction = 'desc';
-            this.sortData.push(col);
-          }
-          else if (col.sortAction === 'desc') {
-            col.sortAction = '';
-          }
-          else {
-            col.sortAction = 'asc';
-            this.sortData.push(col);
-          }
-        }
-        else {
-          col.sortAction = action;
-          this.sortData.push(col);
-        }
-        this.getPage(1, callback);
-      },
-      clearSort: function (col, callback) {
-        col.sortAction = "";
-        this.getPage(1, callback);
-      },
-      getPage: function (index, callback) {
-        //this.listData = [];
-        this.listData.splice(0, this.listData.length);
-        this.pageIndex = index;
-        this.apiData(callback);
-        this.selectIndex = 0;
-        this._lastRowspan = null;
-        if (index === 1) {
-          this.setButtonsDisabled();
-          this.selectAll = 0;
-        }
-      },
-      nextPage: function (callback) {
-        if (this.flagMoreData && this.flagMoreData !== false) {
-          this.pageIndex++;
-          this.apiData(callback);
-        }
-        else {
-          if (typeof callback !== 'undefined') {
-            callback(false);
-          }
-        }
-      },
-      upKey: function () {
-        if (this.selectIndex >= 0 && this.selectIndex - 1 >= 0) {
-          this.selectIndex--;
-        }
-      },
-      downKey: function () {
-        if (this.selectIndex >= 0 && this.selectIndex + 1 <= this.listData.length - 1) {
-          this.selectIndex++;
-        }
-      },
-      get footer() {
-        var self = this;
-        if (typeof source.content.foot !== 'undefined') {
-          var data = source.content.foot;
-          var objs = data.match(/({{[^}]+}})/g);
-          if (objs) {
-            objs.forEach((v1) => {
-              data = data.replace(v1, self[v1.replace('{{', '').replace('}}', '')]);
-            });
-          }
-          return data;
-        }
-        else {
-          return '';
-        }
-      },
-      set footer(v1) {
-        source.content.foot = v1;
-      },
-      get listHeader() {
-        return source.content.topText || '';
-      },
-      set listHeader(v1) {
-        source.content.topText = v1;
-      },
-      get listFooter() {
-        return source.content.bottomText || '';
-      },
-      set listFooter(v1) {
-        source.content.bottomText = v1;
-      },
-      apiData(callback) {
-        var self = this;
-        this.isLoading = true;
-        if (self.searchModel) {
-          //不需要禁用查询按钮
-          // self.searchModel.setBtnLoading(true);
-        }
-        Vue.prototype.$api.postHandler(common.globalUri(), {
-          action: data,
-          para: {
-            searchFields: this.searchModel ? this.searchModel.searchData : {},
-            pageAttribute: this.pageData,
-            flagSearch: true
-          }
-        })
-          .then(function (response) {
-            self.isLoading = false;
-            if (response.rtnCode === Enum.ReturnCode.Successful) {
-              if (response.content.rows.length > 0) {
-                rtn.setRow(response.content.rows);
-                response.content.rows.forEach((nr) => {
-                  rtn.listData.push(nr);
-                });
-                rtn.dataDictionary = response.content.rows;
-                //self.listData = self.listData.concat(response.content.Rows);
-              }
-              source.page.rows = response.page.rows;
-              source.page.rowCount = response.page.rowCount;
-              if (typeof response.content.foot !== 'undefined') {
-                self.footer = response.content.foot;
-              }
-
-              if (typeof response.content.topText !== 'undefined') {
-                self.listHeader = response.content.topText;
-              }
-              if (typeof response.content.bottomText !== 'undefined') {
-                self.listFooter = response.content.bottomText;
-              }
-
-              if (typeof response.page.flagMoreData !== 'undefined') {
-                self.flagMoreData = response.page.flagMoreData;
-              }
-              if (typeof response.content.updateTableColumns !== 'undefined' && response.content.updateTableColumns === '1') {
-                self.columns = response.content.columns;
-                if (self.template) {
-                  var tempLoader = template.loader(self.template).default;
-                  tempLoader.init(self);
-                }
-              }
-              if (typeof callback !== 'undefined') {
-                if (response.content.rows.length > 0) {
-                  callback(true);
-                }
-                else {
-                  callback(false);
-                }
-              }
-            }
-            else {
-              callback(false);
-            }
-
-            if (self.searchModel) {
-              // self.searchModel.setBtnLoading(false);
-            }
-          })
-          .catch((error) => {
-            self.isLoading = false;
-            if (self.searchModel) {
-              // self.searchModel.setBtnLoading(false);
-            }
-            console.error(error);
-          });
-      },
-      getCurrentRowApiData(callback) {
-        var self = this;
-        var searchFields = this.searchModel ? this.searchModel.searchData : { fields: [] };
-        if (self.primaryKey) {
-          searchFields.fields.push({
-            fieldName1: self.primaryKey,
-            groupName: self.primaryKey,
-            operation: 2,
-            searchDataType: 3,
-            searchValue1: rtn.listData[rtn.selectIndex][self.primaryKey],
-          });
-        }
-        Vue.prototype.$api.postHandler(common.globalUri(), {
-          action: data,
-          para: {
-            searchFields: searchFields,
-            pageAttribute: { pageIndex: 1},
-            flagSearch: true
-          }
-        })
-          .then(function (response) {
-            if (response.rtnCode === Enum.ReturnCode.Successful) {
-              if (response.content.rows.length > 0) {
-                response.content.rows.forEach((row) => {
-                  for (var vkey in row) {
-                    rtn.dataDictionary[row[rtn.primaryKey]][vkey] = row[vkey];
-                  }
-                });
-              }
-
-              if (typeof response.content.foot !== 'undefined') {
-                self.footer = response.content.foot;
-              }
-              if (typeof response.content.topText !== 'undefined') {
-                self.listHeader = response.content.topText;
-              }
-              if (typeof response.content.bottomText !== 'undefined') {
-                self.listFooter = response.content.bottomText;
-              }
-            }
-
-            if (typeof callback !== 'undefined') {
-              callback();
-            }
-          })
-          .catch((error) => {
-            console.error(error);
-            if (typeof callback !== 'undefined') {
-              callback();
-            }
-          });
-      },
-      attrs: {
-        size: 'mini'
-      },
-      pageData: {
-        get orderBy() {
-          if (rtn.sortData.length > 0) {
-            return rtn.sortData[0].sortName + ' ' + rtn.sortData[0].sortAction;
-          }
-        },
-        get pageIndex() {
-          return rtn.pageIndex;
-        }
-      },
-      get template() {
-        return source.content.template;
-      },
-      get dataApi() {
-        return source.content.dataApi;
-      },
-      get primaryKey() {
-        return common.initialsToUpperCase(source.content.primaryFieldName);
-      },
-      get $index() {
-        if (this.$rowCount > 0) {
-          return this.selectIndex + 1;
-        }
-        return 0;
-      },
-      get $total() {
-        return this.listData.length;
-      },
-      get $rowCount() {
-        return source.page.rowCount;
-      },
-      _dataDictionary: {},
-      set dataDictionary(v) {
-        if (v) {
-          v.forEach((r) => {
-            rtn._dataDictionary[r[rtn.primaryKey]] = r;
-          });
-        }
-      },
-      get dataDictionary() {
-        return rtn._dataDictionary;
-      },
-      get rowMergedColumns() {
-        return source.content.rowMergedColumns || [];
-      },
-      get optionApi() {
-        return source.content.parameterAction;
-      },
-      setRow(rows) {
-        rtn.setStyleRow(rows);
-        rtn.setMergeRow(rows);
-      },
-      //设置行样式
-      setStyleRow(rows) {
-        rows.forEach((row) => {
-          if (!row.$style) {
-            row.$style = {};
-          }
-          if (rtn.rowColorColumn && row[rtn.rowColorColumn]) {
-            row.$style.color = row[rtn.rowColorColumn];
-          }
-        });
-      },
-      _lastRowspan: null,
-      //设置合并行
-      setMergeRow(rows) {
-        if (rtn.rowMergedColumns.length === 0) {
-          return;
-        }
-
-        for (let i = 0; i < rows.length; i++) {
-          let row = rows[i];
-          if (typeof row.$rowspan === 'undefined') {
-            if (rtn._lastRowspan !== null) {
-              let equalNum = 0;
-              for (let j = 0; j < rtn.rowMergedColumns.length; j++) {
-                let rowMerged = rtn.rowMergedColumns[j];
-                if (row[rowMerged] === rtn._lastRowspan[rowMerged]) {
-                  equalNum++;
-                }
-                else {
-                  break;
-                }
-              }
-
-              //当所有列都相等时
-              if (equalNum === rtn.rowMergedColumns.length) {
-                row.$rowspan = 0;
-                rtn._lastRowspan.$rowspan++;
-              }
-              else {
-                row.$rowspan = 1;
-                rtn._lastRowspan = row;
-              }
-            }
-            else {
-              row.$rowspan = 1;
-              rtn._lastRowspan = row;
-            }
-          }
-        }
-      },
-      doAction(response) {
-        if (response.responseData) {
-          response = response.responseData;
-        }
-        switch (response.notification) {
-          case Enum.ActionType.Delete://删除
-          case Enum.ActionType.CloseTabThenDelete://删除
-            var deleteRow = response.content.split(',');
-            if (deleteRow) {
-              deleteRow.forEach((r) => {
-                const dataIndex = rtn.listData.indexOf(rtn.dataDictionary[r])
-                if (dataIndex !== -1) {
-                  rtn.listData.splice(dataIndex, 1);
-                  delete rtn.dataDictionary[r];
-                }
-              });
-            }
-
-            source.page.rows = source.page.rows - deleteRow.length;
-            break;
-          case Enum.ActionType.New://新增
-          case Enum.ActionType.CloseTabThenNew://新增
-         
-            rtn.setStyleRow(response.content);
-            response.content.forEach((nr) => {
-              rtn.listData.unshift(nr);
-            });
-            rtn.dataDictionary = response.content;
-
-            source.page.rows = source.page.rows + response.content.length;
-            rtn.$vue.calculatingRowHeight()    
-            break;
-          case Enum.ActionType.Update://修改
-          case Enum.ActionType.CloseTabThenUpdate://修改
-            response.content.forEach((row) => {
-              for (var vkey in row) {
-                rtn.dataDictionary[row[rtn.primaryKey]][vkey] = row[vkey];
-              }
-            });
-            break;
-          case Enum.ActionType.Export://导出
-            var fileName = response.content.fieldName1;
-            var fileContent = window.atob(response.content.code1);
-            common.saveFile(fileName, fileContent);
-            break;
-          case Enum.ActionType.Refersh://刷新
-            rtn.$vue.getPage(1);
-            break;
-          case Enum.ActionType.RefreshParent://刷新父页面
-            rtn.$vue.$emit('refreshParent');
-            break;
-          default:
-            break;
-        }
-        rtn.$vue.$forceUpdate();
-      },
-      //检查是否关闭tab后触发来源页面操作
-      checkCloseTabThen(notification) {
-        var rtn = false;
-        if (notification == Enum.ActionType.CloseTabThenDelete
-          || notification == Enum.ActionType.CloseTabThenNew
-          || notification == Enum.ActionType.CloseTabThenUpdate) {
-          rtn = true;
-        }
-        return rtn;
-      },
-      //设置多选按钮是否禁用
-      setButtonsDisabled() {
-        var selectData = rtn.getSelectRowData({ isMulti: 1 });
-        rtn._buttons.forEach((v) => {
-          if (v.isMulti) {
-            if (selectData != null && selectData.length > 0) {
-              v.disabled = false;
-            }
-            else {
-              v.disabled = true;
-            }
-          }
-        });
-      },
-      _scripts: null,
-      get scripts() {
-        if (rtn._scripts !== null) {
-          return rtn._scripts;
-        }
-        else {
-          if (typeof source.scripts !== 'undefined') {
-            rtn._scripts = base.common.eval(source.scripts);
-            return rtn._scripts;
-          }
-          else{
-            rtn._scripts={};
-            return rtn._scripts;
-          }
-        }
-      },
-      formData:formData,
-    };
-    if (rtn.template) {
-      var tempLoader = template.loader(rtn.template).default;
-      tempLoader.init(rtn);
-    }
-    rtn.dataDictionary = rtn.listData;
-    return rtn;
-  };
-  if (typeof data === 'string') {
-    var apiData = searchModel ? searchModel.searchData : {};
-    Vue.prototype.$api.postHandler(common.globalUri(), { action: data, para: { searchFields: apiData, pageAttribute: { pageIndex: 1 }, flagSearch: flagSearch } }).then(
-      function (response) {
-        if (response.rtnCode === Enum.ReturnCode.Successful) {
-          var rtn = init(response);
-          if (callBack) {
-            callBack(rtn);
-          }
-        }
-      }
-    );
-  }
-  else {
-    return init(data);
-  }
-}
-
-export default SearchTable;
+import template from '../../../templates/index';
+import common from '../../../common';
+import Router from './Router';
+import Vue from 'vue';
+import Enum from './lib/Enum';
+import formData from '../../../formData';
+const SearchTable = function (data, callBack, searchModel, flagSearch, defaultSearchData) {
+  var init = function (source) {
+    var rtn = {
+      $vue: null,
+      isLoading: false,
+      searchModel: searchModel,
+      tableHeight: 350,
+      defaultSearchData: defaultSearchData,
+      pageIndex: 1,
+      selectIndex: 0,
+      selectAll: 0,
+      get title() {
+        return source.title;
+      },
+      set title(v) {
+        source.title = v;
+      },
+      get flagShowTitle() {
+        let v=false;
+        if(source.flagShowTitle)v=source.flagShowTitle;
+        return v;
+      },
+      get source() {
+        return source;
+      },
+      set source(v) {
+        source = v;
+      },
+      _columns: [],
+      get columns() {
+        var self = this;
+        if (self._columns.length > 0) {
+          return self._columns;
+        }
+        else {
+          var lockLeft = true;
+
+          self.isMergeTitle = source.content.columns.some(v => {
+            return v.trOrder === 2;
+          });
+
+          source.content.columns.forEach((v) => {
+            v.columnWidth = v.columnWidth ? v.columnWidth : 'auto';
+            var col = {
+              fixedSize: 0,
+              get source() {
+                return v;
+              },
+              get id() {
+                return common.initialsToUpperCase(v.fieldName);
+              },
+              get name() {
+                return v.displayName;
+              },
+              get sort() {
+                return v.flagSort;
+              },
+              get sortName() {
+                return v.sortBy;
+              },
+              get sortAction() {
+                return v.sc;
+              },
+              set sortAction(v1) {
+                v.sc = v1;
+              },
+              get style() {
+                return v.columnStyle;
+              },
+              get show() {
+                return v.visible;
+              },
+              get rowspan() {
+                return v.rowSpan || 1;
+              },
+              get colspan() {
+                return v.colSpan || 1;
+              },
+              get trOrder() {
+                return v.trOrder || 1;
+              },
+              get isDataField() {
+                return v.isDataField;
+              },
+              get width() {
+                return v.columnWidth ? v.columnWidth : undefined;
+              },
+              set width(widthV) {
+                v.columnWidth = widthV;
+              },
+              get lock() {
+                return v.frozen;
+              },
+              get routerKey() {
+                return v.routerKey;
+              },
+              _router: null,
+              get router() {
+                if (col._router !== null) {
+                  return col._router;
+                }
+                //todo
+                if (typeof v.routerKey !== "undefined") {
+                  let router = rtn.actionRouter.find(b => {
+                    return b.id === v.routerKey;
+                  });
+                  return router;
+                }
+                return null;
+              },
+              //是否高度自适应
+              get autoRowHeight() {
+                return v.autoRowHeight;
+              },
+              attrs: {
+                get style() {
+                  let styleObj = v.cs ? JSON.parse(v.cs) : {};
+                  if (rtn.$vue !== null) {
+                    if (v.frozen) {
+                      if (col.fixed === 'right') {
+                        styleObj.right = col.fixedSize + 'px'
+                      }
+                      else if (col.fixed === 'left') {
+                        styleObj.left = col.fixedSize + 'px'
+                      }
+                    }
+                  }
+
+                  if (col.width) {
+                    styleObj["width"] = col.width + 'px';//列宽
+                    styleObj["min-width"] = col.width + 'px';//列宽
+                  }
+                  styleObj["text-align"] = col.align;//水平位置
+
+                  return styleObj;
+                  //  return ;
+                },
+                get align() {//水平位置
+                  if (v.align === Enum.HalignType.Left) {
+                    return 'left';
+                  }
+                  if (v.align === Enum.HalignType.Right) {
+                    return 'right';
+                  }
+                  return 'center';
+                },
+                get valign() {//垂直位置 TODO
+                  return v.valign || 'center';
+                },
+                get title() {
+                  return v.columnToolTip;
+                }
+              }
+            };
+            if (col.show) {
+              //合并表头时暂不支持固定列
+              if (col.lock && !self.isMergeTitle) {
+                if (lockLeft) {
+                  col.fixed = 'left';
+                }
+                else {
+                  col.fixed = 'right';
+                }
+              }
+              else {
+                lockLeft = false;
+              }
+            }
+            self._columns.push(col);
+          });
+        }
+        return self._columns;
+      },
+      set columns(v) {
+        this._columns = [];
+        source.content.columns = v;
+      },
+      //因合并表头需要
+      isMergeTitle: false,//是否合并标题
+      _columnsArr: [],
+      get columnsArr() {
+        var self = this;
+        if (self._columnsArr.length > 0) {
+          return self._columnsArr;
+        }
+        else {
+          let i = 1;
+          for (; i <= 4; i++) {
+            var arr = self.columns.filter(v => {
+              return v.trOrder === i
+            });
+            if (arr.length === 0) {
+              break;
+            }
+
+            self._columnsArr.push(arr);
+          }
+          return self._columnsArr;
+        }
+      },
+      _dataFieldcolumns: [],
+      get dataFieldcolumns() {
+        var self = this;
+        if (self._dataFieldcolumns.length > 0) {
+          return self._dataFieldcolumns;
+        }
+        else {
+          var arr = self.columns.filter(v => {
+            return v.isDataField !== false
+          });
+
+          self._dataFieldcolumns = arr;
+          return self._dataFieldcolumns;
+        }
+      },
+      get listData() {
+        if (!source.content.rows) {
+          source.content.rows = [];
+        }
+        return source.content.rows;
+      },
+      set listData(v) {
+        source.content.rows = v;
+      },
+      get isMulti() {//是否多选
+        if (this.isMergeTitle) {
+          return false;//合并表头暂不支持多选
+        }
+        return source.content.flagCheckBoxColumn === true;
+      },
+      get rightMulti() {//多选权限列
+        return source.content.rightCheckBoxColumn;
+      },
+      get rowColorColumn() {//行字体颜色列
+        return source.content.rowColorColumn;
+      },
+      get flagMoreData() {
+        return source.page.flagMoreData;
+      },
+      set flagMoreData(v1) {
+        source.page.flagMoreData = v1;
+      },
+      getSelectRowData(router) {
+        if (rtn.listData.length === 0) {
+          return null;
+        }
+
+        if (rtn.isMulti) {
+          if (router.isMulti) {
+            var rtnData = rtn.listData.filter((ro) => {
+              return ro.$select === true;
+            });
+            return rtnData;
+          }
+          else {
+            return [rtn.listData[rtn.selectIndex]];
+          }
+        }
+        else {
+          return [rtn.listData[rtn.selectIndex]];
+        }
+      },
+      _buttons: null,
+      get buttons() {
+        if (rtn._buttons !== null) {
+          return rtn._buttons;
+        }
+        else {
+          rtn._buttons = [];
+          if (source.content.toolButtons) {
+          
+            source.content.toolButtons.forEach((v) => {
+              var button = Router(v);
+              button.is = "ct-btn";
+              button.attrs = { size: "mini",class:'max-btn-gray'}
+              rtn._buttons.push(button);
+            });
+          }
+          return rtn._buttons;
+        }
+      },
+      _actionRouter: null,
+      get actionRouter() {
+        if (rtn._actionRouter !== null) {
+          return rtn._actionRouter;
+        }
+        else {
+          rtn._actionRouter = [];
+          if (source.content.actionRouters) {
+            source.content.actionRouters.forEach((v) => {
+              var router = Router(v);
+              //router.is = "ct-btn";
+              //router.attrs = { size: "mini" }
+              rtn._actionRouter.push(router);
+            });
+          }
+          return rtn._actionRouter;
+        }
+      },
+      _rowRouter: null,
+      get rowRouter() {
+        if (rtn._rowRouter !== null) {
+          return rtn._rowRouter;
+        }
+        else {
+          rtn._rowRouter = [];
+          if (rtn.actionRouter) {
+            rtn.actionRouter.forEach((v) => {
+              if (v.show) {
+                rtn._rowRouter.push(v);
+              }
+            });
+          }
+          return rtn._rowRouter;
+        }
+      },
+      sortData: [],
+      toSort: function (col, action, callback) {
+        this.columns.forEach((v1) => {
+          if (v1.id !== col.id) {
+            v1.sortAction = "";
+          }
+        });
+        this.sortData = [];
+        if (typeof action === 'undefined') {
+          if (col.sortAction === 'asc') {
+            col.sortAction = 'desc';
+            this.sortData.push(col);
+          }
+          else if (col.sortAction === 'desc') {
+            col.sortAction = '';
+          }
+          else {
+            col.sortAction = 'asc';
+            this.sortData.push(col);
+          }
+        }
+        else {
+          col.sortAction = action;
+          this.sortData.push(col);
+        }
+        this.getPage(1, callback);
+      },
+      clearSort: function (col, callback) {
+        col.sortAction = "";
+        this.getPage(1, callback);
+      },
+      getPage: function (index, callback) {
+        //this.listData = [];
+        this.listData.splice(0, this.listData.length);
+        this.pageIndex = index;
+        this.apiData(callback);
+        this.selectIndex = 0;
+        this._lastRowspan = null;
+        if (index === 1) {
+          this.setButtonsDisabled();
+          this.selectAll = 0;
+        }
+      },
+      nextPage: function (callback) {
+        if (this.flagMoreData && this.flagMoreData !== false) {
+          this.pageIndex++;
+          this.apiData(callback);
+        }
+        else {
+          if (typeof callback !== 'undefined') {
+            callback(false);
+          }
+        }
+      },
+      upKey: function () {
+        if (this.selectIndex >= 0 && this.selectIndex - 1 >= 0) {
+          this.selectIndex--;
+        }
+      },
+      downKey: function () {
+        if (this.selectIndex >= 0 && this.selectIndex + 1 <= this.listData.length - 1) {
+          this.selectIndex++;
+        }
+      },
+      get footer() {
+        var self = this;
+        if (typeof source.content.foot !== 'undefined') {
+          var data = source.content.foot;
+          var objs = data.match(/({{[^}]+}})/g);
+          if (objs) {
+            objs.forEach((v1) => {
+              data = data.replace(v1, self[v1.replace('{{', '').replace('}}', '')]);
+            });
+          }
+          return data;
+        }
+        else {
+          return '';
+        }
+      },
+      set footer(v1) {
+        source.content.foot = v1;
+      },
+      get listHeader() {
+        return source.content.topText || '';
+      },
+      set listHeader(v1) {
+        source.content.topText = v1;
+      },
+      get listFooter() {
+        return source.content.bottomText || '';
+      },
+      set listFooter(v1) {
+        source.content.bottomText = v1;
+      },
+      apiData(callback) {
+        var self = this;
+        this.isLoading = true;
+        if (self.searchModel) {
+          //不需要禁用查询按钮
+          // self.searchModel.setBtnLoading(true);
+        }
+        Vue.prototype.$api.postHandler(common.globalUri(), {
+          action: data,
+          para: {
+            searchFields: this.searchModel ? this.searchModel.searchData : {},
+            pageAttribute: this.pageData,
+            flagSearch: true
+          }
+        })
+          .then(function (response) {
+            self.isLoading = false;
+            if (response.rtnCode === Enum.ReturnCode.Successful) {
+              if (response.content.rows.length > 0) {
+                rtn.setRow(response.content.rows);
+                response.content.rows.forEach((nr) => {
+                  rtn.listData.push(nr);
+                });
+                rtn.dataDictionary = response.content.rows;
+                //self.listData = self.listData.concat(response.content.Rows);
+              }
+              source.page.rows = response.page.rows;
+              source.page.rowCount = response.page.rowCount;
+              if (typeof response.content.foot !== 'undefined') {
+                self.footer = response.content.foot;
+              }
+
+              if (typeof response.content.topText !== 'undefined') {
+                self.listHeader = response.content.topText;
+              }
+              if (typeof response.content.bottomText !== 'undefined') {
+                self.listFooter = response.content.bottomText;
+              }
+
+              if (typeof response.page.flagMoreData !== 'undefined') {
+                self.flagMoreData = response.page.flagMoreData;
+              }
+              if (typeof response.content.updateTableColumns !== 'undefined' && response.content.updateTableColumns === '1') {
+                self.columns = response.content.columns;
+                if (self.template) {
+                  var tempLoader = template.loader(self.template).default;
+                  tempLoader.init(self);
+                }
+              }
+              if (typeof callback !== 'undefined') {
+                if (response.content.rows.length > 0) {
+                  callback(true);
+                }
+                else {
+                  callback(false);
+                }
+              }
+            }
+            else {
+              callback(false);
+            }
+
+            if (self.searchModel) {
+              // self.searchModel.setBtnLoading(false);
+            }
+          })
+          .catch((error) => {
+            self.isLoading = false;
+            if (self.searchModel) {
+              // self.searchModel.setBtnLoading(false);
+            }
+            console.error(error);
+          });
+      },
+      getCurrentRowApiData(callback) {
+        var self = this;
+        var searchFields = this.searchModel ? this.searchModel.searchData : { fields: [] };
+        if (self.primaryKey) {
+          searchFields.fields.push({
+            fieldName1: self.primaryKey,
+            groupName: self.primaryKey,
+            operation: 2,
+            searchDataType: 3,
+            searchValue1: rtn.listData[rtn.selectIndex][self.primaryKey],
+          });
+        }
+        Vue.prototype.$api.postHandler(common.globalUri(), {
+          action: data,
+          para: {
+            searchFields: searchFields,
+            pageAttribute: { pageIndex: 1},
+            flagSearch: true
+          }
+        })
+          .then(function (response) {
+            if (response.rtnCode === Enum.ReturnCode.Successful) {
+              if (response.content.rows.length > 0) {
+                response.content.rows.forEach((row) => {
+                  for (var vkey in row) {
+                    rtn.dataDictionary[row[rtn.primaryKey]][vkey] = row[vkey];
+                  }
+                });
+              }
+
+              if (typeof response.content.foot !== 'undefined') {
+                self.footer = response.content.foot;
+              }
+              if (typeof response.content.topText !== 'undefined') {
+                self.listHeader = response.content.topText;
+              }
+              if (typeof response.content.bottomText !== 'undefined') {
+                self.listFooter = response.content.bottomText;
+              }
+            }
+
+            if (typeof callback !== 'undefined') {
+              callback();
+            }
+          })
+          .catch((error) => {
+            console.error(error);
+            if (typeof callback !== 'undefined') {
+              callback();
+            }
+          });
+      },
+      attrs: {
+        size: 'mini'
+      },
+      pageData: {
+        get orderBy() {
+          if (rtn.sortData.length > 0) {
+            return rtn.sortData[0].sortName + ' ' + rtn.sortData[0].sortAction;
+          }
+        },
+        get pageIndex() {
+          return rtn.pageIndex;
+        }
+      },
+      get template() {
+        return source.content.template;
+      },
+      get dataApi() {
+        return source.content.dataApi;
+      },
+      get primaryKey() {
+        return common.initialsToUpperCase(source.content.primaryFieldName);
+      },
+      get $index() {
+        if (this.$rowCount > 0) {
+          return this.selectIndex + 1;
+        }
+        return 0;
+      },
+      get $total() {
+        return this.listData.length;
+      },
+      get $rowCount() {
+        return source.page.rowCount;
+      },
+      _dataDictionary: {},
+      set dataDictionary(v) {
+        if (v) {
+          v.forEach((r) => {
+            rtn._dataDictionary[r[rtn.primaryKey]] = r;
+          });
+        }
+      },
+      get dataDictionary() {
+        return rtn._dataDictionary;
+      },
+      get rowMergedColumns() {
+        return source.content.rowMergedColumns || [];
+      },
+      get optionApi() {
+        return source.content.parameterAction;
+      },
+      setRow(rows) {
+        rtn.setStyleRow(rows);
+        rtn.setMergeRow(rows);
+      },
+      //设置行样式
+      setStyleRow(rows) {
+        rows.forEach((row) => {
+          if (!row.$style) {
+            row.$style = {};
+          }
+          if (rtn.rowColorColumn && row[rtn.rowColorColumn]) {
+            row.$style.color = row[rtn.rowColorColumn];
+          }
+        });
+      },
+      _lastRowspan: null,
+      //设置合并行
+      setMergeRow(rows) {
+        if (rtn.rowMergedColumns.length === 0) {
+          return;
+        }
+
+        for (let i = 0; i < rows.length; i++) {
+          let row = rows[i];
+          if (typeof row.$rowspan === 'undefined') {
+            if (rtn._lastRowspan !== null) {
+              let equalNum = 0;
+              for (let j = 0; j < rtn.rowMergedColumns.length; j++) {
+                let rowMerged = rtn.rowMergedColumns[j];
+                if (row[rowMerged] === rtn._lastRowspan[rowMerged]) {
+                  equalNum++;
+                }
+                else {
+                  break;
+                }
+              }
+
+              //当所有列都相等时
+              if (equalNum === rtn.rowMergedColumns.length) {
+                row.$rowspan = 0;
+                rtn._lastRowspan.$rowspan++;
+              }
+              else {
+                row.$rowspan = 1;
+                rtn._lastRowspan = row;
+              }
+            }
+            else {
+              row.$rowspan = 1;
+              rtn._lastRowspan = row;
+            }
+          }
+        }
+      },
+      doAction(response) {
+        if (response.responseData) {
+          response = response.responseData;
+        }
+        switch (response.notification) {
+          case Enum.ActionType.Delete://删除
+          case Enum.ActionType.CloseTabThenDelete://删除
+            var deleteRow = response.content.split(',');
+            if (deleteRow) {
+              deleteRow.forEach((r) => {
+                const dataIndex = rtn.listData.indexOf(rtn.dataDictionary[r])
+                if (dataIndex !== -1) {
+                  rtn.listData.splice(dataIndex, 1);
+                  delete rtn.dataDictionary[r];
+                }
+              });
+            }
+
+            source.page.rows = source.page.rows - deleteRow.length;
+            break;
+          case Enum.ActionType.New://新增
+          case Enum.ActionType.CloseTabThenNew://新增
+         
+            rtn.setStyleRow(response.content);
+            response.content.forEach((nr) => {
+              rtn.listData.unshift(nr);
+            });
+            rtn.dataDictionary = response.content;
+
+            source.page.rows = source.page.rows + response.content.length;
+            rtn.$vue.calculatingRowHeight()    
+            break;
+          case Enum.ActionType.Update://修改
+          case Enum.ActionType.CloseTabThenUpdate://修改
+            response.content.forEach((row) => {
+              for (var vkey in row) {
+                rtn.dataDictionary[row[rtn.primaryKey]][vkey] = row[vkey];
+              }
+            });
+            break;
+          case Enum.ActionType.Export://导出
+            var fileName = response.content.fieldName1;
+            var fileContent = window.atob(response.content.code1);
+            common.saveFile(fileName, fileContent);
+            break;
+          case Enum.ActionType.Refersh://刷新
+            rtn.$vue.getPage(1);
+            break;
+          case Enum.ActionType.RefreshParent://刷新父页面
+            rtn.$vue.$emit('refreshParent');
+            break;
+          default:
+            break;
+        }
+        rtn.$vue.$forceUpdate();
+      },
+      //检查是否关闭tab后触发来源页面操作
+      checkCloseTabThen(notification) {
+        var rtn = false;
+        if (notification == Enum.ActionType.CloseTabThenDelete
+          || notification == Enum.ActionType.CloseTabThenNew
+          || notification == Enum.ActionType.CloseTabThenUpdate) {
+          rtn = true;
+        }
+        return rtn;
+      },
+      //设置多选按钮是否禁用
+      setButtonsDisabled() {
+        var selectData = rtn.getSelectRowData({ isMulti: 1 });
+        rtn._buttons.forEach((v) => {
+          if (v.isMulti) {
+            if (selectData != null && selectData.length > 0) {
+              v.disabled = false;
+            }
+            else {
+              v.disabled = true;
+            }
+          }
+        });
+      },
+      _scripts: null,
+      get scripts() {
+        if (rtn._scripts !== null) {
+          return rtn._scripts;
+        }
+        else {
+          if (typeof source.scripts !== 'undefined') {
+            rtn._scripts = base.common.eval(source.scripts);
+            return rtn._scripts;
+          }
+          else{
+            rtn._scripts={};
+            return rtn._scripts;
+          }
+        }
+      },
+      formData:formData,
+      get tdClass() {
+        let c='';
+        if (source.content.lineType !== undefined && source.content.lineType !== null) {
+          if (source.content.lineType===Enum.LineType.Vertical) {
+            c='ct-td1';
+          }
+          else if (source.content.lineType===Enum.LineType.Horizon) {
+            c='ct-td2';
+          }
+          else if (source.content.lineType===Enum.LineType.Both) {
+            c='ct-td3';
+          }
+        }
+        return c;
+      },
+    };
+    if (rtn.template) {
+      var tempLoader = template.loader(rtn.template).default;
+      tempLoader.init(rtn);
+    }
+    rtn.dataDictionary = rtn.listData;
+    return rtn;
+  };
+  if (typeof data === 'string') {
+    var apiData = searchModel ? searchModel.searchData : {};
+    Vue.prototype.$api.postHandler(common.globalUri(), { action: data, para: { searchFields: apiData, pageAttribute: { pageIndex: 1 }, flagSearch: flagSearch } }).then(
+      function (response) {
+        if (response.rtnCode === Enum.ReturnCode.Successful) {
+          var rtn = init(response);
+          if (callBack) {
+            callBack(rtn);
+          }
+        }
+      }
+    );
+  }
+  else {
+    return init(data);
+  }
+}
+
+export default SearchTable;