{"version":3,"sources":["webpack:///./src/views/video/detail.vue?989f","webpack:///./src/assets/images/arrow/arrow.png","webpack:///./src/views/video/detail.vue?5667","webpack:///src/views/video/detail.vue","webpack:///./src/views/video/detail.vue?3395","webpack:///./src/views/video/detail.vue","webpack:///./src/views/video/detail.vue?0184","webpack:///./src/views/video/detail.vue?ea95","webpack:///./src/assets/images/arrow/logo.png"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_style_resources_loader_lib_index_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_1_id_79240b68_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_style_resources_loader_lib_index_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_1_id_79240b68_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","module","exports","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","to","_v","_s","$t","path","info","name","query","id","course_type","type_name","_e","title","userToken","youtube_id","ref","staticStyle","width","height","video-id","on","playing","play","class","white","src","alt","click","buy","price","line-height","brief","model","value","callback","$$v","tabs","expression","label","_l","item","key","$event","reloadDetail","style","backgroundImage","backgroundSize","pv","user","avatar","nickname","ctime","domProps","innerHTML","content","_m","type","rows","placeholder","commentAction","index","visible","dialog","userInfo","username","mobile","cycle","end_time","selectPic","cardCurrent","payType","code","active","cardlist","cardIndex","loading","btnLoading","buyVideo","codeImg","code_url","clearInterPay","staticRenderFns","detailvue_type_script_lang_js_","inject","components","SwiperSmall","Payment","payment","data","dialogPaymentShow","payments","activeName","activeNameTj","player","options","source","cover","autoplay","definition","isLive","controlBarVisibility","show","sliceNum","playerOptions","playbackRates","muted","loop","preload","language","aspectRatio","fluid","sources","poster","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","desc","commentlist","hot","form","page","limit","where","is_hot","commentForm","acc","relevantList","timeList","canPlay","created","$route","params","videoId","getPaymentType","init","comment","list","byTime","relevant","card","localStorage","getItem","JSON","parse","mounted","$loading","lock","spinner","background","setTimeout","close","course_id","token","$api","coursesetlog","methods","clearInterval","intervalPayStatus","check","_this2","coursecheckcourse","then","res","status","val","_this3","payment_type","payment_code","coursepay","createAction","order_id","_this4","stringify","order","courseGetlist","ids","_this5","trade_type","pay","$message","message","msg","getPaymentStatus","payment_id","_data","return_url","env","standarPost","url","catch","_data2","$msg","$confirm","confirmButtonText","cancelButtonText","$router","replace","_data3","window","location","href","tempForm","document","createElement","action","target","input","k","appendChild","addEventListener","body","dispatchEvent","Event","submit","removeChild","that","setInterval","_this6","paymentInfo","_this7","getrelevant","is_play","push","reload","initParams","copy","_this8","_this9","getcoursecard","concat","_this10","courseGetcoursecomment","_objectSpread","_this11","courseGetdetail","video_id","_this12","paymentList","_this13","_this","trim","length","courseCourseevaluate","more","video_detailvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_2_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_2_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_detail_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-44dbab16.046a9be2.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=1&id=79240b68&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=1&id=79240b68&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/arrow.ac6fe198.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shop-container\"},[_c('div',{staticClass:\"nav\"},[_c('router-link',{attrs:{\"to\":\"home\"}},[_vm._v(_vm._s(_vm.$t('home')))]),_c('span',[_vm._v(\">\")]),_c('router-link',{attrs:{\"to\":{path: '/video' }}},[_vm._v(_vm._s(_vm.$t('video'))+_vm._s(_vm.$t('home')))]),_c('span',[_vm._v(\">\")]),(_vm.info.course_type)?_c('router-link',{attrs:{\"to\":{name: 'videoclassify', query: {id: _vm.info.course_type.id} }}},[_vm._v(_vm._s(_vm.info.course_type.type_name))]):_vm._e(),_c('span',[_vm._v(\">\")]),_c('span',[_vm._v(_vm._s(_vm.info.title))])],1),_c('div',{staticClass:\"article-left\"},[_c('div',{staticClass:\"video-wrap\"},[(_vm.info.id)?_c('div',{staticClass:\"player-wrap\"},[(!_vm.userToken || !_vm.info.youtube_id)?_c('div',{staticClass:\"video-place\",class:{white: !_vm.userToken}},[(_vm.userToken)?_c('img',{staticClass:\"logo\",attrs:{\"src\":require(\"@/assets/images/arrow/logo.png\"),\"alt\":\"\"}}):_vm._e(),(_vm.userToken)?_c('img',{staticClass:\"arrow\",attrs:{\"src\":require(\"@/assets/images/arrow/arrow.png\"),\"alt\":\"\"}}):_vm._e(),_c('div',{staticClass:\"btn-wrap\"},[(_vm.userToken)?_c('el-button',{staticClass:\"btn-item btn-01\",on:{\"click\":_vm.buy}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('buy'))+\" \"+_vm._s(_vm.$t('currencySymbol'))+_vm._s(_vm.info.price)+\" \\n              \")]):_c('router-link',{staticClass:\"btn-item btn-01\",staticStyle:{\"height\":\"40px\",\"line-height\":\"40px\"},attrs:{\"to\":\"/login\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('videoLoginTips'))+\"\\n              \")])],1)]):[_c('youtube',{ref:\"youtube\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"video-id\":_vm.info.youtube_id},on:{\"playing\":_vm.play}})]],2):_vm._e(),_c('div',{staticClass:\"tabs\"},[_c('div',{staticClass:\"item active\"},[_vm._v(_vm._s(_vm.$t('video'))+_vm._s(_vm.$t('introduction')))])]),_c('div',{staticClass:\"brief\"},[_vm._v(_vm._s(_vm.info.brief))])]),_c('div',{staticClass:\"other-video\"},[_c('el-tabs',{model:{value:(_vm.tabs),callback:function ($$v) {_vm.tabs=$$v},expression:\"tabs\"}},[_c('el-tab-pane',{attrs:{\"label\":_vm.$t('tutorials'),\"name\":\"1\"}},[_c('div',{staticClass:\"video-list\"},[_c('div',{staticClass:\"video-list-item\"},_vm._l((_vm.relevantList),function(item){return _c('div',{key:item.id,staticClass:\"link\",on:{\"click\":function($event){return _vm.reloadDetail(item.id)}}},[_c('div',{staticClass:\"img-wrap\",style:({backgroundImage: (\"url(\" + (item.cover) + \")\"), backgroundSize: 'cover'})},[_c('div',{staticClass:\"palynums\"},[_c('span'),_vm._v(\" \"+_vm._s(item.pv))])]),_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))])])}),0)])]),_c('el-tab-pane',{attrs:{\"label\":_vm.$t('recentUpdates'),\"name\":\"2\"}},[_c('div',{staticClass:\"video-list\"},[_c('div',{staticClass:\"video-list-item\"},_vm._l((_vm.timeList),function(item){return _c('div',{key:item.id,staticClass:\"link\",on:{\"click\":function($event){return _vm.reloadDetail(item.id)}}},[_c('div',{staticClass:\"img-wrap\",style:({backgroundImage: (\"url(\" + (item.cover) + \")\"), backgroundSize: 'cover'})},[_c('div',{staticClass:\"palynums\"},[_c('span'),_vm._v(\" \"+_vm._s(item.pv))])]),_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))])])}),0)])])],1)],1),_c('div',{staticClass:\"comment-list\"},[_c('div',{staticClass:\"none-comment\"},[_vm._v(_vm._s(_vm.$t('new'))+_vm._s(_vm.$t(\"comment\")))]),_vm._l((_vm.commentlist),function(item){return _c('div',{key:item.id,staticClass:\"comment-list-item\"},[_c('div',{staticClass:\"reply_list_img\"},[_c('img',{attrs:{\"src\":item.user.avatar,\"alt\":\"\"}})]),_c('div',{staticClass:\"reply_list_con\"},[_c('div',{staticClass:\"auth_msg clearfix\"},[_c('i',[_vm._v(_vm._s(item.user.nickname))]),_vm._v(\" \"+_vm._s(_vm.$t('replyTime'))+_vm._s(item.ctime))]),_c('div',{staticClass:\"reply_txt\",domProps:{\"innerHTML\":_vm._s(item.content)}},[_vm._v(_vm._s(item.content))])])])})],2),_c('div',{staticClass:\"replay-action\"},[_c('div',{staticClass:\"comment-list-item\"},[_vm._m(0),_c('div',{staticClass:\"reply_list_con\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":\"6\",\"placeholder\":_vm.$t('pleaseEnterContent')},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('el-button',{on:{\"click\":_vm.commentAction}},[_vm._v(_vm._s(_vm.$t('reply')))])],1)])])]),_c('div',{staticClass:\"article-right\"},[_c('div',{staticClass:\"academy box\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.$t('hot'))+_vm._s(_vm.$t('video')))]),_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/video\"}},[_vm._v(_vm._s(_vm.$t('more'))+\">\")])],1),_c('ul',[_vm._l((_vm.hot),function(item,index){return [(index < 6)?_c('li',{key:item.id},[_c('div',{staticClass:\"link\",on:{\"click\":function($event){return _vm.reloadDetail(item.id)}}},[_c('div',{staticClass:\"palynums\"},[_c('span'),_vm._v(\" \"+_vm._s(item.pv || '0')+\" \")]),_c('div',{staticClass:\"img-bg\",style:({backgroundImage: (\"url(\" + (item.cover) + \")\"), backgroundSize: 'cover'})}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))])])]):_vm._e()]})],2)])]),_c('div',{staticClass:\"dia-pay-wrap\"},[_c('el-dialog',{attrs:{\"visible\":_vm.dialog}},[_c('div',{staticClass:\"dia-top-pic-wrap\"},[_c('div',{staticClass:\"info\"},[(_vm.userInfo.avatar)?_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.userInfo.avatar,\"alt\":\"\"}}):_c('img',{staticClass:\"avatar\",attrs:{\"src\":require(\"../../assets/images/avatar-default.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"user\"},[_c('div',{staticClass:\"user-name\"},[_vm._v(_vm._s(_vm.userInfo.username || _vm.userInfo.mobile || ''))]),(_vm.userInfo && _vm.userInfo.cycle && _vm.userInfo.cycle.end_time)?_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.userInfo.cycle.end_time))]):_c('div',{staticClass:\"desc\"},[_vm._v(\"您还不是会员，开通福利多多\")])]),_c('img',{staticClass:\"close-dig\",attrs:{\"src\":require(\"../../assets/images/video/close-b.png\"),\"alt\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}})])]),_c('div',{staticClass:\"dia-wrap\"},[_c('div',{staticClass:\"card-wrap\"},_vm._l((_vm.cardlist),function(item,index){return _c('div',{key:item.id,staticClass:\"card-item\",on:{\"click\":function($event){return _vm.selectPic(item, index)}}},[_c('img',{staticClass:\"pic\",attrs:{\"src\":_vm.cardCurrent == item.id ? require('@/assets/images/arrow/card-h.png') : require('@/assets/images/arrow/card.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.$t('currencySymbol'))+\" \"+_vm._s(item.price))])])}),0),_c('div',{staticClass:\"pay-wrap\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"选择支付\")]),_c('div',{staticClass:\"pay-list\"},[_c('div',{staticClass:\"pay-item\"},[_c('el-radio-group',{model:{value:(_vm.payType),callback:function ($$v) {_vm.payType=$$v},expression:\"payType\"}},_vm._l((_vm.payments),function(item,index){return _c('el-radio',{key:index,attrs:{\"label\":item.code}},[_c('span',{staticClass:\"pay-type\",class:{'active':_vm.payType==item.code}},[(item.code=='offline')?_c('i',{staticClass:\"icon iconfont iconxianxiamendian\"}):(item.code=='balancepay')?_c('i',{staticClass:\"icon iconfont iconyuezhifu\"}):(item.code=='alipay')?_c('i',{staticClass:\"icon iconfont iconzhifubao\"}):(item.code=='wechatpay')?_c('i',{staticClass:\"icon iconfont iconweixinzhifu\"}):_vm._e(),_vm._v(\"\\n                    \"+_vm._s(item.name)+\"\\n                  \")])])}),1)],1),_c('div',{staticClass:\"pay-action\"},[_c('span',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.$t('currencySymbol'))+_vm._s(_vm.cardlist[_vm.cardIndex].price))]),_c('el-button',{attrs:{\"loading\":_vm.btnLoading,\"type\":\"\"},on:{\"click\":_vm.buyVideo}},[_vm._v(_vm._s(_vm.$t('toPay')))])],1)])]),_c('div',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"《会员服务协议》\")])],1)])])],1),(_vm.dialogPaymentShow)?[_c('Payment',{attrs:{\"codeImg\":_vm.code_url},on:{\"clearInterPay\":_vm.clearInterPay}})]:_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reply_list_img\"},[_c('img',{attrs:{\"src\":\"http://bpic.588ku.com/element_origin_min_pic/18/06/10/d52f4a4979784dabb9583c1e9d7212d0.jpg\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shop-container\">\r\n        <div class=\"nav\">\r\n          <router-link to=\"home\">{{$t('home')}}</router-link>\r\n          <span>></span>\r\n          <router-link :to=\"{path: '/video' }\">{{$t('video')}}{{$t('home')}}</router-link>\r\n          <span>></span>\r\n          <router-link v-if=\"info.course_type\" :to=\"{name: 'videoclassify', query: {id: info.course_type.id} }\">{{info.course_type.type_name}}</router-link>\r\n          <span>></span>\r\n          <span>{{info.title}}</span>\r\n        </div>\r\n        <div class=\"article-left\">\r\n          <div class=\"video-wrap\">\r\n            <div class=\"player-wrap\" v-if=\"info.id\">\r\n              <div class=\"video-place\" :class=\"{white: !userToken}\" v-if=\"!userToken || !info.youtube_id\">\r\n                <img class=\"logo\" v-if=\"userToken\" src=\"@/assets/images/arrow/logo.png\" alt=\"\">\r\n                <img class=\"arrow\" v-if=\"userToken\" src=\"@/assets/images/arrow/arrow.png\" alt=\"\">\r\n                <div class=\"btn-wrap\" >\r\n                  <el-button class=\"btn-item btn-01\" @click=\"buy\" v-if=\"userToken\">\r\n                    {{$t('buy')}} {{$t('currencySymbol')}}{{info.price}} \r\n                  </el-button>\r\n                  \r\n                  <router-link to=\"/login\" class=\"btn-item btn-01\" v-else style=\"height: 40px; line-height: 40px\">\r\n                    {{$t('videoLoginTips')}}\r\n                  </router-link>\r\n                  \r\n                </div>\r\n              </div>\r\n              <template  v-else>\r\n                <!-- <video class=\"video-player\"  :src=\"playerOptions.sources[0].src\"  controls=\"controls\" ></video> -->\r\n                <!-- <vue-aliplayer-v2 class=\"video-player\"    :source=\"player.options.source\" ref=\"video\"\r\n                @playing=\"play\"\r\n                :options=\"player.options\" /> -->\r\n                <!-- v-if=\"$i18n.locale == 'zh'\"  -->\r\n                <!-- <video-player @play=\"play\"  class=\"video-player vjs-custom-skin\"\r\n                  ref=\"videoPlayer\"\r\n                  :playsinline=\"true\"\r\n                  :options=\"playerOptions\"\r\n                ></video-player> -->\r\n                \r\n                <!-- CJ0xx9hJua4 -->\r\n                 <youtube style=\"width: 100%; height: 100%\" :video-id=\"info.youtube_id\" ref=\"youtube\" @playing=\"play\"></youtube>\r\n              </template>\r\n              \r\n            </div>\r\n            \r\n\r\n            <div class=\"tabs\">\r\n              <div class=\"item active\">{{$t('video')}}{{$t('introduction')}}</div>\r\n            </div>\r\n            <div class=\"brief\">{{info.brief}}</div>\r\n            \r\n          </div>\r\n\r\n          <!-- 相关教程 -->\r\n            <div class=\"other-video\">\r\n              <el-tabs v-model=\"tabs\">\r\n                <el-tab-pane :label=\"$t('tutorials')\" name=\"1\">\r\n                  <div class=\"video-list\">\r\n                    <div class=\"video-list-item\">\r\n                       <div @click=\"reloadDetail(item.id)\" class=\"link\" v-for=\"item in relevantList\" :key=\"item.id\">\r\n                            <div class=\"img-wrap\" :style=\"{backgroundImage: `url(${item.cover})`, backgroundSize: 'cover'}\">\r\n                              <!-- <img :src=\"item.cover\" alt=\"\"> -->\r\n                              <div class=\"palynums\"> <span></span> {{item.pv}}</div>\r\n                            </div>\r\n                            <h3 class=\"title\">{{item.title}}</h3>\r\n                        </div>\r\n                    </div>\r\n                  </div>\r\n                </el-tab-pane>\r\n                <!-- 最近更新 -->\r\n                <el-tab-pane :label=\"$t('recentUpdates')\" name=\"2\">\r\n                  <div class=\"video-list\">\r\n                    <div class=\"video-list-item\">\r\n                        <div class=\"link\"  @click=\"reloadDetail(item.id)\" v-for=\"item in timeList\" :key=\"item.id\">\r\n                            <div class=\"img-wrap\" :style=\"{backgroundImage: `url(${item.cover})`, backgroundSize: 'cover'}\">\r\n                              <!-- <img :src=\"item.cover\" alt=\"\"> -->\r\n                              <div class=\"palynums\"> <span></span> {{item.pv}}</div>\r\n                            </div>\r\n                            <h3 class=\"title\">{{item.title}}</h3>\r\n                        </div>\r\n                    </div>\r\n                  </div>\r\n                </el-tab-pane>\r\n              </el-tabs>\r\n            </div>\r\n\r\n          <!-- 评论 -->\r\n\r\n          <div class=\"comment-list\">\r\n\r\n            <div class=\"none-comment\">{{$t('new')}}{{$t(\"comment\")}}</div>\r\n            <div class=\"comment-list-item\"  v-for=\"item in commentlist\" :key=\"item.id\">\r\n              <div class=\"reply_list_img\">\r\n                <img :src=\"item.user.avatar\" alt=\"\">\r\n              </div>\r\n              <div class=\"reply_list_con\">\r\n                <div class=\"auth_msg clearfix\"><i>{{item.user.nickname}}</i> {{$t('replyTime')}}{{item.ctime}}</div>\r\n                <!-- <div class=\"reply_txt\">{{item.content}}</div> -->\r\n                <div class=\"reply_txt\" v-html=\"item.content\">{{item.content}}</div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n          <div class=\"replay-action\">\r\n            <div class=\"comment-list-item\" >\r\n              <div class=\"reply_list_img\">\r\n                <img src=\"http://bpic.588ku.com/element_origin_min_pic/18/06/10/d52f4a4979784dabb9583c1e9d7212d0.jpg\" alt=\"\">\r\n              </div>\r\n              <div class=\"reply_list_con\">\r\n                <el-input  type=\"textarea\" rows=\"6\" :placeholder=\"$t('pleaseEnterContent')\"  v-model=\"content\">  </el-input>\r\n                <el-button @click=\"commentAction\">{{$t('reply')}}</el-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n\r\n        </div>\r\n        <!-- 热门视频 -->\r\n        <div class=\"article-right\">\r\n            <div class=\"academy box\">\r\n                <h4>\r\n                    <strong>{{$t('hot')}}{{$t('video')}}</strong>\r\n                    <router-link to=\"/video\" class=\"link\">{{$t('more')}}></router-link>\r\n                </h4>\r\n                <ul>\r\n                  <template v-for=\"(item, index) in hot\">\r\n                     <li v-if=\"index < 6\" :key=\"item.id\"> \r\n                        <div @click=\"reloadDetail(item.id)\"  class=\"link\">\r\n                          <div class=\"palynums\"> <span></span> {{item.pv || '0'}} </div>\r\n                            <!-- <img :src=\"item.cover\" alt=\"\"> -->\r\n                            <div class=\"img-bg\" :style=\"{backgroundImage: `url(${item.cover})`, backgroundSize: 'cover'}\"></div>\r\n                            <div class=\"title\">{{item.title}}</div>\r\n                        </div>\r\n                    </li>\r\n                  </template>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"dia-pay-wrap\">\r\n        <el-dialog :visible=\"dialog\" >\r\n          <div class=\"dia-top-pic-wrap\">\r\n            <div class=\"info\">\r\n              <img  v-if=\"userInfo.avatar\" :src=\"userInfo.avatar \"  class=\"avatar\" alt=\"\">\r\n              <img class=\"avatar\"   v-else src=\"../../assets/images/avatar-default.png\"  alt=\"\">\r\n              <div class=\"user\">\r\n                <div class=\"user-name\">{{userInfo.username || userInfo.mobile || ''}}</div>\r\n                <div class=\"desc\" v-if=\"userInfo && userInfo.cycle && userInfo.cycle.end_time\">{{userInfo.cycle.end_time}}</div>\r\n                <div class=\"desc\" v-else>您还不是会员，开通福利多多</div>\r\n              </div>\r\n              <img class=\"close-dig\" src=\"../../assets/images/video/close-b.png\" alt=\"\" @click=\"dialog = false\">\r\n            </div>\r\n          </div>\r\n          <div class=\"dia-wrap\"> \r\n \r\n            <div class=\"card-wrap\">\r\n              <div class=\"card-item\" v-for=\"(item, index) in cardlist\" :key=\"item.id\" @click=\"selectPic(item, index)\">\r\n                <img class=\"pic\"  :src=\"cardCurrent == item.id ? require('@/assets/images/arrow/card-h.png') : require('@/assets/images/arrow/card.png')\" alt=\"\">\r\n                <div class=\"title\">{{item.name}}</div>\r\n                <div class=\"price\">{{$t('currencySymbol')}} {{item.price}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"pay-wrap\">\r\n              <div class=\"title\">选择支付</div>\r\n              <div class=\"pay-list\">\r\n                <div class=\"pay-item\">\r\n                  <el-radio-group v-model=\"payType\">\r\n                    <el-radio :label=\"item.code\" v-for=\"(item,index) in payments\" :key=\"index\">\r\n                      <span class=\"pay-type\" :class=\"{'active':payType==item.code}\">\r\n                        <i class=\"icon iconfont iconxianxiamendian\" v-if=\"item.code=='offline'\"></i>\r\n                        <i class=\"icon iconfont iconyuezhifu\" v-else-if=\"item.code=='balancepay'\"></i>\r\n                        <i class=\"icon iconfont iconzhifubao\" v-else-if=\"item.code=='alipay'\"></i>\r\n                        <i class=\"icon iconfont iconweixinzhifu\" v-else-if=\"item.code=='wechatpay'\"></i>\r\n                        {{item.name}}\r\n                      </span>\r\n                    </el-radio>\r\n                  </el-radio-group>\r\n                </div>\r\n                <div class=\"pay-action\">\r\n                    <span class=\"price\">{{$t('currencySymbol')}}{{cardlist[cardIndex].price}}</span>  \r\n                    <el-button :loading=\"btnLoading\" type=\"\" @click=\"buyVideo\">{{$t('toPay')}}</el-button>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div> \r\n              <router-link to=\"/\">《会员服务协议》</router-link>\r\n            </div>\r\n          </div>\r\n        </el-dialog>\r\n        </div>\r\n\r\n\r\n        <template v-if=\"dialogPaymentShow\">\r\n          <Payment :codeImg=\"code_url\" @clearInterPay=\"clearInterPay\"></Payment>\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport SwiperSmall from '@/components/common/SwiperSmall'\r\nimport Payment from \"@/components/payment.vue\";\r\nimport { locationHost } from \"@/config/env.js\";\r\n\r\nexport default {\r\n    inject:['reload'],\r\n    components: {\r\n        SwiperSmall,\r\n        Payment\r\n    },\r\n    data() {\r\n        return {\r\n            dialogPaymentShow: false,\r\n            payType: \"alipay\",\r\n            payments: [],\r\n            dialog: false,\r\n            tabs: '1', // tabs菜单切换\r\n            activeName: 'jxdd',\r\n            activeNameTj: 'tj',\r\n            player: {\r\n              options: {\r\n                source: '',\r\n                width: '100%',\r\n                height: \"100%\",\r\n                cover: '',\r\n                autoplay: false,\r\n                // preload: false,\r\n                // diagnosisButtonVisible: false,\r\n                definition: ['FD', 'LD', 'SD'],\r\n                isLive: false,\r\n                controlBarVisibility: \"click\"\r\n              },\r\n              show: false,\r\n            },\r\n            // hot:[\r\n            //     {name: '国办赛事', id: '1', link: '/'},\r\n            //     {name: '行业新闻', id: '1', link: '/'},\r\n            //     {name: '技术动态', id: '1', link: '/'},\r\n            //     {name: '行业政策', id: '1', link: '/'},\r\n            //     {name: '射礼团体', id: '1', link: '/'},\r\n            //     {name: '产品动态', id: '1', link: '/'},\r\n            //     {name: '射箭体校', id: '1', link: '/'},\r\n            //     {name: '商业联赛', id: '1', link: '/'},\r\n            // ],\r\n            sliceNum: 2,\r\n            playerOptions : {\r\n              playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度\r\n              autoplay: false, //如果true,浏览器准备好时开始回放。\r\n              muted: false, // 默认情况下将会消除任何音频。\r\n              loop: false, // 导致视频一结束就重新开始。\r\n              preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\r\n              language: 'zh-CN',\r\n              aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\r\n              fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\r\n              sources: [{\r\n                // type: \"application/x-mpegURL\",\r\n                // video/mp4\r\n                src: ''//url地址          \r\n                // src: \"\" //url地址\r\n              }],\r\n              poster: \"\", //你的封面地址\r\n              // notSupportedMessage: '此视频暂无法播放，请稍后再试', //允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n              controlBar: {\r\n                timeDivider: true,\r\n                durationDisplay: true,\r\n                remainingTimeDisplay: false,\r\n                fullscreenToggle: true  //全屏按钮\r\n              }\r\n            },\r\n            cardlist: [\r\n              {name: '本视频', id:1, price: 10, desc: ''},\r\n              // {name: '月卡',id:2, price: 30, desc: ''},\r\n              // {name: '季卡',id:3, price: 50, desc: ''},\r\n              // {name: '年卡', id:4,price: 100, desc: ''},\r\n            ],\r\n            cardCurrent: 1,\r\n            cardIndex: 0,\r\n            id: '', // 视频Id\r\n            info: {}, // 视频详情\r\n            content: '', // 回复框\r\n            commentlist: [], // 评论列表\r\n            hot: [],\r\n            form: {\r\n              page: 1,\r\n              limit: 10,\r\n              where: {\r\n                is_hot: 1\r\n              }\r\n            },\r\n            commentForm:{\r\n              page:1,\r\n              limit: 10\r\n            },\r\n            acc: 0,\r\n            relevantList: [ ], // 相关教程\r\n            userInfo: {},\r\n            timeList: [], // 最近更新\r\n            canPlay: false,\r\n            code_url: '',\r\n            btnLoading: false,\r\n            userToken: ''\r\n        }\r\n    },\r\n    created() {\r\n      this.id = this.$route.params.videoId\r\n      this.getPaymentType();\r\n      this.init()\r\n      this.comment()\r\n      this.list('hot')\r\n      this.byTime()\r\n      this.relevant()\r\n      this.card()\r\n\r\n      if(localStorage.getItem('userInfo')) {\r\n        this.userInfo = JSON.parse(localStorage.getItem('userInfo'))  || {}\r\n      } \r\n\r\n      if(localStorage.getItem('userToken')) {\r\n        this.userToken = JSON.parse(localStorage.getItem('userToken'))  || ''\r\n      }\r\n    },\r\n    mounted() {\r\n        const loading = this.$loading({\r\n          lock: true,\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(255, 255, 255, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n        }, 1000);\r\n        let data = {\r\n          course_id: this.id\r\n        } \r\n        if(localStorage.getItem('userToken')) {\r\n          data.token = localStorage.getItem('userToken')\r\n        }\r\n         this.$api.coursesetlog(data)\r\n    },\r\n    methods:{\r\n      // 清除定时器\r\n      clearInterPay() {\r\n        clearInterval(this.intervalPayStatus);\r\n        this.dialogPaymentShow = false;\r\n        this.btnLoading = false\r\n      },\r\n      // 校验视频权限\r\n      check() {\r\n        this.$api.coursecheckcourse({\r\n          course_id: this.info.id\r\n        }).then(res => {\r\n          if(res.status) {\r\n            this.canPlay = true\r\n            // this.init()\r\n          }\r\n        })\r\n      },\r\n      // 选择卡片\r\n      selectPic(val, index) {\r\n        this.cardCurrent = val.id\r\n        this.cardIndex = index\r\n      },\r\n      // 购买视频\r\n      buyVideo(){\r\n        // if()\r\n        let data = {\r\n            course_id: this.cardIndex == 0 ? this.info.id : this.cardCurrent,\r\n            payment_type: this.cardIndex == 0 ? 1 : 2, // 1视频 2 视频卡\r\n            payment_code: this.payType,\r\n            source: '1'\r\n        }\r\n        this.$api.coursepay(data).then( res => {\r\n          if(res.status) {\r\n            this.createAction(res.data.order_id)\r\n          }\r\n        })\r\n      },\r\n      // 最近更新\r\n      byTime() {\r\n        let data = {\r\n          page: 1,\r\n          limit: 8,\r\n          where: JSON.stringify({order: 'ctime desc'})\r\n        }\r\n        this.$api.courseGetlist(data).then(res => {\r\n          if(res.status) {\r\n            this.timeList = res.data.list\r\n            // console.log('res', res)\r\n          }\r\n        })\r\n      },\r\n      // 创建视频订单\r\n      createAction(ids) {\r\n        this.btnLoading = true;\r\n        let code = this.payType;\r\n        if(code == 'wechatpay') {\r\n\r\n          let data = {\r\n            ids,\r\n            payment_code: this.payType,\r\n            payment_type: this.cardIndex == 0 ? 3 : 4, //  3=视频 4=视频卡\r\n            params: {\r\n              trade_type: \"NATIVE\"\r\n            }\r\n          }\r\n          this.$api.pay(data).then(res => {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: 'warning'\r\n            })\r\n            if(res.status) {\r\n              this.code_url = res.data.code_url;\r\n              this.dialogPaymentShow = true\r\n              this.getPaymentStatus(res.data.payment_id);\r\n            }\r\n          })\r\n        } else if (code == \"alipay\") {\r\n          let data = {\r\n            ids,\r\n            payment_code: this.payType,\r\n            payment_type: this.cardIndex == 0 ? 3 : 4, //  3=视频 4=视频卡\r\n            params: {\r\n              trade_type: \"PC\",\r\n              return_url:\r\n                locationHost+ \"/cashier/\" + ids\r\n            }\r\n          };\r\n\r\n          this.$api.pay(data).then(res => {\r\n            this.btnLoading = false;\r\n            if (res.status) {\r\n              this.standarPost(res.data.url, res.data.data);\r\n            }\r\n          }).catch(() => {\r\n              this.btnLoading = false;\r\n          });\r\n        } else if (code == \"balancepay\") {\r\n          // 余额支付\r\n          let data = {\r\n            ids,\r\n            payment_code: this.payType,\r\n            payment_type: this.cardIndex == 0 ? 3 : 4, //  3=视频 4=视频卡\r\n          };\r\n          this.$api.pay(data).then(res => {\r\n              this.btnLoading = false;\r\n            if (res.status && res.msg == this.$t('paySucess')) {\r\n              this.$msg(this.$t('paySucess'));\r\n              // this.toPaySuccess();\r\n              this.dialog = false\r\n              this.init()\r\n            } else {\r\n              this.$msg(res.msg, \"warning\");\r\n            }\r\n          }).catch(() => {\r\n              this.btnLoading = false;\r\n          });\r\n        } else if (code == \"offline\") {\r\n          this.$confirm(this.$t('paymentofflineTitle'), this.$t('offlineExplain'), {\r\n            confirmButtonText: this.$t('orderDetail'),\r\n            cancelButtonText: this.$t('next'),\r\n            type: \"info\"\r\n          })\r\n            .then(() => {\r\n              this.btnLoading = false;\r\n              this.$router.replace({\r\n                name: \"orderDetail\",\r\n                params: { order_id: ids }\r\n              });\r\n            })\r\n            .catch(() => {\r\n              this.btnLoading = false;\r\n              // this.$router.replace({ name: \"home\" });\r\n            });\r\n        } else if(code == 'paypal') {\r\n          let data = {\r\n            ids,\r\n            payment_code: this.payType,\r\n            payment_type: this.cardIndex == 0 ? 3 : 4, //  3=视频 4=视频卡\r\n            params: {\r\n              trade_type: \"PC\",\r\n              return_url:  locationHost+ \"web/videodetail/\" + this.id\r\n            }\r\n          };\r\n          this.$api.pay(data).then(res => {\r\n              this.btnLoading = false;\r\n            if (res.status) {\r\n              // this.$msg(this.$t('paySucess'));\r\n              window.location.href = res.data.url\r\n              // this.toPaySuccess();\r\n              // window.open(res.data.url, '_blank')\r\n\r\n              // this.init()\r\n            } else {\r\n              this.$msg(res.msg, \"warning\");\r\n            }\r\n          }).catch(() => {\r\n              this.btnLoading = false;\r\n          });\r\n        }\r\n      },\r\n      // 支付宝支付后\r\n      standarPost(url, data) {\r\n        let tempForm = document.createElement(\"form\");\r\n        tempForm.id = \"aliPay\";\r\n        tempForm.methods = \"post\";\r\n        tempForm.action = url;\r\n        tempForm.target = \"_self\";\r\n        let input = [];\r\n        for (let k in data) {\r\n          input[k] = document.createElement(\"input\");\r\n          input[k].type = \"hidden\";\r\n          input[k].name = k;\r\n          input[k].value = data[k];\r\n          tempForm.appendChild(input[k]);\r\n        }\r\n        tempForm.addEventListener(\"submit\", function() {}, false);\r\n        document.body.appendChild(tempForm);\r\n        tempForm.dispatchEvent(new Event(\"submit\"));\r\n        tempForm.submit();\r\n        document.body.removeChild(tempForm);\r\n      },\r\n      getPaymentStatus(id) {\r\n        let data = {\r\n          payment_id: id\r\n        };\r\n        let that = this;\r\n        this.intervalPayStatus = setInterval(function() {\r\n          that.$api.paymentInfo(data).then(res => {\r\n            if (res.status) {\r\n              if (res.data.status == 2) {\r\n                that.$msg(this.$t('paySucess'));\r\n                that.dialogPaymentShow = false;\r\n                that.dialog = false\r\n                that.init()\r\n              }\r\n            }\r\n          });\r\n        }, 1000);\r\n      },\r\n      relevant() {\r\n        this.$api.getrelevant({id: this.id}).then(res =>{\r\n          if(res.status) {\r\n            this.relevantList = res.data\r\n          }\r\n        })\r\n      },\r\n      // 视频播放了\r\n      play() {\r\n        //console.log(1)\r\n        this.acc += 1\r\n        // 第一次播放 计数\r\n        if(this.acc == 1) {\r\n          let data = {\r\n            course_id: this.id,\r\n            is_play: 1\r\n          }\r\n          if(localStorage.getItem('userToken')) {\r\n            data.token = localStorage.getItem('userToken')\r\n          }\r\n          // 增加播放量\r\n          this.$api.coursesetlog(data)\r\n        }\r\n      },\r\n      reloadDetail(id) {\r\n        this.$router.push({\r\n          name: 'videodetail',\r\n          params: {\r\n            videoId: id\r\n          }\r\n        })\r\n        this.reload()\r\n      },\r\n\r\n      initParams() {\r\n          let copy = JSON.parse(JSON.stringify(this.form))\r\n          copy.where = JSON.stringify(copy.where)\r\n          return copy\r\n      },\r\n      // 热门视频\r\n      list(value) {\r\n          let params = this.initParams()\r\n          this.$api.courseGetlist(params).then( res => {\r\n              this[value] = res.data.list\r\n          })\r\n      },\r\n      // 会员卡\r\n      card() {\r\n        this.$api.getcoursecard().then(res => {\r\n          if(res.status) {\r\n            this.cardlist = this.cardlist.concat(res.data.list)\r\n          }\r\n        })\r\n      },\r\n      // 购买操作\r\n      buy() {\r\n        this.dialog = true\r\n      },\r\n      // 评论列表\r\n      comment() {\r\n        this.$api.courseGetcoursecomment({...this.commentForm, course_id: this.id}).then(res => {\r\n          if(res.status) {\r\n            this.commentlist = res.data.list\r\n          }\r\n        })\r\n      },\r\n      // 初始化\r\n      init() {\r\n        let data = {\r\n          id: this.id\r\n        }\r\n        if(localStorage.getItem('userToken')) {\r\n          data.token = JSON.parse(localStorage.getItem('userToken')) \r\n        }\r\n        this.$api.courseGetdetail(data).then(res => {\r\n          if(res.status) {\r\n            this.info = res.data\r\n\r\n             // type: \"application/x-mpegURL\",\r\n                // video/mp4\r\n\r\n            // if(res.data.video_id) {\r\n            //   if(res.data.video_id.indexOf('.m3u8') > -1) {\r\n            //     this.playerOptions.sources[0].type = 'application/x-mpegURL'\r\n            //   } else {\r\n            //     this.playerOptions.sources[0].type = 'video/mp4'\r\n            //   }\r\n            // }\r\n\r\n            this.playerOptions.sources[0].type = 'video/youtube'\r\n                \r\n            // this.playerOptions.sources[0].src= res.data.video_id\r\n            this.playerOptions.sources[0].src= \"https://www.youtube.com/watch?v=fvjRLaIsCTQ\"\r\n\r\n            \r\n            this.playerOptions.poster = res.data.cover\r\n\r\n            // this.player.options.cover = res.data.cover\r\n            // this.player.options.source = res.data.video_id\r\n            // this.player.options.source = \"https://outin-80dc0cdc294111eba5cc00163e1c9256.oss-cn-shanghai.aliyuncs.com/3dc443b3f5e34728bb37c1e7b8c26aea/4d64e043bfd24b9f9f2128d6cfebae9b-748a3d249ac87a316fa0182a6d31a7a4-ld.mp4\"\r\n            \r\n            this.cardlist[0].price = res.data.price\r\n            // 价格为0设置为可播放状态\r\n            if(res.data.video_id) {\r\n              this.canPlay = true\r\n            }\r\n          }\r\n        })\r\n      },\r\n      // 获取支付方式\r\n      getPaymentType() {\r\n        this.$api.paymentList().then(res => {\r\n          let data = res.data;\r\n          this.payments = data;\r\n        });\r\n      },\r\n      // 评论操作\r\n      commentAction() {\r\n        const _this = this\r\n        if(this.content.trim().length == 0) {\r\n          this.$message({\r\n            message: \"请输入文字\",\r\n            type: 'warning'\r\n          })\r\n          return\r\n        }\r\n        this.$api.courseCourseevaluate({\r\n          course_id: this.id,\r\n          content: this.content\r\n        }).then(res =>{\r\n          if(res.status) {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: 'success'\r\n            })\r\n          } else {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: 'warning'\r\n            })\r\n          }\r\n          this.content = ''\r\n          _this.comment()\r\n        })\r\n      },\r\n      \r\n      more() {\r\n        this.sliceNum = 0\r\n      }\r\n    }\r\n}\r\n</script>\r\n<style >\r\n\r\n.el-dialog {\r\n  width: 900px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n@import '@/assets/css/mixin.scss';\r\n@import '@/assets/css/variable.scss';\r\n\r\n.pay-wrap {\r\n  border: 1px solid #999999;\r\n  padding: 13px 20px;\r\n  margin: 10px 0;\r\n  font-weight: bold;\r\n  height: 200px;\r\n  position: relative;\r\n  .title {\r\n    margin-bottom: 20px;\r\n    color: #333333;\r\n    font-size: 18px;\r\n  }\r\n  .pay-list {\r\n    .pay-type {\r\n      display: inline-block;\r\n      width: 130px;\r\n      height: 36px;\r\n      line-height: 32px;\r\n      text-align: center;\r\n      border: 1px solid $border;\r\n      transition: all 0.2s;\r\n      cursor: pointer;\r\n      padding: 1px;\r\n      box-sizing: border-box;\r\n      &.active,\r\n      &:hover {\r\n        border-color: $theme-color;\r\n      }\r\n    }\r\n    .pay-action {\r\n      position: absolute;\r\n      bottom: 20px;\r\n      right: 20px;\r\n      margin-top: 50px;\r\n      color: #999999;\r\n      font-size: 14px;\r\n      .price {\r\n        color: #EA4B49;\r\n        font-size: 18px;\r\n        margin-right: 20px;\r\n      }\r\n      .el-button {\r\n        background: #EA4B49;\r\n        border: none;\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brief {\r\n  padding: 10px 0;\r\n  line-height: 24px;\r\n}\r\n.dia-top-pic-wrap {\r\n  width: 100%;\r\n  height: 140px;\r\n  position: relative;\r\n  background: url('~@/assets/images/video/dia-bg.png') no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 20px;\r\n  box-sizing: border-box;\r\n  .info {\r\n    display: flex;\r\n    align-items: center;\r\n    .avatar {\r\n      width: 66px;\r\n      height: 66px;\r\n      border-radius: 50%;\r\n      margin-right: 20px;\r\n    }\r\n    .user-name {\r\n      color: #95673A;\r\n      font-size: 16px;\r\n      margin-bottom: 10px;\r\n    }\r\n    .desc {\r\n      color: #95673A;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  .close-dig{\r\n    position: absolute;\r\n    right: 40px;\r\n    top: 50px;\r\n    width: 20px;\r\n    height: 20px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.dia-wrap {\r\n  padding:  20px;\r\n  \r\n  .card-wrap {\r\n    display: flex;\r\n    .card-item {\r\n      position: relative;\r\n      margin-right: 20px;\r\n      width: 135px;\r\n      height: 180px;\r\n      cursor: pointer;\r\n      .pic {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      div {\r\n        position: relative;\r\n        text-align: center;\r\n        &.title {\r\n          color:#166288;\r\n          font-size: 14px;\r\n          margin: 20px 0;\r\n        }\r\n        &.price {\r\n          margin-top: 10px;\r\n          color: #E7442F;\r\n          font-size: 22px;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.video-list {\r\n  &-item {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .link {\r\n      width: 190px;\r\n      color: #595959;\r\n      overflow: hidden;\r\n      margin-right: 30px;\r\n      margin-bottom: 10px;\r\n      cursor: pointer;\r\n      &:nth-child(4n) {\r\n        margin-right: 0;\r\n      }\r\n      .title {\r\n        overflow: hidden;\r\n        word-break: break-all;\r\n        word-wrap: break-word;\r\n        height: 28px;\r\n        @include no-wrap-line(2);\r\n      }\r\n      .img-wrap {\r\n        position: relative;\r\n        width: 190px;\r\n        height: 114px;\r\n        margin-bottom: 5px;\r\n        overflow: hidden;\r\n        img {\r\n          width: 190px;\r\n          height: 114px;\r\n          display: block;\r\n          margin: 0 0 12px;\r\n          border-radius: 5px;\r\n        }\r\n      }\r\n      .palynums {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        color: #fff;\r\n        font-size: 12px;\r\n        z-index: 10;\r\n        overflow: hidden;\r\n        height: 20px;\r\n        width: 100%;\r\n        background: rgba(0,0,0,.3);\r\n        display: flex;\r\n        align-items: center;\r\n        span {\r\n          display: inline-block;\r\n          overflow: hidden;\r\n          width: 13px;\r\n          height: 12px;\r\n          margin-right: 3px;\r\n          line-height: 999em;\r\n          vertical-align: -2px;\r\n          margin-left: 8px;\r\n          background: url('http://www.sanlida.cn/Templates/master/sanlida/images/video_pic.png') no-repeat;\r\n          background-size: 100% 100%;\r\n        }\r\n      }\r\n      \r\n    }\r\n  }\r\n}\r\n\r\n.tabs {\r\n  position: relative;\r\n  &::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      background-color: #E4E7ED;\r\n      z-index: 1;\r\n  }\r\n  .item {\r\n      // padding: 0 20px;\r\n      height: 40px;\r\n      box-sizing: border-box;\r\n      line-height: 40px;\r\n      display: inline-block;\r\n      list-style: none;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      color: #303133;\r\n      position: relative;\r\n      border-bottom: 2px solid #EA4B49;\r\n      z-index: 2;\r\n      &.active {\r\n          color: #EA4B49;\r\n      }\r\n      &:first-child {\r\n          padding-left: 0;\r\n      }\r\n  }\r\n}\r\n.nav {\r\n  @include line-height(40px);\r\n  font-size: 12px;\r\n  span {\r\n    padding: 0 4px;\r\n    font-size: #757575;\r\n  }\r\n  a:hover {\r\n    color: #000;\r\n  }\r\n}\r\n    .rmtj {\r\n        &-list {\r\n            &-item {\r\n                position: relative;\r\n                width: 100%;\r\n                height: 130px;\r\n                overflow: hidden;\r\n                border-bottom: 1px solid #eee;\r\n                padding: 21px 0;\r\n                &:last-child {\r\n                    border: none;\r\n                }\r\n                .side {\r\n                    bottom: 21px;\r\n                    width: 627px;\r\n                    height: 24px;\r\n                    box-sizing: border-box;\r\n                    float: left;\r\n                    font-size: 14px;\r\n                    line-height: 24px;\r\n                    color: #999;\r\n                    .tag {\r\n                        margin-right: 20px;\r\n                        float: left;\r\n                        span{\r\n                            float: left;\r\n                            margin: 0;\r\n                        }\r\n                    }\r\n                }\r\n                .img-link {\r\n                    position: relative;\r\n                    float: left;\r\n                    width: 190px;\r\n                    height: 127px;\r\n                    overflow: hidden;\r\n                    border-radius: 6px;\r\n                    margin-right: 20px;\r\n                    img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                    }\r\n                }\r\n                .well {\r\n                        height: 100px;\r\n                        .title {\r\n                            height: 26px;\r\n                            overflow: hidden;\r\n                            font-size: 18px;\r\n                            font-weight: 700;\r\n                            line-height: 26px;\r\n                            text-overflow: ellipsis;\r\n                            white-space: nowrap;\r\n                            color: #333;\r\n                        }\r\n                        .des {\r\n                            height: 52px;\r\n                            margin-top: 6px;\r\n                            overflow: hidden;\r\n                            font-size: 16px;\r\n                            line-height: 26px;\r\n                            color: #595959;\r\n                        }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .tabs {\r\n        position: relative;\r\n        &::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background-color: #E4E7ED;\r\n            z-index: 1;\r\n        }\r\n        .item {\r\n            // padding: 0 20px;\r\n            height: 40px;\r\n            box-sizing: border-box;\r\n            line-height: 40px;\r\n            display: inline-block;\r\n            list-style: none;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: #303133;\r\n            position: relative;\r\n            border-bottom: 2px solid #EA4B49;\r\n            z-index: 2;\r\n            &.active {\r\n                color: #EA4B49;\r\n            }\r\n            &:first-child {\r\n                padding-left: 0;\r\n            }\r\n        }\r\n    }\r\n    .article {\r\n        &-left {\r\n            width: 900px;\r\n            float: left;\r\n            margin-bottom: 30px;\r\n            .video-wrap {\r\n              background: #fff;\r\n              padding: 20px;\r\n              border-radius: 6px;\r\n            }\r\n            .other-video {\r\n              margin-top: 20px;\r\n              background: #fff;\r\n              padding: 20px;\r\n              border-radius: 6px;\r\n            }\r\n            .replay-action {\r\n              margin-top: 20px;\r\n              background: #fff;\r\n              padding: 20px;\r\n              border-radius: 6px;\r\n              float: left;\r\n              width: 100%;\r\n              box-sizing: border-box;\r\n              .el-textarea {\r\n                margin-bottom: 20px;\r\n              }\r\n              .comment-list-item {\r\n                border: none !important;\r\n              }\r\n            }\r\n            .comment-list {\r\n              margin-top: 20px;\r\n              background: #fff;\r\n              padding: 20px;\r\n              border-radius: 6px;\r\n              padding-bottom: 80px;\r\n              float: left;\r\n              width: 100%;\r\n              box-sizing: border-box;\r\n              .none-comment {\r\n                font-size: 18px;\r\n                color: #333;\r\n              }\r\n              &-item {\r\n                position: relative;\r\n                margin-top: 20px;\r\n                padding-bottom: 20px;\r\n                border-bottom: 1px solid #e6e6e6;\r\n                float: left;\r\n                width: 100%;\r\n                .reply_list_img {\r\n                  float: left;\r\n                  img {\r\n                    width: 50px;\r\n                    height: 50px;\r\n                    display: block;\r\n                    border-radius: 50%;\r\n                  }\r\n                }\r\n                .reply_list_con {\r\n                  width: 780px;\r\n                  float: right;\r\n                  position: relative;\r\n                  // margin-left: 20px;\r\n                  .auth_msg {\r\n                    line-height: 20px;\r\n                    font-size: 12px;\r\n                    color: #8c8c8c;\r\n                    i {\r\n                      margin-right: 5px;\r\n                      font-size: 14px;\r\n                      color: #ff8b3d;\r\n                    }\r\n                  }\r\n                  .reply_txt {\r\n                    overflow: hidden;\r\n                    font-size: 16px;\r\n                    margin-top: 5px;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            .jxdd {\r\n                width: 100%;\r\n                float: left;\r\n                margin-bottom: 20px;\r\n                .ad {\r\n                    &-item {\r\n                        float: left;\r\n                        width: 264px;\r\n                        margin-right: 20px;\r\n                        border: 1px solid #eee;\r\n                        margin-top: 20px;\r\n                        box-sizing: border-box;\r\n                        &:nth-child(3n) {\r\n                            margin-right: 0;\r\n                        }\r\n                        img {\r\n                            width: 264px;\r\n                            height: 154px;\r\n                        }\r\n                        h3 {\r\n                            height: 39px;\r\n                            overflow: hidden;\r\n                            padding: 10px 15px 15px 15px;\r\n                            .link {\r\n                                width: 100%;\r\n                                height: 39px;\r\n                                float: left;\r\n                                line-height: 22px;\r\n                                overflow: hidden;\r\n                                font-size: 14px;\r\n                                font-weight: normal;\r\n                                \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n        }\r\n        &-right {\r\n            width: 300px;\r\n            float: right;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n            .box {\r\n                width: 260px;\r\n                margin-bottom: 10px;\r\n                padding: 0 20px;\r\n                background: #fff;\r\n                border-radius: 5px;\r\n                h4 {\r\n                    width: 300px;\r\n                    margin-left: -20px;\r\n                    height: 40px;\r\n                    line-height: 40px;\r\n                    border-bottom: 1px solid #e8e8e8;\r\n                    border-radius: 5px 5px 0 0;\r\n                    background: #ffffff;\r\n                    background: linear-gradient(top, #ffffff, #f7f7f7);\r\n                    strong {\r\n                        display: block;\r\n                        width: 122px;\r\n                        margin-left: 15px;\r\n                        color: #434a54;\r\n                        font-weight: bold;\r\n                        font-size: 14px;\r\n                    }\r\n                    .link {\r\n                        float: right;\r\n                        margin: -40px 20px 0 0;\r\n                        color: #667ebd;\r\n                        font-size: 12px;\r\n                        \r\n                    }\r\n                }\r\n                &.hot {\r\n                    overflow: hidden;\r\n                    ul {\r\n                        width: 302px;\r\n                        margin-left: -20px;\r\n                        overflow: auto;\r\n                        \r\n                        li {\r\n                            float: left;\r\n                            width: 150px;\r\n                            height: 45px;\r\n                            line-height: 45px;\r\n                            border-bottom: 1px solid #eee;\r\n                            border-right: 1px solid #eee;\r\n                            background: #ffffff;\r\n                            text-align: center;\r\n                            &:hover {\r\n                                color: #EA4B49;\r\n                            }\r\n                            &.more {\r\n                                width: 300px;\r\n                                float: left;\r\n                                height: 45px;\r\n                                line-height: 45px;\r\n                                border-bottom: 1px solid #eee;\r\n                                border-right: 1px solid #eee;\r\n                                background: #ffffff;\r\n                                text-align: center;\r\n                                cursor: pointer;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                &.choice{\r\n                    .article {\r\n                        line-height: 24px;\r\n                        margin: 0 0 0 24px;\r\n                        padding: 10px 0;\r\n                        li {\r\n                            padding: 4px 0 5px;\r\n                            em {\r\n                                float: left;\r\n                                width: 14px;\r\n                                height: 14px;\r\n                                line-height: 14px;\r\n                                margin: 3px 0 0 -24px;\r\n                                border: 2px solid #aab2bd;\r\n                                border-radius: 50%;\r\n                                color: #aab2bd;\r\n                                font-family: Tahoma,Verdana,sans-serif;\r\n                                font-size: 10px;\r\n                                text-align: center;\r\n                                &.active {\r\n                                    border: 2px solid #ff6600;\r\n                                    color: #ff6600;\r\n                                }\r\n                            }\r\n                            .link {\r\n                                color: #595959;\r\n                                overflow: hidden;\r\n                               \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                &.academy {\r\n                    ul {\r\n                        margin-top: 20px;\r\n                        margin-left: -10px;\r\n                        // overflow: auto;\r\n                        display: flex;\r\n                        align-items: center;\r\n                        flex-wrap: wrap;\r\n                        li {\r\n                            float: left;\r\n                            width: 125px;\r\n                            height: 145px;\r\n                            line-height: 18px;\r\n                            margin-left: 10px;\r\n                            cursor: pointer;\r\n                            .link {\r\n                                color: #595959;\r\n                                overflow: hidden;\r\n                                position: relative;\r\n                                .palynums {\r\n                                  position: absolute;\r\n                                  top: 66px;\r\n                                  left: 0;\r\n                                  width: 100%;\r\n                                  color: #fff;\r\n                                  font-size: 12px;\r\n                                  z-index: 10;\r\n                                  span {\r\n                                    display: inline-block;\r\n                                    overflow: hidden;\r\n                                    width: 13px;\r\n                                    height: 12px;\r\n                                    margin-right: 3px;\r\n                                    line-height: 999em;\r\n                                    vertical-align: -2px;\r\n                                    margin-left: 8px;\r\n                                    background: url('http://www.sanlida.cn/Templates/master/sanlida/images/video_pic.png') no-repeat;\r\n                                    background-size: 100% 100%;\r\n                                  }\r\n                                }\r\n                                img {\r\n                                  width: 125px;\r\n                                  height: 85px;\r\n                                  display: block;\r\n                                  margin: 0 0 12px;\r\n                                  border-radius: 5px;\r\n                                }\r\n                                .img-bg {\r\n                                  width: 125px;\r\n                                  height: 85px;\r\n                                  display: block;\r\n                                  margin: 0 0 12px;\r\n                                  border-radius: 5px;\r\n                                }\r\n                                .title {\r\n                                  @include no-wrap-line(2)\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .player-wrap {\r\n      width: 100%;\r\n      height: 480px;\r\n      .video-place {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #091B26;\r\n        &.white{\r\n          background: #fff;\r\n          .btn-wrap {\r\n            top: 50% !important;\r\n            .btn-item {\r\n              background: #fff !important;\r\n              color: #585858 !important;\r\n              font-size: 18px  !important;\r\n            }\r\n          }\r\n          \r\n        }\r\n        .logo {\r\n          position: absolute;\r\n          top: 20px;\r\n          left: 20px;\r\n        }\r\n        .arrow {\r\n          position: absolute;\r\n          top: 40%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n        }\r\n        .btn-wrap {\r\n          position: absolute;\r\n          top: 66%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          .btn-item {\r\n            padding: 0 14px;\r\n            cursor: pointer;\r\n            height: 50px;\r\n            border-radius: 4px;\r\n            text-align: center;\r\n            line-height: 50px;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            border: none;\r\n            &.btn-01 {\r\n              background: #E7442F;\r\n            }\r\n            // &.btn-02 {\r\n            //   background: #339AD9;\r\n            // }\r\n            // &:first-child {\r\n            //   margin-right: 30px;\r\n            // }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    \r\n</style>\r\n\r\n<style >\r\n.dia-pay-wrap .el-dialog {\r\n  border-radius: 24px;\r\n}\r\n\r\n.dia-pay-wrap .el-dialog__header {\r\n  display: none !important;\r\n}\r\n.el-radio {\r\n  margin-bottom: 10px;\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=79240b68&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./detail.vue?vue&type=style&index=1&id=79240b68&lang=scss&scoped=true&\"\nimport style2 from \"./detail.vue?vue&type=style&index=2&lang=css&\"\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  \"79240b68\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=2&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=2&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/logo.7704c7f5.png\";"],"sourceRoot":""}