|
|
@@ -3,16 +3,24 @@
|
|
|
<Header></Header>
|
|
|
<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 v-if="admin" :class="activeIndex == 6 ? 'container-left-top active' : 'container-left-top'"
|
|
|
- @click="clickSwitch(6)">
|
|
|
- <img class="icon-img" :src="activeIndex == 6 ? img1 : img11" alt="教学中心" />管理后台
|
|
|
+ <div :class="activeIndex == 0 ? 'container-left-top active' : 'container-left-top'" class="container-left-top" @click="dialogVisible1Switch()">
|
|
|
+ <span>
|
|
|
+ <img class="icon-img" :src="activeIndex == 0 ? img1 : img11" alt="AI 应用" />教学中心
|
|
|
+ <img v-if="dialogVisible1" class="up" :src="img3" alt="up" />
|
|
|
+ <img v-else class="up" :src="down" alt="down" />
|
|
|
+ </span>
|
|
|
</div>
|
|
|
+ <transition name="fade">
|
|
|
+ <div v-if="dialogVisible1">
|
|
|
+ <div :class="activeIndex == 5 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(5)">
|
|
|
+ 学生评价
|
|
|
+ </div>
|
|
|
+ <div v-if="admin" :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>
|
|
|
+ </transition>
|
|
|
<div class="container-left-top" @click="dialogVisible = !dialogVisible">
|
|
|
<span>
|
|
|
<img class="icon-img" :src="img2" alt="AI 应用" />AI 应用
|
|
|
@@ -36,7 +44,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</transition>
|
|
|
- <div class="container-left-show" :style="leftShow ? { width: '35px' } : { width: '229px' }"
|
|
|
+ <div class="container-left-show" :style="leftShow ? { width: '35px' } : { width: '240px' }"
|
|
|
@click="leftShow = !leftShow">
|
|
|
<img :src="shows" alt="">
|
|
|
</div>
|
|
|
@@ -48,7 +56,7 @@
|
|
|
<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" :style="leftShow ? { width: '100%' } : ''" v-else-if="activeIndex == 1" v-loading="loading">
|
|
|
@@ -111,6 +119,7 @@ const isupdateCourse = ref(false)
|
|
|
const isLogin = ref(false)
|
|
|
const activeIndex = ref(0)
|
|
|
const dialogVisible = ref(true)
|
|
|
+const dialogVisible1 = ref(true)
|
|
|
const iframeRef = ref(null)
|
|
|
const iframeRef1 = ref(null)
|
|
|
const iframeRef2 = ref(null)
|
|
|
@@ -132,6 +141,12 @@ onMounted(() => {
|
|
|
// }, 10);
|
|
|
})
|
|
|
|
|
|
+const dialogVisible1Switch = () => {
|
|
|
+ activeIndex.value = 0
|
|
|
+ dialogVisible1.value = !dialogVisible1.value
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
watchEffect(() => {
|
|
|
// console.log('111111111111',CurrentRole, user.user)
|
|
|
if (JSON.stringify(user.user) != "{}") {
|
|
|
@@ -281,7 +296,7 @@ const show = () => {
|
|
|
}
|
|
|
|
|
|
.iframe {
|
|
|
- width: calc(100% - 150px);
|
|
|
+ width: calc(100% - 240px);
|
|
|
height: calc(100vh - 60px);
|
|
|
position: relative;
|
|
|
|
