上课作业

src/renderer/src/views/prepare/index.vue

@@ -314,7 +314,6 @@ export default {
         })
     },
     async nodeClick(data) {
-      console.log(data)
       if (this.currentNode.id === data.node.id) return
       this.curBookImg = data.textBook.curBookImg
       this.curBookPath = data.textBook.curBookPath

src/renderer/src/views/tool/components/homework.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="homework-content">
+    <div class="homework-top">
+      <h3 class="title">沁园春-长沙</h3>
+      <div class="grade">语文 高一二班</div>
+    </div>
+    <div class="homework-list">
+      <ul>
+        <li class="item flex">
+          <div class="item-left flex">
+            <svg class="icon homework-icon" aria-hidden="true">
+              <use xlink:href="#icon-zuoye2"></use>
+            </svg>
+            <div class="item-info flex">
+              <span class="item-name">作业名称</span>
+              <div class="item-student">
+                <span class="item-option">作业</span>
+                <span>学生展示</span>
+              </div>
+            </div>
+          </div>
+          <el-button color="#349d44">推送</el-button>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+//entpcourseid
+
+// const route = useRoute();
+// const param = route.currentRoute.value.params.paramName;
+
+onMounted(()=>{
+  // console.log(param,'param')
+})
+</script>
+
+<style lang="scss" scoped>
+.homework-content {
+  padding: 0 15px;
+  color: #fff;
+
+  .homework-top {
+    margin-bottom: 20px;
+
+    .title {
+      font-size: 20px;
+      font-weight: bold;
+    }
+
+    .grade {
+      margin-top: 5px;
+      color: #cecece;
+      font-size: 15px;
+    }
+  }
+
+  .item {
+    background-color: #384342;
+    padding: 15px 10px;
+    margin-bottom: 10px;
+    justify-content: space-between;
+    align-items: center;
+    .item-left {
+      .homework-icon {
+        font-size: 50px;
+      }
+
+      .item-info {
+        margin-left: 8px;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .item-name {
+          font-size: 20px;
+          font-weight: bold;
+        }
+
+        .item-student {
+          font-size: 13px;
+          color: #d7d7d7;
+
+          .item-option {
+            margin-right: 10px;
+          }
+        }
+      }
+    }
+
+
+  }
+}
+</style>

src/renderer/src/views/tool/components/side.vue

@@ -17,13 +17,17 @@
     <!-- 内容部分 -->
     <transition name="el-fade-in">
       <div class="c-popover" :style="`--top: ${topPos}px;--height:${hPost}px;`" v-show="isVisible">
-        <div class="content">{{activeObj}}</div>
+        <div class="content">
+          <homework/>
+        </div>
       </div>
     </transition>
   </div>
 </template>
 <script setup>
 import { computed, defineProps, ref, reactive, watchEffect, onMounted } from 'vue'
+import homework from './homework.vue';
+
 // 功能说明：侧边-工具栏
 const colors = ['#00f389', '#ff7f00', '#ffff00', '#409EFF', '#00baff', '#13b189', '#F56C6C']
 const emit = defineEmits(['update:modelValue','change'])