TextbookReader.git

			@@ -6,20 +6,23 @@
			<span></span>
			<div class="userInfoBox">
			<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 v-if="token">
			<div class="layout hover" @click="layoutBtn">退出</div>
			</div>
			<div v-else>
			<div class="layout hover" @click="goLogin">登录</div>
			</div>
			</div>
			</div>
			<div class="contentBox">
			<!-- 菜单 -->
			<div class="menuBox">
			<div
			v-for="(item, index) in menuData"
			:key="index"
			@click="menuItemClick(item.name)"
			:class="token ? '' : 'notClick'"
			>
			<div :class="['menuItem', activeMenu == item.name ? 'active' : '']" v-if="item.isShow">
			<div v-for="(item, index) in menuData" :key="index">
			<div
			:class="['menuItem', activeMenu == item.name ? 'active' : '']"
			@click="menuItemClick(item.name)"
			v-if="item.isShow"
			>
			<div class="menuIcon imgBox">
			<img :src="item.icon" />
			</div>
			@@ -94,7 +97,7 @@
			<!-- 菜单内容 -->
			<div class="menuContent" v-if="menuState.open">
			<div class="searchBox">
			<div class="inputBox" v-if="activeMenu !== '资源'">
			<div class="inputBox" v-if="activeMenu !== '资源' && activeMenu !== '题库'">
			<el-input
			class="custom-input"
			placeholder="请输入内容"
			@@ -104,11 +107,11 @@
			@clear="handleClear"
			>
			<template #prefix>
			<img :src="listSearch" @click="searchBook" class="hover"/>
			<img :src="listSearch" @click="searchBook" class="hover" />
			</template>
			</el-input>
			</div>
			<div v-else class="resourceTab">
			<div v-if="activeMenu == '资源'" class="resourceTab">
			<div class="tabItem hover" @click="selectResourceType('default')">
			<div>默认资源</div>
			<div :class="resourceType == 'default' ? 'text' : 'line'"></div>
			@@ -118,6 +121,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')"
			v-if="bookConfig.textbookComponents.indexOf('3D3B4F55') > -1"
			>
			<div>习题</div>
			<div :class="exercisesType == 'exercises' ? 'text' : 'line'"></div>
			</div>
			<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> -->
			<!-- <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>
			<!-- 目录 -->
			@@ -133,7 +178,6 @@
			v-if="catalogueData.length > 0"
			@node-click="handleNodeClick"
			:filter-node-method="filterNode"
			empty-text="暂无数据"
			>
			<template #default="{ node, data }">
			<div class="custom-tree-node">
			@@ -141,10 +185,11 @@
			<span class="pageNum">{{ data.page }}</span>
			</div>
			</template>
			<template #empty>
			<el-empty :image-size="60" description="暂无数据" />
			</template>
			</el-tree>
			<div v-else>
			<el-empty :image-size="60" description="暂无数据" />
			</div>
			<div v-else></div>
			</div>
			<div class="allSearch" v-if="activeMenu == '检索'">
			<div class="list-box" v-loading="listLoading">
			@@ -155,15 +200,27 @@
			@click="searchClose(index)"
			v-if="searchReaultData.isShow && searchReaultData.openIndex == index"
			class="hover"
			><ArrowDown
			/></el-icon>
			<el-icon @click="searchOpen(index)" v-else class="hover"><ArrowRight /></el-icon>
			>
			<ArrowDown />
			</el-icon>
			<el-icon @click="searchOpen(index)" v-else class="hover">
			<ArrowRight />
			</el-icon>
			<span>{{ reault.chapterName }} （{{ reault.itemList.length }}）</span>
			</div>
			<div v-for="(item, index1) in reault.itemList" :key="index1" class="searchItem" v-show="searchReaultData.isShow && searchReaultData.openIndex == index">
			<div
			v-for="(item, index1) in reault.itemList"
			:key="index1"
			class="searchItem"
			v-show="searchReaultData.isShow && searchReaultData.openIndex == index"
			>
			<div class="index">{{ index1 + 1 }}.</div>
			<div class="searchCon hover" @click="goSearchContent(item)" v-html="item.txt1" :title="item.txt">
			</div>
			<div
			class="searchCon hover"
			@click="goSearchContent(item)"
			v-html="item.txt1"
			:title="item.txt"
			></div>
			</div>
			</div>
			</div>
			@@ -173,7 +230,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')">
			@@ -191,7 +248,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">
			@@ -199,9 +256,12 @@
			@click="noteClose(index)"
			v-if="scribeData.isShow && scribeData.openIndex == index"
			class="hover"
			><ArrowDown
			/></el-icon>
			<el-icon @click="noteOpen(index)" v-else class="hover"><ArrowRight /></el-icon>
			>
			<ArrowDown />
			</el-icon>
			<el-icon @click="noteOpen(index)" v-else class="hover">
			<ArrowRight />
			</el-icon>
			<span>{{ noteItem.chapterName }}</span>
			</div>
			<div
			@@ -291,7 +351,7 @@
			@clear="handleClear"
			>
			<template #prefix>
			<img :src="listSearch" @click="searchBook" class="hover"/>
			<img :src="listSearch" @click="searchBook" class="hover" />
			</template>
			</el-input>
			</div>
			@@ -313,14 +373,23 @@
			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
			@@ -328,36 +397,41 @@
			size="20"
			@click="JumpPosition(item)"
			v-if="resourceType == 'default'"
			><LocationInformation
			/></el-icon>
			>
			<LocationInformation />
			</el-icon>
			<el-icon
			@click="goPlay(item)"
			size="20"
			class="icon hover"
			v-if="item.resourceType == '视频'"
			><VideoPlay
			/></el-icon>
			>
			<VideoPlay />
			</el-icon>
			<el-icon
			@click="goPlay(item, index)"
			size="20"
			class="icon hover"
			v-if="item.resourceType == '音频' && playIndex != index"
			><VideoPlay
			/></el-icon>
			>
			<VideoPlay />
			</el-icon>
			<el-icon
			@click="goPause()"
			size="20"
			class="icon hover"
			v-if="item.resourceType == '音频' && playIndex == index"
			><VideoPause
			/></el-icon>
			>
			<VideoPause />
			</el-icon>
			<el-icon
			@click="getCapture(item, index)"
			size="20"
			class="icon hover"
			v-if="item.resourceType == '图片'"
			><View
			/></el-icon>
			>
			<View />
			</el-icon>
			<el-icon
			size="20"
			class="icon hover"
			@@ -368,10 +442,31 @@
			item.resourceType == '音频' \|\|
			item.resourceType == '习题' \|\|
			item.resourceType == '图片'
			) && item.isDownload == '是'
			"
			>
			<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
			)
			"
			><Download
			/></el-icon>
			/>
			</div>
			</div>
			</div>
			@@ -394,17 +489,17 @@
			</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">
			<img :src="item.imgUrl" class="capture hover" mode="aspectFill" />
			<div class="deleteBox" v-if="showDelete == index">
			<div class="delImg">
			<el-icon @click="getCapture(item, index)" size="18" class="icon hover"
			><View
			/></el-icon>
			<el-icon @click="getCapture(item, index)" size="18" class="icon hover">
			<View />
			</el-icon>
			<img :src="bianji" class="icon hover" @click="updateScreenshot(item)" />
			<img :src="shanchu" class="icon hover" @click="deleteScreenshot(item)" />
			</div>
			@@ -419,8 +514,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)">
			@@ -436,6 +531,54 @@
			</div>
			</div>
			</div>
			<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"
			placeholder="请输入内容"
			v-model="searchText"
			@keyup.enter="searchBook"
			clearable
			@clear="handleClear"
			>
			<template #prefix>
			<img :src="listSearch" @click="searchBook" class="hover" />
			</template>
			</el-input>
			</div>
			</div>
			<div class="list-box" v-loading="listLoading">
			<div v-if="questionList.length > 0">
			<div v-for="(item, index) in questionList" :key="index" class="reMarkItem">
			<div
			class="questionCon hover"
			@click="clickQuestion(exercisesType, item)"
			:title="item.resourceName"
			>
			{{ item.resourceName }}
			</div>
			</div>
			</div>
			<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
			@@ -711,6 +854,10 @@
			</div>
			</div>
			</div>
			<!-- 语音阅读组件 -->
			<!-- <div class="voice-reader">
			<voiceReader />
			</div> -->
			</div>
			<!-- 教学组件 -->
			<div class="toolBox">
			@@ -720,9 +867,8 @@
			</div>
			<div class="menuList">
			<ul class="menu" v-if="teachToolsMenuData.length > 0">
			<li v-for="item in teachToolsMenuData" :key="item.key">
			<li v-for="item in teachToolsMenuData" :key="item.key" class="hover">
			<div
			:class="token ? 'hover' : 'notClick'"
			:style="!toolState.open ? 'padding:10px 15px' : ''"
			v-if="item.isShow"
			@click="selectTeachTools(item)"
			@@ -820,12 +966,7 @@
			:style="`left:${floatingToolData.elLeft}px`"
			v-if="floatingToolBox.length > 0"
			>
			<div
			:class="token ? 'hover' : 'notClick'"
			v-for="item in floatingToolBox"
			:key="item.name"
			@click="floatItemHandle(item)"
			>
			<div v-for="item in floatingToolBox" :key="item.name" @click="floatItemHandle(item)">
			<div v-if="item.isShow">
			<el-popover
			placement="right"
			@@ -1125,16 +1266,39 @@
			<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>
			<!-- 答题器 -->
			<examination
			ref="examinationRef"
			:activeBook="bookConfig"
			:info="examinationData.info"
			:type="examinationData.type"
			:infoType="examinationData.infoType"
			/>
			<!-- 计算器 -->
			<el-dialog title="计算器" align-center v-model="calculatorVisble" width="850" class="myDialogs">
			<calculatorNew></calculatorNew>
			</el-dialog>
			</template>

			<script setup lang="ts">
			import { ref, reactive, watch, onMounted, onBeforeMount, inject } from 'vue'
			import examination from '@/views/examination/index.vue'
			import { ref, reactive, watch, onMounted, onBeforeMount, onBeforeUnmount, inject } from 'vue'
			import { useRouter, useRoute } from 'vue-router'
			import { ElMessage, ElMessageBox, valueEquals } from 'element-plus'
			import useClipboard from 'vue-clipboard3'
			const { toClipboard } = useClipboard()
			const MG: any = inject('MG')
			const toolClass = inject('toolClass')
			const qiankunActions = inject('qiankunActions')
			//获取路由器
			let router = useRouter()
			//获取当前路由的信息
			@@ -1142,7 +1306,8 @@
			import moment from 'moment'
			import dictionary from '@/views/components/dictionary.vue'
			import newWord from '@/views/components/newWord.vue'
			import { ElMessage, ElMessageBox, valueEquals } from 'element-plus'
			import wrongQuestion from '@/views/components/wrongQuestion.vue'
			import voiceReader from '@/views/components/voiceReader.vue'
			import logo from '@/assets/images/header/logo.png'
			import mulu from '@/assets/images/menu/mulu.png'
			import biji from '@/assets/images/menu/biji.png'
			@@ -1151,6 +1316,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'
			@@ -1164,7 +1330,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'
			@@ -1238,6 +1404,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)
			@@ -1249,9 +1416,16 @@
			const bookConfig = ref({})
			const activeCatalog = ref()
			const reMarResult = ref()
			const bookInfo = ref()
			const isBuy = ref(false)
			const tryPageCount = ref(0)
			const searchText = ref()
			onMounted(() => {
			if (token) {
			getUserInfo()
			}
			if (localStorage.getItem('bookId')) {
			getBookInfo()
			}
			setTimeout(() => {
			canvasWith.value = document.querySelector('.content-box').offsetWidth
			@@ -1270,7 +1444,6 @@
			window.innerWidth \|\| document.documentElement.clientWidth \|\| document.body.clientWidth
			})()
			}

			// 加载微应用
			microApp = loadMicroApp(microApps[localStorage.getItem('bookId')], {
			sandbox: {
			@@ -1283,18 +1456,21 @@
			window.qiankunActions.onGlobalStateChange((state, prev) => {
			console.log('父层state变化', state)
			window.qiankunState = state

			if (window.qiankunState && window.qiankunState.initTestBook) {
			window.qiankunState.initTestBook(
			localStorage.getItem('bookId') + '',
			localStorage.getItem('tryPageCount')
			)
			if (isBuy.value) {
			if (window.qiankunState && window.qiankunState.initTestBook) {
			window.qiankunState.initTestBook(localStorage.getItem('bookId') + '')
			}
			} else {
			if (window.qiankunState && window.qiankunState.initTestBook) {
			window.qiankunState.initTestBook(localStorage.getItem('bookId') + '', tryPageCount.value)
			}
			}

			})

			// 定义父层方法
			window.qiankunActions.setGlobalState({
			state:1,
			state: 1,
			disableSign: false,
			windowSelection: (data) => {
			// 绑定子应用选择监听事件
			@@ -1379,8 +1555,14 @@
			// if (window.qiankunState && window.qiankunState.getAnswers){
			// window.qiankunState.getAnswers(localStorage.getItem(""))
			// }

			})

			onBeforeUnmount(() => {
			if (microApp) {
			microApp.unmount() // 卸载微应用
			}
			})
			// watch(
			// () => screenWidth.value,
			// (val) => {
			@@ -1395,6 +1577,44 @@
			// }
			// }
			// )

			//根据refcode获取图书信息

			const getBookInfo = () => {
			const obj = {
			storeInfo: 'jsek_digitalTextbooks',
			path: '*',
			queryType: '*',
			coverSize: {
			width: 150
			},
			paging: {
			start: 0,
			size: 6
			},
			filterList: [
			{
			value: 'Normal',
			field: 'state'
			}
			],
			fields: {
			author: [],
			RefCodes: [localStorage.getItem('bookId')],
			probationPage: []
			}
			}
			MG.store.getProductList(obj).then((res) => {
			console.log(res.datas, '图书信息')
			bookInfo.value = res.datas[0]
			if (res.datas[0].purchasedSaleMethodIdList.includes(res.datas[0].defaultSaleMethodId)) {
			isBuy.value = true
			} else {
			isBuy.value = false
			}
			tryPageCount.value = Number(res.datas[0].probationPage)
			})
			}

			const getUserInfo = () => {
			MG.identity.getCurrentAppUser().then((res) => {
			@@ -1425,7 +1645,6 @@
			} else if (phoneInfo) {
			userInfo.value = {
			name: phoneInfo.credential

			}
			localStorage.setItem('userInfo', JSON.stringify(userInfo.value))
			}
			@@ -1477,6 +1696,15 @@
			name: '书签',
			icon: biaoqian,
			isShow: bookConfig.value.textbookComponents.indexOf('CF2E1400') > -1
			},
			{
			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 = [
			@@ -1555,7 +1783,8 @@
			{
			icon: huabi,
			name: '画笔',
			isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1
			// isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1
			isShow: true
			},
			{
			icon: baiban,
			@@ -1637,9 +1866,20 @@
			catalogueData.value = json.data
			headerData.totlePage = json.data[json.data.length - 1].end
			listLoading.value = false
			if (localStorage.getItem('chapter') && localStorage.getItem('startPage')) {
			let chapter = Number(localStorage.getItem('chapter'))
			let start = Number(localStorage.getItem('startPage'))

			if (window.qiankunState && window.qiankunState.gotoPage) {
			window.qiankunState.gotoPage(chapter,start)
			localStorage.removeItem('chapter')
			localStorage.removeItem('startPage')
			}
			}
			})
			.catch(function (error) {
			console.log(error)
			listLoading.value = false

			})
			}
			const defaultProps = {
			@@ -1654,9 +1894,8 @@
			}

			const handleNodeClick = (data) => {
			console.log(data)
			if (localStorage.getItem('tryPageCount')) {
			if (data.start < localStorage.getItem('tryPageCount')) {
			if (!isBuy.value) {
			if (data.start < tryPageCount.value) {
			headerData.process = data.start
			if (window.qiankunState && window.qiankunState.gotoPage)
			window.qiankunState.gotoPage(data.chapter, data.start)
			@@ -1691,234 +1930,213 @@
			const showHandle = ref(null)
			const playIndex = ref(null) //音频播放
			const audioPlayer = ref(null)
			const collectResourceList = ref([])
			const getResourceData = () => {
			imgPreviewList.value = []
			listLoading.value = true
			axios
			.get(bookConfig.value.resourceUrl + '/resource.json?t=12')
			.then(function (response) {
			var json = response.data
			// 处理获取到的json数据
			if (json.length > 0) {
			defaultResourceList.value = []
			teacherResourceList.value = []
			// 获取数组中所有对象的age属性的数量
			json.forEach((item) => {
			if (item.iconPath) {
			item.icon = bookConfig.value.resourceUrl + '/' + item.iconPath
			} else {
			item.icon = ''
			}
			if (resourceType.value == 'default') {
			if (item.isTeacherResource == '否') {
			defaultResourceList.value.push(item)
			}
			} else {
			if (item.isTeacherResource == '是') {
			teacherResourceList.value.push(item)
			}
			}
			})
			if (defaultResourceList.value.length > 0) {
			let imgCount = 0
			let audioCount = 0
			let videoCount = 0
			let exercisesCount = 0
			let otherCount = 0
			resourceDataList.value = []
			defaultResourceList.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 (resItem.resourceType == '习题') {
			if (activeClassify.value == 'exercises') {
			resourceDataList.value.push(resItem)
			}
			exercisesCount++
			if (token) {
			imgPreviewList.value = []
			listLoading.value = true
			axios
			.get(bookConfig.value.resourceUrl + '/resource.json?t=12')
			.then(function (response) {
			var json = response.data
			// 处理获取到的json数据
			if (json.length > 0) {
			defaultResourceList.value = []
			teacherResourceList.value = []
			// 获取数组中所有对象的age属性的数量
			json.forEach((item) => {
			if (item.iconPath) {
			item.icon = bookConfig.value.resourceUrl + '/' + item.iconPath
			} else {
			if (activeClassify.value == 'other') {
			resourceDataList.value.push(resItem)
			item.icon = ''
			}
			if (resourceType.value == 'default') {
			if (item.isTeacherResource == '否') {
			defaultResourceList.value.push(item)
			}
			otherCount++
			} else {
			if (item.isTeacherResource == '是') {
			teacherResourceList.value.push(item)
			}
			}
			})
			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 (exercisesCount > 0) {
			classifySelectList.value.push({
			title: '习题',
			count: exercisesCount,
			key: 'exercises'
			})
			}
			if (otherCount > 0) {
			classifySelectList.value.push({
			title: '其他',
			count: otherCount,
			key: 'other'
			})
			}
			if (!activeClassify.value) {
			activeClassify.value = classifySelectList.value[0].key
			defaultResourceList.value.forEach((resItem1) => {
			if (resItem1.resourceType == classifySelectList.value[0].title) {
			resourceDataList.value.push(resItem1)
			}
			})
			}
			// if(activeClassify.value == "video"){
			// resourceDataList.value.forEach((item,index)=>{
			// console.log(item,"item")
			// let video = document.createElement("video");
			// video.src = bookConfig.value.requestCtx + '/file/api/ApiDownload?md5=' + item.md5;
			// const canvas = document.createElement('canvas')
			// canvas.width = 130
			// canvas.height = 80
			// const ctx:any = canvas.getContext('2d');
			// video.crossOrigin = 'anonymous' // 解决跨域问题，也就是提示污染资源无法转换视频
			// video.currentTime = 1 // 第一帧
			if (defaultResourceList.value.length > 0) {
			let imgCount = 0
			let audioCount = 0
			let videoCount = 0
			let exercisesCount = 0
			let otherCount = 0
			resourceDataList.value = []
			defaultResourceList.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
			}

			// video.oncanplay = () => { //视频准备播放
			// ctx.drawImage(video, 0, 0, canvas.width, canvas.height)
			// item.icon = canvas.toDataURL("image/png"); //获取base64格式的图片
			// }
			// })

			// }
			} else {
			let imgCount = 0
			let audioCount = 0
			let videoCount = 0
			let exercisesCount = 0
			let otherCount = 0
			resourceDataList.value = []
			teacherResourceList.value.forEach((resItem) => {
			if (resItem.resourceType == '图片') {
			if (resItem.resourcePath) {
			resItem.resourcePath = bookConfig.value.resourceUrl + '/' + resItem.resourcePath
			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 {
			resItem.resourcePath =
			bookConfig.value.requestCtx + '/file/GetPreViewImage?md5=' + resItem.md5
			if (activeClassify.value == 'other') {
			resourceDataList.value.push(resItem)
			}
			otherCount++
			}
			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 (resItem.resourceType == '习题') {
			if (activeClassify.value == 'exercises') {
			resourceDataList.value.push(resItem)
			}
			exercisesCount++
			} else {
			if (activeClassify.value == 'other') {
			resourceDataList.value.push(resItem)
			}
			otherCount++
			})
			classifySelectList.value = []
			if (imgCount > 0) {
			classifySelectList.value.push({
			title: '图片',
			count: imgCount,
			key: 'image'
			})
			}
			})
			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 (exercisesCount > 0) {
			classifySelectList.value.push({
			title: '习题',
			count: exercisesCount,
			key: 'exercises'
			})
			}
			if (otherCount > 0) {
			classifySelectList.value.push({
			title: '其他',
			count: otherCount,
			key: 'other'
			})
			}
			if (!activeClassify.value) {
			activeClassify.value = classifySelectList.value[0].key
			teacherResourceList.value.forEach((resItem1) => {
			if (resItem1.resourceType == classifySelectList.value[0].title) {
			resourceDataList.value.push(resItem1)
			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
			defaultResourceList.value.forEach((resItem1) => {
			if (resItem1.resourceType == classifySelectList.value[0].title) {
			resourceDataList.value.push(resItem1)
			}
			})
			}
			} else {
			let imgCount = 0
			let audioCount = 0
			let videoCount = 0
			let exercisesCount = 0
			let otherCount = 0
			resourceDataList.value = []
			teacherResourceList.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
			teacherResourceList.value.forEach((resItem1) => {
			if (resItem1.resourceType == classifySelectList.value[0].title) {
			resourceDataList.value.push(resItem1)
			}
			})
			}
			}
			}

			}
			listLoading.value = false
			listLoading.value = false
			})
			.catch(function (error) {
			console.log(error)
			resourceDataList.value = []
			classifySelectList.value = []
			listLoading.value = false
			})
			} else {
			ElMessageBox.confirm('请先登录！', {
			confirmButtonText: '去登录',
			cancelButtonText: '取消',
			autofocus: false,
			type: 'warning'
			})
			.catch(function (error) {
			console.log(error)
			})
			.then(() => {
			if (sessionStorage.getItem('loginCtx')) {
			window.open(sessionStorage.getItem('loginCtx'))
			} else {
			router.replace({
			path: '/login'
			})
			}
			})
			.catch(() => {})
			}
			}
			//资源播放视频
			const goPlay = (data, index) => {
			@@ -1968,7 +2186,6 @@

			//资源跳转到指定位置
			const JumpPosition = (data) => {
			console.log(data, '跳转')
			if (window.qiankunState && window.qiankunState.gotoPage) {
			window.qiankunState.gotoPage(Number(data.chapterNum), Number(data.pagination))
			}
			@@ -1978,14 +2195,22 @@
			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) {
			@@ -1995,13 +2220,277 @@
			}
			}

			// 获取收藏的资源
			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) {
			questionList.value.push(item)
			}
			} else {
			questionList.value.push(item)
			}
			}
			})
			}
			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: '去登录',
			cancelButtonText: '取消',
			autofocus: false,
			type: 'warning'
			})
			.then(() => {
			router.push('/login')
			})
			.catch(() => {})
			}
			}

			//错题本
			const wrongQuestionVisble = ref(false)
			const selectExercisesType = (type) => {
			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 {
			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
			}
			}

			// 选中菜单
			const activeMenu = ref('目录')

			// 菜单点击
			const menuItemClick = (name) => {
			searchText.value = ''
			allSearchReault.value =[]
			allSearchReault.value = []
			if (menuState.open && activeMenu.value == name) {
			menuState.open = false
			} else {
			@@ -2027,6 +2516,9 @@
			break
			case '检索':
			break
			case '题库':
			getExercisesList()
			break
			}
			}
			//刷新当前页面
			@@ -2045,7 +2537,6 @@
			// }
			}

			const searchText = ref<string>('') //筛选
			const menuState = reactive({
			open: true,
			notesColor: 'all' //笔记颜色
			@@ -2143,7 +2634,7 @@
			const allSearchReault = ref([])
			const searchReaultData = reactive({
			isShow: true,
			openIndex: 0,
			openIndex: 0
			})
			const searchBook = async () => {
			switch (activeMenu.value) {
			@@ -2175,6 +2666,9 @@
			break
			case '书签':
			getReMarkList()
			break
			case '题库':
			getExercisesList()
			break
			case '检索':
			listLoading.value = true
			@@ -2214,7 +2708,6 @@
			console.log(allSearchReault.value, 444)
			listLoading.value = false
			}

			}
			break
			}
			@@ -2265,7 +2758,6 @@

			//检索跳转
			const goSearchContent = (item) => {
			console.log(item,1111111111111111111111111111111111111111111111111111)
			if (window.qiankunState && window.qiankunState.gotoPage) {
			window.qiankunState.jumpSearchItem(item)
			}
			@@ -2293,6 +2785,9 @@
			case '检索':
			allSearchReault.value = []
			break
			case '题库':
			getExercisesList()
			break
			}
			}

			@@ -2303,6 +2798,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
			@@ -2310,26 +2806,49 @@
			const resourceUrl = ref('')

			const selectTeachTools = (item) => {
			activeTool.value = item.name
			switch (item.name) {
			case 'AI智能问答':
			wendaVisible.value = true
			break
			case 'GGB函数工具':
			functionVisible.value = true
			break
			case '思维导图':
			siweiVisble.value = true
			break
			case '模型工具':
			modelToolVisble.value = true
			break
			case '词典':
			cidianVisible.value = true
			break
			case '生词卡片':
			resourceUrl.value = bookConfig.value.resourceUrl
			shengciVisble.value = true
			if (token) {
			activeTool.value = item.name
			switch (item.name) {
			case 'AI智能问答':
			wendaVisible.value = true
			break
			case 'GGB函数工具':
			functionVisible.value = true
			break
			case '思维导图':
			siweiVisble.value = true
			break
			case '模型工具':
			modelToolVisble.value = true
			break
			case '词典':
			cidianVisible.value = true
			break
			case '生词卡片':
			resourceUrl.value = bookConfig.value.resourceUrl
			shengciVisble.value = true
			break
			case '计算器':
			calculatorVisble.value = true
			break
			}
			} 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(() => {})
			}
			}

			@@ -2392,7 +2911,7 @@
			console.log(floatingToolData.activeToolData, 'floatingToolData.activeToolData')
			if (floatingToolData.activeToolData == '画笔') {
			floatingToolData.activeToolData = ''
			}else {
			} else {
			floatingToolData.activeToolData = item.name
			}

			@@ -2405,11 +2924,10 @@
			case '标记':
			break
			case '书签':
			if(floatingToolData.activeBookmark != '书签' ){
			if (floatingToolData.activeBookmark != '书签') {
			floatingToolData.activeBookmark = '书签'
			reMark()
			}

			break
			case '截屏':
			jitT()
			@@ -2517,72 +3035,112 @@
			const reMarkCon = ref('')

			const reMark = () => {
			let chapterData = catalogueData.value.find((item) => item.chapter == Number(currentChapter.value))
			if (catalogueData.value.length > 0) {
			catalogueData.value.forEach((item1) => {
			if (item1.chapter == Number(currentChapter.value) && item1.start == headerData.process) {
			chapterData.label = item1.label
			}
			})
			}
			if (token) {
			let chapterData = catalogueData.value.find(
			(item) => item.chapter == Number(currentChapter.value)
			)
			if (catalogueData.value.length > 0) {
			catalogueData.value.forEach((item1) => {
			if (item1.chapter == Number(currentChapter.value) && item1.start == headerData.process) {
			chapterData.label = item1.label
			}
			})
			}

			if (chapterData) {
			reMarkData.value.push({
			id: toolClass.uuid(8),
			createDate: new Date(),
			page: headerData.process,
			chapterNum: currentChapter.value,
			chapterName: chapterData.label,
			content: reMarkCon.value \|\| chapterData.label
			})
			MG.identity
			.setUserKey({
			setKeyRequests: [
			{
			domain: 'reMark',
			key: bookConfig.value.bookId,
			value: JSON.stringify(reMarkData.value)
			}
			]
			if (chapterData) {
			reMarkData.value.push({
			id: toolClass.uuid(8),
			createDate: new Date(),
			page: headerData.process,
			chapterNum: currentChapter.value,
			chapterName: chapterData.label,
			content: reMarkCon.value \|\| chapterData.label
			})
			.then((res) => {
			floatingToolData.activeToolData = ''

			ElMessage({
			message: '添加书签成功!',
			type: 'success'
			MG.identity
			.setUserKey({
			setKeyRequests: [
			{
			domain: 'reMark',
			key: bookConfig.value.bookId,
			value: JSON.stringify(reMarkData.value)
			}
			]
			})
			getReMarkList()
			.then((res) => {
			floatingToolData.activeToolData = ''

			ElMessage({
			message: '添加书签成功!',
			type: 'success'
			})
			getReMarkList()
			})
			.catch(function (error) {})
			}
			} 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(function (error) {})
			.catch(() => {})
			}
			}
			const getReMarkList = () => {
			reMarkList.value = []
			reMarkData.value = []
			listLoading.value = true
			MG.identity
			.getUserKey({
			domain: 'reMark',
			keys: [bookConfig.value.bookId]
			})
			.then((res) => {
			if (res && res.length > 0 && res[0].value) {
			reMarkData.value = JSON.parse(res[0].value)
			let list = JSON.parse(res[0].value)
			list.forEach((item) => {
			let text = searchText.value.replace(/^\s\|\s$/g, '')
			if (searchText.value) {
			if (item.content.indexOf(text) > -1) {
			if (token) {
			reMarkList.value = []
			reMarkData.value = []
			listLoading.value = true
			MG.identity
			.getUserKey({
			domain: 'reMark',
			keys: [bookConfig.value.bookId]
			})
			.then((res) => {
			if (res && res.length > 0 && res[0].value) {
			reMarkData.value = JSON.parse(res[0].value)
			let list = JSON.parse(res[0].value)
			list.forEach((item) => {
			let text = searchText.value.replace(/^\s\|\s$/g, '')
			if (searchText.value) {
			if (item.content.indexOf(text) > -1) {
			reMarkList.value.push(item)
			}
			} else {
			reMarkList.value.push(item)
			}
			} else {
			reMarkList.value.push(item)
			}
			})
			}
			listLoading.value = false
			})
			}
			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(() => {})
			}
			}

			//跳转
			@@ -2638,12 +3196,31 @@
			//截图
			//截图事件
			function jitT() {
			const screenShotHandler = new ScreenShort({
			enableWebRtc: false, // 是否显示选项框
			level: 999, // 层级级别
			completeCallback: callback, //确认回调
			closeCallback: closeFn //取消回调
			} as any)
			if (token) {
			const screenShotHandler = new ScreenShort({
			enableWebRtc: false, // 是否显示选项框
			level: 999, // 层级级别
			completeCallback: callback, //确认回调
			closeCallback: closeFn //取消回调
			} as any)
			} 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 callback = (val: any) => {
			@@ -2708,34 +3285,53 @@
			}

			const getScreenshotList = () => {
			screenshotData.value = []
			screenshotList.value = []
			imgPreviewList.value = []
			listLoading.value = true
			MG.identity
			.getUserKey({
			domain: 'screenshot',
			keys: [bookConfig.value.bookId]
			})
			.then((res) => {
			if (res && res.length > 0 && res[0].value) {
			screenshotData.value = JSON.parse(res[0].value)
			let list = JSON.parse(res[0].value)
			list.forEach((item) => {
			let text = searchText.value.replace(/^\s\|\s$/g, '')
			if (searchText.value) {
			if (item.name.indexOf(text) > -1) {
			if (token) {
			screenshotData.value = []
			screenshotList.value = []
			imgPreviewList.value = []
			listLoading.value = true
			MG.identity
			.getUserKey({
			domain: 'screenshot',
			keys: [bookConfig.value.bookId]
			})
			.then((res) => {
			if (res && res.length > 0 && res[0].value) {
			screenshotData.value = JSON.parse(res[0].value)
			let list = JSON.parse(res[0].value)
			list.forEach((item) => {
			let text = searchText.value.replace(/^\s\|\s$/g, '')
			if (searchText.value) {
			if (item.name.indexOf(text) > -1) {
			screenshotList.value.push(item)
			imgPreviewList.value.push(item.imgUrl)
			}
			} else {
			screenshotList.value.push(item)
			imgPreviewList.value.push(item.imgUrl)
			}
			} else {
			screenshotList.value.push(item)
			imgPreviewList.value.push(item.imgUrl)
			}
			})
			}
			listLoading.value = false
			})
			}
			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 getCapture = (item, index) => {
			@@ -2800,7 +3396,7 @@

			///内容选中
			const getSelection = (data) => {
			if (data.txt && token) {
			if (data.txt) {
			toolActive.value = ''
			dialogToolData.txt = data.txt
			dialogToolData.page = data.page
			@@ -2873,56 +3469,77 @@

			const synth = window.speechSynthesis
			const dialogToolHandle = async (item) => {
			toolActive.value = item.name
			colorActive.value = ''
			switch (item.name) {
			case 'AI阅读':
			window.speechSynthesis.cancel()
			const synth = window.speechSynthesis
			const utterance = new SpeechSynthesisUtterance(dialogToolData.txt)
			console.log(utterance, 1)
			utterance.lang = 'zh-CN' // 设置语言为中文
			synth.speak(utterance)
			showToolBox.value = false
			break
			case '划线':
			break
			case '高亮':
			break
			case '笔记':
			formData.desc = ''
			noteColorActive.value = '#F5E12A'
			addNoteVisble.value = true
			showToolBox.value = false
			break
			case '标注':
			break
			case '复制':
			try {
			//复制
			await toClipboard(dialogToolData.txt)
			//下面可以设置复制成功的提示框等操作
			ElMessage({
			message: '复制成功',
			type: 'success'
			})
			} catch (err) {
			ElMessage.error('无法复制文本：' + err)
			}
			showToolBox.value = false
			toolActive.value = ''
			break
			case '词典':
			getSearchResult()
			if (token) {
			toolActive.value = item.name
			colorActive.value = ''
			switch (item.name) {
			case 'AI阅读':
			window.speechSynthesis.cancel()
			const synth = window.speechSynthesis
			const utterance = new SpeechSynthesisUtterance(dialogToolData.txt)
			console.log(utterance, 1)
			utterance.lang = 'zh-CN' // 设置语言为中文
			synth.speak(utterance)
			showToolBox.value = false
			break
			case '划线':
			break
			case '高亮':
			break
			case '笔记':
			formData.desc = ''
			noteColorActive.value = '#F5E12A'
			addNoteVisble.value = true
			showToolBox.value = false
			break
			case '标注':
			break
			case '复制':
			try {
			//复制
			await toClipboard(dialogToolData.txt)
			//下面可以设置复制成功的提示框等操作
			ElMessage({
			message: '复制成功',
			type: 'success'
			})
			} catch (err) {
			ElMessage.error('无法复制文本：' + err)
			}
			showToolBox.value = false
			toolActive.value = ''
			break
			case '词典':
			getSearchResult()

			showToolBox.value = false
			// cidianVisible.value = true
			console.log(dialogToolData.txt)
			break
			case '百科':
			console.log('https://baike.baidu.com/item/' + dialogToolData.txt)
			baiduVisible.value = true
			break
			showToolBox.value = false
			// cidianVisible.value = true
			console.log(dialogToolData.txt)
			break
			case '百科':
			console.log('https://baike.baidu.com/item/' + dialogToolData.txt)
			baiduVisible.value = true
			break
			}
			} 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(() => {
			showToolBox.value = false
			})
			}
			}

			@@ -2936,218 +3553,275 @@
			}

			const addUserKey = () => {
			let dom = ''
			let data = null
			switch (toolActive.value) {
			case '高亮':
			dom = 'highLightData-' + bookConfig.value.bookId
			data = dialogToolData.lineHeight[dialogToolData.chapter]
			if (!data) data = []
			data.push({
			id: toolClass.uuid(8),
			txt: dialogToolData.txt,
			page: dialogToolData.page,
			chapterNum: dialogToolData.chapter,
			type: 'Highlight',
			color: colorActive.value
			})
			break
			case '划线':
			dom = 'underline-' + bookConfig.value.bookId
			data = dialogToolData.scribeList[dialogToolData.chapter]
			if (!data) data = []
			data.push({
			id: toolClass.uuid(8),
			txt: dialogToolData.txt,
			page: dialogToolData.page,
			chapterNum: dialogToolData.chapter,
			type: 'Dashing',
			color: colorActive.value
			})
			break
			case '笔记':
			if (!formData.desc.replace(/^\s\|\s$/g, '')) {
			ElMessage.error('笔记内容不能为空!')
			return
			}
			if (!noteColorActive.value) {
			ElMessage.error('请选择笔记颜色!')
			return
			}
			dom = 'notes-' + bookConfig.value.bookId
			data = dialogToolData.notesList[dialogToolData.chapter]
			if (!data) data = []
			data.push({
			id: toolClass.uuid(8),
			txt: dialogToolData.txt,
			page: dialogToolData.page,
			chapterNum: dialogToolData.chapter,
			type: 'Note',
			color: noteColorActive.value,
			createDate: new Date(),
			note: formData.desc.replace(/^\s\|\s$/g, '')
			})

			break
			}
			MG.identity
			.setUserKey({
			setKeyRequests: [
			{
			domain: dom,
			key: dialogToolData.chapter,
			value: JSON.stringify(data)
			if (token) {
			let dom = ''
			let data = null
			switch (toolActive.value) {
			case '高亮':
			dom = 'highLightData-' + bookConfig.value.bookId
			data = dialogToolData.lineHeight[dialogToolData.chapter]
			if (!data) data = []
			data.push({
			id: toolClass.uuid(8),
			txt: dialogToolData.txt,
			page: dialogToolData.page,
			chapterNum: dialogToolData.chapter,
			type: 'Highlight',
			color: colorActive.value
			})
			break
			case '划线':
			dom = 'underline-' + bookConfig.value.bookId
			data = dialogToolData.scribeList[dialogToolData.chapter]
			if (!data) data = []
			data.push({
			id: toolClass.uuid(8),
			txt: dialogToolData.txt,
			page: dialogToolData.page,
			chapterNum: dialogToolData.chapter,
			type: 'Dashing',
			color: colorActive.value
			})
			break
			case '笔记':
			if (!formData.desc.replace(/^\s\|\s$/g, '')) {
			ElMessage.error('笔记内容不能为空!')
			return
			}
			]
			if (!noteColorActive.value) {
			ElMessage.error('请选择笔记颜色!')
			return
			}
			dom = 'notes-' + bookConfig.value.bookId
			data = dialogToolData.notesList[dialogToolData.chapter]
			if (!data) data = []
			data.push({
			id: toolClass.uuid(8),
			txt: dialogToolData.txt,
			page: dialogToolData.page,
			chapterNum: dialogToolData.chapter,
			type: 'Note',
			color: noteColorActive.value,
			createDate: new Date(),
			note: formData.desc.replace(/^\s\|\s$/g, '')
			})

			break
			}
			MG.identity
			.setUserKey({
			setKeyRequests: [
			{
			domain: dom,
			key: dialogToolData.chapter,
			value: JSON.stringify(data)
			}
			]
			})
			.then((res) => {
			showToolBox.value = false
			addNoteVisble.value = false
			colorActive.value = ''
			noteColorActive.value = ''
			toolActive.value = ''
			getSignData()
			getNotesList()
			})
			} else {
			ElMessageBox.confirm('请先登录！', {
			confirmButtonText: '去登录',
			cancelButtonText: '取消',
			autofocus: false,
			type: 'warning'
			})
			.then((res) => {
			showToolBox.value = false
			addNoteVisble.value = false
			colorActive.value = ''
			noteColorActive.value = ''
			toolActive.value = ''
			getSignData()
			getNotesList()
			})
			.then(() => {
			if (sessionStorage.getItem('loginCtx')) {
			window.open(sessionStorage.getItem('loginCtx'))
			} else {
			router.replace({
			path: '/login'
			})
			}
			})
			.catch(() => {})
			}
			}

			const getSignData = () => {
			MG.identity
			.getUserKey({
			domain: 'highLightData-' + bookConfig.value.bookId,
			keys: activeCatalog.value.map((item) => item + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			const data = JSON.parse(item.value)
			// 储值
			dialogToolData.lineHeight[item.key] = data
			// 渲染
			for (let j = 0; j < data.length; j++) {
			const citem = data[j]
			if (window.qiankunState && window.qiankunState.renderSign)
			window.qiankunState.renderSign(citem.type, citem)
			if (token) {
			MG.identity
			.getUserKey({
			domain: 'highLightData-' + bookConfig.value.bookId,
			keys: activeCatalog.value.map((item) => item + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			const data = JSON.parse(item.value)
			// 储值
			dialogToolData.lineHeight[item.key] = data
			// 渲染
			for (let j = 0; j < data.length; j++) {
			const citem = data[j]
			if (window.qiankunState && window.qiankunState.renderSign)
			window.qiankunState.renderSign(citem.type, citem)
			}
			}
			}
			}
			})
			MG.identity
			.getUserKey({
			domain: 'underline-' + bookConfig.value.bookId,
			keys: activeCatalog.value.map((item) => item + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			const data = JSON.parse(item.value)
			// 储值
			dialogToolData.scribeList[item.key] = data
			})
			MG.identity
			.getUserKey({
			domain: 'underline-' + bookConfig.value.bookId,
			keys: activeCatalog.value.map((item) => item + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			const data = JSON.parse(item.value)
			// 储值
			dialogToolData.scribeList[item.key] = data

			// 渲染
			if (data.length > 0) {
			for (let j = 0; j < data.length; j++) {
			const citem = data[j]
			if (window.qiankunState && window.qiankunState.renderSign)
			window.qiankunState.renderSign(citem.type, citem)
			// 渲染
			if (data.length > 0) {
			for (let j = 0; j < data.length; j++) {
			const citem = data[j]
			if (window.qiankunState && window.qiankunState.renderSign)
			window.qiankunState.renderSign(citem.type, citem)
			}
			}
			}
			}
			}
			})
			MG.identity
			.getUserKey({
			domain: 'notes-' + bookConfig.value.bookId,
			keys: activeCatalog.value.map((item) => item + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			const data = JSON.parse(item.value)
			// 储值
			dialogToolData.notesList[item.key] = data
			// 渲染
			if (data.length > 0) {
			for (let j = 0; j < data.length; j++) {
			const citem = data[j]
			if (window.qiankunState && window.qiankunState.renderSign)
			window.qiankunState.renderSign(citem.type, citem)
			})
			MG.identity
			.getUserKey({
			domain: 'notes-' + bookConfig.value.bookId,
			keys: activeCatalog.value.map((item) => item + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			const data = JSON.parse(item.value)
			// 储值
			dialogToolData.notesList[item.key] = data
			// 渲染
			if (data.length > 0) {
			for (let j = 0; j < data.length; j++) {
			const citem = data[j]
			if (window.qiankunState && window.qiankunState.renderSign)
			window.qiankunState.renderSign(citem.type, citem)
			}
			}
			}
			}
			}
			})
			} 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 getNotesList = () => {
			let chapterList = []
			listLoading.value = true
			catalogueData.value.forEach((item) => {
			chapterList.push(item.chapter + '')
			})
			let uniqueArray = [...new Set(chapterList)]
			scribeData.noteList = []
			MG.identity
			.getUserKey({
			domain: 'notes-' + bookConfig.value.bookId,
			keys: uniqueArray
			if (token) {
			let chapterList = []
			listLoading.value = true
			catalogueData.value.forEach((item) => {
			chapterList.push(item.chapter + '')
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			// 储值
			let data = catalogueData.value.find((item1) => item1.chapter == Number(item.key))
			// console.log(data,'666')
			let dataList = []
			if (catalogueData.value.length > 0) {
			catalogueData.value.forEach((item1) => {
			if (item1.chapter == Number(item.key)) {
			dataList.push(item1)
			}
			})
			}
			let labels = ''
			if (dataList.length > 1) labels = dataList.map((item) => item.label).join('/')
			let uniqueArray = [...new Set(chapterList)]
			scribeData.noteList = []
			MG.identity
			.getUserKey({
			domain: 'notes-' + bookConfig.value.bookId,
			keys: uniqueArray
			})
			.then((res) => {
			if (res && res.length > 0) {
			for (let i = 0; i < res.length; i++) {
			const item = res[i]
			// 储值
			let data = catalogueData.value.find((item1) => item1.chapter == Number(item.key))
			// console.log(data,'666')
			let dataList = []
			if (catalogueData.value.length > 0) {
			catalogueData.value.forEach((item1) => {
			if (item1.chapter == Number(item.key)) {
			dataList.push(item1)
			}
			})
			}
			let labels = ''
			if (dataList.length > 1) labels = dataList.map((item) => item.label).join('/')

			let list = JSON.parse(item.value)
			let itemList = []
			if (list.length > 0) {
			list.forEach((item) => {
			if (searchText.value) {
			let text = searchText.value.replace(/^\s\|\s$/g, '')
			if (item.note.indexOf(text) > -1 \|\| item.txt.indexOf(text) > -1) {
			let list = JSON.parse(item.value)
			let itemList = []
			if (list.length > 0) {
			list.forEach((item) => {
			if (searchText.value) {
			let text = searchText.value.replace(/^\s\|\s$/g, '')
			if (item.note.indexOf(text) > -1 \|\| item.txt.indexOf(text) > -1) {
			if (menuState.notesColor == 'all') {
			itemList.push(item)
			} else if (item.color == menuState.notesColor) {
			itemList.push(item)
			}
			}
			} else {
			if (menuState.notesColor == 'all') {
			itemList.push(item)
			} else if (item.color == menuState.notesColor) {
			itemList.push(item)
			}
			}
			} else {
			if (menuState.notesColor == 'all') {
			itemList.push(item)
			} else if (item.color == menuState.notesColor) {
			itemList.push(item)
			}
			}
			})
			})
			}
			if (dataList[0].chapter == Number(item.key) && itemList.length > 0) {
			scribeData.noteList.push({
			chapter: dataList[0].chapter,
			chapterName: labels ? labels : dataList[0].label,
			noteList: itemList
			})
			}
			}
			if (dataList[0].chapter == Number(item.key) && itemList.length > 0) {
			scribeData.noteList.push({
			chapter: dataList[0].chapter,
			chapterName: labels ? labels : dataList[0].label,
			noteList: itemList
			})
			}
			console.log(scribeData.noteList, 'scribeData.noteList')
			}
			console.log(scribeData.noteList, 'scribeData.noteList')
			}
			listLoading.value = false
			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(() => {})
			}
			}

			//正文中删除高亮，划线，笔记操作框
			@@ -3275,7 +3949,7 @@
			const updateUserKey = () => {
			let data = scribeData.noteList.find((item1) => item1.chapter == dialogToolData.chapter)
			data.noteList.forEach((itemNote) => {
			if ((itemNote.id == formData.id)) {
			if (itemNote.id == formData.id) {
			itemNote.note = formData.desc
			itemNote.color = noteColorActive.value
			}
			@@ -3423,12 +4097,26 @@

			const layoutBtn = () => {
			localStorage.removeItem('token')
			localStorage.removeItem("userInfo")
			router.push('/login')
			localStorage.removeItem('userInfo')
			// 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')
			localStorage.removeItem('userInfo')
			// router.push('/login')
			if (sessionStorage.getItem('loginCtx')) {
			window.open(sessionStorage.getItem('loginCtx'))
			} else {
			router.replace({
			path: '/login'
			})
			}
			}
			</script>

			@@ -3451,15 +4139,18 @@
			display: flex;
			justify-content: space-between;
			align-items: center;

			.logoTxt {
			font-size: 24px;
			color: #333;
			letter-spacing: 2px;
			font-weight: bold;
			}

			.userInfoBox {
			display: flex;
			align-items: center;

			.userName {
			font-size: 18px;
			margin-right: 15px;
			@@ -3467,6 +4158,7 @@
			border-right: 1px solid #e0e0e0;
			color: #2c2c2c;
			}

			.layout {
			width: 69px;
			height: 30px;
			@@ -3478,11 +4170,13 @@
			}
			}
			}

			.contentBox {
			overflow: hidden;
			flex: 1;
			display: flex;
			position: relative;

			.menuBox {
			width: 80px;
			flex-shrink: 0;
			@@ -3496,14 +4190,7 @@
			-moz-user-select: none;
			-khtml-user-select: none;
			user-select: none;
			.notClick {

			pointer-events: none;
			.name{
			color:#949494 !important;
			}

			}

			.menuItem {
			text-align: center;
			line-height: 1;
			@@ -3512,30 +4199,36 @@
			width: 63px;
			margin: 10px auto;
			border-radius: 10px;

			&.active,
			&:hover {
			background-color: rgba(0, 147, 255, 0.1);

			p {
			color: #0093ff;
			}
			}

			.menuIcon {
			display: inline-block;
			width: 32px;
			height: 32px;
			}

			.name {
			text-align: center;
			line-height: 1;
			color: #2c3e50;
			}
			}

			.reload {
			width: 80px;
			position: absolute;
			bottom: 100px;
			text-align: center;
			}

			.setting {
			width: 80px;
			position: absolute;
			@@ -3543,7 +4236,9 @@
			text-align: center;
			}
			}

			.menuContent {
			// position: relative;
			width: 300px;
			flex-shrink: 0;
			height: calc(100vh - 48px);
			@@ -3552,6 +4247,7 @@
			-moz-user-select: none;
			-khtml-user-select: none;
			user-select: none;

			.searchBox {
			width: 100%;
			height: 60px;
			@@ -3561,22 +4257,27 @@
			align-items: center;
			border-bottom: 1px solid #efefef;
			}

			.resourceSearchBox {
			padding: 10px 0;
			margin: 0 20px;
			border-bottom: 1px solid rgba(204, 204, 204, 0.32);

			.classification {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.flex1 {
			flex: 1;
			text-align: center;
			}

			.title {
			color: #999999;
			}

			.count {
			width: 35px;
			margin: 0 auto;
			@@ -3587,16 +4288,19 @@
			height: 18px;
			font-size: 12px;
			}

			.activeClassify,
			.classifyItem:hover {
			.title {
			color: #0093ff;
			}

			.count {
			background: #0093ff;
			color: #fff;
			}
			}

			.showSearch {
			.imgBox {
			width: 39px;
			@@ -3604,17 +4308,20 @@
			border-radius: 16px;
			margin: 0 auto;
			}

			.imgBox:hover,
			.activeSearch {
			border: 1px solid #0093ff;
			}
			}
			}

			.inputBox {
			margin-top: 10px;
			width: 100% !important;
			}
			}

			.resourceTab {
			width: 100%;
			height: 60px;
			@@ -3622,18 +4329,22 @@
			justify-content: center;
			align-items: center;
			font-size: 16px;

			.hr {
			height: 25px;
			color: #dbdbdb !important;
			}

			.tabItem:first-child(1) {
			border-right: 1px solid #707070;
			}

			.tabItem {
			flex: 1;
			text-align: center;
			line-height: 57px;
			}

			.text {
			width: 43px;
			height: 3px;
			@@ -3641,12 +4352,15 @@
			background: #0093ff;
			border-radius: 3px 3px 0px 0px;
			}

			.line {
			height: 3px;
			}
			}

			.inputBox {
			width: 85%;

			.custom-input {
			border: 1px solid #0093ff !important;
			border-radius: 50px;
			@@ -3658,19 +4372,23 @@
			.is-focus,
			.el-input__wrapper {
			box-shadow: none !important;

			.el-input__inner {
			border: none !important;
			height: 34px !important;
			}
			}

			.el-input-group__append {
			padding: 0 10px !important;
			background: none !important;
			}
			}

			.screenBox {
			display: flex;
			padding: 0 10px;

			.title {
			margin: 10px 0;
			line-height: 40px;
			@@ -3721,14 +4439,17 @@
			border: 1px solid #0093ff;
			}
			}

			.menuList {
			height: calc(100% - 60px);
			overflow-y: auto;
			padding: 10px 0;
			}

			.list-box {
			.resourceList {
			padding: 10px;

			.resourceItem {
			padding: 10px 0;
			align-items: center;
			@@ -3743,11 +4464,13 @@
			align-items: center;
			justify-content: center;
			position: relative;

			img {
			height: 100%;
			width: 100%;
			object-fit: contain;
			}

			.handleBox {
			position: absolute;
			top: 0;
			@@ -3757,11 +4480,13 @@
			background: rgba(44, 44, 44, 0.6);
			text-align: center;
			padding: 2px;

			.delImg {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;

			.icon {
			position: static;
			margin: 5px;
			@@ -3777,21 +4502,25 @@
			}
			}
			}

			.screenshot {
			padding: 20px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			.captureItem {
			margin-bottom: 10px;
			width: 46%;
			position: relative;

			.imgBox {
			border: 1px solid #d8d8d8;
			width: 100%;
			height: 80px;
			margin-bottom: 5px;
			}

			.deleteBox {
			position: absolute;
			top: 0;
			@@ -3801,11 +4530,13 @@
			background: rgba(44, 44, 44, 0.6);
			text-align: center;
			padding: 2px;

			.delImg {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;

			.icon {
			position: static;
			margin: 5px;
			@@ -3813,6 +4544,7 @@
			}
			}
			}

			// .capture {
			// width: 100%;
			// }
			@@ -3836,22 +4568,26 @@
			background: #fff;
			border-radius: 5px;
			padding: 10px 0;

			.textBox {
			.title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-right: 10px;

			.border-left {
			height: 25px;
			border-right: 4px solid;
			border-radius: 0 5px 5px 0;
			margin-right: 10px;
			}

			.title-con {
			display: flex;
			align-items: center;
			color: #949494;

			.round {
			width: 10px;
			height: 10px;
			@@ -3864,6 +4600,7 @@
			margin-left: 5px;
			}
			}

			.chapter {
			color: #b7b7b7;
			margin: 5px 5px 5px 14px;
			@@ -3876,10 +4613,12 @@
			padding: 0 5px;
			}
			}

			.noteText {
			margin: 10px 10px 10px 15px;
			border-radius: 3px;
			padding: 2px 5px;

			.con {
			max-height: 65px;
			display: -webkit-box;
			@@ -3889,14 +4628,17 @@
			}
			}
			}

			.chapterName {
			margin: 15px;
			display: flex;
			align-items: center;

			span {
			margin-left: 5px;
			}
			}

			.reMarkItem {
			margin: 15px;
			background: #fff;
			@@ -3904,13 +4646,10 @@
			padding: 10px;
			display: flex;
			justify-content: space-between;

			.reMarkCon {
			// width: 240px;
			// white-space: nowrap;
			// overflow: hidden;
			// text-overflow: ellipsis;
			// margin-right: 8px;
			display: flex;

			.con {
			width: 200px;
			white-space: nowrap;
			@@ -3919,13 +4658,20 @@
			margin-right: 8px;
			}
			}

			.deleteReMarkImg {
			display: flex;
			align-items: center;
			}

			.questionCon {
			width: 240px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			}
			}



			.allSearchList {
			.searchItem {
			margin: 15px;
			@@ -3933,13 +4679,14 @@
			border-radius: 10px;
			padding: 10px;
			display: flex;
			.index{
			line-height: 24px;
			margin-right:10px;

			.index {
			line-height: 24px;
			margin-right: 10px;
			}

			.searchCon {
			flex:1;
			flex: 1;
			width: 240px;
			overflow: hidden;
			margin-right: 8px;
			@@ -3949,19 +4696,51 @@
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			text-overflow: ellipsis;
			.searchColor{
			background:rgb(245, 225, 42, 0.5)

			.searchColor {
			background: rgb(245, 225, 42, 0.5);
			}
			}

			}
			}
			}
			.allSearch,.notesBox,.resourceBox,.reMarkList,.screenshotList {
			height: calc(100% - 60px);
			overflow-y: auto;
			}
			}

			.allSearch,
			.notesBox,
			.resourceBox,
			.reMarkList,
			.questionList,
			.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 {
			width: 25px;
			height: 25px;
			@@ -3973,6 +4752,7 @@
			text-align: center;
			box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.3);
			z-index: 2;

			img {
			height: 10px;
			width: 18px;
			@@ -3983,6 +4763,7 @@
			flex: 1;
			font-size: 16px;
			position: relative;

			.pageBox-header {
			height: 57px;
			padding: 0 20px;
			@@ -3991,6 +4772,7 @@
			z-index: 99;
			align-items: center;
			justify-content: space-between;

			.classTime {
			display: flex;
			align-items: center;
			@@ -3998,6 +4780,7 @@
			border-radius: 20px 20px 20px 20px;
			color: #0093ff;
			padding: 8px;

			.qureIcon {
			width: 9px;
			height: 9px;
			@@ -4006,16 +4789,20 @@
			margin: 0 5px;
			}
			}

			.progress {
			text-align: center;

			.bookName {
			font-weight: 800;
			margin-bottom: 5px;
			color: #333;
			}
			}

			.rightBox {
			display: flex;

			.pageSizeBox {
			display: flex;
			align-items: center;
			@@ -4025,21 +4812,25 @@
			padding: 5px;
			display: flex;
			align-items: center;

			img {
			width: 18px;
			height: 18px;
			}
			}
			}

			.brushImgBox {
			display: flex;
			align-items: center;
			border-left: 1px solid #d8d8d8;

			div {
			padding: 5px;
			display: flex;
			align-items: center;
			}

			.brushImg {
			width: 22px;
			margin-left: 20px;
			@@ -4048,21 +4839,26 @@
			}
			}
			}

			.pageBox-content {
			height: calc(100% - 57px);
			background: #fbf9f4;
			padding: 10px 0;

			.content-box {
			height: 100%;
			position: relative;

			#container {
			background: #fbf9f4;
			height: 100%;

			#__qiankun_microapp_wrapper_for_app_content__ {
			height: 100%;
			}
			}
			}

			.canvas-box {
			height: 100%;
			width: 100%;
			@@ -4074,6 +4870,7 @@
			}
			}
			}

			.toolBox {
			position: relative;
			box-shadow: -3px 0px 6px 1px rgba(0, 0, 0, 0.07);
			@@ -4082,15 +4879,13 @@
			-moz-user-select: none;
			-khtml-user-select: none;
			user-select: none;
			.notClick {
			pointer-events: none;
			color:#949494 !important;
			}

			.toolTitle {
			height: 57px;
			line-height: 53px;
			text-align: center;
			border-bottom: 1px solid #efefef;

			.text {
			width: 43px;
			height: 3px;
			@@ -4099,8 +4894,10 @@
			border-radius: 3px 3px 0px 0px;
			}
			}

			.menu {
			padding-top: 20px;

			li > div {
			// height: 50px;
			padding: 10px 36px;
			@@ -4120,6 +4917,7 @@
			}
			}
			}

			.openBox {
			width: 25px;
			height: 25px;
			@@ -4138,22 +4936,27 @@
			width: 18px;
			}
			}

			.right {
			right: 198px !important;
			border-radius: 0px 3px 3px 0px !important;
			}

			.classRoomBox {
			position: absolute;
			bottom: 0;
			width: 100%;

			.el-tabs__nav {
			width: 100% !important;
			}

			.el-tabs__item {
			flex: 1 !important;
			padding: 0 !important;
			text-align: center;
			}

			.el-tabs__active-bar {
			width: 43px !important;
			left: 30px !important;
			@@ -4161,13 +4964,16 @@
			bottom: 1px;
			border-radius: 3px 3px 0px 0px;
			}

			.tabBox {
			height: 100px;
			padding: 10px 17px;
			text-align: center;

			.insertSelect {
			display: flex;
			justify-content: space-between;

			.selectItem {
			text-align: center;
			background: rgba(207, 207, 207, 0.13);
			@@ -4175,6 +4981,7 @@
			border-radius: 5px;
			border: 2px solid #cfcfcf;
			}

			.typeActive {
			text-align: center;
			color: #0093ff;
			@@ -4184,6 +4991,7 @@
			background: rgba(0, 147, 255, 0.13);
			}
			}

			.giveLessons {
			color: #0093ff;
			width: 90px;
			@@ -4194,6 +5002,7 @@
			display: flex;
			align-items: center;
			justify-content: center;

			span {
			margin-left: 10px;
			}
			@@ -4214,9 +5023,7 @@
			border-radius: 10px;
			padding: 6px;
			overflow: hidden;
			.notClick {
			pointer-events: none;
			}

			.floatToolItem {
			margin: 10px 0;
			height: 30px;
			@@ -4226,11 +5033,13 @@
			border-radius: 5px;
			color: #fff;
			cursor: pointer;

			.imgBox {
			width: 24px;
			height: 24px;
			margin: 0 auto;
			position: relative;

			img {
			width: 100%;
			height: 100%;
			@@ -4246,10 +5055,12 @@
			margin: auto;
			}
			}

			.text {
			margin-right: 5px;
			}
			}

			.floatToolItem:hover,
			.floatToolActive {
			background-color: rgba(255, 255, 255, 0.3);
			@@ -4268,10 +5079,12 @@
			background: #fff;
			overflow: hidden;
			box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.3);

			.toolList {
			display: flex;
			justify-content: center;
			align-items: center;

			.floatToolItem {
			margin: 6px 8px;
			padding: 5px;
			@@ -4282,6 +5095,7 @@
			align-items: center;
			// flex: 1;
			font-size: 14px;

			.imgBox {
			height: 18px;
			width: 18px;
			@@ -4289,9 +5103,11 @@
			margin: 0 auto;
			}
			}

			.floatToolItem:hover {
			background-color: rgba(44, 44, 44, 0.2);
			}

			.layOutTool {
			height: 20px;
			margin-right: 5px;
			@@ -4303,6 +5119,7 @@
			.dialogToolBox {
			position: fixed;
			z-index: 2;

			.toolSelectBox {
			height: 40px;
			display: flex;
			@@ -4312,6 +5129,7 @@
			overflow: hidden;
			padding: 5px;
			background-color: rgba(90, 90, 90, 0.9);

			// background-image: linear-gradient(to right, #0093ff, #005dff);
			.dialogToolItem {
			user-select: none;
			@@ -4322,10 +5140,12 @@
			margin: 0 5px;
			cursor: pointer;
			text-align: center;

			span {
			color: #fff;
			}
			}

			.dialogToolItem:hover,
			.active {
			background-color: rgba(255, 255, 255, 0.2);
			@@ -4335,6 +5155,7 @@
			}
			}
			}

			.colorSelectBox {
			padding: 5px 10px;
			width: 190px;
			@@ -4344,8 +5165,10 @@
			box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
			border-radius: 5px;
			margin-bottom: 10px;

			.flex1 {
			flex: 1;

			.scribeItem {
			width: 18px;
			height: 18px;
			@@ -4360,6 +5183,7 @@
			}
			}
			}

			.lineDeleteBox {
			position: fixed;
			z-index: 2;
			@@ -4369,6 +5193,7 @@
			background-color: rgba(90, 90, 90, 0.9);
			border-radius: 5px;
			display: flex;

			.dialogToolItem {
			padding: 3px;
			margin: 0 5px;
			@@ -4377,10 +5202,12 @@
			justify-content: center;
			align-items: center;
			}

			.dialogToolItem:hover {
			background-color: rgba(255, 255, 255, 0.3);
			}
			}

			.noteContentBox {
			max-width: 240px;
			position: fixed;
			@@ -4388,6 +5215,7 @@
			padding: 10px;
			border-radius: 5px;
			}

			.dictionaryDataBox {
			position: fixed;
			z-index: 2;
			@@ -4395,9 +5223,11 @@
			padding: 5px 20px;
			background: #fff;
			border-radius: 5px;

			.word {
			font-weight: bold;
			}

			.phone_con {
			.per-phone {
			align-items: center;
			@@ -4411,33 +5241,40 @@
			margin-right: 10px;
			margin-top: 10px;
			padding: 8px 10px;

			span {
			margin: 0 10px;
			flex: 1;
			}
			}

			.soundBtn {
			width: 16px;
			height: 14px;
			}
			}

			.trans {
			padding: 20px 0;

			.itemList {
			display: flex;
			padding: 10px 0;

			.index {
			margin-right: 15px;
			}

			.pos {
			margin-right: 30px;
			}
			}
			}
			}

			.wendabox {
			width: 100%;
			height: 80vh;
			height: 95vh;

			iframe {
			width: 100%;
			@@ -4469,38 +5306,48 @@
			top: 0px !important;
			right: 0px !important;
			}

			.el-dialog__body {
			padding: 20px !important;
			}

			.el-dialog__footer {
			padding: 10px 20px 20px !important;
			text-align: right;
			box-sizing: border-box;
			}
			}

			.myDialogs {
			height: 90vh;
			}

			.myAnserDialogs {
			width: 700px;
			height: 90vh;
			}

			.myNoteDialogs {
			width: 500px !important;
			}

			.screenshotDialog {
			width: 400px !important;
			}

			.baiduDialog {
			width: 90vw;
			height: 90vh;
			}

			.noteColorSelectBox {
			margin-top: 10px;
			width: 190px;
			display: flex;

			.flex1 {
			flex: 1;

			.scribeItem {
			width: 18px;
			height: 18px;
			@@ -4513,12 +5360,15 @@
			}
			}
			}

			.videoBox {
			text-align: center;

			video {
			width: 100%;
			}
			}

			.audioBox {
			// display:none;
			}
			@@ -4526,11 +5376,19 @@
			.wordBox {
			height: 600px;
			}

			.imgUrlBox {
			width: 100%;
			text-align: center;

			img {
			width: 100%;
			}
			}

			.voice-reader {
			position: absolute;
			bottom: 30px;
			left: 50px;
			}
			</style>