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

