| | |
| | | class="icon hover" |
| | | size="20" |
| | | @click="JumpPosition(item)" |
| | | v-if="resourceType == 'default'" |
| | | v-if="item.pagination" |
| | | > |
| | | <LocationInformation /> |
| | | </el-icon> |
| | |
| | | > |
| | | <View /> |
| | | </el-icon> |
| | | <!-- 其他类型预览或直接下载 --> |
| | | <el-icon |
| | | @click="goPlay(item)" |
| | | size="20" |
| | | class="icon hover" |
| | | v-if="item.resourceType != '视频' && item.resourceType != '音频' && item.resourceType != '图片'" |
| | | > |
| | | <View /> |
| | | </el-icon> |
| | | <el-icon |
| | | size="20" |
| | | class="icon hover" |
| | | @click="goPlay(item)" |
| | | v-if=" |
| | | !( |
| | | item.resourceType == '视频' || |
| | | item.resourceType == '音频' || |
| | | item.resourceType == '习题' || |
| | | item.resourceType == '图片' |
| | | ) && item.isDownload == '是' |
| | | " |
| | | @click="goDownload(item)" |
| | | v-if="item.isDownload == '是'" |
| | | > |
| | | <Download /> |
| | | </el-icon> |
| | |
| | | <video controls controlslist="nodownload" :src="testVideo"></video> |
| | | </div> |
| | | |
| | | <!-- <div class="wordBox" v-if="resourType == 'word'"> |
| | | <vue-office-docx :src="testWord" /> |
| | | </div> --> |
| | | <div class="wordBox" v-if="resourType == 'PDF' || resourType == 'PPT' || resourType == 'WORD'"> |
| | | <div |
| | | v-for="(item, index) in showData" |
| | | :key="index" |
| | | class="pdfItem" |
| | | :page="index + 1" |
| | | > |
| | | <img :src="item.showSrc" alt="" style="min-height: 550px" loading="lazy" /> |
| | | <el-divider content-position="center"> 第 {{ index + 1 }} 页 </el-divider> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | | <div class="audioBox" v-show="false"> |
| | | <!-- <video controls controlslist="nodownload" :src="testVideo"></video> --> |
| | |
| | | </el-dialog> |
| | | <el-dialog title="模型工具" align-center v-model="modelToolVisble" width="80%" class="myDialogs"> |
| | | <div class="wendabox"> |
| | | <iframe src="https://adjam93.github.io/threejs-model-viewer/#" frameborder="0"></iframe> |
| | | <iframe :src="sceneUrl" frameborder="0"></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="模型工具" align-center v-model="modelTool" width="80%" class="myDialogs"> |
| | | <div class="wendabox"> |
| | | <iframe src='https://adjam93.github.io/threejs-model-viewer/#' frameborder="0"></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="生词卡片" align-center v-model="shengciVisble" width="800" class="myDialogs"> |
| | |
| | | { |
| | | icon: huabi, |
| | | name: '画笔', |
| | | // isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1 |
| | | isShow: true |
| | | isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1 |
| | | // isShow: true |
| | | }, |
| | | { |
| | | icon: baiban, |
| | |
| | | if (resItem1.resourceType == classifySelectList.value[0].title) { |
| | | resourceDataList.value.push(resItem1) |
| | | } |
| | | if(activeClassify.value == 'other'){ |
| | | if (resItem1.resourceType != '图片' && resItem1.resourceType != '视频' && resItem1.resourceType != '音频') { |
| | | resourceDataList.value.push(resItem1) |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | } else { |
| | |
| | | if (resItem1.resourceType == classifySelectList.value[0].title) { |
| | | resourceDataList.value.push(resItem1) |
| | | } |
| | | if(activeClassify.value == 'other'){ |
| | | if (resItem1.resourceType != '图片' && resItem1.resourceType != '视频' && resItem1.resourceType != '音频') { |
| | | resourceDataList.value.push(resItem1) |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | //资源播放视频 |
| | | const sceneUrl = ref() |
| | | const showData = ref() |
| | | const goPlay = (data, index) => { |
| | | console.log(data.resourceType,123) |
| | | resourType.value = data.resourceType |
| | | if (data.resourceType == '视频') { |
| | | if (data.md5) { |
| | |
| | | testAudio.value = bookConfig.value.resourceUrl + '/' + data.resourcePath |
| | | } |
| | | autoPlay() |
| | | } else { |
| | | } else if (data.resourceType == '模型') { |
| | | console.log(data,222) |
| | | let file = bookConfig.value.requestCtx + '/file/api/ApiDownload?md5=' + data.md5 |
| | | console.log(file.exd,777) |
| | | const ctx = 'https://jsek.bnuic.com' |
| | | if (data.md5) { |
| | | sceneUrl.value = 'https://jsek.bnuic.com/books/book/civilAviation/static/modelView/index.html?md5=' + data.md5 + '&name=je' + '&domain=' + ctx + '&exd=obj' + '&target=iframe' |
| | | } else { |
| | | sceneUrl.value = bookConfig.value.resourceUrl + '/' + data.resourcePath |
| | | } |
| | | modelToolVisble.value = true |
| | | // if (data.md5) { |
| | | // window.open(bookConfig.value.requestCtx + '/file/api/ApiDownload?md5=' + data.md5) |
| | | // } else if (data.resourcePath) { |
| | | // window.open(bookConfig.value.resourceUrl + '/' + data.resourcePath) |
| | | // } |
| | | }else if(data.resourceType == 'PPT' || data.resourceType == 'PDF'){ |
| | | let md5 = data.md5 |
| | | let dataList = [] |
| | | MG.file |
| | | .getPdfInfo({ |
| | | md5 |
| | | }) |
| | | .then((res: any) => { |
| | | console.log() |
| | | if (res && res.totalPages) { |
| | | for (let i = 0; i < res.totalPages; i++) { |
| | | const src = |
| | | bookConfig.value.requestCtx + |
| | | '/file/GetPdfPageImage?md5=' + |
| | | md5 + |
| | | '&index=' + |
| | | (i + 1) + |
| | | '&dpi=300' |
| | | dataList.push({ |
| | | showSrc: src |
| | | }) |
| | | } |
| | | console.log(dataList) |
| | | showData.value = dataList |
| | | // 启动页码观察 |
| | | setTimeout(() => { |
| | | resourVisble.value = true |
| | | }, 500) |
| | | } |
| | | }) |
| | | |
| | | }else { |
| | | if (data.md5) { |
| | | window.open(bookConfig.value.requestCtx + '/file/api/ApiDownload?md5=' + data.md5) |
| | | } else if (data.resourcePath) { |
| | |
| | | // else if (data.resourceType == 'word') { |
| | | // testWord.value = bookConfig.value.resourceUrl + '/' + data.resourcePath |
| | | // } |
| | | } |
| | | const goDownload =(data) =>{ |
| | | if (data.md5) { |
| | | window.open(bookConfig.value.requestCtx + '/file/api/ApiDownload?md5=' + data.md5) |
| | | } else if (data.resourcePath) { |
| | | window.open(bookConfig.value.resourceUrl + '/' + data.resourcePath) |
| | | } |
| | | } |
| | | // 关闭视频 |
| | | const resourVisbleClose = () => { |
| | |
| | | //资源类型选择默认/教师 |
| | | const selectResourceType = (type) => { |
| | | resourceType.value = type |
| | | resourceDataList.value = [] |
| | | classifySelectList.value = [] |
| | | activeClassify.value = '' |
| | | searchText.value = '' |
| | | if (type == 'collect') { |
| | | getCollectResource() |
| | |
| | | const functionVisible = ref(false) |
| | | const siweiVisble = ref(false) |
| | | const modelToolVisble = ref(false) |
| | | const modelTool = ref(false) |
| | | const shengciVisble = ref(false) |
| | | const calculatorVisble = ref(false) |
| | | const activeTool = ref(0) |
| | |
| | | siweiVisble.value = true |
| | | break |
| | | case '模型工具': |
| | | modelToolVisble.value = true |
| | | modelTool.value = true |
| | | break |
| | | case '词典': |
| | | cidianVisible.value = true |
| | |
| | | |
| | | //浮窗工具栏点击事件 |
| | | const floatItemHandle = (item) => { |
| | | console.log(floatingToolData.activeToolData, 'floatingToolData.activeToolData') |
| | | if (floatingToolData.activeToolData == '画笔') { |
| | | floatingToolData.activeToolData = '' |
| | | } else { |
| | |
| | | |
| | | //跳转 |
| | | const goReMark = (item) => { |
| | | console.log(item) |
| | | if (window.qiankunState && window.qiankunState.gotoPage) { |
| | | window.qiankunState.gotoPage(Number(item.chapterNum), Number(item.page)) |
| | | } |
| | |
| | | } |
| | | //取消回调 |
| | | const closeFn = (base64: any) => { |
| | | console.log(base64) |
| | | floatingToolData.activeToolData = '' |
| | | } |
| | | //保存截图 |
| | |
| | | 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 |
| | |
| | | |
| | | 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 |
| | | } |
| | |
| | | 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) => { |
| | |
| | | }) |
| | | } |
| | | } |
| | | console.log(scribeData.noteList, 'scribeData.noteList') |
| | | } |
| | | listLoading.value = false |
| | | }) |
| | |
| | | document.addEventListener('mousemove', function (event) { |
| | | var x = event.offsetX |
| | | var y = event.offsetY |
| | | // console.log('鼠标坐标位置:', x, y) |
| | | noteContent.top = event.clientY + 20 |
| | | noteContent.left = event.clientX |
| | | }) |
| | | } |
| | | window.noteOut = (type) => { |
| | | console.log(type, 123) |
| | | noteContent.show = false |
| | | } |
| | | |
| | |
| | | |
| | | //笔记跳转 |
| | | const jumpContent = (item) => { |
| | | console.log(item) |
| | | if (window.qiankunState && window.qiankunState.gotoPage) { |
| | | window.qiankunState.gotoPage(Number(item.chapterNum), Number(item.page)) |
| | | } |
| | |
| | | |
| | | //菜单笔记编辑 |
| | | const update = (item) => { |
| | | console.log(item) |
| | | dialogToolData.chapter = item.chapterNum |
| | | noteColorActive.value = item.color |
| | | formData.id = item.id |
| | |
| | | } |
| | | ]) |
| | | .then((res) => { |
| | | console.log(res[0][0], 'cid') |
| | | if (res.length > 0 && res[0].length > 0) { |
| | | res[0].map((item) => { |
| | | item.trans = JSON.parse(item.trans) |
| | | }) |
| | | dictionaryData.data = res[0][0] |
| | | console.log(dictionaryData.data, '14') |
| | | dictionaryData.showContent = true |
| | | } |
| | | }) |
| | |
| | | |
| | | .wendabox { |
| | | width: 100%; |
| | | height: 95vh; |
| | | height: 82vh; |
| | | |
| | | iframe { |
| | | width: 100%; |
| | |
| | | |
| | | .wordBox { |
| | | height: 600px; |
| | | width: 100%; |
| | | overflow-y: scroll; |
| | | |
| | | img { |
| | | display: block; |
| | | margin: 0 auto; |
| | | width: 90%; |
| | | height: auto; |
| | | box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1); |
| | | object-fit: contain; |
| | | } |
| | | } |
| | | |
| | | .imgUrlBox { |