From 59e8f893a38ec1b204602a1a6be80fa9168ed0d2 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Mon, 9 Oct 2023 14:11:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=8E=A8=E8=8D=90=E8=AF=BE?=
 =?UTF-8?q?=E7=A8=8B=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/listblue011.png       | Bin 0 -> 442 bytes
 public/images/listblue012.png       | Bin 0 -> 693 bytes
 public/images/listblue013.png       | Bin 0 -> 751 bytes
 public/images/listblue014.png       | Bin 0 -> 598 bytes
 public/images/listblue015.png       | Bin 0 -> 679 bytes
 src/api/phase2/index.js             |  11 +++-
 src/assets/styles/portal-index.scss |  16 +++---
 src/views/Index.vue                 |  82 +++++++++++++++++++++++++++-
 8 files changed, 99 insertions(+), 10 deletions(-)
 create mode 100644 public/images/listblue011.png
 create mode 100644 public/images/listblue012.png
 create mode 100644 public/images/listblue013.png
 create mode 100644 public/images/listblue014.png
 create mode 100644 public/images/listblue015.png

diff --git a/public/images/listblue011.png b/public/images/listblue011.png
new file mode 100644
index 0000000000000000000000000000000000000000..92525c4ec64f38f32d637fdd27ad802e83de2dd0
GIT binary patch
literal 442
zcmV;r0Y(0aP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px$bV)=(R7gwhma$92P!PuNUXw9M9Rv{-mAn+XySRv(AP#O$;^-nei-LcEU>9cx
zH)m%T$2b*A-g~W3HxWv4Duv!jz?8J4rN&@Ik~R0f-*?|TE<u>mgHz%{4*s>|$41>~
zG-kTpZjp$nTrR(ka#gF<mJtyx%WAo<`!R|8k>F~zx@g<>6Cy4lVp~dCOcFH4ToBP^
z_>P%ROQq6vDzNYSw&OT^0B{8W3!z97*ch|M%xBDe7=coQ>-G9puh+W+fcYWUZO`-i
z9c!)cnK?8k;&q64BBiW+yJKU_5fR-a92@{ErQQHwZn!QrSZlq?%o{?8eInY92@imS
zAlMZ`c+7kb08Uhw8XO4(L9l{|FEPQy;ZjQ70>HtK?>G`@Hk-vxr_&nMam-)^5sx$L
zI0pm3z;NYJ|GD8(O06^VY-p@dC_KBa``$O1wBE9sYOVDnGjD$F`yDCeLk^zggOX`Y
k{<D{9oa4musQ-V|pZLWRE`>cG1ONa407*qoM6N<$g01+&V*mgE

literal 0
HcmV?d00001

diff --git a/public/images/listblue012.png b/public/images/listblue012.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ef0bd5102fe32e5bdb68fea2732ca8e4184432b
GIT binary patch
literal 693
zcmV;m0!safP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%Z%IT!R7gwhmQP3(Q543{xy~D*u&@XTshA%3-luM*MS?_&B4`mUqLxvMjEGtn
zg;LA@fMf(M+eM2OfvpM(f-)jRm^t_P;<*a4Fe!NW@SGSKWqkQ(o)442Sq<lY=lt&Z
z_yz`HgC5)<E^LDTne!`JJw86ZeP(8+m6^G#t81e6R;5y@ty--f1c050Se~Aqe%;;O
zUCna)Wx=DPqkD3>+*?H4i-=RknAY?_B09^=gNV3wzK)0!h<I9S{cbh*U*M6Ekz7kl
z%SiyZ0|4#ufLid_*jT6Md7l8lUji`6%!Q7Qj_)hM7lDh#;^EoZ*(U(7yQXQ%TD!1u
z6h$`xpg+-k5RvnU_#Ob7<C;?HqSpFhX0UUvkC}&-Xs8801Ay3-*o{ZVm<vQy5|JRO
z-8aTu%?u`@{UXw%lsd!A$5M@pz(h1GB1e<+yGp5kW}XCqTwD{8+l4~mdS>vvFbu;0
z5lgAiED9G9^&(<he9p|Il<HyT2lINR)G4j?)4IXsa=Eoqsr*=O<Mcog@tkv^h~$&{
zZ_o4E^ZESGbp<=;&N1`jlskjQn9Fs4PH{uljh%DN%p3v0z6A8k_kA4%!Pj*KhhcaH
z5$~lSH?6e;t3l_IzmzD;#?HBIB2pBQUCE3uzVCMiK~Py&FcIAnk!z_WpU_%A&jMZZ
z#!(ctiwGg&mIO3xtxbRTbLA+C4v5H(_`RvA>7&;A+d>G}Vl@#BiAZ0nHxAgsPyo1O
zt^G_yuSDd~+=ht9jWI780*7Jv5)qHAU~8|n_RaqT&Ki(LbelhWjks4=@21st+0}@6
b!>s-TY(PjZGF{6S00000NkvXXu0mjfA;wP8

literal 0
HcmV?d00001

diff --git a/public/images/listblue013.png b/public/images/listblue013.png
new file mode 100644
index 0000000000000000000000000000000000000000..f66f6597f08176118649a4e335622c9cb6f99854
GIT binary patch
literal 751
zcmV<L0ucR)P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%sYygZR7gwhmQP3&Q5?sAzuB4XA4}*-3A1gO_gmRh5fMaxwoX9=1%Y|+R#B%A
zN(k!GArK<E6w$Fl>eQuMXa{d<2SuCr99L~&gNiaewC%d@7ZWqGO{=@oniuExzVm+H
z&+pHh#~^IbgB!$!P4Iu~{Hm><o}S)WEEb!z);gU|e~4x^IXQVK7K`mM3}c7Zde$(E
zVaIV6>dAgZ@c8(6n`K!;h`1XO=Y<eWq2a{DM6+dCZ<u*sB?J*aG4o|2dQ}Vl7kFf3
z#7ZO*=K$ay0POM&qF|*|A2VOCW{!y8m{}0fm(}2ZfIZJUQ7)IC0YGacXr73cE0$6Y
z06-?#GmD64nfaZcW1w{s(TlplQ&Uq{wAK%+1Vq6S07S5FfQU{irG7B;)<C;SM0e{3
zE2Z`_^I^j<E@-V!RRl)CodA#s#*i06yp~dy0KoJ$X6{X;QhjxU!;P-%CJ`|kuA?)K
z8oI7~01<~n-89W3wrvls89X;P*HkDJzOGbpsC%B*rnPpNd3!~YcZ3kP*L<q|fO^5%
zY_`2rD$Pb9W2R{ywQc+Rx>fADZUPZ6GV>WkJXTTlH6g@<bpwaSGcz+S#bWVe1^AH=
z;%dXeN~y;H&=MGr2_bGtDSrY$JkXvJQFp_^Qp)!LkgEKSrIZB#*b->{MAX%Auu^K2
znfC|AgF*=Z0$Bn8Bha1@(IqM6L1u3DwOA}R>Nw8l<#ANYs@ADiO1)&}^FgdX+a3Vu
z54{Y-=y4q9zEWzCnUDKABA)gyntug%G4t~kTDcI9$J>+1<b1=yKG1dD8;IBo0KZ!q
zRFx~2%iSFv9dG^hn!&Yho$!4wm)o|uxM-WE*~-khd_M1GG8uo?HJ{C&y_zj*)P~Jg
hH>#60eKxGszW`sBUoK92Keqq?002ovPDHLkV1n!#R~`TW

literal 0
HcmV?d00001

diff --git a/public/images/listblue014.png b/public/images/listblue014.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb1c209bf69db8ab81bd55de693efb0429866585
GIT binary patch
literal 598
zcmV-c0;&CpP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%5J^NqR7gwhmcNS=K@`WoZ<0Mz7&KOj=v|b|uBMWMYtG`ZQm_!k!otc*{0D4o
z1WPML5G?I2<gk>3LlEL!5n^^`vxyM|MbYaFyU9FRxkyMhdq0v(5Hj7o-Fcty`_7x$
zB}{41l(?9IC+2*j)xPf^34$PJj4{Px@pGK2YPGu18_#4it$aTJb*Bo3g3IOdDa*3f
ziRd&DZAmF}{mDGfyI_pj=!?IzZF_mo;8Lk%WwY7q03HK486_A7)>=Pc=7%GLYqi>?
zPN(w{z=^(OTefWvRIIgr&&*3BgFVl?Ym9joW77b*(P$hGg5V1P0U!V{x4mxfR%@-#
zF!Qny;+8SyN{@g6u<N>ai0B0o{bJ^*na=GS+y%L=n<t`rcOJLLN~u=>t^rsjq6KCy
zjtp)#o4Ho2^>bLop64Ah#{2+qSO{^SnQu=7?7Hq{B6<@EW9ExOi02alE2W+SxJN|4
z!!SIWPNz2koIh}@l~SJo%oEX?lyXHWRXK2Qy<VRW!!QCz<0BER1Gve|-E;nph@MC(
zA0^#hu~%kNbNRksXt&!sDJe5=IF7S8HLy}@iJ6Z@0#d2eheDz7{ofIdQ<YS4rBa!*
zEbDCVI%a+i;BSnGHjObi9LH&Bt=}^9%69y!lyY_7;5ebfn(O}o@ANGl$Mf0G-Z)&`
kRgRg}yRvB<FHOzrKd~uCF8ziY;Q#;t07*qoM6N<$f(F47q5uE@

literal 0
HcmV?d00001

diff --git a/public/images/listblue015.png b/public/images/listblue015.png
new file mode 100644
index 0000000000000000000000000000000000000000..e35f1c07cdada860f90c98aabf215388ffb2d6c3
GIT binary patch
literal 679
zcmV;Y0$BZtP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%VM#<mR7gwhmOY3QK@`XTGiwSLqC`Y67w<SPyR(qq#zyP}E4!<&x<iW-dp~+n
zFrErxby!*m+KHeR77>Irnb}J;5(^b278gP;J5MHVWG`%P4X&3auiW?Xd;d3YhGm$N
zu_<ve1Ml19_Z)S-UO(LH^>SKkT`HA64ZD(3&S|YPab0rGcZ3k1lN5{vSF6<%nM~#l
zV{D!=)^=St7Xg0+urQ{0LkO`nF}PBxWU|@p1pqez%$Wi);MUL=1DG7VwY7CN2!c%j
z$43gbg%DB2UjQ5nn|cc1^)Q}@Ozgvn6#Krvs<qyTNg4%z2XMs15z)HmdAE~5qyAlI
ztdu%QM5j6D%UbJmk>FimrPNO%Iu!b^nLRLh06uWeuRD(OHmQ-=<*L<ci;S_xFgfOo
zI{*%b{v7~+Hk>imv2A<4P$-zGjI~&Bv)RmbyWJn-6iX?4Ll_ZlGsfNnFp398L@S=>
zJ^CMDZI(S;uE&;Tt@Zo;b_8@o2yr!aFcI-cQ3Ak~QvJxcvJm1@>fq6WL}W$5M0DTt
zyw%jfzVF|O6n#}J7N6`3SW0O&`GA3Q&daS<YdxROn{NYSjNNlxcP(|rQp#@tj)sLd
zY}>xl>2%B$8yM&OuH!ftrIe?LXz<Wjmi5kY9FzCExwx+W;yOJCFnnOD0LlO!L~30Y
zLfleHy(FSD;S|ohuKVm?!3JvJakkAlUo`4c2OFAFYMF?P%4~$*1h686coD`-rg*QV
zi2BSmYBU;4K@cnu(O1`XtBf)8xFp)_XD@L?X$8zioz^51>r8FbzW~o+PA(3>BuoGR
N002ovPDHLkV1mkNE$sjR

literal 0
HcmV?d00001

diff --git a/src/api/phase2/index.js b/src/api/phase2/index.js
index d0103c62..5fc681a1 100644
--- a/src/api/phase2/index.js
+++ b/src/api/phase2/index.js
@@ -1,4 +1,6 @@
 import ajax from '@/utils/xajax.js'
+import http from '../unionAjax'
+const baseURL = process.env.VUE_APP_MANAGER_API_PATH;
 
 
 /**
@@ -45,6 +47,12 @@ const articlelist=function (type){
 const courselist=function (data){
   return ajax.post('/xboe/portal/index/courselist',data);
 }
+/**
+ * 首页新课程推荐列表
+ */
+const getRecommendList=function (pageNum,pageSize){
+  return http.get(baseURL,`/recommend/page?pageNum=${pageNum}&pageSize=${pageSize}`);
+}
 
 export default {
   cases,
@@ -52,5 +60,6 @@ export default {
   qaAnswers,
   articlelist,
   courselist,
-  newCases
+  newCases,
+  getRecommendList
 }
diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss
index 9249734d..fe555aa0 100644
--- a/src/assets/styles/portal-index.scss
+++ b/src/assets/styles/portal-index.scss
@@ -510,10 +510,10 @@
     }
   }
   .xindex-ranking-li{
-    margin-top:15px;
+    margin-top:18px;
   }
   .xindex-ranking-course{
-    height: 465px;
+    height: 730px;
   }
 
   .xindex-ranking-case{
@@ -775,10 +775,10 @@
   }
 
   .xindex-ranking-li{
-    margin-top:20px;
+    margin-top:25px;
   }
   .xindex-ranking-course{
-    height: 509px;
+    height: 830px;
   }
 
   .xindex-ranking-case{
@@ -1057,10 +1057,10 @@
       }
   }
   .xindex-ranking-li{
-    margin-top:30px;
+    margin-top:35px;
   }
   .xindex-ranking-course{
-    height: 592px;
+    height: 975px;
   }
 
   .xindex-ranking-case{
@@ -1322,10 +1322,10 @@
   }
 
   .xindex-ranking-li{
-    margin-top:30px;
+    margin-top:35px;
   }
   .xindex-ranking-course{
-    height: 614px;
+    height: 1055px;
   }
 
   .xindex-ranking-case{
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 04fe9860..a8be4b6a 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -263,6 +263,58 @@
                 </div>
               </a>
             </div>
+            <!-- 推荐课程内容列表 -->
+            <div
+              v-for="(course, ccidx) in recommendedList.list"
+              :key="'rr' + ccidx"
+              class="xindex-course"
+              style="position: relative"
+            >
+              <div style="position: absolute; right: 25px; bottom: 72px">
+                <interactBar
+                  nodeWidth="20px"
+                  :courseExclusive="true"
+                  :type="1"
+                  :data="course"
+                  :comments="false"
+                  :praises="false"
+                  :shares="false"
+                  :views="false"
+                >
+                </interactBar>
+              </div>
+              <a @click="toCourseDetail(course)">
+                <div class="xindex-course-image">
+                  <course-image :course="course"></course-image>
+                  <span v-if="course.type == 20 || 10" class="course-type"
+                    >录播课</span
+                  >
+                </div>
+                <div
+                  style="width: 80%"
+                  :title="course.name"
+                  class="course-title portal-title-tow two-line-ellipsis"
+                >
+                  {{ course.name }}
+                </div>
+                <div class="course-author">
+                  <div class="course-author-left">
+                    {{ course.authorInfo.name }}
+                    <span class="study-num"
+                      >{{ formatNum(course.studys) }}人学习</span
+                    >
+                  </div>
+                  <div style="display: flex">
+                    <div v-if="course.score">
+                      <span class="course-score-value" style="margin-left: 10px"
+                        >{{ toScore(course.score) }}分</span
+                      >
+                    </div>
+                    <div v-else class="course-score-no">未评分</div>
+                  </div>
+                </div>
+              </a>
+            </div>
           </div>
         </div>
 
@@ -1004,6 +1056,10 @@ export default {
         orderType: 2,
         list: [],
       },
+      // 推荐课程
+      recommendedList:{
+        list: [],
+      },
       caseList: {
         num: 3,
         orderType: 2,
@@ -1027,6 +1083,7 @@ export default {
   },
   mounted() {
     this.getCourseData(1);
+    this.getRecommendList();
     this.getCaseData();
     this.getArticleData();
     this.getQaData();
@@ -1219,7 +1276,7 @@ export default {
     },
     getScoreList() {
       //课程排行榜
-      apiCourse.scorelist(10, 1).then((res) => {
+      apiCourse.scorelist(15, 1).then((res) => {
         if (res.status == 200) {
           res.result.forEach((item) => {
             if (item.publishTime != "") {
@@ -1280,6 +1337,29 @@ export default {
       if (this.isNext) {
         this.getCourseData(this.pageIndex);
       }
+    },
+        // 获取推荐课程list
+    getRecommendList(){
+      apiIndex.getRecommendList(1,3).then((res) => {
+        if(res.code === 200){
+          console.log(res.data.records);
+          let courseIds = [];
+          res.data.records.forEach((item) => {
+            item.authorInfo = {
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              code: "",
+              sex: null,
+            };
+            courseIds.push(item.id);
+          });
+          this.loadCouserTeacher(res.data.records, courseIds);
+          console.log(res.result,'lalalala');
+          this.recommendedList.list = res.data.records
+        }
+      })
     },
     getCourseData(pageIndex) {
       this.isNext = false;