Files
pc-10584/app/pages/deploy.vue
赵忠林 775841eed3 feat(core): 初始化项目基础架构和CMS功能模块
- 添加Docker相关配置文件(.dockerignore, .env.example, .gitignore)
- 实现服务端API代理功能,支持文件、模块和服务器API转发
- 创建文章详情页、栏目文章列表页和单页内容展示页面
- 集成Ant Design Vue组件库并实现SSR样式提取功能
- 定义API响应数据结构类型和应用布局组件
- 开发开发者应用中心和文章管理页面
- 实现CMS导航菜单获取和多租户切换功能
2026-01-27 00:14:08 +08:00

92 lines
3.5 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.

<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>