{"version":3,"sources":["webpack:///./src/components/common/SwiperSmall.vue","webpack:///src/components/common/SwiperSmall.vue","webpack:///./src/components/common/SwiperSmall.vue?8490","webpack:///./src/components/common/SwiperSmall.vue?f0b8","webpack:///./src/views/video/detail.vue?6235","webpack:///./src/assets/images/arrow/card.png","webpack:///./src/components/common/SwiperSmall.vue?e3e1","webpack:///./src/assets/images/arrow/arrow.png","webpack:///./src/assets/images/video/close-b.png","webpack:///./src/views/video/detail.vue","webpack:///src/views/video/detail.vue","webpack:///./src/views/video/detail.vue?6a3f","webpack:///./src/views/video/detail.vue?65f9","webpack:///./src/views/video/detail.vue?0e79","webpack:///./src/assets/images/arrow/card-h.png","webpack:///./src/views/video/detail.vue?eae4","webpack:///./src/assets/images/arrow/logo.png"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_l","list","item","index","key","img","name","on","$event","swiperClick","staticRenderFns","props","type","Array","Object","default","methods","v","$router","push","params","goodsId","val","window","open","component","module","exports","_v","_s","$t","path","info","course_type","query","id","pid","type_name","_e","title","userToken","video_id","$i18n","locale","ref","playerOptions","play","class","white","require","buy","price","staticStyle","brief","model","value","tabs","callback","$$v","expression","relevantList","reloadDetail","style","backgroundImage","concat","cover","backgroundSize","pv","timeList","commentlist","user","avatar","nickname","ctime","content","_m","commentAction","hot","dialog","userInfo","username","mobile","cycle","end_time","cardlist","selectPic","cardCurrent","payType","payments","code","cardIndex","btnLoading","buyVideo","dialogPaymentShow","code_url","clearInterPay","inject","components","SwiperSmall","Payment","data","activeName","activeNameTj","player","options","source","width","height","autoplay","definition","isLive","controlBarVisibility","show","sliceNum","playbackRates","muted","loop","preload","language","aspectRatio","fluid","sources","src","poster","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","desc","form","page","limit","where","is_hot","commentForm","acc","canPlay","created","$route","videoId","getPaymentType","init","comment","byTime","relevant","card","localStorage","getItem","JSON","parse","mounted","loading","$loading","lock","spinner","background","setTimeout","close","course_id","token","$api","coursesetlog","clearInterval","intervalPayStatus","check","_this2","coursecheckcourse","then","res","status","_this3","payment_type","payment_code","coursepay","createAction","order_id","_this4","stringify","order","courseGetlist","ids","_this5","trade_type","pay","$message","message","msg","getPaymentStatus","payment_id","return_url","locationHost","standarPost","url","catch","$msg","$confirm","confirmButtonText","cancelButtonText","replace","tempForm","document","createElement","action","target","input","k","appendChild","addEventListener","body","dispatchEvent","Event","submit","removeChild","that","setInterval","_this6","paymentInfo","_this7","getrelevant","console","log","is_play","reload","initParams","copy","_this8","_this9","getcoursecard","_this10","courseGetcoursecomment","_objectSpread","_this11","courseGetdetail","indexOf","_this12","paymentList","_this13","_this","trim","length","courseCourseevaluate","more"],"mappings":"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","file":"js/chunk-01b2046a.a925bc0e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"nav-wrap\"},[_c('div',{staticClass:\"banner-list\"},[_c('el-carousel',{attrs:{\"arrow\":\"never\",\"height\":\"440px\"}},_vm._l((_vm.list),function(item,index){return _c('el-carousel-item',{key:index},[_c('img',{attrs:{\"src\":item.img,\"alt\":item.name},on:{\"click\":function($event){return _vm.swiperClick(item)}}})])}),1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"nav-wrap\">\r\n      <div class=\"banner-list\">\r\n        <el-carousel arrow=\"never\" height=\"440px\">\r\n          <el-carousel-item v-for=\"(item,index) in list\" :key=\"index\" >\r\n            <img :src=\"item.img\" :alt=\"item.name\" @click=\"swiperClick(item)\">\r\n          </el-carousel-item>\r\n        </el-carousel>\r\n      </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: {\r\n        list: {\r\n            type: [Array, Object],\r\n            default: () => []\r\n        } \r\n    },\r\n    methods: {\r\n      // /点击\r\n      swiperClick(v) {\r\n        // type 1 url 直接跳转\r\n        // 2 商品\r\n        //  3 文章\r\n        // 4  文章分类\r\n        // 5 智能表单\r\n      // window.open('https://www.baidu.com','_blank')\r\n        if(v.type == 1) {\r\n          window.open(v.val,'_blank')\r\n          return\r\n        }\r\n\r\n        if(v.type == 2) {\r\n          this.$router.push({\r\n            name: 'detail',\r\n            params: {goodsId: v.val}\r\n            // path: `detail/${v.val}`,\r\n          })\r\n          return\r\n        }\r\n      },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.nav-wrap {\r\n  width: 100%;\r\n  position: relative;\r\n  height: 440px;\r\n\r\n  .banner-list {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    height: 440px;\r\n    z-index: 10;\r\n    overflow: hidden;\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n  }\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!./SwiperSmall.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!./SwiperSmall.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SwiperSmall.vue?vue&type=template&id=9cf9027e&scoped=true\"\nimport script from \"./SwiperSmall.vue?vue&type=script&lang=js\"\nexport * from \"./SwiperSmall.vue?vue&type=script&lang=js\"\nimport style0 from \"./SwiperSmall.vue?vue&type=style&index=0&id=9cf9027e&prod&lang=scss&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  \"9cf9027e\",\n  null\n  \n)\n\nexport default component.exports","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&id=9f11114a&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/card.ab9b011a.png\";","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/dist/cjs.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!./SwiperSmall.vue?vue&type=style&index=0&id=9cf9027e&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/arrow.ac6fe198.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACp0lEQVRIS7WWSY8OURSGn8MfsLEwS8x+gwVtga2VJZFYacQU3aKjpTXavEYsJIJ/QAy/wcxejFsLEhx55dzO/eqrul9V665dVaruU+e5Z7jm7puAO8APYJeZPWcOLnffCNwDFgB7zN1vA7uD9RUYMrPXs8l293XAE2BJrHtfYEFvAfPi4beAv5oNeECfAYtivT/AsOnG3Q8CV4F/98BHYLuZvfwfuLtvAB4Cy7J1TprZZAIJfgi4nEX+KSJ/NxO4u68NvUuzSE8DE2bm0+CIfD9wDZgfL38GtprZmy7wgErv4gw6ZmZn0zo94IAPA9cz7R+AbW3h7r4+9C6v6s1/vg8c8APAlSxy7bmy/X0p8oj0cbanSqRpvQPBBe2Cv62DB/RpVjKC9uhtBe6iPUrmEVDU2xqclZq0pzrv0e7uawDpTdBGvZ3AWeSq8zzbh4BfgLI3daSi3s7ghiajbP8NrChlb1My1mZ108s1TSa92krvjCJOH7n7JeBI5edumNm+Lk2ma8SaMuq9uV7xlHA7zOxFW3hrsLuvjuxNUOnVlbL9SzSZVu21FTigyt684Y8AP6PDJbjmuXr7wJE6EBwdSXpXZhqPm9nFyHZNNdV5PlIHai+C3X1VjLZc7ygwpdGWJdxhQD/SWnsjOKDSm4a49nTEzKYaenV1nhe1N00ntUH13lq9hTpX5Cq3gdrr5rH0qvcmqCLt09sQtdYTXFaK2qsnEEGrekfN7ELb+oyEq+55n/b8zKUzUjV7T3SFZgmn7qaEq9WeTpl1zWEMmMyzt2PUWvsocL5Ou87VglabQ+PJoQs8tCvyfM+lfbPAN4G92YKnzGyiK6D0vrsfA5QnSftdgdNDfTsOnJmp3kKZCSjOuYCPpz3eCXw3M9XunF3uvgVYaGYP/gKmPDq+t24kVQAAAABJRU5ErkJggg==\"","var render = function render(){var _vm=this,_c=_vm._self._c;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,pid: _vm.info.course_type.pid} }}},[_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.video_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)]):[(_vm.$i18n.locale == 'zh')?_c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions},on:{\"play\":_vm.play}}):_c('youtube',{ref:\"youtube\",attrs:{\"video-id\":\"CJ0xx9hJua4\"},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\"},[_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(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)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;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}]\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,pid: info.course_type.pid} }\">{{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.video_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                <video-player @play=\"play\"  v-if=\"$i18n.locale == 'zh'\" class=\"video-player vjs-custom-skin\"\r\n                  ref=\"videoPlayer\"\r\n                  :playsinline=\"true\"\r\n                  :options=\"playerOptions\"\r\n                ></video-player>\r\n                 <youtube v-else video-id=\"CJ0xx9hJua4\" 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>\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\">￥{{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:\r\n                locationHost+ \"/#/cashier/\" + ids\r\n            }\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              window.open(res.data.url, '_blank')\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            console.log('圣迹X10高级竞技反曲弓双边V座', 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].src= res.data.video_id\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=9f11114a&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&id=9f11114a&prod&lang=css\"\nimport style1 from \"./detail.vue?vue&type=style&index=1&id=9f11114a&prod&lang=scss&scoped=true\"\nimport style2 from \"./detail.vue?vue&type=style&index=2&id=9f11114a&prod&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  \"9f11114a\",\n  null\n  \n)\n\nexport default component.exports","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/dist/cjs.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=9f11114a&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/card-h.c0baad60.png\";","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&id=9f11114a&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/logo.7704c7f5.png\";"],"sourceRoot":""}