init: AI Grading Assistant MVP
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
node_modules/
|
||||
dist/
|
||||
dist-electron/
|
||||
*.db
|
||||
logs/
|
||||
config/
|
||||
.DS_Store
|
||||
*.log
|
||||
@@ -0,0 +1,26 @@
|
||||
CREATE TABLE IF NOT EXISTS exam (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
name TEXT NOT NULL,
|
||||
course TEXT NOT NULL,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS question (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
exam_id INTEGER NOT NULL,
|
||||
title TEXT NOT NULL,
|
||||
max_score INTEGER NOT NULL DEFAULT 100,
|
||||
rubric TEXT,
|
||||
FOREIGN KEY (exam_id) REFERENCES exam(id)
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS history (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
question_id INTEGER DEFAULT 0,
|
||||
image_path TEXT DEFAULT '',
|
||||
student_answer TEXT DEFAULT '',
|
||||
ai_score REAL DEFAULT 0,
|
||||
teacher_score REAL DEFAULT 0,
|
||||
confidence REAL DEFAULT 0,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
|
||||
);
|
||||
@@ -0,0 +1,365 @@
|
||||
import { BrowserWindow, ipcMain, dialog as dialogBox } from 'electron'
|
||||
import { captureScreen, closeScreenshot, getCapturedImage, getCapturedBase64, clearCapturedImage, startScreenshot } from './screenshot'
|
||||
import { getMainWindow, openDialogWindow } from './window'
|
||||
import * as fs from 'fs'
|
||||
import * as path from 'path'
|
||||
import log from 'electron-log'
|
||||
|
||||
let store: any = null
|
||||
function getStore() {
|
||||
if (!store) {
|
||||
const Store = require('electron-store').default
|
||||
store = new Store({
|
||||
defaults: {
|
||||
apiKey: '',
|
||||
baseUrl: 'https://api.siliconflow.cn/v1',
|
||||
model: 'gpt-4o',
|
||||
shortcut: 'Alt+Q',
|
||||
theme: 'light',
|
||||
fontSize: 14,
|
||||
proxy: '',
|
||||
timeout: 120,
|
||||
screenshotSavePath: ''
|
||||
}
|
||||
})
|
||||
// migrate old low timeout values
|
||||
const t = store.get('timeout') as number | undefined
|
||||
if (t !== undefined && t < 60) store.set('timeout', 120)
|
||||
}
|
||||
return store
|
||||
}
|
||||
|
||||
let db: any = null
|
||||
function getDb() {
|
||||
if (!db) {
|
||||
const Database = require('better-sqlite3')
|
||||
db = new Database('grading.db')
|
||||
db.prepare(`CREATE TABLE IF NOT EXISTS history (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
question_id INTEGER,
|
||||
image_path TEXT,
|
||||
student_answer TEXT,
|
||||
ai_score REAL,
|
||||
teacher_score REAL,
|
||||
confidence REAL,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
|
||||
)`).run()
|
||||
db.prepare(`CREATE TABLE IF NOT EXISTS exam (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
name TEXT,
|
||||
course TEXT,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
|
||||
)`).run()
|
||||
db.prepare(`CREATE TABLE IF NOT EXISTS question (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
exam_id INTEGER,
|
||||
title TEXT,
|
||||
max_score INTEGER,
|
||||
rubric TEXT
|
||||
)`).run()
|
||||
}
|
||||
return db
|
||||
}
|
||||
|
||||
export function setupIpc(win: BrowserWindow): void {
|
||||
|
||||
ipcMain.handle('window:dragMove', (_event, { deltaX, deltaY }: { deltaX: number; deltaY: number }) => {
|
||||
const [x, y] = win.getPosition()
|
||||
win.setPosition(x + deltaX, y + deltaY)
|
||||
})
|
||||
|
||||
ipcMain.handle('window:dragEnd', (_event, { x, y }: { x: number; y: number }) => {
|
||||
win.setPosition(x, y)
|
||||
})
|
||||
|
||||
ipcMain.handle('screenshot:start', () => {
|
||||
log.info('IPC: screenshot:start')
|
||||
startScreenshot(win)
|
||||
})
|
||||
|
||||
ipcMain.handle('screenshot:capture', async (_event, region: { x: number; y: number; width: number; height: number }) => {
|
||||
log.info('IPC: screenshot:capture', region)
|
||||
const base64 = await captureScreen(region)
|
||||
closeScreenshot()
|
||||
setTimeout(() => {
|
||||
const mainWin = getMainWindow()
|
||||
if (mainWin) {
|
||||
mainWin.show()
|
||||
mainWin.webContents.send('screenshot:completed', base64)
|
||||
}
|
||||
require('./shortcut').enableShortcut()
|
||||
}, 100)
|
||||
return base64
|
||||
})
|
||||
|
||||
ipcMain.handle('screenshot:getLastImage', () => {
|
||||
return getCapturedBase64()
|
||||
})
|
||||
|
||||
ipcMain.handle('screenshot:cancel', () => {
|
||||
log.info('IPC: screenshot:cancel')
|
||||
closeScreenshot()
|
||||
setTimeout(() => {
|
||||
const mainWin = getMainWindow()
|
||||
if (mainWin) mainWin.show()
|
||||
require('./shortcut').enableShortcut()
|
||||
}, 100)
|
||||
})
|
||||
|
||||
ipcMain.handle('ai:grade', async (_event, { imageBase64, rubric, apiConfig, maxScore, referenceAnswer, questionTitle }: {
|
||||
imageBase64: string
|
||||
rubric: string
|
||||
apiConfig: { apiKey: string; baseUrl: string; model: string }
|
||||
maxScore?: number
|
||||
referenceAnswer?: string
|
||||
questionTitle?: string
|
||||
}) => {
|
||||
log.info('IPC: ai:grade')
|
||||
try {
|
||||
const result = await callAiApi(imageBase64, rubric, apiConfig, { maxScore, referenceAnswer, questionTitle })
|
||||
return result
|
||||
} catch (err: any) {
|
||||
log.error('AI grade failed:', err)
|
||||
throw new Error(err.message || 'AI grading failed')
|
||||
}
|
||||
})
|
||||
|
||||
ipcMain.handle('settings:get', () => {
|
||||
return getStore().store
|
||||
})
|
||||
|
||||
ipcMain.handle('settings:set', (_event, settings: Record<string, unknown>) => {
|
||||
const s = getStore()
|
||||
for (const [key, value] of Object.entries(settings)) {
|
||||
s.set(key, value)
|
||||
}
|
||||
return true
|
||||
})
|
||||
|
||||
ipcMain.handle('settings:selectDirectory', async () => {
|
||||
const result = await dialogBox.showOpenDialog({
|
||||
properties: ['openDirectory']
|
||||
})
|
||||
if (result.canceled || result.filePaths.length === 0) return null
|
||||
return result.filePaths[0]
|
||||
})
|
||||
|
||||
ipcMain.handle('history:list', () => {
|
||||
try {
|
||||
return getDb().prepare('SELECT * FROM history ORDER BY created_at DESC LIMIT 100').all()
|
||||
} catch (err) {
|
||||
log.error('history:list error:', err)
|
||||
return []
|
||||
}
|
||||
})
|
||||
|
||||
ipcMain.handle('history:delete', (_event, id: number) => {
|
||||
try {
|
||||
getDb().prepare('DELETE FROM history WHERE id = ?').run(id)
|
||||
return true
|
||||
} catch {
|
||||
return false
|
||||
}
|
||||
})
|
||||
|
||||
ipcMain.handle('grading:submit', (_event, data: {
|
||||
questionId: number
|
||||
imagePath: string
|
||||
aiScore: number
|
||||
teacherScore: number
|
||||
confidence: number
|
||||
studentAnswer?: string
|
||||
}) => {
|
||||
try {
|
||||
getDb().prepare(`INSERT INTO history (question_id, image_path, student_answer, ai_score, teacher_score, confidence)
|
||||
VALUES (?, ?, ?, ?, ?, ?)`).run(
|
||||
data.questionId || 0,
|
||||
data.imagePath || '',
|
||||
data.studentAnswer || '',
|
||||
data.aiScore,
|
||||
data.teacherScore,
|
||||
data.confidence
|
||||
)
|
||||
return true
|
||||
} catch (err) {
|
||||
log.error('grading:submit error:', err)
|
||||
return false
|
||||
}
|
||||
})
|
||||
|
||||
ipcMain.handle('template:list', () => {
|
||||
try {
|
||||
const db = getDb()
|
||||
const exams = db.prepare('SELECT * FROM exam ORDER BY created_at DESC').all()
|
||||
return exams
|
||||
} catch {
|
||||
return []
|
||||
}
|
||||
})
|
||||
|
||||
ipcMain.handle('template:save', (_event, data: { name: string; course: string }) => {
|
||||
try {
|
||||
const db = getDb()
|
||||
const result = db.prepare('INSERT INTO exam (name, course) VALUES (?, ?)').run(data.name, data.course)
|
||||
return result.lastInsertRowid
|
||||
} catch (err) {
|
||||
log.error('template:save error:', err)
|
||||
return null
|
||||
}
|
||||
})
|
||||
|
||||
// --- Dialog child windows ---
|
||||
ipcMain.handle('dialog:open', (_event, { type, data }: { type: string; data?: any }) => {
|
||||
log.info('IPC: dialog:open', type)
|
||||
if (data !== undefined) {
|
||||
dialogPayloads[type] = data
|
||||
}
|
||||
openDialogWindow(type)
|
||||
})
|
||||
|
||||
ipcMain.on('dialog:close', (_event) => {
|
||||
const w = BrowserWindow.fromWebContents(_event.sender)
|
||||
if (w) w.close()
|
||||
})
|
||||
|
||||
ipcMain.handle('dialog:getPayload', (_event, type: string) => {
|
||||
const data = dialogPayloads[type]
|
||||
delete dialogPayloads[type]
|
||||
return data
|
||||
})
|
||||
|
||||
// --- Open image file from disk ---
|
||||
ipcMain.handle('dialog:openImage', async () => {
|
||||
const result = await dialogBox.showOpenDialog({
|
||||
properties: ['openFile'],
|
||||
filters: [{ name: '图片', extensions: ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp'] }]
|
||||
})
|
||||
if (result.canceled || result.filePaths.length === 0) return null
|
||||
const filePath = result.filePaths[0]
|
||||
const ext = path.extname(filePath).toLowerCase().replace('.', '')
|
||||
const mime = ext === 'jpg' ? 'jpeg' : ext
|
||||
const buffer = fs.readFileSync(filePath)
|
||||
return { base64: buffer.toString('base64'), mime, filePath }
|
||||
})
|
||||
|
||||
// --- Rubric data bridge (toolbar ↔ rubric window) ---
|
||||
ipcMain.handle('rubric:storeData', (_event, data: any) => {
|
||||
rubricPayload = data
|
||||
})
|
||||
|
||||
ipcMain.handle('rubric:getData', () => rubricPayload)
|
||||
|
||||
// --- Grading data bridge (toolbar → result window) ---
|
||||
ipcMain.handle('grading:storeData', (_event, data: any) => {
|
||||
gradingPayload = data
|
||||
})
|
||||
|
||||
ipcMain.handle('grading:getData', () => gradingPayload)
|
||||
}
|
||||
|
||||
const dialogPayloads: Record<string, any> = {}
|
||||
let rubricPayload: any = null
|
||||
let gradingPayload: any = null
|
||||
|
||||
async function callAiApi(imageBase64: string, rubric: string, config: { apiKey: string; baseUrl: string; model: string }, extras?: { maxScore?: number; referenceAnswer?: string; questionTitle?: string }): Promise<{
|
||||
score: number
|
||||
confidence: number
|
||||
deductions: string[]
|
||||
comment: string
|
||||
}> {
|
||||
const systemRole = `你是一名经验丰富的高校教师。你必须严格依据评分标准逐项评分。
|
||||
|
||||
【输出要求】
|
||||
1. 仅输出纯JSON，不要包含任何markdown代码块、\`\`\`标记、或额外文字
|
||||
2. 不得在JSON前后添加任何说明、注释或分隔符
|
||||
3. 字符串必须使用双引号，不得使用单引号
|
||||
4. 不得有多余的逗号
|
||||
|
||||
【输出格式】
|
||||
{
|
||||
"score": 分数,
|
||||
"confidence": 置信度(0-1),
|
||||
"deductions": ["扣分项1", "扣分项2"],
|
||||
"comment": "总评语及逐项得分说明"
|
||||
}`
|
||||
|
||||
const prompt = `${extras?.questionTitle ? `【题目】\n${extras.questionTitle}\n` : ''}【评分标准】
|
||||
${rubric}
|
||||
|
||||
【参考答案】
|
||||
${extras?.referenceAnswer || '无'}
|
||||
|
||||
【总分】
|
||||
${extras?.maxScore ?? 100}
|
||||
|
||||
【学生答案】
|
||||
请看图片中的内容。`
|
||||
|
||||
const axios = require('axios')
|
||||
const response = await axios.post(`${config.baseUrl}/chat/completions`, {
|
||||
model: config.model,
|
||||
messages: [
|
||||
{
|
||||
role: 'system',
|
||||
content: systemRole
|
||||
},
|
||||
{
|
||||
role: 'user',
|
||||
content: [
|
||||
{ type: 'image_url', image_url: { url: `data:image/png;base64,${imageBase64}` } },
|
||||
{ type: 'text', text: prompt }
|
||||
]
|
||||
}
|
||||
],
|
||||
max_tokens: 2048,
|
||||
temperature: 0.1
|
||||
}, {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': `Bearer ${config.apiKey}`
|
||||
},
|
||||
timeout: ((getStore().get('timeout') as number) ?? 120) * 1000
|
||||
})
|
||||
|
||||
const content = response.data.choices[0].message.content
|
||||
const parsed = tryParseJson(content)
|
||||
if (!parsed) {
|
||||
throw new Error(`AI 返回格式异常，无法解析为 JSON。原始返回：\n${content}`)
|
||||
}
|
||||
return {
|
||||
score: parsed.score,
|
||||
confidence: parsed.confidence ?? 0.5,
|
||||
deductions: parsed.deductions ?? [],
|
||||
comment: parsed.comment ?? parsed.commit ?? ''
|
||||
}
|
||||
}
|
||||
|
||||
function tryParseJson(text: string): any {
|
||||
let cleaned = text.trim()
|
||||
// remove markdown code fences
|
||||
cleaned = cleaned.replace(/```(?:json)?\s*/gi, '').replace(/```\s*/g, '').trim()
|
||||
// if there's still non-JSON text, extract the first {...} object
|
||||
if (!cleaned.startsWith('{') && !cleaned.startsWith('[')) {
|
||||
const match = cleaned.match(/\{[\s\S]*\}/)
|
||||
if (match) cleaned = match[0]
|
||||
}
|
||||
// attempt direct parse
|
||||
try {
|
||||
return JSON.parse(cleaned)
|
||||
} catch {}
|
||||
// fix single quotes -> double quotes (but keep escaped ones)
|
||||
try {
|
||||
const fixed = cleaned
|
||||
.replace(/(?<!\\)'/g, '"')
|
||||
.replace(/,(\s*[}\]])/g, '$1') // trailing commas
|
||||
return JSON.parse(fixed)
|
||||
} catch {}
|
||||
// fix unquoted keys
|
||||
try {
|
||||
const fixed = cleaned
|
||||
.replace(/([{,]\s*)(\w+)(\s*:)/g, '$1"$2"$3')
|
||||
.replace(/,(\s*[}\]])/g, '$1')
|
||||
return JSON.parse(fixed)
|
||||
} catch {}
|
||||
return null
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
import { app, BrowserWindow } from 'electron'
|
||||
import { createMainWindow } from './window'
|
||||
import { registerShortcut } from './shortcut'
|
||||
import { setupIpc } from './ipc'
|
||||
import { createTray } from './tray'
|
||||
import log from 'electron-log'
|
||||
|
||||
log.info('App starting...')
|
||||
|
||||
app.whenReady().then(() => {
|
||||
const win = createMainWindow()
|
||||
registerShortcut(win)
|
||||
setupIpc(win)
|
||||
createTray(win)
|
||||
|
||||
app.on('activate', () => {
|
||||
if (BrowserWindow.getAllWindows().length === 0) {
|
||||
createMainWindow()
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
app.on('window-all-closed', () => {
|
||||
if (process.platform !== 'darwin') {
|
||||
app.quit()
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,153 @@
|
||||
import { BrowserWindow, desktopCapturer, screen } from 'electron'
|
||||
import * as path from 'path'
|
||||
import * as fs from 'fs'
|
||||
import log from 'electron-log'
|
||||
|
||||
let screenshotWindow: BrowserWindow | null = null
|
||||
let capturedImage: Buffer | null = null
|
||||
let capturedBase64: string | null = null
|
||||
let isScreenshotActive = false
|
||||
let lastScreenshotTime = 0
|
||||
const SCREENSHOT_COOLDOWN = 2000
|
||||
|
||||
export function startScreenshot(mainWin: BrowserWindow): void {
|
||||
const now = Date.now()
|
||||
if (now - lastScreenshotTime < SCREENSHOT_COOLDOWN) {
|
||||
log.warn('Screenshot on cooldown, ignoring')
|
||||
return
|
||||
}
|
||||
if (isScreenshotActive) {
|
||||
log.warn('Screenshot already active, ignoring')
|
||||
return
|
||||
}
|
||||
isScreenshotActive = true
|
||||
lastScreenshotTime = now
|
||||
require('./shortcut').disableShortcut()
|
||||
mainWin.hide()
|
||||
|
||||
const cursor = screen.getCursorScreenPoint()
|
||||
const displays = screen.getAllDisplays()
|
||||
const targetDisplay = displays.find(d => {
|
||||
return cursor.x >= d.bounds.x && cursor.x <= d.bounds.x + d.bounds.width &&
|
||||
cursor.y >= d.bounds.y && cursor.y <= d.bounds.y + d.bounds.height
|
||||
}) || displays[0]
|
||||
|
||||
const bounds = targetDisplay.bounds
|
||||
|
||||
screenshotWindow = new BrowserWindow({
|
||||
x: bounds.x,
|
||||
y: bounds.y,
|
||||
width: bounds.width,
|
||||
height: bounds.height,
|
||||
frame: false,
|
||||
transparent: true,
|
||||
alwaysOnTop: true,
|
||||
skipTaskbar: true,
|
||||
resizable: false,
|
||||
webPreferences: {
|
||||
preload: path.join(__dirname, '../preload/preload.js'),
|
||||
contextIsolation: true,
|
||||
nodeIntegration: false
|
||||
}
|
||||
})
|
||||
|
||||
if (process.env.NODE_ENV === 'development' || process.argv.includes('--dev')) {
|
||||
screenshotWindow.loadURL(`http://localhost:5173/#/screenshot`)
|
||||
} else {
|
||||
screenshotWindow.loadFile(path.join(__dirname, '../../dist/index.html'), { hash: '/screenshot' })
|
||||
}
|
||||
|
||||
screenshotWindow.on('closed', () => {
|
||||
isScreenshotActive = false
|
||||
screenshotWindow = null
|
||||
})
|
||||
}
|
||||
|
||||
export async function captureScreen(region: { x: number; y: number; width: number; height: number }): Promise<string | null> {
|
||||
try {
|
||||
const displays = screen.getAllDisplays()
|
||||
const sources = await desktopCapturer.getSources({
|
||||
types: ['screen'],
|
||||
thumbnailSize: { width: 4096, height: 2160 }
|
||||
})
|
||||
|
||||
if (sources.length === 0) return null
|
||||
|
||||
const cursor = screen.getCursorScreenPoint()
|
||||
const targetDisplay = displays.find(d => {
|
||||
return cursor.x >= d.bounds.x && cursor.x <= d.bounds.x + d.bounds.width &&
|
||||
cursor.y >= d.bounds.y && cursor.y <= d.bounds.y + d.bounds.height
|
||||
}) || displays[0]
|
||||
|
||||
const sourceIndex = displays.findIndex(d => d.id === targetDisplay.id)
|
||||
const source = sources[Math.min(sourceIndex, sources.length - 1)]
|
||||
|
||||
const fullImage = source.thumbnail
|
||||
const displayWidth = targetDisplay.bounds.width
|
||||
const displayHeight = targetDisplay.bounds.height
|
||||
const scaleX = fullImage.getSize().width / displayWidth
|
||||
const scaleY = fullImage.getSize().height / displayHeight
|
||||
|
||||
const cropX = Math.round(region.x * scaleX)
|
||||
const cropY = Math.round(region.y * scaleY)
|
||||
const cropW = Math.round(region.width * scaleX)
|
||||
const cropH = Math.round(region.height * scaleY)
|
||||
|
||||
const cropped = fullImage.crop({
|
||||
x: Math.max(0, cropX),
|
||||
y: Math.max(0, cropY),
|
||||
width: Math.min(cropW, fullImage.getSize().width - cropX),
|
||||
height: Math.min(cropH, fullImage.getSize().height - cropY)
|
||||
})
|
||||
|
||||
const pngBuffer = cropped.toPNG()
|
||||
const base64 = pngBuffer.toString('base64')
|
||||
capturedImage = pngBuffer
|
||||
capturedBase64 = base64
|
||||
|
||||
try {
|
||||
const Store = require('electron-store').default
|
||||
const store = new Store()
|
||||
const savePath = store.get('screenshotSavePath', '')
|
||||
if (savePath) {
|
||||
const timestamp = Date.now()
|
||||
const filename = `screenshot_${timestamp}.png`
|
||||
const fullPath = path.join(savePath, filename)
|
||||
fs.writeFileSync(fullPath, pngBuffer)
|
||||
log.info('Screenshot saved to', fullPath)
|
||||
}
|
||||
} catch (e) {
|
||||
log.error('Failed to save screenshot:', e)
|
||||
}
|
||||
|
||||
log.info('Screenshot captured', { width: region.width, height: region.height })
|
||||
return base64
|
||||
} catch (err) {
|
||||
log.error('Screenshot capture error:', err)
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
export function closeScreenshot(): void {
|
||||
if (screenshotWindow && !screenshotWindow.isDestroyed()) {
|
||||
screenshotWindow.close()
|
||||
if (!screenshotWindow.isDestroyed()) {
|
||||
screenshotWindow.destroy()
|
||||
}
|
||||
}
|
||||
screenshotWindow = null
|
||||
isScreenshotActive = false
|
||||
}
|
||||
|
||||
export function getCapturedImage(): Buffer | null {
|
||||
return capturedImage
|
||||
}
|
||||
|
||||
export function getCapturedBase64(): string | null {
|
||||
return capturedBase64
|
||||
}
|
||||
|
||||
export function clearCapturedImage(): void {
|
||||
capturedImage = null
|
||||
capturedBase64 = null
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
import { globalShortcut, BrowserWindow } from 'electron'
|
||||
import log from 'electron-log'
|
||||
|
||||
let registeredWin: BrowserWindow | null = null
|
||||
let shortcutEnabled = false
|
||||
|
||||
const handler = () => {
|
||||
log.info('Shortcut Alt+Q triggered')
|
||||
if (registeredWin) {
|
||||
require('./screenshot').startScreenshot(registeredWin)
|
||||
}
|
||||
}
|
||||
|
||||
export function registerShortcut(win: BrowserWindow): void {
|
||||
registeredWin = win
|
||||
if (!shortcutEnabled) {
|
||||
globalShortcut.register('Alt+Q', handler)
|
||||
shortcutEnabled = true
|
||||
log.info('Shortcut Alt+Q registered')
|
||||
}
|
||||
}
|
||||
|
||||
export function disableShortcut(): void {
|
||||
if (shortcutEnabled) {
|
||||
globalShortcut.unregister('Alt+Q')
|
||||
shortcutEnabled = false
|
||||
log.info('Shortcut Alt+Q disabled')
|
||||
}
|
||||
}
|
||||
|
||||
export function enableShortcut(): void {
|
||||
if (!shortcutEnabled && registeredWin) {
|
||||
globalShortcut.register('Alt+Q', handler)
|
||||
shortcutEnabled = true
|
||||
log.info('Shortcut Alt+Q re-enabled')
|
||||
}
|
||||
}
|
||||
|
||||
export function unregisterShortcut(): void {
|
||||
disableShortcut()
|
||||
registeredWin = null
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
import { Tray, Menu, BrowserWindow, app, nativeImage } from 'electron'
|
||||
import * as path from 'path'
|
||||
import * as fs from 'fs'
|
||||
|
||||
let tray: Tray | null = null
|
||||
|
||||
export function createTray(win: BrowserWindow): void {
|
||||
const iconPath = path.join(__dirname, '../../src/assets/icon.png')
|
||||
|
||||
let icon: Electron.NativeImage
|
||||
if (fs.existsSync(iconPath)) {
|
||||
icon = nativeImage.createFromPath(iconPath)
|
||||
} else {
|
||||
icon = nativeImage.createEmpty()
|
||||
}
|
||||
|
||||
try {
|
||||
tray = new Tray(icon)
|
||||
} catch {
|
||||
return
|
||||
}
|
||||
|
||||
const contextMenu = Menu.buildFromTemplate([
|
||||
{
|
||||
label: '显示主面板',
|
||||
click: () => {
|
||||
win.show()
|
||||
win.focus()
|
||||
}
|
||||
},
|
||||
{ type: 'separator' },
|
||||
{
|
||||
label: '退出',
|
||||
click: () => {
|
||||
app.quit()
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
tray.setToolTip('AI 阅卷助手')
|
||||
tray.setContextMenu(contextMenu)
|
||||
|
||||
tray.on('click', () => {
|
||||
win.show()
|
||||
win.focus()
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
import { BrowserWindow, screen } from 'electron'
|
||||
import * as path from 'path'
|
||||
|
||||
let mainWindow: BrowserWindow | null = null
|
||||
export let baseAppUrl = ''
|
||||
|
||||
export function createMainWindow(): BrowserWindow {
|
||||
const cursor = screen.getCursorScreenPoint()
|
||||
const displays = screen.getAllDisplays()
|
||||
const targetDisplay = displays.find((d: Electron.Display) =>
|
||||
cursor.x >= d.bounds.x && cursor.x <= d.bounds.x + d.bounds.width &&
|
||||
cursor.y >= d.bounds.y && cursor.y <= d.bounds.y + d.bounds.height
|
||||
) || displays[0]
|
||||
|
||||
mainWindow = new BrowserWindow({
|
||||
x: Math.round(targetDisplay.bounds.x + targetDisplay.bounds.width / 2 - 300),
|
||||
y: targetDisplay.bounds.y + 100,
|
||||
width: 600,
|
||||
height: 64,
|
||||
frame: false,
|
||||
transparent: true,
|
||||
alwaysOnTop: true,
|
||||
skipTaskbar: true,
|
||||
resizable: false,
|
||||
webPreferences: {
|
||||
preload: path.join(__dirname, '../preload/preload.js'),
|
||||
contextIsolation: true,
|
||||
nodeIntegration: false
|
||||
}
|
||||
})
|
||||
|
||||
if (process.env.NODE_ENV === 'development' || process.argv.includes('--dev')) {
|
||||
baseAppUrl = 'http://localhost:5173'
|
||||
mainWindow.loadURL(baseAppUrl)
|
||||
} else {
|
||||
baseAppUrl = `file://${path.join(__dirname, '../../dist/index.html').replace(/\\/g, '/')}`
|
||||
mainWindow.loadFile(path.join(__dirname, '../../dist/index.html'))
|
||||
}
|
||||
|
||||
mainWindow.on('closed', () => {
|
||||
mainWindow = null
|
||||
})
|
||||
|
||||
return mainWindow
|
||||
}
|
||||
|
||||
export function getMainWindow(): BrowserWindow | null {
|
||||
return mainWindow
|
||||
}
|
||||
|
||||
const dialogWindows: Record<string, BrowserWindow | null> = {}
|
||||
|
||||
export function openDialogWindow(type: string): BrowserWindow | null {
|
||||
const existing = dialogWindows[type]
|
||||
if (existing && !existing.isDestroyed()) {
|
||||
existing.focus()
|
||||
return existing
|
||||
}
|
||||
|
||||
const sizes: Record<string, { width: number; height: number }> = {
|
||||
settings: { width: 520, height: 560 },
|
||||
history: { width: 800, height: 600 },
|
||||
templates: { width: 640, height: 520 },
|
||||
rubric: { width: 520, height: 480 },
|
||||
result: { width: 440, height: 560 }
|
||||
}
|
||||
const size = sizes[type] || { width: 500, height: 500 }
|
||||
|
||||
const child = new BrowserWindow({
|
||||
...size,
|
||||
show: false,
|
||||
frame: false,
|
||||
transparent: true,
|
||||
resizable: false,
|
||||
webPreferences: {
|
||||
preload: path.join(__dirname, '../preload/preload.js'),
|
||||
contextIsolation: true,
|
||||
nodeIntegration: false
|
||||
}
|
||||
})
|
||||
|
||||
if (process.env.NODE_ENV === 'development' || process.argv.includes('--dev')) {
|
||||
child.loadURL(`${baseAppUrl}?dialog=${type}`)
|
||||
} else {
|
||||
child.loadFile(path.join(__dirname, '../../dist/index.html'), { query: { dialog: type } })
|
||||
}
|
||||
child.show()
|
||||
|
||||
dialogWindows[type] = child
|
||||
child.on('closed', () => { dialogWindows[type] = null })
|
||||
return child
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
import { contextBridge, ipcRenderer } from 'electron'
|
||||
|
||||
contextBridge.exposeInMainWorld('electronAPI', {
|
||||
window: {
|
||||
dragMove: (deltaX: number, deltaY: number) => ipcRenderer.invoke('window:dragMove', { deltaX, deltaY }),
|
||||
dragEnd: (x: number, y: number) => ipcRenderer.invoke('window:dragEnd', { x, y })
|
||||
},
|
||||
|
||||
screenshot: {
|
||||
start: () => ipcRenderer.invoke('screenshot:start'),
|
||||
capture: (region: { x: number; y: number; width: number; height: number }) =>
|
||||
ipcRenderer.invoke('screenshot:capture', region),
|
||||
cancel: () => ipcRenderer.invoke('screenshot:cancel'),
|
||||
getLastImage: () => ipcRenderer.invoke('screenshot:getLastImage'),
|
||||
onCompleted: (callback: (base64: string) => void) => {
|
||||
const handler = (_event: any, base64: string) => callback(base64)
|
||||
ipcRenderer.on('screenshot:completed', handler)
|
||||
return () => ipcRenderer.removeListener('screenshot:completed', handler)
|
||||
}
|
||||
},
|
||||
|
||||
ai: {
|
||||
grade: (data: { imageBase64: string; rubric: string; apiConfig: { apiKey: string; baseUrl: string; model: string } }) =>
|
||||
ipcRenderer.invoke('ai:grade', data)
|
||||
},
|
||||
|
||||
settings: {
|
||||
get: () => ipcRenderer.invoke('settings:get'),
|
||||
set: (settings: Record<string, unknown>) => ipcRenderer.invoke('settings:set', settings),
|
||||
selectDirectory: () => ipcRenderer.invoke('settings:selectDirectory')
|
||||
},
|
||||
|
||||
history: {
|
||||
list: () => ipcRenderer.invoke('history:list'),
|
||||
delete: (id: number) => ipcRenderer.invoke('history:delete', id)
|
||||
},
|
||||
|
||||
grading: {
|
||||
submit: (data: {
|
||||
questionId: number
|
||||
imagePath: string
|
||||
aiScore: number
|
||||
teacherScore: number
|
||||
confidence: number
|
||||
studentAnswer?: string
|
||||
}) => ipcRenderer.invoke('grading:submit', data),
|
||||
storeData: (data: any) => ipcRenderer.invoke('grading:storeData', data),
|
||||
getData: () => ipcRenderer.invoke('grading:getData')
|
||||
},
|
||||
|
||||
rubric: {
|
||||
storeData: (data: any) => ipcRenderer.invoke('rubric:storeData', data),
|
||||
getData: () => ipcRenderer.invoke('rubric:getData')
|
||||
},
|
||||
|
||||
template: {
|
||||
list: () => ipcRenderer.invoke('template:list'),
|
||||
save: (data: { name: string; course: string }) => ipcRenderer.invoke('template:save', data)
|
||||
},
|
||||
|
||||
dialog: {
|
||||
open: (type: string, data?: any) => ipcRenderer.invoke('dialog:open', { type, data }),
|
||||
close: () => ipcRenderer.send('dialog:close'),
|
||||
getPayload: (type: string) => ipcRenderer.invoke('dialog:getPayload', type),
|
||||
openImage: () => ipcRenderer.invoke('dialog:openImage')
|
||||
}
|
||||
})
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI 阅卷助手</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
Generated
+7103
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "ai-grading-assistant",
|
||||
"version": "1.0.0",
|
||||
"description": "AI 阅卷助手 - 桌面端 AI Copilot",
|
||||
"main": "dist-electron/main/main.js",
|
||||
"scripts": {
|
||||
"dev": "concurrently -k \"npm run dev:renderer\" \"npm run dev:electron\"",
|
||||
"dev:renderer": "vite",
|
||||
"dev:electron": "wait-on http://localhost:5173 && tsc -p tsconfig.electron.json && cross-env NODE_ENV=development electron . --dev",
|
||||
"build:renderer": "vite build",
|
||||
"build:electron": "tsc -p tsconfig.electron.json",
|
||||
"build": "npm run build:renderer && npm run build:electron",
|
||||
"start": "electron .",
|
||||
"lint": "vue-tsc --noEmit --skipLibCheck"
|
||||
},
|
||||
"keywords": [
|
||||
"ai",
|
||||
"grading",
|
||||
"education",
|
||||
"electron"
|
||||
],
|
||||
"author": "",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"axios": "^1.18.1",
|
||||
"better-sqlite3": "^12.11.1",
|
||||
"electron": "^42.0.0",
|
||||
"electron-log": "^5.4.4",
|
||||
"electron-store": "^11.0.2",
|
||||
"element-plus": "^2.14.3",
|
||||
"pinia": "^4.0.1",
|
||||
"sharp": "^0.35.3",
|
||||
"vue": "^3.5.39",
|
||||
"vue-router": "^5.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/better-sqlite3": "^7.6.13",
|
||||
"@types/node": "^26.1.1",
|
||||
"@vitejs/plugin-vue": "^6.0.8",
|
||||
"concurrently": "^9.1.2",
|
||||
"cross-env": "^7.0.3",
|
||||
"electron-builder": "^26.15.3",
|
||||
"typescript": "^7.0.2",
|
||||
"vite": "^8.1.4",
|
||||
"vue-tsc": "^3.3.7",
|
||||
"wait-on": "^8.0.3"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\App.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\main.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\vite-env.d.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\assets\icon.png
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\components\FloatingToolbar.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\components\ResultDrawer.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\components\ScreenshotOverlay.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\components\SettingDialog.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\pages\HistoryPage.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\pages\TemplatePage.vue
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\router\index.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\stores\app.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\stores\grading.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\stores\settings.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\styles\main.css
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\src\types\index.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\main\ipc.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\main\main.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\main\screenshot.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\main\shortcut.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\main\tray.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\main\window.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\electron\preload\preload.ts
|
||||
D:\Workspace\Learn\AI\AI-Grading-Assistant\database\schema.sql
|
||||
+56
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<template v-if="dialogType">
|
||||
<SettingDialog v-if="dialogType === 'settings'" />
|
||||
<HistoryDialog v-if="dialogType === 'history'" />
|
||||
<TemplateDialog v-if="dialogType === 'templates'" />
|
||||
<RubricEditor v-if="dialogType === 'rubric'" />
|
||||
<ResultDrawer v-if="dialogType === 'result'" />
|
||||
</template>
|
||||
<template v-else>
|
||||
<router-view />
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted } from 'vue'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import { useSettingsStore } from '@/stores/settings'
|
||||
import { useGradingStore } from '@/stores/grading'
|
||||
import ResultDrawer from '@/components/ResultDrawer.vue'
|
||||
import SettingDialog from '@/components/SettingDialog.vue'
|
||||
import HistoryDialog from '@/pages/HistoryDialog.vue'
|
||||
import TemplateDialog from '@/pages/TemplateDialog.vue'
|
||||
import RubricEditor from '@/components/RubricEditor.vue'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const settingsStore = useSettingsStore()
|
||||
const gradingStore = useGradingStore()
|
||||
|
||||
const dialogType = new URLSearchParams(window.location.search).get('dialog')
|
||||
|
||||
onMounted(async () => {
|
||||
if (dialogType === 'result') {
|
||||
const data = await window.electronAPI?.grading.getData()
|
||||
if (data) {
|
||||
if (data.image) gradingStore.setImage(data.image)
|
||||
if (data.rubric) gradingStore.setRubric(data.rubric)
|
||||
if (data.result) gradingStore.setResult(data.result)
|
||||
if (data.questionTitle) gradingStore.setQuestionTitle(data.questionTitle)
|
||||
if (data.maxScore) gradingStore.setMaxScore(data.maxScore)
|
||||
if (data.referenceAnswer) gradingStore.setReferenceAnswer(data.referenceAnswer)
|
||||
}
|
||||
appStore.openResultDrawer()
|
||||
} else if (dialogType) {
|
||||
if (dialogType === 'settings') await settingsStore.loadSettings()
|
||||
const actions: Record<string, () => void> = {
|
||||
settings: () => appStore.openSettingDialog(),
|
||||
history: () => appStore.openHistoryDialog(),
|
||||
templates: () => appStore.openTemplateDialog(),
|
||||
rubric: () => appStore.openRubricEditor()
|
||||
}
|
||||
actions[dialogType]?.()
|
||||
} else {
|
||||
settingsStore.loadSettings()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 483 B |
@@ -0,0 +1,209 @@
|
||||
<template>
|
||||
<div class="floating-toolbar" :class="{ 'is-hidden': !appStore.isToolbarVisible }">
|
||||
<div class="toolbar-buttons">
|
||||
<el-button class="toolbar-btn" @click="startScreenshot">
|
||||
<span class="btn-icon">📷</span>
|
||||
<span class="btn-label">截图</span>
|
||||
</el-button>
|
||||
|
||||
<el-button class="toolbar-btn" @click="selectImage">
|
||||
<span class="btn-icon">📁</span>
|
||||
<span class="btn-label">图片</span>
|
||||
</el-button>
|
||||
|
||||
<el-button class="toolbar-btn" @click="startGrading" :loading="appStore.isGrading">
|
||||
<span class="btn-icon">⚡</span>
|
||||
<span class="btn-label">{{ appStore.isGrading ? '阅卷中...' : '阅卷' }}</span>
|
||||
</el-button>
|
||||
|
||||
<el-button class="toolbar-btn" @click="openRubric">
|
||||
<span class="btn-icon">📋</span>
|
||||
<span class="btn-label">标准</span>
|
||||
</el-button>
|
||||
|
||||
<el-button class="toolbar-btn" @click="openTemplates">
|
||||
<span class="btn-icon">📚</span>
|
||||
<span class="btn-label">模板</span>
|
||||
</el-button>
|
||||
|
||||
<el-button class="toolbar-btn" @click="openHistory">
|
||||
<span class="btn-icon">📜</span>
|
||||
<span class="btn-label">历史</span>
|
||||
</el-button>
|
||||
|
||||
<el-button class="toolbar-btn" @click="openSettings">
|
||||
<span class="btn-icon">⚙</span>
|
||||
<span class="btn-label">设置</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, onUnmounted } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import { useGradingStore } from '@/stores/grading'
|
||||
import { useSettingsStore } from '@/stores/settings'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const gradingStore = useGradingStore()
|
||||
const settingsStore = useSettingsStore()
|
||||
|
||||
let cleanupScreenshotListener: (() => void) | null = null
|
||||
|
||||
onMounted(() => {
|
||||
if (window.electronAPI) {
|
||||
cleanupScreenshotListener = window.electronAPI.screenshot.onCompleted((base64: string) => {
|
||||
if (!appStore.isGrading) {
|
||||
gradingStore.setImage(base64)
|
||||
startGrading()
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
cleanupScreenshotListener?.()
|
||||
})
|
||||
|
||||
function startScreenshot() {
|
||||
if (window.electronAPI) window.electronAPI.screenshot.start()
|
||||
}
|
||||
|
||||
async function selectImage() {
|
||||
if (!window.electronAPI) return
|
||||
const data = await window.electronAPI.dialog.openImage()
|
||||
if (data) {
|
||||
gradingStore.setImage(data.base64)
|
||||
ElMessage.success('已选择图片')
|
||||
}
|
||||
}
|
||||
|
||||
async function startGrading() {
|
||||
if (!gradingStore.currentImage) {
|
||||
ElMessage.info('请先截图或选择图片')
|
||||
return
|
||||
}
|
||||
if (!settingsStore.settings.apiKey) {
|
||||
ElMessage.warning('请先在设置中配置 API Key')
|
||||
if (window.electronAPI) window.electronAPI.dialog.open('settings')
|
||||
return
|
||||
}
|
||||
|
||||
appStore.isGrading = true
|
||||
try {
|
||||
// load latest rubric data from main process (may have been updated by rubric dialog)
|
||||
const rubricData = await window.electronAPI?.rubric.getData()
|
||||
if (rubricData) {
|
||||
if (rubricData.rubric) gradingStore.setRubric(rubricData.rubric)
|
||||
if (rubricData.questionTitle) gradingStore.setQuestionTitle(rubricData.questionTitle)
|
||||
if (rubricData.maxScore) gradingStore.setMaxScore(rubricData.maxScore)
|
||||
if (rubricData.referenceAnswer) gradingStore.setReferenceAnswer(rubricData.referenceAnswer)
|
||||
}
|
||||
const result = await window.electronAPI.ai.grade({
|
||||
imageBase64: gradingStore.currentImage,
|
||||
rubric: gradingStore.rubric || `请根据答案内容评分，满分${gradingStore.maxScore}分`,
|
||||
maxScore: gradingStore.maxScore,
|
||||
referenceAnswer: gradingStore.referenceAnswer,
|
||||
questionTitle: gradingStore.questionTitle,
|
||||
apiConfig: {
|
||||
apiKey: settingsStore.settings.apiKey,
|
||||
baseUrl: settingsStore.settings.baseUrl,
|
||||
model: settingsStore.settings.model
|
||||
}
|
||||
})
|
||||
gradingStore.setResult(result)
|
||||
if (window.electronAPI) {
|
||||
await window.electronAPI.grading.storeData({
|
||||
result,
|
||||
image: gradingStore.currentImage,
|
||||
rubric: gradingStore.rubric,
|
||||
questionTitle: gradingStore.questionTitle,
|
||||
maxScore: gradingStore.maxScore,
|
||||
referenceAnswer: gradingStore.referenceAnswer
|
||||
})
|
||||
// also update rubric bridge
|
||||
await window.electronAPI.rubric.storeData({
|
||||
questionTitle: gradingStore.questionTitle,
|
||||
maxScore: gradingStore.maxScore,
|
||||
referenceAnswer: gradingStore.referenceAnswer,
|
||||
rubric: gradingStore.rubric
|
||||
})
|
||||
await window.electronAPI.dialog.open('result')
|
||||
}
|
||||
} catch (err) {
|
||||
ElMessage.error('AI 阅卷失败：' + (err as Error).message)
|
||||
} finally {
|
||||
appStore.isGrading = false
|
||||
}
|
||||
}
|
||||
|
||||
function openRubric() {
|
||||
window.electronAPI?.dialog.open('rubric')
|
||||
}
|
||||
|
||||
async function openTemplates() { window.electronAPI?.dialog.open('templates') }
|
||||
function openHistory() { window.electronAPI?.dialog.open('history') }
|
||||
function openSettings() { window.electronAPI?.dialog.open('settings') }
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.floating-toolbar {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 99999;
|
||||
user-select: none;
|
||||
-webkit-app-region: drag;
|
||||
background: rgba(30, 30, 30, 0.85);
|
||||
backdrop-filter: blur(12px);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.toolbar-buttons {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
padding: 8px 14px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.toolbar-btn {
|
||||
-webkit-app-region: no-drag;
|
||||
border: none !important;
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.85) !important;
|
||||
height: 46px !important;
|
||||
padding: 4px 14px !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1px;
|
||||
transition: all 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.toolbar-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.12) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.btn-label {
|
||||
font-size: 10px;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.is-hidden {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div class="result-drawer" v-show="visible" @click.self="closeDrawer">
|
||||
<div class="drawer-panel">
|
||||
<div class="drawer-header">
|
||||
<span class="drawer-title">AI 评分结果</span>
|
||||
<el-button text size="small" @click="closeDrawer">✕</el-button>
|
||||
</div>
|
||||
|
||||
<div class="drawer-body" v-if="gradingStore.currentResult">
|
||||
<div class="result-score">
|
||||
<div class="score-value">{{ gradingStore.currentResult.score }}</div>
|
||||
<div class="score-label">建议分数</div>
|
||||
</div>
|
||||
|
||||
<div class="result-confidence">
|
||||
<div class="confidence-bar">
|
||||
<div class="confidence-fill" :style="{ width: (gradingStore.currentResult.confidence * 100) + '%' }"></div>
|
||||
</div>
|
||||
<div class="confidence-text">可信度：{{ Math.round(gradingStore.currentResult.confidence * 100) }}%</div>
|
||||
</div>
|
||||
|
||||
<div class="result-section" v-if="gradingStore.currentResult.deductions.length">
|
||||
<div class="section-title">扣分项</div>
|
||||
<div class="deduction-item" v-for="(item, idx) in gradingStore.currentResult.deductions" :key="idx">
|
||||
{{ idx + 1 }}. {{ item }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="result-section">
|
||||
<div class="section-title">评语</div>
|
||||
<div class="comment-text">{{ gradingStore.currentResult.comment }}</div>
|
||||
</div>
|
||||
|
||||
<div class="result-section">
|
||||
<div class="section-title">教师评分（可修改）</div>
|
||||
<div class="teacher-score-input">
|
||||
<el-input-number
|
||||
v-model="teacherScore"
|
||||
:min="0"
|
||||
:max="100"
|
||||
size="small"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="result-section">
|
||||
<div class="section-title">教师评语</div>
|
||||
<el-input
|
||||
v-model="teacherComment"
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
size="small"
|
||||
placeholder="输入评语（可选）"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="drawer-footer">
|
||||
<el-button size="small" @click="reGrade">重新评分</el-button>
|
||||
<el-button type="primary" size="small" @click="confirmScore">确认评分</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { ref, watch } from 'vue'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import { useGradingStore } from '@/stores/grading'
|
||||
import { useSettingsStore } from '@/stores/settings'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const gradingStore = useGradingStore()
|
||||
const settingsStore = useSettingsStore()
|
||||
|
||||
const visible = ref(false)
|
||||
const teacherScore = ref(0)
|
||||
const teacherComment = ref('')
|
||||
|
||||
watch(() => appStore.isResultDrawerOpen, (val) => {
|
||||
visible.value = val
|
||||
})
|
||||
|
||||
watch(() => gradingStore.currentResult, (val) => {
|
||||
if (val) {
|
||||
teacherScore.value = val.score
|
||||
teacherComment.value = ''
|
||||
}
|
||||
})
|
||||
|
||||
function closeDrawer() {
|
||||
window.electronAPI?.dialog.close()
|
||||
}
|
||||
|
||||
async function reGrade() {
|
||||
if (!gradingStore.currentImage) return
|
||||
appStore.isGrading = true
|
||||
try {
|
||||
const result = await window.electronAPI.ai.grade({
|
||||
imageBase64: gradingStore.currentImage,
|
||||
rubric: gradingStore.rubric || `请根据答案内容评分，满分${gradingStore.maxScore}分`,
|
||||
maxScore: gradingStore.maxScore,
|
||||
referenceAnswer: gradingStore.referenceAnswer,
|
||||
questionTitle: gradingStore.questionTitle,
|
||||
apiConfig: {
|
||||
apiKey: settingsStore.settings.apiKey,
|
||||
baseUrl: settingsStore.settings.baseUrl,
|
||||
model: settingsStore.settings.model
|
||||
}
|
||||
})
|
||||
gradingStore.setResult(result)
|
||||
ElMessage.success('重新评分完成')
|
||||
} catch (err) {
|
||||
ElMessage.error('重新评分失败：' + (err as Error).message)
|
||||
} finally {
|
||||
appStore.isGrading = false
|
||||
}
|
||||
}
|
||||
|
||||
async function confirmScore() {
|
||||
const result = gradingStore.currentResult
|
||||
if (!result) return
|
||||
|
||||
try {
|
||||
await window.electronAPI.grading.submit({
|
||||
questionId: 0,
|
||||
imagePath: '',
|
||||
aiScore: result.score,
|
||||
teacherScore: teacherScore.value,
|
||||
confidence: result.confidence,
|
||||
studentAnswer: ''
|
||||
})
|
||||
ElMessage.success('评分已保存')
|
||||
gradingStore.reset()
|
||||
closeDrawer()
|
||||
} catch (err) {
|
||||
ElMessage.error('保存失败：' + (err as Error).message)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.result-drawer {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 99998;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.drawer-panel {
|
||||
width: 360px;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.drawer-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.drawer-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.drawer-body {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.result-score {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.score-value {
|
||||
font-size: 48px;
|
||||
font-weight: 700;
|
||||
color: #409EFF;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.score-label {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.result-confidence {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.confidence-bar {
|
||||
height: 6px;
|
||||
background: #eee;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.confidence-fill {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, #67C23A, #409EFF);
|
||||
border-radius: 3px;
|
||||
transition: width 0.3s;
|
||||
}
|
||||
|
||||
.confidence-text {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
margin-top: 4px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.result-section {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.deduction-item {
|
||||
font-size: 13px;
|
||||
color: #F56C6C;
|
||||
padding: 4px 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
background: #f5f7fa;
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.teacher-score-input {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.drawer-footer {
|
||||
padding: 12px 16px;
|
||||
border-top: 1px solid #eee;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<el-dialog v-model="visible" title="评分标准" width="520px" :modal="false" @close="handleClose">
|
||||
<el-form :model="form" size="small">
|
||||
<el-form-item label="题目">
|
||||
<el-input
|
||||
v-model="form.questionTitle"
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
placeholder="输入题目内容"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="满分">
|
||||
<el-input-number v-model="form.maxScore" :min="1" :max="1000" />
|
||||
</el-form-item>
|
||||
<el-form-item label="参考答案">
|
||||
<el-input
|
||||
v-model="form.referenceAnswer"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
placeholder="输入参考答案（可选）"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="评分标准">
|
||||
<el-input
|
||||
v-model="form.rubric"
|
||||
type="textarea"
|
||||
:rows="8"
|
||||
placeholder="输入评分标准，如： 实体识别完整（3分） 联系类型正确（4分） 图形规范（2分）"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button size="small" @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" size="small" @click="handleSave">应用</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, watch } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import { useGradingStore } from '@/stores/grading'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const gradingStore = useGradingStore()
|
||||
const visible = ref(false)
|
||||
const form = ref({ questionTitle: '', maxScore: 100, referenceAnswer: '', rubric: '' })
|
||||
|
||||
watch(() => appStore.isRubricEditorOpen, async (val) => {
|
||||
visible.value = val
|
||||
if (val) {
|
||||
// load rubric data from main process (set by toolbar window before opening)
|
||||
const data = await window.electronAPI?.rubric.getData()
|
||||
if (data) {
|
||||
form.value = {
|
||||
questionTitle: data.questionTitle || '',
|
||||
maxScore: data.maxScore ?? 100,
|
||||
referenceAnswer: data.referenceAnswer || '',
|
||||
rubric: data.rubric || ''
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
async function handleSave() {
|
||||
// update local store
|
||||
gradingStore.setQuestionTitle(form.value.questionTitle)
|
||||
gradingStore.setRubric(form.value.rubric)
|
||||
gradingStore.setMaxScore(form.value.maxScore)
|
||||
gradingStore.setReferenceAnswer(form.value.referenceAnswer)
|
||||
// persist to main process so toolbar window can read it
|
||||
await window.electronAPI?.rubric.storeData({
|
||||
questionTitle: form.value.questionTitle,
|
||||
maxScore: form.value.maxScore,
|
||||
referenceAnswer: form.value.referenceAnswer,
|
||||
rubric: form.value.rubric
|
||||
})
|
||||
ElMessage.success('评分标准已应用')
|
||||
handleClose()
|
||||
}
|
||||
|
||||
function handleClose() {
|
||||
window.electronAPI?.dialog.close()
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,209 @@
|
||||
<template>
|
||||
<div
|
||||
class="screenshot-overlay"
|
||||
@mousedown="onMouseDown"
|
||||
@mousemove="onMouseMove"
|
||||
@mouseup="onMouseUp"
|
||||
:class="{ 'has-selection': hasSelection }"
|
||||
>
|
||||
<canvas ref="canvasRef" class="screenshot-canvas"></canvas>
|
||||
<div v-if="!hasSelection" class="screenshot-tip">拖动选择截图区域 · Esc取消</div>
|
||||
<div v-else class="screenshot-actions" @mousedown.stop @mouseup.stop>
|
||||
<button class="action-btn confirm" @click="confirmCapture">✓ 确认</button>
|
||||
<button class="action-btn cancel" @click="cancel">✕ 取消</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onUnmounted, computed } from 'vue'
|
||||
|
||||
const canvasRef = ref<HTMLCanvasElement | null>(null)
|
||||
const state = {
|
||||
isSelecting: false,
|
||||
startX: 0,
|
||||
startY: 0,
|
||||
endX: 0,
|
||||
endY: 0,
|
||||
}
|
||||
const hasSelection = ref(false)
|
||||
const isCapturing = ref(false)
|
||||
|
||||
onMounted(() => {
|
||||
document.addEventListener('keydown', onKeyDown)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
document.removeEventListener('keydown', onKeyDown)
|
||||
})
|
||||
|
||||
function onMouseDown(e: MouseEvent) {
|
||||
hasSelection.value = false
|
||||
state.isSelecting = true
|
||||
state.startX = e.clientX
|
||||
state.startY = e.clientY
|
||||
state.endX = e.clientX
|
||||
state.endY = e.clientY
|
||||
}
|
||||
|
||||
function onMouseMove(e: MouseEvent) {
|
||||
if (!state.isSelecting) return
|
||||
state.endX = e.clientX
|
||||
state.endY = e.clientY
|
||||
drawOverlay()
|
||||
}
|
||||
|
||||
function onMouseUp() {
|
||||
if (!state.isSelecting) return
|
||||
state.isSelecting = false
|
||||
|
||||
const w = Math.abs(state.endX - state.startX)
|
||||
const h = Math.abs(state.endY - state.startY)
|
||||
if (w < 10 || h < 10) return
|
||||
|
||||
hasSelection.value = true
|
||||
drawOverlay()
|
||||
}
|
||||
|
||||
function confirmCapture() {
|
||||
const x = Math.min(state.startX, state.endX)
|
||||
const y = Math.min(state.startY, state.endY)
|
||||
const width = Math.abs(state.endX - state.startX)
|
||||
const height = Math.abs(state.endY - state.startY)
|
||||
|
||||
if (width < 10 || height < 10) return
|
||||
if (isCapturing.value) return
|
||||
isCapturing.value = true
|
||||
|
||||
if (window.electronAPI) {
|
||||
window.electronAPI.screenshot.capture({ x, y, width, height })
|
||||
.catch(() => {})
|
||||
}
|
||||
try { window.close() } catch {}
|
||||
}
|
||||
|
||||
function cancel() {
|
||||
if (window.electronAPI) {
|
||||
window.electronAPI.screenshot.cancel()
|
||||
.catch(() => {})
|
||||
}
|
||||
isCapturing.value = false
|
||||
try { window.close() } catch {}
|
||||
}
|
||||
|
||||
function drawOverlay() {
|
||||
const canvas = canvasRef.value
|
||||
if (!canvas) return
|
||||
const ctx = canvas.getContext('2d')
|
||||
if (!ctx) return
|
||||
|
||||
canvas.width = window.innerWidth
|
||||
canvas.height = window.innerHeight
|
||||
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height)
|
||||
|
||||
const x = Math.min(state.startX, state.endX)
|
||||
const y = Math.min(state.startY, state.endY)
|
||||
const w = Math.abs(state.endX - state.startX)
|
||||
const h = Math.abs(state.endY - state.startY)
|
||||
|
||||
ctx.fillStyle = 'rgba(0, 0, 0, 0.45)'
|
||||
ctx.fillRect(0, 0, canvas.width, canvas.height)
|
||||
|
||||
ctx.clearRect(x, y, w, h)
|
||||
|
||||
ctx.strokeStyle = '#409EFF'
|
||||
ctx.lineWidth = 2.5
|
||||
ctx.strokeRect(x, y, w, h)
|
||||
|
||||
ctx.fillStyle = 'rgba(64, 158, 255, 0.08)'
|
||||
ctx.fillRect(x, y, w, h)
|
||||
|
||||
ctx.fillStyle = 'rgba(255, 255, 255, 0.9)'
|
||||
ctx.font = '13px sans-serif'
|
||||
ctx.fillText(`${w} × ${h}`, x + 6, y - 8)
|
||||
}
|
||||
|
||||
function onKeyDown(e: KeyboardEvent) {
|
||||
if (e.key === 'Escape') {
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
cancel()
|
||||
}
|
||||
if (e.key === 'Enter' && hasSelection.value) {
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
confirmCapture()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.screenshot-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 99999;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.screenshot-overlay.has-selection {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.screenshot-canvas {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.screenshot-tip {
|
||||
position: fixed;
|
||||
bottom: 40px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
padding: 8px 16px;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.screenshot-actions {
|
||||
position: fixed;
|
||||
bottom: 40px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
border: none;
|
||||
padding: 8px 20px;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
|
||||
.action-btn.confirm {
|
||||
background: #409EFF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.action-btn.confirm:hover {
|
||||
background: #66b1ff;
|
||||
}
|
||||
|
||||
.action-btn.cancel {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.action-btn.cancel:hover {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<el-dialog v-model="visible" title="设置" width="480px" :modal="false" :close-on-click-modal="false" @close="handleClose">
|
||||
<el-form :model="form" label-width="100px" size="small">
|
||||
<el-form-item label="API Key">
|
||||
<el-input v-model="form.apiKey" type="password" show-password placeholder="请输入 API Key" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="Base URL">
|
||||
<el-input v-model="form.baseUrl" placeholder="https://api.openai.com/v1" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="模型">
|
||||
<el-select v-model="form.model" style="width: 100%">
|
||||
<el-option label="Qwen/Qwen3.6-35B-A3B" value="Qwen/Qwen3.6-35B-A3B" />
|
||||
<el-option label="Qwen/Qwen2.5-32B-Instruct" value="Qwen/Qwen2.5-32B-Instruct" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="快捷键">
|
||||
<el-input v-model="form.shortcut" placeholder="Alt+Q" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="超时(秒)">
|
||||
<el-input-number v-model="form.timeout" :min="5" :max="300" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="主题">
|
||||
<el-select v-model="form.theme" style="width: 100%">
|
||||
<el-option label="浅色" value="light" />
|
||||
<el-option label="深色" value="dark" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="字体大小">
|
||||
<el-input-number v-model="form.fontSize" :min="12" :max="20" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="代理">
|
||||
<el-input v-model="form.proxy" placeholder="可选，如 http://127.0.0.1:7890" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="截图保存路径">
|
||||
<div style="display:flex;gap:8px;width:100%">
|
||||
<el-input v-model="form.screenshotSavePath" placeholder="留空不自动保存截图" />
|
||||
<el-button @click="selectDir">选择</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<el-button size="small" @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" size="small" @click="handleSave">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, watch } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import { useSettingsStore } from '@/stores/settings'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const settingsStore = useSettingsStore()
|
||||
|
||||
const visible = ref(false)
|
||||
|
||||
watch(() => appStore.isSettingDialogOpen, (val) => {
|
||||
visible.value = val
|
||||
if (val) {
|
||||
form.value = { ...settingsStore.settings }
|
||||
}
|
||||
})
|
||||
|
||||
const form = ref({ ...settingsStore.settings })
|
||||
|
||||
function handleClose() {
|
||||
window.electronAPI?.dialog.close()
|
||||
}
|
||||
|
||||
async function selectDir() {
|
||||
if (window.electronAPI) {
|
||||
const dir = await window.electronAPI.settings.selectDirectory()
|
||||
if (dir) form.value.screenshotSavePath = dir
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSave() {
|
||||
try {
|
||||
await settingsStore.saveSettings(JSON.parse(JSON.stringify(form.value)))
|
||||
window.electronAPI?.dialog.close()
|
||||
} catch (err) {
|
||||
ElMessage.error('保存失败：' + (err as Error).message)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
import { createApp } from 'vue'
|
||||
import { createPinia } from 'pinia'
|
||||
import ElementPlus from 'element-plus'
|
||||
import 'element-plus/dist/index.css'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import './styles/main.css'
|
||||
|
||||
const app = createApp(App)
|
||||
app.use(createPinia())
|
||||
app.use(router)
|
||||
app.use(ElementPlus)
|
||||
app.mount('#app')
|
||||
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<el-dialog v-model="visible" title="历史记录" width="800px" fullscreen :modal="false" @close="handleClose">
|
||||
<el-table :data="records" style="width: 100%" size="small" v-loading="loading">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column prop="ai_score" label="AI分数" width="80" />
|
||||
<el-table-column prop="teacher_score" label="教师分数" width="80" />
|
||||
<el-table-column prop="confidence" label="可信度" width="80">
|
||||
<template #default="{ row }">
|
||||
{{ Math.round(row.confidence * 100) }}%
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="student_answer" label="答案摘要" min-width="200" show-overflow-tooltip />
|
||||
<el-table-column prop="created_at" label="时间" width="160" />
|
||||
<el-table-column label="操作" width="80" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button text size="small" type="danger" @click="deleteRecord(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<template #footer>
|
||||
<el-button size="small" @click="handleClose">关闭</el-button>
|
||||
<el-button size="small" @click="refresh">刷新</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, watch } from 'vue'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import type { HistoryRecord } from '@/types'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const visible = ref(false)
|
||||
const loading = ref(false)
|
||||
const records = ref<HistoryRecord[]>([])
|
||||
|
||||
watch(() => appStore.isHistoryDialogOpen, (val) => {
|
||||
visible.value = val
|
||||
if (val) refresh()
|
||||
})
|
||||
|
||||
async function refresh() {
|
||||
loading.value = true
|
||||
try {
|
||||
if (window.electronAPI) {
|
||||
records.value = await window.electronAPI.history.list()
|
||||
}
|
||||
} catch {
|
||||
records.value = []
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function deleteRecord(id: number) {
|
||||
try {
|
||||
await ElMessageBox.confirm('确定删除该记录？', '提示')
|
||||
if (window.electronAPI) {
|
||||
await window.electronAPI.history.delete(id)
|
||||
ElMessage.success('已删除')
|
||||
refresh()
|
||||
}
|
||||
} catch { /* cancelled */ }
|
||||
}
|
||||
|
||||
function handleClose() {
|
||||
window.electronAPI?.dialog.close()
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<el-dialog v-model="visible" title="评分模板管理" width="600px" :modal="false" @close="handleClose">
|
||||
<div class="template-section">
|
||||
<el-form :model="form" size="small" inline>
|
||||
<el-form-item label="考试名称">
|
||||
<el-input v-model="form.name" placeholder="如：期末考试" />
|
||||
</el-form-item>
|
||||
<el-form-item label="课程">
|
||||
<el-input v-model="form.course" placeholder="如：Java" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="saveTemplate">保存模板</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<el-divider />
|
||||
|
||||
<el-table :data="templates" size="small" style="width: 100%">
|
||||
<el-table-column prop="id" label="ID" width="60" />
|
||||
<el-table-column prop="name" label="考试名称" min-width="150" />
|
||||
<el-table-column prop="course" label="课程" min-width="120" />
|
||||
<el-table-column prop="created_at" label="创建时间" width="160" />
|
||||
<el-table-column label="操作" width="100">
|
||||
<template #default="{ row }">
|
||||
<el-button text size="small" @click="selectTemplate(row)">使用</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<template #footer>
|
||||
<el-button size="small" @click="handleClose">关闭</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, watch, onMounted } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { useAppStore } from '@/stores/app'
|
||||
import { useGradingStore } from '@/stores/grading'
|
||||
|
||||
const appStore = useAppStore()
|
||||
const gradingStore = useGradingStore()
|
||||
const visible = ref(false)
|
||||
const templates = ref<any[]>([])
|
||||
const form = ref({ name: '', course: '' })
|
||||
|
||||
watch(() => appStore.isTemplateDialogOpen, (val) => {
|
||||
visible.value = val
|
||||
if (val) loadTemplates()
|
||||
})
|
||||
|
||||
async function loadTemplates() {
|
||||
if (window.electronAPI) {
|
||||
templates.value = await window.electronAPI.template.list()
|
||||
}
|
||||
}
|
||||
|
||||
async function saveTemplate() {
|
||||
if (!form.value.name || !form.value.course) {
|
||||
ElMessage.warning('请填写考试名称和课程')
|
||||
return
|
||||
}
|
||||
if (window.electronAPI) {
|
||||
await window.electronAPI.template.save(form.value)
|
||||
ElMessage.success('模板已保存')
|
||||
form.value = { name: '', course: '' }
|
||||
loadTemplates()
|
||||
}
|
||||
}
|
||||
|
||||
function selectTemplate(tpl: any) {
|
||||
gradingStore.setRubric(`考试: ${tpl.name}\n课程: ${tpl.course}\n请根据标准答案评分。`)
|
||||
ElMessage.success('已选择模板：' + tpl.name)
|
||||
handleClose()
|
||||
}
|
||||
|
||||
function handleClose() {
|
||||
window.electronAPI?.dialog.close()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.template-section {
|
||||
padding: 8px 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,20 @@
|
||||
import { createRouter, createWebHashHistory } from 'vue-router'
|
||||
import FloatingToolbar from '@/components/FloatingToolbar.vue'
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHashHistory(),
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
name: 'toolbar',
|
||||
component: FloatingToolbar
|
||||
},
|
||||
{
|
||||
path: '/screenshot',
|
||||
name: 'screenshot',
|
||||
component: () => import('@/components/ScreenshotOverlay.vue')
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
export default router
|
||||
@@ -0,0 +1,52 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref } from 'vue'
|
||||
|
||||
export const useAppStore = defineStore('app', () => {
|
||||
const isToolbarVisible = ref(true)
|
||||
const isResultDrawerOpen = ref(false)
|
||||
const isSettingDialogOpen = ref(false)
|
||||
const isHistoryDialogOpen = ref(false)
|
||||
const isTemplateDialogOpen = ref(false)
|
||||
const isRubricEditorOpen = ref(false)
|
||||
const isGrading = ref(false)
|
||||
|
||||
function toggleToolbar() {
|
||||
isToolbarVisible.value = !isToolbarVisible.value
|
||||
}
|
||||
|
||||
function openResultDrawer() { isResultDrawerOpen.value = true }
|
||||
function closeResultDrawer() { isResultDrawerOpen.value = false }
|
||||
|
||||
function openSettingDialog() { isSettingDialogOpen.value = true }
|
||||
function closeSettingDialog() { isSettingDialogOpen.value = false }
|
||||
|
||||
function openHistoryDialog() { isHistoryDialogOpen.value = true }
|
||||
function closeHistoryDialog() { isHistoryDialogOpen.value = false }
|
||||
|
||||
function openTemplateDialog() { isTemplateDialogOpen.value = true }
|
||||
function closeTemplateDialog() { isTemplateDialogOpen.value = false }
|
||||
|
||||
function openRubricEditor() { isRubricEditorOpen.value = true }
|
||||
function closeRubricEditor() { isRubricEditorOpen.value = false }
|
||||
|
||||
return {
|
||||
isToolbarVisible,
|
||||
isResultDrawerOpen,
|
||||
isSettingDialogOpen,
|
||||
isHistoryDialogOpen,
|
||||
isTemplateDialogOpen,
|
||||
isRubricEditorOpen,
|
||||
isGrading,
|
||||
toggleToolbar,
|
||||
openResultDrawer,
|
||||
closeResultDrawer,
|
||||
openSettingDialog,
|
||||
closeSettingDialog,
|
||||
openHistoryDialog,
|
||||
closeHistoryDialog,
|
||||
openTemplateDialog,
|
||||
closeTemplateDialog,
|
||||
openRubricEditor,
|
||||
closeRubricEditor
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,55 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref } from 'vue'
|
||||
import type { GradeResult } from '@/types'
|
||||
|
||||
export const useGradingStore = defineStore('grading', () => {
|
||||
const currentImage = ref<string | null>(null)
|
||||
const currentResult = ref<GradeResult | null>(null)
|
||||
const rubric = ref('')
|
||||
const questionTitle = ref('')
|
||||
const maxScore = ref(100)
|
||||
const referenceAnswer = ref('')
|
||||
const teacherScore = ref<number | null>(null)
|
||||
const teacherComment = ref('')
|
||||
|
||||
function setImage(base64: string) {
|
||||
currentImage.value = base64
|
||||
}
|
||||
|
||||
function setResult(result: GradeResult) {
|
||||
currentResult.value = result
|
||||
}
|
||||
|
||||
function setRubric(text: string) {
|
||||
rubric.value = text
|
||||
}
|
||||
|
||||
function setQuestionTitle(text: string) { questionTitle.value = text }
|
||||
function setMaxScore(val: number) { maxScore.value = val }
|
||||
function setReferenceAnswer(val: string) { referenceAnswer.value = val }
|
||||
|
||||
function reset() {
|
||||
currentImage.value = null
|
||||
currentResult.value = null
|
||||
teacherScore.value = null
|
||||
teacherComment.value = ''
|
||||
}
|
||||
|
||||
return {
|
||||
currentImage,
|
||||
currentResult,
|
||||
rubric,
|
||||
questionTitle,
|
||||
maxScore,
|
||||
referenceAnswer,
|
||||
teacherScore,
|
||||
teacherComment,
|
||||
setImage,
|
||||
setResult,
|
||||
setRubric,
|
||||
setQuestionTitle,
|
||||
setMaxScore,
|
||||
setReferenceAnswer,
|
||||
reset
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,39 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref } from 'vue'
|
||||
import type { AppSettings } from '@/types'
|
||||
|
||||
export const useSettingsStore = defineStore('settings', () => {
|
||||
const settings = ref<AppSettings>({
|
||||
apiKey: '',
|
||||
baseUrl: 'https://api.siliconflow.cn/v1',
|
||||
model: 'gpt-4o',
|
||||
shortcut: 'Alt+Q',
|
||||
theme: 'light',
|
||||
fontSize: 14,
|
||||
proxy: '',
|
||||
timeout: 120,
|
||||
screenshotSavePath: ''
|
||||
})
|
||||
|
||||
async function loadSettings() {
|
||||
if (window.electronAPI) {
|
||||
const result = await window.electronAPI.settings.get()
|
||||
if (result) {
|
||||
settings.value = { ...settings.value, ...result }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function saveSettings(partial: Partial<AppSettings>) {
|
||||
Object.assign(settings.value, partial)
|
||||
if (window.electronAPI) {
|
||||
await window.electronAPI.settings.set(partial)
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
settings,
|
||||
loadSettings,
|
||||
saveSettings
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,30 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-app-region: no-drag;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
export interface GradeResult {
|
||||
score: number
|
||||
confidence: number
|
||||
deductions: string[]
|
||||
comment: string
|
||||
commit?: string
|
||||
}
|
||||
|
||||
export interface ApiConfig {
|
||||
apiKey: string
|
||||
baseUrl: string
|
||||
model: string
|
||||
}
|
||||
|
||||
export interface AppSettings {
|
||||
apiKey: string
|
||||
baseUrl: string
|
||||
model: string
|
||||
shortcut: string
|
||||
theme: string
|
||||
fontSize: number
|
||||
proxy: string
|
||||
timeout: number
|
||||
screenshotSavePath: string
|
||||
}
|
||||
|
||||
export interface HistoryRecord {
|
||||
id: number
|
||||
question_id: number
|
||||
image_path: string
|
||||
student_answer: string
|
||||
ai_score: number
|
||||
teacher_score: number
|
||||
confidence: number
|
||||
created_at: string
|
||||
}
|
||||
|
||||
export interface ElectronAPI {
|
||||
window: {
|
||||
dragMove: (deltaX: number, deltaY: number) => Promise<void>
|
||||
dragEnd: (x: number, y: number) => Promise<void>
|
||||
}
|
||||
screenshot: {
|
||||
start: () => Promise<void>
|
||||
capture: (region: { x: number; y: number; width: number; height: number }) => Promise<string | null>
|
||||
cancel: () => Promise<void>
|
||||
getLastImage: () => Promise<string | null>
|
||||
onCompleted: (callback: (base64: string) => void) => () => void
|
||||
}
|
||||
ai: {
|
||||
grade: (data: { imageBase64: string; rubric: string; apiConfig: ApiConfig; maxScore?: number; referenceAnswer?: string; questionTitle?: string }) => Promise<GradeResult>
|
||||
}
|
||||
settings: {
|
||||
get: () => Promise<AppSettings>
|
||||
set: (settings: Record<string, unknown>) => Promise<boolean>
|
||||
selectDirectory: () => Promise<string | null>
|
||||
}
|
||||
history: {
|
||||
list: () => Promise<HistoryRecord[]>
|
||||
delete: (id: number) => Promise<boolean>
|
||||
}
|
||||
grading: {
|
||||
submit: (data: {
|
||||
questionId: number
|
||||
imagePath: string
|
||||
aiScore: number
|
||||
teacherScore: number
|
||||
confidence: number
|
||||
studentAnswer?: string
|
||||
}) => Promise<boolean>,
|
||||
storeData: (data: any) => Promise<void>,
|
||||
getData: () => Promise<any>
|
||||
}
|
||||
rubric: {
|
||||
storeData: (data: any) => Promise<void>
|
||||
getData: () => Promise<any>
|
||||
}
|
||||
template: {
|
||||
list: () => Promise<unknown[]>
|
||||
save: (data: { name: string; course: string }) => Promise<number | null>
|
||||
}
|
||||
dialog: {
|
||||
open: (type: string, data?: any) => Promise<void>
|
||||
close: () => void
|
||||
getPayload: (type: string) => Promise<any>
|
||||
openImage: () => Promise<{ base64: string; mime: string; filePath: string } | null>
|
||||
}
|
||||
}
|
||||
|
||||
declare global {
|
||||
interface Window {
|
||||
electronAPI: ElectronAPI
|
||||
}
|
||||
}
|
||||
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
/// <reference types="vite/client" />
|
||||
|
||||
declare module '*.vue' {
|
||||
import type { DefineComponent } from 'vue'
|
||||
const component: DefineComponent<{}, {}, any>
|
||||
export default component
|
||||
}
|
||||
+807
@@ -0,0 +1,807 @@
|
||||
````markdown
|
||||
# AI 阅卷助手（AI Grading Assistant）
|
||||
|
||||
> **技术开发文档 V1.0**
|
||||
>
|
||||
> 技术栈：**Electron + Vue3 + TypeScript + Node.js**
|
||||
>
|
||||
> 更新时间：2026-07-15
|
||||
|
||||
---
|
||||
|
||||
# 1. 项目简介
|
||||
|
||||
## 1.1 项目背景
|
||||
|
||||
目前高校、中小学普遍已使用网上阅卷系统，但教师仍需要逐题阅读学生答案并手动评分，存在以下痛点：
|
||||
|
||||
- 重复性劳动强
|
||||
- 主观评分容易受疲劳影响
|
||||
- 阅卷效率低
|
||||
- 长时间阅卷容易漏判、误判
|
||||
|
||||
AI 阅卷助手定位为**桌面端 AI Copilot**，通过悬浮工具栏辅助教师完成阅卷，而不是替换现有阅卷系统。
|
||||
|
||||
整体工作流程如下：
|
||||
|
||||
```text
|
||||
学校阅卷系统
|
||||
│
|
||||
▼
|
||||
教师查看学生答案
|
||||
│
|
||||
▼
|
||||
快捷键截图
|
||||
│
|
||||
▼
|
||||
AI 自动评分
|
||||
│
|
||||
▼
|
||||
展示建议分数及扣分原因
|
||||
│
|
||||
▼
|
||||
教师确认或修改
|
||||
```
|
||||
|
||||
整个过程无需修改学校现有系统，实现"零侵入式"接入。
|
||||
|
||||
---
|
||||
|
||||
# 2. 项目目标
|
||||
|
||||
构建一款跨平台桌面应用，实现以下能力：
|
||||
|
||||
- 全局悬浮工具栏
|
||||
- 全局快捷键截图
|
||||
- AI 图片识别
|
||||
- AI 智能阅卷
|
||||
- 评分标准管理
|
||||
- 历史记录管理
|
||||
- 多模型切换
|
||||
- 本地模型支持（后续）
|
||||
|
||||
---
|
||||
|
||||
# 3. 技术架构
|
||||
|
||||
## 3.1 技术栈
|
||||
|
||||
| 模块 | 技术 |
|
||||
|------|------|
|
||||
| 桌面框架 | Electron |
|
||||
| 前端框架 | Vue3 |
|
||||
| 开发语言 | TypeScript |
|
||||
| UI组件 | Element Plus |
|
||||
| 状态管理 | Pinia |
|
||||
| 路由 | Vue Router |
|
||||
| 网络请求 | Axios |
|
||||
| AI接口 | OpenAI Compatible API |
|
||||
| 数据库 | SQLite |
|
||||
| ORM | Prisma（可选） |
|
||||
| 配置管理 | electron-store |
|
||||
| 日志 | electron-log |
|
||||
| 图片处理 | Sharp |
|
||||
| OCR（可选） | PaddleOCR |
|
||||
|
||||
---
|
||||
|
||||
## 3.2 系统架构
|
||||
|
||||
```text
|
||||
Electron
|
||||
|
||||
┌──────────────────────┐
|
||||
│ Main Process │
|
||||
└──────────┬────────────┘
|
||||
│ IPC
|
||||
┌────────────────────┼────────────────────┐
|
||||
│ │ │
|
||||
▼ ▼ ▼
|
||||
Renderer Screenshot AI Service
|
||||
(Vue3) Module (Node)
|
||||
│ │ │
|
||||
│ ▼ │
|
||||
│ Image Processing │
|
||||
│ │
|
||||
└───────────────► SQLite ◄────────────────┘
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 4. 项目目录结构
|
||||
|
||||
```text
|
||||
ai-grading-assistant
|
||||
|
||||
├── electron
|
||||
│ ├── main
|
||||
│ │ ├── main.ts
|
||||
│ │ ├── window.ts
|
||||
│ │ ├── shortcut.ts
|
||||
│ │ ├── screenshot.ts
|
||||
│ │ ├── ipc.ts
|
||||
│ │ └── tray.ts
|
||||
│ │
|
||||
│ └── preload
|
||||
│ └── preload.ts
|
||||
│
|
||||
├── src
|
||||
│ ├── api
|
||||
│ ├── assets
|
||||
│ ├── components
|
||||
│ ├── composables
|
||||
│ ├── layouts
|
||||
│ ├── pages
|
||||
│ ├── router
|
||||
│ ├── stores
|
||||
│ ├── services
|
||||
│ ├── styles
|
||||
│ ├── types
|
||||
│ ├── utils
|
||||
│ ├── App.vue
|
||||
│ └── main.ts
|
||||
│
|
||||
├── database
|
||||
│ ├── sqlite.ts
|
||||
│ ├── schema.sql
|
||||
│ └── migration
|
||||
│
|
||||
├── prompts
|
||||
│
|
||||
├── config
|
||||
│
|
||||
├── logs
|
||||
│
|
||||
└── package.json
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 5. 功能模块设计
|
||||
|
||||
## 5.1 悬浮工具栏
|
||||
|
||||
### 功能
|
||||
|
||||
始终悬浮于所有窗口顶部。
|
||||
|
||||
功能按钮：
|
||||
|
||||
```text
|
||||
┌────────────────────────────────────┐
|
||||
│ 📷截图 │ ⚡阅卷 │ 📚模板 │ 📜历史 │ ⚙设置 │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
特点：
|
||||
|
||||
- 无边框
|
||||
- 半透明
|
||||
- 可拖拽
|
||||
- 自动吸附屏幕边缘
|
||||
- 支持隐藏
|
||||
|
||||
Electron 配置：
|
||||
|
||||
```typescript
|
||||
new BrowserWindow({
|
||||
width: 420,
|
||||
height: 60,
|
||||
frame: false,
|
||||
transparent: true,
|
||||
alwaysOnTop: true,
|
||||
skipTaskbar: true,
|
||||
resizable: false
|
||||
})
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5.2 全局快捷键
|
||||
|
||||
默认：
|
||||
|
||||
```text
|
||||
Alt + Q
|
||||
```
|
||||
|
||||
支持：
|
||||
|
||||
- 修改快捷键
|
||||
- 多快捷键配置
|
||||
|
||||
例如：
|
||||
|
||||
```text
|
||||
Alt+Q
|
||||
|
||||
开始截图
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5.3 截图模块
|
||||
|
||||
流程：
|
||||
|
||||
```text
|
||||
快捷键
|
||||
|
||||
↓
|
||||
|
||||
显示遮罩层
|
||||
|
||||
↓
|
||||
|
||||
鼠标拖动
|
||||
|
||||
↓
|
||||
|
||||
生成截图
|
||||
|
||||
↓
|
||||
|
||||
发送AI
|
||||
```
|
||||
|
||||
功能：
|
||||
|
||||
- 全屏截图
|
||||
- 区域截图
|
||||
- Esc取消
|
||||
- Enter确认
|
||||
|
||||
输出：
|
||||
|
||||
```text
|
||||
PNG
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5.4 AI阅卷模块
|
||||
|
||||
支持模型：
|
||||
|
||||
- GPT
|
||||
- Claude
|
||||
- Gemini
|
||||
- Qwen-VL
|
||||
- GLM
|
||||
- DeepSeek
|
||||
|
||||
支持：
|
||||
|
||||
图片直接发送。
|
||||
|
||||
无需OCR。
|
||||
|
||||
输入：
|
||||
|
||||
```
|
||||
图片
|
||||
|
||||
评分标准
|
||||
|
||||
Prompt
|
||||
```
|
||||
|
||||
输出：
|
||||
|
||||
```json
|
||||
{
|
||||
"score":9,
|
||||
"confidence":0.96,
|
||||
"deductions":[
|
||||
"未说明ACK作用"
|
||||
],
|
||||
"comment":"回答完整"
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5.5 评分标准模块
|
||||
|
||||
每场考试：
|
||||
|
||||
```
|
||||
课程
|
||||
|
||||
↓
|
||||
|
||||
试卷
|
||||
|
||||
↓
|
||||
|
||||
题目
|
||||
|
||||
↓
|
||||
|
||||
评分标准
|
||||
```
|
||||
|
||||
例如：
|
||||
|
||||
```text
|
||||
Java
|
||||
|
||||
期末考试
|
||||
|
||||
第5题
|
||||
```
|
||||
|
||||
评分标准：
|
||||
|
||||
```text
|
||||
满分
|
||||
|
||||
10
|
||||
|
||||
评分点
|
||||
|
||||
① 多态
|
||||
|
||||
② 继承
|
||||
|
||||
③ 封装
|
||||
```
|
||||
|
||||
数据库保存。
|
||||
|
||||
---
|
||||
|
||||
## 5.6 AI评分展示
|
||||
|
||||
右侧弹窗：
|
||||
|
||||
```text
|
||||
────────────────────
|
||||
|
||||
AI建议：
|
||||
|
||||
9分
|
||||
|
||||
可信度：
|
||||
|
||||
96%
|
||||
|
||||
扣分：
|
||||
|
||||
① 未说明第三次握手意义
|
||||
|
||||
评价：
|
||||
|
||||
回答基本完整。
|
||||
|
||||
────────────────────
|
||||
```
|
||||
|
||||
按钮：
|
||||
|
||||
```
|
||||
确认
|
||||
|
||||
修改
|
||||
|
||||
重新评分
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5.7 历史记录
|
||||
|
||||
保存：
|
||||
|
||||
- 截图
|
||||
- AI评分
|
||||
- 教师评分
|
||||
- 时间
|
||||
- AI耗时
|
||||
|
||||
支持：
|
||||
|
||||
- 查询
|
||||
- 删除
|
||||
- 导出Excel
|
||||
|
||||
---
|
||||
|
||||
# 6. 系统流程
|
||||
|
||||
## AI阅卷流程
|
||||
|
||||
```text
|
||||
开始阅卷
|
||||
|
||||
↓
|
||||
|
||||
快捷键
|
||||
|
||||
↓
|
||||
|
||||
截图
|
||||
|
||||
↓
|
||||
|
||||
AI识别图片
|
||||
|
||||
↓
|
||||
|
||||
评分标准匹配
|
||||
|
||||
↓
|
||||
|
||||
AI评分
|
||||
|
||||
↓
|
||||
|
||||
返回JSON
|
||||
|
||||
↓
|
||||
|
||||
前端展示
|
||||
|
||||
↓
|
||||
|
||||
教师确认
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 7. Vue 前端架构
|
||||
|
||||
```text
|
||||
App
|
||||
|
||||
│
|
||||
|
||||
├── FloatingToolbar
|
||||
|
||||
├── ScreenshotOverlay
|
||||
|
||||
├── ResultDrawer
|
||||
|
||||
├── SettingDialog
|
||||
|
||||
├── HistoryPage
|
||||
|
||||
├── TemplatePage
|
||||
|
||||
└── AboutPage
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 8. Electron IPC 通信
|
||||
|
||||
```text
|
||||
Vue
|
||||
|
||||
↓
|
||||
|
||||
ipcRenderer.invoke()
|
||||
|
||||
↓
|
||||
|
||||
Main Process
|
||||
|
||||
↓
|
||||
|
||||
执行任务
|
||||
|
||||
↓
|
||||
|
||||
返回数据
|
||||
```
|
||||
|
||||
事件：
|
||||
|
||||
| 名称 | 描述 |
|
||||
|------|------|
|
||||
| screenshot:start | 开始截图 |
|
||||
| screenshot:end | 截图完成 |
|
||||
| ai:grade | AI阅卷 |
|
||||
| ai:result | AI返回 |
|
||||
| history:list | 获取历史 |
|
||||
| settings:get | 获取配置 |
|
||||
|
||||
---
|
||||
|
||||
# 9. 数据库设计
|
||||
|
||||
## exam
|
||||
|
||||
```sql
|
||||
id INTEGER PRIMARY KEY
|
||||
|
||||
name TEXT
|
||||
|
||||
course TEXT
|
||||
|
||||
created_at DATETIME
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## question
|
||||
|
||||
```sql
|
||||
id INTEGER PRIMARY KEY
|
||||
|
||||
exam_id INTEGER
|
||||
|
||||
title TEXT
|
||||
|
||||
max_score INTEGER
|
||||
|
||||
rubric TEXT
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## history
|
||||
|
||||
```sql
|
||||
id INTEGER PRIMARY KEY
|
||||
|
||||
question_id INTEGER
|
||||
|
||||
image_path TEXT
|
||||
|
||||
student_answer TEXT
|
||||
|
||||
ai_score REAL
|
||||
|
||||
teacher_score REAL
|
||||
|
||||
confidence REAL
|
||||
|
||||
created_at DATETIME
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 10. AI接口封装
|
||||
|
||||
统一接口：
|
||||
|
||||
```typescript
|
||||
interface AIProvider {
|
||||
|
||||
grade(
|
||||
image:string,
|
||||
rubric:string
|
||||
):Promise<GradeResult>
|
||||
|
||||
}
|
||||
```
|
||||
|
||||
实现：
|
||||
|
||||
```text
|
||||
OpenAIProvider
|
||||
|
||||
GeminiProvider
|
||||
|
||||
ClaudeProvider
|
||||
|
||||
QwenProvider
|
||||
```
|
||||
|
||||
方便切换。
|
||||
|
||||
---
|
||||
|
||||
# 11. Prompt设计
|
||||
|
||||
系统Prompt：
|
||||
|
||||
```text
|
||||
你是一名经验丰富的高校教师。
|
||||
|
||||
请依据评分标准严格评分。
|
||||
|
||||
要求：
|
||||
|
||||
1、识别学生答案
|
||||
|
||||
2、分析答案
|
||||
|
||||
3、依据评分标准逐项评分
|
||||
|
||||
4、输出JSON
|
||||
|
||||
禁止输出Markdown。
|
||||
```
|
||||
|
||||
输出：
|
||||
|
||||
```json
|
||||
{
|
||||
"score":0,
|
||||
"confidence":0,
|
||||
"deductions":[],
|
||||
"comment":""
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 12. 配置管理
|
||||
|
||||
支持：
|
||||
|
||||
```text
|
||||
API Key
|
||||
|
||||
Base URL
|
||||
|
||||
模型
|
||||
|
||||
快捷键
|
||||
|
||||
主题
|
||||
|
||||
字体
|
||||
|
||||
代理
|
||||
|
||||
超时时间
|
||||
```
|
||||
|
||||
保存：
|
||||
|
||||
```
|
||||
electron-store
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 13. 日志系统
|
||||
|
||||
记录：
|
||||
|
||||
```text
|
||||
程序启动
|
||||
|
||||
截图
|
||||
|
||||
AI请求
|
||||
|
||||
AI耗时
|
||||
|
||||
异常
|
||||
|
||||
退出
|
||||
```
|
||||
|
||||
使用：
|
||||
|
||||
```
|
||||
electron-log
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 14. 异常处理
|
||||
|
||||
截图失败：
|
||||
|
||||
```
|
||||
重新截图
|
||||
```
|
||||
|
||||
AI失败：
|
||||
|
||||
```
|
||||
重新评分
|
||||
```
|
||||
|
||||
JSON解析失败：
|
||||
|
||||
```
|
||||
重新生成
|
||||
```
|
||||
|
||||
网络异常：
|
||||
|
||||
```
|
||||
请检查网络连接
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 15. 开发计划
|
||||
|
||||
## 第一阶段（MVP）
|
||||
|
||||
预计：2 周
|
||||
|
||||
完成：
|
||||
|
||||
- Electron 初始化
|
||||
- Vue3 页面
|
||||
- 悬浮工具栏
|
||||
- 快捷键截图
|
||||
- AI 调用
|
||||
- AI 评分展示
|
||||
|
||||
---
|
||||
|
||||
## 第二阶段
|
||||
|
||||
预计：2 周
|
||||
|
||||
完成：
|
||||
|
||||
- 评分模板
|
||||
- 历史记录
|
||||
- 设置页面
|
||||
- 多模型支持
|
||||
|
||||
---
|
||||
|
||||
## 第三阶段
|
||||
|
||||
预计：3 周
|
||||
|
||||
完成：
|
||||
|
||||
- OCR 支持
|
||||
- 本地模型
|
||||
- 自动识别题号
|
||||
- 自动填分
|
||||
- 自动切换下一题
|
||||
|
||||
---
|
||||
|
||||
# 16. 后续优化方向
|
||||
|
||||
## AI能力
|
||||
|
||||
- 本地部署 Qwen-VL
|
||||
- DeepSeek-R1 推理
|
||||
- 自定义 Prompt
|
||||
- AI 连续阅卷
|
||||
|
||||
## 产品能力
|
||||
|
||||
- 自动识别当前题号
|
||||
- 自动关联评分模板
|
||||
- 一键批量阅卷
|
||||
- 自动填写分数（RPA）
|
||||
- 教师评分统计
|
||||
- AI 与教师评分一致率分析
|
||||
- 导出阅卷报告
|
||||
|
||||
## 企业级能力
|
||||
|
||||
- 用户登录
|
||||
- 云端同步评分模板
|
||||
- 多教师共享评分标准
|
||||
- AI 模型统一配置
|
||||
- 学校私有化部署
|
||||
|
||||
---
|
||||
|
||||
# 17. MVP 核心功能
|
||||
|
||||
✅ Electron 桌面应用
|
||||
|
||||
✅ Vue3 + TypeScript 前端
|
||||
|
||||
✅ 悬浮工具栏
|
||||
|
||||
✅ 全局快捷键截图
|
||||
|
||||
✅ AI 图片阅卷
|
||||
|
||||
✅ 建议分数展示
|
||||
|
||||
✅ 扣分原因分析
|
||||
|
||||
✅ 教师人工确认
|
||||
|
||||
该版本可作为最小可行产品（MVP），能够在不改造现有阅卷系统的前提下，为教师提供高效、可靠的 AI 辅助阅卷体验。
|
||||
````
|
||||
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"module": "nodenext",
|
||||
"moduleResolution": "nodenext",
|
||||
"strict": true,
|
||||
"esModuleInterop": true,
|
||||
"resolveJsonModule": true,
|
||||
"outDir": "dist-electron",
|
||||
"rootDir": "electron",
|
||||
"skipLibCheck": true,
|
||||
"declaration": false
|
||||
},
|
||||
"include": ["electron/**/*.ts"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"strict": true,
|
||||
"jsx": "preserve",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"esModuleInterop": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"skipLibCheck": true,
|
||||
"noEmit": true,
|
||||
"ignoreDeprecations":"6.0",
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/*": ["src/*"]
|
||||
}
|
||||
},
|
||||
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"],
|
||||
"exclude": ["node_modules", "dist"]
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import { resolve } from 'path'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': resolve(__dirname, 'src')
|
||||
}
|
||||
},
|
||||
base: './',
|
||||
build: {
|
||||
outDir: 'dist',
|
||||
emptyOutDir: true
|
||||
},
|
||||
server: {
|
||||
port: 5173
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user