From fe463125eab8f3c7664e518e6c867243d99731a0 Mon Sep 17 00:00:00 2001
From: anghunk <anghunk@gmail.com>
Date: Mon, 19 Jan 2026 21:56:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor(CommentsView):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除ID列并将时间信息合并到用户列
- 调整表格列宽和间距
- 简化空数据提示样式
- 优化内容显示区域的样式和滚动行为
---
 README.md                                     |  2 +-
 cwd-comments-admin/src/views/CommentsView.vue | 28 ++++++-------------
 2 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index e3d02f4..103f31e 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ Cloudflare Worker 版本基于 Cloudflare Workers + D1 + KV 实现，无需服
 - 🎨 **易于集成**：提供完整的 REST API
 
 **开发中：**
-- [ ]📧 **邮件通知**：基于 Cloudflare Workers 发送邮件
+~~- [ ]📧 **邮件通知**：基于 Cloudflare Workers 发送邮件~~ Cloudflare Workers 不支持给第三方自动发信，下一步开发基于邮箱提供商的发信系统。
 
 ## 前置要求
 
diff --git a/cwd-comments-admin/src/views/CommentsView.vue b/cwd-comments-admin/src/views/CommentsView.vue
index 26754c0..a9e404c 100644
--- a/cwd-comments-admin/src/views/CommentsView.vue
+++ b/cwd-comments-admin/src/views/CommentsView.vue
@@ -19,21 +19,17 @@
     <div v-else>
       <div class="comment-table">
         <div class="table-header">
-          <div class="table-cell table-cell-id">ID</div>
-          <div class="table-cell table-cell-author">作者</div>
-          <div class="table-cell table-cell-content">内容</div>
-          <div class="table-cell table-cell-path">路径</div>
-          <div class="table-cell table-cell-time">时间</div>
+          <div class="table-cell table-cell-author">用户</div>
+          <div class="table-cell table-cell-content">评论信息</div>
+          <div class="table-cell table-cell-path">评论地址</div>
           <div class="table-cell table-cell-status">状态</div>
           <div class="table-cell table-cell-actions">操作</div>
         </div>
         <div v-for="item in filteredComments" :key="item.id" class="table-row">
-          <div class="table-cell table-cell-id">
-            <span class="cell-id">#{{ item.id }}</span>
-          </div>
           <div class="table-cell table-cell-author">
             <div class="cell-author-name">{{ item.author }}</div>
             <div class="cell-author-email">{{ item.email }}</div>
+            <span class="cell-time">{{ formatDate(item.pubDate) }}</span>
           </div>
           <div class="table-cell table-cell-content">
             <div class="cell-content-text">{{ item.contentText }}</div>
@@ -41,9 +37,7 @@
           <div class="table-cell table-cell-path">
             <span class="cell-path" :title="item.postSlug">{{ item.postSlug }}</span>
           </div>
-          <div class="table-cell table-cell-time">
-            <span class="cell-time">{{ formatDate(item.pubDate) }}</span>
-          </div>
+
           <div class="table-cell table-cell-status">
             <span class="cell-status" :class="`cell-status-${item.status}`">
               {{ formatStatus(item.status) }}
@@ -81,9 +75,7 @@
             </div>
           </div>
         </div>
-        <div v-if="filteredComments.length === 0" class="table-empty">
-          暂无数据
-        </div>
+        <div v-if="filteredComments.length === 0" class="table-empty">暂无数据</div>
       </div>
       <div v-if="pagination.total > 1" class="pagination">
         <button
@@ -292,9 +284,8 @@ onMounted(() => {
 }
 
 .table-cell-id {
-  width: 50px;
+  width: 120px;
   flex-shrink: 0;
-  align-items: center;
   white-space: nowrap;
 }
 
@@ -328,7 +319,7 @@ onMounted(() => {
 }
 
 .table-cell-actions {
-  width: 240px;
+  white-space: nowrap;
   flex-shrink: 0;
   justify-content: flex-start;
   align-items: center;
@@ -355,6 +346,7 @@ onMounted(() => {
   font-size: 11px;
   color: #57606a;
   word-break: break-all;
+  margin-bottom: 2px;
 }
 
 .cell-content-text {
@@ -362,8 +354,6 @@ onMounted(() => {
   line-height: 1.5;
   white-space: pre-wrap;
   word-break: break-word;
-  max-height: 60px;
-  overflow-y: auto;
 }
 
 .cell-path {