bohui-vue 1.0.1

package/templates/vue-project/src/App.vue

@@ -0,0 +1,10 @@
+<template>
+    <el-config-provider :locale="locale">
+        <router-view />
+    </el-config-provider>
+</template>
+
+<script setup>
+import zhCn from "element-plus/dist/locale/zh-cn.mjs";
+const locale = zhCn;
+</script>

package/templates/vue-project/src/api/error-handler.ts

@@ -0,0 +1,60 @@
+/**
+ * API 错误处理工具
+ */
+
+/**
+ * 常用错误码枚举
+ */
+export enum ErrorCode {
+    SUCCESS = 0,
+    UNAUTHORIZED = 401,
+    FORBIDDEN = 403,
+    NOT_FOUND = 404,
+    SERVER_ERROR = 500,
+}
+
+/**
+ * 判断是否为 API 响应错误
+ */
+export const isApiResponseError = <T = unknown>(
+    error: unknown
+): error is globalDto.ResponseType<T> => {
+    return (
+        typeof error === "object" &&
+        error !== null &&
+        ("code" in error || "status" in error) &&
+        "message" in error
+    );
+};
+
+/**
+ * 错误码对应的中文提示映射
+ */
+const ERROR_CODE_MESSAGE_MAP: Record<number, string> = {
+    [ErrorCode.UNAUTHORIZED]: "登录已过期,请重新登录",
+    [ErrorCode.FORBIDDEN]: "权限不足,无法访问该资源",
+    [ErrorCode.NOT_FOUND]: "请求的资源不存在",
+    [ErrorCode.SERVER_ERROR]: "服务器内部错误,请稍后重试",
+};
+
+/**
+ * 获取错误消息（兼容多种错误类型）
+ */
+export const getErrorMessage = (error: unknown): string => {
+    if (isApiResponseError(error)) {
+        // 优先使用错误码映射表中的中文提示
+        const code = error.status;
+        if (code !== undefined && code in ERROR_CODE_MESSAGE_MAP) {
+            return ERROR_CODE_MESSAGE_MAP[code];
+        }
+        // 其他错误码返回接口的错误信息
+        return error.message || "请求失败";
+    }
+    if (error instanceof Error) {
+        return error.message;
+    }
+    if (typeof error === "string") {
+        return error;
+    }
+    return "未知错误";
+};

package/templates/vue-project/src/api/http.ts

