Compare commits

..

1 Commits

Author SHA1 Message Date
wlt 4cd889c081 feat: interview review module with whisper.cpp ASR + AI analysis + frontend page
New backend module 'interview-review' provides:
- Audio upload (50MB limit, MP3/M4A/WAV/AAC/OGG/MP4/WebM)
- Text transcript submission
- whisper.cpp local ASR integration (tiny + base models)
- AI analysis (4-dimension scoring: logic/expression/professionalism/stability)
- Speech analysis (filler words detection, pace, duration)
- Async processing pipeline with status polling
- Graceful fallback to mock ASR when whisper unavailable

New frontend page 'pages/review/review.vue' with 3 modes:
- List mode: review history with status indicators
- Upload mode: audio file upload or text paste
- Report mode: score radar, dimension bars, analysis details

Docs updated: PROJECT-STATUS.md v4.4, FEATURE-LIST.md v4.2, ROADMAP.md v4.2
2026-06-16 18:32:25 +08:00
16 changed files with 1771 additions and 80 deletions
+247 -42
View File
@@ -1,56 +1,261 @@
## 开发交付流程 # 职引 (ZhiYin) — AGENTS.md
每次实施/开发完功能后,必须按以下步骤执行: > AI 模拟面试教练,专注校招。NestJS + uni-app(Vue3) + MongoDB。
### Step 1: 代码评审 ---
- 检查变更是否符合现有代码模式(schema、service、controller、module 的结构一致性)
- 检查是否有未使用的变量、import、参数
- 检查命名规范是否与项目一致
- 检查是否有重复代码或可复用逻辑
### Step 2: 安全评审 ## 一、项目结构
- **注入防护**:检查所有外部输入(请求 body、query、params)是否有注入风险(HTML、Shell、NoSQL
- **认证/授权**:检查端点是否正确地加了 JWT guard 或 `@Public()`;管理端接口是否有 AdminGuard
- **并发安全**:检查所有修改用户额度/积分的操作是否使用原子操作(`findOneAndUpdate + $inc`),而非 read-modify-write
- **敏感信息**:检查是否误将密钥、凭据、token 暴露到响应或日志中
- **XSS/CSRF**:检查用户内容输出到 HTML/PDF 时是否做了转义
### Step 3: 性能优化 ```
- 检查是否有 N+1 查询(循环内查数据库),应使用批量查询或聚合 zhiyin/
- 检查大表查询是否有索引覆盖 ├── backend/ # NestJS 10.x 后端 (端口 3006, 前缀 /api)
- 检查是否有不必要的 `.lean()` 缺失(读操作用 `exec()` 但不需要 mongoose document 方法时应加 `.lean()` │ └── src/
- 检查是否有内存泄漏风险(如 puppeteer browser 未在 finally 中 close │ ├── main.ts # 入口:DOMMatrix polyfill → NestFactory → CORS → ValidationPipe
- Throttler/限流是否合理 │ ├── app.module.ts # 根模块:导入全部子模块 + JWT/Throttler/Mongoose
│ ├── common/
### Step 4: 完整测试 │ │ ├── guards/ # JwtAuthGuard (全局), admin.guard.ts
```bash │ │ ├── strategies/ # JwtStrategy
# 构建检查(注意内存限制,服务器 OOM 时加 --max-old-space-size │ │ ├── decorators/ # @CurrentUser, @Public()
cd /root/opencode-workspace/zhiyin/backend && NODE_OPTIONS="--max-old-space-size=2048" npx nest build 2>&1 │ │ └── filters/ # AllExceptionsFilter
│ └── modules/ # 19 个模块(详见下文)
# 单元测试 ├── zhiyin-app/ # uni-app 3.x 前端 (H5 + 微信小程序)
npm test -- --forceExit --detectOpenHandles 2>&1 │ └── src/
│ ├── pages/ # 18 个页面 (pages.json 路由)
# 如果有变更的模块,验证关键 endpoint curl 可访问 │ ├── services/api.ts # API 调用封装 (uni.request)
│ ├── config.ts # 端点定义 + api() 辅助函数
│ └── App.vue # 设计 Token + 全局样式
└── docs/ # 产品/架构/部署/路线图文档
``` ```
### Step 5: 同步修复 ### 后端模块清单
- 上述步骤发现的问题必须修复后再发布
- 修复后重新执行 Step 4 验证构建通过
### Step 6: 部署到生产 | 模块 | 职责 |
|------|------|
| `user` | 手机/邮箱/密码/微信登录, JWT, 配额 |
| `interview` | AI 面试核心(多轮对话 + 评分 + 报告 + 进度) |
| `ai` | AI 调用封装(deepseek-v4-flash 主 + step-3.5-flash 备) |
| `analyze` | 简历诊断 / 优化 / 技能缺口分析 |
| `resume` | 简历 CRUD |
| `member` | 会员套餐 / 权益扣减 |
| `payment` | 微信支付 v3Native + JSAPI + 回调) |
| `progress` | 进步轨迹雷达图 / 打卡日历 / 行业基准 / 岗位匹配 |
| `contribution` | 面经贡献 + 公司题库(数据飞轮核心) |
| `schedule` | 定时任务:VIP 过期降级、每日一题推送、微信 token 刷新 |
| `share` | 分享链接生成 / 访问追踪 / 积分奖励 |
| `tts` | 语音合成(TTS |
| `admin` | 管理后台 API |
| `positions` | 热门岗位维护 |
| `interview-review` | 面试复盘(音频上传 -> whisper.cpp ASR -> AI 评析 -> 口语分析) |
| `upload` | 文件上传(PDF/图片) |
| `email` | 邮件发送 |
| `daily-question` | 每日一题 API |
| `schemas/` | 共享 Schemapricing 定价、site-config、company-bank 等) |
### 前端页面(3 Tab + 16 子页)
- **Tab1 面试**: pages/index/index → interview → report
- **Tab2 面经**: pages/history/history → contribute → company-bank
- **Tab3 我的**: pages/user/user → login/member/progress/resume/review/about/agreement/privacy/admin/share
- 其他: internship, result
---
## 二、架构约定(必须遵守)
### 模块模式
每个业务模块遵循 NestJS 标准结构:
```
模块名/
├── 模块名.module.ts # @Module({ imports: [MongooseModule.forFeature(...)], controllers, providers, exports })
├── 模块名.controller.ts # @Controller('prefix'),注入 service
├── 模块名.service.ts # @Injectable(),注入 Model
└── 模块名.schema.ts # @Schema({ timestamps: true })class + SchemaFactory
```
### 认证体系
- **全局守卫**: `JwtAuthGuard` 默认拦截所有路由(在 `app.module.ts``APP_GUARD` 注册)
- **白名单**: 公开接口加 `@Public()` 装饰器(登录、注册、支付回调、分享访问等)
- **管理员**: 管理接口加 `@UseGuards(AdminGuard)`admin controller 内部)
- **当前用户**: `@CurrentUser('userId')` 从 JWT payload 提取用户 ID
- **JWT 过期**: 7 天,在 `app.module.ts` 和每个模块的 `JwtModule.register` 中配置
### 安全硬性要求
1. **JWT_SECRET 必须来自环境变量**,不允许任何硬编码 fallback(已有历史漏洞修复)
2. **所有外部输入**经过 class-validator `ValidationPipe({ whitelist: true, forbidNonWhitelisted: true })`
3. **修改用户额度/积分**使用 `findOneAndUpdate + $inc` 原子操作,禁止 read-modify-write
4. **支付订单查询**校验 userId 归属,防止 IDOR
5. **CORS** 生产环境必须配置白名单(当前在 `main.ts` 中从 `CORS_ORIGINS` 环境变量读取)
6. **用户内容输出到响应**时避免泄漏敏感信息(验证码、密钥等)
7. **MongoDB 查询**中对外部输入的字符串做特殊字符转义(尤其在 admin 模块)
### AI 调用
- 主模型: `opencode-go` (deepseek-v4-flash)
- 备用模型: NVIDIA (stepfun-ai/step-3.5-flash)
- 主用不可用时自动切换(在 `ai` 模块处理)
- 环境变量: `AI_PRIMARY_KEY`, `AI_BACKUP_KEY`
### 支付(微信支付 v3
- Native 支付(H5 扫码): `POST /payment/create`
- JSAPI 支付(小程序内): `POST /payment/jsapi`
- 支付回调: `POST /payment/notify`@Public,验签 + 解密 + 自动开会员)
- 需要微信商户证书文件(通过 postbuild 复制到 dist
---
## 三、开发命令
### 后端
```bash ```bash
# 构建 # 路径: backend/
cd /root/opencode-workspace/zhiyin/backend && npx nest build npm run start:dev # 开发模式(watch
npm run build # 编译到 dist/
npm test # 单元测试(43 个,jest --forceExit --detectOpenHandles
npm run test:e2e # 集成测试(11 个,需 MongoDB 运行)
npm run test:cov # 覆盖率报告
npm run test:browser # Playwright API 测试(需后端运行)
```
# 同步到生产目录 ### 前端
```bash
# 路径: zhiyin-app/
npm run dev:mp-weixin # 微信小程序开发(uni -p mp-weixin
npm run build:mp-weixin # 构建小程序(输出 dist/build/mp-weixin/
npm run dev:h5 # H5 开发(端口 8888,带 /api 代理到 localhost:3006
npm run build:h5 # 构建 H5(输出 dist/build/h5/
npm test # 前端单元测试(vitest,7 个)
```
### 构建检查
```bash
# 后端构建(注意 OOM:需 NODE_OPTIONS="--max-old-space-size=2048"
cd backend && NODE_OPTIONS="--max-old-space-size=2048" npx nest build
```
### 部署
```bash
cd backend && npx nest build
cp -rf dist/* /www/wwwroot/server/zhiyin/backend/dist/ cp -rf dist/* /www/wwwroot/server/zhiyin/backend/dist/
# 复制证书(postbuild 替代)
cp -r certs /www/wwwroot/server/zhiyin/backend/dist/src/certs cp -r certs /www/wwwroot/server/zhiyin/backend/dist/src/certs
# 重启
pm2 restart yhl-backend pm2 restart yhl-backend
# 验证
sleep 3 && curl -s http://localhost:3006/api/user/wx-login -X POST -H "Content-Type: application/json" -d '{"code":"test"}' sleep 3 && curl -s http://localhost:3006/api/user/wx-login -X POST -H "Content-Type: application/json" -d '{"code":"test"}'
``` ```
### 小程序上传
```bash
cd zhiyin-app && npm run build:mp-weixin && node scripts/upload-mp.js
```
---
## 四、测试注意事项
- **e2e 测试**需要 MongoDB 运行 + `jest-setup.ts` 设置测试 JWT_SECRET
- `payment.controller.spec.ts` 涉及微信支付,需 mock 外部依赖
- `benchmark.service.spec.ts` 涉及行业基准计算
- Playwright 测试需要后端已在运行(测试 `api.browser.spec.ts`
- 测试文件位置:`backend/src/**/*.spec.ts`(单元),`backend/test/*.e2e-spec.ts`(集成),`backend/test/*.browser.spec.ts`(浏览器)
- 前端测试:`zhiyin-app/src/**/*.spec.ts`vitest + jsdom
---
## 五、定时任务(3 个 cron,在 schedule 模块)
| 服务 | 周期 | 职责 |
|------|------|------|
| `VipExpiryService` | 每日 00:00 | 扫描过期 VIP 并降级为 free 计划 |
| `DailyQuestionPushService` | 每日 09:00 | 通过微信订阅消息推送每日一题(需配置模板 ID) |
| `WechatTokenService` | 每 2 小时 | 刷新微信 access_token(缓存到 Redis |
---
## 六、项目状态与开发阶段
**当前**: Phase 0.5 完成,Phase 1MVP 上线)进行中
| 阶段 | 状态 | 关键交付 |
|------|------|---------|
| Phase 0: 战略升级 | ✅ 完成 | 定价重构(免费 + ¥19.9/月),三层壁垒设计 |
| Phase 0.5: 壁垒构建 | ✅ 完成 | 数据飞轮(面经贡献+题库),留存入围(进步轨迹+打卡日历+每日一题) |
| Phase 1: MVP 上线 | 🚧 当前 | 小程序审核提交、微信登录联调、生产部署、100 人内测 |
| Phase 1.5: 商业化 | 📋 规划 | 冲刺版 ¥49.9/月、每日一题定时推送、PMF 验证 |
| Phase 2: 增强 + 题库 | 📋 规划 | 50+ 校招岗位、技能缺口分析、公司真题库建设 |
| Phase 3: 秋招冲刺 | 📋 规划 | 高校合作、B 端服务、KOC 推广 |
详细产品规划见 `docs/PRODUCT-PLAN.md`,路线图见 `docs/ROADMAP.md`
---
## 七、环境变量
### 后端(`backend/.env`,不提交 git,在 `.gitignore` 中)
```
MONGODB_URI=mongodb://localhost:27017/zhiyin
JWT_SECRET=your-strong-secret-at-least-32-chars
PORT=3006
AI_PRIMARY_KEY=xxx
AI_BACKUP_KEY=xxx
WECHAT_APPID=wxf466b3c3bc411ffc
WECHAT_MCHID=xxx
WECHAT_API_KEY=xxx
WECHAT_SERIAL_NO=xxx
WECHAT_PRIVATE_KEY_PATH=/path/to/apiclient_key.pem
WX_DAILY_QUESTION_TMPL=微信订阅消息模板 ID
CORS_ORIGINS=http://localhost:8888,https://zhiyin.yzrcloud.cn
WHISPER_CPP_PATH=/home/wlt/whisper.cpp # whisper.cpp 路径
WHISPER_MODEL=base # ASR 模型:tiny / base / small
WHISPER_LANGUAGE=zh # ASR 语言
WHISPER_THREADS=4 # ASR CPU 线程数
```
### 前端(`zhiyin-app/.env.production`,已提交 git
```
VITE_API_BASE_URL=https://zhiyinwx.yzrcloud.cn/api
VITE_APP_NAME=AI磁场
```
---
## 八、技术细节与坑
1. **DOMMatrix polyfill**: `main.ts` 顶部有 pdf-parse 所需的浏览器 API polyfillDOMMatrix / DOMPoint),新增 PDF 相关功能时注意兼容性
2. **postbuild**: `backend/package.json` 中的 `postbuild` 脚本自动复制 `certs/``dist/src/certs/`,这是微信支付证书的必要步骤
3. **微信小程序 appid**: `zhiyin-app/manifest.json``mp-weixin.appid = wxf466b3c3bc411ffc`;开发模式 `appid = __UNI__DEV__`
4. **前端 API 调用**: `zhiyin-app/src/services/api.ts` 封装了 `uni.request`,自动处理 token 注入(从 `uni.getStorageSync('token')`)和 401 过期跳转
5. **前端环境判断**: `config.ts` 中使用 `// #ifdef H5` / `// #ifdef MP-WEIXIN` 条件编译区分 H5 和小程序
6. **API 限流**: 100 次/60 秒(在 `app.module.ts` 中配置),注意避免在定时任务和批量操作中被限
7. **验证码**: 开发模式下手机验证码固定为 `123456``user.service.ts` 中实现),生产环境需移除
8. **MongoDB**: 8 个核心集合 + 2 个分享集合
---
## 九、交付检查清单(每次实施/修改后执行)
### Step 1: 代码评审
- [ ] 是否符合现有模块模式(schema→service→controller→module
- [ ] 是否有多余变量、import、参数
- [ ] 命名是否与项目一致
- [ ] 是否有重复代码或可复用逻辑
### Step 2: 安全评审
- [ ] 外部输入是否有注入风险(HTML、Shell、NoSQL
- [ ] 接口是否正确加了 JWT guard 或 `@Public()`
- [ ] 管理端接口是否有 AdminGuard
- [ ] 修改用户额度/积分是否用 `$inc` 原子操作
- [ ] 敏感信息是否泄漏到响应或日志中
- [ ] 用户内容输出是否做了转义
### Step 3: 性能评审
- [ ] 是否存在 N+1 查询
- [ ] 大表查询是否有索引覆盖
- [ ] 读操作是否该加 `.lean()`
- [ ] 是否有内存泄漏风险(puppeteer 等资源未释放)
### Step 4: 测试验证
```bash
cd backend && NODE_OPTIONS="--max-old-space-size=2048" npx nest build
npm test -- --forceExit --detectOpenHandles
```
### Step 5: LSP 诊断
- [ ] Changed files diagnostics clean
- [ ] 无 `as any` / `@ts-ignore` / `@ts-expect-error`
+2
View File
@@ -26,6 +26,7 @@ import { ScheduleModule } from './modules/schedule/schedule.module'
import { TtsModule } from './modules/tts/tts.module' import { TtsModule } from './modules/tts/tts.module'
import { PricingModule } from './modules/schemas/pricing.module' import { PricingModule } from './modules/schemas/pricing.module'
import { ShareModule } from './modules/share/share.module' import { ShareModule } from './modules/share/share.module'
import { InterviewReviewModule } from './modules/interview-review/interview-review.module'
const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://localhost:27017/zhiyin' const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://localhost:27017/zhiyin'
@@ -60,6 +61,7 @@ const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://localhost:27017/zhiyin
TtsModule, TtsModule,
PricingModule, PricingModule,
ShareModule, ShareModule,
InterviewReviewModule,
], ],
providers: [ providers: [
JwtStrategy, JwtStrategy,
@@ -0,0 +1,218 @@
import { Injectable, Logger } from '@nestjs/common'
import { execSync } from 'child_process'
import * as path from 'path'
import * as fs from 'fs'
export interface AsrSegment {
startTime: number
endTime: number
speaker: 'interviewer' | 'candidate'
text: string
}
export interface AsrResult {
fullText: string
segments: AsrSegment[]
duration: number
}
export interface AsrConfig {
/** Path to whisper.cpp build/bin/ directory */
whisperCppPath?: string
/** Model name: tiny | base | small | medium */
model?: string
/** Language code (zh, en, auto) */
language?: string
}
@Injectable()
export class AsrService {
private readonly logger = new Logger(AsrService.name)
private readonly whisperCppPath: string
private readonly modelPath: string
private readonly language: string
private readonly cliPath: string
constructor() {
// Configuration via env vars with sensible defaults
this.whisperCppPath = process.env.WHISPER_CPP_PATH || '/home/wlt/whisper.cpp'
this.language = process.env.WHISPER_LANGUAGE || 'zh'
const modelName = process.env.WHISPER_MODEL || 'base'
this.modelPath = path.join(this.whisperCppPath, 'models', `ggml-${modelName}.bin`)
this.cliPath = path.join(this.whisperCppPath, 'build', 'bin', 'whisper-cli')
// Validate whisper.cpp installation on startup
if (!fs.existsSync(this.cliPath)) {
this.logger.warn(`whisper-cli not found at ${this.cliPath}. ASR will fall back to mock.`)
}
if (!fs.existsSync(this.modelPath)) {
this.logger.warn(`Whisper model not found at ${this.modelPath}. ASR will fall back to mock.`)
}
}
async transcribe(audioPath: string, _mimeType: string): Promise<AsrResult> {
this.logger.log(`Transcribing audio: ${audioPath}`)
// Try companion .txt file first (for debugging/testing)
const txtPath = audioPath.replace(/\.(mp3|m4a|wav|aac|ogg|mp4|webm)$/i, '.txt')
try {
if (fs.existsSync(txtPath)) {
const text = fs.readFileSync(txtPath, 'utf-8')
this.logger.log(`Found companion transcript: ${txtPath}`)
return {
fullText: text,
segments: [{
startTime: 0,
endTime: Math.max(text.length / 3.5, 10),
speaker: 'candidate',
text,
}],
duration: Math.max(text.length / 3.5, 10),
}
}
} catch { /* ignore */ }
// Try whisper.cpp
if (fs.existsSync(this.cliPath) && fs.existsSync(this.modelPath)) {
try {
return await this.transcribeWithWhisper(audioPath)
} catch (err: any) {
this.logger.error(`whisper.cpp transcription failed: ${err.message}, falling back to mock`)
}
}
// Fallback to mock
this.logger.warn('Using MOCK ASR — whisper.cpp not available')
return this.mockTranscribe()
}
private async transcribeWithWhisper(audioPath: string): Promise<AsrResult> {
// Ensure audio file exists
if (!fs.existsSync(audioPath)) {
throw new Error(`Audio file not found: ${audioPath}`)
}
// Convert to WAV if needed (whisper.cpp works best with WAV)
const wavPath = await this.ensureWav(audioPath)
// Run whisper-cli with JSON output
const cmd = [
this.cliPath,
'-m', this.modelPath,
'-f', wavPath,
'-l', this.language,
'-oj', // JSON output
'-t', String(Math.max(1, this.getCpuThreads())), // thread count
'--no-prints', // suppress timing info on stderr
].join(' ')
this.logger.log(`Running: ${this.cliPath} -m ${this.modelPath} -f ${wavPath} -l ${this.language}`)
const stdout = execSync(cmd, { timeout: 600000, encoding: 'utf-8' }) // 10 min timeout
// Parse the JSON output
const segments = this.parseWhisperOutput(stdout)
const fullText = segments.map(s => s.text).join(' ')
const duration = segments.length > 0
? segments[segments.length - 1].endTime
: 0
return { fullText, segments, duration }
}
private parseWhisperOutput(stdout: string): AsrSegment[] {
try {
// whisper.cpp -oj outputs one JSON object per line
const lines = stdout.trim().split('\n')
const segments: AsrSegment[] = []
for (const line of lines) {
try {
const parsed = JSON.parse(line)
if (parsed.text && parsed.offsets) {
segments.push({
startTime: parsed.offsets.from / 1000, // ms to seconds
endTime: parsed.offsets.to / 1000,
speaker: 'candidate',
text: parsed.text.trim(),
})
} else if (parsed.text && parsed.start !== undefined) {
// Alternative format
segments.push({
startTime: parsed.start,
endTime: parsed.end || parsed.start + 2,
speaker: 'candidate',
text: parsed.text.trim(),
})
}
} catch { /* skip unparseable lines */ }
}
if (segments.length > 0) return segments
} catch { /* fall through */ }
// Fallback: treat entire output as raw text
this.logger.warn('Could not parse structured JSON output, using raw text')
return [{
startTime: 0,
endTime: 0,
speaker: 'candidate',
text: stdout.trim(),
}]
}
/**
* Convert audio to WAV format if needed.
* Uses ffmpeg if available, otherwise returns original path.
*/
private async ensureWav(audioPath: string): Promise<string> {
const ext = path.extname(audioPath).toLowerCase()
if (ext === '.wav') return audioPath
const wavPath = audioPath.replace(/\.[^.]+$/, '.wav')
try {
execSync(`ffmpeg -y -i "${audioPath}" -ar 16000 -ac 1 -c:a pcm_s16le "${wavPath}"`, {
timeout: 300000,
encoding: 'utf-8',
stdio: 'pipe',
})
this.logger.log(`Converted ${audioPath} to WAV: ${wavPath}`)
return wavPath
} catch (err: any) {
this.logger.warn(`ffmpeg conversion failed: ${err.message}. Trying original format.`)
return audioPath
}
}
private getCpuThreads(): number {
try {
return parseInt(process.env.WHISPER_THREADS || '', 10) ||
require('os').cpus().length || 4
} catch {
return 4
}
}
/** Mock transcription for development/testing when whisper.cpp is not available */
private mockTranscribe(): AsrResult {
const paragraphs = [
'我毕业于计算机科学与技术专业,大学期间主要学习了数据结构、算法、操作系统、计算机网络等核心课程。',
'在项目经验方面,我参与过一个电商平台的开发,主要负责后端接口的设计和实现,使用了 Node.js 和 MongoDB 技术栈。',
'这个项目的难点在于高并发场景下的性能优化,我通过引入 Redis 缓存和数据库索引优化,将接口响应时间从 2 秒降低到了 200 毫秒。',
'关于这个岗位,我了解到贵公司主要使用 React 技术栈,我之前在两个项目中使用过 React,对 Hooks、状态管理、组件化开发都比较熟悉。',
]
const fullText = paragraphs.join('\n')
return {
fullText,
segments: [{
startTime: 0,
endTime: 120,
speaker: 'candidate',
text: fullText,
}],
duration: 120,
}
}
}
@@ -0,0 +1,100 @@
import {
Controller, Post, Get, Delete, Param, Query,
UseInterceptors, UploadedFile, Body,
HttpException, HttpStatus,
} from '@nestjs/common'
import { FileInterceptor } from '@nestjs/platform-express'
import { diskStorage } from 'multer'
import { extname, join } from 'path'
import * as fs from 'fs'
import { randomUUID } from 'crypto'
import { InterviewReviewService } from './interview-review.service'
import { CurrentUser } from '../../common/decorators/current-user.decorator'
const UPLOAD_DIR = join(process.cwd(), 'uploads', 'reviews')
if (!fs.existsSync(UPLOAD_DIR)) {
fs.mkdirSync(UPLOAD_DIR, { recursive: true })
}
@Controller('interview-review')
export class InterviewReviewController {
constructor(private service: InterviewReviewService) {}
/** Upload audio file + metadata */
@Post()
@UseInterceptors(FileInterceptor('file', {
storage: diskStorage({
destination: (_req, _file, cb) => cb(null, UPLOAD_DIR),
filename: (_req, file, cb) => {
const name = randomUUID() + extname(file.originalname || '.mp3')
cb(null, name)
},
}),
limits: { fileSize: 50 * 1024 * 1024 },
fileFilter: (_req, file, cb) => {
const allowed = /\.(mp3|m4a|wav|aac|ogg|mp4|webm)$/i
if (allowed.test(extname(file.originalname))) {
cb(null, true)
} else {
cb(new HttpException('仅支持 mp3/m4a/wav/aac/ogg 格式', HttpStatus.BAD_REQUEST), false)
}
},
}))
async uploadFile(
@UploadedFile() file: any,
@Body('position') position: string,
@Body('company') company: string,
@CurrentUser('userId') userId: string,
) {
if (!file) {
throw new HttpException('请上传录音文件', HttpStatus.BAD_REQUEST)
}
if (!position || !position.trim()) {
throw new HttpException('请填写面试岗位', HttpStatus.BAD_REQUEST)
}
return this.service.create(userId, position.trim(), company?.trim(), file)
}
/** Submit text transcript directly (no audio) */
@Post('text')
async submitText(
@Body('position') position: string,
@Body('company') company: string,
@Body('text') text: string,
@CurrentUser('userId') userId: string,
) {
if (!position || !position.trim()) {
throw new HttpException('请填写面试岗位', HttpStatus.BAD_REQUEST)
}
if (!text || !text.trim()) {
throw new HttpException('请填写面试转录文本', HttpStatus.BAD_REQUEST)
}
return this.service.createFromText(userId, position.trim(), text.trim(), company?.trim())
}
@Get('list')
async list(
@Query('page') page: string,
@Query('limit') limit: string,
@CurrentUser('userId') userId: string,
) {
return this.service.listByUser(userId, parseInt(page) || 1, parseInt(limit) || 20)
}
@Get(':id')
async getDetail(
@Param('id') id: string,
@CurrentUser('userId') userId: string,
) {
return this.service.getDetail(id, userId)
}
@Delete(':id')
async delete(
@Param('id') id: string,
@CurrentUser('userId') userId: string,
) {
return this.service.delete(id, userId)
}
}
@@ -0,0 +1,19 @@
import { Module } from '@nestjs/common'
import { MongooseModule } from '@nestjs/mongoose'
import { InterviewReviewController } from './interview-review.controller'
import { InterviewReviewService } from './interview-review.service'
import { InterviewReview, InterviewReviewSchema } from './interview-review.schema'
import { AsrService } from './asr.service'
import { AiModule } from '../ai/ai.module'
@Module({
imports: [
MongooseModule.forFeature([
{ name: InterviewReview.name, schema: InterviewReviewSchema },
]),
AiModule,
],
controllers: [InterviewReviewController],
providers: [InterviewReviewService, AsrService],
})
export class InterviewReviewModule {}
@@ -0,0 +1,79 @@
import { Prop, Schema, SchemaFactory } from '@nestjs/mongoose'
import { Document, Types } from 'mongoose'
export type InterviewReviewDocument = InterviewReview & Document
@Schema({ timestamps: true })
export class InterviewReview {
@Prop({ type: Types.ObjectId, ref: 'User', required: true })
userId: Types.ObjectId
@Prop({ required: true })
position: string
@Prop({ default: '' })
company: string
@Prop({ default: 'processing' })
status: 'processing' | 'completed' | 'failed'
@Prop({ type: Object, default: null })
audioFile?: {
hash: string
filePath: string
duration: number
size: number
mimeType: string
}
@Prop({ type: Object, default: null })
transcript?: {
fullText: string
segments: {
startTime: number
endTime: number
speaker: 'interviewer' | 'candidate'
text: string
}[]
}
@Prop({ type: Object, default: null })
analysis?: {
overallScore: number
dimensions: {
logic: number
expression: number
professionalism: number
stability: number
}
strengths: string[]
weaknesses: string[]
suggestions: string[]
questionBreakdown: {
question: string
answer: string
score: number
comment: string
suggestedAnswer: string
}[]
}
@Prop({ type: Object, default: null })
speechAnalysis?: {
fillerWords: { word: string; count: number }[]
fillerScore: number
fillerDensity: number
pace: string
totalDuration: number
totalChars: number
}
@Prop({ default: 0 })
retryCount: number
readonly createdAt?: Date
readonly updatedAt?: Date
}
export const InterviewReviewSchema = SchemaFactory.createForClass(InterviewReview)
InterviewReviewSchema.index({ userId: 1, createdAt: -1 })
@@ -0,0 +1,302 @@
import { Injectable, Logger, HttpException, HttpStatus } from '@nestjs/common'
import { InjectModel } from '@nestjs/mongoose'
import { Model } from 'mongoose'
import { InterviewReview, InterviewReviewDocument } from './interview-review.schema'
import { AiService } from '../ai/ai.service'
import { AsrService } from './asr.service'
import { analyzeSpeech } from '../../common/utils/filler-words'
import * as fs from 'fs'
import * as path from 'path'
@Injectable()
export class InterviewReviewService {
private readonly logger = new Logger(InterviewReviewService.name)
constructor(
@InjectModel(InterviewReview.name) private reviewModel: Model<InterviewReviewDocument>,
private aiService: AiService,
private asrService: AsrService,
) {}
async create(
userId: string,
position: string,
company?: string,
audioFile?: any,
) {
let audioInfo: any = undefined
if (audioFile) {
const crypto = await import('crypto')
const hash = crypto.createHash('md5').update(audioFile.buffer).digest('hex')
audioInfo = {
hash,
filePath: audioFile.path,
duration: 0,
size: audioFile.size,
mimeType: audioFile.mimetype,
}
}
const review = new this.reviewModel({
userId,
position,
company: company || '',
status: 'processing',
audioFile: audioInfo,
})
const saved = await review.save()
// Start async processing (non-blocking)
this.processReview(saved._id.toString()).catch((err) => {
this.logger.error(`Review ${saved._id} processing failed: ${err.message}`)
})
return {
id: saved._id.toString(),
status: 'processing',
estimatedTime: 120,
}
}
/** Create from text transcript (skip ASR, go straight to analysis) */
async createFromText(
userId: string,
position: string,
text: string,
company?: string,
) {
const review = new this.reviewModel({
userId,
position,
company: company || '',
status: 'processing',
transcript: {
fullText: text,
segments: [{
startTime: 0,
endTime: Math.max(text.length / 3.5, 10),
speaker: 'candidate',
text,
}],
},
})
const saved = await review.save()
this.processReview(saved._id.toString()).catch((err) => {
this.logger.error(`Review ${saved._id} processing failed: ${err.message}`)
})
return {
id: saved._id.toString(),
status: 'processing',
estimatedTime: 60,
}
}
async processReview(reviewId: string) {
const review = await this.reviewModel.findById(reviewId)
if (!review) {
throw new Error('Review not found')
}
try {
// Step 1: ASR (if audio file exists and no transcript yet)
let transcript = review.transcript
if (!transcript && review.audioFile?.filePath) {
const asrResult = await this.asrService.transcribe(
review.audioFile.filePath,
review.audioFile.mimeType,
)
transcript = {
fullText: asrResult.fullText,
segments: asrResult.segments.map(s => ({
startTime: s.startTime,
endTime: s.endTime,
speaker: s.speaker as 'interviewer' | 'candidate',
text: s.text,
})),
}
await this.reviewModel.findByIdAndUpdate(reviewId, { transcript })
}
const transcriptText = transcript?.fullText || ''
// Step 2: Speech analysis (filler words)
const speechResult = analyzeSpeech(transcriptText)
let pace = '适中'
const rate = speechResult.speechRate
if (rate > 5) pace = '偏快'
else if (rate < 2.5) pace = '偏慢'
const speechAnalysis = {
fillerWords: speechResult.fillerWords,
fillerScore: speechResult.fillerScore,
fillerDensity: speechResult.fillerDensity,
pace,
totalDuration: speechResult.estimatedDurationSec,
totalChars: speechResult.totalChars,
}
// Step 3: AI analysis
const analysis = await this.runAiAnalysis(transcriptText, review.position, review.company)
// Save results
await this.reviewModel.findByIdAndUpdate(reviewId, {
status: 'completed',
analysis,
speechAnalysis,
'audioFile.duration': speechResult.estimatedDurationSec,
})
} catch (err: any) {
this.logger.error(`Processing failed for review ${reviewId}: ${err.message}`)
await this.reviewModel.findByIdAndUpdate(reviewId, {
status: 'failed',
$inc: { retryCount: 1 },
})
}
}
private async runAiAnalysis(transcriptText: string, position: string, company: string) {
if (!transcriptText.trim()) {
return this.emptyAnalysis()
}
const systemPrompt = `你是一位资深的校招面试评估专家。分析以下面试转录内容,输出评估报告。
评估维度(0-100分):
1. 逻辑思维(logic):回答是否结构化、层次分明、有因果关系
2. 表达能力(expression):语言是否流畅、用词是否准确、表达是否清晰
3. 专业度(professionalism):技术栈掌握程度、行业认知深度、术语使用是否准确
4. 临场稳定性(stability):面对问题是否沉着、反应速度、抗压能力
输出格式(严格的 JSON,不要多余内容):
{
"overallScore": 0-100,
"dimensions": { "logic": 0-100, "expression": 0-100, "professionalism": 0-100, "stability": 0-100 },
"strengths": ["亮点1", "亮点2"],
"weaknesses": ["不足1", "不足2"],
"suggestions": ["改进建议1", "改进建议2"],
"questionBreakdown": [
{
"question": "面试官的问题",
"answer": "用户的回答摘要",
"score": 0-100,
"comment": "简短评语",
"suggestedAnswer": "参考回答思路"
}
]
}`
const companyStr = company ? `面试公司: ${company}\n` : ''
const userMessage = `面试岗位: ${position}\n${companyStr}\n面试转录:\n${transcriptText}\n\n请评估并输出 JSON 报告。`
try {
const result = await this.aiService.call({
systemPrompt,
userMessage,
temperature: 0.5,
maxTokens: 2048,
})
const parsed = JSON.parse(result)
// Validate required fields
if (!parsed.overallScore || !parsed.dimensions) {
return this.emptyAnalysis()
}
return {
overallScore: Math.min(100, Math.max(0, Math.round(parsed.overallScore))),
dimensions: {
logic: Math.min(100, Math.max(0, Math.round(parsed.dimensions.logic || 0))),
expression: Math.min(100, Math.max(0, Math.round(parsed.dimensions.expression || 0))),
professionalism: Math.min(100, Math.max(0, Math.round(parsed.dimensions.professionalism || 0))),
stability: Math.min(100, Math.max(0, Math.round(parsed.dimensions.stability || 0))),
},
strengths: Array.isArray(parsed.strengths) ? parsed.strengths : [],
weaknesses: Array.isArray(parsed.weaknesses) ? parsed.weaknesses : [],
suggestions: Array.isArray(parsed.suggestions) ? parsed.suggestions : [],
questionBreakdown: Array.isArray(parsed.questionBreakdown) ? parsed.questionBreakdown.slice(0, 10) : [],
}
} catch {
return this.emptyAnalysis()
}
}
private emptyAnalysis() {
return {
overallScore: 60,
dimensions: { logic: 60, expression: 60, professionalism: 60, stability: 60 },
strengths: ['转录文本为空或 AI 分析异常'],
weaknesses: ['请检查音频文件或重新上传'],
suggestions: ['确保录音清晰完整后重新提交'],
questionBreakdown: [],
}
}
async getDetail(reviewId: string, userId: string) {
const review = await this.reviewModel.findById(reviewId).lean()
if (!review) {
throw new HttpException('复盘记录不存在', HttpStatus.NOT_FOUND)
}
if (review.userId.toString() !== userId) {
throw new HttpException('无权访问', HttpStatus.FORBIDDEN)
}
return this.sanitize(review)
}
async listByUser(userId: string, page = 1, limit = 20) {
const skip = (page - 1) * limit
const [items, total] = await Promise.all([
this.reviewModel
.find({ userId })
.sort({ createdAt: -1 })
.skip(skip)
.limit(limit)
.select('-transcript.fullText -transcript.segments')
.lean(),
this.reviewModel.countDocuments({ userId }),
])
return {
items: items.map(i => this.sanitize(i)),
total,
page,
limit,
totalPages: Math.ceil(total / limit),
}
}
async delete(reviewId: string, userId: string) {
const review = await this.reviewModel.findById(reviewId)
if (!review) {
throw new HttpException('复盘记录不存在', HttpStatus.NOT_FOUND)
}
if (review.userId.toString() !== userId) {
throw new HttpException('无权删除', HttpStatus.FORBIDDEN)
}
// Delete audio file if exists
if (review.audioFile?.filePath) {
try {
fs.unlinkSync(review.audioFile.filePath)
} catch {
// ignore
}
}
await this.reviewModel.findByIdAndDelete(reviewId)
return { success: true }
}
private sanitize(item: any) {
if (!item) return item
const obj = { ...item }
// Remove sensitive fields
if (obj.audioFile?.filePath) {
obj.audioFile = { ...obj.audioFile }
delete obj.audioFile.filePath
}
return obj
}
}
+30 -6
View File
@@ -1,8 +1,8 @@
# 职引 · 完整功能清单 v4.1 # 职引 · 完整功能清单 v4.2
> **版本**: v4.1 > **版本**: v4.2
> **日期**: 2026-06-09 > **日期**: 2026-06-16
> **状态**: Phase 0.5 壁垒构建完成 > **状态**: Phase 0.5 壁垒构建完成 + 面试复盘上线
> **定位**: 应届生/实习生 AI 面试教练 > **定位**: 应届生/实习生 AI 面试教练
--- ---
@@ -41,6 +41,18 @@
| 连续打卡日历 | ✅ 完成 | 面试频率可视化,连续打卡激励 | P1 | | 连续打卡日历 | ✅ 完成 | 面试频率可视化,连续打卡激励 | P1 |
| 每日一题推送 | ⚠️ 半完成 | 首页展示 + API 读取,**无定时推送** | P0 | | 每日一题推送 | ⚠️ 半完成 | 首页展示 + API 读取,**无定时推送** | P0 |
### 1.4 面试复盘(新增)
| 功能 | 状态 | 描述 | 优先级 |
|------|------|------|--------|
| 音频文件上传 | ✅ 完成 | 支持 MP3/M4A/WAV/AAC/OGG/MP4/WebM50MB 上限 | P0 |
| 文本转录粘贴 | ✅ 完成 | 直接粘贴面试转录文本提交 | P0 |
| whisper.cpp ASR | ✅ 完成 | 本地离线语音转文字,支持 tiny/base 模型 | P0 |
| AI 面试评析 | ✅ 完成 | 四维评分(逻辑/表达/专业度/稳定性)+ 逐题评估 | P0 |
| 口语分析 | ✅ 完成 | 填充词检测 + 语速评估 | P0 |
| 无 ASR 回落 | ✅ 完成 | whisper 不可用时自动使用 mock | P1 |
| 历史记录管理 | ✅ 完成 | 列表/详情/删除 | P0 |
--- ---
## 二、用户端功能 ## 二、用户端功能
@@ -61,6 +73,7 @@
| 面试记录/统计 | ✅ 完成 | 总数/平均分/完成数 | | 面试记录/统计 | ✅ 完成 | 总数/平均分/完成数 |
| 进步轨迹 | ✅ 完成 | 雷达图 + 打卡日历 | | 进步轨迹 | ✅ 完成 | 雷达图 + 打卡日历 |
| 简历管理 | ✅ 完成 | 多份简历 CRUD + AI 分析 | | 简历管理 | ✅ 完成 | 多份简历 CRUD + AI 分析 |
| 面试复盘 | ✅ 完成 | 音频上传 → ASR → AI 评析 → 口语分析 |
| 会员中心 | ✅ 完成 | 套餐对比 + 支付 | | 会员中心 | ✅ 完成 | 套餐对比 + 支付 |
--- ---
@@ -95,6 +108,8 @@
| 面试报告生成 | ✅ 完成 | 总分 + 四维 + 优劣势分析 | | 面试报告生成 | ✅ 完成 | 总分 + 四维 + 优劣势分析 |
| 简历诊断 | ✅ 完成 | 结构 + 表达 + 关键词 + 亮点分析 | | 简历诊断 | ✅ 完成 | 结构 + 表达 + 关键词 + 亮点分析 |
| 简历优化 | ✅ 完成 | 内容优化 + 差异展示 | | 简历优化 | ✅ 完成 | 内容优化 + 差异展示 |
| 面试复盘评析 | ✅ 完成 | 转录文本 → AI 评估 → 逐题分析 |
| 口语分析 | ✅ 完成 | 填充词检测 + 语速评估 |
| 技能缺口分析 | 📋 规划中 | 基于 JD 分析技能差距 | | 技能缺口分析 | 📋 规划中 | 基于 JD 分析技能差距 |
| 学习路径推荐 | 📋 规划中 | 知识图谱驱动的职业规划 | | 学习路径推荐 | 📋 规划中 | 知识图谱驱动的职业规划 |
@@ -104,18 +119,25 @@
| opencode-go (deepseek-v4-flash) | 主用 | ✅ 已配置 | | opencode-go (deepseek-v4-flash) | 主用 | ✅ 已配置 |
| NVIDIA (stepfun-ai/step-3.5-flash) | 备用 | ✅ 已配置 | | NVIDIA (stepfun-ai/step-3.5-flash) | 备用 | ✅ 已配置 |
### ASR 引擎配置
| 引擎 | 用途 | 状态 |
|------|------|------|
| whisper.cpp (tiny/base) | 本地离线 ASR | ✅ 已编译 + 已部署 |
| mock ASR | 回落方案 | ✅ 无 whisper 时自动使用 |
--- ---
## 五、技术功能 ## 五、技术功能
| 功能 | 状态 | 描述 | | 功能 | 状态 | 描述 |
|------|------|------| |------|------|------|
| MongoDB 数据存储 | ✅ 完成 | 8 个数据模型 | | MongoDB 数据存储 | ✅ 完成 | 9 个数据模型(新增 InterviewReview |
| JWT 认证 | ✅ 完成 | 全局守卫 + 白名单机制 | | JWT 认证 | ✅ 完成 | 全局守卫 + 白名单机制 |
| API 限流 | ✅ 完成 | @nestjs/throttler 10次/分钟 | | API 限流 | ✅ 完成 | @nestjs/throttler 10次/分钟 |
| 文件上传 | ✅ 完成 | 简历 PDF/图片解析 | | 文件上传 | ✅ 完成 | 简历 PDF/图片 + 面试录音 |
| CORS 配置 | ✅ 完成 | 全开放(生产需白名单) | | CORS 配置 | ✅ 完成 | 全开放(生产需白名单) |
| 参数校验 | ✅ 完成 | class-validator whitelist | | 参数校验 | ✅ 完成 | class-validator whitelist |
| whisper.cpp ASR | ✅ 完成 | C/C++ 原生二进制,CPU 推理,MIT 协议 |
--- ---
@@ -132,6 +154,7 @@
- [x] 会员系统(¥19.9 成长版) - [x] 会员系统(¥19.9 成长版)
- [x] 微信支付对接(Native + JSAPI - [x] 微信支付对接(Native + JSAPI
- [x] 公司真题库(用户贡献驱动) - [x] 公司真题库(用户贡献驱动)
- [x] **面试复盘(音频 ASR + AI 评析 + 口语分析)**
### P1(待实现) ### P1(待实现)
- [ ] 每日一题定时推送 - [ ] 每日一题定时推送
@@ -156,3 +179,4 @@
| 2026-06-01 | 重新定位:专注校招 | AI | | 2026-06-01 | 重新定位:专注校招 | AI |
| 2026-06-05 | 战略升级:新增数据飞轮/留存入围 | 小之 | | 2026-06-05 | 战略升级:新增数据飞轮/留存入围 | 小之 |
| 2026-06-09 | 同步代码:Phase 0.5 功能标记完成,修正状态 | AI | | 2026-06-09 | 同步代码:Phase 0.5 功能标记完成,修正状态 | AI |
| 2026-06-16 | **v4.2**:新增面试复盘功能(whisper.cpp ASR + AI 评析 + 口语分析) | AI |
+25 -8
View File
@@ -1,8 +1,8 @@
# 职引项目 · 状态报告 v4.3 # 职引项目 · 状态报告 v4.4
> **项目版本**: v4.3 > **项目版本**: v4.4
> **更新时间**: 2026-06-11 > **更新时间**: 2026-06-16
> **项目状态**: ✅ 代码质量修复 + 全量测试体系搭建完 > **项目状态**: ✅ 面试复盘功能上线 + whisper.cpp 本地 ASR 集
--- ---
@@ -15,7 +15,8 @@
| 技术栈 | NestJS + MongoDB + Uni-App(Vue3) | | 技术栈 | NestJS + MongoDB + Uni-App(Vue3) |
| 定价 | 免费版 / ¥19.9/月(成长版) / ¥49.9/月(冲刺版) | | 定价 | 免费版 / ¥19.9/月(成长版) / ¥49.9/月(冲刺版) |
| AI 模型 | DeepSeek V4-Flash(主) + Step-3.5-Flash(备) | | AI 模型 | DeepSeek V4-Flash(主) + Step-3.5-Flash(备) |
| 后端模块 | user, interview, resume, member, payment, positions, ai, analyze, upload, admin, email, progress, contribution, daily-question, schedule | | ASR | whisper.cpp(本地部署,tiny/base 模型,无需 API Key |
| 后端模块 | user, interview, resume, member, payment, positions, ai, analyze, upload, admin, email, progress, contribution, daily-question, schedule, interview-review |
--- ---
@@ -24,12 +25,13 @@
| 模块 | 完成度 | 说明 | | 模块 | 完成度 | 说明 |
|------|------|------| |------|------|------|
| 后端 API | **98%** | 核心 + 护城河 P0-P5 全部实现 | | 后端 API | **98%** | 核心 + 护城河 P0-P5 全部实现 |
| 前端页面 | **85%** | 16 个页面含真实 API 调用 | | 前端页面 | **85%** | 17 个页面含真实 API 调用 |
| AI 面试模拟 | **95%** | 多轮对话 + 评分 + 报告 + 进度追踪 | | AI 面试模拟 | **95%** | 多轮对话 + 评分 + 报告 + 进度追踪 |
| 简历诊断/优化 | **95%** | 文件上传 + AI 分析 + 下载 | | 简历诊断/优化 | **95%** | 文件上传 + AI 分析 + 下载 |
| 支付系统(微信) | **95%** | API v3 完整对接,含真实证书 | | 支付系统(微信) | **95%** | API v3 完整对接,含真实证书 |
| 会员系统 | **100%** | 成长版 + 冲刺版,含权益扣减 | | 会员系统 | **100%** | 成长版 + 冲刺版,含权益扣减 |
| 护城河 P0-P5 | **100%** | AI 结构化 / 行业基准 / VIP 过期 / 分享卡片 / 打卡积分 / 岗位匹配 | | 护城河 P0-P5 | **100%** | AI 结构化 / 行业基准 / VIP 过期 / 分享卡片 / 打卡积分 / 岗位匹配 |
| 面试复盘 | **100%** | 音频上传 → whisper.cpp ASR → AI 评析 → 口语分析 |
| 测试体系 | **85%** | 43 单元 + 11 e2e + 7 前端 + Playwright 框架 | | 测试体系 | **85%** | 43 单元 + 11 e2e + 7 前端 + Playwright 框架 |
| 代码质量 | **95%** | console→Loggeras any 类型化,空 catch 检查 | | 代码质量 | **95%** | console→Loggeras any 类型化,空 catch 检查 |
| 安全审计 | **90%** | JWT 硬编码 / 凭据泄漏 / IDOR / NoSQL 注入 全部修复 | | 安全审计 | **90%** | JWT 硬编码 / 凭据泄漏 / IDOR / NoSQL 注入 全部修复 |
@@ -89,6 +91,18 @@
| 文件上传(PDF/图片) | ✅ | ✅ | **完成** | | 文件上传(PDF/图片) | ✅ | ✅ | **完成** |
| 结果下载(TXT/HTML) | N/A | ✅ | **完成** | | 结果下载(TXT/HTML) | N/A | ✅ | **完成** |
### 3.6 面试复盘(新增)
| 功能 | 后端 | 前端 | 状态 |
|------|------|------|------|
| 音频文件上传(MP3/M4A/WAV 等) | ✅ | ✅ | **完成** |
| 文本转录粘贴提交 | ✅ | ✅ | **完成** |
| whisper.cpp 本地 ASR 转写 | ✅ | N/A | **完成**tiny + base 模型) |
| AI 面试评估(四维评分) | ✅ | N/A | **完成** |
| 口语分析(填充词/语速) | ✅ | N/A | **完成** |
| 异步处理 + 状态轮询 | ✅ | ✅ | **完成** |
| 复盘历史列表/详情/删除 | ✅ | ✅ | **完成** |
| ASR mock 回落(whisper 不可用时) | ✅ | N/A | **完成** |
--- ---
## 四、测试体系 ## 四、测试体系
@@ -151,6 +165,7 @@
| `progress` | controller + schema + benchmark service | ✅ | 打卡/积分/基准/匹配 | | `progress` | controller + schema + benchmark service | ✅ | 打卡/积分/基准/匹配 |
| `contribution` | controller + schema (×2) | ✅ | 面经 + AI 结构化 + 公司题库 | | `contribution` | controller + schema (×2) | ✅ | 面经 + AI 结构化 + 公司题库 |
| `schedule` | module + service (×3) | ✅ | VIP 过期 / 每日一题 / 微信 token | | `schedule` | module + service (×3) | ✅ | VIP 过期 / 每日一题 / 微信 token |
| `interview-review` | controller + service + schema + asr service | ✅ | 面试复盘:音频 ASR + AI 评析 + 口语分析 |
| `admin` | controller + module | ✅ | 管理后台 | | `admin` | controller + module | ✅ | 管理后台 |
| `email` | module + service | ✅ | 邮件发送 | | `email` | module + service | ✅ | 邮件发送 |
| `upload` | controller + module | ✅ | 文件上传 | | `upload` | controller + module | ✅ | 文件上传 |
@@ -166,11 +181,12 @@
| 面试模拟 | interview/interview | ✅ 多轮对话 + 计时 | | 面试模拟 | interview/interview | ✅ 多轮对话 + 计时 |
| 面试报告 | report/report | ✅ 评分/分析/全文回放/分享卡片 | | 面试报告 | report/report | ✅ 评分/分析/全文回放/分享卡片 |
| 历史记录 | history/history | ✅ 筛选/统计 | | 历史记录 | history/history | ✅ 筛选/统计 |
| 个人中心 | user/user | ✅ 信息/统计/管理员入口 | | 个人中心 | user/user | ✅ 信息/统计/管理员入口 + 面试复盘入口 |
| 会员中心 | member/member | ✅ 套餐对比 + 支付 | | 会员中心 | member/member | ✅ 套餐对比 + 支付 |
| 进步轨迹 | progress/progress | ✅ 雷达图 + 打卡日历 | | 进步轨迹 | progress/progress | ✅ 雷达图 + 打卡日历 |
| 面经贡献 | contribute/contribute | ✅ 表单提交 | | 面经贡献 | contribute/contribute | ✅ 表单提交 |
| 简历优化 | resume/resume | ✅ 诊断/优化/上传/下载 | | 简历优化 | resume/resume | ✅ 诊断/优化/上传/下载 |
| 面试复盘 | review/review | ✅ 三种模式(列表/上传/报告) |
| 实习搜索 | internship/internship | ✅ 热门岗位 | | 实习搜索 | internship/internship | ✅ 热门岗位 |
| 管理后台 | admin/admin | ✅ 仪表盘 | | 管理后台 | admin/admin | ✅ 仪表盘 |
| 关于/协议/隐私 | about/agreement/privacy | ✅ | | 关于/协议/隐私 | about/agreement/privacy | ✅ |
@@ -195,4 +211,5 @@
| 2026-06-02 | v1.0 | 项目状态初版 | AI | | 2026-06-02 | v1.0 | 项目状态初版 | AI |
| 2026-06-05 | v2.0 | 战略升级:文档重构 + 新增功能启动 | 小之 | | 2026-06-05 | v2.0 | 战略升级:文档重构 + 新增功能启动 | 小之 |
| 2026-06-09 | v4.2 | 冲刺版+每日推送+支付修复+全量代码评审 | AI | | 2026-06-09 | v4.2 | 冲刺版+每日推送+支付修复+全量代码评审 | AI |
| 2026-06-11 | **v4.3** | **安全修复 5 项 + 代码质量 14 处 + 测试体系 61 项 + 护城河 P0-P5 全部验证** | AI | | 2026-06-11 | v4.3 | 安全修复 5 项 + 代码质量 14 处 + 测试体系 61 项 + 护城河 P0-P5 全部验证 | AI |
| 2026-06-16 | **v4.4** | **面试复盘功能上线:音频 ASRwhisper.cpp+ AI 评析 + 口语分析 + 前端三模式页面** | AI |
+37 -22
View File
@@ -1,8 +1,8 @@
# 职引 · 产品路线图 v4.1 # 职引 · 产品路线图 v4.2
> **版本**: v4.1 > **版本**: v4.2
> **日期**: 2026-06-09 > **日期**: 2026-06-16
> **状态**: Phase 0.5 壁垒构建完成,待上线 > **状态**: Phase 1 MVP 开发已完成,面试复盘上线
> **定位**: 应届生/实习生 AI 面试教练 > **定位**: 应届生/实习生 AI 面试教练
--- ---
@@ -14,13 +14,13 @@ Phase 0: 战略升级(✅ 已完成)
Phase 0.5: 壁垒构建(✅ 已完成) Phase 0.5: 壁垒构建(✅ 已完成)
Phase 1: MVP 上线(D7-14)→ 小程序审核 + 内测 + 支付生产 Phase 1: MVP 开发(✅ 已完成)→ 面试复盘 + whisper.cpp ASR 集成
Phase 1.5: 辅助功能 + 商业化(D14-30)→ PMF 验证 Phase 1.5: 商业化(D30-60)→ PMF 验证
Phase 2: 增强 + 题库(D30-60)→ 秋招准备 Phase 2: 增强 + 题库(D60-90)→ 秋招准备
Phase 3: 商业化 + B 端(D60-90)→ 秋招爆发 Phase 3: 商业化 + B 端(D90+)→ 秋招爆发
``` ```
--- ---
@@ -60,38 +60,50 @@ Phase 3: 商业化 + B 端(D60-90)→ 秋招爆发
--- ---
## 四、Phase 1MVP 上线(D7-14,当前阶段 ## 四、Phase 1MVP 开发(✅ 已完成,2026-06-16
### 4.1 上线准备 ### 4.1 面试复盘功能
| 任务 | 描述 | 状态 | | 任务 | 描述 | 状态 |
|------|------|------| |------|------|------|
| 前端页面完善 | 16 个页面全部就绪 | ✅ 完成 | | 音频文件上传 | 支持 MP3/M4A/WAV 等格式,50MB 上限 | ✅ 完成 |
| 文本转录提交 | 直接粘贴面试文本 | ✅ 完成 |
| whisper.cpp 本地 ASR | 离线语音转文字,tiny + base 模型 | ✅ 完成 |
| AI 面试评析 | 四维评分 + 逐题评估 | ✅ 完成 |
| 口语分析 | 填充词检测 + 语速评估 | ✅ 完成 |
| 前端三模式页面 | 列表/上传/报告三种视图 | ✅ 完成 |
| 个人中心入口 | "面试复盘"菜单项 | ✅ 完成 |
### 4.2 上线准备
| 任务 | 描述 | 状态 |
|------|------|------|
| 前端页面完善 | 17 个页面全部就绪 | ✅ 完成 |
| 微信登录联调 | 真实 appid 验证 | ⏳ 待进行 | | 微信登录联调 | 真实 appid 验证 | ⏳ 待进行 |
| 移除开发绕过 | `member/pay` 直接激活 | ⏳ 待进行 | | 移除开发绕过 | `member/pay` 直接激活 | ⏳ 待进行 |
| 生产环境部署 | 服务器 + MongoDB + Nginx + PM2 | ✅ 服务器已购,域名已配zhiyinwx → API:3006zhiyin.yzrcloud → H5 静态目录) | | 生产环境部署 | 服务器 + MongoDB + Nginx + PM2 | ✅ 服务器已购,域名已配 |
| 小程序审核提交 | 资质齐全 | ⏳ 待进行 | | 小程序审核提交 | 资质齐全 | ⏳ 待进行 |
| 内测版发布 | 邀请码方式,100 人内测 | ⏳ 待进行 | | 内测版发布 | 邀请码方式,100 人内测 | ⏳ 待进行 |
### 4.2 内测指标 ### 4.3 内测指标
- **关键指标**: 次日留存 > 30%7 日留存 > 15% - **关键指标**: 次日留存 > 30%7 日留存 > 15%
- **反馈收集**: 问卷 + 访谈 - **反馈收集**: 问卷 + 访谈
- **如果达标**: 继续 Phase 1.5 - **如果达标**: 继续 Phase 1.5
--- ---
## 五、Phase 1.5:辅助功能 + 商业化(D14-30 ## 五、Phase 1.5:辅助功能 + 商业化(D30-60
| 功能 | 描述 | 优先级 | | 功能 | 描述 | 优先级 |
|------|------|--------| |------|------|--------|
| 每日一题定时推送 | 微信订阅消息推送 | P0 | | 每日一题定时推送 | 微信订阅消息推送 | P0 |
| 冲刺版 ¥49.9/月 | 高客单价 | P1 | | 冲刺版 ¥49.9/月 | 高客单价 | P1 |
| 连续打卡激励 | 7 天解锁高级报告 | P1 | | 连续打卡激励 | 7 天解锁高级报告 | P1 |
| ASR 生产化调优 | 多模型切换、模型量化、推理优化 | P1 |
| 付费转化验证 | 100 内测用户 → 10+ 付费 | P0 | | 付费转化验证 | 100 内测用户 → 10+ 付费 | P0 |
| PMF 决策 | 转化率 > 5% → 继续 | P0 | | PMF 决策 | 转化率 > 5% → 继续 | P0 |
--- ---
## 六、Phase 2:增强 + 真题库(D30-60,秋招前) ## 六、Phase 2:增强 + 真题库(D60-90,秋招前)
### 6.1 真题库建设 ### 6.1 真题库建设
| 公司 | 题库规模 | 状态 | | 公司 | 题库规模 | 状态 |
@@ -112,7 +124,7 @@ Phase 3: 商业化 + B 端(D60-90)→ 秋招爆发
--- ---
## 七、Phase 3:商业化 + B 端(D60-90,秋招爆发) ## 七、Phase 3:商业化 + B 端(D90+,秋招爆发)
### 7.1 增长目标 ### 7.1 增长目标
- 付费用户突破 1000 - 付费用户突破 1000
@@ -140,10 +152,11 @@ Phase 3: 商业化 + B 端(D60-90)→ 秋招爆发
|--------|------|--------|----------| |--------|------|--------|----------|
| M0: 战略升级 | ✅ D1 | 文档 + 定价 | 已完成 | | M0: 战略升级 | ✅ D1 | 文档 + 定价 | 已完成 |
| M0.5: 壁垒构建 | ✅ D7 | 进步轨迹 + 面经贡献 + 每日一题 | 功能可用 | | M0.5: 壁垒构建 | ✅ D7 | 进步轨迹 + 面经贡献 + 每日一题 | 功能可用 |
| M1: MVP 上线 | D14 | 小程序审核通过,内测启动 | 100 内测用户 | | M1: MVP 开发 | D14 | 面试复盘 + whisper.cpp ASR | 功能可用,build + test 通过 |
| M2: PMF 验证 | D30 | 100 用户反馈 | 转化率 > 5% | | M2: 上线内测 | D30 | 小程序审核通过,内测启动 | 100 内测用户 |
| M3: 付费上线 | D45 | 冲刺版 + 定时推送 | 50+ 付费用户 | | M3: PMF 验证 | D60 | 100 用户反馈 | 转化率 > 5% |
| M4: 秋招冲刺 | D90 | 秋招推广 | 1000+ 付费用户 | | M4: 付费上线 | D75 | 冲刺版 + 定时推送 | 50+ 付费用户 |
| M5: 秋招冲刺 | D90+ | 秋招推广 | 1000+ 付费用户 |
--- ---
@@ -157,8 +170,9 @@ Phase 3: 商业化 + B 端(D60-90)→ 秋招爆发
关键时间点: 关键时间点:
6月9日:壁垒构建完成,Phase 0.5 交付 6月9日:壁垒构建完成,Phase 0.5 交付
6月15日:MVP 上线,内测启动 6月16日:面试复盘上线,MVP 开发完成
7月1日:PMF 验证,付费转化 6月30日:MVP 上线,内测启动
7月15日:PMF 验证,付费转化
8月1日:Phase 2 完成,准备秋招 8月1日:Phase 2 完成,准备秋招
9月1日:秋招旺季,全力推广 9月1日:秋招旺季,全力推广
``` ```
@@ -185,3 +199,4 @@ Phase 3: 商业化 + B 端(D60-90)→ 秋招爆发
| 2026-06-01 | 重新规划:专注校招 | AI | | 2026-06-01 | 重新规划:专注校招 | AI |
| 2026-06-05 | 战略升级:三层壁垒 + 新定价 | 小之 | | 2026-06-05 | 战略升级:三层壁垒 + 新定价 | 小之 |
| 2026-06-09 | Phase 0.5 标记完成,调整后续里程碑时间 | AI | | 2026-06-09 | Phase 0.5 标记完成,调整后续里程碑时间 | AI |
| 2026-06-16 | **v4.2**Phase 1 MVP 开发完成,面试复盘上线,里程碑 M1 完成 | AI |
+1
View File
@@ -109,6 +109,7 @@ export const API_ENDPOINTS = {
RECORDS: '/share/records', RECORDS: '/share/records',
VISITORS: '/share/visitors', VISITORS: '/share/visitors',
}, },
REVIEW: { UPLOAD: "/interview-review", TEXT: "/interview-review/text", LIST: "/interview-review/list", DETAIL: (id: string) => `/interview-review/${id}`, DELETE: (id: string) => `/interview-review/${id}`, },
} as const } as const
const PROD_API_HOST = import.meta.env.VITE_PROD_API_HOST || 'https://zhiyinwx.yzrcloud.cn' const PROD_API_HOST = import.meta.env.VITE_PROD_API_HOST || 'https://zhiyinwx.yzrcloud.cn'
+1
View File
@@ -18,6 +18,7 @@
{ "path": "pages/agreement/agreement", "style": { "navigationBarTitleText": "用户协议" } }, { "path": "pages/agreement/agreement", "style": { "navigationBarTitleText": "用户协议" } },
{ "path": "pages/privacy/privacy", "style": { "navigationBarTitleText": "隐私政策" } }, { "path": "pages/privacy/privacy", "style": { "navigationBarTitleText": "隐私政策" } },
{ "path": "pages/share/share", "style": { "navigationBarTitleText": "我的分享" } } { "path": "pages/share/share", "style": { "navigationBarTitleText": "我的分享" } }
{"path": "pages/review/review", "style": {"navigationBarTitleText": "面试复盘"}},
], ],
"tabBar": { "tabBar": {
"color": "#999999", "color": "#999999",
+1
View File
@@ -54,6 +54,7 @@
<text class="empty-title">{{ emptyTitle }}</text> <text class="empty-title">{{ emptyTitle }}</text>
<text class="empty-desc">{{ emptyDesc }}</text> <text class="empty-desc">{{ emptyDesc }}</text>
<button class="empty-btn btn-gradient" @click="goInterview" v-if="filter === 'all'">开始第一次面试</button> <button class="empty-btn btn-gradient" @click="goInterview" v-if="filter === 'all'">开始第一次面试</button>
<button class="empty-btn" @click="goReviewRecording" style="margin-top:12rpx;background:#FFF;color:#4F46E5;border:2rpx solid #4F46E5;border-radius:var(--radius-round);padding:18rpx 48rpx;font-size:26rpx">🎙 录音复盘</button>
</view> </view>
</view> </view>
</template> </template>
+693
View File
@@ -0,0 +1,693 @@
<template>
<view class="page">
<!-- ====== Mode 1: List View ====== -->
<template v-if="mode === 'list'">
<view class="hero">
<text class="hero-title">面试复盘</text>
<text class="hero-sub">上传录音AI 帮你复盘面试表现</text>
</view>
<view class="stats-bar card" v-if="listData.items.length > 0">
<view class="stat">
<text class="stat-val">{{ listData.total }}</text>
<text class="stat-lbl">复盘次数</text>
</view>
<view class="stat-sep"></view>
<view class="stat">
<text class="stat-val">{{ avgScore }}</text>
<text class="stat-lbl">平均分</text>
</view>
<view class="stat-sep"></view>
<view class="stat">
<text class="stat-val">{{ completedCount }}</text>
<text class="stat-lbl">已完成</text>
</view>
</view>
<view class="list" v-if="listData.items.length > 0">
<view
class="record-card card"
v-for="item in listData.items"
:key="item._id"
@click="viewDetail(item._id)"
>
<view class="record-top">
<view class="record-icon">
{{ item.status === 'completed' ? (item.analysis?.overallScore >= 80 ? '🌟' : '📋') : '⏳' }}
</view>
<view class="record-body">
<view class="record-name">{{ item.position }}</view>
<text class="record-meta">
{{ formatDate(item.createdAt) }}
<template v-if="item.company"> · {{ item.company }}</template>
<template v-if="item.status === 'processing'"> · 分析中...</template>
<template v-if="item.status === 'failed'"> · 分析失败</template>
</text>
</view>
<view class="record-score" v-if="item.status === 'completed'" :class="scoreLevel(item.analysis?.overallScore)">
{{ item.analysis?.overallScore || '--' }}
</view>
<view v-else class="record-score pending">{{ item.status === 'processing' ? '...' : '!' }}</view>
</view>
</view>
<view class="load-more" v-if="hasMore" @click="loadMore">加载更多</view>
</view>
<view class="empty" v-else-if="!loading">
<text class="empty-icon">🎙</text>
<text class="empty-title">暂无复盘记录</text>
<text class="empty-desc">面试后上传录音AI 帮你分析表现</text>
</view>
<view class="fixed-bottom">
<button class="btn-primary" @click="mode = 'upload'">
<text class="btn-icon">+</text> 上传录音复盘
</button>
</view>
</template>
<!-- ====== Mode 2: Upload View ====== -->
<template v-if="mode === 'upload'">
<view class="upload-page">
<view class="upload-header">
<text class="upload-back" @click="mode = 'list'"> 返回</text>
<text class="upload-title">上传面试录音</text>
<view style="width:60rpx"></view>
</view>
<view class="form-card card">
<view class="form-group">
<text class="form-label">面试岗位 <text class="required">*</text></text>
<input class="form-input" v-model="form.position" placeholder="例如:前端开发工程师" />
</view>
<view class="form-group">
<text class="form-label">面试公司</text>
<input class="form-input" v-model="form.company" placeholder="选填" />
</view>
<view class="form-group">
<text class="form-label">上传方式</text>
<view class="tab-bar">
<view class="tab-item" :class="{ active: uploadMode === 'audio' }" @click="uploadMode = 'audio'">录音文件</view>
<view class="tab-item" :class="{ active: uploadMode === 'text' }" @click="uploadMode = 'text'">粘贴文本</view>
</view>
</view>
<!-- Audio upload mode -->
<view v-if="uploadMode === 'audio'" class="audio-upload-area">
<view class="upload-box" @click="chooseFile">
<text class="upload-icon">📁</text>
<text class="upload-text" v-if="!form.file">点击选择录音文件</text>
<text class="upload-text" v-else>{{ form.file.name }}</text>
<text class="upload-hint">支持 mp3/m4a/wav最大 50MB</text>
</view>
</view>
<!-- Text paste mode -->
<view v-else class="text-upload-area">
<textarea
class="text-input"
v-model="form.text"
placeholder="将面试录音转写为文字后粘贴在这里...&#10;&#10;示例:&#10;面试官:请介绍一下你自己&#10;候选人:我毕业于..."
:maxlength="10000"
/>
<text class="char-count">{{ form.text.length }}/10000</text>
</view>
</view>
<view class="submit-area">
<button class="btn-primary" @click="submitReview" :disabled="submitting">
{{ submitting ? '提交中...' : '开始分析' }}
</button>
</view>
</view>
</template>
<!-- ====== Mode 3: Processing View ====== -->
<template v-if="mode === 'processing'">
<view class="processing-page">
<view class="processing-card">
<view class="spinner"></view>
<text class="processing-title">AI 分析中</text>
<text class="processing-desc">正在对面试录音进行深度分析请稍候...</text>
<view class="process-steps">
<view class="step" :class="{ done: processStep >= 1 }">
<text class="step-num">{{ processStep >= 1 ? '✓' : '1' }}</text>
<text class="step-label">文本转录</text>
</view>
<view class="step" :class="{ done: processStep >= 2 }">
<text class="step-num">{{ processStep >= 2 ? '✓' : '2' }}</text>
<text class="step-label">语音分析</text>
</view>
<view class="step" :class="{ done: processStep >= 3 }">
<text class="step-num">{{ processStep >= 3 ? '✓' : '3' }}</text>
<text class="step-label">AI 评估</text>
</view>
</view>
<text class="processing-hint">请勿离开此页面</text>
</view>
</view>
</template>
<!-- ====== Mode 4: Report View ====== -->
<template v-if="mode === 'report' && reportData">
<view class="report-page">
<view class="report-header">
<text class="report-back" @click="mode = 'list'"> 返回列表</text>
<text class="report-title">复盘报告</text>
<view style="width:60rpx"></view>
</view>
<view class="body">
<view class="score-card">
<view class="score-circle" :class="scoreLevel(reportData.analysis.overallScore)">
<text class="score-num">{{ reportData.analysis.overallScore }}</text>
<text class="score-label">总分</text>
</view>
</view>
<view class="info-row">
<text class="info-label">面试岗位</text>
<text class="info-value">{{ reportData.position }}</text>
</view>
<view class="info-row" v-if="reportData.company">
<text class="info-label">面试公司</text>
<text class="info-value">{{ reportData.company }}</text>
</view>
<view class="info-row">
<text class="info-label">分析时间</text>
<text class="info-value">{{ formatDate(reportData.createdAt) }}</text>
</view>
<view class="info-row" v-if="reportData.speechAnalysis">
<text class="info-label">回答总时长</text>
<text class="info-value">{{ reportData.speechAnalysis.totalDuration }}</text>
</view>
<!-- 四维能力评估 -->
<view class="section" v-if="reportData.analysis.dimensions">
<view class="section-title">四维能力评估</view>
<view class="dim-grid">
<view class="dim-item" v-for="dim in dimDefs" :key="dim.key">
<view class="dim-header">
<text class="dim-name">{{ dim.label }}</text>
<text class="dim-score">{{ getDimValue(dim.key) }}</text>
</view>
<view class="dim-bar-bg">
<view class="dim-bar-fill" :style="{ width: getDimValue(dim.key) + '%', background: dim.color }"></view>
</view>
</view>
</view>
</view>
<!-- 语音分析 -->
<view class="section" v-if="reportData.speechAnalysis">
<view class="section-title">语音表达分析</view>
<view class="speech-card">
<view class="speech-row">
<text class="speech-label">语气词评分</text>
<text class="speech-value" :class="scoreLevel(reportData.speechAnalysis.fillerScore)">
{{ reportData.speechAnalysis.fillerScore }}
</text>
</view>
<view class="speech-row">
<text class="speech-label">语气词密度</text>
<text class="speech-value">{{ reportData.speechAnalysis.fillerDensity }}%</text>
</view>
<view class="speech-row">
<text class="speech-label">语速</text>
<text class="speech-value">{{ reportData.speechAnalysis.pace }}</text>
</view>
<view class="filler-tags" v-if="reportData.speechAnalysis.fillerWords.length > 0">
<text class="filler-tag" v-for="fw in reportData.speechAnalysis.fillerWords" :key="fw.word">
"{{ fw.word }}" × {{ fw.count }}
</text>
</view>
</view>
</view>
<!-- 逐题分析 -->
<view class="section" v-if="reportData.analysis.questionBreakdown && reportData.analysis.questionBreakdown.length > 0">
<view class="section-title">逐题分析</view>
<view class="qa-list">
<view class="qa-item" v-for="(qa, idx) in reportData.analysis.questionBreakdown" :key="idx">
<view class="qa-header">
<text class="qa-num">Q{{ idx + 1 }}</text>
<text class="qa-score" :class="scoreLevel(qa.score)">{{ qa.score }}</text>
</view>
<text class="qa-question">{{ qa.question }}</text>
<text class="qa-answer-label">你的回答</text>
<text class="qa-answer">{{ qa.answer }}</text>
<view class="qa-comment" v-if="qa.comment">
<text class="qa-comment-icon">💡</text>
<text class="qa-comment-text">{{ qa.comment }}</text>
</view>
<view class="qa-suggest" v-if="qa.suggestedAnswer">
<text class="qa-suggest-icon">参考思路</text>
<text class="qa-suggest-text">{{ qa.suggestedAnswer }}</text>
</view>
</view>
</view>
</view>
<!-- 改进建议 -->
<view class="section" v-if="reportData.analysis.strengths.length > 0 || reportData.analysis.weaknesses.length > 0">
<view class="section-title">改进建议</view>
<view class="sugg-block" v-if="reportData.analysis.strengths.length > 0">
<text class="sugg-block-title sugg-good"> 表现亮点</text>
<text class="sugg-item" v-for="(s, i) in reportData.analysis.strengths" :key="'str-' + i">{{ s }}</text>
</view>
<view class="sugg-block" v-if="reportData.analysis.weaknesses.length > 0">
<text class="sugg-block-title sugg-warn"> 待改进</text>
<text class="sugg-item" v-for="(w, i) in reportData.analysis.weaknesses" :key="'weak-' + i">{{ w }}</text>
</view>
<view class="sugg-block" v-if="reportData.analysis.suggestions.length > 0">
<text class="sugg-block-title sugg-info">💡 具体建议</text>
<text class="sugg-item" v-for="(s, i) in reportData.analysis.suggestions" :key="'sug-' + i">{{ s }}</text>
</view>
</view>
<view class="actions">
<button class="btn-primary" @click="goInterview">再去模拟面试练练</button>
<button class="btn-outline" @click="mode = 'list'">返回列表</button>
</view>
</view>
</view>
</template>
</view>
</template>
<script setup>
import { ref, computed, onMounted, onUnmounted } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import { api } from '../../config'
const mode = ref('list')
const loading = ref(false)
const submitting = ref(false)
const listData = ref({ items: [], total: 0, page: 1, limit: 20 })
const processStep = ref(0)
const reportData = ref(null)
const pollTimer = ref(null)
const reviewId = ref('')
const form = ref({ position: '', company: '', file: null, text: '' })
const uploadMode = ref('audio')
const dimDefs = [
{ key: 'logic', label: '逻辑思维', color: '#6366F1' },
{ key: 'expression', label: '表达能力', color: '#10B981' },
{ key: 'professionalism', label: '专业度', color: '#F59E0B' },
{ key: 'stability', label: '稳定性', color: '#EF4444' },
]
const avgScore = computed(() => {
const scored = listData.value.items.filter(i => i.status === 'completed' && i.analysis?.overallScore)
if (scored.length === 0) return '--'
return Math.round(scored.reduce((s, i) => s + (i.analysis?.overallScore || 0), 0) / scored.length)
})
const completedCount = computed(() => {
return listData.value.items.filter(i => i.status === 'completed').length
})
const hasMore = computed(() => {
return listData.value.page < Math.ceil(listData.value.total / listData.value.limit)
})
onMounted(() => { fetchList() })
onShow(() => {
if (mode.value === 'list') fetchList()
})
async function fetchList(page = 1) {
const token = uni.getStorageSync('token') || ''
if (!token) return
loading.value = true
try {
const res = await uni.request({
url: api(`/interview-review/list?page=${page}&limit=20`),
method: 'GET',
header: { 'Authorization': `Bearer ${token}` },
})
if (res.statusCode === 200) {
const data = res.data
if (page === 1) {
listData.value = data
} else {
listData.value = {
...data,
items: [...listData.value.items, ...data.items],
}
}
}
} catch(e) { console.error(e) }
finally { loading.value = false }
}
function loadMore() {
const next = listData.value.page + 1
fetchList(next)
listData.value.page = next
}
function chooseFile() {
uni.chooseMessageFile ? uni.chooseMessageFile({
count: 1,
type: 'file',
extension: ['mp3', 'm4a', 'wav', 'aac', 'ogg'],
success: (r) => {
if (r.tempFiles && r.tempFiles[0]) {
form.value.file = r.tempFiles[0]
}
},
}) : uni.showToast({ title: '当前平台不支持文件选择', icon: 'none' })
}
async function submitReview() {
if (!form.value.position.trim()) {
uni.showToast({ title: '请填写面试岗位', icon: 'none' })
return
}
if (uploadMode.value === 'audio' && !form.value.file) {
uni.showToast({ title: '请选择录音文件', icon: 'none' })
return
}
if (uploadMode.value === 'text' && !form.value.text.trim()) {
uni.showToast({ title: '请粘贴面试转录文本', icon: 'none' })
return
}
submitting.value = true
const token = uni.getStorageSync('token') || ''
try {
if (uploadMode.value === 'audio') {
const res = await uni.uploadFile({
url: api('/interview-review'),
filePath: form.value.file.path || form.value.file.tempFilePath,
name: 'file',
formData: {
position: form.value.position.trim(),
company: form.value.company.trim(),
},
header: { 'Authorization': `Bearer ${token}` },
})
if (res.statusCode === 201 || res.statusCode === 200) {
const data = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
reviewId.value = data.id
startPolling(data.id)
mode.value = 'processing'
animateSteps()
} else {
const err = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
uni.showToast({ title: err.message || '上传失败', icon: 'none' })
}
} else {
// Text submission
const res = await uni.request({
url: api('/interview-review/text'),
method: 'POST',
data: {
position: form.value.position.trim(),
company: form.value.company.trim(),
text: form.value.text.trim(),
},
header: {
'Authorization': `Bearer ${token}`,
'Content-Type': 'application/json',
},
})
if (res.statusCode === 201 || res.statusCode === 200) {
reviewId.value = res.data.id
startPolling(res.data.id)
mode.value = 'processing'
animateSteps()
} else {
uni.showToast({ title: res.data?.message || '提交失败', icon: 'none' })
}
}
} catch(e) {
uni.showToast({ title: e.message || '网络错误', icon: 'none' })
}
finally { submitting.value = false }
}
function animateSteps() {
processStep.value = 1
setTimeout(() => { processStep.value = 2 }, 3000)
setTimeout(() => { processStep.value = 3 }, 6000)
}
function startPolling(id) {
let attempts = 0
const maxAttempts = 60 // 5 minutes max
pollTimer.value = setInterval(async () => {
attempts++
if (attempts > maxAttempts) {
clearInterval(pollTimer.value)
uni.showToast({ title: '分析超时,请稍后再查', icon: 'none' })
mode.value = 'list'
return
}
try {
const token = uni.getStorageSync('token') || ''
const res = await uni.request({
url: api(`/interview-review/${id}`),
method: 'GET',
header: { 'Authorization': `Bearer ${token}` },
})
if (res.statusCode === 200) {
const data = res.data
if (data.status === 'completed') {
clearInterval(pollTimer.value)
reportData.value = data
mode.value = 'report'
} else if (data.status === 'failed') {
clearInterval(pollTimer.value)
uni.showToast({ title: '分析失败,请重新上传', icon: 'none' })
mode.value = 'list'
}
// status === 'processing': continue polling
}
} catch(e) { console.error(e) }
}, 5000)
}
function viewDetail(id) {
const token = uni.getStorageSync('token') || ''
uni.request({
url: api(`/interview-review/${id}`),
method: 'GET',
header: { 'Authorization': `Bearer ${token}` },
success: (res) => {
if (res.statusCode === 200) {
if (res.data.status === 'completed') {
reportData.value = res.data
mode.value = 'report'
} else if (res.data.status === 'processing') {
reviewId.value = id
startPolling(id)
mode.value = 'processing'
} else {
uni.showToast({ title: '分析失败', icon: 'none' })
}
}
},
fail: () => { uni.showToast({ title: '加载失败', icon: 'none' }) },
})
}
function getDimValue(key) {
return Math.min(100, Math.max(0, Math.round(reportData.value?.analysis?.dimensions?.[key] || 0)))
}
function formatDate(d) {
if (!d) return '--'
const date = new Date(d)
return `${String(date.getMonth()+1).padStart(2,'0')}-${String(date.getDate()).padStart(2,'0')} ${String(date.getHours()).padStart(2,'0')}:${String(date.getMinutes()).padStart(2,'0')}`
}
const scoreLevel = (s) => {
if (!s && s !== 0) return 'pending'
if (s >= 80) return 'good'
if (s >= 60) return 'medium'
return 'poor'
}
function goInterview() {
uni.switchTab({ url: '/pages/index/index' })
}
onUnmounted(() => {
if (pollTimer.value) clearInterval(pollTimer.value)
})
</script>
<style scoped>
.page { background: #F3F4F6; min-height: 100vh; }
.hero {
background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #6366F1 100%);
padding: 48rpx 32rpx 72rpx; border-radius: 0 0 48rpx 48rpx;
}
.hero-title { font-size: 40rpx; font-weight: 700; color: #FFF; display: block; }
.hero-sub { font-size: 22rpx; color: rgba(255,255,255,0.7); margin-top: 8rpx; display: block; }
.stats-bar { display: flex; align-items: center; padding: 24rpx; margin: -40rpx 32rpx 0; position: relative; z-index: 1; border-radius: 16rpx; background: #FFF; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06); }
.stat { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6rpx; }
.stat-val { font-size: 36rpx; font-weight: 700; color: #4F46E5; }
.stat-lbl { font-size: 20rpx; color: #9CA3AF; }
.stat-sep { width: 1rpx; height: 40rpx; background: #E5E7EB; }
.list { padding: 20rpx 32rpx 160rpx; }
.record-card { background: #FFF; padding: 24rpx 28rpx; margin-bottom: 16rpx; border-radius: 16rpx; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04); }
.record-top { display: flex; align-items: center; gap: 16rpx; }
.record-icon { font-size: 40rpx; width: 64rpx; height: 64rpx; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.record-body { flex: 1; min-width: 0; }
.record-name { font-size: 28rpx; font-weight: 600; color: #111827; }
.record-meta { font-size: 20rpx; color: #9CA3AF; margin-top: 6rpx; display: block; }
.record-score { font-size: 28rpx; font-weight: 700; width: 72rpx; text-align: right; flex-shrink: 0; }
.record-score.good { color: #059669; }
.record-score.medium { color: #D97706; }
.record-score.poor { color: #DC2626; }
.record-score.pending { color: #9CA3AF; }
.empty { display: flex; flex-direction: column; align-items: center; padding: 120rpx 32rpx 200rpx; }
.empty-icon { font-size: 80rpx; margin-bottom: 20rpx; }
.empty-title { font-size: 28rpx; font-weight: 600; color: #111827; }
.empty-desc { font-size: 22rpx; color: #9CA3AF; margin-top: 8rpx; margin-bottom: 36rpx; }
.fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; padding: 20rpx 32rpx 40rpx; background: linear-gradient(transparent, #F3F4F6 30rpx); }
.btn-primary { background: linear-gradient(135deg, #4F46E5, #7C3AED); color: #FFF; border-radius: 16rpx; height: 88rpx; line-height: 88rpx; font-size: 28rpx; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8rpx; }
.btn-primary:active { opacity: 0.85; }
.btn-icon { font-size: 36rpx; font-weight: 400; }
/* Upload Page */
.upload-page { background: #F3F4F6; min-height: 100vh; }
.upload-header { display: flex; align-items: center; justify-content: space-between; padding: 24rpx 32rpx; background: #FFF; }
.upload-back { font-size: 28rpx; color: #4F46E5; }
.upload-title { font-size: 32rpx; font-weight: 600; color: #111827; }
.form-card { background: #FFF; border-radius: 16rpx; margin: 24rpx 32rpx; padding: 32rpx; }
.form-group { margin-bottom: 28rpx; }
.form-label { font-size: 26rpx; font-weight: 600; color: #374151; display: block; margin-bottom: 12rpx; }
.required { color: #DC2626; }
.form-input { width: 100%; height: 72rpx; border: 2rpx solid #E5E7EB; border-radius: 12rpx; padding: 0 20rpx; font-size: 26rpx; box-sizing: border-box; }
.tab-bar { display: flex; gap: 0; background: #F3F4F6; border-radius: 12rpx; overflow: hidden; }
.tab-item { flex: 1; text-align: center; padding: 18rpx 0; font-size: 24rpx; color: #6B7280; }
.tab-item.active { background: #4F46E5; color: #FFF; font-weight: 600; }
.audio-upload-area { margin-top: 8rpx; }
.upload-box { border: 2rpx dashed #D1D5DB; border-radius: 16rpx; padding: 48rpx 32rpx; display: flex; flex-direction: column; align-items: center; gap: 12rpx; }
.upload-icon { font-size: 60rpx; }
.upload-text { font-size: 26rpx; color: #374151; }
.upload-hint { font-size: 20rpx; color: #9CA3AF; }
.text-upload-area { margin-top: 8rpx; }
.text-input { width: 100%; height: 360rpx; border: 2rpx solid #E5E7EB; border-radius: 12rpx; padding: 20rpx; font-size: 24rpx; line-height: 1.6; box-sizing: border-box; }
.char-count { font-size: 20rpx; color: #9CA3AF; text-align: right; display: block; margin-top: 8rpx; }
.submit-area { padding: 0 32rpx 48rpx; }
/* Processing Page */
.processing-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 32rpx; }
.processing-card { background: #FFF; border-radius: 24rpx; padding: 64rpx 48rpx; text-align: center; box-shadow: 0 8rpx 40rpx rgba(0,0,0,0.08); width: 100%; max-width: 500rpx; }
.spinner { width: 80rpx; height: 80rpx; border: 6rpx solid #E5E7EB; border-top-color: #4F46E5; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 32rpx; }
@keyframes spin { to { transform: rotate(360deg); } }
.processing-title { font-size: 32rpx; font-weight: 700; color: #111827; margin-bottom: 12rpx; }
.processing-desc { font-size: 24rpx; color: #6B7280; margin-bottom: 40rpx; }
.process-steps { display: flex; gap: 16rpx; justify-content: center; margin-bottom: 24rpx; }
.step { display: flex; flex-direction: column; align-items: center; gap: 8rpx; }
.step-num { width: 48rpx; height: 48rpx; border-radius: 50%; background: #F3F4F6; color: #9CA3AF; font-size: 22rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.step.done .step-num { background: #4F46E5; color: #FFF; }
.step-label { font-size: 20rpx; color: #9CA3AF; }
.step.done .step-label { color: #4F46E5; }
.processing-hint { font-size: 20rpx; color: #D1D5DB; }
/* Report Page */
.report-page { background: #F3F4F6; min-height: 100vh; }
.report-header { display: flex; align-items: center; justify-content: space-between; padding: 24rpx 32rpx; background: #FFF; }
.report-back { font-size: 28rpx; color: #4F46E5; }
.report-title { font-size: 32rpx; font-weight: 600; color: #111827; }
.body { padding: 0 32rpx 48rpx; }
.score-card { display: flex; justify-content: center; margin: -20rpx 0 30rpx; }
.score-circle {
width: 180rpx; height: 180rpx; border-radius: 50%;
background: #FFF; display: flex; flex-direction: column;
align-items: center; justify-content: center;
box-shadow: 0 8rpx 30rpx rgba(79,70,229,0.2);
}
.score-circle.good { box-shadow: 0 8rpx 30rpx rgba(5,150,105,0.2); }
.score-circle.medium { box-shadow: 0 8rpx 30rpx rgba(217,119,6,0.2); }
.score-circle.poor { box-shadow: 0 8rpx 30rpx rgba(220,38,38,0.2); }
.score-num { font-size: 56rpx; font-weight: 700; color: #4F46E5; line-height: 1.2; }
.good .score-num { color: #059669; }
.medium .score-num { color: #D97706; }
.poor .score-num { color: #DC2626; }
.score-label { font-size: 20rpx; color: #9CA3AF; margin-top: 4rpx; }
.info-row { display: flex; justify-content: space-between; padding: 20rpx 0; border-bottom: 1rpx solid #E5E7EB; font-size: 24rpx; }
.info-label { color: #6B7280; }
.info-value { color: #111827; font-weight: 500; }
.section { background: #FFF; border-radius: 20rpx; padding: 28rpx; margin-top: 24rpx; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04); }
.section-title { font-size: 28rpx; font-weight: 600; color: #111827; margin-bottom: 16rpx; }
.dim-grid { display: flex; flex-direction: column; gap: 20rpx; }
.dim-header { display: flex; justify-content: space-between; margin-bottom: 8rpx; }
.dim-name { font-size: 24rpx; color: #374151; }
.dim-score { font-size: 24rpx; color: #4F46E5; font-weight: 600; }
.dim-bar-bg { height: 20rpx; background: #F3F4F6; border-radius: 10rpx; overflow: hidden; }
.dim-bar-fill { height: 100%; border-radius: 10rpx; }
.speech-card { display: flex; flex-direction: column; gap: 16rpx; }
.speech-row { display: flex; justify-content: space-between; align-items: center; }
.speech-label { font-size: 24rpx; color: #374151; }
.speech-value { font-size: 24rpx; font-weight: 600; color: #111827; }
.speech-value.good { color: #059669; }
.speech-value.medium { color: #D97706; }
.speech-value.poor { color: #DC2626; }
.filler-tags { display: flex; flex-wrap: wrap; gap: 8rpx; }
.filler-tag { background: #FEF3C7; color: #92400E; padding: 6rpx 16rpx; border-radius: 20rpx; font-size: 20rpx; }
.qa-list { display: flex; flex-direction: column; gap: 24rpx; }
.qa-item { padding: 20rpx; background: #F9FAFB; border-radius: 12rpx; }
.qa-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12rpx; }
.qa-num { font-size: 22rpx; font-weight: 700; color: #4F46E5; background: #EEF2FF; padding: 4rpx 14rpx; border-radius: 8rpx; }
.qa-score { font-size: 24rpx; font-weight: 700; }
.qa-score.good { color: #059669; }
.qa-score.medium { color: #D97706; }
.qa-score.poor { color: #DC2626; }
.qa-score.pending { color: #9CA3AF; }
.qa-question { font-size: 24rpx; font-weight: 600; color: #111827; margin-bottom: 8rpx; display: block; }
.qa-answer-label { font-size: 20rpx; color: #6B7280; display: block; margin-top: 8rpx; }
.qa-answer { font-size: 22rpx; color: #374151; line-height: 1.6; display: block; margin-top: 4rpx; white-space: pre-wrap; }
.qa-comment { background: #EEF2FF; padding: 12rpx; border-radius: 8rpx; margin-top: 12rpx; display: flex; gap: 8rpx; }
.qa-comment-icon { font-size: 22rpx; }
.qa-comment-text { font-size: 22rpx; color: #4338CA; line-height: 1.5; }
.qa-suggest { background: #FEF3C7; padding: 12rpx; border-radius: 8rpx; margin-top: 8rpx; }
.qa-suggest-icon { font-size: 22rpx; font-weight: 600; color: #92400E; }
.qa-suggest-text { font-size: 22rpx; color: #78350F; line-height: 1.5; }
.sugg-block { margin-bottom: 20rpx; }
.sugg-block-title { font-size: 24rpx; font-weight: 600; display: block; margin-bottom: 8rpx; }
.sugg-good { color: #059669; }
.sugg-warn { color: #D97706; }
.sugg-info { color: #4F46E5; }
.sugg-item { display: block; font-size: 22rpx; color: #374151; line-height: 1.8; padding-left: 20rpx; }
.sugg-item::before { content: '• '; color: #D1D5DB; }
.actions { display: flex; flex-direction: column; gap: 16rpx; margin-top: 32rpx; }
.btn-outline { background: #FFF; color: #4F46E5; border-radius: 16rpx; height: 88rpx; line-height: 88rpx; font-size: 28rpx; border: 2rpx solid #4F46E5; }
.btn-outline:active { background: #F5F3FF; }
.load-more { text-align: center; padding: 24rpx; color: #4F46E5; font-size: 24rpx; }
</style>
+6
View File
@@ -46,6 +46,11 @@
<text class="menu-text">面试记录</text> <text class="menu-text">面试记录</text>
<text class="menu-arrow"></text> <text class="menu-arrow"></text>
</view> </view>
<view class="menu-item" @click="requireLogin(goReviewReview, '面试复盘')">
<view class="menu-icon-wrap wrap-orange"><text class="menu-icon">🎙</text></view>
<text class="menu-text">面试复盘</text>
<text class="menu-arrow"></text>
</view>
<view class="menu-item" @click="goVip"> <view class="menu-item" @click="goVip">
<view class="menu-icon-wrap wrap-purple"><text class="menu-icon">💎</text></view> <view class="menu-icon-wrap wrap-purple"><text class="menu-icon">💎</text></view>
<text class="menu-text">会员中心</text> <text class="menu-text">会员中心</text>
@@ -139,6 +144,7 @@ const checkAdmin = () => {
const goLogin = () => uni.navigateTo({ url: '/pages/login/login' }) const goLogin = () => uni.navigateTo({ url: '/pages/login/login' })
const goHistory = () => uni.switchTab({ url: '/pages/history/history' }) const goHistory = () => uni.switchTab({ url: '/pages/history/history' })
const goReviewReview = () => uni.navigateTo({ url: "/pages/review/review" })
const goVip = () => uni.navigateTo({ url: '/pages/member/member' }) const goVip = () => uni.navigateTo({ url: '/pages/member/member' })
const goResume = () => uni.navigateTo({ url: '/pages/resume/resume' }) const goResume = () => uni.navigateTo({ url: '/pages/resume/resume' })
const goShare = () => uni.navigateTo({ url: '/pages/share/share' }) const goShare = () => uni.navigateTo({ url: '/pages/share/share' })
+9 -1
View File
@@ -22,7 +22,6 @@ async function request<T = any>(url: string, method: string = 'POST', data?: any
} }
} }
export const apiService = {
user: { user: {
sendCode: (phone: string) => request(API_ENDPOINTS.USER.SEND_CODE, 'POST', { phone }), sendCode: (phone: string) => request(API_ENDPOINTS.USER.SEND_CODE, 'POST', { phone }),
login: (phone: string, code: string) => request(API_ENDPOINTS.USER.LOGIN, 'POST', { phone, code }), login: (phone: string, code: string) => request(API_ENDPOINTS.USER.LOGIN, 'POST', { phone, code }),
@@ -90,6 +89,15 @@ export const apiService = {
records: () => request(API_ENDPOINTS.SHARE.RECORDS, 'GET', undefined, true), records: () => request(API_ENDPOINTS.SHARE.RECORDS, 'GET', undefined, true),
visitors: () => request(API_ENDPOINTS.SHARE.VISITORS, 'GET', undefined, true), visitors: () => request(API_ENDPOINTS.SHARE.VISITORS, 'GET', undefined, true),
}, },
review: {
list: (page = 1, limit = 20) =>
request(`${API_ENDPOINTS.REVIEW.LIST}?page=${page}&limit=${limit}`, "GET", undefined, true),
detail: (id: string) => request(API_ENDPOINTS.REVIEW.DETAIL(id), "GET", undefined, true),
delete: (id: string) => request(API_ENDPOINTS.REVIEW.DELETE(id), "DELETE", undefined, true),
submitText: (position: string, text: string, company?: string) =>
request(API_ENDPOINTS.REVIEW.TEXT, "POST", { position, text, company: company || "" }, true),
},
} }
export default apiService export default apiService