| | |
| | | <div v-else> |
| | | <div class="layout hover" @click="goLogin">登录</div> |
| | | </div> |
| | | <!-- <div> |
| | | <div class="layout hover" @click="openFormulaDialog">公式</div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <div class="contentBox"> |
| | |
| | | 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> |
| | |
| | | <wrongQuestion /> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | | title="公式编辑" |
| | | align-center |
| | | v-model="formulaDialog" |
| | | class="myDialogs" |
| | | > |
| | | <div class="wendabox"> |
| | | <formula /> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 答题器 --> |
| | | <examination |
| | | ref="examinationRef" |
| | |
| | | /> |
| | | <!-- 计算器 --> |
| | | <el-dialog title="计算器" align-center v-model="calculatorVisble" width="850" class="myDialogs"> |
| | | <calculatorNew></calculatorNew> |
| | | <!-- <calculatorNew></calculatorNew> --> |
| | | <iframe src="https://www.geogebra.org/scientific" frameborder="0" class="iframe-box"></iframe> |
| | | </el-dialog> |
| | | </template> |
| | | <script setup lang="ts"> |
| | |
| | | import moment from 'moment' |
| | | import dictionary from '@/views/components/dictionary.vue' |
| | | import newWord from '@/views/components/newWord.vue' |
| | | import formula from '@/views/components/formula.vue' |
| | | import wrongQuestion from '@/views/components/wrongQuestion.vue' |
| | | import voiceReader from '@/views/components/voiceReader.vue' |
| | | import logo from '@/assets/images/header/logo.png' |
| | |
| | | { |
| | | icon: huabi, |
| | | name: '画笔', |
| | | // isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1 |
| | | isShow: true |
| | | isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1 |
| | | // isShow: true |
| | | }, |
| | | { |
| | | icon: baiban, |
| | |
| | | if (!activeClassify.value) { |
| | | activeClassify.value = classifySelectList.value[0].key |
| | | defaultResourceList.value.forEach((resItem1) => { |
| | | if (resItem1.resourceType == classifySelectList.value[0].title) { |
| | | if (resItem1.resourceType != '图片' && resItem1.resourceType != '视频' && resItem1.resourceType != '音频') { |
| | | resourceDataList.value.push(resItem1) |
| | | } |
| | | }) |
| | |
| | | if (!activeClassify.value) { |
| | | activeClassify.value = classifySelectList.value[0].key |
| | | teacherResourceList.value.forEach((resItem1) => { |
| | | if (resItem1.resourceType == classifySelectList.value[0].title) { |
| | | if (resItem1.resourceType != '图片' && resItem1.resourceType != '视频' && resItem1.resourceType != '音频') { |
| | | resourceDataList.value.push(resItem1) |
| | | } |
| | | }) |
| | |
| | | // 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 = () => { |
| | | resourVisble.value = false |
| | |
| | | //资源类型选择默认/教师 |
| | | const selectResourceType = (type) => { |
| | | resourceType.value = type |
| | | resourceDataList.value = [] |
| | | classifySelectList.value = [] |
| | | activeClassify.value = '' |
| | | searchText.value = '' |
| | | if (type == 'collect') { |
| | | getCollectResource() |
| | |
| | | }) |
| | | } |
| | | } |
| | | |
| | | const formulaDialog = ref(false) |
| | | const openFormulaDialog = () => { |
| | | formulaDialog.value = true |
| | | } |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | |
| | | bottom: 30px; |
| | | left: 50px; |
| | | } |
| | | .iframe-box { |
| | | width:100%; |
| | | height: 800px; |
| | | } |
| | | </style> |