diff --git a/ui/src/components/Design.vue b/ui/src/components/Design.vue
index 4b590cc9e912b82b27fd831e8a885000c51f9b85..0331e670dc998f7416c07ea9149db64c38cf1274 100644
--- a/ui/src/components/Design.vue
+++ b/ui/src/components/Design.vue
@@ -78,7 +78,7 @@
               </a-tab-pane>
 
               <a-tab-pane key="preview" tab="预览" force-render>
-                <div>{{previewData}}</div>
+                <div class="preview-data" v-html="previewData"></div>
               </a-tab-pane>
 
             </a-tabs>
@@ -442,8 +442,8 @@ export default {
       this.tabKey = activeKey
 
       if (this.tabKey === 'preview') {
-        previewFieldData(this.modelProp.id).then(json => {
-          console.log('getResInstancesItemTree', json)
+        previewFieldData(this.modelData.id).then(json => {
+          console.log('previewFieldData', json)
           this.previewData = json.data
         })
       }
@@ -487,4 +487,8 @@ export default {
   }
 }
 
+.preview-data {
+  padding: 10px;
+}
+
 </style>