bohui-vue 1.0.1

package/templates/vue-project/src/composables/useTheme.ts

@@ -0,0 +1,84 @@
+import { ref, onMounted, computed } from "vue";
+import type { Ref, ComputedRef } from "vue";
+
+type Theme = "light" | "dark";
+
+const THEME_KEY = "app-theme";
+const THEME_ATTRIBUTE = "data-theme";
+
+/**
+ * 主题切换 hooks
+ */
+export interface UseThemeReturn {
+    theme: Ref<Theme>;
+    isDark: ComputedRef<boolean>;
+    toggleTheme: () => void;
+    setTheme: (newTheme: Theme) => void;
+}
+
+export const useTheme = (): UseThemeReturn => {
+    const theme = ref<Theme>("light");
+
+    /**
+     * 获取当前主题
+     */
+    const getTheme = (): Theme => {
+        if (typeof window === "undefined") return "light";
+
+        // 优先从 localStorage 读取
+        const savedTheme = localStorage.getItem(THEME_KEY) as Theme;
+        if (savedTheme === "dark" || savedTheme === "light") {
+            return savedTheme;
+        }
+
+        // 检查系统偏好
+        if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+            return "dark";
+        }
+
+        return "light";
+    };
+
+    /**
+     * 设置主题
+     */
+    const setTheme = (newTheme: Theme): void => {
+        if (typeof window === "undefined") return;
+
+        const root = document.documentElement;
+
+        if (newTheme === "dark") {
+            root.setAttribute(THEME_ATTRIBUTE, "dark");
+        } else {
+            root.removeAttribute(THEME_ATTRIBUTE);
+        }
+
+        // 保存到 localStorage
+        localStorage.setItem(THEME_KEY, newTheme);
+        theme.value = newTheme;
+    };
+
+    /**
+     * 切换主题
+     */
+    const toggleTheme = (): void => {
+        const newTheme: Theme = theme.value === "dark" ? "light" : "dark";
+        setTheme(newTheme);
+    };
+
+    // 初始化主题
+    onMounted(() => {
+        const currentTheme = getTheme();
+        setTheme(currentTheme);
+    });
+
+    // 计算属性：是否为暗黑模式
+    const isDark = computed(() => theme.value === "dark");
+
+    return {
+        theme,
+        isDark,
+        toggleTheme,
+        setTheme,
+    };
+};

package/templates/vue-project/src/main.ts

@@ -0,0 +1,111 @@
+/*
+ * @Description:
+ * @Version: 1.0
+ * @Autor: wangmeng
+ * @Date: 2024-01-18 13:49:57
+ * @LastEditors: wamgmeng
+ * @LastEditTime: 2024-01-19 20:22:54
+ */
+import { createApp } from "vue";
+import "@/utils/rem";
+import {
+    ElButton,
+    ElInput,
+    ElSelect,
+    ElInputNumber,
+    ElTabs,
+    ElTable,
+    ElTableColumn,
+    ElDialog,
+    ElDatePicker,
+    ElConfigProvider,
+    ElPagination,
+    ElForm,
+    ElFormItem,
+    ElIcon,
+    ElMessage,
+    ElMessageBox,
+    ElMenu,
+    ElMenuItem,
+    ElDrawer,
+    ElTag,
+    ElTooltip,
+    ElCascader,
+    ElRadioGroup,
+    ElRadio,
+    ElCollapse,
+    ElCollapseItem,
+} from "element-plus";
+import "element-plus/dist/index.css";
+import "@/assets/font/font.css";
+import "@/assets/iconfont/iconfont.css";
+
+import App from "./App.vue";
+import router from "./router";
+import pinia from "./store";
+import { useUserStore } from "./store";
+
+import { abortAllRequests, http, formDataHttp } from "@/api/http";
+import { createTrackerPlugin, getTracker } from "@/utils/tracker";
+
+import "@unocss/reset/tailwind.css";
+import "uno.css";
+// 主题色和 element-plus 重写合并引入
+import "@/assets/styles/reset.css";
+import "@/assets/styles/theme.css";
+import "@/assets/styles/element-overrides.css";
+import "@/assets/scss/common.scss";
+
+const app = createApp(App);
+app.use(ElButton)
+    .use(ElInput)
+    .use(ElSelect)
+    .use(ElInputNumber)
+    .use(ElTabs)
+    .use(ElTable)
+    .use(ElTableColumn)
+    .use(ElDialog)
+    .use(ElDatePicker)
+    .use(ElForm)
+    .use(ElFormItem)
+    .use(ElConfigProvider)
+    .use(ElPagination)
+    .use(ElIcon)
+    .use(ElMessage)
+    .use(ElMessageBox)
+    .use(ElMenu)
+    .use(ElMenuItem)
+    .use(ElDrawer)
+    .use(ElTag)
+    .use(ElTooltip)
+    .use(ElCascader)
+    .use(ElRadioGroup)
+    .use(ElRadio)
+    .use(ElCollapse)
+    .use(ElCollapseItem)
+    .use(pinia)
+    .use(router)
+    .use(createTrackerPlugin({ appId: "vue3-template" }))
+    .mount("#app");
+
+const userStore = useUserStore();
+router.isReady().then(() => {
+    userStore.setUserInfo();
+});
+
+// 监听用户信息变化，更新 tracker 用户 ID
+watch(
+    () => userStore.userInfo,
+    (u) => {
+        getTracker().setUserId(u?.id ?? null);
+    },
+    { immediate: true }
+);
+
+getTracker().bindRouter(router); // 绑定路由
+getTracker().bindRouterExposure(router); // 绑定路由曝光事件
+getTracker().attachAxios([http, formDataHttp]); // 绑定 axios 实例
+
+window.addEventListener("beforeunload", () => {
+    abortAllRequests();
+});

