diff --git a/.env.production b/.env.production
index 141fffa..d6a6065 100644
--- a/.env.production
+++ b/.env.production
@@ -1,3 +1,3 @@
 NODE_ENV = 'production'
 VITE_APP_TITLE = '无糖运营平台'
-VITE_APP_BASE_API = '/prod-api'
\ No newline at end of file
+# VITE_APP_BASE_API = '/prod-api'
\ No newline at end of file
diff --git a/.env_1.production b/.env_1.production
index 141fffa..6d6d61c 100644
--- a/.env_1.production
+++ b/.env_1.production
@@ -1,3 +1,2 @@
 NODE_ENV = 'production'
-VITE_APP_TITLE = '无糖运营平台'
-VITE_APP_BASE_API = '/prod-api'
\ No newline at end of file
+VITE_APP_TITLE = '无糖运营平台'
\ No newline at end of file
diff --git a/.eslintignore b/.eslintignore
index db4c6d9..437c601 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,2 +1,3 @@
 dist
-node_modules
\ No newline at end of file
+node_modules
+src/views/course/spritetext.js
diff --git a/.eslintrc copy.cjs b/.eslintrc copy.cjs
new file mode 100644
index 0000000..444ba89
--- /dev/null
+++ b/.eslintrc copy.cjs	
@@ -0,0 +1,66 @@
+// @see https://eslint.bootcss.com/docs/rules/
+
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+    jest: true,
+    jquery: true,
+  },
+  globals: {
+    VANTA: 'readonly', //VANTA 已经cdn引入 这里拒绝eslint报错 全局声明一下
+    ElMessage: 'readonly',
+    ElMessageBox: 'readonly',
+    ElLoading: 'readonly',
+  },
+  /* 指定如何解析语法 */
+  parser: 'vue-eslint-parser',
+  /** 优先级低于 parse 的语法解析配置 */
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    parser: '@typescript-eslint/parser',
+    jsxPragma: 'React',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  /* 继承已有的规则 */
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-essential',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  plugins: ['vue', '@typescript-eslint'],
+  /*
+   * "off" 或 0    ==>  关闭规则
+   * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
+   * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
+   */
+  rules: {
+    // eslint（https://eslint.bootcss.com/docs/rules/）
+    'no-var': 'error', // 要求使用 let 或 const 而不是 var
+    'no-multiple-empty-lines': ['warn', { max: 1 }], // 不允许多个空行
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-unexpected-multiline': 'error', // 禁止空余的多行
+    'no-useless-escape': 'off', // 禁止不必要的转义字符
+
+    // typeScript (https://typescript-eslint.io/rules)
+    '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
+    '@typescript-eslint/prefer-ts-expect-error': 'off', // 禁止使用 @ts-ignore
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/no-namespace': 'off', // 禁止使用自定义 TypeScript 模块和命名空间。
+    '@typescript-eslint/semi': 'off',
+
+    // eslint-plugin-vue (https://eslint.vuejs.org/rules/)
+    'vue/multi-word-component-names': 'off', // 要求组件名称始终为 “-” 链接的单词
+    'vue/script-setup-uses-vars': 'error', // 防止<script setup>使用的变量<template>被标记为未使用
+    'vue/no-mutating-props': 'off', // 不允许组件 prop的改变
+    'vue/attribute-hyphenation': 'off', // 对模板中的自定义组件强制执行属性命名样式
+  },
+}
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 444ba89..036307d 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -43,13 +43,13 @@ module.exports = {
     // eslint（https://eslint.bootcss.com/docs/rules/）
     'no-var': 'error', // 要求使用 let 或 const 而不是 var
     'no-multiple-empty-lines': ['warn', { max: 1 }], // 不允许多个空行
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-console': process.env.NODE_ENV === 'production' ? 'off' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-unexpected-multiline': 'error', // 禁止空余的多行
+    'no-unexpected-multiline': 'off', // 禁止空余的多行
     'no-useless-escape': 'off', // 禁止不必要的转义字符
 
     // typeScript (https://typescript-eslint.io/rules)
-    '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
+    '@typescript-eslint/no-unused-vars': 'off', // 禁止定义未使用的变量
     '@typescript-eslint/prefer-ts-expect-error': 'off', // 禁止使用 @ts-ignore
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
diff --git a/.eslintrc_1.cjs b/.eslintrc_1.cjs
index 1f95324..af8e1fb 100644
--- a/.eslintrc_1.cjs
+++ b/.eslintrc_1.cjs
@@ -40,16 +40,16 @@ module.exports = {
    */
   rules: {
     // eslint（https://eslint.bootcss.com/docs/rules/）
-    'no-var': 'error', // 要求使用 let 或 const 而不是 var
-    'no-multiple-empty-lines': ['warn', { max: 1 }], // 不允许多个空行
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-unexpected-multiline': 'error', // 禁止空余的多行
+    'no-var': 'off', // 要求使用 let 或 const 而不是 var
+    'no-multiple-empty-lines': ['off', { max: 1 }], // 不允许多个空行
+    'no-console': process.env.NODE_ENV === 'production' ? 'off' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'off' : 'off',
+    'no-unexpected-multiline': 'off', // 禁止空余的多行
     'no-useless-escape': 'off', // 禁止不必要的转义字符
 
     // typeScript (https://typescript-eslint.io/rules)
-    '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
-    '@typescript-eslint/prefer-ts-expect-error': 'off', // 禁止使用 @ts-ignore
+    '@typescript-eslint/no-unused-vars': 'off', // 禁止定义未使用的变量
+    '@typescript-eslint/prefer-ts-expect-off': 'off', // 禁止使用 @ts-ignore
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
     '@typescript-eslint/no-non-null-assertion': 'off',
@@ -58,7 +58,7 @@ module.exports = {
 
     // eslint-plugin-vue (https://eslint.vuejs.org/rules/)
     'vue/multi-word-component-names': 'off', // 要求组件名称始终为 “-” 链接的单词
-    'vue/script-setup-uses-vars': 'error', // 防止<script setup>使用的变量<template>被标记为未使用
+    'vue/script-setup-uses-vars': 'off', // 防止<script setup>使用的变量<template>被标记为未使用
     'vue/no-mutating-props': 'off', // 不允许组件 prop的改变
     'vue/attribute-hyphenation': 'off', // 对模板中的自定义组件强制执行属性命名样式
   },
diff --git a/.gitignore b/.gitignore
index a547bf3..54f07af 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,4 +21,4 @@ dist-ssr
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?
\ No newline at end of file
diff --git a/Teaching_integration_platform_admin_template b/Teaching_integration_platform_admin_template
deleted file mode 160000
index be31783..0000000
--- a/Teaching_integration_platform_admin_template
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit be31783972a0cdd8d1abfe03df8ef24a73854b0c
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..9d0204a
Binary files /dev/null and b/dist.zip differ
diff --git a/generated/core/OpenAPI.ts b/generated/core/OpenAPI.ts
index 5baf572..29bec96 100644
--- a/generated/core/OpenAPI.ts
+++ b/generated/core/OpenAPI.ts
@@ -2,34 +2,31 @@
 /* istanbul ignore file */
 /* tslint:disable */
 /* eslint-disable */
-import type { ApiRequestOptions } from './ApiRequestOptions'
-// 引入设置token的方法
-import { GET_TKOEN } from '@/utils/token'
-type Resolver<T> = (options: ApiRequestOptions) => Promise<T>
-type Headers = Record<string, string>
+import type { ApiRequestOptions } from './ApiRequestOptions';
+
+type Resolver<T> = (options: ApiRequestOptions) => Promise<T>;
+type Headers = Record<string, string>;
 
 export type OpenAPIConfig = {
-  BASE: string
-  VERSION: string
-  WITH_CREDENTIALS: boolean
-  CREDENTIALS: 'include' | 'omit' | 'same-origin'
-  TOKEN?: string | Resolver<string> | undefined
-  USERNAME?: string | Resolver<string> | undefined
-  PASSWORD?: string | Resolver<string> | undefined
-  HEADERS?: Headers | Resolver<Headers> | undefined
-  ENCODE_PATH?: ((path: string) => string) | undefined
-}
+    BASE: string;
+    VERSION: string;
+    WITH_CREDENTIALS: boolean;
+    CREDENTIALS: 'include' | 'omit' | 'same-origin';
+    TOKEN?: string | Resolver<string> | undefined;
+    USERNAME?: string | Resolver<string> | undefined;
+    PASSWORD?: string | Resolver<string> | undefined;
+    HEADERS?: Headers | Resolver<Headers> | undefined;
+    ENCODE_PATH?: ((path: string) => string) | undefined;
+};
 
 export const OpenAPI: OpenAPIConfig = {
-  BASE: 'http://39.106.16.162:8080',
-  VERSION: '1.0.0',
-  WITH_CREDENTIALS: false,
-  CREDENTIALS: 'include',
-  TOKEN: GET_TKOEN('TOKEN'),
-  USERNAME: undefined,
-  PASSWORD: undefined,
-  HEADERS: {
-    Authorization: 'Bearer ' + GET_TKOEN('TOKEN'),
-  },
-  ENCODE_PATH: undefined,
-}
+    BASE: 'http://39.106.16.162:8080',
+    VERSION: '1.0.0',
+    WITH_CREDENTIALS: false,
+    CREDENTIALS: 'include',
+    TOKEN: undefined,
+    USERNAME: undefined,
+    PASSWORD: undefined,
+    HEADERS: undefined,
+    ENCODE_PATH: undefined,
+};
diff --git a/generated/index.ts b/generated/index.ts
index 82b3388..c3bb120 100644
--- a/generated/index.ts
+++ b/generated/index.ts
@@ -18,6 +18,7 @@ export type { BaseResponse_List_TeacherInfVO_ } from './models/BaseResponse_List
 export type { BaseResponse_long_ } from './models/BaseResponse_long_';
 export type { BaseResponse_Map_string_object_ } from './models/BaseResponse_Map_string_object_';
 export type { BaseResponse_ObjectiveContentKnowVO_ } from './models/BaseResponse_ObjectiveContentKnowVO_';
+export type { BaseResponse_ObjectiveContents_ } from './models/BaseResponse_ObjectiveContents_';
 export type { BaseResponse_Page_ } from './models/BaseResponse_Page_';
 export type { BaseResponse_Page_CourseFavourDetailVO_ } from './models/BaseResponse_Page_CourseFavourDetailVO_';
 export type { BaseResponse_Page_CourseResources_ } from './models/BaseResponse_Page_CourseResources_';
@@ -36,8 +37,12 @@ export type { CourseResources } from './models/CourseResources';
 export type { CoursesDTO } from './models/CoursesDTO';
 export type { CoursesVO } from './models/CoursesVO';
 export type { CourseThumbAddRequest } from './models/CourseThumbAddRequest';
+export type { Know } from './models/Know';
 export type { KnowFavourAddRequest } from './models/KnowFavourAddRequest';
+export type { KnowQueryRequest } from './models/KnowQueryRequest';
+export type { KnowRequest } from './models/KnowRequest';
 export type { KnowThumbAddRequest } from './models/KnowThumbAddRequest';
+export type { KnowupdateRequest } from './models/KnowupdateRequest';
 export type { LearningRecords } from './models/LearningRecords';
 export type { ObjectiveContentKnowDTO } from './models/ObjectiveContentKnowDTO';
 export type { ObjectiveContentKnowVO } from './models/ObjectiveContentKnowVO';
@@ -61,6 +66,7 @@ export type { UpdateAdminPasswordParam } from './models/UpdateAdminPasswordParam
 export { Service } from './services/Service';
 export { CourseResourceControllerService } from './services/CourseResourceControllerService';
 export { FavourInformationControllerService } from './services/FavourInformationControllerService';
+export { KnowControllerService } from './services/KnowControllerService';
 export { LearningRecordsControllerService } from './services/LearningRecordsControllerService';
 export { ResourceControllerService } from './services/ResourceControllerService';
 export { SeCourseFavourControllerService } from './services/SeCourseFavourControllerService';
diff --git a/generated/models/BaseResponse_ObjectiveContents_.ts b/generated/models/BaseResponse_ObjectiveContents_.ts
new file mode 100644
index 0000000..2900ff2
--- /dev/null
+++ b/generated/models/BaseResponse_ObjectiveContents_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ObjectiveContents_ } from './ObjectiveContents_';
+export type BaseResponse_ObjectiveContents_ = {
+    code?: number;
+    data?: ObjectiveContents_;
+    message?: string;
+};
+
diff --git a/generated/models/CoursesDTO.ts b/generated/models/CoursesDTO.ts
index a7dc17c..ec22183 100644
--- a/generated/models/CoursesDTO.ts
+++ b/generated/models/CoursesDTO.ts
@@ -45,7 +45,7 @@ export type CoursesDTO = {
     /**
      * 图片
      */
-    img?: string;
+    img: string;
     /**
      * 课程名称
      */
diff --git a/generated/models/Know.ts b/generated/models/Know.ts
new file mode 100644
index 0000000..1ac0e73
--- /dev/null
+++ b/generated/models/Know.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type Know = {
+    content?: string;
+    hour?: number;
+    id?: number;
+    img?: string;
+    info?: string;
+    name?: string;
+    resourceid?: string;
+};
+
diff --git a/generated/models/KnowQueryRequest.ts b/generated/models/KnowQueryRequest.ts
new file mode 100644
index 0000000..a4414c7
--- /dev/null
+++ b/generated/models/KnowQueryRequest.ts
@@ -0,0 +1,8 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type KnowQueryRequest = {
+    name?: string;
+};
+
diff --git a/generated/models/KnowRequest.ts b/generated/models/KnowRequest.ts
new file mode 100644
index 0000000..700c8be
--- /dev/null
+++ b/generated/models/KnowRequest.ts
@@ -0,0 +1,13 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type KnowRequest = {
+    content?: string;
+    hour?: number;
+    img?: string;
+    info?: string;
+    name?: string;
+    resourceid?: string;
+};
+
diff --git a/generated/models/KnowupdateRequest.ts b/generated/models/KnowupdateRequest.ts
new file mode 100644
index 0000000..1ee752a
--- /dev/null
+++ b/generated/models/KnowupdateRequest.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type KnowupdateRequest = {
+    content?: string;
+    hour?: number;
+    id?: number;
+    img?: string;
+    info?: string;
+    name?: string;
+    resourceid?: string;
+};
+
diff --git a/generated/services/CourseResourceControllerService.ts b/generated/services/CourseResourceControllerService.ts
index f15a92d..ee146aa 100644
--- a/generated/services/CourseResourceControllerService.ts
+++ b/generated/services/CourseResourceControllerService.ts
@@ -5,6 +5,7 @@
 import type { BaseResponse_List_CourseResources_ } from '../models/BaseResponse_List_CourseResources_';
 import type { BaseResponse_Page_ } from '../models/BaseResponse_Page_';
 import type { BaseResponse_string_ } from '../models/BaseResponse_string_';
+import type { CourseResources } from '../models/CourseResources';
 import type { CancelablePromise } from '../core/CancelablePromise';
 import { OpenAPI } from '../core/OpenAPI';
 import { request as __request } from '../core/request';
@@ -17,7 +18,7 @@ export class CourseResourceControllerService {
     public static allUsingGet1(): CancelablePromise<BaseResponse_List_CourseResources_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/courses/all',
+            url: '/api/courses/all',
             errors: {
                 401: `Unauthorized`,
                 403: `Forbidden`,
@@ -36,7 +37,7 @@ export class CourseResourceControllerService {
     ): CancelablePromise<BaseResponse_string_> {
         return __request(OpenAPI, {
             method: 'DELETE',
-            url: '/courses/delete',
+            url: '/api/courses/delete',
             query: {
                 'ids': ids,
             },
@@ -61,7 +62,7 @@ export class CourseResourceControllerService {
     ): CancelablePromise<BaseResponse_Page_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/courses/getall',
+            url: '/api/courses/getall',
             query: {
                 'pagenum': pagenum,
                 'pagesize': pagesize,
@@ -74,4 +75,24 @@ export class CourseResourceControllerService {
             },
         });
     }
+    /**
+     * saveCourseResource
+     * @param courseResources courseResources
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static saveCourseResourceUsingGet1(
+        courseResources: CourseResources,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/courses/save',
+            body: courseResources,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
 }
diff --git a/generated/services/FavourInformationControllerService.ts b/generated/services/FavourInformationControllerService.ts
index 029727b..deb7017 100644
--- a/generated/services/FavourInformationControllerService.ts
+++ b/generated/services/FavourInformationControllerService.ts
@@ -28,7 +28,7 @@ export class FavourInformationControllerService {
     ): CancelablePromise<BaseResponse_Page_CourseResources_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/Favour/get',
+            url: '/api/Favour/get',
             query: {
                 'current': current,
                 'pageSize': pageSize,
diff --git a/generated/services/KnowControllerService.ts b/generated/services/KnowControllerService.ts
new file mode 100644
index 0000000..cd7177c
--- /dev/null
+++ b/generated/services/KnowControllerService.ts
@@ -0,0 +1,97 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { Know } from '../models/Know';
+import type { KnowQueryRequest } from '../models/KnowQueryRequest';
+import type { KnowRequest } from '../models/KnowRequest';
+import type { KnowupdateRequest } from '../models/KnowupdateRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class KnowControllerService {
+    /**
+     * add
+     * @param knowAddRequest knowAddRequest
+     * @returns boolean OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static addUsingPost1(
+        knowAddRequest: KnowRequest,
+    ): CancelablePromise<boolean | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/know/add',
+            body: knowAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * deleteKnow
+     * @param ids ids
+     * @returns number OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static deleteKnowUsingPost1(
+        ids: Array<number>,
+    ): CancelablePromise<number | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/know/delete',
+            body: ids,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * query
+     * @param knowQueryRequest knowQueryRequest
+     * @returns Know OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static queryUsingPost1(
+        knowQueryRequest: KnowQueryRequest,
+    ): CancelablePromise<Array<Know> | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/know/query',
+            body: knowQueryRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * update
+     * @param knowAddRequest knowAddRequest
+     * @returns boolean OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updateUsingPost1(
+        knowAddRequest: KnowupdateRequest,
+    ): CancelablePromise<boolean | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/know/update',
+            body: knowAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/generated/services/LearningRecordsControllerService.ts b/generated/services/LearningRecordsControllerService.ts
index 68beac3..71fd933 100644
--- a/generated/services/LearningRecordsControllerService.ts
+++ b/generated/services/LearningRecordsControllerService.ts
@@ -18,7 +18,7 @@ export class LearningRecordsControllerService {
     public static allUsingGet3(): CancelablePromise<BaseResponse_List_LearningRecords_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/learningrecords/all',
+            url: '/api/learningrecords/all',
             errors: {
                 401: `Unauthorized`,
                 403: `Forbidden`,
@@ -37,7 +37,7 @@ export class LearningRecordsControllerService {
     ): CancelablePromise<BaseResponse_string_> {
         return __request(OpenAPI, {
             method: 'DELETE',
-            url: '/learningrecords/delete',
+            url: '/api/learningrecords/delete',
             query: {
                 'ids': ids,
             },
@@ -62,7 +62,7 @@ export class LearningRecordsControllerService {
     ): CancelablePromise<BaseResponse_Page_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/learningrecords/getall',
+            url: '/api/learningrecords/getall',
             query: {
                 'pagenum': pagenum,
                 'pagesize': pagesize,
@@ -87,7 +87,7 @@ export class LearningRecordsControllerService {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/learningrecords/saverecords',
+            url: '/api/learningrecords/saverecords',
             body: learningRecords,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/SeCourseFavourControllerService.ts b/generated/services/SeCourseFavourControllerService.ts
index 3383746..537fe36 100644
--- a/generated/services/SeCourseFavourControllerService.ts
+++ b/generated/services/SeCourseFavourControllerService.ts
@@ -24,7 +24,7 @@ export class SeCourseFavourControllerService {
     ): CancelablePromise<BaseResponse_boolean_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_favour/add',
+            url: '/api/course_favour/add',
             body: courseFavourAddRequest,
             errors: {
                 401: `Unauthorized`,
@@ -45,7 +45,7 @@ export class SeCourseFavourControllerService {
     ): CancelablePromise<BaseResponse_long_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_favour/count',
+            url: '/api/course_favour/count',
             body: courseFavourAddRequest,
             errors: {
                 401: `Unauthorized`,
@@ -66,7 +66,7 @@ export class SeCourseFavourControllerService {
     ): CancelablePromise<BaseResponse_long_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_favour/countAll',
+            url: '/api/course_favour/countAll',
             body: courseFavourAllRequest,
             errors: {
                 401: `Unauthorized`,
@@ -87,7 +87,7 @@ export class SeCourseFavourControllerService {
     ): CancelablePromise<BaseResponse_Page_CourseFavourDetailVO_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_favour/list/page',
+            url: '/api/course_favour/list/page',
             body: courseFavourQueryRequest,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/SeCourseThumbControllerService.ts b/generated/services/SeCourseThumbControllerService.ts
index c994cb3..c3fd6b7 100644
--- a/generated/services/SeCourseThumbControllerService.ts
+++ b/generated/services/SeCourseThumbControllerService.ts
@@ -21,7 +21,7 @@ export class SeCourseThumbControllerService {
     ): CancelablePromise<BaseResponse_boolean_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_thumb/',
+            url: '/api/course_thumb/',
             body: courseThumbAddRequest,
             errors: {
                 401: `Unauthorized`,
@@ -42,7 +42,7 @@ export class SeCourseThumbControllerService {
     ): CancelablePromise<BaseResponse_long_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_thumb/count',
+            url: '/api/course_thumb/count',
             body: courseThumbAddRequest,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/SeKnowFavourControllerService.ts b/generated/services/SeKnowFavourControllerService.ts
index 962f25d..d6c8df1 100644
--- a/generated/services/SeKnowFavourControllerService.ts
+++ b/generated/services/SeKnowFavourControllerService.ts
@@ -20,7 +20,7 @@ export class SeKnowFavourControllerService {
     ): CancelablePromise<BaseResponse_boolean_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/know_favour/add',
+            url: '/api/know_favour/add',
             body: knowFavourAddRequest,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/SeKnowThumbControllerService.ts b/generated/services/SeKnowThumbControllerService.ts
index 25a66e0..c8d1246 100644
--- a/generated/services/SeKnowThumbControllerService.ts
+++ b/generated/services/SeKnowThumbControllerService.ts
@@ -20,7 +20,7 @@ export class SeKnowThumbControllerService {
     ): CancelablePromise<BaseResponse_boolean_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/know_thumb/add',
+            url: '/api/know_thumb/add',
             body: knowThumbAddRequest,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/SeResourceFavourControllerService.ts b/generated/services/SeResourceFavourControllerService.ts
index 783f306..5933977 100644
--- a/generated/services/SeResourceFavourControllerService.ts
+++ b/generated/services/SeResourceFavourControllerService.ts
@@ -22,7 +22,7 @@ export class SeResourceFavourControllerService {
     ): CancelablePromise<BaseResponse_boolean_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/resource_favour/add',
+            url: '/api/resource_favour/add',
             body: resourceFavourAddRequest,
             errors: {
                 401: `Unauthorized`,
@@ -43,7 +43,7 @@ export class SeResourceFavourControllerService {
     ): CancelablePromise<BaseResponse_Page_CourseResources_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/resource_favour/list/page',
+            url: '/api/resource_favour/list/page',
             body: resourceFavourQueryRequest,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/SeResourceThumbControllerService.ts b/generated/services/SeResourceThumbControllerService.ts
index d078c12..28b95c8 100644
--- a/generated/services/SeResourceThumbControllerService.ts
+++ b/generated/services/SeResourceThumbControllerService.ts
@@ -20,7 +20,7 @@ export class SeResourceThumbControllerService {
     ): CancelablePromise<BaseResponse_boolean_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/resource_thumb/add',
+            url: '/api/resource_thumb/add',
             body: resourceThumbAddRequest,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/Service.ts b/generated/services/Service.ts
index 8ac9062..aecfdfa 100644
--- a/generated/services/Service.ts
+++ b/generated/services/Service.ts
@@ -8,6 +8,7 @@ import type { BaseResponse_List_CourseObjectivesTreeVO_ } from '../models/BaseRe
 import type { BaseResponse_List_ObjectivesType_ } from '../models/BaseResponse_List_ObjectivesType_';
 import type { BaseResponse_Map_string_object_ } from '../models/BaseResponse_Map_string_object_';
 import type { BaseResponse_ObjectiveContentKnowVO_ } from '../models/BaseResponse_ObjectiveContentKnowVO_';
+import type { BaseResponse_ObjectiveContents_ } from '../models/BaseResponse_ObjectiveContents_';
 import type { BaseResponse_PageDTO_CoursesVO_ } from '../models/BaseResponse_PageDTO_CoursesVO_';
 import type { BaseResponse_string_ } from '../models/BaseResponse_string_';
 import type { CourseObjectivesDTO } from '../models/CourseObjectivesDTO';
@@ -32,7 +33,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'PUT',
-            url: '/course_objectives',
+            url: '/api/course_objectives',
             body: courseObjectivesDto,
             errors: {
                 401: `Unauthorized`,
@@ -53,7 +54,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/course_objectives/addobjectives',
+            url: '/api/course_objectives/addobjectives',
             body: courseObjectivesDto,
             errors: {
                 401: `Unauthorized`,
@@ -73,7 +74,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_List_CourseObjectivesTreeVO_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/course_objectives/list/{id}',
+            url: '/api/course_objectives/list/{id}',
             path: {
                 'id': id,
             },
@@ -95,7 +96,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_> {
         return __request(OpenAPI, {
             method: 'DELETE',
-            url: '/course_objectives/{id}',
+            url: '/api/course_objectives/{id}',
             path: {
                 'id': id,
             },
@@ -117,7 +118,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'PUT',
-            url: '/coursesteacher',
+            url: '/api/coursesteacher',
             body: coursesDto,
             errors: {
                 401: `Unauthorized`,
@@ -138,7 +139,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/coursesteacher/addcourse',
+            url: '/api/coursesteacher/addcourse',
             body: coursesDto,
             errors: {
                 401: `Unauthorized`,
@@ -155,7 +156,7 @@ export class Service {
     public static testUsingGet1(): CancelablePromise<any> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/coursesteacher/down',
+            url: '/api/coursesteacher/down',
             errors: {
                 401: `Unauthorized`,
                 403: `Forbidden`,
@@ -176,7 +177,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_Map_string_object_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/coursesteacher/index',
+            url: '/api/coursesteacher/index',
             query: {
                 'page': page,
                 'pageSize': pageSize,
@@ -217,7 +218,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_PageDTO_CoursesVO_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/coursesteacher/page',
+            url: '/api/coursesteacher/page',
             query: {
                 'assessmenttype': assessmenttype,
                 'category': category,
@@ -248,7 +249,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_CoursesDTO_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/coursesteacher/{id}',
+            url: '/api/coursesteacher/{id}',
             path: {
                 'id': id,
             },
@@ -270,7 +271,7 @@ export class Service {
     ): CancelablePromise<BaseResponse> {
         return __request(OpenAPI, {
             method: 'DELETE',
-            url: '/coursesteacher/{id}',
+            url: '/api/coursesteacher/{id}',
             path: {
                 'id': id,
             },
@@ -292,7 +293,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/objective_content_know/addknows',
+            url: '/api/objective_content_know/addknows',
             body: objectiveContentKnowDto,
             errors: {
                 401: `Unauthorized`,
@@ -312,7 +313,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_ObjectiveContentKnowVO_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/objective_content_know/{objectiveId}',
+            url: '/api/objective_content_know/{objectiveId}',
             path: {
                 'objectiveId': objectiveId,
             },
@@ -335,7 +336,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/objective_contents/addcontent',
+            url: '/api/objective_contents/addcontent',
             body: objectiveContents,
             errors: {
                 401: `Unauthorized`,
@@ -356,7 +357,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'PUT',
-            url: '/objective_contents/update',
+            url: '/api/objective_contents/update',
             body: objectiveContents,
             errors: {
                 401: `Unauthorized`,
@@ -365,6 +366,28 @@ export class Service {
             },
         });
     }
+    /**
+     * 根据id查询目标内容
+     * @param id id
+     * @returns BaseResponse_ObjectiveContents_ OK
+     * @throws ApiError
+     */
+    public static updateContentUsingGet1(
+        id: string,
+    ): CancelablePromise<BaseResponse_ObjectiveContents_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/objective_contents/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
     /**
      * 删除目标内容
      * @param id id
@@ -376,7 +399,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_> {
         return __request(OpenAPI, {
             method: 'DELETE',
-            url: '/objective_contents/{id}',
+            url: '/api/objective_contents/{id}',
             path: {
                 'id': id,
             },
@@ -398,7 +421,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'PUT',
-            url: '/objectives_type',
+            url: '/api/objectives_type',
             body: objectivesType,
             errors: {
                 401: `Unauthorized`,
@@ -419,7 +442,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/objectives_type/addobjectives',
+            url: '/api/objectives_type/addobjectives',
             body: objectivesType,
             errors: {
                 401: `Unauthorized`,
@@ -439,7 +462,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_> {
         return __request(OpenAPI, {
             method: 'DELETE',
-            url: '/objectives_type/deleteobjectives/{id}',
+            url: '/api/objectives_type/deleteobjectives/{id}',
             path: {
                 'id': id,
             },
@@ -457,7 +480,7 @@ export class Service {
     public static objectivesListUsingGet1(): CancelablePromise<BaseResponse_List_ObjectivesType_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/objectives_type/list',
+            url: '/api/objectives_type/list',
             errors: {
                 401: `Unauthorized`,
                 403: `Forbidden`,
@@ -477,7 +500,7 @@ export class Service {
     ): CancelablePromise<BaseResponse_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/student_courses/addcoursess',
+            url: '/api/student_courses/addcoursess',
             body: studentCoursesDto,
             errors: {
                 401: `Unauthorized`,
diff --git a/generated/services/UmsAdminControllerService.ts b/generated/services/UmsAdminControllerService.ts
index 1d27afd..7c2df09 100644
--- a/generated/services/UmsAdminControllerService.ts
+++ b/generated/services/UmsAdminControllerService.ts
@@ -26,7 +26,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult_string_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/code',
+            url: '/api/user/code',
             query: {
                 'phone': phone,
             },
@@ -45,7 +45,7 @@ export class UmsAdminControllerService {
     public static getTeacherInfListUsingGet1(): CancelablePromise<BaseResponse_List_TeacherInfVO_> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/user/get_teacherinf_list',
+            url: '/api/user/get_teacherinf_list',
             errors: {
                 401: `Unauthorized`,
                 403: `Forbidden`,
@@ -64,7 +64,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/user/info',
+            url: '/api/user/info',
             query: {
                 'name': name,
             },
@@ -87,7 +87,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/login',
+            url: '/api/user/login',
             body: umsAdmin,
             errors: {
                 401: `Unauthorized`,
@@ -108,7 +108,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/personal/info',
+            url: '/api/user/personal/info',
             query: {
                 'id': id,
             },
@@ -131,7 +131,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/phone/login',
+            url: '/api/user/phone/login',
             query: {
                 'phone': phone,
             },
@@ -154,7 +154,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult_UmsAdmin_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/phone/register',
+            url: '/api/user/phone/register',
             body: umsAdminParam,
             errors: {
                 401: `Unauthorized`,
@@ -171,7 +171,7 @@ export class UmsAdminControllerService {
     public static refreshTokenUsingGet1(): CancelablePromise<CommonResult> {
         return __request(OpenAPI, {
             method: 'GET',
-            url: '/user/refreshToken',
+            url: '/api/user/refreshToken',
             errors: {
                 401: `Unauthorized`,
                 403: `Forbidden`,
@@ -191,7 +191,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult_UmsAdmin_ | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/register',
+            url: '/api/user/register',
             body: umsAdminParam,
             errors: {
                 401: `Unauthorized`,
@@ -212,7 +212,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/update',
+            url: '/api/user/update',
             body: umsadmin,
             errors: {
                 401: `Unauthorized`,
@@ -233,7 +233,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/update/PersonalInfo',
+            url: '/api/user/update/PersonalInfo',
             body: umsStudentAndTeacherDto,
             errors: {
                 401: `Unauthorized`,
@@ -254,7 +254,7 @@ export class UmsAdminControllerService {
     ): CancelablePromise<CommonResult | any> {
         return __request(OpenAPI, {
             method: 'POST',
-            url: '/user/updatePassword',
+            url: '/api/user/updatePassword',
             body: updatePasswordParam,
             errors: {
                 401: `Unauthorized`,
diff --git a/package.json b/package.json
index 06bb899..e94be32 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite --open",
-    "build": "vue-tsc && vite build",
+    "build": "vite build",
     "preview": "vite preview",
     "build:test": "vue-tsc && vite build --mode test",
     "build:pro": "vue-tsc && vite build --mode production",
diff --git a/public/data.json b/public/data.json
index b434657..bb48ab5 100644
--- a/public/data.json
+++ b/public/data.json
@@ -1,267 +1,266 @@
 {
-    "nodes": [
-      { "id": "node1", "label": "计算机", "color": "#4682B4", "classID": 0 },
-      {
-        "id": "node2",
-        "label": "前端",
-        "color": "rgba(254, 241, 0, 1)",
-        "classID": 1
-      },
-      {
-        "id": "node3",
-        "label": "js",
-        "color": "rgba(239, 242, 18, 1)",
-        "classID": 2
-      },
-      {
-        "id": "node4",
-        "label": "html",
-        "color": "rgba(230, 234, 10, 1)",
-        "classID": 3
-      },
-      {
-        "id": "node5",
-        "label": "css",
-        "color": "rgba(244, 231, 0, 1)",
-        "classID": 4
-      },
-      {
-        "id": "node6",
-        "label": "less",
-        "color": "rgba(15, 245, 57, 1)",
-        "classID": 5
-      },
-      {
-        "id": "node7",
-        "label": "scss",
-        "color": "rgba(133, 255, 11, 1)",
-        "classID": 6
-      },
-      {
-        "id": "node8",
-        "label": "VUE",
-        "color": "rgba(42, 255, 0, 1)",
-        "classID": 7
-      },
-      {
-        "id": "node9",
-        "label": "React",
-        "color": "rgba(76, 73, 245, 1)",
-        "classID": 8
-      },
-      { "id": "node10", "label": "模块化", "color": "#4682B4", "classID": 9 },
-      { "id": "node11", "label": "webpack", "color": "#4682B4", "classID": 10 },
-      { "id": "node12", "label": "vite", "color": "#4682B4", "classID": 11 },
-      {
-        "id": "node13",
-        "label": "uniapp",
-        "color": "rgba(77, 255, 0, 1)",
-        "classID": 12
-      },
-      {
-        "id": "node14",
-        "label": "element",
-        "color": "rgba(33, 162, 255, 1)",
-        "classID": 13
-      },
-      {
-        "id": "node15",
-        "label": "web3",
-        "color": "rgba(255, 0, 251, 1)",
-        "classID": 14
-      },
-      {
-        "id": "node16",
-        "label": "webGl",
-        "color": "rgba(208, 0, 249, 1)",
-        "classID": 15
-      },
-      {
-        "id": "node17",
-        "label": "three",
-        "color": "rgba(225, 0, 255, 1)",
-        "classID": 16
-      },
-      {
-        "id": "node18",
-        "label": "后端",
-        "color": "rgba(0, 229, 255, 1)",
-        "classID": 17
-      },
-      {
-        "id": "node19",
-        "label": "java",
-        "color": "rgba(237, 229, 85, 1)",
-        "classID": 18
-      },
-      {
-        "id": "node20",
-        "label": "PHP",
-        "color": "rgba(195, 206, 215, 1)",
-        "classID": 19
-      },
-      {
-        "id": "node21",
-        "label": "Go",
-        "color": "rgba(255, 0, 0, 1)",
-        "classID": 20
-      },
-      {
-        "id": "node22",
-        "label": "Python",
-        "color": "rgba(109, 238, 180, 1)",
-        "classID": 21
-      },
-      { "id": "node23", "label": "MySQL", "color": "#4682B4", "classID": 22 },
-      {
-        "id": "node24",
-        "label": "人工智能",
-        "color": "rgba(180, 5, 255, 1)",
-        "classID": 23
-      },
-      {
-        "id": "node25",
-        "label": "python",
-        "color": "rgba(255, 8, 8, 1)",
-        "classID": 24
-      },
-      {
-        "id": "node26",
-        "label": "AI模型",
-        "color": "rgba(10, 138, 244, 1)",
-        "classID": 25
-      },
-      {
-        "id": "node27",
-        "label": "Spring Framework",
-        "color": "rgba(242, 238, 14, 1)",
-        "classID": 26
-      },
-      {
-        "id": "node28",
-        "label": "Hibernate",
-        "color": "rgba(242, 238, 14, 1)",
-        "classID": 27
-      },
-      {
-        "id": "node29",
-        "label": "Spring MVC",
-        "color": "rgba(242, 238, 14, 1)",
-        "classID": 28
-      },
-      {
-        "id": "node30",
-        "label": "Gin",
-        "color": "rgba(255, 0, 0, 1)",
-        "classID": 29
-      },
-      {
-        "id": "node31",
-        "label": "Echo",
-        "color": "rgba(255, 0, 0, 1)",
-        "classID": 30
-      },
-      {
-        "id": "node32",
-        "label": "Beego",
-        "color": "rgba(255, 8, 0, 1)",
-        "classID": 31
-      },
-      {
-        "id": "node33",
-        "label": "Laravel",
-        "color": "rgba(200, 209, 217, 1)",
-        "classID": 32
-      },
-      {
-        "id": "node34",
-        "label": "Symfony",
-        "color": "rgba(182, 194, 204, 1)",
-        "classID": 33
-      },
-      {
-        "id": "node35",
-        "label": "CodeIgniter",
-        "color": "rgba(188, 197, 204, 1)",
-        "classID": 34
-      },
-      {
-        "id": "node36",
-        "label": "Django",
-        "color": "rgba(36, 245, 144, 1)",
-        "classID": 35
-      },
-      {
-        "id": "node37",
-        "label": "Flask",
-        "color": "rgba(41, 244, 176, 1)",
-        "classID": 36
-      },
-      {
-        "id": "node38",
-        "label": "FastAPI",
-        "color": "rgba(58, 244, 142, 1)",
-        "classID": 37
-      }
-    ],
-    "links": [
-      { "source": "node2", "target": "node3", "label": "", "classID": 0 },
-      { "source": "node2", "target": "node5", "label": "", "classID": 1 },
-      { "source": "node2", "target": "node4", "label": "", "classID": 2 },
-      { "source": "node1", "target": "node2", "label": "前端方向", "classID": 3 },
-      { "source": "node5", "target": "node6", "label": "", "classID": 4 },
-      { "source": "node5", "target": "node7", "label": "", "classID": 5 },
-      { "source": "node3", "target": "node8", "label": "", "classID": 6 },
-      { "source": "node3", "target": "node9", "label": "", "classID": 7 },
-      { "source": "node3", "target": "node10", "label": "", "classID": 8 },
-      { "source": "node10", "target": "node11", "label": "", "classID": 9 },
-      { "source": "node10", "target": "node12", "label": "", "classID": 10 },
-      { "source": "node11", "target": "node9", "label": "", "classID": 11 },
-      { "source": "node11", "target": "node8", "label": "", "classID": 12 },
-      { "source": "node12", "target": "node8", "label": "", "classID": 13 },
-      { "source": "node8", "target": "node13", "label": "", "classID": 14 },
-      { "source": "node8", "target": "node14", "label": "", "classID": 15 },
-      { "source": "node11", "target": "node13", "label": "", "classID": 16 },
-      { "source": "node12", "target": "node13", "label": "", "classID": 17 },
-      { "source": "node2", "target": "node15", "label": "", "classID": 18 },
-      { "source": "node15", "target": "node16", "label": "", "classID": 19 },
-      { "source": "node16", "target": "node17", "label": "", "classID": 20 },
-      { "source": "node1", "target": "node1", "label": "", "classID": 21 },
-      {
-        "source": "node1",
-        "target": "node18",
-        "label": "后端方向",
-        "classID": 22
-      },
-      { "source": "node18", "target": "node21", "label": "", "classID": 23 },
-      { "source": "node18", "target": "node20", "label": "", "classID": 24 },
-      { "source": "node18", "target": "node19", "label": "", "classID": 25 },
-      { "source": "node18", "target": "node22", "label": "", "classID": 26 },
-      { "source": "node22", "target": "node23", "label": "", "classID": 27 },
-      { "source": "node19", "target": "node23", "label": "", "classID": 28 },
-      { "source": "node20", "target": "node23", "label": "", "classID": 29 },
-      { "source": "node21", "target": "node23", "label": "", "classID": 30 },
-      {
-        "source": "node1",
-        "target": "node24",
-        "label": "人工智能方向",
-        "classID": 31
-      },
-      { "source": "node24", "target": "node25", "label": "", "classID": 32 },
-      { "source": "node24", "target": "node26", "label": "", "classID": 33 },
-      { "source": "node12", "target": "node9", "label": "", "classID": 34 },
-      { "source": "node19", "target": "node27", "label": "", "classID": 35 },
-      { "source": "node19", "target": "node28", "label": "", "classID": 36 },
-      { "source": "node19", "target": "node29", "label": "", "classID": 37 },
-      { "source": "node21", "target": "node30", "label": "", "classID": 38 },
-      { "source": "node21", "target": "node31", "label": "", "classID": 39 },
-      { "source": "node21", "target": "node32", "label": "", "classID": 40 },
-      { "source": "node20", "target": "node33", "label": "", "classID": 41 },
-      { "source": "node20", "target": "node34", "label": "", "classID": 42 },
-      { "source": "node20", "target": "node35", "label": "", "classID": 43 },
-      { "source": "node22", "target": "node36", "label": "", "classID": 44 },
-      { "source": "node22", "target": "node37", "label": "", "classID": 45 },
-      { "source": "node22", "target": "node38", "label": "", "classID": 46 }
-    ]
-  }
-  
\ No newline at end of file
+  "nodes": [
+    { "id": "node1", "label": "计算机", "color": "#4682B4", "classID": 0 },
+    {
+      "id": "node2",
+      "label": "前端",
+      "color": "rgba(254, 241, 0, 1)",
+      "classID": 1
+    },
+    {
+      "id": "node3",
+      "label": "js",
+      "color": "rgba(239, 242, 18, 1)",
+      "classID": 2
+    },
+    {
+      "id": "node4",
+      "label": "html",
+      "color": "rgba(230, 234, 10, 1)",
+      "classID": 3
+    },
+    {
+      "id": "node5",
+      "label": "css",
+      "color": "rgba(244, 231, 0, 1)",
+      "classID": 4
+    },
+    {
+      "id": "node6",
+      "label": "less",
+      "color": "rgba(15, 245, 57, 1)",
+      "classID": 5
+    },
+    {
+      "id": "node7",
+      "label": "scss",
+      "color": "rgba(133, 255, 11, 1)",
+      "classID": 6
+    },
+    {
+      "id": "node8",
+      "label": "VUE",
+      "color": "rgba(42, 255, 0, 1)",
+      "classID": 7
+    },
+    {
+      "id": "node9",
+      "label": "React",
+      "color": "rgba(76, 73, 245, 1)",
+      "classID": 8
+    },
+    { "id": "node10", "label": "模块化", "color": "#4682B4", "classID": 9 },
+    { "id": "node11", "label": "webpack", "color": "#4682B4", "classID": 10 },
+    { "id": "node12", "label": "vite", "color": "#4682B4", "classID": 11 },
+    {
+      "id": "node13",
+      "label": "uniapp",
+      "color": "rgba(77, 255, 0, 1)",
+      "classID": 12
+    },
+    {
+      "id": "node14",
+      "label": "element",
+      "color": "rgba(33, 162, 255, 1)",
+      "classID": 13
+    },
+    {
+      "id": "node15",
+      "label": "web3",
+      "color": "rgba(255, 0, 251, 1)",
+      "classID": 14
+    },
+    {
+      "id": "node16",
+      "label": "webGl",
+      "color": "rgba(208, 0, 249, 1)",
+      "classID": 15
+    },
+    {
+      "id": "node17",
+      "label": "three",
+      "color": "rgba(225, 0, 255, 1)",
+      "classID": 16
+    },
+    {
+      "id": "node18",
+      "label": "后端",
+      "color": "rgba(0, 229, 255, 1)",
+      "classID": 17
+    },
+    {
+      "id": "node19",
+      "label": "java",
+      "color": "rgba(237, 229, 85, 1)",
+      "classID": 18
+    },
+    {
+      "id": "node20",
+      "label": "PHP",
+      "color": "rgba(195, 206, 215, 1)",
+      "classID": 19
+    },
+    {
+      "id": "node21",
+      "label": "Go",
+      "color": "rgba(255, 0, 0, 1)",
+      "classID": 20
+    },
+    {
+      "id": "node22",
+      "label": "Python",
+      "color": "rgba(109, 238, 180, 1)",
+      "classID": 21
+    },
+    { "id": "node23", "label": "MySQL", "color": "#4682B4", "classID": 22 },
+    {
+      "id": "node24",
+      "label": "人工智能",
+      "color": "rgba(180, 5, 255, 1)",
+      "classID": 23
+    },
+    {
+      "id": "node25",
+      "label": "python",
+      "color": "rgba(255, 8, 8, 1)",
+      "classID": 24
+    },
+    {
+      "id": "node26",
+      "label": "AI模型",
+      "color": "rgba(10, 138, 244, 1)",
+      "classID": 25
+    },
+    {
+      "id": "node27",
+      "label": "Spring Framework",
+      "color": "rgba(242, 238, 14, 1)",
+      "classID": 26
+    },
+    {
+      "id": "node28",
+      "label": "Hibernate",
+      "color": "rgba(242, 238, 14, 1)",
+      "classID": 27
+    },
+    {
+      "id": "node29",
+      "label": "Spring MVC",
+      "color": "rgba(242, 238, 14, 1)",
+      "classID": 28
+    },
+    {
+      "id": "node30",
+      "label": "Gin",
+      "color": "rgba(255, 0, 0, 1)",
+      "classID": 29
+    },
+    {
+      "id": "node31",
+      "label": "Echo",
+      "color": "rgba(255, 0, 0, 1)",
+      "classID": 30
+    },
+    {
+      "id": "node32",
+      "label": "Beego",
+      "color": "rgba(255, 8, 0, 1)",
+      "classID": 31
+    },
+    {
+      "id": "node33",
+      "label": "Laravel",
+      "color": "rgba(200, 209, 217, 1)",
+      "classID": 32
+    },
+    {
+      "id": "node34",
+      "label": "Symfony",
+      "color": "rgba(182, 194, 204, 1)",
+      "classID": 33
+    },
+    {
+      "id": "node35",
+      "label": "CodeIgniter",
+      "color": "rgba(188, 197, 204, 1)",
+      "classID": 34
+    },
+    {
+      "id": "node36",
+      "label": "Django",
+      "color": "rgba(36, 245, 144, 1)",
+      "classID": 35
+    },
+    {
+      "id": "node37",
+      "label": "Flask",
+      "color": "rgba(41, 244, 176, 1)",
+      "classID": 36
+    },
+    {
+      "id": "node38",
+      "label": "FastAPI",
+      "color": "rgba(58, 244, 142, 1)",
+      "classID": 37
+    }
+  ],
+  "links": [
+    { "source": "node2", "target": "node3", "label": "", "classID": 0 },
+    { "source": "node2", "target": "node5", "label": "", "classID": 1 },
+    { "source": "node2", "target": "node4", "label": "", "classID": 2 },
+    { "source": "node1", "target": "node2", "label": "前端方向", "classID": 3 },
+    { "source": "node5", "target": "node6", "label": "", "classID": 4 },
+    { "source": "node5", "target": "node7", "label": "", "classID": 5 },
+    { "source": "node3", "target": "node8", "label": "", "classID": 6 },
+    { "source": "node3", "target": "node9", "label": "", "classID": 7 },
+    { "source": "node3", "target": "node10", "label": "", "classID": 8 },
+    { "source": "node10", "target": "node11", "label": "", "classID": 9 },
+    { "source": "node10", "target": "node12", "label": "", "classID": 10 },
+    { "source": "node11", "target": "node9", "label": "", "classID": 11 },
+    { "source": "node11", "target": "node8", "label": "", "classID": 12 },
+    { "source": "node12", "target": "node8", "label": "", "classID": 13 },
+    { "source": "node8", "target": "node13", "label": "", "classID": 14 },
+    { "source": "node8", "target": "node14", "label": "", "classID": 15 },
+    { "source": "node11", "target": "node13", "label": "", "classID": 16 },
+    { "source": "node12", "target": "node13", "label": "", "classID": 17 },
+    { "source": "node2", "target": "node15", "label": "", "classID": 18 },
+    { "source": "node15", "target": "node16", "label": "", "classID": 19 },
+    { "source": "node16", "target": "node17", "label": "", "classID": 20 },
+    { "source": "node1", "target": "node1", "label": "", "classID": 21 },
+    {
+      "source": "node1",
+      "target": "node18",
+      "label": "后端方向",
+      "classID": 22
+    },
+    { "source": "node18", "target": "node21", "label": "", "classID": 23 },
+    { "source": "node18", "target": "node20", "label": "", "classID": 24 },
+    { "source": "node18", "target": "node19", "label": "", "classID": 25 },
+    { "source": "node18", "target": "node22", "label": "", "classID": 26 },
+    { "source": "node22", "target": "node23", "label": "", "classID": 27 },
+    { "source": "node19", "target": "node23", "label": "", "classID": 28 },
+    { "source": "node20", "target": "node23", "label": "", "classID": 29 },
+    { "source": "node21", "target": "node23", "label": "", "classID": 30 },
+    {
+      "source": "node1",
+      "target": "node24",
+      "label": "人工智能方向",
+      "classID": 31
+    },
+    { "source": "node24", "target": "node25", "label": "", "classID": 32 },
+    { "source": "node24", "target": "node26", "label": "", "classID": 33 },
+    { "source": "node12", "target": "node9", "label": "", "classID": 34 },
+    { "source": "node19", "target": "node27", "label": "", "classID": 35 },
+    { "source": "node19", "target": "node28", "label": "", "classID": 36 },
+    { "source": "node19", "target": "node29", "label": "", "classID": 37 },
+    { "source": "node21", "target": "node30", "label": "", "classID": 38 },
+    { "source": "node21", "target": "node31", "label": "", "classID": 39 },
+    { "source": "node21", "target": "node32", "label": "", "classID": 40 },
+    { "source": "node20", "target": "node33", "label": "", "classID": 41 },
+    { "source": "node20", "target": "node34", "label": "", "classID": 42 },
+    { "source": "node20", "target": "node35", "label": "", "classID": 43 },
+    { "source": "node22", "target": "node36", "label": "", "classID": 44 },
+    { "source": "node22", "target": "node37", "label": "", "classID": 45 },
+    { "source": "node22", "target": "node38", "label": "", "classID": 46 }
+  ]
+}
diff --git a/public/nodeList.json b/public/nodeList.json
index 3d716a0..0fa9fed 100644
--- a/public/nodeList.json
+++ b/public/nodeList.json
@@ -1,1744 +1,1744 @@
 {
-    "nodes": [
-        {
-            "id": "0",
-            "name": "Myriel",
-            "symbolSize": 19.12381,
-            "x": -266.82776,
-            "y": 299.6904,
-            "value": 28.685715,
-            "category": 0
-        },
-        {
-            "id": "1",
-            "name": "Napoleon",
-            "symbolSize": 2.6666666666666665,
-            "x": -418.08344,
-            "y": 446.8853,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "2",
-            "name": "MlleBaptistine",
-            "symbolSize": 6.323809333333333,
-            "x": -212.76357,
-            "y": 245.29176,
-            "value": 9.485714,
-            "category": 1
-        },
-        {
-            "id": "3",
-            "name": "MmeMagloire",
-            "symbolSize": 6.323809333333333,
-            "x": -242.82404,
-            "y": 235.26283,
-            "value": 9.485714,
-            "category": 1
-        },
-        {
-            "id": "4",
-            "name": "CountessDeLo",
-            "symbolSize": 2.6666666666666665,
-            "x": -379.30386,
-            "y": 429.06424,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "5",
-            "name": "Geborand",
-            "symbolSize": 2.6666666666666665,
-            "x": -417.26337,
-            "y": 406.03506,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "6",
-            "name": "Champtercier",
-            "symbolSize": 2.6666666666666665,
-            "x": -332.6012,
-            "y": 485.16974,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "7",
-            "name": "Cravatte",
-            "symbolSize": 2.6666666666666665,
-            "x": -382.69568,
-            "y": 475.09113,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "8",
-            "name": "Count",
-            "symbolSize": 2.6666666666666665,
-            "x": -320.384,
-            "y": 387.17325,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "9",
-            "name": "OldMan",
-            "symbolSize": 2.6666666666666665,
-            "x": -344.39832,
-            "y": 451.16772,
-            "value": 4,
-            "category": 0
-        },
-        {
-            "id": "10",
-            "name": "Labarre",
-            "symbolSize": 2.6666666666666665,
-            "x": -89.34107,
-            "y": 234.56128,
-            "value": 4,
-            "category": 1
-        },
-        {
-            "id": "11",
-            "name": "Valjean",
-            "symbolSize": 66.66666666666667,
-            "x": -87.93029,
-            "y": -6.8120565,
-            "value": 100,
-            "category": 1
-        },
-        {
-            "id": "12",
-            "name": "Marguerite",
-            "symbolSize": 4.495239333333333,
-            "x": -339.77908,
-            "y": -184.69139,
-            "value": 6.742859,
-            "category": 1
-        },
-        {
-            "id": "13",
-            "name": "MmeDeR",
-            "symbolSize": 2.6666666666666665,
-            "x": -194.31313,
-            "y": 178.55301,
-            "value": 4,
-            "category": 1
-        },
-        {
-            "id": "14",
-            "name": "Isabeau",
-            "symbolSize": 2.6666666666666665,
-            "x": -158.05168,
-            "y": 201.99768,
-            "value": 4,
-            "category": 1
-        },
-        {
-            "id": "15",
-            "name": "Gervais",
-            "symbolSize": 2.6666666666666665,
-            "x": -127.701546,
-            "y": 242.55057,
-            "value": 4,
-            "category": 1
-        },
-        {
-            "id": "16",
-            "name": "Tholomyes",
-            "symbolSize": 17.295237333333333,
-            "x": -385.2226,
-            "y": -393.5572,
-            "value": 25.942856,
-            "category": 2
-        },
-        {
-            "id": "17",
-            "name": "Listolier",
-            "symbolSize": 13.638097333333334,
-            "x": -516.55884,
-            "y": -393.98975,
-            "value": 20.457146,
-            "category": 2
-        },
-        {
-            "id": "18",
-            "name": "Fameuil",
-            "symbolSize": 13.638097333333334,
-            "x": -464.79382,
-            "y": -493.57944,
-            "value": 20.457146,
-            "category": 2
-        },
-        {
-            "id": "19",
-            "name": "Blacheville",
-            "symbolSize": 13.638097333333334,
-            "x": -515.1624,
-            "y": -456.9891,
-            "value": 20.457146,
-            "category": 2
-        },
-        {
-            "id": "20",
-            "name": "Favourite",
-            "symbolSize": 13.638097333333334,
-            "x": -408.12122,
-            "y": -464.5048,
-            "value": 20.457146,
-            "category": 2
-        },
-        {
-            "id": "21",
-            "name": "Dahlia",
-            "symbolSize": 13.638097333333334,
-            "x": -456.44113,
-            "y": -425.13303,
-            "value": 20.457146,
-            "category": 2
-        },
-        {
-            "id": "22",
-            "name": "Zephine",
-            "symbolSize": 13.638097333333334,
-            "x": -459.1107,
-            "y": -362.5133,
-            "value": 20.457146,
-            "category": 2
-        },
-        {
-            "id": "23",
-            "name": "Fantine",
-            "symbolSize": 28.266666666666666,
-            "x": -313.42786,
-            "y": -289.44803,
-            "value": 42.4,
-            "category": 2
-        },
-        {
-            "id": "24",
-            "name": "MmeThenardier",
-            "symbolSize": 20.95238266666667,
-            "x": 4.6313396,
-            "y": -273.8517,
-            "value": 31.428574,
-            "category": 7
-        },
-        {
-            "id": "25",
-            "name": "Thenardier",
-            "symbolSize": 30.095235333333335,
-            "x": 82.80825,
-            "y": -203.1144,
-            "value": 45.142853,
-            "category": 7
-        },
-        {
-            "id": "26",
-            "name": "Cosette",
-            "symbolSize": 20.95238266666667,
-            "x": 78.64646,
-            "y": -31.512747,
-            "value": 31.428574,
-            "category": 6
-        },
-        {
-            "id": "27",
-            "name": "Javert",
-            "symbolSize": 31.923806666666668,
-            "x": -81.46074,
-            "y": -204.20204,
-            "value": 47.88571,
-            "category": 7
-        },
-        {
-            "id": "28",
-            "name": "Fauchelevent",
-            "symbolSize": 8.152382000000001,
-            "x": -225.73984,
-            "y": 82.41631,
-            "value": 12.228573,
-            "category": 4
-        },
-        {
-            "id": "29",
-            "name": "Bamatabois",
-            "symbolSize": 15.466666666666667,
-            "x": -385.6842,
-            "y": -20.206686,
-            "value": 23.2,
-            "category": 3
-        },
-        {
-            "id": "30",
-            "name": "Perpetue",
-            "symbolSize": 4.495239333333333,
-            "x": -403.92447,
-            "y": -197.69823,
-            "value": 6.742859,
-            "category": 2
-        },
-        {
-            "id": "31",
-            "name": "Simplice",
-            "symbolSize": 8.152382000000001,
-            "x": -281.4253,
-            "y": -158.45137,
-            "value": 12.228573,
-            "category": 2
-        },
-        {
-            "id": "32",
-            "name": "Scaufflaire",
-            "symbolSize": 2.6666666666666665,
-            "x": -122.41348,
-            "y": 210.37503,
-            "value": 4,
-            "category": 1
-        },
-        {
-            "id": "33",
-            "name": "Woman1",
-            "symbolSize": 4.495239333333333,
-            "x": -234.6001,
-            "y": -113.15067,
-            "value": 6.742859,
-            "category": 1
-        },
-        {
-            "id": "34",
-            "name": "Judge",
-            "symbolSize": 11.809524666666666,
-            "x": -387.84915,
-            "y": 58.7059,
-            "value": 17.714287,
-            "category": 3
-        },
-        {
-            "id": "35",
-            "name": "Champmathieu",
-            "symbolSize": 11.809524666666666,
-            "x": -338.2307,
-            "y": 87.48405,
-            "value": 17.714287,
-            "category": 3
-        },
-        {
-            "id": "36",
-            "name": "Brevet",
-            "symbolSize": 11.809524666666666,
-            "x": -453.26874,
-            "y": 58.94648,
-            "value": 17.714287,
-            "category": 3
-        },
-        {
-            "id": "37",
-            "name": "Chenildieu",
-            "symbolSize": 11.809524666666666,
-            "x": -386.44904,
-            "y": 140.05937,
-            "value": 17.714287,
-            "category": 3
-        },
-        {
-            "id": "38",
-            "name": "Cochepaille",
-            "symbolSize": 11.809524666666666,
-            "x": -446.7876,
-            "y": 123.38005,
-            "value": 17.714287,
-            "category": 3
-        },
-        {
-            "id": "39",
-            "name": "Pontmercy",
-            "symbolSize": 6.323809333333333,
-            "x": 336.49738,
-            "y": -269.55914,
-            "value": 9.485714,
-            "category": 6
-        },
-        {
-            "id": "40",
-            "name": "Boulatruelle",
-            "symbolSize": 2.6666666666666665,
-            "x": 29.187843,
-            "y": -460.13132,
-            "value": 4,
-            "category": 7
-        },
-        {
-            "id": "41",
-            "name": "Eponine",
-            "symbolSize": 20.95238266666667,
-            "x": 238.36697,
-            "y": -210.00926,
-            "value": 31.428574,
-            "category": 7
-        },
-        {
-            "id": "42",
-            "name": "Anzelma",
-            "symbolSize": 6.323809333333333,
-            "x": 189.69513,
-            "y": -346.50662,
-            "value": 9.485714,
-            "category": 7
-        },
-        {
-            "id": "43",
-            "name": "Woman2",
-            "symbolSize": 6.323809333333333,
-            "x": -187.00418,
-            "y": -145.02663,
-            "value": 9.485714,
-            "category": 6
-        },
-        {
-            "id": "44",
-            "name": "MotherInnocent",
-            "symbolSize": 4.495239333333333,
-            "x": -252.99521,
-            "y": 129.87549,
-            "value": 6.742859,
-            "category": 4
-        },
-        {
-            "id": "45",
-            "name": "Gribier",
-            "symbolSize": 2.6666666666666665,
-            "x": -296.07935,
-            "y": 163.11964,
-            "value": 4,
-            "category": 4
-        },
-        {
-            "id": "46",
-            "name": "Jondrette",
-            "symbolSize": 2.6666666666666665,
-            "x": 550.3201,
-            "y": 522.4031,
-            "value": 4,
-            "category": 5
-        },
-        {
-            "id": "47",
-            "name": "MmeBurgon",
-            "symbolSize": 4.495239333333333,
-            "x": 488.13535,
-            "y": 356.8573,
-            "value": 6.742859,
-            "category": 5
-        },
-        {
-            "id": "48",
-            "name": "Gavroche",
-            "symbolSize": 41.06667066666667,
-            "x": 387.89572,
-            "y": 110.462326,
-            "value": 61.600006,
-            "category": 8
-        },
-        {
-            "id": "49",
-            "name": "Gillenormand",
-            "symbolSize": 13.638097333333334,
-            "x": 126.4831,
-            "y": 68.10622,
-            "value": 20.457146,
-            "category": 6
-        },
-        {
-            "id": "50",
-            "name": "Magnon",
-            "symbolSize": 4.495239333333333,
-            "x": 127.07365,
-            "y": -113.05923,
-            "value": 6.742859,
-            "category": 6
-        },
-        {
-            "id": "51",
-            "name": "MlleGillenormand",
-            "symbolSize": 13.638097333333334,
-            "x": 162.63559,
-            "y": 117.6565,
-            "value": 20.457146,
-            "category": 6
-        },
-        {
-            "id": "52",
-            "name": "MmePontmercy",
-            "symbolSize": 4.495239333333333,
-            "x": 353.66415,
-            "y": -205.89165,
-            "value": 6.742859,
-            "category": 6
-        },
-        {
-            "id": "53",
-            "name": "MlleVaubois",
-            "symbolSize": 2.6666666666666665,
-            "x": 165.43939,
-            "y": 339.7736,
-            "value": 4,
-            "category": 6
-        },
-        {
-            "id": "54",
-            "name": "LtGillenormand",
-            "symbolSize": 8.152382000000001,
-            "x": 137.69348,
-            "y": 196.1069,
-            "value": 12.228573,
-            "category": 6
-        },
-        {
-            "id": "55",
-            "name": "Marius",
-            "symbolSize": 35.58095333333333,
-            "x": 206.44687,
-            "y": -13.805411,
-            "value": 53.37143,
-            "category": 6
-        },
-        {
-            "id": "56",
-            "name": "BaronessT",
-            "symbolSize": 4.495239333333333,
-            "x": 194.82993,
-            "y": 224.78036,
-            "value": 6.742859,
-            "category": 6
-        },
-        {
-            "id": "57",
-            "name": "Mabeuf",
-            "symbolSize": 20.95238266666667,
-            "x": 597.6618,
-            "y": 135.18481,
-            "value": 31.428574,
-            "category": 8
-        },
-        {
-            "id": "58",
-            "name": "Enjolras",
-            "symbolSize": 28.266666666666666,
-            "x": 355.78366,
-            "y": -74.882454,
-            "value": 42.4,
-            "category": 8
-        },
-        {
-            "id": "59",
-            "name": "Combeferre",
-            "symbolSize": 20.95238266666667,
-            "x": 515.2961,
-            "y": -46.167564,
-            "value": 31.428574,
-            "category": 8
-        },
-        {
-            "id": "60",
-            "name": "Prouvaire",
-            "symbolSize": 17.295237333333333,
-            "x": 614.29285,
-            "y": -69.3104,
-            "value": 25.942856,
-            "category": 8
-        },
-        {
-            "id": "61",
-            "name": "Feuilly",
-            "symbolSize": 20.95238266666667,
-            "x": 550.1917,
-            "y": -128.17537,
-            "value": 31.428574,
-            "category": 8
-        },
-        {
-            "id": "62",
-            "name": "Courfeyrac",
-            "symbolSize": 24.609526666666667,
-            "x": 436.17184,
-            "y": -12.7286825,
-            "value": 36.91429,
-            "category": 8
-        },
-        {
-            "id": "63",
-            "name": "Bahorel",
-            "symbolSize": 22.780953333333333,
-            "x": 602.55225,
-            "y": 16.421427,
-            "value": 34.17143,
-            "category": 8
-        },
-        {
-            "id": "64",
-            "name": "Bossuet",
-            "symbolSize": 24.609526666666667,
-            "x": 455.81955,
-            "y": -115.45826,
-            "value": 36.91429,
-            "category": 8
-        },
-        {
-            "id": "65",
-            "name": "Joly",
-            "symbolSize": 22.780953333333333,
-            "x": 516.40784,
-            "y": 47.242233,
-            "value": 34.17143,
-            "category": 8
-        },
-        {
-            "id": "66",
-            "name": "Grantaire",
-            "symbolSize": 19.12381,
-            "x": 646.4313,
-            "y": -151.06331,
-            "value": 28.685715,
-            "category": 8
-        },
-        {
-            "id": "67",
-            "name": "MotherPlutarch",
-            "symbolSize": 2.6666666666666665,
-            "x": 668.9568,
-            "y": 204.65488,
-            "value": 4,
-            "category": 8
-        },
-        {
-            "id": "68",
-            "name": "Gueulemer",
-            "symbolSize": 19.12381,
-            "x": 78.4799,
-            "y": -347.15146,
-            "value": 28.685715,
-            "category": 7
-        },
-        {
-            "id": "69",
-            "name": "Babet",
-            "symbolSize": 19.12381,
-            "x": 150.35959,
-            "y": -298.50797,
-            "value": 28.685715,
-            "category": 7
-        },
-        {
-            "id": "70",
-            "name": "Claquesous",
-            "symbolSize": 19.12381,
-            "x": 137.3717,
-            "y": -410.2809,
-            "value": 28.685715,
-            "category": 7
-        },
-        {
-            "id": "71",
-            "name": "Montparnasse",
-            "symbolSize": 17.295237333333333,
-            "x": 234.87747,
-            "y": -400.85983,
-            "value": 25.942856,
-            "category": 7
-        },
-        {
-            "id": "72",
-            "name": "Toussaint",
-            "symbolSize": 6.323809333333333,
-            "x": 40.942253,
-            "y": 113.78272,
-            "value": 9.485714,
-            "category": 1
-        },
-        {
-            "id": "73",
-            "name": "Child1",
-            "symbolSize": 4.495239333333333,
-            "x": 437.939,
-            "y": 291.58234,
-            "value": 6.742859,
-            "category": 8
-        },
-        {
-            "id": "74",
-            "name": "Child2",
-            "symbolSize": 4.495239333333333,
-            "x": 466.04922,
-            "y": 283.3606,
-            "value": 6.742859,
-            "category": 8
-        },
-        {
-            "id": "75",
-            "name": "Brujon",
-            "symbolSize": 13.638097333333334,
-            "x": 238.79364,
-            "y": -314.06345,
-            "value": 20.457146,
-            "category": 7
-        },
-        {
-            "id": "76",
-            "name": "MmeHucheloup",
-            "symbolSize": 13.638097333333334,
-            "x": 712.18353,
-            "y": 4.8131495,
-            "value": 20.457146,
-            "category": 8
-        }
-    ],
-    "links": [
-        {
-            "source": "1",
-            "target": "0"
-        },
-        {
-            "source": "2",
-            "target": "0"
-        },
-        {
-            "source": "3",
-            "target": "0"
-        },
-        {
-            "source": "3",
-            "target": "2"
-        },
-        {
-            "source": "4",
-            "target": "0"
-        },
-        {
-            "source": "5",
-            "target": "0"
-        },
-        {
-            "source": "6",
-            "target": "0"
-        },
-        {
-            "source": "7",
-            "target": "0"
-        },
-        {
-            "source": "8",
-            "target": "0"
-        },
-        {
-            "source": "9",
-            "target": "0"
-        },
-        {
-            "source": "11",
-            "target": "0"
-        },
-        {
-            "source": "11",
-            "target": "2"
-        },
-        {
-            "source": "11",
-            "target": "3"
-        },
-        {
-            "source": "11",
-            "target": "10"
-        },
-        {
-            "source": "12",
-            "target": "11"
-        },
-        {
-            "source": "13",
-            "target": "11"
-        },
-        {
-            "source": "14",
-            "target": "11"
-        },
-        {
-            "source": "15",
-            "target": "11"
-        },
-        {
-            "source": "17",
-            "target": "16"
-        },
-        {
-            "source": "18",
-            "target": "16"
-        },
-        {
-            "source": "18",
-            "target": "17"
-        },
-        {
-            "source": "19",
-            "target": "16"
-        },
-        {
-            "source": "19",
-            "target": "17"
-        },
-        {
-            "source": "19",
-            "target": "18"
-        },
-        {
-            "source": "20",
-            "target": "16"
-        },
-        {
-            "source": "20",
-            "target": "17"
-        },
-        {
-            "source": "20",
-            "target": "18"
-        },
-        {
-            "source": "20",
-            "target": "19"
-        },
-        {
-            "source": "21",
-            "target": "16"
-        },
-        {
-            "source": "21",
-            "target": "17"
-        },
-        {
-            "source": "21",
-            "target": "18"
-        },
-        {
-            "source": "21",
-            "target": "19"
-        },
-        {
-            "source": "21",
-            "target": "20"
-        },
-        {
-            "source": "22",
-            "target": "16"
-        },
-        {
-            "source": "22",
-            "target": "17"
-        },
-        {
-            "source": "22",
-            "target": "18"
-        },
-        {
-            "source": "22",
-            "target": "19"
-        },
-        {
-            "source": "22",
-            "target": "20"
-        },
-        {
-            "source": "22",
-            "target": "21"
-        },
-        {
-            "source": "23",
-            "target": "11"
-        },
-        {
-            "source": "23",
-            "target": "12"
-        },
-        {
-            "source": "23",
-            "target": "16"
-        },
-        {
-            "source": "23",
-            "target": "17"
-        },
-        {
-            "source": "23",
-            "target": "18"
-        },
-        {
-            "source": "23",
-            "target": "19"
-        },
-        {
-            "source": "23",
-            "target": "20"
-        },
-        {
-            "source": "23",
-            "target": "21"
-        },
-        {
-            "source": "23",
-            "target": "22"
-        },
-        {
-            "source": "24",
-            "target": "11"
-        },
-        {
-            "source": "24",
-            "target": "23"
-        },
-        {
-            "source": "25",
-            "target": "11"
-        },
-        {
-            "source": "25",
-            "target": "23"
-        },
-        {
-            "source": "25",
-            "target": "24"
-        },
-        {
-            "source": "26",
-            "target": "11"
-        },
-        {
-            "source": "26",
-            "target": "16"
-        },
-        {
-            "source": "26",
-            "target": "24"
-        },
-        {
-            "source": "26",
-            "target": "25"
-        },
-        {
-            "source": "27",
-            "target": "11"
-        },
-        {
-            "source": "27",
-            "target": "23"
-        },
-        {
-            "source": "27",
-            "target": "24"
-        },
-        {
-            "source": "27",
-            "target": "25"
-        },
-        {
-            "source": "27",
-            "target": "26"
-        },
-        {
-            "source": "28",
-            "target": "11"
-        },
-        {
-            "source": "28",
-            "target": "27"
-        },
-        {
-            "source": "29",
-            "target": "11"
-        },
-        {
-            "source": "29",
-            "target": "23"
-        },
-        {
-            "source": "29",
-            "target": "27"
-        },
-        {
-            "source": "30",
-            "target": "23"
-        },
-        {
-            "source": "31",
-            "target": "11"
-        },
-        {
-            "source": "31",
-            "target": "23"
-        },
-        {
-            "source": "31",
-            "target": "27"
-        },
-        {
-            "source": "31",
-            "target": "30"
-        },
-        {
-            "source": "32",
-            "target": "11"
-        },
-        {
-            "source": "33",
-            "target": "11"
-        },
-        {
-            "source": "33",
-            "target": "27"
-        },
-        {
-            "source": "34",
-            "target": "11"
-        },
-        {
-            "source": "34",
-            "target": "29"
-        },
-        {
-            "source": "35",
-            "target": "11"
-        },
-        {
-            "source": "35",
-            "target": "29"
-        },
-        {
-            "source": "35",
-            "target": "34"
-        },
-        {
-            "source": "36",
-            "target": "11"
-        },
-        {
-            "source": "36",
-            "target": "29"
-        },
-        {
-            "source": "36",
-            "target": "34"
-        },
-        {
-            "source": "36",
-            "target": "35"
-        },
-        {
-            "source": "37",
-            "target": "11"
-        },
-        {
-            "source": "37",
-            "target": "29"
-        },
-        {
-            "source": "37",
-            "target": "34"
-        },
-        {
-            "source": "37",
-            "target": "35"
-        },
-        {
-            "source": "37",
-            "target": "36"
-        },
-        {
-            "source": "38",
-            "target": "11"
-        },
-        {
-            "source": "38",
-            "target": "29"
-        },
-        {
-            "source": "38",
-            "target": "34"
-        },
-        {
-            "source": "38",
-            "target": "35"
-        },
-        {
-            "source": "38",
-            "target": "36"
-        },
-        {
-            "source": "38",
-            "target": "37"
-        },
-        {
-            "source": "39",
-            "target": "25"
-        },
-        {
-            "source": "40",
-            "target": "25"
-        },
-        {
-            "source": "41",
-            "target": "24"
-        },
-        {
-            "source": "41",
-            "target": "25"
-        },
-        {
-            "source": "42",
-            "target": "24"
-        },
-        {
-            "source": "42",
-            "target": "25"
-        },
-        {
-            "source": "42",
-            "target": "41"
-        },
-        {
-            "source": "43",
-            "target": "11"
-        },
-        {
-            "source": "43",
-            "target": "26"
-        },
-        {
-            "source": "43",
-            "target": "27"
-        },
-        {
-            "source": "44",
-            "target": "11"
-        },
-        {
-            "source": "44",
-            "target": "28"
-        },
-        {
-            "source": "45",
-            "target": "28"
-        },
-        {
-            "source": "47",
-            "target": "46"
-        },
-        {
-            "source": "48",
-            "target": "11"
-        },
-        {
-            "source": "48",
-            "target": "25"
-        },
-        {
-            "source": "48",
-            "target": "27"
-        },
-        {
-            "source": "48",
-            "target": "47"
-        },
-        {
-            "source": "49",
-            "target": "11"
-        },
-        {
-            "source": "49",
-            "target": "26"
-        },
-        {
-            "source": "50",
-            "target": "24"
-        },
-        {
-            "source": "50",
-            "target": "49"
-        },
-        {
-            "source": "51",
-            "target": "11"
-        },
-        {
-            "source": "51",
-            "target": "26"
-        },
-        {
-            "source": "51",
-            "target": "49"
-        },
-        {
-            "source": "52",
-            "target": "39"
-        },
-        {
-            "source": "52",
-            "target": "51"
-        },
-        {
-            "source": "53",
-            "target": "51"
-        },
-        {
-            "source": "54",
-            "target": "26"
-        },
-        {
-            "source": "54",
-            "target": "49"
-        },
-        {
-            "source": "54",
-            "target": "51"
-        },
-        {
-            "source": "55",
-            "target": "11"
-        },
-        {
-            "source": "55",
-            "target": "16"
-        },
-        {
-            "source": "55",
-            "target": "25"
-        },
-        {
-            "source": "55",
-            "target": "26"
-        },
-        {
-            "source": "55",
-            "target": "39"
-        },
-        {
-            "source": "55",
-            "target": "41"
-        },
-        {
-            "source": "55",
-            "target": "48"
-        },
-        {
-            "source": "55",
-            "target": "49"
-        },
-        {
-            "source": "55",
-            "target": "51"
-        },
-        {
-            "source": "55",
-            "target": "54"
-        },
-        {
-            "source": "56",
-            "target": "49"
-        },
-        {
-            "source": "56",
-            "target": "55"
-        },
-        {
-            "source": "57",
-            "target": "41"
-        },
-        {
-            "source": "57",
-            "target": "48"
-        },
-        {
-            "source": "57",
-            "target": "55"
-        },
-        {
-            "source": "58",
-            "target": "11"
-        },
-        {
-            "source": "58",
-            "target": "27"
-        },
-        {
-            "source": "58",
-            "target": "48"
-        },
-        {
-            "source": "58",
-            "target": "55"
-        },
-        {
-            "source": "58",
-            "target": "57"
-        },
-        {
-            "source": "59",
-            "target": "48"
-        },
-        {
-            "source": "59",
-            "target": "55"
-        },
-        {
-            "source": "59",
-            "target": "57"
-        },
-        {
-            "source": "59",
-            "target": "58"
-        },
-        {
-            "source": "60",
-            "target": "48"
-        },
-        {
-            "source": "60",
-            "target": "58"
-        },
-        {
-            "source": "60",
-            "target": "59"
-        },
-        {
-            "source": "61",
-            "target": "48"
-        },
-        {
-            "source": "61",
-            "target": "55"
-        },
-        {
-            "source": "61",
-            "target": "57"
-        },
-        {
-            "source": "61",
-            "target": "58"
-        },
-        {
-            "source": "61",
-            "target": "59"
-        },
-        {
-            "source": "61",
-            "target": "60"
-        },
-        {
-            "source": "62",
-            "target": "41"
-        },
-        {
-            "source": "62",
-            "target": "48"
-        },
-        {
-            "source": "62",
-            "target": "55"
-        },
-        {
-            "source": "62",
-            "target": "57"
-        },
-        {
-            "source": "62",
-            "target": "58"
-        },
-        {
-            "source": "62",
-            "target": "59"
-        },
-        {
-            "source": "62",
-            "target": "60"
-        },
-        {
-            "source": "62",
-            "target": "61"
-        },
-        {
-            "source": "63",
-            "target": "48"
-        },
-        {
-            "source": "63",
-            "target": "55"
-        },
-        {
-            "source": "63",
-            "target": "57"
-        },
-        {
-            "source": "63",
-            "target": "58"
-        },
-        {
-            "source": "63",
-            "target": "59"
-        },
-        {
-            "source": "63",
-            "target": "60"
-        },
-        {
-            "source": "63",
-            "target": "61"
-        },
-        {
-            "source": "63",
-            "target": "62"
-        },
-        {
-            "source": "64",
-            "target": "11"
-        },
-        {
-            "source": "64",
-            "target": "48"
-        },
-        {
-            "source": "64",
-            "target": "55"
-        },
-        {
-            "source": "64",
-            "target": "57"
-        },
-        {
-            "source": "64",
-            "target": "58"
-        },
-        {
-            "source": "64",
-            "target": "59"
-        },
-        {
-            "source": "64",
-            "target": "60"
-        },
-        {
-            "source": "64",
-            "target": "61"
-        },
-        {
-            "source": "64",
-            "target": "62"
-        },
-        {
-            "source": "64",
-            "target": "63"
-        },
-        {
-            "source": "65",
-            "target": "48"
-        },
-        {
-            "source": "65",
-            "target": "55"
-        },
-        {
-            "source": "65",
-            "target": "57"
-        },
-        {
-            "source": "65",
-            "target": "58"
-        },
-        {
-            "source": "65",
-            "target": "59"
-        },
-        {
-            "source": "65",
-            "target": "60"
-        },
-        {
-            "source": "65",
-            "target": "61"
-        },
-        {
-            "source": "65",
-            "target": "62"
-        },
-        {
-            "source": "65",
-            "target": "63"
-        },
-        {
-            "source": "65",
-            "target": "64"
-        },
-        {
-            "source": "66",
-            "target": "48"
-        },
-        {
-            "source": "66",
-            "target": "58"
-        },
-        {
-            "source": "66",
-            "target": "59"
-        },
-        {
-            "source": "66",
-            "target": "60"
-        },
-        {
-            "source": "66",
-            "target": "61"
-        },
-        {
-            "source": "66",
-            "target": "62"
-        },
-        {
-            "source": "66",
-            "target": "63"
-        },
-        {
-            "source": "66",
-            "target": "64"
-        },
-        {
-            "source": "66",
-            "target": "65"
-        },
-        {
-            "source": "67",
-            "target": "57"
-        },
-        {
-            "source": "68",
-            "target": "11"
-        },
-        {
-            "source": "68",
-            "target": "24"
-        },
-        {
-            "source": "68",
-            "target": "25"
-        },
-        {
-            "source": "68",
-            "target": "27"
-        },
-        {
-            "source": "68",
-            "target": "41"
-        },
-        {
-            "source": "68",
-            "target": "48"
-        },
-        {
-            "source": "69",
-            "target": "11"
-        },
-        {
-            "source": "69",
-            "target": "24"
-        },
-        {
-            "source": "69",
-            "target": "25"
-        },
-        {
-            "source": "69",
-            "target": "27"
-        },
-        {
-            "source": "69",
-            "target": "41"
-        },
-        {
-            "source": "69",
-            "target": "48"
-        },
-        {
-            "source": "69",
-            "target": "68"
-        },
-        {
-            "source": "70",
-            "target": "11"
-        },
-        {
-            "source": "70",
-            "target": "24"
-        },
-        {
-            "source": "70",
-            "target": "25"
-        },
-        {
-            "source": "70",
-            "target": "27"
-        },
-        {
-            "source": "70",
-            "target": "41"
-        },
-        {
-            "source": "70",
-            "target": "58"
-        },
-        {
-            "source": "70",
-            "target": "68"
-        },
-        {
-            "source": "70",
-            "target": "69"
-        },
-        {
-            "source": "71",
-            "target": "11"
-        },
-        {
-            "source": "71",
-            "target": "25"
-        },
-        {
-            "source": "71",
-            "target": "27"
-        },
-        {
-            "source": "71",
-            "target": "41"
-        },
-        {
-            "source": "71",
-            "target": "48"
-        },
-        {
-            "source": "71",
-            "target": "68"
-        },
-        {
-            "source": "71",
-            "target": "69"
-        },
-        {
-            "source": "71",
-            "target": "70"
-        },
-        {
-            "source": "72",
-            "target": "11"
-        },
-        {
-            "source": "72",
-            "target": "26"
-        },
-        {
-            "source": "72",
-            "target": "27"
-        },
-        {
-            "source": "73",
-            "target": "48"
-        },
-        {
-            "source": "74",
-            "target": "48"
-        },
-        {
-            "source": "74",
-            "target": "73"
-        },
-        {
-            "source": "75",
-            "target": "25"
-        },
-        {
-            "source": "75",
-            "target": "41"
-        },
-        {
-            "source": "75",
-            "target": "48"
-        },
-        {
-            "source": "75",
-            "target": "68"
-        },
-        {
-            "source": "75",
-            "target": "69"
-        },
-        {
-            "source": "75",
-            "target": "70"
-        },
-        {
-            "source": "75",
-            "target": "71"
-        },
-        {
-            "source": "76",
-            "target": "48"
-        },
-        {
-            "source": "76",
-            "target": "58"
-        },
-        {
-            "source": "76",
-            "target": "62"
-        },
-        {
-            "source": "76",
-            "target": "63"
-        },
-        {
-            "source": "76",
-            "target": "64"
-        },
-        {
-            "source": "76",
-            "target": "65"
-        },
-        {
-            "source": "76",
-            "target": "66"
-        }
-    ],
-    "categories": [
-        {
-            "name": "A"
-        },
-        {
-            "name": "B"
-        },
-        {
-            "name": "C"
-        },
-        {
-            "name": "D"
-        },
-        {
-            "name": "E"
-        },
-        {
-            "name": "F"
-        },
-        {
-            "name": "G"
-        },
-        {
-            "name": "H"
-        },
-        {
-            "name": "I"
-        }
-    ]
-}
\ No newline at end of file
+  "nodes": [
+    {
+      "id": "0",
+      "name": "Myriel",
+      "symbolSize": 19.12381,
+      "x": -266.82776,
+      "y": 299.6904,
+      "value": 28.685715,
+      "category": 0
+    },
+    {
+      "id": "1",
+      "name": "Napoleon",
+      "symbolSize": 2.6666666666666665,
+      "x": -418.08344,
+      "y": 446.8853,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "2",
+      "name": "MlleBaptistine",
+      "symbolSize": 6.323809333333333,
+      "x": -212.76357,
+      "y": 245.29176,
+      "value": 9.485714,
+      "category": 1
+    },
+    {
+      "id": "3",
+      "name": "MmeMagloire",
+      "symbolSize": 6.323809333333333,
+      "x": -242.82404,
+      "y": 235.26283,
+      "value": 9.485714,
+      "category": 1
+    },
+    {
+      "id": "4",
+      "name": "CountessDeLo",
+      "symbolSize": 2.6666666666666665,
+      "x": -379.30386,
+      "y": 429.06424,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "5",
+      "name": "Geborand",
+      "symbolSize": 2.6666666666666665,
+      "x": -417.26337,
+      "y": 406.03506,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "6",
+      "name": "Champtercier",
+      "symbolSize": 2.6666666666666665,
+      "x": -332.6012,
+      "y": 485.16974,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "7",
+      "name": "Cravatte",
+      "symbolSize": 2.6666666666666665,
+      "x": -382.69568,
+      "y": 475.09113,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "8",
+      "name": "Count",
+      "symbolSize": 2.6666666666666665,
+      "x": -320.384,
+      "y": 387.17325,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "9",
+      "name": "OldMan",
+      "symbolSize": 2.6666666666666665,
+      "x": -344.39832,
+      "y": 451.16772,
+      "value": 4,
+      "category": 0
+    },
+    {
+      "id": "10",
+      "name": "Labarre",
+      "symbolSize": 2.6666666666666665,
+      "x": -89.34107,
+      "y": 234.56128,
+      "value": 4,
+      "category": 1
+    },
+    {
+      "id": "11",
+      "name": "Valjean",
+      "symbolSize": 66.66666666666667,
+      "x": -87.93029,
+      "y": -6.8120565,
+      "value": 100,
+      "category": 1
+    },
+    {
+      "id": "12",
+      "name": "Marguerite",
+      "symbolSize": 4.495239333333333,
+      "x": -339.77908,
+      "y": -184.69139,
+      "value": 6.742859,
+      "category": 1
+    },
+    {
+      "id": "13",
+      "name": "MmeDeR",
+      "symbolSize": 2.6666666666666665,
+      "x": -194.31313,
+      "y": 178.55301,
+      "value": 4,
+      "category": 1
+    },
+    {
+      "id": "14",
+      "name": "Isabeau",
+      "symbolSize": 2.6666666666666665,
+      "x": -158.05168,
+      "y": 201.99768,
+      "value": 4,
+      "category": 1
+    },
+    {
+      "id": "15",
+      "name": "Gervais",
+      "symbolSize": 2.6666666666666665,
+      "x": -127.701546,
+      "y": 242.55057,
+      "value": 4,
+      "category": 1
+    },
+    {
+      "id": "16",
+      "name": "Tholomyes",
+      "symbolSize": 17.295237333333333,
+      "x": -385.2226,
+      "y": -393.5572,
+      "value": 25.942856,
+      "category": 2
+    },
+    {
+      "id": "17",
+      "name": "Listolier",
+      "symbolSize": 13.638097333333334,
+      "x": -516.55884,
+      "y": -393.98975,
+      "value": 20.457146,
+      "category": 2
+    },
+    {
+      "id": "18",
+      "name": "Fameuil",
+      "symbolSize": 13.638097333333334,
+      "x": -464.79382,
+      "y": -493.57944,
+      "value": 20.457146,
+      "category": 2
+    },
+    {
+      "id": "19",
+      "name": "Blacheville",
+      "symbolSize": 13.638097333333334,
+      "x": -515.1624,
+      "y": -456.9891,
+      "value": 20.457146,
+      "category": 2
+    },
+    {
+      "id": "20",
+      "name": "Favourite",
+      "symbolSize": 13.638097333333334,
+      "x": -408.12122,
+      "y": -464.5048,
+      "value": 20.457146,
+      "category": 2
+    },
+    {
+      "id": "21",
+      "name": "Dahlia",
+      "symbolSize": 13.638097333333334,
+      "x": -456.44113,
+      "y": -425.13303,
+      "value": 20.457146,
+      "category": 2
+    },
+    {
+      "id": "22",
+      "name": "Zephine",
+      "symbolSize": 13.638097333333334,
+      "x": -459.1107,
+      "y": -362.5133,
+      "value": 20.457146,
+      "category": 2
+    },
+    {
+      "id": "23",
+      "name": "Fantine",
+      "symbolSize": 28.266666666666666,
+      "x": -313.42786,
+      "y": -289.44803,
+      "value": 42.4,
+      "category": 2
+    },
+    {
+      "id": "24",
+      "name": "MmeThenardier",
+      "symbolSize": 20.95238266666667,
+      "x": 4.6313396,
+      "y": -273.8517,
+      "value": 31.428574,
+      "category": 7
+    },
+    {
+      "id": "25",
+      "name": "Thenardier",
+      "symbolSize": 30.095235333333335,
+      "x": 82.80825,
+      "y": -203.1144,
+      "value": 45.142853,
+      "category": 7
+    },
+    {
+      "id": "26",
+      "name": "Cosette",
+      "symbolSize": 20.95238266666667,
+      "x": 78.64646,
+      "y": -31.512747,
+      "value": 31.428574,
+      "category": 6
+    },
+    {
+      "id": "27",
+      "name": "Javert",
+      "symbolSize": 31.923806666666668,
+      "x": -81.46074,
+      "y": -204.20204,
+      "value": 47.88571,
+      "category": 7
+    },
+    {
+      "id": "28",
+      "name": "Fauchelevent",
+      "symbolSize": 8.152382000000001,
+      "x": -225.73984,
+      "y": 82.41631,
+      "value": 12.228573,
+      "category": 4
+    },
+    {
+      "id": "29",
+      "name": "Bamatabois",
+      "symbolSize": 15.466666666666667,
+      "x": -385.6842,
+      "y": -20.206686,
+      "value": 23.2,
+      "category": 3
+    },
+    {
+      "id": "30",
+      "name": "Perpetue",
+      "symbolSize": 4.495239333333333,
+      "x": -403.92447,
+      "y": -197.69823,
+      "value": 6.742859,
+      "category": 2
+    },
+    {
+      "id": "31",
+      "name": "Simplice",
+      "symbolSize": 8.152382000000001,
+      "x": -281.4253,
+      "y": -158.45137,
+      "value": 12.228573,
+      "category": 2
+    },
+    {
+      "id": "32",
+      "name": "Scaufflaire",
+      "symbolSize": 2.6666666666666665,
+      "x": -122.41348,
+      "y": 210.37503,
+      "value": 4,
+      "category": 1
+    },
+    {
+      "id": "33",
+      "name": "Woman1",
+      "symbolSize": 4.495239333333333,
+      "x": -234.6001,
+      "y": -113.15067,
+      "value": 6.742859,
+      "category": 1
+    },
+    {
+      "id": "34",
+      "name": "Judge",
+      "symbolSize": 11.809524666666666,
+      "x": -387.84915,
+      "y": 58.7059,
+      "value": 17.714287,
+      "category": 3
+    },
+    {
+      "id": "35",
+      "name": "Champmathieu",
+      "symbolSize": 11.809524666666666,
+      "x": -338.2307,
+      "y": 87.48405,
+      "value": 17.714287,
+      "category": 3
+    },
+    {
+      "id": "36",
+      "name": "Brevet",
+      "symbolSize": 11.809524666666666,
+      "x": -453.26874,
+      "y": 58.94648,
+      "value": 17.714287,
+      "category": 3
+    },
+    {
+      "id": "37",
+      "name": "Chenildieu",
+      "symbolSize": 11.809524666666666,
+      "x": -386.44904,
+      "y": 140.05937,
+      "value": 17.714287,
+      "category": 3
+    },
+    {
+      "id": "38",
+      "name": "Cochepaille",
+      "symbolSize": 11.809524666666666,
+      "x": -446.7876,
+      "y": 123.38005,
+      "value": 17.714287,
+      "category": 3
+    },
+    {
+      "id": "39",
+      "name": "Pontmercy",
+      "symbolSize": 6.323809333333333,
+      "x": 336.49738,
+      "y": -269.55914,
+      "value": 9.485714,
+      "category": 6
+    },
+    {
+      "id": "40",
+      "name": "Boulatruelle",
+      "symbolSize": 2.6666666666666665,
+      "x": 29.187843,
+      "y": -460.13132,
+      "value": 4,
+      "category": 7
+    },
+    {
+      "id": "41",
+      "name": "Eponine",
+      "symbolSize": 20.95238266666667,
+      "x": 238.36697,
+      "y": -210.00926,
+      "value": 31.428574,
+      "category": 7
+    },
+    {
+      "id": "42",
+      "name": "Anzelma",
+      "symbolSize": 6.323809333333333,
+      "x": 189.69513,
+      "y": -346.50662,
+      "value": 9.485714,
+      "category": 7
+    },
+    {
+      "id": "43",
+      "name": "Woman2",
+      "symbolSize": 6.323809333333333,
+      "x": -187.00418,
+      "y": -145.02663,
+      "value": 9.485714,
+      "category": 6
+    },
+    {
+      "id": "44",
+      "name": "MotherInnocent",
+      "symbolSize": 4.495239333333333,
+      "x": -252.99521,
+      "y": 129.87549,
+      "value": 6.742859,
+      "category": 4
+    },
+    {
+      "id": "45",
+      "name": "Gribier",
+      "symbolSize": 2.6666666666666665,
+      "x": -296.07935,
+      "y": 163.11964,
+      "value": 4,
+      "category": 4
+    },
+    {
+      "id": "46",
+      "name": "Jondrette",
+      "symbolSize": 2.6666666666666665,
+      "x": 550.3201,
+      "y": 522.4031,
+      "value": 4,
+      "category": 5
+    },
+    {
+      "id": "47",
+      "name": "MmeBurgon",
+      "symbolSize": 4.495239333333333,
+      "x": 488.13535,
+      "y": 356.8573,
+      "value": 6.742859,
+      "category": 5
+    },
+    {
+      "id": "48",
+      "name": "Gavroche",
+      "symbolSize": 41.06667066666667,
+      "x": 387.89572,
+      "y": 110.462326,
+      "value": 61.600006,
+      "category": 8
+    },
+    {
+      "id": "49",
+      "name": "Gillenormand",
+      "symbolSize": 13.638097333333334,
+      "x": 126.4831,
+      "y": 68.10622,
+      "value": 20.457146,
+      "category": 6
+    },
+    {
+      "id": "50",
+      "name": "Magnon",
+      "symbolSize": 4.495239333333333,
+      "x": 127.07365,
+      "y": -113.05923,
+      "value": 6.742859,
+      "category": 6
+    },
+    {
+      "id": "51",
+      "name": "MlleGillenormand",
+      "symbolSize": 13.638097333333334,
+      "x": 162.63559,
+      "y": 117.6565,
+      "value": 20.457146,
+      "category": 6
+    },
+    {
+      "id": "52",
+      "name": "MmePontmercy",
+      "symbolSize": 4.495239333333333,
+      "x": 353.66415,
+      "y": -205.89165,
+      "value": 6.742859,
+      "category": 6
+    },
+    {
+      "id": "53",
+      "name": "MlleVaubois",
+      "symbolSize": 2.6666666666666665,
+      "x": 165.43939,
+      "y": 339.7736,
+      "value": 4,
+      "category": 6
+    },
+    {
+      "id": "54",
+      "name": "LtGillenormand",
+      "symbolSize": 8.152382000000001,
+      "x": 137.69348,
+      "y": 196.1069,
+      "value": 12.228573,
+      "category": 6
+    },
+    {
+      "id": "55",
+      "name": "Marius",
+      "symbolSize": 35.58095333333333,
+      "x": 206.44687,
+      "y": -13.805411,
+      "value": 53.37143,
+      "category": 6
+    },
+    {
+      "id": "56",
+      "name": "BaronessT",
+      "symbolSize": 4.495239333333333,
+      "x": 194.82993,
+      "y": 224.78036,
+      "value": 6.742859,
+      "category": 6
+    },
+    {
+      "id": "57",
+      "name": "Mabeuf",
+      "symbolSize": 20.95238266666667,
+      "x": 597.6618,
+      "y": 135.18481,
+      "value": 31.428574,
+      "category": 8
+    },
+    {
+      "id": "58",
+      "name": "Enjolras",
+      "symbolSize": 28.266666666666666,
+      "x": 355.78366,
+      "y": -74.882454,
+      "value": 42.4,
+      "category": 8
+    },
+    {
+      "id": "59",
+      "name": "Combeferre",
+      "symbolSize": 20.95238266666667,
+      "x": 515.2961,
+      "y": -46.167564,
+      "value": 31.428574,
+      "category": 8
+    },
+    {
+      "id": "60",
+      "name": "Prouvaire",
+      "symbolSize": 17.295237333333333,
+      "x": 614.29285,
+      "y": -69.3104,
+      "value": 25.942856,
+      "category": 8
+    },
+    {
+      "id": "61",
+      "name": "Feuilly",
+      "symbolSize": 20.95238266666667,
+      "x": 550.1917,
+      "y": -128.17537,
+      "value": 31.428574,
+      "category": 8
+    },
+    {
+      "id": "62",
+      "name": "Courfeyrac",
+      "symbolSize": 24.609526666666667,
+      "x": 436.17184,
+      "y": -12.7286825,
+      "value": 36.91429,
+      "category": 8
+    },
+    {
+      "id": "63",
+      "name": "Bahorel",
+      "symbolSize": 22.780953333333333,
+      "x": 602.55225,
+      "y": 16.421427,
+      "value": 34.17143,
+      "category": 8
+    },
+    {
+      "id": "64",
+      "name": "Bossuet",
+      "symbolSize": 24.609526666666667,
+      "x": 455.81955,
+      "y": -115.45826,
+      "value": 36.91429,
+      "category": 8
+    },
+    {
+      "id": "65",
+      "name": "Joly",
+      "symbolSize": 22.780953333333333,
+      "x": 516.40784,
+      "y": 47.242233,
+      "value": 34.17143,
+      "category": 8
+    },
+    {
+      "id": "66",
+      "name": "Grantaire",
+      "symbolSize": 19.12381,
+      "x": 646.4313,
+      "y": -151.06331,
+      "value": 28.685715,
+      "category": 8
+    },
+    {
+      "id": "67",
+      "name": "MotherPlutarch",
+      "symbolSize": 2.6666666666666665,
+      "x": 668.9568,
+      "y": 204.65488,
+      "value": 4,
+      "category": 8
+    },
+    {
+      "id": "68",
+      "name": "Gueulemer",
+      "symbolSize": 19.12381,
+      "x": 78.4799,
+      "y": -347.15146,
+      "value": 28.685715,
+      "category": 7
+    },
+    {
+      "id": "69",
+      "name": "Babet",
+      "symbolSize": 19.12381,
+      "x": 150.35959,
+      "y": -298.50797,
+      "value": 28.685715,
+      "category": 7
+    },
+    {
+      "id": "70",
+      "name": "Claquesous",
+      "symbolSize": 19.12381,
+      "x": 137.3717,
+      "y": -410.2809,
+      "value": 28.685715,
+      "category": 7
+    },
+    {
+      "id": "71",
+      "name": "Montparnasse",
+      "symbolSize": 17.295237333333333,
+      "x": 234.87747,
+      "y": -400.85983,
+      "value": 25.942856,
+      "category": 7
+    },
+    {
+      "id": "72",
+      "name": "Toussaint",
+      "symbolSize": 6.323809333333333,
+      "x": 40.942253,
+      "y": 113.78272,
+      "value": 9.485714,
+      "category": 1
+    },
+    {
+      "id": "73",
+      "name": "Child1",
+      "symbolSize": 4.495239333333333,
+      "x": 437.939,
+      "y": 291.58234,
+      "value": 6.742859,
+      "category": 8
+    },
+    {
+      "id": "74",
+      "name": "Child2",
+      "symbolSize": 4.495239333333333,
+      "x": 466.04922,
+      "y": 283.3606,
+      "value": 6.742859,
+      "category": 8
+    },
+    {
+      "id": "75",
+      "name": "Brujon",
+      "symbolSize": 13.638097333333334,
+      "x": 238.79364,
+      "y": -314.06345,
+      "value": 20.457146,
+      "category": 7
+    },
+    {
+      "id": "76",
+      "name": "MmeHucheloup",
+      "symbolSize": 13.638097333333334,
+      "x": 712.18353,
+      "y": 4.8131495,
+      "value": 20.457146,
+      "category": 8
+    }
+  ],
+  "links": [
+    {
+      "source": "1",
+      "target": "0"
+    },
+    {
+      "source": "2",
+      "target": "0"
+    },
+    {
+      "source": "3",
+      "target": "0"
+    },
+    {
+      "source": "3",
+      "target": "2"
+    },
+    {
+      "source": "4",
+      "target": "0"
+    },
+    {
+      "source": "5",
+      "target": "0"
+    },
+    {
+      "source": "6",
+      "target": "0"
+    },
+    {
+      "source": "7",
+      "target": "0"
+    },
+    {
+      "source": "8",
+      "target": "0"
+    },
+    {
+      "source": "9",
+      "target": "0"
+    },
+    {
+      "source": "11",
+      "target": "0"
+    },
+    {
+      "source": "11",
+      "target": "2"
+    },
+    {
+      "source": "11",
+      "target": "3"
+    },
+    {
+      "source": "11",
+      "target": "10"
+    },
+    {
+      "source": "12",
+      "target": "11"
+    },
+    {
+      "source": "13",
+      "target": "11"
+    },
+    {
+      "source": "14",
+      "target": "11"
+    },
+    {
+      "source": "15",
+      "target": "11"
+    },
+    {
+      "source": "17",
+      "target": "16"
+    },
+    {
+      "source": "18",
+      "target": "16"
+    },
+    {
+      "source": "18",
+      "target": "17"
+    },
+    {
+      "source": "19",
+      "target": "16"
+    },
+    {
+      "source": "19",
+      "target": "17"
+    },
+    {
+      "source": "19",
+      "target": "18"
+    },
+    {
+      "source": "20",
+      "target": "16"
+    },
+    {
+      "source": "20",
+      "target": "17"
+    },
+    {
+      "source": "20",
+      "target": "18"
+    },
+    {
+      "source": "20",
+      "target": "19"
+    },
+    {
+      "source": "21",
+      "target": "16"
+    },
+    {
+      "source": "21",
+      "target": "17"
+    },
+    {
+      "source": "21",
+      "target": "18"
+    },
+    {
+      "source": "21",
+      "target": "19"
+    },
+    {
+      "source": "21",
+      "target": "20"
+    },
+    {
+      "source": "22",
+      "target": "16"
+    },
+    {
+      "source": "22",
+      "target": "17"
+    },
+    {
+      "source": "22",
+      "target": "18"
+    },
+    {
+      "source": "22",
+      "target": "19"
+    },
+    {
+      "source": "22",
+      "target": "20"
+    },
+    {
+      "source": "22",
+      "target": "21"
+    },
+    {
+      "source": "23",
+      "target": "11"
+    },
+    {
+      "source": "23",
+      "target": "12"
+    },
+    {
+      "source": "23",
+      "target": "16"
+    },
+    {
+      "source": "23",
+      "target": "17"
+    },
+    {
+      "source": "23",
+      "target": "18"
+    },
+    {
+      "source": "23",
+      "target": "19"
+    },
+    {
+      "source": "23",
+      "target": "20"
+    },
+    {
+      "source": "23",
+      "target": "21"
+    },
+    {
+      "source": "23",
+      "target": "22"
+    },
+    {
+      "source": "24",
+      "target": "11"
+    },
+    {
+      "source": "24",
+      "target": "23"
+    },
+    {
+      "source": "25",
+      "target": "11"
+    },
+    {
+      "source": "25",
+      "target": "23"
+    },
+    {
+      "source": "25",
+      "target": "24"
+    },
+    {
+      "source": "26",
+      "target": "11"
+    },
+    {
+      "source": "26",
+      "target": "16"
+    },
+    {
+      "source": "26",
+      "target": "24"
+    },
+    {
+      "source": "26",
+      "target": "25"
+    },
+    {
+      "source": "27",
+      "target": "11"
+    },
+    {
+      "source": "27",
+      "target": "23"
+    },
+    {
+      "source": "27",
+      "target": "24"
+    },
+    {
+      "source": "27",
+      "target": "25"
+    },
+    {
+      "source": "27",
+      "target": "26"
+    },
+    {
+      "source": "28",
+      "target": "11"
+    },
+    {
+      "source": "28",
+      "target": "27"
+    },
+    {
+      "source": "29",
+      "target": "11"
+    },
+    {
+      "source": "29",
+      "target": "23"
+    },
+    {
+      "source": "29",
+      "target": "27"
+    },
+    {
+      "source": "30",
+      "target": "23"
+    },
+    {
+      "source": "31",
+      "target": "11"
+    },
+    {
+      "source": "31",
+      "target": "23"
+    },
+    {
+      "source": "31",
+      "target": "27"
+    },
+    {
+      "source": "31",
+      "target": "30"
+    },
+    {
+      "source": "32",
+      "target": "11"
+    },
+    {
+      "source": "33",
+      "target": "11"
+    },
+    {
+      "source": "33",
+      "target": "27"
+    },
+    {
+      "source": "34",
+      "target": "11"
+    },
+    {
+      "source": "34",
+      "target": "29"
+    },
+    {
+      "source": "35",
+      "target": "11"
+    },
+    {
+      "source": "35",
+      "target": "29"
+    },
+    {
+      "source": "35",
+      "target": "34"
+    },
+    {
+      "source": "36",
+      "target": "11"
+    },
+    {
+      "source": "36",
+      "target": "29"
+    },
+    {
+      "source": "36",
+      "target": "34"
+    },
+    {
+      "source": "36",
+      "target": "35"
+    },
+    {
+      "source": "37",
+      "target": "11"
+    },
+    {
+      "source": "37",
+      "target": "29"
+    },
+    {
+      "source": "37",
+      "target": "34"
+    },
+    {
+      "source": "37",
+      "target": "35"
+    },
+    {
+      "source": "37",
+      "target": "36"
+    },
+    {
+      "source": "38",
+      "target": "11"
+    },
+    {
+      "source": "38",
+      "target": "29"
+    },
+    {
+      "source": "38",
+      "target": "34"
+    },
+    {
+      "source": "38",
+      "target": "35"
+    },
+    {
+      "source": "38",
+      "target": "36"
+    },
+    {
+      "source": "38",
+      "target": "37"
+    },
+    {
+      "source": "39",
+      "target": "25"
+    },
+    {
+      "source": "40",
+      "target": "25"
+    },
+    {
+      "source": "41",
+      "target": "24"
+    },
+    {
+      "source": "41",
+      "target": "25"
+    },
+    {
+      "source": "42",
+      "target": "24"
+    },
+    {
+      "source": "42",
+      "target": "25"
+    },
+    {
+      "source": "42",
+      "target": "41"
+    },
+    {
+      "source": "43",
+      "target": "11"
+    },
+    {
+      "source": "43",
+      "target": "26"
+    },
+    {
+      "source": "43",
+      "target": "27"
+    },
+    {
+      "source": "44",
+      "target": "11"
+    },
+    {
+      "source": "44",
+      "target": "28"
+    },
+    {
+      "source": "45",
+      "target": "28"
+    },
+    {
+      "source": "47",
+      "target": "46"
+    },
+    {
+      "source": "48",
+      "target": "11"
+    },
+    {
+      "source": "48",
+      "target": "25"
+    },
+    {
+      "source": "48",
+      "target": "27"
+    },
+    {
+      "source": "48",
+      "target": "47"
+    },
+    {
+      "source": "49",
+      "target": "11"
+    },
+    {
+      "source": "49",
+      "target": "26"
+    },
+    {
+      "source": "50",
+      "target": "24"
+    },
+    {
+      "source": "50",
+      "target": "49"
+    },
+    {
+      "source": "51",
+      "target": "11"
+    },
+    {
+      "source": "51",
+      "target": "26"
+    },
+    {
+      "source": "51",
+      "target": "49"
+    },
+    {
+      "source": "52",
+      "target": "39"
+    },
+    {
+      "source": "52",
+      "target": "51"
+    },
+    {
+      "source": "53",
+      "target": "51"
+    },
+    {
+      "source": "54",
+      "target": "26"
+    },
+    {
+      "source": "54",
+      "target": "49"
+    },
+    {
+      "source": "54",
+      "target": "51"
+    },
+    {
+      "source": "55",
+      "target": "11"
+    },
+    {
+      "source": "55",
+      "target": "16"
+    },
+    {
+      "source": "55",
+      "target": "25"
+    },
+    {
+      "source": "55",
+      "target": "26"
+    },
+    {
+      "source": "55",
+      "target": "39"
+    },
+    {
+      "source": "55",
+      "target": "41"
+    },
+    {
+      "source": "55",
+      "target": "48"
+    },
+    {
+      "source": "55",
+      "target": "49"
+    },
+    {
+      "source": "55",
+      "target": "51"
+    },
+    {
+      "source": "55",
+      "target": "54"
+    },
+    {
+      "source": "56",
+      "target": "49"
+    },
+    {
+      "source": "56",
+      "target": "55"
+    },
+    {
+      "source": "57",
+      "target": "41"
+    },
+    {
+      "source": "57",
+      "target": "48"
+    },
+    {
+      "source": "57",
+      "target": "55"
+    },
+    {
+      "source": "58",
+      "target": "11"
+    },
+    {
+      "source": "58",
+      "target": "27"
+    },
+    {
+      "source": "58",
+      "target": "48"
+    },
+    {
+      "source": "58",
+      "target": "55"
+    },
+    {
+      "source": "58",
+      "target": "57"
+    },
+    {
+      "source": "59",
+      "target": "48"
+    },
+    {
+      "source": "59",
+      "target": "55"
+    },
+    {
+      "source": "59",
+      "target": "57"
+    },
+    {
+      "source": "59",
+      "target": "58"
+    },
+    {
+      "source": "60",
+      "target": "48"
+    },
+    {
+      "source": "60",
+      "target": "58"
+    },
+    {
+      "source": "60",
+      "target": "59"
+    },
+    {
+      "source": "61",
+      "target": "48"
+    },
+    {
+      "source": "61",
+      "target": "55"
+    },
+    {
+      "source": "61",
+      "target": "57"
+    },
+    {
+      "source": "61",
+      "target": "58"
+    },
+    {
+      "source": "61",
+      "target": "59"
+    },
+    {
+      "source": "61",
+      "target": "60"
+    },
+    {
+      "source": "62",
+      "target": "41"
+    },
+    {
+      "source": "62",
+      "target": "48"
+    },
+    {
+      "source": "62",
+      "target": "55"
+    },
+    {
+      "source": "62",
+      "target": "57"
+    },
+    {
+      "source": "62",
+      "target": "58"
+    },
+    {
+      "source": "62",
+      "target": "59"
+    },
+    {
+      "source": "62",
+      "target": "60"
+    },
+    {
+      "source": "62",
+      "target": "61"
+    },
+    {
+      "source": "63",
+      "target": "48"
+    },
+    {
+      "source": "63",
+      "target": "55"
+    },
+    {
+      "source": "63",
+      "target": "57"
+    },
+    {
+      "source": "63",
+      "target": "58"
+    },
+    {
+      "source": "63",
+      "target": "59"
+    },
+    {
+      "source": "63",
+      "target": "60"
+    },
+    {
+      "source": "63",
+      "target": "61"
+    },
+    {
+      "source": "63",
+      "target": "62"
+    },
+    {
+      "source": "64",
+      "target": "11"
+    },
+    {
+      "source": "64",
+      "target": "48"
+    },
+    {
+      "source": "64",
+      "target": "55"
+    },
+    {
+      "source": "64",
+      "target": "57"
+    },
+    {
+      "source": "64",
+      "target": "58"
+    },
+    {
+      "source": "64",
+      "target": "59"
+    },
+    {
+      "source": "64",
+      "target": "60"
+    },
+    {
+      "source": "64",
+      "target": "61"
+    },
+    {
+      "source": "64",
+      "target": "62"
+    },
+    {
+      "source": "64",
+      "target": "63"
+    },
+    {
+      "source": "65",
+      "target": "48"
+    },
+    {
+      "source": "65",
+      "target": "55"
+    },
+    {
+      "source": "65",
+      "target": "57"
+    },
+    {
+      "source": "65",
+      "target": "58"
+    },
+    {
+      "source": "65",
+      "target": "59"
+    },
+    {
+      "source": "65",
+      "target": "60"
+    },
+    {
+      "source": "65",
+      "target": "61"
+    },
+    {
+      "source": "65",
+      "target": "62"
+    },
+    {
+      "source": "65",
+      "target": "63"
+    },
+    {
+      "source": "65",
+      "target": "64"
+    },
+    {
+      "source": "66",
+      "target": "48"
+    },
+    {
+      "source": "66",
+      "target": "58"
+    },
+    {
+      "source": "66",
+      "target": "59"
+    },
+    {
+      "source": "66",
+      "target": "60"
+    },
+    {
+      "source": "66",
+      "target": "61"
+    },
+    {
+      "source": "66",
+      "target": "62"
+    },
+    {
+      "source": "66",
+      "target": "63"
+    },
+    {
+      "source": "66",
+      "target": "64"
+    },
+    {
+      "source": "66",
+      "target": "65"
+    },
+    {
+      "source": "67",
+      "target": "57"
+    },
+    {
+      "source": "68",
+      "target": "11"
+    },
+    {
+      "source": "68",
+      "target": "24"
+    },
+    {
+      "source": "68",
+      "target": "25"
+    },
+    {
+      "source": "68",
+      "target": "27"
+    },
+    {
+      "source": "68",
+      "target": "41"
+    },
+    {
+      "source": "68",
+      "target": "48"
+    },
+    {
+      "source": "69",
+      "target": "11"
+    },
+    {
+      "source": "69",
+      "target": "24"
+    },
+    {
+      "source": "69",
+      "target": "25"
+    },
+    {
+      "source": "69",
+      "target": "27"
+    },
+    {
+      "source": "69",
+      "target": "41"
+    },
+    {
+      "source": "69",
+      "target": "48"
+    },
+    {
+      "source": "69",
+      "target": "68"
+    },
+    {
+      "source": "70",
+      "target": "11"
+    },
+    {
+      "source": "70",
+      "target": "24"
+    },
+    {
+      "source": "70",
+      "target": "25"
+    },
+    {
+      "source": "70",
+      "target": "27"
+    },
+    {
+      "source": "70",
+      "target": "41"
+    },
+    {
+      "source": "70",
+      "target": "58"
+    },
+    {
+      "source": "70",
+      "target": "68"
+    },
+    {
+      "source": "70",
+      "target": "69"
+    },
+    {
+      "source": "71",
+      "target": "11"
+    },
+    {
+      "source": "71",
+      "target": "25"
+    },
+    {
+      "source": "71",
+      "target": "27"
+    },
+    {
+      "source": "71",
+      "target": "41"
+    },
+    {
+      "source": "71",
+      "target": "48"
+    },
+    {
+      "source": "71",
+      "target": "68"
+    },
+    {
+      "source": "71",
+      "target": "69"
+    },
+    {
+      "source": "71",
+      "target": "70"
+    },
+    {
+      "source": "72",
+      "target": "11"
+    },
+    {
+      "source": "72",
+      "target": "26"
+    },
+    {
+      "source": "72",
+      "target": "27"
+    },
+    {
+      "source": "73",
+      "target": "48"
+    },
+    {
+      "source": "74",
+      "target": "48"
+    },
+    {
+      "source": "74",
+      "target": "73"
+    },
+    {
+      "source": "75",
+      "target": "25"
+    },
+    {
+      "source": "75",
+      "target": "41"
+    },
+    {
+      "source": "75",
+      "target": "48"
+    },
+    {
+      "source": "75",
+      "target": "68"
+    },
+    {
+      "source": "75",
+      "target": "69"
+    },
+    {
+      "source": "75",
+      "target": "70"
+    },
+    {
+      "source": "75",
+      "target": "71"
+    },
+    {
+      "source": "76",
+      "target": "48"
+    },
+    {
+      "source": "76",
+      "target": "58"
+    },
+    {
+      "source": "76",
+      "target": "62"
+    },
+    {
+      "source": "76",
+      "target": "63"
+    },
+    {
+      "source": "76",
+      "target": "64"
+    },
+    {
+      "source": "76",
+      "target": "65"
+    },
+    {
+      "source": "76",
+      "target": "66"
+    }
+  ],
+  "categories": [
+    {
+      "name": "A"
+    },
+    {
+      "name": "B"
+    },
+    {
+      "name": "C"
+    },
+    {
+      "name": "D"
+    },
+    {
+      "name": "E"
+    },
+    {
+      "name": "F"
+    },
+    {
+      "name": "G"
+    },
+    {
+      "name": "H"
+    },
+    {
+      "name": "I"
+    }
+  ]
+}
diff --git a/src/api/courseChaptersApi.ts b/src/api/courseChaptersApi.ts
index ae9997c..e5ec5c0 100644
--- a/src/api/courseChaptersApi.ts
+++ b/src/api/courseChaptersApi.ts
@@ -1,41 +1,38 @@
 import request from '@/utils/request'
 
-
 /**
  * 课程收藏获取资源
  */
 export function getAssApi(params: {
-  page: number,
-  pageSize: number,
-  resourceIdList: string,
+  page: number
+  pageSize: number
+  resourceIdList: string
   type: 1 | 2 | 3 | 4 | 5
+  userId: string
 }) {
   return request.get('/Favour/get', {
-    params
+    params,
   })
 }
 
 /**
  * 请求视频资源
- * @param par 
+ * @param par
  */
 
 export function aaaApi(par: any) {
   if (par) return request.get(`url${par}`)
   else return request.get(`url`)
-
 }
 
 export const uploadFile = (data: any) => {
   return request({
     url: '/upload',
-    method: "POST",
-    data
+    method: 'POST',
+    data,
   })
 }
 
-
-
 /**
  * 获取计算机导论信息
  * @returns
@@ -66,33 +63,33 @@ export function getOrogramObjectiveApi() {
   })
 }
 // 获取课程列表
-export const getCourseList = (params:any) => {
+export const getCourseList = (params: any) => {
   return request({
     url: '/course_objectives/list/' + params.id,
-    params
+    params,
   })
 }
 // 添加分目标
-export const addCourse = (data:any) => {
+export const addCourse = (data: any) => {
   return request({
-    url:'/objective_contents/addcontent',
-    method:"POST",
-    data
+    url: '/objective_contents/addcontent',
+    method: 'POST',
+    data,
   })
 }
 // 编辑目标
 export const editCourse = (data: any) => {
   return request({
     url: '/objective_contents/update',
-    method: "PUT",
-    data
+    method: 'PUT',
+    data,
   })
 }
 //删除课程目标
 export const deleteCourse = (params: any) => {
   return request({
     url: '/objective_contents/' + params.id,
-    method: "DELETE",
+    method: 'DELETE',
   })
 }
 // /objective_contents/
@@ -100,7 +97,7 @@ export const deleteCourse = (params: any) => {
 export const getCourseInfo = (params: any) => {
   return request({
     url: '/objective_contents/' + params.id,
-    method: "get",
-    params
+    method: 'get',
+    params,
   })
-}
\ No newline at end of file
+}
diff --git a/src/api/record.js b/src/api/record.js
index 12d8744..872c99b 100644
--- a/src/api/record.js
+++ b/src/api/record.js
@@ -1,10 +1,8 @@
 import request from '@/utils/request'
 //获取浏览记录列表
 export const getRecordListService = (params) =>
-  request.get('/learningrecords/getall', { params })
+  request.get('/api/learningrecords/getall', { params })
 //删除浏览记录
 export function DelRecordService(ids) {
-  return request.delete(
-    `h/learningrecords/delete?ids=${ids}`,
-  )
-}
\ No newline at end of file
+  return request.delete(`h//api/learningrecords/delete?ids=${ids}`)
+}
diff --git a/src/api/user/crouse.js b/src/api/user/crouse.js
index c5e4e0b..10b64ce 100644
--- a/src/api/user/crouse.js
+++ b/src/api/user/crouse.js
@@ -1,35 +1,35 @@
 import request from '@/utils/request'
 // 获取课程列表
 export const getCourseListApi = (params) => {
-  return request.get('/coursesteacher/page', {
+  return request.get('/api/coursesteacher/page', {
     params,
   })
 }
 // 编辑课程
 export const editCourseApi = (params) => {
-  return request.put('/coursesteacher', params)
+  return request.put('/api/coursesteacher', params)
 }
 // 添加课程
 export const addCourseApi = (data) => {
-  return request.post(`/coursesteacher/addcourse`, data)
+  return request.post(`/api/coursesteacher/addcourse`, data)
 }
 
 // 获取课程详情
 export const getCourseDetailApi = (id) => {
-  return request.get(`/coursesteacher/${id}`)
+  return request.get(`/api/coursesteacher/${id}`)
 }
 
 // 删除课程
 export const deleteCourseApi = (id) => {
-  return request.delete(`/coursesteacher/${id}`)
+  return request.delete(`/api/coursesteacher/${id}`)
 }
 // 获取课程id
 export const getCourseObjectApi = (id) => {
-  return request.get(`/course_objectives/list/${id}`)
+  return request.get(`/api/course_objectives/list/${id}`)
 }
 // 获取教师列表
 export const getTeacherListApi = () => {
-  return request.get('/user/get_teacherinf_list')
+  return request.get('/api/user/get_teacherinf_list')
 }
 
 export const fnNameGet = (params) => {
@@ -44,7 +44,7 @@ export const getPageCourses = (data) => {
   console.log(data.pageSize)
   // return request.get(`/courses/index`,data)
   return request.get(
-    `/coursesteacher/index?page=${data.page}&pageSize=${data.pageSize}`,
+    `/api/coursesteacher/index?page=${data.page}&pageSize=${data.pageSize}`,
   )
 }
 // {id:1}
diff --git a/src/api/user/index.ts b/src/api/user/index.ts
index 1b52c92..4b9a85e 100644
--- a/src/api/user/index.ts
+++ b/src/api/user/index.ts
@@ -3,9 +3,9 @@ import { loginType, loginResponseType, userInfoType } from './types'
 //项目用户相关的请求地址
 
 enum API {
-  LOGIN_URL = '/user/login',
-  USERINFO_URL = '/user/info',
-  LOGOUT_URL = '/user/logout',
+  LOGIN_URL = '/api/user/login',
+  USERINFO_URL = '/api/user/info',
+  LOGOUT_URL = '/api/user/logout',
 }
 // 用户登录
 export const reqLogin = (data: loginType) =>
diff --git a/src/api/user/user.js b/src/api/user/user.js
index 02399b7..94c9e29 100644
--- a/src/api/user/user.js
+++ b/src/api/user/user.js
@@ -1,48 +1,48 @@
 import request from '@/utils/request'
 //账号登录接口
 export const userLoginService = (loginData) => {
-  return request.post('/user/login', loginData, {
+  return request.post('/api/user/login', loginData, {
     headers: { 'Content-Type': 'application/json;charset=UTF-8' },
   })
 }
 //手机号登录接口
 export const userPhoneLoginService = (phones) => {
-  return request.post('/user/phone/login?phone=' + phones)
+  return request.post('/api/user/phone/login?phone=' + phones)
 }
 //账号注册接口
 export const userRegisterService = (jsonData) => {
-  return request.post('/user/register', jsonData, {
+  return request.post('/api/user/register', jsonData, {
     headers: { 'Content-Type': 'application/json;charset=UTF-8' },
   })
 }
 //手机号注册接口
 export const userPhoneRegisterService = (jsonData) => {
-  return request.post('/user/phone/register', jsonData, {
+  return request.post('/api/user/phone/register', jsonData, {
     headers: { 'Content-Type': 'application/json;charset=UTF-8' },
   })
 }
 //手机号验证码请求
 export const userCodeRegisterService = (phoness) => {
-  return request.post('/user/code?phone=' + phoness)
+  return request.post('/api/user/code?phone=' + phoness)
 }
 //用户信息接口
 export const userGetInfoService = (token) =>
-  request.get('/user/info', {
+  request.get('/api/user/info', {
     headers: { Authorization: `Bearer ${token}` },
   })
 //修改用户信息
 export const userChangeService = (jsonData) => {
-  return request.post('/user/update', jsonData, {
+  return request.post('/api/user/update', jsonData, {
     headers: { 'Content-Type': 'application/json;charset=UTF-8' },
   })
 }
-//获取身份信息
+//获取个人信息
 export const userIdenService = (id) => {
-  return request.post('/user/personal/info?id=' + id)
+  return request.post('/api/user/personal/info?id=' + id)
 }
-//修改身份信息
+//修改个人信息
 export const userIdenChangeService = (dataToSend) => {
-  return request.post('/user/update/PersonalInfo', dataToSend, {
+  return request.post('/api/user/update/PersonalInfo', dataToSend, {
     headers: { 'Content-Type': 'application/json;charset=UTF-8' },
   })
 }
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 9d18c73..13e1982 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -43,19 +43,17 @@
 <script lang="ts" setup>
 import { onMounted, watch } from 'vue'
 import useLayoutSettingStoe from '@/store/modules/setting'
-import permissionStore from '@/store/modules/permission'
 // 获取路由对象 做当前激活路由项
 import { useRoute } from 'vue-router'
 import Tabbar from './tabbar/index.vue'
 import LoGo from './logo/index.vue'
 import Menu from './menu/index.vue'
-import {constantRoute} from '@/router/routers'
+import { constantRoute } from '@/router/routers'
 // 获取路由数据
 // import userUserStore from '@/store/modules/user'
 // import { onMounted, reactive, ref, toRefs, watch } from 'vue'
 import Main from './main/index.vue'
 const LayoutSettingStoe = useLayoutSettingStoe()
-const usePermissionStore = permissionStore()
 
 // const userStore = userUserStore()
 const $route = useRoute()
diff --git a/src/layout/tabbar/setting/index.vue b/src/layout/tabbar/setting/index.vue
index 7c1b8f4..6d134b2 100644
--- a/src/layout/tabbar/setting/index.vue
+++ b/src/layout/tabbar/setting/index.vue
@@ -13,7 +13,7 @@
   <el-button size="small" icon="FullScreen" circle @click="fullScreen" />
   <el-button size="small" icon="Setting" circle />
   <img
-    :src="userStore.avatar"
+    src=""
     alt=""
     style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%"
   />
diff --git a/src/main.ts b/src/main.ts
index 9f14a11..2c47b2d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -22,14 +22,14 @@ const app = createApp(App)
 //持久化
 
 import gloablComponent from '@/components/index'
- import 'echarts'
- import ECharts from 'vue-echarts';
+import 'echarts'
+import ECharts from 'vue-echarts'
 // 导入jquery
 // import $ from 'jquery'
 app.use(gloablComponent)
 // 注册仓库
 app.use(pinia)
-app.component('ECharts',ECharts)
+app.component('ECharts', ECharts)
 // 安装element插件
 app.use(ElementPlus, {
   locale: zhCn, //使用中文
diff --git a/src/permission.ts b/src/permission.ts
index 367c7ad..ae2391b 100644
--- a/src/permission.ts
+++ b/src/permission.ts
@@ -68,7 +68,7 @@ router.beforeEach(async (to, form, next) => {
 //   console.log(to, 'to')
 //   next()
 // })
-router.afterEach((to, form, next) => {
+router.afterEach(() => {
   nprogress.done()
 })
 export default router
diff --git a/src/router/index.ts b/src/router/index.ts
index 7492fde..48f07ba 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,6 @@
 // 导入路由插件
 import { createRouter, createWebHashHistory } from 'vue-router'
-import {constantRoute} from './routers.ts'
+import { constantRoute } from './routers.ts'
 const routerList = [
   {
     path: '/login',
@@ -14,7 +14,7 @@ const routerList = [
 ]
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...routerList,...constantRoute],
+  routes: [...routerList, ...constantRoute],
   scrollBehavior() {
     return {
       left: 0,
diff --git a/src/store/modules/type/types.ts b/src/store/modules/type/types.ts
index 5fb276d..09bdbc7 100644
--- a/src/store/modules/type/types.ts
+++ b/src/store/modules/type/types.ts
@@ -7,4 +7,5 @@ export interface LoginStoreType {
   routes: string
   phone: string
   userInfo: object
+  data: object
 }
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 601dc1a..d565fa1 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,9 +1,9 @@
 // 创建用户相关的仓库
 import { defineStore } from 'pinia'
 // 引入登录接口
-import { reqLogin, getUserInfo } from '@/api/user/index'
+// import { reqLogin, getUserInfo } from '@/api/user/index'
 // 引入登录参数类型
-import { loginType, loginResponseType } from '@/api/user/types'
+import { loginType } from '@/api/user/types'
 // 引入ElementPlus通知插件
 import { ElMessage, ElNotification } from 'element-plus'
 import { getTime } from '@/utils/time'
@@ -24,6 +24,8 @@ import {
 const useUserStore = defineStore(
   'User',
   {
+    // @ts-expect-error
+
     state: (): LoginStoreType => {
       return {
         token: GET_TKOEN('TOKEN') || '',
@@ -31,22 +33,25 @@ const useUserStore = defineStore(
         userName: '', // 用户姓名
         avatar: '', // 用户头像
         routes: '',
+        phone: '',
         userInfo: {}, // 当前用户相关信息
+        data: {},
       }
     },
     actions: {
       // 登录事件
-      async userLogin(data: loginType) {
-        console.log(data, 'pinia')
-        const res: loginResponseType = await userLoginService(data).catch(
-          (error) => {
-            ElMessage.error(error.response.data.message)
-            console.log(error, 'error')
-          },
-        )
+      async userLogin(data: any) {
+        // console.log(data, 'pinia')
+        const res: any = await userLoginService(data).catch((error) => {
+          ElMessage.error(error.response.data.message)
+          console.log(error, 'error')
+        })
 
         if (res.code === 200) {
+          // @ts-expect-error
           this.token = res.data.token as string
+          // @ts-expect-error
+
           SET_TKOEN('TOKEN', this.token)
           // localStorage.setItem('TOKEN', this.token)
 
@@ -68,10 +73,14 @@ const useUserStore = defineStore(
       },
       //手机号登录
       async userPhoneLogin(data: loginType) {
-        const res: loginResponseType = await userPhoneLoginService(data)
+        const res: any = await userPhoneLoginService(data)
         console.log(res, 11111)
         if (res.code === 200) {
+          // @ts-expect-error
+
           this.token = res.data.token as string //接收返回的token
+          // @ts-expect-error
+
           SET_TKOEN('TOKEN', this.token)
           // localStorage.setItem('TOKEN', this.token)
           ElNotification({
@@ -90,16 +99,24 @@ const useUserStore = defineStore(
       },
       // 获取用户信息事件
       async getUserInfo() {
-        const result = await userGetInfoService(GET_TKOEN('TOKEN'))
+        const result: any = await userGetInfoService(GET_TKOEN('TOKEN'))
         if (result.code === 200) {
           const res = await userIdenService(result.data.id)
+          // @ts-expect-error
+
           this.userInfo = res.data
-          console.log(this.userInfo, 'this.userInfo')
+          // console.log(this.userInfo, 'this.userInfo')
+          // @ts-expect-error
 
+          this.data = result.data
           console.log(result, '123')
+          // @ts-expect-error
+
           this.userName = result.data.username
           // this.avatar = result.data.checkUser.avatar
-          this.routes = result.data.menus.map((item) => {
+          // @ts-expect-error
+
+          this.routes = result.data.menus.map((item: any) => {
             return item.name
           })
           return {
@@ -116,9 +133,17 @@ const useUserStore = defineStore(
         // 清除token
         REMOVE_TOKEN('TOKEN'),
           // ;(this.userName = ''), (this.avatar = '')
+          // @ts-expect-error
+
           (this.userName = ''),
+          // @ts-expect-error
+
           (this.avatar = '')
+        // @ts-expect-error
+
         this.token = ''
+        // @ts-expect-error
+
         this.routes = ''
         usePermissionStore.removeRouter()
         location.reload()
diff --git a/src/views/MyCourseStudy/ContainerCla.vue b/src/views/MyCourseStudy/ContainerCla.vue
index 855c265..a150f78 100644
--- a/src/views/MyCourseStudy/ContainerCla.vue
+++ b/src/views/MyCourseStudy/ContainerCla.vue
@@ -2,12 +2,14 @@
   <!-- 课程收藏页面 -->
   <el-tab-pane label="课程收藏" name="first">
     <div class="Container_Cla" ref="container">
-      <div class="item_1" v-for="(item_1, index) in datalist" :key="index">
+      <div class="item_1" v-for="item_1 in datalist" :key="item_1.id">
         <!-- 课程图片盒子 -->
         <div class="ClassImg">
           <!-- 更多图片盒子 -->
           <div class="ClassGd">
-            <img src="../../assets/icons/更多.svg" width="100%" height="100%" />
+            <!-- <img src="../../assets/icons/更多.svg" width="100%" height="100%" /> -->
+            <p>查看课程</p>
+            <p>取消收藏</p>
           </div>
           <!-- 课程图片 -->
           <img :src="item_1.img" />
@@ -40,7 +42,7 @@
   </el-tab-pane>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount } from 'vue'
+import { ref, onMounted } from 'vue'
 import { SeCourseFavourControllerService } from '../../../generated/services/SeCourseFavourControllerService'
 import { CourseFavourQueryRequest } from 'generated/models/CourseFavourQueryRequest'
 // ===============================
@@ -69,27 +71,18 @@ onMounted(() => myObserver.observe(container.value))
 const total = ref(0)
 const datalist = ref([
   {
-    /**
-     * 课程学时
-     */
+    // 课程学时
     classhours: '',
-    /**
-     * 课程学分
-     */
+    //  课程学分
     credit: '',
     id: '',
     img: '',
     name: '',
-    /**
-     * 教师id
-     */
+    //  教师id
     teacher: '',
   },
 ])
-
-/**
- * 表单信息
- */
+// 表单信息
 let params = ref<CourseFavourQueryRequest>({
   current: 1,
   pageSize: 12,
@@ -97,7 +90,7 @@ let params = ref<CourseFavourQueryRequest>({
   sortOrder: '',
   userId: 2,
 })
-
+// 获取表单数据
 const getDatalist = async () => {
   const res = await SeCourseFavourControllerService.listPostByPageUsingPost1(
     params.value,
@@ -108,6 +101,7 @@ const getDatalist = async () => {
 
 getDatalist()
 
+// 分页选择
 const handleSizeChange = (size: any) => {
   // console.log(size)
   params.value.current = 1
@@ -200,10 +194,23 @@ const handleCurrentChange = (page: any) => {
 
 .ClassGd {
   position: absolute;
+  background-color: rgb(217, 217, 217, 0.5);
   display: none;
-  margin-top: -9px;
-  margin-left: 95%;
+  margin-left: 85%;
+  padding: 3px 5px;
   cursor: pointer;
+  border-radius: 20%;
+  & > p {
+    margin-top: 3px;
+    margin-bottom: 3px;
+    font-size: 10px;
+    font-weight: 350;
+    color: black;
+    &:hover {
+      color: #2952f6;
+      font-weight: 35s0;
+    }
+  }
 }
 
 .ClaCon {
diff --git a/src/views/MyCourseStudy/ContainerKno.vue b/src/views/MyCourseStudy/ContainerKno.vue
index 3001dfa..ea87d0b 100644
--- a/src/views/MyCourseStudy/ContainerKno.vue
+++ b/src/views/MyCourseStudy/ContainerKno.vue
@@ -1,36 +1,90 @@
 <template>
-        <el-tab-pane label="知识点收藏" name="third">
-          <div class="Container_Kno">
-            <div class="item_3" v-for="(item_3, index) in 10" :key="index">
-              <div>
-                <div class="KnowledgeCollent">
-                  <div class="KnoCon">
-                    <h4>课程名称</h4>
-                    <p>第{{ item_3 }}章-xxxx</p>
-                  </div>
-                  <div class="KnoBtn" >
-                    <img src="../../assets/icons/更多.svg" alt="" />
-                  </div>
-                </div>
-                <div class="Knowledge_point">
-                  <ul>
-                    <li v-for="(item, index) in 6" :key="index">
-                      知识点知识点知识点{{ item }} 
-                      <span class="btn" >×</span>
-                      &nbsp;
-                    </li>
-                  </ul>
-                </div>
-              </div>
+  <el-tab-pane label="知识点收藏" name="third">
+    <div class="Container_Kno">
+      <div
+        class="item_3 noUpd"
+        v-for="item_3 in arr"
+        :onclick="handClick"
+        :key="item_3.id"
+      >
+        <div>
+          <div class="KnowledgeCollent">
+            <div class="KnoCon">
+              <h4>{{ item_3.name }}</h4>
+              <p>第{{ item_3.num }}章-{{ item_3.zjname }}</p>
             </div>
+            <div class="KnoBtn">
+              <img class="cli" src="../../assets/icons/更多.svg" />
+            </div>
+          </div>
+          <div class="Knowledge_point">
+            <ul>
+              <li v-for="(item, index) in 5" :key="index">
+                &nbsp;
+                {{ index + 1 }}. 知识点知识点知识点 &nbsp;
+                <span class="btn">×</span>
+                &nbsp;
+              </li>
+            </ul>
           </div>
-        </el-tab-pane>
+        </div>
+      </div>
+    </div>
+  </el-tab-pane>
 </template>
-<script lang="ts" setup>
+<script setup>
+import { ref, reactive } from 'vue'
+
+function handClick(e) {
+  if (e.target.classList.contains('cli')) {
+    this.classList.toggle('noUpd')
+  }
+}
+const arr = reactive([])
 
+const a = [
+  {
+    id: 1,
+    name: '操作系统',
+    num: 1,
+    zjname: '操作系统引论',
+    zsd: ['sadas', 'asdadsad', 'asdasdas'],
+  },
+  {
+    id: 2,
+    name: '跨文化交际',
+    num: 1,
+  },
+  {
+    id: 3,
+    name: '软件项目管理',
+    num: 1,
+  },
+  {
+    id: 4,
+    name: '英语课',
+    num: 1,
+  },
+]
+arr.length = 0
+arr.push(...a)
 
+const ShowDel = ref(false)
+function XsDel(id) {
+  const item = arr.find((o) => o.a.id == id)
+  item.ShowDel = !item.ShowDel
+}
 </script>
 <style lang="scss" scoped>
+.btn {
+  display: inline-block;
+}
+.item_3.noUpd {
+  .btn {
+    display: none;
+  }
+}
+
 .Container_Kno {
   width: 100%;
   height: 100%;
@@ -68,14 +122,14 @@
   justify-content: space-around;
 }
 
-.KnoBtn>img {
+.KnoBtn > img {
   padding-top: 20px;
   cursor: pointer;
 }
 
 .KnowledgeCollent h4 {
   margin-top: 3px;
-  font-size: 30px;
+  font-size: 27px;
   font-weight: 550;
   font-style: normal;
 }
@@ -96,7 +150,7 @@
   flex-direction: column;
 }
 
-.Knowledge_point>ul>li {
+.Knowledge_point > ul > li {
   display: inline-block;
   margin-top: 3px;
   margin-bottom: 3px;
@@ -110,12 +164,8 @@
   border-radius: 3px;
 }
 
-.btn {
-  display: none;
-}
-
 .btn:hover {
   cursor: pointer;
   color: rgb(15, 57, 76);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/MyCourseStudy/courseCollections.vue b/src/views/MyCourseStudy/courseCollections.vue
index d1b787f..3bc70f3 100644
--- a/src/views/MyCourseStudy/courseCollections.vue
+++ b/src/views/MyCourseStudy/courseCollections.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="curse-collection">
-    <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick" style="padding-top: 0">
+    <el-tabs
+      v-model="activeName"
+      type="card"
+      class="demo-tabs"
+      @tab-click="handleClick"
+      style="padding-top: 0"
+    >
       <!-- 课程收藏页面 -->
       <ContainerCla />
       <!-- 资源收藏页面 -->
@@ -77,11 +83,18 @@
             </div>
           </div>
         </div>
-        <el-dialog v-model="centerDialogVisible" title="视频播放中" width="1000" align-center>
+        <el-dialog
+          v-model="centerDialogVisible"
+          title="视频播放中"
+          width="1000"
+          align-center
+        >
           <span>点击开了一个弹框</span>
           <template #footer>
             <div class="dialog-footer">
-              <video src=""></video>
+              <video
+                src="https://www.bilibili.com/video/BV1HV4y1a7n4?p=50&vd_source=9e99d3200788d6043e077de463ef019b"
+              ></video>
             </div>
           </template>
         </el-dialog>
@@ -109,13 +122,23 @@
             </div>
             <div class="ResClaDic">
               <p>音频名称-----{{ item }}</p>
+              <el-button plain @click="centerDialogVisible = true">
+                点击播放
+              </el-button>
             </div>
           </div>
         </div>
         <div class="Page-2">
-          <el-pagination v-model:current-page="currentPage1" v-model:page-size="pageSize1" :disabled="disabled"
-            :page-sizes="[6, 8, 12, 15]" layout="total, sizes, prev, pager, next, jumper" :total="10"
-            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+          <el-pagination
+            v-model:current-page="currentPage1"
+            v-model:page-size="pageSize1"
+            :disabled="disabled"
+            :page-sizes="[6, 8, 12, 15]"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="10"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
         </div>
       </el-tab-pane>
       <!-- 知识点收藏页面 -->
@@ -130,21 +153,22 @@ import { ref, watch } from 'vue'
 import type { TabsPaneContext } from 'element-plus'
 import ContainerCla from './ContainerCla.vue'
 import ContainerKno from './ContainerKno.vue'
-import { getAssApi } from "@/api/courseChaptersApi";
+// import { getAssApi } from '@/api/courseChaptersApi'
+import { SeResourceFavourControllerService } from '../../../generated/services/SeResourceFavourControllerService'
 const centerDialogVisible = ref(false)
 
 const activeIndex = ref(1)
 function hsndelShow(index: number) {
   activeIndex.value = index
 }
-//=========================
-function handleApi(params) {
-  getAssApi(params).then(res => {
-    arr.value = res.data.records
-    total.value = res.data.total
-    console.log(arr.value, '-', total.value)
-  })
-}
+// //=========================
+// function handleApi(params) {
+//   getAssApi(params).then(res => {
+//     arr.value = res.data.records
+//     total.value = res.data.total
+//     console.log(arr.value, '-', total.value)
+//   })
+// }
 const arr = ref([])
 const total = ref(0)
 // 分页器
@@ -152,11 +176,11 @@ const currentPage1 = ref(1)
 const pageSize1 = ref(10)
 const disabled = ref(false)
 
-const handleSizeChange = (val: number) => {
-  hand()
+const handleSizeChange = () => {
+  getDatalist()
 }
-const handleCurrentChange = (val: number) => {
-  hand()
+const handleCurrentChange = () => {
+  getDatalist()
 }
 
 function initFenYie() {
@@ -165,34 +189,61 @@ function initFenYie() {
   pageSize1.value = 10
 }
 
-
-watch(activeIndex, (newVal) => {
+watch(activeIndex, () => {
   initFenYie()
-  hand()
+  getDatalist()
 })
-function hand() {
-  const params = {
-    type: activeIndex.value,
-    page: currentPage1.value,
-    pageSize: pageSize1.value,
-    resourceIdList: '1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20'
-  }
-  handleApi(params)
-}
-const obj = {
+// function hand() {
+//   console.log(res)
+//   // handleApi(params)
+// }
+
+const params = {
+  current: currentPage1.value,
   type: activeIndex.value,
-  page: currentPage1.value,
   pageSize: pageSize1.value,
-  resourceIdList: '1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20'
+  sortField: '',
+  sortOrder: '',
+  userId: '3',
 }
-handleApi(obj)
+
+const datalist = ref([
+  {
+    description: '',
+    id: '',
+    img: '',
+    name: '',
+    path: '',
+    status: '',
+    tags: '',
+    type: '',
+  },
+])
+
+const getDatalist = async () => {
+  const res =
+    await SeResourceFavourControllerService.listPostByPageUsingPost3(params)
+  datalist.value = res.data.records
+  total.value = res.data.total
+  console.log(datalist.value[0])
+}
+getDatalist()
+// hand()
+// const obj = {
+//   type: activeIndex.value,
+//   page: currentPage1.value,
+//   pageSize: pageSize1.value,
+//   sortField:'',
+//   sortOrder:'',
+//   resourceIdList: ''
+// }
+// handleApi(obj)
 //=========================
 
 const activeName = ref('first')
 const handleClick = (tab: TabsPaneContext, event: Event) => {
   console.log(tab, event)
 }
-
 </script>
 
 <style lang="scss" scoped>
@@ -200,7 +251,7 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
   justify-content: center;
 }
 
-.example-pagination-block+.example-pagination-block {
+.example-pagination-block + .example-pagination-block {
   margin-top: 10px;
 }
 
@@ -337,7 +388,7 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
   align-items: center;
 }
 
-.ResClaDic>p {
+.ResClaDic > p {
   font-family: Inter, Inter;
   font-weight: 500;
   font-size: 20px;
@@ -348,8 +399,6 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
 }
 
 .item_2-2,
-.item_2-3,
-.item_2-4,
 .item_2-5 {
   width: 100%;
   height: 300px;
@@ -361,6 +410,18 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
   border-radius: 6px;
   margin-bottom: 32px;
 }
+.item_2-3,
+.item_2-4 {
+  width: 100%;
+  height: 300px;
+  margin-top: 20px;
+  border-left: 1px solid #e4e4e4;
+  border-top: 1px solid #e4e4e4;
+  overflow: hidden;
+  box-shadow: 2px 2px 2px 2px rgba(214, 212, 212, 0.5);
+  border-radius: 6px;
+  margin-bottom: 32px;
+}
 
 .Page-2 {
   width: 100%;
@@ -368,7 +429,7 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
   position: flex;
   justify-content: center;
   background-color: #fff;
-  border-top: 1px solid rgb(229, 227, 227, .5);
-  border-bottom: 1px solid rgb(229, 227, 227, .5);
+  border-top: 1px solid rgb(229, 227, 227, 0.5);
+  border-bottom: 1px solid rgb(229, 227, 227, 0.5);
 }
 </style>
diff --git a/src/views/MyCourseStudy/learningProcess.vue b/src/views/MyCourseStudy/learningProcess.vue
index 70cd812..dadee24 100644
--- a/src/views/MyCourseStudy/learningProcess.vue
+++ b/src/views/MyCourseStudy/learningProcess.vue
@@ -155,6 +155,7 @@ const goToAnotherPage = (address) => {
         <ul v-if="recordList.length > 0">
           <li v-for="record in recordList" :key="record.id" v-loading="loading">
             <input
+              style="display: flex"
               type="checkbox"
               :value="record.id"
               @change="toggleSelection(record.id)"
@@ -241,29 +242,30 @@ ul {
   padding: 10;
   display: flex;
   flex-wrap: wrap;
-
   justify-content: start;
 }
 li {
+  /* margin-bottom: 30px; */
   transition: filter 0.3s; /* 添加过渡动画 */
-  flex: 0 0 20%;
+  /* flex: 1 0 20%; */
+  width: calc(20% - 20px);
   flex-direction: column;
-
-  margin-bottom: 10px;
-
+  align-items: center;
+  text-align: center;
+  /* margin: 0 15px; */
   padding: 10px;
   box-sizing: border-box;
 
   transition: box-shadow 0.3s;
   cursor: pointer;
-  align-items: center;
 }
 li:hover {
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 }
 
 .img {
-  width: 100%;
-  height: 100%;
+  display: block;
+  width: 250px;
+  height: 250px;
 }
 </style>
diff --git a/src/views/course/CourseObjectives.vue b/src/views/course/CourseObjectives.vue
index 23f10a8..5993373 100644
--- a/src/views/course/CourseObjectives.vue
+++ b/src/views/course/CourseObjectives.vue
@@ -4,7 +4,13 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { id } from 'element-plus/es/locales.mjs'
 import * as echarts from 'echarts'
 import { useRoute } from 'vue-router'
-import { getCourseList, addCourse, editCourse, deleteCourse, getCourseInfo } from '@/api/courseChaptersApi'
+import {
+  getCourseList,
+  addCourse,
+  editCourse,
+  deleteCourse,
+  getCourseInfo,
+} from '@/api/courseChaptersApi'
 const route = useRoute()
 // id ： 分目标id
 // targetId ： 选中的分类
@@ -49,11 +55,16 @@ const handleClose = () => {
 // 弹窗提交事件
 const submit = async () => {
   if (flog.value) {
-    await editCourse({ id: activeIndex.value, content: formData.value.description })
+    await editCourse({
+      id: activeIndex.value,
+      content: formData.value.description,
+    })
   } else {
-    await addCourse({ objectiveId: activeIndex.value, content: formData.value.description })
+    await addCourse({
+      objectiveId: activeIndex.value,
+      content: formData.value.description,
+    })
   }
-
   getList()
   dialogVisible.value = false
   formData.value.description = ''
@@ -79,7 +90,6 @@ const submit = async () => {
   //   })
   //   close()
   //   flog.value = false
-
 }
 const close = () => {
   formData.value = {
@@ -117,7 +127,7 @@ const del = async (obj) => {
   await ElMessageBox.confirm('你确认要删除该课程目标吗', '温馨提示', {
     type: 'warning',
     confirmButtonText: '确认',
-    cancelButtonText: '取消'
+    cancelButtonText: '取消',
   })
   await deleteCourse({ id: obj.id })
   ElMessage.success('删除成功')
@@ -145,9 +155,9 @@ const data = ref({})
 const courseId = ref(0)
 onMounted(async () => {
   courseId.value = route.query.id
-  console.log(courseId.value);
+  console.log(courseId.value)
   getList()
-  console.log(data.value);
+  console.log(data.value)
   let chartDom = document.getElementById('main')
   let myChart = echarts.init(chartDom)
   let option
@@ -197,7 +207,9 @@ onMounted(async () => {
       <div class="topContent">
         <div class="title">| 课程总目标</div>
         <div class="content1">
-          <textarea class="textarea" @change="textChange" v-model="text">文本内容</textarea>
+          <textarea class="textarea" @change="textChange" v-model="text">
+文本内容</textarea
+          >
         </div>
       </div>
       <div class="footContent">
@@ -208,13 +220,17 @@ onMounted(async () => {
       </div>
     </div>
     <div class="rightContent">
-      <div class="title" style="
+      <div
+        class="title"
+        style="
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: space-between;
           padding: 0 20px;
-          height: 60px;">
+          height: 60px;
+        "
+      >
         <div class="left2">| 课程分目标</div>
         <div class="right2">
           <!-- <el-button type="primary" @click="addBook">新增</el-button> -->
@@ -223,7 +239,10 @@ onMounted(async () => {
       <div class="content2">
         <el-scrollbar height="600px">
           <ul class="objectLi">
-            <li v-for="(item, index) in data.courseObjectivesTrees" :key="item.id">
+            <li
+              v-for="(item, index) in data.courseObjectivesTrees"
+              :key="item.id"
+            >
               <div class="courseObject">
                 <!-- {{ filterTarger(item.targetId) }} -->
                 <div class="courseObject1">{{ item.name }}</div>
@@ -231,7 +250,9 @@ onMounted(async () => {
                   <!-- <el-button class="edit" type="text" @click="editBook(item)">
                     编辑
                   </el-button> -->
-                  <el-button type="primary" @click="addBook(item.id)">新增</el-button>
+                  <el-button type="primary" @click="addBook(item.id)">
+                    新增
+                  </el-button>
                 </div>
               </div>
               <div class="smallContent">
@@ -246,10 +267,18 @@ onMounted(async () => {
                           <!-- {{ filterTarger(obj.targetId) }} -->
                         </div>
                         <div class="partObject2">
-                          <el-button class="edit" type="text" @click="editBook(obj)">
+                          <el-button
+                            class="edit"
+                            type="text"
+                            @click="editBook(obj)"
+                          >
                             编辑
                           </el-button>
-                          <el-button class="destroy" type="text" @click="del(obj)">
+                          <el-button
+                            class="destroy"
+                            type="text"
+                            @click="del(obj)"
+                          >
                             删除
                           </el-button>
                         </div>
@@ -267,8 +296,13 @@ onMounted(async () => {
       </div>
     </div>
   </div>
-  <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="flog ? '编辑' : '新增'" width="500"
-    :before-close="handleClose">
+  <el-dialog
+    v-if="dialogVisible"
+    v-model="dialogVisible"
+    :title="flog ? '编辑' : '新增'"
+    width="500"
+    :before-close="handleClose"
+  >
     <el-form :model="formData" label-width="auto" style="max-width: 600px">
       <!-- <el-form-item label="目标" prop="target">
         <el-select v-model="formData.target" placeholder="Select" size="large" style="width: 240px">
@@ -277,7 +311,10 @@ onMounted(async () => {
         </el-select>
       </el-form-item> -->
       <el-form-item label="内容" prop="description">
-        <el-input v-model="formData.description" placeholder="请输入内容"></el-input>
+        <el-input
+          v-model="formData.description"
+          placeholder="请输入内容"
+        ></el-input>
       </el-form-item>
     </el-form>
     <template #footer>
@@ -380,7 +417,7 @@ const li
   background-color: #fff;
   background-image: linear-gradient(#c7e3ff, #ffffff);
 
-  .objectLi>li {
+  .objectLi > li {
     width: 845px;
     height: 250px;
     // margin: 40px;
@@ -423,7 +460,7 @@ const li
     background-image: linear-gradient(#c7e3ff, #ffffff);
   }
 
-  .small>li {
+  .small > li {
     // display: inline-flex;
     width: 650px;
     height: 150px;
diff --git a/src/views/course/CourseObjectives111.vue b/src/views/course/CourseObjectives111.vue
index 8d3b391..3edf3e6 100644
--- a/src/views/course/CourseObjectives111.vue
+++ b/src/views/course/CourseObjectives111.vue
@@ -3,7 +3,7 @@ import { ref, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { id } from 'element-plus/es/locales.mjs'
 import * as echarts from 'echarts'
-import {useRoute } from 'vue-router'
+import { useRoute } from 'vue-router'
 import { getCourseList } from '@/api/courseChaptersApi'
 const route = useRoute()
 // id ： 分目标id
@@ -15,10 +15,26 @@ const booksList = ref([
 ])
 
 const courseList = ref([
-  { id: 1, specific: '思政目标', booklist: [{ id: 1, targetId: 1, introduce: '内容111111' }] },
-  { id: 2, specific: '知识目标', booklist: [{ id: 1, targetId: 1, introduce: '内容222222' }] },
-  { id: 3, specific: '能力目标', booklist: [{ id: 1, targetId: 1, introduce: '内容333333' }] },
-  { id: 4, specific: '素质目标', booklist: [{ id: 1, targetId: 1, introduce: '内容444444' }] },
+  {
+    id: 1,
+    specific: '思政目标',
+    booklist: [{ id: 1, targetId: 1, introduce: '内容111111' }],
+  },
+  {
+    id: 2,
+    specific: '知识目标',
+    booklist: [{ id: 1, targetId: 1, introduce: '内容222222' }],
+  },
+  {
+    id: 3,
+    specific: '能力目标',
+    booklist: [{ id: 1, targetId: 1, introduce: '内容333333' }],
+  },
+  {
+    id: 4,
+    specific: '素质目标',
+    booklist: [{ id: 1, targetId: 1, introduce: '内容444444' }],
+  },
 ])
 const targetList = ref([
   {
@@ -115,7 +131,9 @@ const editBook = (obj) => {
 }
 const del = (id) => {
   // console.log(id);
-  courseList.booksList.value = booksList.value.filter((item) => item.id !== id)
+  courseList.value.booksList.value = booksList.value.filter(
+    (item) => item.id !== id,
+  )
 }
 
 // const disableChange = (id) => {
@@ -139,20 +157,19 @@ const updateDisabledStatus = () => {
     }
   })
 }
-const list=ref([])
-const content88=ref()
+const list = ref([])
+const content88 = ref()
 const courseId = ref(0)
-onMounted(async() => {
+onMounted(async () => {
   courseId.value = route.query.id
-  console.log(courseId.value);
+  console.log(courseId.value)
   const res = await getCourseList({ id: courseId.value })
-  console.log(res);
-  list.value=res.data
-  console.log(list.value);
+  console.log(res)
+  list.value = res.data
+  console.log(list.value)
   content88.value = list.value[0].contents[0].content
-  console.log(list.value[0].contents[0].content);
-  console.log(content88.value);
-  
+  console.log(list.value[0].contents[0].content)
+  console.log(content88.value)
 
   let chartDom = document.getElementById('main')
   let myChart = echarts.init(chartDom)
@@ -203,7 +220,9 @@ onMounted(async() => {
       <div class="topContent">
         <div class="title">| 课程总目标</div>
         <div class="content1">
-          <textarea class="textarea" @change="textChange">{{ content88 }}</textarea>
+          <textarea class="textarea" @change="textChange">{{
+            content88
+          }}</textarea>
         </div>
       </div>
       <div class="footContent">
@@ -214,13 +233,17 @@ onMounted(async() => {
       </div>
     </div>
     <div class="rightContent">
-      <div class="title" style="
+      <div
+        class="title"
+        style="
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: space-between;
           padding: 0 20px;
-          height: 60px;">
+          height: 60px;
+        "
+      >
         <div class="left2">| 课程分目标</div>
         <div class="right2">
           <!-- <el-button type="primary" @click="addBook">新增</el-button> -->
@@ -237,7 +260,9 @@ onMounted(async() => {
                   <!-- <el-button class="edit" type="text" @click="editBook(item)">
                     编辑
                   </el-button> -->
-                  <el-button type="primary" @click="addBook(index)">新增</el-button>
+                  <el-button type="primary" @click="addBook(index)">
+                    新增
+                  </el-button>
                 </div>
               </div>
               <div class="smallContent">
@@ -247,14 +272,22 @@ onMounted(async() => {
                       <div class="partObject">
                         <div class="partObject1">
                           <!-- {{ item.introduce }} -->
-                          课程目标{{ i+1 }}
+                          课程目标{{ i + 1 }}
                           <!-- {{ filterTarger(obj.targetId) }} -->
                         </div>
                         <div class="partObject2">
-                          <el-button class="edit" type="text" @click="editBook(obj)">
+                          <el-button
+                            class="edit"
+                            type="text"
+                            @click="editBook(obj)"
+                          >
                             编辑
                           </el-button>
-                          <el-button class="destroy" type="text" @click="del(obj.id)">
+                          <el-button
+                            class="destroy"
+                            type="text"
+                            @click="del(obj.id)"
+                          >
                             删除
                           </el-button>
                         </div>
@@ -272,7 +305,13 @@ onMounted(async() => {
       </div>
     </div>
   </div>
-  <el-dialog v-if="dialogVisible" v-model="dialogVisible" title="新增目标" width="500" :before-close="handleClose">
+  <el-dialog
+    v-if="dialogVisible"
+    v-model="dialogVisible"
+    title="新增目标"
+    width="500"
+    :before-close="handleClose"
+  >
     <el-form :model="formData" label-width="auto" style="max-width: 600px">
       <!-- <el-form-item label="目标" prop="target">
         <el-select v-model="formData.target" placeholder="Select" size="large" style="width: 240px">
@@ -281,7 +320,10 @@ onMounted(async() => {
         </el-select>
       </el-form-item> -->
       <el-form-item label="内容" prop="description">
-        <el-input v-model="formData.description" placeholder="请输入内容"></el-input>
+        <el-input
+          v-model="formData.description"
+          placeholder="请输入内容"
+        ></el-input>
       </el-form-item>
     </el-form>
     <template #footer>
diff --git a/src/views/course/spritetext.js b/src/views/course/spritetext.js
index 57ccb06..fad89eb 100644
--- a/src/views/course/spritetext.js
+++ b/src/views/course/spritetext.js
@@ -19,7 +19,7 @@ function _callSuper(t, o, e) {
 }
 function _isNativeReflectConstruct() {
   try {
-    var t = !Boolean.prototype.valueOf.call(
+    let t = !Boolean.prototype.valueOf.call(
       Reflect.construct(Boolean, [], function () {}),
     )
   } catch (t) {}
@@ -190,7 +190,7 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]
+  for (let i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]
   return arr2
 }
 function _nonIterableSpread() {
diff --git a/src/views/courseResources/componse/resourceAdd.vue b/src/views/courseResources/componse/resourceAdd.vue
index 815c21a..be5a6dd 100644
--- a/src/views/courseResources/componse/resourceAdd.vue
+++ b/src/views/courseResources/componse/resourceAdd.vue
@@ -1,9 +1,11 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
+// import axios from 'axios'
 import { CourseResourceControllerService } from '../../../../generated/services/CourseResourceControllerService'
 const props = defineProps(['dafulIndex'])
 import { QuillEditor } from '@vueup/vue-quill'
 import '@vueup/vue-quill/dist/vue-quill.snow.css'
+import { ElMessage } from 'element-plus'
 //默认抽屉隐藏
 const visibleDramwer = ref(false)
 //默认数据
@@ -63,12 +65,17 @@ const selectOp = ref([
   { label: '文件', value: '5' },
   { label: '音频', value: '6' },
 ])
-const handleSel = () => {}
 
-//上传图片
-import type { UploadProps, UploadUserFile } from 'element-plus'
+const fileList = ref([])
+function clearFileList() {
+  fileList.value.length = 0
+}
+const handleSel = () => {
+  fileList.value.length = 0
+}
 
-const fileList = ref<UploadUserFile[]>([])
+//上传图片
+import type { UploadProps } from 'element-plus'
 
 const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
   console.log(uploadFile, uploadFiles)
@@ -77,6 +84,82 @@ const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
 const handlePreview: UploadProps['onPreview'] = (file) => {
   console.log(file)
 }
+const formRef = ref()
+function isSubmit() {
+  formRef.value.validate((valid, fields) => {
+    if (valid) {
+      const params = {
+        name: formModel.value.name,
+        type: selectVal.value,
+        img: fileList.value[0]?.raw,
+        description: formModel.value.description,
+      }
+      console.log('根据参数：', params, '去调用接口？？？')
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// upd
+const beforeAvatarUpload = (rawFile) => {
+  console.log('执行了')
+  switch (+selectVal.value) {
+    case 1:
+      if (rawFile.type !== 'application/vnd.ms-powerpoint') {
+        clearFileList()
+        ElMessage.error('必须是ppt文件！')
+      } else {
+        clearFileList()
+        fileList.value.push(rawFile)
+      }
+      break
+    case 2:
+      if (!rawFile.type.startsWith('image/')) {
+        clearFileList()
+        ElMessage.error('必须是??文件！')
+      } else {
+        clearFileList()
+        fileList.value.push(rawFile)
+      }
+      break
+    // case 3:
+    //   if (false) {
+    //     clearFileList()
+    //     ElMessage.error('必须是??文件！')
+    //   } else {
+    //     clearFileList()
+    //     fileList.value.push(rawFile)
+    //   }
+    //   break
+    // case 4:
+    //   if (false) {
+    //     clearFileList()
+    //     ElMessage.error('必须是??文件！')
+    //   } else {
+    //     clearFileList()
+    //     fileList.value.push(rawFile)
+    //   }
+    //   break
+    // case 5:
+    //   if (false) {
+    //     clearFileList()
+    //     ElMessage.error('必须是??文件！')
+    //   } else {
+    //     clearFileList()
+    //     fileList.value.push(rawFile)
+    //   }
+    //   break
+    // case 6:
+    //   if (false) {
+    //     clearFileList()
+    //     ElMessage.error('必须是??文件！')
+    //   } else {
+    //     clearFileList()
+    //     fileList.value.push(rawFile)
+    //   }
+    //   break
+  }
+}
 </script>
 <template>
   <el-drawer
@@ -118,11 +201,13 @@ const handlePreview: UploadProps['onPreview'] = (file) => {
       <el-form-item label="上传资源" prop="fileList">
         <el-upload
           v-model:file-list="fileList"
+          :limit="1"
           class="upload-demo"
           action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
           :on-preview="handlePreview"
           :on-remove="handleRemove"
           list-type="picture"
+          :before-upload="beforeAvatarUpload"
         >
           <el-button type="primary">点击上传资源</el-button>
           <template #tip>
@@ -135,7 +220,7 @@ const handlePreview: UploadProps['onPreview'] = (file) => {
       <el-form-item label="资源简介" prop="description">
         <div class="editor">
           <quill-editor
-            v-model:description="formModel.description"
+            v-model:content="formModel.description"
             content-type="html"
             theme="snow"
           ></quill-editor>
@@ -143,7 +228,7 @@ const handlePreview: UploadProps['onPreview'] = (file) => {
       </el-form-item>
       <el-form-item>
         <el-button type="primary">取消</el-button>
-        <el-button type="info">确定</el-button>
+        <el-button type="info" @click="isSubmit">确定</el-button>
       </el-form-item>
     </el-form>
   </el-drawer>
diff --git a/src/views/courseResources/index.vue b/src/views/courseResources/index.vue
index 119f6be..92253e5 100644
--- a/src/views/courseResources/index.vue
+++ b/src/views/courseResources/index.vue
@@ -185,13 +185,13 @@ const onEditResource = (row) => {
                   <Edit />
                 </el-icon>
               </div>
-              <div
-                class="vedio"
+              <img
+                class="img"
                 @click="generateRecords(resource)"
                 style="margin-top: 10px; margin-bottom: 10px"
-              >
-                <img :src="resource.img" />
-              </div>
+                :src="resource.img"
+              />
+
               <div class="box" style="display: flex; flex-direction: column">
                 <p style="margin-bottom: 10px">{{ resource.name }}</p>
                 <p style="margin-top: 10px">{{ resource.description }}</p>
@@ -243,7 +243,6 @@ const onEditResource = (row) => {
 }
 .body {
   background-color: #fff;
-  height: 100%;
 }
 .top {
   margin-bottom: 20px;
@@ -267,13 +266,12 @@ ul {
 }
 li {
   transition: filter 0.3s; /* 添加过渡动画 */
-  flex: 0 0 20%;
+  width: calc(25% - 25px);
   flex-direction: column;
   align-items: center;
   margin-bottom: 10px;
   padding: 10px;
   box-sizing: border-box;
-
   transition: box-shadow 0.3s;
   cursor: pointer;
 }
@@ -296,4 +294,9 @@ li:hover {
 .box p:hover {
   font-weight: bold;
 }
+.img {
+  display: block;
+  width: 250px;
+  height: 250px;
+}
 </style>
diff --git a/src/views/home/components/Class1.vue b/src/views/home/components/Class1.vue
index 15f461f..366dd58 100644
--- a/src/views/home/components/Class1.vue
+++ b/src/views/home/components/Class1.vue
@@ -2,38 +2,38 @@
 import conheader from '@/views/home/components/ConHeader.vue'
 const courses = [
   {
-    name: 'Vue.js Basics',
+    name: '软件构造',
     image: 'vuejs-basics.jpg',
     hours: 20,
   },
   {
-    name: 'Reac',
+    name: '软件项目管理',
     image: 'react-fundamentals.jpg',
     hours: 25,
   },
   {
-    name: 'Reacts',
+    name: 'React',
     image: 'react-fundamentals.jpg',
     hours: 25,
   },
   {
-    name: 'React Fund',
+    name: '程序设计',
     image: 'react-fundamentals.jpg',
     hours: 25,
   },
 ]
 </script>
 <template>
-  <div class="info_container" style="width: 214px; height: 326px">
+  <div class="info_container" style="width: 90%; height: 326px">
     <conheader title="已开科目"></conheader>
-    <div class="info_content" style="width: 214px; height: 264px">
+    <div class="info_content" style="width: 100%; height: 264px">
       <div class="course-list">
         <div
           v-for="(course, index) in courses"
           :key="index"
           class="course-item"
         >
-          <img :src="course.image" alt="course image" class="course-image" />
+          <img :src="course.image" class="course-image" />
           <div class="course-info">
             <p class="course-name">{{ course.name }}</p>
             <p class="course-hours">{{ course.hours }}</p>
@@ -63,7 +63,7 @@ const courses = [
 .course-list {
   display: flex;
   flex-direction: column;
-  width: 132px;
+
   height: 48px;
 }
 .course-item {
diff --git a/src/views/home/components/Class2.vue b/src/views/home/components/Class2.vue
index 62a7f03..7888063 100644
--- a/src/views/home/components/Class2.vue
+++ b/src/views/home/components/Class2.vue
@@ -2,31 +2,31 @@
 import conheader from '@/views/home/components/ConHeader.vue'
 const courses = [
   {
-    name: 'Vue.js Basics',
+    name: '软件构造',
     image: 'vuejs-basics.jpg',
     hours: 20,
   },
   {
-    name: 'Reac',
+    name: '项目管理',
     image: 'react-fundamentals.jpg',
     hours: 25,
   },
   {
-    name: 'Reacts',
+    name: 'React',
     image: 'react-fundamentals.jpg',
     hours: 25,
   },
   {
-    name: 'React Fund',
+    name: '程序设计',
     image: 'react-fundamentals.jpg',
     hours: 25,
   },
 ]
 </script>
 <template>
-  <div class="info_container" style="width: 214px; height: 326px">
+  <div class="info_container" style="width: 90%; height: 326px">
     <conheader title="我的科目"></conheader>
-    <div class="info_content" style="width: 214px; height: 264px">
+    <div class="info_content" style="width: 100%; height: 264px">
       <div class="course-list">
         <div
           v-for="(course, index) in courses"
@@ -63,7 +63,6 @@ const courses = [
 .course-list {
   display: flex;
   flex-direction: column;
-  width: 132px;
   height: 48px;
 }
 .course-item {
diff --git a/src/views/home/components/ConHeader.vue b/src/views/home/components/ConHeader.vue
index a358b8b..c5161af 100644
--- a/src/views/home/components/ConHeader.vue
+++ b/src/views/home/components/ConHeader.vue
@@ -46,19 +46,19 @@ function handleClick() {
   justify-content: center;
   align-items: center;
 }
-.overlay {
-  position: absolute;
-  top: 181px;
-  left: 1278px;
-  width: 40px;
-  height: 30px;
-  // background-color: lightgray;
-  border: 1px solid black;
-  z-index: 1000;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  margin-bottom: 10px;
-}
+// .overlay {
+//   position: absolute;
+//   top: 181px;
+//   left: 1278px;
+//   width: 40px;
+//   height: 30px;
+//   // background-color: lightgray;
+//   border: 1px solid black;
+//   z-index: 1000;
+//   display: flex;
+//   justify-content: center;
+//   flex-direction: column;
+//   align-items: center;
+//   margin-bottom: 10px;
+// }
 </style>
diff --git a/src/views/home/components/Echart/Echarts.vue b/src/views/home/components/Echart/Echarts.vue
index c39be74..9947fe9 100644
--- a/src/views/home/components/Echart/Echarts.vue
+++ b/src/views/home/components/Echart/Echarts.vue
@@ -95,9 +95,9 @@ onMounted(() => {
 <template>
   <div ref="echarsDom" class="main"></div>
 </template>
-<style>
+<style scoped>
 .main {
-  width: 766px;
+  width: 100%;
   height: 352px;
 }
 </style>
diff --git a/src/views/home/components/Echarts.vue b/src/views/home/components/Echarts.vue
index ba53699..33d7c2b 100644
--- a/src/views/home/components/Echarts.vue
+++ b/src/views/home/components/Echarts.vue
@@ -3,9 +3,9 @@ import echarts from '@/views/home/components/Echart/Echarts.vue'
 import conheader from '@/views/home/components/ConHeader.vue'
 </script>
 <template>
-  <div class="info_container" style="width: 1257px; height: 384px">
+  <div class="info_container" style="width: 95%; height: 384px">
     <conheader title="主页访问数据(次)"></conheader>
-    <div class="info_content" style="width: 766px; height: 352px">
+    <div class="info_content" style="width: 75%; height: 100%">
       <echarts></echarts>
     </div>
   </div>
diff --git a/src/views/home/components/Info.vue b/src/views/home/components/Info.vue
index cfdfc7d..d05847d 100644
--- a/src/views/home/components/Info.vue
+++ b/src/views/home/components/Info.vue
@@ -1,15 +1,16 @@
 <script setup>
 import conheader from '@/views/home/components/ConHeader.vue'
 import { onMounted, ref, computed } from 'vue'
-import { userIdenService, userIdenChangeService } from '@/api/user/user.js'
+import { userIdenChangeService } from '@/api/user/user.js'
 import { Edit } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
+
 const props = defineProps({
   data: {
     type: Object,
   },
 })
-const id = props.data.id
+console.log(props.data, 'djegd ')
 const formModel = ref()
 const loading = ref()
 //抽屉true
@@ -27,7 +28,6 @@ const openEditDialog = (row) => {
 }
 //确认时将表单数据回显
 const saveEdit = () => {
-  console.log(editRowIndex.value, 'rowww')
   const index = editRowIndex.value
   if (index !== -1) {
     formModel.value[index] = { ...editForm.value }
@@ -44,82 +44,64 @@ const cancelEdit = () => {
     content: '',
   }
 }
-const identInfo = ref()
-//获取身份信息
-// const getInfo = async (id) => {
-//   const res = await userIdenService(id)
-//   identInfo.value = res
-//   return res
-// }
-console.log()
+
 onMounted(() => {
-  // getInfo(id)
-  // getInfo(id)
-  //   .then((res) => {
-  //     // 在这里可以访问在 getData 函数中返回的结果
-  //     console.log(res.data, '000000')
-  //     identInfo.value = res.data
-  //     // 假数据
-  //     if (res.data.roleId === 1) {
-  //       formModel.value = [
-  //         { par: 'name', name: '姓名', content: res.data.name },
-  //         { par: 'sex', name: '性别', content: res.data.sex },
-  //         { par: 'nationality', name: '民族', content: res.data.nationality },
-  //         { par: 'profession', name: '专业', content: res.data.profession },
-  //         { par: 'education', name: '学历', content: res.data.education },
-  //         { par: 'degree', name: '学位', content: res.data.degree },
-  //         {
-  //           par: 'professionalTitle',
-  //           name: '职称',
-  //           content: res.data.professionalTitle,
-  //         },
-  //         {
-  //           par: 'emergencyContact',
-  //           name: '手机号',
-  //           content: res.data.emergencyContact,
-  //         },
-  //         {
-  //           par: 'joinWorkTime',
-  //           name: '参加工作时间',
-  //           content: res.data.joinWorkTime,
-  //         },
-  //         {
-  //           par: 'politicalStatus',
-  //           name: '政治面貌',
-  //           content: res.data.politicalStatus,
-  //         },
-  //       ]
-  //     } else if (res.data.roleId === 2) {
-  //       formModel.value = [
-  //         { par: 'name', name: '姓名', content: res.data.name },
-  //         { par: 'sex', name: '性别', content: res.data.sex },
-  //         { par: 'nationality', name: '民族', content: res.data.nationality },
-  //         { par: 'number', name: '学号', content: res.data.number },
-  //         { par: 'birthday', name: '生日', content: res.data.birthday },
-  //         { par: 'phone', name: '手机号', content: res.data.phone },
-  //         { par: 'faculty', name: '院系', content: res.data.faculty },
-  //         { par: 'major', name: '专业', content: res.data.major },
-  //         { par: 'year_age', name: '入学年份', content: res.data.year_age },
-  //         { par: 'class_name', name: '班级', content: res.data.class_name },
-  //       ]
-  //     }
-  //     // else {
-  //     //   formModel.value = [
-  //     //     { name: '姓名', content: res.data.name },
-  //     //     { name: '性别', content: res.data.id },
-  //     //     { name: '学号', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //   ]
-  //     // }
-  //   })
-  //   .catch((error) => {
-  //     console.error(error)
-  //   })
+  if (props.data.roleId === 1) {
+    formModel.value = [
+      { par: 'name', name: '姓名', content: props.data.name },
+      { par: 'sex', name: '性别', content: props.data.sex },
+      { par: 'nationality', name: '民族', content: props.data.nationality },
+      { par: 'profession', name: '专业', content: props.data.profession },
+      { par: 'education', name: '学历', content: props.data.education },
+      { par: 'degree', name: '学位', content: props.data.degree },
+      {
+        par: 'professionalTitle',
+        name: '职称',
+        content: props.data.professionalTitle,
+      },
+      {
+        par: 'emergencyContact',
+        name: '手机号',
+        content: props.data.emergencyContact,
+      },
+      {
+        par: 'joinWorkTime',
+        name: '参加工作时间',
+        content: props.data.joinWorkTime,
+      },
+      {
+        par: 'politicalStatus',
+        name: '政治面貌',
+        content: props.data.politicalStatus,
+      },
+    ]
+  } else if (props.data.roleId === 2) {
+    formModel.value = [
+      { par: 'name', name: '姓名', content: props.data.name },
+      { par: 'sex', name: '性别', content: props.data.sex },
+      { par: 'nationality', name: '民族', content: props.data.nationality },
+      { par: 'number', name: '学号', content: props.data.number },
+      { par: 'birthday', name: '生日', content: props.data.birthday },
+      { par: 'phone', name: '手机号', content: props.data.phone },
+      { par: 'faculty', name: '院系', content: props.data.faculty },
+      { par: 'major', name: '专业', content: props.data.major },
+      { par: 'yearAge', name: '入学年份', content: props.data.yearAge },
+      { par: 'className', name: '班级', content: props.data.className },
+    ]
+  }
+  // else {
+  //   formModel.value = [
+  //     { name: '姓名', content: res.data.name },
+  //     { name: '性别', content: res.data.id },
+  //     { name: '学号', content: 9.9 },
+  //     { name: '小米电脑', content: 9.9 },
+  //     { name: '小米电脑', content: 9.9 },
+  //     { name: '小米电脑', content: 9.9 },
+  //     { name: '小米电脑', content: 9.9 },
+  //     { name: '小米电脑', content: 9.9 },
+  //     { name: '小米电脑', content: 9.9 },
+  //   ]
+  // }
 })
 // 编辑1
 const drawer2 = ref(false)
@@ -127,7 +109,7 @@ const direction = ref('rtl')
 function cancelClick() {
   drawer2.value = false
 }
-const data1 = ref()
+const data1 = ref([])
 const confirmClick = () => {
   drawer2.value = false
   data1.value = formModel.value
@@ -135,16 +117,21 @@ const confirmClick = () => {
   data1.value.map((item) => (values[item.par] = item.content))
   const dataToSend = {
     ...values,
-    roleId: identInfo.value.roleId,
-    id: identInfo.value.id,
+    roleId: props.data.roleId,
+    id: props.data.id,
   }
-  userIdenChangeService(dataToSend).then(() => {
-    ElMessage.success('修改成功')
-  })
+  console.log(dataToSend, 'datato111')
+  userIdenChangeService(dataToSend)
+    .then(() => {
+      ElMessage.success('修改成功')
+    })
+    .catch((error) => {
+      console.log(error)
+    })
 }
 </script>
 <template>
-  <div class="info_container" style="width: 1265px; height: 306px">
+  <div class="info_container" style="width: 95%; height: 306px">
     <conheader title="个人信息" v-model="drawer2">
       <template #drawer>
         <el-drawer v-model="drawer2" :direction="direction" class="table">
@@ -203,7 +190,7 @@ const confirmClick = () => {
     </conheader>
     <div
       class="info_content"
-      style="width: 776px; height: 244px"
+      style="width: 60%; height: 244px"
       v-loading="loading"
     >
       <div class="item" :key="item.name" v-for="item in formModel">
@@ -226,7 +213,7 @@ const confirmClick = () => {
   gap: 10px; /* 设置元素之间的间隔 */
 }
 .item {
-  width: 176px;
+  width: 100%;
   height: 60px;
   display: flex;
   flex-direction: column;
diff --git a/src/views/home/components/Status.vue b/src/views/home/components/Status.vue
index c011650..d650bf1 100644
--- a/src/views/home/components/Status.vue
+++ b/src/views/home/components/Status.vue
@@ -9,7 +9,8 @@ const props = defineProps({
     type: Object,
   },
 })
-// console.log(props.data.icon, 44444)
+// const data = ref(props.data, 'dsfd')
+console.log(props.data, 44444)
 const imageUrl = ref('')
 //盒子隐藏
 const form = ref()
@@ -37,7 +38,7 @@ const form = ref()
 //   code: [{ message: '验证码不能为空', trigger: 'blur' }],
 // }
 form.value = props.data
-const formLabelWidth = '140px'
+const formLabelWidth = '70px'
 //设置头像显示
 imageUrl.value = props.data.icon
 //设置头像更换
@@ -61,15 +62,10 @@ const openFileInput = () => {
   input.click()
   document.body.removeChild(input)
 }
-const upload = async (option) => {
-  const res = await tool.oss.upload(option.file)
-  imageUrl.value = res.url
-  console.log(imageUrl.value)
-}
 //修改用户信息
 const changeInfo = async () => {
   const userInfo = {
-    username: form.value.username,
+    // username: form.value.username,
     phone: form.value.phone,
     id: form.value.id,
     nickName: form.value.nickName,
@@ -82,7 +78,7 @@ const changeInfo = async () => {
 }
 </script>
 <template>
-  <div class="ident" style="width: 278px; height: 274px; background: #375fff">
+  <div class="ident" style="width: 100%; height: 274px; background: #375fff">
     <div class="info_container" style="width: 201px; height: 178px">
       <div class="avater">
         <img :src="imageUrl" alt="Uploaded" v-if="imageUrl" class="avater" />
@@ -104,11 +100,10 @@ const changeInfo = async () => {
     title="登录信息"
     style="width: 800px; text-align: center"
   >
-    <el-form :model="form" style="" :data="form" :rules="rules">
+    <el-form :model="form" :data="form" :rules="rules">
       <el-form-item label="用户名" :label-width="formLabelWidth">
         <el-input v-model="form.username" autocomplete="off" />
       </el-form-item>
-
       <el-form-item label="昵称" :label-width="formLabelWidth">
         <el-input v-model="form.nickName" autocomplete="off" />
       </el-form-item>
@@ -187,8 +182,6 @@ span {
   text-align: center;
   font-style: normal;
   text-transform: none;
-
-  grid-area: element1;
   position: relative;
   margin-left: 27px;
   top: 18px;
@@ -198,7 +191,6 @@ span {
   height: 24px;
   border-radius: 100px 100px 100px 100px;
   border: 2px solid #ffffff;
-  grid-area: element2;
   background: #0052d9;
   border-radius: 32px 32px 32px 32px;
   display: flex;
diff --git a/src/views/home/components/Student1.vue b/src/views/home/components/Student1.vue
index 370c8c9..3c4e29a 100644
--- a/src/views/home/components/Student1.vue
+++ b/src/views/home/components/Student1.vue
@@ -16,7 +16,7 @@ function confirmClick() {
 }
 </script>
 <template>
-  <div class="info_container" style="width: 222px; height: 174px">
+  <div class="info_container" style="width: 90%; height: 174px">
     <conheader title="学生分组" v-model="drawer2">
       <div>编辑</div>
       <template #drawer>
diff --git a/src/views/home/components/Student2.vue b/src/views/home/components/Student2.vue
index 716789c..ae268d4 100644
--- a/src/views/home/components/Student2.vue
+++ b/src/views/home/components/Student2.vue
@@ -16,7 +16,7 @@ function confirmClick() {
 }
 </script>
 <template>
-  <div class="info_container" style="width: 222px; height: 174px">
+  <div class="info_container" style="width: 90%; height: 174px">
     <conheader title="已分组别" v-model="drawer2">
       <div>编辑</div>
       <template #drawer>
diff --git a/src/views/home/components/Welcome.vue b/src/views/home/components/Welcome.vue
index d1b6557..f973bdc 100644
--- a/src/views/home/components/Welcome.vue
+++ b/src/views/home/components/Welcome.vue
@@ -13,7 +13,7 @@ const props = defineProps({
 </template>
 <style scoped>
 .nav_info {
-  width: 1265px;
+  width: 95%;
   height: 32px;
   display: flex;
   justify-content: start;
@@ -32,7 +32,7 @@ const props = defineProps({
   margin-right: 68px;
 }
 .intro {
-  width: 257px;
+  width: 50%;
   height: 22px;
   font-family: Inter, Inter;
   font-weight: bold;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 4315091..0077933 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -9,38 +9,33 @@ import Class2 from './components/Class2.vue'
 import Student2 from './components/Student2.vue'
 import useUserStore from '@/store/modules/user'
 import { ref, onMounted } from 'vue'
-import { toRaw } from 'vue'
 const userStore = useUserStore()
-// const info = userStore.getUserInfo()
-// console.log(info)
 const username = ref()
-const data = ref(null)
+const data = ref({})
+const infoData = ref()
 const flag = ref(false)
 const role = ref(null)
 const rightVisible = ref(false)
-const getData = async () => {
-  await userStore
-    .getUserInfo()
-    .then((response) => {
-      const res = toRaw(response.result.data)
-      username.value = res.username
-      data.value = res
-      flag.value = true
-      role.value = data.value.roles[0]
-      if (role.value === '老师') {
-        rightVisible.value = true
-      } else {
-        rightVisible.value = false
-      }
-      console.log(data.value, 333333)
-    })
-    .catch((error) => {
-      console.log(error)
-    })
-}
+userStore.getUserInfo().catch((error) => {
+  console.log(error)
+})
 
 onMounted(() => {
-  getData()
+  // getData()
+  username.value = userStore.userName
+  data.value = userStore.data
+  infoData.value = userStore.userInfo
+  // console.log(data.value, '11111')
+  // console.log(userStore.userInfo, '22222')
+  // console.log(userStore, 'userStore')
+  username.value = data.value.username
+  flag.value = true
+  role.value = data.value.roles[0]
+  if (role.value === '老师') {
+    rightVisible.value = true
+  } else {
+    rightVisible.value = false
+  }
 })
 </script>
 <template>
@@ -49,28 +44,28 @@ onMounted(() => {
       <div class="nav">
         <welcome :username="username"></welcome>
       </div>
-      <div class="info" style="width: 1321px; height: 368px">
-        <Info :data="data" v-if="flag"></Info>
+      <div class="info" style="width: 100%; height: 368px">
+        <Info :data="infoData" v-if="flag"></Info>
       </div>
-      <div class="echarts" style="width: 1321px; height: 444px">
+      <div class="echarts" style="width: 100%; height: 444px">
         <echarts></echarts>
       </div>
     </div>
     <div v-if="rightVisible" class="right">
       <status :data="data" v-if="flag"></status>
-      <div class="class" style="width: 278px; height: 388px">
+      <div class="class" style="width: 100%; height: 388px">
         <Class1></Class1>
       </div>
-      <div class="stu" style="width: 278px; height: 236px">
+      <div class="stu" style="width: 100%; height: 236px">
         <Student1></Student1>
       </div>
     </div>
     <div v-else class="right">
       <status :data="data" v-if="flag"></status>
-      <div class="class" style="width: 278px; height: 388px">
+      <div class="class" style="width: 100%; height: 388px">
         <Class2></Class2>
       </div>
-      <div class="stu" style="width: 278px; height: 236px">
+      <div class="stu" style="width: 100%; height: 236px">
         <Student2></Student2>
       </div>
     </div>
@@ -79,15 +74,16 @@ onMounted(() => {
 <style lang="scss" scoped>
 .container {
   display: flex;
+  width: 100%;
   .left {
-    width: 1321px;
+    width: 80%;
     height: 936px;
     margin-right: 16px;
     display: grid;
     grid-template-rows: 1fr 1fr 1fr; /* 使用fr单位来平均分布 */
     height: 300px; /* 设置容器高度 */
     .nav {
-      width: 1321px;
+      width: 100%;
       height: 92px;
       background: #ffffff;
       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
@@ -115,7 +111,7 @@ onMounted(() => {
       }
     }
     .class {
-      width: 1321px;
+      width: 80%;
       height: 444px;
       background: #c57676;
       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
@@ -127,7 +123,7 @@ onMounted(() => {
     }
   }
   .right {
-    width: 278px;
+    width: 20%;
     height: 930px;
     display: flex;
     flex-direction: column; //开启纵向布局
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 28911ae..ff36d70 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -300,7 +300,7 @@ import {
   userRegisterService,
   userPhoneRegisterService,
   userCodeRegisterService,
-} from '@/api/user/user.js'
+} from '@/api/user/user'
 // let loginForm = reactive({ username: 'admin', password: '111111' })
 // 引入登录仓库
 let userStore = useUserStore()
@@ -371,7 +371,7 @@ const rules = {
   code: [{ message: '验证码不能为空', trigger: 'blur' }],
 }
 
-//验证码倒计时--没搞定
+//验证码倒计时
 const countdown = ref(0)
 let timer
 const updateCountdown = () => {
@@ -385,15 +385,15 @@ onBeforeUnmount(() => {
   clearInterval(timer) // 组件销毁前清除计时器，避免内存泄漏
 })
 //登录注册切换时重置表单
-// watch(isRegister, () => {
-//   formModel.value = {
-//     username: '',
-//     password: '',
-//     repassword: '',
-//     phone: '',
-//     code: '',
-//   }
-// })
+watch(isRegister, () => {
+  formModel.value = {
+    username: '',
+    password: '',
+    repassword: '',
+    phone: '',
+    code: '',
+  }
+})
 //账号手机号清空
 watch(isToggle, () => {
   formModel.value = {
@@ -414,6 +414,7 @@ const checkPasswordMatch = () => {
     passwordMatchError.value = ''
   }
 }
+
 //账号注册表单写成json格式
 const handleSubmit = async () => {
   // 执行注册逻辑
@@ -467,7 +468,7 @@ const phoneChange = () => {
   console.log('开始手机号注册')
   isinfo.value = false
 }
-//注册中的返回
+//手机号注册中的返回
 const phoneReturn = () => {
   isinfo.value = true
 }
diff --git a/src/views/portal/LearningPathRecommendations.vue b/src/views/portal/LearningPathRecommendations.vue
index a8d11bf..1226daf 100644
--- a/src/views/portal/LearningPathRecommendations.vue
+++ b/src/views/portal/LearningPathRecommendations.vue
@@ -10,7 +10,6 @@
           <li>学生入口&nbsp;&nbsp;|</li>
           <li>毕业生入口</li>
         </ul>
-
       </div>
       <div class="nav2">
         <ul>
@@ -33,530 +32,555 @@
   <!-- 内容学习路径推荐d3 -->
   <div class="content">
     <div class="subnav">
-    <h1>xxx课程</h1>
-  </div>
-  <div class="container"></div>
-
+      <h1>xxx课程</h1>
+    </div>
+    <!-- <div class="container"></div> -->
   </div>
 
   <!-- 底部 -->
   <div class="footer">
     <h3>软件工程专业</h3>
     <h1>教学一体化平台</h1>
-    <p>关于我们&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; &nbsp;联系我们&nbsp; &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 服务协议
+    <p>
+      关于我们&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; &nbsp;联系我们&nbsp;
+      &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 服务协议
+    </p>
+    <p style="font-size: 13px; margin-top: 70px">
+      黄淮学院版权所有@2023 湘豫CP备 19005950号-1
+      <br />
+      违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com
     </p>
-    <p style="font-size: 13px;margin-top: 70px">黄淮学院版权所有@2023 湘豫CP备 19005950号-1<br>
-      违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com</p>
-  </div>
-  <div>
-    
   </div>
+  <div></div>
 </template>
 
-<script lang="ts" >
-import * as d3 from 'd3';
-// import { onMounted } from 'vue';
-
-export default {
-  name: 'courseHomepage',
-  data() {
-    return {
-      svgArea:null,
-          links:[],
-          nodes:[],
-          nodesName:[],
-          linksName:[],
-          simulation:null,
-          scale:1,
-          width:800,
-          height:560,
-          colorList:['#FD7623','#3388B1','#D82952','#F3D737','#409071','#D64E52'],
-      testGraph: {
-        "nodes": [
-          { "id": "Myriel", "group": 1 },
-          { "id": "Napoleon", "group": 1 },
-          { "id": "Mlle.Baptistine", "group": 1 },
-          { "id": "Mme.Magloire", "group": 1 },
-          { "id": "CountessdeLo", "group": 1 },
-          { "id": "Geborand", "group": 1 },
-          { "id": "Champtercier", "group": 1 },
-          { "id": "Cravatte", "group": 1 },
-          { "id": "Count", "group": 1 },
-          { "id": "OldMan", "group": 1 },
-          { "id": "Labarre", "group": 2 },
-          { "id": "Valjean", "group": 2 },
-          // { "id": "Marguerite", "group": 3 },
-          // { "id": "Mme.deR", "group": 2 },
-          // { "id": "Isabeau", "group": 2 },
-          // { "id": "Gervais", "group": 2 },
-          // { "id": "Tholomyes", "group": 3 },
-          // { "id": "Listolier", "group": 3 },
-          // { "id": "Fameuil", "group": 3 },
-          // { "id": "Blacheville", "group": 3 },
-          // { "id": "Favourite", "group": 3 },
-          // { "id": "Dahlia", "group": 3 },
-          // { "id": "Zephine", "group": 3 },
-          // { "id": "Fantine", "group": 3 },
-          // { "id": "Mme.Thenardier", "group": 4 },
-          // { "id": "Thenardier", "group": 4 },
-          // { "id": "Cosette", "group": 5 },
-          // { "id": "Javert", "group": 4 },
-          // { "id": "Fauchelevent", "group": 0 },
-          // { "id": "Bamatabois", "group": 2 },
-          // { "id": "Perpetue", "group": 3 },
-          // { "id": "Simplice", "group": 2 },
-          // { "id": "Scaufflaire", "group": 2 },
-          // { "id": "Woman1", "group": 2 },
-          // { "id": "Judge", "group": 2 },
-          // { "id": "Champmathieu", "group": 2 },
-          // { "id": "Brevet", "group": 2 },
-          // { "id": "Chenildieu", "group": 2 },
-          // { "id": "Cochepaille", "group": 2 },
-          // { "id": "Pontmercy", "group": 4 },
-          // { "id": "Boulatruelle", "group": 6 },
-          // { "id": "Eponine", "group": 4 },
-          // { "id": "Anzelma", "group": 4 },
-          // { "id": "Woman2", "group": 5 },
-          // { "id": "MotherInnocent", "group": 0 },
-          // { "id": "Gribier", "group": 0 },
-          // { "id": "Jondrette", "group": 7 },
-          // { "id": "Mme.Burgon", "group": 7 },
-          // { "id": "Gavroche", "group": 8 },
-          // { "id": "Gillenormand", "group": 5 },
-          // { "id": "Magnon", "group": 5 },
-          // { "id": "Mlle.Gillenormand", "group": 5 },
-          // { "id": "Mme.Pontmercy", "group": 5 },
-          // { "id": "Mlle.Vaubois", "group": 5 },
-          // { "id": "Lt.Gillenormand", "group": 5 },
-          // { "id": "Marius", "group": 8 },
-          // { "id": "BaronessT", "group": 5 },
-          // { "id": "Mabeuf", "group": 8 },
-          // { "id": "Enjolras", "group": 8 },
-          // { "id": "Combeferre", "group": 8 },
-          // { "id": "Prouvaire", "group": 8 },
-          // { "id": "Feuilly", "group": 8 },
-          // { "id": "Courfeyrac", "group": 8 },
-          // { "id": "Bahorel", "group": 8 },
-          // { "id": "Bossuet", "group": 8 },
-          // { "id": "Joly", "group": 8 },
-          // { "id": "Grantaire", "group": 8 },
-          // { "id": "MotherPlutarch", "group": 9 },
-          // { "id": "Gueulemer", "group": 4 },
-          // { "id": "Babet", "group": 4 },
-          // { "id": "Claquesous", "group": 4 },
-          // { "id": "Montparnasse", "group": 4 },
-          // { "id": "Toussaint", "group": 5 },
-          // { "id": "Child1", "group": 10 },
-          // { "id": "Child2", "group": 10 },
-          // { "id": "Brujon", "group": 4 },
-          // { "id": "Mme.Hucheloup", "group": 8 }
-        ],
-        "links": [
-          { "source": "Napoleon", "target": "Myriel", "value": 1 },
-          // { "source": "Mlle.Baptistine", "target": "Myriel", "value": 8 },
-          // { "source": "Mme.Magloire", "target": "Myriel", "value": 10 },
-          // { "source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 6 },
-          // { "source": "CountessdeLo", "target": "Myriel", "value": 1 },
-          // { "source": "Geborand", "target": "Myriel", "value": 1 },
-          // { "source": "Champtercier", "target": "Myriel", "value": 1 },
-          // { "source": "Cravatte", "target": "Myriel", "value": 1 },
-          // { "source": "Count", "target": "Myriel", "value": 2 },
-          // { "source": "OldMan", "target": "Myriel", "value": 1 },
-          // { "source": "Valjean", "target": "Labarre", "value": 1 },
-          // { "source": "Valjean", "target": "Mme.Magloire", "value": 3 },
-          // { "source": "Valjean", "target": "Mlle.Baptistine", "value": 3 },
-          // { "source": "Valjean", "target": "Myriel", "value": 5 },
-          // { "source": "Marguerite", "target": "Valjean", "value": 1 },
-          // { "source": "Mme.deR", "target": "Valjean", "value": 1 },
-          // { "source": "Isabeau", "target": "Valjean", "value": 1 },
-          // { "source": "Gervais", "target": "Valjean", "value": 1 },
-          // { "source": "Listolier", "target": "Tholomyes", "value": 4 },
-          // { "source": "Fameuil", "target": "Tholomyes", "value": 4 },
-          // { "source": "Fameuil", "target": "Listolier", "value": 4 },
-          // { "source": "Blacheville", "target": "Tholomyes", "value": 4 },
-          // { "source": "Blacheville", "target": "Listolier", "value": 4 },
-          // { "source": "Blacheville", "target": "Fameuil", "value": 4 },
-          // { "source": "Favourite", "target": "Tholomyes", "value": 3 },
-          // { "source": "Favourite", "target": "Listolier", "value": 3 },
-          // { "source": "Favourite", "target": "Fameuil", "value": 3 },
-          // { "source": "Favourite", "target": "Blacheville", "value": 4 },
-          // { "source": "Dahlia", "target": "Tholomyes", "value": 3 },
-          // { "source": "Dahlia", "target": "Listolier", "value": 3 },
-          // { "source": "Dahlia", "target": "Fameuil", "value": 3 },
-          // { "source": "Dahlia", "target": "Blacheville", "value": 3 },
-          // { "source": "Dahlia", "target": "Favourite", "value": 5 },
-          // { "source": "Zephine", "target": "Tholomyes", "value": 3 },
-          // { "source": "Zephine", "target": "Listolier", "value": 3 },
-          // { "source": "Zephine", "target": "Fameuil", "value": 3 },
-          // { "source": "Zephine", "target": "Blacheville", "value": 3 },
-          // { "source": "Zephine", "target": "Favourite", "value": 4 },
-          // { "source": "Zephine", "target": "Dahlia", "value": 4 },
-          // { "source": "Fantine", "target": "Tholomyes", "value": 3 },
-          // { "source": "Fantine", "target": "Listolier", "value": 3 },
-          // { "source": "Fantine", "target": "Fameuil", "value": 3 },
-          // { "source": "Fantine", "target": "Blacheville", "value": 3 },
-          // { "source": "Fantine", "target": "Favourite", "value": 4 },
-          // { "source": "Fantine", "target": "Dahlia", "value": 4 },
-          // { "source": "Fantine", "target": "Zephine", "value": 4 },
-          // { "source": "Fantine", "target": "Marguerite", "value": 2 },
-          // { "source": "Fantine", "target": "Valjean", "value": 9 },
-          // { "source": "Mme.Thenardier", "target": "Fantine", "value": 2 },
-          // { "source": "Mme.Thenardier", "target": "Valjean", "value": 7 },
-          // { "source": "Thenardier", "target": "Mme.Thenardier", "value": 13 },
-          // { "source": "Thenardier", "target": "Fantine", "value": 1 },
-          // { "source": "Thenardier", "target": "Valjean", "value": 12 },
-          // { "source": "Cosette", "target": "Mme.Thenardier", "value": 4 },
-          // { "source": "Cosette", "target": "Valjean", "value": 31 },
-          // { "source": "Cosette", "target": "Tholomyes", "value": 1 },
-          // { "source": "Cosette", "target": "Thenardier", "value": 1 },
-          // { "source": "Javert", "target": "Valjean", "value": 17 },
-          // { "source": "Javert", "target": "Fantine", "value": 5 },
-          // { "source": "Javert", "target": "Thenardier", "value": 5 },
-          // { "source": "Javert", "target": "Mme.Thenardier", "value": 1 },
-          // { "source": "Javert", "target": "Cosette", "value": 1 },
-          // { "source": "Fauchelevent", "target": "Valjean", "value": 8 },
-          // { "source": "Fauchelevent", "target": "Javert", "value": 1 },
-          // { "source": "Bamatabois", "target": "Fantine", "value": 1 },
-          // { "source": "Bamatabois", "target": "Javert", "value": 1 },
-          // { "source": "Bamatabois", "target": "Valjean", "value": 2 },
-          // { "source": "Perpetue", "target": "Fantine", "value": 1 },
-          // { "source": "Simplice", "target": "Perpetue", "value": 2 },
-          // { "source": "Simplice", "target": "Valjean", "value": 3 },
-          // { "source": "Simplice", "target": "Fantine", "value": 2 },
-          // { "source": "Simplice", "target": "Javert", "value": 1 },
-          // { "source": "Scaufflaire", "target": "Valjean", "value": 1 },
-          // { "source": "Woman1", "target": "Valjean", "value": 2 },
-          // { "source": "Woman1", "target": "Javert", "value": 1 },
-          // { "source": "Judge", "target": "Valjean", "value": 3 },
-          // { "source": "Judge", "target": "Bamatabois", "value": 2 },
-          // { "source": "Champmathieu", "target": "Valjean", "value": 3 },
-          // { "source": "Champmathieu", "target": "Judge", "value": 3 },
-          // { "source": "Champmathieu", "target": "Bamatabois", "value": 2 },
-          // { "source": "Brevet", "target": "Judge", "value": 2 },
-          // { "source": "Brevet", "target": "Champmathieu", "value": 2 },
-          // { "source": "Brevet", "target": "Valjean", "value": 2 },
-          // { "source": "Brevet", "target": "Bamatabois", "value": 1 },
-          // { "source": "Chenildieu", "target": "Judge", "value": 2 },
-          // { "source": "Chenildieu", "target": "Champmathieu", "value": 2 },
-          // { "source": "Chenildieu", "target": "Brevet", "value": 2 },
-          // { "source": "Chenildieu", "target": "Valjean", "value": 2 },
-          // { "source": "Chenildieu", "target": "Bamatabois", "value": 1 },
-          // { "source": "Cochepaille", "target": "Judge", "value": 2 },
-          // { "source": "Cochepaille", "target": "Champmathieu", "value": 2 },
-          // { "source": "Cochepaille", "target": "Brevet", "value": 2 },
-          // { "source": "Cochepaille", "target": "Chenildieu", "value": 2 },
-          // { "source": "Cochepaille", "target": "Valjean", "value": 2 },
-          // { "source": "Cochepaille", "target": "Bamatabois", "value": 1 },
-          // { "source": "Pontmercy", "target": "Thenardier", "value": 1 },
-          // { "source": "Boulatruelle", "target": "Thenardier", "value": 1 },
-          // { "source": "Eponine", "target": "Mme.Thenardier", "value": 2 },
-          // { "source": "Eponine", "target": "Thenardier", "value": 3 },
-          // { "source": "Anzelma", "target": "Eponine", "value": 2 },
-          // { "source": "Anzelma", "target": "Thenardier", "value": 2 },
-          // { "source": "Anzelma", "target": "Mme.Thenardier", "value": 1 },
-          // { "source": "Woman2", "target": "Valjean", "value": 3 },
-          // { "source": "Woman2", "target": "Cosette", "value": 1 },
-          // { "source": "Woman2", "target": "Javert", "value": 1 },
-          // { "source": "MotherInnocent", "target": "Fauchelevent", "value": 3 },
-          // { "source": "MotherInnocent", "target": "Valjean", "value": 1 },
-          // { "source": "Gribier", "target": "Fauchelevent", "value": 2 },
-          // { "source": "Mme.Burgon", "target": "Jondrette", "value": 1 },
-          // { "source": "Gavroche", "target": "Mme.Burgon", "value": 2 },
-          // { "source": "Gavroche", "target": "Thenardier", "value": 1 },
-          // { "source": "Gavroche", "target": "Javert", "value": 1 },
-          // { "source": "Gavroche", "target": "Valjean", "value": 1 },
-          // { "source": "Gillenormand", "target": "Cosette", "value": 3 },
-          // { "source": "Gillenormand", "target": "Valjean", "value": 2 },
-          // { "source": "Magnon", "target": "Gillenormand", "value": 1 },
-          // { "source": "Magnon", "target": "Mme.Thenardier", "value": 1 },
-          // { "source": "Mlle.Gillenormand", "target": "Gillenormand", "value": 9 },
-          // { "source": "Mlle.Gillenormand", "target": "Cosette", "value": 2 },
-          // { "source": "Mlle.Gillenormand", "target": "Valjean", "value": 2 },
-          // { "source": "Mme.Pontmercy", "target": "Mlle.Gillenormand", "value": 1 },
-          // { "source": "Mme.Pontmercy", "target": "Pontmercy", "value": 1 },
-          // { "source": "Mlle.Vaubois", "target": "Mlle.Gillenormand", "value": 1 },
-          // { "source": "Lt.Gillenormand", "target": "Mlle.Gillenormand", "value": 2 },
-          // { "source": "Lt.Gillenormand", "target": "Gillenormand", "value": 1 },
-          // { "source": "Lt.Gillenormand", "target": "Cosette", "value": 1 },
-          // { "source": "Marius", "target": "Mlle.Gillenormand", "value": 6 },
-          // { "source": "Marius", "target": "Gillenormand", "value": 12 },
-          // { "source": "Marius", "target": "Pontmercy", "value": 1 },
-          // { "source": "Marius", "target": "Lt.Gillenormand", "value": 1 },
-          // { "source": "Marius", "target": "Cosette", "value": 21 },
-          // { "source": "Marius", "target": "Valjean", "value": 19 },
-          // { "source": "Marius", "target": "Tholomyes", "value": 1 },
-          // { "source": "Marius", "target": "Thenardier", "value": 2 },
-          // { "source": "Marius", "target": "Eponine", "value": 5 },
-          // { "source": "Marius", "target": "Gavroche", "value": 4 },
-          // { "source": "BaronessT", "target": "Gillenormand", "value": 1 },
-          // { "source": "BaronessT", "target": "Marius", "value": 1 },
-          // { "source": "Mabeuf", "target": "Marius", "value": 1 },
-          // { "source": "Mabeuf", "target": "Eponine", "value": 1 },
-          // { "source": "Mabeuf", "target": "Gavroche", "value": 1 },
-          // { "source": "Enjolras", "target": "Marius", "value": 7 },
-          // { "source": "Enjolras", "target": "Gavroche", "value": 7 },
-          // { "source": "Enjolras", "target": "Javert", "value": 6 },
-          // { "source": "Enjolras", "target": "Mabeuf", "value": 1 },
-          // { "source": "Enjolras", "target": "Valjean", "value": 4 },
-          // { "source": "Combeferre", "target": "Enjolras", "value": 15 },
-          // { "source": "Combeferre", "target": "Marius", "value": 5 },
-          // { "source": "Combeferre", "target": "Gavroche", "value": 6 },
-          // { "source": "Combeferre", "target": "Mabeuf", "value": 2 },
-          // { "source": "Prouvaire", "target": "Gavroche", "value": 1 },
-          // { "source": "Prouvaire", "target": "Enjolras", "value": 4 },
-          // { "source": "Prouvaire", "target": "Combeferre", "value": 2 },
-          // { "source": "Feuilly", "target": "Gavroche", "value": 2 },
-          // { "source": "Feuilly", "target": "Enjolras", "value": 6 },
-          // { "source": "Feuilly", "target": "Prouvaire", "value": 2 },
-          // { "source": "Feuilly", "target": "Combeferre", "value": 5 },
-          // { "source": "Feuilly", "target": "Mabeuf", "value": 1 },
-          // { "source": "Feuilly", "target": "Marius", "value": 1 },
-          // { "source": "Courfeyrac", "target": "Marius", "value": 9 },
-          // { "source": "Courfeyrac", "target": "Enjolras", "value": 17 },
-          // { "source": "Courfeyrac", "target": "Combeferre", "value": 13 },
-          // { "source": "Courfeyrac", "target": "Gavroche", "value": 7 },
-          // { "source": "Courfeyrac", "target": "Mabeuf", "value": 2 },
-          // { "source": "Courfeyrac", "target": "Eponine", "value": 1 },
-          // { "source": "Courfeyrac", "target": "Feuilly", "value": 6 },
-          // { "source": "Courfeyrac", "target": "Prouvaire", "value": 3 },
-          // { "source": "Bahorel", "target": "Combeferre", "value": 5 },
-          // { "source": "Bahorel", "target": "Gavroche", "value": 5 },
-          // { "source": "Bahorel", "target": "Courfeyrac", "value": 6 },
-          // { "source": "Bahorel", "target": "Mabeuf", "value": 2 },
-          // { "source": "Bahorel", "target": "Enjolras", "value": 4 },
-          // { "source": "Bahorel", "target": "Feuilly", "value": 3 },
-          // { "source": "Bahorel", "target": "Prouvaire", "value": 2 },
-          // { "source": "Bahorel", "target": "Marius", "value": 1 },
-          // { "source": "Bossuet", "target": "Marius", "value": 5 },
-          // { "source": "Bossuet", "target": "Courfeyrac", "value": 12 },
-          // { "source": "Bossuet", "target": "Gavroche", "value": 5 },
-          // { "source": "Bossuet", "target": "Bahorel", "value": 4 },
-          // { "source": "Bossuet", "target": "Enjolras", "value": 10 },
-          // { "source": "Bossuet", "target": "Feuilly", "value": 6 },
-          // { "source": "Bossuet", "target": "Prouvaire", "value": 2 },
-          // { "source": "Bossuet", "target": "Combeferre", "value": 9 },
-          // { "source": "Bossuet", "target": "Mabeuf", "value": 1 },
-          // { "source": "Bossuet", "target": "Valjean", "value": 1 },
-          // { "source": "Joly", "target": "Bahorel", "value": 5 },
-          // { "source": "Joly", "target": "Bossuet", "value": 7 },
-          // { "source": "Joly", "target": "Gavroche", "value": 3 },
-          // { "source": "Joly", "target": "Courfeyrac", "value": 5 },
-          // { "source": "Joly", "target": "Enjolras", "value": 5 },
-          // { "source": "Joly", "target": "Feuilly", "value": 5 },
-          // { "source": "Joly", "target": "Prouvaire", "value": 2 },
-          // { "source": "Joly", "target": "Combeferre", "value": 5 },
-          // { "source": "Joly", "target": "Mabeuf", "value": 1 },
-          // { "source": "Joly", "target": "Marius", "value": 2 },
-          // { "source": "Grantaire", "target": "Bossuet", "value": 3 },
-          // { "source": "Grantaire", "target": "Enjolras", "value": 3 },
-          // { "source": "Grantaire", "target": "Combeferre", "value": 1 },
-          // { "source": "Grantaire", "target": "Courfeyrac", "value": 2 },
-          // { "source": "Grantaire", "target": "Joly", "value": 2 },
-          // { "source": "Grantaire", "target": "Gavroche", "value": 1 },
-          // { "source": "Grantaire", "target": "Bahorel", "value": 1 },
-          // { "source": "Grantaire", "target": "Feuilly", "value": 1 },
-          // { "source": "Grantaire", "target": "Prouvaire", "value": 1 },
-          // { "source": "MotherPlutarch", "target": "Mabeuf", "value": 3 },
-          // { "source": "Gueulemer", "target": "Thenardier", "value": 5 },
-          // { "source": "Gueulemer", "target": "Valjean", "value": 1 },
-          // { "source": "Gueulemer", "target": "Mme.Thenardier", "value": 1 },
-          // { "source": "Gueulemer", "target": "Javert", "value": 1 },
-          // { "source": "Gueulemer", "target": "Gavroche", "value": 1 },
-          // { "source": "Gueulemer", "target": "Eponine", "value": 1 },
-          // { "source": "Babet", "target": "Thenardier", "value": 6 },
-          // { "source": "Babet", "target": "Gueulemer", "value": 6 },
-          // { "source": "Babet", "target": "Valjean", "value": 1 },
-          // { "source": "Babet", "target": "Mme.Thenardier", "value": 1 },
-          // { "source": "Babet", "target": "Javert", "value": 2 },
-          // { "source": "Babet", "target": "Gavroche", "value": 1 },
-          // { "source": "Babet", "target": "Eponine", "value": 1 },
-          // { "source": "Claquesous", "target": "Thenardier", "value": 4 },
-          // { "source": "Claquesous", "target": "Babet", "value": 4 },
-          // { "source": "Claquesous", "target": "Gueulemer", "value": 4 },
-          // { "source": "Claquesous", "target": "Valjean", "value": 1 },
-          // { "source": "Claquesous", "target": "Mme.Thenardier", "value": 1 },
-          // { "source": "Claquesous", "target": "Javert", "value": 1 },
-          // { "source": "Claquesous", "target": "Eponine", "value": 1 },
-          // { "source": "Claquesous", "target": "Enjolras", "value": 1 },
-          // { "source": "Montparnasse", "target": "Javert", "value": 1 },
-          // { "source": "Montparnasse", "target": "Babet", "value": 2 },
-          // { "source": "Montparnasse", "target": "Gueulemer", "value": 2 },
-          // { "source": "Montparnasse", "target": "Claquesous", "value": 2 },
-          // { "source": "Montparnasse", "target": "Valjean", "value": 1 },
-          // { "source": "Montparnasse", "target": "Gavroche", "value": 1 },
-          // { "source": "Montparnasse", "target": "Eponine", "value": 1 },
-          // { "source": "Montparnasse", "target": "Thenardier", "value": 1 },
-          // { "source": "Toussaint", "target": "Cosette", "value": 2 },
-          // { "source": "Toussaint", "target": "Javert", "value": 1 },
-          // { "source": "Toussaint", "target": "Valjean", "value": 1 },
-          // { "source": "Child1", "target": "Gavroche", "value": 2 },
-          // { "source": "Child2", "target": "Gavroche", "value": 2 },
-          // { "source": "Child2", "target": "Child1", "value": 3 },
-          // { "source": "Brujon", "target": "Babet", "value": 3 },
-          // { "source": "Brujon", "target": "Gueulemer", "value": 3 },
-          // { "source": "Brujon", "target": "Thenardier", "value": 3 },
-          // { "source": "Brujon", "target": "Gavroche", "value": 1 },
-          // { "source": "Brujon", "target": "Eponine", "value": 1 },
-          // { "source": "Brujon", "target": "Claquesous", "value": 1 },
-          // { "source": "Brujon", "target": "Montparnasse", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Bossuet", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Joly", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Grantaire", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Bahorel", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Courfeyrac", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Gavroche", "value": 1 },
-          // { "source": "Mme.Hucheloup", "target": "Enjolras", "value": 1 }
-        ]
-        // "links":[]
-      }
-
-    }; 
-    
-  },
-  mounted() {
-    // .then(function(response){
-    //   console.log(response)
-    // })
-    // .catch(function(error){
-    //   console.log(error)
-    // })
-    this.initGraph(this.testGraph);
-
-  },
-  methods: {
-    initGraph(data: {
-      nodes: { id: string; group: number; }[]; links: { // import { onMounted } from 'vue';
-        source: string; target: string; value: number;
-      }[];
-    }) {
-      const _this = this;
-      const links = data.links;
-      const nodes = data.nodes;
-      // const links = data.links.map((d: object | null) => Object.create(d));
-      // const nodes = data.nodes.map((d: object | null) => Object.create(d));
-
-      const simulation = d3.forceSimulation(nodes)
-        .force("link", d3.forceLink(links).id((d: { id: any; }) => d.id))
-        .force("collide",d3.forceCollide().radius(()=> 30) )
-        .force("charge", d3.forceManyBody().strength(-30))
-        .force("center", d3.forceCenter(_this.width / 2, _this.height / 2));
-
-      const svg = d3.select(".container")
-        .append("svg")
-        .attr("viewBox", `0 0 ${_this.width} ${_this.height}`);
-        svg.call(d3.zoom().on("zoom",function(){
-          g.attr("transform",d3.event.transform)
-        }))
-
-      const g = svg.append("g")
-
-      const link = g.append("g")
-        .attr("stroke", "#999")
-        .attr("stroke-opacity", 0.6)
-        .selectAll("line")
-        .data(links)
-        .join("line") 
-        .attr("stroke-width", (d: { value: number; }) => Math.sqrt(d.value))
-        .attr("class", "link");
-
-      const node = g.append("g")
-        .selectAll("circle")
-        .data(nodes)
-        .join("circle")
-        .attr("r", 40)
-        .attr("class","node")
-        .attr("fill", _this.color)
-        .on("click",_this.queryTest)
-        .call(_this.drag(simulation));
-
-      node.append("title")
-        .text((d: { id: any; }) => d.id);
-
-        const nodeNameText = g.append("g")
-        .selectAll("text")
-        .data(nodes)
-        .join("text") 
-        .text(function(d: { id: any; }){
-          return d.id
-        })
-        .attr("fill","white")
-        .attr("dx",function () {
-              return this.getBoundingClientRect().width/2*(-1)
-            })
-            .attr("dy",50)
-         .attr("class","node-name")
-
-         node.on("mouseover", function (d, i) {
-        d3.select(this)
-          .attr("stroke", "white")  // 添加白色边框
-          .attr("stroke-width", 5);  // 设置边框宽度
-      })
-        .on("mouseout", function (d, i) {
-          d3.select(this)
-            .attr("stroke", "none");  // 移出时恢复原始样式
-        });
-       
-
-      simulation.on("tick", () => {
-        link
-          .attr("x1", (d: { source: { x: any; }; }) => d.source.x)
-          .attr("y1", (d: { source: { y: any; }; }) => d.source.y)
-          .attr("x2", (d: { target: { x: any; }; }) => d.target.x)
-          .attr("y2", (d: { target: { y: any; }; }) => d.target.y);
-
-        node
-          .attr("cx", (d: { x: any; }) => d.x)
-          .attr("cy", (d: { y: any; }) => d.y);
-
-          nodeNameText
-          .attr("x", (d: { x: any; }) => d.x)
-          .attr("y", (d: { y: any; })=> d.y);
-      });
-    },
-    updateGraph(data: { links: any[]; }){
-      // var _this = this
-      const links = data.links.map((d: object | null)=>Object.create(d));
-      const nodes = data.nodes.map((d: object | null)=>Object.create(d));
-    },
-    color(d: { group: string | number; }) {
-      return this.colorList[d.group]
-      // const scale = d3.scaleOrdinal(d3.schemeCategory10);
-      // return (d: { group: any; }) => scale(d.group);
-    },
-    drag(simulation: { alphaTarget: (arg0: number) => { (): any; new(): any; restart: { (): void; new(): any; }; }; }) {
-      function dragstarted(event: { active: any; }) {
-        if (!event.active) simulation.alphaTarget(0.3).restart();
-        d3.event.subject.fx = d3.event.x;
-        d3.event.subject.fy = d3.event.y;
-      }
-
-      function dragged(event: any) {
-        d3.event.subject.fx = d3.event.x;
-        d3.event.subject.fy = d3.event.y;
-      }
-
-      function dragended(event: { active: any; }) {
-        if (!event.active) simulation.alphaTarget(0);
-        d3.event.subject.fx = null;
-        d3.event.subject.fy = null;
-      }
-
-      return d3.drag()
-        .on("start", dragstarted)
-        .on("drag", dragged)
-        .on("end", dragended);
-    },
-    queryTest(d: { id: any; }){
-      // var _this = this
-      console.log(d.id)
-    }
-  }
-}
-
-
+<script>
+// import * as d3 from 'd3'
+// // import { onMounted } from 'vue';
+
+// export default {
+//   name: 'courseHomepage',
+//   data() {
+//     return {
+//       svgArea: null,
+//       links: [],
+//       nodes: [],
+//       nodesName: [],
+//       linksName: [],
+//       simulation: null,
+//       scale: 1,
+//       width: 800,
+//       height: 560,
+//       colorList: [
+//         '#FD7623',
+//         '#3388B1',
+//         '#D82952',
+//         '#F3D737',
+//         '#409071',
+//         '#D64E52',
+//       ],
+//       testGraph: {
+//         nodes: [
+//           { id: 'Myriel', group: 1 },
+//           { id: 'Napoleon', group: 1 },
+//           { id: 'Mlle.Baptistine', group: 1 },
+//           { id: 'Mme.Magloire', group: 1 },
+//           { id: 'CountessdeLo', group: 1 },
+//           { id: 'Geborand', group: 1 },
+//           { id: 'Champtercier', group: 1 },
+//           { id: 'Cravatte', group: 1 },
+//           { id: 'Count', group: 1 },
+//           { id: 'OldMan', group: 1 },
+//           { id: 'Labarre', group: 2 },
+//           { id: 'Valjean', group: 2 },
+//           // { "id": "Marguerite", "group": 3 },
+//           // { "id": "Mme.deR", "group": 2 },
+//           // { "id": "Isabeau", "group": 2 },
+//           // { "id": "Gervais", "group": 2 },
+//           // { "id": "Tholomyes", "group": 3 },
+//           // { "id": "Listolier", "group": 3 },
+//           // { "id": "Fameuil", "group": 3 },
+//           // { "id": "Blacheville", "group": 3 },
+//           // { "id": "Favourite", "group": 3 },
+//           // { "id": "Dahlia", "group": 3 },
+//           // { "id": "Zephine", "group": 3 },
+//           // { "id": "Fantine", "group": 3 },
+//           // { "id": "Mme.Thenardier", "group": 4 },
+//           // { "id": "Thenardier", "group": 4 },
+//           // { "id": "Cosette", "group": 5 },
+//           // { "id": "Javert", "group": 4 },
+//           // { "id": "Fauchelevent", "group": 0 },
+//           // { "id": "Bamatabois", "group": 2 },
+//           // { "id": "Perpetue", "group": 3 },
+//           // { "id": "Simplice", "group": 2 },
+//           // { "id": "Scaufflaire", "group": 2 },
+//           // { "id": "Woman1", "group": 2 },
+//           // { "id": "Judge", "group": 2 },
+//           // { "id": "Champmathieu", "group": 2 },
+//           // { "id": "Brevet", "group": 2 },
+//           // { "id": "Chenildieu", "group": 2 },
+//           // { "id": "Cochepaille", "group": 2 },
+//           // { "id": "Pontmercy", "group": 4 },
+//           // { "id": "Boulatruelle", "group": 6 },
+//           // { "id": "Eponine", "group": 4 },
+//           // { "id": "Anzelma", "group": 4 },
+//           // { "id": "Woman2", "group": 5 },
+//           // { "id": "MotherInnocent", "group": 0 },
+//           // { "id": "Gribier", "group": 0 },
+//           // { "id": "Jondrette", "group": 7 },
+//           // { "id": "Mme.Burgon", "group": 7 },
+//           // { "id": "Gavroche", "group": 8 },
+//           // { "id": "Gillenormand", "group": 5 },
+//           // { "id": "Magnon", "group": 5 },
+//           // { "id": "Mlle.Gillenormand", "group": 5 },
+//           // { "id": "Mme.Pontmercy", "group": 5 },
+//           // { "id": "Mlle.Vaubois", "group": 5 },
+//           // { "id": "Lt.Gillenormand", "group": 5 },
+//           // { "id": "Marius", "group": 8 },
+//           // { "id": "BaronessT", "group": 5 },
+//           // { "id": "Mabeuf", "group": 8 },
+//           // { "id": "Enjolras", "group": 8 },
+//           // { "id": "Combeferre", "group": 8 },
+//           // { "id": "Prouvaire", "group": 8 },
+//           // { "id": "Feuilly", "group": 8 },
+//           // { "id": "Courfeyrac", "group": 8 },
+//           // { "id": "Bahorel", "group": 8 },
+//           // { "id": "Bossuet", "group": 8 },
+//           // { "id": "Joly", "group": 8 },
+//           // { "id": "Grantaire", "group": 8 },
+//           // { "id": "MotherPlutarch", "group": 9 },
+//           // { "id": "Gueulemer", "group": 4 },
+//           // { "id": "Babet", "group": 4 },
+//           // { "id": "Claquesous", "group": 4 },
+//           // { "id": "Montparnasse", "group": 4 },
+//           // { "id": "Toussaint", "group": 5 },
+//           // { "id": "Child1", "group": 10 },
+//           // { "id": "Child2", "group": 10 },
+//           // { "id": "Brujon", "group": 4 },
+//           // { "id": "Mme.Hucheloup", "group": 8 }
+//         ],
+//         links: [
+//           { source: 'Napoleon', target: 'Myriel', value: 1 },
+//           // { "source": "Mlle.Baptistine", "target": "Myriel", "value": 8 },
+//           // { "source": "Mme.Magloire", "target": "Myriel", "value": 10 },
+//           // { "source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 6 },
+//           // { "source": "CountessdeLo", "target": "Myriel", "value": 1 },
+//           // { "source": "Geborand", "target": "Myriel", "value": 1 },
+//           // { "source": "Champtercier", "target": "Myriel", "value": 1 },
+//           // { "source": "Cravatte", "target": "Myriel", "value": 1 },
+//           // { "source": "Count", "target": "Myriel", "value": 2 },
+//           // { "source": "OldMan", "target": "Myriel", "value": 1 },
+//           // { "source": "Valjean", "target": "Labarre", "value": 1 },
+//           // { "source": "Valjean", "target": "Mme.Magloire", "value": 3 },
+//           // { "source": "Valjean", "target": "Mlle.Baptistine", "value": 3 },
+//           // { "source": "Valjean", "target": "Myriel", "value": 5 },
+//           // { "source": "Marguerite", "target": "Valjean", "value": 1 },
+//           // { "source": "Mme.deR", "target": "Valjean", "value": 1 },
+//           // { "source": "Isabeau", "target": "Valjean", "value": 1 },
+//           // { "source": "Gervais", "target": "Valjean", "value": 1 },
+//           // { "source": "Listolier", "target": "Tholomyes", "value": 4 },
+//           // { "source": "Fameuil", "target": "Tholomyes", "value": 4 },
+//           // { "source": "Fameuil", "target": "Listolier", "value": 4 },
+//           // { "source": "Blacheville", "target": "Tholomyes", "value": 4 },
+//           // { "source": "Blacheville", "target": "Listolier", "value": 4 },
+//           // { "source": "Blacheville", "target": "Fameuil", "value": 4 },
+//           // { "source": "Favourite", "target": "Tholomyes", "value": 3 },
+//           // { "source": "Favourite", "target": "Listolier", "value": 3 },
+//           // { "source": "Favourite", "target": "Fameuil", "value": 3 },
+//           // { "source": "Favourite", "target": "Blacheville", "value": 4 },
+//           // { "source": "Dahlia", "target": "Tholomyes", "value": 3 },
+//           // { "source": "Dahlia", "target": "Listolier", "value": 3 },
+//           // { "source": "Dahlia", "target": "Fameuil", "value": 3 },
+//           // { "source": "Dahlia", "target": "Blacheville", "value": 3 },
+//           // { "source": "Dahlia", "target": "Favourite", "value": 5 },
+//           // { "source": "Zephine", "target": "Tholomyes", "value": 3 },
+//           // { "source": "Zephine", "target": "Listolier", "value": 3 },
+//           // { "source": "Zephine", "target": "Fameuil", "value": 3 },
+//           // { "source": "Zephine", "target": "Blacheville", "value": 3 },
+//           // { "source": "Zephine", "target": "Favourite", "value": 4 },
+//           // { "source": "Zephine", "target": "Dahlia", "value": 4 },
+//           // { "source": "Fantine", "target": "Tholomyes", "value": 3 },
+//           // { "source": "Fantine", "target": "Listolier", "value": 3 },
+//           // { "source": "Fantine", "target": "Fameuil", "value": 3 },
+//           // { "source": "Fantine", "target": "Blacheville", "value": 3 },
+//           // { "source": "Fantine", "target": "Favourite", "value": 4 },
+//           // { "source": "Fantine", "target": "Dahlia", "value": 4 },
+//           // { "source": "Fantine", "target": "Zephine", "value": 4 },
+//           // { "source": "Fantine", "target": "Marguerite", "value": 2 },
+//           // { "source": "Fantine", "target": "Valjean", "value": 9 },
+//           // { "source": "Mme.Thenardier", "target": "Fantine", "value": 2 },
+//           // { "source": "Mme.Thenardier", "target": "Valjean", "value": 7 },
+//           // { "source": "Thenardier", "target": "Mme.Thenardier", "value": 13 },
+//           // { "source": "Thenardier", "target": "Fantine", "value": 1 },
+//           // { "source": "Thenardier", "target": "Valjean", "value": 12 },
+//           // { "source": "Cosette", "target": "Mme.Thenardier", "value": 4 },
+//           // { "source": "Cosette", "target": "Valjean", "value": 31 },
+//           // { "source": "Cosette", "target": "Tholomyes", "value": 1 },
+//           // { "source": "Cosette", "target": "Thenardier", "value": 1 },
+//           // { "source": "Javert", "target": "Valjean", "value": 17 },
+//           // { "source": "Javert", "target": "Fantine", "value": 5 },
+//           // { "source": "Javert", "target": "Thenardier", "value": 5 },
+//           // { "source": "Javert", "target": "Mme.Thenardier", "value": 1 },
+//           // { "source": "Javert", "target": "Cosette", "value": 1 },
+//           // { "source": "Fauchelevent", "target": "Valjean", "value": 8 },
+//           // { "source": "Fauchelevent", "target": "Javert", "value": 1 },
+//           // { "source": "Bamatabois", "target": "Fantine", "value": 1 },
+//           // { "source": "Bamatabois", "target": "Javert", "value": 1 },
+//           // { "source": "Bamatabois", "target": "Valjean", "value": 2 },
+//           // { "source": "Perpetue", "target": "Fantine", "value": 1 },
+//           // { "source": "Simplice", "target": "Perpetue", "value": 2 },
+//           // { "source": "Simplice", "target": "Valjean", "value": 3 },
+//           // { "source": "Simplice", "target": "Fantine", "value": 2 },
+//           // { "source": "Simplice", "target": "Javert", "value": 1 },
+//           // { "source": "Scaufflaire", "target": "Valjean", "value": 1 },
+//           // { "source": "Woman1", "target": "Valjean", "value": 2 },
+//           // { "source": "Woman1", "target": "Javert", "value": 1 },
+//           // { "source": "Judge", "target": "Valjean", "value": 3 },
+//           // { "source": "Judge", "target": "Bamatabois", "value": 2 },
+//           // { "source": "Champmathieu", "target": "Valjean", "value": 3 },
+//           // { "source": "Champmathieu", "target": "Judge", "value": 3 },
+//           // { "source": "Champmathieu", "target": "Bamatabois", "value": 2 },
+//           // { "source": "Brevet", "target": "Judge", "value": 2 },
+//           // { "source": "Brevet", "target": "Champmathieu", "value": 2 },
+//           // { "source": "Brevet", "target": "Valjean", "value": 2 },
+//           // { "source": "Brevet", "target": "Bamatabois", "value": 1 },
+//           // { "source": "Chenildieu", "target": "Judge", "value": 2 },
+//           // { "source": "Chenildieu", "target": "Champmathieu", "value": 2 },
+//           // { "source": "Chenildieu", "target": "Brevet", "value": 2 },
+//           // { "source": "Chenildieu", "target": "Valjean", "value": 2 },
+//           // { "source": "Chenildieu", "target": "Bamatabois", "value": 1 },
+//           // { "source": "Cochepaille", "target": "Judge", "value": 2 },
+//           // { "source": "Cochepaille", "target": "Champmathieu", "value": 2 },
+//           // { "source": "Cochepaille", "target": "Brevet", "value": 2 },
+//           // { "source": "Cochepaille", "target": "Chenildieu", "value": 2 },
+//           // { "source": "Cochepaille", "target": "Valjean", "value": 2 },
+//           // { "source": "Cochepaille", "target": "Bamatabois", "value": 1 },
+//           // { "source": "Pontmercy", "target": "Thenardier", "value": 1 },
+//           // { "source": "Boulatruelle", "target": "Thenardier", "value": 1 },
+//           // { "source": "Eponine", "target": "Mme.Thenardier", "value": 2 },
+//           // { "source": "Eponine", "target": "Thenardier", "value": 3 },
+//           // { "source": "Anzelma", "target": "Eponine", "value": 2 },
+//           // { "source": "Anzelma", "target": "Thenardier", "value": 2 },
+//           // { "source": "Anzelma", "target": "Mme.Thenardier", "value": 1 },
+//           // { "source": "Woman2", "target": "Valjean", "value": 3 },
+//           // { "source": "Woman2", "target": "Cosette", "value": 1 },
+//           // { "source": "Woman2", "target": "Javert", "value": 1 },
+//           // { "source": "MotherInnocent", "target": "Fauchelevent", "value": 3 },
+//           // { "source": "MotherInnocent", "target": "Valjean", "value": 1 },
+//           // { "source": "Gribier", "target": "Fauchelevent", "value": 2 },
+//           // { "source": "Mme.Burgon", "target": "Jondrette", "value": 1 },
+//           // { "source": "Gavroche", "target": "Mme.Burgon", "value": 2 },
+//           // { "source": "Gavroche", "target": "Thenardier", "value": 1 },
+//           // { "source": "Gavroche", "target": "Javert", "value": 1 },
+//           // { "source": "Gavroche", "target": "Valjean", "value": 1 },
+//           // { "source": "Gillenormand", "target": "Cosette", "value": 3 },
+//           // { "source": "Gillenormand", "target": "Valjean", "value": 2 },
+//           // { "source": "Magnon", "target": "Gillenormand", "value": 1 },
+//           // { "source": "Magnon", "target": "Mme.Thenardier", "value": 1 },
+//           // { "source": "Mlle.Gillenormand", "target": "Gillenormand", "value": 9 },
+//           // { "source": "Mlle.Gillenormand", "target": "Cosette", "value": 2 },
+//           // { "source": "Mlle.Gillenormand", "target": "Valjean", "value": 2 },
+//           // { "source": "Mme.Pontmercy", "target": "Mlle.Gillenormand", "value": 1 },
+//           // { "source": "Mme.Pontmercy", "target": "Pontmercy", "value": 1 },
+//           // { "source": "Mlle.Vaubois", "target": "Mlle.Gillenormand", "value": 1 },
+//           // { "source": "Lt.Gillenormand", "target": "Mlle.Gillenormand", "value": 2 },
+//           // { "source": "Lt.Gillenormand", "target": "Gillenormand", "value": 1 },
+//           // { "source": "Lt.Gillenormand", "target": "Cosette", "value": 1 },
+//           // { "source": "Marius", "target": "Mlle.Gillenormand", "value": 6 },
+//           // { "source": "Marius", "target": "Gillenormand", "value": 12 },
+//           // { "source": "Marius", "target": "Pontmercy", "value": 1 },
+//           // { "source": "Marius", "target": "Lt.Gillenormand", "value": 1 },
+//           // { "source": "Marius", "target": "Cosette", "value": 21 },
+//           // { "source": "Marius", "target": "Valjean", "value": 19 },
+//           // { "source": "Marius", "target": "Tholomyes", "value": 1 },
+//           // { "source": "Marius", "target": "Thenardier", "value": 2 },
+//           // { "source": "Marius", "target": "Eponine", "value": 5 },
+//           // { "source": "Marius", "target": "Gavroche", "value": 4 },
+//           // { "source": "BaronessT", "target": "Gillenormand", "value": 1 },
+//           // { "source": "BaronessT", "target": "Marius", "value": 1 },
+//           // { "source": "Mabeuf", "target": "Marius", "value": 1 },
+//           // { "source": "Mabeuf", "target": "Eponine", "value": 1 },
+//           // { "source": "Mabeuf", "target": "Gavroche", "value": 1 },
+//           // { "source": "Enjolras", "target": "Marius", "value": 7 },
+//           // { "source": "Enjolras", "target": "Gavroche", "value": 7 },
+//           // { "source": "Enjolras", "target": "Javert", "value": 6 },
+//           // { "source": "Enjolras", "target": "Mabeuf", "value": 1 },
+//           // { "source": "Enjolras", "target": "Valjean", "value": 4 },
+//           // { "source": "Combeferre", "target": "Enjolras", "value": 15 },
+//           // { "source": "Combeferre", "target": "Marius", "value": 5 },
+//           // { "source": "Combeferre", "target": "Gavroche", "value": 6 },
+//           // { "source": "Combeferre", "target": "Mabeuf", "value": 2 },
+//           // { "source": "Prouvaire", "target": "Gavroche", "value": 1 },
+//           // { "source": "Prouvaire", "target": "Enjolras", "value": 4 },
+//           // { "source": "Prouvaire", "target": "Combeferre", "value": 2 },
+//           // { "source": "Feuilly", "target": "Gavroche", "value": 2 },
+//           // { "source": "Feuilly", "target": "Enjolras", "value": 6 },
+//           // { "source": "Feuilly", "target": "Prouvaire", "value": 2 },
+//           // { "source": "Feuilly", "target": "Combeferre", "value": 5 },
+//           // { "source": "Feuilly", "target": "Mabeuf", "value": 1 },
+//           // { "source": "Feuilly", "target": "Marius", "value": 1 },
+//           // { "source": "Courfeyrac", "target": "Marius", "value": 9 },
+//           // { "source": "Courfeyrac", "target": "Enjolras", "value": 17 },
+//           // { "source": "Courfeyrac", "target": "Combeferre", "value": 13 },
+//           // { "source": "Courfeyrac", "target": "Gavroche", "value": 7 },
+//           // { "source": "Courfeyrac", "target": "Mabeuf", "value": 2 },
+//           // { "source": "Courfeyrac", "target": "Eponine", "value": 1 },
+//           // { "source": "Courfeyrac", "target": "Feuilly", "value": 6 },
+//           // { "source": "Courfeyrac", "target": "Prouvaire", "value": 3 },
+//           // { "source": "Bahorel", "target": "Combeferre", "value": 5 },
+//           // { "source": "Bahorel", "target": "Gavroche", "value": 5 },
+//           // { "source": "Bahorel", "target": "Courfeyrac", "value": 6 },
+//           // { "source": "Bahorel", "target": "Mabeuf", "value": 2 },
+//           // { "source": "Bahorel", "target": "Enjolras", "value": 4 },
+//           // { "source": "Bahorel", "target": "Feuilly", "value": 3 },
+//           // { "source": "Bahorel", "target": "Prouvaire", "value": 2 },
+//           // { "source": "Bahorel", "target": "Marius", "value": 1 },
+//           // { "source": "Bossuet", "target": "Marius", "value": 5 },
+//           // { "source": "Bossuet", "target": "Courfeyrac", "value": 12 },
+//           // { "source": "Bossuet", "target": "Gavroche", "value": 5 },
+//           // { "source": "Bossuet", "target": "Bahorel", "value": 4 },
+//           // { "source": "Bossuet", "target": "Enjolras", "value": 10 },
+//           // { "source": "Bossuet", "target": "Feuilly", "value": 6 },
+//           // { "source": "Bossuet", "target": "Prouvaire", "value": 2 },
+//           // { "source": "Bossuet", "target": "Combeferre", "value": 9 },
+//           // { "source": "Bossuet", "target": "Mabeuf", "value": 1 },
+//           // { "source": "Bossuet", "target": "Valjean", "value": 1 },
+//           // { "source": "Joly", "target": "Bahorel", "value": 5 },
+//           // { "source": "Joly", "target": "Bossuet", "value": 7 },
+//           // { "source": "Joly", "target": "Gavroche", "value": 3 },
+//           // { "source": "Joly", "target": "Courfeyrac", "value": 5 },
+//           // { "source": "Joly", "target": "Enjolras", "value": 5 },
+//           // { "source": "Joly", "target": "Feuilly", "value": 5 },
+//           // { "source": "Joly", "target": "Prouvaire", "value": 2 },
+//           // { "source": "Joly", "target": "Combeferre", "value": 5 },
+//           // { "source": "Joly", "target": "Mabeuf", "value": 1 },
+//           // { "source": "Joly", "target": "Marius", "value": 2 },
+//           // { "source": "Grantaire", "target": "Bossuet", "value": 3 },
+//           // { "source": "Grantaire", "target": "Enjolras", "value": 3 },
+//           // { "source": "Grantaire", "target": "Combeferre", "value": 1 },
+//           // { "source": "Grantaire", "target": "Courfeyrac", "value": 2 },
+//           // { "source": "Grantaire", "target": "Joly", "value": 2 },
+//           // { "source": "Grantaire", "target": "Gavroche", "value": 1 },
+//           // { "source": "Grantaire", "target": "Bahorel", "value": 1 },
+//           // { "source": "Grantaire", "target": "Feuilly", "value": 1 },
+//           // { "source": "Grantaire", "target": "Prouvaire", "value": 1 },
+//           // { "source": "MotherPlutarch", "target": "Mabeuf", "value": 3 },
+//           // { "source": "Gueulemer", "target": "Thenardier", "value": 5 },
+//           // { "source": "Gueulemer", "target": "Valjean", "value": 1 },
+//           // { "source": "Gueulemer", "target": "Mme.Thenardier", "value": 1 },
+//           // { "source": "Gueulemer", "target": "Javert", "value": 1 },
+//           // { "source": "Gueulemer", "target": "Gavroche", "value": 1 },
+//           // { "source": "Gueulemer", "target": "Eponine", "value": 1 },
+//           // { "source": "Babet", "target": "Thenardier", "value": 6 },
+//           // { "source": "Babet", "target": "Gueulemer", "value": 6 },
+//           // { "source": "Babet", "target": "Valjean", "value": 1 },
+//           // { "source": "Babet", "target": "Mme.Thenardier", "value": 1 },
+//           // { "source": "Babet", "target": "Javert", "value": 2 },
+//           // { "source": "Babet", "target": "Gavroche", "value": 1 },
+//           // { "source": "Babet", "target": "Eponine", "value": 1 },
+//           // { "source": "Claquesous", "target": "Thenardier", "value": 4 },
+//           // { "source": "Claquesous", "target": "Babet", "value": 4 },
+//           // { "source": "Claquesous", "target": "Gueulemer", "value": 4 },
+//           // { "source": "Claquesous", "target": "Valjean", "value": 1 },
+//           // { "source": "Claquesous", "target": "Mme.Thenardier", "value": 1 },
+//           // { "source": "Claquesous", "target": "Javert", "value": 1 },
+//           // { "source": "Claquesous", "target": "Eponine", "value": 1 },
+//           // { "source": "Claquesous", "target": "Enjolras", "value": 1 },
+//           // { "source": "Montparnasse", "target": "Javert", "value": 1 },
+//           // { "source": "Montparnasse", "target": "Babet", "value": 2 },
+//           // { "source": "Montparnasse", "target": "Gueulemer", "value": 2 },
+//           // { "source": "Montparnasse", "target": "Claquesous", "value": 2 },
+//           // { "source": "Montparnasse", "target": "Valjean", "value": 1 },
+//           // { "source": "Montparnasse", "target": "Gavroche", "value": 1 },
+//           // { "source": "Montparnasse", "target": "Eponine", "value": 1 },
+//           // { "source": "Montparnasse", "target": "Thenardier", "value": 1 },
+//           // { "source": "Toussaint", "target": "Cosette", "value": 2 },
+//           // { "source": "Toussaint", "target": "Javert", "value": 1 },
+//           // { "source": "Toussaint", "target": "Valjean", "value": 1 },
+//           // { "source": "Child1", "target": "Gavroche", "value": 2 },
+//           // { "source": "Child2", "target": "Gavroche", "value": 2 },
+//           // { "source": "Child2", "target": "Child1", "value": 3 },
+//           // { "source": "Brujon", "target": "Babet", "value": 3 },
+//           // { "source": "Brujon", "target": "Gueulemer", "value": 3 },
+//           // { "source": "Brujon", "target": "Thenardier", "value": 3 },
+//           // { "source": "Brujon", "target": "Gavroche", "value": 1 },
+//           // { "source": "Brujon", "target": "Eponine", "value": 1 },
+//           // { "source": "Brujon", "target": "Claquesous", "value": 1 },
+//           // { "source": "Brujon", "target": "Montparnasse", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Bossuet", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Joly", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Grantaire", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Bahorel", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Courfeyrac", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Gavroche", "value": 1 },
+//           // { "source": "Mme.Hucheloup", "target": "Enjolras", "value": 1 }
+//         ],
+//         // "links":[]
+//       },
+//     }
+//   },
+//   mounted() {
+//     // .then(function(response){
+//     //   console.log(response)
+//     // })
+//     // .catch(function(error){
+//     //   console.log(error)
+//     // })
+//     this.initGraph(this.testGraph)
+//   },
+//   methods: {
+//     initGraph(data: {
+//       nodes: { id: string; group: number }[]
+//       links: {
+//         // import { onMounted } from 'vue';
+//         source: string
+//         target: string
+//         value: number
+//       }[]
+//     }) {
+//       const _this = this
+//       const links = data.links
+//       const nodes = data.nodes
+//       // const links = data.links.map((d: object | null) => Object.create(d));
+//       // const nodes = data.nodes.map((d: object | null) => Object.create(d));
+
+//       const simulation = d3
+//         .forceSimulation(nodes)
+//         .force(
+//           'link',
+//           d3.forceLink(links).id((d: { id: any }) => d.id),
+//         )
+//         .force(
+//           'collide',
+//           d3.forceCollide().radius(() => 30),
+//         )
+//         .force('charge', d3.forceManyBody().strength(-30))
+//         .force('center', d3.forceCenter(_this.width / 2, _this.height / 2))
+
+//       const svg = d3
+//         .select('.container')
+//         .append('svg')
+//         .attr('viewBox', `0 0 ${_this.width} ${_this.height}`)
+//       svg.call(
+//         d3.zoom().on('zoom', function () {
+//           g.attr('transform', d3.event.transform)
+//         }),
+//       )
+
+//       const g = svg.append('g')
+
+//       const link = g
+//         .append('g')
+//         .attr('stroke', '#999')
+//         .attr('stroke-opacity', 0.6)
+//         .selectAll('line')
+//         .data(links)
+//         .join('line')
+//         .attr('stroke-width', (d: { value: number }) => Math.sqrt(d.value))
+//         .attr('class', 'link')
+
+//       const node = g
+//         .append('g')
+//         .selectAll('circle')
+//         .data(nodes)
+//         .join('circle')
+//         .attr('r', 40)
+//         .attr('class', 'node')
+//         .attr('fill', _this.color)
+//         .on('click', _this.queryTest)
+//         .call(_this.drag(simulation))
+
+//       node.append('title').text((d: { id: any }) => d.id)
+
+//       const nodeNameText = g
+//         .append('g')
+//         .selectAll('text')
+//         .data(nodes)
+//         .join('text')
+//         .text(function (d: { id: any }) {
+//           return d.id
+//         })
+//         .attr('fill', 'white')
+//         .attr('dx', function () {
+//           return (this.getBoundingClientRect().width / 2) * -1
+//         })
+//         .attr('dy', 50)
+//         .attr('class', 'node-name')
+
+//       node
+//         .on('mouseover', function (d, i) {
+//           d3.select(this)
+//             .attr('stroke', 'white') // 添加白色边框
+//             .attr('stroke-width', 5) // 设置边框宽度
+//         })
+//         .on('mouseout', function (d, i) {
+//           d3.select(this).attr('stroke', 'none') // 移出时恢复原始样式
+//         })
+
+//       simulation.on('tick', () => {
+//         link
+//           .attr('x1', (d: { source: { x: any } }) => d.source.x)
+//           .attr('y1', (d: { source: { y: any } }) => d.source.y)
+//           .attr('x2', (d: { target: { x: any } }) => d.target.x)
+//           .attr('y2', (d: { target: { y: any } }) => d.target.y)
+
+//         node
+//           .attr('cx', (d: { x: any }) => d.x)
+//           .attr('cy', (d: { y: any }) => d.y)
+
+//         nodeNameText
+//           .attr('x', (d: { x: any }) => d.x)
+//           .attr('y', (d: { y: any }) => d.y)
+//       })
+//     },
+//     updateGraph(data: { links: any[] }) {
+//       // var _this = this
+//       const links = data.links.map((d: object | null) => Object.create(d))
+//       const nodes = data.nodes.map((d: object | null) => Object.create(d))
+//     },
+//     color(d: { group: string | number }) {
+//       return this.colorList[d.group]
+//       // const scale = d3.scaleOrdinal(d3.schemeCategory10);
+//       // return (d: { group: any; }) => scale(d.group);
+//     },
+//     drag(simulation: {
+//       alphaTarget: (arg0: number) => {
+//         (): any
+//         new (): any
+//         restart: { (): void; new (): any }
+//       }
+//     }) {
+//       function dragstarted(event: { active: any }) {
+//         if (!event.active) simulation.alphaTarget(0.3).restart()
+//         d3.event.subject.fx = d3.event.x
+//         d3.event.subject.fy = d3.event.y
+//       }
+
+//       function dragged(event: any) {
+//         d3.event.subject.fx = d3.event.x
+//         d3.event.subject.fy = d3.event.y
+//       }
+
+//       function dragended(event: { active: any }) {
+//         if (!event.active) simulation.alphaTarget(0)
+//         d3.event.subject.fx = null
+//         d3.event.subject.fy = null
+//       }
+
+//       return d3
+//         .drag()
+//         .on('start', dragstarted)
+//         .on('drag', dragged)
+//         .on('end', dragended)
+//     },
+//     queryTest(d: { id: any }) {
+//       // var _this = this
+//       console.log(d.id)
+//     },
+//   },
+// }
 </script>
 
-
 <style lang="scss" scoped>
 * {
   margin: 0;
@@ -596,8 +620,6 @@ img {
   background-image: url('/src/assets/images/top.png');
   background-size: 100% 100%;
   // background:linear-gradient(#74a5ff,#91b7ff,#A4c3ff);
-
-
 }
 
 // 导航栏
@@ -612,8 +634,7 @@ img {
   width: 24%;
   height: 10%;
   margin-right: 20px;
-  // background-color: #6759ff; 
-
+  // background-color: #6759ff;
 }
 
 .header .nav1 ul li {
@@ -623,7 +644,7 @@ img {
   color: white;
   font-size: 12px;
   text-align: center;
-  // border-right: 1px solid #FFFFFF; 
+  // border-right: 1px solid #FFFFFF;
 }
 
 .header .nav2 {
@@ -634,7 +655,7 @@ img {
   height: 25%;
   margin-top: 30px;
   // margin-right: -260px;
-  // background-color: #6759ff; 
+  // background-color: #6759ff;
 }
 
 .header .nav2 ul li {
@@ -662,17 +683,17 @@ img {
   font-size: 50px;
   margin-top: 23px;
   font-weight: bolder;
-  color: #FFFFFF;
+  color: #ffffff;
   float: right;
-  margin-right: 173px // float: left;
-    // margin-left: 779px;
+  margin-right: 173px; // float: left;
+  // margin-left: 779px;
 }
 
 .header p {
   font-size: 15px;
   margin-top: 102px;
   // font-weight:bolder;
-  color: #FFFFFF;
+  color: #ffffff;
   float: right;
   margin-right: -175px;
 }
@@ -684,11 +705,11 @@ img {
   margin-left: 80px;
 }
 // 内容
-.content{
+.content {
   margin-top: 10;
   width: 100%;
   height: 900px;
-  background-color: #7F9EED;
+  background-color: #7f9eed;
 }
 .subnav {
   width: 100%;
@@ -699,44 +720,44 @@ img {
 }
 
 .subnav h1 {
-  border-bottom: 4px solid #0052FF;
+  border-bottom: 4px solid #0052ff;
   font-size: 20px;
   width: 10%;
   height: 35px;
   margin: auto;
   font-weight: bolder;
-  color: #0052FF;
+  color: #0052ff;
   text-align: center;
 }
 // d3
-.container{
-    width: 1000px;
-    height: 700px;
-    // border: 1px solid #2c3e50;
-    border-radius:8px;
-    margin-top: 40px;
-    margin-left: auto;
-    // border-radius: 50%;
-    margin-right: auto;
-    border: #79c4f3;
-    background-color: #79c4f3 ;
-    // background: #79c4f3 repeating-linear-gradient(30deg,
-    // hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 15px,
-    // transparent 0, transparent 30px);
-  }
-  .node{
-    stroke:#fff;
-    stroke-width:1;
-    cursor: pointer;
-  }
-
-  .node:hover{
-    stroke-width:5;
-  }
-
-  .nodeName{
-    fill:white;
-  }
+.container {
+  width: 1000px;
+  height: 700px;
+  // border: 1px solid #2c3e50;
+  border-radius: 8px;
+  margin-top: 40px;
+  margin-left: auto;
+  // border-radius: 50%;
+  margin-right: auto;
+  border: #79c4f3;
+  background-color: #79c4f3;
+  // background: #79c4f3 repeating-linear-gradient(30deg,
+  // hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 15px,
+  // transparent 0, transparent 30px);
+}
+.node {
+  stroke: #fff;
+  stroke-width: 1;
+  cursor: pointer;
+}
+
+.node:hover {
+  stroke-width: 5;
+}
+
+.nodeName {
+  fill: white;
+}
 
 // 尾部
 .footer {
@@ -755,17 +776,17 @@ img {
   text-align: center;
   font-size: 15px;
   padding-top: 40px;
-  color: #7F9EED;
+  color: #7f9eed;
   font-weight: bolder;
 }
 
 .footer h1 {
   width: 100%;
   // position: absolute;
-  font-family: "kaiti_gb2312";
+  font-family: 'kaiti_gb2312';
   margin-top: 10px;
   font-size: 25px;
-  color: #7F9EED;
+  color: #7f9eed;
   font-weight: bolder;
 }
 
@@ -773,9 +794,9 @@ img {
   width: 100%;
   height: 20px;
   // position: absolute;
-  font-family: "kaiti_gb2312";
+  font-family: 'kaiti_gb2312';
   margin-top: 25px;
   font-size: 17px;
-  color: #7F9EED;
+  color: #7f9eed;
 }
 </style>
diff --git a/src/views/portal/components/KnowledgeGraph.vue b/src/views/portal/components/KnowledgeGraph.vue
index b71fa7b..e513bdd 100644
--- a/src/views/portal/components/KnowledgeGraph.vue
+++ b/src/views/portal/components/KnowledgeGraph.vue
@@ -1,33 +1,41 @@
 <template>
-    <div id="3d-graph"></div>
+  <div id="3d-graph"></div>
 </template>
 
 <script lang="ts" setup>
 // import { useRouter } from 'vue-router'
-import { onMounted, ref,reactive } from 'vue'
+import { onMounted, ref, reactive } from 'vue'
 import ForceGraph3D from '3d-force-graph'
 //@ts-ignore
-import { CSS2DRenderer, CSS2DObject,} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+  //@ts-expect-error
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
 //@ts-ignore
-import SpriteText  from '../spritetext.js'
+import SpriteText from '../spritetext.js'
 // const $router = useRouter()
 // const jsonData = ref(null)
-let Graph  = reactive({})
+let Graph = reactive({})
 const props = defineProps({
-  width:{
-    type:Number,
-    default:window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
   },
-  height:{
-    type:Number,
-    default:window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight,
-  }
 })
 const dom = ref(null)
 onMounted(() => {
-   
-    
-   Graph = ForceGraph3D({
+  Graph = ForceGraph3D({
     extraRenderers: [new CSS2DRenderer()],
   })(document.getElementById('3d-graph') as HTMLElement)
     .jsonUrl('../../../public/data.json')
@@ -40,7 +48,7 @@ onMounted(() => {
       // console.log(node, 111, Graph.graphData().nodes)
       return new CSS2DObject(nodeEl)
     })
-    .linkLabel((link:any) => link.label) // 指定链接上显示的文字属性
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
     .linkWidth(0.8)
     .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
     .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
@@ -101,7 +109,6 @@ onMounted(() => {
             } else {
               return '#dd92fd'
             }
-            
           })
         } else {
           // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
@@ -112,40 +119,40 @@ onMounted(() => {
       //@ts-ignore
       Graph.graphData(graphData)
     })
-   dom.value = document.querySelector('canvas') as any
+  dom.value = document.querySelector('canvas') as any
 })
 
 const setLabel = () => {
   //@ts-ignore
-  Graph.linkThreeObject((link:any) => {
-          // extend link with text sprite
-          const sprite = new SpriteText(`${link.label}`);
-          sprite.color = '#ccc';
-          sprite.textHeight = 1.5;
-          return sprite;
-        })
+  Graph.linkThreeObject((link: any) => {
+    // extend link with text sprite
+    const sprite = new SpriteText(`${link.label}`)
+    sprite.color = '#ccc'
+    sprite.textHeight = 1.5
+    return sprite
+  })
+  //@ts-ignore
+  Graph.linkPositionUpdate((sprite, { start, end }) => {
+    //@ts-ignore
+    const middlePos = Object.assign(
+      //@ts-expect-error
+      ...['x', 'y', 'z'].map((c) => ({
         //@ts-ignore
-        Graph.linkPositionUpdate((sprite, { start, end }) => {
-          //@ts-ignore
-          const middlePos = Object.assign(...['x', 'y', 'z'].map(c => ({
-            //@ts-ignore
-            [c]: start[c] + (end[c] - start[c]) / 2 // calc middle point
-          })));
+        [c]: start[c] + (end[c] - start[c]) / 2, // calc middle point
+      })),
+    )
 
-          // Position sprite
-          Object.assign(sprite.position, middlePos);
-        });
-        //@ts-ignore
-        Graph.d3Force('charge').strength(-120);
+    // Position sprite
+    Object.assign(sprite.position, middlePos)
+  })
+  //@ts-ignore
+  Graph.d3Force('charge').strength(-120)
 }
 // const goToEditAtlas = () => {
 //   console.log(jsonData.value)
 
 //   $router.push({ name: 'EditAtlas', params: { id: 123 } })
 // }
-
 </script>
 
-<style lang='scss' scoped>
-
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/views/portal/courseHomepage.vue b/src/views/portal/courseHomepage.vue
index d493746..484e97c 100644
--- a/src/views/portal/courseHomepage.vue
+++ b/src/views/portal/courseHomepage.vue
@@ -64,7 +64,9 @@
     </div>
 
     <div class="sidebar">
-      <div class="icon"><img src="/src/assets/images/rjgz.jpg" width="100%" height="100%"></div>
+      <div class="icon">
+        <img src="/src/assets/images/rjgz.jpg" width="100%" height="100%" />
+      </div>
       <!-- <div class="content">
         <h3>课程目标</h3>
         <div class="btn">了解更多</div>
@@ -387,7 +389,7 @@ body {
   margin-left: 20px;
   // background-color: rgb(84, 50, 9)
 }
-.sidebar .icon{
+.sidebar .icon {
   width: 100%;
   height: 20%;
 }
diff --git a/src/views/portal/index.vue b/src/views/portal/index.vue
index 34d2eb7..d578ace 100644
--- a/src/views/portal/index.vue
+++ b/src/views/portal/index.vue
@@ -71,16 +71,20 @@
             ​
             <!-- </div> -->
 
-            <div class="box" style="width: 100%;
-  height: 20%;
-  /* background-color: #3374ff; */
-  display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    justify-content: space-around;
-   
-    /* background-color: #74a5ff; */
-    ">
+            <div
+              class="box"
+              style="
+                width: 100%;
+                height: 20%;
+                /* background-color: #3374ff; */
+                display: flex;
+                flex-wrap: wrap;
+                flex-direction: row;
+                justify-content: space-around;
+
+                /* background-color: #74a5ff; */
+              "
+            >
               <!-- <p style="font-size: 14px;color: #6B6B6B;">总学时 ：{{  item.totalHours }}小时</p>
 <p style="font-size: 14px;color: #6B6B6B;">总学分 ：{{item.credit}}分</p>
 <p style="font-size: 14px;color: #6B6B6B;">章节数 ：xxx章</p>
@@ -97,7 +101,10 @@
               <div class="a" style="margin-left: 0px; color: #6b6b6b">
                 章节数 ：{{ item.totalchapter }}章
               </div>
-              <div class="a" style="margin-left: 29%;color: #6b6b6b;padding-left: 4%;" >
+              <div
+                class="a"
+                style="margin-left: 29%; color: #6b6b6b; padding-left: 4%"
+              >
                 ​ 知识点总数 ：{{ item.totalKnow }}个 ​
               </div>
               ​
@@ -115,17 +122,21 @@
             </div>
 
             <!-- </div> -->
-            <div class="box" style="width: 100%;
-  height: 20%;
-  /* background-color: #3374ff; */
-  display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    justify-content: space-around;
-   
-    /* background-color: #74a5ff; */
-    ">
-               <div
+            <div
+              class="box"
+              style="
+                width: 100%;
+                height: 20%;
+                /* background-color: #3374ff; */
+                display: flex;
+                flex-wrap: wrap;
+                flex-direction: row;
+                justify-content: space-around;
+
+                /* background-color: #74a5ff; */
+              "
+            >
+              <div
                 class="a"
                 style="margin-left: 0px; width: 62%; color: aliceblue"
               >
@@ -137,7 +148,10 @@
               <div class="a" style="margin-left: 0px; color: aliceblue">
                 章节数 ：{{ item.totalchapter }}章
               </div>
-              <div class="a" style="margin-left: 29%;color: aliceblue;padding-left: 4%;" >
+              <div
+                class="a"
+                style="margin-left: 29%; color: aliceblue; padding-left: 4%"
+              >
                 ​ 知识点总数 ：{{ item.totalKnow }}个 ​
               </div>
               <!-- <p style="font-size: 14px;">总学时 ：{{  item.totalHours }}小时</p>
@@ -166,13 +180,11 @@
       </div>
     </div>
     <div class="con"></div>
-     <!-- 连接后端时可以去掉注释 -->
+    <!-- 连接后端时可以去掉注释 -->
     <div class="but" v-if="!noMoreData" @click="loadItems">
       {{ buttonFlag ? '正在加载...' : '加载更多' }}
-     
     </div>
     <p v-else class="cont">数据全部加载完成</p>
-   
   </div>
 
   <!-- 底部 -->
@@ -194,10 +206,10 @@
 
 <script lang="ts" setup>
 // 连接后端时可以去掉注释
-import axios from 'axios'
-import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
+// import axios from 'axios'
+import { ref } from 'vue'
 import { getPageCourses } from '@/api/user/crouse.js'
-import { autoResetRef } from '@vueuse/core'
+// import { autoResetRef } from '@vueuse/core'
 // export default{
 const containerRef = ref(null)
 // const items = ref([{
@@ -211,12 +223,12 @@ const date = ref({
 // const loading = ref(false)
 const page = ref(date.value.page)
 const main = ref<any>(null)
-const buttonColor = ref('red')
+// const buttonColor = ref('red')
 const userList = ref<any>([])
 // let count = 0
-const showLoadMoreButton = ref(false)
+// const showLoadMoreButton = ref(false)
 const noMoreData = ref(false)
-const isLoading = ref(false)
+// const isLoading = ref(false)
 const buttonFlag = ref(false)
 const loadItems = async () => {
   // isLoading.value = true
@@ -231,19 +243,16 @@ const loadItems = async () => {
   console.log(userList.value, response.data.content)
 }
 
-
-
 const loadMore = () => {
-  
   date.value.page = page.value++
-  
+
   if (date.value.page <= 2) {
     loadItems()
   }
 }
 const handleScroll = () => {
   const container: any = containerRef.value
- 
+
   console.log(
     container.scrollTop,
     container.clientHeight,
@@ -256,23 +265,16 @@ const handleScroll = () => {
   ) {
     console.log('到底了')
     if (buttonFlag.value) {
-      
       return alert('正在加载请勿重复滑动')
     } else {
       loadMore()
     }
-
-   
   }
 }
 
-
 loadMore()
-
 </script>
 
-
-
 <style lang="scss" scoped>
 .container-box {
   height: 700px;
@@ -478,16 +480,16 @@ img {
   height: 30%;
   // background-color: #3374ff;
   display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    // background-color: #74a5ff;
-    justify-content: space-around;
+  flex-direction: row;
+  flex-wrap: wrap;
+  // background-color: #74a5ff;
+  justify-content: space-around;
 }
 .content .txt .box .a {
   width: 39%;
   height: 30%;
   text-align: center;
-  font-size:clamp(0.7rem, 0.489rem + 0.4vw, 2rem);
+  font-size: clamp(0.7rem, 0.489rem + 0.4vw, 2rem);
   // float: left;
   // margin-top: 10px;
   // margin-left: 40px;
diff --git a/src/views/portal/knowledgePointLearning.vue b/src/views/portal/knowledgePointLearning.vue
index 13cf959..cad0bd2 100644
--- a/src/views/portal/knowledgePointLearning.vue
+++ b/src/views/portal/knowledgePointLearning.vue
@@ -39,8 +39,20 @@
     <div class="sidebar">
       <div class="sidebar-header">
         <div class="sidebar-header-imag">
-          <div class="sidebar-header-imag1"><img src="/src/assets/images/gd (3).png" width="100%" height="100%"></div>
-          <div class="sidebar-header-imag2"><img src="/src/assets/images/sjx(1).png" width="100%" height="100%"></div>
+          <div class="sidebar-header-imag1">
+            <img
+              src="/src/assets/images/gd (3).png"
+              width="100%"
+              height="100%"
+            />
+          </div>
+          <div class="sidebar-header-imag2">
+            <img
+              src="/src/assets/images/sjx(1).png"
+              width="100%"
+              height="100%"
+            />
+          </div>
         </div>
         <h1>知识点</h1>
         <p>共发布225个</p>
@@ -51,11 +63,17 @@
       <div class="content">
         <div class="txt">
           <div class="txt1">联试题数：233 &nbsp;&nbsp;&nbsp;关联学习数：22</div>
-          <div class="imag"><img src="/src/assets/images/sjx(1).png" width="100%" height="100%"></div>
+          <div class="imag">
+            <img
+              src="/src/assets/images/sjx(1).png"
+              width="100%"
+              height="100%"
+            />
+          </div>
         </div>
       </div>
       <div class="lina">
-        <e-charts style="height: 260px;" id="lina" />
+        <e-charts style="height: 260px" id="lina" />
       </div>
       <!-- <div id="staff_all_orderCount" style="width: 300px;height:300px;"></div> -->
       <!-- <e-chars class="lina" ：option="option"/> -->
@@ -64,16 +82,20 @@
       <div class="completion">
         <!-- <div class="echates-title">知识点掌握百分比</div> -->
         <div class="box">
-          <div id="liquidfill" style="width: 65%; height: 65%; "></div>
+          <div id="liquidfill" style="width: 65%; height: 65%"></div>
           <div class="percentage">
-            <h4>平均完成率:<p>80%</p>
+            <h4>
+              平均完成率:
+              <p>80%</p>
             </h4>
           </div>
         </div>
         <div class="box">
-          <div id="liquidfil" style="width: 65%; height: 65%; "></div>
+          <div id="liquidfil" style="width: 65%; height: 65%"></div>
           <div class="percentage">
-            <h4>平均完成率:<p>60%</p>
+            <h4>
+              平均完成率:
+              <p>60%</p>
             </h4>
           </div>
         </div>
@@ -112,11 +134,11 @@
           <h1>49</h1>
           <p>80% ~ 100%</p>
         </div>
-        <div class="libox" style="border-left: 2px solid #74a5ff;">
+        <div class="libox" style="border-left: 2px solid #74a5ff">
           <h1>3</h1>
           <p>60% ~ 79%</p>
         </div>
-        <div class="libox" style="border-left: 2px solid #74a5ff;">
+        <div class="libox" style="border-left: 2px solid #74a5ff">
           <h1>4</h1>
           <p>59%以下</p>
         </div>
@@ -130,20 +152,22 @@
         </div>
         <div class="lin"></div>
       </div>
-
     </div>
   </div>
 
-
-
   <!-- 底部 -->
   <div class="footer">
     <h3>软件工程专业</h3>
     <h1>教学一体化平台</h1>
-    <p>关于我们&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; &nbsp;联系我们&nbsp; &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 服务协议
+    <p>
+      关于我们&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; &nbsp;联系我们&nbsp;
+      &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 服务协议
+    </p>
+    <p style="font-size: 13px; margin-top: 70px">
+      黄淮学院版权所有@2023 湘豫CP备 19005950号-1
+      <br />
+      违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com
     </p>
-    <p style="font-size: 13px;margin-top: 70px">黄淮学院版权所有@2023 湘豫CP备 19005950号-1<br>
-      违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com</p>
   </div>
   <div></div>
 </template>
@@ -151,34 +175,34 @@
 <script lang="ts" setup>
 // import axios from 'axios';
 import { ref, onMounted, markRaw } from 'vue'
-import * as echarts from 'echarts';
+import * as echarts from 'echarts'
 
 import 'echarts-liquidfill'
 // var ROOT_PATH = 'https://echarts.apache.org/examples';
 // type EChartsOption = echarts.EChartsOption;
-var option = null
+let option = null
 // 获取dom元素 要在dom渲染时候操作
 onMounted(() => {
   const dom = document.getElementById('main')
   // 获取dom元素之后 进行初始化一个echarts实例对象
-  var myChart = echarts.init(dom);
+  let myChart = echarts.init(dom)
   console.log(dom, 'dom')
   // 加载数据前打开loading
-  myChart.showLoading();
+  myChart.showLoading()
   // 读取本地json数据
   fetch('../../../public/nodeList.json').then((res) => {
-    res.json().then(graph => {
-      console.log(graph);
-      myChart.hideLoading();
+    res.json().then((graph) => {
+      console.log(graph)
+      myChart.hideLoading()
       // 配置node links 关系 样式
       option = {
         tooltip: {},
         legend: [
           {
             data: graph.categories.map(function (a: { name: string }) {
-              return a.name;
-            })
-          }
+              return a.name
+            }),
+          },
         ],
 
         series: [
@@ -193,44 +217,35 @@ onMounted(() => {
             label: {
               show: true,
               position: 'right',
-              formatter: '{b}'
+              formatter: '{b}',
             },
             labelLayout: {
-              hideOverlap: true
+              hideOverlap: true,
             },
             scaleLimit: {
               min: 0.4,
-              max: 2
+              max: 2,
             },
             lineStyle: {
               color: 'source',
-              curveness: 0.3
-            }
-          }
-        ]
-      };
+              curveness: 0.3,
+            },
+          },
+        ],
+      }
       // 调用echarts实例方法渲染
-      myChart.setOption(option);
+      myChart.setOption(option)
     })
-
   })
 
-
   // option && myChart.setOption(option);
 })
 
-
-
-
-
-
-
-
 onMounted(() => {
   const chartInstance: any = ref(null)
   const updateChart = () => {
     chartInstance.value = markRaw(
-      echarts.init(document?.getElementById(`liquidfill`,)),
+      echarts.init(document?.getElementById(`liquidfill`)),
     )
     const option = {
       series: [
@@ -289,40 +304,38 @@ onMounted(() => {
 onMounted(() => {
   const dom = document.getElementById('lina')
   // 获取dom元素之后 进行初始化一个echarts实例对象
-  var myChart = echarts.init(dom);
+  let myChart = echarts.init(dom)
   console.log(dom, 'dom')
   // 加载数据前打开loading
-  myChart.showLoading();
+  myChart.showLoading()
   // 读取本地json数据
   fetch('../../../public/nodeList.json').then((res) => {
-    res.json().then(graph => {
-      console.log(graph);
-      myChart.hideLoading();
+    res.json().then((graph) => {
+      console.log(graph)
+      myChart.hideLoading()
       // 配置node links 关系 样式
       option = {
         xAxis: {
           type: 'category',
           boundaryGap: false,
-          data: ['记忆', '理解', '应用', '分析', '评价'], 
+          data: ['记忆', '理解', '应用', '分析', '评价'],
           axisLine: {
-      lineStyle: {
-        color: '#5470C6'   // 修改 X 轴颜色
-      }
-    }
+            lineStyle: {
+              color: '#5470C6', // 修改 X 轴颜色
+            },
+          },
         },
         yAxis: {
           type: 'value',
           axisLine: {
             lineStyle: {
-                color: '#5470C6' // 修改Y轴颜色
-            }
-        },
+              color: '#5470C6', // 修改Y轴颜色
+            },
+          },
           // min:'700',
           splitLine: {
-            show: false
-            
-          }
-          
+            show: false,
+          },
         },
         series: [
           {
@@ -330,28 +343,26 @@ onMounted(() => {
             type: 'line',
             areaStyle: {
               color: '#76A6FF',
-        opacity: 0.5
+              opacity: 0.5,
             },
-          }
-        ]
-      };
+          },
+        ],
+      }
 
       // 调用echarts实例方法渲染
-      myChart.setOption(option);
+      myChart.setOption(option)
     })
-
   })
 
   // option && myChart.setOption(option);
 })
 
-
 // 水波纹
 onMounted(() => {
   const chartInstance: any = ref(null)
   const updateChart = () => {
     chartInstance.value = markRaw(
-      echarts.init(document?.getElementById(`liquidfil`,)),
+      echarts.init(document?.getElementById(`liquidfil`)),
     )
     const option = {
       series: [
@@ -428,7 +439,6 @@ onMounted(() => {
 * {
   margin: 0;
   padding: 0;
-
 }
 
 ul {
@@ -461,8 +471,6 @@ img {
   background-image: url('/src/assets/images/top.png');
   background-size: 100% 100%;
   // background:linear-gradient(#74a5ff,#91b7ff,#A4c3ff);
-
-
 }
 
 // 导航栏
@@ -477,8 +485,7 @@ img {
   width: 24%;
   height: 10%;
   margin-right: 20px;
-  // background-color: #6759ff; 
-
+  // background-color: #6759ff;
 }
 
 .header .nav1 ul li {
@@ -488,7 +495,7 @@ img {
   color: white;
   font-size: 12px;
   text-align: center;
-  // border-right: 1px solid #FFFFFF; 
+  // border-right: 1px solid #FFFFFF;
 }
 
 .header .nav2 {
@@ -499,7 +506,7 @@ img {
   height: 25%;
   margin-top: 30px;
   // margin-right: -260px;
-  // background-color: #6759ff; 
+  // background-color: #6759ff;
 }
 
 .header .nav2 ul li {
@@ -527,17 +534,17 @@ img {
   font-size: 50px;
   margin-top: 23px;
   font-weight: bolder;
-  color: #FFFFFF;
+  color: #ffffff;
   float: right;
-  margin-right: 173px // float: left;
-    // margin-left: 779px;
+  margin-right: 173px; // float: left;
+  // margin-left: 779px;
 }
 
 .header p {
   font-size: 15px;
   margin-top: 102px;
   // font-weight:bolder;
-  color: #FFFFFF;
+  color: #ffffff;
   float: right;
   margin-right: -175px;
 }
@@ -558,13 +565,13 @@ img {
 }
 
 .subnav h1 {
-  border-bottom: 4px solid #0052FF;
+  border-bottom: 4px solid #0052ff;
   font-size: 20px;
   width: 10%;
   height: 35px;
   margin: auto;
   font-weight: bolder;
-  color: #0052FF;
+  color: #0052ff;
   text-align: center;
 }
 
@@ -578,7 +585,6 @@ img {
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
-
 }
 
 .chart {
@@ -605,8 +611,8 @@ img {
 .sidebar .sidebar-header {
   width: 100%;
   height: 7%;
-  background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
-  // transform: perspective(3em) rotateY(-6deg);       
+  background: linear-gradient(#74a5ff, #91b7ff, #a4c3ff);
+  // transform: perspective(3em) rotateY(-6deg);
 }
 
 .sidebar .sidebar-header-imag {
@@ -641,7 +647,7 @@ img {
   font-size: 16px;
   line-height: 30px;
   // background-color: #728cc4;
-  // transform: perspective(3em) rotateY(-6deg);       
+  // transform: perspective(3em) rotateY(-6deg);
 }
 
 .sidebar .sidebar-header p {
@@ -653,7 +659,7 @@ img {
   font-size: 13px;
   line-height: 30px;
   // background-color: #728cc4;
-  // transform: perspective(3em) rotateY(-6deg);       
+  // transform: perspective(3em) rotateY(-6deg);
 }
 
 .sidebar .sidebar-header a {
@@ -665,7 +671,7 @@ img {
   font-size: 13px;
   line-height: 30px;
   // background-color: #728cc4;
-  // transform: perspective(3em) rotateY(-6deg);       
+  // transform: perspective(3em) rotateY(-6deg);
 }
 
 .sidebar .sidebar-header-line {
@@ -676,17 +682,16 @@ img {
   float: left;
   margin-top: 1.5%;
   // box-shadow: 1.5px -2px #F0F4FA;
-  box-shadow: 0px -2px 3px 2px #F0F4FA;
+  box-shadow: 0px -2px 3px 2px #f0f4fa;
   // box-shadow:  1.5px 1px  #F0F4FA;
-  // transform: perspective(3em) rotateY(-6deg);       
+  // transform: perspective(3em) rotateY(-6deg);
 }
 
 .sidebar .content {
   width: 100%;
   height: 6%;
-  background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
+  background: linear-gradient(#74a5ff, #91b7ff, #a4c3ff);
   margin-top: 10px;
-
 }
 
 .sidebar .content .txt {
@@ -697,7 +702,6 @@ img {
   justify-content: space-between;
   flex-wrap: nowrap;
   display: flex;
-
 }
 
 .sidebar .content .txt .imag {
@@ -710,9 +714,8 @@ img {
   height: 5%;
   font-size: 14px;
   margin-left: 4px;
-  color: #FFFFFF;
+  color: #ffffff;
   margin-top: 15px;
-
 }
 
 .sidebar .lina {
@@ -772,7 +775,7 @@ img {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-evenly;
-  color: #F0F4FA;
+  color: #f0f4fa;
   font-weight: bold;
   // background-color: #5582dc;
 }
@@ -782,17 +785,20 @@ img {
   height: 90%;
   font-size: 15px;
   line-height: 20px;
-  color: #5470C6;
+  color: #5470c6;
   // background-color: #b3c8f2;
 }
 
-
 // 流动效果
 .header1 {
   position: relative;
   text-align: center;
   border-radius: 100%;
-  background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
+  background: linear-gradient(
+    60deg,
+    rgba(84, 58, 183, 1) 0%,
+    rgba(0, 172, 193, 1) 100%
+  );
   // color: rgb(207, 59, 59);
 }
 
@@ -829,12 +835,12 @@ img {
 //      background-color: white;
 //  }
 
-.parallax>use {
+.parallax > use {
   /* 使use元素执行move-forever动画 */
-  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
+  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
 }
 
-.parallax>use:nth-child(1) {
+.parallax > use:nth-child(1) {
   /* 延迟2秒启动动画  */
 
   /* 设置动画持续时间为7秒 */
@@ -845,7 +851,7 @@ img {
   // animation-delay: -2s;
 }
 
-.parallax>use:nth-child(2) {
+.parallax > use:nth-child(2) {
   // background-color: #0052FF;
   animation-delay: -3s;
   animation-duration: 10s;
@@ -888,7 +894,6 @@ img {
   // }
 }
 
-
 // 知识点
 .knowledge {
   width: 100%;
@@ -896,7 +901,7 @@ img {
   display: flex;
   flex-direction: row;
   justify-content: center;
-  background-color: #A1C1FF;
+  background-color: #a1c1ff;
   // background-color: #A4c3ff;
   padding-top: 20px;
 }
@@ -912,7 +917,7 @@ img {
 .knowledge .libox h1 {
   width: 100%;
   height: 50%;
-  color: #F0F4FA;
+  color: #f0f4fa;
   line-height: 50px;
   text-align: center;
   margin: auto;
@@ -924,7 +929,7 @@ img {
 .knowledge .libox p {
   width: 100%;
   height: 50%;
-  color: #F0F4FA;
+  color: #f0f4fa;
   line-height: 50px;
   text-align: center;
   margin: auto;
@@ -937,7 +942,7 @@ img {
 .box1 {
   width: 100%;
   height: 147px;
-  background-color: #A1C1FF;
+  background-color: #a1c1ff;
   // height: 100%;
 }
 
@@ -947,11 +952,9 @@ img {
   margin: auto;
   border-radius: 15px 15px 15px 15px;
   background-color: #74a5ff;
-
   // background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
 }
 
-
 .method li {
   width: 90%;
   height: 20%;
@@ -960,18 +963,18 @@ img {
   line-height: 35px;
   margin-left: 10px;
   padding-top: 10px;
-  color: #F0F4FA;
+  color: #f0f4fa;
   // background-color: #74a5ff;
 }
-.box1 .lin{
-width: 60%;
+.box1 .lin {
+  width: 60%;
   height: 3%;
   border-radius: 2px 2px 2px 2px;
   background-color: #74a5ff;
   margin: auto;
   margin-top: 5.5%;
   // box-shadow: 1.5px -2px #F0F4FA;
-  box-shadow: 0px -2px 3px 2px #F0F4FA;
+  box-shadow: 0px -2px 3px 2px #f0f4fa;
 }
 
 // 尾部
@@ -990,17 +993,17 @@ width: 60%;
   text-align: center;
   font-size: 15px;
   padding-top: 40px;
-  color: #7F9EED;
+  color: #7f9eed;
   font-weight: bolder;
 }
 
 .footer h1 {
   width: 100%;
   // position: absolute;
-  font-family: "kaiti_gb2312";
+  font-family: 'kaiti_gb2312';
   margin-top: 10px;
   font-size: 25px;
-  color: #7F9EED;
+  color: #7f9eed;
   font-weight: bolder;
 }
 
@@ -1008,10 +1011,10 @@ width: 60%;
   width: 100%;
   height: 20px;
   // position: absolute;
-  font-family: "kaiti_gb2312";
+  font-family: 'kaiti_gb2312';
   margin-top: 25px;
   font-size: 17px;
-  color: #7F9EED;
+  color: #7f9eed;
 }
 
 .echates-title {
@@ -1023,6 +1026,6 @@ width: 60%;
 
 .bo {
   width: 100%;
-  background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
+  background: linear-gradient(#74a5ff, #91b7ff, #a4c3ff);
 }
 </style>
diff --git a/tsconfig.json b/tsconfig.json
index 12947d9..70f94c8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "allowJs": true,
     "target": "ES2020",
     "useDefineForClassFields": true,
     "module": "ESNext",