@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/dist/src/views/FormDesign.vue.js

@@ -0,0 +1,1564 @@
+import { mapGetters, mapState } from "vuex";
+import { ADD_META } from "@epxing/core/src/store/actions";
+const _sfc_main = {
+  name: "epx-form-design",
+  navConfigs: {
+    flag: false
+  },
+  data() {
+    return {
+      content: "",
+      form: {},
+      formData: {},
+      editName: false,
+      globalSetting: false,
+      dataSource: [],
+      dataSourceModal: false,
+      setting: {
+        height: 500
+      },
+      dataSourceInfo: {},
+      linkEntityTree: [],
+      allFields: [],
+      fields: [],
+      defaultExpandKey: [],
+      defaultProps: {
+        children: "children",
+        label: "text"
+      },
+      initCondition: [],
+      searchParams: [],
+      formParam: {},
+      formParams: [],
+      formParamModal: false,
+      editFormParamId: "",
+      showFormParamsDialog: false,
+      previewParams: {},
+      pageSize: "A4",
+      searchText: "",
+      showLogField: false,
+      showSubField: true,
+      formFunction: [],
+      currentLanguage: this.defaultLanguage,
+      languageContent: {},
+      showPageFooterDialog: false,
+      pageSizePx: 595,
+      fieldRelation: [],
+      watermarkFieldsConfigs: [],
+      processParams: [],
+      entityDataMap: {},
+      // 自定义校验规则列表 [{ name, expression, errorInfo, enable }]
+      printChecks: [],
+      checkRuleDialog: false,
+      editingCheckIndex: -1,
+      checkRuleForm: {
+        name: "",
+        expression: "",
+        errorInfo: "",
+        enable: true
+      },
+      formulaDialog: false
+    };
+  },
+  computed: {
+    ...mapState({
+      systemVariableList: (state) => state.config.systemVariableList,
+      // 当前导航菜单
+      showMenu: (state) => state.config.showMenu,
+      showAppNav: (state) => state.config.showAppNav
+    }),
+    ...mapGetters(["getMetaViewFields"]),
+    variableTree() {
+      return [{
+        type: "folder",
+        name: "自定义参数",
+        children: this.formParams.map((item) => ({
+          ...item,
+          name: item.NAME,
+          value: item.CODE
+        }))
+      }, {
+        type: "folder",
+        name: "系统变量",
+        children: this.systemVariableList
+      }, {
+        value: "processParams",
+        type: "folder",
+        name: "流程参数",
+        children: this.processParams
+      }];
+    },
+    defineDynamicParams() {
+      return this.formParams.map((item) => ({
+        id: "${" + item.CODE + "}",
+        name: item.NAME
+      }));
+    },
+    sortFields: {
+      get() {
+        let {
+          SORT = "[]"
+        } = this.dataSourceInfo;
+        if (SORT === "undefined" || SORT === "" || SORT === null) SORT = "[]";
+        return JSON.parse(SORT);
+      },
+      set(v) {
+        this.dataSourceInfo.SORT = JSON.stringify(v);
+      }
+    },
+    groupSortFields: {
+      get() {
+        let {
+          GROUP_ORDER_FIELD = ""
+        } = this.dataSourceInfo;
+        if (GROUP_ORDER_FIELD === "undefined" || GROUP_ORDER_FIELD === "" || GROUP_ORDER_FIELD === null) GROUP_ORDER_FIELD = "";
+        return GROUP_ORDER_FIELD;
+      },
+      set(v) {
+        this.dataSourceInfo.GROUP_ORDER_FIELD = v;
+      }
+    },
+    loadRelationEntity: {
+      get() {
+        return this.dataSourceInfo.LOAD_RELATION_ENTITY || "1";
+      },
+      set(v) {
+        this.dataSourceInfo.LOAD_RELATION_ENTITY = v;
+      }
+    },
+    linkEntityCheckedKeys() {
+      const flags = this.dataSourceInfo.LINK_ENTITY;
+      return flags ? flags.split(",").filter(Boolean) : [];
+    },
+    linkEntityLabel() {
+      const keys = this.linkEntityCheckedKeys;
+      if (!keys.length) return "";
+      const titles = [];
+      const walk = (nodes) => {
+        if (!nodes) return;
+        nodes.forEach((node) => {
+          if (keys.includes(node.flag)) titles.push(node.title);
+          if (node.childrens) walk(node.childrens);
+        });
+      };
+      walk(this.linkEntityTree);
+      return titles.length ? titles.join(",") : this.dataSourceInfo["LINK_ENTITY#"] || "";
+    },
+    showDataSource() {
+      const formatFields = (fields) => {
+        return fields.filter((item) => {
+          if (!this.showLogField && ["ID", "LOG_C_TIME", "LOG_C_USER", "LOG_U_TIME", "LOG_U_USER"].includes(item.code)) {
+            return false;
+          }
+          if (!this.showSubField && (item.relationType === "1" || item.isSub)) {
+            return false;
+          }
+          if (item.children) {
+            item.children = formatFields(item.children);
+          }
+          return true;
+        });
+      };
+      return this.dataSource.map((item) => {
+        if (this.entityDataMap[item.id]) {
+          const fields = this.$_.cloneDeep(this.entityDataMap[item.id]);
+          item.children = formatFields(fields);
+        }
+        return item;
+      });
+    },
+    languageFlag() {
+      const {
+        LANGUAGE_FLAG: languageFlag
+      } = this.clientConfig;
+      return languageFlag;
+    },
+    defaultLanguage() {
+      const {
+        LANGUAGE_DEFAULT: defaultLanguage
+      } = this.clientConfig;
+      return defaultLanguage;
+    },
+    currentLanguageName() {
+      const language = this.languageList.find((item) => item.id === this.currentLanguage) || {};
+      return language.name || "默认";
+    },
+    languageList() {
+      const {
+        LANGUAGES: languages = "",
+        "LANGUAGES#": languageNames = ""
+      } = this.clientConfig;
+      if (!languages) return [];
+      const languageIdList = languages.split(",");
+      const languageNameList = languageNames.split(",");
+      const languageList = languageIdList.map((item, index) => ({
+        id: item,
+        name: languageNameList[index]
+      }));
+      return languageList;
+    },
+    getText() {
+      return (field) => {
+        const getLabel = (arr) => {
+          for (const item of arr) {
+            if ((item.linkCode || item.code) === field) return item.text;
+            if (item.children) {
+              const label = getLabel(item.children);
+              if (label) return label;
+            }
+          }
+        };
+        return getLabel(this.allFields) || field;
+      };
+    },
+    // 自定义校验公式编辑器的参数库：只取主数据源（无主则取第一个），按 数据源 → 对象 → 字段 组织成树。
+    // getEntityMetaView 返回的 children 是一层 type==='meta' 节点的扁平数组：
+    //   无 linkFlag 的 meta 节点为主对象（其 children 即主对象字段），有 linkFlag 的为关联对象。
+    // 变量规则：主对象字段 token = 字段编号；关联对象字段 token = 关联标识符大写_字段编号。
+    checkParamList() {
+      const source = this.dataSource.find((item) => item.isMain) || this.dataSource[0];
+      if (!source || !source.children || !source.children.length) return [];
+      const bare = (v) => String(v == null ? "" : v).split("|").pop();
+      const toField = (f, prefix) => ({
+        code: prefix ? `${prefix}_${bare(f.code)}` : bare(f.code),
+        text: f.text || f.name,
+        type: f.dataType || "string"
+      });
+      const objects = [];
+      source.children.forEach((node) => {
+        if (node.type !== "meta") return;
+        const flag = bare(node.linkFlag || node.flag).toUpperCase();
+        const leaves = (node.children || []).filter((f) => f.type !== "meta" && bare(f.code));
+        if (!leaves.length) return;
+        if (flag) {
+          objects.push({
+            code: flag,
+            text: node.text || node.name,
+            type: "object",
+            children: leaves.map((f) => toField(f, flag))
+          });
+        } else {
+          objects.unshift({
+            code: node.code || "MAIN",
+            text: node.text || node.name,
+            type: "object",
+            children: leaves.map((f) => toField(f, ""))
+          });
+        }
+      });
+      if (!objects.length) return [];
+      return [{
+        code: source.sourceId || source.key,
+        text: source.name,
+        children: objects
+      }];
+    }
+  },
+  watch: {
+    globalSetting(v) {
+      if (v) {
+        this.$nextTick(() => {
+          this.initTitleEditor();
+          setTimeout(() => {
+            this.initWatermarkEditor();
+          }, 500);
+        });
+      }
+    },
+    "dataSourceInfo.ENTITY": {
+      handler(v) {
+        if (v) {
+          const meta = this.metas[v];
+          if (!meta) {
+            this.$store.dispatch({
+              // 加回调
+              type: ADD_META,
+              metaId: v
+            }).then((data) => {
+              if (data) {
+                const relations = data.getRelations();
+                this.getAllFields(relations);
+              }
+            });
+          } else {
+            const relations = meta.getRelations();
+            this.getAllFields(relations);
+          }
+          this.getLinkEntityTree(v);
+        } else {
+          this.linkEntityTree = [];
+        }
+      },
+      deep: true
+    },
+    "formData.WATER_MARK_TYPE"(v) {
+      if (v === "text") {
+        this.$nextTick(() => {
+          this.initWatermarkEditor();
+        });
+      }
+    },
+    dataSource: {
+      handler(v) {
+        if (this.editor && this.editor.options) {
+          const newDataSource = [...this.dataSource, {
+            type: "variable",
+            name: "系统变量",
+            children: this.systemVariableList
+          }, {
+            type: "variable",
+            name: "表单函数",
+            children: this.formFunction.map((item) => ({
+              name: item.name,
+              code: "#{" + item.code + "}"
+            }))
+          }, {
+            type: "process",
+            name: "流程参数",
+            children: this.processParams.map((item) => ({
+              name: item.name,
+              code: item.id
+            }))
+          }];
+          this.editor.options.set("dataSource", newDataSource);
+          this.updateTinyMCEDataSource();
+        }
+      },
+      deep: true
+    },
+    searchText(v) {
+      if (this.timer) {
+        this.timer = null;
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout(() => {
+        this.$refs.fieldTree.filter(this.searchText);
+        clearTimeout(this.timer);
+        this.timer = null;
+      }, 200);
+    },
+    showLogField() {
+      this.$nextTick(() => {
+        this.$refs.fieldTree.filter(this.searchText);
+      });
+    },
+    showSubField() {
+      this.$nextTick(() => {
+        this.$refs.fieldTree.filter(this.searchText);
+      });
+    }
+  },
+  methods: {
+    // 更新TinyMCE插件的数据源
+    updateTinyMCEDataSource() {
+      this.$nextTick(() => {
+        if (this.editor && this.editor.plugins && this.editor.plugins.data && this.editor.plugins.data.updateDataSource) {
+          this.editor.plugins.data.updateDataSource();
+          return;
+        }
+        if (this.editor && this.editor.updateDataSource) {
+          this.editor.updateDataSource();
+        }
+      });
+    },
+    backConfirm() {
+      this.saveContent();
+      let changeFlag = this.content !== this.initContent;
+      if (!changeFlag) {
+        for (const key in this.languageContent) {
+          if (this.languageContent[key] !== this.initLanguageContent[key]) {
+            changeFlag = true;
+            break;
+          }
+        }
+      }
+      if (changeFlag) {
+        this.$confirm("检测到您当前的报表配置还未进行保存操作，点击保存按钮即可执行保存操作", "操作提示", {
+          confirmButtonText: "保存",
+          cancelButtonText: "不保存",
+          type: "warning"
+        }).then(() => {
+          this.saveEditor(this.backPage);
+        }).catch(() => {
+          this.backPage();
+        });
+      } else {
+        this.backPage();
+      }
+    },
+    switchLanguage(v) {
+      if (this.currentLanguage === v) return;
+      this.$confirm("切换语种后，进入该语种报表内容配置页面，当前页面的配置内容可通过切换再次展示，继续操作请点击确认。", "操作提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.saveContent();
+        this.currentLanguage = v;
+        setTimeout(() => {
+          this.initEditor(v === this.defaultLanguage ? this.content || "" : this.languageContent[v] || "");
+        }, 10);
+      });
+    },
+    saveContent() {
+      const editorContent = this.ensureI18nKeys(this.editor.getContent());
+      if (!this.currentLanguage || this.currentLanguage === this.defaultLanguage) {
+        this.content = editorContent;
+      } else {
+        this.languageContent[this.currentLanguage] = editorContent;
+      }
+    },
+    ensureI18nKeys(content) {
+      if (!content) return content;
+      const document2 = new window.DOMParser().parseFromString(content, "text/html");
+      const textAttributes = ["title", "placeholder", "alt", "aria-label", "data-message", "data-error"];
+      const pureBinding = /^(?:\$\{[^}]+}|#\{[^}]+}|\{\{[^}]+}}|\{[A-Za-z0-9_.-]+})$/;
+      const hasLetter = new RegExp("[A-Za-z\\u3400-\\u9fff]");
+      const isTranslatable = (value) => {
+        const text = (value || "").trim();
+        return text && !pureBinding.test(text) && hasLetter.test(text);
+      };
+      const stablePath = (element) => {
+        const path = [];
+        let current = element;
+        while (current && current !== document2.body) {
+          const tag = current.tagName.toLowerCase();
+          const siblings = Array.from(current.parentElement.children).filter((item) => item.tagName === current.tagName);
+          path.unshift(tag + "_" + (siblings.indexOf(current) + 1));
+          current = current.parentElement;
+        }
+        return path.join(".");
+      };
+      const stableHash = (value) => {
+        let hash = 2166136261;
+        for (let index = 0; index < value.length; index++) {
+          hash ^= value.charCodeAt(index);
+          hash = Math.imul(hash, 16777619);
+        }
+        return (hash >>> 0).toString(36);
+      };
+      Array.from(document2.body.querySelectorAll("*")).forEach((element) => {
+        if (element.closest("script,style,noscript,template,[data-i18n-ignore]")) return;
+        const hasText = Array.from(element.childNodes).some((node) => node.nodeType === 3 && isTranslatable(node.textContent));
+        const hasTextAttribute = textAttributes.some((attribute) => element.hasAttribute(attribute) && isTranslatable(element.getAttribute(attribute)));
+        if ((hasText || hasTextAttribute) && !element.hasAttribute("data-i18n-key") && !element.id && !element.getAttribute("name")) {
+          element.setAttribute("data-i18n-key", "node_" + stableHash(stablePath(element)));
+        }
+      });
+      return document2.body.innerHTML;
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text && data.text.indexOf(value) !== -1;
+    },
+    saveEditor(cb) {
+      this.saveContent();
+      const {
+        id
+      } = this.$query;
+      this.$http.update({
+        entityId: this.$metaId,
+        "bean.ID": id,
+        // 'bean.TITLE': this.titleEditor.getContent(),
+        "bean.CONTENT": this.content,
+        "bean.LANGUAGE_PARAM": {
+          CONTENT: this.languageContent
+        }
+      }).then(() => {
+        this.$message.success("保存成功");
+        this.initContent = this.content;
+        this.initLanguageContent = this.$_.cloneDeep(this.languageContent);
+        cb && cb();
+      }).catch((err) => {
+        this.$message.error(err.message || "操作失败");
+      });
+    },
+    getDataSource() {
+      const {
+        id
+      } = this.$query;
+      this.$http.list({
+        entityId: "FM_FORM_SOURCE",
+        "scope.FORM": id
+      }).then(async (data) => {
+        this.dataSource = data.entitys.map((item) => ({
+          key: item.ID,
+          id: item.ENTITY,
+          name: item.NAME,
+          loadRelationEntity: item.LOAD_RELATION_ENTITY,
+          isMain: item.IS_MAIN_SOUCE === "1",
+          root: true,
+          sourceId: item.ID
+        }));
+        for (let index = 0; index < data.entitys.length; index++) {
+          const item = data.entitys[index];
+          if (item.ENTITY) {
+            if (!this.entityDataMap[item.ENTITY]) {
+              this.$store.dispatch({
+                type: ADD_META,
+                metaId: item.ENTITY
+              });
+              this.dataSource[index] = {
+                ...this.dataSource[index],
+                load: true
+              };
+              const entityData = await this.getAttribute(item, {
+                id: item.ENTITY,
+                name: item.NAME,
+                root: true,
+                sourceId: item.ID
+              });
+              this.entityDataMap[item.ENTITY] = entityData;
+              this.dataSource[index] = {
+                ...this.dataSource[index],
+                children: entityData,
+                load: false
+              };
+            } else {
+              this.dataSource[index] = {
+                ...this.dataSource[index],
+                children: this.entityDataMap[item.ENTITY]
+              };
+            }
+          }
+        }
+        if (this.editor) {
+          const content = this.editor.getContent();
+          if (content) this.content = content;
+        }
+        this.initEditor();
+      });
+    },
+    getAttribute(item, source) {
+      const {
+        ENTITY,
+        ENTITY_VIEW,
+        LOAD_RELATION_ENTITY
+      } = item;
+      return this.$http.get({
+        action: "getEntityMetaView",
+        entityId: "FM_ENTITY_VIEW",
+        metaId: ENTITY,
+        metaViewId: ENTITY_VIEW,
+        allSub: LOAD_RELATION_ENTITY !== "0"
+      }).then((data) => {
+        const formatData = (arr) => {
+          arr.forEach((item2) => {
+            item2.field = item2.type === "meta" ? item2.linkFlag : item2.linkCode || item2.code;
+            item2.relationSort = item2.relationType;
+            if (!item2.codeKey) item2.codeKey = item2.relatedEntity;
+            item2.id = item2.field;
+            item2.key = item2.field + "_" + this.$util.genId();
+            item2.name = item2.text;
+            item2.meta = item2.meta ? item2.meta.id : "";
+            if (item2.type === "meta" && item2.relationType === "1") item2.isSub = true;
+            if (item2.children) formatData(item2.children);
+          });
+        };
+        formatData(data);
+        return data;
+      });
+    },
+    getFieldRelation() {
+      this.$http.$post({
+        action: "getFieldRelation",
+        entityId: "FM_ATTRIBUTE_RELATION",
+        metaId: this.$metaId
+      }).then((data) => {
+        this.fieldRelation = data.field_relation;
+      });
+    },
+    getFieldConfigs() {
+      this.$FieldFactory.createFields({
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: "EDIT",
+        fields: ["PRINT_PAGE_SIZE", "PRINT_PAGE_DIRECTION", "LEFT_MARGIN", "RIGHT_MARGIN", "TOP_MARGIN", "BOTTOM_MARGIN", "WIDTH", "HEIGHT", "CHINESE_LAYOUT", "TEXT_ALIGNMENT_JUSTIFIED", "IS_PAGE_NUMBER", "PAGE_NUMBER_FORMAT", "PAGE_NUMBER_TOP", "PAGE_NUMBER_START", "PORTRAIT", "PORTRAIT_NUMBER_START", "PAGE_NUMBER_ALIGN", "PROCESS"]
+      }).then((data) => {
+        this.fieldsConfigs = [...data];
+      });
+      this.$FieldFactory.createFields({
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: "EDIT",
+        defaultFieldConfigs: {
+          WATER_MARK_TYPE: {
+            value: "none"
+          },
+          WATER_MARK_LEAN: {
+            value: 40
+          },
+          WATER_MARK_DENSITY: {
+            value: "2"
+          }
+        },
+        fields: [{
+          attriName: "WATER_MARK_TYPE",
+          value: "none"
+        }, "WATER_MARK_PICTURE", "WATER_MARK_PIC_HEIGHT", "WATER_MARK_PIC_WIDTH", "WATER_MARK_TEXT", "WATER_MARK_FONT_SIZE", "WATER_MARK_FONT_COLOR", "WATER_MARK_FONT_BLOD", "WATER_MARK_LEAN", "WATER_MARK_SPARENCY", "WATER_MARK_DENSITY"]
+      }).then((data) => {
+        this.watermarkFieldsConfigs = [...data];
+      });
+    },
+    setFormName() {
+      this.$http.update({
+        entityId: "FM_FORM",
+        "bean.ID": this.form.ID,
+        "bean.NAME": this.form.NAME
+      }).then(() => {
+        this.editName = false;
+      }).catch((err) => {
+        this.$message.error(err.errorText);
+      });
+    },
+    updateForm() {
+      const params = {};
+      this.syncPrintCheck();
+      this.formData.TITLE = this.titleEditor.getContent();
+      if (this.watermarkEditor) this.formData.WATER_MARK_TEXT = this.watermarkEditor.getContent();
+      for (const key in this.formData) {
+        if (!key.includes("#")) {
+          params[`bean.${key}`] = this.formData[key];
+        }
+      }
+      this.$http.update({
+        entityId: "FM_FORM",
+        ...params
+      }).then(() => {
+        this.globalSetting = false;
+        this.getProcessParams();
+        this.$message.success("保存成功");
+      }).catch((err) => {
+        this.$message.error(err.errorText);
+      });
+    },
+    getFormContent() {
+      const {
+        id
+      } = this.$query;
+      this.$http.get({
+        entityId: this.$metaId,
+        id
+      }).then((data) => {
+        if (data && data.data) {
+          this.form = {
+            ...data.data
+          };
+          this.formData = {
+            ...data.data
+          };
+          const defaultValue = {
+            WATER_MARK_TYPE: "none",
+            WATER_MARK_LEAN: 40,
+            WATER_MARK_DENSITY: "2"
+          };
+          for (const key in defaultValue) {
+            if (!this.formData[key]) {
+              this.formData[key] = defaultValue[key];
+            }
+          }
+          this.parsePrintCheck();
+          this.content = data.data.CONTENT;
+          this.languageContent = data.data.LANGUAGE_PARAM ? data.data.LANGUAGE_PARAM.CONTENT || {} : {};
+          this.initContent = data.data.CONTENT;
+          this.initLanguageContent = this.$_.cloneDeep(this.languageContent);
+          this.getPagePx();
+        }
+      });
+    },
+    async initTitleEditor() {
+      const that = this;
+      if (this.titleEditor) this.titleEditor.remove();
+      const editor = this.$refs.titleEditor;
+      await this.$util.usePlugin("tinymce");
+      globalThis.tinymce.init({
+        target: editor,
+        height: 80,
+        autoresize_min_height: 80,
+        plugins: "data",
+        menubar: false,
+        toolbar: false,
+        contextmenu: "data",
+        language: "zh_CN",
+        dataSource: this.dataSource,
+        statusbar: false,
+        content_style: "p {margin: 2px 0}",
+        promotion: false
+      }).then((editors) => {
+        this.titleEditor = editors[0];
+        if (this.titleEditor) {
+          const frame = this.titleEditor.iframeElement.contentWindow;
+          const editorContainer = frame.document.querySelector("body");
+          editorContainer.ondragover = (e) => {
+            e.preventDefault();
+          };
+          editorContainer.ondrop = (e) => {
+            const type = e.dataTransfer.getData("type");
+            if (type === "variable" || type === "process") {
+              const variableCode = e.dataTransfer.getData("variableCode");
+              const variableName = e.dataTransfer.getData("variableName");
+              const span = document.createElement("span");
+              span.contentEditable = "false";
+              span.setAttribute("data-name", "variable");
+              span.setAttribute("data-value", variableCode);
+              span.innerHTML = `<label>{${variableName}}</label>`;
+              if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                e.target.innerHTML = "";
+              }
+              e.target.appendChild(span);
+            } else {
+              const fieldId = e.dataTransfer.getData("fieldId");
+              const sourceName = e.dataTransfer.getData("sourceName") || "";
+              const fieldName = e.dataTransfer.getData("fieldName");
+              if (fieldId) {
+                const span = document.createElement("span");
+                span.contentEditable = "false";
+                span.setAttribute("data-name", "datasource");
+                span.setAttribute("data-datasource", sourceName);
+                span.setAttribute("data-field", fieldId);
+                span.innerHTML = `<label>{${fieldName}}</label>`;
+                if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                  e.target.innerHTML = "";
+                }
+                e.target.appendChild(span);
+              } else {
+                return true;
+              }
+            }
+            const value = this.titleEditor.getContent();
+            that.formData = {
+              ...that.formData,
+              TITLE: value
+            };
+          };
+          this.titleEditor.setContent(this.formData.TITLE || "");
+        }
+      });
+    },
+    async initWatermarkEditor() {
+      const that = this;
+      const editor = this.$refs.watermarkEditor;
+      if (!editor) return;
+      if (this.watermarkEditor) this.watermarkEditor.remove();
+      await this.$util.usePlugin("tinymce");
+      globalThis.tinymce.init({
+        target: editor,
+        height: 80,
+        autoresize_min_height: 80,
+        plugins: "data",
+        menubar: false,
+        toolbar: false,
+        contextmenu: "data",
+        language: "zh_CN",
+        dataSource: [...this.dataSource, {
+          type: "variable",
+          name: "系统变量",
+          children: this.systemVariableList
+        }],
+        statusbar: false,
+        content_style: "p {margin: 2px 0}",
+        promotion: false
+      }).then((editors) => {
+        this.watermarkEditor = editors[0];
+        if (this.watermarkEditor) {
+          const frame = this.titleEditor.iframeElement.contentWindow;
+          const editorContainer = frame.document.querySelector("body");
+          editorContainer.ondragover = (e) => {
+            e.preventDefault();
+          };
+          editorContainer.ondrop = (e) => {
+            const type = e.dataTransfer.getData("type");
+            if (type === "variable" || type === "process") {
+              const variableCode = e.dataTransfer.getData("variableCode");
+              const variableName = e.dataTransfer.getData("variableName");
+              const span = document.createElement("span");
+              span.contentEditable = "false";
+              span.setAttribute("data-name", "variable");
+              span.setAttribute("data-value", variableCode);
+              span.innerHTML = `<label>{${variableName}}</label>`;
+              if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                e.target.innerHTML = "";
+              }
+              e.target.appendChild(span);
+            } else {
+              const fieldId = e.dataTransfer.getData("fieldId");
+              const sourceName = e.dataTransfer.getData("sourceName") || "";
+              const fieldName = e.dataTransfer.getData("fieldName");
+              if (fieldId) {
+                const span = document.createElement("span");
+                span.contentEditable = "false";
+                span.setAttribute("data-name", "datasource");
+                span.setAttribute("data-datasource", sourceName);
+                span.setAttribute("data-field", fieldId);
+                span.innerHTML = `<label>{${sourceName}.${fieldName}}</label>`;
+                if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                  e.target.innerHTML = "";
+                }
+                e.target.appendChild(span);
+                const value = this.watermarkEditor.getContent();
+                that.formData = {
+                  ...that.formData,
+                  WATER_MARK_TEXT: value
+                };
+              } else {
+                return true;
+              }
+            }
+          };
+          this.watermarkEditor.setContent(this.formData.WATER_MARK_TEXT || "");
+        }
+      });
+    },
+    async initEditor(content) {
+      const that = this;
+      const {
+        FORM_EXTEND_FONTS = ""
+      } = this.clientConfig;
+      if (this.editor) this.editor.remove();
+      let fontsizeFormats = "";
+      for (let i = 1; i <= 50; i++) {
+        fontsizeFormats += i + "pt ";
+      }
+      const editor = this.$refs.editor;
+      await this.$util.usePlugin("tinymce");
+      globalThis.tinymce.init({
+        target: editor,
+        plugins: "table data paper pagebreak image code br supercode",
+        toolbar: ["undo redo | styles | bold italic underline  strikethrough | lineheight | alignleft aligncenter alignright alignjustify | firstlineindent | table | paper | pagebreak | image", "fontfamily | fontsize | forecolor backcolor supercode"],
+        setup: function(editor2) {
+          editor2.on("init", () => {
+            editor2.formatter.register("firstlineindent", {
+              selector: "p,h1,h2,h3,h4,h5,h6,div,td,th,li",
+              styles: {
+                "text-indent": "2em"
+              }
+            });
+          });
+          editor2.ui.registry.addToggleButton("firstlineindent", {
+            icon: "indent",
+            tooltip: "首行缩进",
+            onAction: function(api) {
+              editor2.formatter.toggle("firstlineindent");
+              api.setActive(editor2.formatter.match("firstlineindent"));
+            },
+            onSetup: function(api) {
+              const changed = editor2.formatter.formatChanged("firstlineindent", (state) => api.setActive(state));
+              return () => changed.unbind();
+            }
+          });
+        },
+        contextmenu: "link image imagetools table  spellchecker copy data",
+        menu: {
+          view: {
+            title: "视图",
+            items: "visualaid code paper"
+          },
+          insert: {
+            title: "插入",
+            items: "image table br"
+          }
+        },
+        promotion: false,
+        language: "zh_CN",
+        supercode: {
+          theme: "chrome",
+          fontSize: 14,
+          wrap: true,
+          autocomplete: true,
+          iconName: "sourcecode",
+          language: "html",
+          shortcut: true,
+          aceCss: "your custom CSS rules or fonts for ace",
+          fontFamily: "Monospace"
+        },
+        dataSource: [...this.dataSource, {
+          type: "variable",
+          name: "系统变量",
+          children: this.systemVariableList
+        }, {
+          type: "variable",
+          name: "表单函数",
+          children: this.formFunction.map((item) => ({
+            name: item.name,
+            code: "#{" + item.code + "}"
+          }))
+        }, {
+          type: "process",
+          name: "流程参数",
+          children: this.processParams.map((item) => ({
+            name: item.name,
+            code: item.id
+          }))
+        }],
+        branding: false,
+        images_upload_handler: (blobInfo) => {
+          var file = blobInfo.blob();
+          return this.$http.save({
+            action: "upload",
+            file
+          }, {
+            requestType: "formData"
+          }).then((data) => {
+            if (data && data.bean) {
+              return this.$util.getFileUrl(data.bean, "", false);
+            }
+          });
+        },
+        file_picker_callback: function(callback, value, meta) {
+          var input = document.createElement("input");
+          input.setAttribute("type", "file");
+          input.click();
+          input.onchange = function(evt) {
+            const file = this.files[0];
+            that.$http.save({
+              action: "upload",
+              file
+            }, {
+              requestType: "formData"
+            }).then((data) => {
+              if (data && data.bean) {
+                callback(that.$util.getFileUrl(data.bean, "", false), {
+                  text: file.name
+                });
+              }
+            });
+          };
+        },
+        content_style: "p {margin: 2px 0}",
+        lineheight_formats: "1 1.1 1.2 1.3 1.4 1.5 2 2.5 3",
+        font_family_formats: "Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;宋体=simsun,serif;黑体=SimHei;仿宋=FangSong;华文中宋=STZhongsong;方正苏新诗柳楷简体;汉仪中黑简;方正仿宋_GBK;方正黑体_GBK;方正楷体_GBK;方正小标宋简体;仿宋_GB2312;" + FORM_EXTEND_FONTS,
+        font_size_formats: fontsizeFormats,
+        relative_urls: false,
+        remove_script_host: false
+      }).then((editors) => {
+        this.editor = editors[0];
+        if (this.editor) {
+          this.editor.editorContainer.style.width = this.pageSizePx + "px";
+          const frame = this.editor.iframeElement.contentWindow;
+          const editorContainer = frame.document.querySelector("body");
+          editorContainer.ondragover = (e) => {
+            e.preventDefault();
+          };
+          editorContainer.ondrop = (e) => {
+            let node = e.target;
+            while (node.nodeName === "LABEL") {
+              node = node.parentNode;
+            }
+            const type = e.dataTransfer.getData("type");
+            if (type === "variable" || type === "process") {
+              const variableCode = e.dataTransfer.getData("variableCode");
+              const variableName = e.dataTransfer.getData("variableName");
+              const span = document.createElement("font");
+              span.contentEditable = "false";
+              span.setAttribute("data-name", "variable");
+              if (type === "process") {
+                span.setAttribute("data-name", "process");
+              }
+              span.setAttribute("data-value", variableCode);
+              span.innerHTML = `<label>{${variableName}}</label>`;
+              if (e.target.innerHTML === "<br>") {
+                e.target.innerHTML = "";
+              }
+              if (node.getAttribute("data-name") === "datasource" || node.getAttribute("data-name") === "variable") {
+                node.parentNode.insertBefore(span, node);
+              } else {
+                node.appendChild(span);
+              }
+            } else {
+              const fieldId = e.dataTransfer.getData("fieldId");
+              const sourceName = e.dataTransfer.getData("sourceName") || "";
+              const fieldName = e.dataTransfer.getData("fieldName");
+              if (fieldId) {
+                const span = document.createElement("font");
+                span.contentEditable = "false";
+                span.setAttribute("data-name", "datasource");
+                span.setAttribute("data-datasource", sourceName);
+                span.setAttribute("data-field", fieldId);
+                span.innerHTML = `<label>{${fieldName}}</label>`;
+                if (e.target.innerHTML === "<br>") {
+                  e.target.innerHTML = "";
+                }
+                if (node.getAttribute("data-name") === "datasource" || node.getAttribute("data-name") === "variable") {
+                  node.parentNode.insertBefore(span, node);
+                } else {
+                  node.appendChild(span);
+                }
+              } else {
+                return true;
+              }
+            }
+          };
+          this.editor.setContent(content || this.content);
+        }
+      });
+    },
+    openAddDataSourceModal() {
+    },
+    updateDataSourceInfo(v) {
+      this.dataSourceInfo = {
+        ...this.dataSourceInfo,
+        ...v
+      };
+    },
+    updateFormParam(v) {
+      this.formParam = {
+        ...this.formParam,
+        ...v
+      };
+    },
+    getAllFields(relations) {
+      const fields = this.getMetaViewFields(this.dataSourceInfo.ENTITY);
+      if (fields) {
+        this.allFields = fields;
+        this.defaultExpandKey = [fields[0].code];
+      } else {
+        this.$store.dispatch({
+          type: "ADD_META_VIEW_FIELDS",
+          metaId: this.dataSourceInfo.ENTITY
+        }).then((fields2) => {
+          this.allFields = fields2.filter((item) => item.relationType !== "1");
+          this.defaultExpandKey = [fields2[0].code];
+        });
+      }
+    },
+    addSortField(field) {
+      if (!field.leaf) return;
+      const code = field.linkCode || field.code;
+      const sortField = this.sortFields.find((item) => item.code === code);
+      if (!sortField) {
+        this.sortFields = [...this.sortFields, {
+          code,
+          text: field.text,
+          sort: "asc"
+        }];
+      }
+    },
+    addGroupSortField(field) {
+      if (!field.leaf) return;
+      const code = field.linkCode || field.code;
+      this.groupSortFields = code;
+    },
+    changeSort(field) {
+      const sortFieldIndex = this.sortFields.findIndex((item) => item.code === field.code);
+      if (sortFieldIndex !== -1) {
+        const sortField = this.sortFields.find((item) => item.code === field.code);
+        const sortFields = [...this.sortFields];
+        sortFields.splice(sortFieldIndex, 1, {
+          ...sortField,
+          sort: sortField.sort === "asc" ? "desc" : "asc"
+        });
+        this.sortFields = [...sortFields];
+      }
+    },
+    deleteSort(field) {
+      const sortFieldIndex = this.sortFields.findIndex((item) => item.code === field.code);
+      if (sortFieldIndex !== -1) {
+        const sortFields = [...this.sortFields];
+        sortFields.splice(sortFieldIndex, 1);
+        this.sortFields = [...sortFields];
+      }
+    },
+    deleteGroupSort(field) {
+      this.groupSortFields = "";
+    },
+    getLinkEntityTree(mainEntity) {
+      this.$http.$get({
+        entityId: "FM_ENTITY_RELATION",
+        action: "getAllEntityRelationTree",
+        mainEntity
+      }).then((data) => {
+        this.linkEntityTree = Array.isArray(data) ? data : data && data.data ? data.data : [];
+      }).catch(() => {
+        this.linkEntityTree = [];
+      });
+    },
+    onLinkEntityCheck() {
+      const tree = this.$refs.linkEntityTree;
+      if (!tree) return;
+      const checked = tree.getCheckedNodes();
+      this.dataSourceInfo.LINK_ENTITY = checked.map((item) => item.flag).join(",");
+      this.dataSourceInfo["LINK_ENTITY#"] = checked.map((item) => item.title).join(",");
+    },
+    formatSearchParams() {
+      const params = {};
+      this.searchParams.map((item, i) => {
+        if (i < this.searchParams.length - 1) {
+          params[`search.link${i + 1}`] = item.link || "and";
+        }
+        params[`search.leftBrace${i + 1}`] = item.leftBrace || "";
+        params[`search.field${i + 1}`] = "";
+        params[`search.value${i + 1}`] = item.value;
+        if (item.dateType) params[`search.dateType${i + 1}`] = item.dateType;
+        params[`search.attriName${i + 1}`] = (item.field || item.attriName).replace("#", "").replace(/\|/g, ".");
+        params[`search.relation${i + 1}`] = item.relation;
+        params[`search.realRelation${i + 1}`] = item.relation;
+        params[`search.realValue${i + 1}`] = item.realValue || item.value;
+        params[`search.rightBrace${i + 1}`] = item.rightBrace || "";
+        params[`search.metaId${i + 1}`] = this.$metaId;
+        params[`search.inputMode${i + 1}`] = item.inputMode || "";
+      });
+      params.size = this.searchParams.length;
+      return params;
+    },
+    dropDataSource(node, current, type, event) {
+      const str = this.showDataSource.reduce((str2, item, index) => str2 += item.sourceId + ":" + index + ",", "");
+      const params = {
+        action: "moveList",
+        entityId: "FM_FORM_SOURCE",
+        orderString: str
+      };
+      this.$http.$post(params).then((data) => {
+      });
+    },
+    allowDrop(draggingNode, dropNode, type) {
+      return draggingNode.data.root && dropNode.data.root && type !== "inner";
+    },
+    submitDataSource() {
+      const {
+        id
+      } = this.$query;
+      const {
+        ENTITY,
+        ENTITY_VIEW,
+        LINK_ENTITY,
+        NAME,
+        SORT,
+        GROUP_ORDER_FIELD,
+        IS_MAIN_SOUCE,
+        SUB_SOURCE,
+        DATA_SCOPE,
+        LOAD_RELATION_ENTITY
+      } = this.dataSourceInfo;
+      this.$http.save({
+        action: this.editDataSourceId ? "update" : "save",
+        entityId: "FM_FORM_SOURCE",
+        "bean.ID": this.editDataSourceId ? this.editDataSourceId : "",
+        "bean.FORM": id || "",
+        "bean.ENTITY": ENTITY || "",
+        "bean.ENTITY_VIEW": ENTITY_VIEW || "",
+        "bean.LINK_ENTITY": LINK_ENTITY || "",
+        "bean.NAME": NAME || "",
+        "bean.SORT": SORT || "",
+        "bean.GROUP_ORDER_FIELD": GROUP_ORDER_FIELD || "",
+        "bean.SUB_SOURCE": SUB_SOURCE || "",
+        "bean.DATA_SCOPE": DATA_SCOPE || "",
+        "bean.IS_MAIN_SOUCE": IS_MAIN_SOUCE || "0",
+        "bean.LOAD_RELATION_ENTITY": LOAD_RELATION_ENTITY || "1",
+        "bean.CLIENT": this.form.CLIENT,
+        "bean.SYSTEM": this.form.SYSTEM
+        // ...params
+      }).then((data) => {
+        this.dataSourceModal = false;
+        this.searchParams = [];
+        this.dataSourceInfo = {};
+        let index = -1;
+        if (!this.editDataSourceId) {
+          this.dataSource.push({
+            key: data,
+            id: ENTITY,
+            name: NAME,
+            loadRelationEntity: LOAD_RELATION_ENTITY,
+            root: true,
+            sourceId: data
+          });
+          index = this.dataSource.length - 1;
+        } else {
+          index = this.dataSource.findIndex((item) => item.sourceId === this.editDataSourceId);
+          if (index !== -1) {
+            if (NAME !== this.dataSource[index].name) {
+              this.dataSource.splice(index, 1, {
+                ...this.dataSource[index],
+                name: NAME
+              });
+            }
+            if (LOAD_RELATION_ENTITY !== this.dataSource[index].loadRelationEntity) {
+              this.getAttribute({
+                ENTITY,
+                ENTITY_VIEW,
+                LOAD_RELATION_ENTITY
+              }).then((entityData) => {
+                this.entityDataMap[ENTITY] = entityData;
+                this.dataSource[index] = {
+                  ...this.dataSource[index],
+                  loadRelationEntity: LOAD_RELATION_ENTITY,
+                  children: entityData
+                };
+              });
+            }
+          }
+        }
+        if (ENTITY) {
+          if (!this.entityDataMap[ENTITY]) {
+            this.$store.dispatch({
+              type: ADD_META,
+              metaId: ENTITY
+            });
+            this.getAttribute({
+              ENTITY,
+              ENTITY_VIEW,
+              LOAD_RELATION_ENTITY
+            }).then((entityData) => {
+              this.entityDataMap[ENTITY] = entityData;
+              this.dataSource[index] = {
+                ...this.dataSource[index],
+                children: entityData
+              };
+            });
+          } else if (index !== -1) {
+            this.dataSource[index] = {
+              ...this.dataSource[index],
+              children: this.entityDataMap[ENTITY]
+            };
+          }
+        }
+        this.editDataSourceId = "";
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    clickDataSource(data) {
+      if (data.root) {
+        this.editDataSourceId = data.sourceId;
+      }
+    },
+    addDataSource() {
+      this.editDataSourceId = "";
+      this.searchParams = [];
+      this.dataSourceInfo = {};
+      this.fields = [];
+      this.dataSourceModal = true;
+    },
+    editDataSource(data) {
+      this.$http.get({
+        entityId: "FM_FORM_SOURCE",
+        id: this.editDataSourceId
+      }).then((data2) => {
+        if (data2 && data2.data) {
+          this.dataSourceInfo = {
+            ...data2.data
+          };
+        }
+        this.dataSourceModal = true;
+      }).catch(() => {
+        this.dataSourceModal = true;
+      });
+    },
+    deleteDataSource() {
+      if (!this.editDataSourceId) {
+        this.$message.error("请选择要删除的数据源");
+        return;
+      }
+      this.$http.removeMulti({
+        entityId: "FM_FORM_SOURCE",
+        ids: this.editDataSourceId
+      }).then((data) => {
+        if (data !== false) {
+          this.$message.success("删除成功");
+          const index = this.dataSource.findIndex((item) => item.sourceId === this.editDataSourceId);
+          if (index !== -1) {
+            this.dataSource.splice(index, 1);
+          }
+        } else {
+          this.$message.err("删除失败");
+        }
+      });
+    },
+    getFormParams() {
+      const {
+        id
+      } = this.$query;
+      this.$http.list({
+        entityId: "FM_FORM_PARAM",
+        "scope.FORM": id
+      }).then((data) => {
+        this.formParams = [...data.entitys];
+      });
+      if (this.systemVariableList.length === 0) {
+        this.$store.dispatch("GET_SYSTEM_VARIABLE");
+      }
+      this.getProcessParams();
+    },
+    getProcessParams() {
+      const {
+        id
+      } = this.$query;
+      this.$http.list({
+        action: "getProcessParam",
+        entityId: "FM_FORM",
+        id
+      }).then((data) => {
+        this.processParams = data.map((item) => {
+          if (item.childrens) item.children = item.childrens;
+          delete item.childrens;
+          return item;
+        });
+      });
+    },
+    saveFormParam() {
+      const {
+        id
+      } = this.$query;
+      const {
+        CODE,
+        NAME
+      } = this.formParam;
+      this.$http.save({
+        action: this.editFormParamId ? "update" : "save",
+        entityId: "FM_FORM_PARAM",
+        "bean.ID": this.editFormParamId ? this.editFormParamId : "",
+        "bean.FORM": id,
+        "bean.CODE": CODE,
+        "bean.CLIENT": this.form.CLIENT,
+        "bean.SYSTEM": this.form.SYSTEM,
+        "bean.NAME": NAME
+      }).then(() => {
+        this.formParamModal = false;
+        this.editFormParamId = "";
+        this.formParam = {};
+        this.getFormParams();
+      }).catch((err) => {
+        this.$message.error(err.message || err.msg || "处理失败");
+      });
+    },
+    addFormParam() {
+      this.editFormParamId = "";
+      this.formParam = {};
+      this.formParamModal = true;
+    },
+    editFormParam(param) {
+      this.editFormParamId = param.ID;
+      this.formParamModal = true;
+      this.formParam = {
+        ...param
+      };
+    },
+    deleteFormParam(param) {
+      this.$http.removeMulti({
+        entityId: "FM_FORM_PARAM",
+        ids: param.ID
+      }).then((data) => {
+        this.$message.success("删除成功");
+        this.getFormParams();
+      });
+    },
+    mmConversionPx(value) {
+      var arrDPI = [];
+      if (window.screen.deviceXDPI) {
+        arrDPI[0] = window.screen.deviceXDPI;
+        arrDPI[1] = window.screen.deviceYDPI;
+      } else {
+        var tmpNode = document.createElement("DIV");
+        tmpNode.style.cssText = "width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";
+        document.body.appendChild(tmpNode);
+        arrDPI[0] = parseInt(tmpNode.offsetWidth);
+        arrDPI[1] = parseInt(tmpNode.offsetHeight);
+        tmpNode.parentNode.removeChild(tmpNode);
+      }
+      var inch = value / 25.4;
+      var cValue = inch * arrDPI[0];
+      return cValue;
+    },
+    // 预览
+    showPreviewDialog() {
+      this.showFormParamsDialog = true;
+    },
+    preview() {
+      this.$http.save({
+        action: "showPdf",
+        entityId: "FM_FORM",
+        code: this.form.CODE,
+        querySystem: this.form.SYSTEM,
+        ...this.previewParams,
+        html: this.editor.getContent()
+        // title: this.titleEditor.getContent()
+      }, {
+        responseType: "blob"
+      }).then((res) => {
+        const fileName = decodeURIComponent(res.filename);
+        if (fileName.indexOf("@") > -1) {
+          const fileNameArr = fileName.split("@");
+          window.open(fileNameArr[1]);
+        } else {
+          const url = window.URL.createObjectURL(res.blob);
+          window.open(url);
+        }
+        this.showFormParamsDialog = false;
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    dragDataSource(node, e) {
+      if (node.data.root || node.data.type === "meta") return;
+      if (node.parent) {
+        let parent = node.parent;
+        let nodeText = "";
+        while (parent.parent && parent.data.root !== true) {
+          nodeText = parent.data.text + "." + nodeText;
+          parent = parent.parent;
+        }
+        const field = {
+          sourceId: parent.data.id,
+          sourceName: parent.data.name,
+          fieldId: node.data.id,
+          fieldName: nodeText ? nodeText + node.data.text : node.data.text
+        };
+        for (const key in field) {
+          e.dataTransfer.setData(key, field[key]);
+          e.dataTransfer.dropEffect = "copy";
+          e.dataTransfer.effectAllowed = "copy";
+        }
+      }
+    },
+    dragVariable(e, data, node) {
+      e.dataTransfer.setData("type", "variable");
+      e.dataTransfer.setData("variableName", data.name);
+      if (data.type === "process") {
+        e.dataTransfer.setData("type", "process");
+        e.dataTransfer.setData("variableCode", data.value);
+      } else {
+        e.dataTransfer.setData("variableCode", data.code);
+      }
+      e.dataTransfer.dropEffect = "copy";
+      e.dataTransfer.effectAllowed = "copy";
+    },
+    getPagePx() {
+      const p = this.form.PRINT_PAGE_SIZE;
+      this.pageSizePx = p === "A0" ? 1684 : p === "A1" || p === "A2" ? 1190 : p === "A3" ? 842 : p === "A5" ? 420 : 595;
+    },
+    getFormFunction() {
+      this.$http.getCodes({
+        key: "FORM_FUNCTION"
+      }).then(async (data) => {
+        this.formFunction = [...data];
+      });
+    },
+    // 解析 PRINT_CHECK 字段（JSON 字符串）为规则列表
+    parsePrintCheck() {
+      const raw = this.formData.PRINT_CHECK;
+      let list = [];
+      if (raw) {
+        try {
+          const parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+          if (Array.isArray(parsed)) {
+            list = parsed.map((item) => ({
+              name: item.name || "",
+              expression: item.expression || "",
+              errorInfo: item.errorInfo || "",
+              enable: item.enable !== false
+            }));
+          }
+        } catch (e) {
+          list = [];
+        }
+      }
+      this.printChecks = list;
+    },
+    // 把规则列表同步回 formData.PRINT_CHECK（随全局设置一起保存）
+    syncPrintCheck() {
+      this.formData.PRINT_CHECK = JSON.stringify(this.printChecks);
+    },
+    // 表达式预览：去掉 #{...} 外层包裹
+    exprPreview(expr) {
+      if (!expr) return "";
+      return String(expr).replace(/^#\{([\s\S]*)\}$/, "$1");
+    },
+    // 打开规则表单弹窗（index < 0 为新增）
+    openCheckRule(index) {
+      this.editingCheckIndex = index;
+      if (index >= 0) {
+        const r = this.printChecks[index];
+        this.checkRuleForm = {
+          name: r.name,
+          expression: r.expression,
+          errorInfo: r.errorInfo,
+          enable: r.enable
+        };
+      } else {
+        this.checkRuleForm = {
+          name: "自定义校验 " + (this.printChecks.length + 1),
+          expression: "",
+          errorInfo: "",
+          enable: true
+        };
+      }
+      this.checkRuleDialog = true;
+    },
+    // 确定规则表单
+    confirmCheckRule() {
+      const {
+        name,
+        expression
+      } = this.checkRuleForm;
+      if (!name || !name.trim()) {
+        this.$message.warning("请输入规则名");
+        return;
+      }
+      if (!expression || !expression.trim()) {
+        this.$message.warning("请配置校验表达式");
+        return;
+      }
+      const rule = {
+        name: name.trim(),
+        expression: expression.trim(),
+        errorInfo: (this.checkRuleForm.errorInfo || "").trim(),
+        enable: this.checkRuleForm.enable !== false
+      };
+      if (this.editingCheckIndex >= 0) {
+        this.printChecks.splice(this.editingCheckIndex, 1, rule);
+      } else {
+        this.printChecks.push(rule);
+      }
+      this.syncPrintCheck();
+      this.checkRuleDialog = false;
+    },
+    // 删除规则
+    deleteCheckRule(index) {
+      this.$confirm("确定删除该校验规则？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.printChecks.splice(index, 1);
+        this.syncPrintCheck();
+      }).catch(() => {
+      });
+    },
+    // 打开公式编辑器
+    openFormulaDialog() {
+      this.formulaDialog = true;
+    },
+    // 公式编辑器确定回填表达式
+    confirmFormula(payload) {
+      if (payload && payload.el) {
+        this.checkRuleForm.expression = payload.el;
+      }
+      this.formulaDialog = false;
+    }
+  },
+  created() {
+    this.currentLanguage = this.defaultLanguage;
+    if (this.showMenu) {
+      this.changeMenuFlag = true;
+      this.$store.commit("SWITCH_MENU_SHOW", false);
+    }
+    if (this.showAppNav) {
+      this.changeAppNavFlag = true;
+      this.$store.commit("SWITCH_APP_NAV_SHOW", false);
+    }
+    this.getFormContent();
+    this.getFormFunction();
+    this.getDataSource();
+    this.getFormParams();
+    this.getFieldRelation();
+    this.getFieldConfigs();
+  },
+  beforeUnmount() {
+    if (this.changeMenuFlag) {
+      this.$store.commit("SWITCH_MENU_SHOW", true);
+    }
+    if (this.changeAppNavFlag) {
+      this.$store.commit("SWITCH_APP_NAV_SHOW", true);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};