v_bug_feedback.html 4.49 KB
<!DOCTYPE html>
<!-- v_bug_feedback — 静态原型,对应 02-V §2.4,路由 /bugs/new -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>graphlemon · 反馈 Bug</title>
<style>
:root { --brand:#4f46e5; --border:#e5e7eb; --text:#111827; --text-muted:#6b7280; --bg:#fff; --bg-panel:#f9fafb; }
* { box-sizing: border-box; }
body { font-family:-apple-system,sans-serif; margin:0; color:var(--text); background:var(--bg); }
.proto-banner { background:#fef3c7; border-bottom:1px solid #f59e0b; padding:6px 20px; font-size:12px; }
.app-nav { display:flex; align-items:center; gap:4px; padding:0 20px; height:52px; border-bottom:1px solid var(--border); position:sticky; top:0; background:#fff; z-index:10;}
.app-nav .brand { font-weight:700; margin-right:20px; color:var(--brand); }
.app-nav a.nav-link { padding:8px 12px; border-radius:6px; color:var(--text); text-decoration:none; font-size:14px; }
.app-nav a.nav-link:hover { background:var(--bg-panel); color:var(--brand); }
.app-nav .nav-dropdown { position:relative; }
.app-nav .nav-dropdown > span { padding:8px 12px; border-radius:6px; font-size:14px; cursor:pointer; display:inline-block; }
.app-nav .dropdown-menu { display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid var(--border); border-radius:8px; padding:6px; min-width:160px; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.app-nav .nav-dropdown:hover .dropdown-menu { display:block; }
.app-nav .dropdown-menu a { display:block; padding:6px 10px; border-radius:4px; color:var(--text); text-decoration:none; font-size:13px; }
.app-nav .nav-project { margin-left:auto; font-size:13px; color:var(--text-muted); }
.app-nav .nav-project a { color:var(--brand); text-decoration:none; margin-left:6px; }
.page { padding:28px; max-width:640px; margin:20px auto 0; }
.page h1 { font-size:20px; margin:0 0 4px; }
.page .page-sub { color:var(--text-muted); font-size:13px; margin-bottom:24px; }
.panel { border:1px solid var(--border); border-radius:10px; padding:20px; background:var(--bg-panel); }
.field { margin-bottom:16px; }
.field label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.field textarea, .field select { width:100%; padding:10px; border:1px solid var(--border); border-radius:6px; font-size:14px; font-family:inherit; }
.field textarea { min-height:90px; resize:vertical; }
.field .hint { font-size:12px; color:var(--text-muted); margin-top:5px; }
.btn { display:inline-block; padding:9px 16px; border-radius:6px; border:1px solid var(--border); background:#fff; font-size:14px; cursor:pointer; }
.btn-primary { background:var(--brand); border-color:var(--brand); color:#fff; }
.btn-row { display:flex; gap:10px; margin-top:20px; justify-content:flex-end; }
</style>
</head>
<body>
<div class="proto-banner">静态原型(mock 数据)· 对应 02-V §2.4 · c_bug_report_create(source=human)</div>
<nav class="app-nav">
  <div class="brand">graphlemon</div>
  <a href="v_dashboard.html" class="nav-link">仪表盘</a>
  <a href="v_task_board.html" class="nav-link">任务</a>
  <a href="v_artifact_browser.html" class="nav-link">产物</a>
  <a href="v_skill_library.html" class="nav-link">技能库</a>
  <div class="nav-dropdown"><span>设置</span>
    <div class="dropdown-menu">
      <a href="v_concurrency_settings.html">并发数</a>
      <a href="v_budget_settings.html">预算护栏</a>
      <a href="v_log_retention_settings.html">日志保留</a>
    </div>
  </div>
  <div class="nav-project">当前项目:snake-game <a href="v_project_setup.html">切换</a></div>
</nav>

<div class="page">
  <h1>反馈 Bug</h1>
  <div class="page-sub">人工反馈,与 Validator 自动生成的 bug_record 复用同一张表(source=human)</div>
  <div class="panel">
    <div class="field">
      <label>问题描述(description,必填)</label>
      <textarea placeholder="描述你观察到的问题现象"></textarea>
    </div>
    <div class="field">
      <label>复现步骤(repro_steps,非必填)</label>
      <textarea placeholder="可以先留空,Validator triage 阶段会补齐"></textarea>
    </div>
    <div class="field">
      <label>关联任务(related_task_id,非必填)</label>
      <select>
        <option>— 不关联,视为新发现的独立问题 —</option>
        <option>实现贪吃蛇游戏(task-8f21)</option>
      </select>
    </div>
    <div class="btn-row">
      <a class="btn" href="v_dashboard.html">取消</a>
      <a class="btn btn-primary" href="v_task_detail.html">提交反馈 →</a>
    </div>
  </div>
</div>
</body>
</html>