data.js 67 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440
  1. import * as echarts from '../../ec-canvas/echarts';
  2. // 渐变圆环
  3. let chartCircularProgressBar;//圈圈
  4. let chartOutOfBed;//离床
  5. let chartBodyMovementsLine;//体动
  6. let chartCardiacSystemLine;//心脏系统
  7. let chartRespiratoryLine;//平均呼吸率
  8. let chartSnoringLine;//打鼾
  9. let chartApneaLine;//呼吸暂停
  10. let chartTimeWaterfall;//深浅睡眠
  11. // 圈圈>90分极好(绿色)
  12. // > 75分,(浅绿色)良好
  13. // 各项睡眠监测数据统计 > 60分,较差(黄色)
  14. // < 60分,很差(红色)
  15. function setChartCircularProgressBarOption(chart, data = {}) {
  16. var rscore_value = data?.rscore_value || 0;
  17. var checkList = [{
  18. title: "极好",
  19. titleColor: "#0BC3AA",
  20. startColor: "#0AB1C3",
  21. centerColor: "#0BC3AA",
  22. endColor: "#36E1CA",
  23. }, {
  24. title: "良好",
  25. titleColor: "#9C43FF",
  26. startColor: "#8D25FF",
  27. centerColor: "#A631FF",
  28. endColor: "#FF8FF0",
  29. }, {
  30. title: "较差",
  31. titleColor: "#FF8F4E",
  32. startColor: "#EE8B52",
  33. centerColor: "#FAA472",
  34. endColor: "#FAA472",
  35. }, {
  36. title: "很差",
  37. titleColor: "#FB717B",
  38. startColor: "#FB717B",
  39. centerColor: "#FB717B",
  40. endColor: "#FF98A0",
  41. }];
  42. var checkData = checkList[0];
  43. if (rscore_value >= 90 && rscore_value <= 100) {
  44. checkData = checkList[0];
  45. } else if (rscore_value >= 75 && rscore_value < 90) {
  46. checkData = checkList[1];
  47. } else if (rscore_value >= 60 && rscore_value < 75) {
  48. checkData = checkList[2];
  49. } else {
  50. checkData = checkList[3];
  51. }
  52. var option = {
  53. series: [
  54. {
  55. type: 'gauge',
  56. startAngle: -270,
  57. endAngle: 90,
  58. legendHoverLink: true,
  59. min: 0,
  60. max: 100,
  61. itemStyle: {
  62. color: '#58D9F9',
  63. shadowColor: 'rgba(0,138,255,0.45)',
  64. shadowBlur: 5,
  65. shadowOffsetX: 1,
  66. shadowOffsetY: 1
  67. },
  68. progress: {
  69. show: true,
  70. roundCap: true,
  71. width: 10,
  72. itemStyle: {
  73. // 进度条样式
  74. color: {
  75. // 自定义渐变色
  76. type: 'linear',
  77. x: 0.75,
  78. y: 0.75,
  79. x2: 0,
  80. y2: 0.75,
  81. colorStops: [
  82. {
  83. offset: 0,
  84. color: checkData.startColor // 0% 处的颜色
  85. },
  86. {
  87. offset: 0.5,
  88. color: checkData.centerColor // 100% 处的颜色
  89. },
  90. {
  91. offset: 1,
  92. color: checkData.endColor // 100% 处的颜色
  93. }
  94. ],
  95. global: false // 缺省为 false
  96. }
  97. }
  98. },
  99. pointer: {
  100. show: false,
  101. },
  102. axisLine: {
  103. roundCap: true,
  104. lineStyle: {
  105. width: 10,
  106. }
  107. },
  108. axisTick: {
  109. show: false // 是否显示分隔线
  110. },
  111. splitLine: {
  112. show: false // 是否显示分隔线
  113. },
  114. axisLabel: {
  115. show: false,
  116. },
  117. title: {
  118. color: checkData.titleColor,
  119. offsetCenter: [0, '-36%'],
  120. lineHeight: 15,
  121. fontSize: 15,
  122. },
  123. detail: {
  124. backgroundColor: '#fff',
  125. width: '60%',
  126. lineHeight: 40,
  127. height: 40,
  128. color: '#333333',
  129. offsetCenter: [0, "24%"],
  130. valueAnimation: true,
  131. formatter: function (value) {
  132. return '{value|' + value.toFixed(0) + '}';
  133. },
  134. rich: {
  135. value: {
  136. fontSize: 30,
  137. fontWeight: 'bolder',
  138. color: checkData.titleColor
  139. },
  140. }
  141. },
  142. data: [
  143. {
  144. name: data?.rscore_desc || checkData.title || '无',
  145. value: data?.rscore_value || 0
  146. }
  147. ]
  148. }
  149. ]
  150. };
  151. chart.setOption(option, true);
  152. }
  153. function initChartHumidifier(canvas, width, height, dpr) {
  154. // this.selectComponent('#mychart-dom-bar00').init((canvas, width, height, dpr) => {
  155. // 获取组件的 canvas、width、height 后的回调函数
  156. // 在这里初始化图表
  157. const chart = echarts.init(canvas, null, {
  158. width: width,
  159. height: height,
  160. devicePixelRatio: dpr // new
  161. });
  162. canvas.setChart(chart);
  163. setChartCircularProgressBarOption(chart);
  164. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  165. chartCircularProgressBar = chart;
  166. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  167. return chart;
  168. // });
  169. };
  170. function updateChartCircularProgressBarOption(rscore_desc, rscore_value, that) {
  171. if (chartCircularProgressBar) {
  172. setChartCircularProgressBarOption(chartCircularProgressBar, { rscore_desc, rscore_value });
  173. } else {
  174. that.selectComponent('#mychart-dom-CircularProgressBar').init((canvas, width, height, dpr) => {
  175. const chart = echarts.init(canvas, null, {
  176. width: width,
  177. height: height,
  178. devicePixelRatio: dpr // new
  179. });
  180. canvas.setChart(chart);
  181. setChartCircularProgressBarOption(chart, { rscore_desc, rscore_value });
  182. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  183. chartCircularProgressBar = chart;
  184. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  185. return chart;
  186. });
  187. }
  188. }
  189. //离床
  190. function initChartOutOfBed(canvas, width, height, dpr) {
  191. // this.selectComponent('#mychart-dom-bar00').init((canvas, width, height, dpr) => {
  192. // 获取组件的 canvas、width、height 后的回调函数
  193. // 在这里初始化图表
  194. const chart = echarts.init(canvas, null, {
  195. width: width,
  196. height: height,
  197. devicePixelRatio: dpr // new
  198. });
  199. canvas.setChart(chart);
  200. setChartOutOfBedOption(chart);
  201. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  202. chartOutOfBed = chart;
  203. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  204. return chart;
  205. // });
  206. };
  207. function setChartOutOfBedOption(chart, data1 = [], data2 = [],) {
  208. var option = option = {
  209. tooltip: {
  210. show: true,
  211. trigger: 'axis',
  212. formatter: function (param) {
  213. return `${param[0] && param[0].value == 1 ? '在床' : '离床'}`
  214. }
  215. },
  216. dataZoom: [
  217. { // 第一个 dataZoom 组件
  218. type: 'inside',
  219. },
  220. ],
  221. grid: {
  222. top: '40rpx',
  223. left: 0,
  224. right: '20rpx',
  225. bottom: 0,
  226. containLabel: true
  227. },
  228. xAxis: {
  229. type: 'category',
  230. axisLabel: {
  231. color: '#6C6970',// 设置 x 轴标签颜色为白色
  232. fontSize: 10
  233. },
  234. boundaryGap: false,
  235. splitLine: {
  236. show: false, // 是否显示刻度线
  237. },
  238. axisTick: {
  239. // 不显示Y轴刻度线
  240. show: false
  241. },
  242. data: data1,
  243. axisLine: {
  244. // 不显示X轴轴线
  245. show: false
  246. }
  247. },
  248. yAxis: {
  249. // Y 轴配置
  250. type: 'value',
  251. show: false
  252. },
  253. series: [{
  254. type: 'line',
  255. name: '睡眠状态',
  256. smooth: true,
  257. lineStyle: {
  258. width: 1,
  259. color: '#54C68B'
  260. },
  261. emphasis: {
  262. disabled: true,
  263. scale: false,
  264. lineStyle: {
  265. width: 1,
  266. color: '#54C68B'
  267. },
  268. },
  269. showSymbol: false,
  270. areaStyle: {
  271. opacity: 0.8,
  272. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  273. {
  274. offset: 0,
  275. color: '#B8EBD0'
  276. },
  277. {
  278. offset: 1,
  279. color: 'rgba(255, 255, 255, 0)'
  280. }
  281. ])
  282. },
  283. data: data2,
  284. }]
  285. };
  286. chart.setOption(option, true);
  287. }
  288. function updateOutOfBed(data1, data2, startSleepTime, endSleepTime, that) {
  289. if (chartOutOfBed) {
  290. setChartOutOfBedOption(chartOutOfBed, data1, data2);
  291. } else {
  292. that.selectComponent('#chartOutOfBed-dom').init((canvas, width, height, dpr) => {
  293. const chart = echarts.init(canvas, null, {
  294. width: width,
  295. height: height,
  296. devicePixelRatio: dpr // new
  297. });
  298. canvas.setChart(chart);
  299. setChartOutOfBedOption(chart, data1, data2);
  300. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  301. chartOutOfBed = chart;
  302. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  303. return chart;
  304. });
  305. }
  306. }
  307. //体动
  308. function initChartBodyMovementsLine(canvas, width, height, dpr) {
  309. // 在这里初始化图表
  310. const chart = echarts.init(canvas, null, {
  311. width: width,
  312. height: height,
  313. devicePixelRatio: dpr // new
  314. });
  315. canvas.setChart(chart);
  316. setBodyMovementsOption(chart);
  317. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  318. chartBodyMovementsLine = chart;
  319. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  320. return chart;
  321. };
  322. function setBodyMovementsOption(chart, data1 = [], data2 = [],) {
  323. var option = option = {
  324. tooltip: {
  325. show: true,
  326. trigger: 'axis',
  327. formatter: function (param) {
  328. return `${param[0] && param[0].value == 1 ? '体动' : '否'}`
  329. }
  330. },
  331. dataZoom: [
  332. { // 第一个 dataZoom 组件
  333. type: 'inside',
  334. },
  335. ],
  336. grid: {
  337. top: '40rpx',
  338. left: 0,
  339. right: '20rpx',
  340. bottom: 0,
  341. containLabel: true
  342. },
  343. xAxis: {
  344. type: 'category',
  345. axisLabel: {
  346. color: '#6C6970',// 设置 x 轴标签颜色为白色
  347. fontSize: 10
  348. },
  349. boundaryGap: false,
  350. splitLine: {
  351. show: false, // 是否显示刻度线
  352. },
  353. axisTick: {
  354. // 不显示Y轴刻度线
  355. show: false
  356. },
  357. data: data1,
  358. axisLine: {
  359. // 不显示X轴轴线
  360. show: false
  361. }
  362. },
  363. yAxis: {
  364. // Y 轴配置
  365. type: 'value',
  366. show: false
  367. },
  368. series: [{
  369. name: '睡眠状态',
  370. type: 'line',
  371. smooth: true,
  372. lineStyle: {
  373. width: 1,
  374. color: '#5582FF'
  375. },
  376. emphasis: {
  377. disabled: true,
  378. scale: false,
  379. lineStyle: {
  380. width: 1,
  381. color: '#5582FF'
  382. },
  383. },
  384. showSymbol: false,
  385. areaStyle: {
  386. opacity: 0.8,
  387. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  388. {
  389. offset: 0,
  390. color: 'rgba(85, 130, 255, 0.5)'
  391. },
  392. {
  393. offset: 1,
  394. color: 'rgba(149, 177, 255, 0.3)'
  395. }
  396. ])
  397. },
  398. data: data2,
  399. }]
  400. };
  401. chart.setOption(option, true);
  402. }
  403. function updateBodyMovements(data1, data2, startSleepTime, endSleepTime, that) {
  404. if (chartBodyMovementsLine) {
  405. setBodyMovementsOption(chartBodyMovementsLine, data1, data2);
  406. } else {
  407. that.selectComponent('#chartBodyMovementsLine-dom').init((canvas, width, height, dpr) => {
  408. const chart = echarts.init(canvas, null, {
  409. width: width,
  410. height: height,
  411. devicePixelRatio: dpr // new
  412. });
  413. canvas.setChart(chart);
  414. setBodyMovementsOption(chart, data1, data2);
  415. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  416. chartBodyMovementsLine = chart;
  417. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  418. return chart;
  419. });
  420. }
  421. }
  422. //心脏系统
  423. function initChartCardiacSystemLine(canvas, width, height, dpr) {
  424. // 在这里初始化图表
  425. const chart = echarts.init(canvas, null, {
  426. width: width,
  427. height: height,
  428. devicePixelRatio: dpr // new
  429. });
  430. canvas.setChart(chart);
  431. setCardiacSystemOption(chart);
  432. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  433. chartCardiacSystemLine = chart;
  434. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  435. return chart;
  436. };
  437. function setCardiacSystemOption(chart, data1 = [], data2 = [],) {
  438. var option = option = {
  439. tooltip: {
  440. show: true,
  441. trigger: 'axis',
  442. formatter: function (param) {
  443. return `${(param[0].value || 0) + '次'}`
  444. }
  445. },
  446. dataZoom: [
  447. { // 第一个 dataZoom 组件
  448. type: 'inside',
  449. },
  450. ],
  451. grid: {
  452. top: '20rpx',
  453. left: '20rpx',
  454. right: '20rpx',
  455. bottom: '10rpx',
  456. containLabel: true
  457. },
  458. xAxis: {
  459. type: 'category',
  460. axisLabel: {
  461. color: '#6C6970',// 设置 x 轴标签颜色为白色
  462. fontSize: 10
  463. },
  464. boundaryGap: false,
  465. splitLine: {
  466. show: false, // 是否显示刻度线
  467. },
  468. axisTick: {
  469. // 不显示Y轴刻度线
  470. show: false
  471. },
  472. data: data1,
  473. axisLine: {
  474. // 不显示X轴轴线
  475. show: false
  476. }
  477. },
  478. yAxis: {
  479. type: 'value',
  480. max: 100,
  481. min: 0,
  482. show: true,
  483. offset: 10,
  484. splitLine: {
  485. show: false
  486. },
  487. axisLabel: {
  488. hideOverlap: true,
  489. fontSize: 10,
  490. }
  491. },
  492. series: [{
  493. type: 'line',
  494. smooth: true,
  495. lineStyle: {
  496. width: 1,
  497. color: '#F47893'
  498. },
  499. emphasis: {
  500. disabled: true,
  501. scale: false,
  502. lineStyle: {
  503. width: 1,
  504. color: '#F47893'
  505. },
  506. },
  507. showSymbol: false,
  508. areaStyle: {
  509. opacity: 0.8,
  510. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  511. {
  512. offset: 0,
  513. color: 'rgba(244, 120, 147, 0.5)'
  514. },
  515. {
  516. offset: 1,
  517. color: 'rgba(250, 140, 164, 0.3)'
  518. }
  519. ])
  520. },
  521. data: data2,
  522. }]
  523. };
  524. chart.setOption(option, true);
  525. }
  526. function updateCardiacSystem(data1, data2, that) {
  527. if (chartCardiacSystemLine) {
  528. setCardiacSystemOption(chartCardiacSystemLine, data1, data2);
  529. } else {
  530. that.selectComponent('#chartCardiacSystemLine-dom').init((canvas, width, height, dpr) => {
  531. const chart = echarts.init(canvas, null, {
  532. width: width,
  533. height: height,
  534. devicePixelRatio: dpr // new
  535. });
  536. canvas.setChart(chart);
  537. setCardiacSystemOption(chart, data1, data2);
  538. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  539. chartBodyMovementsLine = chart;
  540. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  541. return chart;
  542. });
  543. }
  544. }
  545. //平均呼吸率
  546. function initChartRespiratoryLine(canvas, width, height, dpr) {
  547. // 在这里初始化图表
  548. const chart = echarts.init(canvas, null, {
  549. width: width,
  550. height: height,
  551. devicePixelRatio: dpr // new
  552. });
  553. canvas.setChart(chart);
  554. setRespiratoryOption(chart);
  555. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  556. chartRespiratoryLine = chart;
  557. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  558. return chart;
  559. };
  560. function setRespiratoryOption(chart, data1 = [], data2 = [],) {
  561. var option = option = {
  562. tooltip: {
  563. show: true,
  564. trigger: 'axis',
  565. formatter: function (param) {
  566. return `${(param[0].value || 0) + '次'}`
  567. }
  568. },
  569. dataZoom: [
  570. { // 第一个 dataZoom 组件
  571. type: 'inside',
  572. },
  573. ],
  574. grid: {
  575. top: '20rpx',
  576. left: '20rpx',
  577. right: '20rpx',
  578. bottom: '10rpx',
  579. containLabel: true
  580. },
  581. xAxis: {
  582. type: 'category',
  583. axisLabel: {
  584. color: '#6C6970',// 设置 x 轴标签颜色为白色
  585. fontSize: 10
  586. },
  587. boundaryGap: false,
  588. splitLine: {
  589. show: false, // 是否显示刻度线
  590. },
  591. axisTick: {
  592. // 不显示Y轴刻度线
  593. show: false
  594. },
  595. data: data1,
  596. axisLine: {
  597. // 不显示X轴轴线
  598. show: false
  599. }
  600. },
  601. yAxis: {
  602. type: 'value',
  603. max: 24,
  604. min: 0,
  605. show: true,
  606. offset: 10,
  607. splitLine: {
  608. show: false
  609. },
  610. axisLabel: {
  611. hideOverlap: true,
  612. fontSize: 10,
  613. }
  614. },
  615. series: [{
  616. type: 'line',
  617. smooth: true,
  618. lineStyle: {
  619. width: 1,
  620. color: '#06A9AD'
  621. },
  622. emphasis: {
  623. disabled: true,
  624. scale: false,
  625. lineStyle: {
  626. width: 1,
  627. color: '#06A9AD'
  628. },
  629. },
  630. showSymbol: false,
  631. areaStyle: {
  632. opacity: 0.8,
  633. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  634. {
  635. offset: 0,
  636. color: 'rgba(186, 246, 231, 1)'
  637. },
  638. {
  639. offset: 1,
  640. color: 'rgba(255, 255, 255, 0)'
  641. }
  642. ])
  643. },
  644. data: data2,
  645. }]
  646. };
  647. chart.setOption(option, true);
  648. }
  649. function updateRespiratory(data1, data2, startSleepTime, endSleepTime, that) {
  650. if (chartRespiratoryLine) {
  651. setRespiratoryOption(chartRespiratoryLine, data1, data2);
  652. } else {
  653. that.selectComponent('#chartRespiratoryLine-dom').init((canvas, width, height, dpr) => {
  654. const chart = echarts.init(canvas, null, {
  655. width: width,
  656. height: height,
  657. devicePixelRatio: dpr // new
  658. });
  659. canvas.setChart(chart);
  660. setRespiratoryOption(chart, data1, data2);
  661. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  662. chartRespiratoryLine = chart;
  663. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  664. return chart;
  665. });
  666. }
  667. }
  668. //打鼾
  669. function initSnoringLine(canvas, width, height, dpr) {
  670. // 在这里初始化图表
  671. const chart = echarts.init(canvas, null, {
  672. width: width,
  673. height: height,
  674. devicePixelRatio: dpr // new
  675. });
  676. canvas.setChart(chart);
  677. setSnoringOption(chart);
  678. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  679. chartSnoringLine = chart;
  680. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  681. return chart;
  682. };
  683. function setSnoringOption(chart, data1 = [], data2 = [],) {
  684. var option = option = {
  685. tooltip: {
  686. show: true,
  687. trigger: 'axis',
  688. formatter: function (param) {
  689. return `${param[0] && param[0].value == 1 ? '打鼾' : '否'}`
  690. }
  691. },
  692. dataZoom: [
  693. { // 第一个 dataZoom 组件
  694. type: 'inside',
  695. },
  696. ],
  697. grid: {
  698. top: '40rpx',
  699. left: 0,
  700. right: '20rpx',
  701. bottom: 0,
  702. containLabel: true
  703. },
  704. xAxis: {
  705. type: 'category',
  706. axisLabel: {
  707. color: '#6C6970',// 设置 x 轴标签颜色为白色
  708. fontSize: 10
  709. },
  710. boundaryGap: false,
  711. splitLine: {
  712. show: false, // 是否显示刻度线
  713. },
  714. axisTick: {
  715. // 不显示Y轴刻度线
  716. show: false
  717. },
  718. data: data1,
  719. axisLine: {
  720. // 不显示X轴轴线
  721. show: false
  722. }
  723. },
  724. yAxis: {
  725. type: 'value',
  726. show: false,
  727. },
  728. series: [{
  729. type: 'line',
  730. smooth: true,
  731. lineStyle: {
  732. width: 1,
  733. color: '#EE8B52'
  734. },
  735. emphasis: {
  736. disabled: true,
  737. scale: false,
  738. lineStyle: {
  739. width: 1,
  740. color: '#EE8B52'
  741. },
  742. },
  743. showSymbol: false,
  744. areaStyle: {
  745. opacity: 0.8,
  746. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  747. {
  748. offset: 0,
  749. color: 'rgba(249, 211, 189, 1)'
  750. },
  751. {
  752. offset: 1,
  753. color: 'rgba(255, 255, 255, 0)'
  754. }
  755. ])
  756. },
  757. data: data2,
  758. }]
  759. };
  760. chart.setOption(option, true);
  761. }
  762. function updateSnoring(data1, data2, startSleepTime, endSleepTime, that) {
  763. if (chartSnoringLine) {
  764. setSnoringOption(chartSnoringLine, data1, data2);
  765. } else {
  766. that.selectComponent('#chartSnoringLine-dom').init((canvas, width, height, dpr) => {
  767. const chart = echarts.init(canvas, null, {
  768. width: width,
  769. height: height,
  770. devicePixelRatio: dpr // new
  771. });
  772. canvas.setChart(chart);
  773. setSnoringOption(chart, data1, data2);
  774. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  775. chartSnoringLine = chart;
  776. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  777. return chart;
  778. });
  779. }
  780. }
  781. //呼吸暂停
  782. function initApneaLine(canvas, width, height, dpr) {
  783. // 在这里初始化图表
  784. const chart = echarts.init(canvas, null, {
  785. width: width,
  786. height: height,
  787. devicePixelRatio: dpr // new
  788. });
  789. canvas.setChart(chart);
  790. setApneaOption(chart);
  791. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  792. chartApneaLine = chart;
  793. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  794. return chart;
  795. };
  796. function setApneaOption(chart, data1 = [], data2 = [],) {
  797. var option = option = {
  798. tooltip: {
  799. show: true,
  800. trigger: 'axis',
  801. formatter: function (param) {
  802. return `${param[0] && param[0].value == 1 ? '停止' : '否'}`
  803. }
  804. },
  805. dataZoom: [
  806. { // 第一个 dataZoom 组件
  807. type: 'inside',
  808. },
  809. ],
  810. grid: {
  811. top: '40rpx',
  812. left: 0,
  813. right: '20rpx',
  814. bottom: 0,
  815. containLabel: true
  816. },
  817. xAxis: {
  818. type: 'category',
  819. axisLabel: {
  820. color: '#6C6970',// 设置 x 轴标签颜色为白色
  821. fontSize: 10
  822. },
  823. boundaryGap: false,
  824. splitLine: {
  825. show: false, // 是否显示刻度线
  826. },
  827. axisTick: {
  828. // 不显示Y轴刻度线
  829. show: false
  830. },
  831. data: data1,
  832. axisLine: {
  833. // 不显示X轴轴线
  834. show: false
  835. }
  836. },
  837. yAxis: {
  838. type: 'value',
  839. show: false,
  840. },
  841. series: [{
  842. type: 'line',
  843. smooth: true,
  844. lineStyle: {
  845. width: 1,
  846. color: '#6086EF'
  847. },
  848. emphasis: {
  849. disabled: true,
  850. scale: false,
  851. lineStyle: {
  852. width: 1,
  853. color: '#6086EF'
  854. },
  855. },
  856. showSymbol: false,
  857. areaStyle: {
  858. opacity: 0.8,
  859. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  860. {
  861. offset: 0,
  862. color: 'rgba(96, 134, 239, 1)'
  863. },
  864. {
  865. offset: 1,
  866. color: 'rgba(255, 255, 255, 0)'
  867. }
  868. ])
  869. },
  870. data: data2,
  871. }]
  872. };
  873. chart.setOption(option, true);
  874. }
  875. function updateApnea(data1, data2, startSleepTime, endSleepTime, that) {
  876. if (chartApneaLine) {
  877. setApneaOption(chartApneaLine, data1, data2);
  878. } else {
  879. that.selectComponent('#chartApneaLine-dom').init((canvas, width, height, dpr) => {
  880. const chart = echarts.init(canvas, null, {
  881. width: width,
  882. height: height,
  883. devicePixelRatio: dpr // new
  884. });
  885. canvas.setChart(chart);
  886. setApneaOption(chart, data1, data2);
  887. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  888. chartApneaLine = chart;
  889. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  890. return chart;
  891. });
  892. }
  893. }
  894. //深浅睡眠
  895. function timestampToHHMM(timestamp) {
  896. let date = new Date(timestamp); // 注意:JavaScript中的Date是以毫秒为单位的
  897. let hours = date.getHours().toString().padStart(2, '0'); // 获取小时数,并补零
  898. let minutes = date.getMinutes().toString().padStart(2, '0'); // 获取分钟数,并补零
  899. return hours + ':' + minutes;
  900. }
  901. // 自定义图形
  902. function renderItem(params, api) {
  903. var categoryIndex = api.value(0);
  904. var startX = api.coord([api.value(1), categoryIndex])[0];
  905. var endX = api.coord([api.value(2), categoryIndex])[0];
  906. var centerY = api.coord([
  907. api.value(1) + (api.value(2) - api.value(1)) / 2,
  908. categoryIndex
  909. ])[1]; // 取中间点的y坐标
  910. var height = api.size([0, 1])[1] * 1;
  911. var width = endX - startX;
  912. // 创建一个矩形
  913. var rect = {
  914. x: startX,
  915. y: centerY - height / 2,
  916. r: 2,
  917. width: width,
  918. height: height
  919. };
  920. // 返回的图形对象
  921. return {
  922. type: 'rect',
  923. shape: rect,
  924. style: api.style()
  925. };
  926. }
  927. function initChartTimeWaterfall(canvas, width, height, dpr) {
  928. // 在这里初始化图表
  929. const chart = echarts.init(canvas, null, {
  930. width: width,
  931. height: height,
  932. devicePixelRatio: dpr // new
  933. });
  934. canvas.setChart(chart);
  935. setTimeWaterfallOption(chart, null, [{ "name": "清醒", "value": [2, 0, 0, 0], "itemStyle": { "normal": { "color": { "colorStops": [{ "offset": 0, "color": "#AAD09F" }, { "offset": 1, "color": "#AAD09F" }], "x": 0, "y": 0, "x2": 0, "y2": 1, "type": "linear", "global": false } } } }]);
  936. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  937. chartTimeWaterfall = chart;
  938. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  939. return chart;
  940. };
  941. function setTimeWaterfallOption(chart, startTime = new Date().getTime(), data = [], categories = ['深睡', '中睡', '浅睡', '清醒']) {
  942. var option =
  943. option = {
  944. tooltip: {
  945. show: true,
  946. formatter: function (params) {
  947. return params.marker + params.name + ': ' + params.value[3] + ' m';
  948. }
  949. },
  950. dataZoom: [
  951. {
  952. type: 'inside',
  953. filterMode: 'weakFilter'
  954. }
  955. ],
  956. grid: {
  957. top: 0,
  958. bottom: 0,
  959. height: 160,
  960. containLabel: false
  961. },
  962. xAxis: {
  963. type: 'value',
  964. scale: true,
  965. min: startTime,
  966. splitLine: {
  967. show: false // 是否显示刻度线
  968. },
  969. axisLabel: {
  970. color: '#6C6970',// 设置 x 轴标签颜色为白色
  971. fontSize: 10,
  972. formatter: function (val) {
  973. return timestampToHHMM(val || startTime);
  974. }
  975. }
  976. },
  977. yAxis: {
  978. show: false,
  979. data: categories
  980. },
  981. series: [
  982. {
  983. type: 'custom',
  984. renderItem: renderItem,
  985. itemStyle: {
  986. opacity: 1
  987. },
  988. encode: {
  989. x: [1, 2],
  990. y: 0
  991. },
  992. data: data
  993. }
  994. ]
  995. };
  996. chart.setOption(option, true);
  997. }
  998. function updateTimeWaterfall(startTime = new Date().getTime(), data, that) {
  999. console.log("updateTimeWaterfall========>", data);
  1000. if (chartTimeWaterfall) {
  1001. setTimeWaterfallOption(chartTimeWaterfall, startTime, data);
  1002. } else {
  1003. that.selectComponent('#chartTimeWaterfall-dom').init((canvas, width, height, dpr) => {
  1004. const chart = echarts.init(canvas, null, {
  1005. width: width,
  1006. height: height,
  1007. devicePixelRatio: dpr // new
  1008. });
  1009. canvas.setChart(chart);
  1010. setTimeWaterfallOption(chart, startTime, data);
  1011. // 将图表实例绑定到 this 上,可以在其他成员函数(如 dispose)中访问
  1012. chartTimeWaterfall = chart;
  1013. // 注意这里一定要返回 chart 实例,否则会影响事件处理等
  1014. return chart;
  1015. });
  1016. }
  1017. }
  1018. function addZero(str) {
  1019. if (String(str).length == 1) {
  1020. return "0" + String(str);
  1021. } else {
  1022. return String(str);
  1023. }
  1024. }
  1025. const aipushApi = "https://aipush.aidsleep.cn";
  1026. const token_push = "b74fd5754c5ef24cf600c39194abdaeb";
  1027. const token_today_push = "89835e65993fee4a6a6cbbe4c271da51e5521822934e13769e61cadabaed72c3";
  1028. Page({
  1029. /**
  1030. * 页面的初始数据
  1031. */
  1032. data: {
  1033. ecCircularProgressBar: {
  1034. // lazyLoad: true, // 懒加载
  1035. onInit: initChartHumidifier
  1036. },
  1037. ecOutOfBed: {
  1038. // lazyLoad: true, // 懒加载
  1039. onInit: initChartOutOfBed
  1040. },
  1041. ecBodyMovements: {
  1042. // lazyLoad: true, // 懒加载
  1043. onInit: initChartBodyMovementsLine
  1044. },
  1045. ecCardiacSystemLine: {
  1046. // lazyLoad: true, // 懒加载
  1047. onInit: initChartCardiacSystemLine
  1048. },
  1049. ecChartRespiratoryLine: {
  1050. // lazyLoad: true, // 懒加载
  1051. onInit: initChartRespiratoryLine
  1052. },
  1053. // ecSnoringLine: {
  1054. // // lazyLoad: true, // 懒加载
  1055. // onInit: initSnoringLine
  1056. // },
  1057. // ecApneaLine: {
  1058. // // lazyLoad: true, // 懒加载
  1059. // onInit: initApneaLine
  1060. // },
  1061. ecTimeWaterfall: {
  1062. // lazyLoad: true, // 懒加载
  1063. onInit: initChartTimeWaterfall
  1064. },
  1065. showAuthorizedDialog: false,
  1066. status: "",
  1067. isToDay: false,
  1068. year: addZero(new Date().getFullYear()),
  1069. month: addZero(new Date().getMonth()),
  1070. date: addZero(new Date().getDate()),
  1071. hours: addZero(new Date().getHours()),
  1072. rdt_arr: [],
  1073. rrh_arr: [],
  1074. rhx_arr: [],
  1075. rsnoring_arr: [],
  1076. routbed_arr: [],
  1077. rmove_arr: [],
  1078. rhxstop_arr: [],
  1079. rsleep_arr: [],
  1080. rdt_arrNew: [],//睡眠时间轴数据集合
  1081. rrh_arrNew: [],//睡眠心率数据集合
  1082. rhx_arrNew: [],//睡眠呼吸数据集合
  1083. rmove_arrNew: [],//体动状态数据集合,0-否,1-体动状态
  1084. rsleep_arrNew: [],//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
  1085. rsleep_arr_all_New: [],//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
  1086. durationData: [], //睡眠时长
  1087. sleep_duration: [], //睡眠和清醒对比
  1088. rdeep_durationFormatA: {},
  1089. rdeep_duration: 0,
  1090. rlight_duration: 0,
  1091. rin_duration: 0,
  1092. rawake_duration: 0,
  1093. rrs_duration: 0,//入睡时长
  1094. routbed_count_value: 0,//离床次数
  1095. rsleep_eff_value: '',//睡眠效率
  1096. rdeep_durationFormat: '',
  1097. rlight_durationFormat: '',
  1098. rin_durationFormat: '',
  1099. rawake_durationFormat: '',
  1100. ravg_hx_value: 0,
  1101. ravg_hx_desc: '',
  1102. ravg_rh_value: 0,
  1103. ravg_rh_desc: '',
  1104. rscore_value: 0,
  1105. rscore_desc: '',
  1106. sleep_efficiency: '',//睡眠效率
  1107. zdPoint: [],
  1108. rsn: '',
  1109. rdate: '',
  1110. total_duration: 0,
  1111. rtotal_duration: 0,
  1112. rinbed_duration: 0,
  1113. rgobed_time: 0,
  1114. routbed_time: 0,
  1115. rgobed_routbed: 0,
  1116. sleepHourSub: 0,
  1117. routbed_count_value: 0,
  1118. reportDate: '',
  1119. currentDate: '',
  1120. currentTime: '',
  1121. rmove_arrFrequency: 0,//体动次数
  1122. routbed_arrFrequency: 0,//离床次数
  1123. rsnoring_arrFrequency: 0,//打鼾次数
  1124. rhxstop_arrFrequency: 0,//呼吸暂停次数
  1125. sleep_durationCountA: 0,//睡眠时间
  1126. tvEntityIds: [],
  1127. ifOneMoreTV: false,//数据推送是否有多于一台电视
  1128. hotelcode: '',//酒店编码
  1129. roomcode: '',//房间编码
  1130. rdeep_duration_efficiency: '',//深睡比例
  1131. rlight_duration_efficiency: '',//浅睡比例
  1132. rin_duration_efficiency: '',//中睡比例
  1133. rawake_duration_efficiency: '',//清醒比例
  1134. isLoading: false,
  1135. reportId: '',
  1136. hotelname: '',
  1137. roomname: '',
  1138. bedname: '',
  1139. pushReportId: '',//推送用:reportId
  1140. sn: '',//今日报告切换用
  1141. sns: [],//床
  1142. dateData: [],//日期
  1143. dateTimeData: [],//时间段
  1144. selectTitleList: [],//床垫
  1145. showSelect: false,
  1146. showSelectSn: false,
  1147. showSelectDate: false,
  1148. showSelectDateTime: false,
  1149. isNoReportToday: false,
  1150. isShowTz: false,
  1151. tzTitle: '',
  1152. tzSubTitle: '',
  1153. },
  1154. toWarmReminder(e) {
  1155. const tabName = e.currentTarget.dataset.index || 1;
  1156. wx.navigateTo({
  1157. url: '/subpages/warmReminder/warmReminder?id=' + tabName
  1158. })
  1159. },
  1160. getRsleep_arr(list) {
  1161. if (list) {
  1162. console.log("getRsleep_arr_list1==" + JSON.stringify(list));
  1163. for (let i = 0; i < list.length; i++) {
  1164. if (list[i] == '0') {
  1165. list[i] = '清醒';
  1166. } else if (list[i] == '10') {
  1167. list[i] = '浅睡';
  1168. } else if (list[i] == '20') {
  1169. list[i] = '中睡';
  1170. } else if (list[i] == '30') {
  1171. list[i] = '深睡';
  1172. } else {
  1173. list[i] = '其他';
  1174. }
  1175. }
  1176. }
  1177. console.log("getRsleep_arr_list2==" + JSON.stringify(list));
  1178. },
  1179. getFrequency(list) {//获取
  1180. if (list) {
  1181. console.log("getRsleep_arr_list1==" + JSON.stringify(list));
  1182. for (let i = 0; i < list.length; i++) {
  1183. if (list[i] == '0') {
  1184. list[i] = '清醒';
  1185. } else if (list[i] == '10') {
  1186. list[i] = '浅睡';
  1187. } else if (list[i] == '20') {
  1188. list[i] = '中睡';
  1189. } else if (list[i] == '30') {
  1190. list[i] = '深睡';
  1191. } else {
  1192. list[i] = '其他';
  1193. }
  1194. }
  1195. }
  1196. console.log("getRsleep_arr_list2==" + JSON.stringify(list));
  1197. },
  1198. splitN(originalArray, n) {
  1199. if (!originalArray) return [];
  1200. // 计算每份的大小
  1201. // let chunkSize = Math.ceil(originalArray.length / n);
  1202. // 分割数组并获取每份的最后一个元素
  1203. // let lastElements = [];
  1204. // for (let i = 0; i < originalArray.length; i += chunkSize) {
  1205. // let chunk = originalArray.slice(i, i + chunkSize);
  1206. // lastElements.push(chunk[chunk.length - 1]);
  1207. // }
  1208. // 输出每份的最后一个元素
  1209. // console.log('lastElements=' + lastElements);
  1210. return originalArray;
  1211. },
  1212. //获取次数
  1213. getFrequency(list, o) {
  1214. if (!list) return 0;
  1215. let frequency = 0;
  1216. for (let i = 0; i < list.length; i++) {
  1217. if (list[i] == o) frequency++;
  1218. }
  1219. console.log('frequency=' + frequency);
  1220. return frequency;
  1221. },
  1222. getTimeDiffInHours: function (startTimeStr, endTimeStr) {
  1223. // 假设两个时间都是同一天的,这里我们使用当前日期作为基准
  1224. if (!startTimeStr || !endTimeStr) return null;
  1225. const now = new Date();
  1226. const startDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), ...startTimeStr.split(':').map(Number));
  1227. const endDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), ...endTimeStr.split(':').map(Number));
  1228. // 处理跨天的情况
  1229. if (endDate < startDate) {
  1230. endDate.setDate(endDate.getDate() + 1); // 将结束时间设置为第二天的同一时间
  1231. }
  1232. // 计算时间差(毫秒)
  1233. const diffInMs = endDate - startDate;
  1234. // 转换为小时
  1235. const diffInHours = diffInMs / (1000 * 60 * 60);
  1236. return diffInHours;
  1237. },
  1238. // 时间格式化
  1239. convertTimeToHoursAndMinutes: function (timeWithText, flag = 0) {
  1240. if (!timeWithText) return;
  1241. // 移除'分钟'两个字
  1242. var minutesStr = timeWithText.replace('分钟', '');
  1243. var minutes = parseInt(minutesStr); // 将字符串转换为整数
  1244. if (isNaN(minutes)) {
  1245. // 如果转换失败,则可能是输入的不是有效的数字
  1246. console.error('Invalid minutes format');
  1247. return;
  1248. }
  1249. var hours = Math.floor(minutes / 60); // 整除60得到小时数
  1250. var remainingMinutes = minutes % 60; // 取余得到剩余的分钟数
  1251. // 如果小时数或分钟数小于10,前面补0
  1252. // var formattedHours = hours < 10 ? '0' + hours : hours;
  1253. var formattedHours = hours;
  1254. // var formattedMinutes = remainingMinutes < 10 ? '0' + remainingMinutes : remainingMinutes;
  1255. var formattedMinutes = remainingMinutes;
  1256. // 拼接小时和分钟,形成HH:mm格式
  1257. var formattedTime = '';
  1258. if (flag == 1) {
  1259. formattedTime = formattedHours + 'H ' + formattedMinutes + 'M';
  1260. } else if (flag == 2) {
  1261. formattedTime = formattedHours + '{units|小时}' + formattedMinutes + '{units|分钟}';
  1262. } else {
  1263. formattedTime = {
  1264. formattedHours,
  1265. formattedMinutes
  1266. };
  1267. }
  1268. // 更新数据
  1269. // this.setData({
  1270. // formattedTime: formattedTime
  1271. // });
  1272. return formattedTime;
  1273. },
  1274. // 组装深度睡眠数据
  1275. calculateTheDurationOfDeepSleep() {
  1276. var that = this;
  1277. // var totalDuration = this.data.total_duration;
  1278. // var timePeriod = this.data.rdt_arrNew;
  1279. var sleepData = this.data.rsleep_arr;//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
  1280. // console.log("睡眠总时长=>", totalDuration);
  1281. // console.log("睡眠时间片段=>", timePeriod);
  1282. // console.log("睡眠时间片段=>", timePeriod.length);
  1283. // console.log("睡眠数据=>", sleepData);
  1284. // console.log("睡眠数据=>", sleepData.length);
  1285. var awakeColor = [{ offset: 0, color: '#F7E3BA' }, { offset: 1, color: '#F7E3BA' }];;
  1286. var lightSleepColor = [{ offset: 0, color: '#AAD09F' }, { offset: 1, color: '#AAD09F' }];
  1287. var sleptInColor = [{ offset: 0, color: '#75BDE0' }, { offset: 1, color: '#75BDE0' }];
  1288. var deepSleepColor = [{ offset: 0, color: '#3D7299' }, { offset: 1, color: '#3D7299' }];
  1289. // var linearGradient = new echarts.graphic.LinearGradient(
  1290. // 0, 0, 0, 1, // 方向从左到右
  1291. // [
  1292. // { offset: 0, color: '#FDBE25' }, // 渐变开始的颜色
  1293. // { offset: 1, color: '#FD7778' } // 渐变结束的颜色
  1294. // ]
  1295. // );
  1296. // var item = {
  1297. // name: { name: '清醒', color: '#7b9ce1' },
  1298. // value: [index, baseTime, (baseTime += duration), duration],
  1299. // itemStyle: {
  1300. // normal: {
  1301. // color: linearGradient,
  1302. // }
  1303. // }
  1304. // };
  1305. // var sleepData = ["0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "10", "10", "10", "10", "10", "10", "10", "10", "10", "10", "10", "10", "10", "10", "10", "0", "0", "0", "0", "0", "0", "0", "0", "0", "10", "10", "10", "10", "10", "10", "10", "20", "20", "20", "20", "20", "20", "20", "20", "30", "30", "30", "30", "30", "30", "30", "30", "30"];//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
  1306. // 状态映射
  1307. const statusMap = {
  1308. "0": "清醒",
  1309. "10": "浅睡",
  1310. "20": "中睡",
  1311. "30": "深睡"
  1312. };
  1313. // 状态映射
  1314. const statusColorMap = {
  1315. "20": awakeColor,
  1316. "0": lightSleepColor,
  1317. "10": sleptInColor,
  1318. "30": deepSleepColor
  1319. };
  1320. // 状态映射
  1321. const statusIndexMap = {
  1322. "20": 3,
  1323. "0": 2,
  1324. "10": 1,
  1325. "30": 0
  1326. };
  1327. // 初始化变量 reportDate
  1328. // let dateString = '2024/09/14 23:20:00';
  1329. let dateString = `${that.data.reportDate.replaceAll("-", "/")} ${that.data.rgobed_time + ":00"}`;
  1330. let date = new Date(dateString);
  1331. let startTime = date.getTime(); // 基准时间,这里设为午夜开始
  1332. console.log("时间=》", timestampToHHMM(startTime));
  1333. let oldTime = startTime;
  1334. let currentTime = startTime;
  1335. let currentState = sleepData[0];
  1336. let timePeriods = [];
  1337. // 遍历睡眠数据数组
  1338. for (let i = 0; i < sleepData.length; i++) {
  1339. // 如果当前状态与前一个状态不同,则记录前一个时间段
  1340. if (i > 0 && sleepData[i] !== sleepData[i - 1]) {
  1341. // 计算前一个时间段的结束时间(注意这里不需要减去一分钟,因为 currentTime 还未递增)
  1342. let endTime = currentTime;
  1343. // 计算前一个时间段的持续时间(分钟)
  1344. let duration = Math.floor((endTime - startTime) / (1000 * 60));
  1345. // 记录时间段
  1346. if (duration > 0) {
  1347. var linearGradient = new echarts.graphic.LinearGradient(
  1348. 0, 0, 0, 1, // 方向从左到右
  1349. statusColorMap[sleepData[i - 1]]
  1350. );
  1351. timePeriods.push({
  1352. name: statusMap[sleepData[i - 1]],// 使用前一个状态
  1353. value: [statusIndexMap[sleepData[i - 1]], startTime, endTime, duration],
  1354. itemStyle: {
  1355. normal: {
  1356. color: linearGradient,
  1357. }
  1358. },
  1359. // startTime: new Date(startTime), // 转换为 Date 对象以便更易于阅读
  1360. // endTime: new Date(endTime),
  1361. // durationMinutes: duration
  1362. });
  1363. }
  1364. // 更新当前状态和开始时间
  1365. currentState = sleepData[i];
  1366. startTime = currentTime;
  1367. }
  1368. // 递增时间(每分钟)
  1369. currentTime += 1000 * 60;
  1370. // 处理最后一个时间段(如果数组不是以状态变化结束的话)
  1371. if (i === sleepData.length - 1) {
  1372. let endTime = currentTime;
  1373. let duration = Math.floor((endTime - startTime) / (1000 * 60));
  1374. if (duration > 0) {
  1375. var linearGradient = new echarts.graphic.LinearGradient(
  1376. 0, 0, 0, 1, // 方向从左到右
  1377. statusColorMap[currentState]
  1378. );
  1379. timePeriods.push({
  1380. name: statusMap[currentState],// 使用前一个状态
  1381. value: [statusIndexMap[currentState], startTime, endTime, duration],
  1382. itemStyle: {
  1383. normal: {
  1384. color: linearGradient,
  1385. }
  1386. },
  1387. // startTime: new Date(startTime), // 转换为 Date 对象以便更易于阅读
  1388. // endTime: new Date(endTime),
  1389. // durationMinutes: duration
  1390. });
  1391. }
  1392. }
  1393. }
  1394. wx.nextTick(() => {
  1395. setTimeout(() => {
  1396. updateTimeWaterfall(oldTime, timePeriods, that)
  1397. }, 1000);
  1398. });
  1399. // console.log("睡眠数据最终=>", dateString);
  1400. // console.log("睡眠数据最终=>", startTime);
  1401. console.log("睡眠数据最终=>", JSON.stringify(timePeriods));
  1402. },
  1403. // 授权成功
  1404. authorizationSuccessful() {
  1405. console.log("授权成功");
  1406. this.setData({ showAuthorizedDialog: false })
  1407. this.showData();
  1408. },
  1409. onReady() {
  1410. },
  1411. showData() {
  1412. let hotelcodeTemp = wx.getStorageSync("hotelEmpower");
  1413. let roomcodeTemp = wx.getStorageSync("roomEmpower");
  1414. // hotelcodeTemp = wx.getStorageSync('res').result.split('|')[0];
  1415. // roomcodeTemp = wx.getStorageSync('res').result.split('|')[1];
  1416. // 设置canvas的宽高
  1417. this.setData({
  1418. hotelcode: hotelcodeTemp,
  1419. roomcode: roomcodeTemp,
  1420. });
  1421. if (this.data.isToDay) {
  1422. this.getToDayReportData();
  1423. } else {
  1424. this.getReportData();
  1425. }
  1426. this.getTzData();
  1427. },
  1428. /**
  1429. * 生命周期函数--监听页面加载
  1430. */
  1431. onShow: function () {
  1432. if (!wx.getStorageSync('hasAuth')) {
  1433. this.setData({ showAuthorizedDialog: true })
  1434. } else {
  1435. this.showData();
  1436. }
  1437. },
  1438. onLoad(options) {
  1439. var that = this;
  1440. if (options.rpids) {
  1441. that.setData({
  1442. reportId: options.rpids,
  1443. isToDay: false
  1444. })
  1445. wx.setNavigationBarTitle({
  1446. title: "历史睡眠报告"
  1447. })
  1448. } else {
  1449. wx.setNavigationBarTitle({
  1450. title: "最新睡眠报告" || "今日睡眠报告"
  1451. })
  1452. that.setData({
  1453. isToDay: true
  1454. })
  1455. }
  1456. },
  1457. onTitleChange(event) {
  1458. const { picker, value, index } = event.detail;
  1459. console.log(`当前值:${value.rpid}, 当前索引:${index}`);
  1460. console.log(`当前值:${value.bedname}, 当前索引:${index}`);
  1461. console.log(`当前值:${value.hotelname}, 当前索引:${index}`);
  1462. console.log(`当前值:${value.roomname}, 当前索引:${index}`);
  1463. this.setData({
  1464. reportId: value.rpid,
  1465. hotelname: value.hotelname,
  1466. roomname: value.roomname,
  1467. bedname: value.bedname,
  1468. });
  1469. this.closePicker();
  1470. this.getReportData();//更新报告
  1471. },
  1472. onSnChange(event) {
  1473. const { picker, value, index } = event.detail;
  1474. console.log(`当前值:${value.sn}, 当前索引:${index}`);
  1475. this.closePicker();
  1476. this.getDateData(value.sn);//自动获取日期
  1477. //
  1478. // this.getDateTimeData(this.data.reportDate);//如果不能修改日期 自动获取时间段
  1479. },
  1480. onDateChange(event) {
  1481. const { picker, value, index } = event.detail;
  1482. console.log(`当前值:${value.rdate}, 当前索引:${index}`);
  1483. this.closePicker();
  1484. this.getDateTimeData(value.rdate);//自动获取时间段
  1485. },
  1486. onDateTimeChange(event) {
  1487. const { picker, value, index } = event.detail;
  1488. console.log(`当前值:${value.rpids}, 当前索引:${index}`);
  1489. this.setData({
  1490. reportId: value.rpids
  1491. });
  1492. this.closePicker();
  1493. this.getReportData();//更新报告
  1494. },
  1495. showPicker(e) {
  1496. // return //暂时不开放
  1497. // 不是今天不让选择
  1498. if (!this.data.isToDay) {
  1499. return
  1500. }
  1501. var type = e.currentTarget.dataset.type;
  1502. console.log(type);
  1503. if (type == 'sn' && this.data.selectTitleList.length) {
  1504. this.setData({
  1505. showSelect: true,
  1506. });
  1507. } else if (type == 'sn' && this.data.sns.length) {
  1508. // this.setData({
  1509. // showSelectSn: true,
  1510. // });
  1511. } else if (type == 'date' && this.data.dateData.length) {
  1512. return
  1513. // this.setData({
  1514. // showSelectDate: true,
  1515. // });
  1516. } else if (type == 'dateTime' && this.data.dateTimeData.length) {
  1517. return
  1518. // this.setData({
  1519. // showSelectDateTime: true,
  1520. // });
  1521. }
  1522. },
  1523. closePicker() {
  1524. this.setData({
  1525. showSelect: false,
  1526. showSelectSn: false,
  1527. showSelectDate: false,
  1528. showSelectDateTime: false
  1529. });
  1530. },
  1531. getAllUnionidList() {
  1532. var that = this;
  1533. wx.request({
  1534. url: `${aipushApi}` + '/allunionidlist',
  1535. data: {
  1536. "udi": wx.getStorageSync("unionid"),
  1537. "token": token_today_push
  1538. },
  1539. method: 'POST',
  1540. success(res) {
  1541. try {
  1542. const tempList = res.data.data || []
  1543. that.setData({
  1544. selectTitleList: tempList,
  1545. });
  1546. } catch (error) {
  1547. console.error(error);
  1548. }
  1549. },
  1550. })
  1551. },
  1552. getSnData() {
  1553. var that = this;
  1554. wx.request({
  1555. url: `${aipushApi}` + '/getsn',
  1556. data: {
  1557. // "hotelcode": "lab",
  1558. // "roomcode": "labs",
  1559. "hotelcode": that.data.hotelcode ? that.data.hotelcode : "club",
  1560. "roomcode": that.data.roomcode ? that.data.roomcode : "nuange",
  1561. "token": token_push
  1562. },
  1563. method: 'POST',
  1564. success(res) {
  1565. try {
  1566. if (res && res.data && res.data[0]) {
  1567. that.setData({
  1568. hotelname: res.data[0].hn,
  1569. roomname: res.data[0].rn,
  1570. sn: res.data[0].sn,
  1571. sns: res.data //床的数组
  1572. });
  1573. that.getDateData(res.data[0].sn, false);//根据 sn 获取可以用的时间段
  1574. // console.log("res.data=sn=" + JSON.stringify(res.data));
  1575. }
  1576. } catch (error) {
  1577. console.error(error);
  1578. }
  1579. },
  1580. })
  1581. },
  1582. toReport() {
  1583. wx.navigateTo({
  1584. url: '/subpages/constitutionDiagnosis/constitutionDiagnosis'
  1585. })
  1586. },
  1587. getTzData() {
  1588. var that = this;
  1589. var userId = wx.getStorageSync("unionid");
  1590. wx.request({
  1591. url: `https://fare.somnisix.top/system/constitutionDiagnosis/user/${userId}`,
  1592. data: {
  1593. "token": "eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VyX2tleSI6Ijk5YzI3MjI2LTdkOWQtNDhiOC1hYjlhLWM4YjVjYWZiZGNkNyIsInVzZXJuYW1lIjoiYWRtaW4ifQ.zITQOINFkHs19_1RAgHS4I9YMaVxVq0Dsn3t6r_K7rv3rXvJy0sMtodejIMi_PNa_m4uQYxnU-6k3wC2LZht_Q"
  1594. },
  1595. header: {
  1596. 'Authorization': 'Bearer ' + "eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VyX2tleSI6Ijk5YzI3MjI2LTdkOWQtNDhiOC1hYjlhLWM4YjVjYWZiZGNkNyIsInVzZXJuYW1lIjoiYWRtaW4ifQ.zITQOINFkHs19_1RAgHS4I9YMaVxVq0Dsn3t6r_K7rv3rXvJy0sMtodejIMi_PNa_m4uQYxnU-6k3wC2LZht_Q" // 在头部设置Bearer Token
  1597. },
  1598. method: 'GET',
  1599. success(res) {
  1600. try {
  1601. if (res && res.data && res.data.data) {
  1602. console.log("睡眠数据最终33=>", res.data);
  1603. if (res.data.data.value2) {
  1604. console.log("睡眠数据最终444=>", res.data.data.value2);
  1605. var data = JSON.parse(res.data.data.value2);
  1606. console.log("睡眠数据最终555=>", data);
  1607. var ratingResultsMap = {
  1608. A: {
  1609. index: 0,
  1610. title: "气虚型",
  1611. tips: "(体力和气力都低下,需要规律性的生活方式)",
  1612. subTitle: "累啊』『真倒霉』成了口头语",
  1613. desc: "一般来说气虚型的人,就是被称作生命力的“气”整体不足。因为体力和气力的整体下降,无论做什么都会感到“真倒霉”“真麻烦”,饮食和运动也是马马虎虎地应付。结果,陷入生活越不规律,“气”就越衰弱的恶性循环。特点就是免疫力降低,易患感冒,而且很难一次性治愈。\n\n为了改善气虚,最重要的就是要有规律性的生活方式。晚上早睡,早上早起。日常食物也要以应季的食材为主,促进胃肠的蠕动,尽量多食用可以提升体温的豆类、薯类等食材。\n\n适度的运动是必要的,但因体力下降,所以万不可强求大的运动量,可以从散步呀、瑜伽呀等轻负荷的运动练起。\n\n特征:驼背。显老像;稍一运动就出汗;手脚发冷;易疲劳,总有困意与疲倦感;下半身易发胖。"
  1614. }, B: {
  1615. index: 1,
  1616. title: "气滞型",
  1617. tips: "(常常紧张、焦虑~要有意识地放松自己)",
  1618. subTitle: "感情起伏剧烈",
  1619. desc: "“气”本来是在体内正常循环的,但是因紧张和压力等使气滞留,就造成了气滞型。“气’一旦滞留,就表现为腹胀、肿胀、疼痛等症状。而且,感情起伏剧烈也是其特征。一旦情绪低落,很快就会焦虑起来,给人以“易发怒”歇斯底里”的感觉。更年期出现气滞的人也不在少数。\n\n养生法无疑是减轻压力的最好办法,但暴饮暴食则会适得其反。值得注意的是体重的增加会影响气的循环。香草和香味蔬菜有促进气循环和防止暴饮暴食的作用。除此之外,每天的日常安排中应留出自我放松的时间,也可以进行深呼吸,这些都有助于改善气滞。\n\n气滞型:入睡困难;眼睛充血;肚子容易生赘肉;焦虑,易怒,皮肤油腻,发红;易打嗝,矢气。"
  1620. }, C: {
  1621. index: 2,
  1622. title: "血虚型",
  1623. tips: "(饮食生活无规律~可能也有气虚或气滞的原因)",
  1624. subTitle: "头发散乱,皮肤无光泽",
  1625. desc: "你是否为了减肥极端地限制饮食,或者光在外边吃快餐?如果一直这样,就会使营养失去平衡,引起“血”的不足,陷入血虚状态。\n\n为此,日常饮食重要的是要注意营养的平衡,特别要多食用有造血作用的羊栖菜、动物肝脏、梅干等。“血”增加了,头发散乱、皮肤无光泽这些血虚型的症状自然就消失了。夜间是人体的造血时间,因此不要熬夜。还要控制电脑和手机的使用,也要控制看电视的时间。中医学以为用眼是消耗“血”的。\n\n特征:头发脆弱,脱发;常常眩晕,站起时头晕;脸色不好,皮肤干燥;指甲偏薄,易裂;耳鸣;冷静,认真型。"
  1626. }, D: {
  1627. index: 3,
  1628. title: "淤血型",
  1629. tips: "(血流不畅~更要注意减压,慎食生冷食品)",
  1630. subTitle: "常常感到肩凝、头痛",
  1631. desc: "血流不顺畅,易在体内形成血块(瘀血)。其原因有喜食生冷食品、压力大、过劳、睡眠不足等等。也有因气虚和血虚造成的瘀血。\n\n对这个型的人,首先是必须使其血行畅通,提高代谢。要多食用牛蒡、蒟蒻(魔芋)、黑醋等有化解瘀血作用的食品,也要多食用生姜和韭菜、葱等有香味的蔬菜。饮料也要尽量选择热你,偏冷会影响血循环。\n\n要养成运动的习惯。运动可以促进血行,缓解瘀血引起的肩凝和腰痛。当然,按摩下半身也可以有效地改善脸部的气色。\n\n特征:容易被晒伤;容易长色斑,雀斑;容易出现黑眼圈;常常为肩凝和腰痛烦恼;经血中有动物肝脏样血块;基本上自制力较强,但偶尔也会感情爆发。"
  1632. }, E: {
  1633. index: 4,
  1634. title: "水虚型",
  1635. tips: "(身体如同干枯一般~避免食用香辛食物和剧烈运动)",
  1636. subTitle: "常为头晕眼花、身体发热而烦恼",
  1637. desc: "体内水分不足称为水虚。皮肤、毛发、大便干燥的入水虚的可能性较大。而且,这类人因为给身体起到降温作用的水分不足,所以,常常感到头晕眼花或者身体发热。\n\n作为养生法,就是要通过食物的摄取,有效地补充水分。其中,苹果和香蕉、白菜可以有效地滋润身体,要有意识地多多食用。而且,因为睡眠中容易出汗,水分会在不知不觉中流失,因此,要在枕边预备下温开水,醒来后先饮水。\n\n另一方面,要尽量避免食用香辛食材。因为香辛料有温暖身体的作用,可能会加重头晕眼花和身体发热的症状。水虚的人还要避免剧烈的运动。因为他们的关节水分不足,剧烈运动会引发疼痛。\n\n特征:睡眠浅,盗汗;关节运动不灵活;不明原因的消沉,情绪低落;毛发和皮肤脆弱,口腔和咽喉干燥;便秘,尿量少。"
  1638. }, F: {
  1639. index: 5,
  1640. title: "痰湿型",
  1641. tips: "(体内多余的水分~常常引发各种“不调”,要慎食味重食品)",
  1642. subTitle: "体型胖墩墩的",
  1643. desc: "现代职场女性多为痰湿型。所谓痰湿就是生活不规律、压力大等原因造成身体内形成多余的水分块(痰湿)的状态。因为我们的身体70%是由水构成的,所以痰湿的影响不容忽视,会造成我们的身心状态出现各种各样的“不调”。\n\n首先,有氧运动能够增加肌肉的弹力,促进血行和代谢。肌肉弹力的提高、血行和代谢的改善,就可以通过汗和取把多余的水分排出体外。\n\n第二要注意减少冷饮和味重食品的摄入量,因为它们会造成水分的滞留。\n\n第三要多食用黄瓜和西瓜、梨等有较好利尿作用的食物。也要多食红豆、薏米。\n\n特征:整个身体容易浮肿;容易发胖;早晨起床后脸上有枕头的痕迹;皮肤发白。胖墩墩的;爱生湿乎乎的疙瘩;性格自我,爱慕虚荣。"
  1644. }
  1645. };
  1646. var key = that.findKeyWithMaxValue(data);
  1647. console.log("睡眠数据最终555=>", ratingResultsMap[key]);
  1648. console.log("睡眠数据最终555=>", key);
  1649. that.setData({
  1650. tzTitle: ratingResultsMap[key]?.title ?? "健康型",
  1651. tzSubTitle: ratingResultsMap[key]?.subTitle ?? "太棒了,您的身体非常健康,请继续保持",
  1652. isShowTz: true
  1653. })
  1654. }
  1655. }
  1656. } catch (error) {
  1657. console.error(error);
  1658. }
  1659. },
  1660. })
  1661. },
  1662. /**
  1663. * A、B、C、D、E、F 最后积累的数量对比,按数量多少来判断,6个分别对应:气虚型、气滞型、血虚型、淤血型、水虚型、痰湿型
  1664. * 找出对象中值最大的键
  1665. * @param {Object} obj - 包含键值对的对象
  1666. * @returns {string|null} - 值最大的键,如果没有找到则返回null
  1667. */
  1668. findKeyWithMaxValue(obj) {
  1669. if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
  1670. throw new Error('Input must be a plain object');
  1671. }
  1672. let maxKey = null;
  1673. let maxValue = 0;
  1674. for (let key in obj) {
  1675. if (obj.hasOwnProperty(key)) {
  1676. if (obj[key] > maxValue) {
  1677. maxValue = obj[key];
  1678. maxKey = key;
  1679. }
  1680. }
  1681. }
  1682. return maxKey;
  1683. },
  1684. // 可选择的日期
  1685. getDateData: function (sn, isRefresh = true) {
  1686. var that = this;
  1687. var sourceFourthTemp = [];
  1688. wx.request({
  1689. url: `${aipushApi}/getdatefromsn`, //
  1690. method: 'POST',
  1691. // header: {
  1692. // 'content-type': 'application/json', // 默认值
  1693. // 'Authorization': 'Bearer ' + token // 在头部设置认证信息,例如使用Bearer Token
  1694. // },
  1695. data: {
  1696. "sn": sn, "token": token_push
  1697. },
  1698. success(res) {
  1699. if (!res || !res.data || !res.data.results || !res.data.results.length) {
  1700. that.setData({
  1701. isNoReportToday: true
  1702. })
  1703. return;
  1704. }
  1705. that.setData({
  1706. dateData: res.data.results //床的数组
  1707. });
  1708. // {"results": [{ "rdate": "2024-10-08" }]}
  1709. that.getDateTimeData(res.data.results[0].rdate, isRefresh);
  1710. // var resDataSn = res.data.results
  1711. },
  1712. fail: function (error) {
  1713. console.error('error', error);
  1714. that.setData({
  1715. isNoReportToday: true
  1716. })
  1717. },
  1718. complete: function (e) {
  1719. }
  1720. });
  1721. },
  1722. // 可选择的时间 可自动选择 更改 reportId
  1723. getDateTimeData: function (rdate, isRefresh = true) {
  1724. var that = this;
  1725. wx.request({
  1726. url: `${aipushApi}/getimefromsn`, //
  1727. method: 'POST',
  1728. // header: {
  1729. // 'content-type': 'application/json', // 默认值
  1730. // 'Authorization': 'Bearer ' + token // 在头部设置认证信息,例如使用Bearer Token
  1731. // },
  1732. data: {
  1733. "sn": that.data.sn, "date": rdate, "token": token_push
  1734. },
  1735. success(res) {
  1736. // { "results": [{ "rpids": "459857", "durations": "14:17-17:55" }] }
  1737. if (!res || !res.data || !res.data.results || !res.data.results.length) {
  1738. that.setData({
  1739. isNoReportToday: true
  1740. })
  1741. return;
  1742. }
  1743. that.setData({
  1744. dateTimeData: res.data.results, //床的数组
  1745. });
  1746. if (isRefresh) {
  1747. that.setData({
  1748. isNoReportToday: false,
  1749. reportId: res.data.results[0].rpids
  1750. });
  1751. that.getReportData();
  1752. }
  1753. },
  1754. fail: function (error) {
  1755. console.error('error', error);
  1756. that.setData({
  1757. isNoReportToday: true
  1758. })
  1759. }
  1760. });
  1761. },
  1762. // 新版
  1763. getReportData() {
  1764. const that = this;
  1765. wx.request({
  1766. url: `${aipushApi}` + '/getsingle',
  1767. data: {
  1768. "token": token_push,
  1769. "rpids": this.data.reportId,
  1770. "udi": wx.getStorageSync("unionid")
  1771. },
  1772. method: 'POST',
  1773. success(ress) {
  1774. try {
  1775. if (ress && ress.data) {
  1776. console.log('ress.data-getsingle=' + JSON.stringify(ress.data.results));
  1777. if (!ress.data.results || ress.data.results == '') {
  1778. // wx.showModal({
  1779. // title: '提示',
  1780. // content: '无数据',
  1781. // showCancel: false
  1782. // });
  1783. that.setData({
  1784. isNoReportToday: true
  1785. })
  1786. return;
  1787. }
  1788. wx.nextTick(() => {
  1789. setTimeout(() => {
  1790. //初始化数据
  1791. that.initReportData(ress.data.results);
  1792. that.initChartCircle(ress.data.results);
  1793. that.initOutOfBed(ress.data.results);
  1794. that.initBodyMovements(ress.data.results);
  1795. that.initCardiacSystem(ress.data.results);
  1796. that.initChartRespiratory(ress.data.results);
  1797. // that.initChartSnoring(ress.data.results);
  1798. // that.initChartApnea(ress.data.results);
  1799. that.initTimeWaterfall(ress.data.results);
  1800. }, 1000);
  1801. });
  1802. } else {
  1803. // wx.showModal({
  1804. // title: '提示',
  1805. // content: '无数据',
  1806. // showCancel: false
  1807. // });
  1808. that.setData({
  1809. isNoReportToday: true
  1810. })
  1811. }
  1812. } catch (error) {
  1813. console.error(error);
  1814. }
  1815. },
  1816. fail: function (error) {
  1817. // wx.showToast({
  1818. // title: "无数据",
  1819. // icon: "error",
  1820. // mask: true,
  1821. // });
  1822. that.setData({
  1823. isNoReportToday: true
  1824. })
  1825. }
  1826. });
  1827. },
  1828. // 新版
  1829. getToDayReportData() {
  1830. const that = this;
  1831. wx.request({
  1832. url: `${aipushApi}` + '/getunionsingle',
  1833. data: {
  1834. "token": token_today_push,
  1835. "udi": wx.getStorageSync("unionid")
  1836. },
  1837. method: 'POST',
  1838. success(ress) {
  1839. try {
  1840. if (ress && ress.data) {
  1841. console.log('ress.data-getunionsingle=' + JSON.stringify(ress.data));
  1842. if (ress.data == {} || ress.data.data == {} || ress.data.data == [] || !ress.data.data) {
  1843. // wx.showModal({
  1844. // title: '提示',
  1845. // content: '无数据',
  1846. // showCancel: false
  1847. // });
  1848. that.setData({
  1849. isNoReportToday: true
  1850. })
  1851. return;
  1852. }
  1853. //初始化数据
  1854. wx.nextTick(() => {
  1855. setTimeout(() => {
  1856. that.initReportData(ress.data.data);
  1857. that.initChartCircle(ress.data.data);
  1858. that.initOutOfBed(ress.data.data);
  1859. that.initBodyMovements(ress.data.data);
  1860. that.initCardiacSystem(ress.data.data);
  1861. that.initChartRespiratory(ress.data.data);
  1862. // that.initChartSnoring(ress.data.data);
  1863. // that.initChartApnea(ress.data.data);
  1864. that.initTimeWaterfall(ress.data.data);
  1865. }, 1000);
  1866. });
  1867. that.getSnData();//需要筛选的 要获取sn
  1868. that.getAllUnionidList();
  1869. } else {
  1870. // wx.showModal({
  1871. // title: '提示',
  1872. // content: '无数据',
  1873. // showCancel: false
  1874. // });
  1875. that.setData({
  1876. isNoReportToday: true
  1877. })
  1878. }
  1879. } catch (error) {
  1880. console.error(error);
  1881. }
  1882. },
  1883. fail: function (error) {
  1884. // wx.showToast({
  1885. // title: "无数据",
  1886. // icon: "error",
  1887. // mask: true,
  1888. // });
  1889. that.setData({
  1890. isNoReportToday: true
  1891. })
  1892. }
  1893. });
  1894. },
  1895. // 初始化的数据
  1896. initReportData(ress) {
  1897. const that = this;
  1898. let durationDataTemp = [];
  1899. let obj = {};
  1900. obj.name = '深睡';
  1901. obj.value = ress.rdeep_duration;
  1902. durationDataTemp.push(obj);
  1903. obj = {};
  1904. obj.name = '浅睡';
  1905. obj.value = ress.rlight_duration;
  1906. durationDataTemp.push(obj);
  1907. obj = {};
  1908. obj.name = '中睡';
  1909. obj.value = ress.rin_duration;
  1910. durationDataTemp.push(obj);
  1911. obj = {};
  1912. obj.name = '清醒';
  1913. obj.value = ress.rawake_duration;
  1914. durationDataTemp.push(obj);
  1915. let sleep_durationCount = 0;
  1916. if (ress.rdeep_duration) {
  1917. sleep_durationCount += parseFloat(ress.rdeep_duration)
  1918. }
  1919. if (ress.rlight_duration) {
  1920. sleep_durationCount += parseFloat(ress.rlight_duration)
  1921. }
  1922. if (ress.rin_duration) {
  1923. sleep_durationCount += parseFloat(ress.rin_duration)
  1924. }
  1925. let sleep_efficiency_temp = ress.rtotal_duration ? (Math.ceil((sleep_durationCount / ress.rtotal_duration) * 100) + '%') : '%'
  1926. let rdeep_duration_efficiency_temp = ress.rtotal_duration ? (Math.ceil(((ress.rdeep_duration ? parseFloat(ress.rdeep_duration) : 0) / ress.rtotal_duration) * 100) + '%') : '%'
  1927. let rlight_duration_efficiency_temp = ress.rtotal_duration ? (Math.ceil(((ress.rlight_duration ? parseFloat(ress.rlight_duration) : 0) / ress.rtotal_duration) * 100) + '%') : '%'
  1928. let rin_duration_efficiency_temp = ress.rtotal_duration ? (Math.ceil(((ress.rin_duration ? parseFloat(ress.rin_duration) : 0) / ress.rtotal_duration) * 100) + '%') : '%'
  1929. let rawake_duration_efficiency_temp = ress.rtotal_duration ? (Math.ceil(((ress.rawake_duration ? parseFloat(ress.rawake_duration) : 0) / ress.rtotal_duration) * 100) + '%') : '%'
  1930. // let rdeep_duration_efficiency_temp = ress.darktrate;
  1931. // let rlight_duration_efficiency_temp = ress.lightrate;
  1932. // let rin_duration_efficiency_temp = ress.midrate;
  1933. // let rawake_duration_efficiency_temp = ress.awakenrate;
  1934. let sleep_durationTemp = [];
  1935. let obj1 = {};
  1936. obj1.name = '睡眠时间';
  1937. obj1.value = Math.ceil(sleep_durationCount / 60);
  1938. sleep_durationTemp.push(obj1);
  1939. obj1 = {};
  1940. obj1.name = '清醒时间';
  1941. obj1.value = Math.ceil(parseFloat(ress.rawake_duration) / 60);
  1942. sleep_durationTemp.push(obj1);
  1943. let zdPointTemp = [];
  1944. let rdt_arrTemp = [];
  1945. let rrh_arrTemp = [];
  1946. let rhx_arrTemp = [];
  1947. let rmove_arrTemp = [];
  1948. let rsleep_arrTemp = [];
  1949. let rsleep_arr_all_Temp = [];
  1950. if (ress.rrh_arr) {
  1951. rdt_arrTemp = that.splitN(ress.rdt_arr.split(","), 100);
  1952. }
  1953. if (ress.rrh_arr) {
  1954. rrh_arrTemp = that.splitN(ress.rrh_arr.split(","), 100);
  1955. }
  1956. if (ress.rhx_arr) {
  1957. rhx_arrTemp = that.splitN(ress.rhx_arr.split(","), 100);
  1958. }
  1959. if (ress.rmove_arr) {
  1960. rmove_arrTemp = that.splitN(ress.rmove_arr.split(","), 100);
  1961. }
  1962. if (ress.rsleep_arr) {
  1963. rsleep_arrTemp = that.splitN(ress.rsleep_arr.split(","), 100);
  1964. }
  1965. if (ress.rsleep_arr) {
  1966. rsleep_arr_all_Temp = ress.rsleep_arr.split(",");
  1967. }
  1968. that.setData({
  1969. rdt_arr: ress.rdt_arr ? ress.rdt_arr.split(',') : [],
  1970. rrh_arr: ress.rrh_arr ? ress.rrh_arr.split(',') : [],
  1971. rhx_arr: ress.rhx_arr ? ress.rhx_arr.split(',') : [],
  1972. rsnoring_arr: ress.rsnoring_arr ? ress.rsnoring_arr.split(',') : [],
  1973. routbed_arr: ress.routbed_arr ? ress.routbed_arr.split(',') : [],
  1974. rmove_arr: ress.rmove_arr ? ress.rmove_arr.split(',') : [],
  1975. rhxstop_arr: ress.rhxstop_arr ? ress.rhxstop_arr.split(',') : [],
  1976. rsleep_arr: ress.rsleep_arr ? ress.rsleep_arr.split(',') : [],//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
  1977. rsnoring_arrFrequency: that.getFrequency(ress.rsnoring_arr ? ress.rsnoring_arr.split(',') : [], 1),
  1978. routbed_arrFrequency: that.getFrequency(ress.routbed_arr ? ress.routbed_arr.split(',') : [], 0),
  1979. rmove_arrFrequency: that.getFrequency(ress.rmove_arr ? ress.rmove_arr.split(',') : [], 1),
  1980. rhxstop_arrFrequency: that.getFrequency(ress.rhxstop_arr ? ress.rhxstop_arr.split(',') : [], 1),
  1981. rdeep_durationFormatA: that.convertTimeToHoursAndMinutes(ress.rdeep_duration),
  1982. rlight_duration: ress.rlight_duration,
  1983. rin_duration: ress.rin_duration,
  1984. rawake_duration: ress.rawake_duration,
  1985. ravg_hx_value: ress.ravg_hx_value,
  1986. ravg_hx_desc: ress.ravg_hx_desc,
  1987. ravg_rh_value: ress.ravg_rh_value,
  1988. ravg_rh_desc: ress.ravg_rh_desc,
  1989. rscore_value: ress.rscore_value,
  1990. rscore_desc: ress.rscore_desc,
  1991. rsn: ress.rsn,
  1992. rdate: ress.rdate,
  1993. total_duration: ress.rtotal_duration,
  1994. rtotal_duration: that.convertTimeToHoursAndMinutes(ress.rtotal_duration),//睡眠总时长,单位小时分钟
  1995. rinbed_duration: that.convertTimeToHoursAndMinutes(ress.rinbed_duration),//在床时长,单位小时分钟
  1996. rgobed_time: ress.rgobed_time,//上床时间
  1997. routbed_time: ress.routbed_time,//离床时间
  1998. rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
  1999. sleepHourSub: that.getTimeDiffInHours(ress.rgobed_time, ress.routbed_time),
  2000. routbed_count_value: ress.routbed_count_value,//离床次数
  2001. zdPointT: zdPointTemp,
  2002. rdt_arrNew: rdt_arrTemp,
  2003. rrh_arrNew: rrh_arrTemp,
  2004. rhx_arrNew: rhx_arrTemp,
  2005. rmove_arrNew: rmove_arrTemp,
  2006. rsleep_arrNew: rsleep_arrTemp,
  2007. rsleep_arr_all_New: rsleep_arr_all_Temp,
  2008. durationData: durationDataTemp,
  2009. sleep_duration: sleep_durationTemp,
  2010. sleep_efficiency: sleep_efficiency_temp,
  2011. sleep_durationCountA: that.convertTimeToHoursAndMinutes(sleep_durationCount ? sleep_durationCount.toString() : '0'),
  2012. tvEntityIds: wx.getStorageSync('tvEntityIds'),
  2013. ifOneMoreTV: (wx.getStorageSync('tvEntityIds') && wx.getStorageSync('tvEntityIds').length > 1),
  2014. rdeep_duration_efficiency: rdeep_duration_efficiency_temp,
  2015. rlight_duration_efficiency: rlight_duration_efficiency_temp,
  2016. rin_duration_efficiency: rin_duration_efficiency_temp,
  2017. rawake_duration_efficiency: rawake_duration_efficiency_temp,
  2018. pushReportId: ress.rdid,
  2019. isNoReportToday: false,
  2020. rrs_duration: that.convertTimeToHoursAndMinutes(ress.rrs_duration ? ress.rrs_duration.toString() : '0'),
  2021. routbed_count_value: ress.routbed_count_value,
  2022. rsleep_eff_value: ress.rsleep_eff_value,
  2023. hotelname: ress.hotelname,
  2024. roomname: ress.roomname,
  2025. bedname: ress.bedname,
  2026. });
  2027. },
  2028. // 香睡指数
  2029. initChartCircle(ress) {
  2030. var that = this;
  2031. try {
  2032. let rscore_descTemp = [];
  2033. if (ress.rscore_desc) {
  2034. rscore_descTemp = ress.rscore_desc;
  2035. }
  2036. let rscore_valueTemp = [];
  2037. if (ress.rscore_value) {
  2038. rscore_valueTemp = ress.rscore_value;
  2039. }
  2040. that.setData({
  2041. rscore_desc: rscore_descTemp,
  2042. rscore_value: rscore_valueTemp,
  2043. });
  2044. updateChartCircularProgressBarOption(rscore_descTemp, rscore_valueTemp, that);
  2045. } catch (error) {
  2046. console.error(error);
  2047. }
  2048. },
  2049. // 心脏 系统
  2050. initCardiacSystem(ress) {
  2051. var that = this;
  2052. try {
  2053. let rdt_arrTemp = [];
  2054. if (ress.rrh_arr) {
  2055. rdt_arrTemp = that.splitN(ress.rdt_arr.split(","), 100);
  2056. }
  2057. if (ress.rdate) {
  2058. that.setData({
  2059. reportDate: ress.rdate
  2060. });
  2061. }
  2062. let rrh_arrTemp = [];
  2063. if (ress.rrh_arr) {
  2064. rrh_arrTemp = that.splitN(ress.rrh_arr.split(","), 100);
  2065. }
  2066. that.setData({
  2067. rdt_arrNew: rdt_arrTemp,
  2068. rrh_arrNew: rrh_arrTemp,
  2069. });
  2070. console.log("that.data.rdt_arrNew,that.data.rrh_arrNew=" + that.data.rdt_arrNew + "," + that.data.rrh_arrNew);
  2071. updateCardiacSystem(that.data.rdt_arrNew, that.data.rrh_arrNew, that);
  2072. } catch (error) {
  2073. console.error(error);
  2074. }
  2075. },
  2076. initTimeWaterfall(ress) {//深浅睡眠
  2077. var that = this;
  2078. try {
  2079. let rdt_arrTemp = [];
  2080. if (ress.rrh_arr) {
  2081. // rdt_arrTemp = that.splitN(ress.rdt_arr.split(","), 100);
  2082. rdt_arrTemp = ress.rdt_arr.split(",");
  2083. }
  2084. // console.log('深浅睡眠11111=======' + JSON.stringify(rdt_arrTemp));
  2085. let rsleep_arr_Temp = [];
  2086. if (ress.rsleep_arr) {
  2087. // rsleep_arr_Temp = that.splitN(ress.rsleep_arr.split(","), 100);
  2088. rsleep_arr_Temp = ress.rsleep_arr.split(",");
  2089. }
  2090. // console.log('深浅睡眠222222=======' + JSON.stringify(rsleep_arr_Temp));
  2091. that.setData({
  2092. rdt_arrNew: rdt_arrTemp,
  2093. rsleep_arr: rsleep_arr_Temp,
  2094. rdeep_duration: ress.rdeep_duration,
  2095. rlight_duration: ress.rlight_duration,
  2096. rin_duration: ress.rin_duration,
  2097. rawake_duration: ress.rawake_duration,
  2098. rdeep_durationFormat: that.convertTimeToHoursAndMinutes(ress.rdeep_duration),
  2099. rlight_durationFormat: that.convertTimeToHoursAndMinutes(ress.rlight_duration),
  2100. rin_durationFormat: that.convertTimeToHoursAndMinutes(ress.rin_duration),
  2101. rawake_durationFormat: that.convertTimeToHoursAndMinutes(ress.rawake_duration),
  2102. });
  2103. that.calculateTheDurationOfDeepSleep();
  2104. } catch (error) {
  2105. console.error(error);
  2106. }
  2107. console.log("that.data.rsleep_arr=" + that.data.rsleep_arr);
  2108. },
  2109. initOutOfBed(ress) {//离床次数
  2110. var that = this;
  2111. try {
  2112. var routbed_arr_Temp = [];
  2113. if (ress.routbed_arr) {
  2114. routbed_arr_Temp = ress.routbed_arr.split(",");
  2115. }
  2116. that.setData({
  2117. rdt_arr: ress.rdt_arr ? ress.rdt_arr.split(',') : [],
  2118. routbed_arr: routbed_arr_Temp,
  2119. rgobed_time: ress.rgobed_time,
  2120. routbed_time: ress.routbed_time,
  2121. rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
  2122. });
  2123. updateOutOfBed(that.data.rdt_arr, that.data.routbed_arr, that.data.rgobed_time, that.data.routbed_time, that)
  2124. } catch (error) {
  2125. console.error(error);
  2126. }
  2127. console.log("that.data.routbed_arr=" + that.data.routbed_arr);
  2128. },
  2129. initBodyMovements(ress) {//体动次数
  2130. var that = this;
  2131. try {
  2132. var rmove_arr_Temp = [];
  2133. if (ress.rmove_arr) {
  2134. rmove_arr_Temp = ress.rmove_arr.split(",");
  2135. }
  2136. that.setData({
  2137. // rdt_arr: that.splitN(ress.rdt_arr ? ress.rdt_arr.split(',') : [], 100),
  2138. // rmove_arr: that.splitN(rmove_arr_Temp, 100),
  2139. rdt_arr: ress.rdt_arr ? ress.rdt_arr.split(',') : [],
  2140. rmove_arr: rmove_arr_Temp,
  2141. rgobed_time: ress.rgobed_time,
  2142. routbed_time: ress.routbed_time,
  2143. rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
  2144. });
  2145. updateBodyMovements(that.data.rdt_arr, that.data.rmove_arr, that.data.rgobed_time, that.data.routbed_time, that)
  2146. } catch (error) {
  2147. console.error(error);
  2148. }
  2149. console.log("c8_that.data.rmove_arr=" + that.data.rmove_arr);
  2150. },
  2151. initChartRespiratory(ress) {//平均呼吸率
  2152. var that = this;
  2153. try {
  2154. var rhx_arr_Temp = [];
  2155. if (ress.rhx_arr) {
  2156. rhx_arr_Temp = ress.rhx_arr.split(",");
  2157. }
  2158. that.setData({
  2159. rdt_arr: that.splitN(ress.rdt_arr ? ress.rdt_arr.split(',') : [], 100),
  2160. rhx_arr: that.splitN(rhx_arr_Temp, 100),
  2161. rgobed_time: ress.rgobed_time,
  2162. routbed_time: ress.routbed_time,
  2163. rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
  2164. });
  2165. updateRespiratory(that.data.rdt_arr, that.data.rhx_arr, that.data.rgobed_time, that.data.routbed_time, that)
  2166. } catch (error) {
  2167. console.error(error);
  2168. }
  2169. console.log("c81_that.data.ravg_hx_value=" + that.data.ravg_hx_value);
  2170. },
  2171. initChartSnoring(ress) {//打鼾
  2172. var that = this;
  2173. try {
  2174. var rsnoring_arr_Temp = [];
  2175. if (ress.rsnoring_arr) {
  2176. rsnoring_arr_Temp = ress.rsnoring_arr.split(",");
  2177. }
  2178. that.setData({
  2179. rdt_arr: that.splitN(ress.rdt_arr ? ress.rdt_arr.split(',') : [], 100),
  2180. rsnoring_arr: that.splitN(rsnoring_arr_Temp, 100),
  2181. rgobed_time: ress.rgobed_time,
  2182. routbed_time: ress.routbed_time,
  2183. rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
  2184. });
  2185. updateSnoring(that.data.rdt_arr, that.data.rsnoring_arr, that.data.rgobed_time, that.data.routbed_time, that)
  2186. } catch (error) {
  2187. console.error(error);
  2188. }
  2189. console.log("c8_that.data.rmove_arr=" + that.data.rmove_arr);
  2190. },
  2191. initChartApnea(ress) {//呼吸暂停
  2192. var that = this;
  2193. try {
  2194. var rhxstop_arr_Temp = [];
  2195. if (ress.rhxstop_arr) {
  2196. rhxstop_arr_Temp = ress.rhxstop_arr.split(",");
  2197. }
  2198. that.setData({
  2199. rdt_arr: that.splitN(ress.rdt_arr ? ress.rdt_arr.split(',') : [], 100),
  2200. rhxstop_arr: that.splitN(rhxstop_arr_Temp, 100),
  2201. rgobed_time: ress.rgobed_time,
  2202. routbed_time: ress.routbed_time,
  2203. rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
  2204. });
  2205. updateApnea(that.data.rdt_arr, that.data.rhxstop_arr, that.data.rgobed_time, that.data.routbed_time, that)
  2206. } catch (error) {
  2207. console.error(error);
  2208. }
  2209. console.log("c8_that.data.rhxstop_arr=" + that.data.rhxstop_arr);
  2210. },
  2211. mounted() {
  2212. },
  2213. /**
  2214. * 生命周期函数--监听页面隐藏
  2215. */
  2216. onHide: function () {
  2217. },
  2218. /**
  2219. * 生命周期函数--监听页面卸载
  2220. */
  2221. onUnload: function () {
  2222. },
  2223. /**
  2224. * 页面相关事件处理函数--监听用户下拉动作
  2225. */
  2226. onPullDownRefresh: function () {
  2227. },
  2228. /**
  2229. * 页面上拉触底事件的处理函数
  2230. */
  2231. onReachBottom: function () {
  2232. },
  2233. /**
  2234. * 用户点击右上角分享
  2235. */
  2236. onShareAppMessage: function () {
  2237. }
  2238. })