@@ -929,10 +894,23 @@ var CV_RING_DATA={
/* 时间范围缩放系数 */
var CV_RANGE_FACTOR={today:0.18,week:1,month:3.4,year:11.6};
+/* 当前统一时间段（由顶部 Tab 切换，默认近一周，对应各模块原下拉默认值） */
+var currentCvPeriod='week';
+
+/* [交互] 切换全屏统计图表的时间段：更新选中态并重新渲染各图表 */
+function switchCvPeriod(period,el){
+ currentCvPeriod=period||'week';
+ var tabs=document.getElementById('cvPeriodTabs');
+ if(tabs){tabs.querySelectorAll('.header__tab').forEach(function(t){t.classList.remove('header__tab--active');});}
+ var target=el||(tabs&&tabs.querySelector('.header__tab[data-period="'+currentCvPeriod+'"]'));
+ if(target){target.classList.add('header__tab--active');}
+ renderCvRing('heart');renderCvRing('spo2');renderCvRing('pressure');renderCvRing('temp');
+ renderSleepChart();
+ renderStepsChart();
+}
+
function getCvScale(metric){
- var sel=document.getElementById(metric+'RangeSelect');
- var v=sel?sel.value:'week';
- return CV_RANGE_FACTOR[v]||1;
+ return CV_RANGE_FACTOR[currentCvPeriod]||1;
}
function formatCvNum(n){return Math.max(1,Math.round(n)).toLocaleString('zh-CN');}
@@ -989,46 +967,70 @@ renderCvRing('pressure');
renderCvRing('temp');
/* ========== 右侧睡眠柱图 ========== */
-var SLEEP_DATA={
- today:{days:[{day:'06/26',deep:1.6,light:4.0}],avg:'5.6h'},
- week:{days:[
- {day:'06/20',deep:2.4,light:4.8},
- {day:'06/21',deep:1.7,light:4.1},
- {day:'06/22',deep:2.6,light:5.0},
- {day:'06/23',deep:2.0,light:4.4},
- {day:'06/24',deep:1.8,light:4.2},
- {day:'06/25',deep:2.2,light:4.6},
- {day:'06/26',deep:1.6,light:4.0}
- ],avg:'6.7h'},
- month:{days:[
- {day:'05月',deep:2.1,light:4.5},
- {day:'06月上',deep:1.9,light:4.3},
- {day:'06月中',deep:2.3,light:4.7},
- {day:'06月下',deep:2.0,light:4.4}
- ],avg:'6.6h'}
-};
+/* 睡眠监测数据（按时间段聚合：今日24时 / 近一周7日 / 近一月30日 / 近一年12月） */
+/* 以数据最新日 2026-06-26 为基准生成各粒度深睡/浅睡数据（原型演示数据），口径参考求助趋势 */
+function buildSleepData(){
+ function pad(n){return n<10?'0'+n:''+n;}
+ function dateFrom(daysAgo){var dt=new Date(2026,5,26);dt.setDate(dt.getDate()-daysAgo);return dt;}
+ function md(dt){return pad(dt.getMonth()+1)+'-'+pad(dt.getDate());}
+ var data={today:[],week:[],month:[],year:[]};
+ /* 今日：24 小时睡眠分布，深夜0-6时与23时为睡眠段，深睡集中在前半夜 */
+ var deepShape=[0.3,0.3,0.3,0.3,0.2,0.1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.1];
+ var lightShape=[0.6,0.6,0.6,0.6,0.5,0.4,0.3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.4];
+ for(var h=0;h<24;h++){data.today.push({label:pad(h)+'时',deep:deepShape[h],light:lightShape[h]});}
+ /* 近一周：7 日（06-20~06-26） */
+ var wk=[[2.4,4.8],[1.7,4.1],[2.6,5.0],[2.0,4.4],[1.8,4.2],[2.2,4.6],[1.6,4.0]];
+ for(var d=0;d<7;d++){data.week.push({label:md(dateFrom(6-d)),deep:wk[d][0],light:wk[d][1]});}
+ /* 近一月：30 日（05-28~06-26），日均深睡~2.0/浅睡~4.5，含周期波动 */
+ for(var i=29;i>=0;i--){
+ var deep=2.0+Math.round(10*Math.sin(i/3))/10+((i%7===6)?0.3:0);
+ var light=4.5+Math.round(10*Math.sin(i/2.3))/10+((i%7===5||i%7===6)?0.3:0);
+ data.month.push({label:md(dateFrom(i)),deep:Math.max(0.5,deep),light:Math.max(2,light)});
+ }
+ /* 近一年：12 月（2025-07~2026-06），冬季睡眠略长，6月与今日一致 */
+ var monthLabels=['7月','8月','9月','10月','11月','12月','1月','2月','3月','4月','5月','6月'];
+ var yr=[[2.0,4.6],[1.9,4.5],[2.1,4.7],[2.2,4.8],[2.3,4.9],[2.4,5.0],[2.4,5.0],[2.3,4.8],[2.2,4.7],[2.1,4.6],[2.0,4.5],[1.6,4.0]];
+ for(var m=0;m<12;m++){data.year.push({label:monthLabels[m],deep:yr[m][0],light:yr[m][1]});}
+ return data;
+}
+var SLEEP_DATA=buildSleepData();
+
+/* 睡眠柱图（按时间段渲染深睡/浅睡，布局自适应与求助趋势一致） */
function renderSleepChart(){
- var range=document.getElementById('sleepRangeSelect').value;
- var data=SLEEP_DATA[range]||SLEEP_DATA.week;
- var maxHour=6;
- var daysHtml=data.days.map(function(d){
- var deep=Math.min(maxHour,d.deep);
- var light=Math.min(maxHour,d.light);
- return '
'+
+ var period=currentCvPeriod||'week';
+ var buckets=SLEEP_DATA[period]||SLEEP_DATA.week;
+ var n=buckets.length;
+ /* 自适应间距与标签步长：桶越多间距越小、标签越稀疏（与求助趋势一致） */
+ var gap=n<=7?10:(n<=12?6:2);
+ var labelStep=n<=12?1:(n===24?6:5);
+ var periodText={today:'今日24小时',week:'近7日',month:'近30日',year:'近12个月'}[period]||'';
+ /* 按数据集最大值缩放，使柱体铺满绘图区高度（非固定满量程） */
+ var maxVal=0;
+ buckets.forEach(function(b){if(b.deep>maxVal)maxVal=b.deep;if(b.light>maxVal)maxVal=b.light;});
+ var scale=maxVal>0?72/maxVal:0;
+ var sumDeep=0,sumLight=0;
+ var barsHtml=buckets.map(function(b,idx){
+ sumDeep+=b.deep;sumLight+=b.light;
+ var dh=b.deep*scale,lh=b.light*scale;
+ var show=(idx%labelStep===0)||(idx===n-1);
+ return '
'+
'
'+
- ''+
- ''+
+ ''+
+ ''+
'
'+
- ''+d.day+''+
+ ''+(show?b.label:' ')+''+
'
';
}).join('');
+ /* 今日为单日24小时，平均睡眠取合计；其余时间段取日均 */
+ var total=sumDeep+sumLight;
+ var avg=(period==='today'?total:total/n).toFixed(1)+'h';
document.getElementById('sleepChart').innerHTML=
'
';
+}
+function moveSleepTip(x,y){
+ var w=sleepTip.offsetWidth||130,h=sleepTip.offsetHeight||70;
+ var px=x+14,py=y+14;
+ if(px+w>window.innerWidth) px=x-w-14;
+ if(py+h>window.innerHeight) py=y-h-14;
+ sleepTip.style.left=px+'px';sleepTip.style.top=py+'px';
+}
+document.getElementById('sleepChart').addEventListener('mousemove',function(e){
+ var dayEl=e.target.closest&&e.target.closest('.sleep-day');
+ if(!dayEl){ if(sleepTip.style.display!=='none') sleepTip.style.display='none'; sleepTipDay=null; return; }
+ if(dayEl!==sleepTipDay){ sleepTipDay=dayEl; fillSleepTip(dayEl); }
+ sleepTip.style.display='block';
+ moveSleepTip(e.clientX,e.clientY);
+});
+document.getElementById('sleepChart').addEventListener('mouseleave',function(){
+ sleepTip.style.display='none';sleepTipDay=null;
+});
+
/* ========== 右侧步数环形图 ========== */
/* 步数区间分布（单位时间内各步数区间的人数） */
var STEPS_DATA={
@@ -1066,7 +1102,7 @@ var STEPS_DATA={
],total:6635,avg:'7,775 步'}
};
function renderStepsChart(){
- var range=document.getElementById('stepsRangeSelect').value;
+ var range=currentCvPeriod;
var data=STEPS_DATA[range]||STEPS_DATA.week;
var total=data.total;
var c=2*Math.PI*42; /* r=42 周长 ≈263.9 */
@@ -1113,56 +1149,62 @@ function renderStepsChart(){
}
renderStepsChart();
-/* ========== 单位手表配备情况统计 ========== */
-var WATCH_STAT_DATA=[
- {unit:'采油一厂',target:520,deployed:498,online:470,offline:28},
- {unit:'采油二厂',target:480,deployed:455,online:430,offline:25},
- {unit:'采油三厂',target:420,deployed:398,online:375,offline:23},
- {unit:'公司机关',target:380,deployed:372,online:358,offline:14},
- {unit:'兴隆医院',target:160,deployed:155,online:148,offline:7},
- {unit:'宝石花医院',target:180,deployed:170,online:162,offline:8},
- {unit:'高陵医院',target:120,deployed:115,online:108,offline:7},
- {unit:'庆阳医院',target:140,deployed:128,online:118,offline:10}
-];
-function renderWatchStatTable(){
+/* ========== 各单位告警统计（横向滚动卡片，口径参考 help-monitor 各单位求助情况） ========== */
+/* 告警类型归口：穿戴告警（摔倒/一键告警）/ 心血管告警（心率/血氧/压力/体温异常） */
+var ALARM_CATEGORY={'摔倒':'wearable','一键告警':'wearable','心率异常':'cardio','血氧异常':'cardio','压力异常':'cardio','体温异常':'cardio'};
+function buildUnitAlarmStats(){
+ var unitMap={},detail={};
+ ALARM_RECORD_DATA.forEach(function(r){
+ var u=r.unit;
+ if(!unitMap[u]) unitMap[u]=0;
+ unitMap[u]++;
+ if(!detail[u]) detail[u]={wearable:0,cardio:0};
+ var cat=ALARM_CATEGORY[r.alarmType]||'cardio';
+ if(cat==='wearable') detail[u].wearable++; else detail[u].cardio++;
+ });
+ var rows=Object.keys(unitMap).map(function(u){return{unit:u,total:unitMap[u]};})
+ .sort(function(a,b){return b.total-a.total;});/* 按告警次数从高到低排序 */
+ return{rows:rows,detail:detail};
+}
+function renderUnitAlarmStat(){
var track=document.getElementById('watchStatTrack');
- var cards='';
- var sumTarget=0,sumDeployed=0,sumOnline=0,sumOffline=0;
- WATCH_STAT_DATA.forEach(function(r){
- var rate=r.target>0?r.deployed/r.target*100:0;
- var rateClass=rate>=95?'high':(rate>=85?'mid':'low');
- sumTarget+=r.target;sumDeployed+=r.deployed;sumOnline+=r.online;sumOffline+=r.offline;
- cards+='
'+
+ if(!track) return;
+ var stats=buildUnitAlarmStats(),rows=stats.rows,detail=stats.detail;
+ var maxTotal=Math.max.apply(null,rows.map(function(r){return r.total;}))||1;
+ var sumTotal=0,sumWearable=0,sumCardio=0;
+ var cards=rows.map(function(r){
+ var d=detail[r.unit]||{wearable:0,cardio:0};
+ var rate=maxTotal>0?r.total/maxTotal*100:0;
+ sumTotal+=r.total;sumWearable+=d.wearable;sumCardio+=d.cardio;
+ return '