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

71
app/pages/flow.vue Normal file
View File

@@ -0,0 +1,71 @@
<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">
面向产品售卖 + 自动交付的业务模型客户选择产品并支付后平台自动创建租户初始化模块与数据并完成交付上线
</a-typography-paragraph>
<a-row :gutter="[24, 24]">
<a-col :xs="24" :lg="12">
<a-card title="对外流程(客户视角)">
<a-steps direction="vertical" :current="-1">
<a-step title="选择产品/套餐" description="选择产品矩阵中的产品与套餐,按需加购模板/插件" />
<a-step title="支付下单" description="支付成功后触发开通编排任务" />
<a-step title="收到交付入口" description="获取管理员账号、访问地址与基础指引" />
<a-step title="开始配置与运营" description="基于模板与默认配置快速上线,按需启用插件" />
</a-steps>
</a-card>
</a-col>
<a-col :xs="24" :lg="12">
<a-card title="平台内部自动化(系统视角)">
<a-timeline>
<a-timeline-item>订单校验产品/套餐/加购项与授权生成</a-timeline-item>
<a-timeline-item>创建租户租户信息域名/应用信息管理员生成</a-timeline-item>
<a-timeline-item>模块装配按所购产品组合模块并初始化菜单/权限</a-timeline-item>
<a-timeline-item>数据初始化基础字典默认配置可选演示数据</a-timeline-item>
<a-timeline-item>交付通知发送入口账号初始化结果与下一步指引</a-timeline-item>
</a-timeline>
</a-card>
</a-col>
</a-row>
<a-card class="mt-10" 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>
<div class="mt-10">
<a-space>
<a-button @click="navigateTo('/products')">选择产品</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: '开通流程 - 选品支付 / 创建租户 / 初始化模块与数据',
description:
'客户选择产品并支付后,平台自动创建租户、装配模块、初始化菜单权限与基础数据,并完成交付上线;支持 SaaS 与私有化交付。',
path: '/flow'
})
</script>