diff --git a/backend/src/routes/ai.routes.ts b/backend/src/routes/ai.routes.ts index 6c23e69..5bc436a 100644 --- a/backend/src/routes/ai.routes.ts +++ b/backend/src/routes/ai.routes.ts @@ -1,7 +1,7 @@ import { Router } from 'express' import { authMiddleware, AuthRequest } from '../middleware/auth' import { chat, chatStream, reviewContract, matchCase, predictRisks, predictRisksStream, predictStructuredStream } from '../services/ai.service' -import { seedKnowledgeBase, addKnowledge, searchKnowledge, ensureRAGTable } from '../services/rag.service' +import { seedKnowledgeBase, addKnowledge, searchKnowledge, ensureRAGTable, searchHelp, seedHelpKnowledge } from '../services/rag.service' import prisma from '../lib/prisma' import { z } from 'zod' import { decrypt } from '../lib/crypto' @@ -632,6 +632,30 @@ router.get('/rag/list', authMiddleware, async (req: AuthRequest, res, next) => { } }) +// 帮助文档 RAG 搜索(语义匹配) +router.post('/rag/help-search', authMiddleware, async (req: AuthRequest, res, next) => { + try { + const { query, topK } = req.body + if (!query) { + return res.status(400).json({ success: false, error: { code: 'BAD_REQUEST', message: '缺少 query' } }) + } + const results = await searchHelp(query, topK || 5) + res.json({ success: true, data: { results } }) + } catch (err) { + next(err) + } +}) + +// 帮助文档初始化(注入帮助种子数据到 RAG 知识库) +router.post('/rag/help-seed', authMiddleware, async (_req: AuthRequest, res, next) => { + try { + await seedHelpKnowledge() + res.json({ success: true, data: { message: '帮助文档已注入知识库' } }) + } catch (err) { + next(err) + } +}) + // 删除知识条目 router.delete('/rag/:id', authMiddleware, async (req: AuthRequest, res, next) => { try { diff --git a/backend/src/services/rag.service.ts b/backend/src/services/rag.service.ts index 22fec0f..50795b9 100644 --- a/backend/src/services/rag.service.ts +++ b/backend/src/services/rag.service.ts @@ -85,6 +85,65 @@ export async function searchKnowledge(query: string, topK: number = 3): Promise< .map((r) => `【${r.title}】\n${r.content}\n(来源:${r.source},相似度:${(r.similarity * 100).toFixed(0)}%)`) } +/** 帮助文档种子数据 — 通俗易懂的系统使用指南 */ +const HELP_SEED_DATA: KnowledgeSeed[] = [ + { title: '如何添加新员工', content: '点击左侧菜单「员工管理」,点击右上角「添加员工」按钮,填写员工姓名、手机号、入职日期等基本信息,点击保存即可。带*号的是必填项,其他可以以后再补。', source: '使用帮助', category: '系统帮助-员工管理' }, + { title: '如何修改员工信息', content: '在员工列表中点击员工姓名进入详情页,然后点击右上角编辑按钮即可修改信息。所有信息都可以随时修改。', source: '使用帮助', category: '系统帮助-员工管理' }, + { title: '员工离职怎么处理', content: '请到「解聘管理」页面处理离职流程,系统会自动帮您计算经济补偿金、生成解聘协议书等法律文件。不要直接删除员工记录,保留记录有助于日后查证。直接删除会导致该员工的所有历史记录丢失。', source: '使用帮助', category: '系统帮助-员工管理' }, + { title: '合同类型有哪些', content: '常见合同类型:固定期限合同(有明确到期日)、无固定期限合同(没有到期日,长期雇佣)、完成任务合同(以完成某项工作为期限)、未签合同。员工入职1个月内必须签订书面合同,否则企业需要支付双倍工资。', source: '使用帮助', category: '系统帮助-合同管理' }, + { title: '合同到期会提醒吗', content: '系统会自动检测即将到期的合同,并在顶部通知铃铛处显示提醒数字。默认提前30天提醒,您可以在通知设置中修改天数。', source: '使用帮助', category: '系统帮助-合同管理' }, + { title: '什么是合同确认', content: '合同确认是指员工通过手机查看并确认自己的劳动合同内容。系统会生成一个链接,员工用手机打开即可查看合同详情并确认签字。您可以在员工详情的合同信息标签页中发起确认。', source: '使用帮助', category: '系统帮助-合同管理' }, + { title: '怎么发工资', content: '点击左侧菜单薪税管理,点击创建发薪批次,选择月份和批次类型,系统自动从员工信息中拉取数据并计算个税和社保扣款,确认无误后点击发放即可。系统会自动计算个税、社保扣款等。', source: '使用帮助', category: '系统帮助-工资社保' }, + { title: '社保基数和比例怎么设置', content: '在社保管理页面设置公司所在地的社保缴纳基数上下限和各项比例(养老、医疗、失业、工伤、生育)。这些数据通常每年会调整一次,请关注当地社保局通知。社保基数和比例各地不同,请以当地社保局公布的最新标准为准。', source: '使用帮助', category: '系统帮助-工资社保' }, + { title: '员工怎么查看工资条', content: '系统提供员工端(手机访问),员工可以通过手机查看自己的工资条。您在发薪后系统会自动生成工资条,员工登录员工端即可查看。', source: '使用帮助', category: '系统帮助-工资社保' }, + { title: '加班费怎么算', content: '系统会根据您设置的加班倍率自动计算。默认规则:工作日加班1.5倍,休息日加班2倍,法定节假日加班3倍。您可以在薪税管理的加班配置中修改倍率。', source: '使用帮助', category: '系统帮助-工资社保' }, + { title: '风险检测是什么意思', content: '系统会自动扫描您的员工和合同数据,发现可能存在的法律风险。比如合同到期未续签、试用期超长、未签合同等。风险分为高、中、低三个等级,建议优先处理高风险项。', source: '使用帮助', category: '系统帮助-风险检测' }, + { title: '发现风险后怎么处理', content: '在首页总览页面可以看到风险概览。点击风险项可以跳转到对应员工详情,然后根据系统建议进行处理。处理完成后风险会自动消除。建议每周查看一次风险提醒。', source: '使用帮助', category: '系统帮助-风险检测' }, + { title: 'AI助手能帮我做什么', content: 'AI助手可以回答劳动法相关问题,比如员工试用期最多多久、经济补偿金怎么计算、未婚怀孕能休产假吗、加班费怎么算等。就像问一个专业律师一样,用大白话问就行。', source: '使用帮助', category: '系统帮助-AI助手' }, + { title: '判赔预测是什么', content: '如果您要解聘员工,AI可以根据员工的信息(工资、工龄、合同等)预测可能需要支付的经济补偿金金额,帮您提前做好预算。在AI助手页面选择判赔预测模式即可使用。AI预测结果仅供参考,实际金额请以律师建议或法院判决为准。', source: '使用帮助', category: '系统帮助-AI助手' }, + { title: '怎么设置提醒通知', content: '在通知管理页面可以设置各类提醒:合同到期提前提醒天数、未签合同提醒、试用期到期提醒等。点击通知铃铛图标可以查看所有未读提醒。', source: '使用帮助', category: '系统帮助-通知设置' }, + { title: '怎么修改密码', content: '点击右上角您的用户名,进入设置页面可以修改密码。建议定期更换密码以保护账号安全。', source: '使用帮助', category: '系统帮助-通知设置' }, + { title: '怎么修改公司信息', content: '在设置页面可以修改公司名称、行业、规模等基本信息。这些信息会影响风险检测的准确性,请如实填写。', source: '使用帮助', category: '系统帮助-通知设置' }, + { title: '可以在手机上使用吗', content: '可以。用手机浏览器打开本网站即可,手机版会自动显示底部导航栏。建议添加到手机桌面像App一样使用。苹果手机Safari打开点击底部分享按钮选择添加到主屏幕。安卓手机Chrome打开点击右上角菜单选择添加到主屏幕。', source: '使用帮助', category: '系统帮助-快速入门' }, + { title: '第一次使用该从哪里开始', content: '建议按以下顺序:1添加员工信息,2填写合同信息,3设置社保基数和比例,4创建发薪批次,5有不懂的随时点帮助图标查看。不用担心填错,所有信息都可以随时修改。', source: '使用帮助', category: '系统帮助-快速入门' }, + { title: '企业用工专家是什么', content: '这是一个帮您管理员工、合同、工资和社保的工具,可以把它理解为一个「人事小助手」,帮您把繁琐的人事工作变得简单。比如记录员工信息、提醒合同到期、计算工资社保、生成法律文档等。', source: '使用帮助', category: '系统帮助-快速入门' }, + { title: '我的数据安全吗', content: '您的数据存储在加密的云端服务器上,只有您本人登录后才能查看。我们不会将您的数据分享给任何第三方。所有敏感信息如身份证号都经过加密存储。', source: '使用帮助', category: '系统帮助-常见问题' }, + { title: '可以导出数据吗', content: '可以。在员工管理页面可以导出员工名单为Excel文件。工资批次也可以导出为Excel方便财务对账。', source: '使用帮助', category: '系统帮助-常见问题' }, + { title: '可以多人同时使用吗', content: '可以。在设置页面可以添加多个HR账号,不同账号可以设置不同权限。比如一个管理员、几个普通HR。', source: '使用帮助', category: '系统帮助-常见问题' }, +] + +/** 初始化帮助文档到 RAG 知识库 */ +export async function seedHelpKnowledge() { + await ensureRAGTable() + // 检查是否已注入帮助文档 + const count = await prisma.$queryRaw`SELECT count(*)::int as c FROM rag_knowledge WHERE category LIKE ${'系统帮助%'}` as any + if (count[0]?.c > 0) return + for (let i = 0; i < HELP_SEED_DATA.length; i++) { + const item = HELP_SEED_DATA[i] + const embedding = await getEmbedding(`${item.title} ${item.content}`) + await prisma.$executeRaw` + INSERT INTO rag_knowledge (id, title, content, source, category, embedding) + VALUES (${`help-${String(i).padStart(3, '0')}`}, ${item.title}, ${item.content}, ${item.source}, ${item.category}, ${embedding}::vector) + ` + } +} + +/** 语义搜索帮助文档(仅搜索系统帮助分类) */ +export async function searchHelp(query: string, topK: number = 5): Promise<{ title: string; content: string; source: string; category: string; similarity: number }[]> { + await ensureRAGTable() + const queryEmbedding = await getEmbedding(query) + const results = await prisma.$queryRaw` + SELECT title, content, source, category, 1 - (embedding <=> ${queryEmbedding}::vector) as similarity + FROM rag_knowledge + WHERE category LIKE ${'系统帮助%'} + ORDER BY embedding <=> ${queryEmbedding}::vector + LIMIT ${topK} + ` as any[] + return results + .filter((r) => r.similarity > 0.3) + .map((r) => ({ title: r.title, content: r.content, source: r.source, category: r.category, similarity: r.similarity })) +} + export async function addKnowledge(title: string, content: string, source: string, category: string) { await ensureRAGTable() const embedding = await getEmbedding(`${title} ${content}`) diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 0000000..7e74e68 --- /dev/null +++ b/deploy.sh @@ -0,0 +1,386 @@ +#!/bin/bash +# 企业用工专家 一键部署脚本 +# 部署到 154.8.162.18 -> /var/www/turbohr/ -> https://on.hr8ai.top/ +# +# 用法: bash deploy.sh +# 首次部署: bash deploy.sh --init + +set -e + +# =========================================== +# 配置区 +# =========================================== +REMOTE_HOST="154.8.162.18" +REMOTE_USER="root" +REMOTE_PASS="Why_701208" +REMOTE_DIR="/var/www/turbohr" +DOMAIN="on.hr8ai.top" +APP_NAME="turbohr" +BACKEND_PORT=3400 +LOCAL_DIR="$(cd "$(dirname "$0")" && pwd)" + +# 颜色输出 +RED='\033[0;31m' +GREEN='\033[0;32m' +YELLOW='\033[1;33m' +NC='\033[0m' + +log() { echo -e "${GREEN}[deploy]${NC} $1"; } +warn() { echo -e "${YELLOW}[warn]${NC} $1"; } +err() { echo -e "${RED}[error]${NC} $1"; } + +# 检查 sshpass +if ! command -v sshpass &> /dev/null; then + err "请先安装 sshpass: macOS -> brew install hudochenkov/sshpass/sshpass" + exit 1 +fi + +SSH_CMD="sshpass -p '$REMOTE_PASS' ssh -o StrictHostKeyChecking=no ${REMOTE_USER}@${REMOTE_HOST}" +SCP_CMD="sshpass -p '$REMOTE_PASS' scp -o StrictHostKeyChecking=no" + +# =========================================== +# 远程执行命令的封装 +# =========================================== +remote_exec() { + sshpass -p "$REMOTE_PASS" ssh -o StrictHostKeyChecking=no "${REMOTE_USER}@${REMOTE_HOST}" "$1" +} + +remote_copy() { + sshpass -p "$REMOTE_PASS" scp -o StrictHostKeyChecking=no -r "$1" "${REMOTE_USER}@${REMOTE_HOST}:$2" +} + +# =========================================== +# 首次初始化:创建数据库 + Nginx 配置(系统依赖已预装) +# =========================================== +init_server() { + log "========== 首次初始化服务器 ==========" + + remote_exec " +set -e + +# 服务器已有: Node.js, PM2, PostgreSQL 15, Nginx, Redis, 宝塔面板 +# 端口 3000-3300 已被占用,本应用使用端口 ${BACKEND_PORT} + +echo '[1/4] 创建 PostgreSQL 数据库...' +sudo -u postgres psql -c \"CREATE DATABASE turbohr;\" 2>/dev/null || echo ' 数据库 turbohr 已存在' +sudo -u postgres psql -c \"CREATE USER turbohr WITH PASSWORD 'turbohr2026';\" 2>/dev/null || echo ' 用户 turbohr 已存在' +sudo -u postgres psql -c \"GRANT ALL PRIVILEGES ON DATABASE turbohr TO turbohr;\" 2>/dev/null || true +sudo -u postgres psql -c \"ALTER USER turbohr WITH SUPERUSER;\" 2>/dev/null || true +echo ' PostgreSQL 数据库 turbohr 就绪' + +echo '[2/4] 创建部署目录...' +mkdir -p ${REMOTE_DIR}/backend +mkdir -p ${REMOTE_DIR}/frontend/dist +mkdir -p ${REMOTE_DIR}/backend/uploads + +echo '[3/4] 配置 Nginx (conf.d)...' +cat > /etc/nginx/conf.d/${DOMAIN}.conf << 'NGINXEOF' +server { + listen 80; + server_name __DOMAIN__; + + # 前端静态文件 + location / { + root __REMOTE_DIR__/frontend/dist; + index index.html; + try_files \$uri \$uri/ /index.html; + + # 静态资源缓存 + location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)\$ { + expires 30d; + add_header Cache-Control \"public, immutable\"; + } + } + + # 后端 API 反向代理 + location /api/ { + proxy_pass http://127.0.0.1:__BACKEND_PORT__; + proxy_http_version 1.1; + proxy_set_header Host \$host; + proxy_set_header X-Real-IP \$remote_addr; + proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for; + proxy_set_header X-Forwarded-Proto \$scheme; + + # SSE 流式输出支持(AI 对话) + proxy_buffering off; + proxy_cache off; + proxy_set_header Connection ''; + + # 超时设置(AI 生成可能较慢) + proxy_read_timeout 300s; + proxy_send_timeout 300s; + + # 文件上传 + client_max_body_size 10m; + } + + # 上传文件访问 + location /uploads/ { + alias __REMOTE_DIR__/backend/uploads/; + } + + # 安全头 + add_header X-Frame-Options \"SAMEORIGIN\"; + add_header X-Content-Type-Options \"nosniff\"; + add_header X-XSS-Protection \"1; mode=block\"; + + # Gzip 压缩 + gzip on; + gzip_types text/plain text/css application/json application/javascript text/xml application/xml text/javascript; + gzip_min_length 1000; +} +NGINXEOF + +# 替换占位符 +sed -i 's|__DOMAIN__|${DOMAIN}|g' /etc/nginx/conf.d/${DOMAIN}.conf +sed -i 's|__REMOTE_DIR__|${REMOTE_DIR}|g' /etc/nginx/conf.d/${DOMAIN}.conf +sed -i 's|__BACKEND_PORT__|${BACKEND_PORT}|g' /etc/nginx/conf.d/${DOMAIN}.conf + +nginx -t && systemctl reload nginx + +echo '[4/4] 检查 certbot...' +if ! command -v certbot &> /dev/null; then + echo ' certbot 未安装,SSL 将在部署后手动配置' +else + echo ' certbot 已安装' +fi + +echo '' +echo '=========================================' +echo ' 系统初始化完成!' +echo ' 数据库: turbohr (用户: turbohr)' +echo ' 端口: ${BACKEND_PORT} (避开 3000-3300)' +echo ' Nginx: ${DOMAIN} -> :80 (conf.d)' +echo '=========================================' + " + + log "系统初始化完成" +} + +# =========================================== +# 构建前端 +# =========================================== +build_frontend() { + log "========== 构建前端 ==========" + + cd "${LOCAL_DIR}/frontend" + + if [ ! -d node_modules ]; then + log "安装前端依赖..." + npm install + fi + + log "构建前端..." + npm run build + + if [ ! -d dist ]; then + err "前端构建失败,dist 目录不存在" + exit 1 + fi + + log "前端构建完成: dist/ ($(du -sh dist | cut -f1))" +} + +# =========================================== +# 构建后端 +# =========================================== +build_backend() { + log "========== 构建后端 ==========" + + cd "${LOCAL_DIR}/backend" + + if [ ! -d node_modules ]; then + log "安装后端依赖..." + npm install + fi + + log "生成 Prisma Client..." + npx prisma generate + + log "编译 TypeScript..." + npx tsc + + if [ ! -d dist ]; then + err "后端编译失败,dist 目录不存在" + exit 1 + fi + + log "后端编译完成: dist/ ($(du -sh dist | cut -f1))" +} + +# =========================================== +# 部署到服务器 +# =========================================== +deploy_files() { + log "========== 部署文件到服务器 ==========" + + # 同步后端(排除 node_modules、.env、uploads、备份文件) + log "[1/4] 同步后端代码..." + sshpass -p "$REMOTE_PASS" rsync -avz --delete \ + --exclude='node_modules' \ + --exclude='.env' \ + --exclude='uploads/*' \ + --exclude='*.dump' \ + --exclude='backups' \ + "${LOCAL_DIR}/backend/" "${REMOTE_USER}@${REMOTE_HOST}:${REMOTE_DIR}/backend/" + + # 同步后端 package.json 和 prisma(确保依赖和 schema 同步) + log "[2/4] 同步前端静态文件..." + sshpass -p "$REMOTE_PASS" rsync -avz --delete \ + "${LOCAL_DIR}/frontend/dist/" "${REMOTE_USER}@${REMOTE_HOST}:${REMOTE_DIR}/frontend/dist/" + + # 在服务器上安装后端依赖 + 生成 Prisma Client + log "[3/4] 服务器端安装依赖..." + remote_exec "cd ${REMOTE_DIR}/backend && npm install --production=false 2>&1 | tail -5" + + log "[4/4] 生成 Prisma Client..." + remote_exec "cd ${REMOTE_DIR}/backend && npx prisma generate 2>&1 | tail -3" +} + +# =========================================== +# 配置 .env(首次或更新) +# =========================================== +setup_env() { + log "========== 配置环境变量 ==========" + + # 检查远程是否已有 .env,如果没有则创建 + remote_exec " +if [ ! -f ${REMOTE_DIR}/backend/.env ]; then + echo '创建 .env 文件...' + cat > ${REMOTE_DIR}/backend/.env << 'ENVEOF' +# 数据库 +DATABASE_URL=postgresql://turbohr:turbohr2026@localhost:5432/turbohr?schema=public + +# JWT +JWT_SECRET=turbohr-jwt-secret-2026-change-me +JWT_REFRESH_SECRET=turbohr-refresh-secret-2026-change-me + +# DashScope (通义千问) - 请填写实际 API Key +DASHSCOPE_API_KEY=sk-xxx +DASHSCOPE_BASE_URL=https://dashscope.aliyuncs.com/compatible-mode/v1 + +# 加密 +ENCRYPTION_KEY=turbohr-32byte-encryption-key-here + +# 存储 +SUPABASE_URL= +SUPABASE_KEY= + +# 部署 +PORT=${BACKEND_PORT} +CORS_ORIGIN=https://${DOMAIN} +ENVEOF + echo '.env 已创建,请编辑 ${REMOTE_DIR}/backend/.env 填写实际配置' +else + echo '.env 已存在,跳过创建' +fi + " +} + +# =========================================== +# 数据库迁移 +# =========================================== +migrate_db() { + log "========== 数据库迁移 ==========" + remote_exec "cd ${REMOTE_DIR}/backend && npx prisma db push --accept-data-loss 2>&1 | tail -10" + log "数据库 schema 同步完成" +} + +# =========================================== +# 配置 PM2 + 启动服务 +# =========================================== +start_service() { + log "========== 启动服务 ==========" + + remote_exec " +cd ${REMOTE_DIR}/backend + +# 停止旧进程 +pm2 delete ${APP_NAME} 2>/dev/null || true + +# 使用 tsx 运行 TypeScript 源码(避免 ESM 扩展名问题) +pm2 start npx --name ${APP_NAME} --max-memory-restart 512M -- tsx src/index.ts + +# 保存 PM2 配置 +pm2 save + +# 配置开机自启 +pm2 startup systemd -u root --hp /root 2>/dev/null | tail -3 + +echo 'PM2 进程:' +pm2 list + " + + log "服务已启动" +} + +# =========================================== +# 配置 SSL 证书 +# =========================================== +setup_ssl() { + log "========== 配置 SSL 证书 ==========" + + remote_exec " +# 使用 --nginx 插件自动配置 SSL +certbot --nginx -d ${DOMAIN} --non-interactive --agree-tos --register-unsafely-without-email --redirect 2>&1 && echo 'SSL 证书配置成功' || echo 'SSL 证书配置失败,可稍后手动执行: certbot --nginx -d ${DOMAIN}' + " +} + +# =========================================== +# 验证部署 +# =========================================== +verify() { + log "========== 验证部署 ==========" + + # 检查后端 + BACKEND_CODE=$(remote_exec "curl -s -o /dev/null -w '%{http_code}' http://127.0.0.1:${BACKEND_PORT}/api/v1/health 2>/dev/null || echo '000'") + log "后端 /api/v1/health -> HTTP ${BACKEND_CODE}" + + # 检查前端 + FRONTEND_CODE=$(remote_exec "curl -s -o /dev/null -w '%{http_code}' http://127.0.0.1/ 2>/dev/null || echo '000'") + log "前端 (Nginx) -> HTTP ${FRONTEND_CODE}" + + # 检查域名 + DOMAIN_CODE=$(curl -s -o /dev/null -w '%{http_code}' "https://${DOMAIN}/" 2>/dev/null || echo '000') + log "域名 https://${DOMAIN} -> HTTP ${DOMAIN_CODE}" + + # PM2 状态 + remote_exec "pm2 describe ${APP_NAME} 2>/dev/null | grep -E 'status|restarts|uptime|pid'" + + echo "" + echo "=========================================" + echo " 企业用工专家 部署完成!" + echo " 访问地址: https://${DOMAIN}/" + echo " 后端 API: https://${DOMAIN}/api/v1/" + echo " PM2 管理: pm2 list (服务器上)" + echo "=========================================" +} + +# =========================================== +# 主流程 +# =========================================== +IS_INIT=false +if [ "$1" = "--init" ]; then + IS_INIT=true +fi + +log "开始部署 企业用工专家 到 ${REMOTE_HOST}" +log "域名: ${DOMAIN} 目录: ${REMOTE_DIR}" +echo "" + +if [ "$IS_INIT" = true ]; then + init_server + setup_env + echo "" + warn "首次初始化完成,请先编辑服务器上的 ${REMOTE_DIR}/backend/.env 填写实际配置" + warn "然后重新运行: bash deploy.sh" + exit 0 +fi + +build_frontend +build_backend +deploy_files +setup_env +migrate_db +start_service +verify diff --git a/frontend/index.html b/frontend/index.html index d0643ce..8fde364 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,9 +2,9 @@
- + -AI 搜索暂不可用,以下为关键词匹配结果:
+ {filteredCategories.length > 0 ? ( +{line}
+ ))} +没有找到相关问题
+试试换个关键词搜索
+{r.content}
+没有找到相关问题
+试试换个关键词,或直接在 AI 助手中提问
+{line}
+ ))} + {article.steps && ( +操作步骤:
+ {article.steps.map((step, i) => ( +{article.tip}
+{article.warning}
+没有找到相关问题
+试试换个关键词搜索
+