feat(app): 初始化项目配置和页面结构

- 添加 .dockerignore 和 .env.example 配置文件
- 添加 .gitignore 忽略规则配置
- 创建服务端代理API路由(_file、_modules、_server)
- 集成 Ant Design Vue 组件库并配置SSR样式提取
- 定义API响应类型封装
- 创建基础布局组件(blank、console)
- 实现应用中心页面和组件(AppsCenter)
- 添加文章列表测试页面
- 配置控制台导航菜单结构
- 实现控制台头部组件
- 创建联系页面表单
This commit is contained in:
2026-01-17 18:23:37 +08:00
commit 5e26fdc7fb
439 changed files with 56219 additions and 0 deletions

91
app/pages/deploy.vue Normal file
View File

@@ -0,0 +1,91 @@
<template>
<div class="mx-auto max-w-screen-xl px-4 py-12">
<a-typography-title :level="1" class="!mb-2">部署方案</a-typography-title>
<a-typography-paragraph class="!text-gray-600 !mb-8">
支持 SaaS私有化与混合部署针对安全合规/数据隔离/运维可控等需求提供交付物清单与验收流程
</a-typography-paragraph>
<a-alert
class="mb-6"
type="info"
show-icon
message="支持私有化部署:提供部署文档、初始化脚本、升级/回滚建议与验收清单。"
/>
<a-table :columns="columns" :data-source="rows" :pagination="false" row-key="key" />
<a-row class="mt-10" :gutter="[16, 16]">
<a-col :xs="24" :md="12">
<a-card title="私有化交付清单(示例)">
<a-list :data-source="deliverables" size="small" bordered>
<template #renderItem="{ item }">
<a-list-item>{{ item }}</a-list-item>
</template>
</a-list>
</a-card>
</a-col>
<a-col :xs="24" :md="12">
<a-card title="上线与升级策略">
<a-collapse>
<a-collapse-panel key="1" header="升级方式">
<div class="text-gray-600">
支持版本升级与兼容性说明建议灰度升级并保留回滚方案
</div>
</a-collapse-panel>
<a-collapse-panel key="2" header="数据安全">
<div class="text-gray-600">
提供租户隔离权限审计数据备份/恢复建议可对接客户既有安全体系
</div>
</a-collapse-panel>
<a-collapse-panel key="3" header="高可用建议">
<div class="text-gray-600">
提供多实例部署负载均衡与健康检查建议根据业务量规划资源与扩容策略
</div>
</a-collapse-panel>
</a-collapse>
</a-card>
</a-col>
</a-row>
<div class="mt-10">
<a-space>
<a-button @click="navigateTo('/flow')">查看开通流程</a-button>
<a-button type="primary" @click="navigateTo('/contact')">获取部署方案</a-button>
</a-space>
</div>
</div>
</template>
<script setup lang="ts">
import { usePageSeo } from '@/composables/usePageSeo'
usePageSeo({
title: '部署方案 - SaaS / 私有化 / 混合部署',
description: '支持 SaaS、私有化与混合部署提供交付物清单与验收流程满足安全合规与运维可控需求。',
path: '/deploy'
})
const columns = [
{ title: '对比项', dataIndex: 'name' },
{ title: 'SaaS', dataIndex: 'saas' },
{ title: '私有化', dataIndex: 'private' },
{ title: '混合', dataIndex: 'hybrid' }
]
const rows = [
{ key: 'k1', name: '交付速度', saas: '最快', private: '中', hybrid: '中' },
{ key: 'k2', name: '数据与合规', saas: '标准', private: '最高可控', hybrid: '可定制' },
{ key: 'k3', name: '运维成本', saas: '最低', private: '客户自运维', hybrid: '可分担' },
{ key: 'k4', name: '扩展能力', saas: '强', private: '强', hybrid: '强' },
{ key: 'k5', name: '适用场景', saas: '快速试用/中小团队', private: '政企/强合规', hybrid: '集团/多系统' }
]
const deliverables = [
'部署包/镜像(示例)',
'部署与运维文档(示例)',
'初始化脚本与默认配置(示例)',
'验收清单与检查项(示例)',
'升级/回滚建议(示例)'
]
</script>