@ -1,4 +1,3 @@
< script setup >
import { ref } from 'vue'
import { onMounted } from 'vue'
@ -61,7 +60,8 @@ const upload = async(file) => {
}
/ / c o n s t v i d e o = t h i s . $ r e f s . v i d e o R e f ;
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 > 浏览记录 < / e l - b u t t o n >
< el -button
type = "primary"
plain
@ click = "goToAnotherPage"
style = "float: right"
>
< el -button type = "primary" plain @click ="goToAnotherPage" style = "float: right" >
返回上级目录
< / e l - b u t t o n >
< / 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 : 10 px ;
margin - bottom : 10 px ;
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 : 10 px ;
margin - bottom : 10 px ;
"
>
< 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 >
< / e l - t a b l e >
< / 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 / > < / e l - i c o n >
< el -icon v -else class = "avatar-uploader-icon" >
< Plus / >
< / e l - i c o n >
< / e l - u p l o a d >
<!-- 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 >