Files
oci-portal-dash/src/components/DeadPlaceholder.vue
T

35 lines
1.3 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<script setup lang="ts">
/** 租户失联占位:租户详情各 tab 与实例 / 网络 / 存储等资源页在
* 当前租户失联时整体替换内容区,避免各处「无数据」/ 报错造成误判。 */
defineProps<{ lastError?: string }>()
</script>
<template>
<div class="panel flex flex-col items-center justify-center gap-2 px-6 py-16 text-center">
<svg
class="mb-1 h-9 w-9 text-ink-3"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
>
<path d="M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
<path d="M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71" />
<line x1="8" y1="2" x2="8" y2="5" />
<line x1="2" y1="8" x2="5" y2="8" />
<line x1="16" y1="19" x2="16" y2="22" />
<line x1="19" y1="16" x2="22" y2="16" />
</svg>
<div class="text-sm font-semibold text-ink-2">租户已失联</div>
<div v-if="lastError" class="mono max-w-130 text-xs break-all whitespace-pre-wrap text-ink-3">
{{ lastError }}
</div>
<div class="max-w-95 text-[12.5px] text-ink-3">
请检查 API Key 是否有效修复后在租户页重新测活
</div>
</div>
</template>