dlsx
/
Teaching_integration_platform_admin_template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

table

Browse Source
develoop
significative 3 months ago
parent 16b0f84bbf
commit ffaef9724e
2 changed files with 79 additions and 155 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 105
      src/views/MyCourseStudy/knowledgeLearningProcess.vue
  2. 129
      src/views/MyCourseStudy/resourceLearning.vue

105
src/views/MyCourseStudy/knowledgeLearningProcess.vue
Unescape View File

@ -1,14 +1,13 @@
<script setup>
import { ref } from 'vue'
import { onMounted } from 'vue'
import { useRouter,useRoute } from 'vue-router'
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(()=>{
onMounted(() => {
userStore.getUserInfo()
})
const route = useRoute()
@ -34,10 +33,10 @@ const getrecordList = async () => {
recordList.value = res.data.records
}
//跳转页面
const goToAnotherPage = (address,courseId,knowledgeId) => {
const goToAnotherPage = (address, courseId, knowledgeId) => {
router.push({
path:address,
query:{
path: address,
query: {
courseId: courseId,
knowledgeId: knowledgeId
}
@ -46,7 +45,7 @@ const goToAnotherPage = (address,courseId,knowledgeId) => {
//跳转页面(返回上级目录)
const goToAnotherPageback = () => {
router.push({
path:'/myCourseStudyManagement/learningProcess'
path: '/myCourseStudyManagement/learningProcess'
})
}
getrecordList()
@ -54,68 +53,32 @@ getrecordList()
<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>
<!-- 头部 -->
<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">
<el-table class="table" :data="recordList" border style="width: 100%" :row-style="{ cursor: 'pointer' }"
@row-click="record => goToAnotherPage('/myCourseStudyManagement/learningProcess2', record.coursesId, record.knowledgeId)">
<el-table-column prop="knowledgeName" label="知识点名称" />
<el-table-column prop="time" label="学习时间" />
<el-table-column prop="number" label="学习人数" />
<template #empty>
<el-empty description="暂时没有浏览记录" />
</template>
</el-table>
</div>
</template>
<style lang="scss" scoped>
::v-deep .table {
.el-scrollbar__wrap {
padding: 0 !important;
}
}
</style>

129
src/views/MyCourseStudy/resourceLearning.vue
Unescape View File

@ -1,8 +1,7 @@
<script setup>
import { ref } from 'vue'
import { onMounted } from 'vue'
import { useRouter,useRoute } from 'vue-router'
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'
@ -10,7 +9,7 @@ import component from 'element-plus/es/components/tree-select/src/tree-select-op
const recordList = ref([])
const userStore = useUserStore()
onMounted(()=>{
onMounted(() => {
userStore.getUserInfo()
})
const sp = "https://wenyu132.oss-cn-beijing.aliyuncs.com/wenyu/merge.mp4"
@ -42,8 +41,8 @@ const getrecordList = async () => {
//跳转页面(返回上级目录)
const goToAnotherPage = () => {
router.push({
path:'/myCourseStudyManagement/learningProcess1',
query:{
path: '/myCourseStudyManagement/learningProcess1',
query: {
courseId: route.query.courseId
}
})
@ -51,7 +50,7 @@ const goToAnotherPage = () => {
getrecordList()
//上传文件
const upload = async(file) => {
const upload = async (file) => {
console.log(file);
console.log(file.raw);
new FormData(file)
@ -61,85 +60,41 @@ const upload = async(file) => {
}
// const video = this.$refs.videoRef;
function beforeAvatarUpload() { };
const imageUrl = ''
</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 -->
<!-- 头部 -->
<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">
<el-table class="table" :data="recordList" border style="width: 100%">
<el-table-column prop="resourceName" label="资源名称" />
<el-table-column prop="time" label="学习时间" />
<el-table-column prop="number" label="学习人数" />
<template #empty>
<el-empty description="暂时没有浏览记录" />
</template>
</el-table>
</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> -->
@ -148,7 +103,13 @@ const upload = async(file) => {
<video ref="videoRef" controls="true" :controlslist="nodownload" @contextmenu="handleContextMenu"></video>
</div> -->
</template>
</template>
<style lang="scss" scoped>
::v-deep .table {
.el-scrollbar__wrap {
padding: 0 !important;
}
}
</style>
Write Preview
Loading…
Cancel
Save