Browse Source

feat: 拓展地区筛选组件

zhangsiya 1 năm trước cách đây
mục cha
commit
2eec00e1cb

+ 14 - 4
apps/bigmember_pc/src/components/filter-items/RegionCollapseSelector.vue

@@ -401,6 +401,8 @@ export default {
         // line状态下 ,城市全部选中,则只选中省份即可
         province.selectedState = 'checked'
         province.children.forEach((item) => (item.selected = false))
+      } else if(count < cityLength) {
+        province.selectedState = 'half'
       }
     },
     // 省份点击事件(城市列表中的省份按钮)(line)
@@ -502,7 +504,7 @@ export default {
                     iitem.selected = true
                   }
                 })
-                // item.selectedState = 'half'
+                item.selectedState = 'half'
               }
             }
 
@@ -534,7 +536,7 @@ export default {
               selectedCityArr.push(iitem.city)
             }
           })
-          
+
           // 先看是否有城市被选,再看是否省份被选
           if (selectedCityArr.length) {
             counter[item.name] = selectedCityArr
@@ -543,7 +545,7 @@ export default {
               counter[item.name] = []
             }
           }
-          
+
         })
       }
       return counter
@@ -723,7 +725,15 @@ export default {
         position: relative;
         z-index: 2;
       }
-      
+      &.checked {
+        color: #fff;
+        background-color: $color-text--highlight;
+        border: 1px solid $color-text--highlight;
+      }
+      &.half {
+        color: #2abed1;
+        border: 1px dashed #2abed1;
+      }
     }
   }
   .city-list {