From a86a3ef515a3cc95368dcd428ac040b8d430f9f5 Mon Sep 17 00:00:00 2001 From: aaaa <1111111@qq.com> Date: Sat, 1 Jun 2024 13:51:09 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=B9=B6=E4=BD=BF=E7=94=A8ec?= =?UTF-8?q?harts=E7=9A=84=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 + pnpm-lock.yaml | 62 ++ src/main.ts | 3 + .../portal/LearningPathRecommendations.vue | 67 +-- src/views/portal/index.vue | 565 ++++++++++-------- src/views/portal/knowledgePointLearning.vue | 162 ++++- 6 files changed, 550 insertions(+), 311 deletions(-) diff --git a/package.json b/package.json index cf41e3a..6d0c115 100644 --- a/package.json +++ b/package.json @@ -20,10 +20,12 @@ "@element-plus/icons-vue": "^2.3.1", "@vueuse/core": "^10.9.0", "axios": "^1.6.8", + "echarts": "^5.5.0", "element-plus": "^2.6.0", "nprogress": "^0.2.0", "pinia": "^2.1.7", "vue": "^3.4.19", + "vue-echarts": "^6.7.2", "vue-router": "^4.3.0" }, "devDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index dfae29b..9b0baa6 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -10,6 +10,9 @@ dependencies: axios: specifier: ^1.6.8 version: 1.6.8 + echarts: + specifier: ^5.5.0 + version: 5.5.0 element-plus: specifier: ^2.6.0 version: 2.6.0(vue@3.4.19) @@ -22,6 +25,9 @@ dependencies: vue: specifier: ^3.4.19 version: 3.4.19(typescript@5.2.2) + vue-echarts: + specifier: ^6.7.2 + version: 6.7.2(echarts@5.5.0)(vue@3.4.19) vue-router: specifier: ^4.3.0 version: 4.3.0(vue@3.4.19) @@ -1982,6 +1988,13 @@ packages: domhandler: 5.0.3 dev: true + /echarts@5.5.0: + resolution: {integrity: sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==} + dependencies: + tslib: 2.3.0 + zrender: 5.5.0 + dev: false + /ee-first@1.1.1: resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==} dev: true @@ -4018,6 +4031,10 @@ packages: engines: {node: '>=0.10.0'} dev: true + /resize-detector@0.3.0: + resolution: {integrity: sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ==} + dev: false + /resolve-from@4.0.0: resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==} engines: {node: '>=4'} @@ -4742,6 +4759,10 @@ packages: strip-bom: 3.0.0 dev: true + /tslib@2.3.0: + resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==} + dev: false + /tslib@2.6.2: resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==} dev: true @@ -4965,6 +4986,21 @@ packages: fsevents: 2.3.3 dev: true + /vue-demi@0.13.11(vue@3.4.19): + resolution: {integrity: sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==} + engines: {node: '>=12'} + hasBin: true + requiresBuild: true + peerDependencies: + '@vue/composition-api': ^1.0.0-rc.1 + vue: ^3.0.0-0 || ^2.6.0 + peerDependenciesMeta: + '@vue/composition-api': + optional: true + dependencies: + vue: 3.4.19(typescript@5.2.2) + dev: false + /vue-demi@0.14.7(vue@3.4.19): resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==} engines: {node: '>=12'} @@ -4980,6 +5016,26 @@ packages: vue: 3.4.19(typescript@5.2.2) dev: false + /vue-echarts@6.7.2(echarts@5.5.0)(vue@3.4.19): + resolution: {integrity: sha512-SG8Vmszhx24KjtySsk361DogZLRkPCyLhgoyh7iN1eH3WGJ0kyl3k0g4QiSJqK0+F1Ej0HDopq4A5OGcBlAwzw==} + requiresBuild: true + peerDependencies: + '@vue/composition-api': ^1.0.5 + '@vue/runtime-core': ^3.0.0 + echarts: ^5.4.1 + vue: ^2.6.12 || ^3.1.1 + peerDependenciesMeta: + '@vue/composition-api': + optional: true + '@vue/runtime-core': + optional: true + dependencies: + echarts: 5.5.0 + resize-detector: 0.3.0 + vue: 3.4.19(typescript@5.2.2) + vue-demi: 0.13.11(vue@3.4.19) + dev: false + /vue-eslint-parser@9.4.2(eslint@8.57.0): resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==} engines: {node: ^14.17.0 || >=16.0.0} @@ -5106,3 +5162,9 @@ packages: resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==} engines: {node: '>=10'} dev: true + + /zrender@5.5.0: + resolution: {integrity: sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==} + dependencies: + tslib: 2.3.0 + dev: false diff --git a/src/main.ts b/src/main.ts index 2b137c7..1099d57 100644 --- a/src/main.ts +++ b/src/main.ts @@ -20,9 +20,12 @@ import 'virtual:svg-icons-register' const app = createApp(App) // 引入自动注册全局组件脚本 import gloablComponent from '@/components/index' +import 'echarts' +import ECharts from 'vue-echarts'; app.use(gloablComponent) // 注册仓库 app.use(pinia) +app.component('ECharts',ECharts) // 安装element插件 app.use(ElementPlus, { locale: zhCn, //使用中文 diff --git a/src/views/portal/LearningPathRecommendations.vue b/src/views/portal/LearningPathRecommendations.vue index 5929326..185c430 100644 --- a/src/views/portal/LearningPathRecommendations.vue +++ b/src/views/portal/LearningPathRecommendations.vue @@ -1,58 +1,29 @@ diff --git a/src/views/portal/index.vue b/src/views/portal/index.vue index 7d2efe6..3466d08 100644 --- a/src/views/portal/index.vue +++ b/src/views/portal/index.vue @@ -3,169 +3,190 @@
-
-
    -
  • 企业入口  |
    • -
  • 教师入口  |
    • -
  • 学生入口  |
    • -
  • 毕业生入口
    • -
+
+
    +
  • 企业入口  |
    • +
  • 教师入口  |
    • +
  • 学生入口  |
    • +
  • 毕业生入口
    • +
+
+
+ +
-
- -
-

知识图谱

- +

(专业代码 ：080902H)

-
- -
-
+ +
+
-
- -
-

《计算机导论》

- -
-
-
-
-
-
-
-

  课程简介

-

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 - 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

-
-

总学时 ：36小时

-

总学分 ：2.0分

-

章节数 ：10章

-

知识点总数 ：33个

+
+ +
+

《计算机导论》

+ +
+
+
+
+
+
+
+

  课程简介

+
+

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 + 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

+
+

总学时 ：36小时

+

总学分 ：2.0分

+

章节数 ：10章

+

知识点总数 ：33个

+
-
-
-
-

  课程简介

-

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 - 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

+
+
+

  课程简介

+
+

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 + 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

总学时 ：36小时

-

总学分 ：2.0分

-

章节数 ：10章

-

知识点总数 ：33个

+

总学分 ：2.0分

+

章节数 ：10章

+

知识点总数 ：33个

+
+
+
+
+ +
+

《计算机导论》

+ +
+
+
+
+
-
-
-
- -
-

《计算机导论》

- -
-
-
-
-
-
-
-
- -
-

《计算机导论》

- -
-
-
+
+ +
+

《计算机导论》

+ +
+
+
-
-
-
-

  课程简介

-

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 - 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

-
-

总学时 ：36小时

-

总学分 ：2.0分

-

章节数 ：10章

-

知识点总数 ：33个

+
+
+
+

  课程简介

+
+

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 + 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

+
+

总学时 ：36小时

+

总学分 ：2.0分

+

章节数 ：10章

+

知识点总数 ：33个

+
-
-
-
-

  课程简介

-

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 - 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

+
+
+

  课程简介

+
+

计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导 + 论的简介计算机导论的简介计算机导论的简介计算机导论的简介计算机导论的简介

+

总学时 ：36小时

-

总学分 ：2.0分

-

章节数 ：10章

-

知识点总数 ：33个

+

总学分 ：2.0分

+

章节数 ：10章

+

知识点总数 ：33个

+
+
+
+
+ +
+

《计算机导论》 {{ userList.name }}

+ +
+
+
+
+
-
-
- -
-

《计算机导论》

- -
-
-
-
-
-
-
-
- + +
+ +

软件工程专业

-

教学一体化平台

-

关于我们    |     联系我们     |     服务协议

-

黄淮学院版权所有@2023 湘豫CP备 19005950号-1
-违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com

-
+

教学一体化平台

+

关于我们    |     联系我们     |     服务协议 +

+

黄淮学院版权所有@2023 湘豫CP备 19005950号-1
+ 违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com

+
+
+ - +// @ts-expect-error - diff --git a/src/views/portal/knowledgePointLearning.vue b/src/views/portal/knowledgePointLearning.vue index fc916d4..62e9c75 100644 --- a/src/views/portal/knowledgePointLearning.vue +++ b/src/views/portal/knowledgePointLearning.vue @@ -1,9 +1,167 @@ - +