教学工作台面包屑

src/main/index.js

@@ -88,7 +88,7 @@ function createLoginWindow() {
 function createMainWindow() {
   mainWindow = new BrowserWindow({
     width: 1350,
-    minWidth: 1200,
+    minWidth: 1370,
     height: 700,
     minHeight: 700,
     show: false,

src/renderer/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4723712 */
-  src: url('iconfont.woff2?t=1730256542457') format('woff2'),
+  src: url('iconfont.woff2?t=1730343912063') format('woff2'),
-       url('iconfont.woff?t=1730256542457') format('woff'),
+       url('iconfont.woff?t=1730343912063') format('woff'),
-       url('iconfont.ttf?t=1730256542457') format('truetype');
+       url('iconfont.ttf?t=1730343912063') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-fanhui:before {
+  content: "\e604";
+}
+
+.icon-tianchongxing-:before {
+  content: "\e641";
+}
+
+.icon-daishenhe:before {
+  content: "\e64c";
+}
+
 .icon-A:before {
   content: "\e6ef";
 }

src/renderer/src/assets/iconfont/iconfont.json

@@ -5,6 +5,27 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "26283779",
+      "name": "返回",
+      "font_class": "fanhui",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "6446310",
+      "name": "博士",
+      "font_class": "tianchongxing-",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "8651682",
+      "name": "待审核",
+      "font_class": "daishenhe",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
     {
       "icon_id": "12688893",
       "name": "A",

src/renderer/src/layout/index.vue

@@ -8,8 +8,19 @@
         <el-header>
           <Header/>
         </el-header>
-        <el-main>
+        <el-main :style="{ 'padding-top' : isShowBread ? 0 : '20px'}">
-          <AppMain  />
+          <template v-if="isShowBread">
+            <div class="bread-row">
+              <div class="back" @click="onBack">
+                <i class="iconfont icon-fanhui"></i>
+                <span>返回</span>
+              </div>
+              <el-breadcrumb :separator-icon="ArrowRight">
+                <el-breadcrumb-item v-for="item in breadList"> {{ item.title }} </el-breadcrumb-item>
+              </el-breadcrumb>
+            </div>
+          </template>
+          <AppMain :style="{ height: isShowBread ? 'calc(100% - 45px)' : '100%' }" />
         </el-main>
       </el-container>
       <Uploader v-if="uploaderStore.uploadList && uploaderStore.uploadList.length > 0" />
@@ -19,7 +30,9 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
+import { ArrowRight } from '@element-plus/icons-vue'
+import { useRouter } from 'vue-router'
 import Header from './components/Header.vue'
 import Aside from './components/Aside.vue'
 import AppMain from './components/AppMain.vue'
@@ -29,6 +42,33 @@ import uploaderState from '@/store/modules/uploader'
 
 let uploaderStore = ref(uploaderState())
 
+
+// 路由
+const router = useRouter()
+// 是否显示面包屑
+const isShowBread = ref(false)
+const breadList = ref([])
+
+// 监听当前路由
+watch(
+  () => router.currentRoute.value,
+  (newValue) => {
+    let ary = newValue.matched.map( item => item.meta)
+    // 首页(教学工作台) 里面的路由需要显示面包屑
+    if(ary.some(item => item.hasOwnProperty('showBread'))){
+      isShowBread.value = true
+      breadList.value = ary
+    }
+    else{
+      isShowBread.value = false
+    }
+  },
+  { immediate: true }
+)
+
+const onBack = () =>{
+  router.go(-1)
+}
 </script>
 
 <style lang="scss" scoped>
@@ -45,7 +85,7 @@ let uploaderStore = ref(uploaderState())
   height: 45px;
 }
 .el-main {
-  --el-main-padding: 20px;
+  --el-main-padding: 0 20px 20px 20px;
   box-sizing: border-box;
 }
 .el-page-header{
@@ -56,4 +96,26 @@ let uploaderStore = ref(uploaderState())
     font-size: 16px;
   }
 }
+.bread-row{
+  display: flex;
+  align-items: center;
+  height: 45px;
+  padding-top: 5px;
+  font-size: 14px;
+  color: #606266;
+  .back{
+    display: flex;
+    align-items: center;
+    margin-right: 20px;
+    cursor: pointer;
+    color: #409EFF;
+    font-weight: bold;
+    .icon-fanhui{
+      margin-top: -3px;
+      margin-right: 3px;
+    }
+    
+  }
+  
+}
 </style>

src/renderer/src/router/index.js

@@ -19,7 +19,7 @@ export const constantRoutes = [
     path: '/fullscreenpdf',
     component: () => import('@/views/fullScreenPdf/index.vue'),
     name: 'fullscreenpdf',
-    meta: {title: '全屏显示PDF'}
+    meta: { title: '全屏显示PDF' }
   },
   {
     path: '/teachClassTask',
@@ -30,116 +30,111 @@ export const constantRoutes = [
     path: '/',
     component: Layout,
     redirect: '/home',
+    meta: { title: '教学工作台' },
     children: [
       {
         path: '/index',
         component: () => import('@/views/index/index.vue'),
         name: 'index',
-        meta: {title: '首页'}
+        meta: { title: '首页' }
       },
       {
         path: '/home',
         component: () => import('@/views/desktop/index.vue'),
         name: 'desktop',
-        meta: {title: '主页'}
+        meta: { title: '教学工作台' }
-      },
-      {
-        path: '/homepage',
-        component: () => import('@/views/homePage/index.vue'),
-        name: 'homepage',
-        meta: {title: '主页'}
       },
       {
         path: '/resource',
         component: () => import('@/views/resource/index.vue'),
         name: 'resource',
-        meta: {title: '资源库'}
+        meta: { title: '资源库' }
       },
       {
-        path: '/prepare',
+        path: 'prepare',
         component: () => import('@/views/prepare/index.vue'),
         name: 'prepare',
-        meta: {title: '教学实践'}
+        meta: { title: '教学实践', showBread: true }
       },
       {
         path: '/teach',
         component: () => import('@/views/teach/index.vue'),
         name: 'teach',
-        meta: {title: '授课'}
+        meta: { title: '授课' }
       },
       {
         path: '/standardanalysis',
         component: () => import('@/views/teach/standardAnalysis/index.vue'),
         name: 'standardanalysis',
-        meta: {title: '课标分析'}
+        meta: { title: '课标分析', showBread: true }
       },
       {
         path: '/textbookAnalysis',
         component: () => import('@/views/textbookAnalysis/index.vue'),
         name: 'textbookAnalysis',
-        meta: {title: '教材分析'}
+        meta: { title: '教材分析', showBread: true }
       },
       {
         path: '/profile',
         component: () => import('@/views/profile/index.vue'),
         name: 'profile',
-        meta: {title: '个人中心'}
+        meta: { title: '个人中心' }
       },
       {
         path: '/testpdf',
         component: () => import('@/views/testPdf/index.vue'),
         name: 'testpdf',
-        meta: {title: '测试PDF'}
+        meta: { title: '测试PDF' }
       },
-      
+
       {
         path: '/classReserv',
         component: () => import('@/views/classManage/classReserv.vue'),
         name: 'classReserv',
-        meta: {title: '课程预约'}
+        meta: { title: '课程预约' }
       },
       {
         path: '/class',
         component: () => import('@/views/classManage/index.vue'),
         name: 'class',
-        meta: {title: '班级中心'},
+        meta: { title: '班级中心' }
       },
       {
         path: '/classTaskAssign',
         component: () => import('@/views/classTask/classTaskAssign.vue'),
         name: 'classTaskAssign',
-        meta: {title: '作业布置'},
+        meta: { title: '作业布置', showBread: true }
       },
       {
         path: '/classTask',
         component: () => import('@/views/classTask/classTask.vue'),
         name: 'classCorrect',
-        meta: {title: '作业批改'},
+        meta: { title: '作业批改', showBread: true }
       },
       {
         path: '/newClassTask',
         component: () => import('@/views/classTask/newClassTask.vue'),
         name: 'newClassCorrect',
-        meta: {title: '作业设计'},
+        meta: { title: '作业设计', showBread: true }
       },
       {
         path: '/examReport',
         component: () => import('@/views/examReport/index.vue'),
         name: 'examReport',
-        meta: {title: '考试分析'}
+        meta: { title: '考试分析', showBread: true }
       },
       {
         path: '/hashrate',
         component: () => import('@/views/hashrate/index.vue'),
         name: 'hashrate',
-        meta: {title: '算力'}
+        meta: { title: '算力' }
       },
       {
         path: '/setting',
         component: () => import('@/views/setting/index.vue'),
         name: 'setting',
-        meta: {title: '设置'}
+        meta: { title: '设置' }
-      },
+      }
     ]
   },
   ...toolRouters

src/renderer/src/views/classTask/classTaskAssign.vue

@@ -1,15 +1,10 @@
 <template>
   <div class="page-classTaskAssign flex">
-    <el-menu
+
-      default-active="1"
+    <!--左侧 教材 目录-->
-      class="el-menu-vertical-demo"
+    <div v-if="!isCollapse" style="height: 100%;overflow: hidden;">
-      :collapse="isCollapse"
+      <ChooseTextbook @change-book="getData" @node-click="getData" />
-    >
+    </div>
-      <!--左侧 教材 目录-->
-      <div v-if="!isCollapse" style="height: 100%;overflow: hidden;">
-        <ChooseTextbook @change-book="getData" @node-click="getData" />
-      </div>
-    </el-menu>
 
     <div class="page-right" :style="{'margin-left': isCollapse ? '0' : '20px'}">
       <!-- 标题 -->

src/renderer/src/views/classTask/newClassTask.vue

@@ -1,15 +1,11 @@
 <template>
   <div class="page-newcalsetask flex">
-    <el-menu
+
-      default-active="1"
-      class="el-menu-vertical-demo"
-      :collapse="isCollapse"
-    >
       <!--左侧 教材 目录-->
       <div v-if="!isCollapse" style="height: 100%;overflow: hidden;">
         <ChooseTextbook @change-book="getData" @node-click="getData" />
       </div>
-    </el-menu>
+
 
     <div class="page-right" :style="{'margin-left': isCollapse ? '0' : '20px'}">
       <!-- 标题 -->

src/renderer/src/views/desktop/index.vue

@@ -94,7 +94,7 @@ const menuList = [{
       {
         name: '教学实践',
         icon: '#icon-jiaoxueshijian',
-        path: '/prepare',
+        path: 'prepare',
         id: '1-5'
       },
       {

src/renderer/src/views/homePage/index.vue

@@ -1,245 +0,0 @@
-<template>
-  <el-card style="overflow: auto; height: 100%;">
-    <div class="common-layout" style="overflow-y: auto">
-      <el-container>
-        <el-main style="--el-main-padding: 0">
-          <template v-for="(itemFirst, indexFirst) in title" :key="indexFirst">
-            <el-card style="margin-bottom: 10px">
-              <template #header>
-                <div style="text-align: left">{{ itemFirst.name }}</div>
-              </template>
-              <div :class="itemFirst.id === 1 || itemFirst.id === 2 ? 'six' : 'three'">
-                <template v-for="(itemSec, indexSec) in itemFirst.child" :key="indexSec">
-                  <el-popover :disabled="itemSec.child1.length === 0" width="auto" trigger="hover">
-                    <div style="display: flex; justify-content: space-between">
-                      <!--                      鼠标移上去的一列为三级菜单-->
-                      <template v-for="(itemThird, indexThird) in itemSec.child1" :key="indexThird">
-                        <div
-                          style="width: 120px"
-                          :class="[
-                            itemFirst.id == 1
-                              ? 'a1'
-                              : itemFirst.id == 2
-                                ? 'a2'
-                                : itemFirst.id == 3
-                                  ? 'a3'
-                                  : 'a4',
-                            'CustomBox'
-                          ]"
-                          @click="handleOutLink(itemThird.url)"
-                        >
-                          <span :class="itemThird.img"></span>
-                          <span>{{ itemThird.name }}</span>
-                        </div>
-                      </template>
-                    </div>
-                    <!--                    最外层的一列为二级菜单-->
-                    <template #reference>
-                      <div
-                        :class="[
-                          itemFirst.id == 1
-                            ? 'a1'
-                            : itemFirst.id == 2
-                              ? 'a2'
-                              : itemFirst.id == 3
-                                ? 'a3'
-                                : 'a4',
-                          'CustomBox'
-                        ]"
-                        @click="handleOutLink(itemSec.url, itemSec.type)"
-                      >
-                        <span :class="itemSec.img"></span>
-                        <span>{{ itemSec.name }}</span>
-                      </div>
-                    </template>
-                  </el-popover>
-                </template>
-              </div>
-            </el-card>
-          </template>
-        </el-main>
-      </el-container>
-    </div>
-  </el-card>
-</template>
-
-<script setup>
-import { reactive } from 'vue'
-import { useRouter } from 'vue-router'
-import outLink from '@/utils/linkConfig'
-const { ipcRenderer } = window.electron || {}
-const router = useRouter()
-const title = reactive([
-  {
-    name: '教学工作台',
-    img: 'iconfont icon-gongzuotai',
-    id: 1,
-    child: [
-      {
-        name: '课程教学',
-        img: 'iconfont icon-PPT',
-        type: 'hash',
-        url: '/prepare',
-        child1: []
-      },
-      {
-        name: '作业管理',
-        img: 'iconfont icon-36zuoyepingtai',
-        url: '/teaching/classtaskassign?titleName=作业布置',
-        child1: []
-      }
-    ]
-  },
-  {
-    name: '教学研究室',
-    img: 'iconfont icon-yanjiushi',
-    id: 2,
-    child: [
-      {
-        name: '课程研究',
-        img: 'iconfont icon-shuyi_jiaoxueguanli',
-        child1: [
-          {
-            name: '课标分析',
-            url: '/teaching/chatwithstandard',
-            img: 'iconfont icon-kecheng'
-          },
-          {
-            name: '教材分析',
-            url: '/teaching/chatwithtextbook',
-            img: 'iconfont icon-yanjiushi'
-          }
-        ]
-      },
-      {
-        name: '考试分析',
-        url: '/examReport',
-        img: 'iconfont icon-icon_kaoshifenxi',
-        child1: []
-      },
-      {
-        name: '资源研究',
-        url: '/resource',
-        type: 'hash',
-        img: 'iconfont icon-business-report',
-        child1: []
-      }
-    ]
-  },
-  {
-    name: '教学资源库',
-    img: 'iconfont icon-zhuanyeziyuanku',
-    id: 3,
-    child: [
-      {
-        name: '教学素材',
-        img: 'iconfont icon-sucai',
-        url: '/teaching/materialbank',
-        child1: []
-      },
-      {
-        name: '课程资源',
-        img: 'iconfont icon-kechengziyuan',
-        url: '/teaching/coursewareresource',
-        child1: []
-      },
-      {
-        name: '习题资源',
-        img: 'iconfont icon-iconku-zhuanqu-',
-        url: '/teaching/quesbank',
-        child1: []
-      }
-    ]
-  }
-])
-const handleOutLink = (path, type) => {
-  if (!path) return
-  if (type === 'hash') {
-    router.push(path)
-  } else {
-    // key 对应的 linkConfig.js 外部链接配置
-    let configObj = outLink.getBaseData()
-    let fullPath = configObj.fullPath + path
-    fullPath = fullPath.replaceAll('//', '/')
-    // 通知主进程
-    ipcRenderer.send('openWindow', {
-      fullPath: fullPath,
-      cookieData: { ...configObj.data }
-    })
-  }
-}
-</script>
-<style scoped>
-.CustomTitle {
-  margin-bottom: 8px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  margin-right: 10px;
-  cursor: pointer;
-}
-
-.CustomTitle span:nth-child(1) {
-  font-size: 24px;
-  margin-right: 8px;
-  color: #7b7a7a;
-  display: none;
-}
-.six {
-  display: flex;
-  & > div {
-    width: 20%;
-  }
-}
-.three {
-  display: flex;
-  & > div {
-    width: 20%;
-  }
-}
-.CustomBox span:nth-child(1) {
-  display: flex;
-  width: 60px;
-  justify-content: center;
-  height: 60px;
-  background-color: #ebe9e9;
-  border-radius: 50%;
-  align-items: center;
-  font-size: 32px;
-  margin-bottom: 6px;
-}
-
-.CustomBox {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.CustomBox span:nth-child(2) {
-  font-size: 18px;
-}
-.CustomBox div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.a1 span:nth-child(1) {
-  color: #1296db;
-}
-
-.a2 span:nth-child(1) {
-  color: #f56c6c;
-}
-.a3 span:nth-child(1) {
-  color: #e6a23a;
-}
-.a4 span:nth-child(1) {
-  color: #67c23a;
-}
-.ac span:nth-child(1) {
-  background-color: #1296db;
-  color: #ffffff;
-}
-</style>