ETA图库-列表:二级目录选中状态字体变灰,非选中状态字体颜色和一级目录一样

src/views/chartETA/List.vue

@@ -399,6 +399,7 @@ getChartList()
                     <CatalogTree 
                         :catalog-nodes="catalogNodes"
                         :showFileOpt="showFileOpt"
+                        :activeId="listState.cid"
                         @handleCatalogItemClick="catalogItemClick"
                     />
                 </div>

src/views/chartETA/components/CatalogItem.vue

@@ -15,6 +15,10 @@ const props = defineProps({
     },
     authOptArr:{
         type:Function,
+    },
+    activeId:{
+        type:Number,
+        default:0
     }
 })
 
@@ -26,7 +30,7 @@ function showPopup(){
 
 <template>
     <div class="catalog-item" :class="{'leaf-padding':!showFileImg}">
-        <span class="van-ellipsis" :class="{'leaf-padding':!showFileImg}">{{node.ChartClassifyName||''}}</span>
+        <span class="van-ellipsis" :class="{'leaf-padding':!showFileImg,'choosed':activeId===node.ChartClassifyId}">{{node.ChartClassifyName||''}}</span>
         <div @click.stop="showPopup" v-if="authOptArr(node,optArr).length">
             <div class="menu-icon">
                 <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
@@ -52,6 +56,11 @@ function showPopup(){
         font-size: 30px;
         &.leaf-padding{
             padding:0 60px;
+            //color:#969799;
+            color: #323233;
+        }
+        &.choosed{
+            color:#969799;
         }
     }
     img{

src/views/chartETA/components/CatalogTree.vue

@@ -7,6 +7,10 @@ const props = defineProps({
         type:Array,
         default:[]
     },
+    activeId:{
+        type:Number,
+        default:0
+    },
     showFileOpt:Function
 })
 const emits=defineEmits(['handleCatalogItemClick'])
@@ -47,6 +51,7 @@ function handleCatalogItemClick(item,type,node){
                     :node="item" 
                     :showFileImg="false" 
                     :optArr="optArrItem"
+                    :activeId="activeId"
                     :authOptArr="authOptArr"
                     @showPopup="showFileOpt"/>
             </div>