商铺编辑

application/index/view/houses/edit.html

@@ -293,6 +293,14 @@
 		width: 100%;
 		height: 100%;
 	}
+	
+	/*房东手机号样式调整*/
+	.landlord-form-group{
+		margin-top: 0!important;
+	}
+	.input-add-tel-landlord{
+		margin-top: 8px!important;
+	}
 </style>
 
 <div id="page-content-wrapper">
@@ -441,9 +449,12 @@
 									</label>
 								</li>
 								<li class="list-group-item">
-									<div class="form-group">
+									<div class="form-group" id="li_landlord_phone_input">
 										<label for="internalName">房东手机号</label>
-										<input type="tel" class="form-control" placeholder="请输入" name="landlordPhone" id="landlordPhone" data-alert="请填写房东手机号！">
+										<div class="form-group phone-list-container landlord-form-group">
+											<input type="tel" class="form-control phone_jia" placeholder="请输入" name="landlordPhone" id="landlordPhone" data-alert="请填写房东手机号！">
+										</div>
+										<img src="/resource/image/jia2@2x.png" class="input-add-tel input-add-tel-landlord" data-addtype="landlord" id="landlord_tel_jia" />
 									</div><br>
 									<div class="form-group">
 										<label for="internalName">对内商铺名称</label>

public/resource/js/edit.js

@@ -14,10 +14,10 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
     			_exclusiveTypeObj = $('#exclusiveType'),//是否独家
     			_yetaiObj = $('.yetai'),//业态
         		_roomTagObj = $('.roomTag'),//商铺标签
-        		_landlordPhoneObj = $('#landlordPhone'),//房东手机号
+        		//_landlordPhoneObj = $('#landlordPhone'),//房东手机号
+        		_landlordPhoneObj = $('.li_landlord_phone input'),//房东手机号
         		_internalNameObj = $('#internalName'),//对内商铺名称
         		_foreignNameObj = $('#foreignName'),//对外商铺名称
-        		_landlordPhoneObj = $('#landlordPhone'),//房东手机号
         		_zujinTypeObj = $('#zujinType'),//租金模式
         		_moonPriceObj = $('#moonPrice'),//月租均价
         		_wuyePriceObj = $('#wuyePrice'),//物业管理费
@@ -168,6 +168,30 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
 				                	~_data['shop_sign'].indexOf(item.value) && (item.checked = 'checked');
 				                });
 				                
+				                //房东手机号
+				                var _landlordNum = 0;
+				                $.each(_data['landlord_phone'].split(','), function(i, item) {
+				                	if(_landlordNum === 0){
+				                		$('#landlord_tel_jia').prev().find('input').val(item);
+				                	}else{
+				                		$('#landlord_tel_jia').before('<div class="form-group phone-list-container landlord-form-group"><input type="tel" class="form-control phone_jia" placeholder="请输入" value="{0}"><img src="/resource/image/search_gb.png" class="input-cancel-pic"></div>'.stringFormatObj({
+				                			'0': item
+				                		}));
+				                	};
+				                	_landlordNum++;
+				                });
+				                for(var i in _data['agents_name']){
+				                	if(_acqxNum == 0){
+				                		$('#acqx_tel_jia').prev().find('input').val(_data['agents_name'][i]).attr('data-id',_data['agents_name'][i].split('-')[0]);
+				                	}else{
+				                		$('#acqx_tel_jia').before('<div class="form-group phone-list-container"><input type="tel" class="form-control phone_jia" placeholder="请输入" value="{0}" data-id="{1}"><ul></ul><img src="/resource/image/search_gb.png" class="input-cancel-pic"></div>'.stringFormatObj({
+				                			'0': _data['agents_name'][i],
+				                			'1': _data['agents_name'][i].split('-')[0]
+				                		}));
+				                	};
+				                	_landlordNum++;
+				                };
+				                
 				                _landlordPhoneObj.val(_data['landlord_phone']);//房东手机号
 				                _internalNameObj.val(_data['internal_title']);//对内商铺名称
 				                _zujinTypeObj.val(_data['rent_type']);//租金模式
