Files
template-10586/app/pages/platform.vue
赵忠林 5e26fdc7fb feat(app): 初始化项目配置和页面结构
- 添加 .dockerignore 和 .env.example 配置文件
- 添加 .gitignore 忽略规则配置
- 创建服务端代理API路由(_file、_modules、_server)
- 集成 Ant Design Vue 组件库并配置SSR样式提取
- 定义API响应类型封装
- 创建基础布局组件(blank、console)
- 实现应用中心页面和组件(AppsCenter)
- 添加文章列表测试页面
- 配置控制台导航菜单结构
- 实现控制台头部组件
- 创建联系页面表单
2026-01-17 18:23:37 +08:00

116 lines
4.9 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-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>