xcclyc/DeEarthX-CE
1
1
Fork 1
Code Issues Pull Requests Actions 1 Packages Projects Releases 2 Wiki Activity

错误码&&修改模板商店
Some checks failed
CI/CD / Code Check (push) Has been cancelled
Details
CI/CD / Build Windows (push) Has been cancelled
Details

Browse Source
This commit is contained in:
15736060610
2026-03-17 20:04:24 +08:00
parent e6182b6c36
commit caad50d831
6 changed files with 58 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
front/src/views/ErrorView.vue
View File

@@ -1,43 +1,51 @@
<template>
<div class="tw:h-full tw:w-full tw:flex tw:flex-col tw:justify-center tw:items-center">
<div class="tw:h-screen tw:w-full tw:flex tw:flex-col tw:justify-center tw:items-center tw:bg-gradient-to-br tw:from-gray-50 tw:to-gray-100">
<div class="tw:w-32 tw:h-32 tw:mb-8">
<svg class="w-32 h-32 mb-4" viewBox="0 0 120 120">
<circle cx="60" cy="60" r="50" fill="#ef4444" />
<path d="M40,40 L80,80 M80,40 L40,80" stroke="white" stroke-width="10" stroke-linecap="round" />
<svg class="w-32 h-32 mb-4 tw:transition-all tw:duration-300 tw:hover:scale-110" viewBox="0 0 120 120">
<circle cx="60" cy="60" r="50" fill="#ef4444" class="tw:opacity-80" />
<path d="M40,40 L80,80 M80,40 L40,80" stroke="white" stroke-width="10" stroke-linecap="round" class="tw:opacity-90" />
</svg>
</div>
<p class="tw:text-2xl tw:font-bold tw:text-center tw:mb-6 tw:text-red-500">Error</p>
<div class="tw:w-1/2 tw:max-w-md tw:bg-white tw:p-6 tw:rounded-lg tw:shadow-lg">
<p class="tw:text-sm tw:text-center tw:text-gray-500 mb-4">
{{ errorMessage }}
</p>
<div v-if="errorCode" class="tw:text-sm tw:text-center tw:text-gray-500 mb-6">
错误码：{{ errorCode }}
<h1 class="tw:text-3xl tw:font-bold tw:text-center tw:mb-6 tw:text-red-500">错误提示</h1>
<div class="tw:w-1/2 tw:max-w-md tw:bg-white tw:p-8 tw:rounded-xl tw:shadow-xl tw:border tw:border-gray-100 tw:transition-all tw:duration-300 tw:hover:shadow-2xl">
<div class="tw:text-center tw:mb-6">
<p class="tw:text-lg tw:font-medium tw:text-gray-700 mb-2">
{{ errorMessage }}
</p>
<div v-if="errorCode" class="tw:inline-block tw:px-4 tw:py-1 tw:bg-red-50 tw:text-red-600 tw:rounded-full tw:text-sm tw:font-medium mt-2">
错误码：{{ errorCode }}
</div>
</div>
<div v-if="suggestions.length > 0" class="tw:mt-6">
<p class="tw:text-sm tw:font-medium tw:text-gray-700 mb-2">建议解决方案：</p>
<ul class="tw:text-xs tw:text-gray-600 tw:list-disc tw:pl-5">
<li v-for="(suggestion, index) in suggestions" :key="index" class="tw:mb-1">
{{ suggestion }}
<div v-if="suggestions.length > 0" class="tw:mt-6 tw:bg-gray-50 tw:p-4 tw:rounded-lg">
<p class="tw:text-sm tw:font-medium tw:text-gray-700 mb-3">建议解决方案：</p>
<ul class="tw:text-sm tw:text-gray-600">
<li v-for="(suggestion, index) in suggestions" :key="index" class="tw:mb-2 tw:flex tw:items-start">
<span class="tw:w-5 tw:h-5 tw:flex tw:items-center tw:justify-center tw:bg-red-100 tw:text-red-500 tw:rounded-full tw:mr-3 tw:mt-0.5">
{{ index + 1 }}
</span>
<span>{{ suggestion }}</span>
</li>
</ul>
</div>
<div class="tw:mt-6 tw:flex tw:justify-center tw:gap-4">
<div class="tw:mt-8 tw:flex tw:justify-center tw:gap-4">
<button
class="tw:px-4 tw:py-2 tw:bg-[#67eac3] tw:text-gray-800 tw:rounded-md tw:hover:bg-[#56d9b0] tw:transition-colors"
class="tw:px-6 tw:py-2.5 tw:bg-[#67eac3] tw:text-gray-800 tw:rounded-lg tw:hover:bg-[#56d9b0] tw:transition-all tw:duration-300 tw:font-medium tw:shadow-sm tw:hover:shadow"
@click="goBack"
>
返回首页
</button>
<button
v-if="errorCode"
class="tw:px-4 tw:py-2 tw:bg-[#67eac3] tw:text-gray-800 tw:rounded-md tw:hover:bg-[#56d9b0] tw:transition-colors"
class="tw:px-6 tw:py-2.5 tw:bg-white tw:text-[#67eac3] tw:rounded-lg tw:hover:bg-gray-50 tw:transition-all tw:duration-300 tw:font-medium tw:shadow-sm tw:hover:shadow tw:border tw:border-[#67eac3]"
@click="openErrorDoc"
>
文档帮助
</button>
</div>
</div>
<div class="tw:mt-8 tw:text-xs tw:text-gray-400">
DeEarthX Core © {{ new Date().getFullYear() }}
</div>
</div>
</template>