Skip to content

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

商铺编辑，查看商铺修改

parent 73801360
Show whitespace changes
Inline Side-by-side
Showing with 155 additions and 79 deletions
application/app_broker/view/index/shop_detail_pc.html
View file @ 9cacb7ea
......@@ -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
View file @ 9cacb7ea
......@@ -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
View file @ 9cacb7ea
......@@ -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
View file @ 9cacb7ea
......@@ -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, '');
......
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