数据整理 review by lea.guo

@@ -19,26 +19,24 @@
 
       <div class="filter-sub">
         <div class="filter-sub-tab">
-          <div class="tab-sub-group-item" :class="filterSelectArr.includes('new') && 'selected-sub-tab'" @click="pressFilterType('new')">全新瑕疵</div>
-          <div class="tab-sub-group-item" :class="filterSelectArr.includes('2hand') && 'selected-sub-tab'" @click="pressFilterType('2hand')">二手</div>
+          <div class="tab-sub-group-item" :class="activeClass('new')" @click="pressFilterType('new')">全新瑕疵</div>
+          <div class="tab-sub-group-item" :class="activeClass('2hand')" @click="pressFilterType('2hand')">二手</div>
 
-          <div class="tab-sub-group-item" :class="filterSelectArr.includes('size') && 'selected-sub-tab'" @click="pressFilterType('size')">
+          <div class="tab-sub-group-item" :class="activeClass('size')" @click="pressFilterType('size')">
             <span>{{this.selectedFilterNameParams.size.toString().length ? this.selectedFilterNameParams.size.toString(): '尺码'}}</span>
-            <div :class="[filterSelectArr.includes('size') ? lastFilterFlag === 'size' ? foldClass : 'white-down-arrow' : 'black-down-arrow']"></div>
+            <div :class="foldClass('size')"></div>
           </div>
 
-          <div class="tab-sub-group-item" :class="filterSelectArr.includes('brand') && 'selected-sub-tab'" @click="pressFilterType('brand')">
+          <div class="tab-sub-group-item" :class="activeClass('brand')" @click="pressFilterType('brand')">
             <span>{{this.selectedFilterNameParams.brand.toString().length ? this.selectedFilterNameParams.brand.toString(): '品牌'}}</span>
-            <div :class="[filterSelectArr.includes('brand') ? lastFilterFlag === 'brand' ? foldClass : 'white-down-arrow' : 'black-down-arrow']"></div>
+            <div :class="foldClass('brand')"></div>
           </div>
 
-          <div class="tab-sub-group-item" :class="filterSelectArr.includes('gender') && 'selected-sub-tab'" @click="pressFilterType('gender')">
+          <div class="tab-sub-group-item" :class="activeClass('gender')" @click="pressFilterType('gender')">
             <span>{{this.selectedFilterNameParams.gender.toString().length ? this.selectedFilterNameParams.gender.toString(): '性别'}}</span>
-            <div :class="[filterSelectArr.includes('gender') ? lastFilterFlag === 'gender' ? foldClass : 'white-down-arrow' : 'black-down-arrow']"></div>
+            <div :class="foldClass('gender')"></div>
           </div>
-
         </div>
-
       </div>
 
       <LayoutScroll ref="scroll" class="list-scroll-bg" v-if="skupList.list.length"
@@ -147,11 +145,17 @@ export default {
         this.selectedType === 1 ? this.priceDesc ? 'asc-arrow' : 'desc-arrow' : 'price-arrow'
       ];
     },
-    foldClass() {
+    activeClass: (vm) => (name) => {
       return [
-        this.foldStatus ? 'white-up-arrow' : 'white-down-arrow'
+        vm.filterSelectArr.includes(name) && 'selected-sub-tab'
       ];
-    }
+    },
+    foldClass: (vm) => (name) => {
+      let isCurrent = vm.lastFilterFlag === name ? true : false;
+      return [
+        vm.filterSelectArr.includes(name) ? isCurrent ? vm.foldStatus ? 'white-up-arrow' : 'white-down-arrow' : 'white-down-arrow' : 'black-down-arrow'
+      ];
+    },
   },
   methods: {
     ...mapActions(['fetchSecondSkupList', 'fetchSecondFilterData']),