\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"]()
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 課程
\r\n \r\n
\r\n \r\n ![\"\"](\"../assets/icon/search.png\")
\r\n
\r\n \r\n \r\n \r\n 類型\r\n \r\n \r\n
\r\n \r\n {{\r\n item.name\r\n }} \r\n
\r\n \r\n
\r\n \r\n {{ item.name }}:\r\n
\r\n \r\n
\r\n \r\n 全部\r\n
\r\n \r\n
\r\n \r\n {{ item1.name }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 1) &&\r\n (item.chapter[0].task.length == 1 ||\r\n item.chapter[0].task.length > 1) &&\r\n item.chapter[0].task[0].works.length == 0\r\n ? 'none'\r\n : '',\r\n }\"\r\n :class=\"{ s_up2: !item.is }\"\r\n @click=\"item.is = !item.is\"\r\n >\r\n ![\"\"](\"../assets/icon/up.png\")
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ item.title }}\r\n \r\n \r\n {{ item.uname }}\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n {{ item.typename }}
\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.school }}\r\n
\r\n {{ item.utime }}
\r\n \r\n
\r\n \r\n \r\n {{ item.title }}\r\n \r\n \r\n {{ item.uname }}\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n {{ item.typename }}
\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.school }}\r\n
\r\n {{ item.utime }}
\r\n {\r\n this.loading = false;\r\n this.isListAjax = false;\r\n this.zoneClass = res.data[0];\r\n // this.total = res.data[0].length ? res.data[0][0].num : 0;\r\n let CourseType2 = JSON.parse(JSON.stringify(this.CourseType[0]))\r\n if(this.oid == \"69893dca-1d47-11ed-8c78-005056b86db5\"){\r\n if(this.pTypeCheckName.length){\r\n CourseType2 = this.CourseType3.filter(el => {\r\n return el.name == this.pTypeCheckName\r\n })\r\n }else{\r\n CourseType2 = JSON.parse(JSON.stringify(this.CourseType3))\r\n }\r\n }\r\n for (var i = 0; i < CourseType2.length; i++) {\r\n CourseType2[i].course = []\r\n for (var j = 0; j < res.data[0].length; j++) {\r\n // if (res.data[0][j].pid && res.data[0][j].pid.indexOf(CourseType2[i].id) != -1) {\r\n // CourseType2[i].course.push(res.data[0][j])\r\n // }\r\n let pid = CourseType2[i].id\r\n if(typeof pid != \"object\") pid = pid.split(\",\")\r\n if(res.data[0][j].pid && this.arrayToArray(pid,res.data[0][j].pid.split(\",\")).length){\r\n CourseType2[i].course.push(res.data[0][j])\r\n }\r\n }\r\n }\r\n let noTypeCourse = []\r\n for (var j = 0; j < res.data[0].length; j++) {\r\n if (!res.data[0][j].pid) {\r\n noTypeCourse.push(res.data[0][j])\r\n }\r\n }\r\n if (noTypeCourse.length > 0 && !this.pTypeCheckName.length) {\r\n CourseType2.push({\r\n course: noTypeCourse,\r\n name: '其他'\r\n })\r\n }\r\n CourseType2 = CourseType2.filter(item => {\r\n return item.course.length > 0;\r\n })\r\n this.CourseType2 = CourseType2\r\n // this.selectType({\r\n // data: [res.data[1], res.data[2], res.data[3], res.data[4]],\r\n // });\r\n this.getBanner({\r\n data: [res.data[6], res.data[5], res.data[7]],\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectAll2() {\r\n this.zoneListId = 0;\r\n this.isListAjax = true;\r\n\r\n let params = {\r\n uid: this.userid,\r\n oid: this.oid,\r\n typea: this.typea != undefined ? this.typea : \"\",\r\n typeb: this.typeb != undefined ? this.typeb : \"\",\r\n typec: \"\",\r\n typed: this.typed != undefined ? this.typed : \"\",\r\n typeE: this.typeE.join(\",\"),\r\n // typeE: \"\",\r\n cu: \"\",\r\n cn: this.sCourse,\r\n classid: this.classId,\r\n org: this.org,\r\n page: this.page,\r\n pageSize:this.pageSize\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectTypeCourse2\", params)\r\n .then((res) => {\r\n this.loading = false;\r\n this.isListAjax = false;\r\n this.zoneClass = res.data[0];\r\n this.total = res.data[0].length ? res.data[0][0].num : 0;\r\n let CourseType2 = []\r\n // this.selectType({\r\n // data: [res.data[1], res.data[2], res.data[3], res.data[4]],\r\n // });\r\n this.getBanner({\r\n data: [res.data[6], res.data[5], res.data[7]],\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n checkZone(id) {\r\n this.page = 1;\r\n this.zoneListId = id;\r\n this.getZoneClass(id);\r\n },\r\n // handleCurrentChange(val) {\r\n // this.page = val;\r\n // this.getZoneClass(this.zoneListId);\r\n // },\r\n handleCurrentChange(val) {\r\n this.loading = true;\r\n this.page = val;\r\n this.selectAll2();\r\n },\r\n //獲取banner\r\n getBanner(res) {\r\n // var a = false;\r\n // if (this.org == \"eb2af5e9-ac3d-46b6-9fe3-3c1c364f018d\") {\r\n // a = true;\r\n // }\r\n // let params = {\r\n // oid: this.org,\r\n // };\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectBannerByOid\", params)\r\n // .then((res) => {\r\n if (res.data[0].length > 0) {\r\n this.bannerList = res.data[0];\r\n } else {\r\n this.getBannerByOid({\r\n data: [res.data[1], res.data[2]],\r\n });\r\n }\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n getBannerByOid(res) {\r\n // let params = {\r\n // oid: this.oid,\r\n // };\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectBannerByOid\", params)\r\n // .then((res) => {\r\n if (res.data[0].length > 0) {\r\n this.bannerList = res.data[0];\r\n } else {\r\n this.getOldBanner({\r\n data: [res.data[1]],\r\n });\r\n }\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n getOldBanner(res) {\r\n // this.ajax\r\n // .get(this.$store.state.api + \"getBanner\", \"\")\r\n // .then((res) => {\r\n this.bannerList = res.data[0];\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n selectAllType() {\r\n let params = {\r\n org: this.org && this.org != \"\" ? this.org : \"\",\r\n oid: this.oid && this.oid != \"\" ? this.oid : \"\",\r\n stand: \"hk\"\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectAllTypeStand\", params)\r\n .then((res) => {\r\n if(this.oid == \"69893dca-1d47-11ed-8c78-005056b86db5\"){\r\n res.data[0] = [...res.data[0],...res.data[4]]\r\n }\r\n this.CourseTypeJson = {};\r\n this.CourseType = res.data;\r\n this.CourseType3 = [\r\n { name: \"智見課程\", id: [] },\r\n { name: \"智行課程\", id: [] },\r\n { name: \"智創課程\", id: [] },\r\n ];\r\n\r\n for (var cti = 0; cti < res.data[0].length; cti++) {\r\n if (\r\n res.data[0][cti].id == \"34628934-d02f-11ec-8c78-005056b86db5\" ||\r\n res.data[0][cti].id == \"34629907-d02f-11ec-8c78-005056b86db5\"\r\n ) {\r\n this.CourseType3[0].id.push(res.data[0][cti].id);\r\n }else if(res.data[0][cti].id == \"34628934-d02f-11ec-8c78-005056b86ac5\" ||\r\n res.data[0][cti].id == \"34629907-d02f-11ec-8c78-005056b86ac5\"){\r\n this.CourseType3[1].id.push(res.data[0][cti].id);\r\n } else if (res.data[0][cti].id == \"34629bcc-d02f-11ec-8c78-005056b86db5\") {\r\n this.CourseType3[2].id.push(res.data[0][cti].id);\r\n }\r\n if(res.data[0][cti].id == \"34628934-d02f-11ec-8c78-005056b86db5\" || res.data[0][cti].id == \"34628934-d02f-11ec-8c78-005056b86ac5\"){\r\n res.data[0][cti].name = \"年級\";\r\n }else if(res.data[0][cti].id == \"34629907-d02f-11ec-8c78-005056b86db5\" || res.data[0][cti].id == \"34629907-d02f-11ec-8c78-005056b86ac5\"){\r\n res.data[0][cti].name = \"學科\";\r\n }else if(res.data[0][cti].id == \"34629bcc-d02f-11ec-8c78-005056b86db5\"){\r\n res.data[0][cti].name = \"主題\";\r\n }\r\n }\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n if (!this.cid) {\r\n this.courseTypeId[res.data[0][i].id] = \"\";\r\n }\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n if (this.oid == \"69893dca-1d47-11ed-8c78-005056b86db5\") {\r\n if (res.data[0][i].name == \"欄目\") {\r\n this.CourseType[0][i].name = \"主題\";\r\n }\r\n }\r\n\r\n if (res.data[2].length == 0 && res.data[3].length == 0) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n } else {\r\n if (res.data[2].length > 0) {\r\n for (var j = 0; j < res.data[2].length; j++) {\r\n if (res.data[0][i].id == res.data[2][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n if (res.data[3].length > 0) {\r\n for (var j = 0; j < res.data[3].length; j++) {\r\n if (res.data[0][i].id == res.data[3][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (this.typeCheck) {\r\n this.selectAll();\r\n } else {\r\n this.selectAll2();\r\n }\r\n this.$forceUpdate();\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectType(res) {\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectType\")\r\n // .then((res) => {\r\n this.CourseTypeJson = {};\r\n this.CourseType = res.data;\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n if (!this.cid) {\r\n this.courseTypeId[res.data[0][i].id] = \"\";\r\n }\r\n if (this.oid == \"69893dca-1d47-11ed-8c78-005056b86db5\") {\r\n if (res.data[0][i].name == \"欄目\") {\r\n this.CourseType[0][i].name = \"主題\";\r\n }\r\n }\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n this.selectTypeByOid({ data: [res.data[0], res.data[2]] });\r\n this.selectTypeByOrg({ data: [res.data[0], res.data[3]] });\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n selectTypeByOid(res) {\r\n // let params = {\r\n // oid: this.oid,\r\n // };\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectTypeByOid\", params)\r\n // .then((res) => {\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n selectTypeByOrg(res) {\r\n // let params = {\r\n // oid: this.org,\r\n // };\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectTypeByOrg\", params)\r\n // .then((res) => {\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n },\r\n beforeDestroy() {\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n created() {\r\n let typea = this.$route.query.typea\r\n let typeb = this.$route.query.typeb\r\n let typed = this.$route.query.typed\r\n if(typea || typeb || typed){\r\n this.typea = typea ? typea : ''\r\n this.typeb = typeb ? typeb : ''\r\n this.typed = typed ? typed : ''\r\n }\r\n this.loading = true;\r\n // this.selectType();\r\n this.selectAllType();\r\n // this.getBanner();\r\n this.timer = setInterval(() => {\r\n this.selectAllType();\r\n // this.getBanner();\r\n }, 60000);\r\n document.scrollingElement.scrollTop = 0;\r\n },\r\n};\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/index.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb_content\"},[_c('div',{staticClass:\"pb_content_body\"},[_c('div',{staticClass:\"student_head\"},[_c('el-carousel',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"trigger\":\"click\"}},_vm._l((_vm.bannerList),function(item){return _c('el-carousel-item',{key:item.id},[_c('img',{staticClass:\"imgS\",attrs:{\"src\":item.poster,\"alt\":\"\"}})])}),1)],1),_vm._v(\" \"),_c('div',{staticClass:\"reBox\"},[_c('div',{staticClass:\"reTop\"},[_c('div',[_vm._v(\"課程\")]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"search\",on:{\"click\":_vm.search}},[_c('img',{attrs:{\"src\":require(\"../assets/icon/search.png\"),\"alt\":\"\"}})]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sCourse),expression:\"sCourse\"}],staticClass:\"sInput\",attrs:{\"type\":\"text\",\"placeholder\":\"請輸入關鍵字\"},domProps:{\"value\":(_vm.sCourse)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.search.apply(null, arguments)},\"input\":function($event){if($event.target.composing){ return; }_vm.sCourse=$event.target.value}}})])]),_vm._v(\" \"),(_vm.oid == '69893dca-1d47-11ed-8c78-005056b86db5')?_c('div',{staticClass:\"pType_box all_choose\"},[_c('span',[_vm._v(\"類型\")]),_vm._v(\" \"),_c('el-radio-group',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"},model:{value:(_vm.pTypeCheckName),callback:function ($$v) {_vm.pTypeCheckName=$$v},expression:\"pTypeCheckName\"}},_vm._l((_vm.CourseType3),function(item,index){return _c('div',{key:index,staticClass:\"all_choose\",staticStyle:{\"width\":\"100px\"}},[_c('el-radio',{attrs:{\"label\":item.name},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.CourseType2Click(item.name)}}},[_vm._v(_vm._s(item.name))])],1)}),0)],1):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"choose\"},_vm._l((_vm.CourseType[0]),function(item,index){return _c('div',{key:index,staticClass:\"all_choose\",style:({ margin: !_vm.CourseTypeJson[item.id].length && 0 })},[(_vm.CourseTypeJson[item.id].length &&\n (_vm.oid == '69893dca-1d47-11ed-8c78-005056b86db5'\n ? _vm.pTypeCheck.indexOf(item.id) != -1\n : true))?_c('span',[_vm._v(_vm._s(item.name)+\":\")]):_vm._e(),_vm._v(\" \"),(_vm.CourseTypeJson[item.id].length &&\n (_vm.oid == '69893dca-1d47-11ed-8c78-005056b86db5'\n ? _vm.pTypeCheck.indexOf(item.id) != -1\n : true))?_c('div',{staticClass:\"typeCss\"},[_c('div',{staticClass:\"cName\",class:_vm.typeE.indexOf(item.id) != -1 ? 'isCType' : '',on:{\"click\":function($event){return _vm.getCourse(item.name, '', item.id, 1)}}},[_vm._v(\"\\n 全部\\n \")]),_vm._v(\" \"),_vm._l((_vm.CourseTypeJson[item.id]),function(item1,index1){return _c('div',{key:index + '-' + index1,attrs:{\"label\":item1.id},on:{\"click\":function($event){return _vm.getCourse(item.name, item.id, item1.id, 2)}}},[_c('div',{staticClass:\"cName\",class:_vm.typea == item1.id || _vm.typeb == item1.id || _vm.typed == item1.id\n ? 'isCType'\n : ''},[_vm._v(\"\\n \"+_vm._s(item1.name)+\"\\n \")])])})],2):_vm._e()])}),0)]),_vm._v(\" \"),_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"body_student\"},[_c('div',{staticClass:\"typeCheck\"},[_c('el-switch',{model:{value:(_vm.typeCheck),callback:function ($$v) {_vm.typeCheck=$$v},expression:\"typeCheck\"}}),_c('span',[_vm._v(\"分類顯示\")])],1),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"main_box\"},[(!_vm.typeCheck)?_c('div',{staticStyle:{\"display\":\"flex\",\"flex-wrap\":\"wrap\"}},_vm._l((_vm.zoneClass),function(item,index){return _c('div',{key:index,staticClass:\"box_course\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetail?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&screenType=' +\n _vm.screenType\n )}}},[_c('div',{staticClass:\"wheel\"},[_c('img',{attrs:{\"src\":item.cover\n ? JSON.parse(item.cover)[0].url\n : require('../assets/wheel.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"middle_white\"},[_c('div',{staticClass:\"textOverflow\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.title,\"placement\":\"top\"}},[_c('span',{staticClass:\"utitle\"},[_vm._v(_vm._s(item.title))])]),_vm._v(\" \"),_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.uname,\"placement\":\"top\"}},[_c('span',{staticClass:\"uname\"},[_vm._v(_vm._s(item.uname))])])],1),_vm._v(\" \"),_c('div',{staticClass:\"nameAndLength\"},[_c('el-tooltip',{staticClass:\"typeN\",attrs:{\"effect\":\"light\",\"content\":item.typename,\"placement\":\"top\"}},[_c('div',[_vm._v(_vm._s(item.typename))])]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(JSON.parse(item.chapters).length)+\"階段\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"school_box\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.school,\"placement\":\"top\"}},[_c('div',{staticClass:\"school\"},[_vm._v(\"\\n \"+_vm._s(item.school)+\"\\n \")])]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"#b4b4b4\"}},[_vm._v(_vm._s(item.utime))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"now_study\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetail?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&screenType=' +\n _vm.screenType\n )}}},[_vm._v(\"\\n 立即學習\\n \")])])}),0):_c('div',_vm._l((_vm.CourseType2),function(type,tindex){return _c('div',{key:tindex,staticClass:\"FirstTypeBox\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(type.name))]),_vm._v(\" \"),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-flow\":\"wrap\",\"margin-top\":\"20px\"}},_vm._l((type.course),function(item,index){return _c('div',{key:tindex + '-' + index,staticClass:\"box_course\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetail?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&screenType=' +\n _vm.screenType\n )}}},[_c('div',{staticClass:\"wheel\"},[_c('img',{attrs:{\"src\":item.cover\n ? JSON.parse(item.cover)[0].url\n : require('../assets/wheel.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"middle_white\"},[_c('div',{staticClass:\"textOverflow\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.title,\"placement\":\"top\"}},[_c('span',{staticClass:\"utitle\"},[_vm._v(_vm._s(item.title))])]),_vm._v(\" \"),_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.uname,\"placement\":\"top\"}},[_c('span',{staticClass:\"uname\"},[_vm._v(_vm._s(item.uname))])])],1),_vm._v(\" \"),_c('div',{staticClass:\"nameAndLength\"},[_c('el-tooltip',{staticClass:\"typeN\",attrs:{\"effect\":\"light\",\"content\":item.typename,\"placement\":\"top\"}},[_c('div',[_vm._v(_vm._s(item.typename))])]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(JSON.parse(item.chapters).length)+\"階段\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"school_box\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.school,\"placement\":\"top\"}},[_c('div',{staticClass:\"school\"},[_vm._v(\"\\n \"+_vm._s(item.school)+\"\\n \")])]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"#b4b4b4\"}},[_vm._v(_vm._s(item.utime))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"now_study\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetail?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&screenType=' +\n _vm.screenType\n )}}},[_vm._v(\"\\n 立即學習\\n \")])])}),0)])}),0),_vm._v(\" \"),(_vm.zoneClass.length == 0)?_c('div',{staticClass:\"course_empty\"},[_vm._v(\"\\n 暫無課程\\n \")]):_vm._e()])]),_vm._v(\" \"),(_vm.zoneClass.length > 0 && !_vm.typeCheck)?_c('div',{staticClass:\"student_page\",staticStyle:{\"margin\":\"15px 0 0\"}},[(_vm.page)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.pageSize,\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1):_vm._e()])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-61df6959\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/index.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-61df6959\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../node_modules/language-hk-loader/index.js!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!../../node_modules/language-hk-loader/index.js!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!../../node_modules/language-hk-loader/index.js!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-61df6959\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!../../node_modules/language-hk-loader/index.js!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-61df6959\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/index.vue\n// module id = null\n// module chunks = ","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"]()
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 項目分類
\r\n \r\n
\r\n \r\n ![\"\"](\"@/assets/icon/search.png\")
\r\n
\r\n \r\n \r\n \r\n {{ item.name }}:\r\n \r\n \r\n {{ item1.name }}\r\n
\r\n \r\n \r\n 全部\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 0)?_c('div',{staticClass:\"student_page\",staticStyle:{\"margin\":\"15px 0 0\"}},[(_vm.page && _vm.zoneListId != 0)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":10,\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e(),_vm._v(\" \"),(_vm.page && _vm.zoneListId == 0)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":10,\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange1}}):_vm._e()],1):_vm._e()])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-482ddf28\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/GM/indexGM.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-482ddf28\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../../node_modules/language-hk-loader/index.js!./indexGM.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./indexGM.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./indexGM.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-482ddf28\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!../../../node_modules/language-hk-loader/index.js!./indexGM.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-482ddf28\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/GM/indexGM.vue\n// module id = null\n// module chunks = ","\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ item.title }}
\r\n \r\n \r\n
\r\n {{ item.typename }}
\r\n \r\n\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n
\r\n \r\n \r\n {{ item.school }}\r\n
\r\n \r\n {{ item.utime }}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"]()
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 項目
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.name }}:\r\n
\r\n \r\n
\r\n \r\n 全部\r\n
\r\n \r\n
\r\n \r\n {{ item1.name }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ item.title }}
\r\n \r\n \r\n \r\n\r\n
\r\n {{ item.typename }}
\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.school }}\r\n
\r\n {{ item.utime }}
\r\n \r\n
\r\n {{ item.title }}
\r\n \r\n \r\n \r\n\r\n
\r\n {{ item.typename }}
\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.school }}\r\n
\r\n {{ item.utime }}
\r\n {\r\n this.loading = false\r\n this.isListAjax = false;\r\n this.zoneClass = res.data[0];\r\n // this.total = res.data[0].length ? res.data[0][0].num : 0;\r\n let CourseType2 = JSON.parse(JSON.stringify(this.CourseType[0]))\r\n for (var i = 0; i < CourseType2.length; i++) {\r\n CourseType2[i].course = []\r\n for (var j = 0; j < res.data[0].length; j++) {\r\n if (res.data[0][j].pid && res.data[0][j].pid.indexOf(CourseType2[i].id) != -1) {\r\n CourseType2[i].course.push(res.data[0][j])\r\n }\r\n }\r\n }\r\n let noTypeCourse = []\r\n for (var j = 0; j < res.data[0].length; j++) {\r\n if (!res.data[0][j].pid) {\r\n noTypeCourse.push(res.data[0][j])\r\n }\r\n }\r\n if (noTypeCourse.length > 0) {\r\n CourseType2.push({\r\n course: noTypeCourse,\r\n name: '其他'\r\n })\r\n }\r\n CourseType2 = CourseType2.filter(item => {\r\n return item.course.length > 0;\r\n })\r\n this.CourseType2 = CourseType2\r\n\r\n // this.selectType({\r\n // data: [res.data[1], res.data[2], res.data[3], res.data[4]],\r\n // });\r\n // this.selectAllType();\r\n // this.getBanner({\r\n // data: [res.data[6], res.data[5], res.data[7]],\r\n // });\r\n this.getBanner()\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectAll2() {\r\n this.zoneListId = 0;\r\n this.isListAjax = true;\r\n let type = '0'\r\n if (!this.org || this.org == \"undefined\" || this.org == \"null\") {\r\n if (this.tType == 1) {\r\n type = '2'\r\n }\r\n } else {\r\n if (this.role == 1) {\r\n type = '2'\r\n }else if(this.tType == 1){\r\n type = '1'\r\n }\r\n }\r\n let params = {\r\n type: type,\r\n uid: this.userid,\r\n oid: this.oid,\r\n org: this.org,\r\n typea: this.typea != undefined ? this.typea : \"\",\r\n typeb: this.typeb != undefined ? this.typeb : \"\",\r\n typec: this.typec != undefined ? this.typec : \"\",\r\n typed: this.typed != undefined ? this.typed : \"\",\r\n typef: this.typef != undefined ? this.typef : \"\",\r\n typeE: this.typeE.join(\",\"),\r\n cu: \"\",\r\n cn: this.sCourse,\r\n page: this.page,\r\n pageSize: this.pageSize,\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectStudentCourseNew22\", params)\r\n .then((res) => {\r\n this.loading = false\r\n this.isListAjax = false;\r\n this.zoneClass = res.data[0];\r\n this.total = res.data[0].length ? res.data[0][0].num : 0;\r\n let CourseType2 = []\r\n\r\n // this.selectType({\r\n // data: [res.data[1], res.data[2], res.data[3], res.data[4]],\r\n // });\r\n // this.selectAllType();\r\n // this.getBanner({\r\n // data: [res.data[6], res.data[5], res.data[7]],\r\n // });\r\n this.getBanner()\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n checkZone(id) {\r\n this.page = 1;\r\n this.zoneListId = id;\r\n this.getZoneClass(id);\r\n },\r\n // handleCurrentChange(val) {\r\n // this.page = val;\r\n // this.getZoneClass(this.zoneListId);\r\n // },\r\n handleCurrentChange(val) {\r\n // if (!this.loading) {\r\n // this.loading = this.openLoading(document.querySelector(\".main_box\"));\r\n // }\r\n this.page = val;\r\n this.loading = true\r\n this.selectAll2();\r\n },\r\n //獲取banner\r\n getBanner(res) {\r\n let params = {\r\n oid: this.org,\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectBannerByOidS\", params)\r\n .then((res) => {\r\n if (res.data[0].length > 0) {\r\n this.bannerList = res.data[0];\r\n } else {\r\n // this.getBannerByOid({\r\n // data: [res.data[1], res.data[2]],\r\n // });\r\n this.getBannerByOid();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n getBannerByOid(res) {\r\n let params = {\r\n oid: this.oid,\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectBannerByOidS\", params)\r\n .then((res) => {\r\n if (res.data[0].length > 0) {\r\n this.bannerList = res.data[0];\r\n } else {\r\n // this.getOldBanner({\r\n // data: [res.data[1]],\r\n // });\r\n this.getOldBanner();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n getOldBanner(res) {\r\n this.ajax\r\n .get(this.$store.state.api + \"getBannerS\", \"\")\r\n .then((res) => {\r\n this.bannerList = res.data[0];\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectAllType() {\r\n let params = {\r\n org: this.org && this.org != \"\" ? this.org : \"\",\r\n oid: this.oid && this.oid != \"\" ? this.oid : \"\",\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectAllTypeS\", params)\r\n .then((res) => {\r\n this.CourseTypeJson = {}\r\n this.CourseType = res.data;\r\n\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n if(res.data[0][i].id == \"34629ce3-d02f-11ec-8c78-005056b86db5\"){\r\n res.data[0][i].name = \"賽道\";\r\n }else if(res.data[0][i].id == \"2f8beae3-d030-11ec-8c78-005056b86db5\"){\r\n res.data[0][i].name = \"主題\";\r\n }else if(res.data[0][i].id == \"34628934-d02f-11ec-8c78-005056b86db5\"){\r\n res.data[0][i].name = \"年級\";\r\n }\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n if (this.oid == \"1c3b9def-8fbe-11ed-b13d-005056b86db5\") {\r\n if (res.data[0][i].id == \"34629ce3-d02f-11ec-8c78-005056b86db5\") {\r\n this.CourseType[0][i].name = \"項目類型\";\r\n }\r\n }else if(this.org == '150e3120-9195-11ed-b13d-005056b86db5'){\r\n\r\n }else{\r\n if (res.data[0][i].name == \"賽道\") {\r\n this.CourseType[0][i].name = \"學科\";\r\n }\r\n }\r\n\r\n if (res.data[2].length == 0 && res.data[3].length == 0) {\r\n if(this.org == '150e3120-9195-11ed-b13d-005056b86db5'){\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n }else{\r\n // this.CourseType = []\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n } else {\r\n if (res.data[2].length > 0) {\r\n for (var j = 0; j < res.data[2].length; j++) {\r\n if (res.data[0][i].id == res.data[2][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n if (res.data[3].length > 0) {\r\n for (var j = 0; j < res.data[3].length; j++) {\r\n if (res.data[0][i].id == res.data[3][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n if (this.typeCheck) {\r\n this.selectAll();\r\n } else {\r\n this.selectAll2();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectType(res) {\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectType\")\r\n // .then((res) => {\r\n this.CourseTypeJson = {};\r\n this.CourseType = res.data;\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n if (!this.cid) {\r\n this.courseTypeId[res.data[0][i].id] = \"\";\r\n }\r\n if (this.oid == \"69893dca-1d47-11ed-8c78-005056b86db5\") {\r\n if (res.data[0][i].name == \"欄目\") {\r\n this.CourseType[0][i].name = \"主題\";\r\n }\r\n }\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n this.selectTypeByOid({ data: [res.data[0], res.data[2]] });\r\n this.selectTypeByOrg({ data: [res.data[0], res.data[3]] });\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n selectTypeByOid(res) {\r\n // let params = {\r\n // oid: this.oid,\r\n // };\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectTypeByOid\", params)\r\n // .then((res) => {\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n selectTypeByOrg(res) {\r\n // let params = {\r\n // oid: this.org,\r\n // };\r\n // this.ajax\r\n // .get(this.$store.state.api + \"selectTypeByOrg\", params)\r\n // .then((res) => {\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n },\r\n beforeDestroy() {\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n created() {\r\n // this.loading = this.openLoading(document.querySelector(\".main_box\"));\r\n // this.selectType();\r\n this.loading = true\r\n\r\n this.selectAllType();\r\n // this.getBanner();\r\n this.timer = setInterval(() => {\r\n this.selectAllType();\r\n // this.getBanner();\r\n }, 60000);\r\n document.scrollingElement.scrollTop = 0;\r\n },\r\n};\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/studentIndex.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb_content\"},[_c('div',{staticClass:\"pb_content_body\"},[_c('div',{staticClass:\"student_head\"},[_c('el-carousel',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"trigger\":\"click\"}},_vm._l((_vm.bannerList),function(item){return _c('el-carousel-item',{key:item.id},[_c('img',{staticClass:\"imgS\",attrs:{\"src\":item.poster,\"alt\":\"\"}})])}),1)],1),_vm._v(\" \"),_c('div',{staticClass:\"reBox\"},[_c('div',{staticClass:\"reTop\"},[_c('div',[_vm._v(\"項目\")]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"search\",on:{\"click\":_vm.search}},[_c('img',{attrs:{\"src\":require(\"../assets/icon/search.png\"),\"alt\":\"\"}})]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sCourse),expression:\"sCourse\"}],staticClass:\"sInput\",attrs:{\"type\":\"text\",\"placeholder\":\"請輸入關鍵字\"},domProps:{\"value\":(_vm.sCourse)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.search.apply(null, arguments)},\"input\":function($event){if($event.target.composing){ return; }_vm.sCourse=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"choose\"},_vm._l((_vm.CourseType[0]),function(item,index){return _c('div',{key:index,staticClass:\"all_choose\",style:({ margin: !_vm.CourseTypeJson[item.id].length && 0 })},[(_vm.CourseTypeJson[item.id].length)?_c('span',[_vm._v(_vm._s(item.name)+\":\")]):_vm._e(),_vm._v(\" \"),(_vm.CourseTypeJson[item.id].length)?_c('div',{staticClass:\"typeCss\"},[_c('div',{staticClass:\"cName\",class:_vm.typeE.indexOf(item.id) != -1 ? 'isCType' : '',on:{\"click\":function($event){return _vm.getCourse(item.name, '', item.id, 1)}}},[_vm._v(\"\\n 全部\\n \")]),_vm._v(\" \"),_vm._l((_vm.CourseTypeJson[item.id]),function(item1,index1){return _c('div',{key:index + '-' + index1,attrs:{\"label\":item1.id},on:{\"click\":function($event){return _vm.getCourse(item.name, item.id, item1.id, 2)}}},[_c('div',{staticClass:\"cName\",class:_vm.typea == item1.id || _vm.typeb == item1.id || _vm.typed == item1.id || _vm.typef == item1.id\n ? 'isCType'\n : ''},[_vm._v(\"\\n \"+_vm._s(item1.name)+\"\\n \")])])})],2):_vm._e()])}),0)]),_vm._v(\" \"),_c('div',{staticClass:\"body_student\"},[_c('div',{staticClass:\"typeCheck\"},[_c('el-switch',{model:{value:(_vm.typeCheck),callback:function ($$v) {_vm.typeCheck=$$v},expression:\"typeCheck\"}}),_c('span',[_vm._v(\"分類顯示\")])],1),_vm._v(\" \"),_c('div',[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"main_box\"},[(!_vm.typeCheck)?_c('div',{staticStyle:{\"display\":\"flex\",\"flex-wrap\":\"wrap\"}},_vm._l((_vm.zoneClass),function(item,index){return _c('div',{key:index,staticClass:\"box_course\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetailS?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_c('div',{staticClass:\"wheel\"},[_c('img',{attrs:{\"src\":item.cover\n ? JSON.parse(item.cover)[0].url\n : require('../assets/wheel.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"middle_white\"},[_c('div',{staticClass:\"textOverflow\"},[_vm._v(_vm._s(item.title))]),_vm._v(\" \"),_c('div',{staticClass:\"nameAndLength\"},[_c('el-tooltip',{staticClass:\"typeN\",attrs:{\"effect\":\"light\",\"content\":item.typename,\"placement\":\"top\"}},[_c('div',[_vm._v(_vm._s(item.typename))])]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(JSON.parse(item.chapters).length)+\"階段\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"school_box\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.school,\"placement\":\"top\"}},[_c('div',{staticClass:\"school\"},[_vm._v(\"\\n \"+_vm._s(item.school)+\"\\n \")])]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"#b4b4b4\"}},[_vm._v(_vm._s(item.utime))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"now_study\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetailS?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_vm._v(\"\\n 立即學習\\n \")])])}),0):_c('div',_vm._l((_vm.CourseType2),function(type,tindex){return _c('div',{key:tindex,staticClass:\"FirstTypeBox\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(type.name))]),_vm._v(\" \"),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-flow\":\"wrap\",\"margin-top\":\"20px\"}},_vm._l((type.course),function(item,index){return _c('div',{key:tindex + '-' + index,staticClass:\"box_course\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetailS?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_c('div',{staticClass:\"wheel\"},[_c('img',{attrs:{\"src\":item.cover\n ? JSON.parse(item.cover)[0].url\n : require('../assets/wheel.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"middle_white\"},[_c('div',{staticClass:\"textOverflow\"},[_vm._v(_vm._s(item.title))]),_vm._v(\" \"),_c('div',{staticClass:\"nameAndLength\"},[_c('el-tooltip',{staticClass:\"typeN\",attrs:{\"effect\":\"light\",\"content\":item.typename,\"placement\":\"top\"}},[_c('div',[_vm._v(_vm._s(item.typename))])]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(JSON.parse(item.chapters).length)+\"階段\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"school_box\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.school,\"placement\":\"top\"}},[_c('div',{staticClass:\"school\"},[_vm._v(\"\\n \"+_vm._s(item.school)+\"\\n \")])]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"#b4b4b4\"}},[_vm._v(_vm._s(item.utime))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"now_study\",on:{\"click\":function($event){return _vm.goTo(\n '/courseDetailS?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_vm._v(\"\\n 立即學習\\n \")])])}),0)])}),0),_vm._v(\" \"),(_vm.zoneClass.length == 0)?_c('div',{staticClass:\"course_empty\"},[_vm._v(\"\\n 暫無項目\\n \")]):_vm._e()])]),_vm._v(\" \"),(_vm.zoneClass.length > 0 && !_vm.typeCheck)?_c('div',{staticClass:\"student_page\",staticStyle:{\"margin\":\"15px 0 0\"}},[(_vm.page)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.pageSize,\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1):_vm._e()])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6abb4ad2\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/studentIndex.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6abb4ad2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../node_modules/language-hk-loader/index.js!./studentIndex.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!../../node_modules/language-hk-loader/index.js!./studentIndex.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!../../node_modules/language-hk-loader/index.js!./studentIndex.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6abb4ad2\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!../../node_modules/language-hk-loader/index.js!./studentIndex.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-6abb4ad2\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/studentIndex.vue\n// module id = null\n// module chunks = ","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n ![\"\"]()
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 項目
\r\n \r\n
\r\n \r\n ![\"\"](\"../../assets/icon/search.png\")
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ item.name }}:
\r\n \r\n
\r\n \r\n 全部\r\n
\r\n \r\n
\r\n \r\n {{ item1.name }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{ item.title }}
\r\n \r\n \r\n \r\n\r\n
\r\n {{ item.typename }}
\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.school }}\r\n
\r\n {{ item.utime }}
\r\n \r\n
\r\n {{ item.title }}
\r\n \r\n \r\n \r\n\r\n
\r\n {{ item.typename }}
\r\n {{ JSON.parse(item.chapters).length }}階段
\r\n \r\n \r\n \r\n
\r\n \r\n {{ item.school }}\r\n
\r\n {{ item.utime }}
\r\n {\r\n this.loading = false\r\n this.isListAjax = false;\r\n this.zoneClass = res.data[0];\r\n // this.total = res.data[0].length ? res.data[0][0].num : 0;\r\n let CourseType2 = JSON.parse(JSON.stringify(this.CourseType[0]))\r\n for (var i = 0; i < CourseType2.length; i++) {\r\n CourseType2[i].course = []\r\n for (var j = 0; j < res.data[0].length; j++) {\r\n if (res.data[0][j].pid && res.data[0][j].pid.indexOf(CourseType2[i].id) != -1) {\r\n CourseType2[i].course.push(res.data[0][j])\r\n }\r\n }\r\n }\r\n let noTypeCourse = []\r\n for (var j = 0; j < res.data[0].length; j++) {\r\n if (!res.data[0][j].pid) {\r\n noTypeCourse.push(res.data[0][j])\r\n }\r\n }\r\n if (noTypeCourse.length > 0) {\r\n CourseType2.push({\r\n course: noTypeCourse,\r\n name: '其他'\r\n })\r\n }\r\n CourseType2 = CourseType2.filter(item => {\r\n return item.course.length > 0;\r\n })\r\n this.CourseType2 = CourseType2\r\n\r\n // this.selectType({\r\n // data: [res.data[1], res.data[2], res.data[3], res.data[4]],\r\n // });\r\n // this.selectAllType();\r\n // this.getBanner({\r\n // data: [res.data[6], res.data[5], res.data[7]],\r\n // });\r\n this.getBanner()\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectAll2() {\r\n this.zoneListId = 0;\r\n this.isListAjax = true;\r\n let type = '0'\r\n if (!this.org || this.org == \"undefined\" || this.org == \"null\") {\r\n if (this.tType == 1) {\r\n type = '2'\r\n }\r\n } else {\r\n if (this.role == 1 || this.tType == 1) {\r\n type = '2'\r\n }else {\r\n type = '1'\r\n }\r\n }\r\n let params = {\r\n type: type,\r\n uid: this.userid,\r\n oid: this.oid,\r\n org: this.org,\r\n typea: this.typea != undefined ? this.typea : \"\",\r\n typeb: this.typeb != undefined ? this.typeb : \"\",\r\n typec: this.typec != undefined ? this.typec : \"\",\r\n typed: this.typed != undefined ? this.typed : \"\",\r\n typef: this.typef != undefined ? this.typef : \"\",\r\n typeE: this.typeE.join(\",\"),\r\n cu: \"\",\r\n cn: this.sCourse,\r\n page: this.page,\r\n pageSize: this.pageSize,\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectStudioCourseNew22\", params)\r\n .then((res) => {\r\n this.loading = false\r\n this.isListAjax = false;\r\n this.zoneClass = res.data[0];\r\n this.total = res.data[0].length ? res.data[0][0].num : 0;\r\n let CourseType2 = []\r\n\r\n // this.selectType({\r\n // data: [res.data[1], res.data[2], res.data[3], res.data[4]],\r\n // });\r\n // this.selectAllType();\r\n // this.getBanner({\r\n // data: [res.data[6], res.data[5], res.data[7]],\r\n // });\r\n this.getBanner()\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n checkZone(id) {\r\n this.page = 1;\r\n this.zoneListId = id;\r\n this.getZoneClass(id);\r\n },\r\n // handleCurrentChange(val) {\r\n // this.page = val;\r\n // this.getZoneClass(this.zoneListId);\r\n // },\r\n handleCurrentChange(val) {\r\n // if (!this.loading) {\r\n // this.loading = this.openLoading(document.querySelector(\".main_box\"));\r\n // }\r\n this.page = val;\r\n this.loading = true\r\n this.selectAll2();\r\n },\r\n //獲取banner\r\n getBanner(res) {\r\n let params = {\r\n oid: this.org,\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectBannerByOidStudio\", params)\r\n .then((res) => {\r\n if (res.data[0].length > 0) {\r\n this.bannerList = res.data[0];\r\n } else {\r\n // this.getBannerByOid({\r\n // data: [res.data[1], res.data[2]],\r\n // });\r\n this.getBannerByOid();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n getBannerByOid(res) {\r\n let params = {\r\n oid: this.oid,\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectBannerByOidStudio\", params)\r\n .then((res) => {\r\n if (res.data[0].length > 0) {\r\n this.bannerList = res.data[0];\r\n } else {\r\n // this.getOldBanner({\r\n // data: [res.data[1]],\r\n // });\r\n this.getOldBanner();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n getOldBanner(res) {\r\n this.ajax\r\n .get(this.$store.state.api + \"getBannerStudio\", \"\")\r\n .then((res) => {\r\n this.bannerList = res.data[0];\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectAllType() {\r\n let params = {\r\n org: this.org && this.org != \"\" ? this.org : \"\",\r\n oid: this.oid && this.oid != \"\" ? this.oid : \"\",\r\n };\r\n this.ajax\r\n .get(this.$store.state.api + \"selectAllTypeStudio\", params)\r\n .then((res) => {\r\n this.CourseTypeJson = {}\r\n this.CourseType = res.data;\r\n\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n if(res.data[0][i].id == \"2f8beae3-d030-11ec-8c78-005056b86abc\"){\r\n res.data[0][i].name = \"類型\";\r\n }else if(res.data[0][i].id == \"34629ce3-d02f-11ec-8c78-005056b86abc\"){\r\n res.data[0][i].name = \"主題\";\r\n }else if(res.data[0][i].id == \"34629bcc-d02f-11ec-8c78-005056b86abc\"){\r\n res.data[0][i].name = \"對象\";\r\n }\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n if (res.data[2].length == 0 && res.data[3].length == 0) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n } else {\r\n if (res.data[2].length > 0) {\r\n for (var j = 0; j < res.data[2].length; j++) {\r\n if (res.data[0][i].id == res.data[2][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n if (res.data[3].length > 0) {\r\n for (var j = 0; j < res.data[3].length; j++) {\r\n if (res.data[0][i].id == res.data[3][j].pid) {\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n if (this.typeCheck) {\r\n this.selectAll();\r\n } else {\r\n this.selectAll2();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n },\r\n selectType(res) {\r\n this.CourseTypeJson = {};\r\n this.CourseType = res.data;\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n if (!this.cid) {\r\n this.courseTypeId[res.data[0][i].id] = \"\";\r\n }\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分類\r\n }\r\n }\r\n }\r\n this.selectTypeByOid({ data: [res.data[0], res.data[2]] });\r\n this.selectTypeByOrg({ data: [res.data[0], res.data[3]] });\r\n // })\r\n // .catch((err) => {\r\n // console.error(err);\r\n // });\r\n },\r\n selectTypeByOid(res) {\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n },\r\n selectTypeByOrg(res) {\r\n for (var i = 0; i < res.data[0].length; i++) {\r\n for (var j = 0; j < res.data[1].length; j++) {\r\n if (res.data[0][i].id == res.data[1][j].pid) {\r\n if (!this.CourseTypeJson[res.data[0][i].id]) {\r\n this.CourseTypeJson[res.data[0][i].id] = [];\r\n }\r\n this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);\r\n }\r\n }\r\n }\r\n this.$forceUpdate();\r\n },\r\n },\r\n beforeDestroy() {\r\n clearInterval(this.timer);\r\n this.timer = null;\r\n },\r\n created() {\r\n // this.loading = this.openLoading(document.querySelector(\".main_box\"));\r\n // this.selectType();\r\n this.loading = true\r\n\r\n this.selectAllType();\r\n // this.getBanner();\r\n this.timer = setInterval(() => {\r\n this.selectAllType();\r\n // this.getBanner();\r\n }, 60000);\r\n document.scrollingElement.scrollTop = 0;\r\n },\r\n};\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/studio/index.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb_content\"},[_c('div',{staticClass:\"pb_content_body\"},[_c('div',{staticClass:\"student_head\"},[_c('el-carousel',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"trigger\":\"click\"}},_vm._l((_vm.bannerList),function(item){return _c('el-carousel-item',{key:item.id},[_c('img',{staticClass:\"imgS\",attrs:{\"src\":item.poster,\"alt\":\"\"}})])}),1)],1),_vm._v(\" \"),_c('div',{staticClass:\"reBox\"},[_c('div',{staticClass:\"reTop\"},[_c('div',[_vm._v(\"項目\")]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"search\",on:{\"click\":_vm.search}},[_c('img',{attrs:{\"src\":require(\"../../assets/icon/search.png\"),\"alt\":\"\"}})]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sCourse),expression:\"sCourse\"}],staticClass:\"sInput\",attrs:{\"type\":\"text\",\"placeholder\":\"請輸入關鍵字\"},domProps:{\"value\":(_vm.sCourse)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.search.apply(null, arguments)},\"input\":function($event){if($event.target.composing){ return; }_vm.sCourse=$event.target.value}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"choose\"},_vm._l((_vm.CourseType[0]),function(item,index){return _c('div',{key:index,staticClass:\"all_choose\",style:({ margin: !_vm.CourseTypeJson[item.id].length && 0 })},[(_vm.CourseTypeJson[item.id].length)?_c('div',[_c('span',[_vm._v(_vm._s(item.name))]),_vm._v(\":\")]):_vm._e(),_vm._v(\" \"),(_vm.CourseTypeJson[item.id].length)?_c('div',{staticClass:\"typeCss\"},[_c('div',{staticClass:\"cName\",class:_vm.typeE.indexOf(item.id) != -1 ? 'isCType' : '',staticStyle:{\"min-width\":\"fit-content\"},on:{\"click\":function($event){return _vm.getCourse(item.name, '', item.id, 1)}}},[_vm._v(\"\\n 全部\\n \")]),_vm._v(\" \"),_vm._l((_vm.CourseTypeJson[item.id]),function(item1,index1){return _c('div',{key:index + '-' + index1,attrs:{\"label\":item1.id},on:{\"click\":function($event){return _vm.getCourse(item.name, item.id, item1.id, 2)}}},[_c('div',{staticClass:\"cName\",class:_vm.typea == item1.id || _vm.typeb == item1.id || _vm.typec == item1.id\n ? 'isCType'\n : ''},[_vm._v(\"\\n \"+_vm._s(item1.name)+\"\\n \")])])})],2):_vm._e()])}),0)]),_vm._v(\" \"),_c('div',{staticClass:\"body_student\"},[_c('div',{staticClass:\"typeCheck\"},[_c('el-switch',{model:{value:(_vm.typeCheck),callback:function ($$v) {_vm.typeCheck=$$v},expression:\"typeCheck\"}}),_c('span',[_vm._v(\"分類顯示\")])],1),_vm._v(\" \"),_c('div',[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"main_box\"},[(!_vm.typeCheck)?_c('div',{staticStyle:{\"display\":\"flex\",\"flex-wrap\":\"wrap\"}},_vm._l((_vm.zoneClass),function(item,index){return _c('div',{key:index,staticClass:\"box_course\",on:{\"click\":function($event){return _vm.goTo(\n '/coursedetailStudio?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_c('div',{staticClass:\"wheel\"},[_c('img',{attrs:{\"src\":item.cover\n ? JSON.parse(item.cover)[0].url\n : require('../../assets/wheel.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"middle_white\"},[_c('div',{staticClass:\"textOverflow\"},[_vm._v(_vm._s(item.title))]),_vm._v(\" \"),_c('div',{staticClass:\"nameAndLength\"},[_c('el-tooltip',{staticClass:\"typeN\",attrs:{\"effect\":\"light\",\"content\":item.typename,\"placement\":\"top\"}},[_c('div',[_vm._v(_vm._s(item.typename))])]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(JSON.parse(item.chapters).length)+\"階段\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"school_box\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.school,\"placement\":\"top\"}},[_c('div',{staticClass:\"school\"},[_vm._v(\"\\n \"+_vm._s(item.school)+\"\\n \")])]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"#b4b4b4\"}},[_vm._v(_vm._s(item.utime))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"now_study\",on:{\"click\":function($event){return _vm.goTo(\n '/coursedetailStudio?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_vm._v(\"\\n 立即學習\\n \")])])}),0):_c('div',_vm._l((_vm.CourseType2),function(type,tindex){return _c('div',{key:tindex,staticClass:\"FirstTypeBox\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(type.name))]),_vm._v(\" \"),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-flow\":\"wrap\",\"margin-top\":\"20px\"}},_vm._l((type.course),function(item,index){return _c('div',{key:tindex + '-' + index,staticClass:\"box_course\",on:{\"click\":function($event){return _vm.goTo(\n '/coursedetailStudio?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_c('div',{staticClass:\"wheel\"},[_c('img',{attrs:{\"src\":item.cover\n ? JSON.parse(item.cover)[0].url\n : require('../../assets/wheel.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"middle_white\"},[_c('div',{staticClass:\"textOverflow\"},[_vm._v(_vm._s(item.title))]),_vm._v(\" \"),_c('div',{staticClass:\"nameAndLength\"},[_c('el-tooltip',{staticClass:\"typeN\",attrs:{\"effect\":\"light\",\"content\":item.typename,\"placement\":\"top\"}},[_c('div',[_vm._v(_vm._s(item.typename))])]),_vm._v(\" \"),_c('div',[_vm._v(_vm._s(JSON.parse(item.chapters).length)+\"階段\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"school_box\"},[_c('el-tooltip',{attrs:{\"effect\":\"light\",\"content\":item.school,\"placement\":\"top\"}},[_c('div',{staticClass:\"school\"},[_vm._v(\"\\n \"+_vm._s(item.school)+\"\\n \")])]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"#b4b4b4\"}},[_vm._v(_vm._s(item.utime))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"now_study\",on:{\"click\":function($event){return _vm.goTo(\n '/coursedetailStudio?courseId=' +\n item.courseId +\n '&userid=' +\n _vm.userid +\n '&oid=' +\n _vm.oid +\n '&org=' +\n _vm.org +\n '&cid=' +\n _vm.classId +\n '&tType=' +\n _vm.tType +\n '&role=' +\n _vm.role +\n '&screenType=' +\n _vm.screenType\n )}}},[_vm._v(\"\\n 立即學習\\n \")])])}),0)])}),0),_vm._v(\" \"),(_vm.zoneClass.length == 0)?_c('div',{staticClass:\"course_empty\"},[_vm._v(\"\\n 暫無項目\\n \")]):_vm._e()])]),_vm._v(\" \"),(_vm.zoneClass.length > 0 && !_vm.typeCheck)?_c('div',{staticClass:\"student_page\",staticStyle:{\"margin\":\"15px 0 0\"}},[(_vm.page)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.pageSize,\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1):_vm._e()])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-64a94b94\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/studio/index.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-64a94b94\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../../node_modules/language-hk-loader/index.js!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-64a94b94\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!../../../node_modules/language-hk-loader/index.js!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-64a94b94\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/studio/index.vue\n// module id = null\n// module chunks = ","\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/tools/heatmap.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"data_body\"},[_c('div',{staticClass:\"echart\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"id\":\"charts_canvas\"}})])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-2070e85e\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/tools/heatmap.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2070e85e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../../node_modules/language-hk-loader/index.js!./heatmap.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./heatmap.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./heatmap.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2070e85e\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!../../../node_modules/language-hk-loader/index.js!./heatmap.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-2070e85e\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/tools/heatmap.vue\n// module id = null\n// module chunks = ","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/group/group.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-dialog',{staticClass:\"dialog_diy\",attrs:{\"title\":\"分組設置\",\"visible\":_vm.dialogVisibleGroup,\"append-to-body\":true,\"width\":\"95%\",\"before-close\":_vm.handleClose2},on:{\"update:visible\":function($event){_vm.dialogVisibleGroup=$event}}},[(_vm.dialogVisibleGroup)?_c('div',[_c('div',{staticClass:\"g_d_btnBox\"},[(_vm.type == 1 || _vm.type == 4)?_c('div',{staticClass:\"btn_left\"},[(!_vm.classList.length)?_c('div',{class:{ active: _vm.classid == '1' },on:{\"click\":function($event){return _vm.setClassid('1')}}},[_vm._v(\"全部\")]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.classList),function(item,index){return _c('div',{key:index,class:{ active: _vm.classid == item.id },on:{\"click\":function($event){return _vm.setClassid(item.id)}}},[_vm._v(_vm._s(item.name))])})],2):_vm._e(),_vm._v(\" \"),(_vm.type == 2)?_c('div',{staticClass:\"btn_left\"},[(!_vm.classList.length)?_c('div',{class:{ active: _vm.classid == '1' },on:{\"click\":function($event){return _vm.setClassid('1')}}},[_vm._v(\"全部\")]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.classList),function(item,index){return _c('div',{key:index,class:{ active: _vm.classid == item.id },on:{\"click\":function($event){return _vm.setClassid(item.id)}}},[_vm._v(_vm._s(item.name))])})],2):_vm._e(),_vm._v(\" \"),(_vm.courseDetail.userid == _vm.userid || (_vm.courseDetail.course_teacher && _vm.courseDetail.course_teacher.indexOf(_vm.userid) != -1))?_c('div',{staticClass:\"btn_right\"},[_c('div',{staticStyle:{\"color\":\"rgb(171 171 171)\",\"margin\":\"0 10px 0 0\"}},[_vm._v(\"\\n 提示：開啟【開放選座】，學生能夠自由加入和退出小組。\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"group_switch\"},[_c('span',[_vm._v(\"開放選座\")]),_vm._v(\" \"),_c('el-switch',{staticClass:\"switchCss\",attrs:{\"active-text\":\"\"},on:{\"change\":_vm.lockChair},model:{value:(_vm.islock),callback:function ($$v) {_vm.islock=$$v},expression:\"islock\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"group_switch\"},[_c('span',[_vm._v(\"開啟分組\")]),_vm._v(\" \"),_c('el-switch',{staticClass:\"switchCss\",on:{\"change\":_vm.openChair},model:{value:(_vm.isopen),callback:function ($$v) {_vm.isopen=$$v},expression:\"isopen\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"returnBtn\",staticStyle:{\"background-color\":\"#225bc7\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.updateGroup}},[_vm._v(\"\\n 分組設置\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"returnBtn\",staticStyle:{\"background-color\":\"#225bc7\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.deleteCourseGroup}},[_vm._v(\"\\n 刪除分組\\n \")])]):_vm._e()]),_vm._v(\" \"),_c('div',[(_vm.groupJson.group.length && _vm.isopen)?_c('div',{staticClass:\"g_d_box\"},_vm._l((_vm.groupJson.group),function(g,gindex){return _c('div',{key:gindex,staticClass:\"g_d_group\"},[_c('div',{staticClass:\"g_d_group_chair\"},[(_vm.groupJson.number > 1)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][0],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][0] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][0])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][0]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][0].name\n : \"空位置\"))])]):_vm._e(),_vm._v(\" \"),(_vm.groupJson.number > 4)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][4],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][4] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][4])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][4]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][4].name\n : \"空位置\"))])]):_vm._e(),_vm._v(\" \"),(_vm.groupJson.number > 8)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][8],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][8] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][8])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][8]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][8].name\n : \"空位置\"))])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"g_d_group_tableBox\"},[_c('div',{staticClass:\"g_d_group_chair2\"},[(_vm.groupJson.number > 2)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][2],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][2] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][2])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][2]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][2].name\n : \"空位置\"))])]):_vm._e(),_vm._v(\" \"),(_vm.groupJson.number > 6)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][6],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][6] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][6])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][6]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][6].name\n : \"空位置\"))])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"g_d_group_table\"},[_c('div',[_vm._v(\"\\n \"+_vm._s(g.name)+\"\\n \")]),_vm._v(\" \"),_c('div',[(_vm.courseDetail.userid == _vm.userid && _vm.groupJson.islock == 2)?_c('div',{on:{\"click\":function($event){return _vm.deleteGroupChair(g.id, gindex)}}},[_vm._v(\"\\n 移除組員\\n \")]):(_vm.groupStudentUid && _vm.groupStudentUid[g.id].indexOf(_vm.userid) == -1)?_c('div',{on:{\"click\":function($event){return _vm.selectGroup(g.id)}}},[_vm._v(\"\\n 加入分組\\n \")]):(_vm.groupStudentUid && _vm.groupStudentUid[g.id].indexOf(_vm.userid) != -1)?_c('div',{on:{\"click\":function($event){_vm.exitGroup(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][\n _vm.groupStudentUid[g.id].indexOf(_vm.userid)\n ].id)}}},[_vm._v(\"\\n 退出分組\\n \")]):_vm._e(),_vm._v(\" \"),((_vm.courseDetail.userid == _vm.userid || (_vm.courseDetail.course_teacher && _vm.courseDetail.course_teacher.indexOf(_vm.userid) != -1)) && _vm.groupStudent[g.id].length < _vm.groupJson.number)?_c('div',{staticStyle:{\"margin-top\":\"10px\"},on:{\"click\":function($event){return _vm.addGroupStudent(g.id)}}},[_vm._v(\"\\n 添加組員\\n \")]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"g_d_group_chair2\"},[(_vm.groupJson.number > 3)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][3],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][3] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][3])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][3]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][3].name\n : \"空位置\"))])]):_vm._e(),_vm._v(\" \"),(_vm.groupJson.number > 7)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][7],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][7] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][7])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][7]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][7].name\n : \"空位置\"))])]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"g_d_group_chair\"},[(_vm.groupJson.number > 1)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][1],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][1] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][1])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][1]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][1].name\n : \"空位置\"))])]):_vm._e(),_vm._v(\" \"),(_vm.groupJson.number > 5)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][5],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][5] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][5])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][5]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][5].name\n : \"空位置\"))])]):_vm._e(),_vm._v(\" \"),(_vm.groupJson.number > 9)?_c('div',[_c('span',{class:{\n isChair:\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][9],\n updateChair:\n _vm.courseDetail.userid == _vm.userid &&\n _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][9] &&\n _vm.groupJson.islock == 2,\n }},[_c('span',{staticClass:\"updateChairBtn\",on:{\"click\":function($event){return _vm.updateGroupChair(_vm.groupStudent[g.id] && _vm.groupStudent[g.id][9])}}},[_vm._v(\"修改\")])]),_c('span',[_vm._v(_vm._s(_vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][9]\n ? _vm.groupStudent[g.id] &&\n _vm.groupStudent[g.id][9].name\n : \"空位置\"))])]):_vm._e()])])}),0):(!_vm.groupJson.group.length)?_c('div',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(_vm._s(_vm.courseDetail.userid == _vm.userid ? \"暫無分組，請點擊右上角設置分組\" :\n \"老師暫未添加分組\"))]):(!_vm.isopen)?_c('div',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(_vm._s(\"已關閉分組\"))]):_vm._e()])]):_vm._e(),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"})]),_vm._v(\" \"),_c('el-dialog',{staticClass:\"dialog_diy\",attrs:{\"title\":\"分組設置\",\"visible\":_vm.dialogVisibleGroup2,\"append-to-body\":true,\"width\":\"650px\",\"before-close\":_vm.handleClose},on:{\"update:visible\":function($event){_vm.dialogVisibleGroup2=$event}}},[_c('div',{staticClass:\"groupBox\"},[(_vm.groupJson2.group)?_c('div',{staticClass:\"groupContent\"},[_c('div',{staticClass:\"groupTitle\"},[_vm._v(\"請設置小組數量及名稱\")]),_vm._v(\" \"),_vm._l((_vm.groupJson2.group),function(item,index){return _c('div',{key:index,staticClass:\"groupName\"},[_c('span',{staticClass:\"groupn\"},[_vm._v(\"第\"+_vm._s(index + 1)+\"組名稱:\")]),_vm._v(\" \"),_c('el-input',{staticStyle:{\"width\":\"250px\"},attrs:{\"placeholder\":\"請輸入名稱...\"},model:{value:(item.name),callback:function ($$v) {_vm.$set(item, \"name\", $$v)},expression:\"item.name\"}}),_vm._v(\" \"),_c('div',{staticClass:\"groupBtn\"},[((_vm.groupJson2.group.length - 1) == index)?_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.addGroup(index)}}},[_vm._v(\"\\n 添加\")]):_vm._e(),_vm._v(\" \"),(_vm.groupJson2.group && _vm.groupJson2.group.length > 1)?_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.deleteGroup(index)}}},[_vm._v(\"刪除\")]):_vm._e()],1)],1)})],2):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"groupContent\"},[_c('div',{staticClass:\"groupTitle\"},[_vm._v(\"請設置每組人數\")]),_vm._v(\" \"),_c('el-input',{staticStyle:{\"width\":\"150px\"},attrs:{\"placeholder\":\"請輸入2-10的數字\"},on:{\"change\":_vm.numberPan},model:{value:(_vm.groupJson2.number),callback:function ($$v) {_vm.$set(_vm.groupJson2, \"number\", $$v)},expression:\"groupJson2.number\"}})],1)]),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.dialogVisibleGroup2 = false}}},[_vm._v(\"取 消\")]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.updateGroupJson(2)}}},[_vm._v(\"確定\")])],1)]),_vm._v(\" \"),_c('el-dialog',{staticClass:\"dialog_diy\",attrs:{\"title\":\"移除組員\",\"visible\":_vm.dialogVisibleDeleteGroup,\"append-to-body\":true,\"width\":\"350px\",\"before-close\":_vm.handleClose},on:{\"update:visible\":function($event){_vm.dialogVisibleDeleteGroup=$event}}},[_c('div',[_c('h2',[_vm._v(\"\\n \"+_vm._s(this.deleteGroupArray.name)+\"\\n \")]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"rgb(171 171 171)\",\"margin-top\":\"10px\"}},[_vm._v(\"\\n 請選擇要刪除的組員\\n \")]),_vm._v(\" \"),_c('el-checkbox-group',{model:{value:(_vm.checkDeleteGroup),callback:function ($$v) {_vm.checkDeleteGroup=$$v},expression:\"checkDeleteGroup\"}},_vm._l((_vm.deleteGroupUser),function(item,index){return _c('el-checkbox',{key:index,staticStyle:{\"display\":\"flex\",\"margin-top\":\"20px\"},attrs:{\"label\":item.userid}},[_vm._v(_vm._s(item.name))])}),1)],1),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.dialogVisibleDeleteGroup = false}}},[_vm._v(\"取 消\")]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.deleteChair}},[_vm._v(\"確定\")])],1)]),_vm._v(\" \"),_c('el-dialog',{staticClass:\"dialog_diy\",attrs:{\"title\":\"修改分組\",\"visible\":_vm.dialogVisibleUpdateGroup,\"append-to-body\":true,\"width\":\"350px\",\"before-close\":_vm.handleClose},on:{\"update:visible\":function($event){_vm.dialogVisibleUpdateGroup=$event}}},[_c('div',[_c('h2',[_vm._v(\"\\n \"+_vm._s(this.updateGroupUser.name)+\"\\n \")]),_vm._v(\" \"),_c('div',{staticStyle:{\"color\":\"rgb(171 171 171)\",\"margin-top\":\"10px\"}},[_vm._v(\"\\n 請選擇要進入的分組\\n \")]),_vm._v(\" \"),_c('el-radio-group',{model:{value:(_vm.checkChair),callback:function ($$v) {_vm.checkChair=$$v},expression:\"checkChair\"}},_vm._l((_vm.updateGroupArray),function(item,index){return _c('el-radio',{key:index,staticStyle:{\"display\":\"block\",\"margin-top\":\"20px\"},attrs:{\"label\":item.id}},[_vm._v(_vm._s(item.name))])}),1)],1),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.dialogVisibleUpdateGroup = false}}},[_vm._v(\"取 消\")]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.updateChair}},[_vm._v(\"確定\")])],1)]),_vm._v(\" \"),_c('el-dialog',{staticClass:\"addNewPP\",attrs:{\"title\":\"添加學生\",\"visible\":_vm.dialogVisibleMember,\"append-to-body\":true,\"width\":\"540px\",\"height\":\"80%\",\"before-close\":_vm.handleClose},on:{\"update:visible\":function($event){_vm.dialogVisibleMember=$event}}},[_c('div',{staticClass:\"people\"},[_c('div',{staticClass:\"people_top\"},[_c('div',{staticClass:\"people_top_right\"},[_c('div',{staticClass:\"people_search\"},[_c('el-input',{attrs:{\"placeholder\":\"搜索學生的姓名\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.getStudent.apply(null, arguments)}},model:{value:(_vm.searchTN),callback:function ($$v) {_vm.searchTN=$$v},expression:\"searchTN\"}}),_vm._v(\" \"),_c('div',{staticClass:\"search_img\",on:{\"click\":_vm.getStudent}},[_c('img',{attrs:{\"src\":require(\"../../assets/icon/search.png\"),\"alt\":\"\"}})])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"people_nav\"},[_vm._v(\"選擇成員\")])]),_vm._v(\" \"),(_vm.classJuri.length)?_c('div',{staticClass:\"i_box_login2\"},_vm._l((_vm.classJuri),function(item){return _c('div',{key:item.userid,class:{ active: _vm.checkboxList3.indexOf(item.userid) != -1 },attrs:{\"label\":item.userid},on:{\"click\":function($event){return _vm.addGroupUser(item.userid)}}},[_c('el-tooltip',{attrs:{\"placement\":\"top\",\"content\":item.name ? item.name : '暫無姓名'}},[_c('span',[_vm._v(_vm._s(item.name ? item.name : \"暫無姓名\"))])])],1)}),0):_c('div',{staticStyle:{\"text-align\":\"center\",\"margin-top\":\"10px\"}},[_vm._v(\"暫無數據\")])]),_vm._v(\" \"),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.dialogVisibleMember = false}}},[_vm._v(\"取 消\")]),_vm._v(\" \"),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.joinGroup2}},[_vm._v(\"確定\")])],1)])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9732ee84\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/group/group.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-9732ee84\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../../node_modules/language-hk-loader/index.js!./group.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./group.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./group.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9732ee84\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!../../../node_modules/language-hk-loader/index.js!./group.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-9732ee84\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/group/group.vue\n// module id = null\n// module chunks = ","export const tools = {\r\n 58: { name: \"模拟驾驶\" },\r\n 59: { name: \"路径搜索\" },\r\n 60: { name: \"深度学习\" },\r\n 10: { name: \"倒计时\" },\r\n 65: { name: \"挑人\" },\r\n 7: { name: \"思维网格\" },\r\n 1: { name: \"电子白板\" },\r\n 52: { name: \"文档\" },\r\n 3: { name: \"思维导图\" },\r\n 48: { name: \"表格\" },\r\n 49: { name: \"学生分组\" },\r\n 4: { name: \"问卷调查\" },\r\n 45: { name: \"选择题\" },\r\n 15: { name: \"问答\" },\r\n 16: { name: \"作业提交\" },\r\n 50: { name: \"批量上传\" },\r\n 41: { name: \"选择匹配\" },\r\n 47: { name: \"排序\" },\r\n 40: { name: \"个人评价\" },\r\n 18: { name: \"训练平台\" },\r\n 21: { name: \"AIoT Blockly\" },\r\n 23: { name: \"AI Python\" },\r\n 24: { name: \"AI Blockly\" },\r\n 32: { name: \"源码编辑\" },\r\n 57: { name: \"CocoPi\" },\r\n 63: { name: \"海龟编程\" },\r\n 28: { name: \"翻译\" },\r\n 31: { name: \"数字画板\" },\r\n 39: { name: \"GeoGebra\" },\r\n 66: { name: \"公式编辑\" },\r\n 67: { name: \"分子结构\" },\r\n 68: { name: \"时间轴\" },\r\n 69: { name: \"英语写作\" },\r\n 69: { name: \"英语口语\" },\r\n 25: { name: \"目标管理\" },\r\n 26: { name: \"课程设计\" },\r\n 71: { name: \"AI智能体\" },\r\n 62: { name: \"交互视频\" }\r\n};\n\n\n// WEBPACK FOOTER //\n// ./src/common/tools.js","\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 全部
\r\n {{ item.name }}
\r\n \r\n
\r\n 全部
\r\n {{ item.name }}
\r\n \r\n
\r\n \r\n 提示：開啟【開放選座】，學生能夠自由加入和退出小組。\r\n
\r\n \r\n \r\n \r\n 開放選座\r\n
\r\n \r\n 開啟分組\r\n
\r\n \r\n 分組設置\r\n
\r\n \r\n 刪除分組\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 1\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][0]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][0].name\r\n : \"空位置\" }}\r\n
\r\n 4\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][4]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][4].name\r\n : \"空位置\" }}\r\n
\r\n 8\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][8]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][8].name\r\n : \"空位置\" }}\r\n
\r\n \r\n
\r\n \r\n
\r\n 2\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][2]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][2].name\r\n : \"空位置\" }}\r\n
\r\n 6\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][6]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][6].name\r\n : \"空位置\" }}\r\n
\r\n \r\n
\r\n \r\n {{ g.name }}\r\n
\r\n \r\n
\r\n \r\n 移除組員\r\n
\r\n \r\n 加入分組\r\n
\r\n \r\n 退出分組\r\n
\r\n \r\n 添加組員\r\n
\r\n \r\n
\r\n 3\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][3]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][3].name\r\n : \"空位置\" }}\r\n
\r\n 7\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][7]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][7].name\r\n : \"空位置\" }}\r\n
\r\n \r\n
\r\n 1\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][1]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][1].name\r\n : \"空位置\" }}\r\n
\r\n 5\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][5]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][5].name\r\n : \"空位置\" }}\r\n
\r\n 9\">\r\n 修改{{\r\n groupStudent[g.id] &&\r\n groupStudent[g.id][9]\r\n ? groupStudent[g.id] &&\r\n groupStudent[g.id][9].name\r\n : \"空位置\" }}\r\n
\r\n {{ courseDetail.userid == userid ? \"暫無分組，請點擊右上角設置分組\" :\r\n \"老師暫未添加分組\" }}
\r\n {{ \"已關閉分組\" }}
\r\n \r\n
\r\n \r\n \r\n
\r\n 請設置小組數量及名稱
\r\n \r\n 第{{ index + 1 }}組名稱:\r\n
\r\n \r\n \r\n 添加 \r\n 1\">刪除 \r\n
\r\n \r\n
\r\n 請設置每組人數
\r\n \r\n \r\n {{ item.name }} \r\n \r\n
\r\n \r\n \r\n {{ this.deleteGroupArray.name }}\r\n
\r\n\r\n 請選擇要刪除的組員\r\n
\r\n \r\n \r\n {{ item.name }} \r\n \r\n
\r\n \r\n \r\n {{ this.updateGroupUser.name }}\r\n
\r\n\r\n 請選擇要進入的分組\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 選擇成員
\r\n \r\n
\r\n \r\n \r\n {{ item.name ? item.name : \"暫無姓名\" }}\r\n \r\n
\r\n 暫無數據
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/scoreZong/get.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"sz_body\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],on:{\"click\":_vm.exportExcel}},[_vm._v(\"導出\")]),_vm._v(\" \"),_c('div',{staticStyle:{\"font-size\":\"18px\",\"margin-bottom\":\"20px\"}},[_vm._v(\"評分人數：\"),_c('span',{staticClass:\"color\"},[_vm._v(_vm._s(_vm.num))]),_vm._v(\"人 總平均分：\"),_c('span',{staticClass:\"color\"},[_vm._v(_vm._s(_vm.num ? _vm.score ? (_vm.score / _vm.num).toFixed(1) : 0 : 0))])]),_vm._v(\" \"),_vm._l((_vm.testList),function(item,index){return _c('div',{key:index,staticClass:\"test_box\"},[_c('div',{staticClass:\"testTitle\"},[_vm._v(_vm._s(item.title))]),_vm._v(\" \"),_vm._l((item.array),function(item2,index2){return (item.type == '1')?_c('div',{key:index + '-' + index2,staticClass:\"testContent\"},[_c('div',{staticClass:\"testContent_title\"},[_vm._v(_vm._s(index2 + 1)+\"、\"+_vm._s(item2.title))]),_vm._v(\" \"),_c('div',{staticClass:\"testContent_input\"},[_c('span',[_vm._v(\"平均分：\")]),_vm._v(\" \"),_c('span',{staticClass:\"color\"},[_vm._v(_vm._s(_vm.num ? item2.uscore ? (item2.uscore / _vm.num).toFixed(2) : 0 : 0))])])]):_vm._e()}),_vm._v(\" \"),(item.type == '2')?_c('div',_vm._l((item.answerArray),function(answer,index2){return _c('div',{key:index + '-' + index2,staticClass:\"test_ping\"},[_c('span',{staticStyle:{\"min-width\":\"fit-content\"}},[_vm._v(_vm._s(index2 + 1)+\".\")]),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(answer))])])}),0):_vm._e()],2)})],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-38f00b83\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./node_modules/language-hk-loader!./src/components/scoreZong/get.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-38f00b83\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!../../../node_modules/language-hk-loader/index.js!./get.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./get.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!../../../node_modules/language-hk-loader/index.js!./get.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-38f00b83\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!../../../node_modules/language-hk-loader/index.js!./get.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-38f00b83\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/scoreZong/get.vue\n// module id = null\n// module chunks = ","\r\n 導出
\r\n 評分人數：{{ num }}人 總平均分：{{ num ? score ? (score / num).toFixed(1) : 0 : 0 }}
\r\n \r\n
\r\n {{ item.title }}
\r\n \r\n
\r\n {{ index2 + 1 }}、{{ item2.title }}
\r\n \r\n \r\n 平均分：\r\n {{ num ? item2.uscore ? (item2.uscore / num).toFixed(2) : 0 : 0 }}\r\n
\r\n \r\n
\r\n \r\n {{ index2 + 1 }}.\r\n {{ answer }}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 0\r\n ? JSON.parse(this.courseDetail.cover)[0].url\r\n : mr\r\n : mr\r\n \"\r\n alt\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ courseDetail.title }}
\r\n {{ chapInfo.length }}階段
\r\n {{ rw }}任務
\r\n \r\n \r\n {{\r\n \"分類\" + \":\"\r\n }}\r\n {{ item2 }} \r\n
\r\n \r\n \r\n 創建者：{{\r\n courseDetail.username\r\n }}\r\n
\r\n 參與人數：
\r\n \r\n \r\n {{\r\n courseDetail.vcount != null ? courseDetail.vcount : 0\r\n }}人\r\n
\r\n \r\n 0\"\r\n @click=\"TnameCheck = !TnameCheck\"\r\n style=\"color: #717c8d; font-weight: 400\"\r\n >\r\n 協同成員：{{ tname }} 6\"\r\n >展開 6\">收起\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![\"\"](\"../assets/icon/newIcon/codeIcon.png\")
\r\n
\r\n \r\n 生成二維碼
\r\n \r\n ![\"\"](\"../assets/icon/newIcon/groupIcon.png\")
\r\n
\r\n \r\n \r\n {{\r\n courseDetail.userid != userid &&\r\n courseDetail.course_teacher &&\r\n courseDetail.course_teacher.indexOf(userid) == -1\r\n ? \"加入分組\"\r\n : \"設置分組\"\r\n }}\r\n
\r\n \r\n
\r\n \r\n \r\n ![\"\"](\"../assets/icon/newIcon/CourseInfo.png\")
\r\n
\r\n \r\n 導出信息
\r\n \r\n
\r\n \r\n \r\n ![\"\"](\"../assets/icon/newIcon/uploadCourse.png\")
\r\n
\r\n \r\n 導出文件
\r\n \r\n ![\"\"](\"../assets/icon/newIcon/people.png\")
\r\n
\r\n \r\n 以班級授課
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n 課程詳情
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 階段選擇\r\n
\r\n \r\n {{\r\n courseDetail.state == 1\r\n ? \"階段模式\"\r\n : courseDetail.state == 2\r\n ? \"任務模式\"\r\n : courseDetail.state == 3\r\n ? \"極簡模式\"\r\n : \"AI模式\"\r\n }}\r\n
\r\n 課程分析\r\n 課程評價\r\n \r\n \r\n 任務查看\r\n
\r\n 第{{ index + 1 }}階段
\r\n \r\n {{ item.dyName }}\r\n
\r\n \r\n {{ item.chapterInfo[0].taskJson.length }}個任務\r\n
\r\n \r\n
\r\n \r\n 工具分析\r\n
\r\n \r\n
\r\n \r\n 全部階段:{{ chaptersJson.state.stage }}\r\n
\r\n \r\n 已進行:{{ chaptersJson.state.finish }}\r\n
\r\n \r\n 未進行:{{\r\n chaptersJson.state.learing\r\n }}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n 第{{ index + 1 }}階段 {{ item.name }}\r\n
\r\n \r\n \r\n \r\n 1 ? 'borderRight' : ''\"\r\n >\r\n
\r\n \r\n
\r\n 任務{{ index2 + 1 }}:
\r\n \r\n \r\n \r\n {{ item2.name }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n 電子白板
\r\n \r\n
\r\n 思維導圖
\r\n \r\n
\r\n 協同文檔
\r\n \r\n
\r\n 思維網格
\r\n \r\n
\r\n 素材庫
\r\n \r\n
\r\n 學習資料
\r\n \r\n
\r\n 便簽
\r\n \r\n
\r\n 問卷調查
\r\n \r\n
\r\n \r\n 選擇題
\r\n \r\n
\r\n 倒計時
\r\n \r\n
\r\n 問答
\r\n \r\n
\r\n 課程設計
\r\n \r\n
\r\n 訓練服務器
\r\n \r\n
\r\n 作業提交
\r\n \r\n
\r\n AIoT Blockly
\r\n \r\n
\r\n AI體驗
\r\n \r\n
\r\n AI Python
\r\n \r\n
\r\n AI Blockly
\r\n \r\n
\r\n 目標管理
\r\n \r\n
\r\n 數學畫板
\r\n \r\n
\r\n 翻譯
\r\n \r\n
\r\n 魔盒識字
\r\n \r\n
\r\n 24點
\r\n \r\n
\r\n GeoGebra
\r\n \r\n
\r\n 源碼編輯
\r\n \r\n
\r\n 學生評價
\r\n \r\n
\r\n 選擇匹配
\r\n \r\n
\r\n 漢字宮
\r\n \r\n
\r\n 排序
\r\n \r\n
\r\n 表格
\r\n \r\n
\r\n 學生分組
\r\n \r\n
\r\n 批量上傳
\r\n \r\n
\r\n CocoPi
\r\n \r\n
\r\n 模擬駕駛
\r\n \r\n
\r\n 路徑搜索
\r\n \r\n
\r\n 深度學習
\r\n \r\n
\r\n 深度學習
\r\n \r\n
\r\n 交互視頻
\r\n \r\n
\r\n 海龜編程
\r\n \r\n
\r\n 挑人
\r\n \r\n
\r\n 公式編輯
\r\n \r\n
\r\n 分子結構
\r\n \r\n
\r\n 時間軸
\r\n \r\n
\r\n 英語寫作
\r\n \r\n
\r\n 英語口語
\r\n \r\n
\r\n AI智能體
\r\n \r\n
\r\n \r\n \r\n 活躍頻率\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 1) &&\r\n (item.chapter[0].task.length == 1 ||\r\n item.chapter[0].task.length > 1) &&\r\n item.chapter[0].task[0].works.length == 0\r\n ? '#ccc'\r\n : '',\r\n }\"\r\n >\r\n 第{{ index + 1 }}階段 {{ item.name }}\r\n
\r\n 實施時間
\r\n \r\n \r\n {{ courseDetail.title }}\r\n
\r\n \r\n \r\n 1) &&\r\n (item.chapter[0].task.length == 1 ||\r\n item.chapter[0].task.length > 1) &&\r\n item.chapter[0].task[0].works.length == 0\r\n ? 'bgCss'\r\n : ''\r\n \"\r\n >
\r\n \r\n \r\n {{ item.time }}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 任務{{ index2 + 1 }}：{{ item2.name }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n 步驟{{ index3 + 1 }}：\r\n
\r\n 電子白板
\r\n 思維導圖
\r\n 協同文檔
\r\n 思維網格
\r\n 素材庫
\r\n 學習資料
\r\n 便簽
\r\n 問卷調查
\r\n 選擇題
\r\n 倒計時
\r\n 問答
\r\n 課程設計
\r\n \r\n 訓練服務器\r\n
\r\n 作業提交
\r\n \r\n AIoT Blockly\r\n
\r\n AI體驗
\r\n AI Python
\r\n \r\n AI Blockly\r\n
\r\n 目標管理
\r\n 數學畫板
\r\n 翻譯
\r\n 魔盒識字
\r\n 24點
\r\n GeoGebra
\r\n 源碼編輯
\r\n 學生評價
\r\n 選擇匹配
\r\n 漢字宮
\r\n 排序
\r\n 表格
\r\n 學生分組
\r\n 批量上傳
\r\n CocoPi
\r\n 模擬駕駛
\r\n 路徑搜索
\r\n 深度學習
\r\n ![\"\"](\"../../assets/icon/startTime.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/icon/endTime.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/icon/allTime.png\"){kind=icon}
\r\n ![](\"../../assets/icon/task.png\"){kind=icon}
任務進展甘特圖![](\"../../assets/icon/tupu.png\"){kind=icon}
圖譜![](\"../../assets/icon/proMan.png\"){kind=icon}
負責人看板![](\"../../assets/people.png\")
\r\n ![](\"../../assets/icon/secondToolList/whiteBoard.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/mindMapping.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/doc.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/mindNetwork.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/library.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/note.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/ask.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/choose.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/time.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/answer.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/courseDesign.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/trainPlatform.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/work.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/program.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/AIprogram.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/evalua.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/networkPanel.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/translation.png\"){kind=spacer}
\r\n ![](\"../../assets/icon/secondToolList/mohe.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/24game.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/GeoGebra.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/code.png\"){kind=icon}
\r\n ![](\"../../assets/icon/secondToolList/eval.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/select.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/hanClass.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/conSentences.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/table.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/group.png\"){kind=icon}
\r\n ![](\"../../assets/icon/thirdToolList/plwork.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/cocopi.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/car.png\"\r\n){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/lineSearch.png\"){kind=icon}
\r\n ![](\"../../assets/icon/fourthToolList/deepLearning.png\"){kind=icon}
\r\n ![](\"../../assets/icon/empytool.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/icon/up.png\"){kind=icon}
\r\n ![](\"@/assets/people.png\")
\r\n ![\"\"](\"../../assets/full.png\")
\r\n ![\"\"](\"../../assets/icon/pj/ech.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/icon/pj/score.png\"){kind=icon}
\r\n ![\"\"](\"../assets/full.png\")
\r\n ![\"\"](\"../assets/icon/pj/ech.png\"){kind=icon}
\r\n ![\"\"](\"../assets/icon/pj/score.png\"){kind=icon}
\r\n ![\"\"](\"@/assets/icon/pj/ech.png\"){kind=icon}
\r\n ![\"\"](\"@/assets/icon/pj/score.png\"){kind=icon}
\r\n ![\"\"](\"../assets/tx.png\")
![](\"../../assets/nominddata.png\")
\r\n ![](\"../assets/icon/isNoMessage.png\"){kind=icon}
\r\n ![](\"../assets/icon/uploadImg.png\"){kind=icon}
\r\n ![](\"../assets/icon/deleteWorks.png\"){kind=icon}
\r\n ![](\"../assets/loading.gif\")
上傳中，請稍後\r\n ![](\"../assets/icon/question.png\"){kind=icon}
\r\n ![\"\"](\"../assets/avatar.png\"){kind=avatar}
![\"\"](\"../assets/icon/comment/comment.png\"){kind=icon}
\r\n ![](\"../assets/icon/logo.png\"){kind=icon}
\r\n ![](\"../assets/icon/secondToolList/whiteBoard.png\"){kind=icon}
\r\n ![](\"../assets/icon/thirdToolList/translation.png\"){kind=spacer}
\r\n ![](\"../assets/icon/thirdToolList/ask.png\"){kind=icon}
\r\n ![](\"../assets/icon/secondToolList/doc.png\"){kind=icon}
\r\n ![](\"../assets/icon/firstToolList/myMessage.png\"){kind=icon}
\r\n ![](\"../assets/uploadMp4.png\")
\r\n ![](\"../assets/file.png\")
\r\n ![\"\"](\"../../assets/icon/english/delete.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/icon/english/uploadImg.png\"){kind=icon}
\r\n ![](\"../../assets/icon/plwork1.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/icon/englishVoice/start_aduio.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/icon/englishVoice/stop_audio.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/icon/englishVoice/coin.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/avatar.png\"){kind=avatar}
![](\"../../../../assets/loading.gif\")
上傳中，請稍後\r\n ![](\"../../../assets/icon/fileIcon/deleteworks.png\"\r\n){kind=icon}
\r\n ![](\"../../../assets/icon/fileIcon/download.png\"\r\n){kind=icon}
\r\n ![](\"../../../assets/loading.gif\")
上傳中，請稍後\r\n ![\"\"](\"../../assets/icon/teacherPz.png\"){kind=icon}
\r\n ![\"\"](\"../../assets/close1.png\")
\r\n ![\"\"](\"../../../assets/icon/newIcons/right.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/icon/newIcons/delete.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/icon/noPz.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/icon/teacherPz.png\"){kind=icon}
\r\n ![\"\"](\"../../../assets/close1.png\")
\r\n ![\"\"](\"../assets/icon/newIcons/isRight.png\"){kind=icon}
\r\n ![](\"../assets/icon/newIcons/right.png\"){kind=icon}
\r\n ![](\"../assets/icon/newIcons/bDown2.png\"){kind=icon}
\r\n ![](\"../assets/icon/newIcon/down.png\"){kind=icon}
\r\n ![](\"../assets/icon/works/noImg.png\"){kind=icon}
\r\n