商铺编辑，查看商铺修改

application/app_broker/view/index/shop_detail_pc.html

@@ -29,8 +29,8 @@
 								<td></td>
 							</tr>
 							<tr>
-								<td>商铺面积：{{dealArea}}</td>
-								<td>项目总面积：{{d.market_area}}</td>
+								<td>{{d.shop_type?'使用面积':'商铺面积'}}：{{dealArea}}</td>
+								<td>{{d.shop_type?'建筑面积':'项目总面积'}}：{{d.market_area}}</td>
 								<td>剩余铺数：{{d.residue_num}}</td>
 								<td>总铺数：{{d.total}}</td>
 							</tr>
@@ -46,7 +46,7 @@
 							</tr>
 							<tr>
 								<td colspan="2">交通：{{d.traffic}}</td>
-								<td colspan="2">签约规则：{{d.sign_rule}}</td>
+								<td colspan="2">签约规则：{{signRule()}}</td>
 							</tr>
 							<tr>
 								<td colspan="2">对内项目优势：{{d.internal_item_advantage}}</td>
@@ -80,7 +80,18 @@
 							</tr>
 							<tr v-if="!d.is_show">
 								<td colspan="2">对外项目优势：{{d.external_item_advantage}}</td>
-								<td colspan="2"></td>
+								<td v-if="d.shop_type" colspan="2">对外转让费：{{(d.external_slotting_fee == '-1')?'面议':d.external_slotting_fee}}</td>
+								<td v-else colspan="2"></td>
+							</tr>
+							<tr v-if="!d.is_show && d.cover_plan">
+								<td colspan="4" class="oh">
+									<div class="fl">对外封面图：</div>
+									<div class="fl">
+										<ul class="oh img-list">
+											<li class="fl oh"><img class="fl" :src="d.api_path+d.cover_plan.img_name" /></li>
+										</ul>
+									</div>
+								</td>
 							</tr>
 							<tr class="tr-seat">
 								<td colspan="4"></td>

application/index/view/houses/edit.html

@@ -184,6 +184,8 @@
 											<div class="input-group-addon">元/月</div>
 										</div>
 									</div>
+								</li>
+								<li class="list-group-item">
 									<div class="form-group">
 										<label for="management_fee">物业管理费</label>
 										<div class="input-group">
@@ -198,6 +200,17 @@
 											<div class="input-group-addon">元</div>
 										</div>
 									</div>
+									<div class="form-group">
+										<label for="">对商户显示的转让费</label>
+										<label class="checkbox-inline">
+											<input type="checkbox" id="foreignZhuanrangFace" value="面议">面议 
+										</label>
+										<div class="input-group">
+											<input type="number" class="form-control input-100-width" id="foreignZhuanrangPrice" placeholder="请输入" data-alert="请填写对商户显示的转让费！">
+											<div class="input-group-addon">元</div>
+										</div>
+										<span>（选择面议，则不要填写金额）</span>
+									</div>
 								</li>
 								<li class="list-group-item">
 									<div class="form-group">
@@ -301,9 +314,54 @@
 										<label for=""> 对商户显示的项目优势</label>
 										<textarea class="form-control textarea-500-width" rows="3" id="foreignYoushi" data-alert="请填写对外项目优势！"></textarea>
 									</div>
-									<div class="form-group full-width-100">
+								</li>
+								<li class="list-group-item">
+									<!--<div class="form-group full-width-100">
 										<label for="">签约规则</label>
 										<textarea class="form-control textarea-500-width" rows="3" id="qianyueRule" data-alert="请填写签约规则！"></textarea>