@@ -0,0 +1,254 @@
+/*
+ * @Description: Axios 实例配置与拦截器
+ * @Version: 2.0
+ * @Autor: wangmeng
+ * @Date: 2021-08-03 11:13:38
+ * @LastEditors: wamgmeng
+ * @LastEditTime: 2024-01-18 15:11:04
+ */
+/* eslint-disable no-param-reassign */
+import type {
+    AxiosInstance,
+    AxiosRequestConfig,
+    InternalAxiosRequestConfig,
+    AxiosResponse,
+    AxiosError,
+} from "axios";
+import axios from "axios";
+import qs from "qs";
+import { getErrorMessage } from "./error-handler";
+
+// 响应状态码枚举
+enum ResponseStatus {
+    SUCCESS = 0,
+    SUCCESS_1 = 200,
+    REDIRECT = 302,
+    FORBIDDEN = 400003,
+}
+
+// 请求超时时间（3000秒）
+const REQUEST_TIMEOUT = 3000000;
+
+/**
+ * 处理重定向逻辑
+ */
+const handleRedirect = (result: string): void => {
+    const root = result.includes("http://") || result.includes("https://") ? "" : "http://";
+
+    setTimeout(() => {
+        if (result.includes("serverName")) {
+            window.location.href = `${root}${result}`;
+        } else {
+            const encodedUrl = encodeURIComponent(window.btoa(window.location.href));
+            window.location.href = `${root}${result}?serverName=${encodedUrl}`;
+        }
+    }, 300);
+};
+
+/**
+ * 创建并配置 JSON 格式的 Axios 实例
+ */
+const createJsonHttp = (): AxiosInstance => {
+    const instance = axios.create({
+        timeout: REQUEST_TIMEOUT,
+        transformRequest: [
+            (data: unknown): string => {
+                return JSON.stringify(data);
+            },
+        ],
+    });
+
+    // 请求拦截器
+    instance.interceptors.request.use(
+        (config: InternalAxiosRequestConfig): InternalAxiosRequestConfig => {
+            config.headers["Content-Type"] = "application/json";
+            const key = `${(config.method || "get").toUpperCase()}:${config.url}`;
+            const prev = pendingJson.get(key);
+            prev?.abort();
+            const controller = new AbortController();
+            (config as any).signal = controller.signal;
+            pendingJson.set(key, controller);
+            const envUseMock = (import.meta as any).env?.VITE_USE_MOCK === "true";
+            const envScenario = (import.meta as any).env?.VITE_MOCK_SCENARIO;
+            if (
+                envUseMock &&
+                envScenario &&
+                envScenario !== "normal" &&
+                typeof config.url === "string"
+            ) {
+                const u = new URL(config.url, window.location.origin);
+                u.searchParams.set("scenario", envScenario);
+                config.url = u.pathname + u.search;
+            }
+            return config;
+        },
+        (error: AxiosError): Promise<AxiosError> => {
+            return Promise.reject(error);
+        }
+    );
+
+    // 响应拦截器
+    instance.interceptors.response.use(
+        <T>(response: AxiosResponse<globalDto.ResponseType<T>>): Promise<T> | Promise<never> => {
+            const key = `${(response.config.method || "get").toUpperCase()}:${response.config.url}`;
+            const c = pendingJson.get(key);
+            if (c) pendingJson.delete(key);
+            if (response.status < 400) {
+                const { data } = response;
+                const statusCode = data.code ?? data.status;
+
+                // 处理重定向
+                if (statusCode === ResponseStatus.REDIRECT) {
+                    const redirectUrl = data.result || data.message;
+                    if (typeof redirectUrl === "string") {
+                        handleRedirect(redirectUrl);
+                    }
+                    return Promise.reject(new Error("Redirecting..."));
+                }
+
+                // 处理成功响应 - 返回 data 字段（已解包第一层 ResponseType）
+                if (
+                    statusCode === ResponseStatus.SUCCESS ||
+                    statusCode === ResponseStatus.SUCCESS_1 ||
+                    statusCode === ResponseStatus.FORBIDDEN
+                ) {
+                    if (
+                        statusCode === ResponseStatus.SUCCESS ||
+                        statusCode === ResponseStatus.SUCCESS_1
+                    ) {
+                        return Promise.resolve(data.data);
+                    }
+                    return Promise.reject(new Error(getErrorMessage(data)));
+                }
+
+                return Promise.reject(new Error(getErrorMessage(data)));
+            }
+
+            return Promise.reject(new Error(`HTTP Error: ${response.status}`));
+        },
+        (error: AxiosError): Promise<never> => {
+            const cfg = error.config as InternalAxiosRequestConfig | undefined;
+            if (cfg) {
+                const key = `${(cfg.method || "get").toUpperCase()}:${cfg.url}`;
+                const c = pendingJson.get(key);
+                if (c) pendingJson.delete(key);
+            }
+            const message = getErrorMessage(error.response?.data ?? error);
+            return Promise.reject(new Error(message));
+        }
+    );
+
+    return instance;
+};
+
+/**
+ * 创建并配置 FormData 格式的 Axios 实例
+ */
+const createFormDataHttp = (): AxiosInstance => {
+    const instance = axios.create({
+        timeout: REQUEST_TIMEOUT,
+        transformRequest: [
+            (data: unknown): string => {
+                return qs.stringify(data);
+            },
+        ],
+    });
+
+    // 请求拦截器
+    instance.interceptors.request.use(
+        (config: InternalAxiosRequestConfig): InternalAxiosRequestConfig => {
+            config.headers["Content-Type"] = "application/x-www-form-urlencoded";
+            const key = `${(config.method || "get").toUpperCase()}:${config.url}`;
+            const prev = pendingForm.get(key);
+            prev?.abort();
+            const controller = new AbortController();
+            (config as any).signal = controller.signal;
+            pendingForm.set(key, controller);
+            const envUseMock = (import.meta as any).env?.VITE_USE_MOCK === "true";
+            const envScenario = (import.meta as any).env?.VITE_MOCK_SCENARIO;
+            if (
+                envUseMock &&
+                envScenario &&
+                envScenario !== "normal" &&
+                typeof config.url === "string"
+            ) {
+                const u = new URL(config.url, window.location.origin);
+                u.searchParams.set("scenario", envScenario);
+                config.url = u.pathname + u.search;
+            }
+            return config;
+        },
+        (error: AxiosError): Promise<AxiosError> => {
+            return Promise.reject(error);
+        }
+    );
+
+    // 响应拦截器
+    instance.interceptors.response.use(
+        <T>(response: AxiosResponse<globalDto.ResponseType<T>>): Promise<T> | Promise<never> => {
+            const key = `${(response.config.method || "get").toUpperCase()}:${response.config.url}`;
+            const c = pendingForm.get(key);
+            if (c) pendingForm.delete(key);
+            if (response.status < 400) {
+                const { data } = response;
+                const statusCode = data.code ?? data.status;
+
+                // 处理重定向
+                if (statusCode === ResponseStatus.REDIRECT) {
+                    const redirectUrl = data.result || data.message;
+                    if (typeof redirectUrl === "string") {
+                        handleRedirect(redirectUrl);
+                    }
+                    return Promise.reject(new Error("Redirecting..."));
+                }
+
+                // 处理成功响应 - 返回 data 字段（已解包第一层 ResponseType）
+                if (
+                    statusCode === ResponseStatus.SUCCESS ||
+                    statusCode === ResponseStatus.SUCCESS_1 ||
+                    statusCode === ResponseStatus.FORBIDDEN
+                ) {
+                    if (
+                        statusCode === ResponseStatus.SUCCESS ||
+                        statusCode === ResponseStatus.SUCCESS_1
+                    ) {
+                        return Promise.resolve(data.data);
+                    }
+                    return Promise.reject(new Error(getErrorMessage(data)));
+                }
+
+                return Promise.reject(new Error(getErrorMessage(data)));
+            }
+
+            return Promise.reject(new Error(`HTTP Error: ${response.status}`));
+        },
+        (error: AxiosError): Promise<never> => {
+            const cfg = error.config as InternalAxiosRequestConfig | undefined;
+            if (cfg) {
+                const key = `${(cfg.method || "get").toUpperCase()}:${cfg.url}`;
+                const c = pendingForm.get(key);
+                if (c) pendingForm.delete(key);
+            }
+            const message = getErrorMessage(error.response?.data ?? error);
+            return Promise.reject(new Error(message));
+        }
+    );
+
+    return instance;
+};
+
+// 创建实例
+const pendingJson = new Map<string, AbortController>();
+const pendingForm = new Map<string, AbortController>();
+const http = createJsonHttp();
+const formDataHttp = createFormDataHttp();
+
+function abortAllRequests(): void {
+    pendingJson.forEach((c) => c.abort());
+    pendingForm.forEach((c) => c.abort());
+    pendingJson.clear();
+    pendingForm.clear();
+}
+
+export { http, formDataHttp, abortAllRequests };
+export type { AxiosInstance, AxiosRequestConfig, AxiosResponse };

