fix: cronmessages page table display

This commit is contained in:
engigu
2025-10-07 18:14:06 +08:00
parent 565fafb114
commit 08fd612567
6 changed files with 20 additions and 30 deletions
@@ -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>
@@ -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>
@@ -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> -->
@@ -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>
@@ -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> -->
+3 -13
View File
@@ -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">