多数据视图快速分组组件样式调整 --fix10

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

@@ -44,7 +44,7 @@
 	right: 0;
 	width: 90%;
 	max-height: 0;
-	transition: max-height 0.1s ease-in;
+	transition: max-height 0.2s ease-in;
 	margin: auto;
 	background-color: white;
 	display: flex;

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.childSelected}" v-for="(item,index) in showItems" :key="index">
       <div
         :style="{color:item.color}"
         @click="handleClick(item)"
@@ -184,8 +184,16 @@ export default class AppQuickGroupTab extends Vue {
       this.subItems.length = 0;
       this.items.forEach((item:any) => {
         item.selected = false;
+        item.childSelected = false;
       })
       $event.selected = true;
+      if ($event.pvalue) {
+        this.items.forEach((item:any) => {
+          if (item.value === $event.pvalue) {
+            item.childSelected = true;
+          }
+      })
+      }
       this.$emit("valuechange", $event);
     }
     this.$forceUpdate();