var data = { courseVideosList: [{"title":"AUTOSAR_00_AUTOSARLearningPath","titlepic":"","des":"介绍AUTOSAR应用层学习路径和星级","vgid":3,"try":true,"url":"/v/6078417764411b2b1b3c19726402"},{"title":"AUTOSAR_01_01_Architecture","titlepic":"","des":"介绍AUTOSAR架构的层级，APP，RTE，BSW，MCAL的概念\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427664412838052b3635145c"},{"title":"AUTOSAR_01_02_Architecture","titlepic":"","des":"介绍AUTOSAR架构的层级，APP，RTE，BSW，MCAL的概念","vgid":3,"try":true,"url":"/v/6078417765411900111a31191507"},{"title":"AUTOSAR_02_01_VFB","titlepic":"","des":"介绍AUTOSAR的VFB虚拟功能总线的概念，包括Component，Interface的介绍等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842766b41334909201f0e310a"},{"title":"AUTOSAR_02_02_VFB","titlepic":"","des":"介绍VFB的Port的概念以及具体分类等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842766a413f1c240721721439"},{"title":"AUTOSAR_02_03_VFB","titlepic":"","des":"介绍VFB的Connector的概念以及具体的内容，Composition的概念等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842756341114f383f03743c09"},{"title":"AUTOSAR_02_04_VFB","titlepic":"","des":"介绍VFB的Component的具体分类和使用场景，以及Runnable的概念等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842756241133f322322336b20"},{"title":"AUTOSAR_03_01_WorkFlow","titlepic":"","des":"介绍AUTOSAR应用层软件架构的工作流，自上而下和自下而上的方式，演示导入arxml生成模型框架\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427561411e48150d39350418"},{"title":"AUTOSAR_03_02_UpdateModel","titlepic":"","des":"介绍使用更新的arxml来更新已经搭好的模型的工作方式\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842756041093e0832117a145c"},{"title":"AUTOSAR_04_BuildModel","titlepic":"","des":"介绍在Matlab层面怎么创建AUTOSAR模型，并且进行相应的配置等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427567411338141934266521"},{"title":"AUTOSAR_05_01_01_SWCAndRunnable","titlepic":"","des":"介绍在Matlab层面怎么创建SWC和Runnable并进行相应的AUTOSAR配置\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427566416831227d1b7a1f03"},{"title":"AUTOSAR_05_01_02_SWCAndRunnable","titlepic":"","des":"介绍在Matlab层面配置Runnable的触发方式，Code Mapping等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842756541610204221230342b"},{"title":"AUTOSAR_05_02_SWCAndRunnable","titlepic":"","des":"介绍在Matlab层面配置Runnable和使用Server Runnable的方式等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427564411d0d1520100f005c"},{"title":"AUTOSAR_06_01_Interface","titlepic":"","des":"介绍在Matlab层面配置各种Interface的方法，包括SR和CS等\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842756b413b2b091121043e01"},{"title":"AUTOSAR_06_02_ServerRunnable","titlepic":"","des":"介绍在Matlab层面具体配置Server Runnable以及模型实现\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842756a412c43220c0b71221a"},{"title":"AUTOSAR_07_01_01_SenderReceiverPort","titlepic":"","des":"介绍在Matlab层面具体配置SR Port并且搭建相应的模型，进行Code Mapping\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427463416b2f623235391d54"},{"title":"AUTOSAR_07_01_02_SenderReceiverPort","titlepic":"","des":"介绍在Matlab层面生成SR Port的代码，以及设置不同Accesss Mode对生成代码的影响\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427462411137273b250c6339"},{"title":"AUTOSAR_07_02_ClientServerPort","titlepic":"","des":"介绍在Matlab层面使用Client Port，模型搭建，Code Mapping\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427461412e22087b353a0522"},{"title":"AUTOSAR_07_03_IRV","titlepic":"","des":"介绍在Matlab层面使用Inter Runnable Variable的使用\u003cbr\u003e","vgid":3,"try":true,"url":"/v/6078427460413e2e091c113b052d"},{"title":"AUTOSAR_08_01_DataType","titlepic":"","des":"介绍Matlab的数据类型，Compu Method等，设计相应的数据类型\u003cbr\u003e","vgid":3,"try":true,"url":"/v/607842746741360f222307123b55"}], vgroupOptions: [{"value":1,"label":"限制访问"},{"value":2,"label":"普通会员"},{"value":3,"label":"提高篇VIP"},{"value":4,"label":"提高篇SVIP"},{"value":5,"label":"项目篇"}], reverse: false, total : 45, currentPage: 1, pageSize: 20, afterSearch : false, } const App = { data() { return data; }, methods: { handleNav(index) { let url; switch (index) { case "0": url = "/"; break; case "1": url = "/courses/"; break; case "2-1": url = "/reg/"; break; case "2-2": url = "/login/"; break; case "2-3": url = "/my/"; break; case "2-5": url = "/profile/"; break; case "2-6": url = "/ip/"; break; case "2-4": url = "/logout/"; break; default: url = "/"; } window.location.href = url; }, successNotice() { this.$notify({ title: 'Success', message: '操作成功!', type: 'success', duration: 800, }) }, failureNotice(message) { this.$notify({ title: 'Error', message: '操作失败：'+message, type: 'error', duration: 1500, }) }, //课程视频排序 handleReverseChange() { if(this.reverse){ this.setCookie("reverse","true",720) }else{ this.setCookie("reverse","false",720) } location.reload(); }, //分页处理 handlePageSizeChange() { this.handleCurrentPageChange() }, async handleCurrentPageChange() { srow = this.total-(this.currentPage-1)*this.pageSize; num = this.pageSize; try { const response = await axios.post('/lapi/035d29794672417a6167535c7c06446366676e4447256669754541323f69753957027e6a67792a4679567b06534559051b72042b19434b0241011e', { srow: srow, num: num }); if (response.data.msg === "Job's done!") { this.courseVideosList = response.data.info.courseVideosList; }else{ this.failureNotice(response.data.msg); } } catch (error) { this.failureNotice(error); } }, getVGName(vgid) { var vgMap = {}; this.vgroupOptions.forEach(item => { vgMap[item.value] = item.label; }); return vgMap[vgid] }, setCookie(cname, cvalue, exhours) { const d = new Date(); d.setTime(d.getTime() + (exhours * 60 * 60 * 1000)); const expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; }, }, computed: { } } const app = Vue.createApp(App) app.use(ElementPlus) app.mount("#app")