cloud-web-corejs 1.0.54-dev.163 → 1.0.54-dev.164

package/src/components/xform/form-render/indexMixin2.js

@@ -0,0 +1,2049 @@
+import emitter from '../../../components/xform/utils/emitter';
+import i18n, {
+  changeLocale
+} from '../../../components/xform/utils/i18n';
+import Vue from 'vue'
+import dynamicDialogRender from './dynamicDialogRender.js';
+import VFormRender from '../../../components/xform/form-render/index.vue'
+import {
+  generateId,
+  deepClone,
+  getAllContainerWidgets,
+  getAllFieldWidgets,
+  insertCustomCssToHead,
+  insertGlobalFunctionsToHtml,
+  traverseFieldWidgets,
+  buildDefaultFormJson,
+  traverseFieldWidgetsOfContainer,
+  getFieldWidgetByName,
+  getDSByName,
+  overwriteObj,
+  runDataSourceRequest,
+  getContainerWidgetByName,
+  cloneFormConfigWithoutEventHandler
+} from '../../../components/xform/utils/util';
+import {
+  containers,
+  advancedFields,
+  basicFields,
+  customFields
+} from "../../../components/xform/form-designer/widget-panel/widgetsConfig.js"
+import scriptHttpMixin from "../../../components/xform/mixins/scriptHttp";
+import defaultHandleMixin from "../../../components/xform/mixins/defaultHandle";
+import xeUtils from "xe-utils";
+import {extendDeeply} from "@base/utils/index.js";
+
+let modules = {};
+const baseRefUtil = {
+  emitter,
+  i18n,
+  changeLocale,
+  Vue,
+  generateId,
+  deepClone,
+  getAllContainerWidgets,
+  getAllFieldWidgets,
+  insertCustomCssToHead,
+  insertGlobalFunctionsToHtml,
+  traverseFieldWidgets,
+  buildDefaultFormJson,
+  traverseFieldWidgetsOfContainer,
+  getFieldWidgetByName,
+  getDSByName,
+  overwriteObj,
+  runDataSourceRequest,
+  getContainerWidgetByName,
+  cloneFormConfigWithoutEventHandler,
+  dynamicDialogRender
+};
+
+modules = {
+  componentName: 'VFormRender',
+  mixins: [baseRefUtil.emitter, baseRefUtil.i18n, scriptHttpMixin, defaultHandleMixin],
+  props: {
+    formJson: {
+      //prop传入的表单JSON配置
+      type: Object,
+      default: () => buildDefaultFormJson()
+    },
+    formData: {
+      //prop传入的表单数据
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    previewState: {
+      //是否表单预览状态
+      type: Boolean,
+      default: false
+    },
+    disabledMode: {
+      type: Boolean,
+      default: !1
+    },
+    globalDsv: {
+      type: Object,
+      default: function () {
+        return {};
+      }
+    },
+    parentForm: {
+      type: Object,
+      default: null
+    },
+    dynamicCreation: {
+      type: Boolean,
+      default: !1
+    },
+    reportTemplate: {
+      type: Object,
+      default: null
+    },
+    dataId: {
+      type: Number,
+      default: null
+    },
+    param: {
+      type: Object,
+      default: null
+    },
+  },
+  provide() {
+    let e = this;
+    return {
+      refList: this.widgetRefList,
+      widgetKeyNameMap: this.widgetKeyNameMap,
+      sfRefList: this.subFormRefList,
+      getFormConfig: function () {
+        return e.formJsonObj.formConfig;
+      },
+      getGlobalDsv: function () {
+        return e.globalDsv;
+      },
+      globalOptionData: this.optionData,
+      getOptionData: function () {
+        return e.optionData;
+      },
+      globalModel: {
+        formModel: this.formDataModel,
+        formData: this.currentFormData
+      },
+      previewState: this.previewState,
+      getReadMode: function () {
+        return e.readModeFlag;
+      },
+      getSubFormFieldFlag: function () {
+        return !1;
+      },
+      getSubFormName: function () {
+        return '';
+      },
+      doScriptAccess: this.doScriptAccess,
+      formHttp: this.formHttp,
+      getReportTemplate: () => this.reportTemplate,
+      getObjectFieldFlag: () => !1,
+      getObjectName: () => "",
+      getHasWf: () => this.hasWf,
+      hasConfig: this.hasConfig
+    };
+  },
+  data() {
+    return {
+      formJsonObj: this.formJson,
+      formDataModel: {},
+      widgetRefList: {},
+      subFormRefList: {},
+      widgetKeyNameMap: {},
+      formId: null,
+      externalComponents: {},
+      readModeFlag: !1,
+      dialogOrDrawerRef: null,
+      searchDialogOption: {},
+      showSearchDialog: false,
+      currentFormData: {},
+      timerMap: {},
+      hasWf: false,
+      showFormContent: false,
+
+      showFormDialog: false,
+      formDialogOption: {},
+      showImportDialog: false,
+      importDialogOption: {},
+      formDrawerOption: {},
+      showFormDrawer: false,
+      userSaleOrgDTOs: [],
+      userRoleDTOs: [],
+      bdService: null,
+      globalParam: {}
+    };
+  },
+  computed: {
+    formConfig() {
+      return this.formJsonObj.formConfig;
+    },
+
+    widgetList() {
+      return this.formJsonObj.widgetList;
+    },
+
+    labelPosition() {
+      if (!!this.formConfig && !!this.formConfig.labelPosition) {
+        return this.formConfig.labelPosition;
+      }
+
+      return 'left';
+    },
+
+    labelWidth() {
+      if (!!this.formConfig && !!this.formConfig.labelWidth) {
+        return this.formConfig.labelWidth + 'px';
+      }
+
+      return '112px';
+    },
+
+    size() {
+      if (!!this.formConfig && !!this.formConfig.size) {
+        return this.formConfig.size;
+      }
+
+      return 'medium';
+    },
+
+    customClass() {
+      return !!this.formConfig && !!this.formConfig.customClass ? this.formConfig.customClass : '';
+    }
+  },
+  watch: {
+    //
+  },
+  async created() {
+    this.registerFormToRefList()
+    this.currentFormData = this.formData;
+    let formConfig = this.formConfig;
+    await this.getSaleOrgData();
+    await this.getUserRoleData();
+    await this.getBdService();
+    this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
+    if (formConfig.isLoadEntity) {
+      await this.loadDefaultEntityData(() => {
+        this.handleCustomEvent(formConfig.formScriptSuccess);
+      });
+    } else {
+      this.handleShowContent();
+    }
+    this.handleOnCreated(),
+      // this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
+      this.initFormObject();
+  },
+  mounted() {
+    this.initLocale();
+    this.handleOnMounted();
+  },
+  methods: {
+    getSaleOrgData() {
+      if (this.$store.getters.userId) {
+        return this.$http({
+          url: USER_PREFIX + '/user/getUserSaleOrg',
+          method: `post`,
+          data: {id: this.$store.getters.userId},
+          isLoading: true,
+          loadingTarget: document.body,
+          modalStrictly: true,
+          success: res => {
+            let rows = res.objx || [];
+            this.userSaleOrgDTOs = rows;
+          }
+        });
+      }
+    },
+    getUserRoleData() {
+      if (this.$store.getters.userId) {
+        return this.$http({
+          url: USER_PREFIX + '/user/getUserRole',
+          method: `post`,
+          data: {id: this.$store.getters.userId},
+          isLoading: true,
+          loadingTarget: document.body,
+          modalStrictly: true,
+          success: res => {
+            let rows = res.objx || [];
+            this.userRoleDTOs = rows;
+          }
+        });
+      }
+    },
+    getBdService() {
+      return this.$http({
+        url: USER_PREFIX + '/form_develop/getBdService',
+        method: `post`,
+        data: {},
+        isLoading: true,
+        loadingTarget: document.body,
+        // modalStrictly: true,
+        success: res => {
+          this.bdService = res.objx;
+        }
+      });
+    },
+    handleShowContent(callback) {
+      // this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
+      this.showFormContent = true;
+      this.$nextTick(() => {
+        this.handleShowHideRule();
+        callback && callback();
+      })
+    },
+    hasConfig(widget, configName) {
+      if (!widget) return false;
+      let originalWidget = null;
+      if (!!widget.category) {
+        originalWidget = this.getContainerByType(widget.type);
+      } else {
+        originalWidget = this.getFieldWidgetByType(widget.type);
+      }
+
+      if (!originalWidget || !originalWidget.options) {
+        return false;
+      }
+
+      return Object.keys(originalWidget.options).indexOf(configName) > -1;
+    },
+    hanldeWfWidget() {
+      let wfParam = this.wfParam;
+      if (!wfParam.hasWf) return;
+      let refList = this.widgetRefList;
+
+      let toDo = (target, options, e) => {
+        let widget = options ? null : (target.field || target.widget);
+        let isWfFlag = options ? true : this.hasConfig(widget, 'wfFlag');
+        let widgetType = widget?.type;
+        let enabledByWf = options ? options.enabledByWf : widget?.options?.enabledByWf;
+        let hiddenByWf = options ? options.hiddenByWf : widget?.options?.hiddenByWf;
+        let widgetName = options ? options.name : widget?.options?.name;
+        if (isWfFlag) {
+          if (this.hasConfig(widget, 'disabled') || !!options) {
+            let disabled = null;
+            if (!enabledByWf) {
+              disabled = true;
+              // setDisabled(target,true);
+              let onClick = options ? options.onClick : widget.options.onClick;
+              if (onClick && onClick.startsWith("this.getFormRef().$baseReload()")) {
+                // setDisabled(target,false);
+                disabled = false;
+              }
+            } else {
+              // setDisabled(target,false);
+              disabled = false;
+            }
+            if (widgetType == 'reset_button' && enabledByWf === undefined) {
+              // setDisabled(target,false)
+              disabled = false;
+            }
+            if (disabled !== null) {
+              if (options) {
+                options.disabled = disabled;
+              } else {
+                widget.options.disabled = disabled;
+              }
+            }
+          }
+
+          let hidden = null;
+          if (hiddenByWf) {
+            // setHidden(target,true);
+            // widget.options.hidden = true;
+            hidden = true
+          }
+          if (widget && widgetType == 'save_button' && hiddenByWf === undefined) {
+            // setHidden(target,true)
+            // widget.options.hidden = true;
+            hidden = true
+          }
+          if (hidden !== null) {
+            if (options) {
+              options.hidden = hidden;
+            } else {
+              widget.options.hidden = hidden;
+            }
+          }
+        }
+
+        /*if (widget?.type == "data-table") {
+          debugger
+          let loopDo = (t,e) => {
+            if (t.children && t.children.length) {
+              t.children.forEach(item => {
+                loopDo(item,e)
+              })
+            } else {
+              if (t.columnOption) {
+                toDo(null,t.columnOption,e)
+              }
+            }
+          }
+          widget.options.tableColumns.forEach(item => {
+            loopDo(item,e)
+            this.loopHandleWidget(item.widgetList, (item1) => {
+              toDo(item1)
+            });
+          })
+
+        }*/
+        if (target && widgetType == 'baseAttachment') {
+            target.initOption();
+        }
+      }
+
+      for (let key in refList) {
+        let target = refList[key];
+        let widget = target.field || target.widget;
+        let formItemFlag = widget?.formItemFlag
+        if (formItemFlag) {
+          target.setDisabled && target.setDisabled(true);
+        }
+        /*if(target.tableParam){
+          debugger
+        }*/
+        toDo(target);
+      }
+
+    },
+    hanldeWfWidget2() {
+      let wfParam = this.wfParam;
+      if (!wfParam.hasWf) return;
+      let wfInfo = wfParam.wfInfo
+      let modelKey = wfInfo.modelKey;
+      let companyCode = this.$store.getters.companyCode;
+      let taskStep = (wfInfo.taskStep ?? "") + "";
+      let taskDefinitionKey = wfInfo.taskDefinitionKey;
+      if (!taskDefinitionKey) return
+      let toModify = wfInfo.toModify;
+      if (!toModify) return
+
+      let hasModifyItem = false;
+      let refList = this.widgetRefList;
+      let saveButton;
+      let bdService = this.bdService;
+
+      for (let key in refList) {
+        let target = refList[key];
+        let widget = target.field || target.widget;
+        /*
+        let wfEdit = widget?.options.wfEdit;
+        if (wfEdit) {
+          let wfConfigData = widget?.options?.wfConfigData || [];
+          wfConfigData.forEach(item => {
+
+            let type = item.type;
+            let taskStepList = item.taskSteps ? item.taskSteps.split(',') : []
+            if (type && taskStepList.includes(taskStep)) {
+              let companyCodeStr = item.companyCodes;
+              let companyCodes = companyCodeStr ? companyCodeStr.split(",").filter(item => !!item) : [];
+              let flag1 = !item.serveName || item.serveName == bdService;
+              let flag2 = !item.modelKey || item.modelKey == modelKey;
+              let flag3 = !companyCodes.length || companyCodes.includes(companyCode)
+              if (flag1 && flag2 && flag3) {
+                if (type === 1) {
+                  //可编辑
+                  hasModifyItem = true;
+                  target.setDisabled && target.setDisabled(false);
+                  target.setHidden(false);
+                } else if (type === 2) {
+                  //仅显示
+                  target.setDisabled && target.setDisabled(true);
+                  target.setHidden(false);
+                } else if (type === 3) {
+                  target.setHidden(true);
+                }
+              }
+            }
+          })
+        }*/
+        let flag = this.hanldeWfWidgetItem(target)
+        if (!hasModifyItem && flag) {
+          hasModifyItem = true
+        }
+        if (!saveButton && widget?.options?.saveButton) {
+          saveButton = target;
+        }
+      }
+      if (hasModifyItem) {
+        saveButton.setDisabled && saveButton.setDisabled(false);
+        saveButton.setHidden(false);
+      }
+    },
+    hanldeWfWidgetItem(target) {
+      let hasModifyItem = false;
+      let widget = target.field || target.widget;
+      let wfEdit = widget?.options.wfEdit;
+      // debugger
+
+      let bdService = this.bdService;
+      let wfParam = this.wfParam;
+      let wfInfo = wfParam.wfInfo
+      let modelKey = wfInfo.modelKey;
+      let companyCode = this.$store.getters.companyCode;
+      let taskStep = (wfInfo.taskStep ?? "") + "";
+
+      let handleWfConfigData = (e, widget) => {
+        let options = widget?.options;
+        if (!options || !options.wfEdit) return
+        let wfConfigData = options.wfConfigData || [];
+        let flag = false;
+        wfConfigData.forEach(item => {
+          let type = item.type;
+          let taskStepList = item.taskSteps ? item.taskSteps.split(',') : []
+          if (type && taskStepList.includes(taskStep)) {
+            let companyCodeStr = item.companyCodes;
+            let companyCodes = companyCodeStr ? companyCodeStr.split(",").filter(item => !!item) : [];
+            let flag1 = !item.serveName || item.serveName == bdService;
+            let flag2 = !item.modelKey || item.modelKey == modelKey;
+            let flag3 = !companyCodes.length || companyCodes.includes(companyCode)
+            if (flag1 && flag2 && flag3) {
+              if (type === 1) {
+                //可编辑
+                hasModifyItem = true;
+                if (options.disabled !== undefined) options.disabled = false;
+                // target.setDisabled && target.setDisabled(false);
+                // target.setHidden(false);
+                options.hidden = false;
+                flag = true;
+              } else if (type === 2) {
+                //仅显示
+                // target.setDisabled && target.setDisabled(true);
+                if (options.disabled !== undefined) options.disabled = true;
+                // target.setHidden(false);
+                options.hidden = false;
+                flag = true;
+              } else if (type === 3) {
+                // target.setHidden(true);
+                options.hidden = true;
+                flag = true;
+              }
+            }
+          }
+        })
+        if (flag && e && widget.type == 'baseAttachment') {
+          e.initOption();
+        }
+      }
+      handleWfConfigData(target, widget)
+      /*if (widget.type == "data-table") {
+        let loopDo = (t) => {
+          if (t.children && t.children.length) {
+            t.children.forEach(item => {
+              loopDo(item)
+            })
+          } else {
+            if (t.columnOption) {
+              handleWfConfigData(t.columnOption)
+            }
+          }
+        }
+
+        widget.options.tableColumns.forEach(item => {
+          loopDo(item)
+          this.loopHandleWidget(item.widgetList, (item1) => {
+            handleWfConfigData(item1.options)
+          });
+        })
+        this.loopHandleWidget(widget.widgetList, (item1) => {
+          handleWfConfigData(item1.options)
+        });
+        this.loopHandleWidget(widget.buttons, (item1) => {
+          handleWfConfigData(item1.options)
+        });
+      }*/
+
+      return hasModifyItem;
+    },
+    loadDefaultEntityData(callback) {
+      let formConfig = this.formConfig;
+      // let isLoadEntity = formConfig.isLoadEntity;
+      let entity = formConfig.entity;
+      let wfEnabled = formConfig.wfEnabled || false;
+      let dataId = this.dataId;
+      let reportTemplate = this.reportTemplate;
+      let scriptCode = formConfig.formScriptCode || "getOne";
+
+      let formData = {};
+      let wfConfig = null;
+      if (entity && dataId && scriptCode) {
+        let formCode = reportTemplate.formCode;
+        let otherParam = {};
+        let wfCode = reportTemplate.objTypeCode;
+        if (wfEnabled) {
+          wfConfig = (res) => {
+            let wfConfig1 = null;
+            let callback1 = null;
+            if (formConfig.wfConfig) {
+              let formData = res.objx;
+              let e = new Function('formCode', 'dataId', 'formData', formConfig.wfConfig);
+              wfConfig1 = e.call(this, formCode, dataId, formData);
+              callback1 = wfConfig1?.callback;
+              delete wfConfig1?.callback;
+            }
+
+            let option = {
+              objId: dataId, //单据ID
+              wfCode: wfCode, //流程编码
+              showStartBtn: true, //是否放出启动按钮,流程已启动时此参数失效
+              formCode: formCode,
+              callback: (wfParam) => {
+                this.setFormData(formData);
+
+                let {hasWf} = wfParam;
+                this.hasWf = hasWf;
+                this.wfParam = wfParam;
+                this.showFormContent = true;
+                this.$nextTick(() => {
+                  this.handleShowHideRule();
+                  if (hasWf) {
+                    setTimeout(() => {
+                      this.hanldeWfWidget();
+                      this.hanldeWfWidget2();
+                      callback && callback()
+                      callback1 && callback1(wfParam)
+                    }, 1000)
+                  }
+                  wfParam.done()
+                })
+                /*this.handleShowContent(() => {
+                  if (hasWf) {
+                    setTimeout(() => {
+                      this.hanldeWfWidget();
+                      this.hanldeWfWidget2();
+                      callback && callback()
+                    }, 1000)
+                  }
+                  wfParam.done()
+                });*/
+              }
+            };
+            if (formConfig.wfStartBindSave) {
+              option.onStart = (done) => {
+                let formRef = this.getFormRef ? this.getFormRef() : this;
+                formRef.validate(valid => {
+                  if (valid) {
+                    done();
+                  }
+                });
+              }
+              option.onBeforeStartSubmit = (done) => {
+                this.saveDefaultHandle({
+                  config: {
+                    successMsg: false,
+                    isConfirm: false,
+                    success: res => {
+                      done()
+                    },
+                  }
+                })
+              }
+            }
+            let resOption = option
+            if (wfConfig1) {
+              resOption = extendDeeply(resOption, wfConfig1)
+            }
+            return resOption;
+          }
+        }
+
+        let formScriptParam = this.handleCustomEvent(this.formConfig.formScriptParam);
+
+        let defaultOption = {
+          addCreateInfo: true,
+          queryCreateInfo: window.$vueRoot.$store.getters.queryCreateInfo || "0"
+        };
+        return this.formHttp({
+          // url: "/" + reportTemplate.serviceName + "/form_ins/getOne",
+          scriptCode: scriptCode,
+          data: {
+            formCode: formCode,
+            formVersion: reportTemplate.formVersion,
+            taBm: entity,
+            data: {
+              id: dataId,
+              ...formScriptParam
+            }
+          },
+          ...defaultOption,
+          sync: false,
+          wfConfig,
+          success: res => {
+            formData = res.objx || {};
+            // this.currentFormData = res.objx || {};
+            if (!wfConfig) {
+              this.setFormData(formData);
+              this.showFormContent = true;
+              this.$nextTick(() => {
+                this.handleShowHideRule();
+                callback && callback()
+              })
+            }
+          }
+        });
+      } else {
+        this.handleShowContent();
+      }
+    },
+    handleShowHideRule() {
+      return;
+      let userId = this.$store.getters.userId;
+      let userSaleOrgDTOs = this.userSaleOrgDTOs;
+      let userRoleDTOs = this.userRoleDTOs;
+      let saleOrgIds = userSaleOrgDTOs.map(item => item.saleOrgId);
+      let roleIds = userRoleDTOs.map(item => item.roleId);
+      let refList = this.widgetRefList;
+      for (let key in refList) {
+        let target = refList[key];
+        let widget = target.field || target.widget;
+        if (widget?.options?.showRuleEnabled) {
+          let showRules = widget.options.showRules || [];
+          showRules.forEach(showRule => {
+            let ruleType = showRule.ruleType
+            let isShow = showRule.show
+            let value = showRule.value || []
+            let valIds = value.map(item => item.id)
+            if (valIds.length) {
+              let result = !widget.options.hidden;
+              if (ruleType == 1) {
+                result = valIds.includes(userId) ? isShow : !isShow
+              } else if (ruleType == 2) {
+                result = saleOrgIds.find(item => valIds.includes(item)) ? isShow : !isShow
+              } else if (ruleType == 3) {
+                result = roleIds.find(item => valIds.includes(item)) ? isShow : !isShow
+              }
+              target.setHidden(!result)
+            }
+          })
+        }
+      }
+    },
+    initFormObject: function () {
+      let e = this,
+        t = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];
+      (this.formId = 'vfRender' + baseRefUtil.generateId()),
+      t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(),
+        this.addFieldChangeEventHandler(),
+        this.addFieldValidateEventHandler(),
+        this.registerFormToRefList(),
+        // this.handleOnCreated(),
+      this.disabledMode
+      && this.$nextTick(function () {
+        e.disableForm();
+      });
+    },
+    getContainerWidgetName: function (e) {
+      return 'grid' === e.type ? 'grid-item' : e.type + '-item';
+    },
+    getWidgetName: function (e) {
+      return (e.targetType || e.type) + '-widget';
+    },
+    initLocale: function () {
+      let e = localStorage.getItem('v_form_locale') || 'zh-CN';
+      this.changeLanguage(e);
+    },
+    insertCustomStyleAndScriptNode: function () {
+      this.formConfig && this.formConfig.cssCode && baseRefUtil.insertCustomCssToHead(this.formConfig.cssCode, this
+        .previewState ? '' : this.formId),
+      this.formConfig && this.formConfig.functions && baseRefUtil.insertGlobalFunctionsToHtml(this.formConfig
+        .functions, this
+        .previewState ? '' : this.formId);
+    },
+    buildFormModel: function (e) {
+      let t = this;
+      e
+      && e.length > 0
+      && e.forEach(function (e) {
+        t.buildDataFromWidget(e);
+      });
+    },
+    buildDataFromWidget: function (e) {
+      let t = this;
+      let dataId = this.dataId;
+      let currentFormData = this.currentFormData;
+      let fieldKeyName = this.getFieldKeyName(e)
+      let defaultValue = e.options.defaultValue === undefined || e.options.defaultValue === "" ? null : e.options.defaultValue;
+      if ('container' === e.category) {
+        if ('vf-dialog' === e.type || 'vf-drawer' === e.type) ;
+        else if ('data-table' === e.type) {
+          if (!!e.widgetList && (e.widgetList.length > 0)) {
+            e.widgetList.forEach((childItem) => {
+              this.buildDataFromWidget(childItem, e);
+            });
+          }
+        } else if ('list-h5' === e.type) {
+          if (!!e.widgetList && (e.widgetList.length > 0)) {
+            e.widgetList.forEach((childItem) => {
+              this.buildDataFromWidget(childItem, e);
+            });
+          }
+        } else if ('grid' === e.type)
+          e.cols
+          && e.cols.length > 0
+          && e.cols.forEach(function (e) {
+            t.buildDataFromWidget(e);
+          });
+        else if ('table' === e.type)
+          e.rows
+          && e.rows.length > 0
+          && e.rows.forEach(function (e) {
+            e.cols
+            && e.cols.length > 0
+            && e.cols.forEach(function (e) {
+              t.buildDataFromWidget(e);
+            });
+          });
+        else if ('h5-table' === e.type)
+          e.rows
+          && e.rows.length > 0
+          && e.rows.forEach(function (e) {
+            e.cols
+            && e.cols.length > 0
+            && e.cols.forEach(function (e) {
+              t.buildDataFromWidget(e);
+            });
+          });
+        else if ('tab' === e.type)
+          e.tabs
+          && e.tabs.length > 0
+          && e.tabs.forEach(function (e) {
+            e.widgetList
+            && e.widgetList.length > 0
+            && e.widgetList.forEach(function (e) {
+              t.buildDataFromWidget(e);
+            });
+          });
+        else if ('detail' === e.type)
+          e.panes
+          && e.panes.length > 0
+          && e.panes.forEach(function (e) {
+            e.widgetList
+            && e.widgetList.length > 0
+            && e.widgetList.forEach(function (e) {
+              t.buildDataFromWidget(e);
+            });
+          });
+        else if ('sub-form' === e.type) {
+          let i = e.options.name;
+          if (currentFormData.hasOwnProperty(i)) {
+            let n = currentFormData[i];
+            this.$set(this.formDataModel, i, baseRefUtil.deepClone(n));
+          } else {
+            let o = {};
+            e.options.showBlankRow
+              ? (e.widgetList.forEach(function (e) {
+                e.formItemFlag && (o[e.options.name] = defaultValue);
+              }),
+                this.$set(this.formDataModel, i, [o]))
+              : this.$set(this.formDataModel, i, []);
+          }
+        } else if ('grid-sub-form' === e.type) {
+          let a = e.options.name;
+          if (currentFormData.hasOwnProperty(a)) {
+            let l = currentFormData[a];
+            this.$set(this.formDataModel, a, baseRefUtil.deepClone(l));
+          } else {
+            let s = [],
+              r = function (e) {
+                s.push(e);
+              };
+            baseRefUtil.traverseFieldWidgetsOfContainer(e, r);
+            let d = {};
+            e.options.showBlankRow
+              ? (s.forEach(function (e) {
+                d[e.options.name] = defaultValue;
+              }),
+                this.$set(this.formDataModel, a, [d]))
+              : this.$set(this.formDataModel, a, []);
+          }
+        } else if ('detail-h5' === e.type) {
+          e.panes
+          && e.panes.length > 0
+          && e.panes.forEach(function (e) {
+            t.buildDataFromWidget(e);
+          });
+        } else if ('h5-card' === e.type) {
+          e.panes
+          && e.panes.length > 0
+          && e.panes.forEach(function (e) {
+            e.widgetList
+            && e.widgetList.length > 0
+            && e.widgetList.forEach(function (e) {
+              t.buildDataFromWidget(e);
+            });
+          });
+        } else
+          'grid-col' === e.type || e.type,
+          e.widgetList
+          && e.widgetList.length > 0
+          && e.widgetList.forEach(function (e) {
+            t.buildDataFromWidget(e);
+          });
+      } else if ('vabsearch' === e.type) {
+
+        let c = currentFormData[fieldKeyName];
+        this.$set(this.formDataModel, fieldKeyName, baseRefUtil.deepClone(c));
+        let vabSearchName = e.options.vabSearchName;
+        if (vabSearchName) {
+          let val = currentFormData[vabSearchName] ?? null;
+          this.$set(this.formDataModel, vabSearchName, baseRefUtil.deepClone(val));
+        }
+      } else if ('table2-item' === e.type) {
+        this.$set(this.formDataModel, fieldKeyName, []);
+      } else if (e.formItemFlag) {
+        if (dataId || currentFormData.hasOwnProperty(fieldKeyName)) {
+          let c = currentFormData[fieldKeyName] ?? null;
+          this.$set(this.formDataModel, fieldKeyName, baseRefUtil.deepClone(c));
+        } else {
+          this.$set(this.formDataModel, fieldKeyName, defaultValue);
+        }
+      }
+    },
+    addFieldChangeEventHandler: function () {
+      let e = this;
+      this.$off('fieldChange'),
+        this.$on('fieldChange', function (t, i, n, o, a) {
+          e.handleFieldDataChange(t, i, n, o, a), e.$emit('formChange', t, i, n, e.formDataModel, o, a);
+        });
+    },
+    addFieldValidateEventHandler: function () {
+      let e = this;
+      this.$off('fieldValidation'),
+        this.$on('fieldValidation', function (t) {
+          e.$refs.renderForm.validateField(t);
+        });
+    },
+    registerFormToRefList: function () {
+      this.widgetRefList['v_form_ref'] = this;
+    },
+    handleFieldDataChange: function (e, t, i, n, o) {
+      if (this.formConfig && this.formConfig.onFormDataChange) {
+        let a = new Function('fieldName', 'newValue', 'oldValue', 'formModel', 'subFormName', 'subFormRowIndex',
+          this.formConfig.onFormDataChange);
+        a.call(this, e, t, i, this.formDataModel, n, o);
+      }
+    },
+
+    getEventParam() {
+      let dataId = this.dataId;
+      let formCode = this.reportTemplate.formCode;
+      return {
+        eventParamNames: ["dataId", "formCode"],
+        eventParamValues: [dataId, formCode],
+      }
+    },
+    handleCustomEvent(funtionStr, eventParamNames = [], eventParamValues = []) {
+      if (!this.designState && funtionStr) {
+        let eventParam = this.getEventParam();
+        var e = new Function(...eventParam.eventParamNames, ...eventParamNames, funtionStr);
+        return e.call(this, ...eventParam.eventParamValues, ...eventParamValues);
+      }
+    },
+
+    handleOnCreated: function () {
+      this.handleCustomEvent(this.formConfig?.onFormCreated);
+      /*if (this.formConfig && this.formConfig.onFormCreated) {
+        let e = new Function(this.formConfig.onFormCreated);
+        e.call(this);
+      }*/
+    },
+    handleOnMounted: function () {
+      /*if (this.formConfig && this.formConfig.onFormMounted) {
+        let e = new Function(this.formConfig.onFormMounted);
+        e.call(this);
+      }*/
+      this.handleCustomEvent(this.formConfig?.onFormMounted);
+    },
+    findWidgetAndSetDisabled: function (e, t) {
+      let i = this.getWidgetRef(e);
+      i && i.setDisabled ? i.setDisabled(t) : this.findWidgetOfSubFormAndSetDisabled(e, t);
+    },
+    findWidgetOfSubFormAndSetDisabled: function (e, t) {
+      let i = this,
+        n = baseRefUtil.getFieldWidgetByName(this.formJsonObj.widgetList, e);
+      n && n.options && n.options.hasOwnProperty('disabled') && (n.options.disabled = t),
+        this.findWidgetNameInSubForm(e).forEach(function (e) {
+          let n = i.getWidgetRef(e);
+          n && n.setDisabled && n.setDisabled(t);
+        });
+    },
+    findWidgetAndSetHidden: function (e, t) {
+      let i = this.getWidgetRef(e);
+      i && i.setDisabled ? i.setHidden(t) : this.findWidgetOfSubFormAndSetHidden(e, t);
+    },
+    findWidgetOfSubFormAndSetHidden: function (e, t) {
+      let i = this,
+        n = baseRefUtil.getFieldWidgetByName(this.formJsonObj.widgetList, e);
+      n && n.options && n.options.hasOwnProperty('hidden') && (n.options.hidden = t),
+        this.findWidgetNameInSubForm(e).forEach(function (e) {
+          let n = i.getWidgetRef(e);
+          n && n.setDisabled && n.setHidden(t);
+        });
+    },
+    findWidgetNameInSubForm: function (e) {
+      let t = [],
+        i = null,
+        n = function (t, n) {
+          t.options && t.options.name === e && (i = n.options.name);
+        };
+      if ((baseRefUtil.traverseFieldWidgets(this.widgetList, n), i)) {
+        let o = this.getWidgetRef(i);
+        if (o) {
+          let a = o.getRowIdData();
+          a
+          && a.length > 0
+          && a.forEach(function (i) {
+            t.push(e + '@row' + i);
+          });
+        }
+      }
+      return t;
+    },
+    changeLanguage: function (e) {
+      baseRefUtil.changeLocale(e);
+    },
+    getLanguageName: function () {
+      return localStorage.getItem('v_form_locale') || 'zh-CN';
+    },
+    getNativeForm: function () {
+      return this.$refs['renderForm'];
+    },
+    getWidgetRef: function (e) {
+      let t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1],
+        i = this.widgetRefList[e];
+      return !i && t && this.$message.error(this.i18nt('render.hint.refNotFound') + e), i;
+    },
+    clearFormDataModel: function () {
+      for (let e in this.formDataModel) delete this.formDataModel[e];
+    },
+    setFormJson: function (e) {
+      let t = this;
+      if (e)
+        if ('string' === typeof e || e.constructor === Object) {
+          let i = null;
+          if (((i = 'string' === typeof e ? JSON.parse(e) : e), !i.formConfig || !i.widgetList)) return void this
+            .$message.error('Invalid format of form json.');
+          this.clearFormDataModel(),
+            this.buildFormModel(i.widgetList),
+            this.$set(this.formJsonObj, 'formConfig', i.formConfig),
+            (this._provided.formConfig = i.formConfig),
+            this.$set(this.formJsonObj, 'widgetList', i.widgetList),
+            this.insertCustomStyleAndScriptNode(),
+            this.$nextTick(function () {
+              t.initFormObject(!1), t.handleOnMounted();
+            });
+        } else this.$message.error('Set form json failed.');
+    },
+    reloadOptionData: function (e) {
+      let t = [];
+      e && 'string' === typeof e ? (t = [e]) : e && Array.isArray(e) && (t = [...e]), this.broadcast('FieldWidget',
+        'reloadOptionItems', [t]);
+    },
+    getFormData: function () {
+      let e = this,
+        t = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];
+      if (!t) return this.formDataModel;
+      let i = function () {
+        },
+        n = new window.Promise(function (e, t) {
+          i = function (i, n) {
+            n ? t(n) : e(i);
+          };
+        });
+      return (
+        this.$refs['renderForm'].validate(function (t) {
+          t ? i(e.formDataModel) : i(e.formDataModel, e.i18nt('render.hint.validationFailed'));
+        }),
+          n
+      );
+    },
+    setFormData: function (e) {
+      let t = this;
+      /*Object.keys(this.formDataModel).forEach(function (i) {
+        e && e.hasOwnProperty(i) && (t.formDataModel[i] = baseRefUtil.deepClone(e[i]));
+      });*/
+      Object.assign(t.formDataModel, baseRefUtil.deepClone(e))
+      this.currentFormData = e || {};
+      this.broadcast('ContainerItem', 'setFormData', this.formDataModel),
+        this.broadcast('FieldWidget', 'setFormData', this.formDataModel);
+    },
+    getFieldValue: function (e) {
+      let t = this,
+        i = this.getWidgetRef(e);
+      if (i && i.getValue) return i.getValue();
+      if (!i) {
+        let n = [];
+        return (
+          this.findWidgetNameInSubForm(e).forEach(function (e) {
+            let i = t.getWidgetRef(e);
+            i && i.getValue && n.push(i.getValue());
+          }),
+            n
+        );
+      }
+    },
+    setFieldValue: function (e, t) {
+      let i = this,
+        n = this.getWidgetRef(e);
+      n && n.setValue && n.setValue(t),
+      n
+      || this.findWidgetNameInSubForm(e).forEach(function (e) {
+        let n = i.getWidgetRef(e);
+        n && n.setValue && n.setValue(t);
+      });
+    },
+    getSubFormValues: function (e) {
+      let t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
+        i = this.subFormRefList[e];
+      return i.getSubFormValues(t);
+    },
+    setSubFormValues: function (e, t) {
+    },
+    disableForm: function () {
+      let e = this,
+        t = Object.keys(this.widgetRefList);
+      t.forEach(function (t) {
+        let i = e.getWidgetRef(t);
+        i
+        && (i.widget && 'sub-form' === i.widget.type
+          ? i.disableSubForm()
+          : i.widget && 'grid-sub-form' === i.widget.type
+            ? i.disableGridSubForm()
+            : i.setDisabled && i.setDisabled(!0));
+      });
+    },
+    enableForm: function () {
+      let e = this,
+        t = Object.keys(this.widgetRefList);
+      t.forEach(function (t) {
+        let i = e.getWidgetRef(t);
+        i
+        && (i.widget && 'sub-form' === i.widget.type
+          ? i.enableSubForm()
+          : i.widget && 'grid-sub-form' === i.widget.type
+            ? i.enableGridSubForm()
+            : i.setDisabled && i.setDisabled(!1));
+      });
+    },
+    resetForm: function () {
+      let e = this,
+        t = Object.keys(this.subFormRefList);
+      t.forEach(function (t) {
+        e.subFormRefList[t].resetSubForm && e.subFormRefList[t].resetSubForm();
+      });
+      let i = Object.keys(this.widgetRefList);
+      i.forEach(function (t) {
+        let i = e.getWidgetRef(t);
+        i && !i.subFormItemFlag && i.resetField && i.resetField();
+      }),
+        this.$nextTick(function () {
+          e.clearValidate();
+        });
+    },
+    clearValidate: function (e) {
+      this.$refs.renderForm.clearValidate(e);
+    },
+    validateForm: function (e) {
+      this.$refs['renderForm'].$baseValidate(function (t) {
+        e(t);
+      });
+    },
+    validateFields: function () {
+    },
+    disableWidgets: function (e) {
+      let t = this;
+      e
+      && ('string' === typeof e
+        ? this.findWidgetAndSetDisabled(e, !0)
+        : Array.isArray(e)
+        && e.forEach(function (e) {
+          t.findWidgetAndSetDisabled(e, !0);
+        }));
+    },
+    enableWidgets: function (e) {
+      let t = this;
+      e
+      && ('string' === typeof e
+        ? this.findWidgetAndSetDisabled(e, !1)
+        : Array.isArray(e)
+        && e.forEach(function (e) {
+          t.findWidgetAndSetDisabled(e, !1);
+        }));
+    },
+    hideWidgets: function (e) {
+      let t = this;
+      e
+      && ('string' === typeof e
+        ? this.findWidgetAndSetHidden(e, !0)
+        : Array.isArray(e)
+        && e.forEach(function (e) {
+          t.findWidgetAndSetHidden(e, !0);
+        }));
+    },
+    showWidgets: function (e) {
+      let t = this;
+      e
+      && ('string' === typeof e
+        ? this.findWidgetAndSetHidden(e, !1)
+        : Array.isArray(e)
+        && e.forEach(function (e) {
+          t.findWidgetAndSetHidden(e, !1);
+        }));
+    },
+    getFieldWidgets: function () {
+      let e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null;
+      return e ? baseRefUtil.getAllFieldWidgets(e) : baseRefUtil.getAllFieldWidgets(this.formJsonObj.widgetList);
+    },
+    getContainerWidgets: function () {
+      let e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null;
+      return e ? baseRefUtil.getAllContainerWidgets(e) : baseRefUtil.getAllContainerWidgets(this.formJsonObj
+        .widgetList);
+    },
+    addEC: function (e, t) {
+      this.externalComponents[e] = t;
+    },
+    hasEC: function (e) {
+      return this.externalComponents.hasOwnProperty(e);
+    },
+    getEC: function (e) {
+      return this.externalComponents[e];
+    },
+    setReadMode: function () {
+      let e = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];
+      this.readModeFlag = e;
+    },
+    getReadMode: function () {
+      return this.readModeFlag;
+    },
+    getGlobalDsv: function () {
+      return this.globalDsv;
+    },
+    executeDataSource: function (e, t) {
+      let i = this;
+      return Object(ie['a'])(
+        regeneratorRuntime.mark(function n() {
+          let o, a;
+          return regeneratorRuntime.wrap(function (n) {
+            while (1)
+              switch ((n.prev = n.next)) {
+                case 0:
+                  return (
+                    (o = baseRefUtil.getDSByName(i.formJsonObj.formConfig, e)),
+                      (a = new Object({})),
+                      baseRefUtil.overwriteObj(a, i.globalDsv),
+                      baseRefUtil.overwriteObj(a, t),
+                      (n.next = 6),
+                      baseRefUtil.runDataSourceRequest(o, a, i, !1, i.$message)
+                  );
+                case 6:
+                  return n.abrupt('return', n.sent);
+                case 7:
+                case 'end':
+                  return n.stop();
+              }
+          }, n);
+        })
+      )();
+    },
+    getParentFormRef: function () {
+      return this.parentForm;
+    },
+    isDynamicCreation: function () {
+      return this.dynamicCreation;
+    },
+    setDialogOrDrawerRef: function (e) {
+      this.dialogOrDrawerRef = e;
+    },
+    getDialogOrDrawerRef: function () {
+      return this.dialogOrDrawerRef;
+    },
+    showDialog: function (e, t) {
+      let i = baseRefUtil.getContainerWidgetByName(this.widgetList, e);
+      if (e && 'vf-dialog' === i.type) {
+        let n = {
+            widgetList: baseRefUtil.deepClone(i.widgetList),
+            formConfig: baseRefUtil.cloneFormConfigWithoutEventHandler(this.formConfig)
+          },
+          // a = o.a.extend(fe),
+          a = baseRefUtil.Vue.extend(baseRefUtil.dynamicDialogRender),
+          l = new a({
+            propsData: {
+              options: i.options,
+              formJson: n,
+              formData: t || {},
+              optionData: this.optionData,
+              globalDsv: this.globalDsv,
+              parentFormRef: this
+            },
+            components: {VFormRender}
+          });
+        document.body.appendChild(l.$mount().$el), l.show();
+      } else {
+        this.$message.error(this.i18nt('render.hint.refNotFound') + e);
+      }
+    },
+    showDrawer: function (e, t) {
+      let i = baseRefUtil.getContainerWidgetByName(this.widgetList, e);
+      if (i && 'vf-drawer' === i.type) {
+        let n = {
+            widgetList: baseRefUtil.deepClone(i.widgetList),
+            formConfig: baseRefUtil.cloneFormConfigWithoutEventHandler(this.formConfig)
+          },
+          a = o.a.extend(we),
+          l = new a({
+            propsData: {
+              options: i.options,
+              formJson: n,
+              formData: t || {},
+              optionData: this.optionData,
+              globalDsv: this.globalDsv,
+              parentFormRef: this
+            }
+          });
+        document.body.appendChild(l.$mount().$el), l.show();
+      } else this.$message.error(this.i18nt('render.hint.refNotFound') + e);
+    },
+    showDialogOrDrawer: function (e) {
+    },
+    getTableFiledMap(flag) {
+      let fieldMap = {};
+      let fJson = this.formJson;
+      let itemFieldMap = {
+        grid: "cols",
+        table: "rows",
+        "table-cell": "widgetList",
+        'h5-table': "rows",
+        "h5-table-cell": "widgetList",
+        tab: "tabs",
+        "tab-pane": "widgetList",
+        "grid-col": "widgetList",
+        "vf-box": "widgetList",
+        "card": "widgetList",
+        "detail": "panes",
+        "detail-pane": "widgetList",
+        "detail-h5": "panes",
+        "h5-card": "panes",
+        "h5-card-pane": "widgetList",
+      }
+      let loopDo = (widgetList) => {
+        if (!widgetList) return;
+        widgetList.forEach(widget => {
+          let widgetName = widget.options.name;
+          let fieldKeyName = this.getFieldKeyName(widget);
+          if (widget.tableField) {
+            if (flag == 1) {
+              fieldMap[fieldKeyName] = widget;
+            } else {
+              fieldMap[fieldKeyName] = fieldKeyName;
+              if (widget.type == 'vabsearch') {
+                let vabSearchName = widget.options.vabSearchName;
+                if (vabSearchName) fieldMap[vabSearchName] = vabSearchName;
+              }
+            }
+          } else {
+            if (widget.category == "container") {
+              let itemField = itemFieldMap[widget.type];
+              if (itemField) {
+                if ("table" == widget.type) {
+                  widget[itemField].forEach(item => {
+                    loopDo(item.cols);
+                  })
+                } else if ("h5-table" == widget.type) {
+                  widget[itemField].forEach(item => {
+                    loopDo(item.cols);
+                  })
+                } else {
+                  loopDo(widget[itemField]);
+                }
+              }
+            }
+          }
+        })
+      }
+      loopDo(fJson.widgetList);
+      return fieldMap;
+    },
+    getFieldKeyName(widget) {
+      let o = widget.options.name;
+      return (
+        (widget.options.keyNameEnabled
+          && widget.options.keyName)
+        || o
+      );
+    },
+    getFormTemplateTableDTOs() {
+      let formTemplateTableDTOs = [];
+      let formCode = this.reportTemplate.formCode;
+      let fields = [];
+      let fJson = this.formJson;
+
+      let itemFieldMap = {
+        grid: "cols",
+        table: "rows",
+        "table-cell": "widgetList",
+        'h5-table': "rows",
+        "h5-table-cell": "widgetList",
+        tab: "tabs",
+        "tab-pane": "widgetList",
+        "grid-col": "widgetList",
+        "vf-box": "widgetList",
+        "card": "widgetList",
+        "detail": "panes",
+        "detail-pane": "widgetList",
+        "detail-h5": "panes",
+        "h5-card": "panes",
+        "h5-card-pane": "widgetList",
+      }
+      let loopDo = (widgetList) => {
+        if (!widgetList) return;
+        widgetList.forEach(widget => {
+          let submitFlag = widget.options.submitFlag || false;
+          if (widget.formItemFlag || widget.type == 'data-table') {
+            if (widget.options.submitFlag === void 0) {
+              submitFlag = true;
+            }
+          }
+
+          let uniqueName = widget.options.name;
+          let widgetName = this.getFieldKeyName(widget);
+          let entityTableCode = widget.options.entityTableCode;
+          if ((widget.type == 'data-table' || widget.type == 'list-h5')) {
+            let isTreeTable = widget.options.isTreeTable || false;
+            if (submitFlag) {
+              let vailColumns = widget.options.tableColumns.filter(item => item.prop && item.label);
+              let itemFields = [];
+              vailColumns.forEach(item => {
+                if (item.formatS == 'editSearch') {
+                  itemFields.push({
+                    fieldDesc: item.label + "ID",
+                    fieldName: item.prop
+                  });
+                  let vabSearchName = item?.columnOption?.vabSearchName;
+                  if (vabSearchName) {
+                    itemFields.push({
+                      fieldDesc: item.label,
+                      fieldName: vabSearchName
+                    });
+                  }
+                } else {
+                  itemFields.push({
+                    fieldDesc: item.label,
+                    fieldName: item.prop
+                  });
+                }
+              });
+
+              if (itemFields.length) {
+                let formTemplateTable = {
+                  tableAlias: widgetName,
+                  name: widgetName,
+                  formCode: formCode,
+                  tableType: 1,
+                  isTreeTable,
+                  uniqueName,
+                  formTemplateFieldDTOs: []
+                };
+                formTemplateTable.formTemplateFieldDTOs = itemFields;
+                formTemplateTableDTOs.push(formTemplateTable);
+              }
+            }
+
+          } else if (widget.type == 'vabUpload') {
+            if (submitFlag) {
+              let formTemplateTable = {
+                tableAlias: widgetName,
+                name: widgetName,
+                formCode: formCode,
+                tableType: 2,
+                uniqueName,
+              };
+              formTemplateTableDTOs.push(formTemplateTable);
+            }
+          } else if (widget.type == 'project-tag') {
+            if (submitFlag) {
+              let formTemplateTable = {
+                tableAlias: widgetName,
+                name: widgetName,
+                formCode: formCode,
+                tableType: 1,
+                uniqueName,
+              };
+              formTemplateTableDTOs.push(formTemplateTable);
+            }
+          } else if (widget.type == 'table2') {
+            if (submitFlag) {
+              let formTemplateTable = {
+                tableAlias: widgetName,
+                name: widgetName,
+                formCode: formCode,
+                tableType: 2,
+                uniqueName,
+              };
+              formTemplateTableDTOs.push(formTemplateTable);
+            }
+          } else if (widget.tableField && widget.type == 'vabsearch') {
+            if (submitFlag) {
+              fields.push({
+                fieldDesc: widget.options.label + "ID",
+                fieldName: widgetName
+              })
+              let vabSearchName = widget.options.vabSearchName;
+              if (vabSearchName) {
+                fields.push({
+                  fieldDesc: widget.options.label,
+                  fieldName: vabSearchName,
+                  name: vabSearchName
+                });
+              }
+            }
+          } else if (widget.tableField) {
+            if (submitFlag) {
+              fields.push({
+                fieldDesc: widget.options.label,
+                fieldName: widgetName,
+                name: widget.options.name
+              })
+            }
+          } else {
+            if (widget.category == "container") {
+              let itemField = itemFieldMap[widget.type];
+              if (itemField) {
+                if ("table" == widget.type) {
+                  widget[itemField].forEach(item => {
+                    loopDo(item.cols);
+                  })
+                } else if ("h5-table" == widget.type) {
+                  widget[itemField].forEach(item => {
+                    loopDo(item.cols);
+                  })
+                } else {
+                  loopDo(widget[itemField]);
+                }
+              }
+            }
+          }
+        })
+      }
+      loopDo(fJson.widgetList);
+      if (fields.length) {
+        let formTemplateTable = {
+          tableAlias: null,
+          formCode: formCode,
+          tableType: 0,
+          formTemplateFieldDTOs: fields
+        }
+        formTemplateTableDTOs.push(formTemplateTable);
+      }
+
+      return formTemplateTableDTOs;
+    },
+    getSubData() {
+      let that = this;
+      let formCode = this.reportTemplate.formCode;
+      let tableFiledMap = this.getTableFiledMap();
+      let formTemplateTableDTOs = this.getFormTemplateTableDTOs();
+      let formDataModel = this.formDataModel;
+      let formConfig = this.formConfig;
+      return new Promise((resolve, reject) => {
+        let res = {};
+        this.getFormData().then((formData, b) => {
+          for (let key in formData) {
+            let tableField = tableFiledMap[key];
+            if (tableField) {
+              res[tableField] = formData[key];
+            }
+          }
+          let newFormData = {};
+          formTemplateTableDTOs.forEach(formTemplateTableDTO => {
+            let tableAlias = formTemplateTableDTO.tableType == 0 ? formCode : formTemplateTableDTO.tableAlias;
+            if (formTemplateTableDTO.tableType == 0) {
+              let item = this.$baseLodash.cloneDeep(this.formData);
+              Object.keys(item).forEach(key => {
+                if (Array.isArray(item[key])) {
+                  delete item[key];
+                }
+              })
+              formTemplateTableDTO.formTemplateFieldDTOs.forEach(formTemplateFieldDTO => {
+                item[formTemplateFieldDTO.fieldName] = res[formTemplateFieldDTO.fieldName];
+              })
+              newFormData[tableAlias] = item;
+            } else {
+              newFormData[tableAlias] = formDataModel[formTemplateTableDTO.name]
+            }
+
+          })
+          /*if (formConfig.formType === 1) {
+            newFormData = this.getSysFormData(newFormData);
+          }*/
+          resolve(newFormData);
+        }).catch((msg) => {
+          reject(msg)
+        })
+      })
+    },
+    getSubData2(flag) {
+      let that = this;
+      let formCode = this.reportTemplate.formCode;
+      let tableFiledMap = this.getTableFiledMap();
+      let formTemplateTableDTOs = this.getFormTemplateTableDTOs();
+      let formDataModel = this.formDataModel;
+      let formConfig = this.formConfig;
+
+      let res = {};
+      let formData = formDataModel;
+
+      for (let key in formData) {
+        let tableField = tableFiledMap[key];
+        if (tableField) {
+          res[tableField] = formData[key];
+        }
+      }
+
+      let newFormData = {};
+      formTemplateTableDTOs.forEach(formTemplateTableDTO => {
+        let tableAlias = formTemplateTableDTO.tableType == 0 ? formCode : formTemplateTableDTO.tableAlias;
+        if (formTemplateTableDTO.tableType == 0) {
+          let item = this.$baseLodash.cloneDeep(this.currentFormData);
+          Object.keys(item).forEach(key => {
+            if (Array.isArray(item[key])) {
+              delete item[key];
+            }
+          })
+          formTemplateTableDTO.formTemplateFieldDTOs.forEach(formTemplateFieldDTO => {
+            item[formTemplateFieldDTO.fieldName] = res[formTemplateFieldDTO.fieldName];
+          })
+          newFormData[tableAlias] = item ?? null;
+        } else {
+          if (formTemplateTableDTO.isTreeTable) {
+            let tableTarget = this.getWidgetRef(formTemplateTableDTO.uniqueName);
+            let $grid = tableTarget.getGridTable()
+            let parentField = $grid.treeConfig.parentField;
+            let treeTaBm = newFormData.treeTaBm || [];
+            treeTaBm.push(formTemplateTableDTO.tableAlias);
+            newFormData.treeTaBm = treeTaBm;
+            let tableDatas = this.$baseLodash.cloneDeep(formDataModel[formTemplateTableDTO.name] || []);
+            tableDatas.forEach(tableData => {
+              if (tableData.id && tableData.id.startsWith && tableData.id.startsWith("row_")) {
+                tableData.id = null
+              }
+              if (tableData[parentField] && tableData[parentField].startsWith && tableData[parentField].startsWith("row_")) {
+                tableData[parentField] = null;
+              }
+              if (tableData[parentField] === undefined) tableData[parentField] = null;
+            })
+            tableDatas = tableDatas.filter(item => {
+              return item[parentField] === 0 || item[parentField] === null;
+            })
+            newFormData[tableAlias] = tableDatas;
+          } else {
+            newFormData[tableAlias] = formDataModel[formTemplateTableDTO.name] ?? null;
+          }
+
+        }
+
+      })
+      if (flag) {
+        newFormData = this.getSysFormData(newFormData);
+      }
+      return newFormData;
+    },
+    getSysFormData(realFormData) {
+      let formData0 = this.$baseLodash.cloneDeep(realFormData)
+      let formConfig = this.formConfig;
+      let reportTemplate = this.reportTemplate
+      let formCode = reportTemplate.formCode;
+      let formData = this.$baseLodash.cloneDeep(formData0[formCode])
+      if (formData) {
+        Object.keys(formData0).forEach(key => {
+          if (key != formCode) {
+            formData[key] = formData0[key];
+          }
+        });
+      }
+
+      return formData;
+    },
+    getRealFormData(option) {
+      let formCode = this.reportTemplate.formCode;
+      let subData = this.getSubData2();
+      let realFormData = {}
+      if (option) {
+        Object.keys(option).forEach(key => {
+          realFormData[option[key]] = subData[key];
+        })
+      } else {
+        realFormData = subData;
+      }
+      return realFormData;
+    },
+    reloadForm(option) {
+      let target1 = this.$attrs['parent-target'];
+      let target2 = target1?.$attrs['parent-target'];
+      let target = !target2 ? this : target1;
+      /* if (this.$attrs['reloadDialog'] !== true) {
+        target = this.$attrs['parent-target'];
+      }else{
+        target = this;
+      } */
+      /*let updateParam= option && option.updateParam ? option.updateParam:{}
+      for (let key in updateParam) {
+        target.$emit("update:" + key, updateParam[key]);
+      }*/
+      target.$baseReload(option);
+    },
+    saveForm(callback) {
+      this.validateForm(() => {
+        this.getSubData().then(formData => {
+          let reportTemplate = this.reportTemplate || {};
+          let formConfig = this.formConfig;
+          let realFormData = Object.assign({}, formData);
+
+          let reqData = {
+            ...this.$attrs.conditionParam,
+            formTemplateId: reportTemplate.id,
+            formCode: reportTemplate.formCode,
+            formVersion: reportTemplate.formVersion,
+            // insUuid: reportTemplate.insUuid,
+            data: realFormData
+          }
+
+          this.$baseConfirm('您确定要保存吗？').then(() => {
+            let saveConfig = formConfig.saveConfig || {};
+            this.formHttp({
+              options: saveConfig,
+              params: reqData,
+              targetFormTemplate: reportTemplate,
+              success: res => {
+                this.$message({
+                  message: res.content,
+                  type: 'success',
+                  duration: 500,
+                  onClose: t => {
+                    callback && callback(res)
+                    this.$parent.$emit('update:object_foreign_id', res.objx)
+                    // this.$parent.$attrs.wfParam.submitCallback();
+                    this.$parent.$baseReload()
+                  }
+                });
+              }
+            })
+
+
+            /*let saveUrl = this.formConfig.saveUrl || (USER_PREFIX + `/form_ins/saveFormInsData`);
+            this.$http({
+              url: saveUrl,
+              method: `post`,
+              data: reqData,
+              isLoading: true,
+              loadingTarget: document.body,
+              success: res => {
+                this.$message({
+                  message: res.content,
+                  type: 'success',
+                  duration: 500,
+                  onClose: t => {
+                    callback && callback(res)
+                    this.$parent.$emit('update:object_foreign_id', res.objx)
+                    // this.$parent.$attrs.wfParam.submitCallback();
+                    this.$parent.$baseReload()
+                  }
+                });
+
+              }
+            });*/
+          })
+        });
+      })
+    },
+    submitForm(callback) {
+      let reportTemplate = this.reportTemplate || {};
+      let insUuid = reportTemplate.insUuid;
+      if (insUuid) {
+        this.$baseConfirm('您确定要提交吗？').then(() => {
+          this.$http({
+            url: USER_PREFIX + `/form_ins/submit`,
+            method: `post`,
+            data: {stringOne: insUuid},
+            isLoading: true,
+            loadingTarget: document.body,
+            success: res => {
+              this.$message({
+                message: res.content,
+                type: 'success',
+                duration: 500,
+                onClose: t => {
+                  callback && callback(res);
+                  // this.$parent.$attrs.wfParam.submitCallback();
+                  this.$parent.$baseReload()
+                }
+              });
+
+            }
+          });
+        })
+      }
+    },
+    async getInsFormData(insUuid) {
+      let formData = {};
+      let formTemplateTableDTOs = this.getFormTemplateTableDTOs();
+      formTemplateTableDTOs.forEach(async (formTemplateTableDTO) => {
+        let tableAlias = formTemplateTableDTO.tableAlias || formTemplateTableDTO.formCode;
+        await this.getFormInsData({
+          insUuid: insUuid,
+          tableAlias: tableAlias
+        }, (data) => {
+          if (formTemplateTableDTO.tableType == 0) {
+            Object.assign(formData, data)
+          } else {
+            let map = {};
+            map[tableAlias] = data;
+            Object.assign(formData, map)
+          }
+        })
+      })
+    },
+    async getFormInsData(param, callback) {
+      return this.$http({
+        url: USER_PREFIX + `/form_ins/getFormInsData`,
+        method: `post`,
+        data: param,
+        isLoading: true,
+        loadingTarget: document.body,
+        modalStrictly: true,
+        success: res => {
+          let formData = res.objx && res.objx.data ? res.objx.data : {};
+          callback && callback(formData)
+        }
+      });
+    },
+    jumpFormView(row) {
+      // let data = {};
+      let data = this.getFormData2(row);
+      this.setFormData(data);
+    },
+    getFormData2(data) {
+      let tableFiledMap = this.getTableFiledMap(1);
+      let res = {};
+      for (let key in data) {
+        let widget = tableFiledMap[key];
+        if (widget) {
+          res[widget.id] = data[key];
+        } else {
+          res[key] = data[key];
+        }
+      }
+      return res;
+    },
+    getContainerByType(typeName) {
+      let allWidgets = [...containers, ...basicFields, ...advancedFields, ...customFields];
+      let foundCon = null;
+      allWidgets.forEach(con => {
+        if (!!con.category && !!con.type && (con.type === typeName)) {
+          foundCon = con;
+        }
+      });
+
+      return foundCon;
+    },
+    getFieldWidgetByType(typeName) {
+      let allWidgets = [...containers, ...basicFields, ...advancedFields, ...customFields];
+      let foundWidget = null;
+      allWidgets.forEach(widget => {
+        if (!!!widget.category && !!widget.type && (widget.type === typeName)) {
+          foundWidget = widget;
+        }
+      });
+
+      return foundWidget;
+    },
+    doScriptAccess(scriptUuid, callback) {
+      if (scriptUuid) {
+        let scripts = this.formJson.formConfig.scriptList || [];
+        let item = scripts.find(item => item.scriptUuid == scriptUuid);
+        if (item && item.enabled) {
+          let path = "";
+          let reportTemplate = this.getReportTemplate();
+          let formCode = reportTemplate.formCode;
+          let e = new Function('formCode', item.scriptParams);
+          let params = e.call(this, formCode);
+          this.$http({
+            url: path,
+            method: `post`,
+            loadingTarget: document.body,
+            data: {
+              ...params
+            },
+            isLoading: true,
+            success: res => {
+              let e1 = new Function('resultMsg', item.onScriptSuccess);
+              e1.call(this, res);
+              callback && callback(res && res.objx ? res.objx : []);
+            }
+          });
+        }
+      }
+    },
+    validate(callback) {
+      this.$refs['renderForm'].$baseValidate(valid => {
+        callback && callback(valid);
+      })
+    },
+    openSearchDialog(option) {
+      this.searchDialogOption = option;
+      this.showSearchDialog = true;
+    },
+    confirmSearchDialog(rows) {
+      this.searchDialogOption.confirm && this.searchDialogOption.confirm(rows)
+    },
+    openFormDialog(option) {
+      this.formDialogOption = option;
+      this.showFormDialog = true;
+    },
+    confirmFormDialog() {
+      this.formDialogOption.confirm && this.formDialogOption.confirm()
+    },
+    addInterval(handler, timeout) {
+      let timer = setInterval(handler, timeout);
+      this.timerMap[timer] = timer;
+      return timer;
+    },
+    clearAllInterval() {
+      let timerMap = this.timerMap;
+      for (let key in timerMap) {
+        let timer = timerMap[key];
+        clearInterval(timer);
+      }
+      this.timerMap = {};
+    },
+    getI18nLabel(label, path, param) {
+      return !this.designState && label ? this.$t2(label, path, param) : label;
+    },
+    openImportDialog(option) {
+      this.showImportDialog = true;
+      this.importDialogOption = option;
+    },
+    openFormDrawer(option) {
+      this.formDrawerOption = option;
+      this.showFormDrawer = true;
+    },
+    confirmFormDrawer() {
+      this.formDrawerOption.confirm && this.formDrawerOption.confirm()
+    },
+
+    loopHandleWidget: function (e, callback) {
+      let t = this;
+      e
+      && e.length > 0
+      && e.forEach(function (e) {
+        t.loopHandleWidgetItem(e, callback);
+      });
+    },
+    loopHandleWidgetItem: function (e, callback) {
+      let t = this;
+      let dataId = this.dataId;
+      let currentFormData = this.currentFormData;
+      let fieldKeyName = this.getFieldKeyName(e)
+      let defaultValue = e.options.defaultValue === undefined || e.options.defaultValue === "" ? null : e.options.defaultValue;
+      if ('container' === e.category) {
+        callback(e)
+        if ('vf-dialog' === e.type || 'vf-drawer' === e.type) ;
+        else if ('data-table' === e.type) {
+          if (!!e.widgetList && (e.widgetList.length > 0)) {
+            e.widgetList.forEach((childItem) => {
+              this.loopHandleWidgetItem(childItem, callback);
+            });
+          }
+        } else if ('list-h5' === e.type) {
+          if (!!e.widgetList && (e.widgetList.length > 0)) {
+            e.widgetList.forEach((childItem) => {
+              this.loopHandleWidgetItem(childItem, callback);
+            });
+          }
+        } else if ('grid' === e.type) {
+          e.cols
+          && e.cols.length > 0
+          && e.cols.forEach(function (e) {
+            t.loopHandleWidgetItem(e, callback);
+          });
+        } else if ('table' === e.type) {
+          e.rows
+          && e.rows.length > 0
+          && e.rows.forEach(function (e) {
+            e.cols
+            && e.cols.length > 0
+            && e.cols.forEach(function (e) {
+              t.loopHandleWidgetItem(e, callback);
+            });
+          });
+        } else if ('h5-table' === e.type) {
+          e.rows
+          && e.rows.length > 0
+          && e.rows.forEach(function (e) {
+            e.cols
+            && e.cols.length > 0
+            && e.cols.forEach(function (e) {
+              t.loopHandleWidgetItem(e, callback);
+            });
+          });
+        } else if ('tab' === e.type) {
+          e.tabs
+          && e.tabs.length > 0
+          && e.tabs.forEach(function (e) {
+            e.widgetList
+            && e.widgetList.length > 0
+            && e.widgetList.forEach(function (e) {
+              t.loopHandleWidgetItem(e, callback);
+            });
+          });
+        } else if ('detail' === e.type) {
+          if (e.panes) {
+            e.panes.forEach(function (e) {
+              if (e.widgetList) {
+                e.widgetList.forEach(function (e) {
+                  t.loopHandleWidgetItem(e, callback);
+                });
+              }
+            });
+          }
+        } else if ('detail-pane' === e.type) {
+          if (e.widgetList) {
+            e.widgetList.forEach(function (e) {
+              t.loopHandleWidgetItem(e, callback);
+            });
+          }
+          if (e.buttonWidgetList) {
+            e.buttonWidgetList.forEach(function (e) {
+              t.loopHandleWidgetItem(e, callback);
+            });
+          }
+        } else {
+          'grid-col' === e.type || e.type,
+          e.widgetList
+          && e.widgetList.length > 0
+          && e.widgetList.forEach(function (e) {
+            t.loopHandleWidgetItem(e, callback);
+          });
+        }
+
+      } else {
+        callback && callback(e)
+        /*if (dataId || currentFormData.hasOwnProperty(fieldKeyName)) {
+          let c = currentFormData[fieldKeyName] ?? null;
+          this.$set(this.formDataModel, fieldKeyName, baseRefUtil.deepClone(c));
+        } else {
+          this.$set(this.formDataModel, fieldKeyName, defaultValue);
+        }*/
+      }
+    },
+
+  }
+};
+
+export default modules;