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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 71
      src/views/MyCourseStudy/knowledgeLearningProcess.vue
  2. 87
      src/views/MyCourseStudy/resourceLearning.vue

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

@ -1,4 +1,3 @@
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
import { onMounted } from 'vue' import { onMounted } from 'vue'
@ -57,65 +56,29 @@ getrecordList()
<!-- 头部 --> <!-- 头部 -->
<div class="header"> <div class="header">
<el-button type="primary" plain>浏览记录</el-button> <el-button type="primary" plain>浏览记录</el-button>
<el-button <el-button type="primary" plain @click="goToAnotherPageback" style="float: right">
type="primary"
plain
@click="goToAnotherPageback"
style="float: right"
>
返回上级目录 返回上级目录
</el-button> </el-button>
</div> </div>
<!-- 中间 --> <!-- 中间 -->
<div class="record-list"> <div class="record-list">
<ul v-if="recordList.length > 0"> <el-table class="table" :data="recordList" border style="width: 100%" :row-style="{ cursor: 'pointer' }"
<li> @row-click="record => goToAnotherPage('/myCourseStudyManagement/learningProcess2', record.coursesId, record.knowledgeId)">
<div <el-table-column prop="knowledgeName" label="知识点名称" />
style=" <el-table-column prop="time" label="学习时间" />
display: flex; <el-table-column prop="number" label="学习人数" />
justify-content: space-between; <template #empty>
flex-grow: 1; <el-empty description="暂时没有浏览记录" />
margin-top: 10px; </template>
margin-bottom: 10px; </el-table>
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> </div>
</template> </template>
<style lang="scss" scoped>
::v-deep .table {
.el-scrollbar__wrap {
padding: 0 !important;
}
}
</style>

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

@ -1,4 +1,3 @@
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
import { onMounted } from 'vue' import { onMounted } from 'vue'
@ -61,7 +60,8 @@ const upload = async(file) => {
} }
// const video = this.$refs.videoRef; // const video = this.$refs.videoRef;
function beforeAvatarUpload() { };
const imageUrl = ''
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>
@ -69,75 +69,30 @@ const upload = async(file) => {
<!-- 头部 --> <!-- 头部 -->
<div class="header"> <div class="header">
<el-button type="primary" plain>浏览记录</el-button> <el-button type="primary" plain>浏览记录</el-button>
<el-button <el-button type="primary" plain @click="goToAnotherPage" style="float: right">
type="primary"
plain
@click="goToAnotherPage"
style="float: right"
>
返回上级目录 返回上级目录
</el-button> </el-button>
</div> </div>
<!-- 中间 --> <!-- 中间 -->
<div class="record-list"> <div class="record-list">
<ul v-if="recordList.length > 0"> <el-table class="table" :data="recordList" border style="width: 100%">
<li> <el-table-column prop="resourceName" label="资源名称" />
<div <el-table-column prop="time" label="学习时间" />
style=" <el-table-column prop="number" label="学习人数" />
display: flex; <template #empty>
justify-content: space-between; <el-empty description="暂时没有浏览记录" />
flex-grow: 1; </template>
margin-top: 10px; </el-table>
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> </div>
<hr> <hr>
<el-upload <el-upload class="avatar-uploader" :show-file-list="false" :auto-upload="false" :before-upload="beforeAvatarUpload"
class="avatar-uploader" :on-change="upload">
:show-file-list="false"
:auto-upload="false"
:before-upload="beforeAvatarUpload"
:on-change="upload"
>
<img v-if="imageUrl" :src="imageUrl" class="avatar" /> <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> </el-upload>
<!-- autoplay --> <!-- autoplay -->
<!-- <video ref="videoRef" controls width="600"> <!-- <video ref="videoRef" controls width="600">
@ -151,4 +106,10 @@ const upload = async(file) => {
</template> </template>
<style lang="scss" scoped>
::v-deep .table {
.el-scrollbar__wrap {
padding: 0 !important;
}
}
</style>
Write Preview
Loading…
Cancel
Save