laoyang/FeedLite
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

列表与详情页标题顶头、标签另起一行（前台+后台统一） #6

New Issue
Closed
opened 2026-11-04 13:16:38 +00:00 by laoyang · 1 comment
laoyang commented 2026-11-04 13:16:38 +00:00
Owner
Copy Link
Copy Source

背景

用户 2026-11-03 反复指出：列表里标签排在标题前面，把标题挤到右边，很难看。

就是那个标题应该顶头，然后在标题下面另起一行，写上来自于哪一个软件，
它的状态是什么、它是什么分类？是 bug 还是什么东西？
然后点到一个具体的这个反馈里面，也是一样的，标题顶头。

涉及范围

  • 前台列表页（index.php）
  • 前台详情页（thread.php）
  • 后台「待审核」列表（fb_admin_pending_row）
  • 后台「全部问题」列表
  • 后台详情页头部

改法

统一为两行结构：

标题独占一行                    #4
[软件] [分类] [状态]            ← 标签另起一行

后台「全部问题」额外修的一个 bug

原来传 fb_category_label($t['category'])，而该函数参数是数字 id，
内部会 (int) 化 —— 传 slug 'bug' 会变成 0 并返回空串，
结果渲染出一个空的 <span class="badge cat"></span>，看起来像"反馈类型没了"。

修法：新增 fb_category_label_by_slug()，改为 category_id 优先、slug 兜底；
并且取不到名字就不渲染这个标签，绝不再输出空胶囊。

验收

  • 三处（前台列表 / 后台列表 / 后台详情）标题都在第一行顶头，标签在第二行
  • 浏览器实测：标签 top 均在标题 bottom 之下，左边缘对齐 0px 偏差
  • 分类标签不再为空，#4 显示 Bug、#5 显示 功能建议

为什么单独建单

已有 5 张单分别是上传安全、附件上限、表单预填、邮件通知、多软件归属，都是功能/安全类；本单是纯 UI 布局调整，可独立验收

## 背景 用户 2026-11-03 反复指出：列表里标签排在标题前面，把标题挤到右边，很难看。 > 就是那个标题应该顶头，然后在标题下面另起一行，写上来自于哪一个软件， > 它的状态是什么、它是什么分类？是 bug 还是什么东西？ > 然后点到一个具体的这个反馈里面，也是一样的，标题顶头。 ## 涉及范围 - 前台列表页（index.php） - 前台详情页（thread.php） - 后台「待审核」列表（fb_admin_pending_row） - 后台「全部问题」列表 - 后台详情页头部 ## 改法 统一为两行结构： ``` 标题独占一行 #4 [软件] [分类] [状态] ← 标签另起一行 ``` ### 后台「全部问题」额外修的一个 bug 原来传 `fb_category_label($t['category'])`，而该函数参数是**数字 id**， 内部会 `(int)` 化 —— 传 slug `'bug'` 会变成 0 并返回空串， 结果渲染出一个**空的** `<span class="badge cat"></span>`，看起来像"反馈类型没了"。 修法：新增 `fb_category_label_by_slug()`，改为 category_id 优先、slug 兜底； 并且取不到名字就不渲染这个标签，绝不再输出空胶囊。 ## 验收 - 三处（前台列表 / 后台列表 / 后台详情）标题都在第一行顶头，标签在第二行 - 浏览器实测：标签 top 均在标题 bottom 之下，左边缘对齐 0px 偏差 - 分类标签不再为空，#4 显示 Bug、#5 显示 功能建议 --- ### 为什么单独建单 已有 5 张单分别是上传安全、附件上限、表单预填、邮件通知、多软件归属，都是功能/安全类；本单是纯 UI 布局调整，可独立验收
laoyang commented 2026-11-04 13:17:26 +00:00
Author
Owner
Copy Link
Copy Source

追溯关联（补记）

本单是事后补建的工单 —— 改动在 2026-11-03 就已上线，当时未按铁律先建单，此处补录。

对应提交

  • c09a987 标题收到最上顶头，标签下移一行；顶栏标题回当前软件
  • dcf510e 后台三处列表/详情：标题顶头独占一行，标签下移（与前台统一）
  • 974dd52 去掉软件标签的描边；修「全部问题」列表分类标签渲染成空

实际验证结果

  • 后台「待审核」行：标题 top=87 left=222，标签 top=119 left=222 → 标签在下方、左对齐 0px 偏差
  • 后台「全部问题」：标题 top=318 left=223，标签 top=351 left=223 → 同上
  • 后台详情头：标题 top=541 left=228，标签 top=575 left=228 → 同上
  • 分类标签根因确认：旧写法 fb_category_label('bug') → (int)'bug' = 0 → 返回空串。
    新增 fb_category_label_by_slug() 后，#4 显示 Bug、#5 显示 功能建议
  • 前台 7 个路由 200

遗留

无。三处布局已统一，分类标签空值问题已修。

## 追溯关联（补记） 本单是**事后补建**的工单 —— 改动在 2026-11-03 就已上线，当时未按铁律先建单，此处补录。 ## 对应提交 - `c09a987` 标题收到最上顶头，标签下移一行；顶栏标题回当前软件 - `dcf510e` 后台三处列表/详情：标题顶头独占一行，标签下移（与前台统一） - `974dd52` 去掉软件标签的描边；修「全部问题」列表分类标签渲染成空 ## 实际验证结果 - 后台「待审核」行：标题 top=87 left=222，标签 top=119 left=222 → 标签在下方、左对齐 0px 偏差 - 后台「全部问题」：标题 top=318 left=223，标签 top=351 left=223 → 同上 - 后台详情头：标题 top=541 left=228，标签 top=575 left=228 → 同上 - 分类标签根因确认：旧写法 `fb_category_label('bug')` → `(int)'bug'` = 0 → 返回空串。 新增 `fb_category_label_by_slug()` 后，#4 显示 Bug、#5 显示 功能建议 - 前台 7 个路由 200 ## 遗留 无。三处布局已统一，分类标签空值问题已修。
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
laoyang (老杨)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: laoyang/FeedLite#6