fix: cronmessages page table display
This commit is contained in:
@@ -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> -->
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user