新版本官网优化完成

components/UnderMaintenance.vue

@@ -1,17 +1,40 @@
 <template>
-    <el-card class="m-5 w-screen-sm mt-[60px] m-auto">
+  <!-- 本组件已废弃 -->
+  <template v-if="website?.running">
+    <el-card  v-if="website?.running != 1" class="m-5 w-screen-sm mt-[60px] m-auto">
       <!-- 异常状态 -->
       <el-result
-          :icon="website.statusIcon || 'info'"
-          :title="`${website.statusName || '404'}`"
-          :sub-title="website.statusText || '链接失败，请检查您的网络或与网站管理员联系'"
-      >
-        <template #extra>
-          <el-button type="primary" v-if="website.statusUrl" @click="navigateTo(`${website.statusUrl}`)">{{ website.statusBtnText }}</el-button>
-        </template>
-      </el-result>
-
+          v-if="website.running == 0"
+          icon="warning"
+          :title="`未开通`"
+          :sub-title="'请先开通该产品'"
+      />
+      <el-result
+          v-if="website.running == 2"
+          icon="warning"
+          :title="`网站维护中`"
+          :sub-title="website.statusText || '请检查您的网络或与网站管理员联系'"
+      />
+      <el-result
+          v-if="website.running == 3"
+          :icon="'error'"
+          :title="`已关闭`"
+          :sub-title="'该网站已被管理人员关闭'"
+      />
+      <el-result
+          v-if="website.running == 4"
+          :icon="'error'"
+          :title="`已欠费`"
+          :sub-title="'请及时缴费以免给您带来不必要的损失'"
+      />
+      <el-result
+          v-if="website.running == 5"
+          :icon="'error'"
+          :title="`违规关停`"
+          :sub-title="'网站可能因含有违规内容被关停，请联系管理员整改恢复'"
+      />
     </el-card>
+  </template>
 </template>
 <script setup lang="ts">
 import {useWebsite} from "~/composables/configState";