+									</div>-->
+									<div class="form-group">
+										<label for="shangpuType">付款规则</label>
+										<span>付</span>
+										<select class="form-control" name="guizeFu" id="guizeFu" data-alert="请选择付款规则付多少">
+											<option value="">请选择</option>
+											<option value="1">1</option>
+											<option value="2">2</option>
+											<option value="3">3</option>
+											<option value="4">4</option>
+											<option value="5">5</option>
+											<option value="6">6</option>
+											<option value="7">7</option>
+											<option value="8">8</option>
+											<option value="9">9</option>
+											<option value="10">10</option>
+											<option value="11">11</option>
+											<option value="12">12</option>
+										</select>
+										<span>压</span>
+										<select class="form-control" name="guizeYa" id="guizeYa" data-alert="请选择付款规则压多少">
+											<option value="">请选择</option>
+											<option value="1">1</option>
+											<option value="2">2</option>
+											<option value="3">3</option>
+											<option value="4">4</option>
+											<option value="5">5</option>
+											<option value="6">6</option>
+											<option value="7">7</option>
+											<option value="8">8</option>
+											<option value="9">9</option>
+											<option value="10">10</option>
+											<option value="11">11</option>
+											<option value="12">12</option>
+										</select>
+									</div>
+									
+									<div class="form-group">
+										<label for="">签约年限</label>
+										<div class="input-group">
+											<input type="number" class="form-control input-100-width" id="qianyueNianxian" placeholder="请填写" data-alert="请填写签约年限！">
+											<div class="input-group-addon">年</div>
+										</div>
 									</div>
 								</li>
 								<li class="list-group-item">

public/app/js/shop_detail_pc.js

@@ -54,6 +54,10 @@ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function
 			hidePhone(t) {
 				return hideTel(t);
 			},
+			signRule() {
+				let _this = this;
+				return '付'+_this.d.payment_month+'压'+_this.d.deposit_month+' '+_this.d.age_limit;
+			},
 			//点击拨打，调用隐号接口
 			callHide(t) {
 				let _this = this;

public/resource/js/shop_edit.js

@@ -21,14 +21,15 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 				_exclusiveTypeObj = $('#exclusiveType'), //是否独家
 				_yetaiObj = $('.yetai'), //业态
 				_roomTagObj, //商铺标签,初始化
-				//_landlordPhoneObj = $('#landlordPhone'),//房东手机号
 				_landlordPhoneObj = $('.li_landlord_phone input'), //房东手机号
 				_internalNameObj = $('#internalName'), //对内商铺名称
 				_foreignNameObj = $('#foreignName'), //对外商铺名称
 				_zujinTypeObj = $('#zujinType'), //租金模式
 				_moonPriceObj = $('#moonPrice'), //月租均价
 				_wuyePriceObj = $('#wuyePrice'), //物业管理费
-				_jinchangPriceObj = $('#jinchangPrice'), //进场费
+				_jinchangPriceObj = $('#jinchangPrice'), //进场费,转让费
+				_foreignZhuanrangPriceObj = $('#foreignZhuanrangPrice'), //对商户显示的转让费
+				_foreignZhuanrangFaceObj = $('#foreignZhuanrangFace'), //对商户显示的转让费面议
 				_roomShengyuNumObj = $('#roomShengyuNum'), //剩余铺数
 				_roomAllNumObj = $('#roomAllNum'), //总铺数
 				_roomArea1Obj = $('#roomArea1'), //商铺面积起始值
@@ -51,6 +52,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 				_kaiyeTimeObj = $('#kaiyeTime'), //开业时间
 				_hasGasObj = $('#hasGas'), //是否有燃气
 				_yongjinRuleObj = $('#yongjinRule'), //佣金规则
+				_guizeFuObj = $('#guizeFu'), //签约规则,付
+				_guizeYaObj = $('#guizeYa'), //签约规则，压
+				_qianyueNianxianObj = $('#qianyueNianxian'), //签约年限
 				_internalYoushiObj = $('#internalYoushi'), //对内项目优势
 				_foreignYoushiObj = $('#foreignYoushi'), //对外项目优势
 				_qianyueRuleObj = $('#qianyueRule'), //签约规则
@@ -168,6 +172,16 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 										_addressExternalObj.val(_data['external_address']); //对外详细地址
 										_foreignYoushiObj.val(_data['external_item_advantage']); //对外项目优势
 									};
