Skip to content

T
tl_estate
Commit f6d87bc8 authored by xishifeng's avatar xishifeng
Browse files
Options

增加定位内容

parent 7eed985e
Show whitespace changes
Inline Side-by-side
Showing with 162 additions and 42 deletions
application/index/view/store/index.html
View file @ f6d87bc8
...@@ -3,6 +3,11 @@ ...@@ -3,6 +3,11 @@
<style> <style>
/*获取百度经纬度样式*/ /*获取百度经纬度样式*/
/*********************************************************百度定位页面iframe引入*************************************/ /*********************************************************百度定位页面iframe引入*************************************/
.address-search-head-div{
height: 88px;
overflow: hidden;
padding-left: 12%;
}
#position_box { #position_box {
height: 750px; height: 750px;
...@@ -126,7 +131,6 @@ ...@@ -126,7 +131,6 @@
text-align: center; text-align: center;
display: none; display: none;
} }
/**/
</style> </style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
...@@ -287,7 +291,7 @@ ...@@ -287,7 +291,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-3 control-label">详细地址：</label> <label class="col-sm-3 control-label">详细地址：</label>
<input type="text" value="" name="address" class="form-control btn6" placeholder="请输入详细地址"> <input type="text" value="" name="address" id="address" class="form-control btn6" placeholder="请输入详细地址">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-3 control-label">公司名：</label> <label class="col-sm-3 control-label">公司名：</label>
......
public/resource/js/storeList.js
View file @ f6d87bc8
...@@ -2,55 +2,172 @@ ...@@ -2,55 +2,172 @@
* Created by 刘丹 on 2017/12/11. * Created by 刘丹 on 2017/12/11.
*/ */
define (['doT', 'text!temp/store_template_tpl.html', 'css!style/home.css','ckfinder','ckfinderStart','pagination','bootstrapJs'], function (doT, template) { define(['doT', 'text!temp/store_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template) {
store = { store = {
pageNo: 1, /*第几页*/ pageNo: 1,
pageSize: 10, /*每页显示多少条*/ /*第几页*/
id : '', pageSize: 10,
house_id:'', /*每页显示多少条*/
type:'', id: '',
valueCurrent:'', house_id: '',
ajaxObj:'', type: '',
stopstatus:true, valueCurrent: '',
boxphoto:'', ajaxObj: '',
init: function () { stopstatus: true,
boxphoto: '',
init: function() {
//初始化dot //初始化dot
$ ("body").append (template); $("body").append(template);
store.getList (); store.getList();
store.event (); store.event();
store.getRegionsDisc(); store.getRegionsDisc();
}, },
event: function () { event: function() {
$("#search").click(function () { $("#search").click(function() {
store.getList(1); store.getList(1);
}); });
$("#reset").click(function () {//重置 $("#reset").click(function() { //重置
document.getElementById("form_search").reset(); document.getElementById("form_search").reset();
}); });
$ (document).delegate (".del_modal", "click", function () { $(document).delegate(".del_modal", "click", function() {
store.id = $ (this).attr ("data-id"); store.id = $(this).attr("data-id");
}); });
/************************************************百度地址定位相关*************************************************************/
var _doc = $(document),
_provinceInternalObj = $('#province_internal'),
_cityInternalObj = $('#city_internal'),
_discInternalObj = $('#disc_internal'),
_addressInternalObj = $('#address'),
_longitudeObj = $('#longitude'),
_latitudeObj = $('#latitude'),
ulHtml = $('#main_ul>ul'),
loadItem = $("#loading_pic"),
noMoreItem = $("#no_more"),
_inputObj = $('#search_input'),
valueCurrent = '';
//初始化,百度地图相关对象
var LocalSearch = new BMap.LocalSearch(),
myGeo = new BMap.Geocoder();
//搜索地址的回调
LocalSearch.setSearchCompleteCallback(function(data) {
if(LocalSearch.getStatus() == BMAP_STATUS_SUCCESS) {
console.log(data);
var _html = "";
for(var i = 0; i < data.getCurrentNumPois(); i++) {
_html += '<li data-city="{2}" data-lat="{3}" data-lng="{4}" data-dismiss="modal"><p>{0}</p><p>{1}</p></li>'.stringFormatObj({
'0': data.getPoi(i)["title"],
'1': data.getPoi(i)["address"],
'2': data.getPoi(i)["city"],
'3': data.getPoi(i)["point"]["lat"],
'4': data.getPoi(i)["point"]["lng"]
});
};
ulHtml.html(_html);
loadItem.hide();
noMoreItem.show();
};
});
_inputObj.on('input', function(e) {
e.preventDefault();
e.stopPropagation();
valueCurrent = $(this).val();
if(valueCurrent != '') {
addressResetLoad();
addressLoadMain(valueCurrent);
} else {
ulHtml.html('');
loadItem.hide();
noMoreItem.show();
return false;
}
});
//输入框的取消图标点击事件
$('.cancel-pic').click(function(e) {
e.preventDefault();
e.stopPropagation();
_inputObj.val('').focus();
addressResetLoad();
});
_doc.on('click', '#main_ul>ul>li', function(e) {
e.preventDefault();
e.stopPropagation();
var _this = $(this),
_city = _this.data('city'),
_lng = Number(_this.data('lng')), //经度
_lat = Number(_this.data('lat')); //纬度
getDistrict(_lng, _lat, function(data) {
console.log(data);
if(data['city']) {
_provinceInternalObj.val(data['province']);
_cityInternalObj.val(data['city']);
_discInternalObj.val(data['district']);
var _htmlOri = _this.find('p:nth-of-type(2)').html(),
_htmlDeal = '',
_index1 = _htmlOri.indexOf('市'),
_index2 = _htmlOri.indexOf('区');
if((_index1 > 0) && (_index2 > 2) && (_index2 > _index1)) {
_htmlDeal = _htmlOri.slice(_index2 + 1);
} else {
_htmlDeal = _htmlOri;
}
_addressInternalObj.val(_htmlDeal);
_longitudeObj.val(_lng);
_latitudeObj.val(_lat);
// $('#position_box').hide();
} else {
alert('请重新选择地址');
return false;
}
}); //根据经纬度获取城市区域名
});
function addressResetLoad() {
ulHtml.html('');
loadItem.hide();
noMoreItem.show();
};
function addressLoadMain(keyword) {
loadItem.show();
noMoreItem.hide();
LocalSearch.setLocation('上海市');
LocalSearch.search(keyword);
};
function getDistrict(str1, str2, fn) {
myGeo.getLocation(new BMap.Point(str1, str2), function(result) {
if(result) {
console.log(result);
fn(result['addressComponents']);
}
});
};
/************************************************百度地址定位相关****结束*************************************************************/
}, },
getRegionsDisc : function (name) { getRegionsDisc: function(name) {
var params = {}; var params = {};
params.parent_code = 310100; params.parent_code = 310100;
$.ajax ({ $.ajax({
url: '/index/regions', url: '/index/regions',
type: 'GET', type: 'GET',
async: true, async: true,
data: params, data: params,
dataType: 'json', dataType: 'json',
success: function (data) { success: function(data) {
if (data.code == 200) { if(data.code == 200) {
var _html = ''; var _html = '';
$.each(data.data, function (i,n) { $.each(data.data, function(i, n) {
_html += '<option value="'+n.fullName+'">'+n.fullName+'</option>'; _html += '<option value="' + n.fullName + '">' + n.fullName + '</option>';
}); });
$("#area").append(_html); $("#area").append(_html);
} else { } else {
...@@ -59,36 +176,35 @@ define (['doT', 'text!temp/store_template_tpl.html', 'css!style/home.css','ckfin ...@@ -59,36 +176,35 @@ define (['doT', 'text!temp/store_template_tpl.html', 'css!style/home.css','ckfin
} }
}); });
}, },
getList: function (pageNo) { getList: function(pageNo) {
store.pageNo = pageNo; store.pageNo = pageNo;
var params = {}; var params = {};
params.pageNo = store.pageNo; params.pageNo = store.pageNo;
params.pageSize = store.pageSize; params.pageSize = store.pageSize;
params.district = $('#area option:selected') .val();;//城市区 params.district = $('#area option:selected').val();; //城市区
params.store_name = $('#mend_name') .val();//门店名 params.store_name = $('#mend_name').val(); //门店名
params.agents_name = $('#name') .val();//店长名 params.agents_name = $('#name').val(); //店长名
params.agents_phone = $('#phone') .val();//手机号 params.agents_phone = $('#phone').val(); //手机号
$.ajax ({ $.ajax({
url: '/index/storeList',//获取列表 url: '/index/storeList', //获取列表
type: 'GET', type: 'GET',
async: true, async: true,
data: params, data: params,
dataType: 'json', dataType: 'json',
success: function (data) { success: function(data) {
console.log(data.data); console.log(data.data);
var temp = document.getElementById ('store_list_tpl').innerHTML; var temp = document.getElementById('store_list_tpl').innerHTML;
var doTtmpl = doT.template (temp); var doTtmpl = doT.template(temp);
$ ("#store_list").html (doTtmpl (data.data.list)); $("#store_list").html(doTtmpl(data.data.list));
/*分页代码*/ /*分页代码*/
$ ("#pagediv").pagination ({ $("#pagediv").pagination({
length: data.data.total, length: data.data.total,
current: pageNo, current: pageNo,
every: store.pageSize, every: store.pageSize,
onClick: function (el) { onClick: function(el) {
store.getList (el.num.current); store.getList(el.num.current);
} }
}); });
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment