From 4e201651d4a5ca76b66faba9e00f5ee2f9ae484f Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 20 十一月 2024 15:27:54 +0800
Subject: [PATCH] 1

---
 src/views/readerPages/webHome.vue |  569 ++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 506 insertions(+), 63 deletions(-)

diff --git a/src/views/readerPages/webHome.vue b/src/views/readerPages/webHome.vue
index 9e000d8..3ba1680 100644
--- a/src/views/readerPages/webHome.vue
+++ b/src/views/readerPages/webHome.vue
@@ -8,6 +8,7 @@
         <div class="userName" v-if="userInfo.name">{{ userInfo.name }}</div>
         <div v-if="token"><div class="layout hover" @click="layoutBtn">閫�鍑�</div></div>
         <div v-else><div class="layout hover" @click="goLogin">鐧诲綍</div></div>
+        <div @click="openFormulaDialog">鍏紡</div>
       </div>
     </div>
     <div class="contentBox">
@@ -93,7 +94,7 @@
       <!-- 鑿滃崟鍐呭 -->
       <div class="menuContent" v-if="menuState.open">
         <div class="searchBox">
-          <div class="inputBox" v-if="activeMenu !== '璧勬簮' && activeMenu !== '涔犻'">
+          <div class="inputBox" v-if="activeMenu !== '璧勬簮' && activeMenu !== '棰樺簱'">
             <el-input
               class="custom-input"
               placeholder="璇疯緭鍏ュ唴瀹�"
@@ -117,17 +118,48 @@
               <div>鏁欏笀璧勬簮</div>
               <div :class="resourceType == 'teacher' ? 'text' : 'line'"></div>
             </div>
+            <hr class="hr" />
+            <div class="tabItem hover" @click="selectResourceType('collect')">
+              <div>鏀惰棌璧勬簮</div>
+              <div :class="resourceType == 'collect' ? 'text' : 'line'"></div>
+            </div>
           </div>
-          <div v-if="activeMenu == '涔犻'" class="resourceTab">
-            <div class="tabItem hover" @click="selectExercisesType('exercises')">
+          <div v-if="activeMenu == '棰樺簱'" class="resourceTab">
+            <div
+              class="tabItem hover"
+              @click="selectExercisesType('exercises')"
+              v-if="bookConfig.textbookComponents.indexOf('3D3B4F55') > -1"
+            >
               <div>涔犻</div>
               <div :class="exercisesType == 'exercises' ? 'text' : 'line'"></div>
             </div>
-            <hr class="hr" />
-            <div class="tabItem hover" @click="selectExercisesType('wrong')">
+            <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A4821F71') > -1" />
+            <div
+              class="tabItem hover"
+              @click="selectExercisesType('additional')"
+              v-if="bookConfig.textbookComponents.indexOf('A4821F71') > -1"
+            >
+              <div>闄勫姞棰�</div>
+              <div :class="exercisesType == 'additional' ? 'text' : 'line'"></div>
+            </div>
+            <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" />
+            <div
+              class="tabItem hover"
+              @click="selectExercisesType('wrong')"
+              v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1"
+            >
               <div>閿欓鏈�</div>
               <div :class="exercisesType == 'wrong' ? 'text' : 'line'"></div>
-            </div>
+            </div> -->
+            <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" />
+            <div
+              class="tabItem hover"
+              @click="selectExercisesType('collection')"
+              v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1"
+            >
+              <div>鏀惰棌澶�</div>
+              <div :class="exercisesType == 'collection' ? 'text' : 'line'"></div>
+            </div> -->
           </div>
         </div>
         <!-- 鐩綍 -->
@@ -192,7 +224,7 @@
           </div>
         </div>
         <!-- 绗旇 -->
-        <div class="notesBox" v-if="activeMenu == '绗旇'">
+        <div class="notesBox" v-if="activeMenu == '绗旇'" v-loading="listLoading">
           <div class="screenBox">
             <div class="title">绛涢��</div>
             <div class="flex1 hover" @click="searchClick('all')">
