课标分析

src/renderer/public/pdfjs-dist/web/viewer.css

@@ -3144,6 +3144,7 @@ body{
   background-color:var(--toolbar-bg-color);
   box-shadow:var(--toolbar-box-shadow);
   border-bottom:var(--toolbar-border-bottom);
+  z-index: 9;
 }
 
 #toolbarViewer{

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

@@ -62,7 +62,7 @@ const menuList = [{
       {
         name: '课标分析',
         icon: 'icon-kecheng',
-        path: '/standardanalysis',
+        path: '/standardanalysis?',
         id: '1-1'
       },
       {

src/renderer/src/views/teach/standardAnalysis/index.vue

@@ -7,8 +7,8 @@
           <el-image class="imges" src="https://file.ysaix.com:7868//src/assets/images/高中语文必修上册.jpg" />
         </div>
         <div class="stand-head-right">
-          <div class="stand-head-right-tit">普通高中思想政治课程标准</div>
+          <div class="stand-head-right-tit">{{booktitle}}</div>
-          <i class="iconfont icon-yidongdaozu stand-head-right-icon"></i>
+          <i class="iconfont icon-yidongdaozu stand-head-right-icon" @click="dialogVisible = true"></i>
           <div class="stand-head-right-row">
             <div class="stand-head-right-row-time">更新2024.9.10</div>
             <el-switch class="stand-head-right-row-switch" v-model="isOpenClass" inline-prompt active-text="公开" inactive-text="非公" />
@@ -55,8 +55,22 @@
     </div>
     <div  class="page-con-right">
       <PDF :url="pdfUrl" v-if="pdfUrl" />
+      <div class="loading" v-else>
+        <div class="setup">
+          <span style="--i:1">文</span>
+          <span style="--i:2">档</span>
+          <span style="--i:3">加</span>
+          <span style="--i:4">载</span>
+          <span style="--i:5">中</span>
+          <span style="--i:6">.</span>
+          <span style="--i:7">.</span>
+          <span style="--i:8">.</span>
+        </div>
+      </div>
     </div>
-    <ChooseTextbook @change-book="getData" @node-click="getData" />
+    <el-dialog v-model="dialogVisible" append-to-body :show-close="false" width="550">
+      <ChooseTextbook @change-book="getData" @node-click="getData" />
+    </el-dialog>
   </div>
 </template>
 <script setup>
@@ -68,11 +82,14 @@ import { listEvaluationclue } from '@/api/teaching/classwork'
 import { uploadServer, getJSONFile } from '@/utils/common'
 import { ElNotification } from 'element-plus'
 import ChooseTextbook from "@/components/choose-textbook/index.vue";
+
+import useUserStore from '@/store/modules/user'
+const userStore = useUserStore()
 const sourceStore = useResoureStore()
 // import { getStaticUrl } from '@/utils/tool'
 
 const route = useRoute();
-const pdfUrl = ref('https://wzyzoss.eos-chongqing-3.cmecloud.cn/2024/8/22/f140432828d443138ac60b4740acc067.pdf');
+const pdfUrl = ref('');
 const isOpenClass = ref(true);
 const searchInp = ref('');
 const searchSel = ref('0');
@@ -82,6 +99,8 @@ const cardref = ref(null);
 const headref = ref(null);
 const searchref = ref(null);
 const listHeight = ref(0);
+const dialogVisible = ref(false);
+const booktitle = ref('');
 
 const searchOptions = [{
     value: '0',
@@ -217,9 +236,14 @@ const getData = (data) => {
 }
 onMounted(() => {
 
-
+  const { edustage, edusubject } = userStore.user;
-  // const datastr = require('./json1726644224866.json')
+  booktitle.value = `${edustage + edusubject}课程标准`
-  // console.log('获取的json文件数据',datastr);
+  const filePath = `${import.meta.env.VITE_APP_RES_FILE_PATH}${edustage}-${edusubject}-课标.pdf`
+  const timer = setTimeout(() => {
+    pdfUrl.value = filePath
+    clearTimeout(timer);
+  },2000)
+  
   if(cardref.value && headref.value){
     const cardH = cardref.value.offsetHeight;
     const headh = headref.value.offsetHeight;
@@ -308,6 +332,40 @@ onMounted(() => {
     border-radius: 10px;
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
   }
+  .loading {
+    display: flex;
+    align-items: center;
+    justify-content:center;
+    min-height: 100vh;
+    .setup {
+      position: relative;
+      -webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2))
+    }
+
+    .setup span {
+      position: relative;
+      display: inline-block;
+      color: #409eff;
+      font-size: 26px;
+      animation: animate 1s ease-in-out infinite;
+      animation-delay: calc(.1s*var(--i))
+    }
+  }
+
+  @keyframes animate {
+    0% {
+      transform: translateY(0px)
+    }
+
+    20% {
+      transform: translateY(-24px)
+    }
+
+    40%,
+    100% {
+      transform: translateY(0px)
+    }
+  }
 }
 .stand-head{
   width: 100%;