| 123456 |
- ;(function(){function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._isFull_5ul2x_1._itemWrap_5ul2x_1{width:100%!important;margin-right:0;border-bottom:1px solid #f0f0f0;margin-bottom:14px}._isFull_5ul2x_1._itemWrap_5ul2x_1 ._detaile_5ul2x_7{width:100%!important;height:187px!important;border-radius:4px}._isFull_5ul2x_1._itemWrap_5ul2x_1 ._detaile_5ul2x_7 img{width:100%!important;height:187px!important}._isFull_5ul2x_1._itemWrap_5ul2x_1 ._masker_5ul2x_16{visibility:visible!important;width:100%;height:187px}._isFull_5ul2x_1._itemWrap_5ul2x_1:nth-last-child(1){border-bottom:none}._isFull_5ul2x_1._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24{padding-bottom:14px!important}._itemWrap_5ul2x_1{border:1px solid #e0e0e0;width:312px;margin-bottom:20px;margin-right:33px;border-radius:10px;overflow:hidden;background-color:#fff;cursor:pointer}._itemWrap_5ul2x_1:nth-child(3n){margin-right:0}._itemWrap_5ul2x_1:hover ._detaileWrap_5ul2x_40 ._masker_5ul2x_16{visibility:visible}._itemWrap_5ul2x_1:hover ._detaileWrap_5ul2x_40 ._masker_5ul2x_16 img{width:48px;height:48px;-webkit-animation-name:_showPaly_5ul2x_1;animation-name:_showPaly_5ul2x_1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes _showPaly_5ul2x_1{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes _showPaly_5ul2x_1{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}._itemWrap_5ul2x_1 ._detaileWrap_5ul2x_40{position:relative}._itemWrap_5ul2x_1 ._detaileWrap_5ul2x_40 ._detaile_5ul2x_7{border-radius:4px;width:312px;height:174px}._itemWrap_5ul2x_1 ._detaileWrap_5ul2x_40 ._masker_5ul2x_16{visibility:hidden;width:312px;height:174px;background-color:rgba(0,0,0,.4);top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;z-index:900}._itemWrap_5ul2x_1 ._detaileWrap_5ul2x_40 ._masker_5ul2x_16 img{width:48px;height:48px}._itemWrap_5ul2x_1 ._infoBottom_5ul2x_88{display:flex;flex-direction:row;align-items:center;padding:12px 12px 10px;justify-content:space-between}._itemWrap_5ul2x_1 ._infoBottom_5ul2x_88 ._course_5ul2x_95{color:#ff5f22;font-size:18px;line-height:25px}._itemWrap_5ul2x_1 ._infoBottom_5ul2x_88 ._infoBottomL_5ul2x_100{display:flex;flex-direction:row;align-items:center}._itemWrap_5ul2x_1 ._infoBottom_5ul2x_88 ._infoBottomL_5ul2x_100 ._itemHead_5ul2x_105{width:28px;height:28px;border-radius:50%;border:2px solid #4bb39e;margin-right:12px}._itemWrap_5ul2x_1 ._infoBottom_5ul2x_88 ._infoBottomL_5ul2x_100 ._itemTitle_5ul2x_112{font-size:20px;font-weight:400;color:#333;line-height:28px}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24{display:flex;flex-direction:row;align-items:center;padding:0 12px 8px;justify-content:space-between}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._course_5ul2x_95{color:#ff5f22;font-size:16px;line-height:22px}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._itemBottomL_5ul2x_130{display:flex;flex-direction:row;align-items:center}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._itemBottomL_5ul2x_130 ._itemHead_5ul2x_105{width:28px;height:28px;vertical-align:bottom;margin-right:10px}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._itemBottomL_5ul2x_130 ._itemTitle_5ul2x_112{color:#999;font-weight:400;font-size:16px;line-height:22px}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._itemBottomL_5ul2x_130 ._line_5ul2x_147{width:1px;height:10px;border:1px solid #d3d3d3;margin:0 10px}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._detaileStudy_5ul2x_153{line-height:38px;color:#00ac89;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}._itemWrap_5ul2x_1 ._itemBottom_5ul2x_24 ._detaileStudy_5ul2x_153 ._detaileDot_5ul2x_161{display:inline-block;width:6px;height:6px;background:#00ac89;border-radius:50%;margin-right:7px}\n";document.head.appendChild(__vite_style__);System.register(['./index.module-legacy.4167a7c9.js','./scrollbar.min-legacy.b3bf15d4.js','./index-legacy.d4b65662.js','./player-legacy.c7d3b4b9.js','./vendor-legacy.b19481d4.js','./index-legacy.902a9e5a.js','./index-legacy.01d7405a.js','./index-legacy.5669f9d5.js','./index-legacy.80429aa5.js','./moreArrow-legacy.12b046be.js'],function(exports){'use strict';var styles,hotSearch,searchInput,player,defineComponent,reactive,watch,useRouter,createVNode,createTextVNode,Fragment,useRoute,onMounted,request,Pagination,ColEmpty,banner;return{setters:[function(module){styles=module.s;},function(module){hotSearch=module.h;},function(module){searchInput=module.s;},function(module){player=module.p;},function(module){defineComponent=module.d;reactive=module.r;watch=module.S;useRouter=module.f;createVNode=module.c;createTextVNode=module.a;Fragment=module.F;useRoute=module.u;onMounted=module.o;},function(module){request=module.r;},function(module){Pagination=module.P;},function(module){ColEmpty=module.C;},function(module){banner=module.b;},function(){}],execute:function execute(){var isFull="_isFull_5ul2x_1";var itemWrap="_itemWrap_5ul2x_1";var detaile$1="_detaile_5ul2x_7";var masker="_masker_5ul2x_16";var itemBottom="_itemBottom_5ul2x_24";var detaileWrap="_detaileWrap_5ul2x_40";var showPaly="_showPaly_5ul2x_1";var infoBottom="_infoBottom_5ul2x_88";var course="_course_5ul2x_95";var infoBottomL="_infoBottomL_5ul2x_100";var itemHead="_itemHead_5ul2x_105";var itemTitle="_itemTitle_5ul2x_112";var itemBottomL="_itemBottomL_5ul2x_130";var line="_line_5ul2x_147";var detaileStudy="_detaileStudy_5ul2x_153";var detaileDot="_detaileDot_5ul2x_161";var classes={isFull:isFull,itemWrap:itemWrap,detaile:detaile$1,masker:masker,itemBottom:itemBottom,detaileWrap:detaileWrap,showPaly:showPaly,infoBottom:infoBottom,course:course,infoBottomL:infoBottomL,itemHead:itemHead,itemTitle:itemTitle,itemBottomL:itemBottomL,line:line,detaileStudy:detaileStudy,detaileDot:detaileDot};var detaile="./assets/detaile.98813a45.png";var icon="./assets/icon.c76ae863.png";var videoDetailItem=defineComponent({name:'albumItem',emits:['getDetail'],props:{detail:{type:Object,default:{auditStatus:'',endTime:'',lessonSubject:'',order:'',orderNo:'',page:0,rows:0,search:'',sort:'',startTime:'',userId:0,videoLessonGroupId:0}},isFull:{type:Boolean,default:false}},setup:function setup(props,conent){var state=reactive({detail:props.detail,isFull:props.isFull});watch(function(){return props.detail;},function(detail){state.detail=detail;});var router=useRouter();var gotoVideoDetail=function gotoVideoDetail(){if(state.isFull){conent.emit('getDetail',state.detail.id);}router.push({path:'/videoDetail',query:{id:state.detail.id}});};return function(){return createVNode(Fragment,null,[createVNode("div",{"class":[classes.itemWrap,state.isFull?classes.isFull:''],"onClick":gotoVideoDetail},[createVNode("div",{"class":classes.detaileWrap},[createVNode("div",{"class":classes.masker},[createVNode("img",{"src":player,"alt":""},null)]),createVNode("img",{"src":state.detail.lessonCoverUrl?state.detail.lessonCoverUrl:detaile,"alt":"","class":classes.detaile},null)]),createVNode("div",{"class":classes.infoBottom},[createVNode("div",{"class":classes.infoBottomL},[createVNode("img",{"src":icon,"class":classes.itemHead,"alt":""},null),createVNode("span",{"class":classes.itemTitle},[state.detail.username])]),createVNode("span",{"class":classes.course},[state.detail.lessonCount,createTextVNode("\u8BFE\u65F6")])]),createVNode("div",{"class":classes.itemBottom},[createVNode("div",{"class":classes.itemBottomL},[createVNode("span",{"class":classes.itemTitle},[state.detail.lessonSubjectName])]),createVNode("p",{"class":classes.detaileStudy},[createVNode("span",{"class":classes.detaileDot},null),state.detail.countStudent,createTextVNode("\u4EBA\u5728\u5B66")])])])]);};}});var index=exports('default',defineComponent({name:'videoDetailList',props:{title:{type:String,default:''}},components:{banner:banner,hotSearch:hotSearch,searchInput:searchInput,videoDetailItem:videoDetailItem,pagination:Pagination,ColEmpty:ColEmpty},setup:function setup(props,conent){var state=reactive({title:props.title,videoList:[],searchs:{search:'',lessonSubject:''},pageInfo:{// 分页规则
- limit:9,// 限制显示条数
- page:1,// 当前页
- total:0,// 总条数
- page_size:[9,18,36,45]// 选择限制显示条数
- },isshowData:false});var route=useRoute();var getVideoList=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(){var res;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:console.log('请求接口');_context.prev=1;_context.next=4;return request.post('/api-website/open/videoLessonGroup/page',{data:_objectSpread(_objectSpread({},state.searchs),{},{albumStatus:'PASS',page:state.pageInfo.page,rows:state.pageInfo.limit})});case 4:res=_context.sent;state.videoList=res.data.rows;state.pageInfo.total=res.data.total;if(state.pageInfo.total==0){state.isshowData=true;}else{state.isshowData=false;}_context.next=13;break;case 10:_context.prev=10;_context.t0=_context["catch"](1);console.log(_context.t0);case 13:case"end":return _context.stop();}}},_callee,null,[[1,10]]);}));return function getVideoList(){return _ref.apply(this,arguments);};}();var startSearch=function startSearch(val){state.searchs=_objectSpread(_objectSpread({},state.searchs),{},{lessonSubject:val.subject,search:val.search});getVideoList();};var gotoSearch=function gotoSearch(val){state.searchs.search=val;startSearch(state.searchs);};onMounted(function(){if(route.query.search){state.searchs.search=route.query.search;}if(route.query.subject){state.searchs.lessonSubject=route.query.subject;}getVideoList();});return function(){return createVNode(Fragment,null,[createVNode(banner,null,null),createVNode("div",null,[createVNode("div",{"class":styles.w1200},[createVNode("div",{"class":styles.section},[createVNode(searchInput,{"isWhile":true,"searchVal":state.searchs,"holder":"搜一搜你想看的视频课","onStartSearch":function onStartSearch(val){startSearch(val);}},null),createVNode("div",{"class":styles.hotSearchWrap},[createVNode(hotSearch,{"searchType":"COURSE","onHotTag":function onHotTag(val){gotoSearch(val);},"type":'',"isChiose":true},null)])]),createVNode("div",{"class":styles.videoList},[state.videoList.map(function(item){return createVNode(videoDetailItem,{"detail":item},null);})]),state.isshowData&&createVNode(ColEmpty,null,null),createVNode(Pagination,{"total":state.pageInfo.total,"page":state.pageInfo.page,"onUpdate:page":function onUpdatePage($event){return state.pageInfo.page=$event;},"limit":state.pageInfo.limit,"onUpdate:limit":function onUpdateLimit($event){return state.pageInfo.limit=$event;},"pageSizes":state.pageInfo.page_size,"pagination":getVideoList},null)])])]);};}}));}};});})();
|