@@ -210,7 +242,7 @@
               ></div>
             </div>
           </div>
-          <div class="list-box" v-loading="listLoading">
+          <div class="list-box">
             <div v-if="scribeData.noteList.length > 0">
               <div v-for="(noteItem, index) in scribeData.noteList" :key="noteItem">
                 <div class="chapterName">
@@ -332,14 +364,14 @@
                         v-else-if="item.icon && activeClassify != 'image'"
                       />
                       <!-- <el-icon v-else-if="activeClassify == 'image'" size="30"></el-icon> -->
-                      <el-icon v-else-if="activeClassify == 'audio'" size="30"><Headset /></el-icon>
-                      <el-icon v-else-if="activeClassify == 'video'" size="30"
+                      <!-- <el-icon v-else-if="activeClassify == 'audio'" size="30"><Headset /></el-icon> -->
+                      <!-- <el-icon v-else-if="activeClassify == 'video'" size="30"
                         ><VideoCamera
-                      /></el-icon>
-                      <el-icon v-else-if="activeClassify == 'other'" size="30"><Files /></el-icon>
-                      <el-icon v-else-if="activeClassify == 'exercises'" size="30"
-                        ><Tickets
-                      /></el-icon>
+                      /></el-icon> -->
+                      <!-- <el-icon v-else-if="activeClassify == 'other'" size="30"><Files /></el-icon> -->
+                      <img src="@/assets/images/resource/yp-mr.png"  v-else-if="activeClassify == 'audio'" />
+                      <img src="@/assets/images/resource/sp-mr.png"  v-else-if="activeClassify == 'video'" />
+                      <img src="@/assets/images/resource/qt-mr.png"  v-else-if="activeClassify == 'other'" />
                       <div class="handleBox" v-if="showHandle == index">
                         <div class="delImg">
                           <el-icon
@@ -391,6 +423,12 @@
                             "
                             ><Download
                           /></el-icon>
+                          <!-- 鏀惰棌鎸夐挳 -->
+                           <img 
+                            :src="collectResourceList.findIndex(citem => citem.id == item.id) > -1 ? isHeart : heart  " 
+                            class="icon hover" 
+                            style="width: 15px;" 
+                            @click="handleCollectResource(item.id,item.md5 ? item.md5 : '',item.resourcePath ? item.resourcePath : '',item.resourceType,item.resourceType == '瑙嗛' || '闊抽' ? 'bits' : 'json',item.resourceName)" />
                         </div>
                       </div>
                     </div>
@@ -413,8 +451,8 @@
           </div>
         </div>
         <!-- 鎴浘 -->
-        <div class="screenshotList" v-if="activeMenu == '鎴浘'">
-          <div class="list-box" v-loading="listLoading">
+        <div class="screenshotList" v-if="activeMenu == '鎴浘'" v-loading="listLoading">
+          <div class="list-box">
             <div class="screenshot" v-if="screenshotList.length > 0">
               <div v-for="(item, index) in screenshotList" :key="item" class="captureItem">
                 <div class="imgBox" @mouseover="showDelete = index" @mouseleave="showDelete = null">
@@ -438,8 +476,8 @@
           </div>
         </div>
         <!-- 涔︾ -->
-        <div class="reMarkList" v-if="activeMenu == '涔︾'">
-          <div class="list-box" v-loading="listLoading">
+        <div class="reMarkList" v-if="activeMenu == '涔︾'" v-loading="listLoading">
+          <div class="list-box">
             <div v-if="reMarkList.length > 0">
               <div v-for="(item, index) in reMarkList" :key="index" class="reMarkItem">
                 <div class="reMarkCon hover" @click="goReMark(item)">
@@ -455,8 +493,11 @@
             </div>
           </div>
         </div>
-        <div class="questionList" v-if="activeMenu == '涔犻'">
-          <div class="resourceSearchBox">
+        <div class="questionList" v-if="activeMenu == '棰樺簱'" v-loading="listLoading">
+          <div
+            class="resourceSearchBox"
+            v-if="exercisesType !== 'collection' && exercisesType !== 'wrong'"
+          >
             <div class="inputBox">
               <el-input
                 class="custom-input"