package/templates/vue-project/src/api/services/aicebd.ts

@@ -0,0 +1,47 @@
+import { http } from "../http";
+
+const aiceUrl = "/api/aicebd";
+
+/**
+ * @name: 学生出勤信息
+ * @param
+ * @return {TeachingEffectConfig}
+ */
+export const getAILessonAttendAPI = (lessonCode: string): Promise<aicebdDto.AILessonAttendance> => {
+    return http.get(`${aiceUrl}/aiLessonResult/getAILessonAttend?lessonCode=${lessonCode}`);
+};
+
+/**
+ * @name: 学生整体专注度
+ * @param
+ * @return {number}
+ */
+export const getStudentListenOverviewAPI = (
+    lessonCode: string
+): Promise<aicebdDto.StudentListenOverview> => {
+    return http.get(`${aiceUrl}/focus/studentListenOverview?lessonCode=${lessonCode}`);
+};
+
+/**
+ * @name: 学生专注度趋势图
+ * @param
+ * @return {aicebdDto.StudentListenFocus[]}
+ */
+export const studentListenFocusListAPI = (
+    lessonCode: string
+): Promise<aicebdDto.StudentListenFocus[]> => {
+    console.log(lessonCode);
+    return http.get(`${aiceUrl}/focus/studentListenFocusList?lessonCode=${lessonCode}`);
+};
+
+/**
+ * @name: 学生听课效果分析
+ * @param
+ * @return {TeachingEffectConfig}
+ */
+
+export const studentListenPerformanceAnalyzeAPI = (
+    lessonCode: string
+): Promise<aicebdDto.StudentListenPerformanceAnalyze> => {
+    return http.get(`${aiceUrl}/focus/studentListenPerformanceAnalyze?lessonCode=${lessonCode}`);
+};

package/templates/vue-project/src/api/services/base.ts

@@ -0,0 +1,18 @@
+import Cookies from "js-cookie";
+import { getFieldFromUrl } from "@/utils/window";
+import { formDataHttp } from "../http";
+
+const aiceUrl = "/api/base";
+
+/**
+ * @name: 获取用户信息
+ * @param {void}
+ * @return {aicebdDto.UserInfo}
+ */
+export const getUserInfoAPI = (): Promise<baseDto.UserInfo> => {
+    const urlToken = getFieldFromUrl(window.location.href, "token");
+    const token = Cookies.get("token") ?? urlToken ?? "";
+    return formDataHttp.post(`${aiceUrl}/base/organization/user/getUserInfo`, {
+        token: Cookies.get("token") || token,
+    });
+};

package/templates/vue-project/src/api/services/umse.ts

@@ -0,0 +1,17 @@
+import Cookies from "js-cookie";
+import { http } from "../http";
+
+const aiceUrl = "/api/umse";
+
+/**
+ * @name: 退出登录
+ * @param
+ * @return {void}
+ */
+export const logoutAPI = (): Promise<void> => {
+    Cookies.remove("token");
+    const _serverName = window.btoa(window.location.href.split("?")[0]);
+    return http.post(`${aiceUrl}/userManage/logout`, {
+        serverName: _serverName,
+    });
+};

package/templates/vue-project/src/assets/font/font.css

@@ -0,0 +1,25 @@
+@font-face {
+    font-family: "Alibaba PuHuiTi";
+    src: url(./Alibaba-PuHuiTi-Regular.otf);
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: "Alibaba-PuHuiTi-Medium";
+    src: url(./Alibaba-PuHuiTi-Medium.otf);
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: "douyinbold";
+    src: url(./DOUYINSANSBOLD.OTF);
+    font-style: normal;
+    font-display: swap;
+}
+/* 庞门正道标题体 */
+@font-face {
+    font-family: "Pangmen Title";
+    src: url(./Pangmen-Title.TTF);
+}