(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-18fb1d76"],{"5b8e":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEdklEQVRoQ+2Zx6smVRDFfwWCLnQpYo7gTsUcEVfqjDrOmBOCKxeuBP8KF4IL12bFnAWX5pwD5oy4VREFteRIfXKtuR1ud783PJnevI/XqU6lc6ra2OCHbXD72QlgR0fw/xkBd98d2ATo79Nm9sOO8LS77w2cBfwKPGVmP2c7touAu+8C3ARcC+j3S8BVZvb5eoJw9wOBu4BTgD+BW4DrzeyP0o4agL2A54HDigtfBK40sy/XA4S77wfcG8avXvkRcIaZ/TgEYLe4eUsy9jVgq5l9v5Yg3H0f4EHgxPQe/e8KM/u9F4BOuvsBEb5T00PeBM5bKxCR848Dx6T3Ko0vN7OvBmtgdYG7HwTcmcKo02sCIox/DDg2GfkqcEnNeF3X20bdfV/gYeC44qEOvAucvVR3KoyX50ubXge2mdm3XWk7yAM9D38bONfMvptTE5HzjybPy0mr5/fW3CCAqAl1BUUie+gV4GIz+2YKiOg296eClfHvAZvHOGcUgACh7qACOzoZKxDK0a9bQKQ+X97aFNnRAAoQj6Sa0CnxhMjuizEgokHcAeQu9wawpaXLNQEo0imHXaeeBa4ZYuzw/G3A6RWeubA1HZsBFCAeAE5IRrwQjL1dv4771JpvrRj/cvT5ZqafBCCMKbVKiaMqO4IcxSunVUhKDNts/CAPDOWzux8KKB0kuMpDWko18U8kgk/u6TB+llCcHIHE2HcDJ1UYdKvsB5RuJ1c8P8v42REoQCidBCIbKQEoAMdXWq+0zaiu1ZcJsyNQgDg4BGCORH6/5IHIb1LO54ctBqDoTuKJrCZX75UQlCSfxNy1SCwKIEBIxz8D7JFeqLHwTDNTgS92LAogSEqDR1cE3gJEVrNzf+WBxQC4+yGAWmUu2OxtgbhoiLHHhmgRAMEHGsAzM0uY/VURgCpkkdcnYw3tum42gDBeDJtnWHl6WwBQWuVJSyr2ajP7eA6IWQB6jJeHL12lScgIkVk52clu8YT44LOpICYDiJwXeeW00Qyr9PiPUe7exRMCoes/nQJiEoDw6H0V42WM9kfV3HZ37Zpu75AdikTz8qwZQIyBGi9r2wNpm97C7Imcaub8VpJrAhDGa6w8KoVbOX/Z2FyOdFLLzemnWficFhCjAfQYP6mvRwMQiFzYWtlo2zFKbowCUBh/ZNrbvBPaZpIwi1rSSqWMqNTrh9pKL7KV6PC8XvJBhLtpG5E7TTz/CeCI5JxR6TS0mdOONPdvGa9N8abWVUpXmwwNJRWbI6wthWRHZ4Q7AUShqc9nhn1/Cc9XIrE/sIpEeboXRBVAD+ko57W3mZU2PZEQCC14c5frZOzaB45dYzyUjikPdZsLlpqkekBo9SLtlDeADwVj/1beWwOwJ/AccHhxocIobTNZs7TIhNjcqfbKuWL0Fxp9F7sRuC6+kUk1imEnaZUWw8trg7GlcjVj6xvZzcANZqbf/x5dNaBxcHOMhfpKOWuFPgOEvk/oa+kvwJNm9lN+1igim2rAety3E8B6eLnvHRs+An8DwWWuQB7sKR8AAAAASUVORK5CYII="},9674:function(e,t,i){},a30a:function(e,t,i){},a888:function(e,t,i){"use strict";const s=20;function n(e,t,i){return Math.min(Math.max(e,t),i)}function a(e){return{dialogHeaderEl:e.querySelector(".el-dialog__header"),dragDom:e.querySelector(".el-dialog")}}function o(e){return e.componentInstance||e.child}function r(e){return Boolean(o(e)&&o(e).visible)}function c(e){return e&&"object"===typeof e.value&&null!==e.value?e.value:{center:Boolean(e&&e.value)}}function l(e,t){const i=document.documentElement.clientWidth,n=document.documentElement.clientHeight,a=s,o=Math.max(i-e.offsetWidth-s,a),r=s,c=Math.max(n-t.offsetHeight-s,r);return{screenWidth:i,screenHeight:n,minLeft:a,maxLeft:o,minTop:r,maxTop:c}}function d(e){const{dialogHeaderEl:t,dragDom:i}=a(e);if(!t||!i||!i.offsetWidth)return;const s=e.__dragDialogOptions||{},o=l(i,t),r=window.getComputedStyle(i),c=parseFloat(r.marginTop)||o.minTop,d=(o.screenWidth-i.offsetWidth)/2,m=(o.screenHeight-i.offsetHeight)/2,p=s.center?m:c;i.style.position="fixed",i.style.margin="0",i.style.left=n(d,o.minLeft,o.maxLeft)+"px",i.style.top=n(p,o.minTop,o.maxTop)+"px",i.style.right="auto",i.style.bottom="auto"}function m(e,t,i){e.__dragDialogOptions=c(t),e.__dragDialogVm=o(i);const s=r(i),n=e.__dragDialogVisible;e.__dragDialogVisible=s,s&&!n&&requestAnimationFrame(()=>{d(e)})}var p={inserted(e,t,i){const{dialogHeaderEl:s,dragDom:o}=a(e);s&&o&&(s.style.cursor="move",s.onmousedown=t=>{const i=l(o,s),a=parseFloat(o.style.left)||o.getBoundingClientRect().left,r=parseFloat(o.style.top)||o.getBoundingClientRect().top,c=t.clientX,d=t.clientY,m=t=>{const s=n(a+t.clientX-c,i.minLeft,i.maxLeft),l=n(r+t.clientY-d,i.minTop,i.maxTop);o.style.left=s+"px",o.style.top=l+"px",e.__dragDialogVm&&e.__dragDialogVm.$emit&&e.__dragDialogVm.$emit("dragDialog")},p=()=>{document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",p)};document.addEventListener("mousemove",m),document.addEventListener("mouseup",p),t.preventDefault()},m(e,t,i))},componentUpdated(e,t,i){m(e,t,i)},unbind(e){const{dialogHeaderEl:t}=a(e);t&&(t.onmousedown=null),delete e.__dragDialogOptions,delete e.__dragDialogVisible,delete e.__dragDialogVm}};const f=function(e){e.directive("el-drag-dialog",p)};window.Vue&&(window["el-drag-dialog"]=p,Vue.use(f)),p.install=f;t["a"]=p},ad31:function(e,t,i){"use strict";i.d(t,"a",(function(){return o}));var s=i("8ce4"),n=i("7b67");async function a(e){return Object(s["a"])(n["a"]+"v1/officialWeb/product/oneProductConfig","get",e)}class o{static async getOneExperimentConfig(e){let[t]=await a({id:e,configType:"test"});return"000000"===t.code&&t.data}}},d4a6:function(e,t,i){e.exports=i.p+"img/play.fcc651b7.png"},d77a:function(e,t,i){"use strict";i("9674")},dc18:function(e,t,i){"use strict";i.r(t);var s=function(){var e=this,t=e._self._c;return t("div",{staticClass:"web-container"},[t("div",{staticClass:"content-container page-header"},[t("div",{staticClass:"flex flex-between"},[t("div",{staticClass:"web-title flex flex-start"},[t("img",{staticClass:"logo",attrs:{src:e.webConfig.logoUrl,alt:""}}),t("div",{staticClass:"title"},[t("div",{staticClass:"title-school"},[e._v(e._s(e.webConfig.schoolName))]),t("div",{staticClass:"title-name"},[e._v(e._s(e.webConfig.systemName))])])]),t("el-menu",{staticClass:"web-nav",attrs:{"default-active":e.navIndex,mode:"horizontal","active-text-color":"#4093f9"},on:{select:e.selectNav}},[t("el-menu-item",{attrs:{index:"1"}},[e._v("中心介绍")]),t("el-menu-item",{attrs:{index:"2"}},[e._v("项目介绍")]),e._e(),t("el-menu-item",{attrs:{index:"4"}},[e._v("友情链接")]),t("el-menu-item",{staticStyle:{color:"#4093f9"},attrs:{index:"5"}},[e._v("体验教学系统")])],1)],1)]),t("div",{staticClass:"focus-container"},[t("el-carousel",{attrs:{interval:6e3,height:"420px"}},e._l(e.webConfig.focusList,(function(e){return t("el-carousel-item",{key:e,staticStyle:{"text-align":"center"}},[t("el-image",{staticStyle:{width:"670px",height:"420px"},attrs:{src:e,fit:"fill"}})],1)})),1)],1),t("a",{attrs:{href:"#",name:"center"}}),t("div",{staticClass:"li-container content-container"},[t("el-divider",{staticClass:"content-title",attrs:{"content-position":"center"}},[e._v("中心介绍")]),e._m(0)],1),t("a",{attrs:{href:"#",name:"experiment"}}),t("div",{staticClass:"content-container experiment-container"},[t("el-divider",{staticClass:"content-title",attrs:{"content-position":"center"}},[e._v("项目介绍")]),t("div",{staticClass:"experiment-list"},[t("div",{staticClass:"sub-list flex flex-start flex-wrap"},e._l(e.experiments.list,(function(i,s){return t("div",{staticClass:"sub-li"},[i.product_iconLeft?t("img",{staticClass:"left-icon",attrs:{src:i.product_iconLeft,alt:""}}):e._e(),t("div",{staticClass:"bg"},[t("img",{attrs:{src:i.product_bg+"?imageView2/1/w/290/h/183/q/75"}})]),t("div",{staticClass:"info"},[t("img",{staticClass:"avatar",attrs:{src:i.product_icon,alt:""}}),t("div",{staticClass:"flex flex-dr flex-center"},[t("div",{staticClass:"title"},[e._v(e._s(i.name))]),t("div",{staticClass:"des-main word-hr ellipsis"},[e._v(e._s(i.subName))]),t("div",{staticClass:"des word-hr ellipsis",domProps:{innerHTML:e._s(i.description)}}),t("div",{staticClass:"buttons"},[t("a",{staticClass:"button",attrs:{href:"javascript:void(0)"},on:{click:function(t){e.ExperimentMethods().clickViewExperiment(i)}}},[e._v("查看详情")])])])])])})),0)])],1),e.experimentInfo.dialog?t("div",{staticClass:"my-dialog-container flex flex-dr flex-center experiment-dialog"},[t("div",{staticClass:"mask",on:{click:function(t){e.ExperimentMethods().closeExperimentDialog()}}}),t("div",{staticClass:"dialog-box"},[t("div",{staticClass:"bg"}),t("img",{staticClass:"close-icon",attrs:{src:i("5b8e"),alt:"关闭"},on:{click:function(t){e.ExperimentMethods().closeExperimentDialog()}}}),t("div",{staticClass:"info-box"},[t("div",{staticClass:"header-box flex flex-start"},[t("img",{staticClass:"avatar",attrs:{src:e.experimentInfo.experiment.product_icon,alt:""}}),t("div",{staticClass:"name-box"},[t("div",{staticClass:"name"},[e._v(e._s(e.experimentInfo.experiment.name))]),t("div",{staticClass:"series"},[e._v(e._s(e.experimentInfo.experiment.seriesName))])]),t("div")]),t("div",{staticClass:"description-box"},[t("div",{staticClass:"title"},[e._v("实验简介：")]),t("div",{staticClass:"content"},e._l(e.experimentInfo.experiment.experimentDescription.split("\n"),(function(i){return t("p",[e._v(e._s(i))])})),0)]),t("div",{staticClass:"view-box flex flex-between"},[e.experimentInfo.experiment.product_video?t("div",{staticClass:"video-box"},[t("video",{staticClass:"video1 video",attrs:{id:"v1",loop:"",preload:"",muted:"","x-webkit-airplay":"true",airplay:"allow","webkit-playsinline":"true",playsinline:"true",src:e.experimentInfo.experiment.product_video,draggable:"true"},domProps:{muted:!0}}),t("img",{staticClass:"play-btn",attrs:{src:i("d4a6"),alt:""},on:{click:t=>e.ExperimentMethods().playVideo(t)}})]):e._e(),e.experimentInfo.experiment.product_video?e._e():t("el-image",{staticClass:"video-box-no",attrs:{fit:"cover",src:e.experimentInfo.experiment.product_info_img,"preview-src-list":e.experimentDialogPicList}}),t("div",{staticClass:"img-box flex flex-around flex-wrap"},[t("el-image",{staticClass:"img",attrs:{fit:"cover",src:e.experimentInfo.experiment.product_info_img_1,"preview-src-list":e.experimentDialogPicList}}),t("el-image",{staticClass:"img",attrs:{fit:"cover",src:e.experimentInfo.experiment.product_info_img_2,"preview-src-list":e.experimentDialogPicList}}),t("el-image",{staticClass:"img",attrs:{fit:"cover",src:e.experimentInfo.experiment.product_info_img_3,"preview-src-list":e.experimentDialogPicList}}),t("el-image",{staticClass:"img",attrs:{fit:"cover",src:e.experimentInfo.experiment.product_info_img_4,"preview-src-list":e.experimentDialogPicList}})],1)],1)])])]):e._e(),t("a",{attrs:{href:"#",name:"member"}}),e._e(),t("el-dialog",{directives:[{name:"el-drag-dialog",rawName:"v-el-drag-dialog"}],attrs:{title:e.member.info.name,visible:e.member.dialog,"close-on-click-modal":!0,width:"900px",center:""},on:{"update:visible":function(t){return e.$set(e.member,"dialog",t)}}},[t("div",{staticClass:"dialog-container"},[t("el-descriptions",{staticClass:"member-dialog",attrs:{direction:"vertical",column:4,border:""}},[t("el-descriptions-item",{attrs:{label:"现任职务"}},[e._v(e._s(e.member.info.duty))]),t("el-descriptions-item",{attrs:{label:"主授课程"}},[e._v(e._s(e.member.info.course))]),t("el-descriptions-item",{attrs:{label:"研究方向"}},[e._v(e._s(e.member.info.direction))]),t("el-descriptions-item",{attrs:{label:"主要社会兼职"}},[e._v(e._s(e.member.info.socialDuty))]),t("el-descriptions-item",{attrs:{label:"简历",span:4}},[t("div",{staticClass:"word-hr history",domProps:{innerHTML:e._s(e.member.info.history)}})]),t("el-descriptions-item",{attrs:{label:"承担课题/研究成果",span:4}},[t("div",{staticClass:"word-hr success",domProps:{innerHTML:e._s(e.member.info.success)}})])],1)],1)]),t("a",{attrs:{href:"#",name:"link"}}),t("div",{staticClass:"link-container content-container"},[t("el-divider",{staticClass:"content-title",attrs:{"content-position":"center"}},[e._v("友情链接")]),t("div",{staticClass:"list flex flex-around flex-wrap"},e._l(e.linkConfig.list,(function(i){return i.img?t("div",{on:{click:function(t){return e.clickLink(i)}}},[t("el-image",{staticClass:"li",attrs:{src:i.img,alt:"",fit:"contain"}}),t("div",{staticClass:"name"},[e._v(e._s(i.name))])],1):e._e()})),0)],1),t("div",{staticClass:"page-footer"},[t("div",{staticClass:"info-container content-container"},[t("div",{staticClass:"infos"},[t("img",{staticClass:"logo",attrs:{src:e.webConfig.logoUrl,alt:""}}),t("p",[e._v(e._s(e.webConfig.webName))]),t("p",[e._v("主办："+e._s(e.webConfig.colleageName))]),e._m(1),t("span",{staticStyle:{cursor:"pointer"},on:{click:function(t){return e.window.open("https://beian.miit.gov.cn/")}}},[e._v("     "+e._s(e.webConfig.beiAnText))])])])]),[t("el-backtop",{attrs:{bottom:50}})]],2)},n=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"content-html html-view"},[t("p",[e._v(" 思想政治理论课是落实立德树人根本任务的关键课程，是夯实青少年思想基础的重要阵地，思政课建设不仅关乎人才的培养，更与国家的前途命运紧密相连。党的十八大以来，以习近平同志为核心的党中央高度重视思政课建设发展。习近平总书记指出：“‘大思政课’我们要善用之，一定要跟现实结合起来。”")]),t("p",[e._v(" 根据习近平总书记关于思政课建设的系列重要指示批示精神和教育部等10部门印发的《全面推进“大思政课”建设的工作方案》等系列文件精神，2022年9月，北京青年政治学院“大思政课”虚拟仿真体验教学中心成立，旨在利用现代信息技术全面提升思政教学质量，努力培养担当民族复兴大任的时代新人。")]),t("p",[e._v(" 中心依托建设单位——北京青年政治学院，其前身为1956年成立的北京市团校，1986年7月，改革开放的总设计师邓小平同志亲笔题写院名，对学院发展寄予厚望。在六十多年的建设发展中，学院始终坚持服务首都经济社会发展和共青团事业发展的方向，为首都的建设和发展培养输送了一大批人文素养好、有一技之长、社会责任感强的高素质实用型技能人才。")]),t("p",[e._v(" 中心依托北京青年政治学院长期以来构建的“青年政治”特色思政教育品牌，利用物联网、云计算、人工智能等新一代信息技术，大力整合教师资源、争取社会资源、完善硬件资源，将虚拟仿真技术引入思想政治教育教学改革，通过“沉浸式、体验式、互动式”教学方式，充分调动学生学习积极性、主动性、参与性，推动学校思想政治课教学与现代信息技术有机融合。现已上线的思政虚拟仿真实验有：中共一大、红色金融、红色物流、血战湘江、巧渡金沙江。用马克思主义的立场、观点和方法，为青年人讲好党的百年历史、讲好中华文化与马克思主义之间的联系，阐释中国精神、中国价值、中国力量，让青年学子明白文化自信与中国特色社会主义道路自信、理论自信、制度自信的关系。")]),t("p",[e._v(" 中心正紧紧围绕立德树人根本任务，以教育数字化推进“大思政课”协同育人，强化政治、青年和人文特色，推进产教融合、校企合作，努力把学院建设成为全国一流高等职业教育院校和全国一流团青教育培训与研究基地，建设成为开放型、有特色、高水平的青年人大学。")])])},function(){var e=this,t=e._self._c;return t("span",[e._v("技术支持：成都智云鸿道信息技术有限公司"),t("i",{staticClass:"blank"})])}],a=(i("14d9"),i("a888")),o=i("7b67"),r=i("cf45"),c=i("ad31"),l={name:"web_cqcsglzyxy",directives:{elDragDialog:a["a"]},data(){return{window:window,navIndex:"",webConfig:{logoUrl:"http://resouce.cdzyhd.com/5f1ca55d-9438-4515-838d-53ee0f51c920.png",schoolName:"北京青年政治学院",systemName:"大思政课虚拟仿真体验教学中心",colleageName:"北京青年政治学院马克思主义学院",focusList:["http://resouce.cdzyhd.com/1311242c-0f9f-451b-83bb-9daa02bdcee6.jpg","http://resouce.cdzyhd.com/904d1e82-3731-448f-8abe-a07b04d20551.jpg","http://resouce.cdzyhd.com/7fc4f949-d94a-4373-81a6-486c0bcd945f.jpg","http://resouce.cdzyhd.com/beec03f3-6e8f-435c-8792-85d6882a4230.jpg"],webName:"北京青年政治学院大思政课虚拟仿真体验教学中心",beiAnText:"蜀ICP备19034784号-1"},introduceConfig:{tabs:[{name:"中心简介",showNav:!0,text:"",id:"1661264029372"},{name:"教学团队",showNav:!0,text:"",id:"1661264039431"}],name:"中心介绍"},experiments:{list:[]},experimentInfo:{dialog:!1,experiment:{},list:[]},memberActive:"1",memberList:[{list:[]},{list:[]}],member:{dialog:!1,info:{}},linkConfig:{list:[{id:1661270247796,img:"http://resouce.cdzyhd.com/9fecfe08-8d44-4252-9d84-b174a6107d57.jpg",name:"北京青年政治学院马克思主义学院",url:"https://www.bjypc.edu.cn/mkszyxy/"},{id:1662270247796,img:"http://resouce.cdzyhd.com/d23cf15e-2e72-4e9f-8777-b23f55fb824c.png",name:"成都智云鸿道",url:"http://www.cdzyhd.com/"}]}}},created(){Object(r["l"])()&&(window.location.href=o["f"]+this.$route.path)},mounted(){document.title=this.webConfig.webName,this.getExperimentConfig()},methods:{async getExperimentConfig(){let e=[{id:"1618478479657",name:"中共一大"},{id:"1618403277155",name:"红色金融"},{id:"1618403511881",name:"红色物流"},{id:"1618404762366",name:"血战湘江"},{id:"1618476671539",name:"巧渡金沙江"}],t=[];for(let i=0;i<e.length;i++){let s=e[i]["id"],n=await c["a"].getOneExperimentConfig(s),a=Object.assign({},n,e[i]);t.push(a),this.$set(this.experiments,"list",t)}},selectNav(e){switch(e){case"1":window.location.href="#center";break;case"2":window.location.href="#experiment";break;case"3":window.location.href="#member";break;case"4":window.location.href="#link";break;case"5":window.location.href="/login?schoolId=239675483795492864";break}},clickMember(e,t){this.$set(this.member,"info",e),this.member.dialog=!0},clickLink(e){window.open(e.url)},ExperimentMethods(){let e=this;return{clickViewExperiment(t){e.experimentInfo.dialog=!0,document.body.style.overflow="hidden",e.experimentDialogEnterBtn=!1,e.$set(e.experimentInfo,"experiment",t),e.experimentDialogPicList=[t.product_info_img_1,t.product_info_img_2,t.product_info_img_3,t.product_info_img_4],!t.product_video&&t.product_info_img&&e.experimentDialogPicList.push(t.product_info_img),setTimeout(()=>{$(".experiment-dialog .bg").css("background-image",`url(${t.product_info_bg})`)},100)},closeExperimentDialog(){e.experimentInfo.dialog=!1,document.body.style.overflow=""},playVideo(t){e.experimentInfo.experimentVideoDialog=!0}}}}},d=l,m=(i("ec83"),i("d77a"),i("2877")),p=Object(m["a"])(d,s,n,!1,null,"15a9e7bc",null);t["default"]=p.exports},ec83:function(e,t,i){"use strict";i("a30a")}}]);