cloud-web-corejs 1.0.54-dev.62 → 1.0.54-dev.620

package/src/components/xform/form-render/container-item/data-table-mixin.js

@@ -1,1685 +1,3292 @@
-import emitter from '../../../../components/xform/utils/emitter';
-import i18n from '../../../../components/xform/utils/i18n';
-import refMixin from '../../../../components/xform/form-render/refMixin';
-import containerItemMixin from './containerItemMixin';
-
-import * as formatUtil from '../../../../components/xform/utils/format.js';
-import tableConfig from '../../../../components/table/config.js';
-import {extendDeeply} from "../../../../utils/index.js";
-import {
-  assembleAxiosConfig,
-  getReportGlobalMap,
-  generateId
-} from '../../../../components/xform/utils/util';
-import {tableTreeMixins} from '../../../../mixins/tableTree/index.js';
-
-let modules = {};
-const baseRefUtil = {
-  emitter,
-  i18n,
-  refMixin,
-  containerItemMixin,
-  formatUtil,
-  assembleAxiosConfig,
-  tableConfig,
-  getReportGlobalMap
-};
-
-modules = {
-  mixins: [baseRefUtil.emitter, baseRefUtil.i18n, baseRefUtil.refMixin, baseRefUtil.containerItemMixin, tableTreeMixins],
-  componentName: 'ContainerItem',
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    subFormRowIndex: {
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      type: String,
-      default: ''
-    }
-  },
-  inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv', 'previewState'],
-  data: function () {
-    let that = this;
-    return {
-      fieldModel: [],
-      selectedIndices: [],
-      pageSize: this.widget.options.pagination.pageSize,
-      pageSizes: this.widget.options.pagination.pageSizes,
-      currentPage: this.widget.options.pagination.currentPage,
-      total: this.widget.options.pagination.total,
-      formData: {
-        saleOrgName: '',
-        loginAccount: '',
-        mobile: '',
-        enabled: 1
-      },
-      vxeOption: {},
-      requestAccess: null,
-      columnFormatMap: {
-        editInput: 'input',
-        editNumber: 'number',
-        editDate: 'date',
-        editSelect: 'select',
-        editSearch: 'vabsearch',
-        editAttachment: 'baseAttachment',
-        editStatus: 'status',
-        aText: 'a-text',
-        aLink: 'a-link',
-        editDelete: 'a-link',
-        editButton: 'a-link',
-        button: 'button',
-        addSiblingEditRow: 'a-link',
-        addChildTreeRow: 'a-link',
-        moveUpRow: 'a-link',
-        moveDownRow: 'a-link',
-        removeTreeRow: 'a-link'
-      },
-      dataTableConfig: {},
-      widgets: [],
-      editWidgets: [],
-
-      sortParentRow: null,
-      sortRows: [],
-      showTreeMoveDialog: false,
-      tableConfig: {}
-    };
-  },
-  watch: {
-    fieldModel(val) {
-      this.formModel[this.fieldKeyName] = val || [];
-    }
-  },
-  computed: {
-    hasWf() {
-      return this.getFormRef().hasWf || false;
-    },
-    tableDatas: {
-      cache: !1,
-      get: function () {
-        return this.globalModel.formModel[this.fieldKeyName] || [];
-      }
-    },
-    formConfig: function () {
-      return this.getFormConfig();
-    },
-    paginationLayout: function () {
-      return this.widget.options.smallPagination ? 'prev, pager, next' : 'total, sizes, prev, pager, next, jumper';
-    },
-    customClass: function () {
-      return this.widget.options.customClass || '';
-    },
-    singleRowSelectFlag: function () {
-      return !this.widget.options.showCheckBox;
-    },
-    buttonsColumnFixed: function () {
-      return void 0 === this.widget.options.buttonsColumnFixed ? 'right' : !!this.widget.options
-        .buttonsColumnFixed && this.widget.options.buttonsColumnFixed;
-    },
-    formModel: {
-      cache: !1,
-      get: function () {
-        return this.globalModel.formModel;
-      }
-    },
-    formDataId() {
-      let formRef = this.getFormRef();
-      return formRef.dataId;
-    }
-  },
-  created: function () {
-    if (!this.formModel[this.fieldKeyName]) this.formModel[this.fieldKeyName] = [];
-    this.initRefList();
-    this.handleOnCreated();
-  },
-  mounted: async function () {
-    this.handleOnMounted();
-    this.initTableList();
-  },
-  beforeDestroy: function () {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    getGridTableName() {
-      let formCode = this.getFormRef().reportTemplate.formCode;
-      let tableName = formCode + "_" + this.widget.options.name;
-      return tableName;
-    },
-    updateFormField: function () {
-      let rows = this.fieldModel || [];
-      let formRows = this.formModel[this.fieldKeyName];
-      if (formRows) {
-        this.formModel[this.fieldKeyName].splice(0, formRows.length);
-        this.formModel[this.fieldKeyName].push(...rows);
-      } else {
-        this.formModel[this.fieldKeyName] = rows;
-      }
-    },
-    setValue(val) {
-      // console.log("rows:",val);
-      let rows = val || []
-      this.formModel[this.fieldKeyName] = rows;
-      let $grid = this.getGridTable();
-      this.fieldModel = rows;
-      // $grid.loadData(rows);
-    },
-    getValue() {
-      return this.formModel[this.fieldKeyName];
-    },
-    getFieldKeyName(widget) {
-      let o = widget.options.name;
-      return (
-        (widget.options.keyNameEnabled
-          && widget.options.keyName)
-        || o
-      );
-    },
-    selectWidget: function (e) {
-      this.designer.setSelected(e);
-    },
-    formatterValue: function ({cellValue, row, column}) {
-      if (cellValue === null || cellValue === undefined) return cellValue;
-
-      if (column.params && column.params.formatS)
-        switch (column.params.formatS) {
-          case 'd1':
-            return baseRefUtil.formatUtil.formatDate1(cellValue);
-          case 'd2':
-            return baseRefUtil.formatUtil.formatDate2(cellValue);
-          case 'd3':
-            return baseRefUtil.formatUtil.formatDate3(cellValue);
-          case 'd4':
-            return baseRefUtil.formatUtil.formatDate4(cellValue);
-          case 'd5':
-            return baseRefUtil.formatUtil.formatDate4(cellValue);
-          case 'n1':
-            return baseRefUtil.formatUtil.formatNumber1(cellValue);
-          case 'n2':
-            return baseRefUtil.formatUtil.formatNumber2(cellValue);
-          case 'n3':
-            return baseRefUtil.formatUtil.formatNumber3(cellValue);
-          case 'n4':
-            return baseRefUtil.formatUtil.formatNumber4(cellValue);
-          case 'n5':
-            return baseRefUtil.formatUtil.formatNumber5(cellValue);
-          case 'n6':
-            return baseRefUtil.formatUtil.formatNumber6(cellValue);
-          case 'n7':
-            return baseRefUtil.formatUtil.formatNumber7(cellValue);
-        }
-      return cellValue;
-    },
-    getRowIndex: function (e) {
-      return this.widget.options.tableData.lastIndexOf(e);
-    },
-    setTableColumns: function (e) {
-      var t = this;
-      (this.widget.options.tableColumns = e),
-        this.$nextTick(function () {
-          t.$refs.dataTable.doLayout();
-        });
-    },
-    setTableColumn: function (e) {
-      this.setTableColumns(e);
-    },
-    getTableData: function () {
-      return this.widget.options.tableData;
-    },
-    resetForm(options) {
-      let formData = this.formModel;
-      let ignoreFields = options?.ignoreFields || [];
-      this.widget.widgetList.forEach(subWidget => {
-        if (!ignoreFields.length || !ignoreFields.includes(subWidget.options.name)) {
-          let widgetRef = this.getWidgetRef(subWidget.options.name)
-          if (widgetRef && widgetRef.setValue) widgetRef.setValue(null);
-        }
-      });
-    },
-    searchEvent() {
-      this.getGridTable().commitProxy('reload');
-    },
-    async resetEvent(options) {
-      this.resetForm(options);
-      this.getGridTable().commitProxy('reload');
-    },
-    handleSearchClick() {
-      if (this.widget.options.onSearchTable) {
-        this.handleCustomEvent(this.widget.options.onSearchTable);
-        return
-      }
-      this.searchEvent();
-    },
-    handleResetClick() {
-      if (this.widget.options.onResetTable) {
-        this.handleCustomEvent(this.widget.options.onResetTable);
-        return
-      }
-      this.resetEvent();
-    },
-    openEditDialog(row, param) {
-      let formRef = this.getFormRef();
-      let parentTarget = formRef.$attrs["parent-target"];
-      parentTarget && parentTarget.$attrs.openEditDialog && parentTarget.$attrs.openEditDialog(row, param);
-    },
-    importExcel() {
-    },
-    getGrid(that, tableRef) {
-      var $grid;
-      if (Array.isArray(that.$refs[tableRef])) {
-        $grid = that.$refs[tableRef][0];
-      } else {
-        $grid = that.$refs[tableRef];
-      }
-      return $grid;
-    },
-    getTableCondition: function () {
-      if (this.widget.options.tableCondition) {
-        var e = new Function(this.widget.options.tableCondition);
-        return e.call(this);
-      }
-    },
-    getSearchCondition: function () {
-      let extraAccessData = this.extraAccessData || {};
-      let searchFormData = this.getSearchFormData();
-      let defaultData = {};
-
-      // let globalReqData = baseRefUtil.getReportGlobalMap();//全局请求参数
-      let tableCondition = this.getTableCondition();
-      let conditions = {
-        ...defaultData,
-        ...tableCondition,
-        ...searchFormData,
-        ...extraAccessData,
-        // ...globalReqData
-      };
-      return conditions;
-    },
-    createColumns() {
-      let tableColumns = this.widget.options.tableColumns;
-      let newColumns = [];
-      newColumns.push({
-        type: 'checkbox',
-        width: 48,
-        resizable: false,
-        fixed: 'left'
-      });
-
-      const createColumn = (t, isChild) => {
-        let col = {
-          fixed: !!t.fixed && t.fixed,
-          field: t.prop,
-          title: this.getI18nLabel(t.label),
-          sortable: t.sortable,
-          align: t.align ? t.align : 'center',
-          formatter: this.formatterValue,
-          params: {
-            formatS: t.formatS,
-            columnId: t.columnId,
-            exportType: t.exportType
-          },
-          visible: t.show,
-          slots: {}
-        };
-        if (t.treeNode) {
-          col.treeNode = true;
-        }
-        if (t.children && t.children.length) {
-          col.align = 'center';
-          delete col.field
-          let childColumns = t.children.map(child => {
-            return createColumn(child, true);
-          });
-          col.children = childColumns;
-
-          col.sortable = false;
-          col.filterType = false;
-        } else {
-          col.width = t.width;
-          if (isChild) {
-            if (col.title && col.field) {
-              col.filters = [
-                {
-                  data: {},
-                },
-              ];
-              col.filterRender = {
-                name: "FilterContent",
-              };
-            }
-          }
-        }
-        col = addColumProperty(col, t)
-        return col;
-      };
-
-      const addColumProperty = (col, t) => {
-        let columnOption;
-        let widget;
-        let columnWidgetConfig = this.getColumnWidgetConfig(t);
-        let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
-        if (columnSelectedWidget) {
-          widget = columnSelectedWidget
-          columnOption = widget.options;
-        } else {
-          columnOption = {};
-        }
-
-        let {columnSelectedWidget: editWidget} = this.getColumnWidgetConfig(t, true);
-
-        let params = {
-          ...columnOption,
-          widget: widget,
-          formatS: t.formatS,
-          required: t.required || false,
-          columnConfig: t,
-          editWidget
-        }
-        Object.assign(col.params, params);
-        if (!col.children || !col.children.length) {
-          if (t.formatS == 'render') {
-            let r = t.render ? new Function('params', 'h', t.render) : null;
-            col.slots.default = (params, h) => {
-              return r ? r.call(this, params, h) : '';
-            };
-          } else if (columnSelectedWidget) {
-            // col.slots.default = columnSelectedWidget.id;
-            col.slots.default = "widget";
-          } else if (t.formatS == 'editTreeButtonGroup') {
-            col.slots.default = 'editTreeButtonGroup';
-          }
-
-          if (editWidget) {
-            col.editRender = {name: 'input'};
-            // col.slots.edit = editWidget.id;
-            col.slots.edit = "editWidget"
-          }
-        }
-        if (t.tableColumnConfig) {
-          let tableColumnConfig = this.handleCustomEvent(t.tableColumnConfig) || {};
-          col = extendDeeply(col, tableColumnConfig);
-        }
-        return col
-      }
-
-      let formRef = this.getFormRef();
-      tableColumns.forEach(t => {
-        let col = createColumn(t);
-        newColumns.push(col);
-      });
-
-      if (baseRefUtil.tableConfig && baseRefUtil.tableConfig.className == "list-table") {
-        if (tableColumns.length) {
-          let tableColumn = [tableColumns.length - 1];
-          if (tableColumn.fixed != "right") {
-            newColumns.push({
-              width: 47,
-              title: '',
-              fixed: 'right',
-              sortable: false,
-            });
-          }
-        }
-      }
-      return this.$baseLodash.cloneDeep(newColumns);
-    },
-    initTableList() {
-      let that = this;
-      let path = null;
-      let paramFun = null;
-      // let mainDataSetDTO = null;
-      let requestAccess = this.requestAccess;
-      let tableRef = this.getTableRef();
-      let formDataModel = this.getFormRef().formDataModel;
-      let isQueryTable = this.widget.options.isQueryTable || false;
-      let isDataPage = this.widget.options.accessReturnType == "2";
-      let reportTemplate = this.getFormRef().reportTemplate;
-      let formCode = reportTemplate.formCode;
-      let dataId = this.formDataId;
-      let accessScript = this.widget.options.accessScript;
-      let searchColumns = null;
-      if (isQueryTable) {
-        path = "#";
-        paramFun = () => {
-          let conditions = this.getSearchCondition();
-          let $grid = this.getGridTable();
-          if (this.widget.options.showPagination) {
-            let proxyInfo = $grid.getProxyInfo();
-            let searchCount = true;
-            let isQueryAllPage = $grid.isQueryAllPage;
-            if (isQueryAllPage == false) {
-              searchCount = false;
-            }
-            let pager = proxyInfo ? proxyInfo.pager : null;
-            if (pager) {
-              conditions.current = pager.currentPage;
-              conditions.size = pager.pageSize;
-              conditions.searchCount = searchCount;
-            }
-          }
-
-          /*let formData = {
-            accessCode: requestAccess.accessCode,
-            conditions: conditions
-          };*/
-          let formData = conditions;
-          return formData;
-        };
-
-        searchColumns = [];
-        let widgetList = this.widget.widgetList;
-        let typeMap = {
-          "input": "input",
-          "number": "number",
-          "inputBatch": "inputBatch",
-          "date": "date"
-        }
-
-        widgetList.forEach(widget => {
-          if ('container' !== widget.category) {
-            let options = widget.options;
-            let type = typeMap[widget.type] || null;
-            searchColumns.push({
-              title: this.getI18nLabel(options.label),
-              field: this.getFieldKeyName(widget),
-              type: type,
-              common: true,
-              disabled: options.disabled,
-              defaultValueEnabled: !!type,
-              slot: options.name,
-              widget: widget,
-              formItem: false
-            });
-          }
-        });
-      }
-
-      let formRef = this.getFormRef();
-      let dataTableConfig = formRef.$attrs.dataTableOption || {}
-      this.dataTableConfig = dataTableConfig;
-
-      let columns = this.createColumns();
-      this.widgets = columns.filter(column => !!column?.params?.widget).map(column => column.params.widget);
-      this.editWidgets = columns.filter(column => !!column?.params?.editWidget).map(column => column.params.editWidget);
-
-      let height = this.widget.options.tableHeight || (isQueryTable ? "auto" : null);
-      if (!this.widget.options.tableHeight && isQueryTable && this.previewState) {
-        height = "550px";
-      }
-
-      let formConfig = this.formConfig;
-      let scriptCode = this.getScriptCode();
-
-      let otherParam = {}
-      let attachmentType = this.getAttachmentType();
-      if (attachmentType.length) {
-        otherParam.attachmentType = attachmentType;
-      }
-      let thirdtabm = this.getThirdtabm();
-      if (thirdtabm.length) {
-        otherParam.thirdtabm = thirdtabm;
-      }
-
-      let pagerConfig = {};
-      let editDefaultRow, treeNodeParam, treeConfig;
-      let isTreeTable = this.widget.options.isTreeTable;
-      if (isTreeTable) {
-        pagerConfig.pagerClass = "is--hidden"
-        if (this.widget.options.editDefaultRow) {
-          editDefaultRow = this.handleCustomEvent(this.widget.options.editDefaultRow);
-        }
-        treeNodeParam = row => {
-          return {
-            [this.widget.options.parentField]: row.id
-          };
-        }
-        treeConfig = {
-          lazy: false,
-          children: "f_children",
-          hasChild: "f_has_child", // 设置是否有子节点标识
-          parentField: "f_parent",
-          transform: true,
-          expandAll: true,
-          loadMethod({$table, row}) {
-            // 模拟后台接口
-            let $grid = that.getGridTable();
-            let parentField = $grid.treeConfig.parentField;
-            return new Promise((resolve, reject) => {
-              let treeParam = that.widget.options.tableConfig?.treeNodeParam;
-              let reqPram = {};
-              if (treeParam) {
-                reqPram = treeParam(row) || {}
-              }
-              Object.assign(reqPram, {
-                [parentField]: row.id,
-              });
-              let accessParam = this.getAccessParam() || {};
-              let defaultOption = that.getHttpConfigForUser();
-              that.formHttp({
-                scriptCode: scriptCode,
-                data: {
-                  formCode: formCode,
-                  formVersion: reportTemplate.formVersion,
-                  taBm: that.fieldKeyName,
-                  data: {
-                    ...reqPram,
-                    ...otherParam,
-                    ...accessParam
-                  }
-                },
-                callback: (res) => {
-                  if (res.type == "success") {
-                    let rows = res.objx ? res.objx.records || res.objx || [] : [];
-
-                    let hasChildField = $grid.treeConfig.hasChild;
-                    if (row[hasChildField] && !rows.length) {
-                      row[hasChildField] = false;
-                    }
-
-                    resolve(rows);
-                    let treeCallback = that.widget.options.tableConfig?.treeCallback;
-                    if (treeCallback) {
-                      that.$nextTick(() => {
-                        setTimeout(function () {
-                          treeCallback(rows);
-                        }, 0);
-                      });
-                    }
-                  } else {
-                    reject(res);
-                  }
-                },
-              });
-            });
-          },
-        };
-
-      }
-      let editOpts = {};
-      if (this.widget.options.isEditTable) {
-        editOpts = {
-          keepSource: true,
-          editConfig: {
-            trigger: "manual",
-            mode: "row",
-            showStatus: true,
-            autoClear: false,
-          }
-        }
-      }
-      let tableOption = {
-        // vue: this,
-        tableRef: tableRef,
-        tableName: this.getGridTableName(),
-        param: paramFun,
-        columns: columns,
-        searchColumns: searchColumns,
-        vform: true,
-        config: {
-          height: height,
-          pagerConfig,
-          treeConfig,
-          ...editOpts,
-          ...dataTableConfig.config
-        },
-        exportAjax: (param) => {
-          let $grid = this.getGridTable();
-          let pageSize = param.size;
-          let currentPage = param.current;
-          let page = {pageSize, currentPage};
-          return $grid.$options.propsData.proxyConfig.ajax.query.call(this, {page, param})
-        },
-        // treeNodeUrl,
-        editDefaultRow,
-        treeNodeParam
-      };
-
-      if (isQueryTable) {
-        /*if(this.widget.options.isTreeTable){
-          tableOption.config.pagerConfig.autoHidden = false;
-        }*/
-        tableOption.path = path;
-        tableOption.config.proxyConfig = {
-          props: {
-            result: isDataPage ? 'objx.records' : 'objx', // 配置响应结果列表字段
-            total: isDataPage ? 'objx.total' : 'objx.length' // 配置响应结果总页数字段
-          },
-          ajax: {
-            // 接收 Promise 对象
-            query: ({page, sorts, filters, form, param}) => {
-
-              let formData = tableOption.param ? tableOption.param() || {} : {};
-              const queryParams = Object.assign({}, formData);
-
-              // 处理排序条件
-              if (sorts) {
-                const firstSort = sorts[0];
-                if (firstSort) {
-                  queryParams.sort = firstSort.property;
-                  queryParams.order = firstSort.order;
-                }
-              }
-
-              // 处理筛选条件
-              if (filters) {
-                filters.forEach(({property, values}) => {
-                  queryParams[property] = values.join(",");
-                });
-              }
-
-              if (page.pageSize !== undefined) {
-                queryParams["size"] = `${page.pageSize}`;
-                queryParams["current"] = `${page.currentPage}`;
-              }
-
-              let $grid = this.getGridTable();
-              let isQueryAllPage = $grid.isQueryAllPage;
-              let pathStr1 = "";
-              if (isQueryAllPage === false) {
-                queryParams.searchCount = false;
-              }
-              Object.assign(queryParams, param)
-
-              var reqPath = typeof path == "function" ? path() : path;
-              let accessReturnType = this.widget.options.accessReturnType || 2;
-              let scriptCode = this.getScriptCode();
-              return new Promise((resolve, reject) => {
-                let reqData = {
-                  ...queryParams
-                }
-                if (scriptCode) {
-                  let index = 0;
-                  let toDo = () => {
-                    // let f = new Function("dataId", "formCode", "param", "done", accessScript);
-                    let done = (res) => {
-                      resolve(res);
-                      if (res.type == "success") {
-                        let rows = res.objx ? res.objx.records || res.objx || [] : [];
-                        if (that.widget.options.isTreeTable) {
-                          if (rows.length > 0) {
-                            let fullAllDataRowMap
-                              = $grid.$refs.xTable.fullAllDataRowMap;
-                            let parentField = $grid.treeConfig.parentField;
-                            let expandAll = $grid.treeConfig.expandAll || false;
-                            let isLazy = $grid.treeConfig.lazy;
-                            let expandIds = rows.filter(item => item[parentField]).map(item => item[parentField])
-                            let expandRows = expandIds.length ? rows.filter(item => expandIds.includes(item.id)) : [];
-                            if (expandAll && expandRows.length) {
-                              that.$nextTick(() => {
-                                setTimeout(function () {
-                                  $grid.treeConfig.lazy = false;
-                                  $grid.setTreeExpand(expandRows, true);
-                                  expandRows.forEach((lineData) => {
-                                    if ($grid.$refs.xTable.isTreeExpandByRow(lineData)) {
-                                      let rest = fullAllDataRowMap.get(lineData);
-                                      rest.treeLoaded = true;
-                                    }
-                                  });
-
-                                  $grid.treeConfig.lazy = isLazy;
-                                }, 0);
-                              });
-                            }
-
-                            let row = rows.find(item => !item[parentField]);
-                            if (row && (!expandAll || !expandIds.includes(row.id))) {
-                              let hasChild = $grid.treeConfig.hasChild;
-                              if (row[hasChild]) {
-                                that.$nextTick(() => {
-                                  setTimeout(function () {
-                                    $grid.setTreeExpand(row, true);
-                                  }, 0);
-                                });
-                              }
-                            }
-                          }
-                        }
-                        that.$nextTick(() => {
-                          setTimeout(function () {
-                            tableOption.callback && tableOption.callback(rows);
-                            that.handleCustomEvent(that.widget.options.formScriptCallback, ['rows'], [rows])
-                          }, 0);
-                        });
-                      }
-                    }
-                    this.loadDefaultQueryList(reqData, done)
-                  };
-                  let loopHandle = () => {
-                    if (index < 500 && $grid.tableFormStop === true) {
-                      //阻塞列表查询，或者次数达到500时，自动释放
-                      index++
-                      setTimeout(() => {
-                        loopHandle();
-                      }, 10)
-                    } else {
-                      if ($grid.tableFormStop) $grid.tableFormStop = false;
-                      toDo();
-                    }
-                  }
-                  loopHandle();
-                } else {
-                  resolve();
-                }
-              });
-            }
-          }
-        };
-        tableOption.callback = (rows) => {
-          // this.fieldModel = rows;
-          this.formModel[this.fieldKeyName] = rows
-        }
-      }
-
-      if (isTreeTable) {
-        tableOption.filterType = false;
-      }
-
-      if (this.widget.options.tableConfig) {
-        let tableConfig = this.handleCustomEvent(this.widget.options.tableConfig) || {};
-        tableOption = extendDeeply(tableOption, tableConfig);
-        this.tableConfig = tableConfig;
-      }
-      tableOption.vue = this;
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        this.vxeOption = opts;
-        if (!isQueryTable) {
-          setTimeout(() => {
-            this.loadAccessData(1);
-          }, 20);
-        }
-      });
-    },
-    getSearchFormData() {
-      let map = {condition: []};
-      let formData = this.globalModel.formModel;
-      let widgetList = this.widget.widgetList;
-      if (!!widgetList && widgetList.length > 0) {
-        let loop = (wItem) => {
-          if (wItem.category === 'container') {
-            loop(wItem);
-          } else {
-            let formField = this.getFieldKeyName(wItem);
-            let vaule = formData[formField];
-            if (vaule !== null && vaule !== undefined && vaule !== '') {
-              if (!Array.isArray(vaule) || vaule.length > 0) {
-                let item = {
-                  "value": vaule,
-                  "field": formField,
-                  "filter": null
-                };
-                let wType = wItem.type;
-                if (["date-range", "time-range"].includes(wType)) {
-                  item.filter = "between"
-                } else if (["input-batch", "checkbox"].includes(wType) || (wType == "select" && wItem.options.multiple)) {
-                  item.filter = "in"
-                } else if (["radio", "time", "date"].includes(wType) || (wType == "select" && !wItem.options.multiple)) {
-                  item.filter = "eq"
-                } else {
-                  item.filter = "like"
-                }
-                map.condition.push(item);
-              }
-            }
-          }
-        };
-        widgetList.forEach(wItem => {
-          loop(wItem);
-        });
-      }
-      return map;
-    },
-    getUrl() {
-      let accessUrl = this.widget.options.accessUrl
-      return accessUrl || (USER_PREFIX + `/form_ins/getFormInsData`);
-    },
-    getAttachmentType() {
-      let vailColumns = this.widget.options.tableColumns.filter(item => item.prop && item.label);
-      let result = vailColumns.filter(item => {
-        return item.formatS == 'editAttachment'
-      }).map(item => item.prop);
-      return result;
-    },
-    getThirdtabm() {
-      let vailColumns = this.widget.options.tableColumns.filter(item => item.prop && item.label);
-      let result = vailColumns.filter(item => {
-        return item.formatS == "editSearch" && item.columnOption.multipleChoices
-      }).map(item => item.prop);
-      return result;
-    },
-
-    loadDefaultViewList() {
-      let dataId = this.formDataId;
-      let reportTemplate = this.getFormRef().reportTemplate;
-      let formCode = reportTemplate.formCode;
-      let accessParam = this.getAccessParam() || {};
-      let otherParam = {}
-      let attachmentType = this.getAttachmentType();
-      if (attachmentType.length) {
-        otherParam.attachmentType = attachmentType;
-      }
-      let thirdtabm = this.getThirdtabm();
-      if (thirdtabm.length) {
-        otherParam.thirdtabm = thirdtabm;
-      }
-      let scriptCode = this.getScriptCode();
-      return this.formHttp({
-        /*url: "/" + reportTemplate.serviceName + "/form_ins/getList",*/
-        scriptCode: scriptCode,
-        data: {
-          formCode: formCode,
-          formVersion: reportTemplate.formVersion,
-          taBm: this.fieldKeyName,
-          data: {
-            id: dataId,
-            ...otherParam,
-            ...accessParam
-          }
-        },
-        callback: res => {
-          let $grid = this.getGridTable();
-          let rows = res.objx ? res.objx.records || res.objx || [] : [];
-          let defaultRow = this.createNewTableData();
-          rows = rows.map(row => {
-            return {
-              ...defaultRow,
-              ...row
-            }
-          });
-          this.setValue(rows)
-          this.$nextTick(() => {
-            /*if (this.widget.options.isTreeTable) {
-              let $grid = this.getGridTable();
-              $grid.treeConfig.lazy = false;
-              $grid.setAllTreeExpand(true);
-            }*/
-            this.tableConfig.callback && this.tableConfig.callback(rows);
-            this.handleCustomEvent(this.widget.options.formScriptCallback, ['rows'], [rows])
-            this.$forceUpdate();
-          })
-        }
-      });
-    },
-    getAccessParam() {
-      if (!this.widget.options.formScriptParam) return;
-      return this.handleCustomEvent(this.widget.options.formScriptParam)
-    },
-    getScriptCode() {
-      let accessReturnType = this.widget.options.accessReturnType
-      let defaultScriptCode = "getList";
-      if (accessReturnType == 1) {
-        defaultScriptCode = "getList";
-      } else if (accessReturnType == 2) {
-        defaultScriptCode = "getPage";
-      }
-      let scriptCode = this.widget.options.formScriptCode || defaultScriptCode;
-      return scriptCode;
-    },
-    loadDefaultQueryList(reqData, done) {
-      let reportTemplate = this.getFormRef().reportTemplate;
-      let prefix = "/" + reportTemplate.serviceName;
-      let formCode = reportTemplate.formCode;
-      let formConfig = this.formConfig;
-      let accessReturnType = this.widget.options.accessReturnType
-      let scriptCode = this.getScriptCode();
-      let accessParam = this.getAccessParam() || {};
-
-      let otherParam = {}
-      let attachmentType = this.getAttachmentType();
-      if (attachmentType.length) {
-        otherParam.attachmentType = attachmentType;
-      }
-
-      let defaultOption = this.getHttpConfigForUser();
-
-      return this.formHttp({
-        // url: prefix + "/form_ins/getPage",
-        scriptCode: scriptCode,
-        data: {
-          formCode: formCode,
-          formVersion: reportTemplate.formVersion,
-          taBm: this.fieldKeyName,
-          data: {
-            ...reqData,
-            ...otherParam,
-            ...accessParam
-          }
-        },
-        ...defaultOption,
-        callback: res => {
-          done(res);
-        }
-      });
-    },
-    loadAccessData(flag) {
-      if (flag === 1) {
-        let tableConfig = this.tableConfig;
-        let accessEnabled = tableConfig.accessEnabled ?? true;
-        if (accessEnabled === false) {
-          return
-        }
-        if ((this.formConfig.isLoadEntity && !this.formDataId)) {
-          return
-        }
-      }
-
-      let scriptCode = this.getScriptCode()
-      if (scriptCode) {
-        this.loadDefaultViewList();
-      }
-    },
-    getReqParam(item, dataId, billData) {
-      let param = {};
-      if (item.accessParam) {
-        if (typeof item.accessParam === "string") {
-          let n = new Function('billData', item.accessParam);
-          param = n.call(this, billData);
-        } else {
-          param = item.accessParam
-        }
-      } else {
-        param = {id: dataId}
-      }
-      return param;
-    },
-    getTableRef() {
-      let tableRef = this.widget.id;
-      return tableRef;
-    },
-    exportData(option) {
-      let tableRef = this.getTableRef();
-      let serviceName = this.getFormRef().reportTemplate.serviceName;
-      option.prefix = option.prefix || ('/' + serviceName);
-      this.$excelExport({targetRef: tableRef, ...option})
-    },
-    async deleteRow(row, rowIndex) {
-      let isTreeTable = this.widget.options.isTreeTable;
-      if (isTreeTable) {
-        this.removeTreeRow({row})
-        return
-      }
-      let $grid = this.getGridTable();
-      $grid.remove(row)
-      let tableData = $grid.getTableData();
-      let isEditTable = this.widget.options.isEditTable;
-      let fullData = !isEditTable ? tableData.fullData : tableData.tableData;
-      await this.$nextTick(() => {
-        this.formModel[this.fieldKeyName] = fullData
-        this.fieldModel = fullData;
-      });
-      this.$nextTick(() => {
-        this.handleWbs();
-      });
-    },
-    createNewTableData(isEdit) {
-      let vailColumns = this.widget.options.tableColumns.filter(item => item.prop && item.label);
-      let newData = {};
-      vailColumns.forEach(item => {
-        let formatS = !isEdit ? item.formatS : item.editFormatS;
-        let columnOption = !isEdit ? item.columnOption : item.editColumnOption;
-        if (formatS == 'editSearch') {
-          newData[item.prop] = null;
-          let vabSearchName = item?.columnOption?.vabSearchName;
-          if (vabSearchName) newData[vabSearchName] = null;
-        }
-        if (formatS == 'editAttachment') {
-          newData[item.prop] = [];
-        } else {
-          newData[item.prop] = null;
-          if (columnOption && columnOption.defaultValue !== undefined && columnOption.defaultValue !== null && columnOption.defaultValue !== '') {
-            newData[item.prop] = columnOption.defaultValue;
-          }
-        }
-      });
-      return newData;
-    },
-    addTableData(rows, field) {
-      let $grid = this.getGridTable();
-      let formDataModel = this.formModel;
-      let tableRows = formDataModel[this.fieldKeyName] || [];
-      let fullData = $grid.getTableData().fullData;
-      let items;
-      if (field) {
-        let keys = fullData.map(item => {
-          return item[field] + "";
-        });
-        items = rows.filter(item => {
-          let value = item[field] + ""
-          return !keys.includes(value);
-        });
-      } else {
-        items = rows;
-      }
-      if (items) {
-        if (items.length) {
-          items.forEach(row => {
-            let newData = this.createNewTableData();
-            Object.assign(newData, row);
-
-            tableRows.push(newData);
-          })
-        }
-      } else {
-        let newData = this.createNewTableData();
-        tableRows.push(newData);
-      }
-      // this.formModel[this.fieldKeyName] = this.$baseLodash(this.fieldModel)
-      // this.fieldModel = tableRows
-      this.setValue(tableRows)
-      this.$nextTick(() => {
-        this.handleWbs();
-      });
-      // $grid.loadData(tableRows);
-    },
-    getColumnWidgetConfig(row, isEdit) {
-      let formatS = isEdit ? row.editFormatS : row.formatS
-      let formRef = this.getFormRef();
-      let columnSelectedWidget = null;
-      let columnEditFields = null;
-
-      let type = this.columnFormatMap[formatS];
-      /*if (type == 'date') {
-        columnEditFields = ['type', 'format', 'valueFormat']
-      } else if (type == 'select') {
-
-      }
-      if (type == 'vabsearch') {
-        columnEditFields = ['vabSearchField', 'formCode', 'formVersion', 'required', 'showFormField', 'onSearchConfirm', 'onSearchClear']
-      }*/
-
-      if (type) {
-        columnSelectedWidget = this.$baseLodash.cloneDeep(formRef.getFieldWidgetByType(type));
-        let tmpId = generateId();
-        let idVal = row.prop ? row.prop : (type + tmpId);
-        columnSelectedWidget.id = idVal;
-        columnSelectedWidget.options.name = idVal;
-
-        let columnOption;
-        if (!isEdit) {
-          columnOption = row.columnOption;
-        } else {
-          columnOption = row.editColumnOption;
-        }
-
-        if (columnOption && Object.keys(columnOption).length) {
-          columnOption.required = row.required || false;
-          columnSelectedWidget.options = columnOption;
-          if ('editDelete' == formatS) {
-            columnSelectedWidget.options.hiddenByWf = columnSelectedWidget.options.hiddenByWf ?? true;
-            columnSelectedWidget.options.prefixIcon = columnSelectedWidget.options.prefixIcon || "el-icon-delete";
-          } else if ('editButton' == formatS) {
-            columnSelectedWidget.options.prefixIcon = columnSelectedWidget.options.prefixIcon || "el-icon-edit";
-          }
-        } else {
-          columnSelectedWidget.options.required = row.required || false;
-          if ('editDelete' == formatS) {
-            columnSelectedWidget.options.prefixIcon = "el-icon-delete";
-            columnSelectedWidget.options.label = "删除";
-            columnSelectedWidget.options.labelHidden = true;
-            columnSelectedWidget.options.hiddenByWf = true;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nlet tableRef = this.getWidgetRef(this.parentWidget.options.name);\ntableRef.deleteRow(tableParam.row,tableParam.rowIndex);";
-          } else if ('editButton' == formatS) {
-            columnSelectedWidget.options.prefixIcon = "el-icon-edit";
-            columnSelectedWidget.options.label = "查看";
-            columnSelectedWidget.options.labelHidden = true;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nlet tableRef = this.getWidgetRef(this.parentWidget.options.name);\ntableRef.openEditDialog(tableParam.row)";
-          } else if ('addSiblingEditRow' == formatS) {
-            columnSelectedWidget.options.prefixIcon = "el-icon-plus";
-            columnSelectedWidget.options.label = "新增兄弟节点";
-            columnSelectedWidget.options.labelHidden = false;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nthis.getParentTarget().addSiblingTreeRow(null,tableParam);";
-          } else if ('addChildTreeRow' == formatS) {
-            columnSelectedWidget.options.prefixIcon = "el-icon-plus";
-            columnSelectedWidget.options.label = "新增子节点";
-            columnSelectedWidget.options.labelHidden = false;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nthis.getParentTarget().addChildTreeRow(null,tableParam);";
-          } else if ('moveUpRow' == formatS) {
-            // columnSelectedWidget.options.prefixIcon = "el-icon-plus";
-            columnSelectedWidget.options.label = "↑上移";
-            columnSelectedWidget.options.labelHidden = false;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nthis.getParentTarget().moveUpRow(tableParam);";
-          } else if ('moveDownRow' == formatS) {
-            // columnSelectedWidget.options.prefixIcon = "el-icon-plus";
-            columnSelectedWidget.options.label = "↓下移";
-            columnSelectedWidget.options.labelHidden = false;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nthis.getParentTarget().moveDownRow(tableParam);";
-          } else if ('removeTreeRow' == formatS) {
-            columnSelectedWidget.options.prefixIcon = "el-icon-delete";
-            columnSelectedWidget.options.label = "删除";
-            columnSelectedWidget.options.labelHidden = true;
-            columnSelectedWidget.options.onClick = "let tableParam = this.tableParam;\nthis.getParentTarget().removeTreeRow(tableParam);";
-          }
-          columnOption = columnSelectedWidget.options;
-        }
-        if (columnSelectedWidget.options.hasOwnProperty('keyName')) {
-          columnSelectedWidget.options.keyName = row.prop;
-          columnSelectedWidget.options.keyNameEnabled = true;
-        } else {
-          columnSelectedWidget.options.name = row.prop;
-        }
-        if (type != "button" && type != "a-link") {
-          columnSelectedWidget.options.label = row.label;
-          columnSelectedWidget.options.labelHidden = true;
-        }
-      }
-      return {columnSelectedWidget, columnEditFields};
-    },
-    getColumnProp(widget, obj, isEdit) {
-      if (!widget) {
-        return "false"
-      }
-      /*if(isEdit){
-        return "false"
-      }*/
-
-      let fieldKeyName = this.getFieldKeyName(widget);
-      let rowIndex = Math.max(obj.rowIndex, 0)
-      let isQueryTable = this.widget.options.isQueryTable || false;
-      if (isEdit || !isQueryTable) {
-        let propName = fieldKeyName + '.' + rowIndex + '.' + obj.column.property
-        let lineWidget = !isEdit ? obj.column.params.widget : obj.column.params.editWidget;
-        if (!lineWidget) {
-          return "false";
-        }
-        if (lineWidget?.type == 'vabsearch') {
-          let fieldName = lineWidget.options.vabSearchName || this.getFieldKeyName(lineWidget);
-          propName = fieldKeyName + '.' + rowIndex + '.' + fieldName;
-        }
-
-        return propName;
-      } else {
-        return "false";
-      }
-    },
-    getColumnWidgetName(e) {
-      if (e && e.type) {
-        return e.type + '-widget';
-      }
-    },
-    getGridTable() {
-      let $grid = this.$refs[this.getTableRef()];
-      return $grid;
-    },
-    getContainerWidgetName: function (e) {
-      return 'grid' === e.type ? 'grid-item' : e.type + '-item';
-    },
-    getWidgetName: function (e) {
-      return (e.targetType || e.type) + '-widget';
-    },
-    handleCheckboxChange(param) {
-      if (this.widget.options.onCheckboxChange) {
-        let t = new Function("param", this.widget.options.onCheckboxChange);
-        t.call(this, param);
-      }
-      let formRef = this.getFormRef();
-      let dataTableConfig = formRef.$attrs.dataTableOption || {}
-      dataTableConfig.onCheckboxChange && dataTableConfig.onCheckboxChange(param);
-    },
-    handleCheckboxAll(param) {
-      if (this.widget.options.onCheckboxAll) {
-        let t = new Function("param", this.widget.options.onCheckboxAll);
-        t.call(this, param);
-      }
-      let formRef = this.getFormRef();
-      let dataTableConfig = formRef.$attrs.dataTableOption || {}
-      dataTableConfig.onCheckboxAll && dataTableConfig.onCheckboxAll(param);
-    },
-    handleCellDblclick(param) {
-      if (this.widget.options.onCellDblclick) {
-        let t = new Function("param", this.widget.options.onCellDblclick);
-        t.call(this, param);
-      }
-      let formRef = this.getFormRef();
-      let dataTableConfig = formRef.$attrs.dataTableOption || {}
-      dataTableConfig.onCellDblclick && dataTableConfig.onCellDblclick(param);
-    },
-    advancedClear() {
-      let formModel = this.formModel;
-      this.getFormRef().setFormData(formModel);
-    },
-    tableFormSettingConfirm() {
-      let formModel = this.formModel;
-      this.getFormRef().setFormData(formModel);
-    },
-
-    //editTable begin
-    saveEditRow(obj) {
-
-      let formRef = this.getFormRef();
-      let formConfig = this.formConfig;
-      let entity = formConfig.entity;
-      if (!entity) return
-      let dataId = formRef?.dataId;
-      let reportTemplate = formRef?.reportTemplate;
-      let formCode = reportTemplate?.formCode;
-      let scriptCode = formConfig.saveScriptCode || "saveUpdate"
-
-      let that = this;
-      let $grid = obj.$table.$xegrid;
-      let originOption = $grid.originOption;
-
-      let formModel = this.formModel;
-      let dataMap = this.getGridTable().getTableData();
-
-      formRef.validate(valid => {
-        if (valid) {
-          $grid.clearActived().then(() => {
-            $grid.setActiveRow(obj.row);
-            let mainData = commonDataUtil.handleForm(obj.row);
-
-            delete mainData._createNickName;
-            delete mainData._createMobile;
-            delete mainData._modifyNickName;
-            delete mainData._modifyMobile;
-            delete mainData._createBy;
-            delete mainData._modifyBy;
-
-            let formData = {
-              [entity]: mainData
-            };
-
-            let reqData = {
-              formCode: formCode,
-              formVersion: reportTemplate.formVersion,
-              taBm: entity,
-              data: formData
-            };
-
-            this.formHttp({
-              scriptCode: scriptCode,
-              data: reqData,
-              successMsg: true,
-              isConfirm: true,
-              confirmText: "您确定要保存吗？",
-              success: res0 => {
-                this.getRowData(res0.objx, (res) => {
-                  if (obj.row.id == res.objx.id) {
-                    $grid.clearActived().then(() => {
-                      Object.assign(obj.row, res.objx);
-                    });
-                  } else {
-                    $grid.remove(obj.row);
-                    $grid.insertAt(res.objx);
-                  }
-                  delete obj.$table.editCloneRow
-                })
-              }
-            });
-          })
-        }
-      });
-    },
-    getRowData(dataId, callback) {
-      let reportTemplate = this.getFormRef()?.reportTemplate;
-      let formCode = reportTemplate.formCode;
-      let formConfig = this.formConfig;
-      // let isLoadEntity = formConfig.isLoadEntity;
-      let entity = formConfig.entity;
-      let scriptCode = formConfig.formScriptCode || "getOne";
-      let defaultOption = this.getHttpConfigForUser();
-      this.formHttp({
-        scriptCode: scriptCode,
-        data: {
-          formCode: formCode,
-          formVersion: reportTemplate.formVersion,
-          taBm: entity,
-          data: {
-            id: dataId
-          }
-        },
-        ...defaultOption,
-        success: res => {
-          callback && callback(res)
-        }
-      });
-    },
-    addChildTreeRow(rowData, obj, toTop) {
-      let toEnd = !toTop;
-      this.addTreeRow(rowData, obj, toEnd, null)
-    },
-    addTopTreeRow(rowData, toTop) {
-      let toEnd = !toTop;
-      this.addTreeRow(rowData, null, toEnd, null)
-    },
-    addSiblingTreeRow(rowData, obj) {
-      this.addTreeRow(rowData, obj, null, true)
-    },
-    addTreeRow(rowData, obj, toEnd, toSibling) {
-      let isEditTable = this.widget.options.isEditTable || false;
-      let parent = obj?.row;
-      let $grid = this.getGridTable()
-      if (isEditTable && this.hasEditingRow($grid, 1)) {
-        return false;
-      }
-      let parentField = $grid.treeConfig.parentField;
-      let newRow = {};
-      let originOption = $grid.originOption;
-      let editDefaultRow;
-      if (originOption.editDefaultRow) {
-        if (typeof originOption.editDefaultRow == "function") {
-          editDefaultRow = originOption.editDefaultRow() || {};
-        } else {
-          editDefaultRow = originOption.editDefaultRow || {};
-        }
-      }
-      // Object.assign(newRow, editDefaultRow, rowData);
-      newRow.id = "row_" + (new Date()).valueOf() + Math.floor(Math.random() * 1000000);
-      if (!toSibling) {
-        newRow[parentField] = parent?.id || 0;
-      } else {
-        newRow[parentField] = obj?.row[parentField] || 0;
-      }
-
-      let newData = this.createNewTableData(isEditTable);
-      newRow = Object.assign({}, newData, newRow, editDefaultRow, rowData);
-
-      let tableRows = this.formModel[this.fieldKeyName] || [];
-      if (!parent) {
-        if (toEnd === true) {
-          tableRows.push(newRow)
-        } else if (toSibling === true) {
-          let addIndex = tableRows.findIndex(item => item._X_ROW_KEY == obj.row._X_ROW_KEY) + 1;
-          tableRows.splice(addIndex, 0, newRow)
-        } else {
-          tableRows.splice(0, 0, newRow)
-        }
-        this.setValue(tableRows)
-        this.$nextTick(() => {
-          this.handleWbs();
-          if (isEditTable) {
-            $grid.setActiveRow(newRow);
-          }
-        })
-
-        // $grid.insert(newRow).then(({row}) => $grid.setActiveRow(row));
-      } else {
-        $grid.setTreeExpand(obj.row, true).then(() => {
-          if (toEnd === true) {
-            tableRows.push(newRow)
-          } else if (toSibling === true) {
-            let addIndex = tableRows.findIndex(item => item._X_ROW_KEY == obj.row._X_ROW_KEY) + 1;
-            tableRows.splice(addIndex, 0, newRow)
-          } else {
-            tableRows.splice(0, 0, newRow)
-          }
-          this.setValue(tableRows)
-          this.$nextTick(() => {
-            this.handleWbs();
-            $grid.setTreeExpand(obj.row, true).then(() => {
-              if (isEditTable) {
-                $grid.setActiveRow(newRow);
-              }
-            });
-          })
-        });
-      }
-    },
-    removeTreeRow(obj) {
-      let row = obj.row;
-      let $grid = this.getGridTable()
-      let childrenField = $grid.treeConfig.children;
-      let tableRows = this.formModel[this.fieldKeyName];
-      // let index = tableRows.findIndex(item => item.id === row.id)
-      let delIds = [];
-      if (row[childrenField]) {
-        let loopDo = (item) => {
-          if (item.id) delIds.push(item.id);
-          item[childrenField] && item[childrenField].forEach(subItem => {
-            loopDo(subItem)
-          })
-        }
-        loopDo(row);
-      }
-      delIds.forEach(id => {
-        let index = tableRows.findIndex(item => item.id === id);
-        tableRows.splice(index, 1);
-      })
-      this.$nextTick(() => {
-        this.handleWbs();
-      });
-    },
-    addSiblingEditRow(rowData, obj) {
-      this.addEditRow(rowData, obj, null, true)
-    },
-    addEditRow(rowData, obj, toEnd, toSibling) {
-      let isEditTable = this.widget.options.isEditTable || false;
-      let parent = obj?.row;
-      let $grid = this.getGridTable()
-      if (isEditTable && this.hasEditingRow($grid, 1)) {
-        return false;
-      }
-      let parentField = $grid.treeConfig.parentField;
-      let newRow = {};
-      let originOption = $grid.originOption;
-      let editDefaultRow;
-      if (originOption.editDefaultRow) {
-        if (typeof originOption.editDefaultRow == "function") {
-          editDefaultRow = originOption.editDefaultRow() || {};
-        } else {
-          editDefaultRow = originOption.editDefaultRow || {};
-        }
-      }
-      // Object.assign(newRow, editDefaultRow, rowData);
-      newRow.id = "row_" + (new Date()).valueOf() + Math.floor(Math.random() * 1000000);
-      if (!toSibling) {
-        newRow[parentField] = parent?.id || 0;
-      } else {
-        newRow[parentField] = obj?.row[parentField] || 0;
-      }
-
-      let newData = this.createNewTableData(isEditTable);
-      newRow = Object.assign({}, newData, newRow, editDefaultRow, rowData);
-
-      let tableRows = this.formModel[this.fieldKeyName] || [];
-      if (!parent) {
-        if (toEnd === true) {
-          tableRows.push(newRow)
-        } else if (toSibling === true) {
-          let addIndex = tableRows.findIndex(item => item._X_ROW_KEY == obj.row._X_ROW_KEY) + 1;
-          tableRows.splice(addIndex, 0, newRow)
-        } else {
-          tableRows.splice(0, 0, newRow)
-        }
-        this.setValue(tableRows)
-        this.$nextTick(() => {
-          this.handleWbs();
-          if (isEditTable) {
-            $grid.setActiveRow(newRow);
-          }
-        })
-
-        // $grid.insert(newRow).then(({row}) => $grid.setActiveRow(row));
-      } else {
-        $grid.setTreeExpand(obj.row, true).then(() => {
-          if (toEnd === true) {
-            tableRows.push(newRow)
-          } else if (toSibling === true) {
-            let addIndex = tableRows.findIndex(item => item._X_ROW_KEY == obj.row._X_ROW_KEY) + 1;
-            tableRows.splice(addIndex, 0, newRow)
-          } else {
-            tableRows.splice(0, 0, newRow)
-          }
-          this.setValue(tableRows)
-          this.$nextTick(() => {
-            this.handleWbs();
-            $grid.setTreeExpand(obj.row, true).then(() => {
-              if (isEditTable) {
-                $grid.setActiveRow(newRow);
-              }
-            });
-          })
-        });
-      }
-    },
-    async removeEditRow(obj) {
-      this.removeTreeRow(obj)
-    },
-    //editTable end
-    getHttpConfigForUser() {
-      let defaultOption = {
-        addCreateInfo: true,
-        queryCreateInfo: window.$vueRoot.$store.getters.queryCreateInfo || "0"
-      };
-      return defaultOption;
-    },
-    handleWbs() {
-      if (this.widget.options.wbsEnabled) {
-        this.updateWbs();
-      }
-    },
-    updateWbs() {
-      let that = this;
-      let $grid = that.getGridTable();
-      let childrenField = $grid.treeConfig.children;
-      let fullData = $grid.getTableData().fullData;
-      let tableRows = this.formModel[that.fieldKeyName] || [];
-      let map = {}
-      let loopDo = (item, wbs) => {
-        item.f_wbs = wbs;
-        map[item._X_ROW_KEY] = wbs;
-        item[childrenField] && item[childrenField].forEach((subitem, subindex) => {
-          let sub_wbs = wbs + '.' + (subindex + 1) + '';
-          loopDo(subitem, sub_wbs)
-        })
-      }
-      fullData.forEach((item, index) => {
-        let wbs = (index + 1) + '';
-        loopDo(item, wbs)
-      })
-      $grid.updateData();
-    },
-    moveUpRow(obj) {
-      let row = obj.row;
-      let $grid = this.getGridTable();
-      let tableRows = this.formModel[this.fieldKeyName] || [];
-      let isTreeTable = this.widget.options.isTreeTable;
-      if (isTreeTable) {
-        let parentField = $grid.treeConfig.parentField;
-        let rowField = $grid.treeConfig.rowField || "id";
-        let paretValue = row[parentField];
-        let siblingRows = tableRows.filter(item => item[parentField] === paretValue)
-        if (siblingRows.length > 1) {
-          let currentIndex = tableRows.findIndex(item => item[rowField] == row[rowField]);
-          let index1 = siblingRows.findIndex(item => item[rowField] == row[rowField]);
-          if (index1 > 0) {
-            let prevRow = siblingRows[index1 - 1];
-            let prevIndex = tableRows.findIndex(item => item[rowField] == prevRow[rowField]);
-            tableRows.splice(currentIndex, 1)
-            tableRows.splice(prevIndex, 0, row)
-            this.setValue(tableRows);
-            this.$nextTick(() => {
-              this.handleWbs();
-            });
-          }
-        }
-      } else {
-        let rowIndex = $grid.getRowIndex(row);
-        if (rowIndex >= 0) {
-          tableRows.splice(rowIndex, 1)
-          tableRows.splice(rowIndex - 1, 0, row)
-          this.setValue(tableRows);
-          this.$nextTick(() => {
-            this.handleWbs();
-          });
-        }
-      }
-    },
-    moveDownRow(obj) {
-      let row = obj.row;
-      let $grid = this.getGridTable();
-      let tableRows = this.formModel[this.fieldKeyName] || [];
-      let isTreeTable = this.widget.options.isTreeTable;
-      if (isTreeTable) {
-        let parentField = $grid.treeConfig.parentField;
-        let rowField = $grid.treeConfig.rowField || "id";
-        let paretValue = row[parentField];
-        let siblingRows = tableRows.filter(item => item[parentField] === paretValue)
-        if (siblingRows.length > 1) {
-          let currentIndex = tableRows.findIndex(item => item[rowField] == row[rowField]);
-          let index1 = siblingRows.findIndex(item => item[rowField] == row[rowField]);
-          if (index1 < siblingRows.length - 1) {
-            let nextRow = siblingRows[index1 + 1];
-            let nextIndex = tableRows.findIndex(item => item[rowField] == nextRow[rowField]);
-            tableRows.splice(currentIndex, 1)
-            tableRows.splice(nextIndex, 0, row)
-            this.setValue(tableRows);
-            this.$nextTick(() => {
-              this.handleWbs();
-            });
-          }
-        }
-      } else {
-        let rowIndex = $grid.getRowIndex(row);
-        if (rowIndex < tableRows.length - 1) {
-          tableRows.splice(rowIndex, 1)
-          tableRows.splice(rowIndex + 1, 0, row)
-          this.setValue(tableRows);
-          this.$nextTick(() => {
-            this.handleWbs();
-          });
-        }
-      }
-    },
-
-    openSortRowDialog(obj) {
-      let $grid = this.getGridTable();
-      let parentField = $grid.treeConfig.parentField;
-      let rowField = $grid.treeConfig.rowField || "id";
-      let row = obj.row;
-      let tableRows = this.formModel[this.fieldKeyName] || [];
-
-      let sortParentRow = tableRows.find(item => item[rowField] === row[parentField])
-      let sortRows = tableRows.filter(item => item[parentField] === row[parentField])
-      this.sortRows = sortRows;
-      this.sortParentRow = sortParentRow;
-      this.showTreeMoveDialog = true;
-    },
-    confirmTreeMoveDialog(rows) {
-      if (this.widget.options.isEditTable) {
-        let reportTemplate = this.getFormRef().reportTemplate;
-        let formConfig = this.formConfig;
-        let entity = formConfig.entity;
-        let reqData = {
-          formCode: reportTemplate.formCode,
-          formVersion: reportTemplate.formVersion,
-          taBm: entity,
-          data: rows
-        };
-        let scriptCode = this.widget.options.sortScriptCode;
-        this.formHttp({
-          scriptCode: scriptCode,
-          data: reqData,
-          successMsg: true,
-          isConfirm: true,
-          confirmText: "您确定要保存排序吗？",
-          success: res => {
-            this.getGridTable().reloadTreeExpand(this.sortParentRow)
-          }
-        });
-      } else {
-        let $grid = this.getGridTable();
-        let rowField = $grid.treeConfig.rowField || "id";
-        let tableRows = this.formModel[this.fieldKeyName] || [];
-
-        let ids = rows.map(item => item[rowField]);
-        let index = tableRows.findIndex(item => ids.includes(item[rowField]))
-        let items = tableRows.filter(item => !ids.includes(item[rowField]));
-        rows.forEach((row, index1) => {
-          items.splice(index + index1, 0, row);
-        })
-        this.setValue(items);
-        this.$nextTick(() => {
-          this.handleWbs();
-        })
-      }
-    }
-  }
-};
-
-export default modules;
+import emitter from "../../../../components/xform/utils/emitter";
+import i18n from "../../../../components/xform/utils/i18n";
+import refMixin from "../../../../components/xform/form-render/refMixin";
+import containerItemMixin from "./containerItemMixin";
+
+import * as formatUtil from "../../../../components/xform/utils/format.js";
+import tableConfig from "../../../../components/table/config.js";
+import { extendDeeply } from "../../../../utils/index.js";
+import {
+  assembleAxiosConfig,
+  getReportGlobalMap,
+  generateId,
+  deepClone,
+  loopHandleWidget,
+  columnFormatMap,
+  traverseAllWidgetsNew,
+} from "../../../../components/xform/utils/util";
+import { tableTreeMixins } from "../../../../mixins/tableTree/index.js";
+
+let modules = {};
+const baseRefUtil = {
+  emitter,
+  i18n,
+  refMixin,
+  containerItemMixin,
+  formatUtil,
+  assembleAxiosConfig,
+  tableConfig,
+  getReportGlobalMap,
+};
+
+modules = {
+  mixins: [
+    baseRefUtil.emitter,
+    baseRefUtil.i18n,
+    baseRefUtil.refMixin,
+    baseRefUtil.containerItemMixin,
+    tableTreeMixins,
+  ],
+  componentName: "ContainerItem",
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    subFormRowIndex: {
+      type: Number,
+      default: -1,
+    },
+    subFormColIndex: {
+      type: Number,
+      default: -1,
+    },
+    subFormRowId: {
+      type: String,
+      default: "",
+    },
+  },
+  inject: [
+    "refList",
+    "sfRefList",
+    "globalModel",
+    "getFormConfig",
+    "getGlobalDsv",
+    "previewState",
+  ],
+  data: function () {
+    let that = this;
+    return {
+      fieldModel: [],
+      selectedIndices: [],
+      pageSize: this.widget.options.pagination.pageSize,
+      pageSizes: this.widget.options.pagination.pageSizes,
+      currentPage: this.widget.options.pagination.currentPage,
+      total: this.widget.options.pagination.total,
+      formData: {
+        saleOrgName: "",
+        loginAccount: "",
+        mobile: "",
+        enabled: 1,
+      },
+      vxeOption: {},
+      requestAccess: null,
+      columnFormatMap: {
+        editInput: "input",
+        editNumber: "number",
+        editDate: "date",
+        editSelect: "select",
+        editSearch: "vabsearch",
+        editAttachment: "baseAttachment",
+        editStatus: "status",
+        aText: "a-text",
+        aLink: "a-link",
+        editDelete: "a-link",
+        editButton: "a-link",
+        button: "button",
+        addSiblingEditRow: "a-link",
+        addChildTreeRow: "a-link",
+        moveUpRow: "a-link",
+        moveDownRow: "a-link",
+        removeTreeRow: "a-link",
+        text: "text",
+        checkbox: "checkbox",
+        radio: "radio",
+      },
+      dataTableConfig: {},
+      widgets: [],
+      editWidgets: [],
+
+      sortParentRow: null,
+      sortRows: [],
+      showTreeMoveDialog: false,
+      tableConfig: {},
+      showTableFormDialogContent: true,
+      widgetMap: {},
+      rowWidgetList: [],
+
+      rowIdData: [],
+      fieldSchemaMap: {},
+      fieldSchemaData: [],
+      eventConfig: {},
+    };
+  },
+  watch: {
+    fieldModel(val) {
+      this.formModel[this.fieldKeyName] = val || [];
+    },
+  },
+  computed: {
+    hasWf() {
+      return this.getFormRef().hasWf || false;
+    },
+    tableDatas: {
+      cache: !1,
+      get: function () {
+        return this.globalModel.formModel[this.fieldKeyName] || [];
+      },
+    },
+    formConfig: function () {
+      return this.getFormConfig();
+    },
+    paginationLayout: function () {
+      return this.widget.options.smallPagination
+        ? "prev, pager, next"
+        : "total, sizes, prev, pager, next, jumper";
+    },
+    customClass: function () {
+      return this.widget.options.customClass || "";
+    },
+    singleRowSelectFlag: function () {
+      return !this.widget.options.showCheckBox;
+    },
+    buttonsColumnFixed: function () {
+      return void 0 === this.widget.options.buttonsColumnFixed
+        ? "right"
+        : !!this.widget.options.buttonsColumnFixed
+            && this.widget.options.buttonsColumnFixed;
+    },
+    formModel: {
+      cache: !1,
+      get: function () {
+        return this.globalModel.formModel;
+      },
+    },
+    formDataId() {
+      let formRef = this.getFormRef();
+      return formRef.dataId;
+    },
+  },
+  created: function () {
+    if (!this.formModel[this.fieldKeyName])
+      this.formModel[this.fieldKeyName] = [];
+    this.initRefList();
+    // this.initConfig();
+    this.initTableCustomEvent();
+    this.initEventHandler();
+    this.registerTableRefList();
+    this.handleOnCreated();
+  },
+  mounted: async function () {
+    this.handleOnMounted();
+    this.initColumnWidgetConfig(() => {
+      this.initTableList();
+    });
+  },
+  beforeDestroy: function () {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    initTableCustomEvent() {
+      let tableConfig
+        = this.handleCustomEvent(this.widget.options.tableConfig) || {};
+      this.eventConfig = tableConfig.eventConfig || {};
+    },
+    getTableColumnStatusWidgetLabelKey(obj) {
+      let widget = this.getTableColumnWidget(obj);
+      return widget ? this.getOptionItemLabelKey(widget) : null;
+    },
+    getOptionItemValueKey(widget) {
+      return widget.options.valueKey || "value";
+    },
+    getOptionItemLabelKey(widget) {
+      return widget.options.labelKey || "label";
+    },
+    getTableColumnWidget(obj) {
+      let item = this.fieldSchemaMap[obj.row._X_ROW_KEY];
+      return item ? item[obj.column.params?.widget.id] : null;
+    },
+    isShowColumnStatusWidget(obj, item) {
+      let widget = this.getTableColumnWidget(obj);
+      let valueKey = widget.options.valueKey || "value";
+      return (
+        obj.row[this.getTableColumnWidgetFieldKeyName(obj)] === item[valueKey]
+      );
+    },
+    getTableColumnWidgetFieldKeyName(obj) {
+      let widget = this.getTableColumnWidget(obj);
+      return widget ? this.getFieldKeyName(widget) : null;
+    },
+    initColumnWidgetConfig(callback) {
+      let tableColumns = this.widget.options.tableColumns;
+      let requests = [];
+      this.loodHandleColumns(tableColumns, (row) => {
+        requests.push(this.handleColumnWidgetConfig(row.widget));
+        requests.push(this.handleColumnWidgetConfig(row.editWidget));
+        let widgetList = row.widgetList;
+        if (widgetList && widgetList.length) {
+          traverseAllWidgetsNew(widgetList, (widget) => {
+            requests.push(this.handleColumnWidgetConfig(widget));
+          });
+        }
+      });
+      if (requests.length) {
+        Promise.all(requests).then(() => {
+          callback();
+        });
+      } else {
+        callback();
+      }
+    },
+    fillColumnWidgetOptionItems(widget, rows) {
+      let widgetType = widget.type;
+      let formScriptEnabledTypes = ["select", "checkbox", "radio"];
+      if (formScriptEnabledTypes.includes(widgetType)) {
+        widget.options.optionItems = rows || [];
+      } else if (widgetType === "status") {
+        widget.options.statusParam = rows || [];
+      }
+      widget._syncInited = true;
+    },
+    async handleColumnWidgetConfig(widget, callback) {
+      if (!widget) return;
+      let widgetType = widget.type;
+      let formScriptEnabledTypes = ["select", "checkbox", "radio", "status"];
+      if (!formScriptEnabledTypes.includes(widgetType)) return;
+
+      let formScriptEnabled = widget.options.formScriptEnabled || false;
+      let commonAttributeEnabled
+        = widget.options.commonAttributeEnabled || false;
+      let commonAttributeCode = widget.options.commonAttributeCode;
+      if (commonAttributeEnabled) {
+        if (!commonAttributeCode) return;
+      }
+
+      if (!formScriptEnabled && !commonAttributeEnabled) return;
+
+      let reportTemplate = this.getFormRef().reportTemplate;
+      let formCode = reportTemplate.formCode;
+      let scriptCode = widget.options.formScriptCode || "getList";
+      let fieldKeyName = this.getFieldKeyName(widget);
+
+      if (formScriptEnabled) {
+        let accessParam = this.handleCustomEvent(
+          widget.options.formScriptParam
+        );
+        return this.formHttp({
+          scriptCode: scriptCode,
+          data: {
+            formCode: formCode,
+            formVersion: reportTemplate.formVersion,
+            taBm: fieldKeyName,
+            data: {
+              ...accessParam,
+            },
+          },
+          success: (res) => {
+            let rows = res.objx?.records || res.objx || [];
+            this.fillColumnWidgetOptionItems(widget, rows);
+          },
+        });
+      } else if (commonAttributeEnabled) {
+        let accessParam = this.handleCustomEvent(
+          widget.options.formScriptParam
+        );
+
+        return this.$getBaseDicts({
+          code: commonAttributeCode,
+          data: {
+            ...accessParam,
+          },
+          success: ({ dicts, dictMap }) => {
+            this.fillColumnWidgetOptionItems(widget, dicts);
+          },
+        });
+      }
+    },
+    initConfig() {
+      let formRef = this.getFormRef();
+      this.widget.options.tableColumns.forEach((row) => {
+        let type = columnFormatMap[row.formatS];
+        if (type && row.columnOption && !row.widget) {
+          let fieldWidget = formRef.copyNewFieldWidget(
+            formRef.getFieldWidgetByType(type)
+          );
+          fieldWidget.options = row.columnOption;
+          row.widget = fieldWidget;
+        }
+        let type2 = columnFormatMap[row.editFormatS];
+        if (type2 && row.editColumnOption && !row.editWidget) {
+          let fieldWidget = formRef.copyNewFieldWidget(
+            formRef.getFieldWidgetByType(type2)
+          );
+          fieldWidget.options = row.editColumnOption;
+          row.editWidget = fieldWidget;
+        }
+      });
+    },
+    registerTableRefList() {
+      this.sfRefList[this.widget.options.name] = this;
+    },
+    getRowRefKey(row, name) {
+      let keyVal = row._X_ROW_KEY;
+      let key = name + "_" + keyVal;
+      return key;
+    },
+    getWidgetByTableRow(index, name) {
+      // let target = this.getWidgetRefByTableRow(index, name)
+      // let widget = target.field || target.widget;
+      // let row = this.getGridTable().getTableData().fullData[index];
+      let formRows = this.formModel[this.fieldKeyName];
+      let row = formRows[index];
+      let widget = this.getWidgetByTableRowData(row, name);
+      return widget;
+    },
+    getWidgetRefByTableRow(index, name) {
+      // let row = this.getGridTable().getTableData().fullData[index];
+      let formRows = this.formModel[this.fieldKeyName];
+      let row = formRows[index];
+      return this.getWidgetRefByTableRowData(row, name);
+    },
+    getWidgetByTableRowData(row, name) {
+      let target = this.getWidgetRefByTableRowData(row, name);
+      let widget = target.field || target.widget;
+      return widget;
+    },
+    getWidgetRefByTableRowData(row, name) {
+      let key = this.getRowRefKey(row, name);
+      return this.getWidgetRef(key);
+    },
+
+    getWidgetRefByTableParam(tableParam) {
+      let params = tableParam.column.params;
+      let name = params.widget.options.name;
+      // let key = this.getRowRefKey(tableParam.row, name);
+      return this.getWidgetRefByTableRowData(tableParam.row, name);
+      // return this.getWidgetRef(key);
+    },
+    getRowWidget(rowParam, fieldWidget) {
+      let row = rowParam.row;
+      let params = rowParam.column.params;
+      let widgetId = fieldWidget ? fieldWidget.id : params.widget.id;
+      let widget = this.fieldSchemaMap[row._X_ROW_KEY][widgetId];
+      return widget;
+    },
+    loopHandleWidgetByName(name, callback) {
+      let rows = this.getValue();
+      rows.forEach((row, index) => {
+        let target = this.getWidgetRefByTableRow(index, name);
+        if (target) {
+          let widget = target.field || target.widget;
+          callback(row, widget, target);
+        }
+      });
+    },
+    getRowWidgetOption(rowParam, fieldWidget) {
+      let widget = this.getRowWidget(rowParam, fieldWidget);
+      let field = widget.category === "container" ? "widget" : "field";
+      let option = {
+        [field]: widget,
+      };
+      return option;
+    },
+    getRowWidgetKey(rowParam, fieldWidget) {
+      let widget = this.getRowWidget(rowParam, fieldWidget);
+      let key = widget.id;
+      return key;
+    },
+    getGridTableName() {
+      let formCode = this.getFormRef().reportTemplate.formCode;
+      let tableName = formCode + "_" + this.widget.options.name;
+      return tableName;
+    },
+    updateFormField: function () {
+      let rows = this.fieldModel || [];
+      let formRows = this.formModel[this.fieldKeyName];
+      if (formRows) {
+        this.formModel[this.fieldKeyName].splice(0, formRows.length);
+        this.formModel[this.fieldKeyName].push(...rows);
+      } else {
+        this.formModel[this.fieldKeyName] = rows;
+      }
+    },
+    initFieldSchema(val) {
+      let rows = val || [];
+      // 处理树结构数据排序
+      this.formModel[this.fieldKeyName] = rows;
+      this.fieldModel = rows;
+      this.initRowIdData(true);
+      this.initFieldSchemaData();
+    },
+    initValue(val) {
+      // this.clearRowWidgets()
+      let rows = val || [];
+      // this.handleNullValue(rows);
+      rows.forEach((row, index) => {
+        row._X_ROW_KEY = "row_" + generateId();
+      });
+      this.formModel[this.fieldKeyName] = rows;
+      this.fieldModel = rows;
+      this.initRowIdData(true);
+      this.initFieldSchemaData(true);
+    },
+    handleTreeData(rows) {
+      let isTreeTable = this.widget.options.isTreeTable;
+      if (isTreeTable) {
+        let $grid = this.getGridTable();
+        if(!$grid)return
+        let parentField = $grid.treeConfig.parentField;
+        if(parentField) {
+          // 构建树结构并排序
+          let sortedRows = [];
+          let nodeMap = new Map();
+
+          // 第一步：构建节点映射
+          rows.forEach(row => {
+            if (row.id !== undefined && row.id !== null) {
+              nodeMap.set(row.id, row);
+            }
+          });
+
+          // 第二步：按层次排序，先根节点，然后子节点
+          rows.forEach(row => {
+            let parentValue = row[parentField];
+            // 根节点（parentField为null、undefined、空字符串或0）
+            if (parentValue === null || parentValue === undefined || parentValue === '' || parentValue === 0) {
+              sortedRows.push(row);
+              // 递归添加子节点
+              this.addChildNodes(row.id, nodeMap, parentField, sortedRows);
+            }
+          });
+
+          // 如果没有找到根节点，返回原始数组
+          if (sortedRows.length === 0) {
+            return rows;
+          }
+
+          return sortedRows;
+        }
+      }
+      return rows;
+    },
+    addChildNodes(parentId, nodeMap, parentField, sortedRows) {
+      // 遍历所有节点，找出当前父节点的子节点
+      for (let [id, node] of nodeMap.entries()) {
+        // 处理parentField值的类型转换，确保比较正确
+        let nodeParentValue = node[parentField];
+        let targetParentId = parentId;
+
+        // 转换为相同类型进行比较
+        if (typeof nodeParentValue !== typeof targetParentId) {
+          nodeParentValue = String(nodeParentValue);
+          targetParentId = String(targetParentId);
+        }
+
+        if (nodeParentValue === targetParentId) {
+          sortedRows.push(node);
+          // 递归添加子节点的子节点
+          this.addChildNodes(id, nodeMap, parentField, sortedRows);
+        }
+      }
+    },
+    setValue(val) {
+      // console.log("rows:",val);
+      this.clearRowWidgets();
+      let rows = val || [];
+      rows.forEach((row, index) => {
+        if (!row._X_ROW_KEY) {
+          row._X_ROW_KEY = "row_" + generateId();
+        }
+      });
+      this.formModel[this.fieldKeyName] = rows;
+      let $grid = this.getGridTable();
+      this.fieldModel = rows;
+
+      this.initRowIdData();
+      this.initFieldSchemaData();
+      // $grid.loadData(rows);
+    },
+    getValue() {
+      return this.formModel[this.fieldKeyName];
+    },
+    getFieldKeyName(widget) {
+      let o = widget.options.name;
+      return (widget.options.keyNameEnabled && widget.options.keyName) || o;
+    },
+    selectWidget: function (e) {
+      this.designer.setSelected(e);
+    },
+    getFormatterValue(cellValue, formatS) {
+      switch (formatS) {
+        case "d1":
+          return baseRefUtil.formatUtil.formatDate1(cellValue);
+        case "d2":
+          return baseRefUtil.formatUtil.formatDate2(cellValue);
+        case "d3":
+          return baseRefUtil.formatUtil.formatDate3(cellValue);
+        case "d4":
+          return baseRefUtil.formatUtil.formatDate4(cellValue);
+        case "d5":
+          return baseRefUtil.formatUtil.formatDate4(cellValue);
+        case "n1":
+          return baseRefUtil.formatUtil.formatNumber1(cellValue);
+        case "n2":
+          return baseRefUtil.formatUtil.formatNumber2(cellValue);
+        case "n3":
+          return baseRefUtil.formatUtil.formatNumber3(cellValue);
+        case "n4":
+          return baseRefUtil.formatUtil.formatNumber4(cellValue);
+        case "n5":
+          return baseRefUtil.formatUtil.formatNumber5(cellValue);
+        case "n6":
+          return baseRefUtil.formatUtil.formatNumber6(cellValue);
+        case "n7":
+          return baseRefUtil.formatUtil.formatNumber7(cellValue);
+      }
+      return cellValue;
+    },
+    formatterValue: function ({ cellValue, row, column }) {
+      if (cellValue === null || cellValue === undefined) return cellValue;
+
+      if (column.params && column.params.formatS) {
+        return this.getFormatterValue(cellValue, column.params.formatS);
+      }
+      return cellValue;
+    },
+    getRowIndex: function (e) {
+      return this.widget.options.tableData.lastIndexOf(e);
+    },
+    setTableColumns: function (e) {
+      let t = this;
+      (this.widget.options.tableColumns = e),
+        this.$nextTick(function () {
+          t.$refs.dataTable.doLayout();
+        });
+    },
+    setTableColumn: function (e) {
+      this.setTableColumns(e);
+    },
+    getTableData: function () {
+      return this.widget.options.tableData;
+    },
+    resetForm(options) {
+      let formData = this.formModel;
+      let ignoreFields = options?.ignoreFields || [];
+      this.widget.widgetList.forEach((subWidget) => {
+        if (
+          !ignoreFields.length
+          || !ignoreFields.includes(subWidget.options.name)
+        ) {
+          let widgetRef = this.getWidgetRef(subWidget.options.name);
+          if (widgetRef && widgetRef.setValue) widgetRef.setValue(null);
+          if (this.isVabsearchFlagWidget(subWidget))
+            widgetRef.setShowValue(null);
+        }
+      });
+    },
+    searchEvent() {
+      this.getGridTable().commitProxy("reload");
+    },
+    async resetEvent(options) {
+      this.resetForm(options);
+      this.getGridTable().commitProxy("reload");
+    },
+    handleSearchClick() {
+      if (this.widget.options.onSearchTable) {
+        this.handleCustomEvent(this.widget.options.onSearchTable);
+        return;
+      }
+      this.searchEvent();
+    },
+    handleResetClick() {
+      if (this.widget.options.onResetTable) {
+        this.handleCustomEvent(this.widget.options.onResetTable);
+        return;
+      }
+      this.resetEvent();
+    },
+    openEditDialog(row, param, option) {
+      let formRef = this.getFormRef();
+      let formConfig = this.formConfig;
+      let formCode = null;
+      if (row?.id) {
+        formCode = formConfig.editFormCode;
+      } else {
+        formCode = formConfig.addFormCode || formConfig.editFormCode;
+      }
+      let parentTarget = formRef.$attrs["parent-target"];
+      parentTarget
+        && parentTarget.$attrs.openEditDialog
+        && parentTarget.$attrs.openEditDialog(row, param, {
+          formCode,
+          ...option,
+        });
+    },
+    importExcel() {},
+    getGrid(that, tableRef) {
+      let $grid;
+      if (Array.isArray(that.$refs[tableRef])) {
+        $grid = that.$refs[tableRef][0];
+      } else {
+        $grid = that.$refs[tableRef];
+      }
+      return $grid;
+    },
+    getTableCondition: function () {
+      if (this.widget.options.tableCondition) {
+        let e = new Function(this.widget.options.tableCondition);
+        return e.call(this);
+      }
+    },
+    getSearchCondition: function () {
+      let extraAccessData = this.extraAccessData || {};
+      let searchFormData = this.getSearchFormData();
+      let defaultData = {};
+
+      // let globalReqData = baseRefUtil.getReportGlobalMap();//全局请求参数
+      let tableCondition = this.getTableCondition();
+      let conditions = {
+        ...defaultData,
+        ...tableCondition,
+        ...searchFormData,
+        ...extraAccessData,
+        // ...globalReqData
+      };
+      return conditions;
+    },
+    createColumns() {
+      let rowWidgetList = [];
+      let tableColumns = this.widget.options.tableColumns;
+      let newColumns = [];
+      if (!this.widget.options.hideGridCheckBox) {
+        newColumns.push({
+          type: "checkbox",
+          width: 48,
+          resizable: false,
+          fixed: "left",
+        });
+      }
+
+      let tableWidgetName = this.widget.options.name;
+      let isEditTable = this.widget.options.isEditTable || false;
+      const createColumn = (t, isChild) => {
+        let filterable = t.filterable ?? true;
+        let filterType = filterable ? null : false;
+        let col = {
+          fixed: !!t.fixed && t.fixed,
+          field: t.prop,
+          title: this.getI18nLabel(t.label),
+          sortable: t.sortable,
+          filterType,
+          align: t.align ? t.align : "center",
+          formatter: this.formatterValue,
+          params: {
+            title: this.getI18nLabel(t.label),
+            formatS: t.formatS,
+            columnId: t.columnId,
+            exportType: t.exportType,
+            isItemLine: t.isItemLine,
+            footerDataType: t.footerDataType,
+            footerMethodConfg: t.footerMethodConfg,
+            widgetList: t.widgetList,
+            tableWidgetName,
+          },
+          visible: t.show,
+          slots: {},
+        };
+        if (t.required) {
+          col.title = col.title;
+          /* if(!isEditTable){
+            col.titlePrefix = {
+              icon: "vxe-cell--required-icon"
+            }
+          } */
+          col.titlePrefix = {
+            icon: "vxe-cell--required-icon"
+          }
+        }
+        if (t.treeNode) {
+          col.treeNode = true;
+        }
+        if (t.children && t.children.length) {
+          col.align = "center";
+          delete col.field;
+          let childColumns = t.children.map((child) => {
+            return createColumn(child, true);
+          });
+          col.children = childColumns;
+
+          col.sortable = false;
+          col.filterType = false;
+        } else {
+          col.width = t.width;
+          if (isChild) {
+            if (col.title && col.field) {
+              if (filterable) {
+                col.filters = [
+                  {
+                    data: {},
+                  },
+                ];
+                col.filterRender = {
+                  name: "FilterContent",
+                };
+              }
+            }
+          }
+        }
+        col = addColumProperty(col, t);
+
+        if (col.params.widget) {
+          rowWidgetList.push(col.params.widget);
+        }
+        if (col.params.editWidget) {
+          rowWidgetList.push(col.params.editWidget);
+        }
+        if (col.params.widgetList && col.params.widgetList.length) {
+          col.params.widgetList.forEach((item) => {
+            rowWidgetList.push(item);
+          });
+        }
+        return col;
+      };
+
+      const addColumProperty = (col, t) => {
+        /*let columnOption;
+        let widget;
+        let columnWidgetConfig = this.getColumnWidgetConfig(t);
+        let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
+        if (columnSelectedWidget) {
+          widget = columnSelectedWidget;
+          columnOption = widget.options;
+        } else {
+          columnOption = {};
+        }
+
+        let {columnSelectedWidget: editWidget} = this.getColumnWidgetConfig(
+          t,
+          true
+        );*/
+
+        let widget = t.widget ?? null;
+        let editWidget = t.editWidget ?? null;
+        let columnOption = {};
+        if (widget) {
+          columnOption = widget.options;
+        }
+        let params = {
+          ...columnOption,
+          widget,
+          formatS: t.formatS,
+          required: t.required || false,
+          columnConfig: t,
+          editWidget,
+        };
+
+        Object.assign(col.params, params);
+        let types = ['input','number', 'text','select','checkbox','radio','status','vabsearch','date']
+        if(widget && types.includes(widget.type)){
+          const func = (obj)=>{
+            let value = obj.row[obj.column.field]
+            let fieldWidget = null;
+            if(!!obj.column?.params?.widget){
+              fieldWidget = this.getRowWidget(obj)
+            }
+            if(fieldWidget && !fieldWidget.options.hidden){
+              let widgetType = fieldWidget.type;
+              if(['input','number'].includes(widgetType)){
+                return value;
+              }
+              let widgetRef = this.getWidgetRefByTableParam(obj)
+              if('text' === widgetType){
+                return widgetRef ? widgetRef.showVaule : value;
+              }else if('select' === widgetType){
+                return this.getOptionLabel(fieldWidget, value);
+              }else if('checkbox' === widgetType){
+                return this.getOptionLabel(fieldWidget, value);
+              }else if('radio' === widgetType){
+                return this.getOptionLabel(fieldWidget, value);
+              }else if('status' === widgetType){
+                let statusParam = fieldWidget.options.statusParam || [];
+                let statusItem = statusParam.find(item => item.value === value)
+                return statusItem ? this.$t1(statusItem.label): null;
+              }else if('vabsearch' === widgetType){
+                let result = null;
+                let currentData = obj.row;
+                let fieldKeyName = this.getFieldKeyName(fieldWidget);
+                let vabSearchName = fieldWidget.options.vabSearchName;
+                let multipleChoices = fieldWidget.options.multipleChoices || false;
+                let labelField = vabSearchName || fieldKeyName;
+                if (!multipleChoices) {
+                  result = currentData[labelField] ?? null;
+                } else {
+                  if (value) {
+                    result = value.map(item => item[labelField]).join(",");
+                  }
+                }
+                return result;
+              }else if('date' === widgetType){
+                let dateType = fieldWidget.options.type;
+                if(['date','week'].includes(dateType)){
+                  return value?value.substring(0,10):null;
+                }else if(dateType === 'dates'){
+                  if(value){
+                    if(Array.isArray(value)){
+                      return value.map(item => item.substring(0,10)).join(",");
+                    }else{
+                      return value;
+                    }
+                  }
+                  return null;
+                }else{
+                  return value
+                }
+              }
+            }else{
+              return null
+            }
+
+          };
+          col.slots.filterVal = func;
+        }
+        if (!col.children || !col.children.length) {
+          if (t.formatS === "render") {
+            let r = t.render ? new Function("params", "h", t.render) : null;
+            col.slots.default = (params, h) => {
+              return r ? r.call(this, params, h) : "";
+            };
+          } else if (widget) {
+            // col.slots.default = columnSelectedWidget.id;
+            col.slots.default = "widget";
+          } else if (t.formatS === "editTreeButtonGroup") {
+            col.slots.default = "editTreeButtonGroup";
+          } else if (t.formatS === "widgetRender") {
+            col.slots.default = "widgetList";
+          }
+
+          if (editWidget) {
+            col.editRender = { name: "input" };
+            // col.slots.edit = editWidget.id;
+            col.slots.edit = "editWidget";
+          }
+        }
+        if (t.tableColumnConfig) {
+          let tableColumnConfig
+            = this.handleCustomEvent(t.tableColumnConfig) || {};
+          col = extendDeeply(col, tableColumnConfig);
+        }
+        return col;
+      };
+
+      let formRef = this.getFormRef();
+      tableColumns.forEach((t) => {
+        let col = createColumn(t);
+        newColumns.push(col);
+      });
+
+      /* let tableConfig = this.tableConfig;
+      let flag = tableConfig?.config?.toolbarConfig?.custom !== false;
+      if (
+        baseRefUtil.tableConfig &&
+        baseRefUtil.tableConfig.className === "list-table" &&
+        flag
+      ) {
+        if (tableColumns.length) {
+          let tableColumn = tableColumns[tableColumns.length - 1];
+          if (tableColumn.fixed !== "right") {
+            newColumns.push({
+              width: 47,
+              title: "",
+              fixed: "right",
+              sortable: false,
+            });
+          }
+        }
+      } */
+      this.rowWidgetList = rowWidgetList;
+      return this.$baseLodash.cloneDeep(newColumns);
+    },
+    //begin
+     getOptionLabel(fieldWidget, fieldModel){
+      if (fieldModel === null) {
+        return null
+      } else {
+        let resultList = []
+        let labelField = fieldWidget.options.labelKey || "label";
+        let valueField = fieldWidget.options.valueKey || "value";
+        fieldWidget.options.optionItems.forEach(oItem => {
+          if ((oItem[valueField] === fieldModel) || (this.findInArray(fieldModel, oItem[valueField])) !== -1) {
+            resultList.push(this.$t1(oItem[labelField]))
+          }
+        })
+        return resultList.join(",")
+      }
+    },
+    findInArray: function (e, t) {
+      if (!Array.isArray(e)) return -1;
+      var i = -1;
+      return (
+        e.forEach(function (e, n) {
+          e === t && (i = n);
+        }),
+          i
+      );
+    },
+    //end
+
+
+    async initTableList() {
+      let that = this;
+      let tableOption = null;
+      let path = null;
+      let paramFun = null;
+      // let mainDataSetDTO = null;
+      let requestAccess = this.requestAccess;
+      let tableRef = this.getTableRef();
+      let formDataModel = this.getFormRef().formDataModel;
+      let isQueryTable = this.widget.options.isQueryTable || false;
+      let isDataPage = this.widget.options.accessReturnType === "2";
+      let reportTemplate = this.getFormRef().reportTemplate;
+      let formCode = reportTemplate.formCode;
+      let dataId = this.formDataId;
+      let accessScript = this.widget.options.accessScript;
+      let searchColumns = null;
+
+      let isQueryAllPage = !this.widget.options.isNotQueryAllPage;
+
+      let tableConfig
+        = this.handleCustomEvent(this.widget.options.tableConfig) || {};
+      this.tableConfig = tableConfig;
+
+      let tableConfig2 = this.$baseLodash.cloneDeep(tableConfig);
+      delete tableConfig2.config;
+      delete tableConfig2.eventConfig;
+
+      if (isQueryTable) {
+        path = "#";
+        paramFun = () => {
+          let conditions = this.getSearchCondition();
+          let $grid = this.getGridTable();
+          if (this.widget.options.showPagination) {
+            let proxyInfo = $grid.getProxyInfo();
+            let searchCount = true;
+            let isQueryAllPage = $grid.isQueryAllPage;
+            if (isQueryAllPage === false) {
+              searchCount = false;
+            }
+            let pager = proxyInfo ? proxyInfo.pager : null;
+            if (pager) {
+              conditions.current = pager.currentPage;
+              conditions.size = pager.pageSize;
+              conditions.searchCount = searchCount;
+            }
+          }
+
+          /*let formData = {
+            accessCode: requestAccess.accessCode,
+            conditions: conditions
+          };*/
+          let formData = conditions;
+          return formData;
+        };
+
+        searchColumns = [];
+        let widgetList = this.widget.widgetList;
+
+        let getDateItem = (widget) => {
+          let options = widget.options;
+
+          let dateConfig = {
+            format: options.format,
+            valueFormat: options.valueFormat ?? null,
+          };
+          let typeMap = {
+            input: { type: "input" },
+            number: { type: "number" },
+            inputBatch: { type: "inputBatch" },
+            date: {
+              type: "date",
+              widgetType: options.type,
+              widgetConfig: dateConfig,
+            },
+            time: {
+              type: "time",
+              widgetConfig: {
+                ...dateConfig,
+                valueFormat: "HH:mm:ss",
+              },
+            },
+            "date-range": {
+              type: "date",
+              widgetType: "daterange",
+              widgetConfig: { ...dateConfig, isRange: true },
+            },
+            "time-range": {
+              type: "time",
+              widgetConfig: {
+                ...dateConfig,
+                isRange: true,
+                valueFormat: "HH:mm:ss",
+              },
+            },
+          };
+          let item = typeMap[widget.type] || {};
+          return item;
+        };
+
+        widgetList.forEach((widget) => {
+          if ("container" !== widget.category) {
+            let options = widget.options;
+            let item = getDateItem(widget);
+            let type = item.type ?? null;
+            // let widgetType = item.widgetType ?? widgetType;
+            // let isRange = item.isRange || false;
+            searchColumns.push({
+              title: this.getI18nLabel(options.label),
+              field: this.getFieldKeyName(widget),
+              // type,
+              // widgetType,
+              // isRange,
+              common: true,
+              disabled: options.disabled,
+              defaultValueEnabled: !!type,
+              slot: options.name,
+              widget: widget,
+              formItem: false,
+              ...item,
+            });
+          }
+        });
+      }
+
+      let formRef = this.getFormRef();
+      let dataTableConfig = formRef.$attrs.dataTableOption || {};
+      this.dataTableConfig = dataTableConfig;
+
+      let columns = this.createColumns();
+      this.widgets = columns
+        .filter((column) => !!column?.params?.widget)
+        .map((column) => column.params.widget);
+      this.editWidgets = columns
+        .filter((column) => !!column?.params?.editWidget)
+        .map((column) => column.params.editWidget);
+
+      let height
+        = this.widget.options.tableHeight || (isQueryTable ? "auto" : null);
+      if (
+        !this.widget.options.tableHeight
+        && isQueryTable
+        && this.previewState
+      ) {
+        height = "550px";
+      }
+
+      let formConfig = this.formConfig;
+      let scriptCode = this.getScriptCode();
+
+      let otherParam = {};
+      let attachmentType = this.getAttachmentType();
+      if (attachmentType.length) {
+        otherParam.attachmentType = attachmentType;
+      }
+      let thirdtabm = this.getThirdtabm();
+      if (thirdtabm.length) {
+        otherParam.thirdtabm = thirdtabm;
+      }
+
+      let pagerConfig = {};
+      let editDefaultRow, treeNodeParam, treeConfig;
+      let isTreeTable = this.widget.options.isTreeTable;
+      if (isTreeTable) {
+        pagerConfig.pagerClass = "is--hidden";
+        if (this.widget.options.editDefaultRow) {
+          editDefaultRow = this.handleCustomEvent(
+            this.widget.options.editDefaultRow
+          );
+        }
+        treeNodeParam = (row) => {
+          return {
+            [this.widget.options.parentField]: row.id,
+          };
+        };
+        treeConfig = {
+          lazy: false,
+          children: "f_children",
+          hasChild: "f_has_child", // 设置是否有子节点标识
+          parentField: "f_parent",
+          transform: true,
+          expandAll: true,
+          loadMethod:({ $table, row })=> {
+            // 模拟后台接口
+            let $grid = that.getGridTable();
+            let parentField = $grid.treeConfig.parentField;
+            return new Promise((resolve, reject) => {
+              let treeParam = tableConfig?.treeNodeParam;
+              let reqPram = {};
+              if (treeParam) {
+                reqPram = treeParam(row) || {};
+              }
+              Object.assign(reqPram, {
+                [parentField]: row.id,
+              });
+              let accessParam = that.getAccessParam() || {};
+              let defaultOption = that.getHttpConfigForUser();
+              that.formHttp({
+                scriptCode: scriptCode,
+                data: {
+                  formCode: formCode,
+                  formVersion: reportTemplate.formVersion,
+                  taBm: that.fieldKeyName,
+                  data: {
+                    ...reqPram,
+                    ...otherParam,
+                    ...accessParam,
+                  },
+                },
+                callback: (res) => {
+                  if (res.type === "success") {
+                    let items = this.handleTreeData((res.objx?.records || res.objx || []));
+                    if(res.objx?.records !== undefined){
+                      res.objx.records = items;
+                    }else{
+                      res.objx = items;
+                    }
+                    let rows = res.objx
+                    ? res.objx.records || res.objx || []
+                    : [];
+                    // let rows = res.objx
+                    //   ? res.objx.records || res.objx || []
+                    //   : [];
+                    // that.handleNullValue(rows);
+                    that.initExportFieldSchemaData(rows);
+                    /* rows.forEach((row, index) => {
+                      if (!row._X_ROW_KEY) {
+                        row._X_ROW_KEY = "row_" + generateId();
+                      }
+                    }); */
+
+                    let hasChildField = $grid.treeConfig.hasChild;
+                    if (row[hasChildField] && !rows.length) {
+                      row[hasChildField] = false;
+                    }
+
+                    resolve(rows);
+                    /* let treeCallback = tableConfig?.treeCallback;
+                    if (treeCallback) {
+                      that.$nextTick(() => {
+                        setTimeout(function () {
+                          treeCallback(rows);
+                        }, 0);
+                      });
+                    } */
+                    that.$nextTick(() => {
+                      setTimeout(function () {
+                        dataTableConfig.callback && dataTableConfig.callback(rows);
+                        tableOption.callback && tableOption.callback(rows);
+                        tableConfig.treeCallback && tableConfig.treeCallback(rows);
+                      }, 0);
+                    });
+                  } else {
+                    reject(res);
+                  }
+                },
+              });
+            });
+          },
+        };
+      }
+      let editOpts = {};
+      if (this.widget.options.isEditTable) {
+        // let editRules = {};
+        this.loodHandleColumns(this.widget.options.tableColumns, (item) => {
+          if (!item.children?.length) {
+            let editWidget = item.editWidget;
+            if(editWidget && editWidget.options.required){
+              let formField = this.getFieldKeyName(editWidget);
+              /* editRules[formField] = [
+                { required: true, message: `[${editWidget.options.label}]不能为空` }
+              ]; */
+            }
+          }
+        });
+        editOpts = {
+          keepSource: true,
+          editConfig: {
+            trigger: "manual",
+            mode: "row",
+            showStatus: true,
+            autoClear: false,
+          },
+          // editRules
+        };
+      }
+      let showFooter = this.widget.options.showGridFooter || false;
+      let otherConfig = {};
+      if (this.widget.options.hideGridCheckBox) {
+        otherConfig.checkBoxRequired = false;
+      }
+
+      let gridPageSize = this.widget.options.gridPageSize;
+      if (gridPageSize === 1) {
+        gridPageSize = null;
+      }
+      let gridPageSizeList = this.widget.options.gridPageSizeList || [];
+      if (!gridPageSizeList || !gridPageSizeList.length) {
+        pagerConfig.pageSizes = [50, 100, 200, 500];
+        if (!gridPageSize) gridPageSize = 100;
+        pagerConfig.pageSize = gridPageSize;
+      } else {
+        pagerConfig.pageSizes = gridPageSizeList
+          .filter((item) => item.value)
+          .map((item) => item.value);
+        if (!gridPageSize) gridPageSize = pagerConfig.pageSizes[0];
+        pagerConfig.pageSize = gridPageSize;
+      }
+
+      //标题颜色
+      let headerCellStyle = null;
+      let tableColumns = this.widget.options.tableColumns;
+      let colorMap = {};
+      let flag = 0;
+      /* tableColumns.forEach(item=>{
+        if(item.labelColor){
+          flag = 1;
+          colorMap[item.columnId] = item.labelColor
+        }
+      }) */
+
+      this.loodHandleColumns(tableColumns, (item) => {
+        if (item.labelColor) {
+          flag = 1;
+          colorMap[item.columnId] = item.labelColor;
+        }
+      });
+
+      if (flag) {
+        headerCellStyle = (rowParam) => {
+          let columnId = rowParam.column?.params?.columnId;
+          if (columnId) {
+            let color = colorMap[rowParam.column.params.columnId];
+            if (color) {
+              return `color:${color};`;
+            }
+          }
+        };
+      }
+
+      let exportItemConfig = null;
+      if (
+        this.widget.options.exportItemColumns
+        && this.widget.options.exportItemColumns.length > 0
+      ) {
+        let formatKeys = [
+          "d1",
+          "d2",
+          "d3",
+          "d4",
+          "d5",
+          "n1",
+          "n2",
+          "n3",
+          "n4",
+          "n5",
+          "n6",
+          "n7",
+        ];
+        let exportItemColumns = this.widget.options.exportItemColumns.map(
+          (item) => {
+            let columnSlots = null;
+            let columnParams = {};
+            if (item.formatS === "render") {
+              let r = item.render
+                ? new Function("params", "h", item.render)
+                : null;
+              columnSlots = {
+                default: (params, h) => {
+                  return r ? r.call(this, params, h) : "";
+                },
+              };
+            } else if (formatKeys.includes(item.formatS)) {
+              columnSlots = {
+                default: (params, h) => {
+                  let cellValue = params.row[params.column.field];
+                  return this.getFormatterValue(cellValue, item.formatS);
+                },
+              };
+            }
+            if (item.exportType) {
+              columnParams.exportType = item.exportType;
+            }
+            return {
+              id: item.id,
+              title: item.title,
+              field: item.field,
+              params: columnParams,
+              slots: columnSlots,
+            };
+          }
+        );
+        exportItemConfig = {
+          scriptCode:
+            this.widget.options.exportItemScriptCode
+            || this.widget.options.formScriptCode,
+          columns: exportItemColumns,
+          param: () => {
+            if (this.widget.options.exportItemParam) {
+              return this.handleCustomParam(this.widget.options.exportItemParam);
+            }
+          },
+        };
+      }
+      let rowConfig = {};
+      if(this.widget.options.tableRowHeight){
+        rowConfig.height = this.widget.options.tableRowHeight
+      }
+
+      tableOption = {
+        // vue: this,
+        tableRef: tableRef,
+        tableName: this.getGridTableName(),
+        customAlign: false,
+        param: paramFun,
+        columns: columns,
+        searchColumns: searchColumns,
+        isQueryAllPage,
+        exportItemConfig,
+        vform: true,
+        ...(dataTableConfig.otherConfig || {}),
+        config: {
+          height: height,
+          showFooter,
+          pagerConfig,
+          treeConfig,
+          rowConfig,
+          headerCellStyle,
+          ...editOpts,
+          ...dataTableConfig.config,
+
+          /*rowConfig:{
+            height: 40
+          },*/
+          /*scrollX: {
+            gt: 30,
+            oSize: 10,    //<!-- 每次渲染额外10行（缓冲区） -->
+            rSize: 20     //<!-- 每次渲染30行（可视区行数） -->
+          },
+          scrollY: {
+            gt: 100,      //<!-- 超过100行启用虚拟滚动 -->
+            oSize: 10,    //<!-- 每次渲染额外10行（缓冲区） -->
+            rSize: 30     //<!-- 每次渲染30行（可视区行数） -->
+          }*/
+        },
+        exportAjax: (param, options) => {
+          let $grid = this.getGridTable();
+          let pageSize = param.size;
+          let currentPage = param.current;
+          let page = { pageSize, currentPage };
+          let customParam = {
+            config: {
+              modal: false,
+            },
+            export: true,
+            exportParam: options,
+          };
+          return $grid.$options.propsData.proxyConfig.ajax.query.call(this, {
+            page,
+            param,
+            customParam,
+          });
+        },
+        // treeNodeUrl,
+        editDefaultRow,
+        treeNodeParam,
+        ...otherConfig,
+        // ...tableConfig2
+      };
+
+      if (isQueryTable) {
+        /*if(this.widget.options.isTreeTable){
+          tableOption.config.pagerConfig.autoHidden = false;
+        }*/
+        tableOption.path = path;
+        tableOption.config.proxyConfig = {
+          props: {
+            result: isDataPage ? "objx.records" : "objx", // 配置响应结果列表字段
+            total: isDataPage ? "objx.total" : "objx.length", // 配置响应结果总页数字段
+          },
+          ajax: {
+            // 接收 Promise 对象
+            query: ({ page, sorts, filters, form, param, customParam }) => {
+              let scriptCode = this.getScriptCode();
+              let $grid = this.getGridTable();
+              let originOption = $grid.params.originOption;
+              let formData = {};
+
+              if (customParam?.exportParam?.type !== "exportItem") {
+                //非导出明细
+                formData = tableOption.param ? tableOption.param() || {} : {};
+              }
+              const queryParams = Object.assign({}, formData);
+
+              // 处理排序条件
+              /*if (sorts) {
+                const firstSort = sorts[0];
+                if (firstSort) {
+                  queryParams.sort = firstSort.property;
+                  queryParams.order = firstSort.order;
+                }
+              }*/
+
+              // 处理筛选条件
+              if (filters) {
+                filters.forEach(({ property, values }) => {
+                  queryParams[property] = values.join(",");
+                });
+              }
+
+              if (page.pageSize !== undefined) {
+                queryParams["size"] = page.pageSize;
+                queryParams["current"] = page.currentPage;
+              }
+
+              // let $grid = this.getGridTable();
+              let isQueryAllPage = $grid.isQueryAllPage;
+              let pathStr1 = "";
+              /* if (isQueryAllPage === false) {
+                queryParams.searchCount = false;
+              } */
+              queryParams.searchCount = isQueryAllPage !== false;
+              Object.assign(queryParams, param);
+
+              // let formRef = that.getFormRef();
+              // let dataTableConfig = formRef.$attrs.dataTableOption || {};
+              if (that.dataTableConfig.queryParam) {
+                Object.assign(queryParams, that.dataTableConfig.queryParam);
+              }
+
+              let reqPath = typeof path === "function" ? path() : path;
+              let accessReturnType = this.widget.options.accessReturnType || "2";
+
+              return new Promise((resolve, reject) => {
+                let reqData = {
+                  ...queryParams,
+                };
+                if (scriptCode) {
+                  let index = 0;
+                  let toDo = () => {
+                    // let f = new Function("dataId", "formCode", "param", "done", accessScript);
+                    let done = (res) => {
+                      // this.clearRowWidgets();
+
+                        let items = this.handleTreeData((res.objx?.records || res.objx || []));
+                        if(res.objx?.records !== undefined){
+                          res.objx.records = items;
+                        }else{
+                          res.objx = items;
+                        }
+                        let rows = res.objx
+                        ? res.objx.records || res.objx || []
+                        : [];
+                      // that.handleNullValue(rows);
+                      if (customParam?.export) {
+                        //导出
+                        this.initExportFieldSchemaData(rows);
+                      } else {
+                        this.initValue(rows);
+                      }
+
+                      resolve(res);
+                      if (res.type === "success") {
+                        if (that.widget.options.isTreeTable) {
+                          if (rows.length > 0) {
+                            let fullAllDataRowMap
+                              = $grid.$refs.xTable.fullAllDataRowMap;
+                            let parentField = $grid.treeConfig.parentField;
+                            let expandAll = $grid.treeConfig.expandAll || false;
+                            let isLazy = $grid.treeConfig.lazy;
+                            let expandIds = rows
+                              .filter((item) => item[parentField])
+                              .map((item) => item[parentField]);
+                            let expandRows = expandIds.length
+                              ? rows.filter((item) =>
+                                  expandIds.includes(item.id)
+                                )
+                              : [];
+                            if (expandAll && expandRows.length) {
+                              that.$nextTick(() => {
+                                setTimeout(function () {
+                                  $grid.treeConfig.lazy = false;
+                                  $grid.setTreeExpand(expandRows, true);
+                                  expandRows.forEach((lineData) => {
+                                    if (
+                                      $grid.$refs.xTable.isTreeExpandByRow(
+                                        lineData
+                                      )
+                                    ) {
+                                      let rest
+                                        = fullAllDataRowMap.get(lineData);
+                                      rest.treeLoaded = true;
+                                    }
+                                  });
+
+                                  $grid.treeConfig.lazy = isLazy;
+                                }, 0);
+                              });
+                            }
+
+                            let row = rows.find((item) => !item[parentField]);
+                            if (
+                              row
+                              && (!expandAll || !expandIds.includes(row.id))
+                            ) {
+                              let hasChild = $grid.treeConfig.hasChild;
+                              if (row[hasChild]) {
+                                that.$nextTick(() => {
+                                  setTimeout(function () {
+                                    $grid.setTreeExpand(row, true);
+                                  }, 0);
+                                });
+                              }
+                            }
+                          }
+                        }
+                        that.$nextTick(() => {
+                          setTimeout(function () {
+                            dataTableConfig.callback && dataTableConfig.callback(rows);
+                            tableOption.callback && tableOption.callback(rows);
+                            that.handleCustomEvent(
+                              that.widget.options.formScriptCallback,
+                              ["rows"],
+                              [rows]
+                            );
+                          }, 0);
+                        });
+                      }
+                    };
+                    this.loadDefaultQueryList(reqData, done, customParam);
+                  };
+                  let loopHandle = () => {
+                    if (index < 500 && $grid.tableFormStop === true) {
+                      //阻塞列表查询，或者次数达到500时，自动释放
+                      index++;
+                      setTimeout(() => {
+                        loopHandle();
+                      }, 10);
+                    } else {
+                      if ($grid.tableFormStop) $grid.tableFormStop = false;
+                      toDo();
+                    }
+                  };
+                  loopHandle();
+                } else {
+                  resolve();
+                }
+              });
+            },
+          },
+        };
+        tableOption.callback = (rows) => {
+          // this.fieldModel = rows;
+          this.formModel[this.fieldKeyName] = rows;
+        };
+      }
+
+      if (isTreeTable) {
+        tableOption.filterType = false;
+      }
+      tableOption = extendDeeply(tableOption, tableConfig);
+      /* if (this.widget.options.tableConfig) {
+        let tableConfig =
+          this.handleCustomEvent(this.widget.options.tableConfig) || {};
+        tableOption = extendDeeply(tableOption, tableConfig);
+        this.tableConfig = tableConfig;
+      } */
+
+      if (tableOption.config.showFooter && !tableOption.config.footerMethod) {
+        let footerColumnIds = [];
+        this.loodHandleColumns(columns, (item) => {
+          if (!item.children?.length && !!item.params?.footerDataType) {
+            footerColumnIds.push(item.params.columnId);
+          }
+        });
+
+        /* let footerColumnIds = columns
+          .filter((item) => !!item.params?.footerDataType)
+          .map((item) => item.params.columnId); */
+        if (footerColumnIds.length) {
+          tableOption.config.footerMethod = (param) => {
+            let { columns: column1s, data } = param;
+            return [
+              column1s.map((column, columnIndex) => {
+                let columnId = column.params?.columnId;
+                if (columnId && footerColumnIds.includes(columnId)) {
+                  let footerDataType = column.params.footerDataType;
+                  if (footerDataType === "1") {
+                    //求和
+                    return this.sumNum(data, column.field);
+                  } else if (footerDataType === "2") {
+                    //求平均值
+                    return this.meanNum(data, column.field);
+                  } else if (footerDataType === "3") {
+                    if (column.params.footerMethodConfg) {
+                      let n = new Function(
+                        "dataId",
+                        "formCode",
+                        "param",
+                        column.params.footerMethodConfg
+                      );
+                      return n.call(this, dataId, formCode, param) ?? null;
+                    }
+                  }
+                }
+                return null;
+              }),
+            ];
+          };
+        }
+      }
+      tableOption.vue = this;
+
+      //合并单元格
+      let mergeRowEnabled = this.widget.options.mergeRowEnabled || false;
+      let unikey = this.widget.options.mergeRowKey;
+      if (mergeRowEnabled && unikey) {
+        tableOption.config.spanMethod = this.mergeRowMethod;
+      }
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.vxeOption = opts;
+        if (!isQueryTable) {
+          setTimeout(() => {
+            this.loadAccessData(1);
+          }, 20);
+        }
+      });
+    },
+    loodHandleColumns(columns, callback) {
+      let columnLoopDo = (t, e) => {
+        callback && callback(t);
+        if (t.children && t.children.length) {
+          this.loodHandleColumns(t.children, callback);
+          /* for (let item of t.children) {
+            columnLoopDo(item);
+          } */
+        }
+      };
+      for (let item of columns) {
+        columnLoopDo(item);
+      }
+    },
+
+    meanNum(list, field) {
+      let count = this.sumNum(list, field);
+      return this.$baseDiv(count, list.length);
+    },
+    sumNum(list, field) {
+      let count = 0;
+      list.forEach((item) => {
+        count = this.$baseAdd(count, item[field]);
+      });
+      return count;
+    },
+    getSearchFormData() {
+      let map = { condition: [] };
+      let formData = this.globalModel.formModel;
+      let widgetList = this.widget.widgetList;
+      if (!!widgetList && widgetList.length > 0) {
+        let loop = (wItem) => {
+          if (wItem.category === "container") {
+            loop(wItem);
+          } else {
+            let formField = this.getFieldKeyName(wItem);
+            let vaule = formData[formField];
+            if (vaule !== null && vaule !== undefined && vaule !== "") {
+              if (!Array.isArray(vaule) || vaule.length > 0) {
+                let item = {
+                  value: vaule,
+                  field: formField,
+                  filter: null,
+                };
+                let wType = wItem.type;
+                if (["date-range", "time-range"].includes(wType)) {
+                  item.filter = "between";
+                } else if (
+                  ["input-batch", "checkbox"].includes(wType)
+                  || (wType === "select" && wItem.options.multiple)
+                ) {
+                  item.filter = "in";
+                } else if (
+                  ["radio", "time", "date"].includes(wType)
+                  || (wType === "select" && !wItem.options.multiple)
+                ) {
+                  item.filter = "eq";
+                } else {
+                  item.filter = "like";
+                }
+                map.condition.push(item);
+              }
+            }
+          }
+        };
+        widgetList.forEach((wItem) => {
+          loop(wItem);
+        });
+      }
+      return map;
+    },
+    getUrl() {
+      let accessUrl = this.widget.options.accessUrl;
+      return accessUrl || USER_PREFIX + `/form_ins/getFormInsData`;
+    },
+    getAttachmentType() {
+      /* let vailColumns = this.widget.options.tableColumns.filter(
+        (item) => item.prop && item.label
+      );
+      let result = vailColumns
+        .filter((item) => {
+          return item.formatS === "editAttachment";
+        })
+        .map((item) => item.prop); */
+
+      let result = [];
+      this.loodHandleColumns(this.widget.options.tableColumns, (item) => {
+        if (!item.children?.length && item.prop && item.label) {
+          if (item.formatS === "editAttachment") {
+            result.push(item.prop);
+          }
+        }
+      });
+      return result;
+    },
+    getThirdtabm() {
+      /* let vailColumns = this.widget.options.tableColumns.filter(
+        (item) => item.prop && item.label
+      );
+      let result = vailColumns
+        .filter((item) => {
+          return (
+            item.formatS === "editSearch" && item.columnOption.multipleChoices
+          );
+        })
+        .map((item) => item.prop); */
+      let result = [];
+      this.loodHandleColumns(this.widget.options.tableColumns, (item) => {
+        if (!item.children?.length && item.prop && item.label) {
+          if (
+            item.formatS === "editSearch"
+            && item.widget?.options?.multipleChoices
+          ) {
+            result.push(item.prop);
+          }
+        }
+      });
+      return result;
+    },
+
+    loadDefaultViewList(option) {
+      let dataId = this.formDataId;
+      let reportTemplate = this.getFormRef().reportTemplate;
+      let formCode = reportTemplate.formCode;
+      let accessParam = this.getAccessParam() || {};
+      let otherParam = {};
+      let attachmentType = this.getAttachmentType();
+      if (attachmentType.length) {
+        otherParam.attachmentType = attachmentType;
+      }
+      let thirdtabm = this.getThirdtabm();
+      if (thirdtabm.length) {
+        otherParam.thirdtabm = thirdtabm;
+      }
+      let scriptCode = this.getScriptCode();
+      return this.formHttp({
+        /*url: "/" + reportTemplate.serviceName + "/form_ins/getList",*/
+        scriptCode: scriptCode,
+        data: {
+          formCode: formCode,
+          formVersion: reportTemplate.formVersion,
+          taBm: this.fieldKeyName,
+          data: {
+            id: dataId,
+            ...otherParam,
+            ...accessParam,
+          },
+        },
+        callback: (res) => {
+          let $grid = this.getGridTable();
+          // let rows = res.objx ? res.objx.records || res.objx || [] : [];
+
+          let items = this.handleTreeData((res.objx?.records || res.objx || []));
+          if(res.objx?.records !== undefined){
+            res.objx.records = items;
+          }else{
+            res.objx = items;
+          }
+          let rows = res.objx
+          ? res.objx.records || res.objx || []
+          : [];
+
+
+          // that.handleNullValue(rows);
+          let defaultRow = this.createNewTableData();
+          rows = rows.map((row) => {
+            return {
+              ...defaultRow,
+              ...row,
+            };
+          });
+          this.initValue(rows);
+          this.$nextTick(() => {
+            /*if (this.widget.options.isTreeTable) {
+              let $grid = this.getGridTable();
+              $grid.treeConfig.lazy = false;
+              $grid.setAllTreeExpand(true);
+            }*/
+            this.tableConfig.callback && this.tableConfig.callback(rows);
+            this.handleCustomEvent(
+              this.widget.options.formScriptCallback,
+              ["rows"],
+              [rows]
+            );
+            this.$forceUpdate();
+          });
+        },
+      });
+    },
+    getAccessParam() {
+      if (!this.widget.options.formScriptParam) return;
+      return this.handleCustomEvent(this.widget.options.formScriptParam);
+    },
+    getScriptCode() {
+      let accessReturnType = this.widget.options.accessReturnType;
+      let defaultScriptCode = "getList";
+      if (accessReturnType === "1") {
+        defaultScriptCode = "getList";
+      } else if (accessReturnType === "2") {
+        defaultScriptCode = "getPage";
+      }
+      let scriptCode = this.widget.options.formScriptCode || defaultScriptCode;
+      return scriptCode;
+    },
+    loadDefaultQueryList(reqData, done, customParam) {
+      let reportTemplate = this.getFormRef().reportTemplate;
+      let prefix = "/" + reportTemplate.serviceName;
+      let formCode = reportTemplate.formCode;
+      let formConfig = this.formConfig;
+      let accessReturnType = this.widget.options.accessReturnType;
+      let scriptCode = this.getScriptCode();
+      let accessParam = {};
+      let otherParam = {};
+      if (customParam?.exportParam?.type === "exportItem") {
+        let $grid = this.getGridTable();
+        let originOption = $grid.params.originOption;
+        let exportItemConfig = originOption.exportItemConfig || {};
+        if (exportItemConfig.scriptCode) {
+          scriptCode = exportItemConfig.scriptCode;
+        }
+        if (exportItemConfig.columns?.length) {
+          let result = [];
+          this.loodHandleColumns(exportItemConfig.columns, (item) => {
+            if (!item.children?.length && item.field && item.title) {
+              if (item.field.startsWith("attachments_")) {
+                result.push(item.field);
+              }
+            }
+          });
+          if (result.length) {
+            otherParam.attachmentType = result;
+          }
+        }
+        let ids = $grid.getCheckboxRecords(true).map((item) => {
+          return item.id;
+        });
+
+        if (originOption.exportItemConfig.param) {
+          accessParam = originOption.exportItemConfig.param() || {};
+        }
+        accessParam.ids = ids;
+      } else {
+        accessParam = this.getAccessParam() || {};
+        let attachmentType = this.getAttachmentType();
+        if (attachmentType.length) {
+          otherParam.attachmentType = attachmentType;
+        }
+      }
+
+      let defaultOption = this.getHttpConfigForUser();
+
+      let ajaxConfig = customParam?.config || {};
+
+      let requestData = {
+        ...reqData,
+        ...otherParam,
+      };
+      requestData = extendDeeply(requestData, accessParam);
+
+      return this.formHttp({
+        // url: prefix + "/form_ins/getPage",
+        scriptCode: scriptCode,
+        data: {
+          formCode: formCode,
+          formVersion: reportTemplate.formVersion,
+          taBm: this.fieldKeyName,
+          data: requestData,
+        },
+        isLoading: false,
+        ...defaultOption,
+        ...ajaxConfig,
+        callback: (res) => {
+          done(res);
+        },
+      });
+    },
+    loadAccessData(flag) {
+      if (
+        this.formModel[this.fieldKeyName]
+        && this.formModel[this.fieldKeyName].length
+      ) {
+        this.initValue(this.formModel[this.fieldKeyName]);
+      }
+      if (flag === 1) {
+        let tableConfig = this.tableConfig;
+        let accessEnabled = tableConfig.accessEnabled ?? true;
+        if (accessEnabled === false) {
+          return;
+        }
+        if (this.formConfig.isLoadEntity && !this.formDataId) {
+          return;
+        }
+      }
+
+      let scriptCode = this.getScriptCode();
+      if (scriptCode) {
+        this.loadDefaultViewList();
+      }
+    },
+    getReqParam(item, dataId, billData) {
+      let param = {};
+      if (item.accessParam) {
+        if (typeof item.accessParam === "string") {
+          let n = new Function("billData", item.accessParam);
+          param = n.call(this, billData);
+        } else {
+          param = item.accessParam;
+        }
+      } else {
+        param = { id: dataId };
+      }
+      return param;
+    },
+    getTableRef() {
+      let tableRef = this.widget.id;
+      return tableRef;
+    },
+    exportData(option) {
+      let tableRef = this.getTableRef();
+      let serviceName = this.getFormRef().reportTemplate.serviceName;
+      option.prefix = option.prefix || "/" + serviceName;
+      let exportTableTarget = this.$refs.exportTable;
+      let getExportTableRef = () => {
+        return exportTableTarget;
+      };
+      this.$excelExport({ targetRef: tableRef, ...option });
+    },
+    async deleteRow(row, rowIndex) {
+      let isTreeTable = this.widget.options.isTreeTable;
+      if (isTreeTable) {
+        this.removeTreeRow({ row });
+        return;
+      }
+      delete this.fieldSchemaMap[row._X_ROW_KEY];
+      let $grid = this.getGridTable();
+      $grid.remove(row);
+      let tableData = $grid.getTableData();
+      let isEditTable = this.widget.options.isEditTable;
+      let fullData = !isEditTable ? tableData.fullData : tableData.tableData;
+      this.formModel[this.fieldKeyName] = fullData;
+      this.fieldModel = fullData;
+      this.$nextTick(() => {
+        this.handleWbs();
+      });
+      // this.deleteRowWidgets(row);
+    },
+    isSingerlSearch(widget) {
+      let widgetType = widget?.type;
+      let result
+        = widgetType === "singerSearch"
+        || (widgetType === "vabsearch" && !widget.options.multipleChoices);
+      return result;
+    },
+    getColumnNullValue(widget, defaultValueEnabled) {
+      if (!widget) return null;
+      let nullValue = null;
+      let widgetType = widget.type;
+      let multiWidgetTypes = [
+        "checkbox",
+        "time-range",
+        "baseAttachment",
+        "vabUpload",
+        "project-tag",
+      ];
+
+      let defaultValue = widget.options.defaultValue;
+      if (
+        defaultValue !== undefined
+        && defaultValue !== null
+        && defaultValue !== ""
+        && defaultValueEnabled !== false
+      ) {
+        nullValue = defaultValue;
+      } else if (widgetType === "select" && widget.options.multiple) {
+        nullValue = [];
+      } else if (widgetType === "date" && widget.options.type === "dates") {
+        nullValue = [];
+      } else if (widgetType === "vabsearch" && widget.options.multipleChoices) {
+        nullValue = [];
+      } else if (multiWidgetTypes.includes(widgetType)) {
+        nullValue = [];
+      }
+      return nullValue;
+    },
+    getIsFormWidget(widget) {
+      let widgetTypes = ["baseAttachment"];
+      let result = false;
+      if (widget.formItemFlag) {
+        result = true;
+      }
+      return result;
+    },
+    handleWidgetNullValue(widget, newData) {
+      if (!widget || !newData) return;
+      if (this.getIsFormWidget(widget)) {
+        let field = this.getFieldKeyName(widget);
+        let nullValue = newData.hasOwnProperty(field)
+          ? null
+          : this.getColumnNullValue(widget);
+        newData[field] = nullValue;
+        if (this.isSingerlSearch(widget)) {
+          let vabSearchName = widget.options.vabSearchName;
+          if (vabSearchName) newData[vabSearchName] = null;
+        }
+      }
+    },
+    createNewTableData(isEdit, defaultValueEnabled=true) {
+      let newData = {};
+      this.loodHandleColumns(this.widget.options.tableColumns, (item) => {
+        if (!item.children?.length && item.prop && item.label) {
+          let formatS = !isEdit ? item.formatS : item.editFormatS;
+          let widget = null;
+          if (isEdit) {
+            widget = item.editWidget || item.widget;
+          } else {
+            widget = item.widget;
+          }
+          if (formatS === "widgetRender") {
+            if (item.widgetList) {
+              loopHandleWidget(item.widgetList, (w, p) => {
+                this.handleWidgetNullValue(w, newData, defaultValueEnabled);
+              });
+            }
+          } else {
+            if (widget) {
+              this.handleWidgetNullValue(widget, newData, defaultValueEnabled);
+            } else {
+              newData[item.prop] = null;
+            }
+          }
+        }
+      });
+      return newData;
+    },
+    addTableData(rows, field) {
+      let $grid = this.getGridTable();
+      let formDataModel = this.formModel;
+      let tableRows = formDataModel[this.fieldKeyName] || [];
+      let fullData = $grid.getTableData().fullData;
+      let items;
+      if (field) {
+        let keys = fullData.map((item) => {
+          return item[field] + "";
+        });
+        items = rows.filter((item) => {
+          let value = item[field] + "";
+          return !keys.includes(value);
+        });
+      } else {
+        items = rows;
+      }
+      if (items) {
+        if (items.length) {
+          items.forEach((row) => {
+            let newData = this.createNewTableData();
+            Object.assign(newData, row);
+
+            tableRows.push(newData);
+          });
+        }
+      } else {
+        let newData = this.createNewTableData();
+        tableRows.push(newData);
+      }
+      // this.formModel[this.fieldKeyName] = this.$baseLodash(this.fieldModel)
+      // this.fieldModel = tableRows
+      this.setValue(tableRows);
+      this.$nextTick(() => {
+        this.handleWbs();
+      });
+      // $grid.loadData(tableRows);
+    },
+    getColumnWidgetConfig(row, isEdit) {
+      let formatS = isEdit ? row.editFormatS : row.formatS;
+      let formRef = this.getFormRef();
+      let columnSelectedWidget = null;
+      let columnEditFields = null;
+
+      let type = this.columnFormatMap[formatS];
+
+      if (type) {
+        columnSelectedWidget = this.$baseLodash.cloneDeep(
+          formRef.getFieldWidgetByType(type)
+        );
+        let tmpId = generateId();
+        let idVal = row.prop ? row.prop : type + tmpId;
+        /*
+        columnSelectedWidget.id = idVal;*/
+        /*if(isEdit){
+          columnSelectedWidget.id = "edit_"+row.columnId;
+        }else{
+          columnSelectedWidget.id = row.columnId;
+        }*/
+        // columnSelectedWidget.id = row.columnId;
+
+        columnSelectedWidget.options.name = idVal;
+
+        let columnOption;
+        if (!isEdit) {
+          columnOption = row.columnOption;
+        } else {
+          columnOption = row.editColumnOption;
+        }
+
+        if (columnOption && Object.keys(columnOption).length) {
+          columnOption.required = row.required || false;
+          columnSelectedWidget.options = columnOption;
+          if ("editDelete" === formatS) {
+            columnSelectedWidget.options.hiddenByWf
+              = columnSelectedWidget.options.hiddenByWf ?? true;
+            columnSelectedWidget.options.prefixIcon
+              = columnSelectedWidget.options.prefixIcon || "el-icon-delete";
+          } else if ("editButton" === formatS) {
+            columnSelectedWidget.options.prefixIcon
+              = columnSelectedWidget.options.prefixIcon || "el-icon-edit";
+          }
+        } else {
+          columnSelectedWidget.options.required = row.required || false;
+          if ("editDelete" === formatS) {
+            columnSelectedWidget.options.prefixIcon = "el-icon-delete";
+            columnSelectedWidget.options.label = "删除";
+            columnSelectedWidget.options.labelHidden = true;
+            columnSelectedWidget.options.hiddenByWf = true;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nlet tableRef = this.getWidgetRef(this.parentWidget.options.name);\ntableRef.deleteRow(tableParam.row,tableParam.rowIndex);";
+          } else if ("editButton" === formatS) {
+            columnSelectedWidget.options.prefixIcon = "el-icon-edit";
+            columnSelectedWidget.options.label = "查看";
+            columnSelectedWidget.options.labelHidden = true;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nlet tableRef = this.getWidgetRef(this.parentWidget.options.name);\ntableRef.openEditDialog(tableParam.row)";
+          } else if ("addSiblingEditRow" === formatS) {
+            columnSelectedWidget.options.prefixIcon = "el-icon-plus";
+            columnSelectedWidget.options.label = "新增兄弟节点";
+            columnSelectedWidget.options.labelHidden = false;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nthis.getParentTarget().addSiblingTreeRow(null,tableParam);";
+          } else if ("addChildTreeRow" === formatS) {
+            columnSelectedWidget.options.prefixIcon = "el-icon-plus";
+            columnSelectedWidget.options.label = "新增子节点";
+            columnSelectedWidget.options.labelHidden = false;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nthis.getParentTarget().addChildTreeRow(null,tableParam);";
+          } else if ("moveUpRow" === formatS) {
+            // columnSelectedWidget.options.prefixIcon = "el-icon-plus";
+            columnSelectedWidget.options.label = "↑上移";
+            columnSelectedWidget.options.labelHidden = false;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nthis.getParentTarget().moveUpRow(tableParam);";
+          } else if ("moveDownRow" === formatS) {
+            // columnSelectedWidget.options.prefixIcon = "el-icon-plus";
+            columnSelectedWidget.options.label = "↓下移";
+            columnSelectedWidget.options.labelHidden = false;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nthis.getParentTarget().moveDownRow(tableParam);";
+          } else if ("removeTreeRow" === formatS) {
+            columnSelectedWidget.options.prefixIcon = "el-icon-delete";
+            columnSelectedWidget.options.label = "删除";
+            columnSelectedWidget.options.labelHidden = true;
+            columnSelectedWidget.options.onClick
+              = "let tableParam = this.tableParam;\nthis.getParentTarget().removeTreeRow(tableParam);";
+          }
+          columnOption = columnSelectedWidget.options;
+        }
+        if (columnSelectedWidget.options.hasOwnProperty("keyName")) {
+          columnSelectedWidget.options.keyName = row.prop;
+          columnSelectedWidget.options.keyNameEnabled = true;
+        } else {
+          columnSelectedWidget.options.name = row.prop;
+        }
+        if (type !== "button" && type !== "a-link") {
+          columnSelectedWidget.options.label = row.label;
+          columnSelectedWidget.options.labelHidden = true;
+        }
+      }
+      return { columnSelectedWidget, columnEditFields };
+    },
+    getColumnProp2(fieldWidget, obj) {
+      let isQueryTable = this.widget.options.isQueryTable || false;
+      let rowWidget = this.getRowWidget(obj, fieldWidget);
+      let required = rowWidget.options.required || false;
+
+      let fieldKeyName = this.getFieldKeyName(this.widget);
+      let property = this.getFieldKeyName(rowWidget);
+      if (this.isVabsearchFlagWidget(rowWidget)) {
+        property = rowWidget.options.vabSearchName || property;
+      }
+      let rowIndex = Math.max(obj.rowIndex, 0);
+
+      let propName = fieldKeyName + "." + rowIndex + "." + property;
+      if (isQueryTable && !required) {
+        propName = "false";
+      }
+      return propName;
+    },
+    validateCheckRow() {
+      let $grid = this.getGridTable();
+      let checkRows = $grid.getCheckboxRecords(true);
+      if (checkRows.length === 0) {
+        this.$message({
+          message: "请选择要操作的行",
+          type: "warning",
+        });
+        return false;
+      }
+      const fieldsToValidate = [];
+      let tableColumns = this.widget.options.tableColumns;
+      checkRows.forEach((row) => {
+        let fieldSchema = this.fieldSchemaMap[row._X_ROW_KEY];
+        tableColumns.forEach((column) => {
+          if (column.widget) {
+            let widget = fieldSchema[column.widget.id];
+            let required = widget.options.required || false;
+            if (required) {
+              let propName = this.getColumnWidgetProp(widget, row);
+              fieldsToValidate.push(propName);
+            }
+          }
+          if (column.widgetList) {
+            column.widgetList.forEach((itemWidget) => {
+              let widget = fieldSchema[itemWidget.id];
+              let required = widget.options.required || false;
+              if (required) {
+                let propName = this.getColumnWidgetProp(widget, row);
+                fieldsToValidate.push(propName);
+              }
+            });
+          }
+        });
+      });
+      let formRef = this.getFormRef();
+      let renderForm = formRef.$refs.renderForm;
+      let hasError = false;
+      renderForm.validateField(fieldsToValidate, (errors) => {
+        if (!hasError && errors) {
+          this.$message.error(errors);
+          hasError = true;
+        }
+      });
+      return !hasError;
+    },
+    getColumnWidgetProp(widget, row) {
+      if (!widget) return;
+      let $grid = this.getGridTable();
+      let rowIndex = $grid.getRowIndex(row);
+      let fieldKeyName = this.getFieldKeyName(this.widget);
+      let property = this.getFieldKeyName(widget);
+      if (this.isVabsearchFlagWidget(widget)) {
+        property = widget.options.vabSearchName || property;
+      }
+      let propName = fieldKeyName + "." + rowIndex + "." + property;
+      return propName;
+    },
+    getColumnProp(obj, isEdit) {
+      let sourceWidgetId = isEdit
+        ? obj.column?.params?.editWidget?.id
+        : obj.column?.params?.widget?.id;
+      if (!sourceWidgetId || !this.fieldSchemaMap[obj.row._X_ROW_KEY])
+        return "false";
+      let fieldWidget = this.fieldSchemaMap[obj.row._X_ROW_KEY][sourceWidgetId];
+      if (!fieldWidget) {
+        return "false";
+      }
+      let isQueryTable = this.widget.options.isQueryTable || false;
+
+      let required = fieldWidget.options.required || false;
+      if (isEdit || !isQueryTable || required) {
+        let fieldKeyName = this.getFieldKeyName(this.widget);
+        let rowIndex = Math.max(obj.rowIndex, 0);
+
+        let isTreeTable = this.widget.options.isTreeTable || false;
+        if(isTreeTable){
+          rowIndex = this.getValue().findIndex((item) => item._X_ROW_KEY === obj.row._X_ROW_KEY);
+          if(rowIndex<0){
+            return "false";
+          }
+        }
+
+        let property = this.getFieldKeyName(fieldWidget);
+        if (obj.row[property] && Array.isArray(obj.row[property])) {
+          return "false";
+        }
+        // let property = obj.column.property
+        if (this.isVabsearchFlagWidget(fieldWidget)) {
+          property = fieldWidget.options.vabSearchName || property;
+        }
+        let propName = fieldKeyName + "." + rowIndex + "." + property;
+        return propName;
+      } else {
+        return "false";
+      }
+    },
+    isVabsearchFlagWidget(widget) {
+      let type = widget?.type;
+      return (
+        type === "vabsearch" || type === "singerSearch" || type === "multiSearch"
+      );
+    },
+    getColumnWidgetName(e) {
+      if (e && e.type) {
+        if (e.category === "container") {
+          return this.getContainerWidgetName(e);
+        } else {
+          return e.type + "-widget";
+        }
+      }
+    },
+    getGridTable() {
+      let $grid = this.$refs[this.getTableRef()];
+      return $grid;
+    },
+    getContainerWidgetName: function (e) {
+      return "grid" === e.type ? "grid-item" : e.type + "-item";
+    },
+    getWidgetName: function (e) {
+      return (e.targetType || e.type) + "-widget";
+    },
+    handleCheckboxChange(param) {
+      let mergeRowEnabled = this.widget.options.mergeRowEnabled || false;
+      let mergeRowKey = this.widget.options.mergeRowKey;
+      if (mergeRowEnabled && mergeRowKey) {
+        let grid = this.getGridTable();
+        let fullData = grid.getTableData().fullData;
+        let row = param.row;
+        let val = row[mergeRowKey];
+        let items = fullData.filter((item) => item[mergeRowKey] === val);
+        if (items.length) {
+          grid.setCheckboxRow(items, param.checked);
+        }
+      }
+      if (this.widget.options.onCheckboxChange) {
+        let t = new Function("param", this.widget.options.onCheckboxChange);
+        t.call(this, param);
+      }
+      let formRef = this.getFormRef();
+      let dataTableConfig = formRef.$attrs.dataTableOption || {};
+      dataTableConfig.onCheckboxChange
+        && dataTableConfig.onCheckboxChange(param);
+    },
+    handleCheckboxAll(param) {
+      if (this.widget.options.onCheckboxAll) {
+        let t = new Function("param", this.widget.options.onCheckboxAll);
+        t.call(this, param);
+      }
+      let formRef = this.getFormRef();
+      let dataTableConfig = formRef.$attrs.dataTableOption || {};
+      dataTableConfig.onCheckboxAll && dataTableConfig.onCheckboxAll(param);
+    },
+    handleCellDblclick(param) {
+      if (this.widget.options.onCellDblclick) {
+        let t = new Function("param", this.widget.options.onCellDblclick);
+        t.call(this, param);
+      }
+      let formRef = this.getFormRef();
+      let dataTableConfig = formRef.$attrs.dataTableOption || {};
+      dataTableConfig.onCellDblclick && dataTableConfig.onCellDblclick(param);
+    },
+    advancedClear() {
+      let formModel = this.formModel;
+      let searchColumns = this.getGridTable().params.searchColumns;
+      searchColumns.forEach((form1Field) => {
+        if (!form1Field.common) {
+          let field = form1Field.field;
+          let options = form1Field.widget.options;
+          let value = formModel[field] ?? null;
+          let widgetRef = this.getWidgetRef(options.name);
+          widgetRef && widgetRef.setValue(value);
+        }
+      });
+      // this.getGridTable().$forceUpdate();
+    },
+    tableFormSettingConfirm() {
+      let formModel = this.formModel;
+      this.getFormRef().setFormData(formModel);
+    },
+
+    //editTable begin
+    async saveEditRow(obj) {
+      let formRef = this.getFormRef();
+      let formConfig = this.formConfig;
+      let entity = formConfig.entity;
+      if (!entity) return;
+      let dataId = formRef?.dataId;
+      let reportTemplate = formRef?.reportTemplate;
+      let formCode = reportTemplate?.formCode;
+      let scriptCode = formConfig.saveScriptCode || "saveUpdate";
+
+      let that = this;
+      let $grid = obj.$table.$xegrid;
+      let originOption = $grid.params.originOption;
+
+      let formModel = this.formModel;
+      let dataMap = this.getGridTable().getTableData();
+
+       /* const errMap = await $grid.validate(obj.row).catch(errMap => errMap)
+      if (errMap) {
+        let title = errMap[Object.keys(errMap)[0]][0].column.title
+        this.$message.error(`[${title}]不能为空`)
+        return
+      } */
+
+      formRef.validate((valid) => {
+        if (valid) {
+          $grid.clearActived().then(() => {
+            $grid.setActiveRow(obj.row);
+            let mainData = commonDataUtil.handleForm(obj.row);
+
+            delete mainData._createNickName;
+            delete mainData._createMobile;
+            delete mainData._modifyNickName;
+            delete mainData._modifyMobile;
+            delete mainData._createBy;
+            delete mainData._modifyBy;
+
+            let formData = {
+              [entity]: mainData,
+            };
+
+            Object.keys(mainData).forEach((key) => {
+              if (key.startsWith("attachments_")) {
+                formData[key] = mainData[key]
+              }
+            })
+
+            let reqData = {
+              formCode: formCode,
+              formVersion: reportTemplate.formVersion,
+              taBm: entity,
+              data: formData,
+            };
+
+            this.formHttp({
+              scriptCode: scriptCode,
+              data: reqData,
+              successMsg: true,
+              isConfirm: true,
+              confirmText: "您确定要保存吗？",
+              success: (res0) => {
+                this.getRowData(res0.objx, (res) => {
+                  if (obj.row.id === res.objx.id) {
+                    $grid.clearActived().then(() => {
+                      Object.assign(obj.row, res.objx);
+                    });
+                  } else {
+                    // $grid.remove(obj.row);
+                    // $grid.insertAt(res.objx);
+                    let items = that.getValue()
+                    let index = items.findIndex((item) => item.id === obj.row.id)
+                    items.splice(index, 1,res.objx)
+                    that.setValue(items);
+                  }
+                  delete obj.$table.editCloneRow;
+                });
+              },
+            });
+          });
+        }
+      });
+    },
+    getRowData(dataId, callback) {
+      let reportTemplate = this.getFormRef()?.reportTemplate;
+      let formCode = reportTemplate.formCode;
+      let formConfig = this.formConfig;
+      // let isLoadEntity = formConfig.isLoadEntity;
+      let entity = formConfig.entity;
+      let scriptCode = formConfig.formScriptCode || "getOne";
+      let defaultOption = this.getHttpConfigForUser();
+      this.formHttp({
+        scriptCode: scriptCode,
+        data: {
+          formCode: formCode,
+          formVersion: reportTemplate.formVersion,
+          taBm: entity,
+          data: {
+            id: dataId,
+          },
+        },
+        ...defaultOption,
+        success: (res) => {
+          callback && callback(res);
+        },
+      });
+    },
+    addChildTreeRow(rowData, obj, toTop) {
+      let toEnd = !toTop;
+      this.addTreeRow(rowData, obj, toEnd, null);
+    },
+    addTopTreeRow(rowData, toTop) {
+      let toEnd = !toTop;
+      this.addTreeRow(rowData, null, toEnd, null);
+    },
+    addSiblingTreeRow(rowData, obj) {
+      this.addTreeRow(rowData, obj, null, true);
+    },
+    addTreeRow(rowData, obj, toEnd, toSibling) {
+      let isEditTable = this.widget.options.isEditTable || false;
+      let parent = obj?.row;
+      let $grid = this.getGridTable();
+      if (isEditTable && this.hasEditingRow($grid, 1)) {
+        return false;
+      }
+      let parentField = $grid.treeConfig.parentField;
+      let newRow = {};
+      let originOption = $grid.params.originOption;
+      let editDefaultRow;
+      if (originOption.editDefaultRow) {
+        if (typeof originOption.editDefaultRow === "function") {
+          editDefaultRow = originOption.editDefaultRow() || {};
+        } else {
+          editDefaultRow = originOption.editDefaultRow || {};
+        }
+      }
+
+      // Object.assign(newRow, editDefaultRow, rowData);
+      newRow.id
+        = "row_" + new Date().valueOf() + Math.floor(Math.random() * 1000000);
+      if (!toSibling) {
+        newRow[parentField] = parent?.id || 0;
+      } else {
+        newRow[parentField] = obj?.row[parentField] || 0;
+      }
+
+      let newData = this.createNewTableData(isEditTable);
+      newRow = Object.assign({}, newData, newRow, editDefaultRow, rowData);
+
+      let tableRows = this.formModel[this.fieldKeyName] || [];
+      if (!parent) {
+        if (toEnd === true) {
+          tableRows.push(newRow);
+        } else if (toSibling === true) {
+          let addIndex
+            = tableRows.findIndex(
+              (item) => item._X_ROW_KEY === obj.row._X_ROW_KEY
+            ) + 1;
+          tableRows.splice(addIndex, 0, newRow);
+        } else {
+          tableRows.splice(0, 0, newRow);
+        }
+        this.setValue(tableRows);
+        this.$nextTick(() => {
+          this.handleWbs();
+          if (isEditTable) {
+            $grid.setActiveRow(newRow);
+          }
+        });
+
+        // $grid.insert(newRow).then(({row}) => $grid.setActiveRow(row));
+      } else {
+        $grid.setTreeExpand(obj.row, true).then(() => {
+          if (toEnd === true) {
+            tableRows.push(newRow);
+          } else if (toSibling === true) {
+            let addIndex
+              = tableRows.findIndex(
+                (item) => item._X_ROW_KEY === obj.row._X_ROW_KEY
+              ) + 1;
+            tableRows.splice(addIndex, 0, newRow);
+          } else {
+            tableRows.splice(0, 0, newRow);
+          }
+          this.setValue(tableRows);
+          this.$nextTick(() => {
+            this.handleWbs();
+            $grid.setTreeExpand(obj.row, true).then(() => {
+              if (isEditTable) {
+                $grid.setActiveRow(newRow);
+              }
+            });
+          });
+        });
+      }
+    },
+    removeTreeRow(obj) {
+      let row = obj.row;
+      let $grid = this.getGridTable();
+      let childrenField = $grid.treeConfig?.children;
+      // let tableRows = this.formModel[this.fieldKeyName];
+      // let index = tableRows.findIndex(item => item.id === row.id)
+      let delIds = [];
+      let loopDo = (item) => {
+        if (item._X_ROW_KEY) delIds.push(item._X_ROW_KEY);
+        if(childrenField && item[childrenField]){
+          item[childrenField].forEach((subItem) => {
+            loopDo(subItem);
+          });
+        }
+      };
+      loopDo(row);
+      /* delIds.forEach((id) => {
+        let index = tableRows.findIndex((item) => item.id === id);
+        let delRow = tableRows[index];
+        tableRows.splice(index, 1);
+        this.deleteRowWidgets(delRow);
+      }); */
+      let tableRows = this.getValue();
+      let delIndex = []
+      tableRows.map((item,index) => {
+        if(delIds.includes(item._X_ROW_KEY)){
+          delIndex.push(index);
+        }
+      });
+      delIndex.reverse().forEach((index) => {
+        tableRows.splice(index, 1);
+      });
+
+      // $grid.remove(obj.row);
+
+      // let newRows = tableRows.filter((item) => !delIds.includes(item.id));
+      // this.setValue(newRows);
+      this.$nextTick(() => {
+        this.handleWbs();
+      });
+    },
+    addSiblingEditRow(rowData, obj) {
+      this.addEditRow(rowData, obj, null, true);
+    },
+    addEditRow(rowData, obj, toEnd, toSibling) {
+      let isEditTable = this.widget.options.isEditTable || false;
+      let isTreeTable = this.widget.options.isTreeTable || false;
+      let parent = obj?.row;
+      let $grid = this.getGridTable();
+      if (isEditTable && this.hasEditingRow($grid, 1)) {
+        return false;
+      }
+
+      let newRow = {};
+      let originOption = $grid.params.originOption;
+      let editDefaultRow;
+      if (originOption.editDefaultRow) {
+        if (typeof originOption.editDefaultRow === "function") {
+          editDefaultRow = originOption.editDefaultRow() || {};
+        } else {
+          editDefaultRow = originOption.editDefaultRow || {};
+        }
+      }
+
+      newRow.id
+          = "row_" + new Date().valueOf() + Math.floor(Math.random() * 1000000);
+      if(isTreeTable){
+        let parentField = $grid.treeConfig.parentField;
+        if (!toSibling) {
+          newRow[parentField] = parent?.id || 0;
+        } else {
+          newRow[parentField] = obj?.row[parentField] || 0;
+        }
+      }
+
+
+      let newData = this.createNewTableData(isEditTable);
+      newRow = Object.assign({}, newData, newRow, editDefaultRow, rowData);
+
+      let tableRows = this.formModel[this.fieldKeyName] || [];
+      if (!parent) {
+        if (toEnd === true) {
+          tableRows.push(newRow);
+        } else if (toSibling === true) {
+          let addIndex
+            = tableRows.findIndex(
+              (item) => item._X_ROW_KEY === obj.row._X_ROW_KEY
+            ) + 1;
+          tableRows.splice(addIndex, 0, newRow);
+        } else {
+          tableRows.splice(0, 0, newRow);
+        }
+        this.setValue(tableRows);
+        this.$nextTick(() => {
+          this.handleWbs();
+          if (isEditTable) {
+            $grid.setActiveRow(newRow);
+          }
+        });
+
+        // $grid.insert(newRow).then(({row}) => $grid.setActiveRow(row));
+      } else {
+        $grid.setTreeExpand(obj.row, true).then(() => {
+          if (toEnd === true) {
+            tableRows.push(newRow);
+          } else if (toSibling === true) {
+            let addIndex
+              = tableRows.findIndex(
+                (item) => item._X_ROW_KEY === obj.row._X_ROW_KEY
+              ) + 1;
+            tableRows.splice(addIndex, 0, newRow);
+          } else {
+            tableRows.splice(0, 0, newRow);
+          }
+          this.setValue(tableRows);
+          this.$nextTick(() => {
+            this.handleWbs();
+            $grid.setTreeExpand(obj.row, true).then(() => {
+              if (isEditTable) {
+                $grid.setActiveRow(newRow);
+              }
+            });
+          });
+        });
+      }
+    },
+    async removeEditRow(obj) {
+      this.removeTreeRow(obj);
+    },
+    //editTable end
+    getHttpConfigForUser() {
+      let defaultOption = {
+        addCreateInfo: true,
+        queryCreateInfo: window.$vueRoot.$store.getters.queryCreateInfo || "0",
+      };
+      return defaultOption;
+    },
+    handleWbs() {
+      if (this.widget.options.wbsEnabled) {
+        this.updateWbs();
+      }
+    },
+    updateWbs() {
+      let that = this;
+      let $grid = that.getGridTable();
+      let childrenField = $grid.treeConfig.children;
+      let fullData = $grid.getTableData().fullData;
+      let tableRows = this.formModel[that.fieldKeyName] || [];
+      let map = {};
+      let loopDo = (item, wbs) => {
+        item.f_wbs = wbs;
+        map[item._X_ROW_KEY] = wbs;
+        item[childrenField]
+          && item[childrenField].forEach((subitem, subindex) => {
+            let sub_wbs = wbs + "." + (subindex + 1) + "";
+            loopDo(subitem, sub_wbs);
+          });
+      };
+      fullData.forEach((item, index) => {
+        let wbs = index + 1 + "";
+        loopDo(item, wbs);
+      });
+      $grid.updateData();
+    },
+    moveUpRow(obj) {
+      let row = obj.row;
+      let $grid = this.getGridTable();
+      let tableRows = this.formModel[this.fieldKeyName] || [];
+      let isTreeTable = this.widget.options.isTreeTable;
+      if (isTreeTable) {
+        let parentField = $grid.treeConfig.parentField;
+        let rowField = $grid.treeConfig.rowField || "id";
+        let paretValue = row[parentField];
+        let siblingRows = tableRows.filter(
+          (item) => item[parentField] === paretValue
+        );
+        if (siblingRows.length > 1) {
+          let currentIndex = tableRows.findIndex(
+            (item) => item[rowField] === row[rowField]
+          );
+          let index1 = siblingRows.findIndex(
+            (item) => item[rowField] === row[rowField]
+          );
+          if (index1 > 0) {
+            let prevRow = siblingRows[index1 - 1];
+            let prevIndex = tableRows.findIndex(
+              (item) => item[rowField] === prevRow[rowField]
+            );
+            tableRows.splice(currentIndex, 1);
+            tableRows.splice(prevIndex, 0, row);
+            this.setValue(tableRows);
+            this.$nextTick(() => {
+              this.handleWbs();
+            });
+          }
+        }
+      } else {
+        let rowIndex = $grid.getRowIndex(row);
+        if (rowIndex >= 0) {
+          tableRows.splice(rowIndex, 1);
+          tableRows.splice(rowIndex - 1, 0, row);
+          this.setValue(tableRows);
+          this.$nextTick(() => {
+            this.handleWbs();
+          });
+        }
+      }
+    },
+    moveDownRow(obj) {
+      let row = obj.row;
+      let $grid = this.getGridTable();
+      let tableRows = this.formModel[this.fieldKeyName] || [];
+      let isTreeTable = this.widget.options.isTreeTable;
+      if (isTreeTable) {
+        let parentField = $grid.treeConfig.parentField;
+        let rowField = $grid.treeConfig.rowField || "id";
+        let paretValue = row[parentField];
+        let siblingRows = tableRows.filter(
+          (item) => item[parentField] === paretValue
+        );
+        if (siblingRows.length > 1) {
+          let currentIndex = tableRows.findIndex(
+            (item) => item[rowField] === row[rowField]
+          );
+          let index1 = siblingRows.findIndex(
+            (item) => item[rowField] === row[rowField]
+          );
+          if (index1 < siblingRows.length - 1) {
+            let nextRow = siblingRows[index1 + 1];
+            let nextIndex = tableRows.findIndex(
+              (item) => item[rowField] === nextRow[rowField]
+            );
+            tableRows.splice(currentIndex, 1);
+            tableRows.splice(nextIndex, 0, row);
+            this.setValue(tableRows);
+            this.$nextTick(() => {
+              this.handleWbs();
+            });
+          }
+        }
+      } else {
+        let rowIndex = $grid.getRowIndex(row);
+        if (rowIndex < tableRows.length - 1) {
+          tableRows.splice(rowIndex, 1);
+          tableRows.splice(rowIndex + 1, 0, row);
+          this.setValue(tableRows);
+          this.$nextTick(() => {
+            this.handleWbs();
+          });
+        }
+      }
+    },
+
+    openSortRowDialog(obj) {
+      let $grid = this.getGridTable();
+      let parentField = $grid.treeConfig.parentField;
+      let rowField = $grid.treeConfig.rowField || "id";
+      let row = obj.row;
+      let tableRows = this.formModel[this.fieldKeyName] || [];
+
+      let sortParentRow = tableRows.find(
+        (item) => item[rowField] === row[parentField]
+      );
+      let sortRows = tableRows.filter(
+        (item) => item[parentField] === row[parentField]
+      );
+      this.sortRows = sortRows;
+      this.sortParentRow = sortParentRow;
+      this.showTreeMoveDialog = true;
+    },
+    confirmTreeMoveDialog(rows) {
+      if (this.widget.options.isEditTable) {
+        let reportTemplate = this.getFormRef().reportTemplate;
+        let formConfig = this.formConfig;
+        let entity = formConfig.entity;
+        let reqData = {
+          formCode: reportTemplate.formCode,
+          formVersion: reportTemplate.formVersion,
+          taBm: entity,
+          data: rows,
+        };
+        let scriptCode = this.widget.options.sortScriptCode;
+        this.formHttp({
+          scriptCode: scriptCode,
+          data: reqData,
+          successMsg: true,
+          isConfirm: true,
+          confirmText: "您确定要保存排序吗？",
+          success: (res) => {
+            this.getGridTable().reloadTreeExpand(this.sortParentRow);
+          },
+        });
+      } else {
+        let $grid = this.getGridTable();
+        let rowField = $grid.treeConfig.rowField || "id";
+        let tableRows = this.formModel[this.fieldKeyName] || [];
+
+        let ids = rows.map((item) => item[rowField]);
+        let index = tableRows.findIndex((item) => ids.includes(item[rowField]));
+        let items = tableRows.filter((item) => !ids.includes(item[rowField]));
+        rows.forEach((row, index1) => {
+          items.splice(index + index1, 0, row);
+        });
+        this.setValue(items);
+        this.$nextTick(() => {
+          this.handleWbs();
+        });
+      }
+    },
+    // 通用行合并函数（将相同多列数据合并为一行）
+    mergeRowMethod(tableParam) {
+      let { row, _rowIndex, column, visibleData } = tableParam;
+      let mergeRowEnabled = this.widget.options.mergeRowEnabled || false;
+      let unikey = this.widget.options.mergeRowKey;
+      const cellValue = row[unikey];
+      let isItemLine = column.params?.isItemLine || false;
+      if (mergeRowEnabled && unikey && !isItemLine) {
+        const prevRow = visibleData[_rowIndex - 1];
+        let nextRow = visibleData[_rowIndex + 1];
+        if (prevRow && prevRow[unikey] === cellValue) {
+          return { rowspan: 0, colspan: 0 };
+        } else {
+          let countRowspan = 1;
+          while (nextRow && nextRow[unikey] === cellValue) {
+            nextRow = visibleData[++countRowspan + _rowIndex];
+          }
+          if (countRowspan > 1) {
+            return { rowspan: countRowspan, colspan: 1 };
+          }
+        }
+      } else {
+        // return { rowspan: 1, colspan: 1 }
+      }
+    },
+    mergeRowMethod2({ row, _rowIndex, column, visibleData }) {
+      const fields = ["key"];
+      const cellValue = row[column.field];
+      if (cellValue && fields.includes(column.field)) {
+        const prevRow = visibleData[_rowIndex - 1];
+        let nextRow = visibleData[_rowIndex + 1];
+        if (prevRow && prevRow[column.field] === cellValue) {
+          return { rowspan: 0, colspan: 0 };
+        } else {
+          let countRowspan = 1;
+          while (nextRow && nextRow[column.field] === cellValue) {
+            nextRow = visibleData[++countRowspan + _rowIndex];
+          }
+          if (countRowspan > 1) {
+            return { rowspan: countRowspan, colspan: 1 };
+          }
+        }
+      }
+    },
+
+    /**begin*/
+    /*initFieldSchemaData() {  //初始化fieldSchemaData！！！
+
+      let rowWidgetList = this.rowWidgetList
+      let rows = this.getValue();
+      let rowLength = rows.length
+      this.widgetMap = {}  //清除数组必须用splice，length=0不会响应式更新！！
+      if (rowLength > 0) {
+        for (let i = 0; i < rowLength; i++) {
+          let row = rows[i];
+          let fieldSchemas = []
+          rowWidgetList.forEach(swItem => {
+            fieldSchemas.push( this.cloneFieldSchema(swItem) )
+          })
+          let keyVal = row._X_ROW_KEY;
+          this.widgetMap[keyVal] = fieldSchemas;
+        }
+      }
+    },
+
+    addToFieldSchemaData(row) {
+      let fieldSchemas = []
+      this.rowWidgetList.forEach(swItem => {
+        fieldSchemas.push( this.cloneFieldSchema(swItem) )
+      })
+
+      let keyVal = row._X_ROW_KEY;
+      this.widgetMap[keyVal] = fieldSchemas;
+    },
+
+    deleteFromFieldSchemaData(row) {
+      let keyVal = row._X_ROW_KEY;
+      delete this.widgetMap[keyVal] ;
+    },
+
+    cloneFieldSchema(fieldWidget) {
+      let newFieldSchema = this.$baseLodash.cloneDeep(fieldWidget)
+      newFieldSchema.id = fieldWidget.type + generateId()
+      return newFieldSchema
+    },*/
+    clearRowWidgets() {
+      // this.widgetMap = {};
+    },
+    deleteRowWidgets(row) {
+      this.rowWidgetList.forEach((widget) => {
+        let key = this.getRowRefKey(row, widget.options.name);
+        delete this.widgetMap[key];
+      });
+    },
+    /**end*/
+
+    //begin1
+    initAllFieldSchema() {
+      this.initRowIdData(true);
+      this.initFieldSchemaData();
+    },
+    initRowIdData(initFlag) {
+      this.rowIdData.splice(0, this.rowIdData.length); //清除数组必须用splice，length=0不会响应式更新！！
+      let subFormModel = this.formModel[this.fieldKeyName];
+      if (!!subFormModel && subFormModel.length > 0) {
+        subFormModel.forEach((row) => {
+          if (!row._X_ROW_KEY) row._X_ROW_KEY = "row_" + generateId();
+          this.rowIdData.push(row._X_ROW_KEY);
+        });
+
+        /*if (!!initFlag) {
+          //注意：事件触发需延期执行，SumFormDataChange事件处理代码中可能存在尚未创建完成的组件！！
+          setTimeout(() => {
+            this.handleSubFormRowChange(subFormModel)
+          }, 800)
+        }*/
+      }
+    },
+    initFieldSchemaData(initFlag) {
+      //初始化fieldSchemaData！！！
+      /*if (this.widget.type !== 'sub-form') {
+        return
+      }*/
+
+      let rows = this.formModel[this.fieldKeyName];
+      let rowIdData = this.rowIdData;
+      let rowLength = this.rowIdData.length;
+      // this.fieldSchemaData.splice(0, this.fieldSchemaData.length)  //清除数组必须用splice，length=0不会响应式更新！！
+      // if(initFlag)this.fieldSchemaMap = {};
+      if (rowLength > 0) {
+        let target = this.getGridTable();
+        if (!target) return;
+        let { fullColumn } = target.getTableColumn();
+        let allWidgets = [];
+        let fieldSchemaMap = {};
+        let fieldSchemaMap0 = this.fieldSchemaMap;
+        for (let i = 0; i < rowLength; i++) {
+          let rowId = rowIdData[i];
+          let fieldSchemas = [];
+          let fieldSchemaMap2 = null;
+          if (initFlag) {
+            fieldSchemaMap2 = this.createRowFieldSchemaMap();
+          } else {
+            let fieldSchemaMap01 = fieldSchemaMap0[rowId];
+            fieldSchemaMap2 = fieldSchemaMap01
+              ? this.$baseLodash.cloneDeep(fieldSchemaMap01)
+              : this.createRowFieldSchemaMap();
+          }
+          fieldSchemaMap[rowId] = fieldSchemaMap2;
+        }
+        this.fieldSchemaMap = fieldSchemaMap;
+      }
+    },
+    createRowFieldSchemaMap() {
+      let target = this.getGridTable();
+      let { fullColumn } = target.getTableColumn();
+
+      let fieldSchemaMap2 = {};
+      fullColumn.forEach((column) => {
+        let params = column.params;
+        if (params) {
+          if (params.widget) {
+            let item1 = this.cloneFieldSchema(params.widget);
+            fieldSchemaMap2[params.widget.id] = item1;
+          }
+          if (params.editWidget) {
+            let item1 = this.cloneFieldSchema(params.editWidget);
+            fieldSchemaMap2[params.editWidget.id] = item1;
+          }
+          if (params.widgetList) {
+            let widgetList = this.$baseLodash.cloneDeep(params.widgetList);
+            loopHandleWidget(widgetList, (w, p) => {
+              // let item1 = this.cloneFieldSchema(w)
+              let id = w.id;
+              w.id = w.type + generateId();
+              fieldSchemaMap2[id] = w;
+            });
+          }
+        }
+      });
+      return fieldSchemaMap2;
+    },
+    addToFieldSchemaData(rowIndex) {
+      let fieldSchemas = [];
+      this.widget.widgetList.forEach((swItem) => {
+        fieldSchemas.push(this.cloneFieldSchema(swItem));
+      });
+
+      if (rowIndex === undefined) {
+        this.fieldSchemaData.push(fieldSchemas);
+      } else {
+        this.fieldSchemaData.splice(rowIndex, 0, fieldSchemas);
+      }
+    },
+
+    deleteFromFieldSchemaData(rowIndex) {
+      this.fieldSchemaData.splice(rowIndex, 1);
+    },
+
+    cloneFieldSchema(fieldWidget) {
+      let newFieldSchema = deepClone(fieldWidget);
+      newFieldSchema.id = fieldWidget.type + generateId();
+      return newFieldSchema;
+    },
+    //end1
+    initExportFieldSchemaData(rows) {
+      if (!rows) return;
+      //初始化fieldSchemaData！！！
+      let fieldSchemaMap = this.fieldSchemaMap;
+      for (let row of rows) {
+        if (!row._X_ROW_KEY) row._X_ROW_KEY = "row_" + generateId();
+        this.rowIdData.push(row._X_ROW_KEY);
+        let fieldSchemaMap2 = this.createRowFieldSchemaMap();
+        fieldSchemaMap[row._X_ROW_KEY] = fieldSchemaMap2;
+      }
+    },
+    initEventHandler() {
+      if (this.designState) return;
+      this.$on("setFormData", (o) => {
+        let rows = this.formModel[this.fieldKeyName] || [];
+        this.setValue(rows);
+      });
+    },
+    isDisHandleWidget(widget, ignoreFields) {
+      let flag1 = widget.options.hasOwnProperty("disabled");
+      let flag2 = !ignoreFields || !ignoreFields.includes(widget.options.name);
+      return flag1 && flag2;
+    },
+    setGridDisabled(disabled, ignoreFields) {
+      if (!!this.widget.widgetList) {
+        traverseAllWidgetsNew(this.widget.widgetList, (widget) => {
+          if (this.isDisHandleWidget(widget, ignoreFields)) {
+            widget.options.disabled = disabled;
+          }
+        });
+      }
+      if (!!this.widget.buttons) {
+        traverseAllWidgetsNew(this.widget.buttons, (widget) => {
+          if (this.isDisHandleWidget(widget, ignoreFields)) {
+            widget.options.disabled = disabled;
+          }
+        });
+      }
+
+      this.loodHandleColumns(this.widget.options.tableColumns, (column) => {
+        if (column.widget) {
+          let widget = column.widget;
+          if (this.isDisHandleWidget(widget, ignoreFields)) {
+            widget.options.disabled = disabled;
+          }
+        }
+        let widgetList = column.widgetList;
+        if (widgetList && widgetList.length) {
+          traverseAllWidgetsNew(widgetList, (widget) => {
+            if (this.isDisHandleWidget(widget, ignoreFields)) {
+              widget.options.disabled = disabled;
+            }
+          });
+        }
+      });
+
+      let target = this.getGridTable();
+      let { fullColumn } = target.getTableColumn();
+      this.loodHandleColumns(fullColumn, (column) => {
+        if (column.params?.widget) {
+          let widget = column.params.widget;
+          if (this.isDisHandleWidget(widget, ignoreFields)) {
+            widget.options.disabled = disabled;
+          }
+        }
+        let widgetList = column.params?.widgetList;
+        if (widgetList && widgetList.length) {
+          traverseAllWidgetsNew(widgetList, (widget) => {
+            if (this.isDisHandleWidget(widget, ignoreFields)) {
+              widget.options.disabled = disabled;
+            }
+          });
+        }
+      });
+      let rows = this.getValue();
+      if (rows.length > 0) {
+        rows.forEach((dataRow, rowIndex) => {
+          this.setRowDisabled(disabled, rowIndex, ignoreFields);
+        });
+      }
+    },
+    setRowDisabled(disabled, rowIndex, ignoreFields) {
+      let gsfFWList = [];
+      let fieldListFn = (fw) => {
+        gsfFWList.push(fw);
+      };
+
+      let target = this.getGridTable();
+      let { fullColumn } = target.getTableColumn();
+      this.loodHandleColumns(fullColumn, (column) => {
+        if (column.params?.widget) {
+          let widget = column.params.widget;
+          if (this.isDisHandleWidget(widget, ignoreFields)) {
+            gsfFWList.push(widget);
+          }
+        }
+        let widgetList = column.params?.widgetList;
+        if (widgetList && widgetList.length) {
+          traverseAllWidgetsNew(widgetList, (widget) => {
+            if (this.isDisHandleWidget(widget, ignoreFields)) {
+              gsfFWList.push(widget);
+            }
+          });
+        }
+      });
+
+      let rows = this.getValue();
+      let row = rows[rowIndex];
+      gsfFWList.forEach((fw) => {
+        let swRefName = this.getRowRefKey(row, fw.options.name);
+        // let swRefName = fw.options.name + '@row' + this.rowIdData[rowIndex]
+        let foundSW = this.getWidgetRef(swRefName);
+        if (!!foundSW && !!foundSW.setDisabled) {
+          foundSW.setDisabled(disabled);
+        }
+      });
+    },
+    //xk begin
+    disableGridForm() {
+      this.setGridDisabled(true);
+    },
+    enableGridForm() {
+      this.setGridDisabled(false);
+    },
+    //xk end
+    handleNullValue(rows) {
+      let newData = this.createNewTableData(true, false);
+      let keys = Object.keys(newData);
+      if(keys.length){
+        rows.forEach((row) => {
+          keys.forEach((key) => {
+            if (row[key] === undefined) {
+              row[key] = newData[key];
+            }
+          });
+        });
+      }
+    },
+  },
+};
+
+export default modules;