@@ -477,18 +518,29 @@
               <div v-for="(item, index) in questionList" :key="index" class="reMarkItem">
                 <div
                   class="questionCon hover"
-                  @click="JumpPosition(item)"
+                  @click="clickQuestion(exercisesType, item)"
                   :title="item.resourceName"
                 >
                   {{ item.resourceName }}
                 </div>
               </div>
             </div>
-            <div v-else>
+            <div
+              v-if="
+                questionList.length == 0 &&
+                exercisesType !== 'collection' &&
+                exercisesType !== 'wrong'
+              "
+            >
               <el-empty :image-size="60" description="鏆傛棤鏁版嵁" />
             </div>
           </div>
         </div>
+        <!-- 棰樺簱搴曢儴鏀惰棌澶瑰拰閿欓闆� -->
+        <ul class="question-bottom" v-if="activeMenu == '棰樺簱'">
+            <li @click="selectExercisesType('collection')">鏀惰棌澶�</li>
+            <li @click="selectExercisesType('wrong')">閿欓鏈�</li>
+          </ul>
         <!-- 鑿滃崟鍐呭鏀惰捣 -->
         <div class="menuStateBox" v-if="menuState.open">
           <svg
@@ -764,6 +816,10 @@
             </div>
           </div>
         </div>
+        <!-- 璇煶闃呰缁勪欢 -->
+         <!-- <div class="voice-reader">
+          <voiceReader />
+         </div> -->
       </div>
       <!-- 鏁欏缁勪欢 -->
       <div class="toolBox">
@@ -1172,12 +1228,49 @@
       <newWord :resourceUrl="resourceUrl" />
     </div>
   </el-dialog>
+  <el-dialog
+    title="閿欓鏈�"
+    align-center
+    v-model="wrongQuestionVisble"
+    width="800"
+    class="myDialogs"
+  >
+    <div class="wendabox">
+      <wrongQuestion />
+    </div>
+  </el-dialog>
+  <el-dialog
+    title="鍏紡缂栬緫"
+    align-center
+    v-model="formulaDialog"
+    class="myDialogs"
+  >
+    <div class="wendabox">
+      <formula />
+    </div>
+  </el-dialog>
+  <!-- 绛旈鍣� -->
+  <examination
+    ref="examinationRef"
+    :activeBook="bookConfig"
+    :info="examinationData.info"
+    :type="examinationData.type"
+    :infoType="examinationData.infoType"
+  />
+  <!-- 璁$畻鍣� -->
+   <el-dialog title="璁$畻鍣�" align-center v-model="calculatorVisble" width="550" style="height:548px">
+    <calculator />
+   </el-dialog>
 </template>
 
 <script setup lang="ts">
+import heart from '@/assets/images/examination/collectIcon.png'
+import isHeart from '@/assets/images/examination/collectClickIcon.png'
 import { ref, reactive, watch, onMounted, onBeforeMount, onBeforeUnmount, inject } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import useClipboard from 'vue-clipboard3'
+import examination from '../examination/index.vue'
+import calculator from '../components/calculator.vue'
 const { toClipboard } = useClipboard()
 const MG: any = inject('MG')
 const toolClass = inject('toolClass')
@@ -1189,6 +1282,9 @@
 import moment from 'moment'
 import dictionary from '@/views/components/dictionary.vue'
 import newWord from '@/views/components/newWord.vue'
+import formula from '@/views/components/formula.vue'
+import wrongQuestion from '@/views/components/wrongQuestion.vue'
+import voiceReader from '@/views/components/voiceReader.vue'
 import { ElMessage, ElMessageBox, valueEquals } from 'element-plus'
 import logo from '@/assets/images/header/logo.png'
 import mulu from '@/assets/images/menu/mulu.png'
