初始化项目

web-vue/packages/core/layouts/screen/index.vue

@@ -16,11 +16,11 @@
           <div
             class="tab-item"
             v-for="item in allTabs"
-            :key="item.moduleCode"
+            :key="item.screenCode"
             :class="{ active: isCurrentTab(item.path) }"
             @click="switchTabByRoute(item)"
           >
-            <span>{{ item.moduleName }}</span>
+            <span>{{ item.screenName }}</span>
           </div>
         </div>
         <div class="query-group">
@@ -36,22 +36,18 @@
       </div>
     </header>
     <main class="screen-content">
-      <div v-if="isHome" class="screen-page">
-        <HomePage />
-      </div>
-      <div v-else class="screen-page">
+      <div class="screen-page">
         <router-view />
       </div>
     </main>
   </div>
 </template>
 
-<script setup>
+<script lang="ts" setup name="ViewsBizMyScreenInfoIndex">
 import { ref, onMounted, computed } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { ElMessage } from 'element-plus';
-// import { getHomeModuleList } from '@/api/bizApi'
-import HomePage from './Home/index.vue'
+import { MyScreenInfo, myScreenInfoListAll } from '@jeesite/biz/api/biz/myScreenInfo';
 
 const router = useRouter();
 const route = useRoute();
@@ -60,7 +56,7 @@ const HOME_TITLE = "个人数字化分析看板";
 const screenTitle = ref(HOME_TITLE);
 const currentYear = new Date().getFullYear().toString();
 
-const allTabs = ref([])
+const allTabs = ref<MyScreenInfo[]>()
 const queryDate = ref(currentYear);
 
 const getTitle = (title) => {
@@ -73,7 +69,7 @@ const isHome = computed(() => {
 
 const goHome = () => {
   screenTitle.value = HOME_TITLE;
-  router.push('/bigScreen').catch(() => {});
+  router.push('/bigScreen/home').catch(() => {});
 };
 
 const isCurrentTab = (routePath) => {
@@ -81,7 +77,7 @@ const isCurrentTab = (routePath) => {
 };
 
 const switchTabByRoute = (item) => {
-  getTitle(item.titleName);
+  getTitle(item.screenTitle);
   if (!item.path) {
     ElMessage.warning('该模块暂无对应路由');
     return;
@@ -112,25 +108,21 @@ const handleQuery = () => {
 };
 
 const handleSetting = () => {
-  router.push('/bigScreen/screenSetting');
+  router.push('/bigScreen/setting');
 };
 
-// async function getList() {
-//   try {
-//     const res = await getHomeModuleList();
-//     allTabs.value = res || [];
-//   } catch (error) {
-//     console.error('获取模块列表失败：', error);
-//     allTabs.value = [];
-//   }
-// }
-
-const initApp = () => {
-  // getList();
-};
+async function getList() {
+  try {
+    const res = await myScreenInfoListAll();
+    allTabs.value = res || [];
+  } catch (error) {
+    console.error('获取模块列表失败：', error);
+    allTabs.value = [];
+  }
+}
 
 onMounted(() => {
-  initApp();
+  getList();
   router.afterEach((to) => {
     if (to.query.year) {
       queryDate.value = to.query.year;

web-vue/packages/core/layouts/views/screen/welcome/Erp/index.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

web-vue/packages/core/layouts/views/screen/welcome/Work/index.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

web-vue/packages/core/layouts/views/screen/welcome/index.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

web-vue/packages/core/locales/lang/en/routes/screen.ts

@@ -0,0 +1,4 @@
+export default {
+  bigScreen: 'BigScreen',
+  bigSetting: 'BigSetting',
+};

web-vue/packages/core/locales/lang/zh_CN/routes/screen.ts

@@ -0,0 +1,4 @@
+export default {
+  bigScreen: '大屏可视化',
+  bigSetting: '大屏设置',
+};

web-vue/packages/core/router/routes/index.ts

@@ -51,26 +51,58 @@ const BigScreenRoute: AppRouteRecordRaw = {
   path: '/bigScreen',
   name: 'BigScreen',
   component: SCREEN_LAYOUT,
-  redirect: '/bigScreen/screenAnalysis',
+  redirect: '/bigScreen/welcome',
   meta: {
-    title: t('routes.dashboard.bigScreen'),
+    title: t('routes.screen.bigScreen'),
     ignoreAuth: false,
   },
   children: [
     {
-      path: 'screenAnalysis',
-      name: 'ScreenAnalysis',
-      component: () => import('@jeesite/core/layouts/views/screen/analysis/index.vue'),
+      path: 'welcome',
+      name: 'ScreenWelcome',
+      component: () => import('@jeesite/core/layouts/views/screen/welcome/index.vue'),
       meta: {
-        title: t('routes.dashboard.bigScreen'),
+        title: t('routes.screen.bigScreen'),
       },
     },
+	{
+	  path: 'home',
+	  name: 'ScreenHome',
+	  component: () => import('@jeesite/core/layouts/views/screen/welcome/Home/index.vue'),
+	  meta: {
+	    title: t('routes.screen.bigScreen'),
+	  },
+	},
+	{
+	  path: 'work',
+	  name: 'ScreenWork',
+	  component: () => import('@jeesite/core/layouts/views/screen/welcome/Work/index.vue'),
+	  meta: {
+	    title: t('routes.screen.bigScreen'),
+	  },
+	},
+	{
+	  path: 'erp',
+	  name: 'ScreenErp',
+	  component: () => import('@jeesite/core/layouts/views/screen/welcome/Erp/index.vue'),
+	  meta: {
+	    title: t('routes.screen.bigScreen'),
+	  },
+	},
+	{
+	  path: 'sys',
+	  name: 'ScreenSys',
+	  component: () => import('@jeesite/core/layouts/views/screen/welcome/Sys/index.vue'),
+	  meta: {
+	    title: t('routes.screen.bigScreen'),
+	  },
+	},
     {
-      path: 'screenSetting',
+      path: 'setting',
       name: 'ScreenSetting',
       component: () => import('@jeesite/core/layouts/views/screen/setting/index.vue'),
       meta: {
-        title: t('routes.dashboard.bigSetting'),
+        title: t('routes.screen.bigSetting'),
       },
     },
   ],