数据驾驶舱 · 全局运营一目了然

实时监控核心业务指标，多维度数据分析，辅助科学决策

数据更新时间： | 自动刷新：每5分钟 | DEMO演示数据

今日活跃用户

12,847

+12.5% 较昨日

本月新增会员

386

+8.3% 较上月

智能体调用次数

89.2K

+23.1% 较昨日

本月合同金额

¥428万

+15.7% 较上月

客户满意度

96.8%

+1.2% 较上月

业务趋势分析近30天数据

服务健康度

用户来源分布

收入构成

区域分布TOP5

近期活跃客户最近更新：刚刚

客户名称	行业	会员等级	本月调用次数	最后活跃	状态
华东装备集团	制造业	企业版	12,450	2分钟前	在线
南方连锁零售	零售业	专业版	8,230	5分钟前	在线
中原城商行	金融	企业版	15,680	12分钟前	在线
智慧教育科技	教育	专业版	5,420	28分钟前	待续费
北方医疗集团	医疗	基础版	2,180	1小时前	在线
西南政务云	政务	企业版	18,900	3小时前	离线
东部物流科技	物流	基础版	1,650	5小时前	离线
华南跨境电商	电商	专业版	6,340	6小时前	待续费

// ====== Dashboard Interactive Features ====== (function(){ // Time range tabs document.querySelectorAll('.time-tab').forEach(function(t){ t.addEventListener('click',function(){ document.querySelectorAll('.time-tab').forEach(function(b){b.classList.remove('active');}); this.classList.add('active'); var r=this.getAttribute('data-range'); updateChartsByRange(r); }); }); // Simulated data by range var dataMap={ day:{kpi:[128,45,23,89,67],line:[12,28,35,42,38,55,48,62,58,70,65,78,72,80,75,82,78,85,88,92,88,95,90,98,94], bar:[8,15,22,18,25,20,28,24],pie:[35,25,20,12,8]}, week:{kpi:[892,312,156,623,445],line:[85,120,145,132,158,175,162,190,178,205,195,218,210,230,225,245,238,260,255,275,268,285,280,295], bar:[62,95,78,110,88,125,102,135],pie:[32,28,22,10,8]}, month:{kpi:[3680,1245,678,2690,1890],line:[320,380,450,420,520,580,550,640,610,700,680,750,720,800,780,850,830,900,880,940,920,980,960,1010], bar:[250,380,310,420,350,480,390,520],pie:[30,27,23,12,8]}, year:{kpi:[44260,14940,8128,32280,22680],line:[2800,3200,3800,3600,4200,4800,4500,5200,5000,5600,5400,6000,5800,6400,6200,6800,6600,7200,7000,7600,7400,8000,7800,8400], bar:[3000,4500,3700,5200,4300,5800,4700,6200],pie:[28,26,24,13,9]} }; function updateChartsByRange(range){ var d=dataMap[range]||dataMap.week; // Update KPI values with animation var kpis=document.querySelectorAll('.kpi-value'); kpis.forEach(function(el,i){if(d.kpi[i]!==undefined)animateVal(el,d.kpi[i]);}); // Update charts if echarts instances exist try{ var mainChart=echarts.getInstanceByDom(document.getElementById('main-chart')); if(mainChart){ mainChart.setOption({xAxis:{data:d.line.map(function(_,i){return(i+1)+''})},series:[{data:d.line}]}); } var pieChart=echarts.getInstanceByDom(document.getElementById('pie-chart')); if(pieChart){ pieChart.setOption({series:[{data:[ {value:d.pie[0],name:'确数治理',itemStyle:{color:'#c41e3a'}}, {value:d.pie[1],name:'确权登记',itemStyle:{color:'#C5975B'}}, {value:d.pie[2],name:'资产评估',itemStyle:{color:'#2d8659'}}, {value:d.pie[3],name:'入表核算',itemStyle:{color:'#1a5fb4'}}, {value:d.pie[4],name:'交易撮合',itemStyle:{color:'#7A7268'}} ]}]}); } }catch(e){} } function animateVal(el,target){ var start=parseInt(el.textContent.replace(/[^0-9]/g,''))||0; var st=null; function step(ts){ if(!st)st=ts; var p=Math.min((ts-st)/600,1); el.textContent=Math.floor(start+(target-start)*p).toLocaleString(); if(p<1)requestAnimationFrame(step); } requestAnimationFrame(step); } // Refresh button window.refreshData=function(){ var btn=document.querySelector('.refresh-btn'); var spin=document.getElementById('spin-icon'); spin.style.display='inline-block'; btn.style.opacity='.6'; setTimeout(function(){ spin.style.display='none'; btn.style.opacity='1'; // Add small random variation to simulate live data var activeTab=document.querySelector('.time-tab.active'); if(activeTab)updateChartsByRange(activeTab.getAttribute('data-range')); },1200); }; // KPI card click interaction document.querySelectorAll('.kpi-card').forEach(function(card){ card.style.cursor='pointer'; card.addEventListener('click',function(){ // Highlight selected card document.querySelectorAll('.kpi-card').forEach(function(c){c.style.boxShadow='';}); this.style.boxShadow='0 4px 20px rgba(196,30,58,.15)'; }); }); })();