package/templates/vue-project/src/mocks/base.ts

@@ -0,0 +1,37 @@
+import type { MockMethod } from "vite-plugin-mock";
+
+const baseUrl = "/api/base";
+const SCENARIO = process.env.VITE_MOCK_SCENARIO || "normal";
+
+const mocks: MockMethod[] = [
+    {
+        url: `${baseUrl}/base/organization/user/getUserInfo`,
+        method: "post",
+        response: ({ query }: any) => {
+            const scenario = (query?.scenario as string) || SCENARIO;
+            if (scenario === "error") {
+                return {
+                    status: 500,
+                    data: null,
+                    message: "获取用户信息失败",
+                };
+            }
+            return {
+                status: 200,
+                data: {
+                    id: "u_001",
+                    code: "user001",
+                    name: "测试用户",
+                    headimgurl: null,
+                    userType: 1,
+                    academyName: "计算机学院",
+                    academyCode: "CS",
+                    roleList: [{ id: "r_admin", name: "管理员" }],
+                },
+                message: "ok",
+            };
+        },
+    },
+];
+
+export default mocks;

package/templates/vue-project/src/mocks/umse.ts

@@ -0,0 +1,31 @@
+import type { MockMethod } from "vite-plugin-mock";
+
+const umseUrl = "/api/umse";
+const SCENARIO = process.env.VITE_MOCK_SCENARIO || "normal";
+
+const mocks: MockMethod[] = [
+    {
+        url: `${umseUrl}/userManage/logout`,
+        method: "post",
+        response: ({ query }: any) => {
+            const scenario = (query?.scenario as string) || SCENARIO;
+            if (scenario === "error") {
+                return {
+                    status: 500,
+                    data: null,
+                    message: "退出登录失败",
+                };
+            }
+            return {
+                status: 200,
+                data: {
+                    id: "",
+                    code: "",
+                },
+                message: "ok",
+            };
+        },
+    },
+];
+
+export default mocks;

package/templates/vue-project/src/router/index.ts

@@ -0,0 +1,32 @@
+import { createRouter, createWebHashHistory } from "vue-router";
+import { abortAllRequests } from "@/api/http";
+
+const routes = [
+    {
+        path: "/",
+        redirect: "/teachingLog",
+    },
+    {
+        path: "/home",
+        name: "Home",
+        component: () => import("@/views/home/Home.vue"),
+        children: [],
+    },
+    {
+        path: "/teachingLog",
+        name: "TeachingLog",
+        component: () => import("@/views/teachingLog/TeachingLog.vue"),
+    },
+];
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes,
+});
+
+router.beforeEach(() => {
+    abortAllRequests();
+    return true;
+});
+
+export default router;

package/templates/vue-project/src/shims-vue.d.ts

@@ -0,0 +1,19 @@
+/* eslint-disable */
+declare module "*.vue" {
+    import type { DefineComponent } from "vue";
+    const component: DefineComponent<{}, {}, any>;
+    export default component;
+}
+
+// 添加 Element Plus 类型声明
+// declare module "element-plus";
+// declare module "element-plus/dist/locale/zh-cn.mjs";
+
+// 静态资源类型声明
+declare module "*.png";
+declare module "*.jpg";
+declare module "*.jpeg";
+declare module "*.gif";
+declare module "*.svg";
+declare module "*.webp";
+declare module "*.ico";

