Skip to content

T
tl_estate
Commit b844acea authored by xishifeng's avatar xishifeng Committed by hujun
Browse files
Options

新增商铺暂存

parent 2ecfaa86
Show whitespace changes
Inline Side-by-side
Showing with 0 additions and 722 deletions
application/index/view/houses/edit.html deleted 100644 → 0
View file @ 2ecfaa86
{layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="edit" />
<!--不会有异步加载时，样式错乱的问题-->
<style type="text/css">
.form-group {
margin: 10px;
}
.input-100-width {
width: 100px!important;
}
.input-360-width {
width: 360px!important;
}
.textarea-500-width {
width: 500px!important;
}
.list-group-item>.full-width-100+.full-width-100 {
padding-top: 10px;
}
.list-group-item>.full-width-100>label {
width: 60px;
}
.list-group-item>.full-pic-area>label {
width: 120px;
}
.input-add-tel {
margin-top: 16px;
height: 20px;
}
.phone-list-container {
overflow: hidden;
width: 196px;
vertical-align: top!important;
position: relative;
}
.phone-list-container>label {
line-height: 30px;
}
.phone-list-container>input {
float: left;
}
.phone-list-container>ul {
width: 196px;
list-style: none;
padding-left: 0;
float: right;
border: 1px solid #ccc;
border-top: none;
background-color: white;
}
.phone-list-container>ul>li:hover {
background-color: #e0e0e0;
}
.phone-list-container>img {
position: absolute;
right: 5px;
top: 7px;
width: 20px;
}
.address-relate{
cursor: pointer;
}
.address-search-head-div{
height: 88px;
overflow: hidden;
padding-left: 12%;
}
/*获取百度经纬度样式*/
/*********************************************************百度定位页面iframe引入*************************************/
#position_box {
height: 750px;
background-color: #f0f0f0;
overflow: scroll;
position: relative;
}
div.address-header-bar {
overflow: hidden;
float: left;
}
#address_city_title {
float: left;
width: 150px;
line-height: 60px;
font-size: 30px;
color: #333;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: none;
}
.crile {
float: left;
width: 570px;
overflow: hidden;
position: relative;
}
.crile>input {
line-height: 60px;
box-sizing: border-box;
padding: 0;
border-width: 1px;
width: 100%;
display: block;
border-radius: 30px;
background: #f5f5f5 url('/resource/image/search_ic.png') no-repeat 30px center;
background-size: 28px;
text-indent: 60px;
font-size: 28px;
outline: none;
}
.crile>input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
img.cancel-pic {
width: 28px;
height: 28px;
position: absolute;
right: 0;
top: 0;
box-sizing: content-box;
padding: 15px;
}
#main_ul {
padding: 0 30px;
background-color: white;
font-size: 30px;
}
#main_ul>ul {
padding-left: 0;
}
#main_ul>ul>li {
cursor: pointer;
list-style: none;
}
#main_ul>ul>li+li {
border-top: 1px solid #e0e0e0;
}
#main_ul>ul>li>p:nth-of-type(1) {
color: #333;
padding: 20px 0 10px;
margin: 0;
}
#main_ul>ul>li>p:nth-of-type(2) {
color: #999;
padding-bottom: 20px;
margin: 0;
}
.loading_pic {
font-size: 20px;
text-align: center;
width: 100%;
position: absolute;
top: 150px;
display: none;
}
.loading_pic>img {
width: 120px;
display: block;
margin: 0 auto;
}
.loading_pic>p {
font-size: 20px;
color: #333;
text-align: center;
margin-top: 10px;
color: rgb(51, 51, 51);
}
.no_more {
font-size: 30px;
height: 50px;
line-height: 50px;
text-align: center;
display: none;
}
/**/
#li_dujia_area {
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;
cursor: pointer;
}
.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;
}
/*图片点击放大预览区域的样式*/
#img_mask_area {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1001;
background-color: rgba(0, 0, 0, .3);
display: none;
}
#img_mask_area>img {
width: 900px;
height: 700px;
object-fit: contain;
position: absolute;
left: 50%;
top: 50%;
margin-left: -450px;
margin-top: -350px;
}
/*整个页面加载图标区域*/
#main_loading_pic{
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
overflow: hidden;
display: none;
}
#main_loading_pic>img{
float: left;
width: 100%;
height: 100%;
}
</style>
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-0">
<div class="panel panel-default">
<div class="panel-heading">新增商铺</div>
<div class="panel-body">
<form class="form-inline">
<ul class="list-group">
<li class="list-group-item">
<div class="form-group">
<label for="shangpuType">商铺类型</label>
<select class="form-control" name="shangpuType" id="shangpuType" data-alert="请选择商铺类型">
<option value="0">商场</option>
<option value="1">街铺</option>
</select>
</div>
<div class="form-group">
<label for="show_all">是否给商户公开</label>
<select class="form-control" name="showCd" id="showCd" data-alert="请选择是否给商户公开">
<option value="">请选择</option>
<option value="0">是</option>
<option value="1">否</option>
</select>
</div>
<div class="form-group">
<label for="exclusiveType">是否独家</label>
<select class="form-control" name="exclusiveType" id="exclusiveType" data-alert="请选择是否独家">
<option value="">请选择</option>
<option value="0">否</option>
<option value="1">是</option>
</select>
</div>
</li>
<li class="list-group-item" id="li_acr_phone">
<div class="form-group phone-list-container" style="width: 70px;">
<label for="">案场人电话</label>
</div>
<div class="form-group phone-list-container">
<input type="tel" class="form-control phone_jia" placeholder="请输入">
<ul></ul>
</div>
<!--<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>-->
<img src="/resource/image/jia2@2x.png" data-hideid='1' class="input-add-tel" id="acr_tel_jia" />
</li>
<li class="list-group-item" id="li_pf_phone">
<div class="form-group phone-list-container" style="width: 70px;">
<label for="">盘方</label>
</div>
<div class="form-group phone-list-container">
<input type="tel" class="form-control phone_jia" placeholder="请输入">
<ul></ul>
</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" id="li_acqx_phone">
<div class="form-group phone-list-container" style="width: 70px;">
<label for="">案场权限人</label>
</div>
<div class="form-group phone-list-container">
<input type="tel" class="form-control phone_jia" placeholder="请输入">
<ul></ul>
</div>
<img src="/resource/image/jia2@2x.png" data-hideid='0' class="input-add-tel" id="acqx_tel_jia" />
</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">
<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">
<label for="internalName">对内商铺名称</label>
<input type="text" class="form-control" placeholder="请输入" name="internalName" id="internalName" data-alert="请填写对内商铺名称！">
</div>
<div class="form-group show-c-part">
<label for="foreignName">对商户显示的商铺名称</label>
<input type="text" class="form-control" placeholder="请输入" name="foreignName" id="foreignName" data-alert="请填写对外商铺名称！">
</div>
</li>
<li class="list-group-item">
<div class="form-group">
<label for="group">租金模式</label>
<select class="form-control" name="zujinType" id="zujinType">
<option value="1" selected="selected">月租金</option>
<option value="2">营业额扣点</option>
<option value="3">每平方米租金</option>
</select>
</div>
<div class="form-group">
<label class="" for="price">月租均价</label>
<div class="input-group">
<div class="input-group-addon" style="display: none;">营业额扣点</div>
<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="请输入" 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="请输入" data-alert="请填写进场费！">
<div class="input-group-addon">元/月</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="form-group">
<label for="">剩余铺数</label>
<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="请输入" 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="请输入" data-alert="请填写商铺面积！">
<div class="input-group-addon shangchang-show-part">至</div>
<input type="number" class="form-control input-100-width shangchang-show-part" 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="请输入" data-alert="请填写商业面积！">
<div class="input-group-addon">m²</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="form-group">
<label for="">对内地址</label>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg" id="position_btn">选择地址定位</button>
<!--<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 input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="province_internal" />
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="city_internal" />
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="disc_internal" />
<input type="text" class="form-control" id="address_internal" placeholder="请输入详细地址" data-alert="请填写对内详细地址！">
</div>
<div class="form-group">
<label for="longitude">经度</label>
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" 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 address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="latitude" name="latitude" data-alert="请通过地址定位获取经纬度！">
</div>
</li>
<li class="list-group-item show-c-part">
<div class="form-group">
<label for="">对商户显示的地址</label>
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="province_external" />
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="city_external" />
<input type="text" class="form-control input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="与对内地址一致，通过地址定位获取" readonly="readonly" id="disc_external" />
<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" 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" 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" data-alert="请填写营业时间！">
</div>
<div class="form-group">
<label for="">开盘时间</label>
<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" data-alert="请填写开业时间！">
</div>
<div class="form-group">
<label for="">是否有燃气</label>
<select class="form-control" id="hasGas">
<option value="0" selected="selected">有</option>
<option value="1">没有</option>
</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 show-c-part">
<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 full-width-100 full-pic-area">
<label for="">列表页封面图(1张)</label>
<input readonly="readonly" type="text" name="liebiao_pic_input" class="form-control" style="width: 150px !important;display:none" id="liebiao_pic_input" placeholder="请选择图片">
<button class="btn btn-default upload-image-btn" id="liebiao_pic_btn" type="button" data-limittop="1">选择图片</button>
<span class="tip"></span>
</div>
<ul class="img-pre-ul" id="liebiao_pic_ul"></ul>
</li>
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<label for="">详情页轮播图(至少6张)</label>
<input readonly="readonly" type="text" name="xiangqing_pic_input" class="form-control" style="display: none" id="xiangqing_pic_input" placeholder="请选择图片">
<button class="btn btn-default upload-image-btn" id="xiangqing_pic_btn" type="button" data-limittop="20">选择图片</button>
<span class="tip"></span>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul"></ul>
</li>
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<label for="">楼层平面图(选填)</label>
<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 upload-image-btn" id="louceng_pic_btn" type="button" data-limittop="20">选择图片</button>
<span class="tip"></span>
</div>
<ul class="img-pre-ul" id="louceng_pic_ul"></ul>
</li>
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<label for="">附件上传(pdf格式，选填，1个)</label>
<input readonly="readonly" type="text" name="fujian_pre" class="form-control" style="display: none" id="fujian_pre" placeholder="请选择图片">
<button class="btn btn-default upload-image-btn" id="fujian_btn" type="button" data-limittop="1" data-spfile="pdf">选择文件</button>
<span class="tip"></span>
</div>
<ul class="img-pre-ul" id="fujian_ul"></ul>
</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="请填入微楼书网页链接" data-alert="请填写微楼书链接！">
<div class="input-group-addon">如(https://www.tonglianjituan.com)</div>
</div>
</div>
</li>
<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">
<label for="">独家合同上传</label>
<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 upload-image-btn" id="dujia_pic_btn" type="button" data-limittop="20">选择图片</button>
<span class="tip"></span>
</div>
<ul class="img-pre-ul" id="dujia_pic_ul"></ul>
</li>
<li class="list-group-item" style="text-align: center;"><button type="submit" class="btn btn-primary" id="saveBtn">保存</button></li>
</ul>
</form>
</div>
</div>
</div>
</div>
</div>
<!--百度定位的弹出框更改-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content" style="width: 780px;">
<div class="modal-header address-search-head-div">
<div class="address-header-bar">
<div id="address_city_title">上海市</div>
<div class="crile">
<input class="main-input" id="search_input" type="search" placeholder="请输入地址" />
<img src="/resource/image/search_gb.png" class="cancel-pic" />
</div>
</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 42px;"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" style="height: 780px;">
<div id="position_box">
<div id="main_ul">
<ul></ul>
</div>
<div id="loading_pic" class="loading_pic">
<img src="/resource/image/jz2.gif" />
<p>正在加载...</p>
</div>
<div id="no_more" class="no_more">没有更多了</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=RTimRTxtj23AYTCkSsPvNDuQkGpR2fPX"></script>
<!--图片点击查看大图-->
<div id="img_mask_area" title="点击任意位置可关闭">
<img />
</div>
<!--整夜页面的加载图标区域-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif" />
</div>
</div>
\ No newline at end of file
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