From 3ff38c5ee063dd7ea28cf5c0464561a54d73c4f7 Mon Sep 17 00:00:00 2001
From: lt <lt@openclaw.ai>
Date: Mon, 27 Apr 2026 11:17:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BD=BF=E7=94=A8=20calc(100vw=20-=2016?=
 =?UTF-8?q?0px)=20=E6=8A=80=E6=9C=AF=E5=AE=8C=E7=BE=8E=E5=9B=BA=E5=AE=9A?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E5=88=97=EF=BC=8C=E4=B8=8D=E5=86=8D=E8=B6=85?=
 =?UTF-8?q?=E5=87=BA=E8=BE=B9=E7=95=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 platform/frontend/index.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/platform/frontend/index.html b/platform/frontend/index.html
index db54890..b81e63e 100644
--- a/platform/frontend/index.html
+++ b/platform/frontend/index.html
@@ -89,7 +89,7 @@
               </div>
             </div>
           </div>
-          <div v-if="currentPage === 'topics'" class="relative" style="width: 100%; overflow: hidden;">
+          <div v-if="currentPage === 'topics'" style="width: calc(100vw - 160px); max-width: calc(100vw - 160px); overflow-x: auto;">
             <div class="flex justify-between items-center mb-6"><h2 class="text-2xl font-bold text-gray-800">📋 选题管理</h2></div>
             <div class="card mb-6"><div class="flex flex-wrap gap-2 items-center">
               <el-button type="primary" size="small" @click="refreshAll">🔄 批量刷新</el-button>
@@ -107,17 +107,17 @@
             <div class="card">
               <el-table :data="filteredTopics" style="width: 100%; max-width: 100%;"> stripe v-loading="loadingTable" :row-key="topic => topic.id" @selection-change="selectedTopicIds = $event">
                 <el-table-column type="selection" width="55"></el-table-column>
-                <el-table-column prop="id" label="ID" width="50" fixed></el-table-column>
-                <el-table-column prop="title" label="标题" min-width="150"></el-table-column>
-                <el-table-column prop="field" label="领域" width="80"></el-table-column>
-                <el-table-column prop="priority_score" label="优先级" width="60"><template #default="scope"><el-tag :type="getPriorityType(scope.row.priority_score)" size="small">{{ scope.row.priority_score }}</el-tag></template></el-table-column>
-                <el-table-column prop="status" label="状态" width="80"><template #default="scope"><span class="status-badge"><span class="status-dot" :class="getStatusClass(scope.row.status)"></span>{{ scope.row.status }}</span></template></el-table-column>
-                <el-table-column prop="compliance_score" label="合规分" width="80"><template #default="scope"><el-progress :percentage="scope.row.compliance_score || 0" :format="() => scope.row.compliance_score || '-'" :stroke-width="15"></el-progress></template></el-table-column>
-                <el-table-column prop="created_at" label="创建时间" width="120"><template #default="scope">{{ formatDate(scope.row.created_at) }}</template></el-table-column>
-                <el-table-column prop="generated_at" label="创作时间" width="120"><template #default="scope">{{ scope.row.generated_at ? formatDate(scope.row.generated_at) : '-' }}</template></el-table-column>
-                <el-table-column prop="published_at" label="发布时间" width="120"><template #default="scope">{{ scope.row.published_at ? formatDate(scope.row.published_at) : '-' }}</template></el-table-column>
-                <el-table-column prop="updated_at" label="更新时间" width="120"><template #default="scope">{{ formatDate(scope.row.updated_at) }}</template></el-table-column>
-                <el-table-column label="操作" width="180" fixed="right">
+                <el-table-column prop="id" label="ID" width="70" fixed></el-table-column>
+                <el-table-column prop="title" label="标题" min-width="220"></el-table-column>
+                <el-table-column prop="field" label="领域" width="100"></el-table-column>
+                <el-table-column prop="priority_score" label="优先级" width="70"><template #default="scope"><el-tag :type="getPriorityType(scope.row.priority_score)" size="small">{{ scope.row.priority_score }}</el-tag></template></el-table-column>
+                <el-table-column prop="status" label="状态" width="90"><template #default="scope"><span class="status-badge"><span class="status-dot" :class="getStatusClass(scope.row.status)"></span>{{ scope.row.status }}</span></template></el-table-column>
+                <el-table-column prop="compliance_score" label="合规分" width="90"><template #default="scope"><el-progress :percentage="scope.row.compliance_score || 0" :format="() => scope.row.compliance_score || '-'" :stroke-width="15"></el-progress></template></el-table-column>
+                <el-table-column prop="created_at" label="创建时间" width="140"><template #default="scope">{{ formatDate(scope.row.created_at) }}</template></el-table-column>
+                <el-table-column prop="generated_at" label="创作时间" width="140"><template #default="scope">{{ scope.row.generated_at ? formatDate(scope.row.generated_at) : '-' }}</template></el-table-column>
+                <el-table-column prop="published_at" label="发布时间" width="140"><template #default="scope">{{ scope.row.published_at ? formatDate(scope.row.published_at) : '-' }}</template></el-table-column>
+                <el-table-column prop="updated_at" label="更新时间" width="140"><template #default="scope">{{ formatDate(scope.row.updated_at) }}</template></el-table-column>
+                <el-table-column label="操作" width="200" fixed="right">
                   <template #default="scope">
                     <div class="flex gap-1 flex-wrap">
                       <el-button size="small" @click="openPreview(scope.row)" type="primary">预览</el-button>
@@ -148,7 +148,7 @@
             <div class="card">
               <div class="flex justify-between items-center mb-4"><h3 class="text-lg font-bold">用户列表</h3><el-button type="primary" @click="openCreateUserModal">+ 新建用户</el-button></div>
               <el-table :data="users" stripe v-loading="loadingUsers">
-                <el-table-column prop="id" label="ID" width="50"></el-table-column>
+                <el-table-column prop="id" label="ID" width="70"></el-table-column>
                 <el-table-column prop="username" label="用户名"></el-table-column>
                 <el-table-column prop="role" label="角色" width="100"><template #default="scope"><el-tag :type="scope.row.role === 'admin' ? 'danger' : 'info'">{{ scope.row.role }}</el-tag></template></el-table-column>
                 <el-table-column prop="created_at" label="创建时间" width="180"><template #default="scope">{{ formatDate(scope.row.created_at) }}</template></el-table-column>