@@ -1198,6 +1294,7 @@
 import jietu from '@/assets/images/menu/jietu.png'
 import biaoqian from '@/assets/images/menu/biaoqian.png'
 import allSearch from '@/assets/images/menu/allSearch.svg'
+import question from '@/assets/images/menu/question.svg'
 import topbg from '@/assets/images/header/top-bg.png'
 import setting from '@/assets/images/operation/setting.png'
 import search from '@/assets/images/operation/search.png'
@@ -1211,7 +1308,7 @@
 import shengzikapian from '@/assets/images/menu/shengzikapian.png'
 import hudongwenda from '@/assets/images/menu/hudongwenda.png'
 import siweidaotu from '@/assets/images/menu/siweidaotu.png'
-import GGB from '@/assets/images/menu/GGB.png'
+import GGB from '@/assets/images/menu/function.png'
 import jihe from '@/assets/images/menu/jihe.png'
 import python from '@/assets/images/menu/python.png'
 import cjiajia from '@/assets/images/menu/C++.png'
@@ -1285,6 +1382,7 @@
 
 import { loadMicroApp } from 'qiankun'
 import { microApps } from '@/child.ts'
+import { open } from 'fs'
 let token = localStorage.getItem('token')
 const canvasWith = ref(1000)
 const canvasheight = ref(3000)
@@ -1529,9 +1627,13 @@
       isShow: bookConfig.value.textbookComponents.indexOf('CF2E1400') > -1
     },
     {
-      name: '涔犻',
-      icon: zhishitupu,
-      isShow: true
+      name: '棰樺簱',
+      icon: question,
+      isShow:
+        bookConfig.value.textbookComponents.indexOf('3D3B4F55') > -1 ||
+        bookConfig.value.textbookComponents.indexOf('AFC1A288') > -1 ||
+        bookConfig.value.textbookComponents.indexOf('A434F2C0') > -1 ||
+        bookConfig.value.textbookComponents.indexOf('A4821F71') > -1
     }
   ]
   teachToolsMenuData = [
@@ -1694,6 +1796,7 @@
       listLoading.value = false
     })
     .catch(function (error) {
+      listLoading.value = false
       console.log(error)
     })
 }
@@ -1746,6 +1849,7 @@
 const showHandle = ref(null)
 const playIndex = ref(null) //闊抽鎾斁
 const audioPlayer = ref(null)
