develoop
significative 3 months ago
parent 16b0f84bbf
commit ffaef9724e
  1. 71
      src/views/MyCourseStudy/knowledgeLearningProcess.vue
  2. 87
      src/views/MyCourseStudy/resourceLearning.vue

@ -1,4 +1,3 @@
<script setup>
import { ref } from 'vue'
import { onMounted } from 'vue'
@ -57,65 +56,29 @@ getrecordList()
<!-- 头部 -->
<div class="header">
<el-button type="primary" plain>浏览记录</el-button>
<el-button
type="primary"
plain
@click="goToAnotherPageback"
style="float: right"
>
<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="暂时没有浏览记录" />
<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>

@ -1,4 +1,3 @@
<script setup>
import { ref } from 'vue'
import { onMounted } from 'vue'
@ -61,7 +60,8 @@ const upload = async(file) => {
}
// const video = this.$refs.videoRef;
function beforeAvatarUpload() { };
const imageUrl = ''
</script>
<style lang="scss" scoped></style>
@ -69,75 +69,30 @@ const upload = async(file) => {
<!-- 头部 -->
<div class="header">
<el-button type="primary" plain>浏览记录</el-button>
<el-button
type="primary"
plain
@click="goToAnotherPage"
style="float: right"
>
<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="暂时没有浏览记录" />
<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"
>
<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-icon v-else class="avatar-uploader-icon">
<Plus />
</el-icon>
</el-upload>
<!-- autoplay -->
<!-- <video ref="videoRef" controls width="600">
@ -151,4 +106,10 @@ const upload = async(file) => {
</template>
<style lang="scss" scoped>
::v-deep .table {
.el-scrollbar__wrap {
padding: 0 !important;
}
}
</style>
Loading…
Cancel
Save