package/templates/vue-project/src/store/index.ts

@@ -0,0 +1,18 @@
+import { createPinia } from "pinia";
+
+/**
+ * Pinia Store 入口文件
+ *
+ * 使用示例：
+ * import { useUserStore } from '@/store';
+ *
+ * const userStore = useUserStore();
+ * userStore.setUserInfo({ name: '张三', id: 1 });
+ */
+const pinia = createPinia();
+
+export default pinia;
+
+// 导出所有 store
+export * from "./modules/user";
+

package/templates/vue-project/src/store/modules/user.ts

@@ -0,0 +1,85 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import Cookies from "js-cookie";
+import { getFieldFromUrl, removeFieldsFromUrl } from "@/utils/window";
+import { getUserInfoAPI } from "@/api/services/base";
+import { logoutAPI } from "@/api/services/umse";
+
+/**
+ * 用户 Store
+ *
+ * 使用示例：
+ * import { useUserStore } from '@/store';
+ *
+ * const userStore = useUserStore();
+ *
+ * // 设置用户信息
+ * userStore.setUserInfo();
+ *
+ * // 获取用户信息
+ * const userInfo = userStore.userInfo;
+ *
+
+ *
+ * // 退出登录
+ * userStore.logout();
+ */
+export const useUserStore = defineStore("user", () => {
+    // 状态
+    const userInfo = ref<baseDto.UserInfo | null>(null);
+
+    // 方法
+    /**
+     * 设置用户信息
+     */
+    const setUserInfo = () => {
+        // 调用获取用户信息接口
+        getUserInfoAPI()
+            .then((resData: baseDto.UserInfo) => {
+                const urlToken = getFieldFromUrl(window.location.href, "token");
+                const token = Cookies.get("token") ?? urlToken ?? "";
+                Cookies.set("token", token);
+                if (typeof window !== "undefined") {
+                    localStorage.setItem("userInfo", JSON.stringify(resData));
+                }
+                userInfo.value = resData;
+
+                // 替换地址栏地址
+                const newUrl = removeFieldsFromUrl(window.location.href, ["token"]);
+                window.history.replaceState({}, document.title, newUrl);
+            })
+            .catch((error) => {
+                console.error("获取用户信息失败:", error);
+                userInfo.value = null;
+                if (typeof window !== "undefined") {
+                    localStorage.removeItem("userInfo");
+                }
+            });
+    };
+
+    /**
+     * 退出登录
+     */
+    const logout = () => {
+        // 调用退出登录接口
+        logoutAPI()
+            .then(() => {
+                userInfo.value = null;
+                // 清除 localStorage
+                if (typeof window !== "undefined") {
+                    localStorage.removeItem("userInfo");
+                }
+            })
+            .catch((error) => {
+                console.error("退出登录失败:", error);
+            });
+    };
+
+    return {
+        // 状态
+        userInfo,
+        // 方法
+        setUserInfo,
+        logout,
+    };
+});

package/templates/vue-project/src/types/DTO/aicebd.d.ts

@@ -0,0 +1,60 @@
+declare namespace aicebdDto {
+    // 学生出勤信息
+    interface AILessonAttendance {
+        attendanceStudentNum: number;
+        attendanceStudentRate: number;
+        frontRowSeats: number;
+        frontStudentNum: number;
+        frontStudentRate: number;
+        lateNum: number;
+        leaveEarlyNum: number;
+        lessonCode: string;
+        shouldStudentNum: number;
+        totalStudentSeats: number;
+    }
+
+    // 学生整体专注度
+    interface StudentListenOverview {
+        attendanceNum: number;
+        attendanceRate: number;
+        focusAvg: number;
+        heighFocus: number;
+        heighPerformanceTeachingTimeRangePercentage: number;
+        lowFocus: number;
+        lowPerformanceTeachingTimeRangePercentage: number;
+    }
+
+    // 学生专注度趋势图
+    interface StudentListenFocus {
+        focusAvg: number;
+        order: number;
+        speechSpeed: number;
+        teachingContent: string;
+        teachingSession: string;
+    }
+
+    // 学生听课效果分析
+    interface StudentListenPerformanceAnalyze {
+        downReasonAnalyze: StudentListenPerformanceAnalyzeItem[];
+        heighFocusAnalyze: StudentListenPerformanceAnalyzeItem[];
+        lowFocusAnalyze: StudentListenPerformanceAnalyzeItem[];
+        upReasonAnalyze: StudentListenPerformanceAnalyzeItem[];
+    }
+
+    interface StudentListenPerformanceAnalyzeItem {
+        createTime: number;
+        endFocus: number;
+        endOrder: number;
+        endTime: number;
+        id: number;
+        lessonCode: string;
+        startFocus: number;
+        startOrder: number;
+        startTime: number;
+        teachingContent?: string;
+        teachingSession?: string;
+        type?: number;
+        trendReason?: string;
+        trendType?: number;
+    }
+}

