大屏页面初始化

screen-vue/src/api/bizApi.js

@@ -1,5 +1,16 @@
 import request from '@/utils/request'
 
+/**
+ * 获取指标信息列表
+ */
+export function getHomeModuleList(params) {
+  return request({
+    url: '/biz/homeModuleUser/list',
+    method: 'get', 
+    params: params
+  })
+}
+
 /**
  * 获取指标信息列表
  */

screen-vue/src/views/desktop/index.vue

@@ -9,11 +9,11 @@
           <div
             class="tab-item"
             v-for="tab in allTabs"
-            :key="tab.key"
-            :class="{ active: activeTab === tab.key }"
-            @click="switchTab(tab.key)"
+            :key="tab.moduleCode"
+            :class="{ active: activeTab === tab.moduleCode }"
+            @click="switchTab(tab.moduleCode)"
           >
-            <span>{{ tab.name }}</span>
+            <span>{{ tab.moduleName }}</span>
           </div>
         </div>
         <div class="query-group">
@@ -35,7 +35,7 @@
       <div v-else-if="activeTab === 'work'" class="screen-page">
         <WorkIndex :formParams="FormValues" />
       </div>
-      <div v-else-if="activeTab === 'erp'" class="screen-page">
+      <div v-else-if="activeTab === 'werp'" class="screen-page">
         <ErpIndex :formParams="FormValues" />
       </div>
     </main>
@@ -48,18 +48,16 @@ import HomeIndex from './screen/Home/index.vue';
 import ErpIndex from './screen/Erp/index.vue';
 import WorkIndex from './screen/Work/index.vue';
 
-const screenTitle = ref('数字化可视化看板');
+import { getHomeModuleList } from '@/api/bizApi'
+
+const screenTitle = ref('个人数字化可视化看板');
 const currentYear = new Date().getFullYear().toString();
 
 const FormValues = ref({
   reqParam: currentYear
 });
 
-const allTabs = [
-  { key: 'home', name: '首页' },
-  { key: 'work', name: '工作' },
-  { key: 'erp', name: '财务' },
-]
+const allTabs = ref([])
 
 const activeTab = ref('home')
 const queryDate = ref();
@@ -72,8 +70,20 @@ const handleQuery = () => {
 	FormValues.value.reqParam = queryDate.value;
 }
 
+
+async function getList() {
+  try {
+    const res = await getHomeModuleList()
+	allTabs.value = res || []
+  } catch (error) {
+    console.error(error)
+    vList.value = []
+  }
+}
+
 const initApp = () =>{
 	queryDate.value = currentYear;
+	getList();
 }
 
 onMounted(() => {