Skip to content

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

新增商铺加商铺地址搜索

parent e778ef57
Hide whitespace changes
Inline Side-by-side
Showing with 209 additions and 38 deletions
application/index/view/houses/edit.html
View file @ a7fcad58
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="suitable-yetai"> <div class="suitable-yetai">
<label>最适合业态：</label><input type="input" class="suitable-yetai-input form-control" value="" placeholder="例如麻辣烫、水饺等" data-alert='请输入最适合业态'> <label>最适合业态(3个)：</label><input type="input" class="suitable-yetai-input form-control" value="" placeholder="例如麻辣烫、水饺等" data-alert='请输入3个最适合业态'><input type="input" class="suitable-yetai-input form-control" value="" placeholder="请输入" data-alert='请输入3个最适合业态'><input type="input" class="suitable-yetai-input form-control" value="" placeholder="请输入" data-alert='请输入3个最适合业态'>
</div> </div>
</li> </li>
<li class="list-group-item" id="shangpu_tags_area"> <li class="list-group-item" id="shangpu_tags_area">
...@@ -411,42 +411,56 @@ ...@@ -411,42 +411,56 @@
</div> </div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item address-relate-area">
<div class="form-group"> <div>
<label for="">对内地址</label> <div class="form-group">
<button type="button" class="btn btn-primary area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" id="position_btn">选择地址定位</button> <label for="">对内地址</label>
<!--<select class="form-control" id="province_internal" name="province_internal"></select> <button type="button" class="btn btn-primary area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" id="position_btn">选择地址定位</button>
<select class="form-control" id="city_internal" name="city_internal"></select> <!--<select class="form-control" id="province_internal" name="province_internal"></select>
<select class="form-control" id="disc_internal" name="disc_internal"></select>--> <select class="form-control" id="city_internal" name="city_internal"></select>
<input type="text" class="form-control input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="province_internal" /> <select class="form-control" id="disc_internal" name="disc_internal"></select>-->
<input type="text" class="form-control input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="city_internal" /> <input type="text" class="form-control input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="province_internal" />
<input type="text" class="form-control input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="disc_internal" /> <input type="text" class="form-control input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="city_internal" />
<input type="text" class="form-control area-choose-btn-modal" id="address_internal" placeholder="详细地址(格式xx路xx号xx)" data-alert="请填写正确格式的对内详细地址(xx路xx号xx)！"> <input type="text" class="form-control input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="disc_internal" />
</div>
<div class="form-group"> </div>
<label for="longitude">经度</label> <div class="form-group">
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="longitude" name="longitude" data-alert="请通过地址定位获取经纬度！"> <label for="longitude">经度</label>
</div> <input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="longitude" name="longitude" data-alert="请通过地址定位获取经纬度！">
<div class="form-group"> </div>
<label for="">纬度</label> <div class="form-group">
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="latitude" name="latitude" data-alert="请通过地址定位获取经纬度！"> <label for="">纬度</label>
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="latitude" name="latitude" data-alert="请通过地址定位获取经纬度！">
</div>
<div class="form-group">
<label for="">商圈</label>
<select id="business_rong" class="form-control btn4">
<option value="-1">请选择商圈</option>
</select>
</div>
</div> </div>
<div class="form-group"> <div>
<label for="">商圈</label> <div class="form-group">
<select id="business_rong" class="form-control btn4"> <input type="text" class="form-control area-choose-btn-modal" id="address_internal" placeholder="详细地址(格式xx路xx号xx)" data-alert="请填写正确格式的对内详细地址(xx路xx号xx)！">
<option value="-1">请选择商圈</option> <div id="address_internal_input_text_box">
</select> <ul></ul>
<p>
<span>存在的相似商铺</span>
<button type="button" class="btn btn-primary">确认无重盘</button>
</p>
</div>
</div>
</div> </div>
</li> </li>
<li class="list-group-item show-c-part"> <!--<li class="list-group-item show-c-part">
<!--<div class="form-group"> <div class="form-group">
<label for="">对商户显示的地址</label> <label for="">对商户显示的地址</label>
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="province_external" /> <input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="province_external" />
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="city_external" /> <input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="city_external" />
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="disc_external" /> <input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="disc_external" />
<input type="text" class="form-control" id="address_external" placeholder="请输入详细地址" data-alert="请填写对外详细地址！"> <input type="text" class="form-control" id="address_external" placeholder="请输入详细地址" data-alert="请填写对外详细地址！">
</div>--> </div>
</li> </li>-->
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group full-width-100"> <div class="form-group full-width-100">
<label for="">交通</label> <label for="">交通</label>
......
public/resource/css/public.css
View file @ a7fcad58
...@@ -732,3 +732,9 @@ p{margin: 0;} ...@@ -732,3 +732,9 @@ p{margin: 0;}
#preview_big_img_div>img{ #preview_big_img_div>img{
max-height: 98%; max-height: 98%;
} }
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
\ No newline at end of file
public/resource/css/shop_edit.css
View file @ a7fcad58
...@@ -317,4 +317,61 @@ img.cancel-pic { ...@@ -317,4 +317,61 @@ img.cancel-pic {
} }
#li_landlord_phone_input>div>div>input:nth-last-of-type(1){ #li_landlord_phone_input>div>div>input:nth-last-of-type(1){
float: right; float: right;
}
/*最适合业态*/
.suitable-yetai>input+input{
margin-left: 10px;
} }
/*对内地址详细地址，确认无重盘，输入框*/
.address-relate-area{
overflow: hidden;
}
.address-relate-area>div{
float: left;
}
.address-relate-area>div:nth-of-type(1){
width: 55%;
}
.address-relate-area>div:nth-of-type(2){
width: 40%;
}
#address_internal{
width: 350px;
}
#address_internal_input_text_box{
border: 1px solid #ccc;
border-top: none;
display: none;
}
#address_internal_input_text_box>ul{
list-style: none;
padding-left: 0;
background-color: white;
}
#address_internal_input_text_box>ul>li{
overflow: hidden;
padding: 0 5px;
}
#address_internal_input_text_box>ul>li>span:nth-of-type(1){
float: left;
width: 290px;
}
#address_internal_input_text_box>ul>li>span:nth-of-type(2){
float: left;
width: 45px;
}
#address_internal_input_text_box>p{
overflow: hidden;
}
#address_internal_input_text_box>p>span{
float: left;
color: red;
line-height: 34px;
padding-left: 5px;
}
#address_internal_input_text_box>p>button{
float: right;
}
public/resource/js/shop_edit.js
View file @ a7fcad58
...@@ -38,7 +38,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -38,7 +38,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
_roomTagObj, //商铺标签,初始化 _roomTagObj, //商铺标签,初始化
_landlordPhoneObj = $('.li_landlord_phone input'), //房东手机号 _landlordPhoneObj = $('.li_landlord_phone input'), //房东手机号
_internalNameObj = $('#internalName'), //对内商铺名称 _internalNameObj = $('#internalName'), //对内商铺名称
_suitableYetaiInputObj = $('.suitable-yetai-input'), //最适合业态 _suitableYetaiInputObj1 = $('.suitable-yetai-input:nth-of-type(1)'), //最适合业态
_suitableYetaiInputObj2 = $('.suitable-yetai-input:nth-of-type(2)'), //最适合业态
_suitableYetaiInputObj3 = $('.suitable-yetai-input:nth-of-type(3)'), //最适合业态
_projectNameObj = $('#projectName'), //项目（大厦）名称 _projectNameObj = $('#projectName'), //项目（大厦）名称
_zujinTypeObj = $('#zujinType'), //租金模式 _zujinTypeObj = $('#zujinType'), //租金模式
_moonPriceObj = $('#moonPrice'), //月租均价 _moonPriceObj = $('#moonPrice'), //月租均价
...@@ -83,8 +85,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -83,8 +85,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
_exclusiveTelObj = $('#exclusiveTel'), //独家方电话 _exclusiveTelObj = $('#exclusiveTel'), //独家方电话
_imgUploadDujia = $('#dujia_pic_ul'), //独家合同ul _imgUploadDujia = $('#dujia_pic_ul'), //独家合同ul
_imgMaskObj = $('#img_mask_area'), //预览大图的mask _imgMaskObj = $('#img_mask_area'), //预览大图的mask
_laiyuanObj = $('#laiyuan'); // 来源 _laiyuanObj = $('#laiyuan'), // 来源
_isshowshopDetailObj = $('#isShowShopDetail'); // 对内显示详情图 _isshowshopDetailObj = $('#isShowShopDetail'), // 对内显示详情图
_repeatShopList = $('#address_internal_input_text_box>ul');//搜索有无重铺的显示列表
//对商户显示的装让费默认隐藏 //对商户显示的装让费默认隐藏
_foreignZhuanrangPriceObj.closest('.form-group').hide(); _foreignZhuanrangPriceObj.closest('.form-group').hide();
...@@ -99,7 +102,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -99,7 +102,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
}; };
//定义获取商铺标签方法 //定义获取商铺标签方法
checkLogin();
function getShangpuTags(fn) { function getShangpuTags(fn) {
$.ajax({ $.ajax({
type: 'GET', type: 'GET',
...@@ -316,7 +318,12 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -316,7 +318,12 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
user.del_value_panfang = '' ; user.del_value_panfang = '' ;
_landlordPhoneObj.val(_data['landlord_phone']); //房东手机号 _landlordPhoneObj.val(_data['landlord_phone']); //房东手机号
_internalNameObj.val(_data['internal_title']); //对内商铺名称 _internalNameObj.val(_data['internal_title']); //对内商铺名称
_suitableYetaiInputObj.val(_data['fit_industry_type']); //最适合业态
var _fit_industry_type = _data['fit_industry_type'].split(',');
_suitableYetaiInputObj1.val(_fit_industry_type[0]); //最适合业态
_suitableYetaiInputObj2.val(_fit_industry_type[1]); //最适合业态
_suitableYetaiInputObj3.val(_fit_industry_type[2]); //最适合业态
_zujinTypeObj.val(_data['rent_type']); //租金模式 _zujinTypeObj.val(_data['rent_type']); //租金模式
_zujinTypeObj.change();//触发change事件 _zujinTypeObj.change();//触发change事件
_moonPriceObj.val(_data['rent_price']); //月租均价 _moonPriceObj.val(_data['rent_price']); //月租均价
...@@ -630,6 +637,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -630,6 +637,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
_addressInternalObj.val(_htmlDeal); _addressInternalObj.val(_htmlDeal);
_longitudeObj.val(_lng); _longitudeObj.val(_lng);
_latitudeObj.val(_lat); _latitudeObj.val(_lat);
searchRepeatShop();//调用搜索有无重盘的接口
// $('#position_box').hide(); // $('#position_box').hide();
} else { } else {
alert('请重新选择地址'); alert('请重新选择地址');
...@@ -662,7 +670,91 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -662,7 +670,91 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
/************************************************百度地址定位相关****结束*************************************************************/ /************************************************百度地址定位相关****结束*************************************************************/
/***************************************************省市区选择处理结束************************************************************/ /***************************************************省市区选择处理结束************************************************************/
//对内地址输入后，比对有无重复商铺
var _addressTimer = null;
_addressInternalObj.on('input', function(e){
var _$this = $(this);
var _valCity = $.trim(_cityInternalObj.val());//市
if(!_valCity){
alert('需要先地址定位');
_$this.val('');
return false;
};
var _val = $.trim(_$this.val());
if(_val.length>3){
_addressTimer && clearTimeout(_addressTimer); // 清除未执行的代码，重置回初始化状态
_addressTimer = setTimeout(searchRepeatShop, 200);
}else{
_repeatShopList.parent().hide();
}
});
//点击确认无重盘，可关闭
_repeatShopList.parent().find('button').click(function(e){
e.preventDefault();
e.stopPropagation();
var _$this = $(this);
_repeatShopList.parent().hide();
});
//搜索有无重铺的接口调用
var _ajaxObjSearchRepeatShop = null;//所调用的ajax对象
function searchRepeatShop() {
var _valAddress = $.trim(_addressInternalObj.val());//输入的地址
var _valCity = $.trim(_cityInternalObj.val());//市
if(!_valCity){
alert('需要先地址定位');
return false;
};
_ajaxObjSearchRepeatShop && _ajaxObjSearchRepeatShop.abort();
_ajaxObjSearchRepeatShop = $.ajax({
type: 'GET',
url: '/broker/getHouseAddress',
data: {
'address': _valAddress,
'city': _valCity,
'AuthToken': user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
_repeatShopList.parent().show();//区域显示出来
if(data.data && data.data.length && data.data.length>0){
var _htmlTemp = '';
var _arrTemp = data.data.length<6?data.data:data.data.slice(0, 5);
$.each(_arrTemp, function(i, v) {
_htmlTemp += '<li><span class="ellipsis">{0}</span><span>ID:{1}</span></li>'.stringFormatObj({
'0': v.address,
'0': v.id
});
});
_repeatShopList.html(_htmlTemp);
}else{
_repeatShopList.html('<li>暂无相似商铺</li>').show();
}
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
//alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
}
//输入框联系人模糊搜索相关事件添加 //输入框联系人模糊搜索相关事件添加
$('.input-add-tel').click(function() { $('.input-add-tel').click(function() {
// //
...@@ -975,7 +1067,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -975,7 +1067,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
//多个input输入框验证 //多个input输入框验证
$.each([ $.each([
_internalNameObj, //对内商铺名称 _internalNameObj, //对内商铺名称
_suitableYetaiInputObj, //最适合业态 _suitableYetaiInputObj1, //最适合业态
_suitableYetaiInputObj2, //最适合业态
_suitableYetaiInputObj3, //最适合业态
_moonPriceObj, //月租均价 _moonPriceObj, //月租均价
_wuyePriceObj, //物业管理费 _wuyePriceObj, //物业管理费
_jinchangPriceObj, //进场费 _jinchangPriceObj, //进场费
...@@ -1147,7 +1241,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -1147,7 +1241,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
'agent_dish': _pfPhoneArr.join(','), 'agent_dish': _pfPhoneArr.join(','),
'agent_data': _acqxPhoneArr.join(','), 'agent_data': _acqxPhoneArr.join(','),
'internal_title': $.trim(_internalNameObj.val()), 'internal_title': $.trim(_internalNameObj.val()),
'fit_industry_type': $.trim(_suitableYetaiInputObj.val()), 'fit_industry_type': [$.trim(_suitableYetaiInputObj1.val()), $.trim(_suitableYetaiInputObj2.val()), $.trim(_suitableYetaiInputObj3.val())].join(','),
'rent_type': _zujinTypeObj.val(), 'rent_type': _zujinTypeObj.val(),
'rent_price': _moonPriceObj.val(), 'rent_price': _moonPriceObj.val(),
'management_fee': _wuyePriceObj.val(), 'management_fee': _wuyePriceObj.val(),
...@@ -1246,7 +1340,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function ...@@ -1246,7 +1340,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
_data['source'] = _source; _data['source'] = _source;
_data['sublet_id'] = _sublet_id; _data['sublet_id'] = _sublet_id;
}; };
checkLogin();
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
url: '/index/houseEdit', url: '/index/houseEdit',
......
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