|
|
@@ -1,11 +1,17 @@
|
|
|
<template>
|
|
|
<div style="height:100%">
|
|
|
<Header></Header>
|
|
|
- <div class="container" v-if="isLogin" >
|
|
|
- <div class="container-left" :style="leftShow ? {width:0}:{width:'240px'}">
|
|
|
+ <div class="container" v-if="isLogin">
|
|
|
+ <div class="container-left" :style="leftShow ? { width: 0 } : { width: '240px' }">
|
|
|
<div :class="activeIndex == 0 ? 'container-left-top active' : 'container-left-top'" @click="activeIndex = 0">
|
|
|
<img class="icon-img" :src="activeIndex == 0 ? img1 : img11" alt="教学中心" />教学中心
|
|
|
</div>
|
|
|
+ <div :class="activeIndex == 5 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(5)">
|
|
|
+ <img class="icon-img" :src="activeIndex == 5 ? img1 : img11" alt="教学中心" />学生评价
|
|
|
+ </div>
|
|
|
+ <div :class="activeIndex == 6 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(6)">
|
|
|
+ <img class="icon-img" :src="activeIndex == 6 ? img1 : img11" alt="教学中心" />管理后台
|
|
|
+ </div>
|
|
|
<div class="container-left-top" @click="dialogVisible = !dialogVisible">
|
|
|
<span>
|
|
|
<img class="icon-img" :src="img2" alt="AI 应用" />AI 应用
|
|
|
@@ -24,20 +30,24 @@
|
|
|
<!-- <div :class="activeIndex == 3 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(3)">
|
|
|
AI
|
|
|
应用精选</div> -->
|
|
|
+ <div :class="activeIndex == 4 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(4)">
|
|
|
+ 添加知识库
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</transition>
|
|
|
- <div class="container-left-show" :style="leftShow ? {width:'35px'}:{width:'240px'}" @click="leftShow = !leftShow">
|
|
|
+ <div class="container-left-show" :style="leftShow ? { width: '35px' } : { width: '240px' }"
|
|
|
+ @click="leftShow = !leftShow">
|
|
|
<img :src="shows" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="main" :style="leftShow ? {width:'100%'}:''" v-if="activeIndex == 0">
|
|
|
+ <div class="main" :style="leftShow ? { width: '100%' } : ''" v-if="activeIndex == 0">
|
|
|
<!-- <BannerVue></BannerVue> -->
|
|
|
<CourseSelect></CourseSelect>
|
|
|
<DemoCurourse />
|
|
|
<resource></resource>
|
|
|
<Practice></Practice>
|
|
|
<!-- <other v-if="!isupdateCourse"></other> -->
|
|
|
- <Edu v-if="isLogin"></Edu>
|
|
|
+ <Edu v-if="!isLogin"></Edu>
|
|
|
<Feedback></Feedback>
|
|
|
</div>
|
|
|
<div class="iframe" v-else-if="activeIndex == 1" v-loading="loading">
|
|
|
@@ -48,7 +58,8 @@
|
|
|
<el-dialog v-model="iframeRef2Dialog" width="450" @close="clickSwitch(1)">
|
|
|
<template #header="{ }">
|
|
|
<div class="my-header">
|
|
|
- <h4 style="display: flex;align-items: center;color: #0354D7;font-weight: bold;"><img :src="info" alt="" style="margin-right: 5px;" />无权访问 !</h4>
|
|
|
+ <h4 style="display: flex;align-items: center;color: #0354D7;font-weight: bold;"><img :src="info" alt=""
|
|
|
+ style="margin-right: 5px;" />无权访问 !</h4>
|
|
|
</div>
|
|
|
</template>
|
|
|
<div class="dialog-content">
|
|
|
@@ -56,21 +67,24 @@
|
|
|
</div>
|
|
|
<template #footer="{ }">
|
|
|
<div class="dialog-footer" style="text-align: right;">
|
|
|
- <el-button @click="clickSwitch(1)">返回</el-button>
|
|
|
+ <el-button @click="clickSwitch(1)">返回</el-button>
|
|
|
<el-button type="primary" @click="copyEmail">复制邮箱</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
<div class="iframe" v-else-if="activeIndex == 3" v-loading="loading">
|
|
|
<iframe ref="iframeRef" src="//app.cocorobo.cn/#/appSelection" frameborder="0"></iframe>
|
|
|
</div>
|
|
|
+ <div class="iframe" v-else v-loading="loading">
|
|
|
+ <iframe ref="iframeRef4" :src="iframeRef1Url4" frameborder="0"></iframe>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
-import { ref, watchEffect,onMounted } from 'vue';
|
|
|
+import { ref, watchEffect, onMounted } from 'vue';
|
|
|
import img1 from '@/assets/icon/1.png'
|
|
|
import img11 from '@/assets/icon/1-1.png'
|
|
|
import img2 from '@/assets/icon/2.png'
|
|
|
@@ -99,15 +113,17 @@ const dialogVisible = ref(true)
|
|
|
const iframeRef = ref(null)
|
|
|
const iframeRef1 = ref(null)
|
|
|
const iframeRef2 = ref(null)
|
|
|
+const iframeRef4 = ref(null)
|
|
|
const loading = ref(false)
|
|
|
const iframeRef1Url = ref('')
|
|
|
const iframeRef2Url = ref('')
|
|
|
+const iframeRef1Url4 = ref('')
|
|
|
const iframeRef2Dialog = ref(false)
|
|
|
const leftShow = ref(false)
|
|
|
|
|
|
onMounted(() => {
|
|
|
let timer = setInterval(() => {
|
|
|
- if(JSON.stringify(user.user) != "{}") {
|
|
|
+ if (JSON.stringify(user.user) != "{}") {
|
|
|
clickSwitch(1)
|
|
|
clearInterval(timer)
|
|
|
}
|
|
|
@@ -133,7 +149,7 @@ const clickSwitch = (index) => {
|
|
|
iframeRef1.value.onload = () => {
|
|
|
loading.value = false
|
|
|
}
|
|
|
- }, 10)
|
|
|
+ }, 100)
|
|
|
} else if (index == 3 && activeIndex.value != 3) {
|
|
|
loading.value = true
|
|
|
setTimeout(() => {
|
|
|
@@ -149,6 +165,36 @@ const clickSwitch = (index) => {
|
|
|
loading.value = false
|
|
|
}
|
|
|
}, 10)
|
|
|
+ } else if (index == 4 && activeIndex.value != 4) {
|
|
|
+ loading.value = true
|
|
|
+ // //storage.cocorobo.cn/dist/#/knowledge?userid=b7ccc834-aae5-11ea-a8d4-52540005ab01&oid=45facc0a-1211-11ec-80ad-005056b86db5&org=null
|
|
|
+ iframeRef1Url4.value = `//storage.cocorobo.cn/dist/#/knowledge?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}`
|
|
|
+ setTimeout(() => {
|
|
|
+ iframeRef4.value.onload = () => {
|
|
|
+ loading.value = false
|
|
|
+ }
|
|
|
+ loading.value = false
|
|
|
+ }, 100)
|
|
|
+ } else if (index == 5 && activeIndex.value != 5) {
|
|
|
+ loading.value = true
|
|
|
+ // iframeRef1Url4.value = `//pbl.cocorobo.cn/pbl-teacher-table/dist/#/works?userid=4e748720-5878-11ef-b873-005056b86db5&oid=46034950-39b1-11ef-b873-005056b86db5&org=16ace517-b5c7-4168-a9bb-a9e0035df840`
|
|
|
+ iframeRef1Url4.value = `//pbl.cocorobo.cn/pbl-teacher-table/dist/#/works?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}`
|
|
|
+ setTimeout(() => {
|
|
|
+ iframeRef4.value.onload = () => {
|
|
|
+ loading.value = false
|
|
|
+ }
|
|
|
+ loading.value = false
|
|
|
+ }, 100)
|
|
|
+ } else if (index == 6 && activeIndex.value != 6) {
|
|
|
+ loading.value = true
|
|
|
+ //pbl.cocorobo.cn/pbl-teacher-table/dist/#/grade?userid=4e748720-5878-11ef-b873-005056b86db5&oid=46034950-39b1-11ef-b873-005056b86db5&org=16ace517-b5c7-4168-a9bb-a9e0035df840
|
|
|
+ iframeRef1Url4.value = `//pbl.cocorobo.cn/pbl-teacher-table/dist/#/grade?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}`
|
|
|
+ setTimeout(() => {
|
|
|
+ iframeRef4.value.onload = () => {
|
|
|
+ loading.value = false
|
|
|
+ }
|
|
|
+ loading.value = false
|
|
|
+ }, 100)
|
|
|
}
|
|
|
activeIndex.value = index
|
|
|
}
|
|
|
@@ -207,7 +253,7 @@ const show = () => {
|
|
|
|
|
|
}
|
|
|
|
|
|
- .container-left-show{
|
|
|
+ .container-left-show {
|
|
|
width: 240px;
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
@@ -237,8 +283,8 @@ const show = () => {
|
|
|
|
|
|
.el-overlay-dialog {
|
|
|
position: absolute !important;
|
|
|
-
|
|
|
- .el-dialog__header{
|
|
|
+
|
|
|
+ .el-dialog__header {
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