+									if(_data['shop_type'] == '1' && _data['is_show'] == '0'){
+										//如果是街铺，且对商户公开
+										if(_data['external_slotting_fee'] == '-1'){
+											_foreignZhuanrangFaceObj.attr('checked', 'checked');
+											_foreignZhuanrangPriceObj.val('').attr('disabled', 'disabled');
+										}else{
+											_foreignZhuanrangPriceObj.val(_data['external_slotting_fee']);
+										};
+									};
+									
 									if(_data['is_exclusive_type'] == '1') {
 										//如果是独家
 										_exclusiveDate1Obj.val(_data['agent_start_time'].split(' ')[0]);
@@ -187,20 +201,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 										_imgUploadDujia.html(exclusive_img_str);
 									};
 
-									//案场人电话
-									//				                var _phoneNum = 0;
-									//				                for(var i in _data['phone']){
-									//				                	if(_phoneNum == 0){
-									//				                		$('#acr_tel_jia').prev().find('input').val(_data['phone'][i]['name']+'-'+_data['phone'][i]['phone']).attr('data-id',_data['phone'][i]['id']);
-									//				                	}else{
-									//				                		$('#acr_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['phone'][i]['name']+'-'+_data['phone'][i]['phone'],
-									//				                			'1': _data['phone'][i]['id']
-									//				                		}));
-									//				                	};
-									//				                	_phoneNum++;
-									//				                };
-
 									//盘方
 									var _panfangNum = 0;
 									for(var i in _data['dish_name']) {
@@ -236,19 +236,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], 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++;
-//									});
-									
 									//房东手机号
 									_data['landlord_phone_array'] && $.each(_data['landlord_phone_array'], function(i, item) {
 										if(i === 0) {
@@ -289,7 +276,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 									_hasGasObj.val(_data['is_has_gas']); //是否有燃气
 									_yongjinRuleObj.val(_data['fee_rule']); //佣金规则
 									_internalYoushiObj.val(_data['internal_item_advantage']); //对内项目优势
-									_qianyueRuleObj.val(_data['sign_rule']); //签约规则
+									_guizeFuObj.val(_data['payment_month']); //签约规则,付
+									_guizeYaObj.val(_data['deposit_month']); //签约规则，压
+									_qianyueNianxianObj.val(_data['age_limit']); //签约年限
 									_weilouLinkObj.val(_data['tiny_brochure_url']); //微楼书
 									
 									//大讲堂调用共用方法赋值与取值
@@ -708,6 +697,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 				};
 			});
 			
+			//房东手机号加号点击事件
 			_doc.on('click', '#landlord_tel_jia', function(e){
 				e.preventDefault();
 				e.stopPropagation();
@@ -729,12 +719,14 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 				$(this).parent().remove();
 			});
 			
+			//动态搜索出来的电话列表的，点击事件
 			_doc.on('click', '.phone-list-container>ul>li', function() {
 				var _this = $(this);
 				_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
 				_this.parent().html('').hide();
 			});
 			
