Hass/Message-Push-Nest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: cronmessages page table display

Browse Source
This commit is contained in:
engigu
2025-10-07 17:33:35 +08:00
parent f31eba0558
commit 565fafb114
1 changed files with 53 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/pages/cronMessages/CronMessages.vue
+9 -6
View File
@@ -184,6 +184,8 @@ onMounted(async () => {
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="overflow-x-auto" style="will-change: transform;">
<div class="min-w-full">
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
@@ -209,17 +211,16 @@ onMounted(async () => {
<!-- 数据行 --> <!-- 数据行 -->
<TableRow v-for="cronMessage in state.tableData" :key="cronMessage.id"> <TableRow v-for="cronMessage in state.tableData" :key="cronMessage.id">
<TableCell>{{ cronMessage.id }}</TableCell> <TableCell>{{ cronMessage.id }}</TableCell>
<TableCell class="max-w-32 truncate" :title="cronMessage.title">{{ cronMessage.title }}</TableCell> <TableCell class="whitespace-pre-wrap break-words">{{ cronMessage.title }}</TableCell>
<TableCell class="max-w-32 truncate" :title="cronMessage.content">{{ cronMessage.content }}</TableCell> <TableCell class="whitespace-pre-wrap break-words">{{ cronMessage.content }}</TableCell>
<TableCell> <TableCell>
<code class="px-2 py-1 rounded text-sm font-mono bg-muted text-foreground border border-border"> <code class="px-2 py-1 rounded text-sm font-mono bg-muted text-foreground border border-border">
{{ cronMessage.cron }} {{ cronMessage.cron }}
</code> </code>
</TableCell> </TableCell>
<TableCell class="max-w-24 truncate" :title="cronMessage.task_id">{{ cronMessage.task_id }}</TableCell> <TableCell class="break-all">{{ cronMessage.task_id }}</TableCell>
<TableCell class="max-w-32 truncate" :title="cronMessage.next_time || '-'">{{ cronMessage.next_time || '-' }} <TableCell>{{ cronMessage.next_time || '-' }}</TableCell>
</TableCell> <TableCell>{{ cronMessage.created_on }}</TableCell>
<TableCell class="max-w-32 truncate" :title="cronMessage.created_on">{{ cronMessage.created_on }}</TableCell>
<!-- <TableCell class="text-center"> <!-- <TableCell class="text-center">
<Badge :class="cronMessage.status === 1 ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-600'"> <Badge :class="cronMessage.status === 1 ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-600'">
{{ getStatusText(cronMessage.status) }} {{ getStatusText(cronMessage.status) }}
@@ -237,6 +238,8 @@ onMounted(async () => {
</TableRow> </TableRow>
</TableBody> </TableBody>
</Table> </Table>
</div>
</div>
<!-- 分页 --> <!-- 分页 -->
<Pagination :total="state.total" :current-page="state.currPage" :page-size="state.pageSize" <Pagination :total="state.total" :current-page="state.currPage" :page-size="state.pageSize"