中科集团HTML托管
返回管理
编辑页面
页面标题
有效期
7天
30天
90天
修改后将从当前时间重新计算过期时间
CSS文件（可选）
JS文件（可选）
HTML内容
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>销售CRM · 工作台</title> <style> *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent} html,body{height:100%} body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;color:#333} /* 手机外壳 */ .phone-frame{position:relative;width:390px;height:844px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:50px;padding:11px;box-shadow:0 25px 80px rgba(0,0,0,.5),inset 0 0 0 2px #333} .phone-screen{position:relative;width:100%;height:100%;background:#f5f6f8;border-radius:39px;overflow:hidden} .notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:120px;height:28px;background:#000;border-radius:0 0 18px 18px;z-index:1000} .notch::after{content:'';position:absolute;right:30px;top:9px;width:6px;height:6px;background:#333;border-radius:50%} /* 状态栏 */ .status-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:15px;font-weight:600;color:#000;background:transparent;position:absolute;top:11px;left:0;right:0;z-index:999;pointer-events:none} /* 页面 */ .page{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f6f8;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,opacity .25s ease;opacity:0;pointer-events:none;transform:translateX(100%);padding-top:44px} .page.active{opacity:1;pointer-events:auto;transform:translateX(0)} .page.no-anim{transition:none} .page.slide-back{transform:translateX(-30%)} /* 导航栏 */ .nav-bar{flex-shrink:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 4px;background:#fff;border-bottom:1px solid #f0f0f0;position:relative;z-index:10} .nav-bar.transparent{background:transparent;border:none} .nav-title{font-size:17px;font-weight:600;flex:1;text-align:center} .nav-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;cursor:pointer} .nav-right{font-size:14px;color:#1677ff;padding:0 12px;cursor:pointer;display:flex;align-items:center;gap:4px} /* 滚动区 */ .scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative} .scroll::-webkit-scrollbar{display:none} /* 底部Tab */ .tab-bar{flex-shrink:0;height:64px;background:#fff;display:flex;border-top:1px solid #f0f0f0;position:absolute;bottom:0;left:0;right:0;padding-bottom:8px;z-index:100} .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#999;font-size:11px;cursor:pointer;position:relative;padding-top:8px} .tab-item .icon{font-size:22px;line-height:1;margin-bottom:2px} .tab-item.active{color:#1677ff} .tab-item .badge{position:absolute;top:4px;right:30%;background:#ff4d4f;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:500} /* 通用 */ .card{background:#fff;border-radius:12px;padding:14px;margin:0 12px 8px;box-shadow:0 1px 2px rgba(0,0,0,.03)} .card-title{font-size:15px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between} .card-title .more{font-size:12px;color:#999;font-weight:normal} .btn-primary{background:linear-gradient(135deg,#1677ff,#0a5fd9);color:#fff;border:none;height:46px;border-radius:23px;font-size:16px;font-weight:500;width:100%;cursor:pointer;box-shadow:0 4px 12px rgba(22,119,255,.25)} .btn-secondary{background:#f0f5ff;color:#1677ff;border:none;height:40px;border-radius:20px;font-size:14px;width:100%;cursor:pointer} .btn-outline{background:#fff;color:#1677ff;border:1px solid #1677ff;height:40px;border-radius:20px;font-size:14px;width:100%;cursor:pointer} .tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;background:#f0f5ff;color:#1677ff;margin-right:4px;line-height:1.5} .tag-orange{background:#fff4e6;color:#fa8c16} .tag-green{background:#e6f7ee;color:#52c41a} .tag-red{background:#fff1f0;color:#ff4d4f} .tag-gray{background:#f5f5f5;color:#666} .tag-purple{background:#f4ecff;color:#722ed1} .tag-blue{background:#e6f4ff;color:#1677ff} .divider{height:1px;background:#f0f0f0;margin:8px 0} .row{display:flex;align-items:center;justify-content:space-between} /* 列表项 */ .list-item{padding:14px 16px;background:#fff;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .15s} .list-item:active{background:#f5f5f5} .avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#1677ff,#69b1ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0} .avatar.orange{background:linear-gradient(135deg,#fa8c16,#ffc069)} .avatar.green{background:linear-gradient(135deg,#52c41a,#95de64)} .avatar.purple{background:linear-gradient(135deg,#722ed1,#b37feb)} .avatar.red{background:linear-gradient(135deg,#ff4d4f,#ff7875)} .list-content{flex:1;min-width:0} .list-title{font-size:15px;font-weight:500;margin-bottom:4px;display:flex;align-items:center;gap:6px} .list-sub{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px} .list-right{text-align:right;font-size:12px;color:#999;flex-shrink:0} .list-right .price{color:#ff4d4f;font-size:15px;font-weight:600;margin-bottom:2px} /* 表单 */ .form-item{display:flex;align-items:center;padding:14px 16px;background:#fff;border-bottom:1px solid #f5f5f5;cursor:pointer} .form-label{width:84px;font-size:14px;color:#666;flex-shrink:0} .form-input{flex:1;font-size:14px;border:none;outline:none;text-align:right;color:#333;background:transparent} .form-input::placeholder{color:#bbb} .form-textarea{width:100%;min-height:90px;padding:12px;background:#f8f8f8;border:none;border-radius:8px;font-size:14px;resize:none;outline:none;line-height:1.6} .form-textarea[readonly]{background:#f5f5f5;color:#666} .form-textarea:focus{background:#fff;border:1px solid #1677ff} /* 评分 */ .score-ring{width:140px;height:140px;position:relative;margin:20px auto} .score-ring svg{transform:rotate(-90deg)} .score-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center} .score-num .num{font-size:36px;font-weight:700;color:#1677ff;line-height:1} .score-num .label{font-size:12px;color:#999;margin-top:4px} /* Toast */ .toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;z-index:9999;display:none;max-width:80%;text-align:center} .toast.show{display:block;animation:fadeIn .2s} /* Modal */ .modal-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:none;align-items:flex-end} .modal-mask.show{display:flex} .modal-content{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:20px;animation:slideUp .25s} @keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} /* 工具 */ .text-primary{color:#1677ff} .text-orange{color:#fa8c16} .text-red{color:#ff4d4f} .text-green{color:#52c41a} .text-gray{color:#999} .fs12{font-size:12px} .fs13{font-size:13px} .fs16{font-size:16px} .fs18{font-size:18px} .fw600{font-weight:600} .mt8{margin-top:8px} .mt12{margin-top:12px} .mb8{margin-bottom:8px} .mb12{margin-bottom:12px} /* 进度条 */ .progress{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;position:relative} .progress-bar{height:100%;background:linear-gradient(90deg,#1677ff,#69b1ff);border-radius:3px;transition:width .5s} /* 步骤条 */ .steps{display:flex;align-items:center;padding:12px 16px;background:#fff;margin-bottom:8px} .step{flex:1;text-align:center;position:relative;font-size:11px;color:#999} .step.active{color:#1677ff;font-weight:600} .step.done{color:#52c41a} .step-num{width:24px;height:24px;border-radius:50%;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px;font-weight:600;font-size:12px} .step.active .step-num{background:#1677ff;color:#fff} .step.done .step-num{background:#52c41a;color:#fff} .step-line{position:absolute;top:12px;left:60%;right:-40%;height:2px;background:#f0f0f0;z-index:-1} .step.done .step-line{background:#52c41a} .step:last-child .step-line{display:none} /* 顶部Header（特殊页面） */ .header-gradient{background:linear-gradient(135deg,#1677ff,#0a5fd9);color:#fff;padding:0 16px 16px;position:relative} .header-gradient .nav-bar{background:transparent;border:none;color:#fff} .header-gradient .nav-back{color:#fff} /* 切换segmented */ .segmented{display:flex;background:#f5f5f5;border-radius:8px;padding:2px;margin:8px 12px} .segmented-item{flex:1;text-align:center;padding:8px 0;font-size:13px;border-radius:6px;cursor:pointer;color:#666;transition:all .2s} .segmented-item.active{background:#fff;color:#1677ff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)} /* 搜索框 */ .search-box{background:#fff;padding:10px 12px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px} .search-input{flex:1;background:#f5f5f5;border-radius:18px;padding:8px 14px;font-size:13px;display:flex;align-items:center;gap:6px} .search-input input{border:none;outline:none;background:transparent;flex:1;font-size:13px} .search-input::before{content:'🔍';font-size:12px} /* 滚动标签 */ .tag-scroll{display:flex;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid #f5f5f5;overflow-x:auto;white-space:nowrap} .tag-scroll::-webkit-scrollbar{display:none} .tag-pill{padding:5px 12px;background:#f5f5f5;border-radius:14px;font-size:12px;color:#666;flex-shrink:0;cursor:pointer} .tag-pill.active{background:#1677ff;color:#fff} /* AI卡片特殊样式 */ .ai-card{background:linear-gradient(135deg,#f0f5ff,#e6f4ff);border:1px solid #d6e8ff} /* 决策链 */ .decision-chain{position:relative;padding-left:20px} .decision-chain::before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#d6e8ff} .dc-item{position:relative;padding:10px 0 10px 20px} .dc-item::before{content:'';position:absolute;left:-16px;top:14px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #1677ff} .dc-item.high::before{border-color:#ff4d4f;box-shadow:0 0 0 3px rgba(255,77,79,.15)} .dc-item.mid::before{border-color:#fa8c16} .dc-item.low::before{border-color:#52c41a} .dc-level{font-size:11px;padding:2px 6px;border-radius:3px;margin-left:6px} .dc-level.high{background:#fff1f0;color:#ff4d4f} .dc-level.mid{background:#fff4e6;color:#fa8c16} .dc-level.low{background:#e6f7ee;color:#52c41a} </style> </head> <body> <div class="phone-frame"> <div class="phone-screen"> <div class="notch"></div> <div class="status-bar"><span id="time">9:41</span><span>📶 5G <span style="margin-left:6px">100%</span> 🔋</span></div> <!-- ============ 登录页 ============ --> <div class="page active" id="page-login"> <div style="flex:1;background:linear-gradient(135deg,#1677ff 0%,#0a5fd9 100%);padding:60px 32px 40px;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden"> <div style="position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:rgba(255,255,255,.08);border-radius:50%"></div> <div style="position:absolute;bottom:-100px;left:-60px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%"></div> <div style="display:flex;align-items:center;gap:12px;margin-bottom:60px;position:relative"> <div style="width:52px;height:52px;background:rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px">📊</div> <div> <div style="font-size:22px;font-weight:700">销售CRM</div> <div style="font-size:12px;opacity:.85;margin-top:2px">智能化外勤管理平台</div> </div> </div> <div style="position:relative"> <h1 style="font-size:30px;font-weight:700;line-height:1.3;margin-bottom:12px">欢迎回来</h1> <p style="font-size:14px;opacity:.9;line-height:1.7">钉钉单点登录，自动同步组织架构<br>无需输入账号密码，开箱即用</p> </div> <div style="flex:1"></div> <div style="background:rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(10px);position:relative"> <div style="width:40px;height:40px;background:#1677ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600">张</div> <div style="flex:1"> <div style="font-size:14px;font-weight:500">张明远 · 华东大区销售</div> <div style="font-size:11px;opacity:.8;margin-top:2px">钉钉已识别 · 员工编号 E2018045</div> </div> <div style="font-size:11px;background:rgba(82,196,26,.3);color:#95de64;padding:2px 8px;border-radius:4px">已认证</div> </div> <button class="btn-primary" style="background:#fff;color:#1677ff;box-shadow:0 6px 20px rgba(0,0,0,.15)" onclick="showPage('page-home')"> <span style="margin-right:6px">📌</span>钉钉单点登录 </button> <div style="text-align:center;font-size:11px;opacity:.7;margin-top:16px;line-height:1.6">登录即代表同意《用户协议》与《隐私政策》<br>v1.0.0 · PO 灰度版本</div> </div> </div> <!-- ============ 首页/工作台 ============ --> <div class="page" id="page-home"> <div class="header-gradient"> <div class="nav-bar"> <div class="nav-back" onclick="showToast('功能开发中')"> <div style="width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px">张</div> </div> <div class="nav-title" style="color:#fff">工作台</div> <div class="nav-right" style="color:#fff" onclick="showPage('page-message')">🔔<div class="dot" style="background:#ff4d4f"></div></div> </div> <div style="padding:8px 0 4px"> <div style="font-size:13px;opacity:.85">早上好，张明远 👋</div> <div style="font-size:12px;opacity:.7;margin-top:4px">华东大区·上海一区 · 2026-06-16 周二</div> </div> <!-- 打卡状态卡 --> <div style="background:rgba(255,255,255,.15);border-radius:12px;padding:14px;margin-top:14px;backdrop-filter:blur(10px);cursor:pointer" onclick="showPage('page-checkin')"> <div style="display:flex;align-items:center;justify-content:space-between"> <div> <div style="font-size:13px;opacity:.85">今日打卡</div> <div style="font-size:22px;font-weight:700;margin-top:4px">09:12 <span style="font-size:12px;font-weight:normal;opacity:.85;margin-left:6px">已签到</span></div> <div style="font-size:11px;opacity:.75;margin-top:4px">📍 上海市浦东新区张江高科园区</div> </div> <div style="text-align:right"> <div style="width:54px;height:54px;background:rgba(82,196,26,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px">✓</div> <div style="font-size:10px;opacity:.85;margin-top:4px">正常</div> </div> </div> </div> <!-- 数据卡片 --> <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px"> <div style="background:rgba(255,255,255,.15);border-radius:10px;padding:10px;text-align:center;cursor:pointer" onclick="showPage('page-opportunity')"> <div style="font-size:20px;font-weight:700">12</div> <div style="font-size:11px;opacity:.85;margin-top:2px">在跟商机</div> </div> <div style="background:rgba(255,255,255,.15);border-radius:10px;padding:10px;text-align:center;cursor:pointer" onclick="showPage('page-customer')"> <div style="font-size:20px;font-weight:700">48</div> <div style="font-size:11px;opacity:.85;margin-top:2px">名下客户</div> </div> <div style="background:rgba(255,255,255,.15);border-radius:10px;padding:10px;text-align:center;cursor:pointer" onclick="showPage('page-history-log')"> <div style="font-size:20px;font-weight:700">92</div> <div style="font-size:11px;opacity:.85;margin-top:2px">本月拜访</div> </div> </div> </div> <div class="scroll" style="padding-bottom:80px"> <!-- 待办 --> <div class="card" style="margin-top:12px"> <div class="card-title"> <span>📋 待办提醒 <span style="background:#ff4d4f;color:#fff;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:6px;font-weight:normal">5</span></span> <span class="more" onclick="showPage('page-message')">查看全部 ›</span> </div> <div class="list-item" style="padding:8px 0;border:none" onclick="showPage('page-ai-score')"> <div style="width:36px;height:36px;background:#fff1f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">⏰</div> <div class="list-content"> <div class="list-title fs13">上海电气集团 - 拜访日志待评分</div> <div class="list-sub">AI 智能评分进行中 · 预计 30s</div> </div> <div class="list-right"><span class="tag tag-red">紧急</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:8px 0;border:none" onclick="showPage('page-customer-detail')"> <div style="width:36px;height:36px;background:#fff4e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">🤖</div> <div class="list-content"> <div class="list-title fs13">正泰电气 - AI 洞察报告已生成</div> <div class="list-sub">决策链识人完成 · 3 个关键决策人</div> </div> <div class="list-right text-gray fs12">2 小时前</div> </div> <div class="divider"></div> <div class="list-item" style="padding:8px 0;border:none" onclick="showPage('page-erp')"> <div style="width:36px;height:36px;background:#e6f7ee;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">📦</div> <div class="list-content"> <div class="list-title fs13">3 笔订单已进入发货流程</div> <div class="list-sub">请关注客户收货状态</div> </div> <div class="list-right text-gray fs12">今天</div> </div> </div> <!-- 快捷入口 --> <div class="card"> <div class="card-title"><span>⚡ 快捷入口</span></div> <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center"> <div style="cursor:pointer" onclick="showPage('page-checkin')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#1677ff,#69b1ff);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">📍</div> <div style="font-size:12px">打卡</div> </div> <div style="cursor:pointer" onclick="showPage('page-report')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#52c41a,#95de64);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">📝</div> <div style="font-size:12px">外勤报备</div> </div> <div style="cursor:pointer" onclick="showPage('page-visit-log')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#fa8c16,#ffc069);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">📋</div> <div style="font-size:12px">新建日志</div> </div> <div style="cursor:pointer" onclick="showPage('page-ai-insight')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#722ed1,#b37feb);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">🤖</div> <div style="font-size:12px">AI 洞察</div> </div> <div style="cursor:pointer" onclick="showPage('page-customer')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#13c2c2,#5cdbd3);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">👥</div> <div style="font-size:12px">客户</div> </div> <div style="cursor:pointer" onclick="showPage('page-opportunity')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#eb2f96,#f759ab);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">💼</div> <div style="font-size:12px">商机</div> </div> <div style="cursor:pointer" onclick="showPage('page-product')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#2f54eb,#85a5ff);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">📦</div> <div style="font-size:12px">产品库</div> </div> <div style="cursor:pointer" onclick="showPage('page-erp')"> <div style="width:48px;height:48px;background:linear-gradient(135deg,#f5222d,#ff7875);border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff">📊</div> <div style="font-size:12px">ERP</div> </div> </div> </div> <!-- 今日工作计划 --> <div class="card"> <div class="card-title"> <span>📅 今日计划 (3)</span> <span class="more">查看全部 ›</span> </div> <div class="list-item" style="padding:10px 0;border:none" onclick="showPage('page-visit-log')"> <div style="width:36px;height:36px;background:#e6f4ff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">🏢</div> <div class="list-content"> <div class="list-title fs13">上海电气集团股份有限公司</div> <div class="list-sub">10:00 · 项目报价洽谈 · 已确认</div> </div> <div class="list-right"><span class="tag tag-green">进行中</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none" onclick="showPage('page-customer-detail')"> <div style="width:36px;height:36px;background:#fff4e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">🏭</div> <div class="list-content"> <div class="list-title fs13">正泰电气股份有限公司</div> <div class="list-sub">14:30 · 跟进合同进度 · 待确认</div> </div> <div class="list-right"><span class="tag tag-orange">待拜访</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none" onclick="showPage('page-customer-detail')"> <div style="width:36px;height:36px;background:#f4ecff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">⚡</div> <div class="list-content"> <div class="list-title fs13">施耐德电气 (中国) 有限公司</div> <div class="list-sub">16:00 · 方案演示 · 待确认</div> </div> <div class="list-right"><span class="tag tag-orange">待拜访</span></div> </div> </div> <!-- 销售战报 --> <div class="card"> <div class="card-title"> <span>🏆 本月战报</span> <span class="more text-primary">详情 ›</span> </div> <div style="display:flex;justify-content:space-around;text-align:center;padding:8px 0"> <div> <div style="font-size:20px;font-weight:700;color:#1677ff">¥3.2M</div> <div style="font-size:11px;color:#999;margin-top:2px">业绩完成</div> <div class="progress" style="width:80px;margin:6px auto 0"><div class="progress-bar" style="width:80%"></div></div> </div> <div> <div style="font-size:20px;font-weight:700;color:#52c41a">85.6</div> <div style="font-size:11px;color:#999;margin-top:2px">日志均分</div> <div style="font-size:10px;color:#52c41a;margin-top:6px">↑ 行业前 10%</div> </div> <div> <div style="font-size:20px;font-weight:700;color:#fa8c16">3</div> <div style="font-size:11px;color:#999;margin-top:2px">新增客户</div> <div style="font-size:10px;color:#52c41a;margin-top:6px">↑ 同比 +50%</div> </div> </div> </div> <div style="height:20px"></div> </div> <div class="tab-bar"> <div class="tab-item active" onclick="switchTab(this,'page-home')"><div class="icon">🏠</div>首页</div> <div class="tab-item" onclick="switchTab(this,'page-customer')"><div class="icon">👥</div>客户</div> <div class="tab-item" onclick="switchTab(this,'page-opportunity')"><div class="icon">💼</div>商机</div> <div class="tab-item" onclick="switchTab(this,'page-message')"><div class="icon">🔔</div>消息<div class="badge">5</div></div> <div class="tab-item" onclick="switchTab(this,'page-me')"><div class="icon">👤</div>我的</div> </div> </div> <!-- ============ 客户列表 ============ --> <div class="page" id="page-customer"> <div class="nav-bar"> <div class="nav-back" onclick="goBack()">‹</div> <div class="nav-title">客户管理</div> <div class="nav-right" onclick="showToast('扫一扫添加客户')">🔍</div> </div> <div class="search-box"> <div class="search-input"> <input placeholder="搜索客户名称 / 联系人 / 编号" /> </div> </div> <div class="tag-scroll"> <div class="tag-pill active">全部 48</div> <div class="tag-pill">战略客户 6</div> <div class="tag-pill">重点客户 12</div> <div class="tag-pill">一般客户 18</div> <div class="tag-pill">潜在客户 8</div> <div class="tag-pill">观望客户 4</div> </div> <div class="segmented"> <div class="segmented-item active" onclick="switchSegment(this)">八大体系</div> <div class="segmented-item" onclick="switchSegment(this)">A-Z</div> <div class="segmented-item" onclick="switchSegment(this)">最近拜访</div> <div class="segmented-item" onclick="switchSegment(this)">添加时间</div> </div> <div class="scroll" style="padding-bottom:80px;background:#fff"> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar">上海</div> <div class="list-content"> <div class="list-title">上海电气集团股份有限公司 <span class="tag tag-red">战略</span></div> <div class="list-sub">王志强 · 技术总监 · 3 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥1.2M</div> <div class="text-gray fs12">2 天前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar orange">正泰</div> <div class="list-content"> <div class="list-title">正泰电气股份有限公司 <span class="tag tag-orange">重点</span></div> <div class="list-sub">李建国 · 采购部长 · 2 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥860K</div> <div class="text-gray fs12">1 周前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar green">施耐</div> <div class="list-content"> <div class="list-title">施耐德电气 (中国) 有限公司 <span class="tag tag-red">战略</span></div> <div class="list-sub">陈晓敏 · 副总裁 · 5 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥2.4M</div> <div class="text-gray fs12">3 天前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar purple">ABB</div> <div class="list-content"> <div class="list-title">ABB (中国) 有限公司 <span class="tag tag-red">战略</span></div> <div class="list-sub">刘伟 · 电气工程师 · 1 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥680K</div> <div class="text-gray fs12">5 天前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar red">西电</div> <div class="list-content"> <div class="list-title">中国西电电气股份有限公司 <span class="tag tag-orange">重点</span></div> <div class="list-sub">赵明 · 项目经理 · 2 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥1.5M</div> <div class="text-gray fs12">1 周前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar">特变</div> <div class="list-content"> <div class="list-title">特变电工股份有限公司 <span class="tag tag-blue">一般</span></div> <div class="list-sub">孙鹏飞 · 设备主管 · 1 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥320K</div> <div class="text-gray fs12">2 周前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar orange">平高</div> <div class="list-content"> <div class="list-title">平高电气股份有限公司 <span class="tag tag-blue">一般</span></div> <div class="list-sub">周建华 · 采购经理 · 1 个在跟商机</div> </div> <div class="list-right"> <div class="price">¥240K</div> <div class="text-gray fs12">3 周前拜访</div> </div> </div> <div class="list-item" onclick="showPage('page-customer-detail')"> <div class="avatar green">许继</div> <div class="list-content"> <div class="list-title">许继电气股份有限公司 <span class="tag tag-purple">潜在</span></div> <div class="list-sub">吴磊 · 工程师 · 首次接触</div> </div> <div class="list-right"> <div class="price">¥0</div> <div class="text-gray fs12">昨天新增</div> </div> </div> </div> <div class="tab-bar"> <div class="tab-item" onclick="switchTab(this,'page-home')"><div class="icon">🏠</div>首页</div> <div class="tab-item active" onclick="switchTab(this,'page-customer')"><div class="icon">👥</div>客户</div> <div class="tab-item" onclick="switchTab(this,'page-opportunity')"><div class="icon">💼</div>商机</div> <div class="tab-item" onclick="switchTab(this,'page-message')"><div class="icon">🔔</div>消息<div class="badge">5</div></div> <div class="tab-item" onclick="switchTab(this,'page-me')"><div class="icon">👤</div>我的</div> </div> </div> <!-- ============ 客户详情 ============ --> <div class="page" id="page-customer-detail"> <div class="header-gradient"> <div class="nav-bar"> <div class="nav-back" onclick="goBack()">‹</div> <div class="nav-title" style="color:#fff">客户详情</div> <div class="nav-right" style="color:#fff" onclick="showToast('已收藏')">⭐</div> </div> <div style="padding:6px 0 16px"> <div style="display:flex;align-items:center;gap:10px"> <div style="width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600">上海</div> <div style="flex:1"> <div style="font-size:16px;font-weight:600">上海电气集团股份有限公司</div> <div style="font-size:11px;opacity:.85;margin-top:3px"><span class="tag tag-red" style="background:rgba(255,77,79,.3);color:#fff">战略客户</span><span style="margin-left:6px">CUS20180423001</span></div> </div> </div> </div> <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center"> <div> <div style="font-size:18px;font-weight:700">3</div> <div style="font-size:10px;opacity:.85;margin-top:2px">商机</div> </div> <div> <div style="font-size:18px;font-weight:700">12</div> <div style="font-size:10px;opacity:.85;margin-top:2px">拜访</div> </div> <div> <div style="font-size:18px;font-weight:700">¥1.2M</div> <div style="font-size:10px;opacity:.85;margin-top:2px">累计订单</div> </div> <div> <div style="font-size:18px;font-weight:700">A+</div> <div style="font-size:10px;opacity:.85;margin-top:2px">客户分级</div> </div> </div> </div> <div class="scroll" style="padding-bottom:80px;background:#f5f6f8"> <!-- 快捷操作 --> <div class="card" style="margin-top:12px;display:flex;justify-content:space-around;padding:12px 8px"> <div style="text-align:center;cursor:pointer" onclick="showPage('page-visit-log')"> <div style="width:42px;height:42px;background:#e6f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 4px">📋</div> <div style="font-size:11px">写日志</div> </div> <div style="text-align:center;cursor:pointer" onclick="showPage('page-ai-insight')"> <div style="width:42px;height:42px;background:#f4ecff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 4px">🤖</div> <div style="font-size:11px">AI 洞察</div> </div> <div style="text-align:center;cursor:pointer" onclick="showPage('page-opportunity')"> <div style="width:42px;height:42px;background:#fff4e6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 4px">💼</div> <div style="font-size:11px">商机</div> </div> <div style="text-align:center;cursor:pointer" onclick="showPage('page-erp')"> <div style="width:42px;height:42px;background:#e6f7ee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 4px">📊</div> <div style="font-size:11px">ERP</div> </div> <div style="text-align:center;cursor:pointer" onclick="showToast('已拨打电话')"> <div style="width:42px;height:42px;background:#fff1f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 4px">📞</div> <div style="font-size:11px">联系</div> </div> </div> <!-- 基本信息 --> <div class="card"> <div class="card-title"><span>📌 基本信息</span></div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">客户编号</div> <div class="form-input">CUS20180423001</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">所属行业</div> <div class="form-input">电力 / 电气制造</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">公司规模</div> <div class="form-input">5000 人以上</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">注册地址</div> <div class="form-input" style="text-align:right;line-height:1.5">上海市浦东新区<br>张江高科技园区祖冲之路 1129 号</div> </div> </div> <!-- 关键联系人 --> <div class="card"> <div class="card-title"> <span>👤 关键联系人 (4)</span> <span class="more text-primary" onclick="showPage('page-ai-insight')">AI 识人 ›</span> </div> <div class="list-item" style="padding:10px 0;border:none" onclick="showPage('page-ai-insight')"> <div class="avatar" style="width:36px;height:36px;font-size:13px">王</div> <div class="list-content"> <div class="list-title fs13">王志强 <span class="tag tag-red">关键决策人</span></div> <div class="list-sub">技术总监 · 138 **** 8821</div> </div> <div class="list-right text-gray fs12">📞</div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div class="avatar orange" style="width:36px;height:36px;font-size:13px">李</div> <div class="list-content"> <div class="list-title fs13">李明 <span class="tag tag-orange">采购影响人</span></div> <div class="list-sub">采购部长 · 139 **** 6620</div> </div> <div class="list-right text-gray fs12">📞</div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div class="avatar green" style="width:36px;height:36px;font-size:13px">张</div> <div class="list-content"> <div class="list-title fs13">张丽 <span class="tag tag-blue">使用者</span></div> <div class="list-sub">电气工程师 · 186 **** 2210</div> </div> <div class="list-right text-gray fs12">📞</div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div class="avatar purple" style="width:36px;height:36px;font-size:13px">陈</div> <div class="list-content"> <div class="list-title fs13">陈晓 <span class="tag tag-gray">财务</span></div> <div class="list-sub">财务经理 · 137 **** 1098</div> </div> <div class="list-right text-gray fs12">📞</div> </div> </div> <!-- 关联商机 --> <div class="card"> <div class="card-title"> <span>💼 关联商机 (3)</span> <span class="more">查看全部 ›</span> </div> <div class="list-item" style="padding:10px 0;border:none" onclick="showPage('page-opportunity-detail')"> <div style="flex:1"> <div class="list-title fs13">智能配电柜采购项目</div> <div class="list-sub">报价阶段 · 预估 ¥580K</div> </div> <div class="list-right"><span class="tag tag-orange">报价</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div style="flex:1"> <div class="list-title fs13">厂区电能质量治理改造</div> <div class="list-sub">洽谈阶段 · 预估 ¥420K</div> </div> <div class="list-right"><span class="tag tag-blue">洽谈</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div style="flex:1"> <div class="list-title fs13">智能照明系统升级</div> <div class="list-sub">送样阶段 · 预估 ¥200K</div> </div> <div class="list-right"><span class="tag tag-purple">送样</span></div> </div> </div> <!-- ERP订单 --> <div class="card"> <div class="card-title"><span>📦 ERP 订单 (2)</span></div> <div class="list-item" style="padding:10px 0;border:none"> <div style="flex:1"> <div class="list-title fs13">SO20250608012 · 低压配电柜 50 台</div> <div class="list-sub">订单金额 ¥680,000 · 已发货</div> </div> <div class="list-right"><span class="tag tag-green">已签收</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div style="flex:1"> <div class="list-title fs13">SO20250315008 · 智能断路器 200 台</div> <div class="list-sub">订单金额 ¥320,000 · 生产中</div> </div> <div class="list-right"><span class="tag tag-orange">生产中</span></div> </div> </div> <!-- 历史拜访 --> <div class="card"> <div class="card-title"> <span>📅 历史拜访 (12)</span> <span class="more text-primary" onclick="showPage('page-history-log')">查看全部 ›</span> </div> <div class="list-item" style="padding:10px 0;border:none" onclick="showPage('page-ai-score')"> <div style="width:36px;height:36px;background:#e6f4ff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">📋</div> <div class="list-content"> <div class="list-title fs13">项目报价洽谈</div> <div class="list-sub">2026-06-14 · AI 评分 92 分</div> </div> <div class="list-right"><span style="color:#52c41a;font-weight:600">92</span></div> </div> <div class="divider"></div> <div class="list-item" style="padding:10px 0;border:none"> <div style="width:36px;height:36px;background:#fff4e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">📋</div> <div class="list-content"> <div class="list-title fs13">技术方案对接</div> <div class="list-sub">2026-06-07 · AI 评分 88 分</div> </div> <div class="list-right"><span style="color:#52c41a;font-weight:600">88</span></div> </div> </div> <div style="height:20px"></div> </div> </div> <!-- ============ AI 智能洞察 ============ --> <div class="page" id="page-ai-insight"> <div class="nav-bar"> <div class="nav-back" onclick="goBack()">‹</div> <div class="nav-title">AI 智能洞察</div> <div class="nav-right" onclick="showToast('已分享')">📤</div> </div> <div class="scroll" style="padding-bottom:40px"> <div class="header-gradient" style="padding-bottom:20px"> <div style="display:flex;align-items:center;gap:10px;margin-top:8px"> <div class="avatar" style="width:40px;height:40px;font-size:13px">上海</div> <div style="flex:1"> <div style="font-size:15px;font-weight:600">上海电气集团股份有限公司</div> <div style="font-size:11px;opacity:.85;margin-top:2px">🤖 AI 分析完成 · 2 分钟前</div> </div> </div> <div style="background:rgba(255,255,255,.15);border-radius:10px;padding:12px;margin-top:12px;font-size:12px;line-height:1.7;backdrop-filter:blur(10px)"> <div style="font-weight:600;margin-bottom:6px">💡 AI 核心建议</div> <div style="opacity:.95">建议优先突破 <b>技术总监王志强</b>，其近 1 年推动 3 次设备升级决策，对智能配电方案持开放态度。决策链中 <b>采购部长李明</b> 为关键影响人，需同步跟进。</div> </div> </div> <div class="card"> <div class="card-title"><span>🎯 决策链识人 <span class="tag tag-purple">AI</span></span></div> <div class="segmented" style="margin:0 0 12px"> <div class="segmented-item active" onclick="switchSegment(this)">五层级</div> <div class="segmented-item" onclick="switchSegment(this)">影响力</div> <div class="segmented-item" onclick="switchSegment(this)">接触度</div> </div> <div class="decision-chain"> <div class="dc-item high"> <div class="fs13 fw600">决策层 <span class="dc-level high">高</span></div> <div class="fs12 text-gray mt8">陈晓敏 · 副总裁 · 5 个在跟商机</div> <div style="font-size:11px;color:#1677ff;margin-top:4px">★ 战略决策影响力 · 待接触</div> </div> <div class="dc-item high"> <div class="fs13 fw600">技术层 <span class="dc-level high">高</span></div> <div class="fs12 text-gray mt8">王志强 · 技术总监 · 已建立联系</div> <div style="font-size:11px;color:#52c41a;margin-top:4px">★ 方案推动者 · 关系良好</div> </div> <div class="dc-item mid"> <div class="fs13 fw600">采购层 <span class="dc-level mid">中</span></div> <div class="fs12 text-gray mt8">李明 · 采购部长 · 已建立联系</div> <div style="font-size:11px;color:#fa8c16;margin-top:4px">★ 关键影响人 · 需重点维护</div> </div> <div class="dc-item mid"> <div class="fs13 fw600">执行层 <span class="dc-level mid">中</span></div> <div class="fs12 text-gray mt8">张丽 · 电气工程师 · 初步接触</div> <div style="font-size:11px;color:#999;margin-top:4px">使用者 · 提供技术反馈</div> </div> <div class="dc-item low"> <div class="fs13 fw600">运维层 <span class="dc-level low">低</span></div> <div class="fs12 text-gray mt8">周强 · 运维主管 · 未接触</div> <div style="font-size:11px;color:#999;margin-top:4px">需补全联系信息</div> </div> </div> </div> <div class="card ai-card"> <div class="card-title"><span>🌐 人脉网络补全 <span class="tag tag-purple">AI</span></span></div> <div style="font-size:12px;color:#666;line-height:1.6;margin-bottom:12px">AI 自动挖掘同部门/跨部门关键人员，补全销售未知联系人</div> <div class="list-item" style="padding:10px;background:#fff;border-radius:8px;margin-bottom:8px"> <div class="avatar" style="width:36px;height:36px;font-size:13px;background:linear-gradient(135deg,#ff4d4f,#ff7875)">?</div> <div class="list-content"> <div class="list-title fs13">赵明 · 设备部副总 <span class="tag tag-red">紧急</span></div> <div class="list-sub">与王志强同部门 · 决策影响力高</div> </div> <div class="list-right"><button class="btn-secondary" style="height:28px;padding:0 12px;font-size:12px;border-radius:14px" onclick="showToast('已加入跟进名单')">加入</button></div> </div> <div class="list-item" style="padding:10px;background:#fff;border-radius:8px;margin-bottom:8px"> <div class="avatar orange" style="width:36px;height:36px;font-size:13px">?</div> <div class="list-content"> <div class="list-title fs13">孙建华 · 总经办主任 <span class="tag tag-orange">高</span></div> <div class="list-sub">近 1 年人事变动 · 新任岗位</div> </div> <div class="list-right"><button class="btn-secondary" style="height:28px;padding:0 12px;font-size:12px;border-radius:14px" onclick="showToast('已加入跟进名单')">加入</button></div> </div> <div class="list-item" style="padding:10px;background:#fff;border-radius:8px"> <div class="avatar green" style="width:36px;height:36px;font-size:13px">?</div> <div class="list-content"> <div class="list-title fs13">林晓 · 信息化部长 <span class="tag tag-blue">中</span></div> <div class="list-sub">对接人脉 3 · 智能制造相关</div> </div> <div class="list-right"><button class="btn-secondary" style="height:28px;padding:0 12px;font-size:12px;border-radius:14px" onclick="showToast('已加入跟进名单')">加入</button></div> </div> </div> <div class="card"> <div class="card-title"><span>📊 AI 情报分析</span></div> <div style="background:#f8f8f8;border-radius:8px;padding:12px;font-size:12px;line-height:1.8;color:#444"> <div>🏢 <b>近期动态</b>：公司启动"智能制造 2026"专项，预计 Q3 启动设备升级招标，金额预估 <b>¥2-3M</b>。</div> <div class="mt8">💼 <b>竞争对手</b>：施耐德电气近期拜访频繁，提供免费方案设计；正泰电气以低价策略切入。</div> <div class="mt8">📰 <b>公开信息</b>：CEO 上月公开演讲提及"绿色低碳"，对节能环保设备有明确偏好。</div> <div class="mt8">⚠️ <b>风险提示</b>：采购部长李明近期与某友商接触，需重点维护关系。</div> </div> </div> <div style="padding:0 12px 12px"> <button class="btn-primary" onclick="showToast('已生成跟进任务')">📋 生成 AI 跟进任务</button> </div> </div> </div> <!-- ============ 商机列表 ============ --> <div class="page" id="page-opportunity"> <div class="nav-bar"> <div class="nav-back" onclick="goBack()">‹</div> <div class="nav-title">商机管理</div> <div class="nav-right" onclick="showToast('新增商机')">+</div> </div> <div class="search-box"> <div class="search-input"> <input placeholder="搜索商机名称 / 客户" /> </div> </div> <div class="tag-scroll"> <div class="tag-pill active">全部 12</div> <div class="tag-pill">新建 2</div> <div class="tag-pill">跟进 4</div> <div class="tag-pill">报价 3</div> <div class="tag-pill">送样 2</div> <div class="tag-pill">成交 1</div> </div> <div class="scroll" style="padding-bottom:80px;background:#fff"> <div class="list-item" onclick="showPage('page-opportunity-detail')"> <div style="width:40px;height:40px;background:#e6f4ff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">💼</div> <div class="list-content"> <div class="list-title">智能配电柜采购项目</div> <div class="list-sub">上海电气集团 · 报价阶段 · 70%</div> <div class="progress" style="margin-top:6px"><div class="progress-bar" style="width:70%"></div></div> </div> <div class="list-right"> <div class="price">¥580K</div> <div class="text-gray fs12">6/15</div> </div> </div> <div class="list-item" onclick="showPage('page-opportunity-detail')"> <div style="width:40px;height:40px;background:#fff4e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">💼</div> <div class="list-content"> <div class="list-title">厂区电能质量治理改造</div> <div class="list-sub">上海电气集团 · 洽谈阶段 · 50%</div> <div class="progress" style="margin-top:6px"><div class="progress-bar" style="width:50%;background:linear-gradient(90deg,#fa8c16,#ffc069)"></div></div> </div> <div class="list-right"> <div class="price">¥420K</div> <div class="text-gray fs12">6/12</div> </div> </div> <div class="list-item" onclick="showPage('page-opportunity-detail')"> <div style="width:40px;height:40px;background:#f4ecff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">💼</div> <div class="list-content"> <div class="list-title">智能照明系统升级</div> <div class="list-sub">上海电气集团 · 送样阶段 · 80%</div> <div class="progress" style="margin-top:6px"><div class="progress-bar" style="width:80%;background:linear-gradient(90deg,#722ed1,#b37feb)"></div></div> </div> <div class="list-right"> <div class="price">¥200K</div> <div class="text-gray fs12">6/10</div> </div> </div> <div class="list-item"> <div style="width:40px;height:40px;background:#e6f7ee;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">💼</div> <div class="list-content"> <div class="list-title">低压成套设备采购</div> <div class="list-sub">正泰电气 · 跟进阶段 · 35%</div> <div class="progress" style="margin-top:6px"><div class="progress-bar" style="width:35%;background:linear-gradient(90deg,#52c41a,#95de64)"></div></div> </div> <div class="list-right"> <div class="price">¥320K</div> <div class="text-gray fs12">6/8</div> </div> </div> <div class="list-item"> <div style="width:40px;height:40px;background:#fff1f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">💼</div> <div class="list-content"> <div class="list-title">智能家居样板工程</div> <div class="list-sub">施耐德电气 · 成交阶段 · 95%</div> <div class="progress" style="margin-top:6px"><div class="progress-bar" style="width:95%;background:linear-gradient(90deg,#ff4d4f,#ff7875)"></div></div> </div> <div class="list-right"> <div class="price">¥860K</div> <div class="text-gray fs12">6/5</div> </div> </div> <div class="list-item"> <div style="width:40px;height:40px;background:#e6f4ff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">💼</div> <div class="list-content"> <div class="list-title">智能断路器年度框架</div> <div class="list-sub">ABB 中国 · 新建阶段 · 10%</div> <div class="progress" style="margin-top:6px"><div class="progress-bar" style="width:10%"></div></div> </div> <div class="list-right"> <div class="price">¥150K</div> <div class="text-gray fs12">5/28</div> </div> </div> </div> <div class="tab-bar"> <div class="tab-item" onclick="switchTab(this,'page-home')"><div class="icon">🏠</div>首页</div> <div class="tab-item" onclick="switchTab(this,'page-customer')"><div class="icon">👥</div>客户</div> <div class="tab-item active" onclick="switchTab(this,'page-opportunity')"><div class="icon">💼</div>商机</div> <div class="tab-item" onclick="switchTab(this,'page-message')"><div class="icon">🔔</div>消息<div class="badge">5</div></div> <div class="tab-item" onclick="switchTab(this,'page-me')"><div class="icon">👤</div>我的</div> </div> </div> <!-- ============ 商机详情 ============ --> <div class="page" id="page-opportunity-detail"> <div class="header-gradient"> <div class="nav-bar"> <div class="nav-back" onclick="goBack()">‹</div> <div class="nav-title" style="color:#fff">商机详情</div> <div class="nav-right" style="color:#fff" onclick="showToast('已编辑')">✏️</div> </div> <div style="padding:6px 0 16px"> <div style="font-size:11px;opacity:.85">OP20250615023</div> <div style="font-size:18px;font-weight:600;margin-top:6px">智能配电柜采购项目</div> <div style="display:flex;align-items:center;gap:6px;margin-top:8px"> <span style="background:rgba(255,255,255,.2);padding:2px 8px;border-radius:4px;font-size:11px">报价阶段</span> <span style="font-size:11px;opacity:.85">预计 2026-07-15 成交</span> </div> </div> <div style="background:rgba(255,255,255,.15);border-radius:10px;padding:14px"> <div style="font-size:24px;font-weight:700">¥580,000</div> <div style="font-size:11px;opacity:.85;margin-top:4px">预估订单金额 · 毛利率 32%</div> <div class="progress" style="margin-top:10px;background:rgba(255,255,255,.2)"><div class="progress-bar" style="width:70%;background:#fff"></div></div> <div style="display:flex;justify-content:space-between;margin-top:6px;font-size:11px;opacity:.85"> <span>报价阶段</span> <span>成交</span> </div> </div> </div> <div class="scroll" style="padding-bottom:40px"> <!-- 生命周期 --> <div class="card"> <div class="card-title"><span>🔄 商机全生命周期</span></div> <div class="steps"> <div class="step done"><div class="step-num">✓</div>新建<div class="step-line"></div></div> <div class="step done"><div class="step-num">✓</div>跟进<div class="step-line"></div></div> <div class="step active"><div class="step-num">3</div>报价<div class="step-line"></div></div> <div class="step"><div class="step-num">4</div>送样<div class="step-line"></div></div> <div class="step"><div class="step-num">5</div>成交<div class="step-line"></div></div> <div class="step"><div class="step-num">6</div>丢单</div> </div> </div> <!-- 关联信息 --> <div class="card"> <div class="card-title"><span>🔗 关联信息</span></div> <div class="form-item" style="padding:8px 0;border:none" onclick="showPage('page-customer-detail')"> <div class="form-label">客户</div> <div class="form-input text-primary">上海电气集团 ›</div> </div> <div class="form-item" style="padding:8px 0;border:none" onclick="showPage('page-product')"> <div class="form-label">产品</div> <div class="form-input text-primary">智能配电断路器 · 50 台 ›</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">决策人</div> <div class="form-input">王志强（技术总监）</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">预计签约</div> <div class="form-input">2026-07-15</div> </div> </div> <!-- 跟进记录 --> <div class="card"> <div class="card-title"> <span>📝 跟进记录 (8)</span> <span class="more text-primary" onclick="showPage('page-visit-log')">+ 写日志</span> </div> <div style="position:relative;padding-left:20px"> <div style="position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#f0f0f0"></div> <div style="position:relative;padding-bottom:14px"> <div style="position:absolute;left:-16px;top:2px;width:12px;height:12px;border-radius:50%;background:#fa8c16;border:2px solid #fff;box-shadow:0 0 0 2px #fa8c16"></div> <div class="fs13 fw600">提交报价方案</div> <div class="fs12 text-gray mt8">2026-06-15 · 与王志强确认技术参数，提交正式报价</div> <div style="background:#f8f8f8;border-radius:6px;padding:8px;margin-top:6px;font-size:11px;color:#666">附件：智能配电柜报价单_v2.pdf</div> </div> <div style="position:relative;padding-bottom:14px"> <div style="position:absolute;left:-16px;top:2px;width:12px;height:12px;border-radius:50%;background:#52c41a;border:2px solid #fff;box-shadow:0 0 0 2px #52c41a"></div> <div class="fs13 fw600">技术方案对接</div> <div class="fs12 text-gray mt8">2026-06-07 · 与技术团队沟通方案细节</div> </div> <div style="position:relative;padding-bottom:14px"> <div style="position:absolute;left:-16px;top:2px;width:12px;height:12px;border-radius:50%;background:#1677ff;border:2px solid #fff;box-shadow:0 0 0 2px #1677ff"></div> <div class="fs13 fw600">初次接触</div> <div class="fs12 text-gray mt8">2026-05-20 · 通过行业展会建立联系</div> </div> </div> </div> <div style="padding:0 12px"> <button class="btn-primary" onclick="showPage('page-visit-log')">+ 写跟进日志</button> </div> <div style="height:20px"></div> </div> </div> <!-- ============ 新建拜访日志 ============ --> <div class="page" id="page-visit-log"> <div class="nav-bar"> <div class="nav-back" onclick="goBack()">‹</div> <div class="nav-title">新建拜访日志</div> <div class="nav-right" style="color:#1677ff;font-weight:500" onclick="submitLog()">提交</div> </div> <div class="scroll" style="padding-bottom:60px"> <!-- 客户选择 --> <div class="card"> <div class="card-title"><span>👤 拜访客户</span><span class="text-red fs12">*</span></div> <div class="form-item" style="padding:8px 0;border:none" onclick="showToast('请选择客户')"> <div class="form-label">选择客户</div> <div class="form-input text-primary">上海电气集团股份有限公司 ›</div> </div> </div> <!-- AI自动回填基础信息 --> <div class="card ai-card"> <div class="card-title"> <span>🤖 基础信息 <span class="tag tag-purple">AI 自动回填</span></span> <span class="more text-gray fs12">不可编辑</span> </div> <div class="form-item" style="padding:6px 0;border:none;background:transparent"> <div class="form-label">拜访人</div> <div class="form-input" style="color:#666">张明远</div> </div> <div class="form-item" style="padding:6px 0;border:none;background:transparent"> <div class="form-label">开始时间</div> <div class="form-input" style="color:#666">2026-06-16 10:00</div> </div> <div class="form-item" style="padding:6px 0;border:none;background:transparent"> <div class="form-label">拜访时长</div> <div class="form-input" style="color:#666">1 小时 30 分钟</div> </div> <div class="form-item" style="padding:6px 0;border:none;background:transparent"> <div class="form-label">拜访地址</div> <div class="form-input" style="color:#666;text-align:right;line-height:1.5">上海市浦东新区<br>张江高科技园区祖冲之路 1129 号</div> </div> <div class="form-item" style="padding:6px 0;border:none;background:transparent"> <div class="form-label">客户分类</div> <div class="form-input" style="color:#666">战略客户 · 电力/电气制造</div> </div> <div style="font-size:10px;color:#999;margin-top:6px;display:flex;align-items:center;gap:4px">🔒 以上信息由系统自动回填（基于打卡 + GPS 解析）</div> </div> <!-- 业务信息 --> <div class="card"> <div class="card-title"><span>📦 业务信息 <span class="text-red fs12">*</span></span></div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">对接人</div> <div class="form-input text-primary" onclick="showToast('选择对接人')">王志强（技术总监）›</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">涉及产品</div> <div class="form-input text-primary" onclick="showPage('page-product')">智能配电断路器·50台 ›</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">产品规格</div> <div class="form-input text-primary" onclick="showToast('选择规格')">NSX 400N 3P ›</div> </div> <div class="form-item" style="padding:8px 0;border:none"> <div class="form-label">客户需求</div> <div class="form-input" style="text-align:right;color:#999">未填写</div> </div> </div> <!-- 洽谈结果 --> <div class="card"> <div class="card-title"><span>💬 洽谈结果 <span class="text-red fs12">*</span></span></div> <textarea class="form-textarea" placeholder="本次洽谈的关键成果、客户反馈、决策推进等...">客户对智能配电柜技术方案整体认可，认为能耗指标优于现有设备；价格方面希望控制在 580K 以内，对比友商报价低 5%；下周三安排技术团队到厂区实地考察，需提前准备样品参数表。
128/500
🎯 后续跟进计划
*
评分重点
1. 6/17 前提交优化版报价单（≤580K），技术参数补充完整； 2. 6/19 安排技术团队到厂区考察，提前 3 天确认行程； 3. 6/22 前发送样品参数表至王志强微信； 4. 争取 6/30 前促成商务谈判，锁定合同。
📎 现场照片/资料
📷
合影.jpg
📄
方案.pdf
+
提交并触发 AI 评分
‹
AI 评分报告
📤
🤖 AI 智能评分 · 满分 100
92
分
✓ 优秀 · 行业前 10%
📊 四维评分
28/30
完整性
32/35
业务有效性
22/25
跟进落地性
10/10
内容真实性
💡 AI 评语
本次日志记录详实，业务信息完整，洽谈结果抓住了客户核心诉求和价格敏感点。后续计划具备明确的时间节点、责任人，可落地性强。
亮点：
1) 准确识别客户对价格的关注；2) 主动安排技术考察体现服务意识；3) 行动项量化到具体日期。
建议：
1) 可补充与采购部长李明的沟通情况，加强关键影响人覆盖；2) 竞争对手动态需在日志中体现，以便团队及时调整策略。
🎯 改进建议
!
建议补充关键影响人沟通
本次未涉及采购部长李明，建议下次拜访覆盖
↑
提升产品竞争优势描述
建议在洽谈结果中明确对比友商的核心优势
✅ GPS 轨迹校验
✓
真实性验证通过
GPS 轨迹与客户地址匹配 · 停留时长 1h32min
查看日志详情
‹
历史日志
🔽
全部 92
≥90分 38
80-89 41
<80分 13
本周 8
时间
客户
得分 ↓
92
上海电气集团股份有限公司
战略
项目报价洽谈 · 2026-06-14 10:00
客户对智能配电柜技术方案整体认可...
›
88
上海电气集团股份有限公司
战略
技术方案对接 · 2026-06-07 14:30
与张丽工程师详细沟通技术参数...
›
85
正泰电气股份有限公司
重点
合同细节确认 · 2026-06-05 09:30
与采购部长李明确认付款方式...
›
91
施耐德电气 (中国) 有限公司
战略
智能家居方案演示 · 2026-06-03 15:00
完成方案演示，客户对智能场景联动有浓厚兴趣...
›
68
ABB (中国) 有限公司
战略
初次拜访 · 2026-05-28 10:30
⚠️ 业务信息不完整 · 缺少后续计划
›
90
施耐德电气 (中国) 有限公司
战略
项目启动会 · 2026-05-25 14:00
完成项目立项，明确时间节点与责任人...
›
82
中国西电电气股份有限公司
重点
设备考察 · 2026-05-20 09:00
陪同客户参观生产车间...
›
‹
外勤打卡
📋
📍 当前位置
🛰️ GPS 已定位 · 精度 5m
当前打卡状态
09:12:36
✓ 已签到 · 正常
📍 打卡信息
打卡类型
上班签到
打卡地点
上海市浦东新区
张江高科园区
GPS 坐标
121.6047, 31.2089
所属客户
上海电气集团 ›
📝 外勤报备
📋 写日志
⚠️ 离岗预警
1km 内
✓
您当前位于打卡点 1km 范围内
超出范围将自动触发预警，同步至老板 Web + 钉钉
🕐 今日打卡记录
上班签到
已签
09:12 · 张江高科园区
下班签退
未签
预计 18:00
‹
外勤报备
提交
💡
外勤报备说明：
销售遇异常行程（临时外出、客户紧急召见等）可在线提交报备申请，审批通过后该时段不触发离岗预警。
📝 报备信息
报备类型
客户紧急召见 ›
开始时间
2026-06-16 14:00
结束时间
2026-06-16 17:00
地点
上海市闵行区·施耐德电气 ›
报备事由
*
客户临时召开项目启动会，需现场演示智能家居方案并签订合作意向。已与王副总电话确认。
📎 佐证材料（选填）
📷
邮件截图
+
👔 审批人
审批人
李华东（销售总监）
抄送
王丽（HR）
提交报备
‹
产品库
🔍
全部
智能配电断路器
低压电气
电能质量治理
智能照明
智能家居
⚡
智能配电断路器 NSX 400N
3P / 400A / 50kA · 智能化版本
¥3,200
/台起
在售
🔌
低压成套开关设备 MNS
GGD / MNS / GCS 系列
¥18,000
/台起
在售
🔋
电能质量治理装置 APF/SVG
有源滤波器 / 静止无功发生器
¥45,000
/台起
在售
💡
智能照明控制系统
DALI / KNX / 无线 Mesh 协议
¥580
/点位起
在售
🏠
智能家居系统套装
网关+开关+传感器+窗帘电机
¥12,800
/套起
新品
— 已加载全部 5 个品类 86 款产品 —
‹
ERP 订单
🔄
全部 24
已下单 6
生产中 8
已发货 5
已签收 5
🔒 数据由金蝶 ERP 同步，不可编辑
📦
SO20250608012
已签收
上海电气集团 · 低压配电柜 50 台
下单 2026-06-08 · 签收 2026-06-14
¥680K
100%
🚚
SO20250610018
已发货
正泰电气 · 智能断路器 100 台
下单 2026-06-10 · 发货 2026-06-15
¥320K
在途
🏭
SO20250612025
生产中
施耐德电气 · 智能家居网关 500 台
下单 2026-06-12 · 预计 6/25 完成
¥860K
55%
🏭
SO20250614028
生产中
ABB 中国 · 电能质量治理装置 10 套
下单 2026-06-14 · 预计 6/30 完成
¥450K
30%
📦
SO20250315008
已签收
上海电气集团 · 智能断路器 200 台
下单 2026-03-15 · 签收 2026-04-08
¥320K
100%
📝
SO20250616032
已下单
中国西电 · 低压成套设备 8 台
下单 2026-06-16 · 等待生产排期
¥144K
待排期
‹
消息中心
✓
待办 5
通知 12
预警 3
系统
⏰
上海电气集团 - 拜访日志待评分
紧急
AI 智能评分进行中 · 预计 30s 完成
10:32
🤖
正泰电气 - AI 洞察报告已生成
AI
决策链识人完成 · 3 个关键决策人
08:15
📝
外勤报备审批通过
您提交的"客户紧急召见"报备已通过
昨天
📦
3 笔订单已进入发货流程
SO20250610018 等订单已发货
昨天
⚠️
⚠️ 1公里离岗预警
您与打卡点距离 1.2km，请及时返回
昨天
📊
本月销售业绩达成 80%
距离月度目标还差 ¥800K，加油！
6/14
🏆
AI 评分连续 5 次 ≥ 90 分
获得"金质日志"徽章 🎖️
6/12
🏠
首页
👥
客户
💼
商机
🔔
消息
5
👤
我的
我的
⚙️
张
张明远
华东大区 · 上海一区 · 高级销售经理
员工编号 E2018045 · 钉钉已绑定
92
日志均分
12
在跟商机
3
待办
A+
销售评级
📋
我的拜访日志
累计 92 条 · 本月 18 条
›
📊
我的业绩看板
¥3.2M / ¥4M (80%)
›
🗓️
打卡与外勤记录
本月正常打卡 21 天
›
🏆
成就与徽章
已获得 5 枚徽章
›
📍
离岗预警设置
阈值 1km · 推送 Web+钉钉
›
🔔
消息提醒设置
红点提醒 · 弹窗提示
›
🔒
隐私与安全
数据加密 · 权限管理
›
ℹ️
关于销售CRM
v1.0.0 · PO 灰度版本
›
退出登录
🏠
首页
👥
客户
💼
商机
🔔
消息
5
👤
我的