+			//动态搜索电话列表，请求事件
 			var _ajaxObjTel = null;
 			_doc.on('input', '.phone_jia', function() {
 				var _this = $(this),
@@ -806,17 +798,23 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 			_shangpuTypeObj.change(function() {
 				if($(this).val() == '1') {
 					//街铺
-					_jinchangPriceObj.parent().prev().html('转让费');
-					_roomArea1Obj.parent().prev().html('使用面积');
-					_businessAreaObj.parent().prev().html('建筑面积');
+					_jinchangPriceObj.attr('data-alert','请填写转让费！').parent().prev().html('转让费');
+					_roomArea1Obj.attr('data-alert','请填写使用面积！').parent().prev().html('使用面积');
+					_businessAreaObj.attr('data-alert','请填写建筑面积！').parent().prev().html('建筑面积');
 					$('.shangchang-show-part').hide();
 					$.trim(_roomAllNumObj.val()) == '' && _roomAllNumObj.val(1);
 					$.trim(_roomShengyuNumObj.val()) == '' && _roomShengyuNumObj.val(1);
+					//只有满足显示给C端看，且类型为街铺时，才显示对外转让费
+					if(_showCdObj.val() == '0') {
+						_foreignZhuanrangPriceObj.closest('.form-group').css('display', 'block');
+					}else{
+						_foreignZhuanrangPriceObj.closest('.form-group').hide();
+					}
 				} else {
 					//商场
-					_jinchangPriceObj.parent().prev().html('进场费');
-					_roomArea1Obj.parent().prev().html('商铺面积');
-					_businessAreaObj.parent().prev().html('项目总面积');
+					_jinchangPriceObj.attr('data-alert','请填写进场费！').parent().prev().html('进场费');
+					_roomArea1Obj.attr('data-alert','请填写商铺面积！').parent().prev().html('商铺面积');
+					_businessAreaObj.attr('data-alert','请填写项目总面积！').parent().prev().html('项目总面积');
 					$('.shangchang-show-part').show();
 				};
 			});
@@ -829,9 +827,25 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 				} else {
 					//显示给C端
 					$('.show-c-part').show();
+					//只有满足显示给C端看，且类型为街铺时，才显示对外转让费
+					if(_shangpuTypeObj.val() == '1') {
+						_foreignZhuanrangPriceObj.closest('.form-group').css('display', 'block');
+					}else{
+						_foreignZhuanrangPriceObj.closest('.form-group').hide();
+					}
 				};
 			});
 			