@@ -555,10 +579,16 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
 			//输入框联系人模糊搜索相关事件添加
 			$('.input-add-tel').click(function(){
 				var _this = $(this);
-				if(_this.parent().find('.phone_jia').length < 5){
-					_this.before('<div class="form-group phone-list-container"><input type="tel" class="form-control phone_jia" placeholder="请输入"><ul></ul><img src="/resource/image/search_gb.png" class="input-cancel-pic" /></div>');
+				var _addType = _this.attr('data-addtype');
+				var _maxLen = _addType==='landlord'?3:5;
+				var _htmlStrTemp = _addType==='landlord'?'':'<ul></ul>';
+				if(_this.parent().find('.phone_jia').length < _maxLen){
+					_this.before('<div class="form-group phone-list-container{0}"><input type="tel" class="form-control phone_jia" placeholder="请输入">{1}<img src="/resource/image/search_gb.png" class="input-cancel-pic" /></div>'.stringFormatObj({
+						'0': _addType==='landlord'?' landlord-form-group':'',
+						'1': _addType==='landlord'?'':'<ul></ul>'
+					}));
 				}else{
-					alert('最多添加5个');
+					alert('最多添加'+_maxLen+'个');
 					return false;
 				};
 			});
@@ -576,53 +606,57 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
 			var _ajaxObjTel = null;
 			_doc.on('input', '.phone_jia' ,function(){
 				var _this = $(this),
-					_thisVal = $.trim(_this.val());
-				_this.removeAttr('data-id');//移除之前携带的信息
-				if(_thisVal != ''){
-					_ajaxObjTel && _ajaxObjTel.abort();
-					_ajaxObjTel = $.ajax({
-					    type: 'GET',
-					    url: '/index/getBroker_new',
-					    data: {
-					    	'phone': $.trim(_this.val())
-					    },
-					    timeout: 30000,
-					    dataType: 'json',
-					    beforeSend: function() {},
-					    success: function(data) {
-					        if(typeof data === 'object') {
-					            if (data.code == 200) {
-					            	if(data['data'].length > 0){
-					            		var _htmlTemp = '';
-					            		$.each(data['data'], function(i, item) {
-						                	_htmlTemp += '<li data-id="{3}">{2}{0}-{1}<li>'.stringFormatObj({
-						                		'0': item['name'],
-						                		'1': item['phone'],
-						                		'2': _this.parent().nextAll('.input-add-tel').data('hideid')?'':(item['id']+'-'),
-						                		'3': item['id']
-						                	});
-						                });
-						                _this.next().show().html(_htmlTemp);
-					            	}else{
-					            		_this.next().html('');
-					            	};
-					            }else {
-					                alert(data['msg']);
-					            };
-					        }else{
-					            alert('数据错误');
-					        };
-					    },
-					    error: function() {
-					        //alert('error');
-					    },
-					    complete: function(xhr, textStatus){
-					        if(textStatus === 'timeout'){
-					            alert('请求超时');
-					        };
-					    }
-					});
+					_thisVal = $.trim(_this.val()),
+					_addType = _this.attr('data-addtype');
+				if(_addType !== 'landlord'){
+					_this.removeAttr('data-id');//移除之前携带的信息
+					if(_thisVal != ''){
+						_ajaxObjTel && _ajaxObjTel.abort();
+						_ajaxObjTel = $.ajax({
+						    type: 'GET',
+						    url: '/index/getBroker_new',
+						    data: {
+						    	'phone': $.trim(_this.val())
+						    },
+						    timeout: 30000,
+						    dataType: 'json',
+						    beforeSend: function() {},
+						    success: function(data) {
+						        if(typeof data === 'object') {
+						            if (data.code == 200) {
+						            	if(data['data'].length > 0){
+						            		var _htmlTemp = '';
+						            		$.each(data['data'], function(i, item) {
+							                	_htmlTemp += '<li data-id="{3}">{2}{0}-{1}<li>'.stringFormatObj({
+							                		'0': item['name'],
+							                		'1': item['phone'],
+							                		'2': _this.parent().nextAll('.input-add-tel').data('hideid')?'':(item['id']+'-'),
+							                		'3': item['id']
+							                	});
+							                });
+							                _this.next().show().html(_htmlTemp);
+						            	}else{
+						            		_this.next().html('');
+						            	};
+						            }else {
+						                alert(data['msg']);
+						            };
+						        }else{
+						            alert('数据错误');
+						        };
+						    },
+						    error: function() {
+						        //alert('error');
+						    },
+						    complete: function(xhr, textStatus){
+						        if(textStatus === 'timeout'){
+						            alert('请求超时');
+						        };
+						    }
+						});
+					};
 				};
+				
 			});
 			
 			/***************************************************电话号码输入相关交互处理***************************************************/
@@ -762,14 +796,21 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
 					return false;
 				};
 				
-				var _landlordPhoneVal = $.trim(_landlordPhoneObj.val());
-				if(_landlordPhoneVal == ''){
-					alert('请输入房东手机号码');
-					return false;
-				}else if(!/^[1][0-9]{10}$/.test(_landlordPhoneVal)){
-					alert('输入的房东手机号格式有误');
+				var _landlordPhoneArr = [];
+				$.each($('#li_landlord_phone_input input'), function(i,item) {
+					var _valTemp = $.trim($(item).val());
+					if(_valTemp !== ''){
+						if(is_mobile(_valTemp)){
+							_landlordPhoneArr.push(_valTemp);
+						}else{
+							alert('填写的第'+(i+1)+'个房东手机号格式有误');
+						}
+					};
+				});
+				if(_landlordPhoneArr.length<1){
+					alert('房东手机号至少需要选择一个!');
 					return false;
-				}
+				};
 				
 				//多个input输入框验证
 				$.each([
@@ -876,7 +917,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
 					'agent_dish': _pfPhoneArr.join(','),
 					'agent_data': _acqxPhoneArr.join(','),
 					'internal_title': $.trim(_internalNameObj.val()),
-					'landlord_phone': _landlordPhoneVal,
+					'landlord_phone': _landlordPhoneArr.join(','),
 					'rent_type': _zujinTypeObj.val(),
 					'rent_price': _moonPriceObj.val(),
 					'management_fee': _wuyePriceObj.val(),

public/resource/js/public.js

@@ -118,3 +118,8 @@ function PaginationX(obj){
 	var _preHtml = '<div class="ui-page-x"><span class="ui-page ui-page-prev"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M85.876,100.5l49.537-50.526c4.089-4.215,4.089-11.049,0-15.262 c-4.089-4.218-10.719-4.218-14.808,0L63.586,92.868c-4.089,4.215-4.089,11.049,0,15.264l57.018,58.156 c4.089,4.215,10.719,4.215,14.808,0c4.089-4.215,4.089-11.049,0-15.262L85.876,100.5z"></path></svg></span>';
 	var _aftHtml = '';
 };
+
+//手机号码格式正则验证 by xishifeng
+function is_mobile(text) {
+	return /^1[1234567890]\d{9}$/.test(text)?true:false;
+}
\ No newline at end of file