diff --git a/gitignore b/gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/teaching_integration_platform_admin_template/.env.development b/teaching_integration_platform_admin_template/.env.development
index 57ed20d..98dfa78 100644
--- a/teaching_integration_platform_admin_template/.env.development
+++ b/teaching_integration_platform_admin_template/.env.development
@@ -1,4 +1,5 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
 VITE_APP_TITLE = '无糖运营平台'
-VITE_APP_BASE_API = '/api'
\ No newline at end of file
+# VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+VITE_APP_BASE_API = 'http://39.106.16.162:8080'
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/.env.production b/teaching_integration_platform_admin_template/.env.production
index 141fffa..d6a6065 100644
--- a/teaching_integration_platform_admin_template/.env.production
+++ b/teaching_integration_platform_admin_template/.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/teaching_integration_platform_admin_template/.eslintignore b/teaching_integration_platform_admin_template/.eslintignore
index db4c6d9..437c601 100644
--- a/teaching_integration_platform_admin_template/.eslintignore
+++ b/teaching_integration_platform_admin_template/.eslintignore
@@ -1,2 +1,3 @@
 dist
-node_modules
\ No newline at end of file
+node_modules
+src/views/course/spritetext.js
diff --git a/teaching_integration_platform_admin_template/.eslintrc copy.cjs b/teaching_integration_platform_admin_template/.eslintrc copy.cjs
new file mode 100644
index 0000000..444ba89
--- /dev/null
+++ b/teaching_integration_platform_admin_template/.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/teaching_integration_platform_admin_template/.eslintrc.cjs b/teaching_integration_platform_admin_template/.eslintrc.cjs
index 3b43ca7..036307d 100644
--- a/teaching_integration_platform_admin_template/.eslintrc.cjs
+++ b/teaching_integration_platform_admin_template/.eslintrc.cjs
@@ -1,63 +1,66 @@
 // @see https://eslint.bootcss.com/docs/rules/
 
 module.exports = {
-    env: {
-      browser: true,
-      es2021: true,
-      node: true,
-      jest: true,
+  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,
     },
-    "globals": {
-      "VANTA": "readonly" //VANTA 已经cdn引入 这里拒绝eslint报错 全局声明一下
-    },
-    /* 指定如何解析语法 */
-    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', // 对模板中的自定义组件强制执行属性命名样式
-    },
-  }
-  
\ No newline at end of file
+  },
+  /* 继承已有的规则 */
+  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' ? 'off' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-unexpected-multiline': 'off', // 禁止空余的多行
+    'no-useless-escape': 'off', // 禁止不必要的转义字符
+
+    // typeScript (https://typescript-eslint.io/rules)
+    '@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 类型
+    '@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/teaching_integration_platform_admin_template/.gitignore b/teaching_integration_platform_admin_template/.gitignore
index a547bf3..54f07af 100644
--- a/teaching_integration_platform_admin_template/.gitignore
+++ b/teaching_integration_platform_admin_template/.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/.vscode/extensions.json b/teaching_integration_platform_admin_template/.vscode/extensions.json
new file mode 100644
index 0000000..b7b60da
--- /dev/null
+++ b/teaching_integration_platform_admin_template/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+  "recommendations": [
+    "Vue.volar""]
+}
diff --git a/teaching_integration_platform_admin_template/README_1.md b/teaching_integration_platform_admin_template/README_1.md
new file mode 100644
index 0000000..ef72fd5
--- /dev/null
+++ b/teaching_integration_platform_admin_template/README_1.md
@@ -0,0 +1,18 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
diff --git a/teaching_integration_platform_admin_template/dist.zip b/teaching_integration_platform_admin_template/dist.zip
new file mode 100644
index 0000000..5c022d6
Binary files /dev/null and b/teaching_integration_platform_admin_template/dist.zip differ
diff --git a/teaching_integration_platform_admin_template/generated/core/ApiError.ts b/teaching_integration_platform_admin_template/generated/core/ApiError.ts
new file mode 100644
index 0000000..ec7b16a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/core/ApiError.ts
@@ -0,0 +1,25 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ApiRequestOptions } from './ApiRequestOptions';
+import type { ApiResult } from './ApiResult';
+
+export class ApiError extends Error {
+    public readonly url: string;
+    public readonly status: number;
+    public readonly statusText: string;
+    public readonly body: any;
+    public readonly request: ApiRequestOptions;
+
+    constructor(request: ApiRequestOptions, response: ApiResult, message: string) {
+        super(message);
+
+        this.name = 'ApiError';
+        this.url = response.url;
+        this.status = response.status;
+        this.statusText = response.statusText;
+        this.body = response.body;
+        this.request = request;
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/core/ApiRequestOptions.ts b/teaching_integration_platform_admin_template/generated/core/ApiRequestOptions.ts
new file mode 100644
index 0000000..93143c3
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/core/ApiRequestOptions.ts
@@ -0,0 +1,17 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ApiRequestOptions = {
+    readonly method: 'GET' | 'PUT' | 'POST' | 'DELETE' | 'OPTIONS' | 'HEAD' | 'PATCH';
+    readonly url: string;
+    readonly path?: Record<string, any>;
+    readonly cookies?: Record<string, any>;
+    readonly headers?: Record<string, any>;
+    readonly query?: Record<string, any>;
+    readonly formData?: Record<string, any>;
+    readonly body?: any;
+    readonly mediaType?: string;
+    readonly responseHeader?: string;
+    readonly errors?: Record<number, string>;
+};
diff --git a/teaching_integration_platform_admin_template/generated/core/ApiResult.ts b/teaching_integration_platform_admin_template/generated/core/ApiResult.ts
new file mode 100644
index 0000000..ee1126e
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/core/ApiResult.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ApiResult = {
+    readonly url: string;
+    readonly ok: boolean;
+    readonly status: number;
+    readonly statusText: string;
+    readonly body: any;
+};
diff --git a/teaching_integration_platform_admin_template/generated/core/CancelablePromise.ts b/teaching_integration_platform_admin_template/generated/core/CancelablePromise.ts
new file mode 100644
index 0000000..d70de92
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/core/CancelablePromise.ts
@@ -0,0 +1,131 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export class CancelError extends Error {
+
+    constructor(message: string) {
+        super(message);
+        this.name = 'CancelError';
+    }
+
+    public get isCancelled(): boolean {
+        return true;
+    }
+}
+
+export interface OnCancel {
+    readonly isResolved: boolean;
+    readonly isRejected: boolean;
+    readonly isCancelled: boolean;
+
+    (cancelHandler: () => void): void;
+}
+
+export class CancelablePromise<T> implements Promise<T> {
+    #isResolved: boolean;
+    #isRejected: boolean;
+    #isCancelled: boolean;
+    readonly #cancelHandlers: (() => void)[];
+    readonly #promise: Promise<T>;
+    #resolve?: (value: T | PromiseLike<T>) => void;
+    #reject?: (reason?: any) => void;
+
+    constructor(
+        executor: (
+            resolve: (value: T | PromiseLike<T>) => void,
+            reject: (reason?: any) => void,
+            onCancel: OnCancel
+        ) => void
+    ) {
+        this.#isResolved = false;
+        this.#isRejected = false;
+        this.#isCancelled = false;
+        this.#cancelHandlers = [];
+        this.#promise = new Promise<T>((resolve, reject) => {
+            this.#resolve = resolve;
+            this.#reject = reject;
+
+            const onResolve = (value: T | PromiseLike<T>): void => {
+                if (this.#isResolved || this.#isRejected || this.#isCancelled) {
+                    return;
+                }
+                this.#isResolved = true;
+                if (this.#resolve) this.#resolve(value);
+            };
+
+            const onReject = (reason?: any): void => {
+                if (this.#isResolved || this.#isRejected || this.#isCancelled) {
+                    return;
+                }
+                this.#isRejected = true;
+                if (this.#reject) this.#reject(reason);
+            };
+
+            const onCancel = (cancelHandler: () => void): void => {
+                if (this.#isResolved || this.#isRejected || this.#isCancelled) {
+                    return;
+                }
+                this.#cancelHandlers.push(cancelHandler);
+            };
+
+            Object.defineProperty(onCancel, 'isResolved', {
+                get: (): boolean => this.#isResolved,
+            });
+
+            Object.defineProperty(onCancel, 'isRejected', {
+                get: (): boolean => this.#isRejected,
+            });
+
+            Object.defineProperty(onCancel, 'isCancelled', {
+                get: (): boolean => this.#isCancelled,
+            });
+
+            return executor(onResolve, onReject, onCancel as OnCancel);
+        });
+    }
+
+    get [Symbol.toStringTag]() {
+        return "Cancellable Promise";
+    }
+
+    public then<TResult1 = T, TResult2 = never>(
+        onFulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | null,
+        onRejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null
+    ): Promise<TResult1 | TResult2> {
+        return this.#promise.then(onFulfilled, onRejected);
+    }
+
+    public catch<TResult = never>(
+        onRejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null
+    ): Promise<T | TResult> {
+        return this.#promise.catch(onRejected);
+    }
+
+    public finally(onFinally?: (() => void) | null): Promise<T> {
+        return this.#promise.finally(onFinally);
+    }
+
+    public cancel(): void {
+        if (this.#isResolved || this.#isRejected || this.#isCancelled) {
+            return;
+        }
+        this.#isCancelled = true;
+        if (this.#cancelHandlers.length) {
+            try {
+                for (const cancelHandler of this.#cancelHandlers) {
+                    cancelHandler();
+                }
+            } catch (error) {
+                console.warn('Cancellation threw an error', error);
+                return;
+            }
+        }
+        this.#cancelHandlers.length = 0;
+        if (this.#reject) this.#reject(new CancelError('Request aborted'));
+    }
+
+    public get isCancelled(): boolean {
+        return this.#isCancelled;
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/core/OpenAPI.ts b/teaching_integration_platform_admin_template/generated/core/OpenAPI.ts
new file mode 100644
index 0000000..ea14d7e
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/core/OpenAPI.ts
@@ -0,0 +1,49 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+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;
+};
+
+
+export const OpenAPI: OpenAPIConfig = {
+    //BASE: 'http://39.106.16.162:8080',
+    // BASE: 'http://127.0.0.1:8080',
+    BASE: import.meta.env.VITE_APP_BASE_API,
+    VERSION: '1.0.0',
+    WITH_CREDENTIALS: false,
+    CREDENTIALS: 'include',
+    TOKEN: undefined,
+    USERNAME: undefined,
+    PASSWORD: undefined,
+    HEADERS: undefined,
+    ENCODE_PATH: undefined,
+};
+
+  // 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,
+// }
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/generated/core/request.ts b/teaching_integration_platform_admin_template/generated/core/request.ts
new file mode 100644
index 0000000..1dc6fef
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/core/request.ts
@@ -0,0 +1,323 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import axios from 'axios';
+import type { AxiosError, AxiosRequestConfig, AxiosResponse, AxiosInstance } from 'axios';
+import FormData from 'form-data';
+
+import { ApiError } from './ApiError';
+import type { ApiRequestOptions } from './ApiRequestOptions';
+import type { ApiResult } from './ApiResult';
+import { CancelablePromise } from './CancelablePromise';
+import type { OnCancel } from './CancelablePromise';
+import type { OpenAPIConfig } from './OpenAPI';
+
+export const isDefined = <T>(value: T | null | undefined): value is Exclude<T, null | undefined> => {
+    return value !== undefined && value !== null;
+};
+
+export const isString = (value: any): value is string => {
+    return typeof value === 'string';
+};
+
+export const isStringWithValue = (value: any): value is string => {
+    return isString(value) && value !== '';
+};
+
+export const isBlob = (value: any): value is Blob => {
+    return (
+        typeof value === 'object' &&
+        typeof value.type === 'string' &&
+        typeof value.stream === 'function' &&
+        typeof value.arrayBuffer === 'function' &&
+        typeof value.constructor === 'function' &&
+        typeof value.constructor.name === 'string' &&
+        /^(Blob|File)$/.test(value.constructor.name) &&
+        /^(Blob|File)$/.test(value[Symbol.toStringTag])
+    );
+};
+
+export const isFormData = (value: any): value is FormData => {
+    return value instanceof FormData;
+};
+
+export const isSuccess = (status: number): boolean => {
+    return status >= 200 && status < 300;
+};
+
+export const base64 = (str: string): string => {
+    try {
+        return btoa(str);
+    } catch (err) {
+        // @ts-ignore
+        return Buffer.from(str).toString('base64');
+    }
+};
+
+export const getQueryString = (params: Record<string, any>): string => {
+    const qs: string[] = [];
+
+    const append = (key: string, value: any) => {
+        qs.push(`${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`);
+    };
+
+    const process = (key: string, value: any) => {
+        if (isDefined(value)) {
+            if (Array.isArray(value)) {
+                value.forEach(v => {
+                    process(key, v);
+                });
+            } else if (typeof value === 'object') {
+                Object.entries(value).forEach(([k, v]) => {
+                    process(`${key}[${k}]`, v);
+                });
+            } else {
+                append(key, value);
+            }
+        }
+    };
+
+    Object.entries(params).forEach(([key, value]) => {
+        process(key, value);
+    });
+
+    if (qs.length > 0) {
+        return `?${qs.join('&')}`;
+    }
+
+    return '';
+};
+
+const getUrl = (config: OpenAPIConfig, options: ApiRequestOptions): string => {
+    const encoder = config.ENCODE_PATH || encodeURI;
+
+    const path = options.url
+        .replace('{api-version}', config.VERSION)
+        .replace(/{(.*?)}/g, (substring: string, group: string) => {
+            if (options.path?.hasOwnProperty(group)) {
+                return encoder(String(options.path[group]));
+            }
+            return substring;
+        });
+
+    const url = `${config.BASE}${path}`;
+    if (options.query) {
+        return `${url}${getQueryString(options.query)}`;
+    }
+    return url;
+};
+
+export const getFormData = (options: ApiRequestOptions): FormData | undefined => {
+    if (options.formData) {
+        const formData = new FormData();
+
+        const process = (key: string, value: any) => {
+            if (isString(value) || isBlob(value)) {
+                formData.append(key, value);
+            } else {
+                formData.append(key, JSON.stringify(value));
+            }
+        };
+
+        Object.entries(options.formData)
+            .filter(([_, value]) => isDefined(value))
+            .forEach(([key, value]) => {
+                if (Array.isArray(value)) {
+                    value.forEach(v => process(key, v));
+                } else {
+                    process(key, value);
+                }
+            });
+
+        return formData;
+    }
+    return undefined;
+};
+
+type Resolver<T> = (options: ApiRequestOptions) => Promise<T>;
+
+export const resolve = async <T>(options: ApiRequestOptions, resolver?: T | Resolver<T>): Promise<T | undefined> => {
+    if (typeof resolver === 'function') {
+        return (resolver as Resolver<T>)(options);
+    }
+    return resolver;
+};
+
+export const getHeaders = async (config: OpenAPIConfig, options: ApiRequestOptions, formData?: FormData): Promise<Record<string, string>> => {
+    const [token, username, password, additionalHeaders] = await Promise.all([
+        resolve(options, config.TOKEN),
+        resolve(options, config.USERNAME),
+        resolve(options, config.PASSWORD),
+        resolve(options, config.HEADERS),
+    ]);
+
+    const formHeaders = typeof formData?.getHeaders === 'function' && formData?.getHeaders() || {}
+
+    const headers = Object.entries({
+        Accept: 'application/json',
+        ...additionalHeaders,
+        ...options.headers,
+        ...formHeaders,
+    })
+    .filter(([_, value]) => isDefined(value))
+    .reduce((headers, [key, value]) => ({
+        ...headers,
+        [key]: String(value),
+    }), {} as Record<string, string>);
+
+    if (isStringWithValue(token)) {
+        headers['Authorization'] = `Bearer ${token}`;
+    }
+
+    if (isStringWithValue(username) && isStringWithValue(password)) {
+        const credentials = base64(`${username}:${password}`);
+        headers['Authorization'] = `Basic ${credentials}`;
+    }
+
+    if (options.body !== undefined) {
+        if (options.mediaType) {
+            headers['Content-Type'] = options.mediaType;
+        } else if (isBlob(options.body)) {
+            headers['Content-Type'] = options.body.type || 'application/octet-stream';
+        } else if (isString(options.body)) {
+            headers['Content-Type'] = 'text/plain';
+        } else if (!isFormData(options.body)) {
+            headers['Content-Type'] = 'application/json';
+        }
+    }
+
+    return headers;
+};
+
+export const getRequestBody = (options: ApiRequestOptions): any => {
+    if (options.body) {
+        return options.body;
+    }
+    return undefined;
+};
+
+export const sendRequest = async <T>(
+    config: OpenAPIConfig,
+    options: ApiRequestOptions,
+    url: string,
+    body: any,
+    formData: FormData | undefined,
+    headers: Record<string, string>,
+    onCancel: OnCancel,
+    axiosClient: AxiosInstance
+): Promise<AxiosResponse<T>> => {
+    const source = axios.CancelToken.source();
+
+    const requestConfig: AxiosRequestConfig = {
+        url,
+        headers,
+        data: body ?? formData,
+        method: options.method,
+        withCredentials: config.WITH_CREDENTIALS,
+        withXSRFToken: config.CREDENTIALS === 'include' ? config.WITH_CREDENTIALS : false,
+        cancelToken: source.token,
+    };
+
+    onCancel(() => source.cancel('The user aborted a request.'));
+
+    try {
+        return await axiosClient.request(requestConfig);
+    } catch (error) {
+        const axiosError = error as AxiosError<T>;
+        if (axiosError.response) {
+            return axiosError.response;
+        }
+        throw error;
+    }
+};
+
+export const getResponseHeader = (response: AxiosResponse<any>, responseHeader?: string): string | undefined => {
+    if (responseHeader) {
+        const content = response.headers[responseHeader];
+        if (isString(content)) {
+            return content;
+        }
+    }
+    return undefined;
+};
+
+export const getResponseBody = (response: AxiosResponse<any>): any => {
+    if (response.status !== 204) {
+        return response.data;
+    }
+    return undefined;
+};
+
+export const catchErrorCodes = (options: ApiRequestOptions, result: ApiResult): void => {
+    const errors: Record<number, string> = {
+        400: 'Bad Request',
+        401: 'Unauthorized',
+        403: 'Forbidden',
+        404: 'Not Found',
+        500: 'Internal Server Error',
+        502: 'Bad Gateway',
+        503: 'Service Unavailable',
+        ...options.errors,
+    }
+
+    const error = errors[result.status];
+    if (error) {
+        throw new ApiError(options, result, error);
+    }
+
+    if (!result.ok) {
+        const errorStatus = result.status ?? 'unknown';
+        const errorStatusText = result.statusText ?? 'unknown';
+        const errorBody = (() => {
+            try {
+                return JSON.stringify(result.body, null, 2);
+            } catch (e) {
+                return undefined;
+            }
+        })();
+
+        throw new ApiError(options, result,
+            `Generic Error: status: ${errorStatus}; status text: ${errorStatusText}; body: ${errorBody}`
+        );
+    }
+};
+
+/**
+ * Request method
+ * @param config The OpenAPI configuration object
+ * @param options The request options from the service
+ * @param axiosClient The axios client instance to use
+ * @returns CancelablePromise<T>
+ * @throws ApiError
+ */
+export const request = <T>(config: OpenAPIConfig, options: ApiRequestOptions, axiosClient: AxiosInstance = axios): CancelablePromise<T> => {
+    return new CancelablePromise(async (resolve, reject, onCancel) => {
+        try {
+            const url = getUrl(config, options);
+            const formData = getFormData(options);
+            const body = getRequestBody(options);
+            const headers = await getHeaders(config, options, formData);
+
+            if (!onCancel.isCancelled) {
+                const response = await sendRequest<T>(config, options, url, body, formData, headers, onCancel, axiosClient);
+                const responseBody = getResponseBody(response);
+                const responseHeader = getResponseHeader(response, options.responseHeader);
+
+                const result: ApiResult = {
+                    url,
+                    ok: isSuccess(response.status),
+                    status: response.status,
+                    statusText: response.statusText,
+                    body: responseHeader ?? responseBody,
+                };
+
+                catchErrorCodes(options, result);
+
+                resolve(result.body);
+            }
+        } catch (error) {
+            reject(error);
+        }
+    });
+};
diff --git a/teaching_integration_platform_admin_template/generated/index.ts b/teaching_integration_platform_admin_template/generated/index.ts
new file mode 100644
index 0000000..a67b9a7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/index.ts
@@ -0,0 +1,79 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export { ApiError } from './core/ApiError';
+export { CancelablePromise, CancelError } from './core/CancelablePromise';
+export { OpenAPI } from './core/OpenAPI';
+export type { OpenAPIConfig } from './core/OpenAPI';
+
+export type { BaseResponse } from './models/BaseResponse';
+export type { BaseResponse_boolean_ } from './models/BaseResponse_boolean_';
+export type { BaseResponse_CoursesDTO_ } from './models/BaseResponse_CoursesDTO_';
+export type { BaseResponse_List_CourseObjectivesTreeVO_ } from './models/BaseResponse_List_CourseObjectivesTreeVO_';
+export type { BaseResponse_List_CourseResources_ } from './models/BaseResponse_List_CourseResources_';
+export type {BaseResponse_List_CourseLearningRecords_} from './models/BaseResponse_List_CourseLearningRecords'
+export type { BaseResponse_List_LearningRecords_ } from './models/BaseResponse_List_LearningRecords_';
+export type { BaseResponse_List_ObjectivesType_ } from './models/BaseResponse_List_ObjectivesType_';
+export type { BaseResponse_List_TeacherInfVO_ } from './models/BaseResponse_List_TeacherInfVO_';
+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_';
+export type { BaseResponse_PageDTO_CoursesVO_ } from './models/BaseResponse_PageDTO_CoursesVO_';
+export type { BaseResponse_string_ } from './models/BaseResponse_string_';
+export type { CommonResult } from './models/CommonResult';
+export type { CommonResult_string_ } from './models/CommonResult_string_';
+export type { CommonResult_UmsAdmin_ } from './models/CommonResult_UmsAdmin_';
+export type { CourseFavourAddRequest } from './models/CourseFavourAddRequest';
+export type { CourseFavourAllRequest } from './models/CourseFavourAllRequest';
+export type { CourseFavourDetailVO } from './models/CourseFavourDetailVO';
+export type { CourseFavourQueryRequest } from './models/CourseFavourQueryRequest';
+export type { CourseObjectivesDTO } from './models/CourseObjectivesDTO';
+export type { CourseObjectivesTreeVO } from './models/CourseObjectivesTreeVO';
+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';
+export type { ObjectiveContents_ } from './models/ObjectiveContents_';
+export type { ObjectivesType_ } from './models/ObjectivesType_';
+export type { OrderItem } from './models/OrderItem';
+export type { Page } from './models/Page';
+export type { Page_CourseFavourDetailVO_ } from './models/Page_CourseFavourDetailVO_';
+export type { Page_CourseResources_ } from './models/Page_CourseResources_';
+export type { PageDTO_CoursesVO_ } from './models/PageDTO_CoursesVO_';
+export type { ResourceFavourAddRequest } from './models/ResourceFavourAddRequest';
+export type { ResourceFavourQueryRequest } from './models/ResourceFavourQueryRequest';
+export type { ResourceThumbAddRequest } from './models/ResourceThumbAddRequest';
+export type { StudentCoursesDTO } from './models/StudentCoursesDTO';
+export type { TeacherInfVO } from './models/TeacherInfVO';
+export type { UmsAdmin } from './models/UmsAdmin';
+export type { UmsAdminParam } from './models/UmsAdminParam';
+export type { UmsStudentAndTeacherDTO } from './models/UmsStudentAndTeacherDTO';
+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';
+export { SeCourseThumbControllerService } from './services/SeCourseThumbControllerService';
+export { SeKnowFavourControllerService } from './services/SeKnowFavourControllerService';
+export { SeKnowThumbControllerService } from './services/SeKnowThumbControllerService';
+export { SeResourceFavourControllerService } from './services/SeResourceFavourControllerService';
+export { SeResourceThumbControllerService } from './services/SeResourceThumbControllerService';
+export { UmsAdminControllerService } from './services/UmsAdminControllerService';
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse.ts
new file mode 100644
index 0000000..ca4a45a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type BaseResponse = {
+    code?: number;
+    data?: any;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_CoursesDTO_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_CoursesDTO_.ts
new file mode 100644
index 0000000..f6077df
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_CoursesDTO_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CoursesDTO } from './CoursesDTO';
+export type BaseResponse_CoursesDTO_ = {
+    code?: number;
+    data?: CoursesDTO;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseLearningRecords.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseLearningRecords.ts
new file mode 100644
index 0000000..9405498
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseLearningRecords.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { courseLearningRecords } from './CourseLearningRecords';
+export type BaseResponse_List_CourseLearningRecords_ = {
+    code?: number;
+    data?: Array<courseLearningRecords>;
+    message?: string;
+};
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseObjectivesTreeVO_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseObjectivesTreeVO_.ts
new file mode 100644
index 0000000..58b8ebd
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseObjectivesTreeVO_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CourseObjectivesTreeVO } from './CourseObjectivesTreeVO';
+export type BaseResponse_List_CourseObjectivesTreeVO_ = {
+    code?: number;
+    data?: Array<CourseObjectivesTreeVO>;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseResources_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseResources_.ts
new file mode 100644
index 0000000..ffd9180
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_CourseResources_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CourseResources } from './CourseResources';
+export type BaseResponse_List_CourseResources_ = {
+    code?: number;
+    data?: Array<CourseResources>;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_LearningRecords_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_LearningRecords_.ts
new file mode 100644
index 0000000..f06bb89
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_LearningRecords_.ts
@@ -0,0 +1,18 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { LearningRecords } from './LearningRecords';
+export type BaseResponse_List_LearningRecords_ = {
+    code?: number;
+    data?: Array<LearningRecords>;
+    message?: string;
+};
+
+import type { courseLearningRecords } from './LearningRecords';
+export type BaseResponse_List_CourseLearningRecords_ = {
+    code?: number;
+    data?: Array<courseLearningRecords>;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_ObjectivesType_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_ObjectivesType_.ts
new file mode 100644
index 0000000..b2cccac
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_ObjectivesType_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ObjectivesType_ } from './ObjectivesType_';
+export type BaseResponse_List_ObjectivesType_ = {
+    code?: number;
+    data?: Array<ObjectivesType_>;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_TeacherInfVO_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_TeacherInfVO_.ts
new file mode 100644
index 0000000..e2c919f
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_List_TeacherInfVO_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { TeacherInfVO } from './TeacherInfVO';
+export type BaseResponse_List_TeacherInfVO_ = {
+    code?: number;
+    data?: Array<TeacherInfVO>;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_Map_string_object_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Map_string_object_.ts
new file mode 100644
index 0000000..38d46ff
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Map_string_object_.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type BaseResponse_Map_string_object_ = {
+    code?: number;
+    data?: any;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_ObjectiveContentKnowVO_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_ObjectiveContentKnowVO_.ts
new file mode 100644
index 0000000..6ae7f5f
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_ObjectiveContentKnowVO_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ObjectiveContentKnowVO } from './ObjectiveContentKnowVO';
+export type BaseResponse_ObjectiveContentKnowVO_ = {
+    code?: number;
+    data?: ObjectiveContentKnowVO;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_ObjectiveContents_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_ObjectiveContents_.ts
new file mode 100644
index 0000000..2900ff2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/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/teaching_integration_platform_admin_template/generated/models/BaseResponse_PageDTO_CoursesVO_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_PageDTO_CoursesVO_.ts
new file mode 100644
index 0000000..7770dbd
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_PageDTO_CoursesVO_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { PageDTO_CoursesVO_ } from './PageDTO_CoursesVO_';
+export type BaseResponse_PageDTO_CoursesVO_ = {
+    code?: number;
+    data?: PageDTO_CoursesVO_;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_.ts
new file mode 100644
index 0000000..178cd13
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { Page } from './Page';
+export type BaseResponse_Page_ = {
+    code?: number;
+    data?: Page;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_CourseFavourDetailVO_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_CourseFavourDetailVO_.ts
new file mode 100644
index 0000000..c9b14bb
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_CourseFavourDetailVO_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { Page_CourseFavourDetailVO_ } from './Page_CourseFavourDetailVO_';
+export type BaseResponse_Page_CourseFavourDetailVO_ = {
+    code?: number;
+    data?: Page_CourseFavourDetailVO_;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_CourseResources_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_CourseResources_.ts
new file mode 100644
index 0000000..9d10a09
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_Page_CourseResources_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { Page_CourseResources_ } from './Page_CourseResources_';
+export type BaseResponse_Page_CourseResources_ = {
+    code?: number;
+    data?: Page_CourseResources_;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_boolean_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_boolean_.ts
new file mode 100644
index 0000000..bef369a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_boolean_.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type BaseResponse_boolean_ = {
+    code?: number;
+    data?: boolean;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_long_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_long_.ts
new file mode 100644
index 0000000..651159a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_long_.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type BaseResponse_long_ = {
+    code?: number;
+    data?: number;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/BaseResponse_string_.ts b/teaching_integration_platform_admin_template/generated/models/BaseResponse_string_.ts
new file mode 100644
index 0000000..57b9800
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/BaseResponse_string_.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type BaseResponse_string_ = {
+    code?: number;
+    data?: string;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CommonResult.ts b/teaching_integration_platform_admin_template/generated/models/CommonResult.ts
new file mode 100644
index 0000000..727780a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CommonResult.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CommonResult = {
+    code?: number;
+    data?: any;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CommonResult_UmsAdmin_.ts b/teaching_integration_platform_admin_template/generated/models/CommonResult_UmsAdmin_.ts
new file mode 100644
index 0000000..e4a3331
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CommonResult_UmsAdmin_.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { UmsAdmin } from './UmsAdmin';
+export type CommonResult_UmsAdmin_ = {
+    code?: number;
+    data?: UmsAdmin;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CommonResult_string_.ts b/teaching_integration_platform_admin_template/generated/models/CommonResult_string_.ts
new file mode 100644
index 0000000..a2cda78
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CommonResult_string_.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CommonResult_string_ = {
+    code?: number;
+    data?: string;
+    message?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseFavourAddRequest.ts b/teaching_integration_platform_admin_template/generated/models/CourseFavourAddRequest.ts
new file mode 100644
index 0000000..8419263
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseFavourAddRequest.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CourseFavourAddRequest = {
+    courseId?: string;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseFavourAllRequest.ts b/teaching_integration_platform_admin_template/generated/models/CourseFavourAllRequest.ts
new file mode 100644
index 0000000..fd2404b
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseFavourAllRequest.ts
@@ -0,0 +1,8 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CourseFavourAllRequest = {
+    courseId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseFavourDetailVO.ts b/teaching_integration_platform_admin_template/generated/models/CourseFavourDetailVO.ts
new file mode 100644
index 0000000..8dab3fc
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseFavourDetailVO.ts
@@ -0,0 +1,22 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CourseFavourDetailVO = {
+    /**
+     * 课程学时
+     */
+    classhours: number;
+    /**
+     * 课程学分
+     */
+    credit: number;
+    id?: string;
+    img?: string;
+    name?: string;
+    /**
+     * 教师id
+     */
+    teacher?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseFavourQueryRequest.ts b/teaching_integration_platform_admin_template/generated/models/CourseFavourQueryRequest.ts
new file mode 100644
index 0000000..8dc3294
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseFavourQueryRequest.ts
@@ -0,0 +1,12 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CourseFavourQueryRequest = {
+    current?: number;
+    pageSize?: number;
+    sortField?: string;
+    sortOrder?: string;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseLearningRecords.ts b/teaching_integration_platform_admin_template/generated/models/CourseLearningRecords.ts
new file mode 100644
index 0000000..9e605a5
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseLearningRecords.ts
@@ -0,0 +1,9 @@
+
+export type courseLearningRecords = {
+    time?: string;
+    chapterId?: string;
+    coursesId?: string;
+    id?: string;
+    userId?: string;
+    img?: string;
+};
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseObjectivesDTO.ts b/teaching_integration_platform_admin_template/generated/models/CourseObjectivesDTO.ts
new file mode 100644
index 0000000..f0618bc
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseObjectivesDTO.ts
@@ -0,0 +1,26 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 分项目标参数实体
+ */
+export type CourseObjectivesDTO = {
+    /**
+     * id
+     */
+    id?: string;
+    /**
+     * 分项目标名称
+     */
+    name: string;
+    /**
+     * 父节点pid
+     */
+    pid: string;
+    /**
+     * 分项目标类型
+     */
+    type: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseObjectivesTreeVO.ts b/teaching_integration_platform_admin_template/generated/models/CourseObjectivesTreeVO.ts
new file mode 100644
index 0000000..36d5bf1
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseObjectivesTreeVO.ts
@@ -0,0 +1,51 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ObjectiveContents_ } from './ObjectiveContents_';
+/**
+ * 课程目标参数实体
+ */
+export type CourseObjectivesTreeVO = {
+    /**
+     * 目标内容列表
+     */
+    contents?: Array<ObjectiveContents_>;
+    /**
+     * 课程id
+     */
+    courseId?: string;
+    /**
+     * 课程目标
+     */
+    courseObjectivesTrees?: Array<CourseObjectivesTreeVO>;
+    /**
+     * 是否有子节点
+     */
+    hasChild?: number;
+    /**
+     * 内部编号
+     */
+    id?: string;
+    /**
+     * 目标名称
+     */
+    name?: string;
+    /**
+     * 父级节点
+     */
+    pid?: string;
+    /**
+     * 毕业要求id
+     */
+    requireid?: string;
+    /**
+     * 毕业要求
+     */
+    temp?: string;
+    /**
+     * 目标类型
+     */
+    type?: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseResources.ts b/teaching_integration_platform_admin_template/generated/models/CourseResources.ts
new file mode 100644
index 0000000..ce17443
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseResources.ts
@@ -0,0 +1,15 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CourseResources = {
+    description?: string;
+    id?: number;
+    img?: string;
+    name?: string;
+    path?: string;
+    status?: number;
+    tags?: string;
+    type?: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CourseThumbAddRequest.ts b/teaching_integration_platform_admin_template/generated/models/CourseThumbAddRequest.ts
new file mode 100644
index 0000000..bbacebd
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CourseThumbAddRequest.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type CourseThumbAddRequest = {
+    courseId?: string;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CoursesDTO.ts b/teaching_integration_platform_admin_template/generated/models/CoursesDTO.ts
new file mode 100644
index 0000000..ec22183
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CoursesDTO.ts
@@ -0,0 +1,70 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 教师创建课程参数实体
+ */
+export type CoursesDTO = {
+    /**
+     * 考核类型：考试1 考查2
+     */
+    assessmenttype: string;
+    /**
+     * 考核方式：开卷1 闭卷2 其他3
+     */
+    assessmentway: string;
+    /**
+     * 课程类别：专业教育1 通识教育2
+     */
+    category: string;
+    /**
+     * 课程学时
+     */
+    classhours: number;
+    /**
+     * 课程编码
+     */
+    code: string;
+    /**
+     * 创建日期
+     */
+    createTime?: string;
+    /**
+     * 课程学分
+     */
+    credit: number;
+    /**
+     * 课程简介
+     */
+    description?: string;
+    /**
+     * id
+     */
+    id?: string;
+    /**
+     * 图片
+     */
+    img: string;
+    /**
+     * 课程名称
+     */
+    name: string;
+    /**
+     * 课程性质：必修1 选修2 任修3
+     */
+    nature: string;
+    /**
+     * 负责教师
+     */
+    teacher: string;
+    /**
+     * 教学方法
+     */
+    teachermethod?: string;
+    /**
+     * 教学方式
+     */
+    teacherway?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/CoursesVO.ts b/teaching_integration_platform_admin_template/generated/models/CoursesVO.ts
new file mode 100644
index 0000000..5e90201
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/CoursesVO.ts
@@ -0,0 +1,50 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 课程VO实体
+ */
+export type CoursesVO = {
+    /**
+     * 课程学时
+     */
+    classhours: number;
+    /**
+     * 课程学分
+     */
+    credit: number;
+    /**
+     * 课程描述
+     */
+    description: string;
+    /**
+     * id
+     */
+    id?: string;
+    /**
+     * 图片
+     */
+    img?: string;
+    /**
+     * 课程名称
+     */
+    name: string;
+    /**
+     * 教师
+     */
+    teacher?: string;
+    /**
+     * 课程总学时
+     */
+    totalHours: number;
+    /**
+     * 课程知识点总数
+     */
+    totalKnow: number;
+    /**
+     * 课程章节总数
+     */
+    totalchapter: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/Know.ts b/teaching_integration_platform_admin_template/generated/models/Know.ts
new file mode 100644
index 0000000..1ac0e73
--- /dev/null
+++ b/teaching_integration_platform_admin_template/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/teaching_integration_platform_admin_template/generated/models/KnowFavourAddRequest.ts b/teaching_integration_platform_admin_template/generated/models/KnowFavourAddRequest.ts
new file mode 100644
index 0000000..8239ca7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/KnowFavourAddRequest.ts
@@ -0,0 +1,10 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type KnowFavourAddRequest = {
+    courseId?: string;
+    knowId?: string;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/KnowQueryRequest.ts b/teaching_integration_platform_admin_template/generated/models/KnowQueryRequest.ts
new file mode 100644
index 0000000..a4414c7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/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/teaching_integration_platform_admin_template/generated/models/KnowRequest.ts b/teaching_integration_platform_admin_template/generated/models/KnowRequest.ts
new file mode 100644
index 0000000..700c8be
--- /dev/null
+++ b/teaching_integration_platform_admin_template/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/teaching_integration_platform_admin_template/generated/models/KnowThumbAddRequest.ts b/teaching_integration_platform_admin_template/generated/models/KnowThumbAddRequest.ts
new file mode 100644
index 0000000..0ce5b07
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/KnowThumbAddRequest.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type KnowThumbAddRequest = {
+    knowId?: number;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/KnowupdateRequest.ts b/teaching_integration_platform_admin_template/generated/models/KnowupdateRequest.ts
new file mode 100644
index 0000000..1ee752a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/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/teaching_integration_platform_admin_template/generated/models/LearningRecords.ts b/teaching_integration_platform_admin_template/generated/models/LearningRecords.ts
new file mode 100644
index 0000000..fbff204
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/LearningRecords.ts
@@ -0,0 +1,31 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type LearningRecords = {
+    accessTime?: string;
+    address?: string;
+    chapterId?: string;
+    content?: string;
+    coursesId?: string;
+    download?: string;
+    id?: string;
+    isCompleted?: string;
+    knowledgePointId?: string;
+    open?: string;
+    parentNode?: string;
+    resourceId?: string;
+    status?: string;
+    type?: string;
+    userId?: string;
+};
+
+
+export type courseLearningRecords = {
+    time?: string;
+    chapterId?: string;
+    coursesId?: string;
+    id?: string;
+    userId?: string;
+    img?: string;
+};
diff --git a/teaching_integration_platform_admin_template/generated/models/ObjectiveContentKnowDTO.ts b/teaching_integration_platform_admin_template/generated/models/ObjectiveContentKnowDTO.ts
new file mode 100644
index 0000000..2b148a3
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ObjectiveContentKnowDTO.ts
@@ -0,0 +1,16 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 分项目标或内容添加知识点
+ */
+export type ObjectiveContentKnowDTO = {
+    /**
+     * 雪花算法生成的主键
+     */
+    id?: string;
+    know?: string;
+    objectiveOrContent?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/ObjectiveContentKnowVO.ts b/teaching_integration_platform_admin_template/generated/models/ObjectiveContentKnowVO.ts
new file mode 100644
index 0000000..4a35997
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ObjectiveContentKnowVO.ts
@@ -0,0 +1,24 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 分项目标，内容关联的知识点VO实体
+ */
+export type ObjectiveContentKnowVO = {
+    contentKnowsData?: Array<ObjectiveContentKnowVO>;
+    /**
+     * 关联的知识点个数
+     */
+    knowsNumber?: number;
+    /**
+     * 关联的知识点学时合计
+     */
+    knowsTime?: number;
+    objectiveOrContent?: string;
+    /**
+     * 关联的知识点学时占比
+     */
+    persent?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/ObjectiveContents_.ts b/teaching_integration_platform_admin_template/generated/models/ObjectiveContents_.ts
new file mode 100644
index 0000000..d95b0db
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ObjectiveContents_.ts
@@ -0,0 +1,16 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ObjectiveContents_ = {
+    /**
+     * 内容
+     */
+    content: string;
+    id?: string;
+    /**
+     * 对应的目标id
+     */
+    objectiveId: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/ObjectivesType_.ts b/teaching_integration_platform_admin_template/generated/models/ObjectivesType_.ts
new file mode 100644
index 0000000..c31d68c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ObjectivesType_.ts
@@ -0,0 +1,15 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ObjectivesType_ = {
+    /**
+     * 类型编码，不用输入，使用自动生成
+     */
+    id?: number;
+    /**
+     * 类型名称
+     */
+    typeName: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/OrderItem.ts b/teaching_integration_platform_admin_template/generated/models/OrderItem.ts
new file mode 100644
index 0000000..5132aba
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/OrderItem.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type OrderItem = {
+    asc?: boolean;
+    column?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/Page.ts b/teaching_integration_platform_admin_template/generated/models/Page.ts
new file mode 100644
index 0000000..a47053d
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/Page.ts
@@ -0,0 +1,18 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { OrderItem } from './OrderItem';
+export type Page = {
+    countId?: string;
+    current?: number;
+    maxLimit?: number;
+    optimizeCountSql?: boolean;
+    orders?: Array<OrderItem>;
+    pages?: number;
+    records?: Array<any>;
+    searchCount?: boolean;
+    size?: number;
+    total?: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/PageDTO_CoursesVO_.ts b/teaching_integration_platform_admin_template/generated/models/PageDTO_CoursesVO_.ts
new file mode 100644
index 0000000..6fdf4cd
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/PageDTO_CoursesVO_.ts
@@ -0,0 +1,23 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CoursesVO } from './CoursesVO';
+/**
+ * 分页结果
+ */
+export type PageDTO_CoursesVO_ = {
+    /**
+     * 集合
+     */
+    list?: Array<CoursesVO>;
+    /**
+     * 总页数
+     */
+    pages?: number;
+    /**
+     * 总条数
+     */
+    total?: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/Page_CourseFavourDetailVO_.ts b/teaching_integration_platform_admin_template/generated/models/Page_CourseFavourDetailVO_.ts
new file mode 100644
index 0000000..27bbd05
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/Page_CourseFavourDetailVO_.ts
@@ -0,0 +1,19 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CourseFavourDetailVO } from './CourseFavourDetailVO';
+import type { OrderItem } from './OrderItem';
+export type Page_CourseFavourDetailVO_ = {
+    countId?: string;
+    current?: number;
+    maxLimit?: number;
+    optimizeCountSql?: boolean;
+    orders?: Array<OrderItem>;
+    pages?: number;
+    records?: Array<CourseFavourDetailVO>;
+    searchCount?: boolean;
+    size?: number;
+    total?: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/Page_CourseResources_.ts b/teaching_integration_platform_admin_template/generated/models/Page_CourseResources_.ts
new file mode 100644
index 0000000..082736d
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/Page_CourseResources_.ts
@@ -0,0 +1,19 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CourseResources } from './CourseResources';
+import type { OrderItem } from './OrderItem';
+export type Page_CourseResources_ = {
+    countId?: string;
+    current?: number;
+    maxLimit?: number;
+    optimizeCountSql?: boolean;
+    orders?: Array<OrderItem>;
+    pages?: number;
+    records?: Array<CourseResources>;
+    searchCount?: boolean;
+    size?: number;
+    total?: number;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/ResourceFavourAddRequest.ts b/teaching_integration_platform_admin_template/generated/models/ResourceFavourAddRequest.ts
new file mode 100644
index 0000000..25b2b69
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ResourceFavourAddRequest.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ResourceFavourAddRequest = {
+    resourceId?: number;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/ResourceFavourQueryRequest.ts b/teaching_integration_platform_admin_template/generated/models/ResourceFavourQueryRequest.ts
new file mode 100644
index 0000000..f7850d6
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ResourceFavourQueryRequest.ts
@@ -0,0 +1,13 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ResourceFavourQueryRequest = {
+    current?: number;
+    pageSize?: number;
+    sortField?: string;
+    sortOrder?: string;
+    type?: number;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/ResourceThumbAddRequest.ts b/teaching_integration_platform_admin_template/generated/models/ResourceThumbAddRequest.ts
new file mode 100644
index 0000000..4032c79
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/ResourceThumbAddRequest.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ResourceThumbAddRequest = {
+    resourceId?: number;
+    userId?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/StudentCoursesDTO.ts b/teaching_integration_platform_admin_template/generated/models/StudentCoursesDTO.ts
new file mode 100644
index 0000000..0ae020b
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/StudentCoursesDTO.ts
@@ -0,0 +1,13 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 学生课程
+ */
+export type StudentCoursesDTO = {
+    course?: string;
+    id?: string;
+    student?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/TeacherInfVO.ts b/teaching_integration_platform_admin_template/generated/models/TeacherInfVO.ts
new file mode 100644
index 0000000..6c47449
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/TeacherInfVO.ts
@@ -0,0 +1,18 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * 教师具体信息VO实体
+ */
+export type TeacherInfVO = {
+    /**
+     * 教师name
+     */
+    name?: string;
+    /**
+     * 教师username
+     */
+    username?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/UmsAdmin.ts b/teaching_integration_platform_admin_template/generated/models/UmsAdmin.ts
new file mode 100644
index 0000000..04175c8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/UmsAdmin.ts
@@ -0,0 +1,15 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type UmsAdmin = {
+    createTime?: string;
+    icon?: string;
+    id?: number;
+    nickName?: string;
+    password?: string;
+    phone?: string;
+    status?: number;
+    username?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/UmsAdminParam.ts b/teaching_integration_platform_admin_template/generated/models/UmsAdminParam.ts
new file mode 100644
index 0000000..e4ce250
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/UmsAdminParam.ts
@@ -0,0 +1,12 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type UmsAdminParam = {
+    icon?: string;
+    nickName?: string;
+    password?: string;
+    phone?: string;
+    username?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/UmsStudentAndTeacherDTO.ts b/teaching_integration_platform_admin_template/generated/models/UmsStudentAndTeacherDTO.ts
new file mode 100644
index 0000000..0a07f59
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/UmsStudentAndTeacherDTO.ts
@@ -0,0 +1,26 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type UmsStudentAndTeacherDTO = {
+    birthday?: string;
+    className?: string;
+    degree?: string;
+    education?: string;
+    emergencyContact?: string;
+    faculty?: string;
+    id?: number;
+    joinWorkTime?: string;
+    major?: string;
+    name?: string;
+    nationality?: string;
+    number?: string;
+    phone?: string;
+    politicalStatus?: string;
+    profession?: string;
+    professionalTitle?: string;
+    roleId?: number;
+    sex?: string;
+    yearAge?: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/models/UpdateAdminPasswordParam.ts b/teaching_integration_platform_admin_template/generated/models/UpdateAdminPasswordParam.ts
new file mode 100644
index 0000000..d522494
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/models/UpdateAdminPasswordParam.ts
@@ -0,0 +1,19 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type UpdateAdminPasswordParam = {
+    /**
+     * 新密码
+     */
+    newPassword: string;
+    /**
+     * 旧密码
+     */
+    oldPassword: string;
+    /**
+     * 用户名
+     */
+    username: string;
+};
+
diff --git a/teaching_integration_platform_admin_template/generated/services/CourseResourceControllerService.ts b/teaching_integration_platform_admin_template/generated/services/CourseResourceControllerService.ts
new file mode 100644
index 0000000..697b0a8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/CourseResourceControllerService.ts
@@ -0,0 +1,98 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+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';
+export class CourseResourceControllerService {
+    /**
+     * All
+     * @returns BaseResponse_List_CourseResources_ OK
+     * @throws ApiError
+     */
+    public static allUsingGet1(): CancelablePromise<BaseResponse_List_CourseResources_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/courses/all',
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * deleteRecords
+     * @param ids ids
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static deleteRecordsUsingDelete1(
+        ids: Array<number>,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/courses/delete',
+            query: {
+                'ids': ids,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    /**
+     * getAll
+     * @param pagenum pagenum
+     * @param pagesize pagesize
+     * @param type type
+     * @returns BaseResponse_Page_ OK
+     * @throws ApiError
+     */
+    public static getAllUsingGet1(
+        pagenum: number = 1,
+        pagesize: number = 10,
+        type?: string,
+    ): CancelablePromise<BaseResponse_Page_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/courses/getall',
+            query: {
+                'pagenum': pagenum,
+                'pagesize': pagesize,
+                'type': type,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * saveCourseResource
+     * @param courseResources courseResources
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static saveCourseResourceUsingGet1(
+        courseResources: CourseResources,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/courses/save',
+            body: courseResources,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/FavourInformationControllerService.ts b/teaching_integration_platform_admin_template/generated/services/FavourInformationControllerService.ts
new file mode 100644
index 0000000..deb7017
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/FavourInformationControllerService.ts
@@ -0,0 +1,47 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_Page_CourseResources_ } from '../models/BaseResponse_Page_CourseResources_';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class FavourInformationControllerService {
+    /**
+     * getInformation2
+     * @param resourceIdList resourceIdList
+     * @param type type
+     * @param current
+     * @param pageSize
+     * @param sortField
+     * @param sortOrder
+     * @returns BaseResponse_Page_CourseResources_ OK
+     * @throws ApiError
+     */
+    public static getInformation2UsingGet1(
+        resourceIdList: Array<number>,
+        type: number,
+        current?: number,
+        pageSize?: number,
+        sortField?: string,
+        sortOrder?: string,
+    ): CancelablePromise<BaseResponse_Page_CourseResources_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/Favour/get',
+            query: {
+                'current': current,
+                'pageSize': pageSize,
+                'sortField': sortField,
+                'sortOrder': sortOrder,
+                'resourceIdList': resourceIdList,
+                'type': type,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/KnowControllerService.ts b/teaching_integration_platform_admin_template/generated/services/KnowControllerService.ts
new file mode 100644
index 0000000..cd7177c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/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/teaching_integration_platform_admin_template/generated/services/LearningRecordsControllerService.ts b/teaching_integration_platform_admin_template/generated/services/LearningRecordsControllerService.ts
new file mode 100644
index 0000000..a70014d
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/LearningRecordsControllerService.ts
@@ -0,0 +1,213 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_List_LearningRecords_ } from '../models/BaseResponse_List_LearningRecords_';
+import type { BaseResponse_Page_ } from '../models/BaseResponse_Page_';
+import type { BaseResponse_string_ } from '../models/BaseResponse_string_';
+import type { LearningRecords } from '../models/LearningRecords';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class LearningRecordsControllerService {
+    /**
+     * All
+     * @returns BaseResponse_List_LearningRecords_ OK
+     * @throws ApiError
+     */
+    public static allUsingGet3(): CancelablePromise<BaseResponse_List_LearningRecords_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/learningrecords/all',
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * deleteRecords
+     * @param ids ids
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static deleteRecordsUsingDelete3(
+        ids: Array<number>,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/learningrecords/delete',
+            query: {
+                'ids': ids,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    public static deleteCourseRecords(
+        ids: Array<number>,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/courselearingrecord/delete',
+            query: {
+                'ids': ids,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    /**
+     * getAll
+     * @param userId userId
+     * @param pagenum pagenum
+     * @param pagesize pagesize
+     * @returns BaseResponse_Page_ OK
+     * @throws ApiError
+     */
+    public static getAllUsingGet3(
+        userId: string,
+        pagenum: number = 1,
+        pagesize: number = 10,
+    ): CancelablePromise<BaseResponse_Page_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/learningrecords/getall',
+            query: {
+                'pagenum': pagenum,
+                'pagesize': pagesize,
+                'userId': userId,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    //查询课程学习记录
+    public static courseLearningRecords(
+        userId: string,
+        pagenum: number = 1,
+        pagesize: number = 10,
+    ): CancelablePromise<BaseResponse_Page_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/courselearingrecord/page',
+            query: {
+                'pagenum': pagenum,
+                'pagesize': pagesize,
+                'userId': userId,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    //查询知识点学习记录
+    public static knowlegdeLearningRecords(
+        userId: string,
+        courseId: string,
+        pagenum: number = 1,
+        pagesize: number = 10,
+    ): CancelablePromise<BaseResponse_Page_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/knowledgelearning/page',
+            query: {
+                'pagenum': pagenum,
+                'pagesize': pagesize,
+                'userId': userId,
+                'courseId': courseId,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+        //查询资源学习记录
+        public static resourceLearningRecords(
+            userId: string,
+            knowledgeId: string,
+            courseId: string,
+            pagenum: number = 1,
+            pagesize: number = 10,
+        ): CancelablePromise<BaseResponse_Page_> {
+            return __request(OpenAPI, {
+                method: 'GET',
+                url: '/api/resourcelearningrecords/page',
+                query: {
+                    'pagenum': pagenum,
+                    'pagesize': pagesize,
+                    'userId': userId,
+                    'courseId': courseId,
+                    'knowledgeId': knowledgeId,
+                },
+                errors: {
+                    401: `Unauthorized`,
+                    403: `Forbidden`,
+                    404: `Not Found`,
+                },
+            });
+        }
+            //播放
+            public static bf(
+            ): CancelablePromise<BaseResponse_string_> {
+                return __request(OpenAPI, {
+                    method: 'GET',
+                    url: '/api/resourcelearningrecords/bf',
+                    errors: {
+                        401: `Unauthorized`,
+                        403: `Forbidden`,
+                        404: `Not Found`,
+                    },
+                });
+            }
+            //文件上传
+            public static upload(
+                file : File
+            ): CancelablePromise<BaseResponse_string_> {
+                return __request(OpenAPI, {
+                    method: 'GET',
+                    url: '/api/resourcelearningrecords/upload',
+                    query:{
+                        'file' : file
+                    },
+                    errors: {
+                        401: `Unauthorized`,
+                        403: `Forbidden`,
+                        404: `Not Found`,
+                    },
+                });
+            }
+    /**
+     * saveRecords
+     * @param learningRecords learningRecords
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveRecordsUsingPost1(
+        learningRecords: LearningRecords,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/learningrecords/saverecords',
+            body: learningRecords,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/ResourceControllerService.ts b/teaching_integration_platform_admin_template/generated/services/ResourceControllerService.ts
new file mode 100644
index 0000000..a543921
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/ResourceControllerService.ts
@@ -0,0 +1,58 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_string_ } from '../models/BaseResponse_string_';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class ResourceControllerService {
+    /**
+     * download
+     * @param id Id
+     * @param path path
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static downloadUsingGet1(
+        id: string,
+        path: string,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/download',
+            query: {
+                'Id': id,
+                'path': path,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * upload
+     * @param file file
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static uploadUsingPost1(
+        file?: Blob,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/upload',
+            formData: {
+                'file': file,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/SeCourseFavourControllerService.ts b/teaching_integration_platform_admin_template/generated/services/SeCourseFavourControllerService.ts
new file mode 100644
index 0000000..537fe36
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/SeCourseFavourControllerService.ts
@@ -0,0 +1,99 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_boolean_ } from '../models/BaseResponse_boolean_';
+import type { BaseResponse_long_ } from '../models/BaseResponse_long_';
+import type { BaseResponse_Page_CourseFavourDetailVO_ } from '../models/BaseResponse_Page_CourseFavourDetailVO_';
+import type { CourseFavourAddRequest } from '../models/CourseFavourAddRequest';
+import type { CourseFavourAllRequest } from '../models/CourseFavourAllRequest';
+import type { CourseFavourQueryRequest } from '../models/CourseFavourQueryRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class SeCourseFavourControllerService {
+    /**
+     * doFavour
+     * @param courseFavourAddRequest courseFavourAddRequest
+     * @returns BaseResponse_boolean_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static doFavourUsingPost1(
+        courseFavourAddRequest: CourseFavourAddRequest,
+    ): CancelablePromise<BaseResponse_boolean_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_favour/add',
+            body: courseFavourAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * favourCount
+     * @param courseFavourAddRequest courseFavourAddRequest
+     * @returns BaseResponse_long_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static favourCountUsingPost1(
+        courseFavourAddRequest: CourseFavourAddRequest,
+    ): CancelablePromise<BaseResponse_long_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_favour/count',
+            body: courseFavourAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * courseCount
+     * @param courseFavourAllRequest courseFavourAllRequest
+     * @returns BaseResponse_long_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static courseCountUsingPost1(
+        courseFavourAllRequest: CourseFavourAllRequest,
+    ): CancelablePromise<BaseResponse_long_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_favour/countAll',
+            body: courseFavourAllRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * listPostByPage
+     * @param courseFavourQueryRequest courseFavourQueryRequest
+     * @returns BaseResponse_Page_CourseFavourDetailVO_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static listPostByPageUsingPost1(
+        courseFavourQueryRequest: CourseFavourQueryRequest,
+    ): CancelablePromise<BaseResponse_Page_CourseFavourDetailVO_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_favour/list/page',
+            body: courseFavourQueryRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/SeCourseThumbControllerService.ts b/teaching_integration_platform_admin_template/generated/services/SeCourseThumbControllerService.ts
new file mode 100644
index 0000000..c3fd6b7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/SeCourseThumbControllerService.ts
@@ -0,0 +1,54 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_boolean_ } from '../models/BaseResponse_boolean_';
+import type { BaseResponse_long_ } from '../models/BaseResponse_long_';
+import type { CourseThumbAddRequest } from '../models/CourseThumbAddRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class SeCourseThumbControllerService {
+    /**
+     * doThumb
+     * @param courseThumbAddRequest courseThumbAddRequest
+     * @returns BaseResponse_boolean_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static doThumbUsingPost1(
+        courseThumbAddRequest: CourseThumbAddRequest,
+    ): CancelablePromise<BaseResponse_boolean_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_thumb/',
+            body: courseThumbAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * thumbCount
+     * @param courseThumbAddRequest courseThumbAddRequest
+     * @returns BaseResponse_long_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static thumbCountUsingPost1(
+        courseThumbAddRequest: CourseThumbAddRequest,
+    ): CancelablePromise<BaseResponse_long_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_thumb/count',
+            body: courseThumbAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/SeKnowFavourControllerService.ts b/teaching_integration_platform_admin_template/generated/services/SeKnowFavourControllerService.ts
new file mode 100644
index 0000000..d6c8df1
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/SeKnowFavourControllerService.ts
@@ -0,0 +1,32 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_boolean_ } from '../models/BaseResponse_boolean_';
+import type { KnowFavourAddRequest } from '../models/KnowFavourAddRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class SeKnowFavourControllerService {
+    /**
+     * doFavour
+     * @param knowFavourAddRequest knowFavourAddRequest
+     * @returns BaseResponse_boolean_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static doFavourUsingPost3(
+        knowFavourAddRequest: KnowFavourAddRequest,
+    ): CancelablePromise<BaseResponse_boolean_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/know_favour/add',
+            body: knowFavourAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/SeKnowThumbControllerService.ts b/teaching_integration_platform_admin_template/generated/services/SeKnowThumbControllerService.ts
new file mode 100644
index 0000000..c8d1246
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/SeKnowThumbControllerService.ts
@@ -0,0 +1,32 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_boolean_ } from '../models/BaseResponse_boolean_';
+import type { KnowThumbAddRequest } from '../models/KnowThumbAddRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class SeKnowThumbControllerService {
+    /**
+     * doThumb
+     * @param knowThumbAddRequest knowThumbAddRequest
+     * @returns BaseResponse_boolean_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static doThumbUsingPost3(
+        knowThumbAddRequest: KnowThumbAddRequest,
+    ): CancelablePromise<BaseResponse_boolean_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/know_thumb/add',
+            body: knowThumbAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/SeResourceFavourControllerService.ts b/teaching_integration_platform_admin_template/generated/services/SeResourceFavourControllerService.ts
new file mode 100644
index 0000000..5933977
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/SeResourceFavourControllerService.ts
@@ -0,0 +1,55 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_boolean_ } from '../models/BaseResponse_boolean_';
+import type { BaseResponse_Page_CourseResources_ } from '../models/BaseResponse_Page_CourseResources_';
+import type { ResourceFavourAddRequest } from '../models/ResourceFavourAddRequest';
+import type { ResourceFavourQueryRequest } from '../models/ResourceFavourQueryRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class SeResourceFavourControllerService {
+    /**
+     * doFavour
+     * @param resourceFavourAddRequest resourceFavourAddRequest
+     * @returns BaseResponse_boolean_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static doFavourUsingPost5(
+        resourceFavourAddRequest: ResourceFavourAddRequest,
+    ): CancelablePromise<BaseResponse_boolean_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/resource_favour/add',
+            body: resourceFavourAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * listPostByPage
+     * @param resourceFavourQueryRequest resourceFavourQueryRequest
+     * @returns BaseResponse_Page_CourseResources_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static listPostByPageUsingPost3(
+        resourceFavourQueryRequest: ResourceFavourQueryRequest,
+    ): CancelablePromise<BaseResponse_Page_CourseResources_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/resource_favour/list/page',
+            body: resourceFavourQueryRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/SeResourceThumbControllerService.ts b/teaching_integration_platform_admin_template/generated/services/SeResourceThumbControllerService.ts
new file mode 100644
index 0000000..28b95c8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/SeResourceThumbControllerService.ts
@@ -0,0 +1,32 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_boolean_ } from '../models/BaseResponse_boolean_';
+import type { ResourceThumbAddRequest } from '../models/ResourceThumbAddRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class SeResourceThumbControllerService {
+    /**
+     * doThumb
+     * @param resourceThumbAddRequest resourceThumbAddRequest
+     * @returns BaseResponse_boolean_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static doThumbUsingPost5(
+        resourceThumbAddRequest: ResourceThumbAddRequest,
+    ): CancelablePromise<BaseResponse_boolean_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/resource_thumb/add',
+            body: resourceThumbAddRequest,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/Service.ts b/teaching_integration_platform_admin_template/generated/services/Service.ts
new file mode 100644
index 0000000..aecfdfa
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/Service.ts
@@ -0,0 +1,512 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse } from '../models/BaseResponse';
+import type { BaseResponse_CoursesDTO_ } from '../models/BaseResponse_CoursesDTO_';
+import type { BaseResponse_List_CourseObjectivesTreeVO_ } from '../models/BaseResponse_List_CourseObjectivesTreeVO_';
+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';
+import type { CoursesDTO } from '../models/CoursesDTO';
+import type { ObjectiveContentKnowDTO } from '../models/ObjectiveContentKnowDTO';
+import type { ObjectiveContents_ } from '../models/ObjectiveContents_';
+import type { ObjectivesType_ } from '../models/ObjectivesType_';
+import type { StudentCoursesDTO } from '../models/StudentCoursesDTO';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class Service {
+    /**
+     * 编辑分项目标
+     * @param courseObjectivesDto courseObjectivesDTO
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updateCourseObjectivesUsingPut1(
+        courseObjectivesDto: CourseObjectivesDTO,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'PUT',
+            url: '/api/course_objectives',
+            body: courseObjectivesDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 新增分项目标-默认第一个必须添加思政目标
+     * @param courseObjectivesDto courseObjectivesDTO
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveCourseObjectivesUsingPost1(
+        courseObjectivesDto: CourseObjectivesDTO,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/course_objectives/addobjectives',
+            body: courseObjectivesDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 查询课程目标内容
+     * @param id id
+     * @returns BaseResponse_List_CourseObjectivesTreeVO_ OK
+     * @throws ApiError
+     */
+    public static queryCourseObjectivesTreeUsingGet1(
+        id: string,
+    ): CancelablePromise<BaseResponse_List_CourseObjectivesTreeVO_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/course_objectives/list/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 删除分项目标-只能最后一个删除思政目标-总目标只需删除关联的内容
+     * @param id id
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static deleteCourseObjectivesByIdsUsingDelete1(
+        id: string,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/course_objectives/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    /**
+     * 根据id修改课程
+     * @param coursesDto coursesDTO
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static editCourseUsingPut1(
+        coursesDto: CoursesDTO,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'PUT',
+            url: '/api/coursesteacher',
+            body: coursesDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 新增课程--同步新增课程的总体目标并同时添加所有的分项目标
+     * @param coursesDto coursesDTO
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveCourseUsingPost1(
+        coursesDto: CoursesDTO,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/coursesteacher/addcourse',
+            body: coursesDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 导出word
+     * @returns any OK
+     * @throws ApiError
+     */
+    public static testUsingGet1(): CancelablePromise<any> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/coursesteacher/down',
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 网站首页
+     * @param page page
+     * @param pageSize pageSize
+     * @returns BaseResponse_Map_string_object_ OK
+     * @throws ApiError
+     */
+    public static getDataUsingGet1(
+        page: number,
+        pageSize: number,
+    ): CancelablePromise<BaseResponse_Map_string_object_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/coursesteacher/index',
+            query: {
+                'page': page,
+                'pageSize': pageSize,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 查询课程列表
+     * @param username 用户的username
+     * @param assessmenttype 课程考核类型
+     * @param category 课程类别
+     * @param isAsc 是否升序
+     * @param name 课程名称关键字
+     * @param nature 课程性质
+     * @param pageNo 页码
+     * @param pageSize 每页数量
+     * @param sortBy 排序字段
+     * @param teacher 课程任课教师
+     * @returns BaseResponse_PageDTO_CoursesVO_ OK
+     * @throws ApiError
+     */
+    public static getCoursesUsingGet1(
+        username: string,
+        assessmenttype?: string,
+        category?: string,
+        isAsc?: boolean,
+        name?: string,
+        nature?: string,
+        pageNo?: number,
+        pageSize?: number,
+        sortBy?: string,
+        teacher?: string,
+    ): CancelablePromise<BaseResponse_PageDTO_CoursesVO_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/coursesteacher/page',
+            query: {
+                'assessmenttype': assessmenttype,
+                'category': category,
+                'isAsc': isAsc,
+                'name': name,
+                'nature': nature,
+                'pageNo': pageNo,
+                'pageSize': pageSize,
+                'sortBy': sortBy,
+                'teacher': teacher,
+                'username': username,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 根据id查询课程
+     * @param id id
+     * @returns BaseResponse_CoursesDTO_ OK
+     * @throws ApiError
+     */
+    public static getByIdCourseUsingGet1(
+        id: string,
+    ): CancelablePromise<BaseResponse_CoursesDTO_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/coursesteacher/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 根据id删除课程
+     * @param id id
+     * @returns BaseResponse OK
+     * @throws ApiError
+     */
+    public static deleteCoursesUsingDelete1(
+        id: string,
+    ): CancelablePromise<BaseResponse> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/coursesteacher/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    /**
+     * 给分项目标或者是内容添加知识点
+     * @param objectiveContentKnowDto objectiveContentKnowDTO
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveKnowsWithObjectiveOrContentUsingPost1(
+        objectiveContentKnowDto: ObjectiveContentKnowDTO,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/objective_content_know/addknows',
+            body: objectiveContentKnowDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 针对分项目标统计，支撑分项目标知识点的个数、学时合计、占比
+     * @param objectiveId objectiveId
+     * @returns BaseResponse_ObjectiveContentKnowVO_ OK
+     * @throws ApiError
+     */
+    public static getCountDataUsingGet1(
+        objectiveId: string,
+    ): CancelablePromise<BaseResponse_ObjectiveContentKnowVO_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/objective_content_know/{objectiveId}',
+            path: {
+                'objectiveId': objectiveId,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 添加目标内容
+     * @param objectiveContents objectiveContents
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveContentUsingPost1(
+        objectiveContents: ObjectiveContents_,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/objective_contents/addcontent',
+            body: objectiveContents,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 修改目标内容
+     * @param objectiveContents objectiveContents
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updateContentUsingPut1(
+        objectiveContents: ObjectiveContents_,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'PUT',
+            url: '/api/objective_contents/update',
+            body: objectiveContents,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 根据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
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static deleteContentUsingDelete1(
+        id: string,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/objective_contents/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    /**
+     * 修改目标类型
+     * @param objectivesType objectivesType
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updateObjectivesUsingPut1(
+        objectivesType: ObjectivesType_,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'PUT',
+            url: '/api/objectives_type',
+            body: objectivesType,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 新增目标类型
+     * @param objectivesType objectivesType
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveObjectivesUsingPost1(
+        objectivesType: ObjectivesType_,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/objectives_type/addobjectives',
+            body: objectivesType,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 删除目标类型
+     * @param id id
+     * @returns BaseResponse_string_ OK
+     * @throws ApiError
+     */
+    public static deleteObjectivesUsingDelete1(
+        id: string,
+    ): CancelablePromise<BaseResponse_string_> {
+        return __request(OpenAPI, {
+            method: 'DELETE',
+            url: '/api/objectives_type/deleteobjectives/{id}',
+            path: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+            },
+        });
+    }
+    /**
+     * 列表显示目标类型
+     * @returns BaseResponse_List_ObjectivesType_ OK
+     * @throws ApiError
+     */
+    public static objectivesListUsingGet1(): CancelablePromise<BaseResponse_List_ObjectivesType_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/objectives_type/list',
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 给学生添加课程
+     * @param studentCoursesDto studentCoursesDTO
+     * @returns BaseResponse_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static saveCoursesToStudentsUsingPost1(
+        studentCoursesDto: StudentCoursesDTO,
+    ): CancelablePromise<BaseResponse_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/student_courses/addcoursess',
+            body: studentCoursesDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/generated/services/UmsAdminControllerService.ts b/teaching_integration_platform_admin_template/generated/services/UmsAdminControllerService.ts
new file mode 100644
index 0000000..7c2df09
--- /dev/null
+++ b/teaching_integration_platform_admin_template/generated/services/UmsAdminControllerService.ts
@@ -0,0 +1,266 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { BaseResponse_List_TeacherInfVO_ } from '../models/BaseResponse_List_TeacherInfVO_';
+import type { CommonResult } from '../models/CommonResult';
+import type { CommonResult_string_ } from '../models/CommonResult_string_';
+import type { CommonResult_UmsAdmin_ } from '../models/CommonResult_UmsAdmin_';
+import type { UmsAdmin } from '../models/UmsAdmin';
+import type { UmsAdminParam } from '../models/UmsAdminParam';
+import type { UmsStudentAndTeacherDTO } from '../models/UmsStudentAndTeacherDTO';
+import type { UpdateAdminPasswordParam } from '../models/UpdateAdminPasswordParam';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import { OpenAPI } from '../core/OpenAPI';
+import { request as __request } from '../core/request';
+export class UmsAdminControllerService {
+    /**
+     * 发送短信返回验证码
+     * @param phone phone
+     * @returns CommonResult_string_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static sendVerifyCodeUsingPost1(
+        phone: string,
+    ): CancelablePromise<CommonResult_string_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/code',
+            query: {
+                'phone': phone,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 获取教师信息列表，关联教师的username和name
+     * @returns BaseResponse_List_TeacherInfVO_ OK
+     * @throws ApiError
+     */
+    public static getTeacherInfListUsingGet1(): CancelablePromise<BaseResponse_List_TeacherInfVO_> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/user/get_teacherinf_list',
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 获取当前登录用户信息
+     * @param name
+     * @returns CommonResult OK
+     * @throws ApiError
+     */
+    public static getAdminInfoUsingGet1(
+        name?: string,
+    ): CancelablePromise<CommonResult> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/user/info',
+            query: {
+                'name': name,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 用户名登录以后返回token
+     * @param umsAdmin umsAdmin
+     * @returns CommonResult OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static loginUsingPost1(
+        umsAdmin: UmsAdmin,
+    ): CancelablePromise<CommonResult | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/login',
+            body: umsAdmin,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 获取指定个人信息
+     * @param id id
+     * @returns CommonResult OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static getByIdPersonalInfoUsingPost1(
+        id: string,
+    ): CancelablePromise<CommonResult | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/personal/info',
+            query: {
+                'id': id,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 手机号登录以后返回token
+     * @param phone phone
+     * @returns CommonResult OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static phoneLoginUsingPost1(
+        phone: string,
+    ): CancelablePromise<CommonResult | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/phone/login',
+            query: {
+                'phone': phone,
+            },
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 手机号注册
+     * @param umsAdminParam umsAdminParam
+     * @returns CommonResult_UmsAdmin_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static phoneRegisterUsingPost1(
+        umsAdminParam: UmsAdminParam,
+    ): CancelablePromise<CommonResult_UmsAdmin_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/phone/register',
+            body: umsAdminParam,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 刷新token
+     * @returns CommonResult OK
+     * @throws ApiError
+     */
+    public static refreshTokenUsingGet1(): CancelablePromise<CommonResult> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/api/user/refreshToken',
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 用户注册
+     * @param umsAdminParam umsAdminParam
+     * @returns CommonResult_UmsAdmin_ OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static registerUsingPost1(
+        umsAdminParam: UmsAdminParam,
+    ): CancelablePromise<CommonResult_UmsAdmin_ | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/register',
+            body: umsAdminParam,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 修改指定用户信息
+     * @param umsadmin umsadmin
+     * @returns CommonResult OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updateUmsUsingPost1(
+        umsadmin: UmsAdmin,
+    ): CancelablePromise<CommonResult | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/update',
+            body: umsadmin,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 修改指定个人信息
+     * @param umsStudentAndTeacherDto umsStudentAndTeacherDTO
+     * @returns CommonResult OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updatePersonalInfoUsingPost1(
+        umsStudentAndTeacherDto: UmsStudentAndTeacherDTO,
+    ): CancelablePromise<CommonResult | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/update/PersonalInfo',
+            body: umsStudentAndTeacherDto,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+    /**
+     * 修改指定用户密码
+     * @param updatePasswordParam updatePasswordParam
+     * @returns CommonResult OK
+     * @returns any Created
+     * @throws ApiError
+     */
+    public static updatePasswordUsingPost1(
+        updatePasswordParam: UpdateAdminPasswordParam,
+    ): CancelablePromise<CommonResult | any> {
+        return __request(OpenAPI, {
+            method: 'POST',
+            url: '/api/user/updatePassword',
+            body: updatePasswordParam,
+            errors: {
+                401: `Unauthorized`,
+                403: `Forbidden`,
+                404: `Not Found`,
+            },
+        });
+    }
+}
diff --git a/teaching_integration_platform_admin_template/index.html b/teaching_integration_platform_admin_template/index.html
index ff236cc..fb18584 100644
--- a/teaching_integration_platform_admin_template/index.html
+++ b/teaching_integration_platform_admin_template/index.html
@@ -1,15 +1,18 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>教学一体化后师生后台</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>教学一体化后师生后台</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/mock/user.ts b/teaching_integration_platform_admin_template/mock/user.ts
index 037da77..a0fc418 100644
--- a/teaching_integration_platform_admin_template/mock/user.ts
+++ b/teaching_integration_platform_admin_template/mock/user.ts
@@ -10,7 +10,19 @@ function createUserList() {
       desc: '平台管理员',
       roles: ['平台管理员'],
       buttons: ['cuser.detail'],
-      routes: ['Home', 'Course', 'Student', 'Group', 'Message'],
+      routes: [
+        'Home',
+        'Course',
+        'Student',
+        'Group',
+        'Message',
+        'BasicCourseInformation',
+        'CourseObjectives',
+        'CourseChapters',
+        'KnowledgePoints',
+        'CurriculumMap',
+        'knowledgeAtlas',
+      ], //老师权限
       token: 'Admin Token',
     },
     {
@@ -22,7 +34,20 @@ function createUserList() {
       desc: '系统管理员',
       roles: ['系统管理员'],
       buttons: ['cuser.detail', 'cuser.user'],
-      routes: ['Home', 'MyCourseStudy', 'CourseResources', 'Message'],
+      routes: [
+        'Home',
+        'MyCourseStudy',
+        'CourseResources',
+        'Message',
+        'LearningProcess',
+        'CourseCollections',
+        'Courselikes',
+        'WebHome',
+        'CourseHome',
+        'LearningPathRecommendations',
+        'KnowledgePointLearning',
+        'CourseReports',
+      ], //学生权限
       token: 'System Token',
     },
   ]
diff --git a/teaching_integration_platform_admin_template/mock/user_1.ts b/teaching_integration_platform_admin_template/mock/user_1.ts
new file mode 100644
index 0000000..638dde8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/mock/user_1.ts
@@ -0,0 +1,93 @@
+//用户信息数据
+function createUserList() {
+  return [
+    {
+      userId: 1,
+      avatar:
+        'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+      username: 'admin',
+      password: '111111',
+      desc: '平台管理员',
+      roles: ['平台管理员'],
+      buttons: ['cuser.detail'],
+      routes: [
+        'Home',
+        'Course',
+        'Student',
+        'Group',
+        'Message',
+        'BasicCourseInformation',
+        'CourseObjectives',
+        'CourseChapters',
+        'KnowledgePoints',
+        'CurriculumMap',
+      ], //老师权限
+      token: 'Admin Token',
+    },
+    {
+      userId: 2,
+      avatar:
+        'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+      username: 'student',
+      password: '111111',
+      desc: '系统管理员',
+      roles: ['系统管理员'],
+      buttons: ['cuser.detail', 'cuser.user'],
+      routes: [
+        'Home',
+        'MyCourseStudy',
+        'CourseResources',
+        'Message',
+        'LearningProcess',
+        'CourseCollections',
+        'Courselikes',
+        'WebHome',
+        'CourseHome',
+        'LearningPathRecommendations',
+        'KnowledgePointLearning',
+        'CourseReports',
+      ], //学生权限
+      token: 'System Token',
+    },
+  ]
+}
+
+export default [
+  // 用户登录接口
+  {
+    url: '/api/user/login', //请求地址
+    method: 'post', //请求方式
+    response: ({ body }) => {
+      //获取请求体携带过来的用户名与密码
+      const { username, password } = body
+      //调用获取用户信息函数,用于判断是否有此用户
+      const checkUser = createUserList().find(
+        (item) => item.username === username && item.password === password,
+      )
+      //没有用户返回失败信息
+      if (!checkUser) {
+        return { code: 201, data: { message: '账号或者密码不正确' } }
+      }
+      //如果有返回成功信息
+      const { token } = checkUser
+      return { code: 200, data: { token } }
+    },
+  },
+  // 获取用户信息
+  {
+    url: '/api/user/info',
+    method: 'get',
+    response: (request) => {
+      //获取请求头携带token
+      const token = request.headers.token
+      //查看用户信息是否包含有次token用户
+      const checkUser = createUserList().find((item) => item.token === token)
+      //没有返回失败的信息
+      if (!checkUser) {
+        return { code: 201, data: { message: '获取用户信息失败' } }
+      }
+      //如果有返回成功信息
+      return { code: 200, data: { checkUser } }
+    },
+  },
+]
diff --git a/teaching_integration_platform_admin_template/package.json b/teaching_integration_platform_admin_template/package.json
index cf41e3a..d977243 100644
--- a/teaching_integration_platform_admin_template/package.json
+++ b/teaching_integration_platform_admin_template/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",
@@ -17,14 +17,31 @@
     "preinstall": "node ./scripts/preinstall.js"
   },
   "dependencies": {
+    "3d-force-graph": "^1.73.3",
     "@element-plus/icons-vue": "^2.3.1",
+    "@vueup/vue-quill": "^1.2.0",
     "@vueuse/core": "^10.9.0",
+    "ajax": "^0.0.4",
+    "ali-oss": "^6.20.0",
     "axios": "^1.6.8",
+    "d3": "^5.16.0",
+    "echarts": "^5.5.0",
+    "echarts-liquidfill": "^3.1.0",
     "element-plus": "^2.6.0",
+    "element-ui": "^2.15.14",
+    "form-data": "^4.0.0",
+    "jquery": "^3.7.1",
+    "jwt-decode": "^4.0.0",
+    "nanoid": "^5.0.7",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
-    "vue": "^3.4.19",
-    "vue-router": "^4.3.0"
+    "three": "^0.163.0",
+    "vue": "^3.4.27",
+    "vue-echarts": "^6.7.2",
+    "vue-quill": "^1.5.1",
+    "vue-router": "^4.3.0",
+    "vue-video-player": "^6.0.0",
+    "vue3-video-play": "^1.3.2"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.10",
@@ -38,6 +55,8 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-vue": "^9.22.0",
     "mockjs": "^1.1.0",
+    "openapi-typescript-codegen": "^0.29.0",
+    "pinia-plugin-persistedstate": "^3.2.1",
     "postcss": "^8.4.35",
     "postcss-html": "^1.6.0",
     "postcss-scss": "^4.0.9",
diff --git a/teaching_integration_platform_admin_template/pnpm-lock.yaml b/teaching_integration_platform_admin_template/pnpm-lock.yaml
index dfae29b..4af698c 100644
--- a/teaching_integration_platform_admin_template/pnpm-lock.yaml
+++ b/teaching_integration_platform_admin_template/pnpm-lock.yaml
@@ -1,35 +1,86 @@
 lockfileVersion: '6.0'
 
 dependencies:
+  3d-force-graph:
+    specifier: ^1.73.3
+    version: 1.73.3
   '@element-plus/icons-vue':
     specifier: ^2.3.1
-    version: 2.3.1(vue@3.4.19)
+    version: 2.3.1(vue@3.4.27)
+  '@vueup/vue-quill':
+    specifier: ^1.2.0
+    version: 1.2.0(vue@3.4.27)
   '@vueuse/core':
     specifier: ^10.9.0
-    version: 10.9.0(vue@3.4.19)
+    version: 10.9.0(vue@3.4.27)
+  ajax:
+    specifier: ^0.0.4
+    version: 0.0.4
+  ali-oss:
+    specifier: ^6.20.0
+    version: 6.20.0
   axios:
     specifier: ^1.6.8
     version: 1.6.8
+  d3:
+    specifier: ^5.16.0
+    version: 5.16.0
+  echarts:
+    specifier: ^5.5.0
+    version: 5.5.0
+  echarts-liquidfill:
+    specifier: ^3.1.0
+    version: 3.1.0(echarts@5.5.0)
   element-plus:
     specifier: ^2.6.0
-    version: 2.6.0(vue@3.4.19)
+    version: 2.6.0(vue@3.4.27)
+  element-ui:
+    specifier: ^2.15.14
+    version: 2.15.14(vue@3.4.27)
+  form-data:
+    specifier: ^4.0.0
+    version: 4.0.0
+  jquery:
+    specifier: ^3.7.1
+    version: 3.7.1
+  jwt-decode:
+    specifier: ^4.0.0
+    version: 4.0.0
+  nanoid:
+    specifier: ^5.0.7
+    version: 5.0.7
   nprogress:
     specifier: ^0.2.0
     version: 0.2.0
   pinia:
     specifier: ^2.1.7
-    version: 2.1.7(typescript@5.2.2)(vue@3.4.19)
+    version: 2.1.7(typescript@5.2.2)(vue@3.4.27)
+  three:
+    specifier: ^0.163.0
+    version: 0.163.0
   vue:
-    specifier: ^3.4.19
-    version: 3.4.19(typescript@5.2.2)
+    specifier: ^3.4.27
+    version: 3.4.27(typescript@5.2.2)
+  vue-echarts:
+    specifier: ^6.7.2
+    version: 6.7.2(echarts@5.5.0)(vue@3.4.27)
+  vue-quill:
+    specifier: ^1.5.1
+    version: 1.5.1
   vue-router:
     specifier: ^4.3.0
-    version: 4.3.0(vue@3.4.19)
+    version: 4.3.0(vue@3.4.27)
+  vue-video-player:
+    specifier: ^6.0.0
+    version: 6.0.0(@types/video.js@7.3.58)(video.js@7.21.6)(vue@3.4.27)
+  vue3-video-play:
+    specifier: ^1.3.2
+    version: 1.3.2(typescript@5.2.2)
 
 devDependencies:
   '@babel/eslint-parser':
     specifier: ^7.23.10
-    version: 7.23.10(@babel/core@7.24.0)(eslint@8.57.0)
+    version: 7.23.10(@babel/core@7.25.2)(eslint@8.57.0)
   '@typescript-eslint/eslint-plugin':
     specifier: ^7.1.1
     version: 7.1.1(@typescript-eslint/parser@7.1.1)(eslint@8.57.0)(typescript@5.2.2)
@@ -38,7 +89,7 @@ devDependencies:
     version: 7.1.1(eslint@8.57.0)(typescript@5.2.2)
   '@vitejs/plugin-vue':
     specifier: ^5.0.4
-    version: 5.0.4(vite@5.1.4)(vue@3.4.19)
+    version: 5.0.4(vite@5.1.4)(vue@3.4.27)
   eslint:
     specifier: ^8.57.0
     version: 8.57.0
@@ -60,6 +111,12 @@ devDependencies:
   mockjs:
     specifier: ^1.1.0
     version: 1.1.0
+  openapi-typescript-codegen:
+    specifier: ^0.29.0
+    version: 0.29.0
+  pinia-plugin-persistedstate:
+    specifier: ^3.2.1
+    version: 3.2.1(pinia@2.1.7)
   postcss:
     specifier: ^8.4.35
     version: 8.4.35
@@ -113,7 +170,7 @@ devDependencies:
     version: 5.1.4(sass@1.71.1)
   vite-plugin-mock:
     specifier: ^3.0.1
-    version: 3.0.1(esbuild@0.19.12)(mockjs@1.1.0)(vite@5.1.4)
+    version: 3.0.1(esbuild@0.23.1)(mockjs@1.1.0)(vite@5.1.4)
   vite-plugin-svg-icons:
     specifier: ^2.0.1
     version: 2.0.1(vite@5.1.4)
@@ -123,10 +180,16 @@ devDependencies:
 
 packages:
 
-  /@aashutoshrathi/word-wrap@1.2.6:
-    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  /3d-force-graph@1.73.3:
+    resolution: {integrity: sha512-azb65Lwn2yr/fJ4+qrxjmstVxogjzwJIZL/fdboCKBg6ph/FLW+xdvYFEBZW92XxBn1C8yRKS3d2VkVT3BzLSw==}
+    engines: {node: '>=12'}
+    dependencies:
+      accessor-fn: 1.5.1
+      kapsule: 1.14.5
+      three: 0.163.0
+      three-forcegraph: 1.41.14(three@0.163.0)
+      three-render-objects: 1.29.4(three@0.163.0)
+    dev: false
 
   /@ampproject/remapping@2.3.0:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
@@ -136,35 +199,44 @@ packages:
       '@jridgewell/trace-mapping': 0.3.25
     dev: true
 
-  /@babel/code-frame@7.23.5:
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
+  /@apidevtools/json-schema-ref-parser@11.7.0:
+    resolution: {integrity: sha512-pRrmXMCwnmrkS3MLgAIW5dXRzeTv6GLjkjb4HmxNnvAKXN1Nfzp4KmGADBQvlVUcqi+a5D+hfGDLLnd5NnYxog==}
+    engines: {node: '>= 16'}
+    dependencies:
+      '@jsdevtools/ono': 7.1.3
+      '@types/json-schema': 7.0.15
+      js-yaml: 4.1.0
+    dev: true
+
+  /@babel/code-frame@7.24.7:
+    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': 7.23.4
-      chalk: 2.4.2
+      '@babel/highlight': 7.24.7
+      picocolors: 1.0.1
     dev: true
 
-  /@babel/compat-data@7.23.5:
-    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
+  /@babel/compat-data@7.25.4:
+    resolution: {integrity: sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==}
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/core@7.24.0:
-    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
+  /@babel/core@7.25.2:
+    resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.23.5
-      '@babel/generator': 7.23.6
-      '@babel/helper-compilation-targets': 7.23.6
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.0)
-      '@babel/helpers': 7.24.0
-      '@babel/parser': 7.24.0
-      '@babel/template': 7.24.0
-      '@babel/traverse': 7.24.0
-      '@babel/types': 7.24.0
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.25.5
+      '@babel/helper-compilation-targets': 7.25.2
+      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
+      '@babel/helpers': 7.25.0
+      '@babel/parser': 7.25.4
+      '@babel/template': 7.25.0
+      '@babel/traverse': 7.25.4
+      '@babel/types': 7.25.4
       convert-source-map: 2.0.0
-      debug: 4.3.4
+      debug: 4.3.6
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -172,203 +244,185 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/eslint-parser@7.23.10(@babel/core@7.24.0)(eslint@8.57.0):
+  /@babel/eslint-parser@7.23.10(@babel/core@7.25.2)(eslint@8.57.0):
     resolution: {integrity: sha512-3wSYDPZVnhseRnxRJH6ZVTNknBz76AEnyC+AYYhasjP3Yy23qz0ERR7Fcd2SHmYuSFJ2kY9gaaDd3vyqU09eSw==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
       '@babel/core': ^7.11.0
       eslint: ^7.5.0 || ^8.0.0
     dependencies:
-      '@babel/core': 7.24.0
+      '@babel/core': 7.25.2
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
       eslint: 8.57.0
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
     dev: true
 
-  /@babel/generator@7.23.6:
-    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
+  /@babel/generator@7.25.5:
+    resolution: {integrity: sha512-abd43wyLfbWoxC6ahM8xTkqLpGB2iWBVyuKC9/srhFunCd1SDNrV1s72bBpK4hLj8KLzHBBcOblvLQZBNw9r3w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/types': 7.25.4
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
     dev: true
 
-  /@babel/helper-compilation-targets@7.23.6:
-    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
+  /@babel/helper-compilation-targets@7.25.2:
+    resolution: {integrity: sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/compat-data': 7.23.5
-      '@babel/helper-validator-option': 7.23.5
-      browserslist: 4.23.0
+      '@babel/compat-data': 7.25.4
+      '@babel/helper-validator-option': 7.24.8
+      browserslist: 4.23.3
       lru-cache: 5.1.1
       semver: 6.3.1
     dev: true
 
-  /@babel/helper-environment-visitor@7.22.20:
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/helper-function-name@7.23.0:
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': 7.24.0
-      '@babel/types': 7.24.0
-    dev: true
-
-  /@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.24.0
-    dev: true
-
-  /@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+  /@babel/helper-module-imports@7.24.7:
+    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/traverse': 7.25.4
+      '@babel/types': 7.25.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
+  /@babel/helper-module-transforms@7.25.2(@babel/core@7.25.2):
+    resolution: {integrity: sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.24.0
-      '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-simple-access': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/helper-validator-identifier': 7.22.20
-    dev: true
-
-  /@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.24.0
+      '@babel/core': 7.25.2
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-simple-access': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/traverse': 7.25.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+  /@babel/helper-simple-access@7.24.7:
+    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/traverse': 7.25.4
+      '@babel/types': 7.25.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@babel/helper-string-parser@7.23.4:
-    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
+  /@babel/helper-string-parser@7.24.8:
+    resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+  /@babel/helper-validator-identifier@7.24.7:
+    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-validator-option@7.23.5:
-    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
+  /@babel/helper-validator-option@7.24.8:
+    resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helpers@7.24.0:
-    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
+  /@babel/helpers@7.25.0:
+    resolution: {integrity: sha512-MjgLZ42aCm0oGjJj8CtSM3DB8NOOf8h2l7DCTePJs29u+v7yO/RBX9nShlKMgFnRks/Q4tBAe7Hxnov9VkGwLw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': 7.24.0
-      '@babel/traverse': 7.24.0
-      '@babel/types': 7.24.0
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.4
     dev: true
 
-  /@babel/highlight@7.23.4:
-    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
+  /@babel/highlight@7.24.7:
+    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.22.20
+      '@babel/helper-validator-identifier': 7.24.7
       chalk: 2.4.2
       js-tokens: 4.0.0
+      picocolors: 1.0.1
     dev: true
 
-  /@babel/parser@7.24.0:
-    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+  /@babel/parser@7.25.4:
+    resolution: {integrity: sha512-nq+eWrOgdtu3jG5Os4TQP3x3cLA8hR8TvJNjD8vnPa20WGycimcparWnLK4jJhElTK6SDyuJo1weMKO/5LpmLA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/types': 7.25.4
+
+  /@babel/runtime@7.25.4:
+    resolution: {integrity: sha512-DSgLeL/FNcpXuzav5wfYvHCGvynXkJbn3Zvc3823AEe9nPwW9IK4UoCSS5yGymmQzN0pCPvivtgS6/8U2kkm1w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.1
+    dev: false
 
-  /@babel/template@7.24.0:
-    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+  /@babel/template@7.25.0:
+    resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': 7.23.5
-      '@babel/parser': 7.24.0
-      '@babel/types': 7.24.0
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.25.4
+      '@babel/types': 7.25.4
     dev: true
 
-  /@babel/traverse@7.24.0:
-    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
+  /@babel/traverse@7.25.4:
+    resolution: {integrity: sha512-VJ4XsrD+nOvlXyLzmLzUs/0qjFS4sK30te5yEFlvbbUNEgKaVb2BHZUpAL+ttLPQAHNrsI3zZisbfha5Cvr8vg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': 7.23.5
-      '@babel/generator': 7.23.6
-      '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-function-name': 7.23.0
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.24.0
-      '@babel/types': 7.24.0
-      debug: 4.3.4
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.25.5
+      '@babel/parser': 7.25.4
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.4
+      debug: 4.3.6
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/types@7.24.0:
-    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
+  /@babel/types@7.25.4:
+    resolution: {integrity: sha512-zQ1ijeeCXVEh+aNL0RlmkPkG8HUiDcU2pzQQFjtbntgAczRASFzj4H+6+bV+dy1ntKR14I/DypeuRG1uma98iQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': 7.23.4
-      '@babel/helper-validator-identifier': 7.22.20
+      '@babel/helper-string-parser': 7.24.8
+      '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
 
-  /@csstools/css-parser-algorithms@2.6.0(@csstools/css-tokenizer@2.2.3):
-    resolution: {integrity: sha512-YfEHq0eRH98ffb5/EsrrDspVWAuph6gDggAE74ZtjecsmyyWpW768hOyiONa8zwWGbIWYfa2Xp4tRTrpQQ00CQ==}
+  /@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1):
+    resolution: {integrity: sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
-      '@csstools/css-tokenizer': ^2.2.3
+      '@csstools/css-tokenizer': ^2.4.1
     dependencies:
-      '@csstools/css-tokenizer': 2.2.3
+      '@csstools/css-tokenizer': 2.4.1
     dev: true
 
-  /@csstools/css-tokenizer@2.2.3:
-    resolution: {integrity: sha512-pp//EvZ9dUmGuGtG1p+n17gTHEOqu9jO+FiCUjNN3BDmyhdA2Jq9QsVeR7K8/2QCK17HSsioPlTW9ZkzoWb3Lg==}
+  /@csstools/css-tokenizer@2.4.1:
+    resolution: {integrity: sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==}
     engines: {node: ^14 || ^16 || >=18}
     dev: true
 
-  /@csstools/media-query-list-parser@2.1.8(@csstools/css-parser-algorithms@2.6.0)(@csstools/css-tokenizer@2.2.3):
-    resolution: {integrity: sha512-DiD3vG5ciNzeuTEoh74S+JMjQDs50R3zlxHnBnfd04YYfA/kh2KiBCGhzqLxlJcNq+7yNQ3stuZZYLX6wK/U2g==}
+  /@csstools/media-query-list-parser@2.1.13(@csstools/css-parser-algorithms@2.7.1)(@csstools/css-tokenizer@2.4.1):
+    resolution: {integrity: sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.6.0
-      '@csstools/css-tokenizer': ^2.2.3
+      '@csstools/css-parser-algorithms': ^2.7.1
+      '@csstools/css-tokenizer': ^2.4.1
     dependencies:
-      '@csstools/css-parser-algorithms': 2.6.0(@csstools/css-tokenizer@2.2.3)
-      '@csstools/css-tokenizer': 2.2.3
+      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
+      '@csstools/css-tokenizer': 2.4.1
     dev: true
 
-  /@csstools/selector-specificity@3.0.2(postcss-selector-parser@6.0.15):
-    resolution: {integrity: sha512-RpHaZ1h9LE7aALeQXmXrJkRG84ZxIsctEN2biEUmFyKpzFM3zZ35eUMcIzZFsw/2olQE6v69+esEqU2f1MKycg==}
+  /@csstools/selector-specificity@3.1.1(postcss-selector-parser@6.1.2):
+    resolution: {integrity: sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
       postcss-selector-parser: ^6.0.13
     dependencies:
-      postcss-selector-parser: 6.0.15
+      postcss-selector-parser: 6.1.2
     dev: true
 
   /@ctrl/tinycolor@3.6.1:
@@ -376,12 +430,12 @@ packages:
     engines: {node: '>=10'}
     dev: false
 
-  /@element-plus/icons-vue@2.3.1(vue@3.4.19):
+  /@element-plus/icons-vue@2.3.1(vue@3.4.27):
     resolution: {integrity: sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
-      vue: 3.4.19(typescript@5.2.2)
+      vue: 3.4.27(typescript@5.2.2)
     dev: false
 
   /@esbuild/aix-ppc64@0.19.12:
@@ -393,6 +447,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/aix-ppc64@0.23.1:
+    resolution: {integrity: sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm64@0.19.12:
     resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
     engines: {node: '>=12'}
@@ -402,6 +465,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-arm64@0.23.1:
+    resolution: {integrity: sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm@0.19.12:
     resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
     engines: {node: '>=12'}
@@ -411,6 +483,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-arm@0.23.1:
+    resolution: {integrity: sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-x64@0.19.12:
     resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
     engines: {node: '>=12'}
@@ -420,6 +501,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-x64@0.23.1:
+    resolution: {integrity: sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/darwin-arm64@0.19.12:
     resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
     engines: {node: '>=12'}
@@ -429,6 +519,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/darwin-arm64@0.23.1:
+    resolution: {integrity: sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/darwin-x64@0.19.12:
     resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
     engines: {node: '>=12'}
@@ -438,6 +537,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/darwin-x64@0.23.1:
+    resolution: {integrity: sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/freebsd-arm64@0.19.12:
     resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
     engines: {node: '>=12'}
@@ -447,6 +555,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/freebsd-arm64@0.23.1:
+    resolution: {integrity: sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/freebsd-x64@0.19.12:
     resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
     engines: {node: '>=12'}
@@ -456,6 +573,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/freebsd-x64@0.23.1:
+    resolution: {integrity: sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-arm64@0.19.12:
     resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
     engines: {node: '>=12'}
@@ -465,6 +591,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-arm64@0.23.1:
+    resolution: {integrity: sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-arm@0.19.12:
     resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
     engines: {node: '>=12'}
@@ -474,6 +609,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-arm@0.23.1:
+    resolution: {integrity: sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-ia32@0.19.12:
     resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
     engines: {node: '>=12'}
@@ -483,6 +627,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-ia32@0.23.1:
+    resolution: {integrity: sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-loong64@0.19.12:
     resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
     engines: {node: '>=12'}
@@ -492,6 +645,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-loong64@0.23.1:
+    resolution: {integrity: sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-mips64el@0.19.12:
     resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
     engines: {node: '>=12'}
@@ -501,6 +663,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-mips64el@0.23.1:
+    resolution: {integrity: sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-ppc64@0.19.12:
     resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
     engines: {node: '>=12'}
@@ -510,6 +681,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-ppc64@0.23.1:
+    resolution: {integrity: sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-riscv64@0.19.12:
     resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
     engines: {node: '>=12'}
@@ -519,6 +699,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-riscv64@0.23.1:
+    resolution: {integrity: sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-s390x@0.19.12:
     resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
     engines: {node: '>=12'}
@@ -528,6 +717,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-s390x@0.23.1:
+    resolution: {integrity: sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-x64@0.19.12:
     resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
     engines: {node: '>=12'}
@@ -537,6 +735,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-x64@0.23.1:
+    resolution: {integrity: sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/netbsd-x64@0.19.12:
     resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
     engines: {node: '>=12'}
@@ -546,6 +753,24 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/netbsd-x64@0.23.1:
+    resolution: {integrity: sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-arm64@0.23.1:
+    resolution: {integrity: sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/openbsd-x64@0.19.12:
     resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
     engines: {node: '>=12'}
@@ -555,6 +780,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/openbsd-x64@0.23.1:
+    resolution: {integrity: sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/sunos-x64@0.19.12:
     resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
     engines: {node: '>=12'}
@@ -564,6 +798,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/sunos-x64@0.23.1:
+    resolution: {integrity: sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-arm64@0.19.12:
     resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
     engines: {node: '>=12'}
@@ -573,6 +816,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/win32-arm64@0.23.1:
+    resolution: {integrity: sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-ia32@0.19.12:
     resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
     engines: {node: '>=12'}
@@ -582,6 +834,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/win32-ia32@0.23.1:
+    resolution: {integrity: sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-x64@0.19.12:
     resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
     engines: {node: '>=12'}
@@ -591,6 +852,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/win32-x64@0.23.1:
+    resolution: {integrity: sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -601,8 +871,8 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@eslint-community/regexpp@4.10.0:
-    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+  /@eslint-community/regexpp@4.11.0:
+    resolution: {integrity: sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
@@ -611,10 +881,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4
+      debug: 4.3.6
       espree: 9.6.1
       globals: 13.24.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       minimatch: 3.1.2
@@ -628,29 +898,30 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@floating-ui/core@1.6.0:
-    resolution: {integrity: sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==}
+  /@floating-ui/core@1.6.7:
+    resolution: {integrity: sha512-yDzVT/Lm101nQ5TCVeK65LtdN7Tj4Qpr9RTXJ2vPFLqtLxwOrpoxAHAJI8J3yYWUc40J0BDBheaitK5SJmno2g==}
     dependencies:
-      '@floating-ui/utils': 0.2.1
+      '@floating-ui/utils': 0.2.7
     dev: false
 
-  /@floating-ui/dom@1.6.3:
-    resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==}
+  /@floating-ui/dom@1.6.10:
+    resolution: {integrity: sha512-fskgCFv8J8OamCmyun8MfjB1Olfn+uZKjOKZ0vhYF3gRmEUXcGOjxWL8bBr7i4kIuPZ2KD2S3EUIOxnjC8kl2A==}
     dependencies:
-      '@floating-ui/core': 1.6.0
-      '@floating-ui/utils': 0.2.1
+      '@floating-ui/core': 1.6.7
+      '@floating-ui/utils': 0.2.7
     dev: false
 
-  /@floating-ui/utils@0.2.1:
-    resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
+  /@floating-ui/utils@0.2.7:
+    resolution: {integrity: sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA==}
     dev: false
 
   /@humanwhocodes/config-array@0.11.14:
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
     dependencies:
-      '@humanwhocodes/object-schema': 2.0.2
-      debug: 4.3.4
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.3.6
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -661,8 +932,9 @@ packages:
     engines: {node: '>=12.22'}
     dev: true
 
-  /@humanwhocodes/object-schema@2.0.2:
-    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+  /@humanwhocodes/object-schema@2.0.3:
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    deprecated: Use @eslint/object-schema instead
     dev: true
 
   /@jridgewell/gen-mapping@0.3.5:
@@ -670,7 +942,7 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
     dev: true
 
@@ -684,14 +956,18 @@ packages:
     engines: {node: '>=6.0.0'}
     dev: true
 
-  /@jridgewell/sourcemap-codec@1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+  /@jridgewell/sourcemap-codec@1.5.0:
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
   /@jridgewell/trace-mapping@0.3.25:
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
+    dev: true
+
+  /@jsdevtools/ono@7.1.3:
+    resolution: {integrity: sha512-4JQNk+3mVzK3xh2rqd6RB4J46qUR19azEHBneZyTZM+c456qOrbbM/5xcR8huNCCcbVt7+UmizG6GuUvPvKUYg==}
     dev: true
 
   /@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1:
@@ -726,48 +1002,58 @@ packages:
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
     dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.12.0:
-    resolution: {integrity: sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==}
+  /@rollup/rollup-android-arm-eabi@4.21.0:
+    resolution: {integrity: sha512-WTWD8PfoSAJ+qL87lE7votj3syLavxunWhzCnx3XFxFiI/BA/r3X7MUM8dVrH8rb2r4AiO8jJsr3ZjdaftmnfA==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.12.0:
-    resolution: {integrity: sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==}
+  /@rollup/rollup-android-arm64@4.21.0:
+    resolution: {integrity: sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.12.0:
-    resolution: {integrity: sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==}
+  /@rollup/rollup-darwin-arm64@4.21.0:
+    resolution: {integrity: sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.12.0:
-    resolution: {integrity: sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==}
+  /@rollup/rollup-darwin-x64@4.21.0:
+    resolution: {integrity: sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.12.0:
-    resolution: {integrity: sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.21.0:
+    resolution: {integrity: sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-musleabihf@4.21.0:
+    resolution: {integrity: sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.12.0:
-    resolution: {integrity: sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==}
+  /@rollup/rollup-linux-arm64-gnu@4.21.0:
+    resolution: {integrity: sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
@@ -775,8 +1061,8 @@ packages:
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.12.0:
-    resolution: {integrity: sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==}
+  /@rollup/rollup-linux-arm64-musl@4.21.0:
+    resolution: {integrity: sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
@@ -784,8 +1070,17 @@ packages:
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.12.0:
-    resolution: {integrity: sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==}
+  /@rollup/rollup-linux-powerpc64le-gnu@4.21.0:
+    resolution: {integrity: sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.21.0:
+    resolution: {integrity: sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
@@ -793,8 +1088,17 @@ packages:
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.12.0:
-    resolution: {integrity: sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==}
+  /@rollup/rollup-linux-s390x-gnu@4.21.0:
+    resolution: {integrity: sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.21.0:
+    resolution: {integrity: sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
@@ -802,8 +1106,8 @@ packages:
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.12.0:
-    resolution: {integrity: sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==}
+  /@rollup/rollup-linux-x64-musl@4.21.0:
+    resolution: {integrity: sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
@@ -811,24 +1115,24 @@ packages:
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.12.0:
-    resolution: {integrity: sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==}
+  /@rollup/rollup-win32-arm64-msvc@4.21.0:
+    resolution: {integrity: sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.12.0:
-    resolution: {integrity: sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==}
+  /@rollup/rollup-win32-ia32-msvc@4.21.0:
+    resolution: {integrity: sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.12.0:
-    resolution: {integrity: sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==}
+  /@rollup/rollup-win32-x64-msvc@4.21.0:
+    resolution: {integrity: sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -844,6 +1148,10 @@ packages:
     engines: {node: '>=10.13.0'}
     dev: true
 
+  /@tweenjs/tween.js@23.1.3:
+    resolution: {integrity: sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA==}
+    dev: false
+
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
     dev: true
@@ -859,21 +1167,21 @@ packages:
   /@types/lodash-es@4.17.12:
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
     dependencies:
-      '@types/lodash': 4.14.202
+      '@types/lodash': 4.17.7
     dev: false
 
-  /@types/lodash@4.14.202:
-    resolution: {integrity: sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==}
+  /@types/lodash@4.17.7:
+    resolution: {integrity: sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==}
     dev: false
 
   /@types/mockjs@1.0.10:
     resolution: {integrity: sha512-SXgrhajHG7boLv6oU93CcmdDm0HYRiceuz6b+7z+/2lCJPTWDv0V5YiwFHT2ejE4bQqgSXQiVPQYPWv7LGsK1g==}
     dev: true
 
-  /@types/node@20.11.24:
-    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
+  /@types/node@22.5.0:
+    resolution: {integrity: sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==}
     dependencies:
-      undici-types: 5.26.5
+      undici-types: 6.19.8
     dev: true
 
   /@types/semver@7.5.8:
@@ -883,9 +1191,13 @@ packages:
   /@types/svgo@2.6.4:
     resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
     dependencies:
-      '@types/node': 20.11.24
+      '@types/node': 22.5.0
     dev: true
 
+  /@types/video.js@7.3.58:
+    resolution: {integrity: sha512-1CQjuSrgbv1/dhmcfQ83eVyYbvGyqhTvb2Opxr0QCV+iJ4J6/J+XWQ3Om59WiwCd1MN3rDUHasx5XRrpUtewYQ==}
+    dev: false
+
   /@types/web-bluetooth@0.0.16:
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
     dev: false
@@ -905,19 +1217,19 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': 4.10.0
+      '@eslint-community/regexpp': 4.11.0
       '@typescript-eslint/parser': 7.1.1(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/scope-manager': 7.1.1
       '@typescript-eslint/type-utils': 7.1.1(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/utils': 7.1.1(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 7.1.1
-      debug: 4.3.4
+      debug: 4.3.6
       eslint: 8.57.0
       graphemer: 1.4.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       natural-compare: 1.4.0
-      semver: 7.6.0
-      ts-api-utils: 1.2.1(typescript@5.2.2)
+      semver: 7.6.3
+      ts-api-utils: 1.3.0(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
@@ -937,7 +1249,7 @@ packages:
       '@typescript-eslint/types': 7.1.1
       '@typescript-eslint/typescript-estree': 7.1.1(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 7.1.1
-      debug: 4.3.4
+      debug: 4.3.6
       eslint: 8.57.0
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -964,9 +1276,9 @@ packages:
     dependencies:
       '@typescript-eslint/typescript-estree': 7.1.1(typescript@5.2.2)
       '@typescript-eslint/utils': 7.1.1(eslint@8.57.0)(typescript@5.2.2)
-      debug: 4.3.4
+      debug: 4.3.6
       eslint: 8.57.0
-      ts-api-utils: 1.2.1(typescript@5.2.2)
+      ts-api-utils: 1.3.0(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
@@ -988,12 +1300,12 @@ packages:
     dependencies:
       '@typescript-eslint/types': 7.1.1
       '@typescript-eslint/visitor-keys': 7.1.1
-      debug: 4.3.4
+      debug: 4.3.6
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
-      semver: 7.6.0
-      ts-api-utils: 1.2.1(typescript@5.2.2)
+      semver: 7.6.3
+      ts-api-utils: 1.3.0(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
@@ -1012,7 +1324,7 @@ packages:
       '@typescript-eslint/types': 7.1.1
       '@typescript-eslint/typescript-estree': 7.1.1(typescript@5.2.2)
       eslint: 8.57.0
-      semver: 7.6.0
+      semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1030,7 +1342,52 @@ packages:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
     dev: true
 
-  /@vitejs/plugin-vue@5.0.4(vite@5.1.4)(vue@3.4.19):
+  /@videojs-player/vue@1.0.0(@types/video.js@7.3.58)(video.js@7.21.6)(vue@3.4.27):
+    resolution: {integrity: sha512-WonTezRfKu3fYdQLt/ta+nuKH6gMZUv8l40Jke/j4Lae7IqeO/+lLAmBnh3ni88bwR+vkFXIlZ2Ci7VKInIYJg==}
+    peerDependencies:
+      '@types/video.js': 7.x
+      video.js: 7.x
+      vue: 3.x
+    dependencies:
+      '@types/video.js': 7.3.58
+      video.js: 7.21.6
+      vue: 3.4.27(typescript@5.2.2)
+    dev: false
+
+  /@videojs/http-streaming@2.16.3(video.js@7.21.6):
+    resolution: {integrity: sha512-91CJv5PnFBzNBvyEjt+9cPzTK/xoVixARj2g7ZAvItA+5bx8VKdk5RxCz/PP2kdzz9W+NiDUMPkdmTsosmy69Q==}
+    engines: {node: '>=8', npm: '>=5'}
+    peerDependencies:
+      video.js: ^6 || ^7
+    dependencies:
+      '@babel/runtime': 7.25.4
+      '@videojs/vhs-utils': 3.0.5
+      aes-decrypter: 3.1.3
+      global: 4.4.0
+      m3u8-parser: 4.8.0
+      mpd-parser: 0.22.1
+      mux.js: 6.0.1
+      video.js: 7.21.6
+    dev: false
+
+  /@videojs/vhs-utils@3.0.5:
+    resolution: {integrity: sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==}
+    engines: {node: '>=8', npm: '>=5'}
+    dependencies:
+      '@babel/runtime': 7.25.4
+      global: 4.4.0
+      url-toolkit: 2.2.5
+    dev: false
+
+  /@videojs/xhr@2.6.0:
+    resolution: {integrity: sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==}
+    dependencies:
+      '@babel/runtime': 7.25.4
+      global: 4.4.0
+      is-function: 1.0.2
+    dev: false
+
+  /@vitejs/plugin-vue@5.0.4(vite@5.1.4)(vue@3.4.27):
     resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
@@ -1038,7 +1395,7 @@ packages:
       vue: ^3.2.25
     dependencies:
       vite: 5.1.4(sass@1.71.1)
-      vue: 3.4.19(typescript@5.2.2)
+      vue: 3.4.27(typescript@5.2.2)
     dev: true
 
   /@volar/language-core@1.11.1:
@@ -1060,60 +1417,59 @@ packages:
       path-browserify: 1.0.1
     dev: true
 
-  /@vue/compiler-core@3.4.19:
-    resolution: {integrity: sha512-gj81785z0JNzRcU0Mq98E56e4ltO1yf8k5PQ+tV/7YHnbZkrM0fyFyuttnN8ngJZjbpofWE/m4qjKBiLl8Ju4w==}
+  /@vue/compiler-core@3.4.27:
+    resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==}
     dependencies:
-      '@babel/parser': 7.24.0
-      '@vue/shared': 3.4.19
+      '@babel/parser': 7.25.4
+      '@vue/shared': 3.4.27
       entities: 4.5.0
       estree-walker: 2.0.2
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
 
-  /@vue/compiler-core@3.4.21:
-    resolution: {integrity: sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==}
+  /@vue/compiler-core@3.4.38:
+    resolution: {integrity: sha512-8IQOTCWnLFqfHzOGm9+P8OPSEDukgg3Huc92qSG49if/xI2SAwLHQO2qaPQbjCWPBcQoO1WYfXfTACUrWV3c5A==}
     dependencies:
-      '@babel/parser': 7.24.0
-      '@vue/shared': 3.4.21
+      '@babel/parser': 7.25.4
+      '@vue/shared': 3.4.38
       entities: 4.5.0
       estree-walker: 2.0.2
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
     dev: true
 
-  /@vue/compiler-dom@3.4.19:
-    resolution: {integrity: sha512-vm6+cogWrshjqEHTzIDCp72DKtea8Ry/QVpQRYoyTIg9k7QZDX6D8+HGURjtmatfgM8xgCFtJJaOlCaRYRK3QA==}
+  /@vue/compiler-dom@3.4.27:
+    resolution: {integrity: sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==}
     dependencies:
-      '@vue/compiler-core': 3.4.19
-      '@vue/shared': 3.4.19
+      '@vue/compiler-core': 3.4.27
+      '@vue/shared': 3.4.27
 
-  /@vue/compiler-dom@3.4.21:
-    resolution: {integrity: sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==}
+  /@vue/compiler-dom@3.4.38:
+    resolution: {integrity: sha512-Osc/c7ABsHXTsETLgykcOwIxFktHfGSUDkb05V61rocEfsFDcjDLH/IHJSNJP+/Sv9KeN2Lx1V6McZzlSb9EhQ==}
     dependencies:
-      '@vue/compiler-core': 3.4.21
-      '@vue/shared': 3.4.21
+      '@vue/compiler-core': 3.4.38
+      '@vue/shared': 3.4.38
     dev: true
 
-  /@vue/compiler-sfc@3.4.19:
-    resolution: {integrity: sha512-LQ3U4SN0DlvV0xhr1lUsgLCYlwQfUfetyPxkKYu7dkfvx7g3ojrGAkw0AERLOKYXuAGnqFsEuytkdcComei3Yg==}
+  /@vue/compiler-sfc@3.4.27:
+    resolution: {integrity: sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==}
     dependencies:
-      '@babel/parser': 7.24.0
-      '@vue/compiler-core': 3.4.19
-      '@vue/compiler-dom': 3.4.19
-      '@vue/compiler-ssr': 3.4.19
-      '@vue/shared': 3.4.19
+      '@babel/parser': 7.25.4
+      '@vue/compiler-core': 3.4.27
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
       estree-walker: 2.0.2
-      magic-string: 0.30.8
-      postcss: 8.4.35
-      source-map-js: 1.0.2
+      magic-string: 0.30.11
+      postcss: 8.4.41
+      source-map-js: 1.2.0
 
-  /@vue/compiler-ssr@3.4.19:
-    resolution: {integrity: sha512-P0PLKC4+u4OMJ8sinba/5Z/iDT84uMRRlrWzadgLA69opCpI1gG4N55qDSC+dedwq2fJtzmGald05LWR5TFfLw==}
+  /@vue/compiler-ssr@3.4.27:
+    resolution: {integrity: sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==}
     dependencies:
-      '@vue/compiler-dom': 3.4.19
-      '@vue/shared': 3.4.19
+      '@vue/compiler-dom': 3.4.27
+      '@vue/shared': 3.4.27
 
-  /@vue/devtools-api@6.6.1:
-    resolution: {integrity: sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA==}
-    dev: false
+  /@vue/devtools-api@6.6.3:
+    resolution: {integrity: sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==}
 
   /@vue/language-core@1.8.27(typescript@5.2.2):
     resolution: {integrity: sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==}
@@ -1125,69 +1481,79 @@ packages:
     dependencies:
       '@volar/language-core': 1.11.1
       '@volar/source-map': 1.11.1
-      '@vue/compiler-dom': 3.4.21
-      '@vue/shared': 3.4.21
+      '@vue/compiler-dom': 3.4.38
+      '@vue/shared': 3.4.38
       computeds: 0.0.1
-      minimatch: 9.0.3
+      minimatch: 9.0.5
       muggle-string: 0.3.1
       path-browserify: 1.0.1
       typescript: 5.2.2
       vue-template-compiler: 2.7.16
     dev: true
 
-  /@vue/reactivity@3.4.19:
-    resolution: {integrity: sha512-+VcwrQvLZgEclGZRHx4O2XhyEEcKaBi50WbxdVItEezUf4fqRh838Ix6amWTdX0CNb/b6t3Gkz3eOebfcSt+UA==}
+  /@vue/reactivity@3.4.27:
+    resolution: {integrity: sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==}
     dependencies:
-      '@vue/shared': 3.4.19
+      '@vue/shared': 3.4.27
 
-  /@vue/runtime-core@3.4.19:
-    resolution: {integrity: sha512-/Z3tFwOrerJB/oyutmJGoYbuoadphDcJAd5jOuJE86THNZji9pYjZroQ2NFsZkTxOq0GJbb+s2kxTYToDiyZzw==}
+  /@vue/runtime-core@3.4.27:
+    resolution: {integrity: sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==}
     dependencies:
-      '@vue/reactivity': 3.4.19
-      '@vue/shared': 3.4.19
+      '@vue/reactivity': 3.4.27
+      '@vue/shared': 3.4.27
 
-  /@vue/runtime-dom@3.4.19:
-    resolution: {integrity: sha512-IyZzIDqfNCF0OyZOauL+F4yzjMPN2rPd8nhqPP2N1lBn3kYqJpPHHru+83Rkvo2lHz5mW+rEeIMEF9qY3PB94g==}
+  /@vue/runtime-dom@3.4.27:
+    resolution: {integrity: sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==}
     dependencies:
-      '@vue/runtime-core': 3.4.19
-      '@vue/shared': 3.4.19
+      '@vue/runtime-core': 3.4.27
+      '@vue/shared': 3.4.27
       csstype: 3.1.3
 
-  /@vue/server-renderer@3.4.19(vue@3.4.19):
-    resolution: {integrity: sha512-eAj2p0c429RZyyhtMRnttjcSToch+kTWxFPHlzGMkR28ZbF1PDlTcmGmlDxccBuqNd9iOQ7xPRPAGgPVj+YpQw==}
+  /@vue/server-renderer@3.4.27(vue@3.4.27):
+    resolution: {integrity: sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==}
     peerDependencies:
-      vue: 3.4.19
+      vue: 3.4.27
     dependencies:
-      '@vue/compiler-ssr': 3.4.19
-      '@vue/shared': 3.4.19
-      vue: 3.4.19(typescript@5.2.2)
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
+      vue: 3.4.27(typescript@5.2.2)
 
-  /@vue/shared@3.4.19:
-    resolution: {integrity: sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw==}
+  /@vue/shared@3.4.27:
+    resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==}
 
-  /@vue/shared@3.4.21:
-    resolution: {integrity: sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==}
+  /@vue/shared@3.4.38:
+    resolution: {integrity: sha512-q0xCiLkuWWQLzVrecPb0RMsNWyxICOjPrcrwxTUEHb1fsnvni4dcuyG7RT/Ie7VPTvnjzIaWzRMUBsrqNj/hhw==}
     dev: true
 
-  /@vueuse/core@10.9.0(vue@3.4.19):
+  /@vueup/vue-quill@1.2.0(vue@3.4.27):
+    resolution: {integrity: sha512-kd5QPSHMDpycklojPXno2Kw2JSiKMYduKYQckTm1RJoVDA557MnyUXgcuuDpry4HY/Rny9nGNcK+m3AHk94wag==}
+    peerDependencies:
+      vue: ^3.2.41
+    dependencies:
+      quill: 1.3.7
+      quill-delta: 4.2.2
+      vue: 3.4.27(typescript@5.2.2)
+    dev: false
+
+  /@vueuse/core@10.9.0(vue@3.4.27):
     resolution: {integrity: sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==}
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.9.0
-      '@vueuse/shared': 10.9.0(vue@3.4.19)
-      vue-demi: 0.14.7(vue@3.4.19)
+      '@vueuse/shared': 10.9.0(vue@3.4.27)
+      vue-demi: 0.14.10(vue@3.4.27)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/core@9.13.0(vue@3.4.19):
+  /@vueuse/core@9.13.0(vue@3.4.27):
     resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
     dependencies:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
-      '@vueuse/shared': 9.13.0(vue@3.4.19)
-      vue-demi: 0.14.7(vue@3.4.19)
+      '@vueuse/shared': 9.13.0(vue@3.4.27)
+      vue-demi: 0.14.10(vue@3.4.27)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -1201,38 +1567,76 @@ packages:
     resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
     dev: false
 
-  /@vueuse/shared@10.9.0(vue@3.4.19):
+  /@vueuse/shared@10.9.0(vue@3.4.27):
     resolution: {integrity: sha512-Uud2IWncmAfJvRaFYzv5OHDli+FbOzxiVEQdLCKQKLyhz94PIyFC3CHcH7EDMwIn8NPtD06+PNbC/PiO0LGLtw==}
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.19)
+      vue-demi: 0.14.10(vue@3.4.27)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/shared@9.13.0(vue@3.4.19):
+  /@vueuse/shared@9.13.0(vue@3.4.27):
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.19)
+      vue-demi: 0.14.10(vue@3.4.27)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /acorn-jsx@5.3.2(acorn@8.11.3):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
+  /@xmldom/xmldom@0.8.10:
+    resolution: {integrity: sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==}
+    engines: {node: '>=10.0.0'}
+    dev: false
+
+  /accessor-fn@1.5.1:
+    resolution: {integrity: sha512-zZpFYBqIL1Aqg+f2qmYHJ8+yIZF7/tP6PUGx2/QM0uGPSO5UegpinmkNwDohxWtOj586BpMPVRUjce2HI6xB3A==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /acorn-jsx@5.3.2(acorn@8.12.1):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: 8.11.3
+      acorn: 8.12.1
     dev: true
 
-  /acorn@8.11.3:
-    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+  /acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
     dev: true
 
+  /address@1.2.2:
+    resolution: {integrity: sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==}
+    engines: {node: '>= 10.0.0'}
+    dev: false
+
+  /aes-decrypter@3.1.3:
+    resolution: {integrity: sha512-VkG9g4BbhMBy+N5/XodDeV6F02chEk9IpgRTq/0bS80y4dzy79VH2Gtms02VXomf3HmyRe3yyJYkJ990ns+d6A==}
+    dependencies:
+      '@babel/runtime': 7.25.4
+      '@videojs/vhs-utils': 3.0.5
+      global: 4.4.0
+      pkcs7: 1.0.4
+    dev: false
+
+  /agentkeepalive@3.5.3:
+    resolution: {integrity: sha512-yqXL+k5rr8+ZRpOAntkaaRgWgE5o8ESAj5DyRmVTCSoZxXmqemb9Dd7T4i5UzwuERdLAJUy6XzR9zFVuf0kzkw==}
+    engines: {node: '>= 4.0.0'}
+    dependencies:
+      humanize-ms: 1.2.1
+    dev: false
+
+  /ajax@0.0.4:
+    resolution: {integrity: sha512-IEgdnz67DKuv2i8AnytAYtD+sGNTpSlXcwQsZbKWVqdC/O7cuXN0GfwCuhi19fyhpD0Gl22T5amxd2unqj0FAQ==}
+    engines: {node: '>=0.4.0'}
+    dependencies:
+      underscore: 1.13.7
+    dev: false
+
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -1242,15 +1646,49 @@ packages:
       uri-js: 4.4.1
     dev: true
 
-  /ajv@8.12.0:
-    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+  /ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
     dependencies:
       fast-deep-equal: 3.1.3
+      fast-uri: 3.0.1
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
-      uri-js: 4.4.1
     dev: true
 
+  /ali-oss@6.20.0:
+    resolution: {integrity: sha512-TzFXgGlw81sy2JvcCveSYsa2b2+6kv+HA6WTc+cXg6bu8nUAmVPfncRGbn3x2getSOniOFA+TyGy3V4l3Fks+Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      address: 1.2.2
+      agentkeepalive: 3.5.3
+      bowser: 1.9.4
+      copy-to: 2.0.1
+      dateformat: 2.2.0
+      debug: 4.3.6
+      destroy: 1.2.0
+      end-or-error: 1.0.1
+      get-ready: 1.0.0
+      humanize-ms: 1.2.1
+      is-type-of: 1.4.0
+      js-base64: 2.6.4
+      jstoxml: 2.2.9
+      lodash: 4.17.21
+      merge-descriptors: 1.0.3
+      mime: 2.6.0
+      platform: 1.3.6
+      pump: 3.0.0
+      qs: 6.13.0
+      sdk-base: 2.0.1
+      stream-http: 2.8.2
+      stream-wormhole: 1.1.0
+      urllib: 2.41.0
+      utility: 1.18.0
+      xml2js: 0.6.2
+    transitivePeerDependencies:
+      - proxy-agent
+      - supports-color
+    dev: false
+
   /ansi-regex@2.1.1:
     resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
     engines: {node: '>=0.10.0'}
@@ -1285,6 +1723,10 @@ packages:
       color-convert: 2.0.1
     dev: true
 
+  /any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+    dev: false
+
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1320,13 +1762,14 @@ packages:
       is-array-buffer: 3.0.4
     dev: true
 
-  /array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
+  /array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
       get-intrinsic: 1.2.4
       is-string: 1.0.7
     dev: true
@@ -1341,25 +1784,15 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /array.prototype.filter@1.0.3:
-    resolution: {integrity: sha512-VizNcj/RGJiUyQBgzwxzE5oHdeuXY5hSbbmKMlphj1cy1Vl7Pn2asCGbSrru6hSQjmCzqTBPVWAF/whmEOVHbw==}
+  /array.prototype.findlastindex@1.2.5:
+    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
-      es-array-method-boxes-properly: 1.0.0
-      is-string: 1.0.7
-    dev: true
-
-  /array.prototype.findlastindex@1.2.4:
-    resolution: {integrity: sha512-hzvSHUshSpCflDR1QMUBLHGHP1VIEBegT4pix9H/Z92Xw3ySoy6c2qh7lJWTJnRJ8JCZ9bJNCgTyYaJGcJu6xQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
       es-errors: 1.3.0
+      es-object-atoms: 1.0.0
       es-shim-unscopables: 1.0.2
     dev: true
 
@@ -1369,7 +1802,7 @@ packages:
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
       es-shim-unscopables: 1.0.2
     dev: true
 
@@ -1379,7 +1812,7 @@ packages:
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
       es-shim-unscopables: 1.0.2
     dev: true
 
@@ -1390,7 +1823,7 @@ packages:
       array-buffer-byte-length: 1.0.1
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
       is-array-buffer: 3.0.4
@@ -1407,6 +1840,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /async-validator@1.8.5:
+    resolution: {integrity: sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==}
+    dependencies:
+      babel-runtime: 6.26.0
+    dev: false
+
   /async-validator@4.2.5:
     resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
     dev: false
@@ -1438,6 +1877,17 @@ packages:
       - debug
     dev: false
 
+  /babel-helper-vue-jsx-merge-props@2.0.3:
+    resolution: {integrity: sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==}
+    dev: false
+
+  /babel-runtime@6.26.0:
+    resolution: {integrity: sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==}
+    dependencies:
+      core-js: 2.6.12
+      regenerator-runtime: 0.11.1
+    dev: false
+
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
     dev: true
@@ -1463,8 +1913,8 @@ packages:
     resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
     dev: true
 
-  /binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+  /binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
     dev: true
 
@@ -1474,7 +1924,10 @@ packages:
 
   /boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-    dev: true
+
+  /bowser@1.9.4:
+    resolution: {integrity: sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==}
+    dev: false
 
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
@@ -1507,31 +1960,35 @@ packages:
       - supports-color
     dev: true
 
-  /braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+  /braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
     dependencies:
-      fill-range: 7.0.1
+      fill-range: 7.1.1
     dev: true
 
-  /browserslist@4.23.0:
-    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+  /browserslist@4.23.3:
+    resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001594
-      electron-to-chromium: 1.4.692
-      node-releases: 2.0.14
-      update-browserslist-db: 1.0.13(browserslist@4.23.0)
+      caniuse-lite: 1.0.30001653
+      electron-to-chromium: 1.5.13
+      node-releases: 2.0.18
+      update-browserslist-db: 1.1.0(browserslist@4.23.3)
     dev: true
 
-  /bundle-require@4.0.2(esbuild@0.19.12):
-    resolution: {integrity: sha512-jwzPOChofl67PSTW2SGubV9HBQAhhR2i6nskiOThauo9dzwDUgOWQScFVaJkjEfYX+UXiD+LEx8EblQMc2wIag==}
+  /builtin-status-codes@3.0.0:
+    resolution: {integrity: sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==}
+    dev: false
+
+  /bundle-require@4.2.1(esbuild@0.23.1):
+    resolution: {integrity: sha512-7Q/6vkyYAwOmQNRw75x+4yRtZCZJXUDmHHlFdkiV0wgv/reNjtJwpu1jPJ0w2kbEpIM0uoKI3S4/f39dU7AjSA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     peerDependencies:
       esbuild: '>=0.17'
     dependencies:
-      esbuild: 0.19.12
+      esbuild: 0.23.1
       load-tsconfig: 0.2.5
     dev: true
 
@@ -1558,16 +2015,20 @@ packages:
       es-errors: 1.3.0
       function-bind: 1.1.2
       get-intrinsic: 1.2.4
-      set-function-length: 1.2.1
-    dev: true
+      set-function-length: 1.2.2
 
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
     dev: true
 
-  /caniuse-lite@1.0.30001594:
-    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
+  /camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /caniuse-lite@1.0.30001653:
+    resolution: {integrity: sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==}
     dev: true
 
   /chalk@1.1.3:
@@ -1598,12 +2059,23 @@ packages:
       supports-color: 7.2.0
     dev: true
 
+  /cheerio@0.19.0:
+    resolution: {integrity: sha512-Fwcm3zkR37STnPC8FepSHeSYJM5Rd596TZOcfDUdojR4Q735aK1Xn+M+ISagNneuCwMjK28w4kX+ETILGNT/UQ==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      css-select: 1.0.0
+      dom-serializer: 0.1.1
+      entities: 1.1.2
+      htmlparser2: 3.8.3
+      lodash: 3.10.1
+    dev: false
+
   /chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
     dependencies:
       anymatch: 3.1.3
-      braces: 3.0.2
+      braces: 3.0.3
       glob-parent: 5.1.2
       is-binary-path: 2.1.0
       is-glob: 4.0.3
@@ -1626,7 +2098,6 @@ packages:
   /clone@2.1.2:
     resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
     engines: {node: '>=0.8'}
-    dev: true
 
   /collection-visit@1.0.0:
     resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
@@ -1668,6 +2139,15 @@ packages:
       delayed-stream: 1.0.0
     dev: false
 
+  /commander@12.1.0:
+    resolution: {integrity: sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==}
+    engines: {node: '>=18'}
+    dev: true
+
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+    dev: false
+
   /commander@7.2.0:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
@@ -1697,6 +2177,11 @@ packages:
       - supports-color
     dev: true
 
+  /content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
     dev: true
@@ -1706,6 +2191,20 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /copy-to@2.0.1:
+    resolution: {integrity: sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w==}
+    dev: false
+
+  /core-js@2.6.12:
+    resolution: {integrity: sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==}
+    deprecated: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
+    requiresBuild: true
+    dev: false
+
+  /core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+    dev: false
+
   /cors@2.8.5:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
@@ -1739,11 +2238,20 @@ packages:
       which: 2.0.2
     dev: true
 
-  /css-functions-list@3.2.1:
-    resolution: {integrity: sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==}
+  /css-functions-list@3.2.2:
+    resolution: {integrity: sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==}
     engines: {node: '>=12 || >=16'}
     dev: true
 
+  /css-select@1.0.0:
+    resolution: {integrity: sha512-/xPlD7betkfd7ChGkLGGWx5HWyiHDOSn7aACLzdH0nwucPvB0EAm8hMBm7Xn7vGfAeRRN7KZ8wumGm8NoNcMRw==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 1.0.0
+      domutils: 1.4.3
+      nth-check: 1.0.2
+    dev: false
+
   /css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
     dependencies:
@@ -1767,9 +2275,13 @@ packages:
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
     dependencies:
       mdn-data: 2.0.30
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
     dev: true
 
+  /css-what@1.0.0:
+    resolution: {integrity: sha512-60SUMPBreXrLXgvpM8kYpO0AOyMRhdRlXFX5BMQbZq1SIJCyNE56nqFQhmvREQdUJpedbGRYZ5wOyq3/F6q5Zw==}
+    dev: false
+
   /css-what@6.1.0:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
@@ -1791,8 +2303,354 @@ packages:
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  /dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+  /d3-array@1.2.4:
+    resolution: {integrity: sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw==}
+    dev: false
+
+  /d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+    dependencies:
+      internmap: 2.0.3
+    dev: false
+
+  /d3-axis@1.0.12:
+    resolution: {integrity: sha512-ejINPfPSNdGFKEOAtnBtdkpr24c4d4jsei6Lg98mxf424ivoDP2956/5HDpIAtmHo85lqT4pruy+zEgvRUBqaQ==}
+    dev: false
+
+  /d3-binarytree@1.0.2:
+    resolution: {integrity: sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw==}
+    dev: false
+
+  /d3-brush@1.1.6:
+    resolution: {integrity: sha512-7RW+w7HfMCPyZLifTz/UnJmI5kdkXtpCbombUSs8xniAyo0vIbrDzDwUJB6eJOgl9u5DQOt2TQlYumxzD1SvYA==}
+    dependencies:
+      d3-dispatch: 1.0.6
+      d3-drag: 1.2.5
+      d3-interpolate: 1.4.0
+      d3-selection: 1.4.2
+      d3-transition: 1.3.2
+    dev: false
+
+  /d3-chord@1.0.6:
+    resolution: {integrity: sha512-JXA2Dro1Fxw9rJe33Uv+Ckr5IrAa74TlfDEhE/jfLOaXegMQFQTAgAw9WnZL8+HxVBRXaRGCkrNU7pJeylRIuA==}
+    dependencies:
+      d3-array: 1.2.4
+      d3-path: 1.0.9
+    dev: false
+
+  /d3-collection@1.0.7:
+    resolution: {integrity: sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==}
+    dev: false
+
+  /d3-color@1.4.1:
+    resolution: {integrity: sha512-p2sTHSLCJI2QKunbGb7ocOh7DgTAn8IrLx21QRc/BSnodXM4sv6aLQlnfpvehFMLZEfBc6g9pH9SWQccFYfJ9Q==}
+    dev: false
+
+  /d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-contour@1.3.2:
+    resolution: {integrity: sha512-hoPp4K/rJCu0ladiH6zmJUEz6+u3lgR+GSm/QdM2BBvDraU39Vr7YdDCicJcxP1z8i9B/2dJLgDC1NcvlF8WCg==}
+    dependencies:
+      d3-array: 1.2.4
+    dev: false
+
+  /d3-dispatch@1.0.6:
+    resolution: {integrity: sha512-fVjoElzjhCEy+Hbn8KygnmMS7Or0a9sI2UzGwoB7cCtvI1XpVN9GpoYlnb3xt2YV66oXYb1fLJ8GMvP4hdU1RA==}
+    dev: false
+
+  /d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-drag@1.2.5:
+    resolution: {integrity: sha512-rD1ohlkKQwMZYkQlYVCrSFxsWPzI97+W+PaEIBNTMxRuxz9RF0Hi5nJWHGVJ3Om9d2fRTe1yOBINJyy/ahV95w==}
+    dependencies:
+      d3-dispatch: 1.0.6
+      d3-selection: 1.4.2
+    dev: false
+
+  /d3-dsv@1.2.0:
+    resolution: {integrity: sha512-9yVlqvZcSOMhCYzniHE7EVUws7Fa1zgw+/EAV2BxJoG3ME19V6BQFBwI855XQDsxyOuG7NibqRMTtiF/Qup46g==}
+    hasBin: true
+    dependencies:
+      commander: 2.20.3
+      iconv-lite: 0.4.24
+      rw: 1.3.3
+    dev: false
+
+  /d3-ease@1.0.7:
+    resolution: {integrity: sha512-lx14ZPYkhNx0s/2HX5sLFUI3mbasHjSSpwO/KaaNACweVwxUruKyWVcb293wMv1RqTPZyZ8kSZ2NogUZNcLOFQ==}
+    dev: false
+
+  /d3-fetch@1.2.0:
+    resolution: {integrity: sha512-yC78NBVcd2zFAyR/HnUiBS7Lf6inSCoWcSxFfw8FYL7ydiqe80SazNwoffcqOfs95XaLo7yebsmQqDKSsXUtvA==}
+    dependencies:
+      d3-dsv: 1.2.0
+    dev: false
+
+  /d3-force-3d@3.0.5:
+    resolution: {integrity: sha512-tdwhAhoTYZY/a6eo9nR7HP3xSW/C6XvJTbeRpR92nlPzH6OiE+4MliN9feuSFd0tPtEUo+191qOhCTWx3NYifg==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-binarytree: 1.0.2
+      d3-dispatch: 3.0.1
+      d3-octree: 1.0.2
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+    dev: false
+
+  /d3-force@1.2.1:
+    resolution: {integrity: sha512-HHvehyaiUlVo5CxBJ0yF/xny4xoaxFxDnBXNvNcfW9adORGZfyNF1dj6DGLKyk4Yh3brP/1h3rnDzdIAwL08zg==}
+    dependencies:
+      d3-collection: 1.0.7
+      d3-dispatch: 1.0.6
+      d3-quadtree: 1.0.7
+      d3-timer: 1.0.10
+    dev: false
+
+  /d3-format@1.4.5:
+    resolution: {integrity: sha512-J0piedu6Z8iB6TbIGfZgDzfXxUFN3qQRMofy2oPdXzQibYGqPB/9iMcxr/TGalU+2RsyDO+U4f33id8tbnSRMQ==}
+    dev: false
+
+  /d3-format@3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-geo@1.12.1:
+    resolution: {integrity: sha512-XG4d1c/UJSEX9NfU02KwBL6BYPj8YKHxgBEw5om2ZnTRSbIcego6dhHwcxuSR3clxh0EpE38os1DVPOmnYtTPg==}
+    dependencies:
+      d3-array: 1.2.4
+    dev: false
+
+  /d3-hierarchy@1.1.9:
+    resolution: {integrity: sha512-j8tPxlqh1srJHAtxfvOUwKNYJkQuBFdM1+JAUfq6xqH5eAqf93L7oG1NVqDa4CpFZNvnNKtCYEUC8KY9yEn9lQ==}
+    dev: false
+
+  /d3-interpolate@1.4.0:
+    resolution: {integrity: sha512-V9znK0zc3jOPV4VD2zZn0sDhZU3WAE2bmlxdIwwQPPzPjvyLkd8B3JUVdS1IDUFDkWZ72c9qnv1GK2ZagTZ8EA==}
+    dependencies:
+      d3-color: 1.4.1
+    dev: false
+
+  /d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-color: 3.1.0
+    dev: false
+
+  /d3-octree@1.0.2:
+    resolution: {integrity: sha512-Qxg4oirJrNXauiuC94uKMbgxwnhdda9xRLl9ihq45srlJ4Ga3CSgqGcAL8iW7N5CIv4Oz8x3E734ulxyvHPvwA==}
+    dev: false
+
+  /d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+    dev: false
+
+  /d3-polygon@1.0.6:
+    resolution: {integrity: sha512-k+RF7WvI08PC8reEoXa/w2nSg5AUMTi+peBD9cmFc+0ixHfbs4QmxxkarVal1IkVkgxVuk9JSHhJURHiyHKAuQ==}
+    dev: false
+
+  /d3-quadtree@1.0.7:
+    resolution: {integrity: sha512-RKPAeXnkC59IDGD0Wu5mANy0Q2V28L+fNe65pOCXVdVuTJS3WPKaJlFHer32Rbh9gIo9qMuJXio8ra4+YmIymA==}
+    dev: false
+
+  /d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-random@1.1.2:
+    resolution: {integrity: sha512-6AK5BNpIFqP+cx/sreKzNjWbwZQCSUatxq+pPRmFIQaWuoD+NrbVWw7YWpHiXpCQ/NanKdtGDuB+VQcZDaEmYQ==}
+    dev: false
+
+  /d3-scale-chromatic@1.5.0:
+    resolution: {integrity: sha512-ACcL46DYImpRFMBcpk9HhtIyC7bTBR4fNOPxwVSl0LfulDAwyiHyPOTqcDG1+t5d4P9W7t/2NAuWu59aKko/cg==}
+    dependencies:
+      d3-color: 1.4.1
+      d3-interpolate: 1.4.0
+    dev: false
+
+  /d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+    dev: false
+
+  /d3-scale@2.2.2:
+    resolution: {integrity: sha512-LbeEvGgIb8UMcAa0EATLNX0lelKWGYDQiPdHj+gLblGVhGLyNbaCn3EvrJf0A3Y/uOOU5aD6MTh5ZFCdEwGiCw==}
+    dependencies:
+      d3-array: 1.2.4
+      d3-collection: 1.0.7
+      d3-format: 1.4.5
+      d3-interpolate: 1.4.0
+      d3-time: 1.1.0
+      d3-time-format: 2.3.0
+    dev: false
+
+  /d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+    dev: false
+
+  /d3-selection@1.4.2:
+    resolution: {integrity: sha512-SJ0BqYihzOjDnnlfyeHT0e30k0K1+5sR3d5fNueCNeuhZTnGw4M4o8mqJchSwgKMXCNFo+e2VTChiSJ0vYtXkg==}
+    dev: false
+
+  /d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+    dependencies:
+      d3-path: 1.0.9
+    dev: false
+
+  /d3-time-format@2.3.0:
+    resolution: {integrity: sha512-guv6b2H37s2Uq/GefleCDtbe0XZAuy7Wa49VGkPVPMfLL9qObgBST3lEHJBMUp8S7NdLQAGIvr2KXk8Hc98iKQ==}
+    dependencies:
+      d3-time: 1.1.0
+    dev: false
+
+  /d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-time: 3.1.0
+    dev: false
+
+  /d3-time@1.1.0:
+    resolution: {integrity: sha512-Xh0isrZ5rPYYdqhAVk8VLnMEidhz5aP7htAADH6MfzgmmicPkTo8LhkLxci61/lCB7n7UmE3bN0leRt+qvkLxA==}
+    dev: false
+
+  /d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.2.4
+    dev: false
+
+  /d3-timer@1.0.10:
+    resolution: {integrity: sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw==}
+    dev: false
+
+  /d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-transition@1.3.2:
+    resolution: {integrity: sha512-sc0gRU4PFqZ47lPVHloMn9tlPcv8jxgOQg+0zjhfZXMQuvppjG6YuwdMBE0TuqCZjeJkLecku/l9R0JPcRhaDA==}
+    dependencies:
+      d3-color: 1.4.1
+      d3-dispatch: 1.0.6
+      d3-ease: 1.0.7
+      d3-interpolate: 1.4.0
+      d3-selection: 1.4.2
+      d3-timer: 1.0.10
+    dev: false
+
+  /d3-voronoi@1.1.4:
+    resolution: {integrity: sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg==}
+    dev: false
+
+  /d3-zoom@1.8.3:
+    resolution: {integrity: sha512-VoLXTK4wvy1a0JpH2Il+F2CiOhVu7VRXWF5M/LroMIh3/zBAC3WAt7QoIvPibOavVo20hN6/37vwAsdBejLyKQ==}
+    dependencies:
+      d3-dispatch: 1.0.6
+      d3-drag: 1.2.5
+      d3-interpolate: 1.4.0
+      d3-selection: 1.4.2
+      d3-transition: 1.3.2
+    dev: false
+
+  /d3@5.16.0:
+    resolution: {integrity: sha512-4PL5hHaHwX4m7Zr1UapXW23apo6pexCgdetdJ5kTmADpG/7T9Gkxw0M0tf/pjoB63ezCCm0u5UaFYy2aMt0Mcw==}
+    dependencies:
+      d3-array: 1.2.4
+      d3-axis: 1.0.12
+      d3-brush: 1.1.6
+      d3-chord: 1.0.6
+      d3-collection: 1.0.7
+      d3-color: 1.4.1
+      d3-contour: 1.3.2
+      d3-dispatch: 1.0.6
+      d3-drag: 1.2.5
+      d3-dsv: 1.2.0
+      d3-ease: 1.0.7
+      d3-fetch: 1.2.0
+      d3-force: 1.2.1
+      d3-format: 1.4.5
+      d3-geo: 1.12.1
+      d3-hierarchy: 1.1.9
+      d3-interpolate: 1.4.0
+      d3-path: 1.0.9
+      d3-polygon: 1.0.6
+      d3-quadtree: 1.0.7
+      d3-random: 1.1.2
+      d3-scale: 2.2.2
+      d3-scale-chromatic: 1.5.0
+      d3-selection: 1.4.2
+      d3-shape: 1.3.7
+      d3-time: 1.1.0
+      d3-time-format: 2.3.0
+      d3-timer: 1.0.10
+      d3-transition: 1.3.2
+      d3-voronoi: 1.1.4
+      d3-zoom: 1.8.3
+    dev: false
+
+  /data-joint@1.3.1:
+    resolution: {integrity: sha512-tMK0m4OVGqiA3zkn8JmO6YAqD8UwJqIAx4AAwFl1SKTtKAqcXePuT+n2aayiX9uITtlN3DFtKKTOxJRUc2+HvQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      index-array-by: 1.4.2
+    dev: false
+
+  /data-view-buffer@1.0.1:
+    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /data-view-byte-length@1.0.1:
+    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /data-view-byte-offset@1.0.0:
+    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /dateformat@2.2.0:
+    resolution: {integrity: sha512-GODcnWq3YGoTnygPfi02ygEiRxqUxpJwuRHjdhJYuxpcZmDq4rjBiXYmbCCzStxo176ixfLT6i4NPwQooRySnw==}
+    dev: false
+
+  /dayjs@1.11.13:
+    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
     dev: false
 
   /de-indent@1.0.2:
@@ -1808,7 +2666,6 @@ packages:
         optional: true
     dependencies:
       ms: 2.0.0
-    dev: true
 
   /debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
@@ -1818,11 +2675,11 @@ packages:
       supports-color:
         optional: true
     dependencies:
-      ms: 2.1.2
+      ms: 2.1.3
     dev: true
 
-  /debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+  /debug@4.3.6:
+    resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -1831,17 +2688,40 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.2
-    dev: true
 
   /decode-uri-component@0.2.2:
     resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
     engines: {node: '>=0.10'}
     dev: true
 
+  /deep-equal@1.1.2:
+    resolution: {integrity: sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-arguments: 1.1.1
+      is-date-object: 1.0.5
+      is-regex: 1.1.4
+      object-is: 1.1.6
+      object-keys: 1.1.1
+      regexp.prototype.flags: 1.5.2
+    dev: false
+
   /deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
 
+  /deepmerge@1.5.2:
+    resolution: {integrity: sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /default-user-agent@1.0.0:
+    resolution: {integrity: sha512-bDF7bg6OSNcSwFWPu4zYKpVkJZQYVrAANMYB8bc9Szem1D0yKdm4sa/rOCs2aC9+2GMqQ7KnwtZRvDhmLF0dXw==}
+    engines: {node: '>= 0.10.0'}
+    dependencies:
+      os-name: 1.0.3
+    dev: false
+
   /define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -1849,7 +2729,6 @@ packages:
       es-define-property: 1.0.0
       es-errors: 1.3.0
       gopd: 1.0.1
-    dev: true
 
   /define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
@@ -1858,7 +2737,6 @@ packages:
       define-data-property: 1.1.4
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
-    dev: true
 
   /define-property@0.2.5:
     resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
@@ -1887,6 +2765,16 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: false
 
+  /destroy@1.2.0:
+    resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+    dev: false
+
+  /digest-header@1.1.0:
+    resolution: {integrity: sha512-glXVh42vz40yZb9Cq2oMOt70FIoWiv+vxNvdKdU8CwjLad25qHM3trLxhl9bVjdr6WaslIXhWpn0NO8T/67Qjg==}
+    engines: {node: '>= 8.0.0'}
+    dev: false
+
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -1908,6 +2796,13 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /dom-serializer@0.1.1:
+    resolution: {integrity: sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==}
+    dependencies:
+      domelementtype: 1.3.1
+      entities: 1.1.2
+    dev: false
+
   /dom-serializer@0.2.2:
     resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
     dependencies:
@@ -1931,14 +2826,23 @@ packages:
       entities: 4.5.0
     dev: true
 
+  /dom-walk@0.1.2:
+    resolution: {integrity: sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==}
+    dev: false
+
   /domelementtype@1.3.1:
     resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
-    dev: true
 
   /domelementtype@2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
     dev: true
 
+  /domhandler@2.3.0:
+    resolution: {integrity: sha512-q9bUwjfp7Eif8jWxxxPSykdRZAb6GkguBGSgvvCrhI9wB71W2K/Kvv4E61CF/mcCfnVJDeDWx/Vb/uAqbDj6UQ==}
+    dependencies:
+      domelementtype: 1.3.1
+    dev: false
+
   /domhandler@2.4.2:
     resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
     dependencies:
@@ -1959,6 +2863,19 @@ packages:
       domelementtype: 2.3.0
     dev: true
 
+  /domutils@1.4.3:
+    resolution: {integrity: sha512-ZkVgS/PpxjyJMb+S2iVHHEZjVnOUtjGp0/zstqKGTE9lrZtNHlNQmLwP/lhLMEApYbzc08BKMx9IFpKhaSbW1w==}
+    dependencies:
+      domelementtype: 1.3.1
+    dev: false
+
+  /domutils@1.5.1:
+    resolution: {integrity: sha512-gSu5Oi/I+3wDENBsOWBiRK1eoGxcywYSqg3rR960/+EfY0CF4EX1VPkgHOZ3WiS/Jg2DtliF6BhWcHlfpYUcGw==}
+    dependencies:
+      dom-serializer: 0.1.1
+      domelementtype: 1.3.1
+    dev: false
+
   /domutils@1.7.0:
     resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
     dependencies:
@@ -1982,39 +2899,67 @@ packages:
       domhandler: 5.0.3
     dev: true
 
+  /echarts-liquidfill@3.1.0(echarts@5.5.0):
+    resolution: {integrity: sha512-5Dlqs/jTsdTUAsd+K5LPLLTgrbbNORUSBQyk8PSy1Mg2zgHDWm83FmvA4s0ooNepCJojFYRITTQ4GU1UUSKYLw==}
+    peerDependencies:
+      echarts: ^5.0.1
+    dependencies:
+      echarts: 5.5.0
+    dev: false
+
+  /echarts@5.5.0:
+    resolution: {integrity: sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.5.0
+    dev: false
+
   /ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
-    dev: true
 
-  /electron-to-chromium@1.4.692:
-    resolution: {integrity: sha512-d5rZRka9n2Y3MkWRN74IoAsxR0HK3yaAt7T50e3iT9VZmCCQDT3geXUO5ZRMhDToa1pkCeQXuNo+0g+NfDOVPA==}
+  /electron-to-chromium@1.5.13:
+    resolution: {integrity: sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==}
     dev: true
 
-  /element-plus@2.6.0(vue@3.4.19):
+  /element-plus@2.6.0(vue@3.4.27):
     resolution: {integrity: sha512-MP+N48P+diyndR+GjY+0VOrUmFnajD4U0CkrXIMzmeRmq4+dwi0bdzVo587v4wDo9Hs+ggviyacqm3NS8JYVqw==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@ctrl/tinycolor': 3.6.1
-      '@element-plus/icons-vue': 2.3.1(vue@3.4.19)
-      '@floating-ui/dom': 1.6.3
+      '@element-plus/icons-vue': 2.3.1(vue@3.4.27)
+      '@floating-ui/dom': 1.6.10
       '@popperjs/core': /@sxzz/popperjs-es@2.11.7
-      '@types/lodash': 4.14.202
+      '@types/lodash': 4.17.7
       '@types/lodash-es': 4.17.12
-      '@vueuse/core': 9.13.0(vue@3.4.19)
+      '@vueuse/core': 9.13.0(vue@3.4.27)
       async-validator: 4.2.5
-      dayjs: 1.11.10
+      dayjs: 1.11.13
       escape-html: 1.0.3
       lodash: 4.17.21
       lodash-es: 4.17.21
       lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21)
       memoize-one: 6.0.0
       normalize-wheel-es: 1.2.0
-      vue: 3.4.19(typescript@5.2.2)
+      vue: 3.4.27(typescript@5.2.2)
     transitivePeerDependencies:
       - '@vue/composition-api'
     dev: false
 
+  /element-ui@2.15.14(vue@3.4.27):
+    resolution: {integrity: sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==}
+    peerDependencies:
+      vue: ^2.5.17
+    dependencies:
+      async-validator: 1.8.5
+      babel-helper-vue-jsx-merge-props: 2.0.3
+      deepmerge: 1.5.2
+      normalize-wheel: 1.0.1
+      resize-observer-polyfill: 1.5.1
+      throttle-debounce: 1.1.0
+      vue: 3.4.27(typescript@5.2.2)
+    dev: false
+
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
     dev: true
@@ -2029,9 +2974,23 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+    dependencies:
+      once: 1.4.0
+    dev: false
+
+  /end-or-error@1.0.1:
+    resolution: {integrity: sha512-OclLMSug+k2A0JKuf494im25ANRBVW8qsjmwbgX7lQ8P82H21PQ1PWkoYwb9y5yMBS69BPlwtzdIFClo3+7kOQ==}
+    engines: {node: '>= 0.11.14'}
+    dev: false
+
+  /entities@1.0.0:
+    resolution: {integrity: sha512-LbLqfXgJMmy81t+7c14mnulFHJ170cM6E+0vMXR9k/ZiZwgX8i5pNgjTCX3SO4VeUsFLV+8InixoretwU+MjBQ==}
+    dev: false
+
   /entities@1.1.2:
     resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
-    dev: true
 
   /entities@2.2.0:
     resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
@@ -2052,55 +3011,56 @@ packages:
       is-arrayish: 0.2.1
     dev: true
 
-  /es-abstract@1.22.5:
-    resolution: {integrity: sha512-oW69R+4q2wG+Hc3KZePPZxOiisRIqfKBVo/HLx94QcJeWGU/8sZhCvc829rd1kS366vlJbzBfXf9yWwf0+Ko7w==}
+  /es-abstract@1.23.3:
+    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
     engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: 1.0.1
       arraybuffer.prototype.slice: 1.0.3
       available-typed-arrays: 1.0.7
       call-bind: 1.0.7
+      data-view-buffer: 1.0.1
+      data-view-byte-length: 1.0.1
+      data-view-byte-offset: 1.0.0
       es-define-property: 1.0.0
       es-errors: 1.3.0
+      es-object-atoms: 1.0.0
       es-set-tostringtag: 2.0.3
       es-to-primitive: 1.2.1
       function.prototype.name: 1.1.6
       get-intrinsic: 1.2.4
       get-symbol-description: 1.0.2
-      globalthis: 1.0.3
+      globalthis: 1.0.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.2
       has-proto: 1.0.3
       has-symbols: 1.0.3
-      hasown: 2.0.1
+      hasown: 2.0.2
       internal-slot: 1.0.7
       is-array-buffer: 3.0.4
       is-callable: 1.2.7
+      is-data-view: 1.0.1
       is-negative-zero: 2.0.3
       is-regex: 1.1.4
       is-shared-array-buffer: 1.0.3
       is-string: 1.0.7
       is-typed-array: 1.1.13
       is-weakref: 1.0.2
-      object-inspect: 1.13.1
+      object-inspect: 1.13.2
       object-keys: 1.1.1
       object.assign: 4.1.5
       regexp.prototype.flags: 1.5.2
-      safe-array-concat: 1.1.0
+      safe-array-concat: 1.1.2
       safe-regex-test: 1.0.3
-      string.prototype.trim: 1.2.8
-      string.prototype.trimend: 1.0.7
-      string.prototype.trimstart: 1.0.7
+      string.prototype.trim: 1.2.9
+      string.prototype.trimend: 1.0.8
+      string.prototype.trimstart: 1.0.8
       typed-array-buffer: 1.0.2
       typed-array-byte-length: 1.0.1
       typed-array-byte-offset: 1.0.2
-      typed-array-length: 1.0.5
+      typed-array-length: 1.0.6
       unbox-primitive: 1.0.2
-      which-typed-array: 1.1.14
-    dev: true
-
-  /es-array-method-boxes-properly@1.0.0:
-    resolution: {integrity: sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==}
+      which-typed-array: 1.1.15
     dev: true
 
   /es-define-property@1.0.0:
@@ -2108,11 +3068,16 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       get-intrinsic: 1.2.4
-    dev: true
 
   /es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
+
+  /es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
     dev: true
 
   /es-set-tostringtag@2.0.3:
@@ -2121,13 +3086,13 @@ packages:
     dependencies:
       get-intrinsic: 1.2.4
       has-tostringtag: 1.0.2
-      hasown: 2.0.1
+      hasown: 2.0.2
     dev: true
 
   /es-shim-unscopables@1.0.2:
     resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
     dependencies:
-      hasown: 2.0.1
+      hasown: 2.0.2
     dev: true
 
   /es-to-primitive@1.2.1:
@@ -2170,6 +3135,38 @@ packages:
       '@esbuild/win32-x64': 0.19.12
     dev: true
 
+  /esbuild@0.23.1:
+    resolution: {integrity: sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==}
+    engines: {node: '>=18'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.23.1
+      '@esbuild/android-arm': 0.23.1
+      '@esbuild/android-arm64': 0.23.1
+      '@esbuild/android-x64': 0.23.1
+      '@esbuild/darwin-arm64': 0.23.1
+      '@esbuild/darwin-x64': 0.23.1
+      '@esbuild/freebsd-arm64': 0.23.1
+      '@esbuild/freebsd-x64': 0.23.1
+      '@esbuild/linux-arm': 0.23.1
+      '@esbuild/linux-arm64': 0.23.1
+      '@esbuild/linux-ia32': 0.23.1
+      '@esbuild/linux-loong64': 0.23.1
+      '@esbuild/linux-mips64el': 0.23.1
+      '@esbuild/linux-ppc64': 0.23.1
+      '@esbuild/linux-riscv64': 0.23.1
+      '@esbuild/linux-s390x': 0.23.1
+      '@esbuild/linux-x64': 0.23.1
+      '@esbuild/netbsd-x64': 0.23.1
+      '@esbuild/openbsd-arm64': 0.23.1
+      '@esbuild/openbsd-x64': 0.23.1
+      '@esbuild/sunos-x64': 0.23.1
+      '@esbuild/win32-arm64': 0.23.1
+      '@esbuild/win32-ia32': 0.23.1
+      '@esbuild/win32-x64': 0.23.1
+    dev: true
+
   /escalade@3.1.2:
     resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
     engines: {node: '>=6'}
@@ -2201,14 +3198,14 @@ packages:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.13.1
+      is-core-module: 2.15.1
       resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.1(@typescript-eslint/parser@7.1.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
-    resolution: {integrity: sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==}
+  /eslint-module-utils@2.8.2(@typescript-eslint/parser@7.1.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
+    resolution: {integrity: sha512-3XnC5fDyc8M4J2E8pt8pmSVRX2M+5yWMCfI/kDZwauQeFgzQOuhcRBFKjTeJagqgk4sFKxe1mvNVnaWwImx/Tg==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -2258,22 +3255,22 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/parser': 7.1.1(eslint@8.57.0)(typescript@5.2.2)
-      array-includes: 3.1.7
-      array.prototype.findlastindex: 1.2.4
+      array-includes: 3.1.8
+      array.prototype.findlastindex: 1.2.5
       array.prototype.flat: 1.3.2
       array.prototype.flatmap: 1.3.2
       debug: 3.2.7
       doctrine: 2.1.0
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.1.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
-      hasown: 2.0.1
-      is-core-module: 2.13.1
+      eslint-module-utils: 2.8.2(@typescript-eslint/parser@7.1.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
+      hasown: 2.0.2
+      is-core-module: 2.15.1
       is-glob: 4.0.3
       minimatch: 3.1.2
-      object.fromentries: 2.0.7
-      object.groupby: 1.0.2
-      object.values: 1.1.7
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.0
       semver: 6.3.1
       tsconfig-paths: 3.15.0
     transitivePeerDependencies:
@@ -2291,7 +3288,7 @@ packages:
       eslint: 8.57.0
       eslint-plugin-es: 3.0.1(eslint@8.57.0)
       eslint-utils: 2.1.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       minimatch: 3.1.2
       resolve: 1.22.8
       semver: 6.3.1
@@ -2328,9 +3325,9 @@ packages:
       eslint: 8.57.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
-      postcss-selector-parser: 6.0.15
-      semver: 7.6.0
-      vue-eslint-parser: 9.4.2(eslint@8.57.0)
+      postcss-selector-parser: 6.1.2
+      semver: 7.6.3
+      vue-eslint-parser: 9.4.3(eslint@8.57.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -2380,7 +3377,7 @@ packages:
     hasBin: true
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      '@eslint-community/regexpp': 4.10.0
+      '@eslint-community/regexpp': 4.11.0
       '@eslint/eslintrc': 2.1.4
       '@eslint/js': 8.57.0
       '@humanwhocodes/config-array': 0.11.14
@@ -2390,13 +3387,13 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.4
+      debug: 4.3.6
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      esquery: 1.5.0
+      esquery: 1.6.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 6.0.1
@@ -2404,7 +3401,7 @@ packages:
       glob-parent: 6.0.2
       globals: 13.24.0
       graphemer: 1.4.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
@@ -2414,7 +3411,7 @@ packages:
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
-      optionator: 0.9.3
+      optionator: 0.9.4
       strip-ansi: 6.0.1
       text-table: 0.2.0
     transitivePeerDependencies:
@@ -2425,13 +3422,13 @@ packages:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: 8.11.3
-      acorn-jsx: 5.3.2(acorn@8.11.3)
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+  /esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
     dependencies:
       estraverse: 5.3.0
@@ -2467,6 +3464,10 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
+  /eventemitter3@2.0.3:
+    resolution: {integrity: sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==}
+    dev: false
+
   /expand-brackets@2.1.4:
     resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
     engines: {node: '>=0.10.0'}
@@ -2487,7 +3488,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extendable: 0.1.1
-    dev: true
 
   /extend-shallow@3.0.2:
     resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
@@ -2497,6 +3497,10 @@ packages:
       is-extendable: 1.0.1
     dev: true
 
+  /extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+    dev: false
+
   /extglob@2.0.4:
     resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
     engines: {node: '>=0.10.0'}
@@ -2517,6 +3521,14 @@ packages:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
 
+  /fast-diff@1.1.2:
+    resolution: {integrity: sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==}
+    dev: false
+
+  /fast-diff@1.2.0:
+    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
+    dev: false
+
   /fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
     dev: true
@@ -2529,7 +3541,7 @@ packages:
       '@nodelib/fs.walk': 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
-      micromatch: 4.0.5
+      micromatch: 4.0.8
     dev: true
 
   /fast-json-stable-stringify@2.1.0:
@@ -2540,6 +3552,10 @@ packages:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
     dev: true
 
+  /fast-uri@3.0.1:
+    resolution: {integrity: sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw==}
+    dev: true
+
   /fastest-levenshtein@1.0.16:
     resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
     engines: {node: '>= 4.9.1'}
@@ -2575,8 +3591,8 @@ packages:
       to-regex-range: 2.1.1
     dev: true
 
-  /fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+  /fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
@@ -2656,6 +3672,15 @@ packages:
       mime-types: 2.1.35
     dev: false
 
+  /formstream@1.5.1:
+    resolution: {integrity: sha512-q7ORzFqotpwn3Y/GBK2lK7PjtZZwJHz9QE9Phv8zb5IrL9ftGLyi2zjGURON3voK8TaZ+mqJKERYN4lrHYTkUQ==}
+    dependencies:
+      destroy: 1.2.0
+      mime: 2.6.0
+      node-hex: 1.0.1
+      pause-stream: 0.0.11
+    dev: false
+
   /fragment-cache@0.2.1:
     resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
     engines: {node: '>=0.10.0'}
@@ -2672,6 +3697,15 @@ packages:
       universalify: 2.0.1
     dev: true
 
+  /fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+    engines: {node: '>=14.14'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+    dev: true
+
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
     dev: true
@@ -2686,7 +3720,6 @@ packages:
 
   /function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-    dev: true
 
   /function.prototype.name@1.1.6:
     resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
@@ -2694,13 +3727,12 @@ packages:
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
       functions-have-names: 1.2.3
     dev: true
 
   /functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
 
   /gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
@@ -2715,8 +3747,11 @@ packages:
       function-bind: 1.1.2
       has-proto: 1.0.3
       has-symbols: 1.0.3
-      hasown: 2.0.1
-    dev: true
+      hasown: 2.0.2
+
+  /get-ready@1.0.0:
+    resolution: {integrity: sha512-mFXCZPJIlcYcth+N8267+mghfYN9h3EhsDa6JSnbA3Wrhh/XFpuowviFcsDeYZtKspQyWyJqfs4O6P8CHeTwzw==}
+    dev: false
 
   /get-symbol-description@1.0.2:
     resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
@@ -2748,6 +3783,7 @@ packages:
 
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
@@ -2773,6 +3809,13 @@ packages:
       which: 1.3.1
     dev: true
 
+  /global@4.4.0:
+    resolution: {integrity: sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==}
+    dependencies:
+      min-document: 2.19.0
+      process: 0.11.10
+    dev: false
+
   /globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
@@ -2785,11 +3828,12 @@ packages:
       type-fest: 0.20.2
     dev: true
 
-  /globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
+  /globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       define-properties: 1.2.1
+      gopd: 1.0.1
     dev: true
 
   /globby@11.1.0:
@@ -2799,7 +3843,7 @@ packages:
       array-union: 2.1.0
       dir-glob: 3.0.1
       fast-glob: 3.3.2
-      ignore: 5.3.1
+      ignore: 5.3.2
       merge2: 1.4.1
       slash: 3.0.0
     dev: true
@@ -2812,7 +3856,6 @@ packages:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
       get-intrinsic: 1.2.4
-    dev: true
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -2822,6 +3865,19 @@ packages:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
+  /handlebars@4.7.8:
+    resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.19.2
+    dev: true
+
   /has-ansi@2.0.0:
     resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
     engines: {node: '>=0.10.0'}
@@ -2852,24 +3908,20 @@ packages:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
     dependencies:
       es-define-property: 1.0.0
-    dev: true
 
   /has-proto@1.0.3:
     resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /has-tostringtag@1.0.2:
     resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
   /has-value@0.3.1:
     resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
@@ -2902,18 +3954,21 @@ packages:
       kind-of: 4.0.0
     dev: true
 
-  /hasown@2.0.1:
-    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
-    dev: true
 
   /he@1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
     dev: true
 
+  /hls.js@1.5.15:
+    resolution: {integrity: sha512-6cD7xN6bycBHaXz2WyPIaHn/iXFizE5au2yvY5q9aC4wfihxAr16C9fUy4nxh2a3wOw0fEgLRa9dN6wsYjlpNg==}
+    dev: false
+
   /html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
@@ -2930,6 +3985,16 @@ packages:
       readable-stream: 3.6.2
     dev: true
 
+  /htmlparser2@3.8.3:
+    resolution: {integrity: sha512-hBxEg3CYXe+rPIua8ETe7tmG3XDn9B0edOE/e9wH2nLczxzgdu0m0aNHY+5wFZiviLWLdANPJTssa92dMcXQ5Q==}
+    dependencies:
+      domelementtype: 1.3.1
+      domhandler: 2.3.0
+      domutils: 1.5.1
+      entities: 1.0.0
+      readable-stream: 1.1.14
+    dev: false
+
   /htmlparser2@8.0.2:
     resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
     dependencies:
@@ -2939,8 +4004,21 @@ packages:
       entities: 4.5.0
     dev: true
 
-  /ignore@5.3.1:
-    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+  /humanize-ms@1.2.1:
+    resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
+    dependencies:
+      ms: 2.1.3
+    dev: false
+
+  /iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: false
+
+  /ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
     dev: true
 
@@ -2950,8 +4028,8 @@ packages:
     hasBin: true
     dev: true
 
-  /immutable@4.3.5:
-    resolution: {integrity: sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==}
+  /immutable@4.3.7:
+    resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
     dev: true
 
   /import-fresh@3.3.0:
@@ -2967,8 +4045,18 @@ packages:
     engines: {node: '>=0.8.19'}
     dev: true
 
+  /index-array-by@1.4.2:
+    resolution: {integrity: sha512-SP23P27OUKzXWEC/TOyWlwLviofQkCSCKONnc62eItjp69yCZZPqDQtr3Pw5gJDnPeUMqExmKydNZaJO0FU9pw==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /individual@2.0.0:
+    resolution: {integrity: sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g==}
+    dev: false
+
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
@@ -2976,7 +4064,6 @@ packages:
 
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
 
   /ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
@@ -2987,17 +4074,34 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       es-errors: 1.3.0
-      hasown: 2.0.1
+      hasown: 2.0.2
       side-channel: 1.0.6
     dev: true
 
+  /internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /ip@1.1.9:
+    resolution: {integrity: sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==}
+    dev: false
+
   /is-accessor-descriptor@1.0.1:
     resolution: {integrity: sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==}
     engines: {node: '>= 0.10'}
     dependencies:
-      hasown: 2.0.1
+      hasown: 2.0.2
     dev: true
 
+  /is-arguments@1.1.1:
+    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+    dev: false
+
   /is-array-buffer@3.0.4:
     resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
     engines: {node: '>= 0.4'}
@@ -3020,7 +4124,7 @@ packages:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
-      binary-extensions: 2.2.0
+      binary-extensions: 2.3.0
     dev: true
 
   /is-boolean-object@1.1.2:
@@ -3040,17 +4144,29 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+  /is-class-hotfix@0.0.6:
+    resolution: {integrity: sha512-0n+pzCC6ICtVr/WXnN2f03TK/3BfXY7me4cjCAqT8TYXEl0+JBRoqBo94JJHXcyDSLUeWbNX8Fvy5g5RJdAstQ==}
+    dev: false
+
+  /is-core-module@2.15.1:
+    resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      hasown: 2.0.1
+      hasown: 2.0.2
     dev: true
 
   /is-data-descriptor@1.0.1:
     resolution: {integrity: sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      hasown: 2.0.1
+      hasown: 2.0.2
+    dev: true
+
+  /is-data-view@1.0.1:
+    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-typed-array: 1.1.13
     dev: true
 
   /is-date-object@1.0.5:
@@ -3058,7 +4174,6 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-descriptor@0.1.7:
     resolution: {integrity: sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==}
@@ -3079,7 +4194,6 @@ packages:
   /is-extendable@0.1.1:
     resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /is-extendable@1.0.1:
     resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
@@ -3098,6 +4212,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-function@1.0.2:
+    resolution: {integrity: sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==}
+    dev: false
+
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -3157,7 +4275,6 @@ packages:
     dependencies:
       call-bind: 1.0.7
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-shared-array-buffer@1.0.3:
     resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
@@ -3180,11 +4297,19 @@ packages:
       has-symbols: 1.0.3
     dev: true
 
+  /is-type-of@1.4.0:
+    resolution: {integrity: sha512-EddYllaovi5ysMLMEN7yzHEKh8A850cZ7pykrY1aNRQGn/CDjRDE9qEWbIdt7xGEVJmjBXzU/fNnC4ABTm8tEQ==}
+    dependencies:
+      core-util-is: 1.0.3
+      is-class-hotfix: 0.0.6
+      isstream: 0.1.2
+    dev: false
+
   /is-typed-array@1.1.13:
     resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      which-typed-array: 1.1.14
+      which-typed-array: 1.1.15
     dev: true
 
   /is-weakref@1.0.2:
@@ -3198,9 +4323,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /isarray@0.0.1:
+    resolution: {integrity: sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==}
+    dev: false
+
   /isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
-    dev: true
 
   /isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
@@ -3222,9 +4350,16 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
+    dev: false
+
+  /jquery@3.7.1:
+    resolution: {integrity: sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==}
+    dev: false
+
   /js-base64@2.6.4:
     resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==}
-    dev: true
 
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
@@ -3288,6 +4423,26 @@ packages:
       graceful-fs: 4.2.11
     dev: true
 
+  /jstoxml@2.2.9:
+    resolution: {integrity: sha512-OYWlK0j+roh+eyaMROlNbS5cd5R25Y+IUpdl7cNdB8HNrkgwQzIS7L9MegxOiWNBj9dQhA/yAxiMwCC5mwNoBw==}
+    dev: false
+
+  /jwt-decode@4.0.0:
+    resolution: {integrity: sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==}
+    engines: {node: '>=18'}
+    dev: false
+
+  /kapsule@1.14.5:
+    resolution: {integrity: sha512-H0iSpTynUzZw3tgraDmReprpFRmH5oP5GPmaNsurSwLx2H5iCpOMIkp5q+sfhB4Tz/UJd1E1IbEE9Z6ksnJ6RA==}
+    engines: {node: '>=12'}
+    dependencies:
+      lodash-es: 4.17.21
+    dev: false
+
+  /keycode@2.2.1:
+    resolution: {integrity: sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg==}
+    dev: false
+
   /keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
@@ -3371,6 +4526,18 @@ packages:
       lodash-es: 4.17.21
     dev: false
 
+  /lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+    dev: false
+
+  /lodash.defaultsdeep@4.6.1:
+    resolution: {integrity: sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==}
+    dev: false
+
+  /lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+    dev: false
+
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
     dev: true
@@ -3379,6 +4546,10 @@ packages:
     resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
     dev: true
 
+  /lodash@3.10.1:
+    resolution: {integrity: sha512-9mDDwqVIma6OZX79ZlDACZl8sBm0TEnkf99zV3iMA4GzkIT/9hiqP5mY0HoT1iNLCrKc/R1HByV+yJfRWVJryQ==}
+    dev: false
+
   /lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -3388,18 +4559,18 @@ packages:
       yallist: 3.1.1
     dev: true
 
-  /lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
+  /m3u8-parser@4.8.0:
+    resolution: {integrity: sha512-UqA2a/Pw3liR6Df3gwxrqghCP17OpPlQj6RBPLYygf/ZSQ4MoSgvdvhvt35qV+3NaaA0FSZx93Ix+2brT1U7cA==}
     dependencies:
-      yallist: 4.0.0
-    dev: true
+      '@babel/runtime': 7.25.4
+      '@videojs/vhs-utils': 3.0.5
+      global: 4.4.0
+    dev: false
 
-  /magic-string@0.30.8:
-    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
-    engines: {node: '>=12'}
+  /magic-string@0.30.11:
+    resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
   /map-cache@0.2.2:
     resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
@@ -3434,6 +4605,10 @@ packages:
     engines: {node: '>=18'}
     dev: true
 
+  /merge-descriptors@1.0.3:
+    resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==}
+    dev: false
+
   /merge-options@1.0.1:
     resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
     engines: {node: '>=4'}
@@ -3467,11 +4642,11 @@ packages:
       - supports-color
     dev: true
 
-  /micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+  /micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
     dependencies:
-      braces: 3.0.2
+      braces: 3.0.3
       picomatch: 2.3.1
     dev: true
 
@@ -3487,6 +4662,18 @@ packages:
       mime-db: 1.52.0
     dev: false
 
+  /mime@2.6.0:
+    resolution: {integrity: sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==}
+    engines: {node: '>=4.0.0'}
+    hasBin: true
+    dev: false
+
+  /min-document@2.19.0:
+    resolution: {integrity: sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==}
+    dependencies:
+      dom-walk: 0.1.2
+    dev: false
+
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -3500,9 +4687,15 @@ packages:
       brace-expansion: 2.0.1
     dev: true
 
+  /minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-    dev: true
 
   /mixin-deep@1.3.2:
     resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
@@ -3512,30 +4705,71 @@ packages:
       is-extendable: 1.0.1
     dev: true
 
+  /mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: false
+
   /mockjs@1.1.0:
     resolution: {integrity: sha512-eQsKcWzIaZzEZ07NuEyO4Nw65g0hdWAyurVol1IPl1gahRwY+svqzfgfey8U8dahLwG44d6/RwEzuK52rSa/JQ==}
     hasBin: true
     dependencies:
-      commander: 7.2.0
+      commander: 12.1.0
     dev: true
 
+  /mpd-parser@0.22.1:
+    resolution: {integrity: sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q==}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.25.4
+      '@videojs/vhs-utils': 3.0.5
+      '@xmldom/xmldom': 0.8.10
+      global: 4.4.0
+    dev: false
+
   /ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
-    dev: true
 
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
+
+  /ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
   /muggle-string@0.3.1:
     resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
     dev: true
 
+  /mux.js@6.0.1:
+    resolution: {integrity: sha512-22CHb59rH8pWGcPGW5Og7JngJ9s+z4XuSlYvnxhLuc58cA1WqGDQPzuG8I+sPm1/p0CdgpzVTaKW408k5DNn8w==}
+    engines: {node: '>=8', npm: '>=5'}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.25.4
+      global: 4.4.0
+    dev: false
+
+  /mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+    dev: false
+
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanoid@5.0.7:
+    resolution: {integrity: sha512-oLxFY2gd2IqnjcYyOXD8XGCftpGtZP2AbHbOkthDkvRywH5ayNtPVy9YlOPcHckXzbLTCHpkb7FB+yuxKV13pQ==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    dev: false
+
   /nanomatch@1.2.13:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
     engines: {node: '>=0.10.0'}
@@ -3563,8 +4797,39 @@ packages:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
     dev: true
 
-  /node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+  /ngraph.events@1.2.2:
+    resolution: {integrity: sha512-JsUbEOzANskax+WSYiAPETemLWYXmixuPAlmZmhIbIj6FH/WDgEGCGnRwUQBK0GjOnVm8Ui+e5IJ+5VZ4e32eQ==}
+    dev: false
+
+  /ngraph.forcelayout@3.3.1:
+    resolution: {integrity: sha512-MKBuEh1wujyQHFTW57y5vd/uuEOK0XfXYxm3lC7kktjJLRdt/KEKEknyOlc6tjXflqBKEuYBBcu7Ax5VY+S6aw==}
+    dependencies:
+      ngraph.events: 1.2.2
+      ngraph.merge: 1.0.0
+      ngraph.random: 1.1.0
+    dev: false
+
+  /ngraph.graph@20.0.1:
+    resolution: {integrity: sha512-VFsQ+EMkT+7lcJO1QP8Ik3w64WbHJl27Q53EO9hiFU9CRyxJ8HfcXtfWz/U8okuoYKDctbciL6pX3vG5dt1rYA==}
+    dependencies:
+      ngraph.events: 1.2.2
+    dev: false
+
+  /ngraph.merge@1.0.0:
+    resolution: {integrity: sha512-5J8YjGITUJeapsomtTALYsw7rFveYkM+lBj3QiYZ79EymQcuri65Nw3knQtFxQBU1r5iOaVRXrSwMENUPK62Vg==}
+    dev: false
+
+  /ngraph.random@1.1.0:
+    resolution: {integrity: sha512-h25UdUN/g8U7y29TzQtRm/GvGr70lK37yQPvPKXXuVfs7gCm82WipYFZcksQfeKumtOemAzBIcT7lzzyK/edLw==}
+    dev: false
+
+  /node-hex@1.0.1:
+    resolution: {integrity: sha512-iwpZdvW6Umz12ICmu9IYPRxg0tOLGmU3Tq2tKetejCj3oZd7b2nUXwP3a7QA5M9glWy8wlPS1G3RwM/CdsUbdQ==}
+    engines: {node: '>=8.0.0'}
+    dev: false
+
+  /node-releases@2.0.18:
+    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
     dev: true
 
   /normalize-path@3.0.0:
@@ -3576,10 +4841,20 @@ packages:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
     dev: false
 
+  /normalize-wheel@1.0.1:
+    resolution: {integrity: sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==}
+    dev: false
+
   /nprogress@0.2.0:
     resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
     dev: false
 
+  /nth-check@1.0.2:
+    resolution: {integrity: sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==}
+    dependencies:
+      boolbase: 1.0.0
+    dev: false
+
   /nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
@@ -3589,7 +4864,6 @@ packages:
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /object-copy@0.1.0:
     resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
@@ -3600,14 +4874,21 @@ packages:
       kind-of: 3.2.2
     dev: true
 
-  /object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
-    dev: true
+  /object-inspect@1.13.2:
+    resolution: {integrity: sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==}
+    engines: {node: '>= 0.4'}
+
+  /object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+    dev: false
 
   /object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /object-visit@1.0.1:
     resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
@@ -3626,23 +4907,23 @@ packages:
       object-keys: 1.1.1
     dev: true
 
-  /object.fromentries@2.0.7:
-    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
+  /object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
     dev: true
 
-  /object.groupby@1.0.2:
-    resolution: {integrity: sha512-bzBq58S+x+uo0VjurFT0UktpKHOZmv4/xePiOA1nbB9pMqpGK7rUPNgf+1YC+7mE+0HzhTMqNUuCqvKhj6FnBw==}
+  /object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      array.prototype.filter: 1.0.3
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
-      es-errors: 1.3.0
+      es-abstract: 1.23.3
     dev: true
 
   /object.pick@1.3.0:
@@ -3652,13 +4933,13 @@ packages:
       isobject: 3.0.1
     dev: true
 
-  /object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
+  /object.values@1.2.0:
+    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-object-atoms: 1.0.0
     dev: true
 
   /on-finished@2.3.0:
@@ -3672,19 +4953,46 @@ packages:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
+
+  /openapi-typescript-codegen@0.29.0:
+    resolution: {integrity: sha512-/wC42PkD0LGjDTEULa/XiWQbv4E9NwLjwLjsaJ/62yOsoYhwvmBR31kPttn1DzQ2OlGe5stACcF/EIkZk43M6w==}
+    hasBin: true
+    dependencies:
+      '@apidevtools/json-schema-ref-parser': 11.7.0
+      camelcase: 6.3.0
+      commander: 12.1.0
+      fs-extra: 11.2.0
+      handlebars: 4.7.8
     dev: true
 
-  /optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+  /optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
     dependencies:
-      '@aashutoshrathi/word-wrap': 1.2.6
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-    dev: true
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+    dev: true
+
+  /os-name@1.0.3:
+    resolution: {integrity: sha512-f5estLO2KN8vgtTRaILIgEGBoBrMnZ3JQ7W9TMZCnOIGwHe8TRGSpcagnWDo+Dfhd/z08k9Xe75hvciJJ8Qaew==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      osx-release: 1.1.0
+      win-release: 1.1.1
+    dev: false
+
+  /osx-release@1.1.0:
+    resolution: {integrity: sha512-ixCMMwnVxyHFQLQnINhmIpWqXIfS2YOXchwQrk+OFzmo6nDjQ0E4KXAyyUh0T0MZgV4bUhkRrAbVqlE4yLVq4A==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: false
 
   /p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
@@ -3700,6 +5008,10 @@ packages:
       p-limit: 3.1.0
     dev: true
 
+  /parchment@1.1.4:
+    resolution: {integrity: sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==}
+    dev: false
+
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -3711,7 +5023,7 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': 7.23.5
+      '@babel/code-frame': 7.24.7
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -3750,8 +5062,8 @@ packages:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
     dev: true
 
-  /path-to-regexp@6.2.1:
-    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+  /path-to-regexp@6.2.2:
+    resolution: {integrity: sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==}
     dev: true
 
   /path-type@4.0.0:
@@ -3763,15 +5075,29 @@ packages:
     resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
     dev: true
 
-  /picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+  /pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+    dependencies:
+      through: 2.3.8
+    dev: false
+
+  /picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
 
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
     dev: true
 
-  /pinia@2.1.7(typescript@5.2.2)(vue@3.4.19):
+  /pinia-plugin-persistedstate@3.2.1(pinia@2.1.7):
+    resolution: {integrity: sha512-MK++8LRUsGF7r45PjBFES82ISnPzyO6IZx3CH5vyPseFLZCk1g2kgx6l/nW8pEBKxxd4do0P6bJw+mUSZIEZUQ==}
+    peerDependencies:
+      pinia: ^2.0.0
+    dependencies:
+      pinia: 2.1.7(typescript@5.2.2)(vue@3.4.27)
+    dev: true
+
+  /pinia@2.1.7(typescript@5.2.2)(vue@3.4.27):
     resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -3783,10 +5109,27 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@vue/devtools-api': 6.6.1
+      '@vue/devtools-api': 6.6.3
       typescript: 5.2.2
-      vue: 3.4.19(typescript@5.2.2)
-      vue-demi: 0.14.7(vue@3.4.19)
+      vue: 3.4.27(typescript@5.2.2)
+      vue-demi: 0.14.10(vue@3.4.27)
+
+  /pkcs7@1.0.4:
+    resolution: {integrity: sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.25.4
+    dev: false
+
+  /platform@1.3.6:
+    resolution: {integrity: sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==}
+    dev: false
+
+  /polished@4.3.1:
+    resolution: {integrity: sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@babel/runtime': 7.25.4
     dev: false
 
   /posix-character-classes@0.1.1:
@@ -3813,16 +5156,16 @@ packages:
     resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
     dev: true
 
-  /postcss-prefix-selector@1.16.0(postcss@5.2.18):
-    resolution: {integrity: sha512-rdVMIi7Q4B0XbXqNUEI+Z4E+pueiu/CS5E6vRCQommzdQ/sgsS4dK42U7GX8oJR+TJOtT+Qv3GkNo6iijUMp3Q==}
+  /postcss-prefix-selector@1.16.1(postcss@5.2.18):
+    resolution: {integrity: sha512-Umxu+FvKMwlY6TyDzGFoSUnzW+NOfMBLyC1tAkIjgX+Z/qGspJeRjVC903D7mx7TuBpJlwti2ibXtWuA7fKMeQ==}
     peerDependencies:
       postcss: '>4 <9'
     dependencies:
       postcss: 5.2.18
     dev: true
 
-  /postcss-resolve-nested-selector@0.1.1:
-    resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==}
+  /postcss-resolve-nested-selector@0.1.6:
+    resolution: {integrity: sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==}
     dev: true
 
   /postcss-safe-parser@6.0.0(postcss@8.4.35):
@@ -3852,8 +5195,8 @@ packages:
       postcss: 8.4.35
     dev: true
 
-  /postcss-selector-parser@6.0.15:
-    resolution: {integrity: sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==}
+  /postcss-selector-parser@6.1.2:
+    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
     dependencies:
       cssesc: 3.0.0
@@ -3887,8 +5230,17 @@ packages:
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+    dev: true
+
+  /postcss@8.4.41:
+    resolution: {integrity: sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
 
   /posthtml-parser@0.2.1:
     resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
@@ -3943,15 +5295,38 @@ packages:
     hasBin: true
     dev: true
 
+  /process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+    dev: false
+
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
   /proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
     dev: false
 
+  /pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+    dev: false
+
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
     dev: true
 
+  /qs@6.13.0:
+    resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.6
+    dev: false
+
   /query-string@4.3.4:
     resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
     engines: {node: '>=0.10.0'}
@@ -3964,6 +5339,62 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
 
+  /quill-delta@3.6.3:
+    resolution: {integrity: sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      deep-equal: 1.1.2
+      extend: 3.0.2
+      fast-diff: 1.1.2
+    dev: false
+
+  /quill-delta@4.2.2:
+    resolution: {integrity: sha512-qjbn82b/yJzOjstBgkhtBjN2TNK+ZHP/BgUQO+j6bRhWQQdmj2lH6hXG7+nwwLF41Xgn//7/83lxs9n2BkTtTg==}
+    dependencies:
+      fast-diff: 1.2.0
+      lodash.clonedeep: 4.5.0
+      lodash.isequal: 4.5.0
+    dev: false
+
+  /quill-render@1.0.5:
+    resolution: {integrity: sha512-PJaOQXaYbVD9GCwR5fVz3S/OuarbNbvzfNu9EZK745qMpyWUAAbt9YUEY+cWWPwVwVIJ00XVJpQQl+xLA1gFEQ==}
+    dependencies:
+      cheerio: 0.19.0
+      escape-html: 1.0.3
+    dev: false
+
+  /quill@1.3.7:
+    resolution: {integrity: sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==}
+    dependencies:
+      clone: 2.1.2
+      deep-equal: 1.1.2
+      eventemitter3: 2.0.3
+      extend: 3.0.2
+      parchment: 1.1.4
+      quill-delta: 3.6.3
+    dev: false
+
+  /readable-stream@1.1.14:
+    resolution: {integrity: sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==}
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 0.0.1
+      string_decoder: 0.10.31
+    dev: false
+
+  /readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+    dev: false
+
   /readable-stream@3.6.2:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
@@ -3980,6 +5411,14 @@ packages:
       picomatch: 2.3.1
     dev: true
 
+  /regenerator-runtime@0.11.1:
+    resolution: {integrity: sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==}
+    dev: false
+
+  /regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+    dev: false
+
   /regex-not@1.0.2:
     resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
     engines: {node: '>=0.10.0'}
@@ -3996,7 +5435,6 @@ packages:
       define-properties: 1.2.1
       es-errors: 1.3.0
       set-function-name: 2.0.2
-    dev: true
 
   /regexpp@3.2.0:
     resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
@@ -4018,6 +5456,14 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /resize-detector@0.3.0:
+    resolution: {integrity: sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ==}
+    dev: false
+
+  /resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+    dev: false
+
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -4037,7 +5483,7 @@ packages:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
     dependencies:
-      is-core-module: 2.13.1
+      is-core-module: 2.15.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
@@ -4054,31 +5500,35 @@ packages:
 
   /rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
     dependencies:
       glob: 7.2.3
     dev: true
 
-  /rollup@4.12.0:
-    resolution: {integrity: sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==}
+  /rollup@4.21.0:
+    resolution: {integrity: sha512-vo+S/lfA2lMS7rZ2Qoubi6I5hwZwzXeUIctILZLbHI+laNtvhhOIon2S1JksA5UEDQ7l3vberd0fxK44lTYjbQ==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.12.0
-      '@rollup/rollup-android-arm64': 4.12.0
-      '@rollup/rollup-darwin-arm64': 4.12.0
-      '@rollup/rollup-darwin-x64': 4.12.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.12.0
-      '@rollup/rollup-linux-arm64-gnu': 4.12.0
-      '@rollup/rollup-linux-arm64-musl': 4.12.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.12.0
-      '@rollup/rollup-linux-x64-gnu': 4.12.0
-      '@rollup/rollup-linux-x64-musl': 4.12.0
-      '@rollup/rollup-win32-arm64-msvc': 4.12.0
-      '@rollup/rollup-win32-ia32-msvc': 4.12.0
-      '@rollup/rollup-win32-x64-msvc': 4.12.0
+      '@rollup/rollup-android-arm-eabi': 4.21.0
+      '@rollup/rollup-android-arm64': 4.21.0
+      '@rollup/rollup-darwin-arm64': 4.21.0
+      '@rollup/rollup-darwin-x64': 4.21.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.21.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.21.0
+      '@rollup/rollup-linux-arm64-gnu': 4.21.0
+      '@rollup/rollup-linux-arm64-musl': 4.21.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.21.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.21.0
+      '@rollup/rollup-linux-s390x-gnu': 4.21.0
+      '@rollup/rollup-linux-x64-gnu': 4.21.0
+      '@rollup/rollup-linux-x64-musl': 4.21.0
+      '@rollup/rollup-win32-arm64-msvc': 4.21.0
+      '@rollup/rollup-win32-ia32-msvc': 4.21.0
+      '@rollup/rollup-win32-x64-msvc': 4.21.0
       fsevents: 2.3.3
     dev: true
 
@@ -4088,8 +5538,18 @@ packages:
       queue-microtask: 1.2.3
     dev: true
 
-  /safe-array-concat@1.1.0:
-    resolution: {integrity: sha512-ZdQ0Jeb9Ofti4hbt5lX3T2JcAamT9hfzYU1MNB+z/jaEbB6wfFfPIR/zEORmZqobkCCJhSjodobH6WHNmJ97dg==}
+  /rust-result@1.0.0:
+    resolution: {integrity: sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==}
+    dependencies:
+      individual: 2.0.0
+    dev: false
+
+  /rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+    dev: false
+
+  /safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
     engines: {node: '>=0.4'}
     dependencies:
       call-bind: 1.0.7
@@ -4098,10 +5558,20 @@ packages:
       isarray: 2.0.5
     dev: true
 
+  /safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+    dev: false
+
   /safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
     dev: true
 
+  /safe-json-parse@4.0.0:
+    resolution: {integrity: sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==}
+    dependencies:
+      rust-result: 1.0.0
+    dev: false
+
   /safe-regex-test@1.0.3:
     resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
     engines: {node: '>= 0.4'}
@@ -4117,6 +5587,10 @@ packages:
       ret: 0.1.15
     dev: true
 
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    dev: false
+
   /sass-loader@14.1.1(sass@1.71.1):
     resolution: {integrity: sha512-QX8AasDg75monlybel38BZ49JP5Z+uSKfKwF2rO7S74BywaRmGQMUBw9dtkS+ekyM/QnP+NOrRYq8ABMZ9G8jw==}
     engines: {node: '>= 18.12.0'}
@@ -4148,25 +5622,38 @@ packages:
     hasBin: true
     dependencies:
       chokidar: 3.6.0
-      immutable: 4.3.5
-      source-map-js: 1.0.2
+      immutable: 4.3.7
+      source-map-js: 1.2.0
     dev: true
 
+  /sax@1.4.1:
+    resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}
+    dev: false
+
+  /sdk-base@2.0.1:
+    resolution: {integrity: sha512-eeG26wRwhtwYuKGCDM3LixCaxY27Pa/5lK4rLKhQa7HBjJ3U3Y+f81MMZQRsDw/8SC2Dao/83yJTXJ8aULuN8Q==}
+    dependencies:
+      get-ready: 1.0.0
+    dev: false
+
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+    dev: false
+
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
     dev: true
 
-  /semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+  /semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
     engines: {node: '>=10'}
     hasBin: true
-    dependencies:
-      lru-cache: 6.0.0
     dev: true
 
-  /set-function-length@1.2.1:
-    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
+  /set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
     dependencies:
       define-data-property: 1.1.4
@@ -4175,7 +5662,6 @@ packages:
       get-intrinsic: 1.2.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.2
-    dev: true
 
   /set-function-name@2.0.2:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
@@ -4185,7 +5671,6 @@ packages:
       es-errors: 1.3.0
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
-    dev: true
 
   /set-value@2.0.1:
     resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
@@ -4216,8 +5701,7 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
-      object-inspect: 1.13.1
-    dev: true
+      object-inspect: 1.13.2
 
   /signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
@@ -4270,8 +5754,8 @@ packages:
       - supports-color
     dev: true
 
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
 
   /source-map-resolve@0.5.3:
@@ -4323,7 +5807,21 @@ packages:
   /statuses@1.5.0:
     resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
     engines: {node: '>= 0.6'}
-    dev: true
+
+  /stream-http@2.8.2:
+    resolution: {integrity: sha512-QllfrBhqF1DPcz46WxKTs6Mz1Bpc+8Qm6vbqOpVav5odAXwbyzwnEczoWqtxrsmlO+cJqtPrp/8gWKWjaKLLlA==}
+    dependencies:
+      builtin-status-codes: 3.0.0
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      to-arraybuffer: 1.0.1
+      xtend: 4.0.2
+    dev: false
+
+  /stream-wormhole@1.1.0:
+    resolution: {integrity: sha512-gHFfL3px0Kctd6Po0M8TzEvt3De/xu6cnRrjlfYNhwbhLPLwigI2t1nc6jrzNuaYg5C4YF78PPFuQPzRiqn9ew==}
+    engines: {node: '>=4.0.0'}
+    dev: false
 
   /strict-uri-encode@1.1.0:
     resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
@@ -4339,31 +5837,43 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
-  /string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
+  /string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
     dev: true
 
-  /string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
+  /string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-object-atoms: 1.0.0
     dev: true
 
-  /string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
+  /string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.5
+      es-object-atoms: 1.0.0
     dev: true
 
+  /string_decoder@0.10.31:
+    resolution: {integrity: sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==}
+    dev: false
+
+  /string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+    dependencies:
+      safe-buffer: 5.1.2
+    dev: false
+
   /string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
     dependencies:
@@ -4444,7 +5954,7 @@ packages:
       postcss: 8.4.35
       postcss-scss: 4.0.9(postcss@8.4.35)
       stylelint: 16.2.1(typescript@5.2.2)
-      stylelint-config-recommended: 14.0.0(stylelint@16.2.1)
+      stylelint-config-recommended: 14.0.1(stylelint@16.2.1)
       stylelint-scss: 6.2.0(stylelint@16.2.1)
     dev: true
 
@@ -4456,17 +5966,17 @@ packages:
       stylelint: '>=14.0.0'
     dependencies:
       postcss-html: 1.6.0
-      semver: 7.6.0
+      semver: 7.6.3
       stylelint: 16.2.1(typescript@5.2.2)
       stylelint-config-html: 1.1.0(postcss-html@1.6.0)(stylelint@16.2.1)
-      stylelint-config-recommended: 14.0.0(stylelint@16.2.1)
+      stylelint-config-recommended: 14.0.1(stylelint@16.2.1)
     dev: true
 
-  /stylelint-config-recommended@14.0.0(stylelint@16.2.1):
-    resolution: {integrity: sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==}
+  /stylelint-config-recommended@14.0.1(stylelint@16.2.1):
+    resolution: {integrity: sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==}
     engines: {node: '>=18.12.0'}
     peerDependencies:
-      stylelint: ^16.0.0
+      stylelint: ^16.1.0
     dependencies:
       stylelint: 16.2.1(typescript@5.2.2)
     dev: true
@@ -4508,7 +6018,7 @@ packages:
       stylelint: ^16.1.0
     dependencies:
       stylelint: 16.2.1(typescript@5.2.2)
-      stylelint-config-recommended: 14.0.0(stylelint@16.2.1)
+      stylelint-config-recommended: 14.0.1(stylelint@16.2.1)
     dev: true
 
   /stylelint-order@6.0.4(stylelint@16.2.1):
@@ -4529,8 +6039,8 @@ packages:
     dependencies:
       known-css-properties: 0.29.0
       postcss-media-query-parser: 0.2.3
-      postcss-resolve-nested-selector: 0.1.1
-      postcss-selector-parser: 6.0.15
+      postcss-resolve-nested-selector: 0.1.6
+      postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
       stylelint: 16.2.1(typescript@5.2.2)
     dev: true
@@ -4540,16 +6050,16 @@ packages:
     engines: {node: '>=18.12.0'}
     hasBin: true
     dependencies:
-      '@csstools/css-parser-algorithms': 2.6.0(@csstools/css-tokenizer@2.2.3)
-      '@csstools/css-tokenizer': 2.2.3
-      '@csstools/media-query-list-parser': 2.1.8(@csstools/css-parser-algorithms@2.6.0)(@csstools/css-tokenizer@2.2.3)
-      '@csstools/selector-specificity': 3.0.2(postcss-selector-parser@6.0.15)
+      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
+      '@csstools/css-tokenizer': 2.4.1
+      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1)(@csstools/css-tokenizer@2.4.1)
+      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
       balanced-match: 2.0.0
       colord: 2.9.3
       cosmiconfig: 9.0.0(typescript@5.2.2)
-      css-functions-list: 3.2.1
+      css-functions-list: 3.2.2
       css-tree: 2.3.1
-      debug: 4.3.4
+      debug: 4.3.6
       fast-glob: 3.3.2
       fastest-levenshtein: 1.0.16
       file-entry-cache: 8.0.0
@@ -4557,26 +6067,26 @@ packages:
       globby: 11.1.0
       globjoin: 0.1.4
       html-tags: 3.3.1
-      ignore: 5.3.1
+      ignore: 5.3.2
       imurmurhash: 0.1.4
       is-plain-object: 5.0.0
       known-css-properties: 0.29.0
       mathml-tag-names: 2.1.3
       meow: 13.2.0
-      micromatch: 4.0.5
+      micromatch: 4.0.8
       normalize-path: 3.0.0
-      picocolors: 1.0.0
+      picocolors: 1.0.1
       postcss: 8.4.35
-      postcss-resolve-nested-selector: 0.1.1
+      postcss-resolve-nested-selector: 0.1.6
       postcss-safe-parser: 7.0.0(postcss@8.4.35)
-      postcss-selector-parser: 6.0.15
+      postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       string-width: 4.2.3
       strip-ansi: 7.1.0
-      supports-hyperlinks: 3.0.0
+      supports-hyperlinks: 3.1.0
       svg-tags: 1.0.0
-      table: 6.8.1
+      table: 6.8.2
       write-file-atomic: 5.0.1
     transitivePeerDependencies:
       - supports-color
@@ -4609,8 +6119,8 @@ packages:
       has-flag: 4.0.0
     dev: true
 
-  /supports-hyperlinks@3.0.0:
-    resolution: {integrity: sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==}
+  /supports-hyperlinks@3.1.0:
+    resolution: {integrity: sha512-2rn0BZ+/f7puLOHZm1HOJfwBggfaHXUpPUSSG/SWM4TWp5KCfmNYwnC3hruy2rZlMnmWZ+QAGpZfchu3f3695A==}
     engines: {node: '>=14.18'}
     dependencies:
       has-flag: 4.0.0
@@ -4633,11 +6143,11 @@ packages:
       merge-options: 1.0.1
       micromatch: 3.1.0
       postcss: 5.2.18
-      postcss-prefix-selector: 1.16.0(postcss@5.2.18)
+      postcss-prefix-selector: 1.16.1(postcss@5.2.18)
       posthtml-rename-id: 1.0.12
       posthtml-svg-mode: 1.0.3
       query-string: 4.3.4
-      traverse: 0.6.8
+      traverse: 0.6.9
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4656,7 +6166,7 @@ packages:
       css-select: 4.3.0
       css-tree: 1.1.3
       csso: 4.2.0
-      picocolors: 1.0.0
+      picocolors: 1.0.1
       stable: 0.1.8
     dev: true
 
@@ -4665,14 +6175,14 @@ packages:
     engines: {node: ^14.18.0 || >=16.0.0}
     dependencies:
       '@pkgr/core': 0.1.1
-      tslib: 2.6.2
+      tslib: 2.7.0
     dev: true
 
-  /table@6.8.1:
-    resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==}
+  /table@6.8.2:
+    resolution: {integrity: sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==}
     engines: {node: '>=10.0.0'}
     dependencies:
-      ajv: 8.12.0
+      ajv: 8.17.1
       lodash.truncate: 4.4.2
       slice-ansi: 4.0.0
       string-width: 4.2.3
@@ -4683,6 +6193,77 @@ packages:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      thenify: 3.3.1
+    dev: false
+
+  /thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+    dependencies:
+      any-promise: 1.3.0
+    dev: false
+
+  /three-forcegraph@1.41.14(three@0.163.0):
+    resolution: {integrity: sha512-W/cZElLXO0l6ffdMmDakh4bUGSYuSv/YxInOHMN9KAQgDwJ8904SOBh8qkTnGu7UPsi0mAsrUgkfViW8heloTA==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      three: '>=0.118.3'
+    dependencies:
+      accessor-fn: 1.5.1
+      d3-array: 3.2.4
+      d3-force-3d: 3.0.5
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      data-joint: 1.3.1
+      kapsule: 1.14.5
+      ngraph.forcelayout: 3.3.1
+      ngraph.graph: 20.0.1
+      three: 0.163.0
+      tinycolor2: 1.6.0
+    dev: false
+
+  /three-render-objects@1.29.4(three@0.163.0):
+    resolution: {integrity: sha512-E6YwTN5zNsaMjo/5rosgnK44b1aq//3YJGJ5BxG9t7+euRm7ZAmNX3NIqFkoDhKtFC5WLoOxZjyNoq8Uc49gaA==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      three: '*'
+    dependencies:
+      '@tweenjs/tween.js': 23.1.3
+      accessor-fn: 1.5.1
+      kapsule: 1.14.5
+      polished: 4.3.1
+      three: 0.163.0
+    dev: false
+
+  /three@0.163.0:
+    resolution: {integrity: sha512-HlMgCb2TF/dTLRtknBnjUTsR8FsDqBY43itYop2+Zg822I+Kd0Ua2vs8CvfBVefXkBdNDrLMoRTGCIIpfCuDew==}
+    dev: false
+
+  /throttle-debounce@1.1.0:
+    resolution: {integrity: sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==}
+    engines: {node: '>=4'}
+    dev: false
+
+  /throttle-debounce@3.0.1:
+    resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+    dev: false
+
+  /tinycolor2@1.6.0:
+    resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
+    dev: false
+
+  /to-arraybuffer@1.0.1:
+    resolution: {integrity: sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==}
+    dev: false
+
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
@@ -4719,13 +6300,17 @@ packages:
       safe-regex: 1.1.0
     dev: true
 
-  /traverse@0.6.8:
-    resolution: {integrity: sha512-aXJDbk6SnumuaZSANd21XAo15ucCDE38H4fkqiGsc3MhCK+wOlZvLP9cB/TvpHT0mOyWgC4Z8EwRlzqYSUzdsA==}
+  /traverse@0.6.9:
+    resolution: {integrity: sha512-7bBrcF+/LQzSgFmT0X5YclVqQxtv7TDJ1f8Wj7ibBu/U6BMLeOpUxuZjV7rMc44UtKxlnMFigdhFAIszSX1DMg==}
     engines: {node: '>= 0.4'}
+    dependencies:
+      gopd: 1.0.1
+      typedarray.prototype.slice: 1.0.3
+      which-typed-array: 1.1.15
     dev: true
 
-  /ts-api-utils@1.2.1(typescript@5.2.2):
-    resolution: {integrity: sha512-RIYA36cJn2WiH9Hy77hdF9r7oEwxAtB/TS9/S4Qd90Ap4z5FSiin5zEiTL44OII1Y3IIlEvxwxFUVgrHSZ/UpA==}
+  /ts-api-utils@1.3.0(typescript@5.2.2):
+    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
     engines: {node: '>=16'}
     peerDependencies:
       typescript: '>=4.2.0'
@@ -4742,8 +6327,12 @@ packages:
       strip-bom: 3.0.0
     dev: true
 
-  /tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
+
+  /tslib@2.7.0:
+    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
     dev: true
 
   /type-check@0.4.0:
@@ -4790,8 +6379,8 @@ packages:
       is-typed-array: 1.1.13
     dev: true
 
-  /typed-array-length@1.0.5:
-    resolution: {integrity: sha512-yMi0PlwuznKHxKmcpoOdeLwxBoVPkqZxd7q2FgMkmD3bNwvF5VW0+UlUQ1k1vmktTu4Yu13Q0RIxEP8+B+wloA==}
+  /typed-array-length@1.0.6:
+    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
@@ -4802,11 +6391,31 @@ packages:
       possible-typed-array-names: 1.0.0
     dev: true
 
+  /typedarray.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-8WbVAQAUlENo1q3c3zZYuy5k9VzBQvp8AX9WOtbvyWlLM1v5JaSRmjubLjzHF4JFtptjH/5c/i95yaElvcjC0A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      typed-array-buffer: 1.0.2
+      typed-array-byte-offset: 1.0.2
+    dev: true
+
   /typescript@5.2.2:
     resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
     engines: {node: '>=14.17'}
     hasBin: true
 
+  /uglify-js@3.19.2:
+    resolution: {integrity: sha512-S8KA6DDI47nQXJSi2ctQ629YzwOVs+bQML6DAtvy0wgNdpi+0ySpQK0g2pxBq2xfF2z3YCscu7NNA8nXT9PlIQ==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
@@ -4816,10 +6425,21 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
-  /undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+  /underscore@1.13.7:
+    resolution: {integrity: sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==}
+    dev: false
+
+  /undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
     dev: true
 
+  /unescape@1.0.1:
+    resolution: {integrity: sha512-O0+af1Gs50lyH1nUu3ZyYS1cRh01Q/kUKatTOkSs7jukXE6/NebucDVxyiDsA9AQ4JC1V1jUH9EO8JX2nMDgGQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+    dev: false
+
   /union-value@1.0.1:
     resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
     engines: {node: '>=0.10.0'}
@@ -4848,15 +6468,15 @@ packages:
       isobject: 3.0.1
     dev: true
 
-  /update-browserslist-db@1.0.13(browserslist@4.23.0):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+  /update-browserslist-db@1.1.0(browserslist@4.23.3):
+    resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: 4.23.0
+      browserslist: 4.23.3
       escalade: 3.1.2
-      picocolors: 1.0.0
+      picocolors: 1.0.1
     dev: true
 
   /uri-js@4.4.1:
@@ -4870,6 +6490,37 @@ packages:
     deprecated: Please see https://github.com/lydell/urix#deprecated
     dev: true
 
+  /url-toolkit@2.2.5:
+    resolution: {integrity: sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg==}
+    dev: false
+
+  /urllib@2.41.0:
+    resolution: {integrity: sha512-pNXdxEv52L67jahLT+/7QE+Fup1y2Gc6EdmrAhQ6OpQIC2rl14oWwv9hvk1GXOZqEnJNwRXHABuwgPOs1CtL7g==}
+    engines: {node: '>= 0.10.0'}
+    peerDependencies:
+      proxy-agent: ^5.0.0
+    peerDependenciesMeta:
+      proxy-agent:
+        optional: true
+    dependencies:
+      any-promise: 1.3.0
+      content-type: 1.0.5
+      debug: 2.6.9
+      default-user-agent: 1.0.0
+      digest-header: 1.1.0
+      ee-first: 1.1.1
+      formstream: 1.5.1
+      humanize-ms: 1.2.1
+      iconv-lite: 0.4.24
+      ip: 1.1.9
+      pump: 3.0.0
+      qs: 6.13.0
+      statuses: 1.5.0
+      utility: 1.18.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /use@3.1.1:
     resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
     engines: {node: '>=0.10.0'}
@@ -4877,7 +6528,17 @@ packages:
 
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-    dev: true
+
+  /utility@1.18.0:
+    resolution: {integrity: sha512-PYxZDA+6QtvRvm//++aGdmKG/cI07jNwbROz0Ql+VzFV1+Z0Dy55NI4zZ7RHc9KKpBePNFwoErqIuqQv/cjiTA==}
+    engines: {node: '>= 0.12.0'}
+    dependencies:
+      copy-to: 2.0.1
+      escape-html: 1.0.3
+      mkdirp: 0.5.6
+      mz: 2.7.0
+      unescape: 1.0.1
+    dev: false
 
   /utils-merge@1.0.1:
     resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
@@ -4889,7 +6550,35 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /vite-plugin-mock@3.0.1(esbuild@0.19.12)(mockjs@1.1.0)(vite@5.1.4):
+  /video.js@7.21.6:
+    resolution: {integrity: sha512-m41TbODrUCToVfK1aljVd296CwDQnCRewpIm5tTXMuV87YYSGw1H+VDOaV45HlpcWSsTWWLF++InDgGJfthfUw==}
+    dependencies:
+      '@babel/runtime': 7.25.4
+      '@videojs/http-streaming': 2.16.3(video.js@7.21.6)
+      '@videojs/vhs-utils': 3.0.5
+      '@videojs/xhr': 2.6.0
+      aes-decrypter: 3.1.3
+      global: 4.4.0
+      keycode: 2.2.1
+      m3u8-parser: 4.8.0
+      mpd-parser: 0.22.1
+      mux.js: 6.0.1
+      safe-json-parse: 4.0.0
+      videojs-font: 3.2.0
+      videojs-vtt.js: 0.15.5
+    dev: false
+
+  /videojs-font@3.2.0:
+    resolution: {integrity: sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA==}
+    dev: false
+
+  /videojs-vtt.js@0.15.5:
+    resolution: {integrity: sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==}
+    dependencies:
+      global: 4.4.0
+    dev: false
+
+  /vite-plugin-mock@3.0.1(esbuild@0.23.1)(mockjs@1.1.0)(vite@5.1.4):
     resolution: {integrity: sha512-jEqRkX6Ts6z9e3sPrktcmujLGTIjxMwMZUhcgoo1q0dEMcljMBkZgJK1vMaetTm+GfOy2NkGVQOwVqLS/Vy6Uw==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
@@ -4897,14 +6586,14 @@ packages:
       vite: '>=4.0.0'
     dependencies:
       '@types/mockjs': 1.0.10
-      bundle-require: 4.0.2(esbuild@0.19.12)
+      bundle-require: 4.2.1(esbuild@0.23.1)
       chokidar: 3.6.0
       connect: 3.7.0
-      debug: 4.3.4
+      debug: 4.3.6
       fast-glob: 3.3.2
       mockjs: 1.1.0
-      path-to-regexp: 6.2.1
-      picocolors: 1.0.0
+      path-to-regexp: 6.2.2
+      picocolors: 1.0.1
       vite: 5.1.4(sass@1.71.1)
     transitivePeerDependencies:
       - esbuild
@@ -4918,7 +6607,7 @@ packages:
     dependencies:
       '@types/svgo': 2.6.4
       cors: 2.8.5
-      debug: 4.3.4
+      debug: 4.3.6
       etag: 1.8.1
       fs-extra: 10.1.0
       pathe: 0.2.0
@@ -4959,14 +6648,29 @@ packages:
     dependencies:
       esbuild: 0.19.12
       postcss: 8.4.35
-      rollup: 4.12.0
+      rollup: 4.21.0
       sass: 1.71.1
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vue-demi@0.14.7(vue@3.4.19):
-    resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
+  /vue-demi@0.13.11(vue@3.4.27):
+    resolution: {integrity: sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.4.27(typescript@5.2.2)
+    dev: false
+
+  /vue-demi@0.14.10(vue@3.4.27):
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
@@ -4977,34 +6681,61 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.4.19(typescript@5.2.2)
+      vue: 3.4.27(typescript@5.2.2)
+
+  /vue-echarts@6.7.2(echarts@5.5.0)(vue@3.4.27):
+    resolution: {integrity: sha512-SG8Vmszhx24KjtySsk361DogZLRkPCyLhgoyh7iN1eH3WGJ0kyl3k0g4QiSJqK0+F1Ej0HDopq4A5OGcBlAwzw==}
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.5
+      '@vue/runtime-core': ^3.0.0
+      echarts: ^5.4.1
+      vue: ^2.6.12 || ^3.1.1
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      '@vue/runtime-core':
+        optional: true
+    dependencies:
+      echarts: 5.5.0
+      resize-detector: 0.3.0
+      vue: 3.4.27(typescript@5.2.2)
+      vue-demi: 0.13.11(vue@3.4.27)
     dev: false
 
-  /vue-eslint-parser@9.4.2(eslint@8.57.0):
-    resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
+  /vue-eslint-parser@9.4.3(eslint@8.57.0):
+    resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      debug: 4.3.4
+      debug: 4.3.6
       eslint: 8.57.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      esquery: 1.5.0
+      esquery: 1.6.0
       lodash: 4.17.21
-      semver: 7.6.0
+      semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vue-router@4.3.0(vue@3.4.19):
+  /vue-quill@1.5.1:
+    resolution: {integrity: sha512-4U3pMsBy2Vc4SSanZ6l1hzuB+m6vN9IERZzzOp+U2ziIcA6uGJYoxONmdPJkrMbcHpYYNrATqZOlWBuXqti30w==}
+    dependencies:
+      lodash.defaultsdeep: 4.6.1
+      quill: 1.3.7
+      quill-render: 1.0.5
+    dev: false
+
+  /vue-router@4.3.0(vue@3.4.27):
     resolution: {integrity: sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
-      '@vue/devtools-api': 6.6.1
-      vue: 3.4.19(typescript@5.2.2)
+      '@vue/devtools-api': 6.6.3
+      vue: 3.4.27(typescript@5.2.2)
     dev: false
 
   /vue-template-compiler@2.7.16:
@@ -5022,23 +6753,46 @@ packages:
     dependencies:
       '@volar/typescript': 1.11.1
       '@vue/language-core': 1.8.27(typescript@5.2.2)
-      semver: 7.6.0
+      semver: 7.6.3
       typescript: 5.2.2
     dev: true
 
-  /vue@3.4.19(typescript@5.2.2):
-    resolution: {integrity: sha512-W/7Fc9KUkajFU8dBeDluM4sRGc/aa4YJnOYck8dkjgZoXtVsn3OeTGni66FV1l3+nvPA7VBFYtPioaGKUmEADw==}
+  /vue-video-player@6.0.0(@types/video.js@7.3.58)(video.js@7.21.6)(vue@3.4.27):
+    resolution: {integrity: sha512-WP47OtefsjMEReRCIKIL3tRRgH/PyNm8ELjsbYgr/WWrYAj5Ih9Adzkzp+ylYOI/v57jJ4O7O4XkbXBCmsTqNw==}
+    peerDependencies:
+      '@types/video.js': 7.x
+      video.js: 7.x
+      vue: 3.x
+    dependencies:
+      '@types/video.js': 7.3.58
+      '@videojs-player/vue': 1.0.0(@types/video.js@7.3.58)(video.js@7.21.6)(vue@3.4.27)
+      video.js: 7.21.6
+      vue: 3.4.27(typescript@5.2.2)
+    dev: false
+
+  /vue3-video-play@1.3.2(typescript@5.2.2):
+    resolution: {integrity: sha512-eEwCJ0NIkfVQgTj0I3Kf9b1E/04Qne8mQQiE8r77BocblHsZ2T6af3q8l8Zzs/OvjlpQAQvkN/ACVUOJC3RSXg==}
+    dependencies:
+      hls.js: 1.5.15
+      throttle-debounce: 3.0.1
+      vue: 3.4.27(typescript@5.2.2)
+    transitivePeerDependencies:
+      - typescript
+    dev: false
+
+  /vue@3.4.27(typescript@5.2.2):
+    resolution: {integrity: sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@vue/compiler-dom': 3.4.19
-      '@vue/compiler-sfc': 3.4.19
-      '@vue/runtime-dom': 3.4.19
-      '@vue/server-renderer': 3.4.19(vue@3.4.19)
-      '@vue/shared': 3.4.19
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-sfc': 3.4.27
+      '@vue/runtime-dom': 3.4.27
+      '@vue/server-renderer': 3.4.27(vue@3.4.27)
+      '@vue/shared': 3.4.27
       typescript: 5.2.2
 
   /which-boxed-primitive@1.0.2:
@@ -5051,8 +6805,8 @@ packages:
       is-symbol: 1.0.4
     dev: true
 
-  /which-typed-array@1.1.14:
-    resolution: {integrity: sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg==}
+  /which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
     engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: 1.0.7
@@ -5077,9 +6831,24 @@ packages:
       isexe: 2.0.0
     dev: true
 
+  /win-release@1.1.1:
+    resolution: {integrity: sha512-iCRnKVvGxOQdsKhcQId2PXV1vV3J/sDPXKA4Oe9+Eti2nb2ESEsYHRYls/UjoUW3bIc5ZDO8dTH50A/5iVN+bw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      semver: 5.7.2
+    dev: false
+
+  /word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+    dev: true
+
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
 
   /write-file-atomic@5.0.1:
     resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
@@ -5094,15 +6863,35 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /xml2js@0.6.2:
+    resolution: {integrity: sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      sax: 1.4.1
+      xmlbuilder: 11.0.1
+    dev: false
+
+  /xmlbuilder@11.0.1:
+    resolution: {integrity: sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==}
+    engines: {node: '>=4.0'}
+    dev: false
+
+  /xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+    dev: false
+
   /yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
     dev: true
 
-  /yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-    dev: true
-
   /yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
     dev: true
+
+  /zrender@5.5.0:
+    resolution: {integrity: sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==}
+    dependencies:
+      tslib: 2.3.0
+    dev: false
diff --git a/teaching_integration_platform_admin_template/public/0.jpg b/teaching_integration_platform_admin_template/public/0.jpg
new file mode 100644
index 0000000..bf25122
Binary files /dev/null and b/teaching_integration_platform_admin_template/public/0.jpg differ
diff --git a/teaching_integration_platform_admin_template/public/1.jpg b/teaching_integration_platform_admin_template/public/1.jpg
new file mode 100644
index 0000000..e56d855
Binary files /dev/null and b/teaching_integration_platform_admin_template/public/1.jpg differ
diff --git a/teaching_integration_platform_admin_template/public/2.jpg b/teaching_integration_platform_admin_template/public/2.jpg
new file mode 100644
index 0000000..508cf0d
Binary files /dev/null and b/teaching_integration_platform_admin_template/public/2.jpg differ
diff --git a/teaching_integration_platform_admin_template/public/data.json b/teaching_integration_platform_admin_template/public/data.json
new file mode 100644
index 0000000..bb48ab5
--- /dev/null
+++ b/teaching_integration_platform_admin_template/public/data.json
@@ -0,0 +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 }
+  ]
+}
diff --git a/teaching_integration_platform_admin_template/public/newslogo.jpg b/teaching_integration_platform_admin_template/public/newslogo.jpg
new file mode 100644
index 0000000..bfb3e15
Binary files /dev/null and b/teaching_integration_platform_admin_template/public/newslogo.jpg differ
diff --git a/teaching_integration_platform_admin_template/public/nodeList.json b/teaching_integration_platform_admin_template/public/nodeList.json
new file mode 100644
index 0000000..0fa9fed
--- /dev/null
+++ b/teaching_integration_platform_admin_template/public/nodeList.json
@@ -0,0 +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"
+    }
+  ]
+}
diff --git a/teaching_integration_platform_admin_template/public/wl.png b/teaching_integration_platform_admin_template/public/wl.png
new file mode 100644
index 0000000..415d80b
Binary files /dev/null and b/teaching_integration_platform_admin_template/public/wl.png differ
diff --git a/teaching_integration_platform_admin_template/src/App.vue b/teaching_integration_platform_admin_template/src/App.vue
index d31088e..9b44fe6 100644
--- a/teaching_integration_platform_admin_template/src/App.vue
+++ b/teaching_integration_platform_admin_template/src/App.vue
@@ -3,7 +3,20 @@
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+
+// import { useRouter, useRoute } from 'vue-router'
+// 在vue3 compositionAPI中
+// 1. 获取路由对象 router useRouter
+//    const router = userRouter()
+// 2. 获取路由参数 route useRoute()
+//    const route = useRooute()
+// const router = useRouter()
+// const goList = () => {
+//   router.push('/')
+// }
+// import {} from 'vue'
+// import { useUserStore } from '@/stores/user.js'
+// const userStore = useUserStore()
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/api/configuration.ts b/teaching_integration_platform_admin_template/src/api/configuration.ts
new file mode 100644
index 0000000..bb4f5a3
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/configuration.ts
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+import { tool } from '../utils/alioss.js'
+import { ElLoading, ElMessage } from 'element-plus'
+
+enum Api {
+    get系统配置 = '/api/systemSettings/save',
+    put系统配置 = '/api/systemSettings',
+}
+// 提示批量处理
+const initOptions = { text: '加载中', success: '成功', error: '失败' }
+function proxRequest(request, options: any = initOptions) {
+    return async (...arg) => {
+        if (!options) return request(...arg)
+
+        const loadingInstance = ElLoading.service({ text: options.text })
+
+        try {
+            await request(...arg)
+            ElMessage.success(options.success)
+        } catch (error) {
+            ElMessage.error(options.error)
+        } finally {
+            loadingInstance.close()
+        }
+
+        return request
+    }
+}
+
+
+export function uploadApi(file: File) {
+    if (file instanceof Object) return tool.oss.upload(file).then(res => res.url)
+    else return Promise.resolve(file)
+}
+
+
+export function getSysSettingApi() {
+    return request.get(Api.get系统配置)
+}
+export const proxGetSysSettingApi = proxRequest(getSysSettingApi)
+
+export function putSysSettingApi(params: any) {
+    return request.put(Api.put系统配置, params)
+}
+export const proxPutSysSettingApi = proxRequest(putSysSettingApi, { success: '保存成功', error: '保存失败' })
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/api/courseChaptersApi.ts b/teaching_integration_platform_admin_template/src/api/courseChaptersApi.ts
new file mode 100644
index 0000000..6636df0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/courseChaptersApi.ts
@@ -0,0 +1,124 @@
+import request from '@/utils/request'
+
+/**
+ * 课程收藏获取资源
+ */
+export function getAssApi(params: {
+  page: number
+  pageSize: number
+  resourceIdList: string
+  type: 1 | 2 | 3 | 4 | 5
+  userId: string
+}) {
+  return request.get('/Favour/get', {
+    params,
+  })
+}
+
+/**
+ * 请求视频资源
+ * @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,
+  })
+}
+
+/**
+ * 获取计算机导论信息
+ * @returns
+ */
+export function getLearnInfoApi() {
+  return new Promise((resolve) => {
+    const data = [
+      { name: '总学时', value: '36学时' },
+      { name: '已分配学时', value: '20学时' },
+      { name: '总学分', value: '2.0分' },
+      { name: '章节数', value: '10章' },
+      { name: '未分配学时', value: '' },
+      { name: '知识点总数', value: '33个' },
+    ]
+    setTimeout(() => resolve(data), 500 * Math.random())
+  })
+}
+/**
+ * 获取计算机导论信息
+ * @returns
+ */
+export function getOrogramObjectiveApi() {
+  return new Promise((resolve) => {
+    const data = {
+      con: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
+    }
+    setTimeout(() => resolve(data), 500 * Math.random())
+  })
+}
+// 获取课程列表
+export const getCourseList = (params: any) => {
+  return request({
+    url: '/api/course_objectives/list/' + params.id,
+    params,
+  })
+}
+// 添加分目标
+export const addCourse = (data: any) => {
+  return request({
+    url: '/api/objective_contents/addcontent',
+    method: 'POST',
+    data,
+  })
+}
+// 编辑目标
+export const editCourse = (data: any) => {
+  return request({
+    url: '/api/objective_contents/update',
+    method: 'PUT',
+    data,
+  })
+}
+//删除课程目标
+export const deleteCourse = (params: any) => {
+  return request({
+    url: '/api/objective_contents/' + params.id,
+    method: 'DELETE',
+  })
+}
+// /objective_contents/
+// 获取详情
+export const getCourseInfo = (params: any) => {
+  return request({
+    url: '/api/objective_contents/' + params.id,
+    // method: 'get',
+  })
+}
+// 获取课程图谱
+export const getCourseAtlas = (params: object) => {
+  return request({
+    url: '/api/knowNeo/getAllKnowByCourseId',
+    params,
+  })
+}
+// 获取课程下的知识点
+export const getKonwledgeMangment = (params:any) => {
+  return request({
+    url:'/api/knowNeo/getAllKnowByCourseId',
+    params
+  })
+}
+// 批量修改知识点关系
+export const editKonledgeMangment = (data:any) => {
+  return request({
+    url:'/api/knowNeo/updateLinks',
+    method:"POST",
+    data
+  })
+}
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/api/record.js b/teaching_integration_platform_admin_template/src/api/record.js
new file mode 100644
index 0000000..faac390
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/record.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+//获取浏览记录列表
+export const getRecordListService = (params) =>
+  request.get('/api/learningrecords/getall', { params })
+//删除浏览记录
+export function DelRecordService(ids) {
+  return request.delete(`h//api/learningrecords/delete?ids=${ids}`)
+}
+//获取课程学习记录列表
+export const getCourseLearningRecords = (params) =>
+  request.get('/api/courselearingrecord/page', { params })
diff --git a/teaching_integration_platform_admin_template/src/api/sectionApi.ts b/teaching_integration_platform_admin_template/src/api/sectionApi.ts
new file mode 100644
index 0000000..47b16d0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/sectionApi.ts
@@ -0,0 +1,176 @@
+import request from '@/utils/request'
+/**
+ * 章节顺序linkedlist
+ * @param {string} courseid courseid
+ *  @returns
+ * 2fa0fd63262230639d2c45a3acd9045c
+ */
+export function getChapterApi(courseid: string) {
+  return request.get(`/chapter/aaa/${courseid}`)
+}
+
+// 响应接口
+export interface DeleteRes {
+  code: number
+  data: boolean
+  message: string
+}
+
+/**
+ * 删除章节信息
+ * @param {string} id id
+ * @returns
+ */
+export function deleteSectionApi(id: string): Promise<DeleteRes> {
+  return request.delete(`/chapter/${id}`)
+}
+
+// 响应接口
+export interface GetByIdCourseVoRes {
+  code: number
+  data: {
+    classhours: number
+    credit: number
+    description: string
+    id: string
+    img: string
+    name: string
+    objectContent: string
+    teacher: string
+    totalAssignHours: number
+    totalHours: number
+    totalKnow: number
+    totalNotAssignHours: number
+    totalchapter: number
+  }
+  message: string
+}
+
+/**
+ * 根据id查询课程Vo版
+ * @param {string} id id
+ * @returns
+ */
+export function getByIdCourseVoApi(id: string): Promise<GetByIdCourseVoRes> {
+  return request.get(`/api/coursesteacher/getById/${id}`)
+}
+
+// 参数接口
+export interface AddChapterParams {
+  content?: string
+  courseid?: string
+  courseobjectivesid?: string
+  createBy?: string
+  createTime?: Record<string, unknown>
+  id?: string
+  name?: string
+  num?: number
+  numshow?: string
+  onlinclasshours?: string
+  pid?: string
+  requirement?: string
+  sysOrgCode?: string
+  totalclasshours?: string
+  updateBy?: string
+  updateTime?: Record<string, unknown>
+  zc?: string
+  ziyuan?: string
+  zywj?: string
+}
+
+// 响应接口
+export interface AddChapterRes {
+  code: number
+  data: boolean
+  message: string
+}
+
+/**
+ * 添加章节
+ * @param {object} params chapter
+ * @param {string} params.content 简介
+ * @param {string} params.courseid 课程
+ * @param {string} params.courseobjectivesid 课程目标
+ * @param {string} params.createBy 创建人
+ * @param {object} params.createTime 创建日期
+ * @param {string} params.id 主键
+ * @param {string} params.name 名称
+ * @param {number} params.num 序号
+ * @param {string} params.numshow 内部序号显示
+ * @param {string} params.onlinclasshours 线上学时
+ * @param {string} params.pid 父级节点
+ * @param {string} params.requirement 要求
+ * @param {string} params.sysOrgCode 所属部门
+ * @param {string} params.totalclasshours 总学时
+ * @param {string} params.updateBy 更新人
+ * @param {object} params.updateTime 更新日期
+ * @param {string} params.zc 周次
+ * @param {string} params.ziyuan 资源
+ * @param {string} params.zywj 资源文件
+ * @returns
+ */
+export function addChapterApi(
+  params: AddChapterParams,
+): Promise<AddChapterRes> {
+  return request.post(`/chapter/add`, params)
+}
+
+// 参数接口
+export interface UpdateChapterParams {
+  content?: string
+  courseid?: string
+  courseobjectivesid?: string
+  createBy?: string
+  createTime?: Record<string, unknown>
+  id?: string
+  name?: string
+  num?: number
+  numshow?: string
+  onlinclasshours?: string
+  pid?: string
+  requirement?: string
+  sysOrgCode?: string
+  totalclasshours?: string
+  updateBy?: string
+  updateTime?: Record<string, unknown>
+  zc?: string
+  ziyuan?: string
+  zywj?: string
+}
+
+// 响应接口
+export interface UpdateChapterRes {
+  code: number
+  data: boolean
+  message: string
+}
+
+/**
+ * 更新章节
+ * @param {object} params chapter
+ * @param {string} params.content 简介
+ * @param {string} params.courseid 课程
+ * @param {string} params.courseobjectivesid 课程目标
+ * @param {string} params.createBy 创建人
+ * @param {object} params.createTime 创建日期
+ * @param {string} params.id 主键
+ * @param {string} params.name 名称
+ * @param {number} params.num 序号
+ * @param {string} params.numshow 内部序号显示
+ * @param {string} params.onlinclasshours 线上学时
+ * @param {string} params.pid 父级节点
+ * @param {string} params.requirement 要求
+ * @param {string} params.sysOrgCode 所属部门
+ * @param {string} params.totalclasshours 总学时
+ * @param {string} params.updateBy 更新人
+ * @param {object} params.updateTime 更新日期
+ * @param {string} params.zc 周次
+ * @param {string} params.ziyuan 资源
+ * @param {string} params.zywj 资源文件
+ * @returns
+ */
+export function updateChapterApi(
+  params: UpdateChapterParams,
+): Promise<UpdateChapterRes> {
+  return request.put(`/chapter`, params)
+}
diff --git a/teaching_integration_platform_admin_template/src/api/stu.js b/teaching_integration_platform_admin_template/src/api/stu.js
new file mode 100644
index 0000000..909bc98
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/stu.js
@@ -0,0 +1,3 @@
+export const getStuService = (id) => {
+  return request.post('/api/coursesteacher/studentList?userId=' + id)
+}
diff --git a/teaching_integration_platform_admin_template/src/api/user/chapter.js b/teaching_integration_platform_admin_template/src/api/user/chapter.js
new file mode 100644
index 0000000..af516ec
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/chapter.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+// 获取课程章节列表
+export const getChaptersListApi = (params) => {
+  return request.get(`api/chapter2/chapter?courseId=${params.id}`)
+}
+// 添加课程章节
+export const addChaptersApi = (params) => request.post('api/chapter2/add', params)
+// 删除课程章节
+export const delChaptersApi = (id) => {
+  return request.delete(`api/chapter2/delete/${id}`)
+}
diff --git a/teaching_integration_platform_admin_template/src/api/user/crouse.js b/teaching_integration_platform_admin_template/src/api/user/crouse.js
new file mode 100644
index 0000000..93de97c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/crouse.js
@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+// 获取课程列表
+export const getCourseListApi = (params) => {
+  return request.get('/api/coursesteacher/page', {
+    params,
+  })
+}
+// 编辑课程
+export const editCourseApi = (params) => {
+  return request.put('/api/coursesteacher', params)
+}
+// 添加课程
+export const addCourseApi = (data) => {
+  return request.post(`/api/coursesteacher/addcourse`, data)
+}
+
+// 根据id获取课程详情
+export const getCourseDetailApi = (id) => {
+  return request.get(`/api/coursesteacher/${id}`)
+}
+
+// 删除课程
+export const deleteCourseApi = (id) => {
+  return request.delete(`/api/coursesteacher/${id}`)
+}
+// 获取课程id
+export const getCourseObjectApi = (id) => {
+  return request.get(`/api/course_objectives/list/${id}`)
+}
+// 获取教师列表
+export const getTeacherListApi = () => {
+  return request.get('/api/user/get_teacherinf_list')
+}
+
+export const fnNameGet = (params) => {
+  return request({
+    url: 'xxxxx',
+    method: 'get',
+    params,
+  })
+}
+export const getPageCourses = (data) => {
+  console.log(data.page)
+  console.log(data.pageSize)
+  // return request.get(`/courses/index`,data)
+  return request.get(
+    `/api/coursesteacher/index?page=${data.page}&pageSize=${data.pageSize}`,
+  )
+}
+// {id:1}
+// http://127.0.0.1/getlist?id=1
+// http://127.0.0.1/setuser  载荷 body
diff --git a/teaching_integration_platform_admin_template/src/api/user/index.ts b/teaching_integration_platform_admin_template/src/api/user/index.ts
index f8cb087..4b9a85e 100644
--- a/teaching_integration_platform_admin_template/src/api/user/index.ts
+++ b/teaching_integration_platform_admin_template/src/api/user/index.ts
@@ -3,11 +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/teaching_integration_platform_admin_template/src/api/user/messag.js b/teaching_integration_platform_admin_template/src/api/user/messag.js
new file mode 100644
index 0000000..6decfdb
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/messag.js
@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+// 获取发件箱信息列表
+export const getSendMessagesListApi = (params) => {
+    return request.get('/user-inbox/page/sendmessages', {
+        params,
+    })
+}
+// 获取收件箱信息列表
+export const getMessagesListApi = (params) => {
+    return request.get('/user-inbox/page/receivemessages', {
+        params,
+    })
+}
+//删除收件箱
+export const deleteSendMessageApi = (params) => {
+    return request.delete('/user-inbox/deletereceivemessage', {
+        params,
+    })
+}
+//一键已读
+function parseParams(params){
+    let str = '?'
+    try{
+        for (const paramsKey in params) {
+            str+=`${paramsKey}=${params[paramsKey]}&`
+        }
+        return str.slice(0,-1)
+    }catch (e) {
+        return ''
+    }
+}
+export const readMessagesBatch = (params) => {
+    return request.put(`/user-inbox/readmessagesbatch${parseParams(params)}`)
+}
+//发送邮件
+export const SendMessageApi = (data) => {
+    return request.post(`/messages/addmessage`,data)
+}
diff --git a/teaching_integration_platform_admin_template/src/api/user/news.js b/teaching_integration_platform_admin_template/src/api/user/news.js
new file mode 100644
index 0000000..634d1f3
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/news.js
@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+// 获取栏目信息列表
+export function queryCategory() {
+    return request.get(`/api/cms-category/query`);
+}
+//删除栏目
+export function deleteCategory(ids) {
+    return request.delete(`/api/cms-category/delete?ids=${ids}`);
+}
+//编辑栏目
+export function editStatus(params) {
+    return request.put(`/api/cms-category/edit/status`, params);
+}
+//添加栏目
+function parseParams(params){
+    let str = '?'
+    try{
+        for (const paramsKey in params) {
+            str+=`${paramsKey}=${params[paramsKey]}&`
+        }
+        return str.slice(0,-1)
+    }catch (e) {
+        return ''
+    }
+}
+export function addCategory(params) {
+    const str =  parseParams(params)
+    return request.post(`/api/cms-category/add${str}`);
+}
+//查询新闻文章
+export function queryEssay(category_id) {
+    return request.get(`/api/cms-essay/query?category_id=${category_id}`);
+}
+//添加新闻文章
+// export function addEssay(params){
+//     const str = parseParams(params)
+//     return request.post(`/api/cms-essay/add${str}`)
+// }
+export function addEssay(params) {
+    return request.post(`/api/cms-essay/add`, params);
+}
+//删除新闻
+export function deleteEssay(ids) {
+    return request.delete(`/api/cms-essay/delete?ids=${ids}`);
+}
+//修改新闻
+export function editEssay(params) {
+    return request.put(`/api/cms-essay/edit`, params);
+}
+//根据id查询关于我们文章
+export function queryEssayById(essay_id) {
+    return request.get(`/api/cms-essay/queryessaybyid?essay_id=${essay_id}`);
+}
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/api/user/object.js b/teaching_integration_platform_admin_template/src/api/user/object.js
new file mode 100644
index 0000000..d8e55d1
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/object.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+// 添加显示目标类型
+export const getObjectType = (id) => {
+  return request.get(`/api/course_objectives/objectiveslist/${id}`)
+}
+// 修改目标内容
+export const updateContents = (params) => {
+  return request.put(`/api/objective_contents/update`, params)
+}
+// 获取目标列表
+export const getObjectList = (params) => {
+  return request({
+    url: '/api/course_objectives/list/' + params.id,
+    params,
+  })
+}
+//  删除课程目标
+export const delObjectContents = (id) => {
+  return request.delete(`/api/objective_contents/${id}`)
+}
+// 添加课程目标
+export const addObjectContents = (params) => {
+  return request.post(`/api/objective_contents/addcontent`, params)
+}
+// 查询目标内容
+export const getObjectContent = (id) => {
+  return request.get(`/api/objective_contents/${id}`)
+}
diff --git a/teaching_integration_platform_admin_template/src/api/user/send.js b/teaching_integration_platform_admin_template/src/api/user/send.js
new file mode 100644
index 0000000..ee6b399
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/send.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+//发送消息
+export const sendMessagesApi = (params) => {
+    return request.post('/messages/addmessage', {
+        params,
+    })
+}
+//获取课程学生列表
+export function getUserInfByCourse(userId) {
+    return request.get(`/api/coursesteacher/page/courseusers?userId=${userId}`);
+}
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/api/user/stud.js b/teaching_integration_platform_admin_template/src/api/user/stud.js
new file mode 100644
index 0000000..e6cfde2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/stud.js
@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+//分页查询
+export const stuPageService = (params) => {
+  console.log(params, 'paramsshaibei')
+  return request.get(
+    `/api/studentManage/page?name=${params.name}&number=${params.number}&page=${params.page}&pageSize=${params.pagesize}&userId=${params.id}`,
+  )
+}
+//学号查询
+export const stuNumberService = (params) => {
+  // console.log(params, 'params')
+  return request.get(
+    `/api/studentManage/page?number=${params.number}&page=${params.page}&pageSize=${params.pagesize}&userId=${params.id}`,
+  )
+}
+//获取一行的学生信息
+export const stuListService = (id) => {
+  return request.get(`/api/studentManage/${id}`)
+}
+// export function getById(id) {
+//   return request.get(`/api/studentManage/${id}`);
+// }
+//修改
+export const updateStuService = (params) => {
+  return request.put(`/api/studentManage`, params)
+}
+//删除和批量删除学生
+export const delStuListService = (ids) => {
+  return request.delete(`/api/studentManage/batchDelete?ids=${ids}`)
+}
+//重置学生密码
+export const reStuPassService = (ids) => {
+  return request.put(`/api/studentManage/initialPassword?ids=${ids}`)
+}
+//重置状态
+export const changeStaService = (status, id) => {
+  return request.post(`/api/studentManage/status/${status}?id=${id}`)
+}
diff --git a/teaching_integration_platform_admin_template/src/api/user/user.js b/teaching_integration_platform_admin_template/src/api/user/user.js
new file mode 100644
index 0000000..aa12c86
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/api/user/user.js
@@ -0,0 +1,89 @@
+import request from '@/utils/request'
+//账号登录接口
+export const userLoginService = (loginData) => {
+  return request.post('/api/user/login', loginData, {
+    headers: { 'Content-Type': 'application/json;charset=UTF-8' },
+  })
+}
+//手机号登录接口
+export const userPhoneLoginService = (phones) => {
+  return request.post('/api/user/phone/login?phone=' + phones)
+}
+//账号注册接口
+export const userRegisterService = (jsonData) => {
+  return request.post('/api/user/register', jsonData, {
+    headers: { 'Content-Type': 'application/json;charset=UTF-8' },
+  })
+}
+//手机号注册接口
+export const userPhoneRegisterService = (jsonData) => {
+  return request.post('/api/user/phone/register', jsonData, {
+    headers: { 'Content-Type': 'application/json;charset=UTF-8' },
+  })
+}
+//手机号验证码请求
+export const userCodeRegisterService = (phoness) => {
+  return request.post('/api/user/code?phone=' + phoness)
+}
+
+//用户信息接口
+export const userGetInfoService = (token) =>
+  request.get('/api/user/info', {
+    headers: { Authorization: `Bearer ${token}` },
+  })
+//修改用户信息
+export const userChangeService = (params) => {
+  return request.post(`/api/user/update`, params)
+}
+//获取个人信息
+export const userIdenService = (id) => {
+  return request.post('/api/user/personal/info?id=' + id)
+}
+//修改个人信息
+export const userIdenChangeService = (params) => {
+  // return request.post('/api/user/update/PersonalInfo', params, {
+  //   headers: { 'Content-Type': 'application/json;charset=UTF-8' },
+  // })
+  return request.post(`/api/user/update/PersonalInfo`, params)
+}
+//修改密码
+export const userChangePasswordService = (dataToSend) => {
+  return request.post('/api/user/updatePassword', dataToSend)
+}
+
+//获取课程列表
+export const userLessonListService = (id) => {
+  return request.post('/api/courselearingrecord/courseList?userId=' + id)
+}
+//获取浏览量
+export const userLookService = () => {
+  return request.get('/api/report/receptionBrowse')
+}
+//获取图表
+export const userPicService = () => {
+  return request.get('/api/report/browseStatistics')
+}
+//获取学习最多的知识点
+export const userMaxKnowService = (id) => {
+  return request.post('/api/knowledgelearning/studyMaxKnowledge?userId=' + id)
+}
+//获取推荐课程
+export const userToplessonService = (userId) => {
+  return request.post(
+    `/api/courselearingrecord/recommendCourses?userId=${userId}`,
+  )
+}
+//获取推荐知识点
+export const userTopKnowService = (userId) => {
+  return request.post(
+    `/api/knowledgelearning/recommendKnowledge?userId=${userId}`,
+  )
+}
+//获取最新收藏的课程
+export const userNewLikeService = (id) => {
+  return request.post('/api/course_favour/newCollect?userId=' + id)
+}
+//获取学生列表
+export const userStudentListService = (id) => {
+  return request.post('/api/coursesteacher/studentList?userId=' + id)
+}
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/PPT文件.svg b/teaching_integration_platform_admin_template/src/assets/icons/PPT文件.svg
new file mode 100644
index 0000000..ed5d9de
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/PPT文件.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717496383924" class="icon" viewBox="0 0 1136 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12748" xmlns:xlink="http://www.w3.org/1999/xlink" width="35.5" height="32"><path d="M674.032008 1024L0 874.193082V149.806918L674.032008 0z m-594.734125-213.377388L594.734125 925.141972V99.122354L79.297883 213.377388zM1136.602994 915.097574h-409.70573v-806.195148h409.70573z m-330.407847-79.297884h251.109964v-647.59938h-251.109964z" p-id="12749" fill="#1296db"></path><path d="M726.897264 287.322664h264.326278v39.648942h-264.326278zM726.897264 423.913268h264.326278v39.648942h-264.326278zM726.897264 560.43779h264.326278v39.648942h-264.326278zM726.897264 697.028394h264.326278v39.648942h-264.326278zM178.420237 320.363449h79.297884v383.273102H178.420237z" p-id="12750" fill="#1296db"></path><path d="M495.611771 571.473412H178.420237v-251.109963h317.191534z m-237.89365-79.297883h158.595766v-92.514197H257.718121z" p-id="12751" fill="#1296db"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/audio.png b/teaching_integration_platform_admin_template/src/assets/icons/audio.png
new file mode 100644
index 0000000..755663c
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/audio.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/image.png b/teaching_integration_platform_admin_template/src/assets/icons/image.png
new file mode 100644
index 0000000..0b1059f
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/image.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/pdf (1).png b/teaching_integration_platform_admin_template/src/assets/icons/pdf (1).png
new file mode 100644
index 0000000..aa0a9e0
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/pdf (1).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/pdf.svg b/teaching_integration_platform_admin_template/src/assets/icons/pdf.svg
new file mode 100644
index 0000000..7f4e0fe
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/pdf.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717149275738" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12133" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M923.136 969.557333H193.024v-909.653333h521.386667l208.725333 207.701333z" fill="#7CCDFF" p-id="12134"></path><path d="M912.896 253.952l2.56 671.914667c0 15.530667-12.458667 27.989333-27.989333 27.989333H237.909333c-15.530667 0-27.989333-12.458667-27.989333-27.989333V96.938667c0-15.530667 12.458667-27.989333 27.989333-27.989334l493.397334-1.024-38.912-39.936H239.274667c-36.352 0-65.706667 29.354667-65.706667 65.706667v835.584c0 36.352 29.354667 65.706667 65.706667 65.706667h646.826666c36.352 0 65.706667-29.354667 65.706667-65.706667V293.888l-38.912-39.936z" fill="#4191FB" p-id="12135"></path><path d="M692.394667 222.72c0 39.424 31.914667 71.338667 71.338666 71.338667h188.245334L692.394667 27.989333v194.730667z" fill="#C7E2FF" p-id="12136"></path><path d="M557.568 482.304H158.72c-50.346667 0-91.136-40.789333-91.136-91.136v-60.245333c0-50.346667 40.789333-91.136 91.136-91.136h398.848c50.346667 0 91.136 40.789333 91.136 91.136v60.245333c0 50.346667-40.789333 91.136-91.136 91.136z" fill="#4191FB" p-id="12137"></path><path d="M122.026667 287.573333h80.042666c17.408 0 30.549333 4.096 39.082667 12.458667 8.704 8.362667 12.970667 20.138667 12.970667 35.328 0 15.701333-4.778667 27.989333-14.165334 36.864-9.386667 8.874667-23.893333 13.312-43.349333 13.312H170.496v57.856H122.026667v-155.818667z m48.469333 66.389334h11.776c9.216 0 15.872-1.536 19.626667-4.778667 3.754667-3.242667 5.632-7.338667 5.632-12.458667 0-4.949333-1.706667-9.045333-4.949334-12.458666s-9.386667-5.12-18.432-5.12h-13.653333v34.816zM280.064 287.573333H351.573333c14.165333 0 25.429333 1.877333 34.133334 5.802667 8.704 3.754667 15.872 9.386667 21.504 16.384 5.632 7.168 9.728 15.530667 12.288 24.917333 2.56 9.557333 3.754667 19.626667 3.754666 30.208 0 16.725333-1.877333 29.525333-5.632 38.741334s-9.045333 16.896-15.701333 23.04-13.994667 10.24-21.674667 12.458666c-10.581333 2.901333-20.138667 4.266667-28.672 4.266667h-71.509333v-155.818667z m48.128 35.328V407.893333h11.776c10.069333 0 17.237333-1.194667 21.504-3.413333s7.509333-6.144 10.069333-11.605333c2.389333-5.632 3.584-14.506667 3.584-26.965334 0-16.554667-2.730667-27.818667-8.021333-33.962666-5.461333-6.144-14.336-9.216-26.794667-9.216l-12.117333 0.170666zM448.853333 287.573333h118.954667v33.450667h-70.656V348.16h60.416v31.402667h-60.416v63.658666H448.853333v-155.648z" fill="#FFFFFF" p-id="12138"></path><path d="M590.677333 470.016c-1.365333 0.682667-3.242667 1.194667-0.853333 0.682667-2.56 0.512-2.218667 0.853333-4.949333 0 2.048 0.512-3.584-2.048-0.853334-0.512 2.56 1.536-1.877333-2.218667-0.512-0.341334 0.170667 0.170667 1.365333 1.706667 1.706667 1.706667-0.853333 0-2.048-3.072-0.341333-0.341333 1.194667 1.877333 2.218667 3.925333 3.242666 5.973333 1.365333 2.56-1.024-2.56 0 0.170667 0.341333 1.024 0.853333 2.048 1.194667 3.072 0.853333 2.389333 1.706667 4.778667 2.389333 7.338666 1.194667 4.266667 2.218667 8.533333 3.072 12.970667 0.170667 1.194667 0.512 2.218667 0.682667 3.413333-0.341333-2.218667 0.170667 1.706667 0.170667 2.389334 0.341333 3.754667 0.341333 7.68 0.170666 11.434666 0 1.706667-0.170667 3.242667-0.341333 4.949334 0 0.682667-0.512 4.608-0.170667 2.389333-0.512 3.584-1.194667 6.997333-1.877333 10.581333-2.901333 13.482667-7.168 26.453333-11.946667 39.253334-1.194667 3.072-2.389333 6.314667-3.754666 9.386666 0 0-1.024 2.389333-0.341334 1.024 0.512-1.365333-0.512 1.024-0.512 1.024-0.682667 1.706667-1.536 3.413333-2.218666 4.949334-2.730667 6.144-5.632 12.288-8.704 18.261333-6.144 12.117333-12.629333 24.064-19.456 35.669333-12.970667 22.357333-26.453333 44.373333-40.618667 66.048-6.997333 10.752-14.165333 21.333333-21.674667 31.744-3.754667 5.12-7.509333 10.410667-11.264 15.36-0.853333 1.194667-1.706667 2.389333-2.730666 3.584l-0.512 0.682667c1.024-1.194667-0.512 0.682667-0.512 0.682667-2.048 2.730667-4.266667 5.461333-6.314667 8.021333-15.872 19.456-32.938667 38.058667-51.541333 54.784-4.778667 4.266667-9.557333 8.362667-14.506667 12.288-1.365333 1.024-2.730667 2.218667-4.096 3.242667l-0.682667 0.512c1.194667-1.024-0.682667 0.512-0.682666 0.512-2.56 1.877333-5.12 3.754667-7.850667 5.632-2.730667 1.877333-5.461333 3.584-8.192 5.12-1.365333 0.682667-2.56 1.365333-3.925333 2.048l-2.048 1.024c-0.170667 0.170667-2.901333 1.194667-1.536 0.682666 1.536-0.682667-0.682667 0.341333-0.853334 0.341334-0.682667 0.170667-1.365333 0.512-2.048 0.682666-1.536 0.512-3.242667 1.024-4.778666 1.365334-1.365333 0.341333-2.730667 0.682667-4.266667 0.853333 2.901333-0.341333-1.365333 0-2.218667 0-1.365333 0-2.901333-0.170667-4.266666-0.170667-1.877333 0 0.512 0 0.682666 0.170667-0.682667-0.170667-1.194667-0.341333-1.877333-0.341333-0.682667-0.170667-1.194667-0.341333-1.877333-0.512 2.901333 0.853333 1.024 0.512 0.341333 0 0.512 0.341333 1.024 1.194667 1.536 1.536 1.706667 1.194667-1.194667-1.536 0 0.170666 0.853333 1.365333-0.341333-1.706667-0.682667-2.389333-0.512-1.706667 0.170667 0.512 0.170667 0.853333 0-0.682667 0-1.365333-0.170667-2.048 0-1.024 0.682667-5.12 0-1.877333 0.341333-1.536 0.682667-3.072 1.194667-4.608 0.170667-0.682667 0.512-1.194667 0.682667-1.877333-0.170667 0.341333-1.024 2.048-0.170667 0.682666 0.682667-1.194667 1.194667-2.389333 1.877333-3.584 0.341333-0.512 2.389333-3.413333 1.536-2.389333-1.024 1.365333 0.341333-0.512 0.512-0.512 0.682667-0.853333 1.536-1.706667 2.389334-2.56 1.024-1.024 2.048-1.877333 3.072-2.730667 1.194667-1.194667-0.170667 0-0.341334 0.170667 0.512-0.512 1.194667-0.853333 1.706667-1.194667 2.730667-1.877333 5.632-3.584 8.704-5.12 1.365333-0.682667 2.56-1.194667 3.925333-1.877333 1.706667-0.682667-0.170667 0-0.341333 0.170667 0.682667-0.341333 1.365333-0.512 2.048-0.853334 2.901333-1.194667 5.973333-2.218667 9.045333-3.072 6.485333-2.048 12.970667-3.925333 19.626667-5.632 13.653333-3.754667 27.477333-6.997333 41.301333-9.898666 13.824-2.901333 27.818667-5.290667 41.813334-7.509334 3.242667-0.512 6.485333-1.024 9.728-1.365333 0 0 2.730667-0.341333 1.194666-0.170667-1.706667 0.170667 1.706667-0.170667 2.048-0.341333 1.877333-0.170667 3.754667-0.512 5.632-0.682667 6.997333-0.853333 14.165333-1.706667 21.162667-2.389333 56.32-5.632 113.152-5.973333 169.813333-3.413333 6.997333 0.341333 13.994667 0.682667 20.992 1.194666 3.072 0.170667 6.314667 0.512 9.386667 0.682667 1.536 0.170667 3.072 0.341333 4.778667 0.512 1.877333 0.170667 0.170667 0-0.170667 0 1.365333 0.170667 2.56 0.341333 3.925333 0.682667 6.485333 1.194667 12.8 2.730667 18.944 5.12 2.730667 1.024 0.341333 0.170667-0.170666-0.170667 0.512 0.341333 1.194667 0.512 1.706666 0.853333 1.194667 0.512 2.389333 1.194667 3.413334 1.706667 2.389333 1.365333 4.778667 2.901333 7.168 4.437333 0.170667 0.170667 1.877333 1.536 0.512 0.341334-1.536-1.194667 0.512 0.512 0.853333 0.853333 1.024 0.853333 1.877333 1.706667 2.730667 2.56s1.706667 1.877333 2.56 2.730667c0.341333 0.512 0.853333 1.024 1.194666 1.536-0.853333-1.024-1.024-1.365333-0.170666 0 0.682667 1.024 1.365333 2.048 2.048 3.242666 0.341333 0.512 2.048 4.437333 1.365333 2.730667-0.682667-1.706667 0.512 1.706667 0.682667 2.218667s1.194667 3.754667 0.853333 4.096c-0.170667 0.170667-0.170667-3.072-0.170667-1.194667v1.877333c0 0.682667-0.512 4.778667 0 2.730667 0.512-2.048-0.512 1.365333-0.682666 2.048-0.170667 0.512-0.341333 1.024-0.512 1.706667 0.341333-1.024 1.024-2.218667 0.170666-0.512-1.194667 2.389333 1.706667-1.365333-0.341333 0.512l-1.194667 1.194666c-1.024 1.194667 0.512-0.512 0.682667-0.512-0.682667 0.341333-1.536 0.853333-2.218667 1.194667 0.341333-0.170667 2.389333-0.682667 0.853334-0.512-0.512 0-1.365333 0.341333-1.706667 0.512 1.024-0.341333 2.389333-0.170667 0.512-0.170667-1.194667 0-2.56-0.170667-3.754667 0 0.170667 0 2.730667 0.512 0.853334 0.170667-0.682667-0.170667-1.365333-0.170667-1.877334-0.341333-1.536-0.341333-3.072-0.853333-4.437333-1.194667-1.024-0.341333-4.608-1.877333-1.877333-0.682667-5.461333-2.56-10.581333-5.632-15.701334-8.874666-2.389333-1.536-4.778667-3.072-6.997333-4.778667-1.194667-0.853333-2.218667-1.706667-3.413333-2.56 0.170667 0.170667 1.706667 1.365333 0.341333 0.341333-0.853333-0.682667-1.877333-1.536-2.730667-2.218666-4.608-3.754667-8.874667-7.68-13.141333-11.776-8.874667-8.533333-17.066667-17.92-24.746667-27.648-0.512-0.512-0.853333-1.194667-1.365333-1.706667 0-0.170667-1.536-2.048-0.512-0.682667 1.024 1.365333-0.682667-1.024-1.024-1.194666-0.512-0.512-0.853333-1.194667-1.365333-1.706667-1.877333-2.56-3.754667-4.949333-5.461334-7.509333-3.584-5.12-7.168-10.24-10.581333-15.36-15.701333-23.210667-30.378667-47.104-44.373333-71.338667-13.824-23.893333-27.477333-47.957333-38.741334-73.216-0.682667-1.365333-1.194667-2.901333-1.877333-4.266667 1.024 2.218667-0.853333-2.218667-1.194667-2.730666-1.194667-3.072-2.56-6.314667-3.584-9.386667-2.218667-6.314667-4.437333-12.8-6.144-19.285333s-3.242667-13.141333-4.266666-19.797334c-0.170667-0.512-0.170667-1.194667-0.170667-1.706666-0.341333-1.706667 0.170667 1.194667 0.170667 1.365333 0.170667-0.853333-0.341333-2.56-0.341334-3.413333-0.341333-2.730667-0.512-5.632-0.512-8.362667-0.170667-5.290667-0.170667-10.752 0-16.042667 0.170667-2.56 0.341333-4.949333 0.512-7.509333 0.170667-1.194667 0.170667-2.56 0.341334-3.754667 0-0.682667 0.170667-1.194667 0.170666-1.877333 0.341333-2.389333-0.682667 3.754667 0-0.170667 0.853333-4.949333 1.706667-9.898667 2.901334-14.677333l2.048-7.168 1.024-3.072c0.170667-0.682667 1.706667-4.266667 0.853333-2.048-1.024 2.218667 0.682667-1.536 0.853333-1.877333 0.512-0.853333 0.853333-1.706667 1.365334-2.56 0.853333-1.706667 1.877333-3.242667 2.901333-4.778667 0.170667-0.341333 0.512-0.682667 0.853333-1.024 0.853333-1.365333-1.024 1.536-1.024 1.365333 0-0.512 1.706667-1.877333 2.048-2.218666l1.706667-1.706667c2.048-3.072-2.56 0.853333-0.682667-0.512 6.656-4.608 10.410667-13.824 5.632-21.333333-4.266667-6.656-13.994667-10.410667-21.333333-5.632-18.602667 12.629333-26.112 36.352-29.525333 57.685333-4.096 26.282667-3.072 52.394667 3.925333 78.336 7.850667 29.184 21.504 56.661333 36.010667 83.285333 14.848 27.477333 30.72 54.442667 47.445333 80.725334 15.189333 24.064 31.061333 47.786667 49.834667 69.461333 8.704 10.069333 18.090667 19.456 28.16 27.818667 10.752 8.874667 22.528 17.749333 35.328 23.552 14.336 6.485333 31.232 9.898667 45.397333 1.024 14.506667-9.045333 18.944-26.112 16.384-42.154667-4.437333-29.184-33.792-47.786667-60.416-53.589333-15.36-3.413333-31.061333-4.096-46.762667-4.949334-15.36-0.682667-30.549333-1.365333-45.909333-1.536-31.232-0.512-62.464-0.170667-93.525333 1.877334-61.781333 3.754667-123.904 12.970667-183.296 30.72-14.848 4.437333-29.354667 10.24-41.301334 20.309333-11.776 9.898667-19.626667 24.576-20.309333 39.936-0.341333 7.68 1.365333 16.213333 5.973333 22.528 6.144 8.533333 15.189333 11.946667 25.258667 13.141333 15.189333 1.706667 30.549333-3.754667 43.690667-11.264 12.8-7.338667 24.405333-17.066667 35.669333-26.624 10.410667-8.874667 20.309333-18.261333 29.696-28.16 19.626667-20.48 37.376-43.008 53.930667-66.048 16.213333-22.528 31.061333-46.08 45.568-69.632 15.189333-25.088 30.208-50.346667 42.666666-76.970666 13.141333-28.330667 25.088-58.709333 27.818667-89.941334 1.194667-13.482667-0.682667-26.965333-4.096-40.106666-2.901333-10.752-6.656-21.845333-13.482667-30.549334-3.754667-4.949333-8.362667-8.704-14.336-10.752-6.656-2.218667-13.312-0.682667-19.456 2.048-7.338667 3.413333-9.728 14.677333-5.632 21.333334 4.778667 7.509333 13.141333 9.045333 20.992 5.461333z" fill="#4191FB" p-id="12139"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/ppt (1).png b/teaching_integration_platform_admin_template/src/assets/icons/ppt (1).png
new file mode 100644
index 0000000..5aa1287
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/ppt (1).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/ppt (2).png b/teaching_integration_platform_admin_template/src/assets/icons/ppt (2).png
new file mode 100644
index 0000000..2a25d8a
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/ppt (2).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/ppt 内容图标.svg b/teaching_integration_platform_admin_template/src/assets/icons/ppt 内容图标.svg
new file mode 100644
index 0000000..0cc80a2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/ppt 内容图标.svg	
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717149223148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11088" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M923.136 969.557333H193.024v-909.653333h521.386667l208.725333 207.701333z" fill="#7CCDFF" p-id="11089"></path><path d="M912.896 253.952l2.56 671.914667c0 15.530667-12.458667 27.989333-27.989333 27.989333H237.909333c-15.530667 0-27.989333-12.458667-27.989333-27.989333V96.938667c0-15.530667 12.458667-27.989333 27.989333-27.989334l493.397334-1.024-38.912-39.936H239.274667c-36.352 0-65.706667 29.354667-65.706667 65.706667v835.584c0 36.352 29.354667 65.706667 65.706667 65.706667h646.826666c36.352 0 65.706667-29.354667 65.706667-65.706667V293.888l-38.912-39.936z" fill="#4191FB" p-id="11090"></path><path d="M692.394667 222.72c0 39.424 31.914667 71.338667 71.338666 71.338667h188.245334L692.394667 27.989333v194.730667z" fill="#C7E2FF" p-id="11091"></path><path d="M557.568 482.304H158.72c-50.346667 0-91.136-40.789333-91.136-91.136v-60.245333c0-50.346667 40.789333-91.136 91.136-91.136h398.848c50.346667 0 91.136 40.789333 91.136 91.136v60.245333c0 50.346667-40.789333 91.136-91.136 91.136z" fill="#4191FB" p-id="11092"></path><path d="M135.168 287.573333h80.042667c17.408 0 30.549333 4.096 39.082666 12.458667 8.704 8.362667 12.970667 20.138667 12.970667 35.328 0 15.701333-4.778667 27.989333-14.165333 36.864-9.386667 8.874667-23.893333 13.312-43.349334 13.312h-26.282666v57.856H135.168v-155.818667z m48.298667 66.389334h11.776c9.216 0 15.872-1.536 19.626666-4.778667 3.754667-3.242667 5.632-7.338667 5.632-12.458667 0-4.949333-1.706667-9.045333-4.949333-12.458666s-9.386667-5.12-18.432-5.12h-13.653333v34.816zM292.181333 287.573333h80.042667c17.408 0 30.549333 4.096 39.082667 12.458667 8.704 8.362667 12.970667 20.138667 12.970666 35.328 0 15.701333-4.778667 27.989333-14.165333 36.864-9.386667 8.874667-23.893333 13.312-43.349333 13.312h-26.282667v57.856h-48.298667v-155.818667z m48.469334 66.389334h11.776c9.216 0 15.872-1.536 19.626666-4.778667 3.754667-3.242667 5.632-7.338667 5.632-12.458667 0-4.949333-1.706667-9.045333-4.949333-12.458666s-9.386667-5.12-18.432-5.12h-13.653333v34.816zM438.613333 287.573333h146.261334V325.973333H535.893333v117.248h-48.128V325.973333H438.613333v-38.4z" fill="#FFFFFF" p-id="11093"></path><path d="M548.522667 562.688c-87.210667 0-158.037333 70.656-158.037334 158.037333s70.656 158.037333 158.037334 158.037334c87.210667 0 158.037333-70.656 158.037333-158.037334h-158.037333v-158.037333z" fill="#4191FB" p-id="11094"></path><path d="M583.68 527.36v158.037333h158.037333c0-87.210667-70.826667-158.037333-158.037333-158.037333z" fill="#4191FB" p-id="11095"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/ppt.png b/teaching_integration_platform_admin_template/src/assets/icons/ppt.png
new file mode 100644
index 0000000..1f19cd5
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/ppt.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/ppt.svg b/teaching_integration_platform_admin_template/src/assets/icons/ppt.svg
new file mode 100644
index 0000000..bfbe121
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/ppt.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717062811098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3731" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M923.136 969.557333H193.024v-909.653333h521.386667l208.725333 207.701333z" fill="#7CCDFF" p-id="3732"></path><path d="M912.896 253.952l2.56 671.914667c0 15.530667-12.458667 27.989333-27.989333 27.989333H237.909333c-15.530667 0-27.989333-12.458667-27.989333-27.989333V96.938667c0-15.530667 12.458667-27.989333 27.989333-27.989334l493.397334-1.024-38.912-39.936H239.274667c-36.352 0-65.706667 29.354667-65.706667 65.706667v835.584c0 36.352 29.354667 65.706667 65.706667 65.706667h646.826666c36.352 0 65.706667-29.354667 65.706667-65.706667V293.888l-38.912-39.936z" fill="#4191FB" p-id="3733" data-spm-anchor-id="a313x.search_index.0.i3.2afa3a81EN0Hhm"></path><path d="M692.394667 222.72c0 39.424 31.914667 71.338667 71.338666 71.338667h188.245334L692.394667 27.989333v194.730667z" fill="#C7E2FF" p-id="3734"></path><path d="M557.568 482.304H158.72c-50.346667 0-91.136-40.789333-91.136-91.136v-60.245333c0-50.346667 40.789333-91.136 91.136-91.136h398.848c50.346667 0 91.136 40.789333 91.136 91.136v60.245333c0 50.346667-40.789333 91.136-91.136 91.136z" fill="#4191FB" p-id="3735" data-spm-anchor-id="a313x.search_index.0.i2.2afa3a81EN0Hhm" class="selected"></path><path d="M135.168 287.573333h80.042667c17.408 0 30.549333 4.096 39.082666 12.458667 8.704 8.362667 12.970667 20.138667 12.970667 35.328 0 15.701333-4.778667 27.989333-14.165333 36.864-9.386667 8.874667-23.893333 13.312-43.349334 13.312h-26.282666v57.856H135.168v-155.818667z m48.298667 66.389334h11.776c9.216 0 15.872-1.536 19.626666-4.778667 3.754667-3.242667 5.632-7.338667 5.632-12.458667 0-4.949333-1.706667-9.045333-4.949333-12.458666s-9.386667-5.12-18.432-5.12h-13.653333v34.816zM292.181333 287.573333h80.042667c17.408 0 30.549333 4.096 39.082667 12.458667 8.704 8.362667 12.970667 20.138667 12.970666 35.328 0 15.701333-4.778667 27.989333-14.165333 36.864-9.386667 8.874667-23.893333 13.312-43.349333 13.312h-26.282667v57.856h-48.298667v-155.818667z m48.469334 66.389334h11.776c9.216 0 15.872-1.536 19.626666-4.778667 3.754667-3.242667 5.632-7.338667 5.632-12.458667 0-4.949333-1.706667-9.045333-4.949333-12.458666s-9.386667-5.12-18.432-5.12h-13.653333v34.816zM438.613333 287.573333h146.261334V325.973333H535.893333v117.248h-48.128V325.973333H438.613333v-38.4z" fill="#FFFFFF" p-id="3736"></path><path d="M548.522667 562.688c-87.210667 0-158.037333 70.656-158.037334 158.037333s70.656 158.037333 158.037334 158.037334c87.210667 0 158.037333-70.656 158.037333-158.037334h-158.037333v-158.037333z" fill="#4191FB" p-id="3737"></path><path d="M583.68 527.36v158.037333h158.037333c0-87.210667-70.826667-158.037333-158.037333-158.037333z" fill="#4191FB" p-id="3738"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/test.png b/teaching_integration_platform_admin_template/src/assets/icons/test.png
new file mode 100644
index 0000000..6ff4b18
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/test.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/video.png b/teaching_integration_platform_admin_template/src/assets/icons/video.png
new file mode 100644
index 0000000..8819a39
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/video.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/博士帽.svg b/teaching_integration_platform_admin_template/src/assets/icons/博士帽.svg
new file mode 100644
index 0000000..3cd4051
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/博士帽.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716622721837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2719" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M865.92 420.48h50.346667v161.28h-50.346667z" fill="#FF354A" p-id="2720"></path><path d="M876.16 627.84l-32.853333-32.853333a21.248 21.248 0 0 1 0-30.08l32.853333-32.853334a21.248 21.248 0 0 1 30.08 0l32.853333 32.853334c8.32 8.32 8.32 21.76 0 30.08l-32.853333 32.853333a21.248 21.248 0 0 1-30.08 0z" fill="#FF354A" p-id="2721"></path><path d="M744.96 809.173333l-83.2 37.76a377.898667 377.898667 0 0 1-312.96 0l-83.2-37.76a64.021333 64.021333 0 0 1-37.546667-58.24V363.52h554.453334v387.2c0 25.173333-14.72 48-37.546667 58.453333z" fill="#FCCA1E" p-id="2722"></path><path d="M895.36 440.32l-331.306667 165.333333c-37.12 18.56-80.64 18.56-117.546666 0L114.986667 440.32c-48.64-24.32-48.64-93.653333 0-117.973333l331.306666-165.333334c37.12-18.56 80.64-18.56 117.546667 0l331.306667 165.333334c48.853333 24.32 48.853333 93.653333 0.213333 117.973333z" fill="#2953FF" p-id="2723"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/文本.png b/teaching_integration_platform_admin_template/src/assets/icons/文本.png
new file mode 100644
index 0000000..240fa50
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/文本.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/文本.svg b/teaching_integration_platform_admin_template/src/assets/icons/文本.svg
new file mode 100644
index 0000000..9f7ecac
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/文本.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717062926867" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2329" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M896 928H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32zM160 864h704V160H160z" fill="#4A8BFE" p-id="2330"></path><path d="M768 288H256a32 32 0 0 1 0-64h512a32 32 0 0 1 0 64z" fill="#4A8BFE" p-id="2331"></path><path d="M512 800a32 32 0 0 1-32-32V256a32 32 0 0 1 64 0v512a32 32 0 0 1-32 32z" fill="#4A8BFE" p-id="2332"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/文本1.png b/teaching_integration_platform_admin_template/src/assets/icons/文本1.png
new file mode 100644
index 0000000..56043d1
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/文本1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/更多.svg b/teaching_integration_platform_admin_template/src/assets/icons/更多.svg
new file mode 100644
index 0000000..1381ce6
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/更多.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717572662842" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28594" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 298.6496a85.3504 85.3504 0 1 0 0-170.6496 85.3504 85.3504 0 0 0 0 170.6496z" fill="#5A5A68" p-id="28595"></path><path d="M512 512m-85.3504 0a85.3504 85.3504 0 1 0 170.7008 0 85.3504 85.3504 0 1 0-170.7008 0Z" fill="#5A5A68" p-id="28596"></path><path d="M512 896a85.3504 85.3504 0 1 0 0-170.7008 85.3504 85.3504 0 0 0 0 170.7008z" fill="#5A5A68" p-id="28597"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/案例.svg b/teaching_integration_platform_admin_template/src/assets/icons/案例.svg
new file mode 100644
index 0000000..93a47f4
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/案例.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623502952" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="37364" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M761.1 465.5H289.7c-17.4 0-31.4-14.1-31.4-31.4s14.1-31.4 31.4-31.4h471.5c17.4 0 31.4 14.1 31.4 31.4s-14.1 31.4-31.5 31.4zM642.9 619.2H289.7c-17.4 0-31.4-14.1-31.4-31.4s14.1-31.4 31.4-31.4h353.2c17.4 0 31.4 14.1 31.4 31.4s-14.1 31.4-31.4 31.4zM524.9 786.8H289.7c-17.4 0-31.4-14.1-31.4-31.4s14.1-31.4 31.4-31.4h235.2c17.4 0 31.4 14.1 31.4 31.4s-14 31.4-31.4 31.4z" fill="#0052FF" p-id="37365"></path><path d="M702 194.8c0-97.8-79.3-99-177.1-99s-177.1 1.2-177.1 99v62.9H702v-62.9z" fill="#0052FF" p-id="37366"></path><path d="M860.2 159.3H729.7c-19.8-94.7-121.3-95-204.8-95-83.5 0-185.1 0.3-204.9 95H166c-28.9 0-52.4 23.5-52.4 52.4v695.5c0 28.9 23.5 52.4 52.4 52.4h694.1c28.9 0 52.4-23.5 52.4-52.4V211.7c0-28.9-23.4-52.4-52.3-52.4z m-481 35.5c0-59.2 31-67.6 145.7-67.6 114.6 0 145.7 8.4 145.7 67.6v31.4H379.2v-31.4z m470.5 701.9H176.6V222.2h139.8V289h417.1v-66.9h116.2v674.6z" fill="#0052FF" p-id="37367"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/测试.svg b/teaching_integration_platform_admin_template/src/assets/icons/测试.svg
new file mode 100644
index 0000000..c994e3c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/测试.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623525515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38462" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M191.41 804.42h666.84v53.47H191.41zM915.23 713h-781a27.93 27.93 0 0 1-27.9-27.9V181.19a27.93 27.93 0 0 1 27.9-27.9h781a27.93 27.93 0 0 1 27.9 27.9v503.93a27.93 27.93 0 0 1-27.9 27.88z m-755.4-53.47h729.84V206.76H159.83z" p-id="38463" fill="#0052FF"></path><path d="M438.86 532.76l-101.42-99.58 101.23-107.27 19.44 18.34-83.23 88.22 82.71 81.21-18.73 19.08zM610.66 532.39l-19.44-18.35 83.24-88.21-82.72-81.21 18.73-19.08 101.42 99.58-101.23 107.27zM485.71 533.518l51.957-208.854 25.94 6.453-51.958 208.854z" p-id="38464" fill="#0052FF"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/知识点.svg b/teaching_integration_platform_admin_template/src/assets/icons/知识点.svg
new file mode 100644
index 0000000..8fa2be9
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/知识点.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716622925767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14391" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M208 246.4h732.8v630.4H208V246.4z" fill="#BADEFA" p-id="14392"></path><path d="M659.2 67.2C601.6 67.2 544 96 512 144c-32-44.8-89.6-76.8-147.2-76.8H105.6C64 67.2 32 102.4 32 144v675.2c0 41.6 32 73.6 73.6 73.6h265.6c35.2 35.2 89.6 64 140.8 64 51.2 0 102.4-28.8 137.6-64h268.8c41.6 0 73.6-32 73.6-73.6V144c0-41.6-32-76.8-73.6-76.8H659.2z m256 748.8c-6.4 6.4-25.6 6.4-25.6 6.4h-256c-9.6 0-19.2 6.4-28.8 12.8-22.4 28.8-54.4 41.6-89.6 41.6-35.2 0-67.2-16-89.6-41.6-6.4-6.4-19.2-12.8-28.8-12.8H134.4s-16 3.2-25.6-6.4c-9.6-9.6-9.6-28.8-9.6-28.8V176s3.2-19.2 9.6-25.6c6.4-6.4 25.6-9.6 25.6-9.6h227.2c60.8 0 112 51.2 112 112v316.8c0 19.2 19.2 38.4 38.4 38.4s38.4-19.2 38.4-38.4v-320c0-60.8 51.2-112 112-112h227.2s19.2 0 25.6 9.6c6.4 9.6 9.6 25.6 9.6 25.6v617.6s0 19.2-9.6 25.6z" fill="#2095F3" p-id="14393"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/简介.svg b/teaching_integration_platform_admin_template/src/assets/icons/简介.svg
new file mode 100644
index 0000000..7b626e0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/简介.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717062723385" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2642" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M782.933333 938.666667H241.066667c-76.8 0-138.666667-61.866667-138.666667-138.666667v-576C102.4 147.2 164.266667 85.333333 241.066667 85.333333h541.866666c76.8 0 138.666667 61.866667 138.666667 138.666667v576c0 76.8-61.866667 138.666667-138.666667 138.666667zM241.066667 149.333333c-40.533333 0-74.666667 34.133333-74.666667 74.666667v576c0 40.533333 34.133333 74.666667 74.666667 74.666667h541.866666c40.533333 0 74.666667-34.133333 74.666667-74.666667v-576c0-40.533333-34.133333-74.666667-74.666667-74.666667H241.066667z" fill="#0000FF" p-id="2643"></path><path d="M716.8 362.666667H307.2c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h409.6c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32zM631.466667 544H307.2c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h324.266667c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32zM537.6 725.333333H307.2c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h230.4c17.066667 0 32 14.933333 32 32S554.666667 725.333333 537.6 725.333333z" fill="#0000FF" p-id="2644"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/视频.png b/teaching_integration_platform_admin_template/src/assets/icons/视频.png
new file mode 100644
index 0000000..563680f
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/视频.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/视频.svg b/teaching_integration_platform_admin_template/src/assets/icons/视频.svg
new file mode 100644
index 0000000..a566bb5
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/视频.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717062860487" class="icon" viewBox="0 0 1241 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4769" xmlns:xlink="http://www.w3.org/1999/xlink" width="242.3828125" height="200"><path d="M193.84646453 62h872.72727276c60.00000029 0 109.09090898 49.09090869 109.09090899 109.09090898v681.81818204c0 60.00000029-49.09090869 109.09090898-109.09090899 109.09090898H193.84646453c-60.00000029 0-109.09090898-49.09090869-109.09090898-109.09090898V171.09090898c0-60.00000029 49.09090869-109.09090898 109.09090898-109.09090898z" fill="#2F77F1" p-id="4770"></path><path d="M84.75555555 225.63636348h1090.90909072v54.54545449H84.75555555v-54.5454545z m673.63636377 340.90909101c9.5454545 5.4545458 15.00000029 16.36363653 15.0000003 27.27272725s-5.4545458 21.81818145-15.0000003 27.27272724L589.30101004 726.09090928c-9.5454545 5.4545458-21.81818145 5.4545458-31.36363594-1e-8-9.5454545-5.4545458-16.36363653-16.36363653-15.00000029-27.27272724V490.18181855c0-10.90909073 5.4545458-21.81818145 15.00000029-27.27272724 9.5454545-5.4545458 21.81818145-5.4545458 31.36363594 0L758.39191932 566.54545449z" fill="#AFFCFE" p-id="4771"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/课程简介.svg b/teaching_integration_platform_admin_template/src/assets/icons/课程简介.svg
new file mode 100644
index 0000000..207c4f8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/课程简介.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717496200351" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7767" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M865.67 927.64H158.02c-33.08 0-60-26.92-60-60V159.99c0-33.08 26.92-60 60-60h707.65c33.08 0 60 26.92 60 60v707.65c0 33.08-26.92 60-60 60zM158.02 159.99v707.65H865.71l-0.04-707.65H158.02z" p-id="7768" fill="#1296db"></path><path d="M730.33 353.22H293.36c-16.57 0-30-13.43-30-30s13.43-30 30-30h436.97c16.57 0 30 13.43 30 30s-13.43 30-30 30zM730.33 546.29H293.36c-16.57 0-30-13.43-30-30s13.43-30 30-30h436.97c16.57 0 30 13.43 30 30s-13.43 30-30 30zM730.33 739.35H293.36c-16.57 0-30-13.43-30-30s13.43-30 30-30h436.97c16.57 0 30 13.43 30 30s-13.43 30-30 30z" p-id="7769" fill="#1296db"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/软件1.png b/teaching_integration_platform_admin_template/src/assets/icons/软件1.png
new file mode 100644
index 0000000..e29fb67
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/软件1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/音乐.png b/teaching_integration_platform_admin_template/src/assets/icons/音乐.png
new file mode 100644
index 0000000..d7c983a
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/音乐.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/音频.png b/teaching_integration_platform_admin_template/src/assets/icons/音频.png
new file mode 100644
index 0000000..5c07da3
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/icons/音频.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/icons/音频.svg b/teaching_integration_platform_admin_template/src/assets/icons/音频.svg
new file mode 100644
index 0000000..156ef38
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/assets/icons/音频.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717150947553" class="icon" viewBox="0 0 1210 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24415" xmlns:xlink="http://www.w3.org/1999/xlink" width="236.328125" height="200"><path d="M186.181818 0h837.818182a186.181818 186.181818 0 0 1 186.181818 186.181818v651.636364a186.181818 186.181818 0 0 1-186.181818 186.181818H186.181818a186.181818 186.181818 0 0 1-186.181818-186.181818V186.181818a186.181818 186.181818 0 0 1 186.181818-186.181818z m551.563637 234.589091l-218.903273 67.072c-26.624 7.68-47.895273 35.374545-47.895273 61.719273v230.632727s-15.825455-10.705455-51.2-5.585455C367.802182 595.781818 325.818182 635.438545 325.818182 677.236364c0 41.704727 41.984 67.304727 93.928727 59.904 51.991273-7.447273 89.879273-45.847273 89.879273-87.552V426.821818c0-18.432 22.295273-26.391273 22.295273-26.391273l193.489454-60.648727s21.504-7.168 21.504 12.567273v183.761454s-19.688727-11.264-55.016727-7.168c-51.991273 6.423273-93.928727 45.335273-93.928727 87.04 0 41.751273 41.984 68.096 93.928727 61.952 51.991273-6.376727 93.975273-45.288727 93.975273-87.04V268.660364c-0.279273-26.112-21.783273-41.472-48.128-34.071273z" fill="#409EFF" p-id="24416"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/assets/images/0.jpg b/teaching_integration_platform_admin_template/src/assets/images/0.jpg
new file mode 100644
index 0000000..bf25122
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/0.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/1.jpg b/teaching_integration_platform_admin_template/src/assets/images/1.jpg
new file mode 100644
index 0000000..e56d855
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/1.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/1.mp3 b/teaching_integration_platform_admin_template/src/assets/images/1.mp3
new file mode 100644
index 0000000..fdf84f7
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/1.mp3 differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/1.png b/teaching_integration_platform_admin_template/src/assets/images/1.png
new file mode 100644
index 0000000..8bdddea
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/100.png b/teaching_integration_platform_admin_template/src/assets/images/100.png
new file mode 100644
index 0000000..7228b29
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/100.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/101.jpg b/teaching_integration_platform_admin_template/src/assets/images/101.jpg
new file mode 100644
index 0000000..607f4e9
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/101.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/102.jpg b/teaching_integration_platform_admin_template/src/assets/images/102.jpg
new file mode 100644
index 0000000..2f884ad
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/102.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/103.jpg b/teaching_integration_platform_admin_template/src/assets/images/103.jpg
new file mode 100644
index 0000000..4d57b1b
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/103.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/104.jpg b/teaching_integration_platform_admin_template/src/assets/images/104.jpg
new file mode 100644
index 0000000..a4fad67
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/104.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/105.jpg b/teaching_integration_platform_admin_template/src/assets/images/105.jpg
new file mode 100644
index 0000000..2d5b294
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/105.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/106.jpg b/teaching_integration_platform_admin_template/src/assets/images/106.jpg
new file mode 100644
index 0000000..5fc9337
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/106.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/107.jpg b/teaching_integration_platform_admin_template/src/assets/images/107.jpg
new file mode 100644
index 0000000..c05e1be
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/107.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/108.jpg b/teaching_integration_platform_admin_template/src/assets/images/108.jpg
new file mode 100644
index 0000000..2981ff0
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/108.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/109.jpg b/teaching_integration_platform_admin_template/src/assets/images/109.jpg
new file mode 100644
index 0000000..f2318ca
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/109.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/110.jpg b/teaching_integration_platform_admin_template/src/assets/images/110.jpg
new file mode 100644
index 0000000..0d5499c
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/110.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/141.png b/teaching_integration_platform_admin_template/src/assets/images/141.png
new file mode 100644
index 0000000..4132030
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/141.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/142.png b/teaching_integration_platform_admin_template/src/assets/images/142.png
new file mode 100644
index 0000000..0f43095
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/142.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/3.png b/teaching_integration_platform_admin_template/src/assets/images/3.png
new file mode 100644
index 0000000..2cb0913
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/3.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/4c.jpeg b/teaching_integration_platform_admin_template/src/assets/images/4c.jpeg
new file mode 100644
index 0000000..3dc8b48
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/4c.jpeg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/PDF .png b/teaching_integration_platform_admin_template/src/assets/images/PDF .png
new file mode 100644
index 0000000..76aa842
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/PDF .png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/R-C.png b/teaching_integration_platform_admin_template/src/assets/images/R-C.png
new file mode 100644
index 0000000..9b2a69b
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/R-C.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/a.png b/teaching_integration_platform_admin_template/src/assets/images/a.png
new file mode 100644
index 0000000..3375a9d
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/a.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/add.png b/teaching_integration_platform_admin_template/src/assets/images/add.png
new file mode 100644
index 0000000..41c34f9
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/add.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/audio.png b/teaching_integration_platform_admin_template/src/assets/images/audio.png
new file mode 100644
index 0000000..d3dcedf
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/audio.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/bj.png b/teaching_integration_platform_admin_template/src/assets/images/bj.png
new file mode 100644
index 0000000..47eaf16
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/bj.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/bj1.png b/teaching_integration_platform_admin_template/src/assets/images/bj1.png
new file mode 100644
index 0000000..e091f38
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/bj1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/bj2.png b/teaching_integration_platform_admin_template/src/assets/images/bj2.png
new file mode 100644
index 0000000..29fcaf7
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/bj2.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/ck.png b/teaching_integration_platform_admin_template/src/assets/images/ck.png
new file mode 100644
index 0000000..d38f33b
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/ck.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/default.png b/teaching_integration_platform_admin_template/src/assets/images/default.png
new file mode 100644
index 0000000..e16488e
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/default.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/dx.png b/teaching_integration_platform_admin_template/src/assets/images/dx.png
new file mode 100644
index 0000000..96bb7c5
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/dx.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/ellipsis.png b/teaching_integration_platform_admin_template/src/assets/images/ellipsis.png
new file mode 100644
index 0000000..4267bb4
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/ellipsis.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/fe.jpg b/teaching_integration_platform_admin_template/src/assets/images/fe.jpg
new file mode 100644
index 0000000..ff9e1ba
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/fe.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/gd (3).png b/teaching_integration_platform_admin_template/src/assets/images/gd (3).png
new file mode 100644
index 0000000..415488d
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/gd (3).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/kc.jpg b/teaching_integration_platform_admin_template/src/assets/images/kc.jpg
new file mode 100644
index 0000000..ce8f230
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/kc.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/kc1.png b/teaching_integration_platform_admin_template/src/assets/images/kc1.png
new file mode 100644
index 0000000..4af27ec
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/kc1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/kc2.png b/teaching_integration_platform_admin_template/src/assets/images/kc2.png
new file mode 100644
index 0000000..ac1b80e
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/kc2.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/kc3.png b/teaching_integration_platform_admin_template/src/assets/images/kc3.png
new file mode 100644
index 0000000..873ed98
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/kc3.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/kctp.png b/teaching_integration_platform_admin_template/src/assets/images/kctp.png
new file mode 100644
index 0000000..24aea4d
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/kctp.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/logo.png b/teaching_integration_platform_admin_template/src/assets/images/logo.png
new file mode 100644
index 0000000..c464b5d
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/logo.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/logo1.png b/teaching_integration_platform_admin_template/src/assets/images/logo1.png
new file mode 100644
index 0000000..75ffcd4
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/logo1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/ls.jpg b/teaching_integration_platform_admin_template/src/assets/images/ls.jpg
new file mode 100644
index 0000000..ae410ca
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/ls.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/minus-circle-filled.png b/teaching_integration_platform_admin_template/src/assets/images/minus-circle-filled.png
new file mode 100644
index 0000000..9dd9c1e
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/minus-circle-filled.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/minus-circle-filled@2x.png b/teaching_integration_platform_admin_template/src/assets/images/minus-circle-filled@2x.png
new file mode 100644
index 0000000..c344cb5
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/minus-circle-filled@2x.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/o.jpg b/teaching_integration_platform_admin_template/src/assets/images/o.jpg
new file mode 100644
index 0000000..78d00bc
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/o.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/rjgz.jpg b/teaching_integration_platform_admin_template/src/assets/images/rjgz.jpg
new file mode 100644
index 0000000..02338e6
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/rjgz.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/rwd.png b/teaching_integration_platform_admin_template/src/assets/images/rwd.png
new file mode 100644
index 0000000..887ac95
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/rwd.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/screen (1).png b/teaching_integration_platform_admin_template/src/assets/images/screen (1).png
new file mode 100644
index 0000000..89ad605
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/screen (1).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/screen.png b/teaching_integration_platform_admin_template/src/assets/images/screen.png
new file mode 100644
index 0000000..609ac94
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/screen.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/sj.png b/teaching_integration_platform_admin_template/src/assets/images/sj.png
new file mode 100644
index 0000000..07c10df
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/sj.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/sjx(1).png b/teaching_integration_platform_admin_template/src/assets/images/sjx(1).png
new file mode 100644
index 0000000..3b0d2f2
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/sjx(1).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/sjx.png b/teaching_integration_platform_admin_template/src/assets/images/sjx.png
new file mode 100644
index 0000000..acfb26f
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/sjx.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/test.mp4 b/teaching_integration_platform_admin_template/src/assets/images/test.mp4
new file mode 100644
index 0000000..a925508
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/test.mp4 differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/test.png b/teaching_integration_platform_admin_template/src/assets/images/test.png
new file mode 100644
index 0000000..ec58709
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/test.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/top.png b/teaching_integration_platform_admin_template/src/assets/images/top.png
new file mode 100644
index 0000000..a1a0cb1
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/top.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/tp.png b/teaching_integration_platform_admin_template/src/assets/images/tp.png
new file mode 100644
index 0000000..4965185
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/tp.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/tp1.jpg b/teaching_integration_platform_admin_template/src/assets/images/tp1.jpg
new file mode 100644
index 0000000..cfba540
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/tp1.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/video.png b/teaching_integration_platform_admin_template/src/assets/images/video.png
new file mode 100644
index 0000000..27b0849
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/video.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/wl.png b/teaching_integration_platform_admin_template/src/assets/images/wl.png
new file mode 100644
index 0000000..415d80b
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/wl.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/xs.jpg b/teaching_integration_platform_admin_template/src/assets/images/xs.jpg
new file mode 100644
index 0000000..05151e1
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/xs.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/yt.png b/teaching_integration_platform_admin_template/src/assets/images/yt.png
new file mode 100644
index 0000000..f46b966
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/yt.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/zstp.jpg b/teaching_integration_platform_admin_template/src/assets/images/zstp.jpg
new file mode 100644
index 0000000..bb0b6eb
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/zstp.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/zy.jpg b/teaching_integration_platform_admin_template/src/assets/images/zy.jpg
new file mode 100644
index 0000000..ffdb7bf
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/zy.jpg differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/图灵云logo.png b/teaching_integration_platform_admin_template/src/assets/images/图灵云logo.png
new file mode 100644
index 0000000..c3836fd
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/图灵云logo.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/小旗子.png b/teaching_integration_platform_admin_template/src/assets/images/小旗子.png
new file mode 100644
index 0000000..d37f107
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/小旗子.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/搜索.png b/teaching_integration_platform_admin_template/src/assets/images/搜索.png
new file mode 100644
index 0000000..cb2e95d
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/搜索.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/点赞 (1).png b/teaching_integration_platform_admin_template/src/assets/images/点赞 (1).png
new file mode 100644
index 0000000..a782623
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/点赞 (1).png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/点赞.png b/teaching_integration_platform_admin_template/src/assets/images/点赞.png
new file mode 100644
index 0000000..d270a94
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/点赞.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/知识点.png b/teaching_integration_platform_admin_template/src/assets/images/知识点.png
new file mode 100644
index 0000000..6e8df04
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/知识点.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/统计计算.png b/teaching_integration_platform_admin_template/src/assets/images/统计计算.png
new file mode 100644
index 0000000..30339bb
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/统计计算.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/课程.png b/teaching_integration_platform_admin_template/src/assets/images/课程.png
new file mode 100644
index 0000000..d6469c1
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/课程.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件1.png b/teaching_integration_platform_admin_template/src/assets/images/软件1.png
new file mode 100644
index 0000000..e29fb67
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件1.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件2.png b/teaching_integration_platform_admin_template/src/assets/images/软件2.png
new file mode 100644
index 0000000..a29a9f2
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件2.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件3.png b/teaching_integration_platform_admin_template/src/assets/images/软件3.png
new file mode 100644
index 0000000..aab26b7
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件3.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件4.png b/teaching_integration_platform_admin_template/src/assets/images/软件4.png
new file mode 100644
index 0000000..65101fb
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件4.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件5.png b/teaching_integration_platform_admin_template/src/assets/images/软件5.png
new file mode 100644
index 0000000..5a910bd
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件5.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件6.png b/teaching_integration_platform_admin_template/src/assets/images/软件6.png
new file mode 100644
index 0000000..815d396
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件6.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件7.png b/teaching_integration_platform_admin_template/src/assets/images/软件7.png
new file mode 100644
index 0000000..c96de3d
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件7.png differ
diff --git a/teaching_integration_platform_admin_template/src/assets/images/软件8.png b/teaching_integration_platform_admin_template/src/assets/images/软件8.png
new file mode 100644
index 0000000..2d2ede4
Binary files /dev/null and b/teaching_integration_platform_admin_template/src/assets/images/软件8.png differ
diff --git a/teaching_integration_platform_admin_template/src/config/index.js b/teaching_integration_platform_admin_template/src/config/index.js
new file mode 100644
index 0000000..5912546
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/config/index.js
@@ -0,0 +1,10 @@
+import OSS from 'ali-oss'
+
+export const client = new OSS({
+  bucket: 'wenyu132', //bucket名称
+  region: 'oss-cn-beijing', //区域
+  endpoint: 'oss-cn-beijing.aliyuncs.com', //地域节点==>外网访问
+  accessKeyId: 'LTAI5tPe9x46aWZt8FScytst', //访问键id
+  accessKeySecret: '0mfxSLzmRgtHMXpD5pCBTl9RfwbmDG', //访问密钥
+  secure: true, //http就是false,https就是true
+})
diff --git a/teaching_integration_platform_admin_template/src/layout/index.vue b/teaching_integration_platform_admin_template/src/layout/index.vue
index b447669..13e1982 100644
--- a/teaching_integration_platform_admin_template/src/layout/index.vue
+++ b/teaching_integration_platform_admin_template/src/layout/index.vue
@@ -15,9 +15,9 @@
           :default-active="$route.path"
           background-color="#001529"
           text-color="#fff"
-         
+          :collapse="LayoutSettingStoe.fold"
         >
-          <Menu :menuList="usePermissionStore.asyncRouter" />
+          <Menu :menuList="constantRoute" />
         </el-menu>
       </el-scrollbar>
     </div>
@@ -43,18 +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 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/teaching_integration_platform_admin_template/src/layout/logo/index.vue b/teaching_integration_platform_admin_template/src/layout/logo/index.vue
index a753e7c..bbf8f7d 100644
--- a/teaching_integration_platform_admin_template/src/layout/logo/index.vue
+++ b/teaching_integration_platform_admin_template/src/layout/logo/index.vue
@@ -1,7 +1,9 @@
 <template>
-  <div class="logo" v-if="setting.logoHidden" @click="goHome">
-    <img :src="setting.logo" alt="" />
-    <p v-show="!fold">{{ setting.title }}</p>
+  <div class="logo"  @click="goHome">
+    <img :src="setting.logo" alt="" style="width: 40px;"/>
+    <div class="font">
+      <p v-show="!fold">{{ setting.title }}</p>
+    </div>
   </div>
 </template>
 
@@ -9,8 +11,17 @@
 import useLayoutSettingStoe from '@/store/modules/setting'
 import { useRouter } from 'vue-router'
 // 引入设置表提和logo的配置文件
-import setting from '@/setting'
+// import setting from '@/setting'
 import { ref, watch } from 'vue'
+import {getSysSettingApi} from '@/api/configuration'
+const setting = ref({})
+const getLogo = async () => {
+const res = await getSysSettingApi()
+setting.value = res.data
+console.log(res);
+
+}
+getLogo()
 const fold = ref(false)
 const LayoutSettingStoe = useLayoutSettingStoe()
 const $router = useRouter()
@@ -32,24 +43,59 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+// .logo {
+//   width: 100%;
+//   height: $base-menu-logo-height;
+//   color: #000000;
+//   font-weight: 700;
+//   display: flex;
+//   align-items: center;
+//   cursor: pointer;
+//   // padding: 20px;
+//   padding: 0 0 0 15px;
+//   text-overflow: hidden;
+
+//   img {
+//     width: 40px;
+//     height: 40px;
+//   }
+//   p {
+//     // width: 80%;
+//     margin-left: 10px;
+//     font-size: 13px;
+//     font-size: $base-menu-logo-title-size;
+//     white-space: nowrap;
+//   }
+// }
 .logo {
   width: 100%;
   height: $base-menu-logo-height;
+  // background-color: aqua;
+  // height: 10%;
   color: #000000;
   font-weight: 700;
   display: flex;
   align-items: center;
   cursor: pointer;
   // padding: 20px;
-  padding: 0 0 0 15px;
+  padding: 8px 15px 0 15px;
+  justify-content: center;
+  flex-direction: column;
+
   img {
-    width: 40px;
+    width: 100%;
     height: 40px;
+    // margin: 0 auto;
   }
   p {
-    margin-left: 10px;
+    // margin-left: 10px;
     font-size: $base-menu-logo-title-size;
+    // font-size: $base-menu-logo-title-size;
     white-space: nowrap;
+    padding: 10px 10px;
   }
+  // .logo-img {
+  //   width: 100%;
+  // }
 }
 </style>
diff --git a/teaching_integration_platform_admin_template/src/layout/main/index.vue b/teaching_integration_platform_admin_template/src/layout/main/index.vue
index 0cacbfe..8e00a1d 100644
--- a/teaching_integration_platform_admin_template/src/layout/main/index.vue
+++ b/teaching_integration_platform_admin_template/src/layout/main/index.vue
@@ -3,8 +3,8 @@
     <!-- 过度动画 -->
     <transition name="fade">
       <!-- 要渲染的组件 -->
-      <div v-if="refresh" >
-        <component :is="Component"/>
+      <div v-if="refresh">
+        <component :is="Component" />
       </div>
     </transition>
   </router-view>
diff --git a/teaching_integration_platform_admin_template/src/layout/menu/index copy.vue b/teaching_integration_platform_admin_template/src/layout/menu/index copy.vue
new file mode 100644
index 0000000..2041b15
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/layout/menu/index copy.vue	
@@ -0,0 +1,81 @@
+<template>
+  <!-- 根据路由动态生成菜单 -->
+  <template v-for="item in menuList" :key="item.path">
+    <!-- 没有子路由 -->
+    <template v-if="!item.children">
+      <el-menu-item
+        v-if="!item.meta.hidden"
+        :index="item.path"
+        @click="goToRoute"
+      >
+        <el-icon>
+          <component :is="item.meta.icon"></component>
+        </el-icon>
+        <template #title>
+          <!-- <el-icon>
+            <component :is="item.meta.icon"></component>
+          </el-icon> -->
+          <span v-show="!fold">{{ item.meta.title }}</span>
+        </template>
+      </el-menu-item>
+    </template>
+    <!-- 有子路由但是只有一个子路由 -->
+    <template v-if="item.children && item.children.length === 1">
+      <el-menu-item
+        v-if="!item.children[0].meta.hidden"
+        :index="item.children[0].path"
+        @click="goToRoute"
+      >
+        <el-icon>
+          <component :is="item.children[0].meta.icon"></component>
+        </el-icon>
+        <template #title>
+          <span v-show="!fold">{{ item.children[0].meta.title }}</span>
+        </template>
+      </el-menu-item>
+    </template>
+    <!-- 有子路由且有多个 -->
+    <el-sub-menu
+      :index="item.path"
+      v-if="item.children && item.children.length > 1"
+    >
+      <template #title>
+        <el-icon>
+          <component :is="item.meta.icon"></component>
+        </el-icon>
+        <span v-show="!fold">{{ item.meta.title }}</span>
+      </template>
+      <Menu :menuList="item.children" />
+    </el-sub-menu>
+  </template>
+</template>
+<script lang="ts" setup>
+import { useRouter } from 'vue-router'
+import { watch, ref } from 'vue'
+import useLayoutSettingStoe from '@/store/modules/setting'
+const LayoutSettingStoe = useLayoutSettingStoe()
+// import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+// 获取父组件传递的全部的路由的数据
+const props = defineProps(['menuList'])
+console.log(props.menuList);
+
+const $router = useRouter()
+const goToRoute = (vc: any) => {
+  $router.push(vc.index)
+}
+const fold = ref(false)
+watch(
+  () => LayoutSettingStoe.fold,
+  (newVal) => {
+    setTimeout(() => {
+      fold.value = newVal
+    }, 200)
+  },
+)
+</script>
+<script lang="ts">
+export default {
+  name: 'Menu',
+}
+</script>
+<style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/layout/menu/index.vue b/teaching_integration_platform_admin_template/src/layout/menu/index.vue
index 751ce38..6cc0894 100644
--- a/teaching_integration_platform_admin_template/src/layout/menu/index.vue
+++ b/teaching_integration_platform_admin_template/src/layout/menu/index.vue
@@ -1,67 +1,27 @@
 <template>
-  <!-- 根据路由动态生成菜单 -->
-  <template v-for="item in menuList" :key="item.path">
-    <!-- 没有子路由 -->
-    <template v-if="!item.children">
-      <el-menu-item
-        v-if="!item.meta.hidden"
-        :index="item.path"
-        @click="goToRoute"
-      >
-        <el-icon>
-          <component :is="item.meta.icon"></component>
-        </el-icon>
-        <template #title>
-          <!-- <el-icon>
-            <component :is="item.meta.icon"></component>
-          </el-icon> -->
-
-          <span v-show="!fold">{{ item.meta.title }}</span>
-        </template>
-      </el-menu-item>
-    </template>
-
-    <!-- 有子路由但是只有一个子路由 -->
-    <template v-if="item.children && item.children.length === 1">
-      <el-menu-item
-        v-if="!item.children[0].meta.hidden"
-        :index="item.children[0].path"
-        @click="goToRoute"
-      >
-        <el-icon>
-          <component :is="item.children[0].meta.icon"></component>
-        </el-icon>
-        <template #title>
-          <span v-show="!fold">{{ item.children[0].meta.title }}</span>
-        </template>
-      </el-menu-item>
-    </template>
-
-    <!-- 有子路由且有多个 -->
-    <el-sub-menu
-      :index="item.path"
-      v-if="item.children && item.children.length > 1"
-    >
+  <template v-for="(item, index) in menuList[0].children" :key="item.path">
+    <el-menu-item v-if="!item.meta.hidden" :index="item.path" @click="goToRoute">
+      <el-icon>
+        <component :is="item.meta.icon"></component>
+      </el-icon>
       <template #title>
-        <el-icon>
+        <!-- <el-icon>
           <component :is="item.meta.icon"></component>
-        </el-icon>
+        </el-icon> -->
         <span v-show="!fold">{{ item.meta.title }}</span>
       </template>
-      <Menu :menuList="item.children" />
-    </el-sub-menu>
+    </el-menu-item>
   </template>
 </template>
-
 <script lang="ts" setup>
 import { useRouter } from 'vue-router'
 import { watch, ref } from 'vue'
 import useLayoutSettingStoe from '@/store/modules/setting'
-
 const LayoutSettingStoe = useLayoutSettingStoe()
 // import { onMounted, reactive, ref, toRefs, watch } from 'vue'
 // 获取父组件传递的全部的路由的数据
-defineProps(['menuList'])
+const props = defineProps(['menuList'])
+console.log(props.menuList)
 
 const $router = useRouter()
 const goToRoute = (vc: any) => {
@@ -79,7 +39,7 @@ watch(
 </script>
 <script lang="ts">
 export default {
-  name: 'app-Menu',
+  name: 'Menu',
 }
 </script>
 <style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue b/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue
index 7c1b8f4..d8a00dd 100644
--- a/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue
+++ b/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue
@@ -11,12 +11,23 @@
   /> -->
   <el-button size="small" icon="refresh" circle @click="refresh" />
   <el-button size="small" icon="FullScreen" circle @click="fullScreen" />
-  <el-button size="small" icon="Setting" circle />
+  <el-button v-if="userStore.userInfo.roleId[0] === '1'" size="small" icon="Setting" circle  @click="$router.push('/configurationPage')" />
+  <el-button
+    size="small"
+    icon="Link"
+    circle
+    @click="openWeb"
+  />
   <img
-    :src="userStore.avatar"
+    :src="userStore.data.icon || defImg"
     alt=""
     style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%"
   />
+  <!-- <img
+    src="@/assets/images/default.jpg
+    alt=""
+    style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%"
+  /> -->
   <!-- 退出登录 -->
   <el-dropdown @command="handleCommand">
     <span class="el-dropdown-link">
@@ -37,12 +48,18 @@
 // import { useDark, useToggle } from '@vueuse/core'
 import useLayoutSettingStoe from '@/store/modules/setting'
 import useUserStore from '@/store/modules/user'
+import { onMounted,ref } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+// import default from '@/assets/images/default.jpg'
+import defImg from '@/assets/images/default.png'
+import {getSysSettingApi} from '@/api/configuration'
+
 // import { Moon, Sunny } from '@element-plus/icons-vue'
 const useStore = useLayoutSettingStoe()
 const userStore = useUserStore()
 const $router = useRouter()
 const $route = useRoute()
+
 // 全屏方法
 const fullScreen = () => {
   let full = document.fullscreenElement
@@ -56,7 +73,14 @@ const fullScreen = () => {
 const refresh = () => {
   useStore.refresh = !useStore.refresh
 }
-
+const setting = ref()
+const getSysSettingApiEvent = async () => {
+  const res =await getSysSettingApi()
+  setting.value = res.data
+  console.log(res);
+  
+}
+getSysSettingApiEvent()
 // 用户下拉框事件
 const handleCommand = (command: string) => {
   switch (command) {
@@ -65,18 +89,28 @@ const handleCommand = (command: string) => {
       break
   }
 }
-const logout = () => {
-  console.log($route)
+//跳转链接
+const openWeb = () => {
+  window.open(setting.value.home)
+}
+
+//用户头像
+onMounted(() => {
+  userStore.getUserInfo()
+  // console.log(userStore.data.icon, 'icon')
+})
 
+const logout = () => {
+  // console.log($route)
   userStore.logout()
   $router.push({
     path: '/login',
     query: { redirect: $route.path },
   })
 }
+
 // import IconEpSunny from '~icons/ep/sunny';
 // import IconEpMoon from '~icons/ep/moon';
-
 // const isDark = useDark()
 // const toggleDark = () => useToggle(isDark)
 </script>
diff --git a/teaching_integration_platform_admin_template/src/main.ts b/teaching_integration_platform_admin_template/src/main.ts
index 2b137c7..5a660a2 100644
--- a/teaching_integration_platform_admin_template/src/main.ts
+++ b/teaching_integration_platform_admin_template/src/main.ts
@@ -19,10 +19,18 @@ import 'virtual:svg-icons-register'
 // 获取并创建实例对象
 const app = createApp(App)
 // 引入自动注册全局组件脚本
+//持久化
+
 import gloablComponent from '@/components/index'
+import 'echarts'
+import ECharts from 'vue-echarts'
+
+// 导入jquery
+// import $ from 'jquery'
 app.use(gloablComponent)
 // 注册仓库
 app.use(pinia)
+app.component('ECharts', ECharts)
 // 安装element插件
 app.use(ElementPlus, {
   locale: zhCn, //使用中文
diff --git a/teaching_integration_platform_admin_template/src/permission.ts b/teaching_integration_platform_admin_template/src/permission.ts
index 9e38c20..5242431 100644
--- a/teaching_integration_platform_admin_template/src/permission.ts
+++ b/teaching_integration_platform_admin_template/src/permission.ts
@@ -6,7 +6,7 @@ import permissionStore from '@/store/modules/permission'
 //@ts-expect-error  修复ts校验
 import nprogress from 'nprogress'
 import 'nprogress/nprogress.css'
-const userStore = useUserStore(pinia)
+const userStore :any = useUserStore(pinia)
 const usePermissionStore = permissionStore(pinia)
 // const whitelist = ['/login', '/404']
 router.beforeEach(async (to, form, next) => {
@@ -45,6 +45,7 @@ router.beforeEach(async (to, form, next) => {
               hidden: true,
             },
           })
+
           next({ ...to, replace: true }) // 这里相当于push到一个页面 不在进入路由拦截
         } catch (error) {
           // 如果获取用户信息失败了则执行登出操作让重新登录
@@ -64,8 +65,11 @@ router.beforeEach(async (to, form, next) => {
     }
   }
 })
-
-router.afterEach((to, form, next) => {
+// router.beforeEach((to, form, next) => {
+//   console.log(to, 'to')
+//   next()
+// })
+router.afterEach(() => {
   nprogress.done()
 })
 export default router
diff --git a/teaching_integration_platform_admin_template/src/router/index.ts b/teaching_integration_platform_admin_template/src/router/index.ts
index abccc49..e5f6be4 100644
--- a/teaching_integration_platform_admin_template/src/router/index.ts
+++ b/teaching_integration_platform_admin_template/src/router/index.ts
@@ -1,6 +1,6 @@
 // 导入路由插件
 import { createRouter, createWebHashHistory } from 'vue-router'
-
+import { constantRoute } from './routers.ts'
 const routerList = [
   {
     path: '/login',
@@ -14,7 +14,7 @@ const routerList = [
 ]
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: routerList,
+  routes: [...routerList],
   scrollBehavior() {
     return {
       left: 0,
diff --git a/teaching_integration_platform_admin_template/src/router/routers copy.ts b/teaching_integration_platform_admin_template/src/router/routers copy.ts
new file mode 100644
index 0000000..027b8cb
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/router/routers copy.ts	
@@ -0,0 +1,481 @@
+import component from 'element-plus/es/components/tree-select/src/tree-select-option.mjs';
+import { pa } from 'element-plus/es/locales.mjs';
+
+export const constantRoute: any = [
+  {
+    path: '/',
+    component: () => import('@/layout/index.vue'),
+    name: 'layout',
+    meta: {
+      title: '',
+      hidden: false,
+      icon: 'HomeFilled', // 菜单图标
+    },
+    // redirect: '/home',
+    // children: [
+    //   {
+    //     path: '/home',
+    //     component: () => import('@/views/home/index.vue'),
+    //     name: 'Home',
+    //     meta: {
+    //       title: '个人中心',
+    //       hidden: false,
+    //       icon: 'HomeFilled',
+    //     },
+    //   },
+    // ],
+    redirect: '/home',
+    children: [
+      {
+        path: '/home',
+        component: () => import('@/views/home/index.vue'),
+        name: 'Home',
+        meta: {
+          title: '个人中心',
+          hidden: false,
+          icon: 'HomeFilled',
+        },
+      },
+      {
+        path: '/configurationPage',
+        component: () => import('@/views/configurationPage/index.vue'),
+        name: 'configurationPage',
+        meta: {
+          title: '系统设置',
+          hidden: true,
+          icon: 'HomeFilled',
+        },
+      },
+      {
+        path: '/curriculumCenter/basicCourseInformation',
+        component: () => import('@/views/course/basicCourseInformation.vue'),
+        name: 'BasicCourseInformation',
+        meta: {
+          title: '课程基本信息',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/CourseObjectives',
+        component: () => import('@/views/course/CourseObjectives.vue'),
+        name: 'CourseObjectives',
+        meta: {
+          title: '课程目标',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/courseChapters',
+        component: () => import('@/views/course/courseChapters.vue'),
+        name: 'CourseChapters',
+        meta: {
+          title: '课程章节',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/knowledgePoints',
+        component: () => import('@/views/course/knowledgePoints.vue'),
+        name: 'KnowledgePoints', // name 要与权限一致
+        meta: {
+          title: '知识点',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/curriculumMap',
+        component: () => import('@/views/course/curriculumMap.vue'),
+        name: 'CurriculumMap', // name 要与权限一致
+        meta: {
+          title: '课程图谱',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+    ],
+  },
+  {
+    path: '/knowledgeAtlas',
+    component: () => import('@/views/course/knowledgeAtlas.vue'),
+    name: 'knowledgeAtlas',
+    meta: {
+      title: '知识图谱',
+      hidden: true,
+      icon: 'Notebook',
+    },
+  },
+  // {
+  //   path: '/mssageManagement',
+  //   component: () => import('@/layout/index.vue'),
+  //   name: 'MssageManagement',
+  //   meta: {
+  //     title: '',
+  //     hidden: false,
+  //     icon: 'HomeFilled', // 菜单图标
+  //   },
+  //   children: [
+  //     {
+  //       path: '/mssageManagement/message',
+  //       component: () => import('@/views/message/index.vue'),
+  //       name: 'Message',
+  //       meta: {
+  //         title: '消息',
+  //         hidden: false,
+  //         icon: 'ChatDotSquare',
+  //       },
+  //     },
+  //   ],
+  // },
+  {
+    path: '/curriculumCenter',
+    redirect: '/curriculumCenter/basicCourseInformation',
+    component: () => import('@/layout/index.vue'),
+    name: 'CurriculumCenter',
+    meta: {
+      title: '课程',
+      hidden: false,
+      icon: 'HomeFilled', // 菜单图标
+    },
+    children: [
+      {
+        path: '/curriculumCenter/basicCourseInformation',
+        component: () => import('@/views/course/basicCourseInformation.vue'),
+        name: 'BasicCourseInformation',
+        meta: {
+          title: '课程基本信息',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/courseDetails',
+        component: () => import('@/views/course/courseDetails.vue'),
+        name: 'CourseDetails',
+        meta: {
+          title: '课程详情',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/CourseObjectives',
+        component: () => import('@/views/course/CourseObjectives.vue'),
+        name: 'CourseObjectives',
+        meta: {
+          title: '课程目标',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/courseChapters',
+        component: () => import('@/views/course/courseChapters.vue'),
+        name: 'CourseChapters',
+        meta: {
+          title: '课程章节',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/knowledgePoints',
+        component: () => import('@/views/course/knowledgePoints.vue'),
+        name: 'KnowledgePoints', // name 要与权限一致
+        meta: {
+          title: '知识点',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/curriculumMap',
+        component: () => import('@/views/course/curriculumMap.vue'),
+        name: 'CurriculumMap', // name 要与权限一致
+        meta: {
+          title: '课程图谱',
+          hidden: false,
+          icon: 'Notebook',
+        },
+      },
+    ],
+  },
+  {
+    path: '/studentManagement',
+    component: () => import('@/layout/index.vue'),
+    name: 'StudentManagement',
+    meta: {
+      title: '',
+      hidden: false,
+      icon: 'HomeFilled', // 菜单图标
+    },
+    children: [
+      {
+        path: '/studentManagement/student',
+        component: () => import('@/views/student/index.vue'),
+        name: 'Student',
+        meta: {
+          title: '学生',
+          hidden: false,
+          icon: 'User',
+        },
+      },
+    ],
+  },
+
+  {
+    path: '/messageManagement',
+    component: () => import('@/layout/index.vue'),
+    name: 'MessageManagement',
+    meta: {
+      title: '消息',
+      hidden: false,
+      icon: 'ChatLineRound', // 菜单图标
+    },
+    children: [
+      {
+        path: '/messageManagement/message',
+        component: () => import('@/views/message/index.vue'),
+        name: 'Message',
+        meta: {
+          title: '消息详情',
+          hidden: false,
+          icon: 'ChatDotSquare',
+        }
+      },
+      {
+        path: '/messageManagement/sendMessage',
+        component: () => import('@/views/message/components/sendMessage.vue'),
+        name: 'SendMessage',
+        meta: {
+          title: '个人发出',
+          hidden: true,
+          icon: '',
+        }
+      },
+      {
+        path: '/messageContentList',
+        component: () => import('@/views/message/components/receiveContentList.vue'),
+        name: 'MessageContentList',
+        meta: {
+          title: '收到信息详情',
+          hidden: true,
+          icon: ''
+        }
+      },
+      {
+        path: '/sendMessageList',
+        component: () => import('@/views/message/components/sendMessageList.vue'),
+        name: 'SendMessageList',
+        meta: {
+          title: '发送信息详情',
+          hidden: true,
+          icon: ''
+        }
+      },
+    ],
+  },
+  {
+    path: '/messageContent',
+    component: () => import('@/views/message/components/messageContent.vue'),
+    name: 'MessageContent',
+    meta: {
+      title: '写栈内信函',
+      hidden: true,
+      icon: 'EditPen',
+    }
+  },
+  {
+    path: '/news',
+    component: () => import('@/layout/index.vue'),
+    name: 'NewsManagement',
+    meta: {
+      title: '资讯',
+      hidden: false,
+      icon: 'BellFilled'
+    },
+    children: [
+      {
+        path: '/news/newsContent',
+        component: () => import('@/views/news/index.vue'),
+        name: 'NewsContent',
+        meta: {
+          title: '资讯管理',
+          hidden: false,
+          icon: 'BellFilled'
+        }
+      },
+      {
+        path: '/news/newsContentDetails',
+        component:()=>import('@/views/news/components/newsContentManage.vue'),
+        name:'NewsContentDetails',
+        meta: {
+          title: '栏目添加新闻信息',
+          hidden: true,
+          icon: 'Promotion'
+        },
+      },
+    ]
+  },
+  {
+    path: '/myCourseStudyManagement',
+    component: () => import('@/layout/index.vue'),
+    name: 'MyCourseStudyManagement',
+    meta: {
+      title: '学习过程',
+      hidden: false,
+      icon: 'HomeFilled', // 菜单图标
+    },
+    children: [
+      {
+        path: '/myCourseStudyManagement/learningProcess',
+        component: () => import('@/views/MyCourseStudy/learningProcess.vue'),
+        name: 'LearningProcess',
+        meta: {
+          title: '课程学习记录',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/learningProcess1',
+        component: () =>
+          import('@/views/MyCourseStudy/knowledgeLearningProcess.vue'),
+        name: 'LearningProcess1',
+        meta: {
+          title: '知识点学习记录',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/learningProcess2',
+        component: () => import('@/views/MyCourseStudy/resourceLearning.vue'),
+        name: 'LearningProcess2',
+        meta: {
+          title: '资源学习记录',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/courseCollections',
+        component: () => import('@/views/MyCourseStudy/courseCollections.vue'),
+        name: 'CourseCollections',
+        meta: {
+          title: '课程收藏',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/Courselikes',
+        component: () => import('@/views/MyCourseStudy/Courselikes.vue'),
+        name: 'Courselikes',
+        meta: {
+          title: '课程点赞',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+    ],
+  },
+  {
+    path: '/courseResourcesManagement',
+    component: () => import('@/layout/index.vue'),
+    name: 'CourseResourcesManagement',
+    meta: {
+      title: '课程资源',
+      hidden: false,
+      icon: 'HomeFilled', // 菜单图标
+    },
+    children: [
+      {
+        path: '/courseResourcesManagement/courseResources',
+        component: () => import('@/views/courseResources/index.vue'),
+        name: 'CourseResources',
+        meta: {
+          title: '课程资源',
+          hidden: false,
+          icon: 'Reading',
+        },
+      },
+    ],
+  },
+  {
+    path: '/portal',
+    component: () => import('@/views/portal/view.vue'),
+    name: 'Portal',
+    meta: {
+      title: '门户',
+      hidden: false,
+      icon: 'HomeFilled', // 菜单图标
+    },
+    children: [
+      {
+        path: '/portal/webHome',
+        component: () => import('@/views/portal/index.vue'),
+        name: 'WebHome',
+        meta: {
+          title: '网站首页',
+          hidden: false,
+          icon: 'Reading',
+        },
+      },
+      {
+        path: '/portal/courseHome',
+        component: () => import('@/views/portal/courseHomepage.vue'),
+        name: 'CourseHome',
+        meta: {
+          title: '课程首页',
+          hidden: false,
+          icon: 'Reading',
+        },
+      },
+      {
+        path: '/portal/LearningPathRecommendations',
+        component: () =>
+          import('@/views/portal/LearningPathRecommendations.vue'),
+        name: 'LearningPathRecommendations',
+        meta: {
+          title: '学习路径推荐',
+          hidden: false,
+          icon: 'Reading',
+        },
+      },
+      {
+        path: '/portal/knowledgePointLearning',
+        component: () => import('@/views/portal/knowledgePointLearning.vue'),
+        name: 'KnowledgePointLearning',
+        meta: {
+          title: '知识点学习',
+          hidden: false,
+          icon: 'Reading',
+        },
+      },
+      {
+        path: '/portal/courseReports',
+        component: () => import('@/views/portal/courseReports.vue'),
+        name: 'CourseReports',
+        meta: {
+          title: '课程报告',
+          hidden: false,
+          icon: 'Reading',
+        },
+      },
+    ],
+  },
+  {
+    path: '/curriculumCenter/largeScreen',
+    component: () => import('@/views/course/largeScreen.vue'),
+    name: 'LargeScreen', // name 要与权限一致
+    meta: {
+      title: '课程图谱',
+      hidden: true,
+      icon: 'Notebook',
+    },
+  },
+]
diff --git a/teaching_integration_platform_admin_template/src/router/routers.ts b/teaching_integration_platform_admin_template/src/router/routers.ts
index 5b02b50..1bbaf39 100644
--- a/teaching_integration_platform_admin_template/src/router/routers.ts
+++ b/teaching_integration_platform_admin_template/src/router/routers.ts
@@ -4,7 +4,7 @@ export const constantRoute: any = [
     component: () => import('@/layout/index.vue'),
     name: 'layout',
     meta: {
-      title: '',
+      title: '1',
       hidden: false,
       icon: 'HomeFilled', // 菜单图标
     },
@@ -20,86 +20,159 @@ export const constantRoute: any = [
           icon: 'HomeFilled',
         },
       },
-    ],
-  },
-  {
-    path: '/curriculumCenter',
-    component: () => import('@/layout/index.vue'),
-    name: 'CurriculumCenter',
-    meta: {
-      title: '',
-      hidden: false,
-      icon: 'HomeFilled', // 菜单图标
-    },
-    children: [
       {
-        path: '/curriculumCenter/course',
-        component: () => import('@/views/course/index.vue'),
-        name: 'Course',
+        path: '/configurationPage',
+        component: () => import('@/views/configurationPage/index.vue'),
+        name: 'configurationPage',
+        meta: {
+          title: '系统设置',
+          hidden: true,
+          icon: 'HomeFilled',
+        },
+      },
+      {
+        path: '/knowledgeAtlas',
+        component: () => import('@/views/course/knowledgeAtlas.vue'),
+        name: 'knowledgeAtlas',
         meta: {
-          title: '课程',
+          title: '知识图谱',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/basicCourseInformation',
+        component: () => import('@/views/course/basicCourseInformation.vue'),
+        name: 'BasicCourseInformation',
+        meta: {
+          title: '我的课程',
           hidden: false,
           icon: 'Notebook',
         },
       },
-    ],
-  },
-  {
-    path: '/studentManagement',
-    component: () => import('@/layout/index.vue'),
-    name: 'StudentManagement',
-    meta: {
-      title: '',
-      hidden: false,
-      icon: 'HomeFilled', // 菜单图标
-    },
-    children: [
       {
-        path: '/studentManagement/student',
-        component: () => import('@/views/student/index.vue'),
-        name: 'Student',
+        path: '/curriculumCenter/courseDetails',
+        component: () => import('@/views/course/courseDetails.vue'),
+        name: 'CourseDetails',
+        meta: {
+          title: '课程详情',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/CourseObjectives',
+        component: () => import('@/views/course/CourseObjectives.vue'),
+        name: 'CourseObjectives',
+        meta: {
+          title: '课程目标',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/courseChapters',
+        component: () => import('@/views/course/courseChapters.vue'),
+        name: 'CourseChapters',
+        meta: {
+          title: '课程章节',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/knowledgePoints',
+        component: () => import('@/views/course/knowledgePoints.vue'),
+        name: 'KnowledgePoints', // name 要与权限一致
+        meta: {
+          title: '知识点',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/curriculumCenter/curriculumMap',
+        component: () => import('@/views/course/curriculumMap.vue'),
+        name: 'CurriculumMap', // name 要与权限一致
+        meta: {
+          title: '课程图谱',
+          hidden: true,
+          icon: 'Notebook',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/learningProcess',
+        component: () => import('@/views/MyCourseStudy/learningProcess.vue'),
+        name: 'LearningProcess',
         meta: {
-          title: '学生',
+          title: '学习记录',
           hidden: false,
-          icon: 'User',
+          icon: 'StarFilled',
         },
       },
-    ],
-  },
-  {
-    path: '/groupManagement',
-    component: () => import('@/layout/index.vue'),
-    name: 'GroupManagement',
-    meta: {
-      title: '',
-      hidden: false,
-      icon: 'HomeFilled', // 菜单图标
-    },
-    children: [
       {
-        path: '/groupManagement/group',
-        component: () => import('@/views/group/index.vue'),
-        name: 'Group',
+        path: '/studentManagement/favoritesRecords',
+        component: () => import('@/views/favoritesRecords/index.vue'),
+        name: 'FavoritesRecords',
         meta: {
-          title: '分组',
+          title: '收藏记录',
           hidden: false,
-          icon: 'Operation',
+          icon: 'StarFilled',
         },
       },
-    ],
-  },
-  {
-    path: '/mssageManagement',
-    component: () => import('@/layout/index.vue'),
-    name: 'MssageManagement',
-    meta: {
-      title: '',
-      hidden: false,
-      icon: 'HomeFilled', // 菜单图标
-    },
-    children: [
       {
-        path: '/mssageManagement/message',
+        path: '/studentManagement/likesHistory',
+        component: () => import('@/views/likesHistory/index.vue'),
+        name: 'LikesHistory',
+        meta: {
+          title: '点赞记录',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/studentManagement/myFavorites',
+        component: () => import('@/views/myFavorites/index.vue'),
+        name: 'MyFavorites',
+        meta: {
+          title: '我的收藏',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/studentManagement/mylike',
+        component: () => import('@/views/myLike/index.vue'),
+        name: 'Mylike',
+        meta: {
+          title: '我的点赞',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/studentManagement/myMessage',
+        component: () => import('@/views/myMessage/index.vue'),
+        name: 'MyMessage',
+        meta: {
+          title: '我的消息',
+          hidden: false,
+          icon: 'ChatDotSquare',
+        },
+      },
+
+      {
+        path: '/studentManagement/student',
+        component: () => import('@/views/student/index.vue'),
+        name: 'Student',
+        meta: {
+          title: '学生管理',
+          hidden: false,
+          icon: 'User',
+        },
+      },
+      {
+        path: '/messageManagement/message',
         component: () => import('@/views/message/index.vue'),
         name: 'Message',
         meta: {
@@ -108,40 +181,113 @@ export const constantRoute: any = [
           icon: 'ChatDotSquare',
         },
       },
-    ],
-  },
-  {
-    path: '/myCourseStudyManagement',
-    component: () => import('@/layout/index.vue'),
-    name: 'MyCourseStudyManagement',
-    meta: {
-      title: '',
-      hidden: false,
-      icon: 'HomeFilled', // 菜单图标
-    },
-    children: [
       {
-        path: '/myCourseStudyManagement/myCourseStudy',
-        component: () => import('@/views/MyCourseStudy/index.vue'),
-        name: 'MyCourseStudy',
+        path: '/messageManagement/sendMessage',
+        component: () => import('@/views/message/components/sendMessage.vue'),
+        name: 'SendMessage',
+        meta: {
+          title: '个人发出',
+          hidden: true,
+          icon: '',
+        },
+      },
+      {
+        path: '/messageContentList',
+        component: () =>
+            import('@/views/message/components/receiveContentList.vue'),
+        name: 'MessageContentList',
+        meta: {
+          title: '收到信息详情',
+          hidden: true,
+          icon: '',
+        },
+      },
+      {
+        path: '/sendMessageList',
+        component: () =>
+            import('@/views/message/components/sendMessageList.vue'),
+        name: 'SendMessageList',
         meta: {
-          title: '我学习的课程',
+          title: '发送信息详情',
+          hidden: true,
+          icon: '',
+        },
+      },
+      {
+        path: '/messageContent',
+        component: () =>
+            import('@/views/message/components/messageContent.vue'),
+        name: 'MessageContent',
+        meta: {
+          title: '写栈内信函',
+          hidden: true,
+          icon: 'EditPen',
+        },
+      },
+
+      {
+        path: '/news/newsContent',
+        component: () => import('@/views/news/index.vue'),
+        name: 'NewsContent',
+        meta: {
+          title: '栏目',
+          hidden: false,
+          icon: 'Promotion',
+        },
+      },
+      {
+        path: '/news/newsContentDetails',
+        component: () =>
+            import('@/views/news/components/newsContentManage.vue'),
+        name: 'NewsContentDetails',
+        meta: {
+          title: '文章',
+          hidden: false,
+          icon: 'BellFilled',
+        },
+      },
+
+      {
+        path: '/myCourseStudyManagement/learningProcess1',
+        component: () =>
+            import('@/views/MyCourseStudy/knowledgeLearningProcess.vue'),
+        name: 'LearningProcess1',
+        meta: {
+          title: '知识点学习记录',
+          hidden: true,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/learningProcess2',
+        component: () => import('@/views/MyCourseStudy/resourceLearning.vue'),
+        name: 'LearningProcess2',
+        meta: {
+          title: '资源学习记录',
+          hidden: true,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/courseCollections',
+        component: () => import('@/views/MyCourseStudy/courseCollections.vue'),
+        name: 'CourseCollections',
+        meta: {
+          title: '课程收藏',
+          hidden: false,
+          icon: 'StarFilled',
+        },
+      },
+      {
+        path: '/myCourseStudyManagement/Courselikes',
+        component: () => import('@/views/MyCourseStudy/Courselikes.vue'),
+        name: 'Courselikes',
+        meta: {
+          title: '课程点赞',
           hidden: false,
           icon: 'StarFilled',
         },
       },
-    ],
-  },
-  {
-    path: '/courseResourcesManagement',
-    component: () => import('@/layout/index.vue'),
-    name: 'CourseResourcesManagement',
-    meta: {
-      title: '课程资源',
-      hidden: false,
-      icon: 'HomeFilled', // 菜单图标
-    },
-    children: [
       {
         path: '/courseResourcesManagement/courseResources',
         component: () => import('@/views/courseResources/index.vue'),
@@ -152,6 +298,16 @@ export const constantRoute: any = [
           icon: 'Reading',
         },
       },
+      {
+        path: '/courseResourcesManagement/knowledgeManagement',
+        component: () => import('@/views/knowledgeManagement/index.vue'),
+        name: 'KnowledgeManagement',
+        meta: {
+          title: '知识点管理',
+          hidden: false,
+          icon: 'Reading',
+        },
+      }
     ],
   },
-]
+]
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/setting.ts b/teaching_integration_platform_admin_template/src/setting.ts
index acf187d..e02d00d 100644
--- a/teaching_integration_platform_admin_template/src/setting.ts
+++ b/teaching_integration_platform_admin_template/src/setting.ts
@@ -1,6 +1,9 @@
 // 用于项目logo 标题配置
 export default {
-  title: '教学一体化后台', //项目标题
+  title: '课图——首个开源课程知识图谱管理系统', //项目标题
   logo: '/public/vite.svg', //项目logo
   logoHidden: true, // logo隐藏设置
+  'files.associations': {
+    '*.vue': 'html',
+  },
 }
diff --git a/teaching_integration_platform_admin_template/src/store/index.ts b/teaching_integration_platform_admin_template/src/store/index.ts
index 2a205ca..5fee903 100644
--- a/teaching_integration_platform_admin_template/src/store/index.ts
+++ b/teaching_integration_platform_admin_template/src/store/index.ts
@@ -1,6 +1,9 @@
 // 引入仓库
 import { createPinia } from 'pinia'
+// import persist from 'pinia-plugin-persistedstate'
 // 创建仓库
 const pinia = createPinia()
 // 暴露仓库
+// pinia.use(persist)
 export default pinia
+// export * from './modules/user'
diff --git a/teaching_integration_platform_admin_template/src/store/modules/type/types.ts b/teaching_integration_platform_admin_template/src/store/modules/type/types.ts
index 5e613b1..09bdbc7 100644
--- a/teaching_integration_platform_admin_template/src/store/modules/type/types.ts
+++ b/teaching_integration_platform_admin_template/src/store/modules/type/types.ts
@@ -5,4 +5,7 @@ export interface LoginStoreType {
   userName: string // 用户姓名
   avatar: string // 用户头像
   routes: string
+  phone: string
+  userInfo: object
+  data: object
 }
diff --git a/teaching_integration_platform_admin_template/src/store/modules/user.ts b/teaching_integration_platform_admin_template/src/store/modules/user.ts
index 8fabbfd..ebe5493 100644
--- a/teaching_integration_platform_admin_template/src/store/modules/user.ts
+++ b/teaching_integration_platform_admin_template/src/store/modules/user.ts
@@ -1,11 +1,9 @@
 // 创建用户相关的仓库
 import { defineStore } from 'pinia'
-// 引入登录接口
-import { reqLogin, getUserInfo } from '@/api/user/index'
 // 引入登录参数类型
-import { loginType, loginResponseType } from '@/api/user/types'
+import { loginType } from '@/api/user/types'
 // 引入ElementPlus通知插件
-import { ElNotification } from 'element-plus'
+import { ElMessage, ElNotification } from 'element-plus'
 import { getTime } from '@/utils/time'
 import { LoginStoreType } from '../modules/type/types'
 // 引入设置token的方法
@@ -13,8 +11,17 @@ import { GET_TKOEN, SET_TKOEN, REMOVE_TOKEN } from '@/utils/token'
 // 引入常量路由
 import { constantRoute } from '@/router/routers'
 import permissionStore from './permission'
+import {useRouter} from 'vue-router'
 // 引入路由
+import {
+  userLoginService,
+  userGetInfoService,
+  userPhoneLoginService,
+  userIdenService,
+} from '@/api/user/user.js'
+
 const useUserStore = defineStore('User', {
+  // @ts-expect-error
   state: (): LoginStoreType => {
     return {
       token: GET_TKOEN('TOKEN') || '',
@@ -22,15 +29,45 @@ const useUserStore = defineStore('User', {
       userName: '', // 用户姓名
       avatar: '', // 用户头像
       routes: '',
+      phone: '',
+      userInfo: {}, // 当前用户相关信息
+      data: {},
     }
   },
   actions: {
     // 登录事件
-    async userLogin(data: loginType) {
-      const res: loginResponseType = await reqLogin(data)
-      this.token = res.data.token as string
-
+    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) {
+        this.token = res.data.token as string
+        SET_TKOEN('TOKEN', this.token)
+        // localStorage.setItem('TOKEN', this.token)
+        ElNotification({
+          type: 'success',
+          message: '登录成功!',
+          title: `Hi ${getTime()}!`,
+        })
+        return 'ok'
+      } else {
+        // ElNotification({
+        //   // type: 'error',
+        //   message: res.message,
+        // })
+        ElMessage.error(res.message)
+        return Promise.reject(new Error(res.data.message))
+      }
+    },
+    //手机号登录
+    async userPhoneLogin(data: loginType) {
+      const res: any = await userPhoneLoginService(data)
+      // console.log(res, 11111)
       if (res.code === 200) {
+        this.token = res.data.token as string //接收返回的token
+        // @ts-expect-error
         SET_TKOEN('TOKEN', this.token)
         // localStorage.setItem('TOKEN', this.token)
         ElNotification({
@@ -42,22 +79,25 @@ const useUserStore = defineStore('User', {
       } else {
         ElNotification({
           type: 'error',
-          message: res.data.message,
+          message: res.message,
         })
         return Promise.reject(new Error(res.data.message))
       }
     },
-    // 获取用户信息事件
+    // 获取用户信息
     async getUserInfo() {
-      const result = await getUserInfo()
+      const result: any = await userGetInfoService(GET_TKOEN('TOKEN'))
       if (result.code === 200) {
-        console.log(result)
-
-        this.userName = result.data.checkUser.username
-        this.avatar = result.data.checkUser.avatar
-        this.routes = result.data.checkUser.routes
-
-        return 'ok'
+        // console.log(result, 'result')
+        // 获取用户个人信息
+        const res = await userIdenService(result.data.id)
+        this.userInfo = res.data
+        this.data = result.data
+        this.userName = result.data.username
+        this.routes = result.data.permissions
+        return {
+          result,
+        }
       } else {
         return Promise.reject('登录过期')
       }
@@ -65,17 +105,29 @@ const useUserStore = defineStore('User', {
     // 退出登录事件
     logout() {
       const usePermissionStore = permissionStore()
-      console.log(usePermissionStore)
-
+      // console.log(usePermissionStore)
       // 清除token
-      REMOVE_TOKEN('TOKEN')
-      ;(this.userName = ''), (this.avatar = '')
-      this.token = ''
-      this.routes = ''
-      usePermissionStore.removeRouter()
-      location.reload()
+      REMOVE_TOKEN('TOKEN'),
+        // ;(this.userName = ''), (this.avatar = '')
+        // @ts-expect-error
+        (this.userName = ''),
+        // @ts-expect-error
+
+        this.token = ''
+        // @ts-expect-error
+
+        this.routes = ''
+        usePermissionStore.removeRouter()
+        location.reload()
+        const router = useRouter()
+        console.log(router.getRoutes());
+        
+      },
     },
+    getters: {},
+  },
+  {
+    persist: true, // 持久化
   },
-  getters: {},
-})
+)
 export default useUserStore
diff --git a/teaching_integration_platform_admin_template/src/styles/index.scss b/teaching_integration_platform_admin_template/src/styles/index.scss
index b83a609..49fb8ba 100644
--- a/teaching_integration_platform_admin_template/src/styles/index.scss
+++ b/teaching_integration_platform_admin_template/src/styles/index.scss
@@ -2,43 +2,51 @@
 @import './reset.scss';
 
 // 滚动条外观样式设置
-::-webkit-scrollbar{
+::-webkit-scrollbar {
     width: 10px;
 }
-::-webkit-scrollbar-track{
-    background-color:$base-menu-background;
+
+::-webkit-scrollbar-track {
+    background-color: $base-menu-background;
 }
-::-webkit-scrollbar-thumb{
+
+::-webkit-scrollbar-thumb {
     width: 10px;
-    background-color: #fff;
+    background-color: #7d7b7b;
     border-radius: 10px;
 }
 
 // 修改elemen plus样式
-.el-menu{
+.el-menu {
     background-color: #ffffff;
 }
-.el-menu-item:hover{
+
+.el-menu-item:hover {
     background-color: #5577ff;
     color: #fff;
 }
-.el-sub-menu__title:hover{
+
+.el-sub-menu__title:hover {
     background-color: #5577ff;
     color: #fff;
 }
-.el-menu-item.is-active{
+
+.el-menu-item.is-active {
     color: #fff;
     background-color: #5577ff;
 }
-.el-menu-item{
+
+.el-menu-item {
     color: #9896A3;
     border-radius: 10px;
     margin: 5px 0;
 }
-.el-sub-menu__title{
+
+.el-sub-menu__title {
     color: #9896A3;
     border-radius: 10px;
 }
-.el-scrollbar__wrap{
+
+.el-scrollbar__wrap {
     padding: 0 15px;
 }
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/styles/variable.scss b/teaching_integration_platform_admin_template/src/styles/variable.scss
index 9bf72d9..7ffb3de 100644
--- a/teaching_integration_platform_admin_template/src/styles/variable.scss
+++ b/teaching_integration_platform_admin_template/src/styles/variable.scss
@@ -9,6 +9,6 @@ $base-menu-background:#ffffff;
 // 顶部导航高度
 $base-tabbar-height:50px;
 // 左侧菜单logo高度
-$base-menu-logo-height:50px;
+$base-menu-logo-height:70px;
 // 左侧菜单标题文字大小
-$base-menu-logo-title-size:20px;
+$base-menu-logo-title-size:13px;
diff --git a/teaching_integration_platform_admin_template/src/utils/alioss.js b/teaching_integration_platform_admin_template/src/utils/alioss.js
new file mode 100644
index 0000000..bd49467
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/utils/alioss.js
@@ -0,0 +1,31 @@
+import OSS from 'ali-oss'
+import { nanoid } from 'nanoid'
+export const client = new OSS({
+  region: 'oss-cn-beijing', //创建的时候，bucket所在的区域，华北2->oss-cn-beijing ；其他的可以去百度
+  accessKeyId: 'LTAI5tPutTqQcDZjPXTVmuLy', // 阿里云控制台创建的AccessKey
+  accessKeySecret: '3PmB75969OJt6uOMkRJTZjpSbVI4iL', //阿里云控制台创建的AccessSecret
+  bucket: 'teaching-edu123', //创建的bucket的名称
+  endpoint: 'oss-cn-beijing.aliyuncs.com', //地域节点
+  secure: false, //http:false,https:ture
+})
+export const tool = {
+  oss: {
+    async upload(file) {
+      // // console.log(11, file, client)
+
+      // 文件名
+      const uuid = nanoid()
+      // 文件后缀名
+      const index = file.name.lastIndexOf('.')
+      const suffix = file.name.substring(index + 1)
+      let fileName = uuid + '.' + suffix
+      console.log(uuid, file, suffix)
+      // return await client.multipartUpload(fileName, file, {
+      //   progress: function (p) {
+      //     console.log('进度', p)
+      //   },
+      // })
+      return await client.put(fileName, file)
+    },
+  },
+}
diff --git a/teaching_integration_platform_admin_template/src/utils/oss.js b/teaching_integration_platform_admin_template/src/utils/oss.js
new file mode 100644
index 0000000..12bc7c6
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/utils/oss.js
@@ -0,0 +1,23 @@
+import { client } from '@/config/index.js'
+import { nanoid } from 'nanoid' //随机函数
+const tool = {
+  oss: {
+    async upload(file) {
+      // 文件名
+      const uuid = nanoid()
+      // 文件后缀名
+      const index = file.name.lastIndexOf('.')
+      const suffix = file.name.substring(index + 1)
+      //完整路径
+      let fileName = 'wenyu/' + uuid + '.' + suffix
+
+      return await client.multipartUpload(fileName, file, {
+        progress: function (p) {
+          console.log('进度', p)
+        },
+      })
+    },
+  },
+}
+
+export default tool
diff --git a/teaching_integration_platform_admin_template/src/utils/request.ts b/teaching_integration_platform_admin_template/src/utils/request.ts
index 7c7c3a5..214b86b 100644
--- a/teaching_integration_platform_admin_template/src/utils/request.ts
+++ b/teaching_integration_platform_admin_template/src/utils/request.ts
@@ -2,7 +2,6 @@ import axios from 'axios'
 import { ElMessage } from 'element-plus'
 // 获取用户相关小仓库
 import useUserStore from '@/store/modules/user'
-
 //创建axios实例
 const request = axios.create({
   baseURL: import.meta.env.VITE_APP_BASE_API,
@@ -12,7 +11,7 @@ const request = axios.create({
 request.interceptors.request.use((config) => {
   const userStore = useUserStore()
   // 设置请求头设置token
-  config.headers.token = userStore.token
+  config.headers.Authorization = `Bearer ${userStore.token}`
   return config
 })
 //响应拦截器
@@ -22,28 +21,28 @@ request.interceptors.response.use(
   },
   (error) => {
     //处理网络错误
-    let msg = ''
-    const status = error.response.status
-    switch (status) {
-      case 401:
-        msg = 'token过期'
-        break
-      case 403:
-        msg = '无权访问'
-        break
-      case 404:
-        msg = '请求地址错误'
-        break
-      case 500:
-        msg = '服务器出现问题'
-        break
-      default:
-        msg = '无网络'
-    }
-    ElMessage({
-      type: 'error',
-      message: msg,
-    })
+    // let msg = ''
+    // const status = error.response.status
+    // switch (status) {
+    //   case 401:
+    //     msg = 'token过期'
+    //     break
+    //   case 403:
+    //     msg = '无权访问'
+    //     break
+    //   case 404:
+    //     msg = '请求地址错误'
+    //     break
+    //   case 500:
+    //     msg = '服务器出现问题'
+    //     break
+    //   default:
+    //     msg = '出错了'
+    // }
+    // ElMessage({
+    //   type: 'error',
+    //   message: msg,
+    // })
     return Promise.reject(error)
   },
 )
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/ContainerCla.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/ContainerCla.vue
new file mode 100644
index 0000000..e2ecc24
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/ContainerCla.vue
@@ -0,0 +1,266 @@
+<template>
+  <!-- 课程收藏页面 -->
+  <el-tab-pane label="课程收藏" name="first">
+    <div class="Container_Cla" ref="container">
+      <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%" /> -->
+            <p>查看课程</p>
+            <p>取消收藏</p>
+          </div>
+          <!-- 课程图片 -->
+          <img :src="item_1.img" />
+        </div>
+        <div class="ClaCon">
+          <div class="Con">
+            <h3>{{ item_1.name }}</h3>
+            <p>讲师:{{ item_1.teacher }}</p>
+            <p>
+              <span>{{ item_1.classhours }}</span>
+              学时 &nbsp; | &nbsp;
+              <span>{{ item_1.credit }}</span>
+              学分
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="Page-1">
+      <el-pagination
+        v-model:current-page="params.current"
+        v-model:page-size="params.pageSize"
+        :page-sizes="[6, 8, 12, 15]"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </el-tab-pane>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import { SeCourseFavourControllerService } from '../../../generated/services/SeCourseFavourControllerService'
+import { CourseFavourQueryRequest } from 'generated/models/CourseFavourQueryRequest'
+// ===============================
+const container = ref()
+function handleResize() {
+  const style = getComputedStyle(container.value)
+  const width = Number(style.width.slice(0, -2))
+  if (width >= 350 * 4.5)
+    container.value.style.gridTemplateColumns = 'repeat(4, 350px)'
+  else container.value.style.gridTemplateColumns = 'repeat(auto-fill, 350px)'
+}
+function debounce(func: any, delay: any) {
+  let timer: any
+  return function () {
+    clearTimeout(timer)
+    timer = setTimeout(() => {
+      // @ts-ignore
+      func.apply(this, arguments)
+    }, delay)
+  }
+}
+const deHR = debounce(handleResize, 500)
+const myObserver = new ResizeObserver(deHR)
+onMounted(() => myObserver.observe(container.value))
+// ===============================
+const total = ref(0)
+const datalist = ref([
+  {
+    // 课程学时
+    classhours: '',
+    //  课程学分
+    credit: '',
+    id: '',
+    img: '',
+    name: '',
+    //  教师id
+    teacher: '',
+  },
+])
+// 表单信息
+let params = ref<CourseFavourQueryRequest>({
+  current: 1,
+  pageSize: 12,
+  sortField: '',
+  sortOrder: '',
+  userId: 2,
+})
+// 获取表单数据
+const getDatalist = async () => {
+  const res = await SeCourseFavourControllerService.listPostByPageUsingPost1(
+    params.value,
+  )
+  datalist.value = res.data.records
+  total.value = res.data.total
+}
+
+getDatalist()
+
+// 分页选择
+const handleSizeChange = (size: any) => {
+  // console.log(size)
+  params.value.current = 1
+  params.value.pageSize = size
+  // 基于每页条数重新渲染
+  getDatalist()
+}
+const handleCurrentChange = (page: any) => {
+  console.log(page)
+  params.value.current = page
+  // 基于当前页渲染数据
+  // getCourseList()
+  getDatalist()
+}
+</script>
+<style lang="scss" scoped>
+.el-pagination {
+  justify-content: center;
+}
+
+.example-pagination-block + .example-pagination-block {
+  margin-top: 10px;
+}
+
+.example-pagination-block .example-demonstration {
+  margin-bottom: 16px;
+}
+
+.curse-collection {
+  margin: 0;
+}
+
+::v-deep .el-tabs__header {
+  margin-bottom: 5px;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.demo-tabs {
+  padding: 0px;
+  color: #6b778c;
+  font-size: 32px;
+  font-weight: 600;
+}
+
+.Container_Cla {
+  min-height: 750px;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 350px);
+  justify-content: space-around;
+  padding-top: 20px;
+}
+
+.item_1 {
+  display: inline-block;
+  width: 100%;
+  height: 300px;
+  margin-bottom: 30px;
+  border-left: 1px solid #e4e4e4;
+  border-top: 1px solid #e4e4e4;
+  border-radius: 6px;
+  overflow: hidden;
+  box-shadow: 2px 2px 2px 2px rgba(214, 212, 212, 0.5);
+}
+
+.ClassImg {
+  height: 180px;
+  width: 100%;
+  position: relative;
+  background-color: rgb(249, 245, 245);
+  border-bottom: 1px solid rgb(217, 217, 217);
+}
+
+.ClassImg > img {
+  width: 100%;
+  height: 180px;
+}
+
+.item_1:hover {
+  .ClassGd {
+    display: block;
+  }
+}
+
+.ClassGd {
+  position: absolute;
+  right: 0;
+  background-color: rgb(217, 217, 217, 0.5);
+  display: none;
+  padding: 3px 5px;
+  cursor: pointer;
+  border-radius: 6px;
+  & > p {
+    margin-top: 3px;
+    margin-bottom: 3px;
+    font-size: 10px;
+    font-weight: 350;
+    color: black;
+    white-space:nowrap;
+    &:hover {
+      color: #2952f6;
+      font-weight: 35s0;
+    }
+  }
+}
+
+.ClaCon {
+  display: flex;
+  justify-content: space-between;
+  background-color: #cfded071;
+}
+
+.Con {
+  display: inline-block;
+  height: 120px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.Con > h3 {
+  margin-left: 15px;
+  font-size: 25px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.Con > p {
+  margin-left: 15px;
+  margin-top: 5px;
+  font-size: 13px;
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.Con > p > span {
+  margin-left: 5px;
+  margin-right: 5px;
+  color: rgb(94, 188, 231);
+  font-weight: 600;
+}
+
+.Con > button {
+  width: 45px;
+  height: 20px;
+  font-size: 9px;
+  margin-left: 200px;
+  margin-bottom: 10px;
+}
+
+.Page-1 {
+  width: 100%;
+  justify-content: center;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/ContainerKno.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/ContainerKno.vue
new file mode 100644
index 0000000..ea87d0b
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/ContainerKno.vue
@@ -0,0 +1,171 @@
+<template>
+  <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>
+        </div>
+      </div>
+    </div>
+  </el-tab-pane>
+</template>
+<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%;
+  padding: 15px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 250px);
+  justify-content: space-around;
+  background-color: #f2f7fb;
+}
+
+.item_3 {
+  width: 240px;
+  height: 320px;
+  margin-bottom: 30px;
+  padding-left: 20px;
+  border: 1px solid #e4e4e4;
+  border-radius: 6px;
+  box-shadow: 2px 2px 2px 2px #dbd8d8;
+  background-color: #fff;
+}
+
+.KnowledgeCollent {
+  width: 100%;
+  height: 85px;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  padding-left: 8px;
+  padding-right: 20px;
+}
+
+.KnoCon {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.KnoBtn > img {
+  padding-top: 20px;
+  cursor: pointer;
+}
+
+.KnowledgeCollent h4 {
+  margin-top: 3px;
+  font-size: 27px;
+  font-weight: 550;
+  font-style: normal;
+}
+
+.KnowledgeCollent p {
+  margin-left: 3px;
+  font-size: 18px;
+  font-weight: 500;
+  font-style: normal;
+}
+
+.Knowledge_point {
+  height: 235px;
+  padding-left: 5px;
+  font-size: 15px;
+  display: flex;
+  justify-content: space-around;
+  flex-direction: column;
+}
+
+.Knowledge_point > ul > li {
+  display: inline-block;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  font-family: Inter, Inter;
+  font-weight: bold;
+  font-size: 15px;
+  color: #0052d9;
+  line-height: 25px;
+  padding-left: 5px;
+  background-color: #bfc5fe;
+  border-radius: 3px;
+}
+
+.btn:hover {
+  cursor: pointer;
+  color: rgb(15, 57, 76);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/Courselikes.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/Courselikes.vue
new file mode 100644
index 0000000..e7d0913
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/Courselikes.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>课程点赞</div>
+</template>
+
+<script lang="ts" setup>
+import {} from 'vue'
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/courseCollections.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/courseCollections.vue
new file mode 100644
index 0000000..29c41da
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/courseCollections.vue
@@ -0,0 +1,438 @@
+<template>
+  <div class="curse-collection">
+    <el-tabs
+      v-model="activeName"
+      type="card"
+      class="demo-tabs"
+      @tab-click="handleClick"
+      style="padding-top: 0"
+    >
+      <!-- 课程收藏页面 -->
+      <ContainerCla />
+      <!-- 资源收藏页面 -->
+      <el-tab-pane label="资源收藏" name="second">
+        <div class="Container_Res">
+          <!-- Tab切换栏 -->
+          <ul class="Container_Res_Tab">
+            <li class="img-svg" @click="hsndelShow(1)">
+              <img src="../../assets/icons/课程简介.svg" alt="简介" />
+              <br />
+              <p>简介</p>
+            </li>
+            <li class="img-svg" @click="hsndelShow(2)">
+              <img src="../../assets/icons/PPT文件.svg" alt="PPT" />
+              <br />
+              <p>PPT</p>
+            </li>
+            <li class="img-svg" @click="hsndelShow(3)">
+              <img src="../../assets/icons/视频.svg" alt="视频" />
+              <br />
+              <p>视频</p>
+            </li>
+            <li class="img-svg" @click="hsndelShow(4)">
+              <img src="../../assets/icons/文本.svg" alt="文本" />
+              <br />
+              <p>文本</p>
+            </li>
+            <li class="img-svg" @click="hsndelShow(5)">
+              <img src="../../assets/icons/音频.svg" alt="音频" />
+              <br />
+              <p>音频</p>
+            </li>
+          </ul>
+        </div>
+        <!-- 切换栏对应的小页面 -->
+        <!-- 简介页面-1 -->
+        <div class="Res_con" v-show="activeIndex == 1">
+          <div class="item_2-1" v-for="(item, index) in datalist" :key="item.id">
+            <div class="ResImg-1">
+              <img src="../../assets/images/kctp.png" />
+            </div>
+            <div class="ResClaDic-1">
+              <p>{{index + 1}}.&nbsp;{{ item.name }}</p>
+              <p style="color: rgb(180,180 ,180 );">&nbsp;{{ item.description }}</p>
+            </div>
+          </div>
+        </div>
+        <!-- PPT页面-2 -->
+        <div class="Res_con" v-show="activeIndex == 2">
+          <div class="item_2-2" v-for="(item, index) in datalist" :key="item.id">
+            <div class="ResImg-2">
+              <div class="Img">
+                <img :src="item.img" />
+              </div>
+            </div>
+            <div class="ResClaDic">
+              <p>{{ index + 1 }}.&nbsp;{{ item.name }}</p>
+            </div>
+          </div>
+        </div>
+        <!-- 视频页面-3 -->
+        <div class="Res_con" v-show="activeIndex == 3">
+          <div class="item_2-3" v-for="(item, index) in datalist" :key="index">
+            <div class="ResImg-2">
+              <div class="Img">
+                <img src="../../assets/icons/视频.png" />
+              </div>
+            </div>
+            <div class="ResClaDic">
+              <p>{{ index + 1 }}.&nbsp;{{ item.name }}</p>
+              <el-button plain @click="hand1(item)">
+                点击播放
+              </el-button>
+            </div>
+          </div>
+        </div>
+        <el-dialog
+          v-model="centerDialogVisible"
+          :title="`${data.name}`"
+          width="1000"
+          style="height:600px;"
+          align-center
+          class="adad"
+        >
+          <!-- <span>点击开了一个弹框</span> -->
+          <template #footer>
+            <div class="dialog-footer">
+              <video width="300" height="200" :src="data.img"></video>
+            </div>
+          </template>
+        </el-dialog>
+        <!-- 文本页面-4 -->
+        <div class="Res_con" v-show="activeIndex == 4">
+          <div class="item_2-4" v-for="(item, index) in 8" :key="index">
+            <div class="ResImg-2">
+              <div class="Img">
+                <img src="../../assets/icons/文本.png" />
+              </div>
+            </div>
+            <div class="ResClaDic">
+              <p>文本名称-----{{ item }}</p>
+            </div>
+          </div>
+        </div>
+
+        <!-- 音频页面-5 -->
+        <div class="Res_con" v-show="activeIndex == 5">
+          <div class="item_2-5" v-for="(item, index) in 10" :key="index">
+            <div class="ResImg-2">
+              <div class="Img">
+                <img src="../../assets/icons/音频.png" />
+              </div>
+            </div>
+            <div class="ResClaDic">
+              <p>音频名称-----{{ item }}</p>
+            </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"
+          />
+        </div>
+      </el-tab-pane>
+      <!-- 知识点收藏页面 -->
+      <ContainerKno />
+    </el-tabs>
+    <el-backtop :right="100" :bottom="100" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch,reactive } from 'vue'
+import type { TabsPaneContext } from 'element-plus'
+import ContainerCla from './ContainerCla.vue'
+import ContainerKno from './ContainerKno.vue'
+import { SeResourceFavourControllerService } from '../../../generated/services/SeResourceFavourControllerService'
+const centerDialogVisible = ref(false)
+
+const data = ref<any>({})
+function hand1(item:any){
+  centerDialogVisible.value = true
+  data.value= item
+  console.log(data.value);
+}
+const activeIndex = ref(1)
+function hsndelShow(index: number) {
+  activeIndex.value = index
+}
+const arr = ref([])
+const total = ref(0)
+// 分页器
+const currentPage1 = ref(1)
+const pageSize1 = ref(10)
+const disabled = ref(false)
+
+const handleSizeChange = () => {
+  getDatalist()
+}
+const handleCurrentChange = () => {
+  getDatalist()
+}
+
+function initFenYie() {
+  arr.value.length = 0
+  currentPage1.value = 1
+  pageSize1.value = 10
+}
+
+watch(activeIndex, () => {
+  initFenYie()
+  getDatalist()
+})
+
+
+
+const datalist = ref([
+  {
+    description: '',
+    id: '',
+    img: '',
+    name: '',
+    path: '',
+    status: '',
+    tags: '',
+    type: '',
+  },
+])
+
+const getDatalist = async () => {
+  const params = {
+  current: currentPage1.value,
+  type: activeIndex.value,
+  pageSize: pageSize1.value,
+  sortField: '',
+  sortOrder: '',
+  userId: '3',
+}
+  const res =
+    await SeResourceFavourControllerService.listPostByPageUsingPost3(params)
+  datalist.value = res.data.records
+  total.value = res.data.total
+  console.log(datalist.value[0])
+}
+getDatalist()
+
+const activeName = ref('first')
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  console.log(tab, event)
+}
+</script>
+
+<style lang="scss" scoped>
+.el-pagination {
+  justify-content: center;
+}
+
+.example-pagination-block + .example-pagination-block {
+  margin-top: 10px;
+}
+
+.example-pagination-block .example-demonstration {
+  margin-bottom: 16px;
+}
+
+.curse-collection {
+  // margin-left: -20px;
+  margin: 0;
+}
+
+:deep(.el-tabs__header) {
+  margin-bottom: 5px;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.demo-tabs {
+  padding: 0px;
+  color: #6b778c;
+  font-size: 32px;
+  font-weight: 600;
+}
+
+// 资源收藏页面大盒子
+.Container_Res {
+  width: 100%;
+  height: 100%;
+  background-color: #f2f7fb;
+}
+
+// 资源收藏盒子切换栏
+.Container_Res_Tab {
+  height: 60px;
+  display: flex;
+  justify-content: space-around;
+  background-color: #f3f5f8;
+  border-bottom: #e4e4e4 solid 1px;
+  flex-direction: row;
+}
+
+// 资源收藏盒子切换栏图标盒子
+.img-svg {
+  width: 54px;
+  height: 58px;
+  padding: 4px 11px 6px 11px;
+
+  // 切换栏里面图片的大小
+  & img {
+    width: 32px;
+    height: 32px;
+  }
+
+  // 切换栏下面的文字
+  & p {
+    font-size: 10px;
+    font-weight: 400;
+    text-align: center;
+  }
+}
+
+// 切换栏鼠标悬停样式
+.img-svg:hover {
+  cursor: pointer;
+  border-bottom: rgb(96, 93, 172) solid 3px;
+
+  & p:hover {
+    text-decoration: underline;
+  }
+}
+
+// 切换栏下面的大页面
+.Res_con {
+  width: 100%;
+  height: 100%;
+  min-height: 750px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 350px);
+  justify-content: space-around;
+  background-color: #ffffff;
+}
+
+// 简介页面中的每一项
+.item_2-1 {
+  width: 100%;
+  height: 300px;
+  margin-top: 20px;
+  border-radius: 6px;
+  border-left: 1px solid #e4e4e4;
+  border-top: 1px solid #e4e4e4;
+  overflow: hidden;
+  box-shadow: 2px 2px 2px 2px rgba(214, 212, 212, 0.5);
+}
+
+// 简介页面中图片盒子
+.ResImg-1 {
+  width: 100%;
+  height: 215px;
+  border-bottom: 1px solid rgb(229, 227, 227);
+  overflow: hidden;
+
+  &>img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+// 简介页面课程描述
+.ResClaDic-1 {
+  width: 100%;
+  height: 85px;
+  padding: 2%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.ResImg-2 {
+  width: 100%;
+  height: 225px;
+  border-bottom: 1px solid rgb(214, 214, 214);
+}
+
+.Img {
+  width: 100%;
+  height: 100%;
+    display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 5%;
+  &>img{
+    height: 95%;
+    width: 65%;
+
+  }
+}
+
+.ResClaDic-1 > p {
+  font-family: Inter, Inter;
+  font-weight: 500;
+  font-size: 20px;
+  color: #333333;
+  line-height: 23px;
+  text-align: left;
+  margin-left: 5px;
+}
+
+.item_2-2,
+.item_2-5 {
+  width: 100%;
+  height: 310px;
+  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;
+}
+.ResClaDic {
+  width: 100%;
+  height: 85px;
+  padding: 2%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+.ResClaDic > p {
+  font-family: Inter, Inter;
+  font-weight: 500;
+  font-size: 20px;
+  color: #333333;
+  line-height: 23px;
+  text-align: left;
+  margin-left: 5px;
+}
+.item_2-3,
+.item_2-4 {
+  width: 100%;
+  height: 310px;
+  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%;
+  padding: 10px;
+  position: flex;
+  justify-content: center;
+  background-color: #fff;
+  border-top: 1px solid rgb(229, 227, 227, 0.5);
+  border-bottom: 1px solid rgb(229, 227, 227, 0.5);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/knowledgeLearningProcess.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/knowledgeLearningProcess.vue
new file mode 100644
index 0000000..549c4c0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/knowledgeLearningProcess.vue
@@ -0,0 +1,84 @@
+<script setup>
+import { ref } from 'vue'
+import { onMounted } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import useUserStore from '@/store/modules/user'
+import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService'
+const recordList = ref([])
+const userStore = useUserStore()
+
+onMounted(() => {
+  userStore.getUserInfo()
+})
+const route = useRoute()
+const router = useRouter()
+const params = ref({
+  userId: userStore.data.id,
+  courseId: route.query.courseId,
+  pagenum: '1',
+  pagesize: '10',
+})
+// console.log("courseId:"+ route.query.courseId);
+//this.$route.query.courseId
+//获取浏览记录列表
+const getrecordList = async () => {
+  const res = await LearningRecordsControllerService.knowlegdeLearningRecords(
+    params.value.userId,
+    params.value.courseId,
+    params.value.pagenum,
+    params.value.pagesize,
+  )
+  console.log("记录列表：");
+  console.log(res)
+  recordList.value = res.data.records
+}
+//跳转页面
+const goToAnotherPage = (address, courseId, knowledgeId) => {
+  router.push({
+    path: address,
+    query: {
+      courseId: courseId,
+      knowledgeId: knowledgeId
+    }
+  })
+}
+//跳转页面(返回上级目录)
+const goToAnotherPageback = () => {
+  router.push({
+    path: '/myCourseStudyManagement/learningProcess'
+  })
+}
+getrecordList()
+</script>
+
+<style lang="scss" scoped></style>
+<template>
+  <!-- 头部 -->
+  <div class="header">
+    <el-button type="primary" plain>浏览记录</el-button>
+    <el-button type="primary" plain @click="goToAnotherPageback" style="float: right">
+      返回上级目录
+    </el-button>
+  </div>
+  <!-- 中间 -->
+  <div class="record-list">
+    <el-table class="table" :data="recordList" border style="width: 100%" :row-style="{ cursor: 'pointer' }"
+      @row-click="record => goToAnotherPage('/myCourseStudyManagement/learningProcess2', record.coursesId, record.knowledgeId)">
+      <el-table-column prop="knowledgeName" label="知识点名称" />
+      <el-table-column prop="time" label="学习时间" />
+      <el-table-column prop="number" label="学习人数" />
+      <template #empty>
+        <el-empty description="暂时没有浏览记录" />
+      </template>
+    </el-table>
+  </div>
+</template>
+
+
+<style lang="scss" scoped>
+::v-deep .table {
+  .el-scrollbar__wrap {
+    padding: 0 !important;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/learningProcess.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/learningProcess.vue
new file mode 100644
index 0000000..29de3fb
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/learningProcess.vue
@@ -0,0 +1,217 @@
+<template>
+  <div class="container">
+    <el-card>
+      <el-form :inline="true" :model="formInline" class="demo-form-inline">
+        <el-form-item label="课程名称">
+          <el-input
+            v-model="formInline.user"
+            placeholder="请输入课程名称"
+            clearable
+            style="width: 300px"
+          />
+        </el-form-item>
+
+        <el-form-item label="日期">
+          <el-date-picker
+            v-model="formInline.date"
+            type="date"
+            placeholder="请选择日期"
+            clearable
+            style="width: 300px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary">查询</el-button>
+          <el-button
+            type="danger"
+            v-if="selectID.length"
+            @click="deleteSelected"
+          >
+            批量删除
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card style="margin-top: 20px; height: calc(100vh - 200px); width: 100%">
+      <el-table
+        :data="recordList"
+        border
+        style="width: 100%"
+        @selection-change="selectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column type="index" width="55" label="序号"/>
+        <el-table-column prop="courseName" label="课程名称" />
+        <el-table-column prop="number" label="学习人数" />
+        <el-table-column prop="time" label="时间" />
+        <el-table-column label="操作">
+          <template #default="{ row }">
+            <el-button
+              type="primary"
+              link
+              @click="
+                goToAnotherPage(
+                  '/myCourseStudyManagement/learningProcess1',
+                  row.courseId,
+                )
+              "
+            >
+              知识点学习记录
+            </el-button>
+            <el-button
+              type="primary"
+              link
+              @click="
+                goToAnotherPage(
+                  '/myCourseStudyManagement/learningProcess2',
+                  row.courseId,
+                )
+              "
+            >
+              资源学习记录
+            </el-button>
+            <el-button type="danger" link @click="onDeleteRecord(row.id)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :total="total"
+          :page-size="params.pagesize"
+          @current-change="currentChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService'
+import useUserStore from '@/store/modules/user'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const userStore = useUserStore()
+const formInline = reactive({
+  user: '',
+  region: '',
+  date: '',
+})
+const recordList = ref([])
+const params = ref({
+  pagesize: 10,
+  pagenum: '1',
+  userId: userStore.data.id,
+})
+const total = ref(0)
+//获取浏览记录列表
+const getrecordList = async () => {
+  // const res = await getRecordListService(params.value)
+  const res = await LearningRecordsControllerService.courseLearningRecords(
+    params.value.userId,
+    params.value.pagenum,
+    params.value.pagesize,
+  )
+  console.log(res)
+  recordList.value = res.data.records
+  // recordList.value = res.data.records
+  // //获取总的浏览记录
+  total.value = res.data.total
+  console.log(total.value, 'vvv')
+}
+getrecordList()
+//删除浏览记录逻辑
+const onDeleteRecord = async (ids) => {
+  await ElMessageBox.confirm('你确认删除该条浏览信息吗？', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+  //await DelRecordService(ids)
+  console.log('hello')
+
+  await LearningRecordsControllerService.deleteCourseRecords(ids)
+
+  // console.log(ids)
+  ElMessage({ type: 'success', message: '删除成功' })
+  getrecordList()
+}
+const goToAnotherPage = (address, courseId) => {
+  router.push({
+    path: address,
+    query: {
+      courseId: courseId,
+    },
+  })
+}
+const currentChange = (index: any) => {
+  console.log(index)
+  params.value.pagenum = index
+  getrecordList()
+}
+const selectID = ref([])
+const selectionChange = (e) => {
+  if (e) {
+    selectID.value = e.map((item) => item.id)
+    console.log(selectID.value)
+  }
+}
+const deleteSelected = async () => {
+  //判断数组是否为空
+  if (selectID.value.length === 0) {
+    await ElMessageBox.confirm('请选择你要删除的内容', '温馨提示', {
+      type: 'warning',
+      confirmButtonText: '确认',
+    })
+    return
+  }
+  await ElMessageBox.confirm('你确认删除浏览记录吗？', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+
+  // 调用已封装好的删除接口进行删除操作
+  await LearningRecordsControllerService.deleteCourseRecords(selectID.value)
+    .then(() => {
+      recordList.value = recordList.value.filter(
+        (item) => !selectID.value.includes(item.id),
+      )
+      selectID.value = []
+    })
+    .catch((error) => {
+      console.error('删除失败:', error)
+    })
+  ElMessage({ type: 'success', message: '删除成功' })
+  getrecordList()
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+  width: 100%;
+  // height: calc(100vh - 100px);
+  .pagination {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    justify-content: center;
+  }
+}
+:deep(.el-form-item) {
+  margin-bottom: 0;
+}
+:deep(.el-scrollbar__wrap) {
+  padding: 0;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/learningProcess1.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/learningProcess1.vue
new file mode 100644
index 0000000..ecdb6f2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/learningProcess1.vue
@@ -0,0 +1,276 @@
+<script setup>
+// import router from '@/router'
+import { ref } from 'vue'
+
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { useRouter } from 'vue-router'
+import useUserStore from '@/store/modules/user'
+import { onMounted } from 'vue'
+//导入接口
+import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService'
+const total = ref(0)
+const userStore = useUserStore()
+const recordList = ref([])
+const selectedIds = ref([])
+const loading = ref(false)
+const showCheckbox = ref(false)
+
+onMounted(() => {
+  userStore.getUserInfo()
+})
+const params = ref({
+  // pagesize: '10',
+  // pagenum: '1',
+  userId: userStore.data.id,
+})
+console.log(userStore.data.id)
+//获取浏览记录列表
+const getrecordList = async () => {
+  loading.value = true
+  // const res = await getRecordListService(params.value)
+  const res = await LearningRecordsControllerService.courseLearningRecords(
+    params.value.userId,
+    params.value.pagenum,
+    params.value.pagesize,
+  )
+  console.log(res)
+  recordList.value = res.data.records
+  //获取总的浏览记录
+  total.value = res.data.total
+  loading.value = false
+} 
+getrecordList()
+//处理分页逻辑
+const onSizeChange = (size) => {
+  // console.log('当前每页条数', size)
+  //只要是每页条数变化了，那么原来正在访问的当前页面就没有意义了，数据已经不在原来的页面
+  //重新从第一页渲染
+  params.value.pagenum = 1
+  params.value.pagesize = size
+  //基于最新的当前页和每页条数渲染数据
+  getrecordList()
+}
+const onCurrentChange = (page) => {
+  recordList.value.pagenum = page
+  getrecordList()
+}
+
+//删除浏览记录逻辑
+const onDeleteRecord = async (ids) => {
+  await ElMessageBox.confirm('你确认删除该条浏览信息吗？', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+  //await DelRecordService(ids)
+  console.log('hello')
+
+  await LearningRecordsControllerService.deleteCourseRecords(ids)
+
+  // console.log(ids)
+  ElMessage({ type: 'success', message: '删除成功' })
+  getrecordList()
+}
+//多选框的显示隐藏
+const toggleCheckbox = () => {
+  showCheckbox.value = !showCheckbox.value
+  if (showCheckbox.value) {
+    showCheckbox.value = []
+  }
+}
+//批量删除
+//点击复选框时的 change 事件来调用 toggleSelection 方法，
+//以切换复选框的选中状态，并将对应的 id 添加到 selectedIds 数组中或从中移除。
+const toggleSelection = (id) => {
+  if (selectedIds.value.includes(id)) {
+    selectedIds.value = selectedIds.value.filter((recordId) => recordId !== id)
+  } else {
+    selectedIds.value.push(id)
+  }
+  console.log(selectedIds)
+}
+//我们首先检查 selectedIds 数组是否为空，如果为空，则弹出提示框提醒用户选择要删除的项。
+//如果 selectedIds 数组不为空，在删除之前会弹出确认框，再次确认是否要删除选中项。
+//如果确认删除，则根据 selectedIds 数组来过滤 record 数组，并重置 selectedIds 数组。
+const deleteSelected = async () => {
+  //判断数组是否为空
+  if (selectedIds.value.length === 0) {
+    await ElMessageBox.confirm('请选择你要删除的内容', '温馨提示', {
+      type: 'warning',
+      confirmButtonText: '确认',
+    })
+    return
+  }
+  await ElMessageBox.confirm('你确认删除浏览记录吗？', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+
+  // 调用已封装好的删除接口进行删除操作
+  await LearningRecordsControllerService.deleteCourseRecords(selectedIds.value)
+    .then(() => {
+      recordList.value = recordList.value.filter(
+        (item) => !selectedIds.value.includes(item.id),
+      )
+      selectedIds.value = []
+    })
+    .catch((error) => {
+      console.error('删除失败:', error)
+    })
+  ElMessage({ type: 'success', message: '删除成功' })
+  getrecordList()
+}
+//跳转页面
+const router = useRouter()
+const goToAnotherPage = (address, courseId) => {
+  router.push({
+    path: address,
+    query: {
+      courseId: courseId,
+    },
+  })
+}
+//
+</script>
+
+<template>
+  <div class="record">
+    <div class="content">
+      <!-- 头部 -->
+      <div class="header">
+        <el-button type="primary" plain>浏览记录</el-button>
+        <el-button type="danger" plain style="float: right" @click="deleteSelected">
+          批量删除
+        </el-button>
+        <el-button type="primary" plain @click="toggleCheckbox" style="float: right">
+          管理
+        </el-button>
+      </div>
+      <!-- 中间 -->
+      <div class="record-list">
+        <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)"
+              v-if="showCheckbox" />
+
+            <img class="img" :src="record.img" @click="goToAnotherPage(record.address)" style="margin-bottom: 10px" />
+
+            <div style="
+                display: flex;
+                justify-content: space-between;
+                flex-grow: 1;
+                margin-top: 10px;
+                margin-bottom: 10px;
+              ">
+              <p>
+                {{ record.courseName }}
+              </p>
+              <el-icon @click="onDeleteRecord(record.id)">
+                <Delete />
+              </el-icon>
+            </div>
+            <div style="
+                display: flex;
+                justify-content: space-between;
+                flex-grow: 1;
+                margin-top: 10px;
+              ">
+              <p>{{ record.time }}</p>
+              <p>学习人数:{{ record.number }}</p>
+            </div>
+            <div style="display: flex;margin: 10px 0;">
+              <el-button @click="
+                goToAnotherPage(
+                  '/myCourseStudyManagement/learningProcess1',
+                  record.courseId,
+                )
+                ">知识点学习记录</el-button>
+              <el-button @click="
+                goToAnotherPage(
+                  '/myCourseStudyManagement/learningProcess2',
+                  record.courseId,
+                )
+                ">资源学习记录</el-button>
+            </div>
+          </li>
+        </ul>
+        <el-empty v-else description="暂时没有浏览记录" />
+      </div>
+    </div>
+    <!-- 分页 -->
+    <div class="example-pagination-block">
+      <el-pagination v-model:current-page="params.pagenum" v-model:page-size="params.pagesize"
+        :page-sizes="[5, 10, 15, 20]" :background="true" layout="jumper,total, sizes, prev, pager, next " :total="total"
+        @current-change="onCurrentChange" @size-change="onSizeChange"
+        style="margin-top: 20px; justify-content: flex-end" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.record {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.content {
+  flex: 1;
+}
+
+.example-pagination-block {
+  position: sticky;
+  bottom: 0;
+  margin: 0 auto;
+  /* text-align: center; */
+}
+
+.record-list {
+  margin: 10px 0;
+}
+
+ul {
+  width: 100%;
+  list-style-type: none;
+  padding: 10;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: start;
+
+  text-align: center;
+
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 272px);
+  justify-content: space-around;
+}
+
+li {
+  /* margin-bottom: 30px; */
+  transition: filter 0.3s;
+  /* 添加过渡动画 */
+  /* flex: 1 0 20%; */
+  width: calc(20% - 20px);
+  width: 250px;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  /* margin: 0 15px; */
+  padding: 10px;
+  box-sizing: border-box;
+
+  transition: box-shadow 0.3s;
+  cursor: pointer;
+}
+
+li:hover {
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+
+.img {
+  display: block;
+  width: 250px;
+  height: 250px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/MyCourseStudy/resourceLearning.vue b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/resourceLearning.vue
new file mode 100644
index 0000000..fa19dc9
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/MyCourseStudy/resourceLearning.vue
@@ -0,0 +1,115 @@
+<script setup>
+import { ref } from 'vue'
+import { onMounted } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import useUserStore from '@/store/modules/user'
+import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService'
+import component from 'element-plus/es/components/tree-select/src/tree-select-option.mjs'
+
+const recordList = ref([])
+const userStore = useUserStore()
+
+onMounted(() => {
+  userStore.getUserInfo()
+})
+const sp = "https://wenyu132.oss-cn-beijing.aliyuncs.com/wenyu/merge.mp4"
+// const video = "D:\Users\Desktop\image\video\merge.mp4"
+const route = useRoute()
+const router = useRouter()
+const params = ref({
+  userId: userStore.data.id,
+  knowledgeId: route.query.knowledgeId,
+  courseId: route.query.courseId,
+  pagenum: '1',
+  pagesize: '10',
+})
+
+//获取浏览记录列表
+const getrecordList = async () => {
+  const res = await LearningRecordsControllerService.resourceLearningRecords(
+    params.value.userId,
+    params.value.knowledgeId,
+    params.value.courseId,
+    params.value.pagenum,
+    params.value.pagesize,
+  )
+  // console.log("记录列表：");
+  // console.log(res)
+  recordList.value = res.data.records
+}
+
+//跳转页面(返回上级目录)
+const goToAnotherPage = () => {
+  router.push({
+    path: '/myCourseStudyManagement/learningProcess1',
+    query: {
+      courseId: route.query.courseId
+    }
+  })
+}
+getrecordList()
+
+//上传文件
+const upload = async (file) => {
+  console.log(file);
+  console.log(file.raw);
+  new FormData(file)
+  const res = await LearningRecordsControllerService.upload(
+    new FormData(file)
+  )
+}
+
+// const video = this.$refs.videoRef;
+function beforeAvatarUpload() { };
+const imageUrl = ''
+</script>
+
+<style lang="scss" scoped></style>
+<template>
+  <!-- 头部 -->
+  <div class="header">
+    <el-button type="primary" plain>浏览记录</el-button>
+    <el-button type="primary" plain @click="goToAnotherPage" style="float: right">
+      返回上级目录
+    </el-button>
+  </div>
+  <!-- 中间 -->
+  <div class="record-list">
+    <el-table class="table" :data="recordList" border style="width: 100%">
+      <el-table-column prop="resourceName" label="资源名称" />
+      <el-table-column prop="time" label="学习时间" />
+      <el-table-column prop="number" label="学习人数" />
+      <template #empty>
+        <el-empty description="暂时没有浏览记录" />
+      </template>
+    </el-table>
+
+  </div>
+  <hr>
+
+  <el-upload class="avatar-uploader" :show-file-list="false" :auto-upload="false" :before-upload="beforeAvatarUpload"
+    :on-change="upload">
+    <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+    <el-icon v-else class="avatar-uploader-icon">
+      <Plus />
+    </el-icon>
+  </el-upload>
+  <!-- autoplay -->
+  <!-- <video ref="videoRef" controls  width="600">
+    <source :src="sp" type="video/mp4" />
+  </video> -->
+
+  <!-- <div>
+    <video ref="videoRef" controls="true" :controlslist="nodownload" @contextmenu="handleContextMenu"></video>
+  </div> -->
+
+</template>
+
+
+<style lang="scss" scoped>
+::v-deep .table {
+  .el-scrollbar__wrap {
+    padding: 0 !important;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/configurationPage/MyUpdate.vue b/teaching_integration_platform_admin_template/src/views/configurationPage/MyUpdate.vue
new file mode 100644
index 0000000..00bbbc2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/configurationPage/MyUpdate.vue
@@ -0,0 +1,51 @@
+<template>
+  <el-upload ref="upload" class="upload-demo" action="#" :on-change="change" v-model:file-list="fileList" :limit="1"
+    :on-exceed="handleExceed" :auto-upload="false" list-type="picture-card">
+    <el-icon>
+      <Plus />
+    </el-icon>
+    <template #file="{ file }">
+      <div>
+        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
+        <span class="el-upload-list__item-actions">
+          <span class="el-upload-list__item-delete" @click="handleRemove">
+            <el-icon>
+              <Delete />
+            </el-icon>
+          </span>
+        </span>
+      </div>
+    </template>
+  </el-upload>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import type { UploadUserFile } from 'element-plus'
+import { genFileId } from 'element-plus'
+import { Delete, Plus } from '@element-plus/icons-vue'
+const props = defineProps(['modelValue'])
+const emit = defineEmits(['update:modelValue'])
+watch(() => props.modelValue, newVal => {
+  if (!newVal) return
+  fileList.value.length = 0
+  fileList.value.push({ url: props.modelValue })
+}, { once: true })
+const fileList = ref<UploadUserFile[]>([])
+const handleRemove = () => {
+  fileList.value.length = 0
+  change({ raw: false })
+}
+
+function change(file: any) {
+  emit('update:modelValue', file.raw)
+}
+
+const upload = ref()
+const handleExceed = (files) => {
+  upload.value!.clearFiles()
+  const file = files[0]
+  file.uid = genFileId()
+  upload.value!.handleStart(file)
+}
+</script>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/configurationPage/index.vue b/teaching_integration_platform_admin_template/src/views/configurationPage/index.vue
new file mode 100644
index 0000000..0759a07
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/configurationPage/index.vue
@@ -0,0 +1,96 @@
+<template>
+    <div class="configuration-page">
+        <el-form :model="form" label-width="auto" style="max-width: 600px">
+            <el-form-item label="LOGO">
+                <my-update v-model="form.logo"></my-update>
+            </el-form-item>
+            <el-form-item label="项目名称">
+                <el-input v-model="form.name" />
+            </el-form-item>
+            <el-form-item label="门户头部宣传大图">
+                <my-update v-model="form.promotionalImages"></my-update>
+            </el-form-item>
+            <el-form-item label="门户首页">
+                <el-input v-model="form.home" />
+            </el-form-item>
+            <el-form-item label="后台登陆首页地址">
+                <el-input v-model="form.loginAddress" />
+            </el-form-item>
+            <el-form-item label="系统标题">
+                <el-input v-model="form.title" />
+            </el-form-item>
+            <el-form-item label="版权信息">
+                <el-input v-model="form.copyrightInformation" />
+            </el-form-item>
+            <el-form-item label="备案号">
+                <el-input v-model="form.recordNumber" />
+            </el-form-item>
+            <el-form-item label="备案号信息">
+                <el-input v-model="form.recordInformation" type="textarea" />
+            </el-form-item>
+            <el-form-item label="qq">
+                <el-input v-model="form.qqNumber" />
+            </el-form-item>
+            <el-form-item label="邮箱">
+                <el-input v-model="form.mailbox" />
+            </el-form-item>
+            <el-form-item label="电话">
+                <el-input v-model="form.phone" />
+            </el-form-item>
+            <el-form-item label="联系地址">
+                <el-input v-model="form.address" />
+            </el-form-item>
+            <el-form-item label="二维码">
+                <my-update v-model="form.qrCode"></my-update>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="onSubmit">保存</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { getSysSettingApi, proxPutSysSettingApi, uploadApi } from '@/api/configuration';
+import { ref, reactive } from 'vue'
+import MyUpdate from './MyUpdate.vue';
+import useUserStore from '@/store/modules/user';
+const userStore = useUserStore()
+
+// do not use same name with ref
+const form = reactive({
+    address: '',
+    copyrightInformation: '',
+    id: userStore.data.id,
+    loginAddress: '',
+    logo: '',
+    name: '',
+    phone: '',
+    promotionalImages: '',
+    qqNumber: '',
+    qrCode: '',
+    recordNumber: '',
+    title: '',
+    mailbox: '',
+    home: '',
+    recordInformation: ''
+})
+
+const ran = ref(false)
+getSysSettingApi().then((res) => {
+    Object.assign(form, res.data)
+    ran.value = true
+})
+const onSubmit = async () => {
+    form.logo = await uploadApi(form.logo)
+    form.promotionalImages = await uploadApi(form.promotionalImages)
+    form.qrCode = await uploadApi(form.qrCode)
+    await proxPutSysSettingApi(form)
+}
+</script>
+<style lang="scss" scoped>
+.configuration-page {
+    width: 600px;
+    margin: auto;
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/course/CourseObjectives.vue b/teaching_integration_platform_admin_template/src/views/course/CourseObjectives.vue
new file mode 100644
index 0000000..133301b
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/CourseObjectives.vue
@@ -0,0 +1,618 @@
+<script setup>
+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 {
+  getCourseList,
+  addCourse,
+  editCourse,
+  deleteCourse,
+  getCourseInfo,
+} from '@/api/courseChaptersApi'
+import { useRoute, useRouter } from 'vue-router'
+const route = useRoute()
+const router = useRouter()
+// id ： 分目标id
+// targetId ： 选中的分类
+const targetList = ref([
+  {
+    label: '课程目标一',
+    id: 1,
+    disabled: false,
+  },
+  {
+    label: '课程目标二',
+    disabled: false,
+    id: 2,
+  },
+  {
+    label: '课程目标三',
+    id: 3,
+    disabled: false,
+  },
+])
+const formData = ref({
+  description: '',
+})
+const activeIndex = ref(0)
+const addBook = (id) => {
+  activeIndex.value = id
+  dialogVisible.value = true
+  flog.value = false
+  // updateDisabledStatus()
+}
+const text = ref('')
+const textChange = (val) => {
+  text.value = val
+  console.log(text.value)
+}
+// 弹窗
+const dialogVisible = ref(false)
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+}
+// 弹窗提交事件
+const submit = async () => {
+  if (flog.value) {
+    await editCourse({
+      ...editdata.value,
+      content: formData.value.description,
+    })
+  } else {
+    await addCourse({
+      objectiveId: activeIndex.value,
+      content: formData.value.description,
+    })
+  }
+  getList()
+  dialogVisible.value = false
+  formData.value.description = ''
+  activeIndex.value = ''
+  // // 判断当前点击的是新增还是修改
+  // if (flog.value) {
+  //   console.log('编辑', formData.value.target)
+  //   // 找到新增的一项
+  //   const index = booksList.value.findIndex(
+  //     (item) => formData.value.id == item.id,
+  //   )
+  //   console.log(index, 'index')
+  //   console.log(booksList.value[index])
+  //   booksList.value[index].id = formData.value.id
+  //   booksList.value[index].targetId = formData.value.target
+  //   booksList.value[index].introduce = formData.value.description
+  //   close()
+  // } else {
+  //   courseList.value[activeIndex.value].booklist.push({
+  //     id: booksList.value.length + 1,
+  //     targetId: formData.value.target,
+  //     introduce: formData.value.description,
+  //   })
+  //   close()
+  //   flog.value = false
+}
+const close = () => {
+  formData.value = {
+    id: null,
+    target: '',
+    description: '',
+  }
+  dialogVisible.value = false
+}
+// 筛选目标
+const filterTarger = (target) => {
+  const res = targetList.value.find((item) => {
+    if (item.id === target) {
+      console.log(item)
+      return item
+    }
+  })
+  return res.label
+}
+
+const editdata = ref({ id: '', objectiveId: '' })
+// 编辑事件
+const flog = ref(false)
+const editBook = async (obj) => {
+  const res = await getCourseInfo({ id: obj.id })
+  editdata.value.id = res.data.id
+  editdata.value.objectiveId = res.data.objectiveId
+  flog.value = true
+  console.log(obj)
+  activeIndex.value = res.data.id
+  // formData.value.id = obj.id
+  // formData.value.target = obj.targetId
+  formData.value.description = res.data.content
+  dialogVisible.value = true
+}
+const del = async (obj) => {
+  await ElMessageBox.confirm('你确认要删除该课程目标吗', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+  await deleteCourse({ id: obj.id })
+  ElMessage.success('删除成功')
+  getList()
+  // console.log(id);
+  // activeIndex.value = id
+  // courseList.booksList.value = booksList.value.filter((item) => item.id !== id)
+}
+
+// const disableChange = (id) => {
+//   const index = booksList.value.findIndex((item,index) => item.id === id)
+//   console.log(index);
+//   if(index){
+//     targetList.value[index].disabled = false
+//   }
+// }
+// 定义一个方法来更新 targetList 中的 disabled 属性
+
+const getList = async () => {
+  const res = await getCourseList({ id: courseId.value })
+  data.value = res.data[0]
+  text.value = res.data[0].name
+}
+const data = ref({})
+const courseId = ref(0)
+onMounted(async () => {
+  if (!Object.keys(route.query).length) {
+    return router.push('/curriculumCenter/basicCourseInformation')
+  }
+  courseId.value = route.query.id
+  console.log(courseId.value)
+  getList()
+  console.log(data.value)
+  let chartDom = document.getElementById('main')
+  let myChart = echarts.init(chartDom)
+  let option
+  option = {
+    radar: [
+      {
+        nameGap: 20,
+        indicator: [
+          {
+            text: '目标一\n',
+            max: 100,
+          },
+          {
+            text: '目标五\n\n',
+            max: 100,
+          },
+          {
+            text: '目标四\n\n',
+            max: 100,
+          },
+          {
+            text: '目标三\n\n',
+            max: 100,
+          },
+          {
+            text: '目标二\n\n',
+            max: 100,
+          },
+        ],
+        center: ['50%', '50%'],
+        radius: 100,
+        startAngle: 90,
+        splitNumber: 6,
+        shape: 'circle',
+        name: {
+          formatter: '{value}',
+          textStyle: {
+            color: '#333333',
+            fontSize: 20,
+          },
+          gap: 60,
+        },
+        splitArea: {
+          areaStyle: {
+            color: [
+              'transparent',
+              'transparent',
+              'rgba(114, 172, 209, 0)',
+              'transparent',
+              'rgba(114, 172, 209, 0)',
+            ],
+          },
+        },
+        // 设置雷达图中间射线的颜色
+        axisLine: {
+          lineStyle: {
+            color: '#C8D9FF',
+          },
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#DADADA',
+            width: 3,
+            type: 'dashed', //dashed  solid dotted 射线类型【实线 虚线】
+          },
+        },
+      },
+      {
+        nameGap: 20,
+        indicator: [
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+        ],
+
+        center: ['50%', '50%'],
+        radius: 100,
+        startAngle: 90,
+        splitNumber: 1,
+        shape: 'circle',
+        splitArea: {
+          show: false,
+        },
+        axisLine: {
+          show: false,
+        },
+        name: {
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(0,0,0,0.4)',
+            fontSize: 18,
+          },
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#6093FF',
+            type: 'solid',
+            width: 8,
+          },
+        },
+      },
+    ],
+    series: [
+      {
+        type: 'radar',
+        emphasis: {
+          lineStyle: {
+            width: 50,
+          },
+        },
+        symbol: 'none',
+        data: [
+          {
+            value: [74, 60, 80, 60, 74],
+            name: 'Data C',
+            areaStyle: {
+              color: '#DBE4F9',
+            },
+          },
+        ],
+      },
+      {
+        type: 'radar',
+        emphasis: {
+          lineStyle: {
+            width: 50,
+          },
+        },
+        symbol: 'none',
+        data: [
+          {
+            value: [74, 60, 80, 40, 74],
+            name: 'Data B',
+            areaStyle: {
+              color: '#0052FF',
+            },
+          },
+        ],
+      },
+    ],
+  }
+
+  option && myChart.setOption(option)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="leftContent">
+      <div class="topContent">
+        <div class="title">| 课程总目标</div>
+        <div class="content1">
+          <textarea class="textarea" @change="textChange" v-model="text">
+文本内容</textarea>
+        </div>
+      </div>
+      <div class="footContent">
+        <div class="title">| 分目标雷达图</div>
+        <div class="content3">
+          <div id="main"></div>
+        </div>
+      </div>
+    </div>
+    <div class="rightContent">
+      <div class="title" style="
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 0 20px;
+          height: 60px;
+        ">
+        <div class="left2">| 课程分目标</div>
+        <div class="right2">
+          <!-- <el-button type="primary" @click="addBook">新增</el-button> -->
+        </div>
+      </div>
+      <div class="content2">
+        <el-scrollbar height="600px">
+          <ul class="objectLi">
+            <li v-for="(item, index) in data.courseObjectivesTrees" :key="item.id">
+              <div class="courseObject">
+                <!-- {{ filterTarger(item.targetId) }} -->
+                <div class="courseObject1">{{ item.name }}</div>
+                <div class="courseObject2">
+                  <!-- <el-button class="edit" type="text" @click="editBook(item)">
+                    编辑
+                  </el-button> -->
+                  <el-button type="primary" @click="addBook(item.id)">
+                    新增
+                  </el-button>
+                </div>
+              </div>
+              <div class="smallContent">
+                <el-scrollbar height="250px">
+                  <ul class="small">
+                    <li v-for="(obj, i) in item.contents" :key="obj.id">
+                      <div class="partObject">
+                        <div class="partObject1">
+                          <!-- {{ item.content }} -->
+                          <!-- {{ item.introduce }} -->
+                          课程目标{{ i + 1 }}
+                          <!-- {{ filterTarger(obj.targetId) }} -->
+                        </div>
+                        <div class="partObject2">
+                          <el-button class="edit" type="text" @click="editBook(obj)">
+                            编辑
+                          </el-button>
+                          <el-button class="destroy" type="text" @click="del(obj)">
+                            删除
+                          </el-button>
+                        </div>
+                      </div>
+                      <div class="partObjectIntroduce">
+                        {{ obj.content }}
+                      </div>
+                    </li>
+                  </ul>
+                </el-scrollbar>
+              </div>
+            </li>
+          </ul>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+  <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">
+          <el-option v-for="item in targetList" :key="item.id" :label="item.label" :value="item.id"
+            :disabled="item.disabled" />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item label="内容" prop="description">
+        <el-input v-model="formData.description" placeholder="请输入内容"></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="submit">确定</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<!-- <script setup>
+import {ref} 'vue'
+const li
+</script> -->
+
+<style lang="scss" scoped>
+#main {
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: 100%;
+
+  padding: 0 10px 0 10px;
+  justify-content: space-around;
+}
+
+.leftContent {
+  width: 450px;
+  height: 730px;
+  margin: 10px;
+
+  .topContent {
+    border-radius: 20px 20px 0 0px;
+    height: 280px;
+    background-color: #74deff;
+    margin-button: 5px;
+    background-image: linear-gradient(to right, #4984ff, #74deff);
+  }
+
+  .footContent {
+    border-radius: 20px;
+    margin-top: 20px;
+    height: 430px;
+    background-color: #ffa674;
+    background-image: linear-gradient(to right, #f9e397, #ffa674);
+  }
+}
+
+.rightContent {
+  margin: 10px;
+  width: 950px;
+  height: 730px;
+  background-image: linear-gradient(to right, #4984ff, #74deff);
+  border-radius: 20px;
+}
+
+.title {
+  padding-left: 30px;
+  font-size: 24px;
+  font-weight: 600;
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  padding-top: 10px;
+}
+
+.content1 {
+  border-radius: 20px 20px 0 0px;
+  margin-top: 20px;
+  width: 100%;
+  height: 220px;
+  background-color: #fff;
+  background-image: linear-gradient(#c7e3ff, #ffffff);
+
+  .textarea {
+    width: 100%;
+    border: none;
+    background: transparent;
+    padding: 20px;
+    height: 215px;
+  }
+
+  p {
+    padding: 30px;
+    font-size: 16px;
+  }
+}
+
+.content2 {
+  border-radius: 20px;
+  padding: 10px;
+  width: 100%;
+  height: 670px;
+  background-color: #fff;
+  background-image: linear-gradient(#c7e3ff, #ffffff);
+
+  .objectLi>li {
+    width: 845px;
+    height: 250px;
+    // margin: 40px;
+    // background-color: #ffffff;
+    border-radius: 5px;
+    margin: 20px;
+
+    .courseObject {
+      height: 45px;
+      line-height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      border-bottom: 1px solid #e7e7e7;
+
+      .courseObject1 {
+        height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        background-color: #6093ff;
+        padding: 0px 16px;
+        color: #fff;
+      }
+
+      .courseObject2 {
+        font-size: 14px;
+        color: #0052d9;
+      }
+    }
+  }
+
+  // overflow-y: auto
+  .smallContent {
+    //  border-radius: 20px;
+    padding: 10px;
+    width: 100%;
+    height: 200px;
+    background-color: #fff;
+    background-image: linear-gradient(#c7e3ff, #ffffff);
+  }
+
+  .small>li {
+    // display: inline-flex;
+    width: 650px;
+    height: 150px;
+    // margin: 40px;
+    background-color: #ffffff;
+    border-radius: 5px;
+    margin: 20px;
+
+    .partObject {
+      height: 45px;
+      line-height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      border-bottom: 1px solid #e7e7e7;
+
+      .partObject1 {
+        height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        background-color: #6093ff;
+        padding: 0px 16px;
+        color: #fff;
+      }
+
+      .partObject2 {
+        font-size: 14px;
+        color: #0052d9;
+      }
+    }
+
+    .partObjectIntroduce {
+      height: 149px;
+      font-size: 16px;
+      padding: 15px;
+    }
+  }
+}
+
+.content3 {
+  border-radius: 20px;
+  margin-top: 20px;
+  width: 100%;
+  height: 370px;
+  background-color: #fff;
+  background-image: linear-gradient(#ffe9c7, #ffffff);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/CourseObjectives111.vue b/teaching_integration_platform_admin_template/src/views/course/CourseObjectives111.vue
new file mode 100644
index 0000000..6699da2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/CourseObjectives111.vue
@@ -0,0 +1,501 @@
+<script setup>
+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 { getCourseList } from '@/api/courseChaptersApi'
+const route = useRoute()
+// id ： 分目标id
+// targetId ： 选中的分类
+const booksList = ref([
+  { id: 1, targetId: 1, introduce: '内容111111' },
+  // { id: 3, introduce: '内容333333' },
+  // { id: 4, introduce: '内容333333' },
+])
+
+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' }],
+  },
+])
+const targetList = ref([
+  {
+    label: '课程目标一',
+    id: 1,
+    disabled: false,
+  },
+  {
+    label: '课程目标二',
+    disabled: false,
+    id: 2,
+  },
+  {
+    label: '课程目标三',
+    id: 3,
+    disabled: false,
+  },
+])
+const formData = ref({
+  id: null,
+  target: '',
+  description: '',
+})
+const activeIndex = ref(0)
+const addBook = (index) => {
+  activeIndex.value = index
+  dialogVisible.value = true
+  updateDisabledStatus()
+}
+const text = ref('我是后台获取的值')
+const textChange = (val) => {
+  console.log(text.value)
+}
+// 弹窗
+const dialogVisible = ref(false)
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+}
+// 弹窗提交事件
+const submit = () => {
+  // 判断当前点击的是新增还是修改
+  if (flog.value) {
+    console.log('编辑', formData.value.target)
+    // 找到新增的一项
+    const index = booksList.value.findIndex(
+      (item) => formData.value.id == item.id,
+    )
+    console.log(index, 'index')
+    console.log(booksList.value[index])
+    booksList.value[index].id = formData.value.id
+    booksList.value[index].targetId = formData.value.target
+    booksList.value[index].introduce = formData.value.description
+    close()
+  } else {
+    courseList.value[activeIndex.value].booklist.push({
+      id: booksList.value.length + 1,
+      targetId: formData.value.target,
+      introduce: formData.value.description,
+    })
+    close()
+    flog.value = false
+  }
+}
+const close = () => {
+  formData.value = {
+    id: null,
+    target: '',
+    description: '',
+  }
+  dialogVisible.value = false
+}
+// 筛选目标
+// const filterTarger = (target) => {
+//   const res = targetList.value.find((item) => {
+//     if (item.id === target) {
+//       console.log(item)
+//       return item
+//     }
+//   })
+//   return res.label
+// }
+
+// 编辑事件
+const flog = ref(false)
+const editBook = (obj) => {
+  updateDisabledStatus()
+  flog.value = true
+  console.log(obj)
+  formData.value.id = obj.id
+  formData.value.target = obj.targetId
+  formData.value.description = obj.introduce
+  dialogVisible.value = true
+}
+const del = (id) => {
+  // console.log(id);
+  courseList.value.booksList.value = booksList.value.filter(
+    (item) => item.id !== id,
+  )
+}
+
+// const disableChange = (id) => {
+//   const index = booksList.value.findIndex((item,index) => item.id === id)
+//   console.log(index);
+//   if(index){
+//     targetList.value[index].disabled = false
+//   }
+// }
+// 定义一个方法来更新 targetList 中的 disabled 属性
+const updateDisabledStatus = () => {
+  // 遍历 targetList
+  targetList.value.forEach((targetItem) => {
+    // 检查 booksList 中是否有相同的 id
+    const hasIdInBooks = booksList.value.some(
+      (bookItem) => bookItem.id === targetItem.id,
+    )
+    // 如果存在，则设置 disabled 为 true
+    if (hasIdInBooks) {
+      targetItem.disabled = true
+    }
+  })
+}
+const list = ref([])
+const content88 = ref()
+const courseId = ref(0)
+onMounted(async () => {
+  courseId.value = route.query.id
+  console.log(courseId.value)
+  const res = await getCourseList({ id: courseId.value })
+  console.log(res)
+  list.value = res.data
+  console.log(list.value, 'list.value')
+  content88.value = list.value[0].contents[0].content
+  console.log(list.value[0].contents[0].content)
+  console.log(content88.value)
+
+  let chartDom = document.getElementById('main')
+  let myChart = echarts.init(chartDom)
+  let option
+  option = {
+    title: {
+      text: '分目标',
+    },
+    legend: {
+      data: ['Allocated Budget', 'Actual Spending'],
+    },
+    radar: {
+      // shape: 'circle',
+      indicator: [
+        { name: 'Sales', max: 6500 },
+        { name: 'Administration', max: 16000 },
+        { name: 'Information Technology', max: 30000 },
+        { name: 'Customer Support', max: 38000 },
+        { name: 'Development', max: 52000 },
+        { name: 'Marketing', max: 25000 },
+      ],
+    },
+    series: [
+      {
+        name: 'Budget vs spending',
+        type: 'radar',
+        data: [
+          {
+            value: [4200, 3000, 20000, 35000, 50000, 18000],
+            name: 'Allocated Budget',
+          },
+          {
+            value: [5000, 14000, 28000, 26000, 42000, 21000],
+            name: 'Actual Spending',
+          },
+        ],
+      },
+    ],
+  }
+
+  option && myChart.setOption(option)
+})
+</script>
+<!-- v-model="text" -->
+<template>
+  <div class="container">
+    <div class="leftContent">
+      <div class="topContent">
+        <div class="title">| 课程总目标</div>
+        <div class="content1">
+          <textarea class="textarea" @change="textChange">{{
+            content88
+          }}</textarea>
+        </div>
+      </div>
+      <div class="footContent">
+        <div class="title">| 分目标雷达图</div>
+        <div class="content3">
+          <div id="main"></div>
+        </div>
+      </div>
+    </div>
+    <div class="rightContent">
+      <div class="title" style="
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 0 20px;
+          height: 60px;
+        ">
+        <div class="left2">| 课程分目标</div>
+        <div class="right2">
+          <!-- <el-button type="primary" @click="addBook">新增</el-button> -->
+        </div>
+      </div>
+      <div class="content2">
+        <el-scrollbar height="600px">
+          <ul class="objectLi">
+            <li v-for="(item, index) in courseList" :key="item.id">
+              <div class="courseObject">
+                <!-- {{ filterTarger(item.targetId) }} -->
+                <div class="courseObject1">{{ item.specific }}</div>
+                <div class="courseObject2">
+                  <!-- <el-button class="edit" type="text" @click="editBook(item)">
+                    编辑
+                  </el-button> -->
+                  <el-button type="primary" @click="addBook(index)">
+                    新增
+                  </el-button>
+                </div>
+              </div>
+              <div class="smallContent">
+                <el-scrollbar height="250px">
+                  <ul class="small">
+                    <li v-for="(obj, i) in item.booklist" :key="obj.id">
+                      <div class="partObject">
+                        <div class="partObject1">
+                          <!-- {{ item.introduce }} -->
+                          课程目标{{ i + 1 }}
+                          <!-- {{ filterTarger(obj.targetId) }} -->
+                        </div>
+                        <div class="partObject2">
+                          <el-button class="edit" type="text" @click="editBook(obj)">
+                            编辑
+                          </el-button>
+                          <el-button class="destroy" type="text" @click="del(obj.id)">
+                            删除
+                          </el-button>
+                        </div>
+                      </div>
+                      <div class="partObjectIntroduce">
+                        {{ obj.introduce }}
+                      </div>
+                    </li>
+                  </ul>
+                </el-scrollbar>
+              </div>
+            </li>
+          </ul>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+  <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">
+          <el-option v-for="item in targetList" :key="item.id" :label="item.label" :value="item.id"
+            :disabled="item.disabled" />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item label="内容" prop="description">
+        <el-input v-model="formData.description" placeholder="请输入内容"></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="submit">确定</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<!-- <script setup>
+import {ref} 'vue'
+const li
+</script> -->
+
+<style lang="scss" scoped>
+#main {
+  padding: 15px;
+  width: 100%;
+  height: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: 100%;
+
+  padding: 0 10px 0 10px;
+  justify-content: space-around;
+}
+
+.leftContent {
+  width: 450px;
+  height: 730px;
+  margin: 10px;
+
+  .topContent {
+    border-radius: 20px 20px 0 0px;
+    height: 280px;
+    background-color: #74deff;
+    margin-button: 5px;
+    background-image: linear-gradient(to right, #4984ff, #74deff);
+  }
+
+  .footContent {
+    border-radius: 20px;
+    margin-top: 20px;
+    height: 430px;
+    background-color: #ffa674;
+    background-image: linear-gradient(to right, #f9e397, #ffa674);
+  }
+}
+
+.rightContent {
+  margin: 10px;
+  width: 950px;
+  height: 730px;
+  background-image: linear-gradient(to right, #4984ff, #74deff);
+  border-radius: 20px;
+}
+
+.title {
+  padding-left: 30px;
+  font-size: 24px;
+  font-weight: 600;
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  padding-top: 10px;
+}
+
+.content1 {
+  border-radius: 20px 20px 0 0px;
+  margin-top: 20px;
+  width: 100%;
+  height: 220px;
+  background-color: #fff;
+  background-image: linear-gradient(#c7e3ff, #ffffff);
+
+  .textarea {
+    width: 100%;
+    border: none;
+    background: transparent;
+    padding: 20px;
+    height: 215px;
+  }
+
+  p {
+    padding: 30px;
+    font-size: 16px;
+  }
+}
+
+.content2 {
+  border-radius: 20px;
+  padding: 10px;
+  width: 100%;
+  height: 670px;
+  background-color: #fff;
+  background-image: linear-gradient(#c7e3ff, #ffffff);
+
+  .objectLi>li {
+    width: 845px;
+    height: 250px;
+    // margin: 40px;
+    // background-color: #ffffff;
+    border-radius: 5px;
+    margin: 20px;
+
+    .courseObject {
+      height: 45px;
+      line-height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      border-bottom: 1px solid #e7e7e7;
+
+      .courseObject1 {
+        height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        background-color: #6093ff;
+        padding: 0px 16px;
+        color: #fff;
+      }
+
+      .courseObject2 {
+        font-size: 14px;
+        color: #0052d9;
+      }
+    }
+  }
+
+  // overflow-y: auto
+  .smallContent {
+    //  border-radius: 20px;
+    padding: 10px;
+    width: 100%;
+    height: 200px;
+    background-color: #fff;
+    background-image: linear-gradient(#c7e3ff, #ffffff);
+  }
+
+  .small>li {
+    // display: inline-flex;
+    width: 750px;
+    height: 150px;
+    // margin: 40px;
+    background-color: #ffffff;
+    border-radius: 5px;
+    margin: 20px;
+
+    .partObject {
+      height: 45px;
+      line-height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      border-bottom: 1px solid #e7e7e7;
+
+      .partObject1 {
+        height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        background-color: #6093ff;
+        padding: 0px 16px;
+        color: #fff;
+      }
+
+      .partObject2 {
+        font-size: 14px;
+        color: #0052d9;
+      }
+    }
+
+    .partObjectIntroduce {
+      height: 149px;
+      font-size: 16px;
+      padding: 15px;
+    }
+  }
+}
+
+.content3 {
+  border-radius: 20px;
+  margin-top: 20px;
+  width: 100%;
+  height: 370px;
+  background-color: #fff;
+  background-image: linear-gradient(#ffe9c7, #ffffff);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/basicCourseInformation.vue b/teaching_integration_platform_admin_template/src/views/course/basicCourseInformation.vue
new file mode 100644
index 0000000..81ed021
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/basicCourseInformation.vue
@@ -0,0 +1,426 @@
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+// import axios from 'axios'
+import courseEdit from './components/courseEdit.vue'
+import { Plus } from '@element-plus/icons-vue'
+import {
+  getCourseListApi,
+  deleteCourseApi,
+  getTeacherListApi,
+} from '../../api/user/crouse'
+import { ElMessageBox, ElMessage } from 'element-plus'
+// import router from '@/router'
+import { useRouter } from 'vue-router'
+import useUserStore from '@/store/modules/user'
+// import { useRoute } from 'vue-router'
+const userStore = useUserStore()
+// const userInfo = userStore.userInfo
+const router = useRouter()
+// const route = useRoute()
+// console.log(route)
+// import { client } from '@/utils/alioss.js'
+// 课程列表
+const courseList = ref()
+// 教师列表
+const teacherList = ref()
+const getTeacherList = async () => {
+  const res = await getTeacherListApi()
+  console.log(res, 'teacher')
+  teacherList.value = res.data
+  console.log(teacherList.value, 'teacherList.value')
+}
+const total = ref(0)
+const params = ref({
+  pageNo: 1,
+  pageSize: 7,
+  // username: 'qiuqiu',
+  userId: userStore.data.id,
+  assessmenttype: '',
+  category: '',
+  nature: '',
+  teacher: '',
+})
+console.log(userStore.data,'userStore.data')
+const loading = ref(false)
+// 获取课程列表
+const getCourseList = async () => {
+  loading.value = true
+  // console.log(params.value, '11')
+  if (userStore.userInfo.roleId[0] === 2) {
+    params.value.pageSize = 8
+  }
+
+  const res = await getCourseListApi(params.value)
+  courseList.value = res.data.list
+  total.value = res.data.total
+  console.log(res, 'courseres')
+  console.log(courseList.value, 'courseList.value')
+  loading.value = false
+  // console.log(userStore.userName, '1111')
+}
+// 渲染
+onMounted(() => {
+  getCourseList()
+  getTeacherList()
+})
+// 搜索
+const onSearch = () => {
+  params.value.pageNo = 1
+  getCourseList()
+}
+const onReset = () => {
+  params.value.pageNo = 1
+  params.value.assessmenttype = ''
+  // params.value.teacher = ''
+  params.value.category = ''
+  params.value.nature = ''
+  getCourseList()
+}
+// 分页
+const handleSizeChange = (size: any) => {
+  // loading.value = true
+  // console.log(size)
+  params.value.pageNo = 1
+  params.value.pageSize = size
+  // 基于每页条数重新渲染
+  getCourseList()
+}
+const handleCurrentChange = (page: any) => {
+  console.log(page)
+  params.value.pageNo = page
+  // 基于当前页渲染数据
+  getCourseList()
+}
+
+// 弹框
+const drawer = ref()
+// 添加时传递空对象给子组件
+const onAddCourse = () => {
+  flog.value = false
+  drawer.value.open({})
+}
+
+const flog = ref(false)
+// 编辑时传递数据给子组件
+const onEditCourse = (item: any) => {
+  flog.value = true
+  console.log(item)
+  drawer.value.open(item)
+}
+//
+const onSuccess = () => {
+  loading.value = true
+  getCourseList()
+  loading.value = false
+}
+//删除
+const onDeleteCourse = async (id: any) => {
+  await ElMessageBox.confirm('您确定删除这条课程信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await deleteCourseApi(id)
+    .then(() => {
+      console.log(id, '删除id')
+      ElMessage.success('删除成功')
+      // console.log(res)
+    })
+    .catch((err: any) => {
+      console.log(id, 'id')
+      ElMessage.error(err.response.data.message)
+    })
+
+  getCourseList()
+}
+// 点击查看课程详情，把课程id传过去
+const onGetCourseObject = async (id: any) => {
+  console.log(id, 'id')
+  // const res = await getCourseObjectApi(id)
+  router.push({
+    path: '/curriculumCenter/courseDetails',
+    // path: '/curriculumCenter/CourseObjectives',
+    query: {
+      id: id,
+    },
+  })
+  // console.log(res)
+}
+const course_name = ref('点击添加课程')
+// const credit_name = ref('32')
+// const classhours_name = ref('2.0')
+// const creditChangeEvent = (credit: any) => {
+//   credit_name.value = credit
+// }
+// const ClosecreditChangeEvent = () => {
+//   credit_name.value = '32'
+// }
+const couresNameChangeEvent = (name: any) => {
+  // console.log(name, 'name')
+  course_name.value = name
+}
+const CloseCouresNameChangeEvent = () => {
+  course_name.value = '点击添加课程'
+}
+// const classhoursChangeEvent = (classhours: any) => {
+//   classhours_name.value = classhours
+// }
+// const CloseclasshoursChangeEvent = () => {
+//   classhours_name.value = '2.0'
+// }
+// const goToObject = () => {
+//   this.$route.push('/curriculumCenter/CourseObjectives')
+// }
+</script>
+<template>
+  <div class="main-content" v-loading="loading">
+    <div class="header">
+      <div class="btn">
+        <!-- <el-button type="primary" round size="large">全部课程</el-button>
+      <el-button type="primary" round plain size="large">我的文件夹</el-button> -->
+        <el-form inline v-if="userStore.userInfo.roleId[0] === '1'">
+          <!-- <el-form-item label="课程教师：" class="short-form-item">
+            <el-select v-model="params.teacher">
+              <el-option v-for="teachers in teacherList" :key="teachers.username" :value="teachers.username"
+                :label="teachers.name"></el-option>
+            </el-select>
+          </el-form-item> -->
+          <el-form-item label="课程类别：" class="short-form-item">
+            <el-select v-model="params.category">
+              <el-option label="专业教育" value="1"></el-option>
+              <el-option label="通识教育" value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="课程性质" class="short-form-item">
+            <el-select v-model="params.nature">
+              <el-option label="必修" value="1"></el-option>
+              <el-option label="选修" value="2"></el-option>
+              <el-option label="任修" value="3"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="考核类型：" class="short-form-item">
+            <el-select v-model="params.assessmenttype">
+              <el-option label="考试" value="1"></el-option>
+              <el-option label="考查" value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSearch">搜索</el-button>
+            <el-button type="primary" plain @click="onReset">重置</el-button>
+          </el-form-item>
+        </el-form>
+        <div class="course">
+          <ul class="course_list">
+            <li v-if="userStore.userInfo.roleId[0] === '1'" @click="onAddCourse()" class="add_course">
+              <div class="plus">
+                <el-icon class="avatar-uploader-icon">
+                  <Plus />
+                </el-icon>
+              </div>
+              <h2 class="course_name">{{ course_name }}</h2>
+            </li>
+            <li v-for="item in courseList" :key="item.id">
+              <img title="点击查看课程详情" :src="item.img" alt="" @click="onGetCourseObject(item.id)" />
+              <h2 title="点击查看课程基本信息" class="course_name">
+                {{ item.name }}
+              </h2>
+              <p class="teacher_name">讲师：{{ item.teacher }}</p>
+              <p class="credit">
+                <span>{{ item.classhours }}</span>
+                学时 |
+                <span>{{ item.credit }}</span>
+                学分
+              </p>
+              <el-icon class="del" @click="onDeleteCourse(item.id)">
+                <Delete />
+              </el-icon>
+              <el-button :class="userStore.data.roles[0] == 1 ? 'object' : 'object1'" round plain @click="onGetCourseObject(item.id)">
+                详情
+              </el-button>
+              <el-button class="object1" round plain @click="onEditCourse(item)" v-if="userStore.data.roles[0] == 1">
+                编辑
+              </el-button>
+            </li>
+          </ul>
+        </div>
+        <el-pagination v-model:current-page="params.pageNo" v-model:page-size="params.pageSize"
+          :page-sizes="[2, 5, 7, 10]" :background="true" layout="jumper,total, sizes, prev, pager, next " :total="total"
+          @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          style="margin-top: 10px; justify-content: center" />
+      </div>
+      <course-edit ref="drawer" @success="onSuccess" @couresNameChange="couresNameChangeEvent"
+        @CloseCouresNameChange="CloseCouresNameChangeEvent" :flog="flog"></course-edit>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.main-content {
+  width: 1440px;
+  margin: 0 auto;
+}
+
+.header {
+  width: 100%;
+  // height: 100px;
+  display: flex;
+  flex-direction: row;
+}
+
+// .btn {
+//   // display: flex;
+//   width: 50%;
+//   height: 100%;
+//   padding: 10px 0;
+//   // display: inline;
+//   // height: 40px;
+//   // margin: 20px;
+//   // padding-left: 50px;
+// }
+.search {
+  width: 50%;
+  display: flex;
+  height: 100%;
+  justify-content: flex-end;
+
+  // flex-direction: row-reverse;
+  // padding: 0 40px 0;
+  input {
+    width: 240px;
+    height: 40px;
+    border: 1px solid #dcdcdc;
+    border-radius: 60px;
+    font-size: 14px;
+  }
+}
+
+.course {
+
+  // display: flex;
+  // flex: 0 0 25%;
+  // justify-content: space-between;
+  // flex-wrap: wrap;
+  .course_list {
+    display: flex;
+    // flex: 0 0 25%;
+    // justify-content: space-between;
+    flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    column-gap: 50px;
+  }
+
+  li {
+    margin: 40px 0;
+    width: 349px;
+    width: 100%;
+    height: 297px;
+    background: rgb(255, 255, 255);
+    transition: all 0.5s;
+    border-radius: 6px;
+    position: relative;
+
+    // flex: 1; /* 子元素按比例伸缩 */
+    &:hover {
+      transform: translate3d(0, -3px, 0);
+      box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
+    }
+
+    .course_name {
+      font-family: Inter-Bold;
+      color: #333;
+      font-size: 24px;
+      margin-left: 30px;
+      margin-top: 10px;
+      font-weight: bold;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+
+    img {
+      background-color: #cccccc;
+      width: 100%;
+      height: 178px;
+      cursor: pointer;
+    }
+
+    p {
+      margin-left: 30px;
+      margin-top: 5px;
+      color: #555555;
+      font-size: 14px;
+      padding-top: 10px;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+
+      span {
+        color: #0052ff;
+      }
+    }
+  }
+
+  .del {
+    position: absolute;
+    margin-left: 280px;
+    margin-top: -80px;
+    color: #0052ff;
+    cursor: pointer;
+  }
+
+  .object {
+    position: absolute;
+    margin-left: 180px;
+    margin-top: -29px;
+  }
+
+  .object1 {
+    position: absolute;
+    margin-left: 250px;
+    margin-top: -29px;
+  }
+}
+
+.plus {
+  width: 100%;
+  height: 178px;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  // background-position: center center;
+  .el-icon.avatar-uploader-icon {
+    font-size: 50px;
+    color: #8c939d;
+    width: 100%;
+    height: 178px;
+    margin-top: 20px;
+    text-align: center;
+  }
+}
+
+.add_course {
+  border: 2px dashed rgb(143, 139, 139);
+
+  h2 {
+    font-size: 40px;
+    text-align: center;
+    font-family: Inter-Bold;
+    color: #535050;
+    font-weight: bold;
+    margin-top: 20px;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}
+
+.short-form-item {
+  width: 300px;
+  margin-right: 100px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraph.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraph.vue
new file mode 100644
index 0000000..f9ba943
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraph.vue
@@ -0,0 +1,164 @@
+<template>
+  <div id="3d-graph"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref, reactive, watch } from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText from '../spritetext.js'
+// const $router = useRouter()
+// const jsonData = ref(null)
+let Graph: any = reactive({})
+const props = defineProps({
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
+  },
+})
+watch(
+  () => props.width,
+  (ne) => Graph.width(ne),
+)
+watch(
+  () => props.height,
+  (ne) => Graph.height(ne),
+)
+const dom = ref(null)
+onMounted(() => {
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .jsonUrl('../../../public/data.json')
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeColor((node: any) => {
+      return node.color
+    })
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .onNodeClick((node: any) => {
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+  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
+  })
+  //@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
+      })),
+    )
+
+    // 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>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue
new file mode 100644
index 0000000..cc16136
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue	
@@ -0,0 +1,253 @@
+<template>
+  <div class="add-or-edit">
+    <el-drawer v-model="isDrawer" title="新增章节" direction="rtl" size="50%">
+      <el-form
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item label="章节" prop="pid">
+          <el-cascader
+            v-model="activePidArr"
+            :options="options"
+            :props="CascaderProps"
+            :show-all-levels="false"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="章节名" prop="name">
+          <el-input
+            v-model="ruleForm.name"
+            style="width: 240px"
+            :placeholder="placeholder"
+          />
+        </el-form-item>
+        <el-form-item label="总学时" prop="totalclasshours">
+          <el-input
+            v-model="ruleForm.totalclasshours"
+            style="width: 240px"
+            placeholder="请输入总学时"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :loading="loading"
+            @click="submitForm(ruleFormRef)"
+          >
+            Create
+          </el-button>
+          <el-button @click="resetForm(ruleFormRef)">Reset</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
+</template>
+<script lang="ts" setup>
+function comNum(n: number | undefined) {
+  if (n === undefined) return 1
+  return n + 1
+}
+import { ref, reactive, watch, computed, nextTick } from 'vue'
+const props = defineProps(['isD', 'data', 'loading'])
+const emits = defineEmits(['update:isD', 'submit'])
+
+const isDrawer = ref(props.isD)
+watch(
+  () => props.isD,
+  (newVal) => (isDrawer.value = newVal),
+)
+watch(
+  () => isDrawer.value,
+  (newVal) => emits('update:isD', newVal),
+)
+
+const type = false
+const options = computed(() => {
+  if (type) {
+    const arr = props.data.map((item: any, i: number) => {
+      const obj = { ...item }
+      if (item.chapterSection)
+        obj.chapterSection = item.chapterSection.map((chap: any) => ({
+          ...chap,
+          disabled: true,
+        }))
+      else obj.chapterSection = []
+      obj.chapterSection.push({
+        name: `第${i + 1}章第${comNum(item.chapterSection?.length)}节`,
+        pid: item.id,
+      })
+      return obj
+    })
+    arr.push({ name: `第${arr.length + 1}章`, pid: '' })
+    return arr
+  }
+  return props.data
+})
+const CascaderProps = {
+  checkStrictly: !type,
+  label: 'name',
+  value: type ? 'pid' : 'id',
+  children: 'chapterSection',
+}
+
+import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
+
+interface RuleForm {
+  content: string
+  courseid: string
+  courseobjectivesid: string
+  createBy: string
+  createTime: string
+  id: string
+  name: string
+  num: number
+  numshow: string
+  onlinclasshours: string
+  pid: string | undefined
+  requirement: string
+  sysOrgCode: string
+  totalclasshours: string
+  updateBy: string
+  updateTime: string
+  zc: string
+  ziyuan: string
+  zywj: string
+}
+
+const formSize = ref<ComponentSize>('default')
+const ruleFormRef = ref<FormInstance>()
+let o
+if (type) {
+  o = {
+    content: '',
+    courseid: '',
+    courseobjectivesid: '',
+    createBy: '',
+    createTime: '',
+    id: '',
+    name: '',
+    num: 0,
+    numshow: '',
+    onlinclasshours: '',
+    pid: undefined,
+    requirement: '',
+    sysOrgCode: '',
+    totalclasshours: '',
+    updateBy: '',
+    updateTime: '',
+    zc: '',
+    ziyuan: '',
+    zywj: '',
+  }
+} else {
+  o = {
+    content: '',
+    courseid: '',
+    courseobjectivesid: '',
+    createBy: '',
+    createTime: '',
+    id: undefined,
+    name: '111',
+    num: 0,
+    numshow: '',
+    onlinclasshours: '',
+    pid: '',
+    requirement: '',
+    sysOrgCode: '',
+    totalclasshours: '',
+    updateBy: '',
+    updateTime: '',
+    zc: '',
+    ziyuan: '',
+    zywj: '',
+  }
+}
+let pxObj
+if (type) pxObj = o
+else {
+  pxObj = new Proxy(o, {
+    get(target, key) {
+      if (key === 'pid') return target.id
+      // @ts-ignore
+      return target[key]
+    },
+    set: function (obj, prop, value) {
+      if (prop === 'pid') {
+        obj.id = value
+        return true
+      }
+
+      // @ts-ignore
+      obj[prop] = value
+      return true
+    },
+  })
+}
+// @ts-ignore
+const ruleForm = reactive<RuleForm>(pxObj)
+
+// @ts-ignore
+const validateChapterOrSection = (rule, value, callback) => {
+  nextTick(() => {
+    const value = ruleForm.pid
+    if (!value && value !== '') {
+      if (type) callback(new Error('请选择新增的章或节'))
+      else callback(new Error('请选择编辑的章或节'))
+    } else callback()
+  })
+}
+// 表单验证
+const rules = reactive<FormRules<RuleForm>>({
+  pid: [
+    { required: true, validator: validateChapterOrSection, trigger: 'change' },
+  ],
+})
+
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      console.log(options.value, '1')
+      console.log(ruleForm)
+
+      // emits('submit', ruleForm)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  activePidArr.value = undefined
+}
+const placeholder = ref('请输入章节名')
+watch(
+  () => ruleForm.pid,
+  (newVal) => {
+    if (newVal === undefined) placeholder.value = '请输入章节名'
+    else if (newVal === '') placeholder.value = '请输入章名'
+    else placeholder.value = '请输入节名'
+  },
+)
+const activePidArr = ref<string[] | undefined>([])
+watch(
+  () => activePidArr.value,
+  (newVal) => {
+    // 设置pid
+    if (newVal === undefined) {
+      ruleForm.pid = undefined
+      return
+    }
+    ruleForm.pid = newVal.slice(-1)[0]
+  },
+)
+</script>
+<style lang="scss"></style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue
new file mode 100644
index 0000000..bf7f832
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue
@@ -0,0 +1,196 @@
+<template>
+  <div class="add-or-edit">
+    <el-drawer v-model="isDrawer" title="新增章节" direction="rtl" size="50%">
+      <el-form
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item label="章节" prop="pid">
+          <el-cascader
+            v-model="activePidArr"
+            :options="options1"
+            :props="CascaderProps"
+            :show-all-levels="false"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="章节名" prop="name">
+          <el-input
+            v-model="ruleForm.name"
+            style="width: 240px"
+            :placeholder="placeholder"
+          />
+        </el-form-item>
+        <el-form-item label="总学时" prop="totalclasshours">
+          <el-input
+            v-model="ruleForm.totalclasshours"
+            style="width: 240px"
+            placeholder="请输入总学时"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :loading="loading"
+            @click="submitForm(ruleFormRef)"
+          >
+            提交
+          </el-button>
+          <el-button @click="resetForm(ruleFormRef)">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
+</template>
+<script lang="ts" setup>
+function comNum(n: number | undefined) {
+  if (n === undefined) return 1
+  return n + 1
+}
+import { ref, reactive, watch, computed, nextTick } from 'vue'
+const props = defineProps(['isD', 'data'])
+const emits = defineEmits(['update:isD', 'submit'])
+const loading = ref(false)
+const updLoading = (boo: boolean) => (loading.value = boo)
+
+const isDrawer = ref(props.isD)
+watch(
+  () => props.isD,
+  (newVal) => (isDrawer.value = newVal),
+)
+watch(
+  () => isDrawer.value,
+  (newVal) => emits('update:isD', newVal),
+)
+
+const options1 = computed(() => {
+  const arr = props.data.map((item: any, i: number) => {
+    const obj = { ...item }
+    if (item.chapterSection)
+      obj.chapterSection = item.chapterSection.map((chap: any) => ({
+        ...chap,
+        disabled: true,
+      }))
+    else obj.chapterSection = []
+    obj.chapterSection.push({
+      name: `第${i + 1}章第${comNum(item.chapterSection?.length)}节`,
+      pid: item.id,
+    })
+    return obj
+  })
+  arr.push({ name: `第${arr.length + 1}章`, pid: '' })
+  return arr
+})
+const CascaderProps = {
+  label: 'name',
+  value: 'pid',
+  children: 'chapterSection',
+}
+
+import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
+
+interface RuleForm {
+  content: string
+  courseid: string
+  courseobjectivesid: string
+  createBy: string
+  createTime: string
+  id: string
+  name: string
+  num: number
+  numshow: string
+  onlinclasshours: string
+  pid: string | undefined
+  requirement: string
+  sysOrgCode: string
+  totalclasshours: string
+  updateBy: string
+  updateTime: string
+  zc: string
+  ziyuan: string
+  zywj: string
+}
+
+const formSize = ref<ComponentSize>('default')
+const ruleFormRef = ref<FormInstance>()
+const ruleForm = reactive<RuleForm>({
+  content: '',
+  courseid: '2fa0fd63262230639d2c45a3acd9045c',
+  courseobjectivesid: '',
+  createBy: '',
+  createTime: '',
+  id: '',
+  name: '',
+  num: 0,
+  numshow: '',
+  onlinclasshours: '',
+  pid: undefined,
+  requirement: '',
+  sysOrgCode: '',
+  totalclasshours: '',
+  updateBy: '',
+  updateTime: '',
+  zc: '',
+  ziyuan: '',
+  zywj: '',
+})
+// @ts-ignore
+const validateChapterOrSection = (rule, value, callback) => {
+  nextTick(() => {
+    const value = ruleForm.pid
+    if (!value && value !== '') callback(new Error('请选择新增的章或节'))
+    else callback()
+  })
+}
+// 表单验证
+const rules = reactive<FormRules<RuleForm>>({
+  pid: [
+    { required: true, validator: validateChapterOrSection, trigger: 'change' },
+  ],
+})
+
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      emits('submit', ruleForm, updLoading)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  activePidArr.value = undefined
+}
+const placeholder = ref('请输入章节名')
+watch(
+  () => ruleForm.pid,
+  (newVal) => {
+    if (newVal === undefined) placeholder.value = '请输入章节名'
+    else if (newVal === '') placeholder.value = '请输入章名'
+    else placeholder.value = '请输入节名'
+  },
+)
+const activePidArr = ref<string[] | undefined>([])
+watch(
+  () => activePidArr.value,
+  (newVal) => {
+    // 设置pid
+    if (newVal === undefined) {
+      ruleForm.pid = undefined
+      return
+    }
+    ruleForm.pid = newVal.slice(-1)[0]
+  },
+)
+</script>
+<style lang="scss"></style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue
new file mode 100644
index 0000000..b716d29
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue
@@ -0,0 +1,194 @@
+<template>
+  <div class="add-or-edit">
+    <el-drawer v-model="isDrawer" title="编辑章节" direction="rtl" size="50%">
+      <el-form
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item label="章节" prop="id">
+          <el-cascader
+            v-model="activeIdArr"
+            :options="options1"
+            :props="CascaderProps"
+            :show-all-levels="false"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="章节名" prop="name">
+          <el-input
+            v-model="ruleForm.name"
+            style="width: 240px"
+            :placeholder="placeholder"
+          />
+        </el-form-item>
+        <el-form-item label="总学时" prop="totalclasshours">
+          <el-input
+            v-model="ruleForm.totalclasshours"
+            style="width: 240px"
+            placeholder="请输入总学时"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :loading="loading"
+            @click="submitForm(ruleFormRef)"
+          >
+            提交
+          </el-button>
+          <el-button @click="resetForm(ruleFormRef)">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, reactive, watch, computed } from 'vue'
+const props = defineProps(['isD', 'data', 'editData'])
+const emits = defineEmits(['update:isD', 'submit'])
+const loading = ref(false)
+const updLoading = (boo: boolean) => (loading.value = boo)
+
+const isDrawer = ref(props.isD)
+watch(
+  () => props.isD,
+  (newVal) => (isDrawer.value = newVal),
+)
+watch(
+  () => isDrawer.value,
+  (newVal) => emits('update:isD', newVal),
+)
+
+const options1 = computed(() => props.data)
+const CascaderProps = {
+  checkStrictly: true,
+  label: 'name',
+  value: 'id',
+  children: 'chapterSection',
+}
+
+import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
+import { isArray } from 'element-plus/es/utils/types.mjs'
+
+interface RuleForm {
+  content: string
+  courseid: string
+  courseobjectivesid: string
+  createBy: string
+  createTime: string
+  id: string | undefined
+  name: string
+  num: number
+  numshow: string
+  onlinclasshours: string
+  pid: string
+  requirement: string
+  sysOrgCode: string
+  totalclasshours: string
+  updateBy: string
+  updateTime: string
+  zc: string
+  ziyuan: string
+  zywj: string
+}
+
+const formSize = ref<ComponentSize>('default')
+const ruleFormRef = ref<FormInstance>()
+const ruleForm = reactive<RuleForm>({ ...props.editData })
+
+// 表单验证
+const rules = reactive<FormRules<RuleForm>>({
+  id: [{ required: true, message: '请选择要更新的章节', trigger: 'change' }],
+})
+
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      emits('submit', ruleForm, updLoading)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  activeIdArr.value = getCheckedChapter(options1.value)
+}
+
+watch(
+  () => ruleForm.id,
+  (newVal) => {
+    const obj = getCheckedChapterObj(options1.value, newVal)
+    // const arr = getCheckedChapter(options1.value)
+    // let obj
+    // if (arr.length === 1) obj = options1.value.find((item: any) => item.id === arr[0])
+    // else if (arr.length === 2) obj = options1.value.find((item: any) => item.id === arr[0]).value.find((item: any) => item.id === arr[1])
+    if (obj) Object.assign(ruleForm, obj)
+  },
+)
+const placeholder = ref('请输入章节名')
+watch(
+  () => ruleForm.pid,
+  (newVal) => {
+    if (newVal === '') placeholder.value = '请输入章名'
+    else placeholder.value = '请输入节名'
+  },
+  { immediate: true },
+)
+// 得到选中的章节id数组
+function getCheckedChapter(array: any) {
+  let i = 0,
+    arr: any[] = [],
+    f: any
+  ;(function fn(array: any) {
+    if (!isArray(array)) return
+    const ch = array.find((item: any) => item.id === ruleForm.id)
+    if (ch === undefined && i < array.length) {
+      f = array[i].id
+      fn(array[i++].chapterSection)
+    }
+    if (ch === undefined) return
+    if (f) arr.push(f)
+    arr.push(ch.id)
+  })(array)
+  return arr
+}
+// 得到选中的章节
+function getCheckedChapterObj(array: any, id: any) {
+  let i = 0,
+    arr: any[] = []
+  ;(function fn(array: any) {
+    if (!isArray(array)) return
+    const ch = array.find((item: any) => item.id === id)
+    if (ch === undefined && i < array.length) {
+      fn(array[i++].chapterSection)
+    }
+    if (ch === undefined) return
+    arr.push(ch)
+  })(array)
+  return arr[0]
+}
+
+const activeIdArr = ref<string[] | undefined>(getCheckedChapter(options1.value))
+watch(
+  () => activeIdArr.value,
+  (newVal) => {
+    // 设置id
+    if (newVal === undefined) {
+      ruleForm.id = undefined
+      return
+    }
+    ruleForm.id = newVal.slice(-1)[0]
+  },
+)
+</script>
+<style lang="scss"></style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/foldInfoUi.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/foldInfoUi.vue
new file mode 100644
index 0000000..a9c792f
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/foldInfoUi.vue
@@ -0,0 +1,376 @@
+<template>
+  <div class="fold-info-ui">
+    <div class="demo-collapse">
+      <el-collapse class="collapse">
+        <button
+          class="my-button"
+          style="position: absolute; left: 0; top: 0"
+          @click.stop="emits('add')"
+        >
+          新增
+        </button>
+        <el-collapse-item v-for="item in foldInfoData" :key="item.id">
+          <template #title>
+            <div class="title">
+              <div class="icon">
+                <img src="@/assets/images/minus-circle-filled.png" alt="" />
+              </div>
+              <div class="index" v-if="String(item.numshow).length == 1">
+                0{{ item.numshow }} /
+              </div>
+              <div class="index" v-else>{{ item.numshow }} /</div>
+              <div class="text">{{ item.name }}</div>
+              <div class="title-tag-box">
+                <div class="my-tag" type="warning">
+                  {{ item.totalclasshours }}学时
+                </div>
+                <div class="my-tag">本章资源</div>
+              </div>
+              <button
+                class="my-button"
+                @click.stop="emits('edit', item)"
+                style="margin-right: 10px"
+              >
+                编辑
+              </button>
+              <my-btn
+                :id="item.id"
+                type="danger"
+                class="is-el-button"
+                style="margin-right: 10px"
+              >
+                删除
+              </my-btn>
+            </div>
+          </template>
+          <template #default>
+            <div class="titile-box-knowledge chapter-knowledge">
+              <div class="my-tag">知识点1</div>
+              <div class="my-tag">知识点1</div>
+            </div>
+            <div class="main-box">
+              <div class="left"></div>
+              <div class="right">
+                <div class="structure-item">
+                  <div
+                    class="structure-item-titile-box"
+                    v-for="(obj, ind) in item.chapterSection"
+                    :key="item.id"
+                  >
+                    <div class="titile-box-titile">
+                      <div class="sequence">{{ ind + 1 }}</div>
+                      <div class="tit-box">
+                        <div class="tit-box-left">
+                          {{ obj.numshow }} {{ obj.name }}
+                        </div>
+                        <div class="tit-box-right my-tag">资源</div>
+                        <div class="title-tag-box">
+                          <div class="my-tag" type="warning">
+                            {{ obj.totalclasshours }}学时
+                          </div>
+                        </div>
+                        <div class="tit-box-edit">
+                          <button
+                            class="my-button"
+                            @click.stop="emits('edit', obj)"
+                            style="margin-right: 10px"
+                          >
+                            编辑
+                          </button>
+                          <my-btn
+                            :id="obj.id"
+                            type="danger"
+                            class="is-el-button"
+                            style="margin-right: 10px"
+                          >
+                            删除
+                          </my-btn>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="titile-box-knowledge">
+                      <div class="my-tag">知识点1</div>
+                      <div class="my-tag">知识点1</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ElButton } from 'element-plus'
+import { ref, h, type SetupContext, withModifiers } from 'vue'
+defineProps(['foldInfoData'])
+const emits = defineEmits(['add', 'del', 'edit'])
+
+const MyBtn = {
+  props: ['id'],
+  setup(props: { id: string }, context: SetupContext) {
+    const loading = ref(false)
+    const setLoading = (bool: boolean) => (loading.value = bool)
+    return () =>
+      h(
+        ElButton,
+        {
+          loading: loading.value,
+          onClick: withModifiers(
+            function () {
+              emits('del', props.id, setLoading)
+            },
+            ['stop'],
+          ),
+          ...context.attrs,
+        },
+        context.slots,
+      )
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .collapse {
+  border-top: none;
+
+  .el-collapse-item__header {
+    border-bottom: none;
+  }
+}
+
+.fold-info-ui {
+  width: 100%;
+  height: 100%;
+  padding-top: 27px;
+  padding-left: 61px;
+  background: #fff;
+  position: relative;
+
+  .demo-collapse {
+    $title-icon-width: 15px;
+    $title--icon-m-r: 34px;
+    $title-index-width: 60px;
+
+    .title {
+      display: flex;
+      height: 22px;
+      width: 100%;
+      align-items: center;
+
+      .icon {
+        line-height: 0px;
+        width: $title-icon-width;
+        height: $title-icon-width;
+        margin-right: $title--icon-m-r;
+
+        & img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .index {
+        width: $title-index-width;
+        text-align: center;
+        text-wrap: nowrap;
+        font-weight: 400;
+        font-size: 32px;
+        color: #333333;
+        margin-right: 15px;
+      }
+
+      .text {
+        font-weight: bold;
+        font-size: 24px;
+        color: #333333;
+      }
+
+      .title-tag-box {
+        margin-left: auto;
+        margin-right: 76px;
+        display: flex;
+        column-gap: 16px;
+      }
+    }
+
+    .main-box {
+      width: 100%;
+      display: flex;
+      $line: 1px dashed #d9d9d9;
+
+      .left {
+        width: calc(
+          $title-icon-width + $title--icon-m-r + $title-index-width / 2
+        );
+        border-right: $line;
+      }
+
+      .right {
+        flex-grow: 1;
+
+        .structure-item {
+          width: 100%;
+
+          .structure-item-titile-box {
+            & > * {
+              padding-left: 42px;
+            }
+
+            .titile-box-titile {
+              &:first-child {
+                margin-top: 20px;
+              }
+
+              position: relative;
+              margin-bottom: 15px;
+
+              &::before {
+                content: '';
+                display: block;
+                position: absolute;
+                left: 0;
+                top: 50%;
+                width: 30px;
+                border-top: $line;
+              }
+
+              .sequence {
+                $height: 33px;
+                width: $height;
+                height: $height;
+                position: absolute;
+                left: 0;
+                top: 50%;
+                transform: translate(-50%, -50%);
+                border-radius: 50%;
+                background: #ffb21e;
+                text-align: center;
+                line-height: $height;
+                font-weight: 400;
+                font-size: 15px;
+                color: #000000;
+              }
+
+              .tit-box {
+                height: 20px;
+                display: flex;
+                align-items: center;
+                gap: 17px;
+
+                .tit-box-left {
+                  font-weight: 400;
+                  font-size: 20px;
+                  color: #000000;
+                }
+
+                // .tit-box-right {}
+                .tit-box-edit {
+                  margin-left: auto;
+                  margin-right: 72px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .titile-box-knowledge {
+    display: flex;
+    margin-left: 33px;
+    gap: 38px;
+    flex-wrap: wrap;
+
+    & > * {
+      border: 1px solid #0052d9;
+      font-weight: bold;
+      font-size: 12px;
+      color: #0052d9;
+    }
+  }
+
+  .chapter-knowledge {
+    margin-bottom: 10px;
+    margin-left: calc(79px - 33px / 2);
+  }
+
+  // ===================
+  .my-tag {
+    padding: 2px 8px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #0052d9;
+    line-height: 20px;
+    background: #f2f3ff;
+    cursor: pointer;
+    border-radius: 3px;
+  }
+
+  * {
+    white-space: nowrap;
+  }
+
+  [type='warning'].my-tag {
+    color: #e37318;
+    background: #fff1e9;
+  }
+}
+
+.my-button {
+  all: initial;
+  $color-start: #52a1ff;
+  $color-end: #4255ff;
+  padding: 8px 24px;
+  background: linear-gradient(128deg, $color-start 0%, $color-end 100%);
+  box-shadow: 0px 4px 7px 0px rgba(0, 82, 255, 0.27);
+  border-radius: 20px;
+  font-weight: bold;
+  font-size: 16px;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 24px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    background: linear-gradient(
+      128deg,
+      lighten($color-start, 5%) 0%,
+      lighten($color-end, 5%) 100%
+    );
+  }
+
+  &:active {
+    background: linear-gradient(
+      128deg,
+      darken($color-start, 10%) 0%,
+      darken($color-end, 10%) 100%
+    );
+  }
+
+  &:disabled {
+    background: linear-gradient(
+      128deg,
+      lighten($color-start, 20%) 0%,
+      lighten($color-end, 20%) 100%
+    );
+  }
+}
+
+.is-el-button {
+  width: 80px;
+  height: 40px;
+  box-shadow: 0px 4px 7px 0px rgba(0, 82, 255, 0.27);
+  border-radius: 20px;
+  font-weight: bold;
+  font-size: 16px !important;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 24px;
+  text-align: center;
+  cursor: pointer;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/index.ts b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/index.ts
new file mode 100644
index 0000000..82f9f0a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/index.ts
@@ -0,0 +1,7 @@
+export { default as theoryUi } from './theoryUi.vue'
+export { default as objectiveUi } from './objectiveUi.vue'
+export { default as atlasUi } from '../atlasUi.vue'
+export { default as lookResourceUi } from './lookResourceUi.vue'
+export { default as foldInfoUi } from './foldInfoUi.vue'
+export { default as FoldAdd } from './FoldAdd.vue'
+export { default as FoldEdit } from './FoldEdit.vue'
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/lookResourceUi.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/lookResourceUi.vue
new file mode 100644
index 0000000..775f033
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/lookResourceUi.vue
@@ -0,0 +1,190 @@
+<template>
+  <div class="look-resource-ui" ref="atlas">
+    <div class="head">
+      <div class="log"></div>
+      <div class="text">查看资源</div>
+    </div>
+    <div class="con" v-for="item in 5" :key="item">
+      <div class="chapter-box">
+        <div class="left">第一章</div>
+        <div class="right">第二小节</div>
+      </div>
+      <div class="detailedness-chapter-box">
+        <div class="left">
+          <div class="vertical-dotted-line"></div>
+        </div>
+        <div class="right">
+          <div class="top">知识点</div>
+          <div class="center">知识点详情，知识点内容</div>
+          <div class="bottom">
+            <div class="img-box"></div>
+            <div class="info-box">
+              <div class="text-name">知识点清单.pdf</div>
+              <div class="text-size">15M</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+const props = defineProps(['lookResource'])
+console.log(props.lookResource, '查看资源接口数据')
+</script>
+<style lang="scss">
+.look-resource-ui {
+  $padding-left: 18px;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  padding: 24px 22px 0 $padding-left;
+  display: flex;
+  flex-direction: column;
+
+  .head {
+    $height: 30px;
+    display: flex;
+    margin-bottom: 32px;
+
+    .log {
+      width: $height;
+      height: $height;
+      background: #4782ff;
+      border-radius: 4px;
+      margin-right: 12px;
+    }
+
+    .text {
+      font-weight: bold;
+      font-size: 20px;
+      color: #333333;
+      line-height: $height;
+    }
+  }
+
+  .con {
+    & > * {
+      display: flex;
+    }
+
+    $width: 51px;
+
+    .chapter-box {
+      $line-height: 22px;
+      margin-bottom: 12px;
+
+      .left {
+        min-width: $width;
+        height: 22px;
+        margin-right: 16px;
+        font-weight: 400;
+        font-size: 16px;
+        color: #333333;
+        line-height: $line-height;
+      }
+
+      .right {
+        line-height: $line-height;
+        font-weight: 400;
+        font-size: 14px;
+        color: #9a9a9a;
+      }
+    }
+
+    .detailedness-chapter-box {
+      .left {
+        width: $width;
+
+        .vertical-dotted-line {
+          height: 168px;
+          margin-left: calc(53px - $padding-left);
+          border-left: 1px dotted #d9d9d9;
+        }
+      }
+
+      .right {
+        display: flex;
+        flex-direction: column;
+
+        & > * {
+          margin-bottom: 15px;
+        }
+
+        & > *:last-child {
+          margin-bottom: 0;
+        }
+
+        .top {
+          $height: 17px;
+          width: 53px;
+          height: $height;
+          line-height: $height;
+          text-align: center;
+          background: #5ee183;
+          border-radius: 2px;
+          font-weight: 400;
+          font-size: 12px;
+          color: #ffffff;
+        }
+
+        .center {
+          $height: 22px;
+          height: $height;
+          line-height: $height;
+          font-weight: 400;
+          font-size: 16px;
+          color: #333333;
+        }
+
+        .bottom {
+          width: 243px;
+          height: 84px;
+          background: rgba(255, 255, 255, 0.5);
+          border-radius: 4px;
+          border: 1px solid #d9d9d9;
+          cursor: pointer;
+          transition: 0.3s;
+          padding: 17px 0 17px 20px;
+          display: flex;
+
+          &:hover {
+            border: 1px solid #6997fa;
+          }
+
+          .img-box {
+            width: 42px;
+            height: 50px;
+            background: #4d4d4d;
+            margin-right: 23px;
+          }
+
+          .info-box {
+            display: flex;
+            flex-direction: column;
+            $height: 22px;
+
+            & > * {
+              height: $height;
+              line-height: $height;
+            }
+
+            .text-name {
+              font-weight: 400;
+              font-size: 12px;
+              color: #333333;
+              margin-bottom: 6px;
+            }
+
+            .text-size {
+              font-weight: 400;
+              font-size: 12px;
+              color: #9a9a9a;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/objectiveUi.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/objectiveUi.vue
new file mode 100644
index 0000000..75ab7c8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/objectiveUi.vue
@@ -0,0 +1,94 @@
+<template>
+  <div class="objective-ui">
+    <div class="container">
+      <div class="title">课程目标</div>
+      <button class="more btn">了解更多</button>
+      <div class="content">
+        {{ orogramObjective.con }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineProps(['orogramObjective'])
+</script>
+
+<style lang="scss">
+.objective-ui {
+  $border-width: 3px;
+  $line-height: 17px;
+  width: 100%;
+  height: 100%;
+
+  background: #ffffff;
+  border: $border-width solid #ededed;
+  padding: calc(16px - $border-width) 0 $line-height 66px;
+
+  button {
+    all: initial;
+  }
+
+  .btn {
+    $background-color: #f2f3ff;
+    width: 64px;
+    height: 18px;
+    line-height: 18px;
+    text-align: center;
+    background-color: $background-color;
+    border-radius: 45px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #0052d9;
+    cursor: pointer;
+
+    &:hover {
+      background: darken($background-color, 5%);
+    }
+
+    &:active {
+      background: darken($background-color, 10%);
+    }
+
+    &:disabled {
+      background: lighten($background-color, 20%);
+    }
+  }
+
+  .container {
+    $row-height: 23px;
+    height: 100%;
+    width: 443px;
+    display: grid;
+    grid-template-columns: repeat(2, auto);
+    grid-template-rows: $row-height 1fr;
+    row-gap: 25px;
+
+    .title {
+      font-weight: bold;
+      font-size: 20px;
+      color: #333333;
+      line-height: $row-height;
+      text-align: left;
+    }
+
+    .more {
+      justify-self: end;
+    }
+
+    .content {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 5;
+      -webkit-box-orient: vertical;
+      grid-column: 1/3;
+      font-weight: 400;
+      font-size: 14px;
+      color: #999999;
+      line-height: $line-height;
+      text-align: left;
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/theoryUi.vue b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/theoryUi.vue
new file mode 100644
index 0000000..9e59367
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/KnowledgeGraphUi/theoryUi.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="theory-ui">
+    <div class="container">
+      <div class="top">
+        <div class="title">计算机导论</div>
+        <button class="my-button">导入</button>
+        <button class="my-button">编辑</button>
+      </div>
+      <div class="bottom">
+        <div
+          class="text-container"
+          v-for="(item, index) in props.learnInfo"
+          :key="index"
+        >
+          <div class="text-name">{{ addUnit(item.name, '：') }}</div>
+          <div class="text-value">{{ item.value }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+function addUnit(viewStr: string, unit: string): string {
+  if (viewStr) return `${viewStr}${unit}`
+  else return ''
+}
+const props = defineProps(['learnInfo'])
+</script>
+
+<style lang="scss">
+.theory-ui {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background-color: #fff;
+
+  .container {
+    $border-width: 3px;
+    flex-grow: 1;
+    border: $border-width solid #ededed;
+    padding-top: calc(10px - $border-width);
+    padding-left: 61px;
+    display: flex;
+    flex-direction: column;
+
+    .top {
+      display: flex;
+      margin-top: 30px;
+      margin-bottom: 46px;
+
+      .my-button {
+        all: initial;
+        $color-start: #52a1ff;
+        $color-end: #4255ff;
+        padding: 8px 24px;
+        background: linear-gradient(128deg, $color-start 0%, $color-end 100%);
+        box-shadow: 0px 4px 7px 0px rgba(0, 82, 255, 0.27);
+        border-radius: 20px;
+        font-weight: bold;
+        font-size: 16px;
+        color: rgba(255, 255, 255, 0.9);
+        line-height: 24px;
+        text-align: center;
+        cursor: pointer;
+
+        &:hover {
+          background: linear-gradient(
+            128deg,
+            lighten($color-start, 5%) 0%,
+            lighten($color-end, 5%) 100%
+          );
+        }
+
+        &:active {
+          background: linear-gradient(
+            128deg,
+            darken($color-start, 10%) 0%,
+            darken($color-end, 10%) 100%
+          );
+        }
+
+        &:disabled {
+          background: linear-gradient(
+            128deg,
+            lighten($color-start, 20%) 0%,
+            lighten($color-end, 20%) 100%
+          );
+        }
+      }
+
+      & > *:first-child {
+        margin-right: 82px;
+      }
+
+      & > *:last-child {
+        margin-left: 20px;
+      }
+
+      .title {
+        width: 208px;
+        height: 34px;
+        font-size: 36px;
+        color: #5577ff;
+      }
+    }
+
+    .bottom {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      row-gap: 15px;
+
+      .text-container {
+        font-weight: 400;
+        font-size: 15px;
+        color: #333333;
+        width: 100%;
+        height: 20px;
+        display: flex;
+
+        .text-name {
+          width: 93px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/PageContainer.vue b/teaching_integration_platform_admin_template/src/views/course/components/PageContainer.vue
new file mode 100644
index 0000000..1c0563c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/PageContainer.vue
@@ -0,0 +1,36 @@
+<script setup>
+import {} from 'vue'
+// 传递头部标题，通过父传子
+defineProps({
+  title: {
+    required: true,
+    type: String,
+  },
+})
+</script>
+<template>
+  <el-card class="page-container">
+    <template #header>
+      <div class="header">
+        <span>{{ title }}</span>
+        <div class="extra">
+          <!-- 具名插槽定制额外按钮 -->
+          <slot name="extra"></slot>
+        </div>
+      </div>
+    </template>
+    <!-- 插槽定制内容，使用slot占位 -->
+    <slot></slot>
+  </el-card>
+</template>
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100%;
+  box-sizing: border-box;
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/atlasUi.vue b/teaching_integration_platform_admin_template/src/views/course/components/atlasUi.vue
new file mode 100644
index 0000000..bc3c26c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/atlasUi.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="atlas-ui" ref="atlas">
+    <professionalProfile v-bind="atlasAttribute" />
+    <div class="on-off" @click="() => $emit('hadRouter')">
+      <el-icon>
+        <Right />
+      </el-icon>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, reactive, onMounted } from 'vue'
+import professionalProfile from './KnowledgeGraph.vue'
+const $emit = defineEmits(['hadRouter'])
+const atlas = ref(null)
+const atlasAttribute = reactive({ width: 0, height: 0 })
+onMounted(() => {
+  const el: HTMLElement = atlas.value!
+  const width = +getComputedStyle(el).width.slice(0, -2)
+  const height = +getComputedStyle(el).height.slice(0, -2)
+  atlasAttribute.width = width
+  atlasAttribute.height = height
+})
+</script>
+<style lang="scss">
+.atlas-ui {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  &:hover .on-off {
+    transform: translate(0%);
+    padding-right: 10px;
+  }
+
+  .on-off {
+    position: absolute;
+    top: 0;
+    right: 0;
+    cursor: pointer;
+    padding-top: 5px;
+    transform: translate(100%);
+    transition: all 0.3s;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/chapters-details.vue b/teaching_integration_platform_admin_template/src/views/course/components/chapters-details.vue
new file mode 100644
index 0000000..6b6fde2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/chapters-details.vue
@@ -0,0 +1,37 @@
+<script lang="ts" setup></script>
+<template>
+  <div class="grid-content chapters-details" style="height: 300px">
+    <h1>章节详情</h1>
+    <div class="info">
+      <p>本章名称：认识计算机导论</p>
+      <p>
+        简介：
+        适用专业：软件工程专业本章目标：本课程对每个专题的讲座内容进行系统整理，形成了由讲座概要、专题内容、拓展阅读文献、教学课件和教学视频等组成的教学内容体系。学生可以根据自己的学习兴趣，由浅入深地进行拓展学习。通过学术讲座、学术沙龙、学术讨论等形式，使学生掌握较扎实的课程与教学的基础理论知识和其他相关知识，树立先进的教育观念；了解国内外教育改革实践；了解国内外课程与教学研究的历史、现状和动向，形成较强的独立从事课程与教学研究能力；对现实的课程与教学问题具有清晰的认识，能在现代教育观念指导下投入我国基础教育课程改革的实践。
+        主
+      </p>
+      <p>章节编号：1110</p>
+      <p>章节总学时：26h</p>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.chapters-details {
+  h1 {
+    padding-top: 20px;
+    text-align: center;
+    font-size: 24px;
+    font-weight: 700;
+    color: #333333ff;
+  }
+
+  .info {
+    padding: 20px;
+
+    p {
+      margin-bottom: 5px;
+      line-height: 1.5;
+      letter-spacing: 1px;
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/course-brief.vue b/teaching_integration_platform_admin_template/src/views/course/components/course-brief.vue
new file mode 100644
index 0000000..2c97fb5
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/course-brief.vue
@@ -0,0 +1,200 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { getCourseDetailApi } from '@/api/user/crouse'
+import { onMounted } from 'vue'
+const route = useRoute()
+const courseId = ref()
+const courseDetails = ref({
+  img: '',
+  name: '',
+  teacher: '',
+  description: '',
+  code: '',
+})
+courseId.value = route.query.id
+console.log(courseId.value, 'id')
+const getCourseDetails = async () => {
+  const res = await getCourseDetailApi(courseId.value)
+  courseDetails.value = res.data
+  // console.log(res)
+  console.log(courseDetails.value, 'courseDetails.value')
+}
+onMounted(() => {
+  getCourseDetails()
+})
+</script>
+<template>
+  <div class="grid-content course-brief" style="height: 350px">
+    <h1 style="text-align:">
+      {{ courseDetails.name }}
+      <span>主讲教师：{{ courseDetails.teacher }}</span>
+    </h1>
+    <div class="box">
+      <div class="image">
+        <img :src="courseDetails.img" alt="" />
+      </div>
+      <div class="text">
+        <!-- <h2 class="title">
+          {{ courseDetails.name }}
+          <span>主讲教师：{{ courseDetails.teacher }}</span>
+        </h2> -->
+        <div>
+          <h3>
+            课程简介:
+            <el-scrollbar height="143px">
+              <p class="pp">{{ courseDetails.description }}</p>
+            </el-scrollbar>
+            <!-- <textarea name="" id=""></textarea> -->
+          </h3>
+          <div class="brief">
+            <ul class="ull">
+              <li>
+                <p>课程编码</p>
+                <p>{{ courseDetails.code }}</p>
+              </li>
+              <li>
+                <p>课程学分</p>
+                <p>{{ courseDetails.category }}</p>
+              </li>
+              <li>
+                <p>课程学时</p>
+                <p>{{ courseDetails.classhours }}</p>
+              </li>
+              <li>
+                <p>课程性质</p>
+                <p>{{ courseDetails.nature }}</p>
+              </li>
+              <li>
+                <p>考核方式</p>
+                <p>{{ courseDetails.assessmentway }}</p>
+              </li>
+              <li>
+                <p>考核类型</p>
+                <p>{{ courseDetails.assessmenttype }}</p>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.course-brief {
+  // display: flex;
+
+  // justify-content: space-between;
+
+  h1 {
+    // display: block;
+    padding-top: 20px;
+    text-align: center;
+    font-size: 26px;
+    font-weight: 700;
+    color: #333333ff;
+
+    span {
+      margin-left: 40px;
+      font-size: 18px;
+      line-height: 30px;
+      color: #8a8b99;
+    }
+  }
+
+  .box {
+    width: 100%;
+    height: 80%;
+    display: flex;
+    justify-content: space-between;
+
+    .image {
+      // position: relative;
+      margin-top: 20px;
+      margin-left: 20px;
+      margin-right: 20px;
+      width: 40%;
+      height: 90%;
+      border-radius: 6px;
+      background-color: rgb(211, 196, 199);
+
+      img {
+        width: 100%;
+        height: 100%;
+        border-radius: 6px;
+        // margin: 25px;
+        // margin: 10px;
+        // width: 100%;
+        // height: 100%;
+        // background-color: rgb(211, 196, 199);
+      }
+    }
+
+    .text {
+      width: 60%;
+      height: 100%;
+      // margin: 50px;
+      margin: 20px 60px 60px 0px;
+      // background-color: #74deff;
+      // background-image: linear-gradient(to right, #4984ff, #74deff);
+      border-radius: 20px;
+
+      h2 {
+        font-weight: 600;
+        font-size: 26px;
+        margin-bottom: 20px;
+        font-family: Inter, Inter;
+        color: #333333ff;
+      }
+
+      h3 {
+        color: #8a8b99;
+        font-size: 14px;
+
+        .pp {
+          line-height: 1.3;
+          margin-top: 9px;
+          display: inline;
+          padding-left: 35px;
+          color: #2e2e2e;
+          letter-spacing: 1px;
+        }
+      }
+
+      .brief {
+        border-radius: 4px;
+        width: 100%;
+        height: 80%;
+
+        .ull {
+          display: flex;
+          flex-wrap: wrap;
+          margin-top: 10px;
+          align-content: space-around;
+          justify-content: space-between;
+        }
+
+        li {
+          // margin-top: 10px;
+          // padding-left: 10px;
+
+          margin-right: 80px;
+          font-size: 14px;
+          text-align: center;
+          margin-bottom: 10px;
+
+          p {
+            margin-top: 6px;
+            font-size: 16px;
+          }
+
+          p:nth-child(1) {
+            color: #8a8b99;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/course-chapters.vue b/teaching_integration_platform_admin_template/src/views/course/components/course-chapters.vue
new file mode 100644
index 0000000..fe926fb
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/course-chapters.vue
@@ -0,0 +1,188 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import type Node from 'element-plus/es/components/tree/src/model/node'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRoute } from 'vue-router'
+import {
+  getChaptersListApi,
+  addChaptersApi,
+  delChaptersApi,
+} from '@/api/user/chapter'
+import { onMounted } from 'vue'
+const route = useRoute()
+// const router = useRouter()
+const courseId = ref()
+// const courseId = '719f91586a64413898253c5b7d046fd8'
+onMounted(() => {
+  courseId.value = route.query.id
+  console.log(courseId.value, 'route.query.id');
+
+  // courseId.value = '719f91586a64413898253c5b7d046fd8'
+  getChaptersList()
+})
+
+// console.log(courseId.value, 'courseId.value')
+const getChaptersList = async () => {
+  console.log(courseId, 'courseId.value')
+  const res = await getChaptersListApi({ id: courseId })
+  console.log(res, 'get')
+  const transformedData: Tree[] = res.data.map((item: any) => ({
+    id: item.id,
+    name: item.name,
+    pid: item.pid,
+    children: item.children.map((children: any) => ({
+      id: children.id,
+      name: children.name,
+      pid: children.pid,
+
+      knowledgePoints: children.knowledgePoints.map((knowledgePoints: any) => ({
+        id: knowledgePoints.id,
+        name: knowledgePoints.name,
+        pid: knowledgePoints.pid,
+      })),
+    })),
+  }))
+  dataSource.value = transformedData
+}
+interface Tree {
+  id: number
+  name: string
+  pid: any
+  children?: Tree[]
+}
+let id = 1000
+// 添加
+const append = async (data: Tree) => {
+  ElMessageBox.prompt('请输入章节名称', '添加', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+  }).then(async ({ value }) => {
+    const newChild = {
+      id: id++,
+      name: `${value}`,
+      pid: data.id,
+      courseId: courseId,
+    }
+    if (!data.children) {
+      data.children = []
+    }
+    data.children.push(newChild)
+    const res = await addChaptersApi(newChild)
+    console.log(res, 'appendres')
+    if (res.code === 200) {
+      // 成功添加后更新本地数据源
+      dataSource.value = [...dataSource.value]
+      ElMessage({
+        type: 'success',
+        message: '添加成功',
+      })
+    } else {
+      ElMessage({
+        type: 'error',
+        message: '添加失败，请稍后再试',
+      })
+    }
+    // dataSource.value = [...dataSource.value]
+  })
+}
+// 删除
+const remove = async (node: Node, data: Tree) => {
+  console.log(node, data)
+  await ElMessageBox.confirm('您确定删除这条课程信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await delChaptersApi(data.id)
+    .then(() => {
+      const parent = node.parent
+      const children: Tree[] = parent.data.children || parent.data
+      const index = children.findIndex((d) => d.id === data.id)
+      children.splice(index, 1)
+      dataSource.value = [...dataSource.value]
+      ElMessage.success('删除成功')
+    })
+    .catch((err: any) => {
+      ElMessage.error(err.response.data.message)
+    })
+}
+// 获取章节详情
+const getDetails = (id: any) => { }
+const dataSource = ref<Tree[]>([
+  {
+    id,
+    name: '',
+    pid: '',
+    children: [
+      {
+        id,
+        name: '',
+        pid: '',
+        children: [
+          {
+            id,
+            name: '',
+            pid: '',
+          },
+        ],
+      },
+    ],
+  },
+])
+</script>
+<template>
+  <div class="grid-content course-chapters" style="height: 820px">
+    <h1>课程章节</h1>
+    <!-- <button @click="getChaptersList">获取</button> -->
+    <div class="custom-tree-container">
+      <el-tree style="max-width: 600px" :data="dataSource" node-key="id" default-expand-all
+        :expand-on-click-node="false" empty-text="暂无章节">
+        <template #default="{ node, data }">
+          <span class="custom-tree-node">
+            <span @click="getDetails(data.id)">{{ data.name }}</span>
+            <span>
+              <el-button @click="append(data)" circle size="small" type="primary" plain>
+                <el-icon :size="15">
+                  <Plus />
+                </el-icon>
+              </el-button>
+              <el-button @click="remove(node, data)" circle size="small" type="danger" plain>
+                <el-icon :size="15">
+                  <Delete />
+                </el-icon>
+              </el-button>
+              <!-- <a @click="append(data)"></a> -->
+              <!-- <a style="margin-left: 8px" @click="remove(node, data)">删除</a> -->
+            </span>
+          </span>
+        </template>
+      </el-tree>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.course-chapters {
+  .show-checkbox {
+    display: false;
+  }
+
+  h1 {
+    padding: 20px;
+    text-align: center;
+    font-size: 24px;
+    font-weight: 700;
+    color: #333333ff;
+  }
+
+  .custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 18px;
+    padding-right: 8px;
+    // width: 20%
+    // width: 200px;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/course-object.vue b/teaching_integration_platform_admin_template/src/views/course/components/course-object.vue
new file mode 100644
index 0000000..29a9e7a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/course-object.vue
@@ -0,0 +1,488 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Edit, Delete } from '@element-plus/icons-vue'
+import {
+  updateContents,
+  getObjectList,
+  delObjectContents,
+  addObjectContents,
+  getObjectContent,
+  getObjectType,
+} from '@/api/user/object'
+import { useRoute } from 'vue-router'
+const route = useRoute()
+// const router = useRouter()
+const courseId = ref()
+// 各项目标
+const data = ref({})
+// 总目标
+const params = ref({
+  content: '请添加整体目标',
+  id: '',
+  objectiveId: '',
+})
+// 获取目标列表
+const list = ref([])
+const getObject = async () => {
+  const res = await getObjectList({ id: courseId.value })
+  console.log(res, 'objectres')
+  data.value = res.data[0].courseObjectivesTrees
+  console.log(data, 'data');
+
+  console.log(res.data, 'res.data[0].contents[0]');
+
+  Object.assign(params.value, res.data[0].contents[0])
+  // params.value = res.data[0].contents[0]
+
+  list.value = data.value.map(item => item.contents).flat()
+  console.log(list.value, 'list.value ');
+
+  // content.value = res.data[0].contents[0].content
+  // console.log(content.value, 'content.value')
+
+}
+// 获取目标类型
+const type = ref({
+  id: '',
+  name: '',
+})
+const getType = async () => {
+  console.log(courseId, 'typecourse')
+  const res = await getObjectType(courseId.value)
+
+  type.value = res.data
+  console.log(res, 'typeres')
+}
+
+onMounted(() => {
+  courseId.value = route.query.id
+  console.log(courseId.value, 'courseid.vlue')
+  getObject()
+  getType()
+})
+// 修改目标内容
+const isEditing = ref(false)
+const content = ref('')
+const updateContent = () => {
+  isEditing.value = true
+  content.value = params.value.content
+}
+
+// 保存修改
+const saveContent = async () => {
+  console.log(params.value.content, ' params.value.content')
+  console.log(params.value, 'params.value')
+  console.log(params.value.id, 'params.id')
+
+  // const jsonstr = JSON.stringify(params)
+  // const res = await editCourse(jsonstr)
+
+  console.log(content.value, 'text.value')
+
+  await ElMessageBox.confirm('您确定要保存吗？', '修改整体目标', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+  })
+    .then(async () => {
+      params.value.content = content.value
+
+
+
+      const res = await updateContents({
+        id: params.value.id,
+        objectiveId: params.value.objectiveId,
+        content: params.value.content,
+      })
+      console.log(res, 'res')
+      ElMessage.success('保存成功！')
+      isEditing.value = false
+
+
+
+    }, () => {
+      // 点击取消后的操作
+      ElMessage.info('您已取消操作')
+    })
+}
+// 取消修改
+const cancelEdit = () => {
+  isEditing.value = false
+}
+// 删除目标
+const delObject = async (id: any) => {
+  await ElMessageBox.confirm('你确认要删除该课程目标吗', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+  await delObjectContents(id).then(() => {
+    ElMessage.success('删除成功')
+    getObject()
+  }).catch((err: any) => {
+    // console.log(id, 'id')
+    ElMessage.error(err.response.data.message)
+  })
+}
+// 添加目标
+// 内容
+const formData = ref({
+  description: '',
+})
+// 弹窗
+const dialogVisible = ref(false)
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+}
+const close = () => {
+  formData.value = {
+    description: '',
+  }
+  dialogVisible.value = false
+}
+// 编辑
+const flog = ref()
+const objectiveIds = ref(0)
+const addObject = (item: any) => {
+  // console.log(id, 'id')
+  dialogVisible.value = true
+
+  flog.value = false
+  type.value.name = ''
+  formData.value.description = ''
+  // updateDisabledStatus()
+  objectiveIds.value = item.id
+}
+const editdata = ref({ id: '', objectiveId: '' })
+const updateObjectContent = async (id: any) => {
+  dialogVisible.value = true
+  flog.value = true
+  const res = await getObjectContent(id)
+  formData.value.description = res.data.content
+  console.log(res, '回显res')
+  editdata.value.id = res.data.id
+  editdata.value.objectiveId = res.data.objectiveId
+}
+// 弹窗提交事件
+const submit = async () => {
+  if (formData.value.description === '') {
+    // 显示错误提示
+    await ElMessage.error('内容不能为空')
+    return
+  }
+  if (flog.value) {
+    await updateContents({
+      ...editdata.value,
+      content: formData.value.description,
+    })
+    ElMessage.success('编辑成功')
+  } else {
+    console.log(objectiveIds, 'objectiveIds')
+    await addObjectContents({
+      // id: type.value.id,
+      objectiveId: objectiveIds.value,
+      content: formData.value.description,
+    })
+    ElMessage.success('添加成功')
+  }
+  getObject()
+  dialogVisible.value = false
+  formData.value.description = ''
+}
+</script>
+<template>
+  <div class="grid-content course-object" style="height: 450px">
+    <h1>课程目标</h1>
+    <div class="all_content">
+      <!-- <div class="graph">
+        <div class="title">课程目标雷达图</div>
+        <div id="main" class="radarmap"></div>
+      </div> -->
+      <div class="object">
+        <div class="card-header">
+          <el-card style="max-width: 480px">
+            <template #header>
+              <div class="card-header">
+                <span>整体目标</span>
+                <el-button type="primary" :icon="Edit" circle plain @click="updateContent"></el-button>
+              </div>
+            </template>
+            <div class="el-card__body" style="">
+              <div v-if="isEditing" class="editCon">
+                <textarea class="textarea" v-model="content"></textarea>
+                <el-button type="primary" @click="saveContent">保存</el-button>
+                <el-button type="default" @click="cancelEdit">取消</el-button>
+              </div>
+              <p class="text" v-else>
+                {{ params.content }}
+              </p>
+            </div>
+          </el-card>
+        </div>
+      </div>
+      <div class="typeObject">
+        <!-- <ul v-for="item in data" :key="item.id">
+          <li>
+            <div class="all">
+              <div class="left">
+                <div class="type">{{ item.name }}</div>
+                <div class="icon">
+                  <el-icon @click="addObject(item)">
+                    <Plus />
+                  </el-icon>
+                </div>
+              </div>
+              <div class="objectdetails">
+                <el-scrollbar height="89px">
+                  <li v-for="(obj, i) in item.contents" :key="obj.id">
+                    <span>目标{{ i + 1 }}：{{ obj.content }}</span>
+                    <div class="icon">
+                      <el-button
+                        type="primary"
+                        :icon="Edit"
+                        circle
+                        size="small"
+                        plain
+                        @click="updateObjectContent(obj.id)"
+                      />
+                      <el-button
+                        type="danger"
+                        :icon="Delete"
+                        circle
+                        size="small"
+                        plain
+                        @click="delObject(obj.id)"
+                      />
+                    </div>
+                  </li>
+                </el-scrollbar>
+              </div>
+            </div>
+            <el-divider style="margin: 0; width: 100%" />
+          </li>
+        </ul> -->
+        <el-scrollbar>
+          <li v-for="(obj, i) in list" :key="obj.id">
+            <span>目标{{ i + 1 }}：{{ obj.content }}</span>
+            <div class="icon">
+              <el-button type="primary" :icon="Edit" circle size="small" plain @click="updateObjectContent(obj.id)" />
+              <el-button type="danger" :icon="Delete" circle size="small" plain @click="delObject(obj.id)" />
+              <span>【{{ data.name }}】</span>
+            </div>
+
+          </li>
+        </el-scrollbar>
+        <el-button @click="addObject" circle size="small" type="primary" plain class="addbutton">
+          <el-icon :size="15">
+            <Plus />
+          </el-icon>
+        </el-button>
+        <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="flog ? '编辑' : '新增'" width="500"
+          :before-close="handleClose">
+          <el-form :model="type">
+            <el-form-item label="目标类别">
+              <el-select v-model="type.name" placeholder="请选择目标类别">
+                <el-option v-for="item in type" :key="item.id" :label="item.name" :value="item.name"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+
+          <el-form :model="formData" label-width="auto" style="max-width: 600px">
+            <el-form-item label="目标内容" prop="description">
+              <el-input v-model="formData.description" placeholder="请输入内容"></el-input>
+            </el-form-item>
+          </el-form>
+          <template #footer>
+            <div class="dialog-footer">
+              <el-button @click="close">取消</el-button>
+              <el-button type="primary" @click="submit">确定</el-button>
+            </div>
+
+          </template>
+        </el-dialog>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+li {
+  list-style-type: none; //去掉标签默认的左边符号
+}
+
+.el-tabs__item {
+  padding: 0 50px;
+}
+
+.course-object {
+  h1 {
+    padding: 20px;
+    text-align: center;
+    font-size: 24px;
+    font-weight: 700;
+    color: #333333ff;
+  }
+
+  .all_content {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+
+    // .graph {
+    //   width: 40%;
+    //   height: 100%;
+
+    //   .title {
+    //     text-align: center;
+    //     font-size: 24px;
+    //     font-weight: 400;
+    //     color: #333333ff;
+    //   }
+
+    //   .radarmap {
+    //     width: 100%;
+    //     height: 90%;
+    //     margin-top: -60px;
+    //   }
+    // }
+
+    .object {
+      padding-left: 35px;
+      width: 40%;
+      height: 90%;
+
+      .card-header {
+        // height: 100%;
+        text-align: center;
+
+        .el-card__body {
+          height: 250px;
+        }
+
+        button {
+          margin-left: 20px;
+        }
+
+        .text {
+          font-size: 16px;
+          color: #606169;
+          text-align: left;
+          line-height: 1.5;
+          letter-spacing: 1px;
+        }
+      }
+
+      span {
+        font-size: 20px;
+        font-weight: 400;
+      }
+
+      // span:hover {
+      //   color: red;
+      // }
+
+      .el-scrollbar {
+        height: 30%;
+        width: 100%;
+      }
+
+      .editCon {
+        height: 100%;
+
+        .textarea {
+          line-height: 1.5;
+          width: 90%;
+          height: 90%;
+          letter-spacing: 1px;
+          border: none;
+          resize: none;
+        }
+      }
+    }
+
+    .typeObject {
+      width: 60%;
+      height: 80%;
+      // text-align: center;
+      border: 1px solid #dcdfe6;
+      margin-right: 35px;
+      padding: 20px;
+      position: relative;
+
+      .icon {
+        margin-left: 700px;
+        // display: inline-block;
+        // position: absolute;
+      }
+
+      .addbutton {
+        position: absolute;
+        right: 20px;
+        bottom: 20px;
+      }
+
+      // align-items: center;
+      // ul:nth-child(-n + 3) {
+      //   border-bottom: none;
+      // }
+
+      // ul {
+      //   width: 90%;
+      //   border: 1px solid #dcdfe6;
+
+      //   // box-shadow: 1px -5px 6px rgba(153, 150, 150, 0.5);
+      // }
+
+      // .all {
+      //   display: flex;
+      //   width: 100%;
+      //   // box-shadow: 1px 1px 6px rgba(153, 150, 150, 0.5);
+      //   // align-content: center;
+
+      //   .left {
+      //     width: 20%;
+      //     display: flex;
+      //     justify-content: center;
+      //     border-right: 1px solid #dcdfe6;
+      //     flex-wrap: wrap;
+      //     align-content: center;
+      //     letter-spacing: 1px;
+
+      //     .icon {
+      //       margin-left: 10px;
+      //     }
+
+      //     .icon:hover {
+      //       cursor: pointer;
+      //       color: red;
+      //     }
+      //   }
+
+      //   .objectdetails {
+      //     padding-right: 20px;
+      //     width: 100%;
+      //     // border: 1px solid #8a8b99;
+
+      //     li {
+      //       width: 100%;
+      //       display: flex;
+      //       justify-content: space-between;
+      //       flex-wrap: wrap;
+      //       // align-content: center;
+      //       align-items: center;
+      //       line-height: 1;
+      //       margin-top: 2px;
+      //       letter-spacing: 1px;
+      //     }
+      //   }
+      // }
+    }
+  }
+}
+
+.el-collapse-item__header:hover {
+  color: #385ea9 !important;
+  /* 强制应用样式 */
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/courseEdit.vue b/teaching_integration_platform_admin_template/src/views/course/components/courseEdit.vue
new file mode 100644
index 0000000..d2c024c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/courseEdit.vue
@@ -0,0 +1,400 @@
+<script setup lang="ts">
+import { ElMessage } from 'element-plus'
+import request from '@/utils/request'
+// import { requiredNumber } from 'element-plus/es/components/table-v2/src/common.mjs'
+import { ref, watch, onMounted } from 'vue'
+import { editCourseApi } from '../../../api/user/crouse'
+import { addCourseApi } from '../../../api/user/crouse'
+import { getCourseListApi, getCourseDetailApi } from '../../../api/user/crouse'
+// import request from '../../../utils/request'
+import { tool } from '../../../utils/alioss.js'
+import useUserStore from '@/store/modules/user'
+// import { useRoute } from 'vue-router'
+const userStore = useUserStore()
+// 绑定弹框
+const visibleDrawer = ref(false)
+// 绑定图片
+const imgUrl = ref('')
+// 绑定表单
+const formRef = ref()
+// const uploadUrl = ref('')
+// const fileList = ref([])
+// const handleAvatarSuccess = (res: any) => {
+//   console.log(res)
+//   formModel.value.img = res.data.url
+// }
+// const beforeAvatarUpload = (file: any) => {}
+const defaultForm = {
+  teacher: userStore.data.id,
+  img: '',
+  name: '',
+  category: '',
+  nature: '',
+  code: '',
+  credit: '',
+  classhours: '',
+  assessmenttype: '',
+  assessmentway: '',
+  teachermethod: '',
+  teacherway: '',
+  description: '',
+  file: null,
+}
+const formModel = ref({
+  ...defaultForm,
+})
+const rules = {
+  img: [
+    {
+      required: true,
+      message: '请上传课程封面',
+      trigger: 'change',
+    },
+  ],
+  name: [
+    {
+      required: true,
+      message: '请输入课程名称',
+      trigger: 'blur',
+    },
+    {
+      pattern: /^[a-zA-Z\u4e00-\u9fa5A-Z]*$/,
+      message: '只能输入汉字或字母',
+      trigger: 'blur',
+    },
+    { max: 10, message: '不能超过10个字符', trigger: 'blur' },
+  ],
+  category: [
+    {
+      required: true,
+      message: '请选择课程类别',
+      trigger: 'change',
+    },
+  ],
+  nature: [
+    {
+      required: true,
+      message: '请选择课程性质',
+      trigger: 'change',
+    },
+  ],
+  code: [
+    {
+      required: true,
+      message: '请输入课程编码',
+      trigger: 'blur',
+    },
+    {
+      pattern: /^[A-Z0-9]*$/,
+      message: '只能输入数字或大写字母',
+      trigger: 'blur',
+    },
+    { max: 10, message: '不能超过10个字符', trigger: 'blur' },
+    // {
+    //   validator: validateUniqueCode,
+    //   message: '课程编码已存在',
+    //   trigger: 'blur',
+    // },
+  ],
+  credit: [
+    {
+      required: true,
+      message: '请输入课程学分',
+      trigger: 'blur',
+    },
+    { pattern: /^\d*$/, message: '只能输入数字', trigger: 'blur' },
+  ],
+  classhours: [
+    {
+      required: true,
+      message: '请输入课程学时',
+      trigger: 'blur',
+    },
+    { pattern: /^\d*$/, message: '只能输入数字', trigger: 'blur' },
+    { max: 2, message: '不能超过2个字符', trigger: 'blur' },
+  ],
+  assessmenttype: [
+    {
+      required: true,
+      message: '请选择考核类型',
+      trigger: 'change',
+    },
+  ],
+  assessmentway: [
+    {
+      required: true,
+      message: '请选择考核方式',
+      trigger: 'change',
+    },
+  ],
+  description: [
+    {
+      required: true,
+      message: '请输入课程简介',
+      trigger: 'blur',
+    },
+    { max: 500, message: '不能超过500个字符', trigger: 'blur' }
+  ]
+}
+
+// 按钮禁用
+const nameDisabled = ref(false)
+const codeDisabled = ref(false)
+const open = async (item: any) => {
+  visibleDrawer.value = true
+  if (item.id) {
+    // 编辑回显
+    // formModel.value = { ...item }
+    // 获取课程详情
+    const res = await getCourseDetailApi(item.id)
+    console.log(res)
+    formModel.value = res.data
+    imgUrl.value = formModel.value.img
+    nameDisabled.value = true
+    codeDisabled.value = true
+  } else {
+    nameDisabled.value = false
+    codeDisabled.value = false
+    // 重置表单
+    formModel.value = { ...defaultForm }
+    formModel.value.category = ''
+    formModel.value.nature = ''
+    formModel.value.assessmenttype = ''
+    formModel.value.assessmentway = ''
+    imgUrl.value = ''
+  }
+  // 重置图片
+}
+// 组件对外暴露一个open,基于open传过来的参数判断是添加还是编辑
+defineExpose({ open })
+
+const props = defineProps(['flog'])
+const onSubmit = async () => {
+  // console.log(formModel.value, 'formModel.value')
+  formModel.value.classhours = formModel.value.classhours.toString()
+  await formRef.value.validate()
+  const isEdit = formModel.value.id
+  if (isEdit) {
+    await editCourseApi(formModel.value)
+    ElMessage.success('修改成功')
+    emit('CloseCouresNameChange')
+    emit('success')
+    console.log(formModel.value, 'formModel.value')
+  } else {
+    console.log(formModel.value, 'formModel.value')
+    // console.log(formModel.value)
+    await addCourseApi(formModel.value)
+      .then(() => {
+        ElMessage.success('添加成功')
+        // console.log(res)
+      })
+      .catch((err: any) => {
+        // console.log(err)
+        ElMessage.error(err.response.data.message)
+      })
+    // 传递关闭抽屉事件
+
+    emit('CloseCouresNameChange')
+    emit('success')
+    // emit('ClosecreditChange')
+    // emit('CloseclasshoursChange')
+  }
+  formModel.value = { ...defaultForm }
+  imgUrl.value = ''
+
+  visibleDrawer.value = false
+}
+// 新增数据子传父
+const emit = defineEmits([
+  'success',
+  // 课程名称改变
+  'couresNameChange',
+  // 关闭课程名称改变
+  'CloseCouresNameChange',
+  // // 学分改变
+  // 'creditChange',
+  // // 学时改变
+  // 'classhoursChange',
+  // 关闭
+  'closecreditChange',
+  'closeclasshoursChange',
+])
+// 新增时数据同步
+const courseNameInput = () => {
+  if (!props.flog) {
+    emit('couresNameChange', formModel.value.name)
+  }
+}
+
+onMounted(() => {
+  console.log(props.flog)
+})
+const handleClose = () => {
+  console.log('关闭')
+  visibleDrawer.value = false
+  emit('CloseCouresNameChange')
+  // emit('ClosecreditChange')
+  // emit('CloseclasshoursChange')
+}
+const upload = async (option: any) => {
+  // console.log(option,)
+  const res = await tool.oss.upload(option.file)
+  // console.log(res.url)
+  formModel.value.img = res.url
+  imgUrl.value = formModel.value.img
+  console.log(formModel.value.img)
+}
+// const uploadChange = (file: any) => {
+//   console.log(file)
+//   defaultForm.file = file
+// }
+</script>
+
+<template>
+  <el-drawer :before-close="handleClose" v-model="visibleDrawer" direction="rtl"
+    :title="formModel.id ? '编辑课程' : '添加课程'">
+    <el-form :model="formModel" :rules="rules" ref="formRef">
+      <el-form-item label="课程封面" prop="img">
+        <el-upload v-model="formModel.img" class="avatar-uploader" :http-request="upload" :show-file-list="false">
+          <img v-if="imgUrl" :src="imgUrl" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon">
+            <Plus />
+          </el-icon>
+          <template #tip>
+            <div class="el-upload__tip">图片文件要为jpg/png格式，小于500kb</div>
+          </template>
+        </el-upload>
+        <!-- <el-upload
+          class="avatar-uploader"
+          action="#"
+          :show-file-list="false"
+          v-model="defaultForm.file"
+          @change="uploadChange"
+        >
+          <img v-if="imgUrl" :src="imgUrl" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon">
+            <Plus />
+          </el-icon>
+        </el-upload> -->
+        <!-- 关闭自动上传，无需在提交前上传，本地预览即可s
+        URL.createObjectURL(...)创建本地预览的地址-->
+        <!-- <el-upload
+          v-model:flie-list="formModel.img"
+          class="avatar-uploader"
+          :show-file-list="false"
+          :auto-upload="false"
+          :http-request="upload"
+        >
+          <el-button>
+            <img v-if="imgUrl" :src="imgUrl" class="avatar" />
+            <el-icon v-else class="avatar-uploader-icon">
+              <Plus />
+            </el-icon>
+          </el-button>
+        </el-upload> -->
+      </el-form-item>
+      <el-form-item label="课程名称" prop="name">
+        <el-input :disabled="nameDisabled" style="width: 200px" v-model="formModel.name"
+          @input="courseNameInput"></el-input>
+      </el-form-item>
+      <el-form-item label="课程类别" prop="category">
+        <el-radio-group v-model="formModel.category">
+          <el-radio value="1">专业教育</el-radio>
+          <el-radio value="2">通识教育</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="课程性质" prop="nature">
+        <el-radio-group v-model="formModel.nature">
+          <el-radio value="1">必修</el-radio>
+          <el-radio value="2">选修</el-radio>
+          <el-radio value="3">任修</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="课程编码" prop="code">
+        <el-input style="width: 200px" v-model="formModel.code" :disabled="codeDisabled"></el-input>
+      </el-form-item>
+      <el-form-item label="课程学分" prop="credit">
+        <el-input style="width: 200px" v-model="formModel.credit"></el-input>
+      </el-form-item>
+      <el-form-item label="课程学时" prop="classhours">
+        <el-input style="width: 200px" v-model="formModel.classhours"></el-input>
+      </el-form-item>
+      <el-form-item label="考核类型" prop="assessmenttype">
+        <el-radio-group v-model="formModel.assessmenttype">
+          <el-radio value="1">考试</el-radio>
+          <el-radio value="2">考查</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="考核方式" prop="assessmentway">
+        <el-radio-group v-model="formModel.assessmentway">
+          <el-radio value="1">开卷</el-radio>
+          <el-radio value="2">闭卷</el-radio>
+          <el-radio value="3">其他</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <!-- <el-form-item label="教学方法" prop="teachermethod">
+        <el-input type="textarea" v-model="formModel.teachermethod" />
+      </el-form-item>
+      <el-form-item label="教学方式" prop="teacherway">
+        <el-input type="textarea" v-model="formModel.teacherway" />
+      </el-form-item> -->
+      <el-form-item label="课程简介" prop="description">
+        <textarea name="" id="" v-model="formModel.description"></textarea>
+        <!-- <el-input class="brief_text" type="textarea" /> -->
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer" v-if="userStore.userInfo.roleId[0] === '1'">
+        <el-button @click="handleClose" size="large">取消</el-button>
+        <el-button type="primary" size="large" @click="onSubmit()">
+          确认
+        </el-button>
+        <!-- <el-button @click="updHandle">上传</el-button> -->
+      </span>
+    </template>
+  </el-drawer>
+</template>
+<style lang="scss" scoped>
+textarea {
+  width: 400px;
+  height: 180px;
+  resize: none;
+  border: 1px solid #dcdfe6;
+  color: #606266;
+  line-height: 1.3;
+  letter-spacing: 1px;
+  border-radius: 6px;
+}
+
+.avatar-uploader {
+  :deep() {
+    .avatar {
+      width: 178px;
+      height: 178px;
+      display: block;
+    }
+
+    .el-upload {
+      border: 1px dashed var(--el-border-color);
+      border-radius: 6px;
+      cursor: pointer;
+      position: relative;
+      overflow: hidden;
+      transition: var(--el-transition-duration-fast);
+    }
+
+    .el-upload:hover {
+      border-color: var(--el-color-primary);
+    }
+
+    .el-icon.avatar-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 178px;
+      height: 178px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/knowledge-graph.vue b/teaching_integration_platform_admin_template/src/views/course/components/knowledge-graph.vue
new file mode 100644
index 0000000..1ebe736
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/knowledge-graph.vue
@@ -0,0 +1,238 @@
+<template>
+  <div id="3d-graph"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref, reactive ,watch} from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText from '../spritetext.js'
+// const $router = useRouter()
+// const jsonData = ref(null)
+import { getCourseAtlas} from '@/api/courseChaptersApi'
+let Graph = reactive({})
+const props = defineProps({
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
+  },
+  index: {
+    type: String,
+    required: true,
+  },
+  id: {
+    type: String || Number,
+    required: true,
+  },
+})
+const emits = defineEmits(['clickGraph'])
+
+const dom = ref(null)
+onMounted(async () => {
+  const res: any = await getCourseAtlas({ id: '719f91586a64413898253c5b7d046fd8' })
+  // console.log(res,'res')
+  const gData:any = {
+    nodes: [...res.data.knowList],
+    links: [...res.data.linksList],
+  }
+  gData.links.forEach((link:any) => {
+    const a = gData.nodes.find((item:any) => item.id === link.source)
+    const b = gData.nodes.find((item:any) => item.id === link.target)
+    // console.log(a, b)
+
+    !a.neighbors && (a.neighbors = [])
+    !b.neighbors && (b.neighbors = [])
+    a.neighbors.push(b)
+    b.neighbors.push(a)
+
+    !a.links && (a.links = [])
+    !b.links && (b.links = [])
+    a.links.push(link)
+    b.links.push(link)
+  })
+
+  const highlightNodes = new Set()
+  const highlightLinks = new Set()
+  let hoverNode:any = null
+
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .graphData(gData)
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(1)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#000') // 设置连接线颜色为红色
+    .backgroundColor('#fff')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .nodeColor((node:any) =>
+      highlightNodes.has(node)
+        ? node === hoverNode
+          ? 'rgb(255,0,0,1)'
+          : node.color
+        : node.color,
+    )
+    .linkWidth((link) => (highlightLinks.has(link) ? 4 : 1))
+    .linkDirectionalParticles((link) => (highlightLinks.has(link) ? 4 : 0))
+    .linkDirectionalParticleWidth(4)
+    .onNodeClick((node: any) => {
+      console.log(node);
+      emits('clickGraph',node.id)
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#000'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+    .onNodeHover((node:any) => {
+      // no state change
+      if ((!node && !highlightNodes.size) || (node && hoverNode === node))
+        return
+
+      highlightNodes.clear()
+      highlightLinks.clear()
+      if (node && node.neighbors ) {
+        highlightNodes.add(node)
+        node.neighbors.forEach((neighbor:any) => highlightNodes.add(neighbor))
+        node.links.forEach((link :any) => highlightLinks.add(link))
+      }
+
+      hoverNode = node || null
+
+      updateHighlight()
+    })
+    .onLinkHover((link :any) => {
+      highlightNodes.clear()
+      highlightLinks.clear()
+
+      if (link) {
+        highlightLinks.add(link)
+        highlightNodes.add(link.source)
+        highlightNodes.add(link.target)
+      }
+
+      updateHighlight()
+    })
+  dom.value = document.querySelector('canvas') as any
+})
+const updateHighlight = () => {
+  // console.log(1111)
+
+  // trigger update of highlighted objects in scene
+  Graph.nodeColor(Graph.nodeColor())
+    .linkWidth(Graph.linkWidth())
+    .linkDirectionalParticles(Graph.linkDirectionalParticles())
+}
+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
+  })
+  //@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
+      })),
+    )
+
+    // 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>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/knowledge-statistic.vue b/teaching_integration_platform_admin_template/src/views/course/components/knowledge-statistic.vue
new file mode 100644
index 0000000..a6f0fac
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/knowledge-statistic.vue
@@ -0,0 +1,305 @@
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import * as echarts from 'echarts'
+import 'echarts-liquidfill'
+const liquidechart1 = ref(null) // 第一个波浪水球图的引用
+const liquidechart2 = ref(null) // 第二个波浪水球图的引用
+
+onMounted(() => {
+  let chartDom = document.getElementById('main')
+  let myChart = echarts.init(chartDom)
+  let option
+  option = {
+    radar: [
+      {
+        nameGap: 10,
+        indicator: [
+          {
+            text: '目标一\n',
+            max: 100,
+          },
+          {
+            text: '目标五\n\n',
+            max: 100,
+          },
+          {
+            text: '目标四\n\n',
+            max: 100,
+          },
+          {
+            text: '目标三\n\n',
+            max: 100,
+          },
+          {
+            text: '目标二\n\n',
+            max: 100,
+          },
+        ],
+        // 中心位置
+        center: ['50%', '60%'],
+        // 半径
+        radius: 100,
+        // 圆角起始角度
+        startAngle: 90,
+        // 分割数
+        splitNumber: 5,
+        shape: 'circle',
+        name: {
+          formatter: '{value}',
+          textStyle: {
+            color: '#333333',
+            fontSize: 16,
+          },
+          gap: 10,
+        },
+        splitArea: {
+          areaStyle: {
+            color: [
+              'transparent',
+              'transparent',
+              'rgba(114, 172, 209, 0)',
+              'transparent',
+              'rgba(114, 172, 209, 0)',
+            ],
+          },
+        },
+        // 设置雷达图中间射线的颜色
+        axisLine: {
+          lineStyle: {
+            color: '#C8D9FF',
+          },
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#DADADA',
+            width: 2,
+            type: 'dashed', //dashed  solid dotted 射线类型【实线 虚线】
+          },
+        },
+      },
+      {
+        nameGap: 10,
+        indicator: [
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+          {
+            text: '达成度',
+            max: 100,
+          },
+        ],
+
+        center: ['50%', '60%'],
+        radius: 100,
+        startAngle: 90,
+        splitNumber: 1,
+        shape: 'circle',
+        splitArea: {
+          show: false,
+        },
+        axisLine: {
+          show: false,
+        },
+        name: {
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(0,0,0,0.4)',
+            fontSize: 16,
+          },
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#6093FF',
+            type: 'solid',
+            width: 8,
+          },
+        },
+      },
+    ],
+    series: [
+      {
+        type: 'radar',
+        emphasis: {
+          lineStyle: {
+            width: 20,
+          },
+        },
+        symbol: 'none',
+        data: [
+          {
+            value: [74, 60, 80, 60, 74],
+            name: 'Data C',
+            areaStyle: {
+              color: '#DBE4F9',
+            },
+          },
+        ],
+      },
+      {
+        type: 'radar',
+        emphasis: {
+          lineStyle: {
+            width: 20,
+          },
+        },
+        symbol: 'none',
+        data: [
+          {
+            value: [74, 60, 80, 40, 74],
+            name: 'Data B',
+            areaStyle: {
+              color: '#0052FF',
+            },
+          },
+        ],
+      },
+    ],
+  }
+
+  option && myChart.setOption(option)
+  const myChart1 = echarts.init(liquidechart1.value) // 使用 ref
+  myChart1.setOption({
+    title: {
+      text: '知识点达成度',
+      textStyle: {
+        color: '#888',
+        fontFamily: 'microsoft yahei',
+        fontSize: 24,
+        fontWeight: '400',
+        align: 'center',
+        verticalAlign: 'middle',
+      },
+      left: 'center',
+      top: '20%',
+    },
+    series: [
+      {
+        type: 'liquidFill',
+        radius: '95%',
+        waveAnimation: true,
+        data: [0.5], // 数据值需用数组
+        direction: 'left',
+        itemStyle: {
+          normal: {
+            color: '#1890ff',
+          },
+        },
+        outline: {
+          borderDistance: 3,
+          itemStyle: {
+            borderColor: '#4984ff',
+            borderWidth: 10,
+          },
+        },
+        itemStyle: {
+          opacity: 0.9,
+        },
+        backgroundStyle: {
+          color: '#fff',
+        },
+        label: {
+          show: true,
+          color: '#000',
+          insideColor: '#fff',
+          fontSize: 24,
+          fontWeight: 400,
+          align: 'center',
+          verticalAlign: 'middle',
+        },
+      },
+    ],
+  })
+  const myChart2 = echarts.init(liquidechart2.value) // 使用 ref
+  myChart2.setOption({
+    title: {
+      text: '知识点完成度',
+      textStyle: {
+        color: '#888',
+        fontFamily: 'microsoft yahei',
+        fontSize: 24,
+        fontWeight: '400',
+        align: 'center',
+        verticalAlign: 'middle',
+      },
+      left: 'center',
+      top: '20%',
+    },
+    series: [
+      {
+        type: 'liquidFill',
+        radius: '95%',
+        waveAnimation: true,
+        data: [0.8], // 数据值需用数组
+        direction: 'left',
+        itemStyle: {
+          normal: {
+            color: '#1890ff',
+          },
+        },
+        outline: {
+          borderDistance: 1,
+          itemStyle: {
+            borderColor: '#1890ff',
+            borderWidth: 10,
+          },
+        },
+        itemStyle: {
+          opacity: 0.9,
+        },
+        backgroundStyle: {
+          color: '#fff',
+        },
+        label: {
+          show: true,
+          color: '#000',
+          insideColor: '#fff',
+          fontSize: 24,
+          fontWeight: 400,
+          align: 'center',
+          verticalAlign: 'middle',
+        },
+      },
+    ],
+  })
+})
+</script>
+
+<template>
+  <div class="grid-content knowledge-statistic" style="height: 300px">
+    <!-- <h1>知识点统计</h1> -->
+    <div class="box">
+      <div style="width: 300px; height: 250px" id="main" class="radarmap"></div>
+      <div style="width: 300px; height: 250px" ref="liquidechart1"></div>
+      <div style="width: 300px; height: 250px" ref="liquidechart2"></div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.knowledge-statistic {
+  display: flex;
+  align-content: center;
+  flex-direction: column;
+  align-items: center;
+
+  .box {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-around;
+    align-content: center;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/components/resource-management.vue b/teaching_integration_platform_admin_template/src/views/course/components/resource-management.vue
new file mode 100644
index 0000000..34fe8f7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/components/resource-management.vue
@@ -0,0 +1,100 @@
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+
+interface User {
+  chapter: string
+  name: string
+  type: string
+}
+
+const search = ref('')
+const filterTableData = computed(() =>
+  tableData.filter(
+    (data) =>
+      !search.value ||
+      data.type.toLowerCase().includes(search.value.toLowerCase()),
+  ),
+)
+const handleEdit = (index: number, row: User) => {
+  console.log(index, row)
+}
+const handleDelete = (index: number, row: User) => {
+  console.log(index, row)
+}
+
+const tableData: User[] = [
+  {
+    chapter: '1.1课程标准',
+    type: 'PDF',
+    name: '好好学习',
+  },
+  {
+    chapter: '离散数学',
+    type: 'PPT',
+    name: '好好学习',
+  },
+  {
+    chapter: '1.1课程标准',
+    type: '视频',
+    name: '好好学习',
+  },
+  {
+    chapter: '1.1课程标准',
+    type: 'word',
+    name: '好好学习',
+  },
+]
+</script>
+<template>
+  <div class="grid-content resource-management" style="height: 500px">
+    <h1>资源管理</h1>
+    <el-table
+      :data="filterTableData"
+      style="width: 90%; margin-left: 30px; font-size: 16px"
+    >
+      <el-table-column label="相关内容" prop="chapter" />
+      <el-table-column label="文件名称" prop="name" />
+      <el-table-column label="文件类型" prop="type" />
+
+      <!-- <el-table-column label="修改" prop="name" />
+      <el-table-column label="文件类型" prop="name" /> -->
+      <el-table-column align="right">
+        <template #header>
+          <el-input
+            v-model="search"
+            size="small"
+            placeholder="输入内容进行搜索"
+          />
+        </template>
+        <template #default="scope">
+          <el-button size="small" @click="handleEdit(scope.$index, scope.row)">
+            编辑
+          </el-button>
+          <el-button
+            size="small"
+            type="danger"
+            @click="handleDelete(scope.$index, scope.row)"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<style lang="scss" scoped>
+.resource-management {
+  h1 {
+    // display: block;
+    padding: 20px;
+    text-align: center;
+    font-size: 24px;
+    font-weight: 700;
+    color: #333333ff;
+  }
+
+  // el-table {
+  //   font-size: 20px;
+  // }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/courseChapters.vue b/teaching_integration_platform_admin_template/src/views/course/courseChapters.vue
new file mode 100644
index 0000000..241f903
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/courseChapters.vue
@@ -0,0 +1,257 @@
+<template>
+  <div class="course-chapters">
+    <div class="flex-layout">
+      <div class="flex-left">
+        <div class="left" ref="atlasCon">
+          <!-- 知识图谱 -->
+          <atlas-ui @hadRouter="handle" />
+        </div>
+        <div class="right-top radius-10 vertical-line">
+          <!-- 计算机导论 -->
+          <theory-ui :learnInfo="learnInfo" />
+        </div>
+        <div class="right-bottom radius-10 vertical-line">
+          <!-- 课程目标 -->
+          <objective-ui :orogramObjective="orogramObjective" />
+        </div>
+        <div class="bottom">
+          <!-- 可折叠基本概念 -->
+          <fold-info-ui
+            :foldInfoData="foldInfoData"
+            @add="showHide = true"
+            @edit="hanEdit"
+            @del="flodDel"
+            :loading="foldDelLoading"
+          />
+          <FoldAdd
+            v-model:is-d="showHide"
+            v-if="showHide"
+            :data="foldInfoData"
+            @submit="foldAddSubmit"
+          />
+          <FoldEdit
+            v-model:is-d="showHide1"
+            v-if="showHide1"
+            :editData="activeEditData"
+            :data="foldInfoData"
+            @submit="foldEditSubmit"
+          />
+        </div>
+      </div>
+      <div class="flex_right">
+        <div class="top-container">
+          <img src="" alt="" />
+        </div>
+        <div class="bottom-container radius-10">
+          <!-- 查看资源 -->
+          <look-resource-ui :lookResource="lookResource" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {
+  getLearnInfoApi,
+  getOrogramObjectiveApi,
+} from '@/api/courseChaptersApi'
+import {
+  getChapterApi,
+  deleteSectionApi,
+  addChapterApi,
+  updateChapterApi,
+} from '@/api/sectionApi'
+import {
+  theoryUi,
+  objectiveUi,
+  atlasUi,
+  lookResourceUi,
+  foldInfoUi,
+  FoldAdd,
+  FoldEdit,
+} from './components/KnowledgeGraphUi/index'
+import { ref, reactive } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+
+const $router = useRouter()
+
+// 点击知识图谱右上角图标，前往大的知识图谱页面         atlas-ui
+const handle = () => $router.push('/knowledgeAtlas')
+
+// 计算机导论的数据         theory-ui
+const learnInfo: object[] = reactive([])
+getLearnInfoApi().then((res) => learnInfo.push(...(res as object[])))
+// getByIdCourseVoApi('2fa0fd63262230639d2c45a3acd9045c')
+// 课程目标的数据           objective-ui
+const orogramObjective: any = reactive({})
+getOrogramObjectiveApi().then((res) => Object.assign(orogramObjective, res))
+
+// 查看资源的数据           look-resource-ui
+const lookResource: any = reactive({})
+
+// 可折叠基本概念的数据         fold-info-ui
+const foldInfoData: any = reactive([])
+function getFold() {
+  getChapterApi('2fa0fd63262230639d2c45a3acd9045c').then((res) => {
+    foldInfoData.length = 0
+    foldInfoData.push(...res.data)
+  })
+}
+getFold()
+// 添加章节
+const showHide = ref(false)
+function foldAddSubmit(data: any, updLoading: Function) {
+  updLoading(true)
+  addChapterApi(data)
+    .then(() => {
+      ElMessage({
+        message: `添加${data.pid === '' ? '章' : '节'}成功`,
+        type: 'success',
+      })
+      showHide.value = false
+      getFold()
+    })
+    .catch(() => {
+      ElMessage({
+        message: `添加${data.pid === '' ? '章' : '节'}失败`,
+        type: 'error',
+      })
+    })
+    .finally(() => updLoading(false))
+}
+//删除章节
+const foldDelLoading = ref(false)
+function flodDel(id: string) {
+  foldDelLoading.value = true
+  deleteSectionApi(id)
+    .then(() => {
+      ElMessage({
+        message: `删除成功`,
+        type: 'success',
+      })
+      getFold()
+    })
+    .catch(() => {
+      ElMessage({
+        message: `删除失败`,
+        type: 'error',
+      })
+    })
+    .finally(() => (foldDelLoading.value = false))
+}
+// 更新章节
+const showHide1 = ref(false)
+const activeEditData = ref()
+function hanEdit(data: any) {
+  activeEditData.value = data
+  showHide1.value = true
+}
+function foldEditSubmit(data: any, updLoading: Function) {
+  updLoading(true)
+  updateChapterApi(data)
+    .then(() => {
+      ElMessage({
+        message: `更新${data.pid === '' ? '章' : '节'}成功`,
+        type: 'success',
+      })
+      showHide1.value = false
+      getFold()
+    })
+    .catch(() => {
+      ElMessage({
+        message: `更新${data.pid === '' ? '章' : '节'}失败`,
+        type: 'error',
+      })
+    })
+    .finally(() => updLoading(false))
+}
+</script>
+
+<style lang="scss" scoped>
+.course-chapters {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f2f7fb;
+
+  &,
+  * {
+    box-sizing: border-box;
+  }
+
+  .radius-10 {
+    border-radius: 10px;
+    overflow: hidden;
+  }
+
+  .vertical-line {
+    position: relative;
+
+    &::before {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 100%;
+      width: 12px;
+      background-color: #2147fb;
+    }
+  }
+
+  .flex-layout {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+
+    .flex-left {
+      display: grid;
+      grid-template-columns: 664px 555px;
+      justify-content: space-between;
+      width: 1243px;
+
+      .left {
+        grid-row: 1/3;
+        height: 424px;
+      }
+
+      .right-top {
+        width: 100%;
+        height: 243px;
+      }
+
+      .right-bottom {
+        align-self: end;
+        width: 100%;
+        height: 168px;
+      }
+
+      .bottom {
+        margin-top: 15px;
+        grid-column: 1/3;
+        width: 100%;
+        min-width: 100%;
+        min-height: 521px;
+      }
+    }
+
+    .flex_right {
+      width: 355px;
+
+      .top-container {
+        height: 231px;
+        margin-bottom: 23px;
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .bottom-container {
+        min-height: 945px;
+      }
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/courseDetails.vue b/teaching_integration_platform_admin_template/src/views/course/courseDetails.vue
new file mode 100644
index 0000000..fce4450
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/courseDetails.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+// import { ref } from 'vue'
+import courseBrief from './components/course-brief.vue'
+import courseObject from './components/course-object.vue'
+import courseChapters from './components/course-chapters.vue'
+import KnowledgeGraph from './components/knowledge-graph.vue'
+import knowledgestatistic from './components/knowledge-statistic.vue'
+import chaptersdetails from './components/chapters-details.vue'
+import resourcemanagement from './components/resource-management.vue'
+// import knowledgegraph from './components/KnowledgeGraph.vue'
+</script>
+<template>
+  <el-row :gutter="20">
+    <el-col :span="14">
+      <course-brief></course-brief>
+      <knowledgestatistic></knowledgestatistic>
+    </el-col>
+    <el-col :span="10">
+      <KnowledgeGraph :width="660" :height="670"></KnowledgeGraph>
+    </el-col>
+  </el-row>
+  <el-row :gutter="20">
+    <el-col :span="24">
+      <courseObject></courseObject>
+    </el-col>
+  </el-row>
+  <el-row :gutter="20">
+    <el-col :span="10">
+      <course-chapters></course-chapters>
+    </el-col>
+    <el-col :span="14">
+      <chaptersdetails></chaptersdetails>
+      <resourcemanagement></resourcemanagement>
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+.el-row {
+  // margin-bottom: 10px;
+}
+
+.el-row:last-child {
+  margin-bottom: 0;
+}
+
+.el-col {
+  border-radius: 4px;
+  // margin-right: 10px;
+}
+
+.grid-content {
+  border-radius: 6px;
+  margin-bottom: 20px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/curriculumMap.vue b/teaching_integration_platform_admin_template/src/views/course/curriculumMap.vue
new file mode 100644
index 0000000..5c43bcd
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/curriculumMap.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>课程图谱</div>
+</template>
+
+<script lang="ts" setup>
+import {} from 'vue'
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/knowledgeAtlas.vue b/teaching_integration_platform_admin_template/src/views/course/knowledgeAtlas.vue
new file mode 100644
index 0000000..e2070c7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/knowledgeAtlas.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="knowledge-atlas">
+    <atlas-ui @hadRouter="handle" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { atlasUi } from './components/KnowledgeGraphUi/index'
+import { useRouter } from 'vue-router'
+const $router = useRouter()
+const handle = () => $router.push('/curriculumCenter/courseChapters')
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/knowledgePoints.vue b/teaching_integration_platform_admin_template/src/views/course/knowledgePoints.vue
new file mode 100644
index 0000000..2393851
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/knowledgePoints.vue
@@ -0,0 +1,6 @@
+<script setup></script>
+
+<template>
+  <dev>知识点</dev>
+</template>
+<style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/views/course/largeScreen.vue b/teaching_integration_platform_admin_template/src/views/course/largeScreen.vue
new file mode 100644
index 0000000..67b66e0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/largeScreen.vue
@@ -0,0 +1,430 @@
+<template>
+  <div>
+
+        <div class="container">
+          <div class="goto" @click="goBack">
+            <p>返回</p>
+          </div>
+        </div>
+</div>
+  </template>
+  
+  <script lang="ts" >
+  import * as d3 from 'd3';
+  import { useRouter } from 'vue-router'
+  // import portal from './portal/LearningPathRecommendations.vue'
+
+  
+ 
+// import { onMounted } from 'vue';
+
+export default {
+    name: 'courseHomepage',
+    data() {
+        return {
+            svgArea: null,
+            links: [],
+            nodes: [],
+            nodesName: [],
+            linksName: [],
+            simulation: null,
+            scale: 1,
+            width: 800,
+            height: 635,
+            colorList: ['#91CC75', '#5470C6', '#FAC858', '#EE6666', '#73C0DE', '#EA7CCC', '#5577FF', '#5577FF', '#9DBFFF', '#78A7FF'],
+            // colorList: ['#E5A1D6', '#A893F5', '#D0A4FB', '#C3ACF6', '#FBBABB', '#8B81F7', '#A893F5', '#D0A4FB', '#C3ACF6', '#FBBABB'],
+            testGraph: {
+              "nodes": [],
+            "links": []
+                // "nodes": [
+                //     { "id": "Myriel", "group": 8 },
+                //     { "id": "Napoleon", "group": 2 },
+                //     { "id": "Mlle.Baptistine", "group": 3 },
+                //     { "id": "Mme.Magloire", "group": 1 },
+                //     { "id": "CountessdeLo", "group": 5 },
+                //     { "id": "Geborand", "group": 5 },
+                //     { "id": "Champtercier", "group": 6 },
+                //     { "id": "Cravatte", "group": 7 },
+                //     { "id": "Count", "group": 8 },
+                //     { "id": "OldMan", "group": 9 },
+                //     { "id": "Labarre", "group": 5 },
+                //     { "id": "Valjean", "group": 1 },
+                //     { "id": "Marguerite", "group": 3 },
+                //     { "id": "Mme.deR", "group": 2 },
+                //     { "id": "Isabeau", "group": 5 },
+                //     { "id": "Gervais", "group": 9 },
+                //     { "id": "Tholomyes", "group": 8 },
+                //     { "id": "Listolier", "group": 7 },
+                //     { "id": "Fameuil", "group": 6 },
+                //     { "id": "Blacheville", "group": 5 },
+                //     { "id": "Favourite", "group": 4 },
+                //     { "id": "Dahlia", "group": 3 },
+                //     { "id": "Zephine", "group": 9 },
+                //     { "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": "Mme.Hucheloup", "group": 8 }
+                // ],
+                // "links": [
+                //     { "source": "Napoleon", "target": "Myriel", "value": 7 },
+                //     { "source": "Mlle.Baptistine", "target": "Myriel", "value": 7 },
+                //     { "source": "Mme.Magloire", "target": "Myriel", "value": 7 },
+                //     { "source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 7 },
+                //     { "source": "CountessdeLo", "target": "Myriel", "value": 7 },
+                //     { "source": "Geborand", "target": "Myriel", "value": 7 },
+                //     { "source": "Champtercier", "target": "Myriel", "value": 7 },
+                //     { "source": "Cravatte", "target": "Myriel", "value": 7 },
+                //     { "source": "Count", "target": "Myriel", "value": 7 },
+                //     { "source": "OldMan", "target": "Myriel", "value": 7 },
+                //     { "source": "Valjean", "target": "Labarre", "value": 7 },
+                //     { "source": "Valjean", "target": "Mme.Magloire", "value": 7 },
+                //     { "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": "Mme.Hucheloup", "target": "Enjolras", "value": 1 }
+                // ]
+                // "links":[]
+            }
+
+        }
+
+    },
+    created() {
+        this.getGraphData()
+      },
+    // mounted() {
+      
+    //     this.initGraph(this.testGraph);
+
+    // },
+    methods: {
+      getGraphData(){
+          var _this = this
+          this.axios.get("person/"+'Rob Reiner')
+          //   this.axios.get("person/all")
+            .then(function (response: { data: any; }) {
+              console.log(response)
+              _this.testGraph["nodes"] = [response.data]
+              _this.initGraph(_this.testGraph)
+            })
+            .catch(function (error: any) {
+              console.log(error)
+            })
+        },
+
+        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 simulation = d3.forceSimulation(nodes)
+                .force("link", d3.forceLink(links).id((d: { id: any; }) => d.id))
+            
+                .force("collide", d3.forceCollide().radius(() => 40))
+                .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}`)
+                
+
+
+
+
+            // 初始化阶段之外单独创建线性渐变
+            const defs = svg.append("defs");
+
+            // 在 initGraph 方法中，为每条链接创建线性渐变
+            for (let i = 0; i < links.length; i++) {
+                const linearGradient = defs.append("linearGradient")
+                    .attr("id", `line-gradient-${i}`)
+                    .attr("x1", "0%")
+                    .attr("y1", "0%")
+                    .attr("x2", "100%")
+                    .attr("y2", "100%");
+
+                linearGradient.append("stop")
+                    .attr("offset", "0%")
+                    .attr("stop-color", "#6C9DFC");
+
+                linearGradient.append("stop")
+                    .attr("offset", "50%")
+                    .attr("stop-color", "#9BAAFA");
+
+                linearGradient.append("stop")
+                    .attr("offset", "100%")
+                    .attr("stop-color", "#F3B1BC");
+            }
+            const g = svg.append("g")
+            // 线段
+            const link = g.append("g")
+                .attr("stroke-opacity", 0.6)
+                .selectAll("line")
+                .data(links)
+                .join("line")
+                .style("stroke", (_d: any, i: any) => `url(#line-gradient-${i})`) // 使用线性渐变设置描边颜色
+                .style("stroke-width", (d: { value: number; }) => Math.sqrt(d.value))
+                .attr("class", "link")
+                .attr("marker-end", "url(#arrow)");
+
+
+            // // 创建箭头
+            // const marker = defs.append("marker")
+            //     .attr("id", "arrow")
+            //     .attr("viewBox", "0 -5 10 10")
+            //     .attr("refX", 31)
+            //     .attr("refY", 0)
+            //     .attr("markerWidth", 6)
+            //     .attr("markerHeight", 6)
+            //     .attr("orient", "auto")
+            //     .append("path")
+            //     .attr("d", "M0,-5L10,0L0,5")
+            //     .attr("fill", "#E0AAED");
+
+
+
+            svg.call(d3.zoom().on("zoom", function () {
+                g.attr("transform", d3.event.transform)
+            }))
+
+
+
+            // 设置节点之间的距离
+            const linkForce = d3.forceLink(links)
+                .id((d: { id: any; }) => d.id)
+                .distance(100); // 设置节点之间的距离
+
+            simulation.force("link", linkForce);
+
+            //小球的可视化范围的修改
+
+            const node = g.append("g")
+                .selectAll("circle")
+                .data(nodes)
+                .join("circle")
+                .attr("r", 15)
+                .attr("class", "node")
+                .attr("fill", (d: { id: any; }) => {
+                    return `url(#node-gradient-${d.id})`;
+                })
+                // .attr("fill", _this.color)
+                .on("click", _this.queryTest)
+                .call(_this.drag(simulation));
+
+            // 在 initGraph 方法中为每个小球创建线性渐变
+            for (let i = 0; i < nodes.length; i++) {
+                const linearGradient = defs.append("linearGradient")
+                    .attr("id", `node-gradient-${nodes[i].id}`)
+                    .attr("x1", "0%")
+                    .attr("y1", "0%")
+                    .attr("x2", "0%")
+                    .attr("y2", "100%");
+
+                linearGradient.append("stop")
+                    .attr("offset", "0%")
+                    .attr("stop-color", _this.colorList[nodes[i].group]);
+
+                linearGradient.append("stop")
+                    .attr("offset", "100%")
+                    .attr("stop-color", "#9BBCFC");
+            }
+
+            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('x', (d: { x: any; }) => d.x)
+                .attr("y", 50)
+                .attr('text-anchor', 'middle')
+                .attr('alignment-baseline', 'middle')
+                .attr("class", "node-name")
+                .style('pointer-events', 'none')
+                .style('font-size', '15px')
+                .style('font-family', 'Arial')
+                .style('text-shadow', '1px 1px 1px #0052FF')
+
+
+
+            node.on("mouseover", function (_d: any, _i: any) {
+                d3.select(this)
+                    .attr("stroke", "white")  // 添加白色边框
+                    .attr("stroke-width", 5);  // 设置边框宽度
+            })
+                .on("mouseout", function (_d: any, _i: any) {
+                    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)
+        }
+       
+    },
+    setup() {
+    const router = useRouter();
+
+    const goBack = () => {
+      router.go(-1);
+    };
+
+    return {
+      goBack
+    };
+  }
+
+
+}
+
+  </script>
+  
+  <style lang="scss" scoped>
+
+  // d3
+.container {
+    // width: 1000px;
+    // height: 950px;
+    // border: 1px solid #2c3e50;
+    // border-radius: 8px;
+    // margin-top: 40px;
+    // margin-left: auto;
+    // border-radius: 90%;
+    // margin-right: auto;
+
+    border: 1px solid #CFD9EA;
+    background: linear-gradient(#d5e1f6, #a9c6ff, #d5e1f6);
+    background-image: url('/src/assets/images/106.jpg');
+    // background-size: 100% 80%;
+    background-size: 100% ;
+
+background-attachment: fixed;
+    // border-radius: 50%; // 左下、右下圆角处理
+    // background-color: rgba(0, 0, 0, 0); /* 50% 的透明度 */
+
+}
+.goto {
+    width: 4.5%;
+    height: 3.4%;
+    background-color: rgb(255, 255, 255,0.5);
+    // background-image: url('/src/assets/images/screen (1).png');
+    // background-size: 100% 100%;
+    border-radius: 8px;
+    position: absolute;
+    top: 5%;
+    margin-left: 94%;
+    z-index: 5;
+    cursor: pointer;
+}
+.goto p{
+  text-align: center;
+  color: #ffffff;
+  line-height: 30px;
+  font-size: 14px;
+}
+// .goto :hover{
+//   background-color: #a2abbb;
+//   border-radius: 8px;
+//   width: 4.5%;
+//   height: 3.4%;
+// }
+
+</style>
+  
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/course/spritetext.js b/teaching_integration_platform_admin_template/src/views/course/spritetext.js
new file mode 100644
index 0000000..4b5a759
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/course/spritetext.js
@@ -0,0 +1,468 @@
+import { LinearFilter, Sprite, SpriteMaterial, SRGBColorSpace, Texture } from 'three';
+
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+  return _assertThisInitialized(self);
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(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];
+  return arr2;
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var three = typeof window !== 'undefined' && window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
+: {
+  LinearFilter: LinearFilter,
+  Sprite: Sprite,
+  SpriteMaterial: SpriteMaterial,
+  SRGBColorSpace: SRGBColorSpace,
+  Texture: Texture
+};
+var _default = /*#__PURE__*/function (_three$Sprite) {
+  _inherits(_default, _three$Sprite);
+  function _default() {
+    var _this;
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var textHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+    var color = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'rgba(255, 255, 255, 1)';
+    _classCallCheck(this, _default);
+    _this = _callSuper(this, _default, [new three.SpriteMaterial()]);
+    _this._text = "".concat(text);
+    _this._textHeight = textHeight;
+    _this._color = color;
+    _this._backgroundColor = false; // no background color
+
+    _this._padding = 0;
+    _this._borderWidth = 0;
+    _this._borderRadius = 0;
+    _this._borderColor = 'white';
+    _this._strokeWidth = 0;
+    _this._strokeColor = 'white';
+    _this._fontFace = 'system-ui';
+    _this._fontSize = 90; // defines text resolution
+    _this._fontWeight = 'normal';
+    _this._canvas = document.createElement('canvas');
+    _this._genCanvas();
+    return _this;
+  }
+  _createClass(_default, [{
+    key: "text",
+    get: function get() {
+      return this._text;
+    },
+    set: function set(text) {
+      this._text = text;
+      this._genCanvas();
+    }
+  }, {
+    key: "textHeight",
+    get: function get() {
+      return this._textHeight;
+    },
+    set: function set(textHeight) {
+      this._textHeight = textHeight;
+      this._genCanvas();
+    }
+  }, {
+    key: "color",
+    get: function get() {
+      return this._color;
+    },
+    set: function set(color) {
+      this._color = color;
+      this._genCanvas();
+    }
+  }, {
+    key: "backgroundColor",
+    get: function get() {
+      return this._backgroundColor;
+    },
+    set: function set(color) {
+      this._backgroundColor = color;
+      this._genCanvas();
+    }
+  }, {
+    key: "padding",
+    get: function get() {
+      return this._padding;
+    },
+    set: function set(padding) {
+      this._padding = padding;
+      this._genCanvas();
+    }
+  }, {
+    key: "borderWidth",
+    get: function get() {
+      return this._borderWidth;
+    },
+    set: function set(borderWidth) {
+      this._borderWidth = borderWidth;
+      this._genCanvas();
+    }
+  }, {
+    key: "borderRadius",
+    get: function get() {
+      return this._borderRadius;
+    },
+    set: function set(borderRadius) {
+      this._borderRadius = borderRadius;
+      this._genCanvas();
+    }
+  }, {
+    key: "borderColor",
+    get: function get() {
+      return this._borderColor;
+    },
+    set: function set(borderColor) {
+      this._borderColor = borderColor;
+      this._genCanvas();
+    }
+  }, {
+    key: "fontFace",
+    get: function get() {
+      return this._fontFace;
+    },
+    set: function set(fontFace) {
+      this._fontFace = fontFace;
+      this._genCanvas();
+    }
+  }, {
+    key: "fontSize",
+    get: function get() {
+      return this._fontSize;
+    },
+    set: function set(fontSize) {
+      this._fontSize = fontSize;
+      this._genCanvas();
+    }
+  }, {
+    key: "fontWeight",
+    get: function get() {
+      return this._fontWeight;
+    },
+    set: function set(fontWeight) {
+      this._fontWeight = fontWeight;
+      this._genCanvas();
+    }
+  }, {
+    key: "strokeWidth",
+    get: function get() {
+      return this._strokeWidth;
+    },
+    set: function set(strokeWidth) {
+      this._strokeWidth = strokeWidth;
+      this._genCanvas();
+    }
+  }, {
+    key: "strokeColor",
+    get: function get() {
+      return this._strokeColor;
+    },
+    set: function set(strokeColor) {
+      this._strokeColor = strokeColor;
+      this._genCanvas();
+    }
+  }, {
+    key: "_genCanvas",
+    value: function _genCanvas() {
+      var _this2 = this;
+      var canvas = this._canvas;
+      var ctx = canvas.getContext('2d');
+      var border = Array.isArray(this.borderWidth) ? this.borderWidth : [this.borderWidth, this.borderWidth]; // x,y border
+      var relBorder = border.map(function (b) {
+        return b * _this2.fontSize * 0.1;
+      }); // border in canvas units
+
+      var borderRadius = Array.isArray(this.borderRadius) ? this.borderRadius : [this.borderRadius, this.borderRadius, this.borderRadius, this.borderRadius]; // tl tr br bl corners
+      var relBorderRadius = borderRadius.map(function (b) {
+        return b * _this2.fontSize * 0.1;
+      }); // border radius in canvas units
+
+      var padding = Array.isArray(this.padding) ? this.padding : [this.padding, this.padding]; // x,y padding
+      var relPadding = padding.map(function (p) {
+        return p * _this2.fontSize * 0.1;
+      }); // padding in canvas units
+
+      var lines = this.text.split('\n');
+      var font = "".concat(this.fontWeight, " ").concat(this.fontSize, "px ").concat(this.fontFace);
+      ctx.font = font; // measure canvas with appropriate font
+      var innerWidth = Math.max.apply(Math, _toConsumableArray(lines.map(function (line) {
+        return ctx.measureText(line).width;
+      })));
+      var innerHeight = this.fontSize * lines.length;
+      canvas.width = innerWidth + relBorder[0] * 2 + relPadding[0] * 2;
+      canvas.height = innerHeight + relBorder[1] * 2 + relPadding[1] * 2;
+
+      // paint border
+      if (this.borderWidth) {
+        ctx.strokeStyle = this.borderColor;
+        if (relBorder[0]) {
+          // left + right borders
+          var hb = relBorder[0] / 2;
+          ctx.lineWidth = relBorder[0];
+          ctx.beginPath();
+          ctx.moveTo(hb, relBorderRadius[0]);
+          ctx.lineTo(hb, canvas.height - relBorderRadius[3]);
+          ctx.moveTo(canvas.width - hb, relBorderRadius[1]);
+          ctx.lineTo(canvas.width - hb, canvas.height - relBorderRadius[2]);
+          ctx.stroke();
+        }
+        if (relBorder[1]) {
+          // top + bottom borders
+          var _hb = relBorder[1] / 2;
+          ctx.lineWidth = relBorder[1];
+          ctx.beginPath();
+          ctx.moveTo(Math.max(relBorder[0], relBorderRadius[0]), _hb);
+          ctx.lineTo(canvas.width - Math.max(relBorder[0], relBorderRadius[1]), _hb);
+          ctx.moveTo(Math.max(relBorder[0], relBorderRadius[3]), canvas.height - _hb);
+          ctx.lineTo(canvas.width - Math.max(relBorder[0], relBorderRadius[2]), canvas.height - _hb);
+          ctx.stroke();
+        }
+        if (this.borderRadius) {
+          // strike rounded corners
+          var cornerWidth = Math.max.apply(Math, _toConsumableArray(relBorder));
+          var _hb2 = cornerWidth / 2;
+          ctx.lineWidth = cornerWidth;
+          ctx.beginPath();
+          [!!relBorderRadius[0] && [relBorderRadius[0], _hb2, _hb2, relBorderRadius[0]], !!relBorderRadius[1] && [canvas.width - relBorderRadius[1], canvas.width - _hb2, _hb2, relBorderRadius[1]], !!relBorderRadius[2] && [canvas.width - relBorderRadius[2], canvas.width - _hb2, canvas.height - _hb2, canvas.height - relBorderRadius[2]], !!relBorderRadius[3] && [relBorderRadius[3], _hb2, canvas.height - _hb2, canvas.height - relBorderRadius[3]]].filter(function (d) {
+            return d;
+          }).forEach(function (_ref) {
+            var _ref2 = _slicedToArray(_ref, 4),
+              x0 = _ref2[0],
+              x1 = _ref2[1],
+              y0 = _ref2[2],
+              y1 = _ref2[3];
+            ctx.moveTo(x0, y0);
+            ctx.quadraticCurveTo(x1, y0, x1, y1);
+          });
+          ctx.stroke();
+        }
+      }
+
+      // paint background
+      if (this.backgroundColor) {
+        ctx.fillStyle = this.backgroundColor;
+        if (!this.borderRadius) {
+          ctx.fillRect(relBorder[0], relBorder[1], canvas.width - relBorder[0] * 2, canvas.height - relBorder[1] * 2);
+        } else {
+          // fill with rounded corners
+          ctx.beginPath();
+          ctx.moveTo(relBorder[0], relBorderRadius[0]);
+          [[relBorder[0], relBorderRadius[0], canvas.width - relBorderRadius[1], relBorder[1], relBorder[1], relBorder[1]],
+          // t
+          [canvas.width - relBorder[0], canvas.width - relBorder[0], canvas.width - relBorder[0], relBorder[1], relBorderRadius[1], canvas.height - relBorderRadius[2]],
+          // r
+          [canvas.width - relBorder[0], canvas.width - relBorderRadius[2], relBorderRadius[3], canvas.height - relBorder[1], canvas.height - relBorder[1], canvas.height - relBorder[1]],
+          // b
+          [relBorder[0], relBorder[0], relBorder[0], canvas.height - relBorder[1], canvas.height - relBorderRadius[3], relBorderRadius[0]] // t
+          ].forEach(function (_ref3) {
+            var _ref4 = _slicedToArray(_ref3, 6),
+              x0 = _ref4[0],
+              x1 = _ref4[1],
+              x2 = _ref4[2],
+              y0 = _ref4[3],
+              y1 = _ref4[4],
+              y2 = _ref4[5];
+            ctx.quadraticCurveTo(x0, y0, x1, y1);
+            ctx.lineTo(x2, y2);
+          });
+          ctx.closePath();
+          ctx.fill();
+        }
+      }
+      ctx.translate.apply(ctx, _toConsumableArray(relBorder));
+      ctx.translate.apply(ctx, _toConsumableArray(relPadding));
+
+      // paint text
+      ctx.font = font; // Set font again after canvas is resized, as context properties are reset
+      ctx.fillStyle = this.color;
+      ctx.textBaseline = 'bottom';
+      var drawTextStroke = this.strokeWidth > 0;
+      if (drawTextStroke) {
+        ctx.lineWidth = this.strokeWidth * this.fontSize / 10;
+        ctx.strokeStyle = this.strokeColor;
+      }
+      lines.forEach(function (line, index) {
+        var lineX = (innerWidth - ctx.measureText(line).width) / 2;
+        var lineY = (index + 1) * _this2.fontSize;
+        drawTextStroke && ctx.strokeText(line, lineX, lineY);
+        ctx.fillText(line, lineX, lineY);
+      });
+
+      // Inject canvas into sprite
+      if (this.material.map) this.material.map.dispose(); // gc previous texture
+      var texture = this.material.map = new three.Texture(canvas);
+      texture.minFilter = three.LinearFilter;
+      texture.colorSpace = three.SRGBColorSpace;
+      texture.needsUpdate = true;
+      var yScale = this.textHeight * lines.length + border[1] * 2 + padding[1] * 2;
+      this.scale.set(yScale * canvas.width / canvas.height, yScale, 0);
+    }
+  }, {
+    key: "clone",
+    value: function clone() {
+      return new this.constructor(this.text, this.textHeight, this.color).copy(this);
+    }
+  }, {
+    key: "copy",
+    value: function copy(source) {
+      three.Sprite.prototype.copy.call(this, source);
+      this.color = source.color;
+      this.backgroundColor = source.backgroundColor;
+      this.padding = source.padding;
+      this.borderWidth = source.borderWidth;
+      this.borderColor = source.borderColor;
+      this.fontFace = source.fontFace;
+      this.fontSize = source.fontSize;
+      this.fontWeight = source.fontWeight;
+      this.strokeWidth = source.strokeWidth;
+      this.strokeColor = source.strokeColor;
+      return this;
+    }
+  }]);
+  return _default;
+}(three.Sprite);
+
+export { _default as default };
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/courseResources/componse/resourceAdd.vue b/teaching_integration_platform_admin_template/src/views/courseResources/componse/resourceAdd.vue
new file mode 100644
index 0000000..4d2e952
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/courseResources/componse/resourceAdd.vue
@@ -0,0 +1,248 @@
+<script setup>
+import { ref } from 'vue'
+const visibilerDrawer = ref(false)
+import { ElMessage } from 'element-plus'
+import { CourseResourceControllerService } from '../../../../generated/services/CourseResourceControllerService'
+import tool from '@/utils/oss.js'
+import { id } from 'element-plus/es/locales.mjs';
+//默认数据
+const defaultForm = {
+  description: '',
+  id:'',
+  img: '', //封面
+  name: '',
+  type: '', //资源类型
+  path: '',
+}
+const imageUrl = ref('')
+//上传阿里云oss
+const upload = async (option) =>{
+  //预览图片
+  imageUrl.value = URL.createObjectURL(option.raw)
+  const res = await tool.oss.upload(option.raw);//将图片存入阿里云
+  const url = "https://wenyu132.oss-cn-beijing.aliyuncs.com/" + res.name;//获取到存入阿里云后的url
+  console.log(url);
+  //将url赋值给要上传后端的参数里
+  formModel.value.img = url
+}
+
+
+// const onSelectFile = (uploadFile) => {
+//   // console.log(uploadFile)
+//   //预览图片
+//   imageUrl.value = URL.createObjectURL(uploadFile.raw)
+//   //将图片存入
+//   formModel.value.img = uploadFile.raw
+// }
+//准备数据
+
+const formModel = ref({
+  ...defaultForm,
+})
+const open = (row) => {
+  visibilerDrawer.value = true
+  // console.log(row)
+  if (row.id) {
+    //需要基于row.id发送请求，获取编辑对应的详情数据，进行回显
+    console.log('编辑回显')
+  } else {
+    formModel.value = {
+      ...defaultForm,
+    } //重置form表单
+    //重置图片
+    imageUrl.value = ''
+    console.log('添加')
+  }
+}
+//表单的校验
+const rules = {
+  name: [
+    { required: true, message: '请输入资源名称', trigger: 'blur' },
+    { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
+  ],
+  type: [{ required: true, trigger: 'blur' }],
+}
+const selectOp = ref([
+  { label: 'ppt', value: '1' },
+  { label: '图片', value: '2' },
+  { label: '视频', value: '3' },
+  { label: 'PDF', value: '4' },
+  { label: '文件', value: '5' },
+  { label: '音频', value: '6' },
+])
+const fileList = ref([])
+const clearFileList = () => {
+  console.log(fileList)
+
+  fileList.value = []
+}
+
+const beforeAvatarUpload = (rawFile) => {
+  console.log('执行了')
+  switch (+formModel.value.type.value) {
+    case 1:
+      if (rawFile.type !== 'applicationnd.ms-powerpoint') {
+        clearFileList()
+        ElMessage.error('必须是ppt文件！')
+      } else {
+        fileList.value.push(rawFile)
+      }
+      break
+    case 2:
+      if (!rawFile.type.startsWith('image/')) {
+        clearFileList()
+        ElMessage.error('必须是图片文件！')
+      } else {
+        fileList.value.push(rawFile)
+      }
+      break
+
+    case 3:
+      if (!rawFile.type.startsWith('video/')) {
+        clearFileList()
+        ElMessage.error('必须是视频文件！')
+      } else {
+        clearFileList()
+        fileList.value.push(rawFile)
+      }
+      break
+    case 4:
+      if (!rawFile.type.startsWith('applicationf')) {
+        clearFileList()
+        ElMessage.error('必须是pdf文件！')
+      } else {
+        clearFileList()
+        fileList.value.push(rawFile)
+      }
+      break
+    case 5:
+      if (
+        !rawFile.type.startsWith(
+          'applicationnd.openxmlformats-officedocument.wordprocessingml.document',
+        ) &&
+        !rawFile.type.startsWith('application/msword')
+      ) {
+        clearFileList()
+        ElMessage.error('必须是word文件！')
+      } else {
+        clearFileList()
+        fileList.value.push(rawFile)
+      }
+      break
+    case 6:
+      if (!rawFile.type.startsWith('audio/')) {
+        clearFileList()
+        ElMessage.error('必须是音频文件！')
+      } else {
+        clearFileList()
+        fileList.value.push(rawFile)
+      }
+      break
+  }
+}
+//提交
+const emit = defineEmits('success')
+const isSubmit = async () => {
+  //发请求
+  if (formModel.value.id) {
+    console.log('编辑')
+  } else {
+    console.log(formModel.value)
+    await CourseResourceControllerService.saveCourseResourceUsingGet1(
+      formModel.value,
+    )
+    ElMessage.success('添加成功')
+    visibilerDrawer.value = false
+    //通知父组件
+    emit('success', 'add')
+  }
+}
+const isabolish = () => {
+  visibilerDrawer.value = false
+  formModel.value = []
+  imageUrl.value = ''
+  // console.log(formModel.value)
+}
+defineExpose({
+  open,
+})
+</script>
+<template>
+  <el-drawer v-model="visibilerDrawer" title="标题" direction="rtl" size="50%">
+    <el-form :model="formModel" ref="fromRef" :rules="rules">
+      <el-form-item label="资源名称" prop="name">
+        <el-input
+          v-model="formModel.name"
+          placeholder="请输入资源名称"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="资源类型" prop="type">
+        <el-select
+          v-model="formModel.type"
+          placeholder="请选择资源类型"
+          size="large"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in selectOp"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="资源封面" prop="img">
+        <!-- 此处需要关闭自动上传 -->
+        <el-upload
+          class="avatar-uploader"
+          :show-file-list="false"
+          :auto-upload="false"
+          :before-upload="beforeAvatarUpload"
+          :on-change="upload"
+        >
+          <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="资源简介" prop="description">
+        <el-input
+          v-model="formModel.description"
+          placeholder="请输入资源简介"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="isabolish">取消</el-button>
+        <el-button type="info" @click="isSubmit">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </el-drawer>
+</template>
+<style lang="scss" scoped>
+.avatar-uploader {
+  :deep() {
+    .avatar {
+      width: 178px;
+      height: 178px;
+      display: block;
+    }
+    .el-upload {
+      border: 1px dashed var(--el-border-color);
+      border-radius: 6px;
+      cursor: pointer;
+      position: relative;
+      overflow: hidden;
+      transition: var(--el-transition-duration-fast);
+    }
+    .el-upload:hover {
+      border-color: var(--el-color-primary);
+    }
+    .el-icon.avatar-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 178px;
+      height: 178px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/courseResources/index.vue b/teaching_integration_platform_admin_template/src/views/courseResources/index.vue
index b08e27c..93bd36e 100644
--- a/teaching_integration_platform_admin_template/src/views/courseResources/index.vue
+++ b/teaching_integration_platform_admin_template/src/views/courseResources/index.vue
@@ -1,9 +1,328 @@
+<script setup>
+//导入图片
+import ppt from '@/assets/icons/ppt (1).png'
+import image from '@/assets/icons/image.png'
+import video from '@/assets/icons/video.png'
+import pdf from '@/assets/icons/pdf (1).png'
+import test from '@/assets/icons/test.png'
+import audio from '@/assets/icons/audio.png'
+
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { ref } from 'vue'
+
+import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService'
+import { CourseResourceControllerService } from '../../../generated/services/CourseResourceControllerService'
+
+import resourceAdd from './componse/resourceAdd.vue'
+import useUserStore from '@/store/modules/user'
+import { onMounted } from 'vue'
+
+
+const total = ref(0)
+const pptresourceList = ref([])
+const loading = ref(false)
+const params = ref({
+  pagesize: '10',
+  pagenum: '1',
+  type: '1', //设置默认显示ppt类型
+})
+
+//获取资源列表
+const getpptresourceList = async () => {
+  loading.value = true
+  console.log(params.value.pagenum)
+  const res = await CourseResourceControllerService.getAllUsingGet1(
+    params.value.pagenum,
+    params.value.pagesize,
+    params.value.type,
+  )
+  pptresourceList.value = res.data.records
+  console.log(res)
+  //获取资源列表
+  total.value = res.data.total
+  loading.value = false
+}
+getpptresourceList()
+//点击切换type的值渲染不同类型的资源
+const changeType = (newtype) => {
+  params.value.type = newtype
+  //console.log(params.value.type)
+  getpptresourceList()
+}
+
+//分页逻辑
+const onSizeChange = (size) => {
+  console.log('当前每页条数', size)
+  //只要是每页条数变化了，那么原来正在访问的当前页面就没有意义了，数据已经不在原来的页面
+  //重新从第一页渲染
+  params.value.pagenum = 1
+  params.value.pagesize = size
+  //基于最新的当前页和每页条数渲染数据
+  getpptresourceList()
+}
+const onCurrentChange = (page) => {
+  pptresourceList.value.pagenum = page
+  params.value.pagenum = page
+  console.log(page)
+  getpptresourceList()
+}
+
+//删除资源 -通过ID进行删除
+const onDeleteResource = async (ids) => {
+  console.log(111111111111111)
+  await ElMessageBox.confirm('你确认删除该条浏览信息吗？', '温馨提示', {
+    type: 'warning',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+  })
+  console.log(ids)
+  await CourseResourceControllerService.deleteRecordsUsingDelete1(ids)
+  ElMessage({ type: 'success', message: '删除成功' })
+  getpptresourceList()
+}
+const userStore = useUserStore()
+onMounted(()=>{
+  userStore.getUserInfo()
+})
+const param = ref({
+  coursesId: '',
+  coursesName: '',
+  userId: userStore.data.id,
+  open: '1',
+  download: '0',
+  content: '',
+  address: '/portal',
+  type: '4',
+})
+//点击生成浏览记录
+const generateRecords = async (rescource) => {
+  param.value.content = rescource.img
+  param.value.coursesId = rescource.id.toString()
+  param.value.coursesName = rescource.name
+  await LearningRecordsControllerService.saveRecordsUsingPost1(param.value)
+  // console.log(param)
+}
+
+const rescourceRef = ref()
+//添加
+const onAddResource = () => {
+  rescourceRef.value.open({})
+}
+const onEditResource = (row) => {
+  rescourceRef.value.open(row)
+}
+//添加或者编辑的回调
+const onsuccess = (state) => {
+  if (state == 'add') {
+    // 添加  渲染最后一页
+    const lastPage = Math.ceil((total.value + 1) / params.value.pagesize)
+    //更新成最大页码数
+    params.value.pagenum = lastPage
+    getpptresourceList()
+  } else {
+    //编辑  渲染当前页面
+    getpptresourceList()
+  }
+}
+</script>
 <template>
-  <div>课程资源</div>
+  <div>
+    <div class="top">
+      <el-button @click="onAddResource()">添加资源</el-button>
+    </div>
+    <div class="body">
+      <div class="nav">
+        <el-row>
+          <el-col :span="4" @click="changeType('1')">
+            <div class="nav-info">
+              <div class="nav-info-pic">
+                <img :src="ppt" style="height: 50px" />
+              </div>
+              <div class="nav-info-name">ppt</div>
+            </div>
+          </el-col>
+          <el-col :span="4" @click="changeType('2')">
+            <div class="nav-info">
+              <div class="nav-info-pic">
+                <img :src="image" style="height: 50px" />
+              </div>
+              <div class="nav-info-name">图片</div>
+            </div>
+          </el-col>
+
+          <el-col :span="4" @click="changeType('3')">
+            <div class="nav-info">
+              <div class="nav-info-pic">
+                <img style="height: 50px" :src="video" />
+              </div>
+              <div class="nav-info-name">视频</div>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div class="nav-info">
+              <div class="nav-info-pic" @click="changeType('4')">
+                <img style="height: 50px" :src="pdf" />
+              </div>
+              <div class="nav-info-name">PDF</div>
+            </div>
+          </el-col>
+          <el-col :span="4" @click="changeType('5')">
+            <div class="nav-info">
+              <div class="nav-info-pic">
+                <img style="height: 50px" :src="test" />
+              </div>
+              <div class="nav-info-name">文件</div>
+            </div>
+          </el-col>
+          <el-col :span="4" @click="changeType('6')">
+            <div class="nav-info">
+              <div class="nav-info-pic">
+                <img style="height: 50px" :src="audio" />
+              </div>
+              <div class="nav-info-name">音频</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
+      <div class="body">
+        <!-- ppt资源列表 -->
+        <div class="courseResourcesList">
+          <ul v-if="pptresourceList.length > 0">
+            <li
+              v-for="resource in pptresourceList"
+              :key="resource.id"
+              v-loading="loading"
+            >
+              <div
+                style="
+                  display: flex;
+                  justify-content: space-between;
+                  margin-bottom: 10px;
+                "
+              >
+                <el-icon @click="onDeleteResource(resource.id)">
+                  <Delete />
+                </el-icon>
+                <el-icon @click="onEditResource(resource)">
+                  <Edit />
+                </el-icon>
+              </div>
+              <img
+                class="img"
+                @click="generateRecords(resource)"
+                style="margin-top: 10px; margin-bottom: 10px"
+                :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>
+              </div>
+            </li>
+          </ul>
+        </div>
+        <!-- 分页 -->
+        <div class="pagination">
+          <el-pagination
+            v-model:current-page="currentPage4"
+            v-model:page-size="pageSize4"
+            :page-sizes="[5, 10, 15, 20]"
+            :small="small"
+            :disabled="disabled"
+            :background="background"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total"
+            @current-change="onCurrentChange"
+            @size-change="onSizeChange"
+            style="margin-top: 20px; justify-content: flex-end"
+          />
+        </div>
+        <!-- 添加编辑的抽屉 -->
+        <resource-add ref="rescourceRef" @success="onsuccess"></resource-add>
+        <!--  -->
+      </div>
+    </div>
+  </div>
 </template>
 
-<script lang="ts" setup>
-import {} from 'vue'
-</script>
+<style lang="scss" scoped>
+.el-row {
+  margin-bottom: 20px;
+  background-color: #fff;
+  height: 70px;
+}
+
+.el-col {
+  border-radius: 4px;
+}
+.nav-info {
+  display: flex;
+  text-align: center;
+  flex-direction: column;
+}
+.body {
+  background-color: #fff;
+}
+.top {
+  margin-bottom: 20px;
+}
+
+.nav-info-pic .img {
+  height: 50px;
+  width: 50px;
+}
+.bottom-box {
+  //display: flex
+  float: right;
+}
+ul {
+  list-style-type: none;
+  padding: 10;
+  display: flex;
+  flex-wrap: wrap;
+  /* justify-content: space-evenly; */
+  justify-content: start;
 
-<style lang="scss" scoped></style>
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 272px);
+  justify-content: space-around;
+}
+li {
+  transition: filter 0.3s; /* 添加过渡动画 */
+  width: calc(25% - 25px);
+  width: 250px;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 10px;
+  padding: 10px;
+  box-sizing: border-box;
+  transition: box-shadow 0.3s;
+  cursor: pointer;
+}
+li:hover {
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+.body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+.courseResourcesList {
+  flex: 1;
+}
+.pagination {
+  position: sticky;
+  bottom: 0;
+  margin: 0 auto;
+}
+.box p:hover {
+  font-weight: bold;
+}
+.img {
+  display: block;
+  width: 250px;
+  height: 250px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/favoritesRecords/index.vue b/teaching_integration_platform_admin_template/src/views/favoritesRecords/index.vue
new file mode 100644
index 0000000..ad6a373
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/favoritesRecords/index.vue
@@ -0,0 +1,14 @@
+<template>
+    <div>
+        收藏记录
+    </div>
+</template>
+
+<script lang='ts' setup>
+// import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/group/index.vue b/teaching_integration_platform_admin_template/src/views/group/index.vue
index 2e95b1d..6978e96 100644
--- a/teaching_integration_platform_admin_template/src/views/group/index.vue
+++ b/teaching_integration_platform_admin_template/src/views/group/index.vue
@@ -1,9 +1,6 @@
+<script setup></script>
 <template>
-  <div>分组</div>
+  <div></div>
 </template>
 
-<script lang="ts" setup>
-import {} from 'vue'
-</script>
-
-<style lang="scss" scoped></style>
+<style></style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Class1.vue b/teaching_integration_platform_admin_template/src/views/home/components/Class1.vue
new file mode 100644
index 0000000..366dd58
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Class1.vue
@@ -0,0 +1,108 @@
+<script setup>
+import conheader from '@/views/home/components/ConHeader.vue'
+const courses = [
+  {
+    name: '软件构造',
+    image: 'vuejs-basics.jpg',
+    hours: 20,
+  },
+  {
+    name: '软件项目管理',
+    image: 'react-fundamentals.jpg',
+    hours: 25,
+  },
+  {
+    name: 'React',
+    image: 'react-fundamentals.jpg',
+    hours: 25,
+  },
+  {
+    name: '程序设计',
+    image: 'react-fundamentals.jpg',
+    hours: 25,
+  },
+]
+</script>
+<template>
+  <div class="info_container" style="width: 90%; height: 326px">
+    <conheader title="已开科目"></conheader>
+    <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" class="course-image" />
+          <div class="course-info">
+            <p class="course-name">{{ course.name }}</p>
+            <p class="course-hours">{{ course.hours }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.class {
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.info_container {
+  display: flex;
+  justify-content: space-between;
+}
+.info_content {
+  display: flex;
+  justify-content: space-between;
+}
+.course-list {
+  display: flex;
+  flex-direction: column;
+
+  height: 48px;
+}
+.course-item {
+  display: flex;
+  margin: 10px;
+}
+
+.course-image {
+  width: 48px;
+  height: 48px;
+  margin-right: 16px;
+}
+
+.course-info {
+  display: flex;
+  flex-direction: column;
+  width: 75px;
+  height: 46px;
+}
+
+.course-name {
+  font-family: Inter, Inter;
+  font-weight: normal;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 22px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+
+.course-hours {
+  font-family: Inter, Inter;
+  font-weight: 400;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+  line-height: 20px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Class2.vue b/teaching_integration_platform_admin_template/src/views/home/components/Class2.vue
new file mode 100644
index 0000000..7888063
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Class2.vue
@@ -0,0 +1,107 @@
+<script setup>
+import conheader from '@/views/home/components/ConHeader.vue'
+const courses = [
+  {
+    name: '软件构造',
+    image: 'vuejs-basics.jpg',
+    hours: 20,
+  },
+  {
+    name: '项目管理',
+    image: 'react-fundamentals.jpg',
+    hours: 25,
+  },
+  {
+    name: 'React',
+    image: 'react-fundamentals.jpg',
+    hours: 25,
+  },
+  {
+    name: '程序设计',
+    image: 'react-fundamentals.jpg',
+    hours: 25,
+  },
+]
+</script>
+<template>
+  <div class="info_container" style="width: 90%; height: 326px">
+    <conheader title="我的科目"></conheader>
+    <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" />
+          <div class="course-info">
+            <p class="course-name">{{ course.name }}</p>
+            <p class="course-hours">{{ course.hours }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.class {
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.info_container {
+  display: flex;
+  justify-content: space-between;
+}
+.info_content {
+  display: flex;
+  justify-content: space-between;
+}
+.course-list {
+  display: flex;
+  flex-direction: column;
+  height: 48px;
+}
+.course-item {
+  display: flex;
+  margin: 10px;
+}
+
+.course-image {
+  width: 48px;
+  height: 48px;
+  margin-right: 16px;
+}
+
+.course-info {
+  display: flex;
+  flex-direction: column;
+  width: 75px;
+  height: 46px;
+}
+
+.course-name {
+  font-family: Inter, Inter;
+  font-weight: normal;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 22px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+
+.course-hours {
+  font-family: Inter, Inter;
+  font-weight: 400;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+  line-height: 20px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/ConHeader.vue b/teaching_integration_platform_admin_template/src/views/home/components/ConHeader.vue
new file mode 100644
index 0000000..46feab3
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/ConHeader.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="info_title">
+    <div class="title_name">{{ props.title }}</div>
+
+    <!-- <router-link to="`${props.router}`"> -->
+    <div class="icon">
+      <img :src="ellipsis" @click="router.push(urouter)" />
+      <!-- <p style="text-decoration: none">查看更多</p> -->
+    </div>
+    <!-- </router-link> -->
+  </div>
+  <slot name="drawer"></slot>
+</template>
+
+<script lang="ts" setup>
+import ellipsis from '@/assets/images/ellipsis.png'
+import { defineProps } from 'vue'
+const props = defineProps({
+  title: String,
+  modelValue: Boolean,
+  urouter: String,
+})
+// console.log(props.title, 'router111')
+import { useRouter } from 'vue-router'
+const router = useRouter()
+</script>
+
+<style lang="scss" scoped>
+.info_title {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  height: 32px;
+  text-decoration: none;
+  // background-color: blue;
+  .title_name {
+    font-family: Inter, Inter;
+    font-weight: 400;
+    font-size: 20px;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 30px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+}
+
+.icon {
+  height: 32px;
+  border-radius: 3px 3px 3px 3px;
+  display: flex;
+  text-decoration: none;
+  // color: rgba(0, 0, 0, 0.9);
+  // background-color: #f5f5f5;
+  font-size: small;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Echart/Echarts.vue b/teaching_integration_platform_admin_template/src/views/home/components/Echart/Echarts.vue
new file mode 100644
index 0000000..77d34f3
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Echart/Echarts.vue
@@ -0,0 +1,121 @@
+<script setup lang="ts">
+//获取数据
+import * as echarts from 'echarts'
+import { ref, onMounted, Ref, toRefs, computed } from 'vue'
+import { defineProps } from 'vue'
+const echarsDom: Ref<HTMLElement | any> = ref(null)
+const props = defineProps({
+  // lastMonthBrowseList: String,
+  // dataList: String,
+  // thisMonthBrowseList: String,
+  count: Object,
+})
+
+onMounted(() => {
+  // console.log(props.count.dateList, 'count')
+  const myChart = echarts.init(echarsDom.value)
+  // 绘制图表
+  myChart.setOption({
+    // 标题
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+        crossStyle: {
+          color: '#999',
+        },
+      },
+    },
+    toolbox: {
+      feature: {
+        dataView: { show: true, readOnly: false },
+        magicType: { show: true, type: ['line', 'bar'] },
+        restore: { show: true },
+        saveAsImage: { show: true },
+      },
+    },
+    legend: {
+      data: ['本月', '上月'],
+    },
+    xAxis: [
+      {
+        type: 'category',
+        data: props.count.dateList.split(','),
+        axisPointer: {
+          type: 'shadow',
+        },
+      },
+    ],
+    yAxis: [
+      {
+        type: 'value',
+        name: '浏览次数',
+        min: 0,
+        max: 600,
+        interval: 100,
+        axisLabel: {
+          formatter: '{value}',
+        },
+      },
+      {
+        type: 'value',
+        name: '',
+        min: 0,
+        max: 600,
+        interval: 100,
+        axisLabel: {
+          formatter: '{value}',
+        },
+      },
+    ],
+    series: [
+      {
+        name: '本月',
+        type: 'bar',
+        tooltip: {
+          valueFormatter: function (value) {
+            return (value as number) + ' 次'
+          },
+        },
+        data: props.count.thisMonthBrowseList.split(','),
+      },
+      {
+        name: '上月',
+        type: 'bar',
+        tooltip: {
+          valueFormatter: function (value) {
+            return (value as number) + ' 次'
+          },
+        },
+        data: props.count.lastMonthBrowseList.split(','),
+      },
+      {
+        type: 'line',
+        yAxisIndex: 1,
+        data: props.count.thisMonthBrowseList.split(','),
+      },
+      {
+        type: 'line',
+        yAxisIndex: 1,
+        data: props.count.lastMonthBrowseList.split(','),
+      },
+    ],
+  })
+  /**
+   * 自适应大小
+   */
+  window.onresize = function () {
+    myChart.resize()
+  }
+})
+</script>
+
+<template>
+  <div ref="echarsDom" class="main"></div>
+</template>
+<style scoped>
+.main {
+  width: 100%;
+  height: 335px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Echarts.vue b/teaching_integration_platform_admin_template/src/views/home/components/Echarts.vue
new file mode 100644
index 0000000..0b730d6
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Echarts.vue
@@ -0,0 +1,90 @@
+<script setup>
+import echarts from '@/views/home/components/Echart/Echarts.vue'
+import conheader from '@/views/home/components/ConHeader.vue'
+import { userPicService } from '@/api/user/user'
+import { ref, onMounted } from 'vue'
+// const dataList = ref()
+// const lastMonthBrowseList = ref()
+// const thisMonthBrowseList = ref()
+const flag = ref(false)
+
+const count = ref()
+onMounted(() => {
+  userPicService().then((res) => {
+    flag.value = true
+    // dataList.value = res.data.dateList
+    // lastMonthBrowseList.value = res.data.lastMonthBrowseList
+    // thisMonthBrowseList.value = res.data.thisMonthBrowseList
+    count.value = res.data
+    // console.log(res.data, 'echart11')
+    // console.log(count.value, 'echart')
+  })
+})
+</script>
+<template>
+  <div
+    class="info_container"
+    style="width: 95%; height: 85%; background: #fff; align-items: center"
+  >
+    <div class="info_title">
+      <div class="title_name">主页访问数据</div>
+    </div>
+    <div
+      class="info_content"
+      style="width: 95%; margin-top: 10px; height: 90%; margin-left: -30px"
+    >
+      <echarts :count="count" v-if="flag"></echarts>
+    </div>
+  </div>
+</template>
+<style scoped>
+.info_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  /* justify-content: flex-start; */
+}
+/* .echarts {
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+
+  display: flex;
+  justify-content: start;
+  align-items: center;
+} */
+.info_content {
+  display: flex;
+  justify-content: start;
+  align-items: bottom;
+  background: #fff;
+}
+.info_title {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  height: 32px;
+  text-decoration: none;
+}
+.title_name {
+  font-family: Inter, Inter;
+  font-weight: 400;
+  font-size: 20px;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 30px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+.icon {
+  height: 32px;
+  border-radius: 3px 3px 3px 3px;
+  display: flex;
+  text-decoration: none;
+  font-size: small;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Lessonlist.vue b/teaching_integration_platform_admin_template/src/views/home/components/Lessonlist.vue
new file mode 100644
index 0000000..34550ca
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Lessonlist.vue
@@ -0,0 +1,145 @@
+<script setup>
+import conheader from '@/views/home/components/ConHeader.vue'
+import courseedit from '@/views/course/components/courseEdit.vue'
+import { ref, onMounted } from 'vue'
+import useUserStore from '@/store/modules/user'
+import { useRouter } from 'vue-router'
+import { userLessonListService } from '@/api/user/user.js'
+import courseEdit from '@/views/course/components/courseEdit.vue'
+const router = useRouter()
+const userStore = useUserStore()
+// console.log(userStore.data.id, 'sfa')
+const loading = ref(false)
+const lessonList = ref([])
+const getLesList = async () => {
+  loading.value = true
+  const res = await userLessonListService(userStore.data.id)
+  lessonList.value = res.data
+  loading.value = false
+  console.log(res.data, 'less')
+}
+const onGetCourseObject = async (id) => {
+  router.push({
+    path: '/curriculumCenter/courseDetails',
+    query: {
+      id: id,
+    },
+  })
+}
+const drawer = ref()
+const flog = ref(false)
+const onEditCourse = (item) => {
+  flog.value = true
+  // console.log(item, 'item')
+  drawer.value.open(item)
+}
+const onSuccess = () => {
+  loading.value = true
+  getLesList()
+  loading.value = false
+}
+onMounted(() => {
+  getLesList()
+})
+</script>
+<template>
+  <div
+    class="lesson_container"
+    style="width: 95%; height: 90%"
+    v-loading="loading"
+  >
+    <conheader
+      :title="`课程列表`"
+      :urouter="'/curriculumCenter/basicCourseInformation'"
+    ></conheader>
+    <div class="lessonlist-content">
+      <div class="lessonlist-item" v-for="item in lessonList" :key="item.id">
+        <div class="lessonlist-item-img">
+          <img
+            :src="item.img"
+            style="width: 100%; height: 125px; border-radius: 10px 10px 0px 0px"
+            @click="onGetCourseObject(item.id)"
+          />
+        </div>
+        <div class="lessonlist-item-info">
+          <h3 @click="onGetCourseObject(item.id)">{{ item.name }}</h3>
+          <div class="p" @click="onEditCourse(item)" v-if="userStore.data.roles[0] == 1"><p>编辑</p></div>
+        </div>
+      </div>
+    </div>
+    <course-edit ref="drawer" @success="onSuccess" :flog="flog"></course-edit>
+  </div>
+  <courseedit @click="open"></courseedit>
+</template>
+<style scoped>
+.lesson_container {
+  /* background-color: purple; */
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 0 auto;
+  padding: 5px 0;
+}
+
+.lessonlist-content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 10px 0px;
+}
+
+.lessonlist-item {
+  width: 23%;
+  height: 175px;
+  border-radius: 10px 10px 0px 0px;
+  background-color: #fff;
+  /* background-color: #aeb1b5; */
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border: 1px solid #e8e8f2;
+  margin: 10px 0px;
+}
+
+.lessonlist-item-info {
+  box-sizing: border-box;
+  padding: 6px 5px;
+
+  /* background-color: pink; */
+  /* padding: 10px; */
+  /* display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border: 1px solid #e8e8f2;   */
+  /* border: 1px solid #e8e8f2; */
+}
+.lessonlist-item-info h3 {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 5px;
+  cursor: pointer;
+}
+.lessonlist-item-info .p {
+  /* font-size: 14px;
+  color: #858689; */
+
+  /* width: 100%; */
+  display: flex;
+  justify-content: end;
+  cursor: pointer;
+}
+.lessonlist-item-info p {
+  font-size: 12px;
+  color: #a7c4f7;
+  /* line-height: 1.5; */
+  box-sizing: border-box;
+  border: 2px solid #a7c4f7;
+  border-radius: 10px;
+  /* margin-bottom: 5px; */
+  width: 50px;
+  /* margin: 5px; */
+  text-align: center;
+  /* cursor: pointer; */
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Status.vue b/teaching_integration_platform_admin_template/src/views/home/components/Status.vue
new file mode 100644
index 0000000..1a1b541
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Status.vue
@@ -0,0 +1,403 @@
+<script setup>
+import add from '@/assets/images/add.png'
+import { userIdenChangeService } from '@/api/user/user.js'
+import { ref, defineEmits, onMounted, reactive } from 'vue'
+import { ElMessage } from 'element-plus'
+import { Edit } from '@element-plus/icons-vue'
+import { tool, client } from '@/utils/alioss.js'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  data: {
+    type: Object,
+  },
+  userData: {
+    type: Object,
+  },
+})
+const userStore = useUserStore()
+
+const imageUrl = ref()
+//设置头像显示
+imageUrl.value = props.data.icon
+// console.log(props.userData, 'img1')
+// console.log(props.data, 'imgs')
+
+const beforeUpload = (file) => {
+  const validImageTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/bmp']
+  if (!validImageTypes.includes(file.type)) {
+    ElMessage.error('请上传图片')
+    return false
+  }
+  return true
+}
+
+//设置头像更换
+const upload = async (option) => {
+  const res = await tool.oss.upload(option.file)
+  imageUrl.value = res.url
+  changeInfo()
+}
+//修改用户头像
+const emit = defineEmits(['get-avater', 'getInfo'])
+let isUploading = ref(false)
+const changeInfo = async () => {
+  if (!isUploading.value) {
+    isUploading.value = true
+    const userInfo = {
+      id: props.data.id,
+      icon: imageUrl.value,
+      username: props.data.username,
+    }
+    const jsonData = JSON.stringify(userInfo)
+    await userIdenChangeService(jsonData).then(() => {
+      ElMessage.success('修改成功')
+      emit('get-avater', imageUrl.value)
+    })
+    isUploading.value = false
+  }
+}
+
+//用户基本信息的显示与编辑
+const dialog = ref(false)
+const formLabelWidth = '80px'
+// const defineForm = ref({
+//   name: props.userData.name,
+//   sex: props.userData.sex,
+//   nationality: props.userData.nationality,
+//   professionalTitle: props.userData,
+//   politicalStatus: props.userData,
+//   profession: props.userData,
+//   education: props.userData,
+//   academicDegree: props.userData,
+//   id: props.data.id,
+// })
+
+const form = ref({
+  name: '',
+  sex: '',
+  emergencyContact: '',
+  nationality: '',
+  professionalTitle: '',
+  politicalStatus: '',
+  profession: '',
+  education: '',
+  academicDegree: '',
+  id: props.data.id,
+})
+
+form.value = { ...props.userData }
+//表单校验
+const rules = reactive({
+  name: [
+    { required: true, message: '请输入姓名', trigger: 'blur' },
+    { min: 2, max: 5, message: '长度在2-5之间', trigger: 'blur' },
+  ],
+  sex: [
+    {
+      required: true,
+      message: '请选择性别',
+      trigger: 'change',
+    },
+  ],
+  nationality: [
+    {
+      message: '请输入民族',
+      trigger: 'blur',
+    },
+  ],
+  professionalTitle: [
+    { required: true, message: '职位不能为空', trigger: 'blur' },
+    {
+      min: 2,
+      max: 10,
+      message: '职位名称至少2个字符最多10个字符',
+      trigger: 'blur',
+    },
+  ],
+  politicalStatus: [
+    {
+      required: true,
+      trigger: 'change',
+    },
+  ],
+  profession: [
+    {
+      required: true,
+      trigger: 'change',
+    },
+  ],
+  education: [
+    {
+      required: true,
+      trigger: 'change',
+    },
+  ],
+  academicDegree: [
+    {
+      required: true,
+
+      trigger: 'change',
+    },
+  ],
+})
+form.value.sex === '男' ? 0 : 1
+const value = ref('')
+value.value = form.value.politicalStatus
+const openInfo = () => {
+  dialog.value = true
+}
+const onCancel = () => {
+  dialog.value = false
+}
+//编辑表单提交
+const infoform = ref()
+const res = ref()
+const onSubmit = async () => {
+  await infoform.value.validate()
+  // console.log(form.value, 'form')
+  await await userIdenChangeService(form.value).then(() => {
+    ElMessage.success('修改成功')
+    // console.log(form.value, 'aaaa')
+    // res.value = userStore.getUserInfo()
+    // emit('getInfo', res.value)
+    dialog.value = false
+  })
+}
+</script>
+<template>
+  <div class="ident" style="width: 100%; height: 100%; background: #375fff">
+    <div class="info_container" style="width: 60%; height: 65%">
+      <div class="avater">
+        <img
+          :src="imageUrl"
+          alt="Uploaded"
+          v-if="imageUrl"
+          class="avater"
+          auto-upload
+        />
+      </div>
+      <el-upload
+        class="click"
+        :show-file-list="false"
+        :auto-upload="false"
+        :before-upload="beforeUpload"
+        :http-request="upload"
+      >
+        <img :src="add" />
+      </el-upload>
+      <div class="info_content" style="height: 58px">
+        <div class="name">
+          {{ props.data.username }}
+          <el-icon class="icon" @click="openInfo">
+            <Edit />
+          </el-icon>
+        </div>
+        <!-- <div class="na">
+          {{ props.userData.professionalTitle }}
+        </div> -->
+      </div>
+    </div>
+  </div>
+  <el-drawer v-model="dialog" title="个人信息" class="demo-drawer">
+    <div class="content">
+      <el-form :model="form" class="infocont" :rules="rules" ref="infoform">
+        <el-form-item label="姓名" :label-width="formLabelWidth" prop="name">
+          <el-input v-model="form.name" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="性别" :label-width="formLabelWidth" prop="sex">
+          <el-radio-group v-model="form.sex">
+            <el-radio value="男">男</el-radio>
+            <el-radio value="女">女</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          label="民族"
+          :label-width="formLabelWidth"
+          prop="nationality"
+        >
+          <el-input v-model="form.nationality" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item
+          label="职位"
+          :label-width="formLabelWidth"
+          prop="professionalTitle"
+        >
+          <el-input
+            v-model="form.professionalTitle"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          label="政治面貌"
+          :label-width="formLabelWidth"
+          prop="politicalStatus"
+        >
+          <el-select v-model="form.politicalStatus">
+            <el-option :label="'中共党员'" :value="'中共党员'" />
+            <el-option :label="'中共预备党员'" :value="'中共预备党员'" />
+            <el-option :label="'共青团员'" :value="'共青团员'" />
+            <el-option :label="'群众'" :value="'群众'" />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label="专业"
+          :label-width="formLabelWidth"
+          prop="profession"
+        >
+          <el-input v-model="form.profession" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item
+          label="学历"
+          :label-width="formLabelWidth"
+          prop="education"
+        >
+          <el-select v-model="form.education">
+            <el-option :label="'专科'" :value="'专科'" />
+            <el-option :label="'本科'" :value="'本科'" />
+            <el-option :label="'硕士研究生'" :value="'硕士研究生'" />
+            <el-option :label="'博士研究生'" :value="'博士研究生'" />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label="学位"
+          :label-width="formLabelWidth"
+          prop="academicDegree"
+        >
+          <el-select v-model="form.academicDegree">
+            <el-option :label="'学士'" :value="'专科'" />
+            <el-option :label="'硕士'" :value="'硕士'" />
+            <el-option :label="'博士'" :value="'博士'" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div class="footer">
+        <el-button @click="onCancel">取消</el-button>
+        <el-button type="primary" @click="onSubmit">确认</el-button>
+      </div>
+    </div>
+  </el-drawer>
+</template>
+<style scoped>
+.ident {
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.info_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.info_content {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.name {
+  height: 28px;
+  font-family: Inter, Inter;
+  font-weight: normal;
+  font-size: 20px;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 28px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+.el-form-item {
+  margin-bottom: 30px;
+}
+.na {
+  /* height: 28px; */
+  font-family: Inter, Inter;
+  font-weight: normal;
+  font-size: 18px;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 24px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  align-items: center;
+  display: flex;
+  /* justify-content: space-between; */
+  .icon {
+    font-size: 20px;
+    margin-left: 5px;
+  }
+  .icon:hover {
+    color: #cddefa;
+  }
+}
+.footer {
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  margin-top: 200px;
+}
+.iden {
+  width: 126px;
+  height: 22px;
+  font-family: Inter, Inter;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 22px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+.avater {
+  width: 90px;
+  height: 90px;
+  background: #b5c7ff;
+  border-radius: 50px 50px 50px 50px;
+  display: flex;
+}
+.content {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+::v-deep .el-drawer__body {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.infocont {
+}
+span {
+  width: 24px;
+  height: 44px;
+  font-family: Inter, Inter;
+  font-weight: bold;
+  font-size: 36px;
+  color: #0052d9;
+  line-height: 44px;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  position: relative;
+  margin-left: 27px;
+  top: 18px;
+}
+.click {
+  width: 13%;
+  height: 13%;
+  border-radius: 100px 100px 100px 100px;
+  border: 2px solid #ffffff;
+  background: #0052d9;
+  border-radius: 32px 32px 32px 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: 65px;
+  margin-top: -50px;
+}
+/* .el-form el-form--default el-form--label-right {
+  height: 500px;
+} */
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Student1.vue b/teaching_integration_platform_admin_template/src/views/home/components/Student1.vue
new file mode 100644
index 0000000..f227dd5
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Student1.vue
@@ -0,0 +1,128 @@
+<script setup>
+import conheader from '@/views/home/components/ConHeader.vue'
+import { ref, computed } from 'vue'
+import { useRouter } from 'vue-router'
+import { userStudentListService } from '@/api/user/user'
+import useUserStore from '@/store/modules/user'
+import defImg from '@/assets/images/default.png'
+
+const userStore = useUserStore()
+const router = useRouter()
+const loading = ref(false)
+const stuList = ref([])
+const getStuList = async () => {
+  loading.value = true
+  const res = await userStudentListService(userStore.data.id)
+  // console.log(res.data, 'userRes')
+  stuList.value = res.data
+  // console.log(stuList.value[1].icon, 'rrr')
+  loading.value = false
+}
+getStuList()
+</script>
+<template>
+  <div
+    class="info_container"
+    style="width: 85%; height: 90%; background: #fff; align-items: center"
+  >
+    <conheader
+      :title="`学生`"
+      :urouter="'/studentManagement/student'"
+    ></conheader>
+    <div class="stu_content" v-loading="loading">
+      <ul>
+        <li class="stu-item" v-for="(item, index) in stuList" :key="index">
+          <img :src="item.icon || defImg" class="stu-item-img" />
+          <div class="stu-item-info">
+            <h4 style="font-weight: bold">{{ item.name }}</h4>
+            <h4 style="color: #666">{{ item.number }}</h4>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<style scoped>
+/* .stu {
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+} */
+.info_container {
+  /* display: flex;
+  justify-content: space-between; */
+}
+.stu_content {
+  height: 86%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: 'Microsoft YaHei';
+  /* background-color: rgb(100, 100, 64); */
+}
+.stu-item {
+  margin-top: 20px;
+  /* height: 100%; */
+  /* border-radius: 10px; */
+  /* background-color: #0080ff; */
+  border-bottom: 1px solid #ededed;
+  /* border-radius: 10px; */
+  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
+  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
+  display: flex;
+  padding: 5px;
+  /* margin: 10px; */
+  justify-content: space-between;
+}
+.stu-item-img {
+  background-color: yellow;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  justify-content: center;
+  align-items: center;
+}
+.stu-item-info {
+  /* margin-left: 15px; */
+  width: 80%;
+  height: 40px;
+  background-color: #ffffff;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+h4 {
+  margin-left: 15px;
+  /* font-weight: bold; */
+  font-size: 14px;
+  font-family: Inter, Inter;
+  /* font-weight: 400; */
+  /* font-size: 20px; */
+  /* font-family: 'soft'; */
+  /* color: #000000 */
+}
+/*  */
+/* .stu_color {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 49px;
+  height: 48px;
+  border-radius: 40px 40px 40px 40px;
+  font-family: Inter, Inter;
+  font-weight: normal;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 22px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  transition: background-color 0.3s;
+} */
+.stu_color:hover {
+  background-color: #f2f2f2; /* 鼠标移入时的背景色变化 */
+  filter: brightness(1.1);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/components/Welcome.vue b/teaching_integration_platform_admin_template/src/views/home/components/Welcome.vue
new file mode 100644
index 0000000..90397f9
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/home/components/Welcome.vue
@@ -0,0 +1,489 @@
+<script setup>
+import { onMounted, ref, computed, onUnmounted, onBeforeUnmount } from 'vue'
+import {
+  userChangeService,
+  userChangePasswordService,
+  userCodeRegisterService,
+} from '@/api/user/user.js'
+// import { defineEmits } from 'vue'
+import useUserStore from '@/store/modules/user'
+import { useRouter } from 'vue-router'
+import { ElMessage, dayjs } from 'element-plus'
+import { Edit, Back } from '@element-plus/icons-vue'
+
+const props = defineProps({
+  name: {
+    type: String,
+  },
+  data: {
+    type: Object,
+  },
+  userData: {
+    type: Object,
+  },
+})
+const router = useRouter()
+const formRef = ref()
+const pwdForm = ref({
+  old_pwd: '',
+  new_pwd: '',
+  re_pwd: '',
+})
+// console.log(props.userData, '22222')
+//dialog显示隐藏
+//信息
+const dialogFormVisible = ref(false)
+//密码
+const passFormVisible = ref(false)
+//dialog
+const form = ref({})
+const formLabelWidth = '80px'
+//打开dialog
+form.value = { ...props.userData, code: '', newphone: '' }
+const openInfo = () => {
+  dialogFormVisible.value = true
+  change.value = true
+  // console.log(form.value, 'form')
+}
+const openPass = () => {
+  passFormVisible.value = true
+  pwdForm.value = {}
+}
+//校验规则
+const checkOldSame = (rule, value, callback) => {
+  if (value === pwdForm.value.old_pwd) {
+    callback(new Error('新密码不能与旧密码相同'))
+  } else {
+    callback()
+  }
+}
+const checkNewSame = (rule, value, cb) => {
+  if (value !== pwdForm.value.new_pwd) {
+    cb(new Error('新密码和确认再次输入的新密码不一样'))
+  } else {
+    cb()
+  }
+}
+const checkOldPhone = (rule, value, cb) => {
+  if (value === form.value.phone) {
+    cb(new Error('新手机号与旧手机号相同'))
+  } else {
+    cb()
+  }
+}
+//信息校验
+const infoRules = {
+  nickName: [
+    { required: true, message: '请输入昵称', trigger: 'blur' },
+    {
+      max: 10,
+      min: 1,
+      message: '昵称长度最小一位最大十位',
+      trigger: ['change', 'blur'],
+    },
+  ],
+  phone: [
+    { required: true, message: '请输入手机号', trigger: 'blur' },
+    {
+      pattern: /^1[3-9]\d{9}$/,
+      message: '手机号格式不正确',
+      trigger: ['change', 'blur'],
+    },
+  ],
+  newphone: [
+    {
+      pattern: /^1[3-9]\d{9}$/,
+      message: '手机号格式不正确',
+      trigger: ['change', 'blur'],
+    },
+    { validator: checkOldPhone, trigger: 'blur' },
+  ],
+}
+//密码校验
+const rules = {
+  // 原密码
+  old_pwd: [
+    { required: true, message: '请输入密码', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      message: '密码长度必须是6-15位的非空字符串',
+      trigger: 'blur',
+    },
+  ],
+  // 新密码
+  new_pwd: [
+    { required: true, message: '请输入新密码', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      message: '密码长度必须是6-15位的非空字符串',
+      trigger: 'blur',
+    },
+    { validator: checkOldSame, trigger: 'blur' },
+  ],
+  // 确认新密码
+  re_pwd: [
+    { required: true, message: '请再次确认新密码', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      message: '密码长度必须是6-15位的非空字符串',
+      trigger: 'blur',
+    },
+    { validator: checkNewSame, trigger: 'blur' },
+  ],
+}
+
+const infoRef = ref()
+//修改用户信息
+const emit = defineEmits(['get-message', 'userInfoModified'])
+
+const change = ref(true)
+//验证码倒计时
+const countdown = ref(0)
+//修改手机号
+//切换可见性
+const phoneValue = form.value.phone
+const toggleVisibility = () => {
+  // console.log('change')
+  change.value = false
+}
+//验证码
+const codecode = ref()
+const codeSubmit = async () => {
+  await infoRef.value.validate()
+  const phoness = form.value.newphone
+  userCodeRegisterService(phoness)
+    .then((response) => {
+      codecode.value = response.data
+      console.log(codecode.value, 'codecode')
+    })
+    .catch((error) => {
+      ElMessage.error(error.newphone.message)
+      // console.log(error.newphone.message, 'error')
+    })
+}
+const res = ref()
+const changeInfo = async () => {
+  await infoRef.value.validate()
+  // console.log(props.userData, '手机号props.data')
+  if (
+    // change.value === true ||
+    (change.value === true &&
+      props.userData.nickName !== form.value.nickName) ||
+    (change.value === false &&
+      form.value.newphone === '' &&
+      props.userData.nickName !== form.value.nickName &&
+      form.value.code === '')
+  ) {
+    await userChangeService({
+      phone: form.value.phone,
+      id: form.value.id,
+      nickName: form.value.nickName,
+    }).then(async () => {
+      // console.log('修改11')
+      ElMessage.success('修改成功')
+      res.value = await userStore.getUserInfo()
+      res.value = res.value.result.data
+      // console.log(res.result.data, '修改用户1')
+      emit('get-message', form.value.nickName)
+      emit('userInfoModified', res)
+      dialogFormVisible.value = false
+      form.value.newphone = ''
+      form.value.code = ''
+    })
+  } else if (
+    change.value === false &&
+    form.value.newphone !== form.value.phone &&
+    form.value.code !== ''
+  ) {
+    // console.log('修改22')
+    if (codecode.value === form.value.code) {
+      await userChangeService({
+        phone: form.value.newphone,
+        id: form.value.id,
+        nickName: form.value.nickName,
+      }).then(async () => {
+        ElMessage.success('修改成功')
+        res.value = userStore.getUserInfo()
+        // res.value = res.result.data
+        // console.log(res.value, '修改用户hsouji')
+        // userStore.getUserInfo()
+        form.value.phone = form.value.newphone
+        // emit('get-phone', form.value.phone)
+        emit('get-message', form.value.nickName)
+        emit('userInfoModified', res)
+        dialogFormVisible.value = false
+        form.value.newphone = ''
+        form.value.code = ''
+      })
+    } else {
+      ElMessage.error('验证码错误')
+    }
+  } else {
+    // console.log('修改33')
+    dialogFormVisible.value = false
+  }
+}
+
+const cancleInfo = () => {
+  dialogFormVisible.value = false
+  form.value = { ...props.userData, code: '', newphone: '' }
+}
+//修改密码
+const userStore = useUserStore()
+const onSubmit = async () => {
+  await formRef.value.validate()
+  await userChangePasswordService({
+    oldPassword: pwdForm.value.old_pwd,
+    newPassword: pwdForm.value.new_pwd,
+    username: props.userData.username,
+  })
+    .then(() => {
+      ElMessage.success('修改成功')
+      passFormVisible.value = false
+    })
+    .catch((error) => {
+      // console.log(error, 'error')
+      ElMessage.error(error.response.data.message)
+    })
+  pwdForm.value = {}
+}
+//重置密码
+const onReset = () => {
+  pwdForm.value = {}
+}
+
+const username = computed(() => {
+  if (props.userData.nickName) {
+    return props.userData.nickName
+  } else {
+    return props.userData.username
+  }
+})
+
+//教师工龄和时间
+const daysOnJob = ref()
+const flagVisible = ref(true)
+
+//展示当前日期
+const currentDate = new Date()
+const formattedDate = ref()
+let currentTime = ref(new Date().toLocaleString())
+
+// 使用 setInterval 每秒更新时间
+let timer1 = setInterval(() => {
+  currentTime.value = new Date().toLocaleString()
+}, 1000)
+
+// 在组件卸载时清除定时器
+onUnmounted(() => {
+  clearInterval(timer1)
+})
+
+//获取验证码
+let timer
+const updateCountdown = () => {
+  if (countdown.value > 0) {
+    countdown.value--
+  } else {
+    clearInterval(timer) // 清除计时器
+  }
+}
+onBeforeUnmount(() => {
+  clearInterval(timer) // 组件销毁前清除计时器，避免内存泄漏
+})
+onMounted(() => {
+  username.value = props.data.name
+  const hireDate = new Date(props.data.joinWorkTime)
+  // 计算教师工龄的计算属性
+  // const currentDate = new Date()
+  const millisecondsPerDay = 1000 * 60 * 60 * 24
+  daysOnJob.value = Math.floor((currentDate - hireDate) / millisecondsPerDay)
+  let timer = setInterval(() => {
+    formattedDate.value = dayjs(currentDate).format('YYYY-MM-DD HH:mm:ss')
+  }, 1000)
+})
+onUnmounted(() => {
+  clearInterval(timer)
+})
+</script>
+<template>
+  <div class="nav_info">
+    <div class="name">
+      {{ props.name ? props.name : username }}
+    </div>
+    <div class="intro" v-if="props.data.roleId[0] === '1'">
+      <p>今天是你工作的第{{ daysOnJob }}天~~</p>
+    </div>
+    <div class="intro" v-else>
+      <p>Hell0,欢迎回来</p>
+    </div>
+    <div>
+      <el-button plain round type="primary" @click="openInfo">
+        管理账号
+      </el-button>
+    </div>
+    <div>
+      <el-button plain round type="primary" @click="openPass">
+        修改密码
+      </el-button>
+    </div>
+    <div class="time">{{ currentTime }}</div>
+  </div>
+  <el-dialog
+    v-model="dialogFormVisible"
+    title="登录信息"
+    style="width: 800px; text-align: center"
+  >
+    <!-- <div v-if="change"> -->
+    <el-form
+      :model="form"
+      :rules="infoRules"
+      ref="infoRef"
+      size="large"
+      v-if="change"
+    >
+      <el-form-item label="用户名" :label-width="formLabelWidth">
+        <el-input :disabled="true" v-model="form.username" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="昵称" :label-width="formLabelWidth" prop="nickName">
+        <el-input v-model="form.nickName" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="手机" :label-width="formLabelWidth" prop="phone">
+        <el-input
+          v-model="form.phone"
+          autocomplete="off"
+          style="width: 92%"
+          readonly
+        />
+        <el-button
+          type="primary"
+          plain
+          circle
+          @click="toggleVisibility"
+          style="margin-left: 2%"
+        >
+          <el-icon>
+            <Edit />
+          </el-icon>
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-form :model="form" :rules="infoRules" ref="infoRef" size="large" v-else>
+      <el-form-item>
+        <el-icon style="margin-left: 20px" size="large" @click="change = true">
+          <Back />
+        </el-icon>
+      </el-form-item>
+      <el-form-item
+        label="新手机号"
+        :label-width="formLabelWidth"
+        prop="newphone"
+      >
+        <el-input
+          v-model="form.newphone"
+          autocomplete="off"
+          placeholder="请输入新手机号"
+        />
+      </el-form-item>
+      <el-form-item label="验证码" :label-width="formLabelWidth" prop="code">
+        <el-input
+          type="text"
+          v-model="form.code"
+          placeholder="请输入验证码"
+          size="large"
+          style="width: 84%"
+        />
+        <div class="p" v-if="countdown > 0">
+          <p>{{ countdown }} 秒</p>
+        </div>
+        <el-button
+          type="primary"
+          plain
+          v-if="countdown <= 0"
+          @click="codeSubmit"
+          :disabled="countdown > 0"
+        >
+          发送验证码
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <!-- </div> -->
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="cancleInfo">取消</el-button>
+        <el-button type="primary" @click="changeInfo">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <el-dialog
+    v-model="passFormVisible"
+    title="修改密码"
+    style="width: 800px; text-align: center"
+  >
+    <el-form :rules="rules" ref="formRef" :model="pwdForm">
+      <el-form-item label="原密码" prop="old_pwd" :label-width="formLabelWidth">
+        <el-input
+          type="password"
+          v-model="pwdForm.old_pwd"
+          show-password
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="新密码" prop="new_pwd" :label-width="formLabelWidth">
+        <el-input
+          type="password"
+          v-model="pwdForm.new_pwd"
+          show-password
+        ></el-input>
+      </el-form-item>
+      <el-form-item
+        label="确认密码"
+        prop="re_pwd"
+        :label-width="formLabelWidth"
+      >
+        <el-input type="password" v-model="pwdForm.re_pwd"></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="onReset">重置</el-button>
+        <el-button @click="onSubmit" type="primary">修改密码</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<style scoped>
+.nav_info {
+  width: 95%;
+  height: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.name {
+  height: 28px;
+  font-family: Inter, Inter;
+  font-weight: bold;
+  font-size: 20px;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 28px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  margin-right: 68px;
+}
+.intro {
+  width: 50%;
+  height: 22px;
+  font-family: Inter, Inter;
+  font-weight: bold;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 26px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+.time {
+  justify-content: end;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/home/index.vue b/teaching_integration_platform_admin_template/src/views/home/index.vue
index e577b38..1ac0bcd 100644
--- a/teaching_integration_platform_admin_template/src/views/home/index.vue
+++ b/teaching_integration_platform_admin_template/src/views/home/index.vue
@@ -1,16 +1,446 @@
+<script lang="ts" setup>
+import status from '@/views/home/components/Status.vue'
+import welcome from './components/Welcome.vue'
+import conheader from '@/views/home/components/ConHeader.vue'
+import echarts from './components/Echarts.vue'
+import lessonlist from './components/Lessonlist.vue'
+import Student1 from './components/Student1.vue'
+
+import {
+  userNewLikeService,
+  userLookService,
+  userMaxKnowService,
+  userTopKnowService,
+  userToplessonService,
+} from '@/api/user/user'
+import useUserStore from '@/store/modules/user'
+import { ref, onMounted } from 'vue'
+
+const userStore = useUserStore()
+const username = ref()
+const data = ref({})
+const infoData = ref()
+const flag = ref(false)
+const role = ref(null)
+const loading = ref(false)
+const rightVisible = ref(false)
+userStore.getUserInfo().catch((error) => {
+  console.log(error)
+})
+const name = ref()
+const getMessage = (msg) => {
+  name.value = msg
+  // console.log(name.value, 'msg')
+}
+
+//?
+// const getData = async () => {
+//   const res = await userLookService(userStore.data.id)
+//   // console.log(res.data, '11111')
+//   data.value = res.data
+// }
+const getUserName = (username) => {
+  // console.log(msg, 'msg')
+  userStore.userName = username
+  // console.log(data.value.icon, 'icon');
+}
+
+const getAvater = (avater) => {
+  // console.log(msg, 'msg')
+  userStore.data.icon = avater
+  // console.log(data.value.icon, 'icon')
+}
+
+const getInfo = (info) => {
+  // console.log(userStore.userInfo, 'msg')
+  userStore.userInfo = info
+  console.log(userStore.userData, 'icon111')
+}
+const courselist = ref([])
+const toplist = ref([])
+// const img = ref()
+// const courseName = ref()
+// const courseTea = ref()
+//学习最多的知识点
+const maxKnow = ref([])
+const getmaxKnow = async () => {
+  const res = await userMaxKnowService(userStore.data.id)
+  maxKnow.value = res.data
+  // console.log(maxKnow.value, 'max')
+}
+function fetchNewUserInfo(res) {
+  // 更新 userInfo 的值
+  data.value = res
+}
+//推荐知识点
+const topKnow = ref([])
+const gettopKnow = async () => {
+  const res = await userTopKnowService(userStore.data.id)
+  topKnow.value = res.data
+  // console.log(maxKnow.value, 'max')
+}
+onMounted(() => {
+  // 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.data, 'icon') //用户信息
+  username.value = data.value.username
+  flag.value = true
+  role.value = data.value.roles[0]
+  if (role.value === '1') {
+    rightVisible.value = true
+  } else {
+    rightVisible.value = false
+  }
+  //课程列表
+  // userToplessonService().then((res) => {
+  //   // console.log(res, '课程列表')
+  // })
+  //最新收藏的课程
+  userNewLikeService(userStore.data.id).then((res) => {
+    loading.value = true
+    courselist.value = res.data
+    loading.value = false
+  })
+  //推荐课程
+  userToplessonService(userStore.data.id).then((res) => {
+    loading.value = true
+    toplist.value = res.data
+    loading.value = false
+  })
+  //echart图表
+  userLookService()
+  //获取知识点
+  getmaxKnow()
+  //推荐知识点
+  gettopKnow()
+})
+</script>
 <template>
-  <div>home</div>
-  <svg-icon name="count" width="300px" height="300px" color="pink"></svg-icon>
+  <el-row>
+    <el-col :span="24">
+      <div class="nav">
+        <welcome
+          :data="infoData"
+          :userData="userStore.data"
+          :name="name"
+          @get-message="getMessage"
+          @userInfoModified="fetchNewUserInfo"
+          v-if="flag"
+        ></welcome>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="15">
+    <el-col :span="18">
+      <div class="classList">
+        <lessonlist></lessonlist>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="info">
+        <status
+          :data="userStore.data"
+          :userData="infoData"
+          @get-avater="getAvater"
+          @getInfo="getInfo"
+          v-if="flag"
+        ></status>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="20">
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="
+            font-size: 14px;
+            display: flex;
+            width: 90%;
+            margin: 0px auto;
+            /* margin: 0px 10px; */
+            margin-bottom: 5px;
+          "
+        >
+          <conheader
+            :title="`学习最多知识点`"
+            :urouter="'/curriculumCenter/knowledgePoints'"
+          ></conheader>
+        </a>
+        <div class="contt">
+          <!-- <p class="button" round v-for="item in topKnow" :key="item.id">
+            {{ item.label }}
+          </p> -->
+          <el-table :data="topKnow" border style="width: 100%" height="240" :header-cell-style="{'text-align':'center'}">
+            <el-table-column type="index" align=center label="序号" width="80"/>
+            <el-table-column prop="label" align=center label="课程名称" />
+          </el-table>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="
+            width: 90%;
+            font-size: 14px;
+            display: flex;
+            margin: 0 auto;
+            margin-bottom: 5px;
+          "
+        >
+          <conheader :title="`推荐知识点`"></conheader>
+        </a>
+        <div class="contt">
+          <!-- <p class="button" round v-for="item in maxKnow" :key="item.id">
+            {{ item.label }}
+          </p> -->
+          <el-table :data="maxKnow" border style="width: 100%" height="240" :header-cell-style="{'text-align':'center'}">
+            <el-table-column type="index" align=center label="序号" width="80"/>
+            <el-table-column prop="label" align=center label="课程名称" />
+          </el-table>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="width: 90%; font-size: 14px; display: flex; margin: 0 auto"
+        >
+          <conheader
+            :title="`推荐课程`"
+            :urouter="'/curriculumCenter/basicCourseInformation'"
+          ></conheader>
+        </a>
+        <div class="con">
+          <!-- <ul>
+            <li
+              class="lessonlist-item"
+              v-for="(item, index) in toplist"
+              :key="item.id"
+            >
+              <div class="lessonlist-item-info">
+                <p>{{ index + 1 }}</p>
+                <h5>{{ item.name || '暂无' }}</h5>
+              </div>
+            </li>
+          </ul> -->
+          <el-table :data="toplist" border style="width: 100%" height="240" :header-cell-style="{'text-align':'center'}">
+            <el-table-column type="index" align=center label="序号" width="80"/>
+            <el-table-column prop="name" align=center label="课程名称" />
+          </el-table>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="width: 90%; font-size: 12px; display: flex; margin: 0 auto"
+        >
+          <conheader
+            :title="`最新收藏课程`"
+            :urouter="'/curriculumCenter/basicCourseInformation'"
+          ></conheader>
+        </a>
+        <div class="con">
+          <!-- <ul>
+            <li
+              class="lessonlist-item"
+              v-for="(item, index) in courselist"
+              :key="item.id"
+            >
+              <div class="lessonlist-item-info">
+                <p>{{ index + 1 }}</p>
+                <h5>{{ item.name || '暂无' }}</h5>
+              </div>
+            </li>
+          </ul> -->
+          <el-table :data="courselist" border style="width: 100%" height="240" :header-cell-style="{'text-align':'center'}">
+            <el-table-column type="index" align=center label="序号" width="80"/>
+            <el-table-column prop="name" align=center label="课程名称" />
+          </el-table>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="15">
+    <el-col :span="18">
+      <div class="some">
+        <echarts></echarts>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="stu">
+        <Student1></Student1>
+      </div>
+    </el-col>
+  </el-row>
 </template>
+<style lang="scss" scoped>
+* {
+  box-sizing: border-box;
+}
+.nav {
+  height: 92px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  margin-bottom: 16px;
+  display: flex;
+  flex-direction: column; //开启纵向布局
+  justify-content: center;
+  align-items: center;
+}
+.classList,
+.info {
+  // background-color: yellow;
+  height: 270px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+.classList {
+  display: flex;
+  justify-content: space-between;
+}
+.lesson {
+  padding-top: 30px;
+  // padding-bottom: 30px;
+  padding: 25px 10px 0px 10px;
+  margin-bottom: 16px;
+  height: 312px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  // flex-direction: column;
+}
+.con {
+  display: flex;
+  // justify-content: space-between;
+  // height: 100%;
+  // align-items: center;
+  // margin: 0 auto;
+  // background-color: yellow;
 
-<script lang="ts" setup>
-// import { onMounted } from 'vue'
-// import useUserStore  from '@/store/modules/user'
-// // const userStore = useUserStore()
-// onMounted(() => {
-//   // 进入首页获取用户信息
-//   // userStore.getUserInfo()
-// })
-</script>
+  padding: 5px;
+  // margin-top: 5px;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  padding-bottom: 30px;
+}
+.contt {
+  // background-color: yellow;
+  padding: 5px;
+
+  // display: grid;
+  // grid-template-columns: repeat(2, 1fr);
+  // grid-gap: 11px;
+}
+:deep(.el-scrollbar__wrap) {
+  padding: 0;
+}
+.button {
+  justify-content: space-between;
+
+  height: 30px;
+  border-radius: 10px;
+
+  text-align: center;
+  line-height: 30px;
+
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  padding: 0px 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.button :hover {
+  overflow: visible;
+  white-space: normal;
+}
+a {
+  text-decoration: none;
+}
+.some,
+.stu {
+  padding-top: 5px;
+  height: 380px;
+  // background: #9f7b7b;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  justify-content: space-between;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+// .lessonlist-content {
+//   display: flex;
+//   justify-content: center;
+//   align-items: center;
+//   margin: 0 auto;
+//   flex-direction: column;
+// }
+ul {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  // justify-content: center;
+  // align-items: center;
+}
+
+.lessonlist-item {
+  // background-color: pink;
 
-<style lang="scss" scoped></style>
+  height: 50px;
+  // margin: 0 auto;
+  border-radius: 10px;
+  // background-color: #0080ff;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+  display: flex;
+  padding: 5px;
+  margin: 5px;
+  justify-content: space-between;
+  // align-items: center;
+}
+.lessonlist-item-img {
+  width: 17%;
+  height: 40px;
+  justify-content: center;
+  align-items: center;
+}
+.lessonlist-item-info {
+  margin-left: 15px;
+  width: 80%;
+  height: 40px;
+  background-color: #ffffff;
+  display: flex;
+  // flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  h5 {
+    // font-weight: bold;
+    width: 80%;
+    text-align: center;
+  }
+  p {
+    font-size: small;
+    width: 20%;
+    color: #a0a5ab;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/knowledgeManagement/index.vue b/teaching_integration_platform_admin_template/src/views/knowledgeManagement/index.vue
new file mode 100644
index 0000000..5cc64f1
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/knowledgeManagement/index.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="container">
+    <el-card style="width: 80%">
+      <template #header>
+        <div class="card-header">
+          <div class="left">
+            <el-button type="primary" :icon="Plus" @click="add" />
+          </div>
+          <div class="right">
+            <el-button type="primary">知识图谱预览</el-button>
+            <el-button type="primary" @click="save">保存</el-button>
+          </div>
+        </div>
+      </template>
+      <el-alert
+        title="从右侧知识点集合中拖动知识点放置在前序、后续知识点列表中"
+        type="success"
+      />
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        height="670"
+        :header-cell-style="{
+          'text-align': 'center',
+          'background-color': '#f5f7fa',
+        }"
+      >
+        <el-table-column
+          prop="date"
+          align="center"
+          label="前序知识点(章节)"
+          width="120"
+        >
+          <template #default="{ row }">
+            <div
+              @dragover.prevent="dragoverEvent"
+              @drop="dropEvent($event, row.id)"
+              style="width: 100%; min-height: 40px"
+            >
+              {{ row.before.name }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="name" align="center" label="关系" width="120">
+          <template #default="{ row }">
+            <div>
+              <el-select v-model="row.relationship" placeholder="选择关系">
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="address" align="center" label="后续知识点(章节)">
+          <template #default="{ row }">
+            <div
+              @dragover.prevent="dragoverEvent"
+              @drop="dropAfterEvent($event, row.id)"
+              style="width: 100%; min-height: 40px"
+            >
+              {{ row.after.name }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="address" label="操作" align="center" width="180">
+          <template #default="{ row }">
+            <div>
+              <!-- <el-button type="text">编辑</el-button> -->
+              <el-button type="danger" link @click="del(row.id)">删除</el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- <div style="display: flex; justify-content: center; margin-top: 10px">
+        <el-pagination background layout="prev, pager, next" :total="1000" />
+      </div> -->
+    </el-card>
+    <el-card style="width: 20%; margin-left: 10px">
+      <template #header>
+        <div>
+          <el-input :prefix-icon="Search"></el-input>
+        </div>
+      </template>
+      <div class="title">本课程知识点集合</div>
+      <el-scrollbar height="800">
+        <div class="knowledgeBox">
+          <div class="item" v-for="i in knowList" :key="i.id">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              :content="i.label"
+              placement="top"
+            >
+              <el-tag
+                size="large"
+                type="primary"
+                draggable="true"
+                @dragstart="dragstartEvent(i)"
+              >
+                {{ splitText(i.label) }}(1h)
+              </el-tag>
+            </el-tooltip>
+          </div>
+        </div>
+      </el-scrollbar>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { Plus, Search } from '@element-plus/icons-vue'
+import { ref } from 'vue'
+import { getKonwledgeMangment ,editKonledgeMangment} from '@/api/courseChaptersApi'
+const tableData = ref([
+  {
+    id: 1,
+    before: {
+      name: '',
+      id: '',
+    },
+    after: {
+      name: '',
+      id: '',
+    },
+    relationship: '',
+  },
+])
+
+const options = [
+  {
+    value: 'contain',
+    label: '包含',
+  },
+  {
+    value: 'order',
+    label: '后续',
+  },
+  {
+    value: 'dependent',
+    label: '依赖',
+  },
+]
+const knowList = ref<any>([])
+const getKonwledgeMangmentEvent = async () => {
+  const res = await getKonwledgeMangment({
+    id: '719f91586a64413898253c5b7d046fd8',
+  })
+  // console.log(res.data.knowList);
+  knowList.value = res.data.knowList
+}
+getKonwledgeMangmentEvent()
+const splitText = (str: string) => {
+  if (str.length > 5) {
+    const newStr = str.slice(0, 5)
+    return newStr + '...'
+  } else {
+    return str
+  }
+}
+splitText('123456')
+const darData = ref<any>({})
+const dragstartEvent = (data: any) => {
+  console.log(data)
+  darData.value = data
+}
+const dragoverEvent = () => {}
+const dropEvent = (e: any, id: any) => {
+  console.log('dropEvent', e, id)
+  const index = tableData.value.findIndex((item) => item.id === id)
+  tableData.value[index].before.name = darData.value.label
+  tableData.value[index].before.id = darData.value.id
+}
+const dropAfterEvent = (e: any, id: any) => {
+  console.log('dropEvent', e, id)
+  const index = tableData.value.findIndex((item) => item.id === id)
+  tableData.value[index].after.name = darData.value.label
+  tableData.value[index].after.id = darData.value.id
+}
+const add = () => {
+  tableData.value.unshift({
+    id: tableData.value.length + 1,
+    before: {
+      name: '',
+      id: '',
+    },
+    after: {
+      name: '',
+      id: '',
+    },
+    relationship: '',
+  })
+}
+
+const save = async () => {
+  let arr = tableData.value.map((item) => {
+    let link: any = {
+      source: '',
+      target: '',
+      label: '',
+    }
+    link.source = item.before.id
+    link.target = item.after.id
+    link.label = item.relationship
+    return link
+  })
+  console.log(arr)
+  await editKonledgeMangment(arr)
+}
+const del = (id:any) => {
+  const index = tableData.value.findIndex((item) => item.id === id)
+  tableData.value.splice(index,1)
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+  height: calc(100vh - 90px);
+  display: flex;
+  .card-header {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .title {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .knowledgeBox {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 20px;
+    // padding: 10px;
+    .item {
+      width: calc(50% - 10px);
+      height: 50px;
+    }
+    .item:nth-child(2n) {
+      margin-left: 5px;
+    }
+    .item:nth-child(2n + 1) {
+      margin-right: 5px;
+    }
+  }
+}
+:deep(.el-scrollbar__wrap) {
+  padding: 0;
+}
+:deep(.el-tag) {
+  width: 115px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/likesHistory/index.vue b/teaching_integration_platform_admin_template/src/views/likesHistory/index.vue
new file mode 100644
index 0000000..0aac4af
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/likesHistory/index.vue
@@ -0,0 +1,14 @@
+<template>
+    <div>
+        点赞记录
+    </div>
+</template>
+
+<script lang='ts' setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/login/index.vue b/teaching_integration_platform_admin_template/src/views/login/index.vue
index 65390e1..0f08751 100644
--- a/teaching_integration_platform_admin_template/src/views/login/index.vue
+++ b/teaching_integration_platform_admin_template/src/views/login/index.vue
@@ -1,7 +1,26 @@
 <template>
   <div id="your-element-selector" style="width: 100%; height: 100vh"></div>
-
   <div class="login_container">
+    <el-row :span="24" style="height: 5%">
+      <el-col>
+        <div class="grid-content ep-bg-purple-dark">
+          <div class="logo">
+            <div class="logo_main">
+              <img :src="setting.logo" alt="" />
+              <div class="font">
+                <p>{{ setting.title }}</p>
+              </div>
+            </div>
+
+            <a @click.prevent="goToPage">
+              <el-icon class="link">
+                <Link />
+              </el-icon>
+            </a>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
     <el-row>
       <el-col
         :span="12"
@@ -15,40 +34,266 @@
       >
         <el-form
           class="loin_form"
-          :model="loginForm"
-          ref="formRules"
+          :model="formModel"
+          ref="form"
           :rules="rules"
+          v-if="isRegister"
         >
-          <h1>Hello</h1>
-          <h2>同学！</h2>
-          <el-form-item prop="username">
-            <el-input
-              v-model="loginForm.username"
-              :prefix-icon="User"
-              size="large"
-            ></el-input>
-          </el-form-item>
-          <el-form-item prop="password">
-            <el-input
-              v-model="loginForm.password"
-              type="password"
-              :prefix-icon="Lock"
-              size="large"
-              show-password
-            ></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-button
-              :loading="isBtnLoading"
-              size="large"
-              class="login-btn"
-              type="primary"
-              @click="login"
-            >
-              登录
-            </el-button>
+          <h1>课图—开源智慧课程管理系统</h1>
+          <div class="taggle">
+            <h2 @click="isToggle = true">账号</h2>
+            <h2 @click="isToggle = false">手机号</h2>
+          </div>
+          <!-- 账号登录 -->
+          <div v-if="isToggle">
+            <el-form-item prop="username">
+              <el-input
+                v-model="formModel.username"
+                :prefix-icon="User"
+                size="large"
+                placeholder="请输入账号"
+              ></el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input
+                v-model="formModel.password"
+                type="password"
+                :prefix-icon="Lock"
+                size="large"
+                placeholder="请输入密码"
+                show-password
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                :loading="isBtnLoading"
+                size="large"
+                class="login-btn"
+                type="primary"
+                @click="login"
+              >
+                登录
+              </el-button>
+            </el-form-item>
+          </div>
+          <!-- 手机号登录 -->
+          <div v-else>
+            <el-form-item prop="phone" class="content">
+              <el-input
+                type="text"
+                v-model="formModel.phone"
+                :prefix-icon="Phone"
+                placeholder="请输入手机号"
+                size="large"
+                style="flex: 1"
+              />
+            </el-form-item>
+            <el-form-item prop="code" class="content">
+              <el-input
+                type="text"
+                v-model="formModel.code"
+                placeholder="请输入验证码"
+                @click="userCodeLogin"
+                size="large"
+                style="flex: 1"
+              />
+              <div class="p" v-if="countdown > 0">
+                <p>{{ countdown }} 秒</p>
+              </div>
+              <el-button
+                class="code"
+                v-if="countdown <= 0"
+                :disabled="countdown > 0"
+                @click="codeSubmit"
+              >
+                发送验证码
+              </el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                :loading="isBtnLoading"
+                size="large"
+                class="login-btn"
+                type="primary"
+                @click="phoneLogin"
+              >
+                登录
+              </el-button>
+            </el-form-item>
+          </div>
+          <el-form-item class="flex">
+            <el-link type="info" :underline="false" @click="isRegister = false">
+              注册
+            </el-link>
           </el-form-item>
         </el-form>
+        <!-- 注册 -->
+        <el-form
+          class="loin_form"
+          :model="formModel"
+          ref="form"
+          :rules="rules"
+          v-else
+        >
+          <h1>Hello</h1>
+          <div class="taggle">
+            <h2 @click="isToggle = true">账号</h2>
+            <h2 @click="isToggle = false">手机号</h2>
+          </div>
+          <!-- 账号注册 -->
+          <div v-if="isToggle">
+            <el-form-item prop="username">
+              <el-input
+                v-model="formModel.username"
+                placeholder="请输入用户名"
+                :prefix-icon="User"
+                size="large"
+              ></el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input
+                v-model="formModel.password"
+                placeholder="请输入密码"
+                type="password"
+                :prefix-icon="Lock"
+                size="large"
+                show-password
+              ></el-input>
+            </el-form-item>
+            <el-form-item prop="repassword">
+              <el-input
+                v-model="formModel.repassword"
+                placeholder="请再次输入密码"
+                type="password"
+                :prefix-icon="Check"
+                size="large"
+                show-repassword
+                @change="checkPasswordMatch"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button
+                size="large"
+                class="login-btn"
+                type="primary"
+                @click="handleSubmit"
+              >
+                注册
+              </el-button>
+            </el-form-item>
+            <el-form-item class="flex">
+              <el-link
+                type="info"
+                :underline="false"
+                @click="isRegister = true"
+              >
+                登录
+              </el-link>
+            </el-form-item>
+          </div>
+          <!-- 手机号注册 -->
+          <div v-else>
+            <div v-if="isinfo">
+              <el-form-item prop="phone">
+                <el-input
+                  v-model="formModel.phone"
+                  :prefix-icon="Phone"
+                  size="large"
+                  placeholder="请输入手机号"
+                ></el-input>
+              </el-form-item>
+              <el-form-item prop="code" class="content">
+                <el-input
+                  type="text"
+                  v-model="formModel.code"
+                  placeholder="请输入验证码"
+                  size="large"
+                  style="
+                    flex: 1;
+                    /* height: 40px;
+                  line-height: 40px;
+                  border: 1px solid #dcdfe6;
+                  width: 50%;
+                  color: #dcdfe6; */
+                  "
+                />
+                <div class="p" v-if="countdown > 0">
+                  <p>{{ countdown }} 秒</p>
+                </div>
+                <el-button
+                  class="code1"
+                  v-if="countdown <= 0"
+                  @click="codeSubmit"
+                  :disabled="countdown > 0"
+                >
+                  发送验证码
+                </el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button
+                  size="large"
+                  class="login-btn"
+                  type="primary"
+                  @click="phoneChange"
+                >
+                  注册
+                </el-button>
+              </el-form-item>
+            </div>
+            <div v-else>
+              <el-form-item prop="password">
+                <el-input
+                  v-model="formModel.password"
+                  type="password"
+                  :prefix-icon="Lock"
+                  size="large"
+                  placeholder="请输入密码"
+                  show-password
+                ></el-input>
+              </el-form-item>
+              <el-form-item>
+                <div
+                  style="display: flex; justify-content: space-between; flex: 1"
+                >
+                  <el-button
+                    class="code"
+                    @click="phoneReturn"
+                    style="
+                      background-color: #5577ff;
+                      color: #fff;
+                      justify-content: center;
+                    "
+                  >
+                    返回
+                  </el-button>
+                </div>
+                <div style="display: flex; justify-content: end; flex: 1">
+                  <el-button
+                    class="code"
+                    @click="phoneSubmit"
+                    style="
+                      background-color: #5577ff;
+                      color: #fff;
+                      justify-content: center;
+                    "
+                  >
+                    确认
+                  </el-button>
+                </div>
+              </el-form-item>
+            </div>
+            <el-form-item class="flex">
+              <el-link
+                type="info"
+                :underline="false"
+                @click="isRegister = true"
+              >
+                登录
+              </el-link>
+            </el-form-item>
+          </div>
+        </el-form>
       </el-col>
       <el-col :span="12" :xs="0"></el-col>
     </el-row>
@@ -56,27 +301,64 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, onMounted, onUnmounted } from 'vue'
-import { User, Lock } from '@element-plus/icons-vue'
+import { ref, onMounted, onUnmounted, onBeforeUnmount, watch } from 'vue'
+import { User, Lock, Phone, Check, Link } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
 import useUserStore from '@/store/modules/user'
 import { useRouter, useRoute } from 'vue-router'
-let loginForm = reactive({ username: 'admin', password: '111111' })
+//引入接口
+import {
+  userRegisterService,
+  userPhoneRegisterService,
+  userCodeRegisterService,
+} from '@/api/user/user'
+// let loginForm = reactive({ username: 'admin', password: '111111' })
+//logo
+import useLayoutSettingStoe from '@/store/modules/setting'
+
+// 引入设置表提和logo的配置文件
+import setting from '@/setting'
+const goToPage = (event) => {
+  event.preventDefault()
+  // window.open('https:www.baidu.com', '_blank')
+  window.location.href = 'https:www.baidu.com'
+}
+const fold = ref(false)
+const LayoutSettingStoe = useLayoutSettingStoe()
 // 引入登录仓库
 let userStore = useUserStore()
 // 引入路由
 const $router = useRouter()
 const $route = useRoute()
 const isBtnLoading = ref<boolean>(false)
+//账号手机号切换
+//注册model，需要从后台获取接口中的字段,用于提交的form对象
+const formModel = ref({
+  username: '',
+  password: '',
+  repassword: '',
+  phone: '',
+  code: '',
+  nickName: '',
+  icon: '',
+})
+const form = ref()
+//注册登录切换
+const isRegister = ref(true)
+//注册切换
+const isToggle = ref(true)
+//注册信息切换
+const isinfo = ref(true)
 // 获取form实例
-const formRules = ref<any>(null)
+// const formRules = ref<any>(null)
 // 添加校验规则
 const rules = {
   username: [
     { required: true, message: '用户名不能为空', trigger: 'blur' },
     {
-      max: 10,
+      max: 30,
       min: 5,
-      message: '用户名长度最小五位最大十位',
+      message: '用户名长度最小五位最大三十位',
       trigger: ['change', 'blur'],
     },
   ],
@@ -89,23 +371,195 @@ const rules = {
       trigger: ['change', 'blur'],
     },
   ],
+  repassword: [
+    { required: true, message: '密码不能为空', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      // pattern用于配置正则校验
+      max: 15,
+      min: 6,
+      message: '密码长度最小六位最大十五位',
+      trigger: ['change', 'blur'],
+    },
+  ],
+  phone: [
+    { required: true, message: '手机号不能为空', trigger: 'blur' },
+    {
+      pattern: /^1[3456789]\d{9}$/,
+      message: '手机号格式不正确',
+      trigger: 'blur',
+      // pattern用于配置正则校验
+    },
+  ],
+  code: [{ message: '验证码不能为空', trigger: 'blur' }],
+}
+
+//验证码倒计时
+const countdown = ref(0)
+let timer
+const updateCountdown = () => {
+  if (countdown.value > 0) {
+    countdown.value--
+  } else {
+    clearInterval(timer) // 清除计时器
+  }
 }
+onBeforeUnmount(() => {
+  clearInterval(timer) // 组件销毁前清除计时器，避免内存泄漏
+})
+//登录注册切换时重置表单
+watch(isRegister, () => {
+  formModel.value = {
+    username: '',
+    password: '',
+    repassword: '',
+    phone: '',
+    code: '',
+  }
+})
+//账号手机号清空
+watch(isToggle, () => {
+  formModel.value = {
+    username: '',
+    password: '',
+    repassword: '',
+    phone: '',
+    code: '',
+  }
+})
+//确认密码
+const passwordMatchError = ref('')
+const checkPasswordMatch = () => {
+  if (formModel.value.password !== formModel.value.repassword) {
+    ElMessage('两次输入的密码不一致')
+  } else {
+    passwordMatchError.value = ''
+  }
+}
+//账号注册表单写成json格式
+const handleSubmit = async () => {
+  // 执行注册逻辑
+  await form.value.validate()
+  // console.log('开始注册')
+  if (formModel.value.password === formModel.value.repassword) {
+    // 密码校验通过，可以进行注册操作
+    const dataToSend = {
+      username: formModel.value.username,
+      password: formModel.value.password,
+      phone: formModel.value.phone,
+      nickName: formModel.value.nickName,
+      icon: formModel.value.icon,
+    }
+    const jsonData = JSON.stringify(dataToSend)
+    // console.log(jsonData)
+    // 发送数据到服务器或其他操作
+    userRegisterService(jsonData)
+      .then(() => {
+        // 注册成功后跳转到指定页面
+        ElMessage.success('注册成功')
+        // 切换到登录
+        isRegister.value = true
+      })
+      .catch((error) => {
+        ElMessage.error(error.response.data.message)
+      })
+  } else {
+    // 密码校验不通过
+    passwordMatchError.value = '两次输入的密码不一致'
+  }
+}
+//注册发起手机号验证码
+const codecode = ref()
+const codeSubmit = async () => {
+  await form.value.validate()
+  // console.log('开始发起注册验证码')
+  const phoness = formModel.value.phone
+  userCodeRegisterService(phoness)
+    .then((response) => {
+      codecode.value = response.data
+      console.log(codecode.value)
+    })
+    .catch((error) => {
+      console.log(error.message, 'error')
+    })
+}
+//手机号注册
+const phoneChange = () => {
+  // console.log('开始手机号注册')
+  isinfo.value = false
+}
+//手机号注册中的返回
+const phoneReturn = () => {
+  isinfo.value = true
+}
+const phoneSubmit = async () => {
+  await form.value.validate()
+  // 执行注册逻辑
+  if (formModel.value.code == codecode.value) {
+    isinfo.value = false
+    const dataToSend = {
+      phone: formModel.value.phone,
+      password: formModel.value.password,
+    }
+    const jsonData = JSON.stringify(dataToSend)
+    // 发送手机号到服务器或其他操作
+    userPhoneRegisterService(jsonData)
+      .then(() => {
+        // 注册成功后跳转到指定页面
+        ElMessage.success('注册成功')
+        //    // 切换到登录
+        isRegister.value = true
+      })
+      .catch((error) => {
+        ElMessage.error(error.response.data.message)
+      })
+  }
+}
+//账号登录接口
 const login = async () => {
   // 等待校验通过
-  await formRules.value.validate()
+  await form.value.validate()
+  isBtnLoading.value = true
   try {
-    isBtnLoading.value = true
-    await userStore.userLogin(loginForm)
-    isBtnLoading.value = false
-    if ($route.query.redirect) {
-      $router.push($route.query.redirect as string)
-    } else {
-      $router.push('/')
-    }
+    await userStore.userLogin(formModel.value).then(() => {
+      isBtnLoading.value = false
+      $router.push('/curriculumCenter/basicCourseInformation')
+      if ($route.query.redirect) {
+        $router.push($route.query.redirect as string)
+      } else {
+        $router.push('/')
+      }
+    })
   } catch (error) {
     isBtnLoading.value = false
   }
 }
+
+//手机号登录
+const phoneLogin = async () => {
+  // 等待校验通过
+  await form.value.validate()
+  isBtnLoading.value = true
+  if (formModel.value.code == codecode.value) {
+    const phones = formModel.value.phone
+    // console.log(dataToSend)
+    userStore
+      .userPhoneLogin(phones)
+      .then(() => {
+        isBtnLoading.value = false
+        $router.push('/curriculumCenter/basicCourseInformation')
+        if ($route.query.redirect) {
+          $router.push($route.query.redirect as string)
+        } else {
+          $router.push('/')
+        }
+      })
+      .catch((error) => {
+        isBtnLoading.value = false
+        ElMessage.error(error.response.data.message)
+      })
+  }
+}
 const keyDown = (e: any) => {
   //如果是回车则执行登录方法
   if (e.keyCode == 13) {
@@ -113,6 +567,7 @@ const keyDown = (e: any) => {
     login()
   }
 }
+
 onMounted(() => {
   //@ts-expect-error 修复ts校验VANTA不存在GLOBE属性 已经cdn引入
   VANTA.GLOBE({
@@ -142,10 +597,28 @@ onUnmounted(() => {
   height: 100vh;
   position: absolute;
   top: 0;
+  .logo {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px 35px 0px 20px;
+    .logo_main {
+      display: flex;
+      align-items: center;
+    }
+    .font {
+      font-size: 20px;
+      font-family: 'YourChosenArtisticFont', sans-serif;
+      // text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+      color: #171615;
+      // transform: rotateX(5deg) rotateY(5deg);
+      margin-left: 5px;
+    }
+  }
   // background: url('../../assets/images/background.jpg') no-repeat;
   .loin_form {
     position: relative;
-    top: 30vh;
+    top: 20vh;
     width: 80%;
     // background: url('../../assets/images/login_form.png') no-repeat;
     // background-size: cover;
@@ -156,6 +629,10 @@ onUnmounted(() => {
     padding: 40px;
     border-radius: 10px;
     box-shadow: 7px 7px 42px rgba(0, 0, 0, 0.17);
+    .taggle {
+      display: flex;
+      justify-content: space-between;
+    }
     h1 {
       font-size: 40px;
       color: #5577ff;
@@ -168,6 +645,31 @@ onUnmounted(() => {
     .login-btn {
       width: 100%;
     }
+    .p {
+      height: 40px;
+      text-align: center;
+      line-height: 40px;
+      width: 90px;
+    }
+    .codeVerify {
+      display: flex;
+      justify-content: end;
+    }
+    .code,
+    .code1 {
+      height: 40px;
+      width: 100px;
+      border: 1px solid #dcdfe6;
+      // background-color: #dcdfe6;
+      color: #000;
+      background: #ffffff;
+      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+      border-radius: 6px 6px 6px 6px;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: none;
+      line-height: 40px;
+    }
   }
 }
 </style>
diff --git a/teaching_integration_platform_admin_template/src/views/message/components/messageContent.vue b/teaching_integration_platform_admin_template/src/views/message/components/messageContent.vue
new file mode 100644
index 0000000..e67dd39
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/message/components/messageContent.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="common-layout">
+    <el-container>
+      <el-header class="header">
+        <p>写栈内信函</p>
+      </el-header>
+      <el-main class="mainContainer">
+        <el-card>
+          <template #header>
+            <div class="card-header">
+              <span>写栈内信函</span>
+              <div>
+                <el-button style="width: 100px;text-align: center" type="primary" round @click="back" plain>返回</el-button>
+                <el-button style="width: 100px;text-align: center" type="primary" round @click="send">发送</el-button>
+              </div>
+            </div>
+          </template>
+<!--          输入框内容-->
+          <el-form>
+            <el-form-item label="收件人id：" label-width="100px">
+              <el-input :model-value="inputPerson" size="large" readonly>
+              <template #append>
+                <el-button @click="addPerson = true">
+                  <el-icon><CirclePlus /></el-icon>
+                </el-button>
+              </template>
+            </el-input>
+            </el-form-item>
+            <el-form-item label="课程id：" label-width="100px">
+              <el-input :model-value="inputCourseId" size="large" placeholder=""/>
+            </el-form-item>
+            <el-form-item label="标题：" label-width="100px">
+              <el-input v-model="inputText" size="large" placeholder=""/>
+            </el-form-item>
+            <el-form-item label="内容：" label-width="100px">
+              <el-input v-model="textarea" :rows="15" type="textarea" placeholder=""/>
+            </el-form-item>
+          </el-form>
+          <!--添加收件人信息-->
+          <el-dialog class="dialogType" v-model="addPerson" title="选择收件人">
+            <el-divider/>
+            <div class="content-container">
+              <div class="left-panel" style="flex: 1; display: flex; align-items: center; justify-content: center;">
+                <div>
+                  <p>组织框架</p><br/>
+                  <el-cascader
+                      v-model="selectStudent"
+                      :options="formattedData"
+                      :props="props"
+                      clearable
+                  />
+                </div>
+              </div>
+              <div class="right-panel" style="flex: 1;">
+                <p>已选人id:</p>
+                <el-divider/>
+                <li>
+                  <div>
+                    <p>{{inputPerson}}</p>
+                  </div>
+                </li>
+              </div>
+            </div>
+            <el-divider/>
+            <div style="text-align: right">
+              <el-button type="primary" @click="disappoint" plain round>取消</el-button>
+              <el-button type="primary" @click="confirm" round>确定</el-button>
+            </div>
+          </el-dialog>
+          <template #footer>
+            <p>发送此站内信函即表示您已阅读并接受<el-link href="" target="_blank" type="primary">《用户协议》</el-link>，请遵守该协议</p>
+          </template>
+        </el-card>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+<script setup lang="ts">
+import {ref, onMounted, watch, computed} from 'vue'
+import { useRouter } from 'vue-router';
+import { getUserInfByCourse } from '@/api/user/send.js'
+import useUserStore from '@/store/modules/user'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import {SendMessageApi} from "@/api/user/messag";
+const selectStudent = ref([])
+//计算收件人获取的id
+const inputPerson =computed(()=>{
+  if(props.multiple){
+    return selectStudent.value.map(item=>item[1])
+  }else {
+    return selectStudent.value[1]
+  }
+})
+//计算课程获取的id
+const inputCourseId = computed(()=>{
+  if(props.multiple) return selectStudent.value.map(item=>item[0])
+  else  return selectStudent.value[0]
+})
+//==========================
+const inputText = ref('')
+const textarea = ref('')
+const addPerson = ref(false)
+const props = {
+  multiple: true,
+  checkStrictly: true,
+};
+const router = useRouter()
+//获取当前用户下的学生姓名
+const userStore = useUserStore()
+const stuList = ref([])
+const formattedData = ref([])
+//获取学生数据
+const getStuList = async () => {
+  const res = await getUserInfByCourse(userStore.data.id)
+  stuList.value = res.data
+};
+onMounted(async () => {
+  try {
+    await getStuList();
+    formattedData.value = formatData(stuList.value);
+  } catch (error) {
+    ElMessage.error('加载数据失败');
+  }
+});
+
+// 数据格式化函数
+function formatData(data) {
+  return data.map(course => ({
+    value: course.courseId, // 第一级的值
+    label: course.courseName, // 第一级的标签
+    children: course.usersInf.map(student => ({
+      value: student.id, // 第二级的值
+      label: student.receiverName, // 第二级的标签
+    })),
+  }));
+}
+//返回
+const back= ()=>{
+  router.go(-1)
+}
+//选择收件人
+const confirm = ()=>{
+  addPerson.value = false
+  console.log(inputPerson.value,'inputPerson内容')
+}
+//取消
+const disappoint = ()=>{
+  addPerson.value = false
+}
+//发送信息
+const send = async () => {
+  await ElMessageBox.confirm('您确定发送这条信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await SendMessageApi({
+    receiverId: inputPerson.value.toString(),
+    courseId:inputCourseId.value.toString(),
+    title:inputText.value,
+    content:textarea.value,
+    senderId:userStore.data.id
+  }).then(()=>{
+    ElMessage({
+      message:'发送成功',
+      type:'success'
+    })
+  })
+}
+</script>
+<style scoped>
+.header{
+  background: steelblue;
+  text-align: center;
+  font-size: 18px;
+  line-height: 45px;
+  height: 45px;
+  width: 100%;
+  margin-bottom: 30px;
+}
+.header p{
+  color: white;
+}
+li{
+  list-style: none;
+}
+.mainContainer{
+  width: 80%;
+  margin: auto;
+}
+.card-header{
+  display: flex; /* 启用Flexbox布局 */
+  justify-content: space-between; /* 在主轴上分布项目，这里让h2和button分布在两端 */
+  align-items: center; /* 在交叉轴上居中项目，这里是垂直居中 */
+  height: 30px; /* 示例高度，根据实际需求调整 */
+  padding: 0 20px; /* 添加一些内边距以避免内容紧贴边缘 */
+}
+.el-input{
+  margin-bottom: 20px;
+}
+.content-container {
+  display: flex;
+  height: 100%; /* 根据需要调整高度 */
+}
+.left-panel, .right-panel {
+  display: flex;
+  flex-direction: column;
+  justify-content: center; /* 垂直居中内容 */
+  align-items: center; /* 水平居中内容 */
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/message/components/receiveContentList.vue b/teaching_integration_platform_admin_template/src/views/message/components/receiveContentList.vue
new file mode 100644
index 0000000..36046c8
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/message/components/receiveContentList.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="common-layout">
+    <el-container>
+      <el-header class="header">
+        <p>收到信息详情</p>
+      </el-header>
+      <el-main >
+        <el-card>
+          <template #header>
+            <div class="card-header">
+              <el-button type="primary" style="width: 80px" @click="back" round plain>返回</el-button>
+            </div>
+          </template>
+          <div class="container">
+            <div class="header_content">
+              <span class="sender">发送人：{{ Message.senderName }}</span>
+              <span class="time">发送时间：{{ Message.sendTime }}</span>
+              <span class="read-status">是否阅读：{{Message.isRead ? '已读' : '未读' }}</span>
+            </div>
+            <el-divider/>
+            <div class="recipient">标题：{{ Message.title }}</div>
+<!--            <div class="content">-->
+<!--              内容：{{ Message.content }}-->
+              <el-form-item label="文章内容">
+                <textarea style="width: 100%;height:50vh" v-model="Message.content"></textarea>
+                <!-- <el-input class="brief_text" type="textarea" /> -->
+              </el-form-item>
+<!--            </div>-->
+            </div>
+<!--          <template #footer>Footer content</template>-->
+        </el-card>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+<script setup lang="ts">
+import {useRouter,useRoute} from "vue-router";
+const router = useRouter()
+const route = useRoute()
+//获取数据，如果失败返回上一级
+if(!Object.keys(route.query).length){
+  router.go(-1)
+}
+//返回按钮
+const back = ()=>{
+  router.go(-1)
+}
+import {ref} from "vue";
+//获取参数
+const Message = ref(route.query)
+
+</script>
+
+<style scoped>
+.header{
+  background: #7f98cb;
+  height: 50px;
+  font-size: 20px;
+  text-align: center;
+  padding: 15px;
+}
+.container {
+  padding: 10px; /* 容器内边距 */
+  margin-top: 10px; /* 容器上边距 */
+  height: 65vh;
+}
+.header_content {
+  margin-bottom: 10px; /* 与下面的收件人信息保持一定间距 */
+}
+
+.header_content span {
+  margin-right: 50px; /* 发件人和时间之间的间距 */
+}
+
+.header_content .read-status {
+  margin-right: 0; /* 已读状态右侧不需要间距 */
+}
+
+.recipient, .content {
+  font-size: 20px;
+  color: #333;
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/message/components/sendMessage.vue b/teaching_integration_platform_admin_template/src/views/message/components/sendMessage.vue
new file mode 100644
index 0000000..39f34b9
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/message/components/sendMessage.vue
@@ -0,0 +1,234 @@
+<template>
+  <el-card>
+    <template #header>
+      <div class="card-header">
+        <el-button type="primary" @click="back" round plain>返回</el-button>
+        <el-button type="primary" @click="sendContent" round>写栈内信函</el-button>
+      </div>
+    </template>
+    <div class="container">
+      <div class="checkboxHeader">
+        <input type="checkbox" class="custom-checkbox" @change="toggleAll" :checked="allSelected" />
+        <p class="selected-count">已选 {{ selectedCount }} 条记录</p>
+      </div>
+      <li v-for="item in sendMessage" :key="item.title" class="message-list-item">
+        <div class="message-list">
+          <!-- 添加勾选框 -->
+          <div class="message-check">
+            <input type="checkbox" class="custom-checkbox" :value="item.id"  @change="toggleSelection(item.id)" :checked="isSelected(item.id)"/>
+          </div>
+          <div class="message-icon">
+            <el-icon><Comment /></el-icon>
+          </div>
+          <div class="message-content" @click="handleClick(item)">
+            <h2 class="message-title">{{item.title}}</h2>
+            <div class="message-details">
+              <div>收件人:<span class="sender" v-for="o in item.receiveUsers" :key="o.id">{{o.receiverName}}</span></div>
+              <span class="read-status">阅读人数：{{item.readUserNum}}</span>
+            </div>
+            <div class="message-time">发送时间：{{item.sendTime}}</div>
+          </div>
+          <!-- 删除按钮，默认不显示，hover时显示 -->
+<!--      <el-button v-if="hoveringOver === item.id" class="delete-btn" @click="deleteSendMessage(item.id)" type="danger" round >删除</el-button>-->
+        </div>
+        <el-divider/>
+      </li>
+    </div>
+    <template #footer>
+<!--      分页-->
+      <el-pagination
+          v-model:current-page="params.pageNo"
+          v-model:page-size="params.pageSize"
+          :page-sizes="[ 5, 7, 10]"
+          :background="true"
+          layout="jumper,total, sizes, prev, pager, next "
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          style="margin-top: 10px; justify-content: center"
+      />
+    </template>
+  </el-card>
+</template>
+<script setup lang="ts">
+import { ref,computed,onMounted} from 'vue';
+import { useRouter } from 'vue-router';
+import useUserStore from "@/store/modules/user";
+import {getSendMessagesListApi} from "@/api/user/messag";
+import { ElMessageBox, ElMessage } from 'element-plus'
+const userStore = useUserStore()
+//传参
+const params = ref({
+  userId: userStore.data.id,
+  // userId: 4,
+  isAsc:true,
+  isDelete:0,
+  isRead:'',
+  isSend:1,
+  // messageId:false,
+  pageNo:1,
+  pageSize:5,
+  sortBy:false//排序字段
+})
+const total = ref(0)
+const sendMessage = ref({})
+const loading = ref(false)
+// const hoveringOver = ref(null)
+// 获取发送的消息列表
+const getSendMessageList = async () => {
+  loading.value = true
+  const res = await getSendMessagesListApi(params.value)
+  sendMessage.value = res.data.list
+  total.value = res.data.total
+  loading.value = false
+  // console.log(sendMessage.value,'消息消息消息消息')
+}
+// 渲染
+onMounted(() => {
+  getSendMessageList()
+})
+//复选框
+const selectedIds = ref([]); // 存储已选中的消息ID
+const allSelected = computed(() => {
+  // 如果所有消息都被选中，则返回true
+  return sendMessage.value.length > 0 && sendMessage.value.every(item => selectedIds.value.includes(item.id));
+});
+
+const selectedCount = computed(() => {
+  // 返回已选中的消息数量
+  return selectedIds.value.length;
+});
+
+function toggleAll(event) {
+  // 切换所有消息的选中状态
+  const target = event.target;
+  if (target.checked) {
+    // 如果全选框被选中，则将所有消息的ID添加到selectedIds中
+    selectedIds.value = sendMessage.value.map(item => item.id);
+  } else {
+    // 如果全选框未被选中，则清空selectedIds
+    selectedIds.value = [];
+  }
+}
+
+function toggleSelection(id: number) {
+  // 切换单个消息的选中状态
+  const index = selectedIds.value.indexOf(id);
+  if (index > -1) {
+    selectedIds.value.splice(index, 1);
+  } else {
+    selectedIds.value.push(id);
+  }
+}
+function isSelected(id) {
+  return selectedIds.value.includes(id);
+}
+
+
+// 分页
+const handleSizeChange = (size: any) => {
+  // loading.value = true
+  // console.log(size)
+  params.value.pageNo = 1
+  params.value.pageSize = size
+  // 基于每页条数重新渲染
+  getSendMessageList()
+}
+const handleCurrentChange = (page: any) => {
+  console.log(page)
+  params.value.pageNo = page
+  // 基于当前页渲染数据
+  getSendMessageList()
+}
+const userId = userStore.userInfo.id
+const router = useRouter()
+//返回
+const back =()=>{
+  router.go(-1)
+}
+//写栈内信函
+const sendContent = ()=>{
+  router.push('/messageContent')
+}
+
+// 消息事件点击
+function handleClick(item) {
+  // 传递整个消息对象
+  router.push({
+    path: '/sendMessageList',
+    query: {id:item.id}
+  });
+
+  sessionStorage.setItem('senMsg:Item',JSON.stringify(item))
+}
+</script>
+<style scoped>
+.container{
+  margin: auto;
+  width: 95%;
+  padding: 15px;
+}
+.checkboxHeader {
+  width: 100%;
+  padding: 10px;
+  height: 50px;
+  display: flex; /* 使用Flex布局使子元素在同一行显示 */
+  align-items: center; /* 垂直居中对齐子元素 */
+  gap: 10px; /* 设置子元素之间的间距 */
+}
+.custom-checkbox {
+  transform: scale(1.5); /* 将勾选框放大1.5倍 */
+}
+.selected-count {
+}
+.message-check{
+  margin-right: 20px;
+}
+.message-list {
+  display: flex;
+  align-items: center; /* 垂直居中 */
+  height: 80px;
+  /*background-color: #f2f2f2;*/
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+.message-icon {
+  margin-right: 30px; /* 图标右侧间距 */
+  font-size: 34px; /* 图标大小 */
+}
+li{
+  list-style: none;
+}
+.message-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center; /* 标题和详情内容垂直居中 */
+  flex: 1; /* 填充剩余空间 */
+}
+.message-title {
+  line-height: 30px;
+  font-size: 20px;
+}
+.message-details {
+  display: flex;
+  align-items: center; /* 细节内容水平居中 */
+  margin-top: 10px; /* 与标题的间距 */
+}
+.sender {
+  margin-right: 20px; /* 发件人和已读状态的间距 */
+}
+.read-status {
+  color: #888; /* 已读状态的颜色 */
+}
+.message-time {
+  margin-left: auto; /* 发送时间靠右显示 */
+  font-size: 15px; /* 发送时间字体大小 */
+  color: #666; /* 发送时间颜色 */
+}
+.message-list-item {
+  cursor: pointer; /* 鼠标悬停时显示手指形状，表示可点击 */
+}
+.message-list-item:hover{
+  background-image: linear-gradient(60deg,powderblue,darkgrey,snow);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/message/components/sendMessageList.vue b/teaching_integration_platform_admin_template/src/views/message/components/sendMessageList.vue
new file mode 100644
index 0000000..63d1c35
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/message/components/sendMessageList.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="common-layout">
+    <el-container>
+      <el-header class="header">
+        <p>收到信息详情</p>
+      </el-header>
+      <el-main >
+        <el-card>
+          <template #header>
+            <div class="card-header">
+              <el-button type="primary" style="width: 80px" @click="back" round plain>返回</el-button>
+            </div>
+          </template>
+          <div class="container">
+            <div class="header_content">
+              收件人：<span class="sender" v-for="o in sendMessage.receiveUsers" :key="o.id">{{ o.receiverName }}</span>
+              <span class="time">发送时间：{{ sendMessage.sendTime }}</span>
+<!--              <span class="read-status">是否阅读：{{sendMessage.isRead}}</span>-->
+            </div>
+            <el-divider/>
+            <div class="recipient">标题：{{ sendMessage.title }}</div>
+<!--            <div class="content">-->
+<!--              内容：{{ sendMessage.content }}-->
+<!--            </div>-->
+            <el-form-item label="文章内容">
+              <textarea style="width: 100%;height:50vh" v-model="sendMessage.content"></textarea>
+            </el-form-item>
+          </div>
+          <!--          <template #footer>Footer content</template>-->
+        </el-card>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+<script setup lang="ts">
+import {useRouter,useRoute} from "vue-router";
+import {ref,computed,onMounted} from "vue";
+const router = useRouter()
+const route = useRoute()
+// console.log(route.query.id,'id')
+//获取数据，如果失败返回上一级
+if(!Object.keys(route.query).length){
+  router.go(-1)
+}
+//返回按钮
+const back = ()=>{
+  router.go(-1)
+}
+//获取参数
+let item = sessionStorage.getItem('senMsg:Item')
+if(item) item =JSON.parse(item)
+
+const sendMessage = ref(item || {})
+// onMounted(() => {
+//   console.log('Received message:', sendMessage.value);
+//   // 尝试解析 receiveUsers
+//   if (sendMessage.value.receiveUsers && typeof sendMessage.value.receiveUsers[0] === 'string') {
+//     sendMessage.value.receiveUsers = sendMessage.value.receiveUsers.map(user => {
+//       try {
+//         return JSON.parse(user);
+//       } catch (error) {
+//         console.error('Error parsing user:', user, error);
+//         return null; // 或者返回默认值
+//       }
+//     });
+//   }
+// });
+
+// 提取收件人的姓名
+// const receiverNames = computed(() => {
+//   if (sendMessage.value && sendMessage.value.receiveUsers) {
+//     return sendMessage.value.receiveUsers.map(user => user?.receiverName).join(', ');
+//   }
+//   return '';
+// });
+</script>
+
+<style scoped>
+.header{
+  background: #7f98cb;
+  height: 50px;
+  font-size: 20px;
+  text-align: center;
+  padding: 15px;
+}
+.container {
+  padding: 10px; /* 容器内边距 */
+  margin-top: 10px; /* 容器上边距 */
+  height: 65vh;
+}
+.header_content {
+  margin-bottom: 10px; /* 与下面的收件人信息保持一定间距 */
+}
+
+.header_content span {
+  margin-right: 50px; /* 发件人和时间之间的间距 */
+}
+
+.header_content .read-status {
+  margin-right: 0; /* 已读状态右侧不需要间距 */
+}
+
+.recipient, .content {
+  font-size: 20px;
+  color: #333;
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/message/index.vue b/teaching_integration_platform_admin_template/src/views/message/index.vue
index 94dc64a..acaf206 100644
--- a/teaching_integration_platform_admin_template/src/views/message/index.vue
+++ b/teaching_integration_platform_admin_template/src/views/message/index.vue
@@ -1,9 +1,299 @@
 <template>
-  <div>消息</div>
+  <el-card>
+    <template #header>
+      <div class="card-header">
+        <el-button type="primary" @click="editContent" round>写栈内信函</el-button>
+        <el-button type="primary" @click="sendContent" round>个人发出</el-button>
+      </div>
+    </template>
+    <div class="container">
+      <div class="checkboxHeader">
+        <input type="checkbox" class="custom-checkbox" @change="toggleAll" :checked="allSelected" />
+        <p class="selected-count">已选 {{ selectedCount }} 条记录</p>
+      </div>
+      <li v-for="item in Message"
+          :key="item.title"
+          class="message-list-item"
+      >
+          <!--添加悬浮删除按钮-->
+        <div class="message-list" @mouseover="hoveringOver = item.id" @mouseleave="hoveringOver = null">
+          <!-- 添加勾选框 -->
+          <div class="messageCheck">
+            <input type="checkbox" class="custom-checkbox" :value="item.id"  @change="toggleSelection(item.id)" :checked="isSelected(item.id)"/>
+          </div>
+          <!-- 图标 -->
+          <div class="message-icon">
+            <el-icon><Comment /></el-icon>
+            <!-- 添加红色提示符 -->
+            <span v-if="!item.isRead" class="message-unread-indicator"></span>
+          </div>
+          <div class="message-content" @click="handleClick(item)">
+            <h2 class="message-title">{{item.title}}</h2>
+            <div class="message-details">
+              <span class="sender">发件人：{{item.senderName}}</span>
+              <span class="read-status" style="margin-right: 40px">是否已读：{{ item.isRead ? '已读' : '未读' }}</span>
+              <span class="read-status">已读人数：{{item.readUserNum}} / {{item.userNum}}</span>
+            </div>
+            <div class="message-time">发送时间：{{item.sendTime}}</div>
+          </div>
+          <!-- 删除按钮，默认不显示，hover时显示 -->
+          <div v-if="!item.isRead" style="margin-right: 10px">
+            <el-button v-if="hoveringOver === item.id"  @click="readMessage(item.id)" type="warning" round>点击已读</el-button>
+          </div>
+          <el-button v-if="hoveringOver === item.id"  @click="deleteMessage(item.id)" type="danger" round>删除</el-button>
+        </div>
+        <el-divider/>
+      </li>
+    </div>
+    <template #footer>
+      <el-pagination
+          v-model:current-page="params.pageNo"
+          v-model:page-size="params.pageSize"
+          :page-sizes="[ 5, 7, 10]"
+          :background="true"
+          layout="jumper,total, sizes, prev, pager, next "
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          style="margin-top: 10px; justify-content: center"
+      />
+    </template>
+  </el-card>
 </template>
+<script setup lang="ts">
+import { ref,computed,onMounted} from 'vue';
+import { useRouter } from 'vue-router';
+import useUserStore from "@/store/modules/user";
+import {getMessagesListApi,deleteSendMessageApi,readMessagesBatch} from "@/api/user/messag";
+import { ElMessageBox, ElMessage } from 'element-plus'
+const userStore = useUserStore()
+const params = ref({
+  userId: userStore.data.id,
+  // userId: 4,
+  isAsc:true,
+  isDelete:0,
+  isRead:'',
+  isSend:1,
+  // messageId:false,
+  pageNo:1,
+  pageSize:5,
+  sortBy:false,//排序字段
+})
+const total = ref(0)
+const Message = ref([])
+const loading = ref(false)
+const hoveringOver = ref(null)
+//复选框
+const selectedIds = ref([]); // 存储已选中的消息ID
+const allSelected = computed(() => {
+  // 如果所有消息都被选中，则返回true
+  return Message.value.length > 0 && Message.value.every(item => selectedIds.value.includes(item.id));
+});
+
+const selectedCount = computed(() => {
+  // 返回已选中的消息数量
+  return selectedIds.value.length;
+});
+
+function toggleAll(event) {
+  // 切换所有消息的选中状态
+  const target = event.target;
+  if (target.checked) {
+    // 如果全选框被选中，则将所有消息的ID添加到selectedIds中
+    selectedIds.value = Message.value.map(item => item.id);
+  } else {
+    // 如果全选框未被选中，则清空selectedIds
+    selectedIds.value = [];
+  }
+}
+
+function toggleSelection(id: number) {
+  // 切换单个消息的选中状态
+  const index = selectedIds.value.indexOf(id);
+  if (index > -1) {
+    selectedIds.value.splice(index, 1);
+  } else {
+    selectedIds.value.push(id);
+  }
+}
+
+function isSelected(id) {
+  return selectedIds.value.includes(id);
+}
+
+// 获取课程列表
+const getMessageList = async () => {
+  loading.value = true
+  const res = await getMessagesListApi(params.value)
+  Message.value = res.data.list
+  total.value = res.data.total
+  loading.value = false
+}
+// 渲染
+onMounted(() => {
+  getMessageList()
+})
+//删除当前记录
+const deleteMessage = async (id: any) => {
+  await ElMessageBox.confirm('您确定删除这条课程信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await deleteSendMessageApi({
+    messageIds:id,
+    userId:userStore.data.id
+  })
+      .then(() => {
+        console.log(id, '删除id')
+        getMessageList() // 删除成功后重新获取列表数据以更新页面
+        ElMessage.success('删除成功')
+        // console.log(res)
+      })
+      .catch((err: any) => {
+        console.log(id, 'id')
+        ElMessage.error(err.response.data.message)
+      })
+
+  await getMessageList()
+}
+//一键已读
+const readMessage = async (id:any) =>{
+  console.log(id,userStore.data.id,'dddddd')
+  await readMessagesBatch({
+    messageIds:id,
+    userId:userStore.data.id
+  })
+  await getMessageList()
+}
+// 分页
+const handleSizeChange = (size: any) => {
+  // loading.value = true
+  // console.log(size)
+  params.value.pageNo = 1
+  params.value.pageSize = size
+  // 基于每页条数重新渲染
+  getMessageList()
+}
+const handleCurrentChange = (page: any) => {
+  console.log(page)
+  params.value.pageNo = page
+  // 基于当前页渲染数据
+  getMessageList()
+}
+const router = useRouter()
+//写站内信函跳转
+const editContent =()=>{
+  router.push('/messageContent')
+}
+//个人发出跳转
+const sendContent = ()=>{
+  router.push('/messageManagement/sendMessage')
+}
+
+// 消息事件点击
+const handleClick = (item)=> {
+  //查看消息切换已读状态
+  if(!item.isRead){
+    readMessage(item.id)
+  }
+  //带查询参数
+  router.push({ path: '/messageContentList', query: item })
+}
 
-<script lang="ts" setup>
-import {} from 'vue'
 </script>
+<style scoped>
+.container{
+  /*background: darkgray;*/
+  margin: auto;
+  width: 95%;
+  padding: 15px;
+}
+.checkboxHeader {
+  /*background: lightgrey;*/
+  width: 100%;
+  padding: 10px;
+  height: 50px;
+  display: flex; /* 使用Flex布局使子元素在同一行显示 */
+  align-items: center; /* 垂直居中对齐子元素 */
+  gap: 10px; /* 设置子元素之间的间距 */
+}
+
+.custom-checkbox {
+  transform: scale(1.5); /* 将勾选框放大1.5倍 */
+}
+
+.selected-count {
+
+}
+.messageCheck{
+  margin-right: 20px;
+}
+.message-list {
+  display: flex;
+  align-items: center; /* 垂直居中 */
+  height: 80px;
+  /*background-color: #f2f2f2;*/
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+
+.message-icon {
+  margin-right: 30px; /* 图标右侧间距 */
+  font-size: 34px; /* 图标大小 */
+  position: relative;
+}
+li{
+  list-style: none;
+}
+.message-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center; /* 标题和详情内容垂直居中 */
+  flex: 1; /* 填充剩余空间 */
+  position: relative;
+}
+/*未读消息加小红点*/
+.message-unread-indicator {
+  position: absolute;
+  top: -4px; /* 调整位置 */
+  right: -4px; /* 调整位置 */
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: red;
+  z-index: 1; /* 确保它在其他元素之上 */
+}
+.message-title {
+  line-height: 30px;
+  font-size: 20px;
+}
+
+.message-details {
+  display: flex;
+  align-items: center; /* 细节内容水平居中 */
+  margin-top: 10px; /* 与标题的间距 */
+}
+
+.sender {
+  margin-right: 88px; /* 发件人和已读状态的间距 */
+}
+
+.read-status {
+  color: #888; /* 已读状态的颜色 */
+}
+
+.message-time {
+  margin-left: auto; /* 发送时间靠右显示 */
+  font-size: 15px; /* 发送时间字体大小 */
+  color: #666; /* 发送时间颜色 */
+}
+
+.message-list-item {
+  cursor: pointer; /* 鼠标悬停时显示手指形状，表示可点击 */
+}
 
-<style lang="scss" scoped></style>
+.message-list-item:hover{
+  background-image: linear-gradient(60deg,powderblue,darkgrey,snow);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/myFavorites/index.vue b/teaching_integration_platform_admin_template/src/views/myFavorites/index.vue
new file mode 100644
index 0000000..031ea8d
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/myFavorites/index.vue
@@ -0,0 +1,14 @@
+<template>
+    <div>
+        我的收藏
+    </div>
+</template>
+
+<script lang='ts' setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/myLike/index.vue b/teaching_integration_platform_admin_template/src/views/myLike/index.vue
new file mode 100644
index 0000000..f886ea7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/myLike/index.vue
@@ -0,0 +1,14 @@
+<template>
+    <div>
+        我的点赞
+    </div>
+</template>
+
+<script lang='ts' setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/myMessage/index.vue b/teaching_integration_platform_admin_template/src/views/myMessage/index.vue
new file mode 100644
index 0000000..42ff3a4
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/myMessage/index.vue
@@ -0,0 +1,296 @@
+<template>
+  <el-card>
+    <template #header>
+      <div class="card-header">
+        <el-button type="primary" @click="editContent" round>写栈内信函</el-button>
+        <el-button type="primary" @click="sendContent" round>个人发出</el-button>
+      </div>
+    </template>
+    <div class="container">
+      <div class="checkboxHeader">
+        <input type="checkbox" class="custom-checkbox" @change="toggleAll" :checked="allSelected" />
+        <p class="selected-count">已选 {{ selectedCount }} 条记录</p>
+      </div>
+      <li v-for="item in Message"
+          :key="item.title"
+          class="message-list-item"
+      >
+        <!--添加悬浮删除按钮-->
+        <div class="message-list" @mouseover="hoveringOver = item.id" @mouseleave="hoveringOver = null">
+          <!-- 添加勾选框 -->
+          <div class="messageCheck">
+            <input type="checkbox" class="custom-checkbox" :value="item.id"  @change="toggleSelection(item.id)" :checked="isSelected(item.id)"/>
+          </div>
+          <!-- 图标 -->
+          <div class="message-icon">
+            <el-icon><Comment /></el-icon>
+            <!-- 添加红色提示符 -->
+            <span v-if="!item.isRead" class="message-unread-indicator"></span>
+          </div>
+          <div class="message-content" @click="handleClick(item)">
+            <h2 class="message-title">{{item.title}}</h2>
+            <div class="message-details">
+              <span class="sender">发件人：{{item.senderName}}</span>
+              <span class="read-status" style="margin-right: 40px">是否已读：{{ item.isRead ? '已读' : '未读' }}</span>
+              <span class="read-status">已读人数：{{item.readUserNum}} / {{item.userNum}}</span>
+            </div>
+            <div class="message-time">发送时间：{{item.sendTime}}</div>
+          </div>
+          <!-- 删除按钮，默认不显示，hover时显示 -->
+          <div v-if="!item.isRead" style="margin-right: 10px">
+            <el-button v-if="hoveringOver === item.id"  @click="readMessage(item.id)" type="warning" round>点击已读</el-button>
+          </div>
+          <el-button v-if="hoveringOver === item.id"  @click="deleteMessage(item.id)" type="danger" round>删除</el-button>
+        </div>
+        <el-divider/>
+      </li>
+    </div>
+    <template #footer>
+      <el-pagination
+          v-model:current-page="params.pageNo"
+          v-model:page-size="params.pageSize"
+          :page-sizes="[ 5, 7, 10]"
+          :background="true"
+          layout="jumper,total, sizes, prev, pager, next "
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          style="margin-top: 10px; justify-content: center"
+      />
+    </template>
+  </el-card>
+</template>
+<script setup lang="ts">
+import { ref,computed,onMounted} from 'vue';
+import { useRouter } from 'vue-router';
+import useUserStore from "@/store/modules/user";
+import {getMessagesListApi,deleteSendMessageApi,readMessagesBatch} from "@/api/user/messag";
+import { ElMessageBox, ElMessage } from 'element-plus'
+const userStore = useUserStore()
+const params = ref({
+  userId: userStore.data.id,
+  // userId: 4,
+  isAsc:true,
+  isDelete:0,
+  isRead:'',
+  isSend:1,
+  // messageId:false,
+  pageNo:1,
+  pageSize:5,
+  sortBy:false,//排序字段
+})
+const total = ref(0)
+const Message = ref([])
+const loading = ref(false)
+const hoveringOver = ref(null)
+//复选框
+const selectedIds = ref([]); // 存储已选中的消息ID
+const allSelected = computed(() => {
+  // 如果所有消息都被选中，则返回true
+  return Message.value.length > 0 && Message.value.every(item => selectedIds.value.includes(item.id));
+});
+
+const selectedCount = computed(() => {
+  // 返回已选中的消息数量
+  return selectedIds.value.length;
+});
+
+function toggleAll(event) {
+  // 切换所有消息的选中状态
+  const target = event.target;
+  if (target.checked) {
+    // 如果全选框被选中，则将所有消息的ID添加到selectedIds中
+    selectedIds.value = Message.value.map(item => item.id);
+  } else {
+    // 如果全选框未被选中，则清空selectedIds
+    selectedIds.value = [];
+  }
+}
+
+function toggleSelection(id: number) {
+  // 切换单个消息的选中状态
+  const index = selectedIds.value.indexOf(id);
+  if (index > -1) {
+    selectedIds.value.splice(index, 1);
+  } else {
+    selectedIds.value.push(id);
+  }
+}
+
+function isSelected(id) {
+  return selectedIds.value.includes(id);
+}
+
+// 获取课程列表
+const getMessageList = async () => {
+  loading.value = true
+  const res = await getMessagesListApi(params.value)
+  Message.value = res.data.list
+  total.value = res.data.total
+  loading.value = false
+}
+// 渲染
+onMounted(() => {
+  getMessageList()
+})
+//删除当前记录
+const deleteMessage = async (id: any) => {
+  await ElMessageBox.confirm('您确定删除这条课程信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await deleteSendMessageApi({
+    messageIds:id,
+    userId:userStore.data.id
+  })
+      .then(() => {
+        console.log(id, '删除id')
+        getMessageList() // 删除成功后重新获取列表数据以更新页面
+        ElMessage.success('删除成功')
+        // console.log(res)
+      })
+      .catch((err: any) => {
+        console.log(id, 'id')
+        ElMessage.error(err.response.data.message)
+      })
+
+  await getMessageList()
+}
+//一键已读
+const readMessage = async (id:any) =>{
+  console.log(id,userStore.data.id,'dddddd')
+  await readMessagesBatch({
+    messageIds:id,
+    userId:userStore.data.id
+  })
+  await getMessageList()
+}
+// 分页
+const handleSizeChange = (size: any) => {
+  // loading.value = true
+  // console.log(size)
+  params.value.pageNo = 1
+  params.value.pageSize = size
+  // 基于每页条数重新渲染
+  getMessageList()
+}
+const handleCurrentChange = (page: any) => {
+  console.log(page)
+  params.value.pageNo = page
+  // 基于当前页渲染数据
+  getMessageList()
+}
+const router = useRouter()
+//写站内信函跳转
+const editContent =()=>{
+  router.push('/messageContent')
+}
+//个人发出跳转
+const sendContent = ()=>{
+  router.push('/messageManagement/sendMessage')
+}
+
+// 消息事件点击
+const handleClick = (item)=> {
+  // console.log(item)
+  //带查询参数
+  router.push({ path: '/messageContentList', query: item })
+}
+
+</script>
+<style scoped>
+.container{
+  /*background: darkgray;*/
+  margin: auto;
+  width: 95%;
+  padding: 15px;
+}
+.checkboxHeader {
+  /*background: lightgrey;*/
+  width: 100%;
+  padding: 10px;
+  height: 50px;
+  display: flex; /* 使用Flex布局使子元素在同一行显示 */
+  align-items: center; /* 垂直居中对齐子元素 */
+  gap: 10px; /* 设置子元素之间的间距 */
+}
+
+.custom-checkbox {
+  transform: scale(1.5); /* 将勾选框放大1.5倍 */
+}
+
+.selected-count {
+
+}
+.messageCheck{
+  margin-right: 20px;
+}
+.message-list {
+  display: flex;
+  align-items: center; /* 垂直居中 */
+  height: 80px;
+  /*background-color: #f2f2f2;*/
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+
+.message-icon {
+  margin-right: 30px; /* 图标右侧间距 */
+  font-size: 34px; /* 图标大小 */
+  position: relative;
+}
+li{
+  list-style: none;
+}
+.message-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center; /* 标题和详情内容垂直居中 */
+  flex: 1; /* 填充剩余空间 */
+  position: relative;
+}
+/*未读消息加小红点*/
+.message-unread-indicator {
+  position: absolute;
+  top: -4px; /* 调整位置 */
+  right: -4px; /* 调整位置 */
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: red;
+  z-index: 1; /* 确保它在其他元素之上 */
+}
+.message-title {
+  line-height: 30px;
+  font-size: 20px;
+}
+
+.message-details {
+  display: flex;
+  align-items: center; /* 细节内容水平居中 */
+  margin-top: 10px; /* 与标题的间距 */
+}
+
+.sender {
+  margin-right: 88px; /* 发件人和已读状态的间距 */
+}
+
+.read-status {
+  color: #888; /* 已读状态的颜色 */
+}
+
+.message-time {
+  margin-left: auto; /* 发送时间靠右显示 */
+  font-size: 15px; /* 发送时间字体大小 */
+  color: #666; /* 发送时间颜色 */
+}
+
+.message-list-item {
+  cursor: pointer; /* 鼠标悬停时显示手指形状，表示可点击 */
+}
+
+.message-list-item:hover{
+  background-image: linear-gradient(60deg,powderblue,darkgrey,snow);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/news/components/newsContentManage.vue b/teaching_integration_platform_admin_template/src/views/news/components/newsContentManage.vue
new file mode 100644
index 0000000..6e3c29e
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/news/components/newsContentManage.vue
@@ -0,0 +1,543 @@
+<template>
+  <div class="header_title">
+    <span>新闻管理</span>
+  </div>
+  <div class="common-layout">
+    <el-container>
+      <el-aside>
+
+        <div class="header-flex-container">
+          <div>
+            <el-button class="button-container_column" @click="editHandle" type="primary" plain round>栏目管理</el-button>
+          </div>
+          <ul class="header-list">
+            <li v-for="item in column">
+              <el-dropdown placement="right">
+                <div class="header-column" type="primary">
+                  <span @mouseenter="EssayList(item.id)">{{ item.categoryName }}</span> <!-- 使用span代替p -->
+                </div>
+                <!--当前栏目新闻管理-->
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item>
+                      <ul>
+                        <li class="flex-container" @click="newViews(listObject)" v-for="listObject in essay" style="margin-bottom: 15px">
+                          <el-tag type="info" size="large" style="height: 30px;font-size: 15px">
+                            <p >{{listObject.title}}</p>
+                          </el-tag>
+                          <div class="button-container">
+                            <el-button type="danger" @click.stop="deleteNewsList(listObject.id)" round plain>删除</el-button>
+                            <el-button type="primary" @click.stop="editNewsDialogFormVisible = true; newViews(listObject)" round plain>编辑</el-button>
+                          </div>
+                        </li>
+                      </ul>
+                    </el-dropdown-item>
+                    <div class="add-news-button">
+                      <el-button @click="addNewsButton(item)" type="success" style="margin-bottom: 10px" plain round>添加当前栏目新闻</el-button>
+                    </div>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </li>
+          </ul>
+        </div>
+      </el-aside>
+      <!--  新闻内容-->
+      <el-main>
+        <el-card class="container">
+          <template #header>
+            <div class="card-header">
+              <span>栏目添加新闻信息</span>
+            </div>
+          </template>
+          <!--  栏目内添加新闻-->
+          <el-form v-model="newsForm">
+            <el-form-item label="所属栏目id" label-width="140px">
+              <el-input v-model="newsForm.categoryId" autocomplete="off" readonly/>
+            </el-form-item>
+            <el-form-item label="所属栏目名称" label-width="140px">
+              <el-input v-model="newsForm.categoryName" autocomplete="off" readonly/>
+            </el-form-item>
+            <el-form-item label="文章内容" label-width="140px">
+              <textarea style="width: 100%;height:320px" v-model="newsForm.content"></textarea>
+              <!-- <el-input class="brief_text" type="textarea" /> -->
+            </el-form-item>
+            <!--      <el-form-item label="文章id" label-width="140px">-->
+            <!--        <el-input v-model="newsForm.id" autocomplete="off" />-->
+            <!--      </el-form-item>-->
+            <!--      <el-form-item label="标题图片" label-width="140px">-->
+            <!--        <el-input v-model="newsForm.pic" autocomplete="off" />-->
+            <!--      </el-form-item>-->
+            <!--      <el-form-item label="发布时间" label-width="140px">-->
+            <!--        <el-input v-model="newsForm.publishTime" autocomplete="off"  type="date"/>-->
+            <!--      </el-form-item>-->
+            <el-form-item label="浏览次数" label-width="140px">
+              <el-input v-model="newsForm.readingNumber" autocomplete="off" />
+            </el-form-item>
+            <el-form-item label="发布状态" label-width="140px">
+              <el-input v-model="newsForm.status" placeholder="1:已发布 2:未发布" autocomplete="off" />
+            </el-form-item>
+            <el-form-item label="文章标题" label-width="140px">
+              <el-input v-model="newsForm.title" autocomplete="off" />
+            </el-form-item>
+            <!--      <el-form-item label="更新时间" label-width="140px">-->
+            <!--        <el-input v-model="newsForm.updateTime" autocomplete="off"  type="date"/>-->
+            <!--      </el-form-item>-->
+            <el-form-item label="发布文章的用户id" label-width="140px">
+              <el-input v-model="newsForm.userId" autocomplete="off" readonly disabled/>
+            </el-form-item>
+          </el-form>
+          <template #footer>
+            <div class="dialog-footer">
+              <el-button @click="aboutContent" type="success" style="margin-right: 30px;font-size: 15px" plain>关于我们</el-button>
+              <el-button type="primary" @click="addNewsContentConfirm">
+                提交
+              </el-button>
+            </div>
+          </template>
+        </el-card>
+      </el-main>
+    </el-container>
+  </div>
+  <!--  栏目编辑弹框-->
+  <el-drawer v-model="drawer" title="栏目编辑" :with-header="false">
+    <span>栏目编辑</span><br/>
+    <el-button type="success" round style="margin: 30px" @click="addFormVisible = true">添加新闻栏目</el-button>
+    <div>
+      <el-table :data="column" style="width: 100%">
+        <el-table-column prop="categoryName" label="名称" width="200" />
+        <el-table-column width="200" >
+          <template #header>
+            操作
+          </template>
+          <template #default="{row}">
+            <!-- 删除按钮 -->
+            <el-button size="default" type="danger" @click="deleteHandle(row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </el-drawer>
+  <!--  栏目添加对话框-->
+  <el-dialog v-model="addFormVisible" title="栏目添加" width="500">
+    <el-form :model="form">
+      <el-form-item label="栏目名称" label-width="140px">
+        <el-input v-model="form.categoryName" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="栏目父id" label-width="140px">
+        <el-input v-model="form.categoryPid" autocomplete="off" readonly/>
+      </el-form-item>
+      <!--      <el-form-item label="创建时间" label-width="140px">-->
+      <!--        <el-input v-model="form.createTime" autocomplete="off" type="date"/>-->
+      <!--      </el-form-item>-->
+      <el-form-item label="创建该栏目的用户id" label-width="140px">
+        <el-input v-model="form.creatorId" autocomplete="off" readonly disabled/>
+      </el-form-item>
+      <!--      <el-form-item label="栏目id" label-width="140px">-->
+      <!--        <el-input v-model="form.id" autocomplete="off" />-->
+      <!--      </el-form-item>-->
+      <el-form-item label="排序" label-width="140px">
+        <el-input v-model="form.sort" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="是否显示" label-width="140px">
+        <el-input v-model="form.status" autocomplete="off" />
+      </el-form-item>
+      <!--      <el-form-item label="更新时间" label-width="140px">-->
+      <!--        <el-input v-model="form.updateTime" autocomplete="off" type="date"/>-->
+      <!--      </el-form-item>-->
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="addFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="addFormConfirm">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <!--  修改新闻-->
+  <el-drawer v-model="editNewsDialogFormVisible" title="修改新闻" width="500px">
+    <el-form v-model="nowTimeNewsData">
+      <el-form-item label="所属栏目id" label-width="140px">
+        <el-input v-model="nowTimeNewsData.categoryId" autocomplete="off" readonly disabled/>
+      </el-form-item>
+      <el-form-item label="文章内容" label-width="140px">
+        <textarea style="width: 100%;height: 300px" v-model="nowTimeNewsData.content"></textarea>
+        <!-- <el-input class="brief_text" type="textarea" /> -->
+      </el-form-item>
+      <!--      <el-form-item label="文章文件" label-width="140px">-->
+      <!--        <el-input v-model="nowTimeNewsData.file" autocomplete="off" />-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="文章id" label-width="140px">-->
+      <!--        <el-input v-model="nowTimeNewsData.id" autocomplete="off" />-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="标题图片" label-width="140px">-->
+      <!--        <el-input v-model="nowTimeNewsData.pic" autocomplete="off" />-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="发布时间" label-width="140px">-->
+      <!--        <el-input v-model="nowTimeNewsData.publishTime" autocomplete="off"  type="date"/>-->
+      <!--      </el-form-item>-->
+      <el-form-item label="浏览次数" label-width="140px">
+        <el-input v-model="nowTimeNewsData.readingNumber" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="发布状态" label-width="140px">
+        <el-input v-model="nowTimeNewsData.status" placeholder="1:已发布 2:未发布" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="文章标题" label-width="140px">
+        <el-input v-model="nowTimeNewsData.title" autocomplete="off" />
+      </el-form-item>
+      <!--      <el-form-item label="更新时间" label-width="140px">-->
+      <!--        <el-input v-model="nowTimeNewsData.updateTime" autocomplete="off"  type="date"/>-->
+      <!--      </el-form-item>-->
+      <el-form-item label="发布文章的用户id" label-width="140px">
+        <el-input v-model="nowTimeNewsData.userId" autocomplete="off" readonly disabled/>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="editNewsDialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="editNewsContentConfirm">
+          提交
+        </el-button>
+      </div>
+    </template>
+  </el-drawer>
+  <!--  关于我们文章-->
+  <el-drawer v-model="aboutContentDrawer" title="I am the title" :with-header="false">
+    <span>关于我们</span>
+    <el-divider/>
+    <el-form-item label="发布时间" label-width="100px">
+      <el-input v-model="aboutEssay.updateTime" autocomplete="off" readonly  disabled/>
+    </el-form-item>
+    <el-form-item label="文章内容" label-width="100px">
+      <textarea v-model="aboutEssay.content" style="width: 100%;height: 75vh"></textarea>
+      <!-- <el-input class="brief_text" type="textarea" /> -->
+    </el-form-item>
+    <el-button @click="editConfirm" style="margin-left:45vh" type="primary" round>提交修改</el-button>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import {
+  queryCategory,
+  deleteCategory,
+  addCategory,
+  addEssay,
+  editStatus,
+  queryEssay,
+  deleteEssay,
+  editEssay,
+  queryEssayById
+} from "@/api/user/news.js"
+import {ref,onMounted} from 'vue';
+import {ElButton,ElDrawer, ElMessageBox, ElMessage} from 'element-plus'
+import useUserStore from "@/store/modules/user";
+import {useRouter,useRoute} from "vue-router";
+const router = useRouter();
+const route = useRoute();
+const userStore = useUserStore()
+const drawer = ref(false)
+const nowColumnId = ref()
+const nowCategoryName = ref('')
+const addFormVisible = ref(false)
+const aboutContentDrawer = ref(false)
+//存取栏目信息
+const column  =ref([])
+//存取文章列表信息
+const essay = ref([])
+const editNewsDialogFormVisible = ref(false)
+//添加当前新闻栏目按钮
+const addNewsButton = (item)=>{
+  nowColumnId.value = item.id
+  nowCategoryName.value = item.categoryName
+}
+const nowTimeNewsData = ref({})
+
+//新闻详细信息获取
+const newViews = (listObject)=> {
+  nowTimeNewsData.value = { ...listObject }
+  // console.log(nowTimeNewsData,'当前新闻数据')
+}
+//栏目
+const form = ref({
+  categoryName:'',
+  categoryPid:0,
+  createTime:'',
+  creatorId:userStore.data.id,
+  id:'',
+  sort:'',
+  status:'',
+  updateTime:''
+})
+
+//获取栏目信息
+const CategoryList = async () => {
+  const res = await queryCategory()
+  column.value = res.data
+}
+// 渲染
+onMounted(() => {
+  CategoryList()
+})
+//栏目编辑按钮
+const editHandle =() =>{
+  drawer.value = true
+}
+//栏目添加
+const addFormConfirm = async ()=>{
+  addFormVisible.value = false
+  await addCategory({
+    categoryName:form.value.categoryName,
+    categoryPid:form.value.categoryPid,
+    createTime:form.value.createTime,
+    creatorId:form.value.creatorId,
+    id:form.value.id,
+    sort:form.value.sort,
+    status:form.value.status,
+    updateTime:form.value.updateTime,
+  }).then(()=>{
+    CategoryList()
+    ElMessage({
+      message:'添加成功',
+      type:'success'
+    })
+  })
+}
+//栏目删除
+const deleteHandle = async (id)=>{
+  await ElMessageBox.confirm('您确定删除这条栏目信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await deleteCategory(id).then(() => {
+    CategoryList() // 删除成功后重新获取列表数据以更新页面
+    ElMessage({
+      message: '删除成功',
+      type: 'success',
+    })
+  })
+  await CategoryList()
+}
+//新闻文章查询
+const EssayList = async (id)=>{
+  const response = await queryEssay(id)
+  // console.log(response.data,'response')
+  essay.value = response.data
+  if (essay.value.length > 0) {
+    newViews(essay.value[0]); // 显示第一条新闻
+  }
+  // console.log(essay.value,'查询新闻')
+}
+//新闻删除
+const deleteNewsList = async (id)=>{
+// console.log(id)
+  await deleteEssay(id).then(() => {
+    EssayList(id) // 删除成功后重新获取列表数据以更新页面
+    ElMessage({
+      message: '删除成功',
+      type: 'success',
+    })
+  })
+}
+//修改后新闻提交
+const editNewsContentConfirm = async ()=>{
+  editNewsDialogFormVisible.value = false
+  await editEssay({
+    categoryId:nowTimeNewsData.value.categoryId,
+    content:nowTimeNewsData.value.content,
+    file:nowTimeNewsData.value.file,
+    id:nowTimeNewsData.value.id,
+    pic:nowTimeNewsData.value.pic,
+    publishTime:nowTimeNewsData.value.publishTime,
+    readingNumber:nowTimeNewsData.value.readingNumber,
+    status:nowTimeNewsData.value.status,
+    title:nowTimeNewsData.value.title,
+    updateTime:nowTimeNewsData.value.updateTime,
+    userId:nowTimeNewsData.value.userId
+  }).then(()=>{
+    ElMessage({
+      message:'添加成功',
+      type:'success'
+    });
+  })
+}
+//新闻
+const newsForm = ref({
+  categoryId:nowColumnId,
+  categoryName:nowCategoryName,
+  content:'',
+  // file:'',
+  // id:'',
+  // pic:'',
+  publishTime:'',
+  readingNumber:'',
+  status:'',
+  title:'',
+  updateTime:'',
+  userId:userStore.data.id,
+})
+//新闻文章添加
+const addNewsContentConfirm = async (id)=>{
+  await addEssay({
+    categoryId:newsForm.value.categoryId,
+    content:newsForm.value.content,
+    // file:newsForm.value.file,
+    // id:newsForm.value.id,
+    // pic:newsForm.value.pic,
+    publishTime:newsForm.value.publishTime,
+    readingNumber:newsForm.value.readingNumber,
+    status:newsForm.value.status,
+    title:newsForm.value.title,
+    updateTime:newsForm.value.updateTime,
+    userId:newsForm.value.userId
+  }).then(()=>{
+    ElMessage({
+      message:'添加成功',
+      type:'success'
+    });
+  })
+}
+//关于我们文章
+const aboutEssay = ref('')
+const aboutContent = async (essay_id)=>{
+  aboutContentDrawer.value = true
+  const responseEssay = await queryEssayById('1')
+  aboutEssay.value = responseEssay.data
+  console.log(aboutEssay.value,'关于我们文章')
+}
+//关于我们修改提交
+const editConfirm =async ()=>{
+  await editEssay({
+    id:aboutEssay.value.id,
+    content:aboutEssay.value.content
+  }).then(()=>{
+    ElMessage({
+      message:'添加成功',
+      type:'success'
+    });
+  })
+}
+</script>
+
+<style scoped>
+.header_title{
+  font-size: 30px;
+  text-align: center;
+  padding: 20px;
+  margin: auto;
+  background:white;
+}
+.el-aside {
+  height: 100vh; /* 设置高度为视窗高度 */
+  overflow-y: auto; /* 当内容超出时显示滚动条 */
+}
+.header-flex-container {
+  display: flex;
+  /*align-items: center; !* 垂直居中 *!*/
+  padding: 20px;
+  gap: 10px;
+  background: white;
+  margin-top: 20px;
+  height: 810px;
+  overflow-y: auto;
+}
+.header-flex-container::-webkit-scrollbar {
+  width: 0px; /* 滚动条宽度 */
+}
+.header-list {
+  flex-wrap: wrap; /* 如果需要换行 */
+  margin-left: 40px; /* 移除默认外边距 */
+  padding: 0; /* 移除默认内边距 */
+}
+.header-list span{
+  font-size: 17px;
+  color: whitesmoke;
+}
+.header-list li {
+  list-style: none;
+  margin-right: 10px;
+}
+.header-column{
+  height:30px;
+  margin-top: 20px;
+  margin-right: 80px;
+  padding: 5px;
+  margin-bottom: 20px;
+  cursor: pointer; /* 鼠标悬停时显示手指形状，表示可点击 */
+}
+.header-column span{
+  color: #222222;
+}
+.add-news-button {
+  margin-top: auto; /* 将按钮推到底部 */
+  text-align: center; /* 居中按钮 */
+  width: 100%;
+}
+.contentTitle{
+  color: firebrick;
+  font-size: 30px;
+  text-align: center;
+  display: block;
+  width: 100%; /* 或者设置一个具体的宽度 */
+}
+.flex-container {
+  display: flex;
+  justify-content: space-between; /* 将内容平均分布，按钮自动靠右 */
+  align-items: center;
+  flex-direction: row;
+}
+/* 添加新的类来控制按钮的位置 */
+.button-container {
+  display: flex;
+  justify-content: flex-end; /* 按钮靠右 */
+  align-items: center; /* 垂直居中 */
+}
+.button-container_column{
+  position:absolute;
+  margin-left: 180px;
+}
+.news-flex-container {
+  display: flex; /* 使用 Flexbox 布局 */
+  justify-content: space-between; /* 平均分配空间 */
+  align-items: center; /* 垂直居中对齐 */
+}
+.news-flex-container p {
+  flex: 1; /* 平均分配剩余空间 */
+  text-align: center; /* 文本居中显示 */
+}
+.flex-container p {
+  flex-grow: 1; /* 扩展剩余空间 */
+  margin-right: 10px; /* 添加一些右侧间距以避免按钮与文本直接接触 */
+}
+.flex-container .el-button {
+  margin-left: 20px; /* 将按钮推到最右侧 */
+}
+.flex-container p:last-child {
+  margin-right: 0;
+}
+.scrollbarContent{
+  height:60vh;
+  border: 1px;
+  background: white;
+  border-radius: 1%;
+  font-size: 20px;
+  padding: 10px;
+  overflow-y: auto;
+  line-height: 2.0;
+}
+.card-header {
+  display: flex; /* 使用 Flexbox */
+  justify-content: space-between; /* 主轴上平均分配剩余空间 */
+  align-items: center; /* 交叉轴上居中对齐 */
+}
+.card-header span {
+  flex: 1; /* 使 span 占用可用空间，实现居中效果 */
+  text-align: center; /* 文本居中 */
+  font-size: 20px;
+}
+.dialog-footer{
+  display: flex;
+  justify-content: space-between;
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/news/index.vue b/teaching_integration_platform_admin_template/src/views/news/index.vue
new file mode 100644
index 0000000..1666c0d
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/news/index.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="header_title">
+    <span>资讯新闻</span>
+  </div>
+  <div class="common-layout">
+    <el-container>
+      <el-aside>
+        <div class="header-flex-container">
+        <ul class="header-list">
+          <li v-for="item in column">
+            <el-dropdown placement="right">
+              <div class="header-column" type="primary">
+                <span @mouseenter="EssayList(item.id)">{{ item.categoryName }}</span>
+              </div>
+              <template #dropdown>
+                <el-dropdown-menu>
+                    <ul>
+                      <li class="flex-container" @click="newViews(listObject)" v-for="listObject in essay" style="margin-bottom: 15px">
+                        <el-dropdown-item>
+                        <el-tag type="info" size="large" style="height: 30px;font-size: 15px">
+                          <p >{{listObject.title}}</p>
+                        </el-tag>
+                        </el-dropdown-item>
+                      </li>
+                    </ul>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </li>
+        </ul>
+      </div>
+      </el-aside>
+      <!--  新闻内容-->
+      <el-main>
+          <div class="card-header">
+            <el-card shadow="hover">
+              <div style="height:33px">
+                <span class="contentTitle">{{nowTimeNewsData.title}}</span>
+              </div>
+            </el-card>
+            <el-card shadow="hover">
+              <div class="news-flex-container">
+                <p>发布人：{{ nowTimeNewsData.userId }}</p>
+                <p>阅读数量：{{ nowTimeNewsData.readingNumber }}</p>
+                <p>发布日期：{{ nowTimeNewsData.publishTime }}</p>
+                <p>更新时间：{{nowTimeNewsData.updateTime}}</p>
+              </div>
+            </el-card>
+          </div>
+          <div style="text-align: center">
+            <el-scrollbar class="scrollbarContent">
+<!--              <span>{{ nowTimeNewsData.content }}</span>-->
+              <textarea v-model="nowTimeNewsData.content" style="width: 100%;height: 65vh;border: none;"></textarea>
+            </el-scrollbar>
+        </div>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  queryCategory,
+  queryEssay,
+} from "@/api/user/news.js"
+import {ref,onMounted} from 'vue';
+import {ElMessage} from 'element-plus'
+import useUserStore from "@/store/modules/user";
+import {useRouter} from "vue-router";
+const router = useRouter();
+const userStore = useUserStore()
+const column  =ref([])
+//获取栏目信息
+const CategoryList = async () => {
+  const res = await queryCategory()
+  column.value = res.data
+  console.log('栏目数组长度：',column.value.length)
+  // 初始化时加载第一个栏目的第一条新闻
+  if (column.value.length > 0) {
+    await EssayList(column.value[0].id);
+  } else {
+   await ElMessage.warning('没有找到任何栏目！');
+  }
+}
+// 渲染
+onMounted(() => {
+  CategoryList()
+})
+const essay = ref([])
+const nowTimeNewsData = ref({})
+
+//新闻文章查询
+const EssayList = async (id)=>{
+  const response = await queryEssay(id)
+  essay.value = response.data
+  if (essay.value.length > 0) {
+    newViews(essay.value[0]); // 显示第一条新闻
+  }
+}
+//新闻详细信息获取
+const newViews = (listObject)=> {
+  nowTimeNewsData.value = { ...listObject }
+}
+</script>
+<style scoped>
+.header_title{
+  font-size: 30px;
+  text-align: center;
+  padding: 20px;
+  margin: auto;
+  background-image: linear-gradient(60deg,honeydew,powderblue,honeydew);
+}
+/*侧边*/
+.header-flex-container {
+  display: flex;
+  /*align-items: center; !* 垂直居中 *!*/
+  padding: 20px;
+  gap: 10px;
+  background: white;
+  margin-top: 20px;
+  height: 810px;
+  overflow-y: auto;
+}
+.header-flex-container::-webkit-scrollbar {
+  width: 0px; /* 滚动条宽度 */
+}
+.header-list {
+  flex-wrap: wrap;
+  margin-left: 50px;
+  padding: 0;
+}
+.header-list span{
+  font-size: 17px;
+  color: whitesmoke;
+}
+.header-list li {
+  list-style: none;
+  margin-right: 10px;
+}
+.header-column{
+  height:30px;
+  margin-top: 20px;
+  margin-right: 80px;
+  padding: 5px;
+  margin-bottom: 20px;
+  cursor: pointer; /* 鼠标悬停时显示手指形状，表示可点击 */
+}
+.header-column span{
+  color: #222222;
+}
+/*内容*/
+.scrollbarContent{
+  height:680px;
+  border: 1px;
+  background: white;
+  border-radius: 1%;
+  font-size: 20px;
+  padding: 10px;
+  overflow-y: auto;
+  line-height: 2.0;
+}
+.contentTitle{
+  color: firebrick;
+  font-size: 30px;
+  text-align: center;
+  display: block;
+  width: 100%; /* 或者设置一个具体的宽度 */
+}
+.flex-container {
+  display: flex;
+  justify-content: space-between; /* 将内容平均分布，按钮自动靠右 */
+  align-items: center;
+  flex-direction: row;
+}
+.news-flex-container {
+  display: flex; /* 使用 Flexbox 布局 */
+  justify-content: space-between; /* 平均分配空间 */
+  align-items: center; /* 垂直居中对齐 */
+}
+.news-flex-container p {
+  flex: 1; /* 平均分配剩余空间 */
+  text-align: center; /* 文本居中显示 */
+}
+.flex-container p {
+  flex-grow: 1; /* 扩展剩余空间 */
+  margin-right: 10px; /* 添加一些右侧间距以避免按钮与文本直接接触 */
+}
+.flex-container .el-button {
+  margin-left: 20px; /* 将按钮推到最右侧 */
+}
+.flex-container p:last-child {
+  margin-right: 0;
+}
+
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/portal/LearningPathRecommendations.vue b/teaching_integration_platform_admin_template/src/views/portal/LearningPathRecommendations.vue
new file mode 100644
index 0000000..696d9de
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/LearningPathRecommendations.vue
@@ -0,0 +1,971 @@
+<template>
+  <!-- 头部 -->
+  <div class="header">
+      <div class="logo"></div>
+      <div class="nav">
+          <div class="nav1">
+              <ul>
+                  <li>企业入口&nbsp;&nbsp;|</li>
+                  <li>教师入口&nbsp;&nbsp;|</li>
+                  <li>学生入口&nbsp;&nbsp;|</li>
+                  <li>毕业生入口</li>
+              </ul>
+
+          </div>
+          <div class="nav2">
+              <ul>
+                  <li><a>学生首页</a></li>
+                  <li><a>专业概况</a></li>
+                  <li><a>教学改革</a></li>
+                  <li><a>科学研就</a></li>
+                  <li><a>人才培养</a></li>
+                  <li><a>成果展示</a></li>
+                  <li><a>产教结合</a></li>
+                  <li><a>日常教学</a></li>
+                  <li><a>优秀学生</a></li>
+              </ul>
+          </div>
+      </div>
+      <!-- <div class="inco"></div> -->
+      <h1>学习路径推荐</h1>
+      <!-- <p>(专业代码 ：080902H)</p> -->
+  </div>
+  <!-- 内容学习路径推荐d3 -->
+  <div class="content">
+      <div class="subnav">
+          <h1>xxx课程</h1>
+      </div>
+      <!-- <div class="tushi"> -->
+      <el-steps :active="3" align-center style="margin: auto;margin-top: 3%; width:60%;">
+          <el-step title="课程进度0%" description=""></el-step>
+          <el-step title="课程进度50%" description=""></el-step>
+          <el-step title="课程进度100%" description=""></el-step>
+      </el-steps>
+      <!-- </div> -->
+      <div class="tushi2">
+          <!-- <a href="/curriculumCenter/largeScreen">
+          </a> -->
+          <img @click="goToLargScreen" src="/src/assets/images/screen (1).png" width="100%" height="100%">
+
+      </div>
+
+
+      <!-- <div class="con1"></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>
+      <p style="font-size: 13px;margin-top: 70px">黄淮学院版权所有@2023 湘豫CP备 19005950号-1<br>
+          违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com</p>
+  </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: 635,
+          colorList: ['#91CC75', '#5470C6', '#FAC858', '#EE6666', '#73C0DE', '#EA7CCC', '#5577FF', '#5577FF', '#9DBFFF', '#78A7FF'],
+          // colorList: ['#E5A1D6', '#A893F5', '#D0A4FB', '#C3ACF6', '#FBBABB', '#8B81F7', '#A893F5', '#D0A4FB', '#C3ACF6', '#FBBABB'],
+          testGraph: {
+              "nodes": [
+                  { "id": "Myriel", "group": 8 },
+                  { "id": "Napoleon", "group": 2 },
+                  { "id": "Mlle.Baptistine", "group": 3 },
+                  { "id": "Mme.Magloire", "group": 1 },
+                  { "id": "CountessdeLo", "group": 5 },
+                  { "id": "Geborand", "group": 5 },
+                  { "id": "Champtercier", "group": 6 },
+                  { "id": "Cravatte", "group": 7 },
+                  { "id": "Count", "group": 8 },
+                  { "id": "OldMan", "group": 9 },
+                  { "id": "Labarre", "group": 5 },
+                  { "id": "Valjean", "group": 1 },
+                  { "id": "Marguerite", "group": 3 },
+                  { "id": "Mme.deR", "group": 2 },
+                  { "id": "Isabeau", "group": 5 },
+                  { "id": "Gervais", "group": 9 },
+                  { "id": "Tholomyes", "group": 8 },
+                  { "id": "Listolier", "group": 7 },
+                  { "id": "Fameuil", "group": 6 },
+                  { "id": "Blacheville", "group": 5 },
+                  { "id": "Favourite", "group": 4 },
+                  { "id": "Dahlia", "group": 3 },
+                  { "id": "Zephine", "group": 9 },
+                  { "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": 7 },
+                  { "source": "Mlle.Baptistine", "target": "Myriel", "value": 7 },
+                  { "source": "Mme.Magloire", "target": "Myriel", "value": 7 },
+                  { "source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 7 },
+                  { "source": "CountessdeLo", "target": "Myriel", "value": 7 },
+                  { "source": "Geborand", "target": "Myriel", "value": 7 },
+                  { "source": "Champtercier", "target": "Myriel", "value": 7 },
+                  { "source": "Cravatte", "target": "Myriel", "value": 7 },
+                  { "source": "Count", "target": "Myriel", "value": 7 },
+                  { "source": "OldMan", "target": "Myriel", "value": 7 },
+                  { "source": "Valjean", "target": "Labarre", "value": 7 },
+                  { "source": "Valjean", "target": "Mme.Magloire", "value": 7 },
+                  { "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 defs = svg.append("defs");//创建线性渐变
+
+          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("link", d3.forceLink(links).distance(-30))  // 设置节点间的距离
+              .force("collide", d3.forceCollide().radius(() => 60))
+              .force("charge", d3.forceManyBody().strength(30))
+              .force("center", d3.forceCenter(_this.width / 2, _this.height / 2));
+          // .scale(1.5);  // 设置初始缩放值
+
+
+          const svg = d3.select(".container")
+              .append("svg")
+              .attr("viewBox", `0 0 ${_this.width} ${_this.height}`)
+              .style("width", "1300px")// 修改 SVG 宽度
+              .style("height", "748px")// 修改 SVG 高度
+          // .style("border-radius", "50%")// 修改 SVG 
+          // .style("z-index", "9")// 修改 SVG 
+
+
+
+
+          // 初始化阶段之外单独创建线性渐变
+          const defs = svg.append("defs");
+
+          // 在 initGraph 方法中，为每条链接创建线性渐变
+          for (let i = 0; i < links.length; i++) {
+              const linearGradient = defs.append("linearGradient")
+                  .attr("id", `line-gradient-${i}`)
+                  .attr("x1", "0%")
+                  .attr("y1", "0%")
+                  .attr("x2", "100%")
+                  .attr("y2", "100%");
+
+              linearGradient.append("stop")
+                  .attr("offset", "0%")
+                  .attr("stop-color", "#6C9DFC");
+
+              linearGradient.append("stop")
+                  .attr("offset", "50%")
+                  .attr("stop-color", "#9BAAFA");
+
+              linearGradient.append("stop")
+                  .attr("offset", "100%")
+                  .attr("stop-color", "#F3B1BC");
+          }
+          const g = svg.append("g")
+          // 线段
+          const link = g.append("g")
+              .attr("stroke-opacity", 0.6)
+              .selectAll("line")
+              .data(links)
+              .join("line")
+              .style("stroke", (_d: any, i: any) => `url(#line-gradient-${i})`) // 使用线性渐变设置描边颜色
+              .style("stroke-width", (d: { value: number; }) => Math.sqrt(d.value))
+              .attr("class", "link")
+              .attr("marker-end", "url(#arrow)");
+
+
+          // // 创建箭头
+          // const marker = defs.append("marker")
+          //     .attr("id", "arrow")
+          //     .attr("viewBox", "0 -5 10 10")
+          //     .attr("refX", 31)
+          //     .attr("refY", 0)
+          //     .attr("markerWidth", 6)
+          //     .attr("markerHeight", 6)
+          //     .attr("orient", "auto")
+          //     .append("path")
+          //     .attr("d", "M0,-5L10,0L0,5")
+          //     .attr("fill", "#E0AAED");
+
+
+
+          svg.call(d3.zoom().on("zoom", function () {
+              g.attr("transform", d3.event.transform)
+          }))
+
+
+
+          // 设置节点之间的距离
+          const linkForce = d3.forceLink(links)
+              .id((d: { id: any; }) => d.id)
+              .distance(100); // 设置节点之间的距离
+
+          simulation.force("link", linkForce);
+
+          //小球的可视化范围的修改
+
+          const node = g.append("g")
+              .selectAll("circle")
+              .data(nodes)
+              .join("circle")
+              .attr("r", 23)
+              .attr("class", "node")
+              .attr("fill", (d: { id: any; }) => {
+                  return `url(#node-gradient-${d.id})`;
+              })
+              // .attr("fill", _this.color)
+              .on("click", _this.queryTest)
+              .call(_this.drag(simulation));
+
+          // 在 initGraph 方法中为每个小球创建线性渐变
+          for (let i = 0; i < nodes.length; i++) {
+              const linearGradient = defs.append("linearGradient")
+                  .attr("id", `node-gradient-${nodes[i].id}`)
+                  .attr("x1", "0%")
+                  .attr("y1", "0%")
+                  .attr("x2", "0%")
+                  .attr("y2", "100%");
+
+              linearGradient.append("stop")
+                  .attr("offset", "0%")
+                  .attr("stop-color", _this.colorList[nodes[i].group]);
+
+              linearGradient.append("stop")
+                  .attr("offset", "100%")
+                  .attr("stop-color", "#9BBCFC");
+          }
+
+          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('x', (d: { x: any; }) => d.x)
+              .attr("y", 50)
+              .attr('text-anchor', 'middle')
+              .attr('alignment-baseline', 'middle')
+              .attr("class", "node-name")
+              .style('pointer-events', 'none')
+              .style('font-size', '15px')
+              .style('font-family', 'Arial')
+              .style('text-shadow', '1px 1px 1px #0052FF')
+
+
+
+          node.on("mouseover", function (_d: any, _i: any) {
+              d3.select(this)
+                  .attr("stroke", "white")  // 添加白色边框
+                  .attr("stroke-width", 5);  // 设置边框宽度
+          })
+              .on("mouseout", function (_d: any, _i: any) {
+                  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)
+      },
+      goToLargScreen() {
+          this.$router.push('/curriculumCenter/largeScreen')
+      }
+  }
+
+}
+
+
+
+</script>
+
+
+<style lang="scss" scoped>
+* {
+  margin: 0;
+  padding: 0;
+  /* box-sizing: border-box; */
+  /* font: 14px/28px "微软雅黑"; */
+}
+
+ul {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+body {
+  /* 宽度占浏览器可视区域的宽度 */
+  width: 100vm;
+  margin: 0px;
+  // position: relative;
+  //   display:flex;
+  //   justify-content:center;i
+  /* height: 1500px; */
+  // background-color: #FFFFFF;
+}
+
+img {
+  width: 100%;
+  height: 100%;
+}
+
+// 头
+.header {
+  width: 100%;
+  height: 300px;
+  background-image: url('/src/assets/images/top.png');
+  background-size: 100% 100%;
+  // background:linear-gradient(#74a5ff,#91b7ff,#A4c3ff);
+
+
+}
+
+// 导航栏
+.header .nav {
+  width: 95%;
+  height: 100px;
+  // background-color: #3D78F5;
+}
+
+.header .nav1 {
+  float: right;
+  width: 24%;
+  height: 10%;
+  margin-right: 20px;
+  // background-color: #6759ff; 
+
+}
+
+.header .nav1 ul li {
+  float: left;
+  margin-left: 5px;
+  line-height: 20px;
+  color: white;
+  font-size: 12px;
+  text-align: center;
+  // border-right: 1px solid #FFFFFF; 
+}
+
+.header .nav2 {
+  float: right;
+
+  // padding-right: -20px;
+  width: 68%;
+  height: 25%;
+  margin-top: 30px;
+  // margin-right: -260px;
+  // background-color: #6759ff; 
+}
+
+.header .nav2 ul li {
+  float: left;
+  margin-left: 20px;
+  // line-height: 40px;
+  color: white;
+  font-size: 15px;
+  text-align: center;
+}
+
+.header .nav2 ul li:hover {
+  color: #74a5ff;
+}
+
+.header .inco {
+  float: left;
+  width: 48%;
+  height: 65.1%;
+  margin-left: 80px;
+  // background-color: #6759ff;
+}
+
+.header h1 {
+  font-size: 50px;
+  margin-top: 23px;
+  font-weight: bolder;
+  color: #FFFFFF;
+  float: right;
+  margin-right: 173px // float: left;
+      // margin-left: 779px;
+}
+
+.header p {
+  font-size: 15px;
+  margin-top: 102px;
+  // font-weight:bolder;
+  color: #FFFFFF;
+  float: right;
+  margin-right: -175px;
+}
+
+.logo {
+  width: 15%;
+  height: 30%;
+  float: left;
+  margin-left: 80px;
+}
+
+// 内容
+.content {
+  margin-top: 10;
+  width: 100%;
+  position: relative;
+  height: 900px;
+  // background-color: #7F9EED;
+}
+
+.subnav {
+  width: 100%;
+  margin: auto;
+  margin-top: 50px;
+  height: 50px;
+  // background-color: #7F9EED;
+}
+
+.subnav h1 {
+  border-bottom: 4px solid #3E79F6;
+  font-size: 20px;
+  width: 10%;
+  height: 35px;
+  margin: auto;
+  font-weight: bolder;
+  color: #3E79F6;
+  text-align: center;
+}
+
+// d3
+// .con{
+//     width: 95%;
+//     height: 900px;
+//     margin: auto;
+//     // background-color: #3E79F6;
+//     background-image: url('/src/assets/images/142.png');
+//     background-size: 100% 100%;
+//     top: 353px;
+//     left: 4%;
+//     // position: absolute;
+//     // background-color: #409effff;
+
+//     // border-left: 1px solid #3E79F6;
+// }
+// .con1{
+//     width: 0.1%;
+//     height: 500px;
+//     // margin: auto;
+//     // background-color: #3E79F6;
+//     top: 353px;
+//     right: 4%;
+//     position: absolute;
+//     background-color: #409effff;
+
+//     // border-left: 1px solid #3E79F6;
+// }
+.container {
+  width: 1300px;
+  height: 750px;
+  // border: 1px solid #2c3e50;
+  border-radius: 8px;
+  margin-top: 2.5%;
+  margin-left: auto;
+  // border-radius: 90%;
+  margin-right: auto;
+
+  border: 1px solid #CFD9EA;
+  background: linear-gradient(#d5e1f6, #a9c6ff, #d5e1f6);
+  background-image: url('/src/assets/images/106.jpg');
+  background-size: 100% 100%;
+  // border-radius: 10px  10%  10% 10%; // 左下、右下圆角处理
+  // background-color: rgba(0, 0, 0, 0); /* 50% 的透明度 */
+
+}
+
+// .tushi {
+//     width: 100%;
+//     height: 10%;
+//     // background-color: #F0F4FA;
+//     position: absolute;
+//     padding-top: 10%;
+//     z-index: 5;
+// }
+
+// .tushi1 {
+//     width: 100%;
+//     height: 15%;
+//     // background-color: #F0F4FA;
+//     position: absolute;
+//     top: 105%;
+//     z-index: 5;
+// }
+
+.tushi2 {
+  width: 1.8%;
+  height: 3%;
+  // background-color: #304564;
+  // background-image: url('/src/assets/images/screen (1).png');
+  // background-size: 100% 100%;
+  position: absolute;
+  top: 25%;
+  margin-left: 87%;
+  z-index: 5;
+}
+
+.tushi2:hover {
+  transform: scale(1.05);
+}
+
+
+// .node{
+//   stroke:#fff;
+//   stroke-width:1;
+//   cursor: pointer;
+// }
+
+// .node:hover{
+//   stroke-width:5;
+// }
+
+// .nodeName{
+//   fill:white;
+// }
+
+// 尾部
+.footer {
+  margin-top: 100px;
+  // padding-bottom: 0%;
+  margin-top: 15%;
+  width: 100%;
+  height: 250px;
+  // position: absolute;
+  text-align: center;
+  background-color: #252527;
+}
+
+.footer h3 {
+  width: 100%;
+  // position: absolute;
+  text-align: center;
+  font-size: 15px;
+  padding-top: 40px;
+  color: #7F9EED;
+  font-weight: bolder;
+}
+
+.footer h1 {
+  width: 100%;
+  // position: absolute;
+  font-family: "kaiti_gb2312";
+  margin-top: 10px;
+  font-size: 25px;
+  color: #7F9EED;
+  font-weight: bolder;
+}
+
+.footer p {
+  width: 100%;
+  height: 20px;
+  // position: absolute;
+  font-family: "kaiti_gb2312";
+  margin-top: 25px;
+  font-size: 17px;
+  color: #7F9EED;
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_admin_template/src/views/portal/components/KnowledgeGraph.vue b/teaching_integration_platform_admin_template/src/views/portal/components/KnowledgeGraph.vue
new file mode 100644
index 0000000..e513bdd
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/components/KnowledgeGraph.vue
@@ -0,0 +1,158 @@
+<template>
+  <div id="3d-graph"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref, reactive } from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+  //@ts-expect-error
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText from '../spritetext.js'
+// const $router = useRouter()
+// const jsonData = ref(null)
+let Graph = reactive({})
+const props = defineProps({
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
+  },
+})
+const dom = ref(null)
+onMounted(() => {
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .jsonUrl('../../../public/data.json')
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeColor((node: any) => {
+      return node.color
+    })
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .onNodeClick((node: any) => {
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+  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
+  })
+  //@ts-ignore
+  Graph.linkPositionUpdate((sprite, { start, end }) => {
+    //@ts-ignore
+    const middlePos = Object.assign(
+      //@ts-expect-error
+      ...['x', 'y', 'z'].map((c) => ({
+        //@ts-ignore
+        [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)
+}
+// const goToEditAtlas = () => {
+//   console.log(jsonData.value)
+
+//   $router.push({ name: 'EditAtlas', params: { id: 123 } })
+// }
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/teaching_integration_platform_admin_template/src/views/portal/courseHomepage.vue b/teaching_integration_platform_admin_template/src/views/portal/courseHomepage.vue
new file mode 100644
index 0000000..484e97c
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/courseHomepage.vue
@@ -0,0 +1,558 @@
+<template>
+  <div>
+    <!-- <div class="nav">
+      <div class="icon"></div>
+      <div class="txt">
+        <h1>通讯与网络</h1>
+        <p>张三</p>
+        
+      </div>
+    </div> -->
+    <div class="main">
+      <div class="title">
+        <div class="icon"></div>
+        <div class="right">
+          <h1>通讯与网络</h1>
+
+          <div class="btn">编辑</div>
+          <p>
+            本课程讲授通讯与网络的基本概念，涉及计算机网络的发展和原理体系结构、物理层、
+            数据链路层、网络层、运输层、应用层等计算机网络通讯的整个过程。内容包括通讯与网络
+            的基本概念、计算机网络的体
+            系结构、数据通信基础、流量控制和拥塞控制、TCP/IP
+            协议簇的基本原理等内容。
+          </p>
+          <div class="bottom">
+            <a>总学时： 36学时</a>
+            <a>总学分： 2.0分</a>
+          </div>
+          <div class="bottom">
+            <a>已分配学时： 20学时</a>
+            <a>章节数： 10章</a>
+          </div>
+          <div class="bottom">
+            <a>未分配学时： 16学时</a>
+            <a>知识点章节总数： 33个</a>
+          </div>
+        </div>
+      </div>
+      <div class="list">
+        <div class="icon"></div>
+
+        <p style="font-size: 20px; margin-bottom: 20px; color: #000">
+          学习章节
+        </p>
+        <el-tree
+          style="width: 100%; font-size: 15px"
+          :data="dataSource"
+          show-checkbox
+          node-key="id"
+          default-expand-all
+          :expand-on-click-node="false"
+        >
+          <template #default="{ node, data }">
+            <span class="custom-tree-node">
+              <span>{{ node.label }}</span>
+              <span>
+                <a @click="append(data)">添加</a>
+                <a style="margin-left: 8px" @click="remove(node, data)">删除</a>
+              </span>
+            </span>
+          </template>
+        </el-tree>
+      </div>
+    </div>
+
+    <div class="sidebar">
+      <div class="icon">
+        <img src="/src/assets/images/rjgz.jpg" width="100%" height="100%" />
+      </div>
+      <!-- <div class="content">
+        <h3>课程目标</h3>
+        <div class="btn">了解更多</div>
+        <a>
+          课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程
+        </a>
+      </div> -->
+
+      <div class="column" style="">
+        <div class="icon"></div>
+        <h3>查看资源</h3>
+        <ul>
+          <h2>第一章</h2>
+          <p>第2小节</p>
+          <li>
+            <div class="btn">知识点</div>
+            <p>知识点详情，知识点内容</p>
+            <div class="icon"></div>
+          </li>
+        </ul>
+
+        <ul>
+          <h2>第一章</h2>
+          <p>第2小节</p>
+          <li>
+            <div class="btn">知识点</div>
+            <p>知识点详情，知识点内容</p>
+            <div class="icon"></div>
+          </li>
+        </ul>
+
+        <ul>
+          <h2>第一章</h2>
+          <p>第2小节</p>
+          <li>
+            <div class="btn">知识点</div>
+            <p>知识点详情，知识点内容</p>
+            <div class="icon"></div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+let id = 1000
+const append = (data: any) => {
+  const newChild = { id: id++, label: '请输入新章节', children: [] }
+  if (!data.children) {
+    data.children = []
+  }
+  data.children.push(newChild)
+  dataSource.value = [...dataSource.value]
+}
+
+const remove = (node: any, data: any) => {
+  const parent = node.parent
+  const children: any = parent.data.children || parent.data
+  const index = children.findIndex((d: any) => d.id === data.id)
+  children.splice(index, 1)
+  dataSource.value = [...dataSource.value]
+}
+
+// const renderContent = (
+//   h:any,
+//   {
+//     node,
+//     data,
+//     store,
+//   }: {
+//     node: any
+//     data: any
+//     store: any['store']
+//   }
+// ) => {
+//   return h(
+//     'span',
+//     {
+//       class: 'custom-tree-node',
+//     },
+//     h('span', null, node.label),
+//     h(
+//       'span',
+//       null,
+//       h(
+//         'a',
+//         {
+//           onClick: () => append(data),
+//         },
+//         'Append '
+//       ),
+//       h(
+//         'a',
+//         {
+//           style: 'margin-left: 8px',
+//           onClick: () => remove(node, data),
+//         },
+//         'Delete'
+//       )
+//     )
+//   )
+// }
+
+const dataSource = ref<any>([
+  {
+    id: 1,
+    label: '01/基本概念',
+    children: [
+      {
+        id: 4,
+        label: '1-1 基本概念',
+        children: [
+          {
+            id: 9,
+            label: '1-1-1 基本概念',
+          },
+          {
+            id: 10,
+            label: '1-1-2 基本概念',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 2,
+    label: '02/章节名',
+    children: [
+      {
+        id: 5,
+        label: '2-1 章节名字',
+      },
+      {
+        id: 6,
+        label: '2-2 章节名字',
+      },
+    ],
+  },
+  {
+    id: 3,
+    label: '03/章节名字',
+    children: [
+      {
+        id: 7,
+        label: '3-1 章节名字',
+      },
+      {
+        id: 8,
+        label: '3-2 章节名字',
+      },
+    ],
+  },
+  {
+    id: 3,
+    label: '04/章节名字',
+    children: [
+      {
+        id: 9,
+        label: '4-1 章节名字',
+      },
+      {
+        id: 10,
+        label: '4-2 章节名字',
+      },
+    ],
+  },
+])
+</script>
+
+<style lang="scss" scoped>
+ul {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+body {
+  /* 宽度占浏览器可视区域的宽度 */
+  width: 100vm;
+  /* height: 1500px; */
+  background-color: #f6f6f6;
+}
+.nav {
+  width: 100%;
+  height: 60px;
+  background-color: #797a82;
+}
+.nav .icon {
+  width: 10%;
+  height: 90%;
+  margin-top: 5px;
+  float: left;
+  background-image: url('/src/assets/images/kc.jpg');
+  background-size: 100% 100%;
+  border-radius: 20px 20px 20px 20px;
+}
+.nav .txt {
+  width: 10%;
+  height: 100%;
+  float: left;
+  margin-left: 15px;
+  background-color: #5577ff;
+  // border-left: 1px solid #252529
+}
+.nav h1 {
+  font-size: 18px;
+  line-height: 35px;
+  font-weight: bolder;
+}
+.nav p {
+  // font-size: 18px;
+  line-height: 25px;
+  color: #252529;
+}
+.main {
+  width: 75%;
+  height: 900px;
+  float: left;
+  // background-color: bisque
+}
+.main .title {
+  width: 90%;
+  margin: auto;
+  height: 25%;
+  // background-color: blueviolet
+}
+.main .title .icon {
+  width: 34%;
+  height: 80%;
+  margin-top: 20px;
+  background-color: antiquewhite;
+  float: left;
+  background-image: url('/src/assets/images/kc.jpg');
+  background-size: 100% 100%;
+  border-radius: 20px 20px 20px 20px;
+}
+.main .title .right {
+  width: 61%;
+  height: 80%;
+  margin-left: 30px;
+  margin-top: 20px;
+  // background-color: antiquewhite;
+  float: left;
+}
+.main .title .right h1 {
+  height: 20px;
+  color: #5577ff;
+  font-size: 20px;
+  font-weight: bolder;
+  letter-spacing: 1px;
+  // background-color: antiquewhite;
+  float: left;
+}
+.main .title .right p {
+  height: 20px;
+  font-size: 12px;
+  line-height: 16px;
+  color: #797a82;
+  padding-top: 7px;
+  float: left;
+}
+.main .title .right .bottom {
+  width: 30.6%;
+  height: 30%;
+  float: left;
+  margin-left: 10px;
+  margin-top: 16.5%;
+  // background-color: #5577FF
+}
+.main .title .right a {
+  display: flex;
+  justify-content: space-between;
+
+  height: 28px;
+  font-size: 12px;
+  color: #0d0d11;
+  //    padding-top: 50px;
+  // float: left;
+}
+.main .title .right .btn {
+  width: 14%;
+  height: 16%;
+  font-size: 15px;
+  background-color: #5577ff;
+  color: #f6f6f6;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 14px 14px 14px 14px;
+  float: left;
+  margin-left: 58%;
+}
+.main .title .right .btn:hover {
+  background-color: #185cd2;
+}
+.main .list {
+  width: 100%;
+  height: 57.3%;
+  margin: auto;
+  padding: 20px 10px;
+  background-color: #ffffff;
+  border-radius: 20px 20px 20px 20px;
+}
+.main .list .icon {
+  width: 3%;
+  height: 5%;
+  margin-top: px;
+  // background-color: antiquewhite;
+  float: left;
+  background-image: url('/src/assets/images/rwd.png');
+  background-size: 100% 100%;
+  // border-radius: 20px 20px 20px 20px;
+}
+.sidebar {
+  width: 22%;
+  height: 800px;
+  float: left;
+  margin-left: 20px;
+  // background-color: rgb(84, 50, 9)
+}
+.sidebar .icon {
+  width: 100%;
+  height: 20%;
+}
+.sidebar .content {
+  width: 100%;
+  height: 20%;
+  border-radius: 14px 14px 14px 14px;
+  border-left: 4px solid #5577ff;
+  background-color: #ffffff;
+  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+.sidebar .content {
+  width: 100%;
+  height: 20%;
+  border-radius: 14px 14px 14px 14px;
+  border-left: 4px solid #5577ff;
+  background-color: #ffffff;
+  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+.sidebar .content h3 {
+  color: #0d0d11;
+  height: 30px;
+  font-size: 15px;
+  font-weight: bolder;
+  margin-left: 15px;
+  float: left;
+  line-height: 40px;
+}
+.sidebar .content .btn {
+  width: 30%;
+  height: 13%;
+  font-size: 11px;
+  background-color: #ebecfc;
+  color: #4f86e5;
+  text-align: center;
+  font-weight: bolder;
+  float: right;
+  line-height: 20px;
+  margin-top: 10px;
+  border-radius: 14px 14px 14px 14px;
+}
+.sidebar .content .btn:hover {
+  background-color: #185cd2;
+  color: white;
+}
+.sidebar .content a {
+  color: #797a82;
+  height: 50px;
+  width: 90%;
+  font-size: 15px;
+  line-height: 20px;
+  margin-left: 15px;
+  float: left;
+  margin-top: 5px;
+}
+.sidebar .column {
+  width: 100%;
+  height: 70%;
+  margin-top: 20px;
+  border-radius: 14px 14px 14px 14px;
+  background-color: #ffffff;
+  box-shadow: 1px 1px 1px 0.1px rgba(0.2, 1, 1, 0.2);
+}
+.sidebar .column .icon {
+  width: 13%;
+  height: 5%;
+  float: left;
+  margin-left: 10px;
+  margin-top: 10px;
+  background-image: url('/src/assets/images/ck.png');
+  background-size: 100% 100%;
+}
+.sidebar .column h3 {
+  color: #16161b;
+  height: 30px;
+  font-size: 15px;
+  font-weight: bolder;
+  margin-left: 15px;
+  float: left;
+  line-height: 45px;
+}
+.sidebar .column ul {
+  width: 90%;
+  height: 28%;
+  float: left;
+  margin-top: 10px;
+  margin-left: 12px;
+  text-decoration: none;
+  // border-left:1px solid #505053 ;
+  // background-color: #4F86E5
+}
+.sidebar .column ul h2 {
+  color: #0d0d11;
+  height: 30px;
+  font-size: 14px;
+  font-weight: bolder;
+  // margin-left: 15px;
+  float: left;
+  line-height: 20px;
+}
+.sidebar .column ul p {
+  color: #252529;
+  height: 30px;
+  font-size: 11px;
+  // font-weight:bolder;
+  margin-left: 15px;
+  float: left;
+  line-height: 20px;
+}
+.sidebar .column ul li {
+  width: 90%;
+  height: 80%;
+  float: left;
+  margin-left: 20px;
+  text-decoration: none;
+  border-left: 1px solid #d4d4df;
+  // background-color: #9fb8e3
+}
+.sidebar .column ul li .btn {
+  width: 30%;
+  height: 15%;
+  float: left;
+  margin-left: 20px;
+  color: #ebecfc;
+  line-height: 20px;
+  font-size: 11px;
+  text-align: center;
+  border-radius: 5px 5px 5px 5px;
+  background-color: #56df7d;
+}
+.sidebar .column ul li p {
+  line-height: 30px;
+  height: 10%;
+  font-size: 11.5px;
+  float: left;
+  margin-left: 22px;
+  text-decoration: none;
+  color: #0d0d11;
+}
+.sidebar .column ul li .icon {
+  width: 89%;
+  height: 50%;
+  margin-top: 20px;
+  float: left;
+  margin-left: 20px;
+  background-image: url('/src/assets/images/zy.jpg');
+  background-size: 100% 100%;
+}
+// .app-container {
+//     padding: 30px 140px;
+//     font-size: 14px;
+// }
+
+// .tree-manager {
+//     width: 50px;
+//     display: inline-block;
+//     margin: 10px;
+// }
+::v-deep .custom-tree-node {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  padding-right: 30px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/portal/courseReports.vue b/teaching_integration_platform_admin_template/src/views/portal/courseReports.vue
new file mode 100644
index 0000000..4f6fad0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/courseReports.vue
@@ -0,0 +1,353 @@
+<template>
+  <div>
+    <div class="header">
+      <h1>课程报告</h1>
+
+      <div class="content">
+        <div class="box">
+          <div class="icon">
+            <img
+              src="/src/assets/images/小旗子.png"
+              width="100%"
+              height="100%"
+            />
+          </div>
+          <p>学习进度统计</p>
+        </div>
+        <a style="color: #d81e06">Learning progress statistics</a>
+        <b style="color: #d81e06">40</b>
+      </div>
+      <div class="content">
+        <div class="box">
+          <div class="icon">
+            <img
+              src="/src/assets/images/知识点.png"
+              width="100%"
+              height="100%"
+            />
+          </div>
+          <p>知识点数统计</p>
+        </div>
+        <a style="color: #ff8b00">Knowledge point statistics</a>
+        <b style="color: #ff8b00">30</b>
+      </div>
+      <div class="content">
+        <div class="box">
+          <div class="icon">
+            <img
+              src="/src/assets/images/统计计算.png"
+              width="100%"
+              height="100%"
+            />
+          </div>
+          <p>学习人数统计</p>
+        </div>
+        <a style="margin-top: 25px; margin-left: 60px; color: #4b81d7">
+          Student count
+        </a>
+        <b style="color: #4b81d7">0</b>
+      </div>
+      <div class="content">
+        <div class="box">
+          <div class="icon">
+            <img src="/src/assets/images/课程.png" width="100%" height="100%" />
+          </div>
+          <p>学习课程统计</p>
+        </div>
+        <a style="margin-top: 25px; margin-left: 60px; color: #08b762">
+          Course statistics
+        </a>
+        <b style="color: #08b762">10</b>
+      </div>
+    </div>
+    <div class="search">
+      <form>
+        <input type="text" placeholder="输入文本进行搜索" />
+        <div class="icon">
+          <img src="/src/assets/images/搜索.png" width="100%" height="100%" />
+        </div>
+        <!-- <input type="image" src="/src/assets/images/搜索.png"  >  -->
+      </form>
+    </div>
+
+    <div class="main">
+      <el-table
+        :data="dataSource"
+        style="
+          display: flex;
+          width: 100%;
+          flex-direction: row;
+          justify-content: space-around;
+        "
+      >
+        <el-table-column
+          prop="course"
+          label="课程名称"
+          width="180"
+        ></el-table-column>
+        <el-table-column
+          prop="date"
+          label="知识点个数"
+          width="180"
+        ></el-table-column>
+        <el-table-column
+          prop="time"
+          label="知识点学时"
+          width="180"
+        ></el-table-column>
+        <el-table-column
+          prop="proportion"
+          label="知识点占比"
+          width="180"
+        ></el-table-column>
+        <el-table-column
+          prop="student"
+          label="学习人数统计"
+          width="180"
+        ></el-table-column>
+        <el-table-column
+          prop="credet"
+          label="课程学分"
+          width="180"
+        ></el-table-column>
+      </el-table>
+    </div>
+  </div>
+  <div class="download">点击此按钮导出报告</div>
+  <div class="a"></div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+const dataSource = ref([
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+  {
+    course: '数学',
+    date: '50',
+    time: '24h',
+    proportion: '89%',
+    student: '220人',
+    credet: 2,
+  },
+])
+</script>
+
+<style lang="scss" scoped>
+ul {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+body {
+  /* 宽度占浏览器可视区域的宽度 */
+  width: 100vm;
+  /* height: 1500px; */
+  background-color: #f6f6f6;
+}
+.header {
+  width: 95%;
+  height: 250px;
+  margin: auto;
+  // background-color: aquamarine
+}
+.header h1 {
+  font-size: 20px;
+  color: #000;
+}
+.header .content {
+  width: 20%;
+  height: 65%;
+  // background-color: bisque;
+  background-color: #ffffff;
+  border-radius: 10px 10px 10px 10px;
+  float: left;
+  margin-left: 40px;
+  margin-top: 20px;
+}
+.header .content .icon {
+  width: 24.5%;
+  height: 62%;
+  float: left;
+  // margin-left: 1px;
+  margin-top: 13px;
+}
+.header .content .box {
+  width: 65%;
+  height: 30%;
+  // background-color: #f6f6f6;
+  margin: auto;
+  margin-top: 10px;
+}
+.header .content a {
+  font-size: 14.5px;
+  height: 10%;
+  float: left;
+  margin-left: 20px;
+  margin-top: 20px;
+  // font-weight:bolder;
+}
+.header .content b {
+  font-size: 30px;
+  height: 10%;
+  margin: auto;
+  float: left;
+  margin-top: 15px;
+  margin-left: 100px;
+  font-weight: bolder;
+}
+.header .content p {
+  color: #000;
+  font-size: 15px;
+  height: 10%;
+  float: left;
+  // text-align: center;
+  margin-top: 20px;
+  margin-left: 3px;
+  font-weight: bolder;
+}
+.search {
+  width: 75%;
+  height: 30px;
+  background-color: paleturquoise;
+  margin: auto;
+  border-radius: 10px 10px 10px 10px;
+  margin-top: 20px;
+}
+.search input {
+  width: 100%;
+  height: 40px;
+  text-indent: 5px;
+  font-size: 16px;
+  /* border: none; */
+  // text-align: center;
+  background-color: #fffefe;
+  border-radius: 10px 10px 10px 10px;
+  border: 1px solid #75aade;
+  /* border-bottom: 1px solid #ddd; */
+  outline: none;
+  // margin: 12px auto;
+}
+.search .icon {
+  width: 40px;
+  height: 35px;
+  position: relative;
+  top: -37px;
+  left: 93%;
+}
+.search .icon:hover {
+  width: 41px;
+  height: 36px;
+}
+// .search form{
+// 	width: 190px;
+// 	height: 30px;
+// 	border: 1px solid #C1C1C1;
+// 	border-radius: 3px;
+// }
+.main {
+  width: 90%;
+  height: 450px;
+  // background-color: #75aade;
+  // border-radius: 10px 10px 10px 10px;
+  margin: auto;
+  margin-top: 50px;
+}
+
+// 导出ptf下载
+
+.download {
+  width: 15%;
+  height: 24px;
+  float: right;
+  margin-right: 60px;
+  margin-top: 20px;
+  // margin-bottom: 20px;
+  // margin-left: 0px;
+  font-size: 14px;
+  text-align: center;
+  line-height: 23px;
+  color: #75aade;
+  background-color: #ffffff;
+  box-shadow: 1px 1px 1px 0.1px rgba(0.2, 1, 1, 0.2);
+  border-radius: 10px 10px 10px 10px;
+}
+.download:hover {
+  background-color: #75aade;
+  color: #ffffff;
+}
+.a {
+  width: 100%;
+  float: left;
+  height: 40px;
+}
+.el-table_header-wrapper {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/portal/index.vue b/teaching_integration_platform_admin_template/src/views/portal/index.vue
new file mode 100644
index 0000000..d824781
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/index.vue
@@ -0,0 +1,676 @@
+<template>
+  <!-- <div>网站首页面</div> -->
+  <div class="header">
+    <div class="logo"></div>
+    <div class="nav">
+      <div class="nav1">
+        <ul>
+          <li>企业入口&nbsp;&nbsp;|</li>
+          <li>教师入口&nbsp;&nbsp;|</li>
+          <li>学生入口&nbsp;&nbsp;|</li>
+          <li>毕业生入口</li>
+        </ul>
+      </div>
+      <div class="nav2">
+        <ul>
+          <li><a>学生首页</a></li>
+          <li><a>专业概况</a></li>
+          <li><a>教学改革</a></li>
+          <li><a>科学研就</a></li>
+          <li><a>人才培养</a></li>
+          <li><a>成果展示</a></li>
+          <li><a>产教结合</a></li>
+          <li><a>日常教学</a></li>
+          <li><a>优秀学生</a></li>
+        </ul>
+      </div>
+    </div>
+    <!-- <div class="inco"></div> -->
+    <h1>课图——开源智慧课程管理系统，首次开源</h1>
+    <!-- <p>(专业代码 ：080902H)</p> -->
+  </div>
+  <div class="container-box" ref="containerRef" @scroll="handleScroll">
+    <!-- <ul>
+    <li v-for="item in 200" :key="item">{{ item }}</li>
+    <li v-if="loading">Loading...</li>
+  </ul> -->
+    <div ref="main">
+      <div v-for="(item, index) in userList" :key="item">
+        <div
+          v-if="index % 2 == 0"
+          class="content1"
+          style="background: linear-gradient(#f0f4fa, #f0f4fa, #f0f4fa)"
+        >
+          <div
+            class="icon"
+            style="
+              background-image: url('/src/assets/images/bj2.png');
+              background-size: 100% 100%;
+            "
+          >
+            <div class="content">
+              <img src="/src/assets/images/tp.png" />
+            </div>
+            <h1>{{ item.name }}</h1>
+            <button></button>
+          </div>
+          <div class="icon1">
+            <div class="icon"><img src="/src/assets/images/kc1.png" /></div>
+            <div class="icon"><img src="/src/assets/images/kc2.png" /></div>
+            <div class="icon"><img src="/src/assets/images/kc3.png" /></div>
+          </div>
+          <div class="txt">
+            <h1>&nbsp;&nbsp;课程简介</h1>
+            <!-- <div class="p"> -->
+            <div class="epils" style="color: #a6a6a6">
+              {{ item.description }}
+            </div>
+            <!-- <p style="color: #A6A6A6;">{{courseDescription | truncate}} </p> -->
+
+            <!-- </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; */
+              "
+            >
+              <!-- <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>
+<p style="font-size: 14px;color: #6B6B6B;">知识点总数 ：xxx个</p> -->
+              <div
+                class="a"
+                style="margin-left: 0px; width: 62%; color: #6b6b6b"
+              >
+                总学时 ：{{ item.totalHours }}小时
+              </div>
+              <div class="a" style="margin-left: 8%; color: #6b6b6b">
+                总学分 ：{{ item.credit }}分
+              </div>
+              <div class="a" style="margin-left: 0px; color: #6b6b6b">
+                章节数 ：{{ item.totalchapter }}章
+              </div>
+              <div
+                class="a"
+                style="margin-left: 29%; color: #6b6b6b; padding-left: 4%"
+              >
+                ​ 知识点总数 ：{{ item.totalKnow }}个 ​
+              </div>
+              ​
+            </div>
+            ​
+          </div>
+        </div>
+
+        <div v-else class="content1">
+          <div class="txt">
+            <h1>&nbsp;&nbsp;课程简介</h1>
+            <!-- <div class="p"> -->
+            <div class="epils" style="color: #f0f4fa">
+              {{ item.description }}
+            </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
+                class="a"
+                style="margin-left: 0px; width: 62%; color: aliceblue"
+              >
+                总学时 ：{{ item.totalHours }}小时
+              </div>
+              <div class="a" style="margin-left: 8%; color: aliceblue">
+                总学分 ：{{ item.credit }}分
+              </div>
+              <div class="a" style="margin-left: 0px; color: aliceblue">
+                章节数 ：{{ item.totalchapter }}章
+              </div>
+              <div
+                class="a"
+                style="margin-left: 29%; color: aliceblue; padding-left: 4%"
+              >
+                ​ 知识点总数 ：{{ item.totalKnow }}个 ​
+              </div>
+              <!-- <p style="font-size: 14px;">总学时 ：{{  item.totalHours }}小时</p>
+          <p style="font-size: 14px;">总学分 ：{{item.credit}}分</p>
+          <p style="font-size: 14px;">章节数 ：xxx章</p>
+          <p style="font-size: 14px;">知识点总数 ：xxx个</p> -->
+            </div>
+          </div>
+
+          <div
+            class="icon"
+            style="background-image: url('/src/assets/images/bj1.png')"
+          >
+            <div class="content">
+              <img src="/src/assets/images/tp.png" />
+            </div>
+            <h1>{{ item.name }}</h1>
+            <button></button>
+          </div>
+          <div class="icon1">
+            <div class="icon"><img src="/src/assets/images/kc1.png" /></div>
+            <div class="icon"><img src="/src/assets/images/kc2.png" /></div>
+            <div class="icon"><img src="/src/assets/images/kc3.png" /></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="con"></div>
+    <!-- 连接后端时可以去掉注释 -->
+    <div class="but" v-if="!noMoreData" @click="loadItems">
+      {{ buttonFlag ? '正在加载...' : '加载更多' }}
+    </div>
+    <p v-else class="cont">数据全部加载完成</p>
+  </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>
+    <p style="font-size: 13px; margin-top: 70px">
+      黄淮学院版权所有@2023 湘豫CP备 19005950号-1
+      <br />
+      违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com
+    </p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+// 连接后端时可以去掉注释
+// import axios from 'axios'
+import { ref } from 'vue'
+import { getPageCourses } from '@/api/user/crouse.js'
+// import { autoResetRef } from '@vueuse/core'
+// export default{
+const containerRef = ref(null)
+// const items = ref([{
+//   id:1,
+//   title:'11111'
+// }])
+const date = ref({
+  page: 1,
+  pageSize: 3,
+})
+// const loading = ref(false)
+const page = ref(date.value.page)
+const main = ref<any>(null)
+// const buttonColor = ref('red')
+const userList = ref<any>([])
+// let count = 0
+// const showLoadMoreButton = ref(false)
+const noMoreData = ref(false)
+// const isLoading = ref(false)
+const buttonFlag = ref(false)
+const loadItems = async () => {
+  // isLoading.value = true
+
+  buttonFlag.value = true
+
+  const response = await getPageCourses(date.value)
+  userList.value = [...userList.value, ...response.data.content]
+  buttonFlag.value = false
+  if (response.data.totalcount === userList.value.length)
+    return (noMoreData.value = true)
+  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,
+    container.scrollHeight,
+  )
+
+  if (
+    container.scrollTop + container.clientHeight >=
+    container.scrollHeight - 1
+  ) {
+    console.log('到底了')
+    if (buttonFlag.value) {
+      return alert('正在加载请勿重复滑动')
+    } else {
+      loadMore()
+    }
+  }
+}
+
+loadMore()
+</script>
+
+<style lang="scss" scoped>
+.container-box {
+  height: 700px;
+  overflow: auto;
+}
+.view-container {
+  // height: 100vh;
+  .container {
+    // width: $base-container-width;
+    width: 100%; //替换为你想要的宽度值
+    margin: 0 auto;
+  }
+}
+button {
+  padding: 10px 20px;
+
+  font-size: 16px;
+}
+
+.epils {
+  width: 100%;
+  height: 270px;
+  line-height: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 9; /*行数*/
+  -webkit-box-orient: vertical;
+}
+* {
+  margin: 0;
+  padding: 0;
+  /* box-sizing: border-box; */
+  /* font: 14px/28px "微软雅黑"; */
+}
+
+ul {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+body {
+  /* 宽度占浏览器可视区域的宽度 */
+  width: 100vm;
+  // position: relative;
+  //   display:flex;
+  //   justify-content:center;i
+  /* height: 1500px; */
+  // background-color: #FFFFFF;
+}
+
+img {
+  width: 100%;
+  height: 100%;
+}
+
+// 头
+.header {
+  width: 98%;
+  margin: auto;
+  height: 300px;
+  background-image: url('/src/assets/images/top.png');
+  background-size: 100% 100%;
+  // background:linear-gradient(#74a5ff,#91b7ff,#A4c3ff);
+}
+
+// 导航栏
+.header .nav {
+  width: 95%;
+  height: 100px;
+  // background-color: #3D78F5;
+}
+
+.header .nav1 {
+  float: right;
+  width: 24%;
+  height: 10%;
+  margin-right: 20px;
+  // background-color: #6759ff;
+}
+
+.header .nav1 ul li {
+  float: left;
+  margin-left: 5px;
+  line-height: 20px;
+  color: white;
+  font-size: 12px;
+  text-align: center;
+  // border-right: 1px solid #FFFFFF;
+}
+
+.header .nav2 {
+  float: right;
+
+  // padding-right: -20px;
+  width: 68%;
+  height: 25%;
+  margin-top: 30px;
+  // margin-right: -260px;
+  // background-color: #6759ff;
+}
+
+.header .nav2 ul li {
+  float: left;
+  margin-left: 20px;
+  // line-height: 40px;
+  color: white;
+  font-size: 15px;
+  text-align: center;
+}
+
+.header .nav2 ul li:hover {
+  color: #74a5ff;
+}
+
+.header .inco {
+  float: left;
+  width: 48%;
+  height: 65.1%;
+  margin-left: 80px;
+  // background-color: #6759ff;
+}
+
+.header h1 {
+  font-size: 50px;
+  margin-top: 23px;
+  font-weight: bolder;
+  color: #ffffff;
+  float: right;
+  margin-right: 173px; // float: left;
+  // margin-left: 779px;
+}
+
+.header p {
+  font-size: 15px;
+  margin-top: 10px;
+  // font-weight:bolder;
+  color: #ffffff;
+  float: right;
+  margin-right: 200px;
+}
+
+.logo {
+  width: 15%;
+  height: 30%;
+  float: left;
+  margin-left: 80px;
+}
+
+// 内容
+.content {
+  width: 100%;
+  // height: 1500px;
+  margin: auto;
+}
+
+.content1 {
+  width: 100%;
+  height: 500px;
+  display: flex;
+  margin: auto;
+  margin-top: 60px;
+  padding: 0 80px 0 80px;
+  background: linear-gradient(#98bbff, #a9c6ff, #d5e1f6);
+}
+
+.content1 .txt {
+  width: 32%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: space-evenly;
+  height: 100%;
+  margin: auto;
+}
+
+.content1 .txt h1 {
+  font-size: 20px;
+  height: 30px;
+  font-size: 16px;
+  line-height: 30px;
+  border-left: 3px solid #3374ff;
+  font-weight: bolder;
+  color: #3374ff;
+}
+.content1 .txt .p {
+  font-size: 23px;
+  line-height: 25px;
+  height: 178px;
+  width: 100%;
+  color: #ffffff;
+}
+.content1 .txt p {
+  font-size: 17px;
+  color: #ffffff;
+}
+
+.content .txt .box {
+  width: 100%;
+  height: 30%;
+  // background-color: #3374ff;
+  display: flex;
+  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);
+  // float: left;
+  // margin-top: 10px;
+  // margin-left: 40px;
+  // background-color: #7F9EED;
+  // display: flex;
+  // flex-direction: row;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
+}
+
+.content1 .icon {
+  width: 53%;
+  height: 84%;
+  margin: auto;
+  // background-image: url('/src/assets/images/bj1.png');
+  background-size: 102% 103.5%;
+  // background-color: #7f98cb;
+}
+
+.content1 .icon h1 {
+  color: white;
+  font-size: 24px;
+  width: 200px;
+  // background-color: #3374ff;
+  font-weight: bolder;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1; /*行数*/
+  -webkit-box-orient: vertical;
+  z-index: 999;
+  margin-left: 60px;
+  margin-top: 20px;
+}
+
+.content1 .icon button {
+  background-color: #fec861;
+  opacity: 0;
+  width: 73px;
+  height: 50px;
+  z-index: 999;
+  float: right;
+  margin-right: 13px;
+  margin-top: -40px;
+}
+
+.content1 .icon button:hover {
+  background-color: #fec861;
+  opacity: 0.2;
+  border: none;
+}
+
+.content1 .icon .content {
+  width: 87%;
+  height: 73.8%;
+  margin: auto;
+  border-radius: 15px 15px 15px 15px;
+  margin-top: 35px;
+  background-color: #ffffff;
+}
+
+.content1 .icon .content img {
+  width: 95%;
+  height: 95%;
+  float: right;
+  margin-top: 15px;
+}
+
+.content1 .icon1 {
+  width: 13%;
+  height: 86%;
+  margin: auto;
+  // background-color: #486aae;
+}
+
+.content1 .icon1 .icon {
+  width: 90%;
+  height: 27%;
+  // padding-top: 20px;
+  border-radius: 15px 15px 15px 15px;
+  margin-top: 20px;
+  box-shadow: 3px 3px 15px rgb(173, 171, 171);
+  // margin: auto;
+  background-color: #a4c3ff;
+}
+
+.content1 .icon1 .icon .image {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  image-orientation: 100% 100%;
+  border-radius: 15px 15px 15px 15px;
+  // object-fit:cover;
+  /* 删除图片下方的多余空间 */
+}
+
+.content1 .icon .box {
+  width: 85%;
+  height: 300px;
+  float: left;
+  margin-top: 30px;
+  border-radius: 10px 10px 10px 0px;
+  background-color: #d9d9d9;
+}
+
+// 尾部
+.footer {
+  margin-top: 100px;
+  width: 100%;
+  height: 250px;
+  // position: absolute;
+  text-align: center;
+  background-color: #252527;
+}
+
+.footer h3 {
+  width: 100%;
+  // position: absolute;
+  text-align: center;
+  font-size: 15px;
+  padding-top: 40px;
+  color: #7f9eed;
+  font-weight: bolder;
+}
+
+.footer h1 {
+  width: 100%;
+  // position: absolute;
+  font-family: 'kaiti_gb2312';
+  margin-top: 10px;
+  font-size: 25px;
+  color: #7f9eed;
+  font-weight: bolder;
+}
+
+.footer p {
+  width: 100%;
+  height: 20px;
+  // position: absolute;
+  font-family: 'kaiti_gb2312';
+  margin-top: 25px;
+  font-size: 17px;
+  color: #7f9eed;
+}
+.el-scrollbar__wrap {
+  padding: 0 0px;
+}
+.botto {
+  width: 20%;
+  height: 10%;
+  background-color: #7f9eed;
+}
+.botto:hover {
+  background-color: #d5e1f6;
+}
+.but {
+  width: 10%;
+  margin-top: 10px;
+  height: 4%;
+  margin: auto;
+  display: -webkit-box;
+  text-align: center;
+  line-height: 25px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1; /*行数*/
+  -webkit-box-orient: vertical;
+  color: #8aadf4;
+  border: 1.5px solid #8aadf4;
+  background-color: #f0f4fa;
+}
+.con {
+  width: 100%;
+  height: 5%;
+  // background-color: #74a5ff;
+}
+.cont {
+  width: 10%;
+  height: 5%;
+  color: #8aadf4;
+  margin: auto;
+  // background-color: #7f9eed;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/portal/knowledgePointLearning.vue b/teaching_integration_platform_admin_template/src/views/portal/knowledgePointLearning.vue
new file mode 100644
index 0000000..cad0bd2
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/knowledgePointLearning.vue
@@ -0,0 +1,1031 @@
+<template>
+  <!-- <div>知识点首页</div> -->
+  <div class="header">
+    <div class="logo"></div>
+    <div class="nav">
+      <div class="nav1">
+        <ul>
+          <li>企业入口&nbsp;&nbsp;|</li>
+          <li>教师入口&nbsp;&nbsp;|</li>
+          <li>学生入口&nbsp;&nbsp;|</li>
+          <li>毕业生入口</li>
+        </ul>
+      </div>
+      <div class="nav2">
+        <ul>
+          <li><a>学生首页</a></li>
+          <li><a>专业概况</a></li>
+          <li><a>教学改革</a></li>
+          <li><a>科学研就</a></li>
+          <li><a>人才培养</a></li>
+          <li><a>成果展示</a></li>
+          <li><a>产教结合</a></li>
+          <li><a>日常教学</a></li>
+          <li><a>优秀学生</a></li>
+        </ul>
+      </div>
+    </div>
+    <!-- <div class="inco"></div> -->
+    <h1>知识图谱</h1>
+    <p>(专业代码 ：080902H)</p>
+  </div>
+  <!-- 知识图谱 -->
+  <div class="subnav">
+    <h1>知识图谱</h1>
+  </div>
+  <div class="content">
+    <e-charts id="main" class="chart" />
+    <!-- 侧边栏 -->
+    <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>
+        <h1>知识点</h1>
+        <p>共发布225个</p>
+        <a>详情 &nbsp;&nbsp;&nbsp;></a>
+        <div class="sidebar-header-line"></div>
+      </div>
+      <!-- <div class="bo"> -->
+      <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>
+      </div>
+      <div class="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"/> -->
+
+      <!-- 百分率 -->
+      <div class="completion">
+        <!-- <div class="echates-title">知识点掌握百分比</div> -->
+        <div class="box">
+          <div id="liquidfill" style="width: 65%; height: 65%"></div>
+          <div class="percentage">
+            <h4>
+              平均完成率:
+              <p>80%</p>
+            </h4>
+          </div>
+        </div>
+        <div class="box">
+          <div id="liquidfil" style="width: 65%; height: 65%"></div>
+          <div class="percentage">
+            <h4>
+              平均完成率:
+              <p>60%</p>
+            </h4>
+          </div>
+        </div>
+        <!-- <div class="circle">
+          <div class="header1">
+
+            <div class="inner-header1 flex"></div>
+
+            <div>
+            
+              <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
+               
+                <defs>
+                  <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
+                </defs>
+                
+                <g class="parallax">
+                  <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(0,0,255,0.3)" />
+                  <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
+                  <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.3)" />
+                  <use xlink:href="#gentle-wave" x="48" y="1" fill="#fff" />
+                </g>
+
+              </svg>
+            </div>
+          </div>
+        </div>  -->
+        <!-- <div class="percentage">
+          <h4>平均完成率:<p>96%</p></h4>
+        </div> -->
+      </div>
+      <!-- 知识点 -->
+      <div class="knowledge">
+        <div class="libox">
+          <h1>49</h1>
+          <p>80% ~ 100%</p>
+        </div>
+        <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">
+          <h1>4</h1>
+          <p>59%以下</p>
+        </div>
+      </div>
+      <!-- 知识点方法 -->
+      <div class="box1">
+        <div class="method">
+          <li>掌握最好：基本方法</li>
+          <li>关联资源数最多：法律责任</li>
+          <li>掌握最欠缺：基本知识方法</li>
+        </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>
+    <p style="font-size: 13px; margin-top: 70px">
+      黄淮学院版权所有@2023 湘豫CP备 19005950号-1
+      <br />
+      违法和不良信息举报 举报电话：0xxx-8xxxxxxx 举报邮箱：xxxxxxxxx@qq.com
+    </p>
+  </div>
+  <div></div>
+</template>
+
+<script lang="ts" setup>
+// import axios from 'axios';
+import { ref, onMounted, markRaw } from 'vue'
+import * as echarts from 'echarts'
+
+import 'echarts-liquidfill'
+// var ROOT_PATH = 'https://echarts.apache.org/examples';
+// type EChartsOption = echarts.EChartsOption;
+let option = null
+// 获取dom元素 要在dom渲染时候操作
+onMounted(() => {
+  const dom = document.getElementById('main')
+  // 获取dom元素之后 进行初始化一个echarts实例对象
+  let myChart = echarts.init(dom)
+  console.log(dom, 'dom')
+  // 加载数据前打开loading
+  myChart.showLoading()
+  // 读取本地json数据
+  fetch('../../../public/nodeList.json').then((res) => {
+    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
+            }),
+          },
+        ],
+
+        series: [
+          {
+            name: 'Les Miserables',
+            type: 'graph',
+            layout: 'none',
+            data: graph.nodes,
+            links: graph.links,
+            categories: graph.categories,
+            roam: true,
+            label: {
+              show: true,
+              position: 'right',
+              formatter: '{b}',
+            },
+            labelLayout: {
+              hideOverlap: true,
+            },
+            scaleLimit: {
+              min: 0.4,
+              max: 2,
+            },
+            lineStyle: {
+              color: 'source',
+              curveness: 0.3,
+            },
+          },
+        ],
+      }
+      // 调用echarts实例方法渲染
+      myChart.setOption(option)
+    })
+  })
+
+  // option && myChart.setOption(option);
+})
+
+onMounted(() => {
+  const chartInstance: any = ref(null)
+  const updateChart = () => {
+    chartInstance.value = markRaw(
+      echarts.init(document?.getElementById(`liquidfill`)),
+    )
+    const option = {
+      series: [
+        {
+          name: '自定义盒子',
+          type: 'liquidFill',
+          phase: 0.1,
+          amplitude: 10,
+          data: [
+            {
+              value: 0.8,
+              itemStyle: {
+                color: '#95DCFE',
+              },
+            },
+            {
+              value: 0.7,
+              itemStyle: {
+                color: '#0191F7',
+              },
+            },
+          ],
+          radius: '95%',
+          // 波浪颜色
+          itemStyle: {
+            shadowBlur: 5,
+          },
+          backgroundStyle: {
+            color: 'rgba(5, 108, 252, 0.1)',
+            borderWidth: 2,
+            borderColor: '#5590FC',
+          },
+
+          outline: {
+            show: false,
+          },
+          // 水波图标签配置
+          label: {
+            show: true,
+            align: 'center',
+            distance: 50,
+            color: '#05FCF6',
+            fontSize: '24px',
+            insideColor: '#05FCF6 ',
+          },
+        },
+      ],
+    }
+    chartInstance.value.setOption(option, true)
+    chartInstance?.value?.resize()
+  }
+  updateChart()
+})
+
+// 第二个图表
+onMounted(() => {
+  const dom = document.getElementById('lina')
+  // 获取dom元素之后 进行初始化一个echarts实例对象
+  let myChart = echarts.init(dom)
+  console.log(dom, 'dom')
+  // 加载数据前打开loading
+  myChart.showLoading()
+  // 读取本地json数据
+  fetch('../../../public/nodeList.json').then((res) => {
+    res.json().then((graph) => {
+      console.log(graph)
+      myChart.hideLoading()
+      // 配置node links 关系 样式
+      option = {
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: ['记忆', '理解', '应用', '分析', '评价'],
+          axisLine: {
+            lineStyle: {
+              color: '#5470C6', // 修改 X 轴颜色
+            },
+          },
+        },
+        yAxis: {
+          type: 'value',
+          axisLine: {
+            lineStyle: {
+              color: '#5470C6', // 修改Y轴颜色
+            },
+          },
+          // min:'700',
+          splitLine: {
+            show: false,
+          },
+        },
+        series: [
+          {
+            data: [820, 932, 901, 934, 1290],
+            type: 'line',
+            areaStyle: {
+              color: '#76A6FF',
+              opacity: 0.5,
+            },
+          },
+        ],
+      }
+
+      // 调用echarts实例方法渲染
+      myChart.setOption(option)
+    })
+  })
+
+  // option && myChart.setOption(option);
+})
+
+// 水波纹
+onMounted(() => {
+  const chartInstance: any = ref(null)
+  const updateChart = () => {
+    chartInstance.value = markRaw(
+      echarts.init(document?.getElementById(`liquidfil`)),
+    )
+    const option = {
+      series: [
+        {
+          name: '自定义盒子',
+          type: 'liquidFill',
+          phase: 0.1,
+          amplitude: 10,
+          data: [
+            {
+              value: 0.6,
+              itemStyle: {
+                color: '#b3edfa',
+              },
+            },
+            {
+              value: 0.5,
+              itemStyle: {
+                color: '#47d9fa',
+              },
+            },
+          ],
+          radius: '95%',
+          // 波浪颜色
+          itemStyle: {
+            shadowBlur: 5,
+          },
+          backgroundStyle: {
+            color: 'rgba(5, 108, 252, 0.1)',
+            borderWidth: 2,
+            borderColor: '#5590FC',
+          },
+
+          outline: {
+            show: false,
+          },
+          // 水波图标签配置
+          label: {
+            show: true,
+            align: 'center',
+            distance: 50,
+            color: '#05FCF6',
+            fontSize: '24px',
+            insideColor: '#1583F2 ',
+          },
+        },
+      ],
+    }
+    chartInstance.value.setOption(option, true)
+    chartInstance?.value?.resize()
+  }
+  updateChart()
+})
+// const option = ref({
+//   xAxis: {
+//     type: 'category',
+//     boundaryGap: false,
+//     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+//   },
+//   yAxis: {
+//     type: 'value'
+//   },
+//   series: [
+//     {
+//       data: [820, 932, 901, 934, 1290, 1330, 1320],
+//       type: 'line',
+//       areaStyle: {}
+//     }
+//   ]
+// });
+</script>
+
+<style lang="scss" scoped>
+* {
+  margin: 0;
+  padding: 0;
+}
+
+ul {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+body {
+  /* 宽度占浏览器可视区域的宽度 */
+  width: 100vm;
+  // position: relative;
+  //   display:flex;
+  //   justify-content:center;i
+  /* height: 1500px; */
+  // background-color: #FFFFFF;
+}
+
+img {
+  width: 100%;
+  height: 100%;
+}
+
+// 头
+.header {
+  width: 100%;
+  height: 300px;
+  background-image: url('/src/assets/images/top.png');
+  background-size: 100% 100%;
+  // background:linear-gradient(#74a5ff,#91b7ff,#A4c3ff);
+}
+
+// 导航栏
+.header .nav {
+  width: 95%;
+  height: 100px;
+  // background-color: #3D78F5;
+}
+
+.header .nav1 {
+  float: right;
+  width: 24%;
+  height: 10%;
+  margin-right: 20px;
+  // background-color: #6759ff;
+}
+
+.header .nav1 ul li {
+  float: left;
+  margin-left: 5px;
+  line-height: 20px;
+  color: white;
+  font-size: 12px;
+  text-align: center;
+  // border-right: 1px solid #FFFFFF;
+}
+
+.header .nav2 {
+  float: right;
+
+  // padding-right: -20px;
+  width: 68%;
+  height: 25%;
+  margin-top: 30px;
+  // margin-right: -260px;
+  // background-color: #6759ff;
+}
+
+.header .nav2 ul li {
+  float: left;
+  margin-left: 20px;
+  // line-height: 40px;
+  color: white;
+  font-size: 15px;
+  text-align: center;
+}
+
+.header .nav2 ul li:hover {
+  color: #74a5ff;
+}
+
+.header .inco {
+  float: left;
+  width: 48%;
+  height: 65.1%;
+  margin-left: 80px;
+  // background-color: #6759ff;
+}
+
+.header h1 {
+  font-size: 50px;
+  margin-top: 23px;
+  font-weight: bolder;
+  color: #ffffff;
+  float: right;
+  margin-right: 173px; // float: left;
+  // margin-left: 779px;
+}
+
+.header p {
+  font-size: 15px;
+  margin-top: 102px;
+  // font-weight:bolder;
+  color: #ffffff;
+  float: right;
+  margin-right: -175px;
+}
+
+.logo {
+  width: 15%;
+  height: 30%;
+  float: left;
+  margin-left: 80px;
+}
+
+.subnav {
+  width: 100%;
+  margin: auto;
+  margin-top: 50px;
+  height: 50px;
+  // background-color: #7F9EED;
+}
+
+.subnav h1 {
+  border-bottom: 4px solid #0052ff;
+  font-size: 20px;
+  width: 10%;
+  height: 35px;
+  margin: auto;
+  font-weight: bolder;
+  color: #0052ff;
+  text-align: center;
+}
+
+.content {
+  margin-top: 30px;
+  width: 100%;
+  height: 750px;
+  // background-color: #74a5ff;
+  // background: linear-gradient(#dde6f8, #b5cdf9, #97b8f8);
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+}
+
+.chart {
+  width: 72%;
+  height: 100%;
+  border: 1px solid rgba(75, 112, 170, 0.2);
+  // background-color: rgb(185, 207, 250,0.5);
+  // background-color: rgba(0, 80, 251, 0.1);
+  // background-color: bisque
+}
+
+.cha {
+  width: 100%;
+  height: 100%;
+  // background-color: bisque
+}
+
+.sidebar {
+  width: 25%;
+  height: 100%;
+  // background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
+}
+
+.sidebar .sidebar-header {
+  width: 100%;
+  height: 7%;
+  background: linear-gradient(#74a5ff, #91b7ff, #a4c3ff);
+  // transform: perspective(3em) rotateY(-6deg);
+}
+
+.sidebar .sidebar-header-imag {
+  width: 100%;
+  display: flex;
+  height: 28%;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+}
+
+.sidebar .sidebar-header-imag1 {
+  width: 5%;
+  height: 100%;
+}
+
+.sidebar .sidebar-header-imag2 {
+  width: 8%;
+  height: 100%;
+}
+
+.sidebar .sidebar-header-imag1:hover {
+  background-color: #728cc4;
+}
+
+.sidebar .sidebar-header h1 {
+  width: 20%;
+  font-weight: bolder;
+  color: #fafafa;
+  float: left;
+  margin-left: 10px;
+  font-size: 16px;
+  line-height: 30px;
+  // background-color: #728cc4;
+  // transform: perspective(3em) rotateY(-6deg);
+}
+
+.sidebar .sidebar-header p {
+  width: 33%;
+  // font-weight:bolder;
+  color: #fafafa;
+  float: left;
+  margin-left: 10px;
+  font-size: 13px;
+  line-height: 30px;
+  // background-color: #728cc4;
+  // transform: perspective(3em) rotateY(-6deg);
+}
+
+.sidebar .sidebar-header a {
+  width: 20%;
+  font-weight: bolder;
+  color: #fafafa;
+  float: right;
+  margin-right: 3px;
+  font-size: 13px;
+  line-height: 30px;
+  // background-color: #728cc4;
+  // transform: perspective(3em) rotateY(-6deg);
+}
+
+.sidebar .sidebar-header-line {
+  width: 60%;
+  height: 6%;
+  border-radius: 2px 2px 2px 2px;
+  background-color: #74a5ff;
+  float: left;
+  margin-top: 1.5%;
+  // box-shadow: 1.5px -2px #F0F4FA;
+  box-shadow: 0px -2px 3px 2px #f0f4fa;
+  // box-shadow:  1.5px 1px  #F0F4FA;
+  // transform: perspective(3em) rotateY(-6deg);
+}
+
+.sidebar .content {
+  width: 100%;
+  height: 6%;
+  background: linear-gradient(#74a5ff, #91b7ff, #a4c3ff);
+  margin-top: 10px;
+}
+
+.sidebar .content .txt {
+  width: 100%;
+  height: 100%;
+  // background-color: #728cc4;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+  display: flex;
+}
+
+.sidebar .content .txt .imag {
+  width: 15%;
+  height: 60%;
+}
+
+.sidebar .content .txt1 {
+  width: 90%;
+  height: 5%;
+  font-size: 14px;
+  margin-left: 4px;
+  color: #ffffff;
+  margin-top: 15px;
+}
+
+.sidebar .lina {
+  width: 100%;
+  height: 30%;
+  display: flex;
+  flex-direction: column-reverse;
+  // background-color: #A1C1FF;
+}
+
+// 百分率
+.sidebar .completion {
+  width: 100%;
+  height: 21%;
+  margin: auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+  // background-color: #A1C1FF;
+  // background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
+  // background-color: rgba(43, 111, 237, 0.5);
+}
+
+.sidebar .completion .box {
+  width: 48%;
+  height: 95%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  flex-direction: row;
+  align-content: center;
+  // background: #7786a4;
+}
+
+.sidebar .completion .circle {
+  border-radius: 50%;
+  width: 100px;
+  height: 100px;
+  // background: #b0c4ed;
+}
+
+.percentage {
+  width: 90%;
+  height: 15%;
+  margin-top: 20px;
+  border-radius: 10px 10px 10px 10px;
+  background-color: rgb(125, 159, 232, 0.5);
+}
+
+.percentage h4 {
+  width: 100%;
+  height: 90%;
+  font-size: 15px;
+  line-height: 20px;
+  // text-align: center;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-evenly;
+  color: #f0f4fa;
+  font-weight: bold;
+  // background-color: #5582dc;
+}
+
+.percentage h4 p {
+  width: 20%;
+  height: 90%;
+  font-size: 15px;
+  line-height: 20px;
+  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%
+  );
+  // color: rgb(207, 59, 59);
+}
+
+.inner-header1 {
+  height: 65vh;
+  height: 20%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.flex {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.waves {
+  position: relative;
+  width: 100%;
+  height: 50%;
+  border-radius: 50%;
+  // margin-bottom: -7px;
+  min-height: 100px;
+  max-height: 150px;
+  //  color: #0052FF;
+}
+
+//  .content1 {
+//      position: relative;
+//      height: 20vh;
+//      text-align: center;
+//      background-color: white;
+//  }
+
+.parallax > use {
+  /* 使use元素执行move-forever动画 */
+  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
+}
+
+.parallax > use:nth-child(1) {
+  /* 延迟2秒启动动画  */
+
+  /* 设置动画持续时间为7秒 */
+  // background-color: #0052FF;
+  animation-delay: -3s;
+  animation-duration: 10s;
+  // animation-duration: 7s;
+  // animation-delay: -2s;
+}
+
+.parallax > use:nth-child(2) {
+  // background-color: #0052FF;
+  animation-delay: -3s;
+  animation-duration: 10s;
+}
+
+// .parallax>use:nth-child(3) {
+//   animation-delay: -4s;
+//   animation-duration: 13s;
+// }
+
+// .parallax>use:nth-child(4) {
+//   animation-delay: -5s;
+//   animation-duration: 20s;
+// }
+
+@keyframes move-forever {
+  0% {
+    // color: #0052FF;
+    transform: translate3d(-90px, 0, 0);
+  }
+
+  100% {
+    transform: translate3d(85px, 0, 0);
+  }
+}
+
+@media (max-width: 768px) {
+  .waves {
+    // background-color: #0052FF;
+    height: 40px;
+    min-height: 40px;
+  }
+
+  // .content {
+  //   height: 30vh;
+  // }
+
+  // h1 {
+  //   font-size: 24px;
+  // }
+}
+
+// 知识点
+.knowledge {
+  width: 100%;
+  height: 15%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  background-color: #a1c1ff;
+  // background-color: #A4c3ff;
+  padding-top: 20px;
+}
+
+.knowledge .libox {
+  width: 32%;
+  height: 80%;
+  //  float: left;
+  //  margin-left: 10px;
+  // background-color: #7caefa
+}
+
+.knowledge .libox h1 {
+  width: 100%;
+  height: 50%;
+  color: #f0f4fa;
+  line-height: 50px;
+  text-align: center;
+  margin: auto;
+  font-size: 26px;
+  font-weight: bold;
+  // background-color: #4c668e
+}
+
+.knowledge .libox p {
+  width: 100%;
+  height: 50%;
+  color: #f0f4fa;
+  line-height: 50px;
+  text-align: center;
+  margin: auto;
+  font-size: 15px;
+  //  font-weight:bold;
+  // background-color: #a1bde8
+}
+
+// 知识点方法
+.box1 {
+  width: 100%;
+  height: 147px;
+  background-color: #a1c1ff;
+  // height: 100%;
+}
+
+.method {
+  width: 90%;
+  height: 85%;
+  margin: auto;
+  border-radius: 15px 15px 15px 15px;
+  background-color: #74a5ff;
+  // background: linear-gradient(#74a5ff, #91b7ff, #A4c3ff);
+}
+
+.method li {
+  width: 90%;
+  height: 20%;
+  font-size: 15px;
+  font-weight: bold;
+  line-height: 35px;
+  margin-left: 10px;
+  padding-top: 10px;
+  color: #f0f4fa;
+  // background-color: #74a5ff;
+}
+.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;
+}
+
+// 尾部
+.footer {
+  margin-top: 100px;
+  width: 100%;
+  height: 250px;
+  // position: absolute;
+  text-align: center;
+  background-color: #252527;
+}
+
+.footer h3 {
+  width: 100%;
+  // position: absolute;
+  text-align: center;
+  font-size: 15px;
+  padding-top: 40px;
+  color: #7f9eed;
+  font-weight: bolder;
+}
+
+.footer h1 {
+  width: 100%;
+  // position: absolute;
+  font-family: 'kaiti_gb2312';
+  margin-top: 10px;
+  font-size: 25px;
+  color: #7f9eed;
+  font-weight: bolder;
+}
+
+.footer p {
+  width: 100%;
+  height: 20px;
+  // position: absolute;
+  font-family: 'kaiti_gb2312';
+  margin-top: 25px;
+  font-size: 17px;
+  color: #7f9eed;
+}
+
+.echates-title {
+  color: #333;
+  font-size: 14px;
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+
+.bo {
+  width: 100%;
+  background: linear-gradient(#74a5ff, #91b7ff, #a4c3ff);
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/portal/view.vue b/teaching_integration_platform_admin_template/src/views/portal/view.vue
new file mode 100644
index 0000000..9d937a0
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/portal/view.vue
@@ -0,0 +1,14 @@
+<template>
+    <div>
+        <router-view></router-view>
+    </div>
+</template>
+
+<script lang='ts' setup>
+// import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
+</script>
+
+<style lang='scss' scoped>
+
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/student/components/editStu.vue b/teaching_integration_platform_admin_template/src/views/student/components/editStu.vue
new file mode 100644
index 0000000..292d67e
--- /dev/null
+++ b/teaching_integration_platform_admin_template/src/views/student/components/editStu.vue
@@ -0,0 +1,210 @@
+<script setup>
+import { ref } from 'vue'
+import { stuListService, updateStuService } from '@/api/user/stud'
+import { tool, client } from '@/utils/alioss.js'
+import { ElMessage } from 'element-plus'
+const drawer = ref(false)
+const formLabelWidth = '80px'
+const emit = defineEmits(['success'])
+const imgUrl = ref()
+const formModel = ref({
+  icon: '',
+  number: '',
+  name: '',
+  sex: '',
+  nickName: '',
+  username: '',
+  major: '',
+  yearAge: '',
+  createTime: '',
+})
+
+formModel.value.sex === '男' ? 0 : 1
+const open = async (row) => {
+  drawer.value = true
+  await stuListService(row.id).then((res) => {
+    formModel.value = res.data
+    imgUrl.value = formModel.value.icon
+    // console.log(formModel.value.icon, 'defauleForm.value')
+  })
+}
+const beforeUpload = (file) => {
+  const validImageTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/bmp']
+  if (!validImageTypes.includes(file.type)) {
+    ElMessage.error('请上传图片')
+    return false
+  }
+  return true
+}
+const upload = async (option) => {
+  const res = await tool.oss.upload(option.file)
+  //   console.log(res, 'res')
+  formModel.value.icon = res.url
+  imgUrl.value = formModel.value.icon
+}
+const formRef = ref(null)
+
+//校验
+const rules = {
+  number: [
+    { required: true, message: '请输入学号', trigger: 'blur' },
+    { min: 2, max: 20, message: '长度在2-20之间', trigger: 'blur' },
+  ],
+  name: [
+    { required: true, message: '请输入姓名', trigger: 'blur' },
+    { min: 2, max: 5, message: '长度在2-5之间', trigger: 'blur' },
+  ],
+  sex: [
+    {
+      required: true,
+      message: '请选择性别',
+      trigger: 'change',
+    },
+  ],
+  nickName: [
+    {
+      message: '请输入昵称',
+      trigger: 'blur',
+    },
+  ],
+  username: [{ required: true }],
+  createTime: [{ required: true }],
+  major: [
+    { required: true, message: '专业不能为空', trigger: 'blur' },
+    {
+      min: 2,
+      max: 20,
+      message: '职位名称至少2个字符最多20个字符',
+      trigger: 'blur',
+    },
+  ],
+  yearAge: [
+    {
+      required: true,
+      trigger: 'change',
+      message: '请选择入学年份',
+    },
+  ],
+}
+
+//提交
+const onSubmit = async () => {
+  await formRef.value.validate()
+  console.log(formModel.value, 'form')
+  await await updateStuService({
+    id: formModel.value.id,
+    userId: formModel.value.userId,
+    icon: formModel.value.icon,
+    number: formModel.value.number,
+    name: formModel.value.name,
+    sex: formModel.value.sex,
+    nickName: formModel.value.nickName,
+    major: formModel.value.major,
+  }).then(() => {
+    ElMessage.success('修改成功')
+    drawer.value = false
+
+    emit('success', 'edit')
+  })
+}
+const onCancel = () => {
+  drawer.value = false
+}
+defineExpose({
+  open,
+})
+</script>
+<template>
+  <el-drawer v-model="drawer" title="编辑信息" style="">
+    <el-form
+      :model="formModel"
+      :rules="rules"
+      ref="formRef"
+      :label-width="formLabelWidth"
+    >
+      <el-form-item label="头像" prop="icon">
+        <el-upload
+          v-model="formModel.icon"
+          class="avatar-uploader"
+          :http-request="upload"
+          :show-file-list="false"
+          :before-upload="beforeUpload"
+        >
+          <img v-if="imgUrl" :src="imgUrl" class="avatar" />
+          <!-- <img v-if="imageUrl" :src="imageUrl" class="avatar" /> -->
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+          <template #tip>
+            <div class="el-upload__tip">图片文件要为jpg/png格式，小于500kb</div>
+          </template>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="学号" prop="number">
+        <el-input v-model="formModel.number" placeholder="请输入学号" />
+      </el-form-item>
+      <el-form-item label="姓名" prop="name">
+        <el-input v-model="formModel.name" placeholder="请输入姓名" />
+      </el-form-item>
+      <el-form-item label="性别" prop="sex">
+        <el-radio-group v-model="formModel.sex">
+          <el-radio value="男">男</el-radio>
+          <el-radio value="女">女</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="用户名" prop="userName">
+        <el-input v-model="formModel.username" readonly />
+      </el-form-item>
+      <el-form-item label="昵称" prop="nickName">
+        <el-input v-model="formModel.nickName" placeholder="请输入昵称" />
+      </el-form-item>
+
+      <el-form-item label="专业" prop="major">
+        <el-input v-model="formModel.major" placeholder="请输入专业" />
+      </el-form-item>
+      <el-form-item label="创建时间" prop="createTime">
+        <el-input v-model="formModel.createTime" readonly />
+      </el-form-item>
+    </el-form>
+    <div class="footer">
+      <el-button @click="onCancel">取消</el-button>
+      <el-button type="primary" @click="onSubmit">确认</el-button>
+    </div>
+  </el-drawer>
+</template>
+<style scoped lang="scss">
+.avatar-uploader {
+  :deep() {
+    .avatar {
+      width: 178px;
+      height: 178px;
+      display: block;
+    }
+
+    .el-upload {
+      border: 1px dashed var(--el-border-color);
+      border-radius: 6px;
+      cursor: pointer;
+      position: relative;
+      overflow: hidden;
+      transition: var(--el-transition-duration-fast);
+    }
+
+    .el-upload:hover {
+      border-color: var(--el-color-primary);
+    }
+
+    .el-icon.avatar-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 178px;
+      height: 178px;
+      text-align: center;
+    }
+  }
+}
+.footer {
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  margin-top: 100px;
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/src/views/student/index.vue b/teaching_integration_platform_admin_template/src/views/student/index.vue
index 368df54..1b1690d 100644
--- a/teaching_integration_platform_admin_template/src/views/student/index.vue
+++ b/teaching_integration_platform_admin_template/src/views/student/index.vue
@@ -1,9 +1,500 @@
+<script setup>
+import { Search, Edit, Delete, CircleClose } from '@element-plus/icons-vue'
+import { ref, onMounted, computed } from 'vue'
+import {
+  // stuListService,
+  stuPageService,
+  delStuListService,
+  reStuPassService,
+  changeStaService,
+  stuNumberService,
+} from '@/api/user/stud'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import useUserStore from '@/store/modules/user'
+// import editStu from './components/editStu.vue'
+// import { tryOnMounted } from '@vueuse/core'
+const userStore = useUserStore()
+// console.log(userStore.data.id, 'icon') //用户信息
+const formLabelWidth = '60px'
+const tableData = ref([])
+const total = ref()
+const show = ref(false)
+const show1 = ref(false)
+
+//是否是第一次加载
+const isFirstLoad = ref(true)
+const params = ref({
+  page: 1,
+  pagesize: 3,
+  id: userStore.data.id,
+  name: '',
+  number: '',
+})
+
+//获取学生
+const getData = async () => {
+  loading.value = true
+  console.log(params.value, 'params')
+
+  await stuPageService(params.value).then((res) => {
+    tableData.value = res.data.Records
+    total.value = res.data.totalCount
+    loading.value = false
+    // console.log(res.data.totalCount, 'res.data')
+    isFirstLoad.value = false
+  })
+}
+
+// 页面条数变化
+const onSizeChange = (size) => {
+  //页面条数变化了，原本正在访问的页面变化，重新从第一页渲染即可
+  loading.value = true
+  params.value.page = 1
+  params.value.pagesize = size
+  //基于最新的页面渲染数据
+  getData()
+  loading.value = false
+}
+// 当前页条数变化
+const onCurrentChange = (page) => {
+  params.value.page = page
+  getData()
+}
+
+const loading = ref(false)
+//编辑
+const drawer = ref(false)
+//修改行
+const stuChange = ref()
+const editTable = (row) => {
+  stuChange.value.open(row)
+  console.log(row)
+  drawer.value = true
+}
+//删除行
+const delTable = async (row) => {
+  // console.log(row.userId, 'delrow')
+  await ElMessageBox.confirm('您确定删除这条学生信息吗', '温馨提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+  await delStuListService(row.userId).then(() => {
+    ElMessage({
+      message: '删除成功',
+      type: 'success',
+    })
+  })
+  getData()
+}
+//批量删除
+const selectedIds = ref([])
+function handleSelectionChange(selection) {
+  selectedIds.value = selection.map((row) => row.userId)
+  // console.log(selectedIds.value, 'selectedIds.value')
+}
+const onDel = async () => {
+  if (selectedIds.value.length !== 0) {
+    await ElMessageBox.confirm('确定删除学生信息吗', '温馨提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    await delStuListService(selectedIds.value).then(() => {
+      ElMessage({
+        message: '删除成功',
+        type: 'success',
+      })
+    })
+    getData()
+  } else {
+    ElMessage({
+      message: '请选择要删除的学生',
+    })
+  }
+}
+//重置学生密码
+const onResetPass = async () => {
+  if (selectedIds.value.length !== 0) {
+    await ElMessageBox.confirm('确定重置密码吗', '温馨提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    await reStuPassService(selectedIds.value).then(() => {
+      ElMessage({
+        message: '重置成功',
+        type: 'success',
+      })
+    })
+    getData()
+  } else {
+    ElMessage({
+      message: '请选择要重置密码的学生',
+    })
+  }
+}
+//状态
+const status = ref()
+tableData.value.forEach((item) => {
+  item.status = item.status === 1
+})
+async function handleStatusChange(id,row) {
+  console.log(row,id);
+  await changeStaService(row, id).then(() => {
+      ElMessage({
+        message: '状态更改成功',
+        type: 'success',
+      })
+    })
+
+  // console.log(row)
+  // status.value = row.status
+  // console.log(`${row.status}` === 1 ? true : false, 'status')
+  // console.log(status.value === 0 ? true : false, 'status1')
+  // console.log(`状态更改: ${row.status}`)
+  // if (!isFirstLoad.value) {
+  //   await changeStaService(status.value, row.userId).then(() => {
+  //     ElMessage({
+  //       message: '状态更改成功',
+  //       type: 'success',
+  //     })
+  //   })
+  // }
+  // getData()
+}
+
+//姓名查询
+const studentName = ref()
+function onFocus1() {
+  show1.value = true
+}
+const closeName = () => {
+  show1.value = false
+  studentName.value = ''
+}
+const searchInfo = async () => {
+  params.value.name = studentName.value
+  if (studentName.value.trim() !== '') {
+    await stuPageService({
+      page: 1,
+      pagesize: 3,
+      id: userStore.data.id,
+      name: studentName.value,
+      number: '',
+    }).then((res) => {
+      params.value.page = 1
+      console.log(res, 'change')
+      getData()
+      // studentName.value = ''
+    })
+  }
+}
+
+//学号查询
+const studentId = ref()
+function onFocus() {
+  show.value = true
+}
+function onblur1() {
+  show.value = false
+}
+
+const clearIdinput = () => {
+  show.value = false
+  studentId.value = ''
+}
+const searchNumber = async () => {
+  params.value.number = studentId.value
+  if (studentId.value > 0) {
+    await stuPageService({
+      page: 1,
+      pagesize: 3,
+      id: userStore.data.id,
+      name: '',
+      number: studentId.value,
+    }).then((res) => {
+      params.value.page = 1
+      getData()
+    })
+  }
+}
+//重置
+const onReset = () => {
+  params.value.page = 1
+  params.value.name = ''
+  params.value.number = ''
+  getData()
+}
+function clearInput() {
+  studentId.value = ''
+}
+
+function clearInput1() {
+  studentName.value = ''
+}
+const value1 = ref(true)
+let switchValue = ref()
+switchValue.value = tableData.value.status
+const handleSwitchChange = (value) => {
+  switchValue.value === 1 ? true : false
+}
+const onSuccess = () => {
+  getData()
+}
+onMounted(() => {
+  getData()
+})
+</script>
 <template>
-  <div>学生</div>
+  <el-card class="page-container">
+    <template #header>
+      <div class="card-header">
+        <span>学生信息</span>
+        <div>
+          <el-button type="primary" @click="onResetPass">重置密码</el-button>
+          <el-button type="danger" @click="onDel">批量删除</el-button>
+        </div>
+      </div>
+    </template>
+    <div class="content">
+      <el-form style="display: flex">
+        <el-form-item style="width: 250px">
+          <el-input
+            class="input_search"
+            v-model="studentId"
+            @focus="onFocus"
+            placeholder="输入学号进行搜索"
+          ></el-input>
+          <el-icon
+            color="gray"
+            :size="12"
+            style="margin-right: 20px"
+            @click="clearIdinput"
+            v-if="show"
+          >
+            <CircleClose />
+          </el-icon>
+          <el-icon><Search /></el-icon>
+        </el-form-item>
+        <el-button class="btn_search" @click="searchNumber">搜索</el-button>
+
+        <el-form-item style="width: 250px; margin-left: 30px">
+          <el-input
+            class="input_search"
+            v-model="studentName"
+            @focus="onFocus1"
+            placeholder="输入姓名进行搜索"
+          ></el-input>
+          <el-icon
+            color="gray"
+            :size="12"
+            style="margin-right: 20px"
+            v-if="show1"
+            @click="closeName"
+          >
+            <CircleClose />
+          </el-icon>
+          <el-icon><Search /></el-icon>
+        </el-form-item>
+        <el-button class="btn_search" @click="searchInfo">搜索</el-button>
+        <el-button type="primary" @click="onReset">重置</el-button>
+      </el-form>
+      <el-table
+        class="tableBox"
+        :data="tableData"
+        v-loading="loading"
+        @selection-change="handleSelectionChange"
+        :header-cell-style="{
+          background: '#FAFAFA',
+          color: '#666',
+          fontSize: '14px',
+          fontWeight: 'bold',
+          height: '45px',
+          lineHeight: '45px',
+          borderTop: '1px solid #ebeef5',
+          textAlign: 'center',
+        }"
+        :cell-style="{
+          color: '#666',
+          fontSize: '14px',
+          height: '40px',
+          lineHeight: '40px',
+          textAlign: 'center',
+        }"
+        :row-style="{
+          height: '40px',
+        }"
+        style="width: 100%"
+      >
+        <el-table-column type="selection" width="55" height="100" />
+        <el-table-column prop="icon" label="头像">
+          <template v-slot="scope">
+            <img
+              :src="scope.row.icon"
+              alt="头像"
+              width="40"
+              height="40"
+              class="rounded-circle"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="number" label="学号" width="120" />
+        <el-table-column prop="name" label="姓名" />
+        <el-table-column prop="username" label="用户名" />
+        <el-table-column prop="nickName" label="昵称" />
+        <el-table-column prop="sex" label="性别" />
+        <el-table-column prop="major" label="专业" />
+        <el-table-column prop="createTime" label="创建时间" width="200" />
+        <el-table-column prop="status" label="状态">
+          <template v-slot="scope">
+            <el-switch
+              v-model="scope.row.status"
+              active-value="1"
+              inactive-value="0"
+              @change="handleStatusChange(scope.row.userId,$event)"
+            />
+          </template>
+        </el-table-column>
+
+        <el-table-column fixed="right" label="操作" min-width="125">
+          <template #default="{ row }">
+            <el-button
+              type="primary"
+              :icon="Edit"
+              circle
+              plain
+              @click="editTable(row)"
+            ></el-button>
+            <el-button
+              :icon="Delete"
+              type="danger"
+              circle
+              plain
+              @click="delTable(row)"
+            ></el-button>
+          </template>
+        </el-table-column>
+        <template #empty>
+          <el-empty description="没有数据" />
+        </template>
+      </el-table>
+      <el-pagination
+        v-model:current-page="params.page"
+        v-model:page-size="params.pagesize"
+        :page-sizes="[3, 5, 7, 10]"
+        :background="true"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        @size-change="onSizeChange"
+        @current-change="onCurrentChange"
+      />
+    </div>
+  </el-card>
+  <!-- <edit-stu ref="stuChange"></edit-stu> -->
+
+  <edit-stu ref="stuChange" @success="onSuccess()"></edit-stu>
 </template>
 
-<script lang="ts" setup>
-import {} from 'vue'
-</script>
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100%;
+  box-sizing: border-box;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  flex: 1;
+  font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC',
+    'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+}
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.content {
+  min-height: 660px;
+}
 
-<style lang="scss" scoped></style>
+.input_search {
+  position: relative;
+  // border-radius: 8px;
+}
+.el-icon {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  .close {
+    margin-right: 10px;
+  }
+}
+.btn_search {
+  margin: 0px 15px;
+  // margin-top: 12px;
+  border-radius: 8px;
+  font-size: 13px;
+  background-color: #377be5;
+  color: #fff;
+}
+.el-table {
+  font-family: Arial, sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  color: #666;
+  // height: 10px;
+}
+.el-table .el-table-column {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  font-weight: bold;
+  color: #af4141;
+}
+.rounded-circle {
+  border-radius: 50%;
+}
+::v-deep.el-table td.el-table__cell div {
+  // margin-left: -6px;
+  // width: 170px;
+  height: 40px;
+  line-height: 40px;
+}
+::v-deep .el-scrollbar__wrap {
+  padding: 0px 0px;
+}
+.el-pagination {
+  margin-top: 30px;
+  text-align: center;
+  justify-content: end;
+  font-size: 12px;
+}
+h5 {
+  margin-top: 22px;
+}
+.avatar-uploader {
+  :deep() {
+    .avatar {
+      width: 178px;
+      height: 178px;
+      display: block;
+    }
+    .el-upload {
+      border: 1px dashed var(--el-border-color);
+      border-radius: 6px;
+      cursor: pointer;
+      position: relative;
+      overflow: hidden;
+      transition: var(--el-transition-duration-fast);
+    }
+    .el-upload:hover {
+      border-color: var(--el-color-primary);
+    }
+    .el-icon.avatar-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 178px;
+      height: 178px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_admin_template/tsconfig.json b/teaching_integration_platform_admin_template/tsconfig.json
index 12947d9..70f94c8 100644
--- a/teaching_integration_platform_admin_template/tsconfig.json
+++ b/teaching_integration_platform_admin_template/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "allowJs": true,
     "target": "ES2020",
     "useDefineForClassFields": true,
     "module": "ESNext",
diff --git a/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1718268044772-4deaaf3aeef01.mjs b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1718268044772-4deaaf3aeef01.mjs
new file mode 100644
index 0000000..91a14a7
--- /dev/null
+++ b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1718268044772-4deaaf3aeef01.mjs
@@ -0,0 +1,40 @@
+// vite.config.ts
+import vue from "file:///D:/aaa/teaching/Teaching_integration_platform_admin_template/node_modules/.pnpm/@vitejs+plugin-vue@5.0.4_vite@5.1.4_vue@3.4.19/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import { viteMockServe } from "file:///D:/aaa/teaching/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-mock@3.0.1_esbuild@0.19.12_mockjs@1.1.0_vite@5.1.4/node_modules/vite-plugin-mock/dist/index.mjs";
+import { createSvgIconsPlugin } from "file:///D:/aaa/teaching/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-svg-icons@2.0.1_vite@5.1.4/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+var vite_config_default = ({ command }) => {
+  return {
+    plugins: [
+      vue(),
+      viteMockServe({
+        enable: command === "serve"
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
+        // Specify symbolId format
+        symbolId: "icon-[dir]-[name]"
+      })
+    ],
+    resolve: {
+      alias: {
+        "@": path.resolve("./src")
+        // 相对路径别名配置，使用 @ 代替 src
+      }
+    },
+    // 配置scss
+    css: {
+      preprocessorOptions: {
+        scss: {
+          javascriptEnabled: true,
+          additionalData: '@import "./src/styles/variable.scss";'
+        }
+      }
+    }
+  };
+};
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJEOlxcXFxhYWFcXFxcdGVhY2hpbmdcXFxcVGVhY2hpbmdfaW50ZWdyYXRpb25fcGxhdGZvcm1fYWRtaW5fdGVtcGxhdGVcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkQ6XFxcXGFhYVxcXFx0ZWFjaGluZ1xcXFxUZWFjaGluZ19pbnRlZ3JhdGlvbl9wbGF0Zm9ybV9hZG1pbl90ZW1wbGF0ZVxcXFx2aXRlLmNvbmZpZy50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vRDovYWFhL3RlYWNoaW5nL1RlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXHJcbi8vIFx1NUJGQ1x1NTE2NW1vY2tcdTYzRDJcdTRFRjZcclxuaW1wb3J0IHsgdml0ZU1vY2tTZXJ2ZSB9IGZyb20gJ3ZpdGUtcGx1Z2luLW1vY2snXHJcbi8vIFx1NUJGQ1x1NTE2NXN2Z1x1OTE0RFx1N0Y2RVx1NjNEMlx1NEVGNlxyXG5pbXBvcnQgeyBjcmVhdGVTdmdJY29uc1BsdWdpbiB9IGZyb20gJ3ZpdGUtcGx1Z2luLXN2Zy1pY29ucydcclxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cclxuZXhwb3J0IGRlZmF1bHQgKHsgY29tbWFuZCB9OiBhbnkpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICB2dWUoKSxcclxuICAgICAgdml0ZU1vY2tTZXJ2ZSh7XHJcbiAgICAgICAgZW5hYmxlOiBjb21tYW5kID09PSAnc2VydmUnLFxyXG4gICAgICB9KSxcclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFNwZWNpZnkgdGhlIGljb24gZm9sZGVyIHRvIGJlIGNhY2hlZFxyXG4gICAgICAgIGljb25EaXJzOiBbcGF0aC5yZXNvbHZlKHByb2Nlc3MuY3dkKCksICdzcmMvYXNzZXRzL2ljb25zJyldLFxyXG4gICAgICAgIC8vIFNwZWNpZnkgc3ltYm9sSWQgZm9ybWF0XHJcbiAgICAgICAgc3ltYm9sSWQ6ICdpY29uLVtkaXJdLVtuYW1lXScsXHJcbiAgICAgIH0pLFxyXG4gICAgXSxcclxuICAgIHJlc29sdmU6IHtcclxuICAgICAgYWxpYXM6IHtcclxuICAgICAgICAnQCc6IHBhdGgucmVzb2x2ZSgnLi9zcmMnKSwgLy8gXHU3NkY4XHU1QkY5XHU4REVGXHU1Rjg0XHU1MjJCXHU1NDBEXHU5MTREXHU3RjZFXHVGRjBDXHU0RjdGXHU3NTI4IEAgXHU0RUUzXHU2NkZGIHNyY1xyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIC8vIFx1OTE0RFx1N0Y2RXNjc3NcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgamF2YXNjcmlwdEVuYWJsZWQ6IHRydWUsXHJcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogJ0BpbXBvcnQgXCIuL3NyYy9zdHlsZXMvdmFyaWFibGUuc2Nzc1wiOycsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgfVxyXG59XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFDQSxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBRWpCLFNBQVMscUJBQXFCO0FBRTlCLFNBQVMsNEJBQTRCO0FBRXJDLElBQU8sc0JBQVEsQ0FBQyxFQUFFLFFBQVEsTUFBVztBQUNuQyxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixjQUFjO0FBQUEsUUFDWixRQUFRLFlBQVk7QUFBQSxNQUN0QixDQUFDO0FBQUEsTUFDRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsUUFBUSxJQUFJLEdBQUcsa0JBQWtCLENBQUM7QUFBQTtBQUFBLFFBRTFELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxPQUFPO0FBQUEsUUFDTCxLQUFLLEtBQUssUUFBUSxPQUFPO0FBQUE7QUFBQSxNQUMzQjtBQUFBLElBQ0Y7QUFBQTtBQUFBLElBRUEsS0FBSztBQUFBLE1BQ0gscUJBQXFCO0FBQUEsUUFDbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUEsUUFDbEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjsiLAogICJuYW1lcyI6IFtdCn0K
diff --git a/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1718962043727-a5f9abeb4a0c.mjs b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1718962043727-a5f9abeb4a0c.mjs
new file mode 100644
index 0000000..e69de29
diff --git a/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723300901027-675730089c647.mjs b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723300901027-675730089c647.mjs
new file mode 100644
index 0000000..5a8a52a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723300901027-675730089c647.mjs
@@ -0,0 +1,40 @@
+// vite.config.ts
+import vue from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/@vitejs+plugin-vue@5.0.4_vite@5.1.4_vue@3.4.29/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import { viteMockServe } from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-mock@3.0.1_esbuild@0.19.12_mockjs@1.1.0_vite@5.1.4/node_modules/vite-plugin-mock/dist/index.mjs";
+import { createSvgIconsPlugin } from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-svg-icons@2.0.1_vite@5.1.4/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+var vite_config_default = ({ command }) => {
+  return {
+    plugins: [
+      vue(),
+      viteMockServe({
+        enable: command === "serve"
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
+        // Specify symbolId format
+        symbolId: "icon-[dir]-[name]"
+      })
+    ],
+    resolve: {
+      alias: {
+        "@": path.resolve("./src")
+        // 相对路径别名配置，使用 @ 代替 src
+      }
+    },
+    // 配置scss
+    css: {
+      preprocessorOptions: {
+        scss: {
+          javascriptEnabled: true,
+          additionalData: '@import "./src/styles/variable.scss";'
+        }
+      }
+    }
+  };
+};
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxqaWFveHVlXFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJFOlxcXFxqaWFveHVlXFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9FOi9qaWFveHVlL1RlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXHJcbi8vIFx1NUJGQ1x1NTE2NW1vY2tcdTYzRDJcdTRFRjZcclxuaW1wb3J0IHsgdml0ZU1vY2tTZXJ2ZSB9IGZyb20gJ3ZpdGUtcGx1Z2luLW1vY2snXHJcbi8vIFx1NUJGQ1x1NTE2NXN2Z1x1OTE0RFx1N0Y2RVx1NjNEMlx1NEVGNlxyXG5pbXBvcnQgeyBjcmVhdGVTdmdJY29uc1BsdWdpbiB9IGZyb20gJ3ZpdGUtcGx1Z2luLXN2Zy1pY29ucydcclxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cclxuZXhwb3J0IGRlZmF1bHQgKHsgY29tbWFuZCB9OiBhbnkpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICB2dWUoKSxcclxuICAgICAgdml0ZU1vY2tTZXJ2ZSh7XHJcbiAgICAgICAgZW5hYmxlOiBjb21tYW5kID09PSAnc2VydmUnLFxyXG4gICAgICB9KSxcclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFNwZWNpZnkgdGhlIGljb24gZm9sZGVyIHRvIGJlIGNhY2hlZFxyXG4gICAgICAgIGljb25EaXJzOiBbcGF0aC5yZXNvbHZlKHByb2Nlc3MuY3dkKCksICdzcmMvYXNzZXRzL2ljb25zJyldLFxyXG4gICAgICAgIC8vIFNwZWNpZnkgc3ltYm9sSWQgZm9ybWF0XHJcbiAgICAgICAgc3ltYm9sSWQ6ICdpY29uLVtkaXJdLVtuYW1lXScsXHJcbiAgICAgIH0pLFxyXG4gICAgXSxcclxuICAgIHJlc29sdmU6IHtcclxuICAgICAgYWxpYXM6IHtcclxuICAgICAgICAnQCc6IHBhdGgucmVzb2x2ZSgnLi9zcmMnKSwgLy8gXHU3NkY4XHU1QkY5XHU4REVGXHU1Rjg0XHU1MjJCXHU1NDBEXHU5MTREXHU3RjZFXHVGRjBDXHU0RjdGXHU3NTI4IEAgXHU0RUUzXHU2NkZGIHNyY1xyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIC8vIFx1OTE0RFx1N0Y2RXNjc3NcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgamF2YXNjcmlwdEVuYWJsZWQ6IHRydWUsXHJcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogJ0BpbXBvcnQgXCIuL3NyYy9zdHlsZXMvdmFyaWFibGUuc2Nzc1wiOycsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgfVxyXG59XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFDQSxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBRWpCLFNBQVMscUJBQXFCO0FBRTlCLFNBQVMsNEJBQTRCO0FBRXJDLElBQU8sc0JBQVEsQ0FBQyxFQUFFLFFBQVEsTUFBVztBQUNuQyxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixjQUFjO0FBQUEsUUFDWixRQUFRLFlBQVk7QUFBQSxNQUN0QixDQUFDO0FBQUEsTUFDRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsUUFBUSxJQUFJLEdBQUcsa0JBQWtCLENBQUM7QUFBQTtBQUFBLFFBRTFELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxPQUFPO0FBQUEsUUFDTCxLQUFLLEtBQUssUUFBUSxPQUFPO0FBQUE7QUFBQSxNQUMzQjtBQUFBLElBQ0Y7QUFBQTtBQUFBLElBRUEsS0FBSztBQUFBLE1BQ0gscUJBQXFCO0FBQUEsUUFDbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUEsUUFDbEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjsiLAogICJuYW1lcyI6IFtdCn0K
diff --git a/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723381540521-cd7b5d4b77f62.mjs b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723381540521-cd7b5d4b77f62.mjs
new file mode 100644
index 0000000..5a8a52a
--- /dev/null
+++ b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723381540521-cd7b5d4b77f62.mjs
@@ -0,0 +1,40 @@
+// vite.config.ts
+import vue from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/@vitejs+plugin-vue@5.0.4_vite@5.1.4_vue@3.4.29/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import { viteMockServe } from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-mock@3.0.1_esbuild@0.19.12_mockjs@1.1.0_vite@5.1.4/node_modules/vite-plugin-mock/dist/index.mjs";
+import { createSvgIconsPlugin } from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-svg-icons@2.0.1_vite@5.1.4/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+var vite_config_default = ({ command }) => {
+  return {
+    plugins: [
+      vue(),
+      viteMockServe({
+        enable: command === "serve"
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
+        // Specify symbolId format
+        symbolId: "icon-[dir]-[name]"
+      })
+    ],
+    resolve: {
+      alias: {
+        "@": path.resolve("./src")
+        // 相对路径别名配置，使用 @ 代替 src
+      }
+    },
+    // 配置scss
+    css: {
+      preprocessorOptions: {
+        scss: {
+          javascriptEnabled: true,
+          additionalData: '@import "./src/styles/variable.scss";'
+        }
+      }
+    }
+  };
+};
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxqaWFveHVlXFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJFOlxcXFxqaWFveHVlXFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9FOi9qaWFveHVlL1RlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXHJcbi8vIFx1NUJGQ1x1NTE2NW1vY2tcdTYzRDJcdTRFRjZcclxuaW1wb3J0IHsgdml0ZU1vY2tTZXJ2ZSB9IGZyb20gJ3ZpdGUtcGx1Z2luLW1vY2snXHJcbi8vIFx1NUJGQ1x1NTE2NXN2Z1x1OTE0RFx1N0Y2RVx1NjNEMlx1NEVGNlxyXG5pbXBvcnQgeyBjcmVhdGVTdmdJY29uc1BsdWdpbiB9IGZyb20gJ3ZpdGUtcGx1Z2luLXN2Zy1pY29ucydcclxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cclxuZXhwb3J0IGRlZmF1bHQgKHsgY29tbWFuZCB9OiBhbnkpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICB2dWUoKSxcclxuICAgICAgdml0ZU1vY2tTZXJ2ZSh7XHJcbiAgICAgICAgZW5hYmxlOiBjb21tYW5kID09PSAnc2VydmUnLFxyXG4gICAgICB9KSxcclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFNwZWNpZnkgdGhlIGljb24gZm9sZGVyIHRvIGJlIGNhY2hlZFxyXG4gICAgICAgIGljb25EaXJzOiBbcGF0aC5yZXNvbHZlKHByb2Nlc3MuY3dkKCksICdzcmMvYXNzZXRzL2ljb25zJyldLFxyXG4gICAgICAgIC8vIFNwZWNpZnkgc3ltYm9sSWQgZm9ybWF0XHJcbiAgICAgICAgc3ltYm9sSWQ6ICdpY29uLVtkaXJdLVtuYW1lXScsXHJcbiAgICAgIH0pLFxyXG4gICAgXSxcclxuICAgIHJlc29sdmU6IHtcclxuICAgICAgYWxpYXM6IHtcclxuICAgICAgICAnQCc6IHBhdGgucmVzb2x2ZSgnLi9zcmMnKSwgLy8gXHU3NkY4XHU1QkY5XHU4REVGXHU1Rjg0XHU1MjJCXHU1NDBEXHU5MTREXHU3RjZFXHVGRjBDXHU0RjdGXHU3NTI4IEAgXHU0RUUzXHU2NkZGIHNyY1xyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIC8vIFx1OTE0RFx1N0Y2RXNjc3NcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgamF2YXNjcmlwdEVuYWJsZWQ6IHRydWUsXHJcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogJ0BpbXBvcnQgXCIuL3NyYy9zdHlsZXMvdmFyaWFibGUuc2Nzc1wiOycsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgfVxyXG59XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFDQSxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBRWpCLFNBQVMscUJBQXFCO0FBRTlCLFNBQVMsNEJBQTRCO0FBRXJDLElBQU8sc0JBQVEsQ0FBQyxFQUFFLFFBQVEsTUFBVztBQUNuQyxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixjQUFjO0FBQUEsUUFDWixRQUFRLFlBQVk7QUFBQSxNQUN0QixDQUFDO0FBQUEsTUFDRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsUUFBUSxJQUFJLEdBQUcsa0JBQWtCLENBQUM7QUFBQTtBQUFBLFFBRTFELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxPQUFPO0FBQUEsUUFDTCxLQUFLLEtBQUssUUFBUSxPQUFPO0FBQUE7QUFBQSxNQUMzQjtBQUFBLElBQ0Y7QUFBQTtBQUFBLElBRUEsS0FBSztBQUFBLE1BQ0gscUJBQXFCO0FBQUEsUUFDbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUEsUUFDbEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjsiLAogICJuYW1lcyI6IFtdCn0K
diff --git a/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723526592229-30b7000bab01c.mjs b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723526592229-30b7000bab01c.mjs
new file mode 100644
index 0000000..bf43db6
--- /dev/null
+++ b/teaching_integration_platform_admin_template/vite.config.ts.timestamp-1723526592229-30b7000bab01c.mjs
@@ -0,0 +1,40 @@
+// vite.config.ts
+import vue from "file:///C:/project/Teaching_integration_platform_admin_template/node_modules/.pnpm/@vitejs+plugin-vue@5.1.2_vite@5.4.0_@types+node@22.2.0_sass@1.77.8__vue@3.4.37_typescript@5.5.4_/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import { viteMockServe } from "file:///C:/project/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-mock@3.0.2_esbuild@0.21.5_mockjs@1.1.0_vite@5.4.0_@types+node@22.2.0_sass@1.77.8_/node_modules/vite-plugin-mock/dist/index.mjs";
+import { createSvgIconsPlugin } from "file:///C:/project/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-svg-icons@2.0.1_vite@5.4.0_@types+node@22.2.0_sass@1.77.8_/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+var vite_config_default = ({ command }) => {
+  return {
+    plugins: [
+      vue(),
+      viteMockServe({
+        enable: command === "serve"
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
+        // Specify symbolId format
+        symbolId: "icon-[dir]-[name]"
+      })
+    ],
+    resolve: {
+      alias: {
+        "@": path.resolve("./src")
+        // 相对路径别名配置，使用 @ 代替 src
+      }
+    },
+    // 配置scss
+    css: {
+      preprocessorOptions: {
+        scss: {
+          javascriptEnabled: true,
+          additionalData: '@import "./src/styles/variable.scss";'
+        }
+      }
+    }
+  };
+};
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxwcm9qZWN0XFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJDOlxcXFxwcm9qZWN0XFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9DOi9wcm9qZWN0L1RlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXHJcbi8vIFx1NUJGQ1x1NTE2NW1vY2tcdTYzRDJcdTRFRjZcclxuaW1wb3J0IHsgdml0ZU1vY2tTZXJ2ZSB9IGZyb20gJ3ZpdGUtcGx1Z2luLW1vY2snXHJcbi8vIFx1NUJGQ1x1NTE2NXN2Z1x1OTE0RFx1N0Y2RVx1NjNEMlx1NEVGNlxyXG5pbXBvcnQgeyBjcmVhdGVTdmdJY29uc1BsdWdpbiB9IGZyb20gJ3ZpdGUtcGx1Z2luLXN2Zy1pY29ucydcclxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cclxuZXhwb3J0IGRlZmF1bHQgKHsgY29tbWFuZCB9OiBhbnkpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICB2dWUoKSxcclxuICAgICAgdml0ZU1vY2tTZXJ2ZSh7XHJcbiAgICAgICAgZW5hYmxlOiBjb21tYW5kID09PSAnc2VydmUnLFxyXG4gICAgICB9KSxcclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFNwZWNpZnkgdGhlIGljb24gZm9sZGVyIHRvIGJlIGNhY2hlZFxyXG4gICAgICAgIGljb25EaXJzOiBbcGF0aC5yZXNvbHZlKHByb2Nlc3MuY3dkKCksICdzcmMvYXNzZXRzL2ljb25zJyldLFxyXG4gICAgICAgIC8vIFNwZWNpZnkgc3ltYm9sSWQgZm9ybWF0XHJcbiAgICAgICAgc3ltYm9sSWQ6ICdpY29uLVtkaXJdLVtuYW1lXScsXHJcbiAgICAgIH0pLFxyXG4gICAgXSxcclxuICAgIHJlc29sdmU6IHtcclxuICAgICAgYWxpYXM6IHtcclxuICAgICAgICAnQCc6IHBhdGgucmVzb2x2ZSgnLi9zcmMnKSwgLy8gXHU3NkY4XHU1QkY5XHU4REVGXHU1Rjg0XHU1MjJCXHU1NDBEXHU5MTREXHU3RjZFXHVGRjBDXHU0RjdGXHU3NTI4IEAgXHU0RUUzXHU2NkZGIHNyY1xyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIC8vIFx1OTE0RFx1N0Y2RXNjc3NcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgamF2YXNjcmlwdEVuYWJsZWQ6IHRydWUsXHJcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogJ0BpbXBvcnQgXCIuL3NyYy9zdHlsZXMvdmFyaWFibGUuc2Nzc1wiOycsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgfVxyXG59XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFDQSxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBRWpCLFNBQVMscUJBQXFCO0FBRTlCLFNBQVMsNEJBQTRCO0FBRXJDLElBQU8sc0JBQVEsQ0FBQyxFQUFFLFFBQVEsTUFBVztBQUNuQyxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixjQUFjO0FBQUEsUUFDWixRQUFRLFlBQVk7QUFBQSxNQUN0QixDQUFDO0FBQUEsTUFDRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsUUFBUSxJQUFJLEdBQUcsa0JBQWtCLENBQUM7QUFBQTtBQUFBLFFBRTFELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxPQUFPO0FBQUEsUUFDTCxLQUFLLEtBQUssUUFBUSxPQUFPO0FBQUE7QUFBQSxNQUMzQjtBQUFBLElBQ0Y7QUFBQTtBQUFBLElBRUEsS0FBSztBQUFBLE1BQ0gscUJBQXFCO0FBQUEsUUFDbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUEsUUFDbEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjsiLAogICJuYW1lcyI6IFtdCn0K
diff --git a/teaching_integration_platform_template/.env.development b/teaching_integration_platform_template/.env.development
index 70382ba..fd75c90 100644
--- a/teaching_integration_platform_template/.env.development
+++ b/teaching_integration_platform_template/.env.development
@@ -1,4 +1,4 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
 VITE_APP_TITLE = '教学一体化平台'
-VITE_APP_BASE_API = '/api'
\ No newline at end of file
+VITE_APP_BASE_API = 'http://39.106.16.162:8080'
\ No newline at end of file
diff --git a/teaching_integration_platform_template/.env.production b/teaching_integration_platform_template/.env.production
index f728ee2..0a20fe4 100644
--- a/teaching_integration_platform_template/.env.production
+++ b/teaching_integration_platform_template/.env.production
@@ -1,3 +1,3 @@
 NODE_ENV = 'production'
 VITE_APP_TITLE = '教学一体化平台'
-VITE_APP_BASE_API = '/api'
\ No newline at end of file
+# VITE_APP_BASE_API = '/api'
\ No newline at end of file
diff --git a/teaching_integration_platform_template/.env.test b/teaching_integration_platform_template/.env.test
index b11cdda..4e97960 100644
--- a/teaching_integration_platform_template/.env.test
+++ b/teaching_integration_platform_template/.env.test
@@ -1,4 +1,4 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'test'
 VITE_APP_TITLE = '教学一体化平台'
-VITE_APP_BASE_API = '/api'
\ No newline at end of file
+# VITE_APP_BASE_API = '/api'
\ No newline at end of file
diff --git a/teaching_integration_platform_template/.eslintrc.cjs b/teaching_integration_platform_template/.eslintrc.cjs
index 111cee4..79bb8fa 100644
--- a/teaching_integration_platform_template/.eslintrc.cjs
+++ b/teaching_integration_platform_template/.eslintrc.cjs
@@ -1,6 +1,7 @@
 // @see https://eslint.bootcss.com/docs/rules/
 
 module.exports = {
+    publicPath:"/portal",
     env: {
       browser: true,
       es2021: true,
@@ -42,7 +43,7 @@ module.exports = {
       'no-useless-escape': 'off', // 禁止不必要的转义字符
   
       // typeScript (https://typescript-eslint.io/rules)
-      '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
+      '@typescript-eslint/no-unused-vars': 'warn', // 禁止定义未使用的变量
       '@typescript-eslint/prefer-ts-expect-error': 'error', // 禁止使用 @ts-ignore
       '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
       '@typescript-eslint/no-non-null-assertion': 'off',
diff --git a/teaching_integration_platform_template/.vscode/extensions.json b/teaching_integration_platform_template/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/teaching_integration_platform_template/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/teaching_integration_platform_template/dist.zip b/teaching_integration_platform_template/dist.zip
new file mode 100644
index 0000000..1cfa891
Binary files /dev/null and b/teaching_integration_platform_template/dist.zip differ
diff --git a/teaching_integration_platform_template/index.html b/teaching_integration_platform_template/index.html
index 3d28fea..7414bf0 100644
--- a/teaching_integration_platform_template/index.html
+++ b/teaching_integration_platform_template/index.html
@@ -9,6 +9,7 @@
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.5.136/pdf.min.mjs" type="module"></script>
     <script src="https://gw.alipayobjects.com/os/lib/antv/g6/3.8.3/dist/g6.min.js"></script>
     <!-- <script src="https://unpkg.com/3d-force-graph@1.73.3/dist/3d-force-graph.min.js"></script> -->
   </body>
diff --git a/teaching_integration_platform_template/package.json b/teaching_integration_platform_template/package.json
index f09a05c..8bd820f 100644
--- a/teaching_integration_platform_template/package.json
+++ b/teaching_integration_platform_template/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite --open",
-    "build:test": "vue-tsc && vite build --mode test",
+    "build:test": "vite build",
     "build:pro": "vue-tsc && vite build --mode production",
     "preview": "vite preview",
     "lint": "eslint src",
@@ -19,7 +19,11 @@
     "3d-force-graph": "^1.73.3",
     "@antv/g6": "3.8.3",
     "@element-plus/icons-vue": "^2.3.1",
+    "@vue-office/docx": "^1.6.2",
     "axios": "^1.6.8",
+    "docx-preview": "^0.3.2",
+    "echarts": "^5.5.0",
+    "echarts-liquidfill": "^3.1.0",
     "element-plus": "^2.6.2",
     "install": "^0.13.0",
     "lib-flexible": "^0.3.2",
@@ -28,7 +32,9 @@
     "px2rem-loader": "^0.1.9",
     "three": "^0.163.0",
     "vue": "^3.4.21",
-    "vue-router": "^4.3.0"
+    "vue-demi": "^0.14.10",
+    "vue-router": "^4.3.0",
+    "vue3-pdfjs": "^0.1.6"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.24.1",
diff --git a/teaching_integration_platform_template/pnpm-lock.yaml b/teaching_integration_platform_template/pnpm-lock.yaml
index 8ee9f2d..7ffb14f 100644
--- a/teaching_integration_platform_template/pnpm-lock.yaml
+++ b/teaching_integration_platform_template/pnpm-lock.yaml
@@ -10,9 +10,21 @@ dependencies:
   '@element-plus/icons-vue':
     specifier: ^2.3.1
     version: 2.3.1(vue@3.4.21)
+  '@vue-office/docx':
+    specifier: ^1.6.2
+    version: 1.6.2(vue-demi@0.14.10)(vue@3.4.21)
   axios:
     specifier: ^1.6.8
     version: 1.6.8
+  docx-preview:
+    specifier: ^0.3.2
+    version: 0.3.2
+  echarts:
+    specifier: ^5.5.0
+    version: 5.5.0
+  echarts-liquidfill:
+    specifier: ^3.1.0
+    version: 3.1.0(echarts@5.5.0)
   element-plus:
     specifier: ^2.6.2
     version: 2.6.2(vue@3.4.21)
@@ -37,9 +49,15 @@ dependencies:
   vue:
     specifier: ^3.4.21
     version: 3.4.21(typescript@5.2.2)
+  vue-demi:
+    specifier: ^0.14.10
+    version: 0.14.10(vue@3.4.21)
   vue-router:
     specifier: ^4.3.0
     version: 4.3.0(vue@3.4.21)
+  vue3-pdfjs:
+    specifier: ^0.1.6
+    version: 0.1.6(typescript@5.2.2)
 
 devDependencies:
   '@babel/eslint-parser':
@@ -1235,6 +1253,21 @@ packages:
       path-browserify: 1.0.1
     dev: true
 
+  /@vue-office/docx@1.6.2(vue-demi@0.14.10)(vue@3.4.21):
+    resolution: {integrity: sha512-OHAoUHeY8nHjhWvwDhlPx+/rmRkxmqLpvPgtfCEOZ4H1c1LCdJ6eDbdV3152ww8dcdZ7fgGQu3fmSSaI7JwdpQ==}
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.7.1
+      vue: ^2.0.0 || >=3.0.0
+      vue-demi: ^0.14.6
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.4.21(typescript@5.2.2)
+      vue-demi: 0.14.10(vue@3.4.21)
+    dev: false
+
   /@vue/compiler-core@3.4.21:
     resolution: {integrity: sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==}
     dependencies:
@@ -1327,7 +1360,7 @@ packages:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
       '@vueuse/shared': 9.13.0(vue@3.4.21)
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.10(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -1340,7 +1373,7 @@ packages:
   /@vueuse/shared@9.13.0(vue@3.4.21):
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.10(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -1825,6 +1858,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+    dev: false
+
   /cors@2.8.5:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
@@ -2199,6 +2236,12 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /docx-preview@0.3.2:
+    resolution: {integrity: sha512-YRsyiiejdauCQ2boKNHKjJMiIhOCXs643+NCHnmbCM31e7JWqmPiobtzlmHOnv4i+ft9w+ajPEK1hK7VymyRXQ==}
+    dependencies:
+      jszip: 3.10.1
+    dev: false
+
   /dom-serializer@0.2.2:
     resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
     dependencies:
@@ -2250,6 +2293,11 @@ packages:
       domelementtype: 2.3.0
     dev: true
 
+  /dommatrix@1.0.3:
+    resolution: {integrity: sha512-l32Xp/TLgWb8ReqbVJAFIvXmY7go4nTxxlWiAFyhoQw9RKEOHBZNnyGvJWqDVSPmq3Y9HlM4npqF/T6VMOXhww==}
+    deprecated: dommatrix is no longer maintained. Please use @thednp/dommatrix.
+    dev: false
+
   /domutils@1.7.0:
     resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
     dependencies:
@@ -2273,6 +2321,21 @@ packages:
       domhandler: 5.0.3
     dev: true
 
+  /echarts-liquidfill@3.1.0(echarts@5.5.0):
+    resolution: {integrity: sha512-5Dlqs/jTsdTUAsd+K5LPLLTgrbbNORUSBQyk8PSy1Mg2zgHDWm83FmvA4s0ooNepCJojFYRITTQ4GU1UUSKYLw==}
+    peerDependencies:
+      echarts: ^5.0.1
+    dependencies:
+      echarts: 5.5.0
+    dev: false
+
+  /echarts@5.5.0:
+    resolution: {integrity: sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.5.0
+    dev: false
+
   /electron-to-chromium@1.4.717:
     resolution: {integrity: sha512-6Fmg8QkkumNOwuZ/5mIbMU9WI3H2fmn5ajcVya64I5Yr5CcNmO7vcLt0Y7c96DCiMO5/9G+4sI2r6eEvdg1F7A==}
     dev: true
@@ -3261,6 +3324,10 @@ packages:
     hasBin: true
     dev: true
 
+  /immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+    dev: false
+
   /immutable@4.3.5:
     resolution: {integrity: sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==}
     dev: true
@@ -3539,7 +3606,6 @@ packages:
 
   /isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
-    dev: true
 
   /isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
@@ -3631,6 +3697,15 @@ packages:
       graceful-fs: 4.2.11
     dev: true
 
+  /jszip@3.10.1:
+    resolution: {integrity: sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==}
+    dependencies:
+      lie: 3.3.0
+      pako: 1.0.11
+      readable-stream: 2.3.8
+      setimmediate: 1.0.5
+    dev: false
+
   /kapsule@1.14.5:
     resolution: {integrity: sha512-H0iSpTynUzZw3tgraDmReprpFRmH5oP5GPmaNsurSwLx2H5iCpOMIkp5q+sfhB4Tz/UJd1E1IbEE9Z6ksnJ6RA==}
     engines: {node: '>=12'}
@@ -3688,6 +3763,12 @@ packages:
     resolution: {integrity: sha512-9yowMWA70tKhKdCJDaltY0mNQG4OWo7pWKScnTp9aiSxS7s20ZYlwBRE3335nweOf5qKXVC7sDxJwMPM8/MFZg==}
     dev: false
 
+  /lie@3.3.0:
+    resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
+    dependencies:
+      immediate: 3.0.6
+    dev: false
+
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
@@ -4089,6 +4170,10 @@ packages:
       p-limit: 3.1.0
     dev: true
 
+  /pako@1.0.11:
+    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
+    dev: false
+
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -4142,6 +4227,18 @@ packages:
     resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
     dev: true
 
+  /pdfjs-dist@2.16.105:
+    resolution: {integrity: sha512-J4dn41spsAwUxCpEoVf6GVoz908IAA3mYiLmNxg8J9kfRXc2jxpbUepcP0ocp0alVNLFthTAM8DZ1RaHh8sU0A==}
+    peerDependencies:
+      worker-loader: ^3.0.8
+    peerDependenciesMeta:
+      worker-loader:
+        optional: true
+    dependencies:
+      dommatrix: 1.0.3
+      web-streams-polyfill: 3.3.3
+    dev: false
+
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
@@ -4165,7 +4262,7 @@ packages:
       '@vue/devtools-api': 6.6.1
       typescript: 5.2.2
       vue: 3.4.21(typescript@5.2.2)
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.10(vue@3.4.21)
     dev: false
 
   /polished@4.3.1:
@@ -4334,6 +4431,10 @@ packages:
     hasBin: true
     dev: true
 
+  /process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+    dev: false
+
   /proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
     dev: false
@@ -4373,6 +4474,18 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
 
+  /readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+    dev: false
+
   /readable-stream@3.6.2:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
@@ -4517,6 +4630,10 @@ packages:
       isarray: 2.0.5
     dev: true
 
+  /safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+    dev: false
+
   /safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
     dev: true
@@ -4616,6 +4733,10 @@ packages:
       split-string: 3.1.0
     dev: true
 
+  /setimmediate@1.0.5:
+    resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
+    dev: false
+
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -4776,6 +4897,12 @@ packages:
       es-object-atoms: 1.0.0
     dev: true
 
+  /string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+    dependencies:
+      safe-buffer: 5.1.2
+    dev: false
+
   /string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
     dependencies:
@@ -5210,6 +5337,10 @@ packages:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: false
 
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
+
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
@@ -5338,7 +5469,6 @@ packages:
 
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-    dev: true
 
   /vary@1.1.2:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
@@ -5400,8 +5530,8 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /vue-demi@0.14.7(vue@3.4.21):
-    resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
+  /vue-demi@0.14.10(vue@3.4.21):
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
@@ -5461,6 +5591,17 @@ packages:
       typescript: 5.2.2
     dev: true
 
+  /vue3-pdfjs@0.1.6(typescript@5.2.2):
+    resolution: {integrity: sha512-7UaWbsp8wNqB0y/rRlyo5yRb0S+XOkkSpmdUuS267Dhi07Pt4RFEetQ8inrpf/aTFJwGnW0Uc/UE4p376s+Zmw==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      pdfjs-dist: 2.16.105
+      vue: 3.4.21(typescript@5.2.2)
+    transitivePeerDependencies:
+      - typescript
+      - worker-loader
+    dev: false
+
   /vue@3.4.21(typescript@5.2.2):
     resolution: {integrity: sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==}
     peerDependencies:
@@ -5476,6 +5617,11 @@ packages:
       '@vue/shared': 3.4.21
       typescript: 5.2.2
 
+  /web-streams-polyfill@3.3.3:
+    resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
+    engines: {node: '>= 8'}
+    dev: false
+
   /which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
     dependencies:
@@ -5540,3 +5686,9 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
     dev: true
+
+  /zrender@5.5.0:
+    resolution: {integrity: sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==}
+    dependencies:
+      tslib: 2.3.0
+    dev: false
diff --git a/teaching_integration_platform_template/public/data.json b/teaching_integration_platform_template/public/data.json
index e84912f..b434657 100644
--- a/teaching_integration_platform_template/public/data.json
+++ b/teaching_integration_platform_template/public/data.json
@@ -1,99 +1,267 @@
 {
-  "nodes": [
-    { "id": "node1", "label": "计算机", "color": "#4682B4" },
-    { "id": "node2", "label": "前端", "color": "rgba(254, 241, 0, 1)" },
-    { "id": "node3", "label": "js", "color": "rgba(239, 242, 18, 1)" },
-    { "id": "node4", "label": "html", "color": "rgba(230, 234, 10, 1)" },
-    { "id": "node5", "label": "css", "color": "rgba(244, 231, 0, 1)" },
-    { "id": "node6", "label": "less", "color": "rgba(15, 245, 57, 1)" },
-    { "id": "node7", "label": "scss", "color": "rgba(133, 255, 11, 1)" },
-    { "id": "node8", "label": "VUE", "color": "rgba(42, 255, 0, 1)" },
-    { "id": "node9", "label": "React", "color": "rgba(76, 73, 245, 1)" },
-    { "id": "node10", "label": "模块化", "color": "#4682B4" },
-    { "id": "node11", "label": "webpack", "color": "#4682B4" },
-    { "id": "node12", "label": "vite", "color": "#4682B4" },
-    { "id": "node13", "label": "uniapp", "color": "rgba(77, 255, 0, 1)" },
-    { "id": "node14", "label": "element", "color": "rgba(33, 162, 255, 1)" },
-    { "id": "node15", "label": "web3", "color": "rgba(255, 0, 251, 1)" },
-    { "id": "node16", "label": "webGl", "color": "rgba(208, 0, 249, 1)" },
-    { "id": "node17", "label": "three", "color": "rgba(225, 0, 255, 1)" },
-    { "id": "node18", "label": "后端", "color": "rgba(0, 229, 255, 1)" },
-    { "id": "node19", "label": "java", "color": "rgba(237, 229, 85, 1)" },
-    { "id": "node20", "label": "PHP", "color": "rgba(195, 206, 215, 1)" },
-    { "id": "node21", "label": "Go", "color": "rgba(255, 0, 0, 1)" },
-    { "id": "node22", "label": "Python", "color": "rgba(109, 238, 180, 1)" },
-    { "id": "node23", "label": "MySQL", "color": "#4682B4" },
-    { "id": "node24", "label": "人工智能", "color": "rgba(180, 5, 255, 1)" },
-    { "id": "node25", "label": "python", "color": "rgba(255, 8, 8, 1)" },
-    { "id": "node26", "label": "AI模型", "color": "rgba(10, 138, 244, 1)" },
-    {
-      "id": "node27",
-      "label": "Spring Framework",
-      "color": "rgba(242, 238, 14, 1)"
-    },
-    { "id": "node29", "label": "Hibernate", "color": "rgba(242, 238, 14, 1)" },
-    { "id": "node31", "label": "Spring MVC", "color": "rgba(242, 238, 14, 1)" },
-    { "id": "node33", "label": "Gin", "color": "rgba(255, 0, 0, 1)" },
-    { "id": "node34", "label": "Echo", "color": "rgba(255, 0, 0, 1)" },
-    { "id": "node35", "label": "Beego", "color": "rgba(255, 8, 0, 1)" },
-    { "id": "node36", "label": "Laravel", "color": "rgba(200, 209, 217, 1)" },
-    { "id": "node37", "label": "Symfony", "color": "rgba(182, 194, 204, 1)" },
-    {
-      "id": "node38",
-      "label": "CodeIgniter",
-      "color": "rgba(188, 197, 204, 1)"
-    },
-    { "id": "node39", "label": "Django", "color": "rgba(36, 245, 144, 1)" },
-    { "id": "node40", "label": "Flask", "color": "rgba(41, 244, 176, 1)" },
-    { "id": "node41", "label": "FastAPI", "color": "rgba(58, 244, 142, 1)" }
-  ],
-  "links": [
-    { "source": "node2", "target": "node3", "label": "" },
-    { "source": "node2", "target": "node5", "label": "" },
-    { "source": "node2", "target": "node4", "label": "" },
-    { "source": "node1", "target": "node2", "label": "" },
-    { "source": "node5", "target": "node6", "label": "" },
-    { "source": "node5", "target": "node7", "label": "" },
-    { "source": "node3", "target": "node8", "label": "" },
-    { "source": "node3", "target": "node9", "label": "" },
-    { "source": "node3", "target": "node10", "label": "" },
-    { "source": "node10", "target": "node11", "label": "" },
-    { "source": "node10", "target": "node12", "label": "" },
-    { "source": "node11", "target": "node9", "label": "" },
-    { "source": "node11", "target": "node8", "label": "" },
-    { "source": "node12", "target": "node8", "label": "" },
-    { "source": "node8", "target": "node13", "label": "" },
-    { "source": "node8", "target": "node14", "label": "" },
-    { "source": "node11", "target": "node13", "label": "" },
-    { "source": "node12", "target": "node13", "label": "" },
-    { "source": "node2", "target": "node15", "label": "" },
-    { "source": "node15", "target": "node16", "label": "" },
-    { "source": "node16", "target": "node17", "label": "" },
-    { "source": "node1", "target": "node1", "label": "" },
-    { "source": "node1", "target": "node18", "label": "" },
-    { "source": "node18", "target": "node21", "label": "" },
-    { "source": "node18", "target": "node20", "label": "" },
-    { "source": "node18", "target": "node19", "label": "" },
-    { "source": "node18", "target": "node22", "label": "" },
-    { "source": "node22", "target": "node23", "label": "" },
-    { "source": "node19", "target": "node23", "label": "" },
-    { "source": "node20", "target": "node23", "label": "" },
-    { "source": "node21", "target": "node23", "label": "" },
-    { "source": "node1", "target": "node24", "label": "" },
-    { "source": "node24", "target": "node25", "label": "" },
-    { "source": "node24", "target": "node26", "label": "" },
-    { "source": "node12", "target": "node9", "label": "" },
-    { "source": "node19", "target": "node27", "label": "" },
-    { "source": "node19", "target": "node29", "label": "" },
-    { "source": "node19", "target": "node31", "label": "" },
-    { "source": "node21", "target": "node33", "label": "" },
-    { "source": "node21", "target": "node34", "label": "" },
-    { "source": "node21", "target": "node35", "label": "" },
-    { "source": "node20", "target": "node36", "label": "" },
-    { "source": "node20", "target": "node37", "label": "" },
-    { "source": "node20", "target": "node38", "label": "" },
-    { "source": "node22", "target": "node39", "label": "" },
-    { "source": "node22", "target": "node40", "label": "" },
-    { "source": "node22", "target": "node41", "label": "" }
-  ]
-}
+    "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
diff --git a/teaching_integration_platform_template/src/Layout/footer/index.vue b/teaching_integration_platform_template/src/Layout/footer/index.vue
index 8a6eabb..bb12e63 100644
--- a/teaching_integration_platform_template/src/Layout/footer/index.vue
+++ b/teaching_integration_platform_template/src/Layout/footer/index.vue
@@ -1,23 +1,81 @@
 <template>
   <div class="footer">
-    <h1>FOOTER</h1>
+    <ul>
+      <li>
+        系统标题：
+        {{ adminInfoStore.info.title }}
+
+      </li><el-divider direction="vertical" border-style="dashed" />
+      <li>
+        版权信息：
+        {{ adminInfoStore.info.copyrightInformation }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        备案号：
+        {{ adminInfoStore.info.recordNumber }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        qq:
+        {{ adminInfoStore.info.qqNumber }}
+
+      </li><el-divider direction="vertical" border-style="dashed" />
+      <li>
+        邮箱:
+        {{ adminInfoStore.info.mailbox }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        电话:
+        {{ adminInfoStore.info.phone }}
+
+      </li>
+      <li>
+        地址:
+        {{ adminInfoStore.info.address }}
+      </li>
+      <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        <el-image style="width: 50px; height: 50px" :src="adminInfoStore.info.qrCode" fit="cover" />
+      </li>
+      <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        备案信息:
+        {{ adminInfoStore.info.recordInformation }}
+      </li>
+    </ul>
   </div>
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
+console.log(adminInfoStore);
+
 </script>
 
 <style lang="scss" scoped>
 .footer {
-  // position: fixed;
-  // bottom: 0;
-  height: 300px;
-  width: 100%;
   background-color: #252527;
+  height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #fff;
+
+  ul {
+    width: 600px;
+    height: 200px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    color: #ccc;
+    font-family:'Courier New', Courier, monospace;
+    // background: linear-gradient(white,#38495a);
+    // background-clip: text;
+    // color: transparent;
+  }
+
 }
 </style>
diff --git a/teaching_integration_platform_template/src/Layout/index.vue b/teaching_integration_platform_template/src/Layout/index.vue
index 5f3c27d..b490b71 100644
--- a/teaching_integration_platform_template/src/Layout/index.vue
+++ b/teaching_integration_platform_template/src/Layout/index.vue
@@ -4,6 +4,7 @@
     <Main />
   </div>
   <Footer />
+  <div ref="totop" v-if="show" class="gotop" @click="scrollToTop"></div>
 </template>
 
 <script lang="ts" setup>
@@ -13,18 +14,146 @@ import Tabbar from './tabbar/index.vue'
 import Main from './main/index.vue'
 // 导入底部导航栏
 import Footer from './footer/index.vue'
-import {} from 'vue'
+import { onMounted, ref } from 'vue'
+
+const totop = ref()
+const flog = ref(false)
+const show = ref(true)
+const scrollToTop = () => {
+  flog.value = true
+  const dom = document.querySelector('.gotop') as Element
+  console.log(dom)
+  totop.value.style.backgroundPosition = '-6px -145px'
+  setTimeout(() => {
+    totop.value.style.backgroundPosition = '-363px -78px'
+  }, 200)
+  setTimeout(() => {
+    totop.value.style.backgroundPosition = '-316px -78px'
+  }, 400)
+  setTimeout(() => {
+    totop.value.style.backgroundPosition = '-6px -80px'
+    totop.value.style.height = '60px'
+    // window.scrollTo({
+    //   top: 0, //回到顶部
+    //   left: 0,
+    //   behavior: 'smooth', //smooth 平滑；auto:瞬间
+    // })
+    scrollTop()
+  }, 500)
+  // flog.value = true
+}
+const scrollTop = () => {
+  window.scrollTo({  
+      top: 0,  
+      left: 0,  
+      behavior: 'smooth',  
+    }); 
+    setTimeout(() => {
+      show.value = false 
+    },1500);
+    setTimeout(() => {
+      show.value = true 
+      flog.value = false
+      num = 800
+    },1600);
+  // var currentPosition = window.pageYOffset
+
+  // if (currentPosition > 0) {
+  //   window.scrollTo(0, currentPosition - 40)
+  //   requestAnimationFrame(scrollTop)
+  // } else {
+  //   totop.value.style.display = 'none'
+  //   num = 800
+  //   flog.value = false
+  //   show.value = false
+  //   setTimeout(() => {
+  //     show.value = true
+  //   }, 0)
+  // }
+}
+let num = 800
+onMounted(() => {
+  // 页面滚动窗口监听事件
+  window.onscroll = function () {
+    let high = document.documentElement.scrollTop || document.body.scrollTop //兼容各浏览器
+    // console.log(high,totop.value.offsetTop)
+
+    if (flog.value) {
+      num =  num - 40
+      totop.value.style.top = num + 'px'
+      return
+    }
+    // 获取浏览器卷去的高度
+    if (high >= 900) {
+      totop.value.style.display = 'block'
+    } else {
+      totop.value.style.display = 'none'
+    }
+  }
+})
 </script>
 
 <style lang="scss" scoped>
 .main-container {
   width: 100%;
   min-height: 100vh;
-  background-color: #EEF1FB;
+  background-color: #eef1fb;
   // background-color: skyblue;
   // .container {
   //   width: $base-container-width;
   //   margin: 0 auto;
   // }
 }
+
+.gotop {
+  display: none;
+  width: 45PX;
+  height: 45PX;
+  z-index: 999;
+  position: fixed;
+  bottom: 50px;
+  right: 50px;
+  background-image: url('../assets/images/jinglingtu.png');
+  background-position: -264PX -78PX;
+  transition: top 0.2s linear;
+  animation: show 0.5s ease-in-out;
+}
+.gotop:hover {
+  transition: background-image 0.2s ease-in;
+  background-position: -215PX -78PX;
+}
+.bian {
+  animation: bian 0.1s ease-in-out;
+}
+.fei {
+  position: absolute;
+  // animation: fei 3s ease-in-out;
+}
+@keyframes show {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  100% {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes bian {
+  0% {
+    background-position: -6PX -145PX;
+  }
+  100% {
+    background-position: -316PX -78PX;
+  }
+}
+// @keyframes fei {
+//   0% {
+
+//     bottom: 50px;
+//   }
+//   100% {
+//     top: 10%;
+//   }
+// }
 </style>
diff --git a/teaching_integration_platform_template/src/Layout/main/index.vue b/teaching_integration_platform_template/src/Layout/main/index.vue
index d2eaa92..5ae869e 100644
--- a/teaching_integration_platform_template/src/Layout/main/index.vue
+++ b/teaching_integration_platform_template/src/Layout/main/index.vue
@@ -4,14 +4,28 @@
         <router-view :key="$route.path" />
     </transition>
   </section> -->
-  <router-view></router-view>
+  <div class="view-container">
+    <div class="banner">
+      <img :src="adminInfoStore.info.promotionalImages" alt="" style="max-height: 409px;">
+      <div class="source-box">
+        <div class="source">
+          {{ adminInfoStore.info.name }}
+        </div>
+        <div class="describe">首次开源</div>
+      </div>
+    </div>
+    <div class="container"> <router-view></router-view></div>
+  </div>
+
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
-import {useRoute } from 'vue-router'
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
+import { } from 'vue'
+import { useRoute } from 'vue-router'
 const $route = useRoute()
-console.log( $route);
+console.log($route);
 
 
 </script>
diff --git a/teaching_integration_platform_template/src/Layout/tabbar/index.vue b/teaching_integration_platform_template/src/Layout/tabbar/index.vue
index 11df34e..83a5552 100644
--- a/teaching_integration_platform_template/src/Layout/tabbar/index.vue
+++ b/teaching_integration_platform_template/src/Layout/tabbar/index.vue
@@ -1,23 +1,41 @@
 <template>
-  <div :class="!flog ? 'tabbar' : 'tabbar-active'">
+  <div :class="!flog && false ? 'tabbar' : 'tabbar-active'">
     <div class="container">
-      <div class="logo">LOGO</div>
+      <div class="logo-box">
+        <div class="logo"><img :src="adminInfoStore.info.logo"></div>
+        <div class="lesson">课图</div>
+      </div>
+
       <div class="menu">
         <ul>
-          <li
-            :class="{ active: settingStore.useIndex === index }"
-            v-for="(item, index) in constRouter[0].children"
-            :key="item.path"
-            @click="goToRouter(item, index)"
-          >
-            {{ item.meta.title }}
+          <li v-for="(item, index) in constRouter[0].children" :class="{ active: settingStore.useIndex === index }"
+            v-show="!item.meta.hidden" @click="goToRouter(item, index)" :key="item.path">
+            <div>{{ item.meta.title }}</div>
           </li>
+          <div v-if="isLogin">
+            <img :src="data.icon" alt="" style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%" />
+            <el-dropdown @command="handleCommand">
+              <span class="el-dropdown-link" style="color: #fff;">
+                {{ data.username }}
+                <el-icon class="el-icon--right">
+                  <arrow-down />
+                </el-icon>
+              </span>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item command="A">退出登录</el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </div>
+          <li v-else @click="skip('http://localhost:5173/#/login?redirect=/configurationPage')">登录注册</li>
+          <!-- <li v-if="$route.path != '/home'" @click="$router.push('/')">回到首页</li> -->
         </ul>
         <div class="entry">
-          <div>企业入口</div>
+          <!-- <div>企业入口</div>
           <div>教师入口</div>
-          <div>学生入口</div>
-          <div>毕业生入口</div>
+          <div>学生入口</div> -->
+          <!-- <div>登录注册</div> -->
         </div>
       </div>
     </div>
@@ -25,148 +43,206 @@
 </template>
 
 <script lang="ts" setup>
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
+import { userGetInfoService } from '@/api/configuration';
+import useUserStore from '@/store/module/user';
+const userStore = useUserStore()
 import { constRouter } from '@/router/module/constRouter'
-import { useRouter } from 'vue-router'
-import { onMounted,ref } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import { onMounted, ref } from 'vue'
 import useSettingStore from '@/store/module/setting'
 const $router = useRouter()
+const $route = useRoute()
+
 const settingStore = useSettingStore()
 const goToRouter = (item: any, index: number) => {
+  console.log($route);
+
   settingStore.setuseIndex(index)
-  $router.push({ path: `${item.path}`})
+  $router.push({ path: `${item.path}` })
 }
 const flog = ref(false)
 onMounted(() => {
-  window.addEventListener('scroll', ()=> {
-
-    if(window.scrollY >= 50 ){
+  window.addEventListener('scroll', () => {
+    if (window.scrollY >= 50) {
       flog.value = true
-    }else  if(flog.value && window.scrollY <= 50){
+    } else if (flog.value && window.scrollY <= 50) {
       flog.value = false
     }
-   
-    
-  });
+  })
+})
+const isLogin = ref(false)
+const data = ref<any>({})
+userGetInfoService(userStore.token).then(res => {
+  // @ts-ignore
+  if (res.code === 200) {
+    isLogin.value = true
+    data.value = res.data
+  }
 })
+function skip(url: string) {
+  location.assign(url)
+}
+
+
+// 退出登录
+function logout() {
+  isLogin.value = false
+}
+const handleCommand = (command: string) => {
+  switch (command) {
+    case 'A':
+      logout()
+      break
+  }
+}
 </script>
 
 <style lang="scss" scoped>
+.logo-box {
+  display: flex;
+  align-items: center;
+  column-gap: 20px;
+
+  .logo {
+    width: 50px;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .lesson {
+    font-size: 30px;
+    font-weight: bolder;
+    color: #fff;
+  }
+}
+
 .tabbar {
   position: fixed;
   top: 0;
+  z-index: 1;
   height: 120px;
   width: 100%;
   background-color: transparent;
-  animation-duration: .3s;
+  animation-duration: 0.3s;
   animation-name: tabber-to;
-
 }
+
 .tabbar-active {
   position: fixed;
   top: 0;
   height: 120px;
   width: 100%;
-  background-color:#6da0ff;
-  animation-duration: .3s;
+  background-color: #6da0ff;
+  animation-duration: 0.3s;
   animation-name: tabber;
-  z-index:999;
-  box-shadow:
-  0px 0px 43px rgba(0, 0, 0, 0.2)
-;
+  z-index: 999;
+  box-shadow: 0px 0px 43px rgba(0, 0, 0, 0.2);
 }
+
 @keyframes tabber {
-  0%{
+  0% {
     // transform: translateY(-120px);
-  background-color: transparent;
-
+    background-color: transparent;
   }
-  100%{
-    // transform: translateY(0);
-  background-color:#6da0ff;
 
+  100% {
+    // transform: translateY(0);
+    background-color: #6da0ff;
   }
-  
 }
+
 @keyframes tabber-to {
-  0%{
+  0% {
     // transform: translateY(-120px);
-  background-color:#6da0ff;
-
+    background-color: #6da0ff;
   }
-  100%{
+
+  100% {
     // transform: translateY(0);
     background-color: transparent;
-
-
   }
-  
 }
+
 .container {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 auto;
+  width: $base-container-width;
+
+  .menu {
+    position: relative;
+    padding: 0 20px;
     height: 100%;
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    margin: 0 auto;
-    width: $base-container-width;
-    .menu {
-      position: relative;
-      padding: 0 20px;
-      height: 100%;
+
+    ul {
       display: flex;
       align-items: center;
-      ul {
-        display: flex;
-        align-items: center;
-        li {
-          padding: 20px;
-          color: #ffffff;
-          font-size: 14px;
-          cursor: pointer;
-          transition: all 0.2s;
-          position: relative;
-        }
-        li:hover {
-          color: #7aa4ff;
-          transform: translateY(-5px);
-        }
-        .active::before {
-          content: ' ';
-          display: block;
-          position: absolute;
-          top: 0px;
-          left: 50%;
-          transform: translateX(-50%);
-          width: 5px;
-          height: 5px;
-          border-radius: 50%;
-          background-color: #fff;
-        }
+
+      li {
+        padding: 12px 20px;
+        color: #ffffff;
+        font-size: 14px;
+        cursor: pointer;
+        transition: all 0.2s;
+        position: relative;
+      }
+
+      li:hover {
+        color: #0033f7;
+        transform: translateY(-5px);
       }
-      .entry{
+
+      .active::before {
+        content: ' ';
+        display: block;
         position: absolute;
-        top: 5px;
-        right: 30px;
-        display: flex;
-        align-content: center;
-        div{
-          // padding: 5px;
-          margin: 5px;
-          margin-right: 0;
-          padding: 0 10px;
-          border-right: 1px solid #fff;
-          color: #fff;
-          font-size: 14px;
-          cursor: pointer;
-        }
-        div:last-child{
-          border-right: none;
-        }
+        top: 0px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 5px;
+        height: 5px;
+        border-radius: 50%;
+        background-color: #fff;
       }
     }
-    .logo{
-      height: 100%;
+
+    .entry {
+      position: absolute;
+      top: 5px;
+      right: 30px;
       display: flex;
-      align-items: center;
+      align-content: center;
+
+      div {
+        // padding: 5px;
+        margin: 5px;
+        margin-right: 0;
+        padding: 0 10px;
+        border-right: 1px solid #fff;
+        color: #fff;
+        font-size: 14px;
+        cursor: pointer;
+      }
+
+      div:last-child {
+        border-right: none;
+      }
     }
   }
+
+  .logo {
+    // height: 100%;
+    display: flex;
+    align-items: center;
+  }
+}
 </style>
diff --git a/teaching_integration_platform_template/src/api/configuration.ts b/teaching_integration_platform_template/src/api/configuration.ts
new file mode 100644
index 0000000..bfcdfab
--- /dev/null
+++ b/teaching_integration_platform_template/src/api/configuration.ts
@@ -0,0 +1,71 @@
+import request from '@/utils/requset'
+import { ElLoading, ElMessage } from 'element-plus'
+
+
+enum Api {
+    get系统配置 = '/api/systemSettings/save',
+
+}
+// 提示批量处理
+const initOptions = { text: '加载中', success: '成功', error: '失败' }
+function proxrequest(request, options: any = initOptions) {
+    return async (...arg) => {
+        if (!options) return request(...arg)
+
+        const loadingInstance = ElLoading.service({ text: options.text })
+
+        try {
+            await request(...arg)
+            ElMessage.success(options.success)
+        } catch (error) {
+            ElMessage.error(options.error)
+        } finally {
+            loadingInstance.close()
+        }
+
+        return request
+    }
+}
+
+
+export function getSysSettingApi() {
+    return request.get(Api.get系统配置)
+}
+export const proxGetSysSettingApi = proxrequest(getSysSettingApi)
+
+
+export const userGetInfoService = (token: any) =>
+    request.get('/api/user/info', {
+        headers: { Authorization: `Bearer ${token}` },
+    })
+
+
+//获取学生列表
+export const userStudentListService = (id) => {
+    return request.post('/api/coursesteacher/studentList?userId=' + id)
+}
+
+
+// 获取课程列表
+type CourseListParams = {
+    'assessmenttype': string,
+    'category'?: string,
+    'isAsc'?: boolean,
+    'name'?: string,
+    'nature'?: string,
+    'pageNo'?: number,
+    'pageSize'?: number,
+    'sortBy'?: string,
+    'teacher'?: string,
+    'username'?: string,
+}
+export const getCourseListApi = (params: CourseListParams) => {
+    return request.get('/api/coursesteacher/page', {
+        params,
+    })
+}
+
+// 根据id获取课程详情
+export const getCourseDetailApi = (id: string) => {
+    return request.get(`/api/coursesteacher/${id}`)
+}
diff --git a/teaching_integration_platform_template/src/api/course.ts b/teaching_integration_platform_template/src/api/course.ts
new file mode 100644
index 0000000..2168d4f
--- /dev/null
+++ b/teaching_integration_platform_template/src/api/course.ts
@@ -0,0 +1,112 @@
+import request from '@/utils/requset'
+import { GetCourseObjectivesList} from './types/courseType'
+// 获取课程列表
+
+export const getCourseList = (params: object) => {
+  return request({
+    url: '/api/coursesteacher/page',
+    params,
+  })
+}
+// 获取课程图谱
+export const getCourseAtlas = (params: object) => {
+  return request({
+    url: '/api/knowNeo/getAllKnowByCourseId',
+    params,
+  })
+}
+// 获取课程简介
+// export const getCourseDescription = (params:any) => {
+//     return request({
+//         url:''
+//     })
+// }
+export const getCourseChapter = (params: any) => {
+  return request({
+    url: '/api/chapter2/chapter',
+    params,
+  })
+}
+
+// 获取所有课程资源
+export const getCourseFiles = (params: any) => {
+  return request({
+    url: '/api/resource/graph/queryByCourseId',
+    params,
+  })
+}
+// 获取文件流
+export const getFileStreams = (params: any) => {
+  return request({
+    url: '/api/resource/read',
+    params,
+  })
+}
+// 查询课程资源
+export const getCourseOneFiles = (params: any) => {
+  return request({
+    url: '/api/resource/graph/queryBesidesKnow',
+    params,
+  })
+}
+// 获取二级图谱
+export const getCourseAtlasTow = (params: object) => {
+  return request({
+    url: '/api/knowNeo/getNodeByDepth',
+    params,
+  })
+}
+// 获取知识点资源
+export const getCourseTowFiles = (params: any) => {
+  return request({
+    url: '/api/resource/graph/queryBesidesKnow',
+    params,
+  })
+}
+// 获取课程目标
+export const getCourseObjectivesList = (params:GetCourseObjectivesList) => {
+  return request({
+    url:'/api/course_objectives/list/' + params.id,
+
+  })
+}
+
+// 获取知识点学习路径
+export const getCoursePath = (params:any) => {
+  return request({
+  url:'/api/knowNeo/knowLearnPathGraph',
+  params
+    
+  })
+}
+export const getknowLearnPath = (params:any) => {
+  return request({
+  url:'/api/knowNeo/knowLearnPath',
+  params
+    
+  })
+}
+// 通过课程id查层级知识点
+export const getCourseDepth = (params:any) => {
+  return request({
+    url:'/api/knowNeo/getDepthNodeByCourseId',
+    params
+  })
+}
+
+// 查看关系类型的节点
+export const getCourseType = (params:any) => {
+  return request({
+    url:'/api/knowNeo/getRelsNodesByCourseId',
+    params
+  })
+}
+
+// 查询深层级关系节点
+export const getDepthAndType = (data:any) => {
+  return request({
+    url:'/api/knowNeo/getRelsNodesByCourseId',
+    method:"POST",
+    data
+  })
+}
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/api/types/courseType.ts b/teaching_integration_platform_template/src/api/types/courseType.ts
new file mode 100644
index 0000000..e2b57a8
--- /dev/null
+++ b/teaching_integration_platform_template/src/api/types/courseType.ts
@@ -0,0 +1,3 @@
+export interface GetCourseObjectivesList {
+    id:string | number
+}
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/PPT.svg b/teaching_integration_platform_template/src/assets/icons/PPT.svg
new file mode 100644
index 0000000..40ac510
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/PPT.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623399118" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33975" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M853.161077 892.549156 362.595248 892.549156l-209.432916-0.413416c-0.605797-0.001023-1.210571-0.031722-1.813299-0.092098-24.848944-2.484587-47.825238-14.060227-64.696488-32.594349-16.990976-18.665105-26.349111-42.85504-26.349111-68.112284L60.303434 264.62596c0-55.80805 45.403073-101.211123 101.211123-101.211123l691.645496 0c55.80805 0 101.2101 45.403073 101.2101 101.211123l0 225.51315c0 0.275269-0.00614 0.551562-0.01842 0.825808-0.021489 0.494257-1.971911 51.723012 15.481599 85.46244 4.716418 9.118682 1.14815 20.335141-7.970532 25.052582-9.116635 4.714372-20.335141 1.149173-25.052582-7.970532-21.300119-41.176818-19.844977-97.642854-19.618826-103.738689L917.191392 264.62596c0-35.307134-28.724205-64.031339-64.031339-64.031339L161.51558 200.594621c-35.307134 0-64.031339 28.724205-64.031339 64.031339l0 526.71105c0 32.755008 24.320918 59.957557 56.717769 63.61997l208.4311 0.412392 490.528989 0c35.307134 0 64.031339-28.725228 64.031339-64.032362l-0.382717-93.676519c-0.104377-1.749854-1.587148-19.548218-19.549242-42.499953-0.050142-0.063445-0.098237-0.125867-0.147356-0.190335L875.401614 626.481358 758.174726 471.362464c-0.415462-0.550539-38.995129-50.852178-86.271876-45.534056-38.335097 4.314259-75.954903 45.163619-108.789729 118.131491-17.615193 39.141462-34.650171 68.26885-52.082192 89.046059-17.607006 20.985964-35.679617 33.519418-55.251372 38.316677-43.422975 10.638291-81.049944-18.99461-120.886231-50.372248l-5.057179-3.980661c-46.555315-36.57808-68.750827-28.223808-158.330028 59.60247-7.330966 7.187703-19.101033 7.071046-26.288736-0.25992-7.187703-7.330966-7.071046-19.101033 0.25992-26.287713 46.658669-45.74588 77.544097-72.726372 107.085924-84.282568 33.357735-13.048177 64.274886-6.266727 100.242052 21.99392l5.092995 4.00829c33.9226 26.719548 63.219857 49.795103 89.028663 43.466977 25.618471-6.279007 53.30095-42.114167 82.279958-106.508779 39.139415-86.97591 85.837994-134.027529 138.79716-139.849118 68.454068-7.515161 117.823476 57.404408 119.891578 60.171428l117.122511 154.980747 21.599947 28.343535c26.276457 33.630958 27.333532 61.638849 27.367301 64.72514 0.001023 0.042979 0.001023 0.084934 0.001023 0.127913l0.38374 94.059236C954.371176 847.146083 908.969127 892.549156 853.161077 892.549156z" fill="#0052FF" p-id="33976"></path><path d="M312.328401 446.967868c-42.324968 0-76.759221-34.434254-76.759221-76.759221s34.434254-76.759221 76.759221-76.759221 76.759221 34.434254 76.759221 76.759221S354.654392 446.967868 312.328401 446.967868zM312.328401 330.628186c-21.824051 0-39.579437 17.755386-39.579437 39.579437s17.755386 39.579437 39.579437 39.579437 39.579437-17.755386 39.579437-39.579437S334.153476 330.628186 312.328401 330.628186z" fill="#0052FF" p-id="33977"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/Praise.svg b/teaching_integration_platform_template/src/assets/icons/Praise.svg
new file mode 100644
index 0000000..5b1a75a
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/Praise.svg
@@ -0,0 +1 @@
+<svg t="1724122358377" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3617" width="200" height="200"><path d="M621.674667 408.021333c16.618667-74.24 28.224-127.936 34.837333-161.194666C673.152 163.093333 629.941333 85.333333 544.298667 85.333333c-77.226667 0-116.010667 38.378667-138.88 115.093334l-0.586667 2.24c-13.728 62.058667-34.72 110.165333-62.506667 144.586666a158.261333 158.261333 0 0 1-119.733333 58.965334l-21.909333 0.469333C148.437333 407.808 106.666667 450.816 106.666667 503.498667V821.333333c0 64.8 52.106667 117.333333 116.394666 117.333334h412.522667c84.736 0 160.373333-53.568 189.12-133.92l85.696-239.584c21.802667-60.96-9.536-128.202667-70.005333-150.186667a115.552 115.552 0 0 0-39.488-6.954667H621.674667zM544.256 149.333333c39.253333 0 59.498667 36.48 49.888 84.928-7.573333 38.144-21.984 104.426667-43.221333 198.666667-4.512 20.021333 10.56 39.093333 30.912 39.093333h218.666666c6.101333 0 12.16 1.066667 17.909334 3.168 27.445333 9.984 41.674667 40.554667 31.776 68.266667l-85.568 239.573333C744.981333 838.026667 693.301333 874.666667 635.402667 874.666667H223.498667C194.314667 874.666667 170.666667 850.784 170.666667 821.333333V503.498667c0-17.866667 14.144-32.448 31.829333-32.821334l21.866667-0.469333a221.12 221.12 0 0 0 167.381333-82.56c34.346667-42.602667 59.146667-99.306667 74.869333-169.877333C482.101333 166.336 499.552 149.333333 544.266667 149.333333z" fill="#000000" p-id="3618"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/PraiseFilled.svg b/teaching_integration_platform_template/src/assets/icons/PraiseFilled.svg
new file mode 100644
index 0000000..e9d6355
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/PraiseFilled.svg
@@ -0,0 +1 @@
+<svg t="1724122458872" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3764" width="200" height="200"><path d="M621.674667 408.021333c16.618667-74.24 28.224-127.936 34.837333-161.194666C673.152 163.093333 629.941333 85.333333 544.298667 85.333333c-77.226667 0-116.010667 38.378667-138.88 115.093334l-0.586667 2.24c-13.728 62.058667-34.72 110.165333-62.506667 144.586666a158.261333 158.261333 0 0 1-119.733333 58.965334l-21.909333 0.469333C148.437333 407.808 106.666667 450.816 106.666667 503.498667V821.333333c0 64.8 52.106667 117.333333 116.394666 117.333334h412.522667c84.736 0 160.373333-53.568 189.12-133.92l85.696-239.584c21.802667-60.96-9.536-128.202667-70.005333-150.186667a115.552 115.552 0 0 0-39.488-6.954667H621.674667z" fill="#000000" p-id="3765"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/Star.svg b/teaching_integration_platform_template/src/assets/icons/Star.svg
new file mode 100644
index 0000000..a7cbda5
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/Star.svg
@@ -0,0 +1 @@
+<svg t="1724122125952" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2618" width="200" height="200"><path d="M335.008 916.629333c-35.914667 22.314667-82.88 10.773333-104.693333-25.557333a77.333333 77.333333 0 0 1-8.96-57.429333l46.485333-198.24a13.141333 13.141333 0 0 0-4.021333-12.864l-152.16-132.586667c-31.605333-27.52-35.253333-75.648-8.234667-107.733333a75.68 75.68 0 0 1 51.733333-26.752L354.848 339.2c4.352-0.362667 8.245333-3.232 10.026667-7.594667l76.938666-188.170666c16.032-39.2 60.618667-57.92 99.52-41.461334a76.309333 76.309333 0 0 1 40.832 41.461334l76.938667 188.16c1.781333 4.373333 5.674667 7.253333 10.026667 7.605333l199.712 16.277333c41.877333 3.413333 72.885333 40.458667 69.568 82.517334a76.938667 76.938667 0 0 1-26.08 51.978666l-152.16 132.586667c-3.541333 3.082667-5.141333 8.074667-4.021334 12.853333l46.485334 198.24c9.621333 41.013333-15.36 82.336-56.138667 92.224a75.285333 75.285333 0 0 1-57.525333-9.237333l-170.976-106.24a11.296 11.296 0 0 0-12.010667 0l-170.986667 106.24zM551.786667 756.032l170.976 106.24c2.624 1.621333 5.717333 2.122667 8.650666 1.408 6.410667-1.557333 10.56-8.426667 8.928-15.424l-46.485333-198.24a77.141333 77.141333 0 0 1 24.277333-75.733333L870.293333 441.706667c2.485333-2.165333 4.053333-5.312 4.330667-8.746667 0.565333-7.136-4.490667-13.173333-10.976-13.696l-199.712-16.288a75.989333 75.989333 0 0 1-64.064-47.168l-76.938667-188.16a12.309333 12.309333 0 0 0-6.538666-6.741333c-5.898667-2.496-12.725333 0.373333-15.328 6.741333l-76.949334 188.16a75.989333 75.989333 0 0 1-64.064 47.168l-199.701333 16.288a11.68 11.68 0 0 0-7.978667 4.181333 13.226667 13.226667 0 0 0 1.333334 18.261334l152.16 132.586666a77.141333 77.141333 0 0 1 24.277333 75.733334l-46.485333 198.229333a13.333333 13.333333 0 0 0 1.514666 9.877333c3.488 5.792 10.581333 7.530667 16.064 4.128l170.986667-106.229333a75.296 75.296 0 0 1 79.562667 0z" fill="#000000" p-id="2619"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/StarFilled.svg b/teaching_integration_platform_template/src/assets/icons/StarFilled.svg
new file mode 100644
index 0000000..17aace7
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/StarFilled.svg
@@ -0,0 +1 @@
+<svg t="1724123981118" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4740" width="200" height="200"><path d="M335.008 916.629333c-35.914667 22.314667-82.88 10.773333-104.693333-25.557333a77.333333 77.333333 0 0 1-8.96-57.429333l46.485333-198.24a13.141333 13.141333 0 0 0-4.021333-12.864l-152.16-132.586667c-31.605333-27.52-35.253333-75.648-8.234667-107.733333a75.68 75.68 0 0 1 51.733333-26.752L354.848 339.2c4.352-0.362667 8.245333-3.232 10.026667-7.594667l76.938666-188.170666c16.032-39.2 60.618667-57.92 99.52-41.461334a76.309333 76.309333 0 0 1 40.832 41.461334l76.938667 188.16c1.781333 4.373333 5.674667 7.253333 10.026667 7.605333l199.712 16.277333c41.877333 3.413333 72.885333 40.458667 69.568 82.517334a76.938667 76.938667 0 0 1-26.08 51.978666l-152.16 132.586667c-3.541333 3.082667-5.141333 8.074667-4.021334 12.853333l46.485334 198.24c9.621333 41.013333-15.36 82.336-56.138667 92.224a75.285333 75.285333 0 0 1-57.525333-9.237333l-170.976-106.24a11.296 11.296 0 0 0-12.010667 0l-170.986667 106.24z" fill="#000000" p-id="4741"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/六边形2号.svg b/teaching_integration_platform_template/src/assets/icons/六边形2号.svg
new file mode 100644
index 0000000..7c5d262
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/六边形2号.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623155547" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27317" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M736.3 123.5H287.7L63.5 512l224.3 388.5h448.5L960.5 512 736.3 123.5z m-21.3 740H309L106.1 512l203-351.5H715L918 512 715 863.5z" fill="#A984F6" p-id="27318" data-spm-anchor-id="a313x.search_index.0.i27.35da3a81FVUKRU" class="selected"></path><path d="M715 160.5H309L106.1 512l203 351.5H715L918 512 715 160.5z m-13.4 679.9H322.4L132.8 512l189.6-328.4h379.2L891.2 512 701.6 840.4z" fill="#e6e6e6" p-id="27319"></path><path d="M701.6 183.6H322.4L132.8 512l189.6 328.4h379.2L891.2 512z" fill="#d8c9fa" p-id="27320" data-spm-anchor-id="a313x.search_index.0.i26.35da3a81FVUKRU" class="selected"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/博士帽.svg b/teaching_integration_platform_template/src/assets/icons/博士帽.svg
new file mode 100644
index 0000000..3cd4051
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/博士帽.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716622721837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2719" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M865.92 420.48h50.346667v161.28h-50.346667z" fill="#FF354A" p-id="2720"></path><path d="M876.16 627.84l-32.853333-32.853333a21.248 21.248 0 0 1 0-30.08l32.853333-32.853334a21.248 21.248 0 0 1 30.08 0l32.853333 32.853334c8.32 8.32 8.32 21.76 0 30.08l-32.853333 32.853333a21.248 21.248 0 0 1-30.08 0z" fill="#FF354A" p-id="2721"></path><path d="M744.96 809.173333l-83.2 37.76a377.898667 377.898667 0 0 1-312.96 0l-83.2-37.76a64.021333 64.021333 0 0 1-37.546667-58.24V363.52h554.453334v387.2c0 25.173333-14.72 48-37.546667 58.453333z" fill="#FCCA1E" p-id="2722"></path><path d="M895.36 440.32l-331.306667 165.333333c-37.12 18.56-80.64 18.56-117.546666 0L114.986667 440.32c-48.64-24.32-48.64-93.653333 0-117.973333l331.306666-165.333334c37.12-18.56 80.64-18.56 117.546667 0l331.306667 165.333334c48.853333 24.32 48.853333 93.653333 0.213333 117.973333z" fill="#2953FF" p-id="2723"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/排序.svg b/teaching_integration_platform_template/src/assets/icons/排序.svg
new file mode 100644
index 0000000..5f15279
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/排序.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716626959532" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="51794" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M768 362.666667a21.333333 21.333333 0 0 1 21.333333 21.333333v387.648l61.418667-61.397333a21.333333 21.333333 0 0 1 30.165333 0l30.165334 30.165333a21.333333 21.333333 0 0 1 0 30.165333l-116.053334 116.053334a53.333333 53.333333 0 0 1-90.922666-34.218667L704 848.917333V384a21.333333 21.333333 0 0 1 21.333333-21.333333h42.666667zM554.666667 789.333333a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H128a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h426.666667z m0-320a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H128a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h426.666667zM896 149.333333a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H128a21.333333 21.333333 0 0 1-21.333333-21.333334V170.666667a21.333333 21.333333 0 0 1 21.333333-21.333334h768z" fill="#333333" p-id="51795" data-spm-anchor-id="a313x.search_index.0.i54.35da3a81FVUKRU" class="selected"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/文本.svg b/teaching_integration_platform_template/src/assets/icons/文本.svg
new file mode 100644
index 0000000..7869124
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/文本.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623474900" class="icon" viewBox="0 0 1055 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36129" xmlns:xlink="http://www.w3.org/1999/xlink" width="131.875" height="128"><path d="M572.416 68.608q10.24 1.024 22.016 9.728t21.504 22.016 15.872 30.208 6.144 33.28q0 14.336-6.144 30.208t-15.872 29.696-21.504 22.528-22.016 9.728l-191.488 0 0 637.952q-2.048 26.624-14.336 45.568t-48.128 18.944q-22.528 0-41.472-14.848t-20.992-49.664l0-637.952-188.416 0q-18.432 0-30.208-8.192t-19.456-21.504-11.264-29.696-5.632-32.768q0-16.384 5.12-33.28t13.824-30.72 20.992-22.528 26.624-8.704l504.832 0zM970.752 258.048q-13.312 2.048-16.384 9.216t-3.072 20.48q0 15.36 0.512 39.424t1.024 50.688 0.512 51.2l0 39.936q1.024 10.24-2.048 20.48l0 3.072q0 11.264 0.512 43.008t0.512 69.12 0.512 71.168 0.512 48.128q0 19.456 4.096 30.72t18.432 11.264l46.08 0q18.432 0 23.552 9.728t-8.192 25.088q-12.288 15.36-28.672 36.864t-33.792 44.032-34.304 44.032-30.208 37.888q-12.288 15.36-23.04 15.872t-24.064-13.824q-12.288-15.36-28.672-35.328t-33.792-41.472-34.304-42.496-30.208-37.376q-15.36-17.408-12.288-29.184t22.528-11.776q11.264 0 29.696-0.512t30.72-1.536q12.288 0 15.36-7.168t3.072-21.504l0-49.152q0-34.816-0.512-73.216t-1.024-73.216-0.512-50.176q0-9.216 3.072-18.432l0-5.12q0-10.24-0.512-31.744t-1.024-46.592-0.512-49.664l0-37.888q0-20.48-3.584-31.232t-17.92-10.752q-11.264 0-23.552-1.024t-23.552-1.024q-17.408 2.048-23.04-8.192t6.656-26.624q12.288-15.36 29.184-36.352t34.304-43.52 33.792-44.032 29.696-37.888q13.312-15.36 24.064-15.872t23.04 13.824q12.288 15.36 29.184 35.328t34.304 41.472 34.304 41.984 30.208 36.864q15.36 18.432 12.288 30.208t-22.528 11.776q-11.264-1.024-29.696 0t-30.72 1.024z" p-id="36130" fill="#0052FF"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/案例.svg b/teaching_integration_platform_template/src/assets/icons/案例.svg
new file mode 100644
index 0000000..93a47f4
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/案例.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623502952" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="37364" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M761.1 465.5H289.7c-17.4 0-31.4-14.1-31.4-31.4s14.1-31.4 31.4-31.4h471.5c17.4 0 31.4 14.1 31.4 31.4s-14.1 31.4-31.5 31.4zM642.9 619.2H289.7c-17.4 0-31.4-14.1-31.4-31.4s14.1-31.4 31.4-31.4h353.2c17.4 0 31.4 14.1 31.4 31.4s-14.1 31.4-31.4 31.4zM524.9 786.8H289.7c-17.4 0-31.4-14.1-31.4-31.4s14.1-31.4 31.4-31.4h235.2c17.4 0 31.4 14.1 31.4 31.4s-14 31.4-31.4 31.4z" fill="#0052FF" p-id="37365"></path><path d="M702 194.8c0-97.8-79.3-99-177.1-99s-177.1 1.2-177.1 99v62.9H702v-62.9z" fill="#0052FF" p-id="37366"></path><path d="M860.2 159.3H729.7c-19.8-94.7-121.3-95-204.8-95-83.5 0-185.1 0.3-204.9 95H166c-28.9 0-52.4 23.5-52.4 52.4v695.5c0 28.9 23.5 52.4 52.4 52.4h694.1c28.9 0 52.4-23.5 52.4-52.4V211.7c0-28.9-23.4-52.4-52.3-52.4z m-481 35.5c0-59.2 31-67.6 145.7-67.6 114.6 0 145.7 8.4 145.7 67.6v31.4H379.2v-31.4z m470.5 701.9H176.6V222.2h139.8V289h417.1v-66.9h116.2v674.6z" fill="#0052FF" p-id="37367"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/测试.svg b/teaching_integration_platform_template/src/assets/icons/测试.svg
new file mode 100644
index 0000000..c994e3c
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/测试.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623525515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38462" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M191.41 804.42h666.84v53.47H191.41zM915.23 713h-781a27.93 27.93 0 0 1-27.9-27.9V181.19a27.93 27.93 0 0 1 27.9-27.9h781a27.93 27.93 0 0 1 27.9 27.9v503.93a27.93 27.93 0 0 1-27.9 27.88z m-755.4-53.47h729.84V206.76H159.83z" p-id="38463" fill="#0052FF"></path><path d="M438.86 532.76l-101.42-99.58 101.23-107.27 19.44 18.34-83.23 88.22 82.71 81.21-18.73 19.08zM610.66 532.39l-19.44-18.35 83.24-88.21-82.72-81.21 18.73-19.08 101.42 99.58-101.23 107.27zM485.71 533.518l51.957-208.854 25.94 6.453-51.958 208.854z" p-id="38464" fill="#0052FF"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/知识点.svg b/teaching_integration_platform_template/src/assets/icons/知识点.svg
new file mode 100644
index 0000000..8fa2be9
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/知识点.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716622925767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14391" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M208 246.4h732.8v630.4H208V246.4z" fill="#BADEFA" p-id="14392"></path><path d="M659.2 67.2C601.6 67.2 544 96 512 144c-32-44.8-89.6-76.8-147.2-76.8H105.6C64 67.2 32 102.4 32 144v675.2c0 41.6 32 73.6 73.6 73.6h265.6c35.2 35.2 89.6 64 140.8 64 51.2 0 102.4-28.8 137.6-64h268.8c41.6 0 73.6-32 73.6-73.6V144c0-41.6-32-76.8-73.6-76.8H659.2z m256 748.8c-6.4 6.4-25.6 6.4-25.6 6.4h-256c-9.6 0-19.2 6.4-28.8 12.8-22.4 28.8-54.4 41.6-89.6 41.6-35.2 0-67.2-16-89.6-41.6-6.4-6.4-19.2-12.8-28.8-12.8H134.4s-16 3.2-25.6-6.4c-9.6-9.6-9.6-28.8-9.6-28.8V176s3.2-19.2 9.6-25.6c6.4-6.4 25.6-9.6 25.6-9.6h227.2c60.8 0 112 51.2 112 112v316.8c0 19.2 19.2 38.4 38.4 38.4s38.4-19.2 38.4-38.4v-320c0-60.8 51.2-112 112-112h227.2s19.2 0 25.6 9.6c6.4 9.6 9.6 25.6 9.6 25.6v617.6s0 19.2-9.6 25.6z" fill="#2095F3" p-id="14393"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/简介.svg b/teaching_integration_platform_template/src/assets/icons/简介.svg
new file mode 100644
index 0000000..b9c1022
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/简介.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623342297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="32876" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M782.933333 938.666667H241.066667c-76.8 0-138.666667-61.866667-138.666667-138.666667v-576C102.4 147.2 164.266667 85.333333 241.066667 85.333333h541.866666c76.8 0 138.666667 61.866667 138.666667 138.666667v576c0 76.8-61.866667 138.666667-138.666667 138.666667zM241.066667 149.333333c-40.533333 0-74.666667 34.133333-74.666667 74.666667v576c0 40.533333 34.133333 74.666667 74.666667 74.666667h541.866666c40.533333 0 74.666667-34.133333 74.666667-74.666667v-576c0-40.533333-34.133333-74.666667-74.666667-74.666667H241.066667z" fill="#0052FF" p-id="32877"></path><path d="M716.8 362.666667H307.2c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h409.6c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32zM631.466667 544H307.2c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h324.266667c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32zM537.6 725.333333H307.2c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h230.4c17.066667 0 32 14.933333 32 32S554.666667 725.333333 537.6 725.333333z" fill="#0052FF" p-id="32878"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/icons/视频.svg b/teaching_integration_platform_template/src/assets/icons/视频.svg
new file mode 100644
index 0000000..6524bc8
--- /dev/null
+++ b/teaching_integration_platform_template/src/assets/icons/视频.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716623450468" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="35068" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M793.6 972.8l-563.2 0c-113.1008 0-204.8-91.6992-204.8-204.8L25.6 256c0-113.1008 91.6992-204.8 204.8-204.8l563.2 0c113.1008 0 204.8 91.6992 204.8 204.8l0 512C998.4 881.1008 906.7008 972.8 793.6 972.8zM947.2 286.72c0-101.7856-82.5344-184.32-184.32-184.32L261.12 102.4C159.3344 102.4 76.8 184.9344 76.8 286.72l0 450.56c0 101.7856 82.5344 184.32 184.32 184.32l501.76 0c101.7856 0 184.32-82.5344 184.32-184.32L947.2 286.72zM384 308.224l307.2 203.776-307.2 203.776L384 308.224z" fill="#0052FF" p-id="35069"></path></svg>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/assets/images/LOGO.png b/teaching_integration_platform_template/src/assets/images/LOGO.png
new file mode 100644
index 0000000..e1c477a
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/LOGO.png differ
diff --git a/teaching_integration_platform_template/src/assets/images/LOGO2.png b/teaching_integration_platform_template/src/assets/images/LOGO2.png
new file mode 100644
index 0000000..4a3d3f8
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/LOGO2.png differ
diff --git a/teaching_integration_platform_template/src/assets/images/banner3.jpg b/teaching_integration_platform_template/src/assets/images/banner3.jpg
new file mode 100644
index 0000000..7ea7c82
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/banner3.jpg differ
diff --git a/teaching_integration_platform_template/src/assets/images/banner4.jpg b/teaching_integration_platform_template/src/assets/images/banner4.jpg
new file mode 100644
index 0000000..c528899
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/banner4.jpg differ
diff --git a/teaching_integration_platform_template/src/assets/images/crous-card.png b/teaching_integration_platform_template/src/assets/images/crous-card.png
new file mode 100644
index 0000000..8625e17
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/crous-card.png differ
diff --git a/teaching_integration_platform_template/src/assets/images/default.png b/teaching_integration_platform_template/src/assets/images/default.png
new file mode 100644
index 0000000..e16488e
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/default.png differ
diff --git a/teaching_integration_platform_template/src/assets/images/jinglingtu.png b/teaching_integration_platform_template/src/assets/images/jinglingtu.png
new file mode 100644
index 0000000..8e1a58e
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/jinglingtu.png differ
diff --git a/teaching_integration_platform_template/src/assets/images/kcfm.jpg b/teaching_integration_platform_template/src/assets/images/kcfm.jpg
new file mode 100644
index 0000000..e762901
Binary files /dev/null and b/teaching_integration_platform_template/src/assets/images/kcfm.jpg differ
diff --git a/teaching_integration_platform_template/src/main.ts b/teaching_integration_platform_template/src/main.ts
index eeb9d41..d872faa 100644
--- a/teaching_integration_platform_template/src/main.ts
+++ b/teaching_integration_platform_template/src/main.ts
@@ -19,12 +19,14 @@ import './permissions'
 // 引入仓库
 import pinia from '@/store/index'
 import '@/utils/rem.js'
+import VuePdf from 'vue3-pdfjs'
 // 创建vue实例
 const app = createApp(App)
 // 注册element plus组件库
 app.use(ElementPlus, {
   locale: zhCn,
 })
+app.use(VuePdf)
 // 注册全局组件
 app.use(gloablComponent)
 app.use(router)
diff --git a/teaching_integration_platform_template/src/permissions.ts b/teaching_integration_platform_template/src/permissions.ts
index 74340c1..8e7bdac 100644
--- a/teaching_integration_platform_template/src/permissions.ts
+++ b/teaching_integration_platform_template/src/permissions.ts
@@ -1,15 +1,34 @@
 // 引入路由
 import router from '@/router/index'
-import pinia  from './store'
+import pinia from './store'
 import { constRouter } from '@/router/module/constRouter'
+import userStore from '@/store/module/user'
+
 import useSettingStore from '@/store/module/setting'
 const settingStore = useSettingStore(pinia) //重新指向pinia仓储
-router.beforeEach((to, from, next) => {
-    let index = constRouter[0].children.findIndex((item:any) => {
-       return to.path.includes(item.path)
-        
-    });  
-    settingStore.setuseIndex(index)
-    document.title = `教学一体化-${to.meta.title}`
-    next()
+const useUserStore = userStore(pinia)
+router.beforeEach((to, _from, next) => {
+  console.log(to.query)
+  // 判断是否登录
+  if (!useUserStore.token) {
+    // http://10.121.2.26:8866/portal#/home?code=abcdef
+    if (Object.keys(to.query).length) {
+      console.log('有参数')
+    //   传入token
+      useUserStore.verifyToken('1111111')
+    } else {
+      // window.location.replace('http://39.106.16.162/')
+    }
+  }
+
+  let index = constRouter[0].children.findIndex((item: any) => {
+    // console.log(to.path,item.path);
+
+    return to.path.includes(item.path)
+  })
+  // console.log(index);
+
+  settingStore.setuseIndex(index)
+  document.title = `教学一体化-${to.meta.title}`
+  next()
 })
diff --git a/teaching_integration_platform_template/src/router/index.ts b/teaching_integration_platform_template/src/router/index.ts
index d66b5c2..6292497 100644
--- a/teaching_integration_platform_template/src/router/index.ts
+++ b/teaching_integration_platform_template/src/router/index.ts
@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
+import { createRouter, createWebHashHistory,createWebHistory } from 'vue-router'
 import { constRouter } from './module/constRouter'
 const router = createRouter({
   history: createWebHashHistory(),
diff --git a/teaching_integration_platform_template/src/router/module/constRouter/index.ts b/teaching_integration_platform_template/src/router/module/constRouter/index.ts
index 8bc3c30..159c97e 100644
--- a/teaching_integration_platform_template/src/router/module/constRouter/index.ts
+++ b/teaching_integration_platform_template/src/router/module/constRouter/index.ts
@@ -16,7 +16,7 @@ export const constRouter: any = [
         component: () => import('@/views/home/index.vue'),
         meta: {
           icon: '',
-          title: '学院首页',
+          title: '首页',
           hidden: false,
         },
         children: [
@@ -26,144 +26,190 @@ export const constRouter: any = [
             component: () => import('@/views/home/test.vue'),
             meta: {
               icon: '',
-              title: '学院首页',
+              title: '首页',
               hidden: false,
             },
           },
         ],
       },
+      // {
+      //   path: '/professionalProfile', // 课程
+      //   component: () => import('@/views/professionalProfile/index.vue'),
+      //   name: 'ProfessionalProfile',
+      //   meta: {
+      //     icon: '',
+      //     title: '课程',
+      //     hidden: false,
+      //   },
+      // },
       {
-        path: '/professionalProfile', // 专业概括
-        component: () => import('@/views/professionalProfile/index.vue'),
-        name: 'ProfessionalProfile',
+        path: '/professionalListProfile', // 课程
+        component: () => import('@/views/professionalListProfile/index.vue'),
+        name: 'professionalListProfile',
         meta: {
           icon: '',
-          title: '专业概括',
+          title: '课程',
           hidden: false,
         },
       },
       {
-        path: '/pedagogicalReform', // 教学改革
-        component: () => import('@/views/pedagogicalReform/index.vue'),
-        name: 'PedagogicalReform',
+        path: '/roadbedRecommendation',
+        component: () => import('@/views/roadbedRecommendation/index.vue'),
+        name: 'RoadbedRecommendation',
         meta: {
-          icon: '',
-          title: '教学改革',
+          title: '学习路径',
           hidden: false,
         },
       },
       {
-        path: '/pedagogicalReform', // 科学研究
+        path: '/pedagogicalReform', // 教学改革
         component: () => import('@/views/pedagogicalReform/index.vue'),
         name: 'PedagogicalReform',
         meta: {
           icon: '',
-          title: '科学研究',
+          title: '资讯',
           hidden: false,
         },
       },
       {
-        path: '/talentDevelopment', // 人才培养
-        component: () => import('@/views/talentDevelopment/index.vue'),
-        name: 'TalentDevelopment',
+        path: '/scientificResearch', // 科学研究
+        component: () => import('@/views/scientificResearch/index.vue'),
+        name: 'CcientificResearch',
         meta: {
           icon: '',
-          title: '人才培养',
+          title: '关于我们',
           hidden: false,
         },
       },
       {
-        path: '/presentationAchievements', // 成果展示
-        component: () => import('@/views/presentationAchievements/index.vue'),
-        name: 'PresentationAchievements',
+        path: '/course',
+        component: () => import('@/views/course/index.vue'),
+        name: 'course',
         meta: {
-          icon: '',
-          title: '成果展示',
-          hidden: false,
+          title: '课程首页',
+          hidden: true,
         },
-        redirect: '/presentationAchievements/dev',
-        children: [
-          {
-            path: 'dev',
-            component: () =>
-              import('@/views/presentationAchievements/dev.vue'),
-            name: 'Dev',
-            meta: {
-              icon: '',
-              title: 'dev',
-              hidden: false,
-            },
-          },
-          {
-            path: 'test',
-            component: () =>
-              import('@/views/presentationAchievements/test.vue'),
-            name: 'Test',
-            meta: {
-              icon: '',
-              title: 'test',
-              hidden: false,
-            },
-          },
-        ],
       },
       {
-        path: '/productFusion', // 产品融合
-        component: () => import('@/views/productFusion/index.vue'),
-        name: 'ProductFusion',
+        path: '/knowledge',
+        component: () => import('@/views/knowledge/index.vue'),
+        name: 'knowledge',
         meta: {
-          icon: '',
-          title: '产品融合',
-          hidden: false,
-        },
-      },
-      {
-        path: '/dailyTeaching', // 日常教学
-        component: () => import('@/views/dailyTeaching/index.vue'),
-        name: 'DailyTeaching',
-        meta: {
-          icon: '',
-          title: '日常教学',
-          hidden: false,
-        },
-      },
-      {
-        path: '/outstandingStudents', // 优秀学生
-        component: () => import('@/views/outstandingStudents/index.vue'),
-        name: 'OutstandingStudents',
-        meta: {
-          icon: '',
-          title: '优秀学生',
-          hidden: false,
+          title: '知识点首页',
+          hidden: true,
         },
       },
+      // {
+      //   path: '/talentDevelopment', // 人才培养
+      //   component: () => import('@/views/talentDevelopment/index.vue'),
+      //   name: 'TalentDevelopment',
+      //   meta: {
+      //     icon: '',
+      //     title: '人才培养',
+      //     hidden: false,
+      //   },
+      // },
+      // {
+      //   path: '/presentationAchievements', // 成果展示
+      //   component: () => import('@/views/presentationAchievements/index.vue'),
+      //   name: 'PresentationAchievements',
+      //   meta: {
+      //     icon: '',
+      //     title: '成果展示',
+      //     hidden: false,
+      //   },
+      //   redirect: '/presentationAchievements/dev',
+      //   children: [
+      //     {
+      //       path: 'dev',
+      //       component: () =>
+      //         import('@/views/presentationAchievements/dev.vue'),
+      //       name: 'Dev',
+      //       meta: {
+      //         icon: '',
+      //         title: 'dev',
+      //         hidden: false,
+      //       },
+      //     },
+      //     {
+      //       path: 'test',
+      //       component: () =>
+      //         import('@/views/presentationAchievements/test.vue'),
+      //       name: 'Test',
+      //       meta: {
+      //         icon: '',
+      //         title: 'test',
+      //         hidden: false,
+      //       },
+      //     },
+      //   ],
+      // },
+      // {
+      //   path: '/productFusion', // 产品融合
+      //   component: () => import('@/views/productFusion/index.vue'),
+      //   name: 'ProductFusion',
+      //   meta: {
+      //     icon: '',
+      //     title: '产品融合',
+      //     hidden: false,
+      //   },
+      // },
+      // {
+      //   path: '/dailyTeaching', // 日常教学
+      //   component: () => import('@/views/dailyTeaching/index.vue'),
+      //   name: 'DailyTeaching',
+      //   meta: {
+      //     icon: '',
+      //     title: '日常教学',
+      //     hidden: false,
+      //   },
+      // },
+      // {
+      //   path: '/outstandingStudents', // 优秀学生
+      //   component: () => import('@/views/outstandingStudents/index.vue'),
+      //   name: 'OutstandingStudents',
+      //   meta: {
+      //     icon: '',
+      //     title: '优秀学生',
+      //     hidden: false,
+      //   },
+      // },
     ],
   },
   {
-    path:'/editAtlas',
-    component:() => import('@/views/editAtlas/index.vue'),
-    name:'EditAtlas',
+    path: '/editAtlas',
+    component: () => import('@/views/editAtlas/index.vue'),
+    name: 'EditAtlas',
     meta: {
       title: '编辑图谱',
       hidden: true,
     },
   },
   {
-    path: '/404',
-    component: () => import('@/views/404/index.vue'),
-    name: '404',
+    path: '/largeScreen',
+    component: () => import('@/views/professionalProfile/largeScreen.vue'),
+    name: 'LargeScreen',
     meta: {
-      title: '404',
+      title: '大屏图谱',
       hidden: true,
     },
   },
   {
-    path: '/:pathMatch(.*)*',
-    redirect: '/404',
-    name: 'Any',
+    path: '/404',
+    component: () => import('@/views/404/index.vue'),
+    name: '404',
     meta: {
-      title: '任意',
+      title: '404',
       hidden: true,
     },
   },
+  // {
+  //   path: '/:pathMatch(.*)*',
+  //   redirect: '/404',
+  //   name: 'Any',
+  //   meta: {
+  //     title: '任意',
+  //     hidden: true,
+  //   },
+  // },
 ]
diff --git a/teaching_integration_platform_template/src/store/module/adminInfo.ts b/teaching_integration_platform_template/src/store/module/adminInfo.ts
new file mode 100644
index 0000000..8b34bd3
--- /dev/null
+++ b/teaching_integration_platform_template/src/store/module/adminInfo.ts
@@ -0,0 +1,33 @@
+import { defineStore } from 'pinia'
+import { reactive } from 'vue';
+import { getSysSettingApi } from '@/api/configuration';
+
+
+const useAdminInfoStore = defineStore('adminInfo', () => {
+  const info = reactive({
+    address: '',
+    copyrightInformation: '',
+    id: '',
+    loginAddress: '',
+    logo: 'http://teaching-edu123.oss-cn-beijing.aliyuncs.com/eVAnKnTrHVMTVyr_2up5S.png',
+    name: '',
+    phone: '',
+    promotionalImages: 'http://teaching-edu123.oss-cn-beijing.aliyuncs.com/eEnQCDAMwwAm66pgZJh6K.jpg',
+    qqNumber: '',
+    qrCode: '',
+    recordNumber: '',
+    title: '',
+    mailbox: '',
+    home: '',
+    recordInformation: ''
+  })
+  function upAdminInfo() {
+    getSysSettingApi().then(res => {
+      if (res.code === 200) Object.assign(info, res.data)
+    })
+  }
+  upAdminInfo()
+
+  return { info }
+})
+export default useAdminInfoStore
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/store/module/editAtlas.ts b/teaching_integration_platform_template/src/store/module/editAtlas.ts
index f5833fa..a8b5c07 100644
--- a/teaching_integration_platform_template/src/store/module/editAtlas.ts
+++ b/teaching_integration_platform_template/src/store/module/editAtlas.ts
@@ -22,7 +22,8 @@ import { defineStore } from 'pinia';
       };
     },
     getData(param: any) { // 导入数据
-      this.dataList = param;
+      this.dataList.nodes = param.nodes;
+      this.dataList.edges = param.edges;
     },
     addNode(param: any) { // 添加节点
       this.dataList.nodes.push(param);
diff --git a/teaching_integration_platform_template/src/store/module/learnPath.ts b/teaching_integration_platform_template/src/store/module/learnPath.ts
new file mode 100644
index 0000000..2172e47
--- /dev/null
+++ b/teaching_integration_platform_template/src/store/module/learnPath.ts
@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue';
+import { getCourseDetailApi } from '@/api/configuration';
+
+
+
+const useLearnPathStore = defineStore('learnPath', () => {
+    let item = sessionStorage.getItem('learnPath:itemData')
+    let course = sessionStorage.getItem('learnPath:courseData')
+    if (item) item = JSON.parse(item)
+    if (course) course = JSON.parse(course)
+    const itemData = ref<Record<string, any>>(item as {} || {})
+    const courseData = ref<Record<string, any>>(course as {} || {})
+    function setCourseData(item: any) {
+        courseData.value = item
+        sessionStorage.setItem('learnPath:itemData', JSON.stringify(item))
+        getCourseDetailApi(item.id).then(res => {
+            courseData.value = res.data
+            sessionStorage.setItem('learnPath:courseData', JSON.stringify(res.data))
+        })
+    }
+    return { setCourseData, itemData, courseData }
+})
+export default useLearnPathStore
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/store/module/user.ts b/teaching_integration_platform_template/src/store/module/user.ts
new file mode 100644
index 0000000..98605e0
--- /dev/null
+++ b/teaching_integration_platform_template/src/store/module/user.ts
@@ -0,0 +1,40 @@
+import { defineStore } from 'pinia'
+import { userGetInfoService } from '@/api/configuration'
+import { ref, reactive } from 'vue'
+const userStore = defineStore('userStore', () => {
+  const userInfo = reactive<any>({})
+  const isLogin = ref(false)
+  const token = ref('eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ4aWFvMTExMSIsImNyZWF0ZWQiOjE3MjQ2NTQxNjMxMjIsImV4cCI6MTcyNTI1ODk2M30.uIEZhGG6-XGomV0aqpamOn54VxP4ItfM_ip9EgI0ohcYPyEnln6dXBoG8eVBNlbigglIjw5V1N5bHPdIAifeaA')
+
+  userGetInfoService(token.value).then(res => {
+    // @ts-ignore
+    if (res.code === 200) {
+      Object.assign(userInfo, res.data)
+      isLogin.value = true
+    }
+  })
+  return {
+    token,
+    userInfo,
+    isLogin
+  }
+})
+export default userStore
+// const userStore = defineStore('userStore', {
+//   state() {
+//     return {
+//       token: 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ4aWFvMTExMSIsImNyZWF0ZWQiOjE3MjQ2NTQxNjMxMjIsImV4cCI6MTcyNTI1ODk2M30.uIEZhGG6-XGomV0aqpamOn54VxP4ItfM_ip9EgI0ohcYPyEnln6dXBoG8eVBNlbigglIjw5V1N5bHPdIAifeaA',
+//     }
+//   },
+//   actions: {
+//    async verifyToken(token:string){
+//         const res = await verifyTokenApi({token})
+//         if(res){
+//             this.token = token
+//         }else{
+//         return false
+//         }
+//     }
+//   },
+// })
+// export default userStore
diff --git a/teaching_integration_platform_template/src/styles/index.scss b/teaching_integration_platform_template/src/styles/index.scss
index bc98c2b..3737f24 100644
--- a/teaching_integration_platform_template/src/styles/index.scss
+++ b/teaching_integration_platform_template/src/styles/index.scss
@@ -1,14 +1,43 @@
 // 引入清除浏览器默认样式文件
 @import './reset.scss';
-.banner{
+
+.banner {
+  width: 100%;
+  height: 410px;
+  // background: url('../assets/images/banner4.jpg') no-repeat;
+  // background-size: cover
+  position: relative;
+  img{
     width: 100%;
-    height: 410px;
-    background: url('../assets/images/banner2.png') no-repeat;
-    background-size: cover
   }
-  /* 设置滚动条的宽度和颜色 */
+  .source-box {
+    position: absolute;
+    top: 50%;
+    left: 180px;
+
+    .source {
+      font-size: 66px;
+      font-weight: bolder;
+    }
+
+    .describe {
+      margin: auto;
+      margin-top: 20px;
+      text-align: center;
+      padding: 10px 20px;
+      width: fit-content;
+      background-color: #6da0ff;
+      font-size: 30px;
+      font-weight: bolder;
+      color: #fff;
+    }
+  }
+}
+
+/* 设置滚动条的宽度和颜色 */
 ::-webkit-scrollbar {
-  width: 10px; /* 滚动条宽度 */
+  width: 10px;
+  /* 滚动条宽度 */
 }
 
 /* 设置滚动条的轨道背景色 */
@@ -18,16 +47,23 @@
 
 /* 设置滚动条上下按钮的样式 */
 ::-webkit-scrollbar-button {
-  background-color: #ccc;
+  background-color: #bfbfbf;
 }
 
 /* 设置滚动条的滑块样式 */
 ::-webkit-scrollbar-thumb {
-  background-color: #ccc;
-  border-radius: 5px; /* 滑块圆角 */
+  background-color: #bfbfbf;
+  border-radius: 5px;
+  /* 滑块圆角 */
 }
 
 /* 设置滑块在hover状态下的样式 */
 ::-webkit-scrollbar-thumb:hover {
-  background-color: #555;
+  background-color: #999999;
+}
+
+.scene-tooltip {
+  color: #6da0ff !important;
+  font-weight: 700;
+  opacity: .5;
 }
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/utils/filters.ts b/teaching_integration_platform_template/src/utils/filters.ts
new file mode 100644
index 0000000..4d0d988
--- /dev/null
+++ b/teaching_integration_platform_template/src/utils/filters.ts
@@ -0,0 +1,22 @@
+// 筛选文件类型
+export const filterFilesType = (arr:[]) :{} => {
+    const res:any = {
+        video:[],
+        PPT:[],
+        questions:[],
+        word:[],
+        other:[]
+    }
+    arr.forEach((item:any) => {
+        if(item.type === 19){
+            res.video.push(item)
+        }else if(item.type === 6){
+            res.PPT.push(item)
+        }else if(item.type === 7 || item.type === 5){
+            res.word.push(item)
+        }else{
+            res.other.push(item)
+        }
+    })
+    return res
+}
diff --git a/teaching_integration_platform_template/src/utils/requset.ts b/teaching_integration_platform_template/src/utils/requset.ts
index b678e53..914cc46 100644
--- a/teaching_integration_platform_template/src/utils/requset.ts
+++ b/teaching_integration_platform_template/src/utils/requset.ts
@@ -2,8 +2,8 @@
 import axios from 'axios'
 // 创建axios实例
 const server = axios.create({
-    baseURL:'/',
-    timeout:10000,
+    baseURL: import.meta.env.VITE_APP_BASE_API,
+    timeout:30000,
 })
 // 创建请求拦截器
 server.interceptors.request.use((config) => {
@@ -12,7 +12,7 @@ server.interceptors.request.use((config) => {
 })
 // 创建相应拦截器
 server.interceptors.response.use((response) => {
-    return response
+    return response.data
 })
 
 // 暴露axios实例
diff --git a/teaching_integration_platform_template/src/utils/test.js b/teaching_integration_platform_template/src/utils/test.js
new file mode 100644
index 0000000..e69de29
diff --git a/teaching_integration_platform_template/src/views/course/components/KnowledgeGraph.vue b/teaching_integration_platform_template/src/views/course/components/KnowledgeGraph.vue
new file mode 100644
index 0000000..f9ba943
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/components/KnowledgeGraph.vue
@@ -0,0 +1,164 @@
+<template>
+  <div id="3d-graph"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref, reactive, watch } from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText from '../spritetext.js'
+// const $router = useRouter()
+// const jsonData = ref(null)
+let Graph: any = reactive({})
+const props = defineProps({
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
+  },
+})
+watch(
+  () => props.width,
+  (ne) => Graph.width(ne),
+)
+watch(
+  () => props.height,
+  (ne) => Graph.height(ne),
+)
+const dom = ref(null)
+onMounted(() => {
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .jsonUrl('../../../public/data.json')
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeColor((node: any) => {
+      return node.color
+    })
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .onNodeClick((node: any) => {
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+  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
+  })
+  //@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
+      })),
+    )
+
+    // 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>
diff --git a/teaching_integration_platform_template/src/views/course/components/StuList.vue b/teaching_integration_platform_template/src/views/course/components/StuList.vue
new file mode 100644
index 0000000..140083c
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/components/StuList.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import defImg from '@/assets/images/default.png'
+import useUserStore from '@/store/module/user';
+const userStore = useUserStore()
+import { ref, watch } from 'vue';
+import { userStudentListService } from '@/api/configuration';
+const loading = ref(false)
+const stuList: any = ref([])
+const getStuList = async () => {
+    loading.value = true
+    const res = await userStudentListService(userStore.userInfo.id)
+    stuList.value = res.data
+    loading.value = false
+}
+
+watch(() => userStore.userInfo.id, () => {
+    getStuList()
+})
+if(userStore.userInfo.id) getStuList()
+</script>
+
+<template>
+    <div class="stu-list">
+        <div class="stu_content" v-loading="loading">
+            <ul>
+                <li class="stu-item" v-for="(item, index) in stuList" :key="index">
+                    <img :src="item.icon || defImg" class="stu-item-img" />
+                    <div class="stu-item-info">
+                        <h4 style="font-weight: bold">{{ item.name }}</h4>
+                        <h4 style="color: #666">{{ item.number }}</h4>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.stu_content {
+    height: 86%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-family: 'Microsoft YaHei';
+
+    /* background-color: rgb(100, 100, 64); */
+    .stu-item {
+        margin-top: 20px;
+        /* height: 100%; */
+        /* border-radius: 10px; */
+        /* background-color: #0080ff; */
+        border-bottom: 1px solid #ededed;
+        /* border-radius: 10px; */
+        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
+        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
+        display: flex;
+        padding: 5px;
+        /* margin: 10px; */
+        justify-content: space-between;
+    }
+
+    .stu-item-img {
+        background-color: yellow;
+        border-radius: 50%;
+        width: 40px;
+        height: 40px;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .stu-item-info {
+        /* margin-left: 15px; */
+        width: 80%;
+        height: 40px;
+        background-color: #ffffff;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/views/course/components/atlasUi.vue b/teaching_integration_platform_template/src/views/course/components/atlasUi.vue
new file mode 100644
index 0000000..bc3c26c
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/components/atlasUi.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="atlas-ui" ref="atlas">
+    <professionalProfile v-bind="atlasAttribute" />
+    <div class="on-off" @click="() => $emit('hadRouter')">
+      <el-icon>
+        <Right />
+      </el-icon>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, reactive, onMounted } from 'vue'
+import professionalProfile from './KnowledgeGraph.vue'
+const $emit = defineEmits(['hadRouter'])
+const atlas = ref(null)
+const atlasAttribute = reactive({ width: 0, height: 0 })
+onMounted(() => {
+  const el: HTMLElement = atlas.value!
+  const width = +getComputedStyle(el).width.slice(0, -2)
+  const height = +getComputedStyle(el).height.slice(0, -2)
+  atlasAttribute.width = width
+  atlasAttribute.height = height
+})
+</script>
+<style lang="scss">
+.atlas-ui {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  &:hover .on-off {
+    transform: translate(0%);
+    padding-right: 10px;
+  }
+
+  .on-off {
+    position: absolute;
+    top: 0;
+    right: 0;
+    cursor: pointer;
+    padding-top: 5px;
+    transform: translate(100%);
+    transition: all 0.3s;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/course/components/courseTree copy.vue b/teaching_integration_platform_template/src/views/course/components/courseTree copy.vue
new file mode 100644
index 0000000..36b16ac
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/components/courseTree copy.vue	
@@ -0,0 +1,372 @@
+<template>
+    <div class="fold-info-ui">
+      <div class="demo-collapse">
+        <el-collapse class="collapse">
+          <!-- <button class="my-button" style="position: absolute;left: 0;top: 0;" @click.stop="emits('add')">新增</button> -->
+          <el-collapse-item v-for="item in foldInfoData" :key="item.id">
+            <template #title>
+              <div class="title">
+    
+                <div class="index" v-if="String(item.numshow).length == 1"> 0{{ item.numshow }} /</div>
+                <div class="index" v-else>{{ item.numshow }} -</div>
+                <div class="text">{{ item.name }}</div>
+                <div class="title-tag-box">
+                  <!-- <div class="my-tag" type="warning">{{ item.totalclasshours }}学时</div> -->
+                  <div class="my-tag">本章资源</div>
+                </div>
+                <!-- <button class="my-button" @click.stop="emits('edit', item)" style="margin-right: 10px;">编辑</button>
+                <my-btn :id="item.id" type="danger" class="is-el-button" style="margin-right: 10px;">删除</my-btn> -->
+              </div>
+            </template>
+            <template #default>
+              <div class="titile-box-knowledge chapter-knowledge">
+                <div class="my-tag">知识点1</div>
+                <div class="my-tag">知识点1</div>
+  
+              </div>
+              <div class="main-box">
+                <div class="left"></div>
+                <div class="right">
+                  <div class="structure-item">
+                    <div class="structure-item-titile-box" v-for="obj, ind in item.chapterSection" :key="item.id">
+                      <div class="titile-box-titile">
+                        <div class="sequence">{{ ind + 1 }}</div>
+                        <div class="tit-box">
+                          <div class="tit-box-left">{{ obj.numshow }} {{ obj.name }}</div>
+                          <div class="tit-box-right my-tag">资源</div>
+                          <div class="title-tag-box">
+                            <!-- <div class="my-tag" type="warning">{{ obj.totalclasshours }}学时</div> -->
+                          </div>
+                          <!-- <div class="tit-box-edit">
+                            <button class="my-button" @click.stop="emits('edit', obj)"
+                              style="margin-right: 10px;">编辑</button>
+                            <my-btn :id="obj.id" type="danger" class="is-el-button"
+                              style="margin-right: 10px;">删除</my-btn>
+                          </div> -->
+                        </div>
+                      </div>
+                      <div class="titile-box-knowledge">
+                        <div class="my-tag">知识点1</div>
+                        <div class="my-tag">知识点1</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </template>
+  
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+  </template>
+  
+  <script setup lang="ts">
+  import { ref } from 'vue'
+  const foldInfoData = ref([
+    {
+      id: 'id',
+      name: 'Vue设计与实现',
+      numshow: 'num',
+      totalclasshours: 'totalclasshours',
+      chapterSection: [
+        {
+          id: 'id',
+          name: 'Vue设计与实现',
+          numshow: 'num',
+          totalclasshours: 'totalclasshours'
+        }
+      ]
+    },
+    {
+      id: 'id',
+      name: 'Vue设计与实现',
+      numshow: 'num',
+      totalclasshours: 'totalclasshours',
+      chapterSection: [
+        {
+          id: 'id',
+          name: 'Vue设计与实现',
+          numshow: 'num',
+          totalclasshours: 'totalclasshours'
+        }
+      ]
+    },
+    {
+      id: 'id',
+      name: 'Vue设计与实现',
+      numshow: 'num',
+      totalclasshours: 'totalclasshours',
+      chapterSection: [
+        {
+          id: 'id',
+          name: 'Vue设计与实现',
+          numshow: 'num',
+          totalclasshours: 'totalclasshours'
+        },
+        {
+          id: 'id',
+          name: 'Vue设计与实现',
+          numshow: 'num',
+          totalclasshours: 'totalclasshours'
+        }
+      ]
+    },
+    {
+      id: 'id',
+      name: 'Vue设计与实现',
+      numshow: 'num',
+      totalclasshours: 'totalclasshours',
+      chapterSection: [
+        {
+          id: 'id',
+          name: 'Vue设计与实现',
+          numshow: 'num',
+          totalclasshours: 'totalclasshours'
+        }
+      ]
+    },
+  ])
+  const emits = defineEmits(['add', 'del', 'edit'])
+  
+  </script>
+  
+  
+  <style lang="scss" scoped>
+  ::v-deep .collapse {
+    border-top: none;
+  
+    .el-collapse-item__header {
+      border-bottom: none;
+    }
+  }
+  
+  .fold-info-ui {
+    width: 100%;
+    height:100%;
+    // padding-top: 27px;
+    // padding-left: 61px;
+    padding: 10px;
+    background: #fff;
+    position: relative;
+  
+  
+    .demo-collapse {
+      $title-icon-width: 15px;
+      $title--icon-m-r: 34px;
+      $title-index-width: 60px;
+  
+  
+      .title {
+        display: flex;
+        height: 22px;
+        width: 100%;
+        align-items: center;
+  
+        .icon {
+          line-height: 0px;
+          width: $title-icon-width;
+          height: $title-icon-width;
+          margin-right: $title--icon-m-r;
+  
+          & img {
+            width: 100%;
+            height: 100%;
+  
+          }
+        }
+  
+        .index {
+          width: $title-index-width;
+          text-align: center;
+          text-wrap: nowrap;
+          font-weight: 400;
+          font-size: 16px;
+          color: #333333;
+        //   margin-right: 15px;
+        }
+  
+        .text {
+          font-weight: bold;
+          font-size: 16px;
+          color: #333333;
+        }
+  
+        .title-tag-box {
+        //   margin-left: auto;
+        //   margin-right: 76px;
+          display: flex;
+          column-gap: 16px;
+        }
+  
+      }
+  
+      .main-box {
+        width: 100%;
+        display: flex;
+        $line: 1px dashed #D9D9D9;
+  
+  
+        .left {
+          width: calc($title-icon-width + $title--icon-m-r + $title-index-width / 2);
+          border-right: $line;
+        }
+  
+        .right {
+          flex-grow: 1;
+  
+          .structure-item {
+            width: 100%;
+  
+            .structure-item-titile-box {
+              &>* {
+                padding-left: 42px;
+              }
+  
+              .titile-box-titile {
+                &:first-child {
+                  margin-top: 20px;
+                }
+  
+                position: relative;
+                margin-bottom: 15px;
+  
+                &::before {
+                  content: '';
+                  display: block;
+                  position: absolute;
+                  left: 0;
+                  top: 50%;
+                  width: 30px;
+                  border-top: $line;
+                }
+  
+                .sequence {
+                  $height: 33px;
+                  width: $height;
+                  height: $height;
+                  position: absolute;
+                  left: 0;
+                  top: 50%;
+                  transform: translate(-50%, -50%);
+                  border-radius: 50%;
+                  background: #FFB21E;
+                  text-align: center;
+                  line-height: $height;
+                  font-weight: 400;
+                  font-size: 15px;
+                  color: #000000;
+                }
+  
+                .tit-box {
+                  height: 20px;
+                  display: flex;
+                  align-items: center;
+                  gap: 17px;
+  
+                  .tit-box-left {
+                    font-weight: 400;
+                    font-size: 16px;
+                    color: #000000;
+                  }
+  
+                  // .tit-box-right {}
+                  .tit-box-edit {
+                    margin-left: auto;
+                    margin-right: 72px;
+                  }
+                }
+              }
+  
+            }
+  
+          }
+        }
+      }
+    }
+  
+    .titile-box-knowledge {
+      display: flex;
+      margin-left: 33px;
+      gap: 38px;
+      flex-wrap: wrap;
+  
+      &>* {
+        border: 1px solid #0052D9;
+        font-weight: bold;
+        font-size: 12px;
+        color: #0052D9;
+      }
+    }
+  
+    .chapter-knowledge {
+      margin-bottom: 10px;
+      margin-left: calc(79px - 33px / 2);
+    }
+  
+    // ===================
+    .my-tag {
+      padding: 2px 8px;
+      font-weight: 400;
+      font-size: 12px;
+      color: #0052D9;
+      line-height: 20px;
+      background: #F2F3FF;
+      cursor: pointer;
+      border-radius: 3px;
+    }
+  
+    * {
+      white-space: nowrap;
+    }
+  
+    [type=warning].my-tag {
+      color: #E37318;
+      background: #FFF1E9;
+    }
+  
+  }
+  
+  .my-button {
+    all: initial;
+    $color-start: #52A1FF;
+    $color-end: #4255FF;
+    padding: 8px 24px;
+    background: linear-gradient(128deg, $color-start 0%, $color-end 100%);
+    box-shadow: 0px 4px 7px 0px rgba(0, 82, 255, 0.27);
+    border-radius: 20px;
+    font-weight: bold;
+    font-size: 16px;
+    color: rgba(255, 255, 255, 0.9);
+    line-height: 24px;
+    text-align: center;
+    cursor: pointer;
+  
+    &:hover {
+      background: linear-gradient(128deg, lighten($color-start, 5%) 0%, lighten($color-end, 5%) 100%);
+    }
+  
+    &:active {
+      background: linear-gradient(128deg, darken($color-start, 10%) 0%, darken($color-end, 10%) 100%);
+    }
+  
+    &:disabled {
+      background: linear-gradient(128deg, lighten($color-start, 20%) 0%, lighten($color-end, 20%) 100%);
+    }
+  }
+  
+  .is-el-button {
+    width: 80px;
+    height: 40px;
+    box-shadow: 0px 4px 7px 0px rgba(0, 82, 255, 0.27);
+    border-radius: 20px;
+    font-weight: bold;
+    font-size: 16px !important;
+    color: rgba(255, 255, 255, 0.9);
+    line-height: 24px;
+    text-align: center;
+    cursor: pointer;
+  
+  
+  }
+  </style>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/views/course/components/courseTree.vue b/teaching_integration_platform_template/src/views/course/components/courseTree.vue
new file mode 100644
index 0000000..4abd4d0
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/components/courseTree.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="tree-box">
+    <el-tree
+      default-expand-all
+      style="max-width: 400px"
+      :data="chapterList"
+      @node-click="handleNodeClick"
+      :props="defaultProps"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+const props = defineProps(['chapterList'])
+const handleNodeClick = (data: any) => {
+  console.log(data)
+}
+console.log(props.chapterList,'props')
+const chapterList = props.chapterList
+const defaultProps = {
+  children: 'children',
+  label: 'name',
+}
+</script>
+<style lang="scss" scoped>
+.tree-box {
+  padding: 10px;
+}
+:deep(.el-tree-node__content) {
+  font-size: 16px;
+  height: 32px;
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/course/components/lookResourceUi.vue b/teaching_integration_platform_template/src/views/course/components/lookResourceUi.vue
new file mode 100644
index 0000000..775f033
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/components/lookResourceUi.vue
@@ -0,0 +1,190 @@
+<template>
+  <div class="look-resource-ui" ref="atlas">
+    <div class="head">
+      <div class="log"></div>
+      <div class="text">查看资源</div>
+    </div>
+    <div class="con" v-for="item in 5" :key="item">
+      <div class="chapter-box">
+        <div class="left">第一章</div>
+        <div class="right">第二小节</div>
+      </div>
+      <div class="detailedness-chapter-box">
+        <div class="left">
+          <div class="vertical-dotted-line"></div>
+        </div>
+        <div class="right">
+          <div class="top">知识点</div>
+          <div class="center">知识点详情，知识点内容</div>
+          <div class="bottom">
+            <div class="img-box"></div>
+            <div class="info-box">
+              <div class="text-name">知识点清单.pdf</div>
+              <div class="text-size">15M</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+const props = defineProps(['lookResource'])
+console.log(props.lookResource, '查看资源接口数据')
+</script>
+<style lang="scss">
+.look-resource-ui {
+  $padding-left: 18px;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  padding: 24px 22px 0 $padding-left;
+  display: flex;
+  flex-direction: column;
+
+  .head {
+    $height: 30px;
+    display: flex;
+    margin-bottom: 32px;
+
+    .log {
+      width: $height;
+      height: $height;
+      background: #4782ff;
+      border-radius: 4px;
+      margin-right: 12px;
+    }
+
+    .text {
+      font-weight: bold;
+      font-size: 20px;
+      color: #333333;
+      line-height: $height;
+    }
+  }
+
+  .con {
+    & > * {
+      display: flex;
+    }
+
+    $width: 51px;
+
+    .chapter-box {
+      $line-height: 22px;
+      margin-bottom: 12px;
+
+      .left {
+        min-width: $width;
+        height: 22px;
+        margin-right: 16px;
+        font-weight: 400;
+        font-size: 16px;
+        color: #333333;
+        line-height: $line-height;
+      }
+
+      .right {
+        line-height: $line-height;
+        font-weight: 400;
+        font-size: 14px;
+        color: #9a9a9a;
+      }
+    }
+
+    .detailedness-chapter-box {
+      .left {
+        width: $width;
+
+        .vertical-dotted-line {
+          height: 168px;
+          margin-left: calc(53px - $padding-left);
+          border-left: 1px dotted #d9d9d9;
+        }
+      }
+
+      .right {
+        display: flex;
+        flex-direction: column;
+
+        & > * {
+          margin-bottom: 15px;
+        }
+
+        & > *:last-child {
+          margin-bottom: 0;
+        }
+
+        .top {
+          $height: 17px;
+          width: 53px;
+          height: $height;
+          line-height: $height;
+          text-align: center;
+          background: #5ee183;
+          border-radius: 2px;
+          font-weight: 400;
+          font-size: 12px;
+          color: #ffffff;
+        }
+
+        .center {
+          $height: 22px;
+          height: $height;
+          line-height: $height;
+          font-weight: 400;
+          font-size: 16px;
+          color: #333333;
+        }
+
+        .bottom {
+          width: 243px;
+          height: 84px;
+          background: rgba(255, 255, 255, 0.5);
+          border-radius: 4px;
+          border: 1px solid #d9d9d9;
+          cursor: pointer;
+          transition: 0.3s;
+          padding: 17px 0 17px 20px;
+          display: flex;
+
+          &:hover {
+            border: 1px solid #6997fa;
+          }
+
+          .img-box {
+            width: 42px;
+            height: 50px;
+            background: #4d4d4d;
+            margin-right: 23px;
+          }
+
+          .info-box {
+            display: flex;
+            flex-direction: column;
+            $height: 22px;
+
+            & > * {
+              height: $height;
+              line-height: $height;
+            }
+
+            .text-name {
+              font-weight: 400;
+              font-size: 12px;
+              color: #333333;
+              margin-bottom: 6px;
+            }
+
+            .text-size {
+              font-weight: 400;
+              font-size: 12px;
+              color: #9a9a9a;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/course/index copy.vue b/teaching_integration_platform_template/src/views/course/index copy.vue
new file mode 100644
index 0000000..749fc32
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/index copy.vue	
@@ -0,0 +1,149 @@
+<template>
+    <div class="container">
+        <div class="left">
+            <div class="ratio">
+                <div class="abso">
+                    <div class="atlas center">
+                        <atlas-ui @hadRouter="handle" />
+                    </div>
+                </div>
+            </div>
+
+            <div class="cut">
+                <div class="cut_nav" :onclick="hClick">
+                    <div data-i="0" class="active">视频</div>
+                    <div data-i="1">视频</div>
+                    <div data-i="2">视频</div>
+                    <div data-i="3">视频</div>
+                    <div data-i="4">视频</div>
+                </div>
+                <div class="con center">
+                    <div v-if="cutI == '0'">课程资源0</div>
+                    <div v-if="cutI == '1'">课程资源1</div>
+                    <div v-if="cutI == '2'">课程资源2</div>
+                    <div v-if="cutI == '3'">课程资源3</div>
+                    <div v-if="cutI == '4'">课程资源4</div>
+                </div>
+            </div>
+        </div>
+        <div class="right">
+            <div class="info center">课程基本信息</div>
+            <div class="chapter center">
+                <look-resource-ui :lookResource="lookResource" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang='ts' setup>
+function hasChanged(x: any, y: any) {
+    if (x === y) return x === 0 && 1 / x !== 1 / y
+    else return x === x || y === y
+}
+import lookResourceUi from './components/lookResourceUi.vue';
+import atlasUi from './components/atlasUi.vue';
+import { useRouter } from 'vue-router'
+
+import { ref,reactive } from 'vue'
+
+// 切换
+const cutI = ref('0')
+function hClick(e: any) {
+    let i = e.target.dataset.i
+    if (!hasChanged(i, cutI.value)) return
+    // @ts-ignore
+    for (const d of this?.children) d.classList.remove('active')
+    if (i) (e.target as Element).classList.add('active')
+    cutI.value = i
+}
+
+// 知识图谱
+const $router = useRouter()
+const handle = () =>{/* $router.push('/knowledgeAtlas')*/}
+
+// 章节
+const lookResource: any = reactive({})
+</script>
+
+<style lang='scss' scoped>
+.center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.container {
+    padding: 120px 20px 0;
+    display: grid;
+    grid-template-columns: 6fr 4fr;
+    $gap: 5px;
+    column-gap: $gap;
+
+    .left {
+
+        .ratio {
+            margin-bottom: $gap;
+            display: flow-root;
+            width: 100%;
+
+            .abso {
+                position: relative;
+                width: 100%;
+                padding-top: 50%;
+
+                .atlas {
+                    position: absolute;
+                    inset: 0;
+                    background-color: #ccc;
+                }
+            }
+        }
+
+        .cut {
+            height: 500px;
+            display: flex;
+            flex-direction: column;
+            padding-top: 2px;
+            padding-left: 2px;
+            background-color: #ccc;
+
+            .cut_nav {
+                $h: 50px;
+                display: flex;
+                height: $h;
+
+
+                &>* {
+                    cursor: pointer;
+                    width: 100px;
+                    text-align: center;
+                    background-color: #ccc;
+                    line-height: $h;
+                    border-top-left-radius: 5%;
+                    border-top-right-radius: 5%;
+                    box-shadow: 0px 0px 0px 2px #919191;
+
+                    &.active {
+                        background-color: #fff;
+                        box-shadow: 0px -1px 0px 1px #919191;
+                    }
+                }
+            }
+
+            .con {
+                flex-grow: 1;
+            }
+        }
+    }
+
+    .right {
+        display: grid;
+        grid-template-rows: 480px auto;
+        row-gap: $gap;
+
+        &>* {
+            background-color: #ccc;
+        }
+    }
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/course/index.vue b/teaching_integration_platform_template/src/views/course/index.vue
new file mode 100644
index 0000000..061bb87
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/index.vue
@@ -0,0 +1,632 @@
+<template>
+  <div class="container" v-if="loading">
+    <div class="left" v-loading="tabLoading">
+      <div class="gruop">
+        <Graph
+          :width="1195"
+          :height="800"
+          :index="courseId"
+          :id="courseId"
+          :radio1="radio1"
+          :checkList="checkList"
+          v-show="flag === 1"
+          @clickGraph="clickGraphChange"
+          v-if="isSetting"
+        />
+        <div class="video" v-if="flag === 2">
+          <video id="video" width="100%" height="100%" controls>
+            <source :src="videoUrl" type="video/mp4" />
+            您的浏览器不支持视频播放
+          </video>
+        </div>
+        <div class="pdf" v-if="flag === 3">
+          <!-- <vuePdf /> -->
+          <VuePdf
+            v-for="page in numOfPages"
+            :key="page"
+            :src="pdfUrl"
+            :page="page"
+          />
+        </div>
+        <div class="docx" v-if="flag === 4">
+          <vue-office-docx :src="docx" style="width: 100%; height: 100%" />
+        </div>
+        <div v-show="flag != 1" class="back" @click="flag = 1">
+          <el-icon><Back /></el-icon>
+        </div>
+        <div class="show-graph-sett" @click="showSetting" v-if="!showFlag">
+          <el-icon><ArrowLeftBold /></el-icon>
+        </div>
+        <div
+          :class="showFlag ? 'graph-setting' : 'graph-setting-hidden'"
+          @mouseleave="heddinSetting"
+          @mouseenter="clearHeddin"
+        >
+          <el-radio-group v-model="radio1" @change="radio1Change">
+            <el-radio value="2" size="mini" style="margin: 0">二层</el-radio>
+            <el-radio value="3" size="mini" style="margin: 0">三层</el-radio>
+            <el-radio value="4" size="mini">四层</el-radio>
+          </el-radio-group>
+          <el-checkbox-group v-model="checkList" @change="checkListChange">
+            <el-checkbox label="包含" value="contain" style="margin: 0" />
+            <el-checkbox label="依赖" value="depend" style="margin: 0" />
+            <el-checkbox label="顺序" value="order" />
+          </el-checkbox-group>
+          <div class="reset" @click="reset">重置</div>
+        </div>
+      </div>
+
+      <div class="cours-target">
+        <div class="title">课程目标</div>
+        <el-table :data="courseObjectivesTrees" border style="width: 100%">
+          <el-table-column prop="name" label="课程分项目标" />
+          <el-table-column prop="name" label="支撑知识点" />
+          <el-table-column prop="name" width="180" label="占比" />
+        </el-table>
+      </div>
+      <div class="resource">
+        <el-tabs
+          v-model="activeName"
+          class="demo-tabs"
+          @tab-click="handleClick"
+          v-loading="isTabsLoading"
+        >
+          <el-tab-pane label="视频" name="1">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.video"
+                :key="item.id"
+                @click="clickFile(item, 2)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="PPT" name="2">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.PPT"
+                :key="item.id"
+                @click="clickFile(item, 3)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="试题" name="3">Role</el-tab-pane>
+          <el-tab-pane label="文档" name="4">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.word"
+                :key="item.id"
+                @click="clickFile(item, 4)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="其他" name="5">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.other"
+                :key="item.id"
+                @click="download(item)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+    <div class="right">
+      <div class="course-info">
+        <div class="image">
+          <img src="../../assets/images/kcfm.jpg" alt="" />
+        </div>
+        <div class="description">
+          <div class="description-box">
+            《Vues 设计与实现》这本书的简介： 《Vues 设计与实现》是一本深入剖析
+            Vues 框架核心原理的权威著作。
+            本书首先会为读者搭建起一个坚实的知识基础，详细介绍 Vues
+            的发展历程和其在前端开发领域的重要地位。接着，深入探讨 Vues
+            的设计理念，让读者理解其背后的创新思维和解决问题的独特视角。
+            在实现方面，书中通过大量的代码示例和详细的解释，逐步拆解 Vues
+            的内部机制，包括数据响应式系统、虚拟 DOM
+            算法、组件化架构等核心模块。读者能够清晰地了解到 Vues
+            是如何高效地处理数据更新、渲染页面以及优化性能的。
+            不仅如此，本书还会探讨 Vues
+            与其他前端技术的集成和协作，帮助读者在实际项目中更好地运用 Vues
+            来构建复杂而强大的应用程序。同时，书中也提供了丰富的实战案例和最佳实践，让读者能够将所学知识迅速应用到实际开发中。
+            无论是前端开发的新手，还是经验丰富的开发者，都能从《Vues
+            设计与实现》中获得宝贵的知识和技能，从而提升自己的开发水平，打造出更加出色的前端应用。它不仅是一本技术指南，更是一本启发思考、引领创新的宝典，为读者打开了深入理解和掌握
+            Vues 框架的大门。
+          </div>
+        </div>
+        <div class="hours">
+          <div class="item">
+            <div style="display: flex">
+              <div class="label">学时：</div>
+              <div class="content">9H</div>
+            </div>
+            <div style="display: flex; margin-left: 20px">
+              <div class="label">学分：</div>
+              <div class="content">9</div>
+            </div>
+          </div>
+          <div class="item">
+            <div class="label">先修：</div>
+            <div class="content">Vue.js程序设计与实现</div>
+          </div>
+          <div class="item">
+            <div class="label">后继：</div>
+            <div class="content">前端工程化，模块化</div>
+          </div>
+          <div class="item">
+            <div class="label">知识点：</div>
+            <div class="content">webpack，vite</div>
+          </div>
+        </div>
+      </div>
+      <div class="chapter">
+        <courseTree :chapterList="chapterList" />
+      </div>
+      <div class="student-list">
+        <stu-list></stu-list>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import StuList from './components/StuList.vue'
+import { ref, nextTick } from 'vue'
+import Graph from '../home/components/Graph1.vue'
+import courseTree from './components/courseTree.vue'
+import { useRoute, useRouter } from 'vue-router'
+import {
+  getCourseChapter,
+  getCourseFiles,
+  getCourseObjectivesList,
+} from '@/api/course'
+import { ElLoading } from 'element-plus'
+import { filterFilesType } from '@/utils/filters'
+// @ts-ignore
+import { VuePdf, createLoadingTask } from 'vue3-pdfjs/esm'
+import VueOfficeDocx from '@vue-office/docx'
+// import vuePdf from './components/vuePdf.vue'
+const Route = useRoute()
+const Router = useRouter()
+const courseId: string = Route.query.id as string
+console.log(Route.query.id)
+const chapterList = ref<any>([])
+const loading = ref(false)
+const getCourseChapterEvent = async () => {
+  const loadingInstance: any = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.7)',
+  })
+  const res = await getCourseChapter({
+    // courseId: Route.query.id,
+    courseId: '2cd6b5b62c344fd0becff6010cba566e',
+  })
+  chapterList.value = res.data
+  console.log(res)
+  loading.value = true
+  loadingInstance.close()
+}
+getCourseChapterEvent()
+const activeName = ref<string>('1')
+const courseObjectivesTrees = ref([])
+const handleClick = (e: any) => {
+  console.log(e)
+}
+
+const isTabsLoading = ref<boolean>(false)
+const courseFilesList = ref<any>({})
+// 获取所有课程资源
+const getCourseFilesEvent = async () => {
+  isTabsLoading.value = true
+  const res: any = await getCourseFiles({
+    courseId: '2cd6b5b62c344fd0becff6010cba566e',
+  })
+  // console.log(filterFilesType(res));
+  courseFilesList.value = filterFilesType(res.data)
+  isTabsLoading.value = false
+}
+getCourseFilesEvent()
+
+// 点击资源
+const flag = ref<number>(1)
+const videoUrl = ref<string>('')
+const pdfUrl = ref<string>('')
+const docx = ref('')
+const numOfPages = ref(0)
+const tabLoading = ref(false)
+// onMounted(() => {
+//   const loadingTask = createLoadingTask(pdfSrc.value)
+//   loadingTask.promise.then((pdf:any) => {
+//     numOfPages.value = pdf.numPages
+//   })
+// })
+const clickFile = async (file: any, index: number) => {
+  tabLoading.value = true
+  if (index === 2) {
+    console.log(file)
+    videoUrl.value = file.url
+    flag.value = index
+    tabLoading.value = false
+  } else if (index === 3) {
+    pdfUrl.value = `http://39.106.16.162:8080/api/resource/read?filename=${file.name}`
+    const loadingTask = createLoadingTask(pdfUrl.value)
+    loadingTask.promise.then((pdf: any) => {
+      numOfPages.value = pdf.numPages
+    })
+    flag.value = index
+    tabLoading.value = false
+    // const res: any = await getFileStreams({ filename: file.name })
+    // console.log(res.filePath)
+    // fetch(res.filePath).then((resoinse) => {
+    //   console.log(resoinse.blob())
+    // })
+  } else if (index === 4) {
+    docx.value = `http://39.106.16.162:8080/api/resource/read?filename=${file.name}`
+    flag.value = index
+    tabLoading.value = false
+  }
+}
+// 下载资源
+const download = (file: any) => {
+  console.log(file)
+  downloadImage(file.url, file.name)
+}
+function downloadImage(imageUrl: any, filename: any) {
+  fetch(imageUrl)
+    .then((response) => response.blob())
+    .then((blob) => {
+      const url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.style.display = 'none'
+      a.href = url
+      a.download = filename
+      document.body.appendChild(a)
+      a.click()
+      window.URL.revokeObjectURL(url)
+      document.body.removeChild(a)
+    })
+    .catch((error) => console.error('Error downloading the image', error))
+}
+let nodeID = 0
+// 点击节点
+const clickGraphChange = async (id: number) => {
+  if (nodeID === id) {
+    Router.push({
+      path: '/knowledge',
+      query: { id },
+    })
+  } else {
+    nodeID = id
+  }
+
+  // isTabsLoading.value = true
+  // const res = await getCourseOneFiles({KnowId:227})
+  // console.log(res);
+  // courseFilesList.value = filterFilesType(res.data)
+  // isTabsLoading.value = false
+}
+// 节点设置
+// 单选
+const radio1 = ref(null)
+const radio1Change = (e: any) => {
+  console.log(e)
+}
+// 多选
+const checkList = ref([])
+const checkListChange = (e: any) => {
+  console.log(e)
+}
+// 重置
+const isSetting = ref(true)
+const reset = () => {
+  radio1.value = null
+  checkList.value = []
+  tabLoading.value = true
+  isSetting.value = false
+  nextTick(() => {
+    isSetting.value = true
+    tabLoading.value = false
+  })
+}
+// 显示操作
+const showFlag = ref(false)
+const showSetting = () => {
+  showFlag.value = !showFlag.value
+  // if (showFlag.value) {
+  //   ;(document.querySelector('.graph-setting-hidden') as any).style.display = 'flex'
+  // } else {
+  //   ;(document.querySelector('.graph-setting') as any).style.display = 'none'
+  // }
+}
+// 关闭操作
+let timer: any = null
+const heddinSetting = () => {
+  timer = setTimeout(() => {
+    // (document.querySelector('.graph-setting') as any).style.display = 'none'
+    showFlag.value = false
+  }, 500)
+}
+const clearHeddin = () => {
+  if (timer) {
+    clearTimeout(timer)
+  }
+}
+// 获取课程目标
+const getCourseObjectivesListEvent = async () => {
+  const res = await getCourseObjectivesList({ id: Route.query.id as string })
+  courseObjectivesTrees.value = res.data[0].courseObjectivesTrees
+  console.log(courseObjectivesTrees.value, '111212')
+}
+getCourseObjectivesListEvent()
+</script>
+
+<style lang="scss" scoped>
+.view-container {
+  // height: 100vh;
+  .container {
+    width: $base-container-width;
+    margin: 0 auto;
+    // height: 1600px;
+    display: flex;
+    padding-bottom: 20px;
+    .left {
+      width: 1195px;
+      // height: 800px;
+      .gruop {
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+        height: 800px;
+        background-color: #fff;
+        .video {
+          width: 100%;
+          height: 100%;
+          background-color: #d9d9d9;
+          #video {
+            object-fit: cover;
+          }
+        }
+        .pdf {
+          width: 100%;
+          height: 100%;
+          overflow: auto;
+        }
+        .docx {
+          width: 100%;
+          height: 100%;
+          overflow: auto;
+        }
+        .back {
+          position: absolute;
+          top: 30px;
+          right: 30px;
+          z-index: 1;
+          width: 30px;
+          height: 30px;
+          background-color: rgba(0, 0, 0, 0.1);
+          border-radius: 50%;
+          cursor: pointer;
+          i {
+            width: 100%;
+            height: 100%;
+            font-size: 18px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+        .graph-setting {
+          position: absolute;
+          bottom: 30px;
+          right: 10px;
+          width: 80px;
+          height: 270px;
+          animation: fadeIn 0.3s ease-in-out; /* 持续时间2秒，缓动函数为ease-in-out */
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          .reset {
+            width: 50px;
+            height: 30px;
+            text-align: center;
+            line-height: 30px;
+            border-radius: 5px;
+            background-color: #6da0ff;
+            color: #fff;
+            margin-top: 20px;
+            cursor: pointer;
+          }
+        }
+        .graph-setting-hidden {
+          position: absolute;
+          bottom: 30px;
+          right: -90px;
+          width: 80px;
+          height: 270px;
+          animation: fadeOut 0.3s ease-in-out; /* 持续时间2秒，缓动函数为ease-in-out */
+          flex-direction: column;
+          align-items: center;
+          .reset {
+            width: 50px;
+            height: 30px;
+            text-align: center;
+            line-height: 30px;
+            border-radius: 5px;
+            background-color: #6da0ff;
+            color: #fff;
+            margin-top: 20px;
+            cursor: pointer;
+          }
+        }
+        @keyframes fadeIn {
+          from {
+            right: -60px;
+          }
+          to {
+            right: 10px;
+          }
+        }
+        @keyframes fadeOut {
+          from {
+            right: 10px;
+          }
+          to {
+            right: -60px;
+          display: none;
+
+          }
+        }
+        .show-graph-sett {
+          position: absolute;
+          bottom: 30px;
+          right: -20px;
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+          background-color: #ebebeb;
+          display: flex;
+          align-items: center;
+          padding-left: 5px;
+          cursor: pointer;
+          transition: all 0.3s;
+          i {
+            font-size: 14px;
+          }
+        }
+      }
+      .show-graph-sett:hover {
+        transform: scale(1.3);
+      }
+      .resource {
+        width: 100%;
+        height: 500px;
+        margin-top: 20px;
+        padding: 20px;
+        background-color: #fff;
+        .files-box {
+          .item {
+            // width: 200px;
+            // height: 30px;
+            // background-color: skyblue;
+            // color: #fff;
+            line-height: 30px;
+            border-radius: 5px;
+            text-decoration: underline;
+            cursor: pointer;
+          }
+          .item:hover {
+            color: Blue;
+          }
+        }
+      }
+      .cours-target {
+        width: 100%;
+        height: 300px;
+        margin-top: 20px;
+        padding: 20px;
+        background-color: #fff;
+        .title {
+          font-size: 16px;
+          height: 40px;
+          line-height: 40px;
+          padding-left: 5px;
+          font-weight: 700;
+        }
+      }
+    }
+    .right {
+      width: 400px;
+
+      margin-left: 20px;
+      display: flex;
+      flex-direction: column;
+      .course-info {
+        width: 100%;
+        height: 640px;
+        background-color: #fff;
+        .image {
+          width: 100%;
+          img {
+            width: 100%;
+            height: 220px;
+          }
+        }
+        .description {
+          overflow-y: auto;
+          height: 260px;
+          padding: 10px 20px;
+          text-indent: 2em; /* 2em 约等于两个汉字的宽度 */
+          font-size: 18px;
+          line-height: 40px;
+
+          .description-box {
+          }
+        }
+        .hours {
+          padding: 10px 20px;
+          border-top: 1px solid rgba(0, 0, 0, 0.1);
+
+          .item {
+            display: flex;
+            height: 30px;
+            align-items: center;
+            font-size: 14px;
+            .label {
+              color: #999;
+            }
+          }
+        }
+      }
+      .chapter {
+        overflow-y: auto;
+        height: 460px;
+        width: 100%;
+        margin-top: 20px;
+        background-color: #fff;
+      }
+      .student-list {
+        height: 500px;
+        width: 100%;
+        margin-top: 20px;
+        background-color: #fff;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 4px; /* 滚动条宽度 */
+}
+/* 设置滚动条上下按钮的样式 */
+::-webkit-scrollbar-button {
+  background-color: #fff;
+}
+:deep(.docx-wrapper) {
+  background-color: #fff;
+}
+
+:deep(.el-radio-group, .el-checkbox-group) {
+  display: flex !important;
+  flex-direction: column;
+  align-items: center;
+}
+:deep(.el-checkbox-group) {
+  display: flex !important;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 20px;
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/course/spritetext.js b/teaching_integration_platform_template/src/views/course/spritetext.js
new file mode 100644
index 0000000..fad89eb
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/course/spritetext.js
@@ -0,0 +1,641 @@
+import {
+  LinearFilter,
+  Sprite,
+  SpriteMaterial,
+  SRGBColorSpace,
+  Texture,
+} from 'three'
+
+function _callSuper(t, o, e) {
+  return (
+    (o = _getPrototypeOf(o)),
+    _possibleConstructorReturn(
+      t,
+      _isNativeReflectConstruct()
+        ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor)
+        : o.apply(t, e),
+    )
+  )
+}
+function _isNativeReflectConstruct() {
+  try {
+    let t = !Boolean.prototype.valueOf.call(
+      Reflect.construct(Boolean, [], function () {}),
+    )
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t
+  })()
+}
+function _iterableToArrayLimit(r, l) {
+  let t =
+    null == r
+      ? null
+      : ('undefined' != typeof Symbol && r[Symbol.iterator]) || r['@@iterator']
+  if (null != t) {
+    let e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1
+    try {
+      if (((i = (t = t.call(r)).next), 0 === l)) {
+        if (Object(t) !== t) return
+        f = !1
+      } else
+        for (
+          ;
+          !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l);
+          f = !0
+        );
+    } catch (r) {
+      ;(o = !0), (n = r)
+    } finally {
+      try {
+        if (!f && null != t.return && ((u = t.return()), Object(u) !== u))
+          return
+      } finally {
+        if (o) throw n
+      }
+    }
+    return a
+  }
+}
+function _toPrimitive(t, r) {
+  if ('object' != typeof t || !t) return t
+  let e = t[Symbol.toPrimitive]
+  if (void 0 !== e) {
+    let i = e.call(t, r || 'default')
+    if ('object' != typeof i) return i
+    throw new TypeError('@@toPrimitive must return a primitive value.')
+  }
+  return ('string' === r ? String : Number)(t)
+}
+function _toPropertyKey(t) {
+  let i = _toPrimitive(t, 'string')
+  return 'symbol' == typeof i ? i : String(i)
+}
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function')
+  }
+}
+function _defineProperties(target, props) {
+  for (let i = 0; i < props.length; i++) {
+    let descriptor = props[i]
+    descriptor.enumerable = descriptor.enumerable || false
+    descriptor.configurable = true
+    if ('value' in descriptor) descriptor.writable = true
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor)
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps)
+  if (staticProps) _defineProperties(Constructor, staticProps)
+  Object.defineProperty(Constructor, 'prototype', {
+    writable: false,
+  })
+  return Constructor
+}
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== 'function' && superClass !== null) {
+    throw new TypeError('Super expression must either be null or a function')
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true,
+    },
+  })
+  Object.defineProperty(subClass, 'prototype', {
+    writable: false,
+  })
+  if (superClass) _setPrototypeOf(subClass, superClass)
+}
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf
+    ? Object.getPrototypeOf.bind()
+    : function _getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o)
+      }
+  return _getPrototypeOf(o)
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf
+    ? Object.setPrototypeOf.bind()
+    : function _setPrototypeOf(o, p) {
+        o.__proto__ = p
+        return o
+      }
+  return _setPrototypeOf(o, p)
+}
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called",
+    )
+  }
+  return self
+}
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === 'object' || typeof call === 'function')) {
+    return call
+  } else if (call !== void 0) {
+    throw new TypeError(
+      'Derived constructors may only return object or undefined',
+    )
+  }
+  return _assertThisInitialized(self)
+}
+function _slicedToArray(arr, i) {
+  return (
+    _arrayWithHoles(arr) ||
+    _iterableToArrayLimit(arr, i) ||
+    _unsupportedIterableToArray(arr, i) ||
+    _nonIterableRest()
+  )
+}
+function _toConsumableArray(arr) {
+  return (
+    _arrayWithoutHoles(arr) ||
+    _iterableToArray(arr) ||
+    _unsupportedIterableToArray(arr) ||
+    _nonIterableSpread()
+  )
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr)
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr
+}
+function _iterableToArray(iter) {
+  if (
+    (typeof Symbol !== 'undefined' && iter[Symbol.iterator] != null) ||
+    iter['@@iterator'] != null
+  )
+    return Array.from(iter)
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return
+  if (typeof o === 'string') return _arrayLikeToArray(o, minLen)
+  let n = Object.prototype.toString.call(o).slice(8, -1)
+  if (n === 'Object' && o.constructor) n = o.constructor.name
+  if (n === 'Map' || n === 'Set') return Array.from(o)
+  if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen)
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length
+  for (let i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]
+  return arr2
+}
+function _nonIterableSpread() {
+  throw new TypeError(
+    'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+  )
+}
+function _nonIterableRest() {
+  throw new TypeError(
+    'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+  )
+}
+
+let three =
+  typeof window !== 'undefined' && window.THREE
+    ? window.THREE // Prefer consumption from global THREE, if exists
+    : {
+        LinearFilter: LinearFilter,
+        Sprite: Sprite,
+        SpriteMaterial: SpriteMaterial,
+        SRGBColorSpace: SRGBColorSpace,
+        Texture: Texture,
+      }
+let _default = /*#__PURE__*/ (function (_three$Sprite) {
+  _inherits(_default, _three$Sprite)
+  function _default() {
+    let _this
+    let text =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''
+    let textHeight =
+      arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10
+    let color =
+      arguments.length > 2 && arguments[2] !== undefined
+        ? arguments[2]
+        : 'rgba(255, 255, 255, 1)'
+    _classCallCheck(this, _default)
+    _this = _callSuper(this, _default, [new three.SpriteMaterial()])
+    _this._text = ''.concat(text)
+    _this._textHeight = textHeight
+    _this._color = color
+    _this._backgroundColor = false // no background color
+
+    _this._padding = 0
+    _this._borderWidth = 0
+    _this._borderRadius = 0
+    _this._borderColor = 'white'
+    _this._strokeWidth = 0
+    _this._strokeColor = 'white'
+    _this._fontFace = 'system-ui'
+    _this._fontSize = 90 // defines text resolution
+    _this._fontWeight = 'normal'
+    _this._canvas = document.createElement('canvas')
+    _this._genCanvas()
+    return _this
+  }
+  _createClass(_default, [
+    {
+      key: 'text',
+      get: function get() {
+        return this._text
+      },
+      set: function set(text) {
+        this._text = text
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'textHeight',
+      get: function get() {
+        return this._textHeight
+      },
+      set: function set(textHeight) {
+        this._textHeight = textHeight
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'color',
+      get: function get() {
+        return this._color
+      },
+      set: function set(color) {
+        this._color = color
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'backgroundColor',
+      get: function get() {
+        return this._backgroundColor
+      },
+      set: function set(color) {
+        this._backgroundColor = color
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'padding',
+      get: function get() {
+        return this._padding
+      },
+      set: function set(padding) {
+        this._padding = padding
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'borderWidth',
+      get: function get() {
+        return this._borderWidth
+      },
+      set: function set(borderWidth) {
+        this._borderWidth = borderWidth
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'borderRadius',
+      get: function get() {
+        return this._borderRadius
+      },
+      set: function set(borderRadius) {
+        this._borderRadius = borderRadius
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'borderColor',
+      get: function get() {
+        return this._borderColor
+      },
+      set: function set(borderColor) {
+        this._borderColor = borderColor
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'fontFace',
+      get: function get() {
+        return this._fontFace
+      },
+      set: function set(fontFace) {
+        this._fontFace = fontFace
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'fontSize',
+      get: function get() {
+        return this._fontSize
+      },
+      set: function set(fontSize) {
+        this._fontSize = fontSize
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'fontWeight',
+      get: function get() {
+        return this._fontWeight
+      },
+      set: function set(fontWeight) {
+        this._fontWeight = fontWeight
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'strokeWidth',
+      get: function get() {
+        return this._strokeWidth
+      },
+      set: function set(strokeWidth) {
+        this._strokeWidth = strokeWidth
+        this._genCanvas()
+      },
+    },
+    {
+      key: 'strokeColor',
+      get: function get() {
+        return this._strokeColor
+      },
+      set: function set(strokeColor) {
+        this._strokeColor = strokeColor
+        this._genCanvas()
+      },
+    },
+    {
+      key: '_genCanvas',
+      value: function _genCanvas() {
+        let _this2 = this
+        let canvas = this._canvas
+        let ctx = canvas.getContext('2d')
+        let border = Array.isArray(this.borderWidth)
+          ? this.borderWidth
+          : [this.borderWidth, this.borderWidth] // x,y border
+        let relBorder = border.map(function (b) {
+          return b * _this2.fontSize * 0.1
+        }) // border in canvas units
+
+        let borderRadius = Array.isArray(this.borderRadius)
+          ? this.borderRadius
+          : [
+              this.borderRadius,
+              this.borderRadius,
+              this.borderRadius,
+              this.borderRadius,
+            ] // tl tr br bl corners
+        let relBorderRadius = borderRadius.map(function (b) {
+          return b * _this2.fontSize * 0.1
+        }) // border radius in canvas units
+
+        let padding = Array.isArray(this.padding)
+          ? this.padding
+          : [this.padding, this.padding] // x,y padding
+        let relPadding = padding.map(function (p) {
+          return p * _this2.fontSize * 0.1
+        }) // padding in canvas units
+
+        let lines = this.text.split('\n')
+        let font = ''
+          .concat(this.fontWeight, ' ')
+          .concat(this.fontSize, 'px ')
+          .concat(this.fontFace)
+        ctx.font = font // measure canvas with appropriate font
+        let innerWidth = Math.max.apply(
+          Math,
+          _toConsumableArray(
+            lines.map(function (line) {
+              return ctx.measureText(line).width
+            }),
+          ),
+        )
+        let innerHeight = this.fontSize * lines.length
+        canvas.width = innerWidth + relBorder[0] * 2 + relPadding[0] * 2
+        canvas.height = innerHeight + relBorder[1] * 2 + relPadding[1] * 2
+
+        // paint border
+        if (this.borderWidth) {
+          ctx.strokeStyle = this.borderColor
+          if (relBorder[0]) {
+            // left + right borders
+            let hb = relBorder[0] / 2
+            ctx.lineWidth = relBorder[0]
+            ctx.beginPath()
+            ctx.moveTo(hb, relBorderRadius[0])
+            ctx.lineTo(hb, canvas.height - relBorderRadius[3])
+            ctx.moveTo(canvas.width - hb, relBorderRadius[1])
+            ctx.lineTo(canvas.width - hb, canvas.height - relBorderRadius[2])
+            ctx.stroke()
+          }
+          if (relBorder[1]) {
+            // top + bottom borders
+            let _hb = relBorder[1] / 2
+            ctx.lineWidth = relBorder[1]
+            ctx.beginPath()
+            ctx.moveTo(Math.max(relBorder[0], relBorderRadius[0]), _hb)
+            ctx.lineTo(
+              canvas.width - Math.max(relBorder[0], relBorderRadius[1]),
+              _hb,
+            )
+            ctx.moveTo(
+              Math.max(relBorder[0], relBorderRadius[3]),
+              canvas.height - _hb,
+            )
+            ctx.lineTo(
+              canvas.width - Math.max(relBorder[0], relBorderRadius[2]),
+              canvas.height - _hb,
+            )
+            ctx.stroke()
+          }
+          if (this.borderRadius) {
+            // strike rounded corners
+            let cornerWidth = Math.max.apply(
+              Math,
+              _toConsumableArray(relBorder),
+            )
+            let _hb2 = cornerWidth / 2
+            ctx.lineWidth = cornerWidth
+            ctx.beginPath()
+            ;[
+              !!relBorderRadius[0] && [
+                relBorderRadius[0],
+                _hb2,
+                _hb2,
+                relBorderRadius[0],
+              ],
+              !!relBorderRadius[1] && [
+                canvas.width - relBorderRadius[1],
+                canvas.width - _hb2,
+                _hb2,
+                relBorderRadius[1],
+              ],
+              !!relBorderRadius[2] && [
+                canvas.width - relBorderRadius[2],
+                canvas.width - _hb2,
+                canvas.height - _hb2,
+                canvas.height - relBorderRadius[2],
+              ],
+              !!relBorderRadius[3] && [
+                relBorderRadius[3],
+                _hb2,
+                canvas.height - _hb2,
+                canvas.height - relBorderRadius[3],
+              ],
+            ]
+              .filter(function (d) {
+                return d
+              })
+              .forEach(function (_ref) {
+                let _ref2 = _slicedToArray(_ref, 4),
+                  x0 = _ref2[0],
+                  x1 = _ref2[1],
+                  y0 = _ref2[2],
+                  y1 = _ref2[3]
+                ctx.moveTo(x0, y0)
+                ctx.quadraticCurveTo(x1, y0, x1, y1)
+              })
+            ctx.stroke()
+          }
+        }
+
+        // paint background
+        if (this.backgroundColor) {
+          ctx.fillStyle = this.backgroundColor
+          if (!this.borderRadius) {
+            ctx.fillRect(
+              relBorder[0],
+              relBorder[1],
+              canvas.width - relBorder[0] * 2,
+              canvas.height - relBorder[1] * 2,
+            )
+          } else {
+            // fill with rounded corners
+            ctx.beginPath()
+            ctx.moveTo(relBorder[0], relBorderRadius[0])
+            ;[
+              [
+                relBorder[0],
+                relBorderRadius[0],
+                canvas.width - relBorderRadius[1],
+                relBorder[1],
+                relBorder[1],
+                relBorder[1],
+              ],
+              // t
+              [
+                canvas.width - relBorder[0],
+                canvas.width - relBorder[0],
+                canvas.width - relBorder[0],
+                relBorder[1],
+                relBorderRadius[1],
+                canvas.height - relBorderRadius[2],
+              ],
+              // r
+              [
+                canvas.width - relBorder[0],
+                canvas.width - relBorderRadius[2],
+                relBorderRadius[3],
+                canvas.height - relBorder[1],
+                canvas.height - relBorder[1],
+                canvas.height - relBorder[1],
+              ],
+              // b
+              [
+                relBorder[0],
+                relBorder[0],
+                relBorder[0],
+                canvas.height - relBorder[1],
+                canvas.height - relBorderRadius[3],
+                relBorderRadius[0],
+              ], // t
+            ].forEach(function (_ref3) {
+              let _ref4 = _slicedToArray(_ref3, 6),
+                x0 = _ref4[0],
+                x1 = _ref4[1],
+                x2 = _ref4[2],
+                y0 = _ref4[3],
+                y1 = _ref4[4],
+                y2 = _ref4[5]
+              ctx.quadraticCurveTo(x0, y0, x1, y1)
+              ctx.lineTo(x2, y2)
+            })
+            ctx.closePath()
+            ctx.fill()
+          }
+        }
+        ctx.translate.apply(ctx, _toConsumableArray(relBorder))
+        ctx.translate.apply(ctx, _toConsumableArray(relPadding))
+
+        // paint text
+        ctx.font = font // Set font again after canvas is resized, as context properties are reset
+        ctx.fillStyle = this.color
+        ctx.textBaseline = 'bottom'
+        let drawTextStroke = this.strokeWidth > 0
+        if (drawTextStroke) {
+          ctx.lineWidth = (this.strokeWidth * this.fontSize) / 10
+          ctx.strokeStyle = this.strokeColor
+        }
+        lines.forEach(function (line, index) {
+          let lineX = (innerWidth - ctx.measureText(line).width) / 2
+          let lineY = (index + 1) * _this2.fontSize
+          drawTextStroke && ctx.strokeText(line, lineX, lineY)
+          ctx.fillText(line, lineX, lineY)
+        })
+
+        // Inject canvas into sprite
+        if (this.material.map) this.material.map.dispose() // gc previous texture
+        let texture = (this.material.map = new three.Texture(canvas))
+        texture.minFilter = three.LinearFilter
+        texture.colorSpace = three.SRGBColorSpace
+        texture.needsUpdate = true
+        let yScale =
+          this.textHeight * lines.length + border[1] * 2 + padding[1] * 2
+        this.scale.set((yScale * canvas.width) / canvas.height, yScale, 0)
+      },
+    },
+    {
+      key: 'clone',
+      value: function clone() {
+        return new this.constructor(
+          this.text,
+          this.textHeight,
+          this.color,
+        ).copy(this)
+      },
+    },
+    {
+      key: 'copy',
+      value: function copy(source) {
+        three.Sprite.prototype.copy.call(this, source)
+        this.color = source.color
+        this.backgroundColor = source.backgroundColor
+        this.padding = source.padding
+        this.borderWidth = source.borderWidth
+        this.borderColor = source.borderColor
+        this.fontFace = source.fontFace
+        this.fontSize = source.fontSize
+        this.fontWeight = source.fontWeight
+        this.strokeWidth = source.strokeWidth
+        this.strokeColor = source.strokeColor
+        return this
+      },
+    },
+  ])
+  return _default
+})(three.Sprite)
+
+export { _default as default }
diff --git a/teaching_integration_platform_template/src/views/editAtlas/components/toolbar.vue b/teaching_integration_platform_template/src/views/editAtlas/components/toolbar.vue
index 26725c8..af64234 100644
--- a/teaching_integration_platform_template/src/views/editAtlas/components/toolbar.vue
+++ b/teaching_integration_platform_template/src/views/editAtlas/components/toolbar.vue
@@ -511,18 +511,20 @@ const saveJson = () => {
     const dataList = AtlasStore.dataList
     const content = {}
     console.log(dataList)
-    content.nodes = dataList.nodes.map((x) => {
+    content.nodes = dataList.nodes.map((x,index) => {
       return {
         id: x.id,
         label: x.label,
         color: x.style.fill,
+        classID:index
       }
     })
-    content.links = dataList.edges.map((x) => {
+    content.links = dataList.edges.map((x,index) => {
       return {
         source: x.source,
         target: x.target,
         label: x.label,
+        classID:index
       }
     })
     // content.nodes = dataList.nodes
diff --git a/teaching_integration_platform_template/src/views/editAtlas/index.vue b/teaching_integration_platform_template/src/views/editAtlas/index.vue
index 2254f2b..5f5cb0c 100644
--- a/teaching_integration_platform_template/src/views/editAtlas/index.vue
+++ b/teaching_integration_platform_template/src/views/editAtlas/index.vue
@@ -130,7 +130,7 @@ let initG6 = () => {
     console.log(selectedNodeId.value,'selectedNodeId');
   })
   graph.on('edge:click', (e) => {
-
+    console.log(e);
     selectedNodeId.value = ''
     selectedEdgeId.value = e.item._cfg.id
   })
@@ -142,7 +142,7 @@ let initG6 = () => {
   graph.on('viewportchange', (e) => {
     if (e.action === 'zoom') {
       size.value = Number((Number(graph.getZoom()) * 100).toFixed(0))
-      console.log(size.value);
+      // console.log(size.value);
     }
   })
 }
diff --git a/teaching_integration_platform_template/src/views/home/components/Graph.vue b/teaching_integration_platform_template/src/views/home/components/Graph.vue
new file mode 100644
index 0000000..178cfec
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/home/components/Graph.vue
@@ -0,0 +1,238 @@
+<template>
+  <div :id="'3d-graph' + props.index"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref, reactive ,watch} from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText from '../../professionalProfile/spritetext'
+// const $router = useRouter()
+// const jsonData = ref(null)
+import { getCourseAtlas ,getCourseDepth,getCourseType} from '@/api/course'
+let Graph = reactive({})
+const props = defineProps({
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
+  },
+  index: {
+    type: String,
+    required: true,
+  },
+  id: {
+    type: String || Number,
+    required: true,
+  },
+})
+const emits = defineEmits(['clickGraph'])
+
+const dom = ref(null)
+onMounted(async () => {
+  const res: any = await getCourseAtlas({ id: '719f91586a64413898253c5b7d046fd8' })
+  // console.log(res,'res')
+  const gData:any = {
+    nodes: [...res.data.knowList],
+    links: [...res.data.linksList],
+  }
+  gData.links.forEach((link:any) => {
+    const a = gData.nodes.find((item:any) => item.id === link.source)
+    const b = gData.nodes.find((item:any) => item.id === link.target)
+    // console.log(a, b)
+
+    !a.neighbors && (a.neighbors = [])
+    !b.neighbors && (b.neighbors = [])
+    a.neighbors.push(b)
+    b.neighbors.push(a)
+
+    !a.links && (a.links = [])
+    !b.links && (b.links = [])
+    a.links.push(link)
+    b.links.push(link)
+  })
+
+  const highlightNodes = new Set()
+  const highlightLinks = new Set()
+  let hoverNode:any = null
+
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph' + props.index) as HTMLElement)
+    .graphData(gData)
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .nodeColor((node:any) =>
+      highlightNodes.has(node)
+        ? node === hoverNode
+          ? 'rgb(255,0,0,1)'
+          : node.color
+        : node.color,
+    )
+    .linkWidth((link) => (highlightLinks.has(link) ? 4 : 1))
+    .linkDirectionalParticles((link) => (highlightLinks.has(link) ? 4 : 0))
+    .linkDirectionalParticleWidth(4)
+    .onNodeClick((node: any) => {
+      console.log(node);
+      emits('clickGraph',node.id)
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+    .onNodeHover((node:any) => {
+      // no state change
+      if ((!node && !highlightNodes.size) || (node && hoverNode === node))
+        return
+
+      highlightNodes.clear()
+      highlightLinks.clear()
+      if (node && node.neighbors ) {
+        highlightNodes.add(node)
+        node.neighbors.forEach((neighbor:any) => highlightNodes.add(neighbor))
+        node.links.forEach((link :any) => highlightLinks.add(link))
+      }
+
+      hoverNode = node || null
+
+      updateHighlight()
+    })
+    .onLinkHover((link :any) => {
+      highlightNodes.clear()
+      highlightLinks.clear()
+
+      if (link) {
+        highlightLinks.add(link)
+        highlightNodes.add(link.source)
+        highlightNodes.add(link.target)
+      }
+
+      updateHighlight()
+    })
+  dom.value = document.querySelector('canvas') as any
+})
+const updateHighlight = () => {
+  // console.log(1111)
+
+  // trigger update of highlighted objects in scene
+  Graph.nodeColor(Graph.nodeColor())
+    .linkWidth(Graph.linkWidth())
+    .linkDirectionalParticles(Graph.linkDirectionalParticles())
+}
+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
+  })
+  //@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
+      })),
+    )
+
+    // 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>
diff --git a/teaching_integration_platform_template/src/views/home/components/Graph1.vue b/teaching_integration_platform_template/src/views/home/components/Graph1.vue
new file mode 100644
index 0000000..726e4f9
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/home/components/Graph1.vue
@@ -0,0 +1,422 @@
+<template>
+  <div id="3d-graph"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref, reactive ,watch} from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import {
+  CSS2DRenderer,
+  CSS2DObject,
+} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText from '../../professionalProfile/spritetext'
+// const $router = useRouter()
+// const jsonData = ref(null)
+import { getCourseAtlas ,getCourseDepth,getCourseType,getDepthAndType} from '@/api/course'
+let Graph = reactive({})
+const props = defineProps({
+  width: {
+    type: Number,
+    default:
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth,
+  },
+  height: {
+    type: Number,
+    default:
+      window.innerHeight ||
+      document.documentElement.clientHeight ||
+      document.body.clientHeight,
+  },
+  index: {
+    type: String,
+    required: true,
+  },
+  id: {
+    type: String || Number,
+    required: true,
+  },
+  checkList:{
+
+  },
+  radio1:{}
+})
+const types = {
+  courseId:'719f91586a64413898253c5b7d046fd8',
+  level:'',
+  types:[]
+}
+watch(() => props.radio1,(newVal:any) => {
+  console.log(newVal);
+  types.level = newVal
+  getCourseDepthEvent()
+  
+} )
+watch(() => props.checkList,(newVal:any) => {
+  console.log(newVal);
+  types.types = newVal
+  getCourseDepthEvent()
+  
+} )
+const emits = defineEmits(['clickGraph'])
+
+const data = ref({})
+const dom = ref(null)
+const getCourseDepthEvent = async() => {
+  const grapDom = (document.getElementById('3d-graph') as HTMLElement)
+  console.log(grapDom.childNodes[0]);
+  grapDom.removeChild(grapDom.childNodes[0])
+  // return
+  const res = await getDepthAndType(types)
+  data.value = res.data
+  const gData:any = {
+    nodes: [... data.value.knowList],
+    links: [... data.value.linksList],
+  }
+  gData.links.forEach((link:any) => {
+    const a = gData.nodes.find((item:any) => item.id === link.source)
+    const b = gData.nodes.find((item:any) => item.id === link.target)
+    // console.log(a, b)
+
+    !a.neighbors && (a.neighbors = [])
+    !b.neighbors && (b.neighbors = [])
+    a.neighbors.push(b)
+    b.neighbors.push(a)
+
+    !a.links && (a.links = [])
+    !b.links && (b.links = [])
+    a.links.push(link)
+    b.links.push(link)
+  })
+
+  const highlightNodes = new Set()
+  const highlightLinks = new Set()
+  let hoverNode:any = null
+
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .graphData(gData)
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .nodeColor((node:any) =>
+      highlightNodes.has(node)
+        ? node === hoverNode
+          ? 'rgb(255,0,0,1)'
+          : node.color
+        : node.color,
+    )
+    .linkWidth((link) => (highlightLinks.has(link) ? 4 : 1))
+    .linkDirectionalParticles((link) => (highlightLinks.has(link) ? 4 : 0))
+    .linkDirectionalParticleWidth(4)
+    .onNodeClick((node: any) => {
+      console.log(node);
+      emits('clickGraph',node.id)
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+    .onNodeHover((node:any) => {
+      // no state change
+      if ((!node && !highlightNodes.size) || (node && hoverNode === node))
+        return
+
+      highlightNodes.clear()
+      highlightLinks.clear()
+      if (node && node.neighbors ) {
+        highlightNodes.add(node)
+        node.neighbors.forEach((neighbor:any) => highlightNodes.add(neighbor))
+        node.links.forEach((link :any) => highlightLinks.add(link))
+      }
+
+      hoverNode = node || null
+
+      updateHighlight()
+    })
+    .onLinkHover((link :any) => {
+      highlightNodes.clear()
+      highlightLinks.clear()
+
+      if (link) {
+        highlightLinks.add(link)
+        highlightNodes.add(link.source)
+        highlightNodes.add(link.target)
+      }
+
+      updateHighlight()
+    })
+  dom.value = document.querySelector('canvas') as any
+  
+}
+const getCourseTypeEvent = async(type:any) => {
+  const res = await getCourseType({courseId:'719f91586a64413898253c5b7d046fd8',type})
+  console.log(res);
+  
+}
+onMounted(async () => {
+  const res: any = await getCourseAtlas({ id: '719f91586a64413898253c5b7d046fd8' })
+  data.value = res.data
+  // console.log(res,'res')
+  const gData:any = {
+    nodes: [... data.value.knowList],
+    links: [... data.value.linksList],
+  }
+  gData.links.forEach((link:any) => {
+    const a = gData.nodes.find((item:any) => item.id === link.source)
+    const b = gData.nodes.find((item:any) => item.id === link.target)
+    // console.log(a, b)
+
+    !a.neighbors && (a.neighbors = [])
+    !b.neighbors && (b.neighbors = [])
+    a.neighbors.push(b)
+    b.neighbors.push(a)
+
+    !a.links && (a.links = [])
+    !b.links && (b.links = [])
+    a.links.push(link)
+    b.links.push(link)
+  })
+
+  const highlightNodes = new Set()
+  const highlightLinks = new Set()
+  let hoverNode:any = null
+
+  Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .graphData(gData)
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .nodeColor((node:any) =>
+      highlightNodes.has(node)
+        ? node === hoverNode
+          ? 'rgb(255,0,0,1)'
+          : node.color
+        : node.color,
+    )
+    .linkWidth((link) => (highlightLinks.has(link) ? 4 : 1))
+    .linkDirectionalParticles((link) => (highlightLinks.has(link) ? 4 : 0))
+    .linkDirectionalParticleWidth(4)
+    .onNodeClick((node: any) => {
+      console.log(node);
+      emits('clickGraph',node.id)
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+    .onNodeHover((node:any) => {
+      // no state change
+      if ((!node && !highlightNodes.size) || (node && hoverNode === node))
+        return
+
+      highlightNodes.clear()
+      highlightLinks.clear()
+      if (node && node.neighbors ) {
+        highlightNodes.add(node)
+        node.neighbors.forEach((neighbor:any) => highlightNodes.add(neighbor))
+        node.links.forEach((link :any) => highlightLinks.add(link))
+      }
+
+      hoverNode = node || null
+
+      updateHighlight()
+    })
+    .onLinkHover((link :any) => {
+      highlightNodes.clear()
+      highlightLinks.clear()
+
+      if (link) {
+        highlightLinks.add(link)
+        highlightNodes.add(link.source)
+        highlightNodes.add(link.target)
+      }
+
+      updateHighlight()
+    })
+  dom.value = document.querySelector('canvas') as any
+})
+const updateHighlight = () => {
+  // console.log(1111)
+
+  // trigger update of highlighted objects in scene
+  Graph.nodeColor(Graph.nodeColor())
+    .linkWidth(Graph.linkWidth())
+    .linkDirectionalParticles(Graph.linkDirectionalParticles())
+}
+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
+  })
+  //@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
+      })),
+    )
+
+    // 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>
diff --git a/teaching_integration_platform_template/src/views/home/index.vue b/teaching_integration_platform_template/src/views/home/index.vue
index 8099ce1..003b154 100644
--- a/teaching_integration_platform_template/src/views/home/index.vue
+++ b/teaching_integration_platform_template/src/views/home/index.vue
@@ -1,82 +1,306 @@
 <template>
-  <div class="view-container">
-    <div class="banner"></div>
-    <div class="container">
-      <div class="top-video-box">
-        <div class="video">
-          <video  id="video" width="100%" height="100%" controls>
-            <source src="../../assets//videos/920b6703c5f95b9ff774f27abf5d4f29.mp4" type="video/mp4" />
-           您的浏览器不支持视频播放
-          </video>
+    <div class="loop" v-for="(item,index) in couresData.content" :key="item.id">
+      <div class="main" v-if="index % 2 === 0">
+        <!-- <div class="course-list">111</div> -->
+        <div class="container">
+          <div class="left-group">
+            <div class="group">
+              <Graph :width="848" :height="470" :index="item.id" :id="item.id" />
+            </div>
+            <div class="footer">
+              <div class="left-title">{{ item.name }}</div>
+              <div class="go-info" @click="goToCourseInfo(item.id)"></div>
+            </div>
+          </div>
+          <div class="right-info">
+            <div class="title">课程简介</div>
+            <div class="info">
+              {{ item.description }}
+            </div>
+            <div class="crous-content">
+              <ul>
+                <li>总学时：10学时</li>
+                <li>章节数：10章</li>
+                <li>总学分：2.0分</li>
+                <li>知识点总分：33个</li>
+              </ul>
+            </div>
+          </div>
         </div>
-        <div class="info-list"></div>
       </div>
-      <div class="title-container">
-        <div class="title">课程体系</div>
-        <div class="description">
-          全面落实立德树人根本任务，CDIO工程教育理念
+      <div
+        class="main"
+        v-else
+        style="background: linear-gradient(to right, #aecaff 60%, #5792ff)"
+      >
+        <!-- <div class="course-list">111</div> -->
+        <div class="container">
+          <div class="right-info">
+            <div class="title">课程简介</div>
+            <div class="info">
+              {{ item.description }}
+            </div>
+            <div class="crous-content">
+              <ul>
+                <li>总学时：{{item.classhours}}学时</li>
+                <li>章节数：{{ item.totalchapter }}章</li>
+                <li>总学分：{{item.credit }}分</li>
+                <li>知识点总分：{{ item.totalKnow }}个</li>
+              </ul>
+            </div>
+          </div>
+          <div class="left-group">
+            <div class="group">
+              <Graph :width="848" :height="470" :index="item.id" :id="item.id" />
+            </div>
+            <div class="footer">
+              <div class="left-title">{{ item.name }}</div>
+
+              <div class="go-info" @click="goToCourseInfo(item.id)"></div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
-  </div>
+    <div class="get-more">
+      <div class="btn" @click="getMore">{{btnTexst}}</div>
+    </div>
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+// import KnowledgeGraph from '@/views/professionalProfile/components/KnowledgeGraph.vue'
+import Graph from './components/Graph.vue'
+import { getCourseList } from '@/api/course'
+import { reactive, ref } from 'vue'
+import {useRouter} from 'vue-router'
+interface Page {
+  pageNo: number
+  pageSize: number
+  username:string
+  userId: string | number
+
+}
+interface item {
+  name:string,
+  id:string,
+  description:string,
+  classhours:number,
+  totalchapter:number,
+  credit:number,
+  totalKnow:number
+}
+interface CouresData {
+  content: item[]
+  totalcount: number
+  [propName: string]: any
+}
+const Router = useRouter()
+const currentPage: Page = reactive({
+  pageNo: 1,
+  pageSize: 5,
+  username:'xiao1111',
+  userId:3
+})
+const couresData: CouresData = reactive({
+  content: [],
+  totalcount: 0,
+})
+const btnTexst = ref<string>('加载更多')
+const getCourseListEvent = async () => {
+  if( couresData.content.length && couresData.content.length ===  couresData.totalcount) {
+      btnTexst.value = '没有更多了'
+    return 
+  }
+  btnTexst.value = '正在加载'
+  const res: any = await getCourseList(currentPage)
+  couresData.content =  [... couresData.content,...res.data.list]
+  couresData.totalcount =  res.data.total
+   btnTexst.value = '加载更多'
+
+  console.log( couresData)
+}
+getCourseListEvent()
+const getMore = () => {
+  if(btnTexst.value === '正在加载' || btnTexst.value === '没有更多了') return
+  currentPage.pageNo += 1
+  getCourseListEvent()
+}
+// 监听滚动事件
+window.addEventListener('scroll', function () {
+  // 获取当前滚动条的位置
+  var scrollTop: number =
+    window.pageYOffset ||
+    document.documentElement.scrollTop ||
+    document.body.scrollTop ||
+    0
+  // 获取视窗的高度
+  var windowHeight: number =
+    window.innerHeight ||
+    document.documentElement.clientHeight ||
+    document.body.clientHeight
+  // 获取文档的总高度
+  var documentHeight: number =
+    document.documentElement.scrollHeight || document.body.scrollHeight
+
+  // 判断是否滚动到了页面底部
+  if (scrollTop + windowHeight >= documentHeight) {
+    getMore()
+    console.log('已经滚动到页面底部了！')
+    // 在这里可以执行一些操作，比如加载更多内容
+  }
+})
+
+// 查看课程信息
+const goToCourseInfo = (id:string | number):void =>  {
+  console.log(id);
+  Router.push({
+    path:'/course',
+    query:{id}
+  })
+  
+}
 </script>
 
 <style lang="scss" scoped>
 .view-container {
-  height: 100%;
+  // height: 5000px;
   // background-color: #2080f7;
+  .main {
+    margin-top: 50px;
+  }
   .container {
     width: $base-container-width;
     margin: 0 auto;
-    padding-top: 300px;
-    .top-video-box {
-      position: absolute;
-      top: 120px;
-      display: flex;
-      height: 545px;
-      justify-content: space-between;
-      .video {
-        width: 1073px;
-        height: 100%;
-        background-color: #d9d9d9;
-        #video{
-          object-fit: cover;
-        }
+    display: flex;
+    .left-group {
+      position: relative;
+      width: 918px;
+      height: 623px;
+      background-color: pink;
+      background: url('../../assets/images/crous-card.png') no-repeat;
+      background-size: cover;
+      .group {
+        position: absolute;
+        top: 58px;
+        right: 13px;
+        width: 848px;
+        height: 470px;
+        background-color: pink;
+        border-radius: 10px;
+        overflow: hidden;
       }
-      .info-list {
-        margin-left: 20px;
-        width: 519px;
-        background-color: #fff;
+      .footer {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 90px;
+        display: flex;
+        .go-info {
+          height: 100%;
+          width: 185px;
+          cursor: pointer;
+        }
+        .left-title {
+          flex: 1;
+          height: 100%;
+          font-size: 32px;
+          // text-align: center;
+          padding-left: 90px;
+          line-height: 90px;
+          color: #fff;
+        }
       }
     }
-    .title-container {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      height: 300px;
+    .right-info {
+      flex: 1;
+      // background-color: skyblue;
+      margin-left: 20px;
+      padding: 20px;
       .title {
-        color: #333333;
-        font-size: 42px;
+        position: relative;
+        height: 72px;
+        line-height: 45px;
+        font-size: 32px;
+        color: #3374ff;
         font-weight: 700;
+        margin-left: 30px;
       }
-      .description {
-        margin-top: 30px;
-        color: #777777;
-        font-size: 20px;
+      .title::after {
+        position: absolute;
+        top: 5px;
+        left: -30px;
+        content: ' ';
+        display: block;
+        width: 5px;
+        height: 40px;
+        background-color: #3374ff;
+      }
+      .info {
+        color: #888888;
+        font-size: 24px;
+        line-height: 35px;
+        height: 390px;
+        display: -webkit-box;
+        -webkit-line-clamp: 11; /* 限制显示3行 */
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .crous-content {
+        width: 100%;
+        height: 100px;
+        margin-top: 60px;
+        ul {
+          width: 100%;
+          height: 100%;
+          display: flex;
+          flex-wrap: wrap;
+
+          li {
+            height: 40px;
+            width: 50%;
+            color: #555555;
+            font-size: 24px;
+          }
+        }
       }
     }
   }
+  .get-more {
+    width: 100%;
+    height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .btn {
+      width: 120px;
+      height: 40px;
+      border: 1px solid #3374ff;
+      text-align: center;
+      line-height: 40px;
+      border-radius: 5px;
+      color: #3374ff;
+      cursor: pointer;
+      transition: all 0.3s;
+    }
+    .btn:hover {
+      transform: scale(1.1);
+    }
+  }
   .banner {
     width: 100%;
     height: 410px;
     background: url('../../assets/images/banner2.png') no-repeat;
     background-size: cover;
+    .title {
+      position: absolute;
+      top: 200px;
+      right: 200px;
+      font-size: 48px;
+      font-weight: 700;
+      color: #fff;
+    }
   }
 }
 </style>
diff --git a/teaching_integration_platform_template/src/views/home/index1.vue b/teaching_integration_platform_template/src/views/home/index1.vue
new file mode 100644
index 0000000..1f53d04
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/home/index1.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="view-container">
+    <div class="banner"></div>
+    <div class="container">
+      <div class="top-video-box">
+        <div class="video">
+          <video  id="video" width="100%" height="100%" controls>
+            <source src="../../assets//videos/920b6703c5f95b9ff774f27abf5d4f29.mp4" type="video/mp4" />
+           您的浏览器不支持视频播放
+          </video>
+        </div>
+        <div class="info-list"></div>
+      </div>
+      <div class="title-container">
+        <div class="title">课程体系</div>
+        <div class="description">
+          全面落实立德树人根本任务，CDIO工程教育理念
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {} from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.view-container {
+  height: 5000px;
+  // background-color: #2080f7;
+  .container {
+    width: $base-container-width;
+    margin: 0 auto;
+    padding-top: 300px;
+    .top-video-box {
+      position: absolute;
+      top: 120px;
+      display: flex;
+      height: 545px;
+      justify-content: space-between;
+      .video {
+        width: 1073px;
+        height: 100%;
+        background-color: #d9d9d9;
+        #video{
+          object-fit: cover;
+        }
+      }
+      .info-list {
+        margin-left: 20px;
+        width: 519px;
+        background-color: #fff;
+      }
+    }
+    .title-container {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 300px;
+      .title {
+        color: #333333;
+        font-size: 42px;
+        font-weight: 700;
+      }
+      .description {
+        margin-top: 30px;
+        color: #777777;
+        font-size: 20px;
+      }
+    }
+  }
+  .banner {
+    width: 100%;
+    height: 410px;
+    background: url('../../assets/images/banner2.png') no-repeat;
+    background-size: cover;
+  }
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/knowledge/components/towGraph.vue b/teaching_integration_platform_template/src/views/knowledge/components/towGraph.vue
new file mode 100644
index 0000000..cd14806
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/knowledge/components/towGraph.vue
@@ -0,0 +1,240 @@
+<template>
+    <div id="3d-graph-tow"></div>
+  </template>
+  
+  <script lang="ts" setup>
+  // import { useRouter } from 'vue-router'
+  import { onMounted, ref, reactive } from 'vue'
+  import ForceGraph3D from '3d-force-graph'
+  //@ts-ignore
+  import {
+    CSS2DRenderer,
+    CSS2DObject,
+  } from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+  //@ts-ignore
+  import SpriteText from '../../professionalProfile/spritetext'
+  // const $router = useRouter()
+  // const jsonData = ref(null)
+  import { getCourseAtlasTow } from '@/api/course'
+  import {useRoute }from 'vue-router'
+  const Route = useRoute()
+  let Graph :any = reactive({})
+  const props = defineProps({
+    width: {
+      type: Number,
+      default:
+        window.innerWidth ||
+        document.documentElement.clientWidth ||
+        document.body.clientWidth,
+    },
+    height: {
+      type: Number,
+      default:
+        window.innerHeight ||
+        document.documentElement.clientHeight ||
+        document.body.clientHeight,
+    },
+  })
+  const emits = defineEmits(['clickGraph'])
+  // const nodeData = ref({})
+  // const getCourseAtlasTowEvent = async() => {
+  //   const res =  await getCourseAtlasTow({id:props.id})
+  //   nodeData.value = res
+  //   // console.log(res);
+  
+  // }
+  // getCourseAtlasTowEvent()
+  const dom = ref(null)
+  onMounted(async () => {
+    const res: any = await getCourseAtlasTow({ id:Route.query.id,depth:2 })
+    // console.log(res,'res')
+    const gData:any = {
+      nodes: [...res.data.knowList],
+      links: [...res.data.linksList],
+    }
+    gData.links.forEach((link:any) => {
+      const a = gData.nodes.find((item:any) => item.id === link.source)
+      const b = gData.nodes.find((item:any) => item.id === link.target)
+      // console.log(a, b)
+  
+      !a.neighbors && (a.neighbors = [])
+      !b.neighbors && (b.neighbors = [])
+      a.neighbors.push(b)
+      b.neighbors.push(a)
+  
+      !a.links && (a.links = [])
+      !b.links && (b.links = [])
+      a.links.push(link)
+      b.links.push(link)
+    })
+  
+    const highlightNodes = new Set()
+    const highlightLinks = new Set()
+    let hoverNode:any = null
+  
+    Graph = ForceGraph3D({
+      extraRenderers: [new CSS2DRenderer()],
+    })(document.getElementById('3d-graph-tow') as HTMLElement)
+      .graphData(gData)
+      // .nodeAutoColorBy('group')
+      .nodeThreeObject((node: any) => {
+        const nodeEl = document.createElement('div')
+        nodeEl.textContent = node.label
+        nodeEl.style.color = '#333333'
+        nodeEl.style.borderRadius = '50%'
+        // console.log(node, 111, Graph.graphData().nodes)
+        return new CSS2DObject(nodeEl)
+      })
+      .linkLabel((link: any) => link.label) // 指定链接上显示的文字属性
+      .linkWidth(0.8)
+      .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+      .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+      .backgroundColor('#f5f6fd')
+      .width(props.width)
+      .height(props.height)
+      .linkThreeObjectExtend(true)
+      .nodeRelSize(7) // 设置节点的相对大小为4
+      .nodeResolution(20)
+      .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+      .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+      .nodeThreeObjectExtend(true)
+      .nodeColor((node:any) =>
+        highlightNodes.has(node)
+          ? node === hoverNode
+            ? 'rgb(255,0,0,1)'
+            : node.color
+          : node.color,
+      )
+      .linkWidth((link) => (highlightLinks.has(link) ? 4 : 1))
+      .linkDirectionalParticles((link) => (highlightLinks.has(link) ? 4 : 0))
+      .linkDirectionalParticleWidth(4)
+      .onNodeClick((node: any) => {
+        console.log(node);
+        emits('clickGraph',node.id)
+        // Aim at node from outside it
+        // 目标距离
+        const targetDistance = 200 // 设定一个一般的距离
+  
+        // 计算相机新位置
+        const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+        const newPos = {
+          x: node.x * distRatio,
+          y: node.y * distRatio,
+          z: node.z * distRatio,
+        }
+  
+        // 如果节点位于原点，则特殊处理
+        if (node.x === 0 && node.y === 0 && node.z === 0) {
+          newPos.z = targetDistance // 将 z 轴设定为目标距离
+        }
+  
+        // 移动相机至新位置
+        //@ts-ignore
+        Graph.cameraPosition(
+          newPos, // 新位置
+          node, // 视角焦点
+          3000, // 过渡时长
+        )
+  
+        // 获取图表数据
+        //@ts-ignore
+        const graphData = Graph.graphData()
+  
+        // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+        graphData.links.forEach((link: any) => {
+          // console.log(link);
+  
+          if (link.source.id === node.id || link.target.id === node.id) {
+            setLabel()
+            // 将与当前点击节点相关联的连接线颜色设置为红色
+            // link.color = '#FF0000' // 设置连接线颜色为红色
+            //@ts-ignore
+            Graph.linkColor((item: any): any => {
+              if (item.source.id === node.id || item.target.id === node.id) {
+                return 'red'
+              } else {
+                return '#dd92fd'
+              }
+            })
+          } else {
+            // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+          }
+        })
+  
+        // 更新图形数据，以应用颜色变化
+        //@ts-ignore
+        Graph.graphData(graphData)
+      })
+      .onNodeHover((node:any) => {
+        // no state change
+        if ((!node && !highlightNodes.size) || (node && hoverNode === node))
+          return
+  
+        highlightNodes.clear()
+        highlightLinks.clear()
+        if (node  && node.neighbors ) {
+          highlightNodes.add(node)
+          node.neighbors.forEach((neighbor:any) => highlightNodes.add(neighbor))
+          node.links.forEach((link :any) => highlightLinks.add(link))
+        }
+  
+        hoverNode = node || null
+  
+        updateHighlight()
+      })
+      .onLinkHover((link :any) => {
+        highlightNodes.clear()
+        highlightLinks.clear()
+  
+        if (link) {
+          highlightLinks.add(link)
+          highlightNodes.add(link.source)
+          highlightNodes.add(link.target)
+        }
+  
+        updateHighlight()
+      })
+    dom.value = document.querySelector('canvas') as any
+  })
+  const updateHighlight = () => {
+    // console.log(1111)
+  
+    // trigger update of highlighted objects in scene
+    Graph.nodeColor(Graph.nodeColor())
+      .linkWidth(Graph.linkWidth())
+      .linkDirectionalParticles(Graph.linkDirectionalParticles())
+  }
+  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
+    })
+    //@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
+        })),
+      )
+  
+      // 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>
+  
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/views/knowledge/index.vue b/teaching_integration_platform_template/src/views/knowledge/index.vue
new file mode 100644
index 0000000..5a7343f
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/knowledge/index.vue
@@ -0,0 +1,403 @@
+<template>
+  <div class="title">xxx知识点 
+    <div class="back" @click="router.go(-1)">返回</div>
+  </div>
+  <div class="container" v-if="loading">
+    <div class="left" v-loading="tabLoading">
+      <div class="gruop">
+        <div class="no" v-if="flag === 1">当前无播放资源</div>
+        <!-- <Graph
+            :width="1195"
+            :height="800"
+            :index="courseId"
+            :id="courseId"
+            v-show="flag === 1"
+            @clickGraph="clickGraphChange"
+          /> -->
+        <div class="video" v-if="flag === 2">
+          <video id="video" width="100%" height="100%" controls>
+            <source :src="videoUrl" type="video/mp4" />
+            您的浏览器不支持视频播放
+          </video>
+        </div>
+        <div class="pdf" v-if="flag === 3">
+          <!-- <vuePdf /> -->
+          <VuePdf
+            v-for="page in numOfPages"
+            :key="page"
+            :src="pdfUrl"
+            :page="page"
+          />
+        </div>
+        <div class="docx" v-if="flag === 4">
+          <vue-office-docx :src="docx" style="width: 100%; height: 100%" />
+        </div>
+        <div v-show="flag != 1" class="back" @click="router.go(-1)">
+          <el-icon><Back /></el-icon>
+        </div>
+      </div>
+
+      <div class="resource">
+        <el-tabs
+          v-model="activeName"
+          class="demo-tabs"
+          @tab-click="handleClick"
+          v-loading="isTabsLoading"
+        >
+          <el-tab-pane label="视频" name="1">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.video"
+                :key="item.id"
+                @click="clickFile(item, 2)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="PPT" name="2">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.PPT"
+                :key="item.id"
+                @click="clickFile(item, 3)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="试题" name="3">Role</el-tab-pane>
+          <el-tab-pane label="文档" name="4">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.word"
+                :key="item.id"
+                @click="clickFile(item, 4)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="其他" name="5">
+            <div class="files-box">
+              <div
+                class="item"
+                v-for="item in courseFilesList.other"
+                :key="item.id"
+                @click="download(item)"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+    <div class="right">
+      <div class="course-info">
+        <div class="item">
+          <towGraph :width="398" :height="252" />
+        </div>
+        <div class="item"></div>
+        <div class="item"></div>
+      </div>
+      <div class="chapter">
+        <!-- <courseTree :chapterList="chapterList" /> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import towGraph from './components/towGraph.vue'
+//   import courseTree from './components/courseTree.vue'
+import { useRoute, useRouter } from 'vue-router'
+import { getCourseTowFiles } from '@/api/course'
+import { ElLoading } from 'element-plus'
+import { filterFilesType } from '@/utils/filters'
+// @ts-ignore
+import { VuePdf, createLoadingTask } from 'vue3-pdfjs/esm'
+import VueOfficeDocx from '@vue-office/docx'
+// import vuePdf from './components/vuePdf.vue'
+const Route = useRoute()
+const router = useRouter()
+// const courseId: string = Route.query.id as string
+console.log(Route.query.id)
+const loading = ref(false)
+const activeName = ref<string>('1')
+
+const handleClick = (e: any) => {
+  console.log(e)
+}
+
+const isTabsLoading = ref<boolean>(false)
+const courseFilesList = ref<any>({})
+// 获取所有课程资源
+const getCourseFilesEvent = async () => {
+  loading.value = true
+  const loadingInstance: any = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.7)',
+  })
+  isTabsLoading.value = true
+  // const res: any = await getCourseFiles({
+  //   courseId: '2cd6b5b62c344fd0becff6010cba566e',
+  // })
+  // // console.log(filterFilesType(res));
+  // courseFilesList.value = filterFilesType(res.data)
+  const res = await getCourseTowFiles({ knowId: Route.query.id })
+  console.log(res)
+  courseFilesList.value = filterFilesType(res.data)
+  isTabsLoading.value = false
+  // console.log(courseFilesList.value)
+  let arr = []
+  if (res.data) return loadingInstance.close()
+  for (const key in courseFilesList.value) {
+    if (courseFilesList.value[key]) {
+      arr.push({ [key]: courseFilesList.value[key] })
+    }
+  }
+  let key = Object.keys(arr[0])[0]
+  if (key === 'video') {
+    flag.value = 2
+    console.log(courseFilesList.value[key][0])
+
+    videoUrl.value = courseFilesList.value[key][0].url
+  } else if (key === 'PPT') {
+    flag.value = 3
+    pdfUrl.value = `http://39.106.16.162:8080/api/resource/read?filename=${courseFilesList.value[key][0].name}`
+    const loadingTask = createLoadingTask(pdfUrl.value)
+    loadingTask.promise.then((pdf: any) => {
+      numOfPages.value = pdf.numPages
+    })
+  } else if (key === 'word') {
+    docx.value = `http://39.106.16.162:8080/api/resource/read?filename=${courseFilesList.value[key][0].name}`
+    flag.value = 4
+  } else {
+    flag.value = 1
+  }
+  console.log(courseFilesList.value[key])
+  loadingInstance.close()
+}
+getCourseFilesEvent()
+
+// 点击资源
+const flag = ref<number>(1)
+const videoUrl = ref<string>('')
+const pdfUrl = ref<string>('')
+const docx = ref('')
+const numOfPages = ref(0)
+const tabLoading = ref(false)
+onMounted(() => {})
+const clickFile = async (file: any, index: number) => {
+  tabLoading.value = true
+  if (index === 2) {
+    console.log(file)
+    videoUrl.value = file.url
+    flag.value = index
+    tabLoading.value = false
+  } else if (index === 3) {
+    pdfUrl.value = `http://39.106.16.162:8080/api/resource/read?filename=${file.name}`
+    const loadingTask = createLoadingTask(pdfUrl.value)
+    loadingTask.promise.then((pdf: any) => {
+      numOfPages.value = pdf.numPages
+    })
+    flag.value = index
+    tabLoading.value = false
+    // const res: any = await getFileStreams({ filename: file.name })
+    // console.log(res.filePath)
+    // fetch(res.filePath).then((resoinse) => {
+    //   console.log(resoinse.blob())
+    // })
+  } else if (index === 4) {
+    docx.value = `http://39.106.16.162:8080/api/resource/read?filename=${file.name}`
+    flag.value = index
+    tabLoading.value = false
+  }
+}
+// 下载资源
+const download = (file: any) => {
+  console.log(file)
+  downloadImage(file.url, file.name)
+}
+function downloadImage(imageUrl: any, filename: any) {
+  fetch(imageUrl)
+    .then((response) => response.blob())
+    .then((blob) => {
+      const url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.style.display = 'none'
+      a.href = url
+      a.download = filename
+      document.body.appendChild(a)
+      a.click()
+      window.URL.revokeObjectURL(url)
+      document.body.removeChild(a)
+    })
+    .catch((error) => console.error('Error downloading the image', error))
+}
+</script>
+
+<style lang="scss" scoped>
+.title {
+  position: relative;
+  width: $base-container-width;
+  height: 50px;
+  margin: 10px auto;
+  text-align: center;
+  font-size: 22px;
+  font-weight: 600;
+  line-height: 50px;
+  //  padding: 20px 0;
+  background-color: #fff;
+    .back{
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      right: 30px;
+      width: 60px;
+      height: 30px;
+      text-align: center;
+      line-height: 30px;
+      color: #fff;
+      border-radius: 5px;
+      cursor: pointer;
+      background-color: #6da0ff;
+      font-size: 14px;
+      font-weight: normal;
+    }
+}
+.view-container {
+  // height: 100vh;
+  .container {
+    width: $base-container-width;
+    margin: 0 auto;
+    // height: 1600px;
+    display: flex;
+    padding-bottom: 20px;
+    .left {
+      width: 1195px;
+      // height: 800px;
+      .gruop {
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+        height: 800px;
+        background-color: #fff;
+        .no {
+          width: 100%;
+          height: 100%;
+          font-size: 18px;
+          text-align: center;
+          line-height: 800px;
+        }
+        .video {
+          width: 100%;
+          height: 100%;
+          background-color: #d9d9d9;
+          #video {
+            object-fit: cover;
+          }
+        }
+        .pdf {
+          width: 100%;
+          height: 100%;
+          overflow: auto;
+        }
+        .docx {
+          width: 100%;
+          height: 100%;
+          overflow: auto;
+        }
+        .back {
+          position: absolute;
+          top: 30px;
+          right: 30px;
+          z-index: 1;
+          width: 30px;
+          height: 30px;
+          background-color: rgba(0, 0, 0, 0.1);
+          border-radius: 50%;
+          cursor: pointer;
+          i {
+            width: 100%;
+            height: 100%;
+            font-size: 18px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+      .resource {
+        width: 100%;
+        height: 500px;
+        margin-top: 20px;
+        padding: 20px;
+        background-color: #fff;
+        .files-box {
+          .item {
+            // width: 200px;
+            // height: 30px;
+            // background-color: skyblue;
+            // color: #fff;
+            line-height: 30px;
+            border-radius: 5px;
+            text-decoration: underline;
+            cursor: pointer;
+          }
+          .item:hover {
+            color: Blue;
+          }
+        }
+      }
+    }
+    .right {
+      width: 400px;
+
+      margin-left: 20px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      .course-info {
+        width: 100%;
+        height: 800px;
+        //   background-color: #fff;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .item {
+          width: 100%;
+          height: 33%;
+          background-color: #fff;
+        }
+        .item:nth-child(2) {
+          margin: 20px 0;
+        }
+      }
+      .chapter {
+        overflow-y: auto;
+        height: 500px;
+        width: 100%;
+        margin-top: 20px;
+        background-color: #fff;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 4px; /* 滚动条宽度 */
+}
+/* 设置滚动条上下按钮的样式 */
+::-webkit-scrollbar-button {
+  background-color: #fff;
+}
+:deep(.docx-wrapper) {
+  background-color: #fff;
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/pedagogicalReform/index.vue b/teaching_integration_platform_template/src/views/pedagogicalReform/index.vue
index 71e2bfe..b34b897 100644
--- a/teaching_integration_platform_template/src/views/pedagogicalReform/index.vue
+++ b/teaching_integration_platform_template/src/views/pedagogicalReform/index.vue
@@ -1,20 +1,14 @@
 <template>
-  <div class="view-container">
-    <div class="banner"></div>
-    <div class="container">教学改革</div>
+  <div>
+    111
   </div>
 </template>
 
-<script lang="ts" setup>
-import {} from 'vue'
+<script lang='ts' setup>
+// import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
 </script>
 
-<style lang="scss" scoped>
-.view-container {
-  height: 100vh;
-  .container {
-    width: $base-container-width;
-    margin: 0 auto;
-  }
-}
+<style lang='scss' scoped>
+
 </style>
diff --git a/teaching_integration_platform_template/src/views/professionalListProfile/index.vue b/teaching_integration_platform_template/src/views/professionalListProfile/index.vue
new file mode 100644
index 0000000..e3bb708
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/professionalListProfile/index.vue
@@ -0,0 +1,334 @@
+<script setup lang="ts">
+import { onMounted, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import useLearnPathStore from '@/store/module/learnPath';
+import { userGetInfoService, getCourseListApi } from '@/api/configuration';
+import useUserStore from '@/store/module/user';
+const userStore = useUserStore()
+const $router = useRouter()
+const learnPathStore = useLearnPathStore()
+function paginationChange(currentPage: number, pageSize: number) {
+    params.value.pageNo = currentPage
+    params.value.pageSize = pageSize
+    getCourseList()
+}
+const params = ref({
+    pageNo: 1,
+    pageSize: 7,
+    // username: 'qiuqiu',
+    userId: userStore.userInfo.id,
+    assessmenttype: '',
+    category: '',
+    nature: '',
+    teacher: '',
+})
+const getCourseList = async () => {
+    loading.value = true
+    const res = await getCourseListApi(params.value)
+    courseList.value = res.data.list
+    total.value = res.data.total
+    loading.value = false
+    // console.log(userStore.userName, '1111')
+}
+watch(() => userStore.userInfo.id, (newVal) => {
+    params.value.userId = newVal
+    getCourseList()
+})
+
+
+
+onMounted(() => {
+    if (userStore.userInfo.id) getCourseList()
+})
+const total = ref(0)
+const loading = ref(false)
+const courseList = ref()
+
+
+const isLogin = ref(false)
+userGetInfoService(userStore.token).then(res => {
+    // @ts-ignore
+    if (res.code === 200) {
+        isLogin.value = true
+    }
+})
+function skip(url: string) {
+    location.assign(url)
+}
+function handlePraise(item: any) {
+    if (isLogin.value) item.isPraise = !item.isPraise
+    else skip('http://localhost:5173/#/login?redirect=/configurationPage')
+}
+function handleStar(item: any) {
+    if (isLogin.value) item.isStar = !item.isStar
+    else skip('http://localhost:5173/#/login?redirect=/configurationPage')
+}
+
+
+// 点击查看课程详情，把课程id传过去
+const onGetCourseObject = async (id: any) => {
+
+    skip(`http://localhost:5173/#/curriculumCenter/courseDetails?id=${id}`)
+
+}
+
+function toPath(item: any) {
+    $router.push({
+        path:'/roadbedRecommendation',
+        query:{
+            isCourse:'true',
+            id:item.id
+        }
+
+    })
+    learnPathStore.setCourseData(item)
+}
+</script>
+
+<template>
+    <div class="view-container" v-loading="loading">
+        <div class="container" style="padding-bottom: 20px;">
+
+            <div class="main-content">
+                <div class="header">
+                    <div class="btn">
+                        <div class="course">
+                            <ul class="course_list">
+                                <li v-for="item in courseList" :key="item.id">
+                                    <img title="点击查看课程详情" :src="item.img" alt="" @click="onGetCourseObject(item.id)" />
+                                    <h2 title="点击查看课程基本信息" class="course_name">
+                                        {{ item.name }}
+                                    </h2>
+                                    <p class="teacher_name">讲师：{{ item.teacher }}</p>
+                                    <p class="credit">
+                                        <span>{{ item.classhours }}</span>
+                                        学时 |
+                                        <span>{{ item.credit }}</span>
+                                        学分
+                                    </p>
+
+                                    <div class="parent">
+                                        <div class="div1" @click="handlePraise(item)">
+                                            <SvgIcon v-if="!item.isPraise" width="12px" height="12px" name="Praise">
+                                            </SvgIcon>
+                                            <SvgIcon v-else width="12px" height="12px" name="PraiseFilled"
+                                                color="#f7ba2a"></SvgIcon>
+                                        </div>
+                                        <div class="div2" @click="handleStar(item)">
+                                            <SvgIcon v-if="!item.isStar" width="12px" height="12px" name="Star">
+                                            </SvgIcon>
+                                            <SvgIcon v-else width="12px" height="12px" name="StarFilled"
+                                                color="#f7ba2a"></SvgIcon>
+                                        </div>
+
+                                    </div>
+                                    <div class="object">
+                                        <el-button round plain @click="onGetCourseObject(item.id)">
+                                            详情
+                                        </el-button>
+                                        <el-button round plain @click="toPath(item)">
+                                            路径规划
+                                        </el-button>
+                                    </div>
+
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <el-pagination v-model:current-page="params.pageNo" v-model:page-size="params.pageSize"
+                :page-sizes="[2, 5, 7, 10]" :background="true" layout="jumper,total, sizes, prev, pager, next "
+                :total="total" @change="paginationChange" style="margin-top: 10px; justify-content: center" />
+
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.parent {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: 1fr;
+    grid-column-gap: 5px;
+    grid-row-gap: 0px;
+    position: absolute;
+    margin-left: 280px;
+    margin-top: -80px;
+    color: #0052ff;
+    cursor: pointer;
+
+    .div1 {
+        grid-area: 1 / 1 / 2 / 2;
+    }
+
+    .div2 {
+        grid-area: 1 / 2 / 2 / 3;
+    }
+}
+
+
+
+
+.main-content {
+    width: 1440px;
+    margin: 0 auto;
+}
+
+.header {
+    width: 100%;
+    // height: 100px;
+    display: flex;
+    flex-direction: row;
+}
+
+// .btn {
+//   // display: flex;
+//   width: 50%;
+//   height: 100%;
+//   padding: 10px 0;
+//   // display: inline;
+//   // height: 40px;
+//   // margin: 20px;
+//   // padding-left: 50px;
+// }
+.search {
+    width: 50%;
+    display: flex;
+    height: 100%;
+    justify-content: flex-end;
+
+    // flex-direction: row-reverse;
+    // padding: 0 40px 0;
+    input {
+        width: 240px;
+        height: 40px;
+        border: 1px solid #dcdcdc;
+        border-radius: 60px;
+        font-size: 14px;
+    }
+}
+
+.course {
+
+    // display: flex;
+    // flex: 0 0 25%;
+    // justify-content: space-between;
+    // flex-wrap: wrap;
+    .course_list {
+        display: flex;
+        // flex: 0 0 25%;
+        // justify-content: space-between;
+        flex-wrap: wrap;
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        column-gap: 50px;
+    }
+
+    li {
+        margin: 40px 0;
+        width: 349px;
+        height: 297px;
+        background: rgb(255, 255, 255);
+        transition: all 0.5s;
+        border-radius: 6px;
+        position: relative;
+
+        // flex: 1; /* 子元素按比例伸缩 */
+        &:hover {
+            transform: translate3d(0, -3px, 0);
+            box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
+        }
+
+        .course_name {
+            font-family: Inter-Bold;
+            color: #333;
+            font-size: 24px;
+            margin-left: 30px;
+            margin-top: 10px;
+            font-weight: bold;
+
+            &:hover {
+                cursor: pointer;
+            }
+        }
+
+        img {
+            background-color: #cccccc;
+            width: 100%;
+            height: 178px;
+            cursor: pointer;
+        }
+
+        p {
+            margin-left: 30px;
+            margin-top: 5px;
+            color: #555555;
+            font-size: 14px;
+            padding-top: 10px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+
+            span {
+                color: #0052ff;
+            }
+        }
+    }
+
+    .del {
+        position: absolute;
+        margin-left: 280px;
+        margin-top: -80px;
+        color: #0052ff;
+        cursor: pointer;
+    }
+
+    .object {
+        position: absolute;
+        margin-left: 180px;
+        margin-top: -29px;
+    }
+}
+
+.plus {
+    width: 100%;
+    height: 178px;
+
+    &:hover {
+        cursor: pointer;
+    }
+
+    // background-position: center center;
+    .el-icon.avatar-uploader-icon {
+        font-size: 50px;
+        color: #8c939d;
+        width: 100%;
+        height: 178px;
+        margin-top: 20px;
+        text-align: center;
+    }
+}
+
+.add_course {
+    border: 2px dashed rgb(143, 139, 139);
+
+    h2 {
+        font-size: 40px;
+        text-align: center;
+        font-family: Inter-Bold;
+        color: #535050;
+        font-weight: bold;
+        margin-top: 20px;
+
+        &:hover {
+            cursor: pointer;
+        }
+    }
+}
+
+.short-form-item {
+    width: 300px;
+    margin-right: 100px;
+}
+</style>
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/views/professionalProfile/components/KnowledgeGraph.vue b/teaching_integration_platform_template/src/views/professionalProfile/components/KnowledgeGraph.vue
new file mode 100644
index 0000000..b71fa7b
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/professionalProfile/components/KnowledgeGraph.vue
@@ -0,0 +1,151 @@
+<template>
+    <div id="3d-graph"></div>
+</template>
+
+<script lang="ts" setup>
+// import { useRouter } from 'vue-router'
+import { onMounted, ref,reactive } from 'vue'
+import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import { CSS2DRenderer, CSS2DObject,} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText  from '../spritetext.js'
+// const $router = useRouter()
+// const jsonData = ref(null)
+let Graph  = reactive({})
+const props = defineProps({
+  width:{
+    type:Number,
+    default:window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
+  },
+  height:{
+    type:Number,
+    default:window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight,
+  }
+})
+const dom = ref(null)
+onMounted(() => {
+   
+    
+   Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .jsonUrl('../../../public/data.json')
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link:any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(props.width)
+    .height(props.height)
+    .linkThreeObjectExtend(true)
+    .nodeColor((node: any) => {
+      return node.color
+    })
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .onNodeClick((node: any) => {
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
+
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
+
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+            
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
+   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;
+        })
+        //@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
+          })));
+
+          // 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>
diff --git a/teaching_integration_platform_template/src/views/professionalProfile/components/index.js b/teaching_integration_platform_template/src/views/professionalProfile/components/index.js
new file mode 100644
index 0000000..50f09a4
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/professionalProfile/components/index.js
@@ -0,0 +1,217 @@
+function newstypeonc(x) {
+  al = document.getElementById('newstypenum').innerHTML
+  for (i = 1; i < al; i++) {
+    document.getElementById('newstypea' + i).className = ''
+    document.getElementById('newsmain' + i).style.display = 'none'
+  }
+  document.getElementById('newstypea' + x).className = 'a1'
+  document.getElementById('newsmain' + x).style.display = ''
+}
+
+function shopda() {
+  t = document.getElementById('shopdat1').value
+  if (t == '') {
+    alert('请输入有效的QQ或手机号码')
+    document.getElementById('shopdat1').select()
+    return false
+  }
+  $.get(
+    document.getElementById('webhttp').innerHTML +
+      'tem/moban/ymk/tem/niushop.php',
+    { k: t },
+    function (result) {
+      if (result == 'err1') {
+        alert('没有找到对应的店铺')
+        return false
+      } else {
+        location.href =
+          document.getElementById('webhttp').innerHTML +
+          'shop/view' +
+          result +
+          '.html'
+        return false
+      }
+    },
+  )
+}
+
+function proaover(x) {
+  for (i = 1; i < document.getElementById('protypenum').innerHTML; i++) {
+    document.getElementById('promain' + i).style.display = 'none'
+    document.getElementById('proa' + i).className = ''
+  }
+  document.getElementById('promain' + x).style.display = ''
+  document.getElementById('proa' + x).className = 'a1'
+  switch (x) {
+    case 1:
+      for (let i = 2; i <= 6; i++) {
+        const N = 10
+        const gData = {
+          nodes: [...Array(N).keys()].map((i) => ({ id: i })),
+          links: [...Array(N).keys()]
+            .filter((id) => id)
+            .map((id) => ({
+              source: id,
+              target: Math.round(Math.random() * (id - 1)),
+            })),
+        }
+        const Graph = ForceGraph3D()(document.getElementById('3d-graph' + i))
+          .width(200)
+          .height(200)
+        Graph.graphData(gData)
+      }
+      break
+    case 2:
+      for (let i = 8; i <= 12; i++) {
+        const N = 10
+        const gData = {
+          nodes: [...Array(N).keys()].map((i) => ({ id: i })),
+          links: [...Array(N).keys()]
+            .filter((id) => id)
+            .map((id) => ({
+              source: id,
+              target: Math.round(Math.random() * (id - 1)),
+            })),
+        }
+        const Graph = ForceGraph3D()(document.getElementById('3d-graph' + i))
+          .width(200)
+          .height(200)
+        Graph.graphData(gData)
+      }
+      break
+    case 3:
+      for (let i = 14; i <= 18; i++) {
+        const N = 10
+        const gData = {
+          nodes: [...Array(N).keys()].map((i) => ({ id: i })),
+          links: [...Array(N).keys()]
+            .filter((id) => id)
+            .map((id) => ({
+              source: id,
+              target: Math.round(Math.random() * (id - 1)),
+            })),
+        }
+        const Graph = ForceGraph3D()(document.getElementById('3d-graph' + i))
+          .width(200)
+          .height(200)
+        Graph.graphData(gData)
+      }
+      break
+    case 4:
+      for (let i = 20; i <= 24; i++) {
+        const N = 10
+        const gData = {
+          nodes: [...Array(N).keys()].map((i) => ({ id: i })),
+          links: [...Array(N).keys()]
+            .filter((id) => id)
+            .map((id) => ({
+              source: id,
+              target: Math.round(Math.random() * (id - 1)),
+            })),
+        }
+        const Graph = ForceGraph3D()(document.getElementById('3d-graph' + i))
+          .width(200)
+          .height(200)
+        Graph.graphData(gData)
+      }
+      break
+    case 5:
+      for (let i = 26; i <= 30; i++) {
+        const N = 10
+        const gData = {
+          nodes: [...Array(N).keys()].map((i) => ({ id: i })),
+          links: [...Array(N).keys()]
+            .filter((id) => id)
+            .map((id) => ({
+              source: id,
+              target: Math.round(Math.random() * (id - 1)),
+            })),
+        }
+        const Graph = ForceGraph3D()(document.getElementById('3d-graph' + i))
+          .width(200)
+          .height(200)
+        Graph.graphData(gData)
+      }
+      break
+  }
+}
+
+function serveover(x) {
+  for (i = 1; i < 3; i++) {
+    document.getElementById('servermain' + i).style.display = 'none'
+    document.getElementById('servea' + i).className = ''
+  }
+  document.getElementById('servermain' + x).style.display = ''
+  document.getElementById('servea' + x).className = 'a1'
+}
+
+function idldl() {
+  $.get('tem/sesCheck.php', {}, function (result) {
+    if (result == '0') {
+      document.getElementById('u1no').style.display = ''
+      document.getElementById('u1ok').style.display = 'none'
+    } else {
+      document.getElementById('u1no').style.display = 'none'
+      document.getElementById('u1ok').style.display = ''
+      a = result.split(' ')
+      document.getElementById('itouxiang').src = a[3]
+      document.getElementById('iuserid').innerHTML = a[0]
+    }
+  })
+}
+//切换
+function banner() {
+  var bn_id = 0
+  var bn_id2 = 1
+  var speed33 = 10000
+  var qhjg = 1
+  var MyMar33
+  $('#banner .d1').hide()
+  $('#banner .d1').eq(0).fadeIn('slow')
+  if ($('#banner .d1').length > 1) {
+    $('#banner_id li').eq(0).addClass('nuw')
+    function Marquee33() {
+      bn_id2 = bn_id + 1
+      if (bn_id2 > $('#banner .d1').length - 1) {
+        bn_id2 = 0
+      }
+      $('#banner .d1').eq(bn_id).css('z-index', '2')
+      $('#banner .d1').eq(bn_id2).css('z-index', '1')
+      $('#banner .d1').eq(bn_id2).show()
+      $('#banner .d1').eq(bn_id).fadeOut('slow')
+      $('#banner_id li').removeClass('nuw')
+      $('#banner_id li').eq(bn_id2).addClass('nuw')
+      bn_id = bn_id2
+    }
+
+    MyMar33 = setInterval(Marquee33, speed33)
+
+    $('#banner_id li').click(function () {
+      var bn_id3 = $('#banner_id li').index(this)
+      if (bn_id3 != bn_id && qhjg == 1) {
+        qhjg = 0
+        $('#banner .d1').eq(bn_id).css('z-index', '2')
+        $('#banner .d1').eq(bn_id3).css('z-index', '1')
+        $('#banner .d1').eq(bn_id3).show()
+        $('#banner .d1')
+          .eq(bn_id)
+          .fadeOut('slow', function () {
+            qhjg = 1
+          })
+        $('#banner_id li').removeClass('nuw')
+        $('#banner_id li').eq(bn_id3).addClass('nuw')
+        bn_id = bn_id3
+      }
+    })
+    $('#banner_id').hover(
+      function () {
+        clearInterval(MyMar33)
+      },
+      function () {
+        MyMar33 = setInterval(Marquee33, speed33)
+      },
+    )
+  } else {
+    $('#banner_id').hide()
+  }
+}
diff --git a/teaching_integration_platform_template/src/views/professionalProfile/index copy.vue b/teaching_integration_platform_template/src/views/professionalProfile/index copy.vue
index c76ab59..124a6ea 100644
--- a/teaching_integration_platform_template/src/views/professionalProfile/index copy.vue	
+++ b/teaching_integration_platform_template/src/views/professionalProfile/index copy.vue	
@@ -2,67 +2,201 @@
   <div class="view-container">
     <div class="banner"></div>
     <div class="container">
+      <div class="title">知识图谱</div>
       <div class="graph-box">
-        <div id="3d-graph"></div>
+        <div class="graph">
+          <!-- <div id="3d-graph"></div> -->
+          <professionalProfile/>
+        </div>
+        <div class="edit-atlas" @click="goToEditAtlas">编辑图谱</div>
       </div>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { onMounted, ref,reactive } from 'vue'
 import ForceGraph3D from '3d-force-graph'
+//@ts-ignore
+import { CSS2DRenderer, CSS2DObject,} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
+//@ts-ignore
+import SpriteText  from './spritetext.js'
+import professionalProfile from './components/KnowledgeGraph.vue'
+const $router = useRouter()
+const jsonData = ref(null)
+let Graph  = reactive({})
 onMounted(() => {
-  // Random tree
-  const N = 50
-  const gData = {
-    nodes: [...Array(N).keys()].map((i) => ({
-      id: i,
-      color: i % 2 === 0 ? 'pink' : 'skyblue', // 根据奇偶性设置颜色
-      label: String(i), // 将节点的ID作为标签
-    })),
+    // console.log(SpriteText);
     
-    links: [...Array(N).keys()]
-      .filter((id) => id)
-      .map((id) => ({
-        source: id,
-        target: Math.round(Math.random() * (id - 1)),
-        color: 'red', // 设置连接线颜色为红色
-        
-      })),
-  }
+   Graph = ForceGraph3D({
+    extraRenderers: [new CSS2DRenderer()],
+  })(document.getElementById('3d-graph') as HTMLElement)
+    .jsonUrl('../../../public/data.json')
+    // .nodeAutoColorBy('group')
+    .nodeThreeObject((node: any) => {
+      const nodeEl = document.createElement('div')
+      nodeEl.textContent = node.label
+      nodeEl.style.color = '#333333'
+      nodeEl.style.borderRadius = '50%'
+      // console.log(node, 111, Graph.graphData().nodes)
+      return new CSS2DObject(nodeEl)
+    })
+    .linkLabel((link:any) => link.label) // 指定链接上显示的文字属性
+    .linkWidth(0.8)
+    .linkHoverPrecision(0.5) // 设置链接文字的显示精度，这里设置为一个足够小的值
+    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
+    .backgroundColor('#f5f6fd')
+    .width(1332)
+    .height(1332)
+    .linkThreeObjectExtend(true)
+    .nodeColor((node: any) => {
+      return node.color
+    })
+    .nodeRelSize(7) // 设置节点的相对大小为4
+    .nodeResolution(20)
+    .linkDirectionalArrowLength(3) // 设置连接线箭头长度为3
+    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
+    .nodeThreeObjectExtend(true)
+    .onNodeClick((node: any) => {
+      // Aim at node from outside it
+      // 目标距离
+      const targetDistance = 200 // 设定一个一般的距离
+
+      // 计算相机新位置
+      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
+      const newPos = {
+        x: node.x * distRatio,
+        y: node.y * distRatio,
+        z: node.z * distRatio,
+      }
+
+      // 如果节点位于原点，则特殊处理
+      if (node.x === 0 && node.y === 0 && node.z === 0) {
+        newPos.z = targetDistance // 将 z 轴设定为目标距离
+      }
+
+      // 移动相机至新位置
+      //@ts-ignore
+      Graph.cameraPosition(
+        newPos, // 新位置
+        node, // 视角焦点
+        3000, // 过渡时长
+      )
+
+      // 获取图表数据
+      //@ts-ignore
+      const graphData = Graph.graphData()
 
-  const Graph = ForceGraph3D()(
-    document.getElementById('3d-graph') as HTMLElement,
-  )
-  //  .jsonUrl('./data.json')
-    .graphData(gData)
-    .backgroundColor('#f5f7fd')
-    .width(1200)
-    .nodeLabel('label') // 设置节点的标签显示方式为节点对象中的label属性
+      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
+      graphData.links.forEach((link: any) => {
+        // console.log(link);
 
+        if (link.source.id === node.id || link.target.id === node.id) {
+          setLabel()
+          // 将与当前点击节点相关联的连接线颜色设置为红色
+          // link.color = '#FF0000' // 设置连接线颜色为红色
+          //@ts-ignore
+          Graph.linkColor((item: any): any => {
+            if (item.source.id === node.id || item.target.id === node.id) {
+              return 'red'
+            } else {
+              return '#dd92fd'
+            }
+            
+          })
+        } else {
+          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
+        }
+      })
+
+      // 更新图形数据，以应用颜色变化
+      //@ts-ignore
+      Graph.graphData(graphData)
+    })
 
 })
+
+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;
+        })
+        //@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
+          })));
+
+          // 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>
-  .node-label {
-      font-size: 12px;
-      padding: 1px 4px;
-      border-radius: 4px;
-      background-color: rgba(0,0,0,0.5);
-      user-select: none;
-    }
+.node-label {
+  font-size: 12px;
+  padding: 1px 4px;
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.5);
+  user-select: none;
+}
+
 .view-container {
-  height: 100vh;
+  // height: 100vh;
+  // background-color: #2080f7;
+
   .container {
     width: $base-container-width;
     margin: 0 auto;
+    background-color: #fff;
+    height: 100%;
+  }
+  .title {
+    font-size: 32px;
+    font-weight: 700;
+    text-align: center;
+    padding: 30px;
   }
   .graph-box {
+    position: relative;
     display: flex;
     justify-content: center;
+    align-items: center;
     width: 100%;
+    height: 764px;
+    // border-radius: 50%;
+    background-color: #fff;
+    overflow: hidden;
+    .graph {
+      width: 1333px;
+      height: 1333px;
+      border-radius: 50%;
+      overflow: hidden;
+    }
+    .edit-atlas {
+      top: 0;
+      right: 5%;
+      position: absolute;
+      font-size: 16px;
+      color: #6da0ff;
+      cursor: pointer;
+    }
   }
 }
+
 </style>
diff --git a/teaching_integration_platform_template/src/views/professionalProfile/index.vue b/teaching_integration_platform_template/src/views/professionalProfile/index.vue
index 70e8559..7bd5d6a 100644
--- a/teaching_integration_platform_template/src/views/professionalProfile/index.vue
+++ b/teaching_integration_platform_template/src/views/professionalProfile/index.vue
@@ -1,13 +1,122 @@
 <template>
   <div class="view-container">
-    <div class="banner"></div>
     <div class="container">
       <div class="title">知识图谱</div>
       <div class="graph-box">
         <div class="graph">
-          <div id="3d-graph"></div>
+          <!-- <div id="3d-graph"></div> -->
+          <professionalProfile :width="1332" :height="1332" />
+        </div>
+        <div class="left-info">
+          <div class="top-content">
+            <div class="left-content">
+              <div class="echates-title">知识点掌握百分比</div>
+              <div id="liquidfill" style="width: 100px; height: 100px"></div>
+            </div>
+            <div class="right-search">
+              <div class="search">
+                <el-icon><Search /></el-icon>
+                <input type="text" placeholder="输入知识点进行搜索" />
+              </div>
+              <div class="knowledge-points">
+                <div class="left">
+                  <SvgIcon name="博士帽" width="32" height="32" />
+                  <div class="text">核心知识点</div>
+                </div>
+                <div class="right">
+                  <SvgIcon name="知识点" width="32" height="32" />
+                  <div class="text">易错知识点</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="knowledge-ranking">
+            <div class="knowledg-title">
+              <div style="display: flex; align-items: center">
+                <div class="left-icon"></div>
+                <div class="content-text">知识点学掌握情况</div>
+              </div>
+              <div class="right-icon"><SvgIcon name="排序" /></div>
+            </div>
+            <div class="knowledg-list">
+              <el-scrollbar height="500px">
+                <div class="item" v-for="item in 15" :key="item">
+                  <div class="item-title">
+                    <div class="left">
+                      <div class="icon">
+                        <SvgIcon
+                          name="六边形2号"
+                          width="24"
+                          height="24"
+                        ></SvgIcon>
+                        <div class="index">{{ item }}</div>
+                      </div>
+                      A10软件管理MGT
+                    </div>
+                    <div class="right">掌握比：30%</div>
+                  </div>
+                  <div class="progress-bar">
+                    <el-progress :percentage="50" />
+                  </div>
+                </div>
+              </el-scrollbar>
+            </div>
+          </div>
         </div>
         <div class="edit-atlas" @click="goToEditAtlas">编辑图谱</div>
+        <div class="large-screen" @click="goToLargeScreen">
+          <el-icon><FullScreen /></el-icon>
+        </div>
+      </div>
+      <div class="introduction-resources">
+        <div class="title">中心知识点资源</div>
+        <div class="tab-column">
+          <ul>
+            <li
+              @click="tabIndex = index"
+              v-for="(item, index) in tabSgv"
+              :key="index"
+            >
+              <SvgIcon width="40px" height="30px" :name="item"></SvgIcon>
+              <div class="text">{{ item }}</div>
+              <div v-if="tabIndex === index" class="active"></div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="basicinformation">
+      <div class="man-in">
+        <div class="info-title">基本信息</div>
+        <p class="content">
+          软件工程是一门涵盖软件开发、测试、部署和维护等方面的学科和实践。随着信息技术的迅猛发展，软件已经成为现代社会的基石，而软件工程旨在提供一种系统化和可靠的方法来开发和维护高质量的软件系统。
+          在软件工程中，开发一个软件系统需要经历一系列的阶段和过程。
+          <br />
+          首先，需求分析阶段涉及与利益相关者交流，收集和理解用户的需求和期望。在这个阶段，需求工程师将问题域转化为明确的软件需求规范，为后续开发提供指导。
+        </p>
+        <div class="info-title">简介</div>
+        <p class="content">
+          接下来是系统设计阶段，软件工程师根据需求规范设计软件系统的整体架构和模块结构。设计过程中，需要考虑系统的可扩展性、可维护性、安全性和性能等方面。设计阶段通常包括概要设计和详细设计两个层次，以确保软件系统的功能和结构得到准确定义。
+          <br />
+          随后是编码和单元测试阶段，开发人员根据设计规范将系统实现为源代码，并进行单元测试以验证每个单元的正确性。单元测试是一种测试方法，用于验证单个模块或组件的功能和逻辑正确性。
+        </p>
+        <div class="info-title">章节</div>
+        <p class="content" style="text-indent: 0;">
+          第一章 完成编码和单元测试后
+          <br />
+          第二章 完成编码和单元测试后
+          <br />
+          第三章 完成编码和单元测试后
+          <br />
+          第一章 完成编码和单元测试后
+          <br />
+          第一章 完成编码和单元测试后
+          <br />
+          第一章 完成编码和单元测试后
+          <br />
+          第一章 完成编码和单元测试后
+          <br />
+        </p>
       </div>
     </div>
   </div>
@@ -15,94 +124,77 @@
 
 <script lang="ts" setup>
 import { useRouter } from 'vue-router'
-import { onMounted, ref } from 'vue'
-import ForceGraph3D from '3d-force-graph'
-//@ts-ignore
-import { CSS2DRenderer, CSS2DObject,} from 'three/examples/jsm/renderers/CSS2DRenderer.js'
-const $router = useRouter()
-const jsonData = ref(null)
+import professionalProfile from './components/KnowledgeGraph.vue'
+import { onMounted, markRaw, ref } from 'vue'
+import * as echarts from 'echarts'
+import 'echarts-liquidfill'
+const tabSgv = ref<any>(['简介', 'PPT', '视频', '文本', '案例', '测试'])
+const tabIndex = ref<any>(0)
 onMounted(() => {
-  const Graph = ForceGraph3D({
-    extraRenderers: [new CSS2DRenderer()],
-  })(document.getElementById('3d-graph') as HTMLElement)
-    .jsonUrl('../../../public/data.json')
-    // .nodeAutoColorBy('group')
-    .nodeThreeObject((node: any) => {
-      const nodeEl = document.createElement('div')
-      nodeEl.textContent = node.label
-      nodeEl.style.color = '#333333'
-      nodeEl.style.borderRadius = '50%'
-      // console.log(node, 111, Graph.graphData().nodes)
-      return new CSS2DObject(nodeEl)
-    })
-    .linkColor(() => '#dd92fd') // 设置连接线颜色为红色
-    .backgroundColor('#f5f7fd')
-    .width(1332)
-    .height(1332)
-    .nodeColor((node: any) => {
-      return node.color
-    })
-    .nodeRelSize(7) // 设置节点的相对大小为4
-    .nodeResolution(20)
-    .linkDirectionalArrowLength(1) // 设置连接线箭头长度为3
-    .linkDirectionalArrowRelPos(1) // 设置连接线箭头位置为连接线末端
-    .nodeThreeObjectExtend(true)
-    .onNodeClick((node: any) => {
-      // Aim at node from outside it
-      // 目标距离
-      const targetDistance = 200 // 设定一个一般的距离
-
-      // 计算相机新位置
-      const distRatio = 1 + targetDistance / Math.hypot(node.x, node.y, node.z)
-      const newPos = {
-        x: node.x * distRatio,
-        y: node.y * distRatio,
-        z: node.z * distRatio,
-      }
-
-      // 如果节点位于原点，则特殊处理
-      if (node.x === 0 && node.y === 0 && node.z === 0) {
-        newPos.z = targetDistance // 将 z 轴设定为目标距离
-      }
-
-      // 移动相机至新位置
-      Graph.cameraPosition(
-        newPos, // 新位置
-        node, // 视角焦点
-        3000, // 过渡时长
-      )
+  const chartInstance: any = ref(null)
+  const updateChart = () => {
+    chartInstance.value = markRaw(
+      echarts.init(document?.getElementById(`liquidfill`)),
+    )
+    const option = {
+      series: [
+        {
+          name: '自定义盒子',
+          type: 'liquidFill',
+          phase: 0.1,
+          amplitude: 10,
+          data: [
+            {
+              value: 0.6,
+              itemStyle: {
+                color: '#136CEA',
+              },
+            },
+            {
+              value: 0.4,
+              itemStyle: {
+                color: '#4D8EE8',
+              },
+            },
+          ],
+          radius: '95%',
+          // 波浪颜色
+          itemStyle: {
+            shadowBlur: 5,
+          },
+          backgroundStyle: {
+            color: 'rgba(5, 108, 252, 0.1)',
+            borderWidth: 2,
+            borderColor: '#0052FF',
+          },
 
-      // 获取图表数据
-      const graphData = Graph.graphData()
-
-      // 遍历连接线，检查每条连接线的起点和终点是否与当前点击的节点相关联
-      graphData.links.forEach((link: any) => {
-        // console.log(link);
-
-        if (link.source.id === node.id || link.target.id === node.id) {
-          // 将与当前点击节点相关联的连接线颜色设置为红色
-          // link.color = '#FF0000' // 设置连接线颜色为红色
-          Graph.linkColor((item: any): any => {
-            if (item.source.id === node.id || item.target.id === node.id) {
-              return 'red'
-            } else {
-              return '#dd92fd'
-            }
-          })
-        } else {
-          // Graph.linkColor(() => '#a4c7fe') // 设置连接线颜色为红色
-        }
-      })
-
-      // 更新图形数据，以应用颜色变化
-      Graph.graphData(graphData)
-    })
+          outline: {
+            show: false,
+          },
+          // 水波图标签配置
+          label: {
+            show: true,
+            align: 'center',
+            distance: 50,
+            color: '#05FCF6',
+            fontSize: '24px',
+            insideColor: '#0052FF ',
+          },
+        },
+      ],
+    }
+    chartInstance.value.setOption(option, true)
+    chartInstance?.value?.resize()
+  }
+  updateChart()
 })
 
+const $router = useRouter()
 const goToEditAtlas = () => {
-  console.log(jsonData.value)
-
-  $router.push({ name: 'EditAtlas', params: { id: 123 } })
+  $router.push({ name: 'EditAtlas' })
+}
+const goToLargeScreen = () => {
+  $router.push('/largeScreen')
 }
 </script>
 
@@ -116,6 +208,7 @@ const goToEditAtlas = () => {
 }
 
 .view-container {
+  background-color: #fff;
   // height: 100vh;
   // background-color: #2080f7;
 
@@ -130,6 +223,19 @@ const goToEditAtlas = () => {
     font-weight: 700;
     text-align: center;
     padding: 30px;
+    display: flex;
+    margin-top: 40px;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    &::after {
+      content: ' ';
+      width: 52px;
+      height: 7px;
+      display: block;
+      background-color: #0052ff;
+      margin-top: 24px;
+    }
   }
   .graph-box {
     position: relative;
@@ -149,12 +255,253 @@ const goToEditAtlas = () => {
     }
     .edit-atlas {
       top: 0;
-      right: 5%;
+      left: 5%;
       position: absolute;
       font-size: 16px;
       color: #6da0ff;
       cursor: pointer;
     }
+    .large-screen {
+      font-size: 16px;
+      top: 10px;
+      left: 17%;
+      position: absolute;
+      font-size: 16px;
+      color: #000000;
+      cursor: pointer;
+      transition: transform 0.3s ease; /* 过渡效果，持续时间为0.3秒，速度为ease */
+    }
+    .large-screen:hover {
+      transform: scale(1.5); /* 鼠标悬停时放大1.1倍 */
+    }
+    .left-info {
+      position: absolute;
+      top: 0;
+      right: 140px;
+      height: 100%;
+      width: 400px;
+      background-color: #fff;
+      z-index: 99;
+      padding: 26px;
+      .top-content {
+        width: 100%;
+        height: 130px;
+        display: flex;
+        .left-content {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          // align-items: center;
+          justify-content: center;
+          width: 150px;
+          height: 100%;
+          // background-color: skyblue;
+          .echates-title {
+            color: #333;
+            font-size: 14px;
+            font-weight: 700;
+            margin-bottom: 10px;
+          }
+        }
+        .right-search {
+          flex: 1;
+          margin-left: 27px;
+          // background-color: green;
+          .search {
+            width: 100%;
+            height: 40px;
+            background-image: linear-gradient(
+              270deg,
+              rgba(165, 173, 255, 1),
+              rgba(231, 233, 255, 1)
+            );
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            padding: 0 10px;
+            input {
+              border: none;
+              background-color: transparent;
+              margin-left: 5px;
+              // font-size: 14px;
+            }
+            i {
+              font-size: 16px;
+            }
+          }
+        }
+        .knowledge-points {
+          margin-top: 10px;
+          display: flex;
+          justify-content: space-between;
+          .left,
+          .right {
+            width: 85px;
+            height: 80px;
+            border-radius: 10px;
+            background-color: #fff;
+            padding: 10px;
+            box-shadow:
+              4.1px 2px 10px rgba(0, 0, 0, 0.035),
+              33px 16px 80px rgba(0, 0, 0, 0.07);
+            .text {
+              font-weight: 700;
+              margin-top: 7px;
+            }
+          }
+        }
+      }
+      .knowledge-ranking {
+        margin-top: 20px;
+        width: 100%;
+        height: 550px;
+        // background-color: pink;
+        .knowledg-title {
+          padding-right: 20px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          height: 38px;
+          background-image: linear-gradient(
+            90deg,
+            rgba(165, 173, 255, 1),
+            rgba(231, 233, 255, 1)
+          );
+          .left-icon {
+            width: 4px;
+            height: 21px;
+            background-color: #f3986e;
+            margin-left: -2px;
+          }
+          .content-text {
+            margin-left: 15px;
+            font-size: 14px;
+            font-weight: 700;
+          }
+          .right-icon {
+            cursor: pointer;
+          }
+        }
+        .knowledg-list {
+          margin-top: 20px;
+          .item {
+            .item-title {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              .left {
+                display: flex;
+                align-items: center;
+                .icon {
+                  position: relative;
+                  .index {
+                    position: absolute;
+                    top: 50%;
+                    left: 50%;
+                    transform: translate(-50%, -50%);
+                    color: #fff;
+                  }
+                }
+              }
+              .right {
+                color: #a984f6;
+              }
+            }
+            .progress-bar {
+              margin-top: 6px;
+              height: 16px;
+              background-color: #eff2fc;
+              padding: 0 10px;
+            }
+          }
+        }
+      }
+    }
   }
+  .introduction-resources {
+    .tab-column {
+      width: 100%;
+      ul {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 200px;
+        li {
+          position: relative;
+          width: 80px;
+          display: flex;
+          height: 115px;
+          align-items: center;
+          flex-direction: column;
+          justify-content: center;
+          cursor: pointer;
+          .text {
+            width: 100%;
+            text-align: center;
+            margin-top: 10px;
+            color: #333333;
+            font-size: 18px;
+            padding-left: 5px;
+          }
+          .active {
+            position: absolute;
+            bottom: 0;
+            width: 100%;
+            height: 6px;
+            background-color: #0052ff;
+          }
+        }
+      }
+    }
+  }
+  .basicinformation {
+    position: relative;
+    margin: 0;
+    width: 100%;
+    // height: 500px;
+    background-color: #f9f9ff;
+    .man-in {
+      width: 1200px;
+      margin: 0 auto;
+      padding-top: 60px;
+      .info-title {
+        font-size: 24px;
+        font-weight: 700;
+        color: #333333;
+        height: 26px;
+        display: flex;
+        align-items: center;
+        &::before {
+          content: ' ';
+          display: block;
+          height: 100%;
+          width: 4px;
+          background-color: #333;
+          margin-right: 7px;
+        }
+        &:not(:first-of-type) {
+          margin-top: 50px;
+        }
+      }
+      .content {
+        margin-top: 30px;
+        text-indent: 4ch;
+        line-height: 38px;
+        font-size: 16px;
+        color: #333;
+      }
+    }
+  }
+}
+::v-deep .el-progress__text {
+  display: none;
+}
+::v-deep .el-progress-bar {
+  transform: translateY(6px);
+}
+::v-deep .el-progress-bar__inner {
+  height: 4px;
+  background-image: linear-gradient(90deg, #8ceef2, #a9adff);
 }
 </style>
diff --git a/teaching_integration_platform_template/src/views/professionalProfile/largeScreen.vue b/teaching_integration_platform_template/src/views/professionalProfile/largeScreen.vue
new file mode 100644
index 0000000..2c5bda7
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/professionalProfile/largeScreen.vue
@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <professionalProfile />
+    <div class="setting-box">
+      <div class="goto" @click="back">返回</div>
+      <div class="goto" @click="logImage">打印</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router'
+// import { ref } from 'vue'
+import professionalProfile from './components/KnowledgeGraph.vue'
+const $router = useRouter()
+const back = () => {
+  $router.go(-1)
+}
+const logImage = () => {
+  window.print();
+  return
+  console.log(document.querySelector('canvas'))
+  // 获取 Canvas 元素
+  const canvas = document.querySelector('canvas') as any
+  // 创建一个链接元素
+  setTimeout(() => {
+    const downloadLink = document.createElement('a')
+
+// 将 Canvas 转换为数据 URL
+const dataURL = canvas.toDataURL('image/png')
+console.log(dataURL);
+
+
+// 设置链接的 href 属性为数据 URL
+downloadLink.href = dataURL
+
+// 设置链接的下载属性和文件名
+downloadLink.download = 'canvas_image.png'
+
+// 将链接添加到文档中
+document.body.appendChild(downloadLink)
+
+// 触发链接的点击事件来下载图片
+downloadLink.click()
+
+// 下载完成后移除链接
+document.body.removeChild(downloadLink)
+  }, 1000);
+}
+</script>
+
+<style lang="scss" scoped>
+.setting-box {
+  position: absolute;
+  top: 30px;
+  right: 30px;
+  z-index: 999;
+  display: flex;
+}
+.goto {
+  background-color: #e2d5e7;
+  width: 60px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  color: #fff;
+  border-radius: 10px;
+  margin: 0 10px;
+  cursor: pointer;
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/professionalProfile/spritetext.js b/teaching_integration_platform_template/src/views/professionalProfile/spritetext.js
new file mode 100644
index 0000000..4b5a759
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/professionalProfile/spritetext.js
@@ -0,0 +1,468 @@
+import { LinearFilter, Sprite, SpriteMaterial, SRGBColorSpace, Texture } from 'three';
+
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+  return _assertThisInitialized(self);
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(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];
+  return arr2;
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var three = typeof window !== 'undefined' && window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
+: {
+  LinearFilter: LinearFilter,
+  Sprite: Sprite,
+  SpriteMaterial: SpriteMaterial,
+  SRGBColorSpace: SRGBColorSpace,
+  Texture: Texture
+};
+var _default = /*#__PURE__*/function (_three$Sprite) {
+  _inherits(_default, _three$Sprite);
+  function _default() {
+    var _this;
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var textHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+    var color = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'rgba(255, 255, 255, 1)';
+    _classCallCheck(this, _default);
+    _this = _callSuper(this, _default, [new three.SpriteMaterial()]);
+    _this._text = "".concat(text);
+    _this._textHeight = textHeight;
+    _this._color = color;
+    _this._backgroundColor = false; // no background color
+
+    _this._padding = 0;
+    _this._borderWidth = 0;
+    _this._borderRadius = 0;
+    _this._borderColor = 'white';
+    _this._strokeWidth = 0;
+    _this._strokeColor = 'white';
+    _this._fontFace = 'system-ui';
+    _this._fontSize = 90; // defines text resolution
+    _this._fontWeight = 'normal';
+    _this._canvas = document.createElement('canvas');
+    _this._genCanvas();
+    return _this;
+  }
+  _createClass(_default, [{
+    key: "text",
+    get: function get() {
+      return this._text;
+    },
+    set: function set(text) {
+      this._text = text;
+      this._genCanvas();
+    }
+  }, {
+    key: "textHeight",
+    get: function get() {
+      return this._textHeight;
+    },
+    set: function set(textHeight) {
+      this._textHeight = textHeight;
+      this._genCanvas();
+    }
+  }, {
+    key: "color",
+    get: function get() {
+      return this._color;
+    },
+    set: function set(color) {
+      this._color = color;
+      this._genCanvas();
+    }
+  }, {
+    key: "backgroundColor",
+    get: function get() {
+      return this._backgroundColor;
+    },
+    set: function set(color) {
+      this._backgroundColor = color;
+      this._genCanvas();
+    }
+  }, {
+    key: "padding",
+    get: function get() {
+      return this._padding;
+    },
+    set: function set(padding) {
+      this._padding = padding;
+      this._genCanvas();
+    }
+  }, {
+    key: "borderWidth",
+    get: function get() {
+      return this._borderWidth;
+    },
+    set: function set(borderWidth) {
+      this._borderWidth = borderWidth;
+      this._genCanvas();
+    }
+  }, {
+    key: "borderRadius",
+    get: function get() {
+      return this._borderRadius;
+    },
+    set: function set(borderRadius) {
+      this._borderRadius = borderRadius;
+      this._genCanvas();
+    }
+  }, {
+    key: "borderColor",
+    get: function get() {
+      return this._borderColor;
+    },
+    set: function set(borderColor) {
+      this._borderColor = borderColor;
+      this._genCanvas();
+    }
+  }, {
+    key: "fontFace",
+    get: function get() {
+      return this._fontFace;
+    },
+    set: function set(fontFace) {
+      this._fontFace = fontFace;
+      this._genCanvas();
+    }
+  }, {
+    key: "fontSize",
+    get: function get() {
+      return this._fontSize;
+    },
+    set: function set(fontSize) {
+      this._fontSize = fontSize;
+      this._genCanvas();
+    }
+  }, {
+    key: "fontWeight",
+    get: function get() {
+      return this._fontWeight;
+    },
+    set: function set(fontWeight) {
+      this._fontWeight = fontWeight;
+      this._genCanvas();
+    }
+  }, {
+    key: "strokeWidth",
+    get: function get() {
+      return this._strokeWidth;
+    },
+    set: function set(strokeWidth) {
+      this._strokeWidth = strokeWidth;
+      this._genCanvas();
+    }
+  }, {
+    key: "strokeColor",
+    get: function get() {
+      return this._strokeColor;
+    },
+    set: function set(strokeColor) {
+      this._strokeColor = strokeColor;
+      this._genCanvas();
+    }
+  }, {
+    key: "_genCanvas",
+    value: function _genCanvas() {
+      var _this2 = this;
+      var canvas = this._canvas;
+      var ctx = canvas.getContext('2d');
+      var border = Array.isArray(this.borderWidth) ? this.borderWidth : [this.borderWidth, this.borderWidth]; // x,y border
+      var relBorder = border.map(function (b) {
+        return b * _this2.fontSize * 0.1;
+      }); // border in canvas units
+
+      var borderRadius = Array.isArray(this.borderRadius) ? this.borderRadius : [this.borderRadius, this.borderRadius, this.borderRadius, this.borderRadius]; // tl tr br bl corners
+      var relBorderRadius = borderRadius.map(function (b) {
+        return b * _this2.fontSize * 0.1;
+      }); // border radius in canvas units
+
+      var padding = Array.isArray(this.padding) ? this.padding : [this.padding, this.padding]; // x,y padding
+      var relPadding = padding.map(function (p) {
+        return p * _this2.fontSize * 0.1;
+      }); // padding in canvas units
+
+      var lines = this.text.split('\n');
+      var font = "".concat(this.fontWeight, " ").concat(this.fontSize, "px ").concat(this.fontFace);
+      ctx.font = font; // measure canvas with appropriate font
+      var innerWidth = Math.max.apply(Math, _toConsumableArray(lines.map(function (line) {
+        return ctx.measureText(line).width;
+      })));
+      var innerHeight = this.fontSize * lines.length;
+      canvas.width = innerWidth + relBorder[0] * 2 + relPadding[0] * 2;
+      canvas.height = innerHeight + relBorder[1] * 2 + relPadding[1] * 2;
+
+      // paint border
+      if (this.borderWidth) {
+        ctx.strokeStyle = this.borderColor;
+        if (relBorder[0]) {
+          // left + right borders
+          var hb = relBorder[0] / 2;
+          ctx.lineWidth = relBorder[0];
+          ctx.beginPath();
+          ctx.moveTo(hb, relBorderRadius[0]);
+          ctx.lineTo(hb, canvas.height - relBorderRadius[3]);
+          ctx.moveTo(canvas.width - hb, relBorderRadius[1]);
+          ctx.lineTo(canvas.width - hb, canvas.height - relBorderRadius[2]);
+          ctx.stroke();
+        }
+        if (relBorder[1]) {
+          // top + bottom borders
+          var _hb = relBorder[1] / 2;
+          ctx.lineWidth = relBorder[1];
+          ctx.beginPath();
+          ctx.moveTo(Math.max(relBorder[0], relBorderRadius[0]), _hb);
+          ctx.lineTo(canvas.width - Math.max(relBorder[0], relBorderRadius[1]), _hb);
+          ctx.moveTo(Math.max(relBorder[0], relBorderRadius[3]), canvas.height - _hb);
+          ctx.lineTo(canvas.width - Math.max(relBorder[0], relBorderRadius[2]), canvas.height - _hb);
+          ctx.stroke();
+        }
+        if (this.borderRadius) {
+          // strike rounded corners
+          var cornerWidth = Math.max.apply(Math, _toConsumableArray(relBorder));
+          var _hb2 = cornerWidth / 2;
+          ctx.lineWidth = cornerWidth;
+          ctx.beginPath();
+          [!!relBorderRadius[0] && [relBorderRadius[0], _hb2, _hb2, relBorderRadius[0]], !!relBorderRadius[1] && [canvas.width - relBorderRadius[1], canvas.width - _hb2, _hb2, relBorderRadius[1]], !!relBorderRadius[2] && [canvas.width - relBorderRadius[2], canvas.width - _hb2, canvas.height - _hb2, canvas.height - relBorderRadius[2]], !!relBorderRadius[3] && [relBorderRadius[3], _hb2, canvas.height - _hb2, canvas.height - relBorderRadius[3]]].filter(function (d) {
+            return d;
+          }).forEach(function (_ref) {
+            var _ref2 = _slicedToArray(_ref, 4),
+              x0 = _ref2[0],
+              x1 = _ref2[1],
+              y0 = _ref2[2],
+              y1 = _ref2[3];
+            ctx.moveTo(x0, y0);
+            ctx.quadraticCurveTo(x1, y0, x1, y1);
+          });
+          ctx.stroke();
+        }
+      }
+
+      // paint background
+      if (this.backgroundColor) {
+        ctx.fillStyle = this.backgroundColor;
+        if (!this.borderRadius) {
+          ctx.fillRect(relBorder[0], relBorder[1], canvas.width - relBorder[0] * 2, canvas.height - relBorder[1] * 2);
+        } else {
+          // fill with rounded corners
+          ctx.beginPath();
+          ctx.moveTo(relBorder[0], relBorderRadius[0]);
+          [[relBorder[0], relBorderRadius[0], canvas.width - relBorderRadius[1], relBorder[1], relBorder[1], relBorder[1]],
+          // t
+          [canvas.width - relBorder[0], canvas.width - relBorder[0], canvas.width - relBorder[0], relBorder[1], relBorderRadius[1], canvas.height - relBorderRadius[2]],
+          // r
+          [canvas.width - relBorder[0], canvas.width - relBorderRadius[2], relBorderRadius[3], canvas.height - relBorder[1], canvas.height - relBorder[1], canvas.height - relBorder[1]],
+          // b
+          [relBorder[0], relBorder[0], relBorder[0], canvas.height - relBorder[1], canvas.height - relBorderRadius[3], relBorderRadius[0]] // t
+          ].forEach(function (_ref3) {
+            var _ref4 = _slicedToArray(_ref3, 6),
+              x0 = _ref4[0],
+              x1 = _ref4[1],
+              x2 = _ref4[2],
+              y0 = _ref4[3],
+              y1 = _ref4[4],
+              y2 = _ref4[5];
+            ctx.quadraticCurveTo(x0, y0, x1, y1);
+            ctx.lineTo(x2, y2);
+          });
+          ctx.closePath();
+          ctx.fill();
+        }
+      }
+      ctx.translate.apply(ctx, _toConsumableArray(relBorder));
+      ctx.translate.apply(ctx, _toConsumableArray(relPadding));
+
+      // paint text
+      ctx.font = font; // Set font again after canvas is resized, as context properties are reset
+      ctx.fillStyle = this.color;
+      ctx.textBaseline = 'bottom';
+      var drawTextStroke = this.strokeWidth > 0;
+      if (drawTextStroke) {
+        ctx.lineWidth = this.strokeWidth * this.fontSize / 10;
+        ctx.strokeStyle = this.strokeColor;
+      }
+      lines.forEach(function (line, index) {
+        var lineX = (innerWidth - ctx.measureText(line).width) / 2;
+        var lineY = (index + 1) * _this2.fontSize;
+        drawTextStroke && ctx.strokeText(line, lineX, lineY);
+        ctx.fillText(line, lineX, lineY);
+      });
+
+      // Inject canvas into sprite
+      if (this.material.map) this.material.map.dispose(); // gc previous texture
+      var texture = this.material.map = new three.Texture(canvas);
+      texture.minFilter = three.LinearFilter;
+      texture.colorSpace = three.SRGBColorSpace;
+      texture.needsUpdate = true;
+      var yScale = this.textHeight * lines.length + border[1] * 2 + padding[1] * 2;
+      this.scale.set(yScale * canvas.width / canvas.height, yScale, 0);
+    }
+  }, {
+    key: "clone",
+    value: function clone() {
+      return new this.constructor(this.text, this.textHeight, this.color).copy(this);
+    }
+  }, {
+    key: "copy",
+    value: function copy(source) {
+      three.Sprite.prototype.copy.call(this, source);
+      this.color = source.color;
+      this.backgroundColor = source.backgroundColor;
+      this.padding = source.padding;
+      this.borderWidth = source.borderWidth;
+      this.borderColor = source.borderColor;
+      this.fontFace = source.fontFace;
+      this.fontSize = source.fontSize;
+      this.fontWeight = source.fontWeight;
+      this.strokeWidth = source.strokeWidth;
+      this.strokeColor = source.strokeColor;
+      return this;
+    }
+  }]);
+  return _default;
+}(three.Sprite);
+
+export { _default as default };
\ No newline at end of file
diff --git a/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue b/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue
new file mode 100644
index 0000000..6ff499d
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/roadbedRecommendation/components/mountNode.vue
@@ -0,0 +1,424 @@
+<template>
+  <div id="mountNode"></div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { getCoursePath } from '@/api/course'
+import {useRouter} from 'vue-router'
+const Router = useRouter()
+const nodeList = ref({nodes:[],edges:[]})
+const getCoursePathEvent = async () => {
+  const res = await getCoursePath({
+    corseId: '719f91586a64413898253c5b7d046fd8',
+  })
+  nodeList.value = { nodes: res.data.knowList, edges: res.data.linksList }
+  nodeList.value.edges.forEach((item:any) => {
+    let target = item.target
+    let source = item.source
+    item.target = target.toString()
+    item.source = source.toString()
+    item.data = {
+      type: '第一阶段',
+          amount: '10学时',
+          date: '学习基础知识',
+        
+    }
+  })
+  nodeList.value.nodes.forEach((item:any) => {
+    item.id = item.id.toString()
+  })
+  console.log(nodeList.value)
+  init()
+}
+
+const init = () => {
+  var colorMap = {
+    凭证开立: '#72CC4A',
+    凭证转让: '#1A91FF',
+    凭证融资: '#FFAA15',
+    第一阶段: '#72CC4A',
+    第二阶段: '#1A91FF',
+    第三阶段: '#FFAA15',
+  }
+  // var data = {
+  //   nodes: [
+  //     {
+  //       id: '1',
+  //       label: '前端',
+  //     },
+  //     {
+  //       id: '2',
+  //       label: 'HTML&CSS&Javascript',
+  //     },
+  //     {
+  //       id: '3',
+  //       label: 'HTML&CSS&Javascript',
+  //     },
+  //     {
+  //       id: '4',
+  //       label: 'React.js',
+  //     },
+  //     {
+  //       id: '5',
+  //       label: 'Vue.js',
+  //     },
+  //     {
+  //       id: '6',
+  //       label: '工程化脚手架',
+  //     },
+  //     {
+  //       id: '7',
+  //       label: '工程化脚手架',
+  //     },
+  //     {
+  //       id: '8',
+  //       label: 'HTML&CSS&Javascript',
+  //     },
+  //     {
+  //       id: '9',
+  //       label: 'HTML&CSS&Javascript',
+  //     },
+  //     {
+  //       id: '10',
+  //       label: 'test',
+  //     },
+  //     {
+  //       id: '11',
+  //       label: 'text2',
+  //     },
+  //   ],
+  //   edges: [
+  //     {
+  //       source: '1',
+  //       target: '2',
+  //       data: {
+  //         type: '第一阶段',
+  //         amount: '10学时',
+  //         date: '学习基础知识',
+  //       },
+  //     },
+  //     {
+  //       source: '1',
+  //       target: '3',
+  //       data: {
+  //         type: '第一阶段',
+  //         amount: '10学时',
+  //         date: '学习基础知识',
+  //       },
+  //     },
+  //     {
+  //       source: '2',
+  //       target: '5',
+  //       data: {
+  //         type: '第二阶段',
+  //         amount: '15学时',
+  //         date: '学习Vue框架',
+  //       },
+  //     },
+  //     {
+  //       source: '5',
+  //       target: '6',
+  //       data: {
+  //         type: '第三阶段',
+  //         amount: '8学时',
+  //         date: '学习前端开发工程化',
+  //       },
+  //     },
+  //     {
+  //       source: '3',
+  //       target: '4',
+  //       data: {
+  //         type: '第二阶段',
+  //         amount: '18学时',
+  //         date: '学习React.js',
+  //       },
+  //     },
+  //     {
+  //       source: '4',
+  //       target: '7',
+  //       data: {
+  //         type: '第三阶段',
+  //         amount: '8学时',
+  //         date: '学习前端开发工程化',
+  //       },
+  //     },
+  //     {
+  //       source: '1',
+  //       target: '8',
+  //       data: {
+  //         type: '第一阶段',
+  //         amount: '10学时',
+  //         date: '学习基础知识',
+  //       },
+  //     },
+  //     {
+  //       source: '1',
+  //       target: '9',
+  //       data: {
+  //         type: '第一阶段',
+  //         amount: '10学时',
+  //         date: '学习基础知识',
+  //       },
+  //     },
+  //     {
+  //       source: '6',
+  //       target: '10',
+  //       data: {
+  //         type: '第一阶段',
+  //         amount: '10学时',
+  //         date: '学习基础知识',
+  //       },
+  //     },
+  //     {
+  //       source: '6',
+  //       target: '11',
+  //       data: {
+  //         type: '第一阶段',
+  //         amount: '10学时',
+  //         date: '学习基础知识',
+  //       },
+  //     },
+  //   ],
+  // }
+
+  G6.registerNode(
+    'round-rect',
+    {
+      drawShape: function drawShape(cfg, group) {
+        var width = cfg.style.width
+        var stroke = cfg.style.stroke
+        var rect = group.addShape('rect', {
+          attrs: {
+            x: -width / 2,
+            y: -15,
+            width: width,
+            height: 30,
+            radius: 15,
+            stroke: stroke,
+            lineWidth: 1.2,
+            fillOpacity: 1,
+          },
+        })
+        var circleLeft = group.addShape('circle', {
+          attrs: {
+            x: -width / 2,
+            y: 0,
+            r: 3,
+            fill: stroke,
+          },
+        })
+        var circleRight = group.addShape('circle', {
+          attrs: {
+            x: width / 2,
+            y: 0,
+            r: 3,
+            fill: stroke,
+          },
+        })
+        return rect
+      },
+      getAnchorPoints: function getAnchorPoints() {
+        return [
+          [0, 0.5],
+          [1, 0.5],
+        ]
+      },
+      update: function update(cfg, item) {
+        var group = item.getContainer()
+        var children = group.get('children')
+        var node = children[0]
+        var circleLeft = children[1]
+        var circleRight = children[2]
+
+        var stroke = cfg.style.stroke,
+          labelStyle = cfg.labelStyle
+
+        if (stroke) {
+          node.attr('stroke', stroke)
+          circleLeft.attr('fill', stroke)
+          circleRight.attr('fill', stroke)
+        }
+      },
+    },
+    'single-shape',
+  )
+
+  G6.registerEdge('polyline', {
+    itemType: 'edge',
+    draw: function draw(cfg, group) {
+      
+      var startPoint = cfg.startPoint
+      var endPoint = cfg.endPoint
+      var centerPoint = {
+        x: (startPoint.x + endPoint.x) / 2,
+        y: (startPoint.y + endPoint.y) / 2,
+      }
+
+      var Ydiff = endPoint.y - startPoint.y
+
+      var slope = Ydiff !== 0 ? 500 / Math.abs(Ydiff) : 0
+
+      var cpOffset = 16
+      var offset = Ydiff < 0 ? cpOffset : -cpOffset
+
+      var line1EndPoint = {
+        x: startPoint.x + slope,
+        y: endPoint.y + offset,
+      }
+      var line2StartPoint = {
+        x: line1EndPoint.x + cpOffset,
+        y: endPoint.y,
+      }
+
+      // 控制点坐标
+      var controlPoint = {
+        x:
+          ((line1EndPoint.x - startPoint.x) * (endPoint.y - startPoint.y)) /
+            (line1EndPoint.y - startPoint.y) +
+          startPoint.x,
+        y: endPoint.y,
+      }
+
+      var path = [
+        ['M', startPoint.x, startPoint.y],
+        ['L', line1EndPoint.x, line1EndPoint.y],
+        [
+          'Q',
+          controlPoint.x,
+          controlPoint.y,
+          line2StartPoint.x,
+          line2StartPoint.y,
+        ],
+        ['L', endPoint.x, endPoint.y],
+      ]
+
+      if (Ydiff === 0) {
+        path = [
+          ['M', startPoint.x, startPoint.y],
+          ['L', endPoint.x, endPoint.y],
+        ]
+      }
+
+      var line = group.addShape('path', {
+        attrs: {
+          path: path,
+          stroke: colorMap[cfg.data.type],
+          lineWidth: 1.2,
+          endArrow: false,
+        },
+      })
+
+      var labelLeftOffset = 8
+      var labelTopOffset = 8
+      // amount
+      // var amount = group.addShape('text', {
+      //   attrs: {
+      //     text: cfg.data.amount,
+      //     x: line2StartPoint.x + labelLeftOffset,
+      //     y: endPoint.y - labelTopOffset - 2,
+      //     fontSize: 14,
+      //     textAlign: 'left',
+      //     textBaseline: 'middle',
+      //     fill: '#000000D9',
+      //   },
+      // })
+      // // type
+      // var type = group.addShape('text', {
+      //   attrs: {
+      //     text: cfg.data.type,
+      //     x: line2StartPoint.x + labelLeftOffset,
+      //     y: endPoint.y - labelTopOffset - amount.getBBox().height - 2,
+      //     fontSize: 10,
+      //     textAlign: 'left',
+      //     textBaseline: 'middle',
+      //     fill: '#000000D9',
+      //   },
+      // })
+      // date
+      var date = group.addShape('text', {
+        attrs: {
+          text: cfg.label,
+          x: line2StartPoint.x + labelLeftOffset,
+          y: endPoint.y + labelTopOffset + 4,
+          fontSize: 12,
+          fontWeight: 300,
+          textAlign: 'left',
+          textBaseline: 'middle',
+          fill: '#000000D9',
+        },
+      })
+      return line
+    },
+  })
+  
+  var graph = new G6.Graph({
+    container: 'mountNode',
+    width: window.innerWidth - 19,
+    height: 600,
+    layout: {
+      type: 'dagre',
+      rankdir: 'LR',
+      nodesep: 30,
+      ranksep: 100,
+    },
+    modes: {
+      default: ['drag-canvas'],
+    },
+    defaultNode: {
+      shape: 'round-rect',
+      labelCfg: {
+        style: {
+          fill: '#000000A6',
+          fontSize: 10,
+        },
+      },
+      style: {
+        stroke: '#72CC4A',
+        width: 150,
+      },
+    },
+    defaultEdge: {
+      shape: 'polyline',
+    },
+  })
+
+  graph.data( nodeList.value)
+  graph.render()
+  graph.on('node:click', ev => {
+    console.log(ev.item._cfg.id);
+    Router.push({
+      path:'/knowledge',
+      query:{id:ev.item._cfg.id}
+    })
+    
+});
+  var edges = graph.getEdges()
+  edges.forEach(function (edge: any) {
+    var line = edge.getKeyShape()
+    var stroke = line.attr('stroke')
+    var targetNode = edge.getTarget()
+    targetNode.update({
+      style: {
+        stroke: stroke,
+      },
+    })
+  })
+  graph.paint()
+}
+
+onMounted(() => {
+  getCoursePathEvent()
+  /**
+   * 该示例演示自定义边和节点实现资金流转图效果
+   * by 十吾
+   */
+})
+</script>
+
+<style lang="scss" scoped>
+#mountNode {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue b/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue
new file mode 100644
index 0000000..3f4a4bc
--- /dev/null
+++ b/teaching_integration_platform_template/src/views/roadbedRecommendation/index.vue
@@ -0,0 +1,160 @@
+<template>
+  <div class="path-title">
+    <div class="title">前端课程学习路径推荐</div>
+    <div class="setting">
+      <el-select
+        v-model="courseName"
+        placeholder="请选择课程"
+        size="large"
+        style="width: 200px"
+      >
+        <el-option
+          v-for="item in options"
+          :key="item.id"
+          :label="item.label"
+          :value="item.id"
+        />
+      </el-select>
+      <el-button type="primary" style="margin-left: 20px">切换</el-button>
+      <el-button type="primary" style="margin-left: 20px" @click="goCourse">
+        返回课程首页
+      </el-button>
+    </div>
+  </div>
+  <div class="path-container">
+    <mountNode />
+  </div>
+  <div class="statistics">
+    <div class="title">学习路径</div>
+
+    <el-card style="margin-top: 50px">
+      <el-table :data="knowLearnPathList" border style="width: 100%">
+        <el-table-column type="index" label="序号" width="100px" />
+        <el-table-column prop="content" label="学习路径">
+          <template v-slot="{ row }">
+            <div>
+              <el-tag
+                style="margin-right: 10px"
+                type="primary"
+                v-for="(item, index) in row.nodeList"
+                :key="index"
+              >
+                {{ item }}
+              </el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="weight"
+          label="数量"
+          width="100px"
+        />
+        <el-table-column prop="weight" label="学时" width="100px" />
+      </el-table>
+      <div class="path-description">
+        前端课程主要分为四个分支，每个分支包含很多知识点，其中分为三个阶段在每个阶段有不同的知识点，在学习后继知识点需要学习前置知识点
+      </div>
+    </el-card>
+    <el-card v-if="$route.query.isCourse === 'true'" style="margin-top: 20px">
+      <h1 style="text-align: center; font-size: 20px; font-weight: bolder">
+        相关信息
+      </h1>
+      <div style="color: #ccc">{{ learnPathStore.courseData.name }}</div>
+      <div style="font-size: 16px; line-height: 1.5">
+        {{ learnPathStore.courseData.description }}
+      </div>
+    </el-card>
+    <el-card v-else style="margin-top: 20px">
+      <h1 style="text-align: center; font-size: 20px; font-weight: bolder">
+        最新的课程
+      </h1>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import useLearnPathStore from '@/store/module/learnPath'
+import { ref } from 'vue'
+import { getknowLearnPath } from '@/api/course'
+
+import mountNode from './components/mountNode.vue'
+import { useRouter } from 'vue-router'
+const Router = useRouter()
+const courseName = ref('')
+const learnPathStore = useLearnPathStore()
+
+const options = [
+  {
+    id: 1,
+    label: 'Vue.js',
+  },
+]
+const goCourse = () => {
+  Router.push({
+    path: '/course',
+    query: { id: 'b7b169b7f9dd4ff2ae9639399206fda1' },
+  })
+}
+const knowLearnPathList = ref([])
+const getknowLearnPathEvent = async () => {
+  const res = await getknowLearnPath({
+    corseId: '719f91586a64413898253c5b7d046fd8',
+  })
+  knowLearnPathList.value = res.data
+  console.log(res)
+}
+getknowLearnPathEvent()
+</script>
+
+<style lang="scss" scoped>
+.path-container {
+  width: 100%;
+  height: 600px;
+  background-color: #f5f6fd;
+}
+
+.path-title {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  //   background-color: skyblue;
+  display: flex;
+  justify-content: center;
+
+  .title {
+    font-size: 18px;
+    height: 100%;
+    line-height: 50px;
+    font-weight: 600;
+  }
+
+  .setting {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+
+    transform: translate(50%, -50%);
+    display: flex;
+    align-items: center;
+  }
+}
+
+.statistics {
+  width: 100%;
+  margin-top: 50px;
+  padding: 0 30px 30px 30px;
+
+  .title {
+    font-size: 32px;
+    font-weight: 600;
+    text-align: center;
+    // margin: 30px 0;
+  }
+}
+
+.path-description {
+  // padding: 20px 30px;
+  margin: 30px 0;
+  font-size: 14px;
+}
+</style>
diff --git a/teaching_integration_platform_template/src/views/scientificResearch/index.vue b/teaching_integration_platform_template/src/views/scientificResearch/index.vue
index 92aa393..6ffb3fc 100644
--- a/teaching_integration_platform_template/src/views/scientificResearch/index.vue
+++ b/teaching_integration_platform_template/src/views/scientificResearch/index.vue
@@ -1,20 +1,14 @@
 <template>
-  <div class="view-container">
-    <div class="banner"></div>
-    <div class="container">科学研究</div>
+  <div>
+    111
   </div>
 </template>
 
-<script lang="ts" setup>
-import {} from 'vue'
+<script lang='ts' setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+
 </script>
 
-<style lang="scss" scoped>
-.view-container {
-  height: 100vh;
-  .container {
-    width: $base-container-width;
-    margin: 0 auto;
-  }
-}
+<style lang='scss' scoped>
+
 </style>
diff --git a/teaching_integration_platform_template/src/views/talentDevelopment/index.vue b/teaching_integration_platform_template/src/views/talentDevelopment/index.vue
index a0be5d4..a04b650 100644
--- a/teaching_integration_platform_template/src/views/talentDevelopment/index.vue
+++ b/teaching_integration_platform_template/src/views/talentDevelopment/index.vue
@@ -3,15 +3,59 @@
     <div class="banner"></div>
     <div class="container">人才培养</div>
   </div>
+  <div class="container-box" ref="containerRef" @scroll="handleScroll">
+    <ul>
+      <li v-for="item in 200" :key="item">{{ item }}</li>
+      <li v-if="loading">Loading...</li>
+    </ul>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+import { ref, onMounted } from 'vue'
+const containerRef = ref(null)
+// const items = ref([{
+//   id:1,
+//   title:'11111'
+// }])
+const loading = ref(false)
+const page = ref(1)
+
+const handleScroll = () => {
+  const container: any = containerRef.value
+  if (container.scrollTop + container.clientHeight >= container.scrollHeight) {
+    loadMore()
+    console.log('到底了')
+  }
+}
+const loadMore = () => {
+  if (loading.value) return
+  loading.value = true
+  page.value++
+  setTimeout(() => {
+    loading.value = false
+  }, 1000)
+  // 发送请求加载新数据
+  // fetchData(page.value).then((newData) => {
+  //   items.value = [...items.value, ...newData]
+  //   loading.value = false
+  //   page.value++
+  // })
+}
+
+onMounted(() => {
+  // 初始化加载数据
+  loadMore()
+})
 </script>
 
 <style lang="scss" scoped>
+.container-box {
+  height: 500px;
+  overflow: auto;
+}
 .view-container {
-  height: 100vh;
+  // height: 100vh;
   .container {
     width: $base-container-width;
     margin: 0 auto;
diff --git a/teaching_integration_platform_template/src/vite-env-override.d.ts b/teaching_integration_platform_template/src/vite-env-override.d.ts
new file mode 100644
index 0000000..00c76e4
--- /dev/null
+++ b/teaching_integration_platform_template/src/vite-env-override.d.ts
@@ -0,0 +1,5 @@
+declare module '*.vue' {
+    import { DefineComponent } from "vue"
+    const component: ReturnType<typeof DefineComponent>
+    export default component
+  }
\ No newline at end of file
diff --git a/teaching_integration_platform_template/vite.config.ts b/teaching_integration_platform_template/vite.config.ts
index f4dacbc..96be640 100644
--- a/teaching_integration_platform_template/vite.config.ts
+++ b/teaching_integration_platform_template/vite.config.ts
@@ -20,6 +20,7 @@ const px2remOptions = {
   minPixelValue: 0 , //设置要替换的最小像素值(3px会被转rem)。 默认 0
 }
 export default defineConfig({
+  base:'/portal',
   plugins: [
     vue(),
     // 配置svg插件
@@ -30,9 +31,14 @@ export default defineConfig({
       symbolId: 'icon-[dir]-[name]',
     }),
   ],
+  server:{
+    host: '0.0.0.0',
+    port: 8866,
+  },
   resolve: {
     alias: {
       '@': path.resolve('./src'), // 相对路径别名配置，使用 @ 代替 src
+      // 'vue': 'vue/dist/vue.esm-bundler.js',
     },
   },
   css: {