feat(developer): 完成小程序开发者中心和企业控制台改造

- 设计并实现了开发者中心与企业控制台两大模块
- 按用户角色区分开发者和企业客户,支持多项目类型及成员管理
- 新增项目管理、应用管理、API Key管理及成员邀请等多功能页面
- 实现应用版本发布、消息通知中心、权限审批与开发者申请流程
- 完成CI/CD流水线、运营监控、发票管理、SSO单点登录功能
- 搭建SDK下载中心、工单系统、FAQ系统、数据导入导出等模块
- 优化后端API,支持已登录和未注册用户不同加入应用流程
- 前端按钮统一采用微信手机号授权,完善用户授权体验
- 修复多个页面的JSX语法错误及依赖导入问题,替换部分组件库
- 增加详细的类型定义文件,提升项目类型安全
- 新增超过55个页面及60个API接口,扩展应用功能和服务体系
- 完成全面的样式设计,实现一致的视觉风格和交互体验
This commit is contained in:
2026-04-13 02:26:46 +08:00
parent 2ae30ac692
commit ffab0ec25c
199 changed files with 20017 additions and 508 deletions

View File

@@ -0,0 +1,229 @@
.deploys-page {
min-height: 100vh;
background: #f5f5f5;
}
.stats-bar {
display: flex;
justify-content: space-around;
padding: 24px;
background: #fff;
border-bottom: 1px solid #eee;
.stat-item {
text-align: center;
.stat-num {
display: block;
font-size: 40px;
font-weight: 600;
color: #333;
&.success {
color: #4CAF50;
}
&.failed {
color: #F44336;
}
}
.stat-label {
font-size: 24px;
color: #999;
}
}
}
.deploy-list {
height: calc(100vh - 300px);
padding: 24px;
}
.deploy-item {
background: #fff;
border-radius: 16px;
padding: 24px;
margin-bottom: 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
.deploy-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
.deploy-version {
display: flex;
align-items: center;
gap: 12px;
.version {
font-size: 32px;
font-weight: 600;
color: #333;
}
}
}
.deploy-info {
margin-bottom: 16px;
.deploy-build,
.rollback-info {
display: flex;
align-items: center;
gap: 8px;
font-size: 26px;
color: #666;
margin-bottom: 8px;
.iconfont {
color: #2196F3;
}
}
.rollback-info .iconfont {
color: #FF9800;
}
}
.deploy-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16px;
border-top: 1px solid #eee;
.deploy-meta {
display: flex;
align-items: center;
gap: 16px;
font-size: 24px;
color: #999;
.deployer {
color: #666;
}
}
}
}
.loading-wrap,
.empty-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100px 0;
.iconfont {
font-size: 96px;
color: #ccc;
margin-bottom: 24px;
}
.loading-text,
.empty-text {
font-size: 28px;
color: #999;
margin-bottom: 24px;
}
}
.loading-more {
display: flex;
justify-content: center;
padding: 24px;
}
.no-more {
text-align: center;
padding: 24px;
font-size: 24px;
color: #999;
}
// 部署弹窗样式
.deploy-modal-content {
.select-label {
display: block;
font-size: 28px;
font-weight: 500;
color: #333;
margin-bottom: 16px;
}
.env-select {
margin-bottom: 24px;
.env-options {
display: flex;
gap: 16px;
.env-option {
flex: 1;
padding: 16px;
text-align: center;
background: #f5f5f5;
border-radius: 8px;
font-size: 26px;
color: #666;
&.active {
background: #1890ff;
color: #fff;
}
}
}
}
.build-select {
.build-list {
max-height: 400px;
}
.build-option {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
background: #f5f5f5;
border-radius: 8px;
margin-bottom: 12px;
&.active {
background: rgba(24, 144, 255, 0.1);
border: 1px solid #1890ff;
}
.build-info {
flex: 1;
.build-no {
font-size: 28px;
font-weight: 500;
color: #333;
margin-right: 12px;
}
.build-branch {
font-size: 24px;
color: #4CAF50;
margin-right: 12px;
}
.build-commit {
font-size: 24px;
color: #2196F3;
font-family: monospace;
}
}
.build-time {
font-size: 24px;
color: #999;
}
}
}
}