Skip to content

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

新增商铺增加图片上传，附件上传内容

parent f00a8f73
Hide whitespace changes
Inline Side-by-side
Showing with 343 additions and 235 deletions
application/index/view/houses/edit.html
View file @ 4dcd760b
...@@ -193,7 +193,43 @@ ...@@ -193,7 +193,43 @@
#li_dujia_area{ #li_dujia_area{
display: none; display: none;
} }
/*上传图片预览区域*/
.img-pre-ul{
padding-left: 0;
overflow: hidden;
/*width: 100%;*/
}
.img-pre-ul>li{
list-style: no;
float: left;
width: 210px;
height: 170px;
overflow: hidden;
margin-right: 10px;
margin-top: 10px;
}
.img-pre-ul>li.pdf-pre-li{
height: 70px;
}
.img-pre-ul>li>img{
float: left;
width: 210px;
height: 140px;
object-fit: contain;
}
.img-pre-ul>li>a{
float: left;
width: 210px;
text-align: center;
line-height: 30px;
}
.img-pre-ul>li>a.pdf-pre-a{
line-height: 20px;
word-break: break-all;
}
</style> </style>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-0"> <div class="col-lg-10 col-lg-offset-0">
...@@ -227,23 +263,7 @@ ...@@ -227,23 +263,7 @@
</select> </select>
</div> </div>
</li> </li>
<li class="list-group-item" id="li_dujia_area">
<div class="form-group">
<label for="">独家代理有效期</label>
<div class="input-group">
<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" 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" data-alert="请填写独家方！" placeholder="请输入">
<ul></ul>
</div>
</li>
<li class="list-group-item" id="li_acr_phone"> <li class="list-group-item" id="li_acr_phone">
<div class="form-group phone-list-container" style="width: 70px;"> <div class="form-group phone-list-container" style="width: 70px;">
<label for="">案场人电话</label> <label for="">案场人电话</label>
...@@ -279,7 +299,80 @@ ...@@ -279,7 +299,80 @@
</div> </div>
<img src="/resource/image/jia2@2x.png" data-hideid='0' class="input-add-tel" id="acqx_tel_jia" /> <img src="/resource/image/jia2@2x.png" data-hideid='0' class="input-add-tel" id="acqx_tel_jia" />
</li> </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">
<label for="">商铺标签(可多选)</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="临近地铁" name="shangpu_tags[]">临近地铁
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="临街旺铺" name="shangpu_tags[]">临街旺铺
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="无进场费"name="shangpu_tags[]">无进场费
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="办公室配套" name="shangpu_tags[]">办公室配套
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="5A景区游客量大" name="shangpu_tags[]">5A景区游客量大
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="餐饮综合体" name="shangpu_tags[]">餐饮综合体
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="强大案场阵容"name="shangpu_tags[]">强大案场阵容
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="综合市场" name="shangpu_tags[]">综合市场
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="超高佣金" name="shangpu_tags[]">超高佣金
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="居民区十字路口" name="shangpu_tags[]">居民区十字路口
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="写字楼底商"name="shangpu_tags[]">写字楼底商
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="住宅配套" name="shangpu_tags[]">住宅配套
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="沿街一单收佣9.5w" name="shangpu_tags[]">沿街一单收佣9.5w
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="黄兴路1750" name="shangpu_tags[]">黄兴路1750
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="大学门口"name="shangpu_tags[]">大学门口
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="广灵二路" name="shangpu_tags[]">广灵二路
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="40831" name="shangpu_tags[]">40831
</label>
</li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group">
<label for="internalName">房东手机号</label>
<input type="tel" class="form-control" placeholder="请输入" name="landlordPhone" id="landlordPhone" data-alert="请填写房东手机号！">
</div>
<div class="form-group"> <div class="form-group">
<label for="internalName">对内商铺名称</label> <label for="internalName">对内商铺名称</label>
<input type="text" class="form-control" placeholder="请输入" name="internalName" id="internalName" data-alert="请填写对内商铺名称！"> <input type="text" class="form-control" placeholder="请输入" name="internalName" id="internalName" data-alert="请填写对内商铺名称！">
...@@ -288,10 +381,6 @@ ...@@ -288,10 +381,6 @@
<label for="foreignName">对商户显示的商铺名称</label> <label for="foreignName">对商户显示的商铺名称</label>
<input type="text" class="form-control" placeholder="请输入" name="foreignName" id="foreignName" data-alert="请填写对外商铺名称！"> <input type="text" class="form-control" placeholder="请输入" name="foreignName" id="foreignName" data-alert="请填写对外商铺名称！">
</div> </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>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group"> <div class="form-group">
...@@ -431,168 +520,87 @@ ...@@ -431,168 +520,87 @@
</div> </div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group"> <div class="form-group full-width-100 full-pic-area">
<label for="">微楼书</label> <label for="">列表页封面图(1张)</label>
<div class="input-group"> <input readonly="readonly" type="text" name="liebiao_pic_input" class="form-control" style="width: 150px !important;display:none" id="liebiao_pic_input" placeholder="请选择图片">
<input type="text" class="form-control input-360-width" id="weilouLink" placeholder="请填入微楼书网页链接" data-alert="请填写微楼书链接！"> <button class="btn btn-default upload-image-btn" id="liebiao_pic_btn" type="button" data-limittop="1">选择图片</button>
<div class="input-group-addon">如(https://www.fujuhaofang.com)</div> <span class="tip"></span>
</div>
</div> </div>
<ul class="img-pre-ul" id="liebiao_pic_ul"></ul>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group" style="width: 100%;"> <div class="form-group full-width-100 full-pic-area">
<label for="" style="width: 100%;">大讲堂</label> <label for="">详情页轮播图(至少6张)</label>
<div class="input-group" style="width: 100%;" id="dajiangtang"> <input readonly="readonly" type="text" name="xiangqing_pic_input" class="form-control" style="display: none" id="xiangqing_pic_input" placeholder="请选择图片">
<?php <button class="btn btn-default upload-image-btn" id="xiangqing_pic_btn" type="button" data-limittop="20">选择图片</button>
create_editor('describe'); <span class="tip"></span>
?>
</div>
</div> </div>
</li> <ul class="img-pre-ul" id="xiangqing_pic_ul"></ul>
<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">
<label for="">商铺标签(可多选)</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="临近地铁" name="shangpu_tags[]">临近地铁
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="临街旺铺" name="shangpu_tags[]">临街旺铺
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="无进场费"name="shangpu_tags[]">无进场费
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="办公室配套" name="shangpu_tags[]">办公室配套
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="5A景区游客量大" name="shangpu_tags[]">5A景区游客量大
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="餐饮综合体" name="shangpu_tags[]">餐饮综合体
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="强大案场阵容"name="shangpu_tags[]">强大案场阵容
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="综合市场" name="shangpu_tags[]">综合市场
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="超高佣金" name="shangpu_tags[]">超高佣金
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="居民区十字路口" name="shangpu_tags[]">居民区十字路口
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="写字楼底商"name="shangpu_tags[]">写字楼底商
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="住宅配套" name="shangpu_tags[]">住宅配套
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="沿街一单收佣9.5w" name="shangpu_tags[]">沿街一单收佣9.5w
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="黄兴路1750" name="shangpu_tags[]">黄兴路1750
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="大学门口"name="shangpu_tags[]">大学门口
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="广灵二路" name="shangpu_tags[]">广灵二路
</label>
<label class="checkbox-inline">
<input type="checkbox" class="roomTag" id="" value="40831" name="shangpu_tags[]">40831
</label>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group full-width-100 full-pic-area"> <div class="form-group full-width-100 full-pic-area">
<label for="">列表页封面图(1张)</label> <label for="">楼层平面图(选填)</label>
<input readonly="readonly" type="text" name="liebiao_pic_pre" class="form-control" style="width: 150px !important;display: inline-block" id="liebiao_pic_pre" placeholder="请选择图片"> <input readonly="readonly" type="text" name="louceng_pic_input" class="form-control" style="display: none" id="louceng_pic_input" placeholder="请选择图片">
<button class="btn btn-default" id="liebiao_pic_btn" type="button">选择图片</button> <button class="btn btn-default upload-image-btn" id="louceng_pic_btn" type="button" data-limittop="20">选择图片</button>
<span class="tip"></span> <span class="tip"></span>
</div> </div>
<style type="text/css"> <ul class="img-pre-ul" id="louceng_pic_ul"></ul>
.img-pre-ul{
padding-left: 0;
overflow: hidden;
/*width: 100%;*/
}
.img-pre-ul>li{
list-style: no;
float: left;
width: 210px;
height: 170px;
overflow: hidden;
margin-right: 10px;
padding-top: 10px;
}
.img-pre-ul>li>img{
float: left;
width: 210px;
height: 140px;
}
.img-pre-ul>li>a{
float: left;
width: 210px;
height: 30px;
line-height: 30px;
text-align: center;
}
</style>
<ul class="img-pre-ul">
<li>
<img src="http://app.tl_estate.com/resource/lib/Attachments/images/banner/Koala.jpg" />
<a href="javascript:;">删除</a>
</li>
<li>
<img src="http://app.tl_estate.com/resource/lib/Attachments/images/banner/Koala.jpg" />
<a href="javascript:;">删除</a>
</li>
<li>
<img src="http://app.tl_estate.com/resource/lib/Attachments/images/banner/Koala.jpg" />
<a href="javascript:;">删除</a>
</li>
</ul>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group full-width-100 full-pic-area"> <div class="form-group full-width-100 full-pic-area">
<label for="">详情页轮播图(至少6张)</label> <label for="">附件上传(pdf格式，选填，1个)</label>
<input readonly="readonly" type="text" name="xiangqing_pic_pre" class="form-control" style="width: 150px !important;display: inline-block" id="xiangqing_pic_pre" placeholder="请选择图片"> <input readonly="readonly" type="text" name="fujian_pre" class="form-control" style="display: none" id="fujian_pre" placeholder="请选择图片">
<button class="btn btn-default" id="xiangqing_pic_btn" type="button">选择图片</button> <button class="btn btn-default upload-image-btn" id="fujian_btn" type="button" data-limittop="1" data-spfile="pdf">选择文件</button>
<span class="tip"></span> <span class="tip"></span>
</div> </div>
<ul class="img-pre-ul" id="fujian_ul"></ul>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group full-width-100 full-pic-area"> <div class="form-group">
<label for="">楼层平面图(选填)</label> <label for="">微楼书(选填)</label>
<input readonly="readonly" type="text" name="louceng_pic_pre" class="form-control" style="width: 150px !important;display: inline-block" id="louceng_pic_pre" placeholder="请选择图片"> <div class="input-group">
<button class="btn btn-default" id="louceng_pic_btn" type="button">选择图片</button> <input type="text" class="form-control input-360-width" id="weilouLink" placeholder="请填入微楼书网页链接" data-alert="请填写微楼书链接！">
<span class="tip"></span> <div class="input-group-addon">如(https://www.tonglianjituan.com)</div>
</div>
</div> </div>
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<div class="form-group" style="width: 100%;">
<label for="" style="width: 100%;">大讲堂(选填)</label>
<div class="input-group" style="width: 100%;" id="dajiangtang">
<?php
create_editor('describe');
?>
</div>
</div>
</li>
<li class="list-group-item li_dujia_area">
<div class="form-group">
<label for="">独家代理有效期</label>
<div class="input-group">
<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" 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" data-alert="请填写独家方！" placeholder="请输入">
<ul></ul>
</div>
</li>
<li class="list-group-item li_dujia_area">
<div class="form-group full-width-100 full-pic-area"> <div class="form-group full-width-100 full-pic-area">
<label for="">附件上传（PDF格式）</label> <label for="">独家合同上传</label>
<input readonly="readonly" type="text" name="fujian_pre" class="form-control" style="width: 150px !important;display: inline-block" id="fujian_pre" placeholder="请选择图片"> <input readonly="readonly" type="text" name="dujia_pic_input" class="form-control" style="display: none" id="dujia_pic_input" placeholder="请选择图片">
<button class="btn btn-default" id="fujian_btn" type="button">选择图片</button> <button class="btn btn-default upload-image-btn" id="dujia_pic_btn" type="button" data-limittop="20">选择图片</button>
<span class="tip"></span> <span class="tip"></span>
</div> </div>
<ul class="img-pre-ul" id="dujia_pic_ul"></ul>
</li> </li>
<li class="list-group-item"><button type="submit" class="btn btn-default" id="saveBtn">保存</button></li> <li class="list-group-item" style="text-align: center;"><button type="submit" class="btn btn-primary" id="saveBtn">保存</button></li>
</ul> </ul>
</form> </form>
</div> </div>
......
public/resource/js/edit.js
View file @ 4dcd760b
...@@ -5,16 +5,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -5,16 +5,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
user.event (); user.event ();
}, },
event: function () { event: function () {
$("#liebiao_pic_btn").click(function(){
BrowseServer ('liebiao_pic_pre', function(url){
console.log(url);
//$("#sss").attr("src",url);
});
});
var _id = getUrlParam('id'); var _id = getUrlParam('id');
if(_id != null){ if(_id != null){
$.ajax({ $.ajax({
...@@ -54,9 +44,8 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -54,9 +44,8 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
_shangpuTypeObj = $('#shangpuType'),//商铺类型 _shangpuTypeObj = $('#shangpuType'),//商铺类型
_showCdObj = $('#showCd'),//显示给C端用户看 _showCdObj = $('#showCd'),//显示给C端用户看
_exclusiveTypeObj = $('#exclusiveType'),//是否独家 _exclusiveTypeObj = $('#exclusiveType'),//是否独家
_exclusiveDate1Obj = $('#exclusiveDate1'),//独家代理有效期开始时间 _yetaiObj = $('.yetai'),//业态
_exclusiveDate2Obj = $('#exclusiveDate2'),//独家代理有效期结束时间 _roomTagObj = $('.roomTag'),//商铺标签
_exclusiveTelObj = $('#exclusiveTel'),//独家方电话
_internalNameObj = $('#internalName'),//对内商铺名称 _internalNameObj = $('#internalName'),//对内商铺名称
_foreignNameObj = $('#foreignName'),//对外商铺名称 _foreignNameObj = $('#foreignName'),//对外商铺名称
_landlordPhoneObj = $('#landlordPhone'),//房东手机号 _landlordPhoneObj = $('#landlordPhone'),//房东手机号
...@@ -69,7 +58,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -69,7 +58,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
_roomArea1Obj = $('#roomArea1'),//商铺面积起始值 _roomArea1Obj = $('#roomArea1'),//商铺面积起始值
_roomArea2Obj = $('#roomArea2'),//商铺面积结束值 _roomArea2Obj = $('#roomArea2'),//商铺面积结束值
_businessAreaObj = $('#businessArea'),//商业面积 _businessAreaObj = $('#businessArea'),//商业面积
_yetaiObj = $('.yetai'),//业态
_provinceInternalObj = $('#province_internal'),//对内地址省 _provinceInternalObj = $('#province_internal'),//对内地址省
_cityInternalObj = $('#city_internal'),//对内地址市 _cityInternalObj = $('#city_internal'),//对内地址市
_discInternalObj = $('#disc_internal'),//对内地址区 _discInternalObj = $('#disc_internal'),//对内地址区
...@@ -86,27 +74,72 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -86,27 +74,72 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
_kaipanTimeObj = $('#kaipanTime'),//开盘时间 _kaipanTimeObj = $('#kaipanTime'),//开盘时间
_kaiyeTimeObj = $('#kaiyeTime'),//开业时间 _kaiyeTimeObj = $('#kaiyeTime'),//开业时间
_hasGasObj = $('#hasGas'),//是否有燃气 _hasGasObj = $('#hasGas'),//是否有燃气
_weilouLinkObj = $('#weilouLink'),//微楼书
_dajiangtangObj = $('#dajiangtang'),//大讲堂
_yongjinRuleObj = $('#yongjinRule'),//佣金规则 _yongjinRuleObj = $('#yongjinRule'),//佣金规则
_internalYoushiObj = $('#internalYoushi'),//对内项目优势 _internalYoushiObj = $('#internalYoushi'),//对内项目优势
_foreignYoushiObj = $('#foreignYoushi'),//对外项目优势 _foreignYoushiObj = $('#foreignYoushi'),//对外项目优势
_qianyueRuleObj = $('#qianyueRule'),//签约规则 _qianyueRuleObj = $('#qianyueRule'),//签约规则
_roomTagObj = $('.roomTag');//商铺标签 _imgUploadLiebiao = $('#liebiao_pic_ul'),//列表页封面图ul
$ ('#liebiao_pic_btn').click (function () { _imgUploadLunbo = $('#xiangqing_pic_ul'),//详情页轮播图ul
BrowseServer ('liebiao_pic_pre'); _imgUploadLouceng = $('#louceng_pic_ul'),//楼层平面图ul
_pdfUploadFujian = $('#fujian_ul'),//附件ul
_weilouLinkObj = $('#weilouLink'),//微楼书
_dajiangtangObj = $('#dajiangtang'),//大讲堂
_exclusiveDate1Obj = $('#exclusiveDate1'),//独家代理有效期开始时间
_exclusiveDate2Obj = $('#exclusiveDate2'),//独家代理有效期结束时间
_exclusiveTelObj = $('#exclusiveTel');//独家方电话
_imgUploadDujia = $('#dujia_pic_ul'),//独家合同ul
//图片上传，附件上传处理事件
$(".upload-image-btn").click(function(){
var _this = $(this),
_spFile = _this.data('spfile'),
_limitTop = _this.data('limittop'),
_fileNum = _this.parent().next().find('.delet-pic-btn').length;//根据删除按钮的个数，确定文件的个数
function dealFileName(str){
//如果文件超过30的长度，则用*代替
if(str.length > 26){
return str.slice(0,23)+'***'+str.slice(-4);
}else{
return str;
};
};
if(_limitTop && (_fileNum < _limitTop)){
BrowseServer (_this.prev().attr('id'), function(url){
console.log(url);
if(_spFile == 'pdf'){
if(/(\.pdf)$/i.test(url)){
_this.parent().next().prepend('<li class="pdf-pre-li"><a class="pdf-pre-a" href="{0}">{1}</a><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url,
'1': dealFileName(decodeURI(url.slice(url.lastIndexOf('/')+1)))
}));
}else{
alert('所选择的格式不是pdf,请重新选择');
return false;
}
}else{
if(/(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.test(url)){
_this.parent().next().prepend('<li><img src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url
}));
}else{
alert('所选择的格式不正确,请重新选择');
return false;
}
};
});
}else{
alert('上传上限为 '+_limitTop);
return false;
};
});
_doc.on('click','.img-pre-ul>li>a',function(e){
e.preventDefault();
e.stopPropagation();
confirm('确定删除该文件吗？') && $(this).parent().hide();
}); });
/************************************************百度地址定位相关*************************************************************/ /************************************************百度地址定位相关*************************************************************/
//字符串格式化,参数为对象的形式 by xishifeng 2017-07-14
String.prototype.stringFormatObj = function(){
var formatted = this;
for(var i in arguments[0]){
formatted = formatted.replace(new RegExp('\\{'+ i + '\\}','gi'), arguments[0][i]);
};
return formatted;
};
//从baidu-position.js移过来 //从baidu-position.js移过来
var ulHtml = $('#main_ul>ul'), var ulHtml = $('#main_ul>ul'),
loadItem = $("#loading_pic"), loadItem = $("#loading_pic"),
...@@ -362,8 +395,9 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -362,8 +395,9 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
var _ajaxObjTel = null; var _ajaxObjTel = null;
_doc.on('input', '.phone_jia' ,function(){ _doc.on('input', '.phone_jia' ,function(){
var _this = $(this); var _this = $(this),
var _thisVal = $.trim(_this.val()); _thisVal = $.trim(_this.val());
_this.removeAttr('data-id');//移除之前携带的信息
if(_thisVal != ''){ if(_thisVal != ''){
_ajaxObjTel && _ajaxObjTel.abort(); _ajaxObjTel && _ajaxObjTel.abort();
_ajaxObjTel = $.ajax({ _ajaxObjTel = $.ajax({
...@@ -417,18 +451,22 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -417,18 +451,22 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
//是否独家选择变化事件 //是否独家选择变化事件
_exclusiveTypeObj.change(function(){ _exclusiveTypeObj.change(function(){
if($(this).val() == '1'){ if($(this).val() == '1'){
$('#li_dujia_area').slideDown().css('display','block'); $('.li_dujia_area').css('display','block');
}else{ }else{
$('#li_dujia_area').slideUp(); $('.li_dujia_area').hide();
} }
}); });
//商铺类型选择变化事件 //商铺类型选择变化事件
_shangpuTypeObj.change(function(){ _shangpuTypeObj.change(function(){
if($(this).val() == '1'){ if($(this).val() == '1'){
//街铺
_jinchangPriceObj.parent().prev().html('转让费'); _jinchangPriceObj.parent().prev().html('转让费');
$('.shangchang-show-part').hide(); $('.shangchang-show-part').hide();
$.trim(_roomAllNumObj.val()) == '' && _roomAllNumObj.val(1);
$.trim(_roomShengyuNumObj.val()) == '' && _roomShengyuNumObj.val(1);
}else{ }else{
//商场
_jinchangPriceObj.parent().prev().html('进场费'); _jinchangPriceObj.parent().prev().html('进场费');
$('.shangchang-show-part').show(); $('.shangchang-show-part').show();
}; };
...@@ -483,18 +521,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -483,18 +521,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
return false; return false;
}; };
//如果选择了独家，验证独家代理有效期，独家方是否填写
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 = []; var _acrPhoneArr = [];
$.each($('#li_acr_phone input'), function(i,item) { $.each($('#li_acr_phone input'), function(i,item) {
...@@ -505,7 +531,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -505,7 +531,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
}); });
console.log(_acrPhoneArr); console.log(_acrPhoneArr);
if(_acrPhoneArr.length<1){ if(_acrPhoneArr.length<1){
alert('案场人电话至少需要填写一个!'); alert('案场人电话至少需要选择一个!');
return false; return false;
}; };
...@@ -518,7 +544,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -518,7 +544,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
}; };
}); });
if(_pfPhoneArr.length<1){ if(_pfPhoneArr.length<1){
alert('盘方至少需要填写一个!'); alert('盘方至少需要选择一个!');
return false; return false;
}; };
...@@ -531,15 +557,41 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -531,15 +557,41 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
}; };
}); });
if(_acqxPhoneArr.length<1){ if(_acqxPhoneArr.length<1){
alert('盘方至少需要填写一个!'); 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; return false;
}; };
var _landlordPhoneVal = $.trim(_landlordPhoneObj.val());
if(_landlordPhoneVal == ''){
alert('请输入房东手机号码');
}else if(!/^[1][0-9]{10}$/.test(_landlordPhoneVal)){
alert('输入的房东手机号格式有误');
}
//多个input输入框验证 //多个input输入框验证
$.each([ $.each([
_internalNameObj,//对内商铺名称 _internalNameObj,//对内商铺名称
_foreignNameObj,//对外商铺名称 _foreignNameObj,//对外商铺名称
_landlordPhoneObj,//房东手机号
_moonPriceObj,//月租均价 _moonPriceObj,//月租均价
_wuyePriceObj,//物业管理费 _wuyePriceObj,//物业管理费
_jinchangPriceObj,//进场费 _jinchangPriceObj,//进场费
...@@ -560,11 +612,25 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -560,11 +612,25 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
_yongjinRuleObj,//佣金规则 _yongjinRuleObj,//佣金规则
_internalYoushiObj,//对内项目优势 _internalYoushiObj,//对内项目优势
_foreignYoushiObj,//对外项目优势 _foreignYoushiObj,//对外项目优势
_qianyueRuleObj,//签约规则 _qianyueRuleObj//签约规则
_weilouLinkObj//微楼书 //_weilouLinkObj//微楼书不是必填项,
], function(i,item) { ], function(i,item) {
if((item === _foreignNameObj || item === _addressExternalObj || item === _foreignYoushiObj) && (_showCdObj.val() == '1')){ if((item === _foreignNameObj || item === _addressExternalObj || item === _foreignYoushiObj) && (_showCdObj.val() == '1')){
console.log('vvff'); console.log('不显示给商户C端看的时候，对外名称，对外地址，对外项目优势 不需要填写');
}else if(item === _roomArea2Obj){
if(_shangpuTypeObj.val() == '0'){
if(_roomArea2Obj.val() == ''){
alert(item.data('alert'));
_isBreakFlag = true;
return false;
}else if(Number(_roomArea1Obj.val()) > Number(_roomArea2Obj.val())){
alert('商铺面积范围下限不能大于上限');
_isBreakFlag = true;
return false;
};
}else{
console.log('所选为街铺时，商铺面积上限值不需要验证');
}
}else{ }else{
if($.trim(item.val()) == ''){ if($.trim(item.val()) == ''){
alert(item.data('alert')); alert(item.data('alert'));
...@@ -577,31 +643,47 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -577,31 +643,47 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
return false; return false;
}; };
//大讲堂验证 //列表页封面图验证是否上传
var _dajiangtangVal = _dajiangtangObj.find('iframe').contents().find('body').html(); var _liebiaoPicObj = _imgUploadLiebiao.find('li>img');
if(_dajiangtangVal == '' || _dajiangtangVal == '<p><br></p>' || _dajiangtangVal == '<p><br /></p>' || _dajiangtangVal == '<p></p>'){ if(_liebiaoPicObj.length < 1){
alert('请填写大讲堂内容！'); alert('列表页封面图需要上传');
return false; return false;
}; };
//详情页轮播图验证是否上传
//业态验证 var _xiangqingPicObj = _imgUploadLunbo.find('li>img');
var _yetaiArr = []; if(_xiangqingPicObj.length < 6){
$.each($('.yetai'), function(i, item) { alert('详情页轮播图至少需要6张');
item.checked && _yetaiArr.push(item.value);
});
if(_yetaiArr.length<1){
alert('业态至少需要填写一个!');
return false; return false;
}; };
var _loucengPicObj = _imgUploadLouceng.find('li>img');
var _fujianObj = _pdfUploadFujian.find('li>a.pdf-pre-a');//附件看的是删除按钮的个数
var _dujiaPicObj = _imgUploadDujia.find('li>img');
//商铺标签验证 //大讲堂验证
var _roomTagArr = []; var _dajiangtangVal = _dajiangtangObj.find('iframe').contents().find('body').html();
$.each($('.roomTag'), function(i, item) { //大讲堂不是必填项
item.checked && _roomTagArr.push(item.value); // if(_dajiangtangVal == '' || _dajiangtangVal == '<p><br></p>' || _dajiangtangVal == '<p><br /></p>' || _dajiangtangVal == '<p></p>'){
}); // alert('请填写大讲堂内容！');
if(_roomTagArr.length<1){ // return false;
alert('商铺标签至少需要填写一个!'); // };
return false;
//如果选择了独家，验证独家代理有效期，独家方是否填写,独家合同是否上传
if(_exclusiveTypeObj.val() == '1'){
if(_exclusiveDate1Obj.val() == '' || _exclusiveDate2Obj.val() == ''){
alert('请填写独家代理有效期！');
return false;
}else if((new Date(_exclusiveDate1Obj.val()).getTime()) > (new Date(_exclusiveDate2Obj.val()).getTime())){
alert('独家代理有效期开始时间不能大于结束时间！');
return false;
}
if(_exclusiveTelObj.attr('data-id') == undefined || _exclusiveTelObj.attr('data-id') == null){
alert('请填写独家方!');
return false;
};
if(_dujiaPicObj.length < 1){
alert('独家合同需要上传');
return false;
};
}; };
var _data = { var _data = {
...@@ -611,7 +693,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -611,7 +693,7 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], 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()),
'landlord_phone': $.trim(_landlordPhoneObj.val()), 'landlord_phone': _landlordPhoneVal,
'rent_type': _zujinTypeObj.val(), 'rent_type': _zujinTypeObj.val(),
'rent_price': _moonPriceObj.val(), 'rent_price': _moonPriceObj.val(),
'management_fee': _wuyePriceObj.val(), 'management_fee': _wuyePriceObj.val(),
...@@ -619,7 +701,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -619,7 +701,6 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
'residue_num': _roomShengyuNumObj.val(), 'residue_num': _roomShengyuNumObj.val(),
'total': _roomAllNumObj.val(), 'total': _roomAllNumObj.val(),
'shop_area_start': _roomArea1Obj.val(), 'shop_area_start': _roomArea1Obj.val(),
'shop_area_end': _roomArea2Obj.val(),
'market_area': _businessAreaObj.val(), 'market_area': _businessAreaObj.val(),
'province_code': _provinceInternalObj.val(), 'province_code': _provinceInternalObj.val(),
'city_code': _cityInternalObj.val(), 'city_code': _cityInternalObj.val(),
...@@ -638,8 +719,11 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -638,8 +719,11 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
'singn_rule': $.trim(_qianyueRuleObj.val()), 'singn_rule': $.trim(_qianyueRuleObj.val()),
'tiny_brochure_url': $.trim(_weilouLinkObj.val()), 'tiny_brochure_url': $.trim(_weilouLinkObj.val()),
'auditorium': _dajiangtangVal, 'auditorium': _dajiangtangVal,
'industry_type': '餐饮美食,百货零售', 'industry_type': _yetaiArr.join(','),
'shop_sign': '临近地铁,临街旺铺,无进场费' 'shop_sign': _roomTagArr.join(',')
};
if(_shangpuTypeObj.val() == '0'){
_data['shop_area_end'] = _roomArea2Obj.val();
}; };
if(_showCdObj.val() == '0'){ if(_showCdObj.val() == '0'){
_data['external_title'] = $.trim(_foreignNameObj.val()); _data['external_title'] = $.trim(_foreignNameObj.val());
...@@ -651,9 +735,25 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () { ...@@ -651,9 +735,25 @@ define (['ckfinder','ckfinderStart', 'bootstrapJs'], function () {
_data['agent_end_time'] = _exclusiveDate2Obj.val(); _data['agent_end_time'] = _exclusiveDate2Obj.val();
_data['exclusive_ids'] = _exclusiveTelObj.attr('data-id'); _data['exclusive_ids'] = _exclusiveTelObj.attr('data-id');
}; };
var _urlCut = location.origin + '/resource/lib/Attachments/';//要截取的部分url
$.each(_acrPhoneArr, function(i, item) { $.each(_acrPhoneArr, function(i, item) {
_data['phone['+i+']'] = item; _data['phone['+i+']'] = item;
}); });
$.each(_liebiaoPicObj, function(i, item) {
_data['cover['+i+']'] = item.src.replace(_urlCut ,'');
});
$.each(_xiangqingPicObj, function(i, item) {
_data['slide_show['+i+']'] = item.src.replace(_urlCut ,'');
});
$.each(_loucengPicObj, function(i, item) {
_data['plan['+i+']'] = item.src.replace(_urlCut ,'');
});
$.each(_dujiaPicObj, function(i, item) {
_data['exclusive_img['+i+']'] = item.src.replace(_urlCut ,'');
});
if(_fujianObj.length === 1){
_data['file_path'] = _fujianObj[0].href.replace(_urlCut ,'');//附件取得是herf值
};
$.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