cloud-web-corejs 1.0.54-dev.52 → 1.0.54-dev.521

package/src/components/xform/form-render/indexMixin copy.js

@@ -0,0 +1,3462 @@
+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,
+  loopHandleWidget,
+  traverseAllWidgetsNew,
+  columnFormatMap,
+} from "../../../components/xform/utils/util";
+import {
+  containers,
+  advancedFields,
+  basicFields,
+  customFields,
+  businessFields,
+  hiddenWidgetTypesOfWf,
+  freeWidgetTypesOfWf,
+} 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";
+import "@base/components/xform/utils/directive";
+import html2Canvas from "html2canvas";
+import JsPDF from "jspdf";
+import formulaDialog from "@base/components/xform/form-designer/form-widget/dialog/formulaDialog.vue";
+import baseFormulaDialog from "@base/components/xform/form-designer/form-widget/dialog/baseFormulaDialog.vue";
+
+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",
+  components: {
+    formulaDialog,
+    baseFormulaDialog,
+  },
+  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, String],
+      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,
+      userInfo: null,
+      userSaleOrgDTOs: [],
+      userRoleDTOs: [],
+
+      userSaleOrgDTO2s: [],
+      userRoleDTO2s: [],
+      defaultUserSaleOrgDTO: null,
+      bdService: null,
+      globalParam: {},
+      widgetEditOnWf: null,
+      wfModifyEnabled: false,
+
+      fileReferenceDialogOption: null,
+      showFileReferenceDialog: false,
+
+      formulaDialogOption: null,
+      formulaDialogVisible: false,
+      baseFormulaDialogOption: null,
+      baseFormulaDialogVisible: false,
+      globalConfig: {}
+    };
+  },
+  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.initUserInfo();
+    await this.initSaleOrgData();
+    await this.initUserRoleData();
+    await this.initBdService();
+    // this.handleAllTableColumnWidget();
+    this.initGlobalConfig();//初始化全局配置
+    this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
+    // this.hanldeCommonWidget();//处理组件显隐规则
+    if (formConfig.isLoadEntity) {
+      await this.loadDefaultEntityData(() => {
+        this.handleCustomEvent(formConfig.formScriptSuccess);
+      });
+    } else {
+      this.hanldeCommonWidget2(); //处理组件显隐，可编辑
+      this.handleShowContent();
+    }
+    this.handleOnCreated(),
+      // this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
+      this.initFormObject();
+  },
+  mounted() {
+    this.initLocale();
+    this.handleOnMounted();
+  },
+  methods: {
+    initGlobalConfig(){
+      //初始化全局配置
+      this.globalConfig = this.handleCustomEvent(
+        this.formConfig.globalConfig
+      ) || {};
+
+    },
+    /**
+     * 数据对象key 驼峰下划线相互转化
+     * @param {Object} data - 原始对象 支持-数组、key-value对象、字符串
+     * @param {String} type hump-转驼峰 toLine-转下划线
+     */
+    formatHumpLineTransfer(data, type = "hump") {
+      let hump = "";
+      // 转换对象中的每一个键值为驼峰的递归
+      let formatTransferKey = (data) => {
+        if (data instanceof Array) {
+          data.forEach((item) => formatTransferKey(item));
+        } else if (data instanceof Object) {
+          for (let key in data) {
+            hump =
+              type === "hump" ? this.formatToHump(key) : this.formatToLine(key);
+            data[hump] = data[key];
+            if (key !== hump) {
+              delete data[key];
+            }
+            if (data[hump] instanceof Object) {
+              formatTransferKey(data[hump]);
+            }
+          }
+        } else if (typeof data === "string") {
+          data =
+            type === "hump" ? this.formatToHump(data) : this.formatToLine(data);
+        }
+      };
+      formatTransferKey(data);
+      return data;
+    },
+
+    /**
+     * 字符串下划线转驼峰
+     * @param {String} value 需要转换的值
+     */
+    formatToHump(value) {
+      return value.replace(/\_(\w)/g, (_, letter) => letter.toUpperCase());
+    },
+
+    /**
+     * 字符串驼峰转下划线
+     * @param {String} value
+     */
+    formatToLine(value) {
+      return value.replace(/([A-Z])/g, "_$1").toLowerCase();
+    },
+
+    initUserInfo() {
+      return this.$http({
+        url: USER_PREFIX + "/user/currentUser",
+        method: "post",
+        // isLoading: true,
+        // loadingTarget: document.body,
+        modalStrictly: true,
+        success: (res) => {
+          let userInfo = res.objx;
+          let row = this.formatHumpLineTransfer(userInfo, "toLine");
+          this.userInfo = row;
+        },
+      });
+    },
+    initSaleOrgData() {
+      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;
+
+            let companyCode = this.$store.getters.companyCode;
+            let row2s = rows.filter((row) => row.companyCode === companyCode);
+            this.userSaleOrgDTO2s = row2s;
+            this.defaultUserSaleOrgDTO = row2s.find((item) => item.defaults);
+          },
+        });
+      }
+    },
+    initUserRoleData() {
+      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;
+
+            let companyCode = this.$store.getters.companyCode;
+            this.userRoleDTO2s = rows.filter(
+              (row) => row.companyCode === companyCode
+            );
+          },
+        });
+      }
+    },
+    initBdService() {
+      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;
+        },
+      });
+    },
+    getUserInfo() {
+      return this.userInfo;
+    },
+    getUserSaleOrgDTOs() {
+      return this.userSaleOrgDTO2s;
+    },
+    getUserRoleDTOs() {
+      return this.userRoleDTO2s;
+    },
+    getDefaultUserSaleOrgDTO() {
+      return this.defaultUserSaleOrgDTO;
+    },
+    getSaleOrgDTOs() {
+      return this.userSaleOrgDTO2s.map((item) => {
+        return {
+          id: item.saleOrgId,
+          sn: item.sn,
+          name: item.saleOrgName,
+          companyCode: item.companyCode,
+          companyName: item.companyName,
+        };
+      });
+    },
+    getRoleDTOs() {
+      return this.userRoleDTO2s.map((item) => {
+        return {
+          id: item.roleId,
+          code: item.roleCode,
+          name: item.roleName,
+          companyCode: item.companyCode,
+          companyName: item.companyName,
+        };
+      });
+    },
+    getDefaultSaleOrgDTO() {
+      let item = this.defaultUserSaleOrgDTO;
+      return item
+        ? {
+            id: item.saleOrgId,
+            sn: item.sn,
+            name: item.saleOrgName,
+            companyCode: item.companyCode,
+            companyName: item.companyName,
+          }
+        : null;
+    },
+    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;
+    },
+    loopHandleAllWidget(callback) {
+      let columnLoopDo = (t, e) => {
+        if (t.children && t.children.length) {
+          t.children.forEach((item) => {
+            columnLoopDo(item);
+          });
+        } else {
+          if (t.widget) {
+            callback && callback(t.widget);
+          }
+          if (t.editWidget) {
+            callback && callback(t.editWidget);
+          }
+          if (t.widgetList && t.widgetList.length) {
+            loopHandleWidget(t.widgetList, (widget) => {
+              callback && callback(widget);
+            });
+          }
+        }
+      };
+      loopHandleWidget(this.formJson.widgetList, (widget, parentWidget) => {
+        if (callback) {
+          callback(widget);
+          if (widget.type == "data-table") {
+            widget.options.tableColumns.forEach((item) => {
+              columnLoopDo(item);
+            });
+          }
+        }
+      });
+    },
+    handleAllTableColumnWidget() {
+      traverseAllWidgetsNew(this.formJson.widgetList, (widget) => {
+        //修复data-table旧数据表格列widget与editWidget为空的问题
+        if (widget.type == "data-table") {
+          this.handleTableColumnWidget(widget);
+        }
+      });
+    },
+    handleTableColumnWidget(widget) {
+      //修复data-table旧数据表格列widget与editWidget为空的问题
+      if (
+        !widget ||
+        widget.type != "data-table" ||
+        !widget.options.tableColumns
+      )
+        return;
+      let columnLoopDo = (t, e) => {
+        if(t.filterable===null || t.filterable===undefined) t.filterable = true;
+        if (t.children && t.children.length) {
+          for (let item of t.children) {
+            columnLoopDo(item);
+          }
+        } else {
+          let type1 = columnFormatMap[t.formatS];
+          if (type1) {
+            if (!t.widget) {
+              let fieldWidget = this.getColumnWidget(t, false);
+              t.widget = fieldWidget;
+            }
+            if (t.widget) t.widget.columnType = t.formatS;
+          }
+          let type2 = columnFormatMap[t.editFormatS];
+          if (type2) {
+            if (!t.editWidget) {
+              let fieldWidget = this.getColumnWidget(t, true);
+              t.editWidget = fieldWidget;
+            }
+            if (t.editWidget) t.editWidget.columnType = t.editFormatS;
+          }
+
+          /* let type1 = columnFormatMap[t.formatS];
+          if (type1 && t.columnOption && !t.widget) {
+            let fieldWidget = this.copyNewFieldWidget(
+              this.getFieldWidgetByType(type1)
+            );
+            fieldWidget.options = t.columnOption;
+            t.widget = fieldWidget;
+          }
+          if (t.widget) t.widget.columnType = t.formatS
+
+          let type2 = columnFormatMap[t.editFormatS];
+          if (type2 && t.editColumnOption && !t.editWidget) {
+            let fieldWidget = this.copyNewFieldWidget(
+              this.getFieldWidgetByType(type2)
+            );
+            fieldWidget.options = t.editColumnOption;
+            t.editWidget = fieldWidget;
+          }
+          if (t.editWidget) t.editWidget.columnType = t.editFormatS */
+        }
+      };
+
+      for (let item of widget.options.tableColumns) {
+        columnLoopDo(item);
+      }
+      /*widget.options.tableColumns.forEach(item => {
+        columnLoopDo(item)
+      })*/
+    },
+    hanldeCommonWidget2() {
+      let wfParam = this.wfParam || {};
+      let wfInfo = wfParam?.wfInfo;
+      let taskDefinitionKey = wfInfo?.taskDefinitionKey;
+      let toModify = wfInfo?.toModify || false; //后台返回流程可以修改单据
+
+      let hasModifyItem = false;
+      let saveButton;
+      let saveButtonOptions;
+      let bdService = this.bdService;
+
+      let widgetEditOnWf = this.hanldeWfWidgetNew0(); //是否有流程时，当前用户特定流程节点是否可全局可编辑
+      this.widgetEditOnWf = widgetEditOnWf;
+
+      traverseAllWidgetsNew(this.formJson.widgetList, (widget) => {
+        //修复data-table旧数据表格列widget与editWidget为空的问题
+        this.handleTableColumnWidget(widget);
+
+        //处理组件显隐规则
+        this.handleWidgetShowRule(widget);
+        if (wfParam.hasWf) {
+          if (!widgetEditOnWf) {
+            //有流程，且不匹配流程节点可编辑表单设置信息
+            //设置组件的有流程可编辑，有流程隐藏
+            this.hanldeWfWidgetNew1(widget);
+            if (wfInfo.taskStep == "9999") {
+              this.hanldeWfWidgetItemNew(widget);
+            } else if (toModify) {
+              //后台返回流程可以修改单据
+              //设置组件的特定流程节点的可编辑，仅显示，隐藏
+              if (taskDefinitionKey) {
+                // this.hanldeWfWidgetNew2(widget)
+                this.hanldeWfWidgetItemNew(widget);
+              }
+              if (
+                widget.formItemFlag &&
+                !widget.options.hidden &&
+                !widget.options.disbaled
+              ) {
+                //存在存在可以编辑输入框框
+                hasModifyItem = true;
+              }
+            }
+          }
+        }
+      });
+
+      this.wfModifyEnabled = hasModifyItem;
+    },
+    getIsSaveAtWfAgree() {
+      //流程通过的时候是否可以执行保存
+      let wfParam = this.wfParam || {};
+      let wfInfo = wfParam?.wfInfo;
+      let toModify = wfInfo?.toModify;
+      let result = false;
+
+      let formConfig = this.formConfig;
+      if (toModify && formConfig.wfAgreenBindSave) {
+        let modelKey = wfInfo.modelKey;
+        let modelOrders = wfInfo.orders;
+        let companyCode = this.$store.getters.companyCode;
+        let taskStep = (wfInfo.taskStep ?? "") + "";
+        let taskDefinitionKey = wfInfo.taskDefinitionKey;
+        let bdService = this.bdService;
+
+        let wfConfigData = formConfig.wfAgreeConfigData || [];
+        let flag = false;
+        wfConfigData.forEach((item) => {
+          let type = item.type;
+          let taskStepList = item.taskSteps ? item.taskSteps.split(",") : [];
+          if (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 flag2 =
+              item.modelOrders === undefined ||
+              item.modelOrders === null ||
+              item.modelOrders === modelOrders;
+            let flag3 =
+              !companyCodes.length || companyCodes.includes(companyCode);
+            if (flag1 && flag2 && flag3) {
+              //可编辑
+              result = true;
+            }
+          }
+        });
+        return result;
+      }
+    },
+
+    hanldeWfWidgetNew0() {
+      let wfParam = this.wfParam || {};
+      let wfInfo = wfParam?.wfInfo;
+      let toModify = wfInfo?.toModify;
+      let result = false;
+
+      let formConfig = this.formConfig;
+      if (toModify && formConfig.wfConfigDataEnabled) {
+        let modelKey = wfInfo.modelKey;
+        let modelOrders = wfInfo.orders;
+        let companyCode = this.$store.getters.companyCode;
+        let taskStep = (wfInfo.taskStep ?? "") + "";
+        let taskDefinitionKey = wfInfo.taskDefinitionKey;
+        let bdService = this.bdService;
+
+        let wfConfigData = formConfig.wfConfigData || [];
+        let flag = false;
+        wfConfigData.forEach((item) => {
+          let type = item.type;
+          let taskStepList = item.taskSteps ? item.taskSteps.split(",") : [];
+          if (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 flag2 =
+              item.modelOrders === undefined ||
+              item.modelOrders === null ||
+              item.modelOrders === modelOrders;
+            let flag3 =
+              !companyCodes.length || companyCodes.includes(companyCode);
+            if (flag1 && flag2 && flag3) {
+              //可编辑
+              result = true;
+            }
+          }
+        });
+        return result;
+      }
+    },
+    getIsfreeWidgetTypesOfWf(widget) {
+      if (!widget) return false;
+      let widgetType = widget.type;
+      let sourceType = widget.sourceType;
+      let result =
+        freeWidgetTypesOfWf.includes(widgetType) ||
+        (sourceType && freeWidgetTypesOfWf.includes(sourceType));
+      return widget.options.label == "重置" || result;
+    },
+    getIsHiddenWidgetTypesOfWf(widget) {
+      if (!widget) return false;
+      let widgetType = widget.type;
+      let targetType = widget.targetType;
+      let result =
+        hiddenWidgetTypesOfWf.includes(widgetType) ||
+        (targetType && hiddenWidgetTypesOfWf.includes(targetType));
+      return result;
+    },
+    hanldeWfWidgetNew1(widget) {
+      if (!widget) return;
+      let flag =
+        widget.columnType &&
+        ["editDelete", "removeTreeRow"].includes(widget.columnType);
+      if (!flag && this.getIsfreeWidgetTypesOfWf(widget)) return; //过滤掉不受限组件
+      if (this.widgetEditOnWf) return; //匹配到流程第一步可编辑，不执行下面禁用隐藏
+      let wfParam = this.wfParam || {};
+      if (!wfParam.hasWf) return; //过滤掉没流程
+
+      if (flag) {
+        //数据表格列的删除标识，有流程隐藏
+        widget.options.hidden = true;
+      } else if (this.getIsHiddenWidgetTypesOfWf(widget)) {
+        //有流程隐藏的组件，button
+        widget.options.hidden = true;
+      } else if (widget.formItemFlag) {
+        //有流程禁用，编辑输入框
+        widget.options.disabled = true;
+      }
+    },
+    hanldeWfWidgetNew2(widget, callback) {
+      let hasModifyItem = false;
+      let saveButton;
+      if (!this.widgetEditOnWf) {
+        let flag = this.hanldeWfWidgetItemNew(widget);
+        if (flag) {
+          hasModifyItem = true;
+        }
+      }
+
+      if (widget?.options?.saveButton) {
+        saveButton = widget;
+      }
+      callback && callback(hasModifyItem, saveButton);
+    },
+    hanldeWfWidgetItemNew(widget) {
+      let hasModifyItem = false;
+      // let widget = target.field || target.widget;
+      let wfEdit = widget?.options.wfEdit;
+
+      let bdService = this.bdService;
+      let wfParam = this.wfParam;
+      let wfInfo = wfParam.wfInfo;
+      let modelKey = wfInfo.modelKey;
+      let modelOrders = wfInfo.orders;
+      let companyCode = this.$store.getters.companyCode;
+      let taskStep = (wfInfo.taskStep ?? "") + "";
+
+      let handleWfConfigData = (widget, columnOptions) => {
+        let options = widget?.options || columnOptions;
+        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 flag2 =
+              item.modelOrders === undefined ||
+              item.modelOrders === null ||
+              item.modelOrders === modelOrders;
+            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(widget);
+      return hasModifyItem;
+    },
+
+    hanldeCommonWidget() {
+      loopHandleWidget(this.formJson.widgetList, (widget) => {
+        //处理组件显隐规则
+        this.handleWidgetShowRule(widget);
+      });
+    },
+    handleWidgetShowRule(widget) {
+      if (widget) {
+        let optionModel = widget.options;
+        if (optionModel.widgetShowRuleEnabled) {
+          let companyCode = this.$store.getters.companyCode;
+          let bdService = this.bdService;
+          let userRoleDTOs = this.userRoleDTOs;
+          let userRoleCodes = userRoleDTOs.map((item) => item.roleCode);
+
+          let widgetShowRuleConfig = optionModel.widgetShowRuleConfig || [];
+          if (widgetShowRuleConfig.length) {
+            let item1 = null; //匹配服务+组织
+            let item2 = null; //匹配服务
+            let item3 = null; //匹配所有服务和组织
+            widgetShowRuleConfig.forEach((item) => {
+              let serveName = item.serveName ?? null;
+
+              // let flag1 = item.serveType === 5;//所有组织和服务
+              let flag1 = !item.serveName && !item.companyCodes; //所有组织和服务
+
+              //匹配服务名
+              let flag2 = serveName === bdService;
+
+              //匹配组织编码
+              let companyCodeStr = item.companyCodes;
+              let companyCodes = companyCodeStr
+                ? companyCodeStr.split(",").filter((item) => !!item)
+                : [];
+              let flag3 =
+                !companyCodes.length || companyCodes.includes(companyCode);
+              if (flag1) {
+                item3 = item;
+              } else if (flag2) {
+                if (companyCodes.length) {
+                  if (companyCodes.includes(companyCode)) {
+                    item1 = item;
+                  }
+                } else {
+                  item2 = item;
+                }
+              }
+            });
+            let showRuleItem = item1 || item2 || item3 || null;
+            if (showRuleItem) {
+              //匹配角色
+              let roleCodeStr = showRuleItem.roleCodes;
+              let roleCodes = roleCodeStr
+                ? roleCodeStr.split(",").filter((item) => !!item)
+                : [];
+              let flag = userRoleCodes.some((roleCode) =>
+                roleCodes.includes(roleCode)
+              );
+              if (showRuleItem.type == 1) {
+                //符合条件的角色显示，否则隐藏
+                optionModel.hidden = flag ? false : true;
+              } else if (showRuleItem.type == 2) {
+                //符合条件的角色隐藏，否则显示
+                optionModel.hidden = flag ? true : false;
+              }
+            }
+          }
+        }
+        return optionModel.hidden;
+      }
+    },
+    hanldeWfWidget() {
+      let wfParam = this.wfParam || {};
+      if (!wfParam.hasWf) return;
+      let refList = this.widgetRefList;
+
+      let toDo2 = (widget, 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") {
+          let loopDo = (t, e) => {
+            if (t.children && t.children.length) {
+              t.children.forEach((item) => {
+                loopDo(item);
+              });
+            } else {
+              if (t.columnOption) {
+                toDo2(null, t.columnOption);
+              }
+            }
+          };
+          widget.options.tableColumns.forEach((item) => {
+            loopDo(item);
+            loopHandleWidget(item.widgetList, (item1) => {
+              toDo2(item1);
+            });
+          });
+        }
+        /*if (target && widgetType == 'baseAttachment') {
+          target.initOption();
+        }*/
+      };
+
+      loopHandleWidget(this.formJson.widgetList, (widget) => {
+        //有流程，处理禁用状态
+        let formItemFlag = widget?.formItemFlag;
+        if (formItemFlag) {
+          widget.options.disabled = true;
+        }
+        toDo2(widget);
+      });
+    },
+    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 saveButtonOptions;
+      let bdService = this.bdService;
+
+      loopHandleWidget(this.formJson.widgetList, (widget) => {
+        let flag = this.hanldeWfWidgetItem(widget);
+        if (!hasModifyItem && flag) {
+          hasModifyItem = true;
+        }
+        if (!saveButtonOptions && widget?.options?.saveButton) {
+          saveButtonOptions = widget?.options;
+        }
+      });
+
+      if (hasModifyItem) {
+        if (saveButtonOptions) {
+          saveButtonOptions.disabled = false;
+          saveButtonOptions.hidden = false;
+        }
+      }
+    },
+    hanldeWfWidgetItem(widget) {
+      let hasModifyItem = false;
+      // let widget = target.field || target.widget;
+      let wfEdit = widget?.options.wfEdit;
+
+      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 = (widget, columnOptions) => {
+        let options = widget?.options || columnOptions;
+        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(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(null, t.columnOption);
+            }
+          }
+        };
+
+        widget.options.tableColumns.forEach((item) => {
+          loopDo(item);
+          loopHandleWidget(item.widgetList, (item1) => {
+            handleWfConfigData(item1);
+          });
+        });
+      }
+
+      return hasModifyItem;
+    },
+    loadFormData(options) {
+      let config = options.config || {}
+      let that = this;
+      let formConfig = this.formConfig;
+      let entity = formConfig.entity;
+      let dataId = this.dataId;
+      let reportTemplate = this.reportTemplate;
+      let scriptCode = formConfig.formScriptCode || "getOne";
+
+      let formData = {};
+      if (scriptCode) {
+        let formCode = reportTemplate.formCode;
+
+        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,
+          success: (res) => {
+            formData = res.objx || {};
+            this.setFormData(formData);
+            options.callback && options.callback(formData);
+          },
+          ...config,
+        });
+      }
+    },
+    loadDefaultEntityData(callback) {
+      let that = this;
+      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 = {};
+        if (wfEnabled) {
+          let wfCode = reportTemplate.objTypeCode;
+          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, //是否放出启动按钮,流程已启动时此参数失效
+              showWfFold: true,
+              formCode: formCode,
+              callback: (wfParam) => {
+                this.setFormData(formData);
+
+                let { hasWf } = wfParam;
+                this.hasWf = hasWf;
+                this.wfParam = wfParam;
+
+                /*if (hasWf) {
+                  this.hanldeWfWidget();
+                  this.hanldeWfWidget2();
+                }*/
+                this.hanldeCommonWidget2(); //处理组件显隐，可编辑
+
+                this.showFormContent = true;
+                this.$nextTick(() => {
+                  this.handleShowHideRule();
+                  /*if (hasWf) {
+
+                  }*/
+                  setTimeout(() => {
+                    callback && callback();
+                    callback1 && callback1(wfParam);
+                  }, 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();
+                    },
+                  },
+                });
+              };
+            }
+
+            if (formConfig.wfAgreenBindSave) {
+              //流程通过的时候，是否自动保存单据
+              option.onClickAgree = (done) => {
+                if (that.getIsSaveAtWfAgree()) {
+                  let formRef = this.getFormRef ? this.getFormRef() : this;
+                  formRef.validate((valid) => {
+                    if (valid) {
+                      done();
+                    }
+                  });
+                } else {
+                  done();
+                }
+              };
+              option.onBeforeAgree = (done) => {
+                if (that.getIsSaveAtWfAgree()) {
+                  this.saveDefaultHandle({
+                    config: {
+                      successMsg: false,
+                      isConfirm: false,
+                      success: (res) => {
+                        done();
+                      },
+                    },
+                  });
+                } else {
+                  done();
+                }
+              };
+            }
+
+            let resOption = option;
+            if (wfConfig1) {
+              resOption = extendDeeply(resOption, wfConfig1);
+            }
+            return resOption;
+          };
+        }
+        return this.loadFormData({
+          config:{
+            sync: false,
+            wfConfig,
+            success: (res) => {
+              formData = res.objx || {};
+              // this.currentFormData = res.objx || {};
+              if (!wfConfig) {
+                this.hanldeCommonWidget2(); //处理组件显隐，可编辑
+                this.setFormData(formData);
+                this.showFormContent = true;
+                this.$nextTick(() => {
+                  this.handleShowHideRule();
+                  callback && callback();
+                });
+              }
+            }
+          }
+        });
+      } else {
+        this.hanldeCommonWidget2(); //处理组件显隐，可编辑
+        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);
+            });
+          }
+          let c = currentFormData[fieldKeyName] ?? [];
+          this.$set(this.formDataModel, fieldKeyName, baseRefUtil.deepClone(c));
+        } 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(widgetName) {
+      let result = [];
+      let subFormName = null;
+      Object.keys(this.subFormRefList).forEach((sfName) => {
+        const fwHandler = (fw) => {
+          if (fw.options.name === widgetName) {
+            subFormName = sfName;
+          }
+        };
+
+        const sfRef = this.subFormRefList[sfName];
+        traverseFieldWidgetsOfContainer(sfRef.widget, fwHandler, true);
+      });
+
+      if (!!subFormName) {
+        let subFormRef = this.getWidgetRef(subFormName);
+        if (!!subFormRef) {
+          if (subFormRef.widget.type == "data-table") {
+            let rows = subFormRef.getValue();
+            if (rows) {
+              rows.forEach((row) => {
+                result.push(widgetName + "_" + row._X_ROW_KEY);
+              });
+            }
+          } else {
+            let rowIds = subFormRef.getRowIdData();
+            if (!!rowIds && rowIds.length > 0) {
+              rowIds.forEach((rid) => {
+                result.push(widgetName + "@row" + rid);
+              });
+            }
+          }
+        }
+      }
+
+      return result;
+    },
+
+    findFieldWidgetById(fieldId, staticWidgetsIncluded) {
+      return getFieldWidgetById(
+        this.formJsonObj.widgetList,
+        fieldId,
+        staticWidgetsIncluded
+      );
+    },
+
+    getSubFormNameOfWidget(widgetName) {
+      let result = [];
+      let subFormName = null;
+      Object.keys(this.subFormRefList).forEach((sfName) => {
+        const fwHandler = (fw) => {
+          if (fw.options.name === widgetName) {
+            subFormName = sfName;
+          }
+        };
+
+        const sfRef = this.subFormRefList[sfName];
+        traverseFieldWidgetsOfContainer(sfRef.widget, fwHandler);
+      });
+
+      return subFormName;
+    },
+
+    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(ignoreFields) {
+      let wNameList = Object.keys(this.widgetRefList);
+      wNameList.forEach((wName) => {
+        let foundW = this.getWidgetRef(wName);
+        if (!!foundW) {
+          if (ignoreFields && ignoreFields.includes(wName)) {
+            return;
+          }
+          if (!!foundW.widget && foundW.widget.type === "sub-form") {
+            foundW.disableSubForm();
+          } else if (
+            !!foundW.widget &&
+            foundW.widget.type === "grid-sub-form"
+          ) {
+            foundW.disableGridSubForm();
+          } else if (!!foundW.widget && foundW.widget.type === "data-table") {
+            foundW.disableGridForm();
+          } else {
+            !!foundW.setDisabled && foundW.setDisabled(true);
+          }
+        }
+      });
+    },
+
+    enableForm(ignoreFields) {
+      let wNameList = Object.keys(this.widgetRefList);
+      wNameList.forEach((wName) => {
+        let foundW = this.getWidgetRef(wName);
+        if (!!foundW) {
+          if (ignoreFields && ignoreFields.includes(wName)) {
+            return;
+          }
+          if (!!foundW.widget && foundW.widget.type === "sub-form") {
+            foundW.enableSubForm();
+          } else if (
+            !!foundW.widget &&
+            foundW.widget.type === "grid-sub-form"
+          ) {
+            foundW.enableGridSubForm();
+          } else if (!!foundW.widget && foundW.widget.type === "data-table") {
+            foundW.enableGridForm();
+          } else {
+            !!foundW.setDisabled && foundW.setDisabled(false);
+          }
+        }
+      });
+    },
+    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 (this.isVabsearchFlagWidget(widget)) {
+                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;
+    },
+    isVabsearchFlagWidget(widget) {
+      let type = widget?.type;
+      return (
+        type == "vabsearch" || type == "singerSearch" || type == "multiSearch"
+      );
+    },
+    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 && this.isVabsearchFlagWidget(widget)) {
+            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;
+    },
+    closeDetailPage(){
+      //关闭详情页
+      let listPageRef = this.getListPageRef();
+      if(listPageRef){
+        listPageRef.dataId = 0;
+        listPageRef.showEdit = false;
+      }
+    },
+    getListPageRef() {
+      //获取列表页面对象
+      let target1 = this.$attrs["parent-target"];
+      let parentTarget = target1?.$attrs["parent-target"];
+      return parentTarget;
+    },
+    getListTabFormRef() {
+      //获取列表tab的表单对象
+      let parentTarget = this.getListPageRef();
+      let listTabFormRef = parentTarget?.$refs?.list?.$refs?.vFormRef ?? null;
+      return listTabFormRef;
+    },
+    getFirstWidgetRef(){
+      //获取表单的第一个组件
+      let target = null;
+      if(this.formJsonObj.widgetList && this.formJsonObj.widgetList.length > 0){
+        target = this.getWidgetRef(this.formJsonObj.widgetList[0].options.name);
+      }
+      return target
+    },
+    switchToListTab(option){
+      //切换到列表页的tab
+      let handleType = option?.handleType;
+      let listPageRef = this.getListPageRef();
+      if(listPageRef){
+        listPageRef.activeName = "second";
+      }
+      if(handleType){
+        let listTabFormRef = this.getListTabFormRef();
+        if(handleType == "reload"){
+          listTabFormRef.reloadForm();
+        }else if(handleType == "searchEvent"){
+          listTabFormRef.getFirstWidgetRef().searchEvent();
+        }else if(handleType == "resethEvent"){
+          listTabFormRef.getFirstWidgetRef().resethEvent();
+        }
+      }
+    },
+    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();
+                  },
+                });
+              },
+            });
+          });
+        });
+      });
+    },
+    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,
+            modalStrictly: true,
+            success: (res) => {
+              this.$message({
+                message: res.content,
+                type: "success",
+                duration: 500,
+                onClose: (t) => {
+                  callback && callback(res);
+                  // this.$parent.$attrs.wfParam.submitCallback();
+                  this.$parent.$baseReload();
+                },
+              });
+            },
+          });
+        });
+      }
+    },
+    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,
+        ...businessFields,
+      ];
+      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,
+        ...businessFields,
+      ];
+      let foundWidget = null;
+      allWidgets.forEach((widget) => {
+        if (!!!widget.category && !!widget.type && widget.type === typeName) {
+          foundWidget = widget;
+        }
+      });
+
+      return foundWidget;
+    },
+    copyNewFieldWidget(origin) {
+      let newWidget = deepClone(origin);
+      newWidget.type = newWidget.targetType || newWidget.type;
+      let tempId = generateId();
+      newWidget.id = newWidget.type.replace(/-/g, "") + tempId;
+      return newWidget;
+    },
+    getColumnWidget(row, isEdit) {
+      //获取
+      let formatS = isEdit ? row.editFormatS : row.formatS;
+      let type = columnFormatMap[formatS];
+      if (!type) return null;
+      if (isEdit) {
+        if (row.editWidget) {
+          return row.editWidget;
+        }
+        if (row.editColumnOption) {
+          let fieldWidget = this.copyNewFieldWidget(
+            this.getFieldWidgetByType(type)
+          );
+          fieldWidget.options = row.editColumnOption;
+          return fieldWidget;
+        }
+      } else {
+        if (row.widget) {
+          return row.widget;
+        }
+        if (row.columnOption) {
+          let fieldWidget = this.copyNewFieldWidget(
+            this.getFieldWidgetByType(type)
+          );
+          fieldWidget.options = row.columnOption;
+          return fieldWidget;
+        }
+      }
+      return this.createColumnWidget(row, isEdit);
+    },
+    createColumnWidget(row, isEdit) {
+      let formatS = isEdit ? row.editFormatS : row.formatS;
+      let type = columnFormatMap[formatS];
+      if (!type) return null;
+
+      let columnSelectedWidget = null;
+      if (type) {
+        columnSelectedWidget = this.copyNewFieldWidget(
+          this.getFieldWidgetByType(type)
+        );
+
+        if (columnSelectedWidget.options.hasOwnProperty("required")) {
+          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.label = "↑上移";
+          columnSelectedWidget.options.labelHidden = false;
+          columnSelectedWidget.options.onClick =
+            "let tableParam = this.tableParam;\nthis.getParentTarget().moveUpRow(tableParam);";
+        } else if ("moveDownRow" == formatS) {
+          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);";
+        }
+
+        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;
+    },
+    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`,
+            data: {
+              ...params,
+            },
+            isLoading: true,
+            // loadingTarget: document.body,
+            modalStrictly: 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, obj) => {
+          if (!valid) {
+            let message = null;
+            let keys = Object.keys(obj);
+            if (keys.length) {
+              let item = obj[keys[0]];
+              if (item && item.length) {
+                message = item[0].message;
+              }
+            }
+            if (!message) {
+              message = this.$t2("必填项不能为空", "system.message.required");
+            }
+
+            this.$message({
+              message: message,
+              type: "error",
+              duration: 2000,
+            });
+          }
+          callback && callback(valid);
+        },
+        { errorTip: false }
+      );
+    },
+    /*scrollToFirstError() {
+      // 获取第一个验证失败的字段
+      let formTarget = this.$refs['renderForm'];
+      const firstErrorField = Object.keys(formTarget.fields).find(key => {
+        return formTarget.fields[key].validateState === 'error';
+      });
+
+      if (firstErrorField) {
+        const field = formTarget.fields[firstErrorField];
+
+        // 滚动到该字段位置
+        field.$el.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+
+        // 添加高亮效果
+        field.$el.classList.add('highlight');
+
+        // 3秒后移除高亮效果
+        setTimeout(() => {
+          field.$el.classList.remove('highlight');
+        }, 3000);
+      }
+    },*/
+    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;
+    },
+    closeFormDialog() {
+      if (this.showFormDialog) {
+        this.$refs.formDialog.close();
+      }
+    },
+    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();
+    },
+
+    openFileReferenceDialog(option) {
+      this.fileReferenceDialogOption = option;
+      this.showFileReferenceDialog = true;
+    },
+    confirmFileReferenceDialog() {
+      this.fileReferenceDialogOption.confirm &&
+        this.fileReferenceDialogOption.confirm();
+    },
+    getFormRef() {
+      return this;
+    },
+    isObject(value) {
+      return Object.prototype.toString.call(value) === "[object Object]";
+    },
+    openCopyEditTab(copyData) {
+      let formData = this.$baseLodash.cloneDeep(copyData || this.formDataModel);
+
+      const handleData = (data) => {
+        if (!data) return;
+        if (Array.isArray(data)) {
+          data.forEach((item) => {
+            handleData(item);
+          });
+          return;
+        } else if (this.isObject(data)) {
+          data.id = null;
+          data.create_by = null;
+          data.create_date = null;
+          data.modify_by = null;
+          data.modify_date = null;
+          delete data.head_table_id;
+          delete data.objectForeignId;
+          if (data.createBy) data.createBy;
+          if (data.createDate) data.createDate;
+          if (data.modifyBy) data.modifyBy;
+          if (data.modifyDate) data.modifyDate;
+          Object.keys(data).forEach((key) => {
+            let value = data[key];
+            if (value && Array.isArray(value)) {
+              handleData(value);
+            }
+          });
+        }
+      };
+      if (formData) {
+        handleData(formData);
+      }
+
+      this.$emit("openCopyEditTab", formData);
+    },
+
+    async exportPdf() {
+      // statusEl.style.display = 'block';
+      // statusEl.textContent = '正在准备导出内容...';
+      const loadingObj = this.$baseLoading();
+      try {
+        // 获取要导出的元素
+        const element = this.$parent.$el;
+        // 计算内容总高度
+
+        // 克隆元素（不影响原始页面）
+        // statusEl.textContent = '克隆内容...';
+
+        const constainter = this.$parent.$parent.$el;
+
+        const clonedElement = element.cloneNode(true);
+        let wfTab = clonedElement.querySelector(".wf-tab");
+        if (wfTab) wfTab.remove();
+
+        clonedElement.style.width = element.offsetWidth + "px";
+
+        // 应用样式以展开内容
+        clonedElement.style.height = "auto";
+        clonedElement.style.overflow = "visible";
+        clonedElement.style.position = "absolute";
+        clonedElement.style.left = "-9999px";
+        // document.body.appendChild(clonedElement);
+        // document.body.appendChild(constainter);
+
+        constainter.appendChild(clonedElement);
+
+        const contentHeight = clonedElement.scrollHeight;
+        const contentWidth = clonedElement.offsetWidth;
+
+        // 设置PDF参数
+        const pdf = new JsPDF("p", "mm", "a4");
+        const pageWidth = pdf.internal.pageSize.getWidth();
+        const pageHeight = pdf.internal.pageSize.getHeight();
+        const padding = 10;
+
+        // 计算需要多少页
+        const scale = pageWidth / contentWidth;
+        const scaledHeight = contentHeight * scale;
+        const pages = Math.ceil(scaledHeight / pageHeight);
+
+        // 分页捕获并添加到PDF
+        // statusEl.textContent = '正在生成PDF (0/' + pages + ')';
+
+        for (let i = 0; i < pages; i++) {
+          // 计算当前页的裁剪位置
+          const position = (i * pageHeight) / scale;
+
+          // 使用html2canvas捕获当前页内容
+          const canvas = await html2Canvas(clonedElement, {
+            scale: 2,
+            // useCORS: true,
+            windowHeight: pageHeight / scale,
+            y: position,
+            height: pageHeight / scale,
+            width: contentWidth,
+            logging: false,
+          });
+
+          // 将canvas转换为图像
+          const imgData = canvas.toDataURL("image/jpeg", 0.95);
+
+          // 添加新页面（第一页除外）
+          if (i > 0) {
+            pdf.addPage();
+          }
+
+          // 将图像添加到PDF
+          pdf.addImage(
+            imgData,
+            "JPEG",
+            padding,
+            padding,
+            pageWidth - 2 * padding,
+            pageHeight - 2 * padding
+          );
+
+          // statusEl.textContent = '正在生成PDF (' + (i+1) + '/' + pages + ')';
+        }
+
+        // 移除克隆元素
+        // document.body.removeChild(constainter);
+        constainter.removeChild(clonedElement);
+
+        // 保存PDF
+        // statusEl.textContent = '正在保存文件...';
+        let fileName = this.reportTemplate.formName + ".pdf";
+        pdf.save(fileName);
+
+        // statusEl.textContent = 'PDF导出成功！';
+        // statusEl.style.background = '#e8f5e9';
+        // statusEl.style.color = '#2e7d32';
+
+        // 3秒后隐藏状态
+        /* setTimeout(() => {
+                statusEl.style.display = 'none';
+            }, 3000); */
+      } catch (error) {
+        console.error("导出失败:", error);
+        // statusEl.textContent = '导出失败: ' + error.message;
+        // statusEl.style.background = '#ffebee';
+        // statusEl.style.color = '#c62828';
+      } finally {
+        loadingObj.close();
+      }
+    },
+
+    async exportPdf1() {
+      // statusEl.style.display = 'block';
+      // statusEl.textContent = '正在准备导出内容...';
+
+      try {
+        // 获取要导出的元素
+        const element = this.$parent.$el;
+        // 计算内容总高度
+
+        // 克隆元素（不影响原始页面）
+        // statusEl.textContent = '克隆内容...';
+
+        const constainter = this.$parent.$parent.$el;
+
+        const clonedElement = element.cloneNode(true);
+        let wfTab = clonedElement.querySelector(".wf-tab");
+        if (wfTab) wfTab.remove();
+
+        const scrollElements = clonedElement.querySelectorAll(
+          ".vxe-table--body-wrapper"
+        );
+
+        // 临时禁用虚拟滚动
+        /* for(let scrollElement of scrollElements){
+              const originalScrollTop = scrollElement.scrollTop
+              // scrollElement.style = 'overflow:visible;max-height:inherit !important'
+                scrollElement.style = scrollElement.style+ 'overflow:visible;max-height:inherit !important;'
+              // scrollElement.style["max-height"] = 'inherit !important'
+              scrollElement.scrollTop = 0
+            } */
+
+        clonedElement.style.width = element.offsetWidth + "px";
+
+        // 应用样式以展开内容
+        clonedElement.style.height = "auto";
+        clonedElement.style.overflow = "visible";
+        clonedElement.style.position = "absolute";
+        clonedElement.style.left = "-9999px";
+        // document.body.appendChild(clonedElement);
+        // document.body.appendChild(constainter);
+
+        /* let dom1 = clonedElement.querySelector(".detail-wrap")
+            if(dom1){
+              let dom2 = dom1.children[1];
+              dom2.style.height = "auto;"
+              dom2.querySelector(".d-cont").style.height = "auto;"
+
+            } */
+
+        constainter.appendChild(clonedElement);
+
+        html2Canvas(clonedElement, {
+          scrollY: 0,
+          useCORS: true,
+          allowTaint: true,
+          scale: 2, // 提高分辨率
+        }).then((canvas) => {
+          const pdf = new JsPDF("p", "mm", "a4");
+          const imgData = canvas.toDataURL("image/png");
+          const imgWidth = 210; // A4宽度
+          const imgHeight = (canvas.height * imgWidth) / canvas.width;
+
+          // 分页处理
+          let heightLeft = imgHeight;
+          let position = 0;
+          pdf.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
+
+          while (heightLeft > 0) {
+            position = heightLeft - imgHeight;
+            pdf.addPage();
+            pdf.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
+            heightLeft -= 297; // A4高度
+          }
+
+          pdf.save(`导出.pdf`);
+
+          constainter.removeChild(clonedElement);
+        });
+      } catch (error) {
+        console.error("导出失败:", error);
+        // statusEl.textContent = '导出失败: ' + error.message;
+        // statusEl.style.background = '#ffebee';
+        // statusEl.style.color = '#c62828';
+      }
+    },
+    async exportPdf2() {
+      // statusEl.style.display = 'block';
+      // statusEl.textContent = '正在准备导出内容...';
+
+      try {
+        // 获取要导出的元素
+        const element = this.$parent.$el;
+        // 计算内容总高度
+
+        // 克隆元素（不影响原始页面）
+        // statusEl.textContent = '克隆内容...';
+
+        const constainter = this.$parent.$parent.$el;
+
+        const clonedElement = element.cloneNode(true);
+        let wfTab = clonedElement.querySelector(".wf-tab");
+        if (wfTab) wfTab.remove();
+
+        const scrollElements = clonedElement.querySelectorAll(
+          ".vxe-table--body-wrapper"
+        );
+
+        // 临时禁用虚拟滚动
+        /* for(let scrollElement of scrollElements){
+              const originalScrollTop = scrollElement.scrollTop
+              // scrollElement.style = 'overflow:visible;max-height:inherit !important'
+                // scrollElement.style = scrollElement.style+ 'overflow:visible;max-height:inherit !important;'
+              scrollElement.style["overflow"] = 'visible'
+              scrollElement.style["max-height"] = 'inherit !important'
+              scrollElement.scrollTop = 0
+            } */
+
+        let dom4 = clonedElement.querySelector(".designer-view");
+        // dom4.style.height = "auto;"
+        let dom1 = clonedElement.querySelector(".detail-wrap");
+        if (dom1) {
+          let dom2 = dom1.children[1];
+          dom2.style.height = "auto;";
+          dom2.querySelector(".d-cont").style.height = "auto;";
+        }
+
+        clonedElement.style.width = element.offsetWidth + "px";
+
+        // 应用样式以展开内容
+        clonedElement.style.height = "auto";
+        clonedElement.style.overflow = "visible";
+        clonedElement.style.position = "absolute";
+        // clonedElement.style.left = '-9999px';
+        clonedElement.style.left = "100px";
+        // document.body.appendChild(clonedElement);
+        // document.body.appendChild(constainter);
+
+        constainter.appendChild(clonedElement);
+
+        const contentHeight = clonedElement.scrollHeight;
+        const contentWidth = clonedElement.offsetWidth;
+
+        // 设置PDF参数
+        const pdf = new JsPDF("p", "mm", "a4");
+        const pageWidth = pdf.internal.pageSize.getWidth();
+        const pageHeight = pdf.internal.pageSize.getHeight();
+        const padding = 10;
+
+        // 计算需要多少页
+        const scale = pageWidth / contentWidth;
+        const scaledHeight = contentHeight * scale;
+        const pages = Math.ceil(scaledHeight / pageHeight);
+
+        // 分页捕获并添加到PDF
+        // statusEl.textContent = '正在生成PDF (0/' + pages + ')';
+        for (let i = 0; i < pages; i++) {
+          // 计算当前页的裁剪位置
+          const position = (i * pageHeight) / scale;
+
+          // 使用html2canvas捕获当前页内容
+          const canvas = await html2Canvas(clonedElement, {
+            scale: 2,
+            useCORS: true,
+            windowHeight: pageHeight / scale,
+            y: position,
+            height: pageHeight / scale,
+            width: contentWidth,
+            logging: false,
+          });
+
+          // 将canvas转换为图像
+          const imgData = canvas.toDataURL("image/jpeg", 0.95);
+
+          // 添加新页面（第一页除外）
+          if (i > 0) {
+            pdf.addPage();
+          }
+
+          // 将图像添加到PDF
+          pdf.addImage(
+            imgData,
+            "JPEG",
+            padding,
+            padding,
+            pageWidth - 2 * padding,
+            pageHeight - 2 * padding
+          );
+
+          // statusEl.textContent = '正在生成PDF (' + (i+1) + '/' + pages + ')';
+        }
+
+        // 移除克隆元素
+        // document.body.removeChild(constainter);
+        constainter.removeChild(clonedElement);
+
+        // 保存PDF
+        // statusEl.textContent = '正在保存文件...';
+        pdf.save("exported-content.pdf");
+
+        // statusEl.textContent = 'PDF导出成功！';
+        // statusEl.style.background = '#e8f5e9';
+        // statusEl.style.color = '#2e7d32';
+
+        // 3秒后隐藏状态
+        /* setTimeout(() => {
+                statusEl.style.display = 'none';
+            }, 3000); */
+      } catch (error) {
+        console.error("导出失败:", error);
+        // statusEl.textContent = '导出失败: ' + error.message;
+        // statusEl.style.background = '#ffebee';
+        // statusEl.style.color = '#c62828';
+      }
+    },
+    async exportPdf4() {
+      // statusEl.style.display = 'block';
+      // statusEl.textContent = '正在准备导出内容...';
+
+      try {
+        // 获取要导出的元素
+        const element = this.$parent.$el;
+        // 计算内容总高度
+
+        // 克隆元素（不影响原始页面）
+        // statusEl.textContent = '克隆内容...';
+
+        const constainter = this.$parent.$parent.$el;
+
+        const clonedElement = element.cloneNode(true);
+        let wfTab = clonedElement.querySelector(".wf-tab");
+        if (wfTab) wfTab.remove();
+
+        const scrollElements = clonedElement.querySelectorAll(
+          ".vxe-table--body-wrapper"
+        );
+
+        // 临时禁用虚拟滚动
+        for (let scrollElement of scrollElements) {
+          const originalScrollTop = scrollElement.scrollTop;
+          // scrollElement.style = 'overflow:visible;max-height:inherit !important'
+          // scrollElement.style = scrollElement.style+ 'overflow:visible;max-height:inherit !important;'
+          scrollElement.style["overflow"] = "visible";
+          scrollElement.style["max-height"] = "inherit !important";
+          scrollElement.scrollTop = 0;
+        }
+
+        let dom4 = clonedElement.querySelector(".designer-view");
+        // dom4.style.height = "auto;"
+        let dom1 = clonedElement.querySelector(".detail-wrap");
+        if (dom1) {
+          let dom2 = dom1.children[1];
+          dom2.style.height = "auto;";
+          dom2.querySelector(".d-cont").style.height = "auto;";
+        }
+
+        clonedElement.style.width = element.offsetWidth + "px";
+
+        // 应用样式以展开内容
+        clonedElement.style.height = "auto";
+        clonedElement.style.overflow = "visible";
+        clonedElement.style.position = "absolute";
+        // clonedElement.style.left = '-9999px';
+        clonedElement.style.left = "100px";
+        // document.body.appendChild(clonedElement);
+        // document.body.appendChild(constainter);
+
+        constainter.appendChild(clonedElement);
+
+        const canvas = await html2Canvas(clonedElement, {
+          scale: 2,
+          useCORS: true,
+          logging: false,
+          onclone: (clonedDoc) => {},
+        });
+
+        // 移除克隆元素
+        // document.body.removeChild(constainter);
+        constainter.removeChild(clonedElement);
+
+        // 5. 生成PDF
+        this.currentStep = "创建PDF文档...";
+        this.progress = 70;
+
+        const imgData = canvas.toDataURL("image/jpeg", 0.95);
+        const pdf = new JsPDF("p", "mm", "a4");
+
+        const pageWidth = pdf.internal.pageSize.getWidth();
+        const pageHeight = pdf.internal.pageSize.getHeight();
+
+        // const imgWidth = canvas.width;
+        const imgWidth = element.offsetWidth;
+        const imgHeight = canvas.height;
+
+        const ratio = pageWidth / imgWidth;
+        const imgHeightOnPDF = imgHeight * ratio;
+
+        // 计算需要多少页
+        let totalPages = Math.ceil(imgHeightOnPDF / pageHeight);
+        let position = 0;
+
+        // 添加第一页
+        pdf.addImage(imgData, "JPEG", 0, position, pageWidth, imgHeightOnPDF);
+
+        // 添加额外页面（如果需要）
+        for (let i = 1; i < totalPages; i++) {
+          position -= pageHeight;
+          pdf.addPage();
+          pdf.addImage(imgData, "JPEG", 0, position, pageWidth, imgHeightOnPDF);
+        }
+
+        this.pdfPages = totalPages;
+
+        // 6. 生成预览
+        this.currentStep = "生成预览...";
+        this.progress = 90;
+
+        const pdfBlob = pdf.output("blob");
+        this.pdfPreviewUrl = URL.createObjectURL(pdfBlob);
+
+        // 7. 自动下载
+        pdf.save("exported-content.pdf");
+
+        this.progress = 100;
+        setTimeout(() => {
+          this.isExporting = false;
+        }, 500);
+      } catch (error) {
+        console.error("导出失败:", error);
+        // statusEl.textContent = '导出失败: ' + error.message;
+        // statusEl.style.background = '#ffebee';
+        // statusEl.style.color = '#c62828';
+      }
+    },
+    async exportPdf5() {
+      try {
+        // 获取要导出的元素
+        const element = this.$parent.$el;
+        // 计算内容总高度
+
+        // 克隆元素（不影响原始页面）
+        // statusEl.textContent = '克隆内容...';
+
+        const constainter = this.$parent.$parent.$el;
+        // 获取dom元素
+        // const dom = document.querySelector('#id名称')
+        if (element) {
+          html2Canvas(element).then(async (canvas) => {
+            // A4纸，纵向
+            let pdf = new JsPDF("p", "mm", "a4");
+            let ctx = canvas.getContext("2d");
+            let a4w = 190;
+            // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
+            let a4h = 277;
+            // 按A4显示比例换算一页图像的像素高度
+            let imgHeight = Math.floor((a4h * canvas.width) / a4w);
+            let renderedHeight = 0;
+            while (renderedHeight < canvas.height) {
+              let page = document.createElement("canvas");
+              page.width = canvas.width;
+              // 可能内容不足一页
+              page.height = Math.min(imgHeight, canvas.height - renderedHeight);
+              // 用getImageData剪裁指定区域，并画到前面创建的canvas对象中
+              page
+                .getContext("2d")
+                .putImageData(
+                  ctx.getImageData(
+                    0,
+                    renderedHeight,
+                    canvas.width,
+                    Math.min(imgHeight, canvas.height - renderedHeight)
+                  ),
+                  0,
+                  0
+                );
+              // 添加图像到页面，保留10mm边距
+              pdf.addImage(
+                page.toDataURL("image/jpeg", 1.0),
+                "JPEG",
+                10,
+                10,
+                a4w,
+                Math.min(a4h, (a4w * page.height) / page.width)
+              );
+
+              renderedHeight += imgHeight;
+              if (renderedHeight < canvas.height) {
+                // 如果后面还有内容，添加一个空页
+                pdf.addPage();
+              }
+              // delete page;
+            }
+            // 保存文件
+            pdf.save("文档名称.pdf");
+          });
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    },
+    openFormulaDialog(option) {
+      this.formulaDialogOption = option;
+      this.formulaDialogVisible = true;
+    },
+    openBaseFormulaDialog(option) {
+      this.baseFormulaDialogOption = option;
+      this.baseFormulaDialogVisible = true;
+    },
+  },
+};
+
+export default modules;