mirror of
https://github.com/Cccc-owo/CheckInApp.git
synced 2026-06-17 05:56:29 +00:00
60 lines
1.5 KiB
Vue
60 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { onMounted, ref } from 'vue'
|
|
import { adminApi } from '@/api'
|
|
import StateBlock from '@/components/StateBlock.vue'
|
|
import { buttonBase, buttonTone, cardClass, inputClass } from '@/components/ui'
|
|
import { extractErrorMessage } from '@/utils/format'
|
|
|
|
const loading = ref(true)
|
|
const error = ref('')
|
|
const lines = ref(200)
|
|
const logs = ref('')
|
|
|
|
async function load() {
|
|
loading.value = true
|
|
error.value = ''
|
|
try {
|
|
const result = await adminApi.logs(lines.value)
|
|
logs.value = result.logs
|
|
} catch (err) {
|
|
error.value = extractErrorMessage(err)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
onMounted(load)
|
|
</script>
|
|
|
|
<template>
|
|
<section :class="[cardClass, 'overflow-hidden']">
|
|
<div class="flex flex-wrap items-center gap-3 border-b border-zinc-200 p-4">
|
|
<input
|
|
v-model.number="lines"
|
|
:class="inputClass"
|
|
type="number"
|
|
min="1"
|
|
max="2000"
|
|
class="max-w-40"
|
|
/>
|
|
<button :class="[buttonBase, buttonTone.secondary]" type="button" @click="load">
|
|
刷新日志
|
|
</button>
|
|
</div>
|
|
<StateBlock v-if="loading" title="正在加载日志" type="loading" />
|
|
<StateBlock
|
|
v-else-if="error"
|
|
title="日志加载失败"
|
|
:description="error"
|
|
type="error"
|
|
action-label="重试"
|
|
@action="load"
|
|
/>
|
|
<pre
|
|
v-else
|
|
class="max-h-[70vh] overflow-auto bg-zinc-950 p-4 text-xs leading-5 text-zinc-100"
|
|
>{{ logs || '无日志' }}</pre
|
|
>
|
|
</section>
|
|
</template>
|