From b9f8abd1a9ac31e01ca7ae5259d1ff809a767b55 Mon Sep 17 00:00:00 2001
From: ww <ww.cn>
Date: Sun, 11 Aug 2024 10:38:47 +0800
Subject: [PATCH] 1

---
 src/api/courseChaptersApi.ts             | 18 -------
 src/api/stu.js                           |  3 ++
 src/api/user/user.js                     | 10 ++--
 src/views/home/components/Lessonlist.vue | 56 ++++++++++++++------
 src/views/home/components/Student1.vue   |  4 +-
 src/views/home/components/Welcome.vue    | 46 ++++++++---------
 src/views/home/index.vue                 | 66 ++++++++++++++++--------
 7 files changed, 120 insertions(+), 83 deletions(-)
 create mode 100644 src/api/stu.js

diff --git a/src/api/courseChaptersApi.ts b/src/api/courseChaptersApi.ts
index e4ca3b8..666b7ca 100644
--- a/src/api/courseChaptersApi.ts
+++ b/src/api/courseChaptersApi.ts
@@ -96,25 +96,7 @@ export const deleteCourse = (params: any) => {
 // 获取详情
 export const getCourseInfo = (params: any) => {
   return request({
-<<<<<<< HEAD
-    // <<<<<<< HEAD
-    url: '/objective_contents/' + params.id,
-    method: 'get',
-    //     // params
-    // =======
-    // <<<<<<< HEAD
-    //     url: '/api/objective_contents/' + params.id,
-    //     method: 'get',
-    //     params,
-    // =======
-    //     url: '/objective_contents/' + params.id,
-    //     method: "get",
-    //     // params
-    // >>>>>>> 1a620e19de970965f426e07348b1dbc4be900eaf
-    // >>>>>>> 991fa5ab08c56c84c5a276226f8fbc2ec78f859a
-=======
     url: '/api/objective_contents/' + params.id,
     // method: 'get',
->>>>>>> 0b7db324dad8347654933e91ae7e6ca8d2dabd05
   })
 }
diff --git a/src/api/stu.js b/src/api/stu.js
new file mode 100644
index 0000000..89953f6
--- /dev/null
+++ b/src/api/stu.js
@@ -0,0 +1,3 @@
+export const userStudentListService = (id) => {
+  return request.post('/api/coursesteacher/studentList?userId=' + id)
+}
diff --git a/src/api/user/user.js b/src/api/user/user.js
index 01f3b52..ca3abff 100644
--- a/src/api/user/user.js
+++ b/src/api/user/user.js
@@ -63,9 +63,9 @@ export const userStudentListService = (id) => {
   return request.post('/api/coursesteacher/studentList?userId=' + id)
 }
 //获取课程列表
-// export const userLessonListService = (id) => {
-//   return request.post('/api/coursesteacher/studentList?userId=' + id)
-// }
+export const userLessonListService = (id) => {
+  return request.post('/api/courselearingrecord/courseList?userId=' + id)
+}
 //获取浏览量
 export const userLookService = () => {
   return request.get('/api/report/receptionBrowse')
@@ -74,3 +74,7 @@ export const userLookService = () => {
 export const userPicService = () => {
   return request.get('/api/report/browseStatistics')
 }
+//获取学习最多的知识点
+export const userMaxKnowService = (id) => {
+  return request.post('/api/knowledgelearning/studyMaxKnowledge?userId=' + id)
+}
diff --git a/src/views/home/components/Lessonlist.vue b/src/views/home/components/Lessonlist.vue
index 215956f..8824686 100644
--- a/src/views/home/components/Lessonlist.vue
+++ b/src/views/home/components/Lessonlist.vue
@@ -1,40 +1,65 @@
 <script setup>
 import conheader from '@/views/home/components/ConHeader.vue'
-import fe from '@/assets/images/fe.jpg'
-// import { userLessonListService } from '@/api/user/user.js'
-// const getLesList = async () => {
-//   const res = await userLessonListService()
-//   console.log(res)
-// }
-// getLesList()
+import courseedit from '@/views/course/components/courseEdit.vue'
+import { ref, onMounted } from 'vue'
+import useUserStore from '@/store/modules/user'
+import { userLessonListService, userMaxKnowService } from '@/api/user/user.js'
+const userStore = useUserStore()
+// console.log(userStore.data.id, 'sfa')
+const loading = ref(false)
+const lessonList = ref([])
+const getLesList = async () => {
+  loading.value = true
+  const res = await userLessonListService(userStore.data.id)
+  lessonList.value = res.data
+  loading.value = false
+  // console.log(res.data, 'less')
+}
+//学习最多的知识点
+const maxKnow = ref('')
+const getmaxKnow = async () => {
+  const res = await userMaxKnowService(userStore.data.id)
+  maxKnow.value = res.data
+  // console.log(res.data.label, 'max')
+}
+getmaxKnow()
+onMounted(() => {
+  getLesList()
+  getmaxKnow()
+})
 </script>
 <template>
-  <div class="lesson_container" style="width: 95%; height: 90%">
+  <div
+    class="lesson_container"
+    style="width: 95%; height: 90%"
+    v-loading="loading"
+  >
     <conheader
       :title="`课程列表`"
       :urouter="'/curriculumCenter/basicCourseInformation'"
     ></conheader>
     <div class="lessonlist-content">
-      <div class="lessonlist-item" v-for="item in 4" :key="item">
+      <div class="lessonlist-item" v-for="item in lessonList" :key="item.id">
         <div class="lessonlist-item-img">
           <img
-            src=""
-            alt=""
+            :src="item.img"
             style="width: 100%; height: 125px; border-radius: 10px 10px 0px 0px"
           />
         </div>
         <div class="lessonlist-item-info">
-          <h3>软件构造</h3>
+          <h3>{{ item.name }}</h3>
           <div class="p"><p>编辑</p></div>
         </div>
       </div>
     </div>
   </div>
+  <courseedit @click="open"></courseedit>
 </template>
 
 <style scoped>
 .lesson_container {
   /* background-color: purple; */
+  overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -59,18 +84,18 @@ import fe from '@/assets/images/fe.jpg'
   flex-direction: column;
   justify-content: space-between;
   border: 1px solid #e8e8f2;
-  /* border-radius: 6px 6px 6px 6px; */
-  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
+  margin: 10px 0px;
 }
 .lessonlist-item-info {
   box-sizing: border-box;
   padding: 6px 5px;
+
   /* background-color: pink; */
   /* padding: 10px; */
   /* display: flex;
   flex-direction: column;
   justify-content: space-between;
-  border: 1px solid #e8e8f2; */
+  border: 1px solid #e8e8f2;   */
   /* border: 1px solid #e8e8f2; */
 }
 .lessonlist-item-info h3 {
@@ -85,6 +110,7 @@ import fe from '@/assets/images/fe.jpg'
   /* width: 100%; */
   display: flex;
   justify-content: end;
+  cursor: pointer;
 }
 .lessonlist-item-info p {
   font-size: 12px;
diff --git a/src/views/home/components/Student1.vue b/src/views/home/components/Student1.vue
index a462e06..f538d09 100644
--- a/src/views/home/components/Student1.vue
+++ b/src/views/home/components/Student1.vue
@@ -4,6 +4,8 @@ import { ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { userStudentListService } from '@/api/user/user'
 import useUserStore from '@/store/modules/user'
+import defImg from '@/assets/images/default.png'
+
 const userStore = useUserStore()
 const router = useRouter()
 const loading = ref(false)
@@ -30,7 +32,7 @@ getStuList()
     <div class="stu_content" v-loading="loading">
       <ul>
         <li class="stu-item" v-for="(item, index) in stuList" :key="index">
-          <img :src="item.icon" class="stu-item-img" />
+          <img :src="item.icon || defImg" class="stu-item-img" />
           <div class="stu-item-info">
             <h4>{{ item.name }}</h4>
             <h4 style="color: #666">{{ item.number }}</h4>
diff --git a/src/views/home/components/Welcome.vue b/src/views/home/components/Welcome.vue
index afe7c54..5527d7c 100644
--- a/src/views/home/components/Welcome.vue
+++ b/src/views/home/components/Welcome.vue
@@ -36,15 +36,32 @@ const passFormVisible = ref(false)
 
 //dialog
 const form = ref({})
+
 const formLabelWidth = '80px'
 //打开dialog
 const openInfo = () => {
   dialogFormVisible.value = true
   form.value = { ...props.userData }
+  // console.log(form.value, 'form')
 }
 const openPass = () => {
   passFormVisible.value = true
 }
+//校验规则
+const checkOldSame = (rule, value, callback) => {
+  if (value === props.userData.password) {
+    callback(new Error('新密码不能与旧密码相同'))
+  } else {
+    callback()
+  }
+}
+const checkNewSame = (rule, value, cb) => {
+  if (value !== pwdForm.value.new_pwd) {
+    cb(new Error('新密码和确认再次输入的新密码不一样!'))
+  } else {
+    cb()
+  }
+}
 //信息校验
 const infoRules = {
   phone: [
@@ -64,23 +81,6 @@ const infoRules = {
     },
   ],
 }
-// ---
-//校验规则
-const checkOldSame = (rule, value, callback) => {
-  if (value === props.userData.password) {
-    callback(new Error('新密码不能与旧密码相同'))
-  } else {
-    callback()
-  }
-}
-const checkNewSame = (rule, value, cb) => {
-  if (value !== pwdForm.value.new_pwd) {
-    cb(new Error('新密码和确认再次输入的新密码不一样!'))
-  } else {
-    cb()
-  }
-}
-// ---
 //密码校验
 const rules = {
   // 原密码
@@ -118,13 +118,13 @@ const infoRef = ref()
 //修改用户信息
 const emit = defineEmits(['get-message'])
 const changeInfo = async () => {
+  await infoRef.value.validate()
   const userInfo = {
     phone: form.value.phone,
     id: form.value.id,
     nickName: form.value.nickName,
   }
   const jsonData = JSON.stringify(userInfo)
-  // const valid = await infoRef.value.validate()
   await userChangeService(jsonData).then(() => {
     ElMessage.success('修改成功')
     emit('get-message', form.value.nickName)
@@ -158,7 +158,7 @@ const onSubmit = async () => {
 const onReset = () => {
   pwdForm.value = {}
 }
-//展示名称
+
 const username = computed(() => {
   if (props.userData.nickName) {
     return props.userData.nickName
@@ -212,12 +212,8 @@ onMounted(() => {
     title="登录信息"
     style="width: 800px; text-align: center"
   >
-    <el-form :rules="infoRules" ref="infoRef" :model="form">
-      <el-form-item
-        label="用户名"
-        :label-width="formLabelWidth"
-        prop="username"
-      >
+    <el-form :rules="infoRules" ref="infoRef" :data="form">
+      <el-form-item label="用户名" :label-width="formLabelWidth">
         <el-input :disabled="true" v-model="form.username" autocomplete="off" />
       </el-form-item>
       <el-form-item label="昵称" :label-width="formLabelWidth" prop="nickName">
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ffe8f0f..1d3d82b 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -9,11 +9,16 @@ import lessonlist from './components/Lessonlist.vue'
 import Student1 from './components/Student1.vue'
 // import Class2 from './components/Class2.vue'
 // import Student2 from './components/Student2.vue'
-import { userNewLikeService, userLookService } from '@/api/user/user'
+import {
+  userNewLikeService,
+  userLookService,
+  userMaxKnowService,
+} from '@/api/user/user'
 import useUserStore from '@/store/modules/user'
 import fe from '@/assets/images/fe.jpg'
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
+// import { Picture } from 'element-plus/icons-vue'
 const router = useRouter()
 const userStore = useUserStore()
 const username = ref()
@@ -39,6 +44,14 @@ const courselist = ref([])
 const img = ref()
 const courseName = ref()
 const courseTea = ref()
+//学习最多的知识点
+const maxKnow = ref([])
+const getmaxKnow = async () => {
+  const res = await userMaxKnowService(userStore.data.id)
+  maxKnow.value = res.data
+  console.log(maxKnow.value, 'max')
+}
+
 onMounted(() => {
   // getData()
   username.value = userStore.userName
@@ -60,16 +73,18 @@ onMounted(() => {
   //   // console.log(res, '课程列表')
   // })
   //最新收藏的课程
-  const res = userNewLikeService(userStore.data.id).then((res) => {
-    console.log(res.data.id, '最新收藏的课程')
+  userNewLikeService(userStore.data.id).then((res) => {
+    console.log(res.data, '最新收藏的课程')
     courselist.value = res.data
     // console.log(courselist.value.id, 'course')
-    img.value = res.data.img
-    courseName.value = res.data.name
-    courseTea.value = res.data.teacher
+    // img.value = res.data.img
+    // courseName.value = res.data.name
+    // courseTea.value = res.data.teacher
   })
   //echart图表
   userLookService()
+  //获取知识点
+  getmaxKnow()
 })
 </script>
 <template>
@@ -111,8 +126,8 @@ onMounted(() => {
           style="
             font-size: 14px;
             display: flex;
-            margin: 0px auto;
-            margin: 0px 30px;
+            /* margin: 0px auto; */
+            margin: 0px 10px;
           "
         >
           <conheader
@@ -121,8 +136,8 @@ onMounted(() => {
           ></conheader>
         </a>
         <div class="con">
-          <p class="button" round v-for="item in 30" :key="item">
-            Spring clould
+          <p class="button" round v-for="item in maxKnow" :key="item.id">
+            {{ item.label }}
           </p>
         </div>
       </div>
@@ -152,9 +167,10 @@ onMounted(() => {
           <ul>
             <li class="lessonlist-item" v-for="item in 4" :key="item">
               <img :src="fe" class="lessonlist-item-img" />
+
               <div class="lessonlist-item-info">
-                <h5>{{ courseName }}</h5>
-                <p>{{ courseTea }}</p>
+                <h5>课程名称</h5>
+                <p>教师</p>
               </div>
             </li>
           </ul>
@@ -171,11 +187,15 @@ onMounted(() => {
         </a>
         <div class="con">
           <ul>
-            <li class="lessonlist-item" v-for="item in courselist" :key="item">
-              <img :src="img" class="lessonlist-item-img" />
+            <li
+              class="lessonlist-item"
+              v-for="item in courselist"
+              :key="item.id"
+            >
+              <img :src="item.img || fe" class="lessonlist-item-img" />
               <div class="lessonlist-item-info">
-                <h5>{{ courseName }}</h5>
-                <p>{{ courseTea }}</p>
+                <h5>{{ item.name }}</h5>
+                <p>{{ item.teacher }}</p>
               </div>
             </li>
           </ul>
@@ -227,10 +247,12 @@ onMounted(() => {
   justify-content: space-between;
 }
 .lesson {
-  // background-color: pink;
-  padding-top: 5px;
+  background-color: pink;
+  padding-top: 30px;
+  // padding-bottom: 30px;
+  padding: 30px 10px 0px 10px;
   margin-bottom: 16px;
-  height: 290px;
+  height: 317px;
   background: #ffffff;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
   border-radius: 6px 6px 6px 6px;
@@ -261,6 +283,7 @@ onMounted(() => {
   line-height: 30px;
   margin: 5px 10px;
   border: 2px solid #ccc;
+  width: 40%;
 }
 a {
   text-decoration: none;
@@ -313,13 +336,14 @@ ul {
   align-items: center;
 }
 .lessonlist-item-info {
-  margin-left: 5px;
+  margin-left: 15px;
   width: 80%;
   height: 40px;
   background-color: #ffffff;
   display: flex;
   flex-direction: column;
-  justify-content: space-evenly;
+  justify-content: space-between;
+  // align-items: flex-start;
   h3 {
     font-weight: bold;
   }