Fix BugTracker: match actual API data model
Some checks failed
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 4s
Test / build-check (push) Successful in 4s
PR Preview / test (pull_request) Successful in 5s
PR Preview / deploy-preview (pull_request) Successful in 12s
Test / e2e-test (push) Failing after 23s

- is_resolved (0/1/2/3) instead of string status
- priority (0/1/2 numbers) instead of strings
- content field instead of title/description
- display_name/username for reporter
- comment endpoint /comment (singular), body: {content}
- Fix duplicate content display in template

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-06 21:38:18 +00:00
parent 81efad83f9
commit 7dbcd2778e

View File

@@ -16,22 +16,21 @@
<span class="bug-status" :class="'s-' + (bug.status || 'open')">{{ statusLabel(bug.status) }}</span>
<span class="bug-date">{{ formatDate(bug.created_at) }}</span>
</div>
<div class="bug-title">{{ bug.title }}</div>
<div v-if="bug.description" class="bug-desc">{{ bug.description }}</div>
<div v-if="bug.reporter" class="bug-reporter">报告者: {{ bug.reporter }}</div>
<div class="bug-title">{{ bug.content }}</div>
<div v-if="bug.display_name" class="bug-reporter">{{ bug.display_name || bug.username }}</div>
<!-- Status workflow -->
<!-- Status workflow: is_resolved: 0=open, 1=testing, 2=fixed, 3=tested -->
<div class="bug-actions">
<template v-if="bug.status === 'open'">
<button class="btn-sm btn-status" @click="updateStatus(bug, 'testing')">开始测试</button>
<template v-if="bug.is_resolved === 0">
<button class="btn-sm btn-status" @click="updateStatus(bug, 1)">测试</button>
</template>
<template v-else-if="bug.status === 'testing'">
<button class="btn-sm btn-status" @click="updateStatus(bug, 'fixed')">标记修复</button>
<button class="btn-sm btn-reopen" @click="updateStatus(bug, 'open')">重新打开</button>
<template v-else-if="bug.is_resolved === 1">
<button class="btn-sm btn-status" @click="updateStatus(bug, 2)">修复</button>
<button class="btn-sm btn-reopen" @click="updateStatus(bug, 0)">重新打开</button>
</template>
<template v-else-if="bug.status === 'fixed'">
<button class="btn-sm btn-status" @click="updateStatus(bug, 'tested')">验证通过</button>
<button class="btn-sm btn-reopen" @click="updateStatus(bug, 'open')">重新打开</button>
<template v-else-if="bug.is_resolved === 2">
<button class="btn-sm btn-status" @click="updateStatus(bug, 3)">已测试</button>
<button class="btn-sm btn-reopen" @click="updateStatus(bug, 0)">重新打开</button>
</template>
<button class="btn-sm btn-delete" @click="removeBug(bug)">删除</button>
</div>
@@ -40,10 +39,11 @@
<div class="comments-section" v-if="expandedBugId === (bug._id || bug.id)">
<div v-for="comment in (bug.comments || [])" :key="comment._id || comment.id" class="comment-item">
<div class="comment-meta">
<span class="comment-author">{{ comment.author || comment.user_name || '匿名' }}</span>
<span class="comment-author">{{ comment.display_name || comment.username || '系统' }}</span>
<span class="comment-action" v-if="comment.action">{{ comment.action }}</span>
<span class="comment-time">{{ formatDate(comment.created_at) }}</span>
</div>
<div class="comment-text">{{ comment.text || comment.content }}</div>
<div class="comment-text">{{ comment.content }}</div>
</div>
<div class="comment-add">
<input
@@ -75,9 +75,9 @@
<span class="bug-status s-tested">已解决</span>
<span class="bug-date">{{ formatDate(bug.created_at) }}</span>
</div>
<div class="bug-title">{{ bug.title }}</div>
<div class="bug-title">{{ bug.content }}</div>
<div class="bug-actions">
<button class="btn-sm btn-reopen" @click="updateStatus(bug, 'open')">重新打开</button>
<button class="btn-sm btn-reopen" @click="updateStatus(bug, 0)">重新打开</button>
<button class="btn-sm btn-delete" @click="removeBug(bug)">删除</button>
</div>
</div>
@@ -92,12 +92,8 @@
<button class="btn-close" @click="showAddBug = false"></button>
</div>
<div class="form-group">
<label>标题</label>
<input v-model="bugForm.title" class="form-input" placeholder="Bug标题" />
</div>
<div class="form-group">
<label>描述</label>
<textarea v-model="bugForm.description" class="form-textarea" rows="4" placeholder="Bug描述复现步骤等..."></textarea>
<label>Bug 内容</label>
<textarea v-model="bugForm.content" class="form-textarea" rows="4" placeholder="描述问题、复现步骤等..."></textarea>
</div>
<div class="form-group">
<label>优先级</label>
@@ -113,7 +109,7 @@
</div>
<div class="overlay-footer">
<button class="btn-outline" @click="showAddBug = false">取消</button>
<button class="btn-primary" @click="createBug" :disabled="!bugForm.title.trim()">提交</button>
<button class="btn-primary" @click="createBug" :disabled="!bugForm.content.trim()">提交</button>
</div>
</div>
</div>
@@ -137,38 +133,35 @@ const expandedBugId = ref(null)
const newComment = ref('')
const bugForm = reactive({
title: '',
description: '',
priority: 'normal',
content: '',
priority: 2,
})
// priority: 0=urgent, 1=high, 2=normal
const priorities = [
{ value: 'low', label: '' },
{ value: 'normal', label: '' },
{ value: 'high', label: '' },
{ value: 'critical', label: '紧急' },
{ value: 0, label: '紧急' },
{ value: 1, label: '' },
{ value: 2, label: '' },
]
// is_resolved: 0=open, 1=testing, 2=fixed, 3=tested
const activeBugs = computed(() =>
bugs.value.filter(b => b.status !== 'tested' && b.status !== 'closed')
.sort((a, b) => {
const order = { critical: 0, high: 1, normal: 2, low: 3 }
return (order[a.priority] ?? 2) - (order[b.priority] ?? 2)
})
bugs.value.filter(b => b.is_resolved !== 2 && b.is_resolved !== 3)
.sort((a, b) => (a.priority ?? 2) - (b.priority ?? 2))
)
const resolvedBugs = computed(() =>
bugs.value.filter(b => b.status === 'tested' || b.status === 'closed')
bugs.value.filter(b => b.is_resolved === 2 || b.is_resolved === 3)
)
function priorityLabel(p) {
const map = { low: '', normal: '中', high: '高', critical: '紧急' }
return map[p] || '中'
const map = { 0: '紧急', 1: '高', 2: '' }
return map[p] ?? '中'
}
function statusLabel(s) {
const map = { open: '待处理', testing: '测试', fixed: '已修复', tested: '已验证', closed: '已关闭' }
return map[s] || s
const map = { 0: '待处理', 1: '测试', 2: '已修复', 3: '已测试' }
return map[s] ?? '待处理'
}
function formatDate(d) {
@@ -198,20 +191,19 @@ async function loadBugs() {
}
async function createBug() {
if (!bugForm.title.trim()) return
if (!bugForm.content.trim()) return
try {
const res = await api('/api/bug-report', {
method: 'POST',
body: JSON.stringify({
content: bugForm.title.trim() + (bugForm.description.trim() ? '\n' + bugForm.description.trim() : ''),
priority: bugForm.priority === 'urgent' ? 0 : bugForm.priority === 'high' ? 1 : 2,
content: bugForm.content.trim(),
priority: bugForm.priority,
}),
})
if (res.ok) {
showAddBug.value = false
bugForm.title = ''
bugForm.description = ''
bugForm.priority = 'normal'
bugForm.content = ''
bugForm.priority = 2
await loadBugs()
ui.showToast('Bug已提交')
}
@@ -221,14 +213,14 @@ async function createBug() {
}
async function updateStatus(bug, newStatus) {
const id = bug._id || bug.id
const id = bug.id
try {
const res = await api(`/api/bug-reports/${id}`, {
method: 'PUT',
body: JSON.stringify({ status: newStatus }),
})
if (res.ok) {
bug.status = newStatus
bug.is_resolved = newStatus
ui.showToast(`状态已更新: ${statusLabel(newStatus)}`)
}
} catch {
@@ -237,7 +229,7 @@ async function updateStatus(bug, newStatus) {
}
async function removeBug(bug) {
const ok = await showConfirm(`确定删除 "${bug.title}"`)
const ok = await showConfirm(`确定删除 "${bug.content}"`)
if (!ok) return
const id = bug._id || bug.id
try {
@@ -255,11 +247,10 @@ async function addComment(bug) {
if (!newComment.value.trim()) return
const id = bug._id || bug.id
try {
const res = await api(`/api/bug-reports/${id}/comments`, {
const res = await api(`/api/bug-reports/${id}/comment`, {
method: 'POST',
body: JSON.stringify({
text: newComment.value.trim(),
author: auth.user.display_name || auth.user.username,
content: newComment.value.trim(),
}),
})
if (res.ok) {