1

src/views/flow/DesktopForm.vue

@@ -1,52 +1,55 @@
 <script>
-import { deepCopy } from "@/utils"
+import { deepCopy } from "@/utils";
-import formBuilder from '@/utils/formBuilder'
+import formBuilder from "@/utils/formBuilder";
 import { PopupManager } from "element-ui/lib/utils/popup";
+import { getToken } from "@/utils/auth";
+import request from '@/utils/request'
+
 export default {
   props: {
     isFirstNode: {
       type: Boolean,
-      default: true
+      default: true,
     },
     readable: {
       type: Array,
       default: () => [],
-      required: true
+      required: true,
     },
     writeable: {
       type: Array,
       default: () => [],
-      required: true
+      required: true,
     },
     originalForm: {
       type: Object,
       default: () => ({}),
-      required: true
+      required: true,
     },
     subForm: {
       type: Map,
-      default: () => new Map()
+      default: () => new Map(),
     },
     device: {
       type: String,
-      default: 'desktop',
+      default: "desktop",
-      required: true
+      required: true,
     },
     fields: {
       type: Array,
       default: () => [],
-      required: true
+      required: true,
     },
     fileList: {
       type: Object,
       default: () => ({}),
-      required: true
+      required: true,
     },
     scriptContent: String,
     rules: {
       type: Object,
-      default: () => ({})
+      default: () => ({}),
-    }
+    },
   },
   data() {
     return {
@@ -57,99 +60,105 @@ export default {
       action: process.env.VUE_APP_BASE_API,
       form: {},
       file: {},
-    }
+    };
   },
   methods: {
+    request,
     async validate() {
-      return await (this.$refs['elForm'].validate())
+      return await this.$refs["elForm"].validate();
-    }
     },
-  computed: {
-
   },
+  computed: {},
   watch: {
     info(newVal) {
-      let keys = newVal.map(i => i.name)
+      let keys = newVal.map((i) => i.name);
-      keys.forEach(key => {
+      keys.forEach((key) => {
-        this.form[key] = ''
+        this.form[key] = "";
-      })
+      });
     },
     originalForm(newVal) {
-      this.form = deepCopy(newVal)
+      this.form = deepCopy(newVal);
     },
     fileList: {
       handler: function (newVal) {
-        this.file = deepCopy(newVal)
+        this.file = deepCopy(newVal);
       },
       immediate: true,
-      deep: true
+      deep: true,
     },
     scriptContent(newVal) {
       if (newVal) {
         try {
-          new Function(newVal).bind(this)()
+          new Function(newVal).bind(this)();
         } catch (err) {
-          console.error(err)
+          console.error(err);
         }
       }
     },
     isShowModal(newVal) {
       if (newVal) {
-        this.zIndex = PopupManager.nextZIndex()
+        this.zIndex = PopupManager.nextZIndex();
-      }
       }
     },
+  },
   render(h) {
-    const authFields = this.fields.map(field => ({
+    const authFields = this.fields.map((field) => ({
       ...field,
-      _readable: this.readable.indexOf(field.id) !== -1 || field.type === 'label',
+      _readable:
+        this.readable.indexOf(field.id) !== -1 || field.type === "label",
       _writeable: this.writeable.indexOf(field.id) !== -1,
-    }))
+    }));
     authFields.unshift({
-      name: 'flow_title',
+      name: "flow_title",
-      label: '工作名称',
+      label: "工作名称",
-      type: 'text',
+      type: "text",
       gs_x: 0,
       gs_y: 0,
       gs_width: 12,
       gs_height: 1,
       label_show: 1,
       _readable: !this.isFirstNode,
-      _writeable: this.isFirstNode
+      _writeable: this.isFirstNode,
-    })
+    });
-    return h('div',[
+    return h("div", [
-      h('el-form', {
+      h(
-        ref: 'elForm',
+        "el-form",
-        class: 'form',
+        {
+          ref: "elForm",
+          class: "form",
           props: {
             model: this.form,
-          'label-position': 'right',
+            "label-position": "right",
-          'label-width': '100px',
+            "label-width": "100px",
             rules: this.rules,
-          'inline-message': true
+            "inline-message": true,
-        }
+          },
-      },authFields.map(field => formBuilder.bind(this)(this.device, field, h))),
+        },
+        authFields.map((field) => formBuilder.bind(this)(this.device, field, h))
+      ),
       // 用于编写脚本中弹窗
-      h('vxe-modal',{
+      h(
+        "vxe-modal",
+        {
           props: {
             zIndex: this.zIndex,
             value: this.isShowModal,
             height: 640,
             width: 860,
-          'esc-closable': true
+            "esc-closable": true,
           },
           on: {
-          input: e => {
+            input: (e) => {
-            this.isShowModal = e
+              this.isShowModal = e;
-          }
-        }
-      }, [
-        this.modalRender.bind(this)(h)
-      ])
-    ])
             },
-  created() {}
+          },
-}
+        },
+        [this.modalRender.bind(this)(h)]
+      ),
+    ]);
+  },
+  created() {},
+};
 </script>
 
 <style scoped lang="scss">

src/views/flow/create.vue

@@ -303,6 +303,7 @@ export default {
     // 处理url中default_json
     handleDefaultJSON() {
       try {
+        if(!this.$route.query?.default_json) return
         const res = JSON.parse(this.$route.query?.default_json)
         console.log('default_json', res)
         for (let key in this.$route.query) {