From 6bb7d289e22c5296c4f76294fee69db440fb0495 Mon Sep 17 00:00:00 2001
From: v_xugzhou <941071842@qq.com>
Date: Wed, 4 Dec 2024 17:50:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B5=81=E7=A8=8B=E5=B8=82=E5=9C=BA?=
 =?UTF-8?q?=E5=B5=8C=E5=85=A5=E7=94=BB=E5=B8=83=E6=94=AF=E6=8C=81-?=
 =?UTF-8?q?=E9=81=97=E6=BC=8F=E6=96=87=E4=BB=B6=E6=8F=90=E4=BA=A4=20#7626?=
 =?UTF-8?q?=20#=20Reviewed,=20transaction=20id:=2025855?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/template/TemplatePreview/index.vue  | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 frontend/desktop/src/pages/template/TemplatePreview/index.vue

diff --git a/frontend/desktop/src/pages/template/TemplatePreview/index.vue b/frontend/desktop/src/pages/template/TemplatePreview/index.vue
new file mode 100644
index 000000000..54f764d1b
--- /dev/null
+++ b/frontend/desktop/src/pages/template/TemplatePreview/index.vue
@@ -0,0 +1,56 @@
+<template>
+    <nodePreview
+        :preview-data-loading="templateLoading"
+        :canvas-data="templateData"
+        :preview-bread="[]">
+    </nodePreview>
+</template>
+<script>
+    import { mapActions } from 'vuex'
+    import nodePreview from '../../task/NodePreview.vue'
+    import { formatCanvasData } from '@/utils/checkDataType'
+    export default {
+        components: {
+            nodePreview
+        },
+        props: {
+            project_id: [Number, String],
+            template_id: [Number, String],
+            common: [Number, String]
+        },
+        data () {
+            return {
+                templateLoading: true,
+                templateData: {
+                    location: [],
+                    line: [],
+                    gateways: {},
+                    constants: []
+                }
+            }
+        },
+        created () {
+            this.getTemplateData()
+        },
+        methods: {
+            ...mapActions('template/', [
+                'loadTemplateData'
+            ]),
+            async getTemplateData () {
+                try {
+                    this.templateLoading = true
+                    const resp = await this.loadTemplateData({
+                        templateId: this.template_id,
+                        common: this.common
+                    })
+                    const pipelineTree = JSON.parse(resp.pipeline_tree)
+                    this.templateData = formatCanvasData('perview', pipelineTree)
+                } catch (e) {
+                    console.log(e)
+                } finally {
+                    this.templateLoading = false
+                }
+            }
+        }
+    }
+</script>