From c37442103a906d2815a18f319f7499a5f4dcddea Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 12 Jun 2024 18:11:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E8=AF=BE=E7=A8=8B=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/ban.png     | Bin 0 -> 2386 bytes
 src/assets/images/not.png     | Bin 0 -> 2690 bytes
 src/assets/images/over.png    | Bin 0 -> 1411 bytes
 src/views/study/coursenew.vue |  69 ++++++++++++++++++++++++++++++++--
 4 files changed, 66 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/images/ban.png
 create mode 100644 src/assets/images/not.png
 create mode 100644 src/assets/images/over.png

diff --git a/src/assets/images/ban.png b/src/assets/images/ban.png
new file mode 100644
index 0000000000000000000000000000000000000000..244e989d648b324686e9dbd37ed86ea969df28e6
GIT binary patch
literal 2386
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
Eg1F^mbpQYW

literal 0
HcmV?d00001

diff --git a/src/assets/images/not.png b/src/assets/images/not.png
new file mode 100644
index 0000000000000000000000000000000000000000..d021d1b75f64e1daa9dc9753937f2d2f22bbf2ee
GIT binary patch
literal 2690
zcmV-|3Vrp7P)<h;3K|Lk000e1NJLTq003zK003nO1^@s6PC(5;00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGmbN~PnbOGLGA9w%&3KvO4K~#8N?VSaa
z+&B<M?~m>e2{SV@RX7{mBpYVhFhf<CnHhEUCi0!_={Ak+@yzH|b=B6c?X~sUQcG&J
z{xL1Y$B!S)ojZ5TsZ*!SjvYJ9(xpqy?Af!;lqplpxN+mm@ZrNvzkdB{#?SnYzi|x5
z?%cVvcJAG~cWc*b6)G*#`}gn7*|TTOx^?T!m@#Ai6Cf`eJ9ez;?(R0{&!0CRK76qM
zwR%)eq}Q)so87y2n@N)<i3MAvO`ST`?Ay1`ynFY~-c2>Agh=1Ne>Z2&oH6s}%@Yf+
zZ0p~@zge_sk-2c;g8BLLr@hPO(NvMB&U$-$&CsDk#lotBjTkY)?A^Q9eE$5|-gWsj
zMWpA?pV!)gfddDM1ye;EJb19#ym_;E`}VDUit;E`B;H2EkqRNH4I4JBRxMIs$BrE{
zw{G1sj~_oauU@?hcx?R4@A%uzn>TC6ZrZfT%$+;8b`9y;Np0)at+gt;EJ_jS&!0c0
zudgrQA}2K*hz%Py)Vw^Lio8I;)2C0@UYdy$CyM_&%0`bKZ7yECXs=c*g^NVhHe<#N
z@j*4Cf3s)Lo>Hq8M8m73@TGgwY~jL%g}d*Cigfw%<yu`XJ)C6phv=*}8>-ONt5=Kn
zDA~x7BhBsGx9!>aQ;0~vfB!bywrvw1C~UM3czAevRf8|Nr>DmZ88Sq?cfSo7Fu)u-
zbjY5WFS(2K<;$1E{T-^8G8^Em@Ju)h(ldl@#fla7to+DTBzo!-CQJ}--fwf}%rP%t
zzO-kx4o{yxHPfa|6Q9X%c#z+|eY0mZPHrOMAdDI{O1x>$s5ThjY;}$tIU+uv-w-pe
zLEKzKdi3Z~tb09u`gHT=%^Q10>+|f{vsl-C{P^*?JafY$akEjKL&m{yB7Xh)WzT3I
ze*E}hR;^kkKDTFdCmQ{t8WM@lWmFZ1KuiO)I|mLN5TD;OM%TZ7{c4X+PiB#LJD87=
zZVJOCy>#i4J-Yole*Cyt4xY`LH7oOodS;PmW2Bq$?8c27_Q=iwr${Ob&z3D)W{*rq
zCXv>xStH&A#uwCy0(me-DV2+7hYugNM<yq=NKtPKZP3-LSM8CV3nT7Q`Cz=n_wV1g
zM<yecNOa}~4H_i=a|Akf?wmc+!2q#TP8iNsnn}dOA~7B}dGciOpJKaq?XpKYJXWq;
zDV7z+-;$D8q^M6A&jk@3K^Pi}@_>_$_$LzS)2B~r90I?uT69g7c<|ssttpVoj+nqC
zFLxr5)~{bL{u7Ld8b>ry?GrUr9I+zdEJzo}hzfNiLyIG1%rkDfCRQZoN2H50<66au
zx~hWPEtMliKxPz?A~F4-)u%^~9<@g~l0ra@RF(`-M}19^B55upaoNtBOAq6nTC5?1
zv>K{N%$!OW!x&6-WMkvTjbfP+DXXE1MCVkx7!4isD2{CK@@q}Vl`B{5Q9)FZv`!dt
z(T>JgzI?e@w%RC!C=!dTq>Jzd(6Mzi24T-q`O;oV0W6|O#92!has8rvAnaP3(I%Wa
zj3^R~m~??onrST>mWE1YEKLm7iS*>j6Y*rivDz`1q*>4h)ykPK%}<?3bW)|0iH&yT
zixv{bpsb%dk!W|M6WbxEv1(|2rf|nLAQGRM7Mz~v+91bYm_d-rn)SMV0wNLUD4m2S
z;>aJ?HA&^o9G#zlNc4E6lZXy-6a%5iQknbvqXCh$NX)pQbVqiUELkF!`MrDh>=7Z6
zSZODnz=}ObF=&hJSkLPb5Q!W-(h0Oxj$$}@@}yYibap)gB5Czw6|#b~E3CDZ%G~b<
z1VqwSUOS3I^QaduUTlvDi6pHvqTl2w4rXh^WsZ?n!6P7&6ha&|W9Voc1`xt!j<NX6
zBOsD=F!2nIVv&}z5{=~%5J?J>pq+9Qi!`@{79IhSq<JLQCKZpAHHIuJ9s!Z42g3(r
zj^fbTB)UT$0g+gME1l2^SxZ_K7CcL3&T?0efJkI2kxp>o#Kl3L2dT_S{o@f3NsCym
zLguV?MT;Er&x8j=(gGs=gME&CIdS5ISmrF3@d$`SIFWRMf3VMyFIx65|GKY$NZRs@
zBGQ97{-Vt%kvrBSAQCI0r4!urd2wiYnfx;k0g*tPu6Xg{g+0QN7kn*JS+kbbPn}5G
zLMOM}C4UYcJSdj+mMvTC5r3%@iL6@EiCOdFICK^)SRj^lcnM6MNLrW?<4bN`Qht!v
zl@vDNa%Sa9IPF@UNT6jtDJxldC!obP%$zyX9`Qe-NMsq7F5s%X{Fpy~zF5YzQ(;7r
z$TlxsKwISGNC#8q(vnPmCuNrrMFMT>0_Wv54#B2U+46Nss3MUqUb+x7wQikKc9{0j
zI<T};5~@f{Pe>QSw2L|7(L%Wi0>a~yP(=c*W6KP#OSX}osIO@I_U-nldLl()Lk%tG
zfJ<AG9&IX!K4{dc{z#EP3*u)DjY}7h92VheDQgJYk0Mqi%^k<64jswRmbuav#l7sY
zB0<!)G!Gv>v`0BKu3x_{mK~O4?N=g^=)h_lhTudrlH$MJ!AsW4j?_R&R;(lv38M0W
zvjQNTd%$68{mH2P43p+iPb?B5L~VWGmTcC;mZ?%%VQko#l*A$dSv;hWSPWNPO9j@6
z5Md>i6GruyCYCXkNWl78=^tabnBi<5oyfIo*VO(czfT*-m|7%=`iyx?aN9c-yj`t7
zgk@<KGKmCH4I&<2CuUGVAkCA*2;a&=W|5c^iP{O1n`N)RPJzCVw%H1X)0H*+AhSro
z*q)YL596jgVXGdxCt4eXk+?n0E-zsk5($!QyvTHXJC2(3WoToYp3z}#bX7{jA^~-A
zlu#HO<QBb=dzp~DF>VV})*I*HMCBq9(1(iKfgd5;VFQvRn*p;RFRzy}H<5rKinzB6
zqqp6P+xZX{oMc;V!m{!l&&*XMpn=p@42De#U#cQZYZLk_Jww=7fs%KcpWH<PoP?g9
z9`PZ<M#GACR7J;v>25loaqTTeG%CS6MNo)H9z?uqV|`(x&sCM(otc^;JU~mm9X7fl
zMJ`z_R3u=NtR(fgXH3iU6*glGko|Gju3anMmuBQkE!t}>TqF;IDzzlMn$ZblR+ul6
z5stiJa}P$VySuw%J=3spd|AotOA`rr<I=vVe#3KQ*Z%$c_t&OHDCDHjuc106VuyHx
zs4=!U>+S6=b%jZ(B6&~+l5|g6`cYM*7N8ntD6DLnB9aGvC91Qu)nJ*1Q^1$2MVFRA
zQ$_Ni<45Q+n+i(>RkrbkGp#_IQ-!$qN{Hl#;Uz+DwFTBi8q*2HYF8~yPvu1NL*5-a
zx}<Q4ni9!s^v&2W0`IYrsf41bv`Ari!^!^J*Vk7I&BaTjieyPWBNu*;jh~qzW}uT)
w+6>o_*@dhxBt~zgSiyg~y1I<BDqENN7Yv4>EX@=?GXMYp07*qoM6N<$f)^JDlK=n!

literal 0
HcmV?d00001

diff --git a/src/assets/images/over.png b/src/assets/images/over.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed62321d1fec254b930f8e2bbccab45c6745d450
GIT binary patch
literal 1411
zcmV-}1$_F6P)<h;3K|Lk000e1NJLTq003wJ003nO1^@s6p@OD=00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGmbN~PnbOGLGA9w%&1sF+0K~#8N?VY=;
zR96(n^M{C}6H^D0#>&bzsU$@@D`RIw?eZr?g9^DAq7n;12^b9c0y{~>aD9<RLSAsa
zX%uZ&=EtxP^H_7{y!K;ez7KxQz31$`*ZP>txpVef`#oC`{r$%5&P%fkkIYWpGyD8U
zvqL|aeRR?6g9~PRzMh7k@jI^JTJGUq#$c>fQLzR+-!=R8vDuNEW*=_N8_*ZVWNhYO
zu2NN$K@a~i`|5$&f$#mK#)LVUn>CcA>;}DhYxd1AW(P0(iOa#kE8{h>w%p2Q(32gr
z<9GZ7l>}>Kt+|xkAc8%5%TGqhu;v^_B{OJe^ylK_=t;^8ew82wVo9YW25pU=l=hwT
z171alg_u$(szEPCkFSTX`$4V)#72xU70sYa+h%*u_<^kx#7L~M6vdz~SK#SvXoxw6
z1~ur<*Jhtw^8?rfh@Bh^slg2T_22P#U*5tu335O#hSDGg-T%X1>?T7_hEQ*VZol*w
zD8{+zt6m1_le3(@pQO$PJsSO;^%f-NAy-}1$)LYRPbwelfuJ$uikx*(CxbrS;794M
zkh3moZP1Ck{sP2u$X#2tGU)QQKe1>IIc%fG2L1k@+52bxNkwzWA-Qa-#s+<M!=F&J
zhg>#QBZDsf=1(NL^W7+?O|;aY-FIgD&-;^z?vPV*yG%<BI(^@tK=g;)E>o>R&tCZh
zi{T*0b*eS!i=X{L#c&)O<+x4@4SK3iPcq2$A}us%6JJ~BqV9FMYY<yry@5nL7Hu<j
z4PsxiH;9M_Irrom#O85t5D^b@?rF{-$}hYDM0~u`mpOx|k@0R8@geuKnlmUz@st=t
z?q@Y+5T$_LjUpYh<(N|jQLpLUB+`KglbSM!qFV1Jkq$hV)RaLns;Nag@L*DvLG%vr
zZV>62?Bh@wM1u$KVv!!a2&xRC3x{{HNDp2FRR+;2#k*Lf2QPvugXm}DT`bar7eSRl
zhpze;i}cU{DyT9@)p6y37eSRlUP~{L2fPTX4Dv1%`3RChg%Tu#3MEJe6-tmE5(>n9
zNYG<;Ik=D6{Bz`8EYic520@iU`l_cK+^>4{WobFMUzX~1Lpivw8}!1i9NZUndgWaX
z?kjJkO(XePxM>6(`N_XYq@#A*l{PNsr*`9_w*Ka)cIz+F=J|Xq-8_#}ev*$y<tHlO
z%15IDE~FC3^fWGkL@FXqPpcwgmEotSRT(}~Ba3vjZe)Sf3ML($TEQS1{dfb4;h<qv
zooWqIJF@unYDb3D&@Udn8~P!&#EipWEin-dP`yb+cWBhxM2!qWYRfzvgSTZyYHU6X
z(Hfg09SzW*Xh#DC>2QtiL_b_3NXOH(C)x2dNC!N%gU#?s4|qa4BCR>ek4OvBA%n}w
zcF16mj_F)X_G3DO^huhh?<Xf{5QC78iXKA_iaRPgNQbQ#eAxP=Ht}_N-D~SUieeDD
zv~9Ncj33N8L5##2OVJEMFLuoiU-tuB2Z)UrV=AgaL0gZ__MP*CTt$e5m{KT-L1^c#
z*~v91R3-*uNu^{41wGj@J9^6xzGPT4Yfr7@1_cr9@fCR5V~shC3Cd<r5L;f^mt4|@
zeb&O77H!8(sq6+#it-C;WO5XdF(-3-B_KIfltGiC6p(sNifUt2pED+7GskS%VM!|1
zpjpv7fCdkA;h<Ft{cLDD#CKm_D>Z(`?`RUmwcNwKj4|1VpmeQ_L7OSF{{bUZH<0MF
Rx!?c*002ovPDHLkV1iGHlCJ;&

literal 0
HcmV?d00001

diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 9b8394c0..e17cd600 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -170,13 +170,47 @@
 
               <div :style="`height: ${controlHeight}px;overflow-y: auto;`">
                 <div class="catalog" v-if="courseInfo.type == 20">
-                  <div v-for="(item, index) in catalogTree" :key="index" :name="index">
+                  <div  v-for="(item, index) in catalogTree" :key="index" :name="index">
+                    <el-menu
+                      ref="menu"
+                      :default-active="activeId"
+                      :unique-opened="true"
+                      class="el-menu-vertical-demo"
+                      @open="handleOpen"
+                      @close="handleClose">
+                      <el-submenu :index="item.section.id">
+                        <template slot="title">
+                          <div style="display: flex;justify-content: space-between;">
+                            <span>{{item.section.name}}</span>
+                            <div style="margin-right: 23px;">({{ item.children.filter(item=>item.status == 9).length }}/{{ item.children.length }})</div>
+                          </div>
+                        </template>
+                        <el-menu-item-group>
+                          <div class="units-info" :class="{'units-active':contentData.id == ele.id}" v-for="(ele, i) in item.children" :key="i" @click="showRes(ele,i,index)">
+                            <el-menu-item :index="ele.id">
+                              <div style="display: flex;justify-content: space-between;">
+                                <div> {{i+1}}.{{ ele.contentName }}</div>
+                                <div>
+                                  <span v-if="contentData.id == ele.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
+                                  <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">
+                                  <img v-if="contentData.id != ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
+                                  <img v-if="contentData.id != ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
+                                  <img v-if="contentData.id != ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban.png" alt="">
+                                </div>
+                              </div>
+                          </el-menu-item>
+                          </div>
+                        </el-menu-item-group>
+                      </el-submenu>
+                    </el-menu>
+                  </div>
+                  <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
                     <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
                     <div class="units-info" :class="{'units-active':contentData.id == ele.id}"  v-for="(ele, i) in item.children" :key="i" @click="showRes(ele,i,index)">
                       <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{i+1}}.
                       <span>{{ ele.contentName }}</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
                 <div v-else class="catalog">
                   <!-- contentList -->
@@ -320,6 +354,8 @@
     },
     data() {
       return {
+        KeyIndex: '',
+        activeId: '',
         sendEventProgress: 0,
         trueFalse: true,
         audiences:'',
@@ -455,6 +491,13 @@
       this.stopStudyTime();
     },
     methods: {
+      handleOpen(key, keyPath) {
+        console.log(key, keyPath,'handleOpen');
+        this.KeyIndex = key;
+      },
+      handleClose(key, keyPath) {
+        console.log(key, keyPath,'handleClose');
+      },
       toUserHome(tea){
         this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
       },
@@ -604,6 +647,7 @@
         let $this = this;
         this.resType = r.contentType;
         this.contentData = r;
+        this.activeId = this.contentData.id
         this.contentData.name = this.courseInfo.name;
         this.saveStudyDuration();
 
@@ -1618,7 +1662,26 @@
 </script>
 
 <style lang="scss" scoped>
+.el-menu,
+.el-menu-item,
+.el-submenu__title {
+  background-color: transparent !important; /* 设置背景色为透明，以移除默认的背景颜色变化 */
+  color: inherit !important; /* 确保文字颜色不变，如果需要的话 */
+}
 
+/* 取消选中效果 */
+.el-menu-item.is-active,
+.el-submenu__title.is-active {
+  background-color: transparent !important; /* 移除选中时的背景色 */
+  color: inherit !important; /* 保持文字颜色与未选中时一致，如果需要的话 */
+}
+
+/* 如果有特定的 hover 样式，也可以取消 */
+.el-menu-item:hover,
+.el-submenu__title:hover {
+  background-color: transparent !important; /* 移除鼠标悬停时的背景色变化 */
+  color: inherit !important; /* 保持文字颜色不变 */
+}
   //内容块样式定义
   .course-content {
     min-height: 745px;
@@ -2209,7 +2272,7 @@
         width: 18px;
         height: 20px;
         vertical-align: middle;
-        margin-right: 20px;
+        // margin-right: 20px;
       }
     }
   }