+const collectResourceList = ref([])
 const getResourceData = () => {
   if (token) {
     imgPreviewList.value = []
@@ -1930,6 +2034,9 @@
       })
       .catch(function (error) {
         console.log(error)
+        resourceDataList.value = []
+        classifySelectList.value = []
+        listLoading.value = false
       })
   } else {
     ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
@@ -1939,7 +2046,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -1992,7 +2105,6 @@
 
 //璧勬簮璺宠浆鍒版寚瀹氫綅缃�
 const JumpPosition = (data) => {
-  console.log(data, '璺宠浆')
   if (window.qiankunState && window.qiankunState.gotoPage) {
     window.qiankunState.gotoPage(Number(data.chapterNum), Number(data.pagination))
   }
@@ -2002,14 +2114,23 @@
 const selectResourceType = (type) => {
   resourceType.value = type
   searchText.value = ''
-  getResourceData()
+  if (type == 'collect') {
+    getCollectResource()
+  } else {
+    getResourceData()
+  }
 }
 //璧勬簮绫诲瀷鍥剧墖/瑙嗛/闊抽/涔犻/鍏朵粬
 const classifyClick = (item) => {
   activeClassify.value = item.key
   resourceDataList.value = []
   searchText.value = ''
-  getResourceData()
+  if(resourceType.value == 'collect') {
+    getCollectResource()
+  } else {
+    getResourceData()
+  }
+  
 }
 const searchBtn = () => {
   if (searchShow.value) {
@@ -2019,32 +2140,218 @@
   }
 }
 
+// 鑾峰彇鏀惰棌鐨勮祫婧�
+const getCollectResource = () => {
+  if(token) {
+    MG.identity
+    .getUserKey({
+      domain: 'collectResource',
+      keys: [bookConfig.value.bookId]
+    })
+    .then((res) => {
+      if (res.length) {
+        collectResourceList.value = JSON.parse(res[0].value)
+        console.log('鏀惰棌璧勬簮鍒楄〃', collectResourceList.value)
+        if(collectResourceList.value.length > 0) {
+            let imgCount = 0
+            let audioCount = 0
+            let videoCount = 0
+            let exercisesCount = 0
+            let otherCount = 0
+            resourceDataList.value = []
+            collectResourceList.value.forEach((resItem) => {
+              if (resItem.resourceType == '鍥剧墖') {
+                if (resItem.resourcePath) {
+                  resItem.resourcePath = bookConfig.value.resourceUrl + '/' + resItem.resourcePath
+                } else {
+                  resItem.resourcePath =
+                    bookConfig.value.requestCtx + '/file/GetPreViewImage?md5=' + resItem.md5
+                }
+
+                imgPreviewList.value.push(resItem.resourcePath)
+                if (activeClassify.value == 'image') {
+                  resourceDataList.value.push(resItem)
+                }
+                imgCount++
+              } else if (resItem.resourceType == '闊抽') {
+                if (activeClassify.value == 'audio') {
+                  resourceDataList.value.push(resItem)
+                }
+                audioCount++
+              } else if (resItem.resourceType == '瑙嗛') {
+                if (activeClassify.value == 'video') {
+                  resourceDataList.value.push(resItem)
+                }
+                videoCount++
+              } else {
+                if (activeClassify.value == 'other') {
+                  resourceDataList.value.push(resItem)
+                }
+                otherCount++
+              }
+            })
+            classifySelectList.value = []
+            if (imgCount > 0) {
+              classifySelectList.value.push({
+                title: '鍥剧墖',
+                count: imgCount,
+                key: 'image'
+              })
+            }
+            if (audioCount > 0) {
+              classifySelectList.value.push({
+                title: '闊抽',
+                count: audioCount,
+                key: 'audio'
+              })
+            }
+            if (videoCount > 0) {
+              classifySelectList.value.push({
+                title: '瑙嗛',
+                count: videoCount,
+                key: 'video'
+              })
+            }
+            if (otherCount > 0) {
+              classifySelectList.value.push({
+                title: '鍏朵粬',
+                count: otherCount,
+                key: 'other'
+              })
+            }
+            if (!activeClassify.value) {
+              activeClassify.value = classifySelectList.value[0].key
+              collectResourceList.value.forEach((resItem1) => {
+                if (resItem1.resourceType == classifySelectList.value[0].title) {
+                  resourceDataList.value.push(resItem1)
+                }
+              })
+            }
+        }
+      } else {
+        resourceDataList.value = []
+      }
+    })
+  } else {
+    ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
+      confirmButtonText: '鍘荤櫥褰�',
+      cancelButtonText: '鍙栨秷',
+      autofocus: false,
+      type: 'warning'
+    })
+      .then(() => {
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
+      })
+      .catch(() => {})
+  }
+}
+// 鏀惰棌鎸夐挳
+const handleCollectResource = (id,md5,resourcePath,resourceType,source,resourceName) => {
+    if(collectResourceList.value.findIndex(item => item.id == id) > -1) {
+      collectResourceList.value = collectResourceList.value.filter(item => item.id != id)
+    } else {
+      collectResourceList.value.push({
+        id,
+        md5,
+        resourcePath:resourcePath.replace(bookConfig.value.resourceUrl + '/',''),
+        resourceType,
+        source,
+        resourceName
+      })
+    }
+    MG.identity.setUserKey({
+    setKeyRequests: [
+      {
+        domain: "collectResource",
+        key:bookConfig.value.bookId,
+        value: JSON.stringify(collectResourceList.value),
+      },
+    ],
+  })
+}
+
 //涔犻
 const exercisesType = ref('exercises') //涔犻绫诲瀷
 const questionList = ref([])
