Commit ce36b893 authored by IvyXia123's avatar IvyXia123

打卡返现提交

parent 1ee2a287
...@@ -11,4 +11,4 @@ ...@@ -11,4 +11,4 @@
position: fixed; position: fixed;
background: #f4f4f4; background: #f4f4f4;
} }
/* html{font-size: 1px;} */</style><link href=static/css/app.f983055a19b69eb54137ee36031e8a72.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=static/js/manifest.201486186ff3878077d6.js></script><script type=text/javascript src=static/js/vendor.5af9774cd57a16d7dc8b.js></script><script type=text/javascript src=static/js/app.c8d3f902cae0be2f741c.js></script></body></html> /* html{font-size: 1px;} */</style><link href=static/css/app.f983055a19b69eb54137ee36031e8a72.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=static/js/manifest.d0b7b5f385cb6204257f.js></script><script type=text/javascript src=static/js/vendor.5af9774cd57a16d7dc8b.js></script><script type=text/javascript src=static/js/app.c8d3f902cae0be2f741c.js></script></body></html>
\ No newline at end of file \ No newline at end of file
webpackJsonp([28],{L6DW:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var c=e("mvHQ"),a=e.n(c),o=e("woOf"),i=e.n(o),h=(e("eqfM"),e("/QYm")),l=e("CCn6"),A=e("Jmy5"),d={name:"index",data:function(){return{avatarArr:[],countIndex:0,countDown:"",countDownDay:0,countDownhour:0,countDownminu:0,countDownsec:0,goWhere:0,hasEnded:!0,lastValue:0,modelData:{},firstRate:0,ruleShow:0,status:0,secondRate:0,tishi:!1,thirdRate:0,typeStatus:0,forthRate:0,zongShuLiang:0,punchTheClock:A.g,punchCardData:[],punchClockModel:!1,qrErWeiMa:"",recordListIndex:1,returnCashData:{},todayData:[],currentTime:"",dangqianTimer:"",recordList:[{title:"待开课"},{title:"待完成"},{title:"待补卡"},{title:"打卡完成"}]}},methods:{returnCash:function(n){var t=this,e=this.$route.query.periods_id,c={start_at:this.$route.query.start_at,over_at:this.$route.query.over_at};Object(l.M)(e,c).then(function(e){t.returnCashData=e;var c=e.over_time.split(" ")[0],a=c.split("-")[0]+"/"+c.split("-")[1]+"/"+c.split("-")[2]+" "+e.over_time.split(" ")[1],o=new Date(a).getTime();setInterval(function(){t.restTime(o)},1e3),o<(new Date).getTime()&&(t.hasEnded=!1),t.secondRate=parseInt(e.second_rate),t.thirdRate=100===parseInt(e.third_rate)?103:parseInt(e.third_rate),t.forthRate=parseInt(e.forth_rate),t.todayData=t.integrationFn(e.today);var i=0===n?e.first:1===n?e.second:2===n?e.third:e.forth;t.recordListIndex=n,t.punchCardData=t.integrationFn(i)})},finishUser:function(){var n=this,t=this.$route.query.periods_id;Object(l.r)(t).then(function(t){n.avatarArr=t.avatar,n.countIndex=t.count})},restTime:function(n){var t=n-(new Date).getTime();this.countDownDay=this.timerAddLing(parseInt(t/864e5)),this.countDownhour=this.timerAddLing(parseInt(t/36e5%24)),this.countDownminu=this.timerAddLing(parseInt(t/6e4%60)),this.countDownsec=this.timerAddLing(parseInt(t/1e3%60))},punchCardClick:function(n,t,e,c){var a=this;if(this.status=t,this.typeStatus=e,this.ruleShow=0,1!==t)if(this.hasEnded&&100!==this.forthRate){this.modelData=9==c?this.todayData[n]:this.punchCardData[n],this.modelData.aName=this.modelData.name.split(" ")[0]+" "+this.modelData.name.split(" ")[1];var o={start_at:this.$route.query.start_at,over_at:this.$route.query.over_at,push_time:this.modelData.push_time,type:e};2===t?Object(l.m)(this.modelData.ele_id,this.modelData.id,this.modelData.periods_id,o).then(function(n){a.goWhere=n.go_where;var t=a.timerAddLing((new Date).getFullYear())+"-"+a.timerAddLing((new Date).getMonth()+1)+"-"+a.timerAddLing((new Date).getDate()),e=new Date(t).getTime(),c=new Date(a.modelData.push_time).getTime();a.modelData.state=e==c?1===n.go_where?"待学习":"未提交":1===n.go_where?"待学习(已延期)":"未提交(已延期)",document.querySelectorAll(".uiyiyi")[0].innerText=a.modelData.state}):(this.modelData.state=3===t?"待补卡":"打卡完成",document.querySelectorAll(".uiyiyi")[0].innerText=this.modelData.state),document.querySelectorAll(".get-stars-btn")[0]&&(document.querySelectorAll(".get-stars-btn")[0].style.display="block"),this.modelData.tishi=2===t?"提示:学习卡与作业卡需在开课日完成哦,如延期完成,需消耗星星补卡":3===t?"补卡:消耗20星星补卡1次,当前共有"+this.lastValue+"颗星星":"",this.punchClockModel=!0}else Object(h.a)("活动已结束,谢谢参与~");else Object(h.a)("课程还未开始,请耐心等待哦~")},modelDataClick:function(n,t){var e=this,c=(this.$route.query.course_type,this.$route.query.parent_category_id,{start_at:this.$route.query.start_at,over_at:this.$route.query.over_at,push_time:n.push_time,type:t});2===n.status?1===this.goWhere?this.getLessonDetailFn(n):Object(l._1)({category_id:n.id}).then(function(n){var t=i()({},n,{periods_id:e.modelData.periods_id,category_id:e.modelData.id,element_id:e.modelData.ele_id});e.$router.push({path:"/evaluate",query:t})}):3===n.status&&this.lastValue>=20&&Object(l.E)(this.modelData.ele_id,this.modelData.id,this.modelData.periods_id,c).then(function(t){e.tishi=!0,setTimeout(function(){e.tishi=!1},1500),document.querySelectorAll(".get-stars-btn")[0].style.display="none",e.lastValue=e.lastValue-20,e.modelData.tishi="补卡:消耗20星星补卡1次,当前共有"+e.lastValue+"颗星星";e.punchCardData.findIndex(function(t){return t.ele_id===n.ele_id});e.returnCash(2)})},getLessonDetailFn:function(n){var t=this;Object(l.y)(n.periods_id,n.id,n.ele_id).then(function(e){e.content=JSON.parse(e.content),t.thisLesson=e,t.thisLesson.id=n.ele_id.toString(),t.thisLesson.categoryId=n.id,t.thisLesson.domTitle=n.name,t.thisLesson.star_num=0;var c={periods_id:n.periods_id,category_id:n.id,elementId:n.ele_id,course_type:t.$route.query.course_type,parent_category_id:t.$route.query.parent_category_id};t.$store.dispatch("setClassQuery",c),sessionStorage.setItem("classQuery",a()(c));var o=JSON.parse(a()(t.thisLesson));o.push_time=n.push_time,o.themeID=t.$route.query.parent_category_id,o.goodsID=n.goods_id,o.classID=n.class_id,o.nowTime=Date.parse(new Date),o.course_title=t.$route.query.course_title,localStorage.setItem("lessonDetail",a()(o)),t.$router.push({name:"newLesson",query:c})})},timerAddLing:function(n){return n<10?"0"+n:n},integrationFn:function(n){var t=[];for(var e in n)n[e].sort(function(n,t){return parseInt(n.type)-parseInt(t.type)}),2===n[e].length?(n[e][0].type1=n[e][1].type,t.push(n[e][0])):(2==n[e][0].type&&(n[e][0].type1=n[e][0].type,delete n[e][0].type),t.push(n[e][0]));var c={};return t.reduce(function(n,t){return!c[t.id]&&(c[t.id]=n.push(t)),n},[])},getTeacher:function(){var n=this;Object(l.S)().then(function(t){n.qrErWeiMa=t.qr}),Object(l.Y)().then(function(t){n.lastValue=t.last_value})},punchClockClick:function(){this.punchClockModel=!0,this.ruleShow=2}},mounted:function(){this.returnCash(1),this.finishUser(),this.getTeacher()}},s=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"punch-the-clock"},[e("div",{staticClass:"rule",on:{click:function(t){n.punchClockClick()}}},[n._v("\n 规则\n ")]),n._v(" "),e("div",{staticClass:"punch-the-clock-name-image"},[n._v("\n 奖励名称\n "),e("div",{staticClass:"yiwancheng"},[n._v(n._s(n.hasEnded?100===n.forthRate?"已完成":"进行中":100===n.forthRate?"已完成":"已结束"))])]),n._v(" "),e("div",{staticClass:"punch-the-clock-name-bg"},[e("div",{staticClass:"punch-the-clock-name-content"},[n.hasEnded?n._e():e("div",{staticClass:"punch-the-clock-name-contentText"},[n._v("很遗憾,您未在指定时间内完成任务哦")]),n._v(" "),n.hasEnded?e("div",{staticClass:"punch-the-clock-name-content-timer"},[e("span",[n._v("剩余完成时间")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownDay))]),n._v(" "),e("span",[n._v("天")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownhour))]),n._v(" "),e("span",[n._v("时")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownminu))]),n._v(" "),e("span",[n._v("分")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownsec))]),n._v(" "),e("span",[n._v("秒")])]):n._e(),n._v(" "),e("div",{staticClass:"punch-the-clock-name-content-completion"},[e("div",{staticClass:"daka-fu"},[e("img",{attrs:{src:n.punchTheClock.dakaFu,alt:""}})]),n._v(" "),e("div",{staticClass:"speed"},[e("span",{directives:[{name:"show",rawName:"v-show",value:n.forthRate+n.secondRate+n.thirdRate<80,expression:"forthRate + secondRate + thirdRate < 80"}],staticClass:"speed-baifen baifenbi"},[n._v("100%")]),n._v(" "),e("span",{directives:[{name:"show",rawName:"v-show",value:0!==n.forthRate,expression:"forthRate !== 0"}],staticClass:"speed-list speed-list-completed speed-baifen",style:{width:n.forthRate<=10?"10%":n.forthRate+"%"}},[n._v(n._s(n.forthRate)+"%")]),n._v(" "),e("span",{staticClass:"speed-list speed-list-be",style:{width:(100!==n.secondRate&&(n.secondRate,n.thirdRate),n.secondRate+3+"%")}}),n._v(" "),e("span",{staticClass:"speed-list speed-list-card",style:{width:100!==n.thirdRate&&n.secondRate+n.thirdRate>=90?n.thirdRate+1+"%":n.thirdRate+2+"%"}})]),n._v(" "),n._m(0)])])]),n._v(" "),100===n.forthRate?e("div",{staticClass:"punch-the-clock-reward"},[e("div",{staticClass:"punch-the-clock-reward-title"},[n._v("恭喜您已获得奖励")]),n._v(" "),e("div",{staticClass:"punch-the-clock-reward-title"},[n._v("快联系班主任领取吧!")]),n._v(" "),e("div",{staticClass:"punch-the-clock-reward-erweima"},[e("div",{staticClass:"punch-the-clock-reward-erweima-ma"},[e("img",{attrs:{src:n.qrErWeiMa,alt:""}})])])]):n._e(),n._v(" "),0!==n.todayData.length&&100!==n.forthRate?e("div",{staticClass:"today-list"},n._l(n.todayData,function(t,c){return e("div",{staticClass:"punch-list-today"},[e("div",{staticClass:"punch-card-today"},[e("div",{staticClass:"day"},[n._v("今日")]),n._v(" "),e("div",{staticClass:"small-title"},[n._v(n._s(t.sub_title))]),n._v(" "),e("div",{staticClass:"title"},[n._v(n._s(t.name.split(" ")[0]+" "+t.name.split(" ")[1]))])]),n._v(" "),e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status,t.type,9)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status?n.punchTheClock.kaike_xuexi:2===t.status?n.punchTheClock.daiwanc:3===t.status?n.punchTheClock.buka_xuexi:n.punchTheClock.dakawancheng,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("学习卡")])]),n._v(" "),e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status,t.type1,9)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status?n.punchTheClock.kaike_chengz:2===t.status?n.punchTheClock.daiwanChangz:3===t.status?n.punchTheClock.buka_changz:n.punchTheClock.wanchengChengz,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("成长卡")])])])})):n._e(),n._v(" "),e("div",{staticClass:"punch-the-clock-completed-persons"},[e("div",{staticClass:"punch-the-clock-completed-persons-image"},[e("div",{staticClass:"yiwancheng"},[n._v(n._s(n.countIndex)+"人已完成")]),n._v(" "),n._l(n.avatarArr,function(n,t){return e("div",{key:t,staticClass:"portrait"},[e("img",{attrs:{src:n,alt:""}})])})],2)]),n._v(" "),e("div",{staticClass:"punch-the-clock-record"},[n._m(1),n._v(" "),e("ul",{staticClass:"punch-the-clock-record-list"},n._l(n.recordList,function(t,c){return e("li",{key:c,class:[c===n.recordListIndex?"active":""],on:{click:function(t){n.returnCash(c)}}},[n._v("\n "+n._s(t.title)+" "),e("div",{directives:[{name:"show",rawName:"v-show",value:c===n.recordListIndex,expression:"index === recordListIndex"}],staticClass:"xian"})])})),n._v(" "),e("div",{staticClass:"today-list"},[n._l(n.punchCardData,function(t,c){return 0!==n.punchCardData.length?e("div",{key:c,staticClass:"today-list-xian"},[e("div",{staticClass:"punch-card-today"},[0===n.recordListIndex?e("div",{staticClass:"sou"},[e("img",{attrs:{src:n.punchTheClock.sou,alt:""}})]):n._e(),n._v(" "),0!==n.recordListIndex?e("div",{staticClass:"day"},[n._v(n._s(t.push_time.split("-")[1])+"月"+n._s(t.push_time.split("-")[2])+"日")]):n._e(),n._v(" "),e("div",{staticClass:"small-title"},[n._v(n._s(t.sub_title))]),n._v(" "),e("div",{staticClass:"title"},[n._v(n._s(t.name.split(" ")[0]+" "+t.name.split(" ")[1]))])]),n._v(" "),1==t.type?e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status,t.type)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status?n.punchTheClock.kaike_xuexi:2===t.status?n.punchTheClock.daiwanc:3===t.status?n.punchTheClock.buka_xuexi:n.punchTheClock.dakawancheng,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("学习卡")])]):n._e(),n._v(" "),2==t.type1?e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status,t.type1)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status?n.punchTheClock.kaike_chengz:2===t.status?n.punchTheClock.daiwanChangz:3===t.status?n.punchTheClock.buka_changz:n.punchTheClock.wanchengChengz,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("成长卡")])]):n._e()]):n._e()}),n._v(" "),0===n.punchCardData.length?e("div",{staticClass:"today-list-null"},[e("div",{staticClass:"null-tu"},[e("img",{attrs:{src:n.punchTheClock.nullTu,alt:""}})]),n._v(" "),e("div",{staticClass:"today-list-null-text"},[n._v("啊哦,没有数据哦~")])]):n._e()],2)]),n._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:n.punchClockModel,expression:"punchClockModel"}],staticClass:"punch-the-clock-model",on:{click:function(t){n.punchClockModel=!1}}},[2!=n.ruleShow?e("div",{staticClass:"punch-the-clock-model-yin"},[n.tishi?e("div",{staticClass:"tishi"},[e("div",{staticClass:"tishi-image"},[e("img",{attrs:{src:n.punchTheClock.xiaolian,alt:""}})]),n._v(" "),e("div",{staticClass:"text"},[n._v("恭喜你补卡成功啦~")]),n._v(" "),e("div",{staticClass:"text"},[n._v("-20颗星星")])]):n._e(),n._v(" "),e("div",{staticClass:"x-code"},[e("img",{attrs:{src:n.punchTheClock.x,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-the-clock-model-title"},[e("span",[n._v(n._s(1==n.typeStatus?"学习卡":"成长卡"))])]),n._v(" "),e("div",{staticClass:"title-text title-padd"},[n._v("课时:"+n._s(n.modelData.sub_title))]),n._v(" "),e("div",{staticClass:"title-text"},[n._v("课节:"+n._s(n.modelData.aName))]),n._v(" "),e("div",{staticClass:"title-text"},[n._v("开课日期:"+n._s(n.modelData.push_time))]),n._v(" "),e("div",{staticClass:"title-text"},[n._v("状态:\n "),e("span",{class:[2===n.modelData.status||3===n.modelData.status?"small-title":"","uiyiyi"]})]),n._v(" "),e("div",{staticClass:"title-text"},[n._v(n._s(n.modelData.tishi))]),n._v(" "),3===n.modelData.status&&n.lastValue<=20?e("div",{staticClass:"get-stars"},[n._m(2)]):n._e(),n._v(" "),4!==n.modelData.status?e("div",{class:["get-stars-btn",{"get-stars-btn-clo":3===n.modelData.status&&n.lastValue<=20}],on:{click:function(t){t.stopPropagation(),n.modelDataClick(n.modelData,n.typeStatus)}}},[n._v("\n "+n._s(2===n.modelData.status?1==n.goWhere?"去学习":"去提交":3===n.modelData.status?"去补卡":"")+"\n ")]):n._e()]):n._e(),n._v(" "),2==n.ruleShow?e("div",{staticClass:"punch-the-clock-model-yin punch-the-clock-rule-pad"},[e("div",{staticClass:"x-code"},[e("img",{attrs:{src:n.punchTheClock.x,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-the-clock-rule"},[n._v("活动规则")]),n._v(" "),n._m(3)]):n._e()])])};s._withStripped=!0;var r={render:s,staticRenderFns:[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"speed-content"},[e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-completed"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("已完成")])]),n._v(" "),e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-be"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("待完成")])]),n._v(" "),e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-card"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("待补卡")])]),n._v(" "),e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-waiting"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("待开课")])])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"punch-the-clock-record-title"},[t("div",{staticClass:"punch-the-clock-record-title-image"}),this._v(" "),t("div",{staticClass:"punch-the-clock-record-title-text"},[this._v("我的打卡记录")])])},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"get-stars-content"},[e("div",{staticClass:"get-stars-text"},[n._v("当前星星不足补卡哦,如何获得更多星星?")]),n._v(" "),e("div",{staticClass:"get-stars-text get-stars-text-con"},[e("span",{staticClass:"get-stars-text-title"},[n._v("1、开始课程学习")]),n._v(" "),e("span",{staticClass:"get-stars-text-xingxing"},[n._v("+1星星")])]),n._v(" "),e("div",{staticClass:"get-stars-text get-stars-text-con"},[e("span",{staticClass:"get-stars-text-title"},[n._v("2、学完课节")]),n._v(" "),e("span",{staticClass:"get-stars-text-xingxing"},[n._v("+1星星")])]),n._v(" "),e("div",{staticClass:"get-stars-text get-stars-text-con"},[e("span",{staticClass:"get-stars-text-title"},[n._v("3、提交作业")]),n._v(" "),e("span",{staticClass:"get-stars-text-xingxing"},[n._v("+1星星")])])])},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"rule-content"},[e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("1.活动名称:")]),n._v(" "),e("span",{staticClass:"con"},[n._v("全勤打卡赢奖励")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("2.活动时间:")]),n._v(" "),e("span",{staticClass:"con"},[n._v("课程开课时间-结课时间")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("3.活动规则:")]),e("br"),n._v(" "),e("span",{staticClass:"con"},[n._v("需在课程开课日完成当日课程的学习卡和成长卡。学完当日课程即可完成学习卡。提交学习记录即可完成成长卡。如延期完成,需消耗星星进行补卡。每20颗星星可补一张待补卡卡片。")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("4.如何补卡?")]),e("br"),n._v(" "),e("span",{staticClass:"con"},[n._v("未在当日完成学习卡和成长卡,需先完成。完成后可在补卡列表中,找到对应待补卡卡片。点击后,消耗星星进行补卡")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("5.星星不足补卡时,如何获取更多星星?")]),e("br"),n._v(" "),e("span",{staticClass:"con"},[n._v("\n 可通过以下3种方式获取星星"),e("br"),n._v("\n a. 打开未学习课程 星星+1"),e("br"),n._v("\n b. 不限时间学习完成一节课程 星星+1"),e("br"),n._v("\n c. 不限时提交成长记录 星星+1\n ")])])])}]},p=r;var u=!1;var C=e("VU/8")(d,p,!1,function(n){u||e("vEwR")},"data-v-22bb6a4e",null);C.options.__file="src/components/punchTheClock/index.vue";t.default=C.exports},RCiY:function(n,t,e){n.exports=e.p+"static/img/tankuang.2f1b23a.png"},"UPX/":function(n,t,e){var c=e("kxFB");(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-22bb6a4e] {\n float: right;\n}\n.fr[data-v-22bb6a4e] {\n float: right;\n}\n.fl[data-v-22bb6a4e] {\n float: left;\n}\n.main-block[data-v-22bb6a4e] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-22bb6a4e]:after {\n content: '';\n display: block;\n clear: both;\n}\n@-webkit-keyframes myfirst-data-v-22bb6a4e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-22bb6a4e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-22bb6a4e] {\n background: transparent;\n}\n.ellipsisCss[data-v-22bb6a4e] {\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.transparentBtn[data-v-22bb6a4e] {\n width: 32vw;\n height: 10.13333333vw;\n border: 1px solid white;\n color: white;\n text-align: center;\n line-height: 10.13333333vw;\n font-size: 4vw;\n border-radius: 5.33333333vw;\n}\ni[data-v-22bb6a4e] {\n font-style: normal;\n}\n.punch-the-clock[data-v-22bb6a4e] {\n width: 100%;\n background: #FFD096;\n padding: 7.46666667vw 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: relative;\n /* 恭喜您已获得奖励 快联系班主任领取吧! */\n /* 今日卡 */\n /* 已完成人数 */\n /* 我的打卡记录 */\n /* 弹框 */\n}\n.punch-the-clock .rule[data-v-22bb6a4e] {\n width: 14.4vw;\n height: 8vw;\n line-height: 8vw;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 50px 0 0 50px;\n position: fixed;\n top: 12.8vw;\n right: 0;\n z-index: 80;\n font-size: 3.46666667vw;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding: 42.66666667vw 6.13333333vw 5.33333333vw;\n background: #F76D39;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content[data-v-22bb6a4e] {\n width: 100%;\n /* 倒计时 */\n /* 完成率 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-contentText[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer[data-v-22bb6a4e] {\n padding: 2.13333333vw 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 3.2vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer span[data-v-22bb6a4e] {\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer .timer[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n line-height: 5.33333333vw;\n margin: 0 0.8vw;\n display: inline-block;\n background: #FFEEED;\n border-radius: 1.06666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion[data-v-22bb6a4e] {\n width: 76.8vw;\n height: 24vw;\n padding: 10.93333333vw 2.66666667vw 0 3.46666667vw;\n margin-top: 2.13333333vw;\n position: relative;\n background: #FFE4C1;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n /* 图像 */\n /* 进度条 */\n /* 解释进度文本 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu[data-v-22bb6a4e] {\n width: 7.46666667vw;\n height: 8.8vw;\n position: absolute;\n top: 1.6vw;\n right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed[data-v-22bb6a4e] {\n width: 99%;\n height: 3.2vw;\n line-height: 2.4vw;\n background: #FFFFFF;\n border-radius: 1.6vw;\n position: relative;\n text-align: right;\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-baifen[data-v-22bb6a4e] {\n padding-right: 1.33333333vw;\n font-size: 2.66666667vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .baifenbi[data-v-22bb6a4e] {\n position: absolute;\n right: 0;\n top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list[data-v-22bb6a4e] {\n width: 30%;\n height: 3.2vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n float: left;\n border-radius: 1.6vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-completed[data-v-22bb6a4e] {\n line-height: 3.2vw;\n background: #60ADF0;\n position: relative;\n z-index: 4;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-be[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FFD454;\n position: relative;\n z-index: 2;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-card[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 2.13333333vw;\n font-size: 0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list[data-v-22bb6a4e] {\n display: inline-block;\n padding-right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-color[data-v-22bb6a4e] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n display: inline-block;\n border-radius: 100px;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-completed[data-v-22bb6a4e] {\n background: #60ADF0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-be[data-v-22bb6a4e] {\n background: #FFD454;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-card[data-v-22bb6a4e] {\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-waiting[data-v-22bb6a4e] {\n background: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-text[data-v-22bb6a4e] {\n padding-left: 1.06666667vw;\n vertical-align: middle;\n font-size: 3.2vw;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-name-image[data-v-22bb6a4e] {\n width: 100%;\n height: 42.66666667vw;\n background: url("+c(e("eyiJ"))+") no-repeat;\n background-size: 100% 100%;\n padding-top: 2.4vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n left: 0;\n top: 7.46666667vw;\n text-align: center;\n font-size: 4.8vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-image .yiwancheng[data-v-22bb6a4e] {\n position: absolute;\n bottom: 4.8vw;\n right: 15.46666667vw;\n font-size: 3.73333333vw;\n color: #E68453;\n}\n.punch-the-clock .punch-the-clock-reward[data-v-22bb6a4e] {\n width: 89.33333333vw;\n height: 73.33333333vw;\n margin-top: 2.66666667vw;\n padding-top: 4vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-title[data-v-22bb6a4e] {\n font-size: 4.53333333vw;\n font-weight: 500;\n color: #BB3E00;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima[data-v-22bb6a4e] {\n width: 45.33333333vw;\n height: 45.33333333vw;\n margin-top: 1.33333333vw;\n background: #FFE1AE;\n border-right: 1.86666667vw;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma[data-v-22bb6a4e] {\n width: 40vw;\n height: 40vw;\n background: #BDBDBD;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e] {\n padding-top: 2.4vw;\n padding-bottom: 2.66666667vw;\n border-bottom: 1px solid #EFDFD4;\n overflow: hidden;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list[data-v-22bb6a4e] {\n width: 89.33333333vw;\n margin-top: 2.66666667vw;\n padding: 5.06666667vw 5.33333333vw 3.73333333vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e] {\n overflow: hidden;\n padding-top: 5.06666667vw;\n padding-bottom: 3.73333333vw;\n border-bottom: 1px solid #EFDFD4;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e] {\n float: left;\n text-align: left;\n}\n.punch-the-clock .today-list .punch-card-today .sou[data-v-22bb6a4e] {\n width: 4vw;\n height: 6.4vw;\n text-align: left;\n margin: 1px;\n}\n.punch-the-clock .today-list .punch-card-today .sou img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .day[data-v-22bb6a4e] {\n font-size: 4vw;\n font-weight: 500;\n color: #6B5617;\n}\n.punch-the-clock .today-list .punch-card-today .small-title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 3.46666667vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 2.4vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning[data-v-22bb6a4e] {\n width: 23.2vw;\n height: 15.2vw;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-xuexila[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n font-weight: 500;\n color: #AF5D21;\n text-align: center;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:first-child {\n padding-right: 3.73333333vw;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:last-child {\n padding-left: 2.13333333vw;\n}\n.punch-the-clock .today-list .today-list-null[data-v-22bb6a4e] {\n padding: 21.33333333vw 0 29.33333333vw;\n}\n.punch-the-clock .today-list .today-list-null .null-tu[data-v-22bb6a4e] {\n width: 26.66666667vw;\n height: 26.66666667vw;\n margin: auto;\n}\n.punch-the-clock .today-list .today-list-null .null-tu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .today-list-null .today-list-null-text[data-v-22bb6a4e] {\n padding-top: 2.93333333vw;\n font-size: 3.46666667vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-completed-persons[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 1.33333333vw;\n padding-bottom: 2.66666667vw;\n text-align: right;\n}\n.punch-the-clock .punch-the-clock-completed-persons .punch-the-clock-completed-persons-image[data-v-22bb6a4e] {\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-completed-persons .yiwancheng[data-v-22bb6a4e] {\n padding-right: 5.6vw;\n padding-left: 0.8vw;\n line-height: 5.33333333vw;\n float: right;\n font-size: 2.93333333vw;\n color: #623F06;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n margin-left: -2.66666667vw;\n border-radius: 100px;\n float: right;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n border-radius: 100px;\n}\n.punch-the-clock .punch-the-clock-record[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding-top: 6.4vw;\n padding-bottom: 2.66666667vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title[data-v-22bb6a4e] {\n width: 100%;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-image[data-v-22bb6a4e] {\n width: 70.4vw;\n height: 1.06666667vw;\n background: url("+c(e("krUU"))+") no-repeat;\n background-size: 100% 100%;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-text[data-v-22bb6a4e] {\n position: absolute;\n left: 0;\n right: 0;\n top: -2.66666667vw;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 7.73333333vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list li[data-v-22bb6a4e] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-size: 3.2vw;\n text-align: center;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active[data-v-22bb6a4e] {\n font-weight: 500;\n position: relative;\n top: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active .xian[data-v-22bb6a4e] {\n width: 6.4vw;\n height: 1.06666667vw;\n margin-top: 0.53333333vw;\n background: #FF8A5A;\n border-radius: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n padding-top: 13.33333333vw;\n position: fixed;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 100;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin[data-v-22bb6a4e] {\n width: 81.86666667vw;\n height: 129.33333333vw;\n padding: 24vw 8vw 0;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: url("+c(e("RCiY"))+") no-repeat;\n background-size: 100% 100%;\n /* 我的打卡记录详情 */\n /* 规则 */\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code[data-v-22bb6a4e] {\n width: 7.2vw;\n height: 7.2vw;\n position: absolute;\n top: 0;\n right: 0;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title[data-v-22bb6a4e] {\n width: 19.2vw;\n height: 2.66666667vw;\n background: url("+c(e("yB1h"))+") no-repeat;\n background-size: 100% 100%;\n border-radius: 10px;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title span[data-v-22bb6a4e] {\n position: relative;\n top: -2.66666667vw;\n font-size: 4vw;\n font-weight: 600;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text[data-v-22bb6a4e] {\n padding-top: 1.33333333vw;\n font-size: 3.73333333vw;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text .small-title[data-v-22bb6a4e] {\n color: #ff7d7a;\n font-weight: 500;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-padd[data-v-22bb6a4e] {\n padding-top: 5.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars[data-v-22bb6a4e] {\n width: 66.93333333vw;\n height: 23.46666667vw;\n margin-top: 2.66666667vw;\n padding: 2.13333333vw;\n border: 1px solid #FFD454;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: 1.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text[data-v-22bb6a4e] {\n font-size: 3.2vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-xingxing[data-v-22bb6a4e] {\n float: right;\n padding-right: 18.4vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-con[data-v-22bb6a4e] {\n padding-top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn[data-v-22bb6a4e] {\n width: 64vw;\n height: 13.33333333vw;\n line-height: 13.33333333vw;\n background: #FFD454;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 13.33333333vw;\n border-radius: 100px;\n font-size: 4.8vw;\n font-weight: 500;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn-clo[data-v-22bb6a4e] {\n background: #CCCCCC;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-rule[data-v-22bb6a4e] {\n width: 41.86666667vw;\n height: 7.2vw;\n line-height: 7.2vw;\n background: url("+c(e("VRYd"))+") no-repeat;\n background-size: 100% 100%;\n font-size: 4vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content[data-v-22bb6a4e] {\n margin-top: 4.26666667vw;\n height: 78.66666667vw;\n line-height: 6.66666667vw;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list[data-v-22bb6a4e] {\n width: 100%;\n font-size: 3.46666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .title[data-v-22bb6a4e] {\n font-weight: 500;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .con[data-v-22bb6a4e] {\n color: #aaaaaa;\n text-align: justify;\n -moz-text-align-last: justify;\n text-align-last: justify;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi[data-v-22bb6a4e] {\n width: 37.6vw;\n height: 33.6vw;\n margin: auto;\n background: rgba(0, 0, 0, 0.8);\n border-radius: 2.66666667vw;\n padding-top: 5.33333333vw;\n position: absolute;\n left: 0;\n bottom: 15%;\n right: 0;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image[data-v-22bb6a4e] {\n width: 6.93333333vw;\n height: 6.93333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .text[data-v-22bb6a4e] {\n padding-top: 4vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-rule-pad[data-v-22bb6a4e] {\n padding-top: 27.2vw;\n}\n@media screen and (min-width: 600px) {\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n overflow: auto;\n}\n}\n","",{version:3,sources:["/Users/xiaxue/Desktop/ccdaima/wechat/src/components/punchTheClock/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:['\n.fl-r[data-v-22bb6a4e] {\n float: right;\n}\n.fr[data-v-22bb6a4e] {\n float: right;\n}\n.fl[data-v-22bb6a4e] {\n float: left;\n}\n.main-block[data-v-22bb6a4e] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-22bb6a4e]:after {\n content: \'\';\n display: block;\n clear: both;\n}\n@-webkit-keyframes myfirst-data-v-22bb6a4e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-22bb6a4e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-22bb6a4e] {\n background: transparent;\n}\n.ellipsisCss[data-v-22bb6a4e] {\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.transparentBtn[data-v-22bb6a4e] {\n width: 32vw;\n height: 10.13333333vw;\n border: 1px solid white;\n color: white;\n text-align: center;\n line-height: 10.13333333vw;\n font-size: 4vw;\n border-radius: 5.33333333vw;\n}\ni[data-v-22bb6a4e] {\n font-style: normal;\n}\n.punch-the-clock[data-v-22bb6a4e] {\n width: 100%;\n background: #FFD096;\n padding: 7.46666667vw 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: relative;\n /* 恭喜您已获得奖励 快联系班主任领取吧! */\n /* 今日卡 */\n /* 已完成人数 */\n /* 我的打卡记录 */\n /* 弹框 */\n}\n.punch-the-clock .rule[data-v-22bb6a4e] {\n width: 14.4vw;\n height: 8vw;\n line-height: 8vw;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 50px 0 0 50px;\n position: fixed;\n top: 12.8vw;\n right: 0;\n z-index: 80;\n font-size: 3.46666667vw;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding: 42.66666667vw 6.13333333vw 5.33333333vw;\n background: #F76D39;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content[data-v-22bb6a4e] {\n width: 100%;\n /* 倒计时 */\n /* 完成率 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-contentText[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer[data-v-22bb6a4e] {\n padding: 2.13333333vw 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 3.2vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer span[data-v-22bb6a4e] {\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer .timer[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n line-height: 5.33333333vw;\n margin: 0 0.8vw;\n display: inline-block;\n background: #FFEEED;\n border-radius: 1.06666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion[data-v-22bb6a4e] {\n width: 76.8vw;\n height: 24vw;\n padding: 10.93333333vw 2.66666667vw 0 3.46666667vw;\n margin-top: 2.13333333vw;\n position: relative;\n background: #FFE4C1;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n /* 图像 */\n /* 进度条 */\n /* 解释进度文本 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu[data-v-22bb6a4e] {\n width: 7.46666667vw;\n height: 8.8vw;\n position: absolute;\n top: 1.6vw;\n right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed[data-v-22bb6a4e] {\n width: 99%;\n height: 3.2vw;\n line-height: 2.4vw;\n background: #FFFFFF;\n border-radius: 1.6vw;\n position: relative;\n text-align: right;\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-baifen[data-v-22bb6a4e] {\n padding-right: 1.33333333vw;\n font-size: 2.66666667vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .baifenbi[data-v-22bb6a4e] {\n position: absolute;\n right: 0;\n top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list[data-v-22bb6a4e] {\n width: 30%;\n height: 3.2vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n float: left;\n border-radius: 1.6vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-completed[data-v-22bb6a4e] {\n line-height: 3.2vw;\n background: #60ADF0;\n position: relative;\n z-index: 4;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-be[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FFD454;\n position: relative;\n z-index: 2;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-card[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 2.13333333vw;\n font-size: 0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list[data-v-22bb6a4e] {\n display: inline-block;\n padding-right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-color[data-v-22bb6a4e] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n display: inline-block;\n border-radius: 100px;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-completed[data-v-22bb6a4e] {\n background: #60ADF0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-be[data-v-22bb6a4e] {\n background: #FFD454;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-card[data-v-22bb6a4e] {\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-waiting[data-v-22bb6a4e] {\n background: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-text[data-v-22bb6a4e] {\n padding-left: 1.06666667vw;\n vertical-align: middle;\n font-size: 3.2vw;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-name-image[data-v-22bb6a4e] {\n width: 100%;\n height: 42.66666667vw;\n background: url("../../assets/punchTheClock/yezi_title.png") no-repeat;\n background-size: 100% 100%;\n padding-top: 2.4vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n left: 0;\n top: 7.46666667vw;\n text-align: center;\n font-size: 4.8vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-image .yiwancheng[data-v-22bb6a4e] {\n position: absolute;\n bottom: 4.8vw;\n right: 15.46666667vw;\n font-size: 3.73333333vw;\n color: #E68453;\n}\n.punch-the-clock .punch-the-clock-reward[data-v-22bb6a4e] {\n width: 89.33333333vw;\n height: 73.33333333vw;\n margin-top: 2.66666667vw;\n padding-top: 4vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-title[data-v-22bb6a4e] {\n font-size: 4.53333333vw;\n font-weight: 500;\n color: #BB3E00;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima[data-v-22bb6a4e] {\n width: 45.33333333vw;\n height: 45.33333333vw;\n margin-top: 1.33333333vw;\n background: #FFE1AE;\n border-right: 1.86666667vw;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma[data-v-22bb6a4e] {\n width: 40vw;\n height: 40vw;\n background: #BDBDBD;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e] {\n padding-top: 2.4vw;\n padding-bottom: 2.66666667vw;\n border-bottom: 1px solid #EFDFD4;\n overflow: hidden;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list[data-v-22bb6a4e] {\n width: 89.33333333vw;\n margin-top: 2.66666667vw;\n padding: 5.06666667vw 5.33333333vw 3.73333333vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e] {\n overflow: hidden;\n padding-top: 5.06666667vw;\n padding-bottom: 3.73333333vw;\n border-bottom: 1px solid #EFDFD4;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e] {\n float: left;\n text-align: left;\n}\n.punch-the-clock .today-list .punch-card-today .sou[data-v-22bb6a4e] {\n width: 4vw;\n height: 6.4vw;\n text-align: left;\n margin: 1px;\n}\n.punch-the-clock .today-list .punch-card-today .sou img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .day[data-v-22bb6a4e] {\n font-size: 4vw;\n font-weight: 500;\n color: #6B5617;\n}\n.punch-the-clock .today-list .punch-card-today .small-title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 3.46666667vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 2.4vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning[data-v-22bb6a4e] {\n width: 23.2vw;\n height: 15.2vw;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-xuexila[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n font-weight: 500;\n color: #AF5D21;\n text-align: center;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:first-child {\n padding-right: 3.73333333vw;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:last-child {\n padding-left: 2.13333333vw;\n}\n.punch-the-clock .today-list .today-list-null[data-v-22bb6a4e] {\n padding: 21.33333333vw 0 29.33333333vw;\n}\n.punch-the-clock .today-list .today-list-null .null-tu[data-v-22bb6a4e] {\n width: 26.66666667vw;\n height: 26.66666667vw;\n margin: auto;\n}\n.punch-the-clock .today-list .today-list-null .null-tu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .today-list-null .today-list-null-text[data-v-22bb6a4e] {\n padding-top: 2.93333333vw;\n font-size: 3.46666667vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-completed-persons[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 1.33333333vw;\n padding-bottom: 2.66666667vw;\n text-align: right;\n}\n.punch-the-clock .punch-the-clock-completed-persons .punch-the-clock-completed-persons-image[data-v-22bb6a4e] {\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-completed-persons .yiwancheng[data-v-22bb6a4e] {\n padding-right: 5.6vw;\n padding-left: 0.8vw;\n line-height: 5.33333333vw;\n float: right;\n font-size: 2.93333333vw;\n color: #623F06;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n margin-left: -2.66666667vw;\n border-radius: 100px;\n float: right;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n border-radius: 100px;\n}\n.punch-the-clock .punch-the-clock-record[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding-top: 6.4vw;\n padding-bottom: 2.66666667vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title[data-v-22bb6a4e] {\n width: 100%;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-image[data-v-22bb6a4e] {\n width: 70.4vw;\n height: 1.06666667vw;\n background: url("../../assets/punchTheClock/line.png") no-repeat;\n background-size: 100% 100%;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-text[data-v-22bb6a4e] {\n position: absolute;\n left: 0;\n right: 0;\n top: -2.66666667vw;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 7.73333333vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list li[data-v-22bb6a4e] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-size: 3.2vw;\n text-align: center;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active[data-v-22bb6a4e] {\n font-weight: 500;\n position: relative;\n top: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active .xian[data-v-22bb6a4e] {\n width: 6.4vw;\n height: 1.06666667vw;\n margin-top: 0.53333333vw;\n background: #FF8A5A;\n border-radius: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n padding-top: 13.33333333vw;\n position: fixed;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 100;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin[data-v-22bb6a4e] {\n width: 81.86666667vw;\n height: 129.33333333vw;\n padding: 24vw 8vw 0;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: url("../../assets/punchTheClock/tankuang.png") no-repeat;\n background-size: 100% 100%;\n /* 我的打卡记录详情 */\n /* 规则 */\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code[data-v-22bb6a4e] {\n width: 7.2vw;\n height: 7.2vw;\n position: absolute;\n top: 0;\n right: 0;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title[data-v-22bb6a4e] {\n width: 19.2vw;\n height: 2.66666667vw;\n background: url("../../assets/punchTheClock/beijing.png") no-repeat;\n background-size: 100% 100%;\n border-radius: 10px;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title span[data-v-22bb6a4e] {\n position: relative;\n top: -2.66666667vw;\n font-size: 4vw;\n font-weight: 600;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text[data-v-22bb6a4e] {\n padding-top: 1.33333333vw;\n font-size: 3.73333333vw;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text .small-title[data-v-22bb6a4e] {\n color: #ff7d7a;\n font-weight: 500;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-padd[data-v-22bb6a4e] {\n padding-top: 5.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars[data-v-22bb6a4e] {\n width: 66.93333333vw;\n height: 23.46666667vw;\n margin-top: 2.66666667vw;\n padding: 2.13333333vw;\n border: 1px solid #FFD454;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: 1.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text[data-v-22bb6a4e] {\n font-size: 3.2vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-xingxing[data-v-22bb6a4e] {\n float: right;\n padding-right: 18.4vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-con[data-v-22bb6a4e] {\n padding-top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn[data-v-22bb6a4e] {\n width: 64vw;\n height: 13.33333333vw;\n line-height: 13.33333333vw;\n background: #FFD454;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 13.33333333vw;\n border-radius: 100px;\n font-size: 4.8vw;\n font-weight: 500;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn-clo[data-v-22bb6a4e] {\n background: #CCCCCC;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-rule[data-v-22bb6a4e] {\n width: 41.86666667vw;\n height: 7.2vw;\n line-height: 7.2vw;\n background: url("../../assets/punchTheClock/rule_beijing.png") no-repeat;\n background-size: 100% 100%;\n font-size: 4vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content[data-v-22bb6a4e] {\n margin-top: 4.26666667vw;\n height: 78.66666667vw;\n line-height: 6.66666667vw;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list[data-v-22bb6a4e] {\n width: 100%;\n font-size: 3.46666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .title[data-v-22bb6a4e] {\n font-weight: 500;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .con[data-v-22bb6a4e] {\n color: #aaaaaa;\n text-align: justify;\n -moz-text-align-last: justify;\n text-align-last: justify;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi[data-v-22bb6a4e] {\n width: 37.6vw;\n height: 33.6vw;\n margin: auto;\n background: rgba(0, 0, 0, 0.8);\n border-radius: 2.66666667vw;\n padding-top: 5.33333333vw;\n position: absolute;\n left: 0;\n bottom: 15%;\n right: 0;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image[data-v-22bb6a4e] {\n width: 6.93333333vw;\n height: 6.93333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .text[data-v-22bb6a4e] {\n padding-top: 4vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-rule-pad[data-v-22bb6a4e] {\n padding-top: 27.2vw;\n}\n@media screen and (min-width: 600px) {\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n overflow: auto;\n}\n}\n'],sourceRoot:""}])},VRYd:function(n,t,e){n.exports=e.p+"static/img/rule_beijing.389bbdc.png"},eyiJ:function(n,t,e){n.exports=e.p+"static/img/yezi_title.ab848ae.png"},vEwR:function(n,t,e){var c=e("UPX/");"string"==typeof c&&(c=[[n.i,c,""]]),c.locals&&(n.exports=c.locals);e("rjj0")("9afaabc8",c,!1,{})},yB1h:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAUCAYAAABiZ7R2AAAAAXNSR0IArs4c6QAAA4lJREFUaAXtWs9PE0EYfd/sQhcKiFBQEzWaaEwkEQ+ejR71ohduHPxT+qd48MYFL3rUePYgJpAYTTTqQVtALFR2aXfGN9vyu5WW1lrpTDOZ2Z2d7eybN9/8+J7gPwjm2b0Urg0FCDEA6UthK06hn7+yTrH5/RBTSVkIw+gZH0Yzr3yAqWKq4cEwio2iWF7NQ0HzWoxUoFBSyfNa82kb+DR4k+9mqhkZbF4ZzRIbY4iKYZJr5nmtGLUus3IJwlSYxsLUlFiZEVt8R5Skvop4tYV+L2JRhACbeLcRyv3ntryrQxW0zrbRfHwUoFwcRqhGgHKaHZ1mB6XZ8YMElXmdZicMsGMG2LkBQVedbWGX/JsRTZKGxGKTWGySjEViUSQRf5GEzOsi4BcR6AL89Lpcfhx2uuVtJ5DJZhUefBpBEI4iKp2G741yZI5yRJ7iRw+TECSN6ev0h/bG/0mJhCtwMK7TLv6kpV1DOV5Dqu8HwmANTy8VJJvV7cTi2AQyZsbDEiZoPc5A4gyJkeHoGGfjxjlavHY20r2rTQjYqRVYoZVfIdGWYbxlWrHvuI68yJwtazo0RKDEqswsTpIsF7h2OM9/OUuSTPTs1NI0zF1ewU6Vgjxb+Y1rta8k1RfMTeUasVZ1CWQWZ8a4SL0KX67wxRdpEu1C1YVeQUDBLuA/o2w+wFfvZWputdan7yMQSTPETcYNsvEmLcxkrQruXo8iIMiRE2+g5C3JtLGNQkKghDgit8m2W25a2obGpTURsNOdL6+5MXpliSRmafYc4miWOyNun11wCDSKgBThpZ7wuCt66MjTKGjuuV0EaHDInd48oNtFweVaREDRDM3z4Iknmi44BJpBIJnC5t0iuhnM3LNc7RxYRO/FJNmNGZmmL2rabeP3IuPyPNrJ0Re3wF36wqFtfC143EFiLVR66N5xDhLrweNcGfWQOSH3/4Yr4yhozIs7PiYnMokzVRvrFxunDyXDBfkYpz/nTD0KwH9RnjhTzSr7jI5U61CVfOJMzeWX5e5LapeaD/tcGc1XP1zjj3IOrSnlUMNOznEYt/bcoZwDep0CukLXyzla+eC6gjIrJFNq0AnKqujaqeWgoExriskoLDupgrJWiFWvbkuSVkWJKyhxtZJWnnolqZ1ivR1Z615JKy0yz1YTeWtdSattZkXeui1ptXLWmHLWHSlrVdIKSlg15asnWNL6G3ZRwHGoUzmnAAAAAElFTkSuQmCC"}});
\ No newline at end of file
webpackJsonp([28],{L6DW:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var c=e("mvHQ"),a=e.n(c),o=e("woOf"),i=e.n(o),h=(e("eqfM"),e("/QYm")),l=e("CCn6"),A=e("Jmy5"),d={name:"index",data:function(){return{avatarArr:[],countIndex:0,countDown:"",countDownDay:0,countDownhour:0,countDownminu:0,countDownsec:0,goWhere:0,hasEnded:!0,lastValue:0,modelData:{},firstRate:0,ruleShow:0,status:0,secondRate:0,tishi:!1,thirdRate:0,typeStatus:0,forthRate:0,punchTheClock:A.g,punchCardData:[],punchClockModel:!1,qrErWeiMa:"",recordListIndex:1,returnCashData:{},todayData:[],currentTime:"",dangqianTimer:"",recordList:[{title:"待开课"},{title:"待完成"},{title:"待补卡"},{title:"打卡完成"}]}},methods:{returnCash:function(n){var t=this,e=this.$route.query.periods_id,c={start_at:this.$route.query.start_at,over_at:this.$route.query.over_at};Object(l.M)(e,c).then(function(e){t.returnCashData=e;var c=e.over_time.split(" ")[0],a=c.split("-")[0]+"/"+c.split("-")[1]+"/"+c.split("-")[2]+" "+e.over_time.split(" ")[1],o=new Date(a).getTime();setInterval(function(){t.restTime(o)},1e3),o<(new Date).getTime()&&(t.hasEnded=!1),t.secondRate=parseInt(e.second_rate),t.thirdRate=100===parseInt(e.third_rate)?103:parseInt(e.third_rate),t.forthRate=parseInt(e.forth_rate),t.todayData=t.integrationFn(e.today);var i=0===n?e.first:1===n?e.second:2===n?e.third:e.forth;t.recordListIndex=n,t.punchCardData=t.integrationFn(i)})},finishUser:function(){var n=this,t=this.$route.query.periods_id;Object(l.r)(t).then(function(t){n.avatarArr=t.avatar,n.countIndex=t.count})},restTime:function(n){var t=n-(new Date).getTime();this.countDownDay=this.timerAddLing(parseInt(t/864e5)),this.countDownhour=this.timerAddLing(parseInt(t/36e5%24)),this.countDownminu=this.timerAddLing(parseInt(t/6e4%60)),this.countDownsec=this.timerAddLing(parseInt(t/1e3%60))},punchCardClick:function(n,t,e,c){var a=this;if(this.status=t,this.typeStatus=e,this.ruleShow=0,1!==t)if(this.hasEnded&&100!==this.forthRate){this.modelData=9==c?this.todayData[n]:this.punchCardData[n],this.modelData.aName=this.modelData.name.split(" ")[0]+" "+this.modelData.name.split(" ")[1];var o={start_at:this.$route.query.start_at,over_at:this.$route.query.over_at,push_time:this.modelData.push_time,type:e};2===t?Object(l.m)(this.modelData.ele_id,this.modelData.id,this.modelData.periods_id,o).then(function(n){a.goWhere=n.go_where;var t=a.timerAddLing((new Date).getFullYear())+"-"+a.timerAddLing((new Date).getMonth()+1)+"-"+a.timerAddLing((new Date).getDate()),e=new Date(t).getTime(),c=new Date(a.modelData.push_time).getTime();a.modelData.state=e==c?1===n.go_where?"待学习":"未提交":1===n.go_where?"待学习(已延期)":"未提交(已延期)",document.querySelectorAll(".uiyiyi")[0].innerText=a.modelData.state}):(this.modelData.state=3===t?"待补卡":"打卡完成",document.querySelectorAll(".uiyiyi")[0].innerText=this.modelData.state),document.querySelectorAll(".get-stars-btn")[0]&&(document.querySelectorAll(".get-stars-btn")[0].style.display="block"),this.modelData.tishi=2===t?"提示:学习卡与作业卡需在开课日完成哦,如延期完成,需消耗星星补卡":3===t?"补卡:消耗20星星补卡1次,当前共有"+this.lastValue+"颗星星":"",this.punchClockModel=!0}else Object(h.a)("活动已结束,谢谢参与~");else Object(h.a)("课程还未开始,请耐心等待哦~")},modelDataClick:function(n,t){var e=this,c={start_at:this.$route.query.start_at,over_at:this.$route.query.over_at,push_time:n.push_time,type:t};2===n.status?1===this.goWhere?this.getLessonDetailFn(n):Object(l._1)({category_id:n.id}).then(function(n){var t=i()({},n,{periods_id:e.modelData.periods_id,category_id:e.modelData.id,element_id:e.modelData.ele_id});e.$router.push({path:"/evaluate",query:t})}):3===n.status&&this.lastValue>=20&&Object(l.E)(this.modelData.ele_id,this.modelData.id,this.modelData.periods_id,c).then(function(n){e.tishi=!0,setTimeout(function(){e.tishi=!1},1500),document.querySelectorAll(".get-stars-btn")[0].style.display="none",e.lastValue=e.lastValue-20,e.modelData.tishi="补卡:消耗20星星补卡1次,当前共有"+e.lastValue+"颗星星",e.returnCash(2)})},getLessonDetailFn:function(n){var t=this;Object(l.y)(n.periods_id,n.id,n.ele_id).then(function(e){e.content=JSON.parse(e.content),t.thisLesson=e,t.thisLesson.id=n.ele_id.toString(),t.thisLesson.categoryId=n.id,t.thisLesson.domTitle=n.name,t.thisLesson.star_num=0;var c={periods_id:n.periods_id,category_id:n.id,elementId:n.ele_id,course_type:t.$route.query.course_type,parent_category_id:t.$route.query.parent_category_id};t.$store.dispatch("setClassQuery",c),sessionStorage.setItem("classQuery",a()(c));var o=JSON.parse(a()(t.thisLesson));o.push_time=n.push_time,o.themeID=t.$route.query.parent_category_id,o.goodsID=n.goods_id,o.classID=n.class_id,o.nowTime=Date.parse(new Date),o.course_title=t.$route.query.course_title,localStorage.setItem("lessonDetail",a()(o)),t.$router.push({name:"newLesson",query:c})})},timerAddLing:function(n){return n<10?"0"+n:n},integrationFn:function(n){var t=[];for(var e in n)n[e].sort(function(n,t){return parseInt(n.type)-parseInt(t.type)}),2===n[e].length?(n[e][0].type1=n[e][1].type,n[e][0].status1=n[e][1].status,t.push(n[e][0])):(2==n[e][0].type&&(n[e][0].type1=n[e][0].type,n[e][0].status1=n[e][0].status,delete n[e][0].type,delete n[e][0].status),t.push(n[e][0]));var c={};return t.reduce(function(n,t){return!c[t.id]&&(c[t.id]=n.push(t)),n},[])},getTeacher:function(){var n=this;Object(l.S)().then(function(t){n.qrErWeiMa=t.qr}),Object(l.Y)().then(function(t){n.lastValue=t.last_value})},punchClockClick:function(){this.punchClockModel=!0,this.ruleShow=2}},mounted:function(){this.returnCash(1),this.finishUser(),this.getTeacher()}},s=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"punch-the-clock"},[e("div",{staticClass:"rule",on:{click:function(t){n.punchClockClick()}}},[n._v("\n 规则\n ")]),n._v(" "),e("div",{staticClass:"punch-the-clock-name-image"},[n._v("\n 奖励名称\n "),e("div",{staticClass:"yiwancheng"},[n._v(n._s(n.hasEnded?100===n.forthRate?"已完成":"进行中":100===n.forthRate?"已完成":"已结束"))])]),n._v(" "),e("div",{staticClass:"punch-the-clock-name-bg"},[e("div",{staticClass:"punch-the-clock-name-content"},[n.hasEnded?n._e():e("div",{staticClass:"punch-the-clock-name-contentText"},[n._v("很遗憾,您未在指定时间内完成任务哦")]),n._v(" "),n.hasEnded?e("div",{staticClass:"punch-the-clock-name-content-timer"},[e("span",[n._v("剩余完成时间")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownDay))]),n._v(" "),e("span",[n._v("天")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownhour))]),n._v(" "),e("span",[n._v("时")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownminu))]),n._v(" "),e("span",[n._v("分")]),n._v(" "),e("span",{staticClass:"timer"},[n._v(n._s(n.countDownsec))]),n._v(" "),e("span",[n._v("秒")])]):n._e(),n._v(" "),e("div",{staticClass:"punch-the-clock-name-content-completion"},[e("div",{staticClass:"daka-fu"},[e("img",{attrs:{src:n.punchTheClock.dakaFu,alt:""}})]),n._v(" "),e("div",{staticClass:"speed"},[e("span",{directives:[{name:"show",rawName:"v-show",value:n.forthRate+n.secondRate+n.thirdRate<80,expression:"forthRate + secondRate + thirdRate < 80"}],staticClass:"speed-baifen baifenbi"},[n._v("100%")]),n._v(" "),e("span",{directives:[{name:"show",rawName:"v-show",value:0!==n.forthRate,expression:"forthRate !== 0"}],staticClass:"speed-list speed-list-completed speed-baifen",style:{width:n.forthRate<=10?"10%":n.forthRate+"%"}},[n._v(n._s(n.forthRate)+"%")]),n._v(" "),e("span",{staticClass:"speed-list speed-list-be",style:{width:(100!==n.secondRate&&(n.secondRate,n.thirdRate),n.secondRate+3+"%")}}),n._v(" "),e("span",{staticClass:"speed-list speed-list-card",style:{width:100!==n.thirdRate&&n.secondRate+n.thirdRate>=90?n.thirdRate+1+"%":n.thirdRate+2+"%"}})]),n._v(" "),n._m(0)])])]),n._v(" "),100===n.forthRate?e("div",{staticClass:"punch-the-clock-reward"},[e("div",{staticClass:"punch-the-clock-reward-title"},[n._v("恭喜您已获得奖励")]),n._v(" "),e("div",{staticClass:"punch-the-clock-reward-title"},[n._v("快联系班主任领取吧!")]),n._v(" "),e("div",{staticClass:"punch-the-clock-reward-erweima"},[e("div",{staticClass:"punch-the-clock-reward-erweima-ma"},[e("img",{attrs:{src:n.qrErWeiMa,alt:""}})])])]):n._e(),n._v(" "),0!==n.todayData.length&&100!==n.forthRate?e("div",{staticClass:"today-list"},n._l(n.todayData,function(t,c){return e("div",{staticClass:"punch-list-today"},[e("div",{staticClass:"punch-card-today"},[e("div",{staticClass:"day"},[n._v("今日")]),n._v(" "),e("div",{staticClass:"small-title"},[n._v(n._s(t.sub_title))]),n._v(" "),e("div",{staticClass:"title"},[n._v(n._s(t.name.split(" ")[0]+" "+t.name.split(" ")[1]))])]),n._v(" "),e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status,t.type,9)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status?n.punchTheClock.kaike_xuexi:2===t.status?n.punchTheClock.daiwanc:3===t.status?n.punchTheClock.buka_xuexi:n.punchTheClock.dakawancheng,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("学习卡")])]),n._v(" "),e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status1,t.type1,9)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status1?n.punchTheClock.kaike_chengz:2===t.status1?n.punchTheClock.daiwanChangz:3===t.status1?n.punchTheClock.buka_changz:n.punchTheClock.wanchengChengz,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("成长卡")])])])})):n._e(),n._v(" "),e("div",{staticClass:"punch-the-clock-completed-persons"},[e("div",{staticClass:"punch-the-clock-completed-persons-image"},[e("div",{staticClass:"yiwancheng"},[n._v(n._s(n.countIndex)+"人已完成")]),n._v(" "),n._l(n.avatarArr,function(n,t){return e("div",{key:t,staticClass:"portrait"},[e("img",{attrs:{src:n,alt:""}})])})],2)]),n._v(" "),e("div",{staticClass:"punch-the-clock-record"},[n._m(1),n._v(" "),e("ul",{staticClass:"punch-the-clock-record-list"},n._l(n.recordList,function(t,c){return e("li",{key:c,class:[c===n.recordListIndex?"active":""],on:{click:function(t){n.returnCash(c)}}},[n._v("\n "+n._s(t.title)+" "),e("div",{directives:[{name:"show",rawName:"v-show",value:c===n.recordListIndex,expression:"index === recordListIndex"}],staticClass:"xian"})])})),n._v(" "),e("div",{staticClass:"today-list"},[n._l(n.punchCardData,function(t,c){return 0!==n.punchCardData.length?e("div",{key:c,staticClass:"today-list-xian"},[e("div",{staticClass:"punch-card-today"},[0===n.recordListIndex?e("div",{staticClass:"sou"},[e("img",{attrs:{src:n.punchTheClock.sou,alt:""}})]):n._e(),n._v(" "),0!==n.recordListIndex?e("div",{staticClass:"day"},[n._v(n._s(t.push_time.split("-")[1])+"月"+n._s(t.push_time.split("-")[2])+"日")]):n._e(),n._v(" "),e("div",{staticClass:"small-title"},[n._v(n._s(t.sub_title))]),n._v(" "),e("div",{staticClass:"title"},[n._v(n._s(t.name.split(" ")[0]+" "+t.name.split(" ")[1]))])]),n._v(" "),1==t.type?e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status,t.type)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status?n.punchTheClock.kaike_xuexi:2===t.status?n.punchTheClock.daiwanc:3===t.status?n.punchTheClock.buka_xuexi:n.punchTheClock.dakawancheng,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("学习卡")])]):n._e(),n._v(" "),2==t.type1?e("div",{staticClass:"punch-card-today",on:{click:function(e){n.punchCardClick(c,t.status1,t.type1)}}},[e("div",{staticClass:"punch-card-today-learning"},[e("img",{attrs:{src:1===t.status1?n.punchTheClock.kaike_chengz:2===t.status1?n.punchTheClock.daiwanChangz:3===t.status1?n.punchTheClock.buka_changz:n.punchTheClock.wanchengChengz,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-card-today-xuexila"},[n._v("成长卡")])]):n._e()]):n._e()}),n._v(" "),0===n.punchCardData.length?e("div",{staticClass:"today-list-null"},[e("div",{staticClass:"null-tu"},[e("img",{attrs:{src:n.punchTheClock.nullTu,alt:""}})]),n._v(" "),e("div",{staticClass:"today-list-null-text"},[n._v("啊哦,没有数据哦~")])]):n._e()],2)]),n._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:n.punchClockModel,expression:"punchClockModel"}],staticClass:"punch-the-clock-model",on:{click:function(t){n.punchClockModel=!1}}},[2!=n.ruleShow?e("div",{staticClass:"punch-the-clock-model-yin"},[n.tishi?e("div",{staticClass:"tishi"},[e("div",{staticClass:"tishi-image"},[e("img",{attrs:{src:n.punchTheClock.xiaolian,alt:""}})]),n._v(" "),e("div",{staticClass:"text"},[n._v("恭喜你补卡成功啦~")]),n._v(" "),e("div",{staticClass:"text"},[n._v("-20颗星星")])]):n._e(),n._v(" "),e("div",{staticClass:"x-code"},[e("img",{attrs:{src:n.punchTheClock.x,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-the-clock-model-title"},[e("span",[n._v(n._s(1==n.typeStatus?"学习卡":"成长卡"))])]),n._v(" "),e("div",{staticClass:"title-text title-padd"},[n._v("课时:"+n._s(n.modelData.sub_title))]),n._v(" "),e("div",{staticClass:"title-text"},[n._v("课节:"+n._s(n.modelData.aName))]),n._v(" "),e("div",{staticClass:"title-text"},[n._v("开课日期:"+n._s(n.modelData.push_time))]),n._v(" "),e("div",{staticClass:"title-text"},[n._v("状态:\n "),e("span",{class:[2===n.status||3===n.status?"small-title":"","uiyiyi"]})]),n._v(" "),e("div",{staticClass:"title-text"},[n._v(n._s(n.modelData.tishi))]),n._v(" "),3===n.status&&n.lastValue<=20?e("div",{staticClass:"get-stars"},[n._m(2)]):n._e(),n._v(" "),4!==n.status?e("div",{class:["get-stars-btn",{"get-stars-btn-clo":3===n.status&&n.lastValue<=20}],on:{click:function(t){t.stopPropagation(),n.modelDataClick(n.modelData,n.typeStatus)}}},[n._v("\n "+n._s(2===n.status?1==n.goWhere?"去学习":"去提交":3===n.status?"去补卡":"")+"\n ")]):n._e()]):n._e(),n._v(" "),2==n.ruleShow?e("div",{staticClass:"punch-the-clock-model-yin punch-the-clock-rule-pad"},[e("div",{staticClass:"x-code"},[e("img",{attrs:{src:n.punchTheClock.x,alt:""}})]),n._v(" "),e("div",{staticClass:"punch-the-clock-rule"},[n._v("活动规则")]),n._v(" "),n._m(3)]):n._e()])])};s._withStripped=!0;var r={render:s,staticRenderFns:[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"speed-content"},[e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-completed"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("已完成")])]),n._v(" "),e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-be"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("待完成")])]),n._v(" "),e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-card"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("待补卡")])]),n._v(" "),e("div",{staticClass:"speed-content-list"},[e("span",{staticClass:"speed-content-list-color speed-content-list-waiting"}),n._v(" "),e("span",{staticClass:"speed-content-list-text"},[n._v("待开课")])])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"punch-the-clock-record-title"},[t("div",{staticClass:"punch-the-clock-record-title-image"}),this._v(" "),t("div",{staticClass:"punch-the-clock-record-title-text"},[this._v("我的打卡记录")])])},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"get-stars-content"},[e("div",{staticClass:"get-stars-text"},[n._v("当前星星不足补卡哦,如何获得更多星星?")]),n._v(" "),e("div",{staticClass:"get-stars-text get-stars-text-con"},[e("span",{staticClass:"get-stars-text-title"},[n._v("1、开始课程学习")]),n._v(" "),e("span",{staticClass:"get-stars-text-xingxing"},[n._v("+1星星")])]),n._v(" "),e("div",{staticClass:"get-stars-text get-stars-text-con"},[e("span",{staticClass:"get-stars-text-title"},[n._v("2、学完课节")]),n._v(" "),e("span",{staticClass:"get-stars-text-xingxing"},[n._v("+1星星")])]),n._v(" "),e("div",{staticClass:"get-stars-text get-stars-text-con"},[e("span",{staticClass:"get-stars-text-title"},[n._v("3、提交作业")]),n._v(" "),e("span",{staticClass:"get-stars-text-xingxing"},[n._v("+1星星")])])])},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"rule-content"},[e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("1.活动名称:")]),n._v(" "),e("span",{staticClass:"con"},[n._v("全勤打卡赢奖励")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("2.活动时间:")]),n._v(" "),e("span",{staticClass:"con"},[n._v("课程开课时间-结课时间")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("3.活动规则:")]),e("br"),n._v(" "),e("span",{staticClass:"con"},[n._v("需在课程开课日完成当日课程的学习卡和成长卡。学完当日课程即可完成学习卡。提交学习记录即可完成成长卡。如延期完成,需消耗星星进行补卡。每20颗星星可补一张待补卡卡片。")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("4.如何补卡?")]),e("br"),n._v(" "),e("span",{staticClass:"con"},[n._v("未在当日完成学习卡和成长卡,需先完成。完成后可在补卡列表中,找到对应待补卡卡片。点击后,消耗星星进行补卡")])]),n._v(" "),e("div",{staticClass:"rule-content-list"},[e("span",{staticClass:"title"},[n._v("5.星星不足补卡时,如何获取更多星星?")]),e("br"),n._v(" "),e("span",{staticClass:"con"},[n._v("\n 可通过以下3种方式获取星星"),e("br"),n._v("\n a. 打开未学习课程 星星+1"),e("br"),n._v("\n b. 不限时间学习完成一节课程 星星+1"),e("br"),n._v("\n c. 不限时提交成长记录 星星+1\n ")])])])}]},p=r;var u=!1;var C=e("VU/8")(d,p,!1,function(n){u||e("vEwR")},"data-v-22bb6a4e",null);C.options.__file="src/components/punchTheClock/index.vue";t.default=C.exports},RCiY:function(n,t,e){n.exports=e.p+"static/img/tankuang.2f1b23a.png"},"UPX/":function(n,t,e){var c=e("kxFB");(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-22bb6a4e] {\n float: right;\n}\n.fr[data-v-22bb6a4e] {\n float: right;\n}\n.fl[data-v-22bb6a4e] {\n float: left;\n}\n.main-block[data-v-22bb6a4e] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-22bb6a4e]:after {\n content: '';\n display: block;\n clear: both;\n}\n@-webkit-keyframes myfirst-data-v-22bb6a4e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-22bb6a4e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-22bb6a4e] {\n background: transparent;\n}\n.ellipsisCss[data-v-22bb6a4e] {\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.transparentBtn[data-v-22bb6a4e] {\n width: 32vw;\n height: 10.13333333vw;\n border: 1px solid white;\n color: white;\n text-align: center;\n line-height: 10.13333333vw;\n font-size: 4vw;\n border-radius: 5.33333333vw;\n}\ni[data-v-22bb6a4e] {\n font-style: normal;\n}\n.punch-the-clock[data-v-22bb6a4e] {\n width: 100%;\n background: #FFD096;\n padding: 7.46666667vw 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: relative;\n /* 恭喜您已获得奖励 快联系班主任领取吧! */\n /* 今日卡 */\n /* 已完成人数 */\n /* 我的打卡记录 */\n /* 弹框 */\n}\n.punch-the-clock .rule[data-v-22bb6a4e] {\n width: 14.4vw;\n height: 8vw;\n line-height: 8vw;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 50px 0 0 50px;\n position: fixed;\n top: 12.8vw;\n right: 0;\n z-index: 80;\n font-size: 3.46666667vw;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding: 42.66666667vw 6.13333333vw 5.33333333vw;\n background: #F76D39;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content[data-v-22bb6a4e] {\n width: 100%;\n /* 倒计时 */\n /* 完成率 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-contentText[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer[data-v-22bb6a4e] {\n padding: 2.13333333vw 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 3.2vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer span[data-v-22bb6a4e] {\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer .timer[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n line-height: 5.33333333vw;\n margin: 0 0.8vw;\n display: inline-block;\n background: #FFEEED;\n border-radius: 1.06666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion[data-v-22bb6a4e] {\n width: 76.8vw;\n height: 24vw;\n padding: 10.93333333vw 2.66666667vw 0 3.46666667vw;\n margin-top: 2.13333333vw;\n position: relative;\n background: #FFE4C1;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n /* 图像 */\n /* 进度条 */\n /* 解释进度文本 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu[data-v-22bb6a4e] {\n width: 7.46666667vw;\n height: 8.8vw;\n position: absolute;\n top: 1.6vw;\n right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed[data-v-22bb6a4e] {\n width: 99%;\n height: 3.2vw;\n line-height: 2.4vw;\n background: #FFFFFF;\n border-radius: 1.6vw;\n position: relative;\n text-align: right;\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-baifen[data-v-22bb6a4e] {\n padding-right: 1.33333333vw;\n font-size: 2.66666667vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .baifenbi[data-v-22bb6a4e] {\n position: absolute;\n right: 0;\n top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list[data-v-22bb6a4e] {\n width: 30%;\n height: 3.2vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n float: left;\n border-radius: 1.6vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-completed[data-v-22bb6a4e] {\n line-height: 3.2vw;\n background: #60ADF0;\n position: relative;\n z-index: 4;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-be[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FFD454;\n position: relative;\n z-index: 2;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-card[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 2.13333333vw;\n font-size: 0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list[data-v-22bb6a4e] {\n display: inline-block;\n padding-right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-color[data-v-22bb6a4e] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n display: inline-block;\n border-radius: 100px;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-completed[data-v-22bb6a4e] {\n background: #60ADF0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-be[data-v-22bb6a4e] {\n background: #FFD454;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-card[data-v-22bb6a4e] {\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-waiting[data-v-22bb6a4e] {\n background: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-text[data-v-22bb6a4e] {\n padding-left: 1.06666667vw;\n vertical-align: middle;\n font-size: 3.2vw;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-name-image[data-v-22bb6a4e] {\n width: 100%;\n height: 42.66666667vw;\n background: url("+c(e("eyiJ"))+") no-repeat;\n background-size: 100% 100%;\n padding-top: 2.4vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n left: 0;\n top: 7.46666667vw;\n text-align: center;\n font-size: 4.8vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-image .yiwancheng[data-v-22bb6a4e] {\n position: absolute;\n bottom: 4.8vw;\n right: 15.46666667vw;\n font-size: 3.73333333vw;\n color: #E68453;\n}\n.punch-the-clock .punch-the-clock-reward[data-v-22bb6a4e] {\n width: 89.33333333vw;\n height: 73.33333333vw;\n margin-top: 2.66666667vw;\n padding-top: 4vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-title[data-v-22bb6a4e] {\n font-size: 4.53333333vw;\n font-weight: 500;\n color: #BB3E00;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima[data-v-22bb6a4e] {\n width: 45.33333333vw;\n height: 45.33333333vw;\n margin-top: 1.33333333vw;\n background: #FFE1AE;\n border-right: 1.86666667vw;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma[data-v-22bb6a4e] {\n width: 40vw;\n height: 40vw;\n background: #BDBDBD;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e] {\n padding-top: 2.4vw;\n padding-bottom: 2.66666667vw;\n border-bottom: 1px solid #EFDFD4;\n overflow: hidden;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list[data-v-22bb6a4e] {\n width: 89.33333333vw;\n margin-top: 2.66666667vw;\n padding: 5.06666667vw 5.33333333vw 3.73333333vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e] {\n overflow: hidden;\n padding-top: 5.06666667vw;\n padding-bottom: 3.73333333vw;\n border-bottom: 1px solid #EFDFD4;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e] {\n float: left;\n text-align: left;\n}\n.punch-the-clock .today-list .punch-card-today .sou[data-v-22bb6a4e] {\n width: 4vw;\n height: 6.4vw;\n text-align: left;\n margin: 1px;\n}\n.punch-the-clock .today-list .punch-card-today .sou img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .day[data-v-22bb6a4e] {\n font-size: 4vw;\n font-weight: 500;\n color: #6B5617;\n}\n.punch-the-clock .today-list .punch-card-today .small-title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 3.46666667vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 2.4vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning[data-v-22bb6a4e] {\n width: 23.2vw;\n height: 15.2vw;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-xuexila[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n font-weight: 500;\n color: #AF5D21;\n text-align: center;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:first-child {\n padding-right: 3.73333333vw;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:last-child {\n padding-left: 2.13333333vw;\n}\n.punch-the-clock .today-list .today-list-null[data-v-22bb6a4e] {\n padding: 21.33333333vw 0 29.33333333vw;\n}\n.punch-the-clock .today-list .today-list-null .null-tu[data-v-22bb6a4e] {\n width: 26.66666667vw;\n height: 26.66666667vw;\n margin: auto;\n}\n.punch-the-clock .today-list .today-list-null .null-tu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .today-list-null .today-list-null-text[data-v-22bb6a4e] {\n padding-top: 2.93333333vw;\n font-size: 3.46666667vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-completed-persons[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 1.33333333vw;\n padding-bottom: 2.66666667vw;\n text-align: right;\n}\n.punch-the-clock .punch-the-clock-completed-persons .punch-the-clock-completed-persons-image[data-v-22bb6a4e] {\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-completed-persons .yiwancheng[data-v-22bb6a4e] {\n padding-right: 5.6vw;\n padding-left: 0.8vw;\n line-height: 5.33333333vw;\n float: right;\n font-size: 2.93333333vw;\n color: #623F06;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n margin-left: -2.66666667vw;\n border-radius: 100px;\n float: right;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n border-radius: 100px;\n}\n.punch-the-clock .punch-the-clock-record[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding-top: 6.4vw;\n padding-bottom: 2.66666667vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title[data-v-22bb6a4e] {\n width: 100%;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-image[data-v-22bb6a4e] {\n width: 70.4vw;\n height: 1.06666667vw;\n background: url("+c(e("krUU"))+") no-repeat;\n background-size: 100% 100%;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-text[data-v-22bb6a4e] {\n position: absolute;\n left: 0;\n right: 0;\n top: -2.66666667vw;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 7.73333333vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list li[data-v-22bb6a4e] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-size: 3.2vw;\n text-align: center;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active[data-v-22bb6a4e] {\n font-weight: 500;\n position: relative;\n top: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active .xian[data-v-22bb6a4e] {\n width: 6.4vw;\n height: 1.06666667vw;\n margin-top: 0.53333333vw;\n background: #FF8A5A;\n border-radius: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n padding-top: 13.33333333vw;\n position: fixed;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 100;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin[data-v-22bb6a4e] {\n width: 81.86666667vw;\n height: 129.33333333vw;\n padding: 24vw 8vw 0;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: url("+c(e("RCiY"))+") no-repeat;\n background-size: 100% 100%;\n /* 我的打卡记录详情 */\n /* 规则 */\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code[data-v-22bb6a4e] {\n width: 7.2vw;\n height: 7.2vw;\n position: absolute;\n top: 0;\n right: 0;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title[data-v-22bb6a4e] {\n width: 19.2vw;\n height: 2.66666667vw;\n background: url("+c(e("yB1h"))+") no-repeat;\n background-size: 100% 100%;\n border-radius: 10px;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title span[data-v-22bb6a4e] {\n position: relative;\n top: -2.66666667vw;\n font-size: 4vw;\n font-weight: 600;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text[data-v-22bb6a4e] {\n padding-top: 1.33333333vw;\n font-size: 3.73333333vw;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text .small-title[data-v-22bb6a4e] {\n color: #ff7d7a;\n font-weight: 500;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-padd[data-v-22bb6a4e] {\n padding-top: 5.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars[data-v-22bb6a4e] {\n width: 66.93333333vw;\n height: 23.46666667vw;\n margin-top: 2.66666667vw;\n padding: 2.13333333vw;\n border: 1px solid #FFD454;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: 1.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text[data-v-22bb6a4e] {\n font-size: 3.2vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-xingxing[data-v-22bb6a4e] {\n float: right;\n padding-right: 18.4vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-con[data-v-22bb6a4e] {\n padding-top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn[data-v-22bb6a4e] {\n width: 64vw;\n height: 13.33333333vw;\n line-height: 13.33333333vw;\n background: #FFD454;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 13.33333333vw;\n border-radius: 100px;\n font-size: 4.8vw;\n font-weight: 500;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn-clo[data-v-22bb6a4e] {\n background: #CCCCCC;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-rule[data-v-22bb6a4e] {\n width: 41.86666667vw;\n height: 7.2vw;\n line-height: 7.2vw;\n background: url("+c(e("VRYd"))+") no-repeat;\n background-size: 100% 100%;\n font-size: 4vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content[data-v-22bb6a4e] {\n margin-top: 4.26666667vw;\n height: 78.66666667vw;\n line-height: 6.66666667vw;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list[data-v-22bb6a4e] {\n width: 100%;\n font-size: 3.46666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .title[data-v-22bb6a4e] {\n font-weight: 500;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .con[data-v-22bb6a4e] {\n color: #aaaaaa;\n text-align: justify;\n -moz-text-align-last: justify;\n text-align-last: justify;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi[data-v-22bb6a4e] {\n width: 37.6vw;\n height: 33.6vw;\n margin: auto;\n background: rgba(0, 0, 0, 0.8);\n border-radius: 2.66666667vw;\n padding-top: 5.33333333vw;\n position: absolute;\n left: 0;\n bottom: 15%;\n right: 0;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image[data-v-22bb6a4e] {\n width: 6.93333333vw;\n height: 6.93333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .text[data-v-22bb6a4e] {\n padding-top: 4vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-rule-pad[data-v-22bb6a4e] {\n padding-top: 27.2vw;\n}\n@media screen and (min-width: 600px) {\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n overflow: auto;\n}\n}\n","",{version:3,sources:["/Users/xiaxue/Desktop/ccdaima/wechat/src/components/punchTheClock/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:['\n.fl-r[data-v-22bb6a4e] {\n float: right;\n}\n.fr[data-v-22bb6a4e] {\n float: right;\n}\n.fl[data-v-22bb6a4e] {\n float: left;\n}\n.main-block[data-v-22bb6a4e] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-22bb6a4e]:after {\n content: \'\';\n display: block;\n clear: both;\n}\n@-webkit-keyframes myfirst-data-v-22bb6a4e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-22bb6a4e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-22bb6a4e] {\n background: transparent;\n}\n.ellipsisCss[data-v-22bb6a4e] {\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.transparentBtn[data-v-22bb6a4e] {\n width: 32vw;\n height: 10.13333333vw;\n border: 1px solid white;\n color: white;\n text-align: center;\n line-height: 10.13333333vw;\n font-size: 4vw;\n border-radius: 5.33333333vw;\n}\ni[data-v-22bb6a4e] {\n font-style: normal;\n}\n.punch-the-clock[data-v-22bb6a4e] {\n width: 100%;\n background: #FFD096;\n padding: 7.46666667vw 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: relative;\n /* 恭喜您已获得奖励 快联系班主任领取吧! */\n /* 今日卡 */\n /* 已完成人数 */\n /* 我的打卡记录 */\n /* 弹框 */\n}\n.punch-the-clock .rule[data-v-22bb6a4e] {\n width: 14.4vw;\n height: 8vw;\n line-height: 8vw;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 50px 0 0 50px;\n position: fixed;\n top: 12.8vw;\n right: 0;\n z-index: 80;\n font-size: 3.46666667vw;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding: 42.66666667vw 6.13333333vw 5.33333333vw;\n background: #F76D39;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content[data-v-22bb6a4e] {\n width: 100%;\n /* 倒计时 */\n /* 完成率 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-contentText[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer[data-v-22bb6a4e] {\n padding: 2.13333333vw 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 3.2vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer span[data-v-22bb6a4e] {\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-timer .timer[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n line-height: 5.33333333vw;\n margin: 0 0.8vw;\n display: inline-block;\n background: #FFEEED;\n border-radius: 1.06666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion[data-v-22bb6a4e] {\n width: 76.8vw;\n height: 24vw;\n padding: 10.93333333vw 2.66666667vw 0 3.46666667vw;\n margin-top: 2.13333333vw;\n position: relative;\n background: #FFE4C1;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n /* 图像 */\n /* 进度条 */\n /* 解释进度文本 */\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu[data-v-22bb6a4e] {\n width: 7.46666667vw;\n height: 8.8vw;\n position: absolute;\n top: 1.6vw;\n right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .daka-fu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed[data-v-22bb6a4e] {\n width: 99%;\n height: 3.2vw;\n line-height: 2.4vw;\n background: #FFFFFF;\n border-radius: 1.6vw;\n position: relative;\n text-align: right;\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-baifen[data-v-22bb6a4e] {\n padding-right: 1.33333333vw;\n font-size: 2.66666667vw;\n color: #75290D;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .baifenbi[data-v-22bb6a4e] {\n position: absolute;\n right: 0;\n top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list[data-v-22bb6a4e] {\n width: 30%;\n height: 3.2vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n float: left;\n border-radius: 1.6vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-completed[data-v-22bb6a4e] {\n line-height: 3.2vw;\n background: #60ADF0;\n position: relative;\n z-index: 4;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-be[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FFD454;\n position: relative;\n z-index: 2;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed .speed-list-card[data-v-22bb6a4e] {\n margin-left: -3%;\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 2.13333333vw;\n font-size: 0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list[data-v-22bb6a4e] {\n display: inline-block;\n padding-right: 2.66666667vw;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-color[data-v-22bb6a4e] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n display: inline-block;\n border-radius: 100px;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-completed[data-v-22bb6a4e] {\n background: #60ADF0;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-be[data-v-22bb6a4e] {\n background: #FFD454;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-card[data-v-22bb6a4e] {\n background: #FF7D77;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-waiting[data-v-22bb6a4e] {\n background: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-bg .punch-the-clock-name-content .punch-the-clock-name-content-completion .speed-content .speed-content-list .speed-content-list-text[data-v-22bb6a4e] {\n padding-left: 1.06666667vw;\n vertical-align: middle;\n font-size: 3.2vw;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-name-image[data-v-22bb6a4e] {\n width: 100%;\n height: 42.66666667vw;\n background: url("../../assets/punchTheClock/yezi_title.png") no-repeat;\n background-size: 100% 100%;\n padding-top: 2.4vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n left: 0;\n top: 7.46666667vw;\n text-align: center;\n font-size: 4.8vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-name-image .yiwancheng[data-v-22bb6a4e] {\n position: absolute;\n bottom: 4.8vw;\n right: 15.46666667vw;\n font-size: 3.73333333vw;\n color: #E68453;\n}\n.punch-the-clock .punch-the-clock-reward[data-v-22bb6a4e] {\n width: 89.33333333vw;\n height: 73.33333333vw;\n margin-top: 2.66666667vw;\n padding-top: 4vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-title[data-v-22bb6a4e] {\n font-size: 4.53333333vw;\n font-weight: 500;\n color: #BB3E00;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima[data-v-22bb6a4e] {\n width: 45.33333333vw;\n height: 45.33333333vw;\n margin-top: 1.33333333vw;\n background: #FFE1AE;\n border-right: 1.86666667vw;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma[data-v-22bb6a4e] {\n width: 40vw;\n height: 40vw;\n background: #BDBDBD;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-reward .punch-the-clock-reward-erweima .punch-the-clock-reward-erweima-ma img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e] {\n padding-top: 2.4vw;\n padding-bottom: 2.66666667vw;\n border-bottom: 1px solid #EFDFD4;\n overflow: hidden;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list-xian[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list[data-v-22bb6a4e] {\n width: 89.33333333vw;\n margin-top: 2.66666667vw;\n padding: 5.06666667vw 5.33333333vw 3.73333333vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e] {\n overflow: hidden;\n padding-top: 5.06666667vw;\n padding-bottom: 3.73333333vw;\n border-bottom: 1px solid #EFDFD4;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:first-child {\n padding-top: 0;\n}\n.punch-the-clock .today-list .punch-list-today[data-v-22bb6a4e]:last-child {\n padding-bottom: 0;\n border-bottom: none;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e] {\n float: left;\n text-align: left;\n}\n.punch-the-clock .today-list .punch-card-today .sou[data-v-22bb6a4e] {\n width: 4vw;\n height: 6.4vw;\n text-align: left;\n margin: 1px;\n}\n.punch-the-clock .today-list .punch-card-today .sou img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .day[data-v-22bb6a4e] {\n font-size: 4vw;\n font-weight: 500;\n color: #6B5617;\n}\n.punch-the-clock .today-list .punch-card-today .small-title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 3.46666667vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .title[data-v-22bb6a4e] {\n width: 25.86666667vw;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 3.2vw;\n padding-top: 2.4vw;\n color: #A6A59F;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning[data-v-22bb6a4e] {\n width: 23.2vw;\n height: 15.2vw;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-learning img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .punch-card-today .punch-card-today-xuexila[data-v-22bb6a4e] {\n padding-top: 2.13333333vw;\n font-size: 3.2vw;\n font-weight: 500;\n color: #AF5D21;\n text-align: center;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:first-child {\n padding-right: 3.73333333vw;\n}\n.punch-the-clock .today-list .punch-card-today[data-v-22bb6a4e]:last-child {\n padding-left: 2.13333333vw;\n}\n.punch-the-clock .today-list .today-list-null[data-v-22bb6a4e] {\n padding: 21.33333333vw 0 29.33333333vw;\n}\n.punch-the-clock .today-list .today-list-null .null-tu[data-v-22bb6a4e] {\n width: 26.66666667vw;\n height: 26.66666667vw;\n margin: auto;\n}\n.punch-the-clock .today-list .today-list-null .null-tu img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .today-list .today-list-null .today-list-null-text[data-v-22bb6a4e] {\n padding-top: 2.93333333vw;\n font-size: 3.46666667vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-completed-persons[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 1.33333333vw;\n padding-bottom: 2.66666667vw;\n text-align: right;\n}\n.punch-the-clock .punch-the-clock-completed-persons .punch-the-clock-completed-persons-image[data-v-22bb6a4e] {\n overflow: hidden;\n}\n.punch-the-clock .punch-the-clock-completed-persons .yiwancheng[data-v-22bb6a4e] {\n padding-right: 5.6vw;\n padding-left: 0.8vw;\n line-height: 5.33333333vw;\n float: right;\n font-size: 2.93333333vw;\n color: #623F06;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait[data-v-22bb6a4e] {\n width: 5.33333333vw;\n height: 5.33333333vw;\n margin-left: -2.66666667vw;\n border-radius: 100px;\n float: right;\n vertical-align: middle;\n}\n.punch-the-clock .punch-the-clock-completed-persons .portrait img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n border-radius: 100px;\n}\n.punch-the-clock .punch-the-clock-record[data-v-22bb6a4e] {\n width: 89.33333333vw;\n padding-top: 6.4vw;\n padding-bottom: 2.66666667vw;\n background: #FFFFFF;\n border-radius: 2.66666667vw;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title[data-v-22bb6a4e] {\n width: 100%;\n position: relative;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-image[data-v-22bb6a4e] {\n width: 70.4vw;\n height: 1.06666667vw;\n background: url("../../assets/punchTheClock/line.png") no-repeat;\n background-size: 100% 100%;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-title .punch-the-clock-record-title-text[data-v-22bb6a4e] {\n position: absolute;\n left: 0;\n right: 0;\n top: -2.66666667vw;\n margin: auto;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list[data-v-22bb6a4e] {\n width: 100%;\n padding-top: 7.73333333vw;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list li[data-v-22bb6a4e] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-size: 3.2vw;\n text-align: center;\n color: #948145;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active[data-v-22bb6a4e] {\n font-weight: 500;\n position: relative;\n top: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-record .punch-the-clock-record-list .active .xian[data-v-22bb6a4e] {\n width: 6.4vw;\n height: 1.06666667vw;\n margin-top: 0.53333333vw;\n background: #FF8A5A;\n border-radius: 0.8vw;\n}\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n padding-top: 13.33333333vw;\n position: fixed;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 100;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin[data-v-22bb6a4e] {\n width: 81.86666667vw;\n height: 129.33333333vw;\n padding: 24vw 8vw 0;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: url("../../assets/punchTheClock/tankuang.png") no-repeat;\n background-size: 100% 100%;\n /* 我的打卡记录详情 */\n /* 规则 */\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code[data-v-22bb6a4e] {\n width: 7.2vw;\n height: 7.2vw;\n position: absolute;\n top: 0;\n right: 0;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .x-code img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title[data-v-22bb6a4e] {\n width: 19.2vw;\n height: 2.66666667vw;\n background: url("../../assets/punchTheClock/beijing.png") no-repeat;\n background-size: 100% 100%;\n border-radius: 10px;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-model-title span[data-v-22bb6a4e] {\n position: relative;\n top: -2.66666667vw;\n font-size: 4vw;\n font-weight: 600;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text[data-v-22bb6a4e] {\n padding-top: 1.33333333vw;\n font-size: 3.73333333vw;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-text .small-title[data-v-22bb6a4e] {\n color: #ff7d7a;\n font-weight: 500;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .title-padd[data-v-22bb6a4e] {\n padding-top: 5.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars[data-v-22bb6a4e] {\n width: 66.93333333vw;\n height: 23.46666667vw;\n margin-top: 2.66666667vw;\n padding: 2.13333333vw;\n border: 1px solid #FFD454;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: 1.33333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text[data-v-22bb6a4e] {\n font-size: 3.2vw;\n color: #666666;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-xingxing[data-v-22bb6a4e] {\n float: right;\n padding-right: 18.4vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars .get-stars-text-con[data-v-22bb6a4e] {\n padding-top: 0.26666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn[data-v-22bb6a4e] {\n width: 64vw;\n height: 13.33333333vw;\n line-height: 13.33333333vw;\n background: #FFD454;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 13.33333333vw;\n border-radius: 100px;\n font-size: 4.8vw;\n font-weight: 500;\n text-align: center;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .get-stars-btn-clo[data-v-22bb6a4e] {\n background: #CCCCCC;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .punch-the-clock-rule[data-v-22bb6a4e] {\n width: 41.86666667vw;\n height: 7.2vw;\n line-height: 7.2vw;\n background: url("../../assets/punchTheClock/rule_beijing.png") no-repeat;\n background-size: 100% 100%;\n font-size: 4vw;\n color: #FFFFFF;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content[data-v-22bb6a4e] {\n margin-top: 4.26666667vw;\n height: 78.66666667vw;\n line-height: 6.66666667vw;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list[data-v-22bb6a4e] {\n width: 100%;\n font-size: 3.46666667vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .title[data-v-22bb6a4e] {\n font-weight: 500;\n color: #333333;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .rule-content .rule-content-list .con[data-v-22bb6a4e] {\n color: #aaaaaa;\n text-align: justify;\n -moz-text-align-last: justify;\n text-align-last: justify;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi[data-v-22bb6a4e] {\n width: 37.6vw;\n height: 33.6vw;\n margin: auto;\n background: rgba(0, 0, 0, 0.8);\n border-radius: 2.66666667vw;\n padding-top: 5.33333333vw;\n position: absolute;\n left: 0;\n bottom: 15%;\n right: 0;\n text-align: center;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image[data-v-22bb6a4e] {\n width: 6.93333333vw;\n height: 6.93333333vw;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .tishi-image img[data-v-22bb6a4e] {\n width: 100%;\n height: 100%;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-model-yin .tishi .text[data-v-22bb6a4e] {\n padding-top: 4vw;\n font-size: 3.2vw;\n color: #FFFFFF;\n}\n.punch-the-clock .punch-the-clock-model .punch-the-clock-rule-pad[data-v-22bb6a4e] {\n padding-top: 27.2vw;\n}\n@media screen and (min-width: 600px) {\n.punch-the-clock .punch-the-clock-model[data-v-22bb6a4e] {\n overflow: auto;\n}\n}\n'],sourceRoot:""}])},VRYd:function(n,t,e){n.exports=e.p+"static/img/rule_beijing.389bbdc.png"},eyiJ:function(n,t,e){n.exports=e.p+"static/img/yezi_title.ab848ae.png"},vEwR:function(n,t,e){var c=e("UPX/");"string"==typeof c&&(c=[[n.i,c,""]]),c.locals&&(n.exports=c.locals);e("rjj0")("9afaabc8",c,!1,{})},yB1h:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAUCAYAAABiZ7R2AAAAAXNSR0IArs4c6QAAA4lJREFUaAXtWs9PE0EYfd/sQhcKiFBQEzWaaEwkEQ+ejR71ohduHPxT+qd48MYFL3rUePYgJpAYTTTqQVtALFR2aXfGN9vyu5WW1lrpTDOZ2Z2d7eybN9/8+J7gPwjm2b0Urg0FCDEA6UthK06hn7+yTrH5/RBTSVkIw+gZH0Yzr3yAqWKq4cEwio2iWF7NQ0HzWoxUoFBSyfNa82kb+DR4k+9mqhkZbF4ZzRIbY4iKYZJr5nmtGLUus3IJwlSYxsLUlFiZEVt8R5Skvop4tYV+L2JRhACbeLcRyv3ntryrQxW0zrbRfHwUoFwcRqhGgHKaHZ1mB6XZ8YMElXmdZicMsGMG2LkBQVedbWGX/JsRTZKGxGKTWGySjEViUSQRf5GEzOsi4BcR6AL89Lpcfhx2uuVtJ5DJZhUefBpBEI4iKp2G741yZI5yRJ7iRw+TECSN6ev0h/bG/0mJhCtwMK7TLv6kpV1DOV5Dqu8HwmANTy8VJJvV7cTi2AQyZsbDEiZoPc5A4gyJkeHoGGfjxjlavHY20r2rTQjYqRVYoZVfIdGWYbxlWrHvuI68yJwtazo0RKDEqswsTpIsF7h2OM9/OUuSTPTs1NI0zF1ewU6Vgjxb+Y1rta8k1RfMTeUasVZ1CWQWZ8a4SL0KX67wxRdpEu1C1YVeQUDBLuA/o2w+wFfvZWputdan7yMQSTPETcYNsvEmLcxkrQruXo8iIMiRE2+g5C3JtLGNQkKghDgit8m2W25a2obGpTURsNOdL6+5MXpliSRmafYc4miWOyNun11wCDSKgBThpZ7wuCt66MjTKGjuuV0EaHDInd48oNtFweVaREDRDM3z4Iknmi44BJpBIJnC5t0iuhnM3LNc7RxYRO/FJNmNGZmmL2rabeP3IuPyPNrJ0Re3wF36wqFtfC143EFiLVR66N5xDhLrweNcGfWQOSH3/4Yr4yhozIs7PiYnMokzVRvrFxunDyXDBfkYpz/nTD0KwH9RnjhTzSr7jI5U61CVfOJMzeWX5e5LapeaD/tcGc1XP1zjj3IOrSnlUMNOznEYt/bcoZwDep0CukLXyzla+eC6gjIrJFNq0AnKqujaqeWgoExriskoLDupgrJWiFWvbkuSVkWJKyhxtZJWnnolqZ1ivR1Z615JKy0yz1YTeWtdSattZkXeui1ptXLWmHLWHSlrVdIKSlg15asnWNL6G3ZRwHGoUzmnAAAAAElFTkSuQmCC"}});
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var c={},f={68:0};function d(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,d){a=f[e]=[c,d]});a[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,n.crossOrigin="anonymous",d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+({0:"vendor-async"}[e]||e)+"."+{0:"911a2da21de8df19a623",1:"987afbe26565ebb682c9",2:"be0fff7d5fab60faada8",3:"5594a755053eb165da3c",4:"bb98337b5d40e1ae6d54",5:"61b4d837ac5b14c75528",6:"b683dcb862759aa682f1",7:"1e556875e1bf6aa9c6b7",8:"a12c0a2b1ddffb9b39d3",9:"0e8b0d9c6095ddf14112",10:"00d7afa53181bcf56c9a",11:"cecf792661a32a1a0339",12:"380e4552da4c35a2e935",13:"e89ba2e79971dbad8724",14:"efa5df34c15627ff9a9f",15:"c2d24bfdd6c9e9f10470",16:"14995320a1e7474d4093",17:"725fde1924e908cb6b30",18:"56e0be46e4174e2697e8",19:"498058f9c32fcf30551d",20:"54a84b54d5944faf9156",21:"c73c81cf3f823209d553",22:"959e7181712bf43a1ea1",23:"6027e15d466465201cf5",24:"66115b335ef36e664560",25:"909f43c609352a10d705",26:"087acaaccc58e8a3a391",27:"8ee0be7fbb0fb087db54",28:"757fc6b00d1d244d46d4",29:"297903841c39562793f6",30:"9fe2ba4ed3d098c99f64",31:"496a4f1feee35020b28e",32:"9b60bd12f549b0cf9560",33:"cd0550b6a3272be00c97",34:"ac3544e265b8bf6336fc",35:"0a3efc02a8dac2584121",36:"59302d272357b6b9fdab",37:"2ea5b995a647a8f202b8",38:"f709dbdb0c15d6afca61",39:"04b3397e8f6926629967",40:"ff3778361e9c6e46fe3d",41:"0d143bfe82c865a81421",42:"779ead4e4777560ab21f",43:"e94c35882e203938cece",44:"ea020ac40019f7fc209a",45:"8cfbe60b4737e497624f",46:"0ce6b506d90e9c69b0d6",47:"36ebe1613cb961d3b75a",48:"a0f24071ee52a1d66406",49:"4c09a9dff13d7bc1c083",50:"5c01d810d0f9f67026ca",51:"fd9a0b22c96b0e4564fa",52:"0ee7ae890e4fcca895e3",53:"a6010aeebd5fbde2582c",54:"6b792ec4a32901312c88",55:"d39ec287d80caba93846",56:"8845249be04a11188470",57:"d2999bf942fb449f5a2b",58:"761e0bd77767b7a2f1a3",59:"d4d6559296d85e814076",60:"b2347d1f621376484d2a",61:"bacd7e95d517cf538590",62:"c76ad08ef30a62868ec5",63:"557e137c7b8fe2ac6cd8",64:"90674e4ddec138e7a53d",65:"b743a3660298e39b9df2"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},d.m=e,d.c=c,d.d=function(e,a,c){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="",d.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var c={},f={68:0};function d(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,d){a=f[e]=[c,d]});a[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,n.crossOrigin="anonymous",d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+({0:"vendor-async"}[e]||e)+"."+{0:"911a2da21de8df19a623",1:"987afbe26565ebb682c9",2:"be0fff7d5fab60faada8",3:"5594a755053eb165da3c",4:"bb98337b5d40e1ae6d54",5:"61b4d837ac5b14c75528",6:"835bf24d97bbc52741e7",7:"1e556875e1bf6aa9c6b7",8:"a12c0a2b1ddffb9b39d3",9:"0e8b0d9c6095ddf14112",10:"00d7afa53181bcf56c9a",11:"cecf792661a32a1a0339",12:"380e4552da4c35a2e935",13:"e89ba2e79971dbad8724",14:"efa5df34c15627ff9a9f",15:"c2d24bfdd6c9e9f10470",16:"14995320a1e7474d4093",17:"725fde1924e908cb6b30",18:"56e0be46e4174e2697e8",19:"498058f9c32fcf30551d",20:"54a84b54d5944faf9156",21:"c73c81cf3f823209d553",22:"959e7181712bf43a1ea1",23:"6027e15d466465201cf5",24:"66115b335ef36e664560",25:"909f43c609352a10d705",26:"087acaaccc58e8a3a391",27:"8ee0be7fbb0fb087db54",28:"dc54906fd15c583fcdd4",29:"297903841c39562793f6",30:"9fe2ba4ed3d098c99f64",31:"496a4f1feee35020b28e",32:"9b60bd12f549b0cf9560",33:"cd0550b6a3272be00c97",34:"ac3544e265b8bf6336fc",35:"0a3efc02a8dac2584121",36:"59302d272357b6b9fdab",37:"2ea5b995a647a8f202b8",38:"f709dbdb0c15d6afca61",39:"04b3397e8f6926629967",40:"ff3778361e9c6e46fe3d",41:"0d143bfe82c865a81421",42:"779ead4e4777560ab21f",43:"e94c35882e203938cece",44:"ea020ac40019f7fc209a",45:"8cfbe60b4737e497624f",46:"0ce6b506d90e9c69b0d6",47:"36ebe1613cb961d3b75a",48:"a0f24071ee52a1d66406",49:"4c09a9dff13d7bc1c083",50:"5c01d810d0f9f67026ca",51:"fd9a0b22c96b0e4564fa",52:"0ee7ae890e4fcca895e3",53:"a6010aeebd5fbde2582c",54:"6b792ec4a32901312c88",55:"d39ec287d80caba93846",56:"8845249be04a11188470",57:"d2999bf942fb449f5a2b",58:"761e0bd77767b7a2f1a3",59:"d4d6559296d85e814076",60:"b2347d1f621376484d2a",61:"bacd7e95d517cf538590",62:"c76ad08ef30a62868ec5",63:"557e137c7b8fe2ac6cd8",64:"90674e4ddec138e7a53d",65:"b743a3660298e39b9df2"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},d.m=e,d.c=c,d.d=function(e,a,c){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -19,7 +19,6 @@ ...@@ -19,7 +19,6 @@
<div class="zhongbian"> <div class="zhongbian">
<img style="width: 100%; height: 100%;" :src="zhong" alt=""> <img style="width: 100%; height: 100%;" :src="zhong" alt="">
</div> </div>
</div> </div>
</div> </div>
<!--竖屏 主题栏--> <!--竖屏 主题栏-->
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<!-- 倒计时 --> <!-- 倒计时 -->
<div class="punch-the-clock-name-bg"> <div class="punch-the-clock-name-bg">
<div class="punch-the-clock-name-content"> <div class="punch-the-clock-name-content">
<!-- 倒计时 --> <!-- 倒计时 hasEnded 指是否在规定时间内完成学习 -->
<div class="punch-the-clock-name-contentText" v-if="!hasEnded">很遗憾,您未在指定时间内完成任务哦</div> <div class="punch-the-clock-name-contentText" v-if="!hasEnded">很遗憾,您未在指定时间内完成任务哦</div>
<div class="punch-the-clock-name-content-timer" v-if="hasEnded"> <div class="punch-the-clock-name-content-timer" v-if="hasEnded">
<span>剩余完成时间</span> <span>剩余完成时间</span>
...@@ -79,9 +79,9 @@ ...@@ -79,9 +79,9 @@
</div> </div>
<div class="punch-card-today-xuexila">学习卡</div> <div class="punch-card-today-xuexila">学习卡</div>
</div> </div>
<div class="punch-card-today" @click="punchCardClick(index, item.status, item.type1, 9)"> <div class="punch-card-today" @click="punchCardClick(index, item.status1, item.type1, 9)">
<div class="punch-card-today-learning"> <div class="punch-card-today-learning">
<img :src="item.status === 1 ? punchTheClock.kaike_chengz : item.status === 2 ? punchTheClock.daiwanChangz : item.status === 3 ? punchTheClock.buka_changz : punchTheClock.wanchengChengz" alt=""> <img :src="item.status1 === 1 ? punchTheClock.kaike_chengz : item.status1 === 2 ? punchTheClock.daiwanChangz : item.status1 === 3 ? punchTheClock.buka_changz : punchTheClock.wanchengChengz" alt="">
</div> </div>
<div class="punch-card-today-xuexila">成长卡</div> <div class="punch-card-today-xuexila">成长卡</div>
</div> </div>
...@@ -128,9 +128,9 @@ ...@@ -128,9 +128,9 @@
<div class="punch-card-today-xuexila">学习卡</div> <div class="punch-card-today-xuexila">学习卡</div>
</div> </div>
<!-- 成长卡 --> <!-- 成长卡 -->
<div class="punch-card-today" @click="punchCardClick(index, item.status, item.type1)" v-if="item.type1 == 2"> <div class="punch-card-today" @click="punchCardClick(index, item.status1, item.type1)" v-if="item.type1 == 2">
<div class="punch-card-today-learning"> <div class="punch-card-today-learning">
<img :src="item.status === 1 ? punchTheClock.kaike_chengz : item.status === 2 ? punchTheClock.daiwanChangz : item.status === 3 ? punchTheClock.buka_changz : punchTheClock.wanchengChengz" alt=""> <img :src="item.status1 === 1 ? punchTheClock.kaike_chengz : item.status1 === 2 ? punchTheClock.daiwanChangz : item.status1 === 3 ? punchTheClock.buka_changz : punchTheClock.wanchengChengz" alt="">
</div> </div>
<div class="punch-card-today-xuexila">成长卡</div> <div class="punch-card-today-xuexila">成长卡</div>
</div> </div>
...@@ -164,11 +164,11 @@ ...@@ -164,11 +164,11 @@
<div class="title-text">课节:{{ modelData.aName }}</div> <div class="title-text">课节:{{ modelData.aName }}</div>
<div class="title-text">开课日期:{{ modelData.push_time }}</div> <div class="title-text">开课日期:{{ modelData.push_time }}</div>
<div class="title-text">状态: <div class="title-text">状态:
<span :class="[ modelData.status === 2 || modelData.status === 3 ? 'small-title' : '', 'uiyiyi' ]"></span> <span :class="[ status === 2 || status === 3 ? 'small-title' : '', 'uiyiyi' ]"></span>
</div> </div>
<div class="title-text">{{ modelData.tishi }}</div> <div class="title-text">{{ modelData.tishi }}</div>
<!-- 积分获取规则 --> <!-- 积分获取规则 -->
<div class="get-stars" v-if="modelData.status === 3 && lastValue <= 20"> <div class="get-stars" v-if="status === 3 && lastValue <= 20">
<div class="get-stars-content"> <div class="get-stars-content">
<div class="get-stars-text">当前星星不足补卡哦,如何获得更多星星?</div> <div class="get-stars-text">当前星星不足补卡哦,如何获得更多星星?</div>
<div class="get-stars-text get-stars-text-con"> <div class="get-stars-text get-stars-text-con">
...@@ -183,11 +183,10 @@ ...@@ -183,11 +183,10 @@
</div> </div>
</div> </div>
<!-- 按钮点击 --> <!-- 按钮点击 -->
<div :class="['get-stars-btn', {'get-stars-btn-clo' : modelData.status === 3 && lastValue <= 20}]" v-if="modelData.status !== 4" @click.stop="modelDataClick(modelData, typeStatus)"> <div :class="['get-stars-btn', {'get-stars-btn-clo' : status === 3 && lastValue <= 20}]" v-if="status !== 4" @click.stop="modelDataClick(modelData, typeStatus)">
{{ modelData.status === 2 ? ( goWhere == 1 ? '去学习' : '去提交' ) : modelData.status === 3 ? '去补卡' : '' }} {{ status === 2 ? ( goWhere == 1 ? '去学习' : '去提交' ) : status === 3 ? '去补卡' : '' }}
</div> </div>
</div> </div>
<!-- 规则 --> <!-- 规则 -->
<div class="punch-the-clock-model-yin punch-the-clock-rule-pad" v-if="ruleShow == 2"> <div class="punch-the-clock-model-yin punch-the-clock-rule-pad" v-if="ruleShow == 2">
<div class="x-code"> <div class="x-code">
...@@ -231,7 +230,7 @@ ...@@ -231,7 +230,7 @@
import { punchTheClock } from "../../util/imgUrl"; import { punchTheClock } from "../../util/imgUrl";
import { Toast } from "vant"; import { Toast } from "vant";
export default  { export default {
name: "index", name: "index",
data() { data() {
return { return {
...@@ -250,11 +249,10 @@ ...@@ -250,11 +249,10 @@
ruleShow: 0, // 规则展示 ruleShow: 0, // 规则展示
status: 0, // 状态 status: 0, // 状态
secondRate: 0, // 待完成率 secondRate: 0, // 待完成率
tishi: false, tishi: false, // 提示信息展示
thirdRate: 0, // 待补卡率 thirdRate: 0, // 待补卡率
typeStatus: 0, // type typeStatus: 0, // type
forthRate: 0, // 打卡完成率 forthRate: 0, // 打卡完成率
zongShuLiang: 0,
punchTheClock: punchTheClock, // 图片 punchTheClock: punchTheClock, // 图片
punchCardData: [], // 待开课、待完成、待补卡、打卡完成切换 punchCardData: [], // 待开课、待完成、待补卡、打卡完成切换
punchClockModel: false, // 弹框 punchClockModel: false, // 弹框
...@@ -327,9 +325,9 @@ ...@@ -327,9 +325,9 @@
* @param state { number } * @param state { number }
*/ */
punchCardClick(index, status, type, state) { punchCardClick(index, status, type, state) {
this.status = status; this.status = status;
this.typeStatus = type; this.typeStatus = type;
this.ruleShow = 0; this.ruleShow = 0;
if(status !== 1) { if(status !== 1) {
if(this.hasEnded && this.forthRate !== 100) { if(this.hasEnded && this.forthRate !== 100) {
// 今日和其他课程切换 // 今日和其他课程切换
...@@ -341,7 +339,7 @@ ...@@ -341,7 +339,7 @@
// 课节 // 课节
this.modelData.aName = this.modelData.name.split(' ')[0] + ' ' + this.modelData.name.split(' ')[1]; this.modelData.aName = this.modelData.name.split(' ')[0] + ' ' + this.modelData.name.split(' ')[1];
// 状态展示 // 状态展示
let getCardGoData = { start_at: this.$route.query.start_at, over_at: this.$route.query.over_at, push_time: this.modelData.push_time, type: type }; let getCardGoData = { start_at: this.$route.query.start_at, over_at: this.$route.query.over_at, push_time: this.modelData.push_time, type: type };
if(status === 2) { if(status === 2) {
// 判断去学习还是去提交 // 判断去学习还是去提交
getCardGoApi(this.modelData.ele_id, this.modelData.id, this.modelData.periods_id, getCardGoData).then(res => { getCardGoApi(this.modelData.ele_id, this.modelData.id, this.modelData.periods_id, getCardGoData).then(res => {
...@@ -378,8 +376,6 @@ ...@@ -378,8 +376,6 @@
* @param dataObj * @param dataObj
*/ */
modelDataClick(dataObj, type) { modelDataClick(dataObj, type) {
let courseType = this.$route.query.course_type,
parentCategoryId = this.$route.query.parent_category_id;
let getCardGoData = { start_at: this.$route.query.start_at, over_at: this.$route.query.over_at, push_time: dataObj.push_time, type: type }; let getCardGoData = { start_at: this.$route.query.start_at, over_at: this.$route.query.over_at, push_time: dataObj.push_time, type: type };
if(dataObj.status === 2) { if(dataObj.status === 2) {
// 点击去学习和去提交 // 点击去学习和去提交
...@@ -402,9 +398,6 @@ ...@@ -402,9 +398,6 @@
document.querySelectorAll('.get-stars-btn')[0].style.display = 'none'; document.querySelectorAll('.get-stars-btn')[0].style.display = 'none';
this.lastValue = this.lastValue - 20 this.lastValue = this.lastValue - 20
this.modelData.tishi = `补卡:消耗20星星补卡1次,当前共有${ this.lastValue }颗星星` this.modelData.tishi = `补卡:消耗20星星补卡1次,当前共有${ this.lastValue }颗星星`
let findIndex = this.punchCardData.findIndex(item => {
return item.ele_id === dataObj.ele_id
})
this.returnCash(2) this.returnCash(2)
}) })
} }
...@@ -412,6 +405,7 @@ ...@@ -412,6 +405,7 @@
}, },
/** /**
* 之前的代码后期需要优化 * 之前的代码后期需要优化
* @param dataObj { Object }
*/ */
getLessonDetailFn(dataObj) { getLessonDetailFn(dataObj) {
getLessonDetailApi(dataObj.periods_id, dataObj.id, dataObj.ele_id).then(res=>{ getLessonDetailApi(dataObj.periods_id, dataObj.id, dataObj.ele_id).then(res=>{
...@@ -463,11 +457,14 @@ ...@@ -463,11 +457,14 @@
if(arr[key].length === 2) { if(arr[key].length === 2) {
// 当数据有两条时 // 当数据有两条时
arr[key][0].type1 = arr[key][1].type; arr[key][0].type1 = arr[key][1].type;
arr[key][0].status1 = arr[key][1].status;
secondArr.push(arr[key][0]) secondArr.push(arr[key][0])
}else { }else {
if(arr[key][0].type == 2) { if(arr[key][0].type == 2) {
arr[key][0].type1 = arr[key][0].type arr[key][0].type1 = arr[key][0].type
arr[key][0].status1 = arr[key][0].status
delete arr[key][0].type delete arr[key][0].type
delete arr[key][0].status
} }
secondArr.push(arr[key][0]) secondArr.push(arr[key][0])
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment