From 752ed00ca8085cd8bb7e602d55fde39d45f487be Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期五, 14 六月 2024 11:19:24 +0800 Subject: [PATCH] web1 --- src/views/readerPages/webHome.vue | 101 +++++++++++++++++++++++++++++++------------------- 1 files changed, 62 insertions(+), 39 deletions(-) diff --git a/src/views/readerPages/webHome.vue b/src/views/readerPages/webHome.vue index d7fb39c..b8b0ceb 100644 --- a/src/views/readerPages/webHome.vue +++ b/src/views/readerPages/webHome.vue @@ -93,7 +93,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="璇疯緭鍏ュ唴瀹�" @@ -118,15 +118,20 @@ <div :class="resourceType == 'teacher' ? '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('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> + <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 +197,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 +215,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"> @@ -413,8 +418,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 +443,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,7 +460,7 @@ </div> </div> </div> - <div class="questionList" v-if="activeMenu == '涔犻'"> + <div class="questionList" v-if="activeMenu == '棰樺簱'" v-loading="listLoading"> <div class="resourceSearchBox"> <div class="inputBox"> <el-input @@ -1172,6 +1177,11 @@ <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> </template> <script setup lang="ts"> @@ -1189,6 +1199,7 @@ import moment from 'moment' import dictionary from '@/views/components/dictionary.vue' import newWord from '@/views/components/newWord.vue' +import wrongQuestion from '@/views/components/wrongQuestion.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 +1209,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 +1223,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' @@ -1528,11 +1540,11 @@ icon: biaoqian, 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 + } ] teachToolsMenuData = [ { @@ -1694,6 +1706,7 @@ listLoading.value = false }) .catch(function (error) { + listLoading.value = false console.log(error) }) } @@ -1930,6 +1943,7 @@ }) .catch(function (error) { console.log(error) + listLoading.value = false }) } else { ElMessageBox.confirm('璇峰厛鐧诲綍锛�', { @@ -2026,25 +2040,30 @@ 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: '鍘荤櫥褰�', @@ -2058,13 +2077,17 @@ .catch(() => {}) } } + +//閿欓鏈� +const wrongQuestionVisble = ref(false) const selectExercisesType = (type) => { exercisesType.value = type searchText.value = '' - if (type == 'exercises') { getExercisesList() - } else { + } else if(type == 'wrong'){ + questionList.value = [] + }else{ questionList.value = [] } } @@ -2101,7 +2124,7 @@ break case '妫�绱�': break - case '涔犻': + case '棰樺簱': getExercisesList() break } @@ -2253,7 +2276,7 @@ case '涔︾': getReMarkList() break - case '涔犻': + case '棰樺簱': getExercisesList() break case '妫�绱�': @@ -2371,7 +2394,7 @@ case '妫�绱�': allSearchReault.value = [] break - case '涔犻': + case '棰樺簱': getExercisesList() break } -- Gitblit v1.9.1