package/templates/vue-project/src/types/DTO/base.d.ts

@@ -0,0 +1,26 @@
+declare namespace baseDto {
+    // 用户信息
+    interface UserInfo {
+        id: string;
+        code: string;
+        name?: string | null;
+        headimgurl?: string | null;
+        userType?: number | null;
+        academyName?: string | null;
+        academyCode?: string | null;
+        roleList?: RoleInfo[] | null;
+        [key: string]: unknown;
+    }
+
+    // 角色信息接口
+    interface RoleInfo {
+        id: string;
+        name?: string | null;
+        [key: string]: unknown;
+    }
+
+    // 获取用户信息参数接口
+    interface GetUserInfoParamsType {
+        token: string;
+    }
+}

package/templates/vue-project/src/types/DTO/global.d.ts

@@ -0,0 +1,48 @@
+declare namespace globalDto {
+    /**
+     * 标准 API 响应结构
+     * @template T - 响应数据的类型
+     */
+    export interface ResponseType<T = unknown> {
+        /** 响应状态码（可能是 code 或 status） */
+        status: number;
+        code?: number;
+        /** 响应消息 */
+        message: string;
+        /** 响应数据 */
+        data: T;
+        /** 重定向结果（用于 302 状态） */
+        result?: string;
+    }
+
+    /**
+     * 列表响应结构
+     * @template T - 列表项的类型
+     */
+    export interface ListResponseType<T = unknown> {
+        /** 数据列表 */
+        list: T[];
+        /** 当前页码 */
+        currentPage: number;
+        /** 每页数量 */
+        numPerPage: number;
+        /** 总记录数 */
+        totalCount: number;
+        /** 总页数 */
+        totalPages: number;
+    }
+
+    /**
+     * 分页信息
+     */
+    export interface PaginationType {
+        /** 当前页码 */
+        currentPage: number;
+        /** 每页数量 */
+        numPerPage: number;
+        /** 总记录数 */
+        totalCount: number;
+        /** 总页数 */
+        totalPages: number;
+    }
+}

package/templates/vue-project/src/types/VO/teachingLog.d.ts

@@ -0,0 +1,15 @@
+declare namespace TeachingLogVo {
+    // 专注度趋势项
+    export interface FocusTrendItem {
+        time: number; // 单位秒
+        focus: number;
+    }
+
+    // 专注度下降点
+    export interface FocusDecreaseItem {
+        time: string;
+        focus: number;
+        image?: string;
+        description?: string;
+    }
+}

package/templates/vue-project/src/types/auto-imports.d.ts

@@ -0,0 +1,73 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useModel: typeof import('vue')['useModel']
+  const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/templates/vue-project/src/types/components.d.ts

@@ -0,0 +1,17 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    BarChart: typeof import('./../components/BarChart.vue')['default']
+    EChart: typeof import('./../components/echarts/EChart.vue')['default']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

package/templates/vue-project/src/types/element-plus.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 全局类型定义
+ */
+import { ElForm, ElInput, ElTooltip, ElCascader } from "element-plus";
+import type { CascaderProps } from "element-plus";
+
+declare global {
+    namespace ElementPlus {
+        export type FormInstanceType = InstanceType<typeof ElForm>;
+        export type InputInstanceType = InstanceType<typeof ElInput>;
+        export type TooltipInstanceType = InstanceType<typeof ElTooltip>;
+        export type CascaderInstanceType = InstanceType<typeof ElCascader>;
+        export type CascaderPropsType = CascaderProps;
+    }
+}

package/templates/vue-project/src/types/js-cookie.d.ts

@@ -0,0 +1 @@
+declare module "js-cookie";