pfhwyigou/frontend/views/house/typedetails.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/19
 * Time: 下午4:57
 */
use frontend\assets\AppAsset;
use yii\helpers\Html;
use yii\helpers\Url;

AppAsset::addCss($this,Yii::$app->request->baseUrl."/overseas/js/swiper/swiper-3.4.2.min.css");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/overseas/css/lptypedetails.css");
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/overseas/js/swiper/swiper-3.4.2.min.js');
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/overseas/js/qrcode/qrcode.js');
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/overseas/js/house/lptypedetails.js');
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/applyVerify.min.js");
/**
 * head头信息；
 */
$this->title  = $public['seo']['city'].$public['name'].'户型图_'.$public['name'].'在售户型-详情-置慧房  ';
$this->metaTags[]='<meta name="keywords"  content="'.$public['seo']['city'].$public['name'].'户型图,半山半岛在售户型" />';
$this->metaTags[]='<meta name="description" content="'.$public['name'].'户型有哪些？'. $public['seo']['city'].$public['name'].'户型图频道为您提供'.$public['name'].'户型大全以及在售户型图信息，找'.$public['name'].'户型图就上置慧房。"/>';
?>

<!-- 开启起来报错 -->
<?php $this->beginContent('@app/views/house/publichouse.php', ['public' => $public, 'module' => 129]); ?>
<?php $this->endContent(); ?>

<?php $this->beginContent('@app/views/house/publichousenav.php', ['hid' => $public['id']]); ?>
<?php $this->endContent(); ?>
<div class="lptypedetails" data-hid="<?=$public['id'] ?>">
    <div class="lptypedetails_box">
        <div class="lptypedetails_top">
            <div class="typelist_nav">
                <div class="typelist_nav_l">
                    <a href="javascript:;" class="sub_n prev-btn PgUp"><img src="/overseas/img/v2image/v2_ico9_1.png" alt=""></a>
                    <div class="listmian listmian_box">
                        <ul class="swiper-wrapper">
                            <?php if(!empty($data)){ foreach ($data as $k=>$val){?>
                            <li data-path="<?= !empty($val['panorama']) ? $val['panorama'] : (!empty($val['path']) ? $val['path'] : '' )?>" data-name="<?= $val['type_id'] == 'vr'? 'vr' : 'houseType' ?>" data-mj="<?=$val['area']?>" data-id="<?=$k?>" data-url="<?=$val['img']?>" data-zl="<?=$val['indoor_info']?>">
                                <a href="javascript:;">
                                    <span><?=$val['title']?></span>
                                    <span>建筑面积：<?=$val['area']?></span>
                                    <?= $val['type_id'] == 'vr'? '<i>VR</i>' : ''  ?>
                                </a>
                            </li>
                            <?php }} ?>
                        </ul>
                    </div>
                    <a href="javascript:;" class="sub_n next-btn PgDn"><img src="/overseas/img/v2image/v2_ico9.png" alt=""></a>
                </div>
            </div>
        </div>
        
        <div class="typelist_main c">
            <div class="typelist_main_left fl">
                <a href="javascript:;" class="list_sub prev-btn rightUp"><img src="/overseas/img/v2image/news_ico2.png" alt=""></a>
                <div class="main_left imgpart">
                    <div class="pic_ymain wwlargeimg" data-index="0" data-id="0" house-id="0" data-type="houseType">
                        <div class="main_ckyt"><span>查看原图</span></div>
                        <img src="" alt="">
                        <div class="vvid_pic_ico vr-animation-forever"></div>
                    </div>
                    
                </div>
                <!-- 放大后的图片, 放大后的图片的尺寸要设置为展示图片的倍数（2倍）-->
               <!--  <div class="bigpic">
                    <img src="" alt="">
                </div> -->
                <a href="javascript:;" class="list_sub next-btn rightDn"><img src="/overseas/img/v2image/news_ico1.png" alt=""></a>
            </div>
            <div class="typelist_main_right fr">
                <div class="type_tit">3室2厅2卫1厨</div>

                <div class="lptype_l">
                    <p>
                        <span>建筑面积：</span>
                        <em>73㎡</em>
                        <a href="javascript:;" class="pic_jjtz" data-buttom="立即获取报价" data-title="户型报价" data-hid="<?=$public['id'] ?>" data-text="提交号码可获取户型报价、首付、月供 详细报价单。" data-source="130"><img src="/overseas/img/v2image/v2_ico41.png" alt="">户型报价</a>
                    </p>
                    <p><span>销售状态：</span><em><?=$public['state']?></em></p>
                    <p><span>在售户型：</span><em></em></p>
                </div>
                <div class="xian_m"></div>
                <div class="lpprice lptype_l">
                    <p class="p">
                        <span>户型单价：</span>
                        <?php if(!empty($public['sale_price'])){?>
                        <em><b><?=$public['sale_price']?></b><?=$public['price_unit']?></em>
                        <?php }?>
                        <a href="javascript:;" class="pic_jjtz" data-buttom="立即获取" data-title="降价通知" data-hid="<?=$public['id'] ?>" data-text="<em>【<?=$public['name'] ?>】</em>最新降价消息及优惠活动信息将第一时间 通知您！" data-source="129"><img src="/overseas/img/v2image/v2_ico34.png" alt="">降价通知</a>
                    </p>
                    <p class="js_timehx"><span>有效期至：</span><em></em></p>
                </div>
                <div class="xian_m"></div>
                <div class="bin_f c">
                    <div class="bin_f_l portrait_img">
                        <img src="" alt="">
                    </div>
                    <div class="bin_f_r">
                        <div class="bin_f_text">
                            <p class="jjr"><span>置业顾问</span></p>
                            <p class="kt">已带看客户<span>125</span>组</p>
                            <p class="txt">好评经纪人 | 专业 | 周到</p>
                        </div>
                        <div class="zixun"><a href="javascript:;" onclick="$53click()"><i><img src="/overseas/img/v2image/v2_ico43.png" alt=""></i><span>向TA咨询</span></a></div>
                    </div>
                </div>
                <div class="lptell">
                    <span>售楼电话：</span><em><?=$public['tel']?></em>
                </div>

                <div class="lpsaoma js_lpsaoma">
                    <div class="lpsaoma_top">
                        <i><img src="/overseas/img/v2image/v2_ico42.png" alt=""></i>
                        <span>扫码拨号</span>
                    </div>
                    <div class="lpsaoma_show js_lpsaoma_show">
                        <div class="lpsaoma_show_m">
                            <div class="lpsaoma_show_mai">
                                <p id="top_img_c" src="http://m.shuofangw.com/house/selftel/<?=$public['id'] ?>"></p>
                            </div>
                            <divc class="lpsaoma_show_text">
                                <p>微信扫码</p>
                                <p>轻松拨号</p>
                            </div>
                        </div>
                    </div>
                </div>                
                
            </div>
        </div>

    </div>
