文档Cococlass的AI通识课界面修改

src/components/main/AIExperience.vue

@@ -1,5 +1,9 @@
 <template>
-	<h2 class="contentTitle">AI体验中心</h2>
+	<h2 class="contentTitle">
+		<div class="Levelone">
+			AI体验中心
+		</div>
+	</h2>
 
 	<div class="aiex">
 		<div
@@ -78,4 +82,16 @@ const gotoPage = () => {
 		}
 	}
 }
+.Levelone{
+  width: 120px;
+  background: #E0EAFB;
+  border-radius: 5px;
+  color: #5D8AFB;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 33px;
+  font-size: 16px;
+  font-weight: 500;
+}
 </style>

src/components/main/AIexploration.vue

@@ -1,5 +1,9 @@
 <template>
-	<h2 class="contentTitle">AI探究中心</h2>
+	<h2 class="contentTitle">
+		<div class="Levelone">
+			AI探究中心
+		</div>
+	</h2>
 
 	<div class="aiex">
 		<div
@@ -83,4 +87,16 @@ const gotoPage = () => {
 		}
 	}
 }
+.Levelone{
+  width: 120px;
+  background: #E0EAFB;
+  border-radius: 5px;
+  color: #5D8AFB;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 33px;
+  font-size: 16px;
+  font-weight: 500;
+}
 </style>

src/components/main/Practice.vue

@@ -1,5 +1,9 @@
 <template>
-  <h2 class="contentTitle">实践中心</h2>
+  <h2 class="contentTitle">
+    <div class="Levelone">
+			实践中心
+		</div>
+  </h2>
   <el-row :gutter="20">
     <el-col :span="6">
       <div class="grid-content" @click="openApplication('szdjgCocooroboX')">
@@ -25,18 +29,64 @@
 
       </div>
     </el-col>
+    <el-col :span="6">
+    <div class="grid-content" @click="openApplications('study')">
+      <!-- <router-link to="/iframe/其他课程资源/课程中心"> -->
+      <img :src="Img2" alt="">
+      <span class="course_down" @click="courseDown($event)">课件下载</span>
+      <div>
+        <p class="title" title="拓展课程">拓展课程</p>
+        <p title="教师使用预置或自定义补充资源开展授课。">教师使用预置或自定义补充资源开展授课。</p>
+      </div>
+      <!-- </router-link> -->
+    </div>
+  </el-col>
   </el-row>
+  <el-dialog v-model="dialogVisible" :before-close="handleClose" width=1200 >
+    <template #header>
+      <div class="dialog-header img_text_middle">
+        <!-- <img :src="WarningImg" alt=""> -->
+        <span class="warning_text">课程中心</span>
+      </div>
+    </template>
+    <CourseSelect :classDown="false"></CourseSelect>
+    <template #footer>
+      <div class="dialog-footer">
+        <!-- <el-button type="primary" @click="updateReduction()">
+          确认修改
+        </el-button> -->
+        <el-button @click="dialogVisible = false">取消</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 <script setup>
 import { ref } from 'vue';
+import CourseSelect from './downloadCourse.vue';
 import GraphicsImg from '@/assets/icon/图形化icon-1.png'
 import pythonImg from '@/assets/icon/Frame.png'
+import Img2 from '@/assets/icon/课程中心.png'
+import { userInfoStore } from '@/stores/counter'
+
+const dialogVisible = ref(false)
+const InfoStore = userInfoStore()
 
 
 const openApplication = (type) => {
   top.U.MD.D.I.openApplication(type)
 }
