我的收藏笔记tab

src/views/Index.vue

@@ -9,6 +9,7 @@
             </div>
             <img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.image" alt="">
           </swiper-slide>
+          <div class="swiper-pagination" slot="pagination"></div>
         </swiper>
       </div>
       <div class="personal-panel">
@@ -969,7 +970,7 @@
     right: 8%;
     top: 105px;
     // background: url('/images/homeWu/personal-bgimg.png');
-    background: rgba($color: #fff, $alpha: 0.2);
+    background: rgba($color: #fff, $alpha: 0.46);
     border-radius: 8px;
     z-index: 999;
     backdrop-filter: blur(10px);

src/views/user/MyAssess.vue

@@ -12,7 +12,7 @@
       </el-col>
       <el-col  :span="8" v-for="(item,index) in testList" :key="index">
          <!-- @click="textdetail(item)" -->
-        <div>
+        <div style="text-align: center;">
            <!-- @click="jumpRouter(item)" -->
           <section>
             <!-- <div @click="hasPermission(item)">

src/views/user/MyFavorites.vue

@@ -99,6 +99,23 @@
             </div>
           </div>
         </el-tab-pane>
+        <el-tab-pane label="笔记" name="note">
+          <div>
+            <note-list @confirm="confirm" :list="noteList.list"></note-list>
+          </div>
+          <div style="text-align: center;margin-top:50px;" v-if="caseList.list.length > 0">
+            <el-pagination
+              background
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="noteList.pageIndex"
+              :page-sizes="[10, 20, 30, 40]"
+              :page-size="noteList.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="noteList.count"
+            ></el-pagination>
+          </div>
+        </el-tab-pane>
         <el-tab-pane label="案例" name="case">
           <div>
             <case-items @confirm="confirm" :items="caseList.list"></case-items>
@@ -199,15 +216,17 @@
 import articleItems from '@/components/Article/collectList.vue';
 import courseItems from '@/components/Course/collectItem.vue';
 import caseItems from '@/components/Case/collectList.vue';
+import noteList from '@/components/HomePage/favoritesNote.vue'
 import qaItems from '@/components/Qa/favoritesQaList.vue';
 import apiFavorite from '@/api/modules/favorites.js';
 import apiUser from '@/api/system/user.js';
+import apiNote from '@/api/phase2/note.js';
 import apiCourse from "@/api/modules/coursePortal.js";
 import courseImage from '@/components/Course/courseImage.vue';
 import {cutFullName} from "@/utils/tools.js";
 export default {
   name: 'myShareIndex',
-  components: { articleItems, courseItems, qaItems, courseImage,caseItems },
+  components: { articleItems, courseItems, qaItems, courseImage,caseItems,noteList},
   data() {
     return {
       isSearh:false,
@@ -239,6 +258,12 @@ export default {
         count: 0,
         list: []
       },
+      noteList:{
+        pageIndex: 1,
+        pageSize: 10,
+        count: 0,
+        list: []
+      },
       articleList: {
         type: '',
         pageIndex: 1,
@@ -270,6 +295,9 @@ export default {
     if (this.tabName == 'case') {
       this.findCase();
     }
+    if (this.tabName == 'note') {
+        this.findNote();
+      }
     if (this.tabName == 'article') {
       this.findArticle();
     }
@@ -294,6 +322,9 @@ export default {
       if (this.tabName == 'case') {
         this.findCase();
       }
+      if (this.tabName == 'note') {
+        this.findNote();
+      }
       if (this.tabName == 'article') {
         this.findArticle();
       }
@@ -325,6 +356,9 @@ export default {
       if (tab.name == 'case') {
         this.findCase();
       }
+      if (this.tabName == 'note') {
+        this.findNote();
+      }
       if (tab.name == 'article') {
         this.findArticle();
       }
@@ -345,6 +379,9 @@ export default {
         this.caseList.pageSize = value;
         this.findCase();
       }
+      if (this.tabName == 'note') {
+        this.findNote();
+      }
       if (this.tabName == 'article') {
         this.articleList.pageSize = value;
         this.findArticle();
@@ -368,6 +405,10 @@ export default {
         this.caseList.pageIndex = value;
         this.findCase();
       }
+      if (this.tabName == 'note') {
+        this.noteList.pageIndex = value;
+        this.findNote();
+      }
       if (this.tabName == 'article') {
         this.articleList.pageIndex = value;
         this.findArticle();
@@ -381,6 +422,25 @@ export default {
         this.findAll();
       }
     },
+    findNote() {
+      let query = {
+        paegIndex:this.noteList.pageIndex,
+        pageSize:this.noteList.pageSize,
+        dataType:1,
+        // orderType 排序顺序 顺序倒叙
+        // orderField 排序字段
+        keyword: this.keyword.trim()
+      }
+      apiNote.pagelist(query).then(res=>{
+        if(res.status==200){
+          console.log(res,'res');
+          this.noteList.count = res.result.count;
+          this.noteList.list = res.result.list;
+          console.log(this.noteList.list,'this.noteList.list ');
+
+        }
+      })
+    },
     findAll() {
       let query = {
         pageIndex: this.dataList.pageIndex,
@@ -389,7 +449,7 @@ export default {
       };
       apiFavorite.queryAll(query).then(res=>{
         if(res.status==200){
-          this.dataList.count=res.result.count
+          this.dataList.count=res.result.count;
           if(res.result.length!=0){
             let courseIds=[];
             res.result.list.map(item=>{
@@ -692,6 +752,9 @@ export default {
           if (this.tabName == 'case') {
             this.findCase();
           }
+          if (this.tabName == 'note') {
+            this.findNote();
+          }
           if (this.tabName == 'article') {
             this.findArticle();
           }

src/views/user/ranking.vue

@@ -45,7 +45,7 @@
                 <span>{{current.end}}</span>
             </div>
           </div>
-          <div class="exp-table">
+          <div class="exp-table" style="margin-top:36px">
              <div class="table-hear">
                 <div style="margin-left:5px">排名</div>
                 <div style="margin-left:5px">姓名</div>