commit
0b7db324da
17 changed files with 9174 additions and 344 deletions
@ -0,0 +1,10 @@ |
|||||||
|
/* generated using openapi-typescript-codegen -- do not edit */ |
||||||
|
/* istanbul ignore file */ |
||||||
|
/* tslint:disable */ |
||||||
|
/* eslint-disable */ |
||||||
|
import type { courseLearningRecords } from './CourseLearningRecords'; |
||||||
|
export type BaseResponse_List_CourseLearningRecords_ = { |
||||||
|
code?: number; |
||||||
|
data?: Array<courseLearningRecords>; |
||||||
|
message?: string; |
||||||
|
}; |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
|
||||||
|
export type courseLearningRecords = { |
||||||
|
time?: string; |
||||||
|
chapterId?: string; |
||||||
|
coursesId?: string; |
||||||
|
id?: string; |
||||||
|
userId?: string; |
||||||
|
img?: string; |
||||||
|
}; |
||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@ -0,0 +1,121 @@ |
|||||||
|
|
||||||
|
<script setup> |
||||||
|
import { ref } from 'vue' |
||||||
|
import { onMounted } from 'vue' |
||||||
|
import { useRouter,useRoute } from 'vue-router' |
||||||
|
import useUserStore from '@/store/modules/user' |
||||||
|
import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService' |
||||||
|
const recordList = ref([]) |
||||||
|
const userStore = useUserStore() |
||||||
|
|
||||||
|
onMounted(()=>{ |
||||||
|
userStore.getUserInfo() |
||||||
|
}) |
||||||
|
const route = useRoute() |
||||||
|
const router = useRouter() |
||||||
|
const params = ref({ |
||||||
|
userId: userStore.data.id, |
||||||
|
courseId: route.query.courseId, |
||||||
|
pagenum: '1', |
||||||
|
pagesize: '10', |
||||||
|
}) |
||||||
|
// console.log("courseId:"+ route.query.courseId); |
||||||
|
//this.$route.query.courseId |
||||||
|
//获取浏览记录列表 |
||||||
|
const getrecordList = async () => { |
||||||
|
const res = await LearningRecordsControllerService.knowlegdeLearningRecords( |
||||||
|
params.value.userId, |
||||||
|
params.value.courseId, |
||||||
|
params.value.pagenum, |
||||||
|
params.value.pagesize, |
||||||
|
) |
||||||
|
console.log("记录列表："); |
||||||
|
console.log(res) |
||||||
|
recordList.value = res.data.records |
||||||
|
} |
||||||
|
//跳转页面 |
||||||
|
const goToAnotherPage = (address,courseId,knowledgeId) => { |
||||||
|
router.push({ |
||||||
|
path:address, |
||||||
|
query:{ |
||||||
|
courseId: courseId, |
||||||
|
knowledgeId: knowledgeId |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
//跳转页面(返回上级目录) |
||||||
|
const goToAnotherPageback = () => { |
||||||
|
router.push({ |
||||||
|
path:'/myCourseStudyManagement/learningProcess' |
||||||
|
}) |
||||||
|
} |
||||||
|
getrecordList() |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
|
<template> |
||||||
|
<!-- 头部 --> |
||||||
|
<div class="header"> |
||||||
|
<el-button type="primary" plain>浏览记录</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
plain |
||||||
|
@click="goToAnotherPageback" |
||||||
|
style="float: right" |
||||||
|
> |
||||||
|
返回上级目录 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
<!-- 中间 --> |
||||||
|
<div class="record-list"> |
||||||
|
<ul v-if="recordList.length > 0"> |
||||||
|
<li> |
||||||
|
<div |
||||||
|
style=" |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-grow: 1; |
||||||
|
margin-top: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
background-color: aqua; |
||||||
|
" |
||||||
|
> |
||||||
|
<p> |
||||||
|
知识点名称 |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
学习时间 |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
学习人数 |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
<li v-for="record in recordList" :key="record.id" @click="goToAnotherPage('/myCourseStudyManagement/learningProcess2',record.coursesId,record.knowledgeId)"> |
||||||
|
<div |
||||||
|
style=" |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-grow: 1; |
||||||
|
margin-top: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
" |
||||||
|
> |
||||||
|
<p> |
||||||
|
{{ record.knowledgeName}} |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
{{ record.time}} |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
{{record.number}} |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<el-empty v-else description="暂时没有浏览记录" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,154 @@ |
|||||||
|
|
||||||
|
<script setup> |
||||||
|
import { ref } from 'vue' |
||||||
|
import { onMounted } from 'vue' |
||||||
|
import { useRouter,useRoute } from 'vue-router' |
||||||
|
import useUserStore from '@/store/modules/user' |
||||||
|
import { LearningRecordsControllerService } from '../../../generated/services/LearningRecordsControllerService' |
||||||
|
import component from 'element-plus/es/components/tree-select/src/tree-select-option.mjs' |
||||||
|
|
||||||
|
const recordList = ref([]) |
||||||
|
const userStore = useUserStore() |
||||||
|
|
||||||
|
onMounted(()=>{ |
||||||
|
userStore.getUserInfo() |
||||||
|
}) |
||||||
|
const sp = "https://wenyu132.oss-cn-beijing.aliyuncs.com/wenyu/merge.mp4" |
||||||
|
// const video = "D:\Users\Desktop\image\video\merge.mp4" |
||||||
|
const route = useRoute() |
||||||
|
const router = useRouter() |
||||||
|
const params = ref({ |
||||||
|
userId: userStore.data.id, |
||||||
|
knowledgeId: route.query.knowledgeId, |
||||||
|
courseId: route.query.courseId, |
||||||
|
pagenum: '1', |
||||||
|
pagesize: '10', |
||||||
|
}) |
||||||
|
|
||||||
|
//获取浏览记录列表 |
||||||
|
const getrecordList = async () => { |
||||||
|
const res = await LearningRecordsControllerService.resourceLearningRecords( |
||||||
|
params.value.userId, |
||||||
|
params.value.knowledgeId, |
||||||
|
params.value.courseId, |
||||||
|
params.value.pagenum, |
||||||
|
params.value.pagesize, |
||||||
|
) |
||||||
|
// console.log("记录列表："); |
||||||
|
// console.log(res) |
||||||
|
recordList.value = res.data.records |
||||||
|
} |
||||||
|
|
||||||
|
//跳转页面(返回上级目录) |
||||||
|
const goToAnotherPage = () => { |
||||||
|
router.push({ |
||||||
|
path:'/myCourseStudyManagement/learningProcess1', |
||||||
|
query:{ |
||||||
|
courseId: route.query.courseId |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
getrecordList() |
||||||
|
|
||||||
|
//上传文件 |
||||||
|
const upload = async(file) => { |
||||||
|
console.log(file); |
||||||
|
console.log(file.raw); |
||||||
|
new FormData(file) |
||||||
|
const res = await LearningRecordsControllerService.upload( |
||||||
|
new FormData(file) |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
// const video = this.$refs.videoRef; |
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
|
<template> |
||||||
|
<!-- 头部 --> |
||||||
|
<div class="header"> |
||||||
|
<el-button type="primary" plain>浏览记录</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
plain |
||||||
|
@click="goToAnotherPage" |
||||||
|
style="float: right" |
||||||
|
> |
||||||
|
返回上级目录 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
<!-- 中间 --> |
||||||
|
<div class="record-list"> |
||||||
|
<ul v-if="recordList.length > 0"> |
||||||
|
<li> |
||||||
|
<div |
||||||
|
style=" |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-grow: 1; |
||||||
|
margin-top: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
background-color: aqua; |
||||||
|
" |
||||||
|
> |
||||||
|
<p> |
||||||
|
资源名称 |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
学习时间 |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
学习人数 |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
<li v-for="record in recordList" :key="record.id" > |
||||||
|
<div |
||||||
|
style=" |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-grow: 1; |
||||||
|
margin-top: 10px; |
||||||
|
margin-bottom: 10px; |
||||||
|
" |
||||||
|
> |
||||||
|
<p> |
||||||
|
{{ record.resourceName}} |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
{{ record.time}} |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
{{record.number}} |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<el-empty v-else description="暂时没有浏览记录" /> |
||||||
|
</div> |
||||||
|
<hr> |
||||||
|
|
||||||
|
<el-upload |
||||||
|
class="avatar-uploader" |
||||||
|
:show-file-list="false" |
||||||
|
:auto-upload="false" |
||||||
|
:before-upload="beforeAvatarUpload" |
||||||
|
:on-change="upload" |
||||||
|
> |
||||||
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" /> |
||||||
|
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon> |
||||||
|
</el-upload> |
||||||
|
<!-- autoplay --> |
||||||
|
<!-- <video ref="videoRef" controls width="600"> |
||||||
|
<source :src="sp" type="video/mp4" /> |
||||||
|
</video> --> |
||||||
|
|
||||||
|
<!-- <div> |
||||||
|
<video ref="videoRef" controls="true" :controlslist="nodownload" @contextmenu="handleContextMenu"></video> |
||||||
|
</div> --> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in new issue