</div>

<!-- 图片放大效果  -->
<div class="weffects">
    <!-- 关闭按钮 -->
    <div class="weffects-cls"><img src="/image/search/cls.png" alt=""></div>
    <!-- 放大图片 -->
    <div class="magnify-box">
        <img src="" alt="">
    </div>
    <!-- 左右切换按钮 -->
    <div class="prev-btn"><img src="/image/search/lr.png" alt=""></div>
    <div class="next-btn"><img src="/image/search/lr.png" alt=""></div>
    <!-- 图片列表 -->
    <div class="weffects-box">
        <div class="weffects-list">
            <div class="weffects-list-nav">
                <!-- <a house-id="5695" data-type="houseType" data-id="" class="on" href="javascript:void(0);">1室(1)</a>
                <a house-id="5695" data-type="houseType" data-id="" href="javascript:void(0);">2室(4)</a>
                <a house-id="5695" data-type="houseType" data-id="" href="javascript:void(0);">3室(8)</a>
                <a house-id="5695" data-type="houseType" data-id="" href="javascript:void(0);">4室(14)</a>
                <a house-id="5695" data-type="houseType" data-id="" href="javascript:void(0);">5室(2)</a> -->
            </div>
            <div class="weffects-list-imgbox">
                <div class="weffects-list-img">
                    <ul class="swiper-wrapper">
                        <?php if(!empty($data)){ foreach ($data as $k=>$val){?>
                            <?php if ($val['type_id']!='vr') { ?>
                                <li class="swiper-slide in" data-url="<?=$val['img']?>"><img src="<?=$val['img']?>" alt=""></li>
                            <?php } ?>
                        <?php }} ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>