大屏设计器

Report-V3-TS/src/router/base/constRoutes.ts

@@ -1,3 +1,10 @@
+/*
+ * @Description: 
+ * @Author: qianlishi
+ * @Date: 2024-12-30 18:16:00
+ * @LastEditors: qianlishi
+ * @LastEditTime: 2025-01-14 17:27:31
+ */
 import { RouteRecordRaw } from 'vue-router';
 import { Layout } from '@/router/base/index';
 
@@ -49,4 +56,19 @@ export const constRoutes: Array<RouteRecordRaw> = [
       },
     ],
   },
+  {
+    path: '/design',
+    name: 'design',
+    meta: {},
+    children: [
+      {
+        path: 'screen',
+        name: 'screen',
+        component: () => import('@/views/designScreen/index.vue'),
+        meta: {
+          title: '大屏设计器',
+        },
+      },
+    ]
+  }
 ];

Report-V3-TS/src/views/designScreen/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>大屏设计器</div>
+</template>  
+<script lang='ts' setup>
+
+</script>

Report-V3-TS/src/views/report/bigScreen/index.vue

@@ -61,7 +61,7 @@
                 </n-button>
                 <n-button quaternary circle>
                   <template #icon>
-                    <jsqIcon name='icon-bianji' color='#fff' />
+                    <jsqIcon name='icon-bianji' color='#fff' @click="toDesignScreen"/>
                   </template>
                 </n-button>
               </div>
@@ -87,6 +87,9 @@
   import { reactive, onMounted, ref } from 'vue'
   import { getPageList } from '@/api/report/bigScreen'
   import jsqIcon from '@/components/Base/Jsq-icon/index.vue'
+  import { useRouter } from 'vue-router';
+
+  const router = useRouter();
 
   interface formProps {
     reportCode: string;
@@ -120,7 +123,6 @@
     if(code != 200) return
     list.value = data.records
     pages.value = data.pages
-    console.log(data)
   }
 
   const toRestForm = () => {
@@ -130,6 +132,13 @@
     formModel.reportName = ''
   }
 
+  // 设计大屏
+  const toDesignScreen = () => {
+    router.push({
+      path: '/design/screen'
+    })
+  }
+
   const handlePage = (page: number) => {
     formModel.pageNumber = page
     getData()