-
+const openApplications = (type) => {
+  if (type) {
+    console.log(type, InfoStore.user)
+    window.open('https://cloud.cocorobo.cn//#/' + type)
+  }else{
+    window.open("https://knowledge.cocorobo.cn/zh-CN/story-telling/643a21ae-d2ef-11ef-9d05-12e77c4cb76b")
+  }
+}
+const courseDown = e => {
+  dialogVisible.value = true
+  e.stopPropagation();
+}
 </script>
 <style lang="scss" scoped>
 .el-row {
@@ -116,4 +166,16 @@ const openApplication = (type) => {
 .el-row:last-child {
   margin-bottom: 0;
 }
+.Levelone{
+  width: 120px;
+  background: #E0EAFB;
+  border-radius: 5px;
+  color: #5D8AFB;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 33px;
+  font-size: 16px;
+  font-weight: 500;
+}
 </style>

src/components/main/courseSelect.vue

@@ -1,9 +1,13 @@
 <template>
-  <h2 class="contentTitle" v-if="classDown">课程列表</h2>
+  <h2 class="contentTitle" v-if="classDown">
+    <div class="Levelone">
+      课程列表
+    </div>
+  </h2>
   <div class="course_select">
     <span class="grandTitle">课程类型：</span>
-    <el-button :class="courseTypeShow ? 'el_button_active' : ''" @click="SwitchCourseType(true)">纲要课2025版</el-button>
-    <el-button :class="!courseTypeShow ? 'el_button_active' : ''" @click="SwitchCourseType(false)">纲要课2024版</el-button>
+    <el-button :class="courseTypeShow ? 'el_button_active' : ''" @click="SwitchCourseType(true)">AI通识课2025版</el-button>
+    <el-button :class="!courseTypeShow ? 'el_button_active' : ''" @click="SwitchCourseType(false)">AI通识课2024版</el-button>
   </div>
   <div class="course_select">
     <span class="grandTitle">年级：</span>
@@ -558,7 +562,7 @@ watchEffect(() => {
   }
 
   .grandTitle {
-    font-size: 20px;
+    font-size: 15px;
     font-weight: 400;
     line-height: 28px;
     letter-spacing: 0em;
@@ -633,4 +637,16 @@ watchEffect(() => {
     cursor: pointer;
   }
 }
+.Levelone{
+  width: 120px;
+  background: #E0EAFB;
+  border-radius: 5px;
+  color: #5D8AFB;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 33px;
+  font-size: 16px;
+  font-weight: 500;
+}
 </style>

src/components/main/demoCourse.vue

@@ -1,6 +1,10 @@
 <template>
     <div style="margin-top: 20px;">
-        <h2 class="contentTitle">展示课程</h2>
+        <h2 class="contentTitle">
+            <div class="Levelone">
+                展示课程
+            </div>
+        </h2>
         <el-row :gutter="20">
             <el-col :span="6">
                 <div class="grid-content ep-bg-purple">
@@ -44,4 +48,16 @@
         border-radius: 5px;
     }
 }
+.Levelone{
+  width: 120px;
+  background: #E0EAFB;
+  border-radius: 5px;
+  color: #5D8AFB;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 33px;
+  font-size: 16px;
+  font-weight: 500;
+}
 </style>

src/views/main.vue

@@ -5,7 +5,7 @@
       <div class="container-left" :style="leftShow ? { width: 0 } : { width: '240px' }">
         <div class="container-left-top" @click="dialogVisible1 = !dialogVisible1">
           <span>
-            <img class="icon-img" :src="img11" alt="AI 应用" />AI 普及课程
+            <img class="icon-img" :src="img11" alt="AI 应用" />AI通识课
             <img v-if="dialogVisible1" class="up" :src="img3" alt="up" />
             <img v-else class="up" :src="down" alt="down" />
           </span>
@@ -15,6 +15,10 @@
             <div :class="activeIndex == 0 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(0)">
               教学中心
             </div>
+            <!-- v-if="isLogin" -->
+            <div :class="activeIndex == 9 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(9)">
+              创建课程
+            </div>
             <div :class="activeIndex == 5 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(5)">
               学生评价
             </div>
@@ -65,10 +69,10 @@
         <AIExperience></AIExperience>
         <AIexploration></AIexploration>
         <DemoCurourse />
-        <resource></resource>
+        <!-- <resource></resource> -->
         <Practice></Practice>
         <!-- <other v-if="!isupdateCourse"></other> -->
-        <Edu v-if="isLogin"></Edu>
+        <!-- <Edu v-if="isLogin"></Edu> -->
       </div>
       <div class="iframe" :style="leftShow ? { width: '100%' } : ''" v-else-if="activeIndex == 1" v-loading="loading">
         <iframe ref="iframeRef1" :src="iframeRef1Url" frameborder="0"></iframe>
@@ -240,6 +244,17 @@ const clickSwitch = (index) => {
     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 = `//app.cocorobo.cn/#/cocobookllm?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
+    setTimeout(() => {
+      iframeRef4.value.onload = () => {
+        loading.value = false
+      }
+      loading.value = false
+    }, 100)
+  } else if (index == 9 && activeIndex.value != 9) {
+    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/#/course?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
+    
     setTimeout(() => {
       iframeRef4.value.onload = () => {
         loading.value = false