From f4e1ad5bca5900a3bfca2646f2373fbaede555b5 Mon Sep 17 00:00:00 2001
From: wangxiang <1827945911@qq.com>
Date: Thu, 19 Oct 2023 20:58:34 +0800
Subject: [PATCH] chore: work task components compose

---
 src/views/Chart.vue   | 21 ++++++++-------------
 src/views/Design.vue  |  1 +
 src/views/Preview.vue | 21 ++++++++-------------
 3 files changed, 17 insertions(+), 26 deletions(-)

diff --git a/src/views/Chart.vue b/src/views/Chart.vue
index e47414f..4499ca6 100644
--- a/src/views/Chart.vue
+++ b/src/views/Chart.vue
@@ -1,29 +1,24 @@
 <template>
   <div id="app">
-    <flowable-chart ref="workflow-chart" :options="chat"/>
+    <flowable-chart ref="workflow-chart" :style="innerProps.style"/>
   </div>
 </template>
 
 <script>
-import request from '@utils/request'
+import { WORKFLOW_DESIGN_APP_PROPS_KEY } from "@/constants";
+import { merge } from "lodash-es";
+
 export default {
   name: 'MicroChart',
+  props: { [WORKFLOW_DESIGN_APP_PROPS_KEY]: {} },
   data () {
     return {
-      chat: {}
+      innerProps: this[WORKFLOW_DESIGN_APP_PROPS_KEY]
     }
   },
-  mounted () {
-    this.test()
-  },
   methods: {
-    test () {
-      /*request({
-        url: '/workflow_proxy/workflow/process/getFlowChart/Process_FtFEFSfa:4:7832a2d9-7313-11ec-8a3b-00ff08753f51',
-        method: 'get'
-      }).then(({ data }) => {
-        this.chat = { bpmnXml: data }
-      })*/
+    setProps(props) {
+      merge(this.innerProps ,props)
     }
   }
 }
diff --git a/src/views/Design.vue b/src/views/Design.vue
index 49df567..d989c05 100644
--- a/src/views/Design.vue
+++ b/src/views/Design.vue
@@ -7,6 +7,7 @@
 <script>
 import { WORKFLOW_DESIGN_APP_PROPS_KEY } from '@/constants'
 import { merge } from "lodash-es";
+
 export default {
   name: 'MicroDesign',
   props: { [WORKFLOW_DESIGN_APP_PROPS_KEY]: {} },
diff --git a/src/views/Preview.vue b/src/views/Preview.vue
index 85f7e52..d288abb 100644
--- a/src/views/Preview.vue
+++ b/src/views/Preview.vue
@@ -1,29 +1,24 @@
 <template>
   <div id="app">
-    <flowable-preview ref="workflow-preview" :options="chat"/>
+    <flowable-preview ref="workflow-preview" :style="innerProps.style"/>
   </div>
 </template>
 
 <script>
-import request from '@utils/request'
+import { WORKFLOW_DESIGN_APP_PROPS_KEY } from "@/constants";
+import { merge } from "lodash-es";
+
 export default {
   name: 'MicroPreview',
+  props: { [WORKFLOW_DESIGN_APP_PROPS_KEY]: {} },
   data () {
     return {
-      chat: {}
+      innerProps: this[WORKFLOW_DESIGN_APP_PROPS_KEY]
     }
   },
-  mounted () {
-    this.test()
-  },
   methods: {
-    test () {
-      /*request({
-        url: '/workflow_proxy/workflow/process/getFlowChart/Process_FtFEFSfa:4:7832a2d9-7313-11ec-8a3b-00ff08753f51',
-        method: 'get'
-      }).then(({ data }) => {
-        this.chat = { bpmnXml: data }
-      })*/
+    setProps(props) {
+      merge(this.innerProps ,props)
     }
   }
 }