流程文件保存格式修改

ruoyi-ui/src/views/system/bpmnPro/components/Toolbar/tools/Save.vue

@@ -1,6 +1,6 @@
 <template>
   <el-button @click="saveHandler" type="primary" size="small"
-  >保存
+    >保存
     <!-- <div class="button-list_column">
         <el-button type="primary" size="small" @click="getProcessAsBpmn"
           >导出为 Bpmn</el-button
@@ -16,9 +16,9 @@
 </template>
 
 <script>
-import {downloadFile, setEncoded} from "@utils/files";
-import {mapGetters} from "vuex";
-import {addProcess, updateProcess} from "@/api/bpmprocess/process";
+import { downloadFile, setEncoded } from "@utils/files";
+import { mapGetters } from "vuex";
+import { addProcess, updateProcess } from "@/api/bpmprocess/process";
 import xml from "highlight.js/lib/languages/xml";
 
 export default {
@@ -34,7 +34,7 @@ export default {
         const modeler = this.getModeler;
         // 按需要类型创建文件并下载
         if (type === "xml" || type === "bpmn") {
-          const {err, xml} = await modeler.saveXML();
+          const { err, xml } = await modeler.saveXML();
           // 读取异常时抛出异常
           if (err) {
             console.error(`[Process Designer Warn ]: ${err.message || err}`);
@@ -44,7 +44,7 @@ export default {
           // downloadFile(href, filename);
           return xml;
         } else {
-          const {err, svg} = await modeler.saveSVG();
+          const { err, svg } = await modeler.saveSVG();
           // 读取异常时抛出异常
           if (err) {
             console.error(err);
@@ -73,7 +73,7 @@ export default {
       try {
         if (!this.getModeler)
           return this.$message.error("流程图引擎初始化失败");
-        const {xml} = await this.getModeler.saveXML({
+        const { xml } = await this.getModeler.saveXML({
           format: true,
           preamble: true,
         });
@@ -94,12 +94,11 @@ export default {
     //   }
     //   return xmlObj;
     // },
-    getFileBinaryHandler() {
-    },
+    getFileBinaryHandler() {},
     async saveHandler() {
       let _this = this;
       let processJsonObj = await this.getProcessJson();
-      let {rootElements} = processJsonObj.rootElement;
+      let { rootElements } = processJsonObj.rootElement;
       let processKey = rootElements[0].id;
       let processName = rootElements[0].name;
       let processType = ""; //流程类型
@@ -143,15 +142,15 @@ export default {
           });
         } else {
           // 后台回传文件
-          var file = new File([processXmlContent], "hello.txt", {
-            type: "text/plain",
+          var file = new File([processXmlContent], processKey + ".bpmn", {
+            type: "text/xml",
           });
           const formData = new FormData();
-          formData.append('fileXML', file);
-          formData.append('processKey', processKey);
-          formData.append('processName', processName);
-          formData.append('processType', processType);
-          formData.append('processJson', JSON.stringify(processJsonObj));
+          formData.append("fileXML", file);
+          formData.append("processKey", processKey);
+          formData.append("processName", processName);
+          formData.append("processType", processType);
+          formData.append("processJson", JSON.stringify(processJsonObj));
           addProcess(formData).then((res) => {
             if (res.code == 200) {
               _this.$message.success("保存成功");