cloud-web-corejs 1.0.276 → 1.0.277

package/src/components/xform/form-designer/indexMixin.js

@@ -1,847 +1,860 @@
-import {
-  createDesigner
-} from '../../../components/xform/form-designer/designer';
-import {
-  addWindowResizeHandler,
-  deepClone,
-  getAllContainerWidgets,
-  getAllFieldWidgets,
-  getQueryParam,
-  traverseAllWidgets,
-  traverseAllWidgetsNew
-} from '../../../components/xform/utils/util';
-import {
-  MOCK_CASE_URL,
-  VARIANT_FORM_VERSION
-} from '../../../components/xform/utils/config';
-import i18n, {
-  changeLocale
-} from '../../../components/xform/utils/i18n';
-import axios from 'axios';
-import {getBdFlag} from "@base/api/user";
-
-let modules = {};
-
-const baseRefUtil = {
-  createDesigner,
-  MOCK_CASE_URL,
-  VARIANT_FORM_VERSION,
-  i18n,
-  changeLocale,
-  axios,
-  addWindowResizeHandler,
-  deepClone,
-  getAllContainerWidgets,
-  getAllFieldWidgets,
-  getQueryParam,
-  traverseAllWidgets,
-};
-
-modules = {
-  componentName: 'VFormDesigner',
-  mixins: [baseRefUtil.i18n],
-  props: {
-    reportTemplate: {
-      type: Object,
-      default: null
-    },
-    /* 后端字段列表API */
-    fieldListApi: {
-      type: Object,
-      default: null
-    },
-    fieldListData: {type: Object, default: null},
-    /* 禁止显示的组件名称数组 */
-    bannedWidgets: {
-      type: Array,
-      default: () => []
-    },
-
-    designerConfig: {
-      type: Object,
-      default: () => {
-        return {
-          languageMenu: true, //是否显示语言切换菜单
-          externalLink: true, //是否显示GitHub、文档等外部链接
-          formTemplates: true, //是否显示表单模板
-
-          componentLib: !0,
-          chartLib: !1,
-          metadataLib: !1,
-          layoutTypeButton: !0,
-
-          eventCollapse: true, //是否显示组件事件属性折叠面板
-          widgetNameReadonly: false, //禁止修改组件名称
-
-          clearDesignerButton: true, //是否显示清空设计器按钮
-          previewFormButton: true, //是否显示预览表单按钮
-          importJsonButton: true, //是否显示导入JSON按钮
-          exportJsonButton: true, //是否显示导出JSON器按钮
-          exportCodeButton: true, //是否显示导出代码按钮
-          generateSFCButton: true, //是否显示生成SFC按钮
-          logoHeader: !0,
-          toolbarMaxWidth: 420, //设计器工具按钮栏最大宽度（单位像素）
-          toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）
-          productName: "",
-          productTitle: "",
-          presetCssCode: '', //设计器预设CSS样式代码
-          languageName: "zh-CN",
-          resetFormJson: true //是否在设计器初始化时将表单内容重置为空
-        };
-      }
-    },
-    globalDsv: {type: Object, default: () => ({})},
-    formTemplates: {type: Array, default: null},
-    testOptionData: {type: Object, default: null},
-    readonly: Boolean,
-    columnFlag: Boolean,
-    sourceData:Object
-  },
-  data() {
-    return {
-      vFormVersion: baseRefUtil.VARIANT_FORM_VERSION,
-      curLangName: '',
-
-      vsCodeFlag: false,
-      caseName: '',
-
-      docUrl: 'https://www.vform666.com/document.html',
-      gitUrl: 'https://github.com/vform666/variant-form',
-      chatUrl: 'https://www.vform666.com/pages/chat-group/',
-      subScribeUrl: 'https://www.vform666.com/subscribe.html',
-
-      scrollerHeight: 0,
-
-      designer: baseRefUtil.createDesigner(this),
-
-      fieldList: [],
-      subFormList: [],
-      optionData: this.testOptionData,
-      externalComponents: {},
-      leftAsideVisible: !0,
-      rightAsideVisible: !0,
-      isDev: true,
-      menuKindAuth: {
-        editAuth: 0
-      },
-      showPreformDialog: false,
-      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",
-      }
-    };
-  },
-  provide() {
-    return {
-      serverFieldList: this.fieldList,
-      getServerSubFormList: () => this.subFormList,
-      getDesignerConfig: () => this.designerConfig,
-      getBannedWidgets: () => this.bannedWidgets,
-      saveReportTemplate: this.saveReportTemplate,
-      getReportTemplate: () => this.reportTemplate,
-      getFormTemplateTableDTOs: this.getFormTemplateTableDTOs,
-      scriptHttp: () => {
-      },
-      getObjectFieldFlag: () => !1,
-      getObjectName: () => "",
-      getHasWf: () => false,
-      readonly:this.readonly,
-      columnFlag:this.columnFlag,
-      widgetKeyNameMap:{},
-      sourceData:this.sourceData
-    };
-  },
-  created() {
-    this.vsCodeFlag = baseRefUtil.getQueryParam('vscode') == 1;
-    this.caseName = baseRefUtil.getQueryParam('case');
-    this.designer.handleEvent("canvas-select-field", (o) => {
-      this.$emit("field-widget-used", o);
-    }),
-      this.designer.handleEvent("canvas-remove-field", (o) => {
-        this.$emit("field-widget-removed", o);
-      }),
-      this.designer.handleEvent("form-json-imported", () => {
-        this.$emit("form-json-updated", "form-json-imported");
-      }),
-      this.designer.handleEvent("canvas-undo", () => {
-        this.$emit("form-json-updated", "canvas-undo");
-      }),
-      this.designer.handleEvent("canvas-redo", () => {
-        this.$emit("form-json-updated", "canvas-redo");
-      }),
-      this.designer.handleEvent("canvas-remove-container", () => {
-        this.$emit(
-          "form-json-updated",
-          "canvas-remove-container"
-        );
-      });
-  },
-  mounted() {
-    this.initLocale();
-
-    this.scrollerHeight = window.innerHeight - 85 + 'px';
-    baseRefUtil.addWindowResizeHandler(() => {
-      this.$nextTick(() => {
-        this.scrollerHeight = window.innerHeight - 85 + 'px';
-      });
-    });
-
-    this.loadCase();
-
-    // this.loadFieldListFromServer();
-    this.initServerFields();
-    this.getBdEnv();
-    this.getMenuKindAuth();
-  },
-  methods: {
-    showLink(configName) {
-      if (this.designerConfig[configName] === undefined) {
-        return true;
-      }
-
-      return !!this.designerConfig[configName];
-    },
-
-    openHome() {
-      if (!!this.vsCodeFlag) {
-        const msgObj = {
-          cmd: 'openUrl',
-          data: {
-            url: 'https://www.vform666.com/'
-          }
-        };
-        window.parent.postMessage(msgObj, '*');
-      }
-    },
-
-    openUrl(event, url) {
-      if (!!this.vsCodeFlag) {
-        const msgObj = {
-          cmd: 'openUrl',
-          data: {
-            url
-          }
-        };
-        window.parent.postMessage(msgObj, '*');
-      } else {
-        let aDom = event.currentTarget;
-        aDom.href = url;
-        //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截
-      }
-    },
-
-    loadCase() {
-      if (!this.caseName) {
-        return;
-      }
-
-      baseRefUtil.axios
-        .get(baseRefUtil.MOCK_CASE_URL + this.caseName + '.txt')
-        .then(res => {
-          if (!!res.data.code) {
-            this.$message.error(this.i18nt('designer.hint.sampleLoadedFail'));
-            return;
-          }
-
-          this.setFormJson(res.data);
-          this.$message.success(this.i18nt('designer.hint.sampleLoadedSuccess'));
-        })
-        .catch(error => {
-          this.$message.error(this.i18nt('designer.hint.sampleLoadedFail') + ':' + error);
-        });
-    },
-
-    initLocale() {
-      let curLocale = localStorage.getItem('v_form_locale');
-      if (!!this.vsCodeFlag) {
-        curLocale = curLocale || 'en-US';
-      } else {
-        curLocale = curLocale || 'zh-CN';
-      }
-      this.curLangName = this.i18nt('application.' + curLocale);
-      this.changeLanguage(curLocale);
-    },
-
-    loadFieldListFromServer() {
-      if (!this.fieldListApi) {
-        return;
-      }
-
-      let headers = this.fieldListApi.headers || {};
-      baseRefUtil.axios
-        .get(this.fieldListApi.URL, {
-          headers: headers
-        })
-        .then(res => {
-          let labelKey = this.fieldListApi.labelKey || 'label';
-          let nameKey = this.fieldListApi.nameKey || 'name';
-
-          this.fieldList.splice(0, this.fieldList.length); //清空已有
-          res.data.forEach(fieldItem => {
-            this.fieldList.push({
-              label: fieldItem[labelKey],
-              name: fieldItem[nameKey]
-            });
-          });
-        })
-        .catch(error => {
-          this.$message.error(error);
-        });
-    },
-    initServerFields() {
-      !!this.fieldListData && !!this.fieldListData.fieldList
-        ? (this.fieldList.splice(
-          0,
-          this.fieldList.length,
-          ...this.fieldListData.fieldList
-        ),
-        this.fieldListData.subFormList &&
-        this.subFormList.splice(
-          0,
-          this.subFormList.length,
-          ...this.fieldListData.subFormList
-        ))
-        : this.loadFieldListFromServer();
-    },
-    setFieldListData(o) {
-      !!o &&
-      !!o.fieldList &&
-      (this.fieldList.splice(
-        0,
-        this.fieldList.length,
-        ...o.fieldList
-      ),
-      o.subFormList &&
-      this.subFormList.splice(
-        0,
-        this.subFormList.length,
-        ...o.subFormList
-      ));
-    },
-    setMetaFields(o) {
-      this.$refs.widgetPanelRef.setMetaFields(o);
-    },
-    handleLanguageChanged(command) {
-      this.changeLanguage(command);
-      this.curLangName = this.i18nt('application.' + command);
-    },
-
-    changeLanguage(langName) {
-      baseRefUtil.changeLocale(langName);
-    },
-
-    setFormJson(formJson) {
-      let modifiedFlag = false;
-      if (!!formJson) {
-        if (typeof formJson === 'string') {
-          let newFormJson = JSON.parse(formJson);
-          this.upgradeFormJson(newFormJson);
-          modifiedFlag = this.designer.loadFormJson(newFormJson);
-        } else if (formJson.constructor === Object) {
-          this.upgradeFormJson(formJson);
-          modifiedFlag = this.designer.loadFormJson(formJson);
-        }
-
-        if (modifiedFlag) {
-          this.designer.emitHistoryChange();
-        }
-      } else {
-        this.clearDesigner();
-      }
-    },
-
-    getFormJson() {
-      return {
-        widgetList: baseRefUtil.deepClone(this.designer.widgetList),
-        formConfig: baseRefUtil.deepClone(this.designer.formConfig)
-      };
-    },
-
-    clearDesigner() {
-      this.$refs.toolbarRef.clearFormWidget();
-    },
-
-    /**
-     * 刷新表单设计器
-     */
-    refreshDesigner() {
-      //this.designer.loadFormJson( this.getFormJson() )  //只有第一次调用生效？？
-
-      let fJson = this.getFormJson();
-      this.designer.clearDesigner(true); //不触发历史记录变更
-      this.designer.loadFormJson(fJson);
-    },
-
-    /**
-     * 预览表单
-     */
-    previewForm() {
-      this.$refs.toolbarRef.previewForm();
-    },
-
-    /**
-     * 导入表单JSON
-     */
-    importJson() {
-      this.$refs.toolbarRef.importJson();
-    },
-
-    /**
-     * 导出表单JSON
-     */
-    exportJson() {
-      this.$refs.toolbarRef.exportJson();
-    },
-
-    /**
-     * 导出Vue/HTML代码
-     */
-    exportCode() {
-      this.$refs.toolbarRef.exportCode();
-    },
-
-    /**
-     * 生成SFC代码
-     */
-    generateSFC() {
-      this.$refs.toolbarRef.generateSFC();
-    },
-
-    /**
-     * 获取所有字段组件
-     * @returns {*[]}
-     */
-    getFieldWidgets(widgetList = null) {
-      return !!widgetList ? baseRefUtil.getAllFieldWidgets(widgetList) : baseRefUtil.getAllFieldWidgets(this.designer
-        .widgetList);
-    },
-
-    /**
-     * 获取所有容器组件
-     * @returns {*[]}
-     */
-    getContainerWidgets(widgetList = null) {
-      return !!widgetList ? baseRefUtil.getAllContainerWidgets(widgetList) : baseRefUtil.getAllContainerWidgets(this
-        .designer.widgetList);
-    },
-
-    /**
-     * 升级表单json，以补充最新的组件属性
-     * @param formJson
-     */
-    upgradeFormJson(formJson) {
-      if (!formJson.widgetList || !formJson.formConfig) {
-        this.$message.error('Invalid form json!');
-        return;
-      }
-
-      traverseAllWidgetsNew(formJson.widgetList, w => {
-        this.designer.upgradeWidgetConfig(w);
-      });
-      this.designer.upgradeFormConfig(formJson.formConfig);
-
-      return formJson;
-    },
-
-    getWidgetRef(widgetName, showError = false) {
-      return this.$refs['formRef'].getWidgetRef(widgetName, showError);
-    },
-
-    getSelectedWidgetRef() {
-      return this.$refs['formRef'].getSelectedWidgetRef();
-    },
-    getWfBizDataSettingDTOs(formJson, code) {
-      let result = [];
-      let formCode = code || this.reportTemplate.formCode;
-      let fields = [];
-      let fJson = formJson || this.getFormJson();
-      let formConfig = fJson.formConfig;
-      let entity = formConfig.entity;
-      if (!entity) return [];
-      if(formConfig.wfTheme){
-        result.push({
-          action: "setWfName",
-          toValue: formConfig.wfTheme,
-          tableName: entity,
-          tableField: null
-        })
-      }
-      let itemFieldMap = this.itemFieldMap;
-
-      let loopDo = (widgetList) => {
-        if (!widgetList) return;
-        widgetList.forEach(widget => {
-          let widgetName = widget.options.name;
-          let optionModel = widget.options;
-          if (widget.category != "container") {
-            if (optionModel.wfModifyDataEnabled) {
-              let wfModifyDataConfig = optionModel.wfModifyDataConfig || [];
-              if (wfModifyDataConfig.length) {
-                let fieldKeyName = this.getFieldKeyName(widget)
-                let items = wfModifyDataConfig.filter(item => {
-                  return !!item.action
-                }).map(item => {
-                  return {
-                    action: item.action,
-                    toValue: item.toValue,
-                    tableName: entity,
-                    tableField: fieldKeyName
-                  }
-                })
-                result.push(...items)
-              }
-            }
-          } else {
-            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 result;
-    },
-    getFormTemplateTableDTOs(formJson, code) {
-      let formTemplateTableDTOs = [];
-      let formCode = code || this.reportTemplate.formCode;
-      let fields = [];
-      let fJson = formJson || this.getFormJson();
-      /*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 itemFieldMap = this.itemFieldMap;
-      let loopDo = (widgetList) => {
-        if (!widgetList) return;
-        widgetList.forEach(widget => {
-          let widgetName = widget.options.name;
-          if (widget.tableField && (widget.type == 'data-table' || widget.type == 'list-h5')) {
-            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
-                });
-              }
-            });
-            /*let itemFields = widget.options.tableColumns.filter(item => item.prop && item.label).map(item => {
-              return {
-                fieldDesc: item.label,
-                fieldName: item.prop
-              }
-            })*/
-            if (itemFields.length) {
-              let formTemplateTable = {
-                tableAlias: widgetName,
-                formCode: formCode,
-                tableType: 1,
-                formTemplateFieldDTOs: []
-              };
-              formTemplateTable.formTemplateFieldDTOs = itemFields;
-              formTemplateTableDTOs.push(formTemplateTable);
-            }
-          } else if (widget.tableField && widget.type == 'vabUpload') {
-            let formTemplateTable = {
-              tableAlias: widgetName,
-              formCode: formCode,
-              tableType: 2
-            };
-            formTemplateTableDTOs.push(formTemplateTable);
-          } else if (widget.tableField && this.isVabsearchFlagWidget(widget)) {
-            fields.push({
-              fieldDesc: widget.options.label + "ID",
-              fieldName: widgetName
-            })
-            let vabSearchName = widget.options.vabSearchName;
-            if (vabSearchName) {
-              fields.push({
-                fieldDesc: widget.options.label,
-                fieldName: vabSearchName
-              });
-            }
-          } else if (widget.tableField) {
-            fields.push({
-              fieldDesc: widget.options.label,
-              fieldName: widgetName
-            })
-          } 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;
-    },
-    isVabsearchFlagWidget(widget) {
-      let type = widget?.type;
-      return type == "vabsearch" || type == "singerSearch" || type == "multiSearch";
-    },
-    getTableFileds() {
-      let fields = [];
-      let fJson = this.getFormJson();
-      /*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 itemFieldMap = this.itemFieldMap;
-      let loopDo = (widgetList) => {
-        if (!widgetList) return;
-        widgetList.forEach(widget => {
-          /*if (widget.tableField && widget.type == 'data-table') {
-            let itemFields = widget.options.tableColumns.filter(item.prop && item.label).map(item => {
-              return {
-                fieldDesc: item.options.label,
-                fieldName: item.prop
-              }
-            })
-          }*/
-          let widgetName = widget.options.name;
-          if (widget.tableField) {
-            fields.push({
-              fieldDesc: widget.options.label,
-              fieldName: widgetName
-            })
-          } 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 fields;
-    },
-    getFormScriptDTOs() {
-      let reportTemplate = this.reportTemplate;
-      let fJson = this.getFormJson();
-      let scripts = fJson.formConfig.scriptList || [];
-      return scripts.filter(item => {
-        return !!item.uuid && !!item.script;
-      }).map(item => {
-        return {
-          formCode: reportTemplate.formCode,
-          formVersion: reportTemplate.formVersion,
-          scriptCode: item.uuid,
-          scriptName: item.uuid,
-          script: item.script
-        }
-      })
-    },
-    handleColumnConfirm(){
-      let fJson = this.getFormJson();
-      this.$emit("customConfirm",fJson)
-    },
-    saveReportTemplate() {
-      if(this.columnFlag){
-        this.handleColumnConfirm();
-        return
-      }
-      this.openPreformDialog();
-    },
-    saveDataHandle(preformData) {
-      if (this.reportTemplate) {
-        let formTemplateTableDTOs = this.getFormTemplateTableDTOs();
-        let fJson = this.getFormJson();
-        let formViewContent = JSON.stringify(fJson);
-        let tableFileds = this.getTableFileds();
-        let reportTemplate = baseRefUtil.deepClone(this.reportTemplate);
-        reportTemplate.formViewContent = formViewContent;
-        reportTemplate.formTemplateTableDTOs = formTemplateTableDTOs;
-
-        let formScriptDTOs = this.getFormScriptDTOs();
-        reportTemplate.formScriptDTOs = formScriptDTOs;
-        reportTemplate.hasWf = fJson.formConfig.wfEnabled || false;
-
-        let wfBizDataSettingDTOs = this.getWfBizDataSettingDTOs();
-
-        let formData = {
-          ...reportTemplate,
-          wfBizDataSettingDTOs,
-          logContent: preformData.logContent
-        };
-
-        var url = USER_PREFIX + `/formTemplate/updateDesign`;
-        this.$http({
-          url: url,
-          method: `post`,
-          data: formData,
-          isLoading: true,
-          loadingTarget: document.body,
-          success: res => {
-            this.reflushReportTemplate(res.objx);
-            this.$message({
-              message: res.content,
-              type: 'success',
-              duration: 500,
-              onClose: t => {
-              }
-            });
-            this.$emit('reflushTemplateList');
-          }
-        });
-
-      }
-    },
-    openPreformDialog() {
-      this.showPreformDialog = true;
-    },
-    confirmPreformDialog(preformData) {
-      this.saveDataHandle(preformData);
-    },
-    reflushReportTemplate(id) {
-      this.$http({
-        url: USER_PREFIX + `/formTemplate/get`,
-        method: `post`,
-        data: {
-          id: id
-        },
-        isLoading: true,
-        loadingTarget: document.body,
-        modalStrictly: true,
-        success: res => {
-          let reportTemplate = res.objx || {};
-          this.$emit("update:reportTemplate", reportTemplate)
-        }
-      });
-    },
-    loadWidgets() {
-      this.$refs.widgetPanelRef.loadWidgets();
-    },
-    getBdEnv() {
-      getBdFlag({
-        success: res => {
-          this.isDev = res.objx == 1;
-        }
-      });
-    },
-    getMenuKindAuth() {
-      let menuKindCode = this.reportTemplate?.menuKindCode;
-      if (menuKindCode) {
-        this.$http({
-          aes: true,
-          url: USER_PREFIX + '/menu_kind_auth/getAuth',
-          method: `post`,
-          data: {stringOne: menuKindCode},
-          isLoading: true,
-          success: res => {
-            this.menuKindAuth = res.objx || {}
-          }
-        });
-      }
-    },
-    getFieldKeyName(widget) {
-      let o = widget.options.name;
-      return (
-        (widget.options.keyNameEnabled
-          && widget.options.keyName)
-        || o
-      );
-    },
-    //TODO: 增加更多方法！！
-  }
-};
-export default modules;
+import { createDesigner } from "../../../components/xform/form-designer/designer";
+import {
+  addWindowResizeHandler,
+  deepClone,
+  getAllContainerWidgets,
+  getAllFieldWidgets,
+  getQueryParam,
+  traverseAllWidgets,
+  traverseAllWidgetsNew,
+  flattenLeafColumns,
+} from "../../../components/xform/utils/util";
+import {
+  MOCK_CASE_URL,
+  VARIANT_FORM_VERSION,
+} from "../../../components/xform/utils/config";
+import i18n, { changeLocale } from "../../../components/xform/utils/i18n";
+import axios from "axios";
+import { getBdFlag } from "@base/api/user";
+
+let modules = {};
+
+const baseRefUtil = {
+  createDesigner,
+  MOCK_CASE_URL,
+  VARIANT_FORM_VERSION,
+  i18n,
+  changeLocale,
+  axios,
+  addWindowResizeHandler,
+  deepClone,
+  getAllContainerWidgets,
+  getAllFieldWidgets,
+  getQueryParam,
+  traverseAllWidgets,
+};
+
+modules = {
+  componentName: "VFormDesigner",
+  mixins: [baseRefUtil.i18n],
+  props: {
+    reportTemplate: {
+      type: Object,
+      default: null,
+    },
+    /* 后端字段列表API */
+    fieldListApi: {
+      type: Object,
+      default: null,
+    },
+    fieldListData: { type: Object, default: null },
+    /* 禁止显示的组件名称数组 */
+    bannedWidgets: {
+      type: Array,
+      default: () => [],
+    },
+
+    designerConfig: {
+      type: Object,
+      default: () => {
+        return {
+          languageMenu: true, //是否显示语言切换菜单
+          externalLink: true, //是否显示GitHub、文档等外部链接
+          formTemplates: true, //是否显示表单模板
+
+          componentLib: !0,
+          chartLib: !1,
+          metadataLib: !1,
+          layoutTypeButton: !0,
+
+          eventCollapse: true, //是否显示组件事件属性折叠面板
+          widgetNameReadonly: false, //禁止修改组件名称
+
+          clearDesignerButton: true, //是否显示清空设计器按钮
+          previewFormButton: true, //是否显示预览表单按钮
+          importJsonButton: true, //是否显示导入JSON按钮
+          exportJsonButton: true, //是否显示导出JSON器按钮
+          exportCodeButton: true, //是否显示导出代码按钮
+          generateSFCButton: true, //是否显示生成SFC按钮
+          logoHeader: !0,
+          toolbarMaxWidth: 420, //设计器工具按钮栏最大宽度（单位像素）
+          toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）
+          productName: "",
+          productTitle: "",
+          presetCssCode: "", //设计器预设CSS样式代码
+          languageName: "zh-CN",
+          resetFormJson: true, //是否在设计器初始化时将表单内容重置为空
+        };
+      },
+    },
+    globalDsv: { type: Object, default: () => ({}) },
+    formTemplates: { type: Array, default: null },
+    testOptionData: { type: Object, default: null },
+    readonly: Boolean,
+    columnFlag: Boolean,
+    sourceData: Object,
+  },
+  data() {
+    return {
+      vFormVersion: baseRefUtil.VARIANT_FORM_VERSION,
+      curLangName: "",
+
+      vsCodeFlag: false,
+      caseName: "",
+
+      docUrl: "https://www.vform666.com/document.html",
+      gitUrl: "https://github.com/vform666/variant-form",
+      chatUrl: "https://www.vform666.com/pages/chat-group/",
+      subScribeUrl: "https://www.vform666.com/subscribe.html",
+
+      scrollerHeight: 0,
+
+      designer: baseRefUtil.createDesigner(this),
+
+      fieldList: [],
+      subFormList: [],
+      optionData: this.testOptionData,
+      externalComponents: {},
+      leftAsideVisible: !0,
+      rightAsideVisible: !0,
+      isDev: true,
+      menuKindAuth: {
+        editAuth: 0,
+      },
+      showPreformDialog: false,
+      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-plain": "panes",
+        "detail-pane": "widgetList",
+        "detail-h5": "panes",
+        "h5-card": "panes",
+        "h5-card-pane": "widgetList",
+      },
+    };
+  },
+  provide() {
+    return {
+      serverFieldList: this.fieldList,
+      getServerSubFormList: () => this.subFormList,
+      getDesignerConfig: () => this.designerConfig,
+      getBannedWidgets: () => this.bannedWidgets,
+      saveReportTemplate: this.saveReportTemplate,
+      getReportTemplate: () => this.reportTemplate,
+      getFormTemplateTableDTOs: this.getFormTemplateTableDTOs,
+      getObjectFieldFlag: () => !1,
+      getObjectName: () => "",
+      getHasWf: () => false,
+      readonly: this.readonly,
+      columnFlag: this.columnFlag,
+      widgetKeyNameMap: {},
+      sourceData: this.sourceData,
+      setCETriggerFlag: () => {},
+      clearCETriggerFlag: () => {},
+    };
+  },
+  created() {
+    this.vsCodeFlag = baseRefUtil.getQueryParam("vscode") === 1;
+    this.caseName = baseRefUtil.getQueryParam("case");
+    this.designer.handleEvent("canvas-select-field", (o) => {
+      this.$emit("field-widget-used", o);
+    }),
+      this.designer.handleEvent("canvas-remove-field", (o) => {
+        this.$emit("field-widget-removed", o);
+      }),
+      this.designer.handleEvent("form-json-imported", () => {
+        this.$emit("form-json-updated", "form-json-imported");
+      }),
+      this.designer.handleEvent("canvas-undo", () => {
+        this.$emit("form-json-updated", "canvas-undo");
+      }),
+      this.designer.handleEvent("canvas-redo", () => {
+        this.$emit("form-json-updated", "canvas-redo");
+      }),
+      this.designer.handleEvent("canvas-remove-container", () => {
+        this.$emit("form-json-updated", "canvas-remove-container");
+      });
+  },
+  mounted() {
+    this.initLocale();
+
+    this.scrollerHeight = window.innerHeight - 42 + "px";
+    this.winResizeUnbind = baseRefUtil.addWindowResizeHandler(() => {
+      this.$nextTick(() => {
+        this.scrollerHeight = window.innerHeight - 42 + "px";
+      });
+    });
+
+    this.loadCase();
+
+    // this.loadFieldListFromServer();
+    this.initServerFields();
+    this.getBdEnv();
+    this.getMenuKindAuth();
+  },
+  beforeDestroy() {
+    // window 级监听持有本实例，销毁时必须解绑，否则设计器整树泄露
+    if (this.winResizeUnbind) {
+      this.winResizeUnbind();
+      this.winResizeUnbind = null;
+    }
+  },
+  methods: {
+    showLink(configName) {
+      if (this.designerConfig[configName] === undefined) {
+        return true;
+      }
+
+      return !!this.designerConfig[configName];
+    },
+
+    openHome() {
+      if (!!this.vsCodeFlag) {
+        const msgObj = {
+          cmd: "openUrl",
+          data: {
+            url: "https://www.vform666.com/",
+          },
+        };
+        window.parent.postMessage(msgObj, "*");
+      }
+    },
+
+    openUrl(event, url) {
+      if (!!this.vsCodeFlag) {
+        const msgObj = {
+          cmd: "openUrl",
+          data: {
+            url,
+          },
+        };
+        window.parent.postMessage(msgObj, "*");
+      } else {
+        let aDom = event.currentTarget;
+        aDom.href = url;
+        //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截
+      }
+    },
+
+    loadCase() {
+      if (!this.caseName) {
+        return;
+      }
+
+      baseRefUtil.axios
+        .get(baseRefUtil.MOCK_CASE_URL + this.caseName + ".txt")
+        .then((res) => {
+          if (!!res.data.code) {
+            this.$message.error(this.i18nt("designer.hint.sampleLoadedFail"));
+            return;
+          }
+
+          this.setFormJson(res.data);
+          this.$message.success(
+            this.i18nt("designer.hint.sampleLoadedSuccess")
+          );
+        })
+        .catch((error) => {
+          this.$message.error(
+            this.i18nt("designer.hint.sampleLoadedFail") + ":" + error
+          );
+        });
+    },
+
+    initLocale() {
+      let curLocale = localStorage.getItem("v_form_locale");
+      if (!!this.vsCodeFlag) {
+        curLocale = curLocale || "en-US";
+      } else {
+        curLocale = curLocale || "zh-CN";
+      }
+      this.curLangName = this.i18nt("application." + curLocale);
+      this.changeLanguage(curLocale);
+    },
+
+    loadFieldListFromServer() {
+      if (!this.fieldListApi) {
+        return;
+      }
+
+      let headers = this.fieldListApi.headers || {};
+      baseRefUtil.axios
+        .get(this.fieldListApi.URL, {
+          headers: headers,
+        })
+        .then((res) => {
+          let labelKey = this.fieldListApi.labelKey || "label";
+          let nameKey = this.fieldListApi.nameKey || "name";
+
+          this.fieldList.splice(0, this.fieldList.length); //清空已有
+          res.data.forEach((fieldItem) => {
+            this.fieldList.push({
+              label: fieldItem[labelKey],
+              name: fieldItem[nameKey],
+            });
+          });
+        })
+        .catch((error) => {
+          this.$message.error(error);
+        });
+    },
+    initServerFields() {
+      !!this.fieldListData && !!this.fieldListData.fieldList
+        ? (this.fieldList.splice(
+            0,
+            this.fieldList.length,
+            ...this.fieldListData.fieldList
+          ),
+          this.fieldListData.subFormList &&
+            this.subFormList.splice(
+              0,
+              this.subFormList.length,
+              ...this.fieldListData.subFormList
+            ))
+        : this.loadFieldListFromServer();
+    },
+    setFieldListData(o) {
+      !!o &&
+        !!o.fieldList &&
+        (this.fieldList.splice(0, this.fieldList.length, ...o.fieldList),
+        o.subFormList &&
+          this.subFormList.splice(
+            0,
+            this.subFormList.length,
+            ...o.subFormList
+          ));
+    },
+    setMetaFields(o) {
+      this.$refs.widgetPanelRef.setMetaFields(o);
+    },
+    handleLanguageChanged(command) {
+      this.changeLanguage(command);
+      this.curLangName = this.i18nt("application." + command);
+    },
+
+    changeLanguage(langName) {
+      baseRefUtil.changeLocale(langName);
+    },
+
+    setFormJson(formJson) {
+      let modifiedFlag = false;
+      if (!!formJson) {
+        if (typeof formJson === "string") {
+          let newFormJson = JSON.parse(formJson);
+          this.upgradeFormJson(newFormJson);
+          modifiedFlag = this.designer.loadFormJson(newFormJson);
+        } else if (formJson.constructor === Object) {
+          this.upgradeFormJson(formJson);
+          modifiedFlag = this.designer.loadFormJson(formJson);
+        }
+
+        if (modifiedFlag) {
+          this.designer.emitHistoryChange();
+        }
+      } else {
+        this.clearDesigner();
+      }
+    },
+
+    getFormJson() {
+      return {
+        widgetList: baseRefUtil.deepClone(this.designer.widgetList),
+        formConfig: baseRefUtil.deepClone(this.designer.formConfig),
+      };
+    },
+
+    clearDesigner() {
+      this.$refs.toolbarRef.clearFormWidget();
+    },
+
+    /**
+     * 刷新表单设计器
+     */
+    refreshDesigner() {
+      //this.designer.loadFormJson( this.getFormJson() )  //只有第一次调用生效？？
+
+      let fJson = this.getFormJson();
+      this.designer.clearDesigner(true); //不触发历史记录变更
+      this.designer.loadFormJson(fJson);
+    },
+
+    /**
+     * 预览表单
+     */
+    previewForm() {
+      this.$refs.toolbarRef.previewForm();
+    },
+
+    /**
+     * 导入表单JSON
+     */
+    importJson() {
+      this.$refs.toolbarRef.importJson();
+    },
+
+    /**
+     * 导出表单JSON
+     */
+    exportJson() {
+      this.$refs.toolbarRef.exportJson();
+    },
+
+    /**
+     * 导出Vue/HTML代码
+     */
+    exportCode() {
+      this.$refs.toolbarRef.exportCode();
+    },
+
+    /**
+     * 生成SFC代码
+     */
+    generateSFC() {
+      this.$refs.toolbarRef.generateSFC();
+    },
+
+    /**
+     * 获取所有字段组件
+     * @returns {*[]}
+     */
+    getFieldWidgets(widgetList = null) {
+      return !!widgetList
+        ? baseRefUtil.getAllFieldWidgets(widgetList)
+        : baseRefUtil.getAllFieldWidgets(this.designer.widgetList);
+    },
+
+    /**
+     * 获取所有容器组件
+     * @returns {*[]}
+     */
+    getContainerWidgets(widgetList = null) {
+      return !!widgetList
+        ? baseRefUtil.getAllContainerWidgets(widgetList)
+        : baseRefUtil.getAllContainerWidgets(this.designer.widgetList);
+    },
+
+    /**
+     * 升级表单json，以补充最新的组件属性
+     * @param formJson
+     */
+    upgradeFormJson(formJson) {
+      if (!formJson.widgetList || !formJson.formConfig) {
+        this.$message.error("Invalid form json!");
+        return;
+      }
+
+      traverseAllWidgetsNew(formJson.widgetList, (w) => {
+        this.designer.upgradeWidgetConfig(w);
+      });
+      this.designer.upgradeFormConfig(formJson.formConfig);
+
+      return formJson;
+    },
+
+    getWidgetRef(widgetName, showError = false) {
+      return this.$refs["formRef"].getWidgetRef(widgetName, showError);
+    },
+
+    getSelectedWidgetRef() {
+      return this.$refs["formRef"].getSelectedWidgetRef();
+    },
+    getWfBizDataSettingDTOs(formJson, code) {
+      let result = [];
+      let formCode = code || this.reportTemplate.formCode;
+      let fields = [];
+      let fJson = formJson || this.getFormJson();
+      let formConfig = fJson.formConfig;
+      let entity = formConfig.entity;
+      if (!entity) return [];
+      if (formConfig.wfTheme) {
+        result.push({
+          action: "setWfName",
+          toValue: formConfig.wfTheme,
+          tableName: entity,
+          tableField: null,
+        });
+      }
+      let itemFieldMap = this.itemFieldMap;
+
+      let loopDo = (widgetList) => {
+        if (!widgetList) return;
+        widgetList.forEach((widget) => {
+          let widgetName = widget.options.name;
+          let optionModel = widget.options;
+          if (widget.category !== "container") {
+            if (optionModel.wfModifyDataEnabled) {
+              let wfModifyDataConfig = optionModel.wfModifyDataConfig || [];
+              if (wfModifyDataConfig.length) {
+                let fieldKeyName = this.getFieldKeyName(widget);
+                let items = wfModifyDataConfig
+                  .filter((item) => {
+                    return !!item.action;
+                  })
+                  .map((item) => {
+                    return {
+                      action: item.action,
+                      toValue: item.toValue,
+                      tableName: entity,
+                      tableField: fieldKeyName,
+                    };
+                  });
+                result.push(...items);
+              }
+            }
+          } else {
+            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 result;
+    },
+    getFormTemplateTableDTOs(formJson, code) {
+      let formTemplateTableDTOs = [];
+      let formCode = code || this.reportTemplate.formCode;
+      let fields = [];
+      let fJson = formJson || this.getFormJson();
+      /*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 itemFieldMap = this.itemFieldMap;
+      let loopDo = (widgetList) => {
+        if (!widgetList) return;
+        widgetList.forEach((widget) => {
+          let widgetName = widget.options.name;
+          if (
+            widget.tableField &&
+            (widget.type === "data-table" || widget.type === "list-h5")
+          ) {
+            // 与 form-render/indexMixin 的 getFormTemplateTableDTOs 同口径：
+            // 分组表头自身 prop 为空，业务字段挂在 children 上，必须先展平叶子列，
+            // 否则「列全部分组」的表格算不出字段，子表不会写进模板表结构。
+            let vailColumns = flattenLeafColumns(
+              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,
+                });
+              }
+            });
+            /*let itemFields = widget.options.tableColumns.filter(item => item.prop && item.label).map(item => {
+              return {
+                fieldDesc: item.label,
+                fieldName: item.prop
+              }
+            })*/
+            if (itemFields.length) {
+              let formTemplateTable = {
+                tableAlias: widgetName,
+                formCode: formCode,
+                tableType: 1,
+                formTemplateFieldDTOs: [],
+              };
+              formTemplateTable.formTemplateFieldDTOs = itemFields;
+              formTemplateTableDTOs.push(formTemplateTable);
+            }
+          } else if (widget.tableField && widget.type === "vabUpload") {
+            let formTemplateTable = {
+              tableAlias: widgetName,
+              formCode: formCode,
+              tableType: 2,
+            };
+            formTemplateTableDTOs.push(formTemplateTable);
+          } else if (widget.tableField && this.isVabsearchFlagWidget(widget)) {
+            fields.push({
+              fieldDesc: widget.options.label + "ID",
+              fieldName: widgetName,
+            });
+            let vabSearchName = widget.options.vabSearchName;
+            if (vabSearchName) {
+              fields.push({
+                fieldDesc: widget.options.label,
+                fieldName: vabSearchName,
+              });
+            }
+          } else if (widget.tableField) {
+            fields.push({
+              fieldDesc: widget.options.label,
+              fieldName: widgetName,
+            });
+          } 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;
+    },
+    isVabsearchFlagWidget(widget) {
+      let type = widget?.type;
+      return (
+        type === "vabsearch" ||
+        type === "singerSearch" ||
+        type === "multiSearch"
+      );
+    },
+    getTableFileds() {
+      let fields = [];
+      let fJson = this.getFormJson();
+      /*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 itemFieldMap = this.itemFieldMap;
+      let loopDo = (widgetList) => {
+        if (!widgetList) return;
+        widgetList.forEach((widget) => {
+          /*if (widget.tableField && widget.type === 'data-table') {
+            let itemFields = widget.options.tableColumns.filter(item.prop && item.label).map(item => {
+              return {
+                fieldDesc: item.options.label,
+                fieldName: item.prop
+              }
+            })
+          }*/
+          let widgetName = widget.options.name;
+          if (widget.tableField) {
+            fields.push({
+              fieldDesc: widget.options.label,
+              fieldName: widgetName,
+            });
+          } 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 fields;
+    },
+    getFormScriptDTOs() {
+      let reportTemplate = this.reportTemplate;
+      let fJson = this.getFormJson();
+      let scripts = fJson.formConfig.scriptList || [];
+      return scripts
+        .filter((item) => {
+          return !!item.uuid && !!item.script;
+        })
+        .map((item) => {
+          return {
+            formCode: reportTemplate.formCode,
+            formVersion: reportTemplate.formVersion,
+            scriptCode: item.uuid,
+            scriptName: item.uuid,
+            script: item.script,
+          };
+        });
+    },
+    handleColumnConfirm() {
+      let fJson = this.getFormJson();
+      this.$emit("customConfirm", fJson);
+    },
+    saveReportTemplate() {
+      if (this.columnFlag) {
+        this.handleColumnConfirm();
+        return;
+      }
+      this.openPreformDialog();
+    },
+    saveDataHandle(preformData) {
+      if (this.reportTemplate) {
+        let formTemplateTableDTOs = this.getFormTemplateTableDTOs();
+        let fJson = this.getFormJson();
+        let formViewContent = JSON.stringify(fJson);
+        let tableFileds = this.getTableFileds();
+        let reportTemplate = baseRefUtil.deepClone(this.reportTemplate);
+        reportTemplate.formViewContent = formViewContent;
+        reportTemplate.formTemplateTableDTOs = formTemplateTableDTOs;
+
+        let formScriptDTOs = this.getFormScriptDTOs();
+        reportTemplate.formScriptDTOs = formScriptDTOs;
+        reportTemplate.hasWf = fJson.formConfig.wfEnabled || false;
+
+        let wfBizDataSettingDTOs = this.getWfBizDataSettingDTOs();
+
+        let formData = {
+          ...reportTemplate,
+          wfBizDataSettingDTOs,
+          logContent: preformData.logContent,
+        };
+
+        let url = USER_PREFIX + `/formTemplate/updateDesign`;
+        this.$http({
+          url: url,
+          method: `post`,
+          data: formData,
+          isLoading: true,
+          loadingTarget: document.body,
+          success: (res) => {
+            this.reflushReportTemplate(res.objx);
+            this.$message({
+              message: res.content,
+              type: "success",
+              duration: 500,
+              onClose: (t) => {},
+            });
+            this.$emit("reflushTemplateList");
+          },
+        });
+      }
+    },
+    openPreformDialog() {
+      this.showPreformDialog = true;
+    },
+    confirmPreformDialog(preformData) {
+      this.saveDataHandle(preformData);
+    },
+    reflushReportTemplate(id) {
+      this.$http({
+        url: USER_PREFIX + `/formTemplate/get`,
+        method: `post`,
+        data: {
+          id: id,
+        },
+        isLoading: true,
+        loadingTarget: document.body,
+        modalStrictly: true,
+        success: (res) => {
+          let reportTemplate = res.objx || {};
+          this.$emit("update:reportTemplate", reportTemplate);
+        },
+      });
+    },
+    loadWidgets() {
+      this.$refs.widgetPanelRef.loadWidgets();
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: (res) => {
+          this.isDev = res.objx === 1;
+        },
+      });
+    },
+    getMenuKindAuth() {
+      let menuKindCode = this.reportTemplate?.menuKindCode;
+      if (menuKindCode) {
+        this.$http({
+          aes: true,
+          url: USER_PREFIX + "/menu_kind_auth/getAuth",
+          method: `post`,
+          data: { stringOne: menuKindCode },
+          isLoading: true,
+          success: (res) => {
+            this.menuKindAuth = res.objx || {};
+          },
+        });
+      }
+    },
+    getFieldKeyName(widget) {
+      let o = widget.options.name;
+      return (widget.options.keyNameEnabled && widget.options.keyName) || o;
+    },
+    //TODO: 增加更多方法！！
+  },
+};
+export default modules;