diff --git a/src/views/MyCourseStudy/knowledgeLearningProcess.vue b/src/views/MyCourseStudy/knowledgeLearningProcess.vue
index e358ae5..549c4c0 100644
--- a/src/views/MyCourseStudy/knowledgeLearningProcess.vue
+++ b/src/views/MyCourseStudy/knowledgeLearningProcess.vue
@@ -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>
+
 
-  
\ No newline at end of file
+<style lang="scss" scoped>
+::v-deep .table {
+  .el-scrollbar__wrap {
+    padding: 0 !important;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/MyCourseStudy/resourceLearning.vue b/src/views/MyCourseStudy/resourceLearning.vue
index a89742e..fa19dc9 100644
--- a/src/views/MyCourseStudy/resourceLearning.vue
+++ b/src/views/MyCourseStudy/resourceLearning.vue
@@ -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>
+
 
-  
\ No newline at end of file
+<style lang="scss" scoped>
+::v-deep .table {
+  .el-scrollbar__wrap {
+    padding: 0 !important;
+  }
+}
+</style>
\ No newline at end of file