多数据视图快速分组组件 --fix5

src/components/app-quick-group-tab/app-quick-group-tab.vue

 <template>
 <div>
   <div class="app-quick-group">
-    <div :class="{'quick-group-tab':true,'app-seleted-item':isSelectedItem(item)}" v-for="(item,index) in showItems" :key="index">
+    <div :class="{'quick-group-tab':true,'app-seleted-item':isSelectedItem(item) || item.childSelect}" v-for="(item,index) in showItems" :key="index">
       <div
         :style="{color:item.color}"
         @click="handleClick(item)"
@@ -13,7 +13,7 @@
       </div>
     </div>
   </div>
-  <div ref="child-list" v-if="subItems.length > 0" class="child-list">
+  <div ref="child-list" v-if="subItems.length > 0" :class="{'child-list':true,}">
     <div :class="{'child':true,'selected':item.selected}" v-for="(item,index) in subItems" :key="index" @click="handleClick(item)">
       <span>
         <ion-icon v-if=" item.iconcls && !Object.is(item.iconcls, '')" :name="item.iconcls"></ion-icon>
@@ -174,8 +174,14 @@ export default class AppQuickGroupTab extends Vue {
       this.subItems.length = 0;
       this.items.forEach((item:any) => {
         item.selected = false;
+        item.childSelect = false;
       })
       $event.selected = true;
+      this.items.forEach((item:any) => {
+        if (item.id === $event.pvalue) {
+          item.childSelect = true;
+        }
+      })
       this.$emit("valuechange", $event);
     }
     this.$forceUpdate();