feat: 新增数据画像

.env

-VITE_LOGIN_URL=http://172.16.3.203:1001/auth/login/index
-VITE_QA_CENTER_URL=http://172.16.3.203:1004
-VITE_BI_URL=http://172.16.3.203:1012
+VITE_LOGIN_URL=http://172.16.152.125:1001/auth/login/index
+VITE_QA_CENTER_URL=http://172.16.152.125:1004
+VITE_BI_URL=http://172.16.152.125:1012
 VITE_STATIC_URL=https://saas-lab-api

package-lock.json

@@ -14,6 +14,7 @@
         "blueimp-md5": "^2.19.0",
         "dayjs": "^1.11.3",
         "echarts": "^5.3.2",
+        "echarts-wordcloud": "^2.1.0",
         "element-plus": "^2.2.9",
         "js-base64": "^3.7.7",
         "lodash-es": "^4.17.21",
@@ -1789,6 +1790,15 @@
         "zrender": "5.3.1"
       }
     },
+    "node_modules/echarts-wordcloud": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/echarts-wordcloud/-/echarts-wordcloud-2.1.0.tgz",
+      "integrity": "sha512-Kt1JmbcROgb+3IMI48KZECK2AP5lG6bSsOEs+AsuwaWJxQom31RTNd6NFYI01E/YaI1PFZeueaupjlmzSQasjQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "echarts": "^5.0.1"
+      }
+    },
     "node_modules/echarts/node_modules/tslib": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
@@ -6610,6 +6620,12 @@
         }
       }
     },
+    "echarts-wordcloud": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/echarts-wordcloud/-/echarts-wordcloud-2.1.0.tgz",
+      "integrity": "sha512-Kt1JmbcROgb+3IMI48KZECK2AP5lG6bSsOEs+AsuwaWJxQom31RTNd6NFYI01E/YaI1PFZeueaupjlmzSQasjQ==",
+      "requires": {}
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",

package.json

@@ -20,6 +20,7 @@
     "blueimp-md5": "^2.19.0",
     "dayjs": "^1.11.3",
     "echarts": "^5.3.2",
+    "echarts-wordcloud": "^2.1.0",
     "element-plus": "^2.2.9",
     "js-base64": "^3.7.7",
     "lodash-es": "^4.17.21",

src/assets/menus.ts

@@ -196,26 +196,28 @@ export const menus: IMenuItem[] = [
         tag: '',
         icon: DataAnalysis,
         name: '课程资源数据画像',
-        path:
-          import.meta.env.VITE_BI_URL +
-          '/bi/?proc=1&action=viewer&hback=true&isInPreview=true&db=!7d2b!!8346!!6559!!80b2!e-SaaS!2f!!8d44!!6e90!!6570!!636e!!753b!!50cf!.db&platform=PC&browserType=chrome',
+        path: '/teach/chart/resource',
+        // path:
+        //   import.meta.env.VITE_BI_URL +
+        //   '/bi/?proc=1&action=viewer&hback=true&isInPreview=true&db=!7d2b!!8346!!6559!!80b2!e-SaaS!2f!!8d44!!6e90!!6570!!636e!!753b!!50cf!.db&platform=PC&browserType=chrome',
       },
       {
         tag: '',
         icon: DataAnalysis,
         name: '在线学习数据画像',
-        path:
-          import.meta.env.VITE_BI_URL +
-          '/bi/?proc=1&action=viewer&hback=true&isInPreview=true&db=!7d2b!!8346!!6559!!80b2!e-SaaS!2f!!5b66!!4e60!!884c!!4e3a!!753b!!50cf!.db&platform=PC&browserType=chrome',
-      },
-      {
-        tag: '',
-        icon: DataAnalysis,
-        name: '生源地分布',
-        path:
-          import.meta.env.VITE_BI_URL +
-          '/bi/?proc=1&action=viewer&hback=true&isInPreview=true&db=!7d2b!!8346!!6559!!80b2!e-SaaS!2f!!751f!!6e90!!5730!!5206!!5e03!.db&platform=PC&browserType=chrome',
-      },
+        path: '/teach/chart/learning',
+        // path:
+        //   import.meta.env.VITE_BI_URL +
+        //   '/bi/?proc=1&action=viewer&hback=true&isInPreview=true&db=!7d2b!!8346!!6559!!80b2!e-SaaS!2f!!5b66!!4e60!!884c!!4e3a!!753b!!50cf!.db&platform=PC&browserType=chrome',
+      },
+      // {
+      //   tag: '',
+      //   icon: DataAnalysis,
+      //   name: '生源地分布',
+      //   path:
+      //     import.meta.env.VITE_BI_URL +
+      //     '/bi/?proc=1&action=viewer&hback=true&isInPreview=true&db=!7d2b!!8346!!6559!!80b2!e-SaaS!2f!!751f!!6e90!!5730!!5206!!5e03!.db&platform=PC&browserType=chrome',
+      // },
     ],
   },
 ]

src/components/layout/Aside.vue

@@ -11,7 +11,7 @@ const router = useRouter()
 const route = useRoute()
 
 const menuList = $computed<IMenuItem[]>(() => {
-  const found = menus.find(item => route.fullPath.includes(item.path))
+  const found = menus.find(item => route.fullPath.startsWith(item.path))
   return found?.children || []
 })
 const defaultActive = computed(() => {

src/modules/teach/chart/index.ts

+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/teach/chart',
+    component: AppLayout,
+    children: [
+      { path: 'resource', component: () => import('./views/Resource.vue') },
+      { path: 'learning', component: () => import('./views/Learning.vue') },
+    ],
+  },
+]