yuetsh
ed56a209ea
Some checks failed
Deploy / deploy (push) Has been cancelled
原来只有 `apps/web` 在 Prettier 下（配置在 `apps/web/.prettierrc.toml`、脚本在 web 的 package.json），后端和契约从来没格式化过 —— 手写在 100 列上下，`db/schema.ts` 还是 drizzle-kit pull 留下的 tab 缩进。两套口径分叉久了，跨端改一处就得记着「这边 什么风格」。 - 配置搬到根目录 `.prettierrc.toml`，内容不变（`semi=false`，其余全默认， printWidth 80 —— 和前端已有的格式一致，不另立一套宽度）； - 脚本统一成根目录 `bun run fmt`，覆盖 `apps/*/src`、`apps/web/tests` 和两个构建 配置；web 自己那份 `fmt` 和重复的 prettier 依赖删掉； - `.prettierignore` 挡掉两类不该碰的：drizzle-kit 生成的 `src/db/meta/` 结构快照 （它是 db:generate 的比对输入，只该由 drizzle-kit 写）、unplugin 每次 dev 都会 重写的 `auto-imports.d.ts` / `components.d.ts`； - 全量跑了一遍。纯格式，无行为改动：api typecheck / check:routes / check:ast、 前端 type-check 全过，起 api 打了接口确认正常。前端这 39 个文件的小改动是 prettier 版本漂移（类型断言的换行口径变了），不是新配置带来的。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
109 lines
3.4 KiB
Vue
109 lines
3.4 KiB
Vue
<template>
|
||
<n-spin :show="aiStore.loading.fetching" :delay="50">
|
||
<n-flex vertical size="large">
|
||
<n-flex align="center" justify="space-between">
|
||
<n-h3 style="margin: 0">请选择时间范围，智能分析学习情况</n-h3>
|
||
<n-flex align="center">
|
||
<n-input
|
||
v-if="userStore.isSuperAdmin"
|
||
v-model:value="urlUsername"
|
||
placeholder="查看指定用户"
|
||
clearable
|
||
style="width: 140px"
|
||
@change="onUsernameChange"
|
||
@clear="onUsernameChange"
|
||
/>
|
||
<n-select
|
||
style="width: 140px"
|
||
:options="options"
|
||
v-model:value="urlDuration"
|
||
/>
|
||
</n-flex>
|
||
</n-flex>
|
||
|
||
<Overview />
|
||
<Heatmap />
|
||
<DurationChart />
|
||
<!-- 用弹性排布而不是两列网格：知识点分布在没有标签时整张卡不渲染，
|
||
固定两列会空掉一半；flex 下剩的那张自动占满整行 -->
|
||
<n-flex class="pair" :size="20">
|
||
<DifficultyGradeChart />
|
||
<TagsChart />
|
||
</n-flex>
|
||
<n-flex class="pair" :size="20">
|
||
<ErrorTypeChart />
|
||
<AttemptsChart />
|
||
</n-flex>
|
||
<n-flex class="pair" :size="20">
|
||
<TimeActivityHeatmap />
|
||
<FlowchartScoreChart />
|
||
</n-flex>
|
||
<SolvedTable />
|
||
<AI />
|
||
</n-flex>
|
||
</n-spin>
|
||
</template>
|
||
<script setup lang="ts">
|
||
import { formatISO, sub, type Duration } from "date-fns"
|
||
import { useRouteQuery } from "@vueuse/router"
|
||
import DifficultyGradeChart from "./components/DifficultyGradeChart.vue"
|
||
import TagsChart from "./components/TagsChart.vue"
|
||
import ErrorTypeChart from "./components/ErrorTypeChart.vue"
|
||
import AttemptsChart from "./components/AttemptsChart.vue"
|
||
import FlowchartScoreChart from "./components/FlowchartScoreChart.vue"
|
||
import TimeActivityHeatmap from "./components/TimeActivityHeatmap.vue"
|
||
import Overview from "./components/Overview.vue"
|
||
import Heatmap from "./components/Heatmap.vue"
|
||
import DurationChart from "./components/DurationChart.vue"
|
||
import AI from "./components/AI.vue"
|
||
import SolvedTable from "./components/SolvedTable.vue"
|
||
import { useAIStore } from "../store/ai"
|
||
import { useUserStore } from "shared/store/user"
|
||
import { DURATION_OPTIONS } from "utils/constants"
|
||
import { durationFromValue } from "utils/functions"
|
||
|
||
const aiStore = useAIStore()
|
||
const userStore = useUserStore()
|
||
const options = [...DURATION_OPTIONS]
|
||
|
||
const urlUsername = useRouteQuery<string>("username", "")
|
||
const urlDuration = useRouteQuery<string>("duration", "months:6")
|
||
|
||
// Initialize store synchronously from URL params before watch fires
|
||
aiStore.targetUsername = urlUsername.value
|
||
aiStore.duration = urlDuration.value
|
||
|
||
const subOptions = computed<Duration>(
|
||
() =>
|
||
durationFromValue(aiStore.duration) ??
|
||
durationFromValue(DURATION_OPTIONS[0].value)!,
|
||
)
|
||
|
||
const start = computed(() => formatISO(sub(new Date(), subOptions.value)))
|
||
const end = computed(() => formatISO(new Date()))
|
||
|
||
function onUsernameChange() {
|
||
aiStore.targetUsername = urlUsername.value
|
||
aiStore.fetchHeatmapData()
|
||
aiStore.fetchAnalysisData(start.value, end.value, aiStore.duration)
|
||
}
|
||
|
||
onMounted(() => {
|
||
aiStore.fetchHeatmapData()
|
||
})
|
||
|
||
watch(
|
||
() => urlDuration.value,
|
||
(val) => {
|
||
aiStore.duration = val
|
||
aiStore.fetchAnalysisData(start.value, end.value, val)
|
||
},
|
||
{ immediate: true },
|
||
)
|
||
</script>
|
||
<style scoped>
|
||
.pair > :deep(.n-card) {
|
||
flex: 1 1 320px;
|
||
}
|
||
</style>
|