From 08fd612567fda457b1bba420daab7f3f27348fcf Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Tue, 7 Oct 2025 18:14:06 +0800
Subject: [PATCH] fix: cronmessages page table display

---
 .../pages/cronMessages/CronMessages.vue          |  6 +++---
 .../pages/hostedMessage/HostedMessage.vue        |  6 +++---
 web/src/components/pages/sendLogs/SendLogs.vue   |  6 +++---
 web/src/components/pages/sendTasks/SendTasks.vue |  8 ++++----
 web/src/components/pages/sendWays/SendWays.vue   |  8 ++++----
 web/src/components/ui/Pagination.vue             | 16 +++-------------
 6 files changed, 20 insertions(+), 30 deletions(-)

diff --git a/web/src/components/pages/cronMessages/CronMessages.vue b/web/src/components/pages/cronMessages/CronMessages.vue
index c787681..ab05082 100644
--- a/web/src/components/pages/cronMessages/CronMessages.vue
+++ b/web/src/components/pages/cronMessages/CronMessages.vue
@@ -211,10 +211,10 @@ onMounted(async () => {
             <!-- 数据行 -->
             <TableRow v-for="cronMessage in state.tableData" :key="cronMessage.id">
               <TableCell>{{ cronMessage.id }}</TableCell>
-              <TableCell class="whitespace-pre-wrap break-words">{{ cronMessage.title }}</TableCell>
-              <TableCell class="whitespace-pre-wrap break-words">{{ cronMessage.content }}</TableCell>
+              <TableCell class="max-w-[100px] sm:max-w-[100px] truncate" :title="cronMessage.title">{{ cronMessage.title }}</TableCell>
+              <TableCell class="max-w-[100px] sm:max-w-[100px] truncate" :title="cronMessage.content">{{ cronMessage.content }}</TableCell>
               <TableCell>
-                <code class="px-2 py-1 rounded text-sm font-mono bg-muted text-foreground border border-border">
+                <code class="max-w-[90px] sm:max-w-[9px] rounded text-sm font-mono bg-muted text-foreground border border-border">
                   {{ cronMessage.cron }}
                 </code>
               </TableCell>
diff --git a/web/src/components/pages/hostedMessage/HostedMessage.vue b/web/src/components/pages/hostedMessage/HostedMessage.vue
index d1aab65..0fc38e6 100644
--- a/web/src/components/pages/hostedMessage/HostedMessage.vue
+++ b/web/src/components/pages/hostedMessage/HostedMessage.vue
@@ -115,7 +115,7 @@ onMounted(async () => {
           <TableHead class="w-20">ID</TableHead>
           <TableHead>消息标题</TableHead>
           <TableHead>消息内容</TableHead>
-          <TableHead>创建时间</TableHead>
+          <TableHead class="whitespace-nowrap w-[160px]">创建时间</TableHead>
           <TableHead class="text-center">详情</TableHead>
         </TableRow>
       </TableHeader>
@@ -141,8 +141,8 @@ onMounted(async () => {
         <TableRow v-for="message in state.tableData" :key="message.id">
           <TableCell>{{ message.id }}</TableCell>
           <TableCell>{{ message.title }}</TableCell>
-          <TableCell class="max-w-xs truncate" :title="formatMessageDisplayHtml(message)">{{ message.content }}</TableCell>
-          <TableCell>{{ message.created_on }}</TableCell>
+          <TableCell class="truncate" :title="formatMessageDisplayHtml(message)">{{ message.content }}</TableCell>
+          <TableCell class="whitespace-nowrap w-[160px]">{{ message.created_on }}</TableCell>
           <TableCell class="text-center space-x-2">
             <Button size="sm" variant="outline" @click="openMessageSheet(message)">查看</Button>
           </TableCell>
diff --git a/web/src/components/pages/sendLogs/SendLogs.vue b/web/src/components/pages/sendLogs/SendLogs.vue
index 1a06122..1b84388 100644
--- a/web/src/components/pages/sendLogs/SendLogs.vue
+++ b/web/src/components/pages/sendLogs/SendLogs.vue
@@ -186,7 +186,7 @@ onMounted(async () => {
           <TableHead class="w-20">ID</TableHead>
           <TableHead>任务名称</TableHead>
           <TableHead>发信日志</TableHead>
-          <TableHead>发送时间</TableHead>
+          <TableHead class="whitespace-nowrap w-[160px]">发送时间</TableHead>
           <TableHead class="text-center">详情/状态</TableHead>
         </TableRow>
       </TableHeader>
@@ -212,8 +212,8 @@ onMounted(async () => {
         <TableRow v-for="task in state.tableData" :key="task.id">
           <TableCell>{{ task.id }}</TableCell>
           <TableCell>{{ task.task_name }}</TableCell>
-          <TableCell class="max-w-xs truncate" :title="formatLogDisplayHtml(task)">{{ task.log }}</TableCell>
-          <TableCell>{{ task.created_on }}</TableCell>
+          <TableCell class="truncate" :title="formatLogDisplayHtml(task)">{{ task.log }}</TableCell>
+          <TableCell class="whitespace-nowrap w-[160px]">{{ task.created_on }}</TableCell>
           <TableCell class="text-center space-x-2">
             <Button size="sm" variant="outline" @click="openLogSheet(task)">查看</Button>
             <!-- <Button size="sm" variant="destructive">删除</Button> -->
diff --git a/web/src/components/pages/sendTasks/SendTasks.vue b/web/src/components/pages/sendTasks/SendTasks.vue
index 45d67dc..d27ffe9 100644
--- a/web/src/components/pages/sendTasks/SendTasks.vue
+++ b/web/src/components/pages/sendTasks/SendTasks.vue
@@ -205,8 +205,8 @@ onMounted(async () => {
         <TableRow>
           <TableHead class="w-20">ID</TableHead>
           <TableHead>发信任务名称</TableHead>
-          <TableHead>创建时间</TableHead>
-          <TableHead>更新时间</TableHead>
+          <TableHead class="whitespace-nowrap w-[160px]">创建时间</TableHead>
+          <TableHead class="whitespace-nowrap w-[160px]">更新时间</TableHead>
           <TableHead class="text-center">操作/状态</TableHead>
         </TableRow>
       </TableHeader>
@@ -223,8 +223,8 @@ onMounted(async () => {
         <TableRow v-for="channel in state.tableData" :key="channel.id">
           <TableCell>{{ channel.id }}</TableCell>
           <TableCell>{{ channel.name }}</TableCell>
-          <TableCell>{{ channel.created_on }}</TableCell>
-          <TableCell>{{ channel.modified_on }}</TableCell>
+          <TableCell class="whitespace-nowrap w-[160px]">{{ channel.created_on }}</TableCell>
+          <TableCell class="whitespace-nowrap w-[160px]">{{ channel.modified_on }}</TableCell>
           <TableCell class="text-center space-x-2" v-if="channel.id !== CONSTANT.LOG_TASK_ID">
             <Button size="sm" variant="outline" @click="handleViewApi(channel)">接口</Button>
             <Button size="sm" variant="outline" @click="handleViewLogs(channel)">日志</Button>
diff --git a/web/src/components/pages/sendWays/SendWays.vue b/web/src/components/pages/sendWays/SendWays.vue
index e13c298..f1e1287 100644
--- a/web/src/components/pages/sendWays/SendWays.vue
+++ b/web/src/components/pages/sendWays/SendWays.vue
@@ -214,8 +214,8 @@ onMounted(async () => {
           <TableHead class="w-20">ID</TableHead>
           <TableHead>发信方式名称</TableHead>
           <TableHead>发信方式类型</TableHead>
-          <TableHead>创建时间</TableHead>
-          <TableHead>更新时间</TableHead>
+          <TableHead class="whitespace-nowrap w-[160px]">创建时间</TableHead>
+          <TableHead class="whitespace-nowrap w-[160px]">更新时间</TableHead>
           <TableHead class="text-center">操作/状态</TableHead>
         </TableRow>
       </TableHeader>
@@ -235,8 +235,8 @@ onMounted(async () => {
           <TableCell>
             <Badge variant="outline">{{ getWayTypeText(channel.type) }}</Badge>
           </TableCell>
-          <TableCell>{{ channel.created_on }}</TableCell>
-          <TableCell>{{ channel.modified_on }}</TableCell>
+          <TableCell class="whitespace-nowrap w-[160px]">{{ channel.created_on }}</TableCell>
+          <TableCell class="whitespace-nowrap w-[160px]">{{ channel.modified_on }}</TableCell>
           <TableCell class="text-center space-x-2">
             <Button size="sm" variant="outline" @click="openEditChannelDrawer(channel)">编辑</Button>
             <!-- <Button size="sm" variant="outline" @click="openConfigSheet(channel)">查看</Button> -->
diff --git a/web/src/components/ui/Pagination.vue b/web/src/components/ui/Pagination.vue
index 30368b4..e665388 100644
--- a/web/src/components/ui/Pagination.vue
+++ b/web/src/components/ui/Pagination.vue
@@ -19,7 +19,7 @@
       >
       <PaginationContent>
         <PaginationItem :value="currentPage - 1">
-          <PaginationPrevious @click="handlePrevious" :disabled="currentPage <= 1" class="mr-3">
+          <PaginationPrevious :disabled="currentPage <= 1" class="mr-3" @click.prevent.stop="handlePageChange(currentPage - 1)">
             上一页
           </PaginationPrevious>
         </PaginationItem>
@@ -42,7 +42,7 @@
         </template>
 
         <PaginationItem :value="currentPage + 1">
-          <PaginationNext @click="handleNext" :disabled="currentPage >= totalPages" class="ml-3">
+          <PaginationNext :disabled="currentPage >= totalPages" class="ml-3" @click.prevent.stop="handlePageChange(currentPage + 1)">
             下一页
           </PaginationNext>
         </PaginationItem>
@@ -132,17 +132,7 @@ const handlePageChange = (page: number) => {
   }
 }
 
-const handlePrevious = () => {
-  if (props.currentPage > 1) {
-    emit('page-change', props.currentPage - 1)
-  }
-}
-
-const handleNext = () => {
-  if (props.currentPage < totalPages.value) {
-    emit('page-change', props.currentPage + 1)
-  }
-}
+// no-op: previous/next handled inline to avoid double updates
 </script>
 
 <script lang="ts">