+const examinationRef = ref() // 绛旈鍣ㄥ疄渚�
+const examinationData = reactive({
+  type: '', // 绛旈绫诲瀷  option 娴嬭瘯
+  infoType: '', // 鏁版嵁鏉ユ簮  bits 姣旂壒鍚庡彴  json  鍋囨暟鎹�
+  info: {} // 杩欏棰樼殑淇℃伅
+})
+// 鑾峰彇涔犻
 const getExercisesList = () => {
   if (token) {
     listLoading.value = true
     questionList.value = []
-    axios.get(bookConfig.value.resourceUrl + '/resource.json').then(function (response) {
-      var json = response.data
-      // 澶勭悊鑾峰彇鍒扮殑json鏁版嵁
-      if (json.length > 0) {
-        json.forEach((item) => {
-          if (item.resourceType == '涔犻') {
-            let text = searchText.value.replace(/^\s*|\s*$/g, '')
-            if (searchText.value) {
-              if (item.resourceName.indexOf(text) > -1) {
+    axios
+      .get(bookConfig.value.resourceUrl + '/resource.json')
+      .then(function (response) {
+        var json = response.data
+        // 澶勭悊鑾峰彇鍒扮殑json鏁版嵁
+        if (json.length > 0) {
+          json.forEach((item) => {
+            if (item.resourceType == '涔犻') {
+              let text = searchText.value.replace(/^\s*|\s*$/g, '')
+              if (searchText.value) {
+                if (item.resourceName.indexOf(text) > -1) {
+                  questionList.value.push(item)
+                }
+              } else {
                 questionList.value.push(item)
               }
-            } else {
-              questionList.value.push(item)
             }
-          }
-        })
-      }
-      listLoading.value = false
+          })
+        }
+        listLoading.value = false
+      })
+      .catch(() => {
+        listLoading.value = false
+      })
+  } else {
+    ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
+      confirmButtonText: '鍘荤櫥褰�',
+      cancelButtonText: '鍙栨秷',
+      autofocus: false,
+      type: 'warning'
     })
+      .then(() => {
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
+      })
+      .catch(() => {})
+  }
+}
+
+// 鑾峰彇闄勫姞棰�
+const getAdditionalList = () => {
+  if (token) {
+    listLoading.value = true
+    questionList.value = []
+    axios
+      .get(bookConfig.value.resourceUrl + '/bits-question.json')
+      .then((res) => {
+        // 澶勭悊鑾峰彇鍒扮殑json鏁版嵁
+        if (res.data.data.length > 0) {
+          questionList.value = res.data.data
+          examinationData.infoType = res.data.type
+        }
+        listLoading.value = false
+      })
+      .catch(() => {
+        listLoading.value = false
+      })
   } else {
     ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
       confirmButtonText: '鍘荤櫥褰�',
@@ -2058,14 +2365,43 @@
       .catch(() => {})
   }
 }
+
+//閿欓鏈�
+const wrongQuestionVisble = ref(false)
 const selectExercisesType = (type) => {
-  exercisesType.value = type
-  searchText.value = ''
 
   if (type == 'exercises') {
     getExercisesList()
+      exercisesType.value = type
+      searchText.value = ''
+  } else if (type == 'additional') {
+    getAdditionalList()
+      exercisesType.value = type
+      searchText.value = ''
+  } else if (type == 'wrong') {
+    openExaminationDialog(true, {}, 'errorQuestion')
   } else {
-    questionList.value = []
+    openExaminationDialog(true, {}, 'collectQuestion')
+  }
+}
+// 棰樺垪琛ㄧ偣鍑�
+const clickQuestion = (type: string, data: any) => {
+  switch (type) {
+    case 'exercises':
+      JumpPosition(data)
+      break
+    case 'additional':
+      openExaminationDialog(true, data, 'option')
+      break
+    default:
+      break
+  }
+}
+const openExaminationDialog = (isSHow: boolean, data: any, type: string) => {
+  if (examinationRef.value) {
+    examinationRef.value.handleExaminationDialog(isSHow)
+    examinationData.type = type
+    examinationData.info = data
   }
 }
 
@@ -2101,7 +2437,7 @@
       break
     case '妫�绱�':
       break
-    case '涔犻':
+    case '棰樺簱':
       getExercisesList()
       break
   }
@@ -2253,7 +2589,7 @@
     case '涔︾':
       getReMarkList()
       break
-    case '涔犻':
+    case '棰樺簱':
       getExercisesList()
       break
     case '妫�绱�':
@@ -2371,7 +2707,7 @@
     case '妫�绱�':
       allSearchReault.value = []
       break
-    case '涔犻':
+    case '棰樺簱':
       getExercisesList()
       break
   }
