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)
     }
   }
 }