云平台预览

src/components/mt-preview-ypt/index.ts

@@ -0,0 +1,3 @@
+import MtPreviewYPT from './index.vue'
+
+export default MtPreviewYPT

src/router/index.ts

@@ -19,6 +19,12 @@ export const constantRoutes = [
         path: '/preview',
         component: () => import('../views/preview/index.vue')
     },
+    {
+        // 云平台预览页面
+        name: 'preview_YPT',
+        path: '/preview_YPT',
+        component: () => import('../views/preview/index_YPT.vue')
+    },
     {
         name: 'edit-load',
         path: '/edit-load',

src/views/preview/index_YPT.vue

@@ -0,0 +1,19 @@
+<template>
+    <mt-preview-ypt ref="MtPreviewRef" @on-event-call-back="onEventCallBack"></mt-preview-ypt>
+</template>
+<script setup lang="ts">
+import { MtPreviewYpt } from '@/export'
+import { onMounted, ref } from 'vue'
+import { ElMessage } from 'element-plus'
+const MtPreviewRef = ref<InstanceType<typeof MtPreviewYpt>>()
+const onEventCallBack = (type: string, item_id: string) => {
+    console.log(type, item_id)
+
+    if (type == 'test-dialog') {
+        ElMessage.success(`获取到了id:${item_id}`)
+    }
+}
+onMounted(() => {
+    MtPreviewRef.value?.setImportJson(JSON.parse(sessionStorage.getItem('exportJson') as any))
+})
+</script>