@@ -2384,6 +2720,7 @@
 const siweiVisble = ref(false)
 const modelToolVisble = ref(false)
 const shengciVisble = ref(false)
+const calculatorVisble = ref(false)
 const activeTool = ref(0)
 const toolState = reactive({
   open: true
@@ -2412,6 +2749,10 @@
       case '鐢熻瘝鍗$墖':
         resourceUrl.value = bookConfig.value.resourceUrl
         shengciVisble.value = true
+        break
+      case '璁$畻鍣�':
+      calculatorVisble.value = true
+      break
     }
   } else {
     ElMessageBox.confirm('璇峰厛鐧诲綍锛�', {
@@ -2421,7 +2762,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -2660,7 +3007,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -2700,7 +3053,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -2774,7 +3133,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -2879,7 +3244,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -3080,7 +3451,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {
         showToolBox.value = false
@@ -3180,7 +3557,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -3264,7 +3647,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -3345,7 +3734,13 @@
       type: 'warning'
     })
       .then(() => {
-        router.push('/login')
+        if (sessionStorage.getItem('loginCtx')) {
+          window.open(sessionStorage.getItem('loginCtx'))
+        } else {
+          router.replace({
+            path: '/login'
+          })
+        }
       })
       .catch(() => {})
   }
@@ -3625,11 +4020,30 @@
 const layoutBtn = () => {
   localStorage.removeItem('token')
   localStorage.removeItem('userInfo')
-  router.push('/login')
+  // router.push('/login')
+  if (sessionStorage.getItem('loginCtx')) {
+    window.open(sessionStorage.getItem('loginCtx'))
+  } else {
+    router.replace({
+      path: '/login'
+    })
+  }
 }
 const goLogin = () => {
   localStorage.removeItem('userInfo')
-  router.push('/login')
+  // router.push('/login')
+  if (sessionStorage.getItem('loginCtx')) {
+    window.open(sessionStorage.getItem('loginCtx'))
+  } else {
+    router.replace({
+      path: '/login'
+    })
+  }
+}
+
+const formulaDialog = ref(false)
+const openFormulaDialog = () => {
+  formulaDialog.value = true
 }
 </script>
 
@@ -3738,6 +4152,7 @@
       }
     }
     .menuContent {
+      // position: relative;
       width: 300px;
       flex-shrink: 0;
       height: calc(100vh - 48px);
@@ -4157,6 +4572,29 @@
       .screenshotList {
         height: calc(100% - 60px);
         overflow-y: auto;
+      }
+      .questionList {
+        height:83%
+      }
+      .question-bottom {
+        position: absolute;
+        bottom: 0;
+        display: flex;
+        justify-content: space-evenly;
+        width:300px;
+        padding:20px 0;
+        background-color:#fff;
+        li {
+          cursor: pointer;
+          width: 65px;
+          height:65px;
+          border:1px solid #cfcfcf;
+          border-radius:10px;
+          background-color:#f9f9f9;
+          display:flex;
+          justify-content: center;
+          align-items: center;
+        }
       }
     }
     .menuStateBox {
@@ -4723,4 +5161,9 @@
     width: 100%;
   }
 }
+.voice-reader {
+  position:absolute;
+  bottom:30px;
+  left:50px;
+}
 </style>

--
Gitblit v1.9.1