微信增加 街道村庄筛选

WebChat/html/myTouSu.html

@@ -180,13 +180,27 @@
             <li class="mui-table-view-cell" id='showCityPicker3'>
                 <div class="mui-input-row">
                     <label class="label adress"></label>
-                    <input type="text" id='cityResult3' data-index="" class="ui-alert type_con" placeholder="请选择具体地址" readonly="readonly" />
+                    <input type="text" id='cityResult3' data-index="" class="ui-alert type_con" placeholder="请选择市县" readonly="readonly" />
                     <a href="javascript:void(0)"><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
                 </div>
             </li>
-            <li class="mui-table-view-cell">
+            <li class="mui-table-view-cell" id='showtown'>
                 <div class="mui-input-row">
                     <label class="label">街道：</label>
+                    <input type="text" id='town' data-index="" class="ui-alert type_con" placeholder="请选择街道" readonly="readonly" />
+                    <a href="javascript:void(0)"><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
+                </div>
+            </li>
+            <li class="mui-table-view-cell" id='showvillage'>
+                <div class="mui-input-row">
+                    <label class="label">村庄：</label>
+                    <input type="text" id='village' data-index="" class="ui-alert type_con" placeholder="请选择村庄" readonly="readonly" />
+                    <a href="javascript:void(0)"><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
+                </div>
+            </li>
+            <li class="mui-table-view-cell">
+                <div class="mui-input-row">
+                    <label class="label">详细地址：</label>
                     <input type="text" id="detail_address" class="ui-alert" placeholder="请填写详细地址" />
                 </div>
             </li>
@@ -219,7 +233,8 @@
     <script src="../Script/Common/huayi.http.js"></script>
     <script src="../js/feedback-page.js"></script>
     <script type="text/javascript">
-        $(document).ready(function () {
+//      $(document).ready(function () {
+	 		var townPicker, villagePicker,areaList = [],townList = [],villageList = [],keyList = [];
             var openid = helper.cookies.get("openid");
             if (!openid) {
                 window.location.replace("../html/error.html");
@@ -227,10 +242,10 @@
             var menuCode = helper.request.queryString("menuCode");
 
             if (menuCode == 'WYBY') {
-                $('.adress').html('地址:');
+                $('.adress').html('市县:');
                 $('.baoMi').hide();
             } else {
-                $('.adress').html('事发地址:');
+                $('.adress').html('事发市县:');
                 $('.baoMi').show();
             }
             switch (menuCode) {
@@ -309,7 +324,7 @@
                         title: $('#title').val(),//投诉主题
                         content: $('.content').val(),//投诉内容
                         sourcearea: $('#cityResult3').attr('data-index'),//事发地域id
-                        sourceaddress: $('#detail_address').val(),//详细地址
+                        sourceaddress: $('#town').val()+" "+$('#village').val()+" "+$('#detail_address').val(),//详细地址
                         keys: $('#zhuTiResult').attr('data-index'),//关键词
                         type: $('#userResult').attr('data-index'),//诉求类型
                         files: str_ary,
@@ -336,28 +351,13 @@
 
             if (openid) {
                 //事发地域
-                $.ajax({
-                    type: "get",
-                    url: huayi.config.callcenter_url + 'WxLogin/GetAreaList',
-                    async: false,
-                    data: { openid: openid },
-                    dataType: 'json',
-                    success: function (data) {
-                        var area_data = data.data;
-                        $(area_data).each(function (i, n) {
-                            var obj = {};
-                            obj.value = n.F_AreaId;
-                            obj.text = n.F_AreaName;
-                            areaList.push(obj)
-                        })
-                    }
-                });
+                getArea(1,0);
                 //主题词
                 $.ajax({
                     type: "get",
                     url: huayi.config.callcenter_url + 'WxLogin/GetKeyList',
                     async: false,
-                    data: { openid: openid },
+//                  data: { openid: openid },
                     dataType: 'json',
                     success: function (data) {
                         var key_data = data.data;
@@ -370,9 +370,46 @@
                     }
                 });
             }
-        })
+//      })
+        
+        function getArea(arrType,ids){
+        	$.ajax({
+                    type: "get",
+                    url: huayi.config.callcenter_url + 'Web/GetWebAreaListById',
+                    async: false,
+                    data: {
+                    	openid: openid,
+                    	id: ids
+                    },
+                    dataType: 'json',
+                    success: function (data) {
+                        var area_data = data.data;
+                        $(area_data).each(function (i, n) {
+                            var obj = {};
+                            obj.value = n.F_AreaId;
+                            obj.text = n.F_AreaName;
+                            if(arrType==1){
+                            	areaList.push(obj)
+                            }else if(arrType==2){
+                            	console.log(arrType)
+                            	townList.push(obj)
+                            	townPicker.setData(townList);
+                            }else{
+                            	villageList.push(obj)
+                            		villagePicker.setData(villageList);
+                            }
+                            
+                        })
+//                      console.log(townList)
+//                       if(arrType==2){
+//                          	townPicker.setData(townList);
+//                          }else if(arrType==3){
+//                          	villagePicker.setData(villageList);
+//                          }
+                    }
+                });
+        }
         
-
         //工单类型
         //      var typeList=[];
         //      $.ajax({
@@ -393,10 +430,7 @@
         //      });
 
 
-        var areaList = [];
-        var keyList = [];
-
-        
+       
         (function ($, doc) {
             $.init();
             $.ready(function () {
@@ -432,7 +466,9 @@
                     }
                 }, false);
                 //事件地址
-                var cityPicker3 = new $.PopPicker();
+                var cityPicker3 = new $.PopPicker({
+                    layer: 1
+                });
                 cityPicker3.setData(areaList);
                 var showCityPickerButton = doc.getElementById('showCityPicker3');
                 var cityResult3 = doc.getElementById('cityResult3');
@@ -443,6 +479,42 @@
                             cityResult3.setAttribute("data-index", items[0].value);
                             //返回 false 可以阻止选择框的关闭
                             //return false;
+                             getArea(2,items[0].value);
+                        });
+                    }
+                }, false);
+                //街道
+               		townPicker= new $.PopPicker({
+                    layer: 1
+                });
+//              townPicker.setData(townList);
+                var townPickerPickerButton = doc.getElementById('showtown');
+                var townResult = doc.getElementById('town');
+                townPickerPickerButton.addEventListener('tap', function (event) {
+                    if (areaList.length > 0) {
+                        townPicker.show(function (items) {
+                            townResult.value = items[0].text;
+                            townResult.setAttribute("data-index", items[0].value);
+                            //返回 false 可以阻止选择框的关闭
+                            //return false;
+                            getArea(3,items[0].value);
+                        });
+                    }
+                }, false);
+                //村庄
+                	 villagePicker= new $.PopPicker({
+                    layer: 1
+                });
+//              townPicker.setData(townList);
+                var villagePickerPickerButton = doc.getElementById('showvillage');
+                var villageResult = doc.getElementById('village');
+                villagePickerPickerButton.addEventListener('tap', function (event) {
+                    if (areaList.length > 0) {
+                        villagePicker.show(function (items) {
+                            villageResult.value = items[0].text;
+                            villageResult.setAttribute("data-index", items[0].value);
+                            //返回 false 可以阻止选择框的关闭
+                            //return false;
                         });
                     }
                 }, false);