From 7dbcd2778ee3df2d05ef7c88dfb3ac5b7d48e47b Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Mon, 6 Apr 2026 21:38:18 +0000
Subject: [PATCH] Fix BugTracker: match actual API data model

- 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>
---
 frontend/src/views/BugTracker.vue | 95 ++++++++++++++-----------------
 1 file changed, 43 insertions(+), 52 deletions(-)

diff --git a/frontend/src/views/BugTracker.vue b/frontend/src/views/BugTracker.vue
index 37050ff..464f20e 100644
--- a/frontend/src/views/BugTracker.vue
+++ b/frontend/src/views/BugTracker.vue
@@ -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) {