Skip to content

T
tl_estate
Commit 9665f4e3 authored by hujun's avatar hujun
Browse files
Options

楼盘字典页面

parent b5f2f855
Hide whitespace changes
Inline Side-by-side
Showing with 537 additions and 2 deletions
application/index/view/office/index.html
View file @ 9665f4e3
{layout name="global/frame_two_tpl" /} {layout name="global/frame_two_tpl" /}
楼盘列表 <input type="hidden" class="page-load" id="buildingDictionary" />
\ No newline at end of file <style>
#container_body_img_area{
margin-top: 10px;
}
#container_body_img_area img{
width: 120px;
height: 120px;
}
.span-del,.span-del2{
color: red;
}
#container_body_img_area>div{
float: left;
width: 216px;
}
#file_input_pic {
opacity: 0;
position: absolute;
top: 8px;
/*left: 145px;*/
height: 35px;
width: 80px;
}
.detail-modal-bargaininfo-commission-cancel-pic img{
width: 20px;
margin-left: 10px;
}
.detail-modal-bargaininfo-commission-sec{
float: left;
}
video{
outline: none;
}
.clear{
clear: both;
}
.modal.fade.in.yz{
opacity: 0;
}
.modal-backdrop.fade.in{
opacity: 0;
}
#batch{
float: left;
height: 34px;
line-height: 34px;
}
.ld-Marheight{
margin-top: 15px;
}
.phone_list{
margin-top: 32px;
width: 182px;
margin-left: -182px;
}
.phone_jia1{
float: left;
width: 182px;
}
.phone_list li{
height: 22px;
line-height: 22px;
}
.phone_list li:nth-of-type(even) {
display: none;
}
.modal-dialog-one{
width: 668px;
}
.main_table_th_tr>th:nth-of-type(2){
width: 50px;
}
.main_table_th_tr>th:nth-of-type(4){
width: 86px;
}
.main_table_th_tr>th:nth-of-type(5){
width: 86px;
}
.main_table_th_tr>th:nth-of-type(7){
width: 100px;
}
.main_table_th_tr>th:nth-of-type(8){
width: 50px;
}
.btn-top-house{
margin-top: 20px;
text-align: center;
}
.ld-Marheight-city{
margin-top: 8px;
}
/*控制放大镜的 收款图片显示*/
#preview{
z-index: 9999!important;
}
#preview img{
width: 580px;
max-height:720px;
}
.main-select{
display : none;
}
.btn2 {
width : 10% !important;
}
.btn4 {
width : 16% !important;
}
/*适配 不同屏幕*/
@media screen and (min-width:1680px){
.btn4 {
width : 12% !important;
}
.btn2 {
width : 8% !important;
}
}
/*上传附件 的 样式*/
.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;
}
.delet-pic-btn {
color: red;
}
.img-pre-ul{
padding-left:0;
overflow: hidden;
}
.modal-dialog-dujia{
width: 856px;
}
.phone_list_dujia{
margin-top: 34px;
width: 257px;
margin-left: -256px;
}
.file-upload-area>.btn-area {
position: relative;
width: 82px;
height: 34px;
}
.iframe-shop-detail-scroll{
height: 600px;
overflow-y: scroll;
}
/*盘方员工 姓名 下拉式 搜索*/
/*经纪人 搜索 下拉式*/
.left-phone{
margin-left: 10px;
float: left;
width: 230px;
position: relative;
}
.user-ul-agent{
width: 223px;
height: auto;
float: left;
position: absolute;
background: #fff;
border: .5px solid #ccc;
border-top: none;
left: 11px;
z-index: 999;
}
.user-ul-agent li{
list-style: none;
line-height: 30px;
margin-left: -28px;
}
/*加载图标*/
#main_loading_pic {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: 50px;
margin-top: -100px;
overflow: hidden;
display: none;
}
/*推广链接 弹窗*/
#link_content{
font-size: 14px;
font-weight: bold;
margin: 0 20px;
}
.modal-dialog-tuiguang{
width: 1080px;
}
/*搜索条件的margain变小*/
.ld-Marheight{
margin-top: 5px;
}
/*商铺详情 样式优化*/
.btn-info-liu{
font-size: 18px;
color: #FF8018;
}
.btn-default-liu{
opacity: 0.4;
font-size: 18px;
color: #1F3865;
}
.detail-modal-header-tab span{
cursor: pointer;
margin-left: 30px;
font-weight: 600;
}
.upload-image-btn{
width: 82px;
height: 40px;
position: relative;
opacity: 0;
z-index: 66;
}
.btn-default-liu-css{
position: relative;
left: -80px;
z-index: 6;
}
.inlineBlock{
display: inline-block;
}
</style>
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li><a href="#">楼盘字典</a></li>
<div class="pull-right">
<ul class="bread_btn">
<li>
<a class="btn btn-default add" href="#modal_add_loupan" data-toggle="modal" >新增楼盘</a>
</li>
</ul>
</div>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<td colspan="16">
<form id="form_search">
<div class="col-xs-12" style="padding:0px">
<select class="form-control btn2-city shop_city_choose_site_list"></select>
<select class="form-control btn2" id="shop_area_id">
<option value="" selected="selected">区域</option>
</select>
<select class="form-control btn2" id="business_circle_id">
<option value="" selected="selected">商圈</option>
</select>
<select class="form-control btn2" id="shop_type">
<option value="">楼盘类型</option>
<option value="1">写字楼</option>
<option value="2">商住两用</option>
<option value="3">园区</option>
<option value="4">洋房</option>
<option value="5">联合办公</option>
<option value="6">厂房</option>
</select>
<input type="text" class="form-control btn2" id="shop_title" placeholder="楼盘名称"/>
</div>
<div class="col-xs-12" style="padding : 0px;">
<span class="btn btn-info btn3 ld-Marheight" id="search">搜索</span>
<span class="btn btn-info btn3 ld-Marheight" id="reset">重置</span>
</div>
</form>
</td>
</tr>
<tr class="main_table_th_tr">
<th class="text-center">楼盘编号</th>
<th class="text-center">楼盘类型</th>
<th class="text-center">区域</th>
<th class="text-center">商圈</th>
<th class="text-center">楼盘名称</th>
<th class="text-center">总层数</th>
<th class="text-center">楼盘简介</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody class="text-center" id="business_list"></tbody>
</table>
</div>
<!-- /#page-content-wrapper -->
<div class="text-right" id="pagediv">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /#新增编辑楼盘字典模态框 -->
<div class="modal fade" id="modal_add_loupan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 960px;">
<div class="modal-content modal-body-new-user">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
新增/编辑楼盘
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" action="/agents/add_user" id="add_user_form">
<div class="form-group form-group-bottom">
<div class="col-sm-6 isshowLou">
<label for="inputEmail3" class="col-sm-4 control-label">楼盘编号：</label>
<div class="col-sm-8">
<span class="louceng_num" style="margin-top: 6px;display: inline-block;">6666</span>
<!--<input type="text" class="form-control" name="user_name" id="inputEmail3" placeholder="请输入楼盘编号">-->
</div>
</div>
<div class="col-sm-6">
<label for="inputEmail3" class="col-sm-4 control-label">楼盘类型：</label>
<div class="col-sm-8">
<select class="form-control" id="loupan_type">
<option value="">请选择</option>
<option value="1">写字楼</option>
<option value="2">商住两用</option>
<option value="3">园区</option>
<option value="4">洋房</option>
<option value="5">联合办公</option>
<option value="6">厂房</option>
</select>
</div>
</div>
</div>
<div class="form-group form-group-bottom">
<div class="col-sm-6">
<label for="inputEmail3" class="col-sm-4 control-label">楼盘名称：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="loupan_title" placeholder="请输入楼盘名称">
</div>
</div>
</div>
<ul class="list-group">
<li class="list-group-item address-relate-area" style="border: 0;">
<div>
<label for="" style="margin-left: 50px;">楼盘地址:</label>
</div>
<div style="width: 100%;">
<div class="form-group" style="width: 460px;float: left;margin-left: 40px;">
<button type="button" class="btn btn-primary area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" id="position_btn">选择地址定位</button>
<input type="text" class="input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="province_internal" />
<input type="text" class="input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="city_internal" />
<input type="text" class="input-100-width address-relate area-choose-btn-modal" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="disc_internal" />
</div>
<div class="form-group" style="width: 164px;float: left;">
<label for="longitude">经度</label>
<input type="text" class="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" style="width: 164px;float: left;">
<label for="">纬度</label>
<input type="text" class="input-100-width address-relate" data-toggle="modal" data-target=".bs-example-modal-lg" title="通过地址定位获取" readonly="readonly" id="latitude" name="latitude" data-alert="请通过地址定位获取经纬度！">
</div>
<div class="form-group" style="width: 164px;float: left;">
<label for="">商圈</label>
<select id="business_rong">
<option value="-1">请选择商圈</option>
</select>
</div>
</div>
<div style="width: 100%;">
<div class="form-group" style="margin-left: 40px;">
<input type="text" class="form-control area-choose-btn-modal" id="address_internal" placeholder="详细地址(格式xx路xx号xx)" data-alert="请填写正确格式的对内详细地址(xx路xx号xx)！">
<div id="address_internal_input_text_box">
<ul></ul>
<p>
<span>存在的相似商铺</span>
<button type="button" class="btn btn-primary">确认无重盘</button>
</p>
</div>
</div>
</div>
</li>
</ul>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label" style="margin-top: 10px;">周边交通：</label>
<div class="col-sm-9">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="detail-modal-bargaininfo-commission-sec form-group">
<label class="control-label" style="float: left;">距离</label>
<select class="form-control btn2-city shop_city_choose_site_list_line">
<option value="" selected="selected">请选择</option>
</select>
<select class="form-control btn2-city" id="shop_area_id_line">
<option value="" selected="selected">请选择</option>
</select>
<input type="number" class="form-control btn2-city" name="user_phone" autocomplete="off" id="set_father_id2" placeholder="请输入">
<label class="control-label">米</label>
</div>
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn" class="form-group form-group-bottom" style="text-align: center;">
<img src="/resource/image/jia2@2x.png" />
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label">总层数：</label>
<div class="col-sm-9">
<input type="number" class="form-control btn2-city" name="user_phone" autocomplete="off" id="loucengOffice" placeholder="请输入">
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label" style="margin-top: 10px;">楼盘简介：</label>
<div class="col-sm-9">
<textarea name="" rows="" cols="" style="width: 366px;height: 100px;" id="introOffice"></textarea>
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label" style="margin-top: 10px;">楼盘图片：</label>
<div class="col-sm-9">
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body">
<!--<label>请选择一个图像文件：</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic"/>
<div id="container_body_img_area"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="close">关闭
</button>
<button type="button" class="btn btn-primary btn-guanbi" id="saveBtn">
提交
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--加载图标-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
</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>
\ 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