Skip to content

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

新增商铺提交处理

parent e4b14e7b
Hide whitespace changes
Inline Side-by-side
Showing with 238 additions and 107 deletions
application/index/view/houses/edit.html
View file @ 00d1c43c
......@@ -191,7 +191,7 @@
}
/**/
#li_dujia_area{
/*display: none;*/
display: none;
}
</style>
<div class="container">
......@@ -220,8 +220,8 @@
<div class="form-group">
<label for="exclusiveType">是否独家</label>
<select class="form-control" name="exclusiveType" id="exclusiveType">
<option value="1">是</option>
<option value="0">否</option>
<option value="1">是</option>
</select>
</div>
</li>
......@@ -229,20 +229,20 @@
<div class="form-group">
<label for="">独家代理有效期</label>
<div class="input-group">
<input type="date" class="form-control" id="exclusiveDate1" placeholder="请输入">
<input type="date" class="form-control" id="exclusiveDate1" data-alert="请填写独家代理有效期开始时间！" placeholder="请输入">
<div class="input-group-addon">至</div>
<input type="date" class="form-control" id="exclusiveDate2" placeholder="请输入">
<input type="date" class="form-control" id="exclusiveDate2" data-alert="请填写独家代理有效期结束时间！" placeholder="请输入">
</div>
</div>
<div class="form-group phone-list-container" style="width: 45px;margin-right: 0;">
<label for="">独家方</label>
</div>
<div class="form-group phone-list-container">
<input type="tel" class="form-control phone_jia" id="exclusiveTel" placeholder="请输入">
<input type="tel" class="form-control phone_jia" id="exclusiveTel" data-alert="请填写独家方！" placeholder="请输入">
<ul></ul>
</div>
</li>
<li class="list-group-item">
<li class="list-group-item" id="li_acr_phone">
<div class="form-group phone-list-container" style="width: 70px;">
<label for="">案场人电话</label>
</div>
......@@ -257,7 +257,7 @@
</div>-->
<img src="/resource/image/jia2@2x.png" data-hideid='1' class="input-add-tel" id="acr_tel_jia" />
</li>
<li class="list-group-item">
<li class="list-group-item" id="li_pf_phone">
<div class="form-group phone-list-container" style="width: 70px;">
<label for="">盘方</label>
</div>
......@@ -267,7 +267,7 @@
</div>
<img src="/resource/image/jia2@2x.png" data-hideid='0' class="input-add-tel" id="pf_tel_jia" />
</li>
<li class="list-group-item">
<li class="list-group-item" id="li_acqx_phone">
<div class="form-group phone-list-container" style="width: 70px;">
<label for="">案场权限人</label>
</div>
......@@ -280,11 +280,15 @@
<li class="list-group-item">
<div class="form-group">
<label for="internalName">对内商铺名称</label>
<input type="text" class="form-control" placeholder="请输入" name="internalName" id="internalName">
<input type="text" class="form-control" placeholder="请输入" name="internalName" id="internalName" data-alert="请填写对内商铺名称！">
</div>
<div class="form-group">
<label for="foreignName">对外商铺名称</label>
<input type="text" class="form-control" placeholder="请输入" name="foreignName" id="foreignName">
<input type="text" class="form-control" placeholder="请输入" name="foreignName" id="foreignName" data-alert="请填写对外商铺名称！">
</div>
<div class="form-group">
<label for="internalName">房东手机号</label>
<input type="tel" class="form-control" placeholder="请输入" name="landlordPhone" id="landlordPhone" data-alert="请填写房东手机号！">
</div>
</li>
<li class="list-group-item">
......@@ -299,21 +303,21 @@
<div class="form-group">
<label class="" for="price">月租均价</label>
<div class="input-group">
<input type="number" class="form-control input-100-width" name="moonPrice" id="moonPrice" placeholder="请输入">
<input type="number" class="form-control input-100-width" name="moonPrice" id="moonPrice" placeholder="请输入" data-alert="请填写月租均价！">
<div class="input-group-addon">元/月</div>
</div>
</div>
<div class="form-group">
<label for="management_fee">物业管理费</label>
<div class="input-group">
<input type="number" class="form-control input-100-width" name="wuyePrice" id="wuyePrice" placeholder="请输入">
<input type="number" class="form-control input-100-width" name="wuyePrice" id="wuyePrice" placeholder="请输入" data-alert="请填写物业管理费！">
<div class="input-group-addon">元/月</div>
</div>
</div>
<div class="form-group">
<label for="">进场费</label>
<div class="input-group">
<input type="number" class="form-control input-100-width" id="jinchangPrice" placeholder="请输入">
<input type="number" class="form-control input-100-width" id="jinchangPrice" placeholder="请输入" data-alert="请填写进场费！">
<div class="input-group-addon">元/月</div>
</div>
</div>
......@@ -321,61 +325,47 @@
<li class="list-group-item">
<div class="form-group">
<label for="">剩余铺数</label>
<input type="number" class="form-control input-100-width" id="roomShengyuNum" placeholder="请输入">
<input type="number" class="form-control input-100-width" id="roomShengyuNum" placeholder="请输入" data-alert="请填写剩余铺数！">
</div>
<div class="form-group">
<label for="">总铺数</label>
<input type="number" class="form-control input-100-width" id="roomAllNum" placeholder="请输入">
<input type="number" class="form-control input-100-width" id="roomAllNum" placeholder="请输入" data-alert="请填写总铺数！">
</div>
<div class="form-group">
<label for="">商铺面积</label>
<div class="input-group">
<input type="number" class="form-control input-100-width" id="roomArea1" placeholder="请输入">
<input type="number" class="form-control input-100-width" id="roomArea1" placeholder="请输入" data-alert="请填写商铺面积！">
<div class="input-group-addon">至</div>
<input type="number" class="form-control input-100-width" id="roomArea2" placeholder="请输入">
<input type="number" class="form-control input-100-width" id="roomArea2" placeholder="请输入" data-alert="请填写商铺面积！">
<div class="input-group-addon">m²</div>
</div>
</div>
<div class="form-group">
<label for="">商业面积</label>
<div class="input-group">
<input type="number" class="form-control input-100-width" id="businessArea" placeholder="请输入">
<input type="number" class="form-control input-100-width" id="businessArea" placeholder="请输入" data-alert="请填写商业面积！">
<div class="input-group-addon">m²</div>
</div>
</div>
</li>
<li class="list-group-item">
<label for="">业态(可多选)</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="餐饮美食">餐饮美食
</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="百货零售">百货零售
</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="休闲娱乐">休闲娱乐
</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="其他">其他
</label>
</li>
<li class="list-group-item">
<div class="form-group">
<label for="">对内地址</label>
<select class="form-control" id="province_internal" name="province_internal"></select>
<select class="form-control" id="city_internal" name="city_internal"></select>
<select class="form-control" id="disc_internal" name="disc_internal"></select>
<input type="text" class="form-control" id="address_internal" placeholder="请输入详细地址">
<input type="text" class="form-control" id="address_internal" placeholder="请输入详细地址" data-alert="请填写对内详细地址！">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg" id="position_btn">定位</button>
</div>
<div class="form-group">
<label for="longitude">经度</label>
<input type="text" class="form-control input-100-width" readonly="readonly" id="longitude" name="longitude">
<input type="text" class="form-control input-100-width" readonly="readonly" id="longitude" name="longitude" data-alert="请通过地址定位获取经纬度！">
</div>
<div class="form-group">
<label for="">纬度</label>
<input type="text" class="form-control input-100-width" readonly="readonly" id="latitude" name="latitude">
<input type="text" class="form-control input-100-width" readonly="readonly" id="latitude" name="latitude" data-alert="请通过地址定位获取经纬度！">
</div>
</li>
<li class="list-group-item">
......@@ -384,31 +374,31 @@
<input type="text" class="form-control input-100-width" title="与对内地址一致，请通过修改对内地址，来改变此值" readonly="readonly" id="province_external" value="上海" />
<input type="text" class="form-control input-100-width" title="与对内地址一致，请通过修改对内地址，来改变此值" readonly="readonly" id="city_external" value="上海" />
<input type="text" class="form-control input-100-width" title="与对内地址一致，请通过修改对内地址，来改变此值" readonly="readonly" id="disc_external" value="黄浦" />
<input type="text" class="form-control" id="address_external" placeholder="请输入详细地址">
<input type="text" class="form-control" id="address_external" placeholder="请输入详细地址" data-alert="请填写对外详细地址！">
</div>
</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="traffic"></textarea>
<textarea class="form-control textarea-500-width" rows="3" id="traffic" data-alert="请填写交通内容！"></textarea>
</div>
<div class="form-group full-width-100">
<label for="">已入住</label>
<textarea class="form-control textarea-500-width" rows="3" id="hasMoved"></textarea>
<textarea class="form-control textarea-500-width" rows="3" id="hasMoved" data-alert="请填写已入住内容！"></textarea>
</div>
</li>
<li class="list-group-item">
<div class="form-group">
<label for="">营业时间</label>
<input type="text" class="form-control" id="yingyeTime">
<input type="text" class="form-control" id="yingyeTime" data-alert="请填写营业时间！">
</div>
<div class="form-group">
<label for="">开盘时间</label>
<input type="date" class="form-control" id="kaipanTime">
<input type="date" class="form-control" id="kaipanTime" data-alert="请开盘开盘时间！">
</div>
<div class="form-group">
<label for="">开业时间</label>
<input type="date" class="form-control" id="kaiyeTime">
<input type="date" class="form-control" id="kaiyeTime" data-alert="请填写开业时间！">
</div>
<div class="form-group">
<label for="">是否有燃气</label>
......@@ -418,11 +408,30 @@
</select>
</div>
</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="yongjinRule" data-alert="请填写佣金规则！"></textarea>
</div>
<div class="form-group full-width-100">
<label for="">对内项目优势</label>
<textarea class="form-control textarea-500-width" rows="3" id="internalYoushi" data-alert="请填写对内项目优势！"></textarea>
</div>
<div class="form-group full-width-100">
<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">
<label for="">签约规则</label>
<textarea class="form-control textarea-500-width" rows="3" id="qianyueRule" data-alert="请填写签约规则！"></textarea>
</div>
</li>
<li class="list-group-item">
<div class="form-group">
<label for="">微楼书</label>
<div class="input-group">
<input type="text" class="form-control input-360-width" id="weilouLink" placeholder="请填入微楼书网页链接">
<input type="text" class="form-control input-360-width" id="weilouLink" placeholder="请填入微楼书网页链接" data-alert="请填写微楼书链接！">
<div class="input-group-addon">如(https://www.fujuhaofang.com)</div>
</div>
</div>
......@@ -438,22 +447,19 @@
</div>
</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="yongjinRule"></textarea>
</div>
<div class="form-group full-width-100">
<label for="">对内项目优势</label>
<textarea class="form-control textarea-500-width" rows="3" id="internalYoushi"></textarea>
</div>
<div class="form-group full-width-100">
<label for="">对外项目优势</label>
<textarea class="form-control textarea-500-width" rows="3" id="foreignYoushi"></textarea>
</div>
<div class="form-group full-width-100">
<label for="">签约规则</label>
<textarea class="form-control textarea-500-width" rows="3" id="qianyueRule"></textarea>
</div>
<label for="">业态(可多选)</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="餐饮美食">餐饮美食
</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="百货零售">百货零售
</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="休闲娱乐">休闲娱乐
</label>
<label class="checkbox-inline">
<input type="checkbox" class="yetai" id="" value="其他">其他
</label>
</li>
<li class="list-group-item">
<label for="">商铺标签(可多选)</label>
......
public/resource/js/edit.js
View file @ 00d1c43c
......@@ -14,6 +14,7 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
_exclusiveTelObj = $('#exclusiveTel'),//独家方电话
_internalNameObj = $('#internalName'),//对内商铺名称
_foreignNameObj = $('#foreignName'),//对外商铺名称
_landlordPhoneObj = $('#landlordPhone'),//房东手机号
_zujinTypeObj = $('#zujinType'),//租金模式
_moonPriceObj = $('#moonPrice'),//月租均价
_wuyePriceObj = $('#wuyePrice'),//物业管理费
......@@ -197,6 +198,7 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
};
};
//对内地址省市区映射到对外地址
function mapInput(){
getText(_provinceInternalObj, function(_text){
_provinceExternalObj.val(_text);
......@@ -246,7 +248,7 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
});
});
_obj['dom'].next().html(_htmlTemp);
_obj['getType'] == 'disc' && mapInput();
_obj['getType'] == 'disc' && mapInput();//对内地址省市区映射到对外地址
fn && fn();
}else {
alert(data['msg']);
......@@ -289,7 +291,7 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
});
});
_discInternalObj.change(function(){
mapInput();
mapInput();//对内地址省市区映射到对外地址
});
/***************************************************省市区选择处理结束************************************************************/
......@@ -309,7 +311,7 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
_doc.on('click', '.phone-list-container>ul>li', function(){
var _this = $(this);
_this.parent().prev().val(_this.html());
_this.parent().prev().val(_this.html()).attr('data-id',_this.attr('data-id'));
_this.parent().html('');
});
......@@ -335,10 +337,11 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
if(data['data'].length > 0){
var _htmlTemp = '';
$.each(data['data'], function(i, item) {
_htmlTemp += '<li>{2}{0}-{1}<li>'.stringFormatObj({
_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']+'-')
'2': _this.parent().nextAll('.input-add-tel').data('hideid')?'':(item['id']+'-'),
'3': item['id']
});
});
_this.next().html(_htmlTemp);
......@@ -368,7 +371,7 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
_exclusiveTypeObj.change(function(){
if($(this).val() == '1'){
$('#li_dujia_area').slideDown();
$('#li_dujia_area').slideDown().css('display','block');
}else{
$('#li_dujia_area').slideUp();
}
......@@ -377,50 +380,172 @@ define (['css!style/home.css','ckfinder','ckfinderStart', 'bootstrapJs'], functi
$('#saveBtn').click(function(e){
e.preventDefault();
e.stopPropagation();
console.log('save');
// var _data = {
// 'internal_title': $.trim($('#internal_name').val())
// };
//独家里的选项验证
if(_exclusiveTypeObj.val() == '1'){
if(_exclusiveDate1Obj.val() == '' || _exclusiveDate2Obj.val() == ''){
alert('请填写独家代理有效期！');
return false;
};
if(_exclusiveTelObj.attr('data-id') == undefined || _exclusiveTelObj.attr('data-id') == null){
alert('请填写独家方!');
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) {
var _id = item.getAttribute('data-id');
if(_id !== undefined && _id !== null){
_pfPhoneArr.push(_id);
};
});
if(_pfPhoneArr.length<1){
alert('盘方至少需要填写一个!');
return false;
};
//案场权限人
var _acqxPhoneArr = [];
$.each($('#li_acqx_phone input'), function(i,item) {
var _id = item.getAttribute('data-id');
if(_id !== undefined && _id !== null){
_acqxPhoneArr.push(_id);
};
});
if(_acqxPhoneArr.length<1){
alert('盘方至少需要填写一个!');
return false;
};
//多个input输入框验证
var _isBreakFlag = false;
$.each([
_internalNameObj,//对内商铺名称
_foreignNameObj,//对外商铺名称
_landlordPhoneObj,//房东手机号
_moonPriceObj,//月租均价
_wuyePriceObj,//物业管理费
_jinchangPriceObj,//进场费
_roomShengyuNumObj,//剩余铺数
_roomAllNumObj,//总铺数
_roomArea1Obj,//商铺面积起始值
_roomArea2Obj,//商铺面积结束值
_businessAreaObj,//商业面积
_addressInternalObj,//对内地址详细地址
_longitudeObj,//经度
_latitudeObj,//纬度
_addressExternalObj,//对外地址详细地址
_trafficObj,//交通
_hasMovedObj,//已入住
_yingyeTimeObj,//营业时间
_kaipanTimeObj,//开盘时间
_kaiyeTimeObj,//开业时间
_yongjinRuleObj,//佣金规则
_internalYoushiObj,//对内项目优势
_foreignYoushiObj,//对外项目优势
_qianyueRuleObj,//签约规则
_weilouLinkObj//微楼书
], function(i,item) {
if($.trim(item.val()) == ''){
alert(item.data('alert'));
_isBreakFlag = true;
return false;
};
});
if(_isBreakFlag){
return false;
};
//大讲堂验证
var _dajiangtangVal = _dajiangtangObj.find('iframe').contents().find('body').html();
if(_dajiangtangVal == '' || _dajiangtangVal == '<p><br></p>' || _dajiangtangVal == '<p><br /></p>' || _dajiangtangVal == '<p></p>'){
alert('请填写大讲堂内容！');
return false;
};
//业态验证
var _yetaiArr = [];
$.each($('.yetai'), function(i, item) {
item.checked && _yetaiArr.push(item.value);
});
if(_yetaiArr.length<1){
alert('业态至少需要填写一个!');
return false;
};
//商铺标签验证
var _roomTagArr = [];
$.each($('.roomTag'), function(i, item) {
item.checked && _roomTagArr.push(item.value);
});
if(_roomTagArr.length<1){
alert('商铺标签至少需要填写一个!');
return false;
};
var _data = {
'shop_type': 0,
'is_show': 0,
'phone': ['张三-18812345678','李四-18812345678'],
'agent_dish': ['1-张三-18812345678','2-李四-18812345678'],
'agent_data': ['1-张三-18812345678','2-李四-18812345678'],
'internal_title': '对内名称',
'external_title': '对外名称',
'rent_type': 1,
'rent_price': 500,
'slotting_fee': 499,
'residue_num': 0,
'total': 5,
'shop_area_start': 20,
'shop_area_end': 30,
'market_area': 100,
'industry_type': '',
'province': '上海',
'city': '上海',
'disc': '黄浦',
'external_address': '某某街道对内',
'longitude': 121.312255,
'latitude': 30.737202,
'external_address': '某某街对外',
'traffic': '交通内容',
'enter_num': '已入住内容',
'do_business_date': '营业时间文本',
'start_business_date': '2017-10-12',
'is_has_gas': 0,
'tiny_brochure_url': 'http://www.dd',
'auditorium': '<p>大讲堂内容</p>',
'fee_rule': '佣金规则',
'internal_item_advantage': '项目优势对内',
'external_item_advantage': '项目优势对外',
'singn_rule': '签约规则'
'shop_type': _shangpuTypeObj.val(),
'is_show': _showCdObj.val(),
'is_exclusive_type': _exclusiveTypeObj.val(),
//'phone': _acrPhoneArr,
'agent_dish': _pfPhoneArr.join(','),
'agent_data': _acqxPhoneArr.join(','),
'internal_title': $.trim(_internalNameObj.val()),
'external_title': $.trim(_foreignNameObj.val()),
'landlord_phone': $.trim(_landlordPhoneObj.val()),
'rent_type': _zujinTypeObj.val(),
'rent_price': _moonPriceObj.val(),
'management_fee': _wuyePriceObj.val(),
'slotting_fee': _jinchangPriceObj.val(),
'residue_num': _roomShengyuNumObj.val(),
'total': _roomAllNumObj.val(),
'shop_area_start': _roomArea1Obj.val(),
'shop_area_end': _roomArea2Obj.val(),
'market_area': _businessAreaObj.val(),
'province_code': _provinceInternalObj.val(),
'city_code': _cityInternalObj.val(),
'disc_code': _discInternalObj.val(),
'external_address': $.trim(_addressInternalObj.val()),
'longitude': _longitudeObj.val(),
'latitude': _latitudeObj.val(),
'external_address': $.trim(_addressExternalObj.val()),
'traffic': $.trim(_trafficObj.val()),
'enter_num': $.trim(_hasMovedObj.val()),
'do_business_date': $.trim(_yingyeTimeObj.val()),
'opening_date': _kaipanTimeObj.val(),
'start_business_date': _kaiyeTimeObj.val(),
'is_has_gas': _hasGasObj.val(),
'fee_rule': $.trim(_yongjinRuleObj.val()),
'internal_item_advantage': $.trim(_internalYoushiObj.val()),
'external_item_advantage': $.trim(_foreignYoushiObj.val()),
'singn_rule': $.trim(_qianyueRuleObj.val()),
'tiny_brochure_url': $.trim(_weilouLinkObj.val()),
'auditorium': _dajiangtangVal,
'industry_type': '餐饮美食,百货零售',
'shop_sign': '临近地铁,临街旺铺,无进场费'
};
if(_exclusiveTypeObj.val() == '1'){
_data['agent_start_time'] = _exclusiveDate1Obj.val();
_data['agent_end_time'] = _exclusiveDate2Obj.val();
};
$.each(_acrPhoneArr, function(i, item) {
_data['phone['+i+']'] = item;
});
$.ajax({
type: 'POST',
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