mooho-base-admin-plus 2.10.60 → 2.10.62

package/package/mooho-base-admin-plus.min.esm.js

@@ -22662,6 +22662,8 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
   props: {},
   data() {
     return {
+      id: null,
+      readonly: null,
       opened: !1,
       current: {},
       offset: {},
@@ -22687,15 +22689,15 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
   },
   computed: {
     displayActivities() {
-      let a = this.toolbars;
-      return this.data && this.data.activities && (a = a.concat(this.data.activities)), this.newActivity && a.push(this.newActivity), a;
+      let a = [];
+      return this.readonly || (a = this.toolbars), this.data && this.data.activities && (a = a.concat(this.data.activities)), this.newActivity && a.push(this.newActivity), a;
     },
     activities() {
       return this.data.activities;
     }
   },
   async created() {
-    this.toolbars = [];
+    this.id = this.generateRandomString(10), this.toolbars = [];
     const a = await enumApi.query("ActivityType");
     let r = 0;
     a.forEach((o) => {
@@ -22711,7 +22713,7 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
   methods: {
     // 打开界面
     async open(a) {
-      this.opened = !0;
+      this.opened = !0, a.processInstID ? this.readonly = !0 : this.readonly = !1;
       const r = await processDefApi.getChart(a);
       this.data = r;
     },
@@ -22786,11 +22788,11 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
     },
     // 鼠标按钮在活动上按下
     mousedownActivity(a, r) {
-      a.isTool ? (this.newActivity = this.copy(a), this.movingActivity = this.newActivity) : this.movingActivity = a, this.offset.x = a.x - r.layerX, this.offset.y = a.y - r.layerY, this.isMoving = !0;
+      this.readonly || (a.isTool ? (this.newActivity = this.copy(a), this.movingActivity = this.newActivity) : this.movingActivity = a, this.offset.x = a.x - r.layerX, this.offset.y = a.y - r.layerY, this.isMoving = !0);
     },
     // 鼠标按钮在活动上抬起
     mouseupActivity(a) {
-      if (this.isCreatingOutcome) {
+      if (!this.readonly && this.isCreatingOutcome) {
         if (this.activityFrom.pid == a.pid || this.data.outcomes.some((r) => r.activityFromPid == this.activityFrom.pid && r.activityToPid == a.pid))
           return;
         this.data.outcomes.push({
@@ -22808,11 +22810,11 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
     },
     // 鼠标按钮在点上按下
     mousedownPoint(a, r, o, s) {
-      this.movingOutcome = a, this.movingPointIndex = o, this.offset.x = r.x - s.layerX, this.offset.y = r.y - s.layerY, this.isPointMoving = !0;
+      this.readonly || (this.movingOutcome = a, this.movingPointIndex = o, this.offset.x = r.x - s.layerX, this.offset.y = r.y - s.layerY, this.isPointMoving = !0);
     },
     // 鼠标按钮在点上抬起
     mouseupPoint(a, r) {
-      if (this.isCreatingOutcome) {
+      if (!this.readonly && this.isCreatingOutcome) {
         if (this.activityFrom.pid == activity.pid || this.data.outcomes.some((o) => o.activityFromPid == this.activityFrom.pid && o.activityToPid == activity.pid))
           return;
         this.data.outcomes.push({
@@ -22830,7 +22832,7 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
     },
     // 鼠标双击活动
     dblclickActivity(a) {
-      if (!a.isTool)
+      if (!this.readonly && !a.isTool)
         if (this.editActivity = a, a.activityType == "Interactive") {
           let r = [];
           a.destinationRoleParam && (r = JSON.parse(a.destinationRoleParam)), this.$refs.destinationRoleParamTable.loadData(r), this.$refs.interactiveForm.openDefault(a);
@@ -22838,30 +22840,32 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
     },
     // 鼠标双击结果
     dblclickOutcome(a) {
+      if (this.readonly)
+        return;
       this.editOutcome = this.copy(a), this.data.activities.find((o) => o.pid == a.activityFromPid).activityType == "Judgement" ? this.$refs.judgementOutcomeForm.openDefault(this.editOutcome) : this.$refs.outcomeForm.openDefault(this.editOutcome);
     },
     // 鼠标按钮抬起
     mouseUp(a) {
-      this.isMoving && this.movingActivity && this.movingActivity.isTool && (a.layerX > 10 + 30 * 2 + this.setting.rectWidth + this.setting.rectWidth / 2 && (this.newActivity.processID = this.data.processID, this.newActivity.isTool = !1, this.newActivity.pid = this.getNewActivityID(), this.data.activities.push(this.newActivity)), this.newActivity = null), this.isCreatingOutcome = !1, this.isMoving = !1, this.isPointMoving = !1;
+      this.readonly || (this.isMoving && this.movingActivity && this.movingActivity.isTool && (a.layerX > 10 + 30 * 2 + this.setting.rectWidth + this.setting.rectWidth / 2 && (this.newActivity.processID = this.data.processID, this.newActivity.isTool = !1, this.newActivity.pid = this.getNewActivityID(), this.data.activities.push(this.newActivity)), this.newActivity = null), this.isCreatingOutcome = !1, this.isMoving = !1, this.isPointMoving = !1);
     },
     // 鼠标移动
     mousemove(a) {
-      if (this.current.x = a.offsetX, this.current.y = a.offsetY, this.isMoving && (this.movingActivity.x = a.layerX + this.offset.x, this.movingActivity.y = a.layerY + this.offset.y), this.isPointMoving) {
+      if (!this.readonly && (this.current.x = a.offsetX, this.current.y = a.offsetY, this.isMoving && (this.movingActivity.x = a.layerX + this.offset.x, this.movingActivity.y = a.layerY + this.offset.y), this.isPointMoving)) {
         let r = JSON.parse(this.movingOutcome.points);
         r[this.movingPointIndex] = { x: a.layerX + this.offset.x, y: a.layerY + this.offset.y }, this.movingOutcome.points = JSON.stringify(r);
       }
     },
     // 鼠标移入活动中心位置
     mouseenterCenter(a) {
-      a.isTool || (a.activeCenter = !0);
+      this.readonly || a.isTool || (a.activeCenter = !0);
     },
     // 鼠标移出活动中心位置
     mouseleaveCenter(a) {
-      a.activeCenter = !1;
+      this.readonly || (a.activeCenter = !1);
     },
     // 活动中心位置按下鼠标
     mousedownCenter(a) {
-      a.activeCenter && (this.isCreatingOutcome = !0, this.activityFrom = a);
+      this.readonly || a.activeCenter && (this.isCreatingOutcome = !0, this.activityFrom = a);
     },
     // 获取新的Activity id
     getNewActivityID() {
@@ -22936,8 +22940,8 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
           y1: o.fromPoint.y,
           x2: o.toPoint.x,
           y2: o.toPoint.y,
-          markerStart: "url(#arrowStart)",
-          markerEnd: "url(#arrowEnd)"
+          markerStart: "url(#arrowStart_" + this.id + ")",
+          markerEnd: "url(#arrowEnd_" + this.id + ")"
         });
       else {
         let s = JSON.parse(a.points), l = { x: o.fromPoint.x, y: o.fromPoint.y }, c = 0;
@@ -22947,14 +22951,14 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
             y1: l.y,
             x2: u.x,
             y2: u.y,
-            markerStart: c == 0 ? "url(#arrowStart)" : null
+            markerStart: c == 0 ? "url(#arrowStart_" + this.id + ")" : null
           }), c++, l = u;
         r.push({
           x1: l.x,
           y1: l.y,
           x2: o.toPoint.x,
           y2: o.toPoint.y,
-          markerEnd: "url(#arrowEnd)"
+          markerEnd: "url(#arrowEnd_" + this.id + ")"
         });
       }
       return r;
@@ -22962,9 +22966,24 @@ const printTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc
     // 获取点
     getPoints(a) {
       return a.pointCount == null || a.pointCount == 0 ? [] : JSON.parse(a.points);
+    },
+    generateRandomString(a) {
+      const r = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+      let o = "";
+      for (let s = 0; s < a; s++) {
+        const l = Math.floor(Math.random() * r.length);
+        o += r[l];
+      }
+      return o;
+    },
+    getColor(a) {
+      if (!this.data.processInst || this.data.processInst.status != "InProcess" && this.data.processInst.status != "Finished")
+        return "#fff";
+      let r = this.data.activityInsts.find((o) => o.activityID == a.id);
+      return r == null ? "#fff" : r.status == "Pending" ? "#ff9900" : r.status == "Finished" ? "#8ecb30" : r.status == "Closed" || r.status == "Pass" ? "gray" : "#fff";
     }
   }
-}, _hoisted_1$O = { class: "title" }, _hoisted_2$y = { class: "ivu-ml-8 ivu-mr-8" }, _hoisted_3$t = ["id", "d"], _hoisted_4$k = ["width"], _hoisted_5$d = ["x", "y", "width", "height"], _hoisted_6$9 = ["x", "y", "font-size"], _hoisted_7$8 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_8$8 = ["x", "y", "width", "height"], _hoisted_9$7 = ["x", "y", "font-size"], _hoisted_10$6 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_11$4 = ["x", "y", "width", "height"], _hoisted_12$4 = ["x", "y", "width", "height"], _hoisted_13$4 = ["x", "y", "font-size"], _hoisted_14$4 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_15$3 = ["points"], _hoisted_16$1 = ["x", "y", "font-size"], _hoisted_17$1 = ["points", "onMousedown", "onMouseup", "onDblclick"], _hoisted_18$1 = ["x", "y", "width", "height"], _hoisted_19$1 = ["x", "y", "width", "height"], _hoisted_20$1 = ["x", "y", "font-size"], _hoisted_21$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_22$1 = ["x1", "y1", "x2", "y2"], _hoisted_23$1 = ["x1", "y1", "x2", "y2"], _hoisted_24$1 = ["x", "y", "font-size"], _hoisted_25$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_26$1 = ["cx", "cy", "r"], _hoisted_27$1 = ["x", "y", "font-size"], _hoisted_28$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_29$1 = ["cx", "cy", "opacity", "onMouseenter", "onMouseleave", "onMousedown", "onMouseup"], _hoisted_30$1 = ["x1", "y1", "x2", "y2", "marker-start", "marker-end", "onDblclick"], _hoisted_31$1 = ["cx", "cy", "onMousedown", "onMouseup"], _hoisted_32$1 = ["font-size", "onDblclick"], _hoisted_33$1 = ["href"], _hoisted_34 = ["x1", "y1", "x2", "y2"];
+}, _hoisted_1$O = { class: "title" }, _hoisted_2$y = { class: "ivu-ml-8 ivu-mr-8" }, _hoisted_3$t = ["id"], _hoisted_4$k = ["id"], _hoisted_5$d = ["id"], _hoisted_6$9 = ["id"], _hoisted_7$8 = ["id", "d"], _hoisted_8$8 = ["width"], _hoisted_9$7 = ["x", "y", "width", "height"], _hoisted_10$6 = ["x", "y", "font-size"], _hoisted_11$4 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_12$4 = ["x", "y", "width", "height"], _hoisted_13$4 = ["x", "y", "font-size"], _hoisted_14$4 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_15$3 = ["fill", "x", "y", "width", "height"], _hoisted_16$1 = ["x", "y", "width", "height", "href"], _hoisted_17$1 = ["x", "y", "font-size"], _hoisted_18$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_19$1 = ["points"], _hoisted_20$1 = ["x", "y", "font-size"], _hoisted_21$1 = ["points", "onMousedown", "onMouseup", "onDblclick"], _hoisted_22$1 = ["x", "y", "width", "height"], _hoisted_23$1 = ["x", "y", "width", "height", "href"], _hoisted_24$1 = ["x", "y", "font-size"], _hoisted_25$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_26$1 = ["x1", "y1", "x2", "y2"], _hoisted_27$1 = ["x1", "y1", "x2", "y2"], _hoisted_28$1 = ["x", "y", "font-size"], _hoisted_29$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_30$1 = ["cx", "cy", "r"], _hoisted_31$1 = ["x", "y", "font-size"], _hoisted_32$1 = ["x", "y", "width", "height", "onMousedown", "onMouseup", "onDblclick"], _hoisted_33$1 = ["cx", "cy", "opacity", "onMouseenter", "onMouseleave", "onMousedown", "onMouseup"], _hoisted_34 = ["x1", "y1", "x2", "y2", "marker-start", "marker-end", "onDblclick"], _hoisted_35 = ["cx", "cy", "onMousedown", "onMouseup"], _hoisted_36 = ["font-size", "onDblclick"], _hoisted_37 = ["href"], _hoisted_38 = ["x1", "y1", "x2", "y2", "marker-start", "marker-end"];
 function _sfc_render$13(a, r, o, s, l, c) {
   const u = resolveComponent("Button"), d = resolveComponent("Modal"), f = resolveComponent("view-table"), p = resolveComponent("Option"), g = resolveComponent("Select"), v = resolveComponent("modal-form");
   return openBlock(), createElementBlock("div", null, [
@@ -22990,7 +23009,8 @@ function _sfc_render$13(a, r, o, s, l, c) {
       footer: withCtx(() => [
         createElementVNode("div", null, [
           renderSlot(a.$slots, "footer", {}, () => [
-            createVNode$1(u, {
+            l.readonly ? createCommentVNode("", !0) : (openBlock(), createBlock(u, {
+              key: 0,
               type: "primary",
               "custom-icon": "fa fa-save",
               onClick: c.save
@@ -22999,8 +23019,9 @@ function _sfc_render$13(a, r, o, s, l, c) {
                 createTextVNode(toDisplayString$2(a.$t("Front_Btn_Save")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"]),
-            createVNode$1(u, {
+            }, 8, ["onClick"])),
+            l.readonly ? createCommentVNode("", !0) : (openBlock(), createBlock(u, {
+              key: 1,
               type: "primary",
               "custom-icon": "fa fa-upload",
               onClick: c.publish
@@ -23009,7 +23030,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                 createTextVNode(toDisplayString$2(a.$t("Front_Btn_Publish")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])
+            }, 8, ["onClick"]))
           ]),
           createVNode$1(u, {
             type: "default",
@@ -23036,53 +23057,54 @@ function _sfc_render$13(a, r, o, s, l, c) {
             onMousemove: r[1] || (r[1] = (...y) => c.mousemove && c.mousemove(...y))
           }, [
             createElementVNode("defs", null, [
-              r[4] || (r[4] = createElementVNode("symbol", {
-                id: "iconUser",
+              createElementVNode("symbol", {
+                id: "iconUser_" + l.id,
                 viewBox: "0 0 1024 1024"
-              }, [
-                createElementVNode("path", { d: "M908 799.542857a427.428571 427.428571 0 0 0-92.114286-136.571428 429.291429 429.291429 0 0 0-136.571428-92.114286c-0.457143-0.228571-0.914286-0.342857-1.371429-0.571429C749.142857 518.857143 795.428571 435.085714 795.428571 340.571429c0-156.571429-126.857143-283.428571-283.428571-283.428572S228.571429 184 228.571429 340.571429c0 94.514286 46.285714 178.285714 117.485714 229.828571-0.457143 0.228571-0.914286 0.342857-1.371429 0.571429-51.2 21.6-97.142857 52.571429-136.571428 92.114285a429.291429 429.291429 0 0 0-92.114286 136.571429A424.8 424.8 0 0 0 82.285714 957.485714a9.142857 9.142857 0 0 0 9.142857 9.371429h68.571429c5.028571 0 9.028571-4 9.142857-8.914286 2.285714-88.228571 37.714286-170.857143 100.342857-233.485714 64.8-64.8 150.857143-100.457143 242.514286-100.457143s177.714286 35.657143 242.514286 100.457143C817.142857 787.085714 852.571429 869.714286 854.857143 957.942857c0.114286 5.028571 4.114286 8.914286 9.142857 8.914286h68.571429a9.142857 9.142857 0 0 0 9.142857-9.371429c-1.142857-54.628571-12.457143-107.771429-33.714286-157.942857zM512 537.142857c-52.457143 0-101.828571-20.457143-138.971429-57.6S315.428571 393.028571 315.428571 340.571429c0-52.457143 20.457143-101.828571 57.6-138.971429S459.542857 144 512 144s101.828571 20.457143 138.971429 57.6S708.571429 288.114286 708.571429 340.571429c0 52.457143-20.457143 101.828571-57.6 138.971428S564.457143 537.142857 512 537.142857z" })
-              ], -1)),
-              r[5] || (r[5] = createElementVNode("symbol", {
-                id: "iconApi",
+              }, [...r[4] || (r[4] = [
+                createElementVNode("path", { d: "M908 799.542857a427.428571 427.428571 0 0 0-92.114286-136.571428 429.291429 429.291429 0 0 0-136.571428-92.114286c-0.457143-0.228571-0.914286-0.342857-1.371429-0.571429C749.142857 518.857143 795.428571 435.085714 795.428571 340.571429c0-156.571429-126.857143-283.428571-283.428571-283.428572S228.571429 184 228.571429 340.571429c0 94.514286 46.285714 178.285714 117.485714 229.828571-0.457143 0.228571-0.914286 0.342857-1.371429 0.571429-51.2 21.6-97.142857 52.571429-136.571428 92.114285a429.291429 429.291429 0 0 0-92.114286 136.571429A424.8 424.8 0 0 0 82.285714 957.485714a9.142857 9.142857 0 0 0 9.142857 9.371429h68.571429c5.028571 0 9.028571-4 9.142857-8.914286 2.285714-88.228571 37.714286-170.857143 100.342857-233.485714 64.8-64.8 150.857143-100.457143 242.514286-100.457143s177.714286 35.657143 242.514286 100.457143C817.142857 787.085714 852.571429 869.714286 854.857143 957.942857c0.114286 5.028571 4.114286 8.914286 9.142857 8.914286h68.571429a9.142857 9.142857 0 0 0 9.142857-9.371429c-1.142857-54.628571-12.457143-107.771429-33.714286-157.942857zM512 537.142857c-52.457143 0-101.828571-20.457143-138.971429-57.6S315.428571 393.028571 315.428571 340.571429c0-52.457143 20.457143-101.828571 57.6-138.971429S459.542857 144 512 144s101.828571 20.457143 138.971429 57.6S708.571429 288.114286 708.571429 340.571429c0 52.457143-20.457143 101.828571-57.6 138.971428S564.457143 537.142857 512 537.142857z" }, null, -1)
+              ])], 8, _hoisted_3$t),
+              createElementVNode("symbol", {
+                id: "iconApi_" + l.id,
                 viewBox: "0 0 1024 1024"
-              }, [
-                createElementVNode("path", { d: "M975.657143 96.914286l-48.457143-48.457143c-1.828571-1.828571-4.114286-2.628571-6.514286-2.628572s-4.685714 0.914286-6.514285 2.628572l-86.971429 86.971428a227.737143 227.737143 0 0 0-128.114286-39.2c-58.514286 0-117.028571 22.285714-161.714285 66.971429L420.914286 279.657143a9.177143 9.177143 0 0 0 0 12.914286L731.428571 603.085714c1.828571 1.828571 4.114286 2.628571 6.514286 2.628572 2.285714 0 4.685714-0.914286 6.514286-2.628572l116.457143-116.457143c78.742857-78.857143 88-200.8 27.771428-289.714285l86.971429-86.971429c3.542857-3.657143 3.542857-9.485714 0-13.028571zM805.828571 431.657143l-67.885714 67.885714-213.485714-213.485714 67.885714-67.885714c28.457143-28.457143 66.4-44.228571 106.742857-44.228572 40.342857 0 78.171429 15.657143 106.742857 44.228572 28.457143 28.457143 44.228571 66.4 44.228572 106.742857 0 40.342857-15.771429 78.171429-44.228572 106.742857z m-217.371428 120a9.177143 9.177143 0 0 0-12.914286 0L499.428571 627.771429 396.228571 524.571429l76.228572-76.228572c3.542857-3.542857 3.542857-9.371429 0-12.914286L430.857143 393.828571a9.177143 9.177143 0 0 0-12.914286 0L341.714286 470.057143l-49.142857-49.142857a8.971429 8.971429 0 0 0-6.514286-2.628572c-2.285714 0-4.685714 0.914286-6.514286 2.628572L163.2 537.371429c-78.742857 78.857143-88 200.8-27.771429 289.714285l-86.971428 86.971429a9.177143 9.177143 0 0 0 0 12.914286l48.457143 48.457142c1.828571 1.828571 4.114286 2.628571 6.514285 2.628572s4.685714-0.914286 6.514286-2.628572l86.971429-86.971428c38.514286 26.171429 83.314286 39.2 128.114285 39.2 58.514286 0 117.028571-22.285714 161.714286-66.971429l116.457143-116.457143c3.542857-3.542857 3.542857-9.371429 0-12.914285l-49.142857-49.142857 76.228571-76.228572c3.542857-3.542857 3.542857-9.371429 0-12.914286l-41.828571-41.371428zM431.657143 805.828571a150.08 150.08 0 0 1-106.742857 44.228572c-40.342857 0-78.171429-15.657143-106.742857-44.228572a150.08 150.08 0 0 1-44.228572-106.742857c0-40.342857 15.657143-78.171429 44.228572-106.742857l67.885714-67.885714 213.485714 213.485714-67.885714 67.885714z" })
-              ], -1)),
-              r[6] || (r[6] = createElementVNode("marker", {
-                id: "arrowStart",
+              }, [...r[5] || (r[5] = [
+                createElementVNode("path", { d: "M975.657143 96.914286l-48.457143-48.457143c-1.828571-1.828571-4.114286-2.628571-6.514286-2.628572s-4.685714 0.914286-6.514285 2.628572l-86.971429 86.971428a227.737143 227.737143 0 0 0-128.114286-39.2c-58.514286 0-117.028571 22.285714-161.714285 66.971429L420.914286 279.657143a9.177143 9.177143 0 0 0 0 12.914286L731.428571 603.085714c1.828571 1.828571 4.114286 2.628571 6.514286 2.628572 2.285714 0 4.685714-0.914286 6.514286-2.628572l116.457143-116.457143c78.742857-78.857143 88-200.8 27.771428-289.714285l86.971429-86.971429c3.542857-3.657143 3.542857-9.485714 0-13.028571zM805.828571 431.657143l-67.885714 67.885714-213.485714-213.485714 67.885714-67.885714c28.457143-28.457143 66.4-44.228571 106.742857-44.228572 40.342857 0 78.171429 15.657143 106.742857 44.228572 28.457143 28.457143 44.228571 66.4 44.228572 106.742857 0 40.342857-15.771429 78.171429-44.228572 106.742857z m-217.371428 120a9.177143 9.177143 0 0 0-12.914286 0L499.428571 627.771429 396.228571 524.571429l76.228572-76.228572c3.542857-3.542857 3.542857-9.371429 0-12.914286L430.857143 393.828571a9.177143 9.177143 0 0 0-12.914286 0L341.714286 470.057143l-49.142857-49.142857a8.971429 8.971429 0 0 0-6.514286-2.628572c-2.285714 0-4.685714 0.914286-6.514286 2.628572L163.2 537.371429c-78.742857 78.857143-88 200.8-27.771429 289.714285l-86.971428 86.971429a9.177143 9.177143 0 0 0 0 12.914286l48.457143 48.457142c1.828571 1.828571 4.114286 2.628571 6.514285 2.628572s4.685714-0.914286 6.514286-2.628572l86.971429-86.971428c38.514286 26.171429 83.314286 39.2 128.114285 39.2 58.514286 0 117.028571-22.285714 161.714286-66.971429l116.457143-116.457143c3.542857-3.542857 3.542857-9.371429 0-12.914285l-49.142857-49.142857 76.228571-76.228572c3.542857-3.542857 3.542857-9.371429 0-12.914286l-41.828571-41.371428zM431.657143 805.828571a150.08 150.08 0 0 1-106.742857 44.228572c-40.342857 0-78.171429-15.657143-106.742857-44.228572a150.08 150.08 0 0 1-44.228572-106.742857c0-40.342857 15.657143-78.171429 44.228572-106.742857l67.885714-67.885714 213.485714 213.485714-67.885714 67.885714z" }, null, -1)
+              ])], 8, _hoisted_4$k),
+              createElementVNode("marker", {
+                id: "arrowStart_" + l.id,
                 markerWidth: "10",
                 markerHeight: "10",
                 refX: "2",
                 refY: "2",
                 orient: "auto"
-              }, [
+              }, [...r[6] || (r[6] = [
                 createElementVNode("circle", {
                   cx: "2",
                   cy: "2",
                   r: "2",
                   fill: "#000"
-                })
-              ], -1)),
-              r[7] || (r[7] = createElementVNode("marker", {
-                id: "arrowEnd",
+                }, null, -1)
+              ])], 8, _hoisted_5$d),
+              createElementVNode("marker", {
+                id: "arrowEnd_" + l.id,
                 markerWidth: "10",
                 markerHeight: "10",
                 refX: "6",
                 refY: "2",
                 orient: "auto"
-              }, [
+              }, [...r[7] || (r[7] = [
                 createElementVNode("path", {
                   d: "M0,0 L0,4 L6,2 Z",
                   style: { fill: "#000" }
-                })
-              ], -1)),
+                }, null, -1)
+              ])], 8, _hoisted_6$9),
               (openBlock(!0), createElementBlock(Fragment, null, renderList(l.data.outcomes, (y, _) => (openBlock(), createElementBlock("path", {
                 key: _,
-                id: "outcome_" + y.pid,
+                id: "outcome_" + l.id + "_" + y.pid,
                 d: c.getOutcomPath(y)
-              }, null, 8, _hoisted_3$t))), 128))
+              }, null, 8, _hoisted_7$8))), 128))
             ]),
-            createElementVNode("rect", {
+            l.readonly ? createCommentVNode("", !0) : (openBlock(), createElementBlock("rect", {
+              key: 0,
               fill: "#ddd",
               "stroke-width": "0",
               rx: "0",
@@ -23091,7 +23113,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
               y: 10,
               width: 30 * 2 + l.setting.rectWidth,
               height: 630
-            }, null, 8, _hoisted_4$k),
+            }, null, 8, _hoisted_8$8)),
             (openBlock(!0), createElementBlock(Fragment, null, renderList(c.displayActivities, (y, _) => (openBlock(), createElementBlock(Fragment, { key: _ }, [
               y.activityType === "Begin" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createElementVNode("rect", {
@@ -23103,7 +23125,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   y: y.y - l.setting.rectHeight / 2,
                   width: l.setting.rectWidth,
                   height: l.setting.rectHeight
-                }, null, 8, _hoisted_5$d),
+                }, null, 8, _hoisted_9$7),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23111,7 +23133,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_6$9),
+                }, toDisplayString$2(y.name), 9, _hoisted_10$6),
                 createElementVNode("rect", {
                   opacity: "0",
                   rx: "25",
@@ -23122,7 +23144,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_7$8)
+                }, null, 40, _hoisted_11$4)
               ], 64)) : y.activityType === "End" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createElementVNode("rect", {
                   fill: "#fff",
@@ -23133,7 +23155,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   y: y.y - l.setting.rectHeight / 2,
                   width: l.setting.rectWidth,
                   height: l.setting.rectHeight
-                }, null, 8, _hoisted_8$8),
+                }, null, 8, _hoisted_12$4),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23141,7 +23163,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_9$7),
+                }, toDisplayString$2(y.name), 9, _hoisted_13$4),
                 createElementVNode("rect", {
                   opacity: "0",
                   rx: "25",
@@ -23152,10 +23174,10 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_10$6)
+                }, null, 40, _hoisted_14$4)
               ], 64)) : y.activityType === "Interactive" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                 createElementVNode("rect", {
-                  fill: "#fff",
+                  fill: c.getColor(y),
                   "stroke-width": "2",
                   rx: "5",
                   stroke: "#000",
@@ -23163,14 +23185,14 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   y: y.y - l.setting.rectHeight / 2,
                   width: l.setting.rectWidth,
                   height: l.setting.rectHeight
-                }, null, 8, _hoisted_11$4),
+                }, null, 8, _hoisted_15$3),
                 createElementVNode("use", {
                   x: y.x - l.setting.rectWidth / 2 + 2,
                   y: y.y - l.setting.rectHeight / 2 + 2,
                   width: l.setting.rectHeight / 3,
                   height: l.setting.rectHeight / 3,
-                  href: "#iconUser"
-                }, null, 8, _hoisted_12$4),
+                  href: "#iconUser_" + l.id
+                }, null, 8, _hoisted_16$1),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23178,7 +23200,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_13$4),
+                }, toDisplayString$2(y.name), 9, _hoisted_17$1),
                 createElementVNode("rect", {
                   opacity: "0",
                   rx: "5",
@@ -23189,7 +23211,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_14$4)
+                }, null, 40, _hoisted_18$1)
               ], 64)) : createCommentVNode("", !0),
               y.activityType === "Judgement" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                 createElementVNode("polygon", {
@@ -23197,7 +23219,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   fill: "#fff",
                   "stroke-width": "2",
                   stroke: "#000"
-                }, null, 8, _hoisted_15$3),
+                }, null, 8, _hoisted_19$1),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23205,14 +23227,14 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_16$1),
+                }, toDisplayString$2(y.name), 9, _hoisted_20$1),
                 createElementVNode("polygon", {
                   opacity: "0",
                   points: y.x - l.setting.rectWidth / 2 + " " + y.y + " " + y.x + " " + (y.y - l.setting.rectHeight / 2) + " " + (y.x + l.setting.rectWidth / 2) + " " + y.y + " " + y.x + " " + (y.y + l.setting.rectHeight / 2),
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_17$1)
+                }, null, 40, _hoisted_21$1)
               ], 64)) : createCommentVNode("", !0),
               y.activityType === "Service" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
                 createElementVNode("rect", {
@@ -23224,14 +23246,14 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   y: y.y - l.setting.rectHeight / 2,
                   width: l.setting.rectWidth,
                   height: l.setting.rectHeight
-                }, null, 8, _hoisted_18$1),
+                }, null, 8, _hoisted_22$1),
                 createElementVNode("use", {
                   x: y.x - l.setting.rectWidth / 2 + 2,
                   y: y.y - l.setting.rectHeight / 2 + 2,
                   width: l.setting.rectHeight / 3,
                   height: l.setting.rectHeight / 3,
-                  href: "#iconApi"
-                }, null, 8, _hoisted_19$1),
+                  href: "#iconApi_" + l.id
+                }, null, 8, _hoisted_23$1),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23239,7 +23261,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_20$1),
+                }, toDisplayString$2(y.name), 9, _hoisted_24$1),
                 createElementVNode("rect", {
                   opacity: "0",
                   rx: "5",
@@ -23250,7 +23272,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_21$1)
+                }, null, 40, _hoisted_25$1)
               ], 64)) : createCommentVNode("", !0),
               y.activityType === "ParallelStart" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                 createElementVNode("line", {
@@ -23259,14 +23281,14 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   x2: y.x + l.setting.rectWidth / 2,
                   y2: y.y - l.setting.rectHeight / 6,
                   style: { stroke: "rgb(0, 0, 0)", "stroke-width": "2" }
-                }, null, 8, _hoisted_22$1),
+                }, null, 8, _hoisted_26$1),
                 createElementVNode("line", {
                   x1: y.x - l.setting.rectWidth / 2,
                   y1: y.y + l.setting.rectHeight / 6,
                   x2: y.x + l.setting.rectWidth / 2,
                   y2: y.y + l.setting.rectHeight / 6,
                   style: { stroke: "rgb(0, 0, 0)", "stroke-width": "2" }
-                }, null, 8, _hoisted_23$1),
+                }, null, 8, _hoisted_27$1),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23274,7 +23296,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_24$1),
+                }, toDisplayString$2(y.name), 9, _hoisted_28$1),
                 createElementVNode("rect", {
                   x: y.x - l.setting.rectWidth / 2,
                   y: y.y - l.setting.rectHeight / 2,
@@ -23284,7 +23306,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_25$1)
+                }, null, 40, _hoisted_29$1)
               ], 64)) : createCommentVNode("", !0),
               y.activityType === "ParallelEnd" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
                 createElementVNode("circle", {
@@ -23294,7 +23316,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   stroke: "black",
                   "stroke-width": "2",
                   fill: "#fff"
-                }, null, 8, _hoisted_26$1),
+                }, null, 8, _hoisted_30$1),
                 createElementVNode("text", {
                   fill: "#000",
                   x: y.x,
@@ -23302,7 +23324,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   "font-size": l.setting.rectFontSize,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
-                }, toDisplayString$2(y.name), 9, _hoisted_27$1),
+                }, toDisplayString$2(y.name), 9, _hoisted_31$1),
                 createElementVNode("rect", {
                   x: y.x - l.setting.rectWidth / 2,
                   y: y.y - l.setting.rectHeight / 2,
@@ -23312,7 +23334,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                   onMousedown: (S) => c.mousedownActivity(y, S),
                   onMouseup: (S) => c.mouseupActivity(y),
                   onDblclick: (S) => c.dblclickActivity(y, _)
-                }, null, 40, _hoisted_28$1)
+                }, null, 40, _hoisted_32$1)
               ], 64)) : createCommentVNode("", !0),
               y.isTool ? createCommentVNode("", !0) : (openBlock(), createElementBlock("circle", {
                 key: 7,
@@ -23327,7 +23349,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                 onMouseleave: (S) => c.mouseleaveCenter(y),
                 onMousedown: (S) => c.mousedownCenter(y),
                 onMouseup: (S) => c.mouseupActivity(y)
-              }, null, 40, _hoisted_29$1))
+              }, null, 40, _hoisted_33$1))
             ], 64))), 128)),
             (openBlock(!0), createElementBlock(Fragment, null, renderList(l.data.outcomes, (y, _) => (openBlock(), createElementBlock(Fragment, { key: _ }, [
               (openBlock(!0), createElementBlock(Fragment, null, renderList(c.getLines(y), (S, C) => (openBlock(), createElementBlock("line", {
@@ -23340,7 +23362,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                 "marker-start": S.markerStart,
                 "marker-end": S.markerEnd,
                 onDblclick: (b) => c.dblclickOutcome(y, _)
-              }, null, 40, _hoisted_30$1))), 128)),
+              }, null, 40, _hoisted_34))), 128)),
               (openBlock(!0), createElementBlock(Fragment, null, renderList(c.getPoints(y), (S, C) => (openBlock(), createElementBlock("circle", {
                 key: C,
                 cx: S.x,
@@ -23351,7 +23373,7 @@ function _sfc_render$13(a, r, o, s, l, c) {
                 fill: "#000",
                 onMousedown: (b) => c.mousedownPoint(y, S, C, b),
                 onMouseup: (b) => c.mouseupPoint(y, C)
-              }, null, 40, _hoisted_31$1))), 128)),
+              }, null, 40, _hoisted_35))), 128)),
               createElementVNode("text", {
                 fill: "#000",
                 "font-size": l.setting.lineFontSize,
@@ -23360,21 +23382,21 @@ function _sfc_render$13(a, r, o, s, l, c) {
                 onDblclick: (S) => c.dblclickOutcome(y, _)
               }, [
                 createElementVNode("textPath", {
-                  href: "#outcome_" + y.pid,
+                  href: "#outcome_" + l.id + "_" + y.pid,
                   startOffset: "50%"
-                }, toDisplayString$2(y.name), 9, _hoisted_33$1)
-              ], 40, _hoisted_32$1)
+                }, toDisplayString$2(y.name), 9, _hoisted_37)
+              ], 40, _hoisted_36)
             ], 64))), 128)),
             l.isCreatingOutcome ? (openBlock(), createElementBlock("line", {
-              key: 0,
+              key: 1,
               x1: l.activityFrom.x,
               y1: l.activityFrom.y,
               x2: l.current.x,
               y2: l.current.y,
               style: { stroke: "rgb(0, 0, 0)", "stroke-width": "2", "pointer-events": "none" },
-              "marker-start": "url(#arrowStart)",
-              "marker-end": "url(#arrowEnd)"
-            }, null, 8, _hoisted_34)) : createCommentVNode("", !0)
+              "marker-start": "url(#arrowStart_" + l.id + ")",
+              "marker-end": "url(#arrowEnd_" + l.id + ")"
+            }, null, 8, _hoisted_38)) : createCommentVNode("", !0)
           ], 32))
         ])
       ]),
