A

apps/home/Tpl/default/Home/exams_w3g.html

@@ -13,20 +13,17 @@
 					<div class="layout_v">
 					<div class="layout_v">
 						<van-dropdown-menu active-color="#333333">
 						<van-dropdown-menu active-color="#333333">
 							<van-dropdown-item title="筛选" ref="item">
 							<van-dropdown-item title="筛选" ref="item">
-								<div class="drop_down_grid">
-									<div class="drop_down_option_selected">全部</div>
-									<div class="drop_down_option">事业单位</div>
-									<div class="drop_down_option">公考面试</div>
-									<div class="drop_down_option">教师</div>
-									<div class="drop_down_option">财会</div>
-									<div class="drop_down_option">银行</div>
-									<div class="drop_down_option">法考</div>
-									<div class="drop_down_option">考研</div>
+								<div class="drop_down_grid">
+									<div @click="onCondition(item)" v-for="(item, index) in conditions" :key="index" :class="item.select ? 'drop_down_option_selected' : 'drop_down_option'">
+										<span>{{item.title}}</span>
+									</div>
 								</div>
 								</div>
 							</van-dropdown-item>
 							</van-dropdown-item>
 						</van-dropdown-menu>
 						</van-dropdown-menu>
-						<div class="drop_down_selected_container">
-							<div class="color_primary text_14_400 drop_down_selected_item">公务员</div>
+						<div class="drop_down_selected_container">
+							<div v-for="(item, index) in selectedCondition" :key="index" class="color_primary text_14_400 drop_down_selected_item">
+								<span>{{item.title}}</span>
+							</div>
 						</div>
 						</div>
 					</div>
 					</div>
 				</van-sticky>
 				</van-sticky>
@@ -217,6 +214,9 @@
 				} else {
 				} else {
 					return this.myTab == 0 ? this.myYiZuo : this.myCollect
 					return this.myTab == 0 ? this.myYiZuo : this.myCollect
 				}
 				}
+			},
+			selectedCondition: function() {
+				return this.condition.filter( r => { return r.id != '' && r.select })
 			}
 			}
 		},
 		},
 		methods: {
 		methods: {
@@ -236,7 +236,14 @@
 				this.myTab = tab
 				this.myTab = tab
 			},
 			},
 			onCondition: function(condition) {
 			onCondition: function(condition) {
-				
+				if(condition.id == '') {
+					this.condition.forEach( r => { r.select = false })
+				} else {
+					this.condition.forEach( r => {
+						r.select = r.id == '' ? false : r.select
+					})
+				}
+				condition.select = true
 			},
 			},
 			//加载真题
 			//加载真题
 			loadZhenti: function() {
 			loadZhenti: function() {
@@ -258,6 +265,15 @@
 									person: r.exams_user + "已做"
 									person: r.exams_user + "已做"
 								}
 								}
 							}))
 							}))
+							if(that.condition.length == 0) {
+								that.condition = [{ id: '', title: '全部', select: true }].concat(res.cate.map( r => {
+									return {
+										id: r.id,
+										title: r.title,
+										select: false
+									}
+								}))
+							}
 						}
 						}
 					}
 					}
 				})
 				})