{"version":3,"sources":["webpack:///./src/views/learningCourses/index.vue?4a7b","webpack:///./src/views/learningCourses/zPlayer.vue?9073","webpack:///./src/views/learningCourses/index.vue?bce3","webpack:///./src/views/learningCourses/zPlayer.vue?a4c5","webpack:///src/views/learningCourses/zPlayer.vue","webpack:///./src/views/learningCourses/zPlayer.vue?2c9d","webpack:///./src/views/learningCourses/zPlayer.vue","webpack:///src/views/learningCourses/index.vue","webpack:///./src/views/learningCourses/index.vue?0606","webpack:///./src/views/learningCourses/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","studyTitle","on","onClickLeft","onClickRight","videoSrc","_v","_s","$t","_e","ref","playerOptions","firstUpLoad","ended","addSignIn","timeUpdate","firstplay","videopause","videoplay","videoabort","videoplaying","visitPdf","wjhd","visitLink","audioSrc","onSearch","model","value","callback","$$v","searchVal","expression","active","finished","onLoad","loading","_l","item","index","key","length","stagename","val","directives","name","rawName","class","activeCls","$event","changeCourseware","cw_bg_url","cwtype","cwname","cwdesp","studymin","studyData","coursename","coursecredit","teacher_empname","studybt","studyet","coursehour","coursedesp","finish_jump_test","isfinish","kaishiKaoShi","jump_btn_caption","ifmUrl","clickStatus","beforeClose","show","whichVerify","text","accuracy","verifyImgs","onAgain","onSuccess","onFail","onRefresh","picGroup","whichPicGroup","title","refreshPicGroup","getPicGroup","checkPicResult","it","idx","includes","picName","identifyCode","refreshCode","domProps","target","composing","inputCode","getAnswers","staticRenderFns","options","src","loadedBarHtml","style","width","playedBarWidth","left","thumbLeft","showPlayBtn","showVolume","volumeBarWidth","ctime","dtime","notice","data","showLoadingIcon","playBtnClickNum","props","opt","type","Object","default","watch","handler","deep","mounted","poster","seekStatus","blobSrc","controllBarMode","isIOS","navigator","userAgent","match","isMoblie","currentTime","lastVolume","showController","assign","defaultOptions","unModityOptions","init","optionsConfig","btnBindFunc","methods","player","$refs","video","playerWrap","controller","mask","playBtn","fsBtn","loadedBar","thumb","volumeWrap","volumeBarWrap","volumeBarThumb","controllBar","playedAnimation","volumeBtn","isSeeking","classList","add","_setVolumeBarWidth","volume","addEventListener","duration","code","_volumeBtnListener","_volumeBarListener","seekBarListener","playedAnimationListener","_noticeSwitch","str","w","e","pageX","l","document","removeEventListener","mousemoveFunc","mouseupFunc","event","preventDefault","stopPropagation","clickFunc","playedAnimationSwitch","drawLoadedBar","x","ratio","status","changeUrl","_clearAll","url","togglePlay","paused","_videoPlay","_videoPause","_clearVideoStateAni","play","pause","fullScreen","contains","remove","rfs","call","el","_changeTime","_setCurrentTime","change","time","_clearCurrentTime","_clearLoadedBar","component"],"mappings":"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","file":"js/chunk-fbaee160.ac3027e0.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5ee48cd8&lang=less&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zPlayer.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"learningCourses\"},[_c('van-nav-bar',{staticStyle:{\"height\":\"1.21875rem\"},attrs:{\"title\":_vm.studyTitle,\"left-text\":\"\",\"left-arrow\":\"\",\"fixed\":true},on:{\"click-left\":_vm.onClickLeft,\"click-right\":_vm.onClickRight}}),_c('div',{staticClass:\"learningContainer\"},[_c('div',{staticClass:\"videoDiv\",staticStyle:{\"width\":\"100%\",\"height\":\"6.1867rem\",\"position\":\"fixed\",\"left\":\"0\",\"top\":\"1.21875rem\",\"z-index\":\"999\"}},[(_vm.videoTagStatus)?_c('video',{staticStyle:{\"height\":\"6.1867rem\",\"background\":\"#000\"},attrs:{\"width\":\"100%\",\"controls\":\"\",\"controlslist\":\"nodownload\",\"poster\":require(\"@/assets/img/video_fmt.jpg\")}},[_c('source',{attrs:{\"src\":_vm.videoSrc,\"type\":\"video/mp4\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"learningCourses.CourseTxt2\"))+\" \")]):_vm._e(),(_vm.videoStatus)?_c('zplayer',{ref:\"zplayer\",attrs:{\"opt\":_vm.playerOptions,\"firstUpLoad\":_vm.firstUpLoad},on:{\"ended\":_vm.ended,\"changeUrl\":_vm.addSignIn,\"timeupdate\":_vm.timeUpdate,\"firstplay\":_vm.firstplay,\"videopause\":_vm.videopause,\"videoplay\":_vm.videoplay,\"videoabort\":_vm.videoabort,\"videoplaying\":_vm.videoplaying}}):_vm._e(),(_vm.pdfStatus)?_c('div',{staticClass:\"pdfClass\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.visitPdf}},[_c('div',{staticClass:\"pdfDiv\"},[_c('div',{staticClass:\"pdfContent\"},[(_vm.wjhd == 'pdf')?_c('svg-icon',{attrs:{\"icon-class\":\"pdf\"}}):_vm._e(),(_vm.wjhd == 'ppt' || _vm.wjhd == 'ptx')?_c('svg-icon',{attrs:{\"icon-class\":\"ppt\"}}):_vm._e(),(_vm.wjhd == 'doc' || _vm.wjhd == 'ocx')?_c('svg-icon',{attrs:{\"icon-class\":\"doc\"}}):_vm._e(),(_vm.wjhd == 'xls' || _vm.wjhd == 'lsx')?_c('svg-icon',{attrs:{\"icon-class\":\"xlsx\"}}):_vm._e(),_c('p',[_vm._v(_vm._s(_vm.$t(\"learningCourses.CourseTxt3\")))])],1)])])]):_vm._e(),(_vm.ifmUrl)?_c('div',{staticClass:\"pdfClass\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.visitLink}},[_c('div',{staticClass:\"pdfDiv\"},[_c('div',{staticClass:\"pdfContent\"},[_c('svg-icon',{attrs:{\"icon-class\":\"link\"}}),_c('p',[_vm._v(_vm._s(_vm.$t(\"learningCourses.CourseTxt11\")))])],1)])])]):_vm._e(),(_vm.audioStatus)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"6.1867rem\",\"background\":\"#000\",\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('audio',{ref:\"audioRefDom\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"controlslist\":\"nodownload\",\"src\":_vm.audioSrc,\"controls\":\"controls\"}})]):_vm._e()],1),_c('div',{staticClass:\"tabsDiv\",staticStyle:{\"margin-top\":\"7.40545rem\"}},[_c('van-search',{staticClass:\"fefefefef\",staticStyle:{\"border-bottom\":\"1px solid #eee\"},attrs:{\"placeholder\":\"请输入搜索关键词\"},on:{\"input\":_vm.onSearch},model:{value:(_vm.searchVal),callback:function ($$v) {_vm.searchVal=$$v},expression:\"searchVal\"}}),_c('van-tabs',{attrs:{\"color\":\"#2B8DF0\",\"swipeable\":\"\",\"animated\":\"\"},model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},[_c('van-tab',{attrs:{\"title\":_vm.$t('learningCourses.CourseTxt12')}},[_c('van-list',{attrs:{\"finished\":_vm.finished,\"finished-text\":_vm.$t('learningCourses.CourseTxt5')},on:{\"load\":_vm.onLoad},model:{value:(_vm.loading),callback:function ($$v) {_vm.loading=$$v},expression:\"loading\"}},_vm._l((_vm.list),function(item,index){return _c('div',{key:index},[(item && item.length > 0)?_c('h2',[_vm._v(_vm._s(item[0].stagename))]):_vm._e(),_vm._l((item),function(val,key){return _c('van-cell',{directives:[{name:\"show\",rawName:\"v-show\",value:(item && item.length > 0),expression:\"item && item.length > 0\"}],key:key,staticClass:\"CoursesList\",class:{ activeCls: val.active },on:{\"click\":function($event){return _vm.changeCourseware(val, index, key)}}},[(val.isfinish)?_c('div',{staticClass:\"infoExamIcon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/trained.png\"),\"alt\":\"\"}})]):_vm._e(),_c('div',{staticClass:\"leftbox\"},[(val.cw_bg_url != '')?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(val.cw_bg_url),expression:\"val.cw_bg_url\"}]}):(val.cwtype == '链接' && !val.cw_bg_url)?_c('img',{attrs:{\"src\":require(\"@/assets/img/toLearnpic_pdf.png\"),\"alt\":\"\"}}):(val.cwtype == '视频' && !val.cw_bg_url)?_c('img',{attrs:{\"src\":require(\"@/assets/img/toLearnpic_shipin.png\"),\"alt\":\"\"}}):(val.cwtype == '文档' && !val.cw_bg_url)?_c('img',{attrs:{\"src\":require(\"@/assets/img/toLearnpic_pdf.png\"),\"alt\":\"\"}}):(val.cwtype == '语音' && !val.cw_bg_url)?_c('img',{attrs:{\"src\":require(\"@/assets/img/toLearnpic_yinpin.png\"),\"alt\":\"\"}}):_vm._e(),_c('div',{staticClass:\"kjlx\"},[_vm._v(\" \"+_vm._s(val.cwtype)+\" \")])]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"footer\"},[_c('span',{staticClass:\"stageName\"},[_vm._v(\" \"+_vm._s(val.cwname)+\" \")])]),_c('span',{staticClass:\"description\"},[_vm._v(_vm._s(val.cwdesp))]),_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"length\"},[_vm._v(_vm._s(val.studymin)+_vm._s(_vm.$t(\"learningCourses.CourseTxt10\")))])])])])])})],2)}),0)],1),_c('van-tab',{attrs:{\"title\":_vm.$t('learningCourses.CourseTxt6')}},[_c('van-cell',{staticClass:\"examList\"},[_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"footer\"},[_c('span',{staticClass:\"courseName\"},[_vm._v(_vm._s(_vm.studyData.coursename))]),_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"score\"},[_vm._v(_vm._s(_vm.studyData.coursecredit)+_vm._s(_vm.$t(\"learningCourses.CourseTxt7\")))])])]),_c('span',{staticClass:\"lecturerName\"},[_vm._v(_vm._s(_vm.$t(\"learningCourses.CourseTxt8\"))+_vm._s(_vm.studyData.teacher_empname))]),_c('div',{staticClass:\"footer\"},[_c('span',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm.studyData.studybt)+\" - \"+_vm._s(_vm.studyData.studyet))]),_c('div',{staticClass:\"right\"},[_c('span',{staticClass:\"duration\"},[_vm._v(_vm._s(_vm.studyData.coursehour)+_vm._s(_vm.$t(\"learningCourses.CourseTxt9\")))])])])])]),_c('ul',{staticClass:\"descriptionUl\"},[_c('li',[_vm._v(\" \"+_vm._s(_vm.studyData.coursedesp)+\" \")])])],1)],1)],1),(_vm.finish_jump_test == false ? true : _vm.finish_jump_test && _vm.isfinish)?_c('van-button',{attrs:{\"type\":\"info\",\"block\":\"\"},on:{\"click\":_vm.kaishiKaoShi}},[_vm._v(_vm._s(_vm.jump_btn_caption))]):_vm._e()],1),(_vm.isLink)?_c('div',{staticClass:\"linkContainer\"},[_c('iframeLink',{attrs:{\"ifmUrl\":_vm.ifmUrl,\"clickStatus\":_vm.clickStatus}})],1):_vm._e(),_c('van-dialog',{staticClass:\"timerCapClass\",attrs:{\"width\":364,\"beforeClose\":_vm.beforeClose,\"confirm-button-text\":_vm.$t('module.confirm'),\"showConfirmButton\":false},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[(_vm.whichVerify == 1)?_c('div',{staticClass:\"slide_box\"},[_c('slide-verify',{ref:\"slideblock\",attrs:{\"slider-text\":_vm.text,\"accuracy\":_vm.accuracy,\"w\":364,\"h\":200,\"imgs\":_vm.verifyImgs},on:{\"again\":_vm.onAgain,\"success\":_vm.onSuccess,\"fail\":_vm.onFail,\"refresh\":_vm.onRefresh}})],1):(_vm.whichVerify == 2)?_c('div',{staticClass:\"checkPic_box\"},[_c('div',{staticClass:\"title_box\"},[_c('span',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.picGroup[_vm.whichPicGroup - 1].title))]),_c('div',{staticClass:\"btn_box\"},[_c('van-button',{attrs:{\"type\":\"default\",\"icon\":\"replay\",\"title\":\"刷新验证\",\"size\":\"mini\"},on:{\"click\":_vm.refreshPicGroup}}),_c('van-button',{attrs:{\"type\":\"info\",\"size\":\"mini\"},on:{\"click\":_vm.getPicGroup}},[_vm._v(\"确定\")])],1)]),_c('div',{staticClass:\"pic_box\"},[_c('van-checkbox-group',{model:{value:(_vm.checkPicResult),callback:function ($$v) {_vm.checkPicResult=$$v},expression:\"checkPicResult\"}},_vm._l((6),function(it,idx){return _c('van-checkbox',{key:idx,attrs:{\"name\":idx + 1}},[_c('div',{staticClass:\"coverBox\",class:_vm.checkPicResult.includes(idx + 1) ? 'checked_coverBox' : ''}),_c('van-image',{attrs:{\"fit\":\"contain\",\"src\":require('@assets/img/' + _vm.picGroup[_vm.whichPicGroup - 1].picName + (idx + 1) + '.png')}})],1)}),1)],1)]):_c('div',{staticClass:\"show_identify\"},[_c('div',{staticClass:\"canvas_box\"},[_c('Identify',{attrs:{\"identifyCode\":_vm.identifyCode}})],1),_c('div',{staticClass:\"refresh_row\"},[_c('span',{on:{\"click\":_vm.refreshCode}},[_vm._v(\"看不清楚？点击换一张\")])]),_c('div',{staticClass:\"desc_row\"},[_c('span',[_vm._v(\"请输入图片中的内容（若为数学运算的请输入计算结果）\")])]),_c('div',{staticClass:\"answer_row\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputCode),expression:\"inputCode\"}],staticClass:\"an_input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.inputCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.inputCode=$event.target.value}}}),_c('van-button',{attrs:{\"type\":\"info\",\"size\":\"mini\"},on:{\"click\":_vm.getAnswers}},[_vm._v(\"确定\")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"playerWrap\",staticClass:\"zplayer\"},[_c('div',{staticClass:\"zplayer-video-wrap\"},[_c('div',{ref:\"mask\",staticClass:\"zplayer-video-mask\"}),_c('video',{ref:\"video\",attrs:{\"preload\":\"true\",\"x5-video-player-type\":\"h5-page\",\"webkit-playsinline\":\"true\",\"playsinline\":\"\",\"x-webkit-airplay\":\"allow\",\"mtt-playsinline\":\"true\",\"src\":_vm.options.src,\"poster\":require(\"@/assets/img/video_fmt.jpg\")}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLoadingIcon),expression:\"showLoadingIcon\"}],staticClass:\"zplayer-loading\"},[_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 50 50\"},attrs:{\"version\":\"1.1\",\"id\":\"loader-1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"40px\",\"height\":\"40px\",\"viewBox\":\"0 0 50 50\",\"xml:space\":\"preserve\"}},[_c('path',{attrs:{\"fill\":\"#fff\",\"d\":\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\"}})])]),_c('div',{ref:\"playedAnimation\",staticClass:\"play-state-animation\"},[_c('svg',{staticClass:\"pause-btn\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 17 32\"}},[_c('path',{attrs:{\"d\":\"M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z\"}})]),_c('svg',{staticClass:\"play-btn\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 16 32\"}},[_c('path',{attrs:{\"d\":\"M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z\"}})])]),_c('div',{ref:\"controller\",staticClass:\"zplayer-controller active\"},[_c('div',{staticClass:\"zplayer-controller-top\"},[_c('div',{ref:\"controllBar\",staticClass:\"zplayer-bar-wrap\"},[_c('div',{staticClass:\"zplayer-bar\"},[_c('svg',{ref:\"loadedBar\",staticClass:\"zplayer-loaded\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\"},domProps:{\"innerHTML\":_vm._s(_vm.loadedBarHtml)}}),_c('div',{staticClass:\"zplayer-played\",style:({ width: _vm.playedBarWidth })}),_c('span',{ref:\"thumb\",staticClass:\"zplayer-thumb\",style:({ left: (_vm.thumbLeft + \"px\") })})])])]),_c('div',{staticClass:\"zplayer-controller-bottom\"},[_c('div',{staticClass:\"zplayer-icon-left\"},[_c('div',{ref:\"playBtn\",staticClass:\"zplayer-icon zplayer-play-btn\"},[_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPlayBtn),expression:\"showPlayBtn\"}],attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 17 32\"}},[_c('path',{attrs:{\"d\":\"M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z\"}})]),_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showPlayBtn),expression:\"!showPlayBtn\"}],attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 16 32\"}},[_c('path',{attrs:{\"d\":\"M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z\"}})])]),_c('div',{ref:\"volumeWrap\",staticClass:\"zplayer-volume-wrap\"},[_c('div',{ref:\"volumeBtn\",staticClass:\"zplayer-icon zplayer-volume-btn\"},[_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showVolume),expression:\"!showVolume\"}],attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 21 32\"}},[_c('path',{attrs:{\"d\":\"M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z\"}})]),_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showVolume),expression:\"showVolume\"}],attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 21 32\"}},[_c('path',{attrs:{\"d\":\"M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z\"}})])]),_c('div',{staticClass:\"zplayer-volume\"},[_c('div',{ref:\"volumeBarWrap\",staticClass:\"zplayer-volume-bar-wrap\"},[_c('div',{staticClass:\"zplayer-volume-bar\",style:({ width: _vm.volumeBarWidth })},[_c('div',{ref:\"volumeBarThumb\",staticClass:\"zplayer-volume-thumb\"})])])])]),_c('div',{staticClass:\"zplayer-time\"},[_c('span',{staticClass:\"zplayer-ctime\"},[_vm._v(_vm._s(_vm.ctime))]),_vm._v(\" / \"),_c('span',{staticClass:\"zplayer-dtime\"},[_vm._v(_vm._s(_vm.dtime))])])]),_c('div',{staticClass:\"zplayer-icon-right\"},[_c('div',{ref:\"fsBtn\",staticClass:\"zplayer-icon zplayer-fullscreen-btn\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"viewBox\":\"0 0 32 33\"}},[_c('path',{attrs:{\"d\":\"M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z\"}})])])])])]),_c('div',{staticClass:\"zplayer-notice\",class:{ active: _vm.notice != '' }},[_vm._v(\" \"+_vm._s(_vm.notice)+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"zplayer\" ref=\"playerWrap\">\r\n    <div class=\"zplayer-video-wrap\">\r\n      <div class=\"zplayer-video-mask\" ref=\"mask\"></div>\r\n      <video\r\n        preload=\"true\"\r\n        ref=\"video\"\r\n        x5-video-player-type=\"h5-page\"\r\n        webkit-playsinline=\"true\"\r\n        playsinline=\"\"\r\n        x-webkit-airplay=\"allow\"\r\n        mtt-playsinline=\"true\"\r\n        :src=\"options.src\"\r\n        poster=\"@/assets/img/video_fmt.jpg\"\r\n      >\r\n      </video>\r\n    </div>\r\n    <div class=\"zplayer-loading\" v-show=\"showLoadingIcon\">\r\n      <svg\r\n        version=\"1.1\"\r\n        id=\"loader-1\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        x=\"0px\"\r\n        y=\"0px\"\r\n        width=\"40px\"\r\n        height=\"40px\"\r\n        viewBox=\"0 0 50 50\"\r\n        style=\"enable-background: new 0 0 50 50\"\r\n        xml:space=\"preserve\"\r\n      >\r\n        <path\r\n          fill=\"#fff\"\r\n          d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\"\r\n        ></path>\r\n      </svg>\r\n    </div>\r\n    <div class=\"play-state-animation\" ref=\"playedAnimation\">\r\n      <svg\r\n        class=\"pause-btn\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        version=\"1.1\"\r\n        viewBox=\"0 0 17 32\"\r\n      >\r\n        <path\r\n          d=\"M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z\"\r\n        ></path>\r\n      </svg>\r\n      <svg\r\n        class=\"play-btn\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        version=\"1.1\"\r\n        viewBox=\"0 0 16 32\"\r\n      >\r\n        <path\r\n          d=\"M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z\"\r\n        ></path>\r\n      </svg>\r\n    </div>\r\n    <div class=\"zplayer-controller active\" ref=\"controller\">\r\n      <div class=\"zplayer-controller-top\">\r\n        <div class=\"zplayer-bar-wrap\" ref=\"controllBar\">\r\n          <div class=\"zplayer-bar\">\r\n            <svg\r\n              ref=\"loadedBar\"\r\n              class=\"zplayer-loaded\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              version=\"1.1\"\r\n              v-html=\"loadedBarHtml\"\r\n            ></svg>\r\n            <div\r\n              class=\"zplayer-played\"\r\n              :style=\"{ width: playedBarWidth }\"\r\n            ></div>\r\n            <span\r\n              class=\"zplayer-thumb\"\r\n              ref=\"thumb\"\r\n              :style=\"{ left: `${thumbLeft}px` }\"\r\n            ></span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"zplayer-controller-bottom\">\r\n        <div class=\"zplayer-icon-left\">\r\n          <div class=\"zplayer-icon zplayer-play-btn\" ref=\"playBtn\">\r\n            <svg\r\n              v-show=\"showPlayBtn\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              version=\"1.1\"\r\n              viewBox=\"0 0 17 32\"\r\n            >\r\n              <path\r\n                d=\"M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z\"\r\n              ></path>\r\n            </svg>\r\n            <svg\r\n              v-show=\"!showPlayBtn\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              version=\"1.1\"\r\n              viewBox=\"0 0 16 32\"\r\n            >\r\n              <path\r\n                d=\"M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z\"\r\n              ></path>\r\n            </svg>\r\n          </div>\r\n          <div class=\"zplayer-volume-wrap\" ref=\"volumeWrap\">\r\n            <div class=\"zplayer-icon zplayer-volume-btn\" ref=\"volumeBtn\">\r\n              <svg\r\n                v-show=\"!showVolume\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                version=\"1.1\"\r\n                viewBox=\"0 0 21 32\"\r\n              >\r\n                <path\r\n                  d=\"M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z\"\r\n                ></path>\r\n              </svg>\r\n              <svg\r\n                v-show=\"showVolume\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                version=\"1.1\"\r\n                viewBox=\"0 0 21 32\"\r\n              >\r\n                <path\r\n                  d=\"M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z\"\r\n                ></path>\r\n              </svg>\r\n            </div>\r\n            <div class=\"zplayer-volume\">\r\n              <div class=\"zplayer-volume-bar-wrap\" ref=\"volumeBarWrap\">\r\n                <div\r\n                  class=\"zplayer-volume-bar\"\r\n                  :style=\"{ width: volumeBarWidth }\"\r\n                >\r\n                  <div class=\"zplayer-volume-thumb\" ref=\"volumeBarThumb\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"zplayer-time\">\r\n            <span class=\"zplayer-ctime\">{{ ctime }}</span\r\n            >&nbsp;/&nbsp;<span class=\"zplayer-dtime\">{{ dtime }}</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"zplayer-icon-right\">\r\n          <div class=\"zplayer-icon zplayer-fullscreen-btn\" ref=\"fsBtn\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              version=\"1.1\"\r\n              viewBox=\"0 0 32 33\"\r\n            >\r\n              <path\r\n                d=\"M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z\"\r\n              ></path>\r\n            </svg>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"zplayer-notice\" :class=\"{ active: notice != '' }\">\r\n      {{ notice }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'zplayer',\r\n  data() {\r\n    return {\r\n      showVolume: true, //显示声音\r\n      showPlayBtn: false,\r\n      options: {},\r\n      thumbLeft: 0,\r\n      showLoadingIcon: false,\r\n      volumeBarWidth: 1,\r\n      playedBarWidth: 0,\r\n      ctime: '00:00', //当前播放的时间\r\n      dtime: '00:00', //播放总时长\r\n      notice: '',\r\n      loadedBarHtml: '',\r\n      playBtnClickNum: 0,\r\n    }\r\n  },\r\n  props: {\r\n    opt: {\r\n      type: Object,\r\n      default() {\r\n        return {}\r\n      },\r\n    },\r\n    firstUpLoad:{\r\n      type:Boolean,\r\n      default() {\r\n        return false\r\n      },\r\n    }\r\n  },\r\n  watch:{\r\n    firstUpLoad: {\r\n      handler: function (n) {\r\n        if(n){\r\n          this.playBtnClickNum = 0;\r\n        } \r\n      },\r\n      // 开启深度监听：只要obj中的任何一个属性发生改变，都会触发相应的代码\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    \r\n    // 默认配置参数\r\n    let defaultOptions = {\r\n      src: '',\r\n      poster: '', //封面图\r\n      seekStatus: false, //是否能被拖动\r\n      blobSrc: false,\r\n      controllBarMode: 'hover', //控制栏显示或隐藏方法  hover click\r\n    }\r\n    // 用户不可配置参数\r\n    let unModityOptions = {\r\n      isIOS: !!navigator.userAgent.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/),\r\n      isMoblie: !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/),\r\n      currentTime: 0,\r\n      lastVolume: 1,\r\n      showController: this.opt.controllBarMode == 'click' ? true : false,\r\n    }\r\n    this.options = Object.assign(defaultOptions, this.opt, unModityOptions)\r\n    this.init()\r\n    this.optionsConfig()\r\n    this.btnBindFunc()\r\n  },\r\n  methods: {\r\n    init() {\r\n      // 声明变量\r\n      this.player = this.$refs.video;\r\n      this.playerWrap = this.$refs.playerWrap\r\n      this.controller = this.$refs.controller\r\n      this.mask = this.$refs.mask\r\n      this.playBtn = this.$refs.playBtn\r\n      this.fsBtn = this.$refs.fsBtn\r\n      this.loadedBar = this.$refs.loadedBar\r\n      this.thumb = this.$refs.thumb\r\n      this.volumeWrap = this.$refs.volumeWrap\r\n      this.volumeBarWrap = this.$refs.volumeBarWrap\r\n      this.volumeBarThumb = this.$refs.volumeBarThumb\r\n      this.controllBar = this.$refs.controllBar\r\n      this.playedAnimation = this.$refs.playedAnimation\r\n      this.volumeBtn = this.$refs.volumeBtn\r\n\r\n      this.isSeeking = false\r\n      if (this.options.isMoblie) {\r\n        this.playerWrap.classList.add('phone')\r\n      }\r\n      if (this.options.isIOS) {\r\n        this.playerWrap.classList.add('ios-app')\r\n      }\r\n      this._setVolumeBarWidth(this.player.volume)\r\n      // 添加监听事件\r\n    },\r\n    // 选项配置  根据options作出一些事件的添加\r\n    optionsConfig() {\r\n      if (this.options.controllBarMode == 'hover') {\r\n        this.playerWrap.addEventListener('mouseenter', () => {\r\n          if (this.options.showController) return false\r\n          this.controller.classList.add('active')\r\n        })\r\n        this.playerWrap.addEventListener('mouseleave', () => {\r\n          if (this.options.showController) return false\r\n          this.controller.classList.remove('active')\r\n        })\r\n      }\r\n      if (this.options.controllBarMode == 'click') {\r\n        this.mask.addEventListener('click', () => {\r\n          this.options.showController = !this.options.showController\r\n          this.options.showController\r\n            ? this.controller.classList.add('active')\r\n            : this.controller.classList.remove('active')\r\n        })\r\n      }\r\n    },\r\n    // 给按钮绑定方法\r\n    btnBindFunc() {\r\n      // 播放、暂停按钮\r\n      this.playBtn.addEventListener('click', () => {\r\n        this.togglePlay()\r\n      })\r\n      // 全屏按钮\r\n      this.fsBtn.addEventListener('click', () => {\r\n        this.fullScreen()\r\n      })\r\n      this.player.addEventListener('loadedmetadata', () => {\r\n        this.ctime = this._changeTime(0)\r\n        this.dtime = this._changeTime(this.player.duration)\r\n        // this.$emit(\"zongShiChang\",this.player.duration)\r\n      })\r\n      // 监听视频是否正在播放\r\n      this.player.addEventListener('playing', () => {\r\n        if (this.playBtnClickNum == 0) {\r\n          this.$emit('firstplay');\r\n          this.$emit('videoplay',this.player.duration);\r\n        }\r\n        this.playBtnClickNum++\r\n        this.loading(false)\r\n        this.$emit('videoplaying',this.player.duration);\r\n      })\r\n      // 监听视频是否可以播放\r\n      this.player.addEventListener('canplay', () => {\r\n        this.loading(false)\r\n        this.$emit('changeUrl', {\r\n          options: this.options,\r\n          player: this.player,\r\n        })\r\n      })\r\n      // 监听视频是否需要等待\r\n      this.player.addEventListener('waiting', () => {\r\n        this.loading(true)\r\n      })\r\n      this.player.addEventListener('loadedmetadata', () => {\r\n        this.$emit('loadedmetadata')\r\n      })\r\n\r\n      // 监听进度条进度\r\n      this.player.addEventListener('timeupdate', () => {\r\n        this._setCurrentTime(this.player.currentTime, false)\r\n        this.options.currentTime = this.player.currentTime\r\n        this.ctime = this._changeTime(this.player.currentTime)\r\n        this.dtime = this._changeTime(this.player.duration)\r\n        // this.$emit('timeupdate', this.player.duration)\r\n        this.$emit('timeupdate', this.player.currentTime)\r\n      })\r\n      // 监听播放是否被终止  在win7的IE11上无法被触发\r\n      this.player.addEventListener('abort', () => {\r\n        this._clearAll()\r\n        // 播放停止时触发\r\n        this.$emit('videoabort',this.player.duration);\r\n      })\r\n      this.player.addEventListener('pause', () => {\r\n        this.$emit('videopause',this.player.duration);\r\n      })\r\n      this.player.addEventListener('play', () => {\r\n\r\n      })\r\n      // 监听视频是否播完\r\n      this.player.addEventListener('ended', () => {\r\n        let data = {\r\n          duration: this.player.duration,\r\n        }\r\n        this.$emit('ended', data)\r\n        // this.player.currentTime = 0;\r\n      })\r\n      // 监听视频错误事件\r\n      this.player.addEventListener('error', (e) => {\r\n        let code = this.player.error.code\r\n        if (code == 1) {\r\n          //用户终止视频\r\n        } else if (code == 2) {\r\n          //网络错误\r\n          let nState = this.player.networkState\r\n          let errArr = [\r\n            '此元素未初始化',\r\n            '网络异常，请检查网络',\r\n            '正在下载数据',\r\n            '没有找到资源',\r\n          ]\r\n          this._noticeSwitch(errArr[nState])\r\n        } else if (code == 3) {\r\n          // 解码错误\r\n          this._noticeSwitch('视频解码错误')\r\n        } else if (code == 4) {\r\n          // URL无效\r\n          this._noticeSwitch('无效的视频链接')\r\n        }\r\n        // this.player.currentTime = 0;\r\n      })\r\n      // 监听视频的缓冲进度\r\n      this.player.addEventListener('progress', (e) => {\r\n        this.drawLoadedBar()\r\n      })\r\n      this._volumeBtnListener()\r\n      this._volumeBarListener()\r\n      this.seekBarListener()\r\n      this.playedAnimationListener()\r\n    },\r\n    // 消息开关\r\n    _noticeSwitch(str) {\r\n      this.notice = str ? str : ''\r\n    },\r\n    // 监听声音条变动  完成\r\n    _volumeBarListener() {\r\n      const l = Math.floor(this.volumeBarWrap.getBoundingClientRect().left)\r\n      const mousemoveFunc = (e) => {\r\n        let w = e.pageX - l - 5\r\n        if (w < 0) {\r\n          this._setVolumeBarWidth(0)\r\n        } else if (w > 45) {\r\n          this._setVolumeBarWidth(1)\r\n        } else {\r\n          this._setVolumeBarWidth(Number((w / 45).toFixed(2)))\r\n        }\r\n      }\r\n      const mouseupFunc = (e) => {\r\n        this.volumeWrap.classList.remove('active')\r\n        let w\r\n        if (e.pageX - l < 0) {\r\n          w = 0\r\n        } else if (e.pageX - l > 45) {\r\n          w = 45\r\n        } else {\r\n          w = e.pageX - l - 5\r\n        }\r\n        this._setVolumeBarWidth(Number((w / 45).toFixed(2)))\r\n        document.removeEventListener('mousemove', mousemoveFunc)\r\n        document.removeEventListener('mouseup', mouseupFunc)\r\n        this.options.showController = false\r\n      }\r\n      const clickFunc = (e) => {\r\n        this._setVolumeBarWidth(Number((e.offsetX / 45).toFixed(2)))\r\n      }\r\n      this.volumeBarThumb.addEventListener('click', (e) => {\r\n        event.preventDefault()\r\n        event.stopPropagation()\r\n      })\r\n      this.volumeBarThumb.addEventListener('mousedown', (e) => {\r\n        event.preventDefault()\r\n        event.stopPropagation()\r\n        this.volumeWrap.classList.add('active')\r\n        this.options.showController = true\r\n        document.addEventListener('mousemove', mousemoveFunc)\r\n        document.addEventListener('mouseup', mouseupFunc)\r\n      })\r\n      this.volumeBarWrap.addEventListener('click', clickFunc)\r\n    },\r\n    // 监听声音按钮变动 完成\r\n    _volumeBtnListener() {\r\n      this.volumeBtn.addEventListener('click', () => {\r\n        this.player.volume > 0\r\n          ? this._setVolumeBarWidth(0)\r\n          : this._setVolumeBarWidth(this.options.lastVolume)\r\n      })\r\n    },\r\n    // 监听开始暂停动画结束监听器 完成\r\n    playedAnimationListener() {\r\n      this.playedAnimation.addEventListener('animationend', () => {\r\n        this._clearVideoStateAni()\r\n      })\r\n      this.playedAnimation.addEventListener('animationend', () => {\r\n        this._clearVideoStateAni()\r\n      })\r\n    },\r\n    // 开始暂停动画开关 完成\r\n    playedAnimationSwitch(data) {\r\n      data\r\n        ? this.playedAnimation.classList.add('played')\r\n        : this.playedAnimation.classList.add('paused')\r\n    },\r\n    // 绘制加载进度条 完成\r\n    drawLoadedBar() {\r\n      let str = '',\r\n        duration = this.player.duration,\r\n        w = this.loadedBar.getBoundingClientRect().width\r\n      for (let i = 0; i < this.player.buffered.length; i++) {\r\n        let x1 = (this.player.buffered.start(i) / duration) * w\r\n        let x2 = (this.player.buffered.end(i) / duration) * w\r\n        str += `<line x1=\"${x1}\" y1=\"0\" x2=\"${x2}\" y2=\"0\"/>`\r\n      }\r\n      this.loadedBarHtml = str\r\n    },\r\n    // 监听用户移动进度条 完成\r\n    seekBarListener() {\r\n      if (!this.options.seekStatus) return false\r\n      const l = Math.floor(this.controllBar.getBoundingClientRect().left)\r\n      const w = Math.floor(this.controllBar.getBoundingClientRect().width)\r\n      const clickFunc = (e) => {\r\n        if (this.isSeeking) return false\r\n        let w = this.controllBar.getBoundingClientRect().width\r\n        let currentTime = Math.floor((e.offsetX / w) * this.player.duration)\r\n        this._setCurrentTime(currentTime)\r\n        this._videoPlay()\r\n      }\r\n      const mousemoveFunc = (e) => {\r\n        let x\r\n        if (e.pageX - l < 0) {\r\n          x = '0px'\r\n        } else if (e.pageX - l > w) {\r\n          x = `${w}px`\r\n        } else {\r\n          x = `${e.pageX}px`\r\n        }\r\n        this.thumbLeft = x\r\n      }\r\n      const mouseupFunc = (e) => {\r\n        e.preventDefault()\r\n        e.stopPropagation()\r\n        let x\r\n        if (e.pageX - l < 0) {\r\n          x = 0\r\n        } else if (e.pageX - l > w) {\r\n          x = w\r\n        } else {\r\n          x = e.pageX - l\r\n        }\r\n        this.volumeWrap.classList.remove('active')\r\n        this.controllBar.addEventListener('click', clickFunc)\r\n        this.thumb.classList.remove('mousedown')\r\n        let currentTime = Math.floor((x / w) * this.player.duration)\r\n        this._setCurrentTime(currentTime)\r\n        document.removeEventListener('mousemove', mousemoveFunc)\r\n        document.removeEventListener('mouseup', mouseupFunc)\r\n        this.isSeeking = false\r\n        this.options.showController = false\r\n      }\r\n      this.thumb.addEventListener('mousedown', (e) => {\r\n        e.stopPropagation()\r\n        e.preventDefault()\r\n        this.isSeeking = true\r\n        this.options.showController = true\r\n        this.thumb.classList.add('mousedown')\r\n        document.addEventListener('mousemove', mousemoveFunc)\r\n        document.addEventListener('mouseup', mouseupFunc)\r\n        this.controllBar.removeEventListener('click', clickFunc)\r\n      })\r\n      this.thumb.addEventListener('click', (e) => {\r\n        e.stopPropagation()\r\n        e.preventDefault()\r\n      })\r\n      this.controllBar.addEventListener('click', clickFunc)\r\n    },\r\n    // 设置音量进度条的宽度\r\n    _setVolumeBarWidth(ratio) {\r\n      this.volumeBarWidth = `${ratio * 100}%`\r\n      this.player.volume = ratio\r\n      this.showVolume = ratio == 0 ? false : true\r\n      if (ratio != 0) {\r\n        this.options.lastVolume = ratio\r\n      }\r\n    },\r\n    // 视频加载标识\r\n    loading(status) {\r\n      this.showLoadingIcon = status ? true : false\r\n    },\r\n    // 改变地址\r\n    changeUrl(url) {\r\n      this._clearAll()\r\n      this.options.src = url\r\n      this.loading(true)\r\n    },\r\n    //开始、暂停按钮 完成\r\n    togglePlay() {\r\n      this.player.paused ? this._videoPlay() : this._videoPause()\r\n    },\r\n    // 视频播放 完成\r\n    _videoPlay() {\r\n      this._clearVideoStateAni()\r\n      this.showPlayBtn = true\r\n      this.player.paused ? this.playedAnimationSwitch(true) : ''\r\n      this.player.play()\r\n    },\r\n    // 视频暂停 完成\r\n    _videoPause() {\r\n      this._clearVideoStateAni()\r\n      this.player.pause()\r\n      this.showPlayBtn = false\r\n      this.playedAnimationSwitch(false)\r\n    },\r\n    // 全屏\r\n    fullScreen() {\r\n      if (!this.playerWrap.classList.contains('full-screen')) {\r\n        if (this.playerWrap.classList.contains('phone')) {\r\n          \r\n          this.playerWrap.classList.add('full-screen')\r\n          return false\r\n        }\r\n        var el = this.playerWrap\r\n        var rfs =\r\n          el.requestFullScreen ||\r\n          el.webkitRequestFullScreen ||\r\n          el.mozRequestFullScreen ||\r\n          el.msRequestFullScreen\r\n        if (typeof rfs != 'undefined' && rfs) rfs.call(el)\r\n        this.playerWrap.classList.add('full-screen')\r\n       \r\n      } else {\r\n        if (this.playerWrap.classList.contains('phone')) {\r\n          this.playerWrap.classList.remove('full-screen')\r\n          return false\r\n        }\r\n        var rfs =\r\n          document.exitFullscreen ||\r\n          document.msExitFullscreen ||\r\n          document.mozCancelFullScreen ||\r\n          document.webkitExitFullscreen\r\n        if (typeof rfs != 'undefined' && rfs) rfs.call(document)\r\n        this.playerWrap.classList.remove('full-screen')\r\n      }\r\n    },\r\n    // 改变控制栏显示的时间\r\n    _changeTime(time) {\r\n      let str = ''\r\n      let t = Math.floor(time)\r\n      let h = Math.floor(t / 3600)\r\n        ? '0' + Math.floor(t / 3600)\r\n        : Math.floor(t / 3600)\r\n      let m =\r\n        Math.floor((t - h * 3600) / 60) < 10\r\n          ? '0' + Math.floor((t - h * 3600) / 60)\r\n          : Math.floor((t - h * 3600) / 60)\r\n      let s =\r\n        Math.floor(t - h * 3600 - m * 60) < 10\r\n          ? '0' + Math.floor(t - h * 3600 - m * 60)\r\n          : Math.floor(t - h * 3600 - m * 60)\r\n      if (this.player.duration > 3600) {\r\n        str = `${h}:${m}:${s}`\r\n      } else if (this.player.duration > 0) {\r\n        str = `${m}:${s}`\r\n      } else {\r\n        str = `00:00`\r\n      }\r\n      return str\r\n    },\r\n    // 设置视频当前的时间;\r\n    _setCurrentTime(time, change = true) {\r\n      let ratio = this.player.duration ? (time / this.player.duration) * 100 : 0\r\n      if (change) {\r\n        this.player.currentTime = time\r\n      }\r\n      this.playedBarWidth = `${ratio}%`\r\n      if (!this.isSeeking) {\r\n        let w = this.controllBar.getBoundingClientRect().width\r\n        this.thumbLeft = `${(ratio * w) / 100}`\r\n      }\r\n    },\r\n    // 清除当前观看时间\r\n    _clearCurrentTime() {\r\n      this._setCurrentTime(0)\r\n    },\r\n    _clearLoadedBar() {\r\n      this.loadedBarHtml = ''\r\n    },\r\n    // 清除开始/暂停动画的类名 完成\r\n    _clearVideoStateAni() {\r\n      this.playedAnimation.classList.remove('played')\r\n      this.playedAnimation.classList.remove('paused')\r\n    },\r\n    // 清除所有状态，回复最开始的状态\r\n    _clearAll() {\r\n      this._clearVideoStateAni()\r\n      this._clearCurrentTime()\r\n      this._clearLoadedBar()\r\n      this._noticeSwitch('')\r\n      this._videoPause()\r\n      this.playBtnClickNum = 0\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.zplayer {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-color: #000;\r\n  max-width: 100%;\r\n  height: 100%;\r\n  &.phone.full-screen {\r\n    position: fixed !important;\r\n    z-index: 1500 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n\r\n    video {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n    }\r\n    .zplayer-controller {\r\n      position: fixed !important;\r\n      z-index: 1501 !important;\r\n      left: 0 !important;\r\n      bottom: 0 !important;\r\n    }\r\n  }\r\n  &.ios-app.full-screen {\r\n    position: fixed !important;\r\n    z-index: 1500 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n\r\n    video {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n    }\r\n  }\r\n\r\n  .zplayer-video-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    video {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: contain;\r\n    }\r\n    .zplayer-video-mask {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 2;\r\n    }\r\n  }\r\n\r\n  .zplayer-loading {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 9;\r\n    svg {\r\n      animation: rotate 0.8s linear infinite;\r\n      opacity: 0.8;\r\n    }\r\n  }\r\n\r\n  .zplayer-controller {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    height: 90px;\r\n    width: 100%;\r\n    background-image: linear-gradient(transparent 0%, rgba(20, 20, 20, 1) 100%);\r\n    z-index: 99;\r\n    transform: translateY(100%);\r\n    transition: transform 0.3s;\r\n    &.active {\r\n      transform: translateY(0%);\r\n    }\r\n    .zplayer-controller-top {\r\n      width: 100%;\r\n      height: 26px;\r\n      padding: 0 40px;\r\n      box-sizing: border-box;\r\n\r\n      .zplayer-bar-wrap {\r\n        padding: 10px 0;\r\n        width: 100%;\r\n        height: 6px;\r\n        box-sizing: content-box;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n          .zplayer-bar .zplayer-played + .zplayer-thumb {\r\n            transform: scale(1);\r\n          }\r\n        }\r\n\r\n        .zplayer-bar {\r\n          width: 100%;\r\n          height: 100%;\r\n          background-color: rgba(245, 245, 245, 0.2);\r\n          position: relative;\r\n          border-radius: 999px;\r\n\r\n          .zplayer-loaded {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            background-color: transparent;\r\n            line {\r\n              stroke-width: 6;\r\n              stroke: rgba(255, 255, 255, 0.35);\r\n              fill: none;\r\n              shape-rendering: crispEdges;\r\n              line-height: 1;\r\n            }\r\n          }\r\n\r\n          .zplayer-played {\r\n            width: 0;\r\n            height: 100%;\r\n            background-color: rgba(255, 255, 255, 0.9);\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n          }\r\n          .zplayer-thumb {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            margin-top: -4px;\r\n            margin-left: -5px;\r\n            height: 11px;\r\n            width: 11px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease-in-out;\r\n            transform: scale(0);\r\n            background-color: rgba(255, 255, 255, 0.9);\r\n            &.mousedown {\r\n              transform: scale(1) !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .zplayer-controller-bottom {\r\n        width: 100%;\r\n        height: 64px;\r\n        position: absolute;\r\n        bottom: 10px;\r\n        left: 0;\r\n        box-sizing: border-box;\r\n\r\n        .zplayer-icon-left {\r\n            float: left;\r\n            height: 100%;\r\n            padding-left: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .zplayer-icon-right {\r\n            height: 100%;\r\n            float: right;\r\n            padding-right: 20px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .zplayer-volume-wrap {\r\n            height: 48px;\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n            margin-left: 10px;\r\n            width: 100px;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            width: 2.5rem;\r\n            &.active {\r\n                .zplayer-volume {\r\n                    transform: scale(1) !important;\r\n                }\r\n            }\r\n            &:hover {\r\n                .zplayer-volume {\r\n                    transform: scale(1);\r\n                }\r\n            }\r\n            .zplayer-volume-btn:hover + .zplayer-volume {\r\n                transform: scale(1);\r\n            }\r\n            .zplayer-volume {\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                transition: transform 0.4s;\r\n                transform: scale(0);\r\n                transform-origin: left center;\r\n                .zplayer-volume-bar-wrap {\r\n                    width: 90px;\r\n                    height: 6px;\r\n                    border-radius: 99px;\r\n                    margin-left: 10px;\r\n                    position: relative;\r\n                    background-color: rgba(200, 200, 200, 0.6);\r\n                    cursor: pointer;\r\n                    .zplayer-volume-bar {\r\n                        width: 0;\r\n                        height: 100%;\r\n                        position: absolute;\r\n                        background-color: rgba(225, 225, 225, 1);\r\n                        .zplayer-volume-thumb {\r\n                            position: absolute;\r\n                            top: 0;\r\n                            right: 10px;\r\n                            margin-top: -8px;\r\n                            margin-right: -20px;\r\n                            height: 22px;\r\n                            width: 22px;\r\n                            border-radius: 50%;\r\n                            cursor: pointer;\r\n                            transition: all 0.3s ease-in-out;\r\n                            background-color: rgba(225, 225, 225, 1);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .zplayer-time {\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n            height: 24px;\r\n            margin-left: 10px;\r\n            color: #fff;\r\n            opacity: 0.8;\r\n            font-size: 30px;\r\n            line-height: 24px;\r\n        }\r\n    }\r\n  }\r\n  .play-state-animation {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 999px;\r\n    z-index: 4;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: none;\r\n    animation-duration: 0.6s;\r\n    &.played {\r\n      animation-name: playState;\r\n      display: block;\r\n      .play-btn {\r\n        display: block;\r\n      }\r\n    }\r\n    &.paused {\r\n      animation-name: playState;\r\n      display: block;\r\n      .pause-btn {\r\n        display: block;\r\n      }\r\n    }\r\n    svg {\r\n      width: 40px;\r\n      height: 40px;\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n      fill: rgba(255, 255, 255, 0.9);\r\n      display: none;\r\n    }\r\n  }\r\n  .zplayer-notice {\r\n    opacity: 0;\r\n    position: absolute;\r\n    bottom: 60px;\r\n    left: 20px;\r\n    font-size: 14px;\r\n    border-radius: 2px;\r\n    background: rgba(28, 28, 28, 0.9);\r\n    padding: 7px 20px;\r\n    transition: all 0.3s ease-in-out;\r\n    overflow: hidden;\r\n    color: #fff;\r\n    pointer-events: none;\r\n    z-index: 10;\r\n    &.active {\r\n      opacity: 0.9;\r\n    }\r\n  }\r\n}\r\n\r\n.zplayer-icon {\r\n  width: 52px;\r\n  height: 48px;\r\n  box-sizing: border-box;\r\n  opacity: 0.8;\r\n  transition: opacity 0.5s;\r\n  display: block !important;\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    opacity: 1;\r\n  }\r\n\r\n  svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n  path {\r\n    fill: #fff;\r\n  }\r\n}\r\n\r\n@keyframes rotate {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes playState {\r\n  to {\r\n    transform: translate(-50%, -50%) scale(1.5);\r\n    opacity: 0;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./zPlayer.vue?vue&type=template&id=49fc5ee0&\"\nimport script from \"./zPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./zPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./zPlayer.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <!-- 待学习 -->\r\n  <div class=\"learningCourses\">\r\n    <van-nav-bar :title=\"studyTitle\" left-text=\"\" left-arrow @click-left=\"onClickLeft\" @click-right=\"onClickRight\"\r\n      :fixed=\"true\" style=\"height: 1.21875rem\" />\r\n    <div class=\"learningContainer\">\r\n      <!-- pdf内置播放器 -->\r\n      <!-- <pdfView :pdf=\"pdf\"></pdfView> -->\r\n      <div class=\"videoDiv\" style=\"\r\n            width: 100%;\r\n            height: 6.1867rem;\r\n            position: fixed;\r\n            left: 0;\r\n            top: 1.21875rem;\r\n            z-index: 999;\r\n          \">\r\n        <video width=\"100%\" controls controlslist=\"nodownload\" style=\"height: 6.1867rem; background: #000\"\r\n          v-if=\"videoTagStatus\" poster=\"@/assets/img/video_fmt.jpg\">\r\n          <source :src=\"videoSrc\" type=\"video/mp4\" />\r\n          {{ $t(\"learningCourses.CourseTxt2\") }}\r\n        </video>\r\n        <zplayer v-if=\"videoStatus\" ref=\"zplayer\" :opt=\"playerOptions\" :firstUpLoad=\"firstUpLoad\" @ended=\"ended\"\r\n          @changeUrl=\"addSignIn\" @timeupdate=\"timeUpdate\" @firstplay=\"firstplay\" @videopause=\"videopause\"\r\n          @videoplay=\"videoplay\" @videoabort=\"videoabort\" @videoplaying=\"videoplaying\"></zplayer>\r\n        <div v-if=\"pdfStatus\" class=\"pdfClass\">\r\n          <a href=\"javascript:;\" @click=\"visitPdf\">\r\n            <div class=\"pdfDiv\">\r\n              <div class=\"pdfContent\">\r\n                <svg-icon icon-class=\"pdf\" v-if=\"wjhd == 'pdf'\"></svg-icon>\r\n                <svg-icon icon-class=\"ppt\" v-if=\"wjhd == 'ppt' || wjhd == 'ptx'\"></svg-icon>\r\n                <svg-icon icon-class=\"doc\" v-if=\"wjhd == 'doc' || wjhd == 'ocx'\"></svg-icon>\r\n                <svg-icon icon-class=\"xlsx\" v-if=\"wjhd == 'xls' || wjhd == 'lsx'\"></svg-icon>\r\n                <p>{{ $t(\"learningCourses.CourseTxt3\") }}</p>\r\n              </div>\r\n            </div>\r\n          </a>\r\n        </div>\r\n        <div v-if=\"ifmUrl\" class=\"pdfClass\">\r\n          <a href=\"javascript:;\" @click=\"visitLink\">\r\n            <div class=\"pdfDiv\">\r\n              <div class=\"pdfContent\">\r\n                <svg-icon icon-class=\"link\"></svg-icon>\r\n                <p>{{ $t(\"learningCourses.CourseTxt11\") }}</p>\r\n              </div>\r\n            </div>\r\n          </a>\r\n        </div>\r\n        <div v-if=\"audioStatus\" style=\"\r\n              width: 100%;\r\n              height: 6.1867rem;\r\n              background: #000;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n            \">\r\n          <audio ref=\"audioRefDom\" controlslist=\"nodownload\" :src=\"audioSrc\" controls=\"controls\"\r\n            style=\"max-width: 100%\"></audio>\r\n        </div>\r\n      </div>\r\n      <div class=\"tabsDiv\" style=\"margin-top: 7.40545rem\">\r\n        <van-search style=\"border-bottom: 1px solid #eee;\" v-model=\"searchVal\" placeholder=\"请输入搜索关键词\" @input=\"onSearch\"\r\n          class=\"fefefefef\" />\r\n        <van-tabs v-model=\"active\" color=\"#2B8DF0\" swipeable animated>\r\n          <van-tab :title=\"$t('learningCourses.CourseTxt12')\">\r\n            <van-list v-model=\"loading\" :finished=\"finished\" :finished-text=\"$t('learningCourses.CourseTxt5')\"\r\n              @load=\"onLoad\">\r\n              <div v-for=\"(item, index) in list\" :key=\"index\">\r\n                <h2 v-if=\"item && item.length > 0\">{{ item[0].stagename }}</h2>\r\n                <van-cell class=\"CoursesList\" @click=\"changeCourseware(val, index, key)\"\r\n                  :class=\"{ activeCls: val.active }\" v-for=\"(val, key) in item\" v-show=\"item && item.length > 0\"\r\n                  :key=\"key\">\r\n                  <div class=\"infoExamIcon\" v-if=\"val.isfinish\">\r\n                    <img src=\"@/assets/img/trained.png\" alt=\"\" />\r\n                  </div>\r\n                  <div class=\"leftbox\">\r\n                    <img v-if=\"val.cw_bg_url != ''\" v-lazy=\"val.cw_bg_url\" />\r\n                    <img v-else-if=\"val.cwtype == '链接' && !val.cw_bg_url\" src=\"@/assets/img/toLearnpic_pdf.png\"\r\n                      alt=\"\" />\r\n                    <img v-else-if=\"val.cwtype == '视频' && !val.cw_bg_url\" src=\"@/assets/img/toLearnpic_shipin.png\"\r\n                      alt=\"\" />\r\n                    <img v-else-if=\"val.cwtype == '文档' && !val.cw_bg_url\" src=\"@/assets/img/toLearnpic_pdf.png\"\r\n                      alt=\"\" />\r\n                    <img v-else-if=\"val.cwtype == '语音' && !val.cw_bg_url\" src=\"@/assets/img/toLearnpic_yinpin.png\"\r\n                      alt=\"\" />\r\n                    <div class=\"kjlx\">\r\n                      {{ val.cwtype }}\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"info\">\r\n                    <div class=\"footer\">\r\n                      <span class=\"stageName\"> {{ val.cwname }} </span>\r\n                    </div>\r\n                    <span class=\"description\">{{ val.cwdesp }}</span>\r\n                    <div class=\"top\">\r\n                      <div class=\"right\">\r\n                        <span class=\"length\">{{ val.studymin\r\n                          }}{{ $t(\"learningCourses.CourseTxt10\") }}</span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </van-cell>\r\n              </div>\r\n            </van-list>\r\n          </van-tab>\r\n          <van-tab :title=\"$t('learningCourses.CourseTxt6')\">\r\n            <van-cell class=\"examList\">\r\n              <div class=\"info\">\r\n                <div class=\"footer\">\r\n                  <span class=\"courseName\">{{ studyData.coursename }}</span>\r\n                  <div class=\"right\">\r\n                    <span class=\"score\">{{ studyData.coursecredit\r\n                      }}{{ $t(\"learningCourses.CourseTxt7\") }}</span>\r\n                  </div>\r\n                </div>\r\n                <span class=\"lecturerName\">{{ $t(\"learningCourses.CourseTxt8\")\r\n                  }}{{ studyData.teacher_empname }}</span>\r\n                <div class=\"footer\">\r\n                  <span class=\"date\">\r\n                    {{ studyData.studybt }} - {{ studyData.studyet }}</span>\r\n                  <div class=\"right\">\r\n                    <span class=\"duration\">{{ studyData.coursehour\r\n                      }}{{ $t(\"learningCourses.CourseTxt9\") }}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </van-cell>\r\n            <ul class=\"descriptionUl\">\r\n              <li>\r\n                {{ studyData.coursedesp }}\r\n              </li>\r\n            </ul>\r\n          </van-tab>\r\n        </van-tabs>\r\n      </div>\r\n      <van-button type=\"info\" block @click=\"kaishiKaoShi\"\r\n        v-if=\"finish_jump_test == false ? true : finish_jump_test && isfinish\">{{ jump_btn_caption }}</van-button>\r\n    </div>\r\n    <div class=\"linkContainer\" v-if=\"isLink\">\r\n      <iframeLink :ifmUrl=\"ifmUrl\" :clickStatus=\"clickStatus\"> </iframeLink>\r\n    </div>\r\n    <van-dialog v-model=\"show\" :width=\"364\" :beforeClose=\"beforeClose\" :confirm-button-text=\"$t('module.confirm')\"\r\n      class=\"timerCapClass\" :showConfirmButton=\"false\">\r\n      <div class=\"slide_box\" v-if=\"whichVerify == 1\">\r\n        <slide-verify ref=\"slideblock\" :slider-text=\"text\" :accuracy=\"accuracy\" :w=\"364\" :h=\"200\" :imgs=\"verifyImgs\"\r\n          @again=\"onAgain\" @success=\"onSuccess\" @fail=\"onFail\" @refresh=\"onRefresh\"></slide-verify>\r\n      </div>\r\n      <div class=\"checkPic_box\" v-else-if=\"whichVerify == 2\">\r\n        <div class=\"title_box\">\r\n          <span class=\"desc\">{{ picGroup[whichPicGroup - 1].title }}</span>\r\n          <div class=\"btn_box\">\r\n            <van-button type=\"default\" icon=\"replay\" title=\"刷新验证\" size=\"mini\" @click=\"refreshPicGroup\"></van-button>\r\n            <van-button type=\"info\" size=\"mini\" @click=\"getPicGroup\">确定</van-button>\r\n          </div>\r\n        </div>\r\n        <div class=\"pic_box\">\r\n          <van-checkbox-group v-model=\"checkPicResult\">\r\n            <van-checkbox :name=\"idx + 1\" v-for=\"(it, idx) in 6\" :key=\"idx\">\r\n              <div class=\"coverBox\" :class=\"checkPicResult.includes(idx + 1) ? 'checked_coverBox' : ''\"></div>\r\n              <van-image fit=\"contain\"\r\n                :src=\"require('@assets/img/' + picGroup[whichPicGroup - 1].picName + (idx + 1) + '.png')\" />\r\n            </van-checkbox>\r\n          </van-checkbox-group>\r\n        </div>\r\n      </div>\r\n      <div v-else class=\"show_identify\">\r\n        <div class=\"canvas_box\">\r\n          <Identify :identifyCode=\"identifyCode\"></Identify>\r\n        </div>\r\n        <div class=\"refresh_row\">\r\n          <span @click=\"refreshCode\">看不清楚？点击换一张</span>\r\n        </div>\r\n        <div class=\"desc_row\">\r\n          <span>请输入图片中的内容（若为数学运算的请输入计算结果）</span>\r\n        </div>\r\n        <div class=\"answer_row\">\r\n          <input class=\"an_input\" type=\"text\" v-model=\"inputCode\">\r\n          <van-button type=\"info\" size=\"mini\" @click=\"getAnswers\">确定</van-button>\r\n        </div>\r\n      </div>\r\n      <!-- <imageVerification ref=\"refImageVerification\" @getIdentifyCodesFun=\"getIdentifyCodesFun\" :show=\"show\"></imageVerification> -->\r\n    </van-dialog>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import {\r\n    getStepWareInfo,\r\n    saveWatchLogStart,\r\n    saveWatchLogEnd,\r\n    getVideoLastPos,\r\n    checkWareFinish,\r\n    saveWatchLog,\r\n    getStudyCourseInfo\r\n  } from \"@api/wxpx.js\";\r\n  \r\n  import imageVerification from \"@components/imageVerification\";\r\n  import dragVerification from \"@components/dragVerification\";\r\n  \r\n  const userInfo = localStorage.userInfo ? JSON.parse(localStorage.userInfo) : {};\r\n  import pdfView from \"@components/pdfView/index.vue\";\r\n  import zplayer from \"./zPlayer.vue\";\r\n  import iframeLink from \"./link.vue\";\r\n  import Identify from './identify'\r\n  import { Toast } from \"vant\";\r\n  import { setData, getData, _throttle, createGguid } from \"@/utils\";\r\n  export default {\r\n    components: {\r\n      pdfView,\r\n      zplayer,\r\n      iframeLink,\r\n      imageVerification,\r\n      dragVerification,\r\n      Identify\r\n    },\r\n    data () {\r\n      return {\r\n        userInfo,\r\n        videoSrc: \"\",\r\n        active: 2,\r\n        isLoading: false,\r\n        list: [],\r\n        loading: false,\r\n        finished: false,\r\n        studyData: {},\r\n        videoStatus: false,\r\n        pdfStatus: false,\r\n        pdfUrl: \"\",\r\n        wjhd: \"\",\r\n        audioStatus: false,\r\n        audioSrc: \"\",\r\n        pdf: \"\",\r\n        playerOptions: {\r\n          controllBarMode: \"click\",\r\n        },\r\n        videoAutoid: 0,\r\n        timer: null,\r\n        guid: \"\",\r\n        changeBeforeId: 0, //   组件切换前的id\r\n        nowplaytime: 0, // 当前播放的时间总长 主要用于解决 视频切换的问题\r\n        returnTime: 0,\r\n        videoTagStatus: false,\r\n        pdfId: 0,\r\n        linkId: 0,\r\n        audioId: 0,\r\n        audioPlayer: null,\r\n        firstUpLoad: false,\r\n        studyTitle: \"\",\r\n        isLink: false,\r\n        ifmUrl: \"\",\r\n        mautoid: this.$route.query.mautoid,\r\n        clickStatus: \"\",\r\n        dataIndex: 0,\r\n        dataKey: 0,\r\n        show: false,\r\n        identifyCode: \"\",\r\n        testIndex: 1,\r\n        identifyTimer: null,\r\n        curTime: 0,\r\n        curTimeArr: [],\r\n        firsCurtTime: 0,\r\n        check_online: false,\r\n        // --------------滑动验证参数\r\n        showSlideVerify: false, // 滑动验证弹窗\r\n        verifyImgs: [\r\n          require(\"@/assets/img/slideVerify_01.png\"),\r\n          require(\"@/assets/img/slideVerify_02.png\"),\r\n          require(\"@/assets/img/slideVerify_03.png\"),\r\n          require(\"@/assets/img/slideVerify_04.png\"),\r\n          require(\"@/assets/img/slideVerify_05.png\"),\r\n          require(\"@/assets/img/slideVerify_06.png\"),\r\n          require(\"@/assets/img/slideVerify_07.png\"),\r\n          require(\"@/assets/img/slideVerify_08.png\"),\r\n          require(\"@/assets/img/slideVerify_09.png\"),\r\n          require(\"@/assets/img/slideVerify_10.png\"),\r\n          require(\"@/assets/img/slideVerify_11.png\"),\r\n          require(\"@/assets/img/slideVerify_12.png\"),\r\n          require(\"@/assets/img/slideVerify_13.png\"),\r\n          require(\"@/assets/img/slideVerify_14.png\"),\r\n          require(\"@/assets/img/slideVerify_15.png\"),\r\n        ],\r\n        verifyMsg: \"\",\r\n        text: \"拖动滑块完成拼图\",\r\n        accuracy: 2, // 精确度小，可允许的误差范围小；为1时，则表示滑块要与凹槽完全重叠，才能验证成功。默认值为5\r\n        need_slider_code: false, // 每次登录需要验证码\r\n        vertify_mode: 0, // 验证方式 0滑块验证，1文字验证\r\n        // ------------\r\n        yzmyzcgl: false,\r\n        checkSpecMin: 0,\r\n        check_mode: \"\",\r\n        firstRecodTime: 0,\r\n        searchVal: \"\",\r\n        baseList: [],\r\n        // --- 图片选择验证\r\n        whichVerify: 0,\r\n        picGroup: [\r\n          { title: '请选择最符合描述的图片：“舞龙”', picName: 'wuLong', answer: ['3', '5'] },\r\n          { title: '请选择最符合描述的图片：“敦煌莫高窟飞像”', picName: 'moGaoKu', answer: ['1', '3'] },\r\n          { title: '请选择最符合描述的图片：“未来机器人”', picName: 'jiQiRen', answer: ['2', '3'] },\r\n          { title: '请选择最符合描述的图片：“关公像”', picName: 'guangGong', answer: ['1', '4'] },\r\n          { title: '请选择最符合描述的图片：“古风女孩”', picName: 'nvHai', answer: ['1', '5'] },\r\n          { title: '请选择最符合描述的图片：“科技感马头琴”', picName: 'maTouQin', answer: ['2', '4'] },\r\n          { title: '请选择最符合描述的图片：“摩托车头盔侧面”', picName: 'touKui', answer: ['2', '5'] },\r\n          { title: '请选择最符合描述的图片：“勇士与猛虎”', picName: 'mengHu', answer: ['3', '4'] },\r\n          { title: '请选择最符合描述的图片：“鱼”', picName: 'fish', answer: ['1', '2'] },\r\n          { title: '请选择最符合描述的图片：“熊猫”', picName: 'panda', answer: ['5', '6'] },\r\n          { title: '请选择最符合描述的图片：“一个厨房桌的红苹果”', picName: 'apple', answer: ['1', '2'] },\r\n          { title: '请选择最符合描述的图片：“公园里的小桥”', picName: 'bridge', answer: ['1', '3'] },\r\n          { title: '请选择最符合描述的图片：“一座有冰川的雪山”', picName: 'xueShan', answer: ['1', '4'] },\r\n          { title: '请选择最符合描述的图片：“电力变压器”', picName: 'bianYaQi', answer: ['1', '5'] },\r\n          { title: '请选择最符合描述的图片：“普洱熟茶饼”', picName: 'chaBing', answer: ['2', '3'] },\r\n          { title: '请选择最符合描述的图片：“冰鸟冬日的极光”', picName: 'jiGuang', answer: ['2', '4'] },\r\n          { title: '请选择最符合描述的图片：“长嘴铁皮壶”', picName: 'changZuiHu', answer: ['2', '5'] },\r\n          { title: '请选择最符合描述的图片：“萨克斯”', picName: 'saxophone', answer: ['2', '6'] },\r\n          { title: '请选择最符合描述的图片：“中药柜”', picName: 'zhongYao', answer: ['3', '4'] },\r\n          { title: '请选择最符合描述的图片：“中国风的龙”', picName: 'Loong', answer: ['3', '5'] },\r\n          { title: '请选择最符合描述的图片：“云南石林”', picName: 'shiLin', answer: ['3', '6'] },\r\n          { title: '请选择最符合描述的图片：“简约风的工作头像”', picName: 'touXiang', answer: ['1', '5'] },\r\n          { title: '请选择最符合描述的图片：“劳作的农民”', picName: 'nongMin', answer: ['2', '3'] },\r\n          { title: '请选择最符合描述的图片：“液压泵”', picName: 'yeYaBeng', answer: ['2', '5'] }\r\n        ],\r\n        checkPicResult: [], // 选中的图片\r\n        whichPicGroup: 1, // 随机的哪组图片\r\n        // 输入验证\r\n        whichInput: 0,\r\n        identifyCode: '',\r\n        identifyCodes: '123456789ABCDEFGHGKMNPQRSTUVWXYZabcdefghgkmnpqrstuvwxyz', // 验证码规则\r\n        answerCode: '',\r\n        inputCode: '',\r\n        finish_jump_test:false,\r\n        jump_btn_caption:'',\r\n        paperid:0,\r\n        teststyle:'',\r\n        isfinish:false,\r\n      };\r\n    },\r\n    watch: {\r\n      show (n) {\r\n        if (n)\r\n        {\r\n          this.whichVerify = this.getRandomNumber(3)\r\n          this.whichPicGroup = this.getRandomNumber(24)\r\n          if (this.whichVerify == 3)\r\n          {\r\n            this.refreshCode()\r\n          }\r\n        } else\r\n        {\r\n          this.checkPicResult = []\r\n        }\r\n      }\r\n    },\r\n    mounted () {\r\n      const _this = this;\r\n      // 首次加载 缓存guid\r\n      if (window.localStorage.getItem(\"learningCoursesDataKey\" + this.mautoid))\r\n      {\r\n        _this.dataKey = window.localStorage.getItem(\r\n          \"learningCoursesDataKey\" + this.mautoid\r\n        );\r\n      }\r\n      if (\r\n        window.localStorage.getItem(\"learningCoursesDataIndex\" + this.mautoid)\r\n      )\r\n      {\r\n        _this.dataIndex = window.localStorage.getItem(\r\n          \"learningCoursesDataIndex\" + this.mautoid\r\n        );\r\n      }\r\n  \r\n      this.$nextTick(() => {\r\n        this.getStudyCourseInfoFun();\r\n        window.addEventListener(\"visibilitychange\", function () {\r\n          //部分手机可以获取到\r\n          if (document.hidden)\r\n          {\r\n            _this.listenerClose();\r\n          }\r\n        });\r\n        window.addEventListener(\"pagehide\", () => {\r\n          _this.listenerClose();\r\n        });\r\n        window.addEventListener(\"popstate\", function (e) {\r\n          _this.listenerClose();\r\n        });\r\n        window.addEventListener(\"onunload\", _this.listenerWindow);\r\n      });\r\n    },\r\n  \r\n    methods: {\r\n      getStudyCourseInfoFun () {\r\n        getStudyCourseInfo({\r\n          mautoid:this.mautoid,\r\n          empid:this.userInfo.empid,\r\n          ispts:this.studyData.ispts\r\n        }).then(res=>{\r\n          if(res && res.data && res.data.length > 0){\r\n            const obj = res.data[0];\r\n            this.finish_jump_test = obj.finish_jump_test;\r\n            this.jump_btn_caption = obj.jump_btn_caption;\r\n            this.paperid = obj.paperid;\r\n            this.teststyle = obj.teststyle;\r\n            this.isfinish = obj.isfinish;\r\n            // finish_jump_test : 是否学习完毕才允许跳转考试\r\n            // jump_btn_caption : 跳转按钮标题\r\n            // paperid : 试卷id\r\n            // teststyle : 考试类别：模拟、正式、补考 \r\n            // isfinish : 是否全部课程学习完毕\r\n          }\r\n          console.log(res,'jofhwekjfhwekj')\r\n        })\r\n      },\r\n      // 输入验证确认\r\n      getAnswers () {\r\n        let accord = (this.answerCode + '').toLowerCase() == this.inputCode.toLowerCase()\r\n        if (accord)\r\n        {\r\n          this.show = false;\r\n          this.inputCode = ''\r\n          setTimeout(() => {\r\n            this.$refs.zplayer._videoPlay();\r\n          }, 50)\r\n        } else\r\n        {\r\n          Toast.fail('验证错误，请重试！')\r\n          this.inputCode = ''\r\n          this.refreshCode()\r\n        }\r\n      },\r\n      // 生成十以内四个数字加法运算\r\n      generateMathQuiz () {\r\n        const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; // 数字池\r\n        const randomIndexes = []; // 用于存储随机选择的索引\r\n        let question = '';\r\n        let answer = 0;\r\n        // 随机选择三个不重复的数字索引\r\n        while (randomIndexes.length < 4)\r\n        {\r\n          const randomIndex = Math.floor(Math.random() * numbers.length);\r\n          if (randomIndexes.indexOf(randomIndex) === -1)\r\n          {\r\n            randomIndexes.push(randomIndex);\r\n          }\r\n        }\r\n        // 获取随机选择的三个数\r\n        const num1 = numbers[randomIndexes[0]];\r\n        const num2 = numbers[randomIndexes[1]];\r\n        const num3 = numbers[randomIndexes[2]];\r\n        const num4 = numbers[randomIndexes[3]];\r\n        // 随机选择是加减法\r\n        // const operator = Math.random() < 0.5 ? '+' : '-';\r\n        const operator = '+' // 只算加法\r\n        // 生成问题和答案\r\n        if (operator === '+')\r\n        {\r\n          question = `${num1} ${operator} ${num2} ${operator} ${num3} ${operator} ${num4} = ?`;\r\n          answer = num1 + num2 + num3 + num4\r\n        } else\r\n        {\r\n          question = `${num1} ${operator} ${num2} = ?`; // 假设只有两个数进行减法\r\n          answer = num1 - num2\r\n        }\r\n        // console.log(question, 'questionquestion', answer);\r\n        this.answerCode = answer\r\n        return { question, answer };\r\n      },\r\n      // 切换数字字母验证码\r\n      refreshCode () {\r\n        this.identifyCode = ''\r\n        this.whichInput = this.getRandomNumber(2)\r\n        if (this.whichInput == 1)\r\n        {\r\n          const quiz = this.generateMathQuiz();\r\n          this.identifyCode = quiz.question\r\n        } else\r\n        {\r\n          this.makeCode(this.identifyCodes, 4)\r\n        }\r\n        // console.log(this.answerCode, 'answerCode')\r\n      },\r\n      // 生成随机数字字母验证码\r\n      makeCode (o, l) {\r\n        for (let i = 0; i < l; i++)\r\n        {\r\n          this.identifyCode += this.identifyCodes[\r\n            Math.floor(Math.random() * (this.identifyCodes.length - 0) + 0)\r\n          ]\r\n        }\r\n        this.answerCode = this.identifyCode\r\n      },\r\n      // 选择图片验证时确定\r\n      getPicGroup () {\r\n        // console.log(this.checkPicResult, 'checkPicResultcheckPicResult', this.checkPicResult.join(''));\r\n        const res = this.checkPicResult.join('') || ''\r\n        let accord = false\r\n        for (let i = 0; i < this.picGroup[this.whichPicGroup - 1].answer.length; i++)\r\n        {\r\n          const ele = this.picGroup[this.whichPicGroup - 1].answer[i]\r\n          if (res.indexOf(ele) != -1)\r\n          {\r\n            accord = true\r\n          }\r\n        }\r\n        if (accord)\r\n        {\r\n          this.show = false;\r\n          setTimeout(() => {\r\n            this.$refs.zplayer._videoPlay();\r\n          }, 50)\r\n        } else\r\n        {\r\n          Toast.fail('验证错误，请重试！')\r\n        }\r\n      },\r\n      // 选择图片验证时刷新\r\n      refreshPicGroup () {\r\n        this.checkPicResult = []\r\n        this.whichPicGroup = this.getRandomNumber(24)\r\n      },\r\n      // 生成随机整数\r\n      getRandomNumber (num) {\r\n        return Math.floor(Math.random() * num) + 1;\r\n      },\r\n      onSearch (val) {\r\n        if (val)\r\n        {\r\n          if (this.baseList.length > 0)\r\n          {\r\n            for (let i = 0; i < this.baseList.length; i++)\r\n            {\r\n              this.list[i] = this.baseList[i].filter((item) => {\r\n                return item.cwname.indexOf(val) >= 0\r\n              })\r\n            }\r\n          }\r\n        } else\r\n        {\r\n          this.list = JSON.parse(JSON.stringify(this.baseList));\r\n        }\r\n        console.log(val, this.baseList, this.list, 'dwedwedewed')\r\n      },\r\n      onAgain () {\r\n        console.log(\"检测到非人为操作的哦！\");\r\n        this.verifyMsg = \"try again\";\r\n        // 刷新\r\n        this.$refs.slideblock.reset();\r\n      },\r\n      // 滑动验证成功\r\n      onSuccess (times) {\r\n        this.verifyMsg = `验证成功！耗时${(times / 1000).toFixed(1)}s`;\r\n        // this.yzmyzcgl = true;\r\n        this.show = false;\r\n        // this.yzmyzcgl = false;\r\n        this.verifyMsg = \"\";\r\n        setTimeout(() => {\r\n          this.$refs.slideblock.reset();\r\n          this.$refs.zplayer._videoPlay();\r\n        }, 50)\r\n  \r\n      },\r\n      getIdentifyCodesFun (identifyCode) {\r\n        this.identifyCode = identifyCode;\r\n      },\r\n      onFail () {\r\n        this.verifyMsg = \"\";\r\n      },\r\n      onRefresh () {\r\n        this.verifyMsg = \"\";\r\n      },\r\n      listenerClose () {\r\n        let _this = this;\r\n        var img = new Image();\r\n        let baseUrl = window.BASE_URL\r\n          ? window.BASE_URL\r\n          : \"https://v8.hyclound.cn:8080/v8api\";\r\n        let apiUrl = \"/api/wxpx/saveWatchLog_End\";\r\n        let data =\r\n          \"?empid=\" +\r\n          _this.userInfo.empid +\r\n          \"&mautoid=\" +\r\n          _this.$route.query.mautoid +\r\n          \"&cw_autoid=\" +\r\n          _this.videoAutoid +\r\n          \"&guid=\" +\r\n          _this.guid +\r\n          \"&videotimes=\" +\r\n          _this.nowplaytime +\r\n          \"&lastpos=\" +\r\n          getData(`xfyktVideoTime_${_this.videoAutoid}`) +\r\n          \"&username=\" +\r\n          _this.userInfo.username +\r\n          \"&isfinish=0\";\r\n        img.style.display = \"none\";\r\n        img.src = baseUrl + apiUrl + data; // 服务端处理接口\r\n        document.body.appendChild(img);\r\n        localStorage.setItem(\"upload_time\", new Date().getTime());\r\n      },\r\n      listenerWindow (event) {\r\n        this.listenerClose();\r\n        event.preventDefault();\r\n        event.returnValue = \"是否离开？\";\r\n        return true;\r\n      },\r\n      // 当视频播放结束后 会自动调用暂停\r\n      ended (options) {\r\n        console.log(options, \"播放完成！\");\r\n        clearInterval(this.identifyTimer);\r\n        this.identifyTimer = null;\r\n        this.recordVideoInfo(this.videoAutoid, this.nowplaytime, 1);\r\n        // 还应该调用一个接口\r\n      },\r\n      // 记录时间\r\n      // time是秒\r\n      // 需要记录的视频id 可以是上一个播放的视频\r\n      // status是状态 1是视频播放完整\r\n      recordVideoInfo (id, time, status) {\r\n        console.log(time,'recordVideoInforecordVideoInfo')\r\n        // 把时间转换为分钟 且只保留2位小数 不做四舍五入\r\n        let minute = Math.floor((time / 60) * 100) / 100;\r\n        if (id && minute && getData(`xfyktVideoTime_${id}`))\r\n        {\r\n          saveWatchLogEnd({\r\n            empid: this.userInfo.empid,\r\n            mautoid: this.$route.query.mautoid,\r\n            cw_autoid: id,\r\n            lastpos: getData(`xfyktVideoTime_${id}`),\r\n            guid: this.guid,\r\n            videotimes: minute,\r\n            username: this.userInfo.username,\r\n            isfinish: status,\r\n            ispts: this.studyData.ispts,\r\n          }).then((res) => {\r\n            console.log(\"记录视频信息的变化\");\r\n            clearInterval(this.identifyTimer);\r\n            this.identifyTimer = null;\r\n          });\r\n        }\r\n      },\r\n      beforeClose (action, done) {\r\n        // console.log(this.identifyCode,this.$refs.refImageVerification.enterCode,'验证码');\r\n        // this.show = false;\r\n        if (this.yzmyzcgl)\r\n        {\r\n          this.show = false;\r\n          this.yzmyzcgl = false;\r\n          this.verifyMsg = \"\";\r\n  \r\n          done()\r\n          setTimeout(() => {\r\n            this.$refs.slideblock.reset();\r\n          }, 50)\r\n          this.$refs.zplayer._videoPlay();\r\n        } else\r\n        {\r\n          done(false)\r\n        }\r\n      },\r\n      // 播放停止 如视频之间的切换\r\n      videoabort () {\r\n        if (this.changeBeforeId && this.nowplaytime)\r\n        {\r\n          this.recordVideoInfo(this.changeBeforeId, this.nowplaytime, 0);\r\n        }\r\n      },\r\n      videoplaying (time) {\r\n        // console.log(time,'videoplaying')\r\n        if (this.curTime > 0)\r\n        {\r\n          var timer = null;\r\n          let timeridx = 1;\r\n          clearInterval(this.identifyTimer);\r\n          this.identifyTimer = null;\r\n          this.identifyTimer = setInterval(() => {\r\n            timeridx++\r\n            if (timeridx >= this.curTime)\r\n            {\r\n              clearInterval(this.identifyTimer);\r\n              this.identifyTimer = null;\r\n              this.$refs.zplayer._videoPause();\r\n              this.show = true;\r\n              timeridx = 1;\r\n            }\r\n          }, 1000)\r\n        }\r\n  \r\n      },\r\n      // 播放暂停\r\n      videopause (time) {\r\n        clearInterval(this.identifyTimer);\r\n        this.identifyTimer = null;\r\n        this.recordVideoInfo(this.videoAutoid, this.nowplaytime, 0);\r\n      },\r\n      // 播放开始\r\n      videoplay (time) {\r\n        console.log(time,'videoplayvideoplay')\r\n        this.nowplaytime = time;\r\n        if (!time)\r\n        {\r\n          alert(\"网络延迟！当前播放状态，视频无法记录！\");\r\n          time = 0;\r\n        }\r\n        // 把时间转换为分钟 且只保留2位小数 不做四舍五入 videoAutoid\r\n        let minute = Math.floor((time / 60) * 100) / 100;\r\n        saveWatchLogStart({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          cw_autoid: this.videoAutoid,\r\n          guid: this.guid,\r\n          videotimes: minute,\r\n          username: this.userInfo.username,\r\n          ispts: this.studyData.ispts,\r\n        })\r\n          .then((res) => {\r\n            console.log(\"记录播放开始的状态\");\r\n          })\r\n          .catch((err) => {\r\n            alert(\"接口出错了：saveWatchLogStart\");\r\n          });\r\n      },\r\n      // 视频的时间更新\r\n      timeUpdate (time) {\r\n  \r\n        if (this.curTimeArr && this.curTimeArr.length > 0 && this.check_online && this.check_mode == '自定义时间点')\r\n        {\r\n          if (this.curTimeArr.includes(parseInt(time)) && (parseInt(time) - parseInt(this.firsCurtTime)) > 1)\r\n          {\r\n            this.firsCurtTime = parseInt(time);\r\n            this.$refs.zplayer._videoPause();\r\n            this.show = true;\r\n          }\r\n        }\r\n        if (this.check_mode == '固定间隔')\r\n        {\r\n          if (time >= (this.firstRecodTime + this.checkSpecMin * 60))\r\n          {\r\n            this.firstRecodTime = parseInt(time);\r\n            this.$refs.zplayer._videoPause();\r\n            this.show = true;\r\n          }\r\n        }\r\n        // console.log(time, \"time\");\r\n        // this.testIndex++\r\n        // if (Math.floor() % 20 == 0) {\r\n        //   // alert(1);\r\n        //   this.$refs.zplayer._videoPause();\r\n        //   // this.show = true;\r\n        // }\r\n        if (!time || this.timer) return false;\r\n        this.timer = setTimeout(() => {\r\n          clearTimeout(this.timer);\r\n          this.timer = null;\r\n        }, 1000);\r\n        // localStorage.setItem(`xfyktVideoTime_${id}`, time)\r\n        if (Math.floor(time) % (window.video_save_pos_sec || 30) == 0)\r\n        {\r\n          this.recordVideoInfo(this.changeBeforeId, this.nowplaytime, 0);\r\n        }\r\n        setData(`xfyktVideoTime_${this.videoAutoid}`, time);\r\n      },\r\n      getVideoLastPosTime (id, ispts) {\r\n        getVideoLastPos({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          cw_autoid: id,\r\n          username: this.userInfo.username,\r\n          ispts: ispts\r\n        }).then((res) => {\r\n          this.returnTime = res.data[0].lastpos;\r\n          if (!this.firstRecodTime)\r\n          {\r\n            this.firstRecodTime = this.returnTime || 0\r\n          }\r\n        });\r\n      },\r\n      async checkWareIsFinish (id, ispts) {\r\n        let res = await checkWareFinish({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          cw_autoid: id,\r\n          username: this.userInfo.username,\r\n          ispts: ispts\r\n        });\r\n        return res.data[0].isfinish;\r\n      },\r\n      firstplay () {\r\n        // 获取用户上次观看的时间点 然后更新进度\r\n        this.setLastVideoTime();\r\n      },\r\n      // 设置用户上一次看到的进度\r\n      setLastVideoTime () {\r\n        if (this.returnTime)\r\n        {\r\n          setTimeout(() => {\r\n            this.$refs.zplayer._setCurrentTime(\r\n              Math.floor(Number(this.returnTime))\r\n            );\r\n          }, 100);\r\n        } else\r\n        {\r\n          let res = this.findVideoLog(this.videoAutoid);\r\n          setTimeout(() => {\r\n            this.$refs.zplayer._setCurrentTime(Math.floor(Number(res)));\r\n          }, 100);\r\n        }\r\n      },\r\n      //找到该视频的记录\r\n      findVideoLog (id) {\r\n        return Number(getData(`xfyktVideoTime_${id}`)) || 0;\r\n        // return Number(localStorage.getItem(`xfyktVideoTime_${id}`)) || 0\r\n      },\r\n      //添加签到的时间节点  当视频更换或者初始化的时候执行\r\n      addSignIn (data) { },\r\n      onClickLeft () {\r\n        if (this.videoAutoid)\r\n        {\r\n          this.recordVideoInfo(this.videoAutoid, this.nowplaytime, 0);\r\n        }\r\n        if (this.clickStatus == \"iframe\")\r\n        {\r\n          this.clickStatus = \"\";\r\n          this.isLink = false;\r\n        } else\r\n        {\r\n          this.$router.push({\r\n            path: '/toLearn',\r\n            query: {\r\n              ispts: this.studyData.ispts ? 1 : 0\r\n            }\r\n          })\r\n        }\r\n      },\r\n      visitPdf () {\r\n        saveWatchLog({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          cw_autoid: this.pdfId,\r\n          username: this.userInfo.username,\r\n          ispts: this.studyData.ispts,\r\n        }).then((res) => {\r\n          window.localStorage.setItem(\r\n            \"learningCoursesDataIndex\" + this.mautoid,\r\n            this.dataIndex\r\n          );\r\n          window.localStorage.setItem(\r\n            \"learningCoursesDataKey\" + this.mautoid,\r\n            this.dataKey\r\n          );\r\n          this.pdf = this.pdfUrl + \"?time=\" + new Date().getTime();\r\n          if (this.pdfUrl.slice(-3) == 'pdf')\r\n          {\r\n            this.$router.push({\r\n              path: \"/pdfView\",\r\n              query: {\r\n                pdf: encodeURIComponent(this.pdf),\r\n                empid: this.userInfo.empid,\r\n                mautoid: this.$route.query.mautoid,\r\n                cw_autoid: this.pdfId,\r\n                username: this.userInfo.username,\r\n                guid: this.guid,\r\n              },\r\n            });\r\n          } else\r\n          {\r\n            this.onLoad();\r\n            var u = navigator.userAgent\r\n            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 //android终端\r\n            var isiOS = !!u.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端\r\n            if (isAndroid)\r\n            {\r\n              //android终端\r\n              window.open('https://view.officeapps.live.com/op/view.aspx?src=' + this.pdf)\r\n            } else if (isiOS)\r\n            {\r\n              //ios终端\r\n              window.location.href = 'https://view.officeapps.live.com/op/view.aspx?src=' + this.pdf\r\n            } else\r\n            {\r\n              window.open('https://view.officeapps.live.com/op/view.aspx?src=' + this.pdf)\r\n            }\r\n          }\r\n  \r\n  \r\n          console.log(\"记录pdf开始的状态\");\r\n        });\r\n      },\r\n      visitLink () {\r\n        if (!this.ifmUrl)\r\n        {\r\n          Toast(this.$t(\"learningCourses.CourseTxt13\"));\r\n        }\r\n        saveWatchLog({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          cw_autoid: this.linkId,\r\n          username: this.userInfo.username,\r\n          ispts: this.studyData.ispts,\r\n        }).then((res) => {\r\n          window.localStorage.setItem(\r\n            \"learningCoursesDataIndex\" + this.mautoid,\r\n            this.dataIndex\r\n          );\r\n          window.localStorage.setItem(\r\n            \"learningCoursesDataKey\" + this.mautoid,\r\n            this.dataKey\r\n          );\r\n          this.clickStatus = \"iframe\";\r\n          this.isLink = true;\r\n        });\r\n      },\r\n      audioPlay () {\r\n        saveWatchLogStart({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          cw_autoid: this.audioId,\r\n          guid: this.guid,\r\n          videotimes: 0,\r\n          username: this.userInfo.username,\r\n          ispts: this.studyData.ispts,\r\n        }).then((res) => {\r\n          console.log(\"记录audio开始的状态\");\r\n        });\r\n      },\r\n      onClickRight () { },\r\n      onLoad () {\r\n        this.studyData = JSON.parse(\r\n          window.sessionStorage.getItem(\"v8_study_data\")\r\n        );\r\n        clearInterval(this.identifyTimer);\r\n        this.identifyTimer = null;\r\n        console.log(this.studyData, \"studyData\");\r\n        getStepWareInfo({\r\n          empid: this.userInfo.empid,\r\n          mautoid: this.$route.query.mautoid,\r\n          ispts: this.studyData.ispts,\r\n        }).then((res) => {\r\n          console.log(typeof res.data);\r\n  \r\n          this.ifmUrl = \"\";\r\n          let rdata = res.data;\r\n          // this.dataKey\r\n          // activeCls\r\n          //  _this.dataIndex\r\n          //  _this.dataIndex\r\n          rdata.forEach((item, idx) => {\r\n            item.active = false;\r\n          });\r\n          let mapdata = this.arrayToMap(rdata);\r\n          this.baseList = JSON.parse(JSON.stringify(this.mapToArray(mapdata)))\r\n          this.list = this.mapToArray(mapdata);\r\n          this.list[this.dataIndex][this.dataKey].active = true;\r\n  \r\n          let datacwtype = this.list[this.dataIndex][this.dataKey].cwtype;\r\n          let ispts = this.list[this.dataIndex][this.dataKey].ispts;\r\n  \r\n          let dd = this.list[this.dataIndex][this.dataKey];\r\n          this.check_online = dd.check_online;\r\n          // this.curTimeArr = dd.check_second_list?dd.check_second_list.split(\",\"):[]\r\n          this.check_mode = dd.check_mode;\r\n          if (dd.check_mode == '自定义时间点')\r\n          {\r\n            let arr = dd.check_second_list ? dd.check_second_list.split(\",\") : [];\r\n            for (let i = 0; i < arr.length; i++)\r\n            {\r\n              arr[i] = arr[i] * 60\r\n            }\r\n            this.curTimeArr = arr;\r\n          } else if (dd.check_mode == '固定间隔')\r\n          {\r\n            this.checkSpecMin = dd.check_spec_min\r\n          }\r\n          // console.log(ispts,'dddddddddddddddddddddddd')\r\n          this.studyTitle = dd.cwname;\r\n          if (datacwtype == \"视频\")\r\n          {\r\n            this.guid = createGguid();\r\n            this.videoAutoid = dd.autoid;\r\n            // this.videoTagStatus\r\n            this.changeBeforeId = this.videoAutoid;\r\n            this.checkWareIsFinish(this.videoAutoid, ispts).then((resss) => {\r\n              if (resss)\r\n              {\r\n                // 播放完成\r\n                this.videoStatus = false;\r\n                setTimeout(() => {\r\n                  this.videoTagStatus = true;\r\n                  this.videoSrc = dd.cwurl;\r\n                }, 100);\r\n              } else\r\n              {\r\n                this.videoTagStatus = false;\r\n                this.videoStatus = true;\r\n                this.getVideoLastPosTime(this.videoAutoid, ispts);\r\n                this.firstUpLoad = false;\r\n                setTimeout(() => {\r\n                  this.videoSrc = dd.cwurl;\r\n                  this.firstUpLoad = true;\r\n                  this.$refs.zplayer.changeUrl(this.videoSrc);\r\n                }, 100);\r\n              }\r\n            });\r\n          } else if (datacwtype == \"文档\")\r\n          {\r\n            this.guid = createGguid();\r\n            this.pdfUrl = dd.cwurl;\r\n            this.wjhd = dd.cwurl ? dd.cwurl.slice(-3) : \"\"\r\n            console.log(this.wjhd, 'this.wjhd')\r\n            this.pdfId = dd.autoid;\r\n            this.pdfStatus = true;\r\n          } else if (datacwtype == \"语音\")\r\n          {\r\n            this.audioSrc = dd.cwurl;\r\n            this.audioId = dd.autoid;\r\n            this.audioStatus = true;\r\n            setTimeout(() => {\r\n              this.audioPlayer = this.$refs.audioRefDom;\r\n              // 监听视频是否正在播放\r\n              this.audioPlayer.addEventListener(\"play\", () => {\r\n                this.audioPlay();\r\n              });\r\n            }, 100);\r\n          } else if (datacwtype == \"链接\")\r\n          {\r\n            this.linkId = dd.autoid;\r\n            this.ifmUrl = dd.cwurl;\r\n          }\r\n          console.log(this.list, \"loadingloading\");\r\n  \r\n          this.loading = false;\r\n          this.finished = true;\r\n        });\r\n      },\r\n      arrayToMap (data) {\r\n        //非数组或数据长度为0不处理\r\n        if (!data instanceof Array || data.length == 0)\r\n        {\r\n          return {};\r\n        }\r\n        var map = {};\r\n        for (var i = 0; i < data.length; i++)\r\n        {\r\n          // if (!data[i] instanceof Array || data.length < 2) {\r\n          //   continue;\r\n          // }\r\n          let name = data[i].stagename;\r\n          if (name != undefined)\r\n          {\r\n            if (map[name] == undefined)\r\n            {\r\n              map[name] = [];\r\n            }\r\n            map[name].push(data[i]);\r\n          }\r\n        }\r\n  \r\n        return map;\r\n      },\r\n      //把map转成数组\r\n      mapToArray (data) {\r\n        if (data == undefined)\r\n        {\r\n          return [];\r\n        }\r\n        let array = [];\r\n        for (let p in data)\r\n        {\r\n          array.push(data[p]);\r\n        }\r\n        return array;\r\n      },\r\n      // 切换课件\r\n      changeCourseware (val, index, key) {\r\n        clearInterval(this.identifyTimer);\r\n        this.identifyTimer = null;\r\n        if (!val.cwurl)\r\n        {\r\n          Toast(this.$t(\"learningCourses.CourseTxt13\"));\r\n          return false;\r\n        }\r\n        this.check_online = val.check_online;\r\n        this.check_mode = val.check_mode;\r\n        if (val.check_mode == '自定义时间点')\r\n        {\r\n          let arr = val.check_second_list ? val.check_second_list.split(\",\") : [];\r\n          for (let i = 0; i < arr.length; i++)\r\n          {\r\n            arr[i] = arr[i] * 60\r\n          }\r\n          this.curTimeArr = arr;\r\n        } else if (val.check_mode == '固定间隔')\r\n        {\r\n          this.checkSpecMin = val.check_spec_min\r\n        }\r\n  \r\n        this.studyTitle = val.cwname;\r\n        this.ifmUrl = \"\";\r\n        if (val.cwtype == \"视频\")\r\n        {\r\n          this.guid = createGguid();\r\n          this.changeBeforeId = this.videoAutoid;\r\n          this.pdfStatus = false;\r\n          this.audioStatus = false;\r\n          this.isLink = false;\r\n          this.videoAutoid = val.autoid;\r\n          this.recordVideoInfo(this.changeBeforeId, this.nowplaytime, 0);\r\n          this.checkWareIsFinish(this.videoAutoid, val.ispts).then((resss) => {\r\n            if (resss)\r\n            {\r\n              // 播放完成\r\n              this.videoStatus = false;\r\n              this.videoTagStatus = false;\r\n              setTimeout(() => {\r\n                this.videoTagStatus = true;\r\n                this.videoSrc = val.cwurl;\r\n              }, 100);\r\n            } else\r\n            {\r\n              this.videoTagStatus = false;\r\n              this.videoStatus = true;\r\n              this.getVideoLastPosTime(this.videoAutoid, val.ispts);\r\n              this.firstUpLoad = false;\r\n              setTimeout(() => {\r\n                this.videoSrc = val.cwurl;\r\n                this.firstUpLoad = true;\r\n                this.$refs.zplayer.changeUrl(this.videoSrc);\r\n              }, 100);\r\n            }\r\n          });\r\n        } else if (val.cwtype == \"文档\")\r\n        {\r\n          this.guid = createGguid();\r\n          this.pdfStatus = false;\r\n          this.videoStatus = false;\r\n          this.audioStatus = false;\r\n          this.videoTagStatus = false;\r\n          this.isLink = false;\r\n          this.pdfId = val.autoid;\r\n          if (this.videoAutoid && this.nowplaytime)\r\n          {\r\n            // 如果之前播放视频\r\n            this.recordVideoInfo(this.videoAutoid, this.nowplaytime, 0);\r\n          }\r\n          setTimeout(() => {\r\n            this.pdfUrl = val.cwurl;\r\n            this.wjhd = val.cwurl ? val.cwurl.slice(-3) : \"\"\r\n            this.pdfStatus = true;\r\n            this.dataIndex = index;\r\n            this.dataKey = key;\r\n          }, 100);\r\n        } else if (val.cwtype == \"语音\")\r\n        {\r\n          if (this.videoAutoid && this.nowplaytime)\r\n          {\r\n            // 如果之前播放视频\r\n            this.recordVideoInfo(this.videoAutoid, this.nowplaytime, 0);\r\n          }\r\n          this.pdfStatus = false;\r\n          this.videoStatus = false;\r\n          this.audioStatus = false;\r\n          this.videoTagStatus = false;\r\n          this.isLink = false;\r\n          this.audioId = val.autoid;\r\n          setTimeout(() => {\r\n            this.audioSrc = val.cwurl;\r\n            this.audioStatus = true;\r\n            setTimeout(() => {\r\n              this.audioPlayer = this.$refs.audioRefDom;\r\n              // 监听视频是否正在播放\r\n              this.audioPlayer.addEventListener(\"play\", () => {\r\n                this.audioPlay();\r\n              });\r\n            }, 100);\r\n          }, 100);\r\n        } else if (val.cwtype == \"链接\")\r\n        {\r\n          this.ifmUrl = val.cwurl;\r\n          this.linkId = val.autoid;\r\n          this.pdfStatus = false;\r\n          this.videoStatus = false;\r\n          this.audioStatus = false;\r\n          this.videoTagStatus = false;\r\n          this.clickStatus = \"iframe\";\r\n          // this.isLink = true;\r\n          this.dataIndex = index;\r\n          this.dataKey = key;\r\n        }\r\n  \r\n        this.list.forEach((item) => {\r\n          item.forEach((vals) => {\r\n            vals.active = false;\r\n          });\r\n        });\r\n        val.active = true;\r\n        // 如果有视频就改变video地址，没有视频就占位\r\n      },\r\n      kaishiKaoShi () {\r\n        this.$router.push({\r\n          path: \"/examinInfo\",\r\n          query: { paperid: this.paperid, mautoid: this.mautoid, teststyle: this.teststyle,fromPath:\"learningCourses\" },\r\n        });\r\n      }\r\n    },\r\n  };\r\n  </script>\r\n<style lang=\"less\" scoped>\r\n.learningCourses {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n\r\n  .linkContainer {\r\n    padding-top: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n  }\r\n\r\n  .van-nav-bar {\r\n    background: #2b8df0;\r\n\r\n    /deep/ .van-nav-bar__left {\r\n      .van-icon {\r\n        color: #fff;\r\n      }\r\n    }\r\n\r\n    /deep/.van-nav-bar__title {\r\n      color: #fff;\r\n      font-size: 36px;\r\n      font-family: Source Han Sans CN;\r\n    }\r\n\r\n    ::v-deep .van-nav-bar__right {\r\n      .van-nav-bar__text {\r\n        color: #fff;\r\n        font-family: Source Han Sans CN;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tabsDiv {\r\n    ::v-deep .van-tab {\r\n      font-size: 32px;\r\n      font-family: Source Han Sans CN;\r\n    }\r\n\r\n    h2 {\r\n      margin: 0;\r\n      padding: 15px 28px;\r\n      font-size: 32px;\r\n      font-weight: 500;\r\n      background: #f1f1f1;\r\n    }\r\n\r\n    .CoursesList {\r\n      padding: 28px;\r\n\r\n      .van-cell__value {\r\n        position: unset !important;\r\n        display: flex;\r\n\r\n        .leftbox {\r\n          width: 240px;\r\n          height: 130px;\r\n          margin-right: 18px;\r\n          position: relative;\r\n        }\r\n\r\n        img {\r\n          width: 240px;\r\n          height: 130px;\r\n        }\r\n\r\n        .info {\r\n          flex: 1;\r\n\r\n          .description {\r\n            color: #999999;\r\n            font-size: 24px;\r\n            font-family: Source Han Sans CN;\r\n            font-weight: 500;\r\n            line-height: 36px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-line-clamp: 2;\r\n          }\r\n\r\n          .footer {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            // align-items: flex-end;\r\n            align-items: baseline;\r\n\r\n            .stageName {\r\n              width: 78%;\r\n              margin: 0;\r\n              font-size: 28px;\r\n              font-family: Source Han Sans CN;\r\n              font-weight: 500;\r\n              color: #333333;\r\n            }\r\n\r\n            .right {\r\n              .length {\r\n                font-size: 20px;\r\n                font-family: Source Han Sans CN;\r\n                font-weight: 500;\r\n                line-height: 27px;\r\n                color: #2b8df0;\r\n              }\r\n            }\r\n          }\r\n\r\n          .top {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            color: #2b8df0;\r\n            font-weight: bold;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .examList {\r\n      margin: 20px 0;\r\n\r\n      .van-cell__value {\r\n        display: flex;\r\n\r\n        .info {\r\n          flex: 1;\r\n\r\n          .lecturerName {\r\n            color: #999999;\r\n            font-size: 28px;\r\n            font-family: Source Han Sans CN;\r\n            font-weight: 400;\r\n          }\r\n\r\n          .footer {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            // align-items: flex-end;\r\n            align-items: baseline;\r\n\r\n            .courseName {\r\n              width: 70%;\r\n              margin: 0;\r\n              font-size: 32px;\r\n              font-family: Source Han Sans CN;\r\n              font-weight: 500;\r\n              // line-height: 54px;\r\n              color: #333333;\r\n              // opacity: 1;\r\n            }\r\n\r\n            .date {\r\n              color: #999999;\r\n              font-size: 24px;\r\n            }\r\n\r\n            .right {\r\n              .score {\r\n                font-size: 32px;\r\n                font-family: Source Han Sans CN;\r\n                font-weight: 400;\r\n                line-height: 27px;\r\n                color: #2b8df0;\r\n              }\r\n\r\n              .duration {\r\n                font-size: 32px;\r\n                font-family: Source Han Sans CN;\r\n                font-weight: 400;\r\n                line-height: 27px;\r\n                color: #333333;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .descriptionUl {\r\n      background: #fff;\r\n      padding: 20px 30px;\r\n\r\n      li {\r\n        text-indent: 2em;\r\n        font-size: 32px;\r\n        font-family: Source Han Sans CN;\r\n        font-weight: 400;\r\n        line-height: 54px;\r\n        color: #333333;\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  .commentList {\r\n    .van-card:first-child {\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .van-card {\r\n      background: #fff;\r\n\r\n      .van-card__thumb {\r\n        margin-right: 30px;\r\n        width: 74px;\r\n        height: 74px;\r\n\r\n        img {\r\n          width: 74px;\r\n          height: 74px;\r\n        }\r\n      }\r\n\r\n      .van-card__content {\r\n        .name {\r\n          display: flex;\r\n          justify-content: flex-end;\r\n\r\n          span:first-child {\r\n            margin-right: auto;\r\n            font-size: 28px;\r\n            font-family: Source Han Sans CN;\r\n            font-weight: 500;\r\n            color: #666666;\r\n          }\r\n\r\n          .svg_icon {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            span {\r\n              margin: 0 20px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .van-card__desc {\r\n          font-size: 24px;\r\n          font-family: Source Han Sans CN;\r\n          font-weight: 400;\r\n          color: #999999;\r\n        }\r\n\r\n        .content {\r\n          padding-top: 20px;\r\n          font-size: 32px;\r\n          font-family: Source Han Sans CN;\r\n          font-weight: 500;\r\n          line-height: 48px;\r\n          color: #333333;\r\n          opacity: 1;\r\n        }\r\n\r\n        .imgs {\r\n          ::v-deep .van-grid-item__content {\r\n            padding: 15px 4px;\r\n\r\n            img {\r\n              width: 100%;\r\n              height: 100%;\r\n            }\r\n          }\r\n        }\r\n\r\n        .comments {\r\n          height: 80px;\r\n          background: #eceaea;\r\n          opacity: 1;\r\n          border-radius: 4px;\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          span {\r\n            font-size: 28px;\r\n            font-family: Source Han Sans CN;\r\n            font-weight: 500;\r\n            line-height: 48px;\r\n            opacity: 1;\r\n          }\r\n\r\n          span:first-child {\r\n            padding-left: 20px;\r\n            color: #2b8df0;\r\n          }\r\n\r\n          span:last-child {\r\n            padding-left: 20px;\r\n            color: #666666;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .entry_button {\r\n    display: flex;\r\n    align-items: center;\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 120px;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    background: #fff;\r\n\r\n    ::v-deep input {\r\n      padding: 0 40px;\r\n      height: 64px;\r\n      background: #f4f4f4;\r\n      border-radius: 44px;\r\n    }\r\n  }\r\n}\r\n\r\n.activeCls {\r\n  background: #dee7f1 !important;\r\n}\r\n\r\n.kjlx {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 10;\r\n  padding: 5px 10px;\r\n  background: rgb(121, 0, 255, 0.8);\r\n  color: #fff;\r\n  font-size: 12px;\r\n  border-radius: 5px 0 0 0;\r\n}\r\n\r\n.videoDiv {\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  background-color: #ccc;\r\n}\r\n\r\n.pdfClass {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  a {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .pdfDiv {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .pdfContent {\r\n    text-align: center;\r\n\r\n    p {\r\n      margin: 0;\r\n      width: 100%;\r\n      text-align: center;\r\n      font-size: 32px;\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n.infoExamIcon {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  z-index: 99999;\r\n  width: 90px;\r\n\r\n  img {\r\n    width: 90px !important;\r\n    height: auto !important;\r\n  }\r\n}\r\n\r\n.svg-icon {\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n}\r\n\r\n.timerCapClass {\r\n  /deep/.van-dialog__content {\r\n    padding-top: 30px;\r\n\r\n    // 选择图片验证\r\n    .checkPic_box {\r\n      padding: 0 20px;\r\n\r\n      .title_box {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        .desc {\r\n          font-size: 24px;\r\n        }\r\n\r\n        .btn_box {\r\n          display: flex;\r\n\r\n          .van-button {\r\n            width: 80px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .pic_box {\r\n        margin: 20px 0;\r\n\r\n        .van-checkbox-group {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n\r\n          .van-checkbox {\r\n            position: relative;\r\n            width: 32%;\r\n\r\n            .van-checkbox__icon {\r\n              position: absolute;\r\n              top: 5px;\r\n              right: 5px;\r\n              z-index: 999;\r\n\r\n              .van-icon {\r\n                opacity: 0;\r\n              }\r\n            }\r\n\r\n            .van-checkbox__icon--checked {\r\n              .van-icon {\r\n                opacity: unset !important;\r\n              }\r\n            }\r\n\r\n            .van-checkbox__label {\r\n              margin: 0;\r\n              width: 100%;\r\n\r\n              .van-image {\r\n                width: 100%;\r\n              }\r\n\r\n              .coverBox {\r\n                position: absolute;\r\n                top: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: #fff;\r\n                z-index: 998;\r\n                opacity: 0;\r\n              }\r\n\r\n              .checked_coverBox {\r\n                opacity: 0.6 !important;\r\n              }\r\n            }\r\n          }\r\n\r\n          .van-checkbox:not(:nth-child(3)):not(:nth-child(6)) {\r\n            margin: 0 1% 1% 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // 计算验证\r\n    .show_identify {\r\n      padding: 0 20px;\r\n      padding-bottom: 30px;\r\n\r\n      .canvas_box {\r\n        text-align: center;\r\n      }\r\n\r\n      .refresh_row {\r\n        text-align: center;\r\n        font-size: 24px;\r\n        padding: 10px 0 20px 0;\r\n        color: #396eb8;\r\n\r\n        span {\r\n          text-decoration: underline;\r\n        }\r\n      }\r\n\r\n      .desc_row {\r\n        font-size: 24px;\r\n        text-align: center;\r\n        padding-bottom: 20px;\r\n      }\r\n\r\n      .answer_row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        .an_input {\r\n          width: 50%;\r\n          margin-right: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  border-radius: 0 !important;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5ee48cd8&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=5ee48cd8&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5ee48cd8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}