# 蝶雅产品AI中心

面向产品部的对外统一工作台，当前只展示两个正式产品工具：风险预警、成本识别。项目采用原生 HTML、CSS、JavaScript 模块，无第三方依赖，可直接部署到宝塔 Nginx 静态网站。

## 已集成入口

| 应用 | 地址 | 环境 |
| --- | --- | --- |
| 风险预警 | http://risk-prod.dieya.net.cn/ | 正式 |
| 成本识别 | http://cost.dieya.net.cn/ | 正式 |

其他业务入口、测试版应用和制度小助手不在本门户展示。

## 本地启动

需要 Node.js 18 或更高版本。项目没有第三方依赖，不需要 `npm install`：

```sh
npm test
npm run dev
```

默认访问 http://127.0.0.1:5173，也可以指定端口：`npm run dev -- --port 8080`。

## 宝塔部署

生产环境只部署 `dist/` 目录中的静态文件：

```sh
npm run build
```

将 `dist/` 里面的文件上传到网站目录，或在宝塔网站设置中将网站根目录指向：

```text
/www/wwwroot/dieya-product-ai-center/dist
```

不需要创建 Node 项目，不需要 PHP，不需要反向代理。网站默认文档使用 `index.html`。服务器需为 `.mjs` 文件返回 JavaScript 类型，Nginx 可在站点配置中加入：

```nginx
location ~ \.mjs$ {
    types { application/javascript mjs; }
    add_header Cache-Control "no-cache";
    try_files $uri =404;
}
```

## 修改入口

编辑 `src/apps.mjs` 中的 `applications` 数组，然后重新构建并部署 `dist`。当前配置会校验应用必须是产品部正式入口，不允许测试环境配置混入对外门户。

## 页面功能

- 参考多智能体工作台的简洁卡片风格，支持浅色和深色主题按钮切换。
- 顶部品牌导航、产品部工具卡片和响应式布局，避免复杂的筛选与侧栏层级。
- 每张卡片展示产品部标签、正式应用状态和打开工作台按钮。
- 主题选择保存在当前浏览器中，不影响应用权限。

目标业务系统仍需自行负责登录、钉钉免登、可信域名和权限校验。本门户只负责统一展示和跳转。