计算距离

application/index/view/marchin/marchin_list.html

@@ -105,6 +105,7 @@
         </div>
     </div>
 </div>
+<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=RTimRTxtj23AYTCkSsPvNDuQkGpR2fPX"></script>
 <!--时间轴-->
 <!--时间轴-->
 <div class="modal fade" id="modal-time" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
@@ -125,6 +126,25 @@
     </div><!-- /.modal -->
 </div>
 
+<!--主要列表模板-->
+<script id="marchin_list_tpl" type="text/template">
+	<tr class="text-center">
+        <td>{0}</td>
+        <td>{1}</td>
+        <td>{2}</td>
+        <td>{3}</td>
+        <td>{4}</td>
+        <td>
+        	 <img src='{5}' class="diagram-image J_preview"
+                 data-bimg='{5}'>
+        </td>
+        <td>{6}</td>
+    </tr>
+</script>
+<script id="marchin_list_tpl2" type="text/template">
+    <a class="btn1 btn-success timeline" href="#modal-time" data-toggle="modal" data-id='{0}'>时间轴</a>
+</script>
+
 
 
 

public/resource/js/marchinList.js

-	define(['doT', 'text!temp/marchin_list_template_tpl.html', 'css!style/home.css',  'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
+define(['doT', 'css!style/home.css',  'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT) {
+	//百度地图定位相关,根据地址计算经纬度，并返回两个经纬度之间的距离
+	var LocalSearch = new BMap.LocalSearch(),
+		myGeo = new BMap.Geocoder();
+	function getDistance(s, lat, lng, fn) {
+		if(s){
+			if(lat && lng){
+				var _maxNum = Math.max(s.indexOf('国'), s.indexOf('省'));
+				var _tempS = s.slice(_maxNum+1);
+				var _cityTemp = _tempS.slice(0, _tempS.indexOf('市')+1);
+				myGeo.getPoint(s, function(point){      
+				    if (point) {
+				    	var _dis = getFlatternDistance(point.lat, point.lng, Number(lat), Number(lng));
+				    	fn(_dis.toFixed(3)+'km');
+				    }else{
+				    	fn('计算失败');
+				    }
+				},_cityTemp);
+			}else{
+				fn('无经纬度信息');
+			}
+		}else{
+			fn('无效地址');
+		}
+	};
+	//百度地图定位相关,根据地址计算经纬度，并返回两个经纬度之间的距离
+	
 	follow = {
 		pageNo: 1,
 		/*第几页*/
@@ -13,7 +39,6 @@
 		boxphoto: '',
 		init: function() {
 			//初始化dot
-			$(document.body).append(template);
 			follow.getList(1);
 			follow.event();
 		},
@@ -81,6 +106,9 @@
 			$ (document).delegate (".addphone2", "click", function () {//list2消失
 				follow.addphone2(this);
 			});
+			
+			
+
 
 		},
 		addphone2:function(obj){
@@ -133,9 +161,6 @@
 			});
 		},
 		getList: function(pageNo) {
-			console.log($('#customer_name').val());
-			console.log($('#start_date').val());
-			console.log($('#shop_name').val());
 			follow.pageNo   = pageNo;
             var params    = {};
             params.create_time_start =$('#create_time_start').val();
@@ -158,14 +183,48 @@
 			    dataType: 'json',
 			    beforeSend: function() {},
 			    success: function(data) {
-
-
 			        if(typeof data === 'object') {
 			            if (data.code == 200) {
-							var doTtmpl = doT.template(document.getElementById('marchin_list_tpl').innerHTML);
-							$("#follow_list").html(doTtmpl(data.data.list));
-//						    $("#average_score_evaluation").html(data.data.average_score_evaluation);
-//						    $("#average_score").html(data.data.average_score);
+			            	if(Array.isArray(data.data.list) && (data.data.list.length>0)){
+			            		let _htmlTemp = '';
+			            		var _tplTemp = $('#marchin_list_tpl').html();
+			            		var _tpl2Temp = $('#marchin_list_tpl2').html();
+			            		
+			            		var _d = data.data.list;
+			            		
+			            		! function funTemp(count) {
+			            			if(count<_d.length){
+			            				var v = _d[count];
+			            				var _aTemp = _tpl2Temp.stringFormatObj({
+				            				'0': v.order_id
+				            			});
+				            			getDistance(v.march_in_area, v.latitude, v.longitude, function(ba){
+				            				_htmlTemp += _tplTemp.stringFormatObj({
+					            				'0': v.user_name,
+					            				'1': hideTel(v.user_phone),
+					            				'2': v.create_time,
+					            				'3': v.report_agent_name,
+					            				'4': ba,
+					            				'5': location.href+"/static/chat_image/"+v.march_in_img,
+					            				'6': check_auth('marchIn_timer_shaft')?_aTemp:''
+					            			});
+				            				funTemp(++count);
+				            			});
+			            			}else{
+			            				$("#follow_list").html(_htmlTemp);
+			            			}
+								}(0);
+			            		
+//			            		$.each(data.data.list, function(i, v) {
+//			            			
+//			            		});
+//			            		$("#follow_list").html(_htmlTemp);/
+//			            		$.each(data.data.list, function() {
+//			            			
+//			            		});
+			            	}else{
+			            		$("#follow_list").html('<tr><td colspan="8" style="text-align:center;"> 暂无数据</td></tr>');
+			            	}
 						    
 							/*分页代码*/
 							add_page(data.data.total,pageNo,follow.pageSize,follow.getList);

public/resource/js/public.js

@@ -337,3 +337,22 @@ function dealPunctuation(str) {
 //	  }, 2000)
 //}
 
+
+//计算两个经纬度之间的距离
+function getFlatternDistance(lat1,lng1,lat2,lng2){
+	var EARTH_RADIUS = 6378137.0;    //单位M
+    var PI = Math.PI;
+    
+    function rad(d){
+        return d*PI/180.0;
+    }
+    var radLat1 = rad(lat1);
+    var radLat2 = rad(lat2);
+    var a = radLat1 - radLat2;
+    var b = rad(lng1) - rad(lng2);
+    var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
+    s = s * 6378.137;
+    // EARTH_RADIUS;
+    s = Math.round(s * 10000) / 10000;
+    return s;
+}