Skip to content

T
tl_estate
Commit c8e25c62 authored by agping's avatar agping
Browse files
Options

办公楼详情

parent 104ede14
Hide whitespace changes
Inline Side-by-side
Showing with 75 additions and 160 deletions
application/index/view/share_office_room/office_detail.html
View file @ c8e25c62
...@@ -99,12 +99,12 @@ ...@@ -99,12 +99,12 @@
<input type="hidden" id="open_id" value='{$data}' /> <input type="hidden" id="open_id" value='{$data}' />
<header class="m_part1_w"> <header class="m_part1_w">
<div class="u_btn1b" onclick="window.history.go(-1)" style="margin-top:0.1rem"><span style=""><i class="icon-angle-left" style="font-size:0.65rem"></i></span></div> <div class="u_btn1b" onclick="window.history.go(-1)" style="margin-top:0.1rem"><span style=""><i class="icon-angle-left" style="font-size:0.65rem"></i></span></div>
<div class="line_a" style="margin-top: 1rem;"> <div class="line_a office-titlle" style="margin-top: 1rem;">
</div> </div>
<p class="b3_spanhao_font" id="font_24" style="margin-bottom: .1rem;"> <p class="b3_spanhao_font" id="font_24" style="margin-bottom: .1rem;">
<span class="b3_spanhao_left"> <span class="b3_spanhao_left">
编号： 编号：
<span class="b3_spanhao"></span> <span class="b3_spanhao office-id"></span>
</span> </span>
</p> </p>
...@@ -118,16 +118,16 @@ ...@@ -118,16 +118,16 @@
<div class="line_b"> <div class="line_b">
<ul> <ul>
<li class="ul_b1"> <li class="ul_b1">
<span class="b1_span_ pu_area_type">商铺面积</span> <span class="b1_span_ office_price_total">总价</span>
<span class="b1_span_totl pu_area"></span> <span class="b1_span_totl office_price">单价</span>
</li> </li>
<li class="ul_b2"> <li class="ul_b2">
<span class="b1_span_ pu_price_type">租金</span> <span class="b1_span_ office_mianji">面积</span>
<span class="b1_span_totl pu_price"></span> <span class="b1_span_totl office_gongwei">工位</span>
</li> </li>
<li class="ul_b3"> <li class="ul_b3">
<span class="b1_span_ slotting_fee_type">转让费</span> <span class="b1_span_ office_zhuangxiu">精装修</span>
<span class="b1_span_totl slotting_fee"></span> <span class="b1_span_totl office_ceng">中区(共28层)</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -138,183 +138,69 @@ ...@@ -138,183 +138,69 @@
</div> </div>
<!--line 3--> <!--line 3-->
<!--最适合业态--> <!--最适合业态-->
<p class="b3_font1 b3_span_shop_yetai"> <p class="b3_font1">
<span>理想经营业态：</span> 类型：
<span class="b3_span_shop_yetai_con gw"></span> <span class="gw office_type"></span>
</p> </p>
<p class="b3_font1 b3_span_shop_num"> <p class="b3_font1">
<span>剩余铺数：</span> 可注册公司：
<span class="b3_span_build_num gw"></span> <span class="gw office_zhuce"></span>
</p> </p>
<p class="b3_font1 b3_span_shop_mianji"> <p class="b3_font1">
<span class="b3_span_build_type">建筑面积：</span> 签约年限：
<span class="b3_span_build gw"></span> <span class="gw office_qianyue"></span>
</p> </p>
<p class="b3_font1"> <p class="b3_font1">
物业管理费： 免租时间：
<span class="b3_span0 gw"></span> <span class="gw office_mianzhu"></span>
</p> </p>
<!--付款方式 签约年限-->
<p class="b3_font1"> <p class="b3_font1">
付款方式： 付款方式：
<span class="gw terms-payment">付三押二</span> <span class="gw office_fukuan">付三押二</span>
</p> </p>
<p class="b3_font1"> <p class="b3_font1">
签约年限： 物业管理费：
<span class="gw signing-year">3-5年</span> <span class="gw office_wuye">3-5年</span>
</p>
<p class="b3_font1">
转让费：
<span class="gw office_zhuanrang"></span>
</p>
<p class="b3_font1">
入驻时间：
<span class="gw office_ruzhu"></span>
</p> </p>
<p class="b3_font2"> <p class="b3_font1">
适合经营范围： 车位情况：
<span class="b3_span2 gw"></span> <span class="gw office_chewei"></span>
</p> </p>
<p class="line_hr"></p> <p class="line_hr"></p>
<!--line 6--> <!--line 6-->
查看绿地汇中心
<div class="b4_font"> <div class="b4_font">
<p class="b4_font_p"> <p class="b4_font_p">
位置信息 位置信息
</p> </p>
<p class="b4_font2"> <p class="b4_font2">
地址：<span class="b4_span1 gw duinei"></span> 地址：<span class="b4_span1 gw office_dizhi"></span>
</p>
<p class="b4_font2">
交通：<span class="b4_span1 gw jiaotong"></span>
</p>
</div>
<p class="line_hr"></p>
<div class="b4_font" id="b4_font">
<p class="b4_font_p">
详细信息
</p>
<p class="b4_font2">
商铺类型：
<span class="b3_span gw"></span>
</p>
<p class="b4_font2">
交付装修：
<span class="b4_span1 gw decoration-details"></span>
</p>
<p class="b4_font2">
目前证照经营范围：
<span class="b4_span1 gw business-scope-details"></span>
</p>
<!--<p class="b4_font2">
<span class="has-housed">已入驻：</span>
<span class="b3_span3 gw"></span>
</p>-->
<p class="b4_font2">
营业时间：
<span class="b4_span1 gw yingye-time"></span>
</p>
<p class="b4_font2 zhaoshang-time-p">
招商时间：
<span class="b4_span1 gw zhaoshang-time"></span>
</p> </p>
<p class="kaiye-time-p b4_font2">
开业时间：
<span class="b4_span1 gw kaiye-time"></span>
</p>
<p class="b4_font2"> <p class="b4_font2">
面宽： 交通：<span class="b4_span1 gw office_jiaotong"></span>
<span class="b4_span1 gw area-width-details"></span>
</p> </p>
<p class="b4_font2">
进深：
<span class="b4_span1 gw depth-details"></span>
</p>
</div>
<p class="line_hr"></p>
<!--line 4-->
<div class="b4_font">
<p class="b4_font_p">
经纪人对本铺评价
</p>
<p class="b4_font_p_evaluation_first b4_font2">
周边配套：<span class="b4_font_evaluation surrounding-complete">附近有沃尔玛超市、世纪联华超市、眼镜百货店等商场，杨泰公寓、杨泰二村等小区。</span>
</p>
<p class="b4_font_p_evaluation b4_font2">
所处地段：<span class="b4_font_evaluation in-section">店铺位于商圈中心，地段繁华，交通便利。商铺在商场一楼，便于顾客进店。</span>
</p>
<p class="b4_font_p_evaluation b4_font2">
附近人流：<span class="b4_font_evaluation near-stream">店铺周围客流量大，人群消费意愿强。</span>
</p>
<p class="b4_font_p_evaluation b4_font2">
其他补充：<span class="b4_font_evaluation other-supplementary">有证照，省去开店前置手续。有380V动力电，满足设备用电需要。</span>
</p>
</div>
<p class="line_hr"></p>
<!--设施配套-->
<div class="b4_font">
<p class="b4_font_p">
配套设施
</p>
<ul class="b4_font2 supporting-facilities">
<li><span class="icon-bg-facilities"><img src="/app/images/icon_200w@2x.png" class="supporting-facilities-img"/></span><span class="electric-quantity-details">200W</span></li>
<li><span class="icon-bg-facilities"><img src="/app/images/icon380v@2x.png" class="supporting-facilities-img"/></span><span class="voltage-details">380V</span></li>
<li class="meiqi-details-li"><span class="icon-bg-facilities"><img src="/app/images/icon_gas@2x.png" class="supporting-facilities-img"/></span><span class="meiqi">燃气</span></li>
<li class="exhaust-fume-details-li"><span class="icon-bg-facilities"><img src="/app/images/icon_piping@2x.png" class="supporting-facilities-img"/></span><span class="exhaust-fume-details">烟管道</span></li>
<li class="running-water-details-li"><span class="icon-bg-facilities"><img src="/app/images/icon_upper@2x.png" class="supporting-facilities-img"/></span><span class="running-water-details">上水</span></li>
<li class="downriver-details-li"><span class="icon-bg-facilities"><img src="/app/images/icon_sewer@2x.png" class="supporting-facilities-img"/></span><span class="downriver-details">下水</span></li>
</ul>
</div> </div>
<!--<p class="line_hr"></p>-->
<div style="height: 2rem;"> <div style="height: 2rem;">
</div> </div>
<!--line 5-->
<!--<div class="b4_font">
<p class="b4_font_p" id="planter">
楼盘平面
</p>
</div>
<div class="slider3">
</div>-->
<!--房源动态-->
<!--<p class="line_hr"></p>
<div class="b4_font">
<p class="b4_font_p">
房源动态
</p>
</div>
<div class="line_b">
<ul>
<li class="ul_b1">
<span class="b1_span ">
近7日带看（次）
</span>
<span class="b1_span_totl_ take_look_7">
</span>
</li>
<li class="ul_b2">
<span class="b1_span ">
近30日带看（次）
</span>
<span class="b1_span_totl_ take_look_30">
</span>
</li>
<li class="ul_b3">
<span class="b1_span ">
关注房源（人）
</span>
<span class="b1_span_totl_ take_look_focus">
</span>
</li>
</ul>
</div>
<p class="line_hr"></p>-->
<!--下载app部分--> <!--下载app部分-->
<div class="public fix_area_top" style=" z-index: 9999999;top: 0;display: none;"> <div class="public fix_area_top" style=" z-index: 9999999;top: 0;display: none;">
<img src="/app/images/pbl_cha.png" class="pbl_cha" /> <img src="/app/images/pbl_cha.png" class="pbl_cha" />
<img src="/app/images/img_logo@2x.png" class="pbl_logo" /> <img src="/app/images/img_logo@2x.png" class="pbl_logo" />
<p> <p>
<span style="font-size: 0.24rem;margin-top: 0.33rem;">海量真实旺铺，就在同联商业 </span> <span style="font-size: 0.24rem;margin-top: 0.33rem;">海量真实旺铺，就在同联商业 </span>
<!--<span style="font-size: 0.22rem; margin-top: 0.06rem;">请下载同联商业APP</span>-->
</p> </p>
<a id="jump_link" href="javascript:;"> <a id="jump_link" href="javascript:;">
<!--<img src="/app/images/img_btn@2x.png" class="pbl_xz">-->
<span class="pbl_xz">立即打开</span> <span class="pbl_xz">立即打开</span>
</a> </a>
</div> </div>
...@@ -332,7 +218,6 @@ ...@@ -332,7 +218,6 @@
<p> <p>
<a id="fix_tel" href="javascript:;"> <a id="fix_tel" href="javascript:;">
<img src="/app/images/share_call_tel.gif" class="tel-agent"/> <img src="/app/images/share_call_tel.gif" class="tel-agent"/>
<!--<span>拨打电话</span>-->
</a> </a>
</p> </p>
</div> </div>
...@@ -340,7 +225,6 @@ ...@@ -340,7 +225,6 @@
<a href="javascript:;" id="fix_area_bottom_btn"><img src="/app/images/xq_cha@2x.png" /></a> <a href="javascript:;" id="fix_area_bottom_btn"><img src="/app/images/xq_cha@2x.png" /></a>
</div> </div>
<div class="shop-list"> <div class="shop-list">
<!--<img src="/app/images/img_more@2x.png" alt="" />-->
<img src="/app/images/clik_shop_icon2.png" /> <img src="/app/images/clik_shop_icon2.png" />
</div> </div>
...@@ -355,7 +239,6 @@ ...@@ -355,7 +239,6 @@
</span> </span>
</div> </div>
<!--<script src="/app/js/jquery.js"></script>-->
<script src="/app/js/jquery-1122-min.js" charset="UTF-8"></script> <script src="/app/js/jquery-1122-min.js" charset="UTF-8"></script>
<script src="/app/js/swiper.js"></script> <script src="/app/js/swiper.js"></script>
<script src="/app/js/common.js" charset="utf-8"></script> <script src="/app/js/common.js" charset="utf-8"></script>
......
public/app/js/detaila_office_tl.js
View file @ c8e25c62
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
if(typeof response === 'object') { if(typeof response === 'object') {
if(response['code'] == '200') { if(response['code'] == '200') {
//房源详情相关 //房源详情相关
function switchDecoration(t){ function switchDecoration(t){//装修
switch(Number(t)){ switch(Number(t)){
case 1:return"毛坯"; case 1:return"毛坯";
case 2:return"现状"; case 2:return"现状";
...@@ -32,10 +32,42 @@ ...@@ -32,10 +32,42 @@
case 4:return"精装修"; case 4:return"精装修";
}; };
}; };
function switchFloortag(t){
switch(Number(t)){
case 1:return"底层";
case 2:return"中层";
case 3:return"高层";
};
},
function switchType(t){
switch(Number(t)){
case 1:return"写字楼";
case 2:return"商住两用";
case 3:return"园区";
case 4:return"洋房";
case 5:return"联合办公";
case 6:return"厂房";
};
},
$('.office-title').html(data.data.title);//办公楼名字
$('.office-id').html(data.data.id);//办公楼id
$('.office_price_total').html(data.data.price_total+'元/月');//总价
$('.office_price').html(data.data.price+'元/m²/天');//单价
$('.office_mianji').html(data.data.area+'m²');//面积
$('.office_gongwei').html('容纳'+data.data.station_start+'~'+data.data.station_end+'工位');//工位
$('.office_zhuangxiu').html(switchDecoration(data.data.decoration));//装修
$('.office_ceng').html(switchFloortag(data.data.floor_tag)+'共('+data.data.floor_total+')层');//楼层
$('.office_type').html(switchType(data.data.type));//类型
$('.office_zhuce').html(data.data.is_register == 1?'否':'是');//注册
$('.office_qianyue').html(data.data.age_limit_start);//签约
$('.office_mianzhu').html(data.data.rent_free);//免租
$('.office_fukuan').html(data.data.payment_month);//付款
$('.office_wuye').html(data.data.management_fee);//物业
$('.office_zhuanrang').html(data.data.slotting_fee);//转让
$('.office_ruzhu').html(data.data.enter_date);//入驻
$('.office_chewei').html(data.data.carport);//车位
$('.office_dizhi').html(data.data.address);//地址
$('.office_jiaotong').html(data.data.traffic_info);//交通
//房源详情相关 //房源详情相关
var lp_img = response.data.images; //轮播图(图片) var lp_img = response.data.images; //轮播图(图片)
......
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