求购信息对接口 并将值传回到后端

src/main/resources/static/main/js/purchase.js

@@ -86,7 +86,23 @@ new Vue({
 		allSan: false,
 		allSi: false,
 		allZz:false,
-		allFzz:false
+		allFzz:false,
+		houseInfoList: [],
+		getParam: {
+		    page: 1,
+		    limit: 10,
+		    count: 0,
+		    QX: '',
+		    CJJG: '',
+		    HX: '',
+		    JZMJ: '',
+		    FWLX: '',
+		    search: '',
+		    FYLX: 0,
+		    SZC: '',
+		    ZXCD: '',
+		    sort: 0
+		},
     },
     watch: {
         coreList: {
@@ -257,8 +273,6 @@ new Vue({
                 item.active = that.buxP
             })
         },
-
-        // 区域 用途 价格 户型
         allArea() {
             var _this=this
             $.ajax({
@@ -345,9 +359,70 @@ new Vue({
                     layer.msg('网络错误！');
                 }
             })
-        }
+        },
+		getHouseInfoList() {
+		    var _this = this;
+		    $.ajax({
+		        type: 'get',
+		        url: PATH + '/front/getHouseSourceTypeList',
+		        data: this.getParam,
+		        success: function (json) {
+		            console.log(json)
+		            if (json.msg == "SUCCESS") {
+		                _this.houseInfoList = JSON.parse(json.data);
+		                _this.getParam.count = json.count;
+		            } else {
+		                layer.msg('请求错误');
+		            }
+		        },
+		        error: function (err) {
+		            layer.msg('网络错误！');
+		        }
+		    })
+		},
+		qyClick() {
+			var rec = [];
+			$('.region li input').each(function (i, el) {
+			    if (el.checked) {
+			        rec.push($(el).attr('name'));
+			    }
+			})
+			this.getParam.QX = rec.join(',');
+			this.getHouseInfoList();
+		},
+		jgClick() {
+		    var rec = [];
+		    $('.price li input').each(function (i, el) {
+		        if (el.checked) {
+		            rec.push($(el).attr('data-value'));
+		        }
+		    })
+		    this.getParam.CJJG = rec.join(',');
+		    this.getHouseInfoList();
+		},
+		hxClick() {
+		    var rec = [];
+		    $('.house li input').each(function (i, el) {
+		        if (el.checked) {
+		            rec.push($(el).attr('data-value'));
+		        }
+		    })
+		    this.getParam.HX = rec.join(',');
+		    this.getHouseInfoList();
+		},
+		ytClick() {
+		    var rec = [];
+		    $('.region-list li input').each(function (i, el) {
+		        if (el.checked) {
+		            rec.push($(el).attr('data-value'));
+		        }
+		    })
+		    this.getParam.FWLX = rec.join(',');
+		    this.getHouseInfoList();
+		},
     },
     created: function () {
-        this.allArea()
+        this.allArea();
+		this.getHouseInfoList();
     },
 })

src/main/resources/static/main/purchase.html

@@ -93,7 +93,7 @@
                                 style="cursor: default;">中心城区</div>
                             <ul class="region-list">
                                 <li class="region-item" v-for="item in coreList" :key="item.id">
-                                    <input type="checkbox" :name="item.title" :id="item.id" :checked="item.active"
+                                    <input type="checkbox" :name="item.title" @click="qyClick()" :id="item.id" :checked="item.active"
                                         v-model="item.active" />
                                     <label :for="item.id"
                                         :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
@@ -105,7 +105,7 @@
                                 style="cursor: default;">都市新区</div>
                             <ul class="region-list">
                                 <li class="region-item" v-for="item in newList" :key="item.id">
-                                    <input type="checkbox" :name="item.title" :id="item.id" :checked="item.active"
+                                    <input type="checkbox" :name="item.title" @click="qyClick()" :id="item.id" :checked="item.active"
                                         v-model="item.active" />
                                     <label :for="item.id"
                                         :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
@@ -117,7 +117,7 @@
                                 style="cursor: default;">渝东北</div>
                             <ul class="region-list">
                                 <li class="region-item" v-for="item in northeastList" :key="item.id">
-                                    <input type="checkbox" :name="item.title" :id="item.id" :checked="item.active"
+                                    <input type="checkbox" :name="item.title" @click="qyClick()" :id="item.id" :checked="item.active"
                                         v-model="item.active" />
                                     <label :for="item.id"
                                         :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
@@ -129,7 +129,7 @@
                                 style="cursor: default;">渝东南</div>
                             <ul class="region-list">
                                 <li class="region-item" v-for="item in southeastList" :key="item.id">
-                                    <input type="checkbox" :name="item.title" :id="item.id" :checked="item.active"
+                                    <input type="checkbox" :name="item.title" @click="qyClick()" :id="item.id" :checked="item.active"
                                         v-model="item.active" />
                                     <label :for="item.id"
                                         :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
@@ -147,8 +147,8 @@
                             <label for="buxp" :style="{'color':buxP?'#0060C3':'#333333'}">不限</label>
                         </li>
                         <li class="price-item" v-for="item in priceList">
-                            <input type="checkbox" :disabled="item.dis" :id="item.id" :checked="item.active"
-                                v-model="item.active" />
+                            <input type="checkbox" @click="jgClick()" :disabled="item.dis" :id="item.id" :checked="item.active"
+                                v-model="item.active" :data-value="item.title" />
                             <label :for="item.id"
                                 :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
                         </li>
@@ -163,8 +163,8 @@
                             <label for="buxh" :style="{'color':buxH?'#0060C3':'#333333'}">不限</label>
                         </li>
                         <li class="house-item" v-for="item in houseList" :key="item.id">
-                            <input type="checkbox" :disabled="item.dis" :id="item.id" :checked="item.active"
-                                v-model="item.active" />
+                            <input type="checkbox" @click="hxClick()" :disabled="item.dis" :id="item.id" :checked="item.active"
+                                v-model="item.active" :data-value="item.title" />
                             <label :for="item.id"
                                 :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
                         </li>
@@ -179,8 +179,8 @@
                                 style="cursor: default;">住宅</div>
                             <ul class="region-list">
                                 <li class="region-item" v-for="item in more2" :key="item.id">
-                                    <input type="checkbox" :name="item.title" :id="item.id" :checked="item.active"
-                                        v-model="item.active" />
+                                    <input type="checkbox" @click="ytClick()" :name="item.title" :id="item.id" :checked="item.active"
+                                        v-model="item.active" :data-value="item.title" />
                                     <label :for="item.id"
                                         :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
                                 </li>
@@ -191,8 +191,8 @@
                                 style="cursor: default;">非住宅</div>
                             <ul class="region-list">
                                 <li class="region-item" v-for="item in fzzList" :key="item.id">
-                                    <input type="checkbox" :name="item.title" :id="item.id" :checked="item.active"
-                                        v-model="item.active" />
+                                    <input type="checkbox" @click="ytClick()" :name="item.title" :id="item.id" :checked="item.active"
+                                        v-model="item.active" :data-value="item.title" />
                                     <label :for="item.id"
                                         :style="{'color':item.active?'#0060C3':'#333333'}">{{item.title}}</label>
                                 </li>