<template>
  <div class="mx-auto max-w-screen-md px-4 py-16">
    <a-result status="404" title="页面建设中" sub-title="该页面暂未开放，建议返回首页或联系我们。">
      <template #extra>
        <a-space>
          <a-button type="primary" @click="navigateTo('/')">返回首页</a-button>
          <a-button @click="navigateTo('/products')">经营范围</a-button>
          <a-button @click="navigateTo('/contact')">联系我们</a-button>
        </a-space>
      </template>
    </a-result>

    <a-card class="mt-6" size="small">
      <div class="text-sm text-gray-500">
        当前路径：<span class="font-mono">{{ path }}</span>
      </div>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { usePageSeo } from '@/composables/usePageSeo'

const route = useRoute()
const path = computed(() => route.fullPath || '/')

usePageSeo({
  title: '页面未开放',
  description: '该页面暂未开放，可返回首页或进入联系我们/经营范围。',
  path: route.path
})
</script>