@@ -28704,7 +28726,7 @@ const user = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N]
 }, _sfc_main$M = {
   // name: this.$route.name,
   mixins: [mixinPage],
-  components: {},
+  components: { flowChart },
   data() {
     return {
       filter: {},
@@ -28852,7 +28874,7 @@ const user = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N]
   }
 }, _hoisted_1$y = { class: "i-layout-page-header" }, _hoisted_2$p = { class: "title" }, _hoisted_3$l = { class: "description" }, _hoisted_4$e = { class: "ivu-ml-8 ivu-mr-8" };
 function _sfc_render$M(a, r, o, s, l, c) {
-  const u = resolveComponent("PageHeader"), d = resolveComponent("Button"), f = resolveComponent("view-table"), p = resolveComponent("Card"), g = resolveComponent("modal-form"), v = resolveComponent("modal-table"), y = resolveComponent("Input"), _ = resolveComponent("FormItem"), S = resolveComponent("Col"), C = resolveComponent("Row"), b = resolveComponent("Form"), E = resolveComponent("Modal");
+  const u = resolveComponent("PageHeader"), d = resolveComponent("Button"), f = resolveComponent("view-table"), p = resolveComponent("Card"), g = resolveComponent("modal-form"), v = resolveComponent("modal-table"), y = resolveComponent("Input"), _ = resolveComponent("FormItem"), S = resolveComponent("Col"), C = resolveComponent("Row"), b = resolveComponent("Form"), E = resolveComponent("Modal"), T = resolveComponent("flow-chart");
   return openBlock(), createElementBlock("div", null, [
     createElementVNode("div", _hoisted_1$y, [
       createVNode$1(u, {
@@ -28883,10 +28905,10 @@ function _sfc_render$M(a, r, o, s, l, c) {
           customFilter: withCtx(() => [
             renderSlot(a.$slots, "customFilter")
           ]),
-          filterColumn: withCtx(({ column: T, code: P }) => [
+          filterColumn: withCtx(({ column: P, code: I }) => [
             renderSlot(a.$slots, "filterColumn", {
-              column: T,
-              code: P
+              column: P,
+              code: I
             })
           ]),
           filterCommand: withCtx(() => [
@@ -28895,32 +28917,32 @@ function _sfc_render$M(a, r, o, s, l, c) {
           middle: withCtx(() => [
             renderSlot(a.$slots, "middle")
           ]),
-          commandBefore: withCtx(({ row: T, index: P }) => [
+          commandBefore: withCtx(({ row: P, index: I }) => [
             renderSlot(a.$slots, "commandBefore", {
-              row: T,
-              index: P
+              row: P,
+              index: I
             })
           ]),
-          command: withCtx(({ row: T, index: P }) => [
-            T.application.status != "Draft" && T.application.status != "Rejected" ? (openBlock(), createBlock(d, {
+          command: withCtx(({ row: P, index: I }) => [
+            P.application.status != "Draft" && P.application.status != "Rejected" ? (openBlock(), createBlock(d, {
               key: 0,
               size: "small",
               title: a.$t("Front_Btn_Detail"),
               type: "info",
               "custom-icon": "fa fa-file-alt",
-              onClick: (I) => c.show(T)
+              onClick: (A) => c.show(P)
             }, null, 8, ["title", "onClick"])) : createCommentVNode("", !0),
-            (T.application.status == "Draft" || T.application.status == "Rejected") && T.application.applicantID == a.info.id ? (openBlock(), createBlock(d, {
+            (P.application.status == "Draft" || P.application.status == "Rejected") && P.application.applicantID == a.info.id ? (openBlock(), createBlock(d, {
               key: 1,
               size: "small",
               title: a.$t("Front_Btn_Edit"),
               type: "primary",
               "custom-icon": "fa fa-edit",
-              onClick: (I) => c.edit(T)
+              onClick: (A) => c.edit(P)
             }, null, 8, ["title", "onClick"])) : createCommentVNode("", !0),
             renderSlot(a.$slots, "command", {
-              row: T,
-              index: P
+              row: P,
+              index: I
             })
           ]),
           _: 3
@@ -28931,44 +28953,44 @@ function _sfc_render$M(a, r, o, s, l, c) {
     l.page ? (openBlock(), createBlock(g, {
       key: 0,
       ref: "form",
-      onOnAfterSave: r[1] || (r[1] = (T) => a.$refs.table.loadData())
+      onOnAfterSave: r[2] || (r[2] = (P) => a.$refs.table.loadData())
     }, {
       top: withCtx(() => [
         renderSlot(a.$slots, "formTop")
       ]),
-      tableColumn: withCtx(({ table: T, tableColumn: P, tableCode: I, row: A, index: x, column: O, code: N }) => [
+      tableColumn: withCtx(({ table: P, tableColumn: I, tableCode: A, row: x, index: O, column: N, code: D }) => [
         renderSlot(a.$slots, "formTableCommand", {
-          table: T,
-          tableColumn: P,
-          tableCode: I,
-          row: A,
-          index: A,
-          column: O,
-          code: N
+          table: P,
+          tableColumn: I,
+          tableCode: A,
+          row: x,
+          index: x,
+          column: N,
+          code: D
         })
       ]),
-      tableCommand: withCtx(({ table: T, tableColumn: P, tableCode: I, row: A, index: x }) => [
+      tableCommand: withCtx(({ table: P, tableColumn: I, tableCode: A, row: x, index: O }) => [
         renderSlot(a.$slots, "formTableCommand", {
-          table: T,
-          tableColumn: P,
-          tableCode: I,
-          row: A,
-          index: A
+          table: P,
+          tableColumn: I,
+          tableCode: A,
+          row: x,
+          index: x
         })
       ]),
-      column: withCtx(({ form: T, data: P, column: I, code: A }) => [
+      column: withCtx(({ form: P, data: I, column: A, code: x }) => [
         renderSlot(a.$slots, "formColumn", {
-          form: T,
-          data: P,
-          column: I,
-          code: A
+          form: P,
+          data: I,
+          column: A,
+          code: x
         })
       ]),
       bottom: withCtx(() => [
         renderSlot(a.$slots, "formBottom")
       ]),
       footer: withCtx(() => [
-        r[9] || (r[9] = createElementVNode("span", null, null, -1)),
+        r[11] || (r[11] = createElementVNode("span", null, null, -1)),
         createVNode$1(d, {
           type: "primary",
           "custom-icon": "fa fa-cloud-upload-alt",
@@ -29003,8 +29025,19 @@ function _sfc_render$M(a, r, o, s, l, c) {
         a.$refs.form && a.$refs.form.data && a.$refs.form.data.application && a.$refs.form.data.application.processInstID ? (openBlock(), createBlock(d, {
           key: 1,
           type: "info",
+          "custom-icon": "fa fa-route",
+          onClick: r[0] || (r[0] = (P) => a.$refs.flowChart.open({ processInstID: a.$refs.form.data.application.processInstID }))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString$2(a.$t("Front_Btn_Process")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", !0),
+        a.$refs.form && a.$refs.form.data && a.$refs.form.data.application && a.$refs.form.data.application.processInstID ? (openBlock(), createBlock(d, {
+          key: 2,
+          type: "info",
           "custom-icon": "fa fa-history",
-          onClick: r[0] || (r[0] = (T) => a.$refs.approvalHistoryTable.open({ processInstID: a.$refs.form.data.application.processInstID }))
+          onClick: r[1] || (r[1] = (P) => a.$refs.approvalHistoryTable.open({ processInstID: a.$refs.form.data.application.processInstID }))
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString$2(a.$t("Front_Btn_History")), 1)
@@ -29018,44 +29051,44 @@ function _sfc_render$M(a, r, o, s, l, c) {
       key: 1,
       ref: "showForm",
       readonly: l.page.showViewCode == null,
-      onOnAfterSave: r[4] || (r[4] = (T) => a.$refs.table.loadData())
+      onOnAfterSave: r[6] || (r[6] = (P) => a.$refs.table.loadData())
     }, {
       top: withCtx(() => [
         renderSlot(a.$slots, "showFormTop")
       ]),
-      tableColumn: withCtx(({ table: T, tableColumn: P, tableCode: I, row: A, index: x, column: O, code: N }) => [
+      tableColumn: withCtx(({ table: P, tableColumn: I, tableCode: A, row: x, index: O, column: N, code: D }) => [
         renderSlot(a.$slots, "showFormTableCommand", {
-          table: T,
-          tableColumn: P,
-          tableCode: I,
-          row: A,
-          index: A,
-          column: O,
-          code: N
+          table: P,
+          tableColumn: I,
+          tableCode: A,
+          row: x,
+          index: x,
+          column: N,
+          code: D
         })
       ]),
-      tableCommand: withCtx(({ table: T, tableColumn: P, tableCode: I, row: A, index: x }) => [
+      tableCommand: withCtx(({ table: P, tableColumn: I, tableCode: A, row: x, index: O }) => [
         renderSlot(a.$slots, "showFormTableCommand", {
-          table: T,
-          tableColumn: P,
-          tableCode: I,
-          row: A,
-          index: A
+          table: P,
+          tableColumn: I,
+          tableCode: A,
+          row: x,
+          index: x
         })
       ]),
-      column: withCtx(({ form: T, data: P, column: I, code: A }) => [
+      column: withCtx(({ form: P, data: I, column: A, code: x }) => [
         renderSlot(a.$slots, "showFormColumn", {
-          form: T,
-          data: P,
-          column: I,
-          code: A
+          form: P,
+          data: I,
+          column: A,
+          code: x
         })
       ]),
       bottom: withCtx(() => [
         renderSlot(a.$slots, "showFormBottom")
       ]),
       footer: withCtx(() => [
-        r[11] || (r[11] = createElementVNode("span", null, null, -1)),
+        r[13] || (r[13] = createElementVNode("span", null, null, -1)),
         l.isRecallable && a.$refs.showForm && a.$refs.showForm.data && a.$refs.showForm.data.application && a.$refs.showForm.data.applicationID && a.$refs.showForm.data.application.status == "Running" ? (openBlock(), createBlock(d, {
           key: 0,
           type: "warning",
@@ -29071,9 +29104,9 @@ function _sfc_render$M(a, r, o, s, l, c) {
           key: 1,
           type: "primary",
           "custom-icon": "fa fa-comment-dots",
-          onClick: r[2] || (r[2] = (T) => c.openMessage())
+          onClick: r[3] || (r[3] = (P) => c.openMessage())
         }, {
-          default: withCtx(() => [...r[10] || (r[10] = [
+          default: withCtx(() => [...r[12] || (r[12] = [
             createTextVNode(" 发表意见 ", -1)
           ])]),
           _: 1
@@ -29081,8 +29114,19 @@ function _sfc_render$M(a, r, o, s, l, c) {
         a.$refs.showForm && a.$refs.showForm.data && a.$refs.showForm.data.application && a.$refs.showForm.data.application.processInstID ? (openBlock(), createBlock(d, {
           key: 2,
           type: "info",
+          "custom-icon": "fa fa-route",
+          onClick: r[4] || (r[4] = (P) => a.$refs.flowChart.open({ processInstID: a.$refs.showForm.data.application.processInstID }))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString$2(a.$t("Front_Btn_Process")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", !0),
+        a.$refs.showForm && a.$refs.showForm.data && a.$refs.showForm.data.application && a.$refs.showForm.data.application.processInstID ? (openBlock(), createBlock(d, {
+          key: 3,
+          type: "info",
           "custom-icon": "fa fa-history",
-          onClick: r[3] || (r[3] = (T) => a.$refs.approvalHistoryTable.open({ processInstID: a.$refs.showForm.data.application.processInstID }))
+          onClick: r[5] || (r[5] = (P) => a.$refs.approvalHistoryTable.open({ processInstID: a.$refs.showForm.data.application.processInstID }))
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString$2(a.$t("Front_Btn_History")), 1)
@@ -29098,7 +29142,7 @@ function _sfc_render$M(a, r, o, s, l, c) {
     }, null, 512),
     createVNode$1(E, {
       modelValue: l.messageOpened,
-      "onUpdate:modelValue": r[8] || (r[8] = (T) => l.messageOpened = T),
+      "onUpdate:modelValue": r[10] || (r[10] = (P) => l.messageOpened = P),
       scrollable: ""
     }, {
       header: withCtx(() => [
@@ -29121,7 +29165,7 @@ function _sfc_render$M(a, r, o, s, l, c) {
         createVNode$1(d, {
           type: "default",
           "custom-icon": "fa fa-times",
-          onClick: r[7] || (r[7] = (T) => l.messageOpened = !1)
+          onClick: r[9] || (r[9] = (P) => l.messageOpened = !1)
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString$2(a.$t("Front_Btn_Close")), 1)
@@ -29137,7 +29181,7 @@ function _sfc_render$M(a, r, o, s, l, c) {
             "label-position": "top",
             "label-colon": "：",
             class: "ivu-mt",
-            onSubmit: r[6] || (r[6] = withModifiers(() => {
+            onSubmit: r[8] || (r[8] = withModifiers(() => {
             }, ["prevent"]))
           }, {
             default: withCtx(() => [
@@ -29163,7 +29207,7 @@ function _sfc_render$M(a, r, o, s, l, c) {
                             type: "textarea",
                             rows: 6,
                             modelValue: l.messageData.message,
-                            "onUpdate:modelValue": r[5] || (r[5] = (T) => l.messageData.message = T)
+                            "onUpdate:modelValue": r[7] || (r[7] = (P) => l.messageData.message = P)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -29180,7 +29224,8 @@ function _sfc_render$M(a, r, o, s, l, c) {
         ])
       ]),
       _: 1
-    }, 8, ["modelValue"])
+    }, 8, ["modelValue"]),
+    createVNode$1(T, { ref: "flowChart" }, null, 512)
   ]);
 }
 const processPage = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M]]), __vite_glob_0_35 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -33367,12 +33412,16 @@ const columnEdit = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_ren
       let o = {};
       if (this.columns.forEach((s) => {
         if (s.defaultValue)
-          if (s.defaultValue == "{today}") {
-            let c = (/* @__PURE__ */ new Date()).toISOString().replace(/T.*/, "");
+          if (s.defaultValue.startsWith("{today}")) {
+            let l = /* @__PURE__ */ new Date();
+            s.defaultValue.indexOf("+") != -1 ? l.setDate(l.getDate() + parseInt(s.defaultValue.split("+")[1])) : s.defaultValue.indexOf("-") != -1 && l.setDate(l.getDate() - parseInt(s.defaultValue.split("-")[1]));
+            let c = l.toISOString().replace(/T.*/, "");
             a(o, s, new Date(c));
-          } else if (s.defaultValue.startsWith("{today(") && s.defaultValue.endsWith(")}")) {
-            let l = s.defaultValue.substr(7, s.defaultValue.length - 9);
-            a(o, s, format$6(/* @__PURE__ */ new Date(), l));
+          } else if (s.defaultValue.startsWith("{today(")) {
+            let l = /* @__PURE__ */ new Date();
+            s.defaultValue.indexOf("+") != -1 ? l.setDate(l.getDate() + parseInt(s.defaultValue.split("+")[1])) : s.defaultValue.indexOf("-") != -1 && l.setDate(l.getDate() - parseInt(s.defaultValue.split("-")[1]));
+            let c = s.defaultValue.substr(7, s.defaultValue.indexOf(")}") - 7);
+            a(o, s, format$6(l, c));
           } else s.defaultValue == "{currentUserID}" ? a(o, s, this.info.id) : s.defaultValue == "{currentUser}" ? a(o, s, this.info.name) : s.controlType == "MultiSelect" || s.controlType == "MultiTreeSelect" || s.controlType == "MultiComboSelect" ? r(o, s, s.defaultValue.split(",")) : s.dataType === "Integer" ? a(o, s, parseInt(s.defaultValue)) : s.dataType === "Decimal" ? a(o, s, parseFloat(s.defaultValue)) : s.dataType === "Boolean" && s.defaultValue.toUpperCase == "TRUE" ? a(o, s, !0) : s.dataType === "Boolean" && s.defaultValue.toUpperCase == "FALSE" ? a(o, s, !1) : a(o, s, s.defaultValue);
         else
           (s.controlType == "Check" || s.controlType == "Switch") && s.dataType === "Boolean" ? a(o, s, !1) : a(o, s, null);
@@ -103709,10 +103758,10 @@ const _sfc_main$o = {
   },
   mounted() {
     this.$refs.table.hotInstance.addHook("beforeOnCellMouseUp", (a, r) => {
-      if (this.coords = r, a.detail === 2 && r.row >= 0 && !this.readonly) {
-        let o = this.hotSetting.columns[r.col], s = this.$refs.table.hotInstance.getSourceData();
-        o.controlType === "DialogSelect" && !o.readonly && this.$refs.dialogTable.init(o.source, () => {
-          this.$refs.dialogTable.open(this.getParam(s[r.row], o, this.parentData));
+      if (this.coords = r, a.detail === 2 && r.row >= 0 && !this.readonly && !this.$refs.table.hotInstance.getCellMeta(r.row, r.col).readOnly) {
+        let s = this.hotSetting.columns[r.col];
+        s.controlType === "DialogSelect" && !s.readonly && this.$refs.dialogTable.init(s.source, () => {
+          this.$refs.dialogTable.open(this.getParam(this.staticData[r.row], s, this.parentData));
         });
       }
     });
@@ -103820,14 +103869,14 @@ const _sfc_main$o = {
             if (!this.readonly)
               if (l.controlType === "Label" || l.isReadonly == !0)
                 c.readOnly = !0;
-              else if (l.controlType === "TextInput")
-                c.type = "text", c.isRequired && (c.validator = "text-required");
+              else if (c.validator = this.getValidator(c), l.controlType === "TextInput")
+                c.type = "text";
               else if (l.controlType === "NumberInput")
-                c.type = "numeric", c.isRequired && (c.validator = "numeric-required");
+                c.type = "numeric";
               else if (l.controlType === "Check")
                 c.type = "checkbox";
               else if (l.controlType === "Select") {
-                c.editor = "select", c.isRequired && (c.validator = "select-required");
+                c.editor = "select";
                 let u = [];
                 if (c.isStaticItem)
                   (c.itemData || "").trim() && c.itemData.split(/[\n]/).forEach((d) => {
@@ -103874,7 +103923,7 @@ const _sfc_main$o = {
                   }));
                 }
                 c.selectOptions = u.map((d) => d.id);
-              } else l.controlType === "Date" && (c.type = "date", c.isRequired && (c.validator = "date-required"), c.dateFormat = "YYYY-MM-DD", c.correctFormat = !0);
+              } else l.controlType === "Date" && (c.type = "date", c.dateFormat = "YYYY-MM-DD", c.correctFormat = !0);
             return c;
           })
         ), this.columns = this.columns.filter((l) => l.isFixed == !0).concat(
@@ -103958,6 +104007,15 @@ const _sfc_main$o = {
         });
       }
     },
+    // 获取验证器
+    getValidator(a) {
+      if (a.controlType === "TextInput" || a.controlType === "Select" || a.controlType === "DialogSelect")
+        return a.isRequired ? "text-required" : "text";
+      if (a.controlType === "NumberInput")
+        return a.isRequired ? "numeric-required" : "numeric";
+      if (a.controlType === "Date")
+        return a.isRequired ? "date-required" : "date";
+    },
     /**
      * 加载数据
      *
@@ -104048,12 +104106,16 @@ const _sfc_main$o = {
     setShowStatus() {
       this.$refs.table.hotInstance.updateSettings({
         cells: (a, r, o) => {
-          let s = this.columns.find((l) => l.code == o);
+          let s = this.columns.find((u) => u.code == o), l = s.isShow, c = s.isReadonly;
           if ((s.readonlyJson || "").trim()) {
-            let l = JSON.parse(s.readonlyJson);
-            if (l.type == "Condition" || l.type == "Expression")
-              return { readOnly: this.judgeCondition(l, this.staticData[a]) };
+            let u = JSON.parse(s.readonlyJson);
+            (u.type == "Condition" || u.type == "Expression") && (c = this.judgeCondition(u, this.staticData[a]));
           }
+          if ((s.showJson || "").trim()) {
+            let u = JSON.parse(s.showJson);
+            (u.type == "Condition" || u.type == "Expression") && (l = this.judgeCondition(u, this.staticData[a]));
+          }
+          return l || this.setData(this.staticData[a], o, null), { readOnly: !l || c, validator: l ? this.getValidator(s) : null };
         }
       });
     },
@@ -106099,7 +106161,7 @@ const viewTable = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   default: viewTable
 }, Symbol.toStringTag, { value: "Module" })), _sfc_main$m = {
   mixins: [mixinPage],
-  components: {},
+  components: { flowChart },
   data() {
     return {
       task: null,
@@ -106253,11 +106315,11 @@ const viewTable = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   }
 }, _hoisted_1$d = { class: "title" }, _hoisted_2$a = { class: "description" }, _hoisted_3$8 = { class: "ivu-ml-8 ivu-mr-8" }, _hoisted_4$4 = { class: "title" }, _hoisted_5$2 = { class: "description" }, _hoisted_6$1 = { class: "ivu-ml-8 ivu-mr-8" };
 function _sfc_render$m(a, r, o, s, l, c) {
-  const u = resolveComponent("Icon"), d = resolveComponent("view-form"), f = resolveComponent("Button"), p = resolveComponent("Modal"), g = resolveComponent("modal-table"), v = resolveComponent("modal-form"), y = resolveComponent("Input"), _ = resolveComponent("FormItem"), S = resolveComponent("Col"), C = resolveComponent("Row"), b = resolveComponent("Form");
+  const u = resolveComponent("Icon"), d = resolveComponent("view-form"), f = resolveComponent("Button"), p = resolveComponent("Modal"), g = resolveComponent("modal-table"), v = resolveComponent("modal-form"), y = resolveComponent("Input"), _ = resolveComponent("FormItem"), S = resolveComponent("Col"), C = resolveComponent("Row"), b = resolveComponent("Form"), E = resolveComponent("flow-chart");
   return openBlock(), createElementBlock("div", null, [
     createVNode$1(p, {
       modelValue: l.opened,
-      "onUpdate:modelValue": r[11] || (r[11] = (E) => l.opened = E),
+      "onUpdate:modelValue": r[12] || (r[12] = (T) => l.opened = T),
       scrollable: "",
       fullscreen: l.isFullscreen,
       "mask-closable": a.layout.maskClosable,
@@ -106283,30 +106345,30 @@ function _sfc_render$m(a, r, o, s, l, c) {
             key: 0,
             style: { "font-size": "20px", color: "#999", position: "relative", top: "-3px" },
             type: "ios-expand",
-            onClick: r[0] || (r[0] = (E) => l.isFullscreen = !l.isFullscreen)
+            onClick: r[0] || (r[0] = (T) => l.isFullscreen = !l.isFullscreen)
           })),
           l.isFullscreen ? (openBlock(), createBlock(u, {
             key: 1,
             style: { "font-size": "20px", color: "#999", position: "relative", top: "-3px" },
             type: "ios-contract",
-            onClick: r[1] || (r[1] = (E) => l.isFullscreen = !l.isFullscreen)
+            onClick: r[1] || (r[1] = (T) => l.isFullscreen = !l.isFullscreen)
           })) : createCommentVNode("", !0),
           createVNode$1(u, {
             type: "ios-close",
-            onClick: r[2] || (r[2] = (E) => l.opened = !1)
+            onClick: r[2] || (r[2] = (T) => l.opened = !1)
           })
         ])
       ]),
       footer: withCtx(() => [
         createElementVNode("div", null, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.outcomes, (E, T) => (openBlock(), createBlock(f, {
-            key: T,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.outcomes, (T, P) => (openBlock(), createBlock(f, {
+            key: P,
             type: "primary",
             "custom-icon": "fa fa-check-circle",
-            onClick: (P) => c.action(E)
+            onClick: (I) => c.action(T)
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString$2(E.name == null ? a.$t("Front_Btn_Agree") : E.name), 1)
+              createTextVNode(toDisplayString$2(T.name == null ? a.$t("Front_Btn_Agree") : T.name), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -106314,7 +106376,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
             key: 0,
             type: "warning",
             "custom-icon": "fa fa-reply",
-            onClick: r[4] || (r[4] = (E) => c.reject())
+            onClick: r[4] || (r[4] = (T) => c.reject())
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_Reject")), 1)
@@ -106325,7 +106387,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
             key: 1,
             type: "primary",
             "custom-icon": "fa fa-share",
-            onClick: r[5] || (r[5] = (E) => c.back())
+            onClick: r[5] || (r[5] = (T) => c.back())
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_Back_Previous")), 1)
@@ -106336,7 +106398,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
             key: 2,
             type: "primary",
             "custom-icon": "fa fa-share",
-            onClick: r[6] || (r[6] = (E) => a.$refs.redirectTaskForm.open())
+            onClick: r[6] || (r[6] = (T) => a.$refs.redirectTaskForm.open())
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_Redirect")), 1)
@@ -106347,7 +106409,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
             key: 3,
             type: "primary",
             "custom-icon": "fa fa-reply-all",
-            onClick: r[7] || (r[7] = (E) => c.recall())
+            onClick: r[7] || (r[7] = (T) => c.recall())
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_Recall")), 1)
@@ -106358,17 +106420,27 @@ function _sfc_render$m(a, r, o, s, l, c) {
             key: 4,
             type: "primary",
             "custom-icon": "fa fa-comment-dots",
-            onClick: r[8] || (r[8] = (E) => c.openMessage())
+            onClick: r[8] || (r[8] = (T) => c.openMessage())
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_Leave_Message")), 1)
             ]),
             _: 1
           })) : createCommentVNode("", !0),
+          createVNode$1(f, {
+            type: "info",
+            "custom-icon": "fa fa-route",
+            onClick: r[9] || (r[9] = (T) => a.$refs.flowChart.open({ processInstID: l.task.processInstID }))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString$2(a.$t("Front_Btn_Process")), 1)
+            ]),
+            _: 1
+          }),
           createVNode$1(f, {
             type: "info",
             "custom-icon": "fa fa-history",
-            onClick: r[9] || (r[9] = (E) => a.$refs.approvalHistoryTable.open({ processInstID: l.task.processInstID }))
+            onClick: r[10] || (r[10] = (T) => a.$refs.approvalHistoryTable.open({ processInstID: l.task.processInstID }))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_History")), 1)
@@ -106378,7 +106450,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
           createVNode$1(f, {
             type: "default",
             "custom-icon": "fa fa-times",
-            onClick: r[10] || (r[10] = (E) => l.opened = !1)
+            onClick: r[11] || (r[11] = (T) => l.opened = !1)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString$2(a.$t("Front_Btn_Close")), 1)
@@ -106416,7 +106488,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
         createVNode$1(f, {
           type: "primary",
           "custom-icon": "fa fa-check",
-          onClick: r[12] || (r[12] = (E) => c.redirect())
+          onClick: r[13] || (r[13] = (T) => c.redirect())
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString$2(a.$t("Front_Btn_OK")), 1)
@@ -106428,7 +106500,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
     }, 512),
     createVNode$1(p, {
       modelValue: l.messageOpened,
-      "onUpdate:modelValue": r[16] || (r[16] = (E) => l.messageOpened = E),
+      "onUpdate:modelValue": r[17] || (r[17] = (T) => l.messageOpened = T),
       scrollable: ""
     }, {
       header: withCtx(() => [
@@ -106451,7 +106523,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
         createVNode$1(f, {
           type: "default",
           "custom-icon": "fa fa-times",
-          onClick: r[15] || (r[15] = (E) => l.messageOpened = !1)
+          onClick: r[16] || (r[16] = (T) => l.messageOpened = !1)
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString$2(a.$t("Front_Btn_Close")), 1)
@@ -106467,7 +106539,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
             "label-position": "top",
             "label-colon": "：",
             class: "ivu-mt",
-            onSubmit: r[14] || (r[14] = withModifiers(() => {
+            onSubmit: r[15] || (r[15] = withModifiers(() => {
             }, ["prevent"]))
           }, {
             default: withCtx(() => [
@@ -106493,7 +106565,7 @@ function _sfc_render$m(a, r, o, s, l, c) {
                             type: "textarea",
                             rows: 6,
                             modelValue: l.messageData.message,
-                            "onUpdate:modelValue": r[13] || (r[13] = (E) => l.messageData.message = E)
+                            "onUpdate:modelValue": r[14] || (r[14] = (T) => l.messageData.message = T)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -106510,7 +106582,8 @@ function _sfc_render$m(a, r, o, s, l, c) {
         ])
       ]),
       _: 1
-    }, 8, ["modelValue"])
+    }, 8, ["modelValue"]),
+    createVNode$1(E, { ref: "flowChart" }, null, 512)
   ]);
 }
 const taskForm = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]), __vite_glob_1_35 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({