1 line
14 KiB
JavaScript
1 line
14 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-index-sleep_info"],{"0d19":function(t,i,a){"use strict";a.d(i,"b",(function(){return s})),a.d(i,"c",(function(){return n})),a.d(i,"a",(function(){return e}));var e={tmNavBar:a("2080").default,sleepListData:a("0de4").default,lEchart:a("70e1").default},s=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",[e("tm-nav-bar",{attrs:{"left-icon":"arrow-left",title:"睡眠"},on:{clickLeft:function(i){arguments[0]=i=t.$handleEvent(i),t.back.apply(void 0,arguments)}}}),e("v-uni-view",{staticClass:"flx jcsb ac",staticStyle:{height:"40rpx","background-color":"#fff",padding:"20rpx"}},[e("v-uni-view",{staticStyle:{"font-size":"40rpx","font-weight":"bold"}}),e("v-uni-view",{staticStyle:{color:"#b8b8b8","font-size":"24rpx"}},[t._v(t._s(t.time))])],1),e("v-uni-view",{staticClass:"canvas_box"},[e("v-uni-canvas",{staticStyle:{width:"250px",height:"250px",margin:"0 auto"},attrs:{"canvas-id":"circleCanvas"}}),e("v-uni-view",{staticStyle:{height:"40rpx"}}),e("v-uni-view",{staticClass:"flx flx_sb"},[e("v-uni-view",{staticClass:"flx flx_ac"},[e("v-uni-view",{staticClass:"circle",staticStyle:{"background-color":"#6452da"}}),e("v-uni-view",{staticClass:"sleep_info"},[e("v-uni-view",{staticClass:"info_title"},[t._v("睡眠时长")]),e("v-uni-view",{staticClass:"info_val"},[t._v(t._s(t.sleep.shen))])],1)],1),e("v-uni-view",{staticClass:"flx flx_ac"},[e("v-uni-view",{staticClass:"sleep_info"},[e("v-uni-view",{staticClass:"info_title",staticStyle:{"text-align":"right"}},[t._v("深度睡眠")]),e("v-uni-view",{staticClass:"info_val"},[t._v(t._s(t.sleep.qian))])],1),e("v-uni-view",{staticClass:"circle",staticStyle:{"background-color":"#e933dd"}})],1)],1)],1),e("v-uni-view",{staticClass:"radius_box",staticStyle:{margin:"20rpx","margin-top":"40rpx"}},[e("v-uni-view",{staticClass:"flx flx_sb title_box"},[e("v-uni-view",{staticClass:"title"},[t._v(t._s(t.sleep.shen))])],1),e("sleep-list-data",{attrs:{"canvas-id":"sleep-canvas-id",dataList:t.sleepList}}),e("v-uni-view",{staticClass:"flx flx_sb flx_ac",staticStyle:{"margin-top":"20rpx"}},[e("v-uni-view",{staticClass:"flx flx_ac"},[e("v-uni-view",{staticClass:"flx flx_ac"},[e("v-uni-image",{staticStyle:{width:"30rpx","margin-right":"5rpx"},attrs:{src:a("b1a0"),mode:"widthFix"}})],1),t.fallAsleepTime.length>0?e("v-uni-view",{staticClass:"small-title"},[t._v(t._s(t.fallAsleepTime[2])+":"+t._s(t.fallAsleepTime[3])+" , "+t._s(t.fallAsleepTime[0])+"/"+t._s(t.fallAsleepTime[1]))]):e("v-uni-view",{staticClass:"small-title"})],1),e("v-uni-view",{staticClass:"flx flx_ac"},[t.exitSleepTime.length>0?e("v-uni-view",{staticClass:"small-title"},[t._v(t._s(t.exitSleepTime[2])+":"+t._s(t.exitSleepTime[3])+" , "+t._s(t.exitSleepTime[0])+"/"+t._s(t.exitSleepTime[1]))]):e("v-uni-view",{staticClass:"small-title"}),e("v-uni-view",{staticClass:"flx flx_ac"},[e("v-uni-image",{staticStyle:{width:"50rpx"},attrs:{src:a("cc6c"),mode:"widthFix"}})],1)],1)],1)],1),t.option.series[0].data.length>0?e("v-uni-view",{staticClass:"radius_box",staticStyle:{margin:"20rpx","padding-bottom":"20rpx","margin-top":"40rpx"}},[e("v-uni-view",{staticStyle:{"font-size":"26rpx","margin-bottom":"30rpx"}},[t._v("睡眠阶段")]),e("v-uni-view",{staticClass:"flx flx_sb"},[e("v-uni-view",{},[e("v-uni-view",{staticStyle:{width:"200rpx",height:"200rpx","background-color":"#fff"}},[e("l-echart",{ref:"chartRef",on:{finished:function(i){arguments[0]=i=t.$handleEvent(i),t.init.apply(void 0,arguments)}}})],1)],1),e("v-uni-view",{staticClass:"flx flx_sb",staticStyle:{width:"100%","margin-left":"40rpx","flex-direction":"column",padding:"20rpx 0","padding-right":"40rpx"}},[e("v-uni-view",{staticClass:"flx flx_sb line"},[e("v-uni-view",{staticClass:"flx small-title flx_ac"},[e("v-uni-view",{staticClass:"dian0 yuan",staticStyle:{"margin-right":"10rpx"}}),e("v-uni-view",{},[t._v("深睡")])],1),e("v-uni-view",{},[e("v-uni-view",{staticClass:"c0"},[t._v(t._s(t.sleepData.shen)+"%")])],1)],1),e("v-uni-view",{staticClass:"flx flx_sb line"},[e("v-uni-view",{staticClass:"flx small-title flx_ac"},[e("v-uni-view",{staticClass:"dian1 yuan",staticStyle:{"margin-right":"10rpx"}}),e("v-uni-view",{},[t._v("浅睡")])],1),e("v-uni-view",{},[e("v-uni-view",{staticClass:"c1"},[t._v(t._s(t.sleepData.qian)+"%")])],1)],1),e("v-uni-view",{staticClass:"flx flx_sb line"},[e("v-uni-view",{staticClass:"flx small-title flx_ac"},[e("v-uni-view",{staticClass:"dian2 yuan",staticStyle:{"margin-right":"10rpx"}}),e("v-uni-view",{},[t._v("快速动眼")])],1),e("v-uni-view",{},[e("v-uni-view",{staticClass:"c2"},[t._v(t._s(t.sleepData.kuai)+"%")])],1)],1)],1)],1)],1):t._e(),e("v-uni-view",{staticClass:"radius_box",staticStyle:{margin:"20rpx","padding-bottom":"20rpx","margin-top":"40rpx"}},[e("v-uni-view",{staticClass:"flx flx_sb title_box flx_ac"},[e("v-uni-view",{staticClass:"title"},[t._v("目标")]),e("v-uni-view",{staticClass:"more",staticStyle:{"font-size":"24rpx"}},[t._v("8 小时")])],1)],1),e("v-uni-view",{staticStyle:{height:"40rpx"}})],1)},n=[]},"0de4":function(t,i,a){"use strict";a.r(i);var e=a("46f9"),s=a("7ab8");for(var n in s)["default"].indexOf(n)<0&&function(t){a.d(i,t,(function(){return s[t]}))}(n);var c=a("828b"),l=Object(c["a"])(s["default"],e["b"],e["c"],!1,null,"b101cb46",null,!1,e["a"],void 0);i["default"]=l.exports},"1ff5":function(t,i,a){var e=a("c86c");i=e(!1),i.push([t.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */.dian0[data-v-1d85894a]{background-color:#e933dd}.dian1[data-v-1d85894a]{background-color:#6452da}.dian2[data-v-1d85894a]{background-color:#4faffc}.c0[data-v-1d85894a]{color:#e933dd;font-size:%?26?%}.c1[data-v-1d85894a]{color:#6452da;font-size:%?26?%}.c2[data-v-1d85894a]{color:#4faffc;font-size:%?26?%}.yuan[data-v-1d85894a]{width:%?16?%;height:%?16?%;border-radius:50%}.small-title[data-v-1d85894a]{font-size:%?24?%;color:#999}.canvas_box[data-v-1d85894a]{background-color:#fff;padding:%?20?%}.canvas_box .circle[data-v-1d85894a]{width:%?40?%;height:%?40?%;margin:0 auto;border-radius:50%;margin:0 %?10?%}.canvas_box .sleep_info .info_title[data-v-1d85894a]{font-size:%?24?%;color:#999}.title_box[data-v-1d85894a]{margin-bottom:%?20?%}.title_box .title[data-v-1d85894a]{font-size:%?28?%}.title_box .more[data-v-1d85894a]{color:#999}',""]),t.exports=i},2736:function(t,i,a){"use strict";a("6a54"),Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0,a("5c47"),a("fd3c"),a("e966");var e={name:"sleep-list-data",props:{dataList:Array,canvasId:String},data:function(){return{zz:"block"}},watch:{dataList:function(t,i){var a=this;if(t.length>0){this.zz="none";var e=uni.createSelectorQuery().in(this);e.select("#myCanvas").boundingClientRect((function(t){if(t){var i=t.width;a.doDraw(i)}})).exec()}}},mounted:function(){},methods:{doDraw:function(t){var i=["#e933dd","#6452da","#4faffc"],a=[40,20,0],e=(t/this.dataList.length).toFixed(2),s=uni.createCanvasContext(this.canvasId,this);this.dataList.map((function(t,n){s.setFillStyle(i[parseInt(t)]),s.fillRect((n*e).toFixed(2),a[parseInt(t)],e,20)})),s.draw()}}};i.default=e},"46f9":function(t,i,a){"use strict";a.d(i,"b",(function(){return e})),a.d(i,"c",(function(){return s})),a.d(i,"a",(function(){}));var e=function(){var t=this.$createElement,i=this._self._c||t;return i("v-uni-view",[i("v-uni-view",{staticStyle:{position:"relative"}},[i("v-uni-view",{style:"position: absolute;width: 100%; height: 60px;background-color: #000;z-index: 1;display: "+this.zz},[i("v-uni-image",{staticStyle:{width:"100%"},attrs:{src:a("4b9f"),mode:"widthFix"}})],1),i("v-uni-view",{},[i("v-uni-canvas",{staticStyle:{width:"100%",height:"60px"},attrs:{id:"myCanvas","canvas-id":this.canvasId}})],1)],1)],1)},s=[]},"4b9f":function(t,i,a){t.exports=a.p+"static/image/1722482824117.jpg"},"4c18":function(t,i,a){"use strict";var e=a("a490"),s=a.n(e);s.a},"5b42":function(t,i,a){"use strict";a("6a54");var e=a("3639").default,s=a("f5bd").default;Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0,a("473f"),a("bf0f");var n=s(a("2634")),c=s(a("2fdc")),l=s(a("9b1b")),o=a("8f59"),r=e(a("d641")),v={data:function(){return{sleepData:{shen:0,qian:0,kuai:0},isOption:!1,isInit:!1,exitSleepTime:[],fallAsleepTime:[],option:{tooltip:{show:!1},legend:{top:"5%",left:"center"},series:[{data:[],type:"pie",radius:["70%","90%"],avoidLabelOverlap:!1,labelLine:{show:!1}}]},cavasConfig:{canvasWidth:250,canvasHeight:250,lineWidth:20,radius:68,startAngle:-90,bigRadius:90,cxt:null,colorBg:"#f7c1f5",bigColorBg:"#d1ccf4",color:"#e933dd",bigColor:"#6452da",bigAngle:0,angle:0,startSmallAngle:0,bigStartAngle:0,stop:0,bigStop:0,maxTime:480},sleepList:[],time:(new Date).toISOString().substring(0,10),sleep:{shen:"0 分",qian:"0 分"}}},onLoad:function(){this.getDataList()},watch:{isInit:function(t,i){1==this.isOption&&this.doDrawPie()},isOption:function(t,i){1==this.isInit&&this.doDrawPie()}},onReady:function(){this.cavasConfig.ctx=uni.createCanvasContext("circleCanvas",this),this.drawCircle("bottom",360,this.cavasConfig.bigRadius,this.cavasConfig.bigColorBg),this.drawCircle("bottom",360,this.cavasConfig.radius,this.cavasConfig.colorBg)},computed:(0,l.default)({},(0,o.mapGetters)({getActiceDevice:"api/getActiceDevice"})),methods:{init:function(){var t=this;return(0,c.default)((0,n.default)().mark((function i(){return(0,n.default)().wrap((function(i){while(1)switch(i.prev=i.next){case 0:t.isInit=!0;case 1:case"end":return i.stop()}}),i)})))()},doDrawPie:function(){var t=this;return(0,c.default)((0,n.default)().mark((function i(){var a;return(0,n.default)().wrap((function(i){while(1)switch(i.prev=i.next){case 0:return i.next=2,t.$refs.chartRef.init(r);case 2:a=i.sent,a.setOption(t.option);case 4:case"end":return i.stop()}}),i)})))()},countOccurrences:function(t,i){return t.reduce((function(t,a){return a===i?t+1:t}),0)},back:function(){uni.navigateBack({delta:1})},getDataList:function(){var t=this;this.$store.dispatch("api/getDeviceListDays",{type:"SleepDatas",device_real_time:this.time,device_id:this.getActiceDevice.device_id}).then((function(i){if(i.data.length>0){t.sleep.shen=t.min2Hour(i.data[0].data_msg[0].sleepTotalTime),t.sleep.qian=t.min2Hour(i.data[0].data_msg[0].deepSleepTime),t.cavasConfig.angle=t.getAngle(i.data[0].data_msg[0].deepSleepTime),t.cavasConfig.bigAngle=t.getAngle(i.data[0].data_msg[0].sleepTotalTime),t.sleepList=i.data[0].data_msg[0].sleepCurve,t.option.series[0].data=[{value:t.countOccurrences(t.sleepList,0),itemStyle:{color:"#e933dd"}},{value:t.countOccurrences(t.sleepList,1),itemStyle:{color:"#6452da"}},{value:t.countOccurrences(t.sleepList,2),itemStyle:{color:"#4faffc"}}];t.sleepList.length;t.sleepData.shen=t.getPercent(t.sleepList,0),t.sleepData.qian=t.getPercent(t.sleepList,1),t.sleepData.kuai=t.getPercent(t.sleepList,2),t.exitSleepTime=i.data[0].data_msg[0].exitSleepTime.split("-"),t.fallAsleepTime=i.data[0].data_msg[0].fallAsleepTime.split("-"),t.isOption=!0}t.doAnimation(0),t.doAnimation(1)}))},getPercent:function(t,i){var a=t.length;return(this.countOccurrences(t,i)/a*100).toFixed(1)},getAngle:function(t){return t/this.cavasConfig.maxTime*360},min2Hour:function(t){var i=Math.floor(t/60),a=t%60;return i?i+" 小时 "+a+" 分":a+" 分"},doAnimation:function(t){var i=this;if(0==t){if(1===this.cavasConfig.bigStop)return;this.cavasConfig.bigStartAngle>=this.cavasConfig.bigAngle?(this.cavasConfig.bigStartAngle=this.cavasConfig.bigAngle,this.cavasConfig.bigStop=1):this.cavasConfig.bigStartAngle+=this.cavasConfig.bigAngle/50,this.drawCircle("round",this.cavasConfig.bigStartAngle,this.cavasConfig.bigRadius,this.cavasConfig.bigColor)}else{if(1==this.cavasConfig.stop)return;this.cavasConfig.startSmallAngle>=this.cavasConfig.angle?(this.cavasConfig.startSmallAngle=this.cavasConfig.angle,this.cavasConfig.stop=1):this.cavasConfig.startSmallAngle+=this.cavasConfig.angle/50,this.drawCircle("round",this.cavasConfig.startSmallAngle,this.cavasConfig.radius,this.cavasConfig.color)}setTimeout((function(){i.doAnimation(t)}),17)},drawCircle:function(t,i,a,e){this.cavasConfig.ctx.save();var s=this.cavasConfig.canvasWidth/2,n=this.cavasConfig.canvasHeight/2;this.cavasConfig.ctx.translate(s,n),this.cavasConfig.ctx.scale(1,1),this.cavasConfig.ctx.lineCap=t;var c=this.cavasConfig.startAngle*Math.PI/180,l=(i+this.cavasConfig.startAngle)*Math.PI/180;this.cavasConfig.ctx.beginPath(),this.cavasConfig.ctx.arc(0,0,a,c,l),this.cavasConfig.ctx.lineWidth=this.cavasConfig.lineWidth,this.cavasConfig.ctx.strokeStyle=e,this.cavasConfig.ctx.stroke(),this.cavasConfig.ctx.closePath(),this.cavasConfig.ctx.restore(),this.cavasConfig.ctx.draw(!0)}}};i.default=v},6080:function(t,i,a){"use strict";a.r(i);var e=a("0d19"),s=a("ec89");for(var n in s)["default"].indexOf(n)<0&&function(t){a.d(i,t,(function(){return s[t]}))}(n);a("4c18");var c=a("828b"),l=Object(c["a"])(s["default"],e["b"],e["c"],!1,null,"1d85894a",null,!1,e["a"],void 0);i["default"]=l.exports},"7ab8":function(t,i,a){"use strict";a.r(i);var e=a("2736"),s=a.n(e);for(var n in e)["default"].indexOf(n)<0&&function(t){a.d(i,t,(function(){return e[t]}))}(n);i["default"]=s.a},a490:function(t,i,a){var e=a("1ff5");e.__esModule&&(e=e.default),"string"===typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);var s=a("967d").default;s("0cf5d4d9",e,!0,{sourceMap:!1,shadowMode:!1})},b1a0:function(t,i,a){t.exports=a.p+"static/icon/sleep.png"},cc6c:function(t,i,a){t.exports=a.p+"static/image/richu.png"},ec89:function(t,i,a){"use strict";a.r(i);var e=a("5b42"),s=a.n(e);for(var n in e)["default"].indexOf(n)<0&&function(t){a.d(i,t,(function(){return e[t]}))}(n);i["default"]=s.a}}]); |