feat(history): establish Telegram SaaS platform foundation
This commit is contained in:
wmq
@@ -0,0 +1,6 @@
|
||||
node_modules
|
||||
server/node_modules
|
||||
dist
|
||||
.git
|
||||
.env
|
||||
*.log
|
||||
+34
-6
@@ -1,7 +1,35 @@
|
||||
# ===== 灵犀跨境 前端环境变量 =====
|
||||
# 是否使用内置 Mock 服务：true = 本地模拟数据（默认）；false = 请求真实后端
|
||||
VITE_USE_MOCK=true
|
||||
# 必须生成新值，禁止提交真实密钥
|
||||
LX_DB_PASSWORD=replace-with-strong-database-password
|
||||
LX_JWT_SECRET=replace-with-at-least-32-random-characters
|
||||
LX_WEB_PORT=8088
|
||||
|
||||
# 真实后端 API 基础地址（VITE_USE_MOCK=false 时生效）
|
||||
# 注意：请通过服务端环境变量管理密钥，前端代码中禁止放置任何真实 API Key
|
||||
VITE_API_BASE_URL=http://localhost:8080/api
|
||||
# DeepSeek Anthropic-compatible API
|
||||
DEEPSEEK_API_KEY=replace-with-rotated-deepseek-key
|
||||
DEEPSEEK_MODEL=deepseek-v4-flash
|
||||
|
||||
# 已部署的 Telegram Gateway 服务凭据
|
||||
TELEGRAM_GATEWAY_URL=http://host.docker.internal:3000/api
|
||||
TELEGRAM_GATEWAY_TOKEN=replace-with-gateway-jwt
|
||||
TELEGRAM_GATEWAY_TENANT_ID=replace-with-gateway-tenant-id
|
||||
TELEGRAM_GATEWAY_SERVICE_EMAIL=replace-with-gateway-service-email
|
||||
TELEGRAM_GATEWAY_SERVICE_PASSWORD=replace-with-random-service-password
|
||||
TELEGRAM_GATEWAY_ACCOUNT_ID=replace-with-default-account-id
|
||||
TELEGRAM_WEBHOOK_SECRET=replace-with-random-webhook-secret
|
||||
PUBLIC_WEBHOOK_BASE_URL=http://host.docker.internal:8088
|
||||
APP_PUBLIC_URL=http://127.0.0.1:8088
|
||||
|
||||
# 真实团队邀请邮件
|
||||
SMTP_HOST=
|
||||
SMTP_PORT=587
|
||||
SMTP_SECURE=false
|
||||
SMTP_USER=
|
||||
SMTP_PASSWORD=
|
||||
SMTP_FROM=
|
||||
|
||||
# 真实 Stripe Checkout
|
||||
STRIPE_SECRET_KEY=
|
||||
STRIPE_WEBHOOK_SECRET=
|
||||
STRIPE_PRICE_LITE=
|
||||
STRIPE_PRICE_STANDARD=
|
||||
STRIPE_PRICE_PRO=
|
||||
STRIPE_PRICE_GROWTH=
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
.env
|
||||
server/.env
|
||||
*.local
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
FROM node:20-alpine AS web-build
|
||||
WORKDIR /app
|
||||
COPY package*.json ./
|
||||
RUN npm ci
|
||||
COPY . .
|
||||
RUN npm run build
|
||||
|
||||
FROM nginx:1.27-alpine
|
||||
COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
|
||||
COPY --from=web-build /app/dist /usr/share/nginx/html
|
||||
EXPOSE 80
|
||||
HEALTHCHECK --interval=15s --timeout=3s --retries=5 CMD wget -qO- http://127.0.0.1/health || exit 1
|
||||
@@ -1,156 +1,53 @@
|
||||
# 灵犀跨境 · 跨境 AI 经营服务平台（前端）
|
||||
# 灵犀跨境
|
||||
|
||||
> 让跨境沟通更简单 — 徐州欧汇科技有限公司
|
||||
灵犀跨境是面向跨境业务团队的 Telegram 客户沟通与 AI 经营平台。当前版本只开放 Telegram，所有开放功能均访问真实 API、PostgreSQL、DeepSeek 和 Telegram Gateway，不包含前端 Mock 数据。
|
||||
|
||||
本仓库为「灵犀跨境」SaaS 平台的前端部分，面向中小外贸企业、跨境卖家和产业带企业，将 WhatsApp / Telegram / 邮件 / 独立站表单等渠道的客户咨询统一接入，通过 AI 翻译、意图识别、情感分析、风险预警与客户建档，将聊天记录沉淀为可追踪、可成交的客户资产。
|
||||
## 服务组成
|
||||
|
||||
## 技术栈
|
||||
- React + TypeScript 前端，由 Nginx 提供静态资源和 API 反向代理。
|
||||
- Node.js API，负责独立租户、用户认证、CRM、会话、AI 和网关适配。
|
||||
- PostgreSQL，持久化租户隔离的业务数据。
|
||||
- 已有 Telegram Gateway，负责真实 Telegram 账号与 TDLib 操作。
|
||||
- DeepSeek Anthropic-compatible API，负责翻译、情感、意图、风险、摘要和回复建议。
|
||||
|
||||
- **React 18** + **TypeScript 5**
|
||||
- **Vite 5** — 开发与构建
|
||||
- **Tailwind CSS 3.4** — 原子化样式
|
||||
- **shadcn/ui 风格** — 手写轻量企业 UI 组件
|
||||
- **React Router 6** — 路由
|
||||
- **Zustand 4** — 全局状态（认证/UI/Toast/确认弹窗）
|
||||
- **TanStack Query 5** — 数据请求与缓存
|
||||
- **Recharts 2** — 图表
|
||||
- **React Hook Form 7** + **Zod 3** — 表单与校验
|
||||
- **Lucide React** — 图标
|
||||
## Docker 启动
|
||||
|
||||
## 快速开始
|
||||
1. 复制 `.env.example` 为 `.env`。
|
||||
2. 生成数据库、JWT、Webhook 随机密钥。
|
||||
3. 设置轮换后的 `DEEPSEEK_API_KEY`。
|
||||
4. 设置 Telegram Gateway 的租户令牌、租户 ID 和账号 ID。
|
||||
5. 启动：
|
||||
|
||||
```bash
|
||||
# 1. 安装依赖
|
||||
```powershell
|
||||
docker compose --env-file .env up -d --build
|
||||
```
|
||||
|
||||
默认访问地址：`http://127.0.0.1:8088`。
|
||||
|
||||
健康检查：
|
||||
|
||||
```powershell
|
||||
Invoke-RestMethod http://127.0.0.1:8088/health
|
||||
Invoke-RestMethod http://127.0.0.1:8088/api/dashboard/overview
|
||||
```
|
||||
|
||||
业务 API 需要通过注册或登录取得 Bearer Token。浏览器永远不会收到 DeepSeek 或 Telegram Gateway 服务凭据。
|
||||
|
||||
## 开发检查
|
||||
|
||||
```powershell
|
||||
npm install
|
||||
npm run typecheck
|
||||
npm run build
|
||||
|
||||
# 2. 启动开发服务器（默认 Mock 模式）
|
||||
npm run dev
|
||||
|
||||
# 3. 浏览器打开 http://localhost:5173
|
||||
Set-Location server
|
||||
npm install
|
||||
node --check src/index.js
|
||||
```
|
||||
|
||||
登录页点击下方**演示角色一键登录**即可进入系统：
|
||||
- 企业管理员 / 业务主管 / 外贸业务员 / 客服人员 / 只读成员
|
||||
## 安全说明
|
||||
|
||||
也可以使用验证码模式：任意手机号 / 邮箱 + 任意 6 位验证码即可登录。
|
||||
|
||||
## 构建生产包
|
||||
|
||||
```bash
|
||||
npm run build # TypeScript 检查 + Vite 构建
|
||||
npm run preview # 预览构建结果
|
||||
```
|
||||
|
||||
## 环境变量与模式切换
|
||||
|
||||
项目通过 `.env` 文件控制数据来源：
|
||||
|
||||
```env
|
||||
# 使用内置 Mock 服务（默认，无需后端）
|
||||
VITE_USE_MOCK=true
|
||||
|
||||
# 真实后端 API 地址（VITE_USE_MOCK=false 时生效）
|
||||
VITE_API_BASE_URL=http://localhost:8080/api
|
||||
```
|
||||
|
||||
- **Mock 模式**（`VITE_USE_MOCK=true`）：前端内置完整演示数据集（30 个客户、20 条会话、100+ 条多语种消息、20 个跟进任务、15 条风险预警、30 条企业知识、8 名团队成员、13 个渠道），所有 API 请求在前端通过 Mock 路由处理，无需任何后端服务。
|
||||
- **真实模式**（`VITE_USE_MOCK=false`）：所有 API 请求转发到 `VITE_API_BASE_URL`，自动携带 Bearer Token。
|
||||
|
||||
> ⚠️ **安全提示**：请勿在前端代码中存放任何真实 API 密钥。所有密钥应由服务端环境变量管理。
|
||||
|
||||
## 项目结构
|
||||
|
||||
```
|
||||
src/
|
||||
├── app/
|
||||
│ ├── router/index.tsx # React Router 路由配置
|
||||
│ ├── providers/index.tsx # QueryClient + i18n + Toast + Confirm
|
||||
│ └── store/ # Zustand stores (auth / ui / toast / confirm)
|
||||
├── components/
|
||||
│ ├── layout/ # AppLayout / Sidebar / Topbar / GlobalSearch
|
||||
│ ├── common/ # PageHeader / StatCard / ChannelIcon / CountryFlag / StatusBadges / PermissionGate / DemoNote
|
||||
│ ├── ui/ # UI 基础组件（button / input / select / dialog / drawer / tabs / table / toast / pagination 等）
|
||||
│ ├── inbox/ # 统一消息专属组件（ConversationList / MessageBubble / Composer / InsightPanel / AiReplies）
|
||||
│ ├── customer/ # 客户表单弹窗（CustomerFormDialog）
|
||||
│ ├── crm/ # 商机与任务表单（TaskFormDialog）
|
||||
│ └── charts/ # 图表封装（TrendChart / DonutChart / FunnelChart / RankBars）
|
||||
├── pages/
|
||||
│ ├── auth/ # 登录 / 注册
|
||||
│ ├── onboarding/ # 8 步企业初始化向导
|
||||
│ ├── dashboard/ # 今日经营工作台
|
||||
│ ├── inbox/ # 统一消息中心（三栏布局 + 移动适配）
|
||||
│ ├── customers/ # 客户管理（表格/卡片/看板） + 客户详情
|
||||
│ ├── opportunities/ # 商机看板 + 跟进任务 + 日历
|
||||
│ ├── translate/ # AI 翻译中心
|
||||
│ ├── interpret/ # 同声传译（模拟实时双向字幕）
|
||||
│ ├── risks/ # 风险预警中心
|
||||
│ ├── knowledge/ # 企业知识库 + 检索测试 + 使用统计
|
||||
│ ├── analytics/ # 数据分析 + 老板看板
|
||||
│ ├── channels/ # 渠道中心 + 连接向导
|
||||
│ ├── team/ # 团队协作 + 角色权限矩阵
|
||||
│ ├── billing/ # 套餐与账单
|
||||
│ ├── settings/ # 系统设置（13 组）
|
||||
│ └── help/ # 帮助与培训 + 交付进度
|
||||
├── services/
|
||||
│ ├── api/ # 领域 API 服务（auth / dashboard / channels / conversations / ai / customers / crm / knowledge / org / search）
|
||||
│ └── mock/ # Mock 路由与处理器（按 HTTP 方法 + 路径匹配，支持 :param 参数）
|
||||
├── mocks/
|
||||
│ ├── db.ts # 内存数据库（增删改持久到刷新）
|
||||
│ └── seed/ # 种子数据（customers / conversations / messages / tasks / opportunities / risks / knowledge / team / channels / analytics / misc）
|
||||
├── types/ # TypeScript 类型定义
|
||||
├── config/ # 全局配置（套餐价格 / 支持语言数 / 角色权限 / 导航 / 业务常量 / 环境变量）
|
||||
├── i18n/ # 国际化（zh / en / ar + RTL）
|
||||
├── hooks/ # 自定义 Hooks（usePermission / useDebounce / useMediaQuery）
|
||||
├── utils/ # 工具函数（cn / format / misc）
|
||||
└── styles/ # 全局样式与 CSS 变量
|
||||
```
|
||||
|
||||
## 接入真实后端
|
||||
|
||||
项目中预留了完整的 API 接口层，对应后端路由如下：
|
||||
|
||||
| 领域 | 核心接口 |
|
||||
|------|---------|
|
||||
| 认证 | `POST /api/auth/login`, `POST /api/auth/register`, `GET /api/auth/me` |
|
||||
| 工作台 | `GET /api/dashboard/overview` |
|
||||
| 渠道 | `GET /api/channels`, `POST /api/channels/connect`, `POST /api/channels/test`, `PATCH /api/channels/:id`, `DELETE /api/channels/:id` |
|
||||
| 会话 | `GET /api/conversations`, `GET /api/conversations/:id`, `GET /api/conversations/:id/messages`, `POST /api/conversations/:id/messages`, `PATCH /api/conversations/:id` |
|
||||
| AI | `POST /api/ai/translate`, `POST /api/ai/analyze`, `POST /api/ai/replies`, `POST /api/ai/summarize`, `POST /api/ai/interpretation`, `POST /api/ai/text-action` |
|
||||
| 客户 | `GET/POST /api/customers`, `GET/PATCH/DELETE /api/customers/:id`, `POST /api/customers/merge`, `POST /api/customers/import`, `GET /api/customers/export`, `GET /api/customers/duplicates` |
|
||||
| 商机 | `GET/POST /api/opportunities`, `PATCH /api/opportunities/:id` |
|
||||
| 任务 | `GET/POST /api/tasks`, `PATCH /api/tasks/:id` |
|
||||
| 风险 | `GET /api/risks`, `PATCH /api/risks/:id` |
|
||||
| 知识库 | `GET/POST /api/knowledge`, `PATCH/DELETE /api/knowledge/:id`, `POST /api/knowledge/upload`, `POST /api/knowledge/search-test`, `GET /api/knowledge/stats` |
|
||||
| 分析 | `GET /api/analytics` |
|
||||
| 团队 | `GET /api/team`, `POST /api/team/invite`, `PATCH/DELETE /api/team/:id` |
|
||||
| 账单 | `GET /api/billing`, `POST /api/billing/upgrade` |
|
||||
| 设置 | `GET/PATCH /api/settings` |
|
||||
| 通知 | `GET /api/notifications`, `POST /api/notifications/read-all` |
|
||||
| 搜索 | `GET /api/search?q=` |
|
||||
|
||||
后端可使用 Java / Node.js / Python 等任意技术栈实现。参考 Mock 服务中 `src/services/mock/handlers/` 目录下的处理器即可了解各接口的请求/响应 Shape。
|
||||
|
||||
## 套餐与价格配置
|
||||
|
||||
所有套餐价格集中维护在 `src/config/pricingPlans.ts` 中，包含四档套餐（轻助手版 / 标准工作台版 / 专业版 / 增长版/定制版），一处修改全局生效。
|
||||
|
||||
## 语言支持
|
||||
|
||||
平台 UI 支持中文 / English / العربية（RTL），RTL 布局通过 `document.documentElement.dir = 'rtl'` 原生实现。
|
||||
|
||||
翻译引擎支持语言数配置在 `src/config/languages.ts` 的 `supportedLanguageCount` 字段，当前默认值为 96。
|
||||
|
||||
## 演示数据说明
|
||||
|
||||
所有图表、经营指标与客户数据均为**模拟演示数据**（数据来源：`src/mocks/seed/` 目录），不代表真实企业经营状况。每个图表卡片均标注「演示数据」提示。
|
||||
|
||||
客户与消息覆盖以下真实语言场景：
|
||||
- 🇵🇰 乌尔都语（巴基斯坦 · WhatsApp）
|
||||
- 🇦🇪 / 🇸🇦 阿拉伯语（阿联酋 / 沙特 · 邮件 / Telegram）
|
||||
- 🇧🇩 孟加拉语（孟加拉国 · WhatsApp）
|
||||
- 🇪🇸 西班牙语（西班牙 · 独立站表单 / WhatsApp）
|
||||
- 🇬🇧 / 🇺🇸 / 🇩🇪 英语（英国 / 美国 / 德国 · 邮件 / Messenger）
|
||||
|
||||
## License
|
||||
|
||||
本项目为徐州欧汇科技有限公司内部产品，未开源授权。仅供演示评估使用。
|
||||
- `.env` 已加入 `.gitignore`，严禁提交真实密钥。
|
||||
- AI 回复只提供人工确认建议，不会自动向 Telegram 发送。
|
||||
- 所有业务资源都通过 JWT 中的租户 ID 隔离。
|
||||
- Webhook 必须配置独立随机密钥；生产部署应进一步使用 HTTPS、反向代理和 IP 白名单。
|
||||
|
||||
@@ -0,0 +1,77 @@
|
||||
name: lingxi-crossborder
|
||||
|
||||
services:
|
||||
postgres:
|
||||
image: postgres:16-alpine
|
||||
environment:
|
||||
POSTGRES_USER: ${LX_DB_USER:-lingxi}
|
||||
POSTGRES_PASSWORD: ${LX_DB_PASSWORD:?LX_DB_PASSWORD is required}
|
||||
POSTGRES_DB: ${LX_DB_NAME:-lingxi_crossborder}
|
||||
volumes:
|
||||
- lingxi_pgdata:/var/lib/postgresql/data
|
||||
healthcheck:
|
||||
test: ["CMD-SHELL", "pg_isready -U ${LX_DB_USER:-lingxi} -d ${LX_DB_NAME:-lingxi_crossborder}"]
|
||||
interval: 5s
|
||||
timeout: 5s
|
||||
retries: 10
|
||||
restart: unless-stopped
|
||||
|
||||
api:
|
||||
build:
|
||||
context: ./server
|
||||
environment:
|
||||
PORT: 3100
|
||||
DATABASE_URL: postgresql://${LX_DB_USER:-lingxi}:${LX_DB_PASSWORD}@postgres:5432/${LX_DB_NAME:-lingxi_crossborder}
|
||||
JWT_SECRET: ${LX_JWT_SECRET:?LX_JWT_SECRET is required}
|
||||
DEEPSEEK_BASE_URL: https://api.deepseek.com/anthropic
|
||||
DEEPSEEK_MODEL: ${DEEPSEEK_MODEL:-deepseek-v4-flash}
|
||||
DEEPSEEK_API_KEY: ${DEEPSEEK_API_KEY:?DEEPSEEK_API_KEY is required}
|
||||
TELEGRAM_GATEWAY_URL: ${TELEGRAM_GATEWAY_URL:-http://host.docker.internal:3000/api}
|
||||
TELEGRAM_GATEWAY_TOKEN: ${TELEGRAM_GATEWAY_TOKEN:?TELEGRAM_GATEWAY_TOKEN is required}
|
||||
TELEGRAM_GATEWAY_TENANT_ID: ${TELEGRAM_GATEWAY_TENANT_ID:?TELEGRAM_GATEWAY_TENANT_ID is required}
|
||||
TELEGRAM_GATEWAY_SERVICE_EMAIL: ${TELEGRAM_GATEWAY_SERVICE_EMAIL:?TELEGRAM_GATEWAY_SERVICE_EMAIL is required}
|
||||
TELEGRAM_GATEWAY_SERVICE_PASSWORD: ${TELEGRAM_GATEWAY_SERVICE_PASSWORD:?TELEGRAM_GATEWAY_SERVICE_PASSWORD is required}
|
||||
TELEGRAM_GATEWAY_ACCOUNT_ID: ${TELEGRAM_GATEWAY_ACCOUNT_ID:-}
|
||||
TELEGRAM_WEBHOOK_SECRET: ${TELEGRAM_WEBHOOK_SECRET:?TELEGRAM_WEBHOOK_SECRET is required}
|
||||
PUBLIC_WEBHOOK_BASE_URL: ${PUBLIC_WEBHOOK_BASE_URL:-http://host.docker.internal:8088}
|
||||
APP_PUBLIC_URL: ${APP_PUBLIC_URL:-http://127.0.0.1:8088}
|
||||
SMTP_HOST: ${SMTP_HOST:-}
|
||||
SMTP_PORT: ${SMTP_PORT:-587}
|
||||
SMTP_SECURE: ${SMTP_SECURE:-false}
|
||||
SMTP_USER: ${SMTP_USER:-}
|
||||
SMTP_PASSWORD: ${SMTP_PASSWORD:-}
|
||||
SMTP_FROM: ${SMTP_FROM:-}
|
||||
STRIPE_SECRET_KEY: ${STRIPE_SECRET_KEY:-}
|
||||
STRIPE_PRICE_LITE: ${STRIPE_PRICE_LITE:-}
|
||||
STRIPE_PRICE_STANDARD: ${STRIPE_PRICE_STANDARD:-}
|
||||
STRIPE_PRICE_PRO: ${STRIPE_PRICE_PRO:-}
|
||||
STRIPE_PRICE_GROWTH: ${STRIPE_PRICE_GROWTH:-}
|
||||
extra_hosts:
|
||||
- "host.docker.internal:host-gateway"
|
||||
dns:
|
||||
- 1.1.1.1
|
||||
- 8.8.8.8
|
||||
depends_on:
|
||||
postgres:
|
||||
condition: service_healthy
|
||||
healthcheck:
|
||||
test: ["CMD", "node", "-e", "fetch('http://127.0.0.1:3100/health/ready').then(r=>{if(!r.ok)process.exit(1)}).catch(()=>process.exit(1))"]
|
||||
interval: 10s
|
||||
timeout: 5s
|
||||
retries: 10
|
||||
start_period: 10s
|
||||
restart: unless-stopped
|
||||
|
||||
web:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: Dockerfile
|
||||
ports:
|
||||
- "${LX_WEB_PORT:-8088}:80"
|
||||
depends_on:
|
||||
api:
|
||||
condition: service_healthy
|
||||
restart: unless-stopped
|
||||
|
||||
volumes:
|
||||
lingxi_pgdata:
|
||||
@@ -0,0 +1,34 @@
|
||||
server {
|
||||
listen 80;
|
||||
server_name _;
|
||||
client_max_body_size 50m;
|
||||
|
||||
location /health {
|
||||
access_log off;
|
||||
return 200 'ok';
|
||||
add_header Content-Type text/plain;
|
||||
}
|
||||
|
||||
location /api/ {
|
||||
proxy_pass http://api:3100;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Request-Id $request_id;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "upgrade";
|
||||
}
|
||||
|
||||
location /internal/ {
|
||||
proxy_pass http://api:3100;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Request-Id $request_id;
|
||||
}
|
||||
|
||||
location / {
|
||||
root /usr/share/nginx/html;
|
||||
try_files $uri $uri/ /index.html;
|
||||
}
|
||||
}
|
||||
Generated
+295
-21
@@ -16,18 +16,20 @@
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-hook-form": "^7.54.0",
|
||||
"react-router-dom": "^6.28.0",
|
||||
"react-router-dom": "^7.18.1",
|
||||
"recharts": "^2.15.0",
|
||||
"tailwind-merge": "^2.5.5",
|
||||
"zod": "^3.24.1",
|
||||
"zustand": "^4.5.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.62.0",
|
||||
"@types/node": "^22.10.2",
|
||||
"@types/react": "^18.3.14",
|
||||
"@types/react-dom": "^18.3.2",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"ffmpeg-static": "^5.3.0",
|
||||
"postcss": "^8.4.49",
|
||||
"tailwindcss": "^3.4.16",
|
||||
"typescript": "^5.7.2",
|
||||
@@ -338,6 +340,22 @@
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@derhuerst/http-basic": {
|
||||
"version": "8.2.4",
|
||||
"resolved": "https://registry.npmmirror.com/@derhuerst/http-basic/-/http-basic-8.2.4.tgz",
|
||||
"integrity": "sha512-F9rL9k9Xjf5blCz8HsJRO4diy111cayL2vkY2XE4r4t3n0yPXVYy3KD3nJ1qbrSn9743UWSXH4IwuCa/HWlGFw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"caseless": "^0.12.0",
|
||||
"concat-stream": "^2.0.0",
|
||||
"http-response-object": "^3.0.1",
|
||||
"parse-cache-control": "^1.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/aix-ppc64": {
|
||||
"version": "0.21.5",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
|
||||
@@ -826,13 +844,20 @@
|
||||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/@remix-run/router": {
|
||||
"version": "1.23.3",
|
||||
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.3.tgz",
|
||||
"integrity": "sha512-4An71tdz9X8+3sI4Qqqd2LWd9vS39J7sqd9EU4Scw7TJE/qB10Flv/UuqbPVgfQV9XoK8Np6jNquZitnZq5i+Q==",
|
||||
"license": "MIT",
|
||||
"node_modules/@playwright/test": {
|
||||
"version": "1.62.0",
|
||||
"resolved": "https://registry.npmmirror.com/@playwright/test/-/test-1.62.0.tgz",
|
||||
"integrity": "sha512-9zOJ6ZQRAena31MpOH9VSzIz8Ou3YJ/wtY/eQm5T2uhfhG7/U3COrMS8xOtUrZrp9OgdmzEnIYODye3nY1VqzA==",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"playwright": "1.62.0"
|
||||
},
|
||||
"bin": {
|
||||
"playwright": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
"node": ">=20"
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/pluginutils": {
|
||||
@@ -1431,6 +1456,19 @@
|
||||
"vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/agent-base": {
|
||||
"version": "6.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz",
|
||||
"integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"debug": "4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/any-promise": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
|
||||
@@ -1569,6 +1607,13 @@
|
||||
"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
|
||||
}
|
||||
},
|
||||
"node_modules/buffer-from": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz",
|
||||
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/camelcase-css": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
|
||||
@@ -1600,6 +1645,13 @@
|
||||
],
|
||||
"license": "CC-BY-4.0"
|
||||
},
|
||||
"node_modules/caseless": {
|
||||
"version": "0.12.0",
|
||||
"resolved": "https://registry.npmmirror.com/caseless/-/caseless-0.12.0.tgz",
|
||||
"integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0"
|
||||
},
|
||||
"node_modules/chokidar": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
|
||||
@@ -1669,6 +1721,22 @@
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/concat-stream": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz",
|
||||
"integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
|
||||
"dev": true,
|
||||
"engines": [
|
||||
"node >= 6.0"
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"buffer-from": "^1.0.0",
|
||||
"inherits": "^2.0.3",
|
||||
"readable-stream": "^3.0.2",
|
||||
"typedarray": "^0.0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/convert-source-map": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
|
||||
@@ -1676,6 +1744,19 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/cookie": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/cookie/-/cookie-1.1.1.tgz",
|
||||
"integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=18"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/express"
|
||||
}
|
||||
},
|
||||
"node_modules/cssesc": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
|
||||
@@ -1871,6 +1952,16 @@
|
||||
"dev": true,
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/env-paths": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmmirror.com/env-paths/-/env-paths-2.2.1.tgz",
|
||||
"integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/es-errors": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
|
||||
@@ -1985,6 +2076,23 @@
|
||||
"reusify": "^1.0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/ffmpeg-static": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/ffmpeg-static/-/ffmpeg-static-5.3.0.tgz",
|
||||
"integrity": "sha512-H+K6sW6TiIX6VGend0KQwthe+kaceeH/luE8dIZyOP35ik7ahYojDuqlTV1bOrtEwl01sy2HFNGQfi5IDJvotg==",
|
||||
"dev": true,
|
||||
"hasInstallScript": true,
|
||||
"license": "GPL-3.0-or-later",
|
||||
"dependencies": {
|
||||
"@derhuerst/http-basic": "^8.2.0",
|
||||
"env-paths": "^2.2.0",
|
||||
"https-proxy-agent": "^5.0.0",
|
||||
"progress": "^2.0.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16"
|
||||
}
|
||||
},
|
||||
"node_modules/fill-range": {
|
||||
"version": "7.1.1",
|
||||
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
|
||||
@@ -2073,6 +2181,44 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/http-response-object": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/http-response-object/-/http-response-object-3.0.2.tgz",
|
||||
"integrity": "sha512-bqX0XTF6fnXSQcEJ2Iuyr75yVakyjIDCqroJQ/aHfSdlM743Cwqoi2nDYMzLGWUcuTWGWy8AAvOKXTfiv6q9RA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "^10.0.3"
|
||||
}
|
||||
},
|
||||
"node_modules/http-response-object/node_modules/@types/node": {
|
||||
"version": "10.17.60",
|
||||
"resolved": "https://registry.npmmirror.com/@types/node/-/node-10.17.60.tgz",
|
||||
"integrity": "sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/https-proxy-agent": {
|
||||
"version": "5.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
|
||||
"integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"agent-base": "6",
|
||||
"debug": "4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/inherits": {
|
||||
"version": "2.0.4",
|
||||
"resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
|
||||
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
|
||||
"dev": true,
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/internmap": {
|
||||
"version": "2.0.3",
|
||||
"resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
|
||||
@@ -2344,6 +2490,12 @@
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/parse-cache-control": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/parse-cache-control/-/parse-cache-control-1.0.1.tgz",
|
||||
"integrity": "sha512-60zvsJReQPX5/QP0Kzfd/VrpjScIQ7SHBW6bFCYfEP+fp0Eppr1SHhIO5nd1PjZtvclzSzES9D/p5nFJurwfWg==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/path-parse": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
|
||||
@@ -2391,6 +2543,53 @@
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/playwright": {
|
||||
"version": "1.62.0",
|
||||
"resolved": "https://registry.npmmirror.com/playwright/-/playwright-1.62.0.tgz",
|
||||
"integrity": "sha512-Z14dG305dgaLu6foB1TXQagFiW8JfSUIUaUuPaKQ6NtBPKF1P/qXcqfh6c6K/icPqdy37JmjbiBXf6JNg6Sylw==",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"playwright-core": "1.62.0"
|
||||
},
|
||||
"bin": {
|
||||
"playwright": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=20"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"fsevents": "2.3.2"
|
||||
}
|
||||
},
|
||||
"node_modules/playwright-core": {
|
||||
"version": "1.62.0",
|
||||
"resolved": "https://registry.npmmirror.com/playwright-core/-/playwright-core-1.62.0.tgz",
|
||||
"integrity": "sha512-nsNRyq0r2zsG8AcRHWknc9QRA5XCueC7gWMrs+Gx2tlZn9hcl8zudfh00lhJPY1DE7NmZ6bDsT9g2yey8mXljA==",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0",
|
||||
"bin": {
|
||||
"playwright-core": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=20"
|
||||
}
|
||||
},
|
||||
"node_modules/playwright/node_modules/fsevents": {
|
||||
"version": "2.3.2",
|
||||
"resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz",
|
||||
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
|
||||
"dev": true,
|
||||
"hasInstallScript": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
],
|
||||
"engines": {
|
||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss": {
|
||||
"version": "8.5.21",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.21.tgz",
|
||||
@@ -2554,6 +2753,16 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/progress": {
|
||||
"version": "2.0.3",
|
||||
"resolved": "https://registry.npmmirror.com/progress/-/progress-2.0.3.tgz",
|
||||
"integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/prop-types": {
|
||||
"version": "15.8.1",
|
||||
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
|
||||
@@ -2650,35 +2859,41 @@
|
||||
}
|
||||
},
|
||||
"node_modules/react-router": {
|
||||
"version": "6.30.4",
|
||||
"resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.4.tgz",
|
||||
"integrity": "sha512-SVUsDe+DybHM/WmYKIVYhZh1o5Dcuf16yM6WjG02Q9XVFMZIJyHYhwrr6bFBXZkVP6z69kNkMyBCujt8FaFLJA==",
|
||||
"version": "7.18.1",
|
||||
"resolved": "https://registry.npmmirror.com/react-router/-/react-router-7.18.1.tgz",
|
||||
"integrity": "sha512-GDLgg3i3uM0aeJO3Fm+TCS+sDQ7gu12T6x0qdTEzcwqEfleci7JwugVNIF3U//0FWKnJT7ptG+20B2jfDqnZAg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@remix-run/router": "1.23.3"
|
||||
"cookie": "^1.0.1",
|
||||
"set-cookie-parser": "^2.6.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
"node": ">=20.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8"
|
||||
"react": ">=18",
|
||||
"react-dom": ">=18"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/react-router-dom": {
|
||||
"version": "6.30.4",
|
||||
"resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.4.tgz",
|
||||
"integrity": "sha512-q4HvNl+mmDdkS0g+MqiBZNteQJCuimWoOyHMy4T/RQLAn9Z29+E91QXRaxOujeMl2HTzRSS0KFPd7lxX3PjV0Q==",
|
||||
"version": "7.18.1",
|
||||
"resolved": "https://registry.npmmirror.com/react-router-dom/-/react-router-dom-7.18.1.tgz",
|
||||
"integrity": "sha512-KaZh+X/6UtEp28x51AUYZDMg9NGoz2ja3dNHa+ta/tk40vCzKhQ/RypCWBMLbmDr6//E24Vv5uPsrqXFozdkAg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@remix-run/router": "1.23.3",
|
||||
"react-router": "6.30.4"
|
||||
"react-router": "7.18.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
"node": ">=20.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8",
|
||||
"react-dom": ">=16.8"
|
||||
"react": ">=18",
|
||||
"react-dom": ">=18"
|
||||
}
|
||||
},
|
||||
"node_modules/react-smooth": {
|
||||
@@ -2722,6 +2937,21 @@
|
||||
"pify": "^2.3.0"
|
||||
}
|
||||
},
|
||||
"node_modules/readable-stream": {
|
||||
"version": "3.6.2",
|
||||
"resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
|
||||
"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"inherits": "^2.0.3",
|
||||
"string_decoder": "^1.1.1",
|
||||
"util-deprecate": "^1.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/readdirp": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
|
||||
@@ -2870,6 +3100,27 @@
|
||||
"queue-microtask": "^1.2.2"
|
||||
}
|
||||
},
|
||||
"node_modules/safe-buffer": {
|
||||
"version": "5.2.1",
|
||||
"resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
|
||||
"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/feross"
|
||||
},
|
||||
{
|
||||
"type": "patreon",
|
||||
"url": "https://www.patreon.com/feross"
|
||||
},
|
||||
{
|
||||
"type": "consulting",
|
||||
"url": "https://feross.org/support"
|
||||
}
|
||||
],
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/scheduler": {
|
||||
"version": "0.23.2",
|
||||
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
|
||||
@@ -2889,6 +3140,12 @@
|
||||
"semver": "bin/semver.js"
|
||||
}
|
||||
},
|
||||
"node_modules/set-cookie-parser": {
|
||||
"version": "2.7.2",
|
||||
"resolved": "https://registry.npmmirror.com/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
|
||||
"integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/source-map-js": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
|
||||
@@ -2899,6 +3156,16 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/string_decoder": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
|
||||
"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"safe-buffer": "~5.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/sucrase": {
|
||||
"version": "3.35.1",
|
||||
"resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
|
||||
@@ -3080,6 +3347,13 @@
|
||||
"dev": true,
|
||||
"license": "Apache-2.0"
|
||||
},
|
||||
"node_modules/typedarray": {
|
||||
"version": "0.0.6",
|
||||
"resolved": "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz",
|
||||
"integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/typescript": {
|
||||
"version": "5.9.3",
|
||||
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
|
||||
|
||||
+7
-3
@@ -3,12 +3,14 @@
|
||||
"private": true,
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"description": "灵犀跨境 - 跨境AI经营服务平台前端（演示环境，Mock数据）",
|
||||
"description": "灵犀跨境 - Telegram 跨境 AI 客户经营平台",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc --noEmit && vite build",
|
||||
"preview": "vite preview",
|
||||
"typecheck": "tsc --noEmit"
|
||||
"typecheck": "tsc --noEmit",
|
||||
"test:e2e": "playwright test",
|
||||
"test:e2e:update": "playwright test --update-snapshots"
|
||||
},
|
||||
"dependencies": {
|
||||
"@hookform/resolvers": "^3.9.1",
|
||||
@@ -19,18 +21,20 @@
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-hook-form": "^7.54.0",
|
||||
"react-router-dom": "^6.28.0",
|
||||
"react-router-dom": "^7.18.1",
|
||||
"recharts": "^2.15.0",
|
||||
"tailwind-merge": "^2.5.5",
|
||||
"zod": "^3.24.1",
|
||||
"zustand": "^4.5.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.62.0",
|
||||
"@types/node": "^22.10.2",
|
||||
"@types/react": "^18.3.14",
|
||||
"@types/react-dom": "^18.3.2",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"ffmpeg-static": "^5.3.0",
|
||||
"postcss": "^8.4.49",
|
||||
"tailwindcss": "^3.4.16",
|
||||
"typescript": "^5.7.2",
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
import { defineConfig, devices } from '@playwright/test'
|
||||
|
||||
export default defineConfig({
|
||||
testDir: './tests/e2e',
|
||||
timeout: 30_000,
|
||||
expect: { timeout: 10_000 },
|
||||
fullyParallel: false,
|
||||
retries: 0,
|
||||
reporter: [['list'], ['html', { outputFolder: 'playwright-report', open: 'never' }]],
|
||||
use: {
|
||||
baseURL: process.env.E2E_BASE_URL || 'http://127.0.0.1:8088',
|
||||
trace: 'retain-on-failure',
|
||||
screenshot: 'only-on-failure',
|
||||
},
|
||||
projects: [
|
||||
{ name: 'desktop-chromium', use: { ...devices['Desktop Chrome'] } },
|
||||
{ name: 'mobile-chromium', use: { ...devices['Pixel 7'] } },
|
||||
],
|
||||
outputDir: 'test-results',
|
||||
})
|
||||
@@ -0,0 +1,8 @@
|
||||
FROM node:20-alpine
|
||||
WORKDIR /app
|
||||
COPY package*.json ./
|
||||
RUN npm ci --omit=dev
|
||||
COPY src ./src
|
||||
ENV NODE_ENV=production
|
||||
EXPOSE 3100
|
||||
CMD ["npm", "start"]
|
||||
Generated
+1477
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"name": "lingxi-crossborder-api",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"start": "node src/index.js",
|
||||
"test": "node --test test/business.test.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"bcryptjs": "^2.4.3",
|
||||
"cors": "^2.8.5",
|
||||
"express": "^5.1.0",
|
||||
"helmet": "^8.1.0",
|
||||
"jsonwebtoken": "^9.0.2",
|
||||
"mammoth": "^1.9.0",
|
||||
"nodemailer": "^7.0.5",
|
||||
"pdf-parse": "^1.1.1",
|
||||
"pg": "^8.13.1"
|
||||
,"ws": "^8.18.3"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
function contentText(payload) {
|
||||
return payload?.content?.map((part) => part.text || '').join('') || ''
|
||||
}
|
||||
|
||||
function parseJson(text) {
|
||||
const cleaned = text.replace(/^```(?:json)?/i, '').replace(/```$/, '').trim()
|
||||
return JSON.parse(cleaned)
|
||||
}
|
||||
|
||||
export async function deepseek(system, user, json = false) {
|
||||
const apiKey = process.env.DEEPSEEK_API_KEY
|
||||
if (!apiKey) throw Object.assign(new Error('DEEPSEEK_API_KEY 尚未配置'), { status: 503 })
|
||||
const controller = new AbortController()
|
||||
const timeout = setTimeout(() => controller.abort(), Number(process.env.AI_TIMEOUT_MS || 45000))
|
||||
try {
|
||||
const response = await fetch(`${(process.env.DEEPSEEK_BASE_URL || 'https://api.deepseek.com/anthropic').replace(/\/$/, '')}/v1/messages`, {
|
||||
method: 'POST',
|
||||
signal: controller.signal,
|
||||
headers: {
|
||||
'content-type': 'application/json',
|
||||
'x-api-key': apiKey,
|
||||
'anthropic-version': '2023-06-01',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
model: process.env.DEEPSEEK_MODEL || 'deepseek-v4-flash',
|
||||
max_tokens: Number(process.env.AI_MAX_TOKENS || 4096),
|
||||
temperature: json ? 0.1 : 0.3,
|
||||
system,
|
||||
messages: [{ role: 'user', content: [{ type: 'text', text: user }] }],
|
||||
}),
|
||||
})
|
||||
const body = await response.json()
|
||||
if (!response.ok) throw Object.assign(new Error(body?.error?.message || `AI 请求失败 (${response.status})`), { status: 502 })
|
||||
const text = contentText(body)
|
||||
return json ? parseJson(text) : text
|
||||
} finally {
|
||||
clearTimeout(timeout)
|
||||
}
|
||||
}
|
||||
|
||||
export function conversationContext(messages) {
|
||||
return messages.slice(-80).map((m) => {
|
||||
const role = m.sender === 'agent' ? '坐席' : m.sender === 'system' ? '系统' : '客户'
|
||||
const content = m.originalText || m.attachmentName || `[${m.type || '消息'}]`
|
||||
const translation = m.translatedText && m.translatedText !== content ? `（译文：${m.translatedText}）` : ''
|
||||
return `${m.createdAt || ''} ${role}: ${content}${translation}`
|
||||
}).join('\n')
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
export function telegramAttachment(content = {}) {
|
||||
const type = content['@type']
|
||||
if (type === 'messagePhoto') {
|
||||
const sizes = Array.isArray(content.photo?.sizes) ? content.photo.sizes : []
|
||||
const file = sizes.at(-1)?.photo
|
||||
return file?.id ? {
|
||||
telegramFileId: Number(file.id),
|
||||
attachmentName: `telegram-photo-${file.id}.jpg`,
|
||||
attachmentMimeType: 'image/jpeg',
|
||||
attachmentSize: Number(file.size || file.expected_size || 0),
|
||||
} : {}
|
||||
}
|
||||
if (type === 'messageDocument') {
|
||||
const document = content.document || {}
|
||||
const file = document.document
|
||||
return file?.id ? {
|
||||
telegramFileId: Number(file.id),
|
||||
attachmentName: document.file_name || `document-${file.id}`,
|
||||
attachmentMimeType: document.mime_type || 'application/octet-stream',
|
||||
attachmentSize: Number(file.size || file.expected_size || 0),
|
||||
} : {}
|
||||
}
|
||||
if (type === 'messageVoiceNote') {
|
||||
const file = content.voice_note?.voice
|
||||
return file?.id ? {
|
||||
telegramFileId: Number(file.id),
|
||||
attachmentName: `voice-${file.id}.ogg`,
|
||||
attachmentMimeType: content.voice_note?.mime_type || 'audio/ogg',
|
||||
attachmentSize: Number(file.size || file.expected_size || 0),
|
||||
duration: Number(content.voice_note?.duration || 0),
|
||||
} : {}
|
||||
}
|
||||
if (type === 'messageAudio') {
|
||||
const audio = content.audio || {}
|
||||
const file = audio.audio
|
||||
return file?.id ? {
|
||||
telegramFileId: Number(file.id),
|
||||
attachmentName: audio.file_name || audio.title || `audio-${file.id}`,
|
||||
attachmentMimeType: audio.mime_type || 'audio/mpeg',
|
||||
attachmentSize: Number(file.size || file.expected_size || 0),
|
||||
duration: Number(audio.duration || 0),
|
||||
} : {}
|
||||
}
|
||||
if (type === 'messageSticker') {
|
||||
const sticker = content.sticker || {}
|
||||
const file = sticker.sticker
|
||||
const format = sticker.format?.['@type']
|
||||
const extension = format === 'stickerFormatTgs' ? 'tgs' : format === 'stickerFormatWebm' ? 'webm' : 'webp'
|
||||
return file?.id ? {
|
||||
telegramFileId: Number(file.id),
|
||||
attachmentName: `sticker-${file.id}.${extension}`,
|
||||
attachmentMimeType: extension === 'webp' ? 'image/webp' : extension === 'webm' ? 'video/webm' : 'application/x-tgsticker',
|
||||
attachmentSize: Number(file.size || file.expected_size || 0),
|
||||
stickerEmoji: sticker.emoji || '',
|
||||
} : {}
|
||||
}
|
||||
return {}
|
||||
}
|
||||
|
||||
export const dateKey = (value = Date.now()) => {
|
||||
const date = new Date(value)
|
||||
return Number.isNaN(date.getTime()) ? '' : date.toISOString().slice(0, 10)
|
||||
}
|
||||
|
||||
export const percent = (numerator, denominator) =>
|
||||
denominator ? Math.round((numerator / denominator) * 1000) / 10 : 0
|
||||
|
||||
export const countBy = (list, key) => {
|
||||
const counts = new Map()
|
||||
for (const item of list) {
|
||||
const value = typeof key === 'function' ? key(item) : item[key]
|
||||
if (!value) continue
|
||||
counts.set(String(value), (counts.get(String(value)) || 0) + 1)
|
||||
}
|
||||
return counts
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
import pg from 'pg'
|
||||
import crypto from 'node:crypto'
|
||||
|
||||
const { Pool } = pg
|
||||
export const pool = new Pool({ connectionString: process.env.DATABASE_URL })
|
||||
|
||||
export async function migrate() {
|
||||
await pool.query(`
|
||||
CREATE TABLE IF NOT EXISTS tenants (
|
||||
id uuid PRIMARY KEY, name text NOT NULL, industry text NOT NULL DEFAULT '',
|
||||
size text NOT NULL DEFAULT '', country text NOT NULL DEFAULT 'CN',
|
||||
plan text NOT NULL DEFAULT 'pro', created_at timestamptz NOT NULL DEFAULT now()
|
||||
);
|
||||
CREATE TABLE IF NOT EXISTS users (
|
||||
id uuid PRIMARY KEY, tenant_id uuid NOT NULL REFERENCES tenants(id) ON DELETE CASCADE,
|
||||
name text NOT NULL, account text NOT NULL UNIQUE, password_hash text NOT NULL,
|
||||
phone text NOT NULL DEFAULT '', role text NOT NULL DEFAULT 'admin',
|
||||
department text NOT NULL DEFAULT '', title text NOT NULL DEFAULT '',
|
||||
status text NOT NULL DEFAULT 'active', last_login_at timestamptz, created_at timestamptz NOT NULL DEFAULT now()
|
||||
);
|
||||
CREATE TABLE IF NOT EXISTS resources (
|
||||
tenant_id uuid NOT NULL REFERENCES tenants(id) ON DELETE CASCADE,
|
||||
kind text NOT NULL, id text NOT NULL, data jsonb NOT NULL,
|
||||
created_at timestamptz NOT NULL DEFAULT now(), updated_at timestamptz NOT NULL DEFAULT now(),
|
||||
PRIMARY KEY (tenant_id, kind, id)
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS resources_kind_idx ON resources(tenant_id, kind, updated_at DESC);
|
||||
CREATE TABLE IF NOT EXISTS telegram_bindings (
|
||||
id uuid PRIMARY KEY, tenant_id uuid NOT NULL REFERENCES tenants(id) ON DELETE CASCADE,
|
||||
gateway_account_id text, phone text, display_name text,
|
||||
status text NOT NULL DEFAULT 'unconnected', auth_state text,
|
||||
created_at timestamptz NOT NULL DEFAULT now(), updated_at timestamptz NOT NULL DEFAULT now()
|
||||
);
|
||||
CREATE TABLE IF NOT EXISTS audit_logs (
|
||||
id uuid PRIMARY KEY, tenant_id uuid, user_id uuid, action text NOT NULL,
|
||||
target text NOT NULL DEFAULT '', detail jsonb NOT NULL DEFAULT '{}',
|
||||
ip text NOT NULL DEFAULT '', created_at timestamptz NOT NULL DEFAULT now()
|
||||
);
|
||||
CREATE TABLE IF NOT EXISTS login_records (
|
||||
id uuid PRIMARY KEY, tenant_id uuid REFERENCES tenants(id) ON DELETE CASCADE,
|
||||
user_id uuid REFERENCES users(id) ON DELETE SET NULL, account text NOT NULL DEFAULT '',
|
||||
device text NOT NULL DEFAULT '', ip text NOT NULL DEFAULT '',
|
||||
status text NOT NULL, created_at timestamptz NOT NULL DEFAULT now()
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS login_records_tenant_idx ON login_records(tenant_id, created_at DESC);
|
||||
ALTER TABLE users ADD COLUMN IF NOT EXISTS token_version integer NOT NULL DEFAULT 0;
|
||||
`)
|
||||
}
|
||||
|
||||
export const uid = () => crypto.randomUUID()
|
||||
|
||||
export async function listResources(tenantId, kind) {
|
||||
const { rows } = await pool.query(
|
||||
'SELECT data FROM resources WHERE tenant_id=$1 AND kind=$2 ORDER BY updated_at DESC',
|
||||
[tenantId, kind],
|
||||
)
|
||||
return rows.map((row) => row.data)
|
||||
}
|
||||
|
||||
export async function getResource(tenantId, kind, id) {
|
||||
const { rows } = await pool.query(
|
||||
'SELECT data FROM resources WHERE tenant_id=$1 AND kind=$2 AND id=$3',
|
||||
[tenantId, kind, id],
|
||||
)
|
||||
return rows[0]?.data ?? null
|
||||
}
|
||||
|
||||
export async function putResource(tenantId, kind, value) {
|
||||
const data = { ...value, id: value.id || uid(), updatedAt: new Date().toISOString() }
|
||||
await pool.query(
|
||||
`INSERT INTO resources(tenant_id,kind,id,data) VALUES($1,$2,$3,$4)
|
||||
ON CONFLICT(tenant_id,kind,id) DO UPDATE SET data=$4,updated_at=now()`,
|
||||
[tenantId, kind, data.id, data],
|
||||
)
|
||||
return data
|
||||
}
|
||||
|
||||
export async function patchResource(tenantId, kind, id, patch) {
|
||||
const current = await getResource(tenantId, kind, id)
|
||||
if (!current) return null
|
||||
return putResource(tenantId, kind, { ...current, ...patch, id })
|
||||
}
|
||||
|
||||
export async function deleteResource(tenantId, kind, id) {
|
||||
const result = await pool.query(
|
||||
'DELETE FROM resources WHERE tenant_id=$1 AND kind=$2 AND id=$3',
|
||||
[tenantId, kind, id],
|
||||
)
|
||||
return result.rowCount > 0
|
||||
}
|
||||
|
||||
export async function audit(req, action, target, detail = {}) {
|
||||
await pool.query(
|
||||
'INSERT INTO audit_logs(id,tenant_id,user_id,action,target,detail,ip) VALUES($1,$2,$3,$4,$5,$6,$7)',
|
||||
[uid(), req.auth?.tenantId ?? null, req.auth?.userId ?? null, action, target, detail, req.ip],
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
const base = () => (process.env.TELEGRAM_GATEWAY_URL || 'http://host.docker.internal:3000/api').replace(/\/$/, '')
|
||||
|
||||
let gatewayToken = process.env.TELEGRAM_GATEWAY_TOKEN || ''
|
||||
let refreshPromise
|
||||
|
||||
function tokenExpiresSoon(token) {
|
||||
try {
|
||||
const payload = JSON.parse(Buffer.from(token.split('.')[1], 'base64url').toString('utf8'))
|
||||
return !payload.exp || payload.exp * 1000 < Date.now() + 5 * 60 * 1000
|
||||
} catch {
|
||||
return true
|
||||
}
|
||||
}
|
||||
|
||||
async function refreshGatewayToken() {
|
||||
if (refreshPromise) return refreshPromise
|
||||
refreshPromise = (async () => {
|
||||
const email = process.env.TELEGRAM_GATEWAY_SERVICE_EMAIL
|
||||
const password = process.env.TELEGRAM_GATEWAY_SERVICE_PASSWORD
|
||||
const tenantId = process.env.TELEGRAM_GATEWAY_TENANT_ID
|
||||
if (!email || !password || !tenantId) {
|
||||
throw Object.assign(new Error('Telegram 网关服务账号凭据尚未配置'), { status: 503 })
|
||||
}
|
||||
const response = await fetch(`${base()}/auth/login`, {
|
||||
method: 'POST',
|
||||
headers: { 'content-type': 'application/json' },
|
||||
body: JSON.stringify({ email, password, tenantId }),
|
||||
})
|
||||
const raw = await response.text()
|
||||
let result
|
||||
try { result = raw ? JSON.parse(raw) : null } catch { result = raw }
|
||||
const token = result?.data?.token || result?.token
|
||||
if (!response.ok || !token) {
|
||||
throw Object.assign(new Error(result?.message || 'Telegram 网关服务账号续签失败'), { status: response.status || 503 })
|
||||
}
|
||||
gatewayToken = token
|
||||
return token
|
||||
})().finally(() => { refreshPromise = undefined })
|
||||
return refreshPromise
|
||||
}
|
||||
|
||||
export async function gatewayRequest(path, options = {}) {
|
||||
const tenantId = process.env.TELEGRAM_GATEWAY_TENANT_ID
|
||||
if (!tenantId) throw Object.assign(new Error('Telegram 网关租户尚未配置'), { status: 503 })
|
||||
if (!gatewayToken || tokenExpiresSoon(gatewayToken)) await refreshGatewayToken()
|
||||
const send = () => fetch(`${base()}${path}`, {
|
||||
...options,
|
||||
headers: {
|
||||
...(options.body instanceof FormData ? {} : { 'content-type': 'application/json' }),
|
||||
authorization: `Bearer ${gatewayToken}`,
|
||||
'x-tenant-id': tenantId,
|
||||
...(options.headers || {}),
|
||||
},
|
||||
})
|
||||
let response = await send()
|
||||
if (response.status === 401) {
|
||||
await refreshGatewayToken()
|
||||
response = await send()
|
||||
}
|
||||
const raw = await response.text()
|
||||
let result
|
||||
try { result = raw ? JSON.parse(raw) : null } catch { result = raw }
|
||||
if (!response.ok) {
|
||||
throw Object.assign(new Error(result?.message || `Telegram 网关请求失败 (${response.status})`), { status: response.status })
|
||||
}
|
||||
return result?.data ?? result
|
||||
}
|
||||
|
||||
export function postGateway(path, body) {
|
||||
return gatewayRequest(path, { method: 'POST', body: JSON.stringify(body) })
|
||||
}
|
||||
|
||||
export function putGateway(path, body) {
|
||||
return gatewayRequest(path, { method: 'PUT', body: JSON.stringify(body) })
|
||||
}
|
||||
|
||||
export function uploadGateway(path, formData) {
|
||||
return gatewayRequest(path, { method: 'POST', body: formData })
|
||||
}
|
||||
+1754
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,44 @@
|
||||
import test from 'node:test'
|
||||
import assert from 'node:assert/strict'
|
||||
import { countBy, dateKey, percent, telegramAttachment } from '../src/business.js'
|
||||
|
||||
test('Telegram 图片、文档、语音和贴纸映射为可下载文件', () => {
|
||||
assert.deepEqual(
|
||||
telegramAttachment({
|
||||
'@type': 'messagePhoto',
|
||||
photo: { sizes: [{ photo: { id: 11, size: 2048 } }] },
|
||||
}),
|
||||
{
|
||||
telegramFileId: 11,
|
||||
attachmentName: 'telegram-photo-11.jpg',
|
||||
attachmentMimeType: 'image/jpeg',
|
||||
attachmentSize: 2048,
|
||||
},
|
||||
)
|
||||
|
||||
assert.equal(telegramAttachment({
|
||||
'@type': 'messageDocument',
|
||||
document: { file_name: 'quote.pdf', mime_type: 'application/pdf', document: { id: 12, size: 4096 } },
|
||||
}).attachmentMimeType, 'application/pdf')
|
||||
|
||||
assert.equal(telegramAttachment({
|
||||
'@type': 'messageVoiceNote',
|
||||
voice_note: { duration: 8, voice: { id: 13, expected_size: 1024 } },
|
||||
}).duration, 8)
|
||||
|
||||
assert.equal(telegramAttachment({
|
||||
'@type': 'messageSticker',
|
||||
sticker: { emoji: '👍', format: { '@type': 'stickerFormatWebp' }, sticker: { id: 14, size: 512 } },
|
||||
}).attachmentMimeType, 'image/webp')
|
||||
})
|
||||
|
||||
test('业务指标工具处理百分比、分组和无效日期', () => {
|
||||
assert.equal(percent(3, 8), 37.5)
|
||||
assert.equal(percent(1, 0), 0)
|
||||
assert.equal(dateKey('invalid'), '')
|
||||
assert.equal(dateKey('2026-07-27T12:30:00Z'), '2026-07-27')
|
||||
assert.deepEqual(
|
||||
Object.fromEntries(countBy([{ stage: 'new' }, { stage: 'new' }, { stage: 'won' }], 'stage')),
|
||||
{ new: 2, won: 1 },
|
||||
)
|
||||
})
|
||||
@@ -5,14 +5,12 @@ import type { ReactNode } from 'react'
|
||||
|
||||
import { LoginPage } from '@/pages/auth/LoginPage'
|
||||
import { RegisterPage } from '@/pages/auth/RegisterPage'
|
||||
import { OnboardingPage } from '@/pages/onboarding/OnboardingPage'
|
||||
import { DashboardPage } from '@/pages/dashboard/DashboardPage'
|
||||
import { InboxPage } from '@/pages/inbox/InboxPage'
|
||||
import { CustomersPage } from '@/pages/customers/CustomersPage'
|
||||
import { CustomerDetailPage } from '@/pages/customers/CustomerDetailPage'
|
||||
import { OpportunitiesPage } from '@/pages/opportunities/OpportunitiesPage'
|
||||
import { TranslatePage } from '@/pages/translate/TranslatePage'
|
||||
import { InterpretPage } from '@/pages/interpret/InterpretPage'
|
||||
import { RisksPage } from '@/pages/risks/RisksPage'
|
||||
import { KnowledgePage } from '@/pages/knowledge/KnowledgePage'
|
||||
import { AnalyticsPage } from '@/pages/analytics/AnalyticsPage'
|
||||
@@ -38,14 +36,6 @@ function GuestOnly({ children }: { children: ReactNode }) {
|
||||
const router = createBrowserRouter([
|
||||
{ path: '/login', element: <GuestOnly><LoginPage /></GuestOnly> },
|
||||
{ path: '/register', element: <GuestOnly><RegisterPage /></GuestOnly> },
|
||||
{
|
||||
path: '/onboarding',
|
||||
element: (
|
||||
<RequireAuth>
|
||||
<OnboardingPage />
|
||||
</RequireAuth>
|
||||
),
|
||||
},
|
||||
{
|
||||
path: '/',
|
||||
element: (
|
||||
@@ -61,7 +51,6 @@ const router = createBrowserRouter([
|
||||
{ path: 'customers/:id', element: <CustomerDetailPage /> },
|
||||
{ path: 'opportunities', element: <OpportunitiesPage /> },
|
||||
{ path: 'translate', element: <TranslatePage /> },
|
||||
{ path: 'interpret', element: <InterpretPage /> },
|
||||
{ path: 'risks', element: <RisksPage /> },
|
||||
{ path: 'knowledge', element: <KnowledgePage /> },
|
||||
{ path: 'analytics', element: <AnalyticsPage /> },
|
||||
|
||||
@@ -2,7 +2,6 @@ import { create } from 'zustand'
|
||||
import { persist } from 'zustand/middleware'
|
||||
import type { AuthSession, Tenant, User } from '@/types'
|
||||
import type { RoleKey } from '@/config/roles'
|
||||
import { ROLE_META } from '@/config/roles'
|
||||
import { setTokenGetter } from '@/services/api/client'
|
||||
|
||||
interface AuthState {
|
||||
@@ -12,8 +11,6 @@ interface AuthState {
|
||||
onboarded: boolean
|
||||
setSession: (session: AuthSession) => void
|
||||
logout: () => void
|
||||
/** 演示用：切换当前用户角色以预览不同权限 */
|
||||
switchRole: (role: RoleKey) => void
|
||||
setOnboarded: (v: boolean) => void
|
||||
}
|
||||
|
||||
@@ -27,8 +24,6 @@ export const useAuthStore = create<AuthState>()(
|
||||
setSession: (session) =>
|
||||
set({ token: session.token, user: session.user, tenant: session.tenant, onboarded: session.onboarded }),
|
||||
logout: () => set({ token: null, user: null, tenant: null }),
|
||||
switchRole: (role) =>
|
||||
set((s) => (s.user ? { user: { ...s.user, role, title: ROLE_META[role].label } } : s)),
|
||||
setOnboarded: (v) => set({ onboarded: v }),
|
||||
}),
|
||||
{ name: 'lx-auth' },
|
||||
|
||||
@@ -15,7 +15,7 @@ import {
|
||||
YAxis,
|
||||
} from 'recharts'
|
||||
import { Card, CardHeader } from '@/components/ui/card'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { LiveDataBadge } from '@/components/common/LiveDataBadge'
|
||||
import { cn } from '@/utils/cn'
|
||||
|
||||
export const CHART_COLORS = ['#247b71', '#32998c', '#52b3a5', '#83cfc2', '#f59e0b', '#3b82f6', '#8b5cf6', '#94a3b8']
|
||||
@@ -43,7 +43,7 @@ export function ChartCard({
|
||||
<h3 className="text-sm font-semibold">{title}</h3>
|
||||
{description && <p className="mt-0.5 text-xs text-muted-foreground">{description}</p>}
|
||||
</div>
|
||||
{action ?? <DemoNote />}
|
||||
{action ?? <LiveDataBadge />}
|
||||
</div>
|
||||
</CardHeader>
|
||||
<div className="p-3" style={{ height }}>
|
||||
|
||||
@@ -1,18 +0,0 @@
|
||||
import { Info } from 'lucide-react'
|
||||
import { cn } from '@/utils/cn'
|
||||
|
||||
/** “演示数据”标注 */
|
||||
export function DemoNote({ className, text = '演示数据' }: { className?: string; text?: string }) {
|
||||
return (
|
||||
<span
|
||||
className={cn(
|
||||
'inline-flex items-center gap-1 rounded bg-amber-50 px-1.5 py-0.5 text-[11px] text-amber-600',
|
||||
className,
|
||||
)}
|
||||
title="当前环境使用模拟数据演示，接入真实后端后显示真实经营数据"
|
||||
>
|
||||
<Info className="h-3 w-3" />
|
||||
{text}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
import { Radio } from 'lucide-react'
|
||||
import { cn } from '@/utils/cn'
|
||||
|
||||
export function LiveDataBadge({ className, text = '实时数据' }: { className?: string; text?: string }) {
|
||||
return (
|
||||
<span
|
||||
className={cn(
|
||||
'inline-flex items-center gap-1 rounded-full bg-emerald-50 px-2 py-0.5 text-[11px] font-medium text-emerald-700',
|
||||
className,
|
||||
)}
|
||||
title="指标由当前企业真实业务数据实时计算"
|
||||
>
|
||||
<Radio className="h-3 w-3" />
|
||||
{text}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useMutation } from '@tanstack/react-query'
|
||||
import { Sparkles, Copy, Edit, Check, Lightbulb, Globe, AlertTriangle, BookOpen } from 'lucide-react'
|
||||
import { Sparkles, Copy, Edit, Check, Lightbulb, Globe, AlertTriangle, BookOpen, X } from 'lucide-react'
|
||||
import { generateReplies } from '@/services/api/ai'
|
||||
import type { AiReplySuggestion } from '@/types/ai'
|
||||
import { Button } from '@/components/ui/button'
|
||||
@@ -19,12 +19,15 @@ export function AiReplies({
|
||||
conversationId,
|
||||
onAdopt,
|
||||
onEdit,
|
||||
onClose,
|
||||
}: {
|
||||
conversationId: string
|
||||
onAdopt: (content: string) => void
|
||||
onEdit: (content: string) => void
|
||||
onClose: () => void
|
||||
}) {
|
||||
const [items, setItems] = useState<AiReplySuggestion[] | null>(null)
|
||||
useEffect(() => setItems(null), [conversationId])
|
||||
|
||||
const mutation = useMutation({
|
||||
mutationFn: () => generateReplies(conversationId),
|
||||
@@ -42,21 +45,26 @@ export function AiReplies({
|
||||
<Sparkles className="h-3.5 w-3.5 text-primary" />
|
||||
AI 智能回复
|
||||
</h4>
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => mutation.mutate()}
|
||||
disabled={mutation.isPending}
|
||||
>
|
||||
{mutation.isPending ? (
|
||||
<>
|
||||
<Spinner className="h-3 w-3" />
|
||||
正在生成…
|
||||
</>
|
||||
) : (
|
||||
'生成回复建议'
|
||||
)}
|
||||
</Button>
|
||||
<div className="flex items-center gap-1">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => mutation.mutate()}
|
||||
disabled={mutation.isPending}
|
||||
>
|
||||
{mutation.isPending ? (
|
||||
<>
|
||||
<Spinner className="h-3 w-3" />
|
||||
正在生成…
|
||||
</>
|
||||
) : (
|
||||
'生成回复建议'
|
||||
)}
|
||||
</Button>
|
||||
<Button variant="ghost" size="icon-sm" onClick={onClose} title="关闭 AI 智能回复">
|
||||
<X className="h-4 w-4" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{mutation.isPending && (
|
||||
@@ -76,7 +84,7 @@ export function AiReplies({
|
||||
{items && items.length > 0 && (
|
||||
<div className="space-y-3">
|
||||
{items.map((s) => {
|
||||
const style = STYLE_LABELS[s.style]
|
||||
const style = STYLE_LABELS[s.style] || STYLE_LABELS.stable
|
||||
return (
|
||||
<div key={s.id} className="rounded-lg border border-border bg-card p-3">
|
||||
<div className="mb-2 flex items-center gap-2">
|
||||
@@ -89,7 +97,7 @@ export function AiReplies({
|
||||
<p className="text-sm leading-relaxed whitespace-pre-wrap">{s.content}</p>
|
||||
|
||||
<div className="mt-2 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground">
|
||||
{s.knowledgeRefs.slice(0, 2).map((ref) => (
|
||||
{(s.knowledgeRefs || []).slice(0, 2).map((ref) => (
|
||||
<span key={ref} className="flex items-center gap-1 rounded bg-muted px-1.5 py-0.5">
|
||||
<BookOpen className="h-3 w-3" />
|
||||
{ref}
|
||||
|
||||
@@ -10,6 +10,8 @@ import {
|
||||
Shrink,
|
||||
Expand,
|
||||
ChevronDown,
|
||||
Reply,
|
||||
X,
|
||||
} from 'lucide-react'
|
||||
import { Segmented } from '@/components/ui/tabs'
|
||||
import { Button } from '@/components/ui/button'
|
||||
@@ -39,27 +41,52 @@ const TONES = [
|
||||
|
||||
export function Composer({
|
||||
onSend,
|
||||
onMedia,
|
||||
value,
|
||||
onChange,
|
||||
disabled,
|
||||
replyingTo,
|
||||
onCancelReply,
|
||||
}: {
|
||||
onSend: (text: string, translatedText?: string) => Promise<void>
|
||||
onSend: (text: string, autoTranslate?: boolean) => Promise<void>
|
||||
onMedia?: (files: File[], kind: 'document' | 'photo' | 'audio' | 'voice' | 'sticker') => Promise<void>
|
||||
value?: string
|
||||
onChange?: (text: string) => void
|
||||
disabled?: boolean
|
||||
replyingTo?: { id: string; text: string } | null
|
||||
onCancelReply?: () => void
|
||||
}) {
|
||||
const [text, setText] = useState('')
|
||||
const [internalText, setInternalText] = useState('')
|
||||
const [sending, setSending] = useState(false)
|
||||
const [mode, setMode] = useState<'text' | 'preview'>('text')
|
||||
const [previewText, setPreviewText] = useState('')
|
||||
const [confirmBeforeSend, setConfirmBeforeSend] = useState(true)
|
||||
const [autoTranslate, setAutoTranslate] = useState(true)
|
||||
const [aiLoading, setAiLoading] = useState(false)
|
||||
const text = value ?? internalText
|
||||
const setText = onChange ?? setInternalText
|
||||
const textarea = useRef<HTMLTextAreaElement>(null)
|
||||
const documentInput = useRef<HTMLInputElement>(null)
|
||||
const imageInput = useRef<HTMLInputElement>(null)
|
||||
const audioInput = useRef<HTMLInputElement>(null)
|
||||
const stickerInput = useRef<HTMLInputElement>(null)
|
||||
|
||||
const send = async () => {
|
||||
const body = confirmBeforeSend ? previewText || text : text
|
||||
if (!body.trim()) return
|
||||
const uploadFiles = async (files: FileList | null, kind: 'document' | 'photo' | 'audio' | 'voice' | 'sticker') => {
|
||||
if (!files?.length || !onMedia) return
|
||||
setSending(true)
|
||||
try {
|
||||
await onSend(body, previewText || undefined)
|
||||
await onMedia(Array.from(files), kind)
|
||||
toast.success(`${files.length} 个文件已发送到 Telegram`)
|
||||
} catch {
|
||||
toast.error('媒体发送失败')
|
||||
} finally {
|
||||
setSending(false)
|
||||
}
|
||||
}
|
||||
|
||||
const send = async () => {
|
||||
if (!text.trim()) return
|
||||
setSending(true)
|
||||
try {
|
||||
await onSend(text, autoTranslate)
|
||||
setText('')
|
||||
setPreviewText('')
|
||||
} finally {
|
||||
setSending(false)
|
||||
}
|
||||
@@ -73,7 +100,7 @@ export function Composer({
|
||||
}
|
||||
|
||||
const insert = (txt: string) => {
|
||||
setText((prev) => (prev ? `${prev}\n${txt}` : txt))
|
||||
setText(text ? `${text}\n${txt}` : txt)
|
||||
textarea.current?.focus()
|
||||
}
|
||||
|
||||
@@ -108,7 +135,7 @@ export function Composer({
|
||||
<span className="mx-1 h-4 w-px bg-border" />
|
||||
<button
|
||||
className="rounded px-1.5 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground"
|
||||
onClick={() => toast.info('文件上传功能已就绪（演示）')}
|
||||
onClick={() => documentInput.current?.click()}
|
||||
title="上传文件"
|
||||
type="button"
|
||||
>
|
||||
@@ -116,7 +143,7 @@ export function Composer({
|
||||
</button>
|
||||
<button
|
||||
className="rounded px-1.5 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground"
|
||||
onClick={() => toast.info('图片上传功能已就绪（演示）')}
|
||||
onClick={() => imageInput.current?.click()}
|
||||
title="上传图片"
|
||||
type="button"
|
||||
>
|
||||
@@ -124,12 +151,24 @@ export function Composer({
|
||||
</button>
|
||||
<button
|
||||
className="rounded px-1.5 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground"
|
||||
onClick={() => toast.info('语音录制功能已就绪（演示）')}
|
||||
onClick={() => audioInput.current?.click()}
|
||||
title="语音输入"
|
||||
type="button"
|
||||
>
|
||||
<Mic className="inline h-3.5 w-3.5" /> 语音
|
||||
</button>
|
||||
<button
|
||||
className="rounded px-1.5 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground"
|
||||
onClick={() => stickerInput.current?.click()}
|
||||
title="发送贴纸"
|
||||
type="button"
|
||||
>
|
||||
贴纸
|
||||
</button>
|
||||
<input ref={documentInput} type="file" className="hidden" onChange={(e) => uploadFiles(e.target.files, 'document')} />
|
||||
<input ref={imageInput} type="file" accept="image/*" multiple className="hidden" onChange={(e) => uploadFiles(e.target.files, 'photo')} />
|
||||
<input ref={audioInput} type="file" accept="audio/*" className="hidden" onChange={(e) => uploadFiles(e.target.files, 'voice')} />
|
||||
<input ref={stickerInput} type="file" accept=".webp,.tgs,.webm" className="hidden" onChange={(e) => uploadFiles(e.target.files, 'sticker')} />
|
||||
<span className="mx-1 h-4 w-px bg-border" />
|
||||
{/* AI 工具 */}
|
||||
{[
|
||||
@@ -164,13 +203,22 @@ export function Composer({
|
||||
<div className="border-t border-border bg-card">
|
||||
{toolbar}
|
||||
<div className="p-3">
|
||||
{replyingTo && (
|
||||
<div className="mb-2 flex items-center gap-2 rounded-lg border-s-2 border-primary bg-primary-50/70 px-3 py-2">
|
||||
<Reply className="h-3.5 w-3.5 shrink-0 text-primary" />
|
||||
<div className="min-w-0 flex-1">
|
||||
<p className="text-[11px] font-medium text-primary">引用回复</p>
|
||||
<p className="truncate text-xs text-muted-foreground">{replyingTo.text}</p>
|
||||
</div>
|
||||
<button type="button" onClick={onCancelReply} className="rounded p-1 hover:bg-primary-100" aria-label="取消引用">
|
||||
<X className="h-3.5 w-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
<textarea
|
||||
ref={textarea}
|
||||
value={text}
|
||||
onChange={(e) => {
|
||||
setText(e.target.value)
|
||||
setPreviewText(e.target.value)
|
||||
}}
|
||||
onChange={(e) => setText(e.target.value)}
|
||||
onKeyDown={handleKeyDown}
|
||||
placeholder="输入回复内容，Enter 发送，Shift+Enter 换行"
|
||||
rows={3}
|
||||
@@ -181,8 +229,8 @@ export function Composer({
|
||||
<div className="mt-2 flex items-center justify-between">
|
||||
<div className="flex items-center gap-3">
|
||||
<label className="flex cursor-pointer items-center gap-1.5 text-xs text-muted-foreground">
|
||||
<Switch checked={confirmBeforeSend} onCheckedChange={setConfirmBeforeSend} />
|
||||
发送前预览
|
||||
<Switch checked={autoTranslate} onCheckedChange={setAutoTranslate} />
|
||||
中文自动译为英文发送
|
||||
</label>
|
||||
{aiLoading && (
|
||||
<Badge variant="primary" className="animate-pulse">
|
||||
|
||||
@@ -0,0 +1,75 @@
|
||||
import { Brain, Building2, ChevronRight } from 'lucide-react'
|
||||
import type { Conversation, Customer, CustomerStage } from '@/types'
|
||||
import { Avatar } from '@/components/ui/avatar'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { CountryFlag } from '@/components/common/CountryFlag'
|
||||
import {
|
||||
CustomerStageBadge,
|
||||
IntentScoreBadge,
|
||||
RiskLevelBadge,
|
||||
SentimentBadge,
|
||||
} from '@/components/common/StatusBadges'
|
||||
|
||||
const validStages = new Set([
|
||||
'initial', 'comparing', 'sample', 'custom', 'closing',
|
||||
'fulfillment', 'aftersales', 'repurchase',
|
||||
])
|
||||
|
||||
export function ConversationInsightBar({
|
||||
customer,
|
||||
conversation,
|
||||
onOpenProfile,
|
||||
}: {
|
||||
customer: Customer
|
||||
conversation: Conversation
|
||||
onOpenProfile: () => void
|
||||
}) {
|
||||
const stage = validStages.has(customer.stage) ? customer.stage : 'initial'
|
||||
const summary = customer.aiProfile?.summary || conversation.summary || 'AI 正在根据会话完善客户画像'
|
||||
|
||||
return (
|
||||
<div data-testid="conversation-insight-bar" className="border-b border-border bg-gradient-to-r from-primary-50/80 via-card to-card px-3 py-2">
|
||||
<div className="flex min-w-0 items-center gap-2.5">
|
||||
<Avatar name={customer.name} src={customer.avatarUrl} size="sm" />
|
||||
<div className="min-w-0">
|
||||
<div className="flex items-center gap-1.5">
|
||||
<span className="max-w-40 truncate text-sm font-semibold">{customer.name}</span>
|
||||
{customer.telegramUsername && (
|
||||
<span className="max-w-32 truncate text-[11px] text-muted-foreground">
|
||||
@{customer.telegramUsername}
|
||||
</span>
|
||||
)}
|
||||
<CountryFlag code={customer.country} withName={false} />
|
||||
{customer.company && (
|
||||
<span className="hidden items-center gap-1 truncate text-xs text-muted-foreground md:flex">
|
||||
<Building2 className="h-3 w-3" /> {customer.company}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<p className="mt-0.5 max-w-[60vw] truncate text-[11px] text-muted-foreground">
|
||||
<Brain className="mr-1 inline h-3 w-3 text-primary" />
|
||||
{summary}
|
||||
</p>
|
||||
</div>
|
||||
<div className="ms-auto hidden items-center gap-2 sm:flex">
|
||||
<span className="flex items-center gap-1 text-xs text-muted-foreground">
|
||||
意向 <IntentScoreBadge score={Number(customer.intentScore || 0)} />
|
||||
</span>
|
||||
<SentimentBadge sentiment={customer.sentiment || 'neutral'} />
|
||||
<CustomerStageBadge stage={stage as CustomerStage} />
|
||||
<RiskLevelBadge level={customer.riskLevel || 'none'} />
|
||||
</div>
|
||||
<Button variant="ghost" size="sm" onClick={onOpenProfile}>
|
||||
<span className="hidden lg:inline">客户画像</span>
|
||||
<ChevronRight className="h-4 w-4" />
|
||||
</Button>
|
||||
</div>
|
||||
<div className="mt-1.5 flex items-center gap-3 overflow-x-auto sm:hidden">
|
||||
<span className="flex shrink-0 items-center gap-1 text-xs">意向 <IntentScoreBadge score={Number(customer.intentScore || 0)} /></span>
|
||||
<SentimentBadge sentiment={customer.sentiment || 'neutral'} />
|
||||
<CustomerStageBadge stage={stage as CustomerStage} />
|
||||
<RiskLevelBadge level={customer.riskLevel || 'none'} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -100,6 +100,8 @@ export function ConversationList({
|
||||
return (
|
||||
<button
|
||||
key={item.id}
|
||||
data-testid="conversation-item"
|
||||
data-conversation-id={item.id}
|
||||
onClick={() => onSelect(item.id)}
|
||||
className={cn(
|
||||
'flex w-full gap-2.5 border-b border-border px-3 py-3 text-start transition-colors',
|
||||
@@ -107,7 +109,7 @@ export function ConversationList({
|
||||
)}
|
||||
>
|
||||
<div className="relative shrink-0">
|
||||
<Avatar name={c.name} size="md" />
|
||||
<Avatar name={c.name} src={c.avatarUrl} size="md" />
|
||||
<span className="absolute -bottom-1 -right-1 rounded-full border border-card bg-card">
|
||||
<ChannelIcon channel={item.channel} size="xs" />
|
||||
</span>
|
||||
@@ -115,6 +117,11 @@ export function ConversationList({
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-1.5">
|
||||
<span className="truncate text-sm font-medium">{c.name}</span>
|
||||
{c.telegramUsername && (
|
||||
<span className="hidden max-w-24 truncate text-[10px] text-muted-foreground xl:inline">
|
||||
@{c.telegramUsername}
|
||||
</span>
|
||||
)}
|
||||
<CountryFlag code={c.country} withName={false} />
|
||||
{item.hasRisk && <ShieldAlert className="h-3.5 w-3.5 shrink-0 text-red-500" />}
|
||||
<span className="ms-auto shrink-0 text-[11px] text-muted-foreground">
|
||||
|
||||
@@ -71,9 +71,12 @@ export function InsightPanel({
|
||||
{/* 客户基本信息 */}
|
||||
<div className="border-b border-border p-4">
|
||||
<div className="mb-3 flex items-center gap-3">
|
||||
<Avatar name={customer.name} size="lg" />
|
||||
<Avatar name={customer.name} src={customer.avatarUrl} size="lg" />
|
||||
<div className="min-w-0 flex-1">
|
||||
<p className="truncate text-sm font-semibold">{customer.name}</p>
|
||||
{customer.telegramUsername && (
|
||||
<p className="truncate text-xs text-primary">@{customer.telegramUsername}</p>
|
||||
)}
|
||||
{customer.company && (
|
||||
<p className="mt-0.5 flex items-center gap-1 text-xs text-muted-foreground">
|
||||
<Building2 className="h-3 w-3" />
|
||||
@@ -164,18 +167,34 @@ export function InsightPanel({
|
||||
<p className="mt-2 text-xs leading-relaxed text-muted-foreground">{analysis}</p>
|
||||
)}
|
||||
{/* AI 提取关键信息 */}
|
||||
{customer.aiProfile.inquiryQuantity && (
|
||||
{Object.values(customer.aiProfile || {}).some(Boolean) && (
|
||||
<div className="mt-3 space-y-1 border-t border-border pt-3">
|
||||
{Object.entries({
|
||||
公司: customer.aiProfile.companyName,
|
||||
行业: customer.aiProfile.industry,
|
||||
商业模式: customer.aiProfile.businessModel,
|
||||
采购角色: customer.aiProfile.purchasingRole,
|
||||
决策权: customer.aiProfile.decisionPower,
|
||||
询价数量: customer.aiProfile.inquiryQuantity,
|
||||
目标价格: customer.aiProfile.targetPrice,
|
||||
预算: customer.aiProfile.budget,
|
||||
MOQ: customer.aiProfile.moqRequirement,
|
||||
样品: customer.aiProfile.sampleNeed,
|
||||
定制: customer.aiProfile.customRequirement,
|
||||
交付: customer.aiProfile.deliveryTime,
|
||||
紧迫程度: customer.aiProfile.urgency,
|
||||
采购周期: customer.aiProfile.purchaseTimeline,
|
||||
物流: customer.aiProfile.logistics,
|
||||
付款: customer.aiProfile.payment,
|
||||
核心需求: customer.aiProfile.keyNeeds?.join('、'),
|
||||
痛点: customer.aiProfile.painPoints?.join('、'),
|
||||
顾虑: customer.aiProfile.concerns?.join('、'),
|
||||
异议: customer.aiProfile.objections?.join('、'),
|
||||
购买信号: customer.aiProfile.buyingSignals?.join('、'),
|
||||
竞品: customer.aiProfile.competitorMentions?.join('、'),
|
||||
沟通风格: customer.aiProfile.communicationStyle,
|
||||
建议语气: customer.aiProfile.recommendedTone,
|
||||
跟进时机: customer.aiProfile.followUpTiming,
|
||||
}).filter(([, v]) => v).map(([k, v]) => (
|
||||
<div key={k} className="flex gap-2 text-xs">
|
||||
<span className="shrink-0 text-muted-foreground">{k}</span>
|
||||
@@ -184,6 +203,26 @@ export function InsightPanel({
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
<div className="mt-3 grid grid-cols-3 gap-2">
|
||||
{[
|
||||
['成交概率', customer.aiProfile.dealProbability],
|
||||
['流失概率', customer.aiProfile.churnProbability],
|
||||
['分析可信度', customer.aiProfile.confidenceScore],
|
||||
].map(([label, value]) => (
|
||||
<div key={String(label)} className="rounded-lg bg-muted/70 px-2 py-2 text-center">
|
||||
<p className="text-[10px] text-muted-foreground">{label}</p>
|
||||
<p className="text-sm font-semibold">{Number(value || 0)}%</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
{customer.aiProfile.evidence?.length ? (
|
||||
<div className="mt-3 border-t border-border pt-3">
|
||||
<p className="text-[11px] font-medium text-muted-foreground">判断依据</p>
|
||||
<ul className="mt-1 space-y-1 text-xs text-muted-foreground">
|
||||
{customer.aiProfile.evidence.map((item) => <li key={item}>• {item}</li>)}
|
||||
</ul>
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
{/* 推荐动作 */}
|
||||
|
||||
@@ -12,14 +12,22 @@ import {
|
||||
ListTodo,
|
||||
BookOpen,
|
||||
MoreHorizontal,
|
||||
Languages,
|
||||
ChevronDown,
|
||||
ChevronUp,
|
||||
Download,
|
||||
FileText,
|
||||
LoaderCircle,
|
||||
} from 'lucide-react'
|
||||
import { useQuery } from '@tanstack/react-query'
|
||||
import type { Message } from '@/types'
|
||||
import { cn } from '@/utils/cn'
|
||||
import { toast } from '@/app/store/toast'
|
||||
import { formatTime } from '@/utils/format'
|
||||
import { languageName } from '@/config/languages'
|
||||
import { Dropdown } from '@/components/ui/dropdown'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Avatar } from '@/components/ui/avatar'
|
||||
import { getMessageAttachment } from '@/services/api/conversations'
|
||||
|
||||
export type ViewMode = 'original' | 'translated' | 'bilingual'
|
||||
|
||||
@@ -31,6 +39,8 @@ export function MessageBubble({
|
||||
onConvertToTask,
|
||||
onAddToKnowledge,
|
||||
onAddNote,
|
||||
customerName,
|
||||
customerAvatar,
|
||||
}: {
|
||||
msg: Message
|
||||
viewMode: ViewMode
|
||||
@@ -39,11 +49,27 @@ export function MessageBubble({
|
||||
onConvertToTask: () => void
|
||||
onAddToKnowledge: () => void
|
||||
onAddNote: () => void
|
||||
customerName?: string
|
||||
customerAvatar?: string
|
||||
}) {
|
||||
const [showActions, setShowActions] = useState(false)
|
||||
const [translationExpanded, setTranslationExpanded] = useState(false)
|
||||
const isMe = msg.sender === 'agent'
|
||||
const isSystem = msg.sender === 'system'
|
||||
const hasTranslation = msg.translatedText && msg.translatedText !== msg.originalText
|
||||
const rawTranslation = String(msg.translatedText || '')
|
||||
const translationCorrupted =
|
||||
/(?:^|\n)\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:[\d.]+Z\s+(?:客户|坐席):/m.test(rawTranslation) ||
|
||||
rawTranslation.length > (msg.originalText.length <= 20 ? 160 : Math.max(500, msg.originalText.length * 8))
|
||||
const translatedText = translationCorrupted ? '' : rawTranslation
|
||||
const hasTranslation = translatedText && translatedText !== msg.originalText
|
||||
const longTranslation = translatedText.length > 260 || translatedText.split('\n').length > 6
|
||||
const { data: attachment, isLoading: attachmentLoading, error: attachmentError } = useQuery({
|
||||
queryKey: ['message-attachment', msg.conversationId, msg.id, msg.telegramFileId],
|
||||
queryFn: () => getMessageAttachment(msg.conversationId, msg.id),
|
||||
enabled: Boolean(msg.telegramFileId),
|
||||
staleTime: Infinity,
|
||||
retry: 1,
|
||||
})
|
||||
|
||||
if (isSystem) {
|
||||
return (
|
||||
@@ -53,33 +79,87 @@ export function MessageBubble({
|
||||
)
|
||||
}
|
||||
|
||||
const translationContent = (muted = true) => (
|
||||
<div>
|
||||
<p
|
||||
className={cn(
|
||||
'whitespace-pre-wrap break-words text-sm leading-6',
|
||||
muted && 'text-foreground/75',
|
||||
longTranslation && !translationExpanded && 'max-h-28 overflow-hidden',
|
||||
)}
|
||||
>
|
||||
{translatedText}
|
||||
</p>
|
||||
{longTranslation && (
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setTranslationExpanded((value) => !value)}
|
||||
className="mt-1.5 inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[11px] font-medium text-primary hover:bg-primary-50"
|
||||
>
|
||||
{translationExpanded ? <ChevronUp className="h-3 w-3" /> : <ChevronDown className="h-3 w-3" />}
|
||||
{translationExpanded ? '收起译文' : '展开完整译文'}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
|
||||
const renderContent = () => {
|
||||
if (viewMode === 'bilingual' && hasTranslation) {
|
||||
if (
|
||||
(viewMode === 'bilingual' || viewMode === 'translated') &&
|
||||
msg.sender === 'customer' &&
|
||||
msg.type === 'text' &&
|
||||
(!translatedText || translationCorrupted)
|
||||
) {
|
||||
return (
|
||||
<div className="space-y-2">
|
||||
<div>
|
||||
<span className="text-[10px] text-muted-foreground">{languageName(msg.originalLang)}</span>
|
||||
<p className="mt-0.5 whitespace-pre-wrap break-words text-sm">{msg.originalText}</p>
|
||||
</div>
|
||||
<div className="border-t border-border/40 pt-2">
|
||||
<span className="text-[10px] text-muted-foreground">中文释义</span>
|
||||
<p className="mt-0.5 whitespace-pre-wrap break-words text-sm text-muted-foreground">{msg.translatedText}</p>
|
||||
<div className="space-y-2.5">
|
||||
<p className="whitespace-pre-wrap break-words text-sm leading-6">{msg.originalText}</p>
|
||||
<div className="flex items-center gap-1.5 border-t border-border/60 pt-2 text-xs text-muted-foreground">
|
||||
<Languages className="h-3.5 w-3.5 text-primary" />
|
||||
{translationCorrupted
|
||||
? '检测到异常译文，系统正在自动修复'
|
||||
: msg.translationStatus === 'failed'
|
||||
? 'AI 翻译暂时失败，将自动重试'
|
||||
: 'AI 正在翻译…'}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
if (viewMode === 'translated' && msg.translatedText) {
|
||||
if (viewMode === 'bilingual' && hasTranslation) {
|
||||
return (
|
||||
<div className="space-y-2.5">
|
||||
<div>
|
||||
<span className="inline-flex rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
|
||||
原文 · {languageName(msg.originalLang)}
|
||||
</span>
|
||||
<p className="mt-1.5 whitespace-pre-wrap break-words text-sm leading-6">{msg.originalText}</p>
|
||||
</div>
|
||||
<div className="border-t border-border/60 pt-2">
|
||||
<span className="inline-flex items-center gap-1 rounded-full bg-primary-50 px-2 py-0.5 text-[10px] font-medium text-primary">
|
||||
<Languages className="h-3 w-3" />
|
||||
{isMe ? '发送内容 · 英文' : 'AI 译文 · 中文'}
|
||||
</span>
|
||||
<div className="mt-1.5">{translationContent()}</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
if (viewMode === 'translated' && translatedText) {
|
||||
return (
|
||||
<div>
|
||||
<span className="text-[10px] text-muted-foreground">{languageName(msg.originalLang)} → 中文</span>
|
||||
<p className="mt-0.5 whitespace-pre-wrap break-words text-sm">{msg.translatedText}</p>
|
||||
<span className="inline-flex items-center gap-1 rounded-full bg-primary-50 px-2 py-0.5 text-[10px] font-medium text-primary">
|
||||
<Languages className="h-3 w-3" />
|
||||
{isMe ? `${languageName(msg.originalLang)} → 英文发送内容` : `${languageName(msg.originalLang)} → 中文`}
|
||||
</span>
|
||||
<div className="mt-1.5">{translationContent(false)}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<span className="text-[10px] text-muted-foreground">{languageName(msg.originalLang)}</span>
|
||||
<p className="mt-0.5 whitespace-pre-wrap break-words text-sm">{msg.originalText}</p>
|
||||
<span className="inline-flex rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
|
||||
{languageName(msg.originalLang)}
|
||||
</span>
|
||||
<p className="mt-1.5 whitespace-pre-wrap break-words text-sm leading-6">{msg.originalText}</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -104,7 +184,6 @@ export function MessageBubble({
|
||||
const moreActions = [
|
||||
{ key: 'copy', label: '复制', icon: Copy, onSelect: () => { navigator.clipboard.writeText(msg.originalText); toast.success('已复制') } },
|
||||
{ key: 'reply', label: '引用回复', icon: Reply, onSelect: onQuote },
|
||||
{ key: 'forward', label: '转发', icon: Forward, onSelect: () => toast.info('转发功能：选择目标会话（演示）') },
|
||||
{ key: 'note', label: '添加内部备注', icon: StickyNote, onSelect: onAddNote },
|
||||
{ key: 'important', label: msg.isImportant ? '取消重要' : '标记重要', icon: Star, onSelect: onMarkImportant },
|
||||
{ key: 'task', label: '转为待办', icon: ListTodo, onSelect: onConvertToTask },
|
||||
@@ -113,30 +192,81 @@ export function MessageBubble({
|
||||
|
||||
return (
|
||||
<div
|
||||
className={cn('group flex gap-2 px-4 py-2.5', isMe ? 'justify-end' : 'justify-start')}
|
||||
data-testid="message-bubble"
|
||||
data-sender={msg.sender}
|
||||
className={cn(
|
||||
'group flex gap-2 px-4 py-2.5 will-change-transform',
|
||||
isMe ? 'justify-end motion-safe:animate-message-in-right' : 'justify-start motion-safe:animate-message-in-left',
|
||||
)}
|
||||
onMouseEnter={() => setShowActions(true)}
|
||||
onMouseLeave={() => setShowActions(false)}
|
||||
>
|
||||
<div className={cn('max-w-[70%] min-w-0', isMe ? 'order-2' : 'order-1')}>
|
||||
{!isMe && (
|
||||
<Avatar
|
||||
name={customerName || msg.senderName || 'Telegram 用户'}
|
||||
src={customerAvatar}
|
||||
size="xs"
|
||||
className="order-1 mt-1"
|
||||
/>
|
||||
)}
|
||||
<div className={cn('min-w-0 max-w-[min(84%,760px)] sm:max-w-[min(74%,760px)]', isMe ? 'order-2' : 'order-1')}>
|
||||
{!isMe && (
|
||||
<p className="mb-1 px-1 text-[11px] font-medium text-muted-foreground">
|
||||
{msg.senderName || customerName}
|
||||
</p>
|
||||
)}
|
||||
{/* 消息气泡 */}
|
||||
<div
|
||||
className={cn(
|
||||
'relative rounded-lg px-3 py-2.5',
|
||||
isMe ? 'bg-primary-50' : 'bg-card border border-border',
|
||||
'relative rounded-2xl px-3.5 py-3 shadow-sm',
|
||||
isMe
|
||||
? 'rounded-br-md border border-primary/15 bg-gradient-to-br from-primary-50 to-emerald-50/80'
|
||||
: 'rounded-bl-md border border-border/90 bg-card',
|
||||
msg.isImportant && 'ring-1 ring-amber-400',
|
||||
)}
|
||||
>
|
||||
{renderContent()}
|
||||
{msg.attachmentName && msg.type === 'image' && (
|
||||
<div className="mt-2 flex h-24 items-center justify-center rounded bg-muted text-xs text-muted-foreground">
|
||||
📷 {msg.attachmentName}
|
||||
{msg.replyToId && (
|
||||
<div className="mb-2 rounded-lg border-s-2 border-primary/70 bg-muted/60 px-2.5 py-1.5">
|
||||
<p className="text-[10px] font-medium text-primary">回复消息</p>
|
||||
<p className="mt-0.5 line-clamp-2 text-xs text-muted-foreground">
|
||||
{msg.replyPreview || `消息 #${msg.replyToId}`}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
{msg.attachmentName && msg.type === 'file' && (
|
||||
<div className="mt-1.5 rounded bg-muted px-2 py-1 text-xs text-muted-foreground">
|
||||
📎 {msg.attachmentName}
|
||||
{renderContent()}
|
||||
{msg.telegramFileId && attachmentLoading && (
|
||||
<div className="mt-2 flex items-center gap-2 rounded-lg bg-muted/70 px-3 py-2 text-xs text-muted-foreground">
|
||||
<LoaderCircle className="h-3.5 w-3.5 animate-spin" /> 正在读取 Telegram 文件…
|
||||
</div>
|
||||
)}
|
||||
{attachment && msg.type === 'image' && (
|
||||
<a href={attachment.dataUrl} download={attachment.name} className="mt-2 block overflow-hidden rounded-xl">
|
||||
<img src={attachment.dataUrl} alt={attachment.name} className="max-h-80 w-auto max-w-full object-contain" />
|
||||
</a>
|
||||
)}
|
||||
{attachment && msg.type === 'audio' && (
|
||||
<audio controls preload="metadata" src={attachment.dataUrl} className="mt-2 h-10 max-w-full" />
|
||||
)}
|
||||
{attachment && msg.type === 'file' && attachment.mimeType === 'image/webp' && (
|
||||
<img src={attachment.dataUrl} alt={msg.stickerEmoji || attachment.name} className="mt-2 h-32 w-32 object-contain" />
|
||||
)}
|
||||
{attachment && msg.type === 'file' && attachment.mimeType === 'video/webm' && (
|
||||
<video src={attachment.dataUrl} autoPlay loop muted playsInline className="mt-2 h-32 w-32 object-contain" />
|
||||
)}
|
||||
{attachment && msg.type === 'file' && !['image/webp', 'video/webm'].includes(attachment.mimeType) && (
|
||||
<a
|
||||
href={attachment.dataUrl}
|
||||
download={attachment.name}
|
||||
className="mt-2 flex items-center gap-2 rounded-xl border border-border bg-muted/50 px-3 py-2 hover:bg-muted"
|
||||
>
|
||||
<FileText className="h-5 w-5 text-primary" />
|
||||
<span className="min-w-0 flex-1 truncate text-xs">{attachment.name}</span>
|
||||
<Download className="h-4 w-4 text-muted-foreground" />
|
||||
</a>
|
||||
)}
|
||||
{msg.telegramFileId && attachmentError && (
|
||||
<p className="mt-2 rounded-lg bg-red-50 px-2.5 py-1.5 text-xs text-red-600">文件暂时无法下载，请稍后重试</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* 底栏：时间 + 状态 */}
|
||||
|
||||
@@ -3,12 +3,14 @@ import { Sidebar } from './Sidebar'
|
||||
import { Topbar } from './Topbar'
|
||||
import { Drawer } from '@/components/ui/drawer'
|
||||
import { useUiStore } from '@/app/store/ui'
|
||||
import { GlobalRealtime } from './GlobalRealtime'
|
||||
|
||||
export function AppLayout() {
|
||||
const { mobileNavOpen, setMobileNavOpen } = useUiStore()
|
||||
|
||||
return (
|
||||
<div className="flex h-screen overflow-hidden bg-background">
|
||||
<GlobalRealtime />
|
||||
{/* 桌面端固定侧边栏 */}
|
||||
<div className="hidden shrink-0 lg:block">
|
||||
<Sidebar />
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
import { useEffect } from 'react'
|
||||
import { useLocation } from 'react-router-dom'
|
||||
import { useQueryClient } from '@tanstack/react-query'
|
||||
import { useAuthStore } from '@/app/store/auth'
|
||||
import { toast } from '@/app/store/toast'
|
||||
import type { Customer, Message } from '@/types'
|
||||
import { getWebSocketTicket } from '@/services/api/auth'
|
||||
|
||||
export function GlobalRealtime() {
|
||||
const token = useAuthStore((state) => state.token)
|
||||
const location = useLocation()
|
||||
const queryClient = useQueryClient()
|
||||
|
||||
useEffect(() => {
|
||||
if (!token) return
|
||||
const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
|
||||
let socket: WebSocket | undefined
|
||||
let reconnectTimer: ReturnType<typeof setTimeout> | undefined
|
||||
let stopped = false
|
||||
let retryDelay = 500
|
||||
|
||||
const connect = async () => {
|
||||
if (stopped) return
|
||||
try {
|
||||
const { ticket } = await getWebSocketTicket()
|
||||
if (stopped) return
|
||||
socket = new WebSocket(`${protocol}//${window.location.host}/api/ws?ticket=${encodeURIComponent(ticket)}`)
|
||||
} catch {
|
||||
reconnectTimer = setTimeout(() => { void connect() }, retryDelay)
|
||||
retryDelay = Math.min(retryDelay * 2, 10_000)
|
||||
return
|
||||
}
|
||||
socket.onopen = () => { retryDelay = 500 }
|
||||
socket.onmessage = (raw) => {
|
||||
let event: { type?: string; message?: Message; customer?: Customer; conversationId?: string }
|
||||
try { event = JSON.parse(String(raw.data)) } catch { return }
|
||||
if (event.type !== 'message.created' || event.message?.sender !== 'customer') return
|
||||
void queryClient.invalidateQueries({ queryKey: ['notifications'] })
|
||||
void queryClient.invalidateQueries({ queryKey: ['conversations'] })
|
||||
if (!location.pathname.startsWith('/inbox')) {
|
||||
const preview = event.message.translatedText || event.message.originalText || `[${event.message.type}]`
|
||||
toast.info(`${event.customer?.name || event.message.senderName || 'Telegram 客户'} 发来新消息`, preview.slice(0, 120))
|
||||
}
|
||||
}
|
||||
socket.onerror = () => socket?.close()
|
||||
socket.onclose = () => {
|
||||
if (stopped) return
|
||||
reconnectTimer = setTimeout(() => { void connect() }, retryDelay)
|
||||
retryDelay = Math.min(retryDelay * 2, 10_000)
|
||||
}
|
||||
}
|
||||
void connect()
|
||||
return () => {
|
||||
stopped = true
|
||||
if (reconnectTimer) clearTimeout(reconnectTimer)
|
||||
socket?.close()
|
||||
}
|
||||
}, [token, location.pathname, queryClient])
|
||||
|
||||
return null
|
||||
}
|
||||
@@ -17,7 +17,7 @@ import { useAuthStore } from '@/app/store/auth'
|
||||
import { useUiStore } from '@/app/store/ui'
|
||||
import { useI18n } from '@/i18n'
|
||||
import { UI_LOCALES, type UiLocale } from '@/config/languages'
|
||||
import { ROLE_META, type RoleKey } from '@/config/roles'
|
||||
import { ROLE_META } from '@/config/roles'
|
||||
import { toast } from '@/app/store/toast'
|
||||
import { confirmDialog } from '@/app/store/confirm'
|
||||
import { Avatar } from '@/components/ui/avatar'
|
||||
@@ -39,7 +39,7 @@ export function Topbar() {
|
||||
const { t, locale, setLocale } = useI18n()
|
||||
const navigate = useNavigate()
|
||||
const queryClient = useQueryClient()
|
||||
const { user, tenant, switchRole, logout } = useAuthStore()
|
||||
const { user, tenant, logout } = useAuthStore()
|
||||
const setMobileNavOpen = useUiStore((s) => s.setMobileNavOpen)
|
||||
|
||||
const { data: notifications } = useQuery({
|
||||
@@ -81,7 +81,7 @@ export function Topbar() {
|
||||
</button>
|
||||
}
|
||||
items={[
|
||||
{ key: 'current', label: `${tenant?.name ?? ''}（当前企业）`, icon: Building2, onSelect: () => toast.info('当前演示环境仅一个企业') },
|
||||
{ key: 'current', label: `${tenant?.name ?? ''}（当前企业）`, icon: Building2, onSelect: () => {} },
|
||||
'separator',
|
||||
{ key: 'switch', label: '创建/加入新企业', icon: UsersRound, onSelect: () => navigate('/register') },
|
||||
]}
|
||||
@@ -110,7 +110,7 @@ export function Topbar() {
|
||||
),
|
||||
onSelect: () => {
|
||||
setLocale(l.code as UiLocale)
|
||||
toast.success(l.rtl ? '已切换为 RTL 布局（演示）' : `界面语言已切换：${l.nativeName}`)
|
||||
toast.success(l.rtl ? '已切换为 RTL 布局' : `界面语言已切换：${l.nativeName}`)
|
||||
},
|
||||
}))}
|
||||
/>
|
||||
@@ -183,22 +183,6 @@ export function Topbar() {
|
||||
items={[
|
||||
{ key: 'profile', label: t('topbar.profile'), icon: UserRound, onSelect: () => navigate('/settings') },
|
||||
'separator',
|
||||
...(Object.keys(ROLE_META) as RoleKey[]).map((r) => ({
|
||||
key: `role-${r}`,
|
||||
label: (
|
||||
<span className={cn('flex items-center gap-2', user?.role === r && 'font-medium text-primary')}>
|
||||
{ROLE_META[r].label}
|
||||
{user?.role === r && '✓'}
|
||||
</span>
|
||||
),
|
||||
icon: UsersRound,
|
||||
onSelect: () => {
|
||||
switchRole(r)
|
||||
queryClient.clear()
|
||||
toast.success(`已切换为「${ROLE_META[r].label}」（演示）`, '导航与按钮权限已同步更新')
|
||||
},
|
||||
})),
|
||||
'separator',
|
||||
{ key: 'logout', label: t('topbar.logout'), icon: LogOut, danger: true, onSelect: handleLogout },
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -3,11 +3,13 @@ import { colorFromString, initials } from '@/utils/misc'
|
||||
|
||||
export function Avatar({
|
||||
name,
|
||||
src,
|
||||
size = 'md',
|
||||
className,
|
||||
online,
|
||||
}: {
|
||||
name: string
|
||||
src?: string
|
||||
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
||||
className?: string
|
||||
online?: boolean
|
||||
@@ -28,7 +30,18 @@ export function Avatar({
|
||||
colorFromString(name || '?'),
|
||||
)}
|
||||
>
|
||||
{initials(name)}
|
||||
{src ? (
|
||||
<img
|
||||
src={src}
|
||||
alt={name}
|
||||
className="h-full w-full rounded-full object-cover"
|
||||
onError={(event) => {
|
||||
event.currentTarget.style.display = 'none'
|
||||
event.currentTarget.nextElementSibling?.classList.remove('hidden')
|
||||
}}
|
||||
/>
|
||||
) : null}
|
||||
<span className={cn(src && 'hidden')}>{initials(name)}</span>
|
||||
</span>
|
||||
{online !== undefined && (
|
||||
<span
|
||||
|
||||
@@ -263,7 +263,7 @@ export const LANGUAGES_LIST = [
|
||||
'俄语', '法语', '德语', '土耳其语', '越南语', '印尼语', '日语', '韩语',
|
||||
]
|
||||
|
||||
/** 产品库（Mock 企业主营产品） */
|
||||
/** 企业主营产品选项 */
|
||||
export const PRODUCTS = [
|
||||
'双层玻璃杯 350ml',
|
||||
'高硼硅玻璃杯 500ml',
|
||||
|
||||
+3
-5
@@ -1,7 +1,5 @@
|
||||
/** 环境配置：Mock 与真实后端通过环境变量切换 */
|
||||
/** 灵犀跨境生产 API 配置 */
|
||||
export const env = {
|
||||
/** true = 使用内置 Mock 服务；false = 请求真实后端 */
|
||||
useMock: (import.meta.env.VITE_USE_MOCK ?? 'true') !== 'false',
|
||||
/** 真实后端地址 */
|
||||
apiBaseUrl: import.meta.env.VITE_API_BASE_URL ?? '/api',
|
||||
/** API 地址留空时使用当前域名，由 Nginx 代理 /api */
|
||||
apiBaseUrl: import.meta.env.VITE_API_BASE_URL ?? '',
|
||||
}
|
||||
|
||||
@@ -4,7 +4,6 @@ import {
|
||||
Users,
|
||||
KanbanSquare,
|
||||
Languages,
|
||||
AudioLines,
|
||||
ShieldAlert,
|
||||
BookOpen,
|
||||
BarChart3,
|
||||
@@ -32,7 +31,6 @@ export const NAV_ITEMS: NavItem[] = [
|
||||
{ key: 'customers', path: '/customers', labelKey: 'nav.customers', icon: Users, permission: 'customer:view' },
|
||||
{ key: 'opportunities', path: '/opportunities', labelKey: 'nav.opportunities', icon: KanbanSquare },
|
||||
{ key: 'translate', path: '/translate', labelKey: 'nav.translate', icon: Languages },
|
||||
{ key: 'interpret', path: '/interpret', labelKey: 'nav.interpret', icon: AudioLines },
|
||||
{ key: 'risks', path: '/risks', labelKey: 'nav.risks', icon: ShieldAlert },
|
||||
{ key: 'knowledge', path: '/knowledge', labelKey: 'nav.knowledge', icon: BookOpen },
|
||||
{ key: 'analytics', path: '/analytics', labelKey: 'nav.analytics', icon: BarChart3, permission: 'analytics:view' },
|
||||
|
||||
@@ -69,7 +69,6 @@ export const PRICING_PLANS: PricingPlan[] = [
|
||||
'AI 智能回复建议（多策略）',
|
||||
'风险预警与文化敏感检测',
|
||||
'老板经营看板',
|
||||
'同声传译',
|
||||
],
|
||||
limits: { members: 20, messagesPerMonth: 100000, translationsPerMonth: 200000, knowledgeStorageMb: 5120 },
|
||||
},
|
||||
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
/** 角色与权限配置（前端 Mock 权限控制） */
|
||||
/** 角色与权限配置。后端会对每个请求再次执行同一角色边界校验。 */
|
||||
|
||||
export type RoleKey = 'admin' | 'manager' | 'sales' | 'service' | 'viewer'
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import type { LocaleDict } from './zh'
|
||||
|
||||
/** 阿拉伯语（RTL 布局演示） */
|
||||
/** 阿拉伯语（RTL 布局） */
|
||||
export const ar: LocaleDict = {
|
||||
'app.name': 'لينغشي عبر الحدود',
|
||||
'app.slogan': 'نجعل التواصل عبر الحدود أبسط',
|
||||
@@ -39,12 +39,10 @@ export const ar: LocaleDict = {
|
||||
'common.reset': 'إعادة تعيين',
|
||||
'common.optional': 'اختياري',
|
||||
'common.required': 'مطلوب',
|
||||
'common.demoData': 'بيانات تجريبية',
|
||||
|
||||
'topbar.searchPlaceholder': 'ابحث عن العملاء والمحادثات والمعرفة والمهام…',
|
||||
'topbar.notifications': 'الإشعارات',
|
||||
'topbar.help': 'المساعدة',
|
||||
'topbar.switchRole': 'تبديل الدور التجريبي',
|
||||
'topbar.logout': 'تسجيل الخروج',
|
||||
'topbar.profile': 'الملف الشخصي',
|
||||
|
||||
@@ -65,7 +63,6 @@ export const ar: LocaleDict = {
|
||||
'login.forgot': 'نسيت كلمة المرور؟',
|
||||
'login.submit': 'تسجيل الدخول',
|
||||
'login.register': 'تسجيل شركة جديدة',
|
||||
'login.quick': 'دخول تجريبي بنقرة واحدة',
|
||||
'login.agreementPrefix': 'بتسجيل الدخول فأنت توافق على',
|
||||
'login.privacy': 'سياسة الخصوصية',
|
||||
'login.terms': 'شروط الخدمة',
|
||||
|
||||
@@ -38,12 +38,10 @@ export const en: LocaleDict = {
|
||||
'common.reset': 'Reset',
|
||||
'common.optional': 'Optional',
|
||||
'common.required': 'Required',
|
||||
'common.demoData': 'Demo data',
|
||||
|
||||
'topbar.searchPlaceholder': 'Search customers, chats, knowledge, tasks…',
|
||||
'topbar.notifications': 'Notifications',
|
||||
'topbar.help': 'Help',
|
||||
'topbar.switchRole': 'Switch demo role',
|
||||
'topbar.logout': 'Sign out',
|
||||
'topbar.profile': 'Profile',
|
||||
|
||||
@@ -64,7 +62,6 @@ export const en: LocaleDict = {
|
||||
'login.forgot': 'Forgot password?',
|
||||
'login.submit': 'Sign in',
|
||||
'login.register': 'Register company',
|
||||
'login.quick': 'One-click demo login',
|
||||
'login.agreementPrefix': 'By signing in you agree to',
|
||||
'login.privacy': 'Privacy Policy',
|
||||
'login.terms': 'Terms of Service',
|
||||
|
||||
@@ -36,12 +36,10 @@ export const zh = {
|
||||
'common.reset': '重置',
|
||||
'common.optional': '选填',
|
||||
'common.required': '必填',
|
||||
'common.demoData': '演示数据',
|
||||
|
||||
'topbar.searchPlaceholder': '搜索客户、会话、知识、任务…',
|
||||
'topbar.notifications': '通知',
|
||||
'topbar.help': '帮助',
|
||||
'topbar.switchRole': '切换演示角色',
|
||||
'topbar.logout': '退出登录',
|
||||
'topbar.profile': '个人中心',
|
||||
|
||||
@@ -62,7 +60,6 @@ export const zh = {
|
||||
'login.forgot': '忘记密码？',
|
||||
'login.submit': '登 录',
|
||||
'login.register': '注册新企业',
|
||||
'login.quick': '演示角色一键登录',
|
||||
'login.agreementPrefix': '登录即代表同意',
|
||||
'login.privacy': '《隐私政策》',
|
||||
'login.terms': '《服务协议》',
|
||||
|
||||
-108
@@ -1,108 +0,0 @@
|
||||
/**
|
||||
* Mock 内存数据库
|
||||
* 深克隆种子数据，会话期间的增删改都在这里生效（刷新页面后重置）。
|
||||
*/
|
||||
import type { Customer } from '@/types/crm'
|
||||
import type { Conversation, Message, ChannelConnection, ChannelSyncLog } from '@/types/messaging'
|
||||
import type { FollowTask, Opportunity, RiskAlert, ActivityLog, CustomerFile } from '@/types/crm'
|
||||
import type { KnowledgeItem } from '@/types/knowledge'
|
||||
import type { TeamMember, OperationLog, LoginRecord, ApiKeyItem, AppNotification, BillingInfo, BillingOrder, Invoice, SystemSettings } from '@/types/org'
|
||||
|
||||
import { customers } from './seed/customers'
|
||||
import { conversations } from './seed/conversations'
|
||||
import { messages } from './seed/messages'
|
||||
import { tasks } from './seed/tasks'
|
||||
import { opportunities } from './seed/opportunities'
|
||||
import { risks } from './seed/risks'
|
||||
import { knowledgeItems } from './seed/knowledge'
|
||||
import { teamMembers } from './seed/team'
|
||||
import { channels, channelSyncLogs } from './seed/channels'
|
||||
import { notifications, activityLogs, customerFiles, apiKeys, billingInfo, billingOrders, invoices, defaultSettings, operationLogs, loginRecords } from './seed/misc'
|
||||
|
||||
export interface MockDb {
|
||||
customers: Customer[]
|
||||
conversations: Conversation[]
|
||||
messages: Message[]
|
||||
tasks: FollowTask[]
|
||||
opportunities: Opportunity[]
|
||||
risks: RiskAlert[]
|
||||
knowledge: KnowledgeItem[]
|
||||
team: TeamMember[]
|
||||
channels: ChannelConnection[]
|
||||
channelSyncLogs: ChannelSyncLog[]
|
||||
notifications: AppNotification[]
|
||||
activityLogs: ActivityLog[]
|
||||
customerFiles: CustomerFile[]
|
||||
apiKeys: ApiKeyItem[]
|
||||
billing: BillingInfo
|
||||
orders: BillingOrder[]
|
||||
invoices: Invoice[]
|
||||
settings: SystemSettings
|
||||
operationLogs: OperationLog[]
|
||||
loginRecords: LoginRecord[]
|
||||
}
|
||||
|
||||
function clone<T>(v: T): T {
|
||||
return JSON.parse(JSON.stringify(v)) as T
|
||||
}
|
||||
|
||||
function buildDb(): MockDb {
|
||||
const msgs = clone(messages)
|
||||
const convs = clone(conversations)
|
||||
// 计算每个会话的最后一条消息
|
||||
for (const c of convs) {
|
||||
const list = msgs
|
||||
.filter((m) => m.conversationId === c.id)
|
||||
.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())
|
||||
c.lastMessage = list[list.length - 1]
|
||||
}
|
||||
return {
|
||||
customers: clone(customers),
|
||||
conversations: convs,
|
||||
messages: msgs,
|
||||
tasks: clone(tasks),
|
||||
opportunities: clone(opportunities),
|
||||
risks: clone(risks),
|
||||
knowledge: clone(knowledgeItems),
|
||||
team: clone(teamMembers),
|
||||
channels: clone(channels),
|
||||
channelSyncLogs: clone(channelSyncLogs),
|
||||
notifications: clone(notifications),
|
||||
activityLogs: clone(activityLogs),
|
||||
customerFiles: clone(customerFiles),
|
||||
apiKeys: clone(apiKeys),
|
||||
billing: clone(billingInfo),
|
||||
orders: clone(billingOrders),
|
||||
invoices: clone(invoices),
|
||||
settings: clone(defaultSettings),
|
||||
operationLogs: clone(operationLogs),
|
||||
loginRecords: clone(loginRecords),
|
||||
}
|
||||
}
|
||||
|
||||
export const db: MockDb = buildDb()
|
||||
|
||||
/** 便捷查询 */
|
||||
export const dbHelpers = {
|
||||
customer(id: string) {
|
||||
return db.customers.find((c) => c.id === id)
|
||||
},
|
||||
member(id: string | null | undefined) {
|
||||
return db.team.find((m) => m.id === id)
|
||||
},
|
||||
conversation(id: string) {
|
||||
return db.conversations.find((c) => c.id === id)
|
||||
},
|
||||
messagesOf(conversationId: string) {
|
||||
return db.messages
|
||||
.filter((m) => m.conversationId === conversationId)
|
||||
.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())
|
||||
},
|
||||
touchConversation(conversationId: string, msg: Message) {
|
||||
const conv = db.conversations.find((c) => c.id === conversationId)
|
||||
if (conv) {
|
||||
conv.lastMessage = msg
|
||||
conv.updatedAt = msg.createdAt
|
||||
}
|
||||
},
|
||||
}
|
||||
@@ -1,208 +0,0 @@
|
||||
import type { AnalyticsData, DashboardOverview } from '@/types/analytics'
|
||||
import { seededRandom } from '@/utils/misc'
|
||||
import { lastNDays } from './helpers'
|
||||
import { customers } from './customers'
|
||||
import { tasks } from './tasks'
|
||||
import { risks } from './risks'
|
||||
|
||||
const rand = seededRandom(20260722)
|
||||
|
||||
function series(n: number, base: number, spread: number): number[] {
|
||||
let cur = base
|
||||
return Array.from({ length: n }, () => {
|
||||
cur = Math.max(0, cur + (rand() - 0.45) * spread)
|
||||
return Math.round(cur)
|
||||
})
|
||||
}
|
||||
|
||||
const days30 = lastNDays(30)
|
||||
const days14 = lastNDays(14)
|
||||
|
||||
const inquirySeries = series(30, 18, 10)
|
||||
const customerSeries = inquirySeries.map((v) => Math.max(2, Math.round(v * (0.35 + rand() * 0.2))))
|
||||
|
||||
/** 工作台总览（演示数据） */
|
||||
export const dashboardOverview: DashboardOverview = {
|
||||
stats: {
|
||||
newInquiriesToday: { value: 23, delta: 0.15 },
|
||||
pendingReply: { value: 9, delta: -0.08 },
|
||||
highIntentCustomers: { value: 7, delta: 0.17 },
|
||||
todayFollowUps: { value: 12, delta: 0.0 },
|
||||
openRisks: { value: 11, delta: 0.22 },
|
||||
avgFirstResponseMin: { value: 14, delta: -0.18, unit: '分钟' },
|
||||
monthConversionRate: { value: 18.6, delta: 0.023, isPercent: true },
|
||||
aiAdoptionRate: { value: 72.4, delta: 0.051, isPercent: true },
|
||||
},
|
||||
todos: tasks.filter((t) => t.status !== 'done').slice(0, 7),
|
||||
highValueCustomers: customers.filter((c) => c.intentScore >= 75).slice(0, 6),
|
||||
channelOverview: [
|
||||
{ channel: 'whatsapp', todayMessages: 46, pending: 4, unread: 5 },
|
||||
{ channel: 'telegram', todayMessages: 12, pending: 0, unread: 0 },
|
||||
{ channel: 'messenger', todayMessages: 8, pending: 1, unread: 1 },
|
||||
{ channel: 'email', todayMessages: 21, pending: 3, unread: 3 },
|
||||
{ channel: 'webform', todayMessages: 5, pending: 1, unread: 1 },
|
||||
],
|
||||
inquiryTrend: days14.map((date, i) => ({ date, inquiries: inquirySeries[i + 16], customers: customerSeries[i + 16] })),
|
||||
sourceDistribution: [
|
||||
{ name: 'WhatsApp', value: 38 },
|
||||
{ name: '企业邮箱', value: 24 },
|
||||
{ name: '独立站/落地页', value: 16 },
|
||||
{ name: 'Telegram', value: 10 },
|
||||
{ name: 'Messenger', value: 8 },
|
||||
{ name: '展会/转介绍', value: 4 },
|
||||
],
|
||||
funnel: [
|
||||
{ stage: 'initial', label: '初次咨询', count: 128 },
|
||||
{ stage: 'comparing', label: '价格比较', count: 86 },
|
||||
{ stage: 'sample', label: '样品确认', count: 47 },
|
||||
{ stage: 'closing', label: '成交推进', count: 31 },
|
||||
{ stage: 'won', label: '成交', count: 19 },
|
||||
],
|
||||
teamReplyRank: [
|
||||
{ memberId: 'u-003', name: '李婷', avgResponseMin: 8, replies: 42 },
|
||||
{ memberId: 'u-005', name: '周敏', avgResponseMin: 11, replies: 35 },
|
||||
{ memberId: 'u-004', name: '赵磊', avgResponseMin: 14, replies: 31 },
|
||||
{ memberId: 'u-008', name: '郑楠', avgResponseMin: 19, replies: 24 },
|
||||
{ memberId: 'u-006', name: '孙倩', avgResponseMin: 26, replies: 12 },
|
||||
],
|
||||
recentRisks: risks.slice(0, 5),
|
||||
updatedAt: new Date().toISOString(),
|
||||
}
|
||||
|
||||
/** 数据分析中心（演示数据） */
|
||||
export const analyticsData: AnalyticsData = {
|
||||
kpis: {
|
||||
newCustomers: { value: 186, delta: 0.12 },
|
||||
validInquiries: { value: 342, delta: 0.09 },
|
||||
highIntent: { value: 58, delta: 0.16 },
|
||||
conversionRate: { value: 18.6, delta: 0.023, isPercent: true },
|
||||
avgResponseMin: { value: 14, delta: -0.18, unit: '分钟' },
|
||||
aiTranslateUsage: { value: 12840, delta: 0.31 },
|
||||
aiAdoptionRate: { value: 72.4, delta: 0.051, isPercent: true },
|
||||
taskCompletionRate: { value: 86.2, delta: 0.04, isPercent: true },
|
||||
riskHandleRate: { value: 78.5, delta: 0.06, isPercent: true },
|
||||
repurchaseRate: { value: 23.8, delta: 0.018, isPercent: true },
|
||||
},
|
||||
customerGrowth: days30.map((date, i) => ({ date, count: customerSeries[i] })),
|
||||
channelInquiries: [
|
||||
{ channel: 'whatsapp', name: 'WhatsApp', count: 128 },
|
||||
{ channel: 'email', name: '企业邮箱', count: 82 },
|
||||
{ channel: 'webform', name: '独立站表单', count: 45 },
|
||||
{ channel: 'landing', name: '广告落地页', count: 38 },
|
||||
{ channel: 'telegram', name: 'Telegram', count: 27 },
|
||||
{ channel: 'messenger', name: 'Messenger', count: 22 },
|
||||
],
|
||||
countryDistribution: [
|
||||
{ country: 'PK', name: '巴基斯坦', count: 52 },
|
||||
{ country: 'BD', name: '孟加拉国', count: 44 },
|
||||
{ country: 'AE', name: '阿联酋', count: 38 },
|
||||
{ country: 'SA', name: '沙特阿拉伯', count: 31 },
|
||||
{ country: 'US', name: '美国', count: 28 },
|
||||
{ country: 'GB', name: '英国', count: 19 },
|
||||
{ country: 'ES', name: '西班牙', count: 16 },
|
||||
{ country: 'DE', name: '德国', count: 14 },
|
||||
],
|
||||
sourcePaths: [
|
||||
{ path: 'WhatsApp 官网按钮', count: 68 },
|
||||
{ path: 'Google 广告落地页', count: 52 },
|
||||
{ path: 'Facebook 主页/广告', count: 41 },
|
||||
{ path: '展会名片/二维码', count: 26 },
|
||||
{ path: '客户转介绍', count: 18 },
|
||||
{ path: 'LinkedIn 开发信', count: 12 },
|
||||
],
|
||||
funnel: [
|
||||
{ stage: 'initial', label: '新询盘', count: 342 },
|
||||
{ stage: 'requirement', label: '需求确认', count: 246 },
|
||||
{ stage: 'quoting', label: '报价', count: 168 },
|
||||
{ stage: 'sample', label: '样品/定制', count: 96 },
|
||||
{ stage: 'negotiation', label: '谈判', count: 78 },
|
||||
{ stage: 'won', label: '成交', count: 64 },
|
||||
],
|
||||
intentDistribution: [
|
||||
{ range: '80—100 高价值', count: 58 },
|
||||
{ range: '60—79 中高', count: 86 },
|
||||
{ range: '40—59 中等', count: 102 },
|
||||
{ range: '0—39 低', count: 96 },
|
||||
],
|
||||
sentimentTrend: days14.map((date) => ({
|
||||
date,
|
||||
positive: Math.round(8 + rand() * 8),
|
||||
neutral: Math.round(10 + rand() * 8),
|
||||
negative: Math.round(rand() * 4),
|
||||
})),
|
||||
riskTrend: days14.map((date) => ({ date, count: Math.round(2 + rand() * 6) })),
|
||||
productRank: [
|
||||
{ product: '定制Logo玻璃水杯', inquiries: 86 },
|
||||
{ product: '男士纯棉T恤', inquiries: 64 },
|
||||
{ product: 'TWS蓝牙耳机', inquiries: 52 },
|
||||
{ product: '高硼硅玻璃杯 500ml', inquiries: 47 },
|
||||
{ product: '女士针织开衫', inquiries: 38 },
|
||||
{ product: '北欧棉麻四件套', inquiries: 26 },
|
||||
{ product: '65W氮化镓充电器', inquiries: 24 },
|
||||
{ product: 'ins风陶瓷餐具套装', inquiries: 19 },
|
||||
],
|
||||
teamReplyRank: [
|
||||
{ name: '李婷', avgResponseMin: 8 },
|
||||
{ name: '周敏', avgResponseMin: 11 },
|
||||
{ name: '赵磊', avgResponseMin: 14 },
|
||||
{ name: '郑楠', avgResponseMin: 19 },
|
||||
{ name: '孙倩', avgResponseMin: 26 },
|
||||
],
|
||||
teamConversionRank: [
|
||||
{ name: '李婷', rate: 26.5 },
|
||||
{ name: '赵磊', rate: 22.8 },
|
||||
{ name: '郑楠', rate: 17.2 },
|
||||
{ name: '周敏', rate: 12.4 },
|
||||
],
|
||||
taskCompletion: [
|
||||
{ name: '李婷', done: 38, total: 44 },
|
||||
{ name: '赵磊', done: 31, total: 38 },
|
||||
{ name: '周敏', done: 27, total: 30 },
|
||||
{ name: '郑楠', done: 25, total: 34 },
|
||||
{ name: '孙倩', done: 12, total: 15 },
|
||||
],
|
||||
churnReasons: [
|
||||
{ reason: '价格未达成一致', count: 34 },
|
||||
{ reason: '交期无法满足', count: 22 },
|
||||
{ reason: '选择竞争对手', count: 18 },
|
||||
{ reason: '长时间未跟进', count: 15 },
|
||||
{ reason: '质量/售后问题', count: 9 },
|
||||
{ reason: '客户项目取消', count: 7 },
|
||||
],
|
||||
industryDistribution: [
|
||||
{ industry: '玻璃制品', count: 118 },
|
||||
{ industry: '服装纺织', count: 96 },
|
||||
{ industry: '3C电子', count: 82 },
|
||||
{ industry: '家居用品', count: 46 },
|
||||
],
|
||||
bossBoard: {
|
||||
urgentHighValue: [
|
||||
{ id: 'c-001', name: 'Ahmed Raza', country: 'PK', reason: '明天确认订单，今日需发阶梯报价', intentScore: 86 },
|
||||
{ id: 'c-012', name: 'Sarah Miller', country: 'US', reason: '季度框架单待签合同', intentScore: 88 },
|
||||
{ id: 'c-028', name: 'Saud Al-Harbi', country: 'SA', reason: '朝觐季大单交付节点逼近', intentScore: 85 },
|
||||
{ id: 'c-019', name: 'Tom Baker', country: 'US', reason: '紧急售后纠纷，最后通牒', intentScore: 38 },
|
||||
],
|
||||
overdueMembers: [
|
||||
{ id: 'u-004', name: '赵磊', overdueCount: 2 },
|
||||
{ id: 'u-003', name: '李婷', overdueCount: 1 },
|
||||
{ id: 'u-008', name: '郑楠', overdueCount: 1 },
|
||||
],
|
||||
bestChannel: { channel: 'whatsapp', name: 'WhatsApp', conversion: 24.8 },
|
||||
fastestCountries: [
|
||||
{ country: 'PK', name: '巴基斯坦', growth: 0.42 },
|
||||
{ country: 'SA', name: '沙特阿拉伯', growth: 0.35 },
|
||||
{ country: 'BD', name: '孟加拉国', growth: 0.28 },
|
||||
{ country: 'AE', name: '阿联酋', growth: 0.19 },
|
||||
],
|
||||
topProducts: [
|
||||
{ product: '定制Logo玻璃水杯', inquiries: 86 },
|
||||
{ product: '男士纯棉T恤', inquiries: 64 },
|
||||
{ product: 'TWS蓝牙耳机', inquiries: 52 },
|
||||
],
|
||||
churningHighIntent: [
|
||||
{ id: 'c-021', name: 'Hassan Ali', country: 'PK', daysSilent: 2, intentScore: 66 },
|
||||
{ id: 'c-007', name: 'Emma Wilson', country: 'GB', daysSilent: 1, intentScore: 58 },
|
||||
{ id: 'c-025', name: 'Imran Sheikh', country: 'PK', daysSilent: 1, intentScore: 79 },
|
||||
],
|
||||
},
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import type { ChannelConnection, ChannelSyncLog } from '@/types/messaging'
|
||||
import { daysAgo, hoursAgo, minutesAgo } from './helpers'
|
||||
|
||||
/** 13 个渠道连接状态（7个已连接/1异常/1暂停/4未连接） */
|
||||
export const channels: ChannelConnection[] = [
|
||||
{ id: 'ch-01', type: 'whatsapp', name: 'WhatsApp Business', status: 'connected', account: '+86 138****6621（徐州欧汇）', lastSyncAt: minutesAgo(2), todayMessages: 46, autoReply: true, defaultOwnerId: 'u-003' },
|
||||
{ id: 'ch-02', type: 'telegram', name: 'Telegram', status: 'connected', account: '@OuhuiTrading', lastSyncAt: minutesAgo(5), todayMessages: 12, autoReply: true, defaultOwnerId: 'u-004' },
|
||||
{ id: 'ch-03', type: 'messenger', name: 'Facebook Messenger', status: 'connected', account: 'Ouhui Tech 主页', lastSyncAt: minutesAgo(9), todayMessages: 8, autoReply: false, defaultOwnerId: 'u-008' },
|
||||
{ id: 'ch-04', type: 'email', name: '企业邮箱', status: 'connected', account: 'sales@ouhui.tech', lastSyncAt: minutesAgo(3), todayMessages: 21, autoReply: true, defaultOwnerId: 'u-003' },
|
||||
{ id: 'ch-05', type: 'gmail', name: 'Gmail', status: 'connected', account: 'ouhui.export@gmail.com', lastSyncAt: minutesAgo(14), todayMessages: 6, autoReply: false, defaultOwnerId: 'u-005' },
|
||||
{ id: 'ch-06', type: 'webform', name: '独立站表单', status: 'connected', account: 'www.ouhui-glass.com', lastSyncAt: minutesAgo(31), todayMessages: 5, autoReply: true, defaultOwnerId: 'u-003' },
|
||||
{ id: 'ch-07', type: 'landing', name: '广告落地页', status: 'connected', account: 'Google Ads / Facebook Ads', lastSyncAt: hoursAgo(1), todayMessages: 9, autoReply: true, defaultOwnerId: 'u-004' },
|
||||
{ id: 'ch-08', type: 'outlook', name: 'Outlook', status: 'error', account: 'ouhui@outlook.com', lastSyncAt: hoursAgo(26), todayMessages: 0, errorMessage: '授权令牌已过期，请重新授权', autoReply: false, defaultOwnerId: 'u-005' },
|
||||
{ id: 'ch-09', type: 'website', name: '官网咨询按钮', status: 'paused', account: 'www.ouhui-glass.com', lastSyncAt: daysAgo(2, 10), todayMessages: 0, autoReply: false, defaultOwnerId: 'u-005' },
|
||||
{ id: 'ch-10', type: 'social', name: '社交媒体主页', status: 'unconnected', todayMessages: 0, autoReply: false },
|
||||
{ id: 'ch-11', type: 'exhibition', name: '展会二维码', status: 'unconnected', todayMessages: 0, autoReply: false },
|
||||
{ id: 'ch-12', type: 'api', name: 'API 接口', status: 'unconnected', todayMessages: 0, autoReply: false },
|
||||
{ id: 'ch-13', type: 'webhook', name: 'Webhook', status: 'unconnected', todayMessages: 0, autoReply: false },
|
||||
]
|
||||
|
||||
export const channelSyncLogs: ChannelSyncLog[] = [
|
||||
{ id: 'sl-01', channelId: 'ch-01', action: '消息同步', detail: '同步 12 条新消息，3 个新会话建档', status: 'success', createdAt: minutesAgo(2) },
|
||||
{ id: 'sl-02', channelId: 'ch-04', action: '邮件拉取', detail: '拉取 7 封新邮件，1 封识别为询盘', status: 'success', createdAt: minutesAgo(3) },
|
||||
{ id: 'sl-03', channelId: 'ch-02', action: '消息同步', detail: '同步 2 条新消息', status: 'success', createdAt: minutesAgo(5) },
|
||||
{ id: 'sl-04', channelId: 'ch-03', action: '主页私信同步', detail: '同步 1 条私信', status: 'success', createdAt: minutesAgo(9) },
|
||||
{ id: 'sl-05', channelId: 'ch-08', action: '令牌刷新', detail: 'OAuth 令牌刷新失败：refresh_token expired', status: 'failed', createdAt: hoursAgo(26) },
|
||||
{ id: 'sl-06', channelId: 'ch-01', action: '自动回复', detail: '非工作时间自动回复触发 3 次', status: 'success', createdAt: hoursAgo(9) },
|
||||
{ id: 'sl-07', channelId: 'ch-06', action: '表单接收', detail: '新表单提交：Carmen López（西班牙）', status: 'success', createdAt: hoursAgo(9) },
|
||||
{ id: 'sl-08', channelId: 'ch-07', action: '线索同步', detail: 'Google Ads 落地页新线索 2 条', status: 'success', createdAt: hoursAgo(1) },
|
||||
]
|
||||
@@ -1,26 +0,0 @@
|
||||
import type { Conversation } from '@/types/messaging'
|
||||
import { minutesAgo, hoursAgo, daysAgo } from './helpers'
|
||||
|
||||
/** 20 条会话（lastMessage 由 db 根据消息自动计算） */
|
||||
export const conversations: Conversation[] = [
|
||||
{ id: 'cv-001', customerId: 'c-001', channel: 'whatsapp', unreadCount: 2, status: 'pending', assigneeId: 'u-003', intentLevel: 'high', sentiment: 'neutral-positive', hasRisk: false, summary: '500个定制玻璃杯询价，关注价格/Logo/交期', updatedAt: minutesAgo(42) },
|
||||
{ id: 'cv-002', customerId: 'c-002', channel: 'email', unreadCount: 1, status: 'pending', assigneeId: 'u-003', intentLevel: 'medium-high', sentiment: 'positive', hasRisk: false, summary: '酒店集团2000个高硼硅杯，等待耐温测试报告', updatedAt: hoursAgo(3) },
|
||||
{ id: 'cv-003', customerId: 'c-003', channel: 'whatsapp', unreadCount: 1, status: 'pending', assigneeId: 'u-004', intentLevel: 'high', sentiment: 'positive', hasRisk: false, summary: '5000件T恤价格锁定$2.20，待付款条款', updatedAt: hoursAgo(1) },
|
||||
{ id: 'cv-004', customerId: 'c-004', channel: 'email', unreadCount: 1, status: 'pending', assigneeId: 'u-005', intentLevel: 'medium', sentiment: 'negative', hasRisk: true, summary: '样品两次延误，客户威胁更换供应商', updatedAt: hoursAgo(5) },
|
||||
{ id: 'cv-005', customerId: 'c-005', channel: 'webform', unreadCount: 1, status: 'pending', assigneeId: 'u-003', intentLevel: 'medium-high', sentiment: 'neutral', hasRisk: false, summary: '西班牙家居店首询：床品+餐具目录与MOQ', updatedAt: hoursAgo(7) },
|
||||
{ id: 'cv-006', customerId: 'c-006', channel: 'telegram', unreadCount: 0, status: 'replied', assigneeId: 'u-004', intentLevel: 'medium-high', sentiment: 'neutral-positive', hasRisk: false, summary: '1000个阿文书法Logo礼品杯，斋月前交付', updatedAt: hoursAgo(9) },
|
||||
{ id: 'cv-007', customerId: 'c-007', channel: 'messenger', unreadCount: 1, status: 'pending', assigneeId: 'u-008', intentLevel: 'medium', sentiment: 'neutral', hasRisk: false, summary: '800件开衫比价中，对方报价£3.95', updatedAt: hoursAgo(12) },
|
||||
{ id: 'cv-008', customerId: 'c-008', channel: 'email', unreadCount: 0, status: 'replied', assigneeId: 'u-004', intentLevel: 'medium-high', sentiment: 'neutral', hasRisk: false, summary: '德国客户3000个GaN充电器，样品已寄', updatedAt: hoursAgo(26) },
|
||||
{ id: 'cv-009', customerId: 'c-009', channel: 'whatsapp', unreadCount: 0, status: 'replied', assigneeId: 'u-003', intentLevel: 'medium', sentiment: 'neutral', hasRisk: false, summary: '1000件T恤询克重与颜色，已发色卡', updatedAt: hoursAgo(30) },
|
||||
{ id: 'cv-010', customerId: 'c-010', channel: 'whatsapp', unreadCount: 1, status: 'pending', assigneeId: 'u-005', intentLevel: 'medium-high', sentiment: 'positive', hasRisk: false, summary: '300套餐具，关心电商运输防碎包装', updatedAt: hoursAgo(8) },
|
||||
{ id: 'cv-011', customerId: 'c-011', channel: 'email', unreadCount: 0, status: 'replied', assigneeId: 'u-008', intentLevel: 'medium', sentiment: 'neutral', hasRisk: false, summary: '150套储物罐报价，询问巴塞罗那运输', updatedAt: daysAgo(1, 16) },
|
||||
{ id: 'cv-012', customerId: 'c-012', channel: 'landing', unreadCount: 1, status: 'pending', assigneeId: 'u-004', intentLevel: 'high', sentiment: 'positive', hasRisk: false, summary: '2000台TWS耳机季度框架，问蓝牙参数', updatedAt: minutesAgo(95) },
|
||||
{ id: 'cv-013', customerId: 'c-013', channel: 'messenger', unreadCount: 0, status: 'replied', assigneeId: 'u-008', intentLevel: 'medium-high', sentiment: 'neutral-positive', hasRisk: false, summary: 'POLO衫样品满意，待2000件最终报价', updatedAt: daysAgo(1, 11) },
|
||||
{ id: 'cv-014', customerId: 'c-014', channel: 'email', unreadCount: 1, status: 'pending', assigneeId: null, intentLevel: 'medium', sentiment: 'neutral', hasRisk: false, summary: '储物罐批发询价，未分配负责人', updatedAt: daysAgo(2, 14) },
|
||||
{ id: 'cv-015', customerId: 'c-015', channel: 'email', unreadCount: 0, status: 'replied', assigneeId: 'u-003', intentLevel: 'medium-high', sentiment: 'neutral-positive', hasRisk: false, summary: '600套床品£12/套达成，询问缩水率', updatedAt: daysAgo(1, 9) },
|
||||
{ id: 'cv-016', customerId: 'c-016', channel: 'webform', unreadCount: 0, status: 'replied', assigneeId: 'u-004', intentLevel: 'medium-high', sentiment: 'neutral', hasRisk: false, summary: '充电器+手表各1000，关注质保与DDP', updatedAt: daysAgo(1, 18) },
|
||||
{ id: 'cv-017', customerId: 'c-017', channel: 'whatsapp', unreadCount: 0, status: 'replied', assigneeId: 'u-008', intentLevel: 'high', sentiment: 'positive', hasRisk: false, summary: '1500只手表阿语适配，已报$11.2', updatedAt: hoursAgo(2) },
|
||||
{ id: 'cv-018', customerId: 'c-018', channel: 'telegram', unreadCount: 0, status: 'replied', assigneeId: 'u-005', intentLevel: 'medium', sentiment: 'neutral', hasRisk: false, summary: '与土耳其供应商比价，突出差异化', updatedAt: daysAgo(2, 10) },
|
||||
{ id: 'cv-019', customerId: 'c-019', channel: 'whatsapp', unreadCount: 1, status: 'pending', assigneeId: 'u-005', intentLevel: 'low', sentiment: 'angry', hasRisk: true, summary: '到货3%破损，客户强烈不满，最后通牒', updatedAt: minutesAgo(20) },
|
||||
{ id: 'cv-020', customerId: 'c-020', channel: 'whatsapp', unreadCount: 0, status: 'replied', assigneeId: 'u-003', intentLevel: 'high', sentiment: 'positive', hasRisk: false, summary: '老客户秋冬复购1200件开衫', updatedAt: hoursAgo(4) },
|
||||
]
|
||||
@@ -1,443 +0,0 @@
|
||||
import type { Customer } from '@/types/crm'
|
||||
import { daysAgo, daysFromNow, hoursAgo, minutesAgo } from './helpers'
|
||||
|
||||
/** 30 个演示客户（覆盖 8 国、4 大行业、多渠道来源） */
|
||||
export const customers: Customer[] = [
|
||||
{
|
||||
id: 'c-001', name: 'Ahmed Raza', company: 'Raza Trading Co.', country: 'PK', city: 'Lahore',
|
||||
email: 'ahmed.raza@razatrading.pk', phone: '+92 300 1234567', language: 'ur',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp 直聊（官网按钮带入）',
|
||||
products: ['定制Logo玻璃水杯', '双层玻璃杯 350ml'],
|
||||
tags: ['重点客户', '交期敏感', '定制需求'], intentScore: 86, valueLevel: 'A',
|
||||
stage: 'comparing', sentiment: 'neutral-positive', riskLevel: 'medium',
|
||||
ownerId: 'u-003', lastContactAt: minutesAgo(42), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(4), isKey: true,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '500 个（意向扩展至 2000）', targetPrice: '$1.6—1.8/个',
|
||||
moqRequirement: '500 起订', sampleNeed: '需要 2 个带Logo样品',
|
||||
customRequirement: '双色 Logo 印刷，350ml 双层杯',
|
||||
deliveryTime: '期望 10 天内（门店开业）', logistics: '卡拉奇港海运或空运',
|
||||
payment: '倾向 30% 定金 + 见提单副本付款', aftersales: '破损补发政策',
|
||||
concerns: ['价格', 'Logo定制效果', '交付时间'],
|
||||
summary: '巴基斯坦拉合尔贸易商，为门店开业采购 500 个定制玻璃杯，对交期敏感，同时在比较 2—3 家供应商，价格接受区间明确。',
|
||||
nextActions: ['发送阶梯报价和定制案例', '确认加急生产可行性', '安排样品寄送'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-002', name: 'Khalid Al Mansouri', company: 'Gulf Hospitality Group', country: 'AE', city: 'Dubai',
|
||||
email: 'k.mansouri@gulfhospitality.ae', phone: '+971 50 234 5678', language: 'ar',
|
||||
channel: 'email', sourcePath: '企业邮箱（展会名片录入）',
|
||||
products: ['高硼硅玻璃杯 500ml'], tags: ['大客户潜力', '展会客户'],
|
||||
intentScore: 78, valueLevel: 'B', stage: 'sample', sentiment: 'positive', riskLevel: 'low',
|
||||
ownerId: 'u-003', lastContactAt: hoursAgo(3), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(12), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '2000 个（酒店集团）', targetPrice: '$2.2/个以内',
|
||||
sampleNeed: '已寄样，等待反馈', deliveryTime: '45 天内分批交付',
|
||||
payment: '信用证 L/C 或 T/T', concerns: ['杯体耐温差性能', '批量一致性'],
|
||||
summary: '迪拜酒店集团采购负责人，为其连锁酒店采购玻璃杯，样品确认阶段，决策链较长但预算充足。',
|
||||
nextActions: ['跟进样品反馈', '准备耐温差测试报告'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-003', name: 'Rahim Uddin', company: 'Dhaka Apparel Sourcing', country: 'BD', city: 'Dhaka',
|
||||
email: 'rahim@dhakaapparel.com', phone: '+880 1712 345678', language: 'bn',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（Facebook 广告落地页）',
|
||||
products: ['男士纯棉T恤'], tags: ['价格敏感', '大客户潜力'],
|
||||
intentScore: 82, valueLevel: 'A', stage: 'closing', sentiment: 'positive', riskLevel: 'none',
|
||||
ownerId: 'u-004', lastContactAt: hoursAgo(1), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(9), isKey: true,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '5000 件', targetPrice: '$2.1/件', moqRequirement: '3000 起订可接受',
|
||||
deliveryTime: '30 天', payment: 'T/T 30% 定金', concerns: ['克重与缩水率', '交期'],
|
||||
summary: '孟加拉服装采购商，5000 件纯棉T恤进入议价尾声，价格接近成交区间，需尽快锁定。',
|
||||
nextActions: ['发送最终报价', '确认付款方式'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-004', name: 'Mike Johnson', company: 'Pacific Tech Imports', country: 'US', city: 'Los Angeles',
|
||||
email: 'mike.j@pacifictech.io', phone: '+1 310 555 0142', language: 'en',
|
||||
channel: 'email', sourcePath: '企业邮箱（官网询盘表单）',
|
||||
products: ['TWS蓝牙耳机'], tags: ['高风险'],
|
||||
intentScore: 45, valueLevel: 'C', stage: 'aftersales', sentiment: 'negative', riskLevel: 'high',
|
||||
ownerId: 'u-005', lastContactAt: hoursAgo(5), nextFollowUpAt: hoursAgo(-4) as unknown as string,
|
||||
createdAt: daysAgo(35), isKey: false,
|
||||
aiProfile: {
|
||||
aftersales: '样品物流延误 6 天，客户不满', concerns: ['物流时效', '沟通响应'],
|
||||
summary: '美国3C进口商，样品包裹延误引发投诉，情绪消极，需优先安抚并给出补偿方案，存在流失风险。',
|
||||
nextActions: ['售后安抚', '提供加急补寄方案'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-005', name: 'Carmen López', company: 'Hogar & Estilo S.L.', country: 'ES', city: 'Madrid',
|
||||
email: 'carmen@hogaryestilo.es', phone: '+34 612 345 678', language: 'es',
|
||||
channel: 'webform', sourcePath: '独立站表单（Google 搜索广告）',
|
||||
products: ['北欧棉麻四件套', 'ins风陶瓷餐具套装'], tags: [],
|
||||
intentScore: 64, valueLevel: 'B', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-003', lastContactAt: hoursAgo(7), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(1), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '待定（首批试单）', concerns: ['起订量', '色牢度'],
|
||||
summary: '西班牙家居零售商，首次询盘，关注棉麻四件套与餐具，需要目录与报价单。',
|
||||
nextActions: ['发送产品目录', '补充资料'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-006', name: 'Fahad Al-Otaibi', company: 'Riyadh Gifts Trading', country: 'SA', city: 'Riyadh',
|
||||
email: 'fahad@riyadhgifts.sa', phone: '+966 55 678 9012', language: 'ar',
|
||||
channel: 'telegram', sourcePath: 'Telegram 频道私信',
|
||||
products: ['定制Logo玻璃水杯'], tags: ['定制需求', '斋月注意'],
|
||||
intentScore: 71, valueLevel: 'B', stage: 'custom', sentiment: 'neutral-positive', riskLevel: 'none',
|
||||
ownerId: 'u-004', lastContactAt: hoursAgo(9), nextFollowUpAt: daysFromNow(3),
|
||||
createdAt: daysAgo(6), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '1000 个（企业礼品）', customRequirement: '阿拉伯文书法Logo + 礼盒',
|
||||
deliveryTime: '斋月前交付', concerns: ['阿文排版效果', '礼盒材质'],
|
||||
summary: '沙特礼品贸易商，定制企业礼品玻璃杯，涉及阿拉伯文排版与宗教文化细节，需文化敏感校对。',
|
||||
nextActions: ['发送阿文排版案例', '确认礼盒打样'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-007', name: 'Emma Wilson', company: 'London Threads Ltd', country: 'GB', city: 'London',
|
||||
email: 'emma@londonthreads.co.uk', phone: '+44 20 7946 0812', language: 'en',
|
||||
channel: 'messenger', sourcePath: 'Facebook 主页私信',
|
||||
products: ['女士针织开衫'], tags: ['价格敏感'],
|
||||
intentScore: 58, valueLevel: 'C', stage: 'comparing', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-008', lastContactAt: hoursAgo(12), nextFollowUpAt: daysFromNow(4),
|
||||
createdAt: daysAgo(5), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '800 件', targetPrice: '£4.5/件以内', concerns: ['比价中', '色号准确性'],
|
||||
summary: '英国女装批发商，多渠道比价中，对价格敏感，需提供差异化卖点与阶梯价。',
|
||||
nextActions: ['发送阶梯报价', '强调质检流程'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-008', name: 'Jonas Weber', company: 'RheinTech GmbH', country: 'DE', city: 'Düsseldorf',
|
||||
email: 'j.weber@rheintech.de', phone: '+49 211 555 0143', language: 'de',
|
||||
channel: 'email', sourcePath: '企业邮箱（LinkedIn 开发信回复）',
|
||||
products: ['65W氮化镓充电器'], tags: ['需要样品'],
|
||||
intentScore: 74, valueLevel: 'B', stage: 'sample', sentiment: 'neutral', riskLevel: 'low',
|
||||
ownerId: 'u-004', lastContactAt: hoursAgo(26), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(14), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '3000 个', customRequirement: '欧规插脚 + CE/RoHS 认证',
|
||||
concerns: ['认证文件齐全性', '温升测试数据'],
|
||||
summary: '德国3C配件商，注重合规认证与技术参数，要求提供 CE/RoHS 证书和测试报告，沟通风格严谨。',
|
||||
nextActions: ['发送认证文件', '补测温升报告'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-009', name: 'Fatima Bibi', company: 'Karachi Textiles', country: 'PK', city: 'Karachi',
|
||||
email: 'fatima@karachitextiles.pk', phone: '+92 321 7654321', language: 'ur',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（客户转介绍）',
|
||||
products: ['男士纯棉T恤'], tags: [],
|
||||
intentScore: 49, valueLevel: 'C', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-003', lastContactAt: hoursAgo(30), nextFollowUpAt: daysFromNow(5),
|
||||
createdAt: daysAgo(2), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '约 1000 件', concerns: ['面料克重选择'],
|
||||
summary: '巴基斯坦纺织贸易公司初次接触，需求尚在了解阶段，需引导明确规格。',
|
||||
nextActions: ['询问采购时间', '发送面料色卡'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-010', name: 'Layla Hassan', company: 'Dubai Home Decor LLC', country: 'AE', city: 'Dubai',
|
||||
email: 'layla@dubaihomedecor.ae', phone: '+971 52 345 6789', language: 'ar',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（Instagram 主页）',
|
||||
products: ['ins风陶瓷餐具套装'], tags: [],
|
||||
intentScore: 67, valueLevel: 'B', stage: 'comparing', sentiment: 'positive', riskLevel: 'none',
|
||||
ownerId: 'u-005', lastContactAt: hoursAgo(8), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(7), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '300 套', concerns: ['包装设计', '易碎品运输'],
|
||||
summary: '阿联酋家居电商，社媒获客，关注餐具套装颜值与运输破损率，沟通氛围积极。',
|
||||
nextActions: ['发送包装方案', '说明破损赔付政策'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-011', name: 'Carlos Ruiz', company: 'Restaurante Sol', country: 'ES', city: 'Barcelona',
|
||||
email: 'carlos@restaurantesol.es', phone: '+34 933 456 789', language: 'es',
|
||||
channel: 'email', sourcePath: '企业邮箱（官网底部表单）',
|
||||
products: ['玻璃储物罐套装'], tags: [],
|
||||
intentScore: 52, valueLevel: 'C', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-008', lastContactAt: daysAgo(1, 16), nextFollowUpAt: daysFromNow(6),
|
||||
createdAt: daysAgo(3), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '150 套', concerns: ['密封性'],
|
||||
summary: '西班牙餐厅经营者，小批量采购储物罐，决策快但金额有限。',
|
||||
nextActions: ['发送报价', '介绍混批政策'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-012', name: 'Sarah Miller', company: 'BrightWave Electronics', country: 'US', city: 'Austin',
|
||||
email: 'sarah.m@brightwave.com', phone: '+1 512 555 0177', language: 'en',
|
||||
channel: 'landing', sourcePath: '广告落地页（Google Ads - earbuds）',
|
||||
products: ['TWS蓝牙耳机'], tags: ['重点客户', '决策人直联'],
|
||||
intentScore: 88, valueLevel: 'A', stage: 'closing', sentiment: 'positive', riskLevel: 'none',
|
||||
ownerId: 'u-004', lastContactAt: minutesAgo(95), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(11), isKey: true,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '2000 台（季度框架 8000）', targetPrice: '$8.5/台',
|
||||
customRequirement: '丝印Logo + 定制包装', payment: 'T/T，接受阿里信保',
|
||||
concerns: ['蓝牙版本与延迟', '售后换新政策'],
|
||||
summary: '美国消费电子品牌采购经理，决策人直联，季度框架订单谈判中，成交概率高，需本周内推进合同。',
|
||||
nextActions: ['发送合同草案', '确认首单交付计划'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-013', name: 'Tanvir Hasan', company: 'Chittagong Garments', country: 'BD', city: 'Chittagong',
|
||||
email: 'tanvir@ctggarments.bd', phone: '+880 1812 987654', language: 'bn',
|
||||
channel: 'messenger', sourcePath: 'Facebook 主页私信',
|
||||
products: ['运动速干POLO衫'], tags: ['需要样品'],
|
||||
intentScore: 61, valueLevel: 'B', stage: 'sample', sentiment: 'neutral-positive', riskLevel: 'none',
|
||||
ownerId: 'u-008', lastContactAt: daysAgo(1, 11), nextFollowUpAt: daysFromNow(3),
|
||||
createdAt: daysAgo(8), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '2000 件', sampleNeed: 'M/L 码各 2 件', concerns: ['速干面料检测报告'],
|
||||
summary: '孟加拉吉大港服装商，POLO衫样品阶段，关注面料功能性检测。',
|
||||
nextActions: ['跟进样品签收', '发送检测报告'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-014', name: 'Omar Farooq', company: 'Lahore Homeware', country: 'PK', city: 'Lahore',
|
||||
email: 'omar@lahorehomeware.pk', phone: '+92 333 4567890', language: 'ur',
|
||||
channel: 'email', sourcePath: '企业邮箱（阿里国际站名片）',
|
||||
products: ['玻璃储物罐套装'], tags: [],
|
||||
intentScore: 43, valueLevel: 'C', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: null, lastContactAt: daysAgo(2, 14), nextFollowUpAt: null,
|
||||
createdAt: daysAgo(2), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '待确认', concerns: ['批发价格体系'],
|
||||
summary: '巴基斯坦家居批发商来信询价，尚未分配负责人，需尽快响应避免线索流失。',
|
||||
nextActions: ['分配负责人', '发送报价'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-015', name: 'James Smith', company: 'Britannia Living', country: 'GB', city: 'Manchester',
|
||||
email: 'james@britannialiving.co.uk', phone: '+44 161 496 0223', language: 'en',
|
||||
channel: 'email', sourcePath: '企业邮箱（展会名片录入）',
|
||||
products: ['北欧棉麻四件套'], tags: ['展会客户'],
|
||||
intentScore: 76, valueLevel: 'B', stage: 'closing', sentiment: 'neutral-positive', riskLevel: 'low',
|
||||
ownerId: 'u-003', lastContactAt: daysAgo(1, 9), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(21), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '600 套', targetPrice: '£12/套', payment: 'T/T 或 PayPal 小额',
|
||||
concerns: ['洗后缩水率', '包装箱规'],
|
||||
summary: '英国家居连锁买手，展会接触后持续跟进，条款接近一致，处于成交推进期。',
|
||||
nextActions: ['确认最终条款', '准备形式发票'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-016', name: 'Anna Schmidt', company: 'München Elektro', country: 'DE', city: 'Munich',
|
||||
email: 'anna.schmidt@melektro.de', phone: '+49 89 555 0188', language: 'de',
|
||||
channel: 'webform', sourcePath: '独立站表单（自然搜索）',
|
||||
products: ['65W氮化镓充电器', '智能手表'], tags: [],
|
||||
intentScore: 69, valueLevel: 'B', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-004', lastContactAt: daysAgo(1, 18), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(2), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '各 1000', concerns: ['质保周期', '欧盟关税与VAT'],
|
||||
summary: '德国电子零售商，询盘充电器与手表，问题专业具体，重视质保与税务合规。',
|
||||
nextActions: ['发送产品规格书', '说明DDP条款'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-017', name: 'Abdullah Al-Rashid', company: 'Jeddah Gadgets', country: 'SA', city: 'Jeddah',
|
||||
email: 'abdullah@jeddahgadgets.sa', phone: '+966 56 789 0123', language: 'ar',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（TikTok 广告）',
|
||||
products: ['智能手表'], tags: ['大客户潜力'],
|
||||
intentScore: 81, valueLevel: 'A', stage: 'closing', sentiment: 'positive', riskLevel: 'none',
|
||||
ownerId: 'u-008', lastContactAt: hoursAgo(2), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(10), isKey: true,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '1500 只', targetPrice: '$11/只', customRequirement: '阿语表盘 + 开机画面',
|
||||
concerns: ['阿语系统适配', '本地售后'],
|
||||
summary: '沙特3C经销商，智能手表定制需求明确（阿语适配），意向强烈，临近下单。',
|
||||
nextActions: ['确认阿语固件方案', '发送最终报价'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-018', name: 'Lucía Fernández', company: 'Casa Mediterránea', country: 'ES', city: 'Valencia',
|
||||
email: 'lucia@casamediterranea.es', phone: '+34 654 321 098', language: 'es',
|
||||
channel: 'telegram', sourcePath: 'Telegram 群组推荐',
|
||||
products: ['ins风陶瓷餐具套装'], tags: ['价格敏感'],
|
||||
intentScore: 55, valueLevel: 'C', stage: 'comparing', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-005', lastContactAt: daysAgo(2, 10), nextFollowUpAt: daysFromNow(5),
|
||||
createdAt: daysAgo(6), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '200 套', targetPrice: '€6/套以内', concerns: ['与土耳其供应商比价'],
|
||||
summary: '西班牙家居网店主，比价中，对价格敏感，可突出设计与破损包赔差异化。',
|
||||
nextActions: ['发送差异化卖点', '阶梯报价'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-019', name: 'Tom Baker', company: 'Midwest Retail Group', country: 'US', city: 'Chicago',
|
||||
email: 'tom.baker@midwestretail.com', phone: '+1 773 555 0119', language: 'en',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（老客户导入）',
|
||||
products: ['双层玻璃杯 350ml'], tags: ['高风险', '重点客户'],
|
||||
intentScore: 38, valueLevel: 'B', stage: 'aftersales', sentiment: 'angry', riskLevel: 'urgent',
|
||||
ownerId: 'u-005', lastContactAt: minutesAgo(20), nextFollowUpAt: hoursAgo(-2) as unknown as string,
|
||||
createdAt: daysAgo(90), isKey: true,
|
||||
aiProfile: {
|
||||
aftersales: '到货 3% 破损，要求补发与赔偿', concerns: ['破损率', '赔付进度', '下次合作信任'],
|
||||
summary: '美国零售集团老客户，上批货物破损引发强烈不满，情绪激烈，存在纠纷升级与流失风险，需管理层介入。',
|
||||
nextActions: ['售后安抚', '管理层回电', '给出补发+赔付方案'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-020', name: 'Nusrat Jahan', company: 'Sylhet Fashion House', country: 'BD', city: 'Sylhet',
|
||||
email: 'nusrat@sylhetfashion.bd', phone: '+880 1912 111222', language: 'bn',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（历史成交客户）',
|
||||
products: ['女士针织开衫'], tags: ['复购客户', '老客户'],
|
||||
intentScore: 84, valueLevel: 'A', stage: 'repurchase', sentiment: 'positive', riskLevel: 'none',
|
||||
ownerId: 'u-003', lastContactAt: hoursAgo(4), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(150), isKey: true,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '复购 1200 件（秋冬款）', concerns: ['新色卡', '交期赶在销售季前'],
|
||||
summary: '孟加拉女装老客户，秋冬复购洽谈中，历史合作顺畅，关注新色卡与上市时间。',
|
||||
nextActions: ['发送秋冬色卡', '确认复购排产'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-021', name: 'Hassan Ali', company: 'Islamabad Traders', country: 'PK', city: 'Islamabad',
|
||||
email: 'hassan@islamabadtraders.pk', phone: '+92 345 6789012', language: 'ur',
|
||||
channel: 'telegram', sourcePath: 'Telegram 频道私信',
|
||||
products: ['高硼硅玻璃杯 500ml'], tags: [],
|
||||
intentScore: 66, valueLevel: 'B', stage: 'comparing', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-004', lastContactAt: daysAgo(1, 13), nextFollowUpAt: daysFromNow(3),
|
||||
createdAt: daysAgo(4), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '800 个', concerns: ['与本地供应商价差'],
|
||||
summary: '巴基斯坦贸易商，询价比价阶段，需突出耐温差品质与出口包装。',
|
||||
nextActions: ['发送测试视频', '阶梯报价'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-022', name: 'Mariam Al-Zaabi', company: 'Abu Dhabi Lifestyle', country: 'AE', city: 'Abu Dhabi',
|
||||
email: 'mariam@adlifestyle.ae', phone: '+971 54 987 6543', language: 'ar',
|
||||
channel: 'webform', sourcePath: '独立站表单（Instagram 广告）',
|
||||
products: ['北欧棉麻四件套'], tags: [],
|
||||
intentScore: 47, valueLevel: 'C', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-008', lastContactAt: daysAgo(2, 17), nextFollowUpAt: daysFromNow(6),
|
||||
createdAt: daysAgo(3), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '100 套试单', concerns: ['面料成分'],
|
||||
summary: '阿联酋家居电商新客，小额试单意向，需培育信任。',
|
||||
nextActions: ['发送材质说明', '介绍试单政策'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-023', name: 'Peter Jones', company: 'Manchester Supplies', country: 'GB', city: 'Manchester',
|
||||
email: 'peter@mansupplies.co.uk', phone: '+44 161 555 0134', language: 'en',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（官网按钮）',
|
||||
products: ['运动速干POLO衫'], tags: [],
|
||||
intentScore: 59, valueLevel: 'C', stage: 'comparing', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-003', lastContactAt: daysAgo(1, 15), nextFollowUpAt: daysFromNow(4),
|
||||
createdAt: daysAgo(5), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '1500 件', concerns: ['印字工艺牢度'],
|
||||
summary: '英国团购服饰供应商，询POLO衫印字款，比价阶段。',
|
||||
nextActions: ['发送印字工艺案例'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-024', name: 'Laura García', company: 'Valencia Home', country: 'ES', city: 'Valencia',
|
||||
email: 'laura@valenciahome.es', phone: '+34 611 222 333', language: 'es',
|
||||
channel: 'whatsapp', sourcePath: 'WhatsApp（Google 我的商家）',
|
||||
products: ['玻璃储物罐套装'], tags: ['需要样品'],
|
||||
intentScore: 72, valueLevel: 'B', stage: 'sample', sentiment: 'positive', riskLevel: 'none',
|
||||
ownerId: 'u-005', lastContactAt: hoursAgo(6), nextFollowUpAt: daysFromNow(2),
|
||||
createdAt: daysAgo(9), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '400 套', sampleNeed: '1 套完整样品', concerns: ['硅胶圈密封性'],
|
||||
summary: '西班牙家居连锁采购，样品已签收待测试反馈，进展良好。',
|
||||
nextActions: ['回访样品测试结果'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-025', name: 'Imran Sheikh', company: 'Multan Glass House', country: 'PK', city: 'Multan',
|
||||
email: 'imran@multanglass.pk', phone: '+92 301 7778889', language: 'ur',
|
||||
channel: 'landing', sourcePath: '广告落地页（Facebook - custom glass）',
|
||||
products: ['定制Logo玻璃水杯'], tags: ['定制需求'],
|
||||
intentScore: 79, valueLevel: 'B', stage: 'custom', sentiment: 'neutral-positive', riskLevel: 'medium',
|
||||
ownerId: 'u-004', lastContactAt: hoursAgo(10), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(7), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '600 个', customRequirement: '3色丝印 + 独立彩盒',
|
||||
deliveryTime: '20 天内', concerns: ['打样费用', '颜色还原度'],
|
||||
summary: '巴基斯坦玻璃制品经销商，定制需求明确，催问打样进度，对交期有硬要求，存在轻微流失风险。',
|
||||
nextActions: ['确认打样排期', '发送色卡对照'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-026', name: 'Markus Braun', company: 'Berlin Smart Living', country: 'DE', city: 'Berlin',
|
||||
email: 'markus@berlinsmartliving.de', phone: '+49 30 555 0145', language: 'de',
|
||||
channel: 'telegram', sourcePath: 'Telegram（展会群）',
|
||||
products: ['智能手表'], tags: ['展会客户'],
|
||||
intentScore: 63, valueLevel: 'B', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-008', lastContactAt: daysAgo(3, 10), nextFollowUpAt: daysFromNow(5),
|
||||
createdAt: daysAgo(3), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '500 只', concerns: ['GDPR 数据合规'],
|
||||
summary: '德国智能家居渠道商，展会群接触，关注数据合规与隐私条款。',
|
||||
nextActions: ['发送合规声明'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-027', name: 'Grace Thompson', company: 'Atlantic Kitchenware', country: 'US', city: 'New York',
|
||||
email: 'grace@atlantickitchen.com', phone: '+1 212 555 0161', language: 'en',
|
||||
channel: 'email', sourcePath: '企业邮箱（老客户推荐）',
|
||||
products: ['高硼硅玻璃杯 500ml'], tags: [],
|
||||
intentScore: 68, valueLevel: 'B', stage: 'closing', sentiment: 'neutral-positive', riskLevel: 'none',
|
||||
ownerId: 'u-003', lastContactAt: daysAgo(1, 8), nextFollowUpAt: daysFromNow(3),
|
||||
createdAt: daysAgo(16), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '1200 个', payment: 'T/T', concerns: ['FDA 食品级检测'],
|
||||
summary: '美国厨具进口商，推荐客户，条款谈判中，需提供 FDA 检测报告。',
|
||||
nextActions: ['发送FDA报告', '确认订单细节'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-028', name: 'Saud Al-Harbi', company: 'Mecca Trading', country: 'SA', city: 'Jeddah',
|
||||
email: 'saud@meccatrading.sa', phone: '+966 53 111 2233', language: 'ar',
|
||||
channel: 'email', sourcePath: '企业邮箱（官网询盘表单）',
|
||||
products: ['定制Logo玻璃水杯'], tags: ['重点客户', '斋月注意'],
|
||||
intentScore: 85, valueLevel: 'A', stage: 'closing', sentiment: 'positive', riskLevel: 'low',
|
||||
ownerId: 'u-004', lastContactAt: minutesAgo(150), nextFollowUpAt: daysFromNow(1),
|
||||
createdAt: daysAgo(13), isKey: true,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '3000 个（朝觐礼品季）', customRequirement: '礼盒 + 阿文祝福语烫金',
|
||||
deliveryTime: '季节硬性节点', concerns: ['宗教用语准确性', '节点前交付'],
|
||||
summary: '沙特大型贸易商，朝觐礼品季大单，金额高、节点硬，文案涉及宗教用语需严格校对，重点推进。',
|
||||
nextActions: ['宗教文案校对确认', '锁定排产与船期'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-029', name: 'Farhana Akter', company: 'Barisal Textiles', country: 'BD', city: 'Barisal',
|
||||
email: 'farhana@barisaltextiles.bd', phone: '+880 1712 555666', language: 'bn',
|
||||
channel: 'email', sourcePath: '企业邮箱（B2B平台名片）',
|
||||
products: ['男士纯棉T恤'], tags: [],
|
||||
intentScore: 41, valueLevel: 'D', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: null, lastContactAt: daysAgo(3, 14), nextFollowUpAt: null,
|
||||
createdAt: daysAgo(3), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '未明确', concerns: ['最低起订量'],
|
||||
summary: '孟加拉小型纺织商，询盘信息简略，未分配负责人，需低成本触达筛选。',
|
||||
nextActions: ['分配负责人', '发送公司简介'],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'c-030', name: 'Omar bin Zayed', company: 'Sharjah Souq Trading', country: 'AE', city: 'Sharjah',
|
||||
email: 'omar@sharjahsouq.ae', phone: '+971 56 444 5566', language: 'ar',
|
||||
channel: 'messenger', sourcePath: 'Facebook 主页私信',
|
||||
products: ['ins风陶瓷餐具套装'], tags: [],
|
||||
intentScore: 56, valueLevel: 'C', stage: 'comparing', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: 'u-005', lastContactAt: daysAgo(1, 19), nextFollowUpAt: daysFromNow(4),
|
||||
createdAt: daysAgo(5), isKey: false,
|
||||
aiProfile: {
|
||||
inquiryQuantity: '250 套', concerns: ['批发阶梯价'],
|
||||
summary: '阿联酋沙迦集市贸易商，习惯当面议价，线上比价阶段。',
|
||||
nextActions: ['发送阶梯报价'],
|
||||
},
|
||||
},
|
||||
]
|
||||
@@ -1,45 +0,0 @@
|
||||
/** Mock 时间辅助：所有演示时间相对当前时刻生成，保证演示时数据“新鲜” */
|
||||
|
||||
export function minutesAgo(n: number): string {
|
||||
return new Date(Date.now() - n * 60000).toISOString()
|
||||
}
|
||||
|
||||
export function hoursAgo(n: number): string {
|
||||
return new Date(Date.now() - n * 3600000).toISOString()
|
||||
}
|
||||
|
||||
export function daysAgo(n: number, hour = 10): string {
|
||||
const d = new Date()
|
||||
d.setDate(d.getDate() - n)
|
||||
d.setHours(hour, Math.floor(Math.random() * 50) + 5, 0, 0)
|
||||
return d.toISOString()
|
||||
}
|
||||
|
||||
export function hoursFromNow(n: number): string {
|
||||
return new Date(Date.now() + n * 3600000).toISOString()
|
||||
}
|
||||
|
||||
export function daysFromNow(n: number, hour = 15): string {
|
||||
const d = new Date()
|
||||
d.setDate(d.getDate() + n)
|
||||
d.setHours(hour, 0, 0, 0)
|
||||
return d.toISOString()
|
||||
}
|
||||
|
||||
/** 今天某个时间 */
|
||||
export function todayAt(hour: number, minute = 0): string {
|
||||
const d = new Date()
|
||||
d.setHours(hour, minute, 0, 0)
|
||||
return d.toISOString()
|
||||
}
|
||||
|
||||
/** 近 N 天的日期标签数组（MM-dd） */
|
||||
export function lastNDays(n: number): string[] {
|
||||
const out: string[] = []
|
||||
for (let i = n - 1; i >= 0; i--) {
|
||||
const d = new Date()
|
||||
d.setDate(d.getDate() - i)
|
||||
out.push(`${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`)
|
||||
}
|
||||
return out
|
||||
}
|
||||
@@ -1,45 +0,0 @@
|
||||
import type { IndustryPack, KnowledgeItem } from '@/types/knowledge'
|
||||
import { daysAgo, hoursAgo } from './helpers'
|
||||
|
||||
/** 30 条企业知识 */
|
||||
export const knowledgeItems: KnowledgeItem[] = [
|
||||
{ id: 'k-001', title: '双层玻璃杯 350ml 产品规格书', category: 'product', content: '双层高硼硅玻璃杯，容量350ml，耐温-20°C—150°C，可定制1—3色Logo。杯身通透，双层隔热防烫。常规包装：白盒+气泡袋，可选彩盒。', tags: ['玻璃杯', '双层', '定制'], enabled: true, version: 3, updatedAt: daysAgo(10), updatedBy: '李婷', source: 'file', fileName: '双层玻璃杯350ml规格书.pdf', fileType: 'pdf', status: 'ready', citedCount: 128, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-002', title: '高硼硅玻璃杯 500ml 规格与检测', category: 'product', content: '高硼硅3.3玻璃，500ml，耐温差冲击≥150°C（50次循环测试报告编号 TR-BS2024-07）。通过FDA食品级检测。适用酒店、礼品渠道。', tags: ['高硼硅', 'FDA', '酒店'], enabled: true, version: 2, updatedAt: daysAgo(8), updatedBy: '李婷', source: 'file', fileName: '高硼硅500ml检测报告.pdf', fileType: 'pdf', status: 'ready', citedCount: 96, languages: ['zh', 'en', 'ar'], quality: 'good' },
|
||||
{ id: 'k-003', title: '定制Logo玻璃水杯工艺说明', category: 'product', content: '丝印1—3色，支持潘通色号对色；另支持烤花、激光雕刻。打样周期3—5天，打样费$30（下单返还）。定制起订量500个。', tags: ['定制', '丝印', '打样'], enabled: true, version: 4, updatedAt: daysAgo(5), updatedBy: '赵磊', source: 'manual', status: 'ready', citedCount: 210, languages: ['zh', 'en', 'ur', 'ar'], quality: 'good' },
|
||||
{ id: 'k-004', title: '玻璃储物罐套装（竹盖硅胶圈）', category: 'product', content: '三件套/五件套可选，竹木盖+食品级硅胶密封圈，密封防潮。容量200—1500ml。适合家居、餐饮渠道混批。', tags: ['储物罐', '套装'], enabled: true, version: 1, updatedAt: daysAgo(15), updatedBy: '周敏', source: 'file', fileName: '储物罐套装.xlsx', fileType: 'excel', status: 'ready', citedCount: 34, languages: ['zh', 'en', 'es'], quality: 'normal' },
|
||||
{ id: 'k-005', title: '男士纯棉T恤（180gsm）产品资料', category: 'product', content: '180克精梳棉，预缩工艺缩水率≤3%，24色可选，S—XXL。支持定制领标、印花、刺绣。SGS检测报告齐全。', tags: ['T恤', '纯棉', '服装'], enabled: true, version: 2, updatedAt: daysAgo(6), updatedBy: '赵磊', source: 'file', fileName: 'T恤产品册.pdf', fileType: 'pdf', status: 'ready', citedCount: 88, languages: ['zh', 'en', 'bn'], quality: 'good' },
|
||||
{ id: 'k-006', title: '女士针织开衫秋冬款资料', category: 'product', content: '12针针织，70%粘胶30%涤纶，手感柔软不易起球。24色，支持定制唛头。秋冬新色卡18色。', tags: ['开衫', '针织', '秋冬'], enabled: true, version: 1, updatedAt: daysAgo(4), updatedBy: '李婷', source: 'manual', status: 'ready', citedCount: 45, languages: ['zh', 'en', 'bn'], quality: 'normal' },
|
||||
{ id: 'k-007', title: 'TWS蓝牙耳机规格（BT5.4）', category: 'product', content: '蓝牙5.4，游戏模式延迟45ms，ENC通话降噪，续航6+24小时。支持丝印Logo与定制包装。12个月免费换新。', tags: ['耳机', 'TWS', '3C'], enabled: true, version: 5, updatedAt: daysAgo(3), updatedBy: '赵磊', source: 'file', fileName: 'TWS耳机规格书.pdf', fileType: 'pdf', status: 'ready', citedCount: 156, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-008', title: '65W氮化镓充电器规格与认证', category: 'product', content: 'GaN 65W，双C口+单A口，满载外壳温升≤42°C。CE/RoHS/REACH齐全，TÜV检测，18个月质保。欧规/美规/英规插脚可选。', tags: ['充电器', 'GaN', '认证'], enabled: true, version: 3, updatedAt: daysAgo(7), updatedBy: '赵磊', source: 'file', fileName: 'GaN充电器认证包.zip', fileType: 'pdf', status: 'ready', citedCount: 112, languages: ['zh', 'en', 'de'], quality: 'good' },
|
||||
{ id: 'k-009', title: '智能手表（阿语版）功能说明', category: 'product', content: '1.85寸屏，菜单与通知完整支持阿拉伯语，开机画面可定制Logo。心率/血氧/睡眠监测。GDPR数据合规声明可提供。', tags: ['智能手表', '阿语', '中东'], enabled: true, version: 2, updatedAt: daysAgo(9), updatedBy: '郑楠', source: 'manual', status: 'ready', citedCount: 67, languages: ['zh', 'en', 'ar'], quality: 'good' },
|
||||
{ id: 'k-010', title: '玻璃杯阶梯报价规则（2026 Q3）', category: 'pricing', content: '双层350ml：500个$1.85｜1000个$1.68｜2000个$1.52（含单色Logo，双色+$0.08/色）。高硼硅500ml：1000个$2.10｜2000个$1.95｜5000个$1.78。加急费$80（10天）。', tags: ['报价', '阶梯价', '玻璃杯'], enabled: true, version: 6, updatedAt: daysAgo(2), updatedBy: '陈昊', source: 'manual', status: 'ready', citedCount: 320, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-011', title: '服装类报价规则', category: 'pricing', content: 'T恤180gsm：1000件$2.55｜3000件$2.35｜5000件$2.20。开衫：800件£4.20｜1500件£4.05。定制领标500件起免费。', tags: ['报价', '服装'], enabled: true, version: 4, updatedAt: daysAgo(3), updatedBy: '陈昊', source: 'manual', status: 'ready', citedCount: 186, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-012', title: '3C产品报价规则', category: 'pricing', content: 'TWS耳机：2000台$8.90｜季度框架8000台$8.30。GaN充电器：3000个$6.50｜5000个$6.10。智能手表：1000只$11.8｜1500只$11.2。', tags: ['报价', '3C'], enabled: true, version: 3, updatedAt: daysAgo(4), updatedBy: '陈昊', source: 'manual', status: 'ready', citedCount: 145, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-013', title: 'MOQ 起订量规则总表', category: 'moq', content: '玻璃杯定制500起、光杯100起；T恤500件起、开衫500件起；3C类1000台起；家居餐具100套起（首单试单可50套，价格上浮5%）。', tags: ['MOQ', '起订量'], enabled: true, version: 2, updatedAt: daysAgo(12), updatedBy: '陈昊', source: 'manual', status: 'ready', citedCount: 98, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-014', title: '定制流程与打样政策', category: 'customization', content: '流程：需求确认→设计稿→客户确认→打样（3—5天）→确认→大货。打样费$30—50下单返还。阿文等右向左文字需专业排版校对。', tags: ['定制', '打样', '流程'], enabled: true, version: 2, updatedAt: daysAgo(11), updatedBy: '李婷', source: 'manual', status: 'ready', citedCount: 76, languages: ['zh', 'en', 'ar'], quality: 'good' },
|
||||
{ id: 'k-015', title: '物流政策：中东/南亚线路', category: 'logistics', content: '阿联酋/沙特：空运5—7天，海运18—25天（杰贝阿里/达曼港）。巴基斯坦：海运卡拉奇港22—28天，支持DDP拉合尔。孟加拉：海运吉大港18—22天。', tags: ['物流', '中东', '南亚'], enabled: true, version: 5, updatedAt: daysAgo(4), updatedBy: '周敏', source: 'manual', status: 'ready', citedCount: 203, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-016', title: '物流政策：欧美线路', category: 'logistics', content: '美国：海运美西18—22天，空运5—8天，DDP可选。欧洲：海运28—35天，铁路18—22天，DDP慕尼黑/瓦伦西亚可选。样品默认DHL/FedEx。', tags: ['物流', '欧美'], enabled: true, version: 4, updatedAt: daysAgo(6), updatedBy: '周敏', source: 'manual', status: 'ready', citedCount: 167, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-017', title: '易碎品包装与破损赔付政策', category: 'logistics', content: '玻璃/陶瓷类：气泡膜+珍珠棉独立包装+五层瓦楞外箱，破损率承诺<0.5%。破损免费补发或按货值120%赔付，需提供开箱照片。', tags: ['包装', '破损', '赔付'], enabled: true, version: 3, updatedAt: daysAgo(5), updatedBy: '周敏', source: 'manual', status: 'ready', citedCount: 142, languages: ['zh', 'en', 'es', 'ar'], quality: 'good' },
|
||||
{ id: 'k-018', title: '付款方式与条款', category: 'payment', content: '常规：T/T 30%定金+70%见提单副本。支持：信用证L/C（金额>$10,000）、阿里信保、PayPal（小额样品单）。老客户可申请月结。', tags: ['付款', 'T/T', '信用证'], enabled: true, version: 2, updatedAt: daysAgo(20), updatedBy: '王琳', source: 'manual', status: 'ready', citedCount: 88, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-019', title: '售后政策总纲', category: 'aftersales', content: '质量问题：7天内免费退换；补发默认海运，可加急空运（责任在我方时免费）。3C产品：12—18个月质保，DOA 7天内换新。投诉24小时内响应。', tags: ['售后', '质保', '退换'], enabled: true, version: 3, updatedAt: daysAgo(14), updatedBy: '王琳', source: 'manual', status: 'ready', citedCount: 119, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-020', title: 'FAQ：玻璃杯定制常见问题', category: 'faq', content: 'Q: Logo会掉色吗？A: 高温丝印，洗碗机200次测试不掉色。Q: 能做双色吗？A: 支持1—3色，每加一色+$0.08。Q: 最小定制量？A: 500个。', tags: ['FAQ', '玻璃杯'], enabled: true, version: 2, updatedAt: daysAgo(9), updatedBy: '周敏', source: 'manual', status: 'ready', citedCount: 154, languages: ['zh', 'en', 'ur'], quality: 'good' },
|
||||
{ id: 'k-021', title: 'FAQ：服装面料与尺码', category: 'faq', content: 'Q: 180gsm是什么概念？A: 中厚款，四季可穿不透。Q: 缩水率？A: 预缩工艺≤3%。Q: 欧码如何对应？A: 提供尺码对照表，支持定制。', tags: ['FAQ', '服装'], enabled: true, version: 1, updatedAt: daysAgo(16), updatedBy: '周敏', source: 'manual', status: 'ready', citedCount: 52, languages: ['zh', 'en', 'bn'], quality: 'normal' },
|
||||
{ id: 'k-022', title: '企业介绍（标准版）', category: 'company', content: '徐州欧汇科技有限公司，专注玻璃制品、服装纺织与3C配件出口12年，服务全球2000+客户。自有质检团队，支持OEM/ODM，年出口额$8M。', tags: ['企业介绍'], enabled: true, version: 4, updatedAt: daysAgo(30), updatedBy: '王琳', source: 'manual', status: 'ready', citedCount: 74, languages: ['zh', 'en', 'ar', 'es'], quality: 'good' },
|
||||
{ id: 'k-023', title: '产品认证清单与证书编号', category: 'certification', content: '玻璃杯：FDA（编号FDA-2024-8842）、LFGB。3C：CE/RoHS/REACH/TÜV。服装：OEKO-TEX Standard 100、SGS检测。证书原件扫描件可发客户。', tags: ['认证', 'FDA', 'CE'], enabled: true, version: 2, updatedAt: daysAgo(18), updatedBy: '赵磊', source: 'file', fileName: '认证清单.pdf', fileType: 'pdf', status: 'ready', citedCount: 93, languages: ['zh', 'en', 'de'], quality: 'good' },
|
||||
{ id: 'k-024', title: '成功回复案例：交期敏感客户促单', category: 'success-reply', content: '场景：客户因开业节点要求10天交付。成功话术：承认节点重要性→给出加急方案（10天+$80）→附同类开业客户案例→限定优惠时限。转化率：该场景下68%。', tags: ['成功案例', '促单', '交期'], enabled: true, version: 1, updatedAt: daysAgo(13), updatedBy: '李婷', source: 'reply', status: 'ready', citedCount: 87, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-025', title: '成功回复案例：比价客户差异化', category: 'success-reply', content: '场景：客户持竞品低价报价。成功话术：不跟价→拆解成本差异（面料/工艺/质检）→提供增值选项→给客户保留面子的台阶。转化率54%。', tags: ['成功案例', '比价'], enabled: true, version: 1, updatedAt: daysAgo(15), updatedBy: '赵磊', source: 'reply', status: 'ready', citedCount: 79, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-026', title: '外贸术语库（中英对照）', category: 'terminology', content: 'MOQ=最低起订量；FOB=离岸价；CIF=到岸价；DDP=完税后交货；OEM=代工；ODM=原创设计制造；Lead Time=交期；PI=形式发票；B/L=提单；GSM=克重。', tags: ['术语', '中英'], enabled: true, version: 3, updatedAt: daysAgo(25), updatedBy: '周敏', source: 'manual', status: 'ready', citedCount: 234, languages: ['zh', 'en'], quality: 'good' },
|
||||
{ id: 'k-027', title: '玻璃行业术语（多语种）', category: 'terminology', content: 'Borosilicate glass=高硼硅玻璃；Double-wall=双层；Thermal shock resistance=耐温差冲击；Silk screen printing=丝印；Tempered=钢化。含乌尔都语/阿拉伯语对应表达。', tags: ['术语', '玻璃'], enabled: true, version: 2, updatedAt: daysAgo(21), updatedBy: '李婷', source: 'manual', status: 'ready', citedCount: 61, languages: ['zh', 'en', 'ur', 'ar'], quality: 'normal' },
|
||||
{ id: 'k-028', title: '中东客户文化注意事项', category: 'culture', content: '斋月期间白天避免提及饮食；祝福用语谨慎引用宗教经文；商务问候宜正式（如 السلام عليكم）；周五为主麻日避免催单；避免酒类、猪肉相关元素；右手递物。', tags: ['文化', '中东', '斋月'], enabled: true, version: 2, updatedAt: daysAgo(28), updatedBy: '王琳', source: 'manual', status: 'ready', citedCount: 108, languages: ['zh', 'en', 'ar'], quality: 'good' },
|
||||
{ id: 'k-029', title: '南亚客户沟通注意事项', category: 'culture', content: '巴基斯坦/孟加拉客户重视关系建立，开场寒暄很重要；议价是常态，预留谈判空间；乌尔都语/孟加拉语问候能显著提升好感；注意节假日（开斋节、宰牲节）。', tags: ['文化', '南亚'], enabled: true, version: 1, updatedAt: daysAgo(22), updatedBy: '李婷', source: 'manual', status: 'ready', citedCount: 66, languages: ['zh', 'en', 'ur', 'bn'], quality: 'normal' },
|
||||
{ id: 'k-030', title: '欧美客户沟通注意事项', category: 'culture', content: '欧美客户偏好直接、数据化的沟通；德国客户重视认证与技术细节；美国客户决策快但重视履约记录；西班牙客户午后回复延迟属正常（午休文化）。', tags: ['文化', '欧美'], enabled: true, version: 1, updatedAt: hoursAgo(36), updatedBy: '陈昊', source: 'manual', status: 'parsing', citedCount: 12, languages: ['zh', 'en', 'de', 'es'], quality: 'low' },
|
||||
]
|
||||
|
||||
/** 行业知识包 */
|
||||
export const industryPacks: IndustryPack[] = [
|
||||
{ key: 'glass', name: '玻璃杯行业包', description: '玻璃材质、工艺、检测、定制与包装知识 86 条', itemCount: 86, installed: true },
|
||||
{ key: 'apparel', name: '服装行业包', description: '面料、克重、工艺、尺码与验货知识 124 条', itemCount: 124, installed: true },
|
||||
{ key: '3c', name: '3C电子行业包', description: '参数、认证、质保与合规知识 98 条', itemCount: 98, installed: false },
|
||||
{ key: 'home', name: '家居用品行业包', description: '材质、包装、物流与平台话术知识 72 条', itemCount: 72, installed: false },
|
||||
{ key: 'general', name: '通用外贸知识包', description: '贸易术语、付款、物流、谈判通用知识 156 条', itemCount: 156, installed: true },
|
||||
]
|
||||
@@ -1,176 +0,0 @@
|
||||
import type { Message, MessageSender } from '@/types/messaging'
|
||||
import { minutesAgo, hoursAgo, daysAgo } from './helpers'
|
||||
|
||||
let seq = 0
|
||||
function m(
|
||||
conversationId: string,
|
||||
sender: MessageSender,
|
||||
originalText: string,
|
||||
translatedText: string | undefined,
|
||||
originalLang: string,
|
||||
createdAt: string,
|
||||
extra?: Partial<Message>,
|
||||
): Message {
|
||||
seq += 1
|
||||
return {
|
||||
id: `msg-${String(seq).padStart(4, '0')}`,
|
||||
conversationId,
|
||||
sender,
|
||||
type: 'text',
|
||||
originalText,
|
||||
translatedText,
|
||||
originalLang,
|
||||
status: sender === 'agent' ? 'read' : 'delivered',
|
||||
createdAt,
|
||||
...extra,
|
||||
}
|
||||
}
|
||||
|
||||
/** 105 条多语种演示消息（乌尔都语/阿拉伯语/孟加拉语/西班牙语/英语） */
|
||||
export const messages: Message[] = [
|
||||
// ===== cv-001 巴基斯坦 Ahmed Raza：500个定制玻璃杯（核心演示场景） =====
|
||||
m('cv-001', 'customer', 'السلام علیکم! مجھے اپنی دکان کے لیے 500 کسٹم گلاس کپ چاہئیں۔ کیا آپ لوگو پرنٹ کر سکتے ہیں؟', '你好！我需要为我的商店订购500个定制玻璃杯。你们可以印Logo吗？', 'ur', hoursAgo(4)),
|
||||
m('cv-001', 'agent', 'Wa alaikum assalam! Yes, we support custom logo printing in 1-3 colors. Could you share your logo file and the cup size you prefer?', '你好！可以的，我们支持1—3色Logo定制印刷。方便发一下Logo文件和您想要的杯型尺寸吗？', 'en', hoursAgo(3.8)),
|
||||
m('cv-001', 'customer', 'ہمارا لوگو دو رنگوں میں ہے۔ 350ml ڈبل وال کپ چاہیے۔ قیمت کیا ہوگی؟', '我们的Logo是双色的，需要350ml双层杯。价格是多少？', 'ur', hoursAgo(3.5)),
|
||||
m('cv-001', 'agent', 'For 500pcs double-wall 350ml with 2-color logo: $1.85/pc including logo setup. Lead time 12-15 days. Shall I send the formal quotation?', '500个双层350ml杯、双色Logo：含制版费单价$1.85，交期12—15天。我给您发正式报价单吗？', 'en', hoursAgo(3.2)),
|
||||
m('cv-001', 'customer', 'قیمت ٹھیک ہے، لیکن ڈیلیوری 10 دن میں ممکن ہے؟ ہماری دکان کی افتتاحی تقریب ہے۔', '价格可以，但10天内能交货吗？我们店要举办开业活动。', 'ur', hoursAgo(2.8), { isImportant: true }),
|
||||
m('cv-001', 'agent', 'We can arrange expedited production for your opening event: 10 days with a $80 rush fee. I will also prepare a tiered quotation (500/1000/2000pcs) with past customization cases.', '我们可以为您的开业活动安排加急生产：10天交付，加急费$80。我同时准备阶梯报价（500/1000/2000个）和过往定制案例。', 'en', hoursAgo(2.5)),
|
||||
m('cv-001', 'customer', 'Very good. Please also send some photos of previous logo work.', '很好。也请发一些之前的Logo定制案例照片。', 'en', hoursAgo(2.2)),
|
||||
m('cv-001', 'agent', '[图片] 双色Logo定制案例-01.jpg', undefined, 'zh', hoursAgo(2), { type: 'image', attachmentName: '双色Logo定制案例-01.jpg' }),
|
||||
m('cv-001', 'agent', '[图片] 双色Logo定制案例-02.jpg', undefined, 'zh', hoursAgo(2), { type: 'image', attachmentName: '双色Logo定制案例-02.jpg' }),
|
||||
m('cv-001', 'customer', 'بہت خوب! میں مالک سے بات کر کے کل تک کنفرم کرتا ہوں۔', '很好！我跟老板商量后明天确认。', 'ur', minutesAgo(42)),
|
||||
m('cv-001', 'system', 'AI 分析完成：意向评分 86（高价值）｜阶段：价格比较｜关注点：价格 / Logo定制 / 交付时间｜建议：发送阶梯报价和定制案例', undefined, 'zh', minutesAgo(40)),
|
||||
|
||||
// ===== cv-002 阿联酋 Khalid：酒店集团采购 =====
|
||||
m('cv-002', 'customer', 'السلام عليكم ورحمة الله. نحن مجموعة فنادق في دبي ونبحث عن مورد أكواب زجاجية بوروسيليكات 500 مل بكمية 2000 قطعة.', '愿平安归于你。我们是迪拜的酒店集团，寻找500ml高硼硅玻璃杯供应商，数量2000个。', 'ar', daysAgo(2, 11)),
|
||||
m('cv-002', 'agent', 'Wa alaikum assalam. Thank you for your inquiry. Our borosilicate cups withstand -20°C to 150°C. I will send full specs and quotation today.', '您好，感谢您的询盘。我们的高硼硅杯可承受-20°C至150°C温差。今天给您发完整规格和报价。', 'en', daysAgo(2, 14)),
|
||||
m('cv-002', 'customer', 'ممتاز. هل يمكن إرسال عينة إلى دبي؟ نحتاج تقييم الجودة أولاً.', '很好。能寄样品到迪拜吗？我们需要先评估质量。', 'ar', daysAgo(2, 16)),
|
||||
m('cv-002', 'agent', 'Samples sent via DHL, tracking AE8842116. Usually 3-4 days to Dubai.', '样品已通过DHL寄出，单号AE8842116，一般3—4天到迪拜。', 'en', daysAgo(1, 10)),
|
||||
m('cv-002', 'customer', 'تم استلام العينة. الجودة جيدة بشكل عام، لكن نريد اختبار تحمل الحرارة.', '样品已收到，整体质量不错，但我们想测试耐温性能。', 'ar', daysAgo(1, 15)),
|
||||
m('cv-002', 'agent', 'I will share the thermal shock test report (-20°C to 150°C, 50 cycles) and can arrange a live video test if needed.', '我给您发耐温差冲击测试报告（-20°C至150°C，50次循环），需要的话也可以安排视频实测。', 'en', hoursAgo(4)),
|
||||
m('cv-002', 'customer', 'جيد، في انتظار التقرير.', '好，等你的报告。', 'ar', hoursAgo(3)),
|
||||
|
||||
// ===== cv-003 孟加拉 Rahim：5000件T恤 =====
|
||||
m('cv-003', 'customer', 'আসসালামু আলাইকুম। ৫০০০ পিস কটন টি-শার্টের দাম জানতে চাই। 180 GSM।', '你好，想咨询5000件纯棉T恤价格，180克重。', 'bn', hoursAgo(6)),
|
||||
m('cv-003', 'agent', 'Wa alaikum assalam! $2.35/pc for 5000pcs, 180gsm combed cotton, S-XXL mixed sizes.', '你好！5000件、180克精梳棉、S—XXL混码，单价$2.35。', 'en', hoursAgo(5.6)),
|
||||
m('cv-003', 'customer', 'দাম একটু বেশি। আমাদের টার্গেট $2.10।', '价格有点高，我们的目标是$2.10。', 'bn', hoursAgo(5)),
|
||||
m('cv-003', 'agent', 'For $2.10 we can offer 170gsm, or keep 180gsm at $2.20 with free custom neck labels. Which works better for you?', '$2.10可以做170克；或者保持180克、$2.20并免费做定制领标。您看哪种更合适？', 'en', hoursAgo(4.5)),
|
||||
m('cv-003', 'customer', '১৮০ GSM রাখুন। শ্রিংকেজ রেট কত?', '保持180克。缩水率是多少？', 'bn', hoursAgo(3.8)),
|
||||
m('cv-003', 'agent', 'Pre-shrunk fabric, shrinkage ≤3%. SGS test report available.', '预缩工艺，缩水率≤3%，可提供SGS检测报告。', 'en', hoursAgo(2)),
|
||||
m('cv-003', 'customer', 'ঠিক আছে, $2.20 মেনে নিচ্ছি। পেমেন্ট টার্মস পাঠান।', '好的，接受$2.20。请发付款条款。', 'bn', hoursAgo(1), { isImportant: true }),
|
||||
|
||||
// ===== cv-004 美国 Mike：样品延误投诉（风险演示） =====
|
||||
m('cv-004', 'customer', 'Hi, following up on the TWS earbuds sample order #S-2205. It was supposed to arrive last Friday.', '你好，跟进一下TWS耳机样品订单#S-2205，原定上周五到货。', 'en', daysAgo(1, 9)),
|
||||
m('cv-004', 'agent', 'Hi Mike, DHL shows a customs delay at LAX. Expected delivery Tuesday. Sorry for the wait.', 'Mike你好，DHL显示在洛杉矶清关延误，预计周二送达，非常抱歉。', 'en', daysAgo(1, 10)),
|
||||
m('cv-004', 'customer', 'This is the second delay. We have a product launch review on Wednesday. This is unacceptable.', '这已经是第二次延误了。我们周三有新品发布评审，这无法接受。', 'en', daysAgo(1, 14), { isImportant: true }),
|
||||
m('cv-004', 'agent', 'Totally understand. I have escalated with DHL and prepared a backup unit via FedEx Priority (arrives Tuesday morning) at our cost.', '完全理解。我已向DHL升级催办，同时自费用FedEx优先件补寄一台备用机（周二上午到）。', 'en', daysAgo(1, 15)),
|
||||
m('cv-004', 'customer', 'Fine. But if it misses Wednesday, we will look at other suppliers.', '好吧。但如果赶不上周三，我们会考虑其他供应商。', 'en', hoursAgo(6), { isImportant: true }),
|
||||
m('cv-004', 'system', 'AI 风险预警：客户情绪转为消极，提及“更换供应商”，流失风险高，建议2小时内升级处理。', undefined, 'zh', hoursAgo(5.9)),
|
||||
m('cv-004', 'agent', 'Understood. You will have the FedEx tracking within 2 hours, and I will personally confirm the delivery on Tuesday.', '明白。2小时内给您FedEx单号，周二我会亲自确认签收。', 'en', hoursAgo(5)),
|
||||
|
||||
// ===== cv-005 西班牙 Carmen：独立站表单首询 =====
|
||||
m('cv-005', 'customer', 'Hola, me interesan los juegos de cama de lino y la vajilla de cerámica. ¿Pueden enviar catálogo y precios?', '你好，我对棉麻床品套装和陶瓷餐具感兴趣，能发一下产品目录和价格吗？', 'es', hoursAgo(9)),
|
||||
m('cv-005', 'agent', '¡Hola Carmen! Claro, adjunto el catálogo y la lista de precios mayoristas. MOQ 100 juegos, se pueden mezclar modelos.', 'Carmen你好！当然，附上产品目录和批发价目表。起订量100套，可混款。', 'es', hoursAgo(8.5)),
|
||||
m('cv-005', 'customer', '¿El MOQ es negociable? Somos una tienda pequeña y queremos probar primero.', '起订量可以商量吗？我们是小店，想先试单。', 'es', hoursAgo(8)),
|
||||
m('cv-005', 'agent', 'Para el primer pedido de prueba aceptamos 50 juegos con un ajuste de precio del 5%.', '首单试单我们接受50套，价格上浮5%。', 'es', hoursAgo(7.6)),
|
||||
m('cv-005', 'customer', 'Perfecto. ¿Los colores resisten bien el lavado?', '完美。颜色耐洗吗？', 'es', hoursAgo(7.2)),
|
||||
m('cv-005', 'agent', 'Sí, solidez del color grado 4-5. Te envío el informe de prueba junto con el catálogo.', '是的，色牢度4—5级。检测报告随目录一起发您。', 'es', hoursAgo(7)),
|
||||
|
||||
// ===== cv-006 沙特 Fahad：阿文书法礼品杯 =====
|
||||
m('cv-006', 'customer', 'السلام عليكم، أريد 1000 كوب زجاجي كهدايا شركات، مع شعار بالخط العربي وعلبة هدايا.', '你好，我需要1000个玻璃杯作为企业礼品，配阿拉伯文书法Logo和礼盒。', 'ar', hoursAgo(14)),
|
||||
m('cv-006', 'agent', 'وعليكم السلام. ندعم الطباعة بالخط العربي (نسخ/رقعة) وعلب الهدايا. سأرسل نماذج سابقة.', '您好。我们支持阿拉伯文书法印刷（誊抄体/波斯体）和礼盒包装，我发一些过往案例。', 'ar', hoursAgo(13)),
|
||||
m('cv-006', 'customer', 'ممتاز. هل التسليم قبل رمضان ممكن؟', '很好。斋月前能交付吗？', 'ar', hoursAgo(12)),
|
||||
m('cv-006', 'agent', 'نعم، الإنتاج 18 يوم + الشحن الجوي 5 أيام. ننصح بتأكيد التصميم هذا الأسبوع.', '可以，生产18天+空运5天。建议本周内确认设计稿。', 'ar', hoursAgo(11)),
|
||||
m('cv-006', 'customer', 'سأرسل ملف الشعار اليوم. أرجو مراعاة الدقة في الخط العربي.', '我今天发Logo文件，请务必注意阿拉伯书法的准确性。', 'ar', hoursAgo(10), { isImportant: true }),
|
||||
m('cv-006', 'agent', 'حتماً. لدينا مصمم عربي يراجع التصميم قبل الطباعة، وسنرسل لك المعاينة للاعتماد.', '一定。我们有阿拉伯设计师在印刷前校对设计稿，并发送预览给您确认。', 'ar', hoursAgo(9)),
|
||||
|
||||
// ===== cv-007 英国 Emma：开衫比价 =====
|
||||
m('cv-007', 'customer', "Hi! Do you do women's knit cardigans? Looking for around 800 pcs.", '你好！你们做女士针织开衫吗？大约要800件。', 'en', hoursAgo(15)),
|
||||
m('cv-007', 'agent', 'Hi Emma! Yes - 12gg knit, 70% viscose 30% polyester, 24 colors available. MOQ 500. Want the color card?', 'Emma你好！做的——12针针织，70%粘胶30%涤纶，24色可选，起订量500件。需要色卡吗？', 'en', hoursAgo(14)),
|
||||
m('cv-007', 'customer', "Yes please. Also your best price for 800 - I'm comparing a few suppliers.", '需要。另外800件的最优价是多少——我在比较几家供应商。', 'en', hoursAgo(13.5)),
|
||||
m('cv-007', 'agent', '£4.20/pc at 800pcs including custom labels, with a free pre-production sample.', '800件单价£4.20，含定制唛头，并提供免费产前样。', 'en', hoursAgo(13)),
|
||||
m('cv-007', 'customer', 'Hmm, another factory quoted £3.95. Can you match?', '嗯，另一家工厂报£3.95，你们能匹配吗？', 'en', hoursAgo(12.5), { isImportant: true }),
|
||||
m('cv-007', 'agent', '£3.95 is below our yarn cost. I can do £4.05 with upgraded shell buttons, or keep £4.20 with free hang tags and polybags.', '£3.95已低于我们的纱线成本。我可以做到£4.05并升级贝壳扣，或者保持£4.20免费送吊牌和包装袋。', 'en', hoursAgo(12)),
|
||||
|
||||
// ===== cv-008 德国 Jonas：GaN充电器认证 =====
|
||||
m('cv-008', 'customer', 'Guten Tag. We need 3000 pcs 65W GaN chargers, EU plug. Please confirm CE and RoHS certificates.', '您好。我们需要3000个65W氮化镓充电器（欧规插脚），请确认CE和RoHS认证。', 'en', daysAgo(2, 9)),
|
||||
m('cv-008', 'agent', 'Hello Mr. Weber. CE, RoHS and REACH certificates are all available, TÜV tested. Sending certificates and datasheet now.', 'Weber先生您好。CE、RoHS、REACH证书齐全，TÜV检测。现在给您发证书和规格书。', 'en', daysAgo(2, 10)),
|
||||
m('cv-008', 'customer', 'Danke. What is the temperature rise at full load?', '谢谢。满载温升是多少？', 'en', daysAgo(1, 9)),
|
||||
m('cv-008', 'agent', 'Max 42°C case temperature at 65W full load (25°C ambient). Test report attached.', '65W满载时外壳最高42°C（环境25°C），测试报告见附件。', 'en', daysAgo(1, 10)),
|
||||
m('cv-008', 'customer', 'OK. Please send 2 samples to Düsseldorf for our lab test.', '好的，请寄2个样品到杜塞尔多夫给我们实验室测试。', 'en', daysAgo(1, 14)),
|
||||
m('cv-008', 'agent', 'Samples shipped today, UPS tracking 1Z8842EU. Lab test video is also available.', '样品今天已寄出，UPS单号1Z8842EU，也可提供实验室测试视频。', 'en', hoursAgo(26)),
|
||||
|
||||
// ===== cv-009 巴基斯坦 Fatima：面料咨询 =====
|
||||
m('cv-009', 'customer', 'السلام علیکم، مجھے گارمنٹس کا کاروبار ہے۔ 1000 ٹی شرٹس کی قیمت بتائیں۔', '你好，我做服装生意，请报1000件T恤的价格。', 'ur', daysAgo(1, 11)),
|
||||
m('cv-009', 'agent', 'Wa alaikum assalam! For 1000pcs the price is $2.55/pc, 180gsm combed cotton.', '你好！1000件单价$2.55，180克精梳棉。', 'en', daysAgo(1, 12)),
|
||||
m('cv-009', 'customer', 'کپڑا کون سا GSM ہے اور رنگ کتنے ہیں؟', '面料多少克重，有多少种颜色？', 'ur', daysAgo(1, 13)),
|
||||
m('cv-009', 'agent', '180gsm combed cotton, 24 colors. Sending you the color card now.', '180克精梳棉，24种颜色。现在发色卡给您。', 'en', daysAgo(1, 13)),
|
||||
m('cv-009', 'customer', 'شکریہ، میں دیکھ کر بتاؤں گی۔', '谢谢，我看完之后回复你。', 'ur', hoursAgo(30)),
|
||||
|
||||
// ===== cv-010 阿联酋 Layla：餐具防碎 =====
|
||||
m('cv-010', 'customer', 'مرحبا! شفت طقم الأواني عندكم بالانستقرام. كم سعر 300 طقم؟', '你好！在Instagram上看到你们的餐具套装，300套多少钱？', 'ar', hoursAgo(11)),
|
||||
m('cv-010', 'agent', 'أهلاً ليلى! 300 طقم بسعر 7.8$ للطقم، شامل تغليف الهدايا.', 'Layla你好！300套，每套$7.8，含礼品包装。', 'ar', hoursAgo(10)),
|
||||
m('cv-010', 'customer', 'التغليف كويس؟ أبيع أونلاين ولازم يوصل بدون كسر.', '包装好吗？我做电商销售，必须保证到货不碎。', 'ar', hoursAgo(9.5), { isImportant: true }),
|
||||
m('cv-010', 'agent', 'كل قطعة مغلفة بفقاعات وفوم، نسبة الكسر أقل من 0.5%، وأي كسر نعوضه مجاناً.', '每件都有气泡膜+珍珠棉独立包装，破损率低于0.5%，破损免费补发。', 'ar', hoursAgo(9)),
|
||||
m('cv-010', 'customer', 'ممتاز! أرسلي صور التغليف لو سمحتي.', '太好了！请发一下包装照片。', 'ar', hoursAgo(8)),
|
||||
|
||||
// ===== cv-011 西班牙 Carlos =====
|
||||
m('cv-011', 'customer', 'Buenas, ¿precio para 150 juegos de tarros de vidrio con tapa?', '你好，150套带盖玻璃储物罐什么价格？', 'es', daysAgo(2, 10)),
|
||||
m('cv-011', 'agent', 'Hola Carlos, 150 juegos a €3.9/juego, tapa de bambú con junta de silicona.', 'Carlos你好，150套单价€3.9，竹盖配硅胶密封圈。', 'es', daysAgo(2, 11)),
|
||||
m('cv-011', 'customer', '¿Hacen envíos a Barcelona? ¿Qué plazo?', '你们发到巴塞罗那吗？多久？', 'es', daysAgo(2, 15)),
|
||||
m('cv-011', 'agent', 'Sí, DDP Barcelona en 18-22 días. También tenemos servicio exprés de 10 días.', '可以，DDP巴塞罗那18—22天，也有10天加急服务。', 'es', daysAgo(1, 16)),
|
||||
|
||||
// ===== cv-012 美国 Sarah：TWS耳机框架单 =====
|
||||
m('cv-012', 'customer', 'Saw your Google ad. Need 2000 TWS earbuds with our logo, quarterly commitment 8000. Best price?', '看到你们的Google广告。需要2000台印Logo的TWS耳机，季度框架8000台。最优价？', 'en', hoursAgo(3)),
|
||||
m('cv-012', 'agent', '$8.90/unit at 2000, or $8.30 with the 8000 quarterly commitment. Custom logo and packaging included.', '2000台单价$8.90；承诺季度8000台则$8.30。含Logo定制与包装。', 'en', hoursAgo(2.6)),
|
||||
m('cv-012', 'customer', 'Bluetooth 5.4? What is the latency for gaming?', '是蓝牙5.4吗？游戏延迟多少？', 'en', hoursAgo(2)),
|
||||
m('cv-012', 'agent', 'BT 5.4 with 45ms low-latency game mode. Sending the spec sheet and warranty policy (12 months, free replacement).', '蓝牙5.4，游戏模式延迟45ms。给您发规格书和保修政策（12个月免费换新）。', 'en', minutesAgo(95)),
|
||||
|
||||
// ===== cv-013 孟加拉 Tanvir：POLO样品反馈 =====
|
||||
m('cv-013', 'customer', 'পোলো শার্টের স্যাম্পল পেয়েছি, কাপড় ভালো লেগেছে।', 'POLO衫样品收到了，面料感觉不错。', 'bn', daysAgo(2, 9)),
|
||||
m('cv-013', 'agent', 'Thank you! I have sent the dry-fit test report, please check.', '谢谢！速干检测报告已发您，请查收。', 'en', daysAgo(2, 10)),
|
||||
m('cv-013', 'customer', 'রিপোর্ট ঠিক আছে। ২০০০ পিসের ফাইনাল প্রাইস দিন।', '报告没问题。给2000件的最终价格。', 'bn', daysAgo(1, 10)),
|
||||
m('cv-013', 'agent', '$3.10/pc for 2000pcs, with free hang tags and polybags.', '2000件单价$3.10，免费送吊牌和包装袋。', 'en', daysAgo(1, 11)),
|
||||
|
||||
// ===== cv-014 巴基斯坦 Omar（未分配） =====
|
||||
m('cv-014', 'customer', 'Please quote glass storage jar sets for wholesale. We supply shops across Punjab.', '请报玻璃储物罐套装的批发价，我们给旁遮普省的商店供货。', 'en', daysAgo(3, 10)),
|
||||
m('cv-014', 'customer', 'کیا آپ پاکستان بھیجتے ہیں؟', '你们发到巴基斯坦吗？', 'ur', daysAgo(3, 10)),
|
||||
m('cv-014', 'system', 'AI 提示：该会话尚未分配负责人，已超过 24 小时未响应，建议立即分配。', undefined, 'zh', daysAgo(2, 14)),
|
||||
|
||||
// ===== cv-015 英国 James =====
|
||||
m('cv-015', 'customer', 'Following up on the bedding sets. £12/set is our ceiling for 600 sets.', '跟进一下床品套装，600套我们的上限是£12/套。', 'en', daysAgo(2, 8)),
|
||||
m('cv-015', 'agent', 'We can meet £12 for the 4-piece set in 200TC cotton-linen blend. PI is ready to send.', '200TC棉麻混纺四件套可以做到£12，形式发票已备好。', 'en', daysAgo(2, 9)),
|
||||
m('cv-015', 'customer', 'What is the shrinkage after washing?', '水洗后的缩水率是多少？', 'en', daysAgo(1, 8)),
|
||||
m('cv-015', 'agent', '≤3% with pre-shrunk, OEKO-TEX certified fabric. I will include the certificate with the PI.', '预缩面料缩水率≤3%，OEKO-TEX认证，证书随PI一起发您。', 'en', daysAgo(1, 9)),
|
||||
|
||||
// ===== cv-016 德国 Anna =====
|
||||
m('cv-016', 'customer', 'Hallo, interested in 1000 GaN chargers and 1000 smart watches. What are the warranty terms?', '你好，对1000个GaN充电器和1000只智能手表感兴趣，质保条款是什么？', 'en', daysAgo(2, 9)),
|
||||
m('cv-016', 'agent', '18-month warranty on chargers, 12 months on watches, DOA replacement within 7 days.', '充电器18个月质保，手表12个月，到货7天内故障免费换新。', 'en', daysAgo(2, 10)),
|
||||
m('cv-016', 'customer', 'Do you handle EU VAT and customs? We need DDP Munich.', '你们处理欧盟VAT和清关吗？我们需要DDP慕尼黑。', 'en', daysAgo(1, 17)),
|
||||
m('cv-016', 'agent', 'Yes, DDP Munich is available with all duties included. The detailed quote will reach you tomorrow.', '可以，DDP慕尼黑含全部税费，详细报价明天发您。', 'en', daysAgo(1, 18)),
|
||||
|
||||
// ===== cv-017 沙特 Abdullah =====
|
||||
m('cv-017', 'customer', 'الساعة الذكية تدعم اللغة العربية كاملة؟ الواجهة والقوائم؟', '智能手表完整支持阿拉伯语吗？界面和菜单？', 'ar', hoursAgo(5)),
|
||||
m('cv-017', 'agent', 'نعم، القوائم والإشعارات بالعربية بالكامل، ويمكن تخصيص شاشة التشغيل بشعاركم.', '是的，菜单和通知完整支持阿拉伯语，开机画面可定制您的Logo。', 'ar', hoursAgo(4)),
|
||||
m('cv-017', 'customer', 'ممتاز. كم سعر 1500 قطعة؟', '很好。1500只多少钱？', 'ar', hoursAgo(3)),
|
||||
m('cv-017', 'agent', '$11.2 للقطعة، مع شاشة تشغيل مخصصة وضمان محلي عبر شريكنا في جدة.', '每只$11.2，含定制开机画面，并通过吉达合作伙伴提供本地保修。', 'ar', hoursAgo(2)),
|
||||
|
||||
// ===== cv-018 西班牙 Lucía =====
|
||||
m('cv-018', 'customer', '¿Precio de 200 juegos de vajilla? Tengo otra oferta de Turquía.', '200套餐具什么价格？我还有一个土耳其的报价。', 'es', daysAgo(3, 9)),
|
||||
m('cv-018', 'agent', '200 juegos a €6.4/juego. Nuestro esmaltado es grado A y las roturas están cubiertas al 100%.', '200套单价€6.4。我们的釉面是A级，破损100%包赔。', 'es', daysAgo(3, 10)),
|
||||
m('cv-018', 'customer', 'Turquía me da €6.0. ¿Qué me pueden ofrecer mejor?', '土耳其给我€6.0，你们能提供什么更好的条件？', 'es', daysAgo(2, 9)),
|
||||
m('cv-018', 'agent', 'Diseños exclusivos sin molde compartido, reposición gratuita de roturas y envío DDP Valencia.', '独家设计不开公共模、破损免费补发、DDP瓦伦西亚送货。', 'es', daysAgo(2, 10)),
|
||||
|
||||
// ===== cv-019 美国 Tom：破损投诉（紧急风险） =====
|
||||
m('cv-019', 'customer', 'The shipment arrived with 3% broken cups. 37 cartons damaged. This is the second time!', '到货有3%的杯子破损，37箱受损，这已经是第二次了！', 'en', hoursAgo(1.2), { isImportant: true }),
|
||||
m('cv-019', 'agent', 'Tom, I am really sorry. We will replace all broken units for free and cover the return shipping.', 'Tom，非常抱歉。我们将免费补发所有破损件并承担退货运费。', 'en', hoursAgo(1)),
|
||||
m('cv-019', 'customer', 'Replacement takes 3 weeks. My promotion starts in 10 days. What are you going to do about it?', '补发要3周，我的促销10天后开始。你们打算怎么解决？', 'en', minutesAgo(40), { isImportant: true }),
|
||||
m('cv-019', 'agent', 'We will air-ship replacements at our cost (5 days) plus an 8% credit on this order. My manager will call you today.', '我们将自费空运补发（5天到），并给本单8%的补偿额度。我的主管今天会亲自致电您。', 'en', minutesAgo(30)),
|
||||
m('cv-019', 'customer', "You'd better. This is your last chance.", '最好如此，这是你们最后的机会。', 'en', minutesAgo(20), { isImportant: true }),
|
||||
|
||||
// ===== cv-020 孟加拉 Nusrat：复购 =====
|
||||
m('cv-020', 'customer', 'আমাদের শীতের জন্য কার্ডিগান রিঅর্ডার করতে চাই।', '我们想为冬季复购开衫。', 'bn', hoursAgo(5)),
|
||||
m('cv-020', 'agent', 'Great! Sending the new winter color card - 18 new colors this season.', '太好了！给您发新的冬季色卡——本季新增18个颜色。', 'en', hoursAgo(4.6)),
|
||||
m('cv-020', 'customer', '১২০০ পিস। আগের মতো কোয়ালিটি চাই। ডেলিভারি কবে?', '1200件，品质要和之前一样。什么时候交貨？', 'bn', hoursAgo(4.2)),
|
||||
m('cv-020', 'agent', 'Same fabric and workmanship, delivery in 25 days - well before November.', '同样的面料和工艺，25天交付——远在11月之前。', 'en', hoursAgo(4)),
|
||||
]
|
||||
@@ -1,109 +0,0 @@
|
||||
import type { ActivityLog, CustomerFile } from '@/types/crm'
|
||||
import type { ApiKeyItem, AppNotification, BillingInfo, BillingOrder, Invoice, LoginRecord, OperationLog, SystemSettings } from '@/types/org'
|
||||
import { daysAgo, hoursAgo, minutesAgo } from './helpers'
|
||||
|
||||
export const notifications: AppNotification[] = [
|
||||
{ id: 'n-001', type: 'inquiry', title: '新询盘：Sarah Miller（美国）', description: '通过广告落地页咨询 2000 台 TWS 耳机，意向评分 88', createdAt: minutesAgo(90), read: false, link: '/inbox?c=cv-012' },
|
||||
{ id: 'n-002', type: 'risk', title: '紧急风险：Tom Baker 售后纠纷', description: '客户情绪不满，发出最后通牒，请立即处理', createdAt: minutesAgo(18), read: false, link: '/risks' },
|
||||
{ id: 'n-003', type: 'task', title: '任务即将到期：发送阶梯报价', description: 'Ahmed Raza 的报价任务今天 16:00 截止', createdAt: minutesAgo(45), read: false, link: '/opportunities' },
|
||||
{ id: 'n-004', type: 'channel', title: 'Outlook 渠道授权失效', description: '授权令牌已过期，请重新授权以恢复同步', createdAt: hoursAgo(26), read: true, link: '/channels' },
|
||||
{ id: 'n-005', type: 'inquiry', title: '新询盘：Carmen López（西班牙）', description: '独立站表单提交，咨询床品与餐具', createdAt: hoursAgo(7), read: true, link: '/inbox?c=cv-005' },
|
||||
{ id: 'n-006', type: 'system', title: '系统公告：同声传译功能上线', description: '实时语音翻译已开放试用，欢迎体验', createdAt: daysAgo(2, 9), read: true, link: '/interpret' },
|
||||
]
|
||||
|
||||
export const activityLogs: ActivityLog[] = [
|
||||
{ id: 'al-001', customerId: 'c-001', actorName: '李婷', action: '发送消息', detail: 'WhatsApp 发送定制案例图片 2 张', createdAt: hoursAgo(2) },
|
||||
{ id: 'al-002', customerId: 'c-001', actorName: 'AI 助手', action: '意向评分更新', detail: '76 → 86（明确数量与开业节点）', createdAt: minutesAgo(40) },
|
||||
{ id: 'al-003', customerId: 'c-001', actorName: '李婷', action: '创建任务', detail: '发送阶梯报价（今天 16:00 截止）', createdAt: daysAgo(1, 18) },
|
||||
{ id: 'al-004', customerId: 'c-001', actorName: '系统', action: '自动建档', detail: '来源：WhatsApp（官网按钮），匹配手机号建档', createdAt: daysAgo(4, 9) },
|
||||
{ id: 'al-005', customerId: 'c-019', actorName: '周敏', action: '风险确认', detail: '确认售后投诉风险，创建补偿方案任务', createdAt: minutesAgo(30) },
|
||||
{ id: 'al-006', customerId: 'c-019', actorName: '王琳', action: '添加备注', detail: '管理层今日 14:00 前致电客户', createdAt: minutesAgo(25) },
|
||||
{ id: 'al-007', customerId: 'c-012', actorName: '赵磊', action: '修改阶段', detail: '商务谈判 → 待成交', createdAt: hoursAgo(3) },
|
||||
{ id: 'al-008', customerId: 'c-003', actorName: '赵磊', action: '发送消息', detail: '报价 $2.20/pc 被接受', createdAt: hoursAgo(1) },
|
||||
]
|
||||
|
||||
export const customerFiles: CustomerFile[] = [
|
||||
{ id: 'f-001', customerId: 'c-001', name: '报价单-RAZA-500pcs.pdf', kind: 'quote', size: '128 KB', uploadedBy: '李婷', createdAt: daysAgo(1) },
|
||||
{ id: 'f-002', customerId: 'c-001', name: '客户Logo源文件.ai', kind: 'image', size: '2.4 MB', uploadedBy: 'Ahmed Raza', createdAt: daysAgo(2) },
|
||||
{ id: 'f-003', customerId: 'c-002', name: '耐温差测试报告-TR-BS2024-07.pdf', kind: 'doc', size: '860 KB', uploadedBy: '李婷', createdAt: daysAgo(1) },
|
||||
{ id: 'f-004', customerId: 'c-019', name: '破损照片-37箱.zip', kind: 'image', size: '18 MB', uploadedBy: 'Tom Baker', createdAt: hoursAgo(1) },
|
||||
{ id: 'f-005', customerId: 'c-012', name: '框架合同草案-v2.docx', kind: 'contract', size: '96 KB', uploadedBy: '赵磊', createdAt: hoursAgo(3) },
|
||||
]
|
||||
|
||||
export const apiKeys: ApiKeyItem[] = [
|
||||
{ id: 'ak-001', name: 'ERP 对接（测试）', keyPreview: 'lx_live_8f2k••••••••9d21', createdAt: daysAgo(45), lastUsedAt: hoursAgo(6), status: 'active' },
|
||||
{ id: 'ak-002', name: '官网表单 Webhook', keyPreview: 'lx_live_3m9q••••••••77ab', createdAt: daysAgo(120), lastUsedAt: minutesAgo(31), status: 'active' },
|
||||
]
|
||||
|
||||
export const billingInfo: BillingInfo = {
|
||||
planKey: 'pro',
|
||||
planName: '专业版',
|
||||
expireAt: daysAgo(-217),
|
||||
autoRenew: true,
|
||||
usage: {
|
||||
members: { used: 8, total: 20, unit: '席' },
|
||||
messages: { used: 42680, total: 100000, unit: '条/月' },
|
||||
translations: { used: 12840, total: 200000, unit: '次/月' },
|
||||
knowledgeStorage: { used: 486, total: 5120, unit: 'MB' },
|
||||
},
|
||||
}
|
||||
|
||||
export const billingOrders: BillingOrder[] = [
|
||||
{ id: 'bo-001', orderNo: 'LX20250715001', planName: '专业版（年付）', period: '2025-07-15 至 2026-07-14', amount: 49800, status: 'paid', createdAt: daysAgo(372) },
|
||||
{ id: 'bo-002', orderNo: 'LX20240712003', planName: '标准工作台版（年付）', period: '2024-07-12 至 2025-07-11', amount: 19800, status: 'paid', createdAt: daysAgo(740) },
|
||||
{ id: 'bo-003', orderNo: 'LX20260702008', planName: '行业知识包-玻璃杯（加购）', period: '一次性', amount: 1200, status: 'paid', createdAt: daysAgo(20) },
|
||||
]
|
||||
|
||||
export const invoices: Invoice[] = [
|
||||
{ id: 'inv-001', invoiceNo: 'INV-2025-0715', title: '徐州欧汇科技有限公司', amount: 49800, status: 'issued', createdAt: daysAgo(365) },
|
||||
{ id: 'inv-002', invoiceNo: 'INV-2026-0702', title: '徐州欧汇科技有限公司', amount: 1200, status: 'issued', createdAt: daysAgo(18) },
|
||||
]
|
||||
|
||||
export const defaultSettings: SystemSettings = {
|
||||
company: {
|
||||
name: '徐州欧汇科技有限公司',
|
||||
industry: '玻璃制品',
|
||||
size: '21—50人',
|
||||
contact: '0516-8888-6621',
|
||||
email: 'contact@ouhui.tech',
|
||||
intro: '专注玻璃制品、服装纺织与3C配件出口12年，服务全球2000+客户，支持OEM/ODM。',
|
||||
products: ['定制Logo玻璃水杯', '高硼硅玻璃杯 500ml', '男士纯棉T恤'],
|
||||
regions: ['中东', '南亚', '北美', '欧洲'],
|
||||
},
|
||||
ai: {
|
||||
replyLanguage: 'auto', replyTone: 'professional', autoGenerate: true,
|
||||
requireConfirm: true, sentimentAnalysis: true, riskAlert: true,
|
||||
cultureCheck: true, allowHistoryRef: true,
|
||||
},
|
||||
notification: {
|
||||
newInquiry: true, highIntent: true, riskAlert: true, taskDue: true,
|
||||
taskOverdue: true, channelOffline: true, planExpire: true, byEmail: true, bySms: false,
|
||||
},
|
||||
translate: {
|
||||
industry: '玻璃制品', formality: 'professional', targetCountry: 'auto',
|
||||
localization: true, keepBrand: true, keepModel: true, autoUnit: true,
|
||||
cultureReminder: true, religionReminder: true,
|
||||
},
|
||||
language: 'zh', timezone: 'Asia/Shanghai', sessionRetentionMonths: 24,
|
||||
brandColor: '#247b71',
|
||||
onboarding: { step1: true, step2: true, step3: true, step4: true, step5: false, step6: true, step7: false, step8: false },
|
||||
}
|
||||
|
||||
export const operationLogs: OperationLog[] = [
|
||||
{ id: 'op-001', actorId: 'u-001', actorName: '王琳', action: '邀请成员', target: '郑楠', detail: '邀请加入，角色：外贸业务员', ip: '112.84.12.66', createdAt: daysAgo(120) },
|
||||
{ id: 'op-002', actorId: 'u-002', actorName: '陈昊', action: '批量分配客户', target: '8 个客户', detail: '分配给 李婷(4)、郑楠(4)', ip: '112.84.12.71', createdAt: daysAgo(3, 10) },
|
||||
{ id: 'op-003', actorId: 'u-003', actorName: '李婷', action: '导出客户', target: '客户列表', detail: '导出 30 条客户数据（CSV）', ip: '112.84.12.83', createdAt: daysAgo(2, 15) },
|
||||
{ id: 'op-004', actorId: 'u-004', actorName: '赵磊', action: '修改商机阶段', target: 'Sarah Miller 框架单', detail: '商务谈判 → 待成交', ip: '112.84.12.90', createdAt: hoursAgo(3) },
|
||||
{ id: 'op-005', actorId: 'u-005', actorName: '周敏', action: '处理风险', target: 'Tom Baker 投诉', detail: '确认风险并创建补偿任务', ip: '112.84.12.95', createdAt: minutesAgo(30) },
|
||||
{ id: 'op-006', actorId: 'u-001', actorName: '王琳', action: '修改AI设置', target: '系统设置', detail: '开启“发送前必须人工确认”', ip: '112.84.12.66', createdAt: daysAgo(1, 11) },
|
||||
{ id: 'op-007', actorId: 'u-008', actorName: '郑楠', action: '上传知识', target: '智能手表（阿语版）功能说明', detail: '新增知识条目', ip: '112.84.12.99', createdAt: daysAgo(9, 14) },
|
||||
]
|
||||
|
||||
export const loginRecords: LoginRecord[] = [
|
||||
{ id: 'lr-001', memberId: 'u-003', memberName: '李婷', device: 'Chrome / Windows 11', ip: '112.84.12.83', location: '江苏徐州', status: 'success', createdAt: minutesAgo(8) },
|
||||
{ id: 'lr-002', memberId: 'u-004', memberName: '赵磊', device: 'Chrome / macOS', ip: '119.23.44.12', location: '境外（拉合尔）', status: 'abnormal', createdAt: hoursAgo(16) },
|
||||
{ id: 'lr-003', memberId: 'u-008', memberName: '郑楠', device: 'App / iPhone 15', ip: '112.84.15.201', location: '江苏徐州', status: 'success', createdAt: minutesAgo(3) },
|
||||
{ id: 'lr-004', memberId: 'u-005', memberName: '周敏', device: 'Edge / Windows 10', ip: '112.84.12.95', location: '江苏徐州', status: 'success', createdAt: minutesAgo(15) },
|
||||
{ id: 'lr-005', memberId: 'u-007', memberName: '吴迪', device: 'Safari / macOS', ip: '112.84.18.40', location: '江苏徐州', status: 'failed', createdAt: daysAgo(1, 9) },
|
||||
{ id: 'lr-006', memberId: 'u-001', memberName: '王琳', device: 'Chrome / Windows 11', ip: '112.84.12.66', location: '江苏徐州', status: 'success', createdAt: minutesAgo(12) },
|
||||
]
|
||||
@@ -1,30 +0,0 @@
|
||||
import type { Opportunity } from '@/types/crm'
|
||||
import { daysAgo, daysFromNow, hoursAgo } from './helpers'
|
||||
|
||||
/** 18 个商机（覆盖看板各阶段） */
|
||||
export const opportunities: Opportunity[] = [
|
||||
{ id: 'o-001', name: '500个定制Logo玻璃杯（开业单）', customerId: 'c-001', customerName: 'Ahmed Raza', country: 'PK', product: '定制Logo玻璃水杯', quantity: '500个', amount: 925, probability: 65, stage: 'quoting', ownerId: 'u-003', expectedDealAt: daysFromNow(4), lastSummary: '客户接受$1.85单价，卡交期10天', nextAction: '发送阶梯报价和定制案例', updatedAt: hoursAgo(2) },
|
||||
{ id: 'o-002', name: '酒店集团2000个高硼硅杯', customerId: 'c-002', customerName: 'Khalid Al Mansouri', country: 'AE', product: '高硼硅玻璃杯 500ml', quantity: '2000个', amount: 4200, probability: 55, stage: 'sample', ownerId: 'u-003', expectedDealAt: daysFromNow(20), lastSummary: '样品已签收，等待耐温测试报告反馈', nextAction: '发送测试报告并回访', updatedAt: hoursAgo(3) },
|
||||
{ id: 'o-003', name: '5000件纯棉T恤', customerId: 'c-003', customerName: 'Rahim Uddin', country: 'BD', product: '男士纯棉T恤', quantity: '5000件', amount: 11000, probability: 80, stage: 'negotiation', ownerId: 'u-004', expectedDealAt: daysFromNow(5), lastSummary: '$2.20/pc 价格锁定，待付款条款', nextAction: '发送PI确认付款', updatedAt: hoursAgo(1) },
|
||||
{ id: 'o-004', name: 'TWS耳机首单（样品阶段）', customerId: 'c-004', customerName: 'Mike Johnson', country: 'US', product: 'TWS蓝牙耳机', quantity: '1000台', amount: 8900, probability: 25, stage: 'aftersales', ownerId: 'u-005', expectedDealAt: daysFromNow(30), lastSummary: '样品两次延误引发不满', nextAction: '加急补寄+安抚', updatedAt: hoursAgo(5) },
|
||||
{ id: 'o-005', name: '床品+餐具首单试单', customerId: 'c-005', customerName: 'Carmen López', country: 'ES', product: '北欧棉麻四件套', quantity: '50套', amount: 780, probability: 40, stage: 'new', ownerId: 'u-003', expectedDealAt: daysFromNow(15), lastSummary: '首询，已发目录，谈MOQ', nextAction: '发送试单政策', updatedAt: hoursAgo(7) },
|
||||
{ id: 'o-006', name: '1000个阿文书法礼品杯', customerId: 'c-006', customerName: 'Fahad Al-Otaibi', country: 'SA', product: '定制Logo玻璃水杯', quantity: '1000个', amount: 2100, probability: 60, stage: 'custom', ownerId: 'u-004', expectedDealAt: daysFromNow(12), lastSummary: '斋月前交付，等客户Logo文件', nextAction: '设计稿内审后发确认', updatedAt: hoursAgo(9) },
|
||||
{ id: 'o-007', name: '800件针织开衫', customerId: 'c-007', customerName: 'Emma Wilson', country: 'GB', product: '女士针织开衫', quantity: '800件', amount: 4100, probability: 45, stage: 'quoting', ownerId: 'u-008', expectedDealAt: daysFromNow(18), lastSummary: '比价中，对手£3.95', nextAction: '差异化报价', updatedAt: hoursAgo(12) },
|
||||
{ id: 'o-008', name: '3000个GaN充电器', customerId: 'c-008', customerName: 'Jonas Weber', country: 'DE', product: '65W氮化镓充电器', quantity: '3000个', amount: 19500, probability: 55, stage: 'sample', ownerId: 'u-004', expectedDealAt: daysFromNow(35), lastSummary: '样品寄出，等实验室测试', nextAction: '跟进测试结果', updatedAt: hoursAgo(26) },
|
||||
{ id: 'o-009', name: '300套餐具电商订单', customerId: 'c-010', customerName: 'Layla Hassan', country: 'AE', product: 'ins风陶瓷餐具套装', quantity: '300套', amount: 2340, probability: 55, stage: 'quoting', ownerId: 'u-005', expectedDealAt: daysFromNow(8), lastSummary: '关注防碎包装，已承诺破损包赔', nextAction: '发包装照片', updatedAt: hoursAgo(8) },
|
||||
{ id: 'o-010', name: '2000台TWS耳机季度框架', customerId: 'c-012', customerName: 'Sarah Miller', country: 'US', product: 'TWS蓝牙耳机', quantity: '2000台/季', amount: 17800, probability: 75, stage: 'pending-deal', ownerId: 'u-004', expectedDealAt: daysFromNow(7), lastSummary: '参数确认完毕，待合同', nextAction: '发送合同草案', updatedAt: minutesAgoLocal() },
|
||||
{ id: 'o-011', name: '2000件速干POLO衫', customerId: 'c-013', customerName: 'Tanvir Hasan', country: 'BD', product: '运动速干POLO衫', quantity: '2000件', amount: 6200, probability: 65, stage: 'negotiation', ownerId: 'u-008', expectedDealAt: daysFromNow(10), lastSummary: '样品满意，最终报价已发', nextAction: '等客户确认', updatedAt: daysAgo(1, 11) },
|
||||
{ id: 'o-012', name: '600套棉麻四件套', customerId: 'c-015', customerName: 'James Smith', country: 'GB', product: '北欧棉麻四件套', quantity: '600套', amount: 9200, probability: 70, stage: 'pending-deal', ownerId: 'u-003', expectedDealAt: daysFromNow(6), lastSummary: '£12/套达成一致，PI已备', nextAction: '回访PI确认', updatedAt: daysAgo(1, 9) },
|
||||
{ id: 'o-013', name: '1500只智能手表（阿语定制）', customerId: 'c-017', customerName: 'Abdullah Al-Rashid', country: 'SA', product: '智能手表', quantity: '1500只', amount: 16800, probability: 70, stage: 'pending-deal', ownerId: 'u-008', expectedDealAt: daysFromNow(9), lastSummary: '阿语适配确认，报价$11.2', nextAction: '发送固件演示', updatedAt: hoursAgo(2) },
|
||||
{ id: 'o-014', name: '1200件开衫秋冬复购', customerId: 'c-020', customerName: 'Nusrat Jahan', country: 'BD', product: '女士针织开衫', quantity: '1200件', amount: 5900, probability: 85, stage: 'won', ownerId: 'u-003', expectedDealAt: daysFromNow(2), lastSummary: '复购意向明确，色卡确认中', nextAction: '确认排产', updatedAt: hoursAgo(4) },
|
||||
{ id: 'o-015', name: '3000个朝觐礼品杯', customerId: 'c-028', customerName: 'Saud Al-Harbi', country: 'SA', product: '定制Logo玻璃水杯', quantity: '3000个', amount: 6900, probability: 75, stage: 'negotiation', ownerId: 'u-004', expectedDealAt: daysFromNow(11), lastSummary: '烫金阿文祝福语，节点硬', nextAction: '宗教文案校对', updatedAt: minutesAgoLocal() },
|
||||
{ id: 'o-016', name: '600个三色丝印定制杯', customerId: 'c-025', customerName: 'Imran Sheikh', country: 'PK', product: '定制Logo玻璃水杯', quantity: '600个', amount: 1350, probability: 60, stage: 'custom', ownerId: 'u-004', expectedDealAt: daysFromNow(14), lastSummary: '催打样排期', nextAction: '确认打样', updatedAt: hoursAgo(10) },
|
||||
{ id: 'o-017', name: '1200个高硼硅杯（FDA）', customerId: 'c-027', customerName: 'Grace Thompson', country: 'US', product: '高硼硅玻璃杯 500ml', quantity: '1200个', amount: 2700, probability: 65, stage: 'negotiation', ownerId: 'u-003', expectedDealAt: daysFromNow(13), lastSummary: '待FDA检测报告', nextAction: '发送报告', updatedAt: daysAgo(1, 8) },
|
||||
{ id: 'o-018', name: '500只智能手表', customerId: 'c-026', customerName: 'Markus Braun', country: 'DE', product: '智能手表', quantity: '500只', amount: 5600, probability: 35, stage: 'requirement', ownerId: 'u-008', expectedDealAt: daysFromNow(25), lastSummary: '关注GDPR合规', nextAction: '发送合规声明', updatedAt: daysAgo(3, 10) },
|
||||
{ id: 'o-019', name: '800个高硼硅杯（比价中）', customerId: 'c-021', customerName: 'Hassan Ali', country: 'PK', product: '高硼硅玻璃杯 500ml', quantity: '800个', amount: 1680, probability: 40, stage: 'quoting', ownerId: 'u-004', expectedDealAt: daysFromNow(16), lastSummary: '与本地供应商比价', nextAction: '发测试视频', updatedAt: daysAgo(1, 13) },
|
||||
{ id: 'o-020', name: '37箱破损补发与赔付', customerId: 'c-019', customerName: 'Tom Baker', country: 'US', product: '双层玻璃杯 350ml', quantity: '补发111个', amount: 0, probability: 50, stage: 'aftersales', ownerId: 'u-005', expectedDealAt: daysFromNow(5), lastSummary: '空运补发+8%补偿额度', nextAction: '管理层致电', updatedAt: minutesAgoLocal() },
|
||||
]
|
||||
|
||||
function minutesAgoLocal(): string {
|
||||
return new Date(Date.now() - 90 * 60000).toISOString()
|
||||
}
|
||||
@@ -1,126 +0,0 @@
|
||||
import type { RiskAlert } from '@/types/crm'
|
||||
import { daysAgo, hoursAgo, minutesAgo } from './helpers'
|
||||
|
||||
/** 15 条风险预警 */
|
||||
export const risks: RiskAlert[] = [
|
||||
{
|
||||
id: 'r-001', type: 'negative-sentiment', level: 'urgent',
|
||||
customerId: 'c-019', customerName: 'Tom Baker', conversationId: 'cv-019',
|
||||
reason: '客户使用“最后一次机会”等激烈措辞，情绪识别为“不满”',
|
||||
aiExplanation: '近5条消息中客户负面情绪强度持续上升，出现 ultimatum 类表达（last chance / second time），且涉及金额较大的历史订单。破损问题叠加促销节点，若48小时内无实质补偿方案，纠纷升级概率约78%。',
|
||||
suggestion: '1. 管理层今日内亲自致电；2. 空运补发（5天）+8%订单补偿额度；3. 出具书面预防方案（包装升级+出货全检）。',
|
||||
ownerId: 'u-005', createdAt: minutesAgo(18), status: 'confirmed',
|
||||
},
|
||||
{
|
||||
id: 'r-002', type: 'churn', level: 'high',
|
||||
customerId: 'c-004', customerName: 'Mike Johnson', conversationId: 'cv-004',
|
||||
reason: '客户明确表示“若周三收不到样品将考虑其他供应商”',
|
||||
aiExplanation: '样品两次延误后客户信任度显著下降，消息中出现明确竞品转向信号。该客户处于样品验证关键期，流失将直接影响约$8,900首单及后续框架合作。',
|
||||
suggestion: '2小时内提供FedEx加急单号，周二主动确认签收；同步准备备选供应商对比优势话术。',
|
||||
ownerId: 'u-005', createdAt: hoursAgo(5), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-003', type: 'delivery', level: 'high',
|
||||
customerId: 'c-028', customerName: 'Saud Al-Harbi', conversationId: undefined,
|
||||
reason: '朝觐礼品季订单交付节点为硬性时间窗，当前排产余量不足',
|
||||
aiExplanation: '该商机预计交付窗口前仅剩23天，而定制工艺（烫金+礼盒）标准周期为18天+物流5天，缓冲为0。任何环节延误都将导致整单错过销售季，客户流失与索赔风险高。',
|
||||
suggestion: '立即锁定排产与船期；与客户确认设计稿最终版；预留空运备选方案。',
|
||||
ownerId: 'u-004', createdAt: hoursAgo(8), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-004', type: 'religion', level: 'medium',
|
||||
customerId: 'c-006', customerName: 'Fahad Al-Otaibi', conversationId: 'cv-006',
|
||||
reason: '定制内容涉及阿拉伯文书法与宗教场景用语，未经专业校对',
|
||||
aiExplanation: '客户礼品杯用于斋月场景，阿文书法字形、祝福语用词存在宗教敏感性。机器翻译或自行排版可能出现断字、连写错误或用词不当，在中东市场属于高风险失误。',
|
||||
suggestion: '设计稿必须经阿拉伯语设计师双人校对；祝福语使用通用商务表达，避免直接引用宗教经文。',
|
||||
ownerId: 'u-004', createdAt: hoursAgo(10), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-005', type: 'price-objection', level: 'medium',
|
||||
customerId: 'c-007', customerName: 'Emma Wilson', conversationId: 'cv-007',
|
||||
reason: '客户明确告知竞争对手报价低6%，要求价格匹配',
|
||||
aiExplanation: '客户处于比价阶段且主动披露对手报价（£3.95 vs £4.20），说明已进入决策后期。若无法在价值维度差异化，降价竞争概率大，预计毛利压缩4—6%。',
|
||||
suggestion: '不直接降价，改用增值方案（升级辅料/免费吊牌/产前样）回应；同步发送质检流程资料建立信任。',
|
||||
ownerId: 'u-008', createdAt: hoursAgo(12), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-006', type: 'follow-up-delay', level: 'high',
|
||||
customerId: 'c-014', customerName: 'Omar Farooq', conversationId: 'cv-014',
|
||||
reason: '高意向新询盘超过24小时未分配负责人、未响应',
|
||||
aiExplanation: '该客户主动二次留言（英语+乌尔都语），采购意向明确（批发储物罐）。数据显示：询盘1小时内响应的转化率是24小时后响应的7倍。当前线索处于流失边缘。',
|
||||
suggestion: '立即分配负责人并发送首响话术；纳入“无负责人会话”自动分配规则。',
|
||||
ownerId: null, createdAt: daysAgo(1, 14), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-007', type: 'task-overdue', level: 'medium',
|
||||
customerId: 'c-002', customerName: 'Khalid Al Mansouri', conversationId: 'cv-002',
|
||||
reason: '“跟进样品反馈”任务已逾期20小时',
|
||||
aiExplanation: '酒店集团决策链长，样品反馈窗口期是关键跟进点。逾期跟进会让客户感知专业度下降，该商机金额$4,200且为集团客户，建议优先处理。',
|
||||
suggestion: '今日内发送耐温测试报告并预约视频实测；更新任务完成时间。',
|
||||
ownerId: 'u-003', createdAt: hoursAgo(20), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-008', type: 'task-overdue', level: 'high',
|
||||
customerId: 'c-025', customerName: 'Imran Sheikh', conversationId: undefined,
|
||||
reason: '客户三次催问打样排期，相关任务已逾期3小时',
|
||||
aiExplanation: '客户在定制确认阶段反复催问，消息间隔缩短（24h→8h→2h），是不耐烦的典型信号。定制类客户一旦转向竞品，召回成本极高。',
|
||||
suggestion: '2小时内回复明确打样排期（具体到日期）；如产线紧张，提供加急打样选项。',
|
||||
ownerId: 'u-004', createdAt: hoursAgo(3), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-009', type: 'complaint', level: 'high',
|
||||
customerId: 'c-019', customerName: 'Tom Baker', conversationId: 'cv-019',
|
||||
reason: '到货破损率3%（37箱），为同一客户第二次投诉',
|
||||
aiExplanation: '重复性质量问题投诉表明包装或物流环节存在系统性缺陷。该客户年采购额约$24,000，二次投诉后续约概率降至31%。',
|
||||
suggestion: '启动质量复盘（包装跌落测试）；本单补偿外，提供下单专属质检报告。',
|
||||
ownerId: 'u-005', createdAt: minutesAgo(35), status: 'confirmed',
|
||||
},
|
||||
{
|
||||
id: 'r-010', type: 'dispute', level: 'medium',
|
||||
customerId: 'c-019', customerName: 'Tom Baker', conversationId: 'cv-019',
|
||||
reason: '赔付金额与补发时效存在分歧，可能升级为平台纠纷',
|
||||
aiExplanation: '客户要求10天内到货以配合促销，常规补发需3周。若协商失败客户可能通过信用卡拒付或平台仲裁，产生额外损失与账号风险。',
|
||||
suggestion: '书面确认空运时效与补偿额度，留存沟通记录；必要时提供部分退款选项。',
|
||||
ownerId: 'u-005', createdAt: minutesAgo(30), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-011', type: 'culture', level: 'low',
|
||||
customerId: 'c-010', customerName: 'Layla Hassan', conversationId: 'cv-010',
|
||||
reason: '待发送的营销素材中包含酒类场景摆拍图（餐具套装场景图#7）',
|
||||
aiExplanation: '阿联酋客户，伊斯兰文化背景下酒类场景图片可能引起不适。素材库检测到待发图片包含高脚杯盛酒场景。',
|
||||
suggestion: '替换为家庭聚餐/咖啡场景图；中东客户素材默认过滤酒类与猪肉元素。',
|
||||
ownerId: 'u-005', createdAt: hoursAgo(7), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-012', type: 'follow-up-delay', level: 'medium',
|
||||
customerId: 'c-021', customerName: 'Hassan Ali', conversationId: undefined,
|
||||
reason: '比价阶段客户48小时未回复，未触发挽回跟进',
|
||||
aiExplanation: '客户处于价格比较阶段，沉默48小时后成交概率每日衰减约12%。',
|
||||
suggestion: '发送差异化价值内容（耐温差测试视频）+ 限时阶梯价，激活对话。',
|
||||
ownerId: 'u-004', createdAt: daysAgo(1, 10), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-013', type: 'account-abnormal', level: 'medium',
|
||||
customerId: 'c-001', customerName: '系统安全', conversationId: undefined,
|
||||
reason: '成员账号 zhaolei@ouhui.tech 在新设备登录（IP属地异常）',
|
||||
aiExplanation: '该账号常用登录地为徐州，本次登录IP属地为境外（拉合尔），且为非工作时间。可能是本人出差，也可能是账号泄露。',
|
||||
suggestion: '已强制二次验证通过。建议确认是否为本人操作；如非本人立即重置密码并审查操作日志。',
|
||||
ownerId: 'u-001', createdAt: hoursAgo(16), status: 'confirmed',
|
||||
},
|
||||
{
|
||||
id: 'r-014', type: 'logistics', level: 'medium',
|
||||
customerId: 'c-011', customerName: 'Carlos Ruiz', conversationId: 'cv-011',
|
||||
reason: '巴塞罗那航线舱位紧张，DDP时效可能延误3—5天',
|
||||
aiExplanation: '物流监控显示近期华东—巴塞罗那航线爆仓率上升，承诺的18—22天时效存在滑期风险。客户为新客首单，首次交付体验直接影响复购。',
|
||||
suggestion: '提前与客户沟通时效缓冲；报价时同时提供10天加急方案作备份。',
|
||||
ownerId: 'u-008', createdAt: daysAgo(1, 16), status: 'open',
|
||||
},
|
||||
{
|
||||
id: 'r-015', type: 'churn', level: 'low',
|
||||
customerId: 'c-018', customerName: 'Lucía Fernández', conversationId: 'cv-018',
|
||||
reason: '比价客户72小时未回复，且竞品价格更低',
|
||||
aiExplanation: '客户明确持有土耳其供应商更低报价（€6.0 vs €6.4），沉默期延长。但客户体量小（200套），投入产出比一般，建议低成本自动化培育。',
|
||||
suggestion: '发送一次差异化卖点总结后纳入7天自动培育队列；不投入过多人工。',
|
||||
ownerId: 'u-005', createdAt: daysAgo(2, 11), status: 'ignored',
|
||||
},
|
||||
]
|
||||
@@ -1,26 +0,0 @@
|
||||
import type { FollowTask } from '@/types/crm'
|
||||
import { daysAgo, daysFromNow, hoursAgo, hoursFromNow, todayAt } from './helpers'
|
||||
|
||||
/** 20 个跟进任务 */
|
||||
export const tasks: FollowTask[] = [
|
||||
{ id: 't-001', title: '发送阶梯报价（500/1000/2000）与定制案例', type: 'quote', priority: 'high', status: 'pending', customerId: 'c-001', customerName: 'Ahmed Raza', conversationId: 'cv-001', ownerId: 'u-003', dueAt: todayAt(16), note: '客户明天确认，今天务必发出', relatedSummary: '500个定制玻璃杯，开业节点10天', createdAt: daysAgo(1) },
|
||||
{ id: 't-002', title: '发送耐温差冲击测试报告', type: 'material', priority: 'high', status: 'pending', customerId: 'c-002', customerName: 'Khalid Al Mansouri', conversationId: 'cv-002', ownerId: 'u-003', dueAt: todayAt(18), note: '报告编号 TR-BS2024-07', createdAt: daysAgo(1) },
|
||||
{ id: 't-003', title: '确认 T 恤付款条款并发送 PI', type: 'quote', priority: 'high', status: 'pending', customerId: 'c-003', customerName: 'Rahim Uddin', conversationId: 'cv-003', ownerId: 'u-004', dueAt: todayAt(17), relatedSummary: '$2.20/pc 已接受，5000件', createdAt: daysAgo(1) },
|
||||
{ id: 't-004', title: 'FedEx 补寄单号同步给 Mike', type: 'aftersales', priority: 'high', status: 'pending', customerId: 'c-004', customerName: 'Mike Johnson', conversationId: 'cv-004', ownerId: 'u-005', dueAt: hoursFromNow(2), note: '客户威胁换供应商，2小时内必须响应', createdAt: hoursAgo(5) },
|
||||
{ id: 't-005', title: '发送产品目录+检测报告（西班牙语）', type: 'material', priority: 'medium', status: 'pending', customerId: 'c-005', customerName: 'Carmen López', conversationId: 'cv-005', ownerId: 'u-003', dueAt: daysFromNow(1, 11), createdAt: hoursAgo(7) },
|
||||
{ id: 't-006', title: '阿文书法Logo设计稿内审', type: 'custom', priority: 'medium', status: 'pending', customerId: 'c-006', customerName: 'Fahad Al-Otaibi', conversationId: 'cv-006', ownerId: 'u-004', dueAt: daysFromNow(2, 10), note: '需阿拉伯设计师校对后再发客户', createdAt: daysAgo(1) },
|
||||
{ id: 't-007', title: '回复 Emma 差异化报价方案', type: 'quote', priority: 'medium', status: 'pending', customerId: 'c-007', customerName: 'Emma Wilson', conversationId: 'cv-007', ownerId: 'u-008', dueAt: daysFromNow(1, 15), createdAt: hoursAgo(12) },
|
||||
{ id: 't-008', title: '跟进 Jonas 样品签收与实验室排期', type: 'sample', priority: 'medium', status: 'pending', customerId: 'c-008', customerName: 'Jonas Weber', conversationId: 'cv-008', ownerId: 'u-004', dueAt: daysFromNow(3, 10), createdAt: daysAgo(1) },
|
||||
{ id: 't-009', title: '发送秋冬色卡给 Nusrat', type: 'material', priority: 'high', status: 'pending', customerId: 'c-020', customerName: 'Nusrat Jahan', conversationId: 'cv-020', ownerId: 'u-003', dueAt: todayAt(15), relatedSummary: '复购1200件开衫', createdAt: hoursAgo(4) },
|
||||
{ id: 't-010', title: '管理层致电 Tom 并确认空运补发', type: 'aftersales', priority: 'high', status: 'pending', customerId: 'c-019', customerName: 'Tom Baker', conversationId: 'cv-019', ownerId: 'u-005', dueAt: hoursFromNow(1), note: '紧急：客户最后通牒', createdAt: hoursAgo(1) },
|
||||
{ id: 't-011', title: 'Sarah 合同草案与首单排产计划', type: 'quote', priority: 'high', status: 'pending', customerId: 'c-012', customerName: 'Sarah Miller', conversationId: 'cv-012', ownerId: 'u-004', dueAt: daysFromNow(1, 10), createdAt: hoursAgo(3) },
|
||||
{ id: 't-012', title: '回访 Laura 样品密封性测试结果', type: 'sample', priority: 'medium', status: 'pending', customerId: 'c-024', customerName: 'Laura García', ownerId: 'u-005', dueAt: daysFromNow(2, 12), createdAt: daysAgo(1) },
|
||||
{ id: 't-013', title: '宗教文案校对（Saud 朝觐礼品单）', type: 'custom', priority: 'high', status: 'pending', customerId: 'c-028', customerName: 'Saud Al-Harbi', ownerId: 'u-004', dueAt: daysFromNow(1, 9), note: '涉及宗教祝福语，必须双人校对', createdAt: daysAgo(1) },
|
||||
{ id: 't-014', title: '发送 FDA 检测报告给 Grace', type: 'material', priority: 'medium', status: 'pending', customerId: 'c-027', customerName: 'Grace Thompson', ownerId: 'u-003', dueAt: daysFromNow(2, 14), createdAt: daysAgo(1) },
|
||||
{ id: 't-015', title: ' Abdullah 阿语固件演示视频', type: 'material', priority: 'medium', status: 'pending', customerId: 'c-017', customerName: 'Abdullah Al-Rashid', conversationId: 'cv-017', ownerId: 'u-008', dueAt: daysFromNow(1, 16), createdAt: hoursAgo(2) },
|
||||
{ id: 't-016', title: '回访 James：PI 是否收到并确认', type: 'revisit', priority: 'low', status: 'pending', customerId: 'c-015', customerName: 'James Smith', ownerId: 'u-003', dueAt: daysFromNow(2, 16), createdAt: daysAgo(1) },
|
||||
{ id: 't-017', title: 'Imran 打样排期确认与色卡对照', type: 'custom', priority: 'high', status: 'pending', customerId: 'c-025', customerName: 'Imran Sheikh', ownerId: 'u-004', dueAt: hoursAgo(3), note: '已逾期风险：客户催打样', createdAt: daysAgo(2) },
|
||||
{ id: 't-018', title: '跟进 Khalid 样品反馈（已逾期）', type: 'revisit', priority: 'medium', status: 'pending', customerId: 'c-002', customerName: 'Khalid Al Mansouri', ownerId: 'u-003', dueAt: hoursAgo(20), createdAt: daysAgo(3) },
|
||||
{ id: 't-019', title: '季度复购提醒：Atlantic Kitchenware', type: 'repurchase', priority: 'low', status: 'done', customerId: 'c-027', customerName: 'Grace Thompson', ownerId: 'u-003', dueAt: daysAgo(2), createdAt: daysAgo(5), completedAt: daysAgo(2) },
|
||||
{ id: 't-020', title: '发送物流单号（Carlos 储物罐报价单）', type: 'logistics', priority: 'low', status: 'done', customerId: 'c-011', customerName: 'Carlos Ruiz', ownerId: 'u-008', dueAt: daysAgo(1, 12), createdAt: daysAgo(3), completedAt: daysAgo(1, 12) },
|
||||
]
|
||||
@@ -1,46 +0,0 @@
|
||||
import type { TeamMember } from '@/types/org'
|
||||
import { daysAgo, hoursAgo, minutesAgo } from './helpers'
|
||||
|
||||
/** 8 名团队成员 */
|
||||
export const teamMembers: TeamMember[] = [
|
||||
{
|
||||
id: 'u-001', name: '王琳', email: 'wanglin@ouhui.tech', phone: '138****6621',
|
||||
department: '总经办', role: 'admin', online: true, customerCount: 0, todoCount: 3,
|
||||
lastLoginAt: minutesAgo(12), status: 'active', joinedAt: daysAgo(420),
|
||||
},
|
||||
{
|
||||
id: 'u-002', name: '陈昊', email: 'chenhao@ouhui.tech', phone: '139****8810',
|
||||
department: '外贸一部', role: 'manager', online: true, customerCount: 0, todoCount: 6,
|
||||
lastLoginAt: minutesAgo(35), status: 'active', joinedAt: daysAgo(380),
|
||||
},
|
||||
{
|
||||
id: 'u-003', name: '李婷', email: 'liting@ouhui.tech', phone: '137****5523',
|
||||
department: '外贸一部', role: 'sales', online: true, customerCount: 12, todoCount: 7,
|
||||
lastLoginAt: minutesAgo(8), status: 'active', joinedAt: daysAgo(350),
|
||||
},
|
||||
{
|
||||
id: 'u-004', name: '赵磊', email: 'zhaolei@ouhui.tech', phone: '135****9012',
|
||||
department: '外贸二部', role: 'sales', online: true, customerCount: 10, todoCount: 5,
|
||||
lastLoginAt: minutesAgo(22), status: 'active', joinedAt: daysAgo(320),
|
||||
},
|
||||
{
|
||||
id: 'u-005', name: '周敏', email: 'zhoumin@ouhui.tech', phone: '136****3345',
|
||||
department: '客服部', role: 'service', online: true, customerCount: 6, todoCount: 4,
|
||||
lastLoginAt: minutesAgo(15), status: 'active', joinedAt: daysAgo(300),
|
||||
},
|
||||
{
|
||||
id: 'u-006', name: '孙倩', email: 'sunqian@ouhui.tech', phone: '158****7789',
|
||||
department: '客服部', role: 'service', online: false, customerCount: 2, todoCount: 2,
|
||||
lastLoginAt: hoursAgo(18), status: 'active', joinedAt: daysAgo(260),
|
||||
},
|
||||
{
|
||||
id: 'u-007', name: '吴迪', email: 'wudi@ouhui.tech', phone: '150****2234',
|
||||
department: '财务部', role: 'viewer', online: false, customerCount: 0, todoCount: 0,
|
||||
lastLoginAt: daysAgo(1, 9), status: 'active', joinedAt: daysAgo(200),
|
||||
},
|
||||
{
|
||||
id: 'u-008', name: '郑楠', email: 'zhengnan@ouhui.tech', phone: '186****4456',
|
||||
department: '外贸二部', role: 'sales', online: true, customerCount: 8, todoCount: 9,
|
||||
lastLoginAt: minutesAgo(3), status: 'active', joinedAt: daysAgo(120),
|
||||
},
|
||||
]
|
||||
@@ -4,7 +4,7 @@ import { PageHeader } from '@/components/common/PageHeader'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Card, CardHeader } from '@/components/ui/card'
|
||||
import { StatCard } from '@/components/common/StatCard'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { LiveDataBadge } from '@/components/common/LiveDataBadge'
|
||||
import { CountryFlag } from '@/components/common/CountryFlag'
|
||||
import { ChartCard, TrendChart, DonutChart, FunnelChart, RankBars, SimpleBarChart } from '@/components/charts'
|
||||
import { getAnalytics } from '@/services/api/org'
|
||||
@@ -26,8 +26,8 @@ export function AnalyticsPage() {
|
||||
<div className="p-4 md:p-6">
|
||||
<PageHeader
|
||||
title="数据分析中心"
|
||||
description="企业经营数据全景 · 当前展示演示数据"
|
||||
actions={<DemoNote />}
|
||||
description="企业经营数据全景 · 基于当前企业实时数据"
|
||||
actions={<LiveDataBadge />}
|
||||
extra={
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
{['today', '7d', '30d', 'quarter'].map((p) => (
|
||||
@@ -57,7 +57,7 @@ export function AnalyticsPage() {
|
||||
</div>
|
||||
|
||||
{/* 老板看板 */}
|
||||
<h2 className="mt-6 mb-3 text-lg font-semibold">老板看板 <DemoNote className="align-middle" /></h2>
|
||||
<h2 className="mt-6 mb-3 text-lg font-semibold">老板看板 <LiveDataBadge className="align-middle" /></h2>
|
||||
<div className="grid grid-cols-1 gap-4 lg:grid-cols-3">
|
||||
<Card><CardHeader title="🔥 今日需处理的高价值客户" /><div className="divide-y divide-border">{data.bossBoard.urgentHighValue.map((c) => (<div key={c.id} className="flex items-center justify-between px-4 py-2.5 text-sm"><span>{c.name} <CountryFlag code={c.country} withName={false} /></span><span className="text-xs text-muted-foreground">{c.reason.slice(0, 20)}…</span></div>))}</div></Card>
|
||||
<Card><CardHeader title="⚠️ 存在逾期跟进的业务员" /><div className="divide-y divide-border">{data.bossBoard.overdueMembers.map((m) => (<div key={m.id} className="flex items-center justify-between px-4 py-2.5 text-sm"><span>{m.name}</span><Badge variant="danger">{m.overdueCount} 项逾期</Badge></div>))}</div></Card>
|
||||
|
||||
@@ -8,7 +8,6 @@ import { login } from '@/services/api/auth'
|
||||
import { useAuthStore } from '@/app/store/auth'
|
||||
import { useI18n } from '@/i18n'
|
||||
import { toast, errorMessage } from '@/app/store/toast'
|
||||
import { ROLE_META, type RoleKey } from '@/config/roles'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Input, Field } from '@/components/ui/input'
|
||||
import { Checkbox } from '@/components/ui/checkbox'
|
||||
@@ -30,13 +29,12 @@ export function LoginPage() {
|
||||
const { t, locale, setLocale } = useI18n()
|
||||
const navigate = useNavigate()
|
||||
const setSession = useAuthStore((s) => s.setSession)
|
||||
const [mode, setMode] = useState<'code' | 'password'>('code')
|
||||
const [mode, setMode] = useState<'code' | 'password'>('password')
|
||||
const [remember, setRemember] = useState(true)
|
||||
const [agreed, setAgreed] = useState(true)
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [codeSent, setCodeSent] = useState(0)
|
||||
const [agreementOpen, setAgreementOpen] = useState<'privacy' | 'terms' | null>(null)
|
||||
const [forgotOpen, setForgotOpen] = useState(false)
|
||||
|
||||
const {
|
||||
register,
|
||||
@@ -44,7 +42,7 @@ export function LoginPage() {
|
||||
formState: { errors },
|
||||
} = useForm<FormValues>({ resolver: zodResolver(schema), defaultValues: { account: '', password: '', code: '' } })
|
||||
|
||||
const doLogin = async (values: FormValues, role?: RoleKey) => {
|
||||
const doLogin = async (values: FormValues) => {
|
||||
if (!agreed) {
|
||||
toast.warning('请先勾选并同意《隐私政策》和《服务协议》')
|
||||
return
|
||||
@@ -54,12 +52,12 @@ export function LoginPage() {
|
||||
return
|
||||
}
|
||||
if (mode === 'code' && (values.code ?? '').length !== 6) {
|
||||
toast.warning('请输入6位验证码（演示环境任意6位数字即可）')
|
||||
toast.warning('请输入6位验证码')
|
||||
return
|
||||
}
|
||||
try {
|
||||
setLoading(true)
|
||||
const session = await login({ ...values, mode, remember, role })
|
||||
const session = await login({ ...values, mode, remember })
|
||||
setSession(session)
|
||||
toast.success(`欢迎回来，${session.user.name}`)
|
||||
navigate('/dashboard')
|
||||
@@ -70,10 +68,6 @@ export function LoginPage() {
|
||||
}
|
||||
}
|
||||
|
||||
const quickLogin = (role: RoleKey) => {
|
||||
doLogin({ account: 'demo@ouhui.tech', code: '888888', password: 'demo123456' }, role)
|
||||
}
|
||||
|
||||
const sendCode = () => {
|
||||
setCodeSent(60)
|
||||
const timer = setInterval(() => {
|
||||
@@ -82,7 +76,7 @@ export function LoginPage() {
|
||||
return s - 1
|
||||
})
|
||||
}, 1000)
|
||||
toast.success('验证码已发送（演示：任意6位数字均可登录）')
|
||||
toast.success('验证码已发送')
|
||||
}
|
||||
|
||||
return (
|
||||
@@ -120,7 +114,7 @@ export function LoginPage() {
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-xs text-primary-300">© 2026 {t('app.company')} · 演示环境（Mock 数据）</p>
|
||||
<p className="text-xs text-primary-300">© 2026 {t('app.company')}</p>
|
||||
</div>
|
||||
|
||||
{/* 表单区 */}
|
||||
@@ -155,10 +149,7 @@ export function LoginPage() {
|
||||
<Tabs
|
||||
value={mode}
|
||||
onChange={(v) => setMode(v as 'code' | 'password')}
|
||||
items={[
|
||||
{ value: 'code', label: t('login.phoneTab') },
|
||||
{ value: 'password', label: t('login.passwordTab') },
|
||||
]}
|
||||
items={[{ value: 'password', label: t('login.passwordTab') }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,9 +172,6 @@ export function LoginPage() {
|
||||
|
||||
<div className="flex items-center justify-between text-sm">
|
||||
<Checkbox label={t('login.remember')} checked={remember} onCheckedChange={setRemember} />
|
||||
<button type="button" className="text-primary hover:underline" onClick={() => setForgotOpen(true)}>
|
||||
{t('login.forgot')}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<Button type="submit" className="w-full" size="lg" loading={loading}>
|
||||
@@ -198,18 +186,6 @@ export function LoginPage() {
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{/* 演示角色一键登录 */}
|
||||
<div className="mt-8 rounded-lg border border-dashed border-border bg-muted/40 p-4">
|
||||
<p className="mb-3 text-center text-xs text-muted-foreground">{t('login.quick')}</p>
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
{(Object.keys(ROLE_META) as RoleKey[]).map((r) => (
|
||||
<Button key={r} variant="outline" size="sm" loading={loading} onClick={() => quickLogin(r)}>
|
||||
{ROLE_META[r].label}
|
||||
</Button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="mt-6 text-center text-xs text-muted-foreground">
|
||||
<Checkbox
|
||||
checked={agreed}
|
||||
@@ -231,7 +207,7 @@ export function LoginPage() {
|
||||
{/* 协议弹窗 */}
|
||||
<Dialog open={!!agreementOpen} onOpenChange={() => setAgreementOpen(null)} title={agreementOpen === 'privacy' ? '隐私政策' : '服务协议'}>
|
||||
<div className="space-y-3 text-sm leading-relaxed text-muted-foreground">
|
||||
<p>本页面为产品演示环境，以下协议为示意文本。</p>
|
||||
<p>使用本服务前，请阅读并确认以下数据处理与服务条款。</p>
|
||||
<p>1. 我们仅收集为您提供跨境沟通与客户管理服务所必需的信息，包括账号信息、企业信息与您主动录入的客户数据。</p>
|
||||
<p>2. 您的会话数据采用全链路加密存储，未经您授权，我们不会向任何第三方披露。</p>
|
||||
<p>3. 您可以随时导出或删除您的数据；企业注销后，相关数据将在 30 天内完成清理。</p>
|
||||
@@ -239,26 +215,6 @@ export function LoginPage() {
|
||||
</div>
|
||||
</Dialog>
|
||||
|
||||
{/* 忘记密码 */}
|
||||
<Dialog
|
||||
open={forgotOpen}
|
||||
onOpenChange={setForgotOpen}
|
||||
title="重置密码"
|
||||
footer={
|
||||
<Button
|
||||
onClick={() => {
|
||||
setForgotOpen(false)
|
||||
toast.success('重置链接已发送（演示）', '请在邮箱或短信中查收重置指引')
|
||||
}}
|
||||
>
|
||||
发送重置链接
|
||||
</Button>
|
||||
}
|
||||
>
|
||||
<Field label="手机号或邮箱" hint="我们将向该账号发送重置密码的链接">
|
||||
<Input placeholder="请输入注册时使用的手机号或邮箱" />
|
||||
</Field>
|
||||
</Dialog>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -51,7 +51,7 @@ export function RegisterPage() {
|
||||
const session = await registerApi(values)
|
||||
setSession(session)
|
||||
toast.success('企业创建成功', '接下来请完成企业初始化配置')
|
||||
navigate('/onboarding')
|
||||
navigate('/channels')
|
||||
} catch (e) {
|
||||
toast.error(errorMessage(e))
|
||||
} finally {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useState } from 'react'
|
||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
|
||||
import { useMutation, useQuery } from '@tanstack/react-query'
|
||||
import { CreditCard, Check, Download, ExternalLink } from 'lucide-react'
|
||||
import { toast, errorMessage } from '@/app/store/toast'
|
||||
import { PageHeader } from '@/components/common/PageHeader'
|
||||
@@ -13,16 +13,17 @@ import { getBilling, upgradePlan } from '@/services/api/org'
|
||||
import { PRICING_PLANS, type PlanKey } from '@/config/pricingPlans'
|
||||
import { formatMoney, formatDateTime } from '@/utils/format'
|
||||
import { cn } from '@/utils/cn'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
|
||||
export function BillingPage() {
|
||||
const queryClient = useQueryClient()
|
||||
const { data } = useQuery({ queryKey: ['billing'], queryFn: getBilling })
|
||||
const [upgradeTo, setUpgradeTo] = useState<PlanKey | null>(null)
|
||||
|
||||
const upgradeMut = useMutation({
|
||||
mutationFn: (key: PlanKey) => upgradePlan(key),
|
||||
onSuccess: () => { toast.success('套餐升级成功', '新套餐权益已生效'); queryClient.invalidateQueries({ queryKey: ['billing'] }); setUpgradeTo(null) },
|
||||
onSuccess: (result) => {
|
||||
toast.success('正在跳转到 Stripe 安全支付页面')
|
||||
window.location.assign(result.checkoutUrl)
|
||||
},
|
||||
onError: (e) => toast.error(errorMessage(e)),
|
||||
})
|
||||
|
||||
@@ -32,7 +33,7 @@ export function BillingPage() {
|
||||
|
||||
return (
|
||||
<div className="p-4 md:p-6">
|
||||
<PageHeader title="套餐与账单" description="管理订阅与查看使用量" actions={<DemoNote text="价格来自演示配置" />} />
|
||||
<PageHeader title="套餐与账单" description="通过 Stripe Checkout 管理真实订阅与支付" />
|
||||
|
||||
{info && (
|
||||
<Card className="mb-4 p-4">
|
||||
|
||||
@@ -14,7 +14,10 @@ import { Switch } from '@/components/ui/switch'
|
||||
import { Input, Field } from '@/components/ui/input'
|
||||
import { PermissionGate } from '@/components/common/PermissionGate'
|
||||
import { ChannelIcon } from '@/components/common/ChannelIcon'
|
||||
import { getChannels, connectChannel, testChannel, updateChannel, deleteChannel, getChannelLogs } from '@/services/api/channels'
|
||||
import {
|
||||
getChannels, connectChannel, testChannel, updateChannel, deleteChannel, getChannelLogs,
|
||||
startTelegramLogin, submitTelegramCode, submitTelegramPassword, syncTelegramChannel,
|
||||
} from '@/services/api/channels'
|
||||
import { CHANNEL_META } from '@/config/constants'
|
||||
import { formatRelative } from '@/utils/format'
|
||||
import { cn } from '@/utils/cn'
|
||||
@@ -32,6 +35,11 @@ export function ChannelsPage() {
|
||||
const queryClient = useQueryClient()
|
||||
const { data: channels } = useQuery({ queryKey: ['channels'], queryFn: getChannels })
|
||||
const [wizard, setWizard] = useState<{ open: boolean; type: ChannelType | null; step: number }>({ open: false, type: null, step: 0 })
|
||||
const [telegramAccount, setTelegramAccount] = useState('')
|
||||
const [telegramCode, setTelegramCode] = useState('')
|
||||
const [telegramPassword, setTelegramPassword] = useState('')
|
||||
const [loginChannelId, setLoginChannelId] = useState('')
|
||||
const [authState, setAuthState] = useState('')
|
||||
const [logDrawer, setLogDrawer] = useState<string | null>(null)
|
||||
const [settingsDrawer, setSettingsDrawer] = useState<ChannelConnection | null>(null)
|
||||
const [logItems, setLogItems] = useState<ChannelSyncLog[]>([])
|
||||
@@ -74,6 +82,11 @@ export function ChannelsPage() {
|
||||
<div className="mt-3 flex flex-wrap gap-1">
|
||||
{ch.status === 'connected' ? (
|
||||
<>
|
||||
<Button size="sm" variant="outline" onClick={async () => {
|
||||
const result = await syncTelegramChannel(ch.id)
|
||||
toast.success(`同步完成：${result.chats} 个会话，${result.messages} 条消息`)
|
||||
queryClient.invalidateQueries()
|
||||
}}><RefreshCw className="h-3 w-3" />同步</Button>
|
||||
<Button size="sm" variant="outline" onClick={() => updateChannel(ch.id, { status: 'paused' }).then(() => queryClient.invalidateQueries({ queryKey: ['channels'] }))}><Pause className="h-3 w-3" />暂停</Button>
|
||||
<Button size="sm" variant="outline" onClick={() => delMut.mutate(ch.id)}><Trash2 className="h-3 w-3" /></Button>
|
||||
</>
|
||||
@@ -100,22 +113,60 @@ export function ChannelsPage() {
|
||||
footer={
|
||||
<Button
|
||||
onClick={async () => {
|
||||
const t = wizard.type!
|
||||
await connectChannel({ type: t, account: 'demo-account@mock', autoReply: true })
|
||||
toast.success(`${CHANNEL_META[t].name} 连接成功（演示）`)
|
||||
if (!loginChannelId) {
|
||||
if (telegramAccount.trim()) {
|
||||
const channel = await startTelegramLogin(telegramAccount.trim())
|
||||
setLoginChannelId(channel.id)
|
||||
setAuthState('waiting_code')
|
||||
toast.success('验证码已发送到 Telegram')
|
||||
return
|
||||
}
|
||||
const channel = await connectChannel({ type: 'telegram', account: '现有网关账号', autoReply: false })
|
||||
toast.success(channel.status === 'connected' ? '现有 Telegram 账号已连接' : '账号尚未完成授权')
|
||||
setWizard({ open: false, type: null, step: 0 })
|
||||
queryClient.invalidateQueries({ queryKey: ['channels'] })
|
||||
return
|
||||
}
|
||||
if (authState === 'waiting_code') {
|
||||
const result = await submitTelegramCode(loginChannelId, telegramCode)
|
||||
if (result.status === 'waiting_password') {
|
||||
setAuthState('waiting_password')
|
||||
toast.info('该账号启用了二步验证，请输入密码')
|
||||
return
|
||||
}
|
||||
} else if (authState === 'waiting_password') {
|
||||
await submitTelegramPassword(loginChannelId, telegramPassword)
|
||||
}
|
||||
toast.success('Telegram 授权完成')
|
||||
setWizard({ open: false, type: null, step: 0 })
|
||||
setLoginChannelId('')
|
||||
setAuthState('')
|
||||
queryClient.invalidateQueries({ queryKey: ['channels'] })
|
||||
}}
|
||||
>完成连接</Button>
|
||||
>{!loginChannelId ? '连接' : authState === 'waiting_password' ? '提交二步密码' : '提交验证码'}</Button>
|
||||
}
|
||||
>
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center gap-2">
|
||||
<Badge variant="primary">步骤 {wizard.step + 1}/7</Badge>
|
||||
<span className="text-sm font-medium">模拟授权连接</span>
|
||||
<span className="text-sm font-medium">连接现有 Telegram 网关账号</span>
|
||||
</div>
|
||||
<p className="text-sm text-muted-foreground">演示环境连接向导：选择渠道 → 模拟授权 → 选择同步范围 → 设置默认负责人 → 设置自动回复 → 测试连接 → 完成。</p>
|
||||
<p className="text-sm text-muted-foreground">点击「完成连接」即可一键模拟全部步骤。</p>
|
||||
{!loginChannelId && (
|
||||
<Field label="Telegram 手机号（留空则连接服务器现有账号）">
|
||||
<Input value={telegramAccount} onChange={(e) => setTelegramAccount(e.target.value)} placeholder="+8613800138000" />
|
||||
</Field>
|
||||
)}
|
||||
{authState === 'waiting_code' && (
|
||||
<Field label="Telegram 验证码">
|
||||
<Input value={telegramCode} onChange={(e) => setTelegramCode(e.target.value)} placeholder="请输入验证码" />
|
||||
</Field>
|
||||
)}
|
||||
{authState === 'waiting_password' && (
|
||||
<Field label="Telegram 二步验证密码">
|
||||
<Input type="password" value={telegramPassword} onChange={(e) => setTelegramPassword(e.target.value)} />
|
||||
</Field>
|
||||
)}
|
||||
<p className="text-sm text-muted-foreground">手机号、验证码和二步密码只发送到服务端 Telegram Gateway，不在浏览器持久化。</p>
|
||||
</div>
|
||||
</Dialog>
|
||||
|
||||
|
||||
@@ -64,7 +64,7 @@ export function CustomerDetailPage() {
|
||||
{/* 顶部客户画像卡片 */}
|
||||
<Card className="p-4 md:p-5">
|
||||
<div className="flex flex-wrap gap-4">
|
||||
<Avatar name={c.name} size="xl" />
|
||||
<Avatar name={c.name} src={c.avatarUrl} size="xl" />
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
<h1 className="text-lg font-semibold">{c.name}</h1>
|
||||
|
||||
@@ -15,7 +15,8 @@ import {
|
||||
Upload,
|
||||
UserRoundPlus,
|
||||
} from 'lucide-react'
|
||||
import { getCustomers, deleteCustomer, importCustomers, exportCustomers, getDuplicateCustomers, mergeCustomers } from '@/services/api/customers'
|
||||
import { getCustomers, deleteCustomer, importCustomers, exportCustomers, getDuplicateCustomers, mergeCustomers, updateCustomer } from '@/services/api/customers'
|
||||
import { getTeam } from '@/services/api/org'
|
||||
import { useI18n } from '@/i18n'
|
||||
import { useAuthStore } from '@/app/store/auth'
|
||||
import { usePermission } from '@/hooks/usePermission'
|
||||
@@ -24,7 +25,7 @@ import { confirmDialog } from '@/app/store/confirm'
|
||||
import { PageLoading, ErrorState, EmptyState } from '@/components/ui/feedback'
|
||||
import { PageHeader } from '@/components/common/PageHeader'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Input } from '@/components/ui/input'
|
||||
import { Input, Field } from '@/components/ui/input'
|
||||
import { Select } from '@/components/ui/select'
|
||||
import { Checkbox } from '@/components/ui/checkbox'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
@@ -71,14 +72,17 @@ export function CustomersPage() {
|
||||
const [importDialog, setImportDialog] = useState(false)
|
||||
const [mergeDialog, setMergeDialog] = useState(false)
|
||||
const [duplicateList, setDuplicateList] = useState<any[]>([])
|
||||
const [batchDialog, setBatchDialog] = useState<'assign' | 'tag' | null>(null)
|
||||
const [batchValue, setBatchValue] = useState('')
|
||||
|
||||
const { data, isLoading, isError, refetch } = useQuery({
|
||||
queryKey: ['customers', 'all'],
|
||||
queryFn: () => getCustomers({ keyword, country, channel, stage, intentLevel }),
|
||||
})
|
||||
const { data: team = [] } = useQuery({ queryKey: ['team'], queryFn: getTeam })
|
||||
|
||||
const updateMut = useMutation({
|
||||
mutationFn: (p: { id: string; data: Partial<Customer> }) => import('@/services/api/customers').then((api) => api.updateCustomer(p.id, p.data)),
|
||||
mutationFn: (p: { id: string; data: Partial<Customer> }) => updateCustomer(p.id, p.data),
|
||||
onSuccess: () => {
|
||||
queryClient.invalidateQueries({ queryKey: ['customers'] })
|
||||
toast.success('已更新')
|
||||
@@ -87,28 +91,32 @@ export function CustomersPage() {
|
||||
})
|
||||
|
||||
const batchAssign = async () => {
|
||||
const owner = prompt('请输入负责人姓名（演示环境请输入 李婷/赵磊/周敏/郑楠）：')
|
||||
if (!owner) return
|
||||
const team = (await import('@/services/api/org').then((api) => api.getTeam())).find((m) => m.name === owner)
|
||||
if (!team) return toast.error('未找到该成员')
|
||||
const member = team.find((item) => item.id === batchValue)
|
||||
if (!member) return toast.error('请选择负责人')
|
||||
const count = selected.size
|
||||
for (const id of selected) {
|
||||
try { await updateMut.mutateAsync({ id, data: { ownerId: team.id } }) } catch {}
|
||||
try { await updateMut.mutateAsync({ id, data: { ownerId: member.id } }) } catch {}
|
||||
}
|
||||
setSelected(new Set())
|
||||
toast.success(`已分配 ${selected.size} 位客户给 ${owner}`)
|
||||
setBatchDialog(null)
|
||||
setBatchValue('')
|
||||
toast.success(`已分配 ${count} 位客户给 ${member.name}`)
|
||||
}
|
||||
|
||||
const batchTag = async () => {
|
||||
const tag = prompt('请输入要添加的标签：')
|
||||
const tag = batchValue.trim()
|
||||
if (!tag) return
|
||||
const count = selected.size
|
||||
for (const id of selected) {
|
||||
const c = data?.list.find((x: Customer) => x.id === id)
|
||||
if (c) {
|
||||
try { await updateMut.mutateAsync({ id, data: { tags: [...c.tags, tag] } }) } catch {}
|
||||
try { await updateMut.mutateAsync({ id, data: { tags: Array.from(new Set([...c.tags, tag])) } }) } catch {}
|
||||
}
|
||||
}
|
||||
setSelected(new Set())
|
||||
toast.success(`已为 ${selected.size} 位客户添加标签「${tag}」`)
|
||||
setBatchDialog(null)
|
||||
setBatchValue('')
|
||||
toast.success(`已为 ${count} 位客户添加标签「${tag}」`)
|
||||
}
|
||||
|
||||
const handleExport = async () => {
|
||||
@@ -118,11 +126,16 @@ export function CustomersPage() {
|
||||
toast.success('导出成功')
|
||||
}
|
||||
|
||||
const handleImport = async () => {
|
||||
const rows = [
|
||||
{ name: 'Demo Import 1', country: 'US', email: 'demo1@example.com' },
|
||||
{ name: 'Demo Import 2', country: 'PK', email: 'demo2@example.com' },
|
||||
]
|
||||
const handleImport = async (file: File) => {
|
||||
const text = await file.text()
|
||||
const lines = text.replace(/^\uFEFF/, '').split(/\r?\n/).filter(Boolean)
|
||||
if (lines.length < 2) return toast.error('CSV 文件没有可导入的数据行')
|
||||
const headers = lines[0].split(',').map((x) => x.trim().replace(/^"|"$/g, '').toLowerCase())
|
||||
const rows = lines.slice(1).map((line) => {
|
||||
const values = line.split(',').map((x) => x.trim().replace(/^"|"$/g, ''))
|
||||
return Object.fromEntries(headers.map((header, index) => [header, values[index] || '']))
|
||||
}).filter((row) => row.name || row.email || row.phone)
|
||||
if (!rows.length) return toast.error('未识别到客户数据，请包含 name、email 或 phone 列')
|
||||
const res = await importCustomers(rows)
|
||||
toast.success(`导入完成：${res.imported} 条成功`)
|
||||
setImportDialog(false)
|
||||
@@ -225,8 +238,8 @@ export function CustomersPage() {
|
||||
<div className="mb-3 flex items-center gap-2 rounded-lg bg-primary-50 px-3 py-2">
|
||||
<span className="text-sm font-medium text-primary-700">已选 {selected.size} 位客户</span>
|
||||
<div className="flex-1" />
|
||||
<Button size="sm" variant="outline" onClick={batchAssign}><UserRoundPlus className="h-4 w-4" />批量分配</Button>
|
||||
<Button size="sm" variant="outline" onClick={batchTag}><Tag className="h-4 w-4" />批量加标签</Button>
|
||||
<Button size="sm" variant="outline" onClick={() => { setBatchValue(''); setBatchDialog('assign') }}><UserRoundPlus className="h-4 w-4" />批量分配</Button>
|
||||
<Button size="sm" variant="outline" onClick={() => { setBatchValue(''); setBatchDialog('tag') }}><Tag className="h-4 w-4" />批量加标签</Button>
|
||||
<Button size="sm" variant="ghost" onClick={() => setSelected(new Set())}>取消选择</Button>
|
||||
</div>
|
||||
)}
|
||||
@@ -261,7 +274,7 @@ export function CustomersPage() {
|
||||
<Td onClick={(e) => e.stopPropagation()}><Checkbox checked={selected.has(customer.id)} onCheckedChange={(v) => setSelected((s) => { const ns = new Set(s); v ? ns.add(customer.id) : ns.delete(customer.id); return ns })} /></Td>
|
||||
<Td onClick={() => navigate(`/customers/${customer.id}`)}>
|
||||
<div className="flex items-center gap-2">
|
||||
<Avatar name={customer.name} size="xs" />
|
||||
<Avatar name={customer.name} src={customer.avatarUrl} size="xs" />
|
||||
<div>
|
||||
<p className="text-sm font-medium hover:text-primary">{customer.name}</p>
|
||||
{customer.company && <p className="text-xs text-muted-foreground">{customer.company}</p>}
|
||||
@@ -303,7 +316,7 @@ export function CustomersPage() {
|
||||
<Card key={customer.id} className="cursor-pointer p-4 hover:shadow-md transition-shadow" onClick={() => navigate(`/customers/${customer.id}`)}>
|
||||
<div className="flex items-start justify-between">
|
||||
<div className="flex items-center gap-2.5">
|
||||
<Avatar name={customer.name} size="sm" />
|
||||
<Avatar name={customer.name} src={customer.avatarUrl} size="sm" />
|
||||
<div className="min-w-0">
|
||||
<p className="text-sm font-medium truncate">{customer.name}</p>
|
||||
<p className="text-xs text-muted-foreground">{customer.company || '—'}</p>
|
||||
@@ -347,7 +360,7 @@ export function CustomersPage() {
|
||||
onClick={() => navigate(`/customers/${customer.id}`)}
|
||||
>
|
||||
<div className="flex items-center gap-2">
|
||||
<Avatar name={customer.name} size="xs" />
|
||||
<Avatar name={customer.name} src={customer.avatarUrl} size="xs" />
|
||||
<span className="text-sm font-medium truncate">{customer.name}</span>
|
||||
</div>
|
||||
<div className="mt-1.5 flex items-center gap-2">
|
||||
@@ -365,6 +378,48 @@ export function CustomersPage() {
|
||||
|
||||
<CustomerFormDialog open={formDialog} onOpenChange={setFormDialog} customer={editCustomer} />
|
||||
|
||||
<Dialog
|
||||
open={batchDialog !== null}
|
||||
onOpenChange={(open) => { if (!open) { setBatchDialog(null); setBatchValue('') } }}
|
||||
title={batchDialog === 'assign' ? '批量分配客户' : '批量添加标签'}
|
||||
description={`当前已选择 ${selected.size} 位客户`}
|
||||
footer={
|
||||
<>
|
||||
<Button variant="ghost" onClick={() => setBatchDialog(null)}>取消</Button>
|
||||
<Button
|
||||
loading={updateMut.isPending}
|
||||
disabled={!batchValue}
|
||||
onClick={batchDialog === 'assign' ? batchAssign : batchTag}
|
||||
>
|
||||
确认保存
|
||||
</Button>
|
||||
</>
|
||||
}
|
||||
>
|
||||
{batchDialog === 'assign' ? (
|
||||
<Field label="负责人">
|
||||
<Select
|
||||
value={batchValue}
|
||||
onChange={(event) => setBatchValue(event.target.value)}
|
||||
placeholder="选择团队成员"
|
||||
options={team.filter((member) => member.status === 'active').map((member) => ({
|
||||
value: member.id,
|
||||
label: `${member.name} · ${member.department || member.role}`,
|
||||
}))}
|
||||
/>
|
||||
</Field>
|
||||
) : (
|
||||
<Field label="客户标签">
|
||||
<Input
|
||||
autoFocus
|
||||
value={batchValue}
|
||||
onChange={(event) => setBatchValue(event.target.value)}
|
||||
placeholder="例如：重点客户、展会线索"
|
||||
/>
|
||||
</Field>
|
||||
)}
|
||||
</Dialog>
|
||||
|
||||
{/* 去重合并弹窗 */}
|
||||
<Dialog open={mergeDialog} onOpenChange={setMergeDialog} title="重复客户检测" width="max-w-2xl">
|
||||
{duplicateList.length === 0 ? (
|
||||
@@ -391,7 +446,21 @@ export function CustomersPage() {
|
||||
open={importDialog}
|
||||
onOpenChange={setImportDialog}
|
||||
title="批量导入客户"
|
||||
footer={<Button onClick={handleImport}>模拟导入 2 条演示数据</Button>}
|
||||
footer={
|
||||
<label className="inline-flex h-9 cursor-pointer items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground">
|
||||
选择 CSV 并导入
|
||||
<input
|
||||
type="file"
|
||||
accept=".csv,text/csv"
|
||||
className="hidden"
|
||||
onChange={(event) => {
|
||||
const file = event.target.files?.[0]
|
||||
if (file) void handleImport(file)
|
||||
event.target.value = ''
|
||||
}}
|
||||
/>
|
||||
</label>
|
||||
}
|
||||
>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
支持 Excel（.xlsx）或 CSV 文件上传，系统将自动识别列名（姓名/公司/国家/邮箱/电话）并去重建档。
|
||||
|
||||
@@ -39,7 +39,7 @@ import { Badge } from '@/components/ui/badge'
|
||||
import { Avatar } from '@/components/ui/avatar'
|
||||
import { Checkbox } from '@/components/ui/checkbox'
|
||||
import { StatCard } from '@/components/common/StatCard'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { LiveDataBadge } from '@/components/common/LiveDataBadge'
|
||||
import { ChannelIcon } from '@/components/common/ChannelIcon'
|
||||
import { CountryFlag } from '@/components/common/CountryFlag'
|
||||
import { IntentScoreBadge, CustomerStageBadge } from '@/components/common/StatusBadges'
|
||||
@@ -105,7 +105,7 @@ export function DashboardPage() {
|
||||
</div>
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
<Badge variant="primary" className="h-7 px-2.5">{plan.name}</Badge>
|
||||
<DemoNote />
|
||||
<LiveDataBadge />
|
||||
<Button size="sm" onClick={() => navigate('/channels')}>
|
||||
<Cable className="h-4 w-4" />
|
||||
快速连接渠道
|
||||
@@ -192,7 +192,7 @@ export function DashboardPage() {
|
||||
<div className="max-h-[340px] divide-y divide-border overflow-y-auto scrollbar-thin">
|
||||
{data.highValueCustomers.map((c) => (
|
||||
<Link key={c.id} to={`/customers/${c.id}`} className="flex items-center gap-3 px-4 py-2.5 hover:bg-muted/50">
|
||||
<Avatar name={c.name} size="sm" />
|
||||
<Avatar name={c.name} src={c.avatarUrl} size="sm" />
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="truncate text-sm font-medium">{c.name}</span>
|
||||
@@ -216,7 +216,7 @@ export function DashboardPage() {
|
||||
<CardHeader
|
||||
title="实时消息概览"
|
||||
description="各渠道今日消息量"
|
||||
action={<DemoNote />}
|
||||
action={<LiveDataBadge />}
|
||||
/>
|
||||
<div className="divide-y divide-border">
|
||||
{data.channelOverview.map((ch) => (
|
||||
|
||||
+17
-76
@@ -1,92 +1,33 @@
|
||||
import { useState } from 'react'
|
||||
import { useNavigate } from 'react-router-dom'
|
||||
import { Check, ExternalLink, GraduationCap, HelpCircle, PlayCircle, Cable, BookOpen, FileUp, Headphones, Ticket, Calendar } from 'lucide-react'
|
||||
import { Cable, BookOpen, FileUp, Languages, UsersRound, CreditCard } from 'lucide-react'
|
||||
import { PageHeader } from '@/components/common/PageHeader'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Card, CardHeader } from '@/components/ui/card'
|
||||
import { Dialog } from '@/components/ui/dialog'
|
||||
import { Input, Field, Textarea } from '@/components/ui/input'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { toast } from '@/app/store/toast'
|
||||
|
||||
const DELIVERY_STEPS = [
|
||||
{ key: '1', title: '账号开通', done: true },
|
||||
{ key: '2', title: '渠道连接', done: true },
|
||||
{ key: '3', title: '历史数据迁移', done: true },
|
||||
{ key: '4', title: '功能配置', done: true },
|
||||
{ key: '5', title: '员工培训', done: false },
|
||||
{ key: '6', title: '正式上线', done: false },
|
||||
{ key: '7', title: '运营支持', done: false },
|
||||
{ key: '8', title: '使用反馈', done: false },
|
||||
{ key: '9', title: '产品持续迭代', done: false },
|
||||
]
|
||||
import { Card } from '@/components/ui/card'
|
||||
|
||||
const HELP_ITEMS = [
|
||||
{ icon: GraduationCap, title: '新手指引', desc: '10分钟快速上手灵犀跨境' },
|
||||
{ icon: PlayCircle, title: '视频教程', desc: '核心功能操作教学视频' },
|
||||
{ icon: HelpCircle, title: '常见问题', desc: 'FAQ 与排查指引' },
|
||||
{ icon: Cable, title: '渠道连接文档', desc: 'WhatsApp、邮件、表单等连接指南' },
|
||||
{ icon: BookOpen, title: '知识库建设教程', desc: '如何构建高效的企业知识库' },
|
||||
{ icon: FileUp, title: '客户导入教程', desc: '批量导入与去重操作指南' },
|
||||
{ icon: Cable, title: '连接 Telegram', desc: '手机号、验证码和二步密码登录，并同步历史会话', path: '/channels' },
|
||||
{ icon: BookOpen, title: '建设知识库', desc: '上传 TXT、Markdown、PDF 或 DOCX 并解析为企业知识', path: '/knowledge' },
|
||||
{ icon: FileUp, title: '导入与管理客户', desc: '维护客户资料、标签、负责人和跟进状态', path: '/customers' },
|
||||
{ icon: Languages, title: 'AI 上下文翻译', desc: '结合当前会话上下文进行跨境商务翻译', path: '/translate' },
|
||||
{ icon: UsersRound, title: '邀请团队成员', desc: '通过已配置的企业 SMTP 发送真实邀请邮件', path: '/team' },
|
||||
{ icon: CreditCard, title: '订阅与支付', desc: '通过 Stripe Checkout 管理套餐订阅', path: '/billing' },
|
||||
]
|
||||
|
||||
export function HelpPage() {
|
||||
const navigate = useNavigate()
|
||||
const [ticketOpen, setTicketOpen] = useState(false)
|
||||
const doneCount = DELIVERY_STEPS.filter((s) => s.done).length
|
||||
|
||||
return (
|
||||
<div className="p-4 md:p-6">
|
||||
<PageHeader title="帮助与培训" description="从开通到深度运营，全程伴随" actions={<DemoNote />} />
|
||||
|
||||
{/* 交付进度 */}
|
||||
<Card className="mb-4 p-4">
|
||||
<h2 className="text-sm font-semibold mb-3">企业开通进度 <span className="text-xs text-muted-foreground font-normal">（{doneCount}/{DELIVERY_STEPS.length} 步完成）</span></h2>
|
||||
<div className="flex flex-wrap gap-3">
|
||||
{DELIVERY_STEPS.map((s, i) => (
|
||||
<div key={s.key} className="flex items-center gap-2 text-sm">
|
||||
<span className={`flex h-6 w-6 items-center justify-center rounded-full text-xs ${s.done ? 'bg-emerald-100 text-emerald-700' : 'bg-muted text-muted-foreground'}`}>
|
||||
{s.done ? <Check className="h-3.5 w-3.5" /> : i + 1}
|
||||
</span>
|
||||
<span className="text-muted-foreground">{s.title}</span>
|
||||
{i < DELIVERY_STEPS.length - 1 && <span className="text-border">→</span>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
{/* 帮助卡片 */}
|
||||
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 mb-6">
|
||||
<PageHeader title="帮助与配置入口" description="直接进入可用功能完成配置和操作" />
|
||||
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3">
|
||||
{HELP_ITEMS.map((item) => (
|
||||
<Card key={item.title} className="cursor-pointer p-4 hover:shadow-md transition-shadow" onClick={() => toast.success(`打开：${item.title}（演示内容）`)}>
|
||||
<item.icon className="h-8 w-8 text-primary-600 mb-2" />
|
||||
<p className="text-sm font-medium">{item.title}</p>
|
||||
<p className="text-xs text-muted-foreground mt-1">{item.desc}</p>
|
||||
</Card>
|
||||
<button key={item.title} className="text-left" onClick={() => navigate(item.path)}>
|
||||
<Card className="h-full p-4 transition-shadow hover:shadow-md">
|
||||
<item.icon className="mb-2 h-8 w-8 text-primary-600" />
|
||||
<p className="text-sm font-medium">{item.title}</p>
|
||||
<p className="mt-1 text-xs text-muted-foreground">{item.desc}</p>
|
||||
</Card>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* 客服与工单 */}
|
||||
<div className="flex flex-wrap gap-3">
|
||||
<Button variant="outline" onClick={() => toast.info('在线客服：工作日 9:00—18:00（演示）')}>
|
||||
<Headphones className="h-4 w-4" /> 联系客服
|
||||
</Button>
|
||||
<Button variant="outline" onClick={() => setTicketOpen(true)}>
|
||||
<Ticket className="h-4 w-4" /> 提交工单
|
||||
</Button>
|
||||
<Button variant="outline" onClick={() => toast.info('预约培训已提交（演示）')}>
|
||||
<Calendar className="h-4 w-4" /> 预约培训
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<Dialog open={ticketOpen} onOpenChange={setTicketOpen} title="提交工单" footer={
|
||||
<Button onClick={() => { setTicketOpen(false); toast.success('工单已提交', '客服将在24小时内回复') }}>
|
||||
提交
|
||||
</Button>
|
||||
}>
|
||||
<Field label="工单主题" required><Input placeholder="请描述您的问题" /></Field>
|
||||
<Field label="问题描述" className="mt-3"><Textarea rows={4} placeholder="详细描述您遇到的问题或需求" /></Field>
|
||||
</Dialog>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
+413
-36
@@ -1,13 +1,17 @@
|
||||
import { useState, useCallback } from 'react'
|
||||
import { useState, useCallback, useEffect, useLayoutEffect, useRef } from 'react'
|
||||
import { useSearchParams } from 'react-router-dom'
|
||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
|
||||
import { ArrowLeft, UserRound, ChevronLeft } from 'lucide-react'
|
||||
import { ArrowLeft, UserRound, ChevronLeft, MessageCircle, X } from 'lucide-react'
|
||||
import {
|
||||
getConversations,
|
||||
getConversation,
|
||||
getMessages,
|
||||
sendMessage,
|
||||
sendMedia,
|
||||
sendAlbum,
|
||||
updateConversation,
|
||||
updateMessage,
|
||||
markConversationRead,
|
||||
} from '@/services/api/conversations'
|
||||
import { updateCustomer } from '@/services/api/customers'
|
||||
import { useAuthStore } from '@/app/store/auth'
|
||||
@@ -15,19 +19,22 @@ import { useIsMobile } from '@/hooks/useMediaQuery'
|
||||
import { toast, errorMessage } from '@/app/store/toast'
|
||||
import { PageLoading, ErrorState, EmptyState } from '@/components/ui/feedback'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Dialog } from '@/components/ui/dialog'
|
||||
import { Segmented, type TabItem } from '@/components/ui/tabs'
|
||||
import { Avatar } from '@/components/ui/avatar'
|
||||
import { ChannelIcon } from '@/components/common/ChannelIcon'
|
||||
import { CountryFlag } from '@/components/common/CountryFlag'
|
||||
import { IntentScoreBadge } from '@/components/common/StatusBadges'
|
||||
import type { ViewMode } from '@/components/inbox/MessageBubble'
|
||||
import type { Message } from '@/types'
|
||||
import type { Conversation, Customer, Message } from '@/types'
|
||||
import { ConversationList } from '@/components/inbox/ConversationList'
|
||||
import { MessageBubble } from '@/components/inbox/MessageBubble'
|
||||
import { Composer } from '@/components/inbox/Composer'
|
||||
import { InsightPanel } from '@/components/inbox/InsightPanel'
|
||||
import { AiReplies } from '@/components/inbox/AiReplies'
|
||||
import { ConversationInsightBar } from '@/components/inbox/ConversationInsightBar'
|
||||
import { useDebounce } from '@/hooks/useDebounce'
|
||||
import { getWebSocketTicket } from '@/services/api/auth'
|
||||
|
||||
export function InboxPage() {
|
||||
const [searchParams, setSearchParams] = useSearchParams()
|
||||
@@ -36,6 +43,7 @@ export function InboxPage() {
|
||||
const channel = searchParams.get('channel') || ''
|
||||
const queryClient = useQueryClient()
|
||||
const user = useAuthStore((s) => s.user)
|
||||
const token = useAuthStore((s) => s.token)
|
||||
const isMobile = useIsMobile()
|
||||
|
||||
const [keyword, setKeyword] = useState('')
|
||||
@@ -43,6 +51,24 @@ export function InboxPage() {
|
||||
const [viewMode, setViewMode] = useState<ViewMode>('bilingual')
|
||||
const [mobilePanel, setMobilePanel] = useState<'list' | 'chat' | 'insight'>('list')
|
||||
const [showInsight, setShowInsight] = useState(false) // desktop right panel toggle
|
||||
const [showAiReplies, setShowAiReplies] = useState(true)
|
||||
const [draftText, setDraftText] = useState('')
|
||||
const [replyingTo, setReplyingTo] = useState<{ id: string; text: string } | null>(null)
|
||||
const [noteTarget, setNoteTarget] = useState<Message | null>(null)
|
||||
const [noteDraft, setNoteDraft] = useState('')
|
||||
const [incomingNotice, setIncomingNotice] = useState<{
|
||||
conversationId: string
|
||||
message: Message
|
||||
customer: Customer
|
||||
} | null>(null)
|
||||
const messageListRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
useEffect(() => {
|
||||
setDraftText('')
|
||||
setReplyingTo(null)
|
||||
setShowAiReplies(true)
|
||||
if (isMobile && convId) setMobilePanel('chat')
|
||||
}, [convId])
|
||||
|
||||
// 会话列表
|
||||
const { data: convData, isLoading: convLoading } = useQuery({
|
||||
@@ -54,6 +80,7 @@ export function InboxPage() {
|
||||
keyword: debouncedKeyword,
|
||||
userId: user?.id,
|
||||
}),
|
||||
refetchInterval: 5_000,
|
||||
})
|
||||
|
||||
// 当前会话详情
|
||||
@@ -68,9 +95,133 @@ export function InboxPage() {
|
||||
queryKey: ['messages', convId],
|
||||
queryFn: () => getMessages(convId!),
|
||||
enabled: !!convId,
|
||||
refetchInterval: 30_000,
|
||||
refetchInterval: 5_000,
|
||||
})
|
||||
|
||||
const lastMessageId = messages?.[messages.length - 1]?.id
|
||||
useLayoutEffect(() => {
|
||||
const container = messageListRef.current
|
||||
if (!container) return
|
||||
const frame = requestAnimationFrame(() => {
|
||||
container.scrollTop = container.scrollHeight
|
||||
})
|
||||
return () => cancelAnimationFrame(frame)
|
||||
}, [convId, messages?.length, lastMessageId])
|
||||
|
||||
useEffect(() => {
|
||||
if (!convId || !messages?.length) return
|
||||
const unreadIds = messages.filter((message) => message.sender === 'customer').slice(-100).map((message) => message.id)
|
||||
void markConversationRead(convId, unreadIds)
|
||||
.then((conversation) => {
|
||||
queryClient.setQueryData(['conversation', convId], (current: any) => current
|
||||
? { ...current, conversation: { ...current.conversation, ...conversation } }
|
||||
: current)
|
||||
queryClient.setQueriesData<any>({ queryKey: ['conversations'] }, (current: any) => current ? {
|
||||
...current,
|
||||
list: current.list.map((item: any) => item.id === convId ? { ...item, unreadCount: 0 } : item),
|
||||
} : current)
|
||||
})
|
||||
.catch(() => undefined)
|
||||
}, [convId, lastMessageId, queryClient])
|
||||
|
||||
useEffect(() => {
|
||||
if (!incomingNotice) return
|
||||
const timer = setTimeout(() => setIncomingNotice(null), 6_000)
|
||||
return () => clearTimeout(timer)
|
||||
}, [incomingNotice])
|
||||
|
||||
useEffect(() => {
|
||||
if (!token) return
|
||||
const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
|
||||
let socket: WebSocket | undefined
|
||||
let reconnectTimer: ReturnType<typeof setTimeout> | undefined
|
||||
let stopped = false
|
||||
let reconnectDelay = 500
|
||||
|
||||
const connect = async () => {
|
||||
if (stopped) return
|
||||
try {
|
||||
const { ticket } = await getWebSocketTicket()
|
||||
if (stopped) return
|
||||
socket = new WebSocket(`${protocol}//${window.location.host}/api/ws?ticket=${encodeURIComponent(ticket)}`)
|
||||
} catch {
|
||||
reconnectTimer = setTimeout(() => { void connect() }, reconnectDelay)
|
||||
reconnectDelay = Math.min(reconnectDelay * 2, 10_000)
|
||||
return
|
||||
}
|
||||
socket.onopen = () => { reconnectDelay = 500 }
|
||||
socket.onmessage = (raw) => {
|
||||
let event: {
|
||||
type?: string
|
||||
conversationId?: string
|
||||
oldMessageId?: string
|
||||
message?: Message
|
||||
customer?: Customer
|
||||
conversation?: Conversation
|
||||
}
|
||||
try { event = JSON.parse(String(raw.data)) } catch { return }
|
||||
if (
|
||||
event.type === 'message.created' &&
|
||||
event.conversationId &&
|
||||
event.message?.sender === 'customer' &&
|
||||
event.customer
|
||||
) {
|
||||
setIncomingNotice({
|
||||
conversationId: event.conversationId,
|
||||
message: event.message,
|
||||
customer: event.customer,
|
||||
})
|
||||
}
|
||||
if (event.conversationId && event.message) {
|
||||
queryClient.setQueryData<Message[]>(['messages', event.conversationId], (current = []) => {
|
||||
const withoutOld = event.oldMessageId
|
||||
? current.filter((item) => String(item.id) !== String(event.oldMessageId))
|
||||
: current
|
||||
const index = withoutOld.findIndex((item) => String(item.id) === String(event.message!.id))
|
||||
if (index < 0) return [...withoutOld, event.message!]
|
||||
const next = [...withoutOld]
|
||||
next[index] = { ...next[index], ...event.message! }
|
||||
return next
|
||||
})
|
||||
queryClient.setQueriesData<{ list: Array<{ id: string; lastMessage?: Message }>; total: number }>(
|
||||
{ queryKey: ['conversations'] },
|
||||
(current) => current ? {
|
||||
...current,
|
||||
list: current.list.map((item) => item.id === event.conversationId
|
||||
? { ...item, lastMessage: event.message }
|
||||
: item),
|
||||
} : current,
|
||||
)
|
||||
}
|
||||
if (event.conversationId && event.customer && event.conversation) {
|
||||
queryClient.setQueryData(['conversation', event.conversationId], {
|
||||
conversation: event.conversation,
|
||||
customer: event.customer,
|
||||
})
|
||||
queryClient.setQueriesData<any>({ queryKey: ['conversations'] }, (current: any) => current ? {
|
||||
...current,
|
||||
list: current.list.map((item: any) => item.id === event.conversationId
|
||||
? { ...item, ...event.conversation, customer: event.customer }
|
||||
: item),
|
||||
} : current)
|
||||
}
|
||||
void queryClient.invalidateQueries({ queryKey: ['conversations'] })
|
||||
}
|
||||
socket.onerror = () => socket?.close()
|
||||
socket.onclose = () => {
|
||||
if (stopped) return
|
||||
reconnectTimer = setTimeout(() => { void connect() }, reconnectDelay)
|
||||
reconnectDelay = Math.min(reconnectDelay * 2, 10_000)
|
||||
}
|
||||
}
|
||||
void connect()
|
||||
return () => {
|
||||
stopped = true
|
||||
if (reconnectTimer) clearTimeout(reconnectTimer)
|
||||
socket?.close()
|
||||
}
|
||||
}, [token, queryClient])
|
||||
|
||||
const setConv = useCallback(
|
||||
(id: string) => {
|
||||
setSearchParams((prev) => {
|
||||
@@ -98,48 +249,94 @@ export function InboxPage() {
|
||||
mutationFn: async ({
|
||||
text,
|
||||
convId: id,
|
||||
translatedText,
|
||||
autoTranslate,
|
||||
}: {
|
||||
text: string
|
||||
convId: string
|
||||
translatedText?: string
|
||||
autoTranslate?: boolean
|
||||
}) => {
|
||||
return sendMessage(id, { text, translatedText })
|
||||
return sendMessage(id, {
|
||||
text,
|
||||
autoTranslate,
|
||||
replyToId: replyingTo?.id,
|
||||
replyPreview: replyingTo?.text,
|
||||
})
|
||||
},
|
||||
onSuccess: (msg) => {
|
||||
setReplyingTo(null)
|
||||
queryClient.invalidateQueries({ queryKey: ['messages', convId] })
|
||||
queryClient.invalidateQueries({ queryKey: ['conversations'] })
|
||||
},
|
||||
onError: (e) => toast.error(errorMessage(e)),
|
||||
})
|
||||
|
||||
const handleSend = async (text: string, translatedText?: string) => {
|
||||
const handleSend = async (text: string, autoTranslate = true) => {
|
||||
if (!convId) return
|
||||
await sendMsg.mutateAsync({ text, convId, translatedText })
|
||||
await sendMsg.mutateAsync({ text, convId, autoTranslate })
|
||||
}
|
||||
|
||||
const handleMedia = async (files: File[], kind: 'document' | 'photo' | 'audio' | 'voice' | 'sticker') => {
|
||||
if (!convId) return
|
||||
const encoded = await Promise.all(files.map(async (file) => {
|
||||
const base64 = await new Promise<string>((resolve, reject) => {
|
||||
const reader = new FileReader()
|
||||
reader.onerror = () => reject(reader.error)
|
||||
reader.onload = () => resolve(String(reader.result).split(',')[1] || '')
|
||||
reader.readAsDataURL(file)
|
||||
})
|
||||
return { name: file.name, mimeType: file.type, base64 }
|
||||
}))
|
||||
if (kind === 'photo' && encoded.length > 1) {
|
||||
await sendAlbum(convId, encoded)
|
||||
return
|
||||
}
|
||||
for (const item of encoded) await sendMedia(convId, { ...item, kind })
|
||||
}
|
||||
|
||||
const handleAction = {
|
||||
quote: (msg: Message) => {
|
||||
if (!convId) return
|
||||
const t = `> ${msg.originalText.slice(0, 80)}…\n\n`
|
||||
// 引用通过 Composer 预设文本实现
|
||||
toast.info('引用已复制到输入区')
|
||||
setReplyingTo({ id: msg.id, text: msg.originalText || msg.attachmentName || `[${msg.type}]` })
|
||||
toast.info('已引用该消息，发送后会关联 Telegram 原消息')
|
||||
},
|
||||
markImportant: (msg: Message) => {
|
||||
queryClient.setQueryData(['messages', convId], (old: Message[] | undefined) =>
|
||||
old?.map((m) => (m.id === msg.id ? { ...m, isImportant: !m.isImportant } : m)),
|
||||
)
|
||||
toast.success(msg.isImportant ? '已取消重要标记' : '已标记为重要')
|
||||
markImportant: async (msg: Message) => {
|
||||
if (!convId) return
|
||||
try {
|
||||
const updated = await updateMessage(convId, msg.id, { isImportant: !msg.isImportant })
|
||||
queryClient.setQueryData(['messages', convId], (old: Message[] | undefined) =>
|
||||
old?.map((item) => item.id === updated.id ? updated : item))
|
||||
toast.success(msg.isImportant ? '已取消重要标记' : '已标记为重要')
|
||||
} catch (error) {
|
||||
toast.error(errorMessage(error))
|
||||
}
|
||||
},
|
||||
addNote: (msg: Message) => {
|
||||
const note = prompt('为这条消息添加内部备注：', msg.internalNote ?? '')
|
||||
if (note === null) return
|
||||
queryClient.setQueryData(['messages', convId], (old: Message[] | undefined) =>
|
||||
old?.map((m) => (m.id === msg.id ? { ...m, internalNote: note } : m)),
|
||||
)
|
||||
toast.success('备注已保存')
|
||||
setNoteTarget(msg)
|
||||
setNoteDraft(msg.internalNote ?? '')
|
||||
},
|
||||
task: async (msg: Message) => {
|
||||
if (!convId || !convDetail?.customer) return
|
||||
try {
|
||||
const { createTask } = await import('@/services/api/crm')
|
||||
const dueAt = new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString()
|
||||
await createTask({
|
||||
title: `跟进：${msg.originalText.slice(0, 36) || msg.attachmentName || '客户消息'}`,
|
||||
type: 'revisit',
|
||||
priority: convDetail.customer.riskLevel === 'urgent' || convDetail.customer.riskLevel === 'high' ? 'high' : 'medium',
|
||||
status: 'pending',
|
||||
customerId: convDetail.customer.id,
|
||||
customerName: convDetail.customer.name,
|
||||
conversationId: convId,
|
||||
ownerId: user?.id || '',
|
||||
dueAt,
|
||||
note: `来源消息：${msg.originalText || msg.attachmentName || msg.type}`,
|
||||
} as any)
|
||||
queryClient.invalidateQueries({ queryKey: ['tasks'] })
|
||||
toast.success('已创建真实跟进待办', '默认明天到期，可在商机与跟进中调整')
|
||||
} catch (error) {
|
||||
toast.error(errorMessage(error))
|
||||
}
|
||||
},
|
||||
task: () => toast.info('待办创建入口（可通过右上角快捷操作 "新建跟进" 创建）'),
|
||||
knowledge: (msg: Message) => {
|
||||
import('@/services/api/knowledge')
|
||||
.then(({ createKnowledge }) =>
|
||||
@@ -154,11 +351,58 @@ export function InboxPage() {
|
||||
},
|
||||
}
|
||||
|
||||
const saveNote = async () => {
|
||||
if (!convId || !noteTarget) return
|
||||
try {
|
||||
const updated = await updateMessage(convId, noteTarget.id, { internalNote: noteDraft.trim() })
|
||||
queryClient.setQueryData(['messages', convId], (old: Message[] | undefined) =>
|
||||
old?.map((item) => item.id === updated.id ? updated : item))
|
||||
setNoteTarget(null)
|
||||
setNoteDraft('')
|
||||
toast.success('备注已持久化保存')
|
||||
} catch (error) {
|
||||
toast.error(errorMessage(error))
|
||||
}
|
||||
}
|
||||
|
||||
const noteDialog = (
|
||||
<Dialog
|
||||
open={noteTarget !== null}
|
||||
onOpenChange={(open) => { if (!open) { setNoteTarget(null); setNoteDraft('') } }}
|
||||
title="内部备注"
|
||||
description="仅团队内部可见，不会发送给 Telegram 联系人。"
|
||||
footer={
|
||||
<>
|
||||
<Button variant="ghost" onClick={() => setNoteTarget(null)}>取消</Button>
|
||||
<Button onClick={saveNote}>保存备注</Button>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<textarea
|
||||
autoFocus
|
||||
value={noteDraft}
|
||||
onChange={(event) => setNoteDraft(event.target.value)}
|
||||
rows={5}
|
||||
maxLength={1000}
|
||||
placeholder="记录客户偏好、交付约定或团队协作信息"
|
||||
className="w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary"
|
||||
/>
|
||||
<p className="mt-1 text-end text-xs text-muted-foreground">{noteDraft.length}/1000</p>
|
||||
</Dialog>
|
||||
)
|
||||
|
||||
const handleAdopt = (content: string) => {
|
||||
setDraftText(content)
|
||||
setShowAiReplies(false)
|
||||
if (convId) {
|
||||
void import('@/services/api/ai').then(({ recordAiAdoption }) => recordAiAdoption(convId, content))
|
||||
}
|
||||
toast.success('回复已采用，请在输入区编辑后发送')
|
||||
}
|
||||
|
||||
const handleEdit = (content: string) => {
|
||||
setDraftText(content)
|
||||
setShowAiReplies(false)
|
||||
toast.info('回复已加载到输入区，请按需编辑', content.slice(0, 50))
|
||||
}
|
||||
|
||||
@@ -174,6 +418,17 @@ export function InboxPage() {
|
||||
if (isMobile) {
|
||||
return (
|
||||
<div className="flex h-[calc(100vh-56px)] flex-col">
|
||||
{noteDialog}
|
||||
{incomingNotice && (
|
||||
<IncomingMessageNotice
|
||||
notice={incomingNotice}
|
||||
onOpen={() => {
|
||||
setConv(incomingNotice.conversationId)
|
||||
setIncomingNotice(null)
|
||||
}}
|
||||
onClose={() => setIncomingNotice(null)}
|
||||
/>
|
||||
)}
|
||||
{mobilePanel === 'list' && (
|
||||
<ConversationList
|
||||
items={listItems}
|
||||
@@ -198,7 +453,14 @@ export function InboxPage() {
|
||||
onInsight={() => setMobilePanel('insight')}
|
||||
showInsightBtn
|
||||
/>
|
||||
<div className="flex-1 overflow-y-auto scrollbar-thin">
|
||||
{convDetail && (
|
||||
<ConversationInsightBar
|
||||
customer={convDetail.customer}
|
||||
conversation={convDetail.conversation}
|
||||
onOpenProfile={() => setMobilePanel('insight')}
|
||||
/>
|
||||
)}
|
||||
<div ref={messageListRef} data-testid="message-list" className="flex-1 overflow-y-auto bg-slate-50/60 scrollbar-thin">
|
||||
{msgsLoading ? <PageLoading /> : <>
|
||||
{(messages ?? []).map((msg) => (
|
||||
<MessageBubble
|
||||
@@ -207,20 +469,44 @@ export function InboxPage() {
|
||||
viewMode={viewMode}
|
||||
onQuote={() => handleAction.quote(msg)}
|
||||
onMarkImportant={() => handleAction.markImportant(msg)}
|
||||
onConvertToTask={() => handleAction.task()}
|
||||
onConvertToTask={() => handleAction.task(msg)}
|
||||
onAddToKnowledge={() => handleAction.knowledge(msg)}
|
||||
onAddNote={() => handleAction.addNote(msg)}
|
||||
customerName={convDetail?.customer.name}
|
||||
customerAvatar={convDetail?.customer.avatarUrl}
|
||||
/>
|
||||
))}
|
||||
</>}
|
||||
</div>
|
||||
<Composer onSend={(t) => handleSend(t)} disabled={!convId} />
|
||||
{showAiReplies && convId ? (
|
||||
<AiReplies
|
||||
conversationId={convId}
|
||||
onAdopt={handleAdopt}
|
||||
onEdit={handleEdit}
|
||||
onClose={() => setShowAiReplies(false)}
|
||||
/>
|
||||
) : (
|
||||
<div className="flex justify-end border-t border-border px-3 py-1.5">
|
||||
<Button variant="ghost" size="sm" onClick={() => setShowAiReplies(true)}>
|
||||
AI 智能回复
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
<Composer
|
||||
onSend={handleSend}
|
||||
onMedia={handleMedia}
|
||||
value={draftText}
|
||||
onChange={setDraftText}
|
||||
disabled={!convId}
|
||||
replyingTo={replyingTo}
|
||||
onCancelReply={() => setReplyingTo(null)}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{mobilePanel === 'insight' && convDetail && (
|
||||
<div className="flex flex-1 flex-col">
|
||||
<div className="flex items-center gap-2 border-b border-border px-3 py-2.5">
|
||||
<Button variant="ghost" size="icon-sm" onClick={() => setMobilePanel('chat')}>
|
||||
<Button variant="ghost" size="icon-sm" title="返回会话" aria-label="返回会话" onClick={() => setMobilePanel('chat')}>
|
||||
<ChevronLeft className="h-4 w-4" />
|
||||
</Button>
|
||||
<span className="text-sm font-medium">客户洞察</span>
|
||||
@@ -235,6 +521,17 @@ export function InboxPage() {
|
||||
// 桌面端三栏布局
|
||||
return (
|
||||
<div className="flex h-[calc(100vh-56px)] overflow-hidden">
|
||||
{noteDialog}
|
||||
{incomingNotice && (
|
||||
<IncomingMessageNotice
|
||||
notice={incomingNotice}
|
||||
onOpen={() => {
|
||||
setConv(incomingNotice.conversationId)
|
||||
setIncomingNotice(null)
|
||||
}}
|
||||
onClose={() => setIncomingNotice(null)}
|
||||
/>
|
||||
)}
|
||||
{/* 左栏：会话列表 360px */}
|
||||
<div className="w-80 shrink-0 border-e border-border lg:w-[360px]">
|
||||
<ConversationList
|
||||
@@ -262,7 +559,14 @@ export function InboxPage() {
|
||||
onInsight={() => setShowInsight((v) => !v)}
|
||||
showInsightBtn
|
||||
/>
|
||||
<div className="flex-1 overflow-y-auto scrollbar-thin">
|
||||
{convDetail && (
|
||||
<ConversationInsightBar
|
||||
customer={convDetail.customer}
|
||||
conversation={convDetail.conversation}
|
||||
onOpenProfile={() => setShowInsight(true)}
|
||||
/>
|
||||
)}
|
||||
<div ref={messageListRef} data-testid="message-list" className="flex-1 overflow-y-auto bg-slate-50/60 scrollbar-thin">
|
||||
{msgsLoading ? (
|
||||
<PageLoading />
|
||||
) : (messages?.length ?? 0) === 0 ? (
|
||||
@@ -275,19 +579,38 @@ export function InboxPage() {
|
||||
viewMode={viewMode}
|
||||
onQuote={() => handleAction.quote(msg)}
|
||||
onMarkImportant={() => handleAction.markImportant(msg)}
|
||||
onConvertToTask={() => handleAction.task()}
|
||||
onConvertToTask={() => handleAction.task(msg)}
|
||||
onAddToKnowledge={() => handleAction.knowledge(msg)}
|
||||
onAddNote={() => handleAction.addNote(msg)}
|
||||
customerName={convDetail?.customer.name}
|
||||
customerAvatar={convDetail?.customer.avatarUrl}
|
||||
/>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
<AiReplies
|
||||
conversationId={convId}
|
||||
onAdopt={handleAdopt}
|
||||
onEdit={handleEdit}
|
||||
{showAiReplies ? (
|
||||
<AiReplies
|
||||
conversationId={convId}
|
||||
onAdopt={handleAdopt}
|
||||
onEdit={handleEdit}
|
||||
onClose={() => setShowAiReplies(false)}
|
||||
/>
|
||||
) : (
|
||||
<div className="flex justify-end border-t border-border px-3 py-1.5">
|
||||
<Button variant="ghost" size="sm" onClick={() => setShowAiReplies(true)}>
|
||||
AI 智能回复
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
<Composer
|
||||
onSend={handleSend}
|
||||
onMedia={handleMedia}
|
||||
value={draftText}
|
||||
onChange={setDraftText}
|
||||
disabled={!convId}
|
||||
replyingTo={replyingTo}
|
||||
onCancelReply={() => setReplyingTo(null)}
|
||||
/>
|
||||
<Composer onSend={handleSend} disabled={!convId} />
|
||||
</>
|
||||
) : (
|
||||
<EmptyState
|
||||
@@ -342,7 +665,7 @@ function ChatHeader({
|
||||
<span className="text-sm text-muted-foreground">加载中…</span>
|
||||
) : (
|
||||
<>
|
||||
<Avatar name={c?.name ?? '?'} size="sm" />
|
||||
<Avatar name={c?.name ?? '?'} src={c?.avatarUrl} size="sm" />
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="truncate text-sm font-medium">{c?.name ?? '—'}</span>
|
||||
@@ -350,6 +673,9 @@ function ChatHeader({
|
||||
{conv && <ChannelIcon channel={conv.channel} size="xs" withBg />}
|
||||
{c && <IntentScoreBadge score={c.intentScore} className="scale-75" />}
|
||||
</div>
|
||||
{c?.telegramUsername && (
|
||||
<p className="truncate text-[11px] text-muted-foreground">@{c.telegramUsername}</p>
|
||||
)}
|
||||
</div>
|
||||
<Segmented
|
||||
value={viewMode}
|
||||
@@ -371,3 +697,54 @@ function ChatHeader({
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function IncomingMessageNotice({
|
||||
notice,
|
||||
onOpen,
|
||||
onClose,
|
||||
}: {
|
||||
notice: { conversationId: string; message: Message; customer: Customer }
|
||||
onOpen: () => void
|
||||
onClose: () => void
|
||||
}) {
|
||||
const preview = notice.message.translatedText || notice.message.originalText ||
|
||||
(notice.message.type === 'image' ? '[图片]' : notice.message.type === 'audio' ? '[语音]' : '[新消息]')
|
||||
return (
|
||||
<div
|
||||
data-testid="incoming-message-notice"
|
||||
className="group animate-incoming-notice fixed right-4 top-4 z-[90] w-[360px] max-w-[calc(100vw-2rem)] overflow-hidden rounded-2xl border border-primary/20 bg-card/95 shadow-2xl shadow-primary/15 backdrop-blur-xl"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
onClick={onOpen}
|
||||
className="flex w-full items-center gap-3 px-4 py-3.5 text-start"
|
||||
>
|
||||
<div className="relative">
|
||||
<Avatar name={notice.customer.name} src={notice.customer.avatarUrl} size="md" />
|
||||
<span className="absolute -bottom-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-[#229ED9] text-white ring-2 ring-card">
|
||||
<MessageCircle className="h-3 w-3" />
|
||||
</span>
|
||||
</div>
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<p className="truncate text-sm font-semibold">{notice.customer.name}</p>
|
||||
{notice.customer.telegramUsername && (
|
||||
<span className="truncate text-[11px] text-primary">@{notice.customer.telegramUsername}</span>
|
||||
)}
|
||||
<span className="ml-auto text-[10px] font-medium text-emerald-600">刚刚</span>
|
||||
</div>
|
||||
<p className="mt-0.5 truncate text-xs text-muted-foreground">{preview}</p>
|
||||
</div>
|
||||
</button>
|
||||
<div className="h-1 origin-left animate-[pulse_1.5s_ease-in-out_infinite] bg-gradient-to-r from-primary via-emerald-400 to-cyan-400" />
|
||||
<button
|
||||
type="button"
|
||||
aria-label="关闭新消息提醒"
|
||||
onClick={onClose}
|
||||
className="absolute right-1.5 top-1.5 rounded-full p-1 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground group-hover:opacity-100 focus:opacity-100"
|
||||
>
|
||||
<X className="h-3.5 w-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -1,152 +0,0 @@
|
||||
import { useState, useRef, useEffect } from 'react'
|
||||
import { Mic, MicOff, Pause, Play, Square, PhoneCall, Download, ListTodo } from 'lucide-react'
|
||||
import { useMutation } from '@tanstack/react-query'
|
||||
import { PageHeader } from '@/components/common/PageHeader'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Card, CardHeader } from '@/components/ui/card'
|
||||
import { Select } from '@/components/ui/select'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { nextInterpretLine } from '@/services/api/ai'
|
||||
import { toast } from '@/app/store/toast'
|
||||
import { LANGUAGES } from '@/config/languages'
|
||||
import { cn } from '@/utils/cn'
|
||||
import type { InterpretLine } from '@/types/ai'
|
||||
|
||||
const langOptions = LANGUAGES.slice(1).map(l => ({ value: l.code, label: `${l.nativeName} (${l.name})` }))
|
||||
|
||||
const STATES = {
|
||||
idle: { label: '空闲', color: 'bg-gray-100 text-gray-600' },
|
||||
connecting: { label: '正在连接', color: 'bg-blue-100 text-blue-600' },
|
||||
listening: { label: '正在识别', color: 'bg-emerald-100 text-emerald-600' },
|
||||
translating: { label: '正在翻译', color: 'bg-teal-100 text-teal-600' },
|
||||
unstable: { label: '网络不稳定', color: 'bg-amber-100 text-amber-600' },
|
||||
ended: { label: '会话已结束', color: 'bg-gray-200 text-gray-500' },
|
||||
}
|
||||
|
||||
export function InterpretPage() {
|
||||
const [myLang, setMyLang] = useState('zh')
|
||||
const [peerLang, setPeerLang] = useState('ar')
|
||||
const [state, setState] = useState<keyof typeof STATES>('idle')
|
||||
const [lines, setLines] = useState<InterpretLine[]>([])
|
||||
const [paused, setPaused] = useState(false)
|
||||
const [vol, setVol] = useState(0)
|
||||
const timerRef = useRef<ReturnType<typeof setInterval>>()
|
||||
const lineIndex = useRef(0)
|
||||
|
||||
const simMut = useMutation({
|
||||
mutationFn: () => nextInterpretLine(lineIndex.current),
|
||||
onSuccess: (line) => {
|
||||
lineIndex.current += 1
|
||||
setLines((l) => [...l, { ...line, speaker: lineIndex.current % 2 === 0 ? 'me' : 'peer' }])
|
||||
setState('translating')
|
||||
setTimeout(() => { setState('listening'); setVol(Math.random()) }, 800)
|
||||
},
|
||||
})
|
||||
|
||||
useEffect(() => {
|
||||
if (state === 'listening' && !paused) {
|
||||
timerRef.current = setInterval(() => {
|
||||
simMut.mutate()
|
||||
}, 4000)
|
||||
}
|
||||
return () => clearInterval(timerRef.current)
|
||||
}, [state, paused])
|
||||
|
||||
const start = () => {
|
||||
setState('connecting')
|
||||
setTimeout(() => { setState('listening'); setVol(0.6) }, 1200)
|
||||
toast.success('同声传译会话已创建', `${LANGUAGES.find(l => l.code === myLang)?.name} ↔ ${LANGUAGES.find(l => l.code === peerLang)?.name}`)
|
||||
}
|
||||
|
||||
const stop = () => {
|
||||
setState('ended')
|
||||
clearInterval(timerRef.current)
|
||||
toast.info('会话已结束，可导出记录')
|
||||
}
|
||||
|
||||
const statusInfo = STATES[state]
|
||||
|
||||
return (
|
||||
<div className="p-4 md:p-6">
|
||||
<PageHeader title="同声传译" description="实时语音翻译与双语字幕 · 支持模拟演示" actions={<DemoNote />} />
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
{/* 设置区 */}
|
||||
<Card className="mb-4 p-4">
|
||||
<div className="flex flex-wrap items-center gap-3">
|
||||
<span className="text-sm">我的语言</span>
|
||||
<Select options={langOptions} value={myLang} onChange={(e) => setMyLang(e.target.value)} className="w-32" />
|
||||
<span className="text-sm text-muted-foreground">↔</span>
|
||||
<span className="text-sm">对方语言</span>
|
||||
<Select options={langOptions} value={peerLang} onChange={(e) => setPeerLang(e.target.value)} className="w-32" />
|
||||
<div className="flex-1" />
|
||||
{state === 'idle' && <Button onClick={start}><PhoneCall className="h-4 w-4" />开始会话</Button>}
|
||||
{state === 'ended' && <Button onClick={() => { setLines([]); setState('idle'); lineIndex.current = 0 }}>新建会话</Button>}
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
{/* 状态区 */}
|
||||
<Card className="mb-4 p-6 text-center">
|
||||
<Badge className={cn('text-sm px-4 py-1.5', statusInfo.color)}>{statusInfo.label}</Badge>
|
||||
<div className="mt-4 flex items-center justify-center gap-8">
|
||||
<div className="text-center">
|
||||
<div className={cn('flex h-12 w-12 items-center justify-center rounded-full mx-auto', state === 'listening' ? 'bg-emerald-100 text-emerald-600' : 'bg-muted text-muted-foreground')}>
|
||||
<Mic className="h-6 w-6" />
|
||||
</div>
|
||||
<p className="mt-1 text-xs text-muted-foreground">{LANGUAGES.find(l => l.code === myLang)?.name}</p>
|
||||
{state === 'listening' && vol > 0 && (
|
||||
<div className="mt-1 h-1.5 w-16 mx-auto overflow-hidden rounded-full bg-muted">
|
||||
<div className="h-full bg-emerald-500 transition-all" style={{ width: `${vol * 100}%` }} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
{state !== 'idle' && state !== 'ended' && (
|
||||
<>
|
||||
<Button variant={paused ? 'default' : 'outline'} size="icon" onClick={() => { setPaused(!paused); toast.info(paused ? '已继续' : '已暂停') }} title="暂停/继续">
|
||||
{paused ? <Play className="h-4 w-4" /> : <Pause className="h-4 w-4" />}
|
||||
</Button>
|
||||
<Button variant="destructive" size="icon" onClick={stop} title="结束会话"><Square className="h-4 w-4" /></Button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className={cn('flex h-12 w-12 items-center justify-center rounded-full mx-auto', state === 'listening' ? 'bg-teal-100 text-teal-600' : 'bg-muted text-muted-foreground')}>
|
||||
<Mic className="h-6 w-6" />
|
||||
</div>
|
||||
<p className="mt-1 text-xs text-muted-foreground">{LANGUAGES.find(l => l.code === peerLang)?.name}</p>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
{/* 字幕区 */}
|
||||
<Card>
|
||||
<CardHeader
|
||||
title="双语字幕记录"
|
||||
action={
|
||||
<div className="flex gap-1">
|
||||
<Button variant="ghost" size="sm" disabled={lines.length === 0} onClick={() => { const t = lines.map(l => `[${l.speaker}] ${l.original}\n → ${l.translated}`).join('\n\n'); const b = new Blob([t]); const a = document.createElement('a'); a.href = URL.createObjectURL(b); a.download = '同声传译记录.txt'; a.click(); toast.success('已导出') }}>
|
||||
<Download className="h-4 w-4" /> 导出
|
||||
</Button>
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
<div className="max-h-80 overflow-y-auto scrollbar-thin">
|
||||
{lines.length === 0 && <p className="py-10 text-center text-sm text-muted-foreground">字幕将在此实时显示</p>}
|
||||
{lines.map((line) => (
|
||||
<div key={line.id} className={cn('p-3 border-b border-border', line.speaker === 'me' ? 'bg-primary-50/30' : 'bg-card')}>
|
||||
<div className="flex items-center gap-2 mb-1">
|
||||
<Badge variant="outline">{line.speaker === 'me' ? '我' : '对方'}</Badge>
|
||||
<span className="text-[11px] text-muted-foreground">{line.at ? new Date(line.at).toLocaleTimeString('zh-CN') : ''}</span>
|
||||
</div>
|
||||
<p className="text-sm">{line.original}</p>
|
||||
<p className="mt-1 text-sm text-muted-foreground">→ {line.translated}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -12,7 +12,6 @@ import { Switch } from '@/components/ui/switch'
|
||||
import { Input, Textarea, Field } from '@/components/ui/input'
|
||||
import { Tabs } from '@/components/ui/tabs'
|
||||
import { Dialog } from '@/components/ui/dialog'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import {
|
||||
getKnowledge, createKnowledge, updateKnowledge, deleteKnowledge,
|
||||
uploadKnowledgeFiles, knowledgeSearchTest, getKnowledgeStats,
|
||||
@@ -38,7 +37,7 @@ export function KnowledgePage() {
|
||||
const { data: stats } = useQuery({ queryKey: ['knowledge-stats'], queryFn: getKnowledgeStats, enabled: tab === 'stats' })
|
||||
const [searchResult, setSearchResult] = useState<any>(null)
|
||||
const [searchLoading, setSearchLoading] = useState(false)
|
||||
const [uploadFiles, setUploadFiles] = useState<{ name: string; type: string }[]>([])
|
||||
const [uploadFiles, setUploadFiles] = useState<File[]>([])
|
||||
const [uploadDialog, setUploadDialog] = useState(false)
|
||||
|
||||
const createMut = useMutation({
|
||||
@@ -187,12 +186,32 @@ export function KnowledgePage() {
|
||||
</Dialog>
|
||||
|
||||
<Dialog open={uploadDialog} onOpenChange={setUploadDialog} title="上传文件" footer={
|
||||
<Button onClick={() => {
|
||||
uploadKnowledgeFiles([{ name: '产品手册-2026Q3.pdf', type: 'pdf' }, { name: '报价政策.docx', type: 'docx' }])
|
||||
.then(() => { toast.success('文件已开始解析，约3—5秒完成'); queryClient.invalidateQueries({ queryKey: ['knowledge'] }); setUploadDialog(false) })
|
||||
}}>上传</Button>
|
||||
<Button disabled={!uploadFiles.length} onClick={async () => {
|
||||
const payload = await Promise.all(uploadFiles.map(async (file) => ({
|
||||
name: file.name,
|
||||
type: file.type,
|
||||
base64: await new Promise<string>((resolve, reject) => {
|
||||
const reader = new FileReader()
|
||||
reader.onerror = () => reject(reader.error)
|
||||
reader.onload = () => resolve(String(reader.result).split(',')[1] || '')
|
||||
reader.readAsDataURL(file)
|
||||
}),
|
||||
})))
|
||||
await uploadKnowledgeFiles(payload)
|
||||
toast.success(`${payload.length} 个知识文件解析完成`)
|
||||
queryClient.invalidateQueries({ queryKey: ['knowledge'] })
|
||||
setUploadFiles([])
|
||||
setUploadDialog(false)
|
||||
}}>上传并解析</Button>
|
||||
}>
|
||||
<p className="text-sm text-muted-foreground">支持 Word/PDF/TXT/Excel/图片，AI 将自动解析为可引用的知识条目。</p>
|
||||
<input
|
||||
type="file"
|
||||
multiple
|
||||
accept=".pdf,.docx,.txt,.md,.csv,.json,.html"
|
||||
onChange={(e) => setUploadFiles(Array.from(e.target.files || []))}
|
||||
className="block w-full rounded-md border border-input p-2 text-sm"
|
||||
/>
|
||||
<p className="mt-2 text-sm text-muted-foreground">支持 PDF、DOCX、TXT、Markdown、CSV、JSON 和 HTML，文件内容由服务端真实解析并写入知识库。</p>
|
||||
</Dialog>
|
||||
</div>
|
||||
)
|
||||
|
||||
@@ -1,278 +0,0 @@
|
||||
import { useMemo, useState } from 'react'
|
||||
import { useNavigate } from 'react-router-dom'
|
||||
import { Check, ChevronLeft, ChevronRight, Sparkles, Upload } from 'lucide-react'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Input, Field, Textarea } from '@/components/ui/input'
|
||||
import { Select } from '@/components/ui/select'
|
||||
import { Progress } from '@/components/ui/feedback'
|
||||
import { ChannelIcon } from '@/components/common/ChannelIcon'
|
||||
import { CHANNEL_META, COUNTRIES, INDUSTRIES, LANGUAGES_LIST } from '@/config/constants'
|
||||
import { useAuthStore } from '@/app/store/auth'
|
||||
import { toast } from '@/app/store/toast'
|
||||
import { cn } from '@/utils/cn'
|
||||
import type { ChannelType } from '@/types'
|
||||
|
||||
const STEPS = [
|
||||
{ key: 'step1', title: '企业资料', desc: '完善企业基本信息' },
|
||||
{ key: 'step2', title: '主营行业', desc: '选择您的主营行业' },
|
||||
{ key: 'step3', title: '目标市场', desc: '主要出口国家和地区' },
|
||||
{ key: 'step4', title: '沟通语言', desc: '常用沟通语言' },
|
||||
{ key: 'step5', title: '邀请成员', desc: '组建您的团队' },
|
||||
{ key: 'step6', title: '连接渠道', desc: '接入客户沟通渠道' },
|
||||
{ key: 'step7', title: '导入客户', desc: '导入历史客户数据' },
|
||||
{ key: 'step8', title: '知识库', desc: '上传企业知识资料' },
|
||||
]
|
||||
|
||||
export function OnboardingPage() {
|
||||
const navigate = useNavigate()
|
||||
const { tenant, setOnboarded } = useAuthStore()
|
||||
const [step, setStep] = useState(0)
|
||||
const [done, setDone] = useState<Set<number>>(new Set())
|
||||
const [company, setCompany] = useState({ name: tenant?.name ?? '', industry: '', size: '', contact: '', intro: '' })
|
||||
const [industries, setIndustries] = useState<string[]>([])
|
||||
const [countries, setCountries] = useState<string[]>([])
|
||||
const [langs, setLangs] = useState<string[]>(['zh', 'en'])
|
||||
const [emails, setEmails] = useState('')
|
||||
const [connected, setConnected] = useState<ChannelType[]>([])
|
||||
|
||||
const progress = useMemo(() => Math.round(((done.size + (step > done.size ? step - done.size : 0)) / STEPS.length) * 100), [done, step])
|
||||
|
||||
const markDone = () => setDone((s) => new Set(s).add(step))
|
||||
const next = () => {
|
||||
markDone()
|
||||
if (step < STEPS.length - 1) setStep(step + 1)
|
||||
else finish()
|
||||
}
|
||||
const skip = () => {
|
||||
if (step < STEPS.length - 1) setStep(step + 1)
|
||||
else finish()
|
||||
}
|
||||
const finish = () => {
|
||||
setOnboarded(true)
|
||||
toast.success('企业初始化完成', '欢迎使用灵犀跨境，祝您开单顺利')
|
||||
navigate('/dashboard')
|
||||
}
|
||||
|
||||
const toggleIn = (list: string[], v: string, set: (l: string[]) => void) =>
|
||||
set(list.includes(v) ? list.filter((x) => x !== v) : [...list, v])
|
||||
|
||||
const channelTypes: ChannelType[] = ['whatsapp', 'telegram', 'messenger', 'email', 'webform', 'landing']
|
||||
|
||||
return (
|
||||
<div className="flex min-h-screen bg-background">
|
||||
{/* 左侧步骤条 */}
|
||||
<aside className="hidden w-72 shrink-0 flex-col border-e border-border bg-card p-6 md:flex">
|
||||
<div className="mb-6 flex items-center gap-2">
|
||||
<span className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-white">
|
||||
<Sparkles className="h-4 w-4" />
|
||||
</span>
|
||||
<span className="font-semibold">企业初始化</span>
|
||||
</div>
|
||||
<div className="space-y-1">
|
||||
{STEPS.map((s, i) => {
|
||||
const isDone = done.has(i)
|
||||
const isCurrent = i === step
|
||||
return (
|
||||
<button
|
||||
key={s.key}
|
||||
onClick={() => setStep(i)}
|
||||
className={cn(
|
||||
'flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-start transition-colors',
|
||||
isCurrent ? 'bg-primary-50' : 'hover:bg-muted',
|
||||
)}
|
||||
>
|
||||
<span
|
||||
className={cn(
|
||||
'flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-medium',
|
||||
isDone ? 'bg-primary text-white' : isCurrent ? 'bg-primary-100 text-primary-700' : 'bg-muted text-muted-foreground',
|
||||
)}
|
||||
>
|
||||
{isDone ? <Check className="h-3.5 w-3.5" /> : i + 1}
|
||||
</span>
|
||||
<span>
|
||||
<span className={cn('block text-sm', isCurrent ? 'font-medium text-primary-700' : 'text-foreground')}>{s.title}</span>
|
||||
<span className="block text-xs text-muted-foreground">{s.desc}</span>
|
||||
</span>
|
||||
</button>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
<div className="mt-auto pt-6">
|
||||
<div className="mb-1.5 flex justify-between text-xs text-muted-foreground">
|
||||
<span>完成进度</span>
|
||||
<span>{progress}%</span>
|
||||
</div>
|
||||
<Progress value={progress} />
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
{/* 右侧内容 */}
|
||||
<main className="flex flex-1 flex-col p-6 md:p-10">
|
||||
<div className="mx-auto w-full max-w-2xl flex-1">
|
||||
<div className="mb-2 flex items-center gap-2 text-sm text-muted-foreground md:hidden">
|
||||
<span>
|
||||
第 {step + 1}/{STEPS.length} 步
|
||||
</span>
|
||||
<Progress value={progress} className="flex-1" />
|
||||
</div>
|
||||
<h1 className="text-xl font-semibold">{STEPS[step].title}</h1>
|
||||
<p className="mt-1 text-sm text-muted-foreground">{STEPS[step].desc}，也可以暂时跳过稍后在设置中完成。</p>
|
||||
|
||||
<div className="mt-6 rounded-lg border border-border bg-card p-6">
|
||||
{step === 0 && (
|
||||
<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
|
||||
<Field label="企业名称" required>
|
||||
<Input value={company.name} onChange={(e) => setCompany({ ...company, name: e.target.value })} />
|
||||
</Field>
|
||||
<Field label="所属行业">
|
||||
<Select
|
||||
placeholder="请选择"
|
||||
options={INDUSTRIES.map((i) => ({ value: i, label: i }))}
|
||||
value={company.industry}
|
||||
onChange={(e) => setCompany({ ...company, industry: e.target.value })}
|
||||
/>
|
||||
</Field>
|
||||
<Field label="企业规模">
|
||||
<Select
|
||||
placeholder="请选择"
|
||||
options={['1—5人', '6—20人', '21—50人', '50人以上'].map((s) => ({ value: s, label: s }))}
|
||||
value={company.size}
|
||||
onChange={(e) => setCompany({ ...company, size: e.target.value })}
|
||||
/>
|
||||
</Field>
|
||||
<Field label="联系方式">
|
||||
<Input placeholder="电话或邮箱" value={company.contact} onChange={(e) => setCompany({ ...company, contact: e.target.value })} />
|
||||
</Field>
|
||||
<Field label="企业简介" className="md:col-span-2">
|
||||
<Textarea rows={3} placeholder="一句话介绍您的主营业务" value={company.intro} onChange={(e) => setCompany({ ...company, intro: e.target.value })} />
|
||||
</Field>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{step === 1 && (
|
||||
<ChipGrid options={INDUSTRIES} selected={industries} onToggle={(v) => toggleIn(industries, v, setIndustries)} />
|
||||
)}
|
||||
|
||||
{step === 2 && (
|
||||
<ChipGrid
|
||||
options={COUNTRIES.filter((c) => c.code !== 'CN').map((c) => `${c.flag} ${c.zh}`)}
|
||||
selected={countries}
|
||||
onToggle={(v) => toggleIn(countries, v, setCountries)}
|
||||
/>
|
||||
)}
|
||||
|
||||
{step === 3 && (
|
||||
<ChipGrid options={LANGUAGES_LIST} selected={langs} onToggle={(v) => toggleIn(langs, v, setLangs)} />
|
||||
)}
|
||||
|
||||
{step === 4 && (
|
||||
<div className="space-y-4">
|
||||
<Field label="成员邮箱" hint="每行一个邮箱，邀请链接将发送到对方邮箱">
|
||||
<Textarea rows={5} placeholder={'zhangsan@company.com\nlisi@company.com'} value={emails} onChange={(e) => setEmails(e.target.value)} />
|
||||
</Field>
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={() => {
|
||||
const count = emails.split('\n').filter((e) => e.includes('@')).length
|
||||
if (count === 0) return toast.warning('请先输入至少一个有效邮箱')
|
||||
toast.success(`已向 ${count} 位成员发送邀请（演示）`)
|
||||
}}
|
||||
>
|
||||
发送邀请
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{step === 5 && (
|
||||
<div className="grid grid-cols-2 gap-3 md:grid-cols-3">
|
||||
{channelTypes.map((type) => {
|
||||
const isConn = connected.includes(type)
|
||||
return (
|
||||
<button
|
||||
key={type}
|
||||
onClick={() => {
|
||||
if (isConn) return
|
||||
setConnected([...connected, type])
|
||||
toast.success(`${CHANNEL_META[type].name} 连接成功（演示）`)
|
||||
}}
|
||||
className={cn(
|
||||
'flex flex-col items-center gap-2 rounded-lg border p-4 text-center transition-colors',
|
||||
isConn ? 'border-primary bg-primary-50' : 'border-border hover:border-primary-300',
|
||||
)}
|
||||
>
|
||||
<ChannelIcon channel={type} size="lg" />
|
||||
<span className="text-sm font-medium">{CHANNEL_META[type].name}</span>
|
||||
<span className={cn('text-xs', isConn ? 'text-primary-700' : 'text-muted-foreground')}>
|
||||
{isConn ? '已连接' : '点击模拟连接'}
|
||||
</span>
|
||||
</button>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{(step === 6 || step === 7) && (
|
||||
<div className="flex flex-col items-center gap-3 py-6 text-center">
|
||||
<span className="flex h-14 w-14 items-center justify-center rounded-full bg-primary-50 text-primary-600">
|
||||
<Upload className="h-6 w-6" />
|
||||
</span>
|
||||
<p className="text-sm font-medium">{step === 6 ? '导入历史客户' : '上传知识库资料'}</p>
|
||||
<p className="max-w-sm text-xs text-muted-foreground">
|
||||
{step === 6
|
||||
? '支持 Excel / CSV 格式的客户名单，系统将自动识别字段并去重建档。'
|
||||
: '支持 Word / PDF / TXT / Excel / 图片，AI 将自动解析为可引用的知识条目。'}
|
||||
</p>
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={() => toast.success('文件解析完成（演示）', '相关数据已加入您的企业空间')}
|
||||
>
|
||||
<Upload className="h-4 w-4" />
|
||||
选择文件
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="mt-6 flex items-center justify-between">
|
||||
<Button variant="ghost" disabled={step === 0} onClick={() => setStep(step - 1)}>
|
||||
<ChevronLeft className="h-4 w-4 rtl-flip" />
|
||||
上一步
|
||||
</Button>
|
||||
<div className="flex gap-2">
|
||||
<Button variant="outline" onClick={skip}>
|
||||
暂时跳过
|
||||
</Button>
|
||||
<Button onClick={next}>
|
||||
{step === STEPS.length - 1 ? '完成并进入工作台' : '下一步'}
|
||||
<ChevronRight className="h-4 w-4 rtl-flip" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function ChipGrid({ options, selected, onToggle }: { options: string[]; selected: string[]; onToggle: (v: string) => void }) {
|
||||
return (
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{options.map((opt) => {
|
||||
const active = selected.includes(opt)
|
||||
return (
|
||||
<button
|
||||
key={opt}
|
||||
type="button"
|
||||
onClick={() => onToggle(opt)}
|
||||
className={cn(
|
||||
'rounded-md border px-3 py-1.5 text-sm transition-colors',
|
||||
active ? 'border-primary bg-primary-50 font-medium text-primary-700' : 'border-border bg-card text-muted-foreground hover:border-primary-300',
|
||||
)}
|
||||
>
|
||||
{opt}
|
||||
</button>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -12,7 +12,6 @@ import { Avatar } from '@/components/ui/avatar'
|
||||
import { Checkbox } from '@/components/ui/checkbox'
|
||||
import { Tabs } from '@/components/ui/tabs'
|
||||
import { Table, THead, TBody, Tr, Th, Td } from '@/components/ui/table'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { CountryFlag } from '@/components/common/CountryFlag'
|
||||
import { IntentScoreBadge, OpportunityStageBadge, TaskPriorityBadge } from '@/components/common/StatusBadges'
|
||||
import { TaskFormDialog } from '@/components/crm/TaskFormDialog'
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
|
||||
import { Settings, ShieldCheck, KeyRound, Bell, Globe, Database, ServerCog, Languages, UserCog, Palette, FileUp, FileDown, Clock } from 'lucide-react'
|
||||
import { ShieldCheck, KeyRound, Bell, Globe, Languages, UserCog, Copy, Trash2 } from 'lucide-react'
|
||||
import { toast, errorMessage } from '@/app/store/toast'
|
||||
import { PageHeader } from '@/components/common/PageHeader'
|
||||
import { Button } from '@/components/ui/button'
|
||||
@@ -8,22 +8,18 @@ import { Card, CardHeader } from '@/components/ui/card'
|
||||
import { Input, Field } from '@/components/ui/input'
|
||||
import { Select } from '@/components/ui/select'
|
||||
import { Switch } from '@/components/ui/switch'
|
||||
import { Tabs } from '@/components/ui/tabs'
|
||||
import { PermissionGate } from '@/components/common/PermissionGate'
|
||||
import { getSettings, updateSettings } from '@/services/api/org'
|
||||
import { useI18n } from '@/i18n'
|
||||
import { changePassword, createApiKey, getApiKeys, revokeApiKey } from '@/services/api/auth'
|
||||
import { useAuthStore } from '@/app/store/auth'
|
||||
|
||||
const SECTIONS = [
|
||||
{ key: 'company', label: '企业资料', icon: UserCog },
|
||||
{ key: 'brand', label: '品牌设置', icon: Palette },
|
||||
{ key: 'lang', label: '语言与时区', icon: Globe },
|
||||
{ key: 'notifications', label: '消息通知', icon: Bell },
|
||||
{ key: 'ai', label: 'AI回复设置', icon: Languages },
|
||||
{ key: 'translate', label: '翻译设置', icon: Languages },
|
||||
{ key: 'safety', label: '安全设置', icon: ShieldCheck },
|
||||
{ key: 'api', label: 'API与Webhook', icon: KeyRound },
|
||||
{ key: 'import-export', label: '数据导入导出', icon: Database },
|
||||
{ key: 'deploy', label: '私有化部署', icon: ServerCog },
|
||||
{ key: 'api', label: 'API Key', icon: KeyRound },
|
||||
]
|
||||
|
||||
export function SettingsPage() {
|
||||
@@ -31,6 +27,26 @@ export function SettingsPage() {
|
||||
const [section, setSection] = useState('company')
|
||||
const { data: settings, isLoading } = useQuery({ queryKey: ['settings'], queryFn: getSettings })
|
||||
const { locale, setLocale, t } = useI18n()
|
||||
const logout = useAuthStore((state) => state.logout)
|
||||
const [companyDraft, setCompanyDraft] = useState({ name: '', industry: '', contact: '', email: '', intro: '' })
|
||||
const [passwords, setPasswords] = useState({ currentPassword: '', newPassword: '', confirmPassword: '' })
|
||||
const [localeDraft, setLocaleDraft] = useState(locale)
|
||||
const [timezoneDraft, setTimezoneDraft] = useState('Asia/Hong_Kong')
|
||||
const [apiName, setApiName] = useState('业务集成')
|
||||
const [newApiKey, setNewApiKey] = useState('')
|
||||
const { data: apiKeys } = useQuery({ queryKey: ['api-keys'], queryFn: getApiKeys, enabled: section === 'api' })
|
||||
|
||||
useEffect(() => {
|
||||
if (settings?.company) setCompanyDraft({
|
||||
name: settings.company.name || '',
|
||||
industry: settings.company.industry || '',
|
||||
contact: settings.company.contact || '',
|
||||
email: settings.company.email || '',
|
||||
intro: settings.company.intro || '',
|
||||
})
|
||||
if (settings?.language) setLocaleDraft(settings.language.startsWith('zh') ? 'zh' : settings.language as any)
|
||||
if (settings?.timezone) setTimezoneDraft(settings.timezone)
|
||||
}, [settings])
|
||||
|
||||
const updateMut = useMutation({
|
||||
mutationFn: (payload: any) => updateSettings(payload),
|
||||
@@ -52,12 +68,12 @@ export function SettingsPage() {
|
||||
<Card>
|
||||
<CardHeader title="企业资料" />
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 p-4">
|
||||
<Field label="企业名称"><Input defaultValue={settings.company.name} onChange={(e) => updateMut.mutate({ company: { ...settings.company, name: e.target.value } })} /></Field>
|
||||
<Field label="所属行业"><Input defaultValue={settings.company.industry} /></Field>
|
||||
<Field label="联系方式"><Input defaultValue={settings.company.contact} /></Field>
|
||||
<Field label="邮箱"><Input defaultValue={settings.company.email} /></Field>
|
||||
<Field label="企业简介" className="md:col-span-2"><Input defaultValue={settings.company.intro} /></Field>
|
||||
<div className="md:col-span-2"><Button onClick={() => toast.success('企业资料已保存')}>保存修改</Button></div>
|
||||
<Field label="企业名称"><Input value={companyDraft.name} onChange={(e) => setCompanyDraft((v) => ({ ...v, name: e.target.value }))} /></Field>
|
||||
<Field label="所属行业"><Input value={companyDraft.industry} onChange={(e) => setCompanyDraft((v) => ({ ...v, industry: e.target.value }))} /></Field>
|
||||
<Field label="联系方式"><Input value={companyDraft.contact} onChange={(e) => setCompanyDraft((v) => ({ ...v, contact: e.target.value }))} /></Field>
|
||||
<Field label="邮箱"><Input value={companyDraft.email} onChange={(e) => setCompanyDraft((v) => ({ ...v, email: e.target.value }))} /></Field>
|
||||
<Field label="企业简介" className="md:col-span-2"><Input value={companyDraft.intro} onChange={(e) => setCompanyDraft((v) => ({ ...v, intro: e.target.value }))} /></Field>
|
||||
<div className="md:col-span-2"><Button onClick={() => updateMut.mutate({ company: companyDraft })} loading={updateMut.isPending}>保存修改</Button></div>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
@@ -112,12 +128,19 @@ export function SettingsPage() {
|
||||
<Card>
|
||||
<CardHeader title="安全设置" />
|
||||
<div className="space-y-4 p-4">
|
||||
<Field label="修改密码"><Input type="password" placeholder="输入新密码…" /></Field>
|
||||
<div className="flex items-center justify-between"><span className="text-sm">两步验证</span><Switch checked={false} onCheckedChange={() => toast.info('两步验证设置（演示）')} /></div>
|
||||
<div className="flex items-center justify-between"><span className="text-sm">数据导出权限</span><Switch checked={true} /></div>
|
||||
<Field label="会话保存周期"><Select options={[{value:'6',label:'6个月'},{value:'12',label:'12个月'},{value:'24',label:'24个月'},{value:'forever',label:'永久'}]} /></Field>
|
||||
<div className="rounded bg-emerald-50 p-3 text-sm text-emerald-700"><ShieldCheck className="inline h-4 w-4 mr-1" />全链路加密已启用（TLS 1.3 + AES-256）</div>
|
||||
<Button onClick={() => toast.success('安全设置已保存')}>保存</Button>
|
||||
<Field label="当前密码"><Input type="password" value={passwords.currentPassword} onChange={(e) => setPasswords((v) => ({ ...v, currentPassword: e.target.value }))} /></Field>
|
||||
<Field label="新密码"><Input type="password" placeholder="至少10位，包含字母和数字" value={passwords.newPassword} onChange={(e) => setPasswords((v) => ({ ...v, newPassword: e.target.value }))} /></Field>
|
||||
<Field label="确认新密码"><Input type="password" value={passwords.confirmPassword} onChange={(e) => setPasswords((v) => ({ ...v, confirmPassword: e.target.value }))} /></Field>
|
||||
<div className="rounded bg-emerald-50 p-3 text-sm text-emerald-700"><ShieldCheck className="inline h-4 w-4 mr-1" />密码使用 bcrypt 加密；修改后所有旧登录 Token 会立即失效。</div>
|
||||
<Button onClick={async () => {
|
||||
if (passwords.newPassword !== passwords.confirmPassword) return toast.error('两次输入的新密码不一致')
|
||||
try {
|
||||
await changePassword({ currentPassword: passwords.currentPassword, newPassword: passwords.newPassword })
|
||||
toast.success('密码已修改，请重新登录')
|
||||
logout()
|
||||
window.location.assign('/login')
|
||||
} catch (error) { toast.error(errorMessage(error)) }
|
||||
}}>修改密码并撤销旧会话</Button>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
@@ -125,9 +148,34 @@ export function SettingsPage() {
|
||||
<Card>
|
||||
<CardHeader title="API 与 Webhook" />
|
||||
<div className="space-y-3 p-4">
|
||||
<p className="text-sm text-muted-foreground">通过 API 或 Webhook 将灵犀跨境的客户数据、消息与风险预警接入您的自有系统。</p>
|
||||
<div className="rounded bg-muted p-3 font-mono text-sm break-all">lx_live_8f2k••••••••9d21</div>
|
||||
<Button variant="outline" onClick={() => toast.success('新 API Key 已生成')}>生成新 Key</Button>
|
||||
<p className="text-sm text-muted-foreground">密钥只在创建时完整显示一次，数据库仅保存 SHA-256 摘要。</p>
|
||||
<div className="flex gap-2">
|
||||
<Input value={apiName} onChange={(e) => setApiName(e.target.value)} placeholder="密钥名称" />
|
||||
<Button variant="outline" onClick={async () => {
|
||||
try {
|
||||
const result = await createApiKey(apiName)
|
||||
setNewApiKey(result.key || '')
|
||||
queryClient.invalidateQueries({ queryKey: ['api-keys'] })
|
||||
} catch (error) { toast.error(errorMessage(error)) }
|
||||
}}>生成新 Key</Button>
|
||||
</div>
|
||||
{newApiKey && (
|
||||
<div className="rounded-lg border border-amber-200 bg-amber-50 p-3">
|
||||
<p className="text-xs font-medium text-amber-800">请立即复制，关闭后无法再次查看</p>
|
||||
<div className="mt-2 flex items-center gap-2">
|
||||
<code className="min-w-0 flex-1 break-all text-xs">{newApiKey}</code>
|
||||
<Button size="icon-sm" variant="ghost" onClick={() => navigator.clipboard.writeText(newApiKey).then(() => toast.success('已复制'))}><Copy className="h-4 w-4" /></Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div className="divide-y divide-border rounded-lg border border-border">
|
||||
{(apiKeys || []).map((key) => (
|
||||
<div key={key.id} className="flex items-center gap-3 px-3 py-2">
|
||||
<div className="min-w-0 flex-1"><p className="text-sm font-medium">{key.name}</p><p className="text-xs text-muted-foreground">{key.prefix}•••••• · {key.revoked ? '已撤销' : '有效'}</p></div>
|
||||
{!key.revoked && <Button size="icon-sm" variant="ghost" onClick={() => revokeApiKey(key.id).then(() => queryClient.invalidateQueries({ queryKey: ['api-keys'] }))}><Trash2 className="h-4 w-4 text-red-500" /></Button>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
@@ -136,28 +184,16 @@ export function SettingsPage() {
|
||||
<CardHeader title="语言与时区" />
|
||||
<div className="space-y-4 p-4">
|
||||
<Field label="界面语言">
|
||||
<Select value={locale} options={[{value:'zh',label:'简体中文'},{value:'en',label:'English'},{value:'ar',label:'العربية (RTL)'}]} onChange={(e) => setLocale(e.target.value as any)} />
|
||||
<Select value={localeDraft} options={[{value:'zh',label:'简体中文'},{value:'en',label:'English'},{value:'ar',label:'العربية (RTL)'}]} onChange={(e) => setLocaleDraft(e.target.value as any)} />
|
||||
</Field>
|
||||
<Field label="时区"><Select options={[{value:'Asia/Shanghai',label:'东八区 (UTC+8)'},{value:'Asia/Dubai',label:'迪拜 (UTC+4)'},{value:'America/New_York',label:'纽约 (UTC-5)'}]} /></Field>
|
||||
<Button onClick={() => toast.success('语言与时区已保存')}>保存</Button>
|
||||
<Field label="时区"><Select value={timezoneDraft} onChange={(e) => setTimezoneDraft(e.target.value)} options={[{value:'Asia/Hong_Kong',label:'香港 (UTC+8)'},{value:'Asia/Shanghai',label:'上海 (UTC+8)'},{value:'Asia/Dubai',label:'迪拜 (UTC+4)'},{value:'America/New_York',label:'纽约 (UTC-5)'}]} /></Field>
|
||||
<Button loading={updateMut.isPending} onClick={() => updateMut.mutate(
|
||||
{ language: localeDraft === 'zh' ? 'zh-CN' : localeDraft, timezone: timezoneDraft },
|
||||
{ onSuccess: () => setLocale(localeDraft as any) },
|
||||
)}>保存</Button>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
{section === 'deploy' && (
|
||||
<Card>
|
||||
<CardHeader title="私有化部署咨询" />
|
||||
<div className="p-4 space-y-3">
|
||||
<p className="text-sm text-muted-foreground">增长版/定制版支持本地或私有云部署，数据不出企业、全链路审计。</p>
|
||||
<p className="text-sm">📞 咨询热线：0516-8888-6621（演示）</p>
|
||||
<p className="text-sm">📧 邮箱：sales@ouhui.tech</p>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
{![ 'company', 'ai', 'notifications', 'safety', 'api', 'lang', 'deploy'].includes(section) && (
|
||||
<Card className="p-8 text-center">
|
||||
<p className="text-sm text-muted-foreground">{section === 'brand' ? '品牌设置' : section === 'translate' ? '翻译设置' : section === 'import-export' ? '数据导入导出' : '此设置模块'}在演示环境中为简化版，接入后端后可完整配置。</p>
|
||||
</Card>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react'
|
||||
import { useMutation } from '@tanstack/react-query'
|
||||
import { ArrowLeftRight, Copy, FileText, History, Languages, RefreshCw, Save, Upload } from 'lucide-react'
|
||||
import { ArrowLeftRight, Copy, FileText, History, Languages, RefreshCw, Save } from 'lucide-react'
|
||||
import { translate } from '@/services/api/ai'
|
||||
import { toast, errorMessage } from '@/app/store/toast'
|
||||
import { PageHeader } from '@/components/common/PageHeader'
|
||||
@@ -11,12 +11,12 @@ import { Select } from '@/components/ui/select'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Tabs } from '@/components/ui/tabs'
|
||||
import { Spinner } from '@/components/ui/feedback'
|
||||
import { DemoNote } from '@/components/common/DemoNote'
|
||||
import { LiveDataBadge } from '@/components/common/LiveDataBadge'
|
||||
import { TRANSLATE_SCENARIOS } from '@/config/constants'
|
||||
import { LANGUAGES, supportedLanguageCount } from '@/config/languages'
|
||||
import { cn } from '@/utils/cn'
|
||||
|
||||
const DEMO_TEXT = '你好，非常感谢贵司对500个定制双层玻璃杯的询盘。我们很高兴为您提供报价：单价$1.85/个（含双色Logo印刷），标准交期12-15天，加急10天可交付。如有任何问题或需要调整，请随时告知。期待与贵司建立长期合作。'
|
||||
const SAMPLE_TEXT = '你好，非常感谢贵司对500个定制双层玻璃杯的询盘。我们很高兴为您提供报价：单价$1.85/个（含双色Logo印刷），标准交期12-15天，加急10天可交付。如有任何问题或需要调整，请随时告知。期待与贵司建立长期合作。'
|
||||
|
||||
export function TranslatePage() {
|
||||
const [tab, setTab] = useState('text')
|
||||
@@ -54,7 +54,7 @@ export function TranslatePage() {
|
||||
<PageHeader
|
||||
title="AI 翻译中心"
|
||||
description={`跨境商务场景专用翻译引擎，支持全球主流贸易国家和地区语言（可配置 ${supportedLanguageCount} 种）。`}
|
||||
actions={<DemoNote />}
|
||||
actions={<LiveDataBadge />}
|
||||
/>
|
||||
|
||||
<Tabs
|
||||
@@ -63,7 +63,6 @@ export function TranslatePage() {
|
||||
className="mb-4"
|
||||
items={[
|
||||
{ value: 'text', label: '文本翻译' },
|
||||
{ value: 'file', label: '文件翻译' },
|
||||
{ value: 'history', label: '翻译历史', count: history.length },
|
||||
]}
|
||||
/>
|
||||
@@ -82,7 +81,7 @@ export function TranslatePage() {
|
||||
onChange={(e) => setSource(e.target.value)}
|
||||
className="w-32"
|
||||
/>
|
||||
<Button variant="ghost" size="sm" disabled={!text} onClick={() => { setText(DEMO_TEXT); toast.success('已填入演示文本') }}>
|
||||
<Button variant="ghost" size="sm" onClick={() => { setText(SAMPLE_TEXT); toast.success('已填入示例文本') }}>
|
||||
示例文本
|
||||
</Button>
|
||||
</div>
|
||||
@@ -147,17 +146,6 @@ export function TranslatePage() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{tab === 'file' && (
|
||||
<Card className="p-6 text-center">
|
||||
<Upload className="mx-auto h-10 w-10 text-muted-foreground" />
|
||||
<p className="mt-3 text-sm font-medium">上传文件翻译</p>
|
||||
<p className="mt-1 text-xs text-muted-foreground">支持 Word / PDF / TXT / Excel / 图片文件，AI 自动解析并保留原格式。</p>
|
||||
<Button className="mt-4" variant="outline" onClick={() => toast.info('文件翻译演示：选择文件后将模拟上传与翻译流程')}>
|
||||
<Upload className="h-4 w-4" /> 选择文件
|
||||
</Button>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
{tab === 'history' && (
|
||||
<Card>
|
||||
<div className="divide-y divide-border">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { http } from './client'
|
||||
import type { AiAnalysis, AiReplySuggestion, AiTextActionPayload, InterpretLine, TranslatePayload, TranslateResult } from '@/types'
|
||||
import type { AiAnalysis, AiReplySuggestion, AiTextActionPayload, TranslatePayload, TranslateResult } from '@/types'
|
||||
|
||||
/** POST /api/ai/translate */
|
||||
export function translate(payload: TranslatePayload) {
|
||||
@@ -21,12 +21,11 @@ export function summarizeConversation(conversationId: string) {
|
||||
return http.post<{ summary: string }>('/api/ai/summarize', { conversationId })
|
||||
}
|
||||
|
||||
/** POST /api/ai/interpretation */
|
||||
export function nextInterpretLine(index: number) {
|
||||
return http.post<InterpretLine>('/api/ai/interpretation', { index })
|
||||
}
|
||||
|
||||
/** POST /api/ai/text-action（润色/缩写/扩写/语气/翻译） */
|
||||
export function textAction(payload: AiTextActionPayload) {
|
||||
return http.post<{ result: string }>('/api/ai/text-action', payload)
|
||||
}
|
||||
|
||||
export function recordAiAdoption(conversationId: string, content: string, suggestionId = '') {
|
||||
return http.post<{ id: string }>('/api/ai/adoptions', { conversationId, content, suggestionId })
|
||||
}
|
||||
|
||||
@@ -16,7 +16,36 @@ export function me() {
|
||||
return http.get<{ user: AuthSession['user']; tenant: AuthSession['tenant'] }>('/api/auth/me')
|
||||
}
|
||||
|
||||
/** 发送验证码（演示：固定可收到 6 位码） */
|
||||
export function sendCode(account: string) {
|
||||
return http.post<{ sent: boolean }>('/api/auth/send-code', { account }).catch(() => ({ sent: true }))
|
||||
export function getWebSocketTicket() {
|
||||
return http.post<{ ticket: string; expiresAt: string }>('/api/auth/ws-ticket', {})
|
||||
}
|
||||
|
||||
export function changePassword(payload: { currentPassword: string; newPassword: string }) {
|
||||
return http.post<{ success: boolean; loginRequired: boolean }>('/api/auth/change-password', payload)
|
||||
}
|
||||
|
||||
export function revokeAllSessions() {
|
||||
return http.post<{ success: boolean }>('/api/auth/logout-all', {})
|
||||
}
|
||||
|
||||
export interface ApiKeyRecord {
|
||||
id: string
|
||||
name: string
|
||||
prefix: string
|
||||
role: string
|
||||
createdAt: string
|
||||
revoked: boolean
|
||||
key?: string
|
||||
}
|
||||
|
||||
export function getApiKeys() {
|
||||
return http.get<ApiKeyRecord[]>('/api/api-keys')
|
||||
}
|
||||
|
||||
export function createApiKey(name: string, role = 'service') {
|
||||
return http.post<ApiKeyRecord>('/api/api-keys', { name, role })
|
||||
}
|
||||
|
||||
export function revokeApiKey(id: string) {
|
||||
return http.del<{ success: boolean }>(`/api/api-keys/${id}`)
|
||||
}
|
||||
|
||||
@@ -17,6 +17,22 @@ export function connectChannel(payload: {
|
||||
return http.post<ChannelConnection>('/api/channels/connect', payload)
|
||||
}
|
||||
|
||||
export function startTelegramLogin(phone: string) {
|
||||
return http.post<ChannelConnection>('/api/channels/telegram/start', { phone })
|
||||
}
|
||||
|
||||
export function submitTelegramCode(channelId: string, code: string) {
|
||||
return http.post<{ status: string; channel: ChannelConnection }>(`/api/channels/telegram/${channelId}/code`, { code })
|
||||
}
|
||||
|
||||
export function submitTelegramPassword(channelId: string, password: string) {
|
||||
return http.post<{ status: string; channel: ChannelConnection }>(`/api/channels/telegram/${channelId}/password`, { password })
|
||||
}
|
||||
|
||||
export function syncTelegramChannel(channelId: string) {
|
||||
return http.post<{ chats: number; messages: number }>(`/api/channels/${channelId}/sync`)
|
||||
}
|
||||
|
||||
/** POST /api/channels/test */
|
||||
export function testChannel(id: string) {
|
||||
return http.post<{ success: boolean; latencyMs: number; message: string }>('/api/channels/test', { id })
|
||||
|
||||
@@ -1,10 +1,5 @@
|
||||
/**
|
||||
* 统一 API 客户端
|
||||
* - VITE_USE_MOCK=true ：走内置 Mock 路由（本地模拟数据，含模拟网络延迟）
|
||||
* - VITE_USE_MOCK=false ：请求真实后端（VITE_API_BASE_URL），自动携带 Bearer Token
|
||||
*/
|
||||
/** 灵犀跨境统一 API 客户端：所有请求均访问真实后端。 */
|
||||
import { env } from '@/config/env'
|
||||
import { mockRequest } from '@/services/mock'
|
||||
|
||||
export class ApiError extends Error {
|
||||
code: number
|
||||
@@ -29,10 +24,6 @@ export function setTokenGetter(fn: () => string | null) {
|
||||
export async function api<T = unknown>(path: string, options: RequestOptions = {}): Promise<T> {
|
||||
const method = options.method ?? 'GET'
|
||||
|
||||
if (env.useMock) {
|
||||
return mockRequest<T>(method, path, options.query ?? {}, options.body)
|
||||
}
|
||||
|
||||
const base = env.apiBaseUrl.replace(/\/$/, '')
|
||||
const url = new URL(`${base}${path}`, window.location.origin)
|
||||
Object.entries(options.query ?? {}).forEach(([k, v]) => {
|
||||
@@ -54,7 +45,9 @@ export async function api<T = unknown>(path: string, options: RequestOptions = {
|
||||
}
|
||||
if (!res.ok) {
|
||||
const text = await res.text().catch(() => '')
|
||||
throw new ApiError(res.status, text || `请求失败（${res.status}）`)
|
||||
let message = text
|
||||
try { message = (JSON.parse(text) as { message?: string }).message ?? text } catch { /* 保留原始响应 */ }
|
||||
throw new ApiError(res.status, message || `请求失败（${res.status}）`)
|
||||
}
|
||||
const json = (await res.json().catch(() => null)) as { code?: number; message?: string; data?: T } | T | null
|
||||
// 兼容 {code,message,data} 与直接返回数据两种后端风格
|
||||
|
||||
@@ -25,11 +25,39 @@ export function getMessages(id: string) {
|
||||
return http.get<Message[]>(`/api/conversations/${id}/messages`)
|
||||
}
|
||||
|
||||
export function updateMessage(id: string, messageId: string, payload: { isImportant?: boolean; internalNote?: string }) {
|
||||
return http.patch<Message>(`/api/conversations/${id}/messages/${messageId}`, payload)
|
||||
}
|
||||
|
||||
export function markConversationRead(id: string, messageIds?: string[]) {
|
||||
return http.post<Conversation>(`/api/conversations/${id}/read`, { messageIds })
|
||||
}
|
||||
|
||||
export function getMessageAttachment(id: string, messageId: string) {
|
||||
return http.get<{ dataUrl: string; mimeType: string; name: string }>(
|
||||
`/api/conversations/${id}/messages/${messageId}/attachment`,
|
||||
)
|
||||
}
|
||||
|
||||
/** POST /api/conversations/:id/messages */
|
||||
export function sendMessage(id: string, payload: SendMessagePayload & { translatedText?: string }) {
|
||||
export function sendMessage(id: string, payload: SendMessagePayload & { translatedText?: string; autoTranslate?: boolean }) {
|
||||
return http.post<Message>(`/api/conversations/${id}/messages`, payload)
|
||||
}
|
||||
|
||||
export function sendMedia(
|
||||
id: string,
|
||||
payload: { name: string; mimeType: string; base64: string; kind: 'document' | 'photo' | 'audio' | 'voice' | 'sticker' },
|
||||
) {
|
||||
return http.post<unknown>(`/api/conversations/${id}/media`, payload)
|
||||
}
|
||||
|
||||
export function sendAlbum(
|
||||
id: string,
|
||||
files: Array<{ name: string; mimeType: string; base64: string }>,
|
||||
) {
|
||||
return http.post<unknown>(`/api/conversations/${id}/album`, { files })
|
||||
}
|
||||
|
||||
/** PATCH /api/conversations/:id（标记已读/分配/状态） */
|
||||
export function updateConversation(id: string, payload: { assigneeId?: string | null; markRead?: boolean; status?: string }) {
|
||||
return http.patch<Conversation>(`/api/conversations/${id}`, payload)
|
||||
|
||||
@@ -22,7 +22,7 @@ export function deleteKnowledge(id: string) {
|
||||
}
|
||||
|
||||
/** POST /api/knowledge/upload */
|
||||
export function uploadKnowledgeFiles(files: { name: string; type: string }[]) {
|
||||
export function uploadKnowledgeFiles(files: { name: string; type: string; base64: string }[]) {
|
||||
return http.post<{ items: KnowledgeItem[] }>('/api/knowledge/upload', { files })
|
||||
}
|
||||
|
||||
|
||||
@@ -51,7 +51,7 @@ export function getBilling() {
|
||||
|
||||
/** POST /api/billing/upgrade */
|
||||
export function upgradePlan(planKey: string) {
|
||||
return http.post<BillingInfo>('/api/billing/upgrade', { planKey })
|
||||
return http.post<{ checkoutUrl: string; sessionId: string }>('/api/billing/upgrade', { planKey })
|
||||
}
|
||||
|
||||
/* ===== 设置 ===== */
|
||||
|
||||
@@ -1,331 +0,0 @@
|
||||
/** Mock 处理器：客户 / 商机 / 任务 / 风险 */
|
||||
import { registerRoute, MockApiError } from '../router'
|
||||
import { db, dbHelpers } from '@/mocks/db'
|
||||
import { uid, toCsv } from '@/utils/misc'
|
||||
import { countryMeta, intentLevelOf } from '@/config/constants'
|
||||
import type { Customer, CustomerFilters, FollowTask, Opportunity, RiskAlert } from '@/types'
|
||||
|
||||
function filterCustomers(query: Record<string, unknown>): Customer[] {
|
||||
const keyword = String(query.keyword ?? '').trim().toLowerCase()
|
||||
let list = [...db.customers]
|
||||
if (keyword) {
|
||||
list = list.filter(
|
||||
(c) =>
|
||||
c.name.toLowerCase().includes(keyword) ||
|
||||
c.company.toLowerCase().includes(keyword) ||
|
||||
c.email.toLowerCase().includes(keyword) ||
|
||||
c.phone.includes(keyword) ||
|
||||
c.products.some((p) => p.toLowerCase().includes(keyword)) ||
|
||||
countryMeta(c.country).zh.includes(keyword),
|
||||
)
|
||||
}
|
||||
if (query.country) list = list.filter((c) => c.country === query.country)
|
||||
if (query.channel) list = list.filter((c) => c.channel === query.channel)
|
||||
if (query.stage) list = list.filter((c) => c.stage === query.stage)
|
||||
if (query.ownerId === 'none') list = list.filter((c) => !c.ownerId)
|
||||
else if (query.ownerId) list = list.filter((c) => c.ownerId === query.ownerId)
|
||||
if (query.intentLevel) list = list.filter((c) => intentLevelOf(c.intentScore) === query.intentLevel)
|
||||
if (query.tag) list = list.filter((c) => c.tags.includes(String(query.tag)))
|
||||
if (query.riskOnly === 'true' || query.riskOnly === true) list = list.filter((c) => c.riskLevel !== 'none')
|
||||
if (query.keyOnly === 'true' || query.keyOnly === true) list = list.filter((c) => c.isKey)
|
||||
list.sort((a, b) => new Date(b.lastContactAt).getTime() - new Date(a.lastContactAt).getTime())
|
||||
return list
|
||||
}
|
||||
|
||||
function registerCustomers() {
|
||||
registerRoute('GET', '/api/customers', ({ query }) => {
|
||||
const list = filterCustomers(query)
|
||||
return { list, total: list.length }
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/customers/duplicates', () => {
|
||||
const pairs = [
|
||||
{
|
||||
id: 'dup-1',
|
||||
reason: '手机号尾号相同（345678）且同为孟加拉服装行业客户',
|
||||
customers: [dbHelpers.customer('c-003'), dbHelpers.customer('c-029')].filter(Boolean),
|
||||
},
|
||||
{
|
||||
id: 'dup-2',
|
||||
reason: '邮箱域名相同（gmail 别名）且来源均为 WhatsApp',
|
||||
customers: [dbHelpers.customer('c-009'), dbHelpers.customer('c-014')].filter(Boolean),
|
||||
},
|
||||
]
|
||||
return pairs.filter((p) => p.customers.length === 2)
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/customers/export', () => {
|
||||
const header = ['客户名称', '公司', '国家', '邮箱', '电话', '来源渠道', '感兴趣产品', '意向分数', '阶段', '负责人']
|
||||
const rows = db.customers.map((c) => [
|
||||
c.name,
|
||||
c.company,
|
||||
countryMeta(c.country).zh,
|
||||
c.email,
|
||||
c.phone,
|
||||
c.channel,
|
||||
c.products.join('/'),
|
||||
c.intentScore,
|
||||
c.stage,
|
||||
dbHelpers.member(c.ownerId)?.name ?? '未分配',
|
||||
])
|
||||
return { csv: toCsv([header, ...rows]) }
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/customers/:id', ({ params }) => {
|
||||
const customer = dbHelpers.customer(params.id)
|
||||
if (!customer) throw new MockApiError(404, '客户不存在')
|
||||
return {
|
||||
customer,
|
||||
conversations: db.conversations
|
||||
.filter((c) => c.customerId === params.id)
|
||||
.map((c) => ({ ...c, messageCount: db.messages.filter((m) => m.conversationId === c.id).length })),
|
||||
tasks: db.tasks.filter((t) => t.customerId === params.id),
|
||||
opportunities: db.opportunities.filter((o) => o.customerId === params.id),
|
||||
risks: db.risks.filter((r) => r.customerId === params.id),
|
||||
files: db.customerFiles.filter((f) => f.customerId === params.id),
|
||||
logs: db.activityLogs
|
||||
.filter((l) => l.customerId === params.id)
|
||||
.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()),
|
||||
}
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/customers', ({ body }) => {
|
||||
const name = String(body.name ?? '').trim()
|
||||
if (!name) throw new MockApiError(400, '客户名称不能为空')
|
||||
const customer: Customer = {
|
||||
id: uid('c'),
|
||||
name,
|
||||
company: String(body.company ?? ''),
|
||||
country: String(body.country ?? 'US'),
|
||||
email: String(body.email ?? ''),
|
||||
phone: String(body.phone ?? ''),
|
||||
language: countryMeta(String(body.country ?? 'US')).lang,
|
||||
channel: (body.channel as Customer['channel']) ?? 'email',
|
||||
sourcePath: '手动录入',
|
||||
products: (body.products as string[]) ?? [],
|
||||
tags: (body.tags as string[]) ?? [],
|
||||
intentScore: 50,
|
||||
valueLevel: 'C',
|
||||
stage: (body.stage as Customer['stage']) ?? 'initial',
|
||||
sentiment: 'neutral',
|
||||
riskLevel: 'none',
|
||||
ownerId: (body.ownerId as string) ?? null,
|
||||
lastContactAt: new Date().toISOString(),
|
||||
nextFollowUpAt: null,
|
||||
createdAt: new Date().toISOString(),
|
||||
isKey: false,
|
||||
aiProfile: { concerns: [], summary: '手动建档客户，AI 画像将在首次会话后生成。', nextActions: ['发起首次沟通'] },
|
||||
}
|
||||
db.customers.unshift(customer)
|
||||
return customer
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/customers/:id', ({ params, body }) => {
|
||||
const customer = dbHelpers.customer(params.id)
|
||||
if (!customer) throw new MockApiError(404, '客户不存在')
|
||||
const allowed: (keyof Customer)[] = [
|
||||
'name', 'company', 'country', 'email', 'phone', 'products', 'tags',
|
||||
'stage', 'ownerId', 'intentScore', 'valueLevel', 'sentiment', 'riskLevel',
|
||||
'nextFollowUpAt', 'isKey', 'channel', 'sourcePath', 'city', 'language',
|
||||
]
|
||||
for (const k of allowed) {
|
||||
if (k in body) (customer as unknown as Record<string, unknown>)[k] = body[k as string]
|
||||
}
|
||||
return customer
|
||||
})
|
||||
|
||||
registerRoute('DELETE', '/api/customers/:id', ({ params }) => {
|
||||
const idx = db.customers.findIndex((c) => c.id === params.id)
|
||||
if (idx === -1) throw new MockApiError(404, '客户不存在')
|
||||
db.customers.splice(idx, 1)
|
||||
db.conversations = db.conversations.filter((c) => c.customerId !== params.id)
|
||||
db.tasks = db.tasks.filter((t) => t.customerId !== params.id)
|
||||
return { success: true }
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/customers/merge', ({ body }) => {
|
||||
const keep = dbHelpers.customer(String(body.keepId))
|
||||
const drop = dbHelpers.customer(String(body.mergeId))
|
||||
if (!keep || !drop) throw new MockApiError(404, '客户不存在')
|
||||
// 迁移关联数据
|
||||
db.conversations.forEach((c) => {
|
||||
if (c.customerId === drop.id) c.customerId = keep.id
|
||||
})
|
||||
db.tasks.forEach((t) => {
|
||||
if (t.customerId === drop.id) t.customerId = keep.id
|
||||
})
|
||||
db.opportunities.forEach((o) => {
|
||||
if (o.customerId === drop.id) o.customerId = keep.id
|
||||
})
|
||||
db.risks.forEach((r) => {
|
||||
if (r.customerId === drop.id) r.customerId = keep.id
|
||||
})
|
||||
keep.tags = Array.from(new Set([...keep.tags, ...drop.tags]))
|
||||
keep.products = Array.from(new Set([...keep.products, ...drop.products]))
|
||||
keep.intentScore = Math.max(keep.intentScore, drop.intentScore)
|
||||
db.customers = db.customers.filter((c) => c.id !== drop.id)
|
||||
db.activityLogs.unshift({
|
||||
id: uid('al'), customerId: keep.id, actorName: '当前用户', action: '合并客户',
|
||||
detail: `将「${drop.name}」合并至「${keep.name}」`, createdAt: new Date().toISOString(),
|
||||
})
|
||||
return keep
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/customers/import', ({ body }) => {
|
||||
const rows = (body.rows as Record<string, string>[]) ?? []
|
||||
let imported = 0
|
||||
for (const r of rows.slice(0, 200)) {
|
||||
if (!r.name) continue
|
||||
db.customers.unshift({
|
||||
id: uid('c'), name: r.name, company: r.company ?? '', country: r.country ?? 'US',
|
||||
email: r.email ?? '', phone: r.phone ?? '', language: 'en',
|
||||
channel: 'email', sourcePath: '批量导入', products: [], tags: ['批量导入'],
|
||||
intentScore: 45, valueLevel: 'C', stage: 'initial', sentiment: 'neutral', riskLevel: 'none',
|
||||
ownerId: null, lastContactAt: new Date().toISOString(), nextFollowUpAt: null,
|
||||
createdAt: new Date().toISOString(), isKey: false,
|
||||
aiProfile: { concerns: [], summary: '批量导入客户，待首次沟通后完善画像。', nextActions: ['分配负责人'] },
|
||||
})
|
||||
imported++
|
||||
}
|
||||
return { imported, skipped: rows.length - imported }
|
||||
})
|
||||
}
|
||||
|
||||
function registerOpportunities() {
|
||||
registerRoute('GET', '/api/opportunities', ({ query }) => {
|
||||
let list = [...db.opportunities]
|
||||
if (query.stage) list = list.filter((o) => o.stage === query.stage)
|
||||
if (query.ownerId) list = list.filter((o) => o.ownerId === query.ownerId)
|
||||
if (query.keyword) {
|
||||
const kw = String(query.keyword).toLowerCase()
|
||||
list = list.filter((o) => o.name.toLowerCase().includes(kw) || o.customerName.toLowerCase().includes(kw))
|
||||
}
|
||||
return { list, total: list.length }
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/opportunities', ({ body }) => {
|
||||
const name = String(body.name ?? '').trim()
|
||||
if (!name) throw new MockApiError(400, '商机名称不能为空')
|
||||
const customer = dbHelpers.customer(String(body.customerId))
|
||||
const opp: Opportunity = {
|
||||
id: uid('o'), name,
|
||||
customerId: String(body.customerId), customerName: customer?.name ?? String(body.customerName ?? ''),
|
||||
country: customer?.country ?? 'US',
|
||||
product: String(body.product ?? ''), quantity: String(body.quantity ?? ''),
|
||||
amount: Number(body.amount ?? 0), probability: Number(body.probability ?? 30),
|
||||
stage: 'new', ownerId: String(body.ownerId ?? 'u-003'),
|
||||
expectedDealAt: String(body.expectedDealAt ?? new Date(Date.now() + 14 * 86400000).toISOString()),
|
||||
lastSummary: '手动创建商机', nextAction: String(body.nextAction ?? '首次沟通'),
|
||||
updatedAt: new Date().toISOString(),
|
||||
}
|
||||
db.opportunities.unshift(opp)
|
||||
return opp
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/opportunities/:id', ({ params, body }) => {
|
||||
const opp = db.opportunities.find((o) => o.id === params.id)
|
||||
if (!opp) throw new MockApiError(404, '商机不存在')
|
||||
Object.assign(opp, body, { updatedAt: new Date().toISOString() })
|
||||
return opp
|
||||
})
|
||||
|
||||
registerRoute('DELETE', '/api/opportunities/:id', ({ params }) => {
|
||||
db.opportunities = db.opportunities.filter((o) => o.id !== params.id)
|
||||
return { success: true }
|
||||
})
|
||||
}
|
||||
|
||||
function registerTasks() {
|
||||
registerRoute('GET', '/api/tasks', ({ query }) => {
|
||||
const now = Date.now()
|
||||
let list = db.tasks.map((t) => ({
|
||||
...t,
|
||||
status: (t.status === 'done' ? 'done' : new Date(t.dueAt).getTime() < now ? 'overdue' : 'pending') as FollowTask['status'],
|
||||
}))
|
||||
const filter = String(query.filter ?? 'all')
|
||||
if (filter === 'mine' && query.ownerId) list = list.filter((t) => t.ownerId === query.ownerId)
|
||||
if (filter === 'today') {
|
||||
const d = new Date()
|
||||
const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`
|
||||
list = list.filter((t) => {
|
||||
const dd = new Date(t.dueAt)
|
||||
return `${dd.getFullYear()}-${dd.getMonth()}-${dd.getDate()}` === key && t.status !== 'done'
|
||||
})
|
||||
}
|
||||
if (filter === 'overdue') list = list.filter((t) => t.status === 'overdue')
|
||||
if (filter === 'done') list = list.filter((t) => t.status === 'done')
|
||||
if (filter === 'pending') list = list.filter((t) => t.status === 'pending')
|
||||
if (query.customerId) list = list.filter((t) => t.customerId === query.customerId)
|
||||
list.sort((a, b) => new Date(a.dueAt).getTime() - new Date(b.dueAt).getTime())
|
||||
return { list, total: list.length }
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/tasks', ({ body }) => {
|
||||
const title = String(body.title ?? '').trim()
|
||||
if (!title) throw new MockApiError(400, '任务标题不能为空')
|
||||
const customer = dbHelpers.customer(String(body.customerId))
|
||||
const task: FollowTask = {
|
||||
id: uid('t'), title,
|
||||
type: (body.type as FollowTask['type']) ?? 'custom-task',
|
||||
priority: (body.priority as FollowTask['priority']) ?? 'medium',
|
||||
status: 'pending',
|
||||
customerId: String(body.customerId ?? ''), customerName: customer?.name ?? String(body.customerName ?? ''),
|
||||
conversationId: body.conversationId as string | undefined,
|
||||
ownerId: String(body.ownerId ?? 'u-003'),
|
||||
dueAt: String(body.dueAt ?? new Date(Date.now() + 86400000).toISOString()),
|
||||
note: body.note ? String(body.note) : undefined,
|
||||
relatedSummary: body.relatedSummary ? String(body.relatedSummary) : undefined,
|
||||
createdAt: new Date().toISOString(),
|
||||
}
|
||||
db.tasks.unshift(task)
|
||||
return task
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/tasks/:id', ({ params, body }) => {
|
||||
const task = db.tasks.find((t) => t.id === params.id)
|
||||
if (!task) throw new MockApiError(404, '任务不存在')
|
||||
if (body.status === 'done') {
|
||||
task.status = 'done'
|
||||
task.completedAt = new Date().toISOString()
|
||||
} else {
|
||||
Object.assign(task, body)
|
||||
}
|
||||
return task
|
||||
})
|
||||
|
||||
registerRoute('DELETE', '/api/tasks/:id', ({ params }) => {
|
||||
db.tasks = db.tasks.filter((t) => t.id !== params.id)
|
||||
return { success: true }
|
||||
})
|
||||
}
|
||||
|
||||
function registerRisks() {
|
||||
registerRoute('GET', '/api/risks', ({ query }) => {
|
||||
let list = [...db.risks]
|
||||
if (query.level) list = list.filter((r) => r.level === query.level)
|
||||
if (query.type) list = list.filter((r) => r.type === query.type)
|
||||
if (query.status) list = list.filter((r) => r.status === query.status)
|
||||
if (query.keyword) {
|
||||
const kw = String(query.keyword).toLowerCase()
|
||||
list = list.filter((r) => r.customerName.toLowerCase().includes(kw) || r.reason.toLowerCase().includes(kw))
|
||||
}
|
||||
list.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
|
||||
return { list, total: list.length }
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/risks/:id', ({ params, body }) => {
|
||||
const risk = db.risks.find((r) => r.id === params.id)
|
||||
if (!risk) throw new MockApiError(404, '风险不存在')
|
||||
if (body.status) risk.status = body.status as RiskAlert['status']
|
||||
if (body.ownerId !== undefined) risk.ownerId = body.ownerId as string
|
||||
if (body.note !== undefined) risk.note = String(body.note)
|
||||
return risk
|
||||
})
|
||||
}
|
||||
|
||||
export function registerCrmHandlers(): void {
|
||||
registerCustomers()
|
||||
registerOpportunities()
|
||||
registerTasks()
|
||||
registerRisks()
|
||||
}
|
||||
@@ -1,320 +0,0 @@
|
||||
/** Mock 处理器：会话 / 消息 / AI 能力 */
|
||||
import { registerRoute, MockApiError, type MockCtx } from '../router'
|
||||
import { db, dbHelpers } from '@/mocks/db'
|
||||
import { uid } from '@/utils/misc'
|
||||
import { sleep } from '@/utils/misc'
|
||||
import { countryMeta, intentLevelOf, sentimentMeta } from '@/config/constants'
|
||||
import { languageName } from '@/config/languages'
|
||||
import { mockTranslate, detectLang } from '../translateEngine'
|
||||
import type { Conversation, Customer, Message } from '@/types'
|
||||
import type { AiAnalysis, AiReplySuggestion, InterpretLine } from '@/types/ai'
|
||||
|
||||
export type ConversationListItem = Conversation & { customer: Customer }
|
||||
|
||||
function matchFilter(item: ConversationListItem, filter: string, userId?: string): boolean {
|
||||
switch (filter) {
|
||||
case 'unread':
|
||||
return item.unreadCount > 0
|
||||
case 'pending':
|
||||
return item.status === 'pending'
|
||||
case 'high-intent':
|
||||
return item.intentLevel === 'high' || item.customer.intentScore >= 80
|
||||
case 'risk':
|
||||
return item.hasRisk || item.customer.riskLevel === 'high' || item.customer.riskLevel === 'urgent'
|
||||
case 'unassigned':
|
||||
return !item.assigneeId
|
||||
case 'mine':
|
||||
return !!userId && item.assigneeId === userId
|
||||
default:
|
||||
return true
|
||||
}
|
||||
}
|
||||
|
||||
function registerConversations() {
|
||||
registerRoute('GET', '/api/conversations', ({ query }) => {
|
||||
const filter = String(query.filter ?? 'all')
|
||||
const channel = String(query.channel ?? '')
|
||||
const keyword = String(query.keyword ?? '').trim().toLowerCase()
|
||||
const userId = query.userId ? String(query.userId) : undefined
|
||||
|
||||
let list: ConversationListItem[] = db.conversations
|
||||
.map((c) => ({ ...c, customer: dbHelpers.customer(c.customerId)! }))
|
||||
.filter((c) => c.customer)
|
||||
|
||||
if (channel) list = list.filter((c) => c.channel === channel)
|
||||
if (filter && filter !== 'all') list = list.filter((c) => matchFilter(c, filter, userId))
|
||||
if (keyword) {
|
||||
list = list.filter((c) => {
|
||||
const cu = c.customer
|
||||
const inMsgs = db.messages.some(
|
||||
(m) => m.conversationId === c.id && m.originalText.toLowerCase().includes(keyword),
|
||||
)
|
||||
return (
|
||||
cu.name.toLowerCase().includes(keyword) ||
|
||||
cu.email.toLowerCase().includes(keyword) ||
|
||||
cu.phone.toLowerCase().includes(keyword) ||
|
||||
cu.company.toLowerCase().includes(keyword) ||
|
||||
countryMeta(cu.country).zh.includes(keyword) ||
|
||||
cu.products.some((p) => p.toLowerCase().includes(keyword)) ||
|
||||
c.summary.toLowerCase().includes(keyword) ||
|
||||
inMsgs
|
||||
)
|
||||
})
|
||||
}
|
||||
list.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime())
|
||||
return { list, total: list.length }
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/conversations/:id', ({ params }) => {
|
||||
const conv = dbHelpers.conversation(params.id)
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
return { conversation: conv, customer: dbHelpers.customer(conv.customerId) }
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/conversations/:id/messages', ({ params }) => {
|
||||
const conv = dbHelpers.conversation(params.id)
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
conv.unreadCount = 0
|
||||
return dbHelpers.messagesOf(params.id)
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/conversations/:id/messages', ({ params, body }) => {
|
||||
const conv = dbHelpers.conversation(params.id)
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
const text = String(body.text ?? '').trim()
|
||||
if (!text && !body.attachmentName) throw new MockApiError(400, '消息内容不能为空')
|
||||
|
||||
const lang = detectLang(text)
|
||||
const msg: Message = {
|
||||
id: uid('msg'),
|
||||
conversationId: params.id,
|
||||
sender: 'agent',
|
||||
type: (body.type as Message['type']) ?? 'text',
|
||||
originalText: text || String(body.attachmentName),
|
||||
translatedText: body.translatedText ? String(body.translatedText) : lang === 'zh' ? mockTranslate(text, 'en').translated : mockTranslate(text, 'zh').translated,
|
||||
originalLang: lang,
|
||||
status: 'sent',
|
||||
createdAt: new Date().toISOString(),
|
||||
attachmentName: body.attachmentName ? String(body.attachmentName) : undefined,
|
||||
}
|
||||
db.messages.push(msg)
|
||||
conv.status = 'replied'
|
||||
conv.unreadCount = 0
|
||||
dbHelpers.touchConversation(params.id, msg)
|
||||
// 模拟送达回执
|
||||
setTimeout(() => {
|
||||
msg.status = 'delivered'
|
||||
}, 1500)
|
||||
return msg
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/conversations/:id', ({ params, body }) => {
|
||||
const conv = dbHelpers.conversation(params.id)
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
if (body.assigneeId !== undefined) conv.assigneeId = body.assigneeId as string | null
|
||||
if (body.markRead) conv.unreadCount = 0
|
||||
if (body.status) conv.status = body.status as Conversation['status']
|
||||
return conv
|
||||
})
|
||||
}
|
||||
|
||||
/* ================= AI ================= */
|
||||
|
||||
function buildAnalysis(customer: Customer): AiAnalysis {
|
||||
const p = customer.aiProfile
|
||||
const keyPoints = [
|
||||
p.inquiryQuantity ? { label: '询价数量', value: p.inquiryQuantity } : null,
|
||||
p.targetPrice ? { label: '目标价格', value: p.targetPrice } : null,
|
||||
p.moqRequirement ? { label: 'MOQ需求', value: p.moqRequirement } : null,
|
||||
p.sampleNeed ? { label: '样品需求', value: p.sampleNeed } : null,
|
||||
p.customRequirement ? { label: '定制要求', value: p.customRequirement } : null,
|
||||
p.deliveryTime ? { label: '交付时间', value: p.deliveryTime } : null,
|
||||
p.logistics ? { label: '物流方式', value: p.logistics } : null,
|
||||
p.payment ? { label: '付款方式', value: p.payment } : null,
|
||||
p.aftersales ? { label: '售后诉求', value: p.aftersales } : null,
|
||||
p.concerns.length ? { label: '主要顾虑', value: p.concerns.join('、') } : null,
|
||||
].filter(Boolean) as { label: string; value: string }[]
|
||||
|
||||
return {
|
||||
intentScore: customer.intentScore,
|
||||
intentLevel: intentLevelOf(customer.intentScore),
|
||||
stage: customer.stage,
|
||||
sentiment: customer.sentiment,
|
||||
riskLevel: customer.riskLevel,
|
||||
riskNote:
|
||||
customer.riskLevel === 'medium'
|
||||
? '客户对交期比较敏感，请谨慎承诺时效'
|
||||
: customer.riskLevel === 'high' || customer.riskLevel === 'urgent'
|
||||
? '客户情绪消极，存在流失/纠纷风险，建议升级处理'
|
||||
: undefined,
|
||||
country: customer.country,
|
||||
keyPoints,
|
||||
nextActions: p.nextActions,
|
||||
summary: p.summary,
|
||||
}
|
||||
}
|
||||
|
||||
function buildReplies(customer: Customer, conv: Conversation): AiReplySuggestion[] {
|
||||
const c = countryMeta(customer.country)
|
||||
const product = customer.products[0] ?? '产品'
|
||||
const qty = customer.aiProfile.inquiryQuantity ?? '该数量'
|
||||
const refs = ['玻璃杯阶梯报价规则（2026 Q3）', '定制Logo玻璃水杯工艺说明', '物流政策：中东/南亚线路']
|
||||
const isGlass = product.includes('玻璃')
|
||||
const knowledgeRefs = isGlass
|
||||
? refs
|
||||
: ['企业介绍（标准版）', '付款方式与条款', '外贸术语库（中英对照）']
|
||||
|
||||
return [
|
||||
{
|
||||
id: uid('reply'),
|
||||
style: 'stable',
|
||||
content:
|
||||
`Dear ${customer.name.split(' ')[0]}, thank you for your patience. ` +
|
||||
`For ${qty} of ${product}, our formal quotation with all details (specs, packaging, lead time) is attached. ` +
|
||||
`We have reserved production capacity for you this week. Please let me know if you need any adjustments.`,
|
||||
targetLang: customer.language === 'zh' ? 'zh' : 'en',
|
||||
reason: '客户处于比价/确认阶段，正式、完整的回复能建立专业信任，避免过度承诺。',
|
||||
knowledgeRefs,
|
||||
expectedEffect: '建立专业形象，推进客户进入条款确认，预计回复率高。',
|
||||
cultureTip: c.code === 'PK' || c.code === 'BD' ? '南亚客户重视关系，开头寒暄必不可少。' : undefined,
|
||||
},
|
||||
{
|
||||
id: uid('reply'),
|
||||
style: 'active',
|
||||
content:
|
||||
`Great news, ${customer.name.split(' ')[0]}! For ${qty}, I can offer you our tiered price: better unit price at 1000+, ` +
|
||||
`plus free logo setup if confirmed this week. I'll also share photos of similar successful projects for ${c.en} market. ` +
|
||||
`Shall we lock this in today?`,
|
||||
targetLang: 'en',
|
||||
reason: '客户意向分高且有明确节点（开业/销售季），用阶梯价+限时权益推动当日决策。',
|
||||
knowledgeRefs: [...knowledgeRefs, '成功回复案例：交期敏感客户促单'],
|
||||
expectedEffect: '制造紧迫感与价值感，适合快速促单；预计可提前 2—3 天成交。',
|
||||
cultureTip:
|
||||
c.code === 'SA' || c.code === 'AE'
|
||||
? '中东客户避免过于强硬催促，保持尊重与热情并重。'
|
||||
: undefined,
|
||||
},
|
||||
{
|
||||
id: uid('reply'),
|
||||
style: 'brief',
|
||||
content:
|
||||
`Hi ${customer.name.split(' ')[0]}, price confirmed for ${qty}. ` +
|
||||
`I will send the formal quotation and customization cases within 1 hour. Any other questions?`,
|
||||
targetLang: 'en',
|
||||
reason: '客户问题已明确（价格/定制/交期），简洁回复+明确时限，适合即时沟通渠道。',
|
||||
knowledgeRefs: knowledgeRefs.slice(0, 1),
|
||||
expectedEffect: '快速响应提升好感，适合 WhatsApp/Telegram 场景。',
|
||||
},
|
||||
]
|
||||
}
|
||||
|
||||
const INTERPRET_SCRIPT: { speaker: 'me' | 'peer'; original: string; translated: string; lang: string }[] = [
|
||||
{ speaker: 'peer', original: 'السلام عليكم، شكراً لقبولكم هذا الاجتماع.', translated: '你好，感谢贵方接受这次会议。', lang: 'ar' },
|
||||
{ speaker: 'me', original: '您好，很高兴认识您。我们今天想确认500个定制玻璃杯的报价细节。', translated: 'Hello, nice to meet you. Today we would like to confirm the quotation for 500 custom glass cups.', lang: 'zh' },
|
||||
{ speaker: 'peer', original: 'نعم، نريد معرفة السعر النهائي ومدة التسليم.', translated: '好的，我们想了解最终价格和交付时间。', lang: 'ar' },
|
||||
{ speaker: 'me', original: '500个双层杯单价1.85美元，含双色Logo，常规交期12到15天。', translated: 'The unit price for 500 double-wall cups is $1.85 including 2-color logo, standard lead time 12-15 days.', lang: 'zh' },
|
||||
{ speaker: 'peer', original: 'نحتاج التسليم خلال 10 أيام بسبب افتتاح المتجر.', translated: '由于店铺开业，我们需要10天内交付。', lang: 'ar' },
|
||||
{ speaker: 'me', original: '可以安排加急生产，10天交付，加急费80美元。', translated: 'We can arrange rush production for 10-day delivery with an $80 rush fee.', lang: 'zh' },
|
||||
{ speaker: 'peer', original: 'موافق، أرسلوا العرض الرسمي وسأؤكد مع شريكي اليوم.', translated: '同意，请发正式报价，我今天和合伙人确认。', lang: 'ar' },
|
||||
{ speaker: 'me', original: '好的，报价单和定制案例将在会议后立即发送。', translated: 'Sure, the quotation and customization cases will be sent right after this meeting.', lang: 'zh' },
|
||||
]
|
||||
|
||||
function registerAi() {
|
||||
registerRoute('POST', '/api/ai/translate', async ({ body }) => {
|
||||
await sleep(400)
|
||||
const text = String(body.text ?? '')
|
||||
if (!text.trim()) throw new MockApiError(400, '请输入要翻译的内容')
|
||||
return mockTranslate(text, String(body.targetLang ?? 'en'), body.sourceLang ? String(body.sourceLang) : undefined)
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/ai/analyze', async ({ body }) => {
|
||||
await sleep(700)
|
||||
const conv = dbHelpers.conversation(String(body.conversationId))
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
const customer = dbHelpers.customer(conv.customerId)
|
||||
if (!customer) throw new MockApiError(404, '客户不存在')
|
||||
return buildAnalysis(customer)
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/ai/replies', async ({ body }) => {
|
||||
await sleep(1200)
|
||||
const conv = dbHelpers.conversation(String(body.conversationId))
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
const customer = dbHelpers.customer(conv.customerId)
|
||||
if (!customer) throw new MockApiError(404, '客户不存在')
|
||||
return buildReplies(customer, conv)
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/ai/summarize', async ({ body }) => {
|
||||
await sleep(600)
|
||||
const conv = dbHelpers.conversation(String(body.conversationId))
|
||||
if (!conv) throw new MockApiError(404, '会话不存在')
|
||||
const customer = dbHelpers.customer(conv.customerId)
|
||||
const msgs = dbHelpers.messagesOf(conv.id)
|
||||
return {
|
||||
summary: `本会话共 ${msgs.length} 条消息。${customer?.aiProfile.summary ?? conv.summary} 情绪状态：${sentimentMeta(conv.sentiment).label}。建议下一步：${customer?.aiProfile.nextActions[0] ?? '继续跟进'}。`,
|
||||
}
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/ai/interpretation', async ({ body }) => {
|
||||
await sleep(500)
|
||||
const index = Number(body.index ?? 0)
|
||||
const line = INTERPRET_SCRIPT[index % INTERPRET_SCRIPT.length]
|
||||
const out: InterpretLine = {
|
||||
id: uid('line'),
|
||||
speaker: line.speaker,
|
||||
original: line.original,
|
||||
translated: line.translated,
|
||||
lang: line.lang,
|
||||
at: new Date().toISOString(),
|
||||
}
|
||||
return out
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/ai/text-action', async ({ body }) => {
|
||||
await sleep(700)
|
||||
const text = String(body.text ?? '').trim()
|
||||
if (!text) throw new MockApiError(400, '请输入内容')
|
||||
const action = String(body.action)
|
||||
const tone = String(body.tone ?? 'professional')
|
||||
|
||||
switch (action) {
|
||||
case 'polish':
|
||||
return {
|
||||
result: text
|
||||
.replace(/你好[！!。]?/, 'Dear valued customer,')
|
||||
.replace(/谢谢[！!。]?/, 'Thank you very much.')
|
||||
.replace(/。/g, '. ')
|
||||
.replace(/，/g, ', ') || text,
|
||||
}
|
||||
case 'shorten': {
|
||||
const first = text.split(/[。！？!?.]/)[0]
|
||||
return { result: `${first}.` }
|
||||
}
|
||||
case 'expand':
|
||||
return {
|
||||
result: `${text}\n\nAdditionally, we can provide free samples for your evaluation, and our team is available 24/7 for any questions. Looking forward to your reply.`,
|
||||
}
|
||||
case 'tone': {
|
||||
const openers: Record<string, string> = {
|
||||
professional: 'Dear valued customer, ',
|
||||
friendly: 'Hi there! ',
|
||||
concise: '',
|
||||
negotiation: 'Thank you for your offer. ',
|
||||
comfort: 'We sincerely apologize for the inconvenience. ',
|
||||
urge: 'Friendly reminder: ',
|
||||
}
|
||||
return { result: `${openers[tone] ?? ''}${text}` }
|
||||
}
|
||||
case 'translate':
|
||||
return { result: mockTranslate(text, String(body.targetLang ?? 'en')).translated }
|
||||
default:
|
||||
return { result: text }
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export function registerInboxHandlers(): void {
|
||||
registerConversations()
|
||||
registerAi()
|
||||
}
|
||||
@@ -1,396 +0,0 @@
|
||||
/** Mock 处理器：认证 / 工作台 / 渠道 / 知识库 / 分析 / 团队 / 账单 / 设置 / 通知 / 搜索 */
|
||||
import { registerRoute, MockApiError } from '../router'
|
||||
import { db, dbHelpers } from '@/mocks/db'
|
||||
import { uid } from '@/utils/misc'
|
||||
import { sleep } from '@/utils/misc'
|
||||
import { dashboardOverview, analyticsData } from '@/mocks/seed/analytics'
|
||||
import { industryPacks } from '@/mocks/seed/knowledge'
|
||||
import { countryMeta } from '@/config/constants'
|
||||
import { getPlan } from '@/config/pricingPlans'
|
||||
import type { RoleKey } from '@/config/roles'
|
||||
import type { AuthSession, KnowledgeItem, Tenant, User } from '@/types'
|
||||
|
||||
function tenant(): Tenant {
|
||||
return {
|
||||
id: 't-001',
|
||||
name: '徐州欧汇科技有限公司',
|
||||
industry: '玻璃制品',
|
||||
size: '21—50人',
|
||||
plan: db.billing.planKey,
|
||||
planExpireAt: db.billing.expireAt,
|
||||
country: 'CN',
|
||||
}
|
||||
}
|
||||
|
||||
function userOfRole(role: RoleKey): User {
|
||||
const map: Record<RoleKey, string> = { admin: 'u-001', manager: 'u-002', sales: 'u-003', service: 'u-005', viewer: 'u-007' }
|
||||
const m = dbHelpers.member(map[role]) ?? db.team[0]
|
||||
return {
|
||||
id: m.id, name: m.name, email: m.email, phone: m.phone, role: m.role,
|
||||
department: m.department, title: m.department === '总经办' ? '总经理' : m.department + '成员',
|
||||
status: m.status, lastLoginAt: new Date().toISOString(),
|
||||
}
|
||||
}
|
||||
|
||||
function registerAuth() {
|
||||
registerRoute('POST', '/api/auth/login', ({ body }) => {
|
||||
const account = String(body.account ?? '').trim()
|
||||
if (!account) throw new MockApiError(400, '请输入手机号或邮箱')
|
||||
const mode = String(body.mode ?? 'password')
|
||||
if (mode === 'password' && !String(body.password ?? '')) throw new MockApiError(400, '请输入密码')
|
||||
if (mode === 'code' && String(body.code ?? '').length !== 6) throw new MockApiError(400, '请输入6位验证码')
|
||||
if (String(body.password ?? '') === 'error') throw new MockApiError(401, '账号或密码错误')
|
||||
|
||||
let role = (body.role as RoleKey | undefined) ?? 'admin'
|
||||
if (!body.role) {
|
||||
const hit = db.team.find((m) => account.includes(m.email.split('@')[0]) || account.includes(m.name))
|
||||
if (hit) role = hit.role
|
||||
}
|
||||
const session: AuthSession = {
|
||||
token: `mock-token-${uid('tk')}`,
|
||||
user: userOfRole(role),
|
||||
tenant: tenant(),
|
||||
onboarded: true,
|
||||
}
|
||||
return session
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/auth/register', ({ body }) => {
|
||||
const name = String(body.name ?? '').trim()
|
||||
const account = String(body.account ?? '').trim()
|
||||
if (!name) throw new MockApiError(400, '请输入姓名')
|
||||
if (!account) throw new MockApiError(400, '请输入手机号或邮箱')
|
||||
if (String(body.password ?? '').length < 6) throw new MockApiError(400, '密码至少6位')
|
||||
if (!String(body.company ?? '').trim()) throw new MockApiError(400, '请输入企业名称')
|
||||
const session: AuthSession = {
|
||||
token: `mock-token-${uid('tk')}`,
|
||||
user: { ...userOfRole('admin'), name, email: account.includes('@') ? account : `${uid('user')}@example.com` },
|
||||
tenant: { ...tenant(), name: String(body.company), industry: String(body.industry ?? '通用外贸') },
|
||||
onboarded: false,
|
||||
}
|
||||
return session
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/auth/me', () => ({ user: userOfRole('admin'), tenant: tenant() }))
|
||||
}
|
||||
|
||||
function registerDashboard() {
|
||||
registerRoute('GET', '/api/dashboard/overview', () => {
|
||||
const openRiskCount = db.risks.filter((r) => r.status === 'open' || r.status === 'confirmed').length
|
||||
return {
|
||||
...dashboardOverview,
|
||||
stats: { ...dashboardOverview.stats, openRisks: { value: openRiskCount, delta: 0.22 } },
|
||||
todos: db.tasks.filter((t) => t.status !== 'done').slice(0, 7),
|
||||
highValueCustomers: [...db.customers].sort((a, b) => b.intentScore - a.intentScore).slice(0, 6),
|
||||
recentRisks: [...db.risks]
|
||||
.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
|
||||
.slice(0, 5),
|
||||
updatedAt: new Date().toISOString(),
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function registerChannels() {
|
||||
registerRoute('GET', '/api/channels', () => db.channels)
|
||||
|
||||
registerRoute('GET', '/api/channels/:id/logs', ({ params }) =>
|
||||
db.channelSyncLogs.filter((l) => l.channelId === params.id),
|
||||
)
|
||||
|
||||
registerRoute('POST', '/api/channels/connect', async ({ body }) => {
|
||||
await sleep(800)
|
||||
const type = String(body.type)
|
||||
const ch = db.channels.find((c) => c.type === type)
|
||||
if (!ch) throw new MockApiError(404, '渠道不存在')
|
||||
ch.status = 'connected'
|
||||
ch.account = String(body.account ?? ch.account ?? '已授权账号')
|
||||
ch.lastSyncAt = new Date().toISOString()
|
||||
ch.autoReply = Boolean(body.autoReply)
|
||||
ch.defaultOwnerId = body.defaultOwnerId ? String(body.defaultOwnerId) : ch.defaultOwnerId
|
||||
ch.errorMessage = undefined
|
||||
db.channelSyncLogs.unshift({
|
||||
id: uid('sl'), channelId: ch.id, action: '渠道连接',
|
||||
detail: `完成授权连接，账号：${ch.account}`, status: 'success', createdAt: new Date().toISOString(),
|
||||
})
|
||||
return ch
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/channels/test', async ({ body }) => {
|
||||
await sleep(900)
|
||||
const id = String(body.id ?? '')
|
||||
const ch = db.channels.find((c) => c.id === id || c.type === id)
|
||||
if (!ch) throw new MockApiError(404, '渠道不存在')
|
||||
return { success: true, latencyMs: 80 + Math.round(Math.random() * 120), message: '连接测试通过，消息通道正常' }
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/channels/:id', ({ params, body }) => {
|
||||
const ch = db.channels.find((c) => c.id === params.id)
|
||||
if (!ch) throw new MockApiError(404, '渠道不存在')
|
||||
Object.assign(ch, body)
|
||||
return ch
|
||||
})
|
||||
|
||||
registerRoute('DELETE', '/api/channels/:id', ({ params }) => {
|
||||
const ch = db.channels.find((c) => c.id === params.id)
|
||||
if (!ch) throw new MockApiError(404, '渠道不存在')
|
||||
ch.status = 'unconnected'
|
||||
ch.account = undefined
|
||||
ch.todayMessages = 0
|
||||
ch.errorMessage = undefined
|
||||
return { success: true }
|
||||
})
|
||||
}
|
||||
|
||||
function registerKnowledge() {
|
||||
registerRoute('GET', '/api/knowledge', ({ query }) => {
|
||||
let list = [...db.knowledge]
|
||||
if (query.category) list = list.filter((k) => k.category === query.category)
|
||||
if (query.keyword) {
|
||||
const kw = String(query.keyword).toLowerCase()
|
||||
list = list.filter(
|
||||
(k) => k.title.toLowerCase().includes(kw) || k.content.toLowerCase().includes(kw) || k.tags.some((t) => t.includes(kw)),
|
||||
)
|
||||
}
|
||||
list.sort((a, b) => b.citedCount - a.citedCount)
|
||||
return { list, total: list.length }
|
||||
})
|
||||
|
||||
registerRoute('GET', '/api/knowledge/packs', () => industryPacks)
|
||||
|
||||
registerRoute('GET', '/api/knowledge/stats', () => {
|
||||
const total = db.knowledge.reduce((s, k) => s + k.citedCount, 0)
|
||||
return {
|
||||
totalCitations: total,
|
||||
aiReplyCitationRate: 0.684,
|
||||
topUsed: [...db.knowledge]
|
||||
.sort((a, b) => b.citedCount - a.citedCount)
|
||||
.slice(0, 5)
|
||||
.map((k) => ({ id: k.id, title: k.title, citedCount: k.citedCount })),
|
||||
lowQuality: db.knowledge
|
||||
.filter((k) => k.quality === 'low' || (k.enabled && k.citedCount < 20))
|
||||
.slice(0, 5)
|
||||
.map((k) => ({ id: k.id, title: k.title, reason: k.quality === 'low' ? '内容质量低，命中率差' : '近30天引用次数过低' })),
|
||||
outdated: [...db.knowledge]
|
||||
.sort((a, b) => new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime())
|
||||
.slice(0, 5)
|
||||
.map((k) => ({ id: k.id, title: k.title, updatedAt: k.updatedAt })),
|
||||
}
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/knowledge', ({ body }) => {
|
||||
const title = String(body.title ?? '').trim()
|
||||
if (!title) throw new MockApiError(400, '知识标题不能为空')
|
||||
const item: KnowledgeItem = {
|
||||
id: uid('k'), title,
|
||||
category: (body.category as KnowledgeItem['category']) ?? 'faq',
|
||||
content: String(body.content ?? ''),
|
||||
tags: (body.tags as string[]) ?? [],
|
||||
enabled: true, version: 1,
|
||||
updatedAt: new Date().toISOString(),
|
||||
updatedBy: '当前用户',
|
||||
source: 'manual', status: 'ready', citedCount: 0,
|
||||
languages: ['zh'], quality: 'normal',
|
||||
}
|
||||
db.knowledge.unshift(item)
|
||||
return item
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/knowledge/upload', ({ body }) => {
|
||||
const files = (body.files as { name: string; type: string }[]) ?? []
|
||||
const items: KnowledgeItem[] = files.map((f) => {
|
||||
const item: KnowledgeItem = {
|
||||
id: uid('k'), title: f.name.replace(/\.[^.]+$/, ''),
|
||||
category: 'product', content: '',
|
||||
tags: ['文件导入'], enabled: true, version: 1,
|
||||
updatedAt: new Date().toISOString(), updatedBy: '当前用户',
|
||||
source: 'file', fileName: f.name, fileType: f.type,
|
||||
status: 'parsing', citedCount: 0, languages: ['zh'], quality: 'normal',
|
||||
}
|
||||
db.knowledge.unshift(item)
|
||||
// 模拟异步解析
|
||||
setTimeout(() => {
|
||||
item.status = 'ready'
|
||||
item.content = `【模拟解析结果】已从文件「${f.name}」中提取文本内容，包含产品参数、价格与政策说明，可用于 AI 回复引用。`
|
||||
}, 3000 + Math.random() * 3000)
|
||||
return item
|
||||
})
|
||||
return { items }
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/knowledge/:id', ({ params, body }) => {
|
||||
const item = db.knowledge.find((k) => k.id === params.id)
|
||||
if (!item) throw new MockApiError(404, '知识不存在')
|
||||
const contentChanged = typeof body.content === 'string' && body.content !== item.content
|
||||
Object.assign(item, body)
|
||||
if (contentChanged) item.version += 1
|
||||
item.updatedAt = new Date().toISOString()
|
||||
return item
|
||||
})
|
||||
|
||||
registerRoute('DELETE', '/api/knowledge/:id', ({ params }) => {
|
||||
db.knowledge = db.knowledge.filter((k) => k.id !== params.id)
|
||||
return { success: true }
|
||||
})
|
||||
|
||||
registerRoute('POST', '/api/knowledge/search-test', async ({ body }) => {
|
||||
await sleep(900)
|
||||
const question = String(body.question ?? '').trim()
|
||||
if (!question) throw new MockApiError(400, '请输入测试问题')
|
||||
const words = question.split(/[\s,，。？?！!]+/).filter((w) => w.length >= 2)
|
||||
const scored = db.knowledge
|
||||
.filter((k) => k.enabled && k.status === 'ready')
|
||||
.map((k) => {
|
||||
let score = 0.3
|
||||
const hay = `${k.title} ${k.content} ${k.tags.join(' ')}`.toLowerCase()
|
||||
for (const w of words) if (hay.includes(w.toLowerCase())) score += 0.18
|
||||
score += Math.min(0.15, k.citedCount / 2000)
|
||||
return { item: k, score: Math.min(0.98, score) }
|
||||
})
|
||||
.sort((a, b) => b.score - a.score)
|
||||
.slice(0, 3)
|
||||
.map((h) => ({
|
||||
item: h.item,
|
||||
score: h.score,
|
||||
snippet: h.item.content.slice(0, 90) + (h.item.content.length > 90 ? '…' : ''),
|
||||
}))
|
||||
const top = scored[0]
|
||||
const answer = top
|
||||
? `根据企业知识库「${top.item.title}」：${top.item.content.slice(0, 120)}。如需更详细信息（报价/政策原文），可查看引用来源。`
|
||||
: '当前知识库未检索到足够匹配的内容，建议补充相关知识条目。'
|
||||
return { answer, hits: scored }
|
||||
})
|
||||
}
|
||||
|
||||
function registerAnalytics() {
|
||||
registerRoute('GET', '/api/analytics', () => analyticsData)
|
||||
}
|
||||
|
||||
function registerTeam() {
|
||||
registerRoute('GET', '/api/team', () => db.team)
|
||||
registerRoute('GET', '/api/team/operation-logs', () => db.operationLogs)
|
||||
registerRoute('GET', '/api/team/login-records', () => db.loginRecords)
|
||||
|
||||
registerRoute('POST', '/api/team/invite', ({ body }) => {
|
||||
const name = String(body.name ?? '').trim()
|
||||
if (!name) throw new MockApiError(400, '请输入成员姓名')
|
||||
const email = String(body.email ?? '').trim()
|
||||
if (!email.includes('@')) throw new MockApiError(400, '请输入有效邮箱')
|
||||
const member = {
|
||||
id: uid('u'), name, email,
|
||||
phone: String(body.phone ?? ''),
|
||||
department: String(body.department ?? '外贸一部'),
|
||||
role: (body.role as RoleKey) ?? 'sales',
|
||||
online: false, customerCount: 0, todoCount: 0,
|
||||
lastLoginAt: new Date().toISOString(), status: 'active' as const,
|
||||
joinedAt: new Date().toISOString(),
|
||||
}
|
||||
db.team.push(member)
|
||||
return member
|
||||
})
|
||||
|
||||
registerRoute('PATCH', '/api/team/:id', ({ params, body }) => {
|
||||
const m = dbHelpers.member(params.id)
|
||||
if (!m) throw new MockApiError(404, '成员不存在')
|
||||
Object.assign(m, body)
|
||||
return m
|
||||
})
|
||||
|
||||
registerRoute('DELETE', '/api/team/:id', ({ params }) => {
|
||||
db.team = db.team.filter((m) => m.id !== params.id)
|
||||
return { success: true }
|
||||
})
|
||||
}
|
||||
|
||||
function registerBilling() {
|
||||
registerRoute('GET', '/api/billing', () => ({
|
||||
info: db.billing,
|
||||
orders: db.orders,
|
||||
invoices: db.invoices,
|
||||
}))
|
||||
|
||||
registerRoute('POST', '/api/billing/upgrade', async ({ body }) => {
|
||||
await sleep(1000)
|
||||
const plan = getPlan(String(body.planKey ?? 'pro'))
|
||||
db.billing.planKey = plan.key
|
||||
db.billing.planName = plan.name
|
||||
db.billing.expireAt = new Date(Date.now() + 365 * 86400000).toISOString()
|
||||
db.billing.usage.members.total = plan.limits.members
|
||||
db.billing.usage.messages.total = plan.limits.messagesPerMonth
|
||||
db.billing.usage.translations.total = plan.limits.translationsPerMonth
|
||||
db.billing.usage.knowledgeStorage.total = plan.limits.knowledgeStorageMb
|
||||
db.orders.unshift({
|
||||
id: uid('bo'),
|
||||
orderNo: `LX${new Date().toISOString().slice(0, 10).replace(/-/g, '')}${String(db.orders.length + 1).padStart(3, '0')}`,
|
||||
planName: `${plan.name}（年付）`,
|
||||
period: `${new Date().toISOString().slice(0, 10)} 至 ${new Date(Date.now() + 365 * 86400000).toISOString().slice(0, 10)}`,
|
||||
amount: plan.yearlyPrice ?? 0,
|
||||
status: 'paid',
|
||||
createdAt: new Date().toISOString(),
|
||||
})
|
||||
return db.billing
|
||||
})
|
||||
}
|
||||
|
||||
function registerSettings() {
|
||||
registerRoute('GET', '/api/settings', () => db.settings)
|
||||
registerRoute('PATCH', '/api/settings', ({ body }) => {
|
||||
for (const [k, v] of Object.entries(body)) {
|
||||
const key = k as keyof typeof db.settings
|
||||
const cur = db.settings[key]
|
||||
if (cur && typeof cur === 'object' && !Array.isArray(cur) && v && typeof v === 'object') {
|
||||
Object.assign(cur as Record<string, unknown>, v as Record<string, unknown>)
|
||||
} else {
|
||||
;(db.settings as unknown as Record<string, unknown>)[k] = v
|
||||
}
|
||||
}
|
||||
return db.settings
|
||||
})
|
||||
}
|
||||
|
||||
function registerNotifications() {
|
||||
registerRoute('GET', '/api/notifications', () => db.notifications)
|
||||
registerRoute('POST', '/api/notifications/read-all', () => {
|
||||
db.notifications.forEach((n) => (n.read = true))
|
||||
return { success: true }
|
||||
})
|
||||
}
|
||||
|
||||
function registerSearch() {
|
||||
registerRoute('GET', '/api/search', ({ query }) => {
|
||||
const q = String(query.q ?? '').trim().toLowerCase()
|
||||
if (!q) return { customers: [], conversations: [], knowledge: [], tasks: [] }
|
||||
const customers = db.customers
|
||||
.filter((c) => c.name.toLowerCase().includes(q) || c.company.toLowerCase().includes(q) || c.email.toLowerCase().includes(q) || countryMeta(c.country).zh.includes(q))
|
||||
.slice(0, 5)
|
||||
.map((c) => ({ id: c.id, title: c.name, sub: `${countryMeta(c.country).zh} · ${c.company}` }))
|
||||
const conversations = db.conversations
|
||||
.filter((c) => {
|
||||
const cu = dbHelpers.customer(c.customerId)
|
||||
return cu?.name.toLowerCase().includes(q) || c.summary.toLowerCase().includes(q)
|
||||
})
|
||||
.slice(0, 5)
|
||||
.map((c) => ({ id: c.id, title: dbHelpers.customer(c.customerId)?.name ?? '', sub: c.summary }))
|
||||
const knowledge = db.knowledge
|
||||
.filter((k) => k.title.toLowerCase().includes(q))
|
||||
.slice(0, 5)
|
||||
.map((k) => ({ id: k.id, title: k.title, sub: k.content.slice(0, 40) }))
|
||||
const tasks = db.tasks
|
||||
.filter((t) => t.title.toLowerCase().includes(q) || t.customerName.toLowerCase().includes(q))
|
||||
.slice(0, 5)
|
||||
.map((t) => ({ id: t.id, title: t.title, sub: t.customerName }))
|
||||
return { customers, conversations, knowledge, tasks }
|
||||
})
|
||||
}
|
||||
|
||||
export function registerMiscHandlers(): void {
|
||||
registerAuth()
|
||||
registerDashboard()
|
||||
registerChannels()
|
||||
registerKnowledge()
|
||||
registerAnalytics()
|
||||
registerTeam()
|
||||
registerBilling()
|
||||
registerSettings()
|
||||
registerNotifications()
|
||||
registerSearch()
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
/** Mock 服务入口：注册全部 Mock 路由并暴露请求方法 */
|
||||
import { mockRequest } from './router'
|
||||
import { registerInboxHandlers } from './handlers/inbox'
|
||||
import { registerCrmHandlers } from './handlers/crm'
|
||||
import { registerMiscHandlers } from './handlers/misc'
|
||||
|
||||
let registered = false
|
||||
function ensureRegistered() {
|
||||
if (registered) return
|
||||
registered = true
|
||||
registerInboxHandlers()
|
||||
registerCrmHandlers()
|
||||
registerMiscHandlers()
|
||||
}
|
||||
|
||||
ensureRegistered()
|
||||
|
||||
export { mockRequest }
|
||||
export { MockApiError } from './router'
|
||||
@@ -1,69 +0,0 @@
|
||||
/** Mock 路由内核：注册模式路由并按路径匹配（支持 :param） */
|
||||
import { sleep } from '@/utils/misc'
|
||||
|
||||
export class MockApiError extends Error {
|
||||
code: number
|
||||
constructor(code: number, message: string) {
|
||||
super(message)
|
||||
this.code = code
|
||||
}
|
||||
}
|
||||
|
||||
export interface MockCtx {
|
||||
params: Record<string, string>
|
||||
query: Record<string, unknown>
|
||||
body: Record<string, unknown>
|
||||
}
|
||||
|
||||
type Handler = (ctx: MockCtx) => unknown | Promise<unknown>
|
||||
|
||||
interface Route {
|
||||
method: string
|
||||
pattern: string
|
||||
regex: RegExp
|
||||
keys: string[]
|
||||
specificity: number
|
||||
handler: Handler
|
||||
}
|
||||
|
||||
const routes: Route[] = []
|
||||
|
||||
export function registerRoute(method: string, pattern: string, handler: Handler): void {
|
||||
const keys: string[] = []
|
||||
const regexStr = pattern.replace(/:[^/]+/g, (seg) => {
|
||||
keys.push(seg.slice(1))
|
||||
return '([^/]+)'
|
||||
})
|
||||
routes.push({
|
||||
method,
|
||||
pattern,
|
||||
regex: new RegExp(`^${regexStr}$`),
|
||||
keys,
|
||||
specificity: pattern.replace(/:[^/]+/g, '').length,
|
||||
handler,
|
||||
})
|
||||
routes.sort((a, b) => b.specificity - a.specificity)
|
||||
}
|
||||
|
||||
export async function mockRequest<T>(
|
||||
method: string,
|
||||
path: string,
|
||||
query: Record<string, unknown>,
|
||||
body: unknown,
|
||||
): Promise<T> {
|
||||
// 模拟网络延迟
|
||||
await sleep(120 + Math.random() * 300)
|
||||
|
||||
for (const r of routes) {
|
||||
if (r.method !== method) continue
|
||||
const match = r.regex.exec(path)
|
||||
if (!match) continue
|
||||
const params: Record<string, string> = {}
|
||||
r.keys.forEach((k, i) => {
|
||||
params[k] = decodeURIComponent(match[i + 1])
|
||||
})
|
||||
const result = await r.handler({ params, query, body: (body ?? {}) as Record<string, unknown> })
|
||||
return result as T
|
||||
}
|
||||
throw new MockApiError(404, `Mock 接口未实现：${method} ${path}`)
|
||||
}
|
||||
@@ -1,141 +0,0 @@
|
||||
/** Mock 翻译引擎：常用商务句库 + 词条替换（真实环境替换为 AI 翻译服务） */
|
||||
import { languageName } from '@/config/languages'
|
||||
import type { TranslateResult } from '@/types/ai'
|
||||
|
||||
/** 常用商务句库（源句 → 各目标语言译文） */
|
||||
const PHRASEBOOK: Record<string, Record<string, string>> = {
|
||||
'你好，请问500个定制玻璃杯什么价格？': {
|
||||
en: 'Hello, what is the price for 500 custom glass cups?',
|
||||
ar: 'مرحباً، ما سعر 500 كوب زجاجي مخصص؟',
|
||||
ur: 'ہیلو، 500 کسٹم گلاس کپس کی قیمت کیا ہے؟',
|
||||
es: 'Hola, ¿cuál es el precio de 500 vasos de vidrio personalizados?',
|
||||
},
|
||||
'请发送你们的最新产品目录和报价单。': {
|
||||
en: 'Please send your latest product catalog and quotation.',
|
||||
ar: 'يرجى إرسال أحدث كتالوج وقائمة أسعار.',
|
||||
ur: 'براہ کرم اپنی تازہ ترین کیٹلاگ اور قیمتوں کی فہرست بھیجیں۔',
|
||||
es: 'Por favor envíe su catálogo más reciente y lista de precios.',
|
||||
},
|
||||
'我们可以在10天内完成生产，但需要收取加急费用。': {
|
||||
en: 'We can finish production within 10 days, with a rush fee applied.',
|
||||
ar: 'يمكننا إنهاء الإنتاج خلال 10 أيام مع رسوم إضافية للاستعجال.',
|
||||
ur: 'ہم 10 دنوں میں پیداوار مکمل کر سکتے ہیں، لیکن جلد بازی کی فیس لگے گی۔',
|
||||
es: 'Podemos terminar la producción en 10 días, con un cargo urgente.',
|
||||
},
|
||||
'感谢您的询盘，我们将在24小时内回复详细报价。': {
|
||||
en: 'Thank you for your inquiry. We will reply with a detailed quotation within 24 hours.',
|
||||
ar: 'شكراً لاستفساركم، سنرد بعرض أسعار مفصل خلال 24 ساعة.',
|
||||
ur: 'آپ کی انکوائری کا شکریہ، ہم 24 گھنٹوں میں تفصیلی قیمت جواب دیں گے۔',
|
||||
es: 'Gracias por su consulta, responderemos con una cotización detallada en 24 horas.',
|
||||
},
|
||||
'样品已通过国际快递寄出，单号稍后发给您。': {
|
||||
en: 'The sample has been shipped via international express. Tracking number will follow.',
|
||||
ar: 'تم إرسال العينة عبر البريد السريع الدولي، وسنرسل رقم التتبع لاحقاً.',
|
||||
ur: 'نمونہ بین الاقوامی کورئیر سے بھیج دیا گیا ہے، ٹریکنگ نمبر بعد میں بھیجیں گے۔',
|
||||
es: 'La muestra ha sido enviada por mensajería internacional. El número de seguimiento se enviará después.',
|
||||
},
|
||||
'Hello, I would like to inquire about your glass cups.': {
|
||||
zh: '你好，我想咨询一下你们的玻璃杯。',
|
||||
},
|
||||
'What is your MOQ and best price?': {
|
||||
zh: '你们的最低起订量和最优价格是多少？',
|
||||
},
|
||||
'Please send me the quotation including shipping.': {
|
||||
zh: '请发给我包含运费的报价单。',
|
||||
},
|
||||
'السلام عليكم': { zh: '愿平安归于你（阿拉伯语问候）', en: 'Peace be upon you' },
|
||||
'ہیلو': { zh: '你好', en: 'Hello' },
|
||||
}
|
||||
|
||||
/** 词条级词典（中→英） */
|
||||
const ZH_EN_WORDS: [string, string][] = [
|
||||
['玻璃杯', 'glass cup'], ['定制', 'custom'], ['价格', 'price'], ['报价', 'quotation'],
|
||||
['样品', 'sample'], ['起订量', 'MOQ'], ['交货', 'delivery'], ['交期', 'lead time'],
|
||||
['物流', 'logistics'], ['运费', 'shipping cost'], ['付款', 'payment'], ['定金', 'deposit'],
|
||||
['合同', 'contract'], ['发票', 'invoice'], ['质量', 'quality'], ['包装', 'packaging'],
|
||||
['破损', 'breakage'], ['补发', 'replacement'], ['折扣', 'discount'], ['订单', 'order'],
|
||||
['个', ' pcs'], ['件', ' pcs'], ['套', ' sets'], ['台', ' units'],
|
||||
['谢谢', 'thank you'], ['你好', 'hello'], ['请', 'please'], ['我们', 'we'], ['你们', 'you'],
|
||||
['可以', 'can'], ['需要', 'need'], ['发送', 'send'], ['确认', 'confirm'], ['收到', 'received'],
|
||||
['今天', 'today'], ['明天', 'tomorrow'], ['下周', 'next week'], ['生产', 'production'],
|
||||
['海运', 'sea freight'], ['空运', 'air freight'], ['仓库', 'warehouse'], ['库存', 'stock'],
|
||||
]
|
||||
|
||||
const TERMINOLOGY: [string, string][] = [
|
||||
['MOQ', '最低起订量'], ['FOB', '离岸价'], ['CIF', '到岸价'], ['DDP', '完税后交货'],
|
||||
['OEM', '贴牌代工'], ['ODM', '原创设计制造'], ['PI', '形式发票'], ['B/L', '提单'],
|
||||
['lead time', '交期'], ['deposit', '定金'], ['玻璃杯', 'glass cup'], ['高硼硅', 'borosilicate'],
|
||||
]
|
||||
|
||||
/** 识别文本语言（启发式） */
|
||||
export function detectLang(text: string): string {
|
||||
if (/[-ۿݐ-ݿ࣠-ࣿ]/.test(text)) {
|
||||
// 阿拉伯系文字：含乌尔都语特征字符则判 ur
|
||||
if (/[ٹڈڑںہھےۓ]/.test(text)) return 'ur'
|
||||
return 'ar'
|
||||
}
|
||||
if (/[ঀ-]/.test(text)) return 'bn'
|
||||
if (/[ऀ-ॿ]/.test(text)) return 'hi'
|
||||
if (/[Ѐ-ӿ]/.test(text)) return 'ru'
|
||||
if (/[가-]/.test(text)) return 'ko'
|
||||
if (/[-ヿ]/.test(text)) return 'ja'
|
||||
if (/[一-鿿]/.test(text)) return 'zh'
|
||||
if (/[áéíóúñ¿¡]/i.test(text)) return 'es'
|
||||
return 'en'
|
||||
}
|
||||
|
||||
/** Mock 翻译 */
|
||||
export function mockTranslate(text: string, targetLang: string, sourceLang?: string): TranslateResult {
|
||||
const detected = sourceLang && sourceLang !== 'auto' ? sourceLang : detectLang(text)
|
||||
const trimmed = text.trim()
|
||||
|
||||
// 1. 句库精确匹配
|
||||
const phrase = PHRASEBOOK[trimmed]
|
||||
if (phrase?.[targetLang]) {
|
||||
return { translated: phrase[targetLang], detectedLang: detected, terms: extractTerms(trimmed) }
|
||||
}
|
||||
|
||||
// 2. 词条替换（中→英 / 英→中）
|
||||
if (detected === 'zh' && targetLang === 'en') {
|
||||
let out = trimmed
|
||||
let replaced = 0
|
||||
for (const [zh, en] of ZH_EN_WORDS) {
|
||||
if (out.includes(zh)) {
|
||||
out = out.split(zh).join(en)
|
||||
replaced++
|
||||
}
|
||||
}
|
||||
if (replaced > 0) {
|
||||
return { translated: out.replace(/\s+/g, ' ').trim(), detectedLang: detected, terms: extractTerms(trimmed) }
|
||||
}
|
||||
}
|
||||
if (detected === 'en' && targetLang === 'zh') {
|
||||
const lower = trimmed.toLowerCase()
|
||||
const hits = ZH_EN_WORDS.filter(([, en]) => lower.includes(en.trim().toLowerCase()))
|
||||
if (hits.length > 0 || trimmed.length < 120) {
|
||||
// 对英文输入返回可读的模拟中文释义
|
||||
const note = hits.slice(0, 3).map(([zh, en]) => `${en.trim()}→${zh}`).join('；')
|
||||
return {
|
||||
translated: `【中文释义】${note ? `识别到：${note}。` : ''}原文大意为：“${trimmed.slice(0, 80)}${trimmed.length > 80 ? '…' : ''}”`,
|
||||
detectedLang: detected,
|
||||
terms: extractTerms(trimmed),
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 3. 兜底：标注目标语言的模拟译文
|
||||
return {
|
||||
translated: `【${languageName(targetLang)}译文】${trimmed}`,
|
||||
detectedLang: detected,
|
||||
terms: extractTerms(trimmed),
|
||||
}
|
||||
}
|
||||
|
||||
function extractTerms(text: string): { source: string; target: string }[] {
|
||||
const terms: { source: string; target: string }[] = []
|
||||
for (const [a, b] of TERMINOLOGY) {
|
||||
if (text.includes(a)) terms.push({ source: a, target: b })
|
||||
if (text.includes(b)) terms.push({ source: b, target: a })
|
||||
}
|
||||
return terms.slice(0, 5)
|
||||
}
|
||||
@@ -67,6 +67,30 @@
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes message-in-left {
|
||||
from { opacity: 0; transform: translate3d(-18px, 8px, 0) scale(.96); }
|
||||
65% { opacity: 1; transform: translate3d(2px, -1px, 0) scale(1.01); }
|
||||
to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
|
||||
}
|
||||
|
||||
@keyframes message-in-right {
|
||||
from { opacity: 0; transform: translate3d(18px, 8px, 0) scale(.96); }
|
||||
65% { opacity: 1; transform: translate3d(-2px, -1px, 0) scale(1.01); }
|
||||
to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
|
||||
}
|
||||
|
||||
@keyframes incoming-notice {
|
||||
from { opacity: 0; transform: translate3d(24px, -12px, 0) scale(.94); }
|
||||
70% { opacity: 1; transform: translate3d(-3px, 1px, 0) scale(1.01); }
|
||||
to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.animate-message-in-left { animation: message-in-left .34s cubic-bezier(.2,.8,.2,1) both; }
|
||||
.animate-message-in-right { animation: message-in-right .34s cubic-bezier(.2,.8,.2,1) both; }
|
||||
.animate-incoming-notice { animation: incoming-notice .42s cubic-bezier(.2,.9,.2,1) both; }
|
||||
}
|
||||
|
||||
/* RTL 微调 */
|
||||
[dir='rtl'] .rtl-flip {
|
||||
transform: scaleX(-1);
|
||||
|
||||
@@ -26,6 +26,27 @@ export interface AiCustomerProfile {
|
||||
concerns: string[]
|
||||
summary: string
|
||||
nextActions: string[]
|
||||
companyName?: string
|
||||
industry?: string
|
||||
businessModel?: string
|
||||
purchasingRole?: string
|
||||
decisionPower?: string
|
||||
budget?: string
|
||||
urgency?: string
|
||||
purchaseTimeline?: string
|
||||
keyNeeds?: string[]
|
||||
painPoints?: string[]
|
||||
objections?: string[]
|
||||
buyingSignals?: string[]
|
||||
competitorMentions?: string[]
|
||||
communicationStyle?: string
|
||||
recommendedTone?: string
|
||||
preferredLanguage?: string
|
||||
followUpTiming?: string
|
||||
dealProbability?: number
|
||||
churnProbability?: number
|
||||
confidenceScore?: number
|
||||
evidence?: string[]
|
||||
}
|
||||
|
||||
export interface Customer {
|
||||
@@ -52,6 +73,10 @@ export interface Customer {
|
||||
createdAt: string
|
||||
isKey: boolean
|
||||
aiProfile: AiCustomerProfile
|
||||
telegramUsername?: string
|
||||
telegramUserId?: string
|
||||
avatarUrl?: string
|
||||
telegramPhotoFileId?: number
|
||||
}
|
||||
|
||||
export interface CustomerFilters {
|
||||
|
||||
@@ -28,6 +28,8 @@ export interface Message {
|
||||
type: MessageType
|
||||
originalText: string
|
||||
translatedText?: string
|
||||
translationStatus?: 'pending' | 'completed' | 'failed'
|
||||
translatedAt?: string
|
||||
originalLang: string
|
||||
status: MessageStatus
|
||||
createdAt: string
|
||||
@@ -35,6 +37,12 @@ export interface Message {
|
||||
internalNote?: string
|
||||
attachmentName?: string
|
||||
productCard?: { name: string; sku: string; price: string }
|
||||
replyToId?: string
|
||||
replyPreview?: string
|
||||
telegramFileId?: number
|
||||
attachmentMimeType?: string
|
||||
attachmentSize?: number
|
||||
stickerEmoji?: string
|
||||
}
|
||||
|
||||
export interface Conversation {
|
||||
@@ -80,6 +88,7 @@ export interface ChannelSyncLog {
|
||||
export interface SendMessagePayload {
|
||||
text: string
|
||||
replyToId?: string
|
||||
replyPreview?: string
|
||||
type?: MessageType
|
||||
attachmentName?: string
|
||||
}
|
||||
|
||||
+1
-1
@@ -64,7 +64,7 @@ export function formatPercent(n: number): string {
|
||||
return `${(n * 100).toFixed(1)}%`
|
||||
}
|
||||
|
||||
/** 计算某国当前本地时间（演示：基于固定时区偏移） */
|
||||
/** 计算某国当前本地时间（基于固定时区偏移） */
|
||||
export function localTimeByOffset(offsetHours: number): string {
|
||||
const now = new Date()
|
||||
const utc = now.getTime() + now.getTimezoneOffset() * 60000
|
||||
|
||||
+1
-1
@@ -64,7 +64,7 @@ export function groupBy<T>(arr: T[], key: (item: T) => string): Record<string, T
|
||||
}, {})
|
||||
}
|
||||
|
||||
/** 确定性伪随机（用于生成演示曲线，保证每次渲染一致） */
|
||||
/** 确定性伪随机（保证每次渲染一致） */
|
||||
export function seededRandom(seed: number): () => number {
|
||||
let a = seed >>> 0
|
||||
return () => {
|
||||
|
||||
Vendored
-1
@@ -1,7 +1,6 @@
|
||||
/// <reference types="vite/client" />
|
||||
|
||||
interface ImportMetaEnv {
|
||||
readonly VITE_USE_MOCK?: string
|
||||
readonly VITE_API_BASE_URL?: string
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
import { expect, test } from '@playwright/test'
|
||||
|
||||
const account = process.env.E2E_ACCOUNT || 'e2e-1785008967@local.test'
|
||||
const password = process.env.E2E_PASSWORD || 'Lingxi-E2E-2026!'
|
||||
const conversationId = process.env.LIVE_CONVERSATION_ID
|
||||
|
||||
test.describe('真实收件箱 AI 交互', () => {
|
||||
test.skip(!conversationId, '需要 LIVE_CONVERSATION_ID')
|
||||
|
||||
test('AI 回复可以关闭、重新打开并采用到输入框', async ({ page }) => {
|
||||
await page.goto('/login')
|
||||
await page.locator('input[autocomplete="username"]').fill(account)
|
||||
await page.locator('input[autocomplete="current-password"]').fill(password)
|
||||
await page.locator('button[type="submit"]').click()
|
||||
await expect(page).toHaveURL(/\/dashboard$/)
|
||||
await page.goto(`/inbox?c=${encodeURIComponent(conversationId!)}`)
|
||||
await expect(page.getByText('Eternity', { exact: true }).first()).toBeVisible()
|
||||
await expect(page.getByText('@jsjzlkj', { exact: true }).first()).toBeVisible()
|
||||
const eternityAvatar = page.locator('img[alt="Eternity"]').first()
|
||||
await expect(eternityAvatar).toBeVisible()
|
||||
await expect.poll(() => eternityAvatar.evaluate((image: HTMLImageElement) => image.naturalWidth)).toBeGreaterThan(0)
|
||||
const insightBar = page.getByTestId('conversation-insight-bar')
|
||||
await expect(insightBar).toBeVisible()
|
||||
await expect(insightBar).toContainText('意向')
|
||||
await expect(insightBar).toContainText(/积极|偏积极|中性|消极|愤怒|不满/)
|
||||
const messageList = page.getByTestId('message-list')
|
||||
await expect(messageList).not.toContainText('2026-07-27T')
|
||||
await expect.poll(() => messageList.evaluate((element) =>
|
||||
Math.abs(element.scrollHeight - element.clientHeight - element.scrollTop),
|
||||
)).toBeLessThanOrEqual(4)
|
||||
const customerBubble = page.locator('[data-testid="message-bubble"][data-sender="customer"]')
|
||||
await expect(customerBubble.first()).toHaveClass(/animate-message-in-left/)
|
||||
const agentBubble = page.locator('[data-testid="message-bubble"][data-sender="agent"]')
|
||||
await expect(agentBubble.first()).toHaveClass(/animate-message-in-right/)
|
||||
await page.getByTitle('客户洞察').click()
|
||||
await expect(page.getByText('成交概率', { exact: true })).toBeVisible()
|
||||
await expect(page.getByText('分析可信度', { exact: true })).toBeVisible()
|
||||
await expect(page.getByText('判断依据', { exact: true })).toBeVisible()
|
||||
if ((page.viewportSize()?.width || 1280) < 768) {
|
||||
await page.getByRole('button', { name: '返回会话' }).click()
|
||||
}
|
||||
await expect(page.getByText('AI 智能回复', { exact: true })).toBeVisible()
|
||||
|
||||
await page.getByTitle('关闭 AI 智能回复').click()
|
||||
await expect(page.getByRole('button', { name: 'AI 智能回复', exact: true })).toBeVisible()
|
||||
await expect(page.getByTitle('关闭 AI 智能回复')).toHaveCount(0)
|
||||
|
||||
await page.getByRole('button', { name: 'AI 智能回复', exact: true }).click()
|
||||
await page.getByRole('button', { name: '生成回复建议', exact: true }).click()
|
||||
const adoptButtons = page.getByRole('button', { name: '采用', exact: true })
|
||||
await expect(adoptButtons).toHaveCount(3, { timeout: 30_000 })
|
||||
await adoptButtons.first().click()
|
||||
|
||||
const composer = page.getByPlaceholder('输入回复内容，Enter 发送，Shift+Enter 换行')
|
||||
await expect(composer).not.toHaveValue('')
|
||||
const adoptedReply = await composer.inputValue()
|
||||
expect(adoptedReply).toMatch(/[A-Za-z]/)
|
||||
expect(adoptedReply).not.toMatch(/[\u3400-\u9fff]/u)
|
||||
await expect(page.getByRole('button', { name: 'AI 智能回复', exact: true })).toBeVisible()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,68 @@
|
||||
import { expect, test, type Page } from '@playwright/test'
|
||||
|
||||
const account = process.env.E2E_ACCOUNT || 'e2e-1785008967@local.test'
|
||||
const password = process.env.E2E_PASSWORD || 'Lingxi-E2E-2026!'
|
||||
|
||||
async function login(page: Page, loginAccount = account, loginPassword = password) {
|
||||
await page.goto('/login')
|
||||
await page.locator('input[autocomplete="username"]').fill(loginAccount)
|
||||
await page.locator('input[autocomplete="current-password"]').fill(loginPassword)
|
||||
await page.locator('button[type="submit"]').click()
|
||||
await expect(page).toHaveURL(/\/dashboard$/)
|
||||
}
|
||||
|
||||
test('Telegram 手机号验证码和二步密码登录向导', async ({ page, request }, testInfo) => {
|
||||
const suffix = `${Date.now()}-${testInfo.project.name}`
|
||||
const loginAccount = `channel-e2e-${suffix}@local.test`
|
||||
const loginPassword = 'Lingxi-Channel-2026!'
|
||||
const response = await request.post('/api/auth/register', {
|
||||
data: { name: 'Channel E2E', account: loginAccount, password: loginPassword, company: 'Channel E2E', industry: '跨境电商', teamSize: '1-10人' },
|
||||
})
|
||||
expect(response.ok()).toBeTruthy()
|
||||
await login(page, loginAccount, loginPassword)
|
||||
await page.goto('/channels')
|
||||
await page.getByRole('button', { name: '连接', exact: true }).click()
|
||||
await expect(page.getByPlaceholder('+8613800138000')).toBeVisible()
|
||||
await expect(page.getByText('Telegram 验证码')).toHaveCount(0)
|
||||
await page.screenshot({ path: testInfo.outputPath('telegram-login-wizard.png'), fullPage: true })
|
||||
})
|
||||
|
||||
test('登录与核心工作台视觉链路', async ({ page }, testInfo) => {
|
||||
await login(page)
|
||||
await expect(page).toHaveURL(/\/dashboard$/)
|
||||
await page.screenshot({ path: testInfo.outputPath('dashboard.png'), fullPage: true })
|
||||
|
||||
await page.goto('/channels')
|
||||
await expect(page.getByText('Telegram', { exact: true }).first()).toBeVisible()
|
||||
await page.screenshot({ path: testInfo.outputPath('channels.png'), fullPage: true })
|
||||
|
||||
await page.goto('/inbox')
|
||||
await page.getByTestId('conversation-item').first().click()
|
||||
await expect(page.locator('input[type="file"]')).toHaveCount(4)
|
||||
await page.screenshot({ path: testInfo.outputPath('inbox.png'), fullPage: true })
|
||||
})
|
||||
|
||||
test('知识文件真实上传解析', async ({ page }, testInfo) => {
|
||||
await login(page)
|
||||
await page.goto('/knowledge')
|
||||
await page.getByRole('button', { name: '上传文件' }).click()
|
||||
await page.locator('input[type="file"]').setInputFiles({
|
||||
name: `visual-e2e-${testInfo.project.name}.txt`,
|
||||
mimeType: 'text/plain',
|
||||
buffer: Buffer.from('灵犀跨境视觉 E2E 知识解析测试。'),
|
||||
})
|
||||
await page.getByRole('button', { name: '上传并解析' }).click()
|
||||
await expect(page.getByText(/知识文件解析完成/)).toBeVisible()
|
||||
await page.screenshot({ path: testInfo.outputPath('knowledge-uploaded.png'), fullPage: true })
|
||||
})
|
||||
|
||||
test('团队邀请和支付页不显示虚假成功', async ({ page }, testInfo) => {
|
||||
await login(page)
|
||||
await page.goto('/team')
|
||||
await expect(page.getByRole('button', { name: '邀请成员' })).toBeVisible()
|
||||
await page.screenshot({ path: testInfo.outputPath('team.png'), fullPage: true })
|
||||
|
||||
await page.goto('/billing')
|
||||
await expect(page.getByText('Stripe Checkout', { exact: false })).toBeVisible()
|
||||
await page.screenshot({ path: testInfo.outputPath('billing.png'), fullPage: true })
|
||||
})
|
||||
Reference in New Issue
Block a user