From 12bceb7bc162fb403fee08e8dd67feb983bc270c Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 2 Apr 2025 10:37:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=94=AF=E6=8C=81=E5=B5=8C=E5=85=A5=20#14924?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/pages/panel/App.vue    |  4 +++-
 core/core-frontend/src/router/index.ts        |  7 +++++++
 .../src/views/chart/ChartView.vue             |  4 +++-
 .../src/views/template/indexInject.vue        | 21 +++++++++++++++++++
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 core/core-frontend/src/views/template/indexInject.vue

diff --git a/core/core-frontend/src/pages/panel/App.vue b/core/core-frontend/src/pages/panel/App.vue
index 49fe9bc718..8afedcbfdc 100644
--- a/core/core-frontend/src/pages/panel/App.vue
+++ b/core/core-frontend/src/pages/panel/App.vue
@@ -24,6 +24,7 @@ const DashboardPanel = defineAsyncComponent(
 )
 
 const Copilot = defineAsyncComponent(() => import('@/views/copilot/index.vue'))
+const TemplateManage = defineAsyncComponent(() => import('@/views/template/indexInject.vue'))
 
 const Preview = defineAsyncComponent(() => import('@/views/data-visualization/PreviewCanvas.vue'))
 const DashboardEmpty = defineAsyncComponent(() => import('@/views/mobile/panel/DashboardEmpty.vue'))
@@ -48,7 +49,8 @@ const componentMap = {
   DashboardPanel,
   DatasetEditor,
   DashboardEmpty,
-  Copilot
+  Copilot,
+  TemplateManage
 }
 
 const isDataFilling = ref(false)
diff --git a/core/core-frontend/src/router/index.ts b/core/core-frontend/src/router/index.ts
index 0d64e546cb..ae495b8c1c 100644
--- a/core/core-frontend/src/router/index.ts
+++ b/core/core-frontend/src/router/index.ts
@@ -156,6 +156,13 @@ export const routes: AppRouteRecordRaw[] = [
     hidden: true,
     meta: {},
     component: () => import('@/views/chart/ChartView.vue')
+  },
+  {
+    path: '/template-manage',
+    name: 'template-manage',
+    hidden: true,
+    meta: {},
+    component: () => import('@/views/template/indexInject.vue')
   }
 ]
 
diff --git a/core/core-frontend/src/views/chart/ChartView.vue b/core/core-frontend/src/views/chart/ChartView.vue
index c8183af362..42ceecd7df 100644
--- a/core/core-frontend/src/views/chart/ChartView.vue
+++ b/core/core-frontend/src/views/chart/ChartView.vue
@@ -29,6 +29,7 @@ const DashboardPanel = defineAsyncComponent(
   () => import('@/views/dashboard/DashboardPreviewShow.vue')
 )
 const Copilot = defineAsyncComponent(() => import('@/views/copilot/index.vue'))
+const TemplateManage = defineAsyncComponent(() => import('@/views/template/indexInject.vue'))
 
 const AsyncXpackComponent = defineAsyncComponent(() => import('@/components/plugin/src/index.vue'))
 
@@ -42,7 +43,8 @@ const componentMap = {
   Datasource,
   ScreenPanel,
   DashboardPanel,
-  Copilot
+  Copilot,
+  TemplateManage
 }
 const iframeStyle = ref(null)
 const setStyle = debounce(() => {
diff --git a/core/core-frontend/src/views/template/indexInject.vue b/core/core-frontend/src/views/template/indexInject.vue
new file mode 100644
index 0000000000..e5410ae41c
--- /dev/null
+++ b/core/core-frontend/src/views/template/indexInject.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import DeTemplateManage from './index.vue'
+</script>
+
+<template>
+  <div class="inject-template-main">
+    <DeTemplateManage></DeTemplateManage>
+  </div>
+</template>
+
+<style scoped lang="less">
+.inject-template-main {
+  width: 100%;
+  height: 100vh;
+  padding: 24px;
+  background-color: var(--MainBG, #f5f6f7);
+  ::v-deep(.sys-setting-p) {
+    height: calc(100vh - 100px);
+  }
+}
+</style>