|
@@ -53,107 +53,108 @@ function setChartCircularProgressBarOption(chart, data = {}) {
|
|
|
checkData = checkList[3];
|
|
checkData = checkList[3];
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // 定义仪表盘配置项
|
|
|
var option = {
|
|
var option = {
|
|
|
- series: [
|
|
|
|
|
- {
|
|
|
|
|
- type: 'gauge',
|
|
|
|
|
- startAngle: -270,
|
|
|
|
|
- endAngle: 90,
|
|
|
|
|
- legendHoverLink: true,
|
|
|
|
|
- min: 0,
|
|
|
|
|
- max: 100,
|
|
|
|
|
- itemStyle: {
|
|
|
|
|
- color: '#58D9F9',
|
|
|
|
|
- shadowColor: 'rgba(0,138,255,0.45)',
|
|
|
|
|
- shadowBlur: 5,
|
|
|
|
|
- shadowOffsetX: 1,
|
|
|
|
|
- shadowOffsetY: 1
|
|
|
|
|
- },
|
|
|
|
|
- progress: {
|
|
|
|
|
- show: true,
|
|
|
|
|
- roundCap: true,
|
|
|
|
|
- width: 10,
|
|
|
|
|
- itemStyle: {
|
|
|
|
|
- // 进度条样式
|
|
|
|
|
- color: {
|
|
|
|
|
- // 自定义渐变色
|
|
|
|
|
- type: 'linear',
|
|
|
|
|
- x: 0.75,
|
|
|
|
|
- y: 0.75,
|
|
|
|
|
- x2: 0,
|
|
|
|
|
- y2: 0.75,
|
|
|
|
|
- colorStops: [
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: checkData.startColor // 0% 处的颜色
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0.5,
|
|
|
|
|
- color: checkData.centerColor // 100% 处的颜色
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- offset: 1,
|
|
|
|
|
- color: checkData.endColor // 100% 处的颜色
|
|
|
|
|
- }
|
|
|
|
|
- ],
|
|
|
|
|
- global: false // 缺省为 false
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- pointer: {
|
|
|
|
|
- show: false,
|
|
|
|
|
- },
|
|
|
|
|
- axisLine: {
|
|
|
|
|
- roundCap: true,
|
|
|
|
|
- lineStyle: {
|
|
|
|
|
- width: 10,
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- axisTick: {
|
|
|
|
|
- show: false // 是否显示分隔线
|
|
|
|
|
- },
|
|
|
|
|
- splitLine: {
|
|
|
|
|
- show: false // 是否显示分隔线
|
|
|
|
|
- },
|
|
|
|
|
- axisLabel: {
|
|
|
|
|
- show: false,
|
|
|
|
|
- },
|
|
|
|
|
- title: {
|
|
|
|
|
- color: checkData.titleColor,
|
|
|
|
|
- offsetCenter: [0, '-36%'],
|
|
|
|
|
- lineHeight: 15,
|
|
|
|
|
- fontSize: 15,
|
|
|
|
|
- },
|
|
|
|
|
- detail: {
|
|
|
|
|
- backgroundColor: '#fff',
|
|
|
|
|
- width: '60%',
|
|
|
|
|
- lineHeight: 40,
|
|
|
|
|
- height: 40,
|
|
|
|
|
- color: '#333333',
|
|
|
|
|
- offsetCenter: [0, "24%"],
|
|
|
|
|
- valueAnimation: true,
|
|
|
|
|
- formatter: function (value) {
|
|
|
|
|
- return '{value|' + value.toFixed(0) + '}';
|
|
|
|
|
- },
|
|
|
|
|
- rich: {
|
|
|
|
|
- value: {
|
|
|
|
|
- fontSize: 30,
|
|
|
|
|
- fontWeight: 'bolder',
|
|
|
|
|
- color: checkData.titleColor
|
|
|
|
|
- },
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- data: [
|
|
|
|
|
- {
|
|
|
|
|
- name: data?.rscore_desc || checkData.title || '无',
|
|
|
|
|
- value: data?.rscore_value || 0
|
|
|
|
|
- }
|
|
|
|
|
- ]
|
|
|
|
|
- }
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ series: [
|
|
|
|
|
+ {
|
|
|
|
|
+ type: 'gauge', // 仪表盘类型
|
|
|
|
|
+ startAngle: -270, // 仪表盘起始角度
|
|
|
|
|
+ endAngle: 90, // 仪表盘结束角度
|
|
|
|
|
+ legendHoverLink: true, // 是否启用图例悬浮联动
|
|
|
|
|
+ min: 0, // 仪表盘最小值
|
|
|
|
|
+ max: 100, // 仪表盘最大值
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ color: '#58D9F9', // 仪表盘背景色
|
|
|
|
|
+ shadowColor: 'rgba(0,138,255,0.45)', // 阴影颜色
|
|
|
|
|
+ shadowBlur: 5, // 阴影模糊大小
|
|
|
|
|
+ shadowOffsetX: 1, // 阴影水平偏移
|
|
|
|
|
+ shadowOffsetY: 1 // 阴影垂直偏移
|
|
|
|
|
+ },
|
|
|
|
|
+ progress: {
|
|
|
|
|
+ show: true, // 是否显示进度条
|
|
|
|
|
+ roundCap: true, // 是否显示圆角
|
|
|
|
|
+ width: 10, // 进度条宽度
|
|
|
|
|
+ itemStyle: {
|
|
|
|
|
+ // 进度条样式
|
|
|
|
|
+ color: {
|
|
|
|
|
+ // 自定义渐变色
|
|
|
|
|
+ type: 'linear',
|
|
|
|
|
+ x: 0.75,
|
|
|
|
|
+ y: 0.75,
|
|
|
|
|
+ x2: 0,
|
|
|
|
|
+ y2: 0.75,
|
|
|
|
|
+ colorStops: [
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 0,
|
|
|
|
|
+ color: checkData.startColor // 0% 处的颜色
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 0.5,
|
|
|
|
|
+ color: checkData.centerColor // 100% 处的颜色
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ offset: 1,
|
|
|
|
|
+ color: checkData.endColor // 100% 处的颜色
|
|
|
|
|
+ }
|
|
|
|
|
+ ],
|
|
|
|
|
+ global: false // 缺省为 false
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ pointer: {
|
|
|
|
|
+ show: false, // 是否显示指针
|
|
|
|
|
+ },
|
|
|
|
|
+ axisLine: {
|
|
|
|
|
+ roundCap: true, // 是否显示圆角
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ width: 10, // 轴线宽度
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ axisTick: {
|
|
|
|
|
+ show: false // 是否显示分隔线
|
|
|
|
|
+ },
|
|
|
|
|
+ splitLine: {
|
|
|
|
|
+ show: false // 是否显示分隔线
|
|
|
|
|
+ },
|
|
|
|
|
+ axisLabel: {
|
|
|
|
|
+ show: false, // 是否显示标签
|
|
|
|
|
+ },
|
|
|
|
|
+ title: {
|
|
|
|
|
+ color: checkData.titleColor, // 标题颜色
|
|
|
|
|
+ offsetCenter: [0, '-36%'], // 标题位置
|
|
|
|
|
+ lineHeight: 15, // 行高
|
|
|
|
|
+ fontSize: 15, // 字体大小
|
|
|
|
|
+ },
|
|
|
|
|
+ detail: {
|
|
|
|
|
+ backgroundColor: '#fff', // 背景颜色
|
|
|
|
|
+ width: '60%', // 宽度
|
|
|
|
|
+ lineHeight: 40, // 行高
|
|
|
|
|
+ height: 40, // 高度
|
|
|
|
|
+ color: '#333333', // 字体颜色
|
|
|
|
|
+ offsetCenter: [0, "24%"], // 位置
|
|
|
|
|
+ valueAnimation: true, // 是否启用值的动画效果
|
|
|
|
|
+ formatter: function (value) {
|
|
|
|
|
+ value=(isNaN(value)||null||undefined)?"--":value.toFixed(0);
|
|
|
|
|
+ return '{value|' + value+ '}'; // 数据格式化
|
|
|
|
|
+ },
|
|
|
|
|
+ rich: {
|
|
|
|
|
+ value: {
|
|
|
|
|
+ fontSize: 30, // 字体大小
|
|
|
|
|
+ fontWeight: 'bolder', // 加粗
|
|
|
|
|
+ color: checkData.titleColor // 颜色
|
|
|
|
|
+ },
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ data: [
|
|
|
|
|
+ {
|
|
|
|
|
+ name: data?.rscore_desc || checkData.title || '无', // 数据名称
|
|
|
|
|
+ value: data?.rscore_value || 0 // 数据值
|
|
|
|
|
+ }
|
|
|
|
|
+ ]
|
|
|
|
|
+ }
|
|
|
|
|
+ ]
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
chart.setOption(option, true);
|
|
chart.setOption(option, true);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -1225,7 +1226,6 @@ Page({
|
|
|
routbed_time: 0,
|
|
routbed_time: 0,
|
|
|
rgobed_routbed: 0,
|
|
rgobed_routbed: 0,
|
|
|
sleepHourSub: 0,
|
|
sleepHourSub: 0,
|
|
|
- routbed_count_value: 0,
|
|
|
|
|
reportDate: '',
|
|
reportDate: '',
|
|
|
currentDate: '',
|
|
currentDate: '',
|
|
|
currentTime: '',
|
|
currentTime: '',
|
|
@@ -2163,12 +2163,12 @@ Page({
|
|
|
rlight_duration: ress.rlight_duration,
|
|
rlight_duration: ress.rlight_duration,
|
|
|
rin_duration: ress.rin_duration,
|
|
rin_duration: ress.rin_duration,
|
|
|
rawake_duration: ress.rawake_duration,
|
|
rawake_duration: ress.rawake_duration,
|
|
|
- ravg_hx_value: ress.ravg_hx_value,
|
|
|
|
|
- ravg_hx_desc: ress.ravg_hx_desc,
|
|
|
|
|
- ravg_rh_value: ress.ravg_rh_value,
|
|
|
|
|
- ravg_rh_desc: ress.ravg_rh_desc,
|
|
|
|
|
- rscore_value: ress.rscore_value,
|
|
|
|
|
- rscore_desc: ress.rscore_desc,
|
|
|
|
|
|
|
+ ravg_hx_value: ress.ravg_hx_value===null?"--":ress.ravg_hx_value,
|
|
|
|
|
+ ravg_hx_desc: ress.ravg_hx_desc===null?"--":ress.ravg_hx_desc,
|
|
|
|
|
+ ravg_rh_value: ress.ravg_rh_value===null?"--":ress.ravg_rh_value,
|
|
|
|
|
+ ravg_rh_desc: ress.ravg_rh_desc===null?"--":ress.ravg_rh_desc,
|
|
|
|
|
+ rscore_value: ress.rscore_value===null?"--":ress.rscore_value,
|
|
|
|
|
+ rscore_desc: ress.rscore_desc===null?"--":ress.rscore_desc,
|
|
|
|
|
|
|
|
rsn: ress.rsn,
|
|
rsn: ress.rsn,
|
|
|
rdate: ress.rdate,
|
|
rdate: ress.rdate,
|
|
@@ -2179,7 +2179,6 @@ Page({
|
|
|
routbed_time: ress.routbed_time,//离床时间
|
|
routbed_time: ress.routbed_time,//离床时间
|
|
|
rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
|
|
rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
|
|
|
sleepHourSub: that.getTimeDiffInHours(ress.rgobed_time, ress.routbed_time),
|
|
sleepHourSub: that.getTimeDiffInHours(ress.rgobed_time, ress.routbed_time),
|
|
|
- routbed_count_value: ress.routbed_count_value,//离床次数
|
|
|
|
|
zdPointT: zdPointTemp,
|
|
zdPointT: zdPointTemp,
|
|
|
rdt_arrNew: rdt_arrTemp,
|
|
rdt_arrNew: rdt_arrTemp,
|
|
|
rrh_arrNew: rrh_arrTemp,
|
|
rrh_arrNew: rrh_arrTemp,
|
|
@@ -2199,9 +2198,9 @@ Page({
|
|
|
rawake_duration_efficiency: rawake_duration_efficiency_temp,
|
|
rawake_duration_efficiency: rawake_duration_efficiency_temp,
|
|
|
pushReportId: ress.rdid,
|
|
pushReportId: ress.rdid,
|
|
|
isNoReportToday: false,
|
|
isNoReportToday: false,
|
|
|
- rrs_duration: that.convertTimeToHoursAndMinutes(ress.rrs_duration ? ress.rrs_duration.toString() : '0'),
|
|
|
|
|
- routbed_count_value: ress.routbed_count_value,
|
|
|
|
|
- rsleep_eff_value: ress.rsleep_eff_value,
|
|
|
|
|
|
|
+ rrs_duration: that.convertTimeToHoursAndMinutes(ress.rrs_duration ? ress.rrs_duration.toString() : '0')===null?"--":that.convertTimeToHoursAndMinutes(ress.rrs_duration ? ress.rrs_duration.toString() : '0'),
|
|
|
|
|
+ routbed_count_value: ress.routbed_count_value===null?"--":ress.routbed_count_value ,
|
|
|
|
|
+ rsleep_eff_value: ress.rsleep_eff_value===null?"--":ress.rsleep_eff_value ,
|
|
|
hotelname: ress.hotelname,
|
|
hotelname: ress.hotelname,
|
|
|
roomname: ress.roomname,
|
|
roomname: ress.roomname,
|
|
|
bedname: ress.bedname,
|
|
bedname: ress.bedname,
|