<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-tabs>
      <a-tab-pane key="tenant" tab="多租户与权限">
        <a-row :gutter="[16, 16]">
          <a-col :xs="24" :md="12">
            <a-card title="租户隔离">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                租户数据隔离、域名/应用信息绑定、独立配置与配额策略，适配多业务线与多客户运营。
              </a-typography-paragraph>
            </a-card>
          </a-col>
          <a-col :xs="24" :md="12">
            <a-card title="权限体系">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                角色/菜单/按钮权限，审计与操作日志；支持模块级别的权限装配与初始化。
              </a-typography-paragraph>
            </a-card>
          </a-col>
        </a-row>
      </a-tab-pane>

      <a-tab-pane key="modules" tab="模块化与扩展">
        <a-row :gutter="[16, 16]">
          <a-col :xs="24" :md="12">
            <a-card title="模块组合产品">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                将能力拆分为可组合的模块：内容、商品、订单、会员、营销、表单等，可按产品套餐选择并初始化。
              </a-typography-paragraph>
            </a-card>
          </a-col>
          <a-col :xs="24" :md="12">
            <a-card title="扩展点与二开">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                支持插件化扩展点，便于第三方能力集成与二次开发；可沉淀为生态插件进行复用与变现。
              </a-typography-paragraph>
            </a-card>
          </a-col>
        </a-row>
      </a-tab-pane>

      <a-tab-pane key="market" tab="模板/插件生态">
        <a-row :gutter="[16, 16]">
          <a-col :xs="24" :md="12">
            <a-card title="模板市场">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                行业模板 + 初始化脚本配套，让交付标准化；支持多版本、预览、回滚与迁移。
              </a-typography-paragraph>
            </a-card>
          </a-col>
          <a-col :xs="24" :md="12">
            <a-card title="插件市场">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                插件按需购买启用，支持授权校验、更新与兼容性管理；可用于增值服务与生态合作。
              </a-typography-paragraph>
            </a-card>
          </a-col>
        </a-row>
        <div class="mt-6">
          <a-button @click="navigateTo('/market')">了解模板/插件市场</a-button>
        </div>
      </a-tab-pane>

      <a-tab-pane key="ops" tab="运维与安全">
        <a-row :gutter="[16, 16]">
          <a-col :xs="24" :md="12">
            <a-card title="可观测与运维">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                支持日志/告警/指标等可观测能力接入；提供升级策略、灰度与回滚建议。
              </a-typography-paragraph>
            </a-card>
          </a-col>
          <a-col :xs="24" :md="12">
            <a-card title="私有化与合规">
              <a-typography-paragraph class="!mb-0 !text-gray-600">
                支持专有云/本地部署与数据安全策略；可按客户要求提供交付物清单与验收流程。
              </a-typography-paragraph>
            </a-card>
          </a-col>
        </a-row>
      </a-tab-pane>
    </a-tabs>

    <a-card class="mt-10" :bordered="false" style="background: #f6ffed">
      <a-row :gutter="[16, 16]" align="middle">
        <a-col :xs="24" :md="16">
          <a-typography-title :level="3" class="!mb-1">想把你的业务做成可售卖的产品？</a-typography-title>
          <a-typography-paragraph class="!mb-0 !text-gray-600">
            我们可以基于平台能力帮你规划产品套餐、开通链路与交付标准。
          </a-typography-paragraph>
        </a-col>
        <a-col :xs="24" :md="8" class="flex md:justify-end">
          <a-button type="primary" size="large" @click="navigateTo('/contact')">马上联系</a-button>
        </a-col>
      </a-row>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { usePageSeo } from '@/composables/usePageSeo'

usePageSeo({
  title: '平台能力 - SaaS 多租户 / 模块化 / 模板&插件生态',
  description:
    '平台定位为 SaaS 软件开发平台，支持私有化部署与模板/插件生态，标准化“下单支付→自动开通→初始化交付”全链路。',
  path: '/platform'
})
</script>