+			//对外转让费的选择事件
+			_foreignZhuanrangFaceObj.change(function(){
+				var _this = $(this);
+				if(_this.is(':checked')){
+					_foreignZhuanrangPriceObj.val('').attr('disabled', 'disabled');
+				}else{
+					_foreignZhuanrangPriceObj.removeAttr('disabled');
+				}
+			});
+
 			//月租均价文件变化事件
 			_zujinTypeObj.change(function() {
 				var _this = $(this);
@@ -871,20 +885,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					return false;
 				};
 
-				//验证案场联系人是否填写
-				//				var _acrPhoneArr = [];
-				//				$.each($('#li_acr_phone input'), function(i,item) {
-				//					var _id = item.getAttribute('data-id');
-				//					if(_id !== undefined && _id !== null){
-				//						_acrPhoneArr.push(item.value);
-				//					};
-				//				});
-				//				console.log(_acrPhoneArr);
-				//				if(_acrPhoneArr.length<1){
-				//					alert('案场人电话至少需要选择一个!');
-				//					return false;
-				//				};
-
 				//验证盘方是否填写
 				var _pfPhoneArr = [];
 				$.each($('#li_pf_phone input'), function(i, item) {
@@ -931,6 +931,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					return false;
 				};
 
+				//房东手机号相关验证
 				var _landlordPhoneArr = [];
 				$.each($('#li_landlord_phone_input>div>div'), function(i, item) {
 					var _valTemp1 = $.trim($(item).find('.landlord-name-input').val());
@@ -958,6 +959,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					_moonPriceObj, //月租均价
 					_wuyePriceObj, //物业管理费
 					_jinchangPriceObj, //进场费
+					_foreignZhuanrangPriceObj, //对外转让费
 					_roomShengyuNumObj, //剩余铺数
 					_roomAllNumObj, //总铺数
 					_roomArea1Obj, //商铺面积起始值
@@ -970,17 +972,26 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					_trafficObj, //交通
 					_hasMovedObj, //已入住
 					_yingyeTimeObj, //营业时间
-					//_kaipanTimeObj, //开盘时间,招商时间
-					//_kaiyeTimeObj, //开业时间
 					_yongjinRuleObj, //佣金规则
 					_internalYoushiObj, //对内项目优势
 					_foreignYoushiObj, //对外项目优势
-					_qianyueRuleObj //签约规则
-					//_weilouLinkObj//微楼书不是必填项,
+					_guizeFuObj,
+					_guizeYaObj,
+					_qianyueNianxianObj
 				], function(i, item) {
 					if((item === _foreignNameObj || item === _addressExternalObj || item === _foreignYoushiObj) && (_showCdObj.val() == '1')) {
 						console.log('不显示给商户C端看的时候，对外名称，对外地址，对外项目优势  不需要填写');
-					} else if(item === _roomArea2Obj) {
+					}else if(item === _foreignZhuanrangPriceObj){
+						if(_foreignZhuanrangFaceObj.is(':checked')){
+							
+						}else{
+							if($.trim(item.val()) == '') {
+								alert(item.attr('data-alert'));
+								_isBreakFlag = true;
+								return false;
+							};
+						}
+					}else if(item === _roomArea2Obj) {
 						if(_shangpuTypeObj.val() == '0') {
 							//0为商场
 							if(_roomArea2Obj.val() == '') {
@@ -997,7 +1008,7 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 						}
 					} else {
 						if($.trim(item.val()) == '') {
-							alert(item.data('alert'));
+							alert(item.attr('data-alert'));
 							_isBreakFlag = true;
 							return false;
 						};
@@ -1040,11 +1051,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 
 				//大讲堂验证, 大讲堂调用共用方法赋值与取值
 				var _dajiangtangVal = getCKeditorValue('da_jiang_tang');
-				//大讲堂不是必填项
-				//				if(_dajiangtangVal == '' || _dajiangtangVal == '<p><br></p>' || _dajiangtangVal == '<p><br /></p>' || _dajiangtangVal == '<p></p>'){
-				//					alert('请填写大讲堂内容！');
-				//					return false;
-				//				};
 
 				//如果选择了独家，验证独家代理有效期，独家方是否填写,独家合同是否上传
 				if(_exclusiveTypeObj.val() == '1') {
@@ -1094,6 +1100,9 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					'is_has_gas': _hasGasObj.val(),
 					'fee_rule': $.trim(_yongjinRuleObj.val()),
 					'internal_item_advantage': $.trim(_internalYoushiObj.val()),
+					'payment_month': _guizeFuObj.val(),
+					'deposit_month': _guizeYaObj.val(),
+					'age_limit': _qianyueNianxianObj.val(),
 					'sign_rule': $.trim(_qianyueRuleObj.val()),
 					'tiny_brochure_url': $.trim(_weilouLinkObj.val()),
 					'auditorium': _dajiangtangVal,
@@ -1107,11 +1116,13 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					_data['external_title'] = $.trim(_foreignNameObj.val());
 					_data['external_address'] = $.trim(_addressExternalObj.val());
 					_data['external_item_advantage'] = $.trim(_foreignYoushiObj.val());
-				};
-				if(_showCdObj.val() == '0') {
-					_data['external_title'] = $.trim(_foreignNameObj.val());
-					_data['external_address'] = $.trim(_addressExternalObj.val());
-					_data['external_item_advantage'] = $.trim(_foreignYoushiObj.val());
+					if(_shangpuTypeObj.val() == '1'){
+						if(_foreignZhuanrangFaceObj.is(':checked')){
+							_data['external_slotting_fee'] = -1;
+						}else{
+							_data['external_slotting_fee'] = $.trim(_foreignZhuanrangPriceObj.val());
+						}
+					}
 				};
 				if(_exclusiveTypeObj.val() == '1') {
 					_data['agent_start_time'] = _exclusiveDate1Obj.val();
@@ -1122,14 +1133,6 @@ define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart'], function
 					});
 				};
 				
-				//				$.each(_acrPhoneArr, function(i, item) {
-				//					_data['phone['+i+']'] = item;
-				//				});
-//				$.each(_landlordPhoneArr, function(i, item) {
-//					_data['landlord_phone['+i+']'] = item;
-//					//_data['landlord_phone['+i+'][name]'] = item.name;
-//					//_data['landlord_phone['+i+'][phone]'] = item.phone;
-//				});
 				_data['landlord_phone'] = _landlordPhoneArr;
 				$.each(_liebiaoPicObj, function(i, item) {
 					_data['cover[' + i + ']'] = item.src.replace(_urlCut, '');