xinsi_book/src/views/Book.vue
caoyuchun 0fd35475dd cyc
2025-09-17 13:10:58 +08:00

892 lines
21 KiB
Vue

<template>
<div v-loading="fullscreenLoading"
style="height: 100dvh;"
element-loading-text="书籍加载中,请稍等"
>
<navigation></navigation>
<div class="xml-read" v-if="show">
<xml-digital-teaching
v-if="digitalTeaching"
ref="xmlDigitalTeaching"
systemEnvId="855e5965-d6a9-4aa0-9933-177e705399af"
:navBarHeight=navBarHeight
:textBookData="textBookData"
:catalogList="catalogList"
:looseLeafData="looseLeafData"
:chapterId="chapterId"
:location="location"
:notesList="data.notes.list"
:bookmarkList="data.bookmark.list"
:resourcesList="data.resources.list"
:highlightList="data.highlight.list"
:isTrial="isTrial"
:isTrialIndex="isTrialIndex"
:trialChapterList ="trialChapterList"
:isAddMark="isAddMark"
:userType="userType"
:setting="setting"
:joinClass ="joinClass"
:READER_MODE ="READER_MODE"
:gradesName = "gradesName"
:userInfoparms = "userInfo"
:teacherDateclass = "classList"
:teacherData = "teacherData"
:teacherDate = "teacherData"
:studentData = "studentData"
:robotData = "robotData"
:linkOpenLabel = "true"
:isOperation = "isOperation"
:generalAPI="generalAPI"
:robotName = "robotName"
:isOpenStudy="isOpenStudy"
@updateReadLocation="updateReadLocation"
@addNote="addNote"
@editNote="editNote"
@deleteNote="deleteNote"
@deleteHighlight = "deleteHighlight"
@addTeacherNote="addTeacherNote"
@editTeacherNote="editTeacherNote"
@deleteTeacherNote="deleteTeacherNote"
@addHighlight="addHighlight"
@updateNotes="updateNotes"
@addBookmark="addBookmark"
@deleteBookmark="deleteBookmark"
@downloadFile="downloadFile"
@addResources="addResources"
@deleteResource="deleteResource"
@editResources="editResources"
@settingChange="settingChange"
@learningStatistics ="learningStatistics"
@changeClass="changeClass"
@clickToRespond = "clickToRespond"
:action = "action"
:headers = "headers"
:data = "extradata"
:isShowTeacherResource="true"
:continueReading="true"
:basisPath="basisPath"
:pageType="pageType"
:isOpenHyperlink = "true"
:isShowAi ="isShowAi"
/>
<!-- officePreviewPath="https://idocview.xxxxxxx.com/view/url?url=" -->
</div>
<div v-show="showError">
<no-data :msg="errormsg"></no-data>
</div>
</div>
</template>
<script>
import {LOCAL_VIEW_DETAIL,LOCAL_VIEW_CATALOG,LOCAL_VIEW_DATA} from "../seed/mock"
import NoData from "../components/noData.vue"
import Navigation from "../components/Navigation"
import {getStore,processReuestData} from '../utils/mUtils'
import {bookApi} from "../service/getData"
import Vue from 'vue'
import XML from "../plugin/xml-digital-teaching/lib/index"
import {eventBus} from '../eventBus'
Vue.use(XML)
export default {
components:{
NoData,
Navigation,
},
data() {
return {
robotName: this.$route.query.robotName || "小新",
action:'http://60.xxxx.137.15:8081/admin-api/teachingMaterial/resource/upload/16550/6940601956829184',
headers:{Authorization:`eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjYyMDFlYjA3LTY4ZWUtNGJhOC1iMjc3LTk4MjU0ZGI0MzUwMSJ9.zvW8Rr8ShOvwH5i7Cvl9bgp4MtznyLusrY86LMLW7MplNOjRp6j8lx6zkAD4_CvNXVF7v7MsYcRhN90DvhTq1g`},
digitalTeaching: false,
isOpenStudy:true,
isAddMark: true,
// textBookData: LOCAL_VIEW_DETAIL,
// catalogList: LOCAL_VIEW_CATALOG,
// looseLeafData: LOCAL_VIEW_DATA,
textBookData: {},
catalogList: [],
looseLeafData: {},
bookId: '',
chapterId:"",
show:false,
showError:false,
fullscreenLoading:true,
// loadingText:'书籍加载中,请稍等',
errormsg:'无数据',
location: '',
basisPath: 'https://smile-ebook.oss-cn-qingdao.aliyuncs.com/newjc/',
pageType: 'pc',
isTrial: true,
isTrialIndex: 30,
trialChapterList:[],
userType: 'teacher',
isShowAi: "0",
isOperation:true,
robotData:{
// aiAppId = "44425659-f566-4841-a55c-26ade9813ac7"
// aiToken = "bce-v3/ALTAK-b9aN76J3Uvh578XNMZcnk/d85af61f15629f8ce23cdbd1e242cfa9e58c54c2"
appId:"44425659-f566-4841-a55c-26ade9813ac7",//应用ID
token:"bce-v3/ALTAK-b9aN76J3Uvh578XNMZcnk/d85af61f15629f8ce23cdbd1e242cfa9e58c54c2",//应用token
baseUrl:"/baiduAi/v2/app/conversation",//新建对话接口地址
conversationUrl: "/baiduAi/v2/app/conversation/runs",//大模型对话接口
// baseUrl:"https://qianfan.baidubce.com/v2/app/conversation",//新建对话接口地址
// conversationUrl: "https://qianfan.baidubce.com/v2/app/conversation/runs",//大模型对话接口
},
extradata :{},
READER_MODE:"immersive",
joinClass:"",
gradesName:"班级名称",
data: {
notes: {
list: []
},
bookmark: {
list: []
},
highlight: {
list: []
},
resources: {
list: []
}
},
generalAPI:{
isCatalogStudent:true,//是否开启查询章节学期情况
getCatalogStudent: e => this.getCatalogStudent(e),
},
pkid:"",
setting: {},
userInfo:{},
userId:{},
classList:[],
classId:0,
className:'',
teacherData:{},
studentData:{}
}
},
computed:{
navBarHeight(){
if (this.isMobileDevice) {
return 0;
}
return 100;
},
isMobileDevice() {
return window.matchMedia("(max-width: 767px)").matches;
},
},
async created() {
// document.title = '新的页面标题';
this.bookId = this.$route.query.bookId
let title = this.$route.query.title
if (title){
document.title = title
}
if (this.$route.query.isOpenStudy=="false"){
this.isOpenStudy = false
}
this.userId = getStore("userId")
if (this.$route.query.chapterId){
this.chapterId = this.$route.query.chapterId
}
// this.userType = this.$route.query.userType || 'student'
this.$store.state.redirecturl = this.$route.query.redirecturl
var userType = getStore("userType")
if (this.$route.query.showAi=="true") {
this.isShowAi ="0"
}
if (this.$route.query.showAi=="false"){
this.isShowAi ="1"
}
this.extradata = processReuestData({})
// var uploadUrl = "https://local.xinsiketang.com"
var uploadUrl = ""
uploadUrl = uploadUrl+'/api/smile/uploadResources'
this.action = uploadUrl
if (userType){
this.userType = userType
}
this.request()// 请求数据
setTimeout( async() => {
// this.getData()
await this.getMineData()
await this.studySituation()
// this.getSetting()
}, 1600)
},
async mounted(){
var apikey = getStore("apikey")
// if(!apikey){
// this.isAddMark = false
// }
this.$store.state.showNaotu = true
var that = this
debugger
eventBus.$on('changeMode',(data) =>{
console.log("cyccccc")
debugger
if(data){
that.$refs.xmlDigitalTeaching.READER_MODE("immersive")
}else{
that.$refs.xmlDigitalTeaching.READER_MODE("initial")
}
})
},
methods: {
async request(){
this.pageType = /Mobi|Android|iPhone/i.test(navigator.userAgent)?'h5':'pc'
// resourcesList({})
// console.log(this.bookId)
var res = await bookApi.bookinfo.json({bookId:this.bookId})
// res = JSON.stringify(res)
// res = res.replaceAll("https://smile-ebook.oss-cn-qingdao.aliyuncs.com/", "fileapi/")
// res = JSON.parse(res)
if (res){
var res1 = await fetch(res.LOCAL_VIEW_DETAIL,{
mode: 'cors'
})
this.textBookData = await res1.json()
document.title = this.textBookData.textBooksName //
var res2 = await fetch (res.LOCAL_VIEW_CATALOG,{
mode: 'cors'
})
this.$store.state.textBookData = this.textBookData
this.catalogList = await res2.json()
var res3 = await fetch(res.LOCAL_VIEW_DATA,{
mode: 'cors'
})
console.log(this.catalogList)
this.looseLeafData = await res3.json()
this.basisPath = res.basisPath
this.location = localStorage.getItem(this.textBookData.id)
}
this.show = true
this.fullscreenLoading = false
// var locationData = await bookApi.userAction.getReadLocation({bookId:this.bookId})
// this.location = locationData.location
var abc = await bookApi.bookinfo.request_info({bookId: this.bookId})
// abc.isBuy = 1
if (abc){
if (abc.isBuy == 0) {
this.isTrial = true
}
else {
this.isTrial = false
}
}
// this.isTrial = false
this.trialChapterList = await bookApi.bookinfo.unlock({bookId:this.bookId})
if (this.trialChapterList.length>=0){
this.isTrialIndex = 0
}
this.data.resources.list = await bookApi.resource.list({bookId:this.bookId})
if (this.$route.query.chapterId){
this.chapterId = this.$route.query.chapterId
}
//
this.userInfo = await bookApi.user.info()
this.digitalTeaching = true
try {
this.classList = await bookApi.user.classList({bookId:this.bookId})
} catch (error) {
console.log(error)
}
if(this.classList.length>0){
this.classId = this.classList[0].pkid
this.className = this.classList[0].className
// this.classId = this.classList.at(-1).pkid
// this.className = this.classList.at(-1).className
}
// this.classId = 12304
//学情
this.getUerData()
this.studySituation()
var params = {
bookId:this.bookId,
userId: this.userId,
classId: this.classId,
lastAt:"0",
learnNum:1
}
// 初始化学情
bookApi.study.update({data:JSON.stringify(params)})
},
// 用户信息
async getUerData(){
var user = {
nickname:this.userInfo.nickname,
className:this.className,
img:this.userInfo.img,
// notNum:this.notes.list.length,
// bookmarkNum:this.bookmark.list.length,//书签数量
// lineationNum:this.highlight.list.length//划线数量
}
if(this.userType == "teacher"){
this.teacherData = user
}
if (this.userType == "student")
{
this.studentData = user
}
},
// 学情
async studySituation(){
var res = await bookApi.study.info({
bookId: this.bookId,
userId: this.userId,
classId: this.classId
})
if (res == undefined){return}
if (this.userType == "teacher") {
if (res.teacherInfo.length>0){
var item = res.teacherInfo[0]
this.teacherData = item
this.teacherData.className = item.nickname
this.teacherData.img = item.headImg
}
// this.teacherData.studentList = res.studentList
this.$nextTick(()=> this.$set(this.teacherData,"studentList", res.studentList))
}
if (this.userType == "student"){
if (res.length>0){
res = res[0]
// this.studentData.learningProgress =res.learningProgress
// this.studentData.learnTime =res.learnTime
// this.studentData.learnNum =res.learnNum
// this.studentData.totalLearnTime = res.totalLearnTime
// this.studentData.imgLearnNum = res.imgLearnNum
// this.studentData.audioLearnNum = res.audioLearnNum
// this.studentData.videoLearnNum = res.videoLearnNum
// this.studentData.videoLearnTime = res.videoLearnTime
// this.studentData.audioLearnTime = res.audioLearnTime
// this.studentData.answersNum = res.answersNum
// noteNum:'',//笔记数量
// bookmarkNum:'',//书签数量
// lineationNum:''//划线数量
console.log(res)
console.log(res,'xueqing')
this.studentData = {...res}
this.studentData.testNum = res.testNum
}
this.studentData.noteNum= this.data.notes.list.length
this.studentData.bookmarkNum = this.data.bookmark.list.length
this.studentData.lineationNum = this.data.highlight.list.length
}
},
/**
* e.chapterId 章节id
*/
getCatalogStudent(e) {
console.log(e)
return new Promise((resolve, reject) => {
// let data = {
// chapterId: '0', //章节id
// studyTime: 0, //本章学习时间,单位秒
// studyProgress: '100', //本章学习进度
// testProgress: '0', //本章试题完成进度
// accuracy: '', //本章试题正确率
// }
bookApi.study.chapterInfo({
userId: this.userId,
bookId: this.bookId,
chapterId:e.id
}).then(res=>{
// resolve(res[0])
//
let resnew ={data:{ ...res[0]}}
// let data = { ...res[0]}
// console.log(resnew, '掌接');
resolve(resnew)
}).catch(error=>{
console.log(error)
})
// 模拟异步操作
// setTimeout(() => {
// resolve({ data })
// }, 1000)
})
},
async clickToRespond(data){
await this.getMineData()
await this.studySituation()
},
// 学生笔记操作 start
async addNote(model) {
this.isOperation = false
await bookApi.note.add({
bookId:this.bookId,
data:JSON.stringify(model)
})
this.isOperation = true
// await this.getMineData()
this.addData('notes', model)
},
editNote(model) {
bookApi.note.edit({
bookId:this.bookId,
data:JSON.stringify(model)
})
this.updateData('notes', model)
},
async deleteNote(model,feedback) {
// this.isOperation = false
await bookApi.note.delete({
bookId:this.bookId,
data:JSON.stringify(model)
})
// this.isOperation = true
// await this.getMineData()
this.deleteData('notes', model)
feedback()
},
// 教师笔记操作 start
async addTeacherNote(model, rollback) {
await bookApi.resource.add({
bookId:this.bookId,
data:JSON.stringify(model)
})
// await this.getMineData()
this.addData('resources', model)
},
editTeacherNote(model) {
bookApi.resource.edit({
bookId:this.bookId,
data:JSON.stringify(model)
})
this.updateData('resources', model)
},
deleteTeacherNote(model, feedback) {
bookApi.resource.delete({
bookId:this.bookId,
data:JSON.stringify(model)
})
this.deleteData('resources', model)
feedback()
},
// 高亮操作
async addHighlight(model, rollback) {
await bookApi.highlight.add({
bookId:this.bookId,
data:JSON.stringify(model)
})
// await this.getMineData()
this.addData('highlight', model)
},
// 高亮删除
async deleteHighlight(model, rollback) {
await bookApi.highlight.delete({
bookId:this.bookId,
data:JSON.stringify(model)
})
this.deleteData('highlight', model)
console.log(model,"model")
},
settingChange(key, value) {
// let newSetting = Object.assign({}, this.setting, { [key]: value })
// localStorage.setItem('setting_#_' + this.textBookData.id, JSON.stringify(newSetting))
// this.setting = JSON.parse(localStorage.getItem('setting_#_' + this.textBookData.id)) || {}
},
// 更新笔记
async updateNotes(model) {
await bookApi.note.edit({
bookId:this.bookId,
data:JSON.stringify(model)
})
this.updateData('notes', model)
this.getuserData()
},
// 添加书签
async addBookmark(e) {
e.classId = this.classId
this.isOperation = false
console.log(e,'adddbookSe')
await bookApi.bookmark.add({
bookId:this.bookId,
data:JSON.stringify(e)
}).then((res)=>{
console.log(res,'addBookmark');
})
this.addData('bookmark', e)
// this.getuserData()
setTimeout(()=>{
this.isOperation = true
},2000)
},
// 删除书签
async deleteBookmark(e) {
this.isOperation = false
bookApi.bookmark.delete({
bookId:this.bookId,
pkid:e.pkid,
data:JSON.stringify(e)
})
this.deleteData('bookmark', e)
this.isOperation = true
},
// 添加数据
async addData(type, item) {
await this.getMineData()
await this.studySituation()
},
async getMineData(){
this.data.notes.list = await bookApi.note.list({
bookId:this.bookId,
})
if(this.data.notes.list){
this.data.notes.list.map( (val)=>{
console.log(val.pkid)
})
}
this.data.bookmark.list = await bookApi.bookmark.list({
bookId:this.bookId
})
this.data.highlight.list = await bookApi.highlight.list({
bookId:this.bookId
})
this.data.resources.list = await bookApi.resource.list({
bookId:this.bookId
})
console.log('11212j3ijio',this.data);
},
// 查询数据
getData(type, item) {
},
getSetting() {
this.setting = JSON.parse(localStorage.getItem('setting_#_' + this.textBookData.id)) || {}
},
// 更新数据
async updateData(type, item) {
console.log(item)
this.getData(type, item)
await this.getMineData()
await this.studySituation()
},
// 删除数据
async deleteData(type, item) {
await this.getMineData()
await this.studySituation()
console.log(item,"deleteData")
// this.getData(type, item)
// await this.getMineData()
// await this.studySituation()
},
// 下载资源文件
downloadFile(e) {
console.log(e)
},
// 更新阅读进度
async updateReadLocation(newLocation) {
console.log('我要更新阅读进度了'+newLocation)
bookApi.userAction.updateReadLocation({
bookId:this.bookId,
data: JSON.stringify(newLocation)
})
localStorage.setItem(this.textBookData.id, newLocation.location)
var params ={
chapterId: newLocation.chapterId,
bookId:this.bookId,
userId: this.userId,
classId: this.classId,
lastAt:Math.floor(Date.now() / 1000),
// learnNum:1,
learningProgress:newLocation.schedule,
...newLocation
}
var res = await bookApi.study.update({data:JSON.stringify(params)})
this.pkid = res.pkid
},
// 添加教师资源
addResources(e) {
bookApi.resource.add({
bookId:this.bookId,
data:JSON.stringify(e)
})
this.addData('resources', e)
},
// 删除教师资源
deleteResource(e) {
bookApi.resource.delete({
bookId:this.bookId,
data:JSON.stringify(e)
})
this.deleteData('resources', e)
},
// 编辑教师资源
editResources(e) {
bookApi.resource.edit({
bookId:this.bookId,
data:JSON.stringify(e)
})
this.updateData('resources', e)
},
async learningStatistics(e){
var params ={
bookId:this.bookId,
userId: this.userId,
classId: this.classId,
xmlCompRef: e.xmlCompRef,
chapterId: e.chapterId,
lastAt:Math.floor(Date.now() / 1000),
// learnNum:1
}
params = {...params,
...e}
if (e.type =="image"){
params.imgLearnNum = 1
}
if (e.type =="audio"){
params.audioLearnTime = 10
params.audioLearnNum = 1
params.time = 10
}
if (e.type =="video"){
params.videoLearnTime = 10
params.videoLearnNum = 1
params.time = 10
}
if (e.type =="question"){
params.answersNum = 1
params = {...params,
...e.e}
}
params.type = e.type
params.pkid = this.pkid
if (e.type == "image" || e.type == "audio" || e.type == "video" || e.type == "question"){
await bookApi.study.resouceUpdate({data:JSON.stringify(params)})
}else{
await bookApi.study.update({data:JSON.stringify(params)})
}
await this.getUerData()
await this.studySituation()
console.log(e)
},
changeClass(e){
this.classId = e.pkid
this.className = e.title
this.studySituation()
console.log(e)
},
}
}
</script>