diff --git a/frontend/src/data-visualization/index.vue b/frontend/src/data-visualization/index.vue
index 725613d..e0c9f2f 100644
--- a/frontend/src/data-visualization/index.vue
+++ b/frontend/src/data-visualization/index.vue
@@ -5,6 +5,19 @@ import DvPreview from './DvPreview.vue'
 
 import { initCanvasData  } from '@/data-visualization/utils/canvasUtils'
 import { dvMainStoreWithOut } from '@/data-visualization/store/modules/data-visualization/dvMain'
+
+const props = defineProps({
+  appId: {
+    required: true,
+    type: String
+  },
+  busiFlag: {
+    required: true,
+    type: String
+  },
+})
+
+
 const dvMainStore = dvMainStoreWithOut()
 const state = reactive({
   canvasDataPreview: null,
@@ -21,8 +34,8 @@ const route = useRoute()
 const applicationId:any = ref('')
 const busiFlag:any = ref('dataV')
 onMounted(() => {
-  applicationId.value = route.query.id
-  busiFlag.value = route.query.busiFlag
+  applicationId.value = props.appId
+  busiFlag.value = props.busiFlag
   loadCanvasData(applicationId.value,9,0)
 })
 const loadCanvasData = (dvId, weight?, ext?) => {