试读页

litian

2024-08-22 39a97e8e27d52ca0729cb6b0294a37717d063d0a

 src/views/readerPages/webHome.vue

@@ -141,7 +141,7 @@
              <div>附加题</div>
              <div :class="exercisesType == 'additional' ? 'text' : 'line'"></div>
            </div>
            <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" />
            <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('AFC1A288') > -1" />
            <div
              class="tabItem hover"
              @click="selectExercisesType('wrong')"
@@ -149,8 +149,8 @@
            >
              <div>错题本</div>
              <div :class="exercisesType == 'wrong' ? 'text' : 'line'"></div>
            </div>
            <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" />
            </div> -->
            <!-- <hr class="hr" v-if="bookConfig.textbookComponents.indexOf('A434F2C0') > -1" />
            <div
              class="tabItem hover"
              @click="selectExercisesType('collection')"
@@ -158,7 +158,7 @@
            >
              <div>收藏夹</div>
              <div :class="exercisesType == 'collection' ? 'text' : 'line'"></div>
            </div>
            </div> -->
          </div>
        </div>
        <!-- 目录 -->
@@ -363,14 +363,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
@@ -423,11 +432,25 @@
                            ><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)" />
                          <img
                            :src="
                              collectResourceList.findIndex((citem) => citem.id == item.id) > -1
                                ? isHeart
                                : heart
                            "
                            class="icon hover"
                            style="width: 15px"
                            @click="
                              handleCollectResource(
                                item.id,
                                item.md5 ? item.md5 : '',
                                item.resourcePath ? item.resourcePath : '',
                                item.resourceType,
                                item.resourceType == '视频' || '音频' ? 'bits' : 'json',
                                item.resourceName
                              )
                            "
                          />
                        </div>
                      </div>
                    </div>
@@ -535,6 +558,11 @@
            </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
@@ -810,6 +838,10 @@
            </div>
          </div>
        </div>
        <!-- 语音阅读组件 -->
        <!-- <div class="voice-reader">
          <voiceReader />
         </div> -->
      </div>
      <!-- 教学组件 -->
      <div class="toolBox">
@@ -1237,6 +1269,16 @@
    :type="examinationData.type"
    :infoType="examinationData.infoType"
  />
  <!-- 计算器 -->
  <el-dialog
    title="计算器"
    align-center
    v-model="calculatorVisble"
    width="550"
    style="height: 548px"
  >
    <calculator />
  </el-dialog>
</template>

<script setup lang="ts">
@@ -1246,6 +1288,7 @@
import { useRouter, useRoute } from 'vue-router'
import useClipboard from 'vue-clipboard3'
import examination from '../examination/index.vue'
import calculator from '../components/calculator.vue'
const { toClipboard } = useClipboard()
const MG: any = inject('MG')
const toolClass = inject('toolClass')
@@ -1258,6 +1301,7 @@
import dictionary from '@/views/components/dictionary.vue'
import newWord from '@/views/components/newWord.vue'
import wrongQuestion from '@/views/components/wrongQuestion.vue'
import voiceReader from '@/views/components/voiceReader.vue'
import { ElMessage, ElMessageBox, valueEquals } from 'element-plus'
import logo from '@/assets/images/header/logo.png'
import mulu from '@/assets/images/menu/mulu.png'
@@ -1367,9 +1411,15 @@
const bookConfig = ref({})
const activeCatalog = ref()
const reMarResult = ref()
const bookInfo = ref()
const isBuy = ref(false)
const tryPageCount = ref(0)
onMounted(() => {
  if (token) {
    getUserInfo()
  }
  if (localStorage.getItem('bookId')) {
    getBookInfo()
  }
  setTimeout(() => {
    canvasWith.value = document.querySelector('.content-box').offsetWidth
@@ -1400,12 +1450,14 @@
  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)
      }
    }
  })

@@ -1517,6 +1569,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) => {
@@ -1685,7 +1775,8 @@
    {
      icon: huabi,
      name: '画笔',
      isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1
      // isShow: bookConfig.value.textbookComponents.indexOf('800109C0') > -1
      isShow:true
    },
    {
      icon: baiban,
@@ -1786,8 +1877,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)
@@ -2098,12 +2189,11 @@
  activeClassify.value = item.key
  resourceDataList.value = []
  searchText.value = ''
  if(resourceType.value == 'collect') {
  if (resourceType.value == 'collect') {
    getCollectResource()
  } else {
    getResourceData()
  }
  
}
const searchBtn = () => {
  if (searchShow.value) {
@@ -2115,17 +2205,17 @@

// 获取收藏的资源
const getCollectResource = () => {
  if(token) {
  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) {
      .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
@@ -2200,9 +2290,11 @@
                }
              })
            }
          }
        } else {
          resourceDataList.value = []
        }
      }
    })
      })
  } else {
    ElMessageBox.confirm('请先登录！', {
      confirmButtonText: '去登录',
@@ -2223,27 +2315,27 @@
  }
}
// 收藏按钮
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({
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),
      },
    ],
        domain: 'collectResource',
        key: bookConfig.value.bookId,
        value: JSON.stringify(collectResourceList.value)
      }
    ]
  })
}

@@ -2340,18 +2432,18 @@
//错题本
const wrongQuestionVisble = ref(false)
const selectExercisesType = (type) => {
  exercisesType.value = type
  searchText.value = ''
  if (type == 'exercises') {
    getExercisesList()
    exercisesType.value = type
    searchText.value = ''
  } else if (type == 'additional') {
    getAdditionalList()
    exercisesType.value = type
    searchText.value = ''
  } else if (type == 'wrong') {
    openExaminationDialog(true, {}, 'errorQuestion')
    questionList.value = []
  } else {
    openExaminationDialog(true, {}, 'collectQuestion')
    questionList.value = []
  }
}
// 题列表点击
@@ -2690,6 +2782,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
@@ -2718,6 +2811,10 @@
      case '生词卡片':
        resourceUrl.value = bookConfig.value.resourceUrl
        shengciVisble.value = true
        break
      case '计算器':
        calculatorVisble.value = true
        break
    }
  } else {
    ElMessageBox.confirm('请先登录！', {
@@ -4112,6 +4209,7 @@
      }
    }
    .menuContent {
      // position: relative;
      width: 300px;
      flex-shrink: 0;
      height: calc(100vh - 48px);
@@ -4531,6 +4629,29 @@
      .screenshotList {
        height: calc(100% - 60px);
        overflow-y: auto;
      }
      .questionList {
        height: 83%;
      }
      .question-bottom {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: space-evenly;
        width: 300px;
        padding: 20px 0;
        background-color: #fff;
        li {
          cursor: pointer;
          width: 65px;
          height: 65px;
          border: 1px solid #cfcfcf;
          border-radius: 10px;
          background-color: #f9f9f9;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
    .menuStateBox {
@@ -5097,4 +5218,9 @@
    width: 100%;
  }
}
.voice-reader {
  position: absolute;
  bottom: 30px;
  